@khanacademy/math-input 26.3.5 → 26.3.7
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/keypad/keypad-fractions-only.d.ts +1 -1
- package/dist/es/index.css +1 -1
- package/dist/es/index.css.map +1 -1
- package/dist/es/index.js +4 -4
- 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 +3 -3
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import type { KeypadProps } from "./keypad";
|
|
3
|
-
export type KeypadFractionsOnlyProps = Pick<KeypadProps, "fractionsOnly" | "onClickKey" | "cursorContext" | "convertDotToTimes" | "divisionKey" | "expandedView">;
|
|
3
|
+
export type KeypadFractionsOnlyProps = Pick<KeypadProps, "fractionsOnly" | "onClickKey" | "cursorContext" | "convertDotToTimes" | "divisionKey" | "expandedView" | "showDismiss">;
|
|
4
4
|
export declare function KeypadFractionsOnly(props: KeypadFractionsOnlyProps): React.JSX.Element;
|
package/dist/es/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.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/es/assets/Symbola.eot);src:local("Symbola Regular"),local("Symbola"),url(../dist/es/assets/Symbola.woff2) format("woff2"),url(../dist/es/assets/Symbola.woff) format("woff"),url(../dist/es/assets/Symbola.ttf) format("truetype"),url(../dist/es/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}.perseus_iuyzrV45{background-color:var(--wb-semanticColor-core-background-base-default)}.perseus_3-D04Uig{border-color:var(--wb-semanticColor-core-border-neutral-default);border-radius:3px 3px 0 0;border-width:1px 1px 0;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
|
+
.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/es/assets/Symbola.eot);src:local("Symbola Regular"),local("Symbola"),url(../dist/es/assets/Symbola.woff2) format("woff2"),url(../dist/es/assets/Symbola.woff) format("woff"),url(../dist/es/assets/Symbola.ttf) format("truetype"),url(../dist/es/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)}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
package/dist/es/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../node_modules/.pnpm/mathquill@https+++codeload.github.com+Khan+mathquill+tar.gz+c9e4329b0bc5d9b4c21d765b576_25611360f785121db7b271e2242015e3/node_modules/mathquill/build/mathquill.css","main.css","keypad.module.css","render-keypad-panel.module.css"],"names":[],"mappings":"AAoBA,6BAKE,QAAW,CAHX,YAAa,CAKb,eAAgB,CANhB,iBAAkB,CAKlB,eAAgB,CAHhB,WAAY,CACZ,OAIF,CACA,WACE,mBAAoB,CACpB,sCAA2B,CAC3B,oQACF,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,CACA,8BAGE,YAAc,CAFd,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","file":"index.css","sourcesContent":["/**\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","@import \"mathquill/build/mathquill.css\";\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",".keypad-outer-container {\n display: flex;\n align-items: center;\n}\n\n.wrapper {\n background-color: var(--wb-semanticColor-core-background-base-default);\n}\n\n.expanded-wrapper {\n border-width: 1px 1px 0 1px;\n border-color: var(--wb-semanticColor-core-border-neutral-default);\n /* see expandedViewThreshold */\n max-width: 500px;\n border-radius: 3px 3px 0 0;\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":["../../../node_modules/.pnpm/mathquill@https+++codeload.github.com+Khan+mathquill+tar.gz+c9e4329b0bc5d9b4c21d765b576_25611360f785121db7b271e2242015e3/node_modules/mathquill/build/mathquill.css","main.css","keypad.module.css","render-keypad-panel.module.css"],"names":[],"mappings":"AAoBA,6BAKE,QAAW,CAHX,YAAa,CAKb,eAAgB,CANhB,iBAAkB,CAKlB,eAAgB,CAHhB,WAAY,CACZ,OAIF,CACA,WACE,mBAAoB,CACpB,sCAA2B,CAC3B,oQACF,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,CACA,8BAGE,YAAc,CAFd,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","file":"index.css","sourcesContent":["/**\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","@import \"mathquill/build/mathquill.css\";\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",".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/es/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import React__default, { useContext, useEffect } from 'react';
|
|
4
4
|
import { KeypadContext } from '@khanacademy/keypad-context';
|
|
5
5
|
import { View } from '@khanacademy/wonder-blocks-core';
|
|
6
|
-
import { color, semanticColor, sizing } from '@khanacademy/wonder-blocks-tokens';
|
|
6
|
+
import { color, border, semanticColor, sizing } from '@khanacademy/wonder-blocks-tokens';
|
|
7
7
|
import { entries } from '@khanacademy/wonder-stuff-core';
|
|
8
8
|
import { StyleSheet, css } from 'aphrodite';
|
|
9
9
|
import ReactDOM from 'react-dom';
|
|
@@ -17,7 +17,7 @@ import { TransitionGroup } from 'react-transition-group';
|
|
|
17
17
|
import { withActionScheduler } from '@khanacademy/wonder-blocks-timing';
|
|
18
18
|
import PropTypes from 'prop-types';
|
|
19
19
|
|
|
20
|
-
const libName="@khanacademy/math-input";const libVersion="26.3.
|
|
20
|
+
const libName="@khanacademy/math-input";const libVersion="26.3.7";addLibraryVersionToPerseusDebug(libName,libVersion);
|
|
21
21
|
|
|
22
22
|
function getDefaultExportFromCjs (x) {
|
|
23
23
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
@@ -1456,7 +1456,7 @@ function SharedKeys(props){const{onClickKey,cursorContext,divisionKey,convertDot
|
|
|
1456
1456
|
|
|
1457
1457
|
function RenderKeyPadPanel({children,fractionsOnly,onClickKey,cursorContext,convertDotToTimes,divisionKey,expandedView,selectedPage}){const gridStyle=fractionsOnly?styles$1.fractionsGrid:styles$1.expressionGrid;return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment,{children:[jsxRuntimeExports.jsxs(View,{className:`${styles$1.keypadGrid} ${gridStyle}`,"aria-label":"Keypad",children:[children,!fractionsOnly&&jsxRuntimeExports.jsx(SharedKeys,{onClickKey:onClickKey,cursorContext:cursorContext,convertDotToTimes:convertDotToTimes,divisionKey:divisionKey,selectedPage:selectedPage})]}),expandedView&&jsxRuntimeExports.jsx(NavigationPad,{onClickKey:onClickKey})]})}
|
|
1458
1458
|
|
|
1459
|
-
const keypadInnerContainerStyle={display:"flex",flexDirection:"row",flexWrap:"nowrap",backgroundColor:semanticColor.core.background.disabled.strong,direction:"ltr"};function KeypadFractionsOnly(props){const{onClickKey,cursorContext,expandedView}=props;const selectedPage="Fractions";return jsxRuntimeExports.jsx(View,{className:expandedView?styles$4.keypadOuterContainer:"",children:jsxRuntimeExports.
|
|
1459
|
+
const keypadOuterContainerStyle$1={display:"flex",alignItems:"center",justifyContent:"center"};const expandedWrapperStyle$1={borderWidth:border.width.thin,borderStyle:"solid",borderColor:semanticColor.core.border.neutral.subtle,maxWidth:500,borderRadius:border.radius.radius_040};const keypadInnerContainerStyle={display:"flex",flexDirection:"row",flexWrap:"nowrap",backgroundColor:semanticColor.core.background.disabled.strong,direction:"ltr"};const headerBarStyle={display:"flex",alignItems:"center",paddingInline:sizing.size_080,paddingBlockStart:sizing.size_080,paddingBlockEnd:sizing.size_080};function KeypadFractionsOnly(props){const{onClickKey,cursorContext,expandedView,showDismiss}=props;const selectedPage="Fractions";return jsxRuntimeExports.jsx(View,{className:expandedView?styles$4.keypadOuterContainer:"",style:expandedView?keypadOuterContainerStyle$1:undefined,children:jsxRuntimeExports.jsxs(View,{className:`${styles$4.wrapper} ${expandedView?styles$4.expandedWrapper:""}`,style:expandedView?expandedWrapperStyle$1:undefined,children:[showDismiss&&jsxRuntimeExports.jsx(View,{style:headerBarStyle,children:jsxRuntimeExports.jsx(View,{style:{marginLeft:"auto"},children:jsxRuntimeExports.jsx(IconButton,{icon:xBold,kind:"tertiary","aria-label":"Dismiss",onClick:()=>onClickKey("DISMISS"),size:"xsmall",tabIndex:0,style:{color:semanticColor.core.foreground.neutral.default}})})}),jsxRuntimeExports.jsx(View,{style:keypadInnerContainerStyle,children:jsxRuntimeExports.jsx(RenderKeyPadPanel,{...props,selectedPage:selectedPage,children:jsxRuntimeExports.jsx(FractionsPage,{onClickKey:onClickKey,cursorContext:cursorContext})})})]})})}
|
|
1460
1460
|
|
|
1461
1461
|
const columns=3;function ExtrasPage(props){const{extraKeys,onClickKey}=props;const{strings}=useMathInputI18n();const Keys=KeyConfigs(strings);return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment,{children:extraKeys.map((key,i)=>{const coordX=i%columns;const coordY=i/columns;return jsxRuntimeExports.jsx(KeypadButton,{keyConfig:Keys[key],onClickKey:onClickKey,coord:[coordX,coordY]},key)})})}
|
|
1462
1462
|
|
|
@@ -1470,7 +1470,7 @@ const TabIconLabel=function({tintColor,type}){switch(type){case "Geometry":{retu
|
|
|
1470
1470
|
|
|
1471
1471
|
function getAvailableTabs(props,selectedPage){const{onClickKey,cursorContext,preAlgebra,logarithms,basicRelations,advancedRelations,scientific,extraKeys}=props;const tabPanels=[{id:"Fractions",label:jsxRuntimeExports.jsx(TabIconLabel,{type:"Fractions",tintColor:"currentColor"}),panel:jsxRuntimeExports.jsx(RenderKeyPadPanel,{...props,selectedPage:selectedPage,children:jsxRuntimeExports.jsx(FractionsPage,{onClickKey:onClickKey,cursorContext:cursorContext})}),"aria-label":"Fractions"},{id:"Numbers",label:jsxRuntimeExports.jsx(TabIconLabel,{type:"Numbers",tintColor:"currentColor"}),panel:jsxRuntimeExports.jsx(RenderKeyPadPanel,{...props,selectedPage:selectedPage,children:jsxRuntimeExports.jsx(NumbersPage,{onClickKey:onClickKey,scientific:scientific})}),"aria-label":"Numbers"},{id:"Extras",label:jsxRuntimeExports.jsx(TabIconLabel,{type:"Extras",tintColor:"currentColor"}),panel:jsxRuntimeExports.jsx(RenderKeyPadPanel,{...props,selectedPage:selectedPage,children:jsxRuntimeExports.jsx(ExtrasPage,{onClickKey:onClickKey,extraKeys:extraKeys??[]})}),"aria-label":"Extras"},{id:"Operators",label:jsxRuntimeExports.jsx(TabIconLabel,{type:"Operators",tintColor:"currentColor"}),panel:jsxRuntimeExports.jsx(RenderKeyPadPanel,{...props,selectedPage:selectedPage,children:jsxRuntimeExports.jsx(OperatorsPage,{onClickKey:onClickKey,preAlgebra:preAlgebra,logarithms:logarithms,basicRelations:basicRelations,advancedRelations:advancedRelations})}),"aria-label":"Operators"},{id:"Geometry",label:jsxRuntimeExports.jsx(TabIconLabel,{type:"Geometry",tintColor:"currentColor"}),panel:jsxRuntimeExports.jsx(RenderKeyPadPanel,{...props,selectedPage:selectedPage,children:jsxRuntimeExports.jsx(GeometryPage,{onClickKey:onClickKey})}),"aria-label":"Geometry"}];const tabIds=["Numbers"];if(props.preAlgebra||props.logarithms||props.basicRelations||props.advancedRelations){tabIds.push("Operators");}if(props.trigonometry){tabIds.push("Geometry");}if(props.extraKeys?.length){tabIds.push("Extras");}return tabPanels.filter(tab=>tabIds.includes(tab.id))}
|
|
1472
1472
|
|
|
1473
|
-
const tabsStyles={tab:{marginBlockStart:sizing.size_080,marginBlockEnd:sizing.size_080},tablist:{gap:sizing.size_080,paddingInline:sizing.size_080},tabPanel:{display:"flex",flexDirection:"row",flexWrap:"nowrap",backgroundColor:semanticColor.core.background.disabled.strong,direction:"ltr"}};function Keypad({extraKeys=[],...props}){const{onAnalyticsEvent,fractionsOnly,expandedView,showDismiss,onClickKey}=props;const defaultSelectedPage=fractionsOnly?"Fractions":"Numbers";const[selectedPage,setSelectedPage]=React.useState(defaultSelectedPage);const[isMounted,setIsMounted]=React.useState(false);useEffect(()=>{setSelectedPage(defaultSelectedPage);},[fractionsOnly,defaultSelectedPage]);useEffect(()=>{if(!isMounted){onAnalyticsEvent({type:"math-input:keypad-opened",payload:{virtualKeypadVersion:"MATH_INPUT_KEYPAD_V2"}});setIsMounted(true);}return ()=>{if(isMounted){onAnalyticsEvent({type:"math-input:keypad-closed",payload:{virtualKeypadVersion:"MATH_INPUT_KEYPAD_V2"}});setIsMounted(false);}}},[onAnalyticsEvent,isMounted]);if(fractionsOnly){return jsxRuntimeExports.jsx(KeypadFractionsOnly,{...props})}const availableTabs=getAvailableTabs({...props,extraKeys},selectedPage);return jsxRuntimeExports.jsx(View,{className:expandedView?styles$4.keypadOuterContainer:"",children:jsxRuntimeExports.jsxs(View,{className:`${styles$4.wrapper} ${expandedView?styles$4.expandedWrapper:""}`,style:{position:"relative"},children:[showDismiss&&jsxRuntimeExports.jsx(View,{style:{position:"absolute",top:sizing.size_120,right:sizing.size_080,zIndex:10},children:jsxRuntimeExports.jsx(IconButton,{icon:xBold,kind:"tertiary","aria-label":"Dismiss",onClick:()=>onClickKey("DISMISS"),size:"xsmall",tabIndex:0,style:{color:semanticColor.core.foreground.neutral.default}})}),jsxRuntimeExports.jsx(Tabs,{"aria-label":"Keypad",tabs:availableTabs,selectedTabId:selectedPage,onTabSelected:newSelectedPage=>{setSelectedPage(newSelectedPage);},styles:tabsStyles})]})})}
|
|
1473
|
+
const keypadOuterContainerStyle={display:"flex",alignItems:"center",justifyContent:"center"};const expandedWrapperStyle={borderWidth:border.width.thin,borderStyle:"solid",borderColor:semanticColor.core.border.neutral.subtle,maxWidth:500,borderRadius:border.radius.radius_040};const tabsStyles={tab:{marginBlockStart:sizing.size_080,marginBlockEnd:sizing.size_080},tablist:{gap:sizing.size_080,paddingInline:sizing.size_080},tabPanel:{display:"flex",flexDirection:"row",flexWrap:"nowrap",backgroundColor:semanticColor.core.background.disabled.strong,direction:"ltr"}};function Keypad({extraKeys=[],...props}){const{onAnalyticsEvent,fractionsOnly,expandedView,showDismiss,onClickKey}=props;const defaultSelectedPage=fractionsOnly?"Fractions":"Numbers";const[selectedPage,setSelectedPage]=React.useState(defaultSelectedPage);const[isMounted,setIsMounted]=React.useState(false);useEffect(()=>{setSelectedPage(defaultSelectedPage);},[fractionsOnly,defaultSelectedPage]);useEffect(()=>{if(!isMounted){onAnalyticsEvent({type:"math-input:keypad-opened",payload:{virtualKeypadVersion:"MATH_INPUT_KEYPAD_V2"}});setIsMounted(true);}return ()=>{if(isMounted){onAnalyticsEvent({type:"math-input:keypad-closed",payload:{virtualKeypadVersion:"MATH_INPUT_KEYPAD_V2"}});setIsMounted(false);}}},[onAnalyticsEvent,isMounted]);if(fractionsOnly){return jsxRuntimeExports.jsx(KeypadFractionsOnly,{...props})}const availableTabs=getAvailableTabs({...props,extraKeys},selectedPage);return jsxRuntimeExports.jsx(View,{className:expandedView?styles$4.keypadOuterContainer:"",style:expandedView?keypadOuterContainerStyle:undefined,children:jsxRuntimeExports.jsxs(View,{className:`${styles$4.wrapper} ${expandedView?styles$4.expandedWrapper:""}`,style:expandedView?{...expandedWrapperStyle,position:"relative"}:{position:"relative"},children:[showDismiss&&jsxRuntimeExports.jsx(View,{style:{position:"absolute",top:sizing.size_120,right:sizing.size_080,zIndex:10},children:jsxRuntimeExports.jsx(IconButton,{icon:xBold,kind:"tertiary","aria-label":"Dismiss",onClick:()=>onClickKey("DISMISS"),size:"xsmall",tabIndex:0,style:{color:semanticColor.core.foreground.neutral.default}})}),jsxRuntimeExports.jsx(Tabs,{"aria-label":"Keypad",tabs:availableTabs,selectedTabId:selectedPage,onTabSelected:newSelectedPage=>{setSelectedPage(newSelectedPage);},styles:tabsStyles})]})})}
|
|
1474
1474
|
|
|
1475
1475
|
function flatten(list){const result=[];if(!list){return result}if(Array.isArray(list)){for(const item of list){result.push(...flatten(item));}}else {result.push(list);}return result}function processStyleType(style){const stylesheetStyles=[];const inlineStyles=[];if(!style){return {style:{},className:""}}const shouldInlineStyles=typeof globalThis!=="undefined"&&globalThis.SNAPSHOT_INLINE_APHRODITE;flatten(style).forEach(child=>{const _definition=child._definition;if(_definition!=null){if(shouldInlineStyles){const def={};for(const[key,value]of entries(_definition)){def[key.replace(/-[a-z]/g,match=>match[1].toUpperCase())]=value;}inlineStyles.push(def);}else {stylesheetStyles.push(child);}}else {inlineStyles.push(child);}});const inlineStylesObject=Object.assign({},...inlineStyles);if(inlineStyles.length>0&&!shouldInlineStyles){const inlineStylesStyleSheet=StyleSheet.create({inlineStyles:inlineStylesObject});stylesheetStyles.push(inlineStylesStyleSheet.inlineStyles);}return {style:shouldInlineStyles?inlineStylesObject:{},className:css(...stylesheetStyles)}}
|
|
1476
1476
|
|