@lion/ui 0.0.1

package/dist-types/components/form-core/test-helpers/mimicUserInput.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @param {HTMLElement} formControl
+ * @param {?} newViewValue
+ * @param {{caretIndex?:number}} config
+ */
+export function mimicUserInput(formControl: HTMLElement, newViewValue: unknown, { caretIndex }?: {
+    caretIndex?: number;
+}): void;
+//# sourceMappingURL=mimicUserInput.d.ts.map

package/dist-types/components/form-core/test-helpers/mimicUserInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mimicUserInput.d.ts","sourceRoot":"","sources":["../../../../components/form-core/test-helpers/mimicUserInput.js"],"names":[],"mappings":"AACA;;;;GAIG;AACH,4CAJW,WAAW,0CAEX;IAAC,UAAU,CAAC,EAAC,MAAM,CAAA;CAAC,QAW9B"}

package/dist-types/components/form-core/test-suites/FormRegistrationMixins.suite.d.ts

@@ -0,0 +1,10 @@
+export function runRegistrationSuite(customConfig: customConfig): void;
+export type customConfig = {
+    baseElement?: typeof LitElement | undefined;
+    suffix?: string | undefined;
+    parentTagString?: string | undefined;
+    childTagString?: string | undefined;
+    portalTagString?: string | undefined;
+};
+import { LitElement } from "lit-element/lit-element.js";
+//# sourceMappingURL=FormRegistrationMixins.suite.d.ts.map

package/dist-types/components/form-core/test-suites/FormRegistrationMixins.suite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRegistrationMixins.suite.d.ts","sourceRoot":"","sources":["../../../../components/form-core/test-suites/FormRegistrationMixins.suite.js"],"names":[],"mappings":"AAqBO,mDAFI,YAAY,QA8WtB;;kBAtXa,iBAAiB,GAAC,SAAS"}

package/dist-types/components/form-core/test-suites/FormatMixin.suite.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @param {{tagString?: string, modelValueType?: modelValueType}} [customConfig]
+ */
+export function runFormatMixinSuite(customConfig?: {
+    tagString?: string | undefined;
+    modelValueType?: modelValueType | undefined;
+} | undefined): void;
+export type FormControlHost = import('../types/FormControlMixinTypes.js').FormControlHost;
+export type modelValueType = ArrayConstructor | ObjectConstructor | NumberConstructor | BooleanConstructor | StringConstructor | DateConstructor | 'iban' | 'email';
+//# sourceMappingURL=FormatMixin.suite.d.ts.map

package/dist-types/components/form-core/test-suites/FormatMixin.suite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormatMixin.suite.d.ts","sourceRoot":"","sources":["../../../../components/form-core/test-suites/FormatMixin.suite.js"],"names":[],"mappings":"AAmCA;;GAEG;AACH;;;qBA4nBC;8BA1pBY,OAAO,mCAAmC,EAAE,eAAe;6BAC3D,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,eAAe,GAAG,MAAM,GAAG,OAAO"}

package/dist-types/components/form-core/test-suites/InteractionStateMixin.suite.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @param {{tagString?: string, allowedModelValueTypes?: Array.<ArrayConstructor | ObjectConstructor | NumberConstructor | BooleanConstructor | StringConstructor | DateConstructor>}} [customConfig]
+ */
+export function runInteractionStateMixinSuite(customConfig?: {
+    tagString?: string | undefined;
+    allowedModelValueTypes?: (NumberConstructor | ArrayConstructor | BooleanConstructor | StringConstructor | DateConstructor | ObjectConstructor)[] | undefined;
+} | undefined): void;
+//# sourceMappingURL=InteractionStateMixin.suite.d.ts.map

package/dist-types/components/form-core/test-suites/InteractionStateMixin.suite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractionStateMixin.suite.d.ts","sourceRoot":"","sources":["../../../../components/form-core/test-suites/InteractionStateMixin.suite.js"],"names":[],"mappings":"AAcA;;GAEG;AACH;;;qBAkQC"}

package/dist-types/components/form-core/test-suites/NativeTextFieldMixin.suite.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @typedef {import('../types/FormControlMixinTypes.js').FormControlHost} FormControlHost
+ * @typedef {ArrayConstructor | ObjectConstructor | NumberConstructor | BooleanConstructor | StringConstructor | DateConstructor | 'iban' | 'email'} modelValueType
+ */
+/**
+ * @param {{tagString?: string, modelValueType?: modelValueType}} [customConfig]
+ */
+export function runNativeTextFieldMixinSuite(customConfig?: {
+    tagString?: string | undefined;
+    modelValueType?: modelValueType | undefined;
+} | undefined): void;
+export type FormControlHost = import('../types/FormControlMixinTypes.js').FormControlHost;
+export type modelValueType = ArrayConstructor | ObjectConstructor | NumberConstructor | BooleanConstructor | StringConstructor | DateConstructor | 'iban' | 'email';
+//# sourceMappingURL=NativeTextFieldMixin.suite.d.ts.map

package/dist-types/components/form-core/test-suites/NativeTextFieldMixin.suite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeTextFieldMixin.suite.d.ts","sourceRoot":"","sources":["../../../../components/form-core/test-suites/NativeTextFieldMixin.suite.js"],"names":[],"mappings":"AAYA;;;GAGG;AAEH;;GAEG;AACH;;;qBAyDC;8BAhEY,OAAO,mCAAmC,EAAE,eAAe;6BAC3D,gBAAgB,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,eAAe,GAAG,MAAM,GAAG,OAAO"}

package/dist-types/components/form-core/test-suites/ValidateMixin.suite.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @typedef {import('@lion/ui/form-core.js').LionField} LionField
+ */
+/**
+ * @param {{tagString?: string | null, lightDom?: string}} [customConfig]
+ */
+export function runValidateMixinSuite(customConfig?: {
+    tagString?: string | null | undefined;
+    lightDom?: string | undefined;
+} | undefined): void;
+export type LionField = import('@lion/ui/form-core.js').LionField;
+//# sourceMappingURL=ValidateMixin.suite.d.ts.map

package/dist-types/components/form-core/test-suites/ValidateMixin.suite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidateMixin.suite.d.ts","sourceRoot":"","sources":["../../../../components/form-core/test-suites/ValidateMixin.suite.js"],"names":[],"mappings":"AAuBA;;GAEG;AAEH;;GAEG;AACH;;;qBAo5CC;wBA15CY,OAAO,uBAAuB,EAAE,SAAS"}

package/dist-types/components/form-core/test-suites/ValidateMixinFeedbackPart.suite.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @typedef {import('../types/validate/validate.js').FeedbackMessageData} FeedbackMessageData
+ */
+export function runValidateMixinFeedbackPart(): void;
+export type FeedbackMessageData = import('../types/validate/validate.js').FeedbackMessageData;
+//# sourceMappingURL=ValidateMixinFeedbackPart.suite.d.ts.map

package/dist-types/components/form-core/test-suites/ValidateMixinFeedbackPart.suite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidateMixinFeedbackPart.suite.d.ts","sourceRoot":"","sources":["../../../../components/form-core/test-suites/ValidateMixinFeedbackPart.suite.js"],"names":[],"mappings":"AAeA;;GAEG;AAEH,qDA+mBC;kCAlnBY,OAAO,+BAA+B,EAAE,mBAAmB"}

package/dist-types/components/form-core/test-suites/choice-group/ChoiceGroupMixin.suite.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @param {{ parentTagString?:string, childTagString?: string, choiceType?: string}} config
+ */
+export function runChoiceGroupMixinSuite({ parentTagString, childTagString, choiceType }?: {
+    parentTagString?: string;
+    childTagString?: string;
+    choiceType?: string;
+}): void;
+//# sourceMappingURL=ChoiceGroupMixin.suite.d.ts.map

package/dist-types/components/form-core/test-suites/choice-group/ChoiceGroupMixin.suite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceGroupMixin.suite.d.ts","sourceRoot":"","sources":["../../../../../components/form-core/test-suites/choice-group/ChoiceGroupMixin.suite.js"],"names":[],"mappings":"AA4BA;;GAEG;AACH,2FAFW;IAAE,eAAe,CAAC,EAAC,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAC,QAitBlF"}

package/dist-types/components/form-core/test-suites/choice-group/ChoiceInputMixin.suite.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @param {{ tagString?:string, tagType?: string}} config
+ * @deprecated
+ */
+export function runChoiceInputMixinSuite({ tagString }?: {
+    tagString?: string;
+    tagType?: string;
+}): void;
+//# sourceMappingURL=ChoiceInputMixin.suite.d.ts.map

package/dist-types/components/form-core/test-suites/choice-group/ChoiceInputMixin.suite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChoiceInputMixin.suite.d.ts","sourceRoot":"","sources":["../../../../../components/form-core/test-suites/choice-group/ChoiceInputMixin.suite.js"],"names":[],"mappings":"AAeA;;;GAGG;AACH,yDAHW;IAAE,SAAS,CAAC,EAAC,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAC,QAoVhD"}

package/dist-types/components/form-core/test-suites/form-group/FormGroupMixin-input.suite.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @typedef {import('@lion/ui/form-core.js').LionField} LionField
+ */
+/**
+ * @param {{ tagString?: string, childTagString?:string }} [cfg]
+ */
+export function runFormGroupMixinInputSuite(cfg?: {
+    tagString?: string | undefined;
+    childTagString?: string | undefined;
+} | undefined): void;
+export type LionField = import('@lion/ui/form-core.js').LionField;
+//# sourceMappingURL=FormGroupMixin-input.suite.d.ts.map

package/dist-types/components/form-core/test-suites/form-group/FormGroupMixin-input.suite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroupMixin-input.suite.d.ts","sourceRoot":"","sources":["../../../../../components/form-core/test-suites/form-group/FormGroupMixin-input.suite.js"],"names":[],"mappings":"AASA;;GAEG;AAEH;;GAEG;AACH;;;qBAsTC;wBA5TY,OAAO,uBAAuB,EAAE,SAAS"}

package/dist-types/components/form-core/test-suites/form-group/FormGroupMixin.suite.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @param {{ tagString?: string, childTagString?:string }} [cfg]
+ */
+export function runFormGroupMixinSuite(cfg?: {
+    tagString?: string | undefined;
+    childTagString?: string | undefined;
+} | undefined): void;
+//# sourceMappingURL=FormGroupMixin.suite.d.ts.map

package/dist-types/components/form-core/test-suites/form-group/FormGroupMixin.suite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroupMixin.suite.d.ts","sourceRoot":"","sources":["../../../../../components/form-core/test-suites/form-group/FormGroupMixin.suite.js"],"names":[],"mappings":"AAkBA;;GAEG;AACH;;;qBA2hDC"}

package/dist-types/components/form-core/types/FocusMixinTypes.d.ts

@@ -0,0 +1,35 @@
+import { Constructor } from '@open-wc/dedupe-mixin';
+import { LitElement } from 'lit';
+export declare class FocusHost {
+    /**
+     * Whether the focusable element within (`._focusableNode`) is focused.
+     * Reflects to attribute '[focused]' as a styling hook
+     */
+    focused: boolean;
+    /**
+     * Whether the focusable element within (`._focusableNode`) matches ':focus-visible'
+     * Reflects to attribute '[focused-visible]' as a styling hook
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible
+     */
+    focusedVisible: boolean;
+    /**
+     * Calls `focus()` on focusable element within
+     */
+    focus(): void;
+    /**
+     * Calls `blur()` on focusable element within
+     */
+    blur(): void;
+    /**
+     * The focusable element:
+     * could be an input, textarea, select, button or any other element with tabindex > -1
+     */
+    protected get _focusableNode(): HTMLElement;
+    private __onFocus;
+    private __onBlur;
+    private __registerEventsForFocusMixin;
+    private __teardownEventsForFocusMixin;
+}
+export declare function FocusImplementation<T extends Constructor<LitElement>>(superclass: T): T & Constructor<FocusHost> & Pick<typeof FocusHost, keyof typeof FocusHost> & Pick<typeof LitElement, keyof typeof LitElement>;
+export declare type FocusMixin = typeof FocusImplementation;
+//# sourceMappingURL=FocusMixinTypes.d.ts.map

package/dist-types/components/form-core/types/FocusMixinTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusMixinTypes.d.ts","sourceRoot":"","sources":["../../../../components/form-core/types/FocusMixinTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,MAAM,CAAC,OAAO,OAAO,SAAS;IAC5B;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,cAAc,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,KAAK,IAAI,IAAI;IAEb;;OAEG;IACH,IAAI,IAAI,IAAI;IAEZ;;;OAGG;IACH,SAAS,KAAK,cAAc,IAAI,WAAW,CAAC;IAE5C,OAAO,CAAC,SAAS;IACjB,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,6BAA6B;IACrC,OAAO,CAAC,6BAA6B;CACtC;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,CAAC,SAAS,WAAW,CAAC,UAAU,CAAC,EAC3E,UAAU,EAAE,CAAC,GACZ,CAAC,GACF,WAAW,CAAC,SAAS,CAAC,GACtB,IAAI,CAAC,OAAO,SAAS,EAAE,MAAM,OAAO,SAAS,CAAC,GAC9C,IAAI,CAAC,OAAO,UAAU,EAAE,MAAM,OAAO,UAAU,CAAC,CAAC;AAEnD,oBAAY,UAAU,GAAG,OAAO,mBAAmB,CAAC"}

package/dist-types/components/form-core/types/FormControlMixinTypes.d.ts

@@ -0,0 +1,220 @@
+import { Constructor } from '@open-wc/dedupe-mixin';
+import { LitElement, nothing, TemplateResult, CSSResultArray } from 'lit';
+import { DisabledHost } from '../../core/types/DisabledMixinTypes.js';
+import { SlotHost } from '../../core/types/SlotMixinTypes.js';
+import { FormRegisteringHost } from './registration/FormRegisteringMixinTypes.js';
+import { LionValidationFeedback } from '../src/validate/LionValidationFeedback.js';
+import { Unparseable } from '../src/validate/Unparseable.js';
+export declare type ModelValueEventDetails = {
+    /**
+     * A list that represents the path of FormControls the model-value-changed event
+     * 'traveled through'.
+     * (every FormControl stops propagation of its child and sends a new event, hereby adding
+     * itself to the beginning of formPath)
+     */
+    formPath: HTMLElement[];
+    /**
+     * Sometimes it can be helpful to detect whether a value change was caused by a user or
+     * via a programmatical change.
+     * This feature acts as a normalization layer: since we use `model-value-changed` as a single
+     * source of truth event for all FormControls, there should be no use cases for
+     * (inconsistently implemented (cross browser)) events
+     * like 'input'/'change'/'user-input-changed' etc.)
+     */
+    isTriggeredByUser: boolean;
+    /**
+     * Whether it is the first event sent on initialization of the form (other
+     * model-value-changed events are triggered imperatively or via user input (in the latter
+     * case `isTriggeredByUser` is true))
+     */
+    initialize?: boolean;
+};
+export declare interface HTMLElementWithValue extends HTMLElement {
+    value: string;
+    selectionStart?: number;
+    selectionEnd?: number;
+}
+export declare class FormControlHost {
+    static get styles(): CSSResultArray;
+    static get properties(): {
+        name: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        readOnly: {
+            type: BooleanConstructor;
+            attribute: string;
+            reflect: boolean;
+        };
+        label: StringConstructor;
+        helpText: {
+            type: StringConstructor;
+            attribute: string;
+        };
+        modelValue: {
+            attribute: boolean;
+        };
+        _ariaLabelledNodes: {
+            attribute: boolean;
+        };
+        _ariaDescribedNodes: {
+            attribute: boolean;
+        };
+        _repropagationRole: {
+            attribute: boolean;
+        };
+        _isRepropagationEndpoint: {
+            attribute: boolean;
+        };
+    };
+    /**
+     * A boolean attribute which, if present, indicates that the user should not be able to edit
+     * the value of the input. The difference between disabled and readonly is that read-only
+     * controls can still function, whereas disabled controls generally do not function as
+     * controls until they are enabled.
+     * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly
+     */
+    readOnly: boolean;
+    /**
+     * The name the element will be registered with to the .formElements collection
+     * of the parent. Also, it serves as the key of key/value pairs in
+     *  modelValue/serializedValue objects
+     */
+    name: string;
+    /**
+     * The model value is the result of the parser function(when available).
+     * It should be considered as the internal value used for validation and reasoning/logic.
+     * The model value is 'ready for consumption' by the outside world (think of a Date
+     * object or a float). The modelValue can(and is recommended to) be used as both input
+     * value and output value of the `LionField`.
+     *
+     * Examples:
+     * - For a date input: a String '20/01/1999' will be converted to new Date('1999/01/20')
+     * - For a number input: a formatted String '1.234,56' will be converted to a Number:
+     *   1234.56
+     */
+    get modelValue(): any | Unparseable;
+    set modelValue(value: any | Unparseable);
+    /**
+     * The label text for the input node.
+     * When no light dom defined via [slot=label], this value will be used
+     */
+    get label(): string;
+    set label(arg: string);
+    /**
+     * The helpt text for the input node.
+     * When no light dom defined via [slot=help-text], this value will be used
+     */
+    get helpText(): string;
+    set helpText(arg: string);
+    /**
+     * Will be used in validation messages to refer to the current field
+     */
+    set fieldName(arg: string);
+    get fieldName(): string;
+    /**
+     * Allows to add extra element references to aria-labelledby attribute.
+     */
+    addToAriaLabelledBy(element: HTMLElement, customConfig?: {
+        idPrefix?: string | undefined;
+        reorder?: boolean | undefined;
+    }): void;
+    /**
+     * Allows to add extra element references to aria-describedby attribute.
+     */
+    addToAriaDescribedBy(element: HTMLElement, customConfig?: {
+        idPrefix?: string | undefined;
+        reorder?: boolean | undefined;
+    }): void;
+    /**
+     * Allows to remove element references from aria-labelledby attribute.
+     */
+    removeFromAriaLabelledBy(element: HTMLElement, customConfig?: {
+        reorder?: boolean | undefined;
+    }): void;
+    /**
+     * Allows to remove element references from aria-describedby attribute.
+     */
+    removeFromAriaDescribedBy(element: HTMLElement, customConfig?: {
+        reorder?: boolean | undefined;
+    }): void;
+    updated(changedProperties: import('lit').PropertyValues): void;
+    /**
+     * The interactive (form) element. Can be a native element like input/textarea/select or
+     * an element with tabindex > -1
+     */
+    protected get _inputNode(): HTMLElementWithValue | HTMLInputElement | HTMLTextAreaElement;
+    /**
+     * Element where label will be rendered to
+     */
+    protected get _labelNode(): HTMLElement;
+    /**
+     * Element where help text will be rendered to
+     */
+    protected get _helpTextNode(): HTMLElement;
+    /**
+     * Element where validation feedback will be rendered to
+     */
+    protected get _feedbackNode(): LionValidationFeedback;
+    /**
+     * Unique id that can be used in all light dom
+     */
+    protected _inputId: string;
+    /**
+     * Contains all elements that should end up in aria-labelledby of `._inputNode`
+     * @type {HTMLElement[]}
+     */
+    protected _ariaLabelledNodes: HTMLElement[];
+    /**
+     * Contains all elements that should end up in aria-describedby of `._inputNode`
+     */
+    protected _ariaDescribedNodes: HTMLElement[];
+    /**
+     * Based on the role, details of handling model-value-changed repropagation differ.
+     */
+    protected _repropagationRole: 'child' | 'choice-group' | 'fieldset';
+    /**
+     * By default, a field with _repropagationRole 'choice-group' will act as an
+     * 'endpoint'. This means it will be considered as an individual field: for
+     * a select, individual options will not be part of the formPath. They
+     * will.
+     * Similarly, components that (a11y wise) need to be fieldsets, but 'interaction wise'
+     * (from Application Developer perspective) need to be more like fields
+     * (think of an amount-input with a currency select box next to it), can set this
+     * to true to hide private internals in the formPath.
+     */
+    protected _isRepropagationEndpoint: boolean;
+    protected _parentFormGroup: FormControlHost | undefined;
+    protected _groupOneTemplate(): TemplateResult;
+    protected _groupTwoTemplate(): TemplateResult;
+    protected _labelTemplate(): TemplateResult;
+    protected _helpTextTemplate(): TemplateResult;
+    protected _inputGroupTemplate(): TemplateResult;
+    protected _inputGroupBeforeTemplate(): TemplateResult;
+    protected _inputGroupPrefixTemplate(): TemplateResult | typeof nothing;
+    protected _inputGroupInputTemplate(): TemplateResult;
+    protected _inputGroupSuffixTemplate(): TemplateResult | typeof nothing;
+    protected _inputGroupAfterTemplate(): TemplateResult;
+    protected _feedbackTemplate(): TemplateResult;
+    protected _triggerInitialModelValueChangedEvent(): void;
+    protected _enhanceLightDomClasses(): void;
+    protected _enhanceLightDomA11y(): void;
+    protected _enhanceLightDomA11yForAdditionalSlots(additionalSlots?: string[]): void;
+    protected _isEmpty(modelValue?: any): boolean;
+    protected _getAriaDescriptionElements(): HTMLElement[];
+    protected _dispatchInitialModelValueChangedEvent(): void;
+    protected _onBeforeRepropagateChildrenValues(ev: CustomEvent): void;
+    protected _repropagationCondition(target: FormControlHost): boolean;
+    private __helpText;
+    private __label;
+    private __fieldName;
+    private __reorderAriaLabelledNodes;
+    private __reflectAriaAttr;
+    private __reorderAriaDescribedNodes;
+    private __getDirectSlotChild;
+    private __repropagateChildrenInitialized;
+    private __repropagateChildrenValues;
+}
+export declare function FormControlImplementation<T extends Constructor<LitElement>>(superclass: T): T & Constructor<FormControlHost> & Pick<typeof FormControlHost, keyof typeof FormControlHost> & Constructor<FormRegisteringHost> & Pick<typeof FormRegisteringHost, keyof typeof FormRegisteringHost> & Constructor<DisabledHost> & Pick<typeof DisabledHost, keyof typeof DisabledHost> & Constructor<SlotHost> & Pick<typeof SlotHost, keyof typeof SlotHost> & Pick<typeof LitElement, keyof typeof LitElement>;
+export declare type FormControlMixin = typeof FormControlImplementation;
+//# sourceMappingURL=FormControlMixinTypes.d.ts.map

package/dist-types/components/form-core/types/FormControlMixinTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControlMixinTypes.d.ts","sourceRoot":"","sources":["../../../../components/form-core/types/FormControlMixinTypes.ts"],"names":[],"mappings":"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"}

package/dist-types/components/form-core/types/FormatMixinTypes.d.ts

@@ -0,0 +1,179 @@
+import { Constructor } from '@open-wc/dedupe-mixin';
+import { LitElement } from 'lit';
+import { ValidateHost } from './validate/ValidateMixinTypes.js';
+import { FormControlHost } from './FormControlMixinTypes.js';
+export declare type FormatOptions = {
+    mode: 'pasted' | 'auto';
+} & object;
+export declare class FormatHost {
+    /**
+     * Converts viewValue to modelValue
+     * For instance, a localized date to a Date Object
+     * @param {string} v - viewValue: the formatted value inside <input>
+     * @param {FormatOptions} opts
+     * @returns {*} modelValue
+     */
+    parser(v: string, opts: FormatOptions): unknown;
+    /**
+     * Converts modelValue to formattedValue (formattedValue will be synced with
+     * `._inputNode.value`)
+     * For instance, a Date object to a localized date.
+     * @param {*} v - modelValue: can be an Object, Number, String depending on the
+     * input type(date, number, email etc)
+     * @param {FormatOptions} opts
+     * @returns {string} formattedValue
+     */
+    formatter(v: unknown, opts?: FormatOptions): string;
+    /**
+     * Converts `.modelValue` to `.serializedValue`
+     * For instance, a Date object to an iso formatted date string
+     * @param {?} v - modelValue: can be an Object, Number, String depending on the
+     * input type(date, number, email etc)
+     * @returns {string} serializedValue
+     */
+    serializer(v: unknown): string;
+    /**
+     * Converts `.serializedValue` to `.modelValue`
+     * For instance, an iso formatted date string to a Date object
+     * @param {?} v - modelValue: can be an Object, Number, String depending on the
+     * input type(date, number, email etc)
+     * @returns {?} modelValue
+     */
+    deserializer(v: string): unknown;
+    /**
+     * Preprocessors could be considered 'live formatters'. Their result is shown to the user
+     * on keyup instead of after blurring the field. The biggest difference between preprocessors
+     * and formatters is their moment of execution: preprocessors are run before modelValue is
+     * computed (and work based on view value), whereas formatters are run after the parser (and
+     * are based on modelValue)
+     * Automatically formats code while typing. It depends on a preprocessro that smartly
+     * updates the viewValue and caret position for best UX.
+     * @example
+     * ```js
+     * preprocessor(viewValue) {
+     *   // only use digits
+     *   return viewValue.replace(/\D/g, '');
+     * }
+     * @param {string} v - the raw value from the <input> after keyUp/Down event
+     * @param {FormatOptions & { prevViewValue: string; currentCaretIndex: number }} opts - the raw value from the <input> after keyUp/Down event
+     * @returns {{ viewValue:string; caretIndex:number; }|string|undefined} preprocessedValue: the result of preprocessing for invalid input
+     */
+    preprocessor(v: string, options: FormatOptions & {
+        prevViewValue: string;
+        currentCaretIndex: number;
+    }): {
+        viewValue: string;
+        caretIndex: number;
+    } | string | undefined;
+    /**
+     * The view value is the result of the formatter function (when available).
+     * The result will be stored in the native _inputNode (usually an input[type=text]).
+     *
+     * Examples:
+     * - For a date input, this would be '20/01/1999' (dependent on locale).
+     * - For a number input, this could be '1,234.56' (a String representation of modelValue
+     * 1234.56)
+     * @type {string|undefined}
+     * @readOnly
+     */
+    formattedValue: string | undefined;
+    /**
+     * The serialized version of the model value.
+     * This value exists for maximal compatibility with the platform API.
+     * The serialized value can be an interface in context where data binding is not
+     * supported and a serialized string needs to be set.
+     *
+     * Examples:
+     * - For a date input, this would be the iso format of a date, e.g. '1999-01-20'.
+     * - For a number input this would be the String representation of a float ('1234.56'
+     *   instead of 1234.56)
+     *
+     * When no parser is available, the value is usually the same as the formattedValue
+     * (being _inputNode.value)
+     */
+    serializedValue: string | undefined;
+    /**
+     * Event that will trigger formatting (more precise, visual update of the view, so the
+     * user sees the formatted value)
+     * Default: 'change'
+     * @deprecated use _reflectBackOn()
+     * @protected
+     */
+    formatOn: string;
+    /**
+     * Configuration object that will be available inside the formatter function
+     */
+    formatOptions: FormatOptions;
+    /**
+     * The view value. Will be delegated to `._inputNode.value`
+     */
+    get value(): string;
+    set value(value: string);
+    /**
+     * Flag that will be set when user interaction takes place (for instance after an 'input'
+     * event). Will be added as meta info to the `model-value-changed` event. Depending on
+     * whether a user is interacting, formatting logic will be handled differently.
+     */
+    protected _isHandlingUserInput: boolean;
+    /**
+     * Whether the user is pasting content. Allows Subclassers to do this in their subclass:
+     * @example
+     * ```js
+     * _reflectBackOn() {
+     *   return super._reflectBackOn() || this._isPasting;
+     * }
+     * ```
+     */
+    protected _isPasting: boolean;
+    /**
+     * Responsible for storing all representations(modelValue, serializedValue, formattedValue
+     * and value) of the input value. Prevents infinite loops, so all value observers can be
+     * treated like they will only be called once, without indirectly calling other observers.
+     * (in fact, some are called twice, but the __preventRecursiveTrigger lock prevents the
+     * second call from having effect).
+     * @param {{source:'model'|'serialized'|'formatted'|null}} config
+     * the type of value that triggered this method. It should not be set again, so that its
+     * observer won't be triggered. Can be: 'model'|'formatted'|'serialized'.
+     */
+    protected _calculateValues(opts: {
+        source: 'model' | 'serialized' | 'formatted' | null;
+    }): void;
+    protected _onModelValueChanged(arg: {
+        modelValue: unknown;
+    }): void;
+    protected _dispatchModelValueChangedEvent(): void;
+    /**
+     * Synchronization from `._inputNode.value` to `LionField` (flow [2])
+     * Downwards syncing should only happen for `LionField`.value changes from 'above'.
+     * This triggers _onModelValueChanged and connects user input
+     * to the parsing/formatting/serializing loop.
+     */
+    protected _syncValueUpwards(): void;
+    protected _reflectBackFormattedValueToUser(): void;
+    private _reflectBackFormattedValueDebounced;
+    /**
+     * Every time .formattedValue is attempted to sync to the view value (on change/blur and on
+     * modelValue change), this condition is checked. When enhancing it, it's recommended to
+     * call `super._reflectBackOn()`
+     * @overridable
+     * @return {boolean}
+     * @protected
+     */
+    protected _reflectBackOn(): boolean;
+    /**
+     * This can be called whenever the view value should be updated. Dependent on component type
+     * ("input" for <input> or "change" for <select>(mainly for IE)) a different event should be
+     * used  as source for the "user-input-changed" event (which can be seen as an abstraction
+     * layer on top of other events (input, change, whatever))
+     * @protected
+     */
+    protected _proxyInputEvent(): void;
+    protected _onUserInputChanged(): void;
+    protected _callParser(value: string | undefined): object;
+    protected _callFormatter(): string;
+    private __preventRecursiveTrigger;
+    private __prevViewValue;
+}
+export declare function FormatImplementation<T extends Constructor<LitElement>>(superclass: T): T & Constructor<FormatHost> & Pick<typeof FormatHost, keyof typeof FormatHost> & Constructor<ValidateHost> & Pick<typeof ValidateHost, keyof typeof ValidateHost> & Constructor<FormControlHost> & Pick<typeof FormControlHost, keyof typeof FormControlHost> & Pick<typeof LitElement, keyof typeof LitElement>;
+export declare type FormatMixin = typeof FormatImplementation;
+//# sourceMappingURL=FormatMixinTypes.d.ts.map

package/dist-types/components/form-core/types/FormatMixinTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormatMixinTypes.d.ts","sourceRoot":"","sources":["../../../../components/form-core/types/FormatMixinTypes.ts"],"names":[],"mappings":"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"}