@shortfuse/materialdesignweb 0.9.0 → 0.9.2

package/types/mixins/TextFieldMixin.d.ts

@@ -1,5 +1,6 @@
 /** @typedef {import('../core/CustomElement.js').default} CustomElement */
 /**
+ * Composes a text field with label, supporting text, icons and control wiring.
  * @param {ReturnType<import('./ControlMixin.js').default>} Base
  */
 export default function TextFieldMixin(Base: ReturnType<typeof import("./ControlMixin.js").default>): typeof import("../core/CustomElement.js").default & import("../core/CustomElement.js").Class<{
@@ -119,6 +120,7 @@ export default function TextFieldMixin(Base: ReturnType<typeof import("./Control
 }, any[]> & import("../core/CustomElement.js").Class<{
     _computedAriaLabelledby: never;
 }, any[]> & import("../core/CustomElement.js").Class<{
+    /** Show an internal visual state layer element */
     stateLayer: boolean;
 }, any[]> & import("../core/CustomElement.js").Class<{
     type: string;
@@ -138,1217 +140,14 @@ export default function TextFieldMixin(Base: ReturnType<typeof import("./Control
 }, any[]> & import("../core/CustomElement.js").Class<{
     erroredState: boolean;
 }, any[]> & import("../core/CustomElement.js").Class<{
-    computePlaceholder: () => ReturnType<({ filled, outlined, label, placeholder }: import("../core/CustomElement.js").default & {
-        disabled: boolean;
-        focused: boolean;
-        hovered: boolean;
-        pressed: boolean;
-        _lastInteraction: "key" | "mouse" | "touch" | "pen";
-        _hovered: boolean;
-        _focused: boolean;
-        _focusedSynthetic: boolean;
-        _keyPressed: boolean;
-        _keyReleased: boolean;
-        _pointerPressed: boolean;
-        stateLayer: boolean;
-    } & {
-        disabledState: boolean;
-        hoveredState: boolean;
-        focusedState: boolean;
-        pressedState: boolean;
-        touchedState: boolean;
-        pointedState: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        shapeTop: boolean;
-        shapeBottom: boolean;
-        shapeStart: boolean;
-        shapeEnd: boolean;
-        shapeStyle: string;
-        outlined: boolean;
-    } & {
-        density: number;
-    } & {
-        delegatesFocus: boolean;
-    } & {
-        _ipcListener: EventListener;
-        _ipcTarget: EventTarget;
-        _files: FileList;
-    } & {
-        ariaControls: string;
-        autocomplete: string;
-        name: string;
-        readOnly: boolean;
-        formNoValidate: boolean;
-        defaultChecked: boolean;
-        _checkedDirty: boolean;
-        _checked: boolean;
-        required: boolean;
-        type: string;
-        _defaultValue: string;
-        _value: string;
-        _valueDirty: boolean;
-        _userInteracted: boolean;
-        _invalid: boolean;
-        _badInput: boolean;
-        _validationMessage: string;
-        _formDisabled: boolean;
-        _formReset: boolean;
-    } & {
-        erroredState: boolean;
-        defaultValue: string;
-        _valueBehavior: "default" | "value" | "default/on" | "filename";
-    } & {
-        _onSetValue(value: string): void;
-        _onSetChecked(checked: boolean): void;
-    } & {
-        value: string;
-        checked: boolean;
-    } & {
-        form: HTMLFormElement;
-        validity: ValidityState;
-        validationMessage: string;
-        willValidate: boolean;
-        labels: NodeList;
-    } & {
-        disabledState: boolean;
-    } & {
-        checkValidity(): boolean;
-        reportValidity(): boolean;
-        setCustomValidity(error: string): void;
-        _notifyRadioChange(key: string, value: string): void;
-        refreshFormAssociation(): void;
-        formAssociatedCallback(form: HTMLFormElement | null): void;
-        formIPCEvent(event: CustomEvent<[string, string]>): void;
-        formDisabledCallback(disabled: boolean): void;
-        formResetCallback(): void;
-        formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
-        _updateFormAssociatedValue(): void;
-    } & {
-        ariaLabel: string;
-        _slotInnerText: string;
-    } & {
-        focusableOnDisabled: boolean;
-        controlTagName: string;
-        controlVoidElement: boolean;
-        _slotMutationObserver: any;
-    } & {
-        _onControlValue(value: string): void;
-        onValueChangingContentAttribute(): void;
-        focus(options?: FocusOptions): void;
-        click(): void;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        checkValidity(): boolean;
-        reportValidity(): boolean;
-        setCustomValidity(error: string): void;
-    } & {
-        _computedAriaLabel: string;
-    } & {
-        _computedAriaLabelledby: never;
-    } & {
-        stateLayer: boolean;
-    } & {
-        type: string;
-        icon: string;
-        iconVariation: string;
-        label: string;
-        filled: boolean;
-        outlined: boolean;
-        inputPrefix: string;
-        inputSuffix: string;
-        trailingIcon: string;
-        trailingIconInk: string;
-        trailingIconLabel: string;
-        supporting: string;
-        error: string;
-        placeholder: string;
-    } & {
-        erroredState: boolean;
-    }) => string>;
-    shouldShowSupporting: () => ReturnType<({ erroredState, supporting }: import("../core/CustomElement.js").default & {
-        disabled: boolean;
-        focused: boolean;
-        hovered: boolean;
-        pressed: boolean;
-        _lastInteraction: "key" | "mouse" | "touch" | "pen";
-        _hovered: boolean;
-        _focused: boolean;
-        _focusedSynthetic: boolean;
-        _keyPressed: boolean;
-        _keyReleased: boolean;
-        _pointerPressed: boolean;
-        stateLayer: boolean;
-    } & {
-        disabledState: boolean;
-        hoveredState: boolean;
-        focusedState: boolean;
-        pressedState: boolean;
-        touchedState: boolean;
-        pointedState: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        shapeTop: boolean;
-        shapeBottom: boolean;
-        shapeStart: boolean;
-        shapeEnd: boolean;
-        shapeStyle: string;
-        outlined: boolean;
-    } & {
-        density: number;
-    } & {
-        delegatesFocus: boolean;
-    } & {
-        _ipcListener: EventListener;
-        _ipcTarget: EventTarget;
-        _files: FileList;
-    } & {
-        ariaControls: string;
-        autocomplete: string;
-        name: string;
-        readOnly: boolean;
-        formNoValidate: boolean;
-        defaultChecked: boolean;
-        _checkedDirty: boolean;
-        _checked: boolean;
-        required: boolean;
-        type: string;
-        _defaultValue: string;
-        _value: string;
-        _valueDirty: boolean;
-        _userInteracted: boolean;
-        _invalid: boolean;
-        _badInput: boolean;
-        _validationMessage: string;
-        _formDisabled: boolean;
-        _formReset: boolean;
-    } & {
-        erroredState: boolean;
-        defaultValue: string;
-        _valueBehavior: "default" | "value" | "default/on" | "filename";
-    } & {
-        _onSetValue(value: string): void;
-        _onSetChecked(checked: boolean): void;
-    } & {
-        value: string;
-        checked: boolean;
-    } & {
-        form: HTMLFormElement;
-        validity: ValidityState;
-        validationMessage: string;
-        willValidate: boolean;
-        labels: NodeList;
-    } & {
-        disabledState: boolean;
-    } & {
-        checkValidity(): boolean;
-        reportValidity(): boolean;
-        setCustomValidity(error: string): void;
-        _notifyRadioChange(key: string, value: string): void;
-        refreshFormAssociation(): void;
-        formAssociatedCallback(form: HTMLFormElement | null): void;
-        formIPCEvent(event: CustomEvent<[string, string]>): void;
-        formDisabledCallback(disabled: boolean): void;
-        formResetCallback(): void;
-        formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
-        _updateFormAssociatedValue(): void;
-    } & {
-        ariaLabel: string;
-        _slotInnerText: string;
-    } & {
-        focusableOnDisabled: boolean;
-        controlTagName: string;
-        controlVoidElement: boolean;
-        _slotMutationObserver: any;
-    } & {
-        _onControlValue(value: string): void;
-        onValueChangingContentAttribute(): void;
-        focus(options?: FocusOptions): void;
-        click(): void;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        checkValidity(): boolean;
-        reportValidity(): boolean;
-        setCustomValidity(error: string): void;
-    } & {
-        _computedAriaLabel: string;
-    } & {
-        _computedAriaLabelledby: never;
-    } & {
-        stateLayer: boolean;
-    } & {
-        type: string;
-        icon: string;
-        iconVariation: string;
-        label: string;
-        filled: boolean;
-        outlined: boolean;
-        inputPrefix: string;
-        inputSuffix: string;
-        trailingIcon: string;
-        trailingIconInk: string;
-        trailingIconLabel: string;
-        supporting: string;
-        error: string;
-        placeholder: string;
-    } & {
-        erroredState: boolean;
-    }) => boolean>;
-    computeSupportingText: () => ReturnType<({ error, erroredState, _validationMessage, supporting }: import("../core/CustomElement.js").default & {
-        disabled: boolean;
-        focused: boolean;
-        hovered: boolean;
-        pressed: boolean;
-        _lastInteraction: "key" | "mouse" | "touch" | "pen";
-        _hovered: boolean;
-        _focused: boolean;
-        _focusedSynthetic: boolean;
-        _keyPressed: boolean;
-        _keyReleased: boolean;
-        _pointerPressed: boolean;
-        stateLayer: boolean;
-    } & {
-        disabledState: boolean;
-        hoveredState: boolean;
-        focusedState: boolean;
-        pressedState: boolean;
-        touchedState: boolean;
-        pointedState: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        shapeTop: boolean;
-        shapeBottom: boolean;
-        shapeStart: boolean;
-        shapeEnd: boolean;
-        shapeStyle: string;
-        outlined: boolean;
-    } & {
-        density: number;
-    } & {
-        delegatesFocus: boolean;
-    } & {
-        _ipcListener: EventListener;
-        _ipcTarget: EventTarget;
-        _files: FileList;
-    } & {
-        ariaControls: string;
-        autocomplete: string;
-        name: string;
-        readOnly: boolean;
-        formNoValidate: boolean;
-        defaultChecked: boolean;
-        _checkedDirty: boolean;
-        _checked: boolean;
-        required: boolean;
-        type: string;
-        _defaultValue: string;
-        _value: string;
-        _valueDirty: boolean;
-        _userInteracted: boolean;
-        _invalid: boolean;
-        _badInput: boolean;
-        _validationMessage: string;
-        _formDisabled: boolean;
-        _formReset: boolean;
-    } & {
-        erroredState: boolean;
-        defaultValue: string;
-        _valueBehavior: "default" | "value" | "default/on" | "filename";
-    } & {
-        _onSetValue(value: string): void;
-        _onSetChecked(checked: boolean): void;
-    } & {
-        value: string;
-        checked: boolean;
-    } & {
-        form: HTMLFormElement;
-        validity: ValidityState;
-        validationMessage: string;
-        willValidate: boolean;
-        labels: NodeList;
-    } & {
-        disabledState: boolean;
-    } & {
-        checkValidity(): boolean;
-        reportValidity(): boolean;
-        setCustomValidity(error: string): void;
-        _notifyRadioChange(key: string, value: string): void;
-        refreshFormAssociation(): void;
-        formAssociatedCallback(form: HTMLFormElement | null): void;
-        formIPCEvent(event: CustomEvent<[string, string]>): void;
-        formDisabledCallback(disabled: boolean): void;
-        formResetCallback(): void;
-        formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
-        _updateFormAssociatedValue(): void;
-    } & {
-        ariaLabel: string;
-        _slotInnerText: string;
-    } & {
-        focusableOnDisabled: boolean;
-        controlTagName: string;
-        controlVoidElement: boolean;
-        _slotMutationObserver: any;
-    } & {
-        _onControlValue(value: string): void;
-        onValueChangingContentAttribute(): void;
-        focus(options?: FocusOptions): void;
-        click(): void;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        checkValidity(): boolean;
-        reportValidity(): boolean;
-        setCustomValidity(error: string): void;
-    } & {
-        _computedAriaLabel: string;
-    } & {
-        _computedAriaLabelledby: never;
-    } & {
-        stateLayer: boolean;
-    } & {
-        type: string;
-        icon: string;
-        iconVariation: string;
-        label: string;
-        filled: boolean;
-        outlined: boolean;
-        inputPrefix: string;
-        inputSuffix: string;
-        trailingIcon: string;
-        trailingIconInk: string;
-        trailingIconLabel: string;
-        supporting: string;
-        error: string;
-        placeholder: string;
-    } & {
-        erroredState: boolean;
-    }) => string>;
-    populatedState: () => ReturnType<({ value, _badInput }: import("../core/CustomElement.js").default & {
-        disabled: boolean;
-        focused: boolean;
-        hovered: boolean;
-        pressed: boolean;
-        _lastInteraction: "key" | "mouse" | "touch" | "pen";
-        _hovered: boolean;
-        _focused: boolean;
-        _focusedSynthetic: boolean;
-        _keyPressed: boolean;
-        _keyReleased: boolean;
-        _pointerPressed: boolean;
-        stateLayer: boolean;
-    } & {
-        disabledState: boolean;
-        hoveredState: boolean;
-        focusedState: boolean;
-        pressedState: boolean;
-        touchedState: boolean;
-        pointedState: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        shapeTop: boolean;
-        shapeBottom: boolean;
-        shapeStart: boolean;
-        shapeEnd: boolean;
-        shapeStyle: string;
-        outlined: boolean;
-    } & {
-        density: number;
-    } & {
-        delegatesFocus: boolean;
-    } & {
-        _ipcListener: EventListener;
-        _ipcTarget: EventTarget;
-        _files: FileList;
-    } & {
-        ariaControls: string;
-        autocomplete: string;
-        name: string;
-        readOnly: boolean;
-        formNoValidate: boolean;
-        defaultChecked: boolean;
-        _checkedDirty: boolean;
-        _checked: boolean;
-        required: boolean;
-        type: string;
-        _defaultValue: string;
-        _value: string;
-        _valueDirty: boolean;
-        _userInteracted: boolean;
-        _invalid: boolean;
-        _badInput: boolean;
-        _validationMessage: string;
-        _formDisabled: boolean;
-        _formReset: boolean;
-    } & {
-        erroredState: boolean;
-        defaultValue: string;
-        _valueBehavior: "default" | "value" | "default/on" | "filename";
-    } & {
-        _onSetValue(value: string): void;
-        _onSetChecked(checked: boolean): void;
-    } & {
-        value: string;
-        checked: boolean;
-    } & {
-        form: HTMLFormElement;
-        validity: ValidityState;
-        validationMessage: string;
-        willValidate: boolean;
-        labels: NodeList;
-    } & {
-        disabledState: boolean;
-    } & {
-        checkValidity(): boolean;
-        reportValidity(): boolean;
-        setCustomValidity(error: string): void;
-        _notifyRadioChange(key: string, value: string): void;
-        refreshFormAssociation(): void;
-        formAssociatedCallback(form: HTMLFormElement | null): void;
-        formIPCEvent(event: CustomEvent<[string, string]>): void;
-        formDisabledCallback(disabled: boolean): void;
-        formResetCallback(): void;
-        formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
-        _updateFormAssociatedValue(): void;
-    } & {
-        ariaLabel: string;
-        _slotInnerText: string;
-    } & {
-        focusableOnDisabled: boolean;
-        controlTagName: string;
-        controlVoidElement: boolean;
-        _slotMutationObserver: any;
-    } & {
-        _onControlValue(value: string): void;
-        onValueChangingContentAttribute(): void;
-        focus(options?: FocusOptions): void;
-        click(): void;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        checkValidity(): boolean;
-        reportValidity(): boolean;
-        setCustomValidity(error: string): void;
-    } & {
-        _computedAriaLabel: string;
-    } & {
-        _computedAriaLabelledby: never;
-    } & {
-        stateLayer: boolean;
-    } & {
-        type: string;
-        icon: string;
-        iconVariation: string;
-        label: string;
-        filled: boolean;
-        outlined: boolean;
-        inputPrefix: string;
-        inputSuffix: string;
-        trailingIcon: string;
-        trailingIconInk: string;
-        trailingIconLabel: string;
-        supporting: string;
-        error: string;
-        placeholder: string;
-    } & {
-        erroredState: boolean;
-    }) => boolean>;
+    computePlaceholder: () => string;
+    shouldShowSupporting: () => boolean;
+    computeSupportingText: () => string;
+    populatedState: () => boolean;
     _showLabelText: never;
 }, any[]> & import("../core/CustomElement.js").Class<{
     _shapeShapeTop: never;
-    computedIconVariation: () => ReturnType<({ iconVariation, outlined }: import("../core/CustomElement.js").default & {
-        disabled: boolean;
-        focused: boolean;
-        hovered: boolean;
-        pressed: boolean;
-        _lastInteraction: "key" | "mouse" | "touch" | "pen";
-        _hovered: boolean;
-        _focused: boolean;
-        _focusedSynthetic: boolean;
-        _keyPressed: boolean;
-        _keyReleased: boolean;
-        _pointerPressed: boolean;
-        stateLayer: boolean;
-    } & {
-        disabledState: boolean;
-        hoveredState: boolean;
-        focusedState: boolean;
-        pressedState: boolean;
-        touchedState: boolean;
-        pointedState: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        shapeTop: boolean;
-        shapeBottom: boolean;
-        shapeStart: boolean;
-        shapeEnd: boolean;
-        shapeStyle: string;
-        outlined: boolean;
-    } & {
-        density: number;
-    } & {
-        delegatesFocus: boolean;
-    } & {
-        _ipcListener: EventListener;
-        _ipcTarget: EventTarget;
-        _files: FileList;
-    } & {
-        ariaControls: string;
-        autocomplete: string;
-        name: string;
-        readOnly: boolean;
-        formNoValidate: boolean;
-        defaultChecked: boolean;
-        _checkedDirty: boolean;
-        _checked: boolean;
-        required: boolean;
-        type: string;
-        _defaultValue: string;
-        _value: string;
-        _valueDirty: boolean;
-        _userInteracted: boolean;
-        _invalid: boolean;
-        _badInput: boolean;
-        _validationMessage: string;
-        _formDisabled: boolean;
-        _formReset: boolean;
-    } & {
-        erroredState: boolean;
-        defaultValue: string;
-        _valueBehavior: "default" | "value" | "default/on" | "filename";
-    } & {
-        _onSetValue(value: string): void;
-        _onSetChecked(checked: boolean): void;
-    } & {
-        value: string;
-        checked: boolean;
-    } & {
-        form: HTMLFormElement;
-        validity: ValidityState;
-        validationMessage: string;
-        willValidate: boolean;
-        labels: NodeList;
-    } & {
-        disabledState: boolean;
-    } & {
-        checkValidity(): boolean;
-        reportValidity(): boolean;
-        setCustomValidity(error: string): void;
-        _notifyRadioChange(key: string, value: string): void;
-        refreshFormAssociation(): void;
-        formAssociatedCallback(form: HTMLFormElement | null): void;
-        formIPCEvent(event: CustomEvent<[string, string]>): void;
-        formDisabledCallback(disabled: boolean): void;
-        formResetCallback(): void;
-        formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
-        _updateFormAssociatedValue(): void;
-    } & {
-        ariaLabel: string;
-        _slotInnerText: string;
-    } & {
-        focusableOnDisabled: boolean;
-        controlTagName: string;
-        controlVoidElement: boolean;
-        _slotMutationObserver: any;
-    } & {
-        _onControlValue(value: string): void;
-        onValueChangingContentAttribute(): void;
-        focus(options?: FocusOptions): void;
-        click(): void;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        checkValidity(): boolean;
-        reportValidity(): boolean;
-        setCustomValidity(error: string): void;
-    } & {
-        _computedAriaLabel: string;
-    } & {
-        _computedAriaLabelledby: never;
-    } & {
-        stateLayer: boolean;
-    } & {
-        type: string;
-        icon: string;
-        iconVariation: string;
-        label: string;
-        filled: boolean;
-        outlined: boolean;
-        inputPrefix: string;
-        inputSuffix: string;
-        trailingIcon: string;
-        trailingIconInk: string;
-        trailingIconLabel: string;
-        supporting: string;
-        error: string;
-        placeholder: string;
-    } & {
-        erroredState: boolean;
-    } & {
-        computePlaceholder: () => ReturnType<({ filled, outlined, label, placeholder }: import("../core/CustomElement.js").default & {
-            disabled: boolean;
-            focused: boolean;
-            hovered: boolean;
-            pressed: boolean;
-            _lastInteraction: "key" | "mouse" | "touch" | "pen";
-            _hovered: boolean;
-            _focused: boolean;
-            _focusedSynthetic: boolean;
-            _keyPressed: boolean;
-            _keyReleased: boolean;
-            _pointerPressed: boolean;
-            stateLayer: boolean;
-        } & {
-            disabledState: boolean;
-            hoveredState: boolean;
-            focusedState: boolean;
-            pressedState: boolean;
-            touchedState: boolean;
-            pointedState: boolean;
-        } & {
-            stateTargetElement: HTMLElement;
-        } & {
-            color: string;
-            ink: string;
-            typeStyle: string;
-        } & {
-            shapeTop: boolean;
-            shapeBottom: boolean;
-            shapeStart: boolean;
-            shapeEnd: boolean;
-            shapeStyle: string;
-            outlined: boolean;
-        } & {
-            density: number;
-        } & {
-            delegatesFocus: boolean;
-        } & {
-            _ipcListener: EventListener;
-            _ipcTarget: EventTarget;
-            _files: FileList;
-        } & {
-            ariaControls: string;
-            autocomplete: string;
-            name: string;
-            readOnly: boolean;
-            formNoValidate: boolean;
-            defaultChecked: boolean;
-            _checkedDirty: boolean;
-            _checked: boolean;
-            required: boolean;
-            type: string;
-            _defaultValue: string;
-            _value: string;
-            _valueDirty: boolean;
-            _userInteracted: boolean;
-            _invalid: boolean;
-            _badInput: boolean;
-            _validationMessage: string;
-            _formDisabled: boolean;
-            _formReset: boolean;
-        } & {
-            erroredState: boolean;
-            defaultValue: string;
-            _valueBehavior: "default" | "value" | "default/on" | "filename";
-        } & {
-            _onSetValue(value: string): void;
-            _onSetChecked(checked: boolean): void;
-        } & {
-            value: string;
-            checked: boolean;
-        } & {
-            form: HTMLFormElement;
-            validity: ValidityState;
-            validationMessage: string;
-            willValidate: boolean;
-            labels: NodeList;
-        } & {
-            disabledState: boolean;
-        } & {
-            checkValidity(): boolean;
-            reportValidity(): boolean;
-            setCustomValidity(error: string): void;
-            _notifyRadioChange(key: string, value: string): void;
-            refreshFormAssociation(): void;
-            formAssociatedCallback(form: HTMLFormElement | null): void;
-            formIPCEvent(event: CustomEvent<[string, string]>): void;
-            formDisabledCallback(disabled: boolean): void;
-            formResetCallback(): void;
-            formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
-            _updateFormAssociatedValue(): void;
-        } & {
-            ariaLabel: string;
-            _slotInnerText: string;
-        } & {
-            focusableOnDisabled: boolean;
-            controlTagName: string;
-            controlVoidElement: boolean;
-            _slotMutationObserver: any;
-        } & {
-            _onControlValue(value: string): void;
-            onValueChangingContentAttribute(): void;
-            focus(options?: FocusOptions): void;
-            click(): void;
-        } & {
-            stateTargetElement: HTMLElement;
-        } & {
-            checkValidity(): boolean;
-            reportValidity(): boolean;
-            setCustomValidity(error: string): void;
-        } & {
-            _computedAriaLabel: string;
-        } & {
-            _computedAriaLabelledby: never;
-        } & {
-            stateLayer: boolean;
-        } & {
-            type: string;
-            icon: string;
-            iconVariation: string;
-            label: string;
-            filled: boolean;
-            outlined: boolean;
-            inputPrefix: string;
-            inputSuffix: string;
-            trailingIcon: string;
-            trailingIconInk: string;
-            trailingIconLabel: string;
-            supporting: string;
-            error: string;
-            placeholder: string;
-        } & {
-            erroredState: boolean;
-        }) => string>;
-        shouldShowSupporting: () => ReturnType<({ erroredState, supporting }: import("../core/CustomElement.js").default & {
-            disabled: boolean;
-            focused: boolean;
-            hovered: boolean;
-            pressed: boolean;
-            _lastInteraction: "key" | "mouse" | "touch" | "pen";
-            _hovered: boolean;
-            _focused: boolean;
-            _focusedSynthetic: boolean;
-            _keyPressed: boolean;
-            _keyReleased: boolean;
-            _pointerPressed: boolean;
-            stateLayer: boolean;
-        } & {
-            disabledState: boolean;
-            hoveredState: boolean;
-            focusedState: boolean;
-            pressedState: boolean;
-            touchedState: boolean;
-            pointedState: boolean;
-        } & {
-            stateTargetElement: HTMLElement;
-        } & {
-            color: string;
-            ink: string;
-            typeStyle: string;
-        } & {
-            shapeTop: boolean;
-            shapeBottom: boolean;
-            shapeStart: boolean;
-            shapeEnd: boolean;
-            shapeStyle: string;
-            outlined: boolean;
-        } & {
-            density: number;
-        } & {
-            delegatesFocus: boolean;
-        } & {
-            _ipcListener: EventListener;
-            _ipcTarget: EventTarget;
-            _files: FileList;
-        } & {
-            ariaControls: string;
-            autocomplete: string;
-            name: string;
-            readOnly: boolean;
-            formNoValidate: boolean;
-            defaultChecked: boolean;
-            _checkedDirty: boolean;
-            _checked: boolean;
-            required: boolean;
-            type: string;
-            _defaultValue: string;
-            _value: string;
-            _valueDirty: boolean;
-            _userInteracted: boolean;
-            _invalid: boolean;
-            _badInput: boolean;
-            _validationMessage: string;
-            _formDisabled: boolean;
-            _formReset: boolean;
-        } & {
-            erroredState: boolean;
-            defaultValue: string;
-            _valueBehavior: "default" | "value" | "default/on" | "filename";
-        } & {
-            _onSetValue(value: string): void;
-            _onSetChecked(checked: boolean): void;
-        } & {
-            value: string;
-            checked: boolean;
-        } & {
-            form: HTMLFormElement;
-            validity: ValidityState;
-            validationMessage: string;
-            willValidate: boolean;
-            labels: NodeList;
-        } & {
-            disabledState: boolean;
-        } & {
-            checkValidity(): boolean;
-            reportValidity(): boolean;
-            setCustomValidity(error: string): void;
-            _notifyRadioChange(key: string, value: string): void;
-            refreshFormAssociation(): void;
-            formAssociatedCallback(form: HTMLFormElement | null): void;
-            formIPCEvent(event: CustomEvent<[string, string]>): void;
-            formDisabledCallback(disabled: boolean): void;
-            formResetCallback(): void;
-            formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
-            _updateFormAssociatedValue(): void;
-        } & {
-            ariaLabel: string;
-            _slotInnerText: string;
-        } & {
-            focusableOnDisabled: boolean;
-            controlTagName: string;
-            controlVoidElement: boolean;
-            _slotMutationObserver: any;
-        } & {
-            _onControlValue(value: string): void;
-            onValueChangingContentAttribute(): void;
-            focus(options?: FocusOptions): void;
-            click(): void;
-        } & {
-            stateTargetElement: HTMLElement;
-        } & {
-            checkValidity(): boolean;
-            reportValidity(): boolean;
-            setCustomValidity(error: string): void;
-        } & {
-            _computedAriaLabel: string;
-        } & {
-            _computedAriaLabelledby: never;
-        } & {
-            stateLayer: boolean;
-        } & {
-            type: string;
-            icon: string;
-            iconVariation: string;
-            label: string;
-            filled: boolean;
-            outlined: boolean;
-            inputPrefix: string;
-            inputSuffix: string;
-            trailingIcon: string;
-            trailingIconInk: string;
-            trailingIconLabel: string;
-            supporting: string;
-            error: string;
-            placeholder: string;
-        } & {
-            erroredState: boolean;
-        }) => boolean>;
-        computeSupportingText: () => ReturnType<({ error, erroredState, _validationMessage, supporting }: import("../core/CustomElement.js").default & {
-            disabled: boolean;
-            focused: boolean;
-            hovered: boolean;
-            pressed: boolean;
-            _lastInteraction: "key" | "mouse" | "touch" | "pen";
-            _hovered: boolean;
-            _focused: boolean;
-            _focusedSynthetic: boolean;
-            _keyPressed: boolean;
-            _keyReleased: boolean;
-            _pointerPressed: boolean;
-            stateLayer: boolean;
-        } & {
-            disabledState: boolean;
-            hoveredState: boolean;
-            focusedState: boolean;
-            pressedState: boolean;
-            touchedState: boolean;
-            pointedState: boolean;
-        } & {
-            stateTargetElement: HTMLElement;
-        } & {
-            color: string;
-            ink: string;
-            typeStyle: string;
-        } & {
-            shapeTop: boolean;
-            shapeBottom: boolean;
-            shapeStart: boolean;
-            shapeEnd: boolean;
-            shapeStyle: string;
-            outlined: boolean;
-        } & {
-            density: number;
-        } & {
-            delegatesFocus: boolean;
-        } & {
-            _ipcListener: EventListener;
-            _ipcTarget: EventTarget;
-            _files: FileList;
-        } & {
-            ariaControls: string;
-            autocomplete: string;
-            name: string;
-            readOnly: boolean;
-            formNoValidate: boolean;
-            defaultChecked: boolean;
-            _checkedDirty: boolean;
-            _checked: boolean;
-            required: boolean;
-            type: string;
-            _defaultValue: string;
-            _value: string;
-            _valueDirty: boolean;
-            _userInteracted: boolean;
-            _invalid: boolean;
-            _badInput: boolean;
-            _validationMessage: string;
-            _formDisabled: boolean;
-            _formReset: boolean;
-        } & {
-            erroredState: boolean;
-            defaultValue: string;
-            _valueBehavior: "default" | "value" | "default/on" | "filename";
-        } & {
-            _onSetValue(value: string): void;
-            _onSetChecked(checked: boolean): void;
-        } & {
-            value: string;
-            checked: boolean;
-        } & {
-            form: HTMLFormElement;
-            validity: ValidityState;
-            validationMessage: string;
-            willValidate: boolean;
-            labels: NodeList;
-        } & {
-            disabledState: boolean;
-        } & {
-            checkValidity(): boolean;
-            reportValidity(): boolean;
-            setCustomValidity(error: string): void;
-            _notifyRadioChange(key: string, value: string): void;
-            refreshFormAssociation(): void;
-            formAssociatedCallback(form: HTMLFormElement | null): void;
-            formIPCEvent(event: CustomEvent<[string, string]>): void;
-            formDisabledCallback(disabled: boolean): void;
-            formResetCallback(): void;
-            formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
-            _updateFormAssociatedValue(): void;
-        } & {
-            ariaLabel: string;
-            _slotInnerText: string;
-        } & {
-            focusableOnDisabled: boolean;
-            controlTagName: string;
-            controlVoidElement: boolean;
-            _slotMutationObserver: any;
-        } & {
-            _onControlValue(value: string): void;
-            onValueChangingContentAttribute(): void;
-            focus(options?: FocusOptions): void;
-            click(): void;
-        } & {
-            stateTargetElement: HTMLElement;
-        } & {
-            checkValidity(): boolean;
-            reportValidity(): boolean;
-            setCustomValidity(error: string): void;
-        } & {
-            _computedAriaLabel: string;
-        } & {
-            _computedAriaLabelledby: never;
-        } & {
-            stateLayer: boolean;
-        } & {
-            type: string;
-            icon: string;
-            iconVariation: string;
-            label: string;
-            filled: boolean;
-            outlined: boolean;
-            inputPrefix: string;
-            inputSuffix: string;
-            trailingIcon: string;
-            trailingIconInk: string;
-            trailingIconLabel: string;
-            supporting: string;
-            error: string;
-            placeholder: string;
-        } & {
-            erroredState: boolean;
-        }) => string>;
-        populatedState: () => ReturnType<({ value, _badInput }: import("../core/CustomElement.js").default & {
-            disabled: boolean;
-            focused: boolean;
-            hovered: boolean;
-            pressed: boolean;
-            _lastInteraction: "key" | "mouse" | "touch" | "pen";
-            _hovered: boolean;
-            _focused: boolean;
-            _focusedSynthetic: boolean;
-            _keyPressed: boolean;
-            _keyReleased: boolean;
-            _pointerPressed: boolean;
-            stateLayer: boolean;
-        } & {
-            disabledState: boolean;
-            hoveredState: boolean;
-            focusedState: boolean;
-            pressedState: boolean;
-            touchedState: boolean;
-            pointedState: boolean;
-        } & {
-            stateTargetElement: HTMLElement;
-        } & {
-            color: string;
-            ink: string;
-            typeStyle: string;
-        } & {
-            shapeTop: boolean;
-            shapeBottom: boolean;
-            shapeStart: boolean;
-            shapeEnd: boolean;
-            shapeStyle: string;
-            outlined: boolean;
-        } & {
-            density: number;
-        } & {
-            delegatesFocus: boolean;
-        } & {
-            _ipcListener: EventListener;
-            _ipcTarget: EventTarget;
-            _files: FileList;
-        } & {
-            ariaControls: string;
-            autocomplete: string;
-            name: string;
-            readOnly: boolean;
-            formNoValidate: boolean;
-            defaultChecked: boolean;
-            _checkedDirty: boolean;
-            _checked: boolean;
-            required: boolean;
-            type: string;
-            _defaultValue: string;
-            _value: string;
-            _valueDirty: boolean;
-            _userInteracted: boolean;
-            _invalid: boolean;
-            _badInput: boolean;
-            _validationMessage: string;
-            _formDisabled: boolean;
-            _formReset: boolean;
-        } & {
-            erroredState: boolean;
-            defaultValue: string;
-            _valueBehavior: "default" | "value" | "default/on" | "filename";
-        } & {
-            _onSetValue(value: string): void;
-            _onSetChecked(checked: boolean): void;
-        } & {
-            value: string;
-            checked: boolean;
-        } & {
-            form: HTMLFormElement;
-            validity: ValidityState;
-            validationMessage: string;
-            willValidate: boolean;
-            labels: NodeList;
-        } & {
-            disabledState: boolean;
-        } & {
-            checkValidity(): boolean;
-            reportValidity(): boolean;
-            setCustomValidity(error: string): void;
-            _notifyRadioChange(key: string, value: string): void;
-            refreshFormAssociation(): void;
-            formAssociatedCallback(form: HTMLFormElement | null): void;
-            formIPCEvent(event: CustomEvent<[string, string]>): void;
-            formDisabledCallback(disabled: boolean): void;
-            formResetCallback(): void;
-            formStateRestoreCallback(state: string | FormData, mode: "autocomplete" | "restore"): void;
-            _updateFormAssociatedValue(): void;
-        } & {
-            ariaLabel: string;
-            _slotInnerText: string;
-        } & {
-            focusableOnDisabled: boolean;
-            controlTagName: string;
-            controlVoidElement: boolean;
-            _slotMutationObserver: any;
-        } & {
-            _onControlValue(value: string): void;
-            onValueChangingContentAttribute(): void;
-            focus(options?: FocusOptions): void;
-            click(): void;
-        } & {
-            stateTargetElement: HTMLElement;
-        } & {
-            checkValidity(): boolean;
-            reportValidity(): boolean;
-            setCustomValidity(error: string): void;
-        } & {
-            _computedAriaLabel: string;
-        } & {
-            _computedAriaLabelledby: never;
-        } & {
-            stateLayer: boolean;
-        } & {
-            type: string;
-            icon: string;
-            iconVariation: string;
-            label: string;
-            filled: boolean;
-            outlined: boolean;
-            inputPrefix: string;
-            inputSuffix: string;
-            trailingIcon: string;
-            trailingIconInk: string;
-            trailingIconLabel: string;
-            supporting: string;
-            error: string;
-            placeholder: string;
-        } & {
-            erroredState: boolean;
-        }) => boolean>;
-        _showLabelText: never;
-    }) => string>;
+    computedIconVariation: () => string;
 }, any[]>;
 export type CustomElement = import("../core/CustomElement.js").default;
 //# sourceMappingURL=TextFieldMixin.d.ts.map