godown 3.0.0-canary.8 → 3.0.0

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;
     /**
@@ -17,23 +19,24 @@ declare class Switch extends SuperInput {
      */
     checked: boolean;
     /**
-     * Whether this element is disabled or not.
+     * Disable this element.
      */
     disabled: boolean;
     /**
-     * Parsed by JSON.parse to checked.
+     * Default checked state.
      */
     default: string;
     /**
      * Input value.
      */
     value: string;
-    _input: HTMLInputElement;
-    protected render(): import("lit").TemplateResult<1>;
+    protected _input: HTMLInputElement;
+    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;IACd;;OAEG;IAEH,OAAO,UAAS;IAChB;;OAEG;IAEH,QAAQ,UAAS;IACjB;;OAEG;IAEH,OAAO,SAAW;IAClB;;OAEG;IAEH,KAAK,SAAQ;IAGb,MAAM,EAAE,gBAAgB,CAAC;IAEzB,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,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;;GAQG;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,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 { css, html } 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;
-        /**
-         * Whether this element is disabled or not.
-         */
-        this.disabled = false;
-        /**
-         * Parsed by JSON.parse to checked.
-         */
-        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 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}-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{transform:translateX(100%)}.rect .true{background:var(${cssGlobalVars.active})}.rect .false{background:var(${cssGlobalVars.passive})}.round span::after{--size:var(${cssScope}-handle-size);content:"";border-radius:100%;background:var(--godown--input-control);width:var(--size);height:var(--size)}.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" @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="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]{width:var(${l}-width);height:var(${l}-height);display:inline-block}: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);vertical-align:bottom;border-radius:0}[part=handle],[part=root]{transition:var(${l}-transition)}[part=root]{border-radius:inherit;position:relative;height:inherit}[part=input]{opacity:0;width:100%;height:100%;-webkit-appearance:none;appearance:none}[part=handle]{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(${l}-height)/ 2);background:var(${h.passive})}: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);border-radius:100%;background:var(--godown--input-control);width:var(--size);height:var(--size);margin:var(${l}-handle-space)}: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","_handleChange","name","makeId","reset","_input","connectedCallback","super","dispatchEvent","CustomEvent","detail","composed","namevalue","__decorate","property","type","Boolean","reflect","prototype","query","godown","styles","css","cssGlobalVars","input","passive","active","Switch$1"],"mappings":"6SAOA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAe7B,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,oBAAoBC,EAAKR,KAAKS,0BAA0BT,KAAKC,MAAQ,QAAU,wCAG3ED,KAAKU,6BACHV,KAAKG,uBACNH,KAAKE,kBACTF,KAAKW,aACPX,KAAKY,uDAGgBZ,KAAKE,yBAItC,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,aAAAQ,GACRV,KAAKE,QAAUF,KAAKc,OAAOZ,QAC3BF,KAAKiB,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQnB,KAAKE,QAASkB,UAAU,KAGjF,SAAAC,GACE,MAAO,CAACrB,KAAKW,KAAMX,KAAKE,WAjE1BoB,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACvB7B,EAAA8B,UAAA,aAAA,GAMbL,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACrB7B,EAAA8B,UAAA,eAAA,GAMfL,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpB7B,EAAA8B,UAAA,gBAAA,GAMhBL,EAAA,CADCC,KACgB1B,EAAA8B,UAAA,eAAA,GAMjBL,EAAA,CADCC,KACW1B,EAAA8B,UAAA,aAAA,GAGFL,EAAA,CADTM,EAAM,UAC2B/B,EAAA8B,UAAA,cAAA,GAhC9B9B,EAAMyB,EAAA,CAJXO,EAAOnC,GACPoC,EACCC,CAAG,iDAAiDpC,uBAA8BA,wCAA+CA,eAAsBA,qBAA4BA,gBAAwBA,wBAA+BA,yBAAgCA,+CAAsDqC,EAAcC,oGAAoGtC,qXAA4XA,gCAAwCqC,EAAcE,+EAA+EF,EAAcG,uCAAuCH,EAAcE,4CAA4CvC,6HAAoIA,0DAAiEqC,EAAcG,aAEjvCtC,GA0EN,IAAAuC,EAAevC"}

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,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAMlF;;;;GAIG;AACH,cAIM,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 { css, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { scopePrefix, cssGlobalVars, GlobalStyle } 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;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(${h}--color)}[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});display:inline-block;color:transparent;-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","type","Boolean","godown","styles","css","cssGlobalVars","clipBackground","Text$1"],"mappings":"0SAMA,MAAMA,EAAY,OAEZC,EAAWC,EAAYF,GAW7B,IAAMG,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAKEC,KAASC,UAA2C,OAMpDD,KAAIE,MAAG,EAEG,MAAAC,GACR,OAAOC,CAAI,qBAAqBC,EAAKL,KAAKM,0BAA0BC,EAAUP,KAAKC,eAC/EO,eAVNC,EAAA,CADCC,KACyDb,EAAAc,UAAA,iBAAA,GAM1DF,EAAA,CADCC,EAAS,CAAEE,KAAMC,WACNhB,EAAAc,UAAA,YAAA,GAXRd,EAAIY,EAAA,CAJTK,EAAOpB,GACPqB,EACCC,CAAG,SAASrB,yBAAgCA,+BAAsCA,gQAAuQA,yCAAgDA,sBAA6BA,2CAAkDA,uBAA8BA,6HAAoIsB,EAAcC,kJAEpoBrB,GAoBN,IAAAsB,EAAetB"}

package/components/time.d.ts

@@ -1,13 +1,14 @@
-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 {
     /**
-     * Cancels the next character formatting.
+     * Escape symbol.
      */
     escape: string;
     /**
@@ -21,17 +22,18 @@ declare class Time extends GlobalStyle {
     /**
      * If there is a value, update every gap or timeout.
      */
-    timeout: number;
+    timeout: any;
     /**
      * The number of milliseconds that change with each update.
      */
-    gap: number;
-    timeoutId: number;
-    protected render(): string;
+    gap: any;
+    protected timeoutId: number;
+    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;IACb;;OAEG;IAEH,MAAM,SAA8B;IACpC;;OAEG;IAEH,IAAI,OAAc;IAClB;;OAEG;IAEH,OAAO,SAAK;IACZ;;OAEG;IAEH,GAAG,SAAK;IAER,SAAS,EAAE,MAAM,CAAC;IAElB,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,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,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,86 +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);
-        /**
-         * Cancels the next character formatting.
-         */
-        this.escape = "%";
-        /**
-         * Format strings.
-         */
-        this.format = "YYYY-MM-DD hh:mm:ss UTFZ";
-        /**
-         * Time.
-         */
-        this.time = new Date();
-        /**
-         * If there is a value, update every gap or timeout.
-         */
-        this.timeout = 0;
-        /**
-         * The number of milliseconds that change with each update.
-         */
-        this.gap = 0;
-    }
-    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;AACZ;;AAEE;QAEF,IAAM,CAAA,MAAA,GAAG,0BAA0B;AACnC;;AAEE;AAEF,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,IAAI,EAAE;AACjB;;AAEE;QAEF,IAAO,CAAA,OAAA,GAAG,CAAC;AACX;;AAEE;QAEF,IAAG,CAAA,GAAA,GAAG,CAAC;;IAIG,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;AApDE,UAAA,CAAA;AADC,IAAA,QAAQ;AACG,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAKZ,UAAA,CAAA;AADC,IAAA,QAAQ;AAC0B,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAKnC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACT,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAKjB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACf,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAKX,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACnB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAzBH,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CAAC,GAAG,CAAA,CAAA,wBAAA,CAA0B;AAC/B,CAAA,EAAA,IAAI,CAyDV;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","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,qBAAqBC,EAAKP,KAAKQ,mBAAmBC,EAAOT,KAAKE,OAAQF,KAAKG,KAAMH,KAAKC,iBAGzF,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,YAvDnBiB,EAAA,CADCC,KACWhC,EAAAiC,UAAA,cAAA,GAMZF,EAAA,CADCC,KACkChC,EAAAiC,UAAA,cAAA,GAMnCF,EAAA,CADCC,EAAS,CAAEE,KAAMC,UACKnC,EAAAiC,UAAA,YAAA,GAMvBF,EAAA,CADCC,EAAS,CAAEE,KAAME,UACNpC,EAAAiC,UAAA,eAAA,GAMZF,EAAA,CADCC,EAAS,CAAEE,KAAME,UACVpC,EAAAiC,UAAA,WAAA,GA7BJjC,EAAI+B,EAAA,CAFTM,EARiB,QASjBC,EAAOC,CAAG,6BACLvC,GAgEN,IAAAwC,EAAexC"}

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.
+ * @slot tip - Tip element if no `tip` provided.
  * @slot - Content.
  * @category feedback
  */
@@ -25,6 +26,16 @@ declare class Tooltip extends SuperOpenable {
      * If true, allow penetration of the tip.
      */
     propagation: boolean;
+    /**
+     * 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"
+     */
+    type: "hover" | "focus";
     static aligns: {
         start: string;
         end: string;
@@ -32,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;IACZ;;OAEG;IAEH,SAAS,EAAE,UAAU,CAAS;IAC9B;;OAEG;IAEH,KAAK,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAY;IAEzE;;OAEG;IAEH,WAAW,EAAE,OAAO,CAAC;IAErB,MAAM,CAAC,MAAM;;;;;;MAMX;IAEF,SAAS,CAAC,MAAM;CAQjB;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/components/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,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;CAKtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/components/tooltip.js

@@ -1,67 +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 { css, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { scopePrefix, cssGlobalVars } 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.
- * @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";
-    }
-    render() {
-        const align = Tooltip_1.aligns[this.align] || "inherit";
-        return html `<div part="root" 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);
-Tooltip = Tooltip_1 = __decorate([
-    godown(protoName),
-    styles(css `:host{${cssScope}--tip-background:var(${cssGlobalVars.background});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(:hover) [part=tip],:host([open]) [part=tip],[part=tip]:hover{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]{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(${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;;AAME;;AAEE;QAEF,IAAS,CAAA,SAAA,GAAe,KAAK;AAC7B;;AAEE;QAEF,IAAK,CAAA,KAAA,GAA2D,QAAQ;;IAgB9D,MAAM,GAAA;AACd,QAAA,MAAM,KAAK,GAAG,SAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,SAAS;AACrD,QAAA,OAAO,IAAI,CAAA,CAA2C,wCAAA,EAAA,KAAK,CAAgB,aAAA,EAAA,KAAK,CAC5E,EAAA,EAAA,QAAQ,EAAE,CAAA,2BAAA,EACiB,IAAI,CAAC,SAAS,CAAA,wBAAA,EAA2B,IAAI,CAAC,WAAW,GAAG,MAAM,GAAG,KAAK,CAAA,EAAA,EAEvG,IAAI,CAAC;AACH,cAAE,IAAI,CAAA,yBAAyB,IAAI,CAAC,GAAG,CAAQ,OAAA;AAC/C,cAAE,QAAQ,CAAC,KAAK,CACpB,cACO;;;AAlBF,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;AAlBb,UAAA,CAAA;AADC,IAAA,QAAQ;AACE,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAKX,UAAA,CAAA;AADC,IAAA,QAAQ;AACoB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AAK7B,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;AArBhB,OAAO,GAAA,SAAA,GAAA,UAAA,CAAA;IALZ,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,wBAAwB,aAAa,CAAC,UAAU,CAAA,kcAAA,EAA+c,QAAQ,CAAmC,iCAAA,CAAA,EAC9jB,GAAG,CAAA,sHAA8H;AAE7H,CAAA,EAAA,OAAO,CA2Cb;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","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,oBAEPC,EAAKT,KAAKU,6BACAH,EAAc,GAAK,cACrBA,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,sBACgBZ,KAAKa,IAAML,CAAI,yBAAyBR,KAAKa,aAAeD,EAAS,uBAtBpFhB,EAAAU,OAAS,CACdQ,MAAO,aACPC,IAAK,WACLC,OAAQ,SACR,aAAc,aACd,WAAY,YArCdC,EAAA,CADCC,KACUtB,EAAAuB,UAAA,WAAA,GAMXF,EAAA,CADCC,KAC4BtB,EAAAuB,UAAA,iBAAA,GAM7BF,EAAA,CADCC,KACuEtB,EAAAuB,UAAA,aAAA,GAMxEF,EAAA,CADCC,EAAS,CAAEd,KAAMgB,WACCxB,EAAAuB,UAAA,mBAAA,GAYnBF,EAAA,CADCC,KACgCtB,EAAAuB,UAAA,YAAA,GAnC7BvB,EAAOC,EAAAoB,EAAA,CALZI,EAAO5B,GACP6B,EACCC,CAAG,SAAS7B,ubAA8bA,mEAC1c6B,CAAG,qKAEC3B,GAgEN,IAAA4B,EAAe5B"}

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;
+    contentInternal: string;
+    protected timeoutID: number;
+    protected _i: HTMLElement;
     /**
-     * Internal text.
-     */
-    content: string;
-    timeoutID: number;
-    _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;IACV;;OAEG;IAEH,OAAO,UAAS;IAChB;;OAEG;IAEH,KAAK,UAAS;IACd;;OAEG;IAEH,GAAG,SAAO;IACV;;OAEG;IAEH,GAAG,SAAM;IACT;;OAEG;IAEH,KAAK,SAAK;IACV;;OAEG;IAEH,KAAK,SAAK;IACV;;OAEG;IAEH,OAAO,SAAM;IAEb,SAAS,EAAE,MAAM,CAAC;IAElB,EAAE,EAAE,WAAW,CAAC;IAEhB;;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,EAAa,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5E,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAIM,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"}