@vollowx/seele 0.13.5 → 0.13.7

package/src/m3/field/outlined-field.js

@@ -1,22 +1,18 @@
-import { _ as _ts_decorate } from "@swc/helpers/_/_ts_decorate";
+import { __decorate } from "tslib";
 import { html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { M3Field } from './field.js';
 import { outlinedFieldStyles } from './outlined-field-styles.css.js';
-export class M3OutlinedField extends M3Field {
-    static{
-        this.styles = [
-            ...super.styles,
-            outlinedFieldStyles
-        ];
-    }
+let M3OutlinedField = class M3OutlinedField extends M3Field {
+    static { this.styles = [...super.styles, outlinedFieldStyles]; }
     renderContainerContent() {
-        return html`${this.renderOutline()} ${this.renderStart()}<div class="middle"><div class="input-wrapper"><slot></slot></div></div>${this.renderEnd()}`;
+        return html `${this.renderOutline()} ${this.renderStart()}<div class="middle"><div class="input-wrapper"><slot></slot></div></div>${this.renderEnd()}`;
     }
     renderOutline() {
-        return html`<div class="outline"><div class="outline-start"></div><div class="outline-notch"><span class="label">${this.label}</span></div><div class="outline-end"></div></div>`;
+        return html `<div class="outline"><div class="outline-start"></div><div class="outline-notch"><span class="label">${this.label}</span></div><div class="outline-end"></div></div>`;
     }
-}
-M3OutlinedField = _ts_decorate([
+};
+M3OutlinedField = __decorate([
     customElement('md-outlined-field')
 ], M3OutlinedField);
+export { M3OutlinedField };

package/src/m3/focus-ring/focus-ring.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+declare const M3FocusRing_base: Constructor<import("../../base/mixins/attachable.js").AttachableInterface> & Constructor<import("../../base/mixins/internals-attached.js").InternalsAttachedInterface> & typeof LitElement;
+/**
+ * @tag md-focus-ring
+ *
+ * @cssprop --md-focus-ring-active-width
+ * @cssprop --md-focus-ring-color
+ * @cssprop --md-focus-ring-duration
+ * @cssprop --md-focus-ring-inward-offset
+ * @cssprop --md-focus-ring-outward-offset
+ * @cssprop --md-focus-ring-shape
+ * @cssprop --md-focus-ring-shape-end-end
+ * @cssprop --md-focus-ring-shape-end-start
+ * @cssprop --md-focus-ring-shape-start-end
+ * @cssprop --md-focus-ring-shape-start-start
+ * @cssprop --md-focus-ring-width
+ */
+export declare class M3FocusRing extends M3FocusRing_base {
+    #private;
+    inward: boolean;
+    static styles: any[];
+    constructor();
+    visualFocus(): void;
+    visualBlur(): void;
+    handleControlChange(prev?: HTMLElement | null, next?: HTMLElement | null): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-focus-ring': M3FocusRing;
+    }
+}
+export {};

package/src/m3/focus-ring/focus-ring.js

@@ -1,24 +1,41 @@
-import { _ as _ts_decorate } from "@swc/helpers/_/_ts_decorate";
+import { __decorate } from "tslib";
 import { LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { customElement } from '../../core/decorators.js';
 import { focusVisible } from '../../core/focus-visible.js';
 import { Attachable } from '../../base/mixins/attachable.js';
-import { InternalsAttached, internals } from '../../base/mixins/internals-attached.js';
+import { InternalsAttached, internals, } from '../../base/mixins/internals-attached.js';
 import { focusRingStyles } from './focus-ring-styles.css.js';
-export class M3FocusRing extends Attachable(InternalsAttached(LitElement)) {
-    static{
-        this.styles = [
-            focusRingStyles
-        ];
-    }
-    constructor(){
-        super(), this.inward = false, this.#handleFocusIn = ()=>{
-            if (focusVisible) this[internals].states.add('visible');
-            else this[internals].states.delete('visible');
-        }, this.#handleFocusOut = ()=>{
+/**
+ * @tag md-focus-ring
+ *
+ * @cssprop --md-focus-ring-active-width
+ * @cssprop --md-focus-ring-color
+ * @cssprop --md-focus-ring-duration
+ * @cssprop --md-focus-ring-inward-offset
+ * @cssprop --md-focus-ring-outward-offset
+ * @cssprop --md-focus-ring-shape
+ * @cssprop --md-focus-ring-shape-end-end
+ * @cssprop --md-focus-ring-shape-end-start
+ * @cssprop --md-focus-ring-shape-start-end
+ * @cssprop --md-focus-ring-shape-start-start
+ * @cssprop --md-focus-ring-width
+ */
+let M3FocusRing = class M3FocusRing extends Attachable(InternalsAttached(LitElement)) {
+    static { this.styles = [focusRingStyles]; }
+    constructor() {
+        super();
+        this.inward = false;
+        this.#handleFocusIn = () => {
+            if (focusVisible)
+                this[internals].states.add('visible');
+            else
+                this[internals].states.delete('visible');
+        };
+        this.#handleFocusOut = () => {
             this[internals].states.delete('visible');
-        }, this.#handlePointerDown = ()=>{
+        };
+        this.#handlePointerDown = () => {
             this[internals].states.delete('visible');
         };
         this[internals].ariaHidden = 'true';
@@ -36,20 +53,18 @@ export class M3FocusRing extends Attachable(InternalsAttached(LitElement)) {
         const eventHandlers = {
             focusin: this.#handleFocusIn,
             focusout: this.#handleFocusOut,
-            pointerdown: this.#handlePointerDown
+            pointerdown: this.#handlePointerDown,
         };
-        Object.keys(eventHandlers).forEach((eventName)=>{
+        Object.keys(eventHandlers).forEach((eventName) => {
             prev?.removeEventListener(eventName, eventHandlers[eventName]);
             next?.addEventListener(eventName, eventHandlers[eventName]);
         });
     }
-}
-_ts_decorate([
-    property({
-        type: Boolean,
-        reflect: true
-    })
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
 ], M3FocusRing.prototype, "inward", void 0);
-M3FocusRing = _ts_decorate([
+M3FocusRing = __decorate([
     customElement('md-focus-ring', false)
 ], M3FocusRing);
+export { M3FocusRing };

package/src/m3/item/item.d.ts

@@ -0,0 +1,31 @@
+import { Item } from '../../base/item.js';
+/**
+ * @tag md-item
+ *
+ * @csspart container
+ * @csspart start
+ * @csspart text
+ * @csspart overline
+ * @csspart headline
+ * @csspart supporting-text
+ * @csspart trailing-supporting-text
+ * @csspart end
+ *
+ * @slot container - container element
+ * @slot start - start content
+ * @slot overline - overline text
+ * @slot headline - headline text
+ * @slot supporting-text - supporting text
+ * @slot trailing-supporting-text - trailing supporting text
+ * @slot end - end content
+ */
+export declare class M3Item extends Item {
+    multiline: boolean;
+    static styles: any[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-item': M3Item;
+    }
+}

package/src/m3/item/item.js

@@ -1,27 +1,42 @@
-import { _ as _ts_decorate } from "@swc/helpers/_/_ts_decorate";
+import { __decorate } from "tslib";
 import { html } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { Item } from '../../base/item.js';
 import { itemStyles } from './item-styles.css.js';
-export class M3Item extends Item {
-    static{
-        this.styles = [
-            itemStyles
-        ];
+/**
+ * @tag md-item
+ *
+ * @csspart container
+ * @csspart start
+ * @csspart text
+ * @csspart overline
+ * @csspart headline
+ * @csspart supporting-text
+ * @csspart trailing-supporting-text
+ * @csspart end
+ *
+ * @slot container - container element
+ * @slot start - start content
+ * @slot overline - overline text
+ * @slot headline - headline text
+ * @slot supporting-text - supporting text
+ * @slot trailing-supporting-text - trailing supporting text
+ * @slot end - end content
+ */
+let M3Item = class M3Item extends Item {
+    constructor() {
+        super(...arguments);
+        this.multiline = false;
     }
+    static { this.styles = [itemStyles]; }
     render() {
-        return html`<slot name="container"></slot><slot name="start"></slot><div class="text"><slot name="overline"></slot><slot class="default-slot"></slot><slot name="headline"></slot><slot name="supporting-text"></slot></div><slot name="trailing-supporting-text"></slot><slot name="end"></slot>`;
+        return html `<slot name="container"></slot><slot name="start"></slot><div class="text"><slot name="overline"></slot><slot class="default-slot"></slot><slot name="headline"></slot><slot name="supporting-text"></slot></div><slot name="trailing-supporting-text"></slot><slot name="end"></slot>`;
     }
-    constructor(...args){
-        super(...args), this.multiline = false;
-    }
-}
-_ts_decorate([
-    property({
-        type: Boolean,
-        reflect: true
-    })
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
 ], M3Item.prototype, "multiline", void 0);
-M3Item = _ts_decorate([
+M3Item = __decorate([
     customElement('md-item')
 ], M3Item);
+export { M3Item };

package/src/m3/list/list-item.d.ts

@@ -0,0 +1,24 @@
+import { ListItem } from '../../base/list-item.js';
+import '../item/item.js';
+import '../ripple/ripple.js';
+import '../focus-ring/focus-ring.js';
+import type { M3Ripple } from '../ripple/ripple.js';
+import type { M3FocusRing } from '../focus-ring/focus-ring.js';
+/**
+ * @tag md-list-item
+ *
+ * @slot - contents in md-item
+ */
+export declare class M3ListItem extends ListItem {
+    ripple: M3Ripple;
+    focusRing: M3FocusRing;
+    static styles: any[];
+    render(): import("lit-html").TemplateResult<1>;
+    constructor();
+    protected updated(changed: Map<string, any>): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-list-item': M3ListItem;
+    }
+}

package/src/m3/list/list-item.js

@@ -1,22 +1,24 @@
-import { _ as _ts_decorate } from "@swc/helpers/_/_ts_decorate";
+import { __decorate } from "tslib";
 import { html } from 'lit';
 import { customElement, query } from 'lit/decorators.js';
 import { ListItem } from '../../base/list-item.js';
 import '../item/item.js';
+import '../ripple/ripple.js';
+import '../focus-ring/focus-ring.js';
 import { listItemStyles } from './list-item-styles.css.js';
-export class M3ListItem extends ListItem {
-    static{
-        this.styles = [
-            ...super.styles,
-            listItemStyles
-        ];
-    }
+/**
+ * @tag md-list-item
+ *
+ * @slot - contents in md-item
+ */
+let M3ListItem = class M3ListItem extends ListItem {
+    static { this.styles = [...super.styles, listItemStyles]; }
     render() {
-        return html`<md-item><div slot="container"><md-focus-ring inward></md-focus-ring><md-ripple></md-ripple></div><slot slot="start" name="start"></slot><slot slot="overline" name="overline"></slot><slot></slot><slot slot="headline" name="headline"></slot><slot slot="supporting-text" name="supporting-text"></slot><slot slot="trailing-supporting-text" name="trailing-supporting-text"></slot><slot slot="end" name="end"></slot></md-item>`;
+        return html `<md-item><div slot="container"><md-focus-ring inward></md-focus-ring><md-ripple></md-ripple></div><slot slot="start" name="start"></slot><slot slot="overline" name="overline"></slot><slot></slot><slot slot="headline" name="headline"></slot><slot slot="supporting-text" name="supporting-text"></slot><slot slot="trailing-supporting-text" name="trailing-supporting-text"></slot><slot slot="end" name="end"></slot></md-item>`;
     }
-    constructor(){
+    constructor() {
         super();
-        this.updateComplete.then(()=>{
+        this.updateComplete.then(() => {
             this.ripple.$control = this;
             this.focusRing.$control = this;
         });
@@ -26,18 +28,20 @@ export class M3ListItem extends ListItem {
         if (changed.has('focused')) {
             if (this.focused) {
                 this.focusRing.visualFocus();
-            } else {
+            }
+            else {
                 this.focusRing.visualBlur();
             }
         }
     }
-}
-_ts_decorate([
+};
+__decorate([
     query('md-ripple')
 ], M3ListItem.prototype, "ripple", void 0);
-_ts_decorate([
+__decorate([
     query('md-focus-ring')
 ], M3ListItem.prototype, "focusRing", void 0);
-M3ListItem = _ts_decorate([
+M3ListItem = __decorate([
     customElement('md-list-item')
 ], M3ListItem);
+export { M3ListItem };

package/src/m3/list/list.d.ts

@@ -0,0 +1,15 @@
+import { List } from '../../base/list.js';
+/**
+ * @tag md-list
+ *
+ * TODO: Use listController
+ */
+export declare class M3List extends List {
+    color: 'standard' | 'segmented';
+    static styles: any[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-list': M3List;
+    }
+}

package/src/m3/list/list.js

@@ -1,24 +1,25 @@
-import { _ as _ts_decorate } from "@swc/helpers/_/_ts_decorate";
+import { __decorate } from "tslib";
 import { customElement, property } from 'lit/decorators.js';
 import { List } from '../../base/list.js';
 import { listStyles } from './list-styles.css.js';
-export class M3List extends List {
-    static{
-        this.styles = [
-            listStyles
-        ];
-    }
-    constructor(...args){
-        super(...args), // FIXME: Might cause a long list to scroll more than expected
+/**
+ * @tag md-list
+ *
+ * TODO: Use listController
+ */
+let M3List = class M3List extends List {
+    constructor() {
+        // FIXME: Might cause a long list to scroll more than expected
         // override readonly _scrollPadding = 4;
+        super(...arguments);
         this.color = 'standard';
     }
-}
-_ts_decorate([
-    property({
-        reflect: true
-    })
+    static { this.styles = [listStyles]; }
+};
+__decorate([
+    property({ reflect: true })
 ], M3List.prototype, "color", void 0);
-M3List = _ts_decorate([
+M3List = __decorate([
     customElement('md-list')
 ], M3List);
+export { M3List };

package/src/m3/loading-indicator/loading-indicator.d.ts

@@ -0,0 +1,26 @@
+import { LitElement } from 'lit';
+declare const M3LoadingIndicator_base: Constructor<import("../../base/mixins/internals-attached.js").InternalsAttachedInterface> & typeof LitElement;
+/**
+ * @tag md-loading
+ *
+ * TODO: shape system, https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/material3/material3/src/commonMain/kotlin/androidx/compose/material3/MaterialShapes.kt?q=file:androidx%2Fcompose%2Fmaterial3%2FMaterialShapes.kt%20class:androidx.compose.material3.MaterialShapes
+ * NOTE: this component is not following them color system dynamically, but
+ *       pulls the color once per second
+ * NOTE: the pantagon is completely not following the shape system
+ */
+export declare class M3LoadingIndicator extends M3LoadingIndicator_base {
+    #private;
+    contained: boolean;
+    $canvas: HTMLCanvasElement;
+    static styles: any[];
+    render(): import("lit-html").TemplateResult<1>;
+    constructor();
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-loading': M3LoadingIndicator;
+    }
+}
+export {};