{"version":3,"sources":["number-keyboard/index.css","number-keyboard/number-keyboard-icons.scss","number-keyboard/number-keyboard.scss","number-keyboard/_variables.scss","number-keyboard/number-keyboard-key.scss"],"names":[],"mappings":"AAAA,WCAA,kBACE,CAAA,mCACA,CAAA,iBACA,CAAA,eACA,CAAA,yCACA,CAAA,8OACA,CAAA,0HAcA,kCAGA,CAAA,iCACA,CAAA,WACA,CAbF,mDAGE,CAAA,iBACA,CACA,mBACA,CAFA,eACA,CACA,aACA,CAAA,mBAMA,CAAA,0BAGF,WACE,CAAA,8BAGF,WACE,CAAA,yBCxBA,8ECLiC,CDDjC,QACA,CAAA,MACA,CAEA,mBACA,CANF,cACE,CAKA,wBACA,CADA,qBACA,CADA,oBACA,CADA,gBACA,CCNwB,UDIxB,CAFA,0CCDiC,CAAA,qCDQjC,2ECPyC,CAAA,iCDcvC,wBACA,CADA,qBACA,CAAA,uBACA,CADA,oBACA,CAFA,0BACA,CADA,kBACA,CAHA,8BACA,CADA,sBACA,CCR+B,+DAHJ,CDW3B,mBACA,CADA,oBACA,CADA,mBACA,CADA,YACA,CCXiC,0EAEF,CDW/B,gDCZ4B,CDW5B,8BACA,CADA,sBACA,CCZ4B,0DADK,CDQnC,iBCT6B,CAAA,gCDqB7B,oBACE,CAAA,eACA,CAAA,qCAGE,MACA,CAFF,iBAEE,CAAA,+BAKF,qBACA,CAAA,8DAFF,mBACE,CADF,oBACE,CADF,mBACE,CADF,YAQE,CANA,+BAIA,kBACA,CADA,cACA,CADA,UACA,CADA,MACA,CAAA,sBACA,CADA,kBACA,CADA,cACA,CAAA,+BAMA,wBACA,CADA,qBACA,CADA,0BACA,CADA,kBACA,CAKA,8BACA,CAAA,QACA,CCpC6B,sEACJ,CAAA,cDiCzB,CAPA,mBACA,CADA,oBACA,CADA,mBACA,CADA,YACA,CC7B2B,oDACE,CD6B7B,WACA,CAAA,oEC/B2B,CD0B7B,iBACE,CAAA,OAUA,CAAA,sCAEA,qHCpCkC,CAAA,kCD0ClC,kBACA,CAAA,2BACA,CADA,4BACA,CAHF,mBACE,CADF,oBACE,CADF,mBACE,CADF,YACE,CAAA,cACA,CADA,UACA,CADA,MACA,CAAA,6BACA,CADA,yBACA,CADA,qBACA,CAAA,gCAGF,gBACE,CAAA,aEvEF,wBACA,CADA,qBACA,CAAA,uBACA,CADA,oBACA,CAFA,0BACA,CADA,kBACA,CAKA,8EDKqC,CAAA,+EACH,CACF,cCPhC,CAPF,mBACE,CADF,oBACE,CADF,mBACE,CADF,YACE,CDS2B,mDACG,CCR9B,6CDO2B,CCR3B,8BACA,CADA,sBACA,CDQ8B,sDAEI,CAAA,oBCGhC,WACA,CAEA,6EDAkC,CCDlC,WACA,CAFA,MACA,CAPF,iBAGE,CACA,UACA,CAFA,KDKkC,CAAA,qBCIpC,yFDP4C,CAAA,mBAWf,wGACW,CCDxC,2DDCwC,CAAA,uCCGtC,0EDdiC,CAAA,sBCqBjC,kBACA,CAAA,2BACA,CAHA,6BACA,CADA,qBACA,CAAA,cACA,CADA,UACA,CADA,MACA,CAAA,sBACA,CADA,cACA,CAAA,qBACA,CALF,iBAKE,CAAA,6BAEA,2BACE,CADF,sBACE,CADF,cACE,CAAA,oCAIJ,oDD1B+B,CAAA,gCC8B/B,yDD1BoC,CAAA,2BC8BpC,2DD7B6B","file":"index.css","sourcesContent":["@font-face{font-display:block;font-family:\"taroify-number-keyboard\";font-style:normal;font-weight:normal;src:url(\"./fonts/number-keyboard.eot?o8m3qv\");src:url(\"./fonts/number-keyboard.eot?o8m3qv#iefix\") format(\"embedded-opentype\"),url(\"./fonts/number-keyboard.ttf?o8m3qv\") format(\"truetype\"),url(\"./fonts/number-keyboard.woff?o8m3qv\") format(\"woff\"),url(\"./fonts/number-keyboard.svg?o8m3qv\") format(\"svg\")}[class^=taroify-backspace],[class*=\" taroify-backspace\"],[class^=taroify-keyboard-hide],[class*=\" taroify-keyboard-hide\"]{font-family:\"taroify-number-keyboard\",serif !important;font-style:normal;font-weight:normal;font-variant:normal;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak:never}.taroify-backspace::before{content:\"\"}.taroify-keyboard-hide::before{content:\"\"}.taroify-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--number-keyboard-z-index, 100);width:100%;padding-bottom:44px;user-select:none;background-color:var(--number-keyboard-background-color, var(--gray-2, #f2f3f5))}.taroify-number-keyboard--with-title{border-radius:var(--number-keyboard-with-title-border-radius, 40px 40px 0 0)}.taroify-number-keyboard__header{position:relative;box-sizing:content-box;display:flex;align-items:center;justify-content:center;height:var(--number-keyboard-header-height, 68px);padding-top:var(--number-keyboard-header-padding-top, 12px);font-size:var(--number-keyboard-header-font-size, var(--font-size-lg, 32px));color:var(--number-keyboard-header-color, var(--gray-7, #646566))}.taroify-number-keyboard__title{display:inline-block;font-weight:normal}.taroify-number-keyboard__title-left{position:absolute;left:0}.taroify-number-keyboard__body{display:flex;padding:12px 0 0 12px}.taroify-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.taroify-number-keyboard__hide{position:absolute;right:0;display:flex;align-items:center;height:100%;padding:var(--number-keyboard-hide-padding, 0 var(--padding-md, 32px));font-size:var(--number-keyboard-hide-font-size, 48px);color:var(--number-keyboard-hide-color, var(--text-link-color, #576b95));cursor:pointer;background-color:rgba(0,0,0,0);border:0 none}.taroify-number-keyboard__hide:active{opacity:var(--number-keyboard-hide-active-opacity, var(--number-keyboard-key-active-opacity, var(--active-opacity, 0.7)))}.taroify-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.taroify-number-keyboard--unfit{padding-bottom:0}.taroify-key{display:flex;align-items:center;justify-content:center;height:var(--number-keyboard-key-height, 96px);font-size:var(--number-keyboard-key-font-size, 56px);line-height:var(--number-keyboard-key-line-height, 1.5);cursor:pointer;background-color:var(--number-keyboard-key-background-color, var(--white, #fff));border-radius:var(--number-keyboard-key-font-size, var(--border-radius-lg, 16px))}.taroify-key--large{position:absolute;top:0;right:12px;bottom:12px;left:0;height:auto;font-size:var(--number-keyboard-large-key-font-size, var(--font-size-lg, 32px))}.taroify-key--active{background-color:var(--number-keyboard-key-active-background-color, var(--gray-3, #ebedf0))}.taroify-key--blue{color:var(--number-keyboard-button-color, var(--white, #fff));background-color:var(--number-keyboard-button-background-color, var(--primary-color, var(--blue, #1989fa)))}.taroify-key--blue.taroify-key--active{opacity:var(--number-keyboard-key-active-opacity, var(--active-opacity, 0.7))}.taroify-key__wrapper{position:relative;box-sizing:border-box;flex:1;flex-basis:33%;padding:0 12px 12px 0}.taroify-key__wrapper--wider{flex-basis:66%}.taroify-key .taroify-keyboard-hide{font-size:var(--number-keyboard-hide-font-size, 48px)}.taroify-key .taroify-backspace{font-size:var(--number-keyboard-backspace-font-size, 44px)}.taroify-key__loading-icon{color:var(--number-keyboard-button-color, var(--white, #fff))}","@font-face {\n  font-display: block;\n  font-family: 'taroify-number-keyboard';\n  font-style: normal;\n  font-weight: normal;\n  src: url('./fonts/number-keyboard.eot?o8m3qv');\n  src: url('./fonts/number-keyboard.eot?o8m3qv#iefix') format('embedded-opentype'),\n  url('./fonts/number-keyboard.ttf?o8m3qv') format('truetype'),\n  url('./fonts/number-keyboard.woff?o8m3qv') format('woff'),\n  url('./fonts/number-keyboard.svg?o8m3qv') format('svg');\n}\n\n[class^=\"taroify-backspace\"], [class*=\" taroify-backspace\"],\n[class^=\"taroify-keyboard-hide\"], [class*=\" taroify-keyboard-hide\"] {\n  /* use !important to prevent issues with browser extensions that change fonts */\n  font-family: 'taroify-number-keyboard', serif !important;\n  font-style: normal;\n  font-weight: normal;\n  font-variant: normal;\n  line-height: 1;\n  text-transform: none;\n\n  /* Better Font Rendering =========== */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  speak: never;\n}\n\n.taroify-backspace::before {\n  content: \"\\e900\";\n}\n\n.taroify-keyboard-hide::before {\n  content: \"\\e901\";\n}\n","@import \"./variables\";\n\n.#{$component-prefix}number-keyboard {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  z-index: $number-keyboard-z-index;\n  width: 100%;\n  padding-bottom: 22px * $hd;\n  user-select: none;\n  background-color: $number-keyboard-background-color;\n\n  &--with-title {\n    border-radius: $number-keyboard-with-title-border-radius;\n  }\n\n  &__header {\n    position: relative;\n    box-sizing: content-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: $number-keyboard-header-height;\n    padding-top: $number-keyboard-header-padding-top;\n    font-size: $number-keyboard-header-font-size;\n    color: $number-keyboard-header-color;\n  }\n\n  &__title {\n    display: inline-block;\n    font-weight: normal;\n\n    &-left {\n      position: absolute;\n      left: 0;\n    }\n  }\n\n  &__body {\n    display: flex;\n    padding: 6px * $hd 0 0 6px * $hd;\n  }\n\n  &__keys {\n    display: flex;\n    flex: 3;\n    flex-wrap: wrap;\n  }\n\n  &__hide {\n    position: absolute;\n    right: 0;\n    display: flex;\n    align-items: center;\n    height: 100%;\n    padding: $number-keyboard-hide-padding;\n    font-size: $number-keyboard-hide-font-size;\n    color: $number-keyboard-hide-color;\n    cursor: pointer;\n    background-color: transparent;\n    border: 0 none;\n\n    &:active {\n      opacity: $number-keyboard-hide-active-opacity;\n    }\n  }\n\n  &__sidebar {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n  }\n\n  &--unfit {\n    padding-bottom: 0;\n  }\n}\n","@import \"../styles/prefix\";\n@import \"../styles/variables\";\n\n$number-keyboard-z-index: var(--number-keyboard-z-index, 100);\n$number-keyboard-background-color: var(--number-keyboard-background-color, var(--gray-2, $gray-2));\n$number-keyboard-with-title-border-radius: var(--number-keyboard-with-title-border-radius, 20px * $hd 20px * $hd 0 0);\n//\n$number-keyboard-header-color: var(--number-keyboard-header-color, var(--gray-7, $gray-7));\n$number-keyboard-header-padding-top: var(--number-keyboard-header-padding-top, 6px * $hd);\n$number-keyboard-header-height: var(--number-keyboard-header-height, 34px * $hd);\n$number-keyboard-header-font-size: var(--number-keyboard-header-font-size, var(--font-size-lg, $font-size-lg));\n//\n$number-keyboard-key-height: var(--number-keyboard-key-height, 48px * $hd);\n$number-keyboard-key-font-size: var(--number-keyboard-key-font-size, 28px * $hd);\n$number-keyboard-key-background-color: var(--number-keyboard-key-background-color, var(--white, $white));\n$number-keyboard-key-border-radius: var(--number-keyboard-key-font-size, var(--border-radius-lg, $border-radius-lg));\n$number-keyboard-key-line-height: var(--number-keyboard-key-line-height, 1.5);\n//\n$number-keyboard-key-active-background-color: var(--number-keyboard-key-active-background-color, var(--gray-3, $gray-3));\n$number-keyboard-key-active-opacity: var(--number-keyboard-key-active-opacity, var(--active-opacity, $active-opacity));\n//\n$number-keyboard-large-key-font-size: var(--number-keyboard-large-key-font-size, var(--font-size-lg, $font-size-lg));\n//\n$number-keyboard-hide-padding: var(--number-keyboard-hide-padding, 0 var(--padding-md, $padding-md));\n$number-keyboard-hide-font-size: var(--number-keyboard-hide-font-size, 24px * $hd);\n$number-keyboard-hide-color: var(--number-keyboard-hide-color, var(--text-link-color, $text-link-color));\n$number-keyboard-hide-active-opacity: var(--number-keyboard-hide-active-opacity, $number-keyboard-key-active-opacity);\n//\n$number-keyboard-backspace-font-size: var(--number-keyboard-backspace-font-size, 22px * $hd);\n$number-keyboard-button-color: var(--number-keyboard-button-color, var(--white, $white));\n$number-keyboard-button-background-color: var(--number-keyboard-button-background-color, var(--primary-color, $primary-color));\n","@import \"./variables\";\n\n.#{$component-prefix}key {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: $number-keyboard-key-height;\n  font-size: $number-keyboard-key-font-size;\n  line-height: $number-keyboard-key-line-height;\n  cursor: pointer;\n  background-color: $number-keyboard-key-background-color;\n  border-radius: $number-keyboard-key-border-radius;\n\n  &--large {\n    // height: 100% can't fill flex parent on legacy safari\n    // see: https://stackoverflow.com/questions/33636796\n    position: absolute;\n    top: 0;\n    right: 6px * $hd;\n    bottom: 6px * $hd;\n    left: 0;\n    height: auto;\n    font-size: $number-keyboard-large-key-font-size;\n  }\n\n  &--active {\n    background-color: $number-keyboard-key-active-background-color;\n  }\n\n  &--blue {\n    color: $number-keyboard-button-color;\n    background-color: $number-keyboard-button-background-color;\n\n    &.#{$component-prefix}key--active {\n      opacity: $number-keyboard-key-active-opacity;\n    }\n  }\n\n  &__wrapper {\n    position: relative;\n    box-sizing: border-box;\n    flex: 1;\n    flex-basis: 33%;\n    padding: 0 6px * $hd 6px * $hd 0;\n\n    &--wider {\n      flex-basis: 66%;\n    }\n  }\n\n  .#{$component-prefix}keyboard-hide {\n    font-size: $number-keyboard-hide-font-size;\n  }\n\n  .#{$component-prefix}backspace {\n    font-size: $number-keyboard-backspace-font-size;\n  }\n\n  &__loading-icon {\n    color: $number-keyboard-button-color;\n  }\n}\n"]}