@shortfuse/materialdesignweb 0.8.0 → 0.9.1

package/types/components/Tab.d.ts

@@ -0,0 +1,139 @@
+declare const _default: typeof CustomElement & import("../core/CustomElement.js").Class<{
+    delegatesFocus: boolean;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    href: string;
+    target: string;
+    download: string;
+    ping: string;
+    rel: string;
+    hreflang: string;
+    referrerPolicy: string;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    origin: string;
+    protocol: string;
+    username: string;
+    password: string;
+    host: string;
+    hostname: string;
+    port: string;
+    pathname: string;
+    search: string;
+    hash: string;
+}, any[]> & import("../core/CustomElement.js").Class<object, any[]> & import("../core/CustomElement.js").Class<{
+    _scrollListenerPositionX: number;
+    _scrollListenerPositionY: number;
+    _scrollListenerLastIdle: number;
+    _scrollListenerLastScroll: number;
+    _scrollListenerLastResize: number;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _scroller: WeakRef<HTMLElement | Window>;
+    _scrollerScrollListener: EventListener;
+    _scrollerResizeListener: EventListener;
+    _scrollDebounce: any;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _scrollListenerOnScrollIdle(): void;
+    _scrollListenerOnScrollerScroll(event: Event): void;
+    _scrollListenerOnScrollerResize(event: Event): void;
+    startScrollListener(scroller?: EventTarget): boolean;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _scrollListenerScroller: HTMLElement | Window;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _scrollListenerScrollerScrollHeight: any;
+    _scrollListenerScrollerClientHeight: any;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _scrollListenerClear(scroller?: EventTarget): boolean;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    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;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    disabledState: boolean;
+    hoveredState: boolean;
+    focusedState: boolean;
+    pressedState: boolean;
+    touchedState: boolean;
+    pointedState: boolean;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    stateTargetElement: HTMLElement;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _lastRippleWeakRef: WeakRef<InstanceType<import("../mixins/RippleMixin.js").Ripple>>;
+    _rippleAdded: boolean;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _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;
+    };
+}, any[]> & import("../core/CustomElement.js").Class<{
+    addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    color: string;
+    ink: string;
+    typeStyle: string;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    shapeTop: boolean;
+    shapeBottom: boolean;
+    shapeStart: boolean;
+    shapeEnd: boolean;
+    shapeStyle: string;
+    outlined: boolean;
+}, 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;
+    icon: string;
+    src: string;
+    ariaLabel: string;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    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: () => string;
+    anchorAriaSelected: () => string;
+    anchorAriaDisabled: () => string;
+    anchorHref: () => string;
+    iconIf: () => string;
+    iconVariation: () => string;
+}, any[]>;
+export default _default;
+import CustomElement from '../core/CustomElement.js';
+//# sourceMappingURL=Tab.d.ts.map

package/types/components/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../components/Tab.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8BI,oEAAoE;;;;;;;;;IAmBpE;;;OAGG;;;;;;;;;;;;;;0BAhDmB,0BAA0B"}

package/types/components/TabContent.d.ts

@@ -0,0 +1,124 @@
+declare const _default: typeof CustomElement & import("../core/CustomElement.js").Class<{
+    _resizeObserverEnabled: boolean;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    onResizeObserved(entry: ResizeObserverEntry): void;
+    observeResize(): void;
+    unobserveResize(): void;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    /**
+     * Internal list of `TabPanel` nodes currently assigned to the slot.
+     * @type {InstanceType<TabPanel>[]}
+     */
+    _panelNodes: InstanceType<typeof CustomElement & import("../core/CustomElement.js").Class<{
+        _ariaRole: string;
+    }, any[]> & import("../core/CustomElement.js").Class<{
+        _onConnectAriaValues: Map<import("../mixins/AriaReflectorMixin.js").StringKeyOfARIAMixin<keyof ARIAMixin>, ARIAMixin[import("../mixins/AriaReflectorMixin.js").StringKeyOfARIAMixin<keyof ARIAMixin>]>;
+    }, any[]> & import("../core/CustomElement.js").Class<{
+        readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot | Element | readonly Element[];
+        updateAriaProperty<K extends StringKeyOfARIAMixin<keyof ARIAMixin>>(name: K, value: ARIAMixin[K]): void;
+    }, any[]> & import("../core/CustomElement.js").Class<{
+        block: boolean;
+        inline: boolean;
+        row: boolean;
+        x: string;
+        y: string;
+        gap: number;
+        padding: string;
+    }, any[]> & import("../core/CustomElement.js").Class<{
+        color: string;
+        ink: string;
+        typeStyle: string;
+    }, any[]> & import("../core/CustomElement.js").Class<{
+        _ariaRole: string;
+    }, any[]> & import("../core/CustomElement.js").Class<{
+        active: boolean;
+        peeking: boolean;
+    }, any[]>>[];
+    /**
+     * Cached metrics for each panel used to determine visibility and
+     * which panel is active based on scroll position. Each entry contains
+     * `{ left, width, right, center, index }` in pixels.
+     * @type {{left:number,width:number,right:number,center:number,index:number}[]|null}
+     */
+    _panelMetrics: {
+        left: number;
+        width: number;
+        right: number;
+        center: number;
+        index: number;
+    }[] | null;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _selectedIndex: number;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    panels: (CustomElement & {
+        _ariaRole: string;
+    } & {
+        _onConnectAriaValues: Map<import("../mixins/AriaReflectorMixin.js").StringKeyOfARIAMixin<keyof ARIAMixin>, ARIAMixin[import("../mixins/AriaReflectorMixin.js").StringKeyOfARIAMixin<keyof ARIAMixin>]>;
+    } & {
+        readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot | Element | readonly Element[];
+        updateAriaProperty<K extends StringKeyOfARIAMixin<keyof ARIAMixin>>(name: K, value: ARIAMixin[K]): void;
+    } & {
+        block: boolean;
+        inline: boolean;
+        row: boolean;
+        x: string;
+        y: string;
+        gap: number;
+        padding: string;
+    } & {
+        color: string;
+        ink: string;
+        typeStyle: string;
+    } & {
+        _ariaRole: string;
+    } & {
+        active: boolean;
+        peeking: boolean;
+    })[];
+    panelMetrics: {
+        left: number;
+        width: number;
+        right: number;
+        center: number;
+        index: number;
+    }[];
+}, any[]> & import("../core/CustomElement.js").Class<{
+    selectedIndex: number;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    selectedPanel: CustomElement & {
+        _ariaRole: string;
+    } & {
+        _onConnectAriaValues: Map<import("../mixins/AriaReflectorMixin.js").StringKeyOfARIAMixin<keyof ARIAMixin>, ARIAMixin[import("../mixins/AriaReflectorMixin.js").StringKeyOfARIAMixin<keyof ARIAMixin>]>;
+    } & {
+        readAriaProperty(name: keyof HTMLElement & keyof ElementInternals): string | ShadowRoot | Element | readonly Element[];
+        updateAriaProperty<K extends StringKeyOfARIAMixin<keyof ARIAMixin>>(name: K, value: ARIAMixin[K]): void;
+    } & {
+        block: boolean;
+        inline: boolean;
+        row: boolean;
+        x: string;
+        y: string;
+        gap: number;
+        padding: string;
+    } & {
+        color: string;
+        ink: string;
+        typeStyle: string;
+    } & {
+        _ariaRole: string;
+    } & {
+        active: boolean;
+        peeking: boolean;
+    };
+}, any[]> & import("../core/CustomElement.js").Class<{
+    /** Called when the component observes a resize; clears cached metrics. */
+    onResizeObserved(): void;
+    /**
+     * Recompute which panels are visible based on scroll position and
+     * activate the panel whose visible percentage is >= 50%.
+     */
+    updatePanels(): void;
+}, any[]>;
+export default _default;
+import CustomElement from '../core/CustomElement.js';
+//# sourceMappingURL=TabContent.d.ts.map

package/types/components/TabContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabContent.d.ts","sourceRoot":"","sources":["../../components/TabContent.js"],"names":[],"mappings":";;;;;;;IAeI;;;OAGG;iBADO,YAAY;;;;;;;;;;;;;;;;;;;;;;;;cAAU,EAAE;IAGlC;;;;;OAKG;mBADO;QAAC,IAAI,EAAC,MAAM,CAAC;QAAA,KAAK,EAAC,MAAM,CAAC;QAAA,KAAK,EAAC,MAAM,CAAC;QAAA,MAAM,EAAC,MAAM,CAAC;QAAA,KAAK,EAAC,MAAM,CAAA;KAAC,EAAE,GAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAnE,MAAM;eAAO,MAAM;eAAO,MAAM;gBAAQ,MAAM;eAAO,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkF3E,0EAA0E;;IAM1E;;;OAGG;;;;0BAlHmB,0BAA0B"}