godown 3.2.0 → 3.4.0

package/dev/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGlF,MAAM,SAAS,GAAG,MAAM,CAAC;AACzB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;;;GAUG;AAsCH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QAEE,WAAM,GAAG,KAAK,CAAC;QAGf,WAAM,GAAG,KAAK,CAAC;IAYjB,CAAC;IAVW,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;UAEzB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;;KAE/F,CAAC;IACJ,CAAC;CACF,CAAA;AAfC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCACb;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCACb;AALX,IAAI;IArCT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;MAEL,QAAQ,qBAAqB,aAAa,CAAC,UAAU;MACrD,QAAQ;MACR,QAAQ;MACR,QAAQ,4BAA4B,aAAa,CAAC,OAAO;MACzD,QAAQ;iBACG,aAAa,CAAC,UAAU;sBACnB,QAAQ;wBACN,QAAQ;;;;;;;;;;mBAUb,QAAQ;;;;;wBAKH,QAAQ;;;;;4BAKJ,QAAQ;;;;+BAIL,QAAQ;;CAEtC,CAAC;GACI,IAAI,CAiBT;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGlF,MAAM,SAAS,GAAG,MAAM,CAAC;AACzB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;;;GAUG;AAgCH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QACE;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;QAEf;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;IAYjB,CAAC;IAVW,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;UAEzB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;;KAE/F,CAAC;IACJ,CAAC;CACF,CAAA;AAlBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCACb;AAMf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCACb;AAXX,IAAI;IA/BT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;MAEL,QAAQ;MACR,QAAQ,uBAAuB,aAAa,CAAC,OAAO;MACpD,QAAQ;wBACU,QAAQ;;;;;;;;mBAQb,QAAQ;;;;;wBAKH,QAAQ;;;;;4BAKJ,QAAQ;;;;+BAIL,QAAQ;;CAEtC,CAAC;GACI,IAAI,CAuBT;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dev/components/carousel.d.ts

@@ -6,39 +6,33 @@ import { GlobalStyle } from "../core/global-style.js";
  * When this component is `firstUpdated`,
  * clone the first and last element and make the matching element visible when switching index.
  *
- * Child elements should maintain the same size.
- *
- * If no width, it will be the width of the first element.
- *
  * @slot - Carousel items, should maintain the same size.
  * @fires change - Fires when the index changes.
  * @category display
  */
 declare class Carousel extends GlobalStyle {
     /**
-     * The index of the element is displayed for the first time.
+     * The index of the current item.
      */
     index: number;
     /**
-     * If autoChange > 0, the rotation will be automated.
+     * The duration of the transition.
      */
     autoChange: number;
-    /**
-     * Element width.
-     */
-    width: string;
     protected _moveRoot: HTMLElement;
     intervalID: number;
     private __cloneFirst;
     private __cloneLast;
+    protected _offset: number;
     protected render(): TemplateResult<1>;
+    connectedCallback(): void;
     protected firstUpdated(): Promise<void>;
-    disconnectedCallback(): void;
-    show(i: number): void;
+    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
+    show(i: number, n?: boolean): void;
     next(): void;
     prev(): void;
     protected _doTranslateX(xValue: string, noTransition?: boolean): void;
-    checkInterval(): void;
+    normalizeIndex(i: number): number;
 }
 export default Carousel;
 export { Carousel };

package/dev/components/carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/components/carousel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;;;GAaG;AACH,cA6CM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,UAAU,SAAK;IAEf;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC;IAEjC,UAAU,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,WAAW,CAA0B;IAE7C,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;cA6BrB,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAiB7C,oBAAoB,IAAI,IAAI;IAI5B,IAAI,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAKrB,IAAI,IAAI,IAAI;IAUZ,IAAI,IAAI,IAAI;IAUZ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI;IAQrE,aAAa,IAAI,IAAI;CAUtB;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/components/carousel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtD;;;;;;;;;GASG;AACH,cA6CM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,UAAU,SAAK;IAGf,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC;IAEjC,UAAU,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,WAAW,CAA0B;IAE7C,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAE1B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAuBrC,iBAAiB,IAAI,IAAI;cAYT,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAK7C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOvF,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI;IAoBlC,IAAI,IAAI,IAAI;IASZ,IAAI,IAAI,IAAI;IASZ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI;IAKrE,cAAc,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;CAQlC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dev/components/carousel.js

@@ -1,21 +1,20 @@
 import { __decorate } from "tslib";
-import { attr, godown, htmlSlot, htmlStyle, part, styles } from "@godown/element";
+import { attr, godown, htmlSlot, part, styles } from "@godown/element";
 import iconChevronLeft from "@godown/f7-icon/icons/chevron-left.js";
 import iconChevronRight from "@godown/f7-icon/icons/chevron-right.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { GlobalStyle } from "../core/global-style.js";
 const protoName = "carousel";
+function getWidth(e) {
+    return e.getBoundingClientRect().width;
+}
 /**
  * {@linkcode Carousel} make the content display as a carousel.
  *
  * When this component is `firstUpdated`,
  * clone the first and last element and make the matching element visible when switching index.
  *
- * Child elements should maintain the same size.
- *
- * If no width, it will be the width of the first element.
- *
  * @slot - Carousel items, should maintain the same size.
  * @fires change - Fires when the index changes.
  * @category display
@@ -24,11 +23,11 @@ let Carousel = class Carousel extends GlobalStyle {
     constructor() {
         super(...arguments);
         /**
-         * The index of the element is displayed for the first time.
+         * The index of the current item.
          */
         this.index = 0;
         /**
-         * If autoChange > 0, the rotation will be automated.
+         * The duration of the transition.
          */
         this.autoChange = 0;
     }
@@ -44,42 +43,53 @@ let Carousel = class Carousel extends GlobalStyle {
         >
           ${iconChevronLeft()}
         </i>
-        <div
-          part="move-root"
-          style="transform:${`translateX(-${this.index + 1}00%)`}"
-        >
-          ${htmlSlot()}
-        </div>
+        <div part="move-root">${htmlSlot()}</div>
         <i
           part="next"
           @click="${this.next}"
         >
           ${iconChevronRight()}
         </i>
-        ${htmlStyle(`:host,:host([contents]) [part=root]{width:${this.width};}`)}
       </div>
     `;
     }
-    async firstUpdated() {
-        await this.updateComplete;
+    connectedCallback() {
+        super.connectedCallback();
         if (this.children.length) {
-            this.width ||= `${this.firstElementChild.offsetWidth}px`;
             this.__cloneFirst?.remove();
             this.__cloneLast?.remove();
             this.__cloneLast = this.firstElementChild.cloneNode(true);
             this.__cloneFirst = this.lastElementChild.cloneNode(true);
             this.appendChild(this.__cloneLast);
             this.insertBefore(this.__cloneFirst, this.firstElementChild);
-            this.show(this.index);
         }
-        this.checkInterval();
     }
-    disconnectedCallback() {
-        clearInterval(this.intervalID);
+    async firstUpdated() {
+        await this.updateComplete;
+        this.show(this.index, true);
+    }
+    attributeChangedCallback(name, _old, value) {
+        super.attributeChangedCallback(name, _old, value);
+        if (name === "index" && this.isConnected) {
+            this.show(this.index);
+        }
     }
-    show(i) {
+    show(i, n) {
+        i = this.normalizeIndex(i);
         this.index = i;
+        this._offset = 0;
+        for (let childIndex = 0; childIndex <= i; childIndex++) {
+            this._offset -= getWidth(this.children[childIndex]);
+        }
+        this._offset += (getWidth(this) - getWidth(this.children[i + 1])) / 2;
         this.dispatchEvent(new CustomEvent("change", { detail: i, composed: true }));
+        this._doTranslateX(`${this._offset}px`, n);
+        this.timeouts.remove(this.intervalID);
+        if (this.autoChange > 0) {
+            this.intervalID = this.timeouts.add(setInterval(() => {
+                this.next();
+            }, this.autoChange));
+        }
     }
     next() {
         if (this.index === this.childElementCount - 3) {
@@ -89,7 +99,6 @@ let Carousel = class Carousel extends GlobalStyle {
         else {
             this.show(this.index + 1);
         }
-        this.checkInterval();
     }
     prev() {
         if (this.index === 0) {
@@ -99,24 +108,19 @@ let Carousel = class Carousel extends GlobalStyle {
         else {
             this.show(this.index - 1);
         }
-        this.checkInterval();
     }
     _doTranslateX(xValue, noTransition) {
         this._moveRoot.style.transform = `translateX(${xValue})`;
-        if (noTransition) {
-            this._moveRoot.style.transition = "none";
-        }
-        this._moveRoot.getBoundingClientRect();
+        this._moveRoot.style.transition = noTransition ? "none" : "";
     }
-    checkInterval() {
-        if (this.autoChange) {
-            if (this.intervalID) {
-                clearInterval(this.intervalID);
-            }
-            this.intervalID = setInterval(() => {
-                this.next();
-            }, this.autoChange);
+    normalizeIndex(i) {
+        if (i < 0) {
+            return 0;
         }
+        else if (i > this.children.length - 3) {
+            return this.children.length - 3;
+        }
+        return i;
     }
 };
 __decorate([
@@ -125,9 +129,6 @@ __decorate([
 __decorate([
     property({ type: Number })
 ], Carousel.prototype, "autoChange", void 0);
-__decorate([
-    property()
-], Carousel.prototype, "width", void 0);
 __decorate([
     part("move-root")
 ], Carousel.prototype, "_moveRoot", void 0);

package/dev/components/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../src/components/carousel.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../src/components/carousel.ts"],"names":[],"mappings":"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"}

package/dev/components/details.d.ts

@@ -1,5 +1,5 @@
 import { type TemplateResult } from "lit";
-import SuperOpenable from "../core/super-openable.js";
+import { SuperOpenable } from "../core/super-openable.js";
 /**
  * {@linkcode Details} similar to `<details>`.
  *
@@ -10,11 +10,11 @@ import SuperOpenable from "../core/super-openable.js";
  */
 declare class Details extends SuperOpenable {
     /**
-     * If it is true, the summary event scope will fill the element.
+     * Determines whether the details component should fill the available space.
      */
     fill: boolean;
     /**
-     * Summary text.
+     * The summary text to display in the details component.
      */
     summary: string;
     protected render(): TemplateResult<1>;

package/dev/components/details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../src/components/details.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAMtD;;;;;;;GAOG;AACH,cA2DM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,SAAM;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAwBtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../src/components/details.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM1D;;;;;;;GAOG;AACH,cA2DM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,SAAM;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAwBtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dev/components/details.js

@@ -4,7 +4,7 @@ import svgCaretDown from "@godown/f7-icon/icons/chevron-down.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { scopePrefix } from "../core/global-style.js";
-import SuperOpenable from "../core/super-openable.js";
+import { SuperOpenable } from "../core/super-openable.js";
 const protoName = "details";
 const cssScope = scopePrefix(protoName);
 /**
@@ -19,11 +19,11 @@ let Details = class Details extends SuperOpenable {
     constructor() {
         super(...arguments);
         /**
-         * If it is true, the summary event scope will fill the element.
+         * Determines whether the details component should fill the available space.
          */
         this.fill = false;
         /**
-         * Summary text.
+         * The summary text to display in the details component.
          */
         this.summary = "";
     }

package/dev/components/details.js.map

@@ -1 +1 @@
-{"version":3,"file":"details.js","sourceRoot":"","sources":["../../src/components/details.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,YAAY,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAEtD,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;GAOG;AA4DH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QACE;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;QAEb;;WAEG;QAEH,YAAO,GAAG,EAAE,CAAC;IA0Bf,CAAC;IAxBW,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;;;oBAIf,IAAI,CAAC,YAAY;;iCAEJ,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;;6BAEvC,YAAY,EAAE;;;;;mBAKxB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI;;wCAEjB,QAAQ,EAAE;;;KAG7C,CAAC;IACJ,CAAC;CACF,CAAA;AAhCC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACf;AAMb;IADC,QAAQ,EAAE;wCACE;AAXT,OAAO;IA3DZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;MAEL,QAAQ;MACR,QAAQ;MACR,QAAQ;MACR,QAAQ;MACR,QAAQ;;;sBAGQ,QAAQ;;;;;;;;;;;;;;;;;0BAiBJ,QAAQ;;;;;;;sBAOZ,QAAQ;;;;;;;;;;;;;;;;mBAgBX,QAAQ;sBACL,QAAQ;4BACF,QAAQ;;;;4BAIR,QAAQ;;CAEnC,CAAC;GACI,OAAO,CAqCZ;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"details.js","sourceRoot":"","sources":["../../src/components/details.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,YAAY,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;GAOG;AA4DH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QACE;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;QAEb;;WAEG;QAEH,YAAO,GAAG,EAAE,CAAC;IA0Bf,CAAC;IAxBW,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;;;oBAIf,IAAI,CAAC,YAAY;;iCAEJ,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;;6BAEvC,YAAY,EAAE;;;;;mBAKxB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI;;wCAEjB,QAAQ,EAAE;;;KAG7C,CAAC;IACJ,CAAC;CACF,CAAA;AAhCC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACf;AAMb;IADC,QAAQ,EAAE;wCACE;AAXT,OAAO;IA3DZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;MAEL,QAAQ;MACR,QAAQ;MACR,QAAQ;MACR,QAAQ;MACR,QAAQ;;;sBAGQ,QAAQ;;;;;;;;;;;;;;;;;0BAiBJ,QAAQ;;;;;;;sBAOZ,QAAQ;;;;;;;;;;;;;;;;mBAgBX,QAAQ;sBACL,QAAQ;4BACF,QAAQ;;;;4BAIR,QAAQ;;CAEnC,CAAC;GACI,OAAO,CAqCZ;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dev/components/dialog.d.ts

@@ -1,6 +1,7 @@
 import { type HandlerEvent } from "@godown/element";
 import { type PropertyValues, type TemplateResult } from "lit";
-import SuperOpenable from "../core/super-openable.js";
+import { SuperOpenable } from "../core/super-openable.js";
+import { type DirectionCardinal, type DirectionCenter, type DirectionCorner } from "../core/direction.js";
 /**
  * {@linkcode Dialog} similar to `<dialog>`.
  *
@@ -13,18 +14,20 @@ import SuperOpenable from "../core/super-openable.js";
  */
 declare class Dialog extends SuperOpenable {
     /**
-     * Direction of the opening animation.
-     * @deprecated
+     * The direction of the dialog container.
      */
-    direction: string;
+    direction: DirectionCardinal | DirectionCorner | DirectionCenter;
     /**
-     * Enable modal, blocking event penetration.
+     * Indicates whether the dialog should be displayed as a modal.
      */
     modal: boolean;
     /**
-     * Close key.
+     * The keys will close the dialog when pressed.
      */
     key: string;
+    /**
+     * Indicates whether the modal has been invoked.
+     */
     private __modalInvoke;
     protected render(): TemplateResult<1>;
     showModal(): void;

package/dev/components/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAkC,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAI1E,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAKtD;;;;;;;;;GASG;AACH,cA+DM,MAAO,SAAQ,aAAa;IAChC;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAY;IAEf,OAAO,CAAC,aAAa,CAAS;IAE9B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAYrC,SAAS,IAAI,IAAI;IAQjB,OAAO,CAAC,aAAa,CAAqC;IAC1D,OAAO,CAAC,cAAc,CAAqC;IAE3D,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAc1D,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAQhD,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,GAAG,IAAI;IAO/D,KAAK,IAAI,IAAI;CAOd;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAkC,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,eAAe,EAErB,MAAM,sBAAsB,CAAC;AAK9B;;;;;;;;;GASG;AACH,cAkDM,MAAO,SAAQ,aAAa;IAChC;;OAEG;IAEH,SAAS,EAAE,iBAAiB,GAAG,eAAe,GAAG,eAAe,CAAC;IAEjE;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAY;IAEf;;OAEG;IACH,OAAO,CAAC,aAAa,CAAS;IAE9B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAiBrC,SAAS,IAAI,IAAI;IAQjB,OAAO,CAAC,aAAa,CAAqC;IAC1D,OAAO,CAAC,cAAc,CAAqC;IAE3D,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAc1D,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAQhD,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,GAAG,IAAI;IAO/D,KAAK,IAAI,IAAI;CAOd;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dev/components/dialog.js

@@ -2,8 +2,9 @@ import { __decorate } from "tslib";
 import { attr, godown, htmlSlot, styles } from "@godown/element";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
-import { cssGlobalVars, scopePrefix } from "../core/global-style.js";
-import SuperOpenable from "../core/super-openable.js";
+import { scopePrefix } from "../core/global-style.js";
+import { SuperOpenable } from "../core/super-openable.js";
+import { directionInsetAlign, } from "../core/direction.js";
 const protoName = "dialog";
 const cssScope = scopePrefix(protoName);
 /**
@@ -20,13 +21,16 @@ let Dialog = class Dialog extends SuperOpenable {
     constructor() {
         super(...arguments);
         /**
-         * Enable modal, blocking event penetration.
+         * Indicates whether the dialog should be displayed as a modal.
          */
         this.modal = false;
         /**
-         * Close key.
+         * The keys will close the dialog when pressed.
          */
         this.key = "Escape";
+        /**
+         * Indicates whether the modal has been invoked.
+         */
         this.__modalInvoke = false;
     }
     render() {
@@ -36,7 +40,12 @@ let Dialog = class Dialog extends SuperOpenable {
         ${attr(this.observedRecord)}
       >
         <div part="modal"></div>
-        <div part="container">${htmlSlot()}</div>
+        <div
+          part="container"
+          direction-inset-align
+        >
+          ${htmlSlot()}
+        </div>
       </div>
     `;
     }
@@ -82,6 +91,9 @@ let Dialog = class Dialog extends SuperOpenable {
         this.open = false;
     }
 };
+__decorate([
+    property()
+], Dialog.prototype, "direction", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], Dialog.prototype, "modal", void 0);
@@ -90,68 +102,52 @@ __decorate([
 ], Dialog.prototype, "key", void 0);
 Dialog = __decorate([
     godown(protoName),
-    styles(css `
-  :host {
-    ${cssScope}--background: none;
-    ${cssScope}--background-modal: var(${cssGlobalVars.background});
-    ${cssScope}--opacity-modal: 0.2;
-    background: var(${cssScope}--background);
-    pointer-events: none;
-    visibility: hidden;
-    position: fixed;
-    z-index: 1;
-    inset: 0;
-  }
-
-  :host([open]) {
-    visibility: visible;
-  }
-
-  :host([open][modal]) [part="modal"] {
-    pointer-events: all;
-    visibility: visible;
-    opacity: var(${cssScope}--opacity-modal);
-  }
-
-  [part="modal"] {
-    visibility: hidden;
-    opacity: 0;
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    background: var(${cssScope}--background-modal);
-  }
-
-  [part="root"] {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    position: relative;
-    align-items: center;
-    justify-content: center;
-  }
+    styles(directionInsetAlign, css `
+    :host {
+      ${cssScope}--background: none;
+      ${cssScope}--background-modal: black;
+      ${cssScope}--opacity-modal: 0.2;
+      background: var(${cssScope}--background);
+      pointer-events: none;
+      visibility: hidden;
+      position: fixed;
+      z-index: 1;
+      inset: 0;
+    }
 
-  [part="container"] {
-    pointer-events: all;
-    position: absolute;
-  }
+    :host([open]) {
+      visibility: visible;
+    }
 
-  [direction^="top"] [part="container"] {
-    top: 0;
-  }
+    :host([open][modal]) [part="modal"] {
+      pointer-events: all;
+      visibility: visible;
+      opacity: var(${cssScope}--opacity-modal);
+    }
 
-  [direction^="bottom"] [part="container"] {
-    bottom: 0;
-  }
+    [part="modal"] {
+      visibility: hidden;
+      opacity: 0;
+      width: 100%;
+      height: 100%;
+      position: absolute;
+      background: var(${cssScope}--background-modal);
+    }
 
-  [direction$="right"] [part="container"] {
-    right: 0;
-  }
+    [part="root"] {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      position: relative;
+      align-items: center;
+      justify-content: center;
+    }
 
-  [direction$="left"] [part="container"] {
-    left: 0;
-  }
-`)
+    [part="container"] {
+      pointer-events: all;
+      position: absolute;
+    }
+  `)
 ], Dialog);
 export default Dialog;
 export { Dialog };

package/dev/components/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"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"}

package/dev/components/divider.d.ts

@@ -7,7 +7,7 @@ import { GlobalStyle } from "../core/global-style.js";
  */
 declare class Divider extends GlobalStyle {
     /**
-     * Vertical display.
+     * Whether to display the divider vertically.
      */
     vertical: boolean;
     protected render(): TemplateResult<1>;

package/dev/components/divider.js

@@ -13,7 +13,7 @@ let Divider = class Divider extends GlobalStyle {
     constructor() {
         super(...arguments);
         /**
-         * Vertical display.
+         * Whether to display the divider vertically.
          */
         this.vertical = false;
     }

package/dev/components/heading.d.ts

@@ -15,6 +15,8 @@ declare class Heading extends GlobalStyle {
     as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     /**
      * The anchor prefix.
+     *
+     * Element must have an id to be displayed.
      */
     anchor: string;
     /**

package/dev/components/heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/components/heading.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;GAOG;AACH,cAqCM,OAAQ,SAAQ,WAAW;IAC/B;;OAEG;IAEH,EAAE,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEnD;;OAEG;IAEH,MAAM,SAAO;IAEb;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,OAAO,CAAU;IAEhC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAmBrC,SAAS,CAAC,WAAW,CAAC,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC;CA4B7D;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/components/heading.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;GAOG;AACH,cAqCM,OAAQ,SAAQ,WAAW;IAC/B;;OAEG;IAEH,EAAE,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEnD;;;;OAIG;IAEH,MAAM,SAAO;IAEb;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,OAAO,CAAU;IAEhC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAmBrC,SAAS,CAAC,WAAW,CAAC,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC;CA4B7D;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dev/components/heading.js

@@ -21,6 +21,8 @@ let Heading = class Heading extends GlobalStyle {
         this.as = "h1";
         /**
          * The anchor prefix.
+         *
+         * Element must have an id to be displayed.
          */
         this.anchor = "#";
         /**

package/dev/components/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../src/components/heading.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B;;;;;;;GAOG;AAsCH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,WAAW;IAAjC;;QACE;;WAEG;QAEH,OAAE,GAA4C,IAAI,CAAC;QAEnD;;WAEG;QAEH,WAAM,GAAG,GAAG,CAAC;QAEb;;WAEG;QAEH,SAAI,GAAqB,MAAM,CAAC;IAiDlC,CAAC;IA/CW,MAAM;QACd,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;UACvC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;UAEzB,IAAI,CAAC,WAAW,CAChB,QAAQ,EAAE,EACV,IAAI,CAAC,EAAE;YACL,CAAC,CAAC,IAAI,CAAA;mCACiB,IAAI,CAAC,MAAM;eAC/B;YACH,CAAC,CAAC,EAAE,CACP;;KAEJ,CAAC;IACJ,CAAC;IAES,WAAW,CAAC,GAAG,QAAe;QACtC,QAAQ,IAAI,CAAC,EAAE,EAAE,CAAC;YAChB,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA;gBACH,QAAQ;SACf,CAAC;YACJ,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA;gBACH,QAAQ;SACf,CAAC;YACJ,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA;gBACH,QAAQ;SACf,CAAC;YACJ,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA;gBACH,QAAQ;SACf,CAAC;YACJ,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA;gBACH,QAAQ;SACf,CAAC;YACJ;gBACE,OAAO,IAAI,CAAA;gBACH,QAAQ;SACf,CAAC;QACN,CAAC;IACH,CAAC;CACF,CAAA;AA7DC;IADC,QAAQ,EAAE;mCACwC;AAMnD;IADC,QAAQ,EAAE;uCACE;AAMb;IADC,QAAQ,EAAE;qCACqB;AAjB5B,OAAO;IArCZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCV,CAAC;GACI,OAAO,CAkEZ;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../src/components/heading.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B;;;;;;;GAOG;AAsCH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,WAAW;IAAjC;;QACE;;WAEG;QAEH,OAAE,GAA4C,IAAI,CAAC;QAEnD;;;;WAIG;QAEH,WAAM,GAAG,GAAG,CAAC;QAEb;;WAEG;QAEH,SAAI,GAAqB,MAAM,CAAC;IAiDlC,CAAC;IA/CW,MAAM;QACd,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;UACvC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;UAEzB,IAAI,CAAC,WAAW,CAChB,QAAQ,EAAE,EACV,IAAI,CAAC,EAAE;YACL,CAAC,CAAC,IAAI,CAAA;mCACiB,IAAI,CAAC,MAAM;eAC/B;YACH,CAAC,CAAC,EAAE,CACP;;KAEJ,CAAC;IACJ,CAAC;IAES,WAAW,CAAC,GAAG,QAAe;QACtC,QAAQ,IAAI,CAAC,EAAE,EAAE,CAAC;YAChB,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA;gBACH,QAAQ;SACf,CAAC;YACJ,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA;gBACH,QAAQ;SACf,CAAC;YACJ,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA;gBACH,QAAQ;SACf,CAAC;YACJ,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA;gBACH,QAAQ;SACf,CAAC;YACJ,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA;gBACH,QAAQ;SACf,CAAC;YACJ;gBACE,OAAO,IAAI,CAAA;gBACH,QAAQ;SACf,CAAC;QACN,CAAC;IACH,CAAC;CACF,CAAA;AA/DC;IADC,QAAQ,EAAE;mCACwC;AAQnD;IADC,QAAQ,EAAE;uCACE;AAMb;IADC,QAAQ,EAAE;qCACqB;AAnB5B,OAAO;IArCZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCV,CAAC;GACI,OAAO,CAoEZ;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dev/components/input.d.ts

@@ -1,5 +1,5 @@
 import { type TemplateResult } from "lit";
-import SuperInput from "../core/super-input.js";
+import { SuperInput } from "../core/super-input.js";
 /**
  * {@linkcode Input} renders a text input.
  *
@@ -16,7 +16,7 @@ declare class Input extends SuperInput {
     variant: "default" | "outline";
     protected _input: HTMLInputElement;
     protected render(): TemplateResult<1>;
-    reset(): void;
+    protected _renderSuffix(): TemplateResult<1>;
 }
 export default Input;
 export { Input };

package/dev/components/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAI9D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAIhD;;;;;;GAMG;AACH,cAWM,KAAM,SAAQ,UAAU;IAC5B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,CAAU;IAExE,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,SAAS,GAAG,SAAS,CAAa;IAG3C,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IA6BrC,KAAK,IAAI,IAAI;CAId;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAI9D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIpD;;;;;;GAMG;AACH,cAaM,KAAM,SAAQ,UAAU;IAC5B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,OAAO,GAAG,UAAU,CAAU;IAExE,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,SAAS,GAAG,SAAS,CAAa;IAG3C,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IA6BrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;CAsB7C;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}