godown 2.7.0 → 2.7.2

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

@@ -1 +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"}
+{"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;QAClB,QAAQ,EAAE,IAAI,CAAC;KAChB;CACF"}

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

@@ -1 +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"]}
+{"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    \"g-clip\": Clip;\n  }\n}\n"]}

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

@@ -2,7 +2,7 @@ import { type CSSResultGroup } from "../../.deps.js";
 import { type HTMLTemplate } from "../../lib/templates.js";
 import { GodownElement } from "../../supers/root.js";
 /**
- * OverbreathText renders three animated pieces of text.
+ * {@linkcode Overbreath} renders three animated pieces of text.
  *
  * Inspired by Vercel homepage (2022? - 2023).
  */
@@ -21,6 +21,7 @@ export default Overbreath;
 declare global {
     interface HTMLElementTagNameMap {
         "overbreath-text": Overbreath;
+        "g-overbreath": Overbreath;
     }
 }
 //# sourceMappingURL=overbreath.d.ts.map

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

@@ -1 +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"}
+{"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;QAC9B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/web-components/text/overbreath.js

@@ -5,7 +5,7 @@ import { createScope, cssvar, GodownElement } from "../../supers/root.js";
 const defineName = "overbreath";
 const cssvarScope = createScope(defineName);
 /**
- * OverbreathText renders three animated pieces of text.
+ * {@linkcode Overbreath} renders three animated pieces of text.
  *
  * Inspired by Vercel homepage (2022? - 2023).
  */

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

@@ -1 +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"]}
+{"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 * {@linkcode Overbreath} 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    \"g-overbreath\": Overbreath;\n  }\n}\n"]}

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

@@ -0,0 +1,30 @@
+import { type CSSResultGroup } from "../../.deps.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../supers/root.js";
+/**
+ * {@linkcode Text } renders nowrap text.
+ */
+export declare class Text extends GodownElement {
+    /**
+     * Underline behavior.
+     */
+    underline: "none" | "hover" | "active" | "always" | "";
+    /**
+     * Text format.
+     */
+    case: "upper" | "lower" | "dash" | "camel" | "raw" | "";
+    /**
+     * Text.
+     */
+    text: string;
+    static styles: CSSResultGroup;
+    protected render(): HTMLTemplate;
+    private t;
+}
+export default Text;
+declare global {
+    interface HTMLElementTagNameMap {
+        "g-text": Text;
+    }
+}
+//# sourceMappingURL=text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,gBAAgB,CAAC;AAG1E,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAe,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAMlE;;GAEG;AACH,qBACa,IAAK,SAAQ,aAAa;IACrC;;OAEG;IACS,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,EAAE,CAAU;IAC5E;;OAEG;IACS,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,EAAE,CAAM;IACzE;;OAEG;IACS,IAAI,SAAM;IAEtB,MAAM,CAAC,MAAM,EAAE,cAAc,CAuC3B;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,OAAO,CAAC,CAAC;CAiBV;AAED,eAAe,IAAI,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,IAAI,CAAC;KAChB;CACF"}

package/web-components/text/text.js

@@ -0,0 +1,104 @@
+import { __decorate } from "tslib";
+import { css, html, property } from "../../.deps.js";
+import { define } from "../../decorators/define.js";
+import { ifValue } from "../../lib/directives.js";
+import { htmlSlot } from "../../lib/templates.js";
+import { camelToDash, dashToCamel } from "../../lib/utils.js";
+import { createScope, GodownElement } from "../../supers/root.js";
+const defineName = "text";
+const cssvarScope = createScope(defineName);
+/**
+ * {@linkcode Text } renders nowrap text.
+ */
+let Text = class Text extends GodownElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Underline behavior.
+         */
+        this.underline = "none";
+        /**
+         * Text format.
+         */
+        this.case = "";
+        /**
+         * Text.
+         */
+        this.text = "";
+    }
+    render() {
+        return html `<span class="${this.underline || "always"}">${ifValue(this.text, this.t(), htmlSlot())}</span>`;
+    }
+    t() {
+        const text = this.text;
+        switch (this.case) {
+            case "upper":
+                return text.toUpperCase();
+            case "raw":
+                return text;
+            case "lower":
+                return text.toLowerCase();
+            case "camel":
+                return dashToCamel(text);
+            case "dash":
+                return camelToDash(text);
+            default:
+                return text[0].toUpperCase() + text.slice(1);
+        }
+    }
+};
+Text.styles = [
+    GodownElement.styles,
+    css `
+      :host {
+        ${cssvarScope}--color: currentColor;
+        ${cssvarScope}--color-hover: currentColor;
+        ${cssvarScope}--color-active: currentColor;
+        display: inline-block;
+        text-overflow: ellipsis;
+        overflow-wrap: break-word;
+      }
+
+      span {
+        white-space: nowrap;
+        display: block;
+        text-overflow: inherit;
+        overflow-wrap: inherit;
+        overflow: hidden;
+        color: var(${cssvarScope}--color, inherit);
+      }
+
+      span:hover {
+        color: var(${cssvarScope}--color-hover, inherit);
+      }
+
+      span:active {
+        color: var(${cssvarScope}--color-active, inherit);
+      }
+
+      .hover:hover,
+      .active:active,
+      .always {
+        text-decoration: underline;
+      }
+
+      .none {
+        text-decoration: none;
+      }
+    `,
+];
+__decorate([
+    property()
+], Text.prototype, "underline", void 0);
+__decorate([
+    property()
+], Text.prototype, "case", void 0);
+__decorate([
+    property()
+], Text.prototype, "text", void 0);
+Text = __decorate([
+    define(defineName)
+], Text);
+export { Text };
+export default Text;
+//# sourceMappingURL=text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,UAAU,GAAG,MAAM,CAAC;AAE1B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,aAAa;IAAhC;;QACL;;WAEG;QACS,cAAS,GAAgD,MAAM,CAAC;QAC5E;;WAEG;QACS,SAAI,GAAsD,EAAE,CAAC;QACzE;;WAEG;QACS,SAAI,GAAG,EAAE,CAAC;IAgExB,CAAC;IArBW,MAAM;QACd,OAAO,IAAI,CAAA,gBAAgB,IAAI,CAAC,SAAS,IAAI,QAAQ,KAAK,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,CAAC,SAAS,CAAC;IAC9G,CAAC;IAEO,CAAC;QACP,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;YAC5B,KAAK,KAAK;gBACR,OAAO,IAAI,CAAC;YACd,KAAK,OAAO;gBACV,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;YAC5B,KAAK,OAAO;gBACV,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;YAC3B,KAAK,MAAM;gBACT,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;YAC3B;gBACE,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;;AA7DM,WAAM,GAAmB;IAC9B,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;UAEG,WAAW;UACX,WAAW;UACX,WAAW;;;;;;;;;;;;qBAYA,WAAW;;;;qBAIX,WAAW;;;;qBAIX,WAAW;;;;;;;;;;;;KAY3B;CACF,AAvCY,CAuCX;AAjDU;IAAX,QAAQ,EAAE;uCAAiE;AAIhE;IAAX,QAAQ,EAAE;kCAA8D;AAI7D;IAAX,QAAQ,EAAE;kCAAW;AAZX,IAAI;IADhB,MAAM,CAAC,UAAU,CAAC;GACN,IAAI,CA4EhB;;AAED,eAAe,IAAI,CAAC","sourcesContent":["import { css, type CSSResultGroup, html, property } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { ifValue } from \"../../lib/directives.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { camelToDash, dashToCamel } from \"../../lib/utils.js\";\nimport { createScope, GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"text\";\n\nconst cssvarScope = createScope(defineName);\n\n/**\n * {@linkcode Text } renders nowrap text.\n */\n@define(defineName)\nexport class Text extends GodownElement {\n  /**\n   * Underline behavior.\n   */\n  @property() underline: \"none\" | \"hover\" | \"active\" | \"always\" | \"\" = \"none\";\n  /**\n   * Text format.\n   */\n  @property() case: \"upper\" | \"lower\" | \"dash\" | \"camel\" | \"raw\" | \"\" = \"\";\n  /**\n   * Text.\n   */\n  @property() text = \"\";\n\n  static styles: CSSResultGroup = [\n    GodownElement.styles,\n    css`\n      :host {\n        ${cssvarScope}--color: currentColor;\n        ${cssvarScope}--color-hover: currentColor;\n        ${cssvarScope}--color-active: currentColor;\n        display: inline-block;\n        text-overflow: ellipsis;\n        overflow-wrap: break-word;\n      }\n\n      span {\n        white-space: nowrap;\n        display: block;\n        text-overflow: inherit;\n        overflow-wrap: inherit;\n        overflow: hidden;\n        color: var(${cssvarScope}--color, inherit);\n      }\n\n      span:hover {\n        color: var(${cssvarScope}--color-hover, inherit);\n      }\n\n      span:active {\n        color: var(${cssvarScope}--color-active, inherit);\n      }\n\n      .hover:hover,\n      .active:active,\n      .always {\n        text-decoration: underline;\n      }\n\n      .none {\n        text-decoration: none;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`<span class=\"${this.underline || \"always\"}\">${ifValue(this.text, this.t(), htmlSlot())}</span>`;\n  }\n\n  private t() {\n    const text = this.text;\n    switch (this.case) {\n      case \"upper\":\n        return text.toUpperCase();\n      case \"raw\":\n        return text;\n      case \"lower\":\n        return text.toLowerCase();\n      case \"camel\":\n        return dashToCamel(text);\n      case \"dash\":\n        return camelToDash(text);\n      default:\n        return text[0].toUpperCase() + text.slice(1);\n    }\n  }\n}\n\nexport default Text;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"g-text\": Text;\n  }\n}\n"]}

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

@@ -1,9 +1,13 @@
 import { type CSSResultGroup } from "../../.deps.js";
 import { GodownElement } from "../../supers/root.js";
 /**
- * TimeBar renders a formatting time.
+ * {@linkcode Time} renders a formatting time.
  */
 export declare class Time extends GodownElement {
+    /**
+     * Cancels the next character formatting.
+     */
+    escape: string;
     /**
      * Format strings.
      * {@linkcode Time.fmt}
@@ -31,24 +35,26 @@ export declare class Time extends GodownElement {
     protected firstUpdated(): void;
     disconnectedCallback(): void;
     /**
+     * Y for year\
+     * M for month\
+     * D for day\
+     * h for hour\
+     * m for minute\
+     * s for second\
+     * S for milli Second\
+     * Z for time zone.
+     *
      * @param fm Format string.
      * @param tm Time.
-     * @returns F.ormat result\
-     *
-     * Y for years\
-     * M for months\
-     * D for days\
-     * h for hours\
-     * m for minutes\
-     * s for seconds\
-     * Z for time zones.
+     * @returns Format result
      */
-    static fmt(fm: string, tm: Date): string;
+    static fmt(fm: string, tm: Date, em: string): string;
 }
 export default Time;
 declare global {
     interface HTMLElementTagNameMap {
         "time-bar": Time;
+        "g-time": Time;
     }
 }
 //# sourceMappingURL=time.d.ts.map

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

@@ -1 +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"}
+{"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;;OAEG;IACS,MAAM,SAAO;IACzB;;;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;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM;CA6CrD;AAED,eAAe,IAAI,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,IAAI,CAAC;QACjB,QAAQ,EAAE,IAAI,CAAC;KAChB;CACF"}

package/web-components/text/time.js

@@ -5,11 +5,15 @@ import { define } from "../../decorators/define.js";
 import { GodownElement } from "../../supers/root.js";
 const defineName = "time";
 /**
- * TimeBar renders a formatting time.
+ * {@linkcode Time} renders a formatting time.
  */
 let Time = Time_1 = class Time extends GodownElement {
     constructor() {
         super(...arguments);
+        /**
+         * Cancels the next character formatting.
+         */
+        this.escape = "%";
         /**
          * Format strings.
          * {@linkcode Time.fmt}
@@ -33,7 +37,7 @@ let Time = Time_1 = class Time extends GodownElement {
         this.gap = 0;
     }
     render() {
-        return this.value || Time_1.fmt(this.format, this.time);
+        return this.value || Time_1.fmt(this.format, this.time, this.escape);
     }
     firstUpdated() {
         if (this.timeout) {
@@ -46,28 +50,35 @@ let Time = Time_1 = class Time extends GodownElement {
         clearInterval(this.intervalID);
     }
     /**
+     * Y for year\
+     * M for month\
+     * D for day\
+     * h for hour\
+     * m for minute\
+     * s for second\
+     * S for milli Second\
+     * Z for time zone.
+     *
      * @param fm Format string.
      * @param tm Time.
-     * @returns F.ormat result\
-     *
-     * Y for years\
-     * M for months\
-     * D for days\
-     * h for hours\
-     * m for minutes\
-     * s for seconds\
-     * Z for time zones.
+     * @returns Format result
      */
-    static fmt(fm, tm) {
-        if (fm === "") {
+    static fmt(fm, tm, em) {
+        if (!fm) {
             return fm;
         }
+        if (isNaN(tm.getTime())) {
+            return undefined;
+        }
         const rest = [];
-        fm = fm.replace(/%([ZYMDhms%])/g, (_, p1) => {
+        const replaced = `${em}${em}`;
+        fm = fm.replace(new RegExp(`${em}([ZYMDhmsS${em}])`, "g"), (_, p1) => {
             rest.push(p1);
-            return "%%";
+            return replaced;
         });
-        const formatNumber = (date) => date.toString().padStart(2, "0").split("");
+        function formatNumber(n, max = 2) {
+            return n.toString().padStart(max, "0").split("");
+        }
         const z = tm.getTimezoneOffset() / -60;
         const switcher = {
             Z: [z >= 0 ? "+" + z.toString() : z.toString()],
@@ -77,11 +88,13 @@ let Time = Time_1 = class Time extends GodownElement {
             h: formatNumber(tm.getHours()),
             m: formatNumber(tm.getMinutes()),
             s: formatNumber(tm.getSeconds()),
+            S: formatNumber(tm.getMilliseconds(), 3),
         };
         const result = [];
         for (const f of fm.split("").reverse()) {
-            if (switcher[f]) {
-                result.push(switcher[f]?.pop());
+            const s = switcher[f]?.pop();
+            if (s) {
+                result.push(s);
             }
             else {
                 result.push(f);
@@ -90,7 +103,7 @@ let Time = Time_1 = class Time extends GodownElement {
         return result
             .reverse()
             .join("")
-            .replace(/%%/g, () => {
+            .replace(new RegExp(replaced, "g"), () => {
             return rest.shift();
         });
     }
@@ -102,6 +115,9 @@ Time.styles = [
       }
     `,
 ];
+__decorate([
+    property()
+], Time.prototype, "escape", void 0);
 __decorate([
     property()
 ], Time.prototype, "format", void 0);

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

@@ -1 +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"]}
+{"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 * {@linkcode Time} renders a formatting time.\n */\n@define(defineName)\nexport class Time extends GodownElement {\n  /**\n   * Cancels the next character formatting.\n   */\n  @property() escape = \"%\";\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, this.escape);\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   * Y for year\\\n   * M for month\\\n   * D for day\\\n   * h for hour\\\n   * m for minute\\\n   * s for second\\\n   * S for milli Second\\\n   * Z for time zone.\n   *\n   * @param fm Format string.\n   * @param tm Time.\n   * @returns Format result\n   */\n  static fmt(fm: string, tm: Date, em: string): string {\n    if (!fm) {\n      return fm;\n    }\n    if (isNaN(tm.getTime())) {\n      return undefined;\n    }\n    const rest = [];\n    const replaced = `${em}${em}`;\n    fm = fm.replace(new RegExp(`${em}([ZYMDhmsS${em}])`, \"g\"), (_, p1) => {\n      rest.push(p1);\n      return replaced;\n    });\n\n    function formatNumber(n: number, max = 2) {\n      return n.toString().padStart(max, \"0\").split(\"\");\n    }\n\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      S: formatNumber(tm.getMilliseconds(), 3),\n    };\n    const result: string[] = [];\n    for (const f of fm.split(\"\").reverse()) {\n      const s = switcher[f]?.pop();\n      if (s) {\n        result.push(s);\n      } else {\n        result.push(f);\n      }\n    }\n    return result\n      .reverse()\n      .join(\"\")\n      .replace(new RegExp(replaced, \"g\"), () => {\n        return rest.shift();\n      });\n  }\n}\n\nexport default Time;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"time-bar\": Time;\n    \"g-time\": Time;\n  }\n}\n"]}

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

@@ -2,7 +2,7 @@ import { type PropertyValueMap } from "../../.deps.js";
 import { type HTMLTemplate } from "../../lib/templates.js";
 import { GodownElement } from "../../supers/root.js";
 /**
- * TypewriterText renders a typewriter effect to text.
+ * {@linkcode Typewriter} renders a typewriter effect to text.
  */
 export declare class Typewriter extends GodownElement {
     /**
@@ -55,6 +55,7 @@ export default Typewriter;
 declare global {
     interface HTMLElementTagNameMap {
         "typewriter-text": Typewriter;
+        "g-typewriter": Typewriter;
     }
 }
 //# sourceMappingURL=typewriter.d.ts.map

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

@@ -1 +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"}
+{"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;QAC9B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}

package/web-components/text/typewriter.js

@@ -7,7 +7,7 @@ import { createScope, GodownElement } from "../../supers/root.js";
 const defineName = "typewriter";
 const cssvarScope = createScope(defineName);
 /**
- * TypewriterText renders a typewriter effect to text.
+ * {@linkcode Typewriter} renders a typewriter effect to text.
  */
 let Typewriter = class Typewriter extends GodownElement {
     constructor() {

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

@@ -1 +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"]}
+{"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 * {@linkcode Typewriter} 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    \"g-typewriter\": Typewriter;\n  }\n}\n"]}

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

@@ -19,7 +19,8 @@ export default Tooltip;
 declare global {
     interface HTMLElementTagNameMap {
         "open-tooltip": Tooltip;
-        "g-open-tooltip": Tooltip;
+        "tool-tip": Tooltip;
+        "g-tooltip": Tooltip;
     }
 }
 //# sourceMappingURL=tooltip.d.ts.map

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

@@ -1 +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"}
+{"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,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,OAAO,CAAC;KACtB;CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/tooltip/tooltip.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAkB,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAmB,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,MAAM,UAAU,GAAG,SAAS,CAAC;AAE7B;;;;GAIG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,cAAc;IAApC;;QAEL;;WAEG;QACS,UAAK,GAA6C,EAAE,CAAC;IA0DnE,CAAC;IANW,MAAM;QACd,OAAO,IAAI,CAAA,gCAAgC,IAAI,CAAC,KAAK,IAAI,SAAS;QAC9D,QAAQ,EAAE;sBACI,IAAI,CAAC,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;YACzE,CAAC;IACX,CAAC;;AAvDM,cAAM,GAAmB;IAC9B,cAAc,CAAC,MAAM;IACrB,GAAG,CAAA;;qBAEc,YAAY,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6BjC;IACD,GAAG,CAAA;;;;;;;;;;;;;KAaF;CACF,AAhDY,CAgDX;AAlDU;IAAX,QAAQ,EAAE;sCAAsD;AALtD,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CA+DnB;;AAED,eAAe,OAAO,CAAC","sourcesContent":["import { css, CSSResultGroup, html, property } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { type Direction8, GodownOpenable } from \"../../supers/openable.js\";\nimport { cssvarValues } from \"../../supers/root.js\";\n\nconst defineName = \"tooltip\";\n\n/**\n * {@linkcode Tooltip} provide tooltip for slot elements, summary as the tips content.\n *\n * Content can be opened in 8 directions.\n */\n@define(defineName)\nexport class Tooltip extends GodownOpenable {\n  direction: Direction8 | \"\";\n  /**\n   * Tip content align.\n   */\n  @property() align: \"center\" | \"flex-star\" | \"flex-end\" | \"\" = \"\";\n\n  static styles: CSSResultGroup = [\n    GodownOpenable.styles,\n    css`\n      :host {\n        color: var(${cssvarValues.text});\n        display: inline-flex;\n        transition: 0.3s ease-in-out;\n        justify-content: center;\n      }\n\n      main {\n        display: inline-flex;\n        align-items: center;\n        position: relative;\n        transition: inherit;\n      }\n\n      main,\n      aside {\n        transition: inherit;\n        white-space: nowrap;\n      }\n\n      aside {\n        opacity: 0;\n        position: absolute;\n        transition-property: opacity;\n      }\n\n      :host(:hover) aside,\n      :host([open]) aside {\n        opacity: 1;\n      }\n    `,\n    css`\n      aside[class^=\"top\"] {\n        bottom: 100%;\n      }\n      aside[class^=\"bottom\"] {\n        top: 100%;\n      }\n      aside[class$=\"right\"] {\n        left: 100%;\n      }\n      aside[class$=\"left\"] {\n        right: 100%;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`<main style=\"justify-content:${this.align || \"inherit\"}\">\n      ${htmlSlot()}\n      <aside class=\"${this.direction || \"top\"}\">${this.summary || htmlSlot(\"summary\")}</aside>\n    </main>`;\n  }\n}\n\nexport default Tooltip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"open-tooltip\": Tooltip;\n    \"g-open-tooltip\": Tooltip;\n  }\n}\n"]}
+{"version":3,"file":"tooltip.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/tooltip/tooltip.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAkB,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAmB,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,MAAM,UAAU,GAAG,SAAS,CAAC;AAE7B;;;;GAIG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,cAAc;IAApC;;QAEL;;WAEG;QACS,UAAK,GAA6C,EAAE,CAAC;IA0DnE,CAAC;IANW,MAAM;QACd,OAAO,IAAI,CAAA,gCAAgC,IAAI,CAAC,KAAK,IAAI,SAAS;QAC9D,QAAQ,EAAE;sBACI,IAAI,CAAC,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;YACzE,CAAC;IACX,CAAC;;AAvDM,cAAM,GAAmB;IAC9B,cAAc,CAAC,MAAM;IACrB,GAAG,CAAA;;qBAEc,YAAY,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6BjC;IACD,GAAG,CAAA;;;;;;;;;;;;;KAaF;CACF,AAhDY,CAgDX;AAlDU;IAAX,QAAQ,EAAE;sCAAsD;AALtD,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CA+DnB;;AAED,eAAe,OAAO,CAAC","sourcesContent":["import { css, CSSResultGroup, html, property } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { type Direction8, GodownOpenable } from \"../../supers/openable.js\";\nimport { cssvarValues } from \"../../supers/root.js\";\n\nconst defineName = \"tooltip\";\n\n/**\n * {@linkcode Tooltip} provide tooltip for slot elements, summary as the tips content.\n *\n * Content can be opened in 8 directions.\n */\n@define(defineName)\nexport class Tooltip extends GodownOpenable {\n  direction: Direction8 | \"\";\n  /**\n   * Tip content align.\n   */\n  @property() align: \"center\" | \"flex-star\" | \"flex-end\" | \"\" = \"\";\n\n  static styles: CSSResultGroup = [\n    GodownOpenable.styles,\n    css`\n      :host {\n        color: var(${cssvarValues.text});\n        display: inline-flex;\n        transition: 0.3s ease-in-out;\n        justify-content: center;\n      }\n\n      main {\n        display: inline-flex;\n        align-items: center;\n        position: relative;\n        transition: inherit;\n      }\n\n      main,\n      aside {\n        transition: inherit;\n        white-space: nowrap;\n      }\n\n      aside {\n        opacity: 0;\n        position: absolute;\n        transition-property: opacity;\n      }\n\n      :host(:hover) aside,\n      :host([open]) aside {\n        opacity: 1;\n      }\n    `,\n    css`\n      aside[class^=\"top\"] {\n        bottom: 100%;\n      }\n      aside[class^=\"bottom\"] {\n        top: 100%;\n      }\n      aside[class$=\"right\"] {\n        left: 100%;\n      }\n      aside[class$=\"left\"] {\n        right: 100%;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`<main style=\"justify-content:${this.align || \"inherit\"}\">\n      ${htmlSlot()}\n      <aside class=\"${this.direction || \"top\"}\">${this.summary || htmlSlot(\"summary\")}</aside>\n    </main>`;\n  }\n}\n\nexport default Tooltip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"open-tooltip\": Tooltip;\n    \"tool-tip\": Tooltip;\n    \"g-tooltip\": Tooltip;\n  }\n}\n"]}

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

@@ -20,6 +20,7 @@ export default Wrapper;
 declare global {
     interface HTMLElementTagNameMap {
         "wrap-view": Wrapper;
+        "with-wrap": Wrapper;
         "g-wrapper": Wrapper;
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"wrapper.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/wrapper/wrapper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIrD;;GAEG;AACH,qBACa,OAAQ,SAAQ,aAAa;IACxC;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,MAAM,OAAO,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAM;IACvE;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,MAAM,OAAO,KAAK,CAAM;IAEnD,MAAM,CAAC,MAAM,4BAiDX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAUjC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,OAAO,CAAC;QACrB,WAAW,EAAE,OAAO,CAAC;KACtB;CACF"}
+{"version":3,"file":"wrapper.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/wrapper/wrapper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIrD;;GAEG;AACH,qBACa,OAAQ,SAAQ,aAAa;IACxC;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,MAAM,OAAO,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAM;IACvE;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,MAAM,OAAO,KAAK,CAAM;IAEnD,MAAM,CAAC,MAAM,4BAiDX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAUjC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,OAAO,CAAC;QACrB,WAAW,EAAE,OAAO,CAAC;QACrB,WAAW,EAAE,OAAO,CAAC;KACtB;CACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"wrapper.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/wrapper/wrapper.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,UAAU,GAAG,SAAS,CAAC;AAE7B;;GAEG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QACL;;WAEG;QACS,SAAI,GAAoD,EAAE,CAAC;QACvE;;WAEG;QACS,SAAI,GAAgC,EAAE,CAAC;IA+DrD,CAAC;IAVW,MAAM;QACd,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,IAAI,IAAI,OAAO,QAAQ,CAAC;YACvD,KAAK,MAAM;gBACT,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YAC9B;gBACE,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;;AA5DM,cAAM,GAAG;IACd,GAAG,CAAA;;;;;;KAMF;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwCF;CACF,AAjDY,CAiDX;AAvDU;IAAX,QAAQ,EAAE;qCAA4D;AAI3D;IAAX,QAAQ,EAAE;qCAAwC;AARxC,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CAuEnB;;AAED,eAAe,OAAO,CAAC","sourcesContent":["import { css, html, property } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { icons } from \"../../lib/templates.js\";\nimport { GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"wrapper\";\n\n/**\n * WithWrap is used for wrap content.\n */\n@define(defineName)\nexport class Wrapper extends GodownElement {\n  /**\n   * Behavioral basis.\n   */\n  @property() with: string | keyof typeof icons | \"expand\" | \"icon\" = \"\";\n  /**\n   * Rendered content or slot name.\n   */\n  @property() wrap: string | keyof typeof icons = \"\";\n\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        width: 1em;\n        height: 1em;\n      }\n    `,\n    css`\n      i {\n        width: 100%;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        --e: 0.05em;\n      }\n\n      i::before,\n      i::after {\n        content: \"\";\n        display: block;\n        width: 100%;\n        height: 0.05em;\n        background: currentColor;\n        transition: 0.3s;\n      }\n\n      i::after {\n        transform: translate(0, calc(var(--e) / -2)) rotate(-45deg);\n      }\n\n      i::before {\n        transform: translate(0, calc(var(--e) / 2)) rotate(45deg);\n      }\n\n      .close::after {\n        transform: translate(0, var(--e));\n      }\n\n      .close::before {\n        transform: translate(0, calc(var(--e) * -1));\n      }\n\n      .close {\n        --e: 0.15em;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    switch (this.with) {\n      case \"expand\":\n        return html`<i class=\"${this.wrap || \"close\"}\"></i>`;\n      case \"icon\":\n        return icons[this.wrap]?.();\n      default:\n        return htmlSlot(this.with || this.wrap);\n    }\n  }\n}\n\nexport default Wrapper;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"wrap-view\": Wrapper;\n    \"g-wrapper\": Wrapper;\n  }\n}\n"]}
+{"version":3,"file":"wrapper.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/wrapper/wrapper.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,UAAU,GAAG,SAAS,CAAC;AAE7B;;GAEG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QACL;;WAEG;QACS,SAAI,GAAoD,EAAE,CAAC;QACvE;;WAEG;QACS,SAAI,GAAgC,EAAE,CAAC;IA+DrD,CAAC;IAVW,MAAM;QACd,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,QAAQ;gBACX,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,IAAI,IAAI,OAAO,QAAQ,CAAC;YACvD,KAAK,MAAM;gBACT,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YAC9B;gBACE,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;;AA5DM,cAAM,GAAG;IACd,GAAG,CAAA;;;;;;KAMF;IACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwCF;CACF,AAjDY,CAiDX;AAvDU;IAAX,QAAQ,EAAE;qCAA4D;AAI3D;IAAX,QAAQ,EAAE;qCAAwC;AARxC,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CAuEnB;;AAED,eAAe,OAAO,CAAC","sourcesContent":["import { css, html, property } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { icons } from \"../../lib/templates.js\";\nimport { GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"wrapper\";\n\n/**\n * WithWrap is used for wrap content.\n */\n@define(defineName)\nexport class Wrapper extends GodownElement {\n  /**\n   * Behavioral basis.\n   */\n  @property() with: string | keyof typeof icons | \"expand\" | \"icon\" = \"\";\n  /**\n   * Rendered content or slot name.\n   */\n  @property() wrap: string | keyof typeof icons = \"\";\n\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        width: 1em;\n        height: 1em;\n      }\n    `,\n    css`\n      i {\n        width: 100%;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        --e: 0.05em;\n      }\n\n      i::before,\n      i::after {\n        content: \"\";\n        display: block;\n        width: 100%;\n        height: 0.05em;\n        background: currentColor;\n        transition: 0.3s;\n      }\n\n      i::after {\n        transform: translate(0, calc(var(--e) / -2)) rotate(-45deg);\n      }\n\n      i::before {\n        transform: translate(0, calc(var(--e) / 2)) rotate(45deg);\n      }\n\n      .close::after {\n        transform: translate(0, var(--e));\n      }\n\n      .close::before {\n        transform: translate(0, calc(var(--e) * -1));\n      }\n\n      .close {\n        --e: 0.15em;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    switch (this.with) {\n      case \"expand\":\n        return html`<i class=\"${this.wrap || \"close\"}\"></i>`;\n      case \"icon\":\n        return icons[this.wrap]?.();\n      default:\n        return htmlSlot(this.with || this.wrap);\n    }\n  }\n}\n\nexport default Wrapper;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"wrap-view\": Wrapper;\n    \"with-wrap\": Wrapper;\n    \"g-wrapper\": Wrapper;\n  }\n}\n"]}