@roadtrip/components 3.38.0 → 3.38.1
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/dist/cjs/road-segmented-button.cjs.entry.js +2 -2
- package/dist/cjs/road-segmented-button.cjs.entry.js.map +1 -1
- package/dist/cjs/road-segmented-button.entry.cjs.js.map +1 -1
- package/dist/collection/components/segmented-button/segmented-button.css +1 -1
- package/dist/collection/components/segmented-button/segmented-button.js +1 -1
- package/dist/collection/components/segmented-button/segmented-button.js.map +1 -1
- package/dist/esm/road-segmented-button.entry.js +2 -2
- package/dist/esm/road-segmented-button.entry.js.map +1 -1
- package/dist/roadtrip/{p-5fac9508.entry.js → p-642aaeb9.entry.js} +2 -2
- package/dist/roadtrip/p-642aaeb9.entry.js.map +1 -0
- package/dist/roadtrip/road-segmented-button.entry.esm.js.map +1 -1
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/hydrate/index.js +101 -101
- package/hydrate/index.mjs +101 -101
- package/package.json +1 -1
- package/dist/roadtrip/p-5fac9508.entry.js.map +0 -1
package/hydrate/index.js
CHANGED
|
@@ -3312,7 +3312,7 @@ class Accordion {
|
|
|
3312
3312
|
const accordionLightContent = this.isLight ? 'accordion-content accordion-light-content' : 'accordion-content';
|
|
3313
3313
|
const accordionLightSeparator = this.isLightSeparator ? 'accordion accordion-light accordion-light--border' : 'accordion';
|
|
3314
3314
|
const accordionSmall = this.isSmall ? 'accordion accordion-light accordion-light--small' : 'accordion';
|
|
3315
|
-
return (hAsync("details", { key: '
|
|
3315
|
+
return (hAsync("details", { key: 'a3469eb6d8aef3b880677284c59e69eb62f205e8', class: `${accordionLight} ${accordionSmall} ${accordionLightSeparator}`, open: this.isOpen }, hAsync("summary", { key: 'b0c18225580028ad00098aa494a29b2c956b7561', class: "accordion-trigger", "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'a066d273354e022c095978edeae2040eddb75804', class: accordionLightHeader }, hAsync("slot", { key: '13056e6babf83f00ebfd538aa79a9fae24ab344f', name: "icon-left" }), hAsync("slot", { key: '7f54051ce9e12dc9ef8e30f7262096a1248d19bb', name: "header" }), hAsync("road-icon", { key: '4161743fdea3953e151525481a338c7a87edd159', class: "accordion-arrow", icon: navigationChevron }))), hAsync("div", { key: '42f14c07ceabf357f4042207e35f828e782aefbc', class: accordionLightContent }, hAsync("slot", { key: 'c0e67f0215366eb9e129b341f02ff88a5c019b43' }))));
|
|
3316
3316
|
}
|
|
3317
3317
|
static get style() { return accordionCss; }
|
|
3318
3318
|
static get cmpMeta() { return {
|
|
@@ -3346,7 +3346,7 @@ class Alert {
|
|
|
3346
3346
|
}
|
|
3347
3347
|
render() {
|
|
3348
3348
|
const colorClass = this.color !== undefined ? `alert-${this.color}` : '';
|
|
3349
|
-
return (hAsync(Host, { key: '
|
|
3349
|
+
return (hAsync(Host, { key: 'b654cd8f516e47f8a6c0e7a1a4bfd9cae09076e0', class: colorClass, role: "alert" }, hAsync("div", { key: '280b009d269a3dd510bcfabf8f4d7e5eb61cda80', class: "alert-icon" }, hAsync("slot", { key: '17d81df60b117ab8b246d9b73c832954ec7296d1', name: "icon" })), hAsync("div", { key: '46f8799b8b2ef9e525a4d7f00b5c53ddd98fe4d1' }, this.label && hAsync("span", { key: '900b5b9f095356d008fb2bae5c03cc28eb828a8a', class: "alert-title d-block" }, this.label), hAsync("p", { key: 'c65304f2cb7c7109350f3265a88a507ff84bb0c8', class: "alert-description" }, hAsync("slot", { key: '3f34a35e3bbfd3a2fe96531e9d7a0cfd00df7b74' }), this.link && hAsync("a", { key: '4149db714ea2fc13148d1e44d6e0dd9cc73dee45', href: this.url, class: "alert-link link link-default" }, this.link)))));
|
|
3350
3350
|
}
|
|
3351
3351
|
static get style() { return alertCss; }
|
|
3352
3352
|
static get cmpMeta() { return {
|
|
@@ -3444,7 +3444,7 @@ class Asset {
|
|
|
3444
3444
|
}
|
|
3445
3445
|
}
|
|
3446
3446
|
render() {
|
|
3447
|
-
return (hAsync(Host, { key: '
|
|
3447
|
+
return (hAsync(Host, { key: '64331c0cd4f5a805be16cd746dfe78d7eeea118e', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
|
|
3448
3448
|
? hAsync("div", { class: "icon-inner", innerHTML: this.assetSvgContent })
|
|
3449
3449
|
: hAsync("div", { class: "icon-inner" }))));
|
|
3450
3450
|
}
|
|
@@ -3513,8 +3513,8 @@ class Autocomplete {
|
|
|
3513
3513
|
}
|
|
3514
3514
|
}
|
|
3515
3515
|
render() {
|
|
3516
|
-
return (hAsync(Host, { key: '
|
|
3517
|
-
hAsync("ul", { key: '
|
|
3516
|
+
return (hAsync(Host, { key: '6a7b7719e53b273bc42dd8052753d5e681d6956a' }, hAsync("slot", { key: '019abf952b3a3e53a4074f94f0fb791abf4fb5c4' }), this.visible && this.options.length > 0 &&
|
|
3517
|
+
hAsync("ul", { key: '3da2bc611a92c411822456a6b161737da6b2a883', class: "autocomplete-list" }, this.options && this.options.map(option => (hAsync("li", { class: "autocomplete-item", role: "menuitem", onClick: () => this.onClick(option.value, option.label), tabindex: "0" }, option.label))))));
|
|
3518
3518
|
}
|
|
3519
3519
|
get el() { return getElement(this); }
|
|
3520
3520
|
static get style() { return autocompleteCss; }
|
|
@@ -3546,7 +3546,7 @@ class Avatar {
|
|
|
3546
3546
|
}
|
|
3547
3547
|
render() {
|
|
3548
3548
|
const sizeClass = this.size !== undefined ? `avatar-${this.size}` : '';
|
|
3549
|
-
return (hAsync(Host, { key: '
|
|
3549
|
+
return (hAsync(Host, { key: '809031e64b8792227b7a948393206b6de50dfb07', class: `${sizeClass}` }, hAsync("slot", { key: 'b2399051f7515542c87d88f93ed33f390ed9b0b9' })));
|
|
3550
3550
|
}
|
|
3551
3551
|
static get style() { return avatarCss; }
|
|
3552
3552
|
static get cmpMeta() { return {
|
|
@@ -3581,7 +3581,7 @@ class Badge {
|
|
|
3581
3581
|
render() {
|
|
3582
3582
|
const colorClass = this.color !== undefined ? `badge-${this.color}` : '';
|
|
3583
3583
|
const bubbleClass = this.bubble ? 'badge-bubble' : '';
|
|
3584
|
-
return (hAsync(Host, { key: '
|
|
3584
|
+
return (hAsync(Host, { key: '2f539265f47ab9cd236827e84a5b881a9ac9d402', class: `${colorClass} ${bubbleClass}` }, hAsync("slot", { key: '1ecec2947ebadb4cb81d6e3cd74d0851681047b3' })));
|
|
3585
3585
|
}
|
|
3586
3586
|
static get style() { return badgeCss; }
|
|
3587
3587
|
static get cmpMeta() { return {
|
|
@@ -3629,7 +3629,7 @@ class Banner {
|
|
|
3629
3629
|
}
|
|
3630
3630
|
render() {
|
|
3631
3631
|
const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
|
|
3632
|
-
return (hAsync(Host, { key: '
|
|
3632
|
+
return (hAsync(Host, { key: '4d49fae1622403ba54ebbc2eca8e07d56644fa03', class: bannerIsOpenClass }, hAsync("div", { key: 'f61d750fcb78721f8b8f420b77557393c660cb5d' }, hAsync("span", { key: 'b4e13489b0556fa523c1ba3d07c479d8b6e26313', class: "banner-open-label" }, this.label), this.link && hAsync("a", { key: 'b1eeb51ac02e37aeda15c1bf263ed30b71d1fbd0', href: this.url, class: "banner-open-link" }, this.link), hAsync("button", { key: '57f443865461c27103bfbaea56bb7ce134f39b79', type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, hAsync("road-icon", { key: 'adf3326dad26eb587666707695a0d82bd0f985e4', icon: navigationClose, size: "md" })))));
|
|
3633
3633
|
}
|
|
3634
3634
|
static get style() { return bannerCss; }
|
|
3635
3635
|
static get cmpMeta() { return {
|
|
@@ -3734,7 +3734,7 @@ let Button$1 = class Button {
|
|
|
3734
3734
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
3735
3735
|
const expandClass = this.expand ? 'btn-block' : '';
|
|
3736
3736
|
const iconOnlyClass = this.iconOnly ? 'btn-icon' : '';
|
|
3737
|
-
return (hAsync(Host, { key: '
|
|
3737
|
+
return (hAsync(Host, { key: '353ab4e4ca1b5b3f7ece1355e060d6b19a677a45', class: [colorClass, sizeClass, expandClass, iconOnlyClass].filter(Boolean).join(' '), onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, hAsync(TagType, Object.assign({ key: '3ec8936e02703cb0044c8cbf40bf0c23a48eaad1' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("slot", { key: 'b4aa9975c778b2b50d5df3d83d95d9bae9fa3873', name: "start" }), hAsync("slot", { key: 'b852b3dece59f85d1f97bec6b05e721cb5039606' }), hAsync("slot", { key: 'ca7ec24ac0d462311d8e40ee626992138f47170c', name: "end" }))));
|
|
3738
3738
|
}
|
|
3739
3739
|
get el() { return getElement(this); }
|
|
3740
3740
|
static get style() { return buttonCss; }
|
|
@@ -3818,7 +3818,7 @@ class Button {
|
|
|
3818
3818
|
render() {
|
|
3819
3819
|
const TagType = this.href === undefined ? 'button' : 'a';
|
|
3820
3820
|
const positionClass = this.position !== undefined ? `position-${this.position}` : '';
|
|
3821
|
-
return (hAsync(Host, { key: '
|
|
3821
|
+
return (hAsync(Host, { key: '938acf5a3e44873d4a569d8cd4094bcbf62ce7ea', onClick: this.onClick, class: `${positionClass}` }, hAsync(TagType, { key: '466e5439251ec22e926f71838965dc91dc2b8a23', class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("slot", { key: '228e1c27116209bf5313d72c5cb02f154fc19260', name: "start" }), hAsync("slot", { key: '2798856c774a56592061acea33db051c0ff88340' }))));
|
|
3822
3822
|
}
|
|
3823
3823
|
get el() { return getElement(this); }
|
|
3824
3824
|
static get style() { return buttonFloatingCss; }
|
|
@@ -3862,7 +3862,7 @@ class ButtonBar {
|
|
|
3862
3862
|
this.selectedTabChanged();
|
|
3863
3863
|
}
|
|
3864
3864
|
render() {
|
|
3865
|
-
return (hAsync(Host, { key: '
|
|
3865
|
+
return (hAsync(Host, { key: '20a78b478a8d346e40af1065cfc57e273498d389', role: "tablist" }, hAsync("slot", { key: 'aadc0d0830d3110041dc4e0fa7f93f0a42fdefc5' })));
|
|
3866
3866
|
}
|
|
3867
3867
|
get el() { return getElement(this); }
|
|
3868
3868
|
static get watchers() { return {
|
|
@@ -3944,7 +3944,7 @@ class Card {
|
|
|
3944
3944
|
render() {
|
|
3945
3945
|
const { elevation } = this;
|
|
3946
3946
|
const elevationClass = this.elevation ? `card-elevation-${elevation}` : ``;
|
|
3947
|
-
return (hAsync(Host, { key: '
|
|
3947
|
+
return (hAsync(Host, { key: 'ffbda1214eff7cb57679b63404dabc2cffc7bd97', class: `${elevationClass}` }, this.renderCard()));
|
|
3948
3948
|
}
|
|
3949
3949
|
get el() { return getElement(this); }
|
|
3950
3950
|
static get style() { return cardCss; }
|
|
@@ -10691,7 +10691,7 @@ class Carousel {
|
|
|
10691
10691
|
});
|
|
10692
10692
|
}
|
|
10693
10693
|
render() {
|
|
10694
|
-
return (hAsync(Host, { key: '
|
|
10694
|
+
return (hAsync(Host, { key: '6449f5e58d3e1a7baf245b033a6a40acef669404', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: '8f9d9f5904bb748ef003a950ab36ab1c79a6456f', class: "swiper-wrapper" }, hAsync("slot", { key: 'e9cbe92181342bab76e895601b37fd05853143e5' })), this.pager && hAsync("div", { key: '2cecb4484335481e87198f36a7e2aebbed48cfd7', class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (hAsync("div", { key: '0388684ad428f8e18c3e9e4098cf23f99ec5fd1a', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: '5f8a74db627f7d35889fe49ea4aa575b39c87edd', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: 'ed352be39dd46d2b8244529836497c5e960f7bb6', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: '8ec1e89b91cd14b5ff0d32eb496b56fa6015803e', icon: navigationChevron })))));
|
|
10695
10695
|
}
|
|
10696
10696
|
get el() { return getElement(this); }
|
|
10697
10697
|
static get watchers() { return {
|
|
@@ -10741,10 +10741,10 @@ class CarouselItem {
|
|
|
10741
10741
|
registerInstance(this, hostRef);
|
|
10742
10742
|
}
|
|
10743
10743
|
render() {
|
|
10744
|
-
return (hAsync(Host, { key: '
|
|
10744
|
+
return (hAsync(Host, { key: '5351b52cd1a420fdc954e510a9d5cb04eb93b692', class: {
|
|
10745
10745
|
'swiper-slide': true,
|
|
10746
10746
|
'swiper-zoom-container': true,
|
|
10747
|
-
} }, hAsync("slot", { key: '
|
|
10747
|
+
} }, hAsync("slot", { key: 'bb54a4caad4c46b881ad0d8e09071adbd086bfac' })));
|
|
10748
10748
|
}
|
|
10749
10749
|
static get style() { return carouselItemCss; }
|
|
10750
10750
|
static get cmpMeta() { return {
|
|
@@ -10834,7 +10834,7 @@ class Checkbox {
|
|
|
10834
10834
|
const labelId = this.checkboxId + '-label';
|
|
10835
10835
|
const inverseClass = this.inverse && 'form-checkbox-inverse';
|
|
10836
10836
|
const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';
|
|
10837
|
-
return (hAsync(Host, { key: '
|
|
10837
|
+
return (hAsync(Host, { key: '29f815ab6351bdfe05a5e0c3e505c667ed1f41d5' }, hAsync("input", { key: 'fc0a8ea36dd49755ee30a392e2d288e45848e540', class: `form-check-input ${isInvalidClass}`, type: "checkbox", id: this.checkboxId, name: this.name, required: this.required, disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: 'c56457ee2f3ab825780c7026eda32708a90d341b', class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, hAsync("div", { key: '45d6b492f1156d5a7544eeba2327b297aea81632' }, this.label, " ", hAsync("span", { key: '3f7d67a6b26bcd07a2e4ea632a15988f6218be63', class: "form-check-label-span" }, this.secondaryLabel), hAsync("slot", { key: 'fae0610a4929379c9751e207c438a019033fc6cc' })), this.checked && !this.indeterminate && hAsync("road-icon", { key: '2426aad5abfd67d57d3997800c5e320db7642478', class: "form-check-icon", icon: checkWide }), this.indeterminate && hAsync("road-icon", { key: '180a14b27de4c0304dd38b88e09237a51ef24481', class: "form-check-icon", icon: navigationAddLess })), this.error && this.error !== '' && hAsync("p", { key: '50f964421ef90d53ef663030cd64f02f6dbea7e4', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'd7119a7d7323df974d0af3c7ee30fed64f019f62', class: "helper" }, this.helper)));
|
|
10838
10838
|
}
|
|
10839
10839
|
static get watchers() { return {
|
|
10840
10840
|
"checked": ["checkedChanged"]
|
|
@@ -10891,7 +10891,7 @@ class Chip {
|
|
|
10891
10891
|
}
|
|
10892
10892
|
render() {
|
|
10893
10893
|
const outlineClass = this.outline ? 'chip-outline' : '';
|
|
10894
|
-
return (hAsync(Host, { key: '
|
|
10894
|
+
return (hAsync(Host, { key: 'd62cb5ab9adddd6249a39b2f9e0aca4163fe2269', class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: '30a200dc140ac7de7a7c38ec5f3c5aebcf30ec06', class: "chip-description" }, hAsync("slot", { key: '4e49f38d9ea9c4f5d7cc465473089b5fd3e2407e' })), this.hasCloseIcon && hAsync("road-icon", { key: 'd04755df3acef36413f551ce3a76e3970be05205', class: "chip-close", icon: navigationClose })));
|
|
10895
10895
|
}
|
|
10896
10896
|
static get style() { return chipCss; }
|
|
10897
10897
|
static get cmpMeta() { return {
|
|
@@ -10919,7 +10919,7 @@ class Col {
|
|
|
10919
10919
|
registerInstance(this, hostRef);
|
|
10920
10920
|
}
|
|
10921
10921
|
render() {
|
|
10922
|
-
return (hAsync("slot", { key: '
|
|
10922
|
+
return (hAsync("slot", { key: '0b3251e270d85e236cfb3e19d1652a99250a97f7' }));
|
|
10923
10923
|
}
|
|
10924
10924
|
static get style() { return colCss; }
|
|
10925
10925
|
static get cmpMeta() { return {
|
|
@@ -10968,7 +10968,7 @@ class Collapse {
|
|
|
10968
10968
|
const isOpenClass = this.isOpen ? 'collapse-open' : '';
|
|
10969
10969
|
const buttonText = this.isOpen ? this.showLess : this.showMore;
|
|
10970
10970
|
const centerClass = this.centered ? 'collapse-btn-centered' : '';
|
|
10971
|
-
return (hAsync(Host, { key: '
|
|
10971
|
+
return (hAsync(Host, { key: 'dea3ae21ebf2c66c4eab20547d7c7cf983c80e8c' }, hAsync("slot", { key: '3e24d28e832b7c7fad8f44b5838e70729599a807' }), hAsync("div", { key: 'd98b7a9fa8f06be816d7f606bb323dda6c6bbc35', class: `collapsed-content ${isOpenClass}` }, hAsync("slot", { key: '9766bde1f82e72fcdb2029e881358198afecf8f6', name: "collapsed-content" })), hAsync("div", { key: '526b71c8edb30c0969196e91123107d41f6101ff', class: `collapse-btn-wrapper ${centerClass}` }, hAsync("road-button", { key: '9660be0a97c94df0457afe3d7e7490c298d5ae17', onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
|
|
10972
10972
|
}
|
|
10973
10973
|
static get style() { return collapseCss; }
|
|
10974
10974
|
static get cmpMeta() { return {
|
|
@@ -11004,7 +11004,7 @@ class ContentCard {
|
|
|
11004
11004
|
}
|
|
11005
11005
|
render() {
|
|
11006
11006
|
const insetImageClass = this.insetImage ? '' : 'content-card-image';
|
|
11007
|
-
return (hAsync(Host, { key: '
|
|
11007
|
+
return (hAsync(Host, { key: '360033db419c221742546ef2d0e5929bb300efcd' }, hAsync("road-img", { key: '013523dcbb0b7296401a07d602a367c6655d7c28', src: "https://s1.medias-norauto.fr/visuals/desktop/fr/banners/blog_loimontagne.png", alt: "loi montagne", class: insetImageClass }), hAsync("div", { key: '6078dca52c93745082547511d6eec6ddb3470032', class: "content-card-description" }, hAsync("road-label", { key: '89860de59698bb7053363602402e5702f6903680', class: "content-card-description-title" }, hAsync("slot", { key: 'f911c334a22308ed45ceb5dfb9785f44ebd71b4c', name: "label" })), hAsync("p", { key: 'abdcfc5bd409339e499de259c566cb1972359a68', class: "content-card-description-text" }, hAsync("slot", { key: '542fd9cc261c1b01ea9eb328ac39d332aa6758c0', name: "description" })), hAsync("div", { key: '976680d7b4e76b451497486b5fcc9fd2080ac9ad', class: "content-card-description-buttons" }, hAsync("slot", { key: 'ed7f0248f86a76328a070cbcf52966587f0ac008' })))));
|
|
11008
11008
|
}
|
|
11009
11009
|
static get style() { return contentCardCss; }
|
|
11010
11010
|
static get cmpMeta() { return {
|
|
@@ -11179,7 +11179,7 @@ class Counter {
|
|
|
11179
11179
|
}
|
|
11180
11180
|
render() {
|
|
11181
11181
|
const dataCi = this.isDustbinVisible ? "road-dustbin" : "";
|
|
11182
|
-
return (hAsync("road-input-group", { key: '
|
|
11182
|
+
return (hAsync("road-input-group", { key: '3bb999a2b567deabe7b48ed0583e06618665b6f7', class: this.size && `counter-${this.size}` }, hAsync("road-button", { key: '64f881a027b7cb96fa788f6e0a42d6c3fdc3c538', slot: "prepend", size: this.size, onClick: this.decrease, class: this.leftIconClasses, "data-cy": "road-decrease" }, hAsync("road-icon", { key: '56b8a9f64c76e84cadd1846bb4891048e8c5fc81', name: this.isDustbinVisible ? "delete-forever" : "navigation-add-less", ref: (el) => this.iconCounterLess = el, size: this.size, "data-cy": dataCi, role: "button" })), hAsync("road-input", { key: '5e202c695ea45fa5862099f9a7ca9bc060d85e5e', ref: (el) => this.inputElement = el, type: "number", min: this.min.toString(), max: (this.max && this.max.toString()), step: this.step, value: this.value, onRoadChange: this.onRoadChange, onKeyUp: this.checkValue, "data-cy": "road-input-counter", readonly: this.readonly, label: "Quantit\u00E9" }), hAsync("road-button", { key: '8dfd4ef49c6e29c8d69f7790f96c1aaa8284e9b1', slot: "append", size: this.size, onClick: this.increase, class: this.rightIconClasses, "data-cy": "road-increase" }, hAsync("road-icon", { key: '908626b28f6de3bf65b717a998a1c3b574a7af6c', name: "navigation-add-more", size: this.size, role: "button" }))));
|
|
11183
11183
|
}
|
|
11184
11184
|
get el() { return getElement(this); }
|
|
11185
11185
|
static get watchers() { return {
|
|
@@ -11298,11 +11298,11 @@ class Dialog {
|
|
|
11298
11298
|
break;
|
|
11299
11299
|
}
|
|
11300
11300
|
}
|
|
11301
|
-
return (hAsync(Host, { key: '
|
|
11301
|
+
return (hAsync(Host, { key: '290c0636b8ef1edfd35e4273b16e9ac05bb088c7', class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, hAsync("div", { key: 'e150afc757aaa616abba21261f5fc4e7a7035cdc', class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), hAsync("div", { key: '30dcf17bb1765dd295f9b5b38a18441b922ea6f2', class: "dialog-modal", role: "document", tabindex: "0" }, hAsync("div", { key: 'a0ffb5263da02b6677f5ca4410601bed109fa524', class: "dialog-content" }, hAsync("header", { key: 'f37da11d3b3b70fb4c7ee83bec7a289607ef4217', class: "dialog-header" }, this.hasCloseIcon
|
|
11302
11302
|
? hAsync("button", { type: "button", class: "dialog-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))
|
|
11303
|
-
: ''), hAsync("div", { key: '
|
|
11303
|
+
: ''), hAsync("div", { key: '9194a50bc0595a94170864de94f1ff1716693ee5', class: "dialog-body" }, this.color !== undefined
|
|
11304
11304
|
? hAsync("road-icon", { class: "dialog-icon", part: "dialog-icon", color: this.color, icon: icon, "aria-hidden": "true" })
|
|
11305
|
-
: '', hAsync("h2", { key: '
|
|
11305
|
+
: '', hAsync("h2", { key: 'cceab62ea959bd00196b3a1953c7f99495aa1d8a', class: "dialog-title" }, this.label), hAsync("p", { key: '147c9dec3808c463a363cd30fb2ab5b26818c8d8', class: "dialog-description", id: "dialogDesc" }, this.description)), hAsync("footer", { key: '8fc28a19c581eef87c45aae031902e27aeb9dc59', class: "dialog-footer" }, hAsync("slot", { key: '5245e5168dcc7011f534d2c2901207ad0f08a617' }))))));
|
|
11306
11306
|
}
|
|
11307
11307
|
get el() { return getElement(this); }
|
|
11308
11308
|
static get style() { return dialogCss; }
|
|
@@ -11469,7 +11469,7 @@ class Drawer {
|
|
|
11469
11469
|
const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
|
|
11470
11470
|
const footerSlotElement = (_d = this.el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('slot[name="footer"]');
|
|
11471
11471
|
const hasFooterContent = footerSlotElement instanceof HTMLSlotElement && footerSlotElement.assignedNodes().length > 0;
|
|
11472
|
-
return (hAsync(Host, { key: '
|
|
11472
|
+
return (hAsync(Host, { key: '93072c8fcb535cf6c89bd5e27ad1b3ed8e0f97eb', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: 'cb58c1f0b63aaad7cdf0bf7fb8f18926221774a6', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'ec9d9d1f3cc85a18083c42d6984fe7710f319895', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: '62f30769800c93b30192390e7cfbba1bab4c7112', class: "drawer-content" }, hAsync("header", { key: 'c46be7930ae6e16d7987b7c4c4d3514c14da446a', class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle ? (hAsync("h2", { class: "drawer-title" }, this.drawerTitle)) : (hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" }))), closeIconElement), hAsync("div", { key: '2f88f1ffa5f1de87e65f10403d06fd6b2be0732c', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: '1e4566f2b0ab9526a2105b677c52b3aa35498207' })), hAsync("footer", { key: 'da00c01c908b22f1f1d134d36a37debf0921abfb', class: `drawer-footer ${removePaddingClass}`, style: { display: hasFooterContent ? 'block' : 'none' } }, hAsync("slot", { key: '7083046d31f374bcd957bc5b8f45968f7c5cb05f', name: "footer" }))))));
|
|
11473
11473
|
}
|
|
11474
11474
|
get el() { return getElement(this); }
|
|
11475
11475
|
static get watchers() { return {
|
|
@@ -11529,7 +11529,7 @@ let Dropdown$1 = class Dropdown {
|
|
|
11529
11529
|
const positionClass = this.position ? `position-${this.position}` : '';
|
|
11530
11530
|
const dropdownClass = this.position ? `dropdown-${this.position}` : '';
|
|
11531
11531
|
const directionClass = this.direction ? `direction-${this.direction}` : '';
|
|
11532
|
-
return (hAsync("details", { key: '
|
|
11532
|
+
return (hAsync("details", { key: '211f088489a5a72f91c44f5838094abd80070d7e', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: 'e0fbbc21fdf4e495f8cb350f4406e9b078c80a74', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: '5c212e3034b30a2ed9bf7f81e9184683c106142e', class: `d-flex ${positionClass}` }, hAsync("div", { key: '6ca46e2494cd89ba85efc4a11aea6fb464dec232', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: 'd0ad2f329b888a9fd19aac3841f45e7d26c3e0bd', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: 'a67a0e81ef1402bddb223545b3825e9cdf4a7c2b', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: '3f135ccb24eb38de0961c28e83ed20154f33da77', name: "list" }))));
|
|
11533
11533
|
}
|
|
11534
11534
|
get el() { return getElement(this); }
|
|
11535
11535
|
static get style() { return dropdownCss; }
|
|
@@ -11584,7 +11584,7 @@ class Dropdown {
|
|
|
11584
11584
|
this.isOpen = false;
|
|
11585
11585
|
}
|
|
11586
11586
|
render() {
|
|
11587
|
-
return (hAsync("details", { key: '
|
|
11587
|
+
return (hAsync("details", { key: '4c6962a4781dd3d5a6e6eef529f048f13de405ac', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: 'a90e142e8508b169a9e7f08faba4e87fee14bedf', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'c53e854e8a9584ad3fbcbe970a09e08d5880d6e5', class: `d-flex` }, hAsync("div", { key: '9acbc23adba42ac6322f12c100c6691df0947234' }, hAsync("road-avatar", { key: '3447cf1cc5bc838dfcf0f6711845bd70e255b5b1' }, hAsync("slot", { key: '99c11772dc9b2355394a65133fcbbbf890f809da', name: "avatar" }))))), hAsync("div", { key: '026dca27e856092b7f649a87b6808e47a497c44a', class: `dropdown-menu` }, hAsync("div", { key: '1399d368e674f8c35c15f78a7d5751b9b9be062c', class: "profil-item" }, hAsync("road-avatar", { key: '0571aecb63ccb518d6987e22dcdc00a857ff2c86', size: "sm" }, hAsync("slot", { key: '848ca5a83485fdc1754dce1a1fb3cb5b297a5416', name: "avatarItem" })), hAsync("div", { key: '5327823b0e03cae6b8ebe0ead29dd40e6f131429', class: "profil-item-info" }, hAsync("span", { key: '834775e093e0db9d6e0cc97b133e0e3397c1a6b1', class: "profil-item-info-name" }, hAsync("slot", { key: '01c8c2278afc8daccc8bc29dae4ec100761891ed', name: "name" })), hAsync("road-label", { key: '7e5c94cadda56ed66aba93607cf70caf2fca5240' }, hAsync("slot", { key: '56b80c83fd4b63679489ca8e43f0dd2a10f4b1fb', name: "email" })))), hAsync("slot", { key: '3371b449984237cf223f4da5f2636829deb233b7', name: "list" }))));
|
|
11588
11588
|
}
|
|
11589
11589
|
get el() { return getElement(this); }
|
|
11590
11590
|
static get style() { return profilDropdownCss; }
|
|
@@ -11647,7 +11647,7 @@ class Duration {
|
|
|
11647
11647
|
this.isOpen = false;
|
|
11648
11648
|
}
|
|
11649
11649
|
render() {
|
|
11650
|
-
return (hAsync("road-drawer", { key: '
|
|
11650
|
+
return (hAsync("road-drawer", { key: '8c6994a2336d91e1b2c53ee243e7913298f6e0ff', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: '8eb993171f652d6bf2bfbe22ed4faa92ff94ce69' }, hAsync("road-row", { key: 'bb12063e6c07e0d459c39a78626ed1991a07dbab', class: "duration-values" }, Array(Math.floor((this.max - this.min) / this.step) + 1).fill(this.min).map(((item, index) => (item + index * this.step))).map(item => hAsync("road-col", { class: "col-3 col-md-2" }, hAsync("road-card", { button: true, value: item }, hAsync("road-label", null, Math.floor(item / 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false }), ":", (item % 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false })))))))));
|
|
11651
11651
|
}
|
|
11652
11652
|
get el() { return getElement(this); }
|
|
11653
11653
|
static get style() { return durationCss; }
|
|
@@ -11692,7 +11692,7 @@ class Flap {
|
|
|
11692
11692
|
}
|
|
11693
11693
|
render() {
|
|
11694
11694
|
const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
|
|
11695
|
-
return (hAsync(Host, { key: '
|
|
11695
|
+
return (hAsync(Host, { key: '0ef7e9f8c55fc49a34182d944f71c9a75d0fb7be', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: 'fa1995ace426d5410cde6003d42d5b689db64bb3' })));
|
|
11696
11696
|
}
|
|
11697
11697
|
static get style() { return flapCss; }
|
|
11698
11698
|
static get cmpMeta() { return {
|
|
@@ -11737,7 +11737,7 @@ class GlobalNavigation {
|
|
|
11737
11737
|
this.selectedTabChanged();
|
|
11738
11738
|
}
|
|
11739
11739
|
render() {
|
|
11740
|
-
return (hAsync(Host, { key: '
|
|
11740
|
+
return (hAsync(Host, { key: '9164170163b7e298ac0556cdcd3e0d47b2480791', role: "application" }, hAsync("slot", { key: '150faf3c05b028772e695f0eaf836ec250ac775b' })));
|
|
11741
11741
|
}
|
|
11742
11742
|
static get watchers() { return {
|
|
11743
11743
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -11884,7 +11884,7 @@ class GlobalNavigationV2 {
|
|
|
11884
11884
|
this.selectedTabChanged();
|
|
11885
11885
|
}
|
|
11886
11886
|
render() {
|
|
11887
|
-
return (hAsync(Host, { key: '
|
|
11887
|
+
return (hAsync(Host, { key: 'e96a242247541fb01c652fba58dfa6e69e7257f0', role: "application" }, hAsync("slot", { key: 'abfd9632f3b3d616095fc573e110a062cfcb5bad' })));
|
|
11888
11888
|
}
|
|
11889
11889
|
get host() { return getElement(this); }
|
|
11890
11890
|
static get watchers() { return {
|
|
@@ -11913,7 +11913,7 @@ class Grid {
|
|
|
11913
11913
|
registerInstance(this, hostRef);
|
|
11914
11914
|
}
|
|
11915
11915
|
render() {
|
|
11916
|
-
return (hAsync("slot", { key: '
|
|
11916
|
+
return (hAsync("slot", { key: 'b9907edc844e7e9249634561fba9dfb7c3c5b260' }));
|
|
11917
11917
|
}
|
|
11918
11918
|
static get style() { return gridCss; }
|
|
11919
11919
|
static get cmpMeta() { return {
|
|
@@ -12015,7 +12015,7 @@ class Icon {
|
|
|
12015
12015
|
const rotateClass = this.rotate ? `icon-rotate-${this.rotate}` : '';
|
|
12016
12016
|
// Ajouter une classe "default" si aucune des valeurs n'est définie
|
|
12017
12017
|
const classes = [colorClass, sizeClass, rotateClass].filter(Boolean).join(' ');
|
|
12018
|
-
return (hAsync(Host, { key: '
|
|
12018
|
+
return (hAsync(Host, { key: '1da1702db901bcfb80638d9ae30a8c5cc4a2ac26', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
|
|
12019
12019
|
? hAsync("div", { class: "icon-inner", innerHTML: this.svgContent })
|
|
12020
12020
|
: hAsync("div", { class: "icon-inner" })));
|
|
12021
12021
|
}
|
|
@@ -12136,7 +12136,7 @@ class Illustration {
|
|
|
12136
12136
|
render() {
|
|
12137
12137
|
const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';
|
|
12138
12138
|
const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';
|
|
12139
|
-
return (hAsync(Host, { key: '
|
|
12139
|
+
return (hAsync(Host, { key: '0c1d3f02b235f7f69dbdca9969fd3a637929e0bd', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
|
|
12140
12140
|
? hAsync("div", { class: "icon-inner", innerHTML: this.illustrationSvgContent })
|
|
12141
12141
|
: hAsync("div", { class: "icon-inner" }))));
|
|
12142
12142
|
}
|
|
@@ -12238,7 +12238,7 @@ class Img {
|
|
|
12238
12238
|
}
|
|
12239
12239
|
render() {
|
|
12240
12240
|
const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
|
|
12241
|
-
return (hAsync(Host, { key: '
|
|
12241
|
+
return (hAsync(Host, { key: '33a36ddb77496e0f119c9ea2d18df0e2d0977248', class: placeholder }, hAsync("img", { key: '583ac1095cd055d8b455738344d2472cb6e61af3', class: "native-img", decoding: "async", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: "image" })));
|
|
12242
12242
|
}
|
|
12243
12243
|
get el() { return getElement(this); }
|
|
12244
12244
|
static get watchers() { return {
|
|
@@ -29688,11 +29688,11 @@ class Input {
|
|
|
29688
29688
|
const hasValueClass = this.value !== '' && this.value !== null ? 'has-value' : '';
|
|
29689
29689
|
const lessLabelClass = this.label !== '' ? '' : 'less-label';
|
|
29690
29690
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
29691
|
-
return (hAsync(Host, { key: '
|
|
29691
|
+
return (hAsync(Host, { key: 'd019b1873a3e1c5757c977ae55192cdc0a66c4eb', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: '37a9106a95c0f211fce126474d5cb44a8160173d', class: `form-control ${hasValueClass} ${isInvalidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, "data-cy": 'road-input', ref: el => (this.inputEl = el) }), hAsync("label", { key: '4dbcf9261d01528924480686246e9e1bd0b7b1fe', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && (Array.isArray(this.error)
|
|
29692
29692
|
? // Si error est un tableau, on itère et génère un <p> pour chaque élément
|
|
29693
29693
|
this.error.map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))
|
|
29694
29694
|
: // Si error est une chaîne, on la divise avec split et génère un <p> pour chaque élément
|
|
29695
|
-
this.error.split(',').map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))), this.helper && this.helper !== '' && hAsync("p", { key: '
|
|
29695
|
+
this.error.split(',').map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))), this.helper && this.helper !== '' && hAsync("p", { key: '1756cbb127bdee0b19f04928adaade3c76c20a42', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: '5b61b4eb2547c166244886b63bb6b6936958d0ac', name: "checklistPassword" })));
|
|
29696
29696
|
}
|
|
29697
29697
|
static get watchers() { return {
|
|
29698
29698
|
"debounce": ["debounceChanged"],
|
|
@@ -29803,7 +29803,7 @@ class InputGroup {
|
|
|
29803
29803
|
? `size-${this.el.querySelector('road-input').sizes}`
|
|
29804
29804
|
: '';
|
|
29805
29805
|
const disabledClass = this.disabled ? 'is-disabled' : '';
|
|
29806
|
-
return (hAsync("div", { key: '
|
|
29806
|
+
return (hAsync("div", { key: 'e5669c39b4c4d0d760797fac436e3f412bd98484', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: 'e7b9878ffaefe2c47ab335e622cf0a4055463494', class: "input-group-prepend" }, hAsync("slot", { key: '058abc4cf531ebc2618d00d003e247056b69efc6', name: "prepend" })), hAsync("slot", { key: '173e96ad66826900cabf549e73da58c16ed0be52' }), hAsync("div", { key: '6cc0416927fd6c8cb103dda53dfe08028ec2f0e0', class: "input-group-append" }, hAsync("slot", { key: '5c860ee978a4eeceb0bb51e060d02783d94d6428', name: "append" }))));
|
|
29807
29807
|
}
|
|
29808
29808
|
get el() { return getElement(this); }
|
|
29809
29809
|
static get watchers() { return {
|
|
@@ -29882,13 +29882,13 @@ class Item {
|
|
|
29882
29882
|
target,
|
|
29883
29883
|
};
|
|
29884
29884
|
const showDetail = detail !== undefined && detail;
|
|
29885
|
-
return (hAsync(Host, { key: '
|
|
29885
|
+
return (hAsync(Host, { key: '9259fa99977924426712f7ee15a5682f02169405', "aria-disabled": disabled ? 'true' : null, class: {
|
|
29886
29886
|
[`item-lines-${lines}`]: lines !== undefined,
|
|
29887
|
-
} }, hAsync(TagType, Object.assign({ key: '
|
|
29887
|
+
} }, hAsync(TagType, Object.assign({ key: '9cb8745d6101b92e3e78b109162ab553264c77b1' }, attrs, { class: {
|
|
29888
29888
|
'item-native': true,
|
|
29889
29889
|
'item-active': this.active,
|
|
29890
29890
|
[`layout-${layout}`]: layout !== undefined,
|
|
29891
|
-
}, part: "native", disabled: disabled }), hAsync("slot", { key: '
|
|
29891
|
+
}, part: "native", disabled: disabled }), hAsync("slot", { key: '3bd615ec7ca9a34c52d48e0064fff1c20201fbc4', name: "start" }), hAsync("div", { key: '686b9fe5bea511fc6c5dbdbbf54b357242fb5eae', class: "item-inner" }, hAsync("div", { key: 'f443d8c131f47e3b1a884c038f02ff16fb787b5e', class: "input-wrapper" }, hAsync("slot", { key: '0c694f293f2cb663360c092991e047ece261e11d' }), hAsync("div", { key: '3b63e2654c7b5d07bede2920c2ad9bcc652d139c', class: "input-wrapper-info" }, hAsync("road-label", { key: '383661f5be57349babd599419e0d39ab89aff47b', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: '238616644fa4771c4f1b037999f564889617a362', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: 'c40987509754fd69dacb0728bd498871ea867c82', name: "end" }), showDetail && hAsync("road-icon", { key: '75e65156e78c475adeddaf152ffe47dd6e55c24e', icon: detailIcon, lazy: false, class: "item-detail-icon" })))));
|
|
29892
29892
|
}
|
|
29893
29893
|
get el() { return getElement(this); }
|
|
29894
29894
|
static get style() { return itemCss; }
|
|
@@ -29928,7 +29928,7 @@ class Label {
|
|
|
29928
29928
|
registerInstance(this, hostRef);
|
|
29929
29929
|
}
|
|
29930
29930
|
render() {
|
|
29931
|
-
return (hAsync("slot", { key: '
|
|
29931
|
+
return (hAsync("slot", { key: '7b38ec4e17b246e6625f361419d19d8d34793609' }));
|
|
29932
29932
|
}
|
|
29933
29933
|
static get style() { return labelCss; }
|
|
29934
29934
|
static get cmpMeta() { return {
|
|
@@ -29952,9 +29952,9 @@ class List {
|
|
|
29952
29952
|
}
|
|
29953
29953
|
render() {
|
|
29954
29954
|
const { lines } = this;
|
|
29955
|
-
return (hAsync(Host, { key: '
|
|
29955
|
+
return (hAsync(Host, { key: 'eed6c97be3b96a23d563989e1a848664ef2ae6ba', class: {
|
|
29956
29956
|
[`list-lines-${lines}`]: lines !== undefined,
|
|
29957
|
-
} }, hAsync("slot", { key: '
|
|
29957
|
+
} }, hAsync("slot", { key: '1e96c87c4f15aca5f1a1d288019fd082467d5d67' })));
|
|
29958
29958
|
}
|
|
29959
29959
|
static get style() { return listCss; }
|
|
29960
29960
|
static get cmpMeta() { return {
|
|
@@ -30038,7 +30038,7 @@ class Modal {
|
|
|
30038
30038
|
const modalIsOpenClass = this.isOpen ? 'modal-open' : '';
|
|
30039
30039
|
const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';
|
|
30040
30040
|
const closeIconElement = this.hasCloseIcon ? hAsync("button", { type: "button", class: "modal-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" })) : '';
|
|
30041
|
-
return (hAsync(Host, { key: '
|
|
30041
|
+
return (hAsync(Host, { key: 'f495749b049a101712c36bbf083cba6ef886bd2c', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: 'd7287dfb02da7d29fb838e77aca55e76f8009669', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '75f817fb82cd837bc4d3e270aa5c4126ae77e182', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: '7d1040a31a6b3308686d7e0d27b4cd3c4046db18', class: "modal-content" }, hAsync("header", { key: 'fcb04fae3a8c10341e7d9c75c452cb715b6ce67a', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: '5db438cbfba352f3ddeb4f34bec97162c41f7857', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: '239560ae955d26e202913eff34c6a2f0e9a6977c', class: "modal-body" }, hAsync("slot", { key: '576db6c4b765c85bbe8e693a1ac4ad5359aef848' }))))));
|
|
30042
30042
|
}
|
|
30043
30043
|
get el() { return getElement(this); }
|
|
30044
30044
|
static get style() { return modalCss; }
|
|
@@ -30088,7 +30088,7 @@ class Navbar {
|
|
|
30088
30088
|
this.selectedTabChanged();
|
|
30089
30089
|
}
|
|
30090
30090
|
render() {
|
|
30091
|
-
return (hAsync(Host, { key: '
|
|
30091
|
+
return (hAsync(Host, { key: 'a57dfc3bd1c2a35ae5f0a7d84da9aae803f3248e', role: "menubar" }, hAsync("slot", { key: '87d7969b28fa712be5cf8d6c2c1d0140f946182a' })));
|
|
30092
30092
|
}
|
|
30093
30093
|
static get watchers() { return {
|
|
30094
30094
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30173,11 +30173,11 @@ let NavbarItem$1 = class NavbarItem {
|
|
|
30173
30173
|
rel,
|
|
30174
30174
|
target,
|
|
30175
30175
|
};
|
|
30176
|
-
return (hAsync(Host, { key: '
|
|
30176
|
+
return (hAsync(Host, { key: '2786c8b9e115ddfe0667fe725c7950f8dcc69077', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
|
|
30177
30177
|
'navbar-item': true,
|
|
30178
30178
|
'tab-selected': selected,
|
|
30179
30179
|
'tab-disabled': disabled,
|
|
30180
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30180
|
+
} }, hAsync("a", Object.assign({ key: 'd105d65f5219bfb11780eaad9a7ed229b60e0ff7' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '3d18dcc0854e9d3abd1111d158ee1b406df6e388', class: "button-inner" }, hAsync("slot", { key: '4e289b3871d38ac9c04c812c45b6f0e1ab7b4672' })))));
|
|
30181
30181
|
}
|
|
30182
30182
|
get el() { return getElement(this); }
|
|
30183
30183
|
static get watchers() { return {
|
|
@@ -30269,11 +30269,11 @@ class NavbarItem {
|
|
|
30269
30269
|
rel,
|
|
30270
30270
|
target,
|
|
30271
30271
|
};
|
|
30272
|
-
return (hAsync(Host, { key: '
|
|
30272
|
+
return (hAsync(Host, { key: '2439281a2a7bbbf05b9be794013bb9ff02ea8161', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
|
|
30273
30273
|
'navbar-item': true,
|
|
30274
30274
|
'tab-selected': selected,
|
|
30275
30275
|
'tab-disabled': disabled,
|
|
30276
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30276
|
+
} }, hAsync("a", Object.assign({ key: 'b559354e071b580fe0956accfdd0bc8d52b6bb7c' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '9dc9d81e6f1844500f2cb220b611ab05f84d1125', class: "button-inner" }, hAsync("slot", { key: '8b107ac8cc0d522c85aee1a1ad60c4f138c544e5' })))));
|
|
30277
30277
|
}
|
|
30278
30278
|
get el() { return getElement(this); }
|
|
30279
30279
|
static get watchers() { return {
|
|
@@ -30331,7 +30331,7 @@ class NavbarV2 {
|
|
|
30331
30331
|
}
|
|
30332
30332
|
render() {
|
|
30333
30333
|
const compactClass = this.compact ? 'compact' : '';
|
|
30334
|
-
return (hAsync(Host, { key: '
|
|
30334
|
+
return (hAsync(Host, { key: 'f0864eac8a491150b1ef02a46fcf46b8fa4fc2d9', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '2a5bd884d6ee88c0ee73c3e48d7f9670fffc986e' })));
|
|
30335
30335
|
}
|
|
30336
30336
|
static get watchers() { return {
|
|
30337
30337
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30453,10 +30453,10 @@ class PlateNumber {
|
|
|
30453
30453
|
render() {
|
|
30454
30454
|
const value = this.getValue();
|
|
30455
30455
|
const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
|
|
30456
|
-
return (hAsync("road-input-group", { key: '
|
|
30456
|
+
return (hAsync("road-input-group", { key: 'ad922da7a29eb59b3add23952cf559f8f26401e0', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: 'ed0cec493069943e524a6e1030096e7632f050d8', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: 'dc913e16afacb76d9c4a87bf17c00f67d6ec3202', class: "plate-number-start" }, hAsync("road-icon", { key: 'f2042fdf0a83c2db908190e286812878f6f50195', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: 'a5d86d712badf1d58c7ed639b35977024659270b', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
|
|
30457
30457
|
.filter(item => item.country === this.country)[0].letter))), this.motorbike
|
|
30458
30458
|
? (hAsync("textarea", { class: "form-control plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, maxlength: "9", rows: 2, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }))
|
|
30459
|
-
: (hAsync("input", { class: "plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus })), hAsync("label", { key: '
|
|
30459
|
+
: (hAsync("input", { class: "plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus })), hAsync("label", { key: '8019dc8f6742725e7f98d0c2dd8a14c237aeaf5a', slot: "append", class: "input-group-append" }, hAsync("div", { key: '3fa83252e8743dc64bbe74bf0e56f2794ac6d7bc', class: "plate-number-end" }))));
|
|
30460
30460
|
}
|
|
30461
30461
|
static get watchers() { return {
|
|
30462
30462
|
"value": ["valueChanged"]
|
|
@@ -30523,7 +30523,7 @@ class ProgressBar {
|
|
|
30523
30523
|
const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
|
|
30524
30524
|
const light = this.light ? 'progress progress-light' : 'progress';
|
|
30525
30525
|
const animation = this.animation ? 'animation' : '';
|
|
30526
|
-
return (hAsync(Host, { key: '
|
|
30526
|
+
return (hAsync(Host, { key: '080af439e45c901c8a033c66bbb5681746e371fb', class: "progress-element" }, hAsync("div", { key: 'efcafa89891a4d9f62c50816d5fc357fa0431569', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '03ae558c17cae1c974160626509ce7abd0a5be48', class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100", "aria-label": "progress bar" })), hAsync("div", { key: 'c5e0c2bb85b8e9fbe624dcd6feb7aab1ec807883', class: `${fullwidth}` }, hAsync("span", { key: '050c1d441d79a81cd3b0d9a77a3358ccfa0e3112', class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { key: 'e46a1315cb8cfd61a62bd64c88b7403a28b54e51', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
|
|
30527
30527
|
}
|
|
30528
30528
|
static get style() { return progressCss; }
|
|
30529
30529
|
static get cmpMeta() { return {
|
|
@@ -30563,7 +30563,7 @@ class ProgressIndicatorVertical {
|
|
|
30563
30563
|
registerInstance(this, hostRef);
|
|
30564
30564
|
}
|
|
30565
30565
|
render() {
|
|
30566
|
-
return (hAsync(Host, { key: '
|
|
30566
|
+
return (hAsync(Host, { key: '5fe5373acd2c35744a9b60bc7e91ed5bbb2a1ada' }, hAsync("nav", { key: '7d7a3bfac49b57a6a4c57726c855d8e50801fcc5' }, hAsync("ul", { key: '4205db5a5873f0f0bcef1d735d7c44e8690c3442' }, hAsync("li", { key: '49cce64e4e60bc908af6febbdf077b361307f8a4' }, hAsync("slot", { key: '00c252a9949779a2d3148a3eb404410cfec6a466' }))))));
|
|
30567
30567
|
}
|
|
30568
30568
|
static get style() { return progressIndicatorVerticalCss; }
|
|
30569
30569
|
static get cmpMeta() { return {
|
|
@@ -30586,7 +30586,7 @@ class ProgressIndicatorVerticalItem {
|
|
|
30586
30586
|
registerInstance(this, hostRef);
|
|
30587
30587
|
}
|
|
30588
30588
|
render() {
|
|
30589
|
-
return (hAsync(Host, { key: '
|
|
30589
|
+
return (hAsync(Host, { key: '7cafa7410a58d53c1e369efa22cdc994fa961082' }, hAsync("slot", { key: '1c7bfb9947f8db82d1248b61a2e59a261a015576' })));
|
|
30590
30590
|
}
|
|
30591
30591
|
static get style() { return progressIndicatorVerticalItemCss; }
|
|
30592
30592
|
static get cmpMeta() { return {
|
|
@@ -30614,7 +30614,7 @@ class ProgressTracker {
|
|
|
30614
30614
|
registerInstance(this, hostRef);
|
|
30615
30615
|
}
|
|
30616
30616
|
render() {
|
|
30617
|
-
return (hAsync(Host, { key: '
|
|
30617
|
+
return (hAsync(Host, { key: '4b800c967f9856eb3f9300052bb2bf25923d89d2' }, hAsync("nav", { key: '3fb92e245b3e9e6b7fea1c32243a57abcbaa12e7' }, hAsync("ul", { key: '969719a6a169ab1746c651f8585d75ef3149adc3' }, hAsync("li", { key: '9f9a1f612e18de1589be43f60a1543288d100c02' }, hAsync("slot", { key: 'ad39bd1a8e16ca349a2de0b100d5202130f0c362' }))))));
|
|
30618
30618
|
}
|
|
30619
30619
|
static get style() { return progressTrackerCss; }
|
|
30620
30620
|
static get cmpMeta() { return {
|
|
@@ -30645,7 +30645,7 @@ class ProgressTrackerItem {
|
|
|
30645
30645
|
registerInstance(this, hostRef);
|
|
30646
30646
|
}
|
|
30647
30647
|
render() {
|
|
30648
|
-
return (hAsync(Host, { key: '
|
|
30648
|
+
return (hAsync(Host, { key: '0c16e41e50d438bad6afb7e663a70543aeaa8676' }, hAsync("slot", { key: '416aee7102487a9a8aed3c0ea8558852bb823818' })));
|
|
30649
30649
|
}
|
|
30650
30650
|
static get style() { return progressTrackerItemCss; }
|
|
30651
30651
|
static get cmpMeta() { return {
|
|
@@ -30737,7 +30737,7 @@ class Radio {
|
|
|
30737
30737
|
const inverseClass = this.inverse && 'form-radio-inverse';
|
|
30738
30738
|
const isInvalidClass = this.error ? 'is-invalid' : '';
|
|
30739
30739
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30740
|
-
return (hAsync(Host, { key: '
|
|
30740
|
+
return (hAsync(Host, { key: 'f5b027dc16bc641585e97550ad766623135e9c41', class: `form-radio ${inlineClass}` }, hAsync("input", { key: '3b00622bdf8dd0f896e894fc467371d7f4457150', class: `form-radio-input ${isInvalidClass}`, type: "radio", id: this.radioId, name: this.name, required: this.required, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : null, checked: this.checked, "aria-checked": `${this.checked}`, "aria-labelledby": labelId, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: '52ab130dbc0eba9dd863a8a0265933ee0ff5319b', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: 'b7dd11638e9de4e2a9fd248c3c6dcbabc1ce8767', class: "form-radio-label-span" }, this.secondaryLabel))));
|
|
30741
30741
|
}
|
|
30742
30742
|
get el() { return getElement(this); }
|
|
30743
30743
|
static get style() { return radioCss; }
|
|
@@ -30820,7 +30820,7 @@ class RadioCard {
|
|
|
30820
30820
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30821
30821
|
const selectedClass = this.isSelected || this.selected ? 'radio-card-selected' : '';
|
|
30822
30822
|
const disabledClass = this.disabled ? 'radio-card-disabled' : '';
|
|
30823
|
-
return (hAsync(Host, { key: '
|
|
30823
|
+
return (hAsync(Host, { key: '300a4069b88a6a118306571a8d5d7fcf5a217b2d', class: `form-radio ${inlineClass}` }, hAsync("div", { key: '9c77a91579d59e96e80e68e2ba441c4a141e3d0f', class: `radio-card ${selectedClass} ${disabledClass}`, onClick: this.onClick }, hAsync("input", { key: '9f06c516bb66a8443b5d2e1599df8a69d4e3b0fb', ref: el => this.inputEl = el, class: "form-radio-input", type: "radio", id: this.radioId, name: this.name, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, checked: this.isSelected || this.selected, "aria-labelledby": labelId, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur, onChange: () => { } }), hAsync("label", { key: 'a1b878ff8b9cd9c950d888218e776d62d35ebfd5', class: "form-radio-label", htmlFor: this.radioId, id: labelId }, hAsync("div", { key: 'd52d210696979c4e1e05fd508ed97c40214efb21', class: "slot-wrapper" }, hAsync("slot", { key: 'bad9aa4fdbb018560fb17f0dc3a1530c590e215a' }))))));
|
|
30824
30824
|
}
|
|
30825
30825
|
get el() { return getElement(this); }
|
|
30826
30826
|
static get style() { return radioCardCss; }
|
|
@@ -30916,7 +30916,7 @@ class RadioGroup {
|
|
|
30916
30916
|
render() {
|
|
30917
30917
|
const labelId = `${this.radioGroupId}-label`;
|
|
30918
30918
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
30919
|
-
return (hAsync(Host, { key: '
|
|
30919
|
+
return (hAsync(Host, { key: 'a5f1ffd34e8e7352cd7a2b7d543c498a681eb8ed', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: '4e1c213e7eb56deb2f7596517010934494607443', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: '0a6111208c8cbdd2eedd074d3a46f9ab54a912fe', class: "asterisk" }, "*")), hAsync("slot", { key: 'fbd7f1c60b05fca674acd83b13f44dbb104199e7' }), this.error && this.error !== '' && hAsync("p", { key: '5a5fd7cece4df1151a6de47b69276a4aa2ae7a1f', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'd49b4ab899c4b43a7ce1bac4c1b087a5a8733d5c', class: "helper" }, this.helper)));
|
|
30920
30920
|
}
|
|
30921
30921
|
get el() { return getElement(this); }
|
|
30922
30922
|
static get watchers() { return {
|
|
@@ -31045,14 +31045,14 @@ class Range {
|
|
|
31045
31045
|
render() {
|
|
31046
31046
|
const value = this.getValue();
|
|
31047
31047
|
const datalist = this.showLabels !== undefined ? `tickmarks` : "";
|
|
31048
|
-
return (hAsync(Host, { key: '
|
|
31048
|
+
return (hAsync(Host, { key: 'cb1120583650d9c52b4aa9f03fa71d90103e39c9', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: 'b435ff0be2c86b9598f7c525413943b4df0470f3', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: '7d093d346aa1d5f1a305eaa6f798e54581e86820', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: '6e8a3d9fbedbe1645f529df428f1d2d954c107e1', class: "form-range", style: {
|
|
31049
31049
|
"--min": this.min,
|
|
31050
31050
|
"--max": this.max,
|
|
31051
31051
|
"--value": value,
|
|
31052
31052
|
"--background-color": this.disabled
|
|
31053
31053
|
? "var(--road-surface-disabled)"
|
|
31054
31054
|
: "initial",
|
|
31055
|
-
} }, this.showValue && hAsync("output", { key: '
|
|
31055
|
+
} }, this.showValue && hAsync("output", { key: '0b073c56edf53783bc572b26ea4686a260eb25c4' }), this.showLabels && hAsync("slot", { key: 'fff8d5daad01eb14a609b2eefd9a98603cfb8f52', name: "datalist" }), hAsync("input", { key: '1a13b5d7438a90848de90f357946161ff1f34f0c', type: "range", class: "form-range-input", id: this.rangeId, min: this.min, max: this.max, value: value, onInput: this.onInput, list: datalist, "aria-label": "Valeur", tabindex: "0", disabled: this.disabled }), hAsync("label", { key: '3212a0c931c4c7f1ccbf42207df18089c16219d0', class: "form-range-label" }, "Valeur"), hAsync("div", { key: '91fad7b8831a2729c0eef1d6926216ca512a681a', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: '8eb7262328aecab4ab5049144ddddbb61fe0d86f', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
|
|
31056
31056
|
}
|
|
31057
31057
|
get el() { return getElement(this); }
|
|
31058
31058
|
static get watchers() { return {
|
|
@@ -31120,7 +31120,7 @@ class Rating {
|
|
|
31120
31120
|
const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
|
|
31121
31121
|
const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
|
|
31122
31122
|
const readOnly = this.readonly == true ? `readonly` : '';
|
|
31123
|
-
return (hAsync(Host, { key: '
|
|
31123
|
+
return (hAsync(Host, { key: '1f8f39ccb9cf1626c9202fa36ac1961a9d4723a3' }, hAsync("div", { key: 'de2a92ba11560ed1dbfb93972ad0f07aed30e7c8', class: `${sizeRatingStarsClass}` }, [...Array(rate)].map(() => hAsync("road-icon", { icon: star, size: "sm", color: "warning" })), [...Array(rateDecimale)].map(() => hAsync("road-icon", { icon: starHalfColor, size: "sm", class: "rating-star" })), [...Array(5 - rate - rateDecimale)].map(() => hAsync("road-icon", { icon: star, size: "sm", class: "rating-star" }))), this.readonly == false && this.showreviews && hAsync("a", { key: '6093c5e21eb0e0f47de0335a8877038af0009816', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '5d11f24f8d2356666e328fc86e0f5557093793ed', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
|
|
31124
31124
|
}
|
|
31125
31125
|
static get style() { return ratingCss; }
|
|
31126
31126
|
static get cmpMeta() { return {
|
|
@@ -31238,7 +31238,7 @@ class RoadAreaCode {
|
|
|
31238
31238
|
const labelId = this.selectId + '-label';
|
|
31239
31239
|
const valueId = this.selectId + '-value';
|
|
31240
31240
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
31241
|
-
return (hAsync(Host, { key: '
|
|
31241
|
+
return (hAsync(Host, { key: '5284737f6b5095e033ea92a070f097c5f484228c', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '4dc67cb4f98cedadf7e9e37ac9ec21e7626e549e', class: `form-select-area has-value ${isInvalidClass}`, id: this.selectId, "aria-disabled": this.disabled ? 'true' : null, autoFocus: this.autofocus, disabled: this.disabled, name: this.name, required: this.required, size: this.size, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }, this.options && this.options.map(option => (hAsync("option", { value: option.value, selected: option.selected }, option.label)))), hAsync("label", { key: '91861b51dc10637ecf2a224209bd0b189fa50430', class: "form-select-area-label", id: labelId, htmlFor: this.selectId }, this.label), hAsync("label", { key: '426fa27d96b289f7197e533fc350e0fcfe6e6522', class: "form-select-area-value", id: valueId, htmlFor: this.selectId }, "+", this.selectedValue), this.error && this.error !== '' && hAsync("p", { key: 'c3d0eda1463b66ce02d6ae126454b27696283fbe', class: "invalid-feedback" }, this.error)));
|
|
31242
31242
|
}
|
|
31243
31243
|
static get watchers() { return {
|
|
31244
31244
|
"value": ["valueChanged"]
|
|
@@ -31284,7 +31284,7 @@ class RoadAspectRatio {
|
|
|
31284
31284
|
return `${w} / ${h}`;
|
|
31285
31285
|
}
|
|
31286
31286
|
render() {
|
|
31287
|
-
return (hAsync(Host, { key: '
|
|
31287
|
+
return (hAsync(Host, { key: 'c1c6ae9772b75e1696785e3c41459c68a3a6cbe1', style: { '--road-aspect-ratio': this.getCssRatio() } }, hAsync("div", { key: '477454fdd1c450a55a0607f0d1b6a56c108e3b84', class: "aspect-ratio-wrapper" }, hAsync("div", { key: '73b1e25932a094dc8c09b1954f925b9d579d0649', class: "aspect-ratio-content" }, hAsync("slot", { key: 'c9df17df97851d1f00cdc2079185105040dcfc47' })))));
|
|
31288
31288
|
}
|
|
31289
31289
|
static get style() { return aspectRatioCss; }
|
|
31290
31290
|
static get cmpMeta() { return {
|
|
@@ -32673,9 +32673,9 @@ class RoadPhoneNumberInput {
|
|
|
32673
32673
|
const isErrorClass = this.errorMessage.length ? 'is-error' : '';
|
|
32674
32674
|
const hasValueClass = this.hasValue() ? 'has-value' : '';
|
|
32675
32675
|
const sizes = 'xl';
|
|
32676
|
-
return (hAsync(Host, { key: '
|
|
32676
|
+
return (hAsync(Host, { key: '6484c3286ae67049e9bc24a0e3db17e5e93b7014' }, hAsync("div", { key: 'f96292d1fa43ec2f4906d50b90a0ba3a17415efb', class: 'phone-number-inputs-container' }, hAsync("div", { key: 'b30839876469719ce35173992099324238f4ec4c', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: '1bf90e0a150f635f9767a85ad2c2ff93c93bd84b', id: selectId, class: `form-select-area has-value`, "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled, onChange: (event) => this.handleSelect(event), "aria-label": this.codeLabel, tabIndex: this.disabled ? -1 : 0 }, this.countryOptions && this.countryOptions.map(option => (hAsync("option", { value: option.value, disabled: option.disabled, selected: option.selected }, option.label)))), hAsync("label", { key: '133877fea8231cea94b93d8f41d81fa19d3c9a3f', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '7358d197f64ad8764ca5e026af67af841f38851f', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: 'ff03e87a9197bd48792c19ab28914fae980fc743', type: 'tel', id: inputId, class: `input-${sizes} phone-number-input-field ${hasValueClass} ${isErrorClass}`, value: this.phoneValue, required: this.required, tabIndex: 0, onInput: (event) => this.handleInput(event) }), hAsync("label", { key: '078d25b45ec64f653002b9d2302c555eea3f2c18', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
|
|
32677
32677
|
&& this.errorMessage !== ''
|
|
32678
|
-
&& hAsync("p", { key: '
|
|
32678
|
+
&& hAsync("p", { key: '845c8c6c41455aa8f172c835c9ea382461d60974', class: "invalid-feedback" }, hAsync("road-icon", { key: 'f9ad73e78eb3a099e5b28dd23d57cc729491ca7a', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
|
|
32679
32679
|
}
|
|
32680
32680
|
get el() { return getElement(this); }
|
|
32681
32681
|
static get style() { return phoneNumberInputCss; }
|
|
@@ -32714,7 +32714,7 @@ class Row {
|
|
|
32714
32714
|
registerInstance(this, hostRef);
|
|
32715
32715
|
}
|
|
32716
32716
|
render() {
|
|
32717
|
-
return (hAsync(Host, { key: '
|
|
32717
|
+
return (hAsync(Host, { key: '09ff16b1adc520c9cdef2c6f896f3bdc39c955ce' }, hAsync("slot", { key: 'cb9611e0e0d56ebd9b6eb9796fe80755d2cf1e1d' })));
|
|
32718
32718
|
}
|
|
32719
32719
|
static get style() { return rowCss; }
|
|
32720
32720
|
static get cmpMeta() { return {
|
|
@@ -32727,7 +32727,7 @@ class Row {
|
|
|
32727
32727
|
}; }
|
|
32728
32728
|
}
|
|
32729
32729
|
|
|
32730
|
-
const segmentedButtonCss = ":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:2.75rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-on-surface-weak);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-surface);border-radius:8px;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;margin-right:var(--road-spacing-02);overflow:hidden}:host(:last-child){margin-right:0}:host(.btn-sm){height:2.5rem}:host(.btn-md){height:2.75rem}:host(.tab-selected){color:var(--road-button-primary);fill:var(--road-button-primary);background-color:var(--road-button-tertiary-variant)}:host(.tab-selected:hover){color:var(--road-button-primary);background-color:var(--road-button-tertiary-variant)}:host(:hover){color:var(--road-on-surface);background-color:var(--road-surface-inverse)}:host(.focus-visible){outline:auto}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host ::slotted(road-icon){margin:-0.2rem var(--road-spacing-03) -0.2rem 0;float:left}.
|
|
32730
|
+
const segmentedButtonCss = ":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:2.75rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-on-surface-weak);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-surface);border-radius:8px;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;margin-right:var(--road-spacing-02);overflow:hidden}:host(:last-child){margin-right:0}:host(.btn-sm){height:2.5rem}:host(.btn-md){height:2.75rem}:host(.tab-selected){color:var(--road-button-primary);fill:var(--road-button-primary);background-color:var(--road-button-tertiary-variant)}:host(.tab-selected:hover){color:var(--road-button-primary);background-color:var(--road-button-tertiary-variant)}:host(:hover){color:var(--road-on-surface);background-color:var(--road-surface-inverse)}:host(.focus-visible){outline:auto}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host ::slotted(road-icon){margin:-0.2rem var(--road-spacing-03) -0.2rem 0;float:left}.button-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}";
|
|
32731
32731
|
|
|
32732
32732
|
/**
|
|
32733
32733
|
*
|
|
@@ -32785,10 +32785,10 @@ class SegmentedButton {
|
|
|
32785
32785
|
render() {
|
|
32786
32786
|
const { tabIndex, selected, tab } = this;
|
|
32787
32787
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
32788
|
-
return (hAsync(Host, { key: '
|
|
32788
|
+
return (hAsync(Host, { key: '6f184af0a2092ffc30d7167e112a85e99ea00e67', onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
32789
32789
|
'tab-selected': selected,
|
|
32790
32790
|
[`${sizeClass}`]: true,
|
|
32791
|
-
} }, hAsync("span", { key: '
|
|
32791
|
+
} }, hAsync("span", { key: 'c9350adf091c323031f3c9ca02fec025cd3de7bc', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("span", { key: '0cd4bc6ce7b32a602540ae7790f675dcb5059fdf', class: "button-content" }, hAsync("slot", { key: '39ef2c51f5d7dae96266d1a3d37525b8a214dc90' })))));
|
|
32792
32792
|
}
|
|
32793
32793
|
get el() { return getElement(this); }
|
|
32794
32794
|
static get style() { return segmentedButtonCss; }
|
|
@@ -32908,7 +32908,7 @@ class Select {
|
|
|
32908
32908
|
const labelId = this.selectId + '-label';
|
|
32909
32909
|
const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
|
|
32910
32910
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
32911
|
-
return (hAsync(Host, { key: '
|
|
32911
|
+
return (hAsync(Host, { key: '531ff3e04c4447214779844ba29b2208ded29d12', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: 'e5336849c3992793152ffcc2b3670f96c0c1129b', class: `form-select ${hasValueClass} ${isInvalidClass}`, id: this.selectId, "aria-disabled": this.disabled ? 'true' : null, autoFocus: this.autofocus, disabled: this.disabled, name: this.name, required: this.required, size: this.size, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("option", { key: 'f9f2f7857d3ce3cdb0205b5589388ad0417d6802', selected: !this.value, disabled: true, hidden: true, style: { display: 'none' }, value: "" }), this.options && this.options.map(option => (hAsync("option", { value: option.value, selected: this.value !== null && option.value == this.value }, option.label)))), hAsync("label", { key: '4c2d444e030ef6168b4871ae5381550295b91e5f', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '40808526b05350e9d59dedd814ca620368fa6098', class: "invalid-feedback" }, this.error)));
|
|
32912
32912
|
}
|
|
32913
32913
|
static get watchers() { return {
|
|
32914
32914
|
"value": ["valueChanged"]
|
|
@@ -34888,7 +34888,7 @@ class SelectFilter {
|
|
|
34888
34888
|
const options = this.filteredOptions;
|
|
34889
34889
|
const isActive = this.isActive ? 'true' : 'false';
|
|
34890
34890
|
const notActive = this.isActive ? '' : 'not-active';
|
|
34891
|
-
return (hAsync(Host, { key: '
|
|
34891
|
+
return (hAsync(Host, { key: 'eb209aa9c9421eca958fe21a8598edc774d61406', "is-active": isActive }, hAsync("slot", { key: '4c7bc828b789101338eafd5091cde5fe749db9a9' }), this.isOpen && (hAsync("div", { key: '4f7f5ade504721515a8f5f5ffd6ec93178336b4d', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.length === 0 ? (hAsync("div", { class: "select-filter-empty" }, "Aucune option")) : (hAsync("ul", { class: "pl-0" }, options.map((option, idx) => (hAsync("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: (e) => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, ''), e), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 })))))))));
|
|
34892
34892
|
}
|
|
34893
34893
|
get el() { return getElement(this); }
|
|
34894
34894
|
static get watchers() { return {
|
|
@@ -34923,7 +34923,7 @@ class Skeleton {
|
|
|
34923
34923
|
registerInstance(this, hostRef);
|
|
34924
34924
|
}
|
|
34925
34925
|
render() {
|
|
34926
|
-
return (hAsync("span", { key: '
|
|
34926
|
+
return (hAsync("span", { key: 'd0f6fa2c6d1346b4dbdf15e3a2d8f5776961a625' }, "\u00A0"));
|
|
34927
34927
|
}
|
|
34928
34928
|
static get style() { return skeletonCss; }
|
|
34929
34929
|
static get cmpMeta() { return {
|
|
@@ -34953,7 +34953,7 @@ class Spinner {
|
|
|
34953
34953
|
render() {
|
|
34954
34954
|
const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
|
|
34955
34955
|
const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
|
|
34956
|
-
return (hAsync("svg", { key: '
|
|
34956
|
+
return (hAsync("svg", { key: 'a13fe873d986f18ad6e24d03c8ed2cc08d111bfb', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '2be205cfa0e2fb9898578db0205ecabc865cddf2', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
|
|
34957
34957
|
}
|
|
34958
34958
|
static get style() { return spinnerCss; }
|
|
34959
34959
|
static get cmpMeta() { return {
|
|
@@ -35002,7 +35002,7 @@ class Stepper {
|
|
|
35002
35002
|
const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
|
|
35003
35003
|
const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
|
|
35004
35004
|
const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
|
|
35005
|
-
return (hAsync(Host, { key: '
|
|
35005
|
+
return (hAsync(Host, { key: 'c7b533fd5241dbaf0c3275844b411d2a6c4a57ec' }, hAsync("nav", { key: '3679fc96e8af765c77d79cd66100c9d038d675ff' }, hAsync("ul", { key: '88c8020ee996810f49725b51f5fb4118fbffe4a7', class: `${colorClass}` }, hAsync("li", { key: '961e19ae0950052ba5ca3653fde8e66254b600aa', class: `${stateClass}` }, hAsync("a", { key: '339beb73a406c196770f0c832fbe7b1d4452e97f', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: '910003e080c3c111613120cd7c09ce925b32925b', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '264e33aab1b7b4776a8b8535a923bfc6311be561', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: '2bf6210a8a99fb0c766cd895e889bf463ea0d1fc', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '8b10230923c8a6051592bfd740dcc31c3617ff36', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: '829f421c2f7b8342a951037f369eb792128c48d0', class: `${stateSecondStepClass}` }, hAsync("a", { key: 'fa0f0c8b6151121db0b050fbcde512364073566a', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: 'b7621f5a2018cc48dee843757c219e4d0a803c7f', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'f849e2604e24e7dc403451f1f285f7366cf28f09', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: 'efc1eb034b566279037db371d480c9344390f957', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'b274a56147cb164a44780d7c4a02043d123012a6', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: '6cd846d302ea7fed863b59a8954803d5591602cb', class: `${stateThirdStepClass}` }, hAsync("a", { key: 'dd94c6d10ec7f36ea98994a277282a721d290b15', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: '64c4471bb5f2098e188866b83907557c296d59d6', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '471413fe74772fba4724c93791c59d4353be1c50', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: '9339d6d80e7f30e15335000dabba92c976a43a92', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'a8055c4f80695160b3ef9210a060f5b4d2039b67', name: "progress-indicator-horizontal-title3" }))))))));
|
|
35006
35006
|
}
|
|
35007
35007
|
static get style() { return progressIndicatorHorizontalCss; }
|
|
35008
35008
|
static get cmpMeta() { return {
|
|
@@ -35103,11 +35103,11 @@ class Switch {
|
|
|
35103
35103
|
}
|
|
35104
35104
|
render() {
|
|
35105
35105
|
const labelId = this.switchId + '-label';
|
|
35106
|
-
const textLabel = hAsync("label", { key: '
|
|
35106
|
+
const textLabel = hAsync("label", { key: '430104d38d5703aa56ce1976a977a126468ec741', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
|
|
35107
35107
|
const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
|
|
35108
35108
|
const isSpacedClass = this.isSpaced && 'form-switch-spaced';
|
|
35109
35109
|
const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
|
|
35110
|
-
return (hAsync(Host, { key: '
|
|
35110
|
+
return (hAsync(Host, { key: '2bfcb70289e7a90964e1211569ab02e1097cd12b' }, hAsync("input", { key: '7c9e3273d965e895479da1fb4349bb35fa5efc3b', class: "form-switch-input", type: "checkbox", id: this.switchId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: 'af4acb92308e858b7188c71bdd2cb1e5bb368e31', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '0dcc70814eb2ae967bf5235bb6aac1ba7205d7b4', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
|
|
35111
35111
|
}
|
|
35112
35112
|
static get watchers() { return {
|
|
35113
35113
|
"checked": ["checkedChanged"]
|
|
@@ -35161,9 +35161,9 @@ class Tab {
|
|
|
35161
35161
|
}
|
|
35162
35162
|
render() {
|
|
35163
35163
|
const { tab, active } = this;
|
|
35164
|
-
return (hAsync(Host, { key: '
|
|
35164
|
+
return (hAsync(Host, { key: '10d79bb43319e005cf57d629ea4f678e3f3a5ae2', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
35165
35165
|
'tab-hidden': !active,
|
|
35166
|
-
} }, hAsync("slot", { key: '
|
|
35166
|
+
} }, hAsync("slot", { key: 'd11c7858cddf2b5da0db945ee9f69f52d02d7c16' })));
|
|
35167
35167
|
}
|
|
35168
35168
|
get el() { return getElement(this); }
|
|
35169
35169
|
static get style() { return tabCss; }
|
|
@@ -35222,11 +35222,11 @@ class TabBar {
|
|
|
35222
35222
|
}
|
|
35223
35223
|
render() {
|
|
35224
35224
|
const { expand, center, secondary } = this;
|
|
35225
|
-
return (hAsync(Host, { key: '
|
|
35225
|
+
return (hAsync(Host, { key: '683e4f5c99d335ec1c744830237bd3cd23db8c75', role: "tablist", class: {
|
|
35226
35226
|
'tab-expand': expand,
|
|
35227
35227
|
'tab-center': center,
|
|
35228
35228
|
'tab-secondary': secondary,
|
|
35229
|
-
} }, hAsync("slot", { key: '
|
|
35229
|
+
} }, hAsync("slot", { key: '0757eeb70b98263e316b408bc420fee186de03b0' })));
|
|
35230
35230
|
}
|
|
35231
35231
|
get el() { return getElement(this); }
|
|
35232
35232
|
static get watchers() { return {
|
|
@@ -35325,7 +35325,7 @@ class TabButton {
|
|
|
35325
35325
|
rel,
|
|
35326
35326
|
target,
|
|
35327
35327
|
};
|
|
35328
|
-
return (hAsync(Host, { key: '
|
|
35328
|
+
return (hAsync(Host, { key: '6fdae83a0fe22652c51b92874265e2c32787063d', onClick: (ev) => !disabled && this.onClick(ev), onKeyup: (ev) => !disabled && this.onKeyUp(ev), role: "tab", tabindex: disabled ? -1 : tabIndex, "aria-selected": selected ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
35329
35329
|
'tab-selected': selected,
|
|
35330
35330
|
'tab-has-label': hasLabel,
|
|
35331
35331
|
'tab-has-icon': hasIcon,
|
|
@@ -35333,7 +35333,7 @@ class TabButton {
|
|
|
35333
35333
|
'tab-has-icon-only': hasIcon && !hasLabel,
|
|
35334
35334
|
[`tab-layout-${layout}`]: true,
|
|
35335
35335
|
'tab-disabled': disabled, // Classe CSS pour les styles désactivés
|
|
35336
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
35336
|
+
} }, hAsync("a", Object.assign({ key: 'dc85019d7861a227495a165790d2e5b025f1f979' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '59d9387c00bb48a34f425d9af782e3568f566263', class: "button-inner" }, hAsync("slot", { key: '54290ac6eee4506846c8756f5141b493e6ebcc13' })))));
|
|
35337
35337
|
}
|
|
35338
35338
|
get el() { return getElement(this); }
|
|
35339
35339
|
static get style() { return tabButtonCss; }
|
|
@@ -35366,7 +35366,7 @@ class Table {
|
|
|
35366
35366
|
registerInstance(this, hostRef);
|
|
35367
35367
|
}
|
|
35368
35368
|
render() {
|
|
35369
|
-
return (hAsync("slot", { key: '
|
|
35369
|
+
return (hAsync("slot", { key: 'e8b08c7f5bbb8fd61ae6d73278b61c8838bbabf4' }));
|
|
35370
35370
|
}
|
|
35371
35371
|
static get style() { return tableCss; }
|
|
35372
35372
|
static get cmpMeta() { return {
|
|
@@ -35473,7 +35473,7 @@ let Tabs$1 = class Tabs {
|
|
|
35473
35473
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35474
35474
|
}
|
|
35475
35475
|
render() {
|
|
35476
|
-
return (hAsync(Host, { key: '
|
|
35476
|
+
return (hAsync(Host, { key: '760ffd7c98659dc00187c97e3d01ce92409584a5', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: 'dfd7acfd76741333868ff7dce2f88c27f2413808', name: "top" }), hAsync("slot", { key: 'e7ed6139b95280e972025c5028e0694da0f26265' })));
|
|
35477
35477
|
}
|
|
35478
35478
|
get el() { return getElement(this); }
|
|
35479
35479
|
static get style() { return segmentedButtonsCss; }
|
|
@@ -35608,7 +35608,7 @@ class Tabs {
|
|
|
35608
35608
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35609
35609
|
}
|
|
35610
35610
|
render() {
|
|
35611
|
-
return (hAsync(Host, { key: '
|
|
35611
|
+
return (hAsync(Host, { key: '5ac640c40ecdf802d7d56a662d5aa107ced242ef', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '8f50a94ef5602b121eaf7406c6d83ed93c50a7aa', name: "top" }), hAsync("div", { key: 'fb87539786bf6f7d1e3d7a9766b191bca35ce312', class: "tabs-inner" }, hAsync("slot", { key: '32f22aabd7e38881d289fbd0af69669d62d918cc' }))));
|
|
35612
35612
|
}
|
|
35613
35613
|
get el() { return getElement(this); }
|
|
35614
35614
|
static get style() { return tabsCss; }
|
|
@@ -35655,7 +35655,7 @@ class Tag {
|
|
|
35655
35655
|
}
|
|
35656
35656
|
render() {
|
|
35657
35657
|
const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
|
|
35658
|
-
return (hAsync(Host, { key: '
|
|
35658
|
+
return (hAsync(Host, { key: '81f24465ee40fd72b3095258f67f9d46b0f663e2', class: `${contrastClass}` }, hAsync("slot", { key: 'baf9168e522f8f4cf682f03c40304d5052a030f2' })));
|
|
35659
35659
|
}
|
|
35660
35660
|
static get style() { return tagCss; }
|
|
35661
35661
|
static get cmpMeta() { return {
|
|
@@ -35686,7 +35686,7 @@ class Text {
|
|
|
35686
35686
|
}
|
|
35687
35687
|
render() {
|
|
35688
35688
|
const colorClass = this.color !== undefined ? `text-${this.color}` : '';
|
|
35689
|
-
return (hAsync(Host, { key: '
|
|
35689
|
+
return (hAsync(Host, { key: '8c3872a70719feac2cbf76f50b7491b838fb393b', class: `${colorClass}` }, hAsync("slot", { key: 'b746e561a4c05d829492a023120a7d1ade1c146f' })));
|
|
35690
35690
|
}
|
|
35691
35691
|
static get style() { return textCss; }
|
|
35692
35692
|
static get cmpMeta() { return {
|
|
@@ -35795,7 +35795,7 @@ class Textarea {
|
|
|
35795
35795
|
const hasValueClass = this.value !== '' ? 'has-value' : '';
|
|
35796
35796
|
const noResizeClass = this.resize == false ? 'no-resize' : '';
|
|
35797
35797
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
35798
|
-
return (hAsync(Host, { key: '
|
|
35798
|
+
return (hAsync(Host, { key: 'f67a9451b99f450ee2828ea5eb5dc3728795c1dd', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: '27f3c926911126812156ccc87172c3e71f634b7c', class: `form-control textarea-control ${hasValueClass} ${noResizeClass} ${isInvalidClass}`, id: this.textareaId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxlength, minLength: this.minlength, name: this.name, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, value: value, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }), hAsync("label", { key: '081afb27b83557ce88db5c78d6e90c138f69c0d4', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '3509594cc1523c401e12a796216ed3c97813f419', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'ede03d506c01bf3eae5a633a534eeed696df819d', class: "helper" }, this.helper)));
|
|
35799
35799
|
}
|
|
35800
35800
|
static get watchers() { return {
|
|
35801
35801
|
"value": ["valueChanged"]
|
|
@@ -35925,7 +35925,7 @@ class Toast {
|
|
|
35925
35925
|
if (this.color == 'danger') {
|
|
35926
35926
|
this.timeout = 0;
|
|
35927
35927
|
}
|
|
35928
|
-
return (hAsync(Host, { key: '
|
|
35928
|
+
return (hAsync(Host, { key: '6f7087bd4eb183f58cde02e0a890e6ab18b6c5b8', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: 'a2494ef9b74ad9fac5d8b81c810bdcfe52936fef', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: '4be95019df5ab21b94508a62afd80f0d89d42150', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: 'ca9901aed33cf158c16eadf8587b90ae235dd933', class: "toast-label" }, this.label), hAsync("button", { key: 'abdb172097d82844c78e608264995aa8568fdf23', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: 'a6c17efe9a3255210498348ced0ab1e7b5dd8b8c', icon: navigationClose, size: "md" })), hAsync("slot", { key: 'ee1c9f42ddb4efaf69466d51edd10c256b35bd22', name: "progress" }))));
|
|
35929
35929
|
}
|
|
35930
35930
|
static get watchers() { return {
|
|
35931
35931
|
"isOpen": ["isOpenChanged"]
|
|
@@ -35964,7 +35964,7 @@ class Toolbar {
|
|
|
35964
35964
|
}
|
|
35965
35965
|
render() {
|
|
35966
35966
|
const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
|
|
35967
|
-
return (hAsync(Host, { key: '
|
|
35967
|
+
return (hAsync(Host, { key: 'dce34768cc5775e3819bd44b9a53a0164f0e1a2c', class: colorClass }, hAsync("div", { key: '5c8ecc9b623feacce32288e71325b87b16abd687', class: "toolbar-container" }, hAsync("slot", { key: '5975b6a723dc4f48ae2150c5e8a344759f548885', name: "start" }), hAsync("slot", { key: '2ac9ee0ce36cf9b6d685a9ecf6a77036b0b57c75', name: "primary" }), hAsync("div", { key: 'af93cd350b853d5769f795906442273a91137b1c', class: "toolbar-content" }, hAsync("slot", { key: '4eaeff6528ac5082683478b4197f00b9c6c25331' })), hAsync("slot", { key: '640e0d82dfb515af2c5db5dd24788467c264031e', name: "secondary" }), hAsync("slot", { key: 'e8485cc43749e335f9d480528a2da0b4016ba0b4', name: "end" }))));
|
|
35968
35968
|
}
|
|
35969
35969
|
static get style() { return toolbarCss; }
|
|
35970
35970
|
static get cmpMeta() { return {
|
|
@@ -35989,7 +35989,7 @@ class ToolbarAppName {
|
|
|
35989
35989
|
registerInstance(this, hostRef);
|
|
35990
35990
|
}
|
|
35991
35991
|
render() {
|
|
35992
|
-
return (hAsync("div", { key: '
|
|
35992
|
+
return (hAsync("div", { key: '1c1ecd0a39d2929bca5c324fe67bdc18a18b5390', class: "toolbar-title-page" }, hAsync("slot", { key: '0b52cf3cf5b7a6d5f41ec4c8f839731cb48315c9' })));
|
|
35993
35993
|
}
|
|
35994
35994
|
static get style() { return toolbarTitlePageCss; }
|
|
35995
35995
|
static get cmpMeta() { return {
|
|
@@ -36012,7 +36012,7 @@ class ToolbarTitle {
|
|
|
36012
36012
|
registerInstance(this, hostRef);
|
|
36013
36013
|
}
|
|
36014
36014
|
render() {
|
|
36015
|
-
return (hAsync("div", { key: '
|
|
36015
|
+
return (hAsync("div", { key: 'ed443e8a60fd8624ef3381200b15ba4ff31b8aa5', class: "toolbar-title" }, hAsync("slot", { key: '1a6148e5e56141545821c5f7a70208db50238bbc' })));
|
|
36016
36016
|
}
|
|
36017
36017
|
static get style() { return toolbarTitleCss; }
|
|
36018
36018
|
static get cmpMeta() { return {
|
|
@@ -36040,7 +36040,7 @@ class ToolbarV2 {
|
|
|
36040
36040
|
registerInstance(this, hostRef);
|
|
36041
36041
|
}
|
|
36042
36042
|
render() {
|
|
36043
|
-
return (hAsync(Host, { key: '
|
|
36043
|
+
return (hAsync(Host, { key: '382572569bcd4298cf5b3e0ce1996eff06d21146', class: "toolbar" }, hAsync("div", { key: '3041348fa0bb67af14e7cf56e25e17f70aaac86c', class: "toolbar-container" }, hAsync("div", { key: '6a0f67070976e7688b2a22a895ab3fa74d99458d', class: "toolbar-container-content-left" }, hAsync("slot", { key: 'ef46f756ec5cb53f90c03079f18bfbc2380b92b0', name: "start" }), hAsync("slot", { key: '6adfe95451a4f311dcc74d8f6a68f7037c24578f', name: "primary" })), hAsync("div", { key: '00c321d7d6093073ec20d7eb50ad017fbe361127', class: "toolbar-content" }, hAsync("slot", { key: '01894b4175c84a9fbd97802a8a2d5721e2e124b1' })), hAsync("div", { key: '8e6e1298bbbfa5c6707af70512e2c3f696d70da5', class: "toolbar-container-content-right" }, hAsync("slot", { key: 'b1ea849fdb52aca7bc056b6015dcb062f1226d6e', name: "secondary" }), hAsync("slot", { key: '07d8efd5011fec01d58a399761d05a7eb2d9e59d', name: "end" })))));
|
|
36044
36044
|
}
|
|
36045
36045
|
static get style() { return toolbarV2Css; }
|
|
36046
36046
|
static get cmpMeta() { return {
|
|
@@ -36152,12 +36152,12 @@ class Tooltip {
|
|
|
36152
36152
|
return triggers.includes(triggerType);
|
|
36153
36153
|
}
|
|
36154
36154
|
render() {
|
|
36155
|
-
return (hAsync(Host, { key: '
|
|
36155
|
+
return (hAsync(Host, { key: 'ad1b13ff6747008a6039e26c77229e09c0424481', onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, tabindex: "0" // Makes the element focusable
|
|
36156
36156
|
,
|
|
36157
|
-
"data-tooltip-position": this.position }, hAsync("slot", { key: '
|
|
36157
|
+
"data-tooltip-position": this.position }, hAsync("slot", { key: '55ab7033c6d5cbc3941c77faa0d9bab9a7a25c11', "aria-describedby": this.tooltipId }), hAsync("div", { key: 'bb7b2d992d7a7a201eb6c6e70ee1d455407b7427', part: "tooltip", id: this.tooltipId, class: {
|
|
36158
36158
|
tooltip: true,
|
|
36159
36159
|
'tooltip-open': this.isOpen,
|
|
36160
|
-
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: '
|
|
36160
|
+
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: '6c8ea046ac67c764b0626b41ba3d6586615ef7bb', name: "tooltip-content" }))));
|
|
36161
36161
|
}
|
|
36162
36162
|
get el() { return getElement(this); }
|
|
36163
36163
|
static get style() { return tooltipCss; }
|
|
@@ -36256,11 +36256,11 @@ class toggle {
|
|
|
36256
36256
|
}
|
|
36257
36257
|
render() {
|
|
36258
36258
|
const labelId = this.toggleId + '-label';
|
|
36259
|
-
const textLabel = hAsync("label", { key: '
|
|
36259
|
+
const textLabel = hAsync("label", { key: '04e2ecdd74318b173c60411293ec8300c0e7d80c', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
|
|
36260
36260
|
const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
|
|
36261
36261
|
const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
|
|
36262
36262
|
const disabledClass = this.disabled ? 'disabled' : '';
|
|
36263
|
-
return (hAsync(Host, { key: '
|
|
36263
|
+
return (hAsync(Host, { key: '5afde6ab7825eb0473b34f8ae2656c9fec8002d7' }, hAsync("input", { key: '7350937218c795dc74192e9b6cdd191ff6bf232c', class: "form-toggle-input", type: "checkbox", id: this.toggleId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, "aria-checked": `${this.checked}`, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("label", { key: '87a03339e8520b2c248f4d762d394411bd233423', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '3d5c0e81cda827653f545c0fd3b057f83dd793d0', class: `form-toggle-lever ${righttoggleClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
|
|
36264
36264
|
}
|
|
36265
36265
|
static get watchers() { return {
|
|
36266
36266
|
"checked": ["checkedChanged"]
|