@statistikzh/leu 0.14.1 → 0.14.3

package/.github/workflows/ci.yml

@@ -69,6 +69,9 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-playwright-
 
+      - name: Build theme
+        run: npm run build:css
+
       - name: Run tests
         run: npm test
 

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## [0.14.3](https://github.com/statistikZH/leu/compare/v0.14.2...v0.14.3) (2025-04-17)
+
+
+### Bug Fixes
+
+* **menu:** only call focus when an item exists ([60d71e8](https://github.com/statistikZH/leu/commit/60d71e8847a4dd6cd152a4cfc4770af98e029f8b))
+* **select:** avoid clearing selection when clearable is not set ([3a21cf1](https://github.com/statistikZH/leu/commit/3a21cf1363826064d73a4da7eeaf078a3b0a6455))
+* **select:** only render 'no results' message when a filter is set ([60d71e8](https://github.com/statistikZH/leu/commit/60d71e8847a4dd6cd152a4cfc4770af98e029f8b))
+
+## [0.14.2](https://github.com/statistikZH/leu/compare/v0.14.1...v0.14.2) (2025-04-15)
+
+
+### Bug Fixes
+
+* **theme:** add quotes to font family names ([9e51bd0](https://github.com/statistikZH/leu/commit/9e51bd09b408c9e4d56126b7e65e68ecd368e876))
+
 ## [0.14.1](https://github.com/statistikZH/leu/compare/v0.14.0...v0.14.1) (2025-04-02)
 
 

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-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 //# sourceMappingURL=Accordion.d.ts.map

package/dist/Accordion.js

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

package/dist/Button.d.ts

@@ -41,6 +41,6 @@ export class LeuButton extends LeuElement {
     hasTextContent(): boolean;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Button.d.ts.map

package/dist/Button.js

@@ -1,9 +1,9 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LeuIcon } from './Icon.js';
-import { H as HasSlotController } from './hasSlotController-CYd5tWew.js';
+import { H as HasSlotController } from './hasSlotController-dQsSUUpb.js';
 
 /**
  * All roles that are associated with a aria-checked attribute

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-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup.js

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

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-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox.js

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

package/dist/CheckboxGroup.d.ts

@@ -10,5 +10,5 @@ export class LeuCheckboxGroup extends LeuElement {
     handleItems(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 //# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 

package/dist/Chip.d.ts

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

package/dist/Chip.js

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

package/dist/ChipGroup.d.ts

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

package/dist/ChipGroup.js

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

package/dist/ChipLink.js

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

package/dist/ChipRemovable.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-DH0PPSMq.js';
+import { _ as _defineProperty } from './LeuElement-Dd6zm9XF.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 import { LeuIcon } from './Icon.js';

package/dist/ChipSelectable.js

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

package/dist/Dialog.d.ts

@@ -13,5 +13,5 @@ export class LeuDialog extends LeuElement {
     close(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/Dialog.js

@@ -1,8 +1,8 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { css, nothing, html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { H as HasSlotController } from './hasSlotController-CYd5tWew.js';
+import { H as HasSlotController } from './hasSlotController-dQsSUUpb.js';
 import { LeuIcon } from './Icon.js';
 
 var css_248z = css`/* figma https://www.figma.com/design/d6Pv21UVUbnBs3AdcZijHmbN/KTZH-Design-System?node-id=21161-186812&t=8VgDy9avMRG5aL7s-0 */

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-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 //# sourceMappingURL=Dropdown.d.ts.map

package/dist/Dropdown.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { css, nothing, html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { H as HasSlotController } from './hasSlotController-CYd5tWew.js';
+import { H as HasSlotController } from './hasSlotController-dQsSUUpb.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';
 import { LeuMenuItem } from './MenuItem.js';

package/dist/Icon.d.ts

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

package/dist/Icon.js

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

package/dist/Input.d.ts

@@ -150,6 +150,6 @@ export const SIZES: Readonly<{
     SMALL: "small";
     REGULAR: "regular";
 }>;
-import { L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.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-DH0PPSMq.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.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-DH0PPSMq.d.ts → LeuElement-Dd6zm9XF.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-DH0PPSMq.d.ts.map
+//# sourceMappingURL=LeuElement-Dd6zm9XF.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LeuElement-Dd6zm9XF.d.ts","sourceRoot":"","sources":["LeuElement-Dd6zm9XF.js"],"names":[],"mappings":"AAgDA;IACE,8EAcC;CACF;AA9DD,sEAaC;2BAf+B,KAAK"}

package/dist/{LeuElement-DH0PPSMq.js → LeuElement-Dd6zm9XF.js}

@@ -63,7 +63,7 @@ class LeuElement extends LitElement {
     }
   }
 }
-_defineProperty(LeuElement, "version", "0.14.1");
+_defineProperty(LeuElement, "version", "0.14.3");
 _defineProperty(LeuElement, "dependencies", {});
 _defineProperty(LeuElement, "styles", css_248z);
 

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-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.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-DH0PPSMq.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { css, html } from 'lit';
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit/directives/if-defined.js';
@@ -120,7 +120,7 @@ class LeuMenu extends LeuElement {
   }
   focusItem(index) {
     const currentItem = this.setCurrentItem(index);
-    currentItem.focus();
+    currentItem?.focus();
   }
   firstUpdated() {
     this.setCurrentItem(0);

package/dist/MenuItem.d.ts

@@ -37,6 +37,6 @@ export class LeuMenuItem extends LeuElement {
     _renderBeforeSlotDefault(): typeof nothing | import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/MenuItem.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { css, html, nothing } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LeuIcon } from './Icon.js';

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-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/Pagination.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { css, html } from 'lit';
 import { live } from 'lit/directives/live.js';
 import { LeuButton } from './Button.js';
@@ -6,7 +6,7 @@ import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import { LeuIcon } from './Icon.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-CYd5tWew.js';
+import './hasSlotController-dQsSUUpb.js';
 
 var css_248z = css`:host {
   margin-top: 16px;

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-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 //# sourceMappingURL=Popup.d.ts.map

package/dist/Popup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.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-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 //# sourceMappingURL=Radio.d.ts.map

package/dist/Radio.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.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-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 

package/dist/Range.d.ts

@@ -56,5 +56,5 @@ export class LeuRange extends LeuElement {
     }): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 //# sourceMappingURL=Range.d.ts.map

package/dist/Range.js

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

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-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 //# sourceMappingURL=ScrollTop.d.ts.map

package/dist/ScrollTop.js

@@ -1,10 +1,10 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { LeuButton } from './Button.js';
 import { LeuIcon } from './Icon.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-CYd5tWew.js';
+import './hasSlotController-dQsSUUpb.js';
 
 /**
  * Return a debounced function that delays invoking func until after wait milliseconds have elapsed since the last time the debounced function was invoked.

package/dist/Select.d.ts

@@ -94,6 +94,13 @@ export class LeuSelect extends LeuElement {
      * - Hide menu items that do not match the filter.
      */
     _updateMenuItems(changed: any): Promise<void>;
+    /**
+     * Update all the menu items when the slot changes
+     * to make sure that the menu items are in sync
+     * with the state of the component.
+     * @internal
+     */
+    _handleItemSlotChange(): void;
     /**
      * @internal
      * @param {KeyboardEvent} event
@@ -127,6 +134,6 @@ export class LeuSelect extends LeuElement {
     _renderToggleButton(): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Select.d.ts.map

package/dist/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["Select.js"],"names":[],"mappings":"AAuPA;;;;;;;;;;;;;GAaG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmDC;IACD,wCAKC;IA4BC,cAAiB;IACjB,kBAAqB;IAErB,kBAAqB;IACrB,mBAAsB;IACtB,oBAAuB;IACvB,aAAe;IACf,cAAe;IACf,aAAc;IAEd,gBAAgB;IAChB,sBAAuB;IAEvB,gBAAgB;IAChB,2BAA6B;IAE7B,gBAAgB;IAChB,6BAAgC;IAEhC,gBAAgB;IAChB,sBAAuB;IAEvB;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,GAAiC,CAAC,CAE1C;IACnC;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAE1B;IAEnC;;OAEG;IACH,UAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,GAA8B,CAAC,CAE/C;IAU7B,sCAqBC;IAED;;;;OAIG;IACH,8CAgCC;IACD;;;OAGG;IACH,4BAFW,aAAa,iBAcvB;IAED;;;OAGG;IACH,iCAFW,aAAa,QAQvB;IAED;;;OAGG;IACH,oBAFa,uBAAgB,CAO5B;IACD,wBAMC;IACD,yBAMC;IACD,8BAOC;IACD,wBAIC;IACD,uBAMC;IACD,qCAEC;IAED;;;;OAIG;IACH,4CAEC;IACD,uCAoBC;IACD,4EAaC;IACD,4EAeC;IACD,4DAmCC;IACD,+CAgDC;CACF;gCAlqBqD,0BAA0B;wBAC7C,KAAK"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["Select.js"],"names":[],"mappings":"AAuPA;;;;;;;;;;;;;GAaG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmDC;IACD,wCAKC;IA4BC,cAAiB;IACjB,kBAAqB;IAErB,kBAAqB;IACrB,mBAAsB;IACtB,oBAAuB;IACvB,aAAe;IACf,cAAe;IACf,aAAc;IAEd,gBAAgB;IAChB,sBAAuB;IAEvB,gBAAgB;IAChB,2BAA6B;IAE7B,gBAAgB;IAChB,6BAAgC;IAEhC,gBAAgB;IAChB,sBAAuB;IAEvB;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,GAAiC,CAAC,CAE1C;IACnC;;OAEG;IACH,kBAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAE1B;IAEnC;;OAEG;IACH,UAFU,OAAO,oBAAoB,EAAE,GAAG,CAAC,GAA8B,CAAC,CAE/C;IAU7B,sCAqBC;IAED;;;;OAIG;IACH,8CAgCC;IAED;;;;;OAKG;IACH,8BAMC;IACD;;;OAGG;IACH,4BAFW,aAAa,iBAcvB;IAED;;;OAGG;IACH,iCAFW,aAAa,QAQvB;IAED;;;OAGG;IACH,oBAFa,uBAAgB,CAO5B;IACD,wBAMC;IACD,yBAMC;IACD,8BAOC;IACD,wBAIC;IACD,uBAMC;IACD,qCAEC;IAED;;;;OAIG;IACH,4CAEC;IACD,uCAqBC;IACD,4EAaC;IACD,4EAeC;IACD,4DAmCC;IACD,+CAgDC;CACF;gCAjrBqD,0BAA0B;wBAC7C,KAAK"}

package/dist/Select.js

@@ -1,9 +1,9 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { css, nothing, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { H as HasSlotController } from './hasSlotController-CYd5tWew.js';
+import { H as HasSlotController } from './hasSlotController-dQsSUUpb.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';
 import { LeuMenuItem } from './MenuItem.js';
@@ -450,6 +450,20 @@ class LeuSelect extends LeuElement {
       menu.setCurrentItem(0);
     }
   }
+
+  /**
+   * Update all the menu items when the slot changes
+   * to make sure that the menu items are in sync
+   * with the state of the component.
+   * @internal
+   */
+  _handleItemSlotChange() {
+    this._updateMenuItems({
+      value: true,
+      optionFilter: true,
+      multiple: true
+    });
+  }
   /**
    * @internal
    * @param {KeyboardEvent} event
@@ -548,7 +562,8 @@ class LeuSelect extends LeuElement {
     if (this.multiple) {
       this.value = isSelected ? this.value.filter(v => v !== value) : this.value.concat(value);
       this._deferedChangeEvent = true;
-    } else {
+    } else if (this.clearable || !isSelected) {
+      // Only clear if clearable is true or if the value is not selected.
       this.value = isSelected ? [] : [value];
       this._displayValue = isSelected ? "" : menuItem.textContent;
     }
@@ -659,9 +674,9 @@ class LeuSelect extends LeuElement {
               @click=${this._handleMenuItemClick}
               aria-labelledby="select-label"
             >
-              <slot></slot>
+              <slot @slotchange=${this._handleItemSlotChange}> </slot>
             </leu-menu>
-            ${this._hasFilterResults ? nothing : html` <p class="filter-message-empty" aria-live="polite">
+            ${this._hasFilterResults || this._optionFilter === "" ? nothing : html` <p class="filter-message-empty" aria-live="polite">
                   Keine Resultate
                 </p>`}
             ${this._renderApplyButton()}

package/dist/Spinner.d.ts

@@ -5,5 +5,5 @@
 export class LeuSpinner extends LeuElement {
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 //# sourceMappingURL=Spinner.d.ts.map

package/dist/Spinner.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { css, html } from 'lit';
 
 var css_248z = css`@keyframes leu-spinner-rotate {

package/dist/Table.d.ts

@@ -38,5 +38,5 @@ export class LeuTable extends LeuElement {
     get _data(): any[];
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 //# sourceMappingURL=Table.d.ts.map

package/dist/Table.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
@@ -8,7 +8,7 @@ import { LeuPagination } from './Pagination.js';
 import 'lit/directives/live.js';
 import './Button.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-CYd5tWew.js';
+import './hasSlotController-dQsSUUpb.js';
 import './VisuallyHidden.js';
 
 var css_248z = css`:host {

package/dist/VisuallyHidden.d.ts

@@ -4,5 +4,5 @@
 export class LeuVisuallyHidden extends LeuElement {
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-DH0PPSMq.js';
+import { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 //# sourceMappingURL=VisuallyHidden.d.ts.map

package/dist/VisuallyHidden.js

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

package/dist/{hasSlotController-CYd5tWew.d.ts → hasSlotController-dQsSUUpb.d.ts}

@@ -35,4 +35,4 @@ declare class HasSlotController implements ReactiveController {
     hostConnected(): void;
     hostDisconnected(): void;
 }
-//# sourceMappingURL=hasSlotController-CYd5tWew.d.ts.map
+//# sourceMappingURL=hasSlotController-dQsSUUpb.d.ts.map

package/dist/{hasSlotController-CYd5tWew.d.ts.map → hasSlotController-dQsSUUpb.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"hasSlotController-CYd5tWew.d.ts","sourceRoot":"","sources":["hasSlotController-CYd5tWew.js"],"names":[],"mappings":";;;;iCASa,OAAO,KAAK,EAAE,kBAAkB;AAP7C;;;GAGG;AAEH;;;;GAIG;AACH,2CAFgB,kBAAkB;IAGhC,uCAcC;IAHC,UAAgB;IAEhB,eAA0B;IAG5B;;;OAGG;IACH,uBAeC;IAED;;;;OAIG;IACH,qBAEC;IAED;;;OAGG;IACH,gCAEC;IACD,sBAEC;IACD,yBAEC;CACF"}
+{"version":3,"file":"hasSlotController-dQsSUUpb.d.ts","sourceRoot":"","sources":["hasSlotController-dQsSUUpb.js"],"names":[],"mappings":";;;;iCASa,OAAO,KAAK,EAAE,kBAAkB;AAP7C;;;GAGG;AAEH;;;;GAIG;AACH,2CAFgB,kBAAkB;IAGhC,uCAcC;IAHC,UAAgB;IAEhB,eAA0B;IAG5B;;;OAGG;IACH,uBAeC;IAED;;;;OAIG;IACH,qBAEC;IAED;;;OAGG;IACH,gCAEC;IACD,sBAEC;IACD,yBAEC;CACF"}

package/dist/{hasSlotController-CYd5tWew.js → hasSlotController-dQsSUUpb.js}

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-DH0PPSMq.js';
+import { _ as _defineProperty } from './LeuElement-Dd6zm9XF.js';
 
 /**
  * Thanks Shoelace!

package/dist/index.d.ts

@@ -15,7 +15,7 @@ export { LeuRadio } from "./Radio.js";
 export { LeuRadioGroup } from "./RadioGroup.js";
 export { LeuSelect } from "./Select.js";
 export { LeuTable } from "./Table.js";
-export { L as LeuElement } from "./LeuElement-DH0PPSMq.js";
+export { L as LeuElement } from "./LeuElement-Dd6zm9XF.js";
 export { BUTTON_EXPANDED_OPTIONS, BUTTON_SIZES, BUTTON_TYPES, BUTTON_VARIANTS, LeuButton } from "./Button.js";
 export { LeuInput, SIZES } from "./Input.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -17,13 +17,13 @@ export { LeuRadio } from './Radio.js';
 export { LeuRadioGroup } from './RadioGroup.js';
 export { LeuSelect } from './Select.js';
 export { LeuTable } from './Table.js';
-export { L as LeuElement } from './LeuElement-DH0PPSMq.js';
+export { L as LeuElement } from './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import 'lit/static-html.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';
-import './hasSlotController-CYd5tWew.js';
+import './hasSlotController-dQsSUUpb.js';
 import './Chip.js';
 import 'lit/directives/ref.js';
 import 'lit/directives/live.js';

package/dist/leu-accordion.js

@@ -1,5 +1,5 @@
 import { LeuAccordion } from './Accordion.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import 'lit/static-html.js';
 

package/dist/leu-button-group.js

@@ -1,5 +1,5 @@
 import { LeuButtonGroup } from './ButtonGroup.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 
 LeuButtonGroup.define("leu-button-group");

package/dist/leu-button.js

@@ -1,10 +1,10 @@
 import { LeuButton } from './Button.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';
-import './hasSlotController-CYd5tWew.js';
+import './hasSlotController-dQsSUUpb.js';
 
 LeuButton.define("leu-button");
 

package/dist/leu-checkbox-group.js

@@ -1,5 +1,5 @@
 import { LeuCheckboxGroup } from './CheckboxGroup.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 

package/dist/leu-checkbox.js

@@ -1,5 +1,5 @@
 import { LeuCheckbox } from './Checkbox.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import './Icon.js';
 

package/dist/leu-chip-group.js

@@ -1,5 +1,5 @@
 import { LeuChipGroup } from './ChipGroup.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import 'lit/static-html.js';
 

package/dist/leu-chip-link.js

@@ -1,5 +1,5 @@
 import { LeuChipLink } from './ChipLink.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import './Chip.js';
 

package/dist/leu-chip-removable.js

@@ -1,5 +1,5 @@
 import { LeuChipRemovable } from './ChipRemovable.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import './Chip.js';
 import './Icon.js';

package/dist/leu-chip-selectable.js

@@ -1,5 +1,5 @@
 import { LeuChipSelectable } from './ChipSelectable.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import './Chip.js';
 

package/dist/leu-dialog.js

@@ -1,9 +1,9 @@
 import { LeuDialog } from './Dialog.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import 'lit/directives/ref.js';
 import 'lit/directives/class-map.js';
-import './hasSlotController-CYd5tWew.js';
+import './hasSlotController-dQsSUUpb.js';
 import './Icon.js';
 
 LeuDialog.define("leu-dialog");

package/dist/leu-dropdown.js

@@ -1,8 +1,8 @@
 import { LeuDropdown } from './Dropdown.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import 'lit/directives/ref.js';
-import './hasSlotController-CYd5tWew.js';
+import './hasSlotController-dQsSUUpb.js';
 import './Button.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-icon.js

@@ -1,5 +1,5 @@
 import { LeuIcon } from './Icon.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 
 LeuIcon.define("leu-icon");

package/dist/leu-input.js

@@ -1,5 +1,5 @@
 import { LeuInput } from './Input.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-menu-item.js

@@ -1,5 +1,5 @@
 import { LeuMenuItem } from './MenuItem.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import 'lit/directives/if-defined.js';
 import './Icon.js';

package/dist/leu-menu.js

@@ -1,5 +1,5 @@
 import { LeuMenu } from './Menu.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import './MenuItem.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-pagination.js

@@ -1,12 +1,12 @@
 import { LeuPagination } from './Pagination.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import 'lit/directives/live.js';
 import './Button.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';
-import './hasSlotController-CYd5tWew.js';
+import './hasSlotController-dQsSUUpb.js';
 import './VisuallyHidden.js';
 
 LeuPagination.define("leu-pagination");

package/dist/leu-popup.js

@@ -1,5 +1,5 @@
 import { LeuPopup } from './Popup.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import '@floating-ui/dom';
 

package/dist/leu-radio-group.js

@@ -1,5 +1,5 @@
 import { LeuRadioGroup } from './RadioGroup.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 

package/dist/leu-radio.js

@@ -1,5 +1,5 @@
 import { LeuRadio } from './Radio.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 
 LeuRadio.define("leu-radio");

package/dist/leu-range.js

@@ -1,5 +1,5 @@
 import { LeuRange } from './Range.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 
 LeuRange.define("leu-range");

package/dist/leu-scroll-top.js

@@ -1,11 +1,11 @@
 import { LeuScrollTop } from './ScrollTop.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import './Button.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';
-import './hasSlotController-CYd5tWew.js';
+import './hasSlotController-dQsSUUpb.js';
 
 LeuScrollTop.define("leu-scroll-top");
 

package/dist/leu-select.js

@@ -1,10 +1,10 @@
 import { LeuSelect } from './Select.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/ref.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-CYd5tWew.js';
+import './hasSlotController-dQsSUUpb.js';
 import './Button.js';
 import './Icon.js';
 import './Menu.js';

package/dist/leu-spinner.js

@@ -1,5 +1,5 @@
 import { LeuSpinner } from './Spinner.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 
 LeuSpinner.define("leu-spinner");

package/dist/leu-table.js

@@ -1,5 +1,5 @@
 import { LeuTable } from './Table.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/style-map.js';
@@ -9,7 +9,7 @@ import './Pagination.js';
 import 'lit/directives/live.js';
 import './Button.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-CYd5tWew.js';
+import './hasSlotController-dQsSUUpb.js';
 import './VisuallyHidden.js';
 
 LeuTable.define("leu-table");

package/dist/leu-visually-hidden.js

@@ -1,5 +1,5 @@
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
-import './LeuElement-DH0PPSMq.js';
+import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 
 LeuVisuallyHidden.define("leu-visually-hidden");

package/dist/theme.css

@@ -44,10 +44,10 @@
   --leu-color-func-green: #1a7f1f;
 
   /* stylelint-disable value-keyword-case */
-  --leu-font-family-regular: InterRegular, HelveticaNowRegular, Helvetica,
-    sans-serif;
-  --leu-font-family-black: InterBlack, HelveticaNowBlack, Arial Black, Helvetica,
-    sans-serif;
+  --leu-font-family-regular:
+    "InterRegular", "HelveticaNowRegular", "Helvetica", sans-serif;
+  --leu-font-family-black:
+    "InterBlack", "HelveticaNowBlack", "Arial Black", "Helvetica", sans-serif;
   /* stylelint-enable value-keyword-case */
 
   --leu-box-shadow-short: 0px 0px 2px var(--leu-color-black-transp-40);

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@statistikzh/leu",
-  "version": "0.14.1",
+  "version": "0.14.3",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/package.json

@@ -3,7 +3,7 @@
   "description": "UI component library of the canton of zurich",
   "license": "MIT",
   "author": "statistikzh",
-  "version": "0.14.1",
+  "version": "0.14.3",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -46,8 +46,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.6.13",
-    "lit": "^3.1.4",
-    "stylelint-config-recommended": "^15.0.0"
+    "lit": "^3.1.4"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.26.9",
@@ -102,6 +101,7 @@
     "sinon": "^19.0.2",
     "storybook": "^8.5.8",
     "stylelint": "^16.14.1",
+    "stylelint-config-recommended": "^15.0.0",
     "stylelint-config-standard": "^37.0.0",
     "typescript": "^5.7.3"
   },

package/src/components/menu/Menu.js

@@ -135,7 +135,8 @@ export class LeuMenu extends LeuElement {
 
   focusItem(index) {
     const currentItem = this.setCurrentItem(index)
-    currentItem.focus()
+
+    currentItem?.focus()
   }
 
   firstUpdated() {

package/src/components/select/Select.js

@@ -207,6 +207,20 @@ export class LeuSelect extends LeuElement {
     }
   }
 
+  /**
+   * Update all the menu items when the slot changes
+   * to make sure that the menu items are in sync
+   * with the state of the component.
+   * @internal
+   */
+  _handleItemSlotChange() {
+    this._updateMenuItems({
+      value: true,
+      optionFilter: true,
+      multiple: true,
+    })
+  }
+
   /**
    * Handles clicks outside of the component to close the dropdown.
    * @internal
@@ -344,7 +358,8 @@ export class LeuSelect extends LeuElement {
         : this.value.concat(value)
 
       this._deferedChangeEvent = true
-    } else {
+    } else if (this.clearable || !isSelected) {
+      // Only clear if clearable is true or if the value is not selected.
       this.value = isSelected ? [] : [value]
       this._displayValue = isSelected ? "" : menuItem.textContent
     }
@@ -468,9 +483,9 @@ export class LeuSelect extends LeuElement {
               @click=${this._handleMenuItemClick}
               aria-labelledby="select-label"
             >
-              <slot></slot>
+              <slot @slotchange=${this._handleItemSlotChange}> </slot>
             </leu-menu>
-            ${this._hasFilterResults
+            ${this._hasFilterResults || this._optionFilter === ""
               ? nothing
               : html` <p class="filter-message-empty" aria-live="polite">
                   Keine Resultate

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

@@ -258,6 +258,63 @@ describe("LeuSelect", () => {
     const emptyMessage = el.shadowRoot.querySelector(".filter-message-empty")
     expect(emptyMessage).to.exist
     expect(emptyMessage).to.have.attribute("aria-live", "polite")
+    expect(emptyMessage).to.have.trimmed.text("Keine Resultate")
+  })
+
+  it("doesn't render a message when no options are available and no filter is set", async () => {
+    const el = await defaultFixture({
+      options: [],
+      label: "Gemeinde",
+      filterable: true,
+    })
+
+    const toggleButton = el.shadowRoot.querySelector(".select-toggle")
+    toggleButton.click()
+
+    const emptyMessage = el.shadowRoot.querySelector(".filter-message-empty")
+    expect(emptyMessage).not.to.exist
+  })
+
+  it("syncs the state to the menu items when they're updated lazily", async () => {
+    const el = await defaultFixture({
+      options: [],
+      label: "Gemeinde",
+      value: ["Affoltern am Albis"],
+      filterable: true,
+    })
+
+    const toggleButton = el.shadowRoot.querySelector(".select-toggle")
+    toggleButton.click()
+
+    const filterInput = el.shadowRoot.querySelector(".select-search")
+    filterInput.focus()
+
+    await sendKeys({ type: "am albis" })
+    await elementUpdated(el)
+
+    let emptyMessage = el.shadowRoot.querySelector(".filter-message-empty")
+    expect(emptyMessage).to.exist
+
+    const fragment = document.createDocumentFragment()
+    MUNICIPALITIES.forEach((option) => {
+      const menuItem = document.createElement("leu-menu-item")
+      menuItem.textContent = option
+      fragment.appendChild(menuItem)
+    })
+
+    el.appendChild(fragment)
+
+    // Two calls to elementUpdated are needed because the _hasFilterResults
+    // property is set during the updated lifecycle
+    await elementUpdated(el)
+    await elementUpdated(el)
+    emptyMessage = el.shadowRoot.querySelector(".filter-message-empty")
+    expect(emptyMessage).to.be.null
+
+    const menuItem = Array.from(el.querySelectorAll("leu-menu-item")).find(
+      (item) => item.textContent === "Affoltern am Albis",
+    )
+    expect(menuItem).to.have.attribute("active")
   })
 
   it("renders a apply button when multiple selection is allowed", async () => {
@@ -305,6 +362,41 @@ describe("LeuSelect", () => {
     expect(el.value).to.deep.equal(["Maur"])
   })
 
+  it("doesn't allow unselecting the value", async () => {
+    const el = await defaultFixture({
+      options: MUNICIPALITIES,
+      label: "Gemeinde",
+      value: ["Maur"],
+    })
+    const toggleButton = el.shadowRoot.querySelector(".select-toggle")
+    toggleButton.click()
+
+    const menuItem = Array.from(el.querySelectorAll("leu-menu-item")).find(
+      (item) => item.textContent === "Maur",
+    )
+
+    menuItem.click()
+    expect(el.value).to.deep.equal(["Maur"])
+  })
+
+  it("allows unselecting the value when clearable is set", async () => {
+    const el = await defaultFixture({
+      options: MUNICIPALITIES,
+      label: "Gemeinde",
+      value: ["Maur"],
+      clearable: true,
+    })
+    const toggleButton = el.shadowRoot.querySelector(".select-toggle")
+    toggleButton.click()
+
+    const menuItem = Array.from(el.querySelectorAll("leu-menu-item")).find(
+      (item) => item.textContent === "Maur",
+    )
+
+    menuItem.click()
+    expect(el.value).to.deep.equal([])
+  })
+
   it("allows a value with multiple values", async () => {
     const el = await defaultFixture({
       options: MUNICIPALITIES,

package/src/styles/custom-properties.css

@@ -46,10 +46,10 @@
   --leu-color-func-green: #1a7f1f;
 
   /* stylelint-disable value-keyword-case */
-  --leu-font-family-regular: InterRegular, HelveticaNowRegular, Helvetica,
-    sans-serif;
-  --leu-font-family-black: InterBlack, HelveticaNowBlack, Arial Black, Helvetica,
-    sans-serif;
+  --leu-font-family-regular:
+    "InterRegular", "HelveticaNowRegular", "Helvetica", sans-serif;
+  --leu-font-family-black:
+    "InterBlack", "HelveticaNowBlack", "Arial Black", "Helvetica", sans-serif;
   /* stylelint-enable value-keyword-case */
 
   --leu-box-shadow-short: 0px 0px 2px var(--leu-color-black-transp-40);

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

@@ -1 +0,0 @@
-{"version":3,"file":"LeuElement-DH0PPSMq.d.ts","sourceRoot":"","sources":["LeuElement-DH0PPSMq.js"],"names":[],"mappings":"AAgDA;IACE,8EAcC;CACF;AA9DD,sEAaC;2BAf+B,KAAK"}