@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.mjs
CHANGED
|
@@ -3310,7 +3310,7 @@ class Accordion {
|
|
|
3310
3310
|
const accordionLightContent = this.isLight ? 'accordion-content accordion-light-content' : 'accordion-content';
|
|
3311
3311
|
const accordionLightSeparator = this.isLightSeparator ? 'accordion accordion-light accordion-light--border' : 'accordion';
|
|
3312
3312
|
const accordionSmall = this.isSmall ? 'accordion accordion-light accordion-light--small' : 'accordion';
|
|
3313
|
-
return (hAsync("details", { key: '
|
|
3313
|
+
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' }))));
|
|
3314
3314
|
}
|
|
3315
3315
|
static get style() { return accordionCss; }
|
|
3316
3316
|
static get cmpMeta() { return {
|
|
@@ -3344,7 +3344,7 @@ class Alert {
|
|
|
3344
3344
|
}
|
|
3345
3345
|
render() {
|
|
3346
3346
|
const colorClass = this.color !== undefined ? `alert-${this.color}` : '';
|
|
3347
|
-
return (hAsync(Host, { key: '
|
|
3347
|
+
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)))));
|
|
3348
3348
|
}
|
|
3349
3349
|
static get style() { return alertCss; }
|
|
3350
3350
|
static get cmpMeta() { return {
|
|
@@ -3442,7 +3442,7 @@ class Asset {
|
|
|
3442
3442
|
}
|
|
3443
3443
|
}
|
|
3444
3444
|
render() {
|
|
3445
|
-
return (hAsync(Host, { key: '
|
|
3445
|
+
return (hAsync(Host, { key: '64331c0cd4f5a805be16cd746dfe78d7eeea118e', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
|
|
3446
3446
|
? hAsync("div", { class: "icon-inner", innerHTML: this.assetSvgContent })
|
|
3447
3447
|
: hAsync("div", { class: "icon-inner" }))));
|
|
3448
3448
|
}
|
|
@@ -3511,8 +3511,8 @@ class Autocomplete {
|
|
|
3511
3511
|
}
|
|
3512
3512
|
}
|
|
3513
3513
|
render() {
|
|
3514
|
-
return (hAsync(Host, { key: '
|
|
3515
|
-
hAsync("ul", { key: '
|
|
3514
|
+
return (hAsync(Host, { key: '6a7b7719e53b273bc42dd8052753d5e681d6956a' }, hAsync("slot", { key: '019abf952b3a3e53a4074f94f0fb791abf4fb5c4' }), this.visible && this.options.length > 0 &&
|
|
3515
|
+
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))))));
|
|
3516
3516
|
}
|
|
3517
3517
|
get el() { return getElement(this); }
|
|
3518
3518
|
static get style() { return autocompleteCss; }
|
|
@@ -3544,7 +3544,7 @@ class Avatar {
|
|
|
3544
3544
|
}
|
|
3545
3545
|
render() {
|
|
3546
3546
|
const sizeClass = this.size !== undefined ? `avatar-${this.size}` : '';
|
|
3547
|
-
return (hAsync(Host, { key: '
|
|
3547
|
+
return (hAsync(Host, { key: '809031e64b8792227b7a948393206b6de50dfb07', class: `${sizeClass}` }, hAsync("slot", { key: 'b2399051f7515542c87d88f93ed33f390ed9b0b9' })));
|
|
3548
3548
|
}
|
|
3549
3549
|
static get style() { return avatarCss; }
|
|
3550
3550
|
static get cmpMeta() { return {
|
|
@@ -3579,7 +3579,7 @@ class Badge {
|
|
|
3579
3579
|
render() {
|
|
3580
3580
|
const colorClass = this.color !== undefined ? `badge-${this.color}` : '';
|
|
3581
3581
|
const bubbleClass = this.bubble ? 'badge-bubble' : '';
|
|
3582
|
-
return (hAsync(Host, { key: '
|
|
3582
|
+
return (hAsync(Host, { key: '2f539265f47ab9cd236827e84a5b881a9ac9d402', class: `${colorClass} ${bubbleClass}` }, hAsync("slot", { key: '1ecec2947ebadb4cb81d6e3cd74d0851681047b3' })));
|
|
3583
3583
|
}
|
|
3584
3584
|
static get style() { return badgeCss; }
|
|
3585
3585
|
static get cmpMeta() { return {
|
|
@@ -3627,7 +3627,7 @@ class Banner {
|
|
|
3627
3627
|
}
|
|
3628
3628
|
render() {
|
|
3629
3629
|
const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
|
|
3630
|
-
return (hAsync(Host, { key: '
|
|
3630
|
+
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" })))));
|
|
3631
3631
|
}
|
|
3632
3632
|
static get style() { return bannerCss; }
|
|
3633
3633
|
static get cmpMeta() { return {
|
|
@@ -3732,7 +3732,7 @@ let Button$1 = class Button {
|
|
|
3732
3732
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
3733
3733
|
const expandClass = this.expand ? 'btn-block' : '';
|
|
3734
3734
|
const iconOnlyClass = this.iconOnly ? 'btn-icon' : '';
|
|
3735
|
-
return (hAsync(Host, { key: '
|
|
3735
|
+
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" }))));
|
|
3736
3736
|
}
|
|
3737
3737
|
get el() { return getElement(this); }
|
|
3738
3738
|
static get style() { return buttonCss; }
|
|
@@ -3816,7 +3816,7 @@ class Button {
|
|
|
3816
3816
|
render() {
|
|
3817
3817
|
const TagType = this.href === undefined ? 'button' : 'a';
|
|
3818
3818
|
const positionClass = this.position !== undefined ? `position-${this.position}` : '';
|
|
3819
|
-
return (hAsync(Host, { key: '
|
|
3819
|
+
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' }))));
|
|
3820
3820
|
}
|
|
3821
3821
|
get el() { return getElement(this); }
|
|
3822
3822
|
static get style() { return buttonFloatingCss; }
|
|
@@ -3860,7 +3860,7 @@ class ButtonBar {
|
|
|
3860
3860
|
this.selectedTabChanged();
|
|
3861
3861
|
}
|
|
3862
3862
|
render() {
|
|
3863
|
-
return (hAsync(Host, { key: '
|
|
3863
|
+
return (hAsync(Host, { key: '20a78b478a8d346e40af1065cfc57e273498d389', role: "tablist" }, hAsync("slot", { key: 'aadc0d0830d3110041dc4e0fa7f93f0a42fdefc5' })));
|
|
3864
3864
|
}
|
|
3865
3865
|
get el() { return getElement(this); }
|
|
3866
3866
|
static get watchers() { return {
|
|
@@ -3942,7 +3942,7 @@ class Card {
|
|
|
3942
3942
|
render() {
|
|
3943
3943
|
const { elevation } = this;
|
|
3944
3944
|
const elevationClass = this.elevation ? `card-elevation-${elevation}` : ``;
|
|
3945
|
-
return (hAsync(Host, { key: '
|
|
3945
|
+
return (hAsync(Host, { key: 'ffbda1214eff7cb57679b63404dabc2cffc7bd97', class: `${elevationClass}` }, this.renderCard()));
|
|
3946
3946
|
}
|
|
3947
3947
|
get el() { return getElement(this); }
|
|
3948
3948
|
static get style() { return cardCss; }
|
|
@@ -10689,7 +10689,7 @@ class Carousel {
|
|
|
10689
10689
|
});
|
|
10690
10690
|
}
|
|
10691
10691
|
render() {
|
|
10692
|
-
return (hAsync(Host, { key: '
|
|
10692
|
+
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 })))));
|
|
10693
10693
|
}
|
|
10694
10694
|
get el() { return getElement(this); }
|
|
10695
10695
|
static get watchers() { return {
|
|
@@ -10739,10 +10739,10 @@ class CarouselItem {
|
|
|
10739
10739
|
registerInstance(this, hostRef);
|
|
10740
10740
|
}
|
|
10741
10741
|
render() {
|
|
10742
|
-
return (hAsync(Host, { key: '
|
|
10742
|
+
return (hAsync(Host, { key: '5351b52cd1a420fdc954e510a9d5cb04eb93b692', class: {
|
|
10743
10743
|
'swiper-slide': true,
|
|
10744
10744
|
'swiper-zoom-container': true,
|
|
10745
|
-
} }, hAsync("slot", { key: '
|
|
10745
|
+
} }, hAsync("slot", { key: 'bb54a4caad4c46b881ad0d8e09071adbd086bfac' })));
|
|
10746
10746
|
}
|
|
10747
10747
|
static get style() { return carouselItemCss; }
|
|
10748
10748
|
static get cmpMeta() { return {
|
|
@@ -10832,7 +10832,7 @@ class Checkbox {
|
|
|
10832
10832
|
const labelId = this.checkboxId + '-label';
|
|
10833
10833
|
const inverseClass = this.inverse && 'form-checkbox-inverse';
|
|
10834
10834
|
const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';
|
|
10835
|
-
return (hAsync(Host, { key: '
|
|
10835
|
+
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)));
|
|
10836
10836
|
}
|
|
10837
10837
|
static get watchers() { return {
|
|
10838
10838
|
"checked": ["checkedChanged"]
|
|
@@ -10889,7 +10889,7 @@ class Chip {
|
|
|
10889
10889
|
}
|
|
10890
10890
|
render() {
|
|
10891
10891
|
const outlineClass = this.outline ? 'chip-outline' : '';
|
|
10892
|
-
return (hAsync(Host, { key: '
|
|
10892
|
+
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 })));
|
|
10893
10893
|
}
|
|
10894
10894
|
static get style() { return chipCss; }
|
|
10895
10895
|
static get cmpMeta() { return {
|
|
@@ -10917,7 +10917,7 @@ class Col {
|
|
|
10917
10917
|
registerInstance(this, hostRef);
|
|
10918
10918
|
}
|
|
10919
10919
|
render() {
|
|
10920
|
-
return (hAsync("slot", { key: '
|
|
10920
|
+
return (hAsync("slot", { key: '0b3251e270d85e236cfb3e19d1652a99250a97f7' }));
|
|
10921
10921
|
}
|
|
10922
10922
|
static get style() { return colCss; }
|
|
10923
10923
|
static get cmpMeta() { return {
|
|
@@ -10966,7 +10966,7 @@ class Collapse {
|
|
|
10966
10966
|
const isOpenClass = this.isOpen ? 'collapse-open' : '';
|
|
10967
10967
|
const buttonText = this.isOpen ? this.showLess : this.showMore;
|
|
10968
10968
|
const centerClass = this.centered ? 'collapse-btn-centered' : '';
|
|
10969
|
-
return (hAsync(Host, { key: '
|
|
10969
|
+
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))));
|
|
10970
10970
|
}
|
|
10971
10971
|
static get style() { return collapseCss; }
|
|
10972
10972
|
static get cmpMeta() { return {
|
|
@@ -11002,7 +11002,7 @@ class ContentCard {
|
|
|
11002
11002
|
}
|
|
11003
11003
|
render() {
|
|
11004
11004
|
const insetImageClass = this.insetImage ? '' : 'content-card-image';
|
|
11005
|
-
return (hAsync(Host, { key: '
|
|
11005
|
+
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' })))));
|
|
11006
11006
|
}
|
|
11007
11007
|
static get style() { return contentCardCss; }
|
|
11008
11008
|
static get cmpMeta() { return {
|
|
@@ -11177,7 +11177,7 @@ class Counter {
|
|
|
11177
11177
|
}
|
|
11178
11178
|
render() {
|
|
11179
11179
|
const dataCi = this.isDustbinVisible ? "road-dustbin" : "";
|
|
11180
|
-
return (hAsync("road-input-group", { key: '
|
|
11180
|
+
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" }))));
|
|
11181
11181
|
}
|
|
11182
11182
|
get el() { return getElement(this); }
|
|
11183
11183
|
static get watchers() { return {
|
|
@@ -11296,11 +11296,11 @@ class Dialog {
|
|
|
11296
11296
|
break;
|
|
11297
11297
|
}
|
|
11298
11298
|
}
|
|
11299
|
-
return (hAsync(Host, { key: '
|
|
11299
|
+
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
|
|
11300
11300
|
? hAsync("button", { type: "button", class: "dialog-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))
|
|
11301
|
-
: ''), hAsync("div", { key: '
|
|
11301
|
+
: ''), hAsync("div", { key: '9194a50bc0595a94170864de94f1ff1716693ee5', class: "dialog-body" }, this.color !== undefined
|
|
11302
11302
|
? hAsync("road-icon", { class: "dialog-icon", part: "dialog-icon", color: this.color, icon: icon, "aria-hidden": "true" })
|
|
11303
|
-
: '', hAsync("h2", { key: '
|
|
11303
|
+
: '', 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' }))))));
|
|
11304
11304
|
}
|
|
11305
11305
|
get el() { return getElement(this); }
|
|
11306
11306
|
static get style() { return dialogCss; }
|
|
@@ -11467,7 +11467,7 @@ class Drawer {
|
|
|
11467
11467
|
const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
|
|
11468
11468
|
const footerSlotElement = (_d = this.el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('slot[name="footer"]');
|
|
11469
11469
|
const hasFooterContent = footerSlotElement instanceof HTMLSlotElement && footerSlotElement.assignedNodes().length > 0;
|
|
11470
|
-
return (hAsync(Host, { key: '
|
|
11470
|
+
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" }))))));
|
|
11471
11471
|
}
|
|
11472
11472
|
get el() { return getElement(this); }
|
|
11473
11473
|
static get watchers() { return {
|
|
@@ -11527,7 +11527,7 @@ let Dropdown$1 = class Dropdown {
|
|
|
11527
11527
|
const positionClass = this.position ? `position-${this.position}` : '';
|
|
11528
11528
|
const dropdownClass = this.position ? `dropdown-${this.position}` : '';
|
|
11529
11529
|
const directionClass = this.direction ? `direction-${this.direction}` : '';
|
|
11530
|
-
return (hAsync("details", { key: '
|
|
11530
|
+
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" }))));
|
|
11531
11531
|
}
|
|
11532
11532
|
get el() { return getElement(this); }
|
|
11533
11533
|
static get style() { return dropdownCss; }
|
|
@@ -11582,7 +11582,7 @@ class Dropdown {
|
|
|
11582
11582
|
this.isOpen = false;
|
|
11583
11583
|
}
|
|
11584
11584
|
render() {
|
|
11585
|
-
return (hAsync("details", { key: '
|
|
11585
|
+
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" }))));
|
|
11586
11586
|
}
|
|
11587
11587
|
get el() { return getElement(this); }
|
|
11588
11588
|
static get style() { return profilDropdownCss; }
|
|
@@ -11645,7 +11645,7 @@ class Duration {
|
|
|
11645
11645
|
this.isOpen = false;
|
|
11646
11646
|
}
|
|
11647
11647
|
render() {
|
|
11648
|
-
return (hAsync("road-drawer", { key: '
|
|
11648
|
+
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 })))))))));
|
|
11649
11649
|
}
|
|
11650
11650
|
get el() { return getElement(this); }
|
|
11651
11651
|
static get style() { return durationCss; }
|
|
@@ -11690,7 +11690,7 @@ class Flap {
|
|
|
11690
11690
|
}
|
|
11691
11691
|
render() {
|
|
11692
11692
|
const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
|
|
11693
|
-
return (hAsync(Host, { key: '
|
|
11693
|
+
return (hAsync(Host, { key: '0ef7e9f8c55fc49a34182d944f71c9a75d0fb7be', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: 'fa1995ace426d5410cde6003d42d5b689db64bb3' })));
|
|
11694
11694
|
}
|
|
11695
11695
|
static get style() { return flapCss; }
|
|
11696
11696
|
static get cmpMeta() { return {
|
|
@@ -11735,7 +11735,7 @@ class GlobalNavigation {
|
|
|
11735
11735
|
this.selectedTabChanged();
|
|
11736
11736
|
}
|
|
11737
11737
|
render() {
|
|
11738
|
-
return (hAsync(Host, { key: '
|
|
11738
|
+
return (hAsync(Host, { key: '9164170163b7e298ac0556cdcd3e0d47b2480791', role: "application" }, hAsync("slot", { key: '150faf3c05b028772e695f0eaf836ec250ac775b' })));
|
|
11739
11739
|
}
|
|
11740
11740
|
static get watchers() { return {
|
|
11741
11741
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -11882,7 +11882,7 @@ class GlobalNavigationV2 {
|
|
|
11882
11882
|
this.selectedTabChanged();
|
|
11883
11883
|
}
|
|
11884
11884
|
render() {
|
|
11885
|
-
return (hAsync(Host, { key: '
|
|
11885
|
+
return (hAsync(Host, { key: 'e96a242247541fb01c652fba58dfa6e69e7257f0', role: "application" }, hAsync("slot", { key: 'abfd9632f3b3d616095fc573e110a062cfcb5bad' })));
|
|
11886
11886
|
}
|
|
11887
11887
|
get host() { return getElement(this); }
|
|
11888
11888
|
static get watchers() { return {
|
|
@@ -11911,7 +11911,7 @@ class Grid {
|
|
|
11911
11911
|
registerInstance(this, hostRef);
|
|
11912
11912
|
}
|
|
11913
11913
|
render() {
|
|
11914
|
-
return (hAsync("slot", { key: '
|
|
11914
|
+
return (hAsync("slot", { key: 'b9907edc844e7e9249634561fba9dfb7c3c5b260' }));
|
|
11915
11915
|
}
|
|
11916
11916
|
static get style() { return gridCss; }
|
|
11917
11917
|
static get cmpMeta() { return {
|
|
@@ -12013,7 +12013,7 @@ class Icon {
|
|
|
12013
12013
|
const rotateClass = this.rotate ? `icon-rotate-${this.rotate}` : '';
|
|
12014
12014
|
// Ajouter une classe "default" si aucune des valeurs n'est définie
|
|
12015
12015
|
const classes = [colorClass, sizeClass, rotateClass].filter(Boolean).join(' ');
|
|
12016
|
-
return (hAsync(Host, { key: '
|
|
12016
|
+
return (hAsync(Host, { key: '1da1702db901bcfb80638d9ae30a8c5cc4a2ac26', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
|
|
12017
12017
|
? hAsync("div", { class: "icon-inner", innerHTML: this.svgContent })
|
|
12018
12018
|
: hAsync("div", { class: "icon-inner" })));
|
|
12019
12019
|
}
|
|
@@ -12134,7 +12134,7 @@ class Illustration {
|
|
|
12134
12134
|
render() {
|
|
12135
12135
|
const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';
|
|
12136
12136
|
const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';
|
|
12137
|
-
return (hAsync(Host, { key: '
|
|
12137
|
+
return (hAsync(Host, { key: '0c1d3f02b235f7f69dbdca9969fd3a637929e0bd', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
|
|
12138
12138
|
? hAsync("div", { class: "icon-inner", innerHTML: this.illustrationSvgContent })
|
|
12139
12139
|
: hAsync("div", { class: "icon-inner" }))));
|
|
12140
12140
|
}
|
|
@@ -12236,7 +12236,7 @@ class Img {
|
|
|
12236
12236
|
}
|
|
12237
12237
|
render() {
|
|
12238
12238
|
const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
|
|
12239
|
-
return (hAsync(Host, { key: '
|
|
12239
|
+
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" })));
|
|
12240
12240
|
}
|
|
12241
12241
|
get el() { return getElement(this); }
|
|
12242
12242
|
static get watchers() { return {
|
|
@@ -29686,11 +29686,11 @@ class Input {
|
|
|
29686
29686
|
const hasValueClass = this.value !== '' && this.value !== null ? 'has-value' : '';
|
|
29687
29687
|
const lessLabelClass = this.label !== '' ? '' : 'less-label';
|
|
29688
29688
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
29689
|
-
return (hAsync(Host, { key: '
|
|
29689
|
+
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)
|
|
29690
29690
|
? // Si error est un tableau, on itère et génère un <p> pour chaque élément
|
|
29691
29691
|
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(), " ")))
|
|
29692
29692
|
: // Si error est une chaîne, on la divise avec split et génère un <p> pour chaque élément
|
|
29693
|
-
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: '
|
|
29693
|
+
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" })));
|
|
29694
29694
|
}
|
|
29695
29695
|
static get watchers() { return {
|
|
29696
29696
|
"debounce": ["debounceChanged"],
|
|
@@ -29801,7 +29801,7 @@ class InputGroup {
|
|
|
29801
29801
|
? `size-${this.el.querySelector('road-input').sizes}`
|
|
29802
29802
|
: '';
|
|
29803
29803
|
const disabledClass = this.disabled ? 'is-disabled' : '';
|
|
29804
|
-
return (hAsync("div", { key: '
|
|
29804
|
+
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" }))));
|
|
29805
29805
|
}
|
|
29806
29806
|
get el() { return getElement(this); }
|
|
29807
29807
|
static get watchers() { return {
|
|
@@ -29880,13 +29880,13 @@ class Item {
|
|
|
29880
29880
|
target,
|
|
29881
29881
|
};
|
|
29882
29882
|
const showDetail = detail !== undefined && detail;
|
|
29883
|
-
return (hAsync(Host, { key: '
|
|
29883
|
+
return (hAsync(Host, { key: '9259fa99977924426712f7ee15a5682f02169405', "aria-disabled": disabled ? 'true' : null, class: {
|
|
29884
29884
|
[`item-lines-${lines}`]: lines !== undefined,
|
|
29885
|
-
} }, hAsync(TagType, Object.assign({ key: '
|
|
29885
|
+
} }, hAsync(TagType, Object.assign({ key: '9cb8745d6101b92e3e78b109162ab553264c77b1' }, attrs, { class: {
|
|
29886
29886
|
'item-native': true,
|
|
29887
29887
|
'item-active': this.active,
|
|
29888
29888
|
[`layout-${layout}`]: layout !== undefined,
|
|
29889
|
-
}, part: "native", disabled: disabled }), hAsync("slot", { key: '
|
|
29889
|
+
}, 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" })))));
|
|
29890
29890
|
}
|
|
29891
29891
|
get el() { return getElement(this); }
|
|
29892
29892
|
static get style() { return itemCss; }
|
|
@@ -29926,7 +29926,7 @@ class Label {
|
|
|
29926
29926
|
registerInstance(this, hostRef);
|
|
29927
29927
|
}
|
|
29928
29928
|
render() {
|
|
29929
|
-
return (hAsync("slot", { key: '
|
|
29929
|
+
return (hAsync("slot", { key: '7b38ec4e17b246e6625f361419d19d8d34793609' }));
|
|
29930
29930
|
}
|
|
29931
29931
|
static get style() { return labelCss; }
|
|
29932
29932
|
static get cmpMeta() { return {
|
|
@@ -29950,9 +29950,9 @@ class List {
|
|
|
29950
29950
|
}
|
|
29951
29951
|
render() {
|
|
29952
29952
|
const { lines } = this;
|
|
29953
|
-
return (hAsync(Host, { key: '
|
|
29953
|
+
return (hAsync(Host, { key: 'eed6c97be3b96a23d563989e1a848664ef2ae6ba', class: {
|
|
29954
29954
|
[`list-lines-${lines}`]: lines !== undefined,
|
|
29955
|
-
} }, hAsync("slot", { key: '
|
|
29955
|
+
} }, hAsync("slot", { key: '1e96c87c4f15aca5f1a1d288019fd082467d5d67' })));
|
|
29956
29956
|
}
|
|
29957
29957
|
static get style() { return listCss; }
|
|
29958
29958
|
static get cmpMeta() { return {
|
|
@@ -30036,7 +30036,7 @@ class Modal {
|
|
|
30036
30036
|
const modalIsOpenClass = this.isOpen ? 'modal-open' : '';
|
|
30037
30037
|
const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';
|
|
30038
30038
|
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" })) : '';
|
|
30039
|
-
return (hAsync(Host, { key: '
|
|
30039
|
+
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' }))))));
|
|
30040
30040
|
}
|
|
30041
30041
|
get el() { return getElement(this); }
|
|
30042
30042
|
static get style() { return modalCss; }
|
|
@@ -30086,7 +30086,7 @@ class Navbar {
|
|
|
30086
30086
|
this.selectedTabChanged();
|
|
30087
30087
|
}
|
|
30088
30088
|
render() {
|
|
30089
|
-
return (hAsync(Host, { key: '
|
|
30089
|
+
return (hAsync(Host, { key: 'a57dfc3bd1c2a35ae5f0a7d84da9aae803f3248e', role: "menubar" }, hAsync("slot", { key: '87d7969b28fa712be5cf8d6c2c1d0140f946182a' })));
|
|
30090
30090
|
}
|
|
30091
30091
|
static get watchers() { return {
|
|
30092
30092
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30171,11 +30171,11 @@ let NavbarItem$1 = class NavbarItem {
|
|
|
30171
30171
|
rel,
|
|
30172
30172
|
target,
|
|
30173
30173
|
};
|
|
30174
|
-
return (hAsync(Host, { key: '
|
|
30174
|
+
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: {
|
|
30175
30175
|
'navbar-item': true,
|
|
30176
30176
|
'tab-selected': selected,
|
|
30177
30177
|
'tab-disabled': disabled,
|
|
30178
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30178
|
+
} }, 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' })))));
|
|
30179
30179
|
}
|
|
30180
30180
|
get el() { return getElement(this); }
|
|
30181
30181
|
static get watchers() { return {
|
|
@@ -30267,11 +30267,11 @@ class NavbarItem {
|
|
|
30267
30267
|
rel,
|
|
30268
30268
|
target,
|
|
30269
30269
|
};
|
|
30270
|
-
return (hAsync(Host, { key: '
|
|
30270
|
+
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: {
|
|
30271
30271
|
'navbar-item': true,
|
|
30272
30272
|
'tab-selected': selected,
|
|
30273
30273
|
'tab-disabled': disabled,
|
|
30274
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30274
|
+
} }, 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' })))));
|
|
30275
30275
|
}
|
|
30276
30276
|
get el() { return getElement(this); }
|
|
30277
30277
|
static get watchers() { return {
|
|
@@ -30329,7 +30329,7 @@ class NavbarV2 {
|
|
|
30329
30329
|
}
|
|
30330
30330
|
render() {
|
|
30331
30331
|
const compactClass = this.compact ? 'compact' : '';
|
|
30332
|
-
return (hAsync(Host, { key: '
|
|
30332
|
+
return (hAsync(Host, { key: 'f0864eac8a491150b1ef02a46fcf46b8fa4fc2d9', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '2a5bd884d6ee88c0ee73c3e48d7f9670fffc986e' })));
|
|
30333
30333
|
}
|
|
30334
30334
|
static get watchers() { return {
|
|
30335
30335
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30451,10 +30451,10 @@ class PlateNumber {
|
|
|
30451
30451
|
render() {
|
|
30452
30452
|
const value = this.getValue();
|
|
30453
30453
|
const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
|
|
30454
|
-
return (hAsync("road-input-group", { key: '
|
|
30454
|
+
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
|
|
30455
30455
|
.filter(item => item.country === this.country)[0].letter))), this.motorbike
|
|
30456
30456
|
? (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 }))
|
|
30457
|
-
: (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: '
|
|
30457
|
+
: (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" }))));
|
|
30458
30458
|
}
|
|
30459
30459
|
static get watchers() { return {
|
|
30460
30460
|
"value": ["valueChanged"]
|
|
@@ -30521,7 +30521,7 @@ class ProgressBar {
|
|
|
30521
30521
|
const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
|
|
30522
30522
|
const light = this.light ? 'progress progress-light' : 'progress';
|
|
30523
30523
|
const animation = this.animation ? 'animation' : '';
|
|
30524
|
-
return (hAsync(Host, { key: '
|
|
30524
|
+
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))));
|
|
30525
30525
|
}
|
|
30526
30526
|
static get style() { return progressCss; }
|
|
30527
30527
|
static get cmpMeta() { return {
|
|
@@ -30561,7 +30561,7 @@ class ProgressIndicatorVertical {
|
|
|
30561
30561
|
registerInstance(this, hostRef);
|
|
30562
30562
|
}
|
|
30563
30563
|
render() {
|
|
30564
|
-
return (hAsync(Host, { key: '
|
|
30564
|
+
return (hAsync(Host, { key: '5fe5373acd2c35744a9b60bc7e91ed5bbb2a1ada' }, hAsync("nav", { key: '7d7a3bfac49b57a6a4c57726c855d8e50801fcc5' }, hAsync("ul", { key: '4205db5a5873f0f0bcef1d735d7c44e8690c3442' }, hAsync("li", { key: '49cce64e4e60bc908af6febbdf077b361307f8a4' }, hAsync("slot", { key: '00c252a9949779a2d3148a3eb404410cfec6a466' }))))));
|
|
30565
30565
|
}
|
|
30566
30566
|
static get style() { return progressIndicatorVerticalCss; }
|
|
30567
30567
|
static get cmpMeta() { return {
|
|
@@ -30584,7 +30584,7 @@ class ProgressIndicatorVerticalItem {
|
|
|
30584
30584
|
registerInstance(this, hostRef);
|
|
30585
30585
|
}
|
|
30586
30586
|
render() {
|
|
30587
|
-
return (hAsync(Host, { key: '
|
|
30587
|
+
return (hAsync(Host, { key: '7cafa7410a58d53c1e369efa22cdc994fa961082' }, hAsync("slot", { key: '1c7bfb9947f8db82d1248b61a2e59a261a015576' })));
|
|
30588
30588
|
}
|
|
30589
30589
|
static get style() { return progressIndicatorVerticalItemCss; }
|
|
30590
30590
|
static get cmpMeta() { return {
|
|
@@ -30612,7 +30612,7 @@ class ProgressTracker {
|
|
|
30612
30612
|
registerInstance(this, hostRef);
|
|
30613
30613
|
}
|
|
30614
30614
|
render() {
|
|
30615
|
-
return (hAsync(Host, { key: '
|
|
30615
|
+
return (hAsync(Host, { key: '4b800c967f9856eb3f9300052bb2bf25923d89d2' }, hAsync("nav", { key: '3fb92e245b3e9e6b7fea1c32243a57abcbaa12e7' }, hAsync("ul", { key: '969719a6a169ab1746c651f8585d75ef3149adc3' }, hAsync("li", { key: '9f9a1f612e18de1589be43f60a1543288d100c02' }, hAsync("slot", { key: 'ad39bd1a8e16ca349a2de0b100d5202130f0c362' }))))));
|
|
30616
30616
|
}
|
|
30617
30617
|
static get style() { return progressTrackerCss; }
|
|
30618
30618
|
static get cmpMeta() { return {
|
|
@@ -30643,7 +30643,7 @@ class ProgressTrackerItem {
|
|
|
30643
30643
|
registerInstance(this, hostRef);
|
|
30644
30644
|
}
|
|
30645
30645
|
render() {
|
|
30646
|
-
return (hAsync(Host, { key: '
|
|
30646
|
+
return (hAsync(Host, { key: '0c16e41e50d438bad6afb7e663a70543aeaa8676' }, hAsync("slot", { key: '416aee7102487a9a8aed3c0ea8558852bb823818' })));
|
|
30647
30647
|
}
|
|
30648
30648
|
static get style() { return progressTrackerItemCss; }
|
|
30649
30649
|
static get cmpMeta() { return {
|
|
@@ -30735,7 +30735,7 @@ class Radio {
|
|
|
30735
30735
|
const inverseClass = this.inverse && 'form-radio-inverse';
|
|
30736
30736
|
const isInvalidClass = this.error ? 'is-invalid' : '';
|
|
30737
30737
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30738
|
-
return (hAsync(Host, { key: '
|
|
30738
|
+
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))));
|
|
30739
30739
|
}
|
|
30740
30740
|
get el() { return getElement(this); }
|
|
30741
30741
|
static get style() { return radioCss; }
|
|
@@ -30818,7 +30818,7 @@ class RadioCard {
|
|
|
30818
30818
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30819
30819
|
const selectedClass = this.isSelected || this.selected ? 'radio-card-selected' : '';
|
|
30820
30820
|
const disabledClass = this.disabled ? 'radio-card-disabled' : '';
|
|
30821
|
-
return (hAsync(Host, { key: '
|
|
30821
|
+
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' }))))));
|
|
30822
30822
|
}
|
|
30823
30823
|
get el() { return getElement(this); }
|
|
30824
30824
|
static get style() { return radioCardCss; }
|
|
@@ -30914,7 +30914,7 @@ class RadioGroup {
|
|
|
30914
30914
|
render() {
|
|
30915
30915
|
const labelId = `${this.radioGroupId}-label`;
|
|
30916
30916
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
30917
|
-
return (hAsync(Host, { key: '
|
|
30917
|
+
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)));
|
|
30918
30918
|
}
|
|
30919
30919
|
get el() { return getElement(this); }
|
|
30920
30920
|
static get watchers() { return {
|
|
@@ -31043,14 +31043,14 @@ class Range {
|
|
|
31043
31043
|
render() {
|
|
31044
31044
|
const value = this.getValue();
|
|
31045
31045
|
const datalist = this.showLabels !== undefined ? `tickmarks` : "";
|
|
31046
|
-
return (hAsync(Host, { key: '
|
|
31046
|
+
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: {
|
|
31047
31047
|
"--min": this.min,
|
|
31048
31048
|
"--max": this.max,
|
|
31049
31049
|
"--value": value,
|
|
31050
31050
|
"--background-color": this.disabled
|
|
31051
31051
|
? "var(--road-surface-disabled)"
|
|
31052
31052
|
: "initial",
|
|
31053
|
-
} }, this.showValue && hAsync("output", { key: '
|
|
31053
|
+
} }, 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" })))));
|
|
31054
31054
|
}
|
|
31055
31055
|
get el() { return getElement(this); }
|
|
31056
31056
|
static get watchers() { return {
|
|
@@ -31118,7 +31118,7 @@ class Rating {
|
|
|
31118
31118
|
const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
|
|
31119
31119
|
const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
|
|
31120
31120
|
const readOnly = this.readonly == true ? `readonly` : '';
|
|
31121
|
-
return (hAsync(Host, { key: '
|
|
31121
|
+
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}`, ")")));
|
|
31122
31122
|
}
|
|
31123
31123
|
static get style() { return ratingCss; }
|
|
31124
31124
|
static get cmpMeta() { return {
|
|
@@ -31236,7 +31236,7 @@ class RoadAreaCode {
|
|
|
31236
31236
|
const labelId = this.selectId + '-label';
|
|
31237
31237
|
const valueId = this.selectId + '-value';
|
|
31238
31238
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
31239
|
-
return (hAsync(Host, { key: '
|
|
31239
|
+
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)));
|
|
31240
31240
|
}
|
|
31241
31241
|
static get watchers() { return {
|
|
31242
31242
|
"value": ["valueChanged"]
|
|
@@ -31282,7 +31282,7 @@ class RoadAspectRatio {
|
|
|
31282
31282
|
return `${w} / ${h}`;
|
|
31283
31283
|
}
|
|
31284
31284
|
render() {
|
|
31285
|
-
return (hAsync(Host, { key: '
|
|
31285
|
+
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' })))));
|
|
31286
31286
|
}
|
|
31287
31287
|
static get style() { return aspectRatioCss; }
|
|
31288
31288
|
static get cmpMeta() { return {
|
|
@@ -32671,9 +32671,9 @@ class RoadPhoneNumberInput {
|
|
|
32671
32671
|
const isErrorClass = this.errorMessage.length ? 'is-error' : '';
|
|
32672
32672
|
const hasValueClass = this.hasValue() ? 'has-value' : '';
|
|
32673
32673
|
const sizes = 'xl';
|
|
32674
|
-
return (hAsync(Host, { key: '
|
|
32674
|
+
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
|
|
32675
32675
|
&& this.errorMessage !== ''
|
|
32676
|
-
&& hAsync("p", { key: '
|
|
32676
|
+
&& 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)));
|
|
32677
32677
|
}
|
|
32678
32678
|
get el() { return getElement(this); }
|
|
32679
32679
|
static get style() { return phoneNumberInputCss; }
|
|
@@ -32712,7 +32712,7 @@ class Row {
|
|
|
32712
32712
|
registerInstance(this, hostRef);
|
|
32713
32713
|
}
|
|
32714
32714
|
render() {
|
|
32715
|
-
return (hAsync(Host, { key: '
|
|
32715
|
+
return (hAsync(Host, { key: '09ff16b1adc520c9cdef2c6f896f3bdc39c955ce' }, hAsync("slot", { key: 'cb9611e0e0d56ebd9b6eb9796fe80755d2cf1e1d' })));
|
|
32716
32716
|
}
|
|
32717
32717
|
static get style() { return rowCss; }
|
|
32718
32718
|
static get cmpMeta() { return {
|
|
@@ -32725,7 +32725,7 @@ class Row {
|
|
|
32725
32725
|
}; }
|
|
32726
32726
|
}
|
|
32727
32727
|
|
|
32728
|
-
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}.
|
|
32728
|
+
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}";
|
|
32729
32729
|
|
|
32730
32730
|
/**
|
|
32731
32731
|
*
|
|
@@ -32783,10 +32783,10 @@ class SegmentedButton {
|
|
|
32783
32783
|
render() {
|
|
32784
32784
|
const { tabIndex, selected, tab } = this;
|
|
32785
32785
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
32786
|
-
return (hAsync(Host, { key: '
|
|
32786
|
+
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: {
|
|
32787
32787
|
'tab-selected': selected,
|
|
32788
32788
|
[`${sizeClass}`]: true,
|
|
32789
|
-
} }, hAsync("span", { key: '
|
|
32789
|
+
} }, 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' })))));
|
|
32790
32790
|
}
|
|
32791
32791
|
get el() { return getElement(this); }
|
|
32792
32792
|
static get style() { return segmentedButtonCss; }
|
|
@@ -32906,7 +32906,7 @@ class Select {
|
|
|
32906
32906
|
const labelId = this.selectId + '-label';
|
|
32907
32907
|
const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
|
|
32908
32908
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
32909
|
-
return (hAsync(Host, { key: '
|
|
32909
|
+
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)));
|
|
32910
32910
|
}
|
|
32911
32911
|
static get watchers() { return {
|
|
32912
32912
|
"value": ["valueChanged"]
|
|
@@ -34886,7 +34886,7 @@ class SelectFilter {
|
|
|
34886
34886
|
const options = this.filteredOptions;
|
|
34887
34887
|
const isActive = this.isActive ? 'true' : 'false';
|
|
34888
34888
|
const notActive = this.isActive ? '' : 'not-active';
|
|
34889
|
-
return (hAsync(Host, { key: '
|
|
34889
|
+
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 })))))))));
|
|
34890
34890
|
}
|
|
34891
34891
|
get el() { return getElement(this); }
|
|
34892
34892
|
static get watchers() { return {
|
|
@@ -34921,7 +34921,7 @@ class Skeleton {
|
|
|
34921
34921
|
registerInstance(this, hostRef);
|
|
34922
34922
|
}
|
|
34923
34923
|
render() {
|
|
34924
|
-
return (hAsync("span", { key: '
|
|
34924
|
+
return (hAsync("span", { key: 'd0f6fa2c6d1346b4dbdf15e3a2d8f5776961a625' }, "\u00A0"));
|
|
34925
34925
|
}
|
|
34926
34926
|
static get style() { return skeletonCss; }
|
|
34927
34927
|
static get cmpMeta() { return {
|
|
@@ -34951,7 +34951,7 @@ class Spinner {
|
|
|
34951
34951
|
render() {
|
|
34952
34952
|
const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
|
|
34953
34953
|
const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
|
|
34954
|
-
return (hAsync("svg", { key: '
|
|
34954
|
+
return (hAsync("svg", { key: 'a13fe873d986f18ad6e24d03c8ed2cc08d111bfb', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '2be205cfa0e2fb9898578db0205ecabc865cddf2', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
|
|
34955
34955
|
}
|
|
34956
34956
|
static get style() { return spinnerCss; }
|
|
34957
34957
|
static get cmpMeta() { return {
|
|
@@ -35000,7 +35000,7 @@ class Stepper {
|
|
|
35000
35000
|
const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
|
|
35001
35001
|
const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
|
|
35002
35002
|
const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
|
|
35003
|
-
return (hAsync(Host, { key: '
|
|
35003
|
+
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" }))))))));
|
|
35004
35004
|
}
|
|
35005
35005
|
static get style() { return progressIndicatorHorizontalCss; }
|
|
35006
35006
|
static get cmpMeta() { return {
|
|
@@ -35101,11 +35101,11 @@ class Switch {
|
|
|
35101
35101
|
}
|
|
35102
35102
|
render() {
|
|
35103
35103
|
const labelId = this.switchId + '-label';
|
|
35104
|
-
const textLabel = hAsync("label", { key: '
|
|
35104
|
+
const textLabel = hAsync("label", { key: '430104d38d5703aa56ce1976a977a126468ec741', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
|
|
35105
35105
|
const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
|
|
35106
35106
|
const isSpacedClass = this.isSpaced && 'form-switch-spaced';
|
|
35107
35107
|
const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
|
|
35108
|
-
return (hAsync(Host, { key: '
|
|
35108
|
+
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)));
|
|
35109
35109
|
}
|
|
35110
35110
|
static get watchers() { return {
|
|
35111
35111
|
"checked": ["checkedChanged"]
|
|
@@ -35159,9 +35159,9 @@ class Tab {
|
|
|
35159
35159
|
}
|
|
35160
35160
|
render() {
|
|
35161
35161
|
const { tab, active } = this;
|
|
35162
|
-
return (hAsync(Host, { key: '
|
|
35162
|
+
return (hAsync(Host, { key: '10d79bb43319e005cf57d629ea4f678e3f3a5ae2', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
35163
35163
|
'tab-hidden': !active,
|
|
35164
|
-
} }, hAsync("slot", { key: '
|
|
35164
|
+
} }, hAsync("slot", { key: 'd11c7858cddf2b5da0db945ee9f69f52d02d7c16' })));
|
|
35165
35165
|
}
|
|
35166
35166
|
get el() { return getElement(this); }
|
|
35167
35167
|
static get style() { return tabCss; }
|
|
@@ -35220,11 +35220,11 @@ class TabBar {
|
|
|
35220
35220
|
}
|
|
35221
35221
|
render() {
|
|
35222
35222
|
const { expand, center, secondary } = this;
|
|
35223
|
-
return (hAsync(Host, { key: '
|
|
35223
|
+
return (hAsync(Host, { key: '683e4f5c99d335ec1c744830237bd3cd23db8c75', role: "tablist", class: {
|
|
35224
35224
|
'tab-expand': expand,
|
|
35225
35225
|
'tab-center': center,
|
|
35226
35226
|
'tab-secondary': secondary,
|
|
35227
|
-
} }, hAsync("slot", { key: '
|
|
35227
|
+
} }, hAsync("slot", { key: '0757eeb70b98263e316b408bc420fee186de03b0' })));
|
|
35228
35228
|
}
|
|
35229
35229
|
get el() { return getElement(this); }
|
|
35230
35230
|
static get watchers() { return {
|
|
@@ -35323,7 +35323,7 @@ class TabButton {
|
|
|
35323
35323
|
rel,
|
|
35324
35324
|
target,
|
|
35325
35325
|
};
|
|
35326
|
-
return (hAsync(Host, { key: '
|
|
35326
|
+
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: {
|
|
35327
35327
|
'tab-selected': selected,
|
|
35328
35328
|
'tab-has-label': hasLabel,
|
|
35329
35329
|
'tab-has-icon': hasIcon,
|
|
@@ -35331,7 +35331,7 @@ class TabButton {
|
|
|
35331
35331
|
'tab-has-icon-only': hasIcon && !hasLabel,
|
|
35332
35332
|
[`tab-layout-${layout}`]: true,
|
|
35333
35333
|
'tab-disabled': disabled, // Classe CSS pour les styles désactivés
|
|
35334
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
35334
|
+
} }, 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' })))));
|
|
35335
35335
|
}
|
|
35336
35336
|
get el() { return getElement(this); }
|
|
35337
35337
|
static get style() { return tabButtonCss; }
|
|
@@ -35364,7 +35364,7 @@ class Table {
|
|
|
35364
35364
|
registerInstance(this, hostRef);
|
|
35365
35365
|
}
|
|
35366
35366
|
render() {
|
|
35367
|
-
return (hAsync("slot", { key: '
|
|
35367
|
+
return (hAsync("slot", { key: 'e8b08c7f5bbb8fd61ae6d73278b61c8838bbabf4' }));
|
|
35368
35368
|
}
|
|
35369
35369
|
static get style() { return tableCss; }
|
|
35370
35370
|
static get cmpMeta() { return {
|
|
@@ -35471,7 +35471,7 @@ let Tabs$1 = class Tabs {
|
|
|
35471
35471
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35472
35472
|
}
|
|
35473
35473
|
render() {
|
|
35474
|
-
return (hAsync(Host, { key: '
|
|
35474
|
+
return (hAsync(Host, { key: '760ffd7c98659dc00187c97e3d01ce92409584a5', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: 'dfd7acfd76741333868ff7dce2f88c27f2413808', name: "top" }), hAsync("slot", { key: 'e7ed6139b95280e972025c5028e0694da0f26265' })));
|
|
35475
35475
|
}
|
|
35476
35476
|
get el() { return getElement(this); }
|
|
35477
35477
|
static get style() { return segmentedButtonsCss; }
|
|
@@ -35606,7 +35606,7 @@ class Tabs {
|
|
|
35606
35606
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35607
35607
|
}
|
|
35608
35608
|
render() {
|
|
35609
|
-
return (hAsync(Host, { key: '
|
|
35609
|
+
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' }))));
|
|
35610
35610
|
}
|
|
35611
35611
|
get el() { return getElement(this); }
|
|
35612
35612
|
static get style() { return tabsCss; }
|
|
@@ -35653,7 +35653,7 @@ class Tag {
|
|
|
35653
35653
|
}
|
|
35654
35654
|
render() {
|
|
35655
35655
|
const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
|
|
35656
|
-
return (hAsync(Host, { key: '
|
|
35656
|
+
return (hAsync(Host, { key: '81f24465ee40fd72b3095258f67f9d46b0f663e2', class: `${contrastClass}` }, hAsync("slot", { key: 'baf9168e522f8f4cf682f03c40304d5052a030f2' })));
|
|
35657
35657
|
}
|
|
35658
35658
|
static get style() { return tagCss; }
|
|
35659
35659
|
static get cmpMeta() { return {
|
|
@@ -35684,7 +35684,7 @@ class Text {
|
|
|
35684
35684
|
}
|
|
35685
35685
|
render() {
|
|
35686
35686
|
const colorClass = this.color !== undefined ? `text-${this.color}` : '';
|
|
35687
|
-
return (hAsync(Host, { key: '
|
|
35687
|
+
return (hAsync(Host, { key: '8c3872a70719feac2cbf76f50b7491b838fb393b', class: `${colorClass}` }, hAsync("slot", { key: 'b746e561a4c05d829492a023120a7d1ade1c146f' })));
|
|
35688
35688
|
}
|
|
35689
35689
|
static get style() { return textCss; }
|
|
35690
35690
|
static get cmpMeta() { return {
|
|
@@ -35793,7 +35793,7 @@ class Textarea {
|
|
|
35793
35793
|
const hasValueClass = this.value !== '' ? 'has-value' : '';
|
|
35794
35794
|
const noResizeClass = this.resize == false ? 'no-resize' : '';
|
|
35795
35795
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
35796
|
-
return (hAsync(Host, { key: '
|
|
35796
|
+
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)));
|
|
35797
35797
|
}
|
|
35798
35798
|
static get watchers() { return {
|
|
35799
35799
|
"value": ["valueChanged"]
|
|
@@ -35923,7 +35923,7 @@ class Toast {
|
|
|
35923
35923
|
if (this.color == 'danger') {
|
|
35924
35924
|
this.timeout = 0;
|
|
35925
35925
|
}
|
|
35926
|
-
return (hAsync(Host, { key: '
|
|
35926
|
+
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" }))));
|
|
35927
35927
|
}
|
|
35928
35928
|
static get watchers() { return {
|
|
35929
35929
|
"isOpen": ["isOpenChanged"]
|
|
@@ -35962,7 +35962,7 @@ class Toolbar {
|
|
|
35962
35962
|
}
|
|
35963
35963
|
render() {
|
|
35964
35964
|
const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
|
|
35965
|
-
return (hAsync(Host, { key: '
|
|
35965
|
+
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" }))));
|
|
35966
35966
|
}
|
|
35967
35967
|
static get style() { return toolbarCss; }
|
|
35968
35968
|
static get cmpMeta() { return {
|
|
@@ -35987,7 +35987,7 @@ class ToolbarAppName {
|
|
|
35987
35987
|
registerInstance(this, hostRef);
|
|
35988
35988
|
}
|
|
35989
35989
|
render() {
|
|
35990
|
-
return (hAsync("div", { key: '
|
|
35990
|
+
return (hAsync("div", { key: '1c1ecd0a39d2929bca5c324fe67bdc18a18b5390', class: "toolbar-title-page" }, hAsync("slot", { key: '0b52cf3cf5b7a6d5f41ec4c8f839731cb48315c9' })));
|
|
35991
35991
|
}
|
|
35992
35992
|
static get style() { return toolbarTitlePageCss; }
|
|
35993
35993
|
static get cmpMeta() { return {
|
|
@@ -36010,7 +36010,7 @@ class ToolbarTitle {
|
|
|
36010
36010
|
registerInstance(this, hostRef);
|
|
36011
36011
|
}
|
|
36012
36012
|
render() {
|
|
36013
|
-
return (hAsync("div", { key: '
|
|
36013
|
+
return (hAsync("div", { key: 'ed443e8a60fd8624ef3381200b15ba4ff31b8aa5', class: "toolbar-title" }, hAsync("slot", { key: '1a6148e5e56141545821c5f7a70208db50238bbc' })));
|
|
36014
36014
|
}
|
|
36015
36015
|
static get style() { return toolbarTitleCss; }
|
|
36016
36016
|
static get cmpMeta() { return {
|
|
@@ -36038,7 +36038,7 @@ class ToolbarV2 {
|
|
|
36038
36038
|
registerInstance(this, hostRef);
|
|
36039
36039
|
}
|
|
36040
36040
|
render() {
|
|
36041
|
-
return (hAsync(Host, { key: '
|
|
36041
|
+
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" })))));
|
|
36042
36042
|
}
|
|
36043
36043
|
static get style() { return toolbarV2Css; }
|
|
36044
36044
|
static get cmpMeta() { return {
|
|
@@ -36150,12 +36150,12 @@ class Tooltip {
|
|
|
36150
36150
|
return triggers.includes(triggerType);
|
|
36151
36151
|
}
|
|
36152
36152
|
render() {
|
|
36153
|
-
return (hAsync(Host, { key: '
|
|
36153
|
+
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
|
|
36154
36154
|
,
|
|
36155
|
-
"data-tooltip-position": this.position }, hAsync("slot", { key: '
|
|
36155
|
+
"data-tooltip-position": this.position }, hAsync("slot", { key: '55ab7033c6d5cbc3941c77faa0d9bab9a7a25c11', "aria-describedby": this.tooltipId }), hAsync("div", { key: 'bb7b2d992d7a7a201eb6c6e70ee1d455407b7427', part: "tooltip", id: this.tooltipId, class: {
|
|
36156
36156
|
tooltip: true,
|
|
36157
36157
|
'tooltip-open': this.isOpen,
|
|
36158
|
-
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: '
|
|
36158
|
+
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: '6c8ea046ac67c764b0626b41ba3d6586615ef7bb', name: "tooltip-content" }))));
|
|
36159
36159
|
}
|
|
36160
36160
|
get el() { return getElement(this); }
|
|
36161
36161
|
static get style() { return tooltipCss; }
|
|
@@ -36254,11 +36254,11 @@ class toggle {
|
|
|
36254
36254
|
}
|
|
36255
36255
|
render() {
|
|
36256
36256
|
const labelId = this.toggleId + '-label';
|
|
36257
|
-
const textLabel = hAsync("label", { key: '
|
|
36257
|
+
const textLabel = hAsync("label", { key: '04e2ecdd74318b173c60411293ec8300c0e7d80c', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
|
|
36258
36258
|
const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
|
|
36259
36259
|
const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
|
|
36260
36260
|
const disabledClass = this.disabled ? 'disabled' : '';
|
|
36261
|
-
return (hAsync(Host, { key: '
|
|
36261
|
+
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)));
|
|
36262
36262
|
}
|
|
36263
36263
|
static get watchers() { return {
|
|
36264
36264
|
"checked": ["checkedChanged"]
|