@statistikzh/leu 0.13.1 → 0.14.0

package/dist/vue/index.d.ts

@@ -1,7 +1,6 @@
 import type { DefineComponent } from "vue";
 
 import type { LeuAccordion } from "../Accordion.js";
-import type { LeuBreadcrumb } from "../Breadcrumb.js";
 import type { LeuButton } from "../Button.js";
 import type { LeuButtonGroup, CustomEvent } from "../ButtonGroup.js";
 import type { LeuCheckbox } from "../Checkbox.js";
@@ -38,27 +37,6 @@ type LeuAccordionProps = {
   label?: LeuAccordion["label"];
 };
 
-type LeuBreadcrumbProps = {
-  /** Object array with { label, href } */
-  items?: LeuBreadcrumb["items"];
-  /** invert color on dark background */
-  inverted?: LeuBreadcrumb["inverted"];
-  /**  */
-  _hiddenItems?: LeuBreadcrumb["_hiddenItems"];
-  /**  */
-  _showBackOnly?: LeuBreadcrumb["_showBackOnly"];
-  /**  */
-  _isRecalculating?: LeuBreadcrumb["_isRecalculating"];
-  /**  */
-  _isDropdownOpen?: LeuBreadcrumb["_isDropdownOpen"];
-  /**  */
-  _handleResize?: LeuBreadcrumb["_handleResize"];
-  /**  */
-  _closeDropdown?: LeuBreadcrumb["_closeDropdown"];
-  /**  */
-  resizeObserver?: LeuBreadcrumb["resizeObserver"];
-};
-
 type LeuButtonProps = {
   /**  */
   label?: LeuButton["label"];
@@ -90,7 +68,7 @@ type LeuButtonGroupProps = {
   /**  */
   _items?: LeuButtonGroup["_items"];
   /** When the value of the group changes by clicking a button */
-  onInput?: (e: CustomEvent<CustomEvent>) => void;
+  oninput?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 type LeuCheckboxProps = {
@@ -130,34 +108,25 @@ If the selectionMode is single, only the first item with the given value is chec
 };
 
 type LeuChipLinkProps = {
-  /**  */
-  ""?: LeuChipLink[""];
   /** The size of the chip */
   size?: LeuChipLink["size"];
   /**  */
   href?: LeuChipLink["href"];
   /**  */
   inverted?: LeuChipLink["inverted"];
-  /**  */
-  ""?: LeuChipLink[""];
 };
 
 type LeuChipRemovableProps = {
-  /**  */
-  ""?: LeuChipRemovable[""];
   /** The value of the chip. */
   value?: LeuChipRemovable["value"];
   /**  */
   inverted?: LeuChipRemovable["inverted"];
-  /**  */
-  ""?: LeuChipRemovable[""];
+
   /** Dispatched when the user clicks on the chip */
-  onRemove?: (e: CustomEvent<never>) => void;
+  onremove?: (e: CustomEvent<never>) => void;
 };
 
 type LeuChipSelectableProps = {
-  /**  */
-  ""?: LeuChipSelectable[""];
   /** The size of the chip. Not supported for radio variant. */
   size?: LeuChipSelectable["size"];
   /** `toggle` or `radio`. Determines if only one or multiple chips can be selected. */
@@ -168,10 +137,9 @@ type LeuChipSelectableProps = {
   value?: LeuChipSelectable["value"];
   /**  */
   inverted?: LeuChipSelectable["inverted"];
+
   /**  */
-  ""?: LeuChipSelectable[""];
-  /**  */
-  onInput?: (e: CustomEvent<CustomEvent>) => void;
+  oninput?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 type LeuDialogProps = {
@@ -254,9 +222,9 @@ type LeuInputProps = {
   /**  */
   valueAsNumber?: LeuInput["valueAsNumber"];
   /** Dispatched when the value of the input element changes. */
-  onInput?: (e: CustomEvent<CustomEvent>) => void;
+  oninput?: (e: CustomEvent<CustomEvent>) => void;
   /** Dispatched when the value of the input element changes and the input element loses focus. */
-  onChange?: (e: CustomEvent<CustomEvent>) => void;
+  onchange?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 type LeuMenuProps = {
@@ -301,7 +269,7 @@ type LeuPaginationProps = {
   /**  */
   _maxPage?: LeuPagination["_maxPage"];
   /**  */
-  onLeupagechange?: (e: CustomEvent<CustomEvent>) => void;
+  "onleu:pagechange"?: (e: CustomEvent<CustomEvent>) => void;
 };
 
 type LeuPopupProps = {
@@ -474,41 +442,6 @@ export type CustomElements = {
    */
   "leu-accordion": DefineComponent<LeuAccordionProps>;
 
-  /**
-   * A Breadcrumb Navigation.
-   *
-   * The breadcrumbs can be displayed in two different layouts.
-   * Only the back link (the last item / parent of the current page)
-   * is displayed when…
-   * -  … the width of the container is smaller
-   *      than the BACK_ONLY_BREAKPOINT.
-   * -  … less then two breadcrumb items could be displayed
-   *      without overflowing the container.
-   *
-   * Otherwise as many items as possible are displayed in an inline list
-   * without overflowing the container. The remaining items are displayed
-   * in a dropdown menu.
-   *
-   * In order to determine the exact numbers of items that have to be
-   * hidden inside the dropdown, all of them have to be rendered first.
-   * 1. Render all items
-   * 2. Calculate (measure) the number of items that can be displayed
-   *    without overflowing the container.
-   * 3. Updating the state (_hiddeItems) which will trigger a rerender
-   * 4. Render the items again with the new state.
-   *
-   * This results in multiple updates scheduled one after another. Lit
-   * will also print a waring in the console beacause of that.
-   * It's no a nice behaviour but the only one that works without
-   * having duplicate and hidden markup to derive the sizes from that.
-   * ---
-   *
-   *
-   * ### **Methods:**
-   *  - **renderDropdown(): __** - Render the dropdown menu
-   */
-  "leu-breadcrumb": DefineComponent<LeuBreadcrumbProps>;
-
   /**
    *
    * ---
@@ -593,7 +526,7 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **input** - undefined
+   *  - **input**
    *
    * ### **Methods:**
    *  - **getValue(): _string_** - Returns the value of the chip. If `value` is not set, it will return the text content
@@ -647,6 +580,7 @@ export type CustomElements = {
    * e.g.
    * `tooLong(this.maxlength)`
    * This way the framework user can create reasonable validation messages
+   * - **checkValidity(): _boolean_** - Check input validation
    * - **renderErrorMessages(): _TemplateResult | nothing_** - Creates an error list with an item for the given validity state.
    */
   "leu-input": DefineComponent<LeuInputProps>;
@@ -677,7 +611,7 @@ export type CustomElements = {
    *
    *
    * ### **Events:**
-   *  - **leu:pagechange** - undefined
+   *  - **leu:pagechange**
    */
   "leu-pagination": DefineComponent<LeuPaginationProps>;