@statistikzh/leu 0.18.0 → 0.19.0

package/dist/Input.js

@@ -3,7 +3,7 @@ import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';
@@ -348,8 +348,6 @@ class LeuInput extends LeuElement {
         this.validationMessages = {};
         this.novalidate = false;
         this.value = "";
-        /** @internal */
-        this._identifier = "";
         /**
          * @internal
          * @type {import("lit/directives/ref.js").Ref<HTMLInputElement>}
@@ -448,25 +446,6 @@ class LeuInput extends LeuElement {
         this.dispatchEvent(new CustomEvent("input", { bubbles: true, composed: true }));
         this.dispatchEvent(new CustomEvent("change", { bubbles: true, composed: true }));
     }
-    /**
-     * Method for getting the id of the input element.
-     * If the id attribute is set, the value of the id attribute is returned.
-     * Otherwise a random id is generated and returned.
-     *
-     * @private
-     * @returns {string} id
-     */
-    getId() {
-        const id = this.getAttribute("id");
-        if (id !== null && id !== "") {
-            return id;
-        }
-        if (this._identifier !== "") {
-            return this._identifier;
-        }
-        this._identifier = crypto.randomUUID();
-        return this._identifier;
-    }
     /**
      * Merge custom and default validation messages.
      * A validation message can be a function or a string.
@@ -523,7 +502,7 @@ class LeuInput extends LeuElement {
             errorMessages = [this.error, errorMessages];
         }
         return html `
-      <ul class="error" aria-errormessage=${`input-${this.getId()}`}>
+      <ul class="error" aria-errormessage="input">
         ${errorMessages.map((message) => html `<li class="error-message">${message}</li>`)}
       </ul>
     `;
@@ -574,7 +553,7 @@ class LeuInput extends LeuElement {
       >
         <input
           class="input"
-          id="input-${this.getId()}"
+          id="input"
           type=${this.type}
           name=${this.name}
           @change=${this.handleChange}
@@ -593,7 +572,7 @@ class LeuInput extends LeuElement {
           ref=${ref(this._inputRef)}
           aria-invalid=${isInvalid}
         />
-        <label for="input-${this.getId()}" class="label">${this.label}</label>
+        <label for="input" class="label">${this.label}</label>
         ${this.prefix
             ? html `<div class="prefix" .aria-hidden=${true}>${this.prefix}</div>`
             : nothing}

package/dist/{LeuElement-DlQXnrk8.js → LeuElement-CKq5epyY.js}

@@ -35,7 +35,7 @@ class LeuElement extends LitElement {
         }
     }
 }
-LeuElement.version = "0.18.0";
+LeuElement.version = "0.19.0";
 LeuElement.dependencies = {};
 LeuElement.styles = css_248z;
 

package/dist/Menu.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';

package/dist/MenuItem.js

@@ -1,6 +1,6 @@
 import { css, html, nothing } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';

package/dist/Message.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 import { LeuIcon } from './Icon.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 

package/dist/Pagination.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { live } from 'lit/directives/live.js';
 import { property, state } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 import { LeuButton } from './Button.js';
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import { LeuIcon } from './Icon.js';

package/dist/Placeholder.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 
 var css_248z = css`:host {
   --placeholder-font-regular: var(--leu-font-family-regular);

package/dist/Popup.js

@@ -1,6 +1,6 @@
 import { css, html } from 'lit';
 import { autoUpdate, size, flip, shift, computePosition } from '@floating-ui/dom';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 
 var css_248z = css`:host {
   --popup-font-regular: var(--leu-font-family-regular);

package/dist/ProgressBar.d.ts

@@ -0,0 +1,29 @@
+import * as lit_html from 'lit-html';
+import * as lit from 'lit';
+import { L as LeuElement } from './LeuElement.d-BevHqLUu.js';
+
+/**
+ * An indicator showing the completion progress of a task
+ *
+ * @tagname leu-progress-bar
+ */
+declare class LeuProgressBar extends LeuElement {
+    static styles: lit.CSSResultGroup[];
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        customElements?: CustomElementRegistry;
+        registry?: CustomElementRegistry;
+    };
+    /** Progress as a percentage from 0 to 100 */
+    value: number;
+    /** Label that is displayed below the progress bar */
+    label: string;
+    /** Whether the progress bar is in indeterminate state. */
+    indeterminate: boolean;
+    render(): lit_html.TemplateResult<1>;
+}
+
+export { LeuProgressBar };

package/dist/ProgressBar.js

@@ -0,0 +1,166 @@
+import { _ as __decorate } from './_tslib-CNEFicEt.js';
+import { css, nothing, html } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { property } from 'lit/decorators.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
+
+var css_248z = css`/* :host {
+  --progress-bar-font-regular: var(--leu-font-family-regular);
+  --progress-bar-font-black: var(--leu-font-family-black);
+
+  font-family: var(--progress-bar-font-regular);
+} */
+
+.progress {
+  --_height: 0.5rem;
+  --_border-radius: 0.25rem;
+  --_progress-color: var(--leu-color-func-cyan);
+  --_indeterminate-animation: indeterminate 2s ease infinite;
+  --_indeterminate-width: 25%;
+
+  -webkit-appearance: none;
+
+     -moz-appearance: none;
+
+          appearance: none;
+  display: block;
+  width: 100%;
+  height: 0.5rem;
+  height: var(--_height);
+
+  background-color: var(--leu-color-black-transp-10);
+  border: none;
+  border-radius: 0.25rem;
+  border-radius: var(--_border-radius);
+  margin-bottom: 0.5rem;
+}
+
+.progress::-webkit-progress-bar {
+  background: transparent;
+  border-radius: var(--_border-radius);
+}
+
+/* Progress bar */
+
+.progress::-moz-progress-bar {
+  background-color: var(--_progress-color);
+  border-radius: var(--_border-radius);
+}
+
+.progress::-webkit-progress-value {
+  background-color: var(--_progress-color);
+  border-radius: var(--_border-radius);
+}
+
+/* Indeterminate state */
+
+.progress:indeterminate::-moz-progress-bar {
+  width: var(--_indeterminate-width);
+  animation: var(--_indeterminate-animation);
+}
+
+/* Safari */
+
+.progress:indeterminate::-webkit-progress-value {
+  display: block;
+  width: var(--_indeterminate-width);
+  animation: var(--_indeterminate-animation);
+}
+
+/* Chrome */
+
+.progress:indeterminate::before {
+  content: "";
+  display: block;
+  width: var(--_indeterminate-width);
+  height: var(--_height);
+  background-color: var(--_progress-color);
+  border-radius: var(--_border-radius);
+  animation: var(--_indeterminate-animation);
+}
+
+@keyframes indeterminate {
+  0% {
+    margin-left: 0%;
+  }
+
+  50% {
+    margin-left: 75%;
+  }
+
+  100% {
+    margin-left: 0%;
+  }
+}
+
+/* Info section (text label and value) */
+
+.info {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 0.25rem;
+}
+
+.label,
+.value {
+  font: var(--leu-t-tiny-regular-font);
+  color: var(--leu-color-black-60);
+}
+
+.value {
+  /* margin-left: auto; */
+}
+`;
+
+/**
+ * An indicator showing the completion progress of a task
+ *
+ * @tagname leu-progress-bar
+ */
+class LeuProgressBar extends LeuElement {
+    constructor() {
+        super(...arguments);
+        /** Progress as a percentage from 0 to 100 */
+        this.value = 0;
+        /** Label that is displayed below the progress bar */
+        this.label = "";
+        /** Whether the progress bar is in indeterminate state. */
+        this.indeterminate = false;
+    }
+    render() {
+        return html `
+      <progress
+        class="progress"
+        max=${ifDefined(!this.indeterminate ? 100 : undefined)}
+        value=${ifDefined(!this.indeterminate ? this.value : undefined)}
+        id="progress"
+      ></progress>
+      <div class="info">
+        ${this.label
+            ? html `<label class="label" for="progress">${this.label}</label>`
+            : html `<div class="label label--placeholder"></div>`}
+        ${this.indeterminate
+            ? nothing
+            : html `<span class="value">${Math.round(this.value)}&#8239;%</span>`}
+      </div>
+    `;
+    }
+}
+LeuProgressBar.styles = [LeuElement.styles, css_248z];
+LeuProgressBar.shadowRootOptions = {
+    ...LeuElement.shadowRootOptions,
+    delegatesFocus: true,
+};
+__decorate([
+    property({ type: Number, reflect: true })
+], LeuProgressBar.prototype, "value", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], LeuProgressBar.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LeuProgressBar.prototype, "indeterminate", void 0);
+
+export { LeuProgressBar };

package/dist/Radio.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 
 var css_248z = css`:host {
   --radio-color: var(--leu-color-black-40);

package/dist/RadioGroup.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 import { LeuRadio } from './Radio.js';
 
 var css_248z = css`:host {

package/dist/Range.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 
 var css_248z = css`:host {
   --range-color: var(--leu-color-black-40);

package/dist/ScrollTop.js

@@ -1,6 +1,6 @@
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 import { LeuButton } from './Button.js';
 import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';

package/dist/Select.js

@@ -2,7 +2,7 @@ import { css, nothing, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';

package/dist/Spinner.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 
 var css_248z = css`@keyframes leu-spinner-rotate {
   from {

package/dist/Table.js

@@ -2,7 +2,7 @@ import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 import { LeuIcon } from './Icon.js';
 import { LeuPagination } from './Pagination.js';
 import './_tslib-CNEFicEt.js';

package/dist/Tag.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 
 var css_248z = css`:host {
   /* --tag-font-regular: var(--leu-font-family-regular);

package/dist/VisuallyHidden.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-DlQXnrk8.js';
+import { L as LeuElement } from './LeuElement-CKq5epyY.js';
 
 var css_248z = css`:host {
   clip: rect(0 0 0 0);

package/dist/components/file-input/FileInput.d.ts

@@ -0,0 +1,54 @@
+import { LeuElement } from "../../lib/LeuElement.js";
+import { LeuButton } from "../../index.js";
+import { LeuIcon } from "../icon/leu-icon.js";
+import { LeuVisuallyHidden } from "../visually-hidden/VisuallyHidden.js";
+/**
+ * @tagname leu-file-input
+ */
+export declare class LeuFileInput extends LeuElement {
+    static dependencies: {
+        "leu-icon": typeof LeuIcon;
+        "leu-button": typeof LeuButton;
+        "leu-visually-hidden": typeof LeuVisuallyHidden;
+    };
+    static styles: import("lit").CSSResultGroup[];
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        customElements?: CustomElementRegistry;
+        registry?: CustomElementRegistry;
+    };
+    static formAssociated: boolean;
+    protected internals: ElementInternals;
+    label: string;
+    /** 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: string;
+    /** Whether the file input is disabled. */
+    disabled: boolean;
+    /** Whether the file input allows multiple files. */
+    multiple: boolean;
+    /** Whether the file input is required. */
+    required: boolean;
+    /** The variant of the file list item. `filled` renders a gray background. */
+    variant: "filled" | "transparent";
+    files: File[];
+    private isDragging;
+    input: HTMLInputElement;
+    constructor();
+    get form(): HTMLFormElement;
+    get name(): string;
+    updated(changedProperties: any): void;
+    protected handleInput(): void;
+    protected updateFormValue(): void;
+    protected removeFile(fileToRemove: File): void;
+    protected static formatFileSize(size: number): import("lit-html").TemplateResult<1>;
+    protected handleDragEnter: (event: DragEvent) => void;
+    protected handleDragOver: (event: DragEvent) => void;
+    protected handleDragLeave: (event: DragEvent) => void;
+    protected handleDrop: (event: DragEvent) => void;
+    isAcceptedFile(file: File): boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=FileInput.d.ts.map

package/dist/components/file-input/FileInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../src/components/file-input/FileInput.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAGpD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAExE;;GAEG;AACH,qBAAa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,MAAM,iCAA8B;IAE3C,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED,MAAM,CAAC,cAAc,UAAO;IAE5B,SAAS,CAAC,SAAS,EAAE,gBAAgB,CAAA;IAGrC,KAAK,EAAE,MAAM,CAAK;IAElB,0MAA0M;IAE1M,MAAM,EAAE,MAAM,CAAK;IAEnB,0CAA0C;IAE1C,QAAQ,EAAE,OAAO,CAAQ;IAEzB,oDAAoD;IAEpD,QAAQ,EAAE,OAAO,CAAQ;IAEzB,0CAA0C;IAE1C,QAAQ,EAAE,OAAO,CAAQ;IAEzB,6EAA6E;IAE7E,OAAO,EAAE,QAAQ,GAAG,aAAa,CAAW;IAGrC,KAAK,EAAE,IAAI,EAAE,CAAK;IAGzB,OAAO,CAAC,UAAU,CAAiB;IAGnC,KAAK,EAAE,gBAAgB,CAAA;;IAQvB,IAAI,IAAI,oBAEP;IAED,IAAI,IAAI,WAEP;IAED,OAAO,CAAC,iBAAiB,KAAA;IAUzB,SAAS,CAAC,WAAW;IAarB,SAAS,CAAC,eAAe;IAYzB,SAAS,CAAC,UAAU,CAAC,YAAY,EAAE,IAAI;IAIvC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,MAAM;IAY5C,SAAS,CAAC,eAAe,UAAW,SAAS,UAQ5C;IAGD,SAAS,CAAC,cAAc,UAAW,SAAS,UAK3C;IAED,SAAS,CAAC,eAAe,UAAW,SAAS,UAM5C;IAED,SAAS,CAAC,UAAU,UAAW,SAAS,UAcvC;IAED,cAAc,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO;IA4BnC,MAAM;CAiEP"}

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

@@ -0,0 +1,3 @@
+import { LeuFileInput } from "./FileInput.js";
+export { LeuFileInput };
+//# sourceMappingURL=leu-file-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"leu-file-input.d.ts","sourceRoot":"","sources":["../../../src/components/file-input/leu-file-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/file-input/stories/file-input.stories.d.ts

@@ -0,0 +1,30 @@
+import "../leu-file-input.js";
+import { LeuFileInput } from "../FileInput.js";
+declare const _default: {
+    title: string;
+    component: string;
+};
+export default _default;
+export declare const Regular: {
+    args: {
+        accept: string;
+        disabled: boolean;
+        multiple: boolean;
+        label: string;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuFileInput> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuFileInput>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuFileInput>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuFileInput> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuFileInput>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuFileInput> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuFileInput>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuFileInput> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuFileInput>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuFileInput>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuFileInput>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuFileInput>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuFileInput, Partial<LeuFileInput>>, "story">;
+};
+//# sourceMappingURL=file-input.stories.d.ts.map

package/dist/components/file-input/stories/file-input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/file-input/stories/file-input.stories.ts"],"names":[],"mappings":"AAIA,OAAO,sBAAsB,CAAA;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;;;;;AAK9C,wBAG2B;AAe3B,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;CASnB,CAAA"}

package/dist/components/file-input/test/file-input.test.d.ts

@@ -0,0 +1,2 @@
+import "../leu-file-input.js";
+//# sourceMappingURL=file-input.test.d.ts.map

package/dist/components/file-input/test/file-input.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-input.test.d.ts","sourceRoot":"","sources":["../../../../src/components/file-input/test/file-input.test.ts"],"names":[],"mappings":"AAGA,OAAO,sBAAsB,CAAA"}

package/dist/components/input/Input.d.ts

@@ -194,15 +194,6 @@ export declare class LeuInput extends LeuElement {
      * @fires {CustomEvent} change
      */
     clear(): void;
-    /**
-     * Method for getting the id of the input element.
-     * If the id attribute is set, the value of the id attribute is returned.
-     * Otherwise a random id is generated and returned.
-     *
-     * @private
-     * @returns {string} id
-     */
-    getId(): any;
     /**
      * Merge custom and default validation messages.
      * A validation message can be a function or a string.

package/dist/components/input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;AAMnC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAIzC,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAuBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,YAAY;;MAElB;IAED,MAAM,CAAC,MAAM,iCAA8B;IAE3C;;OAEG;IACH,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2BhB;IAED,MAAM,CAAC,mBAAmB,CAAC,OAAO,KAAA,EAAE,aAAa,KAAA;;IAkCjD,IAAI,aAAa,WAKhB;IAED;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,KAAK,KAAA;IAMxB;;;;;;OAMG;IACH,UAAU,CAAC,KAAK,KAAA;IAQhB;;;;;;OAMG;IACH,aAAa,CAAC,KAAK,KAAA;IAInB;;;;;;;;OAQG;IACH,YAAY,CAAC,KAAK,KAAA;IASlB;;;;;;;OAOG;IACH,WAAW,CAAC,KAAK,KAAA;IAUjB;;;;;;;;OAQG;IACH,KAAK;IAaL;;;;;;;OAOG;IACH,KAAK;IAeL;;;;;;;;;;OAUG;IACH,qBAAqB;IA6BrB,SAAS;IAUT;;;OAGG;IACH,aAAa;IAIb;;;OAGG;IACH,mBAAmB;IAyBnB;;;;;;OAMG;IACH,kBAAkB;IA2BlB,MAAM;CAiDP"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAA;AAMnC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAIzC,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAuBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,YAAY;;MAElB;IAED,MAAM,CAAC,MAAM,iCAA8B;IAE3C;;OAEG;IACH,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2BhB;IAED,MAAM,CAAC,mBAAmB,CAAC,OAAO,KAAA,EAAE,aAAa,KAAA;;IA+BjD,IAAI,aAAa,WAKhB;IAED;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,KAAK,KAAA;IAMxB;;;;;;OAMG;IACH,UAAU,CAAC,KAAK,KAAA;IAQhB;;;;;;OAMG;IACH,aAAa,CAAC,KAAK,KAAA;IAInB;;;;;;;;OAQG;IACH,YAAY,CAAC,KAAK,KAAA;IASlB;;;;;;;OAOG;IACH,WAAW,CAAC,KAAK,KAAA;IAUjB;;;;;;;;OAQG;IACH,KAAK;IAaL;;;;;;;;;;OAUG;IACH,qBAAqB;IA6BrB,SAAS;IAUT;;;OAGG;IACH,aAAa;IAIb;;;OAGG;IACH,mBAAmB;IAyBnB;;;;;;OAMG;IACH,kBAAkB;IA2BlB,MAAM;CAiDP"}

package/dist/components/progress-bar/ProgressBar.d.ts

@@ -0,0 +1,25 @@
+import { LeuElement } from "../../lib/LeuElement.js";
+/**
+ * An indicator showing the completion progress of a task
+ *
+ * @tagname leu-progress-bar
+ */
+export declare class LeuProgressBar extends LeuElement {
+    static styles: import("lit").CSSResultGroup[];
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+        customElements?: CustomElementRegistry;
+        registry?: CustomElementRegistry;
+    };
+    /** Progress as a percentage from 0 to 100 */
+    value: number;
+    /** Label that is displayed below the progress bar */
+    label: string;
+    /** Whether the progress bar is in indeterminate state. */
+    indeterminate: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/components/progress-bar/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/ProgressBar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAIpD;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,iCAA8B;IAE3C,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED,6CAA6C;IAE7C,KAAK,EAAE,MAAM,CAAI;IAEjB,qDAAqD;IAErD,KAAK,EAAE,MAAM,CAAK;IAElB,0DAA0D;IAE1D,aAAa,EAAE,OAAO,CAAQ;IAE9B,MAAM;CAkBP"}

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

@@ -0,0 +1,3 @@
+import { LeuProgressBar } from "./ProgressBar.js";
+export { LeuProgressBar };
+//# sourceMappingURL=leu-progress-bar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"leu-progress-bar.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/leu-progress-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/progress-bar/stories/progress-bar.stories.d.ts

@@ -0,0 +1,48 @@
+import "../leu-progress-bar.js";
+import { LeuProgressBar } from "../ProgressBar.js";
+declare const _default: {
+    title: string;
+    component: string;
+};
+export default _default;
+export declare const Regular: {
+    args: {
+        value: number;
+        label: string;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuProgressBar>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar, Partial<LeuProgressBar>>, "story">;
+};
+export declare const Indeterminate: {
+    args: {
+        indeterminate: boolean;
+        label: string;
+    };
+    decorators?: import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar> | import("@storybook/csf").DecoratorFunction<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar>[];
+    parameters?: import("@storybook/csf").Parameters;
+    argTypes?: Partial<import("@storybook/csf").ArgTypes<LeuProgressBar>>;
+    loaders?: import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar> | import("@storybook/csf").LoaderFunction<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar>[];
+    beforeEach?: import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar> | import("@storybook/csf").BeforeEach<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar>[];
+    experimental_afterEach?: import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar> | import("@storybook/csf").AfterEach<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar>[];
+    render?: import("@storybook/csf").ArgsStoryFn<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar>;
+    tags?: import("@storybook/csf").Tag[];
+    mount?: (context: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar>) => () => Promise<import("@storybook/csf").Canvas>;
+    name?: import("@storybook/csf").StoryName;
+    storyName?: import("@storybook/csf").StoryName;
+    play?: import("@storybook/csf").PlayFunction<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar>;
+    globals?: import("@storybook/csf").Globals;
+    story?: Omit<import("@storybook/csf").StoryAnnotations<import("@storybook/web-components").WebComponentsRenderer, LeuProgressBar, Partial<LeuProgressBar>>, "story">;
+};
+//# sourceMappingURL=progress-bar.stories.d.ts.map

package/dist/components/progress-bar/stories/progress-bar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-bar/stories/progress-bar.stories.ts"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;;;;;AAKlD,wBAG2B;AAW3B,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;CAMnB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;CAMzB,CAAA"}