@genesislcap/foundation-ui 14.491.0-FUI-2567.1 → 14.491.0-GENC-1390.2
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/custom-elements.json +1 -800
- package/dist/dts/base-components.d.ts +0 -11
- package/dist/dts/base-components.d.ts.map +1 -1
- package/dist/dts/index.d.ts +0 -1
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/react.d.ts +0 -11
- package/dist/esm/base-components.js +0 -2
- package/dist/esm/index.js +0 -1
- package/dist/foundation-ui.api.json +68 -1089
- package/dist/foundation-ui.d.ts +0 -165
- package/dist/react.cjs +0 -19
- package/dist/react.mjs +0 -18
- package/package.json +19 -19
- package/dist/dts/verification-code-input/index.d.ts +0 -4
- package/dist/dts/verification-code-input/index.d.ts.map +0 -1
- package/dist/dts/verification-code-input/verification-code-input.d.ts +0 -145
- package/dist/dts/verification-code-input/verification-code-input.d.ts.map +0 -1
- package/dist/dts/verification-code-input/verification-code-input.styles.d.ts +0 -3
- package/dist/dts/verification-code-input/verification-code-input.styles.d.ts.map +0 -1
- package/dist/dts/verification-code-input/verification-code-input.template.d.ts +0 -3
- package/dist/dts/verification-code-input/verification-code-input.template.d.ts.map +0 -1
- package/dist/esm/verification-code-input/index.js +0 -3
- package/dist/esm/verification-code-input/verification-code-input.js +0 -437
- package/dist/esm/verification-code-input/verification-code-input.styles.js +0 -108
- package/dist/esm/verification-code-input/verification-code-input.template.js +0 -55
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"type": {
|
|
13
13
|
"text": "object"
|
|
14
14
|
},
|
|
15
|
-
"default": "{\n foundationAccordion,\n foundationAiCriteriaSearch,\n foundationAiIndicator,\n foundationAccordionItem,\n foundationActionsMenu,\n foundationAnchor,\n foundationAnchoredRegion,\n foundationAvatar,\n foundationBadge,\n foundationBanner,\n foundationBreadcrumb,\n foundationBreadcrumbItem,\n foundationButton,\n foundationCalendar,\n foundationCard,\n foundationCategorizedMultiselect,\n foundationCheckbox,\n foundationCombobox,\n foundationConnectionIndicator,\n foundationDataGrid,\n foundationDataGridCell,\n foundationDataGridRow,\n foundationDatePicker,\n foundationDesignSystemProvider,\n foundationDialog,\n foundationDisclosure,\n foundationDivider,\n foundationDropdownMenu,\n foundationErrorBanner,\n foundationErrorBoundary,\n foundationErrorDialog,\n foundationFileReader,\n foundationFileUpload,\n foundationFilter,\n foundationFilterBar,\n foundationFlexLayout,\n foundationFlipper,\n foundationFlyout,\n foundationGridLayout,\n foundationGridLayoutItem,\n foundationHorizontalScroll,\n foundationIcon,\n foundationListbox,\n foundationListboxOption,\n foundationMenu,\n foundationMenuItem,\n foundationModal,\n foundationMultiselect,\n foundationNumberField,\n foundationOptgroup,\n foundationPopper,\n foundationProgress,\n foundationProgressRing,\n foundationRadio,\n foundationRadioGroup,\n foundationScheduler,\n foundationSchedulerCronBuilder,\n foundationSchedulerTimezone,\n foundationSearchBar,\n foundationSearchBarCombobox,\n foundationSegmentedControl,\n foundationSegmentedItem,\n foundationSelect,\n foundationSkeleton,\n foundationSlider,\n foundationSliderLabel,\n foundationSnackbar,\n foundationStackingIcons,\n foundationStatusPill,\n foundationEnvironmentIndicator,\n foundationStepperTab,\n foundationStepperTabPanel,\n foundationSwitch,\n foundationSystemHealthOverlay,\n foundationTab,\n foundationTabPanel,\n foundationTabs,\n foundationTextArea,\n foundationTextField,\n foundationToast,\n foundationToolbar,\n foundationTooltip,\n foundationTreeItem,\n foundationTreeView,\n foundationUrlInput,\n
|
|
15
|
+
"default": "{\n foundationAccordion,\n foundationAiCriteriaSearch,\n foundationAiIndicator,\n foundationAccordionItem,\n foundationActionsMenu,\n foundationAnchor,\n foundationAnchoredRegion,\n foundationAvatar,\n foundationBadge,\n foundationBanner,\n foundationBreadcrumb,\n foundationBreadcrumbItem,\n foundationButton,\n foundationCalendar,\n foundationCard,\n foundationCategorizedMultiselect,\n foundationCheckbox,\n foundationCombobox,\n foundationConnectionIndicator,\n foundationDataGrid,\n foundationDataGridCell,\n foundationDataGridRow,\n foundationDatePicker,\n foundationDesignSystemProvider,\n foundationDialog,\n foundationDisclosure,\n foundationDivider,\n foundationDropdownMenu,\n foundationErrorBanner,\n foundationErrorBoundary,\n foundationErrorDialog,\n foundationFileReader,\n foundationFileUpload,\n foundationFilter,\n foundationFilterBar,\n foundationFlexLayout,\n foundationFlipper,\n foundationFlyout,\n foundationGridLayout,\n foundationGridLayoutItem,\n foundationHorizontalScroll,\n foundationIcon,\n foundationListbox,\n foundationListboxOption,\n foundationMenu,\n foundationMenuItem,\n foundationModal,\n foundationMultiselect,\n foundationNumberField,\n foundationOptgroup,\n foundationPopper,\n foundationProgress,\n foundationProgressRing,\n foundationRadio,\n foundationRadioGroup,\n foundationScheduler,\n foundationSchedulerCronBuilder,\n foundationSchedulerTimezone,\n foundationSearchBar,\n foundationSearchBarCombobox,\n foundationSegmentedControl,\n foundationSegmentedItem,\n foundationSelect,\n foundationSkeleton,\n foundationSlider,\n foundationSliderLabel,\n foundationSnackbar,\n foundationStackingIcons,\n foundationStatusPill,\n foundationEnvironmentIndicator,\n foundationStepperTab,\n foundationStepperTabPanel,\n foundationSwitch,\n foundationSystemHealthOverlay,\n foundationTab,\n foundationTabPanel,\n foundationTabs,\n foundationTextArea,\n foundationTextField,\n foundationToast,\n foundationToolbar,\n foundationTooltip,\n foundationTreeItem,\n foundationTreeView,\n foundationUrlInput,\n foundationSectionNavigator,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n\n this[key]().register(container, ...rest);\n }\n },\n}"
|
|
16
16
|
}
|
|
17
17
|
],
|
|
18
18
|
"exports": [
|
|
@@ -859,14 +859,6 @@
|
|
|
859
859
|
"name": "getPrefix",
|
|
860
860
|
"module": "./utils/dom"
|
|
861
861
|
}
|
|
862
|
-
},
|
|
863
|
-
{
|
|
864
|
-
"kind": "js",
|
|
865
|
-
"name": "*",
|
|
866
|
-
"declaration": {
|
|
867
|
-
"name": "*",
|
|
868
|
-
"package": "./verification-code-input"
|
|
869
|
-
}
|
|
870
862
|
}
|
|
871
863
|
]
|
|
872
864
|
},
|
|
@@ -58657,797 +58649,6 @@
|
|
|
58657
58649
|
}
|
|
58658
58650
|
]
|
|
58659
58651
|
},
|
|
58660
|
-
{
|
|
58661
|
-
"kind": "javascript-module",
|
|
58662
|
-
"path": "src/verification-code-input/index.ts",
|
|
58663
|
-
"declarations": [],
|
|
58664
|
-
"exports": [
|
|
58665
|
-
{
|
|
58666
|
-
"kind": "js",
|
|
58667
|
-
"name": "*",
|
|
58668
|
-
"declaration": {
|
|
58669
|
-
"name": "*",
|
|
58670
|
-
"package": "./verification-code-input"
|
|
58671
|
-
}
|
|
58672
|
-
},
|
|
58673
|
-
{
|
|
58674
|
-
"kind": "js",
|
|
58675
|
-
"name": "*",
|
|
58676
|
-
"declaration": {
|
|
58677
|
-
"name": "*",
|
|
58678
|
-
"package": "./verification-code-input.template"
|
|
58679
|
-
}
|
|
58680
|
-
},
|
|
58681
|
-
{
|
|
58682
|
-
"kind": "js",
|
|
58683
|
-
"name": "*",
|
|
58684
|
-
"declaration": {
|
|
58685
|
-
"name": "*",
|
|
58686
|
-
"package": "./verification-code-input.styles"
|
|
58687
|
-
}
|
|
58688
|
-
}
|
|
58689
|
-
]
|
|
58690
|
-
},
|
|
58691
|
-
{
|
|
58692
|
-
"kind": "javascript-module",
|
|
58693
|
-
"path": "src/verification-code-input/verification-code-input.styles.ts",
|
|
58694
|
-
"declarations": [
|
|
58695
|
-
{
|
|
58696
|
-
"kind": "variable",
|
|
58697
|
-
"name": "foundationVerificationCodeInputStyles",
|
|
58698
|
-
"type": {
|
|
58699
|
-
"text": "ElementStyles"
|
|
58700
|
-
},
|
|
58701
|
-
"default": "css`\n :host {\n display: block;\n font-family: var(--body-font);\n outline: none;\n }\n\n .label {\n display: block;\n color: var(--neutral-foreground-rest);\n cursor: pointer;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n margin-bottom: 4px;\n }\n\n .label-hidden {\n display: none;\n }\n\n :host([readonly]) .label {\n cursor: var(--disabled-cursor);\n }\n\n .container {\n display: flex;\n gap: calc(var(--design-unit) * 1px);\n align-items: center;\n }\n\n .digit {\n display: inline-block;\n box-sizing: border-box;\n outline: none;\n min-width: calc(\n (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n );\n }\n\n .digit .root {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n color: var(--neutral-foreground-rest);\n background: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);\n height: calc(\n (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n );\n }\n\n .digit .control {\n appearance: none;\n font: inherit;\n background: transparent;\n border: 0;\n color: inherit;\n height: calc(100% - 4px);\n width: 100%;\n margin-top: auto;\n margin-bottom: auto;\n padding: 0 calc(var(--design-unit) * 2px + 1px);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n text-align: center;\n outline: none;\n color-scheme: ${activeColorScheme};\n }\n\n .digit[appearance='filled'] .root {\n background: var(--neutral-fill-rest);\n }\n\n .digit.error .root {\n border-color: var(--error-fill-rest);\n }\n\n .digit.disabled {\n opacity: var(--disabled-opacity);\n cursor: var(--disabled-cursor);\n }\n\n .digit.disabled .control {\n cursor: var(--disabled-cursor);\n }\n\n .digit:hover:not(.disabled) .root {\n background: var(--neutral-fill-input-hover);\n border-color: var(--accent-fill-hover);\n }\n\n .digit:focus-within:not(.disabled) .root {\n border-color: var(--focus-stroke-outer);\n box-shadow: 0 0 0 calc(var(--focus-stroke-width) * 1px) var(--focus-stroke-outer) inset;\n }\n\n .digit[appearance='filled']:hover:not(.disabled) .root {\n background: var(--neutral-fill-hover);\n }\n\n ${sharedFieldStyles}\n`"
|
|
58702
|
-
}
|
|
58703
|
-
],
|
|
58704
|
-
"exports": [
|
|
58705
|
-
{
|
|
58706
|
-
"kind": "js",
|
|
58707
|
-
"name": "foundationVerificationCodeInputStyles",
|
|
58708
|
-
"declaration": {
|
|
58709
|
-
"name": "foundationVerificationCodeInputStyles",
|
|
58710
|
-
"module": "src/verification-code-input/verification-code-input.styles.ts"
|
|
58711
|
-
}
|
|
58712
|
-
}
|
|
58713
|
-
]
|
|
58714
|
-
},
|
|
58715
|
-
{
|
|
58716
|
-
"kind": "javascript-module",
|
|
58717
|
-
"path": "src/verification-code-input/verification-code-input.template.ts",
|
|
58718
|
-
"declarations": [
|
|
58719
|
-
{
|
|
58720
|
-
"kind": "variable",
|
|
58721
|
-
"name": "foundationVerificationCodeInputTemplate",
|
|
58722
|
-
"default": "html<VerificationCodeInput>`\n <label\n part=\"label\"\n id=\"${(x) => x.labelId}\"\n for=\"${(x) => x.getControlId(0)}\"\n class=\"${(x) =>\n x.defaultSlottedNodes && x.defaultSlottedNodes.length ? 'label' : 'label label-hidden'}\"\n >\n <slot\n ${slotted({\n property: 'defaultSlottedNodes',\n filter: whitespaceFilter,\n })}\n ></slot>\n </label>\n <div\n class=\"container\"\n role=\"group\"\n aria-labelledby=\"${(x) => (x.hasLabel ? x.labelId : void 0)}\"\n aria-label=\"${(x) => (x.hasLabel ? void 0 : 'Verification code')}\"\n >\n ${repeat(\n (x) => x.digitsIndexes,\n html`\n <div\n class=\"digit ${(x, c) => (c.parent as VerificationCodeInput).digitClassnames}\"\n data-digit-index=\"${(x) => x}\"\n appearance=\"${(x, c) => (c.parent as VerificationCodeInput).appearance}\"\n >\n <div class=\"root\" part=\"root\">\n <div class=\"control-field\">\n <input\n class=\"control\"\n part=\"control\"\n type=\"text\"\n inputmode=\"numeric\"\n pattern=\"[0-9]*\"\n name=\"${(x, c) => (c.parent as VerificationCodeInput).getControlId(x)}\"\n id=\"${(x, c) => (c.parent as VerificationCodeInput).getControlId(x)}\"\n autocomplete=\"${(x) => (x === 0 ? 'one-time-code' : 'off')}\"\n data-test-id=\"${(x, c) => (c.parent as VerificationCodeInput).getControlId(x)}\"\n title=\"Only numbers are allowed\"\n maxlength=\"1\"\n ?autofocus=\"${(x, c) => (c.parent as VerificationCodeInput).autofocus && x === 0}\"\n ?readonly=\"${(x, c) => (c.parent as VerificationCodeInput).readOnly}\"\n ?disabled=\"${(x, c) =>\n (c.parent as VerificationCodeInput).disabled ||\n (c.parent as VerificationCodeInput).readOnly}\"\n ?aria-required=\"${(x, c) => (c.parent as VerificationCodeInput).required}\"\n ?aria-invalid=\"${(x, c) => (c.parent as VerificationCodeInput).error}\"\n />\n </div>\n </div>\n </div>\n `,\n )}\n </div>\n`"
|
|
58723
|
-
}
|
|
58724
|
-
],
|
|
58725
|
-
"exports": [
|
|
58726
|
-
{
|
|
58727
|
-
"kind": "js",
|
|
58728
|
-
"name": "foundationVerificationCodeInputTemplate",
|
|
58729
|
-
"declaration": {
|
|
58730
|
-
"name": "foundationVerificationCodeInputTemplate",
|
|
58731
|
-
"module": "src/verification-code-input/verification-code-input.template.ts"
|
|
58732
|
-
}
|
|
58733
|
-
}
|
|
58734
|
-
]
|
|
58735
|
-
},
|
|
58736
|
-
{
|
|
58737
|
-
"kind": "javascript-module",
|
|
58738
|
-
"path": "src/verification-code-input/verification-code-input.ts",
|
|
58739
|
-
"declarations": [
|
|
58740
|
-
{
|
|
58741
|
-
"kind": "variable",
|
|
58742
|
-
"name": "foundationVerificationCodeInputShadowOptions",
|
|
58743
|
-
"type": {
|
|
58744
|
-
"text": "ShadowRootInit"
|
|
58745
|
-
},
|
|
58746
|
-
"default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
|
|
58747
|
-
},
|
|
58748
|
-
{
|
|
58749
|
-
"kind": "variable",
|
|
58750
|
-
"name": "defaultVerificationCodeInputConfig",
|
|
58751
|
-
"type": {
|
|
58752
|
-
"text": "object"
|
|
58753
|
-
},
|
|
58754
|
-
"default": "{}"
|
|
58755
|
-
},
|
|
58756
|
-
{
|
|
58757
|
-
"kind": "class",
|
|
58758
|
-
"description": "Multi-digit verification code input for OTP / 2FA flows.\n\nForm-associated (FAST `FormAssociated`): host `name` / `required` / `value` participate\nin native HTML form validation and submission like TextField.",
|
|
58759
|
-
"name": "VerificationCodeInput",
|
|
58760
|
-
"members": [
|
|
58761
|
-
{
|
|
58762
|
-
"kind": "field",
|
|
58763
|
-
"name": "values",
|
|
58764
|
-
"type": {
|
|
58765
|
-
"text": "string[]"
|
|
58766
|
-
},
|
|
58767
|
-
"default": "[]",
|
|
58768
|
-
"description": "Per-digit values indexed from `0` to `digits - 1`."
|
|
58769
|
-
},
|
|
58770
|
-
{
|
|
58771
|
-
"kind": "field",
|
|
58772
|
-
"name": "defaultSlottedNodes",
|
|
58773
|
-
"description": "Slotted label content; when empty the label is visually hidden."
|
|
58774
|
-
},
|
|
58775
|
-
{
|
|
58776
|
-
"kind": "field",
|
|
58777
|
-
"name": "controlListeners",
|
|
58778
|
-
"type": {
|
|
58779
|
-
"text": "Map<HTMLInputElement, ControlListeners>"
|
|
58780
|
-
},
|
|
58781
|
-
"privacy": "private",
|
|
58782
|
-
"readonly": true,
|
|
58783
|
-
"default": "new Map()"
|
|
58784
|
-
},
|
|
58785
|
-
{
|
|
58786
|
-
"kind": "field",
|
|
58787
|
-
"name": "syncingFromDigits",
|
|
58788
|
-
"type": {
|
|
58789
|
-
"text": "boolean"
|
|
58790
|
-
},
|
|
58791
|
-
"privacy": "private",
|
|
58792
|
-
"default": "false",
|
|
58793
|
-
"description": "Skip digit re-sync when `value` is updated from digit entry (`commitValues`)."
|
|
58794
|
-
},
|
|
58795
|
-
{
|
|
58796
|
-
"kind": "field",
|
|
58797
|
-
"name": "id",
|
|
58798
|
-
"type": {
|
|
58799
|
-
"text": "string"
|
|
58800
|
-
},
|
|
58801
|
-
"description": "Optional host id used as a prefix for digit input ids (`{id}-0`, `{id}-1`, …)\nand the associated label element."
|
|
58802
|
-
},
|
|
58803
|
-
{
|
|
58804
|
-
"kind": "field",
|
|
58805
|
-
"name": "appearance",
|
|
58806
|
-
"type": {
|
|
58807
|
-
"text": "string"
|
|
58808
|
-
},
|
|
58809
|
-
"default": "'outline'",
|
|
58810
|
-
"description": "Visual treatment applied to each digit field.",
|
|
58811
|
-
"privacy": "public"
|
|
58812
|
-
},
|
|
58813
|
-
{
|
|
58814
|
-
"kind": "field",
|
|
58815
|
-
"name": "digits",
|
|
58816
|
-
"type": {
|
|
58817
|
-
"text": "number"
|
|
58818
|
-
},
|
|
58819
|
-
"default": "6",
|
|
58820
|
-
"description": "Number of single-character digit fields to render.",
|
|
58821
|
-
"privacy": "public"
|
|
58822
|
-
},
|
|
58823
|
-
{
|
|
58824
|
-
"kind": "field",
|
|
58825
|
-
"name": "readOnly",
|
|
58826
|
-
"type": {
|
|
58827
|
-
"text": "boolean"
|
|
58828
|
-
},
|
|
58829
|
-
"default": "false",
|
|
58830
|
-
"description": "When true, digit fields are non-interactive.",
|
|
58831
|
-
"privacy": "public"
|
|
58832
|
-
},
|
|
58833
|
-
{
|
|
58834
|
-
"kind": "field",
|
|
58835
|
-
"name": "disabled",
|
|
58836
|
-
"type": {
|
|
58837
|
-
"text": "boolean"
|
|
58838
|
-
},
|
|
58839
|
-
"default": "false",
|
|
58840
|
-
"description": "When true, digit fields are non-interactive.",
|
|
58841
|
-
"privacy": "public"
|
|
58842
|
-
},
|
|
58843
|
-
{
|
|
58844
|
-
"kind": "field",
|
|
58845
|
-
"name": "autofocus",
|
|
58846
|
-
"type": {
|
|
58847
|
-
"text": "boolean"
|
|
58848
|
-
},
|
|
58849
|
-
"default": "false",
|
|
58850
|
-
"description": "When true, focuses the first digit on connect (and after SPA route commit when hosted that way).",
|
|
58851
|
-
"privacy": "public"
|
|
58852
|
-
},
|
|
58853
|
-
{
|
|
58854
|
-
"kind": "field",
|
|
58855
|
-
"name": "error",
|
|
58856
|
-
"type": {
|
|
58857
|
-
"text": "boolean"
|
|
58858
|
-
},
|
|
58859
|
-
"default": "false",
|
|
58860
|
-
"description": "When true, applies the error visual state to each digit field.",
|
|
58861
|
-
"privacy": "public"
|
|
58862
|
-
},
|
|
58863
|
-
{
|
|
58864
|
-
"kind": "field",
|
|
58865
|
-
"name": "digitsIndexes",
|
|
58866
|
-
"type": {
|
|
58867
|
-
"text": "number[]"
|
|
58868
|
-
},
|
|
58869
|
-
"privacy": "public",
|
|
58870
|
-
"readonly": true
|
|
58871
|
-
},
|
|
58872
|
-
{
|
|
58873
|
-
"kind": "field",
|
|
58874
|
-
"name": "controlIdPrefix",
|
|
58875
|
-
"type": {
|
|
58876
|
-
"text": "string"
|
|
58877
|
-
},
|
|
58878
|
-
"privacy": "public",
|
|
58879
|
-
"readonly": true
|
|
58880
|
-
},
|
|
58881
|
-
{
|
|
58882
|
-
"kind": "field",
|
|
58883
|
-
"name": "labelId",
|
|
58884
|
-
"type": {
|
|
58885
|
-
"text": "string"
|
|
58886
|
-
},
|
|
58887
|
-
"privacy": "public",
|
|
58888
|
-
"readonly": true
|
|
58889
|
-
},
|
|
58890
|
-
{
|
|
58891
|
-
"kind": "field",
|
|
58892
|
-
"name": "hasLabel",
|
|
58893
|
-
"type": {
|
|
58894
|
-
"text": "boolean"
|
|
58895
|
-
},
|
|
58896
|
-
"privacy": "public",
|
|
58897
|
-
"readonly": true
|
|
58898
|
-
},
|
|
58899
|
-
{
|
|
58900
|
-
"kind": "method",
|
|
58901
|
-
"name": "getControlId",
|
|
58902
|
-
"privacy": "public",
|
|
58903
|
-
"return": {
|
|
58904
|
-
"type": {
|
|
58905
|
-
"text": "string"
|
|
58906
|
-
}
|
|
58907
|
-
},
|
|
58908
|
-
"parameters": [
|
|
58909
|
-
{
|
|
58910
|
-
"name": "index",
|
|
58911
|
-
"type": {
|
|
58912
|
-
"text": "number"
|
|
58913
|
-
}
|
|
58914
|
-
}
|
|
58915
|
-
]
|
|
58916
|
-
},
|
|
58917
|
-
{
|
|
58918
|
-
"kind": "method",
|
|
58919
|
-
"name": "clear",
|
|
58920
|
-
"privacy": "public",
|
|
58921
|
-
"return": {
|
|
58922
|
-
"type": {
|
|
58923
|
-
"text": "void"
|
|
58924
|
-
}
|
|
58925
|
-
},
|
|
58926
|
-
"description": "Clears digits, emits `change`, and focuses the first field when connected."
|
|
58927
|
-
},
|
|
58928
|
-
{
|
|
58929
|
-
"kind": "method",
|
|
58930
|
-
"name": "focus",
|
|
58931
|
-
"privacy": "public",
|
|
58932
|
-
"return": {
|
|
58933
|
-
"type": {
|
|
58934
|
-
"text": "void"
|
|
58935
|
-
}
|
|
58936
|
-
}
|
|
58937
|
-
},
|
|
58938
|
-
{
|
|
58939
|
-
"kind": "method",
|
|
58940
|
-
"name": "digitsChanged",
|
|
58941
|
-
"return": {
|
|
58942
|
-
"type": {
|
|
58943
|
-
"text": "void"
|
|
58944
|
-
}
|
|
58945
|
-
}
|
|
58946
|
-
},
|
|
58947
|
-
{
|
|
58948
|
-
"kind": "field",
|
|
58949
|
-
"name": "digitClassnames",
|
|
58950
|
-
"type": {
|
|
58951
|
-
"text": "string"
|
|
58952
|
-
},
|
|
58953
|
-
"privacy": "public",
|
|
58954
|
-
"readonly": true
|
|
58955
|
-
},
|
|
58956
|
-
{
|
|
58957
|
-
"kind": "method",
|
|
58958
|
-
"name": "sanitizeCode",
|
|
58959
|
-
"privacy": "private",
|
|
58960
|
-
"return": {
|
|
58961
|
-
"type": {
|
|
58962
|
-
"text": "string"
|
|
58963
|
-
}
|
|
58964
|
-
},
|
|
58965
|
-
"parameters": [
|
|
58966
|
-
{
|
|
58967
|
-
"name": "raw",
|
|
58968
|
-
"type": {
|
|
58969
|
-
"text": "unknown"
|
|
58970
|
-
}
|
|
58971
|
-
}
|
|
58972
|
-
]
|
|
58973
|
-
},
|
|
58974
|
-
{
|
|
58975
|
-
"kind": "method",
|
|
58976
|
-
"name": "bindControlListeners",
|
|
58977
|
-
"privacy": "private",
|
|
58978
|
-
"return": {
|
|
58979
|
-
"type": {
|
|
58980
|
-
"text": "void"
|
|
58981
|
-
}
|
|
58982
|
-
}
|
|
58983
|
-
},
|
|
58984
|
-
{
|
|
58985
|
-
"kind": "method",
|
|
58986
|
-
"name": "unbindControlListeners",
|
|
58987
|
-
"privacy": "private",
|
|
58988
|
-
"return": {
|
|
58989
|
-
"type": {
|
|
58990
|
-
"text": "void"
|
|
58991
|
-
}
|
|
58992
|
-
}
|
|
58993
|
-
},
|
|
58994
|
-
{
|
|
58995
|
-
"kind": "method",
|
|
58996
|
-
"name": "onKeyDown",
|
|
58997
|
-
"privacy": "private",
|
|
58998
|
-
"return": {
|
|
58999
|
-
"type": {
|
|
59000
|
-
"text": "void"
|
|
59001
|
-
}
|
|
59002
|
-
},
|
|
59003
|
-
"parameters": [
|
|
59004
|
-
{
|
|
59005
|
-
"name": "event",
|
|
59006
|
-
"type": {
|
|
59007
|
-
"text": "KeyboardEvent"
|
|
59008
|
-
}
|
|
59009
|
-
},
|
|
59010
|
-
{
|
|
59011
|
-
"name": "index",
|
|
59012
|
-
"type": {
|
|
59013
|
-
"text": "number"
|
|
59014
|
-
}
|
|
59015
|
-
}
|
|
59016
|
-
]
|
|
59017
|
-
},
|
|
59018
|
-
{
|
|
59019
|
-
"kind": "method",
|
|
59020
|
-
"name": "isBlockedCharacter",
|
|
59021
|
-
"privacy": "private",
|
|
59022
|
-
"return": {
|
|
59023
|
-
"type": {
|
|
59024
|
-
"text": "boolean"
|
|
59025
|
-
}
|
|
59026
|
-
},
|
|
59027
|
-
"parameters": [
|
|
59028
|
-
{
|
|
59029
|
-
"name": "event",
|
|
59030
|
-
"type": {
|
|
59031
|
-
"text": "KeyboardEvent"
|
|
59032
|
-
}
|
|
59033
|
-
}
|
|
59034
|
-
]
|
|
59035
|
-
},
|
|
59036
|
-
{
|
|
59037
|
-
"kind": "method",
|
|
59038
|
-
"name": "onInput",
|
|
59039
|
-
"privacy": "private",
|
|
59040
|
-
"return": {
|
|
59041
|
-
"type": {
|
|
59042
|
-
"text": "void"
|
|
59043
|
-
}
|
|
59044
|
-
},
|
|
59045
|
-
"parameters": [
|
|
59046
|
-
{
|
|
59047
|
-
"name": "event",
|
|
59048
|
-
"type": {
|
|
59049
|
-
"text": "InputEvent"
|
|
59050
|
-
}
|
|
59051
|
-
},
|
|
59052
|
-
{
|
|
59053
|
-
"name": "index",
|
|
59054
|
-
"type": {
|
|
59055
|
-
"text": "number"
|
|
59056
|
-
}
|
|
59057
|
-
}
|
|
59058
|
-
]
|
|
59059
|
-
},
|
|
59060
|
-
{
|
|
59061
|
-
"kind": "method",
|
|
59062
|
-
"name": "onPaste",
|
|
59063
|
-
"privacy": "private",
|
|
59064
|
-
"return": {
|
|
59065
|
-
"type": {
|
|
59066
|
-
"text": "void"
|
|
59067
|
-
}
|
|
59068
|
-
},
|
|
59069
|
-
"parameters": [
|
|
59070
|
-
{
|
|
59071
|
-
"name": "event",
|
|
59072
|
-
"type": {
|
|
59073
|
-
"text": "ClipboardEvent"
|
|
59074
|
-
}
|
|
59075
|
-
},
|
|
59076
|
-
{
|
|
59077
|
-
"name": "index",
|
|
59078
|
-
"type": {
|
|
59079
|
-
"text": "number"
|
|
59080
|
-
}
|
|
59081
|
-
}
|
|
59082
|
-
]
|
|
59083
|
-
},
|
|
59084
|
-
{
|
|
59085
|
-
"kind": "method",
|
|
59086
|
-
"name": "handleBackspace",
|
|
59087
|
-
"privacy": "private",
|
|
59088
|
-
"return": {
|
|
59089
|
-
"type": {
|
|
59090
|
-
"text": "void"
|
|
59091
|
-
}
|
|
59092
|
-
},
|
|
59093
|
-
"parameters": [
|
|
59094
|
-
{
|
|
59095
|
-
"name": "index",
|
|
59096
|
-
"type": {
|
|
59097
|
-
"text": "number"
|
|
59098
|
-
}
|
|
59099
|
-
}
|
|
59100
|
-
]
|
|
59101
|
-
},
|
|
59102
|
-
{
|
|
59103
|
-
"kind": "method",
|
|
59104
|
-
"name": "handleDelete",
|
|
59105
|
-
"privacy": "private",
|
|
59106
|
-
"return": {
|
|
59107
|
-
"type": {
|
|
59108
|
-
"text": "void"
|
|
59109
|
-
}
|
|
59110
|
-
},
|
|
59111
|
-
"parameters": [
|
|
59112
|
-
{
|
|
59113
|
-
"name": "index",
|
|
59114
|
-
"type": {
|
|
59115
|
-
"text": "number"
|
|
59116
|
-
}
|
|
59117
|
-
}
|
|
59118
|
-
]
|
|
59119
|
-
},
|
|
59120
|
-
{
|
|
59121
|
-
"kind": "method",
|
|
59122
|
-
"name": "getIndexFromInput",
|
|
59123
|
-
"privacy": "private",
|
|
59124
|
-
"return": {
|
|
59125
|
-
"type": {
|
|
59126
|
-
"text": "number | null"
|
|
59127
|
-
}
|
|
59128
|
-
},
|
|
59129
|
-
"parameters": [
|
|
59130
|
-
{
|
|
59131
|
-
"name": "input",
|
|
59132
|
-
"type": {
|
|
59133
|
-
"text": "HTMLInputElement"
|
|
59134
|
-
}
|
|
59135
|
-
}
|
|
59136
|
-
]
|
|
59137
|
-
},
|
|
59138
|
-
{
|
|
59139
|
-
"kind": "method",
|
|
59140
|
-
"name": "syncDigitsFromValue",
|
|
59141
|
-
"privacy": "private",
|
|
59142
|
-
"return": {
|
|
59143
|
-
"type": {
|
|
59144
|
-
"text": "void"
|
|
59145
|
-
}
|
|
59146
|
-
},
|
|
59147
|
-
"parameters": [
|
|
59148
|
-
{
|
|
59149
|
-
"name": "cleaned",
|
|
59150
|
-
"type": {
|
|
59151
|
-
"text": "string"
|
|
59152
|
-
}
|
|
59153
|
-
}
|
|
59154
|
-
],
|
|
59155
|
-
"description": "Maps a sanitized code string into per-digit `values` and syncs the DOM when connected."
|
|
59156
|
-
},
|
|
59157
|
-
{
|
|
59158
|
-
"kind": "method",
|
|
59159
|
-
"name": "updateDigit",
|
|
59160
|
-
"privacy": "private",
|
|
59161
|
-
"return": {
|
|
59162
|
-
"type": {
|
|
59163
|
-
"text": "void"
|
|
59164
|
-
}
|
|
59165
|
-
},
|
|
59166
|
-
"parameters": [
|
|
59167
|
-
{
|
|
59168
|
-
"name": "index",
|
|
59169
|
-
"type": {
|
|
59170
|
-
"text": "number"
|
|
59171
|
-
}
|
|
59172
|
-
},
|
|
59173
|
-
{
|
|
59174
|
-
"name": "digit",
|
|
59175
|
-
"type": {
|
|
59176
|
-
"text": "string"
|
|
59177
|
-
}
|
|
59178
|
-
}
|
|
59179
|
-
]
|
|
59180
|
-
},
|
|
59181
|
-
{
|
|
59182
|
-
"kind": "method",
|
|
59183
|
-
"name": "applyDigits",
|
|
59184
|
-
"privacy": "private",
|
|
59185
|
-
"return": {
|
|
59186
|
-
"type": {
|
|
59187
|
-
"text": "void"
|
|
59188
|
-
}
|
|
59189
|
-
},
|
|
59190
|
-
"parameters": [
|
|
59191
|
-
{
|
|
59192
|
-
"name": "raw",
|
|
59193
|
-
"type": {
|
|
59194
|
-
"text": "string"
|
|
59195
|
-
}
|
|
59196
|
-
},
|
|
59197
|
-
{
|
|
59198
|
-
"name": "startIndex",
|
|
59199
|
-
"type": {
|
|
59200
|
-
"text": "number"
|
|
59201
|
-
}
|
|
59202
|
-
}
|
|
59203
|
-
]
|
|
59204
|
-
},
|
|
59205
|
-
{
|
|
59206
|
-
"kind": "method",
|
|
59207
|
-
"name": "commitValues",
|
|
59208
|
-
"privacy": "private",
|
|
59209
|
-
"return": {
|
|
59210
|
-
"type": {
|
|
59211
|
-
"text": "void"
|
|
59212
|
-
}
|
|
59213
|
-
},
|
|
59214
|
-
"parameters": [
|
|
59215
|
-
{
|
|
59216
|
-
"name": "nextValues",
|
|
59217
|
-
"type": {
|
|
59218
|
-
"text": "string[]"
|
|
59219
|
-
}
|
|
59220
|
-
}
|
|
59221
|
-
],
|
|
59222
|
-
"description": "Pushes digit state into the form-associated `value` and emits change / complete."
|
|
59223
|
-
},
|
|
59224
|
-
{
|
|
59225
|
-
"kind": "method",
|
|
59226
|
-
"name": "syncFieldValues",
|
|
59227
|
-
"privacy": "private",
|
|
59228
|
-
"return": {
|
|
59229
|
-
"type": {
|
|
59230
|
-
"text": "void"
|
|
59231
|
-
}
|
|
59232
|
-
}
|
|
59233
|
-
},
|
|
59234
|
-
{
|
|
59235
|
-
"kind": "method",
|
|
59236
|
-
"name": "syncFieldValue",
|
|
59237
|
-
"privacy": "private",
|
|
59238
|
-
"return": {
|
|
59239
|
-
"type": {
|
|
59240
|
-
"text": "void"
|
|
59241
|
-
}
|
|
59242
|
-
},
|
|
59243
|
-
"parameters": [
|
|
59244
|
-
{
|
|
59245
|
-
"name": "index",
|
|
59246
|
-
"type": {
|
|
59247
|
-
"text": "number"
|
|
59248
|
-
}
|
|
59249
|
-
}
|
|
59250
|
-
]
|
|
59251
|
-
},
|
|
59252
|
-
{
|
|
59253
|
-
"kind": "method",
|
|
59254
|
-
"name": "focusDigit",
|
|
59255
|
-
"privacy": "private",
|
|
59256
|
-
"return": {
|
|
59257
|
-
"type": {
|
|
59258
|
-
"text": "void"
|
|
59259
|
-
}
|
|
59260
|
-
},
|
|
59261
|
-
"parameters": [
|
|
59262
|
-
{
|
|
59263
|
-
"name": "index",
|
|
59264
|
-
"type": {
|
|
59265
|
-
"text": "number"
|
|
59266
|
-
}
|
|
59267
|
-
}
|
|
59268
|
-
]
|
|
59269
|
-
},
|
|
59270
|
-
{
|
|
59271
|
-
"kind": "field",
|
|
59272
|
-
"name": "rootNode",
|
|
59273
|
-
"type": {
|
|
59274
|
-
"text": "ParentNode"
|
|
59275
|
-
},
|
|
59276
|
-
"privacy": "private",
|
|
59277
|
-
"readonly": true
|
|
59278
|
-
},
|
|
59279
|
-
{
|
|
59280
|
-
"kind": "method",
|
|
59281
|
-
"name": "getControlElement",
|
|
59282
|
-
"privacy": "private",
|
|
59283
|
-
"return": {
|
|
59284
|
-
"type": {
|
|
59285
|
-
"text": "HTMLInputElement | null"
|
|
59286
|
-
}
|
|
59287
|
-
},
|
|
59288
|
-
"parameters": [
|
|
59289
|
-
{
|
|
59290
|
-
"name": "index",
|
|
59291
|
-
"type": {
|
|
59292
|
-
"text": "number"
|
|
59293
|
-
}
|
|
59294
|
-
}
|
|
59295
|
-
]
|
|
59296
|
-
},
|
|
59297
|
-
{
|
|
59298
|
-
"kind": "method",
|
|
59299
|
-
"name": "isComplete",
|
|
59300
|
-
"privacy": "private",
|
|
59301
|
-
"return": {
|
|
59302
|
-
"type": {
|
|
59303
|
-
"text": "boolean"
|
|
59304
|
-
}
|
|
59305
|
-
}
|
|
59306
|
-
},
|
|
59307
|
-
{
|
|
59308
|
-
"kind": "method",
|
|
59309
|
-
"name": "emitChange",
|
|
59310
|
-
"privacy": "private",
|
|
59311
|
-
"return": {
|
|
59312
|
-
"type": {
|
|
59313
|
-
"text": "void"
|
|
59314
|
-
}
|
|
59315
|
-
}
|
|
59316
|
-
},
|
|
59317
|
-
{
|
|
59318
|
-
"kind": "field",
|
|
59319
|
-
"name": "proxy"
|
|
59320
|
-
}
|
|
59321
|
-
],
|
|
59322
|
-
"events": [
|
|
59323
|
-
{
|
|
59324
|
-
"description": "Fired when any digit changes. Detail: `{ value: string }`.",
|
|
59325
|
-
"name": "change"
|
|
59326
|
-
},
|
|
59327
|
-
{
|
|
59328
|
-
"description": "Fired when all digits are filled. Detail: `{ value: string }`.",
|
|
59329
|
-
"name": "complete"
|
|
59330
|
-
}
|
|
59331
|
-
],
|
|
59332
|
-
"attributes": [
|
|
59333
|
-
{
|
|
59334
|
-
"name": "id",
|
|
59335
|
-
"type": {
|
|
59336
|
-
"text": "string"
|
|
59337
|
-
},
|
|
59338
|
-
"description": "Optional host id used as a prefix for digit input ids (`{id}-0`, `{id}-1`, …)\nand the associated label element.",
|
|
59339
|
-
"fieldName": "id"
|
|
59340
|
-
},
|
|
59341
|
-
{
|
|
59342
|
-
"name": "appearance",
|
|
59343
|
-
"type": {
|
|
59344
|
-
"text": "string"
|
|
59345
|
-
},
|
|
59346
|
-
"default": "'outline'",
|
|
59347
|
-
"description": "Visual treatment applied to each digit field.",
|
|
59348
|
-
"fieldName": "appearance"
|
|
59349
|
-
},
|
|
59350
|
-
{
|
|
59351
|
-
"name": "digits",
|
|
59352
|
-
"type": {
|
|
59353
|
-
"text": "number"
|
|
59354
|
-
},
|
|
59355
|
-
"default": "DEFAULT_DIGITS",
|
|
59356
|
-
"description": "Number of single-character digit fields to render.",
|
|
59357
|
-
"resolveInitializer": {
|
|
59358
|
-
"module": "src/verification-code-input/verification-code-input.ts"
|
|
59359
|
-
},
|
|
59360
|
-
"fieldName": "digits"
|
|
59361
|
-
},
|
|
59362
|
-
{
|
|
59363
|
-
"name": "readonly",
|
|
59364
|
-
"type": {
|
|
59365
|
-
"text": "boolean"
|
|
59366
|
-
},
|
|
59367
|
-
"default": "false",
|
|
59368
|
-
"description": "When true, digit fields are non-interactive.",
|
|
59369
|
-
"fieldName": "readOnly"
|
|
59370
|
-
},
|
|
59371
|
-
{
|
|
59372
|
-
"type": {
|
|
59373
|
-
"text": "boolean"
|
|
59374
|
-
},
|
|
59375
|
-
"default": "false",
|
|
59376
|
-
"description": "When true, digit fields are non-interactive.",
|
|
59377
|
-
"fieldName": "disabled"
|
|
59378
|
-
},
|
|
59379
|
-
{
|
|
59380
|
-
"type": {
|
|
59381
|
-
"text": "boolean"
|
|
59382
|
-
},
|
|
59383
|
-
"default": "false",
|
|
59384
|
-
"description": "When true, focuses the first digit on connect (and after SPA route commit when hosted that way).",
|
|
59385
|
-
"fieldName": "autofocus"
|
|
59386
|
-
},
|
|
59387
|
-
{
|
|
59388
|
-
"type": {
|
|
59389
|
-
"text": "boolean"
|
|
59390
|
-
},
|
|
59391
|
-
"default": "false",
|
|
59392
|
-
"description": "When true, applies the error visual state to each digit field.",
|
|
59393
|
-
"fieldName": "error"
|
|
59394
|
-
}
|
|
59395
|
-
],
|
|
59396
|
-
"mixins": [
|
|
59397
|
-
{
|
|
59398
|
-
"name": "FormAssociated",
|
|
59399
|
-
"package": "@microsoft/fast-foundation"
|
|
59400
|
-
}
|
|
59401
|
-
],
|
|
59402
|
-
"superclass": {
|
|
59403
|
-
"name": "_VerificationCodeInput",
|
|
59404
|
-
"module": "src/verification-code-input/verification-code-input.ts"
|
|
59405
|
-
},
|
|
59406
|
-
"tagName": "%%prefix%%-verification-code-input",
|
|
59407
|
-
"customElement": true
|
|
59408
|
-
},
|
|
59409
|
-
{
|
|
59410
|
-
"kind": "variable",
|
|
59411
|
-
"name": "foundationVerificationCodeInput",
|
|
59412
|
-
"description": "The Foundation Verification Code Input",
|
|
59413
|
-
"privacy": "public"
|
|
59414
|
-
}
|
|
59415
|
-
],
|
|
59416
|
-
"exports": [
|
|
59417
|
-
{
|
|
59418
|
-
"kind": "js",
|
|
59419
|
-
"name": "foundationVerificationCodeInputShadowOptions",
|
|
59420
|
-
"declaration": {
|
|
59421
|
-
"name": "foundationVerificationCodeInputShadowOptions",
|
|
59422
|
-
"module": "src/verification-code-input/verification-code-input.ts"
|
|
59423
|
-
}
|
|
59424
|
-
},
|
|
59425
|
-
{
|
|
59426
|
-
"kind": "js",
|
|
59427
|
-
"name": "defaultVerificationCodeInputConfig",
|
|
59428
|
-
"declaration": {
|
|
59429
|
-
"name": "defaultVerificationCodeInputConfig",
|
|
59430
|
-
"module": "src/verification-code-input/verification-code-input.ts"
|
|
59431
|
-
}
|
|
59432
|
-
},
|
|
59433
|
-
{
|
|
59434
|
-
"kind": "js",
|
|
59435
|
-
"name": "VerificationCodeInput",
|
|
59436
|
-
"declaration": {
|
|
59437
|
-
"name": "VerificationCodeInput",
|
|
59438
|
-
"module": "src/verification-code-input/verification-code-input.ts"
|
|
59439
|
-
}
|
|
59440
|
-
},
|
|
59441
|
-
{
|
|
59442
|
-
"kind": "js",
|
|
59443
|
-
"name": "foundationVerificationCodeInput",
|
|
59444
|
-
"declaration": {
|
|
59445
|
-
"name": "foundationVerificationCodeInput",
|
|
59446
|
-
"module": "src/verification-code-input/verification-code-input.ts"
|
|
59447
|
-
}
|
|
59448
|
-
}
|
|
59449
|
-
]
|
|
59450
|
-
},
|
|
59451
58652
|
{
|
|
59452
58653
|
"kind": "javascript-module",
|
|
59453
58654
|
"path": "src/_config/styles/colors.ts",
|