godown 2.5.1 → 2.6.0

package/{view/std.d.ts → web-components/open/open.d.ts}

@@ -1,11 +1,11 @@
-import { type CSSResultGroup, type PropertyValueMap } from "../deps.js";
-import { EventsNames } from "../lib/event-collection.js";
-import { GodownElement } from "../root.js";
+import { type CSSResultGroup, type PropertyValueMap } from "../../deps.js";
+import { EventsNames } from "../../lib/event-collection.js";
+import { GodownElement } from "../../root.js";
 export type Direction4 = "left" | "right" | "top" | "bottom";
 export type Direction5 = Direction4 | "center";
 export type Direction8 = Direction4 | "top-left" | "top-right" | "bottom-left" | "bottom-right";
 export type OnEvents = EventsNames | "";
-export declare class OpenAble extends GodownElement {
+export declare class OpenableElement extends GodownElement {
     /**
      * Summary text.
      */
@@ -33,5 +33,5 @@ export declare class OpenAble extends GodownElement {
     protected updated(changedProperties: PropertyValueMap<this>): void;
     protected _handelClick(_: MouseEvent): void;
 }
-export default OpenAble;
-//# sourceMappingURL=std.d.ts.map
+export default OpenableElement;
+//# sourceMappingURL=open.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"open.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/open/open.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAY,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE/C,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAEhG,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC;AAExC,qBAAa,eAAgB,SAAQ,aAAa;IAChD;;OAEG;IACS,OAAO,SAAM;IACzB;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACyC,IAAI,UAAS;IACzD;;OAEG;IACS,EAAE,EAAE,QAAQ,CAAM;IAC9B;;OAEG;IACS,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,EAAE,CAAM;IAEtE,MAAM,CAAC,MAAM,iBA0DO;IAEpB,MAAM,CAAC,EAAE,UAAa;IAItB,KAAK;IAIL,IAAI;IAIJ,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAQ3D,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAGrC;AAED,eAAe,eAAe,CAAC"}

package/{view/std.js → web-components/open/open.js}

@@ -1,12 +1,7 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, property } from "../deps.js";
-import { GodownElement } from "../root.js";
-export class OpenAble extends GodownElement {
+import { __decorate } from "tslib";
+import { css, property } from "../../deps.js";
+import { GodownElement } from "../../root.js";
+export class OpenableElement extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -30,29 +25,9 @@ export class OpenAble extends GodownElement {
          */
         this.direction = "";
     }
-    toggle(to = !this.open) {
-        this.open = to;
-    }
-    close() {
-        this.open = false;
-    }
-    show() {
-        this.open = true;
-    }
-    updated(changedProperties) {
-        const open = changedProperties.get("open");
-        if (typeof open === typeof !0) {
-            this.dispatchEvent(new CustomEvent("change", { detail: this.open }));
-        }
-    }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    _handelClick(_) {
-        this.toggle();
-    }
-}
-OpenAble.styles = [
-    GodownElement.styles,
-    css `
+    static { this.styles = [
+        GodownElement.styles,
+        css `
       :host {
         display: block;
         transition:
@@ -108,21 +83,41 @@ OpenAble.styles = [
         position: absolute;
       }
     `,
-];
+    ]; }
+    toggle(to = !this.open) {
+        this.open = to;
+    }
+    close() {
+        this.open = false;
+    }
+    show() {
+        this.open = true;
+    }
+    updated(changedProperties) {
+        const open = changedProperties.get("open");
+        if (typeof open === typeof !0) {
+            this.dispatchEvent(new CustomEvent("change", { detail: this.open }));
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _handelClick(_) {
+        this.toggle();
+    }
+}
 __decorate([
     property()
-], OpenAble.prototype, "summary", void 0);
+], OpenableElement.prototype, "summary", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], OpenAble.prototype, "float", void 0);
+], OpenableElement.prototype, "float", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
-], OpenAble.prototype, "open", void 0);
+], OpenableElement.prototype, "open", void 0);
 __decorate([
     property()
-], OpenAble.prototype, "on", void 0);
+], OpenableElement.prototype, "on", void 0);
 __decorate([
     property()
-], OpenAble.prototype, "direction", void 0);
-export default OpenAble;
-//# sourceMappingURL=std.js.map
+], OpenableElement.prototype, "direction", void 0);
+export default OpenableElement;
+//# sourceMappingURL=open.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"open.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/open/open.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,QAAQ,EAAyB,MAAM,eAAe,CAAC;AAE1F,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAU9C,MAAM,OAAO,eAAgB,SAAQ,aAAa;IAAlD;;QACE;;WAEG;QACS,YAAO,GAAG,EAAE,CAAC;QACzB;;WAEG;QACyC,UAAK,GAAG,KAAK,CAAC;QAC1D;;WAEG;QACyC,SAAI,GAAG,KAAK,CAAC;QACzD;;WAEG;QACS,OAAE,GAAa,EAAE,CAAC;QAC9B;;WAEG;QACS,cAAS,GAA8C,EAAE,CAAC;IAqFxE,CAAC;aAnFQ,WAAM,GAAG;QACd,aAAa,CAAC,MAAM;QACpB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuDF;KACgB,AA1DN,CA0DO;IAEpB,MAAM,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,IAAI;QACpB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACjB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAES,OAAO,CAAC,iBAAyC;QACzD,MAAM,IAAI,GAAG,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,OAAO,IAAI,KAAK,OAAO,CAAC,CAAC,EAAE,CAAC;YAC9B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACvE,CAAC;IACH,CAAC;IAED,6DAA6D;IACnD,YAAY,CAAC,CAAa;QAClC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;;AApGW;IAAX,QAAQ,EAAE;gDAAc;AAImB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAe;AAId;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAc;AAI7C;IAAX,QAAQ,EAAE;2CAAmB;AAIlB;IAAX,QAAQ,EAAE;kDAA2D;AAuFxE,eAAe,eAAe,CAAC","sourcesContent":["import { css, type CSSResultGroup, property, type PropertyValueMap } from \"../../deps.js\";\nimport { EventsNames } from \"../../lib/event-collection.js\";\nimport { GodownElement } from \"../../root.js\";\n\nexport type Direction4 = \"left\" | \"right\" | \"top\" | \"bottom\";\n\nexport type Direction5 = Direction4 | \"center\";\n\nexport type Direction8 = Direction4 | \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n\nexport type OnEvents = EventsNames | \"\";\n\nexport class OpenableElement extends GodownElement {\n  /**\n   * Summary text.\n   */\n  @property() summary = \"\";\n  /**\n   * Make the content float.\n   */\n  @property({ type: Boolean, reflect: true }) float = false;\n  /**\n   * Open the content.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n  /**\n   * Enable event mode.\n   */\n  @property() on: OnEvents = \"\";\n  /**\n   * Direction of appearance.\n   */\n  @property() direction: Direction4 | Direction8 | Direction5 | \"\" = \"\";\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host {\n        display: block;\n        transition:\n          all 0.3s ease-in-out,\n          color 0s,\n          background 0s;\n        height: fit-content;\n      }\n\n      span {\n        display: inline-flex;\n        align-items: center;\n        flex: 1;\n        white-space: nowrap;\n      }\n\n      dl {\n        height: 100%;\n        position: relative;\n        overflow: hidden;\n      }\n\n      dt {\n        display: flex;\n        flex-wrap: nowrap;\n        justify-content: space-between;\n        background: inherit;\n        align-items: center;\n        height: 100%;\n      }\n\n      * {\n        transition: inherit;\n      }\n\n      dd {\n        overflow: hidden;\n        display: grid;\n        grid-template-rows: 0fr;\n      }\n\n      section {\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      :host([open]) dd {\n        grid-template-rows: 1fr;\n      }\n\n      :host([float]) dd {\n        top: 100%;\n        position: absolute;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  toggle(to = !this.open) {\n    this.open = to;\n  }\n\n  close() {\n    this.open = false;\n  }\n\n  show() {\n    this.open = true;\n  }\n\n  protected updated(changedProperties: PropertyValueMap<this>) {\n    const open = changedProperties.get(\"open\");\n    if (typeof open === typeof !0) {\n      this.dispatchEvent(new CustomEvent(\"change\", { detail: this.open }));\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected _handelClick(_: MouseEvent) {\n    this.toggle();\n  }\n}\n\nexport default OpenableElement;\n"]}

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

@@ -1,10 +1,10 @@
-import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../lib/templates.js";
-import EffectSTD from "./std.js";
+import { type CSSResultGroup } from "../../deps.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * ClipText renders a gradient text.
  */
-export declare class ClipText extends EffectSTD {
+export declare class ClipText extends GodownElement {
     /**
      * The text to be clipped.
      */

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

@@ -0,0 +1 @@
+{"version":3,"file":"clip-text.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/clip-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAY,MAAM,eAAe,CAAC;AACnE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAA+B,aAAa,EAAE,MAAM,eAAe,CAAC;AAK3E;;GAEG;AACH,qBACa,QAAS,SAAQ,aAAa;IACzC;;OAEG;IACS,IAAI,SAAM;IAEtB,MAAM,CAAC,MAAM,iBAaO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY,GAAG,MAAM;CAG1C;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

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

@@ -0,0 +1,44 @@
+import { __decorate } from "tslib";
+import { css, property } from "../../deps.js";
+import { htmlSlot } from "../../lib/templates.js";
+import { createScope, cssvar, define, GodownElement } from "../../root.js";
+const defineName = "clip-text";
+const cssvarScope = createScope(defineName);
+/**
+ * ClipText renders a gradient text.
+ */
+let ClipText = class ClipText extends GodownElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * The text to be clipped.
+         */
+        this.text = "";
+    }
+    static { this.styles = [
+        GodownElement.styles,
+        css `
+      :host {
+        ${cssvarScope}--clip-background: var(${cssvar}--clip-background);
+        background: var(${cssvarScope}--clip-background);
+        color: transparent;
+        -webkit-text-fill-color: transparent;
+        background-clip: text !important;
+        -webkit-background-clip: text !important;
+        display: inline-flex;
+      }
+    `,
+    ]; }
+    render() {
+        return this.text || htmlSlot();
+    }
+};
+__decorate([
+    property()
+], ClipText.prototype, "text", void 0);
+ClipText = __decorate([
+    define(defineName)
+], ClipText);
+export { ClipText };
+export default ClipText;
+//# sourceMappingURL=clip-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clip-text.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/clip-text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,QAAQ,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE3E,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,aAAa;IAApC;;QACL;;WAEG;QACS,SAAI,GAAG,EAAE,CAAC;IAoBxB,CAAC;aAlBQ,WAAM,GAAG;QACd,aAAa,CAAC,MAAM;QACpB,GAAG,CAAA;;UAEG,WAAW,0BAA0B,MAAM;0BAC3B,WAAW;;;;;;;KAOhC;KACgB,AAbN,CAaO;IAEV,MAAM;QACd,OAAO,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;IACjC,CAAC;;AAnBW;IAAX,QAAQ,EAAE;sCAAW;AAJX,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAwBpB;;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import { css, type CSSResultGroup, property } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, cssvar, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"clip-text\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * ClipText renders a gradient text.\n */\n@define(defineName)\nexport class ClipText 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 ClipText;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"clip-text\": ClipText;\n  }\n}\n"]}

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

@@ -1,12 +1,12 @@
-import { type CSSResultGroup } from "../deps.js";
-import EffectSTD from "./std.js";
-import { type HTMLTemplate } from "../lib/templates.js";
+import { type CSSResultGroup } from "../../deps.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * OverbreathText renders three animated pieces of text.
  *
  * Inspired by Vercel homepage (2022? - 2023).
  */
-export declare class OverbreathText extends EffectSTD {
+export declare class OverbreathText extends GodownElement {
     /**
      * One of the texts.
      */

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

@@ -0,0 +1 @@
+{"version":3,"file":"overbreath-text.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/overbreath-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAA+B,aAAa,EAAE,MAAM,eAAe,CAAC;AAK3E;;;;GAIG;AACH,qBACa,cAAe,SAAQ,aAAa;IAC/C;;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,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}

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

@@ -1,12 +1,6 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { createScope, cssvar, define } from "../root.js";
-import { css, html, property } from "../deps.js";
-import EffectSTD from "./std.js";
+import { __decorate } from "tslib";
+import { css, html, property } from "../../deps.js";
+import { createScope, cssvar, define, GodownElement } from "../../root.js";
 const defineName = "overbreath-text";
 const cssvarScope = createScope(defineName);
 /**
@@ -14,7 +8,7 @@ const cssvarScope = createScope(defineName);
  *
  * Inspired by Vercel homepage (2022? - 2023).
  */
-let OverbreathText = class OverbreathText extends EffectSTD {
+let OverbreathText = class OverbreathText extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -26,19 +20,9 @@ let OverbreathText = class OverbreathText extends EffectSTD {
         // As t2.
         this.t3 = "";
     }
-    render() {
-        return [this.t1, this.t2, this.t3].map(this.renderText);
-    }
-    renderText(text) {
-        return html `<span class="rel">
-      <span class="bg">${text}</span>
-      <span class="fg">${text}</span>
-    </span>`;
-    }
-};
-OverbreathText.styles = [
-    EffectSTD.styles,
-    css `
+    static { this.styles = [
+        GodownElement.styles,
+        css `
       :host {
         ${cssvarScope}--1-1: #ae0ca5;
         ${cssvarScope}--1-2: #ffd802;
@@ -52,7 +36,7 @@ OverbreathText.styles = [
         ${cssvarScope}--3: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--3-1), var(${cssvarScope}--3-2));
       }
     `,
-    css `
+        css `
       :host {
         display: flex;
         margin: auto;
@@ -120,7 +104,7 @@ OverbreathText.styles = [
         animation: text3 8s infinite;
       }
     `,
-    css `
+        css `
       @keyframes lg1 {
         0%,
         16.667%,
@@ -200,7 +184,7 @@ OverbreathText.styles = [
         }
       }
     `,
-    css `
+        css `
       span.bg {
         ${cssvarScope}--clip-background: var(${cssvar}--clip-background);
         background: var(${cssvarScope}--clip-background);
@@ -213,7 +197,17 @@ OverbreathText.styles = [
         display: inline-flex;
       }
     `,
-];
+    ]; }
+    render() {
+        return [this.t1, this.t2, this.t3].map(this.renderText);
+    }
+    renderText(text) {
+        return html `<span class="rel">
+      <span class="bg">${text}</span>
+      <span class="fg">${text}</span>
+    </span>`;
+    }
+};
 __decorate([
     property()
 ], OverbreathText.prototype, "t1", void 0);

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

@@ -0,0 +1 @@
+{"version":3,"file":"overbreath-text.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/overbreath-text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE3E,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;;;GAIG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,aAAa;IAA1C;;QACL;;WAEG;QACS,OAAE,GAAG,EAAE,CAAC;QACpB,SAAS;QACG,OAAE,GAAG,EAAE,CAAC;QACpB,SAAS;QACG,OAAE,GAAG,EAAE,CAAC;IA+LtB,CAAC;aA7LQ,WAAM,GAAG;QACd,aAAa,CAAC,MAAM;QACpB,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;QACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA2CyB,WAAW;;;;;gCAKX,WAAW;;;;;gCAKX,WAAW;;;;;;;;;;;;;;KActC;QACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+EF;QACD,GAAG,CAAA;;UAEG,WAAW,0BAA0B,MAAM;0BAC3B,WAAW;;;;;;;;;KAShC;KACgB,AAjLN,CAiLO;IAEV,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;;AAlMW;IAAX,QAAQ,EAAE;0CAAS;AAER;IAAX,QAAQ,EAAE;0CAAS;AAER;IAAX,QAAQ,EAAE;0CAAS;AART,cAAc;IAD1B,MAAM,CAAC,UAAU,CAAC;GACN,cAAc,CAuM1B;;AAED,eAAe,cAAc,CAAC","sourcesContent":["import { css, type CSSResultGroup, html, property } from \"../../deps.js\";\nimport { type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, cssvar, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"overbreath-text\";\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 OverbreathText 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 OverbreathText;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"overbreath-text\": OverbreathText;\n  }\n}\n"]}

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

@@ -1,10 +1,10 @@
-import { type PropertyValueMap } from "../deps.js";
-import { type HTMLTemplate } from "../lib/templates.js";
-import EffectSTD from "./std.js";
+import { type PropertyValueMap } from "../../deps.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * TypewriterText renders a typewriter effect to text.
  */
-export declare class TypewriterText extends EffectSTD {
+export declare class TypewriterText extends GodownElement {
     /**
      * Raw text.
      */

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

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter-text.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/typewriter-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,gBAAgB,EAAgB,MAAM,eAAe,CAAC;AACzF,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAuB,aAAa,EAAE,MAAM,eAAe,CAAC;AAKnE;;GAEG;AACH,qBACa,cAAe,SAAQ,aAAa;IAC/C;;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,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}

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

@@ -1,20 +1,14 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { createScope, define } from "../root.js";
-import { css, html, property, query, state } from "../deps.js";
-import { htmlSlot } from "../lib/templates.js";
-import EffectSTD from "./std.js";
-import { random } from "../lib/utils.js";
+import { __decorate } from "tslib";
+import { css, html, property, query, state } from "../../deps.js";
+import { htmlSlot } from "../../lib/templates.js";
+import { random } from "../../lib/utils.js";
+import { createScope, define, GodownElement } from "../../root.js";
 const defineName = "typewriter-text";
 const cssvarScope = createScope(defineName);
 /**
  * TypewriterText renders a typewriter effect to text.
  */
-let TypewriterText = class TypewriterText extends EffectSTD {
+let TypewriterText = class TypewriterText extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -56,6 +50,38 @@ let TypewriterText = class TypewriterText extends EffectSTD {
     get len() {
         return this.text.length;
     }
+    static { this.styles = [
+        css `
+      :host {
+        ${cssvarScope}--cursor-width: .05em;
+        font-family: monospace;
+        white-space: nowrap;
+      }
+
+      i {
+        border-right: var(${cssvarScope}--cursor-width) solid;
+        margin-left: 0.02em;
+        animation: s 1.5s steps(1) infinite;
+      }
+
+      @keyframes s {
+        0% {
+          border-color: currentColor;
+        }
+        50% {
+          border-color: transparent;
+        }
+      }
+
+      slot {
+        display: none;
+      }
+
+      .hidden {
+        visibility: hidden;
+      }
+    `,
+    ]; }
     render() {
         return html `${htmlSlot()}${this.content}<i class="${(this.ended && "hidden") || ""}"></i>`;
     }
@@ -90,38 +116,6 @@ let TypewriterText = class TypewriterText extends EffectSTD {
         this.ended = true;
     }
 };
-TypewriterText.styles = [
-    css `
-      :host {
-        ${cssvarScope}--cursor-width: .05em;
-        font-family: monospace;
-        white-space: nowrap;
-      }
-
-      i {
-        border-right: var(${cssvarScope}--cursor-width) solid;
-        margin-left: 0.02em;
-        animation: s 1.5s steps(1) infinite;
-      }
-
-      @keyframes s {
-        0% {
-          border-color: currentColor;
-        }
-        50% {
-          border-color: transparent;
-        }
-      }
-
-      slot {
-        display: none;
-      }
-
-      .hidden {
-        visibility: hidden;
-      }
-    `,
-];
 __decorate([
     property()
 ], TypewriterText.prototype, "text", void 0);

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

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter-text.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/typewriter-text.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property, type PropertyValueMap, query, state } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { random } from \"../../lib/utils.js\";\nimport { createScope, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"typewriter-text\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * TypewriterText renders a typewriter effect to text.\n */\n@define(defineName)\nexport class TypewriterText extends GodownElement {\n  /**\n   * Raw text.\n   */\n  @property() text = \"\";\n  /**\n   * Start immediately after {@linkcode TypewriterText.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 TypewriterText.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 TypewriterText;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"typewriter-text\": TypewriterText;\n  }\n}\n"]}

package/{view → web-components/view}/route-view.d.ts

@@ -1,7 +1,7 @@
-import { type PropertyValueMap } from "../deps.js";
-import { type HTMLTemplate } from "../lib/templates.js";
-import { GodownElement } from "../root.js";
-import RouteTree from "../lib/route-tree.js";
+import { type PropertyValueMap } from "../../deps.js";
+import RouteTree from "../../lib/route-tree.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * RouteView has basic routing control.
  */

package/web-components/view/route-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-view.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/view/route-view.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,gBAAgB,EAAS,MAAM,eAAe,CAAC;AAC5E,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGrE,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAM9C;;GAEG;AACH,qBACa,SAAS,CAAC,CAAC,GAAG,OAAO,CAAE,SAAQ,aAAa;IACvD,OAAO,CAAC,OAAO,CAAkD;IACjE,OAAO,CAAC,UAAU,CAA8B;IAEhD;;OAEG;IACM,SAAS,EAAE,CAAC,GAAG,YAAY,CAAQ;IAC5C;;OAEG;IACM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAC7C;;OAEG;IACM,IAAI,EAAE,MAAM,CAAQ;IAC7B;;OAEG;IACS,QAAQ,SAAM;IAC1B;;OAEG;IACS,OAAO,SAAM;IACzB;;OAEG;IACM,GAAG,kCAAc;IAC1B;;OAEG;IACS,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAY;IACtE;;OAEG;IACM,QAAQ,UAAQ;IACzB;;OAEG;IAC0B,KAAK,UAAS;IAE3C;;OAEG;IACH,MAAM;;;;;OAAwD;IAE9D,IAAI,MAAM,CAAC,CAAC;;QAAA,EAUX;IAED,IAAI,MAAM;;SAET;IAED,MAAM,CAAC,MAAM,4BAMX;IAEF,KAAK;IAKL,SAAS,CAAC,MAAM,IAAI,CAAC,GAAG,YAAY;IAwBpC,SAAS;;;;;;IAST,iBAAiB;IAsBjB;;;;OAIG;IACH,mBAAmB,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAQ;IAE5F,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAa3D,cAAc,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,CAAC;IAgBpD,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,YAAY;IA6BjE,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,SAAe,EAAE,IAAI,GAAE,SAA2B,GAAG,MAAM,GAAG,IAAI;IAIrG,iBAAiB,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,GAAE,SAA2B,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAIvH,MAAM,CAAC,SAAS;CAYjB;AAED,eAAe,SAAS,CAAC;AAEzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/{view → web-components/view}/route-view.js

@@ -1,16 +1,11 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, property, state } from "../deps.js";
-import { htmlSlot } from "../lib/templates.js";
-import { conf } from "../conf.js";
-import { deepQuerySelectorAll } from "../lib/utils.js";
-import { define } from "../root.js";
-import { GodownElement } from "../root.js";
-import RouteTree from "../lib/route-tree.js";
+import { __decorate } from "tslib";
+import { conf } from "../../conf.js";
+import { css, property, state } from "../../deps.js";
+import RouteTree from "../../lib/route-tree.js";
+import { htmlSlot } from "../../lib/templates.js";
+import { deepQuerySelectorAll } from "../../lib/utils.js";
+import { define } from "../../root.js";
+import { GodownElement } from "../../root.js";
 const defineName = "route-view";
 /**
  * RouteView has basic routing control.
@@ -81,6 +76,13 @@ let RouteView = class RouteView extends GodownElement {
     get routes() {
         return this._routes;
     }
+    static { this.styles = [
+        css `
+      :host {
+        display: contents;
+      }
+    `,
+    ]; }
     reset() {
         this._routeTree = new RouteTree();
         this.record.clear();
@@ -211,13 +213,6 @@ let RouteView = class RouteView extends GodownElement {
         });
     }
 };
-RouteView.styles = [
-    css `
-      :host {
-        display: contents;
-      }
-    `,
-];
 __decorate([
     state()
 ], RouteView.prototype, "component", void 0);

package/web-components/view/route-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-view.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/view/route-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { conf } from \"../../conf.js\";\nimport { css, property, type PropertyValueMap, state } from \"../../deps.js\";\nimport RouteTree from \"../../lib/route-tree.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { deepQuerySelectorAll } from \"../../lib/utils.js\";\nimport { define } from \"../../root.js\";\nimport { GodownElement } from \"../../root.js\";\n\ntype WithRecord<T extends string> = Record<string, any> & Record<T, string>;\n\nconst defineName = \"route-view\";\n\n/**\n * RouteView has basic routing control.\n */\n@define(defineName)\nexport class RouteView<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<RouteView>(routeViewTagName, document.body);\n    routeViewArray.forEach((ArrayItem) => {\n      if (!ArrayItem.override) {\n        ArrayItem.pathname = window.location.pathname;\n      }\n    });\n  }\n}\n\nexport default RouteView;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"route-view\": RouteView;\n  }\n}\n"]}

package/{view → web-components/view}/scroll-x.d.ts

@@ -1,5 +1,5 @@
-import { type HTMLTemplate } from "../lib/templates.js";
-import { GodownElement } from "../root.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * ScrollX changes the scroll direction to horizontal.
  */

package/web-components/view/scroll-x.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-x.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/view/scroll-x.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGhF,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C;;GAEG;AACH,qBACa,OAAQ,SAAQ,aAAa;IACxC;;OAEG;IACS,MAAM,SAAM;IAEN,QAAQ,EAAE,WAAW,CAAC;IAExC,MAAM,CAAC,MAAM,0BA4BX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAUhC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,GAAG;IAI9B,SAAS,CAAC,YAAY;IAKtB,SAAS,CAAC,aAAa;IAIvB,MAAM;CAiBP;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}