@statistikzh/leu 0.18.1 → 0.19.1

package/dist/leu-dropdown.js

@@ -1,7 +1,7 @@
 import { LeuDropdown } from './Dropdown.js';
 import 'lit';
 import 'lit/directives/ref.js';
-import './LeuElement-DgiuzsX9.js';
+import './LeuElement-CRdVLttR.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Button.js';
 import './_tslib-CNEFicEt.js';

package/dist/leu-file-input.d.ts

@@ -0,0 +1,8 @@
+export { LeuFileInput } from './FileInput.js';
+import 'lit-html';
+import 'lit';
+import './LeuElement.d-BevHqLUu.js';
+import './Button.js';
+import './Icon.js';
+import './VisuallyHidden.js';
+import './leu-icon.js';

package/dist/leu-file-input.js

@@ -0,0 +1,42 @@
+import { LeuFileInput } from './FileInput.js';
+import './_tslib-CNEFicEt.js';
+import 'lit';
+import 'lit/decorators.js';
+import 'lit/directives/if-defined.js';
+import 'lit/directives/class-map.js';
+import './LeuElement-CRdVLttR.js';
+import './Accordion.js';
+import 'lit/static-html.js';
+import './Button.js';
+import './Icon.js';
+import './hasSlotController-Bm2tipvG.js';
+import './ButtonGroup.js';
+import './ChartWrapper.js';
+import './Spinner.js';
+import './Checkbox.js';
+import './CheckboxGroup.js';
+import './ChipGroup.js';
+import './ChipLink.js';
+import './Chip.js';
+import './ChipRemovable.js';
+import './ChipSelectable.js';
+import './Dropdown.js';
+import 'lit/directives/ref.js';
+import './Menu.js';
+import './MenuItem.js';
+import './Popup.js';
+import '@floating-ui/dom';
+import './Input.js';
+import 'lit/directives/live.js';
+import './Pagination.js';
+import './VisuallyHidden.js';
+import './Radio.js';
+import './RadioGroup.js';
+import './Select.js';
+import './Table.js';
+import 'lit/directives/style-map.js';
+import './leu-icon.js';
+
+LeuFileInput.define("leu-file-input");
+
+export { LeuFileInput };

package/dist/leu-icon.js

@@ -2,7 +2,7 @@ import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-DgiuzsX9.js';
+import './LeuElement-CRdVLttR.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-DgiuzsX9.js';
+import './LeuElement-CRdVLttR.js';
 import './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';

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-DgiuzsX9.js';
+import './LeuElement-CRdVLttR.js';
 import './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';

package/dist/leu-menu.js

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

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-DgiuzsX9.js';
+import './LeuElement-CRdVLttR.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-DgiuzsX9.js';
+import './LeuElement-CRdVLttR.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-DgiuzsX9.js';
+import './LeuElement-CRdVLttR.js';
 
 LeuPlaceholder.define("leu-placeholder");
 

package/dist/leu-popup.js

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

package/dist/leu-progress-bar.d.ts

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

package/dist/leu-progress-bar.js

@@ -0,0 +1,10 @@
+import { LeuProgressBar } from './ProgressBar.js';
+import './_tslib-CNEFicEt.js';
+import 'lit';
+import 'lit/directives/if-defined.js';
+import 'lit/decorators.js';
+import './LeuElement-CRdVLttR.js';
+
+LeuProgressBar.define("leu-progress-bar");
+
+export { LeuProgressBar };

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-DgiuzsX9.js';
+import './LeuElement-CRdVLttR.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-DgiuzsX9.js';
+import './LeuElement-CRdVLttR.js';
 
 LeuRadio.define("leu-radio");
 

package/dist/leu-range.js

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

package/dist/leu-scroll-top.js

@@ -1,7 +1,7 @@
 import { LeuScrollTop } from './ScrollTop.js';
 import 'lit';
 import 'lit/directives/class-map.js';
-import './LeuElement-DgiuzsX9.js';
+import './LeuElement-CRdVLttR.js';
 import './Button.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/directives/if-defined.js';

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-DgiuzsX9.js';
+import './LeuElement-CRdVLttR.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-DgiuzsX9.js';
+import './LeuElement-CRdVLttR.js';
 
 LeuSpinner.define("leu-spinner");
 

package/dist/leu-table.js

@@ -3,7 +3,7 @@ import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/style-map.js';
 import 'lit/directives/ref.js';
-import './LeuElement-DgiuzsX9.js';
+import './LeuElement-CRdVLttR.js';
 import './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.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-DgiuzsX9.js';
+import './LeuElement-CRdVLttR.js';
 
 LeuTag.define("leu-tag");
 

package/dist/leu-visually-hidden.js

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

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

@@ -297,6 +297,44 @@
         }
       ]
     },
+    {
+      "name": "leu-file-input",
+      "description": "\n---\n",
+      "attributes": [
+        { "name": "label", "values": [] },
+        {
+          "name": "accept",
+          "description": "A list of acceptable file types. Must be a comma-separated list of [unique file type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers).",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the file input is disabled.",
+          "values": []
+        },
+        {
+          "name": "multiple",
+          "description": "Whether the file input allows multiple files.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the file input is required.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The variant of the file list item. `filled` renders a gray background.",
+          "values": [{ "name": "filled" }, { "name": "transparent" }]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://statistikzh.github.io/leu/?path=/story/file-input"
+        }
+      ]
+    },
     {
       "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)_",
@@ -597,6 +635,33 @@
         }
       ]
     },
+    {
+      "name": "leu-progress-bar",
+      "description": "An indicator showing the completion progress of a task\n---\n",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Progress as a percentage from 0 to 100",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Label that is displayed below the progress bar",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Whether the progress bar is in indeterminate state.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://statistikzh.github.io/leu/?path=/story/progress-bar"
+        }
+      ]
+    },
     {
       "name": "leu-radio",
       "description": "\n---\n",

package/dist/vue/index.d.ts

@@ -12,6 +12,7 @@ import type { LeuChipRemovable } from "../ChipRemovable.js";
 import type { LeuChipSelectable, CustomEvent } from "../ChipSelectable.js";
 import type { LeuDialog } from "../Dialog.js";
 import type { LeuDropdown } from "../Dropdown.js";
+import type { LeuFileInput } from "../FileInput.js";
 import type { LeuIcon } from "../Icon.js";
 import type { LeuInput, CustomEvent } from "../Input.js";
 import type { LeuMenu } from "../Menu.js";
@@ -20,6 +21,7 @@ import type { LeuMessage, CustomEvent } from "../Message.js";
 import type { LeuPagination, CustomEvent } from "../Pagination.js";
 import type { LeuPlaceholder } from "../Placeholder.js";
 import type { LeuPopup } from "../Popup.js";
+import type { LeuProgressBar } from "../ProgressBar.js";
 import type { LeuRadio } from "../Radio.js";
 import type { LeuRadioGroup } from "../RadioGroup.js";
 import type { LeuRange } from "../Range.js";
@@ -185,6 +187,29 @@ Navigating the menu with the arrow keys is handled by the menu itself. */
   _toggleRef?: LeuDropdown["_toggleRef"];
 };
 
+type LeuFileInputProps = {
+  /**  */
+  label?: LeuFileInput["label"];
+  /** A list of acceptable file types. Must be a comma-separated list of [unique file type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers). */
+  accept?: LeuFileInput["accept"];
+  /** Whether the file input is disabled. */
+  disabled?: LeuFileInput["disabled"];
+  /** Whether the file input allows multiple files. */
+  multiple?: LeuFileInput["multiple"];
+  /** Whether the file input is required. */
+  required?: LeuFileInput["required"];
+  /** The variant of the file list item. `filled` renders a gray background. */
+  variant?: LeuFileInput["variant"];
+  /**  */
+  files?: LeuFileInput["files"];
+  /**  */
+  input?: LeuFileInput["input"];
+  /**  */
+  form?: LeuFileInput["form"];
+  /**  */
+  name?: LeuFileInput["name"];
+};
+
 type LeuIconProps = {
   /** The name of the icon to display. */
   name?: LeuIcon["name"];
@@ -330,6 +355,15 @@ type LeuPopupProps = {
   cleanup?: LeuPopup["cleanup"];
 };
 
+type LeuProgressBarProps = {
+  /** Progress as a percentage from 0 to 100 */
+  value?: LeuProgressBar["value"];
+  /** Label that is displayed below the progress bar */
+  label?: LeuProgressBar["label"];
+  /** Whether the progress bar is in indeterminate state. */
+  indeterminate?: LeuProgressBar["indeterminate"];
+};
+
 type LeuRadioProps = {
   /**  */
   checked?: LeuRadio["checked"];
@@ -594,6 +628,13 @@ export type CustomElements = {
    */
   "leu-dropdown": DefineComponent<LeuDropdownProps>;
 
+  /**
+   *
+   * ---
+   *
+   */
+  "leu-file-input": DefineComponent<LeuFileInputProps>;
+
   /**
    * A component to render all defined zhWeb icons.
    * The `fill` of the icon is set to `currentColor` and
@@ -695,6 +736,13 @@ export type CustomElements = {
    */
   "leu-popup": DefineComponent<LeuPopupProps>;
 
+  /**
+   * An indicator showing the completion progress of a task
+   * ---
+   *
+   */
+  "leu-progress-bar": DefineComponent<LeuProgressBarProps>;
+
   /**
    *
    * ---

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.18.1",
+  "version": "0.19.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -595,6 +595,81 @@
             "events": []
           }
         },
+        {
+          "name": "leu-file-input",
+          "description": "\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "accept",
+              "description": "A list of acceptable file types. Must be a comma-separated list of [unique file type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers).",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "disabled",
+              "description": "Whether the file input is disabled.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "multiple",
+              "description": "Whether the file input allows multiple files.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "required",
+              "description": "Whether the file input is required.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "variant",
+              "description": "The variant of the file list item. `filled` renders a gray background.",
+              "value": {
+                "type": "\"filled\" | \"transparent\"",
+                "default": "\"filled\""
+              }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "label", "type": "string" },
+              {
+                "name": "accept",
+                "description": "A list of acceptable file types. Must be a comma-separated list of [unique file type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers).",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "Whether the file input is disabled.",
+                "type": "boolean"
+              },
+              {
+                "name": "multiple",
+                "description": "Whether the file input allows multiple files.",
+                "type": "boolean"
+              },
+              {
+                "name": "required",
+                "description": "Whether the file input is required.",
+                "type": "boolean"
+              },
+              {
+                "name": "variant",
+                "description": "The variant of the file list item. `filled` renders a gray background.",
+                "type": "\"filled\" | \"transparent\""
+              },
+              { "name": "files", "type": "File[]" },
+              { "name": "input", "type": "HTMLInputElement" },
+              { "name": "form" },
+              { "name": "name" }
+            ],
+            "events": []
+          }
+        },
         {
           "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)_",
@@ -1199,6 +1274,49 @@
             "events": []
           }
         },
+        {
+          "name": "leu-progress-bar",
+          "description": "An indicator showing the completion progress of a task\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "value",
+              "description": "Progress as a percentage from 0 to 100",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "label",
+              "description": "Label that is displayed below the progress bar",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "indeterminate",
+              "description": "Whether the progress bar is in indeterminate state.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "value",
+                "description": "Progress as a percentage from 0 to 100",
+                "type": "number"
+              },
+              {
+                "name": "label",
+                "description": "Label that is displayed below the progress bar",
+                "type": "string"
+              },
+              {
+                "name": "indeterminate",
+                "description": "Whether the progress bar is in indeterminate state.",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "leu-radio",
           "description": "\n---\n",

package/package.json

@@ -3,7 +3,7 @@
   "description": "UI component library of the canton of zurich",
   "license": "MIT",
   "author": "statistikzh",
-  "version": "0.18.1",
+  "version": "0.19.1",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/scripts/generate-component/templates/test/[name].test.ts

@@ -2,16 +2,17 @@ import { html } from "lit"
 import { fixture, expect } from "@open-wc/testing"
 
 import "../[namespace]-[name].js"
+import { type [Namespace][Name] } from "../[Name].js"
 
 async function defaultFixture() {
-  return fixture(html`<[namespace]-[name]></[namespace]-[name]>`)
+  return fixture<[Namespace][Name]>(html`<[namespace]-[name]></[namespace]-[name]>`)
 }
 
 describe("[Namespace][Name]", () => {
   it("is a defined element", async () => {
-    const el = await customElements.get("[namespace]-[name]")
+    const el = customElements.get("[namespace]-[name]")
 
-    await expect(el).not.to.be.undefined
+    expect(el).not.to.be.undefined
   })
 
   it("passes the a11y audit", async () => {