@shortfuse/materialdesignweb 0.9.0 → 0.9.2

package/types/components/Tab.d.ts

@@ -26,7 +26,7 @@ declare const _default: typeof CustomElement & import("../core/CustomElement.js"
     _scrollListenerLastScroll: number;
     _scrollListenerLastResize: number;
 }, any[]> & import("../core/CustomElement.js").Class<{
-    _scroller: WeakRef<EventTarget>;
+    _scroller: WeakRef<HTMLElement | Window>;
     _scrollerScrollListener: EventListener;
     _scrollerResizeListener: EventListener;
     _scrollDebounce: any;
@@ -109,6 +109,7 @@ declare const _default: typeof CustomElement & import("../core/CustomElement.js"
 }, any[]> & import("../core/CustomElement.js").Class<{
     stateTargetElement: HTMLElement;
 }, any[]> & import("../core/CustomElement.js").Class<{
+    /** Enable state-layer visual treatment for pressed/hover states. */
     stateLayer: boolean;
 }, any[]> & import("../core/CustomElement.js").Class<{
     active: boolean;
@@ -116,763 +117,22 @@ declare const _default: typeof CustomElement & import("../core/CustomElement.js"
     src: string;
     ariaLabel: string;
 }, any[]> & import("../core/CustomElement.js").Class<{
-    /** @type {HTMLElement['focus']} */
     focus(options?: FocusOptions): void;
+    /**
+     * Compute the label metrics used for indicator alignment.
+     * Returns an object with `width` and `left` in pixels.
+     */
     computeLabelMetrics(): {
         width: number;
         left: number;
     };
 }, any[]> & import("../core/CustomElement.js").Class<{
-    anchorAriaControls: () => ReturnType<({ href }: CustomElement & {
-        delegatesFocus: boolean;
-    } & {
-        href: string;
-        target: string;
-        download: string;
-        ping: string;
-        rel: string;
-        hreflang: string;
-        referrerPolicy: string;
-    } & {
-        origin: string;
-        protocol: string;
-        username: string;
-        password: string;
-        host: string;
-        hostname: string;
-        port: string;
-        pathname: string;
-        search: string;
-        hash: string;
-    } & object & {
-        _scrollListenerPositionX: number;
-        _scrollListenerPositionY: number;
-        _scrollListenerLastIdle: number;
-        _scrollListenerLastScroll: number;
-        _scrollListenerLastResize: number;
-    } & {
-        _scroller: WeakRef<EventTarget>;
-        _scrollerScrollListener: EventListener;
-        _scrollerResizeListener: EventListener;
-        _scrollDebounce: any;
-    } & {
-        _scrollListenerOnScrollIdle(): void;
-        _scrollListenerOnScrollerScroll(event: Event): void;
-        _scrollListenerOnScrollerResize(event: Event): void;
-        startScrollListener(scroller?: EventTarget): boolean;
-    } & {
-        _scrollListenerScroller: HTMLElement | Window;
-    } & {
-        _scrollListenerScrollerScrollHeight: any;
-        _scrollListenerScrollerClientHeight: any;
-    } & {
-        _scrollListenerClear(scroller?: EventTarget): boolean;
-    } & {
-        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;
-    } & {
-        _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-        _rippleAdded: boolean;
-    } & {
-        _lastRipple: CustomElement & {
-            hadRippleHeld: boolean;
-            hadRippleReleased: boolean;
-            rippleStarted: boolean;
-        } & {
-            rippleState: string;
-            keepAlive: boolean;
-            _positionX: number;
-            _positionY: number;
-            _radius: number;
-            holdRipple: boolean;
-        } & {
-            _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                styles: {
-                    minHeight: string;
-                    minWidth: string;
-                    boxShadow: string;
-                    top: string;
-                    left: string;
-                };
-            };
-        } & {
-            updatePosition(x?: number, y?: number, size?: number): void;
-            handleRippleComplete(): void;
-        };
-    } & {
-        addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        shapeTop: boolean;
-        shapeBottom: boolean;
-        shapeStart: boolean;
-        shapeEnd: boolean;
-        shapeStyle: string;
-        outlined: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        stateLayer: boolean;
-    } & {
-        active: boolean;
-        icon: string;
-        src: string;
-        ariaLabel: string;
-    } & {
-        /** @type {HTMLElement['focus']} */
-        focus(options?: FocusOptions): void;
-        computeLabelMetrics(): {
-            width: number;
-            left: number;
-        };
-    }) => string>;
-    anchorAriaSelected: () => ReturnType<({ active }: CustomElement & {
-        delegatesFocus: boolean;
-    } & {
-        href: string;
-        target: string;
-        download: string;
-        ping: string;
-        rel: string;
-        hreflang: string;
-        referrerPolicy: string;
-    } & {
-        origin: string;
-        protocol: string;
-        username: string;
-        password: string;
-        host: string;
-        hostname: string;
-        port: string;
-        pathname: string;
-        search: string;
-        hash: string;
-    } & object & {
-        _scrollListenerPositionX: number;
-        _scrollListenerPositionY: number;
-        _scrollListenerLastIdle: number;
-        _scrollListenerLastScroll: number;
-        _scrollListenerLastResize: number;
-    } & {
-        _scroller: WeakRef<EventTarget>;
-        _scrollerScrollListener: EventListener;
-        _scrollerResizeListener: EventListener;
-        _scrollDebounce: any;
-    } & {
-        _scrollListenerOnScrollIdle(): void;
-        _scrollListenerOnScrollerScroll(event: Event): void;
-        _scrollListenerOnScrollerResize(event: Event): void;
-        startScrollListener(scroller?: EventTarget): boolean;
-    } & {
-        _scrollListenerScroller: HTMLElement | Window;
-    } & {
-        _scrollListenerScrollerScrollHeight: any;
-        _scrollListenerScrollerClientHeight: any;
-    } & {
-        _scrollListenerClear(scroller?: EventTarget): boolean;
-    } & {
-        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;
-    } & {
-        _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-        _rippleAdded: boolean;
-    } & {
-        _lastRipple: CustomElement & {
-            hadRippleHeld: boolean;
-            hadRippleReleased: boolean;
-            rippleStarted: boolean;
-        } & {
-            rippleState: string;
-            keepAlive: boolean;
-            _positionX: number;
-            _positionY: number;
-            _radius: number;
-            holdRipple: boolean;
-        } & {
-            _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                styles: {
-                    minHeight: string;
-                    minWidth: string;
-                    boxShadow: string;
-                    top: string;
-                    left: string;
-                };
-            };
-        } & {
-            updatePosition(x?: number, y?: number, size?: number): void;
-            handleRippleComplete(): void;
-        };
-    } & {
-        addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        shapeTop: boolean;
-        shapeBottom: boolean;
-        shapeStart: boolean;
-        shapeEnd: boolean;
-        shapeStyle: string;
-        outlined: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        stateLayer: boolean;
-    } & {
-        active: boolean;
-        icon: string;
-        src: string;
-        ariaLabel: string;
-    } & {
-        /** @type {HTMLElement['focus']} */
-        focus(options?: FocusOptions): void;
-        computeLabelMetrics(): {
-            width: number;
-            left: number;
-        };
-    }) => string>;
-    anchorAriaDisabled: () => ReturnType<({ disabledState }: CustomElement & {
-        delegatesFocus: boolean;
-    } & {
-        href: string;
-        target: string;
-        download: string;
-        ping: string;
-        rel: string;
-        hreflang: string;
-        referrerPolicy: string;
-    } & {
-        origin: string;
-        protocol: string;
-        username: string;
-        password: string;
-        host: string;
-        hostname: string;
-        port: string;
-        pathname: string;
-        search: string;
-        hash: string;
-    } & object & {
-        _scrollListenerPositionX: number;
-        _scrollListenerPositionY: number;
-        _scrollListenerLastIdle: number;
-        _scrollListenerLastScroll: number;
-        _scrollListenerLastResize: number;
-    } & {
-        _scroller: WeakRef<EventTarget>;
-        _scrollerScrollListener: EventListener;
-        _scrollerResizeListener: EventListener;
-        _scrollDebounce: any;
-    } & {
-        _scrollListenerOnScrollIdle(): void;
-        _scrollListenerOnScrollerScroll(event: Event): void;
-        _scrollListenerOnScrollerResize(event: Event): void;
-        startScrollListener(scroller?: EventTarget): boolean;
-    } & {
-        _scrollListenerScroller: HTMLElement | Window;
-    } & {
-        _scrollListenerScrollerScrollHeight: any;
-        _scrollListenerScrollerClientHeight: any;
-    } & {
-        _scrollListenerClear(scroller?: EventTarget): boolean;
-    } & {
-        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;
-    } & {
-        _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-        _rippleAdded: boolean;
-    } & {
-        _lastRipple: CustomElement & {
-            hadRippleHeld: boolean;
-            hadRippleReleased: boolean;
-            rippleStarted: boolean;
-        } & {
-            rippleState: string;
-            keepAlive: boolean;
-            _positionX: number;
-            _positionY: number;
-            _radius: number;
-            holdRipple: boolean;
-        } & {
-            _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                styles: {
-                    minHeight: string;
-                    minWidth: string;
-                    boxShadow: string;
-                    top: string;
-                    left: string;
-                };
-            };
-        } & {
-            updatePosition(x?: number, y?: number, size?: number): void;
-            handleRippleComplete(): void;
-        };
-    } & {
-        addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        shapeTop: boolean;
-        shapeBottom: boolean;
-        shapeStart: boolean;
-        shapeEnd: boolean;
-        shapeStyle: string;
-        outlined: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        stateLayer: boolean;
-    } & {
-        active: boolean;
-        icon: string;
-        src: string;
-        ariaLabel: string;
-    } & {
-        /** @type {HTMLElement['focus']} */
-        focus(options?: FocusOptions): void;
-        computeLabelMetrics(): {
-            width: number;
-            left: number;
-        };
-    }) => string>;
-    anchorHref: () => ReturnType<({ href }: CustomElement & {
-        delegatesFocus: boolean;
-    } & {
-        href: string;
-        target: string;
-        download: string;
-        ping: string;
-        rel: string;
-        hreflang: string;
-        referrerPolicy: string;
-    } & {
-        origin: string;
-        protocol: string;
-        username: string;
-        password: string;
-        host: string;
-        hostname: string;
-        port: string;
-        pathname: string;
-        search: string;
-        hash: string;
-    } & object & {
-        _scrollListenerPositionX: number;
-        _scrollListenerPositionY: number;
-        _scrollListenerLastIdle: number;
-        _scrollListenerLastScroll: number;
-        _scrollListenerLastResize: number;
-    } & {
-        _scroller: WeakRef<EventTarget>;
-        _scrollerScrollListener: EventListener;
-        _scrollerResizeListener: EventListener;
-        _scrollDebounce: any;
-    } & {
-        _scrollListenerOnScrollIdle(): void;
-        _scrollListenerOnScrollerScroll(event: Event): void;
-        _scrollListenerOnScrollerResize(event: Event): void;
-        startScrollListener(scroller?: EventTarget): boolean;
-    } & {
-        _scrollListenerScroller: HTMLElement | Window;
-    } & {
-        _scrollListenerScrollerScrollHeight: any;
-        _scrollListenerScrollerClientHeight: any;
-    } & {
-        _scrollListenerClear(scroller?: EventTarget): boolean;
-    } & {
-        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;
-    } & {
-        _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-        _rippleAdded: boolean;
-    } & {
-        _lastRipple: CustomElement & {
-            hadRippleHeld: boolean;
-            hadRippleReleased: boolean;
-            rippleStarted: boolean;
-        } & {
-            rippleState: string;
-            keepAlive: boolean;
-            _positionX: number;
-            _positionY: number;
-            _radius: number;
-            holdRipple: boolean;
-        } & {
-            _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                styles: {
-                    minHeight: string;
-                    minWidth: string;
-                    boxShadow: string;
-                    top: string;
-                    left: string;
-                };
-            };
-        } & {
-            updatePosition(x?: number, y?: number, size?: number): void;
-            handleRippleComplete(): void;
-        };
-    } & {
-        addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        shapeTop: boolean;
-        shapeBottom: boolean;
-        shapeStart: boolean;
-        shapeEnd: boolean;
-        shapeStyle: string;
-        outlined: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        stateLayer: boolean;
-    } & {
-        active: boolean;
-        icon: string;
-        src: string;
-        ariaLabel: string;
-    } & {
-        /** @type {HTMLElement['focus']} */
-        focus(options?: FocusOptions): void;
-        computeLabelMetrics(): {
-            width: number;
-            left: number;
-        };
-    }) => string>;
-    iconIf: () => ReturnType<({ icon, src }: CustomElement & {
-        delegatesFocus: boolean;
-    } & {
-        href: string;
-        target: string;
-        download: string;
-        ping: string;
-        rel: string;
-        hreflang: string;
-        referrerPolicy: string;
-    } & {
-        origin: string;
-        protocol: string;
-        username: string;
-        password: string;
-        host: string;
-        hostname: string;
-        port: string;
-        pathname: string;
-        search: string;
-        hash: string;
-    } & object & {
-        _scrollListenerPositionX: number;
-        _scrollListenerPositionY: number;
-        _scrollListenerLastIdle: number;
-        _scrollListenerLastScroll: number;
-        _scrollListenerLastResize: number;
-    } & {
-        _scroller: WeakRef<EventTarget>;
-        _scrollerScrollListener: EventListener;
-        _scrollerResizeListener: EventListener;
-        _scrollDebounce: any;
-    } & {
-        _scrollListenerOnScrollIdle(): void;
-        _scrollListenerOnScrollerScroll(event: Event): void;
-        _scrollListenerOnScrollerResize(event: Event): void;
-        startScrollListener(scroller?: EventTarget): boolean;
-    } & {
-        _scrollListenerScroller: HTMLElement | Window;
-    } & {
-        _scrollListenerScrollerScrollHeight: any;
-        _scrollListenerScrollerClientHeight: any;
-    } & {
-        _scrollListenerClear(scroller?: EventTarget): boolean;
-    } & {
-        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;
-    } & {
-        _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-        _rippleAdded: boolean;
-    } & {
-        _lastRipple: CustomElement & {
-            hadRippleHeld: boolean;
-            hadRippleReleased: boolean;
-            rippleStarted: boolean;
-        } & {
-            rippleState: string;
-            keepAlive: boolean;
-            _positionX: number;
-            _positionY: number;
-            _radius: number;
-            holdRipple: boolean;
-        } & {
-            _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                styles: {
-                    minHeight: string;
-                    minWidth: string;
-                    boxShadow: string;
-                    top: string;
-                    left: string;
-                };
-            };
-        } & {
-            updatePosition(x?: number, y?: number, size?: number): void;
-            handleRippleComplete(): void;
-        };
-    } & {
-        addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        shapeTop: boolean;
-        shapeBottom: boolean;
-        shapeStart: boolean;
-        shapeEnd: boolean;
-        shapeStyle: string;
-        outlined: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        stateLayer: boolean;
-    } & {
-        active: boolean;
-        icon: string;
-        src: string;
-        ariaLabel: string;
-    } & {
-        /** @type {HTMLElement['focus']} */
-        focus(options?: FocusOptions): void;
-        computeLabelMetrics(): {
-            width: number;
-            left: number;
-        };
-    }) => string>;
-    iconVariation: () => ReturnType<({ active }: CustomElement & {
-        delegatesFocus: boolean;
-    } & {
-        href: string;
-        target: string;
-        download: string;
-        ping: string;
-        rel: string;
-        hreflang: string;
-        referrerPolicy: string;
-    } & {
-        origin: string;
-        protocol: string;
-        username: string;
-        password: string;
-        host: string;
-        hostname: string;
-        port: string;
-        pathname: string;
-        search: string;
-        hash: string;
-    } & object & {
-        _scrollListenerPositionX: number;
-        _scrollListenerPositionY: number;
-        _scrollListenerLastIdle: number;
-        _scrollListenerLastScroll: number;
-        _scrollListenerLastResize: number;
-    } & {
-        _scroller: WeakRef<EventTarget>;
-        _scrollerScrollListener: EventListener;
-        _scrollerResizeListener: EventListener;
-        _scrollDebounce: any;
-    } & {
-        _scrollListenerOnScrollIdle(): void;
-        _scrollListenerOnScrollerScroll(event: Event): void;
-        _scrollListenerOnScrollerResize(event: Event): void;
-        startScrollListener(scroller?: EventTarget): boolean;
-    } & {
-        _scrollListenerScroller: HTMLElement | Window;
-    } & {
-        _scrollListenerScrollerScrollHeight: any;
-        _scrollListenerScrollerClientHeight: any;
-    } & {
-        _scrollListenerClear(scroller?: EventTarget): boolean;
-    } & {
-        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;
-    } & {
-        _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
-        _rippleAdded: boolean;
-    } & {
-        _lastRipple: CustomElement & {
-            hadRippleHeld: boolean;
-            hadRippleReleased: boolean;
-            rippleStarted: boolean;
-        } & {
-            rippleState: string;
-            keepAlive: boolean;
-            _positionX: number;
-            _positionY: number;
-            _radius: number;
-            holdRipple: boolean;
-        } & {
-            _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
-                styles: {
-                    minHeight: string;
-                    minWidth: string;
-                    boxShadow: string;
-                    top: string;
-                    left: string;
-                };
-            };
-        } & {
-            updatePosition(x?: number, y?: number, size?: number): void;
-            handleRippleComplete(): void;
-        };
-    } & {
-        addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
-    } & {
-        color: string;
-        ink: string;
-        typeStyle: string;
-    } & {
-        shapeTop: boolean;
-        shapeBottom: boolean;
-        shapeStart: boolean;
-        shapeEnd: boolean;
-        shapeStyle: string;
-        outlined: boolean;
-    } & {
-        stateTargetElement: HTMLElement;
-    } & {
-        stateLayer: boolean;
-    } & {
-        active: boolean;
-        icon: string;
-        src: string;
-        ariaLabel: string;
-    } & {
-        /** @type {HTMLElement['focus']} */
-        focus(options?: FocusOptions): void;
-        computeLabelMetrics(): {
-            width: number;
-            left: number;
-        };
-    }) => string>;
+    anchorAriaControls: () => string;
+    anchorAriaSelected: () => string;
+    anchorAriaDisabled: () => string;
+    anchorHref: () => string;
+    iconIf: () => string;
+    iconVariation: () => string;
 }, any[]>;
 export default _default;
 import CustomElement from '../core/CustomElement.js';