@ds-autonomie/web-components 1.3.0 → 1.4.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 (81) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/chunks/{chunk.J2XNYTTZ.js → chunk.3GJ3KGGY.js} +2 -18
  3. package/dist/chunks/{chunk.YHOA7MQN.js → chunk.4TRQBTMY.js} +67 -56
  4. package/dist/chunks/{chunk.SQMWMSBA.js → chunk.7OLEA3GQ.js} +33 -3
  5. package/dist/chunks/{chunk.UPYCV66H.js → chunk.A3UKO7AU.js} +1 -1
  6. package/dist/chunks/{chunk.QDZXNGR6.js → chunk.BL4IZFBA.js} +1 -1
  7. package/dist/chunks/{chunk.EM4JONLW.js → chunk.C7CCBBLF.js} +1 -1
  8. package/dist/chunks/{chunk.JJLAOWR2.js → chunk.GY5KJYSY.js} +1 -1
  9. package/dist/chunks/chunk.H2JSXKGD.js +83 -0
  10. package/dist/chunks/{chunk.ZKYSHEVZ.js → chunk.IER4ZBFV.js} +3 -1
  11. package/dist/chunks/{chunk.YEVEBKAC.js → chunk.IV2XMACC.js} +60 -58
  12. package/dist/chunks/{chunk.J6XP4AFN.js → chunk.N7ZCXHGU.js} +1 -1
  13. package/dist/chunks/{chunk.WFJLQFI3.js → chunk.O4XPNLT4.js} +2 -0
  14. package/dist/chunks/chunk.RCSAV4XJ.js +99 -0
  15. package/dist/chunks/{chunk.FN42VBEO.js → chunk.TSK67ZZE.js} +5 -5
  16. package/dist/chunks/{chunk.DRGGQ4WL.js → chunk.UCJGKOXX.js} +1 -0
  17. package/dist/components/accordion/accordion.js +3 -3
  18. package/dist/components/alert/alert.js +5 -5
  19. package/dist/components/anchor-tag/anchor-tag.d.ts +42 -0
  20. package/dist/components/anchor-tag/anchor-tag.js +11 -0
  21. package/dist/components/anchor-tag/anchor-tag.styles.d.ts +2 -0
  22. package/dist/components/anchor-tag/anchor-tag.styles.js +8 -0
  23. package/dist/components/animation/animation.js +2 -2
  24. package/dist/components/avatar/avatar.js +5 -5
  25. package/dist/components/breadcrumb/breadcrumb.js +3 -3
  26. package/dist/components/button/button.js +6 -6
  27. package/dist/components/button/button.styles.js +1 -1
  28. package/dist/components/checkbox/checkbox.js +7 -7
  29. package/dist/components/checkbox-button/checkbox-button.js +6 -6
  30. package/dist/components/checkbox-button/checkbox-button.styles.js +2 -2
  31. package/dist/components/checkbox-group/checkbox-group.js +2 -2
  32. package/dist/components/combobox/combobox.js +8 -8
  33. package/dist/components/combobox/combobox.styles.js +1 -1
  34. package/dist/components/dialog/dialog.js +6 -6
  35. package/dist/components/drawer/drawer.js +6 -6
  36. package/dist/components/icon/icon.js +3 -3
  37. package/dist/components/icon-button/icon-button.js +4 -4
  38. package/dist/components/input/input.js +7 -7
  39. package/dist/components/input-mask/input-mask.configs.d.ts +1 -0
  40. package/dist/components/input-mask/input-mask.configs.js +1 -1
  41. package/dist/components/input-mask/input-mask.d.ts +30 -6
  42. package/dist/components/input-mask/input-mask.js +4 -4
  43. package/dist/components/input-mask/input-mask.utils.d.ts +7 -1
  44. package/dist/components/input-mask/input-mask.utils.js +7 -3
  45. package/dist/components/input-phone/input-phone.configs.d.ts +1 -0
  46. package/dist/components/input-phone/input-phone.configs.js +1 -1
  47. package/dist/components/input-phone/input-phone.d.ts +3 -3
  48. package/dist/components/input-phone/input-phone.js +13 -13
  49. package/dist/components/menu-item/menu-item.js +3 -3
  50. package/dist/components/option/option.js +3 -3
  51. package/dist/components/progress-bar/progress-bar.js +2 -2
  52. package/dist/components/radio/radio.js +3 -3
  53. package/dist/components/radio-button/radio-button.js +3 -3
  54. package/dist/components/radio-button/radio-button.styles.js +2 -2
  55. package/dist/components/radio-group/radio-group.js +1 -1
  56. package/dist/components/select/select.js +7 -7
  57. package/dist/components/step/step.js +3 -3
  58. package/dist/components/tag/tag.js +5 -5
  59. package/dist/components/textarea/textarea.js +3 -3
  60. package/dist/components/tree/tree.js +7 -7
  61. package/dist/components/tree-item/tree-item.js +7 -7
  62. package/dist/custom-elements.json +343 -71
  63. package/dist/design-system.d.ts +1 -0
  64. package/dist/design-system.js +87 -82
  65. package/dist/themes/dsa-wc-theme.css +2 -0
  66. package/dist/themes/dsa-wc-theme.min.css +1 -1
  67. package/dist/themes/dsa-wc-theme.styles.js +2 -0
  68. package/dist/vscode.html-custom-data.json +68 -11
  69. package/dist/web-types.json +200 -39
  70. package/package.json +1 -1
  71. package/dist/chunks/{chunk.3Y4CKW7H.js → chunk.3Y56GJS7.js} +6 -6
  72. package/dist/chunks/{chunk.XYHFMIYJ.js → chunk.5ND4OP7Q.js} +3 -3
  73. package/dist/chunks/{chunk.ZW4JE66G.js → chunk.AO3M5GSN.js} +3 -3
  74. package/dist/chunks/{chunk.Y3VP37FX.js → chunk.D2QVNPSR.js} +6 -6
  75. package/dist/chunks/{chunk.JKHFW3KV.js → chunk.DXP3BNWO.js} +3 -3
  76. package/dist/chunks/{chunk.GP5Z27QB.js → chunk.F6FCZQ67.js} +5 -5
  77. package/dist/chunks/{chunk.EDRQ2QWB.js → chunk.N3ADQCT7.js} +3 -3
  78. package/dist/chunks/{chunk.KAQ2HMPU.js → chunk.PCT24AYO.js} +3 -3
  79. package/dist/chunks/{chunk.2R6P5TGQ.js → chunk.PEAFJZ6C.js} +3 -3
  80. package/dist/chunks/{chunk.WC7TOR3H.js → chunk.WF42CVOM.js} +6 -6
  81. package/dist/chunks/{chunk.76JEX27F.js → chunk.XCG5TV7T.js} +3 -3
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  DSACheckboxGroup
3
3
  } from "../../chunks/chunk.UQYPPFBJ.js";
4
- import "../../chunks/chunk.YY6AEXJK.js";
5
4
  import "../../chunks/chunk.CPXD6UYZ.js";
6
5
  import "../../chunks/chunk.EYZGEU3G.js";
6
+ import "../../chunks/chunk.YY6AEXJK.js";
7
+ import "../../chunks/chunk.3RBCYA4F.js";
7
8
  import "../../chunks/chunk.KIFBWPW5.js";
8
9
  import "../../chunks/chunk.YIY5RM53.js";
9
- import "../../chunks/chunk.3RBCYA4F.js";
10
10
  import "../../chunks/chunk.6IH66JBY.js";
11
11
  import "../../chunks/chunk.YCXTCVAZ.js";
12
12
  import "../../chunks/chunk.TUVJKY7S.js";
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  DSACombobox
3
- } from "../../chunks/chunk.JJLAOWR2.js";
3
+ } from "../../chunks/chunk.GY5KJYSY.js";
4
4
  import "../../chunks/chunk.HRBNFVC5.js";
5
- import "../../chunks/chunk.JKHFW3KV.js";
5
+ import "../../chunks/chunk.DXP3BNWO.js";
6
6
  import "../../chunks/chunk.WFHOSUOX.js";
7
7
  import "../../chunks/chunk.ENKP2IFW.js";
8
8
  import "../../chunks/chunk.6PS5KB3O.js";
@@ -10,28 +10,28 @@ import "../../chunks/chunk.EMIT7S33.js";
10
10
  import "../../chunks/chunk.CMJ2SRTL.js";
11
11
  import "../../chunks/chunk.CPXD6UYZ.js";
12
12
  import "../../chunks/chunk.EYZGEU3G.js";
13
- import "../../chunks/chunk.WFJLQFI3.js";
13
+ import "../../chunks/chunk.O4XPNLT4.js";
14
+ import "../../chunks/chunk.3RBCYA4F.js";
14
15
  import "../../chunks/chunk.N5ZXUW7H.js";
15
16
  import "../../chunks/chunk.S4ATPBQN.js";
16
17
  import "../../chunks/chunk.KIFBWPW5.js";
17
18
  import "../../chunks/chunk.YIY5RM53.js";
18
- import "../../chunks/chunk.3RBCYA4F.js";
19
19
  import "../../chunks/chunk.EXIGM5NV.js";
20
20
  import "../../chunks/chunk.QFJA3MTV.js";
21
- import "../../chunks/chunk.ZQJVCRB2.js";
22
21
  import "../../chunks/chunk.B4BZKR24.js";
23
22
  import "../../chunks/chunk.2FK6USFR.js";
24
23
  import "../../chunks/chunk.V7RJROLH.js";
25
24
  import "../../chunks/chunk.7BYKP4SA.js";
26
25
  import "../../chunks/chunk.VRU3XH45.js";
27
26
  import "../../chunks/chunk.7J7CS3BK.js";
27
+ import "../../chunks/chunk.RDGMZ5XB.js";
28
+ import "../../chunks/chunk.I33L3NO6.js";
28
29
  import "../../chunks/chunk.23TOS4ZE.js";
29
30
  import "../../chunks/chunk.XNEONNEJ.js";
30
31
  import "../../chunks/chunk.LMJPQPQT.js";
31
- import "../../chunks/chunk.RDGMZ5XB.js";
32
- import "../../chunks/chunk.I33L3NO6.js";
33
- import "../../chunks/chunk.FDYFSRSX.js";
34
32
  import "../../chunks/chunk.6IH66JBY.js";
33
+ import "../../chunks/chunk.FDYFSRSX.js";
34
+ import "../../chunks/chunk.ZQJVCRB2.js";
35
35
  import "../../chunks/chunk.YCXTCVAZ.js";
36
36
  import "../../chunks/chunk.TUVJKY7S.js";
37
37
  import "../../chunks/chunk.6M63UXML.js";
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  combobox_styles_default
3
- } from "../../chunks/chunk.WFJLQFI3.js";
3
+ } from "../../chunks/chunk.O4XPNLT4.js";
4
4
  import "../../chunks/chunk.3RBCYA4F.js";
5
5
  import "../../chunks/chunk.TUVJKY7S.js";
6
6
  import "../../chunks/chunk.6M63UXML.js";
@@ -1,26 +1,26 @@
1
1
  import {
2
2
  DSADialog
3
- } from "../../chunks/chunk.Y3VP37FX.js";
3
+ } from "../../chunks/chunk.D2QVNPSR.js";
4
+ import "../../chunks/chunk.PQWQ42E2.js";
4
5
  import "../../chunks/chunk.ISAFRNR2.js";
5
6
  import "../../chunks/chunk.EMIT7S33.js";
6
- import "../../chunks/chunk.PQWQ42E2.js";
7
7
  import "../../chunks/chunk.YIY5RM53.js";
8
8
  import "../../chunks/chunk.EXIGM5NV.js";
9
9
  import "../../chunks/chunk.QFJA3MTV.js";
10
- import "../../chunks/chunk.ZQJVCRB2.js";
11
10
  import "../../chunks/chunk.B4BZKR24.js";
12
11
  import "../../chunks/chunk.2FK6USFR.js";
13
12
  import "../../chunks/chunk.V7RJROLH.js";
14
13
  import "../../chunks/chunk.7BYKP4SA.js";
15
14
  import "../../chunks/chunk.VRU3XH45.js";
16
15
  import "../../chunks/chunk.7J7CS3BK.js";
16
+ import "../../chunks/chunk.RDGMZ5XB.js";
17
+ import "../../chunks/chunk.I33L3NO6.js";
17
18
  import "../../chunks/chunk.23TOS4ZE.js";
18
19
  import "../../chunks/chunk.XNEONNEJ.js";
19
20
  import "../../chunks/chunk.LMJPQPQT.js";
20
- import "../../chunks/chunk.RDGMZ5XB.js";
21
- import "../../chunks/chunk.I33L3NO6.js";
22
- import "../../chunks/chunk.FDYFSRSX.js";
23
21
  import "../../chunks/chunk.6IH66JBY.js";
22
+ import "../../chunks/chunk.FDYFSRSX.js";
23
+ import "../../chunks/chunk.ZQJVCRB2.js";
24
24
  import "../../chunks/chunk.YCXTCVAZ.js";
25
25
  import "../../chunks/chunk.TUVJKY7S.js";
26
26
  import "../../chunks/chunk.6M63UXML.js";
@@ -1,26 +1,26 @@
1
1
  import {
2
2
  DSADrawer
3
- } from "../../chunks/chunk.WC7TOR3H.js";
3
+ } from "../../chunks/chunk.WF42CVOM.js";
4
4
  import "../../chunks/chunk.ISAFRNR2.js";
5
- import "../../chunks/chunk.DXVNWE2M.js";
6
5
  import "../../chunks/chunk.EMIT7S33.js";
6
+ import "../../chunks/chunk.DXVNWE2M.js";
7
7
  import "../../chunks/chunk.YIY5RM53.js";
8
8
  import "../../chunks/chunk.EXIGM5NV.js";
9
9
  import "../../chunks/chunk.QFJA3MTV.js";
10
- import "../../chunks/chunk.ZQJVCRB2.js";
11
10
  import "../../chunks/chunk.B4BZKR24.js";
12
11
  import "../../chunks/chunk.2FK6USFR.js";
13
12
  import "../../chunks/chunk.V7RJROLH.js";
14
13
  import "../../chunks/chunk.7BYKP4SA.js";
15
14
  import "../../chunks/chunk.VRU3XH45.js";
16
15
  import "../../chunks/chunk.7J7CS3BK.js";
16
+ import "../../chunks/chunk.RDGMZ5XB.js";
17
+ import "../../chunks/chunk.I33L3NO6.js";
17
18
  import "../../chunks/chunk.23TOS4ZE.js";
18
19
  import "../../chunks/chunk.XNEONNEJ.js";
19
20
  import "../../chunks/chunk.LMJPQPQT.js";
20
- import "../../chunks/chunk.RDGMZ5XB.js";
21
- import "../../chunks/chunk.I33L3NO6.js";
22
- import "../../chunks/chunk.FDYFSRSX.js";
23
21
  import "../../chunks/chunk.6IH66JBY.js";
22
+ import "../../chunks/chunk.FDYFSRSX.js";
23
+ import "../../chunks/chunk.ZQJVCRB2.js";
24
24
  import "../../chunks/chunk.YCXTCVAZ.js";
25
25
  import "../../chunks/chunk.TUVJKY7S.js";
26
26
  import "../../chunks/chunk.6M63UXML.js";
@@ -2,13 +2,13 @@ import {
2
2
  DSAIcon
3
3
  } from "../../chunks/chunk.VRU3XH45.js";
4
4
  import "../../chunks/chunk.7J7CS3BK.js";
5
+ import "../../chunks/chunk.RDGMZ5XB.js";
6
+ import "../../chunks/chunk.I33L3NO6.js";
5
7
  import "../../chunks/chunk.23TOS4ZE.js";
6
8
  import "../../chunks/chunk.XNEONNEJ.js";
7
9
  import "../../chunks/chunk.LMJPQPQT.js";
8
- import "../../chunks/chunk.RDGMZ5XB.js";
9
- import "../../chunks/chunk.I33L3NO6.js";
10
- import "../../chunks/chunk.FDYFSRSX.js";
11
10
  import "../../chunks/chunk.6IH66JBY.js";
11
+ import "../../chunks/chunk.FDYFSRSX.js";
12
12
  import "../../chunks/chunk.YCXTCVAZ.js";
13
13
  import "../../chunks/chunk.TUVJKY7S.js";
14
14
  import "../../chunks/chunk.6M63UXML.js";
@@ -2,16 +2,16 @@ import {
2
2
  DSAIconButton
3
3
  } from "../../chunks/chunk.EXIGM5NV.js";
4
4
  import "../../chunks/chunk.QFJA3MTV.js";
5
- import "../../chunks/chunk.ZQJVCRB2.js";
6
5
  import "../../chunks/chunk.VRU3XH45.js";
7
6
  import "../../chunks/chunk.7J7CS3BK.js";
7
+ import "../../chunks/chunk.RDGMZ5XB.js";
8
+ import "../../chunks/chunk.I33L3NO6.js";
8
9
  import "../../chunks/chunk.23TOS4ZE.js";
9
10
  import "../../chunks/chunk.XNEONNEJ.js";
10
11
  import "../../chunks/chunk.LMJPQPQT.js";
11
- import "../../chunks/chunk.RDGMZ5XB.js";
12
- import "../../chunks/chunk.I33L3NO6.js";
13
- import "../../chunks/chunk.FDYFSRSX.js";
14
12
  import "../../chunks/chunk.6IH66JBY.js";
13
+ import "../../chunks/chunk.FDYFSRSX.js";
14
+ import "../../chunks/chunk.ZQJVCRB2.js";
15
15
  import "../../chunks/chunk.YCXTCVAZ.js";
16
16
  import "../../chunks/chunk.TUVJKY7S.js";
17
17
  import "../../chunks/chunk.6M63UXML.js";
@@ -1,25 +1,25 @@
1
1
  import {
2
2
  DSAInput
3
- } from "../../chunks/chunk.3Y4CKW7H.js";
4
- import "../../chunks/chunk.KBT2EKLF.js";
3
+ } from "../../chunks/chunk.3Y56GJS7.js";
5
4
  import "../../chunks/chunk.MTZZV3NB.js";
5
+ import "../../chunks/chunk.KBT2EKLF.js";
6
6
  import "../../chunks/chunk.CMJ2SRTL.js";
7
7
  import "../../chunks/chunk.CPXD6UYZ.js";
8
8
  import "../../chunks/chunk.EYZGEU3G.js";
9
+ import "../../chunks/chunk.3RBCYA4F.js";
9
10
  import "../../chunks/chunk.KIFBWPW5.js";
10
11
  import "../../chunks/chunk.YIY5RM53.js";
11
- import "../../chunks/chunk.3RBCYA4F.js";
12
- import "../../chunks/chunk.ZQJVCRB2.js";
13
12
  import "../../chunks/chunk.7BYKP4SA.js";
14
13
  import "../../chunks/chunk.VRU3XH45.js";
15
14
  import "../../chunks/chunk.7J7CS3BK.js";
15
+ import "../../chunks/chunk.RDGMZ5XB.js";
16
+ import "../../chunks/chunk.I33L3NO6.js";
16
17
  import "../../chunks/chunk.23TOS4ZE.js";
17
18
  import "../../chunks/chunk.XNEONNEJ.js";
18
19
  import "../../chunks/chunk.LMJPQPQT.js";
19
- import "../../chunks/chunk.RDGMZ5XB.js";
20
- import "../../chunks/chunk.I33L3NO6.js";
21
- import "../../chunks/chunk.FDYFSRSX.js";
22
20
  import "../../chunks/chunk.6IH66JBY.js";
21
+ import "../../chunks/chunk.FDYFSRSX.js";
22
+ import "../../chunks/chunk.ZQJVCRB2.js";
23
23
  import "../../chunks/chunk.YCXTCVAZ.js";
24
24
  import "../../chunks/chunk.TUVJKY7S.js";
25
25
  import "../../chunks/chunk.6M63UXML.js";
@@ -1,6 +1,7 @@
1
1
  export interface DSAMaskConfig {
2
2
  pattern: string;
3
3
  placeholder: string;
4
+ mask?: string;
4
5
  'help-text': string;
5
6
  }
6
7
  /**
@@ -2,7 +2,7 @@ import {
2
2
  BICConfig,
3
3
  IBANConfig,
4
4
  NIRConfig
5
- } from "../../chunks/chunk.ZKYSHEVZ.js";
5
+ } from "../../chunks/chunk.IER4ZBFV.js";
6
6
  import "../../chunks/chunk.6M63UXML.js";
7
7
  export {
8
8
  BICConfig,
@@ -27,6 +27,7 @@ export default class DSAInputMask extends ShoelaceElement implements ShoelaceFor
27
27
  private readonly localize;
28
28
  input: HTMLInputElement;
29
29
  private hasFocus;
30
+ private maskedValue;
30
31
  /** The title contains a text representing advisory information related to the element it belongs to. */
31
32
  title: string;
32
33
  /** The name of the input, submitted as a name/value pair with form data. */
@@ -47,12 +48,11 @@ export default class DSAInputMask extends ShoelaceElement implements ShoelaceFor
47
48
  clearable: boolean;
48
49
  /** Disables the input. */
49
50
  disabled: boolean;
50
- /** 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.*/
51
+ /** Placeholder text to show as a hint. You can use it as a template to mask the value.
52
+ * If it is only use as a guidance on what information is expected, use `mask` attribute to define a specific format to mask the value. */
51
53
  placeholder: string;
52
54
  /** Makes the input readonly. */
53
55
  readonly: boolean;
54
- /** Will check the enterred value against the passed pattern */
55
- validate: boolean;
56
56
  /** Indicates whether the input should be in error state */
57
57
  error: boolean;
58
58
  /** An error message that is shown when `error` is set to true */
@@ -85,17 +85,41 @@ export default class DSAInputMask extends ShoelaceElement implements ShoelaceFor
85
85
  autofocus: boolean;
86
86
  /** Used to customize the label or icon of the Enter key on virtual keyboards. */
87
87
  enterkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
88
+ /**
89
+ * 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.
90
+ * It should follow the format defined by the placeholder, but with its own permissible characters.
91
+ *
92
+ * - all characters: includes any character, whether it's a letter, number.
93
+ *```ts
94
+ * '_'
95
+ * ```
96
+ * - numeric characters: specifies numeric values that can be included.
97
+ * ```ts
98
+ * '#dDmMyYaA09'
99
+ * ```
100
+ * - letter characters: denotes alphabetic characters allowed in the sequence.
101
+ * ```ts
102
+ * '?LaA'
103
+ * ```
104
+ *
105
+ * - example including only numeric values
106
+ * ```html
107
+ * <dsa-input-mask placeholder="dd/mm/yy" mask="##/##/##" />
108
+ * ```
109
+ */
110
+ mask: string;
88
111
  /** Gets the validity state object */
89
112
  get validity(): ValidityState;
90
113
  /** Gets the validation message */
91
114
  get validationMessage(): string;
92
115
  firstUpdated(): void;
116
+ connectedCallback(): void;
117
+ private handleDocumentKeyUp;
93
118
  private handleBlur;
94
- private handleChange;
95
- private getMaskedValue;
119
+ private rawValueToMaskedValue;
96
120
  private handleClearClick;
97
121
  private handleFocus;
98
- private handleInput;
122
+ private handleChange;
99
123
  private handleInvalid;
100
124
  private handleKeyDown;
101
125
  handleDisabledChange(): void;
@@ -1,17 +1,17 @@
1
1
  import {
2
2
  DSAInputMask
3
- } from "../../chunks/chunk.YHOA7MQN.js";
3
+ } from "../../chunks/chunk.4TRQBTMY.js";
4
4
  import "../../chunks/chunk.2HV2U4RQ.js";
5
- import "../../chunks/chunk.SQMWMSBA.js";
5
+ import "../../chunks/chunk.7OLEA3GQ.js";
6
6
  import "../../chunks/chunk.CMJ2SRTL.js";
7
7
  import "../../chunks/chunk.CPXD6UYZ.js";
8
8
  import "../../chunks/chunk.EYZGEU3G.js";
9
+ import "../../chunks/chunk.3RBCYA4F.js";
9
10
  import "../../chunks/chunk.KIFBWPW5.js";
10
11
  import "../../chunks/chunk.YIY5RM53.js";
11
- import "../../chunks/chunk.3RBCYA4F.js";
12
- import "../../chunks/chunk.ZQJVCRB2.js";
13
12
  import "../../chunks/chunk.7BYKP4SA.js";
14
13
  import "../../chunks/chunk.6IH66JBY.js";
14
+ import "../../chunks/chunk.ZQJVCRB2.js";
15
15
  import "../../chunks/chunk.YCXTCVAZ.js";
16
16
  import "../../chunks/chunk.TUVJKY7S.js";
17
17
  import "../../chunks/chunk.6M63UXML.js";
@@ -1,7 +1,13 @@
1
1
  export declare const specialCharPattern: RegExp;
2
2
  export declare const normalCharPattern: RegExp;
3
+ export declare const maskOptions: {
4
+ readonly allChar: "_";
5
+ readonly numericChar: "#dDmMyYaA09";
6
+ readonly alphaChar: "?LaA";
7
+ };
3
8
  export declare function stripSpecialChars(word: string): string;
4
- export declare function getMaskedValue(rawValue: string, mask: string): string;
9
+ export declare function rawValueToMaskedValue(rawValue: string, mask: string): string;
10
+ export declare function maskedValueToRawValue(value: string, mask: string): string;
5
11
  export declare const IBANTestValues: string[];
6
12
  export declare const BICTestValues: string[];
7
13
  export declare const NIRTestValues: string[];
@@ -2,18 +2,22 @@ import {
2
2
  BICTestValues,
3
3
  IBANTestValues,
4
4
  NIRTestValues,
5
- getMaskedValue,
5
+ maskOptions,
6
+ maskedValueToRawValue,
6
7
  normalCharPattern,
8
+ rawValueToMaskedValue,
7
9
  specialCharPattern,
8
10
  stripSpecialChars
9
- } from "../../chunks/chunk.SQMWMSBA.js";
11
+ } from "../../chunks/chunk.7OLEA3GQ.js";
10
12
  import "../../chunks/chunk.6M63UXML.js";
11
13
  export {
12
14
  BICTestValues,
13
15
  IBANTestValues,
14
16
  NIRTestValues,
15
- getMaskedValue,
17
+ maskOptions,
18
+ maskedValueToRawValue,
16
19
  normalCharPattern,
20
+ rawValueToMaskedValue,
17
21
  specialCharPattern,
18
22
  stripSpecialChars
19
23
  };
@@ -1,5 +1,6 @@
1
1
  export interface DSAPhoneConfig {
2
2
  pattern: string;
3
+ mask: string;
3
4
  placeholder: string;
4
5
  }
5
6
  /**
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  PhoneConfig
3
- } from "../../chunks/chunk.DRGGQ4WL.js";
3
+ } from "../../chunks/chunk.UCJGKOXX.js";
4
4
  import "../../chunks/chunk.6M63UXML.js";
5
5
  export {
6
6
  PhoneConfig
@@ -34,6 +34,7 @@ export default class DSAInputPhone extends ShoelaceElement implements ShoelaceFo
34
34
  inputEl: HTMLInputElement;
35
35
  phonePrefixEl: DSASelect;
36
36
  private hasFocus;
37
+ private maskedNumber;
37
38
  /** The title contains a text representing advisory information related to the element it belongs to. */
38
39
  title: string;
39
40
  /** The name of the input, submitted as a name/value pair with form data. */
@@ -62,8 +63,6 @@ export default class DSAInputPhone extends ShoelaceElement implements ShoelaceFo
62
63
  placeholder: string;
63
64
  /** Makes the input readonly. */
64
65
  readonly: boolean;
65
- /** Will check the enterred value against the passed pattern */
66
- validate: boolean;
67
66
  /** Indicates whether the input should be in error state */
68
67
  error: boolean;
69
68
  /** An error message that is shown when `error` is set to true */
@@ -97,12 +96,13 @@ export default class DSAInputPhone extends ShoelaceElement implements ShoelaceFo
97
96
  get validationMessage(): string;
98
97
  firstUpdated(): void;
99
98
  connectedCallback(): void;
99
+ disconnectedCallback(): void;
100
+ private handleDocumentKeyUp;
100
101
  protected willUpdate(changedProperties: PropertyValues<this>): void;
101
102
  private setPhoneFromValue;
102
103
  private handlePhonePrefixChange;
103
104
  private handlePhonePrefixKeydown;
104
105
  private handleChange;
105
- private handleInput;
106
106
  private handleKeyDown;
107
107
  private handleFocus;
108
108
  private handleBlur;
@@ -1,17 +1,17 @@
1
1
  import {
2
2
  DSAInputPhone
3
- } from "../../chunks/chunk.YEVEBKAC.js";
4
- import "../../chunks/chunk.76JEX27F.js";
3
+ } from "../../chunks/chunk.IV2XMACC.js";
4
+ import "../../chunks/chunk.XCG5TV7T.js";
5
5
  import "../../chunks/chunk.D6DEGG4H.js";
6
6
  import "../../chunks/chunk.BNJQHJKO.js";
7
7
  import "../../chunks/chunk.2DGAEK66.js";
8
+ import "../../chunks/chunk.UCJGKOXX.js";
9
+ import "../../chunks/chunk.NHYFVEGM.js";
8
10
  import "../../chunks/chunk.6ZQ4OQ2C.js";
9
11
  import "../../chunks/chunk.FTWZNCEH.js";
10
12
  import "../../chunks/chunk.NKKVGICB.js";
11
- import "../../chunks/chunk.SQMWMSBA.js";
12
- import "../../chunks/chunk.DRGGQ4WL.js";
13
- import "../../chunks/chunk.NHYFVEGM.js";
14
- import "../../chunks/chunk.JKHFW3KV.js";
13
+ import "../../chunks/chunk.7OLEA3GQ.js";
14
+ import "../../chunks/chunk.DXP3BNWO.js";
15
15
  import "../../chunks/chunk.WFHOSUOX.js";
16
16
  import "../../chunks/chunk.ENKP2IFW.js";
17
17
  import "../../chunks/chunk.6PS5KB3O.js";
@@ -19,29 +19,29 @@ import "../../chunks/chunk.EMIT7S33.js";
19
19
  import "../../chunks/chunk.CMJ2SRTL.js";
20
20
  import "../../chunks/chunk.CPXD6UYZ.js";
21
21
  import "../../chunks/chunk.EYZGEU3G.js";
22
- import "../../chunks/chunk.FN42VBEO.js";
22
+ import "../../chunks/chunk.3RBCYA4F.js";
23
+ import "../../chunks/chunk.TSK67ZZE.js";
23
24
  import "../../chunks/chunk.N5ZXUW7H.js";
24
25
  import "../../chunks/chunk.S4ATPBQN.js";
25
26
  import "../../chunks/chunk.KIFBWPW5.js";
26
- import "../../chunks/chunk.J2XNYTTZ.js";
27
27
  import "../../chunks/chunk.YIY5RM53.js";
28
- import "../../chunks/chunk.3RBCYA4F.js";
28
+ import "../../chunks/chunk.3GJ3KGGY.js";
29
29
  import "../../chunks/chunk.EXIGM5NV.js";
30
30
  import "../../chunks/chunk.QFJA3MTV.js";
31
- import "../../chunks/chunk.ZQJVCRB2.js";
32
31
  import "../../chunks/chunk.B4BZKR24.js";
33
32
  import "../../chunks/chunk.2FK6USFR.js";
34
33
  import "../../chunks/chunk.V7RJROLH.js";
35
34
  import "../../chunks/chunk.7BYKP4SA.js";
36
35
  import "../../chunks/chunk.VRU3XH45.js";
37
36
  import "../../chunks/chunk.7J7CS3BK.js";
37
+ import "../../chunks/chunk.RDGMZ5XB.js";
38
+ import "../../chunks/chunk.I33L3NO6.js";
38
39
  import "../../chunks/chunk.23TOS4ZE.js";
39
40
  import "../../chunks/chunk.XNEONNEJ.js";
40
41
  import "../../chunks/chunk.LMJPQPQT.js";
41
- import "../../chunks/chunk.RDGMZ5XB.js";
42
- import "../../chunks/chunk.I33L3NO6.js";
43
- import "../../chunks/chunk.FDYFSRSX.js";
44
42
  import "../../chunks/chunk.6IH66JBY.js";
43
+ import "../../chunks/chunk.FDYFSRSX.js";
44
+ import "../../chunks/chunk.ZQJVCRB2.js";
45
45
  import "../../chunks/chunk.YCXTCVAZ.js";
46
46
  import "../../chunks/chunk.TUVJKY7S.js";
47
47
  import "../../chunks/chunk.6M63UXML.js";
@@ -5,13 +5,13 @@ import "../../chunks/chunk.NKKVGICB.js";
5
5
  import "../../chunks/chunk.YIY5RM53.js";
6
6
  import "../../chunks/chunk.VRU3XH45.js";
7
7
  import "../../chunks/chunk.7J7CS3BK.js";
8
+ import "../../chunks/chunk.RDGMZ5XB.js";
9
+ import "../../chunks/chunk.I33L3NO6.js";
8
10
  import "../../chunks/chunk.23TOS4ZE.js";
9
11
  import "../../chunks/chunk.XNEONNEJ.js";
10
12
  import "../../chunks/chunk.LMJPQPQT.js";
11
- import "../../chunks/chunk.RDGMZ5XB.js";
12
- import "../../chunks/chunk.I33L3NO6.js";
13
- import "../../chunks/chunk.FDYFSRSX.js";
14
13
  import "../../chunks/chunk.6IH66JBY.js";
14
+ import "../../chunks/chunk.FDYFSRSX.js";
15
15
  import "../../chunks/chunk.YCXTCVAZ.js";
16
16
  import "../../chunks/chunk.TUVJKY7S.js";
17
17
  import "../../chunks/chunk.6M63UXML.js";
@@ -5,13 +5,13 @@ import "../../chunks/chunk.2DGAEK66.js";
5
5
  import "../../chunks/chunk.7BYKP4SA.js";
6
6
  import "../../chunks/chunk.VRU3XH45.js";
7
7
  import "../../chunks/chunk.7J7CS3BK.js";
8
+ import "../../chunks/chunk.RDGMZ5XB.js";
9
+ import "../../chunks/chunk.I33L3NO6.js";
8
10
  import "../../chunks/chunk.23TOS4ZE.js";
9
11
  import "../../chunks/chunk.XNEONNEJ.js";
10
12
  import "../../chunks/chunk.LMJPQPQT.js";
11
- import "../../chunks/chunk.RDGMZ5XB.js";
12
- import "../../chunks/chunk.I33L3NO6.js";
13
- import "../../chunks/chunk.FDYFSRSX.js";
14
13
  import "../../chunks/chunk.6IH66JBY.js";
14
+ import "../../chunks/chunk.FDYFSRSX.js";
15
15
  import "../../chunks/chunk.YCXTCVAZ.js";
16
16
  import "../../chunks/chunk.TUVJKY7S.js";
17
17
  import "../../chunks/chunk.6M63UXML.js";
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  DSAProgressBar
3
- } from "../../chunks/chunk.KAQ2HMPU.js";
3
+ } from "../../chunks/chunk.PCT24AYO.js";
4
4
  import "../../chunks/chunk.SGIGGO5M.js";
5
- import "../../chunks/chunk.ZQJVCRB2.js";
6
5
  import "../../chunks/chunk.7BYKP4SA.js";
6
+ import "../../chunks/chunk.ZQJVCRB2.js";
7
7
  import "../../chunks/chunk.YCXTCVAZ.js";
8
8
  import "../../chunks/chunk.TUVJKY7S.js";
9
9
  import "../../chunks/chunk.6M63UXML.js";
@@ -4,13 +4,13 @@ import {
4
4
  import "../../chunks/chunk.VFYKLPN2.js";
5
5
  import "../../chunks/chunk.VRU3XH45.js";
6
6
  import "../../chunks/chunk.7J7CS3BK.js";
7
+ import "../../chunks/chunk.RDGMZ5XB.js";
8
+ import "../../chunks/chunk.I33L3NO6.js";
7
9
  import "../../chunks/chunk.23TOS4ZE.js";
8
10
  import "../../chunks/chunk.XNEONNEJ.js";
9
11
  import "../../chunks/chunk.LMJPQPQT.js";
10
- import "../../chunks/chunk.RDGMZ5XB.js";
11
- import "../../chunks/chunk.I33L3NO6.js";
12
- import "../../chunks/chunk.FDYFSRSX.js";
13
12
  import "../../chunks/chunk.6IH66JBY.js";
13
+ import "../../chunks/chunk.FDYFSRSX.js";
14
14
  import "../../chunks/chunk.YCXTCVAZ.js";
15
15
  import "../../chunks/chunk.TUVJKY7S.js";
16
16
  import "../../chunks/chunk.6M63UXML.js";
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  DSARadioButton
3
- } from "../../chunks/chunk.QDZXNGR6.js";
4
- import "../../chunks/chunk.EM4JONLW.js";
5
- import "../../chunks/chunk.J2XNYTTZ.js";
3
+ } from "../../chunks/chunk.BL4IZFBA.js";
4
+ import "../../chunks/chunk.C7CCBBLF.js";
6
5
  import "../../chunks/chunk.YIY5RM53.js";
6
+ import "../../chunks/chunk.3GJ3KGGY.js";
7
7
  import "../../chunks/chunk.6IH66JBY.js";
8
8
  import "../../chunks/chunk.YCXTCVAZ.js";
9
9
  import "../../chunks/chunk.TUVJKY7S.js";
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  radio_button_styles_default
3
- } from "../../chunks/chunk.EM4JONLW.js";
4
- import "../../chunks/chunk.J2XNYTTZ.js";
3
+ } from "../../chunks/chunk.C7CCBBLF.js";
4
+ import "../../chunks/chunk.3GJ3KGGY.js";
5
5
  import "../../chunks/chunk.TUVJKY7S.js";
6
6
  import "../../chunks/chunk.6M63UXML.js";
7
7
  export {
@@ -4,9 +4,9 @@ import {
4
4
  import "../../chunks/chunk.JT7UJED5.js";
5
5
  import "../../chunks/chunk.CPXD6UYZ.js";
6
6
  import "../../chunks/chunk.EYZGEU3G.js";
7
+ import "../../chunks/chunk.3RBCYA4F.js";
7
8
  import "../../chunks/chunk.KIFBWPW5.js";
8
9
  import "../../chunks/chunk.YIY5RM53.js";
9
- import "../../chunks/chunk.3RBCYA4F.js";
10
10
  import "../../chunks/chunk.6IH66JBY.js";
11
11
  import "../../chunks/chunk.YCXTCVAZ.js";
12
12
  import "../../chunks/chunk.TUVJKY7S.js";
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  DSASelect
3
- } from "../../chunks/chunk.76JEX27F.js";
3
+ } from "../../chunks/chunk.XCG5TV7T.js";
4
4
  import "../../chunks/chunk.D6DEGG4H.js";
5
- import "../../chunks/chunk.JKHFW3KV.js";
5
+ import "../../chunks/chunk.DXP3BNWO.js";
6
6
  import "../../chunks/chunk.WFHOSUOX.js";
7
7
  import "../../chunks/chunk.ENKP2IFW.js";
8
8
  import "../../chunks/chunk.6PS5KB3O.js";
@@ -10,25 +10,25 @@ import "../../chunks/chunk.EMIT7S33.js";
10
10
  import "../../chunks/chunk.CMJ2SRTL.js";
11
11
  import "../../chunks/chunk.CPXD6UYZ.js";
12
12
  import "../../chunks/chunk.EYZGEU3G.js";
13
+ import "../../chunks/chunk.3RBCYA4F.js";
13
14
  import "../../chunks/chunk.KIFBWPW5.js";
14
15
  import "../../chunks/chunk.YIY5RM53.js";
15
- import "../../chunks/chunk.3RBCYA4F.js";
16
16
  import "../../chunks/chunk.EXIGM5NV.js";
17
17
  import "../../chunks/chunk.QFJA3MTV.js";
18
- import "../../chunks/chunk.ZQJVCRB2.js";
19
18
  import "../../chunks/chunk.B4BZKR24.js";
20
19
  import "../../chunks/chunk.2FK6USFR.js";
21
20
  import "../../chunks/chunk.V7RJROLH.js";
22
21
  import "../../chunks/chunk.7BYKP4SA.js";
23
22
  import "../../chunks/chunk.VRU3XH45.js";
24
23
  import "../../chunks/chunk.7J7CS3BK.js";
24
+ import "../../chunks/chunk.RDGMZ5XB.js";
25
+ import "../../chunks/chunk.I33L3NO6.js";
25
26
  import "../../chunks/chunk.23TOS4ZE.js";
26
27
  import "../../chunks/chunk.XNEONNEJ.js";
27
28
  import "../../chunks/chunk.LMJPQPQT.js";
28
- import "../../chunks/chunk.RDGMZ5XB.js";
29
- import "../../chunks/chunk.I33L3NO6.js";
30
- import "../../chunks/chunk.FDYFSRSX.js";
31
29
  import "../../chunks/chunk.6IH66JBY.js";
30
+ import "../../chunks/chunk.FDYFSRSX.js";
31
+ import "../../chunks/chunk.ZQJVCRB2.js";
32
32
  import "../../chunks/chunk.YCXTCVAZ.js";
33
33
  import "../../chunks/chunk.TUVJKY7S.js";
34
34
  import "../../chunks/chunk.6M63UXML.js";
@@ -9,13 +9,13 @@ import "../../chunks/chunk.YIY5RM53.js";
9
9
  import "../../chunks/chunk.7BYKP4SA.js";
10
10
  import "../../chunks/chunk.VRU3XH45.js";
11
11
  import "../../chunks/chunk.7J7CS3BK.js";
12
+ import "../../chunks/chunk.RDGMZ5XB.js";
13
+ import "../../chunks/chunk.I33L3NO6.js";
12
14
  import "../../chunks/chunk.23TOS4ZE.js";
13
15
  import "../../chunks/chunk.XNEONNEJ.js";
14
16
  import "../../chunks/chunk.LMJPQPQT.js";
15
- import "../../chunks/chunk.RDGMZ5XB.js";
16
- import "../../chunks/chunk.I33L3NO6.js";
17
- import "../../chunks/chunk.FDYFSRSX.js";
18
17
  import "../../chunks/chunk.6IH66JBY.js";
18
+ import "../../chunks/chunk.FDYFSRSX.js";
19
19
  import "../../chunks/chunk.YCXTCVAZ.js";
20
20
  import "../../chunks/chunk.TUVJKY7S.js";
21
21
  import "../../chunks/chunk.6M63UXML.js";