godown 2.6.1 → 2.7.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/router/router.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, property, type PropertyValueMap, state } from \"../../.deps.js\";\nimport { conf } from \"../../conf.js\";\nimport { define } from \"../../decorators/define.js\";\nimport RouteTree from \"../../lib/route-tree.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { deepQuerySelectorAll } from \"../../lib/utils.js\";\nimport { GodownElement } from \"../../supers/root.js\";\n\ntype WithRecord<T extends string> = Record<string, any> & Record<T, string>;\n\nconst defineName = \"router\";\n\n/**\n * {@linkcode Router} has basic routing control.\n */\n@define(defineName)\nexport class Router<T = unknown> extends GodownElement {\n  private _routes: (WithRecord<\"path\"> & { component?: T })[] = [];\n  private _routeTree: RouteTree = new RouteTree();\n\n  /**\n   * Component will render.\n   */\n  @state() component: T | HTMLTemplate = null;\n  /**\n   * Dynamic parameters record.\n   */\n  @state() params: Record<string, string> = {};\n  /**\n   * Value of matched path in routes, or null.\n   */\n  @state() path: string = null;\n  /**\n   * Current pathname (location.pathname).\n   */\n  @property() pathname = \"\";\n  /**\n   * Path prefix.\n   */\n  @property() baseURL = \"\";\n  /**\n   * Rendered content when there is no match.\n   */\n  @state() def = htmlSlot();\n  /**\n   * The type of routing query.\n   */\n  @property() type: \"united\" | \"child\" | \"slotted\" | \"field\" = \"united\";\n  /**\n   * Rewrite history.\n   */\n  @state() override = true;\n  /**\n   * Cache accessed.\n   */\n  @property({ type: Boolean }) cache = false;\n\n  /**\n   * Cache record.\n   */\n  record = new Map<string, ReturnType<typeof this.useRouter>>();\n\n  set routes(v) {\n    if (Object.prototype.toString.call(v) !== \"[object Array]\") {\n      return;\n    }\n    this._routes = v;\n    this.reset();\n    for (const route of v) {\n      this._routeTree.insert(route.path);\n    }\n    this.requestUpdate();\n  }\n\n  get routes() {\n    return this._routes;\n  }\n\n  static styles = [\n    css`\n      :host {\n        display: contents;\n      }\n    `,\n  ];\n\n  reset() {\n    this._routeTree = new RouteTree();\n    this.record.clear();\n  }\n\n  protected render(): T | HTMLTemplate {\n    if (this.cache) {\n      const cached = this.record.get(this.pathname);\n      if (cached) {\n        Object.assign(this, cached);\n        return this.component;\n      }\n    }\n    this.params = {};\n    switch (this.type) {\n      case \"field\":\n        this.component = this.fieldComponent();\n        break;\n      case \"child\":\n      case \"slotted\":\n        this.component = this.slottedComponent();\n        break;\n      case \"united\":\n        this.component = this.fieldComponent() ?? this.slottedComponent();\n        break;\n    }\n    return this.component ?? this.def;\n  }\n\n  useRouter() {\n    return {\n      pathname: this.pathname,\n      params: this.params,\n      path: this.path,\n      component: this.component,\n    };\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.pathname = window.location.pathname;\n    if (!this.override) {\n      return;\n    }\n    this.addEvent(window, \"popstate\", () => {\n      this.pathname = window.location.pathname;\n    });\n    const self = this;\n    const pushHistory = history.pushState;\n    history.pushState = function () {\n      pushHistory.apply(this, arguments);\n      self.pathname = window.location.pathname;\n    };\n    const replaceHistory = history.replaceState;\n    history.replaceState = function () {\n      replaceHistory.apply(this, arguments);\n      self.pathname = window.location.pathname;\n    };\n  }\n\n  /**\n   *\n   * @param ur value of useRouter()\n   * @param first whether this path is loaded for the first time\n   */\n  routeChangeCallback: (ur: ReturnType<typeof this.useRouter>, first: boolean) => void = null;\n\n  protected updated(changedProperties: PropertyValueMap<this>) {\n    const shouldDispatch = changedProperties.has(\"pathname\") || changedProperties.has(\"path\");\n    if (shouldDispatch) {\n      const ur = this.useRouter();\n      const noRecord = !this.record.has(this.pathname);\n      if (noRecord) {\n        this.record.set(this.pathname, ur);\n      }\n      this.routeChangeCallback?.(ur, noRecord);\n      this.dispatchEvent(new CustomEvent(\"change\", { detail: ur }));\n    }\n  }\n\n  fieldComponent(usedRouteTemplate?: string): null | T {\n    if (!usedRouteTemplate) {\n      usedRouteTemplate = this.useWhichRoute(this.pathname);\n    }\n    this.path = usedRouteTemplate;\n    if (!usedRouteTemplate) {\n      return null;\n    }\n    this.params = this.parseRouterParams(this.path, this.pathname);\n    const route = this.routes.find((r) => r.path === usedRouteTemplate);\n    if (!route) {\n      return null;\n    }\n    return route.component;\n  }\n\n  slottedComponent(usedRouteTemplate?: string): null | HTMLTemplate {\n    const childNodes = this.querySelectorAll(\":scope > *[slot]\");\n    if (!childNodes.length) {\n      return null;\n    }\n    const slottedPaths = Array.from(childNodes).map((node) => {\n      const slotname = node.getAttribute(\"slot\");\n      return {\n        path: slotname,\n      };\n    });\n    const tempRouteTree = new RouteTree();\n    for (const withPath of slottedPaths) {\n      tempRouteTree.insert(withPath.path);\n    }\n    if (!usedRouteTemplate) {\n      usedRouteTemplate = this.useWhichRoute(this.pathname, undefined, tempRouteTree);\n      if (!usedRouteTemplate) {\n        return null;\n      }\n    }\n    const slotElement = slottedPaths.find((s) => s.path === usedRouteTemplate);\n    if (!slotElement) {\n      return null;\n    }\n    this.params = this.parseRouterParams(usedRouteTemplate, this.pathname);\n    return htmlSlot(slotElement.path);\n  }\n\n  useWhichRoute(path: string, baseURL = this.baseURL, appl: RouteTree = this._routeTree): string | null {\n    return appl.useWhich(baseURL + path);\n  }\n\n  parseRouterParams(routeTemplate: string, originpath: string, appl: RouteTree = this._routeTree): Record<string, string> {\n    return appl.parseParams(originpath, routeTemplate);\n  }\n\n  static updateAll() {\n    const routeViewTagName = conf.nameMap.get(\"route-view\");\n    if (!routeViewTagName) {\n      return;\n    }\n    const routeViewArray = deepQuerySelectorAll<Router>(routeViewTagName, document.body);\n    routeViewArray.forEach((ArrayItem) => {\n      if (!ArrayItem.override) {\n        ArrayItem.pathname = window.location.pathname;\n      }\n    });\n  }\n}\n\nexport default Router;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"route-view\": Router;\n    router: Router;\n  }\n}\n"]}

package/web-components/{loading/skeleton-screen.d.ts → skeleton/skeleton.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";
 /**
- * SkeletonScreen renders a skeleton screen.
+ * {@linkcode Skeleton} renders a skeleton screen.
  *
  * Inspired by Ant-design.
  */
-export declare class SkeletonScreen extends GodownElement {
+export declare class Skeleton extends GodownElement {
     /**
      * Skeleton type.
      */
@@ -23,10 +23,11 @@ export declare class SkeletonScreen extends GodownElement {
     protected render(): HTMLTemplate;
     private renderIcon;
 }
-export default SkeletonScreen;
+export default Skeleton;
 declare global {
     interface HTMLElementTagNameMap {
-        "skeleton-screen": SkeletonScreen;
+        "skeleton-screen": Skeleton;
+        "g-skeleton": Skeleton;
     }
 }
-//# sourceMappingURL=skeleton-screen.d.ts.map
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/skeleton/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAyB,MAAM,gBAAgB,CAAC;AAEjF,OAAO,EAAY,KAAK,YAAY,EAAY,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAA6B,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAKhF;;;;GAIG;AACH,qBACa,QAAS,SAAQ,aAAa;IACzC;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,OAAO,CAAU;IAC5C;;OAEG;IACS,SAAS,EAAE,UAAU,GAAG,SAAS,CAAc;IAC3D;;OAEG;IACM,OAAO,UAAQ;IAExB,MAAM,CAAC,MAAM,iBA+EO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,OAAO,CAAC,UAAU;CAQnB;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,QAAQ,CAAC;QAC5B,YAAY,EAAE,QAAQ,CAAC;KACxB;CACF"}

package/web-components/{loading/skeleton-screen.js → skeleton/skeleton.js}

@@ -1,15 +1,16 @@
 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 { htmlSlot, svgImage } from "../../lib/templates.js";
-import { createScope, cssvarValues, define, GodownElement } from "../../root.js";
-const defineName = "skeleton-screen";
+import { createScope, cssvarValues, GodownElement } from "../../supers/root.js";
+const defineName = "skeleton";
 const cssvarScope = createScope(defineName);
 /**
- * SkeletonScreen renders a skeleton screen.
+ * {@linkcode Skeleton} renders a skeleton screen.
  *
  * Inspired by Ant-design.
  */
-let SkeletonScreen = class SkeletonScreen extends GodownElement {
+let Skeleton = class Skeleton extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -40,7 +41,7 @@ let SkeletonScreen = class SkeletonScreen extends GodownElement {
         }
     }
 };
-SkeletonScreen.styles = [
+Skeleton.styles = [
     GodownElement.styles,
     css `
       :host {
@@ -122,16 +123,16 @@ SkeletonScreen.styles = [
 ];
 __decorate([
     property()
-], SkeletonScreen.prototype, "type", void 0);
+], Skeleton.prototype, "type", void 0);
 __decorate([
     property()
-], SkeletonScreen.prototype, "animation", void 0);
+], Skeleton.prototype, "animation", void 0);
 __decorate([
     state()
-], SkeletonScreen.prototype, "loading", void 0);
-SkeletonScreen = __decorate([
+], Skeleton.prototype, "loading", void 0);
+Skeleton = __decorate([
     define(defineName)
-], SkeletonScreen);
-export { SkeletonScreen };
-export default SkeletonScreen;
-//# sourceMappingURL=skeleton-screen.js.map
+], Skeleton);
+export { Skeleton };
+export default Skeleton;
+//# sourceMappingURL=skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/skeleton/skeleton.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEhF,MAAM,UAAU,GAAG,UAAU,CAAC;AAC9B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;;;GAIG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,aAAa;IAApC;;QACL;;WAEG;QACS,SAAI,GAAqB,MAAM,CAAC;QAC5C;;WAEG;QACS,cAAS,GAA2B,UAAU,CAAC;QAC3D;;WAEG;QACM,YAAO,GAAG,IAAI,CAAC;IAkG1B,CAAC;IAfW,MAAM;QACd,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;QACrE,CAAC;QACD,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAEO,UAAU;QAChB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,MAAM;gBACT,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC1B,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;;AA/FM,eAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;;;;;UAMG,WAAW,mBAAmB,YAAY,CAAC,OAAO;UAClD,WAAW,iBAAiB,YAAY,CAAC,OAAO;UAChD,WAAW;UACX,WAAW,oBAAoB,YAAY,CAAC,OAAO;UACnD,WAAW,qBAAqB,YAAY,CAAC,IAAI;UACjD,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;qBACA,WAAW;0BACN,WAAW;;;;;;yBAMZ,WAAW;;;;gDAIY,WAAW,eAAe,WAAW,oBAAoB,WAAW,kBAAkB,WAAW;;;;;;;;;;;;;;;;0BAgBvH,WAAW;;;;;;;;;;;;;;;oBAejB,WAAW;;;;;qBAKV,WAAW;sBACV,WAAW;;;;sBAIX,WAAW;;;;;;;;;KAS5B;CACgB,AA/EN,CA+EO;AAzFR;IAAX,QAAQ,EAAE;sCAAiC;AAIhC;IAAX,QAAQ,EAAE;2CAAgD;AAIlD;IAAR,KAAK,EAAE;yCAAgB;AAZb,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CA8GpB;;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import { css, type CSSResultGroup, html, property, state } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate, svgImage } from \"../../lib/templates.js\";\nimport { createScope, cssvarValues, GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"skeleton\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * {@linkcode Skeleton} renders a skeleton screen.\n *\n * Inspired by Ant-design.\n */\n@define(defineName)\nexport class Skeleton extends GodownElement {\n  /**\n   * Skeleton type.\n   */\n  @property() type: \"text\" | \"image\" = \"text\";\n  /**\n   * Animation type.\n   */\n  @property() animation: \"position\" | \"opacity\" = \"position\";\n  /**\n   * If false, hidden.\n   */\n  @state() loading = true;\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host {\n        display: block;\n        min-height: 1.5em;\n        width: 100%;\n        overflow: hidden;\n        ${cssvarScope}--from: rgb(var(${cssvarValues.textRGB}) / 7.5%);\n        ${cssvarScope}--to: rgb(var(${cssvarValues.textRGB}) / 20%);\n        ${cssvarScope}--deg: 94deg;\n        ${cssvarScope}--color: rgb(var(${cssvarValues.textRGB}) / 50%);\n        ${cssvarScope}--background: var(${cssvarValues.main});\n        ${cssvarScope}--duration: 1.5s;\n        ${cssvarScope}--icon-width: 5em;\n        ${cssvarScope}--icon-height: 5em;\n        ${cssvarScope}--icon-margin: .75em;\n        color: var(${cssvarScope}--color);\n        background: var(${cssvarScope}--background);\n      }\n\n      p {\n        height: 100%;\n        min-height: inherit;\n        animation: var(${cssvarScope}--duration) ease-in-out 0s infinite none running;\n      }\n\n      p.position {\n        background-image: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--from) 36%, var(${cssvarScope}--to) 50%, var(${cssvarScope}--from) 64%);\n        background-color: transparent;\n        background-size: 200% 100%;\n        animation-name: po;\n      }\n\n      @keyframes po {\n        from {\n          background-position: 150% center;\n        }\n        to {\n          background-position: -50% center;\n        }\n      }\n\n      p.opacity {\n        background: var(${cssvarScope}--from);\n        animation-name: op;\n        animation-direction: alternate;\n      }\n\n      @keyframes op {\n        50% {\n          opacity: 0.2;\n        }\n        to {\n          opacity: 1;\n        }\n      }\n\n      path {\n        fill: var(${cssvarScope}--color);\n      }\n\n      svg,\n      slot {\n        width: var(${cssvarScope}--icon-width);\n        height: var(${cssvarScope}--icon-height);\n      }\n\n      svg {\n        margin: var(${cssvarScope}--icon-margin);\n      }\n\n      p,\n      svg {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    if (this.loading) {\n      return html`<p class=\"${this.animation}\">${this.renderIcon()}</p>`;\n    }\n    return htmlSlot();\n  }\n\n  private renderIcon(): HTMLTemplate {\n    switch (this.type) {\n      case \"text\":\n        return htmlSlot(\"icon\");\n      case \"image\":\n        return svgImage();\n    }\n  }\n}\n\nexport default Skeleton;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"skeleton-screen\": Skeleton;\n    \"g-skeleton\": Skeleton;\n  }\n}\n"]}

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

@@ -1,12 +1,12 @@
-import { type CSSResultGroup, type PropertyValueMap } from "../../deps.js";
+import { type CSSResultGroup, type PropertyValueMap } from "../../.deps.js";
 import { type HTMLTemplate } from "../../lib/templates.js";
-import { GodownElement } from "../../root.js";
+import { GodownElement } from "../../supers/root.js";
 /**
- * TabGroup used to support multiple tabs.
+ * {@linkcode GodownTab} used to support multiple tab.
  *
  * Inspired by Next-ui.
  */
-export declare class TabGroup extends GodownElement {
+export declare class Tabs extends GodownElement {
     /**
      * Active slot name.
      */
@@ -20,7 +20,7 @@ export declare class TabGroup extends GodownElement {
      */
     align: string;
     /**
-     * Header texts or slot names, if headers is a zero value, it is taken from the {@linkcode TabGroup.contents}.
+     * Header texts or slot names, if headers is a zero value, it is taken from the {@linkcode Tabs.contents}.
      */
     headers: string[] | void;
     /**
@@ -42,10 +42,11 @@ export declare class TabGroup extends GodownElement {
      */
     getTabs(): void;
 }
-export default TabGroup;
+export default Tabs;
 declare global {
     interface HTMLElementTagNameMap {
-        "tab-group": TabGroup;
+        "tab-group": Tabs;
+        "g-tabs": Tabs;
     }
 }
-//# sourceMappingURL=tab-group.d.ts.map
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAkB,KAAK,gBAAgB,EAAS,MAAM,gBAAgB,CAAC;AAGxG,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAA6B,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAMhF;;;;GAIG;AACH,qBACa,IAAK,SAAQ,aAAa;IACrC;;OAEG;IACS,KAAK,SAAM;IACvB;;OAEG;IACS,GAAG,SAAM;IACrB;;OAEG;IACS,KAAK,SAAW;IAC5B;;OAEG;IACM,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAClC;;OAEG;IACM,QAAQ,EAAE,MAAM,EAAE,CAAC;IAE5B,MAAM,CAAC,MAAM,iBA0CO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAoBhC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAkB3D;;;;OAIG;IACH,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,UAAQ;IAalC,iBAAiB;IAWjB;;OAEG;IACH,OAAO;CAGR;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/{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":";;AAAA,OAAO,EAAE,GAAG,EAAuB,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,UAAU,GAAG,MAAM,CAAC;AAE1B;;GAEG;AAEI,IAAM,IAAI,YAAV,MAAM,IAAK,SAAQ,aAAa;IAAhC;;QACL;;;WAGG;QACS,WAAM,GAAG,0BAA0B,CAAC;QAChD;;WAEG;QACS,UAAK,GAAG,EAAE,CAAC;QACvB;;WAEG;QACyB,SAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QAC9C;;WAEG;QACyB,YAAO,GAAG,CAAC,CAAC;QACxC;;WAEG;QACyB,QAAG,GAAG,CAAC,CAAC;IA4EtC,CAAC;IAhEW,MAAM;QACd,OAAO,IAAI,CAAC,KAAK,IAAI,MAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACxD,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;gBACjC,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;YACzE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACjC,CAAC;IAED;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,GAAG,CAAC,EAAU,EAAE,EAAQ;QAC7B,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;YACd,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,IAAI,GAAG,EAAE,CAAC;QAChB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE;YAC1C,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACd,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;QACH,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAClF,MAAM,CAAC,GAAG,EAAE,CAAC,iBAAiB,EAAE,GAAG,CAAC,EAAE,CAAC;QACvC,MAAM,QAAQ,GAA6B;YACzC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YAC/C,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;YACxC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;YAClC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC;YAC7B,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC;YAC9B,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;YAChC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;SACjC,CAAC;QACF,MAAM,MAAM,GAAa,EAAE,CAAC;QAC5B,KAAK,MAAM,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;YACvC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;gBAChB,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;YAClC,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACjB,CAAC;QACH,CAAC;QACD,OAAO,MAAM;aACV,OAAO,EAAE;aACT,IAAI,CAAC,EAAE,CAAC;aACR,OAAO,CAAC,KAAK,EAAE,GAAG,EAAE;YACnB,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;QACtB,CAAC,CAAC,CAAC;IACP,CAAC;;AAvEM,WAAM,GAAmB;IAC9B,GAAG,CAAA;;;;KAIF;CACF,AANY,CAMX;AA1BU;IAAX,QAAQ,EAAE;oCAAqC;AAIpC;IAAX,QAAQ,EAAE;mCAAY;AAIK;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCAAmB;AAIlB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAAa;AAIZ;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iCAAS;AArBzB,IAAI;IADhB,MAAM,CAAC,UAAU,CAAC;GACN,IAAI,CAiGhB;;AAED,eAAe,IAAI,CAAC","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"}