@statistikzh/leu 0.14.4 → 0.15.0

package/dist/leu-chip-group.js

@@ -1,6 +1,6 @@
 import { LeuChipGroup } from './ChipGroup.js';
 import 'lit/static-html.js';
-import './LeuElement-x8UlIDDl.js';
+import './LeuElement-BhAmogDy.js';
 import 'lit';
 
 LeuChipGroup.define("leu-chip-group");

package/dist/leu-chip-link.js

@@ -1,7 +1,7 @@
 import { LeuChipLink } from './ChipLink.js';
 import 'lit';
 import './Chip.js';
-import './LeuElement-x8UlIDDl.js';
+import './LeuElement-BhAmogDy.js';
 
 LeuChipLink.define("leu-chip-link");
 

package/dist/leu-chip-removable.js

@@ -1,7 +1,7 @@
 import { LeuChipRemovable } from './ChipRemovable.js';
 import 'lit';
 import './Chip.js';
-import './LeuElement-x8UlIDDl.js';
+import './LeuElement-BhAmogDy.js';
 import './Icon.js';
 
 LeuChipRemovable.define("leu-chip-removable");

package/dist/leu-chip-selectable.js

@@ -1,7 +1,7 @@
 import { LeuChipSelectable } from './ChipSelectable.js';
 import 'lit';
 import './Chip.js';
-import './LeuElement-x8UlIDDl.js';
+import './LeuElement-BhAmogDy.js';
 
 LeuChipSelectable.define("leu-chip-selectable");
 

package/dist/leu-dialog.js

@@ -2,7 +2,7 @@ import { LeuDialog } from './Dialog.js';
 import 'lit';
 import 'lit/directives/ref.js';
 import 'lit/directives/class-map.js';
-import './LeuElement-x8UlIDDl.js';
+import './LeuElement-BhAmogDy.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Icon.js';
 

package/dist/leu-dropdown.js

@@ -1,11 +1,13 @@
 import { LeuDropdown } from './Dropdown.js';
 import 'lit';
 import 'lit/directives/ref.js';
-import './LeuElement-x8UlIDDl.js';
+import './LeuElement-BhAmogDy.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Button.js';
+import './_tslib-CNEFicEt.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
+import 'lit/decorators.js';
 import './Icon.js';
 import './Menu.js';
 import './MenuItem.js';

package/dist/leu-icon.js

@@ -1,6 +1,6 @@
 import { LeuIcon } from './Icon.js';
 import 'lit';
-import './LeuElement-x8UlIDDl.js';
+import './LeuElement-BhAmogDy.js';
 
 LeuIcon.define("leu-icon");
 

package/dist/leu-input.js

@@ -4,7 +4,7 @@ import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import 'lit/directives/live.js';
 import 'lit/directives/ref.js';
-import './LeuElement-x8UlIDDl.js';
+import './LeuElement-BhAmogDy.js';
 import './Icon.js';
 
 LeuInput.define("leu-input");

package/dist/leu-menu-item.js

@@ -1,7 +1,7 @@
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit';
 import 'lit/directives/if-defined.js';
-import './LeuElement-x8UlIDDl.js';
+import './LeuElement-BhAmogDy.js';
 import './Icon.js';
 
 LeuMenuItem.define("leu-menu-item");

package/dist/leu-menu.js

@@ -1,6 +1,6 @@
 import { LeuMenu } from './Menu.js';
 import 'lit';
-import './LeuElement-x8UlIDDl.js';
+import './LeuElement-BhAmogDy.js';
 import './MenuItem.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';

package/dist/leu-pagination.d.ts

@@ -4,7 +4,6 @@ import 'lit';
 import './LeuElement.d-BevHqLUu.js';
 import './Button.js';
 import './Icon.js';
-import './hasSlotController.d-emXwVXWF.js';
 import './VisuallyHidden.js';
 
 declare global {

package/dist/leu-pagination.js

@@ -1,7 +1,9 @@
 import { LeuPagination } from './Pagination.js';
+import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/live.js';
-import './LeuElement-x8UlIDDl.js';
+import 'lit/decorators.js';
+import './LeuElement-BhAmogDy.js';
 import './Button.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-placeholder.d.ts

@@ -0,0 +1,4 @@
+export { LeuPlaceholder } from './Placeholder.js';
+import 'lit-html';
+import 'lit';
+import './LeuElement.d-BevHqLUu.js';

package/dist/leu-placeholder.js

@@ -0,0 +1,7 @@
+import { LeuPlaceholder } from './Placeholder.js';
+import 'lit';
+import './LeuElement-BhAmogDy.js';
+
+LeuPlaceholder.define("leu-placeholder");
+
+export { LeuPlaceholder };

package/dist/leu-popup.js

@@ -1,7 +1,7 @@
 import { LeuPopup } from './Popup.js';
 import 'lit';
 import '@floating-ui/dom';
-import './LeuElement-x8UlIDDl.js';
+import './LeuElement-BhAmogDy.js';
 
 LeuPopup.define("leu-popup");
 

package/dist/leu-radio-group.js

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

package/dist/leu-radio.js

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

package/dist/leu-range.js

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

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

@@ -4,7 +4,6 @@ import 'lit';
 import './LeuElement.d-BevHqLUu.js';
 import './Button.js';
 import './Icon.js';
-import './hasSlotController.d-emXwVXWF.js';
 
 declare global {
     interface HTMLElementTagNameMap {

package/dist/leu-scroll-top.js

@@ -1,9 +1,11 @@
 import { LeuScrollTop } from './ScrollTop.js';
 import 'lit';
 import 'lit/directives/class-map.js';
-import './LeuElement-x8UlIDDl.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-Bm2tipvG.js';
 

package/dist/leu-select.js

@@ -3,9 +3,11 @@ import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/ref.js';
 import 'lit/directives/if-defined.js';
-import './LeuElement-x8UlIDDl.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.js

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

package/dist/leu-table.d.ts

@@ -5,7 +5,6 @@ import './LeuElement.d-BevHqLUu.js';
 import './Icon.js';
 import './Pagination.js';
 import './Button.js';
-import './hasSlotController.d-emXwVXWF.js';
 import './VisuallyHidden.js';
 
 declare global {

package/dist/leu-table.js

@@ -3,10 +3,12 @@ import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/style-map.js';
 import 'lit/directives/ref.js';
-import './LeuElement-x8UlIDDl.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-Bm2tipvG.js';

package/dist/leu-visually-hidden.js

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

package/dist/lib/a11y.d.ts

@@ -1,11 +1,11 @@
 /**
  * All roles that are associated with a aria-checked attribute
- * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-checked
+ * @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
- * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected
+ * @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/vscode.html-custom-data.json

@@ -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",