@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.
- package/CHANGELOG.md +38 -0
- package/dist/chunks/{chunk.K6WCEYZI.js → chunk.2CCKS3CP.js} +1 -1
- 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.KOH5V4C6.js → chunk.4MC32HP7.js} +21 -17
- package/dist/chunks/{chunk.BLPP3Q5H.js → chunk.5324JGM4.js} +11 -4
- package/dist/chunks/{chunk.WIEJJS3W.js → chunk.6BJBVSW4.js} +1 -1
- package/dist/chunks/{chunk.D7CATJYB.js → chunk.6IH66JBY.js} +1 -1
- package/dist/chunks/{chunk.YS7MY5CH.js → chunk.7EWUWW3E.js} +18 -24
- package/dist/chunks/chunk.7HGZSZJK.js +409 -0
- package/dist/chunks/{chunk.ODSCDJDO.js → chunk.ARVWTY56.js} +5 -4
- package/dist/chunks/{chunk.KDAK2GXX.js → chunk.AYXPVAYS.js} +1 -1
- package/dist/chunks/{chunk.WSVP75MH.js → chunk.CBMFAOZI.js} +1 -1
- package/dist/chunks/chunk.CMJ2SRTL.js +26 -0
- package/dist/chunks/{chunk.DURVPB6M.js → chunk.D6DEGG4H.js} +25 -6
- package/dist/chunks/{chunk.MY434P47.js → chunk.DFTZEFHF.js} +2 -2
- package/dist/chunks/{chunk.4XT2OJD2.js → chunk.DZWH4V6H.js} +8 -4
- 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.OVK7QCA7.js → chunk.F4XMSVNF.js} +13 -9
- package/dist/chunks/{chunk.4A3WMGMZ.js → chunk.FHDPJN6L.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.PWWER3ZK.js → chunk.GJCVGGCP.js} +48 -24
- package/dist/chunks/{chunk.WHK7EFIM.js → chunk.GP5Z27QB.js} +7 -4
- package/dist/chunks/{chunk.UA32LJYW.js → chunk.HEOTAAPU.js} +2 -2
- package/dist/chunks/{chunk.JETXIC4F.js → chunk.HPK6C7NJ.js} +1 -1
- package/dist/chunks/{chunk.A2PAK6VF.js → chunk.ILUHEJYG.js} +2 -2
- package/dist/chunks/{chunk.5XL2LZLC.js → chunk.IQ7SDYSC.js} +4 -0
- package/dist/chunks/{chunk.GYTA2LJC.js → chunk.J6XP4AFN.js} +1 -1
- package/dist/chunks/{chunk.UZLQVFDR.js → chunk.L6LQN6AI.js} +2 -2
- package/dist/chunks/{chunk.BEB47LM2.js → chunk.LSKBY2HF.js} +2 -2
- package/dist/chunks/{chunk.WNHQYL5W.js → chunk.MTZZV3NB.js} +4 -20
- package/dist/chunks/{chunk.7ZCCXTFG.js → chunk.NBQ3AEK6.js} +2 -2
- package/dist/chunks/{chunk.HC5BO5YV.js → chunk.NHYFVEGM.js} +5 -16
- package/dist/chunks/{chunk.QKNNLZ2M.js → chunk.NKPNQBLW.js} +5 -5
- package/dist/chunks/{chunk.MOWTZFON.js → chunk.NKVYNBAI.js} +1 -1
- package/dist/chunks/{chunk.7NWAYDYI.js → chunk.NOEQVLAW.js} +3 -3
- package/dist/chunks/{chunk.INCGVIAQ.js → chunk.QSPKKO3T.js} +1 -1
- package/dist/chunks/chunk.R37CT3PN.js +865 -0
- package/dist/chunks/{chunk.IRQOFNJE.js → chunk.RSJYKNXT.js} +8 -3
- package/dist/chunks/{chunk.5XUV3SRW.js → chunk.ST2QYN4S.js} +11 -6
- package/dist/chunks/{chunk.LT7JMZ3T.js → chunk.T7JSALXE.js} +2 -2
- package/dist/chunks/{chunk.N6VVY6XD.js → chunk.U5KRBVRP.js} +6 -3
- package/dist/chunks/{chunk.5LT3B7MI.js → chunk.UQYPPFBJ.js} +1 -1
- package/dist/chunks/{chunk.2HUORR44.js → chunk.V6V7AGDB.js} +1 -1
- package/dist/chunks/{chunk.UV53JTE3.js → chunk.VIULAG23.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.HLYGKGDG.js → chunk.W74UQSZJ.js} +8 -5
- package/dist/chunks/{chunk.AR5HJD7F.js → chunk.X6RQ2SQC.js} +1 -1
- package/dist/chunks/chunk.ZQJVCRB2.js +10 -0
- package/dist/chunks/{chunk.RIJQGADY.js → chunk.ZW4JE66G.js} +11 -4
- 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/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 +1104 -74
- package/dist/design-system.d.ts +1 -0
- package/dist/design-system.js +96 -90
- 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 +37 -6
- package/dist/themes/dsa-wc-theme.min.css +1 -1
- package/dist/themes/dsa-wc-theme.styles.js +43 -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 +2 -0
- package/dist/utilities/localize.js +1 -1
- package/dist/vscode.html-custom-data.json +130 -6
- package/dist/web-types.json +618 -9
- package/package.json +1 -1
- package/dist/chunks/chunk.GI7VDIWX.js +0 -24
|
@@ -1,25 +1,28 @@
|
|
|
1
1
|
import {
|
|
2
2
|
input_mask_styles_default
|
|
3
|
-
} from "./chunk.
|
|
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.
|
|
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.
|
|
22
|
+
} from "./chunk.IQ7SDYSC.js";
|
|
20
23
|
import {
|
|
21
24
|
watch
|
|
22
|
-
} from "./chunk.
|
|
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=${
|
|
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=${
|
|
298
|
-
|
|
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>
|
|
@@ -1,18 +1,21 @@
|
|
|
1
1
|
import {
|
|
2
2
|
select_styles_default
|
|
3
|
-
} from "./chunk.
|
|
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.
|
|
32
|
+
} from "./chunk.IQ7SDYSC.js";
|
|
30
33
|
import {
|
|
31
34
|
watch
|
|
32
|
-
} from "./chunk.
|
|
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 === "
|
|
131
|
-
event.
|
|
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=${
|
|
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=${
|
|
561
|
-
|
|
562
|
-
|
|
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=${
|
|
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 && !
|
|
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.
|
|
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.
|
|
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.
|
|
18
|
+
} from "./chunk.IQ7SDYSC.js";
|
|
19
19
|
import {
|
|
20
20
|
watch
|
|
21
|
-
} from "./chunk.
|
|
21
|
+
} from "./chunk.6IH66JBY.js";
|
|
22
22
|
import {
|
|
23
23
|
ShoelaceElement
|
|
24
24
|
} from "./chunk.YCXTCVAZ.js";
|
|
@@ -11,13 +11,13 @@ import {
|
|
|
11
11
|
} from "./chunk.V7RJROLH.js";
|
|
12
12
|
import {
|
|
13
13
|
LocalizeController
|
|
14
|
-
} from "./chunk.
|
|
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.
|
|
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,10 +6,10 @@ import {
|
|
|
6
6
|
} from "./chunk.EMIT7S33.js";
|
|
7
7
|
import {
|
|
8
8
|
LocalizeController
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.IQ7SDYSC.js";
|
|
10
10
|
import {
|
|
11
11
|
watch
|
|
12
|
-
} from "./chunk.
|
|
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.
|
|
18
|
+
} from "./chunk.IQ7SDYSC.js";
|
|
19
19
|
import {
|
|
20
20
|
watch
|
|
21
|
-
} from "./chunk.
|
|
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-
|
|
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,
|
|
@@ -12,10 +12,10 @@ import {
|
|
|
12
12
|
} from "./chunk.V7RJROLH.js";
|
|
13
13
|
import {
|
|
14
14
|
LocalizeController
|
|
15
|
-
} from "./chunk.
|
|
15
|
+
} from "./chunk.IQ7SDYSC.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";
|
|
@@ -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
|
|
|
@@ -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.
|
|
9
|
+
} from "./chunk.IQ7SDYSC.js";
|
|
10
10
|
import {
|
|
11
11
|
watch
|
|
12
|
-
} from "./chunk.
|
|
12
|
+
} from "./chunk.6IH66JBY.js";
|
|
13
13
|
import {
|
|
14
14
|
ShoelaceElement
|
|
15
15
|
} from "./chunk.YCXTCVAZ.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
2
|
option_styles_default
|
|
3
|
-
} from "./chunk.
|
|
3
|
+
} from "./chunk.2DGAEK66.js";
|
|
4
4
|
import {
|
|
5
5
|
LocalizeController
|
|
6
|
-
} from "./chunk.
|
|
6
|
+
} from "./chunk.IQ7SDYSC.js";
|
|
7
7
|
import {
|
|
8
8
|
watch
|
|
9
|
-
} from "./chunk.
|
|
9
|
+
} from "./chunk.6IH66JBY.js";
|
|
10
10
|
import {
|
|
11
11
|
ShoelaceElement
|
|
12
12
|
} from "./chunk.YCXTCVAZ.js";
|