@ds-autonomie/web-components 2.5.0 → 2.5.1

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

@@ -1,5 +1,5 @@
 import type { CSSResultGroup, PropertyValues } 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';
@@ -27,13 +27,11 @@ import type { FrenchNumberPrefix } from './input-phone.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 DSAInputPhone extends FormControlLayout implements ShoelaceFormControl {
+export default class DSAInputPhone extends InputBase implements ShoelaceFormControl {
     static styles: CSSResultGroup;
-    private readonly formControlController;
     private readonly localize;
-    inputEl: HTMLInputElement;
+    input: HTMLInputElement;
     phonePrefixEl: DSASelect;
-    private hasFocus;
     private maskedNumber;
     private phoneConfig;
     /** Placeholder text to show as a hint when the input is empty. It is also used as a template to mask the value. Alphanumeric values represent the inputed characters.*/
@@ -46,16 +44,8 @@ export default class DSAInputPhone extends FormControlLayout implements Shoelace
     phonePrefix: FrenchNumberPrefix;
     /** The current value of the phone number without its prefix */
     phoneNumber: 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;
     /** Optional input prefix to help the user understand the first digit is not needed */
     inputPrefix: 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';
     /**
      * The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox
      * inside of the viewport.
@@ -63,44 +53,23 @@ export default class DSAInputPhone extends FormControlLayout implements Shoelace
     placement: 'top-start' | 'bottom-start';
     /** Gets the validity state object */
     get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
-    firstUpdated(): void;
     connectedCallback(): void;
     private handleDocumentKeyUp;
     protected willUpdate(changedProperties: PropertyValues<this>): void;
     private setPhoneFromValue;
     private updateValue;
     private handlePhonePrefixChange;
-    private handleChange;
-    private handleKeyDown;
-    private handleFocus;
-    private handleBlur;
-    private handleInvalid;
+    protected handleChange(event: Event): void;
     private handleClearIconClick;
-    private getDescriptionIds;
+    protected getDescriptionIds(): string;
     handleDisabledChange(): void;
     updatePhoneConfig(): void;
     handleValueChange(): Promise<void>;
     handlePhoneChange(): 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-phone/input-phone.js

@@ -1,6 +1,6 @@
 import {
   DSAInputPhone
-} from "../../chunks/chunk.J5KWVZHL.js";
+} from "../../chunks/chunk.2BQQJKFU.js";
 import "../../chunks/chunk.SS3GSU3M.js";
 import "../../chunks/chunk.FN6Y2EK6.js";
 import "../../chunks/chunk.YKKP7YAT.js";
@@ -9,6 +9,7 @@ import "../../chunks/chunk.RJXLIOW7.js";
 import "../../chunks/chunk.7OLEA3GQ.js";
 import "../../chunks/chunk.2S3446TB.js";
 import "../../chunks/chunk.CUCCBQJX.js";
+import "../../chunks/chunk.YGJ3KERC.js";
 import "../../chunks/chunk.YSKD4LUA.js";
 import "../../chunks/chunk.KDSIJN5N.js";
 import "../../chunks/chunk.E73QKLNL.js";

package/cdn/components/input-time/input-time.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';
 import '../icon-button/icon-button';
 import type DSAIconButton from '../icon-button/icon-button';
@@ -30,21 +30,12 @@ import '../visually-hidden/visually-hidden';
  * @event dsa-after-hide - Emitted after the picker closes and all animations are complete.
 
  */
-export default class DSAInputTime extends FormControlLayout implements ShoelaceFormControl {
+export default class DSAInputTime extends InputBase implements ShoelaceFormControl {
     static styles: CSSResultGroup;
-    private readonly formControlController;
     private readonly localize;
-    private nativeInput;
     timePickerButton: DSAIconButton;
     popup: DSAPopup;
     private isTimePickerOpen;
-    private hasFocus;
-    /** 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;
     /** The input's minimum value. */
     min: string;
     /** The input's maximum value. */
@@ -54,65 +45,25 @@ export default class DSAInputTime extends FormControlLayout implements ShoelaceF
      * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/step) for more information.
      */
     step: number;
-    /**
-     * 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';
-    /** Gets the validity state object */
-    get validity(): ValidityState;
-    /** Gets the validation message */
-    get validationMessage(): string;
     connectedCallback(): void;
-    firstUpdated(): Promise<void>;
     private addOpenListeners;
     private removeOpenListeners;
     private handleDocumentFocusIn;
     private handleDocumentMouseDown;
     private handleDocumentKeyDown;
-    private handleInputBlur;
-    private handleInputChange;
-    private handleInputClearClick;
-    private handleInputFocus;
-    private handleInputInput;
-    private handleInputInvalid;
-    private handleInputKeyDown;
-    private getDescriptionIds;
-    handleDisabledChange(): void;
-    handleStepChange(): void;
+    protected handleKeyDown(event: KeyboardEvent): void;
+    protected getDescriptionIds(): string;
     handleValueChange(): Promise<void>;
     handleOpenChange(): 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;
     /** Shows or hides the time picker */
     private toggleTimePicker;
     /** Displays the time picker for an input element. */
     showTimePicker(): Promise<void>;
     /** Hides the time picker */
     hideTimePicker(): Promise<void>;
-    /** Passes the stepUp method to the native input element */
-    stepUp(stepNumber?: number): void;
-    /** Passes the stepDown method to the native input element */
-    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;
-    /** Sets a custom validation message. Pass an empty string to restore validity. */
-    setCustomValidity(message: string): void;
     private scrollSelectedTimeUnitsIntoView;
     private selectTimeUnit;
-    private handlePanelKeydown;
+    protected handlePanelKeydown(event: KeyboardEvent): void;
     private handlePanelClick;
     private generateTimeUnitArrays;
     private generateTimeUnitList;

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

@@ -1,9 +1,10 @@
 import {
   DSAInputTime
-} from "../../chunks/chunk.HG4TPK7J.js";
+} from "../../chunks/chunk.7CBNLWGC.js";
+import "../../chunks/chunk.WWI5IYQY.js";
 import "../../chunks/chunk.IONY2GZF.js";
-import "../../chunks/chunk.2FF44G4Y.js";
-import "../../chunks/chunk.L3ZYNSI3.js";
+import "../../chunks/chunk.YGJ3KERC.js";
+import "../../chunks/chunk.OCDDQJHV.js";
 import "../../chunks/chunk.E73QKLNL.js";
 import "../../chunks/chunk.KS7QG726.js";
 import "../../chunks/chunk.IEQULSYY.js";

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

@@ -1,7 +1,7 @@
 import {
   input_time_styles_default
-} from "../../chunks/chunk.2FF44G4Y.js";
-import "../../chunks/chunk.L3ZYNSI3.js";
+} from "../../chunks/chunk.WWI5IYQY.js";
+import "../../chunks/chunk.OCDDQJHV.js";
 import "../../chunks/chunk.IWMEHK72.js";
 import "../../chunks/chunk.PSQJDSB2.js";
 import "../../chunks/chunk.4KHZQZ3M.js";

package/cdn/components/pagination/pagination.js

@@ -5,15 +5,18 @@ import "../../chunks/chunk.A4FPLOFR.js";
 import "../../chunks/chunk.W547AC5O.js";
 import "../../chunks/chunk.2Q6V7LT2.js";
 import "../../chunks/chunk.FF4JFUUR.js";
-import "../../chunks/chunk.5F7AUS4F.js";
-import "../../chunks/chunk.HG4TPK7J.js";
+import "../../chunks/chunk.CAWNJ57J.js";
+import "../../chunks/chunk.7CBNLWGC.js";
+import "../../chunks/chunk.WWI5IYQY.js";
 import "../../chunks/chunk.IONY2GZF.js";
-import "../../chunks/chunk.2FF44G4Y.js";
-import "../../chunks/chunk.EF2VOGBL.js";
-import "../../chunks/chunk.TY7NQYTC.js";
-import "../../chunks/chunk.CMRQV2SO.js";
-import "../../chunks/chunk.L3ZYNSI3.js";
-import "../../chunks/chunk.2N65UIM6.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.TYMYQFMO.js";
 import "../../chunks/chunk.E73QKLNL.js";
 import "../../chunks/chunk.KS7QG726.js";

package/cdn/components/radio/radio.js

@@ -2,7 +2,7 @@ import {
   DSARadio
 } from "../../chunks/chunk.BPP37CID.js";
 import "../../chunks/chunk.35PPY25N.js";
-import "../../chunks/chunk.3OSWL542.js";
+import "../../chunks/chunk.53DHJKYL.js";
 import "../../chunks/chunk.VIVOXZF6.js";
 import "../../chunks/chunk.D5IL5KN6.js";
 import "../../chunks/chunk.CAYHSQZJ.js";

package/cdn/components/radio-card/radio-card.js

@@ -5,8 +5,8 @@ import "../../chunks/chunk.F6BCRVNV.js";
 import "../../chunks/chunk.CUZCVMCE.js";
 import "../../chunks/chunk.HV63L5BF.js";
 import "../../chunks/chunk.6BPVPY42.js";
-import "../../chunks/chunk.3OSWL542.js";
-import "../../chunks/chunk.H2OEFMQC.js";
+import "../../chunks/chunk.53DHJKYL.js";
+import "../../chunks/chunk.BWYI3OOJ.js";
 import "../../chunks/chunk.SCHNZ3XK.js";
 import "../../chunks/chunk.6B5RR3IS.js";
 import "../../chunks/chunk.POKFLTEE.js";

package/cdn/components/tab-group/tab-group.d.ts

@@ -44,6 +44,7 @@ export default class DSATabGroup extends ShoelaceElement {
     belowPageHeader: boolean;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private awaitAllElementsDefined;
     private getAllTabs;
     private getAllPanels;
     private getActiveTab;
@@ -55,6 +56,7 @@ export default class DSATabGroup extends ShoelaceElement {
     private setAriaLabels;
     private repositionIndicator;
     private syncTabsAndPanels;
+    private handleSlotChange;
     updateScrollControls(): void;
     syncIndicator(): void;
     /** Shows the specified tab panel. */

package/cdn/components/tab-group/tab-group.js

@@ -1,6 +1,6 @@
 import {
   DSATabGroup
-} from "../../chunks/chunk.WLND36JK.js";
+} from "../../chunks/chunk.MMT7DZQU.js";
 import "../../chunks/chunk.JUHZQETN.js";
 import "../../chunks/chunk.EMIT7S33.js";
 import "../../chunks/chunk.ZYAFL7BC.js";

package/cdn/components/table/table.js

@@ -1,7 +1,7 @@
 import {
   DSATable
-} from "../../chunks/chunk.A5QRPK4Q.js";
-import "../../chunks/chunk.5BQ2BGS6.js";
+} from "../../chunks/chunk.3XJTVFZ2.js";
+import "../../chunks/chunk.6KSC4CRL.js";
 import "../../chunks/chunk.4FQJ3QJK.js";
 import "../../chunks/chunk.DZB6XUZ7.js";
 import "../../chunks/chunk.PSQJDSB2.js";

package/cdn/components/table/table.styles.js

@@ -1,6 +1,6 @@
 import {
   table_styles_default
-} from "../../chunks/chunk.5BQ2BGS6.js";
+} from "../../chunks/chunk.6KSC4CRL.js";
 import "../../chunks/chunk.PSQJDSB2.js";
 import "../../chunks/chunk.4KHZQZ3M.js";
 import "../../chunks/chunk.7HUC6BF3.js";

package/cdn/components/table-body/table-body.js

@@ -1,8 +1,8 @@
 import {
   DSATableBody
-} from "../../chunks/chunk.BNLQUWBO.js";
-import "../../chunks/chunk.A5QRPK4Q.js";
-import "../../chunks/chunk.5BQ2BGS6.js";
+} from "../../chunks/chunk.OQUR5UM4.js";
+import "../../chunks/chunk.3XJTVFZ2.js";
+import "../../chunks/chunk.6KSC4CRL.js";
 import "../../chunks/chunk.P54A3JER.js";
 import "../../chunks/chunk.A4FPLOFR.js";
 import "../../chunks/chunk.4FQJ3QJK.js";

package/cdn/components/table-head/table-head.js

@@ -1,9 +1,9 @@
 import {
   DSATableHead
-} from "../../chunks/chunk.AJFNFADL.js";
+} from "../../chunks/chunk.QUA6RD7E.js";
 import "../../chunks/chunk.ER6BIHKN.js";
-import "../../chunks/chunk.A5QRPK4Q.js";
-import "../../chunks/chunk.5BQ2BGS6.js";
+import "../../chunks/chunk.3XJTVFZ2.js";
+import "../../chunks/chunk.6KSC4CRL.js";
 import "../../chunks/chunk.A4FPLOFR.js";
 import "../../chunks/chunk.4FQJ3QJK.js";
 import "../../chunks/chunk.DZB6XUZ7.js";

package/cdn/components/table-header-cell/table-header-cell.js

@@ -1,8 +1,8 @@
 import {
   DSATableHeaderCell
-} from "../../chunks/chunk.VRC57YIG.js";
+} from "../../chunks/chunk.NNXRECFT.js";
 import "../../chunks/chunk.GXQRCYQE.js";
-import "../../chunks/chunk.2YVHHVLG.js";
+import "../../chunks/chunk.UORXHDBJ.js";
 import "../../chunks/chunk.F53RUZFW.js";
 import "../../chunks/chunk.O3QYWWFG.js";
 import "../../chunks/chunk.S6PSIINZ.js";

package/cdn/components/table-header-cell/table-header-cell.styles.js

@@ -1,6 +1,6 @@
 import {
   table_header_cell_styles_default
-} from "../../chunks/chunk.2YVHHVLG.js";
+} from "../../chunks/chunk.UORXHDBJ.js";
 import "../../chunks/chunk.PSQJDSB2.js";
 import "../../chunks/chunk.4KHZQZ3M.js";
 import "../../chunks/chunk.7HUC6BF3.js";

package/cdn/components/table-header-row/table-header-row.js

@@ -3,21 +3,21 @@ import {
 } from "../../chunks/chunk.PZQUQ6DG.js";
 import "../../chunks/chunk.HOIWGDVX.js";
 import "../../chunks/chunk.4HCR3FZE.js";
-import "../../chunks/chunk.VRC57YIG.js";
+import "../../chunks/chunk.NNXRECFT.js";
 import "../../chunks/chunk.GXQRCYQE.js";
-import "../../chunks/chunk.2YVHHVLG.js";
+import "../../chunks/chunk.UORXHDBJ.js";
 import "../../chunks/chunk.3AD4AURN.js";
 import "../../chunks/chunk.F53RUZFW.js";
 import "../../chunks/chunk.O3QYWWFG.js";
 import "../../chunks/chunk.S6PSIINZ.js";
 import "../../chunks/chunk.4HD7RLLD.js";
 import "../../chunks/chunk.A4FPLOFR.js";
-import "../../chunks/chunk.UM64ZD3C.js";
+import "../../chunks/chunk.JUCW3BPM.js";
 import "../../chunks/chunk.7PPSHHT2.js";
-import "../../chunks/chunk.H2OEFMQC.js";
+import "../../chunks/chunk.BWYI3OOJ.js";
 import "../../chunks/chunk.YY5FKN3H.js";
 import "../../chunks/chunk.II42H5RK.js";
-import "../../chunks/chunk.5UVKMYSG.js";
+import "../../chunks/chunk.BQX4GGIU.js";
 import "../../chunks/chunk.SCHNZ3XK.js";
 import "../../chunks/chunk.6B5RR3IS.js";
 import "../../chunks/chunk.VZF3ZTED.js";

package/cdn/components/table-row/table-row.js

@@ -2,12 +2,12 @@ import {
   DSATableRow
 } from "../../chunks/chunk.HOIWGDVX.js";
 import "../../chunks/chunk.4HCR3FZE.js";
-import "../../chunks/chunk.UM64ZD3C.js";
+import "../../chunks/chunk.JUCW3BPM.js";
 import "../../chunks/chunk.7PPSHHT2.js";
-import "../../chunks/chunk.H2OEFMQC.js";
+import "../../chunks/chunk.BWYI3OOJ.js";
 import "../../chunks/chunk.YY5FKN3H.js";
 import "../../chunks/chunk.II42H5RK.js";
-import "../../chunks/chunk.5UVKMYSG.js";
+import "../../chunks/chunk.BQX4GGIU.js";
 import "../../chunks/chunk.SCHNZ3XK.js";
 import "../../chunks/chunk.6B5RR3IS.js";
 import "../../chunks/chunk.VZF3ZTED.js";

package/cdn/components/tree/tree.js

@@ -1,16 +1,16 @@
 import {
   DSATree
-} from "../../chunks/chunk.BKVL3A5I.js";
+} from "../../chunks/chunk.MRBMS4RB.js";
 import "../../chunks/chunk.MJMSFEEL.js";
-import "../../chunks/chunk.YGUWRBBP.js";
 import "../../chunks/chunk.EQH5VF5B.js";
+import "../../chunks/chunk.YGUWRBBP.js";
 import "../../chunks/chunk.HF7GESMZ.js";
-import "../../chunks/chunk.UM64ZD3C.js";
+import "../../chunks/chunk.JUCW3BPM.js";
 import "../../chunks/chunk.7PPSHHT2.js";
-import "../../chunks/chunk.H2OEFMQC.js";
+import "../../chunks/chunk.BWYI3OOJ.js";
 import "../../chunks/chunk.YY5FKN3H.js";
 import "../../chunks/chunk.II42H5RK.js";
-import "../../chunks/chunk.5UVKMYSG.js";
+import "../../chunks/chunk.BQX4GGIU.js";
 import "../../chunks/chunk.SCHNZ3XK.js";
 import "../../chunks/chunk.6B5RR3IS.js";
 import "../../chunks/chunk.VZF3ZTED.js";

package/cdn/components/tree-item/tree-item.js

@@ -2,12 +2,12 @@ import {
   DSATreeItem
 } from "../../chunks/chunk.MJMSFEEL.js";
 import "../../chunks/chunk.EQH5VF5B.js";
-import "../../chunks/chunk.UM64ZD3C.js";
+import "../../chunks/chunk.JUCW3BPM.js";
 import "../../chunks/chunk.7PPSHHT2.js";
-import "../../chunks/chunk.H2OEFMQC.js";
+import "../../chunks/chunk.BWYI3OOJ.js";
 import "../../chunks/chunk.YY5FKN3H.js";
 import "../../chunks/chunk.II42H5RK.js";
-import "../../chunks/chunk.5UVKMYSG.js";
+import "../../chunks/chunk.BQX4GGIU.js";
 import "../../chunks/chunk.SCHNZ3XK.js";
 import "../../chunks/chunk.6B5RR3IS.js";
 import "../../chunks/chunk.VZF3ZTED.js";