godown 2.7.5 → 2.7.6

package/{godown-element.js → proto/godown-element.js}

@@ -1,15 +1,29 @@
 import { LitElement } from "lit";
-import { EventsCollection } from "./lib/event-collection.js";
-import { deepQuerySelector, deepQuerySelectorAll } from "./lib/utils.js";
+import { EventsCollection } from "../lib/event-coll.js";
+import { deepQuerySelector, deepQuerySelectorAll } from "../lib/utils.js";
 /**
  * Global element.
  */
-class GodownElement extends LitElement {
+export class GodownElement extends LitElement {
+    static define() {
+        if (!this.isDefined()) {
+            this.godownConfig.define(this.elementTagName, this);
+        }
+    }
+    static isDefined() {
+        return !!customElements.get(this.elementTagName);
+    }
+    queryPart(p) {
+        return this.shadowRoot.querySelector(`[part=${p}]`);
+    }
+    get assignedElements() {
+        return this._slot?.assignedElements();
+    }
     /**
      * No named slot element's assignedElements, as HTMLElement[].
      */
     get assigned() {
-        return this._slot?.assignedElements();
+        return this.assignedElements;
     }
     /**
      * No named slot element's assignedElements, as Node[].
@@ -30,13 +44,13 @@ class GodownElement extends LitElement {
         return [...this.shadowRoot.querySelectorAll("slot")];
     }
     /**
-     * Named slot elements.
+     * Named slotted elements.
      */
     get slottedChildren() {
         return [...this.querySelectorAll("[slot]")];
     }
     /**
-     * Named slot elements' slot attribute.
+     * Named slotted elements' slot attribute.
      */
     get slottedNames() {
         return this.slottedChildren.map((c) => c.getAttribute("slot")).filter((v) => v);
@@ -50,6 +64,9 @@ class GodownElement extends LitElement {
     querySlot(slotName) {
         return this.querySelector(`[slot=${slotName}]`);
     }
+    get offsets() {
+        return this.offsetParent || document.body;
+    }
     /**
      * Width of (`this.offsetParent` or `document.body`).
      */
@@ -69,8 +86,8 @@ class GodownElement extends LitElement {
      * this.addEvent(src, "type", listener)
      * ```
      */
-    addEvent(src, type, listener, options, alias) {
-        this.__events.addEvent(src, type, listener, options, alias);
+    addEvent(src, type, listener, options) {
+        return this.__events.addEvent(src, type, listener, options);
     }
     /**
      * ```
@@ -79,30 +96,64 @@ class GodownElement extends LitElement {
      * this.removeEvent(src, "type", listener)
      * ```
      */
-    removeEvent(src, type, alias) {
-        this.__events.removeEvent(src, type, alias);
+    removeEvent(src, type, listener) {
+        this.__events.removeEvent(src, type, listener);
     }
     removeAllEvents() {
         this.__events.removeAllEvents();
     }
-    constructor(assign) {
+    get stylex() {
+        return this.__stylex.css;
+    }
+    /**
+     * Appends to `shadowRoot.adoptedStyleSheets` and overrides the initial style (constructor.styles).
+     *
+     * If there is no selector, it will be `:host`.
+     *
+     * Resetting will remove the previous stylex.
+     *
+     * @parma sx CSS string.
+     *
+     * @example
+     * ```html
+     * <custom-element stylex=":host{--key:value;}"></custom-element>
+     * <custom-element stylex="--key:value;"></custom-element>
+     * ```
+     */
+    set stylex(sx) {
+        sx = sx.trim();
+        if (!/^(([\s\S]+)\{)(([\s\S]+)\})$/.test(sx)) {
+            sx = `:host{${sx}}`;
+        }
+        this.setAttribute("stylex", sx);
+        if (!this.shadowRoot) {
+            this.__stylex.lazy = sx;
+            return;
+        }
+        if (this.__stylex.index) {
+            this.shadowRoot.adoptedStyleSheets.splice(this.__stylex.index, 1);
+        }
+        this.__stylex.css = sx;
+        this.__stylex.index = this.adoptStyles(sx);
+    }
+    constructor(assignInit) {
         super();
         this.__events = new EventsCollection();
-        this.__assign = {
-            ...GodownElement.conf?.assign,
-            ...assign,
+        this.__stylex = {};
+        this.assign = {
+            ...(GodownElement.godownConfig?.assign || {}),
+            ...assignInit,
         };
     }
     connectedCallback() {
         super.connectedCallback();
-        if (this.__assign) {
-            this.__assign.__assign = null;
-            const classList = "classList";
-            if (classList in this.__assign) {
-                this.classList.add(...this.__assign[classList]);
-                delete this.__assign[classList];
-            }
-            Object.assign(this, this.__assign);
+        if (this.assign) {
+            Object.assign(this, this.assign);
+            this.assign = null;
+        }
+        const { lazy } = this.__stylex;
+        if (lazy) {
+            this.adoptStyles(lazy);
         }
     }
     disconnectedCallback() {
@@ -128,7 +179,8 @@ class GodownElement extends LitElement {
     /**
      * Add styles to shadowRoot.
      *
-     * @param styles css strings
+     * @param styles CSS strings.
+     * @returns Index of injected style.
      *
      * @example
      * ```
@@ -139,9 +191,13 @@ class GodownElement extends LitElement {
      * ```
      */
     adoptStyles(...styles) {
-        const sheet = new CSSStyleSheet();
-        styles.forEach((style) => sheet.insertRule(style.toString()));
-        this.shadowRoot.adoptedStyleSheets.push(sheet);
+        const stack = this.shadowRoot.adoptedStyleSheets;
+        if (styles.length) {
+            const sheet = new CSSStyleSheet();
+            styles.forEach((style) => sheet.insertRule(style.toString()));
+            stack.push(sheet);
+        }
+        return stack.length - 1;
     }
 }
 export default GodownElement;

package/proto/godown-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"godown-element.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["proto/godown-element.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type PropertyValues } from \"lit\";\n\nimport { type AddOptions, EventsCollection, type EventsNames, type ListenerFunc } from \"../lib/event-coll.js\";\nimport { deepQuerySelector, deepQuerySelectorAll } from \"../lib/utils.js\";\nimport { type GodownConfig } from \"./godown-config\";\n\n/**\n * Global element.\n */\nexport class GodownElement extends LitElement {\n  static godownConfig?: GodownConfig;\n\n  static elementTagName?: string;\n\n  static protoName?: string;\n\n  static define() {\n    if (!this.isDefined()) {\n      this.godownConfig.define(this.elementTagName, this);\n    }\n  }\n\n  static isDefined(): boolean {\n    return !!customElements.get(this.elementTagName);\n  }\n\n  queryPart<E extends HTMLElement>(p: string) {\n    return this.shadowRoot.querySelector<E>(`[part=${p}]`);\n  }\n\n  get assignedElements(): HTMLElement[] {\n    return this._slot?.assignedElements() as HTMLElement[];\n  }\n\n  /**\n   * No named slot element's assignedElements, as HTMLElement[].\n   */\n  get assigned(): HTMLElement[] {\n    return this.assignedElements;\n  }\n\n  /**\n   * No named slot element's assignedElements, as Node[].\n   */\n  get assignedNodes(): Node[] {\n    return this._slot?.assignedNodes();\n  }\n\n  /**\n   * No named slot element.\n   */\n  get _slot(): HTMLSlotElement {\n    return this.shadowRoot.querySelector<HTMLSlotElement>(\"slot:not([name])\");\n  }\n\n  /**\n   * Slot elements.\n   */\n  get _slots(): HTMLSlotElement[] {\n    return [...this.shadowRoot.querySelectorAll<HTMLSlotElement>(\"slot\")];\n  }\n\n  /**\n   * Named slotted elements.\n   */\n  get slottedChildren(): HTMLSlotElement[] {\n    return [...this.querySelectorAll<HTMLSlotElement>(\"[slot]\")];\n  }\n\n  /**\n   * Named slotted elements' slot attribute.\n   */\n  get slottedNames(): string[] {\n    return this.slottedChildren.map((c) => c.getAttribute(\"slot\")).filter((v) => v);\n  }\n\n  /**\n   * Query for a element with slot names\n   *\n   * @param slotName Slot name.\n   * @returns Slot element.\n   */\n  querySlot(slotName: string): HTMLSlotElement | null {\n    return this.querySelector<HTMLSlotElement>(`[slot=${slotName}]`);\n  }\n\n  get offsets() {\n    return this.offsetParent || document.body;\n  }\n\n  /**\n   * Width of (`this.offsetParent` or `document.body`).\n   */\n  get offsetsWidth(): number {\n    return this.offsetParent?.clientWidth ?? document.body.offsetWidth;\n  }\n\n  /**\n   * Height of (`this.offsetParent` or `document.body`).\n   */\n  get offsetsHeight(): number {\n    return this.offsetParent?.clientHeight ?? document.body.offsetHeight;\n  }\n\n  private __events: EventsCollection;\n\n  /**\n   * ```\n   * src.addEventListener(\"type\", listener)\n   * //as\n   * this.addEvent(src, \"type\", listener)\n   * ```\n   */\n  addEvent<SRC extends EventTarget = HTMLElement>(\n    src: SRC,\n    type: EventsNames,\n    listener: ListenerFunc,\n    options?: AddOptions,\n  ): ListenerFunc {\n    return this.__events.addEvent(src, type, listener, options);\n  }\n\n  /**\n   * ```\n   * src.removeEventListener(\"type\", listener)\n   * //as\n   * this.removeEvent(src, \"type\", listener)\n   * ```\n   */\n  removeEvent<SRC extends EventTarget = HTMLElement>(src: SRC, type: EventsNames, listener: ListenerFunc) {\n    this.__events.removeEvent(src, type, listener);\n  }\n\n  removeAllEvents() {\n    this.__events.removeAllEvents();\n  }\n\n  private assign: void | Record<string, any>;\n\n  private __stylex: { css?: string; index?: number; lazy?: string };\n\n  get stylex(): string | undefined {\n    return this.__stylex.css;\n  }\n\n  /**\n   * Appends to `shadowRoot.adoptedStyleSheets` and overrides the initial style (constructor.styles).\n   *\n   * If there is no selector, it will be `:host`.\n   *\n   * Resetting will remove the previous stylex.\n   *\n   * @parma sx CSS string.\n   *\n   * @example\n   * ```html\n   * <custom-element stylex=\":host{--key:value;}\"></custom-element>\n   * <custom-element stylex=\"--key:value;\"></custom-element>\n   * ```\n   */\n  set stylex(sx: string) {\n    sx = sx.trim();\n    if (!/^(([\\s\\S]+)\\{)(([\\s\\S]+)\\})$/.test(sx)) {\n      sx = `:host{${sx}}`;\n    }\n    this.setAttribute(\"stylex\", sx);\n    if (!this.shadowRoot) {\n      this.__stylex.lazy = sx;\n      return;\n    }\n    if (this.__stylex.index) {\n      this.shadowRoot.adoptedStyleSheets.splice(this.__stylex.index, 1);\n    }\n    this.__stylex.css = sx;\n    this.__stylex.index = this.adoptStyles(sx);\n  }\n\n  constructor(assignInit: typeof GodownElement.prototype.assign) {\n    super();\n    this.__events = new EventsCollection();\n    this.__stylex = {};\n    this.assign = {\n      ...(GodownElement.godownConfig?.assign || {}),\n      ...assignInit,\n    };\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.assign) {\n      Object.assign(this, this.assign);\n      this.assign = null;\n    }\n    const { lazy } = this.__stylex;\n    if (lazy) {\n      this.adoptStyles(lazy);\n    }\n  }\n\n  disconnectedCallback() {\n    this.removeAllEvents();\n  }\n\n  mount(arg?: PropertyValues) {\n    this.firstUpdated(arg);\n  }\n\n  unmount() {\n    this.disconnectedCallback();\n  }\n\n  remount(arg?: PropertyValues) {\n    this.unmount();\n    this.connectedCallback();\n    this.mount(arg);\n  }\n\n  deepQuerySelector<E extends Element = HTMLElement>(\n    selectors: Parameters<typeof deepQuerySelector>[0],\n    root: Parameters<typeof deepQuerySelector>[1] = this,\n  ): E {\n    return deepQuerySelector<E>(selectors, root);\n  }\n\n  deepQuerySelectorAll<E extends Element = HTMLElement>(\n    selectors: Parameters<typeof deepQuerySelectorAll>[0],\n    root: Parameters<typeof deepQuerySelectorAll>[1] = this,\n  ): E[] {\n    return deepQuerySelectorAll<E>(selectors, root);\n  }\n\n  /**\n   * Add styles to shadowRoot.\n   *\n   * @param styles CSS strings.\n   * @returns Index of injected style.\n   *\n   * @example\n   * ```\n   * this.applyStyles(\n   * \"...\",\n   * css`...`,\n   * )\n   * ```\n   */\n  adoptStyles(...styles: LikeString[]): number {\n    const stack = this.shadowRoot.adoptedStyleSheets;\n    if (styles.length) {\n      const sheet = new CSSStyleSheet();\n      styles.forEach((style) => sheet.insertRule(style.toString()));\n      stack.push(sheet);\n    }\n    return stack.length - 1;\n  }\n}\n\nexport default GodownElement;\nexport interface LikeString {\n  toString(): string;\n}\n\nexport type HTMLEvent<H = HTMLElement, E = Event> = {\n  target: H;\n  [key: string]: unknown;\n} & E;\n"]}

package/proto/super-a.d.ts

@@ -0,0 +1,30 @@
+import { GodownElement } from "./godown-element.js";
+export declare class GodownSuperA extends GodownElement {
+    /**
+     * True when the href is in the same pathname as the location.
+     */
+    active: boolean;
+    /**
+     * Href for a element.
+     */
+    href: string;
+    /**
+     * Target for an element.
+     */
+    target: "_blank" | "_self" | "_parent" | "_top";
+    /**
+     * Arrow type.
+     */
+    arrow: "" | "link" | "delta" | "arrow" | "angle";
+    protected render(): import("lit").TemplateResult<1>;
+    protected _handleClick(_: MouseEvent): void;
+    private _arrowSwitcher;
+    connectedCallback(): void;
+    useActive(): {
+        url: URL;
+        sameOrigin: boolean;
+        active: boolean;
+    };
+}
+export default GodownSuperA;
+//# sourceMappingURL=super-a.d.ts.map

package/proto/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":["proto/super-a.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,qBA2Da,YAAa,SAAQ,aAAa;IAC7C;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IACS,IAAI,EAAE,MAAM,CAAa;IACrC;;OAEG;IACS,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAW;IACtE;;OAEG;IACS,KAAK,EAAE,EAAE,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAM;IAElE,SAAS,CAAC,MAAM;IAQhB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAEpC,OAAO,CAAC,cAAc;IActB,iBAAiB,IAAI,IAAI;IAKzB,SAAS;;;;;CAYV;AAED,eAAe,YAAY,CAAC"}

package/proto/super-a.js

@@ -0,0 +1,141 @@
+import { __decorate } from "tslib";
+import { css, html, ifDefined, property } from "../_deps.js";
+import { styles } from "../decorators/styles.js";
+import { htmlSlot } from "../lib/directives.js";
+import { svgArrow, svgDelta, svgLink } from "../lib/icons.js";
+import { GodownElement } from "./godown-element.js";
+let GodownSuperA = class GodownSuperA extends GodownElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * True when the href is in the same pathname as the location.
+         */
+        this.active = false;
+        /**
+         * Href for a element.
+         */
+        this.href = undefined;
+        /**
+         * Target for an element.
+         */
+        this.target = "_self";
+        /**
+         * Arrow type.
+         */
+        this.arrow = "";
+    }
+    render() {
+        return html `<a part="root" href="${ifDefined(this.href)}" target="${this.target}" @click=${this._handleClick}>
+      ${htmlSlot()}
+      <i part="arrow">${this._arrowSwitcher()}</i>
+    </a>`;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
+    _handleClick(_) { }
+    _arrowSwitcher() {
+        switch (this.arrow) {
+            case "delta":
+                return svgDelta();
+            case "arrow":
+                return svgArrow(true);
+            case "angle":
+                return svgArrow();
+            case "link":
+                return svgLink();
+            default:
+                return htmlSlot("icon");
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.useActive();
+    }
+    useActive() {
+        const url = new URL(this.href, location.href);
+        const sameOrigin = url.origin === location.origin;
+        if (sameOrigin) {
+            this.active = url.pathname === location.pathname;
+        }
+        return {
+            url,
+            sameOrigin,
+            active: this.active,
+        };
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], GodownSuperA.prototype, "active", void 0);
+__decorate([
+    property()
+], GodownSuperA.prototype, "href", void 0);
+__decorate([
+    property()
+], GodownSuperA.prototype, "target", void 0);
+__decorate([
+    property()
+], GodownSuperA.prototype, "arrow", void 0);
+GodownSuperA = __decorate([
+    styles([
+        css `
+    :host([arrow="delta"]) svg {
+      transform: rotate(-90deg);
+    }
+
+    :host {
+      display: inline-block;
+      color: currentColor;
+      text-decoration: none;
+      cursor: default;
+    }
+
+    :host([href]) {
+      cursor: pointer;
+    }
+
+    a {
+      width: 100%;
+      display: flex;
+      color: inherit;
+      text-decoration: inherit;
+      justify-content: space-between;
+      align-items: center;
+    }
+
+    i {
+      display: inline-flex;
+      border-radius: 20%;
+      font-style: normal;
+    }
+
+    i > svg {
+      width: 1em;
+      height: 1em;
+      border-radius: inherit;
+    }
+
+    :host(:hover) i {
+      animation: arrow 0.3s linear;
+    }
+
+    i:hover {
+      background-color: rgb(0 0 0 / 0.075);
+    }
+
+    @keyframes arrow {
+      from {
+        transform: translateX(0);
+      }
+      50% {
+        transform: translateX(0.05em);
+      }
+      to {
+        transform: translateX(0);
+      }
+    }
+  `,
+    ])
+], GodownSuperA);
+export { GodownSuperA };
+export default GodownSuperA;
+//# sourceMappingURL=super-a.js.map

package/proto/super-a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-a.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["proto/super-a.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AA6D7C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,aAAa;IAAxC;;QACL;;WAEG;QACyC,WAAM,GAAG,KAAK,CAAC;QAC3D;;WAEG;QACS,SAAI,GAAW,SAAS,CAAC;QACrC;;WAEG;QACS,WAAM,GAA4C,OAAO,CAAC;QACtE;;WAEG;QACS,UAAK,GAA8C,EAAE,CAAC;IA2CpE,CAAC;IAzCW,MAAM;QACd,OAAO,IAAI,CAAA,wBAAwB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM,YAAY,IAAI,CAAC,YAAY;QACxG,QAAQ,EAAE;wBACM,IAAI,CAAC,cAAc,EAAE;SACpC,CAAC;IACR,CAAC;IAED,mGAAmG;IACzF,YAAY,CAAC,CAAa,IAAG,CAAC;IAEhC,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,KAAK,MAAM;gBACT,OAAO,OAAO,EAAE,CAAC;YACnB;gBACE,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC;IACD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,SAAS;QACP,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC9C,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,CAAC;QAClD,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,QAAQ,KAAK,QAAQ,CAAC,QAAQ,CAAC;QACnD,CAAC;QACD,OAAO;YACL,GAAG;YACH,UAAU;YACV,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;IACJ,CAAC;CACF,CAAA;AAvD6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAgB;AAI/C;IAAX,QAAQ,EAAE;0CAA0B;AAIzB;IAAX,QAAQ,EAAE;4CAA2D;AAI1D;IAAX,QAAQ,EAAE;2CAAuD;AAhBvD,YAAY;IA3DxB,MAAM,CAAC;QACN,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDF;KACF,CAAC;GACW,YAAY,CA2DxB;;AAED,eAAe,YAAY,CAAC","sourcesContent":["import { css, html, ifDefined, property } from \"../_deps.js\";\nimport { styles } from \"../decorators/styles.js\";\nimport { htmlSlot } from \"../lib/directives.js\";\nimport { svgArrow, svgDelta, svgLink } from \"../lib/icons.js\";\nimport { GodownElement } from \"./godown-element.js\";\n\n@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])\nexport class GodownSuperA extends GodownElement {\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   * Href for a element.\n   */\n  @property() href: string = undefined;\n  /**\n   * Target for an element.\n   */\n  @property() target: \"_blank\" | \"_self\" | \"_parent\" | \"_top\" = \"_self\";\n  /**\n   * Arrow type.\n   */\n  @property() arrow: \"\" | \"link\" | \"delta\" | \"arrow\" | \"angle\" = \"\";\n\n  protected render() {\n    return html`<a part=\"root\" href=\"${ifDefined(this.href)}\" target=\"${this.target}\" @click=${this._handleClick}>\n      ${htmlSlot()}\n      <i part=\"arrow\">${this._arrowSwitcher()}</i>\n    </a>`;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function\n  protected _handleClick(_: MouseEvent) {}\n\n  private _arrowSwitcher() {\n    switch (this.arrow) {\n      case \"delta\":\n        return svgDelta();\n      case \"arrow\":\n        return svgArrow(true);\n      case \"angle\":\n        return svgArrow();\n      case \"link\":\n        return svgLink();\n      default:\n        return htmlSlot(\"icon\");\n    }\n  }\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.useActive();\n  }\n\n  useActive() {\n    const url = new URL(this.href, location.href);\n    const sameOrigin = url.origin === location.origin;\n    if (sameOrigin) {\n      this.active = url.pathname === location.pathname;\n    }\n    return {\n      url,\n      sameOrigin,\n      active: this.active,\n    };\n  }\n}\n\nexport default GodownSuperA;\n"]}

package/proto/super-input.d.ts

@@ -0,0 +1,44 @@
+import type { HTMLEvent } from "./godown-element.js";
+import { GodownElement } from "./godown-element.js";
+export declare class GodownSuperInput extends GodownElement {
+    autofocus: boolean;
+    type: InputType;
+    placeholder: string;
+    label: string;
+    name: string;
+    autocomplete: string;
+    value: any;
+    default: any;
+    _input: HTMLInputElement;
+    compositing: boolean;
+    set defaultValue(value: typeof this.default);
+    get defaultValue(): typeof this.default;
+    makeId: string;
+    namevalue(): [string, any];
+    nameValue: () => [string, any];
+    reset(): void;
+    protected _handleInput(e: HTMLEvent<HTMLInputElement>): void;
+    connectedCallback(): void;
+    _connectedInit(): void;
+    protected _compositionInit(): void;
+    protected _changeInputType(t: InputType): void;
+    focus(options?: FocusOptions): void;
+    protected firstUpdated(): void;
+    protected targetValue(e: Event): string | any;
+    protected _renderSuffix(): import("lit").TemplateResult<1>;
+    /**
+     * @deprecated
+     */
+    pla: string;
+    /**
+     * @deprecated
+     */
+    def: string;
+    /**
+     * @deprecated
+     */
+    compositionCheck: boolean;
+}
+export default GodownSuperInput;
+export type InputType = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
+//# sourceMappingURL=super-input.d.ts.map

package/proto/super-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-input.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["proto/super-input.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIpD,qBAAa,gBAAiB,SAAQ,aAAa;IACL,SAAS,EAAE,OAAO,CAAC;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,EAAE,GAAG,CAAC;IAEV,MAAM,EAAE,gBAAgB,CAAC;IAExC,WAAW,EAAE,OAAO,CAAC;IAErB,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAE1C;IAED,IAAI,YAAY,IAJQ,OAAO,IAAI,CAAC,OAAO,CAM1C;IAED,MAAM,SAAuC;IAE7C,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,QAJI,CAAC,MAAM,EAAE,GAAG,CAAC,CAIC;IAE3B,KAAK;IAKL,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC;IAUrD,iBAAiB;IAIjB,cAAc;IAKd,SAAS,CAAC,gBAAgB;IAY1B,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,SAAS;IAIvC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,SAAS,CAAC,YAAY;IAItB,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,GAAG;IAQ7C,SAAS,CAAC,aAAa;IAqBvB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,eAAe,gBAAgB,CAAC;AAChC,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,CAAC"}

package/proto/super-input.js

@@ -0,0 +1,119 @@
+import { __decorate } from "tslib";
+import { html, property } from "../_deps.js";
+import { part } from "../decorators/part.js";
+import { svgEye } from "../lib/icons.js";
+import { GodownElement } from "./godown-element.js";
+const PASSWORD = "password";
+export class GodownSuperInput extends GodownElement {
+    constructor() {
+        super(...arguments);
+        this.makeId = Math.random().toString(36).slice(1);
+        this.nameValue = this.namevalue;
+    }
+    set defaultValue(value) {
+        this.default = value;
+    }
+    get defaultValue() {
+        return this.default;
+    }
+    namevalue() {
+        return [this.name, this.value];
+    }
+    reset() {
+        this.value = this.default;
+        this._input.value = this.default;
+    }
+    _handleInput(e) {
+        e.stopPropagation();
+        if (this.compositing) {
+            return;
+        }
+        this.value = e.target.value?.trim();
+        this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
+        this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this._connectedInit();
+    }
+    _connectedInit() {
+        this.default ??= this.value || "";
+        this.value ??= this.default;
+    }
+    _compositionInit() {
+        if (this._input) {
+            this.addEvent(this._input, "compositionstart", () => {
+                this.compositing = true;
+            });
+            this.addEvent(this._input, "compositionend", (e) => {
+                this.compositing = false;
+                this._handleInput(e);
+            });
+        }
+    }
+    _changeInputType(t) {
+        this._input.type = t;
+    }
+    focus(options) {
+        this._input?.focus(options);
+    }
+    firstUpdated() {
+        this._compositionInit();
+    }
+    targetValue(e) {
+        const target = e.target;
+        if (typeof target.value === "string") {
+            return target.value.trim();
+        }
+        return target.value;
+    }
+    _renderSuffix() {
+        if (this.type === PASSWORD) {
+            return html `
+        <label for=${this.makeId} part="label">
+          <i
+            part="icon"
+            @mousedown="${() => this._changeInputType("text")}"
+            @mouseup="${() => {
+                this._changeInputType(PASSWORD);
+            }}"
+            @mouseleave="${() => {
+                this._changeInputType(PASSWORD);
+            }}"
+          >
+            ${svgEye()}
+          </i>
+        </label>
+      `;
+        }
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], GodownSuperInput.prototype, "autofocus", void 0);
+__decorate([
+    property({ reflect: true })
+], GodownSuperInput.prototype, "type", void 0);
+__decorate([
+    property({ reflect: true })
+], GodownSuperInput.prototype, "placeholder", void 0);
+__decorate([
+    property({ reflect: true })
+], GodownSuperInput.prototype, "label", void 0);
+__decorate([
+    property({ reflect: true })
+], GodownSuperInput.prototype, "name", void 0);
+__decorate([
+    property()
+], GodownSuperInput.prototype, "autocomplete", void 0);
+__decorate([
+    property()
+], GodownSuperInput.prototype, "value", void 0);
+__decorate([
+    property()
+], GodownSuperInput.prototype, "default", void 0);
+__decorate([
+    part("input")
+], GodownSuperInput.prototype, "_input", void 0);
+export default GodownSuperInput;
+//# sourceMappingURL=super-input.js.map

package/proto/super-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-input.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["proto/super-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, property } from \"../_deps.js\";\nimport { part } from \"../decorators/part.js\";\nimport { svgEye } from \"../lib/icons.js\";\nimport type { HTMLEvent } from \"./godown-element.js\";\nimport { GodownElement } from \"./godown-element.js\";\n\nconst PASSWORD = \"password\";\n\nexport class GodownSuperInput extends GodownElement {\n  @property({ type: Boolean, reflect: true }) autofocus: boolean;\n  @property({ reflect: true }) type: InputType;\n  @property({ reflect: true }) placeholder: string;\n  @property({ reflect: true }) label: string;\n  @property({ reflect: true }) name: string;\n  @property() autocomplete: string;\n  @property() value: any;\n  @property() default: any;\n\n  @part(\"input\") _input: HTMLInputElement;\n\n  compositing: boolean;\n\n  set defaultValue(value: typeof this.default) {\n    this.default = value;\n  }\n\n  get defaultValue() {\n    return this.default;\n  }\n\n  makeId = Math.random().toString(36).slice(1);\n\n  namevalue(): [string, any] {\n    return [this.name, this.value];\n  }\n\n  nameValue = this.namevalue;\n\n  reset() {\n    this.value = this.default;\n    this._input.value = this.default;\n  }\n\n  protected _handleInput(e: HTMLEvent<HTMLInputElement>) {\n    e.stopPropagation();\n    if (this.compositing) {\n      return;\n    }\n    this.value = e.target.value?.trim();\n    this.dispatchEvent(new CustomEvent(\"input\", { detail: this.value, bubbles: true, composed: true }));\n    this.dispatchEvent(new CustomEvent(\"change\", { detail: this.value, composed: true }));\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this._connectedInit();\n  }\n  _connectedInit() {\n    this.default ??= this.value || \"\";\n    this.value ??= this.default;\n  }\n\n  protected _compositionInit() {\n    if (this._input) {\n      this.addEvent(this._input, \"compositionstart\", () => {\n        this.compositing = true;\n      });\n      this.addEvent(this._input, \"compositionend\", (e: HTMLEvent<HTMLInputElement>) => {\n        this.compositing = false;\n        this._handleInput(e);\n      });\n    }\n  }\n\n  protected _changeInputType(t: InputType) {\n    this._input.type = t;\n  }\n\n  focus(options?: FocusOptions) {\n    this._input?.focus(options);\n  }\n\n  protected firstUpdated() {\n    this._compositionInit();\n  }\n\n  protected targetValue(e: Event): string | any {\n    const target = e.target as HTMLInputElement;\n    if (typeof target.value === \"string\") {\n      return target.value.trim();\n    }\n    return target.value;\n  }\n\n  protected _renderSuffix() {\n    if (this.type === PASSWORD) {\n      return html`\n        <label for=${this.makeId} part=\"label\">\n          <i\n            part=\"icon\"\n            @mousedown=\"${() => this._changeInputType(\"text\")}\"\n            @mouseup=\"${() => {\n              this._changeInputType(PASSWORD);\n            }}\"\n            @mouseleave=\"${() => {\n              this._changeInputType(PASSWORD);\n            }}\"\n          >\n            ${svgEye()}\n          </i>\n        </label>\n      `;\n    }\n  }\n\n  /**\n   * @deprecated\n   */\n  pla: string;\n  /**\n   * @deprecated\n   */\n  def: string;\n  /**\n   * @deprecated\n   */\n  compositionCheck: boolean;\n}\n\nexport default GodownSuperInput;\nexport type InputType =\n  | \"hidden\"\n  | \"text\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"email\"\n  | \"password\"\n  | \"datetime\"\n  | \"date\"\n  | \"month\"\n  | \"week\"\n  | \"time\"\n  | \"datetime-local\"\n  | \"number\"\n  | \"range\"\n  | \"color\"\n  | \"checkbox\"\n  | \"radio\"\n  | \"file\"\n  | \"image\";\n"]}

package/proto/super-openable.d.ts

@@ -0,0 +1,23 @@
+import { type PropertyValueMap } from "../_deps.js";
+import { GodownElement } from "./godown-element.js";
+export declare class GodownSuperOpenable extends GodownElement {
+    /**
+     * Make the content float.
+     */
+    float: boolean;
+    /**
+     * Open the content.
+     */
+    open: boolean;
+    toggle(to?: boolean): void;
+    close(): void;
+    show(): void;
+    protected updated(changedProperties: PropertyValueMap<this>): void;
+    protected _handelClick(_: MouseEvent): void;
+}
+export default GodownSuperOpenable;
+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 Direction9 = Direction8 | Direction5;
+//# sourceMappingURL=super-openable.d.ts.map

package/proto/super-openable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-openable.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["proto/super-openable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,qBAAa,mBAAoB,SAAQ,aAAa;IACpD;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACyC,IAAI,UAAS;IAEzD,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,mBAAmB,CAAC;AAEnC,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,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC"}

package/proto/super-openable.js

@@ -0,0 +1,43 @@
+import { __decorate } from "tslib";
+import { property } from "../_deps.js";
+import { GodownElement } from "./godown-element.js";
+export class GodownSuperOpenable extends GodownElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Make the content float.
+         */
+        this.float = false;
+        /**
+         * Open the content.
+         */
+        this.open = false;
+    }
+    toggle(to = !this.open) {
+        this.open = to;
+    }
+    close() {
+        this.open = false;
+    }
+    show() {
+        this.open = true;
+    }
+    updated(changedProperties) {
+        const open = changedProperties.get("open");
+        if (open !== undefined) {
+            this.dispatchEvent(new CustomEvent("change", { detail: this.open }));
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    _handelClick(_) {
+        this.toggle();
+    }
+}
+__decorate([
+    property({ type: Boolean, reflect: true })
+], GodownSuperOpenable.prototype, "float", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], GodownSuperOpenable.prototype, "open", void 0);
+export default GodownSuperOpenable;
+//# sourceMappingURL=super-openable.js.map

package/proto/super-openable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-openable.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["proto/super-openable.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAyB,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,OAAO,mBAAoB,SAAQ,aAAa;IAAtD;;QACE;;WAEG;QACyC,UAAK,GAAG,KAAK,CAAC;QAC1D;;WAEG;QACyC,SAAI,GAAG,KAAK,CAAC;IAyB3D,CAAC;IAvBC,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,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,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;CACF;AA7B6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAe;AAId;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAc;AA2B3D,eAAe,mBAAmB,CAAC","sourcesContent":["import { property, type PropertyValueMap } from \"../_deps.js\";\nimport { GodownElement } from \"./godown-element.js\";\n\nexport class GodownSuperOpenable extends GodownElement {\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  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 (open !== undefined) {\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 GodownSuperOpenable;\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 Direction9 = Direction8 | Direction5;\n"]}

package/range-input.d.ts

@@ -0,0 +1,9 @@
+import RangeInput from "./web-components/input/range-input.js";
+export default RangeInput;
+export * from "./web-components/input/range-input.js";
+declare global {
+    interface HTMLElementTagNameMap {
+        "g-range-input": RangeInput;
+    }
+}
+//# sourceMappingURL=range-input.d.ts.map