@statistikzh/leu 0.24.2 → 0.26.0

package/dist/leu-range.d.ts

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

package/dist/leu-range.js

@@ -1,11 +1,6 @@
-import { LeuRange } from './Range.js';
-import './_tslib-CNEFicEt.js';
-import 'lit';
-import 'lit/decorators.js';
-import 'lit/directives/if-defined.js';
-import './LeuElement-BfXSO7MN.js';
-import './utils-DBGsNSJW.js';
-
+import "./LeuElement-BeFrgKes.js";
+import { t as LeuRange } from "./Range-B72rtfln.js";
+//#region src/components/range/leu-range.ts
 LeuRange.define("leu-range");
-
+//#endregion
 export { LeuRange };

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

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

package/dist/leu-scroll-top.js

@@ -1,15 +1,10 @@
-import { LeuScrollTop } from './ScrollTop.js';
-import './_tslib-CNEFicEt.js';
-import 'lit';
-import 'lit/directives/class-map.js';
-import 'lit/decorators.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';
-
+import "./LeuElement-BeFrgKes.js";
+import "./Icon-C_yYuynf.js";
+import "./Spinner-DDTqijTO.js";
+import "./Button-BkhqVjug.js";
+import "./FormAssociatedMixin-DLPvFtbT.js";
+import { t as LeuScrollTop } from "./ScrollTop-BFAqBVDR.js";
+//#region src/components/scroll-top/leu-scroll-top.ts
 LeuScrollTop.define("leu-scroll-top");
-
+//#endregion
 export { LeuScrollTop };

package/dist/leu-select.d.ts

@@ -1,22 +1,10 @@
-import { LeuSelect } from './Select.js';
-import 'lit-html';
-import 'lit';
-import './LeuElement.d-BevHqLUu.js';
-import './hasSlotController.d-emXwVXWF.js';
-import './Button.js';
-import './Icon.d-itcQ94ym.js';
-import './Menu.js';
-import './MenuItem.js';
-import './Input.js';
-import 'lit-html/directives/ref.js';
-import './Popup.js';
-import '@floating-ui/dom';
+import { LeuSelect } from "./Select.js";
 
+//#region src/components/select/leu-select.d.ts
 declare global {
-    interface HTMLElementTagNameMap {
-        "leu-select": LeuSelect;
-    }
+  interface HTMLElementTagNameMap {
+    "leu-select": LeuSelect;
+  }
 }
-//# sourceMappingURL=leu-select.d.ts.map
-
-export { LeuSelect };
+//#endregion
+export { LeuSelect };

package/dist/leu-select.js

@@ -1,21 +1,14 @@
-import { LeuSelect } from './Select.js';
-import 'lit';
-import 'lit/directives/class-map.js';
-import 'lit/directives/ref.js';
-import 'lit/directives/if-defined.js';
-import './LeuElement-BfXSO7MN.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';
-import './Input.js';
-import 'lit/directives/live.js';
-import './Popup.js';
-import '@floating-ui/dom';
-
+import "./LeuElement-BeFrgKes.js";
+import "./Icon-C_yYuynf.js";
+import "./Spinner-DDTqijTO.js";
+import "./Button-BkhqVjug.js";
+import "./FormAssociatedMixin-DLPvFtbT.js";
+import "./MenuItem-DVg8-1Bq.js";
+import "./Menu-BeqqtCw6.js";
+import "./Popup-DNlm_9AA.js";
+import "./Input-DEOVocTa.js";
+import { t as LeuSelect } from "./Select-vxl3BvD4.js";
+//#region src/components/select/leu-select.ts
 LeuSelect.define("leu-select");
-
+//#endregion
 export { LeuSelect };

package/dist/leu-spinner.d.ts

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

package/dist/leu-spinner.js

@@ -1,7 +1,6 @@
-import { LeuSpinner } from './Spinner.js';
-import 'lit';
-import './LeuElement-BfXSO7MN.js';
-
+import "./LeuElement-BeFrgKes.js";
+import { t as LeuSpinner } from "./Spinner-DDTqijTO.js";
+//#region src/components/spinner/leu-spinner.ts
 LeuSpinner.define("leu-spinner");
-
+//#endregion
 export { LeuSpinner };

package/dist/leu-table.d.ts

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

package/dist/leu-table.js

@@ -1,19 +1,12 @@
-import { LeuTable } from './Table.js';
-import 'lit';
-import 'lit/directives/class-map.js';
-import 'lit/directives/ref.js';
-import './LeuElement-BfXSO7MN.js';
-import 'lit/directive.js';
-import './Icon.js';
-import './_tslib-CNEFicEt.js';
-import 'lit/decorators.js';
-import './Pagination.js';
-import 'lit/directives/live.js';
-import './Button.js';
-import 'lit/directives/if-defined.js';
-import './hasSlotController-Bm2tipvG.js';
-import './VisuallyHidden.js';
-
+import "./LeuElement-BeFrgKes.js";
+import "./Icon-C_yYuynf.js";
+import "./Spinner-DDTqijTO.js";
+import "./Button-BkhqVjug.js";
+import "./FormAssociatedMixin-DLPvFtbT.js";
+import "./VisuallyHidden-pll3amXE.js";
+import "./Pagination-DJI5MIi_.js";
+import { t as LeuTable } from "./Table-BgCxfBcm.js";
+//#region src/components/table/leu-table.ts
 LeuTable.define("leu-table");
-
+//#endregion
 export { LeuTable };

package/dist/leu-tag.d.ts

@@ -1,13 +1,10 @@
-import { LeuTag } from './Tag.js';
-import 'lit-html';
-import 'lit';
-import './LeuElement.d-BevHqLUu.js';
+import { LeuTag } from "./Tag.js";
 
+//#region src/components/tag/leu-tag.d.ts
 declare global {
-    interface HTMLElementTagNameMap {
-        "leu-tag": LeuTag;
-    }
+  interface HTMLElementTagNameMap {
+    "leu-tag": LeuTag;
+  }
 }
-//# sourceMappingURL=leu-tag.d.ts.map
-
-export { LeuTag };
+//#endregion
+export { LeuTag };

package/dist/leu-tag.js

@@ -1,9 +1,6 @@
-import { LeuTag } from './Tag.js';
-import './_tslib-CNEFicEt.js';
-import 'lit';
-import 'lit/decorators.js';
-import './LeuElement-BfXSO7MN.js';
-
+import "./LeuElement-BeFrgKes.js";
+import { t as LeuTag } from "./Tag-DK2KkPIQ.js";
+//#region src/components/tag/leu-tag.ts
 LeuTag.define("leu-tag");
-
+//#endregion
 export { LeuTag };

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

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

package/dist/leu-visually-hidden.js

@@ -1,7 +1,6 @@
-import { LeuVisuallyHidden } from './VisuallyHidden.js';
-import 'lit';
-import './LeuElement-BfXSO7MN.js';
-
+import "./LeuElement-BeFrgKes.js";
+import { t as LeuVisuallyHidden } from "./VisuallyHidden-pll3amXE.js";
+//#region src/components/visually-hidden/leu-visually-hidden.ts
 LeuVisuallyHidden.define("leu-visually-hidden");
-
+//#endregion
 export { LeuVisuallyHidden };

package/dist/utils-hfk5Nwy8.js

@@ -0,0 +1,28 @@
+//#region src/lib/utils.ts
+/**
+* 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);
+//#endregion
+export { isNumber as n, throttle as r, clamp as t };

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

@@ -100,6 +100,11 @@
           "name": "fluid",
           "description": "Alters the shape of the button to be full width of its parent container",
           "values": []
+        },
+        {
+          "name": "loading",
+          "description": "Replaces the content with a spinner",
+          "values": []
         }
       ],
       "references": [
@@ -141,10 +146,9 @@
       "name": "leu-checkbox",
       "description": "\n---\n",
       "attributes": [
+        { "name": "required", "values": [] },
         { "name": "checked", "values": [] },
-        { "name": "disabled", "values": [] },
-        { "name": "value", "values": [] },
-        { "name": "name", "values": [] }
+        { "name": "value", "values": [] }
       ],
       "references": [
         {
@@ -381,11 +385,6 @@
           "description": "The value of the input element.",
           "values": []
         },
-        {
-          "name": "name",
-          "description": "The name of the input element.",
-          "values": []
-        },
         {
           "name": "error",
           "description": "A custom error that is completely independent of the validity state. Useful for displaying server side errors.",

package/dist/vue/index.d.ts

@@ -72,6 +72,8 @@ If it is set, the icon will either show an expanded or collapsed state. */
   expanded?: LeuButton["expanded"];
   /** Alters the shape of the button to be full width of its parent container */
   fluid?: LeuButton["fluid"];
+  /** Replaces the content with a spinner */
+  loading?: LeuButton["loading"];
 };
 
 type LeuButtonGroupProps = {
@@ -91,13 +93,13 @@ When set to `true`, a spinner will be shown in the chart container. */
 
 type LeuCheckboxProps = {
   /**  */
-  checked?: LeuCheckbox["checked"];
+  required?: LeuCheckbox["required"];
   /**  */
-  disabled?: LeuCheckbox["disabled"];
+  checked?: LeuCheckbox["defaultChecked"];
   /**  */
   value?: LeuCheckbox["value"];
   /**  */
-  name?: LeuCheckbox["name"];
+  checked?: LeuCheckbox["checked"];
 };
 
 type LeuCheckboxGroupProps = {
@@ -194,10 +196,6 @@ type LeuFileInputProps = {
   /**  */
   input?: LeuFileInput["input"];
   /**  */
-  form?: LeuFileInput["form"];
-  /**  */
-  name?: LeuFileInput["name"];
-  /**  */
   oninput?: (e: CustomEvent<CustomEvent>) => void;
   /**  */
   onchange?: (e: CustomEvent<CustomEvent>) => void;
@@ -217,8 +215,6 @@ type LeuInputProps = {
   clearable?: LeuInput["clearable"];
   /** The value of the input element. */
   value?: LeuInput["value"];
-  /** The name of the input element. */
-  name?: LeuInput["name"];
   /** A custom error that is completely independent of the validity state. Useful for displaying server side errors. */
   error?: LeuInput["error"];
   /** The label of the input element */

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@statistikzh/leu",
-  "version": "0.24.2",
+  "version": "0.26.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -133,6 +133,11 @@
               "name": "fluid",
               "description": "Alters the shape of the button to be full width of its parent container",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "loading",
+              "description": "Replaces the content with a spinner",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
@@ -206,6 +211,11 @@
                 "name": "fluid",
                 "description": "Alters the shape of the button to be full width of its parent container",
                 "type": "boolean"
+              },
+              {
+                "name": "loading",
+                "description": "Replaces the content with a spinner",
+                "type": "boolean"
               }
             ],
             "events": []
@@ -287,26 +297,22 @@
           "doc-url": "",
           "attributes": [
             {
-              "name": "checked",
+              "name": "required",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "disabled",
+              "name": "checked",
               "value": { "type": "boolean", "default": "false" }
             },
-            {
-              "name": "value",
-              "value": { "type": "string", "default": "\"\"" }
-            },
-            { "name": "name", "value": { "type": "string", "default": "\"\"" } }
+            { "name": "value", "value": { "type": "string" } }
           ],
           "events": [],
           "js": {
             "properties": [
+              { "name": "required", "type": "boolean" },
+              { "name": "defaultChecked", "type": "boolean" },
               { "name": "checked", "type": "boolean" },
-              { "name": "disabled", "type": "boolean" },
-              { "name": "value", "type": "string" },
-              { "name": "name", "type": "string" }
+              { "name": "value", "type": "string" }
             ],
             "events": []
           }
@@ -676,9 +682,7 @@
                 "type": "\"filled\" | \"transparent\""
               },
               { "name": "files", "type": "File[]" },
-              { "name": "input", "type": "HTMLInputElement" },
-              { "name": "form" },
-              { "name": "name" }
+              { "name": "input", "type": "HTMLInputElement" }
             ],
             "events": [
               { "name": "input", "type": "CustomEvent" },
@@ -734,11 +738,6 @@
               "description": "The value of the input element.",
               "value": { "type": "string", "default": "\"\"" }
             },
-            {
-              "name": "name",
-              "description": "The name of the input element.",
-              "value": { "type": "string", "default": "\"\"" }
-            },
             {
               "name": "error",
               "description": "A custom error that is completely independent of the validity state. Useful for displaying server side errors.",
@@ -852,11 +851,6 @@
                 "description": "The value of the input element.",
                 "type": "string"
               },
-              {
-                "name": "name",
-                "description": "The name of the input element.",
-                "type": "string"
-              },
               {
                 "name": "error",
                 "description": "A custom error that is completely independent of the validity state. Useful for displaying server side errors.",

package/eslint.config.mjs

@@ -0,0 +1,79 @@
+import openWcConfig from "@open-wc/eslint-config"
+import tseslint from "typescript-eslint"
+import prettierConfig from "eslint-config-prettier"
+import storybook from "eslint-plugin-storybook"
+import globals from "globals"
+
+import { defineConfig } from "eslint/config"
+
+export default defineConfig(
+  {
+    ignores: [
+      "dist/**",
+      "docs/**",
+      "coverage/**",
+      "scripts/generate-component/templates/**/*",
+      "**/*.d.ts",
+    ],
+  },
+  ...openWcConfig,
+  ...tseslint.configs.recommended,
+  prettierConfig,
+  ...storybook.configs["flat/recommended"],
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        __LEU_VERSION__: "readonly",
+      },
+    },
+    rules: {
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        {
+          varsIgnorePattern: "^_",
+          argsIgnorePattern: "^_",
+        },
+      ],
+      "prefer-destructuring": [
+        "error",
+        {
+          AssignmentExpression: {
+            array: false,
+          },
+        },
+      ],
+      "no-use-before-define": "off",
+      "@typescript-eslint/no-use-before-define": "error",
+      "import-x/no-unresolved": "off",
+    },
+  },
+  {
+    files: ["**/scripts/**/*.js", "**/scripts/**/*.ts"],
+    rules: {
+      "import-x/no-extraneous-dependencies": [
+        "error",
+        {
+          devDependencies: true,
+        },
+      ],
+      "no-console": "off",
+    },
+  },
+  {
+    files: ["**/*.test.ts"],
+    rules: {
+      "@typescript-eslint/no-unused-expressions": "off",
+    },
+  },
+  {
+    files: ["**/*.cjs"],
+    rules: {
+      "@typescript-eslint/no-require-imports": "off",
+      "import-x/no-extraneous-dependencies": [
+        "error",
+        { devDependencies: true },
+      ],
+    },
+  },
+)