@statistikzh/leu 0.22.1 → 0.23.0

package/dist/leu-menu.js

@@ -2,7 +2,7 @@ import { LeuMenu } from './Menu.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-DfsEye-A.js';
+import './LeuElement-CWseJvWv.js';
 import './MenuItem.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';

package/dist/leu-message.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
 import 'lit/directives/class-map.js';
-import './LeuElement-DfsEye-A.js';
+import './LeuElement-CWseJvWv.js';
 import './Icon.js';
 import './hasSlotController-Bm2tipvG.js';
 

package/dist/leu-pagination.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/live.js';
 import 'lit/decorators.js';
-import './LeuElement-DfsEye-A.js';
+import './LeuElement-CWseJvWv.js';
 import './Button.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-placeholder.js

@@ -1,6 +1,6 @@
 import { LeuPlaceholder } from './Placeholder.js';
 import 'lit';
-import './LeuElement-DfsEye-A.js';
+import './LeuElement-CWseJvWv.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-DfsEye-A.js';
+import './LeuElement-CWseJvWv.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-DfsEye-A.js';
+import './LeuElement-CWseJvWv.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-DfsEye-A.js';
+import './LeuElement-CWseJvWv.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-DfsEye-A.js';
+import './LeuElement-CWseJvWv.js';
 
 LeuRadio.define("leu-radio");
 

package/dist/leu-range.js

@@ -2,7 +2,7 @@ import { LeuRange } from './Range.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-DfsEye-A.js';
+import './LeuElement-CWseJvWv.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-DfsEye-A.js';
+import './LeuElement-CWseJvWv.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-DfsEye-A.js';
+import './LeuElement-CWseJvWv.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-DfsEye-A.js';
+import './LeuElement-CWseJvWv.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-DfsEye-A.js';
+import './LeuElement-CWseJvWv.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-DfsEye-A.js';
+import './LeuElement-CWseJvWv.js';
 
 LeuTag.define("leu-tag");
 

package/dist/leu-visually-hidden.js

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

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

@@ -109,6 +109,34 @@
         }
       ]
     },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "pending",
+          "description": "Whether the chart is currently loading or not.\nWhen set to `true`, a spinner will be shown in the chart container.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://statistikzh.github.io/leu/?path=/story/chart-wrapper"
+        }
+      ]
+    },
+    {
+      "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-checkbox",
       "description": "\n---\n",
@@ -147,34 +175,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-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.",
-      "attributes": [
-        {
-          "name": "pending",
-          "description": "Whether the chart is currently loading or not.\nWhen set to `true`, a spinner will be shown in the chart container.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://statistikzh.github.io/leu/?path=/story/chart-wrapper"
-        }
-      ]
-    },
     {
       "name": "leu-dropdown",
       "description": "\n---\n",
@@ -205,44 +205,6 @@
         }
       ]
     },
-    {
-      "name": "leu-file-input",
-      "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**",
-      "attributes": [
-        { "name": "label", "values": [] },
-        {
-          "name": "accept",
-          "description": "A list of acceptable file types. Must be a comma-separated list of [unique file type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers).",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Whether the file input is disabled.",
-          "values": []
-        },
-        {
-          "name": "multiple",
-          "description": "Whether the file input allows multiple files.",
-          "values": []
-        },
-        {
-          "name": "required",
-          "description": "Whether the file input is required.",
-          "values": []
-        },
-        {
-          "name": "variant",
-          "description": "The variant of the file list item. `filled` renders a gray background.",
-          "values": [{ "name": "filled" }, { "name": "transparent" }]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://statistikzh.github.io/leu/?path=/story/file-input"
-        }
-      ]
-    },
     {
       "name": "leu-chip-group",
       "description": "\n---\n\n\n### **Slots:**\n - _default_ - Place leu-chip-* elements inside this slot\n\n### **CSS Properties:**\n - **--leu-chip-group-gap** - The gap between the chips _(default: undefined)_",
@@ -341,19 +303,40 @@
       ]
     },
     {
-      "name": "leu-icon",
-      "description": "A component to render all defined zhWeb icons.\nThe `fill` of the icon is set to `currentColor` and\ncan be overriden by setting the css `color` property.\nIf the icon name is not found, a placeholder will be displayed.\n---\n\n\n### **CSS Properties:**\n - **--leu-icon-size** - The size of the icon. _(default: undefined)_",
+      "name": "leu-file-input",
+      "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**",
       "attributes": [
+        { "name": "label", "values": [] },
         {
-          "name": "name",
-          "description": "The name of the icon to display.",
-          "values": [{ "name": "IconPathName" }, { "name": "\"\"" }]
+          "name": "accept",
+          "description": "A list of acceptable file types. Must be a comma-separated list of [unique file type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers).",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the file input is disabled.",
+          "values": []
+        },
+        {
+          "name": "multiple",
+          "description": "Whether the file input allows multiple files.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the file input is required.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The variant of the file list item. `filled` renders a gray background.",
+          "values": [{ "name": "filled" }, { "name": "transparent" }]
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://statistikzh.github.io/leu/?path=/story/icon"
+          "url": "https://statistikzh.github.io/leu/?path=/story/file-input"
         }
       ]
     },
@@ -469,6 +452,23 @@
         }
       ]
     },
+    {
+      "name": "leu-icon",
+      "description": "A component to render all defined zhWeb icons.\nThe `fill` of the icon is set to `currentColor` and\ncan be overriden by setting the css `color` property.\nIf the icon name is not found, a placeholder will be displayed.\n---\n\n\n### **CSS Properties:**\n - **--leu-icon-size** - The size of the icon. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "name",
+          "description": "The name of the icon to display.",
+          "values": [{ "name": "IconPathName" }, { "name": "\"\"" }]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://statistikzh.github.io/leu/?path=/story/icon"
+        }
+      ]
+    },
     {
       "name": "leu-menu",
       "description": "\n---\n",
@@ -625,6 +625,21 @@
             { "name": "both" }
           ]
         },
+        {
+          "name": "offset-main-axis",
+          "description": "Offsets the popup along the main axis.",
+          "values": []
+        },
+        {
+          "name": "offset-cross-axis",
+          "description": "Offsets the popup along the cross axis.",
+          "values": []
+        },
+        {
+          "name": "offset-alignment-axis",
+          "description": "Offsets the popup along the alignment axis.\nOverrides the `offsetCrossAxis` value.",
+          "values": []
+        },
         {
           "name": "autoSize",
           "values": [

package/dist/vue/index.d.ts

@@ -2,19 +2,19 @@ import type { DefineComponent } from "vue";
 
 import type { LeuAccordion } from "../Accordion.js";
 import type { LeuButton } from "../Button.js";
+import type { LeuChartWrapper } from "../ChartWrapper.js";
+import type { LeuButtonGroup } from "../ButtonGroup.js";
 import type { LeuCheckbox } from "../Checkbox.js";
 import type { LeuCheckboxGroup } from "../CheckboxGroup.js";
-import type { LeuButtonGroup } from "../ButtonGroup.js";
-import type { LeuChartWrapper } from "../ChartWrapper.js";
 import type { LeuDropdown } from "../Dropdown.js";
 import type { LeuDialog } from "../Dialog.js";
-import type { LeuFileInput, CustomEvent } from "../FileInput.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 { LeuIcon } from "../Icon.js";
+import type { LeuFileInput, CustomEvent } from "../FileInput.js";
 import type { LeuInput, CustomEvent } from "../Input.js";
+import type { LeuIcon } from "../Icon.js";
 import type { LeuMenu } from "../Menu.js";
 import type { LeuMenuItem } from "../MenuItem.js";
 import type { LeuMessage, CustomEvent } from "../Message.js";
@@ -74,6 +74,21 @@ If it is set, the icon will either show an expanded or collapsed state. */
   fluid?: LeuButton["fluid"];
 };
 
+type LeuChartWrapperProps = {
+  /** Whether the chart is currently loading or not.
+When set to `true`, a spinner will be shown in the chart container. */
+  pending?: LeuChartWrapper["pending"];
+  /**  */
+  hasSlotController?: LeuChartWrapper["hasSlotController"];
+};
+
+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 LeuCheckboxProps = {
   /**  */
   checked?: LeuCheckbox["checked"];
@@ -94,21 +109,6 @@ type LeuCheckboxGroupProps = {
   value?: LeuCheckboxGroup["value"];
 };
 
-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. */
-  pending?: LeuChartWrapper["pending"];
-  /**  */
-  hasSlotController?: LeuChartWrapper["hasSlotController"];
-};
-
 type LeuDropdownProps = {
   /**  */
   label?: LeuDropdown["label"];
@@ -127,33 +127,6 @@ type LeuDialogProps = {
   open?: LeuDialog["open"];
 };
 
-type LeuFileInputProps = {
-  /**  */
-  label?: LeuFileInput["label"];
-  /** A list of acceptable file types. Must be a comma-separated list of [unique file type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers). */
-  accept?: LeuFileInput["accept"];
-  /** Whether the file input is disabled. */
-  disabled?: LeuFileInput["disabled"];
-  /** Whether the file input allows multiple files. */
-  multiple?: LeuFileInput["multiple"];
-  /** Whether the file input is required. */
-  required?: LeuFileInput["required"];
-  /** The variant of the file list item. `filled` renders a gray background. */
-  variant?: LeuFileInput["variant"];
-  /**  */
-  files?: LeuFileInput["files"];
-  /**  */
-  input?: LeuFileInput["input"];
-  /**  */
-  form?: LeuFileInput["form"];
-  /**  */
-  name?: LeuFileInput["name"];
-  /**  */
-  oninput?: (e: CustomEvent<CustomEvent>) => void;
-  /**  */
-  onchange?: (e: CustomEvent<CustomEvent>) => void;
-};
-
 type LeuChipGroupProps = {
   /**  */
   inverted?: LeuChipGroup["inverted"];
@@ -203,9 +176,31 @@ type LeuChipSelectableProps = {
   oninput?: (e: CustomEvent<CustomEvent>) => void;
 };
 
-type LeuIconProps = {
-  /** The name of the icon to display. */
-  name?: LeuIcon["name"];
+type LeuFileInputProps = {
+  /**  */
+  label?: LeuFileInput["label"];
+  /** A list of acceptable file types. Must be a comma-separated list of [unique file type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers). */
+  accept?: LeuFileInput["accept"];
+  /** Whether the file input is disabled. */
+  disabled?: LeuFileInput["disabled"];
+  /** Whether the file input allows multiple files. */
+  multiple?: LeuFileInput["multiple"];
+  /** Whether the file input is required. */
+  required?: LeuFileInput["required"];
+  /** The variant of the file list item. `filled` renders a gray background. */
+  variant?: LeuFileInput["variant"];
+  /**  */
+  files?: LeuFileInput["files"];
+  /**  */
+  input?: LeuFileInput["input"];
+  /**  */
+  form?: LeuFileInput["form"];
+  /**  */
+  name?: LeuFileInput["name"];
+  /**  */
+  oninput?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  onchange?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 type LeuInputProps = {
@@ -259,6 +254,11 @@ type LeuInputProps = {
   onchange?: (e: CustomEvent<CustomEvent>) => void;
 };
 
+type LeuIconProps = {
+  /** The name of the icon to display. */
+  name?: LeuIcon["name"];
+};
+
 type LeuMenuProps = {
   /** This has only an effect when the role is 'menu'. It defines which role the menu items will get. Default is 'none'. */
   selects?: LeuMenu["selects"];
@@ -334,6 +334,13 @@ type LeuPopupProps = {
   shiftPadding?: LeuPopup["shiftPadding"];
   /**  */
   matchSize?: LeuPopup["matchSize"];
+  /** Offsets the popup along the main axis. */
+  "offset-main-axis"?: LeuPopup["offsetMainAxis"];
+  /** Offsets the popup along the cross axis. */
+  "offset-cross-axis"?: LeuPopup["offsetCrossAxis"];
+  /** Offsets the popup along the alignment axis.
+Overrides the `offsetCrossAxis` value. */
+  "offset-alignment-axis"?: LeuPopup["offsetAlignmentAxis"];
   /**  */
   autoSize?: LeuPopup["autoSize"];
   /**  */
@@ -498,21 +505,18 @@ export type CustomElements = {
   "leu-button": DefineComponent<LeuButtonProps>;
 
   /**
-   *
-   * ---
-   *
-   */
-  "leu-checkbox": DefineComponent<LeuCheckboxProps>;
-
-  /**
-   *
+   * A wrapper element for charts.
    * ---
    *
    *
    * ### **Slots:**
-   *  - _default_ - Place the checkboxes inside the default slot.
+   *  - **title** - The title of the chart. Use a heading tag (h2-4) depending on your context.
+   * - **description** - A description of the chart. Content is wrapped in a `<p>` tag by the component.
+   * - **chart** - The actual chart
+   * - **caption** - A caption for the chart, e.g. a source or explanation of the data.
+   * - **download** - A download button or dropdown to export the chart in different formats.
    */
-  "leu-checkbox-group": DefineComponent<LeuCheckboxGroupProps>;
+  "leu-chart-wrapper": DefineComponent<LeuChartWrapperProps>;
 
   /**
    * A radio input-like button group component.
@@ -529,43 +533,35 @@ export type CustomElements = {
   "leu-button-group": DefineComponent<LeuButtonGroupProps>;
 
   /**
-   * A wrapper element for charts.
-   * ---
    *
+   * ---
    *
-   * ### **Slots:**
-   *  - **title** - The title of the chart. Use a heading tag (h2-4) depending on your context.
-   * - **description** - A description of the chart. Content is wrapped in a `<p>` tag by the component.
-   * - **chart** - The actual chart
-   * - **caption** - A caption for the chart, e.g. a source or explanation of the data.
-   * - **download** - A download button or dropdown to export the chart in different formats.
    */
-  "leu-chart-wrapper": DefineComponent<LeuChartWrapperProps>;
+  "leu-checkbox": DefineComponent<LeuCheckboxProps>;
 
   /**
    *
    * ---
    *
+   *
+   * ### **Slots:**
+   *  - _default_ - Place the checkboxes inside the default slot.
    */
-  "leu-dropdown": DefineComponent<LeuDropdownProps>;
+  "leu-checkbox-group": DefineComponent<LeuCheckboxGroupProps>;
 
   /**
    *
    * ---
    *
    */
-  "leu-dialog": DefineComponent<LeuDialogProps>;
+  "leu-dropdown": DefineComponent<LeuDropdownProps>;
 
   /**
    *
    * ---
    *
-   *
-   * ### **Events:**
-   *  - **input**
-   * - **change**
    */
-  "leu-file-input": DefineComponent<LeuFileInputProps>;
+  "leu-dialog": DefineComponent<LeuDialogProps>;
 
   /**
    *
@@ -623,17 +619,15 @@ export type CustomElements = {
   "leu-chip-selectable": DefineComponent<LeuChipSelectableProps>;
 
   /**
-   * A component to render all defined zhWeb icons.
-   * The `fill` of the icon is set to `currentColor` and
-   * can be overriden by setting the css `color` property.
-   * If the icon name is not found, a placeholder will be displayed.
+   *
    * ---
    *
    *
-   * ### **CSS Properties:**
-   *  - **--leu-icon-size** - The size of the icon. _(default: undefined)_
+   * ### **Events:**
+   *  - **input**
+   * - **change**
    */
-  "leu-icon": DefineComponent<LeuIconProps>;
+  "leu-file-input": DefineComponent<LeuFileInputProps>;
 
   /**
    * A text input element.
@@ -658,6 +652,19 @@ export type CustomElements = {
    */
   "leu-input": DefineComponent<LeuInputProps>;
 
+  /**
+   * A component to render all defined zhWeb icons.
+   * The `fill` of the icon is set to `currentColor` and
+   * can be overriden by setting the css `color` property.
+   * If the icon name is not found, a placeholder will be displayed.
+   * ---
+   *
+   *
+   * ### **CSS Properties:**
+   *  - **--leu-icon-size** - The size of the icon. _(default: undefined)_
+   */
+  "leu-icon": DefineComponent<LeuIconProps>;
+
   /**
    *
    * ---