@genesislcap/foundation-ui 15.0.0-FUI-2567.2 → 15.1.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.
- package/dist/custom-elements.json +1375 -2174
- 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 +9 -20
- 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 +6 -25
- package/dist/react.mjs +5 -23
- 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
package/dist/foundation-ui.d.ts
CHANGED
|
@@ -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) => {
|
|
@@ -118,6 +117,11 @@ const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
|
118
117
|
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
119
118
|
});
|
|
120
119
|
|
|
120
|
+
const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
121
|
+
const { children, ...rest } = props;
|
|
122
|
+
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
123
|
+
});
|
|
124
|
+
|
|
121
125
|
const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
|
|
122
126
|
const { children, ...rest } = props;
|
|
123
127
|
return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
|
|
@@ -150,11 +154,6 @@ const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
|
|
|
150
154
|
return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
|
|
151
155
|
});
|
|
152
156
|
|
|
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);
|
|
@@ -1144,10 +1126,10 @@ const WeeklyRecurrence = React.forwardRef(function WeeklyRecurrence(props, ref)
|
|
|
1144
1126
|
|
|
1145
1127
|
module.exports = {
|
|
1146
1128
|
AccordionItem,
|
|
1129
|
+
Accordion,
|
|
1147
1130
|
ActionsMenu,
|
|
1148
1131
|
AiCriteriaSearch,
|
|
1149
1132
|
AiIndicator,
|
|
1150
|
-
Accordion,
|
|
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) => {
|
|
@@ -116,6 +115,11 @@ export const AccordionItem = React.forwardRef(function AccordionItem(props, ref)
|
|
|
116
115
|
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
117
116
|
});
|
|
118
117
|
|
|
118
|
+
export const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
119
|
+
const { children, ...rest } = props;
|
|
120
|
+
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
121
|
+
});
|
|
122
|
+
|
|
119
123
|
export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
|
|
120
124
|
const { children, ...rest } = props;
|
|
121
125
|
return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
|
|
@@ -148,11 +152,6 @@ export const AiIndicator = React.forwardRef(function AiIndicator(props, ref) {
|
|
|
148
152
|
return React.createElement(customElements.getName(AiIndicatorWC) ?? '%%prefix%%-ai-indicator', { ...rest, ref }, children);
|
|
149
153
|
});
|
|
150
154
|
|
|
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.
|
|
4
|
+
"version": "15.1.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.
|
|
89
|
-
"@genesislcap/genx": "15.
|
|
90
|
-
"@genesislcap/rollup-builder": "15.
|
|
91
|
-
"@genesislcap/ts-builder": "15.
|
|
92
|
-
"@genesislcap/uvu-playwright-builder": "15.
|
|
93
|
-
"@genesislcap/vite-builder": "15.
|
|
94
|
-
"@genesislcap/webpack-builder": "15.
|
|
88
|
+
"@genesislcap/foundation-testing": "15.1.0",
|
|
89
|
+
"@genesislcap/genx": "15.1.0",
|
|
90
|
+
"@genesislcap/rollup-builder": "15.1.0",
|
|
91
|
+
"@genesislcap/ts-builder": "15.1.0",
|
|
92
|
+
"@genesislcap/uvu-playwright-builder": "15.1.0",
|
|
93
|
+
"@genesislcap/vite-builder": "15.1.0",
|
|
94
|
+
"@genesislcap/webpack-builder": "15.1.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.
|
|
104
|
-
"@genesislcap/foundation-ai": "15.
|
|
105
|
-
"@genesislcap/foundation-comms": "15.
|
|
106
|
-
"@genesislcap/foundation-criteria": "15.
|
|
107
|
-
"@genesislcap/foundation-errors": "15.
|
|
108
|
-
"@genesislcap/foundation-events": "15.
|
|
109
|
-
"@genesislcap/foundation-logger": "15.
|
|
110
|
-
"@genesislcap/foundation-notifications": "15.
|
|
111
|
-
"@genesislcap/foundation-user": "15.
|
|
112
|
-
"@genesislcap/foundation-utils": "15.
|
|
103
|
+
"@genesislcap/expression-builder": "15.1.0",
|
|
104
|
+
"@genesislcap/foundation-ai": "15.1.0",
|
|
105
|
+
"@genesislcap/foundation-comms": "15.1.0",
|
|
106
|
+
"@genesislcap/foundation-criteria": "15.1.0",
|
|
107
|
+
"@genesislcap/foundation-errors": "15.1.0",
|
|
108
|
+
"@genesislcap/foundation-events": "15.1.0",
|
|
109
|
+
"@genesislcap/foundation-logger": "15.1.0",
|
|
110
|
+
"@genesislcap/foundation-notifications": "15.1.0",
|
|
111
|
+
"@genesislcap/foundation-user": "15.1.0",
|
|
112
|
+
"@genesislcap/foundation-utils": "15.1.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": "
|
|
145
|
+
"gitHead": "f841e54c9b682f3cf01448a9db79d67a66b88c84"
|
|
146
146
|
}
|
|
@@ -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 +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 +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"}
|