@statistikzh/leu 0.5.1 → 0.6.0

package/src/components/select/select.css

@@ -42,7 +42,7 @@
   font-family: var(--select-font-regular);
 }
 
-.select[disabled] {
+:host([disabled]) {
   --select-color: var(--select-color-disabled);
   --select-color-focus: var(--select-color-disabled);
   --select-border-color: var(--select-border-color-disabled);
@@ -121,19 +121,18 @@
   outline-offset: 2px;
 }
 
-.select[disabled] .select-toggle,
-.select[disabled] .clear-button {
+.select-toggle[disabled],
+.select-toggle[disabled] .clear-button {
   cursor: unset;
 }
 
-.select[disabled] .label {
+.select-toggle[disabled] .label {
   color: var(--select-label-color);
 }
 
 .select-toggle.open .label,
 .select-toggle.filled .label,
-.select:not([disabled]) .select-toggle:focus .label,
-.select:not([disabled]) .select-toggle:active:not([disabled]) .label {
+.select-toggle:focus .label {
   color: var(--select-label-color);
   font-family: var(--select-font-black);
   font-size: 0.75rem;
@@ -172,7 +171,7 @@
   flex-direction: column;
 
   width: 100%;
-  max-height: var(--auto-size-available-height);
+  max-height: min(var(--auto-size-available-height), 24rem);
 
   padding: 0;
   margin: 0;
@@ -183,12 +182,9 @@
   box-shadow: var(--select-box-shadow-regular), var(--select-box-shadow-short);
 }
 
-.select-menu {
+.menu {
   display: block;
-  padding: 0;
-  margin: 0;
   overflow: auto;
-  max-height: 100%;
 }
 
 .before,
@@ -205,11 +201,23 @@
   display: none;
 }
 
+.apply-button-wrapper {
+  background-color: var(--leu-color-black-10);
+  padding: 0.75rem;
+}
+
 .apply-button {
   display: block;
-  margin: 0.75rem;
 }
 
 .select-search {
   margin: 0.75rem;
 }
+
+.filter-message-empty {
+  background: var(--leu-color-black-0);
+  color: var(--leu-color-black-transp-60);
+
+  padding: 0.75rem;
+  margin: 0;
+}

package/src/components/select/stories/select.stories.js

@@ -1,7 +1,10 @@
 import { html } from "lit"
 import { ifDefined } from "lit/directives/if-defined.js"
 
-import "../leu-select.js"
+import { LeuSelect } from "../leu-select.js"
+import "../../menu/leu-menu.js"
+import "../../menu/leu-menu-item.js"
+
 import { MUNICIPALITIES } from "../test/fixtures.js"
 
 export default {
@@ -37,7 +40,6 @@ function Template({
     <div style="margin-top: 50vh"></div>
     <leu-select
       class="dropdown"
-      .options=${options}
       label=${ifDefined(label)}
       .value=${ifDefined(value)}
       ?clearable=${clearable}
@@ -47,6 +49,18 @@ function Template({
     >
       ${before ? html`<div slot="before">${before}</div>` : ""}
       ${after ? html`<div slot="after">${after}</div>` : ""}
+      ${options.map(
+        (option) => html`
+          <leu-menu-item
+            .value=${typeof option === "object" && option !== null
+              ? option.value
+              : option}
+            .label=${LeuSelect.getOptionLabel(option)}
+          >
+            ${LeuSelect.getOptionLabel(option)}
+          </leu-menu-item>
+        `
+      )}
     </leu-select>
     <div style="margin-top: 50vh"></div>
   `

package/src/components/select/test/select.test.js

@@ -4,11 +4,11 @@ import { fixture, expect, elementUpdated } from "@open-wc/testing"
 import { sendKeys } from "@web/test-runner-commands"
 
 import "../leu-select.js"
+import "../../menu/leu-menu-item.js"
 import { MUNICIPALITIES } from "./fixtures.js"
 
 async function defaultFixture(args = {}) {
   return fixture(html`<leu-select
-    .options=${args.options}
     label=${ifDefined(args.label)}
     .value=${args.value ?? []}
     ?clearable=${args.clearable}
@@ -16,6 +16,7 @@ async function defaultFixture(args = {}) {
     ?filterable=${args.filterable}
     ?multiple=${args.multiple}
   >
+    ${args.options.map((o) => html`<leu-menu-item>${o}</leu-menu-item>`)}
   </leu-select> `)
 }
 
@@ -45,6 +46,17 @@ describe("LeuSelect", () => {
     await expect(el).shadowDom.to.be.accessible()
   })
 
+  it("passes the a11y audit when a value is set", async () => {
+    const el = await defaultFixture({
+      options: MUNICIPALITIES,
+      label: "Gemeinde",
+      value: ["Affoltern am Albis"],
+      clearable: true,
+    })
+
+    await expect(el).shadowDom.to.be.accessible()
+  })
+
   it("renders a label", async () => {
     const el = await defaultFixture({
       options: MUNICIPALITIES,
@@ -56,15 +68,14 @@ describe("LeuSelect", () => {
     expect(toggleButton).to.have.trimmed.text("Gemeinde")
   })
 
-  it("doesn't show the list of options by default", async () => {
+  it("doesn't display the popup in the default state", async () => {
     const el = await defaultFixture({
       options: MUNICIPALITIES,
       label: "Gemeinde",
     })
 
-    const dialog = el.shadowRoot.querySelector("dialog")
-
-    expect(dialog).to.not.have.attribute("open")
+    const popup = el.shadowRoot.querySelector("leu-popup")
+    expect(popup).to.not.have.attribute("active")
   })
 
   it("opens the list of options when the toggle button is clicked", async () => {
@@ -76,10 +87,10 @@ describe("LeuSelect", () => {
     const toggleButton = el.shadowRoot.querySelector(".select-toggle")
     toggleButton.click()
 
-    const dialog = el.shadowRoot.querySelector("dialog")
+    const popup = el.shadowRoot.querySelector("leu-popup")
     await elementUpdated(el)
 
-    expect(dialog).to.have.attribute("open")
+    expect(popup).to.have.attribute("active")
   })
 
   it("has a default value of an empty array", async () => {
@@ -91,29 +102,71 @@ describe("LeuSelect", () => {
     expect(el.value).to.deep.equal([])
   })
 
-  it("marks the menu item as selected a the value is set", async () => {
+  it("marks the menu item as selected if the value is set", async () => {
     const el = await defaultFixture({
       options: MUNICIPALITIES,
       label: "Gemeinde",
-      value: "Affoltern am Albis",
+      value: ["Affoltern am Albis"],
     })
 
-    const toggleButton = el.shadowRoot.querySelector(".select-toggle")
-    toggleButton.click()
+    await elementUpdated(el)
+
+    const menuItems = Array.from(el.querySelectorAll("leu-menu-item"))
 
-    const menuItem = el.shadowRoot.querySelector(
-      "leu-menu-item[label='Affoltern am Albis']"
+    const menuItem = menuItems.find(
+      (item) => item.textContent === "Affoltern am Albis"
     )
 
     expect(menuItem).to.have.attribute("active")
-    expect(menuItem).to.have.attribute("aria-selected")
+
+    el.value = ["Affoltern a.A."] // This name doesn't match the name in the options
+    await elementUpdated(el)
+
+    // The value doesn't match any of the options
+    expect(menuItems.every((item) => !item.active)).to.be.true
+  })
+
+  it("converts the value to an array if it is a string", async () => {
+    const el = await defaultFixture({
+      options: ["Option 1", "Option 2", "Option 3"],
+      label: "Options",
+    })
+
+    el.setAttribute("value", "Option 1, Option 2")
+    expect(el.value).to.deep.equal(["Option 1", "Option 2"])
+
+    el.setAttribute("value", "Option 3")
+    expect(el.value).to.deep.equal(["Option 3"])
+
+    el.setAttribute("value", "Option 1 Option 2")
+    expect(el.value).to.deep.equal(["Option 1 Option 2"])
+  })
+
+  it("renders the label of the selected option", async () => {
+    const el = await defaultFixture({
+      options: MUNICIPALITIES,
+      label: "Gemeinde",
+      value: ["Affoltern am Albis"],
+    })
+
+    const toggleButton = el.shadowRoot.querySelector(".select-toggle .value")
+    expect(toggleButton).to.have.trimmed.text("Affoltern am Albis")
+
+    el.multiple = true
+    await elementUpdated(el)
+
+    expect(toggleButton).to.have.trimmed.text("1 gewählt")
+
+    el.value = ["Affoltern am Albis", "Maur"]
+    await elementUpdated(el)
+    expect(toggleButton).to.have.trimmed.text("2 gewählt")
   })
 
   it("shows the clear button when a value is set", async () => {
     const el = await defaultFixture({
       options: MUNICIPALITIES,
       label: "Gemeinde",
-      value: "Affoltern am Albis",
+      value: ["Affoltern am Albis"],
       clearable: true,
     })
 
@@ -149,8 +202,11 @@ describe("LeuSelect", () => {
 
     await sendKeys({ type: "am albis" })
 
-    const menuItems = el.shadowRoot.querySelectorAll("leu-menu-item")
-    expect(menuItems.length).to.equal(6)
+    const menuItems = el.querySelectorAll("leu-menu-item")
+    const visibleMenuItems = Array.from(menuItems).filter(
+      (menuItem) => !menuItem.hidden
+    )
+    expect(visibleMenuItems.length).to.equal(6)
   })
 
   it("resets the filter when the filter input is cleared", async () => {
@@ -173,21 +229,12 @@ describe("LeuSelect", () => {
     clearFilterButton.click()
     await elementUpdated(el)
 
-    const menuItems = el.shadowRoot.querySelectorAll("leu-menu-item")
-    expect(menuItems.length).to.equal(MUNICIPALITIES.length)
-  })
-
-  it("renders a message when no options are available", async () => {
-    const el = await defaultFixture({
-      options: [],
-      label: "Gemeinde",
-    })
-
-    const toggleButton = el.shadowRoot.querySelector(".select-toggle")
-    toggleButton.click()
+    const menuItems = el.querySelectorAll("leu-menu-item")
+    const visibleMenuItems = Array.from(menuItems).filter(
+      (menuItem) => !menuItem.hidden
+    )
 
-    const menuItem = el.shadowRoot.querySelector("leu-menu-item")
-    expect(menuItem).to.have.attribute("label", "Keine Optionen")
+    expect(visibleMenuItems.length).to.equal(MUNICIPALITIES.length)
   })
 
   it("renders a message when no options are available after filtering", async () => {
@@ -204,9 +251,11 @@ describe("LeuSelect", () => {
     filterInput.focus()
 
     await sendKeys({ type: "am albissss" })
+    await elementUpdated(el)
 
-    const menuItem = el.shadowRoot.querySelector("leu-menu-item")
-    expect(menuItem).to.have.attribute("label", "Keine Resultate")
+    const emptyMessage = el.shadowRoot.querySelector(".filter-message-empty")
+    expect(emptyMessage).to.exist
+    expect(emptyMessage).to.have.attribute("aria-live", "polite")
   })
 
   it("renders a apply button when multiple selection is allowed", async () => {
@@ -216,10 +265,27 @@ describe("LeuSelect", () => {
       multiple: true,
     })
 
-    const applyButton = el.shadowRoot.querySelector("leu-menu + .apply-button")
+    const applyButton = el.shadowRoot.querySelector(".apply-button")
     expect(applyButton).to.exist
   })
 
+  it("closes the popup when the apply button is clicked", async () => {
+    const el = await defaultFixture({
+      options: MUNICIPALITIES,
+      label: "Gemeinde",
+      multiple: true,
+    })
+
+    const toggleButton = el.shadowRoot.querySelector(".select-toggle")
+    toggleButton.click()
+
+    const applyButton = el.shadowRoot.querySelector(".apply-button")
+    applyButton.click()
+
+    const popup = el.shadowRoot.querySelector("leu-popup")
+    expect(popup).to.not.have.attribute("active")
+  })
+
   it("updates the value when an option is selected", async () => {
     const el = await defaultFixture({
       options: MUNICIPALITIES,
@@ -229,7 +295,9 @@ describe("LeuSelect", () => {
     const toggleButton = el.shadowRoot.querySelector(".select-toggle")
     toggleButton.click()
 
-    const menuItem = el.shadowRoot.querySelector("leu-menu-item[label='Maur']")
+    const menuItem = Array.from(el.querySelectorAll("leu-menu-item")).find(
+      (item) => item.textContent === "Maur"
+    )
     menuItem.click()
 
     expect(el.value).to.deep.equal(["Maur"])
@@ -245,9 +313,95 @@ describe("LeuSelect", () => {
     const toggleButton = el.shadowRoot.querySelector(".select-toggle")
     toggleButton.click()
 
-    el.shadowRoot.querySelector("leu-menu-item[label='Maur']").click()
-    el.shadowRoot.querySelector("leu-menu-item[label='Zollikon']").click()
+    const menuItems = Array.from(el.querySelectorAll("leu-menu-item"))
+
+    menuItems.find((item) => item.textContent === "Maur").click()
+    menuItems.find((item) => item.textContent === "Zollikon").click()
 
     expect(el.value).to.deep.equal(["Maur", "Zollikon"])
   })
+
+  it("closes the popup when an item is selected", async () => {
+    const el = await defaultFixture({
+      options: MUNICIPALITIES,
+      label: "Gemeinde",
+    })
+
+    const toggleButton = el.shadowRoot.querySelector(".select-toggle")
+    toggleButton.click()
+
+    const menuItem = Array.from(el.querySelectorAll("leu-menu-item")).find(
+      (item) => item.textContent === "Hedingen"
+    )
+    menuItem.click()
+
+    const popup = el.shadowRoot.querySelector("leu-popup")
+    expect(popup).to.not.have.attribute("active")
+  })
+
+  it("keeps the popup open after selecting an item when multiple selection is allowed", async () => {
+    const el = await defaultFixture({
+      options: MUNICIPALITIES,
+      label: "Gemeinde",
+      multiple: true,
+    })
+
+    const toggleButton = el.shadowRoot.querySelector(".select-toggle")
+    toggleButton.click()
+
+    const menuItem = Array.from(el.querySelectorAll("leu-menu-item")).find(
+      (item) => item.textContent === "Hedingen"
+    )
+    menuItem.click()
+
+    const popup = el.shadowRoot.querySelector("leu-popup")
+    expect(popup).to.not.have.attribute("active")
+  })
+
+  it("focuses the filter input when the popup is opened", async () => {
+    const el = await defaultFixture({
+      options: MUNICIPALITIES,
+      label: "Gemeinde",
+      filterable: true,
+    })
+
+    const toggleButton = el.shadowRoot.querySelector(".select-toggle")
+    toggleButton.click()
+
+    await elementUpdated(el)
+
+    const filterInput = el.shadowRoot.querySelector(".select-search")
+    expect(filterInput).to.equal(el.shadowRoot.activeElement)
+  })
+
+  it("focuses the first menu item when the popup is opened", async () => {
+    const el = await defaultFixture({
+      options: MUNICIPALITIES,
+      label: "Gemeinde",
+    })
+
+    const toggleButton = el.shadowRoot.querySelector(".select-toggle")
+    toggleButton.click()
+
+    await elementUpdated(el)
+
+    const menuItems = el.querySelectorAll("leu-menu-item")
+    const firstMenuItem = menuItems[0]
+    expect(firstMenuItem).to.equal(document.activeElement)
+  })
+
+  it("closes the popup when the escape key is pressed", async () => {
+    const el = await defaultFixture({
+      options: MUNICIPALITIES,
+      label: "Gemeinde",
+    })
+
+    const toggleButton = el.shadowRoot.querySelector(".select-toggle")
+    toggleButton.click()
+
+    await sendKeys({ press: "Escape" })
+
+    const popup = el.shadowRoot.querySelector("leu-popup")
+    expect(popup.active).to.not.be.true
+  })
 })

package/src/components/table/Table.js

@@ -1,16 +1,24 @@
-import { html, LitElement, nothing } from "lit"
+import { html, nothing } from "lit"
 import { classMap } from "lit/directives/class-map.js"
 import { styleMap } from "lit/directives/style-map.js"
 import { createRef, ref } from "lit/directives/ref.js"
-import { Icon } from "../icon/icon.js"
-import "../pagination/leu-pagination.js"
 
+import { LeuElement } from "../../lib/LeuElement.js"
+import { LeuIcon } from "../icon/Icon.js"
+import { LeuPagination } from "../pagination/Pagination.js"
+
+// @ts-ignore
 import styles from "./table.css"
 
 /**
  * @tagname leu-table
  */
-export class LeuTable extends LitElement {
+export class LeuTable extends LeuElement {
+  static dependencies = {
+    "leu-icon": LeuIcon,
+    "leu-pagination": LeuPagination,
+  }
+
   static styles = styles
 
   static properties = {
@@ -44,10 +52,6 @@ export class LeuTable extends LitElement {
     /** @type {number} */
     this.width = null
 
-    /** @internal */
-    this._sortArrowDown = Icon("arrowDown", 20)
-    /** @internal */
-    this._sortArrowUp = Icon("arrowUp", 20)
     /** @internal */
     this._shadowLeft = false
     /** @internal */
@@ -116,7 +120,9 @@ export class LeuTable extends LitElement {
   }
 
   sortArrowIcon() {
-    return html`${this.sortOrderAsc ? this._sortArrowDown : this._sortArrowUp}`
+    return html`<leu-icon
+      name=${this.sortOrderAsc ? "arrowDown" : "arrowUp"}
+    ></leu-icon>`
   }
 
   sortArrow(col) {

package/src/components/table/leu-table.js

@@ -1,6 +1,5 @@
-import { defineElement } from "../../lib/defineElement.js"
 import { LeuTable } from "./Table.js"
 
 export { LeuTable }
 
-defineElement("table", LeuTable)
+LeuTable.define("leu-table")

package/src/components/table/table.css

@@ -73,7 +73,9 @@ button {
   font-family: inherit;
 }
 
-thead svg {
+thead leu-icon {
+  --leu-icon-size: 1.25rem;
+
   display: inline-block;
   color: var(--leu-color-accent-blue);
   padding: 0;

package/src/components/visually-hidden/VisuallyHidden.js

@@ -1,10 +1,14 @@
-import { html, LitElement } from "lit"
+import { html } from "lit"
+
+import { LeuElement } from "../../lib/LeuElement.js"
+
+// @ts-ignore
 import styles from "./visually-hidden.css"
 
 /**
  * @tagname leu-visually-hidden
  */
-export class LeuVisuallyHidden extends LitElement {
+export class LeuVisuallyHidden extends LeuElement {
   static styles = styles
 
   render() {

package/src/components/visually-hidden/leu-visually-hidden.js

@@ -1,6 +1,5 @@
-import { defineElement } from "../../lib/defineElement.js"
 import { LeuVisuallyHidden } from "./VisuallyHidden.js"
 
 export { LeuVisuallyHidden }
 
-defineElement("visually-hidden", LeuVisuallyHidden)
+LeuVisuallyHidden.define("leu-visually-hidden")

package/src/lib/LeuElement.js

@@ -0,0 +1,23 @@
+import { LitElement } from "lit"
+
+export class LeuElement extends LitElement {
+  static dependencies = {}
+
+  static define(name, constructor = this, options = {}) {
+    if (!customElements.get(name)) {
+      customElements.define(name, constructor, options)
+    } else {
+      console.info(`${name} is already defined`)
+    }
+  }
+
+  constructor() {
+    super()
+
+    Object.entries(this.constructor.dependencies).forEach(
+      ([name, component]) => {
+        this.constructor.define(name, component)
+      }
+    )
+  }
+}

package/src/lib/a11y.js

@@ -0,0 +1,26 @@
+/**
+ * All roles that are associated with a aria-checked attribute
+ * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-checked
+ */
+export const ARIA_CHECKED_ROLES = [
+  "checkbox",
+  "menuitemcheckbox",
+  "menuitemradio",
+  "option",
+  "radio",
+  "switch",
+]
+
+/**
+ * All roles that are associated with a aria-selected attribute
+ * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected
+ */
+export const ARIA_SELECTED_ROLES = [
+  "gridcell",
+  "option",
+  "row",
+  "tab",
+  "columnheader",
+  "rowheader",
+  "treeitem",
+]

package/src/styles/custom-properties.css

@@ -51,5 +51,7 @@
   --leu-box-shadow-regular: 0px 0px 16px var(--leu-color-black-transp-20);
   --leu-box-shadow-long: 0px 0px 80px var(--leu-color-black-transp-20);
 
+  --leu-z-index-popup: 100;
+
   @leu-font-styles './font-definitions.json';
 }

package/web-test-runner.config.mjs

@@ -45,6 +45,8 @@ export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
     // playwrightLauncher({ product: "webkit" }),
   ],
 
+  testsFinishTimeout: 10000,
+
   testRunnerHtml: (testFramework) =>
     `<html>
       <head>

package/dist/Button-5326c982.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button-5326c982.d.ts","sourceRoot":"","sources":["Button-5326c982.js"],"names":[],"mappings":";;;iCAaa,OAAO,KAAK,EAAE,kBAAkB;AA2V7C,wCAA0D;AAlW1D;;;GAGG;AAEH;;;;GAIG;AACH;IACE,uCAcC;IAHC,UAAgB;IAEhB,eAA0B;IAG5B;;;OAGG;IACH,uBAeC;IAED;;;;OAIG;IACH,qBAEC;IAED;;;OAGG;IACH,gCAEC;IACD,sBAEC;IACD,yBAEC;CACF;AAiTD;;GAEG;AACH;IAQI,WAAiB;IACjB,qBAAqB;IACrB,MADW,MAAM,CACD;IAChB,yFAAyF;IACzF,cADW,CAAC,QAAQ,GAAG,OAAO,CAAC,CACH;IAC5B,qBAAqB;IACrB,MADW,MAAM,CACI;IACrB,qBAAqB;IACrB,SADW,MAAM,CACO;IACxB,4CAA4C;IAC5C,MADW,QAAQ,GAAG,QAAQ,GAAG,OAAO,CACpB;IAEpB,sBAAsB;IACtB,UADW,OAAO,CACG;IACrB,+EAA+E;IAC/E,OADW,OAAO,CACA;IAClB,sBAAsB;IACtB,QADW,OAAO,CACC;IACnB,wDAAwD;IACxD,UADW,OAAO,CACG;IAErB,gGAAgG;IAChG,OADW,OAAO,CACA;IAElB;;;OAGG;IACH,UAFU,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAEf;IAE3B,uBAEC;IACD,0EAOC;IACD,yEAOC;IACD,6EAOC;IACD;;;MAaC;IACD,+CA0BC;CACF;AAhID,qCAA0C;AAE1C,qCAAmD;AAEnD,gDAAkD;2BA7WH,KAAK;wBAAL,KAAK"}

package/dist/_rollupPluginBabelHelpers-20f659f4.d.ts

@@ -1,3 +0,0 @@
-export { _defineProperty as _ };
-declare function _defineProperty(obj: any, key: any, value: any): any;
-//# sourceMappingURL=_rollupPluginBabelHelpers-20f659f4.d.ts.map

package/dist/_rollupPluginBabelHelpers-20f659f4.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"_rollupPluginBabelHelpers-20f659f4.d.ts","sourceRoot":"","sources":["_rollupPluginBabelHelpers-20f659f4.js"],"names":[],"mappings":";AAAA,sEAaC"}

package/dist/_rollupPluginBabelHelpers-20f659f4.js

@@ -1,30 +0,0 @@
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-
-export { _defineProperty as _ };

package/dist/defineElement-40372b4b.d.ts

@@ -1,9 +0,0 @@
-export { defineElement as d };
-/**
- * Adds a definition for a custom element to the custom element
- * registry if it isn't defined before. Prefixes the name with `leu-`.
- * @param {string} name
- * @param {CustomElementConstructor} constructor
- */
-declare function defineElement(name: string, constructor: CustomElementConstructor): void;
-//# sourceMappingURL=defineElement-40372b4b.d.ts.map