@ds-autonomie/web-components 2.4.1 → 2.5.1

package/cdn/components/input/input.d.ts

@@ -1,9 +1,11 @@
-import type { CSSResultGroup } from 'lit';
-import { FormControlLayout } from '../../internal/components/form-control/form-control-layout';
+import { InputBase } from '../../internal/components/input-base/input-base';
 import type { ShoelaceFormControl } from '../../internal/shoelace-element';
 import '../icon-button/icon-button';
 import '../icon/icon';
-import type { DSAInputTypes } from './input.utils';
+import DSAInputDate from '../input-date/input-date';
+import '../input-native/input-native';
+import type DSAInputNative from '../input-native/input-native';
+import DSAInputTime from '../input-time/input-time';
 /**
  * @summary Inputs collect data from the user.
  *
@@ -12,6 +14,8 @@ import type { DSAInputTypes } from './input.utils';
  * @dependency dsa-icon
  * @dependency dsa-icon-button
  * @dependency dsa-input-date
+ * @dependency dsa-input-time
+ * @dependency dsa-input-native
  * @dependency dsa-error-text
  *
  * @slot label - The input's label. Alternatively, you can use the `label` attribute.
@@ -27,67 +31,16 @@ import type { DSAInputTypes } from './input.utils';
  * @event dsa-input - Emitted when the control receives input.
  * @event dsa-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
  */
-export default class DSAInput extends FormControlLayout implements ShoelaceFormControl {
-    static styles: CSSResultGroup;
-    private readonly formControlController;
-    private readonly localize;
-    private standardInput;
-    private dateInput;
-    private timeInput;
-    private input;
-    private hasFocus;
+export default class DSAInput extends InputBase implements ShoelaceFormControl {
+    inputElement: DSAInputNative | DSAInputDate | DSAInputTime;
     /**
-     * The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults
-     * to `text`.
+     * Input date specific properties
      */
-    type: DSAInputTypes;
-    /** The current value of the input, submitted as a name/value pair with form data. */
-    value: string;
-    /** The default value of the form control. Primarily used for resetting the form control. */
-    defaultValue: string;
-    /** Adds a clear button when the input is not empty. */
-    clearable: boolean;
     lang: string;
-    /** Determines whether or not the password is currently visible. Only applies to password input types. */
-    passwordVisible: boolean;
-    /** A regular expression pattern to validate input against. */
-    pattern: string;
-    /** The minimum length of input that will be considered valid. */
-    minlength: number;
-    /** The maximum length of input that will be considered valid. */
-    maxlength: number;
-    /** Display the counter if maxlength is provided */
-    counter: boolean;
-    /** The input's minimum value. Only applies to date and number input types. */
-    min: number | string;
-    /** The input's maximum value. Only applies to date and number input types. */
-    max: number | string;
     calendarStartDate: string;
     /**
-     * Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is
-     * implied, allowing any numeric value. Only applies to date and number input types.
+     * Connect methods to underlying input element
      */
-    step: number | 'any';
-    /** Controls whether and how text input is automatically capitalized as it is entered by the user. */
-    autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
-    /** Indicates whether the browser's autocorrect feature is on or off. */
-    autocorrect: 'off' | 'on';
-    /**
-     * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to
-     * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.
-     */
-    autocomplete: string;
-    /** Indicates that the input should receive focus on page load. */
-    autofocus: boolean;
-    /** Used to customize the label or icon of the Enter key on virtual keyboards. */
-    enterkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
-    /** Enables spell checking on the input. */
-    spellcheck: boolean;
-    /**
-     * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
-     * keyboard on supportive devices.
-     */
-    inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
     /** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. */
     get valueAsDate(): Date | null;
     set valueAsDate(newValue: Date | null);
@@ -98,22 +51,9 @@ export default class DSAInput extends FormControlLayout implements ShoelaceFormC
     get validity(): ValidityState;
     /** Gets the validation message */
     get validationMessage(): string;
-    firstUpdated(): Promise<void>;
-    private handleBlur;
-    private handleChange;
-    private handleAmountChange;
-    private handleClearClick;
-    private handleFocus;
-    private handleInput;
-    private handleInvalid;
-    private handleKeyDown;
-    private handleAmountKeydown;
-    private getSafeStep;
-    private handlePasswordToggle;
-    private getDescriptionIds;
-    handleDisabledChange(): void;
+    protected handleChange(): void;
+    protected handleInput(): void;
     handleStepChange(): void;
-    handleValueChange(): Promise<void>;
     /** Sets focus on the input. */
     focus(options?: FocusOptions): void;
     /** Removes focus from the input. */
@@ -128,24 +68,20 @@ export default class DSAInput extends FormControlLayout implements ShoelaceFormC
     hideTimePicker(): Promise<void>;
     showDatepicker(): Promise<void>;
     hideDatepicker(): Promise<void>;
-    private adjustAmountValue;
-    /** Increments the value of a numeric input type by the value of the step attribute. */
-    stepUp(): void;
-    /** Decrements the value of a numeric input type by the value of the step attribute. */
-    stepDown(): void;
+    /** Increments the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter. */
+    stepUp(stepNumber?: number): void;
+    /** Decrements the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.  */
+    stepDown(stepNumber?: number): void;
     /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
     checkValidity(): boolean;
     /** Gets the associated form, if one exists. */
     getForm(): HTMLFormElement | null;
     /** Checks for validity and shows the browser's validation message if the control is invalid. */
     reportValidity(): boolean;
-    private checkAmountValidity;
     /** Sets a custom validation message. Pass an empty string to restore validity. */
     setCustomValidity(message: string): void;
     getUpdateComplete(): Promise<boolean>;
     render(): import("lit").TemplateResult<1>;
-    renderInput(): import("lit").TemplateResult<1>;
-    renderCounter(): import("lit").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/cdn/components/input/input.js

@@ -1,21 +1,21 @@
 import {
   DSAInput
-} from "../../chunks/chunk.7ITBH4NW.js";
-import "../../chunks/chunk.MHOWVZXY.js";
+} from "../../chunks/chunk.CAWNJ57J.js";
+import "../../chunks/chunk.7CBNLWGC.js";
+import "../../chunks/chunk.WWI5IYQY.js";
 import "../../chunks/chunk.IONY2GZF.js";
-import "../../chunks/chunk.OSJ5I4FK.js";
-import "../../chunks/chunk.EF2VOGBL.js";
-import "../../chunks/chunk.XS7VEXEG.js";
-import "../../chunks/chunk.CMRQV2SO.js";
-import "../../chunks/chunk.L3ZYNSI3.js";
-import "../../chunks/chunk.ICBLN3KB.js";
+import "../../chunks/chunk.T6APUNAB.js";
+import "../../chunks/chunk.EVV7CPIX.js";
+import "../../chunks/chunk.PT3QFRYN.js";
+import "../../chunks/chunk.LYIECKOK.js";
+import "../../chunks/chunk.YGJ3KERC.js";
+import "../../chunks/chunk.NON7TU3E.js";
+import "../../chunks/chunk.OCDDQJHV.js";
+import "../../chunks/chunk.IPKU2NK6.js";
 import "../../chunks/chunk.E73QKLNL.js";
 import "../../chunks/chunk.KS7QG726.js";
 import "../../chunks/chunk.IEQULSYY.js";
 import "../../chunks/chunk.EMIT7S33.js";
-import "../../chunks/chunk.WJDOTH54.js";
-import "../../chunks/chunk.VZPL3NCB.js";
-import "../../chunks/chunk.YBWQADCH.js";
 import "../../chunks/chunk.7PPSHHT2.js";
 import "../../chunks/chunk.YY5FKN3H.js";
 import "../../chunks/chunk.SCHNZ3XK.js";
@@ -24,6 +24,9 @@ import "../../chunks/chunk.POKFLTEE.js";
 import "../../chunks/chunk.D3U3NPDM.js";
 import "../../chunks/chunk.EY4WUNAJ.js";
 import "../../chunks/chunk.IWMEHK72.js";
+import "../../chunks/chunk.6SV5RDDG.js";
+import "../../chunks/chunk.VZPL3NCB.js";
+import "../../chunks/chunk.YBWQADCH.js";
 import "../../chunks/chunk.3NWILHZZ.js";
 import "../../chunks/chunk.WOGTGKIT.js";
 import "../../chunks/chunk.YIY5RM53.js";
@@ -33,15 +36,15 @@ import "../../chunks/chunk.VIVOXZF6.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.UBKKXGSV.js";
 import "../../chunks/chunk.2WRFDMKN.js";
-import "../../chunks/chunk.VARBZAJP.js";
+import "../../chunks/chunk.BMQ5WSY7.js";
 import "../../chunks/chunk.CAMVBH5H.js";
 import "../../chunks/chunk.D5IL5KN6.js";
 import "../../chunks/chunk.CAYHSQZJ.js";
+import "../../chunks/chunk.C2W7WMBY.js";
+import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.23TOS4ZE.js";
 import "../../chunks/chunk.XNEONNEJ.js";
 import "../../chunks/chunk.GNULOP2U.js";
-import "../../chunks/chunk.C2W7WMBY.js";
-import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.4FQJ3QJK.js";
 import "../../chunks/chunk.L633QVVV.js";
 import "../../chunks/chunk.B6GVVW66.js";

package/cdn/components/input-date/input-date.d.ts

@@ -1,7 +1,7 @@
 import type { CSSResultGroup } from 'lit';
 import '../../internal/components/date-field/date-field';
 import type DSAInternalDateField from '../../internal/components/date-field/date-field';
-import { FormControlLayout } from '../../internal/components/form-control/form-control-layout';
+import { InputBase } from '../../internal/components/input-base/input-base';
 import type { ShoelaceFormControl } from '../../internal/shoelace-element';
 import '../calendar/calendar';
 import type DSAIconButton from '../icon-button/icon-button';
@@ -31,39 +31,15 @@ import type DSAPopup from '../popup/popup';
  * @event dsa-after-hide - Emitted after the picker closes and all animations are complete.
 
  */
-export default class DSAInputDate extends FormControlLayout implements ShoelaceFormControl {
+export default class DSAInputDate extends InputBase implements ShoelaceFormControl {
     static styles: CSSResultGroup;
-    private readonly formControlController;
     private readonly localize;
-    dateField: DSAInternalDateField;
-    input: HTMLInputElement;
+    input: DSAInternalDateField;
     popup: DSAPopup;
     datepickerButton: DSAIconButton;
     private isDatepickerOpen;
-    private dateFieldHasFocus;
-    /** The current value of the input, submitted as a name/value pair with form data. */
-    value: string;
-    /** The default value of the form control. Primarily used for resetting the form control. */
-    defaultValue: string;
-    /** Adds a clear button when the input is not empty. */
-    clearable: boolean;
     lang: string;
-    /** The input's minimum value. Only applies to date and number input types. */
-    min: number | string;
-    /** The input's maximum value. Only applies to date and number input types. */
-    max: number | string;
     calendarStartDate: string;
-    /** Indicates that the input should receive focus on page load. */
-    autofocus: boolean;
-    /** Used to customize the label or icon of the Enter key on virtual keyboards. */
-    enterkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
-    /** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. */
-    get valueAsDate(): Date | null;
-    set valueAsDate(newValue: Date | null);
-    /** Gets the validity state object */
-    get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
     connectedCallback(): void;
     firstUpdated(): Promise<void>;
     private addOpenListeners;
@@ -72,31 +48,17 @@ export default class DSAInputDate extends FormControlLayout implements ShoelaceF
     private handleDocumentFocusIn;
     private handleDocumentMouseDown;
     private handleDocumentKeyDown;
+    private handleDateFieldKeydown;
     private handleDateFieldChange;
     private handleDateFieldFocus;
     private handleDateFieldBlur;
-    private handleClearClick;
-    private handleInvalid;
     private getDateFieldDescription;
     private shouldDisableDate;
-    handleDisabledChange(): void;
     handleOpenChange(): Promise<void>;
-    /** Sets focus on the input. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the input. */
-    blur(): void;
     /** Displays the dsa-calendar picker for an input element. */
     showDatepicker(): Promise<void>;
     /** Hides dsa-calendar. */
     hideDatepicker(): Promise<void>;
-    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-    checkValidity(): boolean;
-    /** Gets the associated form, if one exists. */
-    getForm(): HTMLFormElement | null;
-    /** Checks for validity and shows the browser's validation message if the control is invalid. */
-    reportValidity(): boolean;
-    /** Sets a custom validation message. Pass an empty string to restore validity. */
-    setCustomValidity(message: string): void;
     getUpdateComplete(): Promise<boolean>;
     protected handleLabelClick(): void;
     renderInput(): import("lit").TemplateResult<1>;

package/cdn/components/input-date/input-date.js

@@ -1,21 +1,22 @@
 import {
   DSAInputDate
-} from "../../chunks/chunk.XS7VEXEG.js";
-import "../../chunks/chunk.CMRQV2SO.js";
-import "../../chunks/chunk.L3ZYNSI3.js";
-import "../../chunks/chunk.ICBLN3KB.js";
+} from "../../chunks/chunk.T6APUNAB.js";
+import "../../chunks/chunk.EVV7CPIX.js";
+import "../../chunks/chunk.YGJ3KERC.js";
+import "../../chunks/chunk.OCDDQJHV.js";
+import "../../chunks/chunk.IPKU2NK6.js";
 import "../../chunks/chunk.E73QKLNL.js";
 import "../../chunks/chunk.KS7QG726.js";
 import "../../chunks/chunk.IEQULSYY.js";
-import "../../chunks/chunk.WJDOTH54.js";
-import "../../chunks/chunk.VZPL3NCB.js";
-import "../../chunks/chunk.YBWQADCH.js";
 import "../../chunks/chunk.7PPSHHT2.js";
 import "../../chunks/chunk.YY5FKN3H.js";
 import "../../chunks/chunk.POKFLTEE.js";
 import "../../chunks/chunk.D3U3NPDM.js";
 import "../../chunks/chunk.EY4WUNAJ.js";
 import "../../chunks/chunk.IWMEHK72.js";
+import "../../chunks/chunk.6SV5RDDG.js";
+import "../../chunks/chunk.VZPL3NCB.js";
+import "../../chunks/chunk.YBWQADCH.js";
 import "../../chunks/chunk.3NWILHZZ.js";
 import "../../chunks/chunk.WOGTGKIT.js";
 import "../../chunks/chunk.YIY5RM53.js";
@@ -25,15 +26,15 @@ import "../../chunks/chunk.VIVOXZF6.js";
 import "../../chunks/chunk.B4BZKR24.js";
 import "../../chunks/chunk.UBKKXGSV.js";
 import "../../chunks/chunk.2WRFDMKN.js";
-import "../../chunks/chunk.VARBZAJP.js";
+import "../../chunks/chunk.BMQ5WSY7.js";
 import "../../chunks/chunk.CAMVBH5H.js";
 import "../../chunks/chunk.D5IL5KN6.js";
 import "../../chunks/chunk.CAYHSQZJ.js";
+import "../../chunks/chunk.C2W7WMBY.js";
+import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.23TOS4ZE.js";
 import "../../chunks/chunk.XNEONNEJ.js";
 import "../../chunks/chunk.GNULOP2U.js";
-import "../../chunks/chunk.C2W7WMBY.js";
-import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.4FQJ3QJK.js";
 import "../../chunks/chunk.L633QVVV.js";
 import "../../chunks/chunk.B6GVVW66.js";

package/cdn/components/input-date/input-date.styles.js

@@ -1,7 +1,7 @@
 import {
   input_date_styles_default
-} from "../../chunks/chunk.CMRQV2SO.js";
-import "../../chunks/chunk.L3ZYNSI3.js";
+} from "../../chunks/chunk.EVV7CPIX.js";
+import "../../chunks/chunk.OCDDQJHV.js";
 import "../../chunks/chunk.IWMEHK72.js";
 import "../../chunks/chunk.PSQJDSB2.js";
 import "../../chunks/chunk.4KHZQZ3M.js";

package/cdn/components/input-mask/input-mask.d.ts

@@ -1,5 +1,5 @@
 import type { CSSResultGroup } from 'lit';
-import { FormControlLayout } from '../../internal/components/form-control/form-control-layout';
+import { InputBase } from '../../internal/components/input-base/input-base';
 import type { ShoelaceFormControl } from '../../internal/shoelace-element';
 /**
  * @summary Input Masks collect data from the user in a masked fashion.
@@ -21,19 +21,11 @@ import type { ShoelaceFormControl } from '../../internal/shoelace-element';
  * @event dsa-input - Emitted when the control receives input.
  * @event dsa-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
  */
-export default class DSAInputMask extends FormControlLayout implements ShoelaceFormControl {
+export default class DSAInputMask extends InputBase implements ShoelaceFormControl {
     static styles: CSSResultGroup;
-    private readonly formControlController;
     private readonly localize;
     input: HTMLInputElement;
-    private hasFocus;
     private maskedValue;
-    /** The current value of the input, submitted as a name/value pair with form data. */
-    value: string;
-    /** The default value of the form control. Primarily used for resetting the form control. */
-    defaultValue: string;
-    /** Adds a clear button when the input is not empty. */
-    clearable: boolean;
     /**
      * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
      * keyboard on supportive devices.
@@ -41,19 +33,6 @@ export default class DSAInputMask extends FormControlLayout implements ShoelaceF
     inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'search';
     /** A regular expression pattern to validate input against. */
     pattern: string;
-    /** The minimum length of input that will be considered valid. */
-    minlength: number;
-    /** Indicates whether the browser's autocorrect feature is on or off. */
-    autocorrect: 'off' | 'on';
-    /**
-     * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to
-     * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.
-     */
-    autocomplete: string;
-    /** Indicates that the input should receive focus on page load. */
-    autofocus: boolean;
-    /** Used to customize the label or icon of the Enter key on virtual keyboards. */
-    enterkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
     /**
      * Used to define the allowed or expected characters within a string or data input. It specifies the permissible characters that can be present at specific positions within a sequence.
      * It should follow the format defined by the placeholder, but with its own permissible characters.
@@ -79,39 +58,13 @@ export default class DSAInputMask extends FormControlLayout implements ShoelaceF
     mask: string;
     /** Gets the validity state object */
     get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
-    firstUpdated(): void;
     connectedCallback(): void;
     private handleDocumentKeyUp;
-    private handleBlur;
     private rawValueToMaskedValue;
-    private handleClearClick;
-    private handleFocus;
-    private handleChange;
-    private handleInvalid;
-    private handleKeyDown;
-    private getDescriptionIds;
-    handleDisabledChange(): void;
+    protected handleChange(): void;
     handleValueChange(): Promise<void>;
-    /** Sets focus on the input. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the input. */
-    blur(): void;
-    /** Selects all the text in the input. */
-    select(): void;
-    /** Sets the start and end positions of the text selection (0-based). */
-    setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none'): void;
     /** Replaces a range of text with a new string. */
     setRangeText(replacement: string, start?: number, end?: number, selectMode?: 'select' | 'start' | 'end' | 'preserve'): void;
-    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
-    checkValidity(): boolean;
-    /** Gets the associated form, if one exists. */
-    getForm(): HTMLFormElement | null;
-    /** Checks for validity and shows the browser's validation message if the control is invalid. */
-    reportValidity(): boolean;
-    /** Sets a custom validation message. Pass an empty string to restore validity. */
-    setCustomValidity(message: string): void;
     renderInput(): import("lit").TemplateResult<1>;
 }
 declare global {

package/cdn/components/input-mask/input-mask.js

@@ -1,8 +1,9 @@
 import {
   DSAInputMask
-} from "../../chunks/chunk.LCA7FDI4.js";
+} from "../../chunks/chunk.PQ4KTIXS.js";
 import "../../chunks/chunk.A27ADPHB.js";
 import "../../chunks/chunk.7OLEA3GQ.js";
+import "../../chunks/chunk.YGJ3KERC.js";
 import "../../chunks/chunk.E73QKLNL.js";
 import "../../chunks/chunk.7PPSHHT2.js";
 import "../../chunks/chunk.YY5FKN3H.js";
@@ -12,15 +13,15 @@ import "../../chunks/chunk.EY4WUNAJ.js";
 import "../../chunks/chunk.IWMEHK72.js";
 import "../../chunks/chunk.3NWILHZZ.js";
 import "../../chunks/chunk.YIY5RM53.js";
-import "../../chunks/chunk.VARBZAJP.js";
+import "../../chunks/chunk.BMQ5WSY7.js";
 import "../../chunks/chunk.CAMVBH5H.js";
 import "../../chunks/chunk.D5IL5KN6.js";
 import "../../chunks/chunk.CAYHSQZJ.js";
+import "../../chunks/chunk.C2W7WMBY.js";
+import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.23TOS4ZE.js";
 import "../../chunks/chunk.XNEONNEJ.js";
 import "../../chunks/chunk.GNULOP2U.js";
-import "../../chunks/chunk.C2W7WMBY.js";
-import "../../chunks/chunk.HJU52GCK.js";
 import "../../chunks/chunk.4FQJ3QJK.js";
 import "../../chunks/chunk.L633QVVV.js";
 import "../../chunks/chunk.B6GVVW66.js";

package/cdn/components/input-native/input-native.d.ts

@@ -0,0 +1,57 @@
+import type { CSSResultGroup } from 'lit';
+import { InputBase } from '../../internal/components/input-base/input-base';
+import type { ShoelaceFormControl } from '../../internal/shoelace-element';
+import '../icon-button/icon-button';
+import '../icon/icon';
+/**
+ * @summary (Internal) Inputs with native browser behavior.
+ * *
+ * @dependency dsa-icon
+ * @dependency dsa-icon-button
+ * @dependency dsa-error-text
+ *
+ * @slot label - The input's label. Alternatively, you can use the `label` attribute.
+ * @slot prefix - Used to prepend a presentational icon or similar element to the input.
+ * @slot suffix - Used to postpend a presentational icon or similar element to the input.
+ * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
+ * @slot tooltip - The tooltip slot allows additional information to be passed along the label.
+ *
+ * @event dsa-blur - Emitted when the control loses focus.
+ * @event dsa-change - Emitted when an alteration to the control's value is committed by the user.
+ * @event dsa-clear - Emitted when the clear button is activated.
+ * @event dsa-focus - Emitted when the control gains focus.
+ * @event dsa-input - Emitted when the control receives input.
+ * @event dsa-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+ */
+export default class DSAInputNative extends InputBase implements ShoelaceFormControl {
+    static styles: CSSResultGroup;
+    private readonly localize;
+    protected input: HTMLInputElement;
+    /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */
+    get valueAsNumber(): number;
+    set valueAsNumber(newValue: number);
+    protected handleChange(): void;
+    private handleAmountChange;
+    protected handleInput(): void;
+    protected handleKeyDown(event: KeyboardEvent): void;
+    private handleAmountKeydown;
+    private getSafeStep;
+    private handlePasswordToggle;
+    private adjustAmountValue;
+    /** Increments the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter. */
+    stepUp(stepNumber?: number): void;
+    /** Decrements the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.  */
+    stepDown(stepNumber?: number): void;
+    /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
+    checkValidity(): boolean;
+    /** Checks for validity and shows the browser's validation message if the control is invalid. */
+    reportValidity(): boolean;
+    private checkAmountValidity;
+    renderInput(): import("lit").TemplateResult<1>;
+    renderCounter(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'dsa-input-native': DSAInputNative;
+    }
+}

package/cdn/components/input-native/input-native.js

@@ -0,0 +1,43 @@
+import {
+  DSAInputNative
+} from "../../chunks/chunk.PT3QFRYN.js";
+import "../../chunks/chunk.LYIECKOK.js";
+import "../../chunks/chunk.YGJ3KERC.js";
+import "../../chunks/chunk.NON7TU3E.js";
+import "../../chunks/chunk.OCDDQJHV.js";
+import "../../chunks/chunk.E73QKLNL.js";
+import "../../chunks/chunk.7PPSHHT2.js";
+import "../../chunks/chunk.YY5FKN3H.js";
+import "../../chunks/chunk.POKFLTEE.js";
+import "../../chunks/chunk.D3U3NPDM.js";
+import "../../chunks/chunk.EY4WUNAJ.js";
+import "../../chunks/chunk.IWMEHK72.js";
+import "../../chunks/chunk.3NWILHZZ.js";
+import "../../chunks/chunk.YIY5RM53.js";
+import "../../chunks/chunk.ZYAFL7BC.js";
+import "../../chunks/chunk.TS2KKUX2.js";
+import "../../chunks/chunk.VIVOXZF6.js";
+import "../../chunks/chunk.BMQ5WSY7.js";
+import "../../chunks/chunk.CAMVBH5H.js";
+import "../../chunks/chunk.D5IL5KN6.js";
+import "../../chunks/chunk.CAYHSQZJ.js";
+import "../../chunks/chunk.C2W7WMBY.js";
+import "../../chunks/chunk.HJU52GCK.js";
+import "../../chunks/chunk.23TOS4ZE.js";
+import "../../chunks/chunk.XNEONNEJ.js";
+import "../../chunks/chunk.GNULOP2U.js";
+import "../../chunks/chunk.4FQJ3QJK.js";
+import "../../chunks/chunk.L633QVVV.js";
+import "../../chunks/chunk.B6GVVW66.js";
+import "../../chunks/chunk.PWL7QCVG.js";
+import "../../chunks/chunk.YQLIIKLI.js";
+import "../../chunks/chunk.IKHG7XGO.js";
+import "../../chunks/chunk.3VUJFXU2.js";
+import "../../chunks/chunk.DZB6XUZ7.js";
+import "../../chunks/chunk.PSQJDSB2.js";
+import "../../chunks/chunk.4KHZQZ3M.js";
+import "../../chunks/chunk.7HUC6BF3.js";
+import "../../chunks/chunk.4ZGVANML.js";
+export {
+  DSAInputNative as default
+};

package/cdn/components/input-native/input-native.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/cdn/components/{input/input.styles.js → input-native/input-native.styles.js}

@@ -1,11 +1,12 @@
 import {
-  input_styles_default
-} from "../../chunks/chunk.L3ZYNSI3.js";
+  input_native_styles_default
+} from "../../chunks/chunk.NON7TU3E.js";
+import "../../chunks/chunk.OCDDQJHV.js";
 import "../../chunks/chunk.IWMEHK72.js";
 import "../../chunks/chunk.PSQJDSB2.js";
 import "../../chunks/chunk.4KHZQZ3M.js";
 import "../../chunks/chunk.7HUC6BF3.js";
 import "../../chunks/chunk.4ZGVANML.js";
 export {
-  input_styles_default as default
+  input_native_styles_default as default
 };

package/cdn/components/{input/input.utils.d.ts → input-native/input-native.utils.d.ts}

@@ -1,4 +1,4 @@
-export type DSAInputTypes = 'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'amount';
+import type { DSAInputTypes } from '../../internal/components/input-base/input-base.utils';
 export type DSAInputOverridenPrefixIconTypes = Exclude<DSAInputTypes, 'number' | 'time' | 'text' | 'date' | 'datetime-local' | 'tel' | 'url' | 'amount'>;
 export declare function isPrefixIconOverriden(type: DSAInputTypes): type is DSAInputOverridenPrefixIconTypes;
 export declare function getOverridenIconDetails(type: DSAInputOverridenPrefixIconTypes): Record<"ariaLabel" | "iconName" | "partName", string>;

package/cdn/components/{input/input.utils.js → input-native/input-native.utils.js}

@@ -5,7 +5,7 @@ import {
   numberToFrAmount,
   parseFrAmount,
   roundToStep
-} from "../../chunks/chunk.EF2VOGBL.js";
+} from "../../chunks/chunk.LYIECKOK.js";
 import "../../chunks/chunk.4ZGVANML.js";
 export {
   getOverridenIconDetails,