@ds-autonomie/web-components 1.0.1 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (149) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/dist/chunks/{chunk.K6WCEYZI.js → chunk.2CCKS3CP.js} +1 -1
  3. package/dist/chunks/{chunk.HH63FIEF.js → chunk.2DGAEK66.js} +12 -3
  4. package/dist/chunks/{chunk.O73OYTYJ.js → chunk.2HV2U4RQ.js} +2 -4
  5. package/dist/chunks/{chunk.EHVJT7BH.js → chunk.2R6P5TGQ.js} +1 -1
  6. package/dist/chunks/{chunk.KOH5V4C6.js → chunk.4MC32HP7.js} +21 -17
  7. package/dist/chunks/{chunk.BLPP3Q5H.js → chunk.5324JGM4.js} +11 -4
  8. package/dist/chunks/{chunk.WIEJJS3W.js → chunk.6BJBVSW4.js} +1 -1
  9. package/dist/chunks/{chunk.D7CATJYB.js → chunk.6IH66JBY.js} +1 -1
  10. package/dist/chunks/{chunk.YS7MY5CH.js → chunk.7EWUWW3E.js} +18 -24
  11. package/dist/chunks/chunk.7HGZSZJK.js +409 -0
  12. package/dist/chunks/{chunk.ODSCDJDO.js → chunk.ARVWTY56.js} +5 -4
  13. package/dist/chunks/{chunk.KDAK2GXX.js → chunk.AYXPVAYS.js} +1 -1
  14. package/dist/chunks/{chunk.WSVP75MH.js → chunk.CBMFAOZI.js} +1 -1
  15. package/dist/chunks/chunk.CMJ2SRTL.js +26 -0
  16. package/dist/chunks/{chunk.DURVPB6M.js → chunk.D6DEGG4H.js} +25 -6
  17. package/dist/chunks/{chunk.MY434P47.js → chunk.DFTZEFHF.js} +2 -2
  18. package/dist/chunks/{chunk.4XT2OJD2.js → chunk.DZWH4V6H.js} +8 -4
  19. package/dist/chunks/{chunk.NDEZEB3Z.js → chunk.EDRQ2QWB.js} +10 -5
  20. package/dist/chunks/{chunk.XSCX6TC5.js → chunk.EXIGM5NV.js} +4 -1
  21. package/dist/chunks/{chunk.OVK7QCA7.js → chunk.F4XMSVNF.js} +13 -9
  22. package/dist/chunks/{chunk.4A3WMGMZ.js → chunk.FHDPJN6L.js} +1 -1
  23. package/dist/chunks/{chunk.ABGBXXKA.js → chunk.FTWZNCEH.js} +1 -1
  24. package/dist/chunks/{chunk.6FAUBLR3.js → chunk.G3ESG6Q5.js} +1 -1
  25. package/dist/chunks/{chunk.PWWER3ZK.js → chunk.GJCVGGCP.js} +48 -24
  26. package/dist/chunks/{chunk.WHK7EFIM.js → chunk.GP5Z27QB.js} +7 -4
  27. package/dist/chunks/{chunk.UA32LJYW.js → chunk.HEOTAAPU.js} +2 -2
  28. package/dist/chunks/{chunk.JETXIC4F.js → chunk.HPK6C7NJ.js} +1 -1
  29. package/dist/chunks/{chunk.A2PAK6VF.js → chunk.ILUHEJYG.js} +2 -2
  30. package/dist/chunks/{chunk.5XL2LZLC.js → chunk.IQ7SDYSC.js} +4 -0
  31. package/dist/chunks/{chunk.GYTA2LJC.js → chunk.J6XP4AFN.js} +1 -1
  32. package/dist/chunks/{chunk.UZLQVFDR.js → chunk.L6LQN6AI.js} +2 -2
  33. package/dist/chunks/{chunk.BEB47LM2.js → chunk.LSKBY2HF.js} +2 -2
  34. package/dist/chunks/{chunk.WNHQYL5W.js → chunk.MTZZV3NB.js} +4 -20
  35. package/dist/chunks/{chunk.7ZCCXTFG.js → chunk.NBQ3AEK6.js} +2 -2
  36. package/dist/chunks/{chunk.HC5BO5YV.js → chunk.NHYFVEGM.js} +5 -16
  37. package/dist/chunks/{chunk.QKNNLZ2M.js → chunk.NKPNQBLW.js} +5 -5
  38. package/dist/chunks/{chunk.MOWTZFON.js → chunk.NKVYNBAI.js} +1 -1
  39. package/dist/chunks/{chunk.7NWAYDYI.js → chunk.NOEQVLAW.js} +3 -3
  40. package/dist/chunks/{chunk.INCGVIAQ.js → chunk.QSPKKO3T.js} +1 -1
  41. package/dist/chunks/chunk.R37CT3PN.js +865 -0
  42. package/dist/chunks/{chunk.IRQOFNJE.js → chunk.RSJYKNXT.js} +8 -3
  43. package/dist/chunks/{chunk.5XUV3SRW.js → chunk.ST2QYN4S.js} +11 -6
  44. package/dist/chunks/{chunk.LT7JMZ3T.js → chunk.T7JSALXE.js} +2 -2
  45. package/dist/chunks/{chunk.N6VVY6XD.js → chunk.U5KRBVRP.js} +6 -3
  46. package/dist/chunks/{chunk.5LT3B7MI.js → chunk.UQYPPFBJ.js} +1 -1
  47. package/dist/chunks/{chunk.2HUORR44.js → chunk.V6V7AGDB.js} +1 -1
  48. package/dist/chunks/{chunk.UV53JTE3.js → chunk.VIULAG23.js} +1 -1
  49. package/dist/chunks/{chunk.42W4S2HN.js → chunk.VM355VAS.js} +1 -1
  50. package/dist/chunks/{chunk.G7AELPSO.js → chunk.VRU3XH45.js} +4 -4
  51. package/dist/chunks/{chunk.HLYGKGDG.js → chunk.W74UQSZJ.js} +8 -5
  52. package/dist/chunks/{chunk.AR5HJD7F.js → chunk.X6RQ2SQC.js} +1 -1
  53. package/dist/chunks/chunk.ZQJVCRB2.js +10 -0
  54. package/dist/chunks/{chunk.RIJQGADY.js → chunk.ZW4JE66G.js} +11 -4
  55. package/dist/components/accordion/accordion.js +7 -7
  56. package/dist/components/alert/alert.js +9 -8
  57. package/dist/components/animation/animation.js +2 -2
  58. package/dist/components/avatar/avatar.d.ts +1 -1
  59. package/dist/components/avatar/avatar.js +7 -6
  60. package/dist/components/avatar-group/avatar-group.d.ts +1 -1
  61. package/dist/components/badge/badge.d.ts +1 -1
  62. package/dist/components/breadcrumb/breadcrumb.js +7 -7
  63. package/dist/components/breadcrumb-item/breadcrumb-item.js +2 -2
  64. package/dist/components/button/button.js +9 -8
  65. package/dist/components/checkbox/checkbox.js +8 -7
  66. package/dist/components/checkbox-button/checkbox-button.js +6 -6
  67. package/dist/components/checkbox-group/checkbox-group.d.ts +1 -0
  68. package/dist/components/checkbox-group/checkbox-group.js +3 -3
  69. package/dist/components/combobox/combobox.d.ts +175 -0
  70. package/dist/components/combobox/combobox.js +37 -0
  71. package/dist/components/combobox/combobox.styles.d.ts +2 -0
  72. package/dist/components/combobox/combobox.styles.js +9 -0
  73. package/dist/components/dialog/dialog.js +9 -8
  74. package/dist/components/divider/divider.d.ts +1 -1
  75. package/dist/components/drawer/drawer.js +10 -9
  76. package/dist/components/dropdown/dropdown.js +3 -3
  77. package/dist/components/format-bytes/format-bytes.js +2 -2
  78. package/dist/components/format-date/format-date.js +2 -2
  79. package/dist/components/format-number/format-number.js +2 -2
  80. package/dist/components/icon/icon.js +5 -5
  81. package/dist/components/icon-button/icon-button.d.ts +1 -1
  82. package/dist/components/icon-button/icon-button.js +7 -6
  83. package/dist/components/include/include.js +2 -2
  84. package/dist/components/input/input.d.ts +1 -1
  85. package/dist/components/input/input.js +10 -9
  86. package/dist/components/input/input.styles.js +1 -1
  87. package/dist/components/input-mask/input-mask.d.ts +1 -0
  88. package/dist/components/input-mask/input-mask.js +6 -5
  89. package/dist/components/input-mask/input-mask.styles.js +1 -1
  90. package/dist/components/input-phone/input-phone.d.ts +1 -1
  91. package/dist/components/input-phone/input-phone.js +24 -23
  92. package/dist/components/input-phone/input-phone.styles.js +1 -1
  93. package/dist/components/menu/menu.d.ts +1 -1
  94. package/dist/components/menu-item/menu-item.d.ts +1 -1
  95. package/dist/components/menu-item/menu-item.js +6 -6
  96. package/dist/components/menu-label/menu-label.d.ts +1 -1
  97. package/dist/components/mutation-observer/mutation-observer.js +2 -2
  98. package/dist/components/option/option.js +8 -8
  99. package/dist/components/option/option.styles.js +1 -1
  100. package/dist/components/progress-bar/progress-bar.d.ts +1 -1
  101. package/dist/components/progress-bar/progress-bar.js +3 -2
  102. package/dist/components/progress-ring/progress-ring.d.ts +1 -2
  103. package/dist/components/progress-ring/progress-ring.js +2 -2
  104. package/dist/components/radio/radio.js +6 -6
  105. package/dist/components/radio-button/radio-button.js +2 -2
  106. package/dist/components/radio-group/radio-group.js +2 -2
  107. package/dist/components/relative-time/relative-time.js +2 -2
  108. package/dist/components/resize-observer/resize-observer.js +2 -2
  109. package/dist/components/select/select.d.ts +4 -0
  110. package/dist/components/select/select.js +13 -12
  111. package/dist/components/select/select.styles.js +1 -1
  112. package/dist/components/skeleton/skeleton.d.ts +1 -1
  113. package/dist/components/spinner/spinner.js +2 -2
  114. package/dist/components/tab/tab.d.ts +1 -1
  115. package/dist/components/tab/tab.js +3 -3
  116. package/dist/components/tab-group/tab-group.d.ts +1 -1
  117. package/dist/components/tab-group/tab-group.js +3 -3
  118. package/dist/components/tab-panel/tab-panel.d.ts +1 -1
  119. package/dist/components/tab-panel/tab-panel.js +2 -2
  120. package/dist/components/tag/tag.js +9 -8
  121. package/dist/components/textarea/textarea.d.ts +1 -0
  122. package/dist/components/textarea/textarea.js +4 -3
  123. package/dist/components/tooltip/tooltip.js +3 -3
  124. package/dist/components/tree/tree.d.ts +2 -1
  125. package/dist/components/tree/tree.js +12 -11
  126. package/dist/components/tree-item/tree-item.d.ts +1 -1
  127. package/dist/components/tree-item/tree-item.js +11 -10
  128. package/dist/custom-elements.json +1104 -74
  129. package/dist/design-system.d.ts +1 -0
  130. package/dist/design-system.js +96 -90
  131. package/dist/internal/debounce.d.ts +1 -1
  132. package/dist/internal/debounce.js +3 -3
  133. package/dist/internal/default-value.d.ts +1 -1
  134. package/dist/internal/default-value.js +24 -21
  135. package/dist/internal/watch.js +1 -1
  136. package/dist/themes/dsa-wc-theme.css +37 -6
  137. package/dist/themes/dsa-wc-theme.min.css +1 -1
  138. package/dist/themes/dsa-wc-theme.styles.js +43 -6
  139. package/dist/translations/en-gb.js +1 -1
  140. package/dist/translations/en.js +1 -1
  141. package/dist/translations/fr.js +1 -1
  142. package/dist/utilities/directives.d.ts +1 -0
  143. package/dist/utilities/directives.js +7 -0
  144. package/dist/utilities/localize.d.ts +2 -0
  145. package/dist/utilities/localize.js +1 -1
  146. package/dist/vscode.html-custom-data.json +130 -6
  147. package/dist/web-types.json +618 -9
  148. package/package.json +1 -1
  149. package/dist/chunks/chunk.GI7VDIWX.js +0 -24
@@ -1,25 +1,28 @@
1
1
  import {
2
2
  input_mask_styles_default
3
- } from "./chunk.O73OYTYJ.js";
3
+ } from "./chunk.2HV2U4RQ.js";
4
4
  import {
5
5
  getMaskedValue,
6
6
  stripSpecialChars
7
7
  } from "./chunk.SQMWMSBA.js";
8
8
  import {
9
9
  defaultValue
10
- } from "./chunk.GI7VDIWX.js";
10
+ } from "./chunk.CMJ2SRTL.js";
11
11
  import {
12
12
  FormControlController
13
13
  } from "./chunk.KIFBWPW5.js";
14
14
  import {
15
15
  HasSlotController
16
16
  } from "./chunk.YIY5RM53.js";
17
+ import {
18
+ ifDefinedAndNotEmpty
19
+ } from "./chunk.ZQJVCRB2.js";
17
20
  import {
18
21
  LocalizeController
19
- } from "./chunk.5XL2LZLC.js";
22
+ } from "./chunk.IQ7SDYSC.js";
20
23
  import {
21
24
  watch
22
- } from "./chunk.D7CATJYB.js";
25
+ } from "./chunk.6IH66JBY.js";
23
26
  import {
24
27
  ShoelaceElement
25
28
  } from "./chunk.YCXTCVAZ.js";
@@ -277,8 +280,8 @@ var DSAInputMask = class extends ShoelaceElement {
277
280
  "input-mask__control-with-prefix": hasPrefixIcon
278
281
  })}
279
282
  type="text"
280
- title=${hasLabel ? void 0 : this.title}
281
- name=${ifDefined(this.name)}
283
+ title=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
284
+ name=${ifDefinedAndNotEmpty(this.name)}
282
285
  ?disabled=${this.disabled}
283
286
  ?readonly=${this.readonly}
284
287
  ?required=${this.required}
@@ -294,8 +297,10 @@ var DSAInputMask = class extends ShoelaceElement {
294
297
  spellcheck=${this.spellcheck}
295
298
  enterkeyhint=${ifDefined(this.enterkeyhint)}
296
299
  inputmode=${this.inputmode}
297
- aria-label=${hasLabel ? void 0 : this.title}
298
- aria-describedby=${this.error ? "error-text help-text" : "help-text"}
300
+ aria-label=${ifDefinedAndNotEmpty(
301
+ hasLabel ? void 0 : this.title
302
+ )}
303
+ aria-describedby=${this.error ? "input-mask error-text help-text" : "input-mask help-text"}
299
304
  @change=${this.handleChange}
300
305
  @input=${this.handleInput}
301
306
  @invalid=${this.handleInvalid}
@@ -313,7 +318,6 @@ var DSAInputMask = class extends ShoelaceElement {
313
318
  type="button"
314
319
  aria-label=${this.localize.term("clearEntry")}
315
320
  @click=${this.handleClearClick}
316
- tabindex="-1"
317
321
  >
318
322
  <slot name="clear-icon">
319
323
  <dsa-icon name="close"></dsa-icon>
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.XNEONNEJ.js";
7
7
  import {
8
8
  watch
9
- } from "./chunk.D7CATJYB.js";
9
+ } from "./chunk.6IH66JBY.js";
10
10
  import {
11
11
  ShoelaceElement
12
12
  } from "./chunk.YCXTCVAZ.js";
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.YIY5RM53.js";
7
7
  import {
8
8
  watch
9
- } from "./chunk.D7CATJYB.js";
9
+ } from "./chunk.6IH66JBY.js";
10
10
  import {
11
11
  ShoelaceElement
12
12
  } from "./chunk.YCXTCVAZ.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.RMCOWJOW.js";
4
4
  import {
5
5
  watch
6
- } from "./chunk.D7CATJYB.js";
6
+ } from "./chunk.6IH66JBY.js";
7
7
  import {
8
8
  ShoelaceElement
9
9
  } from "./chunk.YCXTCVAZ.js";
@@ -1,18 +1,21 @@
1
1
  import {
2
2
  select_styles_default
3
- } from "./chunk.DURVPB6M.js";
4
- import {
5
- defaultValue
6
- } from "./chunk.GI7VDIWX.js";
3
+ } from "./chunk.D6DEGG4H.js";
7
4
  import {
8
5
  scrollIntoView
9
6
  } from "./chunk.EMIT7S33.js";
7
+ import {
8
+ defaultValue
9
+ } from "./chunk.CMJ2SRTL.js";
10
10
  import {
11
11
  FormControlController
12
12
  } from "./chunk.KIFBWPW5.js";
13
13
  import {
14
14
  HasSlotController
15
15
  } from "./chunk.YIY5RM53.js";
16
+ import {
17
+ ifDefinedAndNotEmpty
18
+ } from "./chunk.ZQJVCRB2.js";
16
19
  import {
17
20
  waitForEvent
18
21
  } from "./chunk.B4BZKR24.js";
@@ -26,10 +29,10 @@ import {
26
29
  } from "./chunk.V7RJROLH.js";
27
30
  import {
28
31
  LocalizeController
29
- } from "./chunk.5XL2LZLC.js";
32
+ } from "./chunk.IQ7SDYSC.js";
30
33
  import {
31
34
  watch
32
- } from "./chunk.D7CATJYB.js";
35
+ } from "./chunk.6IH66JBY.js";
33
36
  import {
34
37
  ShoelaceElement
35
38
  } from "./chunk.YCXTCVAZ.js";
@@ -41,6 +44,7 @@ import {
41
44
  import { html } from "lit";
42
45
  import { customElement, property, query, state } from "lit/decorators.js";
43
46
  import { classMap } from "lit/directives/class-map.js";
47
+ import { ifDefined } from "lit/directives/if-defined.js";
44
48
  var DSASelect = class extends ShoelaceElement {
45
49
  constructor() {
46
50
  super(...arguments);
@@ -67,6 +71,7 @@ var DSASelect = class extends ShoelaceElement {
67
71
  this.variant = "base";
68
72
  this.maxOptionsVisible = 3;
69
73
  this.disabled = false;
74
+ this.readonly = false;
70
75
  this.clearable = false;
71
76
  this.open = false;
72
77
  this.hoist = false;
@@ -127,8 +132,10 @@ var DSASelect = class extends ShoelaceElement {
127
132
  if (isClearButton || isIconButton) {
128
133
  return;
129
134
  }
130
- if (event.key === "Escape" && this.open) {
131
- event.preventDefault();
135
+ if (this.open && (event.key === "Tab" || event.key === "Escape")) {
136
+ if (event.key === "Escape") {
137
+ event.preventDefault();
138
+ }
132
139
  event.stopPropagation();
133
140
  this.hide();
134
141
  this.displayInput.focus({ preventScroll: true });
@@ -229,7 +236,7 @@ var DSASelect = class extends ShoelaceElement {
229
236
  const isIconButton = path.some(
230
237
  (el) => el instanceof Element && el.tagName.toLowerCase() === "dsa-icon-button"
231
238
  );
232
- if (this.disabled || isIconButton) {
239
+ if (this.readonly || this.disabled || isIconButton) {
233
240
  return;
234
241
  }
235
242
  event.preventDefault();
@@ -379,6 +386,12 @@ var DSASelect = class extends ShoelaceElement {
379
386
  this.handleOpenChange();
380
387
  }
381
388
  }
389
+ handleReadonlyChange() {
390
+ if (this.readonly) {
391
+ this.open = false;
392
+ this.handleOpenChange();
393
+ }
394
+ }
382
395
  handleValueChange() {
383
396
  const allOptions = this.getAllOptions();
384
397
  const value = Array.isArray(this.value) ? this.value : [this.value];
@@ -387,7 +400,7 @@ var DSASelect = class extends ShoelaceElement {
387
400
  );
388
401
  }
389
402
  async handleOpenChange() {
390
- if (this.open && !this.disabled) {
403
+ if (this.open && !this.disabled && !this.readonly) {
391
404
  this.setCurrentOption(this.selectedOptions[0] || this.getFirstOption());
392
405
  this.emit("dsa-show");
393
406
  this.addOpenListeners();
@@ -420,7 +433,7 @@ var DSASelect = class extends ShoelaceElement {
420
433
  }
421
434
  /** Shows the listbox. */
422
435
  async show() {
423
- if (this.open || this.disabled) {
436
+ if (this.open || this.disabled || this.readonly) {
424
437
  this.open = false;
425
438
  return void 0;
426
439
  }
@@ -429,7 +442,7 @@ var DSASelect = class extends ShoelaceElement {
429
442
  }
430
443
  /** Hides the listbox. */
431
444
  async hide() {
432
- if (!this.open || this.disabled) {
445
+ if (!this.open || this.disabled || this.readonly) {
433
446
  this.open = false;
434
447
  return void 0;
435
448
  }
@@ -467,16 +480,18 @@ var DSASelect = class extends ShoelaceElement {
467
480
  const hasHelpTextSlot = this.hasSlotController.test("help-text");
468
481
  const hasLabel = this.label ? true : !!hasLabelSlot;
469
482
  const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;
470
- const hasClearIcon = this.clearable && !this.disabled && isValueDefined;
483
+ const hasClearIcon = this.clearable && !this.disabled && !this.readonly && isValueDefined;
471
484
  const isPlaceholderVisible = this.placeholder && this.value.length === 0;
472
485
  const selectInputWidth = this.displayValue ? isValueDefined ? this.value.length : 1 : void 0;
486
+ const isDisabledOrReadonly = this.disabled || this.readonly;
473
487
  return html`
474
488
  <div
475
489
  part="form-control"
476
490
  class=${classMap({
477
491
  "form-control": true,
478
- "form-control--error": this.error,
492
+ "form-control--error": this.error && !isDisabledOrReadonly,
479
493
  "form-control--disabled": this.disabled,
494
+ "form-control--readonly": this.readonly,
480
495
  "form-control--small": this.size === "small",
481
496
  "form-control--medium": this.size === "medium",
482
497
  "form-control--large": this.size === "large",
@@ -506,6 +521,7 @@ var DSASelect = class extends ShoelaceElement {
506
521
  "select--error": this.error,
507
522
  "select--open": this.open,
508
523
  "select--disabled": this.disabled,
524
+ "select--readonly": this.readonly,
509
525
  "select--multiple": this.multiple,
510
526
  "select--focused": this.hasFocus,
511
527
  "select--placeholder-visible": isPlaceholderVisible,
@@ -546,20 +562,24 @@ var DSASelect = class extends ShoelaceElement {
546
562
  class="select__display-input"
547
563
  type="text"
548
564
  placeholder=${this.placeholder}
549
- .disabled=${this.disabled}
565
+ .disabled=${isDisabledOrReadonly}
550
566
  .value=${this.displayValue ? this.value : this.displayLabel}
551
- size=${selectInputWidth}
567
+ size=${ifDefined(selectInputWidth)}
552
568
  autocomplete="off"
553
569
  spellcheck="false"
554
570
  autocapitalize="off"
555
571
  readonly
556
- title=${hasLabel ? void 0 : this.title}
572
+ title=${ifDefinedAndNotEmpty(hasLabel ? void 0 : this.title)}
557
573
  aria-controls="listbox"
558
574
  aria-expanded=${this.open ? "true" : "false"}
559
575
  aria-haspopup="listbox"
560
- aria-labelledby=${hasLabel ? "label" : void 0}
561
- aria-label=${hasLabel ? void 0 : this.title}
562
- aria-disabled=${this.disabled ? "true" : "false"}
576
+ aria-labelledby=${ifDefinedAndNotEmpty(
577
+ hasLabel ? "label" : void 0
578
+ )}
579
+ aria-label=${ifDefinedAndNotEmpty(
580
+ hasLabel ? void 0 : this.title
581
+ )}
582
+ aria-disabled=${isDisabledOrReadonly ? "true" : "false"}
563
583
  aria-describedby="help-text"
564
584
  role="combobox"
565
585
  tabindex="0"
@@ -607,7 +627,7 @@ var DSASelect = class extends ShoelaceElement {
607
627
  <input
608
628
  class="select__value-input"
609
629
  type="text"
610
- ?disabled=${this.disabled}
630
+ ?disabled=${isDisabledOrReadonly}
611
631
  ?required=${this.required}
612
632
  .value=${Array.isArray(this.value) ? this.value.join(", ") : this.value}
613
633
  tabindex="-1"
@@ -624,12 +644,10 @@ var DSASelect = class extends ShoelaceElement {
624
644
  aria-label=${this.localize.term("clearEntry")}
625
645
  @mousedown=${this.handleClearMouseDown}
626
646
  @click=${this.handleClearClick}
627
- tabindex="-1"
628
647
  >
629
648
  <dsa-icon name="close"></dsa-icon>
630
649
  </button>
631
650
  ` : ""}
632
-
633
651
  <dsa-icon
634
652
  class="select__expand-icon"
635
653
  name="arrow_drop_down"
@@ -660,7 +678,7 @@ var DSASelect = class extends ShoelaceElement {
660
678
  ${this.helpText}
661
679
  </slot>
662
680
 
663
- ${this.error && !this.disabled ? html`<dsa-error-text
681
+ ${this.error && !isDisabledOrReadonly ? html`<dsa-error-text
664
682
  part="form-control-error-text"
665
683
  class="form-control__error-text"
666
684
  >${this.errorMessage}</dsa-error-text
@@ -738,6 +756,9 @@ __decorateClass([
738
756
  __decorateClass([
739
757
  property({ type: Boolean, reflect: true })
740
758
  ], DSASelect.prototype, "disabled", 2);
759
+ __decorateClass([
760
+ property({ type: Boolean })
761
+ ], DSASelect.prototype, "readonly", 2);
741
762
  __decorateClass([
742
763
  property({ type: Boolean })
743
764
  ], DSASelect.prototype, "clearable", 2);
@@ -777,6 +798,9 @@ __decorateClass([
777
798
  __decorateClass([
778
799
  watch("disabled", { waitUntilFirstUpdate: true })
779
800
  ], DSASelect.prototype, "handleDisabledChange", 1);
801
+ __decorateClass([
802
+ watch("readonly", { waitUntilFirstUpdate: true })
803
+ ], DSASelect.prototype, "handleReadonlyChange", 1);
780
804
  __decorateClass([
781
805
  watch("value", { waitUntilFirstUpdate: true })
782
806
  ], DSASelect.prototype, "handleValueChange", 1);
@@ -1,15 +1,18 @@
1
1
  import {
2
2
  defaultValue
3
- } from "./chunk.GI7VDIWX.js";
3
+ } from "./chunk.CMJ2SRTL.js";
4
4
  import {
5
5
  FormControlController
6
6
  } from "./chunk.KIFBWPW5.js";
7
7
  import {
8
8
  checkbox_styles_default
9
9
  } from "./chunk.WE6IG5XG.js";
10
+ import {
11
+ ifDefinedAndNotEmpty
12
+ } from "./chunk.ZQJVCRB2.js";
10
13
  import {
11
14
  watch
12
- } from "./chunk.D7CATJYB.js";
15
+ } from "./chunk.6IH66JBY.js";
13
16
  import {
14
17
  ShoelaceElement
15
18
  } from "./chunk.YCXTCVAZ.js";
@@ -150,8 +153,8 @@ var DSACheckbox = class extends ShoelaceElement {
150
153
  <input
151
154
  class="checkbox__input"
152
155
  type="checkbox"
153
- title=${this.title}
154
- name=${this.name}
156
+ title=${ifDefinedAndNotEmpty(this.title)}
157
+ name=${ifDefinedAndNotEmpty(this.name)}
155
158
  value=${ifDefined(this.value)}
156
159
  .indeterminate=${live(this.indeterminate)}
157
160
  .checked=${live(this.checked)}
@@ -15,10 +15,10 @@ import {
15
15
  } from "./chunk.V7RJROLH.js";
16
16
  import {
17
17
  LocalizeController
18
- } from "./chunk.5XL2LZLC.js";
18
+ } from "./chunk.IQ7SDYSC.js";
19
19
  import {
20
20
  watch
21
- } from "./chunk.D7CATJYB.js";
21
+ } from "./chunk.6IH66JBY.js";
22
22
  import {
23
23
  ShoelaceElement
24
24
  } from "./chunk.YCXTCVAZ.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.VFYKLPN2.js";
4
4
  import {
5
5
  watch
6
- } from "./chunk.D7CATJYB.js";
6
+ } from "./chunk.6IH66JBY.js";
7
7
  import {
8
8
  ShoelaceElement
9
9
  } from "./chunk.YCXTCVAZ.js";
@@ -11,13 +11,13 @@ import {
11
11
  } from "./chunk.V7RJROLH.js";
12
12
  import {
13
13
  LocalizeController
14
- } from "./chunk.5XL2LZLC.js";
14
+ } from "./chunk.IQ7SDYSC.js";
15
15
  import {
16
16
  alert_styles_default
17
17
  } from "./chunk.Z6TBD2AC.js";
18
18
  import {
19
19
  watch
20
- } from "./chunk.D7CATJYB.js";
20
+ } from "./chunk.6IH66JBY.js";
21
21
  import {
22
22
  ShoelaceElement
23
23
  } from "./chunk.YCXTCVAZ.js";
@@ -31,9 +31,11 @@ var translation = {
31
31
  scrollToEnd: `Faire d\xE9filer jusqu'\xE0 la fin`,
32
32
  scrollToStart: `Faire d\xE9filer jusqu'au d\xE9but`,
33
33
  selectAColorFromTheScreen: `S\xE9lectionnez une couleur \xE0 l'\xE9cran`,
34
+ selectATime: "S\xE9lectionnez une heure",
34
35
  showPassword: "Montrer le mot de passe",
35
36
  slideNum: (slide) => `Diapositive ${slide}`,
36
37
  toggleColorFormat: "Changer le format de couleur",
38
+ noMatchFound: "Aucune correspondance trouv\xE9e",
37
39
  // countries
38
40
  fr_FR: "France",
39
41
  fr_GP: "Guadeloupe",
@@ -79,9 +81,11 @@ var translation2 = {
79
81
  scrollToEnd: "Scroll to end",
80
82
  scrollToStart: "Scroll to start",
81
83
  selectAColorFromTheScreen: "Select a color from the screen",
84
+ selectATime: "Select a time",
82
85
  showPassword: "Show password",
83
86
  slideNum: (slide) => `Slide ${slide}`,
84
87
  toggleColorFormat: "Toggle color format",
88
+ noMatchFound: "No match found",
85
89
  // countries
86
90
  fr_FR: "France",
87
91
  fr_GP: "Guadeloupe",
@@ -6,7 +6,7 @@ import {
6
6
  } from "./chunk.YIY5RM53.js";
7
7
  import {
8
8
  watch
9
- } from "./chunk.D7CATJYB.js";
9
+ } from "./chunk.6IH66JBY.js";
10
10
  import {
11
11
  ShoelaceElement
12
12
  } from "./chunk.YCXTCVAZ.js";
@@ -6,10 +6,10 @@ import {
6
6
  } from "./chunk.EMIT7S33.js";
7
7
  import {
8
8
  LocalizeController
9
- } from "./chunk.5XL2LZLC.js";
9
+ } from "./chunk.IQ7SDYSC.js";
10
10
  import {
11
11
  watch
12
- } from "./chunk.D7CATJYB.js";
12
+ } from "./chunk.6IH66JBY.js";
13
13
  import {
14
14
  ShoelaceElement
15
15
  } from "./chunk.YCXTCVAZ.js";
@@ -15,10 +15,10 @@ import {
15
15
  } from "./chunk.V7RJROLH.js";
16
16
  import {
17
17
  LocalizeController
18
- } from "./chunk.5XL2LZLC.js";
18
+ } from "./chunk.IQ7SDYSC.js";
19
19
  import {
20
20
  watch
21
- } from "./chunk.D7CATJYB.js";
21
+ } from "./chunk.6IH66JBY.js";
22
22
  import {
23
23
  ShoelaceElement
24
24
  } from "./chunk.YCXTCVAZ.js";
@@ -102,8 +102,8 @@ var input_styles_default = css`
102
102
  }
103
103
 
104
104
  .input--on-base.input--readonly {
105
- background-color: var(--dsa-wc-input-on-base-locked-background-color);
106
- border-color: var(--dsa-wc-input-on-base-locked-border-color);
105
+ background-color: var(--dsa-wc-input-on-base-read-only-background-color);
106
+ border-color: var(--dsa-wc-input-on-base-read-only-border-color);
107
107
  }
108
108
 
109
109
  .input--error.input--on-base:not(.input--disabled):not(.input--readonly) {
@@ -196,22 +196,9 @@ var input_styles_default = css`
196
196
 
197
197
  .form-control--has-prefix-icon .input__control {
198
198
  padding-left: calc(
199
- 1.25rem + var(--dsa-wc-input-padding-x) + var(--dsa-wc-input-spacing-left)
199
+ 1rem + var(--dsa-wc-input-padding-x) + var(--dsa-wc-input-spacing-left)
200
200
  );
201
201
  }
202
- .form-control--has-hide-icon .input__control {
203
- --dsa-input-suffix-icon-padding: calc(
204
- 1.25rem + var(--dsa-wc-input-padding-x)
205
- );
206
- --dsa-input-suffix-icon-count: 1;
207
- padding-right: calc(
208
- var(--dsa-input-suffix-icon-count) * var(--dsa-input-suffix-icon-padding) +
209
- var(--dsa-wc-input-spacing-left)
210
- );
211
- }
212
- .form-control--has-hide-icon.form-control--has-clear-icon .input__control {
213
- --dsa-input-suffix-icon-count: 2;
214
- }
215
202
 
216
203
  .input--small .input__control {
217
204
  height: calc(
@@ -246,7 +233,6 @@ var input_styles_default = css`
246
233
  display: inline-flex;
247
234
  align-items: center;
248
235
  justify-content: center;
249
- font-size: 1.25rem;
250
236
  color: var(--dsa-color-input-icon-on-base-enabled);
251
237
  border: none;
252
238
  background: none;
@@ -264,8 +250,7 @@ var input_styles_default = css`
264
250
  * Custom styling for Date and Time type
265
251
  */
266
252
 
267
- input[type='time']::-webkit-calendar-picker-indicator,
268
- input[type='date']::-webkit-calendar-picker-indicator {
253
+ input[type='time']::-webkit-calendar-picker-indicator {
269
254
  display: none;
270
255
  }
271
256
 
@@ -273,7 +258,6 @@ var input_styles_default = css`
273
258
  .input__prefix {
274
259
  color: var(--dsa-wc-input-icon-color);
275
260
  pointer-events: none;
276
- font-size: 1.25rem;
277
261
  }
278
262
 
279
263
  .input__prefix,
@@ -12,10 +12,10 @@ import {
12
12
  } from "./chunk.V7RJROLH.js";
13
13
  import {
14
14
  LocalizeController
15
- } from "./chunk.5XL2LZLC.js";
15
+ } from "./chunk.IQ7SDYSC.js";
16
16
  import {
17
17
  watch
18
- } from "./chunk.D7CATJYB.js";
18
+ } from "./chunk.6IH66JBY.js";
19
19
  import {
20
20
  ShoelaceElement
21
21
  } from "./chunk.YCXTCVAZ.js";
@@ -126,8 +126,8 @@ var input_phone_styles_default = css`
126
126
  cursor: not-allowed;
127
127
  }
128
128
  .input-phone--on-base.input-phone--readonly {
129
- background-color: var(--dsa-wc-input-on-base-locked-background-color);
130
- border-color: var(--dsa-wc-input-on-base-locked-border-color);
129
+ background-color: var(--dsa-wc-input-on-base-read-only-background-color);
130
+ border-color: var(--dsa-wc-input-on-base-read-only-border-color);
131
131
  }
132
132
 
133
133
  .input-phone--on-base .input-phone__placeholder {
@@ -288,10 +288,10 @@ var input_phone_styles_default = css`
288
288
 
289
289
  .form-control--readonly:not(form-control--disabled) dsa-select {
290
290
  --dsa-wc-internal-select-on-base-disabled-background-color: var(
291
- --dsa-wc-input-on-base-locked-background-color
291
+ --dsa-wc-input-on-base-read-only-background-color
292
292
  );
293
293
  --dsa-wc-internal-select-on-base-disabled-border-color: var(
294
- --dsa-wc-input-on-base-locked-border-color
294
+ --dsa-wc-input-on-base-read-only-border-color
295
295
  );
296
296
 
297
297
  --dsa-wc-internal-select-on-layer-disabled-background-color: var(
@@ -358,7 +358,7 @@ var input_phone_styles_default = css`
358
358
  */
359
359
 
360
360
  .input-phone__clear {
361
- font-size: 1.25rem;
361
+ z-index: var(--dsa-wc-input-mask-clear-icon-z-index);
362
362
  }
363
363
 
364
364
  .input-phone__clear::part(base) {
@@ -377,17 +377,6 @@ var input_phone_styles_default = css`
377
377
  ::-ms-reveal {
378
378
  display: none;
379
379
  }
380
- /* Prefix */
381
- .input-phone__prefix-icon,
382
- .input-phone__prefix {
383
- color: var(--dsa-wc-input-icon-color);
384
- cursor: none;
385
- font-size: 1.25rem;
386
- }
387
-
388
- .input-phone__prefix::slotted(*) {
389
- margin-inline-end: var(--dsa-wc-input-phone-prefix-margin-inline-end);
390
- }
391
380
 
392
381
  /* Mask */
393
382
 
@@ -1,15 +1,15 @@
1
+ import {
2
+ DSATreeItem
3
+ } from "./chunk.NBQ3AEK6.js";
1
4
  import {
2
5
  tree_styles_default
3
6
  } from "./chunk.73T7TU6S.js";
4
- import {
5
- DSATreeItem
6
- } from "./chunk.7ZCCXTFG.js";
7
7
  import {
8
8
  LocalizeController
9
- } from "./chunk.5XL2LZLC.js";
9
+ } from "./chunk.IQ7SDYSC.js";
10
10
  import {
11
11
  watch
12
- } from "./chunk.D7CATJYB.js";
12
+ } from "./chunk.6IH66JBY.js";
13
13
  import {
14
14
  ShoelaceElement
15
15
  } from "./chunk.YCXTCVAZ.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.5WAZTHII.js";
4
4
  import {
5
5
  watch
6
- } from "./chunk.D7CATJYB.js";
6
+ } from "./chunk.6IH66JBY.js";
7
7
  import {
8
8
  ShoelaceElement
9
9
  } from "./chunk.YCXTCVAZ.js";
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  option_styles_default
3
- } from "./chunk.HH63FIEF.js";
3
+ } from "./chunk.2DGAEK66.js";
4
4
  import {
5
5
  LocalizeController
6
- } from "./chunk.5XL2LZLC.js";
6
+ } from "./chunk.IQ7SDYSC.js";
7
7
  import {
8
8
  watch
9
- } from "./chunk.D7CATJYB.js";
9
+ } from "./chunk.6IH66JBY.js";
10
10
  import {
11
11
  ShoelaceElement
12
12
  } from "./chunk.YCXTCVAZ.js";
@@ -3,7 +3,7 @@ import {
3
3
  } from "./chunk.IGYXUK7A.js";
4
4
  import {
5
5
  LocalizeController
6
- } from "./chunk.5XL2LZLC.js";
6
+ } from "./chunk.IQ7SDYSC.js";
7
7
  import {
8
8
  ShoelaceElement
9
9
  } from "./chunk.YCXTCVAZ.js";