godown 3.0.0-canary.14 → 3.0.0-canary.16

package/dev/core/super-input.js

@@ -7,46 +7,46 @@ import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { cssGlobalVars, GlobalStyle } from "./global-style.js";
 const fieldStyle = css `
-  .input-field {
-    display: flex;
-    position: relative;
-    align-items: center;
-    border-radius: inherit;
-    height: inherit;
-  }
+.input-field {
+  display: flex;
+  position: relative;
+  align-items: center;
+  border-radius: inherit;
+  height: inherit;
+}
 
-  .input-field [part=input] {
-    background: transparent;
-    height: 100%;
-    width: 100%;
-    color: inherit;
-    padding: 0 var(${cssGlobalVars.input}-space);
-  }
+.input-field [part=input] {
+  background: transparent;
+  height: 100%;
+  width: 100%;
+  color: inherit;
+  padding: 0 var(${cssGlobalVars.input}-space);
+}
 
-  .input-field:focus-within,
-  .input-field.outline {
-    box-shadow: var(${cssGlobalVars.input}-box-shadow);
-  }
+.input-field:focus-within,
+.input-field.outline {
+  box-shadow: var(${cssGlobalVars.input}-box-shadow);
+}
 
-  .input-field [part=icon] {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
+.input-field [part=icon] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 
-  .input-field [part=prefix],
-  .input-field [part=suffix] {
-    height: 100%;
-    display: flex;
-  }
+.input-field [part=prefix],
+.input-field [part=suffix] {
+  height: 100%;
+  display: flex;
+}
 
-  .input-field [part=suffix] [part=icon] {
-    padding-inline-end: var(${cssGlobalVars.input}-space);
-  }
+.input-field [part=suffix] [part=icon] {
+  padding-inline-end: var(${cssGlobalVars.input}-space);
+}
 
-  .input-field [part=prefix] [part=icon] {
-    padding-inline-start: var(${cssGlobalVars.input}-space);
-  }
+.input-field [part=prefix] [part=icon] {
+  padding-inline-start: var(${cssGlobalVars.input}-space);
+}
 `;
 const inputStyle = css `
 :host {
@@ -111,6 +111,7 @@ let SuperInput = class SuperInput extends GlobalStyle {
             bubbles: true,
             composed: true,
         }));
+        this.dispatchEvent(new CustomEvent("input", { detail: this.value, composed: true, bubbles: true }));
         this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
     }
     connectedCallback() {

package/dev/core/super-input.js.map

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

package/dev/core/super-openable.d.ts

@@ -1,4 +1,4 @@
-import { type PropertyValueMap } from "lit";
+import type { PropertyValueMap } from "lit";
 import { GlobalStyle } from "./global-style.js";
 declare class SuperOpenable extends GlobalStyle {
     /**

package/dev/core/super-openable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"super-openable.d.ts","sourceRoot":"","sources":["../../src/core/super-openable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cAAM,aAAc,SAAQ,WAAW;IACrC;;OAEG;IAEH,IAAI,UAAS;IAEb,MAAM,CAAC,EAAE,GAAE,OAAwC,GAAG,IAAI;IAI1D,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIZ,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAQlE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CAG5C;AAED,eAAe,aAAa,CAAC;AAE7B,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE/C,MAAM,MAAM,UAAU,GAClB,UAAU,GACV,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC"}
+{"version":3,"file":"super-openable.d.ts","sourceRoot":"","sources":["../../src/core/super-openable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cAAM,aAAc,SAAQ,WAAW;IACrC;;OAEG;IAEH,IAAI,UAAS;IAEb,MAAM,CAAC,EAAE,GAAE,OAAwC,GAAG,IAAI;IAI1D,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIZ,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAQlE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CAG5C;AAED,eAAe,aAAa,CAAC;AAE7B,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE/C,MAAM,MAAM,UAAU,GAClB,UAAU,GACV,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC"}

package/dev/core/super-openable.js

@@ -21,7 +21,7 @@ class SuperOpenable extends GlobalStyle {
     updated(changedProperties) {
         const open = changedProperties.get("open");
         if (open !== undefined) {
-            this.dispatchEvent(new CustomEvent("change", { detail: this.open }));
+            this.dispatchEvent(new CustomEvent("change", { detail: this.open, composed: true }));
         }
     }
     // eslint-disable-next-line

package/dev/core/super-openable.js.map

@@ -1 +1 @@
-{"version":3,"file":"super-openable.js","sourceRoot":"","sources":["../../src/core/super-openable.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,aAAc,SAAQ,WAAW;IAAvC;;QACE;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;IAyBf,CAAC;IAvBC,MAAM,CAAC,KAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAmB;QACjD,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACjB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAES,OAAO,CAAC,iBAAyC;QACzD,MAAM,IAAI,GAAG,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;QACvE,CAAC;IACH,CAAC;IAED,2BAA2B;IACjB,YAAY,CAAC,CAAa;QAClC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;CACF;AAzBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAC9B;AA2Bf,eAAe,aAAa,CAAC"}
+{"version":3,"file":"super-openable.js","sourceRoot":"","sources":["../../src/core/super-openable.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,aAAc,SAAQ,WAAW;IAAvC;;QACE;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;IAyBf,CAAC;IAvBC,MAAM,CAAC,KAAc,CAAC,CAAC,IAAI,CAAC,IAAI,CAAmB;QACjD,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;IACjB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,IAAI;QACF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAES,OAAO,CAAC,iBAAyC;QACzD,MAAM,IAAI,GAAG,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACvF,CAAC;IACH,CAAC;IAED,2BAA2B;IACjB,YAAY,CAAC,CAAa;QAClC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;CACF;AAzBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAC9B;AA2Bf,eAAe,aAAa,CAAC"}

package/dialog.js

@@ -1,2 +1,2 @@
-import o from"./components/dialog.js";o.define();export{o as default};
+import o from"./components/dialog.js";export{Dialog}from"./components/dialog.js";o.define();export{o as default};
 //# sourceMappingURL=dialog.js.map

package/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["src/dialog.ts"],"sourcesContent":null,"names":["Dialog","define"],"mappings":"sCAEAA,EAAOC"}
+{"version":3,"file":"dialog.js","sources":["src/dialog.ts"],"sourcesContent":null,"names":["Dialog","define"],"mappings":"iFAEAA,EAAOC"}

package/divider.js

@@ -1,2 +1,2 @@
-import e from"./components/divider.js";e.define();export{e as default};
+import e from"./components/divider.js";export{Divider}from"./components/divider.js";e.define();export{e as default};
 //# sourceMappingURL=divider.js.map

package/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["src/divider.ts"],"sourcesContent":null,"names":["Divider","define"],"mappings":"uCAEAA,EAAQC"}
+{"version":3,"file":"divider.js","sources":["src/divider.ts"],"sourcesContent":null,"names":["Divider","define"],"mappings":"oFAEAA,EAAQC"}

package/dragbox.js

@@ -1,2 +1,2 @@
-import o from"./components/dragbox.js";o.define();export{o as default};
+import o from"./components/dragbox.js";export{Dragbox}from"./components/dragbox.js";o.define();export{o as default};
 //# sourceMappingURL=dragbox.js.map

package/dragbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragbox.js","sources":["src/dragbox.ts"],"sourcesContent":null,"names":["Dragbox","define"],"mappings":"uCAEAA,EAAQC"}
+{"version":3,"file":"dragbox.js","sources":["src/dragbox.ts"],"sourcesContent":null,"names":["Dragbox","define"],"mappings":"oFAEAA,EAAQC"}

package/flex.js

@@ -1,2 +1,2 @@
-import e from"./components/flex.js";e.define();export{e as default};
+import e from"./components/flex.js";export{Flex}from"./components/flex.js";e.define();export{e as default};
 //# sourceMappingURL=flex.js.map

package/flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"flex.js","sources":["src/flex.ts"],"sourcesContent":null,"names":["Flex","define"],"mappings":"oCAEAA,EAAKC"}
+{"version":3,"file":"flex.js","sources":["src/flex.ts"],"sourcesContent":null,"names":["Flex","define"],"mappings":"2EAEAA,EAAKC"}

package/form.js

@@ -1,2 +1,2 @@
-import o from"./components/form.js";o.define();export{o as default};
+import o from"./components/form.js";export{Form}from"./components/form.js";o.define();export{o as default};
 //# sourceMappingURL=form.js.map

package/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["src/form.ts"],"sourcesContent":null,"names":["Form","define"],"mappings":"oCAEAA,EAAKC"}
+{"version":3,"file":"form.js","sources":["src/form.ts"],"sourcesContent":null,"names":["Form","define"],"mappings":"2EAEAA,EAAKC"}

package/grid.js

@@ -1,2 +1,2 @@
-import e from"./components/grid.js";e.define();export{e as default};
+import o from"./components/grid.js";export{Grid}from"./components/grid.js";o.define();export{o as default};
 //# sourceMappingURL=grid.js.map

package/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["src/grid.ts"],"sourcesContent":null,"names":["Grid","define"],"mappings":"oCAEAA,EAAKC"}
+{"version":3,"file":"grid.js","sources":["src/grid.ts"],"sourcesContent":null,"names":["Grid","define"],"mappings":"2EAEAA,EAAKC"}

package/input.js

@@ -1,2 +1,2 @@
-import e from"./components/input.js";e.define();export{e as default};
+import o from"./components/input.js";export{Input}from"./components/input.js";o.define();export{o as default};
 //# sourceMappingURL=input.js.map

package/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["src/input.ts"],"sourcesContent":null,"names":["Input","define"],"mappings":"qCAEAA,EAAMC"}
+{"version":3,"file":"input.js","sources":["src/input.ts"],"sourcesContent":null,"names":["Input","define"],"mappings":"8EAEAA,EAAMC"}

package/layout.js

@@ -1,2 +1,2 @@
-import o from"./components/layout.js";o.define();export{o as default};
+import o from"./components/layout.js";export{Layout}from"./components/layout.js";o.define();export{o as default};
 //# sourceMappingURL=layout.js.map

package/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["src/layout.ts"],"sourcesContent":null,"names":["Layout","define"],"mappings":"sCAEAA,EAAOC"}
+{"version":3,"file":"layout.js","sources":["src/layout.ts"],"sourcesContent":null,"names":["Layout","define"],"mappings":"iFAEAA,EAAOC"}

package/link.js

@@ -1,2 +1,2 @@
-import e from"./components/link.js";e.define();export{e as default};
+import o from"./components/link.js";export{Link}from"./components/link.js";o.define();export{o as default};
 //# sourceMappingURL=link.js.map

package/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["src/link.ts"],"sourcesContent":null,"names":["Link","define"],"mappings":"oCAEAA,EAAKC"}
+{"version":3,"file":"link.js","sources":["src/link.ts"],"sourcesContent":null,"names":["Link","define"],"mappings":"2EAEAA,EAAKC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "godown",
-  "version": "3.0.0-canary.14",
+  "version": "3.0.0-canary.16",
   "description": "Non Composite Web Components Library",
   "type": "module",
   "main": "index.js",
@@ -31,9 +31,9 @@
     "fmtime": "^0.0.3",
     "lit": "^3.0.0",
     "tslib": "^2.7.0",
-    "@godown/colors": "^0.0.1",
-    "@godown/element": "^0.2.1",
-    "@godown/f7-icon": "^0.0.4"
+    "@godown/colors": "^0.0.2",
+    "@godown/f7-icon": "^0.0.4",
+    "@godown/element": "^0.3.0"
   },
   "publishConfig": {
     "access": "public"

package/progress.js

@@ -1,2 +1,2 @@
-import e from"./components/progress.js";e.define();export{e as default};
+import o from"./components/progress.js";export{Progress}from"./components/progress.js";o.define();export{o as default};
 //# sourceMappingURL=progress.js.map

package/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","sources":["src/progress.ts"],"sourcesContent":null,"names":["Progress","define"],"mappings":"wCAEAA,EAASC"}
+{"version":3,"file":"progress.js","sources":["src/progress.ts"],"sourcesContent":null,"names":["Progress","define"],"mappings":"uFAEAA,EAASC"}

package/range.js

@@ -1,2 +1,2 @@
-import e from"./components/range.js";e.define();export{e as default};
+import e from"./components/range.js";export{Range}from"./components/range.js";e.define();export{e as default};
 //# sourceMappingURL=range.js.map

package/range.js.map

@@ -1 +1 @@
-{"version":3,"file":"range.js","sources":["src/range.ts"],"sourcesContent":null,"names":["Range","define"],"mappings":"qCAEAA,EAAMC"}
+{"version":3,"file":"range.js","sources":["src/range.ts"],"sourcesContent":null,"names":["Range","define"],"mappings":"8EAEAA,EAAMC"}

package/rotate.js

@@ -1,2 +1,2 @@
-import e from"./components/rotate.js";e.define();export{e as default};
+import o from"./components/rotate.js";export{Rotate}from"./components/rotate.js";o.define();export{o as default};
 //# sourceMappingURL=rotate.js.map

package/rotate.js.map

@@ -1 +1 @@
-{"version":3,"file":"rotate.js","sources":["src/rotate.ts"],"sourcesContent":null,"names":["Rotate","define"],"mappings":"sCAEAA,EAAOC"}
+{"version":3,"file":"rotate.js","sources":["src/rotate.ts"],"sourcesContent":null,"names":["Rotate","define"],"mappings":"iFAEAA,EAAOC"}

package/router.js

@@ -1,2 +1,2 @@
-import e from"./components/router.js";e.define();export{e as default};
+import o from"./components/router.js";export{Router}from"./components/router.js";o.define();export{o as default};
 //# sourceMappingURL=router.js.map

package/router.js.map

@@ -1 +1 @@
-{"version":3,"file":"router.js","sources":["src/router.ts"],"sourcesContent":null,"names":["Router","define"],"mappings":"sCAEAA,EAAOC"}
+{"version":3,"file":"router.js","sources":["src/router.ts"],"sourcesContent":null,"names":["Router","define"],"mappings":"iFAEAA,EAAOC"}

package/select.js

@@ -1,2 +1,2 @@
-import e from"./components/select.js";e.define();export{e as default};
+import e from"./components/select.js";export{Select}from"./components/select.js";e.define();export{e as default};
 //# sourceMappingURL=select.js.map

package/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["src/select.ts"],"sourcesContent":null,"names":["Select","define"],"mappings":"sCAEAA,EAAOC"}
+{"version":3,"file":"select.js","sources":["src/select.ts"],"sourcesContent":null,"names":["Select","define"],"mappings":"iFAEAA,EAAOC"}

package/skeleton.js

@@ -1,2 +1,2 @@
-import e from"./components/skeleton.js";e.define();export{e as default};
+import e from"./components/skeleton.js";export{Skeleton}from"./components/skeleton.js";e.define();export{e as default};
 //# sourceMappingURL=skeleton.js.map

package/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["src/skeleton.ts"],"sourcesContent":null,"names":["Skeleton","define"],"mappings":"wCAEAA,EAASC"}
+{"version":3,"file":"skeleton.js","sources":["src/skeleton.ts"],"sourcesContent":null,"names":["Skeleton","define"],"mappings":"uFAEAA,EAASC"}

package/src/components/alert.ts

@@ -41,7 +41,7 @@ const darkStyles = constructCSSObject(
     white: [cssGlobalVars._colors.lightgray[2], cssGlobalVars._colors.darkgray[7]],
     black: [cssGlobalVars._colors.darkgray[8], cssGlobalVars._colors.lightgray[5]],
   },
-  () => `:host`,
+  () => ":host",
   (prop) => toVar(prop),
 );
 
@@ -64,7 +64,7 @@ const lightStyles = constructCSSObject(
     white: [cssGlobalVars._colors.lightgray[0], cssGlobalVars._colors.darkgray[0]],
     black: [cssGlobalVars._colors.darkgray[7], cssGlobalVars._colors.lightgray[3]],
   },
-  () => `:host`,
+  () => ":host",
   (prop) => toVar(prop),
 );
 
@@ -111,6 +111,7 @@ const calls = {
  * @slot - Alert content.
  * @slot title - Alert title.
  * @slot icon - Alert icon.
+ * @fires close - Fires when the alert is closed.
  * @category feedback
  */
 @godown(protoName)
@@ -248,17 +249,15 @@ class Alert extends GlobalStyle {
     return html`<div part="root" ${attr(this.observedRecord)}>
       <div part="icon">${icon}</div>
       <div part="content">
-        <strong part="title">
-          ${this.title || htmlSlot("title")}
-        </strong>
+        <strong part="title">${this.title || htmlSlot("title")}</strong>
         ${this.content || htmlSlot()}
       </div>
       ${
       !this.hideClose && this.variant !== "blockquote"
-        ? html`<div part="close" tabindex=0 @click="${this.close}">${iconXmark()}</div>`
+        ? html`<div part="close" tabindex="0" @click="${this.close}">${iconXmark()}</div>`
         : ""
     }
-    ${htmlStyle(this.variant === "light" ? lightStyles[color] : darkStyles[color])}
+      ${htmlStyle(this.variant === "light" ? lightStyles[color] : darkStyles[color])}
     </div>`;
   }
 
@@ -282,3 +281,4 @@ class Alert extends GlobalStyle {
 }
 
 export default Alert;
+export { Alert };

package/src/components/avatar.ts

@@ -23,7 +23,7 @@ const cssScope = scopePrefix(protoName);
 @godown(protoName)
 @styles(
   css`
-    :host{
+    :host {
       ${cssScope}--size: 2em;
       width: var(${cssScope}--size);
       height: var(${cssScope}--size);
@@ -82,14 +82,12 @@ class Avatar extends GlobalStyle {
   round = false;
 
   protected render(): TemplateResult<1> {
-    return html`<div part="root" ${attr(omit(this.observedRecord, "src"))}>
-      ${this._renderAvatar()}
-    </div>`;
+    return html`<div part="root" ${attr(omit(this.observedRecord, "src"))}>${this._renderAvatar()}</div>`;
   }
 
   private _renderAvatar() {
     if (this.src) {
-      return html`<img part="image" src="${this.src}" @error=${this._handleError} alt="${this.name}">`;
+      return html`<img part="image" src="${this.src}" @error=${this._handleError} alt="${this.name}" />`;
     }
     if (this.name) {
       return html`<span part="name">${this.format()}</span>`;
@@ -107,3 +105,4 @@ class Avatar extends GlobalStyle {
 }
 
 export default Avatar;
+export { Avatar };

package/src/components/breath.ts

@@ -112,10 +112,7 @@ class Breath extends GlobalStyle {
   protected render(): TemplateResult<1> {
     const texts = this.getTexts();
     return html`<div part="root" ${attr(this.observedRecord)}>
-    ${[
-      texts.map(this.renderText),
-      htmlStyle(this.computeStyle(texts.length)),
-    ]}
+    ${[texts.map(this.renderText), htmlStyle(this._computeStyle(texts.length))]}
     </div>`;
   }
 
@@ -130,36 +127,35 @@ class Breath extends GlobalStyle {
     return Array.isArray(this.text) ? this.text : (this.text || this.textContent).split(/\s+/).filter((x) => x);
   }
 
-  protected computeStyle(len: number): string {
+  protected _computeStyle(len: number): string {
     const gap = 100 / 2 / len;
     const duration = this.parseDuration() || len * 2 + 2;
-
+    let style1 = "";
+    for (let number = 1; number <= len; number++) {
+      const delay = -duration / len * (len - number + 1);
+      const defaultNumber = ((number - 1) % 3) + 1;
+      style1 +=
+        `.rel:nth-child(${number}) .colorful{animation-delay:${delay}s;background:var(${cssScope}--${number},var(${cssScope}--${defaultNumber}));}`;
+    }
     return (
-      `.colorful{animation-duration:${duration}s;}`
-      + `@keyframes colorfulN{0%,${gap * 3}%{opacity:0;}${gap}%,${gap * 2}%{opacity:1;}}`
-      + (() => {
-        let style1 = "";
-        for (let number = 1; number <= len; number++) {
-          const delay = -duration / len * (len - number + 1);
-          const defaultNumber = ((number - 1) % 3) + 1;
-          style1 +=
-            `.rel:nth-child(${number}) .colorful{animation-delay:${delay}s;background:var(${cssScope}--${number},var(${cssScope}--${defaultNumber}));}`;
-        }
-        return style1;
-      })()
+      `.colorful{animation-duration:${duration}s;}@keyframes colorfulN{0%,${gap * 3}%{opacity:0;}${gap}%,${
+        gap * 2
+      }%{opacity:1;}}${style1}`
     );
   }
 
-  protected parseDuration(): number {
+  protected parseDuration(): number | undefined {
     const { duration } = this;
     if (duration) {
       if (duration.endsWith("s")) {
-        return parseFloat(duration.slice(0, -1));
-      } else if (duration.endsWith("ms")) {
-        return parseFloat(duration.slice(0, -2)) / 1000;
+        return Number.parseFloat(duration.slice(0, -1));
+      }
+      if (duration.endsWith("ms")) {
+        return Number.parseFloat(duration.slice(0, -2)) / 1000;
       }
     }
   }
 }
 
 export default Breath;
+export { Breath };

package/src/components/button.ts

@@ -5,7 +5,7 @@ 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, toVar } from "@godown/element/tools/css.js";
-import { css, html, TemplateResult } from "lit";
+import { css, html, type TemplateResult } from "lit";
 import { property } from "lit/decorators.js";
 
 import { cssGlobalVars, GlobalStyle, scopePrefix } from "../core/global-style.js";
@@ -76,7 +76,7 @@ const colors: Record<Colors, string> = constructCSSObject(
       cssGlobalVars._colors.teal[4], // gradients
     ],
   },
-  () => `:host`,
+  () => ":host",
   (prop) => toVar(prop),
 );
 
@@ -290,3 +290,4 @@ class Button extends GlobalStyle {
 }
 
 export default Button;
+export { Button };

package/src/components/card.ts

@@ -71,13 +71,10 @@ class Card extends GlobalStyle {
 
   protected render(): TemplateResult<1> {
     return html`<div part="root" ${attr(this.observedRecord)}>
-    ${[
-      this.header ? htmlSlot("header") : "",
-      htmlSlot(),
-      this.footer ? htmlSlot("footer") : "",
-    ]}
+      ${[this.header ? htmlSlot("header") : "", htmlSlot(), this.footer ? htmlSlot("footer") : ""]}
     </div>`;
   }
 }
 
 export default Card;
+export { Card };

package/src/components/carousel.ts

@@ -24,6 +24,7 @@ const protoName = "carousel";
  * If no width, it will be the width of the first element.
  *
  * @slot - Carousel items, should maintain the same size.
+ * @fires change - Fired when the index changes.
  * @category display
  */
 @godown(protoName)
@@ -103,15 +104,9 @@ class Carousel extends GlobalStyle {
 
   protected render(): TemplateResult<1> {
     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>
+      <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>`;
   }
@@ -139,6 +134,7 @@ class Carousel extends GlobalStyle {
 
   show(i: number): void {
     this.index = i;
+    this.dispatchEvent(new CustomEvent("change", { detail: i, composed: true }));
   }
 
   next(): void {
@@ -164,7 +160,7 @@ class Carousel extends GlobalStyle {
   protected _doTranslateX(xValue: string, noTransition?: boolean): void {
     this._moveRoot.style.transform = `translateX(${xValue})`;
     if (noTransition) {
-      this._moveRoot.style.transition = `none`;
+      this._moveRoot.style.transition = "none";
     }
     this._moveRoot.getBoundingClientRect();
   }
@@ -182,3 +178,4 @@ class Carousel extends GlobalStyle {
 }
 
 export default Carousel;
+export { Carousel };