godown 2.6.2 → 2.7.0

package/web-components/{group/tab-group.js → tabs/tabs.js}

@@ -1,17 +1,18 @@
 import { __decorate } from "tslib";
-import { css, html, property, state } from "../../deps.js";
+import { css, html, property, state } from "../../.deps.js";
+import { define } from "../../decorators/define.js";
 import { ifValue } from "../../lib/directives.js";
 import { htmlSlot } from "../../lib/templates.js";
 import { deepQuerySelectorAll } from "../../lib/utils.js";
-import { createScope, cssvarValues, define, GodownElement } from "../../root.js";
-const defineName = "tab-group";
+import { createScope, cssvarValues, GodownElement } from "../../supers/root.js";
+const defineName = "tabs";
 const cssvarScope = createScope(defineName);
 /**
- * TabGroup used to support multiple tabs.
+ * {@linkcode GodownTab} used to support multiple tab.
  *
  * Inspired by Next-ui.
  */
-let TabGroup = class TabGroup extends GodownElement {
+let Tabs = class Tabs extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -98,7 +99,7 @@ let TabGroup = class TabGroup extends GodownElement {
         this.contents = this.slottedNames;
     }
 };
-TabGroup.styles = [
+Tabs.styles = [
     GodownElement.styles,
     css `
       :host {
@@ -143,22 +144,22 @@ TabGroup.styles = [
 ];
 __decorate([
     property()
-], TabGroup.prototype, "index", void 0);
+], Tabs.prototype, "index", void 0);
 __decorate([
     property()
-], TabGroup.prototype, "def", void 0);
+], Tabs.prototype, "def", void 0);
 __decorate([
     property()
-], TabGroup.prototype, "align", void 0);
+], Tabs.prototype, "align", void 0);
 __decorate([
     state()
-], TabGroup.prototype, "headers", void 0);
+], Tabs.prototype, "headers", void 0);
 __decorate([
     state()
-], TabGroup.prototype, "contents", void 0);
-TabGroup = __decorate([
+], Tabs.prototype, "contents", void 0);
+Tabs = __decorate([
     define(defineName)
-], TabGroup);
-export { TabGroup };
-export default TabGroup;
-//# sourceMappingURL=tab-group.js.map
+], Tabs);
+export { Tabs };
+export default Tabs;
+//# sourceMappingURL=tabs.js.map

package/web-components/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/tabs/tabs.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, type CSSResultGroup, html, property, type PropertyValueMap, state } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { ifValue } from \"../../lib/directives.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { deepQuerySelectorAll } from \"../../lib/utils.js\";\nimport { createScope, cssvarValues, GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"tabs\";\n\nconst cssvarScope = createScope(defineName);\n\n/**\n * {@linkcode GodownTab} used to support multiple tab.\n *\n * Inspired by Next-ui.\n */\n@define(defineName)\nexport class Tabs extends GodownElement {\n  /**\n   * Active slot name.\n   */\n  @property() index = \"\";\n  /**\n   * Default slot name.\n   */\n  @property() def = \"\";\n  /**\n   * Align type.\n   */\n  @property() align = \"start\";\n  /**\n   * Header texts or slot names, if headers is a zero value, it is taken from the {@linkcode Tabs.contents}.\n   */\n  @state() headers: string[] | void;\n  /**\n   * Contents slot names.\n   */\n  @state() contents: string[];\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host {\n        ${cssvarScope}--background: var(${cssvarValues.main});\n        ${cssvarScope}--background-active: rgb(var(${cssvarValues.textRGB}) / 18%);\n        ${cssvarScope}--radius: .25em;\n        ${cssvarScope}--cursor: default;\n        background: var(${cssvarScope}--background);\n        display: block;\n        color: var(${cssvarValues.text});\n      }\n\n      nav {\n        display: grid;\n        grid-auto-flow: column;\n        gap: 0.25em;\n        position: relative;\n        border-radius: inherit;\n      }\n\n      section {\n        white-space: nowrap;\n        border-radius: inherit;\n        padding: 0.15em 0.2em;\n        cursor: var(${cssvarScope}--cursor);\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      #slider {\n        height: 100%;\n        position: absolute;\n        padding: 0;\n        background: var(${cssvarScope}--background-active);\n        transform: translateX(-50%);\n        transition: all 180ms ease 0s;\n        z-index: 0;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    const headers = (this.headers || this.contents).map((value) => {\n      return html`<section\n        class=\"${ifValue(this.index === value, \"active\")}\"\n        @click=\"${() => {\n          this.select(value, true);\n        }}\"\n      >\n        ${this.headers ? htmlSlot(value) : value}\n      </section>`;\n    });\n    return html`\n      <nav style=\"justify-content:${this.align}\">\n        ${headers}\n        <section id=\"slider\"></section>\n      </nav>\n      ${htmlSlot(this.index || this.def)}\n    `;\n  }\n\n  protected updated(changedProperties: PropertyValueMap<this>) {\n    if (changedProperties.has(\"index\")) {\n      // Move slider.\n      const active = this.shadowRoot.querySelector<HTMLElement>(\"section.active\");\n      const slider = this.shadowRoot.querySelector<HTMLElement>(\"#slider\");\n      if (active) {\n        this.dispatchEvent(new CustomEvent(\"select\", { detail: this.index }));\n        slider.style.width = `${active.clientWidth}px`;\n        slider.animate([{ left: `${active.offsetLeft + active.clientWidth / 2}px` }], {\n          duration: 180,\n          fill: \"forwards\",\n        });\n      } else {\n        slider.style.width = \"0\";\n      }\n    }\n  }\n\n  /**\n   * Select one tab.\n   * @param s New index.\n   * @param callSync if true, update all same elements (headers contains s).\n   */\n  select(s: string, callSync = false) {\n    if (callSync) {\n      const elements = deepQuerySelectorAll<this>(this.tagName, document.body);\n      for (const e of elements) {\n        if ((e.headers || e.contents).includes(s)) {\n          e.select(s);\n        }\n      }\n      return;\n    }\n    this.index = s;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.def) {\n      this.def = this.slottedNames[0] || \"\";\n    }\n    if (!this.index && this.def) {\n      this.index = this.def;\n    }\n    this.getTabs();\n  }\n\n  /**\n   * Update content controls (this.headers, this.contents).\n   */\n  getTabs() {\n    this.contents = this.slottedNames;\n  }\n}\n\nexport default Tabs;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"tab-group\": Tabs;\n    \"g-tabs\": Tabs;\n  }\n}\n"]}

package/web-components/text/clip.d.ts

@@ -0,0 +1,21 @@
+import { type CSSResultGroup } from "../../.deps.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../supers/root.js";
+/**
+ * {@linkcode Clip} renders a gradient text.
+ */
+export declare class Clip extends GodownElement {
+    /**
+     * The text to be clipped.
+     */
+    text: string;
+    static styles: CSSResultGroup;
+    protected render(): HTMLTemplate | string;
+}
+export default Clip;
+declare global {
+    interface HTMLElementTagNameMap {
+        "clip-text": Clip;
+    }
+}
+//# sourceMappingURL=clip.d.ts.map

package/web-components/text/clip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clip.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/clip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAY,MAAM,gBAAgB,CAAC;AAEpE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAuB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAK1E;;GAEG;AACH,qBACa,IAAK,SAAQ,aAAa;IACrC;;OAEG;IACS,IAAI,SAAM;IAEtB,MAAM,CAAC,MAAM,iBAaO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY,GAAG,MAAM;CAG1C;AAED,eAAe,IAAI,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,IAAI,CAAC;KACnB;CACF"}

package/web-components/text/{clip-text.js → clip.js}

@@ -1,13 +1,14 @@
 import { __decorate } from "tslib";
-import { css, property } from "../../deps.js";
+import { css, property } from "../../.deps.js";
+import { define } from "../../decorators/define.js";
 import { htmlSlot } from "../../lib/templates.js";
-import { createScope, cssvar, define, GodownElement } from "../../root.js";
-const defineName = "clip-text";
+import { createScope, cssvar, GodownElement } from "../../supers/root.js";
+const defineName = "clip";
 const cssvarScope = createScope(defineName);
 /**
- * ClipText renders a gradient text.
+ * {@linkcode Clip} renders a gradient text.
  */
-let ClipText = class ClipText extends GodownElement {
+let Clip = class Clip extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -19,7 +20,7 @@ let ClipText = class ClipText extends GodownElement {
         return this.text || htmlSlot();
     }
 };
-ClipText.styles = [
+Clip.styles = [
     GodownElement.styles,
     css `
       :host {
@@ -35,10 +36,10 @@ ClipText.styles = [
 ];
 __decorate([
     property()
-], ClipText.prototype, "text", void 0);
-ClipText = __decorate([
+], Clip.prototype, "text", void 0);
+Clip = __decorate([
     define(defineName)
-], ClipText);
-export { ClipText };
-export default ClipText;
-//# sourceMappingURL=clip-text.js.map
+], Clip);
+export { Clip };
+export default Clip;
+//# sourceMappingURL=clip.js.map

package/web-components/text/clip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clip.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/clip.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1E,MAAM,UAAU,GAAG,MAAM,CAAC;AAC1B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,aAAa;IAAhC;;QACL;;WAEG;QACS,SAAI,GAAG,EAAE,CAAC;IAoBxB,CAAC;IAHW,MAAM;QACd,OAAO,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;IACjC,CAAC;;AAjBM,WAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;UAEG,WAAW,0BAA0B,MAAM;0BAC3B,WAAW;;;;;;;KAOhC;CACgB,AAbN,CAaO;AAfR;IAAX,QAAQ,EAAE;kCAAW;AAJX,IAAI;IADhB,MAAM,CAAC,UAAU,CAAC;GACN,IAAI,CAwBhB;;AAED,eAAe,IAAI,CAAC","sourcesContent":["import { css, type CSSResultGroup, property } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, cssvar, GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"clip\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * {@linkcode Clip} renders a gradient text.\n */\n@define(defineName)\nexport class Clip extends GodownElement {\n  /**\n   * The text to be clipped.\n   */\n  @property() text = \"\";\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host {\n        ${cssvarScope}--clip-background: var(${cssvar}--clip-background);\n        background: var(${cssvarScope}--clip-background);\n        color: transparent;\n        -webkit-text-fill-color: transparent;\n        background-clip: text !important;\n        -webkit-background-clip: text !important;\n        display: inline-flex;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate | string {\n    return this.text || htmlSlot();\n  }\n}\n\nexport default Clip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"clip-text\": Clip;\n  }\n}\n"]}

package/web-components/text/{overbreath-text.d.ts → overbreath.d.ts}

@@ -1,12 +1,12 @@
-import { type CSSResultGroup } from "../../deps.js";
+import { type CSSResultGroup } from "../../.deps.js";
 import { type HTMLTemplate } from "../../lib/templates.js";
-import { GodownElement } from "../../root.js";
+import { GodownElement } from "../../supers/root.js";
 /**
  * OverbreathText renders three animated pieces of text.
  *
  * Inspired by Vercel homepage (2022? - 2023).
  */
-export declare class OverbreathText extends GodownElement {
+export declare class Overbreath extends GodownElement {
     /**
      * One of the texts.
      */
@@ -17,10 +17,10 @@ export declare class OverbreathText extends GodownElement {
     protected render(): HTMLTemplate[];
     protected renderText(text: string): HTMLTemplate;
 }
-export default OverbreathText;
+export default Overbreath;
 declare global {
     interface HTMLElementTagNameMap {
-        "overbreath-text": OverbreathText;
+        "overbreath-text": Overbreath;
     }
 }
-//# sourceMappingURL=overbreath-text.d.ts.map
+//# sourceMappingURL=overbreath.d.ts.map

package/web-components/text/overbreath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overbreath.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/overbreath.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,gBAAgB,CAAC;AAE1E,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAuB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAK1E;;;;GAIG;AACH,qBACa,UAAW,SAAQ,aAAa;IAC3C;;OAEG;IACS,EAAE,SAAM;IAER,EAAE,SAAM;IAER,EAAE,SAAM;IAEpB,MAAM,CAAC,MAAM,iBAiLO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY,EAAE;IAIlC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY;CAMjD;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,UAAU,CAAC;KAC/B;CACF"}

package/web-components/text/{overbreath-text.js → overbreath.js}

@@ -1,14 +1,15 @@
 import { __decorate } from "tslib";
-import { css, html, property } from "../../deps.js";
-import { createScope, cssvar, define, GodownElement } from "../../root.js";
-const defineName = "overbreath-text";
+import { css, html, property } from "../../.deps.js";
+import { define } from "../../decorators/define.js";
+import { createScope, cssvar, GodownElement } from "../../supers/root.js";
+const defineName = "overbreath";
 const cssvarScope = createScope(defineName);
 /**
  * OverbreathText renders three animated pieces of text.
  *
  * Inspired by Vercel homepage (2022? - 2023).
  */
-let OverbreathText = class OverbreathText extends GodownElement {
+let Overbreath = class Overbreath extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -30,7 +31,7 @@ let OverbreathText = class OverbreathText extends GodownElement {
     </span>`;
     }
 };
-OverbreathText.styles = [
+Overbreath.styles = [
     GodownElement.styles,
     css `
       :host {
@@ -210,16 +211,16 @@ OverbreathText.styles = [
 ];
 __decorate([
     property()
-], OverbreathText.prototype, "t1", void 0);
+], Overbreath.prototype, "t1", void 0);
 __decorate([
     property()
-], OverbreathText.prototype, "t2", void 0);
+], Overbreath.prototype, "t2", void 0);
 __decorate([
     property()
-], OverbreathText.prototype, "t3", void 0);
-OverbreathText = __decorate([
+], Overbreath.prototype, "t3", void 0);
+Overbreath = __decorate([
     define(defineName)
-], OverbreathText);
-export { OverbreathText };
-export default OverbreathText;
-//# sourceMappingURL=overbreath-text.js.map
+], Overbreath);
+export { Overbreath };
+export default Overbreath;
+//# sourceMappingURL=overbreath.js.map

package/web-components/text/overbreath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overbreath.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/overbreath.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1E,MAAM,UAAU,GAAG,YAAY,CAAC;AAChC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;;;GAIG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,aAAa;IAAtC;;QACL;;WAEG;QACS,OAAE,GAAG,EAAE,CAAC;QACpB,SAAS;QACG,OAAE,GAAG,EAAE,CAAC;QACpB,SAAS;QACG,OAAE,GAAG,EAAE,CAAC;IA+LtB,CAAC;IAVW,MAAM;QACd,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1D,CAAC;IAES,UAAU,CAAC,IAAY;QAC/B,OAAO,IAAI,CAAA;yBACU,IAAI;yBACJ,IAAI;YACjB,CAAC;IACX,CAAC;;AA5LM,iBAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;UAEG,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;UACtG,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;UACtG,WAAW,4BAA4B,WAAW,eAAe,WAAW,eAAe,WAAW;;KAE3G;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA2CyB,WAAW;;;;;gCAKX,WAAW;;;;;gCAKX,WAAW;;;;;;;;;;;;;;KActC;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+EF;IACD,GAAG,CAAA;;UAEG,WAAW,0BAA0B,MAAM;0BAC3B,WAAW;;;;;;;;;KAShC;CACgB,AAjLN,CAiLO;AAvLR;IAAX,QAAQ,EAAE;sCAAS;AAER;IAAX,QAAQ,EAAE;sCAAS;AAER;IAAX,QAAQ,EAAE;sCAAS;AART,UAAU;IADtB,MAAM,CAAC,UAAU,CAAC;GACN,UAAU,CAuMtB;;AAED,eAAe,UAAU,CAAC","sourcesContent":["import { css, type CSSResultGroup, html, property } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, cssvar, GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"overbreath\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * OverbreathText renders three animated pieces of text.\n *\n * Inspired by Vercel homepage (2022? - 2023).\n */\n@define(defineName)\nexport class Overbreath extends GodownElement {\n  /**\n   * One of the texts.\n   */\n  @property() t1 = \"\";\n  // As t1.\n  @property() t2 = \"\";\n  // As t2.\n  @property() t3 = \"\";\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host {\n        ${cssvarScope}--1-1: #ae0ca5;\n        ${cssvarScope}--1-2: #ffd802;\n        ${cssvarScope}--2-1: #1fe173;\n        ${cssvarScope}--2-2: #582bca;\n        ${cssvarScope}--3-1: #00b4f0;\n        ${cssvarScope}--3-2: #e614e6;\n        ${cssvarScope}--deg: 60deg;\n        ${cssvarScope}--1: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--1-1), var(${cssvarScope}--1-2));\n        ${cssvarScope}--2: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--2-1), var(${cssvarScope}--2-2));\n        ${cssvarScope}--3: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--3-1), var(${cssvarScope}--3-2));\n      }\n    `,\n    css`\n      :host {\n        display: flex;\n        margin: auto;\n        width: fit-content;\n        font-size: clamp(3.5rem, 10vw, 5.5rem);\n        align-items: center;\n      }\n\n      @media (max-width: 1280px) {\n        :host {\n          flex-direction: column;\n        }\n      }\n\n      *::selection {\n        background: none;\n      }\n\n      .fg,\n      .bg {\n        padding: 0 0.05em;\n        box-sizing: border-box;\n      }\n\n      .bg {\n        position: absolute;\n        top: 0;\n      }\n\n      span {\n        display: block;\n      }\n\n      .rel {\n        position: relative;\n        font-weight: 800;\n        font-size: inherit;\n        letter-spacing: -0.05em;\n      }\n\n      .rel:nth-child(1) .fg {\n        animation: lg1 8s infinite;\n        background-image: var(${cssvarScope}--1);\n      }\n\n      .rel:nth-child(2) .fg {\n        animation: 8s infinite lg2;\n        background-image: var(${cssvarScope}--2);\n      }\n\n      .rel:nth-child(3) .fg {\n        animation: 8s infinite lg3;\n        background-image: var(${cssvarScope}--3);\n      }\n\n      .rel:nth-child(1) .bg {\n        animation: text1 8s infinite;\n      }\n\n      .rel:nth-child(2) .bg {\n        animation: text2 8s infinite;\n      }\n\n      .rel:nth-child(3) .bg {\n        animation: text3 8s infinite;\n      }\n    `,\n    css`\n      @keyframes lg1 {\n        0%,\n        16.667%,\n        to {\n          opacity: 1;\n        }\n        33.333%,\n        83.333% {\n          opacity: 0;\n        }\n      }\n\n      @keyframes lg2 {\n        0%,\n        to {\n          opacity: 0;\n        }\n        33.333%,\n        50% {\n          opacity: 1;\n        }\n        16.667%,\n        66.667% {\n          opacity: 0;\n        }\n      }\n\n      @keyframes lg3 {\n        0%,\n        50%,\n        to {\n          opacity: 0;\n        }\n        66.667%,\n        83.333% {\n          opacity: 1;\n        }\n      }\n\n      @keyframes text1 {\n        0%,\n        16.667%,\n        to {\n          opacity: 0;\n        }\n        25%,\n        91.667% {\n          opacity: 1;\n        }\n      }\n\n      @keyframes text2 {\n        0%,\n        to {\n          opacity: 1;\n        }\n        33.333%,\n        50% {\n          opacity: 0;\n        }\n        25%,\n        58.333% {\n          opacity: 1;\n        }\n      }\n\n      @keyframes text3 {\n        0%,\n        58.333%,\n        91.667%,\n        to {\n          opacity: 1;\n        }\n        66.667%,\n        83.333% {\n          opacity: 0;\n        }\n      }\n    `,\n    css`\n      span.bg {\n        ${cssvarScope}--clip-background: var(${cssvar}--clip-background);\n        background: var(${cssvarScope}--clip-background);\n      }\n      span {\n        color: transparent;\n        -webkit-text-fill-color: transparent;\n        background-clip: text !important;\n        -webkit-background-clip: text !important;\n        display: inline-flex;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate[] {\n    return [this.t1, this.t2, this.t3].map(this.renderText);\n  }\n\n  protected renderText(text: string): HTMLTemplate {\n    return html`<span class=\"rel\">\n      <span class=\"bg\">${text}</span>\n      <span class=\"fg\">${text}</span>\n    </span>`;\n  }\n}\n\nexport default Overbreath;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"overbreath-text\": Overbreath;\n  }\n}\n"]}

package/web-components/{items/time-bar.d.ts → text/time.d.ts}

@@ -1,12 +1,12 @@
-import { type CSSResultGroup } from "../../deps.js";
-import { GodownElement } from "../../root.js";
+import { type CSSResultGroup } from "../../.deps.js";
+import { GodownElement } from "../../supers/root.js";
 /**
  * TimeBar renders a formatting time.
  */
-export declare class TimeBar extends GodownElement {
+export declare class Time extends GodownElement {
     /**
      * Format strings.
-     * {@linkcode TimeBar.fmt}
+     * {@linkcode Time.fmt}
      */
     format: string;
     /**
@@ -45,10 +45,10 @@ export declare class TimeBar extends GodownElement {
      */
     static fmt(fm: string, tm: Date): string;
 }
-export default TimeBar;
+export default Time;
 declare global {
     interface HTMLElementTagNameMap {
-        "time-bar": TimeBar;
+        "time-bar": Time;
     }
 }
-//# sourceMappingURL=time-bar.d.ts.map
+//# sourceMappingURL=time.d.ts.map

package/web-components/text/time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/time.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAY,MAAM,gBAAgB,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIrD;;GAEG;AACH,qBACa,IAAK,SAAQ,aAAa;IACrC;;;OAGG;IACS,MAAM,SAA8B;IAChD;;OAEG;IACS,KAAK,SAAM;IACvB;;OAEG;IACyB,IAAI,OAAc;IAC9C;;OAEG;IACyB,OAAO,SAAK;IACxC;;OAEG;IACyB,GAAG,SAAK;IAEpC,UAAU,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,MAAM,EAAE,cAAc,CAM3B;IAEF,SAAS,CAAC,MAAM,IAAI,MAAM;IAI1B,SAAS,CAAC,YAAY;IAQtB,oBAAoB;IAIpB;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,GAAG,MAAM;CAmCzC;AAED,eAAe,IAAI,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,IAAI,CAAC;KAClB;CACF"}

package/web-components/{items/time-bar.js → text/time.js}

@@ -1,17 +1,18 @@
-var TimeBar_1;
+var Time_1;
 import { __decorate } from "tslib";
-import { css, property } from "../../deps.js";
-import { define, GodownElement } from "../../root.js";
-const defineName = "time-bar";
+import { css, property } from "../../.deps.js";
+import { define } from "../../decorators/define.js";
+import { GodownElement } from "../../supers/root.js";
+const defineName = "time";
 /**
  * TimeBar renders a formatting time.
  */
-let TimeBar = TimeBar_1 = class TimeBar extends GodownElement {
+let Time = Time_1 = class Time extends GodownElement {
     constructor() {
         super(...arguments);
         /**
          * Format strings.
-         * {@linkcode TimeBar.fmt}
+         * {@linkcode Time.fmt}
          */
         this.format = "YYYY-MM-DD hh:mm:ss UTFZ";
         /**
@@ -32,7 +33,7 @@ let TimeBar = TimeBar_1 = class TimeBar extends GodownElement {
         this.gap = 0;
     }
     render() {
-        return this.value || TimeBar_1.fmt(this.format, this.time);
+        return this.value || Time_1.fmt(this.format, this.time);
     }
     firstUpdated() {
         if (this.timeout) {
@@ -94,7 +95,7 @@ let TimeBar = TimeBar_1 = class TimeBar extends GodownElement {
         });
     }
 };
-TimeBar.styles = [
+Time.styles = [
     css `
       :host {
         text-align: center;
@@ -103,22 +104,22 @@ TimeBar.styles = [
 ];
 __decorate([
     property()
-], TimeBar.prototype, "format", void 0);
+], Time.prototype, "format", void 0);
 __decorate([
     property()
-], TimeBar.prototype, "value", void 0);
+], Time.prototype, "value", void 0);
 __decorate([
     property({ type: Object })
-], TimeBar.prototype, "time", void 0);
+], Time.prototype, "time", void 0);
 __decorate([
     property({ type: Number })
-], TimeBar.prototype, "timeout", void 0);
+], Time.prototype, "timeout", void 0);
 __decorate([
     property({ type: Number })
-], TimeBar.prototype, "gap", void 0);
-TimeBar = TimeBar_1 = __decorate([
+], Time.prototype, "gap", void 0);
+Time = Time_1 = __decorate([
     define(defineName)
-], TimeBar);
-export { TimeBar };
-export default TimeBar;
-//# sourceMappingURL=time-bar.js.map
+], Time);
+export { Time };
+export default Time;
+//# sourceMappingURL=time.js.map

package/web-components/text/time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/time.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, type CSSResultGroup, property } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"time\";\n\n/**\n * TimeBar renders a formatting time.\n */\n@define(defineName)\nexport class Time extends GodownElement {\n  /**\n   * Format strings.\n   * {@linkcode Time.fmt}\n   */\n  @property() format = \"YYYY-MM-DD hh:mm:ss UTFZ\";\n  /**\n   * Display content.\n   */\n  @property() value = \"\";\n  /**\n   * Time.\n   */\n  @property({ type: Object }) time = new Date();\n  /**\n   * If there is a value, update every gap or timeout.\n   */\n  @property({ type: Number }) timeout = 0;\n  /**\n   * The number of milliseconds that change with each update.\n   */\n  @property({ type: Number }) gap = 0;\n\n  intervalID: number;\n\n  static styles: CSSResultGroup = [\n    css`\n      :host {\n        text-align: center;\n      }\n    `,\n  ];\n\n  protected render(): string {\n    return this.value || Time.fmt(this.format, this.time);\n  }\n\n  protected firstUpdated() {\n    if (this.timeout) {\n      this.intervalID = setInterval(() => {\n        this.time = new Date(this.time.getTime() + (this.gap || this.timeout));\n      }, Math.abs(this.timeout));\n    }\n  }\n\n  disconnectedCallback() {\n    clearInterval(this.intervalID);\n  }\n\n  /**\n   * @param fm Format string.\n   * @param tm Time.\n   * @returns F.ormat result\\\n   *\n   * Y for years\\\n   * M for months\\\n   * D for days\\\n   * h for hours\\\n   * m for minutes\\\n   * s for seconds\\\n   * Z for time zones.\n   */\n  static fmt(fm: string, tm: Date): string {\n    if (fm === \"\") {\n      return fm;\n    }\n    const rest = [];\n    fm = fm.replace(/%([ZYMDhms%])/g, (_, p1) => {\n      rest.push(p1);\n      return \"%%\";\n    });\n    const formatNumber = (date: number) => date.toString().padStart(2, \"0\").split(\"\");\n    const z = tm.getTimezoneOffset() / -60;\n    const switcher: Record<string, string[]> = {\n      Z: [z >= 0 ? \"+\" + z.toString() : z.toString()],\n      Y: tm.getFullYear().toString().split(\"\"),\n      M: formatNumber(tm.getMonth() + 1),\n      D: formatNumber(tm.getDate()),\n      h: formatNumber(tm.getHours()),\n      m: formatNumber(tm.getMinutes()),\n      s: formatNumber(tm.getSeconds()),\n    };\n    const result: string[] = [];\n    for (const f of fm.split(\"\").reverse()) {\n      if (switcher[f]) {\n        result.push(switcher[f]?.pop());\n      } else {\n        result.push(f);\n      }\n    }\n    return result\n      .reverse()\n      .join(\"\")\n      .replace(/%%/g, () => {\n        return rest.shift();\n      });\n  }\n}\n\nexport default Time;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"time-bar\": Time;\n  }\n}\n"]}

package/web-components/text/{typewriter-text.d.ts → typewriter.d.ts}

@@ -1,16 +1,16 @@
-import { type PropertyValueMap } from "../../deps.js";
+import { type PropertyValueMap } from "../../.deps.js";
 import { type HTMLTemplate } from "../../lib/templates.js";
-import { GodownElement } from "../../root.js";
+import { GodownElement } from "../../supers/root.js";
 /**
  * TypewriterText renders a typewriter effect to text.
  */
-export declare class TypewriterText extends GodownElement {
+export declare class Typewriter extends GodownElement {
     /**
      * Raw text.
      */
     text: string;
     /**
-     * Start immediately after {@linkcode TypewriterText.firstUpdated}.
+     * Start immediately after {@linkcode Typewriter.firstUpdated}.
      */
     stopped: boolean;
     /**
@@ -40,7 +40,7 @@ export declare class TypewriterText extends GodownElement {
     timeoutID: number;
     _i: HTMLElement;
     /**
-     * {@linkcode TypewriterText.text} length.
+     * {@linkcode Typewriter.text} length.
      */
     get len(): number;
     static styles: import("lit").CSSResult[];
@@ -51,10 +51,10 @@ export declare class TypewriterText extends GodownElement {
     stop(): void;
     end(): void;
 }
-export default TypewriterText;
+export default Typewriter;
 declare global {
     interface HTMLElementTagNameMap {
-        "typewriter-text": TypewriterText;
+        "typewriter-text": Typewriter;
     }
 }
-//# sourceMappingURL=typewriter-text.d.ts.map
+//# sourceMappingURL=typewriter.d.ts.map

package/web-components/text/typewriter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/typewriter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,gBAAgB,EAAgB,MAAM,gBAAgB,CAAC;AAE1F,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAe,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAKlE;;GAEG;AACH,qBACa,UAAW,SAAQ,aAAa;IAC3C;;OAEG;IACS,IAAI,SAAM;IACtB;;OAEG;IAC0B,OAAO,UAAS;IAC7C;;OAEG;IAC0B,KAAK,UAAS;IAC3C;;OAEG;IACyB,GAAG,SAAO;IACtC;;OAEG;IACyB,GAAG,SAAM;IACrC;;OAEG;IACyB,KAAK,SAAK;IACtC;;OAEG;IACyB,KAAK,SAAK;IACtC;;OAEG;IACM,OAAO,SAAM;IAEtB,SAAS,EAAE,MAAM,CAAC;IACN,EAAE,EAAE,WAAW,CAAC;IAE5B;;OAEG;IACH,IAAI,GAAG,WAEN;IAED,MAAM,CAAC,MAAM,4BA+BX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,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;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,UAAU,CAAC;KAC/B;CACF"}

package/web-components/text/{typewriter-text.js → typewriter.js}

@@ -1,14 +1,15 @@
 import { __decorate } from "tslib";
-import { css, html, property, query, state } from "../../deps.js";
+import { css, html, property, query, state } from "../../.deps.js";
+import { define } from "../../decorators/define.js";
 import { htmlSlot } from "../../lib/templates.js";
 import { random } from "../../lib/utils.js";
-import { createScope, define, GodownElement } from "../../root.js";
-const defineName = "typewriter-text";
+import { createScope, GodownElement } from "../../supers/root.js";
+const defineName = "typewriter";
 const cssvarScope = createScope(defineName);
 /**
  * TypewriterText renders a typewriter effect to text.
  */
-let TypewriterText = class TypewriterText extends GodownElement {
+let Typewriter = class Typewriter extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -16,7 +17,7 @@ let TypewriterText = class TypewriterText extends GodownElement {
          */
         this.text = "";
         /**
-         * Start immediately after {@linkcode TypewriterText.firstUpdated}.
+         * Start immediately after {@linkcode Typewriter.firstUpdated}.
          */
         this.stopped = false;
         /**
@@ -45,7 +46,7 @@ let TypewriterText = class TypewriterText extends GodownElement {
         this.content = "";
     }
     /**
-     * {@linkcode TypewriterText.text} length.
+     * {@linkcode Typewriter.text} length.
      */
     get len() {
         return this.text.length;
@@ -84,7 +85,7 @@ let TypewriterText = class TypewriterText extends GodownElement {
         this.ended = true;
     }
 };
-TypewriterText.styles = [
+Typewriter.styles = [
     css `
       :host {
         ${cssvarScope}--cursor-width: .05em;
@@ -118,34 +119,34 @@ TypewriterText.styles = [
 ];
 __decorate([
     property()
-], TypewriterText.prototype, "text", void 0);
+], Typewriter.prototype, "text", void 0);
 __decorate([
     property({ type: Boolean })
-], TypewriterText.prototype, "stopped", void 0);
+], Typewriter.prototype, "stopped", void 0);
 __decorate([
     property({ type: Boolean })
-], TypewriterText.prototype, "ended", void 0);
+], Typewriter.prototype, "ended", void 0);
 __decorate([
     property({ type: Number })
-], TypewriterText.prototype, "max", void 0);
+], Typewriter.prototype, "max", void 0);
 __decorate([
     property({ type: Number })
-], TypewriterText.prototype, "min", void 0);
+], Typewriter.prototype, "min", void 0);
 __decorate([
     property({ type: Number })
-], TypewriterText.prototype, "delay", void 0);
+], Typewriter.prototype, "delay", void 0);
 __decorate([
     property({ type: Number })
-], TypewriterText.prototype, "index", void 0);
+], Typewriter.prototype, "index", void 0);
 __decorate([
     state()
-], TypewriterText.prototype, "content", void 0);
+], Typewriter.prototype, "content", void 0);
 __decorate([
     query("i")
-], TypewriterText.prototype, "_i", void 0);
-TypewriterText = __decorate([
+], Typewriter.prototype, "_i", void 0);
+Typewriter = __decorate([
     define(defineName)
-], TypewriterText);
-export { TypewriterText };
-export default TypewriterText;
-//# sourceMappingURL=typewriter-text.js.map
+], Typewriter);
+export { Typewriter };
+export default Typewriter;
+//# sourceMappingURL=typewriter.js.map

package/web-components/text/typewriter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/typewriter.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property, type PropertyValueMap, query, state } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { random } from \"../../lib/utils.js\";\nimport { createScope, GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"typewriter\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * TypewriterText renders a typewriter effect to text.\n */\n@define(defineName)\nexport class Typewriter extends GodownElement {\n  /**\n   * Raw text.\n   */\n  @property() text = \"\";\n  /**\n   * Start immediately after {@linkcode Typewriter.firstUpdated}.\n   */\n  @property({ type: Boolean }) stopped = false;\n  /**\n   * If true, hide the cursor\n   */\n  @property({ type: Boolean }) ended = false;\n  /**\n   * Maximum random time.\n   */\n  @property({ type: Number }) max = 100;\n  /**\n   * Minimum random time.\n   */\n  @property({ type: Number }) min = 50;\n  /**\n   * Fixed time.\n   */\n  @property({ type: Number }) delay = 0;\n  /**\n   * The index at the beginning.\n   */\n  @property({ type: Number }) index = 0;\n  /**\n   * Internal text.\n   */\n  @state() content = \"\";\n\n  timeoutID: number;\n  @query(\"i\") _i: HTMLElement;\n\n  /**\n   * {@linkcode Typewriter.text} length.\n   */\n  get len() {\n    return this.text.length;\n  }\n\n  static styles = [\n    css`\n      :host {\n        ${cssvarScope}--cursor-width: .05em;\n        font-family: monospace;\n        white-space: nowrap;\n      }\n\n      i {\n        border-right: var(${cssvarScope}--cursor-width) solid;\n        margin-left: 0.02em;\n        animation: s 1.5s steps(1) infinite;\n      }\n\n      @keyframes s {\n        0% {\n          border-color: currentColor;\n        }\n        50% {\n          border-color: transparent;\n        }\n      }\n\n      slot {\n        display: none;\n      }\n\n      .hidden {\n        visibility: hidden;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`${htmlSlot()}${this.content}<i class=\"${(this.ended && \"hidden\") || \"\"}\"></i>`;\n  }\n\n  protected firstUpdated() {\n    if (!this.text) {\n      this.text = this.assignedNodes[0]?.textContent.trim() || \"\";\n    }\n    if (!this.stopped && this.len) {\n      this.write();\n    }\n  }\n\n  protected updated(changedProperties: PropertyValueMap<this>) {\n    if (changedProperties.has(\"index\")) {\n      this.dispatchEvent(new CustomEvent(this.index === this.len ? \"done\" : \"write\", { detail: this.content }));\n    }\n  }\n\n  write(at = this.index) {\n    this.content = this.text.slice(0, at + 1);\n    const timeout = this.delay || random(this.max, this.min);\n    this.timeoutID = setTimeout(() => {\n      const nx = at + 1;\n      if (nx <= this.len) {\n        this.index = nx;\n        this.write();\n      }\n    }, timeout);\n  }\n\n  stop() {\n    clearTimeout(this.timeoutID);\n  }\n\n  end() {\n    this.ended = true;\n  }\n}\n\nexport default Typewriter;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"typewriter-text\": Typewriter;\n  }\n}\n"]}

package/web-components/tooltip/tooltip.d.ts

@@ -0,0 +1,25 @@
+import { CSSResultGroup } from "../../.deps.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { type Direction8, GodownOpenable } from "../../supers/openable.js";
+/**
+ * {@linkcode Tooltip} provide tooltip for slot elements, summary as the tips content.
+ *
+ * Content can be opened in 8 directions.
+ */
+export declare class Tooltip extends GodownOpenable {
+    direction: Direction8 | "";
+    /**
+     * Tip content align.
+     */
+    align: "center" | "flex-star" | "flex-end" | "";
+    static styles: CSSResultGroup;
+    protected render(): HTMLTemplate;
+}
+export default Tooltip;
+declare global {
+    interface HTMLElementTagNameMap {
+        "open-tooltip": Tooltip;
+        "g-open-tooltip": Tooltip;
+    }
+}
+//# sourceMappingURL=tooltip.d.ts.map

package/web-components/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAkB,MAAM,gBAAgB,CAAC;AAErE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,KAAK,UAAU,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAK3E;;;;GAIG;AACH,qBACa,OAAQ,SAAQ,cAAc;IACzC,SAAS,EAAE,UAAU,GAAG,EAAE,CAAC;IAC3B;;OAEG;IACS,KAAK,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,EAAE,CAAM;IAEjE,MAAM,CAAC,MAAM,EAAE,cAAc,CAgD3B;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAMjC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,OAAO,CAAC;QACxB,gBAAgB,EAAE,OAAO,CAAC;KAC3B;CACF"}

package/web-components/{open/open-tooltip.js → tooltip/tooltip.js}

@@ -1,15 +1,16 @@
 import { __decorate } from "tslib";
-import { css, html, property } from "../../deps.js";
+import { css, html, property } from "../../.deps.js";
+import { define } from "../../decorators/define.js";
 import { htmlSlot } from "../../lib/templates.js";
-import { cssvarValues, define } from "../../root.js";
-import { OpenableElement } from "./open.js";
-const defineName = "open-tooltip";
+import { GodownOpenable } from "../../supers/openable.js";
+import { cssvarValues } from "../../supers/root.js";
+const defineName = "tooltip";
 /**
- * OpenTooltip provide tooltip for slot elements, summary as the tips content.
+ * {@linkcode Tooltip} provide tooltip for slot elements, summary as the tips content.
  *
  * Content can be opened in 8 directions.
  */
-let OpenTooltip = class OpenTooltip extends OpenableElement {
+let Tooltip = class Tooltip extends GodownOpenable {
     constructor() {
         super(...arguments);
         /**
@@ -24,8 +25,8 @@ let OpenTooltip = class OpenTooltip extends OpenableElement {
     </main>`;
     }
 };
-OpenTooltip.styles = [
-    OpenableElement.styles,
+Tooltip.styles = [
+    GodownOpenable.styles,
     css `
       :host {
         color: var(${cssvarValues.text});
@@ -75,10 +76,10 @@ OpenTooltip.styles = [
 ];
 __decorate([
     property()
-], OpenTooltip.prototype, "align", void 0);
-OpenTooltip = __decorate([
+], Tooltip.prototype, "align", void 0);
+Tooltip = __decorate([
     define(defineName)
-], OpenTooltip);
-export { OpenTooltip };
-export default OpenTooltip;
-//# sourceMappingURL=open-tooltip.js.map
+], Tooltip);
+export { Tooltip };
+export default Tooltip;
+//# sourceMappingURL=tooltip.js.map