@leavittsoftware/web 9.9.0 → 10.0.0

package/titanium/single-select-base/single-select-base.d.ts

@@ -1,384 +1,18 @@
 import { LitElement, PropertyValues } from 'lit';
 import '@material/web/progress/circular-progress';
-import '@material/web/textfield/outlined-text-field';
 import '@material/web/textfield/filled-text-field';
 import '@material/web/iconbutton/icon-button';
 import '@material/web/icon/icon';
 import '@material/web/menu/menu';
 import '@material/web/menu/menu-item';
-import { MdOutlinedTextField } from '@material/web/textfield/outlined-text-field';
+import { MdFilledTextField } from '@material/web/textfield/filled-text-field';
 import { Menu } from '@material/web/menu/internal/menu';
 import { Identifier } from '../types/identifier-interface';
-import { MdFilledTextField } from '@material/web/textfield/filled-text-field';
-declare const TitaniumSingleSelectBase_base: import("../../leavitt/theme/theme-preference").Constructor<import("../../leavitt/theme/theme-preference").ThemePreferenceInterface> & {
-    new (...args: any[]): {
-        "__#private@#promiseCount": number;
-        isLoading: boolean;
-        loadWhile(promise: Promise<unknown>): Promise<void>;
-        accessKey: string;
-        readonly accessKeyLabel: string;
-        autocapitalize: string;
-        autocorrect: boolean;
-        dir: string;
-        draggable: boolean;
-        hidden: boolean;
-        inert: boolean;
-        innerText: string;
-        lang: string;
-        readonly offsetHeight: number;
-        readonly offsetLeft: number;
-        readonly offsetParent: Element | null;
-        readonly offsetTop: number;
-        readonly offsetWidth: number;
-        outerText: string;
-        popover: string | null;
-        spellcheck: boolean;
-        title: string;
-        translate: boolean;
-        writingSuggestions: string;
-        attachInternals(): ElementInternals;
-        click(): void;
-        hidePopover(): void;
-        hidePopover(): void;
-        showPopover(): void;
-        showPopover(): void;
-        togglePopover(options?: boolean): boolean;
-        togglePopover(force: boolean): void;
-        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-        connectedCallback(): void;
-        disconnectedCallback(): void;
-        readonly attributes: NamedNodeMap;
-        get classList(): DOMTokenList;
-        set classList(value: string);
-        className: string;
-        readonly clientHeight: number;
-        readonly clientLeft: number;
-        readonly clientTop: number;
-        readonly clientWidth: number;
-        readonly currentCSSZoom: number;
-        id: string;
-        innerHTML: string;
-        readonly localName: string;
-        readonly namespaceURI: string | null;
-        onfullscreenchange: ((this: Element, ev: Event) => any) | null;
-        onfullscreenerror: ((this: Element, ev: Event) => any) | null;
-        outerHTML: string;
-        readonly ownerDocument: Document;
-        get part(): DOMTokenList;
-        set part(value: string);
-        readonly prefix: string | null;
-        readonly scrollHeight: number;
-        scrollLeft: number;
-        scrollTop: number;
-        readonly scrollWidth: number;
-        readonly shadowRoot: ShadowRoot | null;
-        slot: string;
-        readonly tagName: string;
-        attachShadow(init: ShadowRootInit): ShadowRoot;
-        checkVisibility(options?: CheckVisibilityOptions): boolean;
-        closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
-        closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
-        closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
-        closest<E extends Element = Element>(selectors: string): E | null;
-        computedStyleMap(): StylePropertyMapReadOnly;
-        getAttribute(qualifiedName: string): string | null;
-        getAttributeNS(namespace: string | null, localName: string): string | null;
-        getAttributeNames(): string[];
-        getAttributeNode(qualifiedName: string): Attr | null;
-        getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
-        getBoundingClientRect(): DOMRect;
-        getClientRects(): DOMRectList;
-        getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-        getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
-        getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
-        getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
-        getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
-        getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
-        getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
-        getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
-        getHTML(options?: GetHTMLOptions): string;
-        hasAttribute(qualifiedName: string): boolean;
-        hasAttributeNS(namespace: string | null, localName: string): boolean;
-        hasAttributes(): boolean;
-        hasPointerCapture(pointerId: number): boolean;
-        insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
-        insertAdjacentHTML(position: InsertPosition, string: string): void;
-        insertAdjacentText(where: InsertPosition, data: string): void;
-        matches(selectors: string): boolean;
-        releasePointerCapture(pointerId: number): void;
-        removeAttribute(qualifiedName: string): void;
-        removeAttributeNS(namespace: string | null, localName: string): void;
-        removeAttributeNode(attr: Attr): Attr;
-        requestFullscreen(options?: FullscreenOptions): Promise<void>;
-        requestPointerLock(options?: PointerLockOptions): Promise<void>;
-        scroll(options?: ScrollToOptions): void;
-        scroll(x: number, y: number): void;
-        scrollBy(options?: ScrollToOptions): void;
-        scrollBy(x: number, y: number): void;
-        scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
-        scrollTo(options?: ScrollToOptions): void;
-        scrollTo(x: number, y: number): void;
-        setAttribute(qualifiedName: string, value: string): void;
-        setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
-        setAttributeNode(attr: Attr): Attr | null;
-        setAttributeNodeNS(attr: Attr): Attr | null;
-        setHTMLUnsafe(html: string): void;
-        setPointerCapture(pointerId: number): void;
-        toggleAttribute(qualifiedName: string, force?: boolean): boolean;
-        webkitMatchesSelector(selectors: string): boolean;
-        get textContent(): string;
-        set textContent(value: string | null);
-        readonly baseURI: string;
-        readonly childNodes: NodeListOf<ChildNode>;
-        readonly firstChild: ChildNode | null;
-        readonly isConnected: boolean;
-        readonly lastChild: ChildNode | null;
-        readonly nextSibling: ChildNode | null;
-        readonly nodeName: string;
-        readonly nodeType: number;
-        nodeValue: string | null;
-        readonly parentElement: HTMLElement | null;
-        readonly parentNode: ParentNode | null;
-        readonly previousSibling: ChildNode | null;
-        appendChild<T_1 extends Node>(node: T_1): T_1;
-        cloneNode(subtree?: boolean): Node;
-        compareDocumentPosition(other: Node): number;
-        contains(other: Node | null): boolean;
-        getRootNode(options?: GetRootNodeOptions): Node;
-        hasChildNodes(): boolean;
-        insertBefore<T_1 extends Node>(node: T_1, child: Node | null): T_1;
-        isDefaultNamespace(namespace: string | null): boolean;
-        isEqualNode(otherNode: Node | null): boolean;
-        isSameNode(otherNode: Node | null): boolean;
-        lookupNamespaceURI(prefix: string | null): string | null;
-        lookupPrefix(namespace: string | null): string | null;
-        normalize(): void;
-        removeChild<T_1 extends Node>(child: T_1): T_1;
-        replaceChild<T_1 extends Node>(node: Node, child: T_1): T_1;
-        readonly ELEMENT_NODE: 1;
-        readonly ATTRIBUTE_NODE: 2;
-        readonly TEXT_NODE: 3;
-        readonly CDATA_SECTION_NODE: 4;
-        readonly ENTITY_REFERENCE_NODE: 5;
-        readonly ENTITY_NODE: 6;
-        readonly PROCESSING_INSTRUCTION_NODE: 7;
-        readonly COMMENT_NODE: 8;
-        readonly DOCUMENT_NODE: 9;
-        readonly DOCUMENT_TYPE_NODE: 10;
-        readonly DOCUMENT_FRAGMENT_NODE: 11;
-        readonly NOTATION_NODE: 12;
-        readonly DOCUMENT_POSITION_DISCONNECTED: 1;
-        readonly DOCUMENT_POSITION_PRECEDING: 2;
-        readonly DOCUMENT_POSITION_FOLLOWING: 4;
-        readonly DOCUMENT_POSITION_CONTAINS: 8;
-        readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
-        readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
-        dispatchEvent(event: Event): boolean;
-        ariaActiveDescendantElement: Element | null;
-        ariaAtomic: string | null;
-        ariaAutoComplete: string | null;
-        ariaBrailleLabel: string | null;
-        ariaBrailleRoleDescription: string | null;
-        ariaBusy: string | null;
-        ariaChecked: string | null;
-        ariaColCount: string | null;
-        ariaColIndex: string | null;
-        ariaColIndexText: string | null;
-        ariaColSpan: string | null;
-        ariaControlsElements: ReadonlyArray<Element> | null;
-        ariaCurrent: string | null;
-        ariaDescribedByElements: ReadonlyArray<Element> | null;
-        ariaDescription: string | null;
-        ariaDetailsElements: ReadonlyArray<Element> | null;
-        ariaDisabled: string | null;
-        ariaErrorMessageElements: ReadonlyArray<Element> | null;
-        ariaExpanded: string | null;
-        ariaFlowToElements: ReadonlyArray<Element> | null;
-        ariaHasPopup: string | null;
-        ariaHidden: string | null;
-        ariaInvalid: string | null;
-        ariaKeyShortcuts: string | null;
-        ariaLabel: string | null;
-        ariaLabelledByElements: ReadonlyArray<Element> | null;
-        ariaLevel: string | null;
-        ariaLive: string | null;
-        ariaModal: string | null;
-        ariaMultiLine: string | null;
-        ariaMultiSelectable: string | null;
-        ariaOrientation: string | null;
-        ariaOwnsElements: ReadonlyArray<Element> | null;
-        ariaPlaceholder: string | null;
-        ariaPosInSet: string | null;
-        ariaPressed: string | null;
-        ariaReadOnly: string | null;
-        ariaRelevant: string | null;
-        ariaRequired: string | null;
-        ariaRoleDescription: string | null;
-        ariaRowCount: string | null;
-        ariaRowIndex: string | null;
-        ariaRowIndexText: string | null;
-        ariaRowSpan: string | null;
-        ariaSelected: string | null;
-        ariaSetSize: string | null;
-        ariaSort: string | null;
-        ariaValueMax: string | null;
-        ariaValueMin: string | null;
-        ariaValueNow: string | null;
-        ariaValueText: string | null;
-        role: string | null;
-        animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
-        getAnimations(options?: GetAnimationsOptions): Animation[];
-        after(...nodes: (Node | string)[]): void;
-        before(...nodes: (Node | string)[]): void;
-        remove(): void;
-        replaceWith(...nodes: (Node | string)[]): void;
-        readonly nextElementSibling: Element | null;
-        readonly previousElementSibling: Element | null;
-        readonly childElementCount: number;
-        readonly children: HTMLCollection;
-        readonly firstElementChild: Element | null;
-        readonly lastElementChild: Element | null;
-        append(...nodes: (Node | string)[]): void;
-        prepend(...nodes: (Node | string)[]): void;
-        querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
-        querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
-        querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
-        querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
-        querySelector<E extends Element = Element>(selectors: string): E | null;
-        querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
-        querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
-        querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
-        querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
-        querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
-        replaceChildren(...nodes: (Node | string)[]): void;
-        readonly assignedSlot: HTMLSlotElement | null;
-        readonly attributeStyleMap: StylePropertyMap;
-        get style(): CSSStyleDeclaration;
-        set style(cssText: string);
-        contentEditable: string;
-        enterKeyHint: string;
-        inputMode: string;
-        readonly isContentEditable: boolean;
-        onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
-        onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
-        onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
-        onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
-        oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
-        oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
-        ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-        ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onerror: OnErrorEventHandler;
-        onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
-        onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
-        ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-        onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-        onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-        onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-        onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
-        onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-        onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
-        onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
-        onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
-        onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
-        onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
-        ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-        ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-        onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
-        autofocus: boolean;
-        readonly dataset: DOMStringMap;
-        nonce?: string;
-        tabIndex: number;
-        blur(): void;
-        focus(options?: FocusOptions): void;
-    };
-    get properties(): {
-        isLoading: {
-            type: BooleanConstructor;
-        };
-    };
-} & typeof LitElement;
+declare const TitaniumSingleSelectBase_base: import("../../leavitt/theme/theme-preference").Constructor<import("../../leavitt/theme/theme-preference").ThemePreferenceInterface> & typeof LitElement;
 export declare class TitaniumSingleSelectBase<T extends Identifier> extends TitaniumSingleSelectBase_base {
     #private;
+    accessor isLoading: boolean;
+    trackLoadingPromise: (promise: Promise<unknown>) => Promise<void>;
     protected accessor searchTerm: string;
     protected accessor suggestions: Array<T>;
     protected accessor defaultSuggestions: Array<T>;
@@ -387,10 +21,6 @@ export declare class TitaniumSingleSelectBase<T extends Identifier> extends Tita
      *  Sets floating label value.
      */
     accessor label: string;
-    /**
-     *  Swaps out outlined text field for a filled text field.
-     */
-    accessor filled: boolean;
     /**
      *  Sets placeholder text value.
      */
@@ -475,7 +105,7 @@ export declare class TitaniumSingleSelectBase<T extends Identifier> extends Tita
     private accessor menuOpen;
     accessor large: boolean;
     accessor shaped: boolean;
-    getTextField(): MdFilledTextField | MdOutlinedTextField | null | undefined;
+    getTextField(): MdFilledTextField | null | undefined;
     firstUpdated(): Promise<void>;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -513,13 +143,13 @@ export declare class TitaniumSingleSelectBase<T extends Identifier> extends Tita
     protected onInputChanged(searchTerm: string): void;
     protected showSuggestions(suggestions: Array<T>, totalSuggestionCount: number): Promise<void>;
     static styles: import("lit").CSSResult[];
-    protected renderSuggestion(entity: T): import("lit-html").TemplateResult;
+    protected renderSuggestion(entity: T): import("lit-html").TemplateResult<1>;
     protected renderSelectedLeadingInputSlot(_entity: T): void;
-    protected renderTrailingInputSlot(): import("lit-html").TemplateResult;
-    protected renderLeadingInputSlot(): import("lit-html").TemplateResult;
-    protected renderTrailingSlot(): import("lit-html").TemplateResult;
-    protected renderTrailingMenuSlot(): import("lit-html").TemplateResult;
-    render(): import("lit-html").TemplateResult;
+    protected renderTrailingInputSlot(): import("lit-html").TemplateResult<1>;
+    protected renderLeadingInputSlot(): import("lit-html").TemplateResult<1>;
+    protected renderTrailingSlot(): import("lit-html").TemplateResult<1>;
+    protected renderTrailingMenuSlot(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 export {};
 //# sourceMappingURL=single-select-base.d.ts.map

package/titanium/single-select-base/single-select-base.js

@@ -1,25 +1,24 @@
 import { __decorate } from "tslib";
-import { css, LitElement } from 'lit';
+import { css, html, LitElement } from 'lit';
 import { property, customElement, query, state } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
 import '@material/web/progress/circular-progress';
-import '@material/web/textfield/outlined-text-field';
 import '@material/web/textfield/filled-text-field';
 import '@material/web/iconbutton/icon-button';
 import '@material/web/icon/icon';
 import '@material/web/menu/menu';
 import '@material/web/menu/menu-item';
-import { LoadWhile } from '../../titanium/helpers/load-while';
+import { promiseTracking } from '../../titanium/helpers/promise-tracking';
 import { redispatchEvent } from '@material/web/internal/events/redispatch-event';
 import { ThemePreference } from '../../leavitt/theme/theme-preference';
-import { html, literal } from 'lit/static-html.js';
-let TitaniumSingleSelectBase = class TitaniumSingleSelectBase extends ThemePreference(LoadWhile(LitElement)) {
+let TitaniumSingleSelectBase = class TitaniumSingleSelectBase extends ThemePreference(LitElement) {
     constructor() {
         super(...arguments);
+        this.#isLoading_accessor_storage = false;
+        this.#searchTerm_accessor_storage = '';
         this.#suggestions_accessor_storage = [];
         this.#defaultSuggestions_accessor_storage = [];
         this.#label_accessor_storage = 'Single select';
-        this.#filled_accessor_storage = false;
         this.#placeholder_accessor_storage = 'Search for a entity';
         this.#selected_accessor_storage = null;
         this.#disabled_accessor_storage = false;
@@ -27,15 +26,27 @@ let TitaniumSingleSelectBase = class TitaniumSingleSelectBase extends ThemePrefe
         this.#autocomplete_accessor_storage = '';
         this.#spellcheck_accessor_storage = false;
         this.#error_accessor_storage = false;
+        this.#errorText_accessor_storage = '';
         this.#required_accessor_storage = false;
+        this.#prefixText_accessor_storage = '';
+        this.#suffixText_accessor_storage = '';
+        this.#hasLeadingIcon_accessor_storage = false;
+        this.#hasTrailingIcon_accessor_storage = false;
+        this.#disableMenuOpenOnFocus_accessor_storage = false;
+        this.#supportingText_accessor_storage = '';
+        this.#textDirection_accessor_storage = '';
         this.#pathToSelectedText_accessor_storage = 'Name';
         this.positioning = 'popover';
         this.#matchInputWidth_accessor_storage = false;
         this.#resizeObserver = null;
+        this.#count_accessor_storage = 0;
         this.#menuOpen_accessor_storage = false;
         this.#large_accessor_storage = false;
         this.#shaped_accessor_storage = false;
     }
+    #isLoading_accessor_storage;
+    get isLoading() { return this.#isLoading_accessor_storage; }
+    set isLoading(value) { this.#isLoading_accessor_storage = value; }
     #searchTerm_accessor_storage;
     get searchTerm() { return this.#searchTerm_accessor_storage; }
     set searchTerm(value) { this.#searchTerm_accessor_storage = value; }
@@ -55,12 +66,6 @@ let TitaniumSingleSelectBase = class TitaniumSingleSelectBase extends ThemePrefe
      */
     get label() { return this.#label_accessor_storage; }
     set label(value) { this.#label_accessor_storage = value; }
-    #filled_accessor_storage;
-    /**
-     *  Swaps out outlined text field for a filled text field.
-     */
-    get filled() { return this.#filled_accessor_storage; }
-    set filled(value) { this.#filled_accessor_storage = value; }
     #placeholder_accessor_storage;
     /**
      *  Sets placeholder text value.
@@ -192,13 +197,13 @@ let TitaniumSingleSelectBase = class TitaniumSingleSelectBase extends ThemePrefe
     get shaped() { return this.#shaped_accessor_storage; }
     set shaped(value) { this.#shaped_accessor_storage = value; }
     getTextField() {
-        return this.filled ? this.shadowRoot?.querySelector('md-filled-text-field') : this.shadowRoot?.querySelector('md-outlined-text-field');
+        return this.shadowRoot?.querySelector('md-filled-text-field');
     }
     async firstUpdated() {
         const textField = this.getTextField();
         if (textField && this.required) {
             const originalCheckValidity = textField?.checkValidity;
-            textField.checkValidity = () => !!this.selected && originalCheckValidity.bind(textField);
+            textField.checkValidity = () => !!this.selected && originalCheckValidity.call(textField);
         }
     }
     #observeInputWidth() {
@@ -347,9 +352,17 @@ let TitaniumSingleSelectBase = class TitaniumSingleSelectBase extends ThemePrefe
       :host {
         display: block;
         position: relative;
-      }
 
-      :host([large]) {
+        --md-filled-text-field-container-shape: 16px;
+        --md-filled-field-container-shape: 16px;
+        --md-menu-container-shape: 16px;
+
+        --md-filled-text-field-active-indicator-height: 0;
+        --md-filled-text-field-error-active-indicator-height: 0;
+        --md-filled-text-field-hover-active-indicator-height: 0;
+        --md-filled-text-field-focus-active-indicator-height: 0;
+        --md-filled-text-field-disabled-active-indicator-height: 0;
+
         --md-filled-text-field-input-text-size: 1.125rem;
         --md-filled-text-field-input-text-line-height: 1.75rem;
         --md-filled-text-field-label-text-size: 1.125rem;
@@ -362,8 +375,7 @@ let TitaniumSingleSelectBase = class TitaniumSingleSelectBase extends ThemePrefe
         --md-filled-text-field-with-trailing-icon-trailing-space: 20px;
       }
 
-      md-filled-text-field,
-      md-outlined-text-field {
+      md-filled-text-field {
         width: 100%;
       }
 
@@ -380,29 +392,11 @@ let TitaniumSingleSelectBase = class TitaniumSingleSelectBase extends ThemePrefe
         min-width: 300px;
       }
 
-      :host([filled]) {
-        --md-filled-text-field-container-shape: 16px;
-        --md-filled-field-container-shape: 16px;
-        --md-menu-container-shape: 16px;
-
-        --md-filled-text-field-active-indicator-height: 0;
-        --md-filled-text-field-error-active-indicator-height: 0;
-        --md-filled-text-field-hover-active-indicator-height: 0;
-        --md-filled-text-field-focus-active-indicator-height: 0;
-        --md-filled-text-field-disabled-active-indicator-height: 0;
-      }
-
-      :host([shaped]) {
-        --md-outlined-text-field-container-shape: 28px;
+      :host([large]) {
         --md-filled-text-field-container-shape: 28px;
       }
 
-      :host([shaped][menu-open][filled]) {
-        --md-outlined-text-field-container-shape-start-start: 28px;
-        --md-outlined-text-field-container-shape-start-end: 28px;
-        --md-outlined-text-field-container-shape-end-end: 0;
-        --md-outlined-text-field-container-shape-end-start: 0;
-
+      :host([shaped][menu-open]) {
         --md-filled-text-field-container-shape-start-start: 28px;
         --md-filled-text-field-container-shape-start-end: 28px;
         --md-filled-text-field-container-shape-end-end: 0;
@@ -412,7 +406,7 @@ let TitaniumSingleSelectBase = class TitaniumSingleSelectBase extends ThemePrefe
         --md-menu-container-shape: 0 0 28px 28px;
       }
 
-      :host([shaped][menu-open][filled]) md-menu {
+      :host([shaped][menu-open]) md-menu {
         --md-menu-container-color: var(--md-sys-color-inverse-surface);
         color: var(--md-sys-color-inverse-on-surface);
 
@@ -422,7 +416,7 @@ let TitaniumSingleSelectBase = class TitaniumSingleSelectBase extends ThemePrefe
         --md-menu-item-hover-state-layer-color: var(--md-sys-color-surface);
       }
 
-      :host([shaped][menu-open][filled]) md-filled-text-field {
+      :host([shaped][menu-open]) md-filled-text-field {
         --md-filled-text-field-container-color: var(--md-sys-color-inverse-surface);
         --md-filled-text-field-input-text-color: var(--md-sys-color-inverse-on-surface);
         --md-filled-text-field-hover-input-text-color: var(--md-sys-color-inverse-on-surface);
@@ -453,7 +447,7 @@ let TitaniumSingleSelectBase = class TitaniumSingleSelectBase extends ThemePrefe
         color: var(--md-sys-color-on-surface);
       }
 
-      :host([shaped][filled]) [summary] {
+      :host([shaped]) [summary] {
         color: var(--md-sys-color-inverse-on-surface);
       }
 
@@ -501,9 +495,8 @@ let TitaniumSingleSelectBase = class TitaniumSingleSelectBase extends ThemePrefe
         return html ``;
     }
     render() {
-        /* eslint-disable lit/binding-positions, lit/no-invalid-html */
         return html `
-      <${this.filled ? literal `md-filled-text-field` : literal `md-outlined-text-field`}
+      <md-filled-text-field
         id="menu-anchor"
         aria-haspopup="true"
         aria-controls="menu"
@@ -554,7 +547,7 @@ let TitaniumSingleSelectBase = class TitaniumSingleSelectBase extends ThemePrefe
         }}
       >
         ${this.selected ? this.renderSelectedLeadingInputSlot(this.selected) : this.renderLeadingInputSlot()} ${this.#renderTrailingInputSlot()}
-        </${this.filled ? literal `md-filled-text-field` : literal `md-outlined-text-field`}>
+      </md-filled-text-field>
       <md-menu
         part="menu"
         suggestions
@@ -588,9 +581,12 @@ let TitaniumSingleSelectBase = class TitaniumSingleSelectBase extends ThemePrefe
       </md-menu>
       ${this.renderTrailingSlot()}
     `;
-        /* eslint-enable lit/binding-positions, lit/no-invalid-html */
     }
 };
+__decorate([
+    promiseTracking('trackLoadingPromise'),
+    state()
+], TitaniumSingleSelectBase.prototype, "isLoading", null);
 __decorate([
     state()
 ], TitaniumSingleSelectBase.prototype, "searchTerm", null);
@@ -606,9 +602,6 @@ __decorate([
 __decorate([
     property({ type: String })
 ], TitaniumSingleSelectBase.prototype, "label", null);
-__decorate([
-    property({ type: Boolean, attribute: 'filled' })
-], TitaniumSingleSelectBase.prototype, "filled", null);
 __decorate([
     property({ type: String })
 ], TitaniumSingleSelectBase.prototype, "placeholder", null);
@@ -676,10 +669,10 @@ __decorate([
     property({ type: Boolean, attribute: 'menu-open', reflect: true })
 ], TitaniumSingleSelectBase.prototype, "menuOpen", null);
 __decorate([
-    property({ type: Boolean, attribute: 'large' })
+    property({ type: Boolean, reflect: true, attribute: 'large' })
 ], TitaniumSingleSelectBase.prototype, "large", null);
 __decorate([
-    property({ type: Boolean, attribute: 'shaped' })
+    property({ type: Boolean, reflect: true, attribute: 'shaped' })
 ], TitaniumSingleSelectBase.prototype, "shaped", null);
 TitaniumSingleSelectBase = __decorate([
     customElement('titanium-single-select-base')