@statistikzh/leu 0.14.3 → 0.15.0

package/dist/leu-radio-group.js

@@ -1,7 +1,10 @@
 import { LeuRadioGroup } from './RadioGroup.js';
-import './LeuElement-Dd6zm9XF.js';
+import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/class-map.js';
+import 'lit/decorators.js';
+import './LeuElement-BhAmogDy.js';
+import './Radio.js';
 
 LeuRadioGroup.define("leu-radio-group");
 

package/dist/leu-radio.d.ts

@@ -1,3 +1,13 @@
-export { LeuRadio };
 import { LeuRadio } from './Radio.js';
-//# sourceMappingURL=leu-radio.d.ts.map
+import 'lit-html';
+import 'lit';
+import './LeuElement.d-BevHqLUu.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "leu-radio": LeuRadio;
+    }
+}
+//# sourceMappingURL=leu-radio.d.ts.map
+
+export { LeuRadio };

package/dist/leu-radio.js

@@ -1,6 +1,8 @@
 import { LeuRadio } from './Radio.js';
-import './LeuElement-Dd6zm9XF.js';
+import './_tslib-CNEFicEt.js';
 import 'lit';
+import 'lit/decorators.js';
+import './LeuElement-BhAmogDy.js';
 
 LeuRadio.define("leu-radio");
 

package/dist/leu-range.d.ts

@@ -1,3 +1,13 @@
-export { LeuRange };
 import { LeuRange } from './Range.js';
-//# sourceMappingURL=leu-range.d.ts.map
+import 'lit-html';
+import 'lit';
+import './LeuElement.d-BevHqLUu.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "leu-range": LeuRange;
+    }
+}
+//# sourceMappingURL=leu-range.d.ts.map
+
+export { LeuRange };

package/dist/leu-range.js

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

package/dist/leu-scroll-top.d.ts

@@ -1,3 +1,15 @@
-export { LeuScrollTop };
 import { LeuScrollTop } from './ScrollTop.js';
-//# sourceMappingURL=leu-scroll-top.d.ts.map
+import 'lit-html';
+import 'lit';
+import './LeuElement.d-BevHqLUu.js';
+import './Button.js';
+import './Icon.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "leu-scroll-top": LeuScrollTop;
+    }
+}
+//# sourceMappingURL=leu-scroll-top.d.ts.map
+
+export { LeuScrollTop };

package/dist/leu-scroll-top.js

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

package/dist/leu-select.d.ts

@@ -1,3 +1,20 @@
-export { LeuSelect };
 import { LeuSelect } from './Select.js';
-//# sourceMappingURL=leu-select.d.ts.map
+import 'lit-html';
+import 'lit';
+import './LeuElement.d-BevHqLUu.js';
+import './hasSlotController.d-emXwVXWF.js';
+import './Button.js';
+import './Icon.js';
+import './Menu.js';
+import './MenuItem.js';
+import './Input.js';
+import './Popup.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "leu-select": LeuSelect;
+    }
+}
+//# sourceMappingURL=leu-select.d.ts.map
+
+export { LeuSelect };

package/dist/leu-select.js

@@ -1,11 +1,13 @@
 import { LeuSelect } from './Select.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-dQsSUUpb.js';
+import './LeuElement-BhAmogDy.js';
+import './hasSlotController-Bm2tipvG.js';
 import './Button.js';
+import './_tslib-CNEFicEt.js';
+import 'lit/decorators.js';
 import './Icon.js';
 import './Menu.js';
 import './MenuItem.js';

package/dist/leu-spinner.d.ts

@@ -1,3 +1,13 @@
-export { LeuSpinner };
 import { LeuSpinner } from './Spinner.js';
-//# sourceMappingURL=leu-spinner.d.ts.map
+import 'lit-html';
+import 'lit';
+import './LeuElement.d-BevHqLUu.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "leu-spinner": LeuSpinner;
+    }
+}
+//# sourceMappingURL=leu-spinner.d.ts.map
+
+export { LeuSpinner };

package/dist/leu-spinner.js

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

package/dist/leu-table.d.ts

@@ -1,3 +1,17 @@
-export { LeuTable };
 import { LeuTable } from './Table.js';
-//# sourceMappingURL=leu-table.d.ts.map
+import 'lit-html';
+import 'lit';
+import './LeuElement.d-BevHqLUu.js';
+import './Icon.js';
+import './Pagination.js';
+import './Button.js';
+import './VisuallyHidden.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "leu-table": LeuTable;
+    }
+}
+//# sourceMappingURL=leu-table.d.ts.map
+
+export { LeuTable };

package/dist/leu-table.js

@@ -1,15 +1,17 @@
 import { LeuTable } from './Table.js';
-import './LeuElement-Dd6zm9XF.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/style-map.js';
 import 'lit/directives/ref.js';
+import './LeuElement-BhAmogDy.js';
 import './Icon.js';
 import './Pagination.js';
+import './_tslib-CNEFicEt.js';
 import 'lit/directives/live.js';
+import 'lit/decorators.js';
 import './Button.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-dQsSUUpb.js';
+import './hasSlotController-Bm2tipvG.js';
 import './VisuallyHidden.js';
 
 LeuTable.define("leu-table");

package/dist/leu-visually-hidden.d.ts

@@ -1,3 +1,13 @@
-export { LeuVisuallyHidden };
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
-//# sourceMappingURL=leu-visually-hidden.d.ts.map
+import 'lit-html';
+import 'lit';
+import './LeuElement.d-BevHqLUu.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "leu-visually-hidden": LeuVisuallyHidden;
+    }
+}
+//# sourceMappingURL=leu-visually-hidden.d.ts.map
+
+export { LeuVisuallyHidden };

package/dist/leu-visually-hidden.js

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

package/dist/lib/LeuElement.d.ts

@@ -0,0 +1,8 @@
+import { CSSResultGroup, LitElement } from "lit";
+export declare class LeuElement extends LitElement {
+    static version: string;
+    static dependencies: Record<string, typeof LeuElement>;
+    static styles: CSSResultGroup;
+    static define(name: string, constructor?: typeof LeuElement, options?: ElementDefinitionOptions): void;
+}
+//# sourceMappingURL=LeuElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LeuElement.d.ts","sourceRoot":"","sources":["../../src/lib/LeuElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAGhD,qBAAa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,OAAO,SAAkB;IAEhC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,UAAU,CAAC,CAAK;IAE3D,MAAM,CAAC,MAAM,EAAE,cAAc,CAAe;IAE5C,MAAM,CAAC,MAAM,CACX,IAAI,EAAE,MAAM,EACZ,WAAW,oBAAO,EAClB,OAAO,GAAE,wBAA6B;CA6BzC"}

package/dist/lib/a11y.d.ts

@@ -0,0 +1,11 @@
+/**
+ * All roles that are associated with a aria-checked attribute
+ * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-checked
+ */
+export declare const ARIA_CHECKED_ROLES: readonly ["checkbox", "menuitemcheckbox", "menuitemradio", "option", "radio", "switch"];
+/**
+ * All roles that are associated with a aria-selected attribute
+ * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected
+ */
+export declare const ARIA_SELECTED_ROLES: readonly ["gridcell", "option", "row", "tab", "columnheader", "rowheader", "treeitem"];
+//# sourceMappingURL=a11y.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/lib/a11y.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,yFAOrB,CAAA;AAEV;;;GAGG;AACH,eAAO,MAAM,mBAAmB,wFAQtB,CAAA"}

package/dist/lib/hasSlotController.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Thanks Shoelace!
+ * Source: https://github.com/shoelace-style/shoelace/blob/next/src/internal/slot.ts
+ */
+import { ReactiveController, ReactiveControllerHost } from "lit";
+/**
+ * A reactive controller that determines when slots exist.
+ */
+export declare class HasSlotController implements ReactiveController {
+    host: ReactiveControllerHost & Element;
+    slotNames: string[];
+    constructor(host: ReactiveControllerHost & Element, slotNames: string[]);
+    private hasDefaultSlot;
+    private hasNamedSlot;
+    test(slotName: string): boolean;
+    hostConnected(): void;
+    hostDisconnected(): void;
+    private handleSlotChange;
+}
+//# sourceMappingURL=hasSlotController.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hasSlotController.d.ts","sourceRoot":"","sources":["../../src/lib/hasSlotController.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAA;AAEhE;;GAEG;AACH,qBAAa,iBAAkB,YAAW,kBAAkB;IAC1D,IAAI,EAAE,sBAAsB,GAAG,OAAO,CAAA;IAEtC,SAAS,EAAE,MAAM,EAAE,CAAA;gBAEP,IAAI,EAAE,sBAAsB,GAAG,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE;IAOvE,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,YAAY;IAIpB,IAAI,CAAC,QAAQ,EAAE,MAAM;IAMrB,aAAa;IAIb,gBAAgB;IAOhB,OAAO,CAAC,gBAAgB,CAUvB;CACF"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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
+ */
+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 };
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +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"}

package/dist/styles/style.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Regular: any;
+//# sourceMappingURL=style.stories.d.ts.map

package/dist/styles/style.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.stories.d.ts","sourceRoot":"","sources":["../../src/styles/style.stories.ts"],"names":[],"mappings":";;;AAEA,wBAEC;AA0DD,eAAO,MAAM,OAAO,KAAoB,CAAA"}

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

@@ -23,7 +23,7 @@
         },
         {
           "name": "label",
-          "description": "The label (title) of the accordion.",
+          "description": "The label (title) of the accordion",
           "values": []
         }
       ],
@@ -38,38 +38,63 @@
       "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",
       "attributes": [
-        { "name": "label", "values": [] },
-        { "name": "size", "values": [] },
-        { "name": "variant", "values": [] },
+        {
+          "name": "label",
+          "description": "`aria-label` of the underlying button elements.\nUse it to provide a label when only an icon is visible.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The size of the button.",
+          "values": [{ "name": "regular" }, { "name": "small" }]
+        },
+        {
+          "name": "variant",
+          "description": "The visual variant of the button.",
+          "values": [
+            { "name": "primary" },
+            { "name": "secondary" },
+            { "name": "ghost" }
+          ]
+        },
         {
           "name": "type",
+          "description": "The `type` of the underlying button element.",
           "values": [
             { "name": "button" },
             { "name": "submit" },
             { "name": "reset" }
           ]
         },
-        { "name": "componentRole", "values": [] },
-        { "name": "disabled", "values": [] },
+        {
+          "name": "componentRole",
+          "description": "The `role` of the underlying button element.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the button is disabled or not.",
+          "values": []
+        },
         {
           "name": "round",
-          "description": "Only taken into account if no Label and an Icon is set",
+          "description": "Whether the button should be round.\nCan only be applied when the button contains an icon without a visible label.",
+          "values": []
+        },
+        {
+          "name": "active",
+          "description": "Whether the button is active or not.\nDepending on the `componentRole`, it applies `aria-checked` or `aria-selected` to the underlying button element.",
           "values": []
         },
-        { "name": "active", "values": [] },
         {
           "name": "inverted",
-          "description": "will be used on dark Background",
+          "description": "Wheter the colors should be inverted. For use on dark backgrounds.",
           "values": []
         },
         {
           "name": "expanded",
-          "description": "Only taken into account if variant is \"ghost\"",
-          "values": [
-            { "name": "(\"true\"" },
-            { "name": "false" },
-            { "name": "undefined)" }
-          ]
+          "description": "Whether the button is expanded or not.\nOnly has an effect on the variant `ghost` to show an expanding icon.\nIf the property is not set, the icon will not be shown.\nIf it is set, the icon will either show an expanded or collapsed state.",
+          "values": [{ "name": "true" }, { "name": "false" }]
         },
         {
           "name": "fluid",
@@ -86,7 +111,7 @@
     },
     {
       "name": "leu-button-group",
-      "description": "\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",
+      "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": [
         {
@@ -113,13 +138,18 @@
     },
     {
       "name": "leu-checkbox-group",
-      "description": "\n---\n",
+      "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", "values": [] }
+        {
+          "name": "label",
+          "description": "The label of the checkbox group",
+          "values": []
+        }
       ],
       "references": [
         {
@@ -449,9 +479,16 @@
       "description": "\n---\n\n\n### **Events:**\n - **leu:pagechange**",
       "attributes": [
         { "name": "defaultPage", "values": [] },
-        { "name": "itemsPerPage", "values": [{ "name": "Number" }] },
-        { "name": "numOfItems", "values": [{ "name": "Number" }] },
-        { "name": "_page", "values": [] }
+        {
+          "name": "itemsPerPage",
+          "description": "Number of items per page.",
+          "values": []
+        },
+        {
+          "name": "numOfItems",
+          "description": "Total number of items to paginate.",
+          "values": []
+        }
       ],
       "references": [
         {
@@ -460,6 +497,17 @@
         }
       ]
     },
+    {
+      "name": "leu-placeholder",
+      "description": "* A placeholder to display when no content is available.\n---\n\n\n### **Slots:**\n - **title** - The placeholders title. Use a heading tag (h1-6) depeneding on your context.\n- **description** - A description of the placeholder. Content is wrapped in a `<p>` tag by the component.\n- **cta** - A call to action button like \"Reload\" or \"Create\". Add a single `<leu-button>`.",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://statistikzh.github.io/leu/?path=/story/placeholder"
+        }
+      ]
+    },
     {
       "name": "leu-popup",
       "description": "\n---\n",
@@ -513,13 +561,18 @@
     },
     {
       "name": "leu-radio-group",
-      "description": "\n---\n",
+      "description": "Handles a group of radio buttons, allowing only one to be selected at a time. It provides keyboard navigation and manages focus within the group.\n---\n\n\n### **Slots:**\n - _default_ - Place the radio buttons inside the default slot.",
       "attributes": [
         {
           "name": "orientation",
+          "description": "Defines how the radio buttons should be aligned.",
           "values": [{ "name": "horizontal" }, { "name": "vertical" }]
         },
-        { "name": "label", "values": [] }
+        {
+          "name": "label",
+          "description": "The label of the radio group",
+          "values": []
+        }
       ],
       "references": [
         {
@@ -647,6 +700,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-visually-hidden",
       "description": "\n---\n",