godown 2.5.0 → 2.6.0

package/{items → web-components/a}/link-a.d.ts

@@ -1,10 +1,10 @@
-import { SuperAnchor } from "./super-a.js";
+import { SuperA } from "./super-a.js";
 /**
  * LinkAnchor works with {@linkcode RouteView}.
  *
- * @extends SuperAnchor
+ * @extends SuperA
  */
-export declare class LinkAnchor extends SuperAnchor {
+export declare class LinkA extends SuperA {
     /**
      * True when the href is in the same pathname as the location.
      */
@@ -15,7 +15,7 @@ export declare class LinkAnchor extends SuperAnchor {
     replace: boolean;
     connectedCallback(): void;
     /**
-     * Set active to true when the {@linkcode LinkAnchor.href} is in the same pathname as the location.
+     * Set active to true when the {@linkcode LinkA.href} is in the same pathname as the location.
      */
     useActive(): void;
     protected _handleClick(e: MouseEvent): void;
@@ -24,10 +24,10 @@ export declare class LinkAnchor extends SuperAnchor {
     static pushState(data: any, unused: string, url?: string): void;
     static replaceState(data: any, unused: string, url?: string): void;
 }
-export default LinkAnchor;
+export default LinkA;
 declare global {
     interface HTMLElementTagNameMap {
-        "link-a": LinkAnchor;
+        "link-a": LinkA;
     }
 }
 //# sourceMappingURL=link-a.d.ts.map

package/web-components/a/link-a.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-a.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/a/link-a.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAItC;;;;GAIG;AACH,qBACa,KAAM,SAAQ,MAAM;IAC/B;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IAC0B,OAAO,UAAS;IAE7C,iBAAiB;IAOjB;;OAEG;IACH,SAAS;IAOT,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAapC,SAAS,CAAC,GAAG,SAAY,EAAE,IAAI,MAAO;IAKtC,YAAY,CAAC,GAAG,SAAY,EAAE,IAAI,MAAO;IAKzC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;IAKxD,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM;CAI5D;AAED,eAAe,KAAK,CAAC;AAErB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,KAAK,CAAC;KACjB;CACF"}

package/{items → web-components/a}/link-a.js

@@ -1,21 +1,16 @@
-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;
-};
-var LinkAnchor_1;
-import { define } from "../root.js";
-import { property } from "../deps.js";
+var LinkA_1;
+import { __decorate } from "tslib";
+import { property } from "../../deps.js";
+import { define } from "../../root.js";
 import { RouteView } from "../view/route-view.js";
-import { SuperAnchor } from "./super-a.js";
+import { SuperA } from "./super-a.js";
 const defineName = "link-a";
 /**
  * LinkAnchor works with {@linkcode RouteView}.
  *
- * @extends SuperAnchor
+ * @extends SuperA
  */
-let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
+let LinkA = LinkA_1 = class LinkA extends SuperA {
     constructor() {
         super(...arguments);
         /**
@@ -34,7 +29,7 @@ let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
         this.useActive();
     }
     /**
-     * Set active to true when the {@linkcode LinkAnchor.href} is in the same pathname as the location.
+     * Set active to true when the {@linkcode LinkA.href} is in the same pathname as the location.
      */
     useActive() {
         const url = new URL(this.href, location.href);
@@ -56,11 +51,11 @@ let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
         }
     }
     pushState(url = this.href, data = null) {
-        LinkAnchor_1.pushState(data, "", url);
+        LinkA_1.pushState(data, "", url);
         this.useActive();
     }
     replaceState(url = this.href, data = null) {
-        LinkAnchor_1.replaceState(data, "", url);
+        LinkA_1.replaceState(data, "", url);
         this.useActive();
     }
     static pushState(data, unused, url) {
@@ -74,13 +69,13 @@ let LinkAnchor = LinkAnchor_1 = class LinkAnchor extends SuperAnchor {
 };
 __decorate([
     property({ type: Boolean, reflect: true })
-], LinkAnchor.prototype, "active", void 0);
+], LinkA.prototype, "active", void 0);
 __decorate([
     property({ type: Boolean })
-], LinkAnchor.prototype, "replace", void 0);
-LinkAnchor = LinkAnchor_1 = __decorate([
+], LinkA.prototype, "replace", void 0);
+LinkA = LinkA_1 = __decorate([
     define(defineName)
-], LinkAnchor);
-export { LinkAnchor };
-export default LinkAnchor;
+], LinkA);
+export { LinkA };
+export default LinkA;
 //# sourceMappingURL=link-a.js.map

package/web-components/a/link-a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-a.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/a/link-a.ts"],"names":[],"mappings":"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","sourcesContent":["import { property } from \"../../deps.js\";\nimport { define } from \"../../root.js\";\nimport { RouteView } from \"../view/route-view.js\";\nimport { SuperA } from \"./super-a.js\";\n\nconst defineName = \"link-a\";\n\n/**\n * LinkAnchor works with {@linkcode RouteView}.\n *\n * @extends SuperA\n */\n@define(defineName)\nexport class LinkA extends SuperA {\n  /**\n   * True when the href is in the same pathname as the location.\n   */\n  @property({ type: Boolean, reflect: true }) active = false;\n  /**\n   * If true, replaceState, or pushState.\n   */\n  @property({ type: Boolean }) replace = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEvent(this, \"click\", this._handleClick);\n    this.addEvent(window, \"popstate\", this.useActive.bind(this));\n    this.useActive();\n  }\n\n  /**\n   * Set active to true when the {@linkcode LinkA.href} is in the same pathname as the location.\n   */\n  useActive() {\n    const url = new URL(this.href, location.href);\n    if (url.origin === location.origin) {\n      this.active = url.pathname === location.pathname;\n    }\n  }\n\n  protected _handleClick(e: MouseEvent) {\n    const href = this.href ?? this.querySelector(\"[href]\")?.getAttribute(\"href\");\n    const url = new URL(href, location.href);\n    if (url.origin === location.origin) {\n      e.preventDefault();\n      if (this.replace) {\n        this.replaceState(href);\n      } else {\n        this.pushState(href);\n      }\n    }\n  }\n\n  pushState(url = this.href, data = null) {\n    LinkA.pushState(data, \"\", url);\n    this.useActive();\n  }\n\n  replaceState(url = this.href, data = null) {\n    LinkA.replaceState(data, \"\", url);\n    this.useActive();\n  }\n\n  static pushState(data: any, unused: string, url?: string) {\n    history.pushState(data, unused, url);\n    RouteView.updateAll();\n  }\n\n  static replaceState(data: any, unused: string, url?: string) {\n    history.replaceState(data, unused, url);\n    RouteView.updateAll();\n  }\n}\n\nexport default LinkA;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"link-a\": LinkA;\n  }\n}\n"]}

package/{items → web-components/a}/super-a.d.ts

@@ -1,11 +1,11 @@
-import { type HTMLTemplate } from "../lib/templates.js";
-import ItemsSTD from "./std.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * SuperAnchor similar to a.
  *
  * Has an optional arrow.
  */
-export declare class SuperAnchor extends ItemsSTD {
+export declare class SuperA extends GodownElement {
     /**
      * Href for a element.
      */
@@ -22,10 +22,10 @@ export declare class SuperAnchor extends ItemsSTD {
     protected render(): HTMLTemplate;
     private _arrowSwitcher;
 }
-export default SuperAnchor;
+export default SuperA;
 declare global {
     interface HTMLElementTagNameMap {
-        "super-a": SuperAnchor;
+        "super-a": SuperA;
     }
 }
 //# sourceMappingURL=super-a.d.ts.map

package/web-components/a/super-a.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-a.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/a/super-a.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAsB,MAAM,wBAAwB,CAAC;AACzF,OAAO,EAAU,aAAa,EAAE,MAAM,eAAe,CAAC;AAItD;;;;GAIG;AACH,qBACa,MAAO,SAAQ,aAAa;IACvC;;OAEG;IACS,IAAI,EAAE,MAAM,CAAa;IACrC;;OAEG;IACS,MAAM,SAAW;IAC7B;;OAEG;IACS,KAAK,EAAE,EAAE,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAM;IAEzD,MAAM,CAAC,MAAM,4BA0DX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,OAAO,CAAC,cAAc;CAYvB;AAED,eAAe,MAAM,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/{items → web-components/a}/super-a.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 { css, html, ifDefined, property } from "../deps.js";
-import { htmlSlot, svgArrow, svgDelta } from "../lib/templates.js";
-import { define } from "../root.js";
-import ItemsSTD from "./std.js";
+import { __decorate } from "tslib";
+import { css, html, ifDefined, property } from "../../deps.js";
+import { htmlSlot, svgArrow, svgDelta } from "../../lib/templates.js";
+import { define, GodownElement } from "../../root.js";
 const defineName = "super-a";
 /**
  * SuperAnchor similar to a.
  *
  * Has an optional arrow.
  */
-let SuperAnchor = class SuperAnchor extends ItemsSTD {
+let SuperA = class SuperA extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -30,27 +24,8 @@ let SuperAnchor = class SuperAnchor extends ItemsSTD {
          */
         this.arrow = "";
     }
-    render() {
-        return html `<a href="${ifDefined(this.href)}" target="${this.target}">
-      ${htmlSlot()}
-      <i> ${this._arrowSwitcher()} </i>
-    </a>`;
-    }
-    _arrowSwitcher() {
-        switch (this.arrow) {
-            case "delta":
-                return svgDelta();
-            case "arrow":
-                return svgArrow(true);
-            case "angle":
-                return svgArrow();
-            default:
-                return htmlSlot("icon");
-        }
-    }
-};
-SuperAnchor.styles = [
-    css `
+    static { this.styles = [
+        css `
       :host([arrow="delta"]) svg {
         transform: rotate(-90deg);
       }
@@ -107,19 +82,38 @@ SuperAnchor.styles = [
         }
       }
     `,
-];
+    ]; }
+    render() {
+        return html `<a href="${ifDefined(this.href)}" target="${this.target}">
+      ${htmlSlot()}
+      <i> ${this._arrowSwitcher()} </i>
+    </a>`;
+    }
+    _arrowSwitcher() {
+        switch (this.arrow) {
+            case "delta":
+                return svgDelta();
+            case "arrow":
+                return svgArrow(true);
+            case "angle":
+                return svgArrow();
+            default:
+                return htmlSlot("icon");
+        }
+    }
+};
 __decorate([
     property()
-], SuperAnchor.prototype, "href", void 0);
+], SuperA.prototype, "href", void 0);
 __decorate([
     property()
-], SuperAnchor.prototype, "target", void 0);
+], SuperA.prototype, "target", void 0);
 __decorate([
     property()
-], SuperAnchor.prototype, "arrow", void 0);
-SuperAnchor = __decorate([
+], SuperA.prototype, "arrow", void 0);
+SuperA = __decorate([
     define(defineName)
-], SuperAnchor);
-export { SuperAnchor };
-export default SuperAnchor;
+], SuperA);
+export { SuperA };
+export default SuperA;
 //# sourceMappingURL=super-a.js.map

package/web-components/a/super-a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-a.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/a/super-a.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAqB,QAAQ,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEtD,MAAM,UAAU,GAAG,SAAS,CAAC;AAE7B;;;;GAIG;AAEI,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,aAAa;IAAlC;;QACL;;WAEG;QACS,SAAI,GAAW,SAAS,CAAC;QACrC;;WAEG;QACS,WAAM,GAAG,OAAO,CAAC;QAC7B;;WAEG;QACS,UAAK,GAAqC,EAAE,CAAC;IAiF3D,CAAC;aA/EQ,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwDF;KACF,AA1DY,CA0DX;IAEQ,MAAM;QACd,OAAO,IAAI,CAAA,YAAY,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM;QAC/D,QAAQ,EAAE;YACN,IAAI,CAAC,cAAc,EAAE;SACxB,CAAC;IACR,CAAC;IAEO,cAAc;QACpB,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB,KAAK,OAAO;gBACV,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;YACxB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB;gBACE,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC;;AAxFW;IAAX,QAAQ,EAAE;oCAA0B;AAIzB;IAAX,QAAQ,EAAE;sCAAkB;AAIjB;IAAX,QAAQ,EAAE;qCAA8C;AAZ9C,MAAM;IADlB,MAAM,CAAC,UAAU,CAAC;GACN,MAAM,CA6FlB;;AAED,eAAe,MAAM,CAAC","sourcesContent":["import { css, html, ifDefined, property } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate, svgArrow, svgDelta } from \"../../lib/templates.js\";\nimport { define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"super-a\";\n\n/**\n * SuperAnchor similar to a.\n *\n * Has an optional arrow.\n */\n@define(defineName)\nexport class SuperA extends GodownElement {\n  /**\n   * Href for a element.\n   */\n  @property() href: string = undefined;\n  /**\n   * Target for an element.\n   */\n  @property() target = \"_self\";\n  /**\n   * Arrow type.\n   */\n  @property() arrow: \"\" | \"delta\" | \"arrow\" | \"angle\" = \"\";\n\n  static styles = [\n    css`\n      :host([arrow=\"delta\"]) svg {\n        transform: rotate(-90deg);\n      }\n\n      :host {\n        display: inline-block;\n        color: currentColor;\n        text-decoration: none;\n        cursor: default;\n      }\n\n      :host([href]) {\n        cursor: pointer;\n      }\n\n      a {\n        width: 100%;\n        display: flex;\n        color: inherit;\n        text-decoration: inherit;\n        justify-content: space-between;\n        align-items: center;\n      }\n\n      i {\n        display: inline-flex;\n        border-radius: 20%;\n        font-style: normal;\n      }\n\n      i > svg {\n        width: 1em;\n        height: 1em;\n        border-radius: inherit;\n      }\n\n      :host(:hover) i {\n        animation: arrow 0.3s linear;\n      }\n\n      i:hover {\n        background-color: rgb(0 0 0 / 0.075);\n      }\n\n      @keyframes arrow {\n        from {\n          transform: translateX(0);\n        }\n        50% {\n          transform: translateX(0.05em);\n        }\n        to {\n          transform: translateX(0);\n        }\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`<a href=\"${ifDefined(this.href)}\" target=\"${this.target}\">\n      ${htmlSlot()}\n      <i> ${this._arrowSwitcher()} </i>\n    </a>`;\n  }\n\n  private _arrowSwitcher(): HTMLTemplate {\n    switch (this.arrow) {\n      case \"delta\":\n        return svgDelta();\n      case \"arrow\":\n        return svgArrow(true);\n      case \"angle\":\n        return svgArrow();\n      default:\n        return htmlSlot(\"icon\");\n    }\n  }\n}\n\nexport default SuperA;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"super-a\": SuperA;\n  }\n}\n"]}

package/{items → web-components/button}/base-button.d.ts

@@ -1,5 +1,5 @@
-import { type HTMLTemplate } from "../lib/templates.js";
-import ItemsSTD from "./std.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 declare const colors: {
     black: string[];
     gary: string[];
@@ -15,7 +15,7 @@ type Colors = keyof typeof colors;
  *
  * Inspired by Next-ui.
  */
-export declare class BaseButton extends ItemsSTD {
+export declare class BaseButton extends GodownElement {
     /**
      * Whether to disable this element.
      */

package/web-components/button/base-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-button.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/button/base-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAuB,aAAa,EAAE,MAAM,eAAe,CAAC;AAYnE,QAAA,MAAM,MAAM;;;;;;;;CA2CX,CAAC;AAEF,KAAK,MAAM,GAAG,MAAM,OAAO,MAAM,CAAC;AAElC;;;;GAIG;AACH,qBACa,UAAW,SAAQ,aAAa;IAC3C;;OAEG;IACyC,QAAQ,UAAS;IAC7D;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACS,KAAK,EAAE,MAAM,GAAG,MAAM,CAAW;IAC7C;;OAEG;IACS,IAAI,SAAM;IAEV,EAAE,EAAE,WAAW,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;IAEtC,MAAM,CAAC,MAAM,4BAuHX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAShC,KAAK;IAOL,IAAI;IAIJ,SAAS,CAAC,YAAY;IAiBtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAgBpC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAYpC;;;;;;;;;;;;;;;OAeG;IACH,SAAS,IAAI,MAAM,GAAG,MAAM;CAG7B;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/{items → web-components/button}/base-button.js

@@ -1,14 +1,8 @@
-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, unsafeCSS } from "../deps.js";
-import { htmlSlot } from "../lib/templates.js";
-import { constructCSS } from "../lib/utils.js";
-import ItemsSTD from "./std.js";
+import { __decorate } from "tslib";
+import { css, html, property, query, unsafeCSS } from "../../deps.js";
+import { htmlSlot } from "../../lib/templates.js";
+import { constructCSS } from "../../lib/utils.js";
+import { createScope, define, GodownElement } from "../../root.js";
 const defineName = "base-button";
 const cssvarScope = createScope(defineName);
 const shadow1 = "-2px 2px 5px -2px";
@@ -19,43 +13,43 @@ const _000 = "#000";
 const vars = ["color", "background", "box-shadow", "ghost-color"];
 const colors = {
     black: [
-        fff,
+        fff, //
         `${linearGradient}(45deg, rgb(30 30 30), rgb(65 65 65))`,
         `${shadow1} rgb(0 0 0 / 20%), ${shadow2} rgb(99 99 99 / 20%)`,
         "rgb(22 20 20)",
     ],
     gary: [
-        fff,
+        fff, //
         `${linearGradient}(45deg, rgb(65 65 65),  rgb(100 100 100))`,
         `${shadow1} rgb(0 0 0 / 20%), ${shadow2} rgb(99 99 99 / 20%)`,
         "rgb(56 56 56)",
     ],
     white: [
-        _000,
+        _000, //
         `${linearGradient}(45deg, rgb(225 225 225), rgb(240 240 240))`,
         `${shadow1} rgb(255 255 255 / 20%), ${shadow2} rgb(165 165 165 / 20%)`,
         "rgb(212 212 212)",
     ],
     red: [
-        fff,
+        fff, //
         `${linearGradient}(45deg, rgb(215 57 68), rgb(250 141 106))`,
         `${shadow1} rgb(181 35 44 / 20%), ${shadow2} rgb(234 130 174 / 20%)`,
         "rgb(214 11 23)",
     ],
     green: [
-        _000,
+        _000, //
         `${linearGradient}(45deg, rgb(21 206 71), rgb(99 253 122))`,
         `${shadow1} rgb(63 179 69 / 20%), ${shadow2} rgb(136 225 142 / 20%)`,
         "rgb(60 214 68)",
     ],
     blue: [
-        fff,
+        fff, //
         `${linearGradient}(45deg, rgb(14 143 255), rgb(121 211 255))`,
         `${shadow1} rgb(92 182 255 / 20%), ${shadow2} rgb(135 232 222 / 20%)`,
         "rgb(42 141 221)",
     ],
     yellow: [
-        _000,
+        _000, //
         `${linearGradient}(45deg, rgb(255 190 54), rgb(255 249 68))`,
         `${shadow1} rgb(214 203 55 / 20%), ${shadow2} rgb(202 203 137 / 20%)`,
         "rgb(255 235 59)",
@@ -66,7 +60,7 @@ const colors = {
  *
  * Inspired by Next-ui.
  */
-let BaseButton = class BaseButton extends ItemsSTD {
+let BaseButton = class BaseButton extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -98,90 +92,9 @@ let BaseButton = class BaseButton extends ItemsSTD {
          */
         this.text = "";
     }
-    render() {
-        return html `
-      <div color="${this.nextColor()}">
-        <b></b>
-        <p>${this.text || htmlSlot()}</p>
-      </div>
-    `;
-    }
-    focus() {
-        if (this.disabled) {
-            return;
-        }
-        this.active = true;
-    }
-    blur() {
-        this.active = false;
-    }
-    firstUpdated() {
-        if (this.scale) {
-            this.addEvent(this, "mousedown", this.focus);
-            this.addEvent(this, "mouseup", (e) => {
-                if (this.disabled) {
-                    return;
-                }
-                this.blur();
-                this._handleModal(e);
-            });
-            this.addEvent(this, "mouseleave", this.blur);
-            return;
-        }
-        else {
-            this.addEvent(document, "click", this._handelClick.bind(this));
-        }
-    }
-    _handleModal(e) {
-        const a = this._div.offsetHeight + 1;
-        const b = this._div.offsetWidth + 1;
-        const size = `${Math.sqrt(a * a + b * b) * 2}px`;
-        const translate = `translate(calc(-50% + ${e.offsetX}px), calc(-50% + ${e.offsetY}px))`;
-        this._b.style.width = size;
-        this._b.style.height = size;
-        this._b.style.transform = translate;
-        const i = document.createElement("i");
-        i.style.animationName = "i";
-        this._b.appendChild(i);
-        setTimeout(() => {
-            i.remove();
-        }, 2000);
-    }
-    _handelClick(e) {
-        if (this.disabled) {
-            return;
-        }
-        if (e.target === this) {
-            this._handleModal(e);
-            this.focus();
-        }
-        else {
-            this.blur();
-        }
-    }
-    /**
-     * Get the color to render, default is this.color.
-     *
-     * @returns New color.
-     *
-     * Colors can be set for different states.
-     *
-     * The matching selector is `[color=COLOR]`.
-     *
-     * @example
-     * ```ts
-     * button.adoptStyles("[color=COLOR1]{...}")
-     * button.adoptStyles("[color=COLOR2]{...}")
-     * button.nextColor = () => state ? COLOR1 : COLOR2
-     * ```
-     */
-    nextColor() {
-        return this.color;
-    }
-};
-BaseButton.styles = [
-    unsafeCSS(constructCSS(vars, colors, (raw) => `[color=${raw}]`, (k, v) => `${cssvarScope}--${k}:${v}`)),
-    css `
+    static { this.styles = [
+        unsafeCSS(constructCSS(vars, colors, (raw) => `[color=${raw}]`, (k, v) => `${cssvarScope}--${k}:${v}`)),
+        css `
       :host {
         ${cssvarScope}--padding: .075em .25em;
         ${cssvarScope}--deg: .075em .25em;
@@ -213,7 +126,7 @@ BaseButton.styles = [
       div {
         background: var(${cssvarScope}--background);
         box-shadow: var(${cssvarScope}--box-shadow);
-        color: var(--godown--base-button--color, inherit);
+        color: var(${cssvarScope}--color, inherit);
         width: 100%;
         height: 100%;
         position: relative;
@@ -256,7 +169,7 @@ BaseButton.styles = [
         ${cssvarScope}--padding: .075em .5em;
       }
     `,
-    css `
+        css `
       i {
         position: absolute;
         top: 0;
@@ -291,7 +204,88 @@ BaseButton.styles = [
         }
       }
     `,
-];
+    ]; }
+    render() {
+        return html `
+      <div color="${this.nextColor()}">
+        <b></b>
+        <p>${this.text || htmlSlot()}</p>
+      </div>
+    `;
+    }
+    focus() {
+        if (this.disabled) {
+            return;
+        }
+        this.active = true;
+    }
+    blur() {
+        this.active = false;
+    }
+    firstUpdated() {
+        if (this.scale) {
+            this.addEvent(this, "mousedown", this.focus);
+            this.addEvent(this, "mouseup", (e) => {
+                if (this.disabled) {
+                    return;
+                }
+                this.blur();
+                this._handleModal(e);
+            });
+            this.addEvent(this, "mouseleave", this.blur);
+            return;
+        }
+        else {
+            this.addEvent(document, "click", this._handelClick.bind(this));
+        }
+    }
+    _handleModal(e) {
+        const a = this._div.offsetHeight + 1;
+        const b = this._div.offsetWidth + 1;
+        const size = `${Math.sqrt(a * a + b * b) * 2}px`;
+        const translate = `translate(calc(-50% + ${e.offsetX}px), calc(-50% + ${e.offsetY}px))`;
+        this._b.style.width = size;
+        this._b.style.height = size;
+        this._b.style.transform = translate;
+        const i = document.createElement("i");
+        i.style.animationName = "i";
+        this._b.appendChild(i);
+        setTimeout(() => {
+            i.remove();
+        }, 2000);
+    }
+    _handelClick(e) {
+        if (this.disabled) {
+            return;
+        }
+        if (e.target === this) {
+            this._handleModal(e);
+            this.focus();
+        }
+        else {
+            this.blur();
+        }
+    }
+    /**
+     * Get the color to render, default is this.color.
+     *
+     * @returns New color.
+     *
+     * Colors can be set for different states.
+     *
+     * The matching selector is `[color=COLOR]`.
+     *
+     * @example
+     * ```ts
+     * button.adoptStyles("[color=COLOR1]{...}")
+     * button.adoptStyles("[color=COLOR2]{...}")
+     * button.nextColor = () => state ? COLOR1 : COLOR2
+     * ```
+     */
+    nextColor() {
+        return this.color;
+    }
+};
 __decorate([
     property({ type: Boolean, reflect: true })
 ], BaseButton.prototype, "disabled", void 0);

package/web-components/button/base-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-button.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/button/base-button.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property, query, unsafeCSS } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { constructCSS } from \"../../lib/utils.js\";\nimport { createScope, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"base-button\";\nconst cssvarScope = createScope(defineName);\n\nconst shadow1 = \"-2px 2px 5px -2px\";\nconst shadow2 = \"2px -2px 5px -2px\";\nconst linearGradient = \"linear-gradient\";\nconst fff = \"#fff\";\nconst _000 = \"#000\";\n\nconst vars = [\"color\", \"background\", \"box-shadow\", \"ghost-color\"];\nconst colors = {\n  black: [\n    fff, //\n    `${linearGradient}(45deg, rgb(30 30 30), rgb(65 65 65))`,\n    `${shadow1} rgb(0 0 0 / 20%), ${shadow2} rgb(99 99 99 / 20%)`,\n    \"rgb(22 20 20)\",\n  ],\n  gary: [\n    fff, //\n    `${linearGradient}(45deg, rgb(65 65 65),  rgb(100 100 100))`,\n    `${shadow1} rgb(0 0 0 / 20%), ${shadow2} rgb(99 99 99 / 20%)`,\n    \"rgb(56 56 56)\",\n  ],\n  white: [\n    _000, //\n    `${linearGradient}(45deg, rgb(225 225 225), rgb(240 240 240))`,\n    `${shadow1} rgb(255 255 255 / 20%), ${shadow2} rgb(165 165 165 / 20%)`,\n    \"rgb(212 212 212)\",\n  ],\n  red: [\n    fff, //\n    `${linearGradient}(45deg, rgb(215 57 68), rgb(250 141 106))`,\n    `${shadow1} rgb(181 35 44 / 20%), ${shadow2} rgb(234 130 174 / 20%)`,\n    \"rgb(214 11 23)\",\n  ],\n  green: [\n    _000, //\n    `${linearGradient}(45deg, rgb(21 206 71), rgb(99 253 122))`,\n    `${shadow1} rgb(63 179 69 / 20%), ${shadow2} rgb(136 225 142 / 20%)`,\n    \"rgb(60 214 68)\",\n  ],\n  blue: [\n    fff, //\n    `${linearGradient}(45deg, rgb(14 143 255), rgb(121 211 255))`,\n    `${shadow1} rgb(92 182 255 / 20%), ${shadow2} rgb(135 232 222 / 20%)`,\n    \"rgb(42 141 221)\",\n  ],\n  yellow: [\n    _000, //\n    `${linearGradient}(45deg, rgb(255 190 54), rgb(255 249 68))`,\n    `${shadow1} rgb(214 203 55 / 20%), ${shadow2} rgb(202 203 137 / 20%)`,\n    \"rgb(255 235 59)\",\n  ],\n};\n\ntype Colors = keyof typeof colors;\n\n/**\n * BaseButton.\n *\n * Inspired by Next-ui.\n */\n@define(defineName)\nexport class BaseButton extends GodownElement {\n  /**\n   * Whether to disable this element.\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  /**\n   * Invert font and background color.\n   */\n  @property({ type: Boolean, reflect: true }) ghost = false;\n  /**\n   * Whether this element is active or not.\n   */\n  @property({ type: Boolean, reflect: true }) active = false;\n  /**\n   * Enables rounded corners to appear capsule shaped.\n   */\n  @property({ type: Boolean, reflect: true }) radius = false;\n  /**\n   * Enables scale when mousedown.\n   */\n  @property({ type: Boolean, reflect: true }) scale = false;\n  /**\n   * The primary color.\n   */\n  @property() color: \"none\" | Colors = \"black\";\n  /**\n   * Text inside.\n   */\n  @property() text = \"\";\n\n  @query(\"b\") _b: HTMLElement;\n  @query(\"div\") _div: HTMLButtonElement;\n\n  static styles = [\n    unsafeCSS(\n      constructCSS(\n        vars,\n        colors,\n        (raw) => `[color=${raw}]`,\n        (k, v) => `${cssvarScope}--${k}:${v}`,\n      ),\n    ),\n    css`\n      :host {\n        ${cssvarScope}--padding: .075em .25em;\n        ${cssvarScope}--deg: .075em .25em;\n        ${cssvarScope}--ghost-width: .09em;\n        ${cssvarScope}--modal-opacity: .15;\n        ${cssvarScope}--modal-opacity-end: 0;\n        ${cssvarScope}--modal-animation-duration: 1s;\n        ${cssvarScope}--focus-scale: .975;\n        transition: 0.1s;\n        display: flex;\n        width: fit-content;\n        border-radius: 0.25em;\n        cursor: pointer;\n        background: none !important;\n      }\n\n      :host([disabled]) {\n        cursor: not-allowed;\n      }\n\n      :host([active][scale]) div {\n        scale: var(${cssvarScope}--focus-scale);\n      }\n\n      slot {\n        display: flow-root;\n      }\n\n      div {\n        background: var(${cssvarScope}--background);\n        box-shadow: var(${cssvarScope}--box-shadow);\n        color: var(${cssvarScope}--color, inherit);\n        width: 100%;\n        height: 100%;\n        position: relative;\n        overflow: hidden;\n        border-radius: inherit;\n        transition-duration: inherit;\n        transition-property: scale;\n        pointer-events: none;\n      }\n\n      b {\n        pointer-events: none;\n        transform: translate(-50%, -50%);\n        position: absolute;\n        visibility: hidden;\n      }\n\n      p {\n        padding: var(${cssvarScope}--padding);\n        margin: 0;\n        user-select: none;\n        transition: 0;\n      }\n\n      :host([ghost]) p {\n        background-image: var(${cssvarScope}--background);\n        margin: calc(-1 * var(${cssvarScope}--ghost-width));\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n      }\n\n      :host([ghost]) div {\n        background: transparent;\n        border: var(${cssvarScope}--ghost-width) solid var(${cssvarScope}--ghost-color);\n      }\n\n      :host([radius]) {\n        border-radius: calc(infinity * 1px);\n        ${cssvarScope}--padding: .075em .5em;\n      }\n    `,\n    css`\n      i {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        border-radius: 50%;\n        transform: translate(0, 0);\n        background: currentColor;\n        opacity: var(${cssvarScope}--modal-opacity-end);\n        visibility: visible;\n        animation-duration: min(var(${cssvarScope}--modal-animation-duration), 2s);\n      }\n\n      :host([ghost]) i {\n        background: var(${cssvarScope}--ghost-color);\n      }\n\n      @keyframes i {\n        0% {\n          transform: scale(0);\n          opacity: var(${cssvarScope}--modal-opacity);\n        }\n        80% {\n          transform: scale(1);\n        }\n        100% {\n          opacity: var(${cssvarScope}--modal-opacity-end);\n        }\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`\n      <div color=\"${this.nextColor()}\">\n        <b></b>\n        <p>${this.text || htmlSlot()}</p>\n      </div>\n    `;\n  }\n\n  focus() {\n    if (this.disabled) {\n      return;\n    }\n    this.active = true;\n  }\n\n  blur() {\n    this.active = false;\n  }\n\n  protected firstUpdated() {\n    if (this.scale) {\n      this.addEvent(this, \"mousedown\", this.focus);\n      this.addEvent(this, \"mouseup\", (e: MouseEvent) => {\n        if (this.disabled) {\n          return;\n        }\n        this.blur();\n        this._handleModal(e);\n      });\n      this.addEvent(this, \"mouseleave\", this.blur);\n      return;\n    } else {\n      this.addEvent(document, \"click\", this._handelClick.bind(this));\n    }\n  }\n\n  protected _handleModal(e: MouseEvent) {\n    const a = this._div.offsetHeight + 1;\n    const b = this._div.offsetWidth + 1;\n    const size = `${Math.sqrt(a * a + b * b) * 2}px`;\n    const translate = `translate(calc(-50% + ${e.offsetX}px), calc(-50% + ${e.offsetY}px))`;\n    this._b.style.width = size;\n    this._b.style.height = size;\n    this._b.style.transform = translate;\n    const i = document.createElement(\"i\");\n    i.style.animationName = \"i\";\n    this._b.appendChild(i);\n    setTimeout(() => {\n      i.remove();\n    }, 2000);\n  }\n\n  protected _handelClick(e: MouseEvent) {\n    if (this.disabled) {\n      return;\n    }\n    if (e.target === this) {\n      this._handleModal(e);\n      this.focus();\n    } else {\n      this.blur();\n    }\n  }\n\n  /**\n   * Get the color to render, default is this.color.\n   *\n   * @returns New color.\n   *\n   * Colors can be set for different states.\n   *\n   * The matching selector is `[color=COLOR]`.\n   *\n   * @example\n   * ```ts\n   * button.adoptStyles(\"[color=COLOR1]{...}\")\n   * button.adoptStyles(\"[color=COLOR2]{...}\")\n   * button.nextColor = () => state ? COLOR1 : COLOR2\n   * ```\n   */\n  nextColor(): Colors | string {\n    return this.color;\n  }\n}\n\nexport default BaseButton;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"base-button\": BaseButton;\n  }\n}\n"]}

package/{view/rotation-pool.d.ts → web-components/carousel/carousel-slider.d.ts}

@@ -1,9 +1,9 @@
-import { type HTMLTemplate } from "../lib/templates.js";
-import { GodownElement } from "../root.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
- * RotationPool rotates child elements.
+ * CarouselSlider rotates child elements.
  */
-export declare class RotationPool extends GodownElement {
+export declare class CarouselSlider extends GodownElement {
     /**
      * The index of the element is displayed for the first time.
      */
@@ -29,10 +29,10 @@ export declare class RotationPool extends GodownElement {
     next(): void;
     prev(): void;
 }
-export default RotationPool;
+export default CarouselSlider;
 declare global {
     interface HTMLElementTagNameMap {
-        "rotation-port": RotationPool;
+        "rotation-port": CarouselSlider;
     }
 }
-//# sourceMappingURL=rotation-pool.d.ts.map
+//# sourceMappingURL=carousel-slider.d.ts.map

package/web-components/carousel/carousel-slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-slider.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/carousel/carousel-slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAY,MAAM,wBAAwB,CAAC;AAE1F,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C;;GAEG;AACH,qBACa,cAAe,SAAQ,aAAa;IAC/C;;OAEG;IACyB,KAAK,SAAK;IACtC;;OAEG;IACyB,UAAU,SAAK;IAC3C;;OAEG;IACS,KAAK,SAAM;IAEL,QAAQ,EAAE,WAAW,CAAC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,WAAW,EAAE,CAAM;IAE3B,MAAM,CAAC,MAAM,4BAqEX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAUhC,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM;IAOtB,SAAS,CAAC,YAAY;IAwBtB,oBAAoB;IAIpB,IAAI,CAAC,CAAC,EAAE,MAAM;IAMd,IAAI;IAWJ,IAAI;CAUL;AAED,eAAe,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,cAAc,CAAC;KACjC;CACF"}