godown 3.0.0-canary.1 → 3.0.0-canary.11

package/components/button.js

@@ -2,26 +2,23 @@ import { __decorate } from 'tslib';
 import { godown } from '@godown/element/decorators/godown.js';
 import { part } from '@godown/element/decorators/part.js';
 import { styles } from '@godown/element/decorators/styles.js';
+import { attr } from '@godown/element/directives/attr.js';
 import { htmlSlot } from '@godown/element/directives/html-slot.js';
 import { htmlStyle } from '@godown/element/directives/html-style.js';
-import { constructCSSObject } from '@godown/element/tools/css.js';
-import { css, unsafeCSS, html } from 'lit';
+import { constructCSSObject, toVar } from '@godown/element/tools/css.js';
+import { html, css } from 'lit';
 import { property } from 'lit/decorators.js';
 import { scopePrefix, cssGlobalVars, GlobalStyle } from '../core/global-style.js';
 
-var Button_1;
 const protoName = "button";
 const cssScope = scopePrefix(protoName);
-const whiteFont = cssGlobalVars._colors.lightgray[0];
-const blackFont = cssGlobalVars._colors.darkgray[6];
-const toVar = (s) => {
-    return unsafeCSS(`var(${s})`);
-};
+const whiteFont = cssGlobalVars.white;
+const blackFont = cssGlobalVars.black;
 const colors = constructCSSObject(["color", "background", "gradients"].map((k) => `${cssScope}--${k}`), {
     black: [
         whiteFont, // color
         cssGlobalVars._colors.darkgray[7], // background
-        cssGlobalVars._colors.darkgray[4], // gradients
+        cssGlobalVars._colors.darkgray[5], // gradients
     ],
     gray: [
         whiteFont, // color
@@ -73,13 +70,21 @@ const colors = constructCSSObject(["color", "background", "gradients"].map((k) =
         cssGlobalVars._colors.teal[6], // background
         cssGlobalVars._colors.teal[4], // gradients
     ],
-}, () => `:host`, toVar);
+}, () => `:host`, (prop) => toVar(prop));
 /**
- * {@linkcode Button}.
+ * {@linkcode Button} renders a button.
+ *
+ * Create modal animation upon clicking.
+ *
+ * Available colors (background): none, black, gray, white, blue, green, red, orange, pink, purple, yellow, teal.
+ *
+ * Default color is `black`.
+ *
+ * Set the color to `none` to prevent applying styles.
  *
  * @category input
  */
-let Button = Button_1 = class Button extends GlobalStyle {
+let Button = class Button extends GlobalStyle {
     constructor() {
         super(...arguments);
         /**
@@ -89,19 +94,18 @@ let Button = Button_1 = class Button extends GlobalStyle {
     }
     render() {
         const color = this.nextColor();
-        return [
-            html `<div part="root"><span part="modal-root"></span><div part="slot">${this.text || htmlSlot()}</div></div>`,
-            htmlStyle(Button_1.colors[color]),
-        ];
+        return html `<div part="root" ${attr(this.observedRecord)}><span part="modal-root"></span><div part="content">${[this.content || htmlSlot(), htmlStyle(colors[color])]}</div></div>`;
     }
     focus() {
         if (this.disabled) {
             return;
         }
         this.active = true;
+        super.focus();
     }
     blur() {
         this.active = false;
+        super.blur();
     }
     firstUpdated() {
         this.events.add(this, "click", this._handelClick, true);
@@ -132,7 +136,6 @@ let Button = Button_1 = class Button extends GlobalStyle {
         return this.color;
     }
 };
-Button.colors = colors;
 __decorate([
     property({ type: Boolean, reflect: true })
 ], Button.prototype, "disabled", void 0);
@@ -150,16 +153,16 @@ __decorate([
 ], Button.prototype, "color", void 0);
 __decorate([
     property()
-], Button.prototype, "text", void 0);
+], Button.prototype, "content", void 0);
 __decorate([
     part("modal-root")
 ], Button.prototype, "_modalRoot", void 0);
 __decorate([
     part("root")
 ], Button.prototype, "_root", void 0);
-Button = Button_1 = __decorate([
+Button = __decorate([
     godown(protoName),
-    styles(css `:host(:not([disabled]):active){transform:scale(var(${cssScope}--focus-scale))}:host([round]){${cssScope}--padding-x:.75em;border-radius:calc(infinity * 1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${cssScope}--modal-background:var(${cssScope}--ghost-color);box-shadow:inset 0 0 0 var(${cssScope}--ghost-width) var(${cssScope}--ghost-color);color:var(${cssScope}--ghost-color);background:0 0}`, css `:host{${cssScope}--padding-x:.5em;${cssScope}--padding-y:.15em;${cssScope}--padding:var(${cssScope}--padding-y) var(${cssScope}--padding-x);${cssScope}--modal-animation-duration:1s;${cssScope}--ghost-width:.08em;${cssScope}--focus-scale:.97;${cssScope}--deg:45deg;${cssScope}--ghost-color:var(${cssScope}--background);color:var(${cssScope}--color,inherit);background:linear-gradient(var(${cssScope}--deg),var(${cssScope}--background),var(${cssScope}--gradients,var(${cssScope}--background)));border-radius:.3em;width:-moz-fit-content;width:fit-content;transition:.1s;display:block;overflow:hidden;text-align:center;padding:0!important;cursor:pointer}[part=root]{width:100%;height:100%;overflow:hidden;position:relative;transition:none;-webkit-user-select:none;user-select:none;border-radius:inherit;transition-duration:inherit}[part=slot]{padding:var(${cssScope}--padding)}i{position:absolute;inset:0;opacity:0;width:100%;height:100%;border-radius:50%;visibility:visible;pointer-events:none;transform-origin:0 0;background:var(${cssScope}--modal-background,currentColor);animation-duration:var(${cssScope}--modal-animation-duration)}@keyframes kf{0%{transform:scale(0) translate(-50%,-50%);opacity:var(${cssScope}--modal-opacity,.18)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)
+    styles(css `:host(:not([disabled]):active){transform:scale(var(${cssScope}--focus-scale))}:host([round]){${cssScope}--padding-x:.75em;border-radius:calc(infinity * 1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${cssScope}--modal-background:var(${cssScope}--ghost-color);box-shadow:inset 0 0 0 var(${cssScope}--ghost-width) var(${cssScope}--ghost-color);color:var(${cssScope}--ghost-color);background:0 0}`, css `:host{${cssScope}--padding-x:.5em;${cssScope}--padding-y:.15em;${cssScope}--padding:var(${cssScope}--padding-y) var(${cssScope}--padding-x);${cssScope}--modal-animation-duration:1s;${cssScope}--ghost-width:.08em;${cssScope}--focus-scale:.97;${cssScope}--deg:45deg;${cssScope}--ghost-color:var(${cssScope}--background);color:var(${cssScope}--color,inherit);background:linear-gradient(var(${cssScope}--deg),var(${cssScope}--background),var(${cssScope}--gradients,var(${cssScope}--background)));border-radius:.3em;width:-moz-fit-content;width:fit-content;transition:.1s;display:block;overflow:hidden;text-align:center;padding:0!important;cursor:pointer}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{width:100%;height:100%;overflow:hidden;position:relative;transition:none;-webkit-user-select:none;user-select:none;border-radius:inherit;transition-duration:inherit}[part=content]{padding:var(${cssScope}--padding)}i{position:absolute;inset:0;opacity:0;width:100%;height:100%;border-radius:50%;visibility:visible;pointer-events:none;transform-origin:0 0;background:var(${cssScope}--modal-background,currentColor);animation-duration:var(${cssScope}--modal-animation-duration)}@keyframes kf{0%{transform:scale(0) translate(-50%,-50%);opacity:var(${cssScope}--modal-opacity,.1)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)
 ], Button);
 var Button$1 = Button;
 

package/components/button.js.map

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

package/components/card.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Card} renders a card.
@@ -11,10 +12,9 @@ import { GlobalStyle } from "../core/global-style.js";
  * @category display
  */
 declare class Card extends GlobalStyle {
-    shadow: "none" | "always" | "hover";
     footer: boolean;
     header: boolean;
-    protected render(): (import("lit").TemplateResult<1> | import("lit").TemplateResult<1>[])[];
+    protected render(): TemplateResult<1>;
 }
 export default Card;
 //# sourceMappingURL=card.d.ts.map

package/components/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/components/card.ts"],"names":[],"mappings":"AAOA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAOlF;;;;;;;;;;GAUG;AACH,cAIM,IAAK,SAAQ,WAAW;IAE5B,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAW;IAG9C,MAAM,UAAS;IAEf,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM;CAQjB;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/components/card.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAOlF;;;;;;;;;;GAUG;AACH,cAIM,IAAK,SAAQ,WAAW;IAE5B,MAAM,UAAS;IAGf,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAOtC;AAED,eAAe,IAAI,CAAC"}

package/components/card.js

@@ -1,11 +1,11 @@
 import { __decorate } from 'tslib';
 import { godown } from '@godown/element/decorators/godown.js';
 import { styles } from '@godown/element/decorators/styles.js';
-import { conditionIf } from '@godown/element/directives/condition-if.js';
+import { attr } from '@godown/element/directives/attr.js';
 import { htmlSlot } from '@godown/element/directives/html-slot.js';
-import { css, html } from 'lit';
+import { html, css } from 'lit';
 import { property } from 'lit/decorators.js';
-import { scopePrefix, cssGlobalVars, GlobalStyle } from '../core/global-style.js';
+import { scopePrefix, GlobalStyle, cssGlobalVars } from '../core/global-style.js';
 
 const protoName = "card";
 const cssScope = scopePrefix(protoName);
@@ -23,22 +23,17 @@ const cssScope = scopePrefix(protoName);
 let Card = class Card extends GlobalStyle {
     constructor() {
         super(...arguments);
-        this.shadow = "hover";
         this.footer = false;
         this.header = false;
     }
     render() {
-        const hr = html `<hr part="divider">`;
-        return [
-            conditionIf(this.header, [htmlSlot("header"), hr]),
+        return html `<div part="root" ${attr(this.observedRecord)}>${[
+            this.header ? htmlSlot("header") : "",
             htmlSlot(),
-            conditionIf(this.footer, [hr, htmlSlot("footer")]),
-        ];
+            this.footer ? htmlSlot("footer") : "",
+        ]}</div>`;
     }
 };
-__decorate([
-    property({ reflect: true })
-], Card.prototype, "shadow", void 0);
 __decorate([
     property({ type: Boolean })
 ], Card.prototype, "footer", void 0);
@@ -47,7 +42,7 @@ __decorate([
 ], Card.prototype, "header", void 0);
 Card = __decorate([
     godown(protoName),
-    styles(css `:host{${cssScope}--shadow-width:.0375em;${cssScope}--shadow-color:transparent;${cssScope}--background:var(${cssGlobalVars.background});${cssScope}--divider-width:100%;${cssScope}--divider-height:var(${cssScope}--shadow-width);${cssScope}--divider-background:var(${cssGlobalVars.passive});${cssScope}--padding:.75em;color:var(${cssGlobalVars.foreground});background:var(${cssScope}--background);display:block;flex-shrink:0;position:relative;overflow:hidden;box-sizing:border-box;border-radius:.25em;transition:.15s ease-in-out}:host([shadow=always]),:host([shadow=hover]:hover){${cssScope}--shadow-color:var(${cssScope}--divider-background);box-shadow:inset 0 0 0 var(${cssScope}--shadow-width) var(${cssScope}--shadow-color)}[part=divider]{margin:auto;width:var(${cssScope}--divider-width);height:var(${cssScope}--divider-height);background:var(${cssScope}--divider-background)}slot{display:block;padding:var(${cssScope}--padding)}`)
+    styles(css `:host{${cssScope}--background:var(${cssGlobalVars.background});${cssScope}--border-width:.0375em;${cssScope}--border-color:transparent;${cssScope}--border-background:var(${cssGlobalVars.passive});${cssScope}--padding:.75em;color:var(${cssGlobalVars.foreground});background:var(${cssScope}--background);border-width:var(${cssScope}--border-width);display:block;flex-shrink:0;position:relative;overflow:hidden;box-sizing:border-box}slot{display:block;padding:var(${cssScope}--padding)}:host,slot{border-color:var(${cssScope}--border-background);border-style:solid}[name=footer]{border-top-width:var(${cssScope}--border-width)}[name=header]{border-bottom-width:var(${cssScope}--border-width)}`)
 ], Card);
 var Card$1 = Card;
 

package/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../src/components/card.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AAWA,MAAM,SAAS,GAAG,MAAM,CAAC;AACzB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;;;AAUG;AAKH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;QAEE,IAAM,CAAA,MAAA,GAAgC,OAAO,CAAC;QAG9C,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;QAEf,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;KAUhB;IARW,MAAM,GAAA;AACd,QAAA,MAAM,EAAE,GAAG,IAAI,CAAA,qBAAqB,CAAC;QACrC,OAAO;AACL,YAAA,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;AAClD,YAAA,QAAQ,EAAE;AACV,YAAA,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;SACnD,CAAC;KACH;CACF,CAAA;AAfC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACkB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG9C,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEf,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAPX,IAAI,GAAA,UAAA,CAAA;IAJT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA,CAAA,MAAA,EAAS,QAAQ,CAA0B,uBAAA,EAAA,QAAQ,CAA8B,2BAAA,EAAA,QAAQ,CAAoB,iBAAA,EAAA,aAAa,CAAC,UAAU,CAAA,EAAA,EAAK,QAAQ,CAAA,qBAAA,EAAwB,QAAQ,CAAA,qBAAA,EAAwB,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAA4B,yBAAA,EAAA,aAAa,CAAC,OAAO,KAAK,QAAQ,CAAA,0BAAA,EAA6B,aAAa,CAAC,UAAU,oBAAoB,QAAQ,CAAA,qMAAA,EAA6M,QAAQ,CAAA,mBAAA,EAAsB,QAAQ,CAAA,iDAAA,EAAsD,QAAQ,CAAuB,oBAAA,EAAA,QAAQ,CAA0D,qDAAA,EAAA,QAAQ,CAA+B,4BAAA,EAAA,QAAQ,oCAAoC,QAAQ,CAAA,qDAAA,EAAwD,QAAQ,CAAA,WAAA,CAAa,CACl7B;AACK,CAAA,EAAA,IAAI,CAiBT,CAAA;AAED,aAAe,IAAI;;;;"}
+{"version":3,"file":"card.js","sources":["../src/components/card.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AAWA,MAAM,SAAS,GAAG,MAAM;AACxB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;;;;AAUE;AAKF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;QAEE,IAAM,CAAA,MAAA,GAAG,KAAK;QAGd,IAAM,CAAA,MAAA,GAAG,KAAK;;IAEJ,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAoB,iBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CACtD,CAAA,EAAA;AACA,YAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE;AACrC,YAAA,QAAQ,EAAE;AACV,YAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE;AACtC,SAAA,CAAA,MAAA,CACM;;CAEX;AAdE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAGd,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AALV,IAAI,GAAA,UAAA,CAAA;IAJT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,oBAAoB,aAAa,CAAC,UAAU,CAAA,EAAA,EAAK,QAAQ,CAA0B,uBAAA,EAAA,QAAQ,8BAA8B,QAAQ,CAAA,wBAAA,EAA2B,aAAa,CAAC,OAAO,CAAK,EAAA,EAAA,QAAQ,6BAA6B,aAAa,CAAC,UAAU,CAAA,iBAAA,EAAoB,QAAQ,CAAkC,+BAAA,EAAA,QAAQ,CAAsI,mIAAA,EAAA,QAAQ,0CAA0C,QAAQ,CAAA,2EAAA,EAA8E,QAAQ,CAAyD,sDAAA,EAAA,QAAQ,kBAAkB;AAElrB,CAAA,EAAA,IAAI,CAgBV;AAEA,aAAe,IAAI;;;;"}

package/components/carousel.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Carousel} make the content display as a carousel.
@@ -9,6 +10,7 @@ import { GlobalStyle } from "../core/global-style.js";
  *
  * If no width, it will be the width of the first element.
  *
+ * @slot - Carousel items, should maintain the same size.
  * @category display
  */
 declare class Carousel extends GlobalStyle {
@@ -24,17 +26,18 @@ declare class Carousel extends GlobalStyle {
      * Element width.
      */
     width: string;
-    _moveRoot: HTMLElement;
-    intervalID: number;
-    _cloneFirst: HTMLElement | undefined;
-    _cloneLast: HTMLElement | undefined;
-    protected render(): import("lit").TemplateResult<1>[];
+    protected _moveRoot: HTMLElement;
+    protected intervalID: number;
+    private _cloneFirst;
+    private _cloneLast;
+    protected render(): TemplateResult<1>;
     protected firstUpdated(): Promise<void>;
     disconnectedCallback(): void;
     show(i: number): void;
     next(): void;
     prev(): void;
     protected _doTranslateX(xValue: string, noTransition?: boolean): void;
+    checkInterval(): void;
 }
 export default Carousel;
 //# sourceMappingURL=carousel.d.ts.map

package/components/carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/components/carousel.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;GAWG;AACH,cAIM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IACV;;OAEG;IAEH,UAAU,SAAK;IACf;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAGd,SAAS,EAAE,WAAW,CAAC;IAEvB,UAAU,EAAE,MAAM,CAAC;IAEnB,WAAW,EAAE,WAAW,GAAG,SAAS,CAAC;IAErC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IAEpC,SAAS,CAAC,MAAM;cAOA,YAAY;IAqB5B,oBAAoB;IAIpB,IAAI,CAAC,CAAC,EAAE,MAAM;IAId,IAAI;IASJ,IAAI;IASJ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO;CAO/D;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/components/carousel.ts"],"names":[],"mappings":"AAQA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;;GAYG;AACH,cAIM,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,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC;IAE7B,OAAO,CAAC,WAAW,CAA0B;IAE7C,OAAO,CAAC,UAAU,CAA0B;IAE5C,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;cAIrB,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAiB7C,oBAAoB,IAAI,IAAI;IAI5B,IAAI,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAIrB,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"}

package/components/carousel.js

@@ -2,11 +2,12 @@ import { __decorate } from 'tslib';
 import { godown } from '@godown/element/decorators/godown.js';
 import { part } from '@godown/element/decorators/part.js';
 import { styles } from '@godown/element/decorators/styles.js';
+import { attr } from '@godown/element/directives/attr.js';
 import { htmlSlot } from '@godown/element/directives/html-slot.js';
 import { htmlStyle } from '@godown/element/directives/html-style.js';
 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 { html, css } from 'lit';
 import { property } from 'lit/decorators.js';
 import { GlobalStyle } from '../core/global-style.js';
 
@@ -21,6 +22,7 @@ const protoName = "carousel";
  *
  * If no width, it will be the width of the first element.
  *
+ * @slot - Carousel items, should maintain the same size.
  * @category display
  */
 let Carousel = class Carousel extends GlobalStyle {
@@ -36,10 +38,7 @@ let Carousel = class Carousel extends GlobalStyle {
         this.autoChange = 0;
     }
     render() {
-        return [
-            html `<div part="root"><i part="prev" @click="${this.prev}">${iconChevronLeft()}</i><div part="move-root" style="transform:${`translateX(-${this.index + 1}00%)`}">${htmlSlot()}</div><i part="next" @click="${this.next}">${iconChevronRight()}</i></div>`,
-            htmlStyle(`:host{width:${this.width};}`),
-        ];
+        return html `<div part="root" ${attr(this.observedRecord)}><i part="prev" @click="${this.prev}">${iconChevronLeft()}</i><div part="move-root" style="transform:${`translateX(-${this.index + 1}00%)`}">${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;
@@ -53,11 +52,7 @@ let Carousel = class Carousel extends GlobalStyle {
             this.insertBefore(this._cloneFirst, this.firstElementChild);
             this.show(this.index);
         }
-        if (this.autoChange) {
-            this.intervalID = window.setInterval(() => {
-                this.next();
-            }, this.autoChange);
-        }
+        this.checkInterval();
     }
     disconnectedCallback() {
         clearInterval(this.intervalID);
@@ -73,6 +68,7 @@ let Carousel = class Carousel extends GlobalStyle {
         else {
             this.show(this.index + 1);
         }
+        this.checkInterval();
     }
     prev() {
         if (this.index === 0) {
@@ -82,6 +78,7 @@ let Carousel = class Carousel extends GlobalStyle {
         else {
             this.show(this.index - 1);
         }
+        this.checkInterval();
     }
     _doTranslateX(xValue, noTransition) {
         this._moveRoot.style.transform = `translateX(${xValue})`;
@@ -90,6 +87,16 @@ let Carousel = class Carousel extends GlobalStyle {
         }
         this._moveRoot.getBoundingClientRect();
     }
+    checkInterval() {
+        if (this.autoChange) {
+            if (this.intervalID) {
+                clearInterval(this.intervalID);
+            }
+            this.intervalID = window.setInterval(() => {
+                this.next();
+            }, this.autoChange);
+        }
+    }
 };
 __decorate([
     property({ type: Number })
@@ -105,7 +112,7 @@ __decorate([
 ], Carousel.prototype, "_moveRoot", void 0);
 Carousel = __decorate([
     godown(protoName),
-    styles(css `:host{display:block;transition:.3s}[part=root]{overflow:hidden}[part=move-root],[part=root]{width:100%;display:flex;position:relative;transition:inherit}[part=next],[part=prev]{height:100%;width:1.5em;z-index:1;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}`)
+    styles(css `:host{display:block;transition:.3s}[part=root]{overflow:hidden}[part=move-root],[part=root]{height:100%;width:100%;display:flex;position:relative;transition:inherit}[part=next],[part=prev]{height:100%;width:1.5em;z-index:1;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}`)
 ], Carousel);
 var Carousel$1 = Carousel;
 

package/components/carousel.js.map

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

package/components/details.d.ts

@@ -1,7 +1,11 @@
+import { type TemplateResult } from "lit";
 import SuperOpenable from "../core/super-openable.js";
 /**
- * {@linkcode Details} similar to <details>.
+ * {@linkcode Details} similar to `<details>`.
  *
+ * @slot summary - Details summary if no `summary` is provided.
+ * @slot - Details content.
+ * @fires change - Fired when the details is toggled.
  * @category display
  */
 declare class Details extends SuperOpenable {
@@ -13,8 +17,8 @@ declare class Details extends SuperOpenable {
      * Summary text.
      */
     summary: string;
-    _dd: HTMLDataListElement;
-    protected render(): import("lit").TemplateResult<1>;
+    protected _dd: HTMLDataListElement;
+    protected render(): TemplateResult<1>;
 }
 export default Details;
 //# sourceMappingURL=details.d.ts.map

package/components/details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../src/components/details.ts"],"names":[],"mappings":"AAQA,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAMtD;;;;GAIG;AACH,cAIM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,IAAI,UAAS;IACb;;OAEG;IAEH,OAAO,SAAM;IAGb,GAAG,EAAE,mBAAmB,CAAC;IAEzB,SAAS,CAAC,MAAM;CAGjB;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../src/components/details.ts"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAMtD;;;;;;;GAOG;AACH,cAIM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,SAAM;IAGb,SAAS,CAAC,GAAG,EAAE,mBAAmB,CAAC;IAEnC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,OAAO,CAAC"}

package/components/details.js

@@ -1,9 +1,10 @@
 import { __decorate } from 'tslib';
 import { godown } from '@godown/element/decorators/godown.js';
 import { styles } from '@godown/element/decorators/styles.js';
+import { attr } from '@godown/element/directives/attr.js';
 import { htmlSlot } from '@godown/element/directives/html-slot.js';
 import svgCaretDown from '@godown/f7-icon/icons/chevron-down.js';
-import { css, html } from 'lit';
+import { html, css } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { scopePrefix } from '../core/global-style.js';
 import SuperOpenable from '../core/super-openable.js';
@@ -11,8 +12,11 @@ import SuperOpenable from '../core/super-openable.js';
 const protoName = "details";
 const cssScope = scopePrefix(protoName);
 /**
- * {@linkcode Details} similar to <details>.
+ * {@linkcode Details} similar to `<details>`.
  *
+ * @slot summary - Details summary if no `summary` is provided.
+ * @slot - Details content.
+ * @fires change - Fired when the details is toggled.
  * @category display
  */
 let Details = class Details extends SuperOpenable {
@@ -28,7 +32,7 @@ let Details = class Details extends SuperOpenable {
         this.summary = "";
     }
     render() {
-        return html `<dl part="root"><dt part="title" @click="${this._handelClick}"><span part="summary">${this.summary || htmlSlot("summary")} </span><span><i part="icon">${svgCaretDown()}</i></span></dt><dd part="details" @click="${this.fill ? () => this.toggle() : null}"><div style="min-height:0">${htmlSlot()}</div></dd></dl>`;
+        return html `<dl part="root" ${attr(this.observedRecord)}><dt part="title" @click="${this._handelClick}"><span part="summary">${this.summary || htmlSlot("summary")} </span><span><i part="icon">${svgCaretDown()}</i></span></dt><dd part="details" @click="${this.fill ? () => this.toggle() : null}"><div style="min-height:0">${htmlSlot()}</div></dd></dl>`;
     }
 };
 __decorate([

package/components/details.js.map

@@ -1 +1 @@
-{"version":3,"file":"details.js","sources":["../src/components/details.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;AAIG;AAKH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa,CAAA;AAAnC,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAG,KAAK,CAAC;AACb;;AAEG;QAEH,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;KAgBd;IAXW,MAAM,GAAA;AACd,QAAA,OAAO,IAAI,CAAA,CAAA,yCAAA,EACkB,IAAI,CAAC,YAAY,0BACnB,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,CACnC,6BAAA,EAAA,YAAY,EAAE,CAEX,2CAAA,EAAA,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,+BAClC,QAAQ,EAAE,kBAEtC,CAAC;KACR;CACF,CAAA;AArBC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACf,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKb,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACE,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGb,UAAA,CAAA;IADC,KAAK,CAAC,IAAI,CAAC;AACa,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAbrB,OAAO,GAAA,UAAA,CAAA;IAJZ,MAAM,CAAC,SAAS,CAAC;AACjB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,MAAA,EAAS,QAAQ,CAAwB,qBAAA,EAAA,QAAQ,CAA0B,uBAAA,EAAA,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAAsB,mBAAA,EAAA,QAAQ,2BAA2B,QAAQ,CAAA,yFAAA,EAA4F,QAAQ,CAAA,mMAAA,EAAsM,QAAQ,CAAA,2FAAA,EAA8F,QAAQ,CAAA,8IAAA,EAAiJ,QAAQ,CAAgC,6BAAA,EAAA,QAAQ,CAAsC,mCAAA,EAAA,QAAQ,CAA4H,yHAAA,EAAA,QAAQ,CAA2D,wDAAA,EAAA,QAAQ,oBAAoB,CACrhC;AACK,CAAA,EAAA,OAAO,CA0BZ,CAAA;AAED,gBAAe,OAAO;;;;"}
+{"version":3,"file":"details.js","sources":["../src/components/details.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;AAWA,MAAM,SAAS,GAAG,SAAS;AAE3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;AAOE;AAKF,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa,CAAA;AAAnC,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAI,CAAA,IAAA,GAAG,KAAK;AAEZ;;AAEE;QAEF,IAAO,CAAA,OAAA,GAAG,EAAE;;IAKF,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAmB,gBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,0BAAA,EAC1B,IAAI,CAAC,YAAY,0BAEtC,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,CAAA,6BAAA,EAGpB,YAAY,EAAE,CAAA,2CAAA,EAGP,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAClC,4BAAA,EAAA,QAAQ,EAAE,CAAA,gBAAA,CAEtC;;CAEV;AA1BE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACf,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAMZ,UAAA,CAAA;AADC,IAAA,QAAQ;AACG,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAGF,UAAA,CAAA;IADT,KAAK,CAAC,IAAI;AACuB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAd9B,OAAO,GAAA,UAAA,CAAA;IAJZ,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,MAAA,EAAS,QAAQ,CAAwB,qBAAA,EAAA,QAAQ,CAA0B,uBAAA,EAAA,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAAsB,mBAAA,EAAA,QAAQ,2BAA2B,QAAQ,CAAA,yFAAA,EAA4F,QAAQ,CAAA,mMAAA,EAAsM,QAAQ,CAAA,2FAAA,EAA8F,QAAQ,CAAA,8IAAA,EAAiJ,QAAQ,CAAgC,6BAAA,EAAA,QAAQ,CAAsC,mCAAA,EAAA,QAAQ,CAA4H,yHAAA,EAAA,QAAQ,CAA2D,wDAAA,EAAA,QAAQ,oBAAoB;AAEhhC,CAAA,EAAA,OAAO,CA+Bb;AAEA,gBAAe,OAAO;;;;"}

package/components/dialog.d.ts

@@ -1,15 +1,19 @@
-import { HandlerEvent } from "@godown/element";
+import { type HandlerEvent } from "@godown/element";
+import { type PropertyValues, type TemplateResult } from "lit";
 import SuperOpenable, { type Direction9 } from "../core/super-openable.js";
 /**
- * {@linkcode Dialog} similar to <dialog>.
+ * {@linkcode Dialog} similar to `<dialog>`.
  *
  * Like dialog, it listens for submit events and closes itself when the target method is "dialog".
  *
- * It listens for the keydown event and also closes itself when the {@linkcode key} contained in the key is pressed
+ * It listens for the keydown event and also closes itself when the {@linkcode key} contained in the key is pressed.
  *
  * @category feedback
  */
 declare class Dialog extends SuperOpenable {
+    /**
+     * Direction of the opening animation.
+     */
     direction: Direction9;
     /**
      * Enable modal, blocking event penetration.
@@ -20,11 +24,11 @@ declare class Dialog extends SuperOpenable {
      */
     key: string;
     private _modalInvoke;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
     showModal(): void;
     private _submitEvent;
     private _keydownEvent;
-    protected updated(): void;
+    protected updated(changedProperties: PropertyValues): void;
     protected _handleKeydown(e: KeyboardEvent): void;
     protected _handelSubmit(e: HandlerEvent<HTMLFormElement>): void;
     close(): void;

package/components/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;GAQG;AACH,cAIM,MAAO,SAAQ,aAAa;IAEhC,SAAS,EAAE,UAAU,CAAY;IACjC;;OAEG;IAEH,KAAK,UAAS;IACd;;OAEG;IAEH,GAAG,SAAY;IAEf,OAAO,CAAC,YAAY,CAAU;IAE9B,SAAS,CAAC,MAAM;IAIhB,SAAS;IAQT,OAAO,CAAC,YAAY,CAAiD;IACrE,OAAO,CAAC,aAAa,CAAiD;IAEtE,SAAS,CAAC,OAAO;IAYjB,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa;IAQzC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC;IAMxD,KAAK;CAON;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKpD,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;GAQG;AACH,cAIM,MAAO,SAAQ,aAAa;IAChC;;OAEG;IAEH,SAAS,EAAE,UAAU,CAAY;IAEjC;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAY;IAEf,OAAO,CAAC,YAAY,CAAU;IAE9B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,IAAI,IAAI;IAQjB,OAAO,CAAC,YAAY,CAAqC;IACzD,OAAO,CAAC,aAAa,CAAqC;IAE1D,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;IAM/D,KAAK,IAAI,IAAI;CAOd;AAED,eAAe,MAAM,CAAC"}

package/components/dialog.js

@@ -1,8 +1,9 @@
 import { __decorate } from 'tslib';
 import { godown } from '@godown/element/decorators/godown.js';
 import { styles } from '@godown/element/decorators/styles.js';
+import { attr } from '@godown/element/directives/attr.js';
 import { htmlSlot } from '@godown/element/directives/html-slot.js';
-import { css, html } from 'lit';
+import { html, css } from 'lit';
 import { property } from 'lit/decorators.js';
 import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
 import SuperOpenable from '../core/super-openable.js';
@@ -10,17 +11,20 @@ import SuperOpenable from '../core/super-openable.js';
 const protoName = "dialog";
 const cssScope = scopePrefix(protoName);
 /**
- * {@linkcode Dialog} similar to <dialog>.
+ * {@linkcode Dialog} similar to `<dialog>`.
  *
  * Like dialog, it listens for submit events and closes itself when the target method is "dialog".
  *
- * It listens for the keydown event and also closes itself when the {@linkcode key} contained in the key is pressed
+ * It listens for the keydown event and also closes itself when the {@linkcode key} contained in the key is pressed.
  *
  * @category feedback
  */
 let Dialog = class Dialog extends SuperOpenable {
     constructor() {
         super(...arguments);
+        /**
+         * Direction of the opening animation.
+         */
         this.direction = "center";
         /**
          * Enable modal, blocking event penetration.
@@ -32,7 +36,7 @@ let Dialog = class Dialog extends SuperOpenable {
         this.key = "Escape";
     }
     render() {
-        return html `<div part="root"><div part="modal"></div><div part="container" direction="${this.direction}">${htmlSlot()}</div></div>`;
+        return html `<div part="root" ${attr(this.observedRecord)}><div part="modal"></div><div part="container">${htmlSlot()}</div></div>`;
     }
     showModal() {
         if (!this.modal) {
@@ -41,16 +45,18 @@ let Dialog = class Dialog extends SuperOpenable {
         }
         this.show();
     }
-    updated() {
-        if (this.open) {
-            this._submitEvent = this.events.add(this, "submit", this._handelSubmit);
-            if (this.key) {
-                this._keydownEvent = this.events.add(document, "keydown", this._handleKeydown.bind(this));
+    updated(changedProperties) {
+        if (changedProperties.has("open")) {
+            if (this.open) {
+                this._submitEvent = this.events.add(this, "submit", this._handelSubmit);
+                if (this.key) {
+                    this._keydownEvent = this.events.add(document, "keydown", this._handleKeydown.bind(this));
+                }
+            }
+            else {
+                this.events.remove(this, "submit", this._submitEvent);
+                this.events.remove(document, "keydown", this._keydownEvent);
             }
-        }
-        else {
-            this._submitEvent = this.events.remove(this, "submit", this._submitEvent);
-            this._keydownEvent = this.events.remove(document, "keydown", this._keydownEvent);
         }
     }
     _handleKeydown(e) {
@@ -84,7 +90,7 @@ __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}[direction]{pointer-events:all;position:absolute}[direction^=top]{top:0}[direction^=bottom]{bottom:0}[direction$=right]{right:0}[direction$=left]{left:0}`)
+    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}[part=container]{pointer-events:all;position:absolute}[direction^=top] [part=container]{top:0}[direction^=bottom] [part=container]{bottom:0}[direction$=right] [part=container]{right:0}[direction$=left] [part=container]{left:0}`)
 ], Dialog);
 var Dialog$1 = Dialog;
 

package/components/dialog.js.map

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