@statistikzh/leu 0.24.0 → 0.24.2

package/dist/leu-chip-removable.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
 import './Chip.js';
-import './LeuElement-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.js';
 import './Icon.js';
 
 LeuChipRemovable.define("leu-chip-removable");

package/dist/leu-chip-selectable.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
 import './Chip.js';
-import './LeuElement-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.js';
 
 LeuChipSelectable.define("leu-chip-selectable");
 

package/dist/leu-dialog.js

@@ -4,7 +4,7 @@ import 'lit';
 import 'lit/directives/ref.js';
 import 'lit/directives/class-map.js';
 import 'lit/decorators.js';
-import './LeuElement-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Icon.js';
 

package/dist/leu-dropdown.js

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

package/dist/leu-file-input.js

@@ -4,7 +4,7 @@ import 'lit';
 import 'lit/decorators.js';
 import 'lit/directives/if-defined.js';
 import 'lit/directives/class-map.js';
-import './LeuElement-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.js';
 import './Button.js';
 import './Icon.js';
 import './hasSlotController-Bm2tipvG.js';

package/dist/leu-icon.js

@@ -2,7 +2,7 @@ import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.js';
 
 LeuIcon.define("leu-icon");
 

package/dist/leu-input.js

@@ -6,7 +6,7 @@ import 'lit/directives/if-defined.js';
 import 'lit/directives/live.js';
 import 'lit/directives/ref.js';
 import 'lit/decorators.js';
-import './LeuElement-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.js';
 import './Icon.js';
 
 LeuInput.define("leu-input");

package/dist/leu-menu-item.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/if-defined.js';
 import 'lit/decorators.js';
-import './LeuElement-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.js';
 import './Icon.js';
 
 LeuMenuItem.define("leu-menu-item");

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-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.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-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.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-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.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-BfbOWTGZ.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-BfbOWTGZ.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-BfbOWTGZ.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-BfbOWTGZ.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-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.js';
 
 LeuRadio.define("leu-radio");
 

package/dist/leu-range.js

@@ -2,7 +2,9 @@ import { LeuRange } from './Range.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-BfbOWTGZ.js';
+import 'lit/directives/if-defined.js';
+import './LeuElement-BfXSO7MN.js';
+import './utils-DBGsNSJW.js';
 
 LeuRange.define("leu-range");
 

package/dist/leu-scroll-top.js

@@ -3,11 +3,12 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/decorators.js';
-import './LeuElement-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.js';
 import './Button.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';
 import './hasSlotController-Bm2tipvG.js';
+import './utils-DBGsNSJW.js';
 
 LeuScrollTop.define("leu-scroll-top");
 

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-BfbOWTGZ.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-BfbOWTGZ.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-BfbOWTGZ.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-BfbOWTGZ.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-BfbOWTGZ.js';
+import './LeuElement-BfXSO7MN.js';
 
 LeuVisuallyHidden.define("leu-visually-hidden");
 

package/dist/lib/utils.d.ts

@@ -4,13 +4,20 @@
  * @param {Number} timeout - Default is 500 ms
  * @returns {Function} - Your function wrapped in a timeout function
  */
-declare const debounce: (func: any, timeout?: number) => (...args: any[]) => void;
+export declare const debounce: (func: any, timeout?: number) => (...args: any[]) => void;
 /**
  * Return a throttled function that only invokes func at most once per every wait milliseconds.
  * @param {Function} func - Your function
  * @param {Number} timeout - Default is 500 ms
  * @returns {Function} - Your function wrapped in a timeout function
  */
-declare const throttle: (func: any, timeout?: number) => (...args: any[]) => void;
-export { debounce, throttle };
+export declare const throttle: (func: any, timeout?: number) => (...args: any[]) => void;
+/**
+ * Clamp a number between a minimum and maximum value.
+ */
+export declare const clamp: (value: number, min: number, max: number) => number;
+/**
+ * Check if a value is a finite number.
+ */
+export declare const isNumber: (value: unknown) => value is number;
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,QAAA,MAAM,QAAQ,2DAQb,CAAA;AAED;;;;;GAKG;AACH,QAAA,MAAM,QAAQ,2DAUb,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,2DAQpB,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,2DAUpB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,UAAW,MAAM,OAAO,MAAM,OAAO,MAAM,WACxB,CAAA;AAErC;;GAEG;AACH,eAAO,MAAM,QAAQ,UAAW,OAAO,KAAG,KAAK,IAAI,MACE,CAAA"}

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/utils-DBGsNSJW.js

@@ -0,0 +1,33 @@
+/**
+ * Return a debounced function that delays invoking func until after wait milliseconds have elapsed since the last time the debounced function was invoked.
+ * @param {Function} func - Your function
+ * @param {Number} timeout - Default is 500 ms
+ * @returns {Function} - Your function wrapped in a timeout function
+ */
+/**
+ * Return a throttled function that only invokes func at most once per every wait milliseconds.
+ * @param {Function} func - Your function
+ * @param {Number} timeout - Default is 500 ms
+ * @returns {Function} - Your function wrapped in a timeout function
+ */
+const throttle = function throttle(func, timeout = 500) {
+    let timer = null;
+    return (...args) => {
+        if (timer === null) {
+            func(...args);
+            timer = setTimeout(() => {
+                timer = null;
+            }, timeout);
+        }
+    };
+};
+/**
+ * Clamp a number between a minimum and maximum value.
+ */
+const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+/**
+ * Check if a value is a finite number.
+ */
+const isNumber = (value) => typeof value === "number" && Number.isFinite(value);
+
+export { clamp as c, isNumber as i, throttle as t };

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

@@ -120,6 +120,23 @@
         }
       ]
     },
+    {
+      "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-checkbox",
       "description": "\n---\n",
@@ -158,23 +175,6 @@
         }
       ]
     },
-    {
-      "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-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)_",
@@ -272,6 +272,21 @@
         }
       ]
     },
+    {
+      "name": "leu-dialog",
+      "description": "\n---\n",
+      "attributes": [
+        { "name": "label", "values": [] },
+        { "name": "sublabel", "values": [] },
+        { "name": "open", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://statistikzh.github.io/leu/?path=/story/dialog"
+        }
+      ]
+    },
     {
       "name": "leu-dropdown",
       "description": "\n---\n",
@@ -454,21 +469,6 @@
         }
       ]
     },
-    {
-      "name": "leu-dialog",
-      "description": "\n---\n",
-      "attributes": [
-        { "name": "label", "values": [] },
-        { "name": "sublabel", "values": [] },
-        { "name": "open", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://statistikzh.github.io/leu/?path=/story/dialog"
-        }
-      ]
-    },
     {
       "name": "leu-menu",
       "description": "\n---\n",
@@ -725,9 +725,13 @@
     },
     {
       "name": "leu-range",
-      "description": "\n---\n\n\n### **Methods:**\n ",
+      "description": "\n---\n\n\n### **Events:**\n - **input**\n\n### **Methods:**\n ",
       "attributes": [
-        { "name": "value", "values": [{ "name": "array" }] },
+        {
+          "name": "value",
+          "description": "The default value of the range slider.\nString input is parsed as a comma-separated list of numbers.",
+          "values": [{ "name": "array" }]
+        },
         {
           "name": "min",
           "description": "The minimum value of the range slider.",

package/dist/vue/index.d.ts

@@ -3,18 +3,18 @@ import type { DefineComponent } from "vue";
 import type { LeuAccordion } from "../Accordion.js";
 import type { LeuButton } from "../Button.js";
 import type { LeuButtonGroup } from "../ButtonGroup.js";
+import type { LeuChartWrapper } from "../ChartWrapper.js";
 import type { LeuCheckbox } from "../Checkbox.js";
 import type { LeuCheckboxGroup } from "../CheckboxGroup.js";
-import type { LeuChartWrapper } from "../ChartWrapper.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 { LeuDialog } from "../Dialog.js";
 import type { LeuDropdown } from "../Dropdown.js";
 import type { LeuFileInput, CustomEvent } from "../FileInput.js";
 import type { LeuIcon } from "../Icon.js";
 import type { LeuInput, CustomEvent } from "../Input.js";
-import type { LeuDialog } from "../Dialog.js";
 import type { LeuMenu } from "../Menu.js";
 import type { LeuMenuItem } from "../MenuItem.js";
 import type { LeuMessage, CustomEvent } from "../Message.js";
@@ -24,7 +24,7 @@ import type { LeuPopup } from "../Popup.js";
 import type { LeuProgressBar } from "../ProgressBar.js";
 import type { LeuRadio } from "../Radio.js";
 import type { LeuRadioGroup } from "../RadioGroup.js";
-import type { LeuRange } from "../Range.js";
+import type { LeuRange, CustomEvent } from "../Range.js";
 import type { LeuScrollTop } from "../ScrollTop.js";
 import type { LeuSelect } from "../Select.js";
 import type { LeuSpinner } from "../Spinner.js";
@@ -81,6 +81,14 @@ type LeuButtonGroupProps = {
   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 LeuCheckboxProps = {
   /**  */
   checked?: LeuCheckbox["checked"];
@@ -101,14 +109,6 @@ type LeuCheckboxGroupProps = {
   value?: LeuCheckboxGroup["value"];
 };
 
-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 LeuChipGroupProps = {
   /**  */
   inverted?: LeuChipGroup["inverted"];
@@ -158,6 +158,15 @@ type LeuChipSelectableProps = {
   oninput?: (e: CustomEvent<CustomEvent>) => void;
 };
 
+type LeuDialogProps = {
+  /**  */
+  label?: LeuDialog["label"];
+  /**  */
+  sublabel?: LeuDialog["sublabel"];
+  /**  */
+  open?: LeuDialog["open"];
+};
+
 type LeuDropdownProps = {
   /**  */
   label?: LeuDropdown["label"];
@@ -250,15 +259,6 @@ type LeuInputProps = {
   onchange?: (e: CustomEvent<CustomEvent>) => void;
 };
 
-type LeuDialogProps = {
-  /**  */
-  label?: LeuDialog["label"];
-  /**  */
-  sublabel?: LeuDialog["sublabel"];
-  /**  */
-  open?: LeuDialog["open"];
-};
-
 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"];
@@ -377,7 +377,8 @@ type LeuRadioGroupProps = {
 };
 
 type LeuRangeProps = {
-  /**  */
+  /** The default value of the range slider.
+String input is parsed as a comma-separated list of numbers. */
   value?: LeuRange["defaultValue"];
   /** The minimum value of the range slider. */
   min?: LeuRange["min"];
@@ -411,9 +412,10 @@ Is ignored if a custom valueFormatter is provided. */
   /** A custom function to format the value displayed in the output element(s).
 If provided, the prefix and suffix properties will be ignored. */
   valueFormatter?: LeuRange["valueFormatter"];
-  /** Sets the value of the underlying input element(s).
-The value has to be an array if "multiple" range is used.
-Otherwise it has to be a string. */
+  /** The value of the range slider.
+String input is parsed as a comma-separated list of numbers.
+In multiple mode, if only a single value is provided, the second handle will be set to the minimum value.
+In single mode, only the first value will be used. */
   value?: LeuRange["value"];
   /**  */
   valueAsArray?: LeuRange["valueAsArray"];
@@ -421,6 +423,8 @@ Otherwise it has to be a string. */
   valueLow?: LeuRange["valueLow"];
   /**  */
   valueHigh?: LeuRange["valueHigh"];
+  /**  */
+  oninput?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 type LeuScrollTopProps = {
@@ -537,35 +541,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-checkbox": DefineComponent<LeuCheckboxProps>;
+  "leu-chart-wrapper": DefineComponent<LeuChartWrapperProps>;
 
   /**
    *
    * ---
    *
-   *
-   * ### **Slots:**
-   *  - _default_ - Place the checkboxes inside the default slot.
    */
-  "leu-checkbox-group": DefineComponent<LeuCheckboxGroupProps>;
+  "leu-checkbox": DefineComponent<LeuCheckboxProps>;
 
   /**
-   * 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.
+   *  - _default_ - Place the checkboxes inside the default slot.
    */
-  "leu-chart-wrapper": DefineComponent<LeuChartWrapperProps>;
+  "leu-checkbox-group": DefineComponent<LeuCheckboxGroupProps>;
 
   /**
    *
@@ -622,6 +626,13 @@ export type CustomElements = {
    */
   "leu-chip-selectable": DefineComponent<LeuChipSelectableProps>;
 
+  /**
+   *
+   * ---
+   *
+   */
+  "leu-dialog": DefineComponent<LeuDialogProps>;
+
   /**
    *
    * ---
@@ -676,13 +687,6 @@ export type CustomElements = {
    */
   "leu-input": DefineComponent<LeuInputProps>;
 
-  /**
-   *
-   * ---
-   *
-   */
-  "leu-dialog": DefineComponent<LeuDialogProps>;
-
   /**
    *
    * ---
@@ -778,6 +782,9 @@ export type CustomElements = {
    * ---
    *
    *
+   * ### **Events:**
+   *  - **input**
+   *
    * ### **Methods:**
    *
    */