@statistikzh/leu 0.24.1 → 0.24.2

package/dist/leu-placeholder.js

@@ -1,6 +1,6 @@
 import { LeuPlaceholder } from './Placeholder.js';
 import 'lit';
-import './LeuElement-jrR2M5pZ.js';
+import './LeuElement-BfXSO7MN.js';
 
 LeuPlaceholder.define("leu-placeholder");
 

package/dist/leu-popup.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
 import '@floating-ui/dom';
-import './LeuElement-jrR2M5pZ.js';
+import './LeuElement-BfXSO7MN.js';
 
 LeuPopup.define("leu-popup");
 

package/dist/leu-progress-bar.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/if-defined.js';
 import 'lit/decorators.js';
-import './LeuElement-jrR2M5pZ.js';
+import './LeuElement-BfXSO7MN.js';
 
 LeuProgressBar.define("leu-progress-bar");
 

package/dist/leu-radio-group.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/decorators.js';
-import './LeuElement-jrR2M5pZ.js';
+import './LeuElement-BfXSO7MN.js';
 import './Radio.js';
 
 LeuRadioGroup.define("leu-radio-group");

package/dist/leu-radio.js

@@ -2,7 +2,7 @@ import { LeuRadio } from './Radio.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-jrR2M5pZ.js';
+import './LeuElement-BfXSO7MN.js';
 
 LeuRadio.define("leu-radio");
 

package/dist/leu-range.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
 import 'lit/directives/if-defined.js';
-import './LeuElement-jrR2M5pZ.js';
+import './LeuElement-BfXSO7MN.js';
 import './utils-DBGsNSJW.js';
 
 LeuRange.define("leu-range");

package/dist/leu-scroll-top.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/decorators.js';
-import './LeuElement-jrR2M5pZ.js';
+import './LeuElement-BfXSO7MN.js';
 import './Button.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';

package/dist/leu-select.js

@@ -3,7 +3,7 @@ import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/ref.js';
 import 'lit/directives/if-defined.js';
-import './LeuElement-jrR2M5pZ.js';
+import './LeuElement-BfXSO7MN.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Button.js';
 import './_tslib-CNEFicEt.js';

package/dist/leu-spinner.js

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

package/dist/leu-table.js

@@ -2,7 +2,7 @@ import { LeuTable } from './Table.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/ref.js';
-import './LeuElement-jrR2M5pZ.js';
+import './LeuElement-BfXSO7MN.js';
 import 'lit/directive.js';
 import './Icon.js';
 import './_tslib-CNEFicEt.js';

package/dist/leu-tag.js

@@ -2,7 +2,7 @@ import { LeuTag } from './Tag.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-jrR2M5pZ.js';
+import './LeuElement-BfXSO7MN.js';
 
 LeuTag.define("leu-tag");
 

package/dist/leu-visually-hidden.js

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

package/dist/theme.css

@@ -55,6 +55,7 @@
   --leu-box-shadow-long: 0px 0px 80px var(--leu-color-black-transp-20);
 
   --leu-z-index-popup: 100;
+  --leu-z-index-scroll-top: 1099;
 
   --leu-t-tiny-regular-font-size: 0.75rem;
 

package/dist/vscode.html-custom-data.json

@@ -34,17 +34,6 @@
         }
       ]
     },
-    {
-      "name": "leu-button-group",
-      "description": "A radio input-like button group component.\nIt allows only one button to be active at a time.\n---\n\n\n### **Events:**\n - **input** - When the value of the group changes by clicking a button\n\n### **Slots:**\n - _default_ - Slot for the buttons",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://statistikzh.github.io/leu/?path=/story/button-group"
-        }
-      ]
-    },
     {
       "name": "leu-button",
       "description": "\n---\n\n\n### **Slots:**\n - **before** - The icon to display before the label\n- **after** - The icon to display after the label\n- _default_ - The label of the button or the icon if no label is set",
@@ -120,6 +109,17 @@
         }
       ]
     },
+    {
+      "name": "leu-button-group",
+      "description": "A radio input-like button group component.\nIt allows only one button to be active at a time.\n---\n\n\n### **Events:**\n - **input** - When the value of the group changes by clicking a button\n\n### **Slots:**\n - _default_ - Slot for the buttons",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://statistikzh.github.io/leu/?path=/story/button-group"
+        }
+      ]
+    },
     {
       "name": "leu-chart-wrapper",
       "description": "A wrapper element for charts.\n---\n\n\n### **Slots:**\n - **title** - The title of the chart. Use a heading tag (h2-4) depending on your context.\n- **description** - A description of the chart. Content is wrapped in a `<p>` tag by the component.\n- **chart** - The actual chart\n- **caption** - A caption for the chart, e.g. a source or explanation of the data.\n- **download** - A download button or dropdown to export the chart in different formats.",
@@ -138,17 +138,40 @@
       ]
     },
     {
-      "name": "leu-dialog",
+      "name": "leu-checkbox",
       "description": "\n---\n",
       "attributes": [
-        { "name": "label", "values": [] },
-        { "name": "sublabel", "values": [] },
-        { "name": "open", "values": [] }
+        { "name": "checked", "values": [] },
+        { "name": "disabled", "values": [] },
+        { "name": "value", "values": [] },
+        { "name": "name", "values": [] }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://statistikzh.github.io/leu/?path=/story/dialog"
+          "url": "https://statistikzh.github.io/leu/?path=/story/checkbox"
+        }
+      ]
+    },
+    {
+      "name": "leu-checkbox-group",
+      "description": "\n---\n\n\n### **Slots:**\n - _default_ - Place the checkboxes inside the default slot.",
+      "attributes": [
+        {
+          "name": "orientation",
+          "description": "Defines how the checkboxes should be aligned.",
+          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
+        },
+        {
+          "name": "label",
+          "description": "The label of the checkbox group",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://statistikzh.github.io/leu/?path=/story/checkbox-group"
         }
       ]
     },
@@ -250,40 +273,17 @@
       ]
     },
     {
-      "name": "leu-checkbox",
+      "name": "leu-dialog",
       "description": "\n---\n",
       "attributes": [
-        { "name": "checked", "values": [] },
-        { "name": "disabled", "values": [] },
-        { "name": "value", "values": [] },
-        { "name": "name", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://statistikzh.github.io/leu/?path=/story/checkbox"
-        }
-      ]
-    },
-    {
-      "name": "leu-checkbox-group",
-      "description": "\n---\n\n\n### **Slots:**\n - _default_ - Place the checkboxes inside the default slot.",
-      "attributes": [
-        {
-          "name": "orientation",
-          "description": "Defines how the checkboxes should be aligned.",
-          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
-        },
-        {
-          "name": "label",
-          "description": "The label of the checkbox group",
-          "values": []
-        }
+        { "name": "label", "values": [] },
+        { "name": "sublabel", "values": [] },
+        { "name": "open", "values": [] }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://statistikzh.github.io/leu/?path=/story/checkbox-group"
+          "url": "https://statistikzh.github.io/leu/?path=/story/dialog"
         }
       ]
     },

package/dist/vue/index.d.ts

@@ -1,16 +1,16 @@
 import type { DefineComponent } from "vue";
 
 import type { LeuAccordion } from "../Accordion.js";
-import type { LeuButtonGroup } from "../ButtonGroup.js";
 import type { LeuButton } from "../Button.js";
+import type { LeuButtonGroup } from "../ButtonGroup.js";
 import type { LeuChartWrapper } from "../ChartWrapper.js";
-import type { LeuDialog } from "../Dialog.js";
+import type { LeuCheckbox } from "../Checkbox.js";
+import type { LeuCheckboxGroup } from "../CheckboxGroup.js";
 import type { LeuChipGroup } from "../ChipGroup.js";
 import type { LeuChipLink } from "../ChipLink.js";
 import type { LeuChipRemovable } from "../ChipRemovable.js";
 import type { LeuChipSelectable, CustomEvent } from "../ChipSelectable.js";
-import type { LeuCheckbox } from "../Checkbox.js";
-import type { LeuCheckboxGroup } from "../CheckboxGroup.js";
+import type { LeuDialog } from "../Dialog.js";
 import type { LeuDropdown } from "../Dropdown.js";
 import type { LeuFileInput, CustomEvent } from "../FileInput.js";
 import type { LeuIcon } from "../Icon.js";
@@ -43,13 +43,6 @@ type LeuAccordionProps = {
   label?: LeuAccordion["label"];
 };
 
-type LeuButtonGroupProps = {
-  /** The value of the currently selected (active) button */
-  value?: LeuButtonGroup["value"];
-  /** When the value of the group changes by clicking a button */
-  oninput?: (e: CustomEvent<never>) => void;
-};
-
 type LeuButtonProps = {
   /** `aria-label` of the underlying button elements.
 Use it to provide a label when only an icon is visible. */
@@ -81,6 +74,13 @@ If it is set, the icon will either show an expanded or collapsed state. */
   fluid?: LeuButton["fluid"];
 };
 
+type LeuButtonGroupProps = {
+  /** The value of the currently selected (active) button */
+  value?: LeuButtonGroup["value"];
+  /** When the value of the group changes by clicking a button */
+  oninput?: (e: CustomEvent<never>) => void;
+};
+
 type LeuChartWrapperProps = {
   /** Whether the chart is currently loading or not.
 When set to `true`, a spinner will be shown in the chart container. */
@@ -89,13 +89,24 @@ When set to `true`, a spinner will be shown in the chart container. */
   hasSlotController?: LeuChartWrapper["hasSlotController"];
 };
 
-type LeuDialogProps = {
+type LeuCheckboxProps = {
   /**  */
-  label?: LeuDialog["label"];
+  checked?: LeuCheckbox["checked"];
   /**  */
-  sublabel?: LeuDialog["sublabel"];
+  disabled?: LeuCheckbox["disabled"];
   /**  */
-  open?: LeuDialog["open"];
+  value?: LeuCheckbox["value"];
+  /**  */
+  name?: LeuCheckbox["name"];
+};
+
+type LeuCheckboxGroupProps = {
+  /** Defines how the checkboxes should be aligned. */
+  orientation?: LeuCheckboxGroup["orientation"];
+  /** The label of the checkbox group */
+  label?: LeuCheckboxGroup["label"];
+  /**  */
+  value?: LeuCheckboxGroup["value"];
 };
 
 type LeuChipGroupProps = {
@@ -147,24 +158,13 @@ type LeuChipSelectableProps = {
   oninput?: (e: CustomEvent<CustomEvent>) => void;
 };
 
-type LeuCheckboxProps = {
-  /**  */
-  checked?: LeuCheckbox["checked"];
-  /**  */
-  disabled?: LeuCheckbox["disabled"];
+type LeuDialogProps = {
   /**  */
-  value?: LeuCheckbox["value"];
+  label?: LeuDialog["label"];
   /**  */
-  name?: LeuCheckbox["name"];
-};
-
-type LeuCheckboxGroupProps = {
-  /** Defines how the checkboxes should be aligned. */
-  orientation?: LeuCheckboxGroup["orientation"];
-  /** The label of the checkbox group */
-  label?: LeuCheckboxGroup["label"];
+  sublabel?: LeuDialog["sublabel"];
   /**  */
-  value?: LeuCheckboxGroup["value"];
+  open?: LeuDialog["open"];
 };
 
 type LeuDropdownProps = {
@@ -515,30 +515,30 @@ export type CustomElements = {
   "leu-accordion": DefineComponent<LeuAccordionProps>;
 
   /**
-   * A radio input-like button group component.
-   * It allows only one button to be active at a time.
+   *
    * ---
    *
    *
-   * ### **Events:**
-   *  - **input** - When the value of the group changes by clicking a button
-   *
    * ### **Slots:**
-   *  - _default_ - Slot for the buttons
+   *  - **before** - The icon to display before the label
+   * - **after** - The icon to display after the label
+   * - _default_ - The label of the button or the icon if no label is set
    */
-  "leu-button-group": DefineComponent<LeuButtonGroupProps>;
+  "leu-button": DefineComponent<LeuButtonProps>;
 
   /**
-   *
+   * A radio input-like button group component.
+   * It allows only one button to be active at a time.
    * ---
    *
    *
+   * ### **Events:**
+   *  - **input** - When the value of the group changes by clicking a button
+   *
    * ### **Slots:**
-   *  - **before** - The icon to display before the label
-   * - **after** - The icon to display after the label
-   * - _default_ - The label of the button or the icon if no label is set
+   *  - _default_ - Slot for the buttons
    */
-  "leu-button": DefineComponent<LeuButtonProps>;
+  "leu-button-group": DefineComponent<LeuButtonGroupProps>;
 
   /**
    * A wrapper element for charts.
@@ -559,7 +559,17 @@ export type CustomElements = {
    * ---
    *
    */
-  "leu-dialog": DefineComponent<LeuDialogProps>;
+  "leu-checkbox": DefineComponent<LeuCheckboxProps>;
+
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Place the checkboxes inside the default slot.
+   */
+  "leu-checkbox-group": DefineComponent<LeuCheckboxGroupProps>;
 
   /**
    *
@@ -621,17 +631,7 @@ export type CustomElements = {
    * ---
    *
    */
-  "leu-checkbox": DefineComponent<LeuCheckboxProps>;
-
-  /**
-   *
-   * ---
-   *
-   *
-   * ### **Slots:**
-   *  - _default_ - Place the checkboxes inside the default slot.
-   */
-  "leu-checkbox-group": DefineComponent<LeuCheckboxGroupProps>;
+  "leu-dialog": DefineComponent<LeuDialogProps>;
 
   /**
    *