@statistikzh/leu 0.23.0 → 0.24.1

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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import 'lit/directives/if-defined.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.js';
 
 LeuTag.define("leu-tag");
 

package/dist/leu-visually-hidden.js

@@ -1,6 +1,6 @@
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import 'lit';
-import './LeuElement-CWseJvWv.js';
+import './LeuElement-jrR2M5pZ.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/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

@@ -34,6 +34,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-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",
@@ -126,70 +137,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-checkbox",
-      "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": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://statistikzh.github.io/leu/?path=/story/checkbox-group"
-        }
-      ]
-    },
-    {
-      "name": "leu-dropdown",
-      "description": "\n---\n",
-      "attributes": [
-        { "name": "label", "values": [] },
-        { "name": "expanded", "values": [] },
-        { "name": "inverted", "values": [] }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://statistikzh.github.io/leu/?path=/story/dropdown"
-        }
-      ]
-    },
     {
       "name": "leu-dialog",
       "description": "\n---\n",
@@ -302,6 +249,59 @@
         }
       ]
     },
+    {
+      "name": "leu-checkbox",
+      "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": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://statistikzh.github.io/leu/?path=/story/checkbox-group"
+        }
+      ]
+    },
+    {
+      "name": "leu-dropdown",
+      "description": "\n---\n",
+      "attributes": [
+        { "name": "label", "values": [] },
+        { "name": "expanded", "values": [] },
+        { "name": "inverted", "values": [] }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://statistikzh.github.io/leu/?path=/story/dropdown"
+        }
+      ]
+    },
     {
       "name": "leu-file-input",
       "description": "\n---\n\n\n### **Events:**\n - **input**\n- **change**",
@@ -340,6 +340,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-input",
       "description": "A text input element.\n---\n\n\n### **Events:**\n - **input** - Dispatched when the value of the input element changes.\n- **change** - Dispatched when the value of the input element changes and the input element loses focus.\n\n### **Methods:**\n \n\n\n\n\n\n\n- **checkValidity()** - Check input validation\n\n",
@@ -452,23 +469,6 @@
         }
       ]
     },
-    {
-      "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",
@@ -725,16 +725,69 @@
     },
     {
       "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": "min", "values": [] },
-        { "name": "max", "values": [] },
-        { "name": "step", "values": [] },
+        {
+          "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.",
+          "values": []
+        },
+        {
+          "name": "max",
+          "description": "The maximum value of the range slider.",
+          "values": []
+        },
+        {
+          "name": "step",
+          "description": "The step size of the range slider.",
+          "values": []
+        },
         { "name": "name", "values": [] },
-        { "name": "label", "values": [] },
-        { "name": "disabled", "values": [] },
-        { "name": "multiple", "values": [] }
+        {
+          "name": "label",
+          "description": "The label of the range slider.",
+          "values": []
+        },
+        {
+          "name": "hide-label",
+          "description": "Whether to hide the label of the range slider.\nIf true, the label will still be available for screen readers\nand is only visually hidden.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the range slider is disabled.",
+          "values": []
+        },
+        {
+          "name": "multiple",
+          "description": "Whether to use a range with two handles.",
+          "values": []
+        },
+        {
+          "name": "show-ticks",
+          "description": "Wheter to show tick marks below the range slider.\nOne tick mark per step will be rendered.",
+          "values": []
+        },
+        {
+          "name": "show-range-labels",
+          "description": "Whether to show the min and max labels below the range slider.",
+          "values": []
+        },
+        {
+          "name": "prefix",
+          "description": "A prefix to display before the value in the output element(s).\nIs ignored if a custom valueFormatter is provided.",
+          "values": []
+        },
+        {
+          "name": "suffix",
+          "description": "A suffix to display after the value in the output element(s).\nIs ignored if a custom valueFormatter is provided.",
+          "values": []
+        }
       ],
       "references": [
         {