@shortfuse/materialdesignweb 0.8.0 → 0.9.0

package/types/mixins/PopupMixin.d.ts

@@ -0,0 +1,82 @@
+/**
+ * @param {typeof import('../core/CustomElement.js').default} Base
+ */
+export default function PopupMixin(Base: typeof import("../core/CustomElement.js").default): typeof import("../core/CustomElement.js").default & 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<{
+    delegatesFocus: boolean;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    open: boolean;
+    modal: boolean;
+    native: boolean;
+    scrollable: boolean;
+    matchSourceWidth: boolean;
+    _currentFlow: string;
+    flow: string;
+    popupMargin: number;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    useHistory: boolean;
+    returnValue: string;
+    _closing: boolean;
+    _useScrim: boolean;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _dialog: HTMLDialogElement;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    /**
+     * @param {DOMRect|Element} [anchor]
+     * @return {void}
+     */
+    updatePopupPosition(anchor?: DOMRect | Element): void;
+    /**
+     * @param {Event & {currentTarget: HTMLSlotElement}} event
+     * @return {void}
+     */
+    onSlotChange({ currentTarget }: Event & {
+        currentTarget: HTMLSlotElement;
+    }): void;
+    /**
+     * @param {MouseEvent|PointerEvent|HTMLElement|Event} [source]
+     * @param {boolean} focus
+     * @param {string} flow
+     * @return {boolean} handled
+     */
+    showPopup(source?: MouseEvent | PointerEvent | HTMLElement | Event, focus?: boolean, flow?: string): boolean;
+    /**
+     * @param {MouseEvent|PointerEvent|HTMLElement|Event} [source]
+     * @param {boolean} [focus]
+     * @param {string} [flow]
+     * @return {boolean} handled
+     */
+    showModal(source?: MouseEvent | PointerEvent | HTMLElement | Event, focus?: boolean, flow?: string): boolean;
+    /**
+     * @param {MouseEvent|PointerEvent|HTMLElement|Event} [source]
+     * @param {boolean} [focus]
+     * @param {string} [flow]
+     * @return {boolean} handled
+     */
+    show(source?: MouseEvent | PointerEvent | HTMLElement | Event, focus?: boolean, flow?: string): boolean;
+    /**
+     * @param {any} [returnValue]
+     * @param {boolean} [returnFocus=true]
+     * @return {boolean} handled
+     */
+    close(returnValue?: any, returnFocus?: boolean): boolean;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    onResizeObserved(entry: ResizeObserverEntry): void;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _ariaHidden: never;
+}, any[]>;
+export type PopupStack = {
+    element: Element;
+    previousFocus: Element;
+    centered?: boolean;
+    state?: Record<string, any>;
+    previousState?: Record<string, any>;
+    pendingResizeOperation?: any;
+    scrollRestoration?: ScrollRestoration;
+};
+//# sourceMappingURL=PopupMixin.d.ts.map

package/types/mixins/PopupMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopupMixin.d.ts","sourceRoot":"","sources":["../../mixins/PopupMixin.js"],"names":[],"mappings":"AAuEA;;GAEG;AACH,yCAFW,cAAc,0BAA0B,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;aA4BlC,iBAAiB;;IAIrC;;;OAGG;iCAFQ,OAAO,GAAC,OAAO,GACd,IAAI;IAuJhB;;;OAGG;oCAFQ,KAAK,GAAG;QAAC,aAAa,EAAE,eAAe,CAAA;KAAC,GACvC,IAAI;IAShB;;;;;OAKG;uBAJQ,UAAU,GAAC,YAAY,GAAC,WAAW,GAAC,KAAK,UACzC,OAAO,SACP,MAAM,GACL,OAAO;IA+EnB;;;;;OAKG;uBAJQ,UAAU,GAAC,YAAY,GAAC,WAAW,GAAC,KAAK,UACzC,OAAO,SACP,MAAM,GACL,OAAO;IAWnB;;;;;OAKG;kBAJQ,UAAU,GAAC,YAAY,GAAC,WAAW,GAAC,KAAK,UACzC,OAAO,SACP,MAAM,GACL,OAAO;IAUnB;;;;OAIG;wBAHQ,GAAG,gBACH,OAAO,GACN,OAAO;;;;;UAqVxB;;aAzsBS,OAAO;mBACP,OAAO;eACP,OAAO;YACP,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;oBACnB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;6BACnB,GAAG"}

package/types/mixins/RTLObserverMixin.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @param {typeof import('../core/CustomElement.js').default} Base
+ */
+export default function RTLObserverMixin(Base: typeof import("../core/CustomElement.js").default): typeof import("../core/CustomElement.js").default & import("../core/CustomElement.js").Class<{
+    pageIsRTL: boolean;
+}, any[]>;
+//# sourceMappingURL=RTLObserverMixin.d.ts.map

package/types/mixins/RTLObserverMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RTLObserverMixin.d.ts","sourceRoot":"","sources":["../../mixins/RTLObserverMixin.js"],"names":[],"mappings":"AAKA;;GAEG;AACH,+CAFW,cAAc,0BAA0B,EAAE,OAAO;;UA2B3D"}

package/types/mixins/ResizeObserverMixin.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @param {typeof import('../core/CustomElement.js').default} Base
+ */
+export default function ResizeObserverMixin(Base: typeof import("../core/CustomElement.js").default): typeof import("../core/CustomElement.js").default & import("../core/CustomElement.js").Class<{
+    _resizeObserverEnabled: boolean;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    /** @param {ResizeObserverEntry} entry */
+    onResizeObserved(entry: ResizeObserverEntry): void;
+    observeResize(): void;
+    unobserveResize(): void;
+}, any[]>;
+//# sourceMappingURL=ResizeObserverMixin.d.ts.map

package/types/mixins/ResizeObserverMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeObserverMixin.d.ts","sourceRoot":"","sources":["../../mixins/ResizeObserverMixin.js"],"names":[],"mappings":"AAOA;;GAEG;AACH,kDAFW,cAAc,0BAA0B,EAAE,OAAO;;;IAWtD,yCAAyC;4BAA7B,mBAAmB;;;UA6BpC"}

package/types/mixins/RippleMixin.d.ts

@@ -0,0 +1,92 @@
+/** @typedef {import('../components/Ripple.js').default} Ripple */
+/**
+ * @param {ReturnType<import('./StateMixin.js').default>} Base
+ */
+export default function RippleMixin(Base: ReturnType<typeof import("./StateMixin.js").default>): typeof import("../index.js").CustomElement & 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<{
+    /** @type {WeakRef<InstanceType<Ripple>>} */
+    _lastRippleWeakRef: WeakRef<InstanceType<Ripple>>;
+    /** Flag set if ripple was added this event loop. */
+    _rippleAdded: boolean;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _lastRipple: import("../index.js").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<{
+    /**
+     * @param {number} [x]
+     * @param {number} [y]
+     * @param {boolean} [hold]
+     * @return {InstanceType<Ripple>}
+     */
+    addRipple(x?: number, y?: number, hold?: boolean): InstanceType<Ripple>;
+}, any[]>;
+export type Ripple = typeof import("../index.js").CustomElement & import("../core/CustomElement.js").Class<{
+    hadRippleHeld: boolean;
+    hadRippleReleased: boolean;
+    rippleStarted: boolean;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    rippleState: string;
+    keepAlive: boolean;
+    _positionX: number;
+    _positionY: number;
+    _radius: number;
+    holdRipple: boolean;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _positionStyle: import("../core/customTypes.js").ElementStylerOptions | {
+        styles: {
+            minHeight: string;
+            minWidth: string;
+            boxShadow: string;
+            top: string;
+            left: string;
+        };
+    };
+}, any[]> & import("../core/CustomElement.js").Class<{
+    updatePosition(x?: number, y?: number, size?: number): void;
+    handleRippleComplete(): void;
+}, any[]>;
+//# sourceMappingURL=RippleMixin.d.ts.map

package/types/mixins/RippleMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RippleMixin.d.ts","sourceRoot":"","sources":["../../mixins/RippleMixin.js"],"names":[],"mappings":"AAEA,kEAAkE;AAElE;;GAEG;AACH,0CAFW,UAAU,CAAC,wCAAiC,CAAC;;;;;;;;;;;;;;;;;;;;;;;IAKlD,4CAA4C;wBAAjC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAExC,oDAAoD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgBpD;;;;;OAKG;kBAJQ,MAAM,MACN,MAAM,SACN,OAAO,GACN,YAAY,CAAC,MAAM,CAAC;UA8FrC;qBA5Ha;;;;;;;;;;;;;;;;;;;;;;;;SAAyC"}

package/types/mixins/ScrollListenerMixin.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @param {typeof import('../core/CustomElement.js').default} Base
+ */
+export default function ScrollListenerMixin(Base: typeof import("../core/CustomElement.js").default): typeof import("../core/CustomElement.js").default & import("../core/CustomElement.js").Class<{
+    _scrollListenerPositionX: number;
+    _scrollListenerPositionY: number;
+    _scrollListenerLastIdle: number;
+    _scrollListenerLastScroll: number;
+    _scrollListenerLastResize: number;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    /** @type {WeakRef<EventTarget>} */
+    _scroller: WeakRef<EventTarget>;
+    /** @type {EventListener} */
+    _scrollerScrollListener: EventListener;
+    /** @type {EventListener} */
+    _scrollerResizeListener: EventListener;
+    _scrollDebounce: any;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _scrollListenerOnScrollIdle(): void;
+    /** @param {Event} event */
+    _scrollListenerOnScrollerScroll(event: Event): void;
+    /** @param {Event} event */
+    _scrollListenerOnScrollerResize(event: Event): void;
+    /**
+     * @param {EventTarget} [scroller]
+     * @return {boolean}
+     */
+    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<{
+    /**
+     * @param {EventTarget} [scroller]
+     * @return {boolean}
+     */
+    _scrollListenerClear(scroller?: EventTarget): boolean;
+}, any[]>;
+//# sourceMappingURL=ScrollListenerMixin.d.ts.map

package/types/mixins/ScrollListenerMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollListenerMixin.d.ts","sourceRoot":"","sources":["../../mixins/ScrollListenerMixin.js"],"names":[],"mappings":"AAEA;;GAEG;AACH,kDAFW,cAAc,0BAA0B,EAAE,OAAO;;;;;;;IAYtD,mCAAmC;eAAxB,OAAO,CAAC,WAAW,CAAC;IAE/B,4BAA4B;6BAAjB,aAAa;IAExB,4BAA4B;6BAAjB,aAAa;;;;IASxB,2BAA2B;2CAAf,KAAK;IAejB,2BAA2B;2CAAf,KAAK;IAKjB;;;OAGG;mCAFQ,WAAW,GACV,OAAO;;;;;;;IA8CnB;;;OAGG;oCAFQ,WAAW,GACV,OAAO;UAUxB"}

package/types/mixins/SemiStickyMixin.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Hides sticky element when scrolling down
+ * @param {typeof import('../core/CustomElement.js').default} Base
+ */
+export default function SemiStickyMixin(Base: typeof import("../core/CustomElement.js").default): typeof import("../core/CustomElement.js").default & import("../core/CustomElement.js").Class<{
+    _scrollListenerPositionX: number;
+    _scrollListenerPositionY: number;
+    _scrollListenerLastIdle: number;
+    _scrollListenerLastScroll: number;
+    _scrollListenerLastResize: number;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _scroller: WeakRef<EventTarget>;
+    _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<{
+    _semiStickyHeight: number;
+    _semiStickyOffsetY: number;
+    _semiStickyTranslateY: number;
+    _semiStickyDuration: number;
+    _semiStickyEasing: string;
+    _semiStickyMeasured: boolean;
+    stickyAlways: boolean;
+    stickyParent: boolean;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _refreshSemiStickyMetrics(): void;
+}, any[]> & import("../core/CustomElement.js").Class<{
+    _semiStickyStyleStyle: import("../core/customTypes.js").ElementStylerOptions | {
+        styles: {
+            transform: string;
+        };
+        timing: {
+            duration: number;
+            easing: string;
+        };
+    };
+}, any[]>;
+//# sourceMappingURL=SemiStickyMixin.d.ts.map

package/types/mixins/SemiStickyMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemiStickyMixin.d.ts","sourceRoot":"","sources":["../../mixins/SemiStickyMixin.js"],"names":[],"mappings":"AAIA;;;GAGG;AACH,8CAFW,cAAc,0BAA0B,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA0F3D"}

package/types/mixins/ShapeMaskedMixin.d.ts

@@ -0,0 +1,9 @@
+/** @param {typeof import('../core/CustomElement.js').default} Base */
+export default function ShapeMaskedMixin(Base: typeof import("../core/CustomElement.js").default): typeof import("../core/CustomElement.js").default & import("../core/CustomElement.js").Class<{
+    shapeTop: boolean;
+    shapeBottom: boolean;
+    shapeStart: boolean;
+    shapeEnd: boolean;
+    shapeStyle: string;
+}, any[]>;
+//# sourceMappingURL=ShapeMaskedMixin.d.ts.map

package/types/mixins/ShapeMaskedMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeMaskedMixin.d.ts","sourceRoot":"","sources":["../../mixins/ShapeMaskedMixin.js"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,+CADY,cAAc,0BAA0B,EAAE,OAAO;;;;;;UAoH5D"}

package/types/mixins/ShapeMixin.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @param {ReturnType<import('./StateMixin.js').default> & ReturnType<import('./ThemableMixin.js').default>} Base
+ */
+export default function ShapeMixin(Base: ReturnType<typeof import("./StateMixin.js").default> & ReturnType<typeof import("./ThemableMixin.js").default>): typeof import("../index.js").CustomElement & 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<{
+    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[]>;
+//# sourceMappingURL=ShapeMixin.d.ts.map

package/types/mixins/ShapeMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeMixin.d.ts","sourceRoot":"","sources":["../../mixins/ShapeMixin.js"],"names":[],"mappings":"AAAA;;GAEG;AACH,yCAFW,UAAU,CAAC,wCAAiC,CAAC,GAAG,UAAU,CAAC,2CAAoC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA0H1G"}

package/types/mixins/StateMixin.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @param {typeof import('../core/CustomElement.js').default} Base
+ */
+export default function StateMixin(Base: typeof import("../core/CustomElement.js").default): typeof import("../core/CustomElement.js").default & 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[]>;
+//# sourceMappingURL=StateMixin.d.ts.map

package/types/mixins/StateMixin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateMixin.d.ts","sourceRoot":"","sources":["../../mixins/StateMixin.js"],"names":[],"mappings":"AAIA;;GAEG;AACH,yCAFW,cAAc,0BAA0B,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;UAuO3D"}