godown 2.7.4 → 2.7.6

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

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/carousel/carousel.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property, query } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, htmlStyle, type HTMLTemplate, svgArrow } from \"../../lib/templates.js\";\nimport { GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"carousel\";\n\n/**\n * {@linkcode Carousel} rotates child elements.\n */\n@define(defineName)\nexport class Carousel extends GodownElement {\n  /**\n   * The index of the element is displayed for the first time.\n   */\n  @property({ type: Number }) index = 0;\n  /**\n   * If autochangee > 0, the rotation will be automated.\n   */\n  @property({ type: Number }) autochange = 0;\n  /**\n   * Width.\n   */\n  @property() width = \"\";\n\n  @query(\"section\") _section: HTMLElement;\n  intervalID: number;\n  _clone: HTMLElement[] = [];\n\n  static styles = [\n    css`\n      :host {\n        display: block;\n        transition: all 0.2s;\n      }\n\n      div {\n        overflow: hidden;\n      }\n\n      div,\n      section {\n        width: 100%;\n        display: flex;\n        position: relative;\n        transition: inherit;\n      }\n\n      a {\n        position: absolute;\n        height: 100%;\n        width: fit-content;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n      }\n\n      .prev {\n        left: 0;\n      }\n\n      .prev svg {\n        transform: rotate(180deg);\n      }\n\n      .next {\n        right: 0;\n      }\n\n      i {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: 0.3s;\n        width: 2em;\n        height: 100%;\n      }\n\n      svg {\n        flex: 1;\n        max-height: 100%;\n        max-width: 100%;\n      }\n\n      a:hover i {\n        background-color: #0000001a;\n        width: 2.2em;\n      }\n\n      i svg path {\n        stroke-width: 4;\n      }\n\n      slot::slotted(*) {\n        flex-shrink: 0 !important;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    const style = this.width && `:host{width:${this.width.split(\";\")[0]};}`;\n    return html`<div>\n      <a class=\"prev\" @click=\"${this.prev}\">${this.renderA(\"pre\")}</a>\n      <section>${htmlSlot()}</section>\n      ${htmlStyle(style)}\n      <a class=\"next\" @click=\"${this.next}\">${this.renderA(\"suf\")}</a>\n    </div>`;\n  }\n\n  private renderA(slot: string): HTMLTemplate {\n    if (this.querySelector(`[slot=${slot}]`)) {\n      return htmlSlot(slot);\n    }\n    return html`<i>${svgArrow()}</i>`;\n  }\n\n  remount(index?: number) {\n    super.remount(undefined);\n    if (index !== undefined) {\n      this.show(index);\n    }\n  }\n\n  protected firstUpdated() {\n    if (this.assigned.length) {\n      if (!this.width) {\n        this.width = `${this.assigned[0].offsetWidth}px`;\n      }\n      if (this._clone.length) {\n        this._clone.forEach((element) => element.remove());\n        this._clone = [];\n      }\n      const last = this.assigned[0].cloneNode(true) as HTMLElement;\n      const first = this.assigned[this.assigned.length - 1].cloneNode(true) as HTMLElement;\n      first.style.marginLeft = \"-100%\";\n      this._clone.push(first, last);\n      this.appendChild(last);\n      this.insertBefore(first, this.firstElementChild);\n      this.show(this.index);\n    }\n    if (this.autochange) {\n      this.intervalID = setInterval(() => {\n        this.next();\n      }, this.autochange);\n    }\n  }\n\n  disconnectedCallback() {\n    clearInterval(this.intervalID);\n  }\n\n  show(i: number) {\n    this.index = i;\n    this._section.style.transform = `translateX(-${i}00%)`;\n    this._section.style.transition = \"inherit\";\n  }\n\n  next() {\n    if (this.index === this.assigned.length - 3) {\n      this._section.style.transform = `translateX(100%)`;\n      this._section.style.transition = \"none\";\n      this._section.getBoundingClientRect();\n      this.show(0);\n    } else {\n      this.show(this.index + 1);\n    }\n  }\n\n  prev() {\n    if (this.index === 0) {\n      this._section.style.transform = `translateX(-${this.assigned.length - 2}00%)`;\n      this._section.style.transition = `none`;\n      this._section.getBoundingClientRect();\n      this.show(this.assigned.length - 3);\n    } else {\n      this.show(this.index - 1);\n    }\n  }\n}\n\nexport default Carousel;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"carousel-slider\": Carousel;\n    \"rotation-pool\": Carousel;\n    \"g-carousel\": Carousel;\n  }\n}\n"]}
+{"version":3,"file":"carousel.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/carousel/carousel.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { part } from \"../../decorators/part.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { htmlSlot } from \"../../lib/directives.js\";\nimport { htmlStyle } from \"../../lib/directives.js\";\nimport { svgArrow } from \"../../lib/icons.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\n\nconst protoName = \"carousel\";\n\n/**\n * {@linkcode Carousel} rotates child elements.\n */\n@godown(protoName)\n@styles([\n  css`\n    :host {\n      display: block;\n      transition: all 0.2s;\n    }\n\n    [part=\"root\"] {\n      overflow: hidden;\n    }\n\n    div {\n      width: 100%;\n      display: flex;\n      position: relative;\n      transition: inherit;\n    }\n\n    a {\n      position: absolute;\n      height: 100%;\n      width: -moz-fit-content;\n      width: fit-content;\n      z-index: 1;\n      display: flex;\n      align-items: center;\n    }\n\n    [part=\"prev\"] {\n      left: 0;\n    }\n\n    [part=\"prev\"] svg {\n      transform: rotate(180deg);\n    }\n\n    [part=\"next\"] {\n      right: 0;\n    }\n\n    i {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: 0.3s;\n      width: 2em;\n      height: 100%;\n    }\n\n    svg {\n      flex: 1;\n      max-height: 100%;\n      max-width: 100%;\n    }\n\n    a:hover i {\n      background-color: #0000001a;\n      width: 2.2em;\n    }\n\n    i svg path {\n      stroke-width: 4;\n    }\n\n    slot::slotted(*) {\n      flex-shrink: 0 !important;\n    }\n  `,\n])\nexport class Carousel extends GodownElement {\n  /**\n   * The index of the element is displayed for the first time.\n   */\n  @property({ type: Number }) index = 0;\n  /**\n   * If autoChange > 0, the rotation will be automated.\n   */\n  @property({ type: Number }) autoChange = 0;\n  /**\n   * Width.\n   */\n  @property() width = \"\";\n\n  @part(\"move-root\") _moveRoot: HTMLElement;\n  intervalID: number;\n  _clone: HTMLElement[] = [];\n\n  protected render() {\n    const style = this.width && `:host{width:${this.width.split(\";\")[0]};}`;\n    return html`<div part=\"root\">\n      <a part=\"prev\" class=\"prev\" @click=\"${this.prev}\">\n        <i>${svgArrow()}</i>\n      </a>\n      <div part=\"move-root\">${htmlSlot()}</div>\n      <a part=\"next\" class=\"next\" @click=\"${this.next}\">\n        <i>${svgArrow()}</i>\n      </a>\n      ${htmlStyle(style)}\n    </div>`;\n  }\n\n  protected firstUpdated() {\n    if (this.assigned.length) {\n      if (!this.width) {\n        this.width = `${this.assigned[0].offsetWidth}px`;\n      }\n      if (this._clone.length) {\n        this._clone.forEach((element) => element.remove());\n        this._clone = [];\n      }\n      const last = this.assigned[0].cloneNode(true) as HTMLElement;\n      const first = this.assigned[this.assigned.length - 1].cloneNode(true) as HTMLElement;\n      first.style.marginLeft = \"-100%\";\n      this._clone.push(first, last);\n      this.appendChild(last);\n      this.insertBefore(first, this.firstElementChild);\n      this.show(this.index);\n    }\n    if (this.autoChange) {\n      this.intervalID = setInterval(() => {\n        this.next();\n      }, this.autoChange);\n    }\n  }\n\n  disconnectedCallback() {\n    clearInterval(this.intervalID);\n  }\n\n  show(i: number) {\n    this.index = i;\n    this._moveRoot.style.transform = `translateX(-${i}00%)`;\n    this._moveRoot.style.transition = \"inherit\";\n  }\n\n  next() {\n    if (this.index === this.assigned.length - 3) {\n      this._moveRoot.style.transform = `translateX(100%)`;\n      this._moveRoot.style.transition = \"none\";\n      this._moveRoot.getBoundingClientRect();\n      this.show(0);\n    } else {\n      this.show(this.index + 1);\n    }\n  }\n\n  prev() {\n    if (this.index === 0) {\n      this._moveRoot.style.transform = `translateX(-${this.assigned.length - 2}00%)`;\n      this._moveRoot.style.transition = `none`;\n      this._moveRoot.getBoundingClientRect();\n      this.show(this.assigned.length - 3);\n    } else {\n      this.show(this.index - 1);\n    }\n  }\n}\n\nexport default Carousel;\n"]}

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

@@ -1,6 +1,4 @@
-import { type CSSResultGroup } from "../../.deps.js";
-import { type HTMLTemplate } from "../../lib/templates.js";
-import { GodownOpenable } from "../../supers/openable.js";
+import GodownOpenable from "../../proto/super-openable.js";
 /**
  * {@linkcode Details} similar to details.
  */
@@ -10,20 +8,11 @@ export declare class Details extends GodownOpenable {
      */
     fill: boolean;
     /**
-     * Reverse summary.
+     * Summary text.
      */
-    reverse: boolean;
+    summary: string;
     _dd: HTMLDataListElement;
-    static styles: CSSResultGroup;
-    protected render(): HTMLTemplate;
-    private renderIcon;
-    protected firstUpdated(): void;
+    protected render(): import("lit").TemplateResult<1>;
 }
 export default Details;
-declare global {
-    interface HTMLElementTagNameMap {
-        "open-details": Details;
-        "g-details": Details;
-    }
-}
 //# sourceMappingURL=details.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"details.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/details/details.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAyB,MAAM,gBAAgB,CAAC;AAEjF,OAAO,EAAY,KAAK,YAAY,EAAkB,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAO1D;;GAEG;AACH,qBACa,OAAQ,SAAQ,cAAc;IACzC;;OAEG;IAC0B,IAAI,UAAS;IAC1C;;OAEG;IAC0B,OAAO,UAAS;IAEhC,GAAG,EAAE,mBAAmB,CAAC;IAEtC,MAAM,CAAC,MAAM,iBAoEO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAYhC,OAAO,CAAC,UAAU;IAOlB,SAAS,CAAC,YAAY;CAKvB;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,OAAO,CAAC;QACxB,WAAW,EAAE,OAAO,CAAC;KACtB;CACF"}
+{"version":3,"file":"details.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/details/details.ts"],"names":[],"mappings":"AAKA,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAO3D;;GAEG;AACH,qBAyEa,OAAQ,SAAQ,cAAc;IACzC;;OAEG;IAC0B,IAAI,UAAS;IAC1C;;OAEG;IACS,OAAO,SAAM;IAEZ,GAAG,EAAE,mBAAmB,CAAC;IAEtC,SAAS,CAAC,MAAM;CAWjB;AAED,eAAe,OAAO,CAAC"}

package/web-components/details/details.js

@@ -1,11 +1,13 @@
 import { __decorate } from "tslib";
-import { css, html, property, query } from "../../.deps.js";
-import { define } from "../../decorators/define.js";
-import { htmlSlot, svgDeltaSmooth } from "../../lib/templates.js";
-import { GodownOpenable } from "../../supers/openable.js";
-import { createScope, cssvarValues } from "../../supers/root.js";
-const defineName = "details";
-const cssvarScope = createScope(defineName);
+import { css, html, property, query } from "../../_deps.js";
+import { godown } from "../../decorators/godown.js";
+import { styles } from "../../decorators/styles.js";
+import { htmlSlot } from "../../lib/directives.js";
+import { svgDeltaSmooth } from "../../lib/icons.js";
+import GodownOpenable from "../../proto/super-openable.js";
+import { createScope } from "../../styles/global.js";
+const protoName = "details";
+const cssScope = createScope(protoName);
 /**
  * {@linkcode Details} similar to details.
  */
@@ -17,113 +19,105 @@ let Details = class Details extends GodownOpenable {
          */
         this.fill = false;
         /**
-         * Reverse summary.
+         * Summary text.
          */
-        this.reverse = false;
+        this.summary = "";
     }
     render() {
-        return html `<dl>
-      <dt @click="${this._handelClick}">
-        <span> ${this.summary || htmlSlot("summary")} </span>
-        <i>${this.renderIcon()}</i>
+        return html `<dl part="root">
+      <dt part="title" @click="${this._handelClick}">
+        <span part="summary"> ${this.summary || htmlSlot("summary")} </span>
+        <i part="open">${svgDeltaSmooth()}</i>
       </dt>
-      <dd>
-        <section>${htmlSlot()}</section>
+      <dd part="details" @click=${this.fill ? () => this.toggle() : null}>
+        <section part="slot">${htmlSlot()}</section>
       </dd>
     </dl>`;
     }
-    renderIcon() {
-        if (this.querySelector("slot[name=icon]")) {
-            return htmlSlot("icon");
-        }
-        return svgDeltaSmooth();
-    }
-    firstUpdated() {
-        if (this.fill) {
-            this.addEvent(this._dd, "click", () => this.toggle());
-        }
-    }
 };
-Details.styles = [
-    GodownOpenable.styles,
-    css `
-      :host {
-        color: var(${cssvarValues.text});
-        ${cssvarScope}--icon-deg-open: -90deg;
-        ${cssvarScope}--icon-deg: 0deg;
-        ${cssvarScope}--summary-direction: row;
-      }
-      span {
-        display: inline-flex;
-        align-items: center;
-        white-space: nowrap;
-      }
+__decorate([
+    property({ type: Boolean })
+], Details.prototype, "fill", void 0);
+__decorate([
+    property()
+], Details.prototype, "summary", void 0);
+__decorate([
+    query("dd")
+], Details.prototype, "_dd", void 0);
+Details = __decorate([
+    godown(protoName),
+    styles([
+        css `
+    :host {
+      --${cssScope}--icon-deg-open: -90deg;
+      --${cssScope}--icon-deg: 0deg;
+      --${cssScope}--summary-direction: row;
+      --${cssScope}--transition: .3s;
+      height: -moz-fit-content;
+      height: fit-content;
+      display: block;
+      transition: var(--${cssScope}--transition);
+    }
 
-      dl {
-        height: 100%;
-        position: relative;
-        overflow: hidden;
-      }
+    span {
+      display: inline-flex;
+      align-items: center;
+      white-space: nowrap;
+    }
 
-      dt {
-        display: flex;
-        flex-wrap: nowrap;
-        justify-content: space-between;
-        background: inherit;
-        align-items: center;
-        height: 100%;
-        flex-direction: var(${cssvarScope}--summary-direction);
-      }
+    dl {
+      height: 100%;
+      position: relative;
+      overflow: hidden;
+    }
 
-      dd {
-        overflow: hidden;
-        display: grid;
-        grid-template-rows: 0fr;
-      }
+    dt {
+      height: 100%;
+      display: flex;
+      flex-wrap: nowrap;
+      justify-content: space-between;
+      background: inherit;
+      align-items: center;
+      flex-direction: var(--${cssScope}--summary-direction);
+    }
 
-      * {
-        transition: inherit;
-      }
+    dd {
+      display: grid;
+      overflow: hidden;
+      grid-template-rows: 0fr;
+      transition: var(--${cssScope}--transition);
+      transition-property:grid-template-rows;
+    }
 
-      section {
-        min-height: 0;
-        overflow: hidden;
-      }
+    section {
+      min-height: 0;
+      overflow: hidden;
+    }
 
-      i {
-        height: 1em;
-        wdith: 1em;
-        display: flex;
-        -webkit-backface-visibility: hidden;
-        backface-visibility: hidden;
-        transform: rotate(var(${cssvarScope}--icon-deg));
-      }
+    i {
+      height: 1em;
+      width: 1em;
+      display: flex;
+      -webkit-backface-visibility: hidden;
+              backface-visibility: hidden;
+      transform: rotate(var(--${cssScope}--icon-deg));
+      transition: var(--${cssScope}--transition);
+    }
 
-      :host([open]) dd {
-        grid-template-rows: 1fr;
-      }
+    :host([open]) dd {
+      grid-template-rows: 1fr;
+    }
 
-      :host([float]) dd {
-        top: 100%;
-        position: absolute;
-      }
+    :host([float]) dd {
+      top: 100%;
+      position: absolute;
+    }
 
-      :host([open]) i {
-        transform: rotate(var(${cssvarScope}--icon-deg-open));
-      }
-    `,
-];
-__decorate([
-    property({ type: Boolean })
-], Details.prototype, "fill", void 0);
-__decorate([
-    property({ type: Boolean })
-], Details.prototype, "reverse", void 0);
-__decorate([
-    query("dd")
-], Details.prototype, "_dd", void 0);
-Details = __decorate([
-    define(defineName)
+    :host([open]) i {
+      transform: rotate(var(--${cssScope}--icon-deg-open));
+    }
+  `,
+    ])
 ], Details);
 export { Details };
 export default Details;

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

@@ -1 +1 @@
-{"version":3,"file":"details.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/details/details.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACjF,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEjE,MAAM,UAAU,GAAG,SAAS,CAAC;AAE7B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,cAAc;IAApC;;QACL;;WAEG;QAC0B,SAAI,GAAG,KAAK,CAAC;QAC1C;;WAEG;QAC0B,YAAO,GAAG,KAAK,CAAC;IAkG/C,CAAC;IAxBW,MAAM;QACd,OAAO,IAAI,CAAA;oBACK,IAAI,CAAC,YAAY;iBACpB,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;aACvC,IAAI,CAAC,UAAU,EAAE;;;mBAGX,QAAQ,EAAE;;UAEnB,CAAC;IACT,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,CAAC;YAC1C,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC1B,CAAC;QACD,OAAO,cAAc,EAAE,CAAC;IAC1B,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;;AA7FM,cAAM,GAAG;IACd,cAAc,CAAC,MAAM;IACrB,GAAG,CAAA;;qBAEc,YAAY,CAAC,IAAI;UAC5B,WAAW;UACX,WAAW;UACX,WAAW;;;;;;;;;;;;;;;;;;;;;8BAqBS,WAAW;;;;;;;;;;;;;;;;;;;;;;;;gCAwBT,WAAW;;;;;;;;;;;;;gCAaX,WAAW;;KAEtC;CACgB,AApEN,CAoEO;AA5ES;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCAAc;AAIb;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCAAiB;AAEhC;IAAZ,KAAK,CAAC,IAAI,CAAC;oCAA0B;AAV3B,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CA0GnB;;AAED,eAAe,OAAO,CAAC","sourcesContent":["import { css, type CSSResultGroup, html, property, query } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate, svgDeltaSmooth } from \"../../lib/templates.js\";\nimport { GodownOpenable } from \"../../supers/openable.js\";\nimport { createScope, cssvarValues } from \"../../supers/root.js\";\n\nconst defineName = \"details\";\n\nconst cssvarScope = createScope(defineName);\n\n/**\n * {@linkcode Details} similar to details.\n */\n@define(defineName)\nexport class Details extends GodownOpenable {\n  /**\n   * If it is true, the summary event scope will fill the element.\n   */\n  @property({ type: Boolean }) fill = false;\n  /**\n   * Reverse summary.\n   */\n  @property({ type: Boolean }) reverse = false;\n\n  @query(\"dd\") _dd: HTMLDataListElement;\n\n  static styles = [\n    GodownOpenable.styles,\n    css`\n      :host {\n        color: var(${cssvarValues.text});\n        ${cssvarScope}--icon-deg-open: -90deg;\n        ${cssvarScope}--icon-deg: 0deg;\n        ${cssvarScope}--summary-direction: row;\n      }\n      span {\n        display: inline-flex;\n        align-items: center;\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        flex-direction: var(${cssvarScope}--summary-direction);\n      }\n\n      dd {\n        overflow: hidden;\n        display: grid;\n        grid-template-rows: 0fr;\n      }\n\n      * {\n        transition: inherit;\n      }\n\n      section {\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      i {\n        height: 1em;\n        wdith: 1em;\n        display: flex;\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: rotate(var(${cssvarScope}--icon-deg));\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      :host([open]) i {\n        transform: rotate(var(${cssvarScope}--icon-deg-open));\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    return html`<dl>\n      <dt @click=\"${this._handelClick}\">\n        <span> ${this.summary || htmlSlot(\"summary\")} </span>\n        <i>${this.renderIcon()}</i>\n      </dt>\n      <dd>\n        <section>${htmlSlot()}</section>\n      </dd>\n    </dl>`;\n  }\n\n  private renderIcon(): HTMLTemplate {\n    if (this.querySelector(\"slot[name=icon]\")) {\n      return htmlSlot(\"icon\");\n    }\n    return svgDeltaSmooth();\n  }\n\n  protected firstUpdated() {\n    if (this.fill) {\n      this.addEvent(this._dd, \"click\", () => this.toggle());\n    }\n  }\n}\n\nexport default Details;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"open-details\": Details;\n    \"g-details\": Details;\n  }\n}\n"]}
+{"version":3,"file":"details.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/details/details.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;GAEG;AA0EI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,cAAc;IAApC;;QACL;;WAEG;QAC0B,SAAI,GAAG,KAAK,CAAC;QAC1C;;WAEG;QACS,YAAO,GAAG,EAAE,CAAC;IAe3B,CAAC;IAXW,MAAM;QACd,OAAO,IAAI,CAAA;iCACkB,IAAI,CAAC,YAAY;gCAClB,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;yBAC1C,cAAc,EAAE;;kCAEP,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI;+BACzC,QAAQ,EAAE;;UAE/B,CAAC;IACT,CAAC;CACF,CAAA;AAnB8B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCAAc;AAI9B;IAAX,QAAQ,EAAE;wCAAc;AAEZ;IAAZ,KAAK,CAAC,IAAI,CAAC;oCAA0B;AAV3B,OAAO;IAzEnB,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC;QACN,GAAG,CAAA;;UAEK,QAAQ;UACR,QAAQ;UACR,QAAQ;UACR,QAAQ;;;;0BAIQ,QAAQ;;;;;;;;;;;;;;;;;;;;;;8BAsBJ,QAAQ;;;;;;;0BAOZ,QAAQ;;;;;;;;;;;;;;;gCAeF,QAAQ;0BACd,QAAQ;;;;;;;;;;;;;gCAaF,QAAQ;;GAErC;KACF,CAAC;GACW,OAAO,CAuBnB;;AAED,eAAe,OAAO,CAAC","sourcesContent":["import { css, html, property, query } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { htmlSlot } from \"../../lib/directives.js\";\nimport { svgDeltaSmooth } from \"../../lib/icons.js\";\nimport GodownOpenable from \"../../proto/super-openable.js\";\nimport { createScope } from \"../../styles/global.js\";\n\nconst protoName = \"details\";\n\nconst cssScope = createScope(protoName);\n\n/**\n * {@linkcode Details} similar to details.\n */\n@godown(protoName)\n@styles([\n  css`\n    :host {\n      --${cssScope}--icon-deg-open: -90deg;\n      --${cssScope}--icon-deg: 0deg;\n      --${cssScope}--summary-direction: row;\n      --${cssScope}--transition: .3s;\n      height: -moz-fit-content;\n      height: fit-content;\n      display: block;\n      transition: var(--${cssScope}--transition);\n    }\n\n    span {\n      display: inline-flex;\n      align-items: center;\n      white-space: nowrap;\n    }\n\n    dl {\n      height: 100%;\n      position: relative;\n      overflow: hidden;\n    }\n\n    dt {\n      height: 100%;\n      display: flex;\n      flex-wrap: nowrap;\n      justify-content: space-between;\n      background: inherit;\n      align-items: center;\n      flex-direction: var(--${cssScope}--summary-direction);\n    }\n\n    dd {\n      display: grid;\n      overflow: hidden;\n      grid-template-rows: 0fr;\n      transition: var(--${cssScope}--transition);\n      transition-property:grid-template-rows;\n    }\n\n    section {\n      min-height: 0;\n      overflow: hidden;\n    }\n\n    i {\n      height: 1em;\n      width: 1em;\n      display: flex;\n      -webkit-backface-visibility: hidden;\n              backface-visibility: hidden;\n      transform: rotate(var(--${cssScope}--icon-deg));\n      transition: var(--${cssScope}--transition);\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    :host([open]) i {\n      transform: rotate(var(--${cssScope}--icon-deg-open));\n    }\n  `,\n])\nexport class Details extends GodownOpenable {\n  /**\n   * If it is true, the summary event scope will fill the element.\n   */\n  @property({ type: Boolean }) fill = false;\n  /**\n   * Summary text.\n   */\n  @property() summary = \"\";\n\n  @query(\"dd\") _dd: HTMLDataListElement;\n\n  protected render() {\n    return html`<dl part=\"root\">\n      <dt part=\"title\" @click=\"${this._handelClick}\">\n        <span part=\"summary\"> ${this.summary || htmlSlot(\"summary\")} </span>\n        <i part=\"open\">${svgDeltaSmooth()}</i>\n      </dt>\n      <dd part=\"details\" @click=${this.fill ? () => this.toggle() : null}>\n        <section part=\"slot\">${htmlSlot()}</section>\n      </dd>\n    </dl>`;\n  }\n}\n\nexport default Details;\n"]}

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

@@ -1,42 +1,31 @@
-import { CSSResultGroup } from "../../.deps.js";
-import { type HTMLTemplate } from "../../lib/templates.js";
-import GodownOpenable, { Direction9 } from "../../supers/openable.js";
+import GodownSuperOpenable, { type Direction9 } from "../../proto/super-openable.js";
 /**
  * {@linkcode Dialog} similar to dialog.
  */
-export declare class Dialog extends GodownOpenable {
+export declare class Dialog extends GodownSuperOpenable {
     direction: Direction9;
     /**
      * Enable modal.
      */
     modal: boolean;
     /**
-     * Enable scale.
+     * @deprecated
      */
     scale: boolean;
     /**
-     * Scale gap.
+     * @deprecated
      */
     gap: number;
     /**
      * Exit key, which can be multiple.
      */
     key: string;
-    _div: HTMLDivElement;
-    static styles: CSSResultGroup;
-    protected render(): HTMLTemplate;
+    protected render(): import("lit").TemplateResult<1>;
     connectedCallback(): void;
     showModal(): void;
-    protected _handleWheel(e: any): void;
+    protected _handelWheel(e: WheelEvent): void;
     protected _handleKeydown(e: KeyboardEvent): void;
     protected _handelSubmit(e: SubmitEvent): void;
 }
 export default Dialog;
-declare global {
-    interface HTMLElementTagNameMap {
-        "open-dialog": Dialog;
-        "dialog-item": Dialog;
-        "g-dialog": Dialog;
-    }
-}
 //# sourceMappingURL=dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/dialog/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAyB,MAAM,gBAAgB,CAAC;AAE5E,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,cAAc,EAAE,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAKtE;;GAEG;AACH,qBACa,MAAO,SAAQ,cAAc;IACxC,SAAS,EAAE,UAAU,CAAY;IACjC;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IAC0B,KAAK,UAAS;IAC3C;;OAEG;IACyB,GAAG,SAAO;IACtC;;OAEG;IACyB,GAAG,SAAY;IAE7B,IAAI,EAAE,cAAc,CAAC;IAEnC,MAAM,CAAC,MAAM,EAAE,cAAc,CAkG3B;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,iBAAiB;IAcjB,SAAS;IAKT,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG;IAU7B,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa;IAOzC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW;CAKvC;AAED,eAAe,MAAM,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,MAAM,CAAC;QACtB,aAAa,EAAE,MAAM,CAAC;QACtB,UAAU,EAAE,MAAM,CAAC;KACpB;CACF"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/dialog/dialog.ts"],"names":[],"mappings":"AAIA,OAAO,mBAAmB,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAMrF;;GAEG;AACH,qBA4Ea,MAAO,SAAQ,mBAAmB;IAC7C,SAAS,EAAE,UAAU,CAAY;IACjC;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACyB,GAAG,SAAY;IAE3C,SAAS,CAAC,MAAM;IAIhB,iBAAiB;IAQjB,SAAS;IAKT,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAMpC,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa;IAOzC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW;CAKvC;AAED,eAAe,MAAM,CAAC"}