@statistikzh/leu 0.24.1 → 0.25.0

package/dist/Input-D2THgo7c.d.ts

@@ -0,0 +1,169 @@
+import { t as LeuElement } from "./LeuElement-pJFU18Xm.js";
+import { t as FormAssociatedMixinType } from "./FormAssociatedMixin-Cc74LjbC.js";
+import { n as IconPathName, t as LeuIcon } from "./Icon-Op80LrrO.js";
+import { PropertyValues, nothing } from "lit";
+import * as lit_html0 from "lit-html";
+import * as lit_html_directives_ref_js0 from "lit-html/directives/ref.js";
+
+//#region src/components/input/Input.d.ts
+declare const SIZES: Readonly<{
+  SMALL: "small";
+  REGULAR: "regular";
+}>;
+type InputType = "date" | "datetime-local" | "email" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "week";
+declare const LeuInput_base: (abstract new (...args: any[]) => FormAssociatedMixinType) & typeof LeuElement;
+/**
+ * A text input element.
+ *
+ * @fires {CustomEvent} input - Dispatched when the value of the input element changes.
+ * @fires {CustomEvent} change - Dispatched when the value of the input element changes and the input element loses focus.
+ *
+ * @tagname leu-input
+ */
+declare class LeuInput extends LeuInput_base {
+  static dependencies: {
+    "leu-icon": typeof LeuIcon;
+  };
+  static styles: any[];
+  /**
+   * @internal
+   */
+  static shadowRootOptions: {
+    delegatesFocus: boolean;
+    clonable?: boolean;
+    customElementRegistry?: CustomElementRegistry;
+    mode: ShadowRootMode;
+    serializable?: boolean;
+    slotAssignment?: SlotAssignmentMode;
+  };
+  /** Disables the input element. */
+  disabled: boolean;
+  /** Marks the input element as required */
+  required: boolean;
+  /** Adds a button to clear the input element */
+  clearable: boolean;
+  /** The value of the input element. */
+  value: string;
+  /** A custom error that is completely independent of the validity state. Useful for displaying server side errors. */
+  error: string;
+  /** The label of the input element */
+  label: string;
+  /** A prefix that relates to the value of the input (e.g. CHF)  */
+  prefix: string;
+  /** A suffix that relates to the value of the input (e.g. mm). */
+  suffix: string;
+  /** The size of the input element */
+  size: "small" | "regular";
+  /** The icon that is displayed at the end of the input element */
+  icon: IconPathName;
+  /** A regular expression that the value is checked against. */
+  pattern: string;
+  /** The type of the input element. */
+  type: InputType;
+  /** The minimum value of the input element. */
+  min: number;
+  /** The maximum value of the input element. */
+  max: number;
+  /** The step value of the input element. */
+  step: number;
+  /** The maximum length of the input element. */
+  maxlength: number;
+  /** The minimum length of the input element. */
+  minlength: number;
+  /** Custom validation messages. The key is the name of the validity state and the value is the message. */
+  validationMessages: Record<string, string>;
+  /** Disables the browser's validation. */
+  novalidate: boolean;
+  _validity: ValidityState | null;
+  static resolveErrorMessage(message: any, refernceValue: any): any;
+  protected _inputRef: lit_html_directives_ref_js0.Ref<HTMLInputElement>;
+  get valueAsNumber(): number;
+  formResetCallback(): void;
+  protected setFormValue(): void;
+  protected willUpdate(changedProperties: PropertyValues<this>): void;
+  /**
+   * Method for handling the click event of the wrapper element.
+   * Redirect every click on the wrapper to the input element.
+   * This is only necessary for click events because the wrapper element
+   * looks like the input element. But the actual input field does not
+   * completely fill the wrapper element. Keyboard events don't need to be
+   * handled because the actual input element is focusable.
+   */
+  protected handleWrapperClick(event: MouseEvent | PointerEvent): void;
+  /**
+   * Method for handling the blur event of the input element.
+   * Checks validity of the input element and sets the validity state.
+   */
+  protected handleBlur(event: FocusEvent & {
+    target: HTMLInputElement;
+  }): void;
+  /**
+   * Method for handling the invalid event of the input element.
+   * Sets the validity state.
+   */
+  protected handleInvalid(event: Event & {
+    target: HTMLInputElement;
+  }): void;
+  /**
+   * Method for handling the change event of the input element.
+   * Sets the value property and dispatches a change event so that
+   * the event can be handled outside the shadow DOM.
+   * @fires {CustomEvent} change
+   */
+  protected handleChange(event: Event & {
+    target: HTMLInputElement;
+  }): void;
+  /**
+   * Method for handling the input event of the input element.
+   * Sets the value property and dispatches an input event so that
+   * the event can be handled outside the shadow DOM.
+   */
+  protected handleInput(event: Event & {
+    target: HTMLInputElement;
+  }): void;
+  /**
+   * Method for clearing the input element.
+   * Sets the value property to an empty string and dispatches
+   * an input and a change event.
+   * @fires {CustomEvent} input
+   * @fires {CustomEvent} change
+   */
+  protected clear(): void;
+  /**
+   * Merge custom and default validation messages.
+   * A validation message can be a function or a string.
+   * If it s a function, the function is called with the corresponding
+   * attribute value as argument.
+   * e.g.
+   * `tooLong(this.maxlength)`
+   * This way the framework user can create reasonable validation messages
+   */
+  protected getValidationMessages(): {
+    badInput: string;
+    patternMismatch: string;
+    rangeOverflow: (max: any) => string;
+    rangeUnderflow: (min: any) => string;
+    stepMismatch: string;
+    tooLong: (maxlength: any) => string;
+    tooShort: (minlength: any) => string;
+    typeMismatch: string;
+    valueMissing: string;
+  };
+  isInvalid(): boolean;
+  /**
+   * Check input validation
+   */
+  checkValidity(): boolean;
+  /**
+   * Creates an error list with an item for the given validity state.
+   */
+  protected renderErrorMessages(): lit_html0.TemplateResult<1> | typeof nothing;
+  /**
+   * Determines the content that is displayed after the input element.
+   * This can be either an icon, a clear button or an error indicator icon.
+   */
+  protected renderAfterContent(): lit_html0.TemplateResult<1> | typeof nothing;
+  render(): lit_html0.TemplateResult<1>;
+}
+//#endregion
+export { SIZES as n, LeuInput as t };

package/dist/Input.d.ts

@@ -1,166 +1,2 @@
-import * as lit_html from 'lit-html';
-import * as lit_html_directives_ref_js from 'lit-html/directives/ref.js';
-import * as lit from 'lit';
-import { nothing } from 'lit';
-import { L as LeuElement } from './LeuElement.d-BevHqLUu.js';
-import { L as LeuIcon, I as IconPathName } from './Icon.d-itcQ94ym.js';
-
-declare const SIZES: Readonly<{
-    SMALL: "small";
-    REGULAR: "regular";
-}>;
-type InputType = "date" | "datetime-local" | "email" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "week";
-/**
- * A text input element.
- *
- * @fires {CustomEvent} input - Dispatched when the value of the input element changes.
- * @fires {CustomEvent} change - Dispatched when the value of the input element changes and the input element loses focus.
- *
- * @tagname leu-input
- */
-declare class LeuInput extends LeuElement {
-    static dependencies: {
-        "leu-icon": typeof LeuIcon;
-    };
-    static styles: lit.CSSResultGroup[];
-    /**
-     * @internal
-     */
-    static shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        serializable?: boolean;
-        slotAssignment?: SlotAssignmentMode;
-        customElements?: CustomElementRegistry;
-        registry?: CustomElementRegistry;
-    };
-    /** Disables the input element. */
-    disabled: boolean;
-    /** Marks the input element as required */
-    required: boolean;
-    /** Adds a button to clear the input element */
-    clearable: boolean;
-    /** The value of the input element. */
-    value: string;
-    /** The name of the input element. */
-    name: string;
-    /** A custom error that is completely independent of the validity state. Useful for displaying server side errors. */
-    error: string;
-    /** The label of the input element */
-    label: string;
-    /** A prefix that relates to the value of the input (e.g. CHF)  */
-    prefix: string;
-    /** A suffix that relates to the value of the input (e.g. mm). */
-    suffix: string;
-    /** The size of the input element */
-    size: "small" | "regular";
-    /** The icon that is displayed at the end of the input element */
-    icon: IconPathName;
-    /** A regular expression that the value is checked against. */
-    pattern: string;
-    /** The type of the input element. */
-    type: InputType;
-    /** The minimum value of the input element. */
-    min: number;
-    /** The maximum value of the input element. */
-    max: number;
-    /** The step value of the input element. */
-    step: number;
-    /** The maximum length of the input element. */
-    maxlength: number;
-    /** The minimum length of the input element. */
-    minlength: number;
-    /** Custom validation messages. The key is the name of the validity state and the value is the message. */
-    validationMessages: Record<string, string>;
-    /** Disables the browser's validation. */
-    novalidate: boolean;
-    _validity: ValidityState | null;
-    static resolveErrorMessage(message: any, refernceValue: any): any;
-    protected _inputRef: lit_html_directives_ref_js.Ref<HTMLInputElement>;
-    get valueAsNumber(): number;
-    /**
-     * Method for handling the click event of the wrapper element.
-     * Redirect every click on the wrapper to the input element.
-     * This is only necessary for click events because the wrapper element
-     * looks like the input element. But the actual input field does not
-     * completely fill the wrapper element. Keyboard events don't need to be
-     * handled because the actual input element is focusable.
-     */
-    protected handleWrapperClick(event: MouseEvent | PointerEvent): void;
-    /**
-     * Method for handling the blur event of the input element.
-     * Checks validity of the input element and sets the validity state.
-     */
-    protected handleBlur(event: FocusEvent & {
-        target: HTMLInputElement;
-    }): void;
-    /**
-     * Method for handling the invalid event of the input element.
-     * Sets the validity state.
-     */
-    protected handleInvalid(event: Event & {
-        target: HTMLInputElement;
-    }): void;
-    /**
-     * Method for handling the change event of the input element.
-     * Sets the value property and dispatches a change event so that
-     * the event can be handled outside the shadow DOM.
-     * @fires {CustomEvent} change
-     */
-    protected handleChange(event: Event & {
-        target: HTMLInputElement;
-    }): void;
-    /**
-     * Method for handling the input event of the input element.
-     * Sets the value property and dispatches an input event so that
-     * the event can be handled outside the shadow DOM.
-     */
-    protected handleInput(event: Event & {
-        target: HTMLInputElement;
-    }): void;
-    /**
-     * Method for clearing the input element.
-     * Sets the value property to an empty string and dispatches
-     * an input and a change event.
-     * @fires {CustomEvent} input
-     * @fires {CustomEvent} change
-     */
-    protected clear(): void;
-    /**
-     * Merge custom and default validation messages.
-     * A validation message can be a function or a string.
-     * If it s a function, the function is called with the corresponding
-     * attribute value as argument.
-     * e.g.
-     * `tooLong(this.maxlength)`
-     * This way the framework user can create reasonable validation messages
-     */
-    protected getValidationMessages(): {
-        badInput: string;
-        patternMismatch: string;
-        rangeOverflow: (max: any) => string;
-        rangeUnderflow: (min: any) => string;
-        stepMismatch: string;
-        tooLong: (maxlength: any) => string;
-        tooShort: (minlength: any) => string;
-        typeMismatch: string;
-        valueMissing: string;
-    };
-    isInvalid(): boolean;
-    /**
-     * Check input validation
-     */
-    checkValidity(): boolean;
-    /**
-     * Creates an error list with an item for the given validity state.
-     */
-    protected renderErrorMessages(): typeof nothing | lit_html.TemplateResult<1>;
-    /**
-     * Determines the content that is displayed after the input element.
-     * This can be either an icon, a clear button or an error indicator icon.
-     */
-    protected renderAfterContent(): typeof nothing | lit_html.TemplateResult<1>;
-    render(): lit_html.TemplateResult<1>;
-}
-
-export { LeuInput, SIZES };
+import { n as SIZES, t as LeuInput } from "./Input-D2THgo7c.js";
+export { LeuInput, SIZES };