godown 3.0.0 → 3.0.2

package/dev/core/super-input.js

@@ -1,77 +1,77 @@
 import { __decorate } from "tslib";
-import { htmlSlot, part, styles } from "@godown/element";
+import { htmlSlot, omit, part, styles } from "@godown/element";
 import iconEyeSlashFill from "@godown/f7-icon/icons/eye-slash-fill.js";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
-import { cssGlobalVars, GlobalStyle } from "./global-style.js";
+import { GlobalStyle, cssGlobalVars } 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 {
-  ${cssGlobalVars.input}-width: 10em;
-  ${cssGlobalVars.input}-height: 1.6em;
-  ${cssGlobalVars.input}-space: 0.2em;
-  ${cssGlobalVars.input}-background: var(${cssGlobalVars.background});
-  ${cssGlobalVars.input}-control: var(${cssGlobalVars.foreground});
-  ${cssGlobalVars.input}-control-edge: var(${cssGlobalVars.active});
-  ${cssGlobalVars.input}-radius: 0.2em;
-  ${cssGlobalVars.input}-box-shadow: 0px 0px 0px .1em var(${cssGlobalVars.active});
-  border-radius: var(${cssGlobalVars.input}-radius);
-}
+  :host {
+    ${cssGlobalVars.input}-width: 10em;
+    ${cssGlobalVars.input}-height: 1.6em;
+    ${cssGlobalVars.input}-space: 0.2em;
+    ${cssGlobalVars.input}-background: var(${cssGlobalVars.background});
+    ${cssGlobalVars.input}-control: var(${cssGlobalVars.foreground});
+    ${cssGlobalVars.input}-control-edge: var(${cssGlobalVars.active});
+    ${cssGlobalVars.input}-radius: 0.2em;
+    ${cssGlobalVars.input}-box-shadow: 0px 0px 0px .1em var(${cssGlobalVars.active});
+    border-radius: var(${cssGlobalVars.input}-radius);
+  }
 
-:host([disabled]) {
-  cursor: not-allowed;
-  filter: brightness(0.85);
-}
+  :host([disabled]) {
+    cursor: not-allowed;
+    filter: brightness(0.85);
+  }
 
-input:disabled {
-  cursor: inherit;
-}
+  input:disabled {
+    cursor: inherit;
+  }
 
-input::-ms-reveal,
-input::-ms-clear {
-  display: none;
-}
+  input::-ms-reveal,
+  input::-ms-clear {
+    display: none;
+  }
 `;
 let SuperInput = class SuperInput extends GlobalStyle {
     constructor() {
@@ -85,6 +85,9 @@ let SuperInput = class SuperInput extends GlobalStyle {
         this.makeId = Math.random().toString(36).slice(1);
         this.nameValue = this.namevalue;
     }
+    get observedRecord() {
+        return omit(super.observedRecord, "default", "value");
+    }
     set defaultValue(value) {
         this.default = value;
     }
@@ -122,7 +125,7 @@ let SuperInput = class SuperInput extends GlobalStyle {
     }
     _compositionInit() {
         if (this._input) {
-            this.events.add(this._input, "compositionstart", () => this.compositing = true);
+            this.events.add(this._input, "compositionstart", () => (this.compositing = true));
             this.events.add(this._input, "compositionend", (e) => {
                 this.compositing = false;
                 this._handleInput(e);
@@ -141,21 +144,36 @@ let SuperInput = class SuperInput extends GlobalStyle {
         this._compositionInit();
     }
     _renderPrefix() {
-        return html `<label for=${this.makeId} part="prefix">
-    ${htmlSlot("prefix")}</label>`;
+        return html `
+      <label
+        for=${this.makeId}
+        part="prefix"
+      >
+        ${htmlSlot("prefix")}
+      </label>
+    `;
     }
     _renderSuffix() {
         const PASSWORD = "password";
-        return html `<label for=${this.makeId} part="suffix">${this.type === "password"
+        return html `
+      <label
+        for=${this.makeId}
+        part="suffix"
+      >
+        ${this.type === "password"
             ? html `
-        <i
-          part="icon"
-          @mousedown="${() => this._changeInputType("text")}"
-          @mouseup="${() => this._changeInputType(PASSWORD)}"
-          @mouseleave="${() => this._changeInputType(PASSWORD)}"
-        >${iconEyeSlashFill()}</i>`
+              <i
+                part="icon"
+                @mousedown="${() => this._changeInputType("text")}"
+                @mouseup="${() => this._changeInputType(PASSWORD)}"
+                @mouseleave="${() => this._changeInputType(PASSWORD)}"
+              >
+                ${iconEyeSlashFill()}
+              </i>
+            `
             : htmlSlot("suffix")}
-  </label>`;
+      </label>
+    `;
     }
 };
 __decorate([

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

@@ -1 +1 @@
-{"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"}
+{"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,OAAsC,GAAG,IAAI;IAIxD,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIZ,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAOlE,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,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAEhG,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC"}

package/dev/core/super-openable.js

@@ -9,7 +9,7 @@ class SuperOpenable extends GlobalStyle {
          */
         this.open = false;
     }
-    toggle(to = (!this.open)) {
+    toggle(to = !this.open) {
         this.open = to;
     }
     close() {
@@ -24,7 +24,6 @@ class SuperOpenable extends GlobalStyle {
             this.dispatchEvent(new CustomEvent("change", { detail: this.open, composed: true }));
         }
     }
-    // eslint-disable-next-line
     _handelClick(_) {
         this.toggle();
     }

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,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"}
+{"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;IAwBf,CAAC;IAtBC,MAAM,CAAC,KAAc,CAAC,IAAI,CAAC,IAAsB;QAC/C,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;IAES,YAAY,CAAC,CAAa;QAClC,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;CACF;AAxBC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAC9B;AA0Bf,eAAe,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "godown",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description": "Non Composite Web Components Library",
   "type": "module",
   "main": "index.js",
@@ -55,8 +55,8 @@
     "clean": "tsc --build tsconfig.prod.json --clean",
     "build": "tsc && tsx build.ts",
     "build:ts": "tsc",
-    "fmt": "dprint fmt",
-    "lint": "eslint . --fix",
+    "fmt": "prettier src --write",
+    "lint": "biome lint",
     "manifest": "tsx manifest.ts"
   }
 }

package/src/components/alert.ts

@@ -5,12 +5,12 @@ import iconInfoCircle from "@godown/f7-icon/icons/info-circle.js";
 import iconLightbulb from "@godown/f7-icon/icons/lightbulb.js";
 import iconQuestionCircle from "@godown/f7-icon/icons/question-circle.js";
 import iconSlashCircle from "@godown/f7-icon/icons/slash-circle.js";
-import iconXmark from "@godown/f7-icon/icons/xmark.js";
 import iconXmarkCircle from "@godown/f7-icon/icons/xmark-circle.js";
-import { css, html, type TemplateResult } from "lit";
+import iconXmark from "@godown/f7-icon/icons/xmark.js";
+import { type TemplateResult, css, html } from "lit";
 import { property } from "lit/decorators.js";
 
-import { cssGlobalVars, GlobalStyle, scopePrefix } from "../core/global-style.js";
+import { GlobalStyle, cssGlobalVars, scopePrefix } from "../core/global-style.js";
 
 const protoName = "alert";
 const cssScope = scopePrefix(protoName);
@@ -110,74 +110,72 @@ const calls = {
  * @category feedback
  */
 @godown(protoName)
-@styles(
-  css`
-    :host,
-    :where(:host([contents]) [part=root]) {
-      border-radius: var(${cssScope}--border-radius);
-      ${cssScope}--border-radius: .25em;
-      ${cssScope}--border-width: .075em;
-      ${cssScope}--blockquote-width: .2em;
-      ${cssScope}--padding: .5em;
-      display: block;
-      width: 100%;
-    }
+@styles(css`
+  :host,
+  :where(:host([contents]) [part="root"]) {
+    border-radius: var(${cssScope}--border-radius);
+    ${cssScope}--border-radius: .25em;
+    ${cssScope}--border-width: .075em;
+    ${cssScope}--blockquote-width: .2em;
+    ${cssScope}--padding: .5em;
+    display: block;
+    width: 100%;
+  }
 
-    [part=root] {
-      --color: var(${cssScope}--color);
-      color: var(--color);
-      width: 100%;
-      transition: 0.25s;
-      display: flex;
-      justify-content: space-between;
-      padding: var(${cssScope}--padding);
-      border-radius: inherit;
-      border: var(${cssScope}--border-width) solid var(--color);
-      background: var(${cssScope}--background);
-    }
+  [part="root"] {
+    --color: var(${cssScope}--color);
+    color: var(--color);
+    width: 100%;
+    transition: 0.25s;
+    display: flex;
+    justify-content: space-between;
+    padding: var(${cssScope}--padding);
+    border-radius: inherit;
+    border: var(${cssScope}--border-width) solid var(--color);
+    background: var(${cssScope}--background);
+  }
 
-    [variant=blockquote] {
-      border-radius: 0;
-      border-left: var(${cssScope}--blockquote-width) solid var(--color);
-      border-bottom: none;
-      border-right: none;
-      border-top: none;
-      background: transparent;
-    }
+  [variant="blockquote"] {
+    border-radius: 0;
+    border-left: var(${cssScope}--blockquote-width) solid var(--color);
+    border-bottom: none;
+    border-right: none;
+    border-top: none;
+    background: transparent;
+  }
 
-    [part=content] {
-      color: var(--color);
-    }
+  [part="content"] {
+    color: var(--color);
+  }
 
-    [part=root] {
-      display: grid;
-      align-items: center;
-      grid-template-columns: auto 1fr auto;
-      grid-template-rows: auto 1fr;
-    }
+  [part="root"] {
+    display: grid;
+    align-items: center;
+    grid-template-columns: auto 1fr auto;
+    grid-template-rows: auto 1fr;
+  }
 
-    [part=title] {
-      line-height: 2em;
-    }
+  [part="title"] {
+    line-height: 2em;
+  }
 
-    [part=icon] {
-      display: inline-grid;
-      align-items: center;
-      height: 2em;
-    }
+  [part="icon"] {
+    display: inline-grid;
+    align-items: center;
+    height: 2em;
+  }
 
-    [part=icon] svg {
-      margin-right: .5em;
-      width: 1.25em;
-      height: 1.25em;
-    }
+  [part="icon"] svg {
+    margin-right: 0.5em;
+    width: 1.25em;
+    height: 1.25em;
+  }
 
-    [part=content] {
-      grid-row: span 2 / span 2;
-      line-height: 1.5em;
-    }
-    `,
-)
+  [part="content"] {
+    grid-row: span 2 / span 2;
+    line-height: 1.5em;
+  }
+`)
 class Alert extends GlobalStyle {
   /**
    * If it is a legal value, the icon and preset color will be rendered.
@@ -241,19 +239,30 @@ class Alert extends GlobalStyle {
   protected render(): TemplateResult<1> {
     const color = calls[this.call]?.color || this.color;
     const icon = this.call ? calls[this.call].icon() : htmlSlot("icon");
-    return html`<div part="root" ${attr(this.observedRecord)}>
-      <div part="icon">${icon}</div>
-      <div part="content">
-        <strong part="title">${this.title || htmlSlot("title")}</strong>
-        ${this.content || htmlSlot()}
+    return html`
+      <div
+        part="root"
+        ${attr(this.observedRecord)}
+      >
+        <div part="icon">${icon}</div>
+        <div part="content">
+          <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>
+            `}
+        ${htmlStyle(this.variant === "dark" ? darkStyles[color] : lightStyles[color])}
       </div>
-      ${
-      !this.hideClose && this.variant !== "blockquote"
-        ? html`<div part="close" tabindex="0" @click="${this.close}">${iconXmark()}</div>`
-        : ""
-    }
-      ${htmlStyle(this.variant === "light" ? lightStyles[color] : darkStyles[color])}
-    </div>`;
+    `;
   }
 
   close(): void {

package/src/components/avatar.ts

@@ -1,5 +1,5 @@
 import { attr, godown, htmlSlot, omit, styles } from "@godown/element";
-import { css, html, type TemplateResult } from "lit";
+import { type TemplateResult, css, html } from "lit";
 import { property } from "lit/decorators.js";
 
 import { GlobalStyle, scopePrefix } from "../core/global-style.js";
@@ -17,47 +17,45 @@ const cssScope = scopePrefix(protoName);
  * @category display
  */
 @godown(protoName)
-@styles(
-  css`
-    :host {
-      ${cssScope}--size: 2em;
-      width: var(${cssScope}--size);
-      height: var(${cssScope}--size);
-      vertical-align: bottom;
-    }
+@styles(css`
+  :host {
+    ${cssScope}--size: 2em;
+    width: var(${cssScope}--size);
+    height: var(${cssScope}--size);
+    vertical-align: bottom;
+  }
 
-    :host,
-    [part=root] {
-      display: inline-flex;
-    }
+  :host,
+  [part="root"] {
+    display: inline-flex;
+  }
 
-    :host([contents]) [part=root] {
-      display: inline-flex;
-      width: inherit;
-      height: inherit;
-    }
+  :host([contents]) [part="root"] {
+    display: inline-flex;
+    width: inherit;
+    height: inherit;
+  }
 
-    :host([round]) {
-      border-radius:50%;
-    }
+  :host([round]) {
+    border-radius: 50%;
+  }
 
-    [part=image] {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
+  [part="image"] {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
 
-    [part=root] {
-      overflow: hidden;
-      position: relative;
-      border-radius: inherit;
-      width: 100%;
-      height: 100%;
-      align-items: center;
-      justify-content: center;
-    }
-  `,
-)
+  [part="root"] {
+    overflow: hidden;
+    position: relative;
+    border-radius: inherit;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+  }
+`)
 class Avatar extends GlobalStyle {
   /**
    * Image src.
@@ -78,15 +76,31 @@ 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}"
+          alt="${this.name}"
+          @error=${this._handleError}
+        />
+      `;
     }
     if (this.name) {
-      return html`<span part="name">${this.format()}</span>`;
+      return html`
+        <span part="name">${this.format()}</span>
+      `;
     }
     return htmlSlot();
   }