@khanacademy/math-input 26.4.9 → 26.4.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/input/math-input.d.ts +15 -15
- package/dist/es/index.css +1 -1
- package/dist/es/index.css.map +1 -1
- package/dist/es/index.js +2 -2
- package/dist/es/index.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer libraries, perseus-legacy;@layer libraries{.mq-aria-alert,.mq-mathspeak{height:0;left:-1000px;overflow:hidden;position:absolute;text-align:left;top:-1000px;width:0}@font-face{font-family:Symbola;src:url(../dist/assets/Symbola.eot);src:local("Symbola Regular"),local("Symbola"),url(../dist/assets/Symbola.woff2) format("woff2"),url(../dist/assets/Symbola.woff) format("woff"),url(../dist/assets/Symbola.ttf) format("truetype"),url(../dist/assets/Symbola.svg#Symbola) format("svg")}.mq-editable-field,.mq-editable-field .mq-cursor{display:-moz-inline-box;display:inline-block}.mq-editable-field .mq-cursor{border-left:1px solid;margin-left:-1px;padding:0;position:relative;z-index:1}.mq-editable-field .mq-cursor.mq-blink{visibility:hidden}.mq-editable-field,.mq-math-mode .mq-editable-field{border:1px solid gray}.mq-editable-field.mq-focused,.mq-math-mode .mq-editable-field.mq-focused{border-color:#709ac0;-webkit-box-shadow:0 0 1px 2px #8bd,inset 0 0 2px 0 #6ae;-moz-box-shadow:0 0 1px 2px #8bd,inset 0 0 2px 0 #6ae;box-shadow:0 0 1px 2px #8bd,inset 0 0 2px 0 #6ae}.mq-math-mode .mq-editable-field{margin:1px}.mq-editable-field .mq-latex-command-input{border:1px solid gray;color:inherit;font-family:Courier New,monospace;margin-left:2px;margin-right:1px;padding-right:1px}.mq-editable-field .mq-latex-command-input.mq-empty{background:transparent}.mq-editable-field .mq-latex-command-input.mq-hasCursor{border-color:ActiveBorder}.mq-editable-field .mq-cursor:only-child:after,.mq-editable-field .mq-textarea+.mq-cursor:last-child:after,.mq-editable-field.mq-empty:after,.mq-editable-field.mq-text-mode:after,.mq-math-mode .mq-empty:after{content:"c";visibility:hidden}.mq-editable-field .mq-text-mode .mq-cursor:only-child:after{content:""}.mq-editable-field.mq-text-mode{overflow-x:auto;overflow-y:hidden}.mq-math-mode .mq-root-block,.mq-root-block{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-moz-inline-box;display:inline-block;overflow:hidden;padding:2px;vertical-align:middle;white-space:nowrap;width:100%}.mq-math-mode .mq-root-block .mq-digit,.mq-root-block .mq-digit{margin-left:.009em;margin-right:.009em}.mq-math-mode .mq-root-block .mq-group-start,.mq-root-block .mq-group-start{margin-left:.11em;margin-right:-.01em}.mq-math-mode .mq-root-block .mq-group-other,.mq-root-block .mq-group-other{margin-left:-.01em;margin-right:-.01em}.mq-math-mode .mq-root-block .mq-group-leading-1,.mq-math-mode .mq-root-block .mq-group-leading-2,.mq-root-block .mq-group-leading-1,.mq-root-block .mq-group-leading-2{margin-left:0;margin-right:-.01em}.mq-math-mode .mq-root-block .mq-group-leading-3,.mq-root-block .mq-group-leading-3{margin-left:.036em;margin-right:-.01em}.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-leading-1,.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-leading-2,.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-leading-3,.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-other,.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-start,.mq-root-block.mq-suppress-grouping .mq-group-leading-1,.mq-root-block.mq-suppress-grouping .mq-group-leading-2,.mq-root-block.mq-suppress-grouping .mq-group-leading-3,.mq-root-block.mq-suppress-grouping .mq-group-other,.mq-root-block.mq-suppress-grouping .mq-group-start{margin-left:.009em;margin-right:.009em}.mq-math-mode{font-size:115%;font-style:normal;font-variant:normal;font-weight:400;line-height:1}.mq-math-mode,.mq-math-mode .mq-non-leaf,.mq-math-mode .mq-scaled{display:-moz-inline-box;display:inline-block}.mq-math-mode .mq-nonSymbola,.mq-math-mode .mq-text-mode,.mq-math-mode var{font-family:Times New Roman,Symbola,serif;line-height:.9}.mq-math-mode svg{fill:currentColor;height:100%;left:0;position:absolute;top:0;width:100%}.mq-math-mode *{border-color:#000;box-sizing:border-box;font-size:inherit;line-height:inherit;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mq-math-mode .mq-empty{background:rgba(0,0,0,.2)}.mq-math-mode .mq-empty.mq-quiet-delimiter,.mq-math-mode .mq-empty.mq-root-block,.mq-math-mode.mq-empty{background:transparent}.mq-math-mode .mq-text-mode{display:inline-block;white-space:pre}.mq-math-mode .mq-text-mode.mq-hasCursor{box-shadow:inset 0 .1em .2em #a9a9a9;margin:0 -.1em;min-width:1ex;padding:0 .1em}.mq-math-mode .mq-font{font:1em Times New Roman,Symbola,serif}.mq-math-mode .mq-font *{font-family:inherit;font-style:inherit}.mq-math-mode b,.mq-math-mode b.mq-font{font-weight:bolder}.mq-math-mode i,.mq-math-mode i.mq-font,.mq-math-mode var{font-style:italic}.mq-math-mode var.mq-f{margin-left:.1em;margin-right:.2em}.mq-math-mode .mq-roman var.mq-f{margin:0}.mq-math-mode big{font-size:200%}.mq-math-mode .mq-int>big{display:inline-block;-webkit-transform:scaleX(.7);-moz-transform:scaleX(.7);-ms-transform:scaleX(.7);-o-transform:scaleX(.7);transform:scaleX(.7);vertical-align:-.16em}.mq-math-mode .mq-int>.mq-supsub{font-size:80%;padding-right:.2em;vertical-align:-1.1em}.mq-math-mode .mq-int>.mq-supsub>.mq-sup>.mq-sup-inner{vertical-align:1.3em}.mq-math-mode .mq-int>.mq-supsub>.mq-sub{margin-left:-.35em}.mq-math-mode .mq-roman{font-style:normal}.mq-math-mode .mq-sans-serif{font-family:sans-serif,Symbola,serif}.mq-math-mode .mq-monospace{font-family:monospace,Symbola,serif}.mq-math-mode .mq-overline{border-top:1px solid;margin-top:1px}.mq-math-mode .mq-underline{border-bottom:1px solid;margin-bottom:1px}.mq-math-mode .mq-binary-operator{display:-moz-inline-box;display:inline-block;padding:0 .2em}.mq-math-mode .mq-supsub{font-size:90%;text-align:left;vertical-align:-.5em}.mq-math-mode .mq-supsub.mq-sup-only{vertical-align:.5em}.mq-math-mode .mq-supsub.mq-sup-only>.mq-sup{display:inline-block;vertical-align:text-bottom}.mq-math-mode .mq-supsub .mq-sup{display:block}.mq-math-mode .mq-supsub .mq-sub{display:block;float:left}.mq-math-mode .mq-supsub .mq-binary-operator{padding:0 .1em}.mq-math-mode .mq-supsub .mq-fraction{font-size:70%}.mq-math-mode sup.mq-nthroot{font-size:80%;margin-left:.2em;margin-right:-.6em;min-width:.5em;vertical-align:.8em}.mq-math-mode .mq-ghost svg{opacity:.2}.mq-math-mode .mq-bracket-middle{margin-bottom:.1em;margin-top:.1em}.mq-math-mode .mq-bracket-l,.mq-math-mode .mq-bracket-r{bottom:2px;position:absolute;top:0}.mq-math-mode .mq-bracket-l{left:0}.mq-math-mode .mq-bracket-r{right:0}.mq-math-mode .mq-bracket-container{position:relative}.mq-math-mode .mq-array{text-align:center;vertical-align:middle}.mq-math-mode .mq-array>span{display:block}.mq-math-mode .mq-operator-name{font-family:Symbola,Times New Roman,serif;font-style:normal;line-height:.9}.mq-math-mode var.mq-operator-name.mq-first{padding-left:.2em}.mq-math-mode .mq-supsub.mq-after-operator-name,.mq-math-mode var.mq-operator-name.mq-last{padding-right:.2em}.mq-math-mode .mq-fraction{font-size:90%;padding:0 .2em;text-align:center;vertical-align:-.4em}.mq-math-mode .mq-fraction,.mq-math-mode .mq-large-operator,.mq-math-mode x:-moz-any-link{display:-moz-groupbox}.mq-math-mode .mq-fraction,.mq-math-mode .mq-large-operator,.mq-math-mode x:-moz-any-link,.mq-math-mode x:default{display:inline-block}.mq-math-mode .mq-denominator,.mq-math-mode .mq-dot-recurring,.mq-math-mode .mq-numerator{display:block}.mq-math-mode .mq-numerator{padding:0 .1em}.mq-math-mode .mq-denominator{border-top:1px solid;float:right;padding:.1em;width:100%}.mq-math-mode .mq-dot-recurring{height:.3em;text-align:center}.mq-math-mode .mq-sqrt-prefix{bottom:.15em;position:absolute;top:1px;width:.95em}.mq-math-mode .mq-sqrt-container{position:relative}.mq-math-mode .mq-sqrt-stem{border-top:1px solid;margin-left:.9em;margin-right:.1em;margin-top:1px;padding-left:.15em;padding-right:.2em;padding-top:1px}.mq-math-mode .mq-diacritic-above{display:block;line-height:.4em;text-align:center}.mq-math-mode .mq-diacritic-stem,.mq-math-mode .mq-hat-prefix{display:block;text-align:center}.mq-math-mode .mq-hat-prefix{line-height:.95em;margin-bottom:-.7em;transform:scaleX(1.5);-moz-transform:scaleX(1.5);-o-transform:scaleX(1.5);-webkit-transform:scaleX(1.5)}.mq-math-mode .mq-hat-stem{display:block}.mq-math-mode .mq-large-operator{padding:.2em;text-align:center;vertical-align:-.2em}.mq-math-mode .mq-large-operator .mq-from,.mq-math-mode .mq-large-operator .mq-to,.mq-math-mode .mq-large-operator big{display:block}.mq-math-mode .mq-large-operator .mq-from,.mq-math-mode .mq-large-operator .mq-to{font-size:80%}.mq-math-mode .mq-large-operator .mq-from{float:right;width:100%}.mq-math-mode,.mq-math-mode .mq-editable-field{cursor:text;font-family:Symbola,Times New Roman,serif}.mq-math-mode .mq-overarc{-moz-border-radius-topright:50% .3em;-moz-border-radius-topleft:50% .3em;border-top:1px solid #000;-webkit-border-top-left-radius:50% .3em;border-top-left-radius:50% .3em;-webkit-border-top-right-radius:50% .3em;border-top-right-radius:50% .3em;margin-top:1px;padding-top:.15em}.mq-math-mode .mq-overarrow{border-top:1px solid #000;margin-top:1px;min-width:.5em;padding-top:.2em;position:relative;text-align:center}.mq-math-mode .mq-overarrow:after{content:"\27A4";font-size:.5em;position:absolute;right:-.1em;top:-.48em}.mq-math-mode .mq-overarrow.mq-arrow-left:after{content:"";display:none}.mq-math-mode .mq-overarrow.mq-arrow-left:before,.mq-math-mode .mq-overarrow.mq-arrow-leftright:before{content:"\27A4";filter:FlipH;-ms-filter:"FlipH";font-size:.5em;left:-.1em;position:absolute;top:-.48em;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1)}.mq-editable-field .mq-selection,.mq-editable-field .mq-selection .mq-non-leaf,.mq-editable-field .mq-selection .mq-scaled,.mq-math-mode .mq-selection,.mq-math-mode .mq-selection .mq-non-leaf,.mq-math-mode .mq-selection .mq-scaled{background:#b4d5fe!important}.mq-editable-field .mq-selection.mq-blur,.mq-editable-field .mq-selection.mq-blur .mq-non-leaf,.mq-editable-field .mq-selection.mq-blur .mq-scaled,.mq-math-mode .mq-selection.mq-blur,.mq-math-mode .mq-selection.mq-blur .mq-non-leaf,.mq-math-mode .mq-selection.mq-blur .mq-scaled{background:#d4d4d4!important;border-color:#000;color:#000}html body .mq-editable-field .mq-selection .mq-nthroot-container *,html body .mq-math-mode .mq-selection .mq-nthroot-container *{background:transparent!important}.mq-editable-field .mq-textarea,.mq-math-mode .mq-textarea{position:relative;-webkit-user-select:text;-moz-user-select:text;user-select:text}.mq-editable-field .mq-textarea *,.mq-math-mode .mq-textarea *{clip:rect(1em 1em 1em 1em);box-sizing:content-box;height:1px;position:absolute;resize:none;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-user-select:text;-moz-user-select:text;user-select:text;width:1px}}.keypad-input{outline:none!important}.keypad-input .mq-editable-field .mq-root-block{overflow-x:auto}.keypad-input .mq-editable-field .mq-cursor:not(:only-child),.keypad-input .mq-editable-field .mq-root-block.mq-hasCursor>.mq-cursor:only-child{border-radius:1px!important;height:20px!important;margin-top:-5px!important;vertical-align:middle!important;width:2px}.keypad-input .mq-editable-field .mq-cursor{border-left:2px solid #1865f2!important;margin-left:-1px!important;margin-right:-1px!important;opacity:1!important;transition:opacity .3s ease!important;visibility:visible!important}.keypad-input .mq-editable-field .mq-cursor.mq-blink{opacity:0!important;visibility:visible!important}.keypad-input .mq-editable-field .mq-non-leaf .mq-cursor:only-child{border:2px solid #1865f2!important;border-radius:1px;opacity:1!important;padding:0 4px;transition:border-color .3s ease!important}.keypad-input .mq-editable-field .mq-non-leaf .mq-cursor:only-child.mq-blink{border-color:#1865f2!important;opacity:1!important}.keypad-input .mq-empty{background:transparent!important}.keypad-input .mq-empty:not(.mq-root-block):after,.keypad-input .mq-hasCursor:empty:not(.mq-root-block):after{border:2px solid rgba(33,36,44,.16);border-radius:1px;color:transparent;display:inline-block;margin-left:-1px;margin-right:-1px;padding:0 4px;visibility:visible!important}.keypad-input .mq-selection .mq-empty:not(.mq-root-block):after{border-color:#fff}.keypad-input .mq-hasCursor:empty:not(.mq-root-block):after{content:"c"}.keypad-input .mq-editable-field .mq-selection .mq-non-leaf,.keypad-input .mq-math-mode .mq-selection .mq-non-leaf{background:#1865f2!important;border-color:#fff!important;color:#fff!important}.keypad-input .mq-editable-field .mq-selection .mq-scaled,.keypad-input .mq-math-mode .mq-selection .mq-scaled{background:transparent!important;border-color:transparent!important;color:#fff!important}.keypad-input .mq-selection{background:#1865f2!important;border-color:#fff!important;color:#fff!important;display:inline-block!important}.perseus_5VTNoMI8{align-items:center;display:flex;justify-content:center}.perseus_iuyzrV45{background-color:var(--wb-semanticColor-core-background-base-default)}.perseus_3-D04Uig{border-color:var(--wb-semanticColor-core-border-neutral-subtle);border-radius:var(--wb-border-radius-radius_040);border-width:var(--wb-border-width-thin);max-width:500px}.perseus_9Df97LD2{background-color:var(--wb-semanticColor-core-background-disabled-strong);direction:ltr;display:flex;flex-direction:row;flex-wrap:nowrap}.perseus_6n-VIonI{display:grid!important;flex:1;grid-template-rows:repeat(4,1fr)}.perseus_uO448WDe{grid-template-columns:repeat(5,1fr)}.perseus_1WydAyaa{background-color:var(--wb-semanticColor-core-background-disabled-strong);direction:ltr;display:flex;flex-direction:row;flex-wrap:nowrap}.perseus_nrCj8v6q{display:grid!important;flex:1;grid-template-rows:repeat(4,1fr)}.perseus_JsttL9LX{grid-template-columns:repeat(6,1fr)}.perseus_1TA5mbnL{grid-template-columns:repeat(5,1fr)}
|
|
1
|
+
@layer libraries, perseus-legacy;@layer libraries{.mq-aria-alert,.mq-mathspeak{height:0;left:-1000px;overflow:hidden;position:absolute;text-align:left;top:-1000px;width:0}@font-face{font-family:Symbola;src:url(../dist/assets/Symbola.eot);src:local("Symbola Regular"),local("Symbola"),url(../dist/assets/Symbola.woff2) format("woff2"),url(../dist/assets/Symbola.woff) format("woff"),url(../dist/assets/Symbola.ttf) format("truetype"),url(../dist/assets/Symbola.svg#Symbola) format("svg")}.mq-editable-field,.mq-editable-field .mq-cursor{display:-moz-inline-box;display:inline-block}.mq-editable-field .mq-cursor{border-left:1px solid;margin-left:-1px;padding:0;position:relative;z-index:1}.mq-editable-field .mq-cursor.mq-blink{visibility:hidden}.mq-editable-field,.mq-math-mode .mq-editable-field{border:1px solid gray}.mq-editable-field.mq-focused,.mq-math-mode .mq-editable-field.mq-focused{border-color:#709ac0;-webkit-box-shadow:0 0 1px 2px #8bd,inset 0 0 2px 0 #6ae;-moz-box-shadow:0 0 1px 2px #8bd,inset 0 0 2px 0 #6ae;box-shadow:0 0 1px 2px #8bd,inset 0 0 2px 0 #6ae}.mq-math-mode .mq-editable-field{margin:1px}.mq-editable-field .mq-latex-command-input{border:1px solid gray;color:inherit;font-family:Courier New,monospace;margin-left:2px;margin-right:1px;padding-right:1px}.mq-editable-field .mq-latex-command-input.mq-empty{background:transparent}.mq-editable-field .mq-latex-command-input.mq-hasCursor{border-color:ActiveBorder}.mq-editable-field.mq-empty:after,.mq-editable-field.mq-text-mode:after,.mq-math-mode .mq-empty:after{content:"c";visibility:hidden}.mq-editable-field .mq-cursor:only-child:after,.mq-editable-field .mq-textarea+.mq-cursor:last-child:after{content:"c";visibility:hidden}.mq-editable-field .mq-text-mode .mq-cursor:only-child:after{content:""}.mq-editable-field.mq-text-mode{overflow-x:auto;overflow-y:hidden}.mq-math-mode .mq-root-block,.mq-root-block{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-moz-inline-box;display:inline-block;overflow:hidden;padding:2px;vertical-align:middle;white-space:nowrap;width:100%}.mq-math-mode .mq-root-block .mq-digit,.mq-root-block .mq-digit{margin-left:.009em;margin-right:.009em}.mq-math-mode .mq-root-block .mq-group-start,.mq-root-block .mq-group-start{margin-left:.11em;margin-right:-.01em}.mq-math-mode .mq-root-block .mq-group-other,.mq-root-block .mq-group-other{margin-left:-.01em;margin-right:-.01em}.mq-math-mode .mq-root-block .mq-group-leading-1,.mq-math-mode .mq-root-block .mq-group-leading-2,.mq-root-block .mq-group-leading-1,.mq-root-block .mq-group-leading-2{margin-left:0;margin-right:-.01em}.mq-math-mode .mq-root-block .mq-group-leading-3,.mq-root-block .mq-group-leading-3{margin-left:.036em;margin-right:-.01em}.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-leading-1,.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-leading-2,.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-leading-3,.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-other,.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-start,.mq-root-block.mq-suppress-grouping .mq-group-leading-1,.mq-root-block.mq-suppress-grouping .mq-group-leading-2,.mq-root-block.mq-suppress-grouping .mq-group-leading-3,.mq-root-block.mq-suppress-grouping .mq-group-other,.mq-root-block.mq-suppress-grouping .mq-group-start{margin-left:.009em;margin-right:.009em}.mq-math-mode{font-size:115%;font-style:normal;font-variant:normal;font-weight:400;line-height:1}.mq-math-mode,.mq-math-mode .mq-non-leaf,.mq-math-mode .mq-scaled{display:-moz-inline-box;display:inline-block}.mq-math-mode .mq-nonSymbola,.mq-math-mode .mq-text-mode,.mq-math-mode var{font-family:Times New Roman,Symbola,serif;line-height:.9}.mq-math-mode svg{fill:currentColor;height:100%;left:0;position:absolute;top:0;width:100%}.mq-math-mode *{border-color:#000;box-sizing:border-box;font-size:inherit;line-height:inherit;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mq-math-mode .mq-empty{background:rgba(0,0,0,.2)}.mq-math-mode .mq-empty.mq-quiet-delimiter,.mq-math-mode .mq-empty.mq-root-block,.mq-math-mode.mq-empty{background:transparent}.mq-math-mode .mq-text-mode{display:inline-block;white-space:pre}.mq-math-mode .mq-text-mode.mq-hasCursor{box-shadow:inset 0 .1em .2em #a9a9a9;margin:0 -.1em;min-width:1ex;padding:0 .1em}.mq-math-mode .mq-font{font:1em Times New Roman,Symbola,serif}.mq-math-mode .mq-font *{font-family:inherit;font-style:inherit}.mq-math-mode b,.mq-math-mode b.mq-font{font-weight:bolder}.mq-math-mode i,.mq-math-mode i.mq-font,.mq-math-mode var{font-style:italic}.mq-math-mode var.mq-f{margin-left:.1em;margin-right:.2em}.mq-math-mode .mq-roman var.mq-f{margin:0}.mq-math-mode big{font-size:200%}.mq-math-mode .mq-int>big{display:inline-block;-webkit-transform:scaleX(.7);-moz-transform:scaleX(.7);-ms-transform:scaleX(.7);-o-transform:scaleX(.7);transform:scaleX(.7);vertical-align:-.16em}.mq-math-mode .mq-int>.mq-supsub{font-size:80%;padding-right:.2em;vertical-align:-1.1em}.mq-math-mode .mq-int>.mq-supsub>.mq-sup>.mq-sup-inner{vertical-align:1.3em}.mq-math-mode .mq-int>.mq-supsub>.mq-sub{margin-left:-.35em}.mq-math-mode .mq-roman{font-style:normal}.mq-math-mode .mq-sans-serif{font-family:sans-serif,Symbola,serif}.mq-math-mode .mq-monospace{font-family:monospace,Symbola,serif}.mq-math-mode .mq-overline{border-top:1px solid;margin-top:1px}.mq-math-mode .mq-underline{border-bottom:1px solid;margin-bottom:1px}.mq-math-mode .mq-binary-operator{display:-moz-inline-box;display:inline-block;padding:0 .2em}.mq-math-mode .mq-supsub{font-size:90%;text-align:left;vertical-align:-.5em}.mq-math-mode .mq-supsub.mq-sup-only{vertical-align:.5em}.mq-math-mode .mq-supsub.mq-sup-only>.mq-sup{display:inline-block;vertical-align:text-bottom}.mq-math-mode .mq-supsub .mq-sup{display:block}.mq-math-mode .mq-supsub .mq-sub{display:block;float:left}.mq-math-mode .mq-supsub .mq-binary-operator{padding:0 .1em}.mq-math-mode .mq-supsub .mq-fraction{font-size:70%}.mq-math-mode sup.mq-nthroot{font-size:80%;margin-left:.2em;margin-right:-.6em;min-width:.5em;vertical-align:.8em}.mq-math-mode .mq-ghost svg{opacity:.2}.mq-math-mode .mq-bracket-middle{margin-bottom:.1em;margin-top:.1em}.mq-math-mode .mq-bracket-l,.mq-math-mode .mq-bracket-r{bottom:2px;position:absolute;top:0}.mq-math-mode .mq-bracket-l{left:0}.mq-math-mode .mq-bracket-r{right:0}.mq-math-mode .mq-bracket-container{position:relative}.mq-math-mode .mq-array{text-align:center;vertical-align:middle}.mq-math-mode .mq-array>span{display:block}.mq-math-mode .mq-operator-name{font-family:Symbola,Times New Roman,serif;font-style:normal;line-height:.9}.mq-math-mode var.mq-operator-name.mq-first{padding-left:.2em}.mq-math-mode .mq-supsub.mq-after-operator-name,.mq-math-mode var.mq-operator-name.mq-last{padding-right:.2em}.mq-math-mode .mq-fraction{font-size:90%;padding:0 .2em;text-align:center;vertical-align:-.4em}.mq-math-mode .mq-fraction,.mq-math-mode .mq-large-operator,.mq-math-mode x:-moz-any-link{display:-moz-groupbox}.mq-math-mode .mq-fraction,.mq-math-mode .mq-large-operator,.mq-math-mode x:-moz-any-link,.mq-math-mode x:default{display:inline-block}.mq-math-mode .mq-denominator,.mq-math-mode .mq-dot-recurring,.mq-math-mode .mq-numerator{display:block}.mq-math-mode .mq-numerator{padding:0 .1em}.mq-math-mode .mq-denominator{border-top:1px solid;float:right;padding:.1em;width:100%}.mq-math-mode .mq-dot-recurring{height:.3em;text-align:center}.mq-math-mode .mq-sqrt-prefix{bottom:.15em;position:absolute;top:1px;width:.95em}.mq-math-mode .mq-sqrt-container{position:relative}.mq-math-mode .mq-sqrt-stem{border-top:1px solid;margin-left:.9em;margin-right:.1em;margin-top:1px;padding-left:.15em;padding-right:.2em;padding-top:1px}.mq-math-mode .mq-diacritic-above{display:block;line-height:.4em;text-align:center}.mq-math-mode .mq-diacritic-stem,.mq-math-mode .mq-hat-prefix{display:block;text-align:center}.mq-math-mode .mq-hat-prefix{line-height:.95em;margin-bottom:-.7em;transform:scaleX(1.5);-moz-transform:scaleX(1.5);-o-transform:scaleX(1.5);-webkit-transform:scaleX(1.5)}.mq-math-mode .mq-hat-stem{display:block}.mq-math-mode .mq-large-operator{padding:.2em;text-align:center;vertical-align:-.2em}.mq-math-mode .mq-large-operator .mq-from,.mq-math-mode .mq-large-operator .mq-to,.mq-math-mode .mq-large-operator big{display:block}.mq-math-mode .mq-large-operator .mq-from,.mq-math-mode .mq-large-operator .mq-to{font-size:80%}.mq-math-mode .mq-large-operator .mq-from{float:right;width:100%}.mq-math-mode,.mq-math-mode .mq-editable-field{cursor:text;font-family:Symbola,Times New Roman,serif}.mq-math-mode .mq-overarc{-moz-border-radius-topright:50% .3em;-moz-border-radius-topleft:50% .3em;border-top:1px solid #000;-webkit-border-top-left-radius:50% .3em;border-top-left-radius:50% .3em;-webkit-border-top-right-radius:50% .3em;border-top-right-radius:50% .3em;margin-top:1px;padding-top:.15em}.mq-math-mode .mq-overarrow{border-top:1px solid #000;margin-top:1px;min-width:.5em;padding-top:.2em;position:relative;text-align:center}.mq-math-mode .mq-overarrow:after{content:"\27A4";font-size:.5em;position:absolute;right:-.1em;top:-.48em}.mq-math-mode .mq-overarrow.mq-arrow-left:after{content:"";display:none}.mq-math-mode .mq-overarrow.mq-arrow-left:before,.mq-math-mode .mq-overarrow.mq-arrow-leftright:before{content:"\27A4";filter:FlipH;-ms-filter:"FlipH";font-size:.5em;left:-.1em;position:absolute;top:-.48em;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1)}.mq-editable-field .mq-selection,.mq-editable-field .mq-selection .mq-non-leaf,.mq-editable-field .mq-selection .mq-scaled,.mq-math-mode .mq-selection,.mq-math-mode .mq-selection .mq-non-leaf,.mq-math-mode .mq-selection .mq-scaled{background:#b4d5fe!important}.mq-editable-field .mq-selection.mq-blur,.mq-editable-field .mq-selection.mq-blur .mq-non-leaf,.mq-editable-field .mq-selection.mq-blur .mq-scaled,.mq-math-mode .mq-selection.mq-blur,.mq-math-mode .mq-selection.mq-blur .mq-non-leaf,.mq-math-mode .mq-selection.mq-blur .mq-scaled{background:#d4d4d4!important;border-color:#000;color:#000}html body .mq-editable-field .mq-selection .mq-nthroot-container *,html body .mq-math-mode .mq-selection .mq-nthroot-container *{background:transparent!important}.mq-editable-field .mq-textarea,.mq-math-mode .mq-textarea{position:relative;-webkit-user-select:text;-moz-user-select:text;user-select:text}.mq-editable-field .mq-textarea *,.mq-math-mode .mq-textarea *{clip:rect(1em 1em 1em 1em);box-sizing:content-box;height:1px;position:absolute;resize:none;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-user-select:text;-moz-user-select:text;user-select:text;width:1px}}.keypad-input{outline:none!important}.keypad-input .mq-editable-field .mq-root-block{overflow-x:auto}.keypad-input .mq-editable-field .mq-cursor:not(:only-child),.keypad-input .mq-editable-field .mq-root-block.mq-hasCursor>.mq-cursor:only-child{border-radius:1px!important;height:20px!important;margin-top:-5px!important;vertical-align:middle!important;width:2px}.keypad-input .mq-editable-field .mq-cursor{border-left:2px solid #1865f2!important;margin-left:-1px!important;margin-right:-1px!important;opacity:1!important;transition:opacity .3s ease!important;visibility:visible!important}.keypad-input .mq-editable-field .mq-cursor.mq-blink{opacity:0!important;visibility:visible!important}.keypad-input .mq-editable-field .mq-non-leaf .mq-cursor:only-child{border:2px solid #1865f2!important;border-radius:1px;opacity:1!important;padding:0 4px;transition:border-color .3s ease!important}.keypad-input .mq-editable-field .mq-non-leaf .mq-cursor:only-child.mq-blink{border-color:#1865f2!important;opacity:1!important}.keypad-input .mq-empty{background:transparent!important}.keypad-input .mq-empty:not(.mq-root-block):after,.keypad-input .mq-hasCursor:empty:not(.mq-root-block):after{border:2px solid rgba(33,36,44,.16);border-radius:1px;color:transparent;display:inline-block;margin-left:-1px;margin-right:-1px;padding:0 4px;visibility:visible!important}.keypad-input .mq-selection .mq-empty:not(.mq-root-block):after{border-color:#fff}.keypad-input .mq-hasCursor:empty:not(.mq-root-block):after{content:"c"}.keypad-input .mq-editable-field .mq-selection .mq-non-leaf,.keypad-input .mq-math-mode .mq-selection .mq-non-leaf{background:#1865f2!important;border-color:#fff!important;color:#fff!important}.keypad-input .mq-editable-field .mq-selection .mq-scaled,.keypad-input .mq-math-mode .mq-selection .mq-scaled{background:transparent!important;border-color:transparent!important;color:#fff!important}.keypad-input .mq-selection{background:#1865f2!important;border-color:#fff!important;color:#fff!important;display:inline-block!important}.perseus_5VTNoMI8{align-items:center;display:flex;justify-content:center}.perseus_iuyzrV45{background-color:var(--wb-semanticColor-core-background-base-default)}.perseus_3-D04Uig{border-color:var(--wb-semanticColor-core-border-neutral-subtle);border-radius:var(--wb-border-radius-radius_040);border-width:var(--wb-border-width-thin);max-width:500px}.perseus_9Df97LD2{background-color:var(--wb-semanticColor-core-background-disabled-strong);direction:ltr;display:flex;flex-direction:row;flex-wrap:nowrap}.perseus_6n-VIonI{display:grid!important;flex:1;grid-template-rows:repeat(4,1fr)}.perseus_uO448WDe{grid-template-columns:repeat(5,1fr)}.perseus_1WydAyaa{background-color:var(--wb-semanticColor-core-background-disabled-strong);direction:ltr;display:flex;flex-direction:row;flex-wrap:nowrap}.perseus_nrCj8v6q{display:grid!important;flex:1;grid-template-rows:repeat(4,1fr)}.perseus_JsttL9LX{grid-template-columns:repeat(6,1fr)}.perseus_1TA5mbnL{grid-template-columns:repeat(5,1fr)}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["main.css","../../../node_modules/.pnpm/mathquill@https+++codeload.github.com+Khan+mathquill+tar.gz+c9e4329b0bc5d9b4c21d765b576_25611360f785121db7b271e2242015e3/node_modules/mathquill/build/mathquill.css","keypad.module.css","render-keypad-panel.module.css"],"names":[],"mappings":"AAAA,gCAAgC,CCAhC,iBAoBA,6BAKE,QAAW,CAHX,YAAa,CAKb,eAAgB,CANhB,iBAAkB,CAKlB,eAAgB,CAHhB,WAAY,CACZ,OAIF,CACA,WACE,mBAAoB,CACpB,mCAA2B,CAC3B,wPACF,CAKA,iDAHE,uBAAwB,CACxB,oBAUF,CARA,8BACE,qBAAmC,CACnC,gBAAiB,CAGjB,SAAU,CAFV,iBAAkB,CAClB,SAIF,CACA,uCACE,iBACF,CACA,oDAEE,qBACF,CACA,0EAKE,oBAAqB,CAHrB,wDAA0D,CAC1D,qDAAuD,CACvD,gDAEF,CACA,iCACE,UACF,CACA,2CAGE,qBAAsB,CAFtB,aAAc,CACd,iCAAqC,CAIrC,eAAgB,CADhB,gBAAiB,CADjB,iBAGF,CACA,oDACE,sBACF,CACA,wDACE,yBACF,CAOA,iNAGE,WAAY,CADZ,iBAEF,CACA,6DACE,UACF,CACA,gCACE,eAAgB,CAChB,iBACF,CACA,4CAME,6BAA8B,CAC9B,0BAA2B,CAC3B,qBAAsB,CANtB,uBAAwB,CACxB,oBAAqB,CAOrB,eAAgB,CALhB,WAAY,CAMZ,qBAAsB,CAFtB,kBAAmB,CALnB,UAQF,CACA,gEAEE,kBAAoB,CACpB,mBACF,CACA,4EAEE,iBAAmB,CACnB,mBACF,CACA,4EAEE,kBAAoB,CACpB,mBACF,CACA,wKAIE,aAAc,CACd,mBACF,CACA,oFAEE,kBAAoB,CACpB,mBACF,CACA,smBAUE,kBAAoB,CACpB,mBACF,CACA,cAIE,cAAe,CADf,iBAAkB,CAFlB,mBAAoB,CACpB,eAAmB,CAGnB,aAGF,CACA,kEAHE,uBAAwB,CACxB,oBAMF,CACA,2EAGE,yCAA8C,CAC9C,cACF,CACA,kBACE,iBAAkB,CAKlB,WAAY,CAFZ,MAAO,CAFP,iBAAkB,CAClB,KAAM,CAEN,UAEF,CACA,gBAKE,iBAAmB,CAInB,qBAAsB,CARtB,iBAAkB,CAClB,mBAAoB,CACpB,QAAS,CACT,SAAU,CAEV,wBAAyB,CACzB,qBAAsB,CACtB,gBAEF,CACA,wBACE,yBACF,CAOA,wGACE,sBACF,CACA,4BACE,oBAAqB,CACrB,eACF,CACA,yCACE,oCAAwC,CAExC,cAAgB,CAChB,aAAc,CAFd,cAGF,CACA,uBACE,sCACF,CACA,yBACE,mBAAoB,CACpB,kBACF,CACA,wCAEE,kBACF,CACA,0DAGE,iBACF,CACA,uBAEE,gBAAkB,CADlB,iBAEF,CACA,iCACE,QACF,CACA,kBACE,cACF,CACA,0BACE,oBAAqB,CACrB,4BAA8B,CAC9B,yBAA2B,CAC3B,wBAA0B,CAC1B,uBAAyB,CACzB,oBAAsB,CACtB,qBACF,CACA,iCACE,aAAc,CAEd,kBAAoB,CADpB,qBAEF,CACA,uDACE,oBACF,CACA,yCACE,kBACF,CACA,wBACE,iBACF,CACA,6BACE,oCACF,CACA,4BACE,mCACF,CACA,2BACE,oBAAqB,CACrB,cACF,CACA,4BACE,uBAAwB,CACxB,iBACF,CACA,kCAEE,uBAAwB,CACxB,oBAAqB,CAFrB,cAGF,CACA,yBAEE,aAAc,CADd,eAAgB,CAEhB,oBACF,CACA,qCACE,mBACF,CACA,6CACE,oBAAqB,CACrB,0BACF,CACA,iCACE,aACF,CACA,iCACE,aAAc,CACd,UACF,CACA,6CACE,cACF,CACA,sCACE,aACF,CACA,6BACE,aAAc,CAGd,gBAAkB,CADlB,kBAAoB,CAEpB,cAAgB,CAHhB,mBAIF,CACA,4BACE,UACF,CACA,iCAEE,kBAAoB,CADpB,eAEF,CACA,wDAIE,UAAW,CAFX,iBAAkB,CAClB,KAEF,CACA,4BACE,MACF,CACA,4BACE,OACF,CACA,oCACE,iBACF,CACA,wBAEE,iBAAkB,CADlB,qBAEF,CACA,6BACE,aACF,CACA,gCACE,yCAA8C,CAE9C,iBAAkB,CADlB,cAEF,CACA,4CACE,iBACF,CACA,2FAEE,kBACF,CACA,2BACE,aAAc,CAGd,cAAgB,CAFhB,iBAAkB,CAClB,oBAEF,CACA,0FAGE,qBACF,CACA,kHAIE,oBACF,CACA,0FAGE,aACF,CACA,4BACE,cACF,CACA,8BACE,oBAAqB,CACrB,WAAY,CAEZ,YAAc,CADd,UAEF,CACA,gCAEE,WAAa,CADb,iBAEF,CA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","file":"index.css","sourcesContent":["@layer libraries, perseus-legacy;\n\n@import \"mathquill/build/mathquill.css\" layer(libraries);\n\n.keypad-input {\n outline: none !important;\n}\n.keypad-input .mq-editable-field .mq-root-block {\n overflow-x: auto;\n}\n.keypad-input .mq-editable-field .mq-cursor:not(:only-child),\n.keypad-input\n .mq-editable-field\n .mq-root-block.mq-hasCursor\n > .mq-cursor:only-child {\n /* HACK(charlie): Magic numbers to properly size and position the vertical\n cursor, which is visible whenever the cursor is not alone in its parent,\n with the exception that it's also visible when the entire input is\n empty. */\n height: 20px !important;\n width: 2px;\n margin-top: -5px !important;\n vertical-align: middle !important;\n border-radius: 1px !important;\n}\n.keypad-input .mq-editable-field .mq-cursor {\n border-left: 2px solid #1865f2 !important;\n margin-left: -1px !important;\n margin-right: -1px !important;\n opacity: 1 !important;\n transition: opacity 300ms ease !important;\n visibility: visible !important;\n}\n.keypad-input .mq-editable-field .mq-cursor.mq-blink {\n opacity: 0 !important;\n visibility: visible !important;\n}\n.keypad-input .mq-editable-field .mq-non-leaf .mq-cursor:only-child {\n border: 2px solid !important;\n border-color: #1865f2 !important;\n border-radius: 1px;\n opacity: 1 !important;\n padding: 0 4px 0 4px;\n transition: border-color 300ms ease !important;\n}\n.keypad-input .mq-editable-field .mq-non-leaf .mq-cursor:only-child.mq-blink {\n border-color: #1865f2 !important;\n opacity: 1 !important;\n}\n.keypad-input .mq-empty {\n background: transparent !important;\n}\n.keypad-input .mq-empty:not(.mq-root-block):after,\n.keypad-input .mq-hasCursor:empty:not(.mq-root-block):after {\n border: 2px solid rgba(33, 36, 44, 0.16);\n border-radius: 1px;\n color: transparent;\n display: inline-block;\n margin-left: -1px;\n margin-right: -1px;\n padding: 0 4px 0 4px;\n visibility: visible !important;\n}\n.keypad-input .mq-selection .mq-empty:not(.mq-root-block):after {\n border-color: white;\n}\n.keypad-input .mq-hasCursor:empty:not(.mq-root-block):after {\n content: \"c\";\n}\n.keypad-input .mq-math-mode .mq-selection .mq-non-leaf,\n.keypad-input .mq-editable-field .mq-selection .mq-non-leaf {\n background: #1865f2 !important;\n border-color: white !important;\n color: white !important;\n}\n.keypad-input .mq-math-mode .mq-selection .mq-scaled,\n.keypad-input .mq-editable-field .mq-selection .mq-scaled {\n background: transparent !important;\n border-color: transparent !important;\n color: white !important;\n}\n.keypad-input .mq-selection {\n background: #1865f2 !important;\n border-color: white !important;\n color: white !important;\n display: inline-block !important;\n}\n","/**\n * @license\n * MathQuill v1.0.3, by Han, Jeanine, and Mary\n * http://mathquill.com | maintainers@mathquill.com\n *\n * This Source Code Form is subject to the terms of the\n * Mozilla Public License, v. 2.0. If a copy of the MPL\n * was not distributed with this file, You can obtain\n * one at http://mozilla.org/MPL/2.0/.\n */\n\n.mq-aria-alert {\n position: absolute;\n left: -1000px;\n top: -1000px;\n width: 0px;\n height: 0px;\n text-align: left;\n overflow: hidden;\n}\n.mq-mathspeak {\n position: absolute;\n left: -1000px;\n top: -1000px;\n width: 0px;\n height: 0px;\n text-align: left;\n overflow: hidden;\n}\n@font-face {\n font-family: Symbola;\n src: url(fonts/Symbola.eot);\n src: local('Symbola Regular'), local('Symbola'), url(fonts/Symbola.woff2) format('woff2'), url(fonts/Symbola.woff) format('woff'), url(fonts/Symbola.ttf) format('truetype'), url(fonts/Symbola.svg#Symbola) format('svg');\n}\n.mq-editable-field {\n display: -moz-inline-box;\n display: inline-block;\n}\n.mq-editable-field .mq-cursor {\n border-left: 1px solid currentColor;\n margin-left: -1px;\n position: relative;\n z-index: 1;\n padding: 0;\n display: -moz-inline-box;\n display: inline-block;\n}\n.mq-editable-field .mq-cursor.mq-blink {\n visibility: hidden;\n}\n.mq-editable-field,\n.mq-math-mode .mq-editable-field {\n border: 1px solid gray;\n}\n.mq-editable-field.mq-focused,\n.mq-math-mode .mq-editable-field.mq-focused {\n -webkit-box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;\n -moz-box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;\n box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;\n border-color: #709ac0;\n}\n.mq-math-mode .mq-editable-field {\n margin: 1px;\n}\n.mq-editable-field .mq-latex-command-input {\n color: inherit;\n font-family: 'Courier New', monospace;\n border: 1px solid gray;\n padding-right: 1px;\n margin-right: 1px;\n margin-left: 2px;\n}\n.mq-editable-field .mq-latex-command-input.mq-empty {\n background: transparent;\n}\n.mq-editable-field .mq-latex-command-input.mq-hasCursor {\n border-color: ActiveBorder;\n}\n.mq-editable-field.mq-empty:after,\n.mq-editable-field.mq-text-mode:after,\n.mq-math-mode .mq-empty:after {\n visibility: hidden;\n content: 'c';\n}\n.mq-editable-field .mq-cursor:only-child:after,\n.mq-editable-field .mq-textarea + .mq-cursor:last-child:after {\n visibility: hidden;\n content: 'c';\n}\n.mq-editable-field .mq-text-mode .mq-cursor:only-child:after {\n content: '';\n}\n.mq-editable-field.mq-text-mode {\n overflow-x: auto;\n overflow-y: hidden;\n}\n.mq-root-block,\n.mq-math-mode .mq-root-block {\n display: -moz-inline-box;\n display: inline-block;\n width: 100%;\n padding: 2px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n vertical-align: middle;\n}\n.mq-root-block .mq-digit,\n.mq-math-mode .mq-root-block .mq-digit {\n margin-left: 0.009em;\n margin-right: 0.009em;\n}\n.mq-root-block .mq-group-start,\n.mq-math-mode .mq-root-block .mq-group-start {\n margin-left: 0.11em;\n margin-right: -0.01em;\n}\n.mq-root-block .mq-group-other,\n.mq-math-mode .mq-root-block .mq-group-other {\n margin-left: -0.01em;\n margin-right: -0.01em;\n}\n.mq-root-block .mq-group-leading-1,\n.mq-math-mode .mq-root-block .mq-group-leading-1,\n.mq-root-block .mq-group-leading-2,\n.mq-math-mode .mq-root-block .mq-group-leading-2 {\n margin-left: 0;\n margin-right: -0.01em;\n}\n.mq-root-block .mq-group-leading-3,\n.mq-math-mode .mq-root-block .mq-group-leading-3 {\n margin-left: 0.036em;\n margin-right: -0.01em;\n}\n.mq-root-block.mq-suppress-grouping .mq-group-start,\n.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-start,\n.mq-root-block.mq-suppress-grouping .mq-group-other,\n.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-other,\n.mq-root-block.mq-suppress-grouping .mq-group-leading-1,\n.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-leading-1,\n.mq-root-block.mq-suppress-grouping .mq-group-leading-2,\n.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-leading-2,\n.mq-root-block.mq-suppress-grouping .mq-group-leading-3,\n.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-leading-3 {\n margin-left: 0.009em;\n margin-right: 0.009em;\n}\n.mq-math-mode {\n font-variant: normal;\n font-weight: normal;\n font-style: normal;\n font-size: 115%;\n line-height: 1;\n display: -moz-inline-box;\n display: inline-block;\n}\n.mq-math-mode .mq-non-leaf,\n.mq-math-mode .mq-scaled {\n display: -moz-inline-box;\n display: inline-block;\n}\n.mq-math-mode var,\n.mq-math-mode .mq-text-mode,\n.mq-math-mode .mq-nonSymbola {\n font-family: 'Times New Roman', Symbola, serif;\n line-height: 0.9;\n}\n.mq-math-mode svg {\n fill: currentColor;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.mq-math-mode * {\n font-size: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0;\n border-color: black;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n}\n.mq-math-mode .mq-empty {\n background: rgba(0, 0, 0, 0.2);\n}\n.mq-math-mode .mq-empty.mq-root-block {\n background: transparent;\n}\n.mq-math-mode .mq-empty.mq-quiet-delimiter {\n background: transparent;\n}\n.mq-math-mode.mq-empty {\n background: transparent;\n}\n.mq-math-mode .mq-text-mode {\n display: inline-block;\n white-space: pre;\n}\n.mq-math-mode .mq-text-mode.mq-hasCursor {\n box-shadow: inset darkgray 0 0.1em 0.2em;\n padding: 0 0.1em;\n margin: 0 -0.1em;\n min-width: 1ex;\n}\n.mq-math-mode .mq-font {\n font: 1em 'Times New Roman', Symbola, serif;\n}\n.mq-math-mode .mq-font * {\n font-family: inherit;\n font-style: inherit;\n}\n.mq-math-mode b,\n.mq-math-mode b.mq-font {\n font-weight: bolder;\n}\n.mq-math-mode var,\n.mq-math-mode i,\n.mq-math-mode i.mq-font {\n font-style: italic;\n}\n.mq-math-mode var.mq-f {\n margin-right: 0.2em;\n margin-left: 0.1em;\n}\n.mq-math-mode .mq-roman var.mq-f {\n margin: 0;\n}\n.mq-math-mode big {\n font-size: 200%;\n}\n.mq-math-mode .mq-int > big {\n display: inline-block;\n -webkit-transform: scaleX(0.7);\n -moz-transform: scaleX(0.7);\n -ms-transform: scaleX(0.7);\n -o-transform: scaleX(0.7);\n transform: scaleX(0.7);\n vertical-align: -0.16em;\n}\n.mq-math-mode .mq-int > .mq-supsub {\n font-size: 80%;\n vertical-align: -1.1em;\n padding-right: 0.2em;\n}\n.mq-math-mode .mq-int > .mq-supsub > .mq-sup > .mq-sup-inner {\n vertical-align: 1.3em;\n}\n.mq-math-mode .mq-int > .mq-supsub > .mq-sub {\n margin-left: -0.35em;\n}\n.mq-math-mode .mq-roman {\n font-style: normal;\n}\n.mq-math-mode .mq-sans-serif {\n font-family: sans-serif, Symbola, serif;\n}\n.mq-math-mode .mq-monospace {\n font-family: monospace, Symbola, serif;\n}\n.mq-math-mode .mq-overline {\n border-top: 1px solid;\n margin-top: 1px;\n}\n.mq-math-mode .mq-underline {\n border-bottom: 1px solid;\n margin-bottom: 1px;\n}\n.mq-math-mode .mq-binary-operator {\n padding: 0 0.2em;\n display: -moz-inline-box;\n display: inline-block;\n}\n.mq-math-mode .mq-supsub {\n text-align: left;\n font-size: 90%;\n vertical-align: -0.5em;\n}\n.mq-math-mode .mq-supsub.mq-sup-only {\n vertical-align: 0.5em;\n}\n.mq-math-mode .mq-supsub.mq-sup-only > .mq-sup {\n display: inline-block;\n vertical-align: text-bottom;\n}\n.mq-math-mode .mq-supsub .mq-sup {\n display: block;\n}\n.mq-math-mode .mq-supsub .mq-sub {\n display: block;\n float: left;\n}\n.mq-math-mode .mq-supsub .mq-binary-operator {\n padding: 0 0.1em;\n}\n.mq-math-mode .mq-supsub .mq-fraction {\n font-size: 70%;\n}\n.mq-math-mode sup.mq-nthroot {\n font-size: 80%;\n vertical-align: 0.8em;\n margin-right: -0.6em;\n margin-left: 0.2em;\n min-width: 0.5em;\n}\n.mq-math-mode .mq-ghost svg {\n opacity: 0.2;\n}\n.mq-math-mode .mq-bracket-middle {\n margin-top: 0.1em;\n margin-bottom: 0.1em;\n}\n.mq-math-mode .mq-bracket-l,\n.mq-math-mode .mq-bracket-r {\n position: absolute;\n top: 0;\n bottom: 2px;\n}\n.mq-math-mode .mq-bracket-l {\n left: 0;\n}\n.mq-math-mode .mq-bracket-r {\n right: 0;\n}\n.mq-math-mode .mq-bracket-container {\n position: relative;\n}\n.mq-math-mode .mq-array {\n vertical-align: middle;\n text-align: center;\n}\n.mq-math-mode .mq-array > span {\n display: block;\n}\n.mq-math-mode .mq-operator-name {\n font-family: Symbola, 'Times New Roman', serif;\n line-height: 0.9;\n font-style: normal;\n}\n.mq-math-mode var.mq-operator-name.mq-first {\n padding-left: 0.2em;\n}\n.mq-math-mode var.mq-operator-name.mq-last,\n.mq-math-mode .mq-supsub.mq-after-operator-name {\n padding-right: 0.2em;\n}\n.mq-math-mode .mq-fraction {\n font-size: 90%;\n text-align: center;\n vertical-align: -0.4em;\n padding: 0 0.2em;\n}\n.mq-math-mode .mq-fraction,\n.mq-math-mode .mq-large-operator,\n.mq-math-mode x:-moz-any-link {\n display: -moz-groupbox;\n}\n.mq-math-mode .mq-fraction,\n.mq-math-mode .mq-large-operator,\n.mq-math-mode x:-moz-any-link,\n.mq-math-mode x:default {\n display: inline-block;\n}\n.mq-math-mode .mq-numerator,\n.mq-math-mode .mq-denominator,\n.mq-math-mode .mq-dot-recurring {\n display: block;\n}\n.mq-math-mode .mq-numerator {\n padding: 0 0.1em;\n}\n.mq-math-mode .mq-denominator {\n border-top: 1px solid;\n float: right;\n width: 100%;\n padding: 0.1em;\n}\n.mq-math-mode .mq-dot-recurring {\n text-align: center;\n height: 0.3em;\n}\n.mq-math-mode .mq-sqrt-prefix {\n position: absolute;\n top: 1px;\n bottom: 0.15em;\n width: 0.95em;\n}\n.mq-math-mode .mq-sqrt-container {\n position: relative;\n}\n.mq-math-mode .mq-sqrt-stem {\n border-top: 1px solid;\n margin-top: 1px;\n margin-left: 0.9em;\n padding-left: 0.15em;\n padding-right: 0.2em;\n margin-right: 0.1em;\n padding-top: 1px;\n}\n.mq-math-mode .mq-diacritic-above {\n display: block;\n text-align: center;\n line-height: 0.4em;\n}\n.mq-math-mode .mq-diacritic-stem {\n display: block;\n text-align: center;\n}\n.mq-math-mode .mq-hat-prefix {\n display: block;\n text-align: center;\n line-height: 0.95em;\n margin-bottom: -0.7em;\n transform: scaleX(1.5);\n -moz-transform: scaleX(1.5);\n -o-transform: scaleX(1.5);\n -webkit-transform: scaleX(1.5);\n}\n.mq-math-mode .mq-hat-stem {\n display: block;\n}\n.mq-math-mode .mq-large-operator {\n vertical-align: -0.2em;\n padding: 0.2em;\n text-align: center;\n}\n.mq-math-mode .mq-large-operator .mq-from,\n.mq-math-mode .mq-large-operator big,\n.mq-math-mode .mq-large-operator .mq-to {\n display: block;\n}\n.mq-math-mode .mq-large-operator .mq-from,\n.mq-math-mode .mq-large-operator .mq-to {\n font-size: 80%;\n}\n.mq-math-mode .mq-large-operator .mq-from {\n float: right;\n /* take out of normal flow to manipulate baseline */\n width: 100%;\n}\n.mq-math-mode,\n.mq-math-mode .mq-editable-field {\n cursor: text;\n font-family: Symbola, 'Times New Roman', serif;\n}\n.mq-math-mode .mq-overarc {\n border-top: 1px solid black;\n -webkit-border-top-right-radius: 50% 0.3em;\n -moz-border-radius-topright: 50% 0.3em;\n border-top-right-radius: 50% 0.3em;\n -webkit-border-top-left-radius: 50% 0.3em;\n -moz-border-radius-topleft: 50% 0.3em;\n border-top-left-radius: 50% 0.3em;\n margin-top: 1px;\n padding-top: 0.15em;\n}\n.mq-math-mode .mq-overarrow {\n min-width: 0.5em;\n border-top: 1px solid black;\n margin-top: 1px;\n padding-top: 0.2em;\n text-align: center;\n position: relative;\n}\n.mq-math-mode .mq-overarrow:after {\n position: absolute;\n right: -0.1em;\n top: -0.48em;\n font-size: 0.5em;\n content: '\\27A4';\n}\n.mq-math-mode .mq-overarrow.mq-arrow-left:after {\n content: '';\n display: none;\n}\n.mq-math-mode .mq-overarrow.mq-arrow-left:before,\n.mq-math-mode .mq-overarrow.mq-arrow-leftright:before {\n position: absolute;\n top: -0.48em;\n left: -0.1em;\n font-size: 0.5em;\n content: '\\27A4';\n -moz-transform: scaleX(-1);\n -o-transform: scaleX(-1);\n -webkit-transform: scaleX(-1);\n transform: scaleX(-1);\n filter: FlipH;\n -ms-filter: 'FlipH';\n}\n.mq-math-mode .mq-selection,\n.mq-editable-field .mq-selection,\n.mq-math-mode .mq-selection .mq-non-leaf,\n.mq-editable-field .mq-selection .mq-non-leaf,\n.mq-math-mode .mq-selection .mq-scaled,\n.mq-editable-field .mq-selection .mq-scaled {\n background: #b4d5fe !important;\n}\n.mq-math-mode .mq-selection.mq-blur,\n.mq-editable-field .mq-selection.mq-blur,\n.mq-math-mode .mq-selection.mq-blur .mq-non-leaf,\n.mq-editable-field .mq-selection.mq-blur .mq-non-leaf,\n.mq-math-mode .mq-selection.mq-blur .mq-scaled,\n.mq-editable-field .mq-selection.mq-blur .mq-scaled {\n background: #d4d4d4 !important;\n color: black;\n border-color: black;\n}\nhtml body .mq-math-mode .mq-selection .mq-nthroot-container *,\nhtml body .mq-editable-field .mq-selection .mq-nthroot-container * {\n background: transparent !important;\n}\n.mq-editable-field .mq-textarea,\n.mq-math-mode .mq-textarea {\n position: relative;\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n.mq-editable-field .mq-textarea *,\n.mq-math-mode .mq-textarea * {\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n position: absolute;\n clip: rect(1em 1em 1em 1em);\n -webkit-transform: scale(0);\n -moz-transform: scale(0);\n -ms-transform: scale(0);\n -o-transform: scale(0);\n transform: scale(0);\n resize: none;\n width: 1px;\n height: 1px;\n box-sizing: content-box;\n}\n",".keypad-outer-container {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.wrapper {\n background-color: var(--wb-semanticColor-core-background-base-default);\n}\n\n.expanded-wrapper {\n border-width: var(--wb-border-width-thin);\n border-color: var(--wb-semanticColor-core-border-neutral-subtle);\n /* see expandedViewThreshold */\n max-width: 500px;\n border-radius: var(--wb-border-radius-radius_040);\n}\n\n.keypad-inner-container {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n background-color: var(--wb-semanticColor-core-background-disabled-strong);\n /* Even in RTL languages, math is LTR, So we force this component to always render LTR. */\n direction: ltr;\n}\n\n.keypad-grid {\n display: grid !important;\n grid-template-rows: repeat(4, 1fr);\n flex: 1;\n}\n\n.fractions-grid {\n grid-template-columns: repeat(5, 1fr);\n}\n",".keypad-inner-container {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n background-color: var(--wb-semanticColor-core-background-disabled-strong);\n direction: ltr;\n}\n\n.keypad-grid {\n display: grid !important;\n grid-template-rows: repeat(4, 1fr);\n flex: 1;\n}\n\n.expression-grid {\n grid-template-columns: repeat(6, 1fr);\n}\n\n.fractions-grid {\n grid-template-columns: repeat(5, 1fr);\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["main.css","../../../node_modules/.pnpm/mathquill@https+++codeload.github.com+Khan+mathquill+tar.gz+c9e4329b0bc5d9b4c21d765b576_25611360f785121db7b271e2242015e3/node_modules/mathquill/build/mathquill.css","keypad.module.css","render-keypad-panel.module.css"],"names":[],"mappings":"AAAA,gCAAgC,CCAhC,iBAoBA,6BAKE,QAAW,CAHX,YAAa,CAKb,eAAgB,CANhB,iBAAkB,CAKlB,eAAgB,CAHhB,WAAY,CACZ,OAIF,CACA,WACE,mBAAoB,CACpB,mCAA2B,CAC3B,wPACF,CAKA,iDAHE,uBAAwB,CACxB,oBAUF,CARA,8BACE,qBAAmC,CACnC,gBAAiB,CAGjB,SAAU,CAFV,iBAAkB,CAClB,SAIF,CACA,uCACE,iBACF,CACA,oDAEE,qBACF,CACA,0EAKE,oBAAqB,CAHrB,wDAA0D,CAC1D,qDAAuD,CACvD,gDAEF,CACA,iCACE,UACF,CACA,2CAGE,qBAAsB,CAFtB,aAAc,CACd,iCAAqC,CAIrC,eAAgB,CADhB,gBAAiB,CADjB,iBAGF,CACA,oDACE,sBACF,CACA,wDACE,yBACF,CACA,sGAIE,WAAY,CADZ,iBAEF,CACA,2GAGE,WAAY,CADZ,iBAEF,CACA,6DACE,UACF,CACA,gCACE,eAAgB,CAChB,iBACF,CACA,4CAME,6BAA8B,CAC9B,0BAA2B,CAC3B,qBAAsB,CANtB,uBAAwB,CACxB,oBAAqB,CAOrB,eAAgB,CALhB,WAAY,CAMZ,qBAAsB,CAFtB,kBAAmB,CALnB,UAQF,CACA,gEAEE,kBAAoB,CACpB,mBACF,CACA,4EAEE,iBAAmB,CACnB,mBACF,CACA,4EAEE,kBAAoB,CACpB,mBACF,CACA,wKAIE,aAAc,CACd,mBACF,CACA,oFAEE,kBAAoB,CACpB,mBACF,CACA,smBAUE,kBAAoB,CACpB,mBACF,CACA,cAIE,cAAe,CADf,iBAAkB,CAFlB,mBAAoB,CACpB,eAAmB,CAGnB,aAGF,CACA,kEAHE,uBAAwB,CACxB,oBAMF,CACA,2EAGE,yCAA8C,CAC9C,cACF,CACA,kBACE,iBAAkB,CAKlB,WAAY,CAFZ,MAAO,CAFP,iBAAkB,CAClB,KAAM,CAEN,UAEF,CACA,gBAKE,iBAAmB,CAInB,qBAAsB,CARtB,iBAAkB,CAClB,mBAAoB,CACpB,QAAS,CACT,SAAU,CAEV,wBAAyB,CACzB,qBAAsB,CACtB,gBAEF,CACA,wBACE,yBACF,CAOA,wGACE,sBACF,CACA,4BACE,oBAAqB,CACrB,eACF,CACA,yCACE,oCAAwC,CAExC,cAAgB,CAChB,aAAc,CAFd,cAGF,CACA,uBACE,sCACF,CACA,yBACE,mBAAoB,CACpB,kBACF,CACA,wCAEE,kBACF,CACA,0DAGE,iBACF,CACA,uBAEE,gBAAkB,CADlB,iBAEF,CACA,iCACE,QACF,CACA,kBACE,cACF,CACA,0BACE,oBAAqB,CACrB,4BAA8B,CAC9B,yBAA2B,CAC3B,wBAA0B,CAC1B,uBAAyB,CACzB,oBAAsB,CACtB,qBACF,CACA,iCACE,aAAc,CAEd,kBAAoB,CADpB,qBAEF,CACA,uDACE,oBACF,CACA,yCACE,kBACF,CACA,wBACE,iBACF,CACA,6BACE,oCACF,CACA,4BACE,mCACF,CACA,2BACE,oBAAqB,CACrB,cACF,CACA,4BACE,uBAAwB,CACxB,iBACF,CACA,kCAEE,uBAAwB,CACxB,oBAAqB,CAFrB,cAGF,CACA,yBAEE,aAAc,CADd,eAAgB,CAEhB,oBACF,CACA,qCACE,mBACF,CACA,6CACE,oBAAqB,CACrB,0BACF,CACA,iCACE,aACF,CACA,iCACE,aAAc,CACd,UACF,CACA,6CACE,cACF,CACA,sCACE,aACF,CACA,6BACE,aAAc,CAGd,gBAAkB,CADlB,kBAAoB,CAEpB,cAAgB,CAHhB,mBAIF,CACA,4BACE,UACF,CACA,iCAEE,kBAAoB,CADpB,eAEF,CACA,wDAIE,UAAW,CAFX,iBAAkB,CAClB,KAEF,CACA,4BACE,MACF,CACA,4BACE,OACF,CACA,oCACE,iBACF,CACA,wBAEE,iBAAkB,CADlB,qBAEF,CACA,6BACE,aACF,CACA,gCACE,yCAA8C,CAE9C,iBAAkB,CADlB,cAEF,CACA,4CACE,iBACF,CACA,2FAEE,kBACF,CACA,2BACE,aAAc,CAGd,cAAgB,CAFhB,iBAAkB,CAClB,oBAEF,CACA,0FAGE,qBACF,CACA,kHAIE,oBACF,CACA,0FAGE,aACF,CACA,4BACE,cACF,CACA,8BACE,oBAAqB,CACrB,WAAY,CAEZ,YAAc,CADd,UAEF,CA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","file":"index.css","sourcesContent":["@layer libraries, perseus-legacy;\n\n@import \"mathquill/build/mathquill.css\" layer(libraries);\n\n.keypad-input {\n outline: none !important;\n}\n.keypad-input .mq-editable-field .mq-root-block {\n overflow-x: auto;\n}\n.keypad-input .mq-editable-field .mq-cursor:not(:only-child),\n.keypad-input\n .mq-editable-field\n .mq-root-block.mq-hasCursor\n > .mq-cursor:only-child {\n /* HACK(charlie): Magic numbers to properly size and position the vertical\n cursor, which is visible whenever the cursor is not alone in its parent,\n with the exception that it's also visible when the entire input is\n empty. */\n height: 20px !important;\n width: 2px;\n margin-top: -5px !important;\n vertical-align: middle !important;\n border-radius: 1px !important;\n}\n.keypad-input .mq-editable-field .mq-cursor {\n border-left: 2px solid #1865f2 !important;\n margin-left: -1px !important;\n margin-right: -1px !important;\n opacity: 1 !important;\n transition: opacity 300ms ease !important;\n visibility: visible !important;\n}\n.keypad-input .mq-editable-field .mq-cursor.mq-blink {\n opacity: 0 !important;\n visibility: visible !important;\n}\n.keypad-input .mq-editable-field .mq-non-leaf .mq-cursor:only-child {\n border: 2px solid !important;\n border-color: #1865f2 !important;\n border-radius: 1px;\n opacity: 1 !important;\n padding: 0 4px 0 4px;\n transition: border-color 300ms ease !important;\n}\n.keypad-input .mq-editable-field .mq-non-leaf .mq-cursor:only-child.mq-blink {\n border-color: #1865f2 !important;\n opacity: 1 !important;\n}\n.keypad-input .mq-empty {\n background: transparent !important;\n}\n.keypad-input .mq-empty:not(.mq-root-block):after,\n.keypad-input .mq-hasCursor:empty:not(.mq-root-block):after {\n border: 2px solid rgba(33, 36, 44, 0.16);\n border-radius: 1px;\n color: transparent;\n display: inline-block;\n margin-left: -1px;\n margin-right: -1px;\n padding: 0 4px 0 4px;\n visibility: visible !important;\n}\n.keypad-input .mq-selection .mq-empty:not(.mq-root-block):after {\n border-color: white;\n}\n.keypad-input .mq-hasCursor:empty:not(.mq-root-block):after {\n content: \"c\";\n}\n.keypad-input .mq-math-mode .mq-selection .mq-non-leaf,\n.keypad-input .mq-editable-field .mq-selection .mq-non-leaf {\n background: #1865f2 !important;\n border-color: white !important;\n color: white !important;\n}\n.keypad-input .mq-math-mode .mq-selection .mq-scaled,\n.keypad-input .mq-editable-field .mq-selection .mq-scaled {\n background: transparent !important;\n border-color: transparent !important;\n color: white !important;\n}\n.keypad-input .mq-selection {\n background: #1865f2 !important;\n border-color: white !important;\n color: white !important;\n display: inline-block !important;\n}\n","/**\n * @license\n * MathQuill v1.0.3, by Han, Jeanine, and Mary\n * http://mathquill.com | maintainers@mathquill.com\n *\n * This Source Code Form is subject to the terms of the\n * Mozilla Public License, v. 2.0. If a copy of the MPL\n * was not distributed with this file, You can obtain\n * one at http://mozilla.org/MPL/2.0/.\n */\n\n.mq-aria-alert {\n position: absolute;\n left: -1000px;\n top: -1000px;\n width: 0px;\n height: 0px;\n text-align: left;\n overflow: hidden;\n}\n.mq-mathspeak {\n position: absolute;\n left: -1000px;\n top: -1000px;\n width: 0px;\n height: 0px;\n text-align: left;\n overflow: hidden;\n}\n@font-face {\n font-family: Symbola;\n src: url(fonts/Symbola.eot);\n src: local('Symbola Regular'), local('Symbola'), url(fonts/Symbola.woff2) format('woff2'), url(fonts/Symbola.woff) format('woff'), url(fonts/Symbola.ttf) format('truetype'), url(fonts/Symbola.svg#Symbola) format('svg');\n}\n.mq-editable-field {\n display: -moz-inline-box;\n display: inline-block;\n}\n.mq-editable-field .mq-cursor {\n border-left: 1px solid currentColor;\n margin-left: -1px;\n position: relative;\n z-index: 1;\n padding: 0;\n display: -moz-inline-box;\n display: inline-block;\n}\n.mq-editable-field .mq-cursor.mq-blink {\n visibility: hidden;\n}\n.mq-editable-field,\n.mq-math-mode .mq-editable-field {\n border: 1px solid gray;\n}\n.mq-editable-field.mq-focused,\n.mq-math-mode .mq-editable-field.mq-focused {\n -webkit-box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;\n -moz-box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;\n box-shadow: #8bd 0 0 1px 2px, inset #6ae 0 0 2px 0;\n border-color: #709ac0;\n}\n.mq-math-mode .mq-editable-field {\n margin: 1px;\n}\n.mq-editable-field .mq-latex-command-input {\n color: inherit;\n font-family: 'Courier New', monospace;\n border: 1px solid gray;\n padding-right: 1px;\n margin-right: 1px;\n margin-left: 2px;\n}\n.mq-editable-field .mq-latex-command-input.mq-empty {\n background: transparent;\n}\n.mq-editable-field .mq-latex-command-input.mq-hasCursor {\n border-color: ActiveBorder;\n}\n.mq-editable-field.mq-empty:after,\n.mq-editable-field.mq-text-mode:after,\n.mq-math-mode .mq-empty:after {\n visibility: hidden;\n content: 'c';\n}\n.mq-editable-field .mq-cursor:only-child:after,\n.mq-editable-field .mq-textarea + .mq-cursor:last-child:after {\n visibility: hidden;\n content: 'c';\n}\n.mq-editable-field .mq-text-mode .mq-cursor:only-child:after {\n content: '';\n}\n.mq-editable-field.mq-text-mode {\n overflow-x: auto;\n overflow-y: hidden;\n}\n.mq-root-block,\n.mq-math-mode .mq-root-block {\n display: -moz-inline-box;\n display: inline-block;\n width: 100%;\n padding: 2px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n white-space: nowrap;\n overflow: hidden;\n vertical-align: middle;\n}\n.mq-root-block .mq-digit,\n.mq-math-mode .mq-root-block .mq-digit {\n margin-left: 0.009em;\n margin-right: 0.009em;\n}\n.mq-root-block .mq-group-start,\n.mq-math-mode .mq-root-block .mq-group-start {\n margin-left: 0.11em;\n margin-right: -0.01em;\n}\n.mq-root-block .mq-group-other,\n.mq-math-mode .mq-root-block .mq-group-other {\n margin-left: -0.01em;\n margin-right: -0.01em;\n}\n.mq-root-block .mq-group-leading-1,\n.mq-math-mode .mq-root-block .mq-group-leading-1,\n.mq-root-block .mq-group-leading-2,\n.mq-math-mode .mq-root-block .mq-group-leading-2 {\n margin-left: 0;\n margin-right: -0.01em;\n}\n.mq-root-block .mq-group-leading-3,\n.mq-math-mode .mq-root-block .mq-group-leading-3 {\n margin-left: 0.036em;\n margin-right: -0.01em;\n}\n.mq-root-block.mq-suppress-grouping .mq-group-start,\n.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-start,\n.mq-root-block.mq-suppress-grouping .mq-group-other,\n.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-other,\n.mq-root-block.mq-suppress-grouping .mq-group-leading-1,\n.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-leading-1,\n.mq-root-block.mq-suppress-grouping .mq-group-leading-2,\n.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-leading-2,\n.mq-root-block.mq-suppress-grouping .mq-group-leading-3,\n.mq-math-mode .mq-root-block.mq-suppress-grouping .mq-group-leading-3 {\n margin-left: 0.009em;\n margin-right: 0.009em;\n}\n.mq-math-mode {\n font-variant: normal;\n font-weight: normal;\n font-style: normal;\n font-size: 115%;\n line-height: 1;\n display: -moz-inline-box;\n display: inline-block;\n}\n.mq-math-mode .mq-non-leaf,\n.mq-math-mode .mq-scaled {\n display: -moz-inline-box;\n display: inline-block;\n}\n.mq-math-mode var,\n.mq-math-mode .mq-text-mode,\n.mq-math-mode .mq-nonSymbola {\n font-family: 'Times New Roman', Symbola, serif;\n line-height: 0.9;\n}\n.mq-math-mode svg {\n fill: currentColor;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.mq-math-mode * {\n font-size: inherit;\n line-height: inherit;\n margin: 0;\n padding: 0;\n border-color: black;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n}\n.mq-math-mode .mq-empty {\n background: rgba(0, 0, 0, 0.2);\n}\n.mq-math-mode .mq-empty.mq-root-block {\n background: transparent;\n}\n.mq-math-mode .mq-empty.mq-quiet-delimiter {\n background: transparent;\n}\n.mq-math-mode.mq-empty {\n background: transparent;\n}\n.mq-math-mode .mq-text-mode {\n display: inline-block;\n white-space: pre;\n}\n.mq-math-mode .mq-text-mode.mq-hasCursor {\n box-shadow: inset darkgray 0 0.1em 0.2em;\n padding: 0 0.1em;\n margin: 0 -0.1em;\n min-width: 1ex;\n}\n.mq-math-mode .mq-font {\n font: 1em 'Times New Roman', Symbola, serif;\n}\n.mq-math-mode .mq-font * {\n font-family: inherit;\n font-style: inherit;\n}\n.mq-math-mode b,\n.mq-math-mode b.mq-font {\n font-weight: bolder;\n}\n.mq-math-mode var,\n.mq-math-mode i,\n.mq-math-mode i.mq-font {\n font-style: italic;\n}\n.mq-math-mode var.mq-f {\n margin-right: 0.2em;\n margin-left: 0.1em;\n}\n.mq-math-mode .mq-roman var.mq-f {\n margin: 0;\n}\n.mq-math-mode big {\n font-size: 200%;\n}\n.mq-math-mode .mq-int > big {\n display: inline-block;\n -webkit-transform: scaleX(0.7);\n -moz-transform: scaleX(0.7);\n -ms-transform: scaleX(0.7);\n -o-transform: scaleX(0.7);\n transform: scaleX(0.7);\n vertical-align: -0.16em;\n}\n.mq-math-mode .mq-int > .mq-supsub {\n font-size: 80%;\n vertical-align: -1.1em;\n padding-right: 0.2em;\n}\n.mq-math-mode .mq-int > .mq-supsub > .mq-sup > .mq-sup-inner {\n vertical-align: 1.3em;\n}\n.mq-math-mode .mq-int > .mq-supsub > .mq-sub {\n margin-left: -0.35em;\n}\n.mq-math-mode .mq-roman {\n font-style: normal;\n}\n.mq-math-mode .mq-sans-serif {\n font-family: sans-serif, Symbola, serif;\n}\n.mq-math-mode .mq-monospace {\n font-family: monospace, Symbola, serif;\n}\n.mq-math-mode .mq-overline {\n border-top: 1px solid;\n margin-top: 1px;\n}\n.mq-math-mode .mq-underline {\n border-bottom: 1px solid;\n margin-bottom: 1px;\n}\n.mq-math-mode .mq-binary-operator {\n padding: 0 0.2em;\n display: -moz-inline-box;\n display: inline-block;\n}\n.mq-math-mode .mq-supsub {\n text-align: left;\n font-size: 90%;\n vertical-align: -0.5em;\n}\n.mq-math-mode .mq-supsub.mq-sup-only {\n vertical-align: 0.5em;\n}\n.mq-math-mode .mq-supsub.mq-sup-only > .mq-sup {\n display: inline-block;\n vertical-align: text-bottom;\n}\n.mq-math-mode .mq-supsub .mq-sup {\n display: block;\n}\n.mq-math-mode .mq-supsub .mq-sub {\n display: block;\n float: left;\n}\n.mq-math-mode .mq-supsub .mq-binary-operator {\n padding: 0 0.1em;\n}\n.mq-math-mode .mq-supsub .mq-fraction {\n font-size: 70%;\n}\n.mq-math-mode sup.mq-nthroot {\n font-size: 80%;\n vertical-align: 0.8em;\n margin-right: -0.6em;\n margin-left: 0.2em;\n min-width: 0.5em;\n}\n.mq-math-mode .mq-ghost svg {\n opacity: 0.2;\n}\n.mq-math-mode .mq-bracket-middle {\n margin-top: 0.1em;\n margin-bottom: 0.1em;\n}\n.mq-math-mode .mq-bracket-l,\n.mq-math-mode .mq-bracket-r {\n position: absolute;\n top: 0;\n bottom: 2px;\n}\n.mq-math-mode .mq-bracket-l {\n left: 0;\n}\n.mq-math-mode .mq-bracket-r {\n right: 0;\n}\n.mq-math-mode .mq-bracket-container {\n position: relative;\n}\n.mq-math-mode .mq-array {\n vertical-align: middle;\n text-align: center;\n}\n.mq-math-mode .mq-array > span {\n display: block;\n}\n.mq-math-mode .mq-operator-name {\n font-family: Symbola, 'Times New Roman', serif;\n line-height: 0.9;\n font-style: normal;\n}\n.mq-math-mode var.mq-operator-name.mq-first {\n padding-left: 0.2em;\n}\n.mq-math-mode var.mq-operator-name.mq-last,\n.mq-math-mode .mq-supsub.mq-after-operator-name {\n padding-right: 0.2em;\n}\n.mq-math-mode .mq-fraction {\n font-size: 90%;\n text-align: center;\n vertical-align: -0.4em;\n padding: 0 0.2em;\n}\n.mq-math-mode .mq-fraction,\n.mq-math-mode .mq-large-operator,\n.mq-math-mode x:-moz-any-link {\n display: -moz-groupbox;\n}\n.mq-math-mode .mq-fraction,\n.mq-math-mode .mq-large-operator,\n.mq-math-mode x:-moz-any-link,\n.mq-math-mode x:default {\n display: inline-block;\n}\n.mq-math-mode .mq-numerator,\n.mq-math-mode .mq-denominator,\n.mq-math-mode .mq-dot-recurring {\n display: block;\n}\n.mq-math-mode .mq-numerator {\n padding: 0 0.1em;\n}\n.mq-math-mode .mq-denominator {\n border-top: 1px solid;\n float: right;\n width: 100%;\n padding: 0.1em;\n}\n.mq-math-mode .mq-dot-recurring {\n text-align: center;\n height: 0.3em;\n}\n.mq-math-mode .mq-sqrt-prefix {\n position: absolute;\n top: 1px;\n bottom: 0.15em;\n width: 0.95em;\n}\n.mq-math-mode .mq-sqrt-container {\n position: relative;\n}\n.mq-math-mode .mq-sqrt-stem {\n border-top: 1px solid;\n margin-top: 1px;\n margin-left: 0.9em;\n padding-left: 0.15em;\n padding-right: 0.2em;\n margin-right: 0.1em;\n padding-top: 1px;\n}\n.mq-math-mode .mq-diacritic-above {\n display: block;\n text-align: center;\n line-height: 0.4em;\n}\n.mq-math-mode .mq-diacritic-stem {\n display: block;\n text-align: center;\n}\n.mq-math-mode .mq-hat-prefix {\n display: block;\n text-align: center;\n line-height: 0.95em;\n margin-bottom: -0.7em;\n transform: scaleX(1.5);\n -moz-transform: scaleX(1.5);\n -o-transform: scaleX(1.5);\n -webkit-transform: scaleX(1.5);\n}\n.mq-math-mode .mq-hat-stem {\n display: block;\n}\n.mq-math-mode .mq-large-operator {\n vertical-align: -0.2em;\n padding: 0.2em;\n text-align: center;\n}\n.mq-math-mode .mq-large-operator .mq-from,\n.mq-math-mode .mq-large-operator big,\n.mq-math-mode .mq-large-operator .mq-to {\n display: block;\n}\n.mq-math-mode .mq-large-operator .mq-from,\n.mq-math-mode .mq-large-operator .mq-to {\n font-size: 80%;\n}\n.mq-math-mode .mq-large-operator .mq-from {\n float: right;\n /* take out of normal flow to manipulate baseline */\n width: 100%;\n}\n.mq-math-mode,\n.mq-math-mode .mq-editable-field {\n cursor: text;\n font-family: Symbola, 'Times New Roman', serif;\n}\n.mq-math-mode .mq-overarc {\n border-top: 1px solid black;\n -webkit-border-top-right-radius: 50% 0.3em;\n -moz-border-radius-topright: 50% 0.3em;\n border-top-right-radius: 50% 0.3em;\n -webkit-border-top-left-radius: 50% 0.3em;\n -moz-border-radius-topleft: 50% 0.3em;\n border-top-left-radius: 50% 0.3em;\n margin-top: 1px;\n padding-top: 0.15em;\n}\n.mq-math-mode .mq-overarrow {\n min-width: 0.5em;\n border-top: 1px solid black;\n margin-top: 1px;\n padding-top: 0.2em;\n text-align: center;\n position: relative;\n}\n.mq-math-mode .mq-overarrow:after {\n position: absolute;\n right: -0.1em;\n top: -0.48em;\n font-size: 0.5em;\n content: '\\27A4';\n}\n.mq-math-mode .mq-overarrow.mq-arrow-left:after {\n content: '';\n display: none;\n}\n.mq-math-mode .mq-overarrow.mq-arrow-left:before,\n.mq-math-mode .mq-overarrow.mq-arrow-leftright:before {\n position: absolute;\n top: -0.48em;\n left: -0.1em;\n font-size: 0.5em;\n content: '\\27A4';\n -moz-transform: scaleX(-1);\n -o-transform: scaleX(-1);\n -webkit-transform: scaleX(-1);\n transform: scaleX(-1);\n filter: FlipH;\n -ms-filter: 'FlipH';\n}\n.mq-math-mode .mq-selection,\n.mq-editable-field .mq-selection,\n.mq-math-mode .mq-selection .mq-non-leaf,\n.mq-editable-field .mq-selection .mq-non-leaf,\n.mq-math-mode .mq-selection .mq-scaled,\n.mq-editable-field .mq-selection .mq-scaled {\n background: #b4d5fe !important;\n}\n.mq-math-mode .mq-selection.mq-blur,\n.mq-editable-field .mq-selection.mq-blur,\n.mq-math-mode .mq-selection.mq-blur .mq-non-leaf,\n.mq-editable-field .mq-selection.mq-blur .mq-non-leaf,\n.mq-math-mode .mq-selection.mq-blur .mq-scaled,\n.mq-editable-field .mq-selection.mq-blur .mq-scaled {\n background: #d4d4d4 !important;\n color: black;\n border-color: black;\n}\nhtml body .mq-math-mode .mq-selection .mq-nthroot-container *,\nhtml body .mq-editable-field .mq-selection .mq-nthroot-container * {\n background: transparent !important;\n}\n.mq-editable-field .mq-textarea,\n.mq-math-mode .mq-textarea {\n position: relative;\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n}\n.mq-editable-field .mq-textarea *,\n.mq-math-mode .mq-textarea * {\n -webkit-user-select: text;\n -moz-user-select: text;\n user-select: text;\n position: absolute;\n clip: rect(1em 1em 1em 1em);\n -webkit-transform: scale(0);\n -moz-transform: scale(0);\n -ms-transform: scale(0);\n -o-transform: scale(0);\n transform: scale(0);\n resize: none;\n width: 1px;\n height: 1px;\n box-sizing: content-box;\n}\n",".keypad-outer-container {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.wrapper {\n background-color: var(--wb-semanticColor-core-background-base-default);\n}\n\n.expanded-wrapper {\n border-width: var(--wb-border-width-thin);\n border-color: var(--wb-semanticColor-core-border-neutral-subtle);\n /* see expandedViewThreshold */\n max-width: 500px;\n border-radius: var(--wb-border-radius-radius_040);\n}\n\n.keypad-inner-container {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n background-color: var(--wb-semanticColor-core-background-disabled-strong);\n /* Even in RTL languages, math is LTR, So we force this component to always render LTR. */\n direction: ltr;\n}\n\n.keypad-grid {\n display: grid !important;\n grid-template-rows: repeat(4, 1fr);\n flex: 1;\n}\n\n.fractions-grid {\n grid-template-columns: repeat(5, 1fr);\n}\n",".keypad-inner-container {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n background-color: var(--wb-semanticColor-core-background-disabled-strong);\n direction: ltr;\n}\n\n.keypad-grid {\n display: grid !important;\n grid-template-rows: repeat(4, 1fr);\n flex: 1;\n}\n\n.expression-grid {\n grid-template-columns: repeat(6, 1fr);\n}\n\n.fractions-grid {\n grid-template-columns: repeat(5, 1fr);\n}\n"]}
|
package/dist/index.js
CHANGED
|
@@ -47,7 +47,7 @@ var xBold__default = /*#__PURE__*/_interopDefaultCompat(xBold);
|
|
|
47
47
|
var Clickable__default = /*#__PURE__*/_interopDefaultCompat(Clickable);
|
|
48
48
|
var PropTypes__default = /*#__PURE__*/_interopDefaultCompat(PropTypes);
|
|
49
49
|
|
|
50
|
-
const libName="@khanacademy/math-input";const libVersion="26.4.
|
|
50
|
+
const libName="@khanacademy/math-input";const libVersion="26.4.11";perseusUtils.addLibraryVersionToPerseusDebug(libName,libVersion);
|
|
51
51
|
|
|
52
52
|
function getDefaultExportFromCjs (x) {
|
|
53
53
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
@@ -1462,7 +1462,7 @@ class MathWrapper{focus(){this.mathField.cursor().show();this.mathField.focus();
|
|
|
1462
1462
|
|
|
1463
1463
|
const toolbarHeightPx=60;const scrollIntoView=(containerNode,keypadNode)=>{const containerBounds=containerNode.getBoundingClientRect();const containerBottomPx=containerBounds.bottom;const containerTopPx=containerBounds.top;const scrollNode=document.scrollingElement;const desiredMarginPx=16;if(keypadNode){const pageHeightPx=window.innerHeight;const keypadHeightPx=keypadNode.clientHeight;const keypadTopPx=pageHeightPx-(keypadHeightPx+toolbarHeightPx);if(containerBottomPx>keypadTopPx){const scrollOffset=Math.min(containerBottomPx-keypadTopPx+desiredMarginPx,containerTopPx);if(scrollNode){scrollNode.scrollTop+=scrollOffset;}return}}if(scrollNode&&containerTopPx<desiredMarginPx){scrollNode.scrollTop-=containerBounds.height+desiredMarginPx;}};
|
|
1464
1464
|
|
|
1465
|
-
const constrainingFrictionFactor=.8;class MathInput extends React__namespace.Component{componentDidMount(){this._isMounted=true;this.mathField=new MathWrapper(this._mathContainer,this.props.ariaLabel,this.context.strings,this.context.locale,{onCursorMove:cursor=>{this.props.keypadElement?.setCursor(cursor);}});this.mathField.setContent(this.props.value);this._updateInputPadding();this._container=ReactDOM__default.default.findDOMNode(this);this._root=this._container.querySelector(".mq-root-block");this._root.addEventListener("scroll",this._handleScroll);const isWithinKeypadBounds=(x,y)=>{const bounds=this._getKeypadBounds();if(!bounds){return false}return bounds.left<=x&&bounds.right>=x&&bounds.top<=y&&bounds.bottom>=y||bounds.bottom<y};this.recordTouchStartOutside=evt=>{if(this.state.focused){if(!this._container.contains(evt.target)){let touchDidStartInOrBelowKeypad=false;if(this.props.keypadElement&&this.props.keypadElement.getDOMNode()){for(let i=0;i<evt.changedTouches.length;i++){const[x,y]=[evt.changedTouches[i].clientX,evt.changedTouches[i].clientY];if(isWithinKeypadBounds(x,y)){touchDidStartInOrBelowKeypad=true;break}}}if(!touchDidStartInOrBelowKeypad){this.didTouchOutside=true;if(this.dragListener){this.dragListener.detach();}this.dragListener=new DragListener(()=>{this.didScroll=true;this.dragListener.detach();},evt);this.dragListener.attach();}}}};this.blurOnTouchEndOutside=evt=>{if(this.state.focused&&this.didTouchOutside&&!this.didScroll){this.blur();this.mathField.blur();this.props.onBlur?.();}this.didTouchOutside=false;this.didScroll=false;if(this.dragListener){this.dragListener.detach();}};this.blurOnClickOutside=evt=>{if(this.state.focused){if(!this._container.contains(evt.target)){if(this.props.keypadElement&&this.props.keypadElement.getDOMNode()){const[x,y]=[evt.clientX,evt.clientY];if(!isWithinKeypadBounds(x,y)){this.blur();this.props.onBlur?.();}}}}};window.addEventListener("touchstart",this.recordTouchStartOutside);window.addEventListener("touchend",this.blurOnTouchEndOutside);window.addEventListener("touchcancel",this.blurOnTouchEndOutside);window.addEventListener("click",this.blurOnClickOutside);}componentDidUpdate(prevProps,prevState){if(this.mathField.getContent()!==this.props.value){this.mathField.setContent(this.props.value);}if(prevState.focused!==this.state.focused){this._updateInputPadding();}}componentWillUnmount(){this._isMounted=false;window.removeEventListener("touchstart",this.recordTouchStartOutside);window.removeEventListener("touchend",this.blurOnTouchEndOutside);window.removeEventListener("touchcancel",this.blurOnTouchEndOutside);window.removeEventListener("click",this.blurOnClickOutside);}_getKeypadBounds(){const keypadNode=this.props.keypadElement?.getDOMNode();if(keypadNode instanceof Element){return keypadNode.getBoundingClientRect()}return null}render(){const{showInputFocusStyle,handle}=this.state;const{style}=this.props;const innerStyle={...inlineStyles.innerContainer,borderWidth:this.getBorderWidthPx(),...showInputFocusStyle?{borderColor:wonderBlocksTokens.semanticColor.core.border.instructive.default}:{},...style};const ariaLabel=this.context.strings.mathInputBox+" "+this.context.strings.fingerTap;return jsxRuntimeExports.jsx(keypadContext.KeypadContext.Consumer,{children:({keypadActive,setKeypadActive})=>jsxRuntimeExports.jsxs(wonderBlocksCore.View,{style:styles$6.input,onTouchStart:e=>{this.handleTouchStart(e,keypadActive,setKeypadActive);},onTouchMove:this.handleTouchMove,onTouchEnd:this.handleTouchEnd,onClick:e=>{this.handleClick(e,keypadActive,setKeypadActive);},role:"textbox","aria-label":ariaLabel,children:[jsxRuntimeExports.jsx("div",{className:"keypad-input",tabIndex:0,ref:node=>{this.inputRef=node;},onFocus:()=>{this.focus(setKeypadActive);},onBlur:this.blur,onKeyUp:this.handleKeyUp,children:jsxRuntimeExports.jsx("div",{ref:node=>{this._mathContainer=ReactDOM__default.default.findDOMNode(node);},style:innerStyle})}),showInputFocusStyle&&handle.visible&&jsxRuntimeExports.jsx(CursorHandle,{...handle,onTouchStart:this.onCursorHandleTouchStart,onTouchMove:this.onCursorHandleTouchMove,onTouchEnd:this.onCursorHandleTouchEnd,onTouchCancel:this.onCursorHandleTouchCancel})]})})}constructor(...args){super(...args),this.state={focused:false,showInputFocusStyle:false,handle:{animateIntoPosition:false,visible:false,x:0,y:0}},this._updateInputPadding=()=>{this._container=ReactDOM__default.default.findDOMNode(this);this._root=this._container.querySelector(".mq-root-block");const padding=this.getInputInnerPadding();this._root.style.padding=`${padding.paddingTop}px ${padding.paddingRight}px`+` ${padding.paddingBottom}px ${padding.paddingLeft}px`;this._root.style.fontSize=`${fontSizePt}pt`;},this._updateCursorHandle=animateIntoPosition=>{const containerBounds=this._container.getBoundingClientRect();const cursor=this._container.querySelector(".mq-cursor");const cursorBounds=cursor.getBoundingClientRect();const cursorWidth=cursorBounds.width;const gapBelowCursor=2;const inputInnerPadding=this.getInputInnerPadding();const furthestRightCursorBound=containerBounds.right-cursorWidth-inputInnerPadding.paddingRight;const furthestLeftCursorBound=containerBounds.left+cursorWidth+inputInnerPadding.paddingLeft;let cursorBoundsLeft=cursorBounds.left;if(cursorBounds.left>furthestRightCursorBound){cursorBoundsLeft=furthestRightCursorBound;}else if(cursorBounds.left<furthestLeftCursorBound){cursorBoundsLeft=furthestLeftCursorBound;}this.setState({handle:{visible:true,animateIntoPosition,x:cursorBoundsLeft+cursorWidth/2-containerBounds.left,y:cursorBounds.bottom+gapBelowCursor-containerBounds.top}});},this._hideCursorHandle=()=>{this.setState({handle:{visible:false,x:0,y:0}});},this._handleScroll=()=>{if(this.state.handle.animateIntoPosition!==false){this._hideCursorHandle();}},this.blur=()=>{this.mathField.blur();this.setState({showInputFocusStyle:false,handle:{visible:false}});},this.focus=setKeypadActive=>{this.props.keypadElement?.setKeyHandler(key=>{const cursor=this.mathField.pressKey(key);const hideCursor=()=>{this.setState({handle:{visible:false}});};const value=this.mathField.getContent();if(this.props.value!==value){this.props.onChange(value,hideCursor);}else {hideCursor();}return cursor});this.mathField.focus();this.props?.onFocus();setKeypadActive(true);this.setState({focused:true,showInputFocusStyle:true},()=>{setTimeout(()=>{if(this._isMounted){const maybeKeypadNode=this.props.keypadElement?.getDOMNode();scrollIntoView(this._container,maybeKeypadNode);}});});},this._findHitNode=(containerBounds,x,y,dx,dy)=>{while(y>=containerBounds.top&&y<=containerBounds.bottom){y+=dy;const points=[[x-dx,y],[x,y],[x+dx,y]];const elements=points.map(point=>document.elementFromPoint(...point)).filter(element=>element&&this._root.contains(element)&&(!element.classList.contains("mq-root-block")&&!element.classList.contains("mq-non-leaf")||element.classList.contains("mq-empty")||element.classList.contains("mq-hasCursor")));let hitNode=null;const nonLeafElements=[];let max=0;const counts={};const elementsById={};for(const element of elements){const id=element?.getAttribute("mathquill-command-id");if(id!=null){counts[id]=(counts[id]||0)+1;elementsById[id]=element;}else {nonLeafElements.push(element);}}for(const[id,count]of wonderStuffCore.entries(counts)){if(count>max){max=count;hitNode=elementsById[id];}}if(hitNode==null&&nonLeafElements.length>0){hitNode=nonLeafElements[0];}if(hitNode!==null){this.mathField.setCursorPosition(x,y,hitNode);return true}}return false},this._insertCursorAtClosestNode=(x,y)=>{const cursor=this.mathField.getCursor();if(!this._root.hasChildNodes()){cursor.insAtLeftEnd(this.mathField.mathField.controller().root);return}if(y>this._containerBounds.bottom){y=this._containerBounds.bottom-10;}else if(y<this._containerBounds.top){y=this._containerBounds.top+10;}if(x>this._containerBounds.right){x=this._containerBounds.right-15;}else if(x<this._containerBounds.left){x=this._containerBounds.left+15;}let dy;dy=-8;const dx=5;if(this._findHitNode(this._containerBounds,x,y,dx,dy)){return}y=this._containerBounds.top;dy=8;if(this._findHitNode(this._containerBounds,x,y,dx,dy)){return}const firstChildBounds=this._root.firstChild.getBoundingClientRect();const lastChildBounds=this._root.lastChild.getBoundingClientRect();const left=firstChildBounds.left;const right=lastChildBounds.right;if(Math.abs(x-right)<Math.abs(x-left)){cursor.insAtRightEnd(this.mathField.mathField.controller().root);}else {cursor.insAtLeftEnd(this.mathField.mathField.controller().root);}this.props.keypadElement?.setCursor({context:this.mathField.contextForCursor()});},this.handleTouchStart=(e,keypadActive,setKeypadActive)=>{e.stopPropagation();this._hideCursorHandle();if(this.mathField.getContent()!==""){this._containerBounds=this._container.getBoundingClientRect();const touch=e.changedTouches[0];this._insertCursorAtClosestNode(touch.clientX,touch.clientY);}if(this.state.focused&&!keypadActive){setKeypadActive(true);}if(!this.state.focused){this.focus(setKeypadActive);}this.inputRef?.focus();},this.handleClick=(e,keypadActive,setKeypadActive)=>{e.stopPropagation();this._hideCursorHandle();if(this.mathField.getContent()!==""){this._containerBounds=this._container.getBoundingClientRect();this._insertCursorAtClosestNode(e.clientX,e.clientY);}if(this.state.focused&&!keypadActive){setKeypadActive(true);}if(!this.state.focused){this.focus(setKeypadActive);}this.inputRef?.focus();},this.handleTouchMove=e=>{e.stopPropagation();if(this.mathField.getContent()!==""&&this.state.focused){const touch=e.changedTouches[0];this._insertCursorAtClosestNode(touch.clientX,touch.clientY);}},this.handleTouchEnd=e=>{e.stopPropagation();if(this.mathField.getContent()!==""&&this.state.focused){this._updateCursorHandle();}},this.onCursorHandleTouchStart=e=>{e.stopPropagation();e.preventDefault();this._containerBounds=this._container.getBoundingClientRect();},this._constrainToBound=(value,min,max,friction)=>{if(value<min){return min+(value-min)*friction}else if(value>max){return max+(value-max)*friction}else {return value}},this.onCursorHandleTouchMove=e=>{e.stopPropagation();const x=e.changedTouches[0].clientX;const y=e.changedTouches[0].clientY;const relativeX=x-this._containerBounds.left;const relativeY=y-2*cursorHandleRadiusPx*cursorHandleDistanceMultiplier-this._containerBounds.top;this.setState({handle:{animateIntoPosition:false,visible:true,x:this._constrainToBound(relativeX,0,this._containerBounds.width,constrainingFrictionFactor),y:this._constrainToBound(relativeY,0,this._containerBounds.height,constrainingFrictionFactor)}});const distanceAboveFingerToTrySelecting=22;const adjustedY=y-distanceAboveFingerToTrySelecting;this._insertCursorAtClosestNode(x,adjustedY);},this.onCursorHandleTouchEnd=e=>{e.stopPropagation();this._updateCursorHandle(true);},this.onCursorHandleTouchCancel=e=>{e.stopPropagation();this._updateCursorHandle(true);},this.domKeyToMathQuillKey=key=>{const keyMap={"+":"PLUS","-":"MINUS","*":"TIMES","/":"DIVIDE",".":"DECIMAL","%":"PERCENT","=":"EQUAL",">":"GT","<":"LT","^":"EXP"};if(["0","1","2","3","4","5","6","7","8","9"].includes(key)){return `NUM_${key}`}else if(key==="Backspace"){return "BACKSPACE"}else if(key in keyMap){return keyMap[key]}return null},this.handleKeyUp=event=>{const mathQuillKey=this.domKeyToMathQuillKey(event.key);if(mathQuillKey){this.mathField.pressKey(mathQuillKey);const value=this.mathField.getContent();if(this.props.value!==value){this.mathField.setContent(this.props.value);this.props.onChange(value,()=>{});this._hideCursorHandle();}}},this.getBorderWidthPx=()=>{const normalBorderWidthPx=1;const focusedBorderWidthPx=2;return this.state.focused?focusedBorderWidthPx:normalBorderWidthPx},this.getInputInnerPadding=()=>{const paddingInset=totalDesiredPadding-this.getBorderWidthPx();const symbolaPaddingBottom=3;const symbolaPaddingTop=1;const cursorPadding=2;const padding={paddingTop:paddingInset-symbolaPaddingTop,paddingRight:paddingInset+cursorPadding,paddingBottom:paddingInset-symbolaPaddingBottom,paddingLeft:paddingInset+cursorPadding};return padding};}}MathInput.contextType=MathInputI18nContext;MathInput.defaultProps={style:{},value:""};MathInput.contextType=MathInputI18nContext;const fontSizePt=18;const inputMaxWidth=128;const numeralHeightPx=20;const totalDesiredPadding=12;const minHeightPx=numeralHeightPx+totalDesiredPadding*2;const minWidthPx=64;const styles$6=aphrodite.StyleSheet.create({input:{position:"relative",display:"inline-block",verticalAlign:"middle",maxWidth:inputMaxWidth}});const inlineStyles={innerContainer:{backgroundColor:"white",minHeight:minHeightPx,minWidth:minWidthPx,maxWidth:inputMaxWidth,boxSizing:"border-box",position:"relative",borderStyle:"solid",borderColor:wonderBlocksTokens.semanticColor.core.border.neutral.default,borderRadius:4,color:wonderBlocksTokens.semanticColor.core.foreground.neutral.strong}};
|
|
1465
|
+
const constrainingFrictionFactor=.8;class MathInput extends React__namespace.Component{componentDidMount(){this._isMounted=true;this.mathField=new MathWrapper(this._mathContainer,this.props.ariaLabel,this.context.strings,this.context.locale,{onCursorMove:cursor=>{this.props.keypadElement?.setCursor(cursor);}});this.mathField.setContent(this.props.value);this._updateInputPadding();this._container=ReactDOM__default.default.findDOMNode(this);this._root=this._container.querySelector(".mq-root-block");this._root.addEventListener("scroll",this._handleScroll);const isWithinKeypadBounds=(x,y)=>{const bounds=this._getKeypadBounds();if(!bounds){return false}return bounds.left<=x&&bounds.right>=x&&bounds.top<=y&&bounds.bottom>=y||bounds.bottom<y};this.recordTouchStartOutside=evt=>{if(this.state.focused){if(!this._container.contains(evt.target)){let touchDidStartInOrBelowKeypad=false;if(this.props.keypadElement&&this.props.keypadElement.getDOMNode()){for(let i=0;i<evt.changedTouches.length;i++){const[x,y]=[evt.changedTouches[i].clientX,evt.changedTouches[i].clientY];if(isWithinKeypadBounds(x,y)){touchDidStartInOrBelowKeypad=true;break}}}if(!touchDidStartInOrBelowKeypad){this.didTouchOutside=true;if(this.dragListener){this.dragListener.detach();}this.dragListener=new DragListener(()=>{this.didScroll=true;this.dragListener.detach();},evt);this.dragListener.attach();}}}};this.blurOnTouchEndOutside=evt=>{if(this.state.focused&&this.didTouchOutside&&!this.didScroll){this.blur();this.mathField.blur();this.props.onBlur?.();}this.didTouchOutside=false;this.didScroll=false;if(this.dragListener){this.dragListener.detach();}};this.blurOnClickOutside=evt=>{if(this.state.focused){if(!this._container.contains(evt.target)){if(this.props.keypadElement&&this.props.keypadElement.getDOMNode()){const[x,y]=[evt.clientX,evt.clientY];if(!isWithinKeypadBounds(x,y)){this.blur();this.props.onBlur?.();}}}}};window.addEventListener("touchstart",this.recordTouchStartOutside);window.addEventListener("touchend",this.blurOnTouchEndOutside);window.addEventListener("touchcancel",this.blurOnTouchEndOutside);window.addEventListener("click",this.blurOnClickOutside);}componentDidUpdate(prevProps,prevState){if(this.mathField.getContent()!==this.props.value){this.mathField.setContent(this.props.value);}if(prevState.focused!==this.state.focused){this._updateInputPadding();}}componentWillUnmount(){this._isMounted=false;window.removeEventListener("touchstart",this.recordTouchStartOutside);window.removeEventListener("touchend",this.blurOnTouchEndOutside);window.removeEventListener("touchcancel",this.blurOnTouchEndOutside);window.removeEventListener("click",this.blurOnClickOutside);}_getKeypadBounds(){const keypadNode=this.props.keypadElement?.getDOMNode();if(keypadNode instanceof Element){return keypadNode.getBoundingClientRect()}return null}_findHitNode(containerBounds,x,y,dx,dy){while(y>=containerBounds.top&&y<=containerBounds.bottom){y+=dy;const points=[[x-dx,y],[x,y],[x+dx,y]];const elements=points.map(point=>document.elementFromPoint(...point)).filter(element=>element&&this._root.contains(element)&&(!element.classList.contains("mq-root-block")&&!element.classList.contains("mq-non-leaf")||element.classList.contains("mq-empty")||element.classList.contains("mq-hasCursor")));let hitNode=null;const nonLeafElements=[];let max=0;const counts={};const elementsById={};for(const element of elements){const id=element?.getAttribute("mathquill-command-id");if(id!=null){counts[id]=(counts[id]||0)+1;elementsById[id]=element;}else {nonLeafElements.push(element);}}for(const[id,count]of wonderStuffCore.entries(counts)){if(count>max){max=count;hitNode=elementsById[id];}}if(hitNode==null&&nonLeafElements.length>0){hitNode=nonLeafElements[0];}if(hitNode!==null){this.mathField.setCursorPosition(x,y,hitNode);return true}}return false}_insertCursorAtClosestNode(x,y){const cursor=this.mathField.getCursor();if(!this._root.hasChildNodes()){cursor.insAtLeftEnd(this.mathField.mathField.controller().root);return}if(y>this._containerBounds.bottom){y=this._containerBounds.bottom-10;}else if(y<this._containerBounds.top){y=this._containerBounds.top+10;}if(x>this._containerBounds.right){x=this._containerBounds.right-15;}else if(x<this._containerBounds.left){x=this._containerBounds.left+15;}let dy;dy=-8;const dx=5;if(this._findHitNode(this._containerBounds,x,y,dx,dy)){return}y=this._containerBounds.top;dy=8;if(this._findHitNode(this._containerBounds,x,y,dx,dy)){return}const firstChildBounds=this._root.firstChild.getBoundingClientRect();const lastChildBounds=this._root.lastChild.getBoundingClientRect();const left=firstChildBounds.left;const right=lastChildBounds.right;if(Math.abs(x-right)<Math.abs(x-left)){cursor.insAtRightEnd(this.mathField.mathField.controller().root);}else {cursor.insAtLeftEnd(this.mathField.mathField.controller().root);}this.props.keypadElement?.setCursor({context:this.mathField.contextForCursor()});}_constrainToBound(value,min,max,friction){if(value<min){return min+(value-min)*friction}else if(value>max){return max+(value-max)*friction}else {return value}}render(){const{showInputFocusStyle,handle}=this.state;const{style}=this.props;const innerStyle={...inlineStyles.innerContainer,borderWidth:this.getBorderWidthPx(),...showInputFocusStyle?{borderColor:wonderBlocksTokens.semanticColor.core.border.instructive.default}:{},...style};const ariaLabel=this.context.strings.mathInputBox+" "+this.context.strings.fingerTap;return jsxRuntimeExports.jsx(keypadContext.KeypadContext.Consumer,{children:({keypadActive,setKeypadActive})=>jsxRuntimeExports.jsxs(wonderBlocksCore.View,{style:styles$6.input,onTouchStart:e=>{this.handleTouchStart(e,keypadActive,setKeypadActive);},onTouchMove:this.handleTouchMove,onTouchEnd:this.handleTouchEnd,onClick:e=>{this.handleClick(e,keypadActive,setKeypadActive);},role:"textbox","aria-label":ariaLabel,children:[jsxRuntimeExports.jsx("div",{className:"keypad-input",tabIndex:0,ref:node=>{this.inputRef=node;},onFocus:()=>{this.focus(setKeypadActive);},onBlur:this.blur,onKeyUp:this.handleKeyUp,children:jsxRuntimeExports.jsx("div",{ref:node=>{this._mathContainer=ReactDOM__default.default.findDOMNode(node);},style:innerStyle})}),showInputFocusStyle&&handle.visible&&jsxRuntimeExports.jsx(CursorHandle,{...handle,onTouchStart:this.onCursorHandleTouchStart,onTouchMove:this.onCursorHandleTouchMove,onTouchEnd:this.onCursorHandleTouchEnd,onTouchCancel:this.onCursorHandleTouchCancel})]})})}constructor(...args){super(...args),this.state={focused:false,showInputFocusStyle:false,handle:{animateIntoPosition:false,visible:false,x:0,y:0}},this._updateInputPadding=()=>{this._container=ReactDOM__default.default.findDOMNode(this);this._root=this._container.querySelector(".mq-root-block");const padding=this.getInputInnerPadding();this._root.style.padding=`${padding.paddingTop}px ${padding.paddingRight}px`+` ${padding.paddingBottom}px ${padding.paddingLeft}px`;this._root.style.fontSize=`${fontSizePt}pt`;},this._updateCursorHandle=animateIntoPosition=>{const containerBounds=this._container.getBoundingClientRect();const cursor=this._container.querySelector(".mq-cursor");const cursorBounds=cursor.getBoundingClientRect();const cursorWidth=cursorBounds.width;const gapBelowCursor=2;const inputInnerPadding=this.getInputInnerPadding();const furthestRightCursorBound=containerBounds.right-cursorWidth-inputInnerPadding.paddingRight;const furthestLeftCursorBound=containerBounds.left+cursorWidth+inputInnerPadding.paddingLeft;let cursorBoundsLeft=cursorBounds.left;if(cursorBounds.left>furthestRightCursorBound){cursorBoundsLeft=furthestRightCursorBound;}else if(cursorBounds.left<furthestLeftCursorBound){cursorBoundsLeft=furthestLeftCursorBound;}this.setState({handle:{visible:true,animateIntoPosition,x:cursorBoundsLeft+cursorWidth/2-containerBounds.left,y:cursorBounds.bottom+gapBelowCursor-containerBounds.top}});},this._hideCursorHandle=()=>{this.setState({handle:{visible:false,x:0,y:0}});},this._handleScroll=()=>{if(this.state.handle.animateIntoPosition!==false){this._hideCursorHandle();}},this.blur=()=>{this.mathField.blur();this.setState({showInputFocusStyle:false,handle:{visible:false}});},this.focus=setKeypadActive=>{this.props.keypadElement?.setKeyHandler(key=>{const cursor=this.mathField.pressKey(key);const hideCursor=()=>{this.setState({handle:{visible:false}});};const value=this.mathField.getContent();if(this.props.value!==value){this.props.onChange(value,hideCursor);}else {hideCursor();}return cursor});this.mathField.focus();this.props?.onFocus();setKeypadActive(true);this.setState({focused:true,showInputFocusStyle:true},()=>{setTimeout(()=>{if(this._isMounted){const maybeKeypadNode=this.props.keypadElement?.getDOMNode();scrollIntoView(this._container,maybeKeypadNode);}});});},this.handleTouchStart=(e,keypadActive,setKeypadActive)=>{e.stopPropagation();this._hideCursorHandle();if(this.mathField.getContent()!==""){this._containerBounds=this._container.getBoundingClientRect();const touch=e.changedTouches[0];this._insertCursorAtClosestNode(touch.clientX,touch.clientY);}if(this.state.focused&&!keypadActive){setKeypadActive(true);}if(!this.state.focused){this.focus(setKeypadActive);}this.inputRef?.focus();},this.handleClick=(e,keypadActive,setKeypadActive)=>{e.stopPropagation();this._hideCursorHandle();if(this.mathField.getContent()!==""){this._containerBounds=this._container.getBoundingClientRect();this._insertCursorAtClosestNode(e.clientX,e.clientY);}if(this.state.focused&&!keypadActive){setKeypadActive(true);}if(!this.state.focused){this.focus(setKeypadActive);}this.inputRef?.focus();},this.handleTouchMove=e=>{e.stopPropagation();if(this.mathField.getContent()!==""&&this.state.focused){const touch=e.changedTouches[0];this._insertCursorAtClosestNode(touch.clientX,touch.clientY);}},this.handleTouchEnd=e=>{e.stopPropagation();if(this.mathField.getContent()!==""&&this.state.focused){this._updateCursorHandle();}},this.onCursorHandleTouchStart=e=>{e.stopPropagation();e.preventDefault();this._containerBounds=this._container.getBoundingClientRect();},this.onCursorHandleTouchMove=e=>{e.stopPropagation();const x=e.changedTouches[0].clientX;const y=e.changedTouches[0].clientY;const relativeX=x-this._containerBounds.left;const relativeY=y-2*cursorHandleRadiusPx*cursorHandleDistanceMultiplier-this._containerBounds.top;this.setState({handle:{animateIntoPosition:false,visible:true,x:this._constrainToBound(relativeX,0,this._containerBounds.width,constrainingFrictionFactor),y:this._constrainToBound(relativeY,0,this._containerBounds.height,constrainingFrictionFactor)}});const distanceAboveFingerToTrySelecting=22;const adjustedY=y-distanceAboveFingerToTrySelecting;this._insertCursorAtClosestNode(x,adjustedY);},this.onCursorHandleTouchEnd=e=>{e.stopPropagation();this._updateCursorHandle(true);},this.onCursorHandleTouchCancel=e=>{e.stopPropagation();this._updateCursorHandle(true);},this.domKeyToMathQuillKey=key=>{const keyMap={"+":"PLUS","-":"MINUS","*":"TIMES","/":"DIVIDE",".":"DECIMAL","%":"PERCENT","=":"EQUAL",">":"GT","<":"LT","^":"EXP"};if(["0","1","2","3","4","5","6","7","8","9"].includes(key)){return `NUM_${key}`}else if(key==="Backspace"){return "BACKSPACE"}else if(key in keyMap){return keyMap[key]}return null},this.handleKeyUp=e=>{const mathQuillKey=this.domKeyToMathQuillKey(e.key);if(mathQuillKey){this.mathField.pressKey(mathQuillKey);const value=this.mathField.getContent();if(this.props.value!==value){this.mathField.setContent(this.props.value);this.props.onChange(value,()=>{});this._hideCursorHandle();}}},this.getBorderWidthPx=()=>{const normalBorderWidthPx=1;const focusedBorderWidthPx=2;return this.state.focused?focusedBorderWidthPx:normalBorderWidthPx},this.getInputInnerPadding=()=>{const paddingInset=totalDesiredPadding-this.getBorderWidthPx();const symbolaPaddingBottom=3;const symbolaPaddingTop=1;const cursorPadding=2;const padding={paddingTop:paddingInset-symbolaPaddingTop,paddingRight:paddingInset+cursorPadding,paddingBottom:paddingInset-symbolaPaddingBottom,paddingLeft:paddingInset+cursorPadding};return padding};}}MathInput.contextType=MathInputI18nContext;MathInput.defaultProps={style:{},value:""};MathInput.contextType=MathInputI18nContext;const fontSizePt=18;const inputMaxWidth=128;const numeralHeightPx=20;const totalDesiredPadding=12;const minHeightPx=numeralHeightPx+totalDesiredPadding*2;const minWidthPx=64;const styles$6=aphrodite.StyleSheet.create({input:{position:"relative",display:"inline-block",verticalAlign:"middle",maxWidth:inputMaxWidth}});const inlineStyles={innerContainer:{backgroundColor:"white",minHeight:minHeightPx,minWidth:minWidthPx,maxWidth:inputMaxWidth,boxSizing:"border-box",position:"relative",borderStyle:"solid",borderColor:wonderBlocksTokens.semanticColor.core.border.neutral.default,borderRadius:4,color:wonderBlocksTokens.semanticColor.core.foreground.neutral.strong}};
|
|
1466
1466
|
|
|
1467
1467
|
const getDefaultOperatorFields=({key,keyType="OPERATOR",ariaLabel=key,data=key})=>({id:key,type:keyType,ariaLabel,icon:{data}});const getDefaultValueFields=({key,keyType="VALUE",ariaLabel=key,data=key})=>({id:key,type:keyType,ariaLabel,icon:{data}});const getDefaultNumberFields=({key,data=key.replace("NUM_",""),keyType="VALUE",ariaLabel=data})=>({id:key,type:keyType,ariaLabel,icon:{data}});const KeyConfigs=strings=>({PLUS:{...getDefaultOperatorFields({key:"PLUS",ariaLabel:strings.plus})},MINUS:{...getDefaultOperatorFields({key:"MINUS",ariaLabel:strings.minus})},NEGATIVE:{...getDefaultOperatorFields({key:"NEGATIVE",ariaLabel:strings.negative})},TIMES:{...getDefaultOperatorFields({key:"TIMES",ariaLabel:strings.times})},DIVIDE:{...getDefaultOperatorFields({key:"DIVIDE",ariaLabel:strings.divide})},DECIMAL:{...getDefaultOperatorFields({key:"DECIMAL",keyType:"VALUE",ariaLabel:strings.decimal})},PERIOD:{...getDefaultOperatorFields({key:"PERIOD",keyType:"VALUE",ariaLabel:"."})},PERCENT:{...getDefaultOperatorFields({key:"PERCENT",ariaLabel:strings.percent})},CDOT:{...getDefaultOperatorFields({key:"CDOT",ariaLabel:strings.cdot})},EQUAL:{...getDefaultOperatorFields({key:"EQUAL",ariaLabel:strings.equalsSign})},NEQ:{...getDefaultOperatorFields({key:"NEQ",ariaLabel:strings.notEqualsSign})},GT:{...getDefaultOperatorFields({key:"GT",ariaLabel:strings.greaterThanSign})},LT:{...getDefaultOperatorFields({key:"LT",ariaLabel:strings.lessThanSign})},GEQ:{...getDefaultOperatorFields({key:"GEQ",ariaLabel:strings.greaterThanOrEqualToSign})},LEQ:{...getDefaultOperatorFields({key:"LEQ",ariaLabel:strings.lessThanOrEqualSign})},FRAC_INCLUSIVE:{...getDefaultOperatorFields({key:"FRAC_INCLUSIVE",ariaLabel:strings.fractionExpressionInNumerator})},FRAC_EXCLUSIVE:{...getDefaultOperatorFields({key:"FRAC_EXCLUSIVE",ariaLabel:strings.fractionExcludingExpression})},FRAC:{...getDefaultOperatorFields({key:"FRAC",ariaLabel:strings.fractionExcludingExpression})},EXP:{...getDefaultOperatorFields({key:"EXP",ariaLabel:strings.customExponent})},EXP_2:{...getDefaultOperatorFields({key:"EXP_2",ariaLabel:strings.square})},EXP_3:{...getDefaultOperatorFields({key:"EXP_3",ariaLabel:strings.cube})},SQRT:{...getDefaultOperatorFields({key:"SQRT",ariaLabel:strings.squareRoot})},CUBE_ROOT:{...getDefaultOperatorFields({key:"CUBE_ROOT",ariaLabel:strings.cubeRoot})},RADICAL:{...getDefaultOperatorFields({key:"RADICAL",ariaLabel:strings.radicalWithCustomRoot})},LEFT_PAREN:{...getDefaultOperatorFields({key:"LEFT_PAREN",ariaLabel:strings.leftParenthesis})},RIGHT_PAREN:{...getDefaultOperatorFields({key:"RIGHT_PAREN",ariaLabel:strings.rightParenthesis})},LN:{...getDefaultOperatorFields({key:"LN",ariaLabel:strings.naturalLog})},LOG:{...getDefaultOperatorFields({key:"LOG",ariaLabel:strings.logBase10})},LOG_N:{...getDefaultOperatorFields({key:"LOG_N",ariaLabel:strings.logCustomBase})},SIN:{...getDefaultOperatorFields({key:"SIN",ariaLabel:strings.sine})},COS:{...getDefaultOperatorFields({key:"COS",ariaLabel:strings.cosine})},TAN:{...getDefaultOperatorFields({key:"TAN",ariaLabel:strings.tangent})},PI:{...getDefaultValueFields({key:"PI",data:"\\pi",ariaLabel:strings.pi})},THETA:{...getDefaultValueFields({key:"THETA",data:"\\theta",ariaLabel:strings.theta})},UP:{...getDefaultOperatorFields({key:"UP",keyType:"INPUT_NAVIGATION",ariaLabel:strings.upArrow})},RIGHT:{...getDefaultOperatorFields({key:"RIGHT",keyType:"INPUT_NAVIGATION",ariaLabel:strings.rightArrow})},DOWN:{...getDefaultOperatorFields({key:"DOWN",keyType:"INPUT_NAVIGATION",ariaLabel:strings.downArrow})},LEFT:{...getDefaultOperatorFields({key:"LEFT",keyType:"INPUT_NAVIGATION",ariaLabel:strings.leftArrow})},JUMP_OUT_PARENTHESES:{...getDefaultOperatorFields({key:"JUMP_OUT_PARENTHESES",keyType:"INPUT_NAVIGATION",ariaLabel:strings.navOutOfParentheses})},JUMP_OUT_EXPONENT:{...getDefaultOperatorFields({key:"JUMP_OUT_EXPONENT",keyType:"INPUT_NAVIGATION",ariaLabel:strings.navOutOfExponent})},JUMP_OUT_BASE:{...getDefaultOperatorFields({key:"JUMP_OUT_BASE",keyType:"INPUT_NAVIGATION",ariaLabel:strings.navOutOfBase})},JUMP_INTO_NUMERATOR:{...getDefaultOperatorFields({key:"JUMP_INTO_NUMERATOR",keyType:"INPUT_NAVIGATION",ariaLabel:strings.navIntoNumerator})},JUMP_OUT_NUMERATOR:{...getDefaultOperatorFields({key:"JUMP_OUT_NUMERATOR",keyType:"INPUT_NAVIGATION",ariaLabel:strings.navOutOfNumeratorIntoDenominator})},JUMP_OUT_DENOMINATOR:{...getDefaultOperatorFields({key:"JUMP_OUT_DENOMINATOR",keyType:"INPUT_NAVIGATION",ariaLabel:strings.navOutOfDenominator})},BACKSPACE:{...getDefaultOperatorFields({key:"BACKSPACE",keyType:"INPUT_NAVIGATION",ariaLabel:strings.delete})},DISMISS:{...getDefaultOperatorFields({key:"DISMISS",keyType:"KEYPAD_NAVIGATION",ariaLabel:strings.dismiss})},NUM_0:{...getDefaultNumberFields({key:"NUM_0"})},NUM_1:{...getDefaultNumberFields({key:"NUM_1"})},NUM_2:{...getDefaultNumberFields({key:"NUM_2"})},NUM_3:{...getDefaultNumberFields({key:"NUM_3"})},NUM_4:{...getDefaultNumberFields({key:"NUM_4"})},NUM_5:{...getDefaultNumberFields({key:"NUM_5"})},NUM_6:{...getDefaultNumberFields({key:"NUM_6"})},NUM_7:{...getDefaultNumberFields({key:"NUM_7"})},NUM_8:{...getDefaultNumberFields({key:"NUM_8"})},NUM_9:{...getDefaultNumberFields({key:"NUM_9"})},A:{...getDefaultValueFields({key:"A"})},B:{...getDefaultValueFields({key:"B"})},C:{...getDefaultValueFields({key:"C"})},D:{...getDefaultValueFields({key:"D"})},E:{...getDefaultValueFields({key:"E"})},F:{...getDefaultValueFields({key:"F"})},G:{...getDefaultValueFields({key:"G"})},H:{...getDefaultValueFields({key:"H"})},I:{...getDefaultValueFields({key:"I"})},J:{...getDefaultValueFields({key:"J"})},K:{...getDefaultValueFields({key:"K"})},L:{...getDefaultValueFields({key:"L"})},M:{...getDefaultValueFields({key:"M"})},N:{...getDefaultValueFields({key:"N"})},O:{...getDefaultValueFields({key:"O"})},P:{...getDefaultValueFields({key:"P"})},Q:{...getDefaultValueFields({key:"Q"})},R:{...getDefaultValueFields({key:"R"})},S:{...getDefaultValueFields({key:"S"})},T:{...getDefaultValueFields({key:"T"})},U:{...getDefaultValueFields({key:"U"})},V:{...getDefaultValueFields({key:"V"})},W:{...getDefaultValueFields({key:"W"})},X:{...getDefaultValueFields({key:"X"})},Y:{...getDefaultValueFields({key:"Y"})},Z:{...getDefaultValueFields({key:"Z"})},a:{...getDefaultValueFields({key:"a"})},b:{...getDefaultValueFields({key:"b"})},c:{...getDefaultValueFields({key:"c"})},d:{...getDefaultValueFields({key:"d"})},e:{...getDefaultValueFields({key:"e"})},f:{...getDefaultValueFields({key:"f"})},g:{...getDefaultValueFields({key:"g"})},h:{...getDefaultValueFields({key:"h"})},i:{...getDefaultValueFields({key:"i"})},j:{...getDefaultValueFields({key:"j"})},k:{...getDefaultValueFields({key:"k"})},l:{...getDefaultValueFields({key:"l"})},m:{...getDefaultValueFields({key:"m"})},n:{...getDefaultValueFields({key:"n"})},o:{...getDefaultValueFields({key:"o"})},p:{...getDefaultValueFields({key:"p"})},q:{...getDefaultValueFields({key:"q"})},r:{...getDefaultValueFields({key:"r"})},s:{...getDefaultValueFields({key:"s"})},t:{...getDefaultValueFields({key:"t"})},u:{...getDefaultValueFields({key:"u"})},v:{...getDefaultValueFields({key:"v"})},w:{...getDefaultValueFields({key:"w"})},x:{...getDefaultValueFields({key:"x"})},y:{...getDefaultValueFields({key:"y"})},z:{...getDefaultValueFields({key:"z"})}});
|
|
1468
1468
|
|