@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.
@@ -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 foundationVerificationCodeInput,\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}"
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",