@genesislcap/foundation-ui 15.0.0 → 15.1.0-FUI-2567.3

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.
@@ -348,6 +348,17 @@ export declare const baseComponents: {
348
348
  foundationTreeItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").TreeItemOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").TreeItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
349
349
  foundationTreeView: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./tree-view").TreeView>;
350
350
  foundationUrlInput: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./url-input").UrlInput>;
351
+ foundationVerificationCodeInput: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
352
+ baseName: string;
353
+ template: import("@microsoft/fast-element").ViewTemplate<import("./verification-code-input").VerificationCodeInput, any>;
354
+ styles: import("@microsoft/fast-element").ElementStyles;
355
+ shadowOptions: ShadowRootInit;
356
+ }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
357
+ baseName: string;
358
+ template: import("@microsoft/fast-element").ViewTemplate<import("./verification-code-input").VerificationCodeInput, any>;
359
+ styles: import("@microsoft/fast-element").ElementStyles;
360
+ shadowOptions: ShadowRootInit;
361
+ }, typeof import("./verification-code-input").VerificationCodeInput>;
351
362
  foundationSectionNavigator: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
352
363
  baseName: string;
353
364
  template: import("@microsoft/fast-element").ViewTemplate<import("./section-navigator").SectionNavigator, any>;
@@ -1 +1 @@
1
- {"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAwF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAwFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
1
+ {"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAyF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAyFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
@@ -102,4 +102,5 @@ export * from './utils/base-datasource';
102
102
  export * from './utils/editable-elements';
103
103
  export * from './utils/event-types';
104
104
  export { getPrefix as getDesignSystemPrefix } from './utils/dom';
105
+ export * from './verification-code-input';
105
106
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
@@ -100,8 +100,9 @@ import type { Toolbar as ToolbarWC } from './toolbar/toolbar';
100
100
  import type { Tooltip as TooltipWC } from './tooltip/tooltip';
101
101
  import type { TreeView as TreeViewWC } from './tree-view/tree-view';
102
102
  import type { UrlInput as UrlInputWC } from './url-input/url-input';
103
+ import type { VerificationCodeInput as VerificationCodeInputWC } from './verification-code-input/verification-code-input';
103
104
  import type { AddGroupEventDetail, AddRuleEventDetail, DelGroupEventDetail, DelRuleEventDetail, UpdateGroupEventDetail, UpdateRuleEventDetail } from '@genesislcap/expression-builder';
104
- import type { ClearOptions, DailyConfig, FileReadEventDetail, FileSelectedEventDetail, FilterChangedEventDetail, FilterClearedEventDetail, MonthlyConfig, MultiselectOption, OpenChangeEventDetail, SelectedOption, StepClickEventDetail, ValidationError, ValidationFailureEventDetail, ValueChangeEventDetail, WeeklyConfig, YearlyConfig } from '@genesislcap/foundation-ui';
105
+ import type { ClearOptions, DailyConfig, FileReadEventDetail, FileSelectedEventDetail, FilterChangedEventDetail, FilterClearedEventDetail, MonthlyConfig, MultiselectOption, OpenChangeEventDetail, SelectedOption, StepClickEventDetail, ValidationError, ValidationFailureEventDetail, ValueChangeEventDetail, VerificationCodeInputEventDetail, WeeklyConfig, YearlyConfig } from '@genesislcap/foundation-ui';
105
106
 
106
107
  /** @internal Maps a web component class to its public props only.
107
108
  * keyof T skips private/protected members, so this avoids the TS error
@@ -150,14 +151,16 @@ export declare const ActionsMenu: React.ForwardRefExoticComponent<
150
151
  >;
151
152
  export type ActionsMenuRef = ActionsMenuWC;
152
153
 
153
- export declare const Accordion: React.ForwardRefExoticComponent<
154
+ export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
154
155
  React.PropsWithChildren<
155
- Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
156
+ Omit<PublicOf<AiCriteriaSearchWC>, 'children' | 'style'> &
156
157
  HTMLWCProps & {
158
+ onCriteriaChanged?: (event: CustomEvent<string | null>) => void;
159
+ onValidationErrors?: (event: CustomEvent<ValidationError[]>) => void;
157
160
  }
158
- > & React.RefAttributes<AccordionWC>
161
+ > & React.RefAttributes<AiCriteriaSearchWC>
159
162
  >;
160
- export type AccordionRef = AccordionWC;
163
+ export type AiCriteriaSearchRef = AiCriteriaSearchWC;
161
164
 
162
165
  export declare const AiIndicator: React.ForwardRefExoticComponent<
163
166
  React.PropsWithChildren<
@@ -168,16 +171,14 @@ export declare const AiIndicator: React.ForwardRefExoticComponent<
168
171
  >;
169
172
  export type AiIndicatorRef = AiIndicatorWC;
170
173
 
171
- export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
174
+ export declare const Accordion: React.ForwardRefExoticComponent<
172
175
  React.PropsWithChildren<
173
- Omit<PublicOf<AiCriteriaSearchWC>, 'children' | 'style'> &
176
+ Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
174
177
  HTMLWCProps & {
175
- onCriteriaChanged?: (event: CustomEvent<string | null>) => void;
176
- onValidationErrors?: (event: CustomEvent<ValidationError[]>) => void;
177
178
  }
178
- > & React.RefAttributes<AiCriteriaSearchWC>
179
+ > & React.RefAttributes<AccordionWC>
179
180
  >;
180
- export type AiCriteriaSearchRef = AiCriteriaSearchWC;
181
+ export type AccordionRef = AccordionWC;
181
182
 
182
183
  export declare const Anchor: React.ForwardRefExoticComponent<
183
184
  React.PropsWithChildren<
@@ -1029,6 +1030,16 @@ export declare const UrlInput: React.ForwardRefExoticComponent<
1029
1030
  >;
1030
1031
  export type UrlInputRef = UrlInputWC;
1031
1032
 
1033
+ export declare const VerificationCodeInput: React.ForwardRefExoticComponent<
1034
+ React.PropsWithChildren<
1035
+ Omit<PublicOf<VerificationCodeInputWC>, 'children' | 'style'> &
1036
+ HTMLWCProps & {
1037
+ onComplete?: (event: CustomEvent<VerificationCodeInputEventDetail>) => void;
1038
+ }
1039
+ > & React.RefAttributes<VerificationCodeInputWC>
1040
+ >;
1041
+ export type VerificationCodeInputRef = VerificationCodeInputWC;
1042
+
1032
1043
  export declare const DailyRecurrence: React.ForwardRefExoticComponent<
1033
1044
  React.PropsWithChildren<
1034
1045
  Omit<PublicOf<DailyRecurrenceWC>, 'children' | 'style'> &
@@ -0,0 +1,4 @@
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
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,145 @@
1
+ import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
2
+ export declare const foundationVerificationCodeInputShadowOptions: ShadowRootInit;
3
+ export declare const defaultVerificationCodeInputConfig: {};
4
+ /**
5
+ * Detail payload of the `change` and `complete` events.
6
+ * @public
7
+ */
8
+ export interface VerificationCodeInputEventDetail {
9
+ value: string;
10
+ }
11
+ declare class _VerificationCodeInput extends FoundationElement {
12
+ }
13
+ interface _VerificationCodeInput extends FormAssociated {
14
+ }
15
+ declare const VerificationCodeInput_base: typeof _VerificationCodeInput;
16
+ /**
17
+ * Multi-digit verification code input for OTP / 2FA flows.
18
+ *
19
+ * Form-associated (FAST `FormAssociated`): host `name` / `required` / `value` participate
20
+ * in native HTML form validation and submission like {@link TextField}.
21
+ *
22
+ * @public
23
+ * @tagname %%prefix%%-verification-code-input
24
+ *
25
+ * @fires change - Fired when any digit changes. detail: `VerificationCodeInputEventDetail`
26
+ * @fires complete - Fired when all digits are filled. detail: `VerificationCodeInputEventDetail`
27
+ */
28
+ export declare class VerificationCodeInput extends VerificationCodeInput_base {
29
+ /**
30
+ * Proxy element for form association when ElementInternals is unavailable.
31
+ * Initialized in the constructor (after `super()`) so it exists before attribute
32
+ * change handlers run — same pattern as FAST `FormAssociatedTextField`.
33
+ * @internal
34
+ */
35
+ proxy: HTMLInputElement;
36
+ /** Per-digit values indexed from `0` to `digits - 1`. */
37
+ values: string[];
38
+ /** Slotted label content; when empty the label is visually hidden. */
39
+ defaultSlottedNodes: any;
40
+ private readonly controlListeners;
41
+ /** Skip digit re-sync when `value` is updated from digit entry (`commitValues`). */
42
+ private syncingFromDigits;
43
+ constructor();
44
+ /**
45
+ * Optional host id used as a prefix for digit input ids (`{id}-0`, `{id}-1`, …)
46
+ * and the associated label element.
47
+ */
48
+ id: string;
49
+ /**
50
+ * Visual treatment applied to each digit field.
51
+ * @public
52
+ * @remarks
53
+ * HTML Attribute: appearance
54
+ * @defaultValue outline
55
+ */
56
+ appearance: string;
57
+ /**
58
+ * Number of single-character digit fields to render.
59
+ * @public
60
+ * @remarks
61
+ * HTML Attribute: digits
62
+ * @defaultValue 6
63
+ */
64
+ digits: number;
65
+ /**
66
+ * When true, digit fields are non-interactive.
67
+ * @public
68
+ * @remarks
69
+ * HTML Attribute: readonly
70
+ */
71
+ readOnly: 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
@@ -0,0 +1 @@
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;;;GAGG;AACH,MAAM,WAAW,gCAAgC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,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,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;IAuBpB,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"}
@@ -0,0 +1,3 @@
1
+ import { ElementStyles } from '@microsoft/fast-element';
2
+ export declare const foundationVerificationCodeInputStyles: ElementStyles;
3
+ //# sourceMappingURL=verification-code-input.styles.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,3 @@
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
@@ -0,0 +1 @@
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"}
@@ -85,6 +85,7 @@ import { foundationTooltip } from './tooltip';
85
85
  import { foundationTreeItem } from './tree-item';
86
86
  import { foundationTreeView } from './tree-view';
87
87
  import { foundationUrlInput } from './url-input';
88
+ import { foundationVerificationCodeInput } from './verification-code-input';
88
89
  export const baseComponents = {
89
90
  foundationAccordion,
90
91
  foundationAiCriteriaSearch,
@@ -172,6 +173,7 @@ export const baseComponents = {
172
173
  foundationTreeItem,
173
174
  foundationTreeView,
174
175
  foundationUrlInput,
176
+ foundationVerificationCodeInput,
175
177
  foundationSectionNavigator,
176
178
  register(container, ...rest) {
177
179
  if (!container) {
package/dist/esm/index.js CHANGED
@@ -102,3 +102,4 @@ export * from './utils/base-datasource';
102
102
  export * from './utils/editable-elements';
103
103
  export * from './utils/event-types';
104
104
  export { getPrefix as getDesignSystemPrefix } from './utils/dom';
105
+ export * from './verification-code-input';
@@ -0,0 +1,3 @@
1
+ export * from './verification-code-input';
2
+ export * from './verification-code-input.template';
3
+ export * from './verification-code-input.styles';