@statistikzh/leu 0.7.0 → 0.8.0

package/.eslintrc.json

@@ -23,5 +23,8 @@
         "no-console": "off"
       }
     }
-  ]
+  ],
+  "globals": {
+    "__LEU_VERSION__": "readonly"
+  }
 }

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## [0.8.0](https://github.com/statistikZH/leu/compare/v0.7.0...v0.8.0) (2024-07-16)
+
+
+### Features
+
+* **chip:** add getValue method that returns either the value or the text content of the chip ([78eb332](https://github.com/statistikZH/leu/commit/78eb332e6b0da18cfdff45cbd9f3e7cc9514b9ea))
+
+
+### Bug Fixes
+
+* **checkbox-group:** use lowercase values for orientation attribute ([da68c5e](https://github.com/statistikZH/leu/commit/da68c5e68683e8672712c1bd36134df2eabc4cfb))
+* don't define dependencies in the constructor. add version variable for better comparison ([14eda96](https://github.com/statistikZH/leu/commit/14eda96dcbdcd86124a4e42a9a32d472b44416db))
+* **menu-item:** apply correct active colors to match style guide and to be wcag compliant ([#211](https://github.com/statistikZH/leu/issues/211)) ([1f8e957](https://github.com/statistikZH/leu/commit/1f8e95749ae4faaf87fce29924ba5b35724f8e4d))
+* **menu-item:** use textContent instead of innerText to avoid triggering a reflow ([78eb332](https://github.com/statistikZH/leu/commit/78eb332e6b0da18cfdff45cbd9f3e7cc9514b9ea))
+* **radio-group:** use lowercase values for orientation attribute ([da68c5e](https://github.com/statistikZH/leu/commit/da68c5e68683e8672712c1bd36134df2eabc4cfb))
+
 ## [0.7.0](https://github.com/statistikZH/leu/compare/v0.6.0...v0.7.0) (2024-07-08)
 
 

package/dist/Accordion.d.ts

@@ -28,5 +28,5 @@ export class LeuAccordion extends LeuElement {
     _handleToggleClick(): void;
     render(): import("lit-html").TemplateResult;
 }
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=Accordion.d.ts.map

package/dist/Accordion.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, nothing } from 'lit';
 import { html, unsafeStatic } from 'lit/static-html.js';
 

package/dist/Breadcrumb.d.ts

@@ -64,6 +64,6 @@ export class LeuBreadcrumb extends LeuElement {
     renderDropdown(): import("lit-html").TemplateResult<1> | typeof nothing;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
 }
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/Breadcrumb.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, nothing, html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { classMap } from 'lit/directives/class-map.js';

package/dist/{Button-7370f901.d.ts → Button-3adfb3ed.d.ts}

@@ -77,7 +77,7 @@ declare class LeuButton extends LeuElement {
 declare const BUTTON_SIZES: string[];
 declare const BUTTON_TYPES: string[];
 declare const BUTTON_EXPANDED_OPTIONS: string[];
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { nothing } from 'lit';
 export { BUTTON_VARIANTS as B, HasSlotController as H, LeuButton as L, BUTTON_SIZES as a, BUTTON_TYPES as b, BUTTON_EXPANDED_OPTIONS as c };
-//# sourceMappingURL=Button-7370f901.d.ts.map
+//# sourceMappingURL=Button-3adfb3ed.d.ts.map

package/dist/{Button-7370f901.d.ts.map → Button-3adfb3ed.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-7370f901.d.ts","sourceRoot":"","sources":["Button-7370f901.js"],"names":[],"mappings":";;;iCAaa,OAAO,KAAK,EAAE,kBAAkB;AAyW7C,wCAA0D;AAhX1D;;;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;AAmTD;;;;;GAKG;AACH;IAQI,WAAiB;IACjB,qBAAqB;IACrB,MADW,MAAM,CACI;IACrB,qBAAqB;IACrB,SADW,MAAM,CACO;IACxB,4CAA4C;IAC5C,MADW,QAAQ,GAAG,QAAQ,GAAG,OAAO,CACpB;IAEpB,qBAAqB;IACrB,eADW,MAAM,CACa;IAE9B,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,6EAOC;IACD;;;MAaC;IACD,0BAEC;IACD,+CAiCC;CACF;AA7GD,qCAA0C;AAE1C,qCAAmD;AAEnD,gDAAkD;gCA5XI,0BAA0B;wBAC7C,KAAK"}
+{"version":3,"file":"Button-3adfb3ed.d.ts","sourceRoot":"","sources":["Button-3adfb3ed.js"],"names":[],"mappings":";;;iCAaa,OAAO,KAAK,EAAE,kBAAkB;AAyW7C,wCAA0D;AAhX1D;;;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;AAmTD;;;;;GAKG;AACH;IAQI,WAAiB;IACjB,qBAAqB;IACrB,MADW,MAAM,CACI;IACrB,qBAAqB;IACrB,SADW,MAAM,CACO;IACxB,4CAA4C;IAC5C,MADW,QAAQ,GAAG,QAAQ,GAAG,OAAO,CACpB;IAEpB,qBAAqB;IACrB,eADW,MAAM,CACa;IAE9B,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,6EAOC;IACD;;;MAaC;IACD,0BAEC;IACD,+CAiCC;CACF;AA7GD,qCAA0C;AAE1C,qCAAmD;AAEnD,gDAAkD;gCA5XI,0BAA0B;wBAC7C,KAAK"}

package/dist/{Button-7370f901.js → Button-3adfb3ed.js}

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';

package/dist/Button.d.ts

@@ -1,2 +1,2 @@
-export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from "./Button-7370f901.js";
+export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from "./Button-3adfb3ed.js";
 //# sourceMappingURL=Button.d.ts.map

package/dist/Button.js

@@ -1,6 +1,6 @@
-import './LeuElement-ba5ea33d.js';
+import './LeuElement-a20c5fd6.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';
-export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from './Button-7370f901.js';
+export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from './Button-3adfb3ed.js';

package/dist/ButtonGroup.d.ts

@@ -20,5 +20,5 @@ export class LeuButtonGroup extends LeuElement {
     _handleButtonClick(button: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 
 var css_248z = css`:host,

package/dist/Checkbox.d.ts

@@ -10,5 +10,5 @@ export class LeuCheckbox extends LeuElement {
     handleInput(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 import { LeuIcon } from './Icon.js';
 

package/dist/CheckboxGroup.d.ts

@@ -2,12 +2,13 @@
  * @tagname leu-checkbox-group
  */
 export class LeuCheckboxGroup extends LeuElement {
-    orientation: string;
+    /** @type {"horizontal" | "vertical"} */
+    orientation: "horizontal" | "vertical";
     items: any[];
     get value(): any[];
     handleSlotChange(): void;
     handleItems(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/CheckboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["CheckboxGroup.js"],"names":[],"mappings":"AAqCA;;GAEG;AACH;IAGI,oBAA+B;IAC/B,aAAe;IAEjB,mBAEC;IACD,yBAEC;IACD,oBAEC;IACD,+CAWC;CACF;gCAnEqD,0BAA0B"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["CheckboxGroup.js"],"names":[],"mappings":"AAqCA;;GAEG;AACH;IAGI,wCAAwC;IACxC,aADW,YAAY,GAAG,UAAU,CACL;IAC/B,aAAe;IAEjB,mBAEC;IACD,yBAEC;IACD,oBAEC;IACD,+CAWC;CACF;gCApEqD,0BAA0B"}

package/dist/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 
@@ -41,7 +41,8 @@ var css_248z = css`:host {
 class LeuCheckboxGroup extends LeuElement {
   constructor() {
     super();
-    this.orientation = "HORIZONTAL";
+    /** @type {"horizontal" | "vertical"} */
+    this.orientation = "horizontal";
     this.items = [];
   }
   get value() {
@@ -56,7 +57,7 @@ class LeuCheckboxGroup extends LeuElement {
   render() {
     const fieldsetClasses = {
       fieldset: "true",
-      "fieldset--vertical": this.orientation === "VERTICAL"
+      "fieldset--vertical": this.orientation === "vertical"
     };
     return html`
       <fieldset class=${classMap(fieldsetClasses)}>

package/dist/Chip.d.ts

@@ -1,5 +1,5 @@
 export class LeuChipBase extends LeuElement {
     inverted: boolean;
 }
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=Chip.d.ts.map

package/dist/Chip.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css } from 'lit';
 
 var css_248z = css`:host,

package/dist/ChipGroup.d.ts

@@ -32,5 +32,5 @@ export const SELECTION_MODES: Readonly<{
     multiple: "multiple";
     none: "none";
 }>;
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=ChipGroup.d.ts.map

package/dist/ChipGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { html, unsafeStatic } from 'lit/static-html.js';
 import { css } from 'lit';
 
@@ -83,7 +83,7 @@ class LeuChipGroup extends LeuElement {
     });
   }
   get value() {
-    return this.items.filter(i => i.checked).map(i => i.value);
+    return this.items.filter(i => i.checked).map(i => i.getValue());
   }
 
   /**

package/dist/ChipLink.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty } from './LeuElement-a20c5fd6.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 

package/dist/ChipRemovable.d.ts

@@ -2,8 +2,15 @@
  * @slot - The content of the chip
  * @tagname leu-chip-removable
  * @fires remove - Dispatched when the user clicks on the chip
+ * @prop {string} value - The value of the chip.
  */
 export class LeuChipRemovable extends LeuChipBase {
+    value: string;
+    /**
+     * Returns the value of the chip. If `value` is not set, it will return the text content
+     * @returns {string}
+     */
+    getValue(): string;
     handleClick(): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/ChipRemovable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipRemovable.d.ts","sourceRoot":"","sources":["ChipRemovable.js"],"names":[],"mappings":"AAKA;;;;GAIG;AACH;IACE,oBAMC;IACD,+CAKC;CACF;4BAtB2B,WAAW"}
+{"version":3,"file":"ChipRemovable.d.ts","sourceRoot":"","sources":["ChipRemovable.js"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH;IAGI,cAAe;IAGjB;;;OAGG;IACH,YAFa,MAAM,CAIlB;IACD,oBASC;IACD,+CAKC;CACF;4BAtC2B,WAAW"}

package/dist/ChipRemovable.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty } from './LeuElement-a20c5fd6.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 import { LeuIcon } from './Icon.js';
@@ -7,12 +7,28 @@ import { LeuIcon } from './Icon.js';
  * @slot - The content of the chip
  * @tagname leu-chip-removable
  * @fires remove - Dispatched when the user clicks on the chip
+ * @prop {string} value - The value of the chip.
  */
 class LeuChipRemovable extends LeuChipBase {
+  constructor() {
+    super();
+    this.value = "";
+  }
+
+  /**
+   * Returns the value of the chip. If `value` is not set, it will return the text content
+   * @returns {string}
+   */
+  getValue() {
+    return this.value || this.textContent.trim();
+  }
   handleClick() {
     const customEvent = new CustomEvent("leu:remove", {
       bubbles: true,
-      composed: true
+      composed: true,
+      detail: {
+        value: this.getValue()
+      }
     });
     this.dispatchEvent(customEvent);
   }
@@ -27,7 +43,11 @@ _defineProperty(LeuChipRemovable, "dependencies", {
   "leu-icon": LeuIcon
 });
 _defineProperty(LeuChipRemovable, "properties", {
-  ...LeuChipBase.properties
+  ...LeuChipBase.properties,
+  value: {
+    type: String,
+    reflect: true
+  }
 });
 
 export { LeuChipRemovable };

package/dist/ChipSelectable.d.ts

@@ -17,7 +17,13 @@ export class LeuChipSelectable extends LeuChipBase {
      */
     variant: string;
     checked: boolean;
+    value: string;
     handleClick(): void;
+    /**
+     * Returns the value of the chip. If `value` is not set, it will return the text content
+     * @returns {string}
+     */
+    getValue(): string;
     render(): import("lit-html").TemplateResult<1>;
 }
 export namespace SIZES {

package/dist/ChipSelectable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipSelectable.d.ts","sourceRoot":"","sources":["ChipSelectable.js"],"names":[],"mappings":"AAaA;;;;;;;;GAQG;AACH;IAGI,aAAyB;IAEzB;;;;;OAKG;IACH,gBAA8B;IAC9B,iBAAoB;IAKtB,oBAiBC;IACD,+CAQC;CACF;;;;;;;;;4BAhE2B,WAAW"}
+{"version":3,"file":"ChipSelectable.d.ts","sourceRoot":"","sources":["ChipSelectable.js"],"names":[],"mappings":"AAaA;;;;;;;;GAQG;AACH;IAGI,aAAyB;IAEzB;;;;;OAKG;IACH,gBAA8B;IAC9B,iBAAoB;IACpB,cAAe;IAKjB,oBAkBC;IAED;;;OAGG;IACH,YAFa,MAAM,CAIlB;IACD,+CAQC;CACF;;;;;;;;;4BA1E2B,WAAW"}

package/dist/ChipSelectable.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty } from './LeuElement-a20c5fd6.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 
@@ -33,6 +33,7 @@ class LeuChipSelectable extends LeuChipBase {
      */
     this.variant = VARIANTS.toggle;
     this.checked = false;
+    this.value = "";
     if (this.variant === VARIANTS.radio && this.size === SIZES.small) {
       console.warn("Small size has no effect on radio variant");
     }
@@ -48,13 +49,22 @@ class LeuChipSelectable extends LeuChipBase {
       this.checked = nextcheckedState;
       this.dispatchEvent(new CustomEvent("input", {
         detail: {
-          checked: this.checked
+          checked: this.checked,
+          value: this.getValue()
         },
         bubbles: true,
         composed: true
       }));
     }
   }
+
+  /**
+   * Returns the value of the chip. If `value` is not set, it will return the text content
+   * @returns {string}
+   */
+  getValue() {
+    return this.value || this.textContent.trim();
+  }
   render() {
     return html`<button
       @click=${() => this.handleClick()}

package/dist/Dropdown.d.ts

@@ -15,5 +15,5 @@ export class LeuDropdown extends LeuElement {
     _getMenu(): any;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=Dropdown.d.ts.map

package/dist/Dropdown.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html, nothing } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { H as HasSlotController, L as LeuButton } from './Button-7370f901.js';
+import { H as HasSlotController, L as LeuButton } from './Button-3adfb3ed.js';
 import { LeuMenu } from './Menu.js';
 import { LeuMenuItem } from './MenuItem.js';
 import { LeuPopup } from './Popup.js';

package/dist/Icon.d.ts

@@ -112,5 +112,5 @@ export class LeuIcon extends LeuElement {
     name: any | "";
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=Icon.d.ts.map

package/dist/Icon.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html, svg } from 'lit';
 
 var css_248z = css`svg,

package/dist/Input.d.ts

@@ -145,6 +145,6 @@ export const SIZES: Readonly<{
     SMALL: "small";
     REGULAR: "regular";
 }>;
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Input.d.ts.map

package/dist/Input.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, nothing, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';

package/dist/{LeuElement-ba5ea33d.d.ts → LeuElement-a20c5fd6.d.ts}

@@ -4,4 +4,4 @@ declare class LeuElement extends LitElement {
 declare function _defineProperty(obj: any, key: any, value: any): any;
 import { LitElement } from 'lit';
 export { LeuElement as L, _defineProperty as _ };
-//# sourceMappingURL=LeuElement-ba5ea33d.d.ts.map
+//# sourceMappingURL=LeuElement-a20c5fd6.d.ts.map

package/dist/LeuElement-a20c5fd6.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeuElement-a20c5fd6.d.ts","sourceRoot":"","sources":["LeuElement-a20c5fd6.js"],"names":[],"mappings":"AA+BA;IACE,8EAcC;CACF;AA7CD,sEAaC;2BAf0B,KAAK"}

package/dist/{LeuElement-ba5ea33d.js → LeuElement-a20c5fd6.js}

@@ -31,19 +31,22 @@ function _toPropertyKey(arg) {
 
 class LeuElement extends LitElement {
   static define(name, constructor = this, options = {}) {
-    if (!customElements.get(name)) {
+    Object.entries(this.dependencies).forEach(([n, c]) => c.define(n));
+    const currentlyRegisteredConstructor = customElements.get(name);
+    if (currentlyRegisteredConstructor === undefined) {
       customElements.define(name, constructor, options);
-    } else {
-      console.info(`${name} is already defined`);
+      return;
+    }
+    if (currentlyRegisteredConstructor !== constructor) {
+      console.warn(`The custom element with the name <${name}> is already registered with a different constructor. This can happen when the same element has been loaded from different modules (e.g. multiple CDN requests or bundles).`);
+      return;
+    }
+    if (currentlyRegisteredConstructor.version !== constructor.version) {
+      console.warn(`The custom element with the name <${name}> is already defined with the same constructor but a different version (${currentlyRegisteredConstructor.version}).`);
     }
-  }
-  constructor() {
-    super();
-    Object.entries(this.constructor.dependencies).forEach(([name, component]) => {
-      this.constructor.define(name, component);
-    });
   }
 }
+_defineProperty(LeuElement, "version", "0.8.0");
 _defineProperty(LeuElement, "dependencies", {});
 
 export { LeuElement as L, _defineProperty as _ };

package/dist/Menu.d.ts

@@ -25,6 +25,6 @@ export class LeuMenu extends LeuElement {
     updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { LeuMenuItem } from './MenuItem.js';
 //# sourceMappingURL=Menu.d.ts.map

package/dist/Menu.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit/directives/if-defined.js';

package/dist/MenuItem.d.ts

@@ -34,5 +34,5 @@ export class LeuMenuItem extends LeuElement {
     _renderButton(content: any): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/MenuItem.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LeuIcon } from './Icon.js';
@@ -11,10 +11,10 @@ var css_248z = css`:host,
 :host {
   --background: var(--leu-color-black-0);
   --background-hover: var(--leu-color-black-10);
-  --background-active: var(--leu-color-accent-blue);
+  --background-active: var(--leu-color-func-cyan);
   --background-disabled: var(--leu-color-black-black-0);
   --color: var(--leu-color-black-transp-60);
-  --color-active: var(--leu-color-black-0);
+  --color-active: var(--leu-color-black-100);
   --color-disabled: var(--leu-color-black-transp-20);
   --font-regular: var(--leu-font-family-regular);
   --font-black: var(--leu-font-family-black);
@@ -137,7 +137,7 @@ class LeuMenuItem extends LeuElement {
    * @returns {string}
    */
   getValue() {
-    return this.value || this.innerText;
+    return this.value || this.textContent.trim();
   }
   _getAria() {
     const commonAttributes = {

package/dist/Pagination.d.ts

@@ -30,5 +30,5 @@ export class LeuPagination extends LeuElement {
     _handleKeyDown(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/Pagination.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 import { live } from 'lit/directives/live.js';
-import { L as LeuButton } from './Button-7370f901.js';
+import { L as LeuButton } from './Button-3adfb3ed.js';
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import { LeuIcon } from './Icon.js';
 import 'lit/directives/class-map.js';

package/dist/Popup.d.ts

@@ -32,5 +32,5 @@ export class LeuPopup extends LeuElement {
     handleAnchorChange(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=Popup.d.ts.map

package/dist/Popup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 import { autoUpdate, size, flip, shift, computePosition } from '@floating-ui/dom';
 

package/dist/Radio.d.ts

@@ -10,5 +10,5 @@ export class LeuRadio extends LeuElement {
     handleInput(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=Radio.d.ts.map

package/dist/Radio.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 
 var css_248z = css`:host {

package/dist/RadioGroup.d.ts

@@ -16,5 +16,5 @@ export class LeuRadioGroup extends LeuElement {
     initializeIndex(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["RadioGroup.js"],"names":[],"mappings":"AAqCA;;GAEG;AACH;IAIM,sBAAiD;IA2BnD,oBAA+B;IAE/B,aAAe;IAEjB,iBAGC;IAUD,0BAaC;IACD,6BAMC;IACD,yBAEC;IACD,qCAIC;IACD,yDAaC;IACD,oBAQC;IACD,oBAIC;IACD,wBAIC;IACD,+CAWC;CACF;gCAlKqD,0BAA0B"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["RadioGroup.js"],"names":[],"mappings":"AAqCA;;GAEG;AACH;IAKM,sBAAiD;IA2BnD,oBAA+B;IAE/B,aAAe;IAEjB,iBAGC;IAUD,0BAaC;IACD,6BAMC;IACD,yBAEC;IACD,qCAIC;IACD,yDAaC;IACD,oBAQC;IACD,oBAIC;IACD,wBAIC;IACD,+CAWC;CACF;gCAnKqD,0BAA0B"}

package/dist/RadioGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 
@@ -41,6 +41,7 @@ var css_248z = css`:host {
 class LeuRadioGroup extends LeuElement {
   constructor() {
     super();
+    /** @type {"horizontal" | "vertical"} */
     _defineProperty(this, "handleFocusIn", e => {
       this._currentIndex = this.items.indexOf(e.target);
     });
@@ -69,7 +70,7 @@ class LeuRadioGroup extends LeuElement {
         item.checked = item === e.target; // eslint-disable-line no-param-reassign
       });
     });
-    this.orientation = "HORIZONTAL";
+    this.orientation = "horizontal";
     this._currentIndex = 0;
     this.items = [];
   }
@@ -151,7 +152,7 @@ class LeuRadioGroup extends LeuElement {
   render() {
     const fieldsetClasses = {
       fieldset: "true",
-      "fieldset--vertical": this.orientation === "VERTICAL"
+      "fieldset--vertical": this.orientation === "vertical"
     };
     return html`
       <fieldset class=${classMap(fieldsetClasses)}>

package/dist/ScrollTop.d.ts

@@ -15,5 +15,5 @@ export class LeuScrollTop extends LeuElement {
     _scrollListener: Function;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { L as LeuElement } from './LeuElement-a20c5fd6.js';
 //# sourceMappingURL=ScrollTop.d.ts.map

package/dist/ScrollTop.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-ba5ea33d.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-a20c5fd6.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuButton } from './Button-7370f901.js';
+import { L as LeuButton } from './Button-3adfb3ed.js';
 import { LeuIcon } from './Icon.js';
 import { t as throttle } from './utils-65469421.js';
 import 'lit/directives/if-defined.js';