@ds-autonomie/web-components 1.0.1 → 1.2.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.
- package/CHANGELOG.md +49 -0
- package/dist/chunks/{chunk.HH63FIEF.js → chunk.2DGAEK66.js} +12 -3
- package/dist/chunks/{chunk.O73OYTYJ.js → chunk.2HV2U4RQ.js} +2 -4
- package/dist/chunks/{chunk.EHVJT7BH.js → chunk.2R6P5TGQ.js} +1 -1
- package/dist/chunks/chunk.2WSMYCPC.js +24 -0
- package/dist/chunks/{chunk.LT7JMZ3T.js → chunk.3HI3T5R2.js} +2 -2
- package/dist/chunks/chunk.3I2KXA35.js +126 -0
- package/dist/chunks/{chunk.7NWAYDYI.js → chunk.4DWONP4W.js} +3 -3
- package/dist/chunks/{chunk.BLPP3Q5H.js → chunk.5324JGM4.js} +11 -4
- package/dist/chunks/{chunk.BEB47LM2.js → chunk.5BTJP6HC.js} +2 -2
- package/dist/chunks/{chunk.D7CATJYB.js → chunk.6IH66JBY.js} +1 -1
- package/dist/chunks/chunk.7HGZSZJK.js +409 -0
- package/dist/chunks/{chunk.QKNNLZ2M.js → chunk.AFAQWHMU.js} +3 -3
- package/dist/chunks/{chunk.ODSCDJDO.js → chunk.ARVWTY56.js} +5 -4
- package/dist/chunks/{chunk.KOH5V4C6.js → chunk.B4O7IAPL.js} +21 -17
- package/dist/chunks/chunk.CCTWXABH.js +13 -0
- package/dist/chunks/chunk.CMJ2SRTL.js +26 -0
- package/dist/chunks/{chunk.DURVPB6M.js → chunk.D6DEGG4H.js} +25 -6
- package/dist/chunks/{chunk.UV53JTE3.js → chunk.DOMRNQHQ.js} +1 -1
- package/dist/chunks/{chunk.NDEZEB3Z.js → chunk.EDRQ2QWB.js} +10 -5
- package/dist/chunks/{chunk.XSCX6TC5.js → chunk.EXIGM5NV.js} +4 -1
- package/dist/chunks/{chunk.4A3WMGMZ.js → chunk.FHDPJN6L.js} +1 -1
- package/dist/chunks/{chunk.YS7MY5CH.js → chunk.FHGXKQDW.js} +18 -24
- package/dist/chunks/{chunk.KDAK2GXX.js → chunk.FKIKQX6B.js} +1 -1
- package/dist/chunks/{chunk.ABGBXXKA.js → chunk.FTWZNCEH.js} +1 -1
- package/dist/chunks/{chunk.6FAUBLR3.js → chunk.G3ESG6Q5.js} +1 -1
- package/dist/chunks/{chunk.WHK7EFIM.js → chunk.GP5Z27QB.js} +7 -4
- package/dist/chunks/{chunk.2HUORR44.js → chunk.GRV3MK3D.js} +1 -1
- package/dist/chunks/{chunk.JETXIC4F.js → chunk.HPK6C7NJ.js} +1 -1
- package/dist/chunks/{chunk.UZLQVFDR.js → chunk.IJL7YMFL.js} +2 -2
- package/dist/chunks/{chunk.GYTA2LJC.js → chunk.J6XP4AFN.js} +1 -1
- package/dist/chunks/{chunk.PWWER3ZK.js → chunk.JJ3GF7YP.js} +48 -24
- package/dist/chunks/{chunk.OVK7QCA7.js → chunk.JLMY5OVR.js} +13 -9
- package/dist/chunks/{chunk.N6VVY6XD.js → chunk.K6YLMID4.js} +6 -3
- package/dist/chunks/{chunk.5XUV3SRW.js → chunk.KOZIER6A.js} +11 -6
- package/dist/chunks/{chunk.A2PAK6VF.js → chunk.LUHEO6AS.js} +2 -2
- package/dist/chunks/{chunk.7ZCCXTFG.js → chunk.MDFIMRCC.js} +2 -2
- package/dist/chunks/{chunk.WNHQYL5W.js → chunk.MTZZV3NB.js} +4 -20
- package/dist/chunks/{chunk.5XL2LZLC.js → chunk.NBPVVWJU.js} +14 -0
- package/dist/chunks/{chunk.HC5BO5YV.js → chunk.NHYFVEGM.js} +5 -16
- package/dist/chunks/{chunk.MOWTZFON.js → chunk.NKVYNBAI.js} +1 -1
- package/dist/chunks/{chunk.IRQOFNJE.js → chunk.NQU3YD5L.js} +8 -3
- package/dist/chunks/{chunk.WIEJJS3W.js → chunk.OGQBKAFT.js} +1 -1
- package/dist/chunks/{chunk.WSVP75MH.js → chunk.ORSUTGLR.js} +1 -1
- package/dist/chunks/chunk.OXSDZ5LQ.js +865 -0
- package/dist/chunks/{chunk.MY434P47.js → chunk.P2AJBSND.js} +2 -2
- package/dist/chunks/chunk.QSNJ4FV6.js +54 -0
- package/dist/chunks/{chunk.4XT2OJD2.js → chunk.RDVFMQLV.js} +8 -4
- package/dist/chunks/{chunk.INCGVIAQ.js → chunk.TINRLVWL.js} +1 -1
- package/dist/chunks/{chunk.5LT3B7MI.js → chunk.UQYPPFBJ.js} +1 -1
- package/dist/chunks/{chunk.42W4S2HN.js → chunk.VM355VAS.js} +1 -1
- package/dist/chunks/{chunk.G7AELPSO.js → chunk.VRU3XH45.js} +4 -4
- package/dist/chunks/{chunk.UA32LJYW.js → chunk.WG5VRMQG.js} +2 -2
- package/dist/chunks/{chunk.AR5HJD7F.js → chunk.X6RQ2SQC.js} +1 -1
- package/dist/chunks/{chunk.HLYGKGDG.js → chunk.XJPCULMC.js} +8 -5
- package/dist/chunks/chunk.YRBTSDUN.js +134 -0
- package/dist/chunks/chunk.ZQJVCRB2.js +10 -0
- package/dist/chunks/{chunk.RIJQGADY.js → chunk.ZW4JE66G.js} +11 -4
- package/dist/chunks/{chunk.K6WCEYZI.js → chunk.ZXVIEHXI.js} +1 -1
- package/dist/components/accordion/accordion.js +7 -7
- package/dist/components/alert/alert.js +9 -8
- package/dist/components/animation/animation.js +2 -2
- package/dist/components/avatar/avatar.d.ts +1 -1
- package/dist/components/avatar/avatar.js +7 -6
- package/dist/components/avatar-group/avatar-group.d.ts +1 -1
- package/dist/components/badge/badge.d.ts +1 -1
- package/dist/components/breadcrumb/breadcrumb.js +7 -7
- package/dist/components/breadcrumb-item/breadcrumb-item.js +2 -2
- package/dist/components/button/button.js +9 -8
- package/dist/components/checkbox/checkbox.js +8 -7
- package/dist/components/checkbox-button/checkbox-button.js +6 -6
- package/dist/components/checkbox-group/checkbox-group.d.ts +1 -0
- package/dist/components/checkbox-group/checkbox-group.js +3 -3
- package/dist/components/combobox/combobox.d.ts +175 -0
- package/dist/components/combobox/combobox.js +37 -0
- package/dist/components/combobox/combobox.styles.d.ts +2 -0
- package/dist/components/combobox/combobox.styles.js +9 -0
- package/dist/components/dialog/dialog.js +9 -8
- package/dist/components/divider/divider.d.ts +1 -1
- package/dist/components/drawer/drawer.js +10 -9
- package/dist/components/dropdown/dropdown.js +3 -3
- package/dist/components/format-bytes/format-bytes.js +2 -2
- package/dist/components/format-date/format-date.js +2 -2
- package/dist/components/format-number/format-number.js +2 -2
- package/dist/components/icon/icon.js +5 -5
- package/dist/components/icon-button/icon-button.d.ts +1 -1
- package/dist/components/icon-button/icon-button.js +7 -6
- package/dist/components/include/include.js +2 -2
- package/dist/components/input/input.d.ts +1 -1
- package/dist/components/input/input.js +10 -9
- package/dist/components/input/input.styles.js +1 -1
- package/dist/components/input-mask/input-mask.d.ts +1 -0
- package/dist/components/input-mask/input-mask.js +6 -5
- package/dist/components/input-mask/input-mask.styles.js +1 -1
- package/dist/components/input-phone/input-phone.d.ts +1 -1
- package/dist/components/input-phone/input-phone.js +24 -23
- package/dist/components/input-phone/input-phone.styles.js +1 -1
- package/dist/components/menu/menu.d.ts +1 -1
- package/dist/components/menu-item/menu-item.d.ts +1 -1
- package/dist/components/menu-item/menu-item.js +6 -6
- package/dist/components/menu-label/menu-label.d.ts +1 -1
- package/dist/components/mutation-observer/mutation-observer.js +2 -2
- package/dist/components/option/option.js +8 -8
- package/dist/components/option/option.styles.js +1 -1
- package/dist/components/progress-bar/progress-bar.d.ts +1 -1
- package/dist/components/progress-bar/progress-bar.js +3 -2
- package/dist/components/progress-ring/progress-ring.d.ts +1 -2
- package/dist/components/progress-ring/progress-ring.js +2 -2
- package/dist/components/radio/radio.js +6 -6
- package/dist/components/radio-button/radio-button.js +2 -2
- package/dist/components/radio-group/radio-group.js +2 -2
- package/dist/components/relative-time/relative-time.js +2 -2
- package/dist/components/resize-observer/resize-observer.js +2 -2
- package/dist/components/select/select.d.ts +4 -0
- package/dist/components/select/select.js +13 -12
- package/dist/components/select/select.styles.js +1 -1
- package/dist/components/skeleton/skeleton.d.ts +1 -1
- package/dist/components/spinner/spinner.js +2 -2
- package/dist/components/step/step.d.ts +39 -0
- package/dist/components/step/step.js +24 -0
- package/dist/components/step/step.styles.d.ts +2 -0
- package/dist/components/step/step.styles.js +8 -0
- package/dist/components/step/step.utils.d.ts +3 -0
- package/dist/components/step/step.utils.js +7 -0
- package/dist/components/stepper/stepper.d.ts +23 -0
- package/dist/components/stepper/stepper.js +10 -0
- package/dist/components/stepper/stepper.styles.d.ts +2 -0
- package/dist/components/stepper/stepper.styles.js +8 -0
- package/dist/components/tab/tab.d.ts +1 -1
- package/dist/components/tab/tab.js +3 -3
- package/dist/components/tab-group/tab-group.d.ts +1 -1
- package/dist/components/tab-group/tab-group.js +3 -3
- package/dist/components/tab-panel/tab-panel.d.ts +1 -1
- package/dist/components/tab-panel/tab-panel.js +2 -2
- package/dist/components/tag/tag.js +9 -8
- package/dist/components/textarea/textarea.d.ts +1 -0
- package/dist/components/textarea/textarea.js +4 -3
- package/dist/components/tooltip/tooltip.js +3 -3
- package/dist/components/tree/tree.d.ts +2 -1
- package/dist/components/tree/tree.js +12 -11
- package/dist/components/tree-item/tree-item.d.ts +1 -1
- package/dist/components/tree-item/tree-item.js +11 -10
- package/dist/custom-elements.json +1325 -41
- package/dist/design-system.d.ts +3 -0
- package/dist/design-system.js +112 -95
- package/dist/internal/debounce.d.ts +1 -1
- package/dist/internal/debounce.js +3 -3
- package/dist/internal/default-value.d.ts +1 -1
- package/dist/internal/default-value.js +24 -21
- package/dist/internal/watch.js +1 -1
- package/dist/themes/dsa-wc-theme.css +79 -6
- package/dist/themes/dsa-wc-theme.min.css +1 -1
- package/dist/themes/dsa-wc-theme.styles.js +85 -6
- package/dist/translations/en-gb.js +1 -1
- package/dist/translations/en.js +1 -1
- package/dist/translations/fr.js +1 -1
- package/dist/utilities/directives.d.ts +1 -0
- package/dist/utilities/directives.js +7 -0
- package/dist/utilities/localize.d.ts +7 -0
- package/dist/utilities/localize.js +1 -1
- package/dist/vscode.html-custom-data.json +169 -6
- package/dist/web-types.json +737 -9
- package/package.json +2 -2
- package/dist/chunks/chunk.GI7VDIWX.js +0 -24
|
@@ -12,10 +12,10 @@ import {
|
|
|
12
12
|
} from "./chunk.V7RJROLH.js";
|
|
13
13
|
import {
|
|
14
14
|
LocalizeController
|
|
15
|
-
} from "./chunk.
|
|
15
|
+
} from "./chunk.NBPVVWJU.js";
|
|
16
16
|
import {
|
|
17
17
|
watch
|
|
18
|
-
} from "./chunk.
|
|
18
|
+
} from "./chunk.6IH66JBY.js";
|
|
19
19
|
import {
|
|
20
20
|
ShoelaceElement
|
|
21
21
|
} 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-
|
|
106
|
-
border-color: var(--dsa-wc-input-on-base-
|
|
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
|
-
|
|
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,
|
|
@@ -31,9 +31,16 @@ 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",
|
|
39
|
+
step: "\xC9tape",
|
|
40
|
+
stepActive: "\xC9tape active",
|
|
41
|
+
stepCompleted: "\xC9tape valid\xE9e",
|
|
42
|
+
stepInProgress: "\xC9tape en cours",
|
|
43
|
+
stepError: "\xC9tape en erreur",
|
|
37
44
|
// countries
|
|
38
45
|
fr_FR: "France",
|
|
39
46
|
fr_GP: "Guadeloupe",
|
|
@@ -79,9 +86,16 @@ var translation2 = {
|
|
|
79
86
|
scrollToEnd: "Scroll to end",
|
|
80
87
|
scrollToStart: "Scroll to start",
|
|
81
88
|
selectAColorFromTheScreen: "Select a color from the screen",
|
|
89
|
+
selectATime: "Select a time",
|
|
82
90
|
showPassword: "Show password",
|
|
83
91
|
slideNum: (slide) => `Slide ${slide}`,
|
|
84
92
|
toggleColorFormat: "Toggle color format",
|
|
93
|
+
noMatchFound: "No match found",
|
|
94
|
+
step: "Step",
|
|
95
|
+
stepActive: "Active step",
|
|
96
|
+
stepCompleted: "Step completed",
|
|
97
|
+
stepInProgress: "Step in progress",
|
|
98
|
+
stepError: "Step in error",
|
|
85
99
|
// countries
|
|
86
100
|
fr_FR: "France",
|
|
87
101
|
fr_GP: "Guadeloupe",
|
|
@@ -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-
|
|
130
|
-
border-color: var(--dsa-wc-input-on-base-
|
|
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-
|
|
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-
|
|
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
|
-
|
|
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
|
|
|
@@ -11,6 +11,9 @@ import {
|
|
|
11
11
|
import {
|
|
12
12
|
HasSlotController
|
|
13
13
|
} from "./chunk.YIY5RM53.js";
|
|
14
|
+
import {
|
|
15
|
+
ifDefinedAndNotEmpty
|
|
16
|
+
} from "./chunk.ZQJVCRB2.js";
|
|
14
17
|
import {
|
|
15
18
|
waitForEvent
|
|
16
19
|
} from "./chunk.B4BZKR24.js";
|
|
@@ -24,10 +27,10 @@ import {
|
|
|
24
27
|
} from "./chunk.V7RJROLH.js";
|
|
25
28
|
import {
|
|
26
29
|
LocalizeController
|
|
27
|
-
} from "./chunk.
|
|
30
|
+
} from "./chunk.NBPVVWJU.js";
|
|
28
31
|
import {
|
|
29
32
|
watch
|
|
30
|
-
} from "./chunk.
|
|
33
|
+
} from "./chunk.6IH66JBY.js";
|
|
31
34
|
import {
|
|
32
35
|
ShoelaceElement
|
|
33
36
|
} from "./chunk.YCXTCVAZ.js";
|
|
@@ -224,7 +227,9 @@ var DSADialog = class extends ShoelaceElement {
|
|
|
224
227
|
role="dialog"
|
|
225
228
|
aria-modal="true"
|
|
226
229
|
aria-hidden=${this.open ? "false" : "true"}
|
|
227
|
-
aria-label=${
|
|
230
|
+
aria-label=${ifDefinedAndNotEmpty(
|
|
231
|
+
this.noHeader ? this.label : void 0
|
|
232
|
+
)}
|
|
228
233
|
aria-labelledby=${ifDefined(!this.noHeader ? "title" : void 0)}
|
|
229
234
|
tabindex="0"
|
|
230
235
|
>
|