@vollowx/seele 0.13.5 → 0.13.7

package/src/m3/tooltip/tooltip.js

@@ -1,20 +1,21 @@
-import { _ as _ts_decorate } from "@swc/helpers/_/_ts_decorate";
+import { __decorate } from "tslib";
 import { customElement } from '../../core/decorators.js';
 import { Tooltip } from '../../base/tooltip.js';
 import { tooltipStyles } from './tooltip-styles.css.js';
-export class M3Tooltip extends Tooltip {
-    static{
-        this.styles = [
-            tooltipStyles
-        ];
+/**
+ * @tag md-tooltip
+ *
+ * TODO: should not disable SSR, since the raw text would flash, but could try
+ * to SSR a simpler one
+ */
+let M3Tooltip = class M3Tooltip extends Tooltip {
+    constructor() {
+        super(...arguments);
+        this._durations = { show: 150, hide: 150 };
     }
-    constructor(...args){
-        super(...args), this._durations = {
-            show: 150,
-            hide: 150
-        };
-    }
-}
-M3Tooltip = _ts_decorate([
+    static { this.styles = [tooltipStyles]; }
+};
+M3Tooltip = __decorate([
     customElement('md-tooltip', true)
 ], M3Tooltip);
+export { M3Tooltip };

package/src/win98/button/button.d.ts

@@ -0,0 +1,13 @@
+import { Button } from '../../base/button.js';
+/**
+ * @tag win98-button
+ */
+export declare class Win98Button extends Button {
+    static styles: any[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'win98-button': Win98Button;
+    }
+}

package/src/win98/button/button.js

@@ -1,19 +1,21 @@
-import { _ as _ts_decorate } from "@swc/helpers/_/_ts_decorate";
+import { __decorate } from "tslib";
 import { html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { Button } from '../../base/button.js';
 import { buttonStyles } from './button-styles.css.js';
-export class Win98Button extends Button {
-    static{
-        this.styles = [
-            ...super.styles,
-            buttonStyles
-        ];
-    }
+/**
+ * @tag win98-button
+ */
+let Win98Button = class Win98Button extends Button {
+    static { this.styles = [
+        ...super.styles,
+        buttonStyles,
+    ]; }
     render() {
-        return html`<slot></slot>`;
+        return html `<slot></slot>`;
     }
-}
-Win98Button = _ts_decorate([
+};
+Win98Button = __decorate([
     customElement('win98-button')
 ], Win98Button);
+export { Win98Button };

package/src/m3/dialog/dialog-spring.js

@@ -1,179 +0,0 @@
-import { _ as _ts_decorate } from "@swc/helpers/_/_ts_decorate";
-import { html } from 'lit';
-import { query, state, customElement } from 'lit/decorators.js';
-import { Dialog } from '../../base/dialog.js';
-import { getSpring } from '../system/motion.js';
-import { dialogStyles } from './dialog-styles.css.js';
-export class M3Dialog extends Dialog {
-    static{
-        this.styles = [
-            dialogStyles
-        ];
-    }
-    render() {
-        return html`<dialog part="dialog" @click="${this.#handleClick}" @cancel="${this._handleCancel}"><div part="container"><div part="body"><div part="headline" class="${this.hasIcon ? 'has-icon' : ''}"><slot name="icon" @slotchange="${this.#handleIconSlotChange}"></slot><slot name="headline"></slot></div><div part="content"><slot></slot></div><div class="actions-placeholder"></div></div><div part="actions"><slot name="actions"></slot></div></div></dialog><div part="scrim"></div>`;
-    }
-    #activeAnimations;
-    #clearAnimations() {
-        this.#activeAnimations.forEach((anim)=>anim.cancel());
-        this.#activeAnimations = [];
-        this.#opening = this.#closing = false;
-    }
-    #handleClick;
-    #handleIconSlotChange;
-    get #springs() {
-        return {
-            spatialDefault: getSpring(this, 'spatial', 'default'),
-            spatialFast: getSpring(this, 'spatial', 'fast'),
-            effectsDefault: getSpring(this, 'effects', 'default'),
-            effectsFast: getSpring(this, 'effects', 'fast')
-        };
-    }
-    #opening;
-    show() {
-        if (this.#opening) return;
-        this.#clearAnimations();
-        this.#opening = true;
-        // Reset margins to allow browser centering
-        this.$dialog.style.marginTop = 'auto';
-        this.$dialog.style.marginBottom = 'auto';
-        super.show();
-        const actionsHeight = this.$actions.offsetHeight;
-        this.$actionsPlaceholder.style.height = `${actionsHeight}px`;
-        this.$container.style.height = 'auto';
-        const startHeight = 0;
-        const endHeight = this.$container.offsetHeight;
-        // Lock the position to prevent auto-centering during animation
-        const rect = this.$container.getBoundingClientRect();
-        this.$dialog.style.marginTop = `${rect.top}px`;
-        this.$dialog.style.marginBottom = 'auto';
-        this.$container.style.minHeight = '0px';
-        const container = this.$container.animate([
-            {
-                height: `${startHeight}px`,
-                transform: `translateY(-40px)`
-            },
-            {
-                height: `${endHeight}px`,
-                transform: 'translateY(0px)'
-            }
-        ], this.#springs.spatialDefault);
-        const scrim = this.$scrim.animate([
-            {
-                opacity: 0
-            },
-            {
-                opacity: 0.32
-            }
-        ], {
-            ...this.#springs.effectsDefault,
-            fill: 'forwards'
-        });
-        const body = this.$body.animate([
-            {
-                opacity: 0.2
-            },
-            {
-                opacity: 1
-            }
-        ], {
-            ...this.#springs.effectsDefault,
-            fill: 'forwards'
-        });
-        const actions = this.$actions.animate([
-            {
-                opacity: 0.5
-            },
-            {
-                opacity: 1
-            }
-        ], {
-            ...this.#springs.effectsDefault,
-            fill: 'forwards'
-        });
-        this.#activeAnimations.push(container, scrim, body, actions);
-        container.onfinish = ()=>{
-            this.$container.style.minHeight = '';
-            this.#clearAnimations();
-        };
-    }
-    #closing;
-    close() {
-        if (this.#closing) return;
-        this.#clearAnimations();
-        this.#closing = true;
-        const startHeight = this.$container.offsetHeight;
-        const endHeight = startHeight * 0.35;
-        this.$container.style.minHeight = '0px';
-        const containerSpatial = this.$container.animate([
-            {
-                height: `${startHeight}px`,
-                transform: 'translateY(0px)'
-            },
-            {
-                height: `${endHeight}px`,
-                transform: `translateY(-40px)`
-            }
-        ], this.#springs.spatialFast);
-        const containerEffects = this.$container.animate([
-            {
-                opacity: 1
-            },
-            {
-                opacity: 0
-            }
-        ], {
-            ...this.#springs.effectsFast,
-            fill: 'forwards'
-        });
-        const scrim = this.$scrim.animate([
-            {
-                opacity: 0.32
-            },
-            {
-                opacity: 0
-            }
-        ], {
-            ...this.#springs.effectsFast,
-            fill: 'forwards'
-        });
-        this.#activeAnimations.push(containerSpatial, containerEffects, scrim);
-        containerEffects.onfinish = ()=>{
-            this.$container.style.minHeight = '';
-            super.close();
-            this.#clearAnimations();
-        };
-    }
-    constructor(...args){
-        super(...args), this.hasIcon = false, this.#activeAnimations = [], this.#handleClick = (e)=>{
-            const target = e.target;
-            if (!this.$container.contains(target) && !this.contains(target)) this.close();
-        }, this.#handleIconSlotChange = (e)=>{
-            const slot = e.target;
-            this.hasIcon = slot.assignedElements({
-                flatten: true
-            }).length > 0;
-        }, this.#opening = false, this.#closing = false;
-    }
-}
-_ts_decorate([
-    state()
-], M3Dialog.prototype, "hasIcon", void 0);
-_ts_decorate([
-    query('[part=container]')
-], M3Dialog.prototype, "$container", void 0);
-_ts_decorate([
-    query('[part=body]')
-], M3Dialog.prototype, "$body", void 0);
-_ts_decorate([
-    query('[part=actions]')
-], M3Dialog.prototype, "$actions", void 0);
-_ts_decorate([
-    query('.actions-placeholder')
-], M3Dialog.prototype, "$actionsPlaceholder", void 0);
-_ts_decorate([
-    query('[part=scrim]')
-], M3Dialog.prototype, "$scrim", void 0);
-M3Dialog = _ts_decorate([
-    customElement('md-dialog')
-], M3Dialog);

package/src/win98/button/radio.js

@@ -1,8 +0,0 @@
-import { _ as _ts_decorate } from "@swc/helpers/_/_ts_decorate";
-import { Radio } from '../../base/radio.js';
-import { customElement } from '../../core/decorators.js';
-export class Win98Radio extends Radio {
-}
-Win98Radio = _ts_decorate([
-    customElement('win98-radio')
-], Win98Radio);

package/src/win98/radio/radio.js

@@ -1,8 +0,0 @@
-import { _ as _ts_decorate } from "@swc/helpers/_/_ts_decorate";
-import { Radio } from '../../base/radio.js';
-import { customElement } from '../../core/decorators.js';
-export class Win98Radio extends Radio {
-}
-Win98Radio = _ts_decorate([
-    customElement('win98-radio')
-], Win98Radio);