@genesislcap/foundation-ui 15.0.0-FUI-2567.2 → 15.0.0

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.
@@ -95,7 +95,6 @@ import { foregroundOnAccentHover } from '@microsoft/fast-components';
95
95
  import { foregroundOnAccentHoverLarge } from '@microsoft/fast-components';
96
96
  import { foregroundOnAccentRest } from '@microsoft/fast-components';
97
97
  import { foregroundOnAccentRestLarge } from '@microsoft/fast-components';
98
- import { FormAssociated } from '@microsoft/fast-foundation';
99
98
  import { FoundationAnalytics } from '@genesislcap/foundation-comms';
100
99
  import { dataGridCellTemplate as foundationDataGridCellTemplate } from '@microsoft/fast-foundation';
101
100
  import { dataGridRowTemplate as foundationDataGridRowTemplate } from '@microsoft/fast-foundation';
@@ -873,17 +872,6 @@ export declare const baseComponents: {
873
872
  foundationTreeItem: (overrideDefinition?: OverrideFoundationElementDefinition<TreeItemOptions>) => FoundationElementRegistry<TreeItemOptions, Constructable<FoundationElement>>;
874
873
  foundationTreeView: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition>) => FoundationElementRegistry<FoundationElementDefinition, TreeView>;
875
874
  foundationUrlInput: (overrideDefinition?: OverrideFoundationElementDefinition<FoundationElementDefinition>) => FoundationElementRegistry<FoundationElementDefinition, UrlInput>;
876
- foundationVerificationCodeInput: (overrideDefinition?: OverrideFoundationElementDefinition< {
877
- baseName: string;
878
- template: ViewTemplate<VerificationCodeInput, any>;
879
- styles: ElementStyles;
880
- shadowOptions: ShadowRootInit;
881
- }>) => FoundationElementRegistry< {
882
- baseName: string;
883
- template: ViewTemplate<VerificationCodeInput, any>;
884
- styles: ElementStyles;
885
- shadowOptions: ShadowRootInit;
886
- }, VerificationCodeInput>;
887
875
  foundationSectionNavigator: (overrideDefinition?: OverrideFoundationElementDefinition< {
888
876
  baseName: string;
889
877
  template: ViewTemplate<SectionNavigator, any>;
@@ -2309,8 +2297,6 @@ export declare const defaultTreeViewConfig: {};
2309
2297
 
2310
2298
  export declare const defaultUrlInputConfig: {};
2311
2299
 
2312
- export declare const defaultVerificationCodeInputConfig: {};
2313
-
2314
2300
  /**
2315
2301
  * Defines a platform custom element based on the provided type and definition.
2316
2302
  *
@@ -5092,31 +5078,6 @@ export declare class FoundationValueExpressionBuilder extends ExpressionBuilder
5092
5078
  dispatchChangeEvent(group: ExpressionBuilderTypes.Group): void;
5093
5079
  }
5094
5080
 
5095
- /**
5096
- * The Foundation Verification Code Input
5097
- *
5098
- * @public
5099
- * @remarks
5100
- * HTML Element: \<foundation-verification-code-input\>
5101
- */
5102
- export declare const foundationVerificationCodeInput: (overrideDefinition?: OverrideFoundationElementDefinition< {
5103
- baseName: string;
5104
- template: ViewTemplate<VerificationCodeInput, any>;
5105
- styles: ElementStyles;
5106
- shadowOptions: ShadowRootInit;
5107
- }>) => FoundationElementRegistry< {
5108
- baseName: string;
5109
- template: ViewTemplate<VerificationCodeInput, any>;
5110
- styles: ElementStyles;
5111
- shadowOptions: ShadowRootInit;
5112
- }, typeof VerificationCodeInput>;
5113
-
5114
- export declare const foundationVerificationCodeInputShadowOptions: ShadowRootInit;
5115
-
5116
- export declare const foundationVerificationCodeInputStyles: ElementStyles;
5117
-
5118
- export declare const foundationVerificationCodeInputTemplate: ViewTemplate<VerificationCodeInput, any>;
5119
-
5120
5081
  /**
5121
5082
  * Converts a server BinaryExpression to a client BinaryOperator
5122
5083
  *
@@ -7569,132 +7530,6 @@ export declare interface ValueChangeEventDetail {
7569
7530
  label: string;
7570
7531
  }
7571
7532
 
7572
- /**
7573
- * Multi-digit verification code input for OTP / 2FA flows.
7574
- *
7575
- * Form-associated (FAST `FormAssociated`): host `name` / `required` / `value` participate
7576
- * in native HTML form validation and submission like {@link TextField}.
7577
- *
7578
- * @public
7579
- * @tagname %%prefix%%-verification-code-input
7580
- *
7581
- * @fires change - Fired when any digit changes. Detail: `{ value: string }`.
7582
- * @fires complete - Fired when all digits are filled. Detail: `{ value: string }`.
7583
- */
7584
- export declare class VerificationCodeInput extends VerificationCodeInput_base {
7585
- /**
7586
- * Proxy element for form association when ElementInternals is unavailable.
7587
- * Initialized in the constructor (after `super()`) so it exists before attribute
7588
- * change handlers run — same pattern as FAST `FormAssociatedTextField`.
7589
- * @internal
7590
- */
7591
- proxy: HTMLInputElement;
7592
- /** Per-digit values indexed from `0` to `digits - 1`. */
7593
- values: string[];
7594
- /** Slotted label content; when empty the label is visually hidden. */
7595
- defaultSlottedNodes: any;
7596
- private readonly controlListeners;
7597
- /** Skip digit re-sync when `value` is updated from digit entry (`commitValues`). */
7598
- private syncingFromDigits;
7599
- constructor();
7600
- /**
7601
- * Optional host id used as a prefix for digit input ids (`{id}-0`, `{id}-1`, …)
7602
- * and the associated label element.
7603
- */
7604
- id: string;
7605
- /**
7606
- * Visual treatment applied to each digit field.
7607
- * @public
7608
- * @remarks
7609
- * HTML Attribute: appearance
7610
- * @defaultValue outline
7611
- */
7612
- appearance: string;
7613
- /**
7614
- * Number of single-character digit fields to render.
7615
- * @public
7616
- * @remarks
7617
- * HTML Attribute: digits
7618
- * @defaultValue 6
7619
- */
7620
- digits: number;
7621
- /**
7622
- * When true, digit fields are non-interactive.
7623
- * @public
7624
- * @remarks
7625
- * HTML Attribute: readonly
7626
- */
7627
- readOnly: boolean;
7628
- /**
7629
- * When true, digit fields are non-interactive.
7630
- * @public
7631
- * @remarks
7632
- * HTML Attribute: disabled
7633
- */
7634
- disabled: boolean;
7635
- /**
7636
- * When true, focuses the first digit on connect (and after SPA route commit when hosted that way).
7637
- * @public
7638
- * @remarks
7639
- * HTML Attribute: autofocus
7640
- */
7641
- autofocus: boolean;
7642
- /**
7643
- * When true, applies the error visual state to each digit field.
7644
- * @public
7645
- * @remarks
7646
- * HTML Attribute: error
7647
- */
7648
- error: boolean;
7649
- get digitsIndexes(): number[];
7650
- get controlIdPrefix(): string;
7651
- get labelId(): string;
7652
- get hasLabel(): boolean;
7653
- getControlId(index: number): string;
7654
- /** Clears digits, emits `change`, and focuses the first field when connected. */
7655
- clear(): void;
7656
- focus(): void;
7657
- /** @internal */
7658
- valueChanged(previous: string, next: string): void;
7659
- /** @internal */
7660
- validate(anchor?: HTMLElement): void;
7661
- connectedCallback(): void;
7662
- disconnectedCallback(): void;
7663
- digitsChanged(): void;
7664
- get digitClassnames(): string;
7665
- private sanitizeCode;
7666
- private bindControlListeners;
7667
- private unbindControlListeners;
7668
- private onKeyDown;
7669
- private isBlockedCharacter;
7670
- private onInput;
7671
- private onPaste;
7672
- private handleBackspace;
7673
- private handleDelete;
7674
- private getIndexFromInput;
7675
- /** Maps a sanitized code string into per-digit `values` and syncs the DOM when connected. */
7676
- private syncDigitsFromValue;
7677
- private updateDigit;
7678
- private applyDigits;
7679
- /** Pushes digit state into the form-associated `value` and emits change / complete. */
7680
- private commitValues;
7681
- private syncFieldValues;
7682
- private syncFieldValue;
7683
- private focusDigit;
7684
- private get rootNode();
7685
- private getControlElement;
7686
- private isComplete;
7687
- private emitChange;
7688
- }
7689
-
7690
- declare class _VerificationCodeInput extends FoundationElement {
7691
- }
7692
-
7693
- declare interface _VerificationCodeInput extends FormAssociated {
7694
- }
7695
-
7696
- declare const VerificationCodeInput_base: typeof _VerificationCodeInput;
7697
-
7698
7533
  export declare type VerticalAlign = 'baseline' | 'top' | 'middle' | 'bottom' | 'sub' | 'text-top';
7699
7534
 
7700
7535
  export declare type WeeklyConfig = {
package/dist/react.cjs CHANGED
@@ -102,7 +102,6 @@ const { Toolbar: ToolbarWC } = require('./esm/toolbar/toolbar.js');
102
102
  const { Tooltip: TooltipWC } = require('./esm/tooltip/tooltip.js');
103
103
  const { TreeView: TreeViewWC } = require('./esm/tree-view/tree-view.js');
104
104
  const { UrlInput: UrlInputWC } = require('./esm/url-input/url-input.js');
105
- const { VerificationCodeInput: VerificationCodeInputWC } = require('./esm/verification-code-input/verification-code-input.js');
106
105
 
107
106
  function _mergeRefs(...refs) {
108
107
  return (value) => {
@@ -123,6 +122,16 @@ const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
123
122
  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
124
123
  });
125
124
 
125
+ const Accordion = React.forwardRef(function Accordion(props, ref) {
126
+ const { children, ...rest } = props;
127
+ return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
128
+ });
129
+
130
+ const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
131
+ const { children, ...rest } = props;
132
+ return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
133
+ });
134
+
126
135
  const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
127
136
  const { onCriteriaChanged, onValidationErrors, children, ...rest } = props;
128
137
  const _innerRef = React.useRef(null);
@@ -145,16 +154,6 @@ const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref)
145
154
  return React.createElement(customElements.getName(AiCriteriaSearchWC) ?? '%%prefix%%-ai-criteria-search', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
146
155
  });
147
156
 
148
- const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
149
- const { children, ...rest } = props;
150
- return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
151
- });
152
-
153
- const Accordion = React.forwardRef(function Accordion(props, ref) {
154
- const { children, ...rest } = props;
155
- return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
156
- });
157
-
158
157
  const Anchor = React.forwardRef(function Anchor(props, ref) {
159
158
  const { children, ...rest } = props;
160
159
  return React.createElement(customElements.getName(AnchorWC) ?? '%%prefix%%-anchor', { ...rest, ref }, children);
@@ -1074,23 +1073,6 @@ const UrlInput = React.forwardRef(function UrlInput(props, ref) {
1074
1073
  return React.createElement(customElements.getName(UrlInputWC) ?? '%%prefix%%-url-input', { ...rest, ref }, children);
1075
1074
  });
1076
1075
 
1077
- const VerificationCodeInput = React.forwardRef(function VerificationCodeInput(props, ref) {
1078
- const { onComplete, children, ...rest } = props;
1079
- const _innerRef = React.useRef(null);
1080
- const _onCompleteRef = React.useRef(onComplete);
1081
- _onCompleteRef.current = onComplete;
1082
- React.useLayoutEffect(() => {
1083
- const el = _innerRef.current;
1084
- if (!el) return;
1085
- const _onCompleteFn = (e) => _onCompleteRef.current?.(e);
1086
- el.addEventListener('complete', _onCompleteFn);
1087
- return () => {
1088
- el.removeEventListener('complete', _onCompleteFn);
1089
- };
1090
- }, []);
1091
- return React.createElement(customElements.getName(VerificationCodeInputWC) ?? '%%prefix%%-verification-code-input', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
1092
- });
1093
-
1094
1076
  const DailyRecurrence = React.forwardRef(function DailyRecurrence(props, ref) {
1095
1077
  const { onUpdateCronConfig, children, ...rest } = props;
1096
1078
  const _innerRef = React.useRef(null);
@@ -1145,9 +1127,9 @@ const WeeklyRecurrence = React.forwardRef(function WeeklyRecurrence(props, ref)
1145
1127
  module.exports = {
1146
1128
  AccordionItem,
1147
1129
  ActionsMenu,
1148
- AiCriteriaSearch,
1149
- AiIndicator,
1150
1130
  Accordion,
1131
+ AiIndicator,
1132
+ AiCriteriaSearch,
1151
1133
  Anchor,
1152
1134
  AnchoredRegion,
1153
1135
  Avatar,
@@ -1236,7 +1218,6 @@ module.exports = {
1236
1218
  Tooltip,
1237
1219
  TreeView,
1238
1220
  UrlInput,
1239
- VerificationCodeInput,
1240
1221
  DailyRecurrence,
1241
1222
  MonthlyYearlyRecurrence,
1242
1223
  WeeklyRecurrence,
package/dist/react.mjs CHANGED
@@ -100,7 +100,6 @@ import { Toolbar as ToolbarWC } from './esm/toolbar/toolbar.js';
100
100
  import { Tooltip as TooltipWC } from './esm/tooltip/tooltip.js';
101
101
  import { TreeView as TreeViewWC } from './esm/tree-view/tree-view.js';
102
102
  import { UrlInput as UrlInputWC } from './esm/url-input/url-input.js';
103
- import { VerificationCodeInput as VerificationCodeInputWC } from './esm/verification-code-input/verification-code-input.js';
104
103
 
105
104
  function _mergeRefs(...refs) {
106
105
  return (value) => {
@@ -121,6 +120,16 @@ export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
121
120
  return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
122
121
  });
123
122
 
123
+ export const Accordion = React.forwardRef(function Accordion(props, ref) {
124
+ const { children, ...rest } = props;
125
+ return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
126
+ });
127
+
128
+ export const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
129
+ const { children, ...rest } = props;
130
+ return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
131
+ });
132
+
124
133
  export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref) {
125
134
  const { onCriteriaChanged, onValidationErrors, children, ...rest } = props;
126
135
  const _innerRef = React.useRef(null);
@@ -143,16 +152,6 @@ export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props
143
152
  return React.createElement(customElements.getName(AiCriteriaSearchWC) ?? '%%prefix%%-ai-criteria-search', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
144
153
  });
145
154
 
146
- export const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
147
- const { children, ...rest } = props;
148
- return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
149
- });
150
-
151
- export const Accordion = React.forwardRef(function Accordion(props, ref) {
152
- const { children, ...rest } = props;
153
- return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
154
- });
155
-
156
155
  export const Anchor = React.forwardRef(function Anchor(props, ref) {
157
156
  const { children, ...rest } = props;
158
157
  return React.createElement(customElements.getName(AnchorWC) ?? '%%prefix%%-anchor', { ...rest, ref }, children);
@@ -1072,23 +1071,6 @@ export const UrlInput = React.forwardRef(function UrlInput(props, ref) {
1072
1071
  return React.createElement(customElements.getName(UrlInputWC) ?? '%%prefix%%-url-input', { ...rest, ref }, children);
1073
1072
  });
1074
1073
 
1075
- export const VerificationCodeInput = React.forwardRef(function VerificationCodeInput(props, ref) {
1076
- const { onComplete, children, ...rest } = props;
1077
- const _innerRef = React.useRef(null);
1078
- const _onCompleteRef = React.useRef(onComplete);
1079
- _onCompleteRef.current = onComplete;
1080
- React.useLayoutEffect(() => {
1081
- const el = _innerRef.current;
1082
- if (!el) return;
1083
- const _onCompleteFn = (e) => _onCompleteRef.current?.(e);
1084
- el.addEventListener('complete', _onCompleteFn);
1085
- return () => {
1086
- el.removeEventListener('complete', _onCompleteFn);
1087
- };
1088
- }, []);
1089
- return React.createElement(customElements.getName(VerificationCodeInputWC) ?? '%%prefix%%-verification-code-input', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
1090
- });
1091
-
1092
1074
  export const DailyRecurrence = React.forwardRef(function DailyRecurrence(props, ref) {
1093
1075
  const { onUpdateCronConfig, children, ...rest } = props;
1094
1076
  const _innerRef = React.useRef(null);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-ui",
3
3
  "description": "Genesis Foundation UI",
4
- "version": "15.0.0-FUI-2567.2",
4
+ "version": "15.0.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -85,13 +85,13 @@
85
85
  }
86
86
  },
87
87
  "devDependencies": {
88
- "@genesislcap/foundation-testing": "15.0.0-FUI-2567.2",
89
- "@genesislcap/genx": "15.0.0-FUI-2567.2",
90
- "@genesislcap/rollup-builder": "15.0.0-FUI-2567.2",
91
- "@genesislcap/ts-builder": "15.0.0-FUI-2567.2",
92
- "@genesislcap/uvu-playwright-builder": "15.0.0-FUI-2567.2",
93
- "@genesislcap/vite-builder": "15.0.0-FUI-2567.2",
94
- "@genesislcap/webpack-builder": "15.0.0-FUI-2567.2",
88
+ "@genesislcap/foundation-testing": "15.0.0",
89
+ "@genesislcap/genx": "15.0.0",
90
+ "@genesislcap/rollup-builder": "15.0.0",
91
+ "@genesislcap/ts-builder": "15.0.0",
92
+ "@genesislcap/uvu-playwright-builder": "15.0.0",
93
+ "@genesislcap/vite-builder": "15.0.0",
94
+ "@genesislcap/webpack-builder": "15.0.0",
95
95
  "copyfiles": "^2.4.1"
96
96
  },
97
97
  "dependencies": {
@@ -100,16 +100,16 @@
100
100
  "@fortawesome/free-regular-svg-icons": "^6.2.1",
101
101
  "@fortawesome/free-solid-svg-icons": "^6.2.1",
102
102
  "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
103
- "@genesislcap/expression-builder": "15.0.0-FUI-2567.2",
104
- "@genesislcap/foundation-ai": "15.0.0-FUI-2567.2",
105
- "@genesislcap/foundation-comms": "15.0.0-FUI-2567.2",
106
- "@genesislcap/foundation-criteria": "15.0.0-FUI-2567.2",
107
- "@genesislcap/foundation-errors": "15.0.0-FUI-2567.2",
108
- "@genesislcap/foundation-events": "15.0.0-FUI-2567.2",
109
- "@genesislcap/foundation-logger": "15.0.0-FUI-2567.2",
110
- "@genesislcap/foundation-notifications": "15.0.0-FUI-2567.2",
111
- "@genesislcap/foundation-user": "15.0.0-FUI-2567.2",
112
- "@genesislcap/foundation-utils": "15.0.0-FUI-2567.2",
103
+ "@genesislcap/expression-builder": "15.0.0",
104
+ "@genesislcap/foundation-ai": "15.0.0",
105
+ "@genesislcap/foundation-comms": "15.0.0",
106
+ "@genesislcap/foundation-criteria": "15.0.0",
107
+ "@genesislcap/foundation-errors": "15.0.0",
108
+ "@genesislcap/foundation-events": "15.0.0",
109
+ "@genesislcap/foundation-logger": "15.0.0",
110
+ "@genesislcap/foundation-notifications": "15.0.0",
111
+ "@genesislcap/foundation-user": "15.0.0",
112
+ "@genesislcap/foundation-utils": "15.0.0",
113
113
  "@microsoft/fast-colors": "5.3.1",
114
114
  "@microsoft/fast-components": "2.30.6",
115
115
  "@microsoft/fast-element": "1.14.0",
@@ -142,5 +142,5 @@
142
142
  "require": "./dist/react.cjs"
143
143
  }
144
144
  },
145
- "gitHead": "2f496cecd7d9286db8969194da4e1aed73877ca1"
145
+ "gitHead": "035852ede9f26ea4434f1b3dfaff98db41490246"
146
146
  }
@@ -1,4 +0,0 @@
1
- export * from './verification-code-input';
2
- export * from './verification-code-input.template';
3
- export * from './verification-code-input.styles';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/verification-code-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC"}
@@ -1,145 +0,0 @@
1
- import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
2
- export declare const foundationVerificationCodeInputShadowOptions: ShadowRootInit;
3
- export declare const defaultVerificationCodeInputConfig: {};
4
- declare class _VerificationCodeInput extends FoundationElement {
5
- }
6
- interface _VerificationCodeInput extends FormAssociated {
7
- }
8
- declare const VerificationCodeInput_base: typeof _VerificationCodeInput;
9
- /**
10
- * Multi-digit verification code input for OTP / 2FA flows.
11
- *
12
- * Form-associated (FAST `FormAssociated`): host `name` / `required` / `value` participate
13
- * in native HTML form validation and submission like {@link TextField}.
14
- *
15
- * @public
16
- * @tagname %%prefix%%-verification-code-input
17
- *
18
- * @fires change - Fired when any digit changes. Detail: `{ value: string }`.
19
- * @fires complete - Fired when all digits are filled. Detail: `{ value: string }`.
20
- */
21
- export declare class VerificationCodeInput extends VerificationCodeInput_base {
22
- /**
23
- * Proxy element for form association when ElementInternals is unavailable.
24
- * Initialized in the constructor (after `super()`) so it exists before attribute
25
- * change handlers run — same pattern as FAST `FormAssociatedTextField`.
26
- * @internal
27
- */
28
- proxy: HTMLInputElement;
29
- /** Per-digit values indexed from `0` to `digits - 1`. */
30
- values: string[];
31
- /** Slotted label content; when empty the label is visually hidden. */
32
- defaultSlottedNodes: any;
33
- private readonly controlListeners;
34
- /** Skip digit re-sync when `value` is updated from digit entry (`commitValues`). */
35
- private syncingFromDigits;
36
- constructor();
37
- /**
38
- * Optional host id used as a prefix for digit input ids (`{id}-0`, `{id}-1`, …)
39
- * and the associated label element.
40
- */
41
- id: string;
42
- /**
43
- * Visual treatment applied to each digit field.
44
- * @public
45
- * @remarks
46
- * HTML Attribute: appearance
47
- * @defaultValue outline
48
- */
49
- appearance: string;
50
- /**
51
- * Number of single-character digit fields to render.
52
- * @public
53
- * @remarks
54
- * HTML Attribute: digits
55
- * @defaultValue 6
56
- */
57
- digits: number;
58
- /**
59
- * When true, digit fields are non-interactive.
60
- * @public
61
- * @remarks
62
- * HTML Attribute: readonly
63
- */
64
- readOnly: boolean;
65
- /**
66
- * When true, digit fields are non-interactive.
67
- * @public
68
- * @remarks
69
- * HTML Attribute: disabled
70
- */
71
- disabled: boolean;
72
- /**
73
- * When true, focuses the first digit on connect (and after SPA route commit when hosted that way).
74
- * @public
75
- * @remarks
76
- * HTML Attribute: autofocus
77
- */
78
- autofocus: boolean;
79
- /**
80
- * When true, applies the error visual state to each digit field.
81
- * @public
82
- * @remarks
83
- * HTML Attribute: error
84
- */
85
- error: boolean;
86
- get digitsIndexes(): number[];
87
- get controlIdPrefix(): string;
88
- get labelId(): string;
89
- get hasLabel(): boolean;
90
- getControlId(index: number): string;
91
- /** Clears digits, emits `change`, and focuses the first field when connected. */
92
- clear(): void;
93
- focus(): void;
94
- /** @internal */
95
- valueChanged(previous: string, next: string): void;
96
- /** @internal */
97
- validate(anchor?: HTMLElement): void;
98
- connectedCallback(): void;
99
- disconnectedCallback(): void;
100
- digitsChanged(): void;
101
- get digitClassnames(): string;
102
- private sanitizeCode;
103
- private bindControlListeners;
104
- private unbindControlListeners;
105
- private onKeyDown;
106
- private isBlockedCharacter;
107
- private onInput;
108
- private onPaste;
109
- private handleBackspace;
110
- private handleDelete;
111
- private getIndexFromInput;
112
- /** Maps a sanitized code string into per-digit `values` and syncs the DOM when connected. */
113
- private syncDigitsFromValue;
114
- private updateDigit;
115
- private applyDigits;
116
- /** Pushes digit state into the form-associated `value` and emits change / complete. */
117
- private commitValues;
118
- private syncFieldValues;
119
- private syncFieldValue;
120
- private focusDigit;
121
- private get rootNode();
122
- private getControlElement;
123
- private isComplete;
124
- private emitChange;
125
- }
126
- /**
127
- * The Foundation Verification Code Input
128
- *
129
- * @public
130
- * @remarks
131
- * HTML Element: \<foundation-verification-code-input\>
132
- */
133
- export declare const foundationVerificationCodeInput: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
134
- baseName: string;
135
- template: import("@microsoft/fast-element").ViewTemplate<VerificationCodeInput, any>;
136
- styles: import("@microsoft/fast-element").ElementStyles;
137
- shadowOptions: ShadowRootInit;
138
- }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
139
- baseName: string;
140
- template: import("@microsoft/fast-element").ViewTemplate<VerificationCodeInput, any>;
141
- styles: import("@microsoft/fast-element").ElementStyles;
142
- shadowOptions: ShadowRootInit;
143
- }, typeof VerificationCodeInput>;
144
- export {};
145
- //# sourceMappingURL=verification-code-input.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"verification-code-input.d.ts","sourceRoot":"","sources":["../../../src/verification-code-input/verification-code-input.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAI/E,eAAO,MAAM,4CAA4C,EAAE,cAG1D,CAAC;AAEF,eAAO,MAAM,kCAAkC,IAAK,CAAC;AAYrD,cAAM,sBAAuB,SAAQ,iBAAiB;CAAG;AACzD,UAAU,sBAAuB,SAAQ,cAAc;CAAG;;AAE1D;;;;;;;;;;;GAWG;AACH,qBAAa,qBAAsB,SAAQ,0BAAsC;IAC/E;;;;;OAKG;IACI,KAAK,EAAE,gBAAgB,CAAC;IAE/B,yDAAyD;IAC7C,MAAM,EAAE,MAAM,EAAE,CAAM;IAElC,sEAAsE;IAC1D,mBAAmB,MAAC;IAEhC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAsD;IAEvF,oFAAoF;IACpF,OAAO,CAAC,iBAAiB,CAAS;;IAOlC;;;OAGG;IACG,EAAE,EAAE,MAAM,CAAC;IAEjB;;;;;;OAMG;IACG,UAAU,EAAE,MAAM,CAAa;IAErC;;;;;;OAMG;IACG,MAAM,EAAE,MAAM,CAAkB;IAEtC;;;;;OAKG;IAC+C,QAAQ,EAAE,OAAO,CAAS;IAE5E;;;;;OAKG;IACwB,QAAQ,EAAE,OAAO,CAAS;IAErD;;;;;OAKG;IACwB,SAAS,EAAE,OAAO,CAAS;IAEtD;;;;;OAKG;IACwB,KAAK,EAAE,OAAO,CAAS;IAElD,IAAW,aAAa,IAAI,MAAM,EAAE,CAEnC;IAED,IAAW,eAAe,IAAI,MAAM,CAEnC;IAED,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAEM,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI1C,iFAAiF;IAC1E,KAAK,IAAI,IAAI;IASb,KAAK,IAAI,IAAI;IAIpB,gBAAgB;IACT,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAezD,gBAAgB;IACT,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAyB3C,iBAAiB,IAAI,IAAI;IAczB,oBAAoB,IAAI,IAAI;IAK5B,aAAa,IAAI,IAAI;IAgBrB,IAAW,eAAe,IAAI,MAAM,CAInC;IAED,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,oBAAoB;IA2B5B,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,SAAS;IA8CjB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,OAAO;IA2Bf,OAAO,CAAC,OAAO;IAcf,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,iBAAiB;IAKzB,6FAA6F;IAC7F,OAAO,CAAC,mBAAmB;IAmB3B,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,WAAW;IAkBnB,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAqBpB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,UAAU;IAOlB,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,UAAU;CAGnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;gCAM1C,CAAC"}
@@ -1,3 +0,0 @@
1
- import { ElementStyles } from '@microsoft/fast-element';
2
- export declare const foundationVerificationCodeInputStyles: ElementStyles;
3
- //# sourceMappingURL=verification-code-input.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"verification-code-input.styles.d.ts","sourceRoot":"","sources":["../../../src/verification-code-input/verification-code-input.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,eAAO,MAAM,qCAAqC,EAAE,aAwGnD,CAAC"}
@@ -1,3 +0,0 @@
1
- import { VerificationCodeInput } from './verification-code-input';
2
- export declare const foundationVerificationCodeInputTemplate: import("@microsoft/fast-element").ViewTemplate<VerificationCodeInput, any>;
3
- //# sourceMappingURL=verification-code-input.template.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"verification-code-input.template.d.ts","sourceRoot":"","sources":["../../../src/verification-code-input/verification-code-input.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,eAAO,MAAM,uCAAuC,4EAyDnD,CAAC"}
@@ -1,3 +0,0 @@
1
- export * from './verification-code-input';
2
- export * from './verification-code-input.template';
3
- export * from './verification-code-input.styles';