godown 3.0.0-canary.9 → 3.0.1

package/components/switch.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import SuperInput from "../core/super-input.js";
 /**
  * {@linkcode Switch} renders a switch.
@@ -5,11 +6,12 @@ import SuperInput from "../core/super-input.js";
  * The switch is rectangular by default,
  * set the round property to rounded switch.
  *
+ * @fires change - Fires when the switch is switched.
  * @category input
  */
 declare class Switch extends SuperInput {
     /**
-     * Border style.
+     * Display rounded.
      */
     round: boolean;
     /**
@@ -29,11 +31,12 @@ declare class Switch extends SuperInput {
      */
     value: string;
     protected _input: HTMLInputElement;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
     reset(): void;
     connectedCallback(): void;
     protected _handleChange(): void;
     namevalue(): [string, boolean];
 }
 export default Switch;
+export { Switch };
 //# sourceMappingURL=switch.d.ts.map

package/components/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/components/switch.ts"],"names":[],"mappings":"AAMA,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;GAOG;AACH,cAIM,MAAO,SAAQ,UAAU;IAC7B;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,SAAW;IAElB;;OAEG;IAEH,KAAK,SAAQ;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC,SAAS,CAAC,MAAM;IAIhB,KAAK;IAKL,iBAAiB;IAUjB,SAAS,CAAC,aAAa;IAMvB,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/components/switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;;GAQG;AACH,cAEM,MAAO,SAAQ,UAAU;IAC7B;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,SAAW;IAElB;;OAEG;IAEH,KAAK,SAAQ;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,KAAK,IAAI,IAAI;IAKb,iBAAiB,IAAI,IAAI;IAUzB,SAAS,CAAC,aAAa,IAAI,IAAI;IAK/B,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/components/switch.js

@@ -1,93 +1,2 @@
-import { __decorate } from 'tslib';
-import { godown } from '@godown/element/decorators/godown.js';
-import { styles } from '@godown/element/decorators/styles.js';
-import { html, css } from 'lit';
-import { property, query } from 'lit/decorators.js';
-import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
-import SuperInput from '../core/super-input.js';
-
-const protoName = "switch";
-const cssScope = scopePrefix(protoName);
-/**
- * {@linkcode Switch} renders a switch.
- *
- * The switch is rectangular by default,
- * set the round property to rounded switch.
- *
- * @category input
- */
-let Switch = class Switch extends SuperInput {
-    constructor() {
-        super(...arguments);
-        /**
-         * Border style.
-         */
-        this.round = false;
-        /**
-         * Whether this element is selected or not.
-         */
-        this.checked = false;
-        /**
-         * Disable this element.
-         */
-        this.disabled = false;
-        /**
-         * Default checked state.
-         */
-        this.default = "false";
-        /**
-         * Input value.
-         */
-        this.value = "on";
-    }
-    render() {
-        return html `<div part="root" class="${this.round ? "round" : "rect"}"><input part="input" @change="${this._handleChange}" ?disabled="${this.disabled}" ?checked="${this.checked}" name="${this.name}" id="${this.makeId}" type="checkbox"> <span part="handle" class="${this.checked}"></span></div>`;
-    }
-    reset() {
-        this.checked = this.default === "true";
-        this._input.checked = this.checked;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.checked) {
-            this.default = "true";
-        }
-        if (this.default === "true") {
-            this.checked = true;
-        }
-    }
-    _handleChange() {
-        this.checked = this._input.checked;
-        this.dispatchEvent(new CustomEvent("input", { detail: this.checked, bubbles: true, composed: true }));
-        this.dispatchEvent(new CustomEvent("change", { detail: this.checked, composed: true }));
-    }
-    namevalue() {
-        return [this.name, this.checked];
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Switch.prototype, "round", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Switch.prototype, "checked", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Switch.prototype, "disabled", void 0);
-__decorate([
-    property()
-], Switch.prototype, "default", void 0);
-__decorate([
-    property()
-], Switch.prototype, "value", void 0);
-__decorate([
-    query("input")
-], Switch.prototype, "_input", void 0);
-Switch = __decorate([
-    godown(protoName),
-    styles(css `:host{${cssScope}-width:3em;${cssScope}-height:calc(var(${cssScope}-width)/ 2);${cssScope}-handle-size:1.25em;${cssScope}-handle-space:.125em;${cssScope}-transition:.2s ease-in-out;background:var(${cssGlobalVars.input}-background);width:var(${cssScope}-width);height:var(${cssScope}-height);display:inline-block;vertical-align:bottom;border-radius:0}[part=root],span{transition:var(${cssScope}-transition)}[part=root]{border-radius:inherit;position:relative;height:inherit}[part=root],input{width:100%}input{opacity:0;height:100%;-webkit-appearance:none;appearance:none}span{height:100%;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:0;width:50%;pointer-events:none;border-radius:inherit}:host([round]){border-radius:calc(var(${cssScope}-height)/ 2)}:host([checked]) span{left:50%}.rect .true{background:var(${cssGlobalVars.active})}.rect .false{background:var(${cssGlobalVars.passive})}.round span{--size:var(${cssScope}-handle-size);border-radius:100%;background:var(--godown--input-control);width:var(--size);height:var(--size);margin:var(${cssScope}-handle-space)}.round{background:var(${cssGlobalVars.passive})}:host([checked]) .round{background:var(${cssGlobalVars.active})}`)
-], Switch);
-var Switch$1 = Switch;
-
-export { Switch$1 as default };
+import{__decorate as e}from"tslib";import{godown as t,styles as i,attr as r}from"@godown/element";import{css as a,html as o}from"lit";import{property as n,query as d}from"lit/decorators.js";import{scopePrefix as s,cssGlobalVars as h}from"../core/global-style.js";import c from"../core/super-input.js";const p="switch",l=s(p);let u=class Switch extends c{constructor(){super(...arguments),this.round=!1,this.checked=!1,this.disabled=!1,this.default="false",this.value="on"}render(){return o`<div part="root" ${r(this.observedRecord)} class="${this.round?"round":"rect"}"><input part="input" type="checkbox" ?disabled="${this.disabled}" ?checked="${this.checked}" name="${this.name}" id="${this.makeId}" @change="${this._handleChange}"> <span part="handle" class="${this.checked}"></span></div>`}reset(){this.checked="true"===this.default,this._input.checked=this.checked}connectedCallback(){super.connectedCallback(),this.checked&&(this.default="true"),"true"===this.default&&(this.checked=!0)}_handleChange(){this.checked=this._input.checked,this.dispatchEvent(new CustomEvent("change",{detail:this.checked,composed:!0}))}namevalue(){return[this.name,this.checked]}};e([n({type:Boolean,reflect:!0})],u.prototype,"round",void 0),e([n({type:Boolean,reflect:!0})],u.prototype,"checked",void 0),e([n({type:Boolean,reflect:!0})],u.prototype,"disabled",void 0),e([n()],u.prototype,"default",void 0),e([n()],u.prototype,"value",void 0),e([d("input")],u.prototype,"_input",void 0),u=e([t(p),i(a`:host,:host([contents]) [part=root]{display:inline-block;height:var(${l}-height);width:var(${l}-width)}:host{${l}-width:3em;${l}-height:calc(var(${l}-width)/2);${l}-handle-size:1.25em;${l}-handle-space:.125em;${l}-transition:.2s ease-in-out;background:var(${h.input}-background);border-radius:0;vertical-align:bottom}[part=handle],[part=root]{transition:var(${l}-transition)}[part=root]{border-radius:inherit;height:inherit;position:relative}[part=input]{-webkit-appearance:none;appearance:none;height:100%;opacity:0;width:100%}[part=handle]{align-items:center;border-radius:inherit;display:inline-flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;width:50%}:host([round]){background:var(${h.passive});border-radius:calc(var(${l}-height)/2)}:host([checked]) [part=handle]{left:50%}.rect .true{background:var(${h.active})}.rect .false{background:var(${h.passive})}.round [part=handle]{--size:var(${l}-handle-size);background:var(--godown--input-control);border-radius:100%;height:var(--size);margin:var(${l}-handle-space);width:var(--size)}:host([checked]) .round{background:var(${h.active})}`)],u);var v=u;export{u as Switch,v as default};
 //# sourceMappingURL=switch.js.map

package/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../src/components/switch.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
+{"version":3,"file":"switch.js","sources":["../src/components/switch.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Switch","SuperInput","constructor","this","round","checked","disabled","default","value","render","html","attr","observedRecord","name","makeId","_handleChange","reset","_input","connectedCallback","super","dispatchEvent","CustomEvent","detail","composed","namevalue","__decorate","property","type","Boolean","reflect","prototype","undefined","query","godown","styles","css","cssGlobalVars","input","passive","active","Switch$1"],"mappings":"6SAOA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAa7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAKEC,KAAKC,OAAG,EAMRD,KAAOE,SAAG,EAMVF,KAAQG,UAAG,EAMXH,KAAOI,QAAG,QAMVJ,KAAKK,MAAG,KAKE,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKR,KAAKS,0BACHT,KAAKC,MAAQ,QAAU,0DAKjBD,KAAKG,uBACNH,KAAKE,kBACTF,KAAKU,aACPV,KAAKW,oBACAX,KAAKY,8CAIPZ,KAAKE,yBAMtB,KAAAW,GACEb,KAAKE,QAA2B,SAAjBF,KAAKI,QACpBJ,KAAKc,OAAOZ,QAAUF,KAAKE,QAG7B,iBAAAa,GACEC,MAAMD,oBACFf,KAAKE,UACPF,KAAKI,QAAU,QAEI,SAAjBJ,KAAKI,UACPJ,KAAKE,SAAU,GAIT,aAAAU,GACRZ,KAAKE,QAAUF,KAAKc,OAAOZ,QAC3BF,KAAKiB,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQnB,KAAKE,QAASkB,UAAU,KAGjF,SAAAC,GACE,MAAO,CAACrB,KAAKU,KAAMV,KAAKE,WA1E1BoB,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACvB7B,EAAA8B,UAAA,aAAAC,GAMbN,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACrB7B,EAAA8B,UAAA,eAAAC,GAMfN,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpB7B,EAAA8B,UAAA,gBAAAC,GAMhBN,EAAA,CADCC,KACgB1B,EAAA8B,UAAA,eAAAC,GAMjBN,EAAA,CADCC,KACW1B,EAAA8B,UAAA,aAAAC,GAGFN,EAAA,CADTO,EAAM,UAC2BhC,EAAA8B,UAAA,cAAAC,GAhC9B/B,EAAMyB,EAAA,CAFXQ,EAAOpC,GACPqC,EAAOC,CAAG,uEAAuErC,uBAA8BA,kBAAyBA,eAAsBA,qBAA4BA,eAAsBA,wBAA+BA,yBAAgCA,+CAAsDsC,EAAcC,oGAAoGvC,6WAAoXsC,EAAcE,mCAAmCxC,mFAA0FsC,EAAcG,uCAAuCH,EAAcE,4CAA4CxC,2GAAkHA,4EAAmFsC,EAAcG,aACnvCvC,GAmFN,IAAAwC,EAAexC"}

package/components/text.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Text} renders nowrap text.
@@ -13,7 +14,8 @@ declare class Text extends GlobalStyle {
      * Set background-clip to text.
      */
     clip: boolean;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
 }
 export default Text;
+export { Text };
 //# sourceMappingURL=text.d.ts.map

package/components/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/components/text.ts"],"names":[],"mappings":"AAOA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAMlF;;;;GAIG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAU;IAE3D;;OAEG;IAEH,IAAI,EAAE,OAAO,CAAC;IAEd,SAAS,CAAC,MAAM;CAOjB;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/components/text.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAMlF;;;;GAIG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAU;IAE3D;;OAEG;IAEH,IAAI,UAAS;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/components/text.js

@@ -1,44 +1,2 @@
-import { __decorate } from 'tslib';
-import { godown } from '@godown/element/decorators/godown.js';
-import { styles } from '@godown/element/decorators/styles.js';
-import { classList } from '@godown/element/directives/class-list.js';
-import { htmlSlot } from '@godown/element/directives/html-slot.js';
-import { html, css } from 'lit';
-import { property } from 'lit/decorators.js';
-import { scopePrefix, GlobalStyle, cssGlobalVars } from '../core/global-style.js';
-
-const protoName = "text";
-const cssScope = scopePrefix(protoName);
-/**
- * {@linkcode Text} renders nowrap text.
- *
- * @category display
- */
-let Text = class Text extends GlobalStyle {
-    constructor() {
-        super(...arguments);
-        /**
-         * Underline behavior.
-         */
-        this.underline = "none";
-    }
-    render() {
-        return html `<span part="root" class="${classList(this.underline, {
-            clip: this.clip,
-        })}">${htmlSlot()}</span>`;
-    }
-};
-__decorate([
-    property()
-], Text.prototype, "underline", void 0);
-__decorate([
-    property({ type: Boolean })
-], Text.prototype, "clip", void 0);
-Text = __decorate([
-    godown(protoName),
-    styles(css `:host{${cssScope}--color:currentColor;${cssScope}--color-hover:currentColor;${cssScope}--color-active:currentColor;display:inline-block;text-overflow:ellipsis;overflow-wrap:break-word}[part=root]{white-space:nowrap;width:100%;vertical-align:bottom;display:inline-block;text-overflow:inherit;overflow-wrap:inherit;overflow:hidden;color:var(${cssScope}--color)}[part=root]:hover{color:var(${cssScope}--color-hover,var(${cssScope}--color))}[part=root]:active{color:var(${cssScope}--color-active,var(${cssScope}--color))}.active:active,.always,.hover:hover{text-decoration:underline}.none{text-decoration:none}.clip{background:var(${cssGlobalVars.clipBackground});display:inline-block;color:transparent;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}`)
-], Text);
-var Text$1 = Text;
-
-export { Text$1 as default };
+import{__decorate as o}from"tslib";import{godown as r,styles as e,attr as t,classList as l,htmlSlot as i}from"@godown/element";import{css as n,html as a}from"lit";import{property as c}from"lit/decorators.js";import{scopePrefix as p,cssGlobalVars as s,GlobalStyle as d}from"../core/global-style.js";const v="text",h=p(v);let u=class Text extends d{constructor(){super(...arguments),this.underline="none",this.clip=!1}render(){return a`<span part="root" ${t(this.observedRecord)} class="${l(this.underline)}">${i()}</span>`}};o([c()],u.prototype,"underline",void 0),o([c({type:Boolean})],u.prototype,"clip",void 0),u=o([r(v),e(n`:host{${h}--color:currentColor;${h}--color-hover:currentColor;${h}--color-active:currentColor;display:inline-block;overflow-wrap:break-word;text-overflow:ellipsis}[part=root]{color:var(${h}--color);display:inline-block;overflow:hidden;overflow-wrap:inherit;text-overflow:inherit;vertical-align:bottom;white-space:nowrap;width:100%}[part=root]:hover{color:var(${h}--color-hover,var(${h}--color))}[part=root]:active{color:var(${h}--color-active,var(${h}--color))}.active:active,.always,.hover:hover{text-decoration:underline}.none{text-decoration:none}[clip]{background:var(${s.clipBackground});color:transparent;display:inline-block;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}`)],u);var w=u;export{u as Text,w as default};
 //# sourceMappingURL=text.js.map

package/components/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../src/components/text.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AASA,MAAM,SAAS,GAAG,MAAM;AAExB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;AAIE;AAGF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAS,CAAA,SAAA,GAA2C,MAAM;;IAQhD,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAGT,yBAAA,EAAA,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE;YACxB,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB,SAAA,CACH,CAEI,EAAA,EAAA,QAAQ,EAAE,CAAA,OAAA,CACN;;CAEZ;AApBE,UAAA,CAAA;AADC,IAAA,QAAQ;AACiD,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AAM1D,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACd,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAXT,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAA;IAChB,MAAM,CAAC,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,wBAAwB,QAAQ,CAAA,2BAAA,EAA8B,QAAQ,CAAA,4PAAA,EAAiQ,QAAQ,CAAA,qCAAA,EAA0C,QAAQ,CAAqB,kBAAA,EAAA,QAAQ,CAA4C,uCAAA,EAAA,QAAQ,CAAsB,mBAAA,EAAA,QAAQ,2HAA2H,aAAa,CAAC,cAAc,CAAA,+HAAA,CAAiI;AAC9xB,CAAA,EAAA,IAAI,CAyBV;AAEA,aAAe,IAAI;;;;"}
+{"version":3,"file":"text.js","sources":["../src/components/text.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Text","GlobalStyle","constructor","this","underline","clip","render","html","attr","observedRecord","classList","htmlSlot","__decorate","property","prototype","undefined","type","Boolean","godown","styles","css","cssGlobalVars","clipBackground","Text$1"],"mappings":"0SAMA,MAAMA,EAAY,OAEZC,EAAWC,EAAYF,GAS7B,IAAMG,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAKEC,KAASC,UAA2C,OAMpDD,KAAIE,MAAG,EAEG,MAAAC,GACR,OAAOC,CAAI,qBAGLC,EAAKL,KAAKM,0BACHC,EAAUP,KAAKC,eAEtBO,eAfRC,EAAA,CADCC,KACyDb,EAAAc,UAAA,iBAAAC,GAM1DH,EAAA,CADCC,EAAS,CAAEG,KAAMC,WACNjB,EAAAc,UAAA,YAAAC,GAXRf,EAAIY,EAAA,CAFTM,EAAOrB,GACPsB,EAAOC,CAAG,SAAStB,yBAAgCA,+BAAsCA,2HAAkIA,8KAAqLA,sBAA6BA,2CAAkDA,uBAA8BA,6HAAoIuB,EAAcC,kJAC1oBtB,GA0BN,IAAAuB,EAAevB"}

package/components/time.d.ts

@@ -1,8 +1,9 @@
-import { type PropertyValues } from "lit";
+import { type PropertyValues, type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Time} renders a formatting time.
  *
+ * @fires time - Fires when the time changes.
  * @category display
  */
 declare class Time extends GlobalStyle {
@@ -27,11 +28,12 @@ declare class Time extends GlobalStyle {
      */
     gap: any;
     protected timeoutId: number;
-    protected render(): string;
+    protected render(): TemplateResult<1>;
     protected firstUpdated(): void;
     protected updated(changedProperties: PropertyValues): void;
     disconnectedCallback(): void;
     startTimeout(): number;
 }
 export default Time;
+export { Time };
 //# sourceMappingURL=time.d.ts.map

package/components/time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../src/components/time.ts"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;GAIG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,SAAO;IAEb;;OAEG;IAEH,MAAM,SAA8B;IAEpC;;OAEG;IAEH,IAAI,OAAc;IAElB;;OAEG;IAEH,OAAO,MAAC;IAER;;OAEG;IAEH,GAAG,MAAC;IAEJ,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,MAAM,IAAI,MAAM;IAI1B,SAAS,CAAC,YAAY;IAMtB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAS1D,oBAAoB;IAIpB,YAAY;CAKb;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../src/components/time.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,SAAO;IAEb;;OAEG;IAEH,MAAM,SAA8B;IAEpC;;OAEG;IAEH,IAAI,EAAE,IAAI,CAAc;IAExB;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAEb;;OAEG;IAEH,GAAG,EAAE,GAAG,CAAC;IAET,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAM9B,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAS1D,oBAAoB,IAAI,IAAI;IAI5B,YAAY,IAAI,MAAM;CAMvB;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/components/time.js

@@ -1,78 +1,2 @@
-import { __decorate } from 'tslib';
-import { godown } from '@godown/element/decorators/godown.js';
-import { styles } from '@godown/element/decorators/styles.js';
-import fmtime from 'fmtime';
-import { css } from 'lit';
-import { property } from 'lit/decorators.js';
-import { GlobalStyle } from '../core/global-style.js';
-
-const protoName = "time";
-/**
- * {@linkcode Time} renders a formatting time.
- *
- * @category display
- */
-let Time = class Time extends GlobalStyle {
-    constructor() {
-        super(...arguments);
-        /**
-         * Escape symbol.
-         */
-        this.escape = "%";
-        /**
-         * Format strings.
-         */
-        this.format = "YYYY-MM-DD hh:mm:ss UTFZ";
-        /**
-         * Time.
-         */
-        this.time = new Date();
-    }
-    render() {
-        return fmtime(this.format, this.time, this.escape);
-    }
-    firstUpdated() {
-        if (this.timeout) {
-            this.timeoutId = this.startTimeout();
-        }
-    }
-    updated(changedProperties) {
-        if (changedProperties.has("timeout")) {
-            clearInterval(this.timeoutId);
-            if (this.timeout) {
-                this.timeoutId = this.startTimeout();
-            }
-        }
-    }
-    disconnectedCallback() {
-        clearInterval(this.timeoutId);
-    }
-    startTimeout() {
-        return window.setInterval(() => {
-            this.time = new Date(this.time.getTime() + (this.gap || this.timeout));
-        }, Math.abs(this.timeout));
-    }
-};
-__decorate([
-    property()
-], Time.prototype, "escape", void 0);
-__decorate([
-    property()
-], Time.prototype, "format", void 0);
-__decorate([
-    property({ type: Object })
-], Time.prototype, "time", void 0);
-__decorate([
-    property({ type: Number })
-], Time.prototype, "timeout", void 0);
-__decorate([
-    property({ type: Number })
-], Time.prototype, "gap", void 0);
-Time = __decorate([
-    godown(protoName),
-    styles(css `:host{text-align:center}`)
-], Time);
-var Time$1 = Time;
-
-export { Time$1 as default };
+import{__decorate as t}from"tslib";import{godown as e,styles as i,attr as o}from"@godown/element";import s from"fmtime";import{css as r,html as m}from"lit";import{property as a}from"lit/decorators.js";import{GlobalStyle as p}from"../core/global-style.js";let h=class Time extends p{constructor(){super(...arguments),this.escape="%",this.format="YYYY-MM-DD hh:mm:ss UTFZ",this.time=new Date}render(){return m`<span part="root" ${o(this.observedRecord)}>${s(this.format,this.time,this.escape)}</span>`}firstUpdated(){this.timeout&&(this.timeoutId=this.startTimeout())}updated(t){t.has("timeout")&&(clearInterval(this.timeoutId),this.timeout&&(this.timeoutId=this.startTimeout()))}disconnectedCallback(){clearInterval(this.timeoutId)}startTimeout(){return setInterval((()=>{this.dispatchEvent(new CustomEvent("time",{detail:this.time,composed:!0})),this.time=new Date(this.time.getTime()+(this.gap||this.timeout))}),Math.abs(this.timeout))}};t([a()],h.prototype,"escape",void 0),t([a()],h.prototype,"format",void 0),t([a({type:Object})],h.prototype,"time",void 0),t([a({type:Number})],h.prototype,"timeout",void 0),t([a({type:Number})],h.prototype,"gap",void 0),h=t([e("time"),i(r`:host{text-align:center}`)],h);var d=h;export{h as Time,d as default};
 //# sourceMappingURL=time.js.map

package/components/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.js","sources":["../src/components/time.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;AAQA,MAAM,SAAS,GAAG,MAAM;AAExB;;;;AAIE;AAGF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAM,CAAA,MAAA,GAAG,GAAG;AAEZ;;AAEE;QAEF,IAAM,CAAA,MAAA,GAAG,0BAA0B;AAEnC;;AAEE;AAEF,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,IAAI,EAAE;;IAgBP,MAAM,GAAA;AACd,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC;;IAG1C,YAAY,GAAA;AACpB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE;;;AAI9B,IAAA,OAAO,CAAC,iBAAiC,EAAA;AACjD,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;AACpC,YAAA,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC;AAC7B,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,gBAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE;;;;IAK1C,oBAAoB,GAAA;AAClB,QAAA,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC;;IAG/B,YAAY,GAAA;AACV,QAAA,OAAO,MAAM,CAAC,WAAW,CAAC,MAAK;YAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;SACvE,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;;CAE9B;AAxDE,UAAA,CAAA;AADC,IAAA,QAAQ;AACG,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAMZ,UAAA,CAAA;AADC,IAAA,QAAQ;AAC0B,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAMnC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACT,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAMjB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACnB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAMP,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACvB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AA7BC,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CAAC,GAAG,CAAA,CAAA,wBAAA,CAA0B;AAC/B,CAAA,EAAA,IAAI,CA6DV;AAEA,aAAe,IAAI;;;;"}
+{"version":3,"file":"time.js","sources":["../src/components/time.ts"],"sourcesContent":null,"names":["Time","GlobalStyle","constructor","this","escape","format","time","Date","render","html","attr","observedRecord","fmtime","firstUpdated","timeout","timeoutId","startTimeout","updated","changedProperties","has","clearInterval","disconnectedCallback","setInterval","dispatchEvent","CustomEvent","detail","composed","getTime","gap","Math","abs","__decorate","property","prototype","undefined","type","Object","Number","godown","styles","css","Time$1"],"mappings":"+PAiBA,IAAMA,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAKEC,KAAMC,OAAG,IAMTD,KAAME,OAAG,2BAMTF,KAAAG,KAAa,IAAIC,KAgBP,MAAAC,GACR,OAAOC,CAAI,qBAGLC,EAAKP,KAAKQ,mBAEVC,EAAOT,KAAKE,OAAQF,KAAKG,KAAMH,KAAKC,iBAKlC,YAAAS,GACJV,KAAKW,UACPX,KAAKY,UAAYZ,KAAKa,gBAIhB,OAAAC,CAAQC,GACZA,EAAkBC,IAAI,aACxBC,cAAcjB,KAAKY,WACfZ,KAAKW,UACPX,KAAKY,UAAYZ,KAAKa,iBAK5B,oBAAAK,GACED,cAAcjB,KAAKY,WAGrB,YAAAC,GACE,OAAOM,aAAY,KACjBnB,KAAKoB,cAAc,IAAIC,YAAY,OAAQ,CAAEC,OAAQtB,KAAKG,KAAMoB,UAAU,KAC1EvB,KAAKG,KAAO,IAAIC,KAAKJ,KAAKG,KAAKqB,WAAaxB,KAAKyB,KAAOzB,KAAKW,SAAS,GACrEe,KAAKC,IAAI3B,KAAKW,YA9DnBiB,EAAA,CADCC,KACWhC,EAAAiC,UAAA,cAAAC,GAMZH,EAAA,CADCC,KACkChC,EAAAiC,UAAA,cAAAC,GAMnCH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACKpC,EAAAiC,UAAA,YAAAC,GAMvBH,EAAA,CADCC,EAAS,CAAEG,KAAME,UACNrC,EAAAiC,UAAA,eAAAC,GAMZH,EAAA,CADCC,EAAS,CAAEG,KAAME,UACVrC,EAAAiC,UAAA,WAAAC,GA7BJlC,EAAI+B,EAAA,CAFTO,EARiB,QASjBC,EAAOC,CAAG,6BACLxC,GAuEN,IAAAyC,EAAezC"}

package/components/tooltip.d.ts

@@ -1,10 +1,11 @@
+import { type TemplateResult } from "lit";
 import SuperOpenable, { type Direction8 } from "../core/super-openable.js";
 /**
  * {@linkcode Tooltip} provide tooltip for slot elements.
  *
  * If it has the tip property, ignore the slot tip.
  *
- * @slot tip - Tip element if no `tim` provided.
+ * @slot tip - Tip element if no `tip` provided.
  * @slot - Content.
  * @category feedback
  */
@@ -42,7 +43,8 @@ declare class Tooltip extends SuperOpenable {
         "flex-start": string;
         "flex-end": string;
     };
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
 }
 export default Tooltip;
+export { Tooltip };
 //# sourceMappingURL=tooltip.d.ts.map

package/components/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/components/tooltip.ts"],"names":[],"mappings":"AAOA,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;GAQG;AACH,cAKM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,SAAS,EAAE,UAAU,CAAS;IAE9B;;OAEG;IAEH,KAAK,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAY;IAEzE;;OAEG;IAEH,WAAW,EAAE,OAAO,CAAC;IAErB;;;;;;;;OAQG;IAEH,IAAI,EAAE,OAAO,GAAG,OAAO,CAAW;IAElC,MAAM,CAAC,MAAM;;;;;;MAMX;IAEF,SAAS,CAAC,MAAM;CASjB;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/components/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;GAQG;AACH,cAKM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,SAAS,EAAE,UAAU,CAAS;IAE9B;;OAEG;IAEH,KAAK,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAY;IAEzE;;OAEG;IAEH,WAAW,UAAS;IAEpB;;;;;;;;OAQG;IAEH,IAAI,EAAE,OAAO,GAAG,OAAO,CAAW;IAElC,MAAM,CAAC,MAAM;;;;;;MAMX;IAEF,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAOtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/components/tooltip.js

@@ -1,81 +1,2 @@
-import { __decorate } from 'tslib';
-import { godown } from '@godown/element/decorators/godown.js';
-import { styles } from '@godown/element/decorators/styles.js';
-import { htmlSlot } from '@godown/element/directives/html-slot.js';
-import { html, css } from 'lit';
-import { property } from 'lit/decorators.js';
-import { scopePrefix } from '../core/global-style.js';
-import SuperOpenable from '../core/super-openable.js';
-
-var Tooltip_1;
-const protoName = "tooltip";
-const cssScope = scopePrefix(protoName);
-/**
- * {@linkcode Tooltip} provide tooltip for slot elements.
- *
- * If it has the tip property, ignore the slot tip.
- *
- * @slot tip - Tip element if no `tim` provided.
- * @slot - Content.
- * @category feedback
- */
-let Tooltip = Tooltip_1 = class Tooltip extends SuperOpenable {
-    constructor() {
-        super(...arguments);
-        /**
-         * Direction of opening the tip.
-         */
-        this.direction = "top";
-        /**
-         * Content alignment.
-         */
-        this.align = "center";
-        /**
-         * How can tips be triggered.
-         *
-         * If `focus`, element will be focusable, open tip when focused.
-         *
-         * If `hover`, element will open tip when hovered.
-         *
-         * @default "hover"
-         */
-        this.type = "hover";
-    }
-    render() {
-        const align = Tooltip_1.aligns[this.align] || "inherit";
-        const isFocusable = this.type === "focus";
-        return html `<div part="root" tabindex="${isFocusable ? 0 : -1}" @focus="${isFocusable ? () => this.open = true : null}" @blur="${isFocusable ? () => this.open = false : null}" @mouseenter="${isFocusable ? null : () => this.open = true}" @mouseleave="${isFocusable ? null : () => this.open = false}" style="justify-content:${align};align-items:${align}">${htmlSlot()}<div part="tip" direction="${this.direction}" style="pointer-events:${this.propagation ? "none" : "all"}">${this.tip
-            ? html `<span class="passive">${this.tip}</span>`
-            : htmlSlot("tip")}</div></div>`;
-    }
-};
-Tooltip.aligns = {
-    start: "flex-start",
-    end: "flex-end",
-    center: "center",
-    "flex-start": "flex-start",
-    "flex-end": "flex-end",
-};
-__decorate([
-    property()
-], Tooltip.prototype, "tip", void 0);
-__decorate([
-    property()
-], Tooltip.prototype, "direction", void 0);
-__decorate([
-    property()
-], Tooltip.prototype, "align", void 0);
-__decorate([
-    property({ type: Boolean })
-], Tooltip.prototype, "propagation", void 0);
-__decorate([
-    property()
-], Tooltip.prototype, "type", void 0);
-Tooltip = Tooltip_1 = __decorate([
-    godown(protoName),
-    styles(css `:host{${cssScope}--tip-background:inherit;display:inline-block;width:-moz-fit-content;width:fit-content}[part=root]{display:flex;position:relative;transition:inherit;border-radius:inherit}[part=tip]{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;position:absolute;visibility:hidden;transition:inherit;-webkit-user-select:none;user-select:none}:host([open]) [part=tip]{visibility:visible}.passive{background:var(${cssScope}--tip-background);padding:0 .5em}`, css `[direction^=top]{bottom:100%}[direction^=bottom]{top:100%}[direction$=right]{left:100%}[direction$=left]{right:100%}`)
-], Tooltip);
-var Tooltip$1 = Tooltip;
-
-export { Tooltip$1 as default };
+import{__decorate as t}from"tslib";import{godown as i,styles as o,attr as e,htmlSlot as r}from"@godown/element";import{css as n,html as p}from"lit";import{property as s}from"lit/decorators.js";import{scopePrefix as a}from"../core/global-style.js";import l from"../core/super-openable.js";var d;const c="tooltip",h=a(c);let f=d=class Tooltip extends l{constructor(){super(...arguments),this.direction="top",this.align="center",this.propagation=!1,this.type="hover"}render(){const t=d.aligns[this.align]||"inherit",i="focus"===this.type;return p`<div part="root" ${e(this.observedRecord)} tabindex="${i?0:-1}" @focus="${i?()=>this.open=!0:null}" @blur="${i?()=>this.open=!1:null}" @mouseenter="${i?null:()=>this.open=!0}" @mouseleave="${i?null:()=>this.open=!1}" style="justify-content:${t};align-items:${t}">${r()}<div part="tip">${this.tip?p`<span class="passive">${this.tip}</span>`:r("tip")}</div></div>`}};f.aligns={start:"flex-start",end:"flex-end",center:"center","flex-start":"flex-start","flex-end":"flex-end"},t([s()],f.prototype,"tip",void 0),t([s()],f.prototype,"direction",void 0),t([s()],f.prototype,"align",void 0),t([s({type:Boolean})],f.prototype,"propagation",void 0),t([s()],f.prototype,"type",void 0),f=d=t([i(c),o(n`:host{${h}--tip-background:inherit;width:-moz-fit-content;width:fit-content}:host,[part=root]{display:inline-flex}[part=root]{border-radius:inherit;position:relative;transition:inherit}[part=tip]{height:-moz-fit-content;height:fit-content;position:absolute;transition:inherit;-webkit-user-select:none;user-select:none;visibility:hidden;width:-moz-fit-content;width:fit-content}:host([open]) [part=tip]{visibility:visible}.passive{background:var(${h}--tip-background)}[propagation] [part=tip]{pointer-events:none}`,n`[direction^=top] [part=tip]{bottom:100%}[direction^=bottom] [part=tip]{top:100%}[direction$=right] [part=tip]{left:100%}[direction$=left] [part=tip]{right:100%}`)],f);var u=f;export{f as Tooltip,u as default};
 //# sourceMappingURL=tooltip.js.map

package/components/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../src/components/tooltip.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AASA,MAAM,SAAS,GAAG,SAAS;AAC3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;;AAQE;AAMF,IAAM,OAAO,GAAA,SAAA,GAAb,MAAM,OAAQ,SAAQ,aAAa,CAAA;AAAnC,IAAA,WAAA,GAAA;;AAOE;;AAEE;QAEF,IAAS,CAAA,SAAA,GAAe,KAAK;AAE7B;;AAEE;QAEF,IAAK,CAAA,KAAA,GAA2D,QAAQ;AAQxE;;;;;;;;AAQE;QAEF,IAAI,CAAA,IAAA,GAAsB,OAAO;;IAUvB,MAAM,GAAA;AACd,QAAA,MAAM,KAAK,GAAG,SAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,SAAS;AACrD,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO;QACzC,OAAO,IAAI,CAAA,CACG,2BAAA,EAAA,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA,UAAA,EACtB,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAC5C,SAAA,EAAA,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,GAAG,KAAK,GAAG,IAAI,CACtC,eAAA,EAAA,WAAW,GAAG,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA,eAAA,EAC3C,WAAW,GAAG,IAAI,GAAG,MAAM,IAAI,CAAC,IAAI,GAAG,KAAK,4BAClC,KAAK,CAAA,aAAA,EAAgB,KAAK,CAAA,EAAA,EACjD,QAAQ,EAAE,8BAEC,IAAI,CAAC,SAAS,CAAA,wBAAA,EACH,IAAI,CAAC,WAAW,GAAG,MAAM,GAAG,KAAK,CAAA,EAAA,EAEzD,IAAI,CAAC;AACH,cAAE,IAAI,CAAA,yBAAyB,IAAI,CAAC,GAAG,CAAQ,OAAA;AAC/C,cAAE,QAAQ,CAAC,KAAK,CACpB,cACO;;;AA3BF,OAAA,CAAA,MAAM,GAAG;AACd,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,GAAG,EAAE,UAAU;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,YAAY,EAAE,YAAY;AAC1B,IAAA,UAAU,EAAE,UAAU;AACvB,CANY;AAhCb,UAAA,CAAA;AADC,IAAA,QAAQ;AACE,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAMX,UAAA,CAAA;AADC,IAAA,QAAQ;AACoB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AAM7B,UAAA,CAAA;AADC,IAAA,QAAQ;AAC+D,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAMxE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACP,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA;AAYpB,UAAA,CAAA;AADC,IAAA,QAAQ;AACwB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAnC7B,OAAO,GAAA,SAAA,GAAA,UAAA,CAAA;IALZ,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,MAAA,EAAS,QAAQ,CAAA,+aAAA,EAAwb,QAAQ,CAAA,iCAAA,CAAmC,EACvf,GAAG,CAAA,CAAA,oHAAA,CAA8H;AAE7H,CAAA,EAAA,OAAO,CAkEb;AAEA,gBAAe,OAAO;;;;"}
+{"version":3,"file":"tooltip.js","sources":["../src/components/tooltip.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Tooltip","Tooltip_1","SuperOpenable","constructor","this","direction","align","propagation","type","render","aligns","isFocusable","html","attr","observedRecord","open","htmlSlot","tip","start","end","center","__decorate","property","prototype","undefined","Boolean","godown","styles","css","Tooltip$1"],"mappings":"sSAOA,MAAMA,EAAY,UACZC,EAAWC,EAAYF,GAgB7B,IAAMG,EAAOC,EAAb,MAAMD,gBAAgBE,EAAtB,WAAAC,uBAWEC,KAASC,UAAe,MAMxBD,KAAKE,MAA2D,SAMhEF,KAAWG,aAAG,EAYdH,KAAII,KAAsB,QAUhB,MAAAC,GACR,MAAMH,EAAQL,EAAQS,OAAON,KAAKE,QAAU,UACtCK,EAA4B,UAAdP,KAAKI,KACzB,OAAOI,CAAI,oBAGLC,EAAKT,KAAKU,6BACAH,EAAc,iBAChBA,EAAc,IAAOP,KAAKW,MAAO,EAAQ,gBAC1CJ,EAAc,IAAOP,KAAKW,MAAO,EAAS,sBACpCJ,EAAc,KAAO,IAAOP,KAAKW,MAAO,mBACxCJ,EAAc,KAAO,IAAOP,KAAKW,MAAO,6BAC9BT,iBAAqBA,MAE5CU,sBAEEZ,KAAKa,IACHL,CAAI,yBACsBR,KAAKa,aAE/BD,EAAS,uBA5BdhB,EAAAU,OAAS,CACdQ,MAAO,aACPC,IAAK,WACLC,OAAQ,SACR,aAAc,aACd,WAAY,YArCdC,EAAA,CADCC,KACUtB,EAAAuB,UAAA,WAAAC,GAMXH,EAAA,CADCC,KAC4BtB,EAAAuB,UAAA,iBAAAC,GAM7BH,EAAA,CADCC,KACuEtB,EAAAuB,UAAA,aAAAC,GAMxEH,EAAA,CADCC,EAAS,CAAEd,KAAMiB,WACCzB,EAAAuB,UAAA,mBAAAC,GAYnBH,EAAA,CADCC,KACgCtB,EAAAuB,UAAA,YAAAC,GAnC7BxB,EAAOC,EAAAoB,EAAA,CALZK,EAAO7B,GACP8B,EACCC,CAAG,SAAS9B,ubAA8bA,mEAC1c8B,CAAG,qKAEC5B,GAwEN,IAAA6B,EAAe7B"}

package/components/typewriter.d.ts

@@ -1,4 +1,4 @@
-import { type PropertyValueMap } from "lit";
+import { type PropertyValueMap, type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Typewriter} renders a typewriter effect to text.
@@ -9,11 +9,7 @@ declare class Typewriter extends GlobalStyle {
     /**
      * Raw text.
      */
-    text: string;
-    /**
-     * Start immediately after {@linkcode Typewriter.firstUpdated}.
-     */
-    stopped: boolean;
+    content: string;
     /**
      * If true, hide the cursor
      */
@@ -34,17 +30,14 @@ declare class Typewriter extends GlobalStyle {
      * The index at the beginning.
      */
     index: number;
-    /**
-     * Internal text.
-     */
-    content: string;
+    contentInternal: string;
     protected timeoutID: number;
     protected _i: HTMLElement;
     /**
-     * {@linkcode Typewriter.text} length.
+     * {@linkcode Typewriter.content} length.
      */
     get len(): number;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
     protected firstUpdated(): void;
     protected updated(changedProperties: PropertyValueMap<this>): void;
     write(at?: number): void;
@@ -52,4 +45,5 @@ declare class Typewriter extends GlobalStyle {
     end(): void;
 }
 export default Typewriter;
+export { Typewriter };
 //# sourceMappingURL=typewriter.d.ts.map

package/components/typewriter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["../src/components/typewriter.ts"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAGvD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAEM,UAAW,SAAQ,WAAW;IAClC;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,GAAG,SAAM;IAET;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,OAAO,SAAM;IAEb,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAG5B,SAAS,CAAC,EAAE,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,IAAI,GAAG,WAEN;IAED,SAAS,CAAC,MAAM;IAQhB,SAAS,CAAC,YAAY;IAStB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAM3D,KAAK,CAAC,EAAE,SAAa;IAYrB,IAAI;IAIJ,GAAG;CAGJ;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["../src/components/typewriter.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG5E,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAEM,UAAW,SAAQ,WAAW;IAClC;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,GAAG,SAAM;IAET;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,SAAK;IAGV,eAAe,SAAM;IAErB,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAG5B,SAAS,CAAC,EAAE,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAO9B,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAMlE,KAAK,CAAC,EAAE,GAAE,MAAmB,GAAG,IAAI;IAYpC,IAAI,IAAI,IAAI;IAIZ,GAAG,IAAI,IAAI;CAGZ;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,CAAC"}