godown 3.0.0-canary.17 → 3.0.0-canary.18

package/dev/components/badge.d.ts

@@ -4,11 +4,15 @@ type Position = "top-right" | "top-left" | "bottom-right" | "bottom-left";
 /**
  * {@linkcode Badge} renders a badge.
  *
+ * @slot - Badge content.
  * @category display
  */
 declare class Badge extends GlobalStyle {
     position: Position;
     value: number;
+    /**
+     * If `true`, render a dot badge.
+     */
     dot: boolean;
     max: number;
     private formatValue;

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAElF,KAAK,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;AAK1E;;;;GAIG;AACH,cA0DM,KAAM,SAAQ,WAAW;IAE7B,QAAQ,EAAE,QAAQ,CAAe;IAGjC,KAAK,SAAK;IAGV,GAAG,UAAS;IAGZ,GAAG,SAAM;IAET,OAAO,CAAC,WAAW;IAInB,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAS5B;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAElF,KAAK,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;AAK1E;;;;;GAKG;AACH,cAwDM,KAAM,SAAQ,WAAW;IAE7B,QAAQ,EAAE,QAAQ,CAAe;IAGjC,KAAK,SAAK;IAEV;;OAEG;IAEH,GAAG,UAAS;IAGZ,GAAG,SAAM;IAET,OAAO,CAAC,WAAW;IAInB,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAU5B;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dev/components/badge.js

@@ -8,6 +8,7 @@ const cssScope = scopePrefix(protoName);
 /**
  * {@linkcode Badge} renders a badge.
  *
+ * @slot - Badge content.
  * @category display
  */
 let Badge = class Badge extends GlobalStyle {
@@ -15,6 +16,9 @@ let Badge = class Badge extends GlobalStyle {
         super(...arguments);
         this.position = "top-right";
         this.value = 0;
+        /**
+         * If `true`, render a dot badge.
+         */
         this.dot = false;
         this.max = 99;
     }
@@ -22,17 +26,16 @@ let Badge = class Badge extends GlobalStyle {
         return value > this.max ? this.max + "+" : value + "";
     }
     render() {
-        if (this.value === 0 && !this.dot) {
-            return htmlSlot();
-        }
         return html `<div part="root" ${attr(this.observedRecord)}>
       ${htmlSlot()}
-      <div part="badge">${this.dot ? "" : this.formatValue(this.value)}</div>
+      ${this.value || this.dot
+            ? html `<div part="badge">${this.dot ? "" : this.formatValue(this.value)}</div>`
+            : ""}
     </div>`;
     }
 };
 __decorate([
-    property({ type: String })
+    property()
 ], Badge.prototype, "position", void 0);
 __decorate([
     property({ type: Number })
@@ -48,7 +51,7 @@ Badge = __decorate([
     styles(css `
     :host {
       ${cssScope}--background: var(${cssGlobalVars.active});
-      ${cssScope}--offset: 0;
+      ${cssScope}--offset: 0%;
       ${cssScope}--offset-x: var(${cssScope}--offset);
       ${cssScope}--offset-y: var(${cssScope}--offset);
     }
@@ -64,11 +67,14 @@ Badge = __decorate([
 
     [part=badge] {
       position: absolute;
-      border-radius: calc(infinity * 1px);
-      background: var(${cssScope}--background);
       font-size: 75%;
       padding: 0 0.5em;
+      user-select: none;
+      border-radius: calc(infinity * 1px);
       transform: translate(-50%, -50%);
+      left: var(--left);
+      top: var(--top);
+      background: var(${cssScope}--background);
     }
 
     [part=badge]:empty {
@@ -94,11 +100,6 @@ Badge = __decorate([
     [position$=left] {
       --left: calc(0% + var(${cssScope}--offset-x));
     }
-
-    [part=badge] {
-      left: var(--left);
-      top: var(--top);
-    }
   `)
 ], Badge);
 export default Badge;

package/dev/components/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIlF,MAAM,SAAS,GAAG,OAAO,CAAC;AAC1B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;GAIG;AA2DH,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,WAAW;IAA/B;;QAEE,aAAQ,GAAa,WAAW,CAAC;QAGjC,UAAK,GAAG,CAAC,CAAC;QAGV,QAAG,GAAG,KAAK,CAAC;QAGZ,QAAG,GAAG,EAAE,CAAC;IAeX,CAAC;IAbS,WAAW,CAAC,KAAa;QAC/B,OAAO,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;IACxD,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YAClC,OAAO,QAAQ,EAAE,CAAC;QACpB,CAAC;QACD,OAAO,IAAI,CAAA,oBAAoB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;QACpD,QAAQ,EAAE;0BACQ,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;WAC3D,CAAC;IACV,CAAC;CACF,CAAA;AAxBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACM;AAGjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kCAChB;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCAClB;AAXL,KAAK;IA1DV,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ,qBAAqB,aAAa,CAAC,MAAM;QACjD,QAAQ;QACR,QAAQ,mBAAmB,QAAQ;QACnC,QAAQ,mBAAmB,QAAQ;;;;;;;;;;;;;;;wBAenB,QAAQ;;;;;;;;;;;;;;;6BAeH,QAAQ;;;;gCAIL,QAAQ;;;;+BAIT,QAAQ;;;;8BAIT,QAAQ;;;;;;;GAOnC,CACF;GACK,KAAK,CA0BV;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIlF,MAAM,SAAS,GAAG,OAAO,CAAC;AAC1B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;GAKG;AAyDH,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,WAAW;IAA/B;;QAEE,aAAQ,GAAa,WAAW,CAAC;QAGjC,UAAK,GAAG,CAAC,CAAC;QAEV;;WAEG;QAEH,QAAG,GAAG,KAAK,CAAC;QAGZ,QAAG,GAAG,EAAE,CAAC;IAgBX,CAAC;IAdS,WAAW,CAAC,KAAa;QAC/B,OAAO,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;IACxD,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,oBAAoB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;QACpD,QAAQ,EAAE;QAEZ,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG;YACpB,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;YAC/E,CAAC,CAAC,EACN;WACO,CAAC;IACV,CAAC;CACF,CAAA;AA5BC;IADC,QAAQ,EAAE;uCACsB;AAGjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACjB;AAMV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kCAChB;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCAClB;AAdL,KAAK;IAxDV,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ,qBAAqB,aAAa,CAAC,MAAM;QACjD,QAAQ;QACR,QAAQ,mBAAmB,QAAQ;QACnC,QAAQ,mBAAmB,QAAQ;;;;;;;;;;;;;;;;;;;;;wBAqBnB,QAAQ;;;;;;;;;;;;6BAYH,QAAQ;;;;gCAIL,QAAQ;;;;+BAIT,QAAQ;;;;8BAIT,QAAQ;;GAEnC,CACF;GACK,KAAK,CA8BV;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dev/components/carousel.js

@@ -93,7 +93,7 @@ let Carousel = class Carousel extends GlobalStyle {
             if (this.intervalID) {
                 clearInterval(this.intervalID);
             }
-            this.intervalID = window.setInterval(() => {
+            this.intervalID = setInterval(() => {
                 this.next();
             }, this.autoChange);
         }

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.map

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

package/dev/components/details.js

@@ -68,6 +68,7 @@ Details = __decorate([
     }
 
     [part=title] {
+      direction: ltr;
       height: 100%;
       display: flex;
       flex-wrap: nowrap;

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,EAAE,GAAG,EAAE,IAAI,EAAuB,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;AA6DH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QACE;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;QAEb;;WAEG;QAEH,YAAO,GAAG,EAAE,CAAC;IAef,CAAC;IAbW,MAAM;QACd,OAAO,IAAI,CAAA,mBAAmB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;iCAC1B,IAAI,CAAC,YAAY;+BACnB,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;;2BAEvC,YAAY,EAAE;;;kCAGP,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI;sCAClC,QAAQ,EAAE;;UAEtC,CAAC;IACT,CAAC;CACF,CAAA;AArBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACf;AAMb;IADC,QAAQ,EAAE;wCACE;AAXT,OAAO;IA5DZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,QAAQ;;;wBAGQ,QAAQ;;;;;;;;;;;;;;;;4BAgBJ,QAAQ;;;;;;;wBAOZ,QAAQ;;;;;;;;;;;;;;;;qBAgBX,QAAQ;wBACL,QAAQ;8BACF,QAAQ;;;;8BAIR,QAAQ;;GAEnC,CACF;GACK,OAAO,CA0BZ;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,EAAE,GAAG,EAAE,IAAI,EAAuB,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;AA8DH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QACE;;WAEG;QAEH,SAAI,GAAG,KAAK,CAAC;QAEb;;WAEG;QAEH,YAAO,GAAG,EAAE,CAAC;IAef,CAAC;IAbW,MAAM;QACd,OAAO,IAAI,CAAA,mBAAmB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;iCAC1B,IAAI,CAAC,YAAY;+BACnB,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;;2BAEvC,YAAY,EAAE;;;kCAGP,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI;sCAClC,QAAQ,EAAE;;UAEtC,CAAC;IACT,CAAC;CACF,CAAA;AArBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qCACf;AAMb;IADC,QAAQ,EAAE;wCACE;AAXT,OAAO;IA7DZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,QAAQ;;;wBAGQ,QAAQ;;;;;;;;;;;;;;;;;4BAiBJ,QAAQ;;;;;;;wBAOZ,QAAQ;;;;;;;;;;;;;;;;qBAgBX,QAAQ;wBACL,QAAQ;8BACF,QAAQ;;;;8BAIR,QAAQ;;GAEnC,CACF;GACK,OAAO,CA0BZ;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dev/components/heading.d.ts

@@ -5,12 +5,22 @@ import { GlobalStyle } from "../core/global-style.js";
  *
  * If the id is provided, the anchor will be displayed.
  *
- * @slot - The content of the heading.
+ * @slot - Heading content.
  * @category layout
  */
 declare class Heading extends GlobalStyle {
+    /**
+     * The heading level.
+     */
     as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    /**
+     * The anchor prefix.
+     */
     anchor: string;
+    /**
+     * The anchor side.
+     */
+    side: "left" | "right";
     protected render(): TemplateResult<1>;
     protected wrapHeading(...children: any[]): TemplateResult<1>;
 }

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,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;GAOG;AACH,cAmCM,OAAQ,SAAQ,WAAW;IAE/B,EAAE,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAGnD,MAAM,SAAO;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAWrC,SAAS,CAAC,WAAW,CAAC,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC;CAgB7D;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,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;GAOG;AACH,cAuCM,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;IAWrC,SAAS,CAAC,WAAW,CAAC,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC;CAgB7D;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dev/components/heading.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
 import { attr, godown, htmlSlot, styles } from "@godown/element";
-import { css, html } from "lit";
+import { css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
 import { GlobalStyle } from "../core/global-style.js";
 const protoName = "heading";
@@ -9,19 +9,29 @@ const protoName = "heading";
  *
  * If the id is provided, the anchor will be displayed.
  *
- * @slot - The content of the heading.
+ * @slot - Heading content.
  * @category layout
  */
 let Heading = class Heading extends GlobalStyle {
     constructor() {
         super(...arguments);
+        /**
+         * The heading level.
+         */
         this.as = "h1";
+        /**
+         * The anchor prefix.
+         */
         this.anchor = "#";
+        /**
+         * The anchor side.
+         */
+        this.side = "left";
     }
     render() {
-        return html `<div part="root" ${attr(this.observedRecord)}>
-      ${this.wrapHeading(this.id ? html `<a href="#${this.id}"><i part="anchor">${this.anchor}</i></a>` : "", html `<p>${htmlSlot()}</p>`)}
-    </div> `;
+        return html `<a part="root" href="${this.id ? "#" + this.id : nothing}" ${attr(this.observedRecord)}>
+      ${this.wrapHeading(htmlSlot(), this.id ? html `<i part="anchor">${this.anchor}</i>` : "")}
+    </a> `;
     }
     wrapHeading(...children) {
         switch (this.as) {
@@ -41,11 +51,14 @@ let Heading = class Heading extends GlobalStyle {
     }
 };
 __decorate([
-    property({ type: String })
+    property()
 ], Heading.prototype, "as", void 0);
 __decorate([
-    property({ type: String })
+    property()
 ], Heading.prototype, "anchor", void 0);
+__decorate([
+    property()
+], Heading.prototype, "side", void 0);
 Heading = __decorate([
     godown(protoName),
     styles(css `
@@ -54,16 +67,6 @@ Heading = __decorate([
       text-align: start;
     }
 
-    [part=root] {
-      position: relative;
-    }
-
-    a {
-      color: inherit;
-      position: absolute;
-      inset: 0;
-    }
-
     [part=anchor] {
       position: absolute;
       text-align: center;
@@ -71,13 +74,27 @@ Heading = __decorate([
       right: 100%;
     }
 
+    [side=left] [part=anchor] {
+      right: 100%;
+    }
+    [side=right] [part=anchor] {
+      left: 100%;
+    }
+
+    a {
+      color: inherit;
+    }
+
     h1,
     h2,
     h3,
     h4,
     h5,
     h6 {
+      direction: ltr;
       font-size: revert;
+      position: relative;
+      width: fit-content;
     }
   `)
 ], Heading);

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,EAAE,GAAG,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B;;;;;;;GAOG;AAoCH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,WAAW;IAAjC;;QAEE,OAAE,GAA4C,IAAI,CAAC;QAGnD,WAAM,GAAG,GAAG,CAAC;IA6Bf,CAAC;IA3BW,MAAM;QACd,OAAO,IAAI,CAAA,oBAAoB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;QAEtD,IAAI,CAAC,WAAW,CACd,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,aAAa,IAAI,CAAC,EAAE,sBAAsB,IAAI,CAAC,MAAM,UAAU,CAAC,CAAC,CAAC,EAAE,EAClF,IAAI,CAAA,MAAM,QAAQ,EAAE,MAAM,CAE9B;YACQ,CAAC;IACX,CAAC;IAES,WAAW,CAAC,GAAG,QAAe;QACtC,QAAQ,IAAI,CAAC,EAAE,EAAE,CAAC;YAChB,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA,OAAO,QAAQ,OAAO,CAAC;YACpC,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA,OAAO,QAAQ,OAAO,CAAC;YACpC,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA,OAAO,QAAQ,OAAO,CAAC;YACpC,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA,OAAO,QAAQ,OAAO,CAAC;YACpC,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA,OAAO,QAAQ,OAAO,CAAC;YACpC;gBACE,OAAO,IAAI,CAAA,OAAO,QAAQ,OAAO,CAAC;QACtC,CAAC;IACH,CAAC;CACF,CAAA;AAhCC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mCACwB;AAGnD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACd;AALT,OAAO;IAnCZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BF,CACF;GACK,OAAO,CAkCZ;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,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAuB,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;AAwCH,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;IA6BlC,CAAC;IA3BW,MAAM;QACd,OAAO,IAAI,CAAA,wBAAwB,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;QAEhG,IAAI,CAAC,WAAW,CACd,QAAQ,EAAE,EACV,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA,oBAAoB,IAAI,CAAC,MAAM,MAAM,CAAC,CAAC,CAAC,EAAE,CAE5D;UACM,CAAC;IACT,CAAC;IAES,WAAW,CAAC,GAAG,QAAe;QACtC,QAAQ,IAAI,CAAC,EAAE,EAAE,CAAC;YAChB,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA,OAAO,QAAQ,OAAO,CAAC;YACpC,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA,OAAO,QAAQ,OAAO,CAAC;YACpC,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA,OAAO,QAAQ,OAAO,CAAC;YACpC,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA,OAAO,QAAQ,OAAO,CAAC;YACpC,KAAK,IAAI;gBACP,OAAO,IAAI,CAAA,OAAO,QAAQ,OAAO,CAAC;YACpC;gBACE,OAAO,IAAI,CAAA,OAAO,QAAQ,OAAO,CAAC;QACtC,CAAC;IACH,CAAC;CACF,CAAA;AAzCC;IADC,QAAQ,EAAE;mCACwC;AAMnD;IADC,QAAQ,EAAE;uCACE;AAMb;IADC,QAAQ,EAAE;qCACqB;AAjB5B,OAAO;IAvCZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCF,CACF;GACK,OAAO,CA8CZ;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dev/components/time.js

@@ -47,7 +47,7 @@ let Time = class Time extends GlobalStyle {
         clearInterval(this.timeoutId);
     }
     startTimeout() {
-        return window.setInterval(() => {
+        return setInterval(() => {
             this.dispatchEvent(new CustomEvent("time", { detail: this.time, composed: true }));
             this.time = new Date(this.time.getTime() + (this.gap || this.timeout));
         }, Math.abs(this.timeout));

package/dev/components/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.js","sourceRoot":"","sources":["../../src/components/time.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,IAAI,EAA4C,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;;GAKG;AAGH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QACE;;WAEG;QAEH,WAAM,GAAG,GAAG,CAAC;QAEb;;WAEG;QAEH,WAAM,GAAG,0BAA0B,CAAC;QAEpC;;WAEG;QAEH,SAAI,GAAS,IAAI,IAAI,EAAE,CAAC;IA6C1B,CAAC;IA7BW,MAAM;QACd,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;IACpH,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACvC,CAAC;IACH,CAAC;IAES,OAAO,CAAC,iBAAiC;QACjD,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACrC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC9B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACvC,CAAC;QACH,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,YAAY;QACV,OAAO,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;YAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YACnF,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QACzE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7B,CAAC;CACF,CAAA;AAzDC;IADC,QAAQ,EAAE;oCACE;AAMb;IADC,QAAQ,EAAE;oCACyB;AAMpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCACH;AAMxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACd;AAMb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iCAClB;AA7BL,IAAI;IAFT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA,4BAA4B,CAAC;GAClC,IAAI,CA8DT;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"time.js","sourceRoot":"","sources":["../../src/components/time.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,IAAI,EAA4C,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;;GAKG;AAGH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QACE;;WAEG;QAEH,WAAM,GAAG,GAAG,CAAC;QAEb;;WAEG;QAEH,WAAM,GAAG,0BAA0B,CAAC;QAEpC;;WAEG;QAEH,SAAI,GAAS,IAAI,IAAI,EAAE,CAAC;IA6C1B,CAAC;IA7BW,MAAM;QACd,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;IACpH,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACvC,CAAC;IACH,CAAC;IAES,OAAO,CAAC,iBAAiC;QACjD,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACrC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC9B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACvC,CAAC;QACH,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,YAAY;QACV,OAAO,WAAW,CAAC,GAAG,EAAE;YACtB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;YACnF,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QACzE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7B,CAAC;CACF,CAAA;AAzDC;IADC,QAAQ,EAAE;oCACE;AAMb;IADC,QAAQ,EAAE;oCACyB;AAMpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCACH;AAMxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACd;AAMb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iCAClB;AA7BL,IAAI;IAFT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA,4BAA4B,CAAC;GAClC,IAAI,CA8DT;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dev/components/typewriter.d.ts

@@ -9,11 +9,7 @@ declare class Typewriter extends GlobalStyle {
     /**
      * Raw text.
      */
-    text: string;
-    /**
-     * Start immediately after {@linkcode Typewriter.firstUpdated}.
-     */
-    stopped: boolean;
+    content: string;
     /**
      * If true, hide the cursor
      */
@@ -34,14 +30,11 @@ declare class Typewriter extends GlobalStyle {
      * The index at the beginning.
      */
     index: number;
-    /**
-     * Internal text.
-     */
-    content: string;
+    contentInternal: string;
     protected timeoutID: number;
     protected _i: HTMLElement;
     /**
-     * {@linkcode Typewriter.text} length.
+     * {@linkcode Typewriter.content} length.
      */
     get len(): number;
     protected render(): TemplateResult<1>;

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

@@ -1 +1 @@
-{"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["../../src/components/typewriter.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5E,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAoCM,UAAW,SAAQ,WAAW;IAClC;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,GAAG,SAAM;IAET;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,OAAO,SAAM;IAEb,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAG5B,SAAS,CAAC,EAAE,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAQrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAS9B,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAMlE,KAAK,CAAC,EAAE,GAAE,MAAmB,GAAG,IAAI;IAYpC,IAAI,IAAI,IAAI;IAIZ,GAAG,IAAI,IAAI;CAGZ;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["../../src/components/typewriter.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5E,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAgCM,UAAW,SAAQ,WAAW;IAClC;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,GAAG,SAAM;IAET;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,SAAK;IAGV,eAAe,SAAM;IAErB,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAG5B,SAAS,CAAC,EAAE,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAOrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAO9B,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAMlE,KAAK,CAAC,EAAE,GAAE,MAAmB,GAAG,IAAI;IAYpC,IAAI,IAAI,IAAI;IAIZ,GAAG,IAAI,IAAI;CAGZ;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dev/components/typewriter.js

@@ -1,5 +1,5 @@
 import { __decorate } from "tslib";
-import { attr, classList, godown, htmlSlot, random, styles } from "@godown/element";
+import { attr, godown, htmlSlot, random, styles } from "@godown/element";
 import { css, html } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { GlobalStyle, scopePrefix } from "../core/global-style.js";
@@ -16,11 +16,7 @@ let Typewriter = class Typewriter extends GlobalStyle {
         /**
          * Raw text.
          */
-        this.text = "";
-        /**
-         * Start immediately after {@linkcode Typewriter.firstUpdated}.
-         */
-        this.stopped = false;
+        this.content = "";
         /**
          * If true, hide the cursor
          */
@@ -41,41 +37,35 @@ let Typewriter = class Typewriter extends GlobalStyle {
          * The index at the beginning.
          */
         this.index = 0;
-        /**
-         * Internal text.
-         */
-        this.content = "";
+        this.contentInternal = "";
     }
     /**
-     * {@linkcode Typewriter.text} length.
+     * {@linkcode Typewriter.content} length.
      */
     get len() {
-        return this.text.length;
+        return this.content.length;
     }
     render() {
         return html `<div part="root" ${attr(this.observedRecord)}>
-      ${htmlSlot()}
-      ${this.content}
-      <i part="cursor" class="${classList({ hidden: this.ended })}"></i>
+      ${htmlSlot()} ${this.contentInternal}
+      <i part="cursor" ?hidden="${this.ended}"></i>
     </div>`;
     }
     firstUpdated() {
-        if (!this.text) {
-            this.text = this._slot?.assignedNodes()[0]?.textContent.trim() || "";
-        }
-        if (!this.stopped && this.len) {
+        this.content ||= this._slot?.assignedNodes()[0]?.textContent.trim() || "";
+        if (!this.ended && this.len) {
             this.write();
         }
     }
     updated(changedProperties) {
         if (changedProperties.has("index")) {
-            this.dispatchEvent(new CustomEvent(this.index === this.len ? "done" : "write", { detail: this.content }));
+            this.dispatchEvent(new CustomEvent(this.index === this.len ? "done" : "write", { detail: this.contentInternal }));
         }
     }
     write(at = this.index) {
-        this.content = this.text.slice(0, at + 1);
+        this.contentInternal = this.content.slice(0, at + 1);
         const timeout = this.delay || random(this.max, this.min);
-        this.timeoutID = window.setTimeout(() => {
+        this.timeoutID = setTimeout(() => {
             const nx = at + 1;
             if (nx <= this.len) {
                 this.index = nx;
@@ -92,10 +82,7 @@ let Typewriter = class Typewriter extends GlobalStyle {
 };
 __decorate([
     property()
-], Typewriter.prototype, "text", void 0);
-__decorate([
-    property({ type: Boolean })
-], Typewriter.prototype, "stopped", void 0);
+], Typewriter.prototype, "content", void 0);
 __decorate([
     property({ type: Boolean })
 ], Typewriter.prototype, "ended", void 0);
@@ -113,7 +100,7 @@ __decorate([
 ], Typewriter.prototype, "index", void 0);
 __decorate([
     state()
-], Typewriter.prototype, "content", void 0);
+], Typewriter.prototype, "contentInternal", void 0);
 __decorate([
     query("i")
 ], Typewriter.prototype, "_i", void 0);
@@ -125,7 +112,7 @@ Typewriter = __decorate([
     }
 
     :host,
-    :host([contents]) [part=root] {
+    :host([contents]) [part="root"] {
       display: inline-block;
     }
 
@@ -147,10 +134,6 @@ Typewriter = __decorate([
     slot {
       display: none;
     }
-
-    .hidden {
-      visibility: hidden;
-    }
   `)
 ], Typewriter);
 export default Typewriter;

package/dev/components/typewriter.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "godown",
-  "version": "3.0.0-canary.17",
+  "version": "3.0.0-canary.18",
   "description": "Non Composite Web Components Library",
   "type": "module",
   "main": "index.js",
@@ -13,6 +13,7 @@
       "development": "./dev/*",
       "default": "./*"
     },
+    "./build/*": "./build/*",
     "./src/*": "./src/*",
     "./*.json": "./*.json"
   },
@@ -32,8 +33,8 @@
     "lit": "^3.0.0",
     "tslib": "^2.7.0",
     "@godown/colors": "^0.0.2",
-    "@godown/element": "^0.4.0",
-    "@godown/f7-icon": "^0.0.4"
+    "@godown/f7-icon": "^0.0.4",
+    "@godown/element": "^0.4.0"
   },
   "publishConfig": {
     "access": "public"

package/src/components/badge.ts

@@ -12,6 +12,7 @@ const cssScope = scopePrefix(protoName);
 /**
  * {@linkcode Badge} renders a badge.
  *
+ * @slot - Badge content.
  * @category display
  */
 @godown(protoName)
@@ -19,7 +20,7 @@ const cssScope = scopePrefix(protoName);
   css`
     :host {
       ${cssScope}--background: var(${cssGlobalVars.active});
-      ${cssScope}--offset: 0;
+      ${cssScope}--offset: 0%;
       ${cssScope}--offset-x: var(${cssScope}--offset);
       ${cssScope}--offset-y: var(${cssScope}--offset);
     }
@@ -35,11 +36,14 @@ const cssScope = scopePrefix(protoName);
 
     [part=badge] {
       position: absolute;
-      border-radius: calc(infinity * 1px);
-      background: var(${cssScope}--background);
       font-size: 75%;
       padding: 0 0.5em;
+      user-select: none;
+      border-radius: calc(infinity * 1px);
       transform: translate(-50%, -50%);
+      left: var(--left);
+      top: var(--top);
+      background: var(${cssScope}--background);
     }
 
     [part=badge]:empty {
@@ -65,20 +69,18 @@ const cssScope = scopePrefix(protoName);
     [position$=left] {
       --left: calc(0% + var(${cssScope}--offset-x));
     }
-
-    [part=badge] {
-      left: var(--left);
-      top: var(--top);
-    }
   `,
 )
 class Badge extends GlobalStyle {
-  @property({ type: String })
+  @property()
   position: Position = "top-right";
 
   @property({ type: Number })
   value = 0;
 
+  /**
+   * If `true`, render a dot badge.
+   */
   @property({ type: Boolean })
   dot = false;
 
@@ -90,12 +92,13 @@ class Badge extends GlobalStyle {
   }
 
   render(): TemplateResult<1> {
-    if (this.value === 0 && !this.dot) {
-      return htmlSlot();
-    }
     return html`<div part="root" ${attr(this.observedRecord)}>
       ${htmlSlot()}
-      <div part="badge">${this.dot ? "" : this.formatValue(this.value)}</div>
+      ${
+      this.value || this.dot
+        ? html`<div part="badge">${this.dot ? "" : this.formatValue(this.value)}</div>`
+        : ""
+    }
     </div>`;
   }
 }

package/src/components/carousel.ts

@@ -165,7 +165,7 @@ class Carousel extends GlobalStyle {
       if (this.intervalID) {
         clearInterval(this.intervalID);
       }
-      this.intervalID = window.setInterval(() => {
+      this.intervalID = setInterval(() => {
         this.next();
       }, this.autoChange);
     }

package/src/components/details.ts

@@ -39,6 +39,7 @@ const cssScope = scopePrefix(protoName);
     }
 
     [part=title] {
+      direction: ltr;
       height: 100%;
       display: flex;
       flex-wrap: nowrap;