@roadtrip/components 3.41.1 → 3.41.2
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-alert.cjs.entry.js +1 -1
- package/dist/cjs/road-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
- package/dist/cjs/road-navbar-v2.cjs.entry.js.map +1 -1
- package/dist/collection/components/alert/alert.css +1 -1
- package/dist/collection/components/drawer/drawer.css +0 -3
- package/dist/esm/road-alert.entry.js +1 -1
- package/dist/esm/road-alert.entry.js.map +1 -1
- package/dist/esm/road-badge_14.entry.js +1 -1
- package/dist/esm/road-badge_14.entry.js.map +1 -1
- package/dist/esm/road-navbar-v2.entry.js.map +1 -1
- package/dist/roadtrip/p-294a4a83.entry.js +2 -0
- package/dist/roadtrip/p-294a4a83.entry.js.map +1 -0
- package/dist/roadtrip/{p-07db2ee1.entry.js → p-d8dd3342.entry.js} +2 -2
- package/dist/roadtrip/p-d8dd3342.entry.js.map +1 -0
- package/dist/roadtrip/p-fdcebcc3.entry.js.map +1 -1
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/hydrate/index.js +104 -104
- package/hydrate/index.mjs +104 -104
- package/package.json +4 -4
- package/dist/roadtrip/p-07db2ee1.entry.js.map +0 -1
- package/dist/roadtrip/p-4182495e.entry.js +0 -2
- package/dist/roadtrip/p-4182495e.entry.js.map +0 -1
package/hydrate/index.js
CHANGED
|
@@ -3205,7 +3205,7 @@ class Accordion {
|
|
|
3205
3205
|
const accordionLightContent = this.isLight ? 'accordion-content accordion-light-content' : 'accordion-content';
|
|
3206
3206
|
const accordionLightSeparator = this.isLightSeparator ? 'accordion accordion-light accordion-light--border' : 'accordion';
|
|
3207
3207
|
const accordionSmall = this.isSmall ? 'accordion accordion-light accordion-light--small' : 'accordion';
|
|
3208
|
-
return (hAsync("details", { key: '
|
|
3208
|
+
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' }))));
|
|
3209
3209
|
}
|
|
3210
3210
|
static get style() { return RoadAccordionStyle0; }
|
|
3211
3211
|
static get cmpMeta() { return {
|
|
@@ -3223,7 +3223,7 @@ class Accordion {
|
|
|
3223
3223
|
}; }
|
|
3224
3224
|
}
|
|
3225
3225
|
|
|
3226
|
-
const alertCss = ":host{position:relative;display:flex;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.25;color:var(--road-on-surface);border:1px solid transparent;border-radius:0.25rem}.alert-icon{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{margin:
|
|
3226
|
+
const alertCss = ":host{position:relative;display:flex;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.25;color:var(--road-on-surface);border:1px solid transparent;border-radius:0.25rem}.alert-icon{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{margin:var(--road-spacing-02) 0 var(--road-spacing-03);display:block;font-weight:700}.alert-container{position:relative;display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:column}.alert-container-horizontal{position:relative;display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:row}.alert-link{display:block;margin:0;margin:var(--road-spacing-03) 0 0;color:var(--road-on-surface);text-decoration:underline}.alert-description{margin:0}.btn-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;justify-content:center;margin-top:var(--road-spacing-03)}.btn-container.justify-end{padding-top:var(--road-spacing-07);justify-content:end}.alert-button{margin-left:var(--road-spacing-07)}.alert-close{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:center;padding:0;font-weight:700;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.alert-info){color:var(--road-on-info-surface);background:var(--road-info-surface);border-color:var(--road-info-outline)}:host(.alert-info) ::slotted(road-icon){fill:var(--road-info-default)}:host(.alert-info) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse);fill:var(--road-on-info-surface-inverse)}:host(.alert-info) .alert-link{color:var(--road-on-info-surface)}:host(.alert-success){color:var(--road-on-success-surface);background:var(--road-success-surface);border-color:var(--road-success-outline)}:host(.alert-success) ::slotted(road-icon){fill:var(--road-success-icon)}:host(.alert-success) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse);fill:var(--road-on-success-surface-inverse)}:host(.alert-success) .alert-link{color:var(--road-on-success-surface)}:host(.alert-warning){color:var(--road-on-warning-surface);background:var(--road-warning-surface);border-color:var(--road-warning-outline)}:host(.alert-warning) ::slotted(road-icon){fill:var(--road-warning-icon)}:host(.alert-warning) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse);fill:var(--road-on-warning-surface-inverse)}:host(.alert-warning) .alert-link{color:var(--road-on-warning-surface)}:host(.alert-danger){color:var(--road-on-danger-surface);background:var(--road-danger-surface);border-color:var(--road-danger-outline)}:host(.alert-danger) ::slotted(road-icon){fill:var(--road-danger-icon)}:host(.alert-danger) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-danger-surface-inverse);background:var(--road-danger-surface-inverse);fill:var(--road-on-danger-surface-inverse)}:host(.alert-danger) .alert-link{color:var(--road-on-danger-surface)}";
|
|
3227
3227
|
var RoadAlertStyle0 = alertCss;
|
|
3228
3228
|
|
|
3229
3229
|
/**
|
|
@@ -3298,7 +3298,7 @@ class Alert {
|
|
|
3298
3298
|
}
|
|
3299
3299
|
const btnContainerClass = this.hasCloseIcon ? 'btn-container justify-end' : 'btn-container';
|
|
3300
3300
|
const closeIconElement = this.hasCloseIcon ? (hAsync("button", { type: "button", class: "alert-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))) : null;
|
|
3301
|
-
return (hAsync(Host, { key: '
|
|
3301
|
+
return (hAsync(Host, { key: '358c0b9ba649dc7f2a04f7cf1973fc8136e55d8d', class: colorClass, role: "alert" }, hAsync("div", { key: '08a81f21c4f8a773fca419c2ced43fb0fbd9c34f', class: "alert-icon" }, hAsync("slot", { key: '677101a86efc495b8001d13170c2b88b35a3b59b', name: "icon" })), hAsync("div", { key: '150ee6c4569c39ae1a76a4b560957fba71e06658', class: layoutClass }, hAsync("div", { key: 'a5989623d9b6a2147e76359ddab2a3d052859695', class: "alert-container-content" }, this.label && hAsync("span", { key: '165687f382f202899d8991a1dea3984a6b13a1bb', class: "alert-title d-block" }, this.label), hAsync("p", { key: 'ae7a4dcd6b3f6e68dfe7493175ceeca56be2ac99', class: "alert-description" }, hAsync("slot", { key: 'b6514df3aa0793ed4296856292860e9baf10caec' })), this.link && hAsync("a", { key: 'c8db33f73ca8585369a7edfe91d92af9219d0bd4', href: this.url, class: "alert-link link link-default" }, this.link)), hAsync("div", { key: '43f6da1950628cf9304f0e501c5cb2ce67bf203c', class: btnContainerClass }, hAsync("slot", { key: 'c5b94ccd205912f8a23ddd0397483c370444e5ec', name: "button" })), closeIconElement)));
|
|
3302
3302
|
}
|
|
3303
3303
|
get el() { return getElement(this); }
|
|
3304
3304
|
static get style() { return RoadAlertStyle0; }
|
|
@@ -3403,7 +3403,7 @@ class Asset {
|
|
|
3403
3403
|
}
|
|
3404
3404
|
}
|
|
3405
3405
|
render() {
|
|
3406
|
-
return (hAsync(Host, { key: '
|
|
3406
|
+
return (hAsync(Host, { key: '64331c0cd4f5a805be16cd746dfe78d7eeea118e', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
|
|
3407
3407
|
? hAsync("div", { class: "icon-inner", innerHTML: this.assetSvgContent })
|
|
3408
3408
|
: hAsync("div", { class: "icon-inner" }))));
|
|
3409
3409
|
}
|
|
@@ -3473,8 +3473,8 @@ class Autocomplete {
|
|
|
3473
3473
|
}
|
|
3474
3474
|
}
|
|
3475
3475
|
render() {
|
|
3476
|
-
return (hAsync(Host, { key: '
|
|
3477
|
-
hAsync("ul", { key: '
|
|
3476
|
+
return (hAsync(Host, { key: '73780efbf9fbb131958cf95d82e917400b7cc7a7' }, hAsync("slot", { key: 'cb9d4ba58dbee2802504aaaf49223d0905cebeb5' }), this.visible && this.options.length > 0 &&
|
|
3477
|
+
hAsync("ul", { key: '0b1f5afaf5a3d0fc088b0e3dc614cdad92d60031', 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))))));
|
|
3478
3478
|
}
|
|
3479
3479
|
get el() { return getElement(this); }
|
|
3480
3480
|
static get style() { return RoadAutocompleteStyle0; }
|
|
@@ -3507,7 +3507,7 @@ class Avatar {
|
|
|
3507
3507
|
}
|
|
3508
3508
|
render() {
|
|
3509
3509
|
const sizeClass = this.size !== undefined ? `avatar-${this.size}` : '';
|
|
3510
|
-
return (hAsync(Host, { key: '
|
|
3510
|
+
return (hAsync(Host, { key: 'a36243469cae6cdd1743417f76a261cb7a82d3fd', class: `${sizeClass}` }, hAsync("slot", { key: '656c8a8119209d27897087be9c5a11ed0679dbed' })));
|
|
3511
3511
|
}
|
|
3512
3512
|
static get style() { return RoadAvatarStyle0; }
|
|
3513
3513
|
static get cmpMeta() { return {
|
|
@@ -3548,7 +3548,7 @@ class Badge {
|
|
|
3548
3548
|
const colorClass = this.color !== undefined ? `badge-${this.color}` : '';
|
|
3549
3549
|
const bubbleClass = this.bubble ? 'badge-bubble' : '';
|
|
3550
3550
|
const sizeClass = this.size !== undefined ? `badge-${this.size}` : '';
|
|
3551
|
-
return (hAsync(Host, { key: '
|
|
3551
|
+
return (hAsync(Host, { key: '272af446e438ac2c9df336d12cd0bfbc3485af77', class: `${colorClass} ${bubbleClass} ${sizeClass}` }, hAsync("slot", { key: 'da72ac86b6650797cd4a4e16a5afe85e2090f325' })));
|
|
3552
3552
|
}
|
|
3553
3553
|
static get style() { return RoadBadgeStyle0; }
|
|
3554
3554
|
static get cmpMeta() { return {
|
|
@@ -3598,7 +3598,7 @@ class Banner {
|
|
|
3598
3598
|
}
|
|
3599
3599
|
render() {
|
|
3600
3600
|
const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
|
|
3601
|
-
return (hAsync(Host, { key: '
|
|
3601
|
+
return (hAsync(Host, { key: 'f1658b8509590ec8c76dbd0a4a04fb7c4b200277', class: bannerIsOpenClass }, hAsync("div", { key: 'b17259ee98bb232c81aa0eb32250be7b8db8f6fe' }, hAsync("span", { key: '07226e7728ae246d5c3f9c15737d77a52912a867', class: "banner-open-label" }, this.label), this.link && hAsync("a", { key: '70dddd7a3782c10ef65aa100f96732e791ae913b', href: this.url, class: "banner-open-link" }, this.link), hAsync("button", { key: '79eecde11b356d2cdfa4f5ea3292b50bd55cac47', type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, hAsync("road-icon", { key: 'c2e0b9079e37ff4062fdd7694c33f8ab8f95150c', icon: navigationClose, size: "md" })))));
|
|
3602
3602
|
}
|
|
3603
3603
|
static get style() { return RoadBannerStyle0; }
|
|
3604
3604
|
static get cmpMeta() { return {
|
|
@@ -3704,7 +3704,7 @@ class Button$1 {
|
|
|
3704
3704
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
3705
3705
|
const expandClass = this.expand ? 'btn-block' : '';
|
|
3706
3706
|
const iconOnlyClass = this.iconOnly ? 'btn-icon' : '';
|
|
3707
|
-
return (hAsync(Host, { key: '
|
|
3707
|
+
return (hAsync(Host, { key: '79d849dd58e95934ff3ab4c9c5b5edd65fb4c899', class: [colorClass, sizeClass, expandClass, iconOnlyClass].filter(Boolean).join(' '), onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, hAsync(TagType, Object.assign({ key: '764448aaf4c6c221563aa2d9b00c0b55c0fdea21' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("slot", { key: '54a7978f6da8b45b48db0ab31cec66d592172e90', name: "start" }), hAsync("slot", { key: '09f29be168b254fa9e3d73273938493d14cbca2f' }), hAsync("slot", { key: '8a014e7ebeed34446a89729ff771ac0a7c97639e', name: "end" }))));
|
|
3708
3708
|
}
|
|
3709
3709
|
get el() { return getElement(this); }
|
|
3710
3710
|
static get style() { return RoadButtonStyle0; }
|
|
@@ -3789,7 +3789,7 @@ class Button {
|
|
|
3789
3789
|
render() {
|
|
3790
3790
|
const TagType = this.href === undefined ? 'button' : 'a';
|
|
3791
3791
|
const positionClass = this.position !== undefined ? `position-${this.position}` : '';
|
|
3792
|
-
return (hAsync(Host, { key: '
|
|
3792
|
+
return (hAsync(Host, { key: 'c92dd334acedc9c577901d339dfa121b63c0d8d0', onClick: this.onClick, class: `${positionClass}` }, hAsync(TagType, { key: '10398fbc53a8e72cfc12975c6351dfe5430af311', class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("slot", { key: '22d572c54bd1defb07f45426f0bbab05666feb83', name: "start" }), hAsync("slot", { key: 'aad19f6d9af9b534ae7aa36485639a928c77d287' }))));
|
|
3793
3793
|
}
|
|
3794
3794
|
get el() { return getElement(this); }
|
|
3795
3795
|
static get style() { return RoadButtonFloatingStyle0; }
|
|
@@ -3834,7 +3834,7 @@ class ButtonBar {
|
|
|
3834
3834
|
this.selectedTabChanged();
|
|
3835
3835
|
}
|
|
3836
3836
|
render() {
|
|
3837
|
-
return (hAsync(Host, { key: '
|
|
3837
|
+
return (hAsync(Host, { key: 'a5bf3fc09d2e077e087ae5246ee562aed29472a5', role: "tablist" }, hAsync("slot", { key: '48a1e2e24b79f769bc35e4d048218210be1b0d56' })));
|
|
3838
3838
|
}
|
|
3839
3839
|
get el() { return getElement(this); }
|
|
3840
3840
|
static get watchers() { return {
|
|
@@ -3917,7 +3917,7 @@ class Card {
|
|
|
3917
3917
|
render() {
|
|
3918
3918
|
const { elevation } = this;
|
|
3919
3919
|
const elevationClass = this.elevation ? `card-elevation-${elevation}` : ``;
|
|
3920
|
-
return (hAsync(Host, { key: '
|
|
3920
|
+
return (hAsync(Host, { key: 'f5bd5b9245b805dbd174a96b76b349af87e4e938', class: `${elevationClass}` }, this.renderCard()));
|
|
3921
3921
|
}
|
|
3922
3922
|
get el() { return getElement(this); }
|
|
3923
3923
|
static get style() { return RoadCardStyle0; }
|
|
@@ -10664,7 +10664,7 @@ class Carousel {
|
|
|
10664
10664
|
});
|
|
10665
10665
|
}
|
|
10666
10666
|
render() {
|
|
10667
|
-
return (hAsync(Host, { key: '
|
|
10667
|
+
return (hAsync(Host, { key: 'ade421fc79d745727fe78ca3e95fe16e3415137e', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: 'd52f527ab0a2a4bd64e2098cc588f3ae6b874bcb', class: "swiper-wrapper" }, hAsync("slot", { key: '0f9426dca0b1ba1341793bd04e847f261f2c1046' })), this.pager && hAsync("div", { key: '3479c07552381ba5a162e012b52fc7da06f41172', class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (hAsync("div", { key: '9a9b215a9e21380b57b75e4ba371c2c0e2176d56', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: '1f78835d575dcad28f3bd6cf55a9f0d34d90f809', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: '287a27ab8483e6833bd27aeceeb62d51313ee606', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: 'de2b38ddb9afd1e8140f1233a9da42ae12b4793e', icon: navigationChevron })))));
|
|
10668
10668
|
}
|
|
10669
10669
|
get el() { return getElement(this); }
|
|
10670
10670
|
static get watchers() { return {
|
|
@@ -10715,10 +10715,10 @@ class CarouselItem {
|
|
|
10715
10715
|
registerInstance(this, hostRef);
|
|
10716
10716
|
}
|
|
10717
10717
|
render() {
|
|
10718
|
-
return (hAsync(Host, { key: '
|
|
10718
|
+
return (hAsync(Host, { key: '9505d58be5a5b79ca69b82808b1ffd06ba6bf5ae', class: {
|
|
10719
10719
|
'swiper-slide': true,
|
|
10720
10720
|
'swiper-zoom-container': true,
|
|
10721
|
-
} }, hAsync("slot", { key: '
|
|
10721
|
+
} }, hAsync("slot", { key: 'e5c79e5ae3ca8cb8d69cd37a5b55496e04b26652' })));
|
|
10722
10722
|
}
|
|
10723
10723
|
static get style() { return RoadCarouselItemStyle0; }
|
|
10724
10724
|
static get cmpMeta() { return {
|
|
@@ -10809,7 +10809,7 @@ class Checkbox {
|
|
|
10809
10809
|
const labelId = this.checkboxId + '-label';
|
|
10810
10810
|
const inverseClass = this.inverse && 'form-checkbox-inverse';
|
|
10811
10811
|
const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';
|
|
10812
|
-
return (hAsync(Host, { key: '
|
|
10812
|
+
return (hAsync(Host, { key: '6c65aa807587f38c0d6fcba34c1606431dfa1997' }, hAsync("input", { key: '6a3aa3c88b3fd4bdc23bc3881c7b72e8d7591964', 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: '3614ccc3ffbeacfd1e1b237da2b9c78ce7b8eecc', class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, hAsync("div", { key: '5c3b311e9a816bd504780c2ba4009f5ab69d4b8e' }, this.label, " ", hAsync("span", { key: 'cc588cbde6b8fbdea9ee0d861e265b994c8c5fa6', class: "form-check-label-span" }, this.secondaryLabel), hAsync("slot", { key: 'd92e1174f5d8bc282938dde2532a065b4511f5e2' })), this.checked && !this.indeterminate && hAsync("road-icon", { key: 'f4d26476c8686fc1d210378c581a5dedb6fb9ca3', class: "form-check-icon", icon: checkWide }), this.indeterminate && hAsync("road-icon", { key: '2701bbb698f4558edb21e024d9f803d4227f1eec', class: "form-check-icon", icon: navigationAddLess })), this.error && this.error !== '' && hAsync("p", { key: 'c39dc46b6aa89becc12a0277fddea6afe8c2f447', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'bbd1c57d3d9bc9c13664a829927cb26c560bf075', class: "helper" }, this.helper)));
|
|
10813
10813
|
}
|
|
10814
10814
|
static get watchers() { return {
|
|
10815
10815
|
"checked": ["checkedChanged"]
|
|
@@ -10867,7 +10867,7 @@ class Chip$1 {
|
|
|
10867
10867
|
}
|
|
10868
10868
|
render() {
|
|
10869
10869
|
const outlineClass = this.outline ? 'chip-outline' : '';
|
|
10870
|
-
return (hAsync(Host, { key: '
|
|
10870
|
+
return (hAsync(Host, { key: 'a3d6d90495d0d68b83b3ddbaed51378dedf4d63a', class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: 'a59a6d3451042a9d04cda50c82615fc59465fdf7', class: "chip-description" }, hAsync("slot", { key: '4219f60dc0bd8fda2be79f0ecd2b21075054c046' })), this.hasCloseIcon && hAsync("road-icon", { key: 'c9426711dcf68f15413a3cd1a4f0c65cd09aa548', class: "chip-close", icon: navigationClose })));
|
|
10871
10871
|
}
|
|
10872
10872
|
static get style() { return RoadChipStyle0; }
|
|
10873
10873
|
static get cmpMeta() { return {
|
|
@@ -10900,7 +10900,7 @@ class Chip {
|
|
|
10900
10900
|
this.size = 'sm';
|
|
10901
10901
|
}
|
|
10902
10902
|
render() {
|
|
10903
|
-
return (hAsync(Host, { key: '
|
|
10903
|
+
return (hAsync(Host, { key: '66bf3407592164729d81e1269900dfff160d60ce', class: `chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: 'e037baad33a3be2b430f9c2325abc81f4e7fd015', class: "chip-description" }, hAsync("road-icon", { key: '961d65ef9f31be4444c983c0bd178e19c0f06692', class: "chip-icon", color: "info", icon: alertInfoSolid }), hAsync("slot", { key: '3f1852768aa6a6dc6b234832688f6868b9676591' }))));
|
|
10904
10904
|
}
|
|
10905
10905
|
static get style() { return RoadStatusChipStyle0; }
|
|
10906
10906
|
static get cmpMeta() { return {
|
|
@@ -10926,7 +10926,7 @@ class Col {
|
|
|
10926
10926
|
registerInstance(this, hostRef);
|
|
10927
10927
|
}
|
|
10928
10928
|
render() {
|
|
10929
|
-
return (hAsync("slot", { key: '
|
|
10929
|
+
return (hAsync("slot", { key: 'a2621927906372b10b73caae4ddb4eca67ca3077' }));
|
|
10930
10930
|
}
|
|
10931
10931
|
static get style() { return RoadColStyle0; }
|
|
10932
10932
|
static get cmpMeta() { return {
|
|
@@ -10976,7 +10976,7 @@ class Collapse {
|
|
|
10976
10976
|
const isOpenClass = this.isOpen ? 'collapse-open' : '';
|
|
10977
10977
|
const buttonText = this.isOpen ? this.showLess : this.showMore;
|
|
10978
10978
|
const centerClass = this.centered ? 'collapse-btn-centered' : '';
|
|
10979
|
-
return (hAsync(Host, { key: '
|
|
10979
|
+
return (hAsync(Host, { key: 'dc4faac44b6213b807e1c1b935474e61ecffc229' }, hAsync("slot", { key: '007dc5698f07c530416b96319c087c70cc2e0928' }), hAsync("div", { key: '88f368b345b0d27a467bf120f4c461f409f43187', class: `collapsed-content ${isOpenClass}` }, hAsync("slot", { key: '253c48a56447a867c6b9f99ec485d3f444166f5a', name: "collapsed-content" })), hAsync("div", { key: 'ce988a1da4251516b4e6a751cd214931e608a586', class: `collapse-btn-wrapper ${centerClass}` }, hAsync("road-button", { key: 'd52107ea32b0cf25f490e7b1d38425df9fdd7d58', onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
|
|
10980
10980
|
}
|
|
10981
10981
|
static get style() { return RoadCollapseStyle0; }
|
|
10982
10982
|
static get cmpMeta() { return {
|
|
@@ -11013,7 +11013,7 @@ class ContentCard {
|
|
|
11013
11013
|
}
|
|
11014
11014
|
render() {
|
|
11015
11015
|
const insetImageClass = this.insetImage ? '' : 'content-card-image';
|
|
11016
|
-
return (hAsync(Host, { key: '
|
|
11016
|
+
return (hAsync(Host, { key: '0929d51b0a1629b1d983f114f1a0a5109db72d5b' }, hAsync("road-img", { key: '289c2d4def77b4bae2f0ab1ce5e3569367b8bfcf', src: "https://s1.medias-norauto.fr/visuals/desktop/fr/banners/blog_loimontagne.png", alt: "loi montagne", class: insetImageClass }), hAsync("div", { key: 'a22a7377c03e7b9f715b723ac454375785ee4765', class: "content-card-description" }, hAsync("road-label", { key: 'e43c2c05a422a9aff793cf67ce7d3810689470b5', class: "content-card-description-title" }, hAsync("slot", { key: '474ee1adb66d34157ad37b3a06546b8000d49a7a', name: "label" })), hAsync("p", { key: 'd8cb29dba572569025b961e4fc08e51cc19fdeea', class: "content-card-description-text" }, hAsync("slot", { key: '2751c5b213c615a8b4e70808da4ee5cdc3e7f26c', name: "description" })), hAsync("div", { key: 'cce3d9833cda5f79b06c5f909af9fae197544204', class: "content-card-description-buttons" }, hAsync("slot", { key: '2f75207ca66a7346c19f521c35ca8772ed3202c9' })))));
|
|
11017
11017
|
}
|
|
11018
11018
|
static get style() { return RoadContentCardStyle0; }
|
|
11019
11019
|
static get cmpMeta() { return {
|
|
@@ -11189,7 +11189,7 @@ class Counter {
|
|
|
11189
11189
|
}
|
|
11190
11190
|
render() {
|
|
11191
11191
|
const dataCi = this.isDustbinVisible ? "road-dustbin" : "";
|
|
11192
|
-
return (hAsync("road-input-group", { key: '
|
|
11192
|
+
return (hAsync("road-input-group", { key: '820b0cc9986dcb4e4c234f6c7046c14b3a3df095', class: this.size && `counter-${this.size}` }, hAsync("road-button", { key: 'fab3f2d7e20855197f186f0e281d064befb95bbd', slot: "prepend", size: this.size, onClick: this.decrease, class: this.leftIconClasses, "data-cy": "road-decrease" }, hAsync("road-icon", { key: '03c83781abc87777441b607b9722bf8d4ea30e03', 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: 'dd8911ac1c4b2c08ad876629962cd6b8b9531a61', 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: '79bb668b3831df7ce76d1d3691f2c9ef6a3e56a8', slot: "append", size: this.size, onClick: this.increase, class: this.rightIconClasses, "data-cy": "road-increase" }, hAsync("road-icon", { key: '035e4cacd9c843fd6b08a15ea40953bee8fcaa17', name: "navigation-add-more", size: this.size, role: "button" }))));
|
|
11193
11193
|
}
|
|
11194
11194
|
get el() { return getElement(this); }
|
|
11195
11195
|
static get watchers() { return {
|
|
@@ -11309,11 +11309,11 @@ class Dialog {
|
|
|
11309
11309
|
break;
|
|
11310
11310
|
}
|
|
11311
11311
|
}
|
|
11312
|
-
return (hAsync(Host, { key: '
|
|
11312
|
+
return (hAsync(Host, { key: 'e2ee13cb0fd6330b23224504c717efe8c68df097', class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, hAsync("div", { key: 'c5f3ecaae31debea9afe6a712308520cd092fc23', class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), hAsync("div", { key: 'b28e1225a56208c8ff7891856a49b171bf09f88b', class: "dialog-modal", role: "document", tabindex: "0" }, hAsync("div", { key: 'd799e1b00205d54e96e52f2e95b63e4c4327db2f', class: "dialog-content" }, hAsync("header", { key: 'a3d16ae59ee42a9a61f4849c779dbf2f2a8066c9', class: "dialog-header" }, this.hasCloseIcon
|
|
11313
11313
|
? hAsync("button", { type: "button", class: "dialog-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))
|
|
11314
|
-
: ''), hAsync("div", { key: '
|
|
11314
|
+
: ''), hAsync("div", { key: 'fadeb8d0776e92809c1f4fdda9d24fe325640103', class: "dialog-body" }, this.color !== undefined
|
|
11315
11315
|
? hAsync("road-icon", { class: "dialog-icon", part: "dialog-icon", color: this.color, icon: icon, "aria-hidden": "true" })
|
|
11316
|
-
: '', hAsync("h2", { key: '
|
|
11316
|
+
: '', hAsync("h2", { key: '06cbf8264b6336cb98b19e7bda1a80fb7d7a9271', class: "dialog-title" }, this.label), hAsync("p", { key: 'f82e151b413764289e3d430b76d987a8eaa1d7b3', class: "dialog-description", id: "dialogDesc" }, this.description)), hAsync("footer", { key: 'cbc9e71ad7aed7eab7bca5d9818dcbceb3cbcce2', class: "dialog-footer" }, hAsync("slot", { key: '41d4e4dd47ecf92e96396316e27ff8218ced5f2c' }))))));
|
|
11317
11317
|
}
|
|
11318
11318
|
get el() { return getElement(this); }
|
|
11319
11319
|
static get style() { return RoadDialogStyle0; }
|
|
@@ -11336,7 +11336,7 @@ class Dialog {
|
|
|
11336
11336
|
}; }
|
|
11337
11337
|
}
|
|
11338
11338
|
|
|
11339
|
-
const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;max-height:100vh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;
|
|
11339
|
+
const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;max-height:100vh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-footer{padding:var(--road-spacing-05);background-color:var(--road-surface)}.drawer-footer.remove-padding{padding:0}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto;padding:0 var(--road-spacing-05) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}.drawer-body{padding:0 var(--road-spacing-08) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}.drawer-footer{padding:var(--road-spacing-05) var(--road-spacing-08)}.drawer-footer.remove-padding{padding:0}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .drawer-dialog{transform:none}";
|
|
11340
11340
|
var RoadDrawerStyle0 = drawerCss;
|
|
11341
11341
|
|
|
11342
11342
|
/**
|
|
@@ -11481,7 +11481,7 @@ class Drawer {
|
|
|
11481
11481
|
const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
|
|
11482
11482
|
const footerSlotElement = (_d = this.el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('slot[name="footer"]');
|
|
11483
11483
|
const hasFooterContent = footerSlotElement instanceof HTMLSlotElement && footerSlotElement.assignedNodes().length > 0;
|
|
11484
|
-
return (hAsync(Host, { key: '
|
|
11484
|
+
return (hAsync(Host, { key: '8a221daad83a03c6635059b21b807ea546f94033', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: '28de6daf4125334413589e02b3c568936fd54596', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '555dd191eb27d3b5b0e97d1a0a29065e1d019195', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: 'ca12f58fd65bec534130f96de55781440a99a3f3', class: "drawer-content" }, hAsync("header", { key: '3fbdbf60e39f0bb41de438fca2f90dd7368d2360', 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: '2c87df1cd3e5aeaff575e06a21cc95bb58e123d5', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: '146a53a578800960a1ec69a9ad73fab9f7ec1d08' })), hAsync("footer", { key: 'b67cf3313766e0b1ec4e903c536c68f8dfbc3cc9', class: `drawer-footer ${removePaddingClass}`, style: { display: hasFooterContent ? 'block' : 'none' } }, hAsync("slot", { key: '2fa3f2e7b39ec3b03fba1a76ceb3a5c64d00c0e5', name: "footer" }))))));
|
|
11485
11485
|
}
|
|
11486
11486
|
get el() { return getElement(this); }
|
|
11487
11487
|
static get watchers() { return {
|
|
@@ -11542,7 +11542,7 @@ class Dropdown$1 {
|
|
|
11542
11542
|
const positionClass = this.position ? `position-${this.position}` : '';
|
|
11543
11543
|
const dropdownClass = this.position ? `dropdown-${this.position}` : '';
|
|
11544
11544
|
const directionClass = this.direction ? `direction-${this.direction}` : '';
|
|
11545
|
-
return (hAsync("details", { key: '
|
|
11545
|
+
return (hAsync("details", { key: '0b6d1adf874e559fb90a471aabda2c01090c48b9', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '83139e232e4c74c84831d20e5ed32cea245b8102', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: 'd427dcd5a8c534a4fb1e3874cb2ac279d3b9a5f2', class: `d-flex ${positionClass}` }, hAsync("div", { key: 'b9bbebff325eb4c2ed9e088b7064ead91b2c55f8', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: '72d9a1fd48cca91d8f16494d731898e3625e47e3', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: '2434438ec14e86f8fb78378b3eb88f0a39abb6f2', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: '1eb1bc0bdfdbaa13689e0552c8fa278381777863', name: "list" }))));
|
|
11546
11546
|
}
|
|
11547
11547
|
get el() { return getElement(this); }
|
|
11548
11548
|
static get style() { return RoadDropdownStyle0; }
|
|
@@ -11598,7 +11598,7 @@ class Dropdown {
|
|
|
11598
11598
|
this.isOpen = false;
|
|
11599
11599
|
}
|
|
11600
11600
|
render() {
|
|
11601
|
-
return (hAsync("details", { key: '
|
|
11601
|
+
return (hAsync("details", { key: 'b87c57717a2b24c36a021566c0caf902be2dc730', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '5b8a7a636d992b9f7cf087de5792f77570b031a7', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: '8fa86bcbcb09361bbddbdaf02e239c1a6ee439b2', class: `d-flex` }, hAsync("div", { key: '8f72235d6d44e20671022d84718aecf76cb0f2a2' }, hAsync("road-avatar", { key: '5a3075b025e47fd0c5e092863fae3a111ca5b737' }, hAsync("slot", { key: 'e736fe17013d86ca78a4bca99af10e6a595c151c', name: "avatar" }))))), hAsync("div", { key: 'c12f79bff86f7674764ff9f498394a172044997a', class: `dropdown-menu` }, hAsync("div", { key: '9ea9939892d5b0b21a45d99120981887ee7816ed', class: "profil-item" }, hAsync("road-avatar", { key: '3c24e96cf92bc6979c0d5212cb58285b35598de9', size: "sm" }, hAsync("slot", { key: 'c8ce0ac4929af5c830628c477cec9dbfc584fd7e', name: "avatarItem" })), hAsync("div", { key: '981466eec9a42648620fa4d77d0294bdde264316', class: "profil-item-info" }, hAsync("span", { key: 'aca08ad4ffb9439e649a5f83d3b34a4813465372', class: "profil-item-info-name" }, hAsync("slot", { key: 'c7fa79f90c906e705cb89b1b1eea664f7852aa60', name: "name" })), hAsync("road-label", { key: '77410fe9d9f4af29ecc59f787840a39490ebbf26' }, hAsync("slot", { key: '5055c32f3bfefc68084e42417ab54959e2d1fae7', name: "email" })))), hAsync("slot", { key: '656ad0ffc1bb8ebb1725ddf823ffc29384448a0a', name: "list" }))));
|
|
11602
11602
|
}
|
|
11603
11603
|
get el() { return getElement(this); }
|
|
11604
11604
|
static get style() { return RoadProfilDropdownStyle0; }
|
|
@@ -11662,7 +11662,7 @@ class Duration {
|
|
|
11662
11662
|
this.isOpen = false;
|
|
11663
11663
|
}
|
|
11664
11664
|
render() {
|
|
11665
|
-
return (hAsync("road-drawer", { key: '
|
|
11665
|
+
return (hAsync("road-drawer", { key: '2485f665f08be8b983893075cb687c0db04c8add', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: 'a3cfb812b1127a32eb31e1344944a8d52dd59f70' }, hAsync("road-row", { key: '1742b311e96f8140ffbe88f45a4f42ede7940cc9', 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 })))))))));
|
|
11666
11666
|
}
|
|
11667
11667
|
get el() { return getElement(this); }
|
|
11668
11668
|
static get style() { return RoadDurationStyle0; }
|
|
@@ -11708,7 +11708,7 @@ class Flap {
|
|
|
11708
11708
|
}
|
|
11709
11709
|
render() {
|
|
11710
11710
|
const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
|
|
11711
|
-
return (hAsync(Host, { key: '
|
|
11711
|
+
return (hAsync(Host, { key: 'acecc88123e94f737aef8b2d1026e8a9ce196a7d', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '6ce8eccf19a94ca9e7c8b75f9da8b7a8df00376b' })));
|
|
11712
11712
|
}
|
|
11713
11713
|
static get style() { return RoadFlapStyle0; }
|
|
11714
11714
|
static get cmpMeta() { return {
|
|
@@ -11754,7 +11754,7 @@ class GlobalNavigation {
|
|
|
11754
11754
|
this.selectedTabChanged();
|
|
11755
11755
|
}
|
|
11756
11756
|
render() {
|
|
11757
|
-
return (hAsync(Host, { key: '
|
|
11757
|
+
return (hAsync(Host, { key: 'bae96f32bd732721cbf401db21708a3bb601016b', role: "application" }, hAsync("slot", { key: '65e4a67511fd702e3daaa1ba206fbb8ff67df6da' })));
|
|
11758
11758
|
}
|
|
11759
11759
|
static get watchers() { return {
|
|
11760
11760
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -11902,7 +11902,7 @@ class GlobalNavigationV2 {
|
|
|
11902
11902
|
this.selectedTabChanged();
|
|
11903
11903
|
}
|
|
11904
11904
|
render() {
|
|
11905
|
-
return (hAsync(Host, { key: '
|
|
11905
|
+
return (hAsync(Host, { key: '1a523fcd448db62eb7a676184a22c7ae96e2d39e', role: "application" }, hAsync("slot", { key: '7c46cc17b02a4425161d99b54ef1bca9711f179a' })));
|
|
11906
11906
|
}
|
|
11907
11907
|
get host() { return getElement(this); }
|
|
11908
11908
|
static get watchers() { return {
|
|
@@ -11932,7 +11932,7 @@ class Grid {
|
|
|
11932
11932
|
registerInstance(this, hostRef);
|
|
11933
11933
|
}
|
|
11934
11934
|
render() {
|
|
11935
|
-
return (hAsync("slot", { key: '
|
|
11935
|
+
return (hAsync("slot", { key: '8f4662a444e12323e10cda6ecc7a2fe9b2199ff3' }));
|
|
11936
11936
|
}
|
|
11937
11937
|
static get style() { return RoadGridStyle0; }
|
|
11938
11938
|
static get cmpMeta() { return {
|
|
@@ -12035,7 +12035,7 @@ class Icon {
|
|
|
12035
12035
|
const rotateClass = this.rotate ? `icon-rotate-${this.rotate}` : '';
|
|
12036
12036
|
// Ajouter une classe "default" si aucune des valeurs n'est définie
|
|
12037
12037
|
const classes = [colorClass, sizeClass, rotateClass].filter(Boolean).join(' ');
|
|
12038
|
-
return (hAsync(Host, { key: '
|
|
12038
|
+
return (hAsync(Host, { key: '1da1702db901bcfb80638d9ae30a8c5cc4a2ac26', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
|
|
12039
12039
|
? hAsync("div", { class: "icon-inner", innerHTML: this.svgContent })
|
|
12040
12040
|
: hAsync("div", { class: "icon-inner" })));
|
|
12041
12041
|
}
|
|
@@ -12157,7 +12157,7 @@ class Illustration {
|
|
|
12157
12157
|
render() {
|
|
12158
12158
|
const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';
|
|
12159
12159
|
const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';
|
|
12160
|
-
return (hAsync(Host, { key: '
|
|
12160
|
+
return (hAsync(Host, { key: '0c1d3f02b235f7f69dbdca9969fd3a637929e0bd', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
|
|
12161
12161
|
? hAsync("div", { class: "icon-inner", innerHTML: this.illustrationSvgContent })
|
|
12162
12162
|
: hAsync("div", { class: "icon-inner" }))));
|
|
12163
12163
|
}
|
|
@@ -12260,7 +12260,7 @@ class Img {
|
|
|
12260
12260
|
}
|
|
12261
12261
|
render() {
|
|
12262
12262
|
const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
|
|
12263
|
-
return (hAsync(Host, { key: '
|
|
12263
|
+
return (hAsync(Host, { key: '6fd414b74c5d8cfef4b87847bef754c117a41803', class: placeholder }, hAsync("img", { key: '5f3bcae6d677124b042535c8a52d2870262db16c', class: "native-img", decoding: "async", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: "image" })));
|
|
12264
12264
|
}
|
|
12265
12265
|
get el() { return getElement(this); }
|
|
12266
12266
|
static get watchers() { return {
|
|
@@ -29710,11 +29710,11 @@ class Input {
|
|
|
29710
29710
|
const lessLabelClass = this.label !== '' ? '' : 'less-label';
|
|
29711
29711
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
29712
29712
|
const isValidClass = this.success == true ? 'is-valid' : '';
|
|
29713
|
-
return (hAsync(Host, { key: '
|
|
29713
|
+
return (hAsync(Host, { key: 'e1c39fcb1d557fa2317201767d3d8ab78f9d3a49', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: '5ae23298f7781fa0480e1d34d50add334f1ab10f', class: `form-control ${hasValueClass} ${isInvalidClass} ${isValidClass} ${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: 'd6f5b0aa7e14eb4c06fb3af037f9bda656a98282', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && (Array.isArray(this.error)
|
|
29714
29714
|
? // Si error est un tableau, on itère et génère un <p> pour chaque élément
|
|
29715
29715
|
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(), " ")))
|
|
29716
29716
|
: // Si error est une chaîne, on la divise avec split et génère un <p> pour chaque élément
|
|
29717
|
-
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: '
|
|
29717
|
+
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: '049438b598d8a81b1d8bdadfbd615f66914db3e1', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: 'f804b3b5727fa91623defc4f5209d865bc461f21', name: "checklistPassword" })));
|
|
29718
29718
|
}
|
|
29719
29719
|
static get watchers() { return {
|
|
29720
29720
|
"debounce": ["debounceChanged"],
|
|
@@ -29827,7 +29827,7 @@ class InputGroup {
|
|
|
29827
29827
|
? `size-${this.el.querySelector('road-input').sizes}`
|
|
29828
29828
|
: '';
|
|
29829
29829
|
const disabledClass = this.disabled ? 'is-disabled' : '';
|
|
29830
|
-
return (hAsync("div", { key: '
|
|
29830
|
+
return (hAsync("div", { key: 'c789f52752140cc0f396a8e2e2fcf9725ca974d2', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: '41870e22ddc72cd42c6b737962c11e075af78f91', class: "input-group-prepend" }, hAsync("slot", { key: '80322c2acb0bfe220cef11df0a7fd03aad98186a', name: "prepend" })), hAsync("slot", { key: '3b3c02a69bba482658a95f26fa46cb365ab373a5' }), hAsync("div", { key: '2551b5848533d7564872892e04380a68216a4979', class: "input-group-append" }, hAsync("slot", { key: 'c030afa5616bf26d7bcf99f09adc644fc2eeb2ca', name: "append" }))));
|
|
29831
29831
|
}
|
|
29832
29832
|
get el() { return getElement(this); }
|
|
29833
29833
|
static get watchers() { return {
|
|
@@ -29907,13 +29907,13 @@ class Item {
|
|
|
29907
29907
|
target,
|
|
29908
29908
|
};
|
|
29909
29909
|
const showDetail = detail !== undefined && detail;
|
|
29910
|
-
return (hAsync(Host, { key: '
|
|
29910
|
+
return (hAsync(Host, { key: '0aea3486ca34a04bfa7e0690181466e0f563ecdd', "aria-disabled": disabled ? 'true' : null, class: {
|
|
29911
29911
|
[`item-lines-${lines}`]: lines !== undefined,
|
|
29912
|
-
} }, hAsync(TagType, Object.assign({ key: '
|
|
29912
|
+
} }, hAsync(TagType, Object.assign({ key: 'a2b491a400eb88b4af1ac7a26a5a00e32fde08cb' }, attrs, { class: {
|
|
29913
29913
|
'item-native': true,
|
|
29914
29914
|
'item-active': this.active,
|
|
29915
29915
|
[`layout-${layout}`]: layout !== undefined,
|
|
29916
|
-
}, part: "native", disabled: disabled }), hAsync("slot", { key: '
|
|
29916
|
+
}, part: "native", disabled: disabled }), hAsync("slot", { key: 'b78e532a469747c50da1368932d4f582eb87f28b', name: "start" }), hAsync("div", { key: 'de095dfd6b972de3daebc9217842f3b5b2f593c8', class: "item-inner" }, hAsync("div", { key: '9f43e5afd0c887e8f5df8fee8b6a4e95b205fbd0', class: "input-wrapper" }, hAsync("slot", { key: '29497de23731ee53ee5e7665a03959e7fdc5df9b' }), hAsync("div", { key: '16a247a409fa1803a0026c6923fc2b99b64b351b', class: "input-wrapper-info" }, hAsync("road-label", { key: 'aefe0b6c06109bd0c17d405968344c24549332e7', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: '9296d6542fee43a933193b284bc7cc8a1e1c5048', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: 'f66a05fb104f8ddf9553a99e8a75a59b0f24d9d7', name: "end" }), showDetail && hAsync("road-icon", { key: '5eab0e8ca80203ec5d276a8403aba93746953b7e', icon: detailIcon, lazy: false, class: "item-detail-icon" })))));
|
|
29917
29917
|
}
|
|
29918
29918
|
get el() { return getElement(this); }
|
|
29919
29919
|
static get style() { return RoadItemStyle0; }
|
|
@@ -29954,7 +29954,7 @@ class Label {
|
|
|
29954
29954
|
registerInstance(this, hostRef);
|
|
29955
29955
|
}
|
|
29956
29956
|
render() {
|
|
29957
|
-
return (hAsync("slot", { key: '
|
|
29957
|
+
return (hAsync("slot", { key: 'f59ac081c472add0201c72c48c5146a231bf05fd' }));
|
|
29958
29958
|
}
|
|
29959
29959
|
static get style() { return RoadLabelStyle0; }
|
|
29960
29960
|
static get cmpMeta() { return {
|
|
@@ -29979,9 +29979,9 @@ class List {
|
|
|
29979
29979
|
}
|
|
29980
29980
|
render() {
|
|
29981
29981
|
const { lines } = this;
|
|
29982
|
-
return (hAsync(Host, { key: '
|
|
29982
|
+
return (hAsync(Host, { key: '2c2537547489eb97f46ccb6306d3d697773ab719', class: {
|
|
29983
29983
|
[`list-lines-${lines}`]: lines !== undefined,
|
|
29984
|
-
} }, hAsync("slot", { key: '
|
|
29984
|
+
} }, hAsync("slot", { key: 'f4449d3df668e2d77f83103bb2e87915ef101efc' })));
|
|
29985
29985
|
}
|
|
29986
29986
|
static get style() { return RoadListStyle0; }
|
|
29987
29987
|
static get cmpMeta() { return {
|
|
@@ -30066,7 +30066,7 @@ class Modal {
|
|
|
30066
30066
|
const modalIsOpenClass = this.isOpen ? 'modal-open' : '';
|
|
30067
30067
|
const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';
|
|
30068
30068
|
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" })) : '';
|
|
30069
|
-
return (hAsync(Host, { key: '
|
|
30069
|
+
return (hAsync(Host, { key: 'fadc5b7f130b78ce930508f169a77c36c592a8b7', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: 'b06a7795a91860febafb941215dfffd796fda4c8', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'ddd6999c2e6069518d634b60502eb9cc0b311aba', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: '17bb4a3d1281d71b0b4d3f3e1765491f768aa460', class: "modal-content" }, hAsync("header", { key: '5d1cb9be50df022c0e0ce59e82f3df6f2ec45369', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: '51fd0108264ba6a54c93047dbccf9e69ae7b3032', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: 'f966e33d28c4e59dee755dc4ac2c225c778cf782', class: "modal-body" }, hAsync("slot", { key: '50b4fe9fb58ee3eace39f5ce8f07a83fb05df81b' }))))));
|
|
30070
30070
|
}
|
|
30071
30071
|
get el() { return getElement(this); }
|
|
30072
30072
|
static get style() { return RoadModalStyle0; }
|
|
@@ -30117,7 +30117,7 @@ class Navbar {
|
|
|
30117
30117
|
this.selectedTabChanged();
|
|
30118
30118
|
}
|
|
30119
30119
|
render() {
|
|
30120
|
-
return (hAsync(Host, { key: '
|
|
30120
|
+
return (hAsync(Host, { key: '61786009c0bb1357257674a72b0f3dbf3f5c38a8', role: "menubar" }, hAsync("slot", { key: '2f3cdbc13d1bf0d3535035bd2098ed20d048dee0' })));
|
|
30121
30121
|
}
|
|
30122
30122
|
static get watchers() { return {
|
|
30123
30123
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30203,11 +30203,11 @@ class NavbarItem$1 {
|
|
|
30203
30203
|
rel,
|
|
30204
30204
|
target,
|
|
30205
30205
|
};
|
|
30206
|
-
return (hAsync(Host, { key: '
|
|
30206
|
+
return (hAsync(Host, { key: 'c392c7788ef068bff267fbc3508d3a9b9fe753d0', 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: {
|
|
30207
30207
|
'navbar-item': true,
|
|
30208
30208
|
'tab-selected': selected,
|
|
30209
30209
|
'tab-disabled': disabled,
|
|
30210
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30210
|
+
} }, hAsync("a", Object.assign({ key: '96d3d1d8ce173906c6427a4b53dff251f2ad2d28' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '2a9dd73feff76d436c37f27fc1b9a1c2678c2b6e', class: "button-inner" }, hAsync("slot", { key: '603703ddc7865278113ec4d953ab1fc71bbc08d7' })))));
|
|
30211
30211
|
}
|
|
30212
30212
|
get el() { return getElement(this); }
|
|
30213
30213
|
static get watchers() { return {
|
|
@@ -30300,11 +30300,11 @@ class NavbarItem {
|
|
|
30300
30300
|
rel,
|
|
30301
30301
|
target,
|
|
30302
30302
|
};
|
|
30303
|
-
return (hAsync(Host, { key: '
|
|
30303
|
+
return (hAsync(Host, { key: '50cadf50d920c724b646d0ef5dfb1bf994b42891', 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: {
|
|
30304
30304
|
'navbar-item': true,
|
|
30305
30305
|
'tab-selected': selected,
|
|
30306
30306
|
'tab-disabled': disabled,
|
|
30307
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30307
|
+
} }, hAsync("a", Object.assign({ key: 'b8915357668428324fddc6dc6cf038dc8f55cfeb' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '103bfedba55dab13e169d5806fa5ae3873ed860b', class: "button-inner" }, hAsync("slot", { key: 'd1e8a5fd74c0b42550b050e4212a99e5df04902b' })))));
|
|
30308
30308
|
}
|
|
30309
30309
|
get el() { return getElement(this); }
|
|
30310
30310
|
static get watchers() { return {
|
|
@@ -30363,7 +30363,7 @@ class NavbarV2 {
|
|
|
30363
30363
|
}
|
|
30364
30364
|
render() {
|
|
30365
30365
|
const compactClass = this.compact ? 'compact' : '';
|
|
30366
|
-
return (hAsync(Host, { key: '
|
|
30366
|
+
return (hAsync(Host, { key: '43aff9eafd66ec2fb7c45a4707c758b3b182f64b', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '66b8748a5d4395bd03edff1b9490bdc0fe63f01a' })));
|
|
30367
30367
|
}
|
|
30368
30368
|
static get watchers() { return {
|
|
30369
30369
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30486,10 +30486,10 @@ class PlateNumber {
|
|
|
30486
30486
|
render() {
|
|
30487
30487
|
const value = this.getValue();
|
|
30488
30488
|
const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
|
|
30489
|
-
return (hAsync("road-input-group", { key: '
|
|
30489
|
+
return (hAsync("road-input-group", { key: 'ff8a8904113c2ba38d351de6d7e8a5ca6552344e', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: '00a82c0c874d044dffae46bcd3c125cabf93871e', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: 'f19852dda75eead5634c48bdd95db8e69b3fcf2d', class: "plate-number-start" }, hAsync("road-icon", { key: '9e8ec737ee80c35402b26ac104a31f9df199fe86', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: '2f3483237c65a1cb542ebd3abd7caa43c8d0fb60', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
|
|
30490
30490
|
.filter(item => item.country === this.country)[0].letter))), this.motorbike
|
|
30491
30491
|
? (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 }))
|
|
30492
|
-
: (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: '
|
|
30492
|
+
: (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: '0378a2bbcaa0fd90f7a3f195f1a4e31806e2ff13', slot: "append", class: "input-group-append" }, hAsync("div", { key: 'fddb65007529730731c4410cf407bdcbcfcbbf93', class: "plate-number-end" }))));
|
|
30493
30493
|
}
|
|
30494
30494
|
static get watchers() { return {
|
|
30495
30495
|
"value": ["valueChanged"]
|
|
@@ -30557,7 +30557,7 @@ class ProgressBar {
|
|
|
30557
30557
|
const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
|
|
30558
30558
|
const light = this.light ? 'progress progress-light' : 'progress';
|
|
30559
30559
|
const animation = this.animation ? 'animation' : '';
|
|
30560
|
-
return (hAsync(Host, { key: '
|
|
30560
|
+
return (hAsync(Host, { key: '61241f17f6940f6952d6167024a884a1c568384b', class: "progress-element" }, hAsync("div", { key: '97d64b38a2f46e9805bb76fa73d67fcd28a54dba', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '275c170d8a016e4db0a840e65aa42bfca9f75f45', 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: '50d933874085cb3831ae6950fc1377ecece5724f', class: `${fullwidth}` }, hAsync("span", { key: '166a60c0f771060852783af7f932892bdb16c0b7', class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { key: 'e7ba9b328ddff0d722e0ee5e22aef7746f0e085a', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
|
|
30561
30561
|
}
|
|
30562
30562
|
static get style() { return RoadProgressStyle0; }
|
|
30563
30563
|
static get cmpMeta() { return {
|
|
@@ -30598,7 +30598,7 @@ class ProgressIndicatorVertical {
|
|
|
30598
30598
|
registerInstance(this, hostRef);
|
|
30599
30599
|
}
|
|
30600
30600
|
render() {
|
|
30601
|
-
return (hAsync(Host, { key: '
|
|
30601
|
+
return (hAsync(Host, { key: '8df70b09eb63e027b39c4843ae497cef5e39c2ed' }, hAsync("nav", { key: '0d6025a44bd845363096fc6e002a334263dac3c9' }, hAsync("ul", { key: '4d81713de26f798637118ee3af681eb6f668513f' }, hAsync("li", { key: 'bb4bf5dd01f940e3811ab5adf4a90d05ef4fab8c' }, hAsync("slot", { key: '18e8f5f3cddb2a2c6816127596d469a93ca2430c' }))))));
|
|
30602
30602
|
}
|
|
30603
30603
|
static get style() { return RoadProgressIndicatorVerticalStyle0; }
|
|
30604
30604
|
static get cmpMeta() { return {
|
|
@@ -30622,7 +30622,7 @@ class ProgressIndicatorVerticalItem {
|
|
|
30622
30622
|
registerInstance(this, hostRef);
|
|
30623
30623
|
}
|
|
30624
30624
|
render() {
|
|
30625
|
-
return (hAsync(Host, { key: '
|
|
30625
|
+
return (hAsync(Host, { key: '17ae276834ff832dcf77111aeeda48b8ca9dc72e' }, hAsync("slot", { key: '624e68ac134752cb835e1cfdba7aa1db8d1f5152' })));
|
|
30626
30626
|
}
|
|
30627
30627
|
static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
|
|
30628
30628
|
static get cmpMeta() { return {
|
|
@@ -30651,7 +30651,7 @@ class ProgressTracker {
|
|
|
30651
30651
|
registerInstance(this, hostRef);
|
|
30652
30652
|
}
|
|
30653
30653
|
render() {
|
|
30654
|
-
return (hAsync(Host, { key: '
|
|
30654
|
+
return (hAsync(Host, { key: '558bbc6dc32d8f5e29cd9dd0e33ff210bc8e231f' }, hAsync("nav", { key: '386429b7b2670bd9e1cfde6eb895fcdb9fc26a66' }, hAsync("ul", { key: '67357a2d0f7777b39b390a6fc1f2609f7e504f0d' }, hAsync("li", { key: '6bd942a3d6c358f1988b58b16c65bc1f635c690f' }, hAsync("slot", { key: '47ab21f544caa20f3623d7a6b299a84cb17b2927' }))))));
|
|
30655
30655
|
}
|
|
30656
30656
|
static get style() { return RoadProgressTrackerStyle0; }
|
|
30657
30657
|
static get cmpMeta() { return {
|
|
@@ -30683,7 +30683,7 @@ class ProgressTrackerItem {
|
|
|
30683
30683
|
registerInstance(this, hostRef);
|
|
30684
30684
|
}
|
|
30685
30685
|
render() {
|
|
30686
|
-
return (hAsync(Host, { key: '
|
|
30686
|
+
return (hAsync(Host, { key: 'f0323f8e11d15162868f6679d958a7eb3c732c94' }, hAsync("slot", { key: 'f723c3ff78b34c68bbe3f675d93ff61a6eb24a27' })));
|
|
30687
30687
|
}
|
|
30688
30688
|
static get style() { return RoadProgressTrackerItemStyle0; }
|
|
30689
30689
|
static get cmpMeta() { return {
|
|
@@ -30776,7 +30776,7 @@ class Radio {
|
|
|
30776
30776
|
const inverseClass = this.inverse && 'form-radio-inverse';
|
|
30777
30777
|
const isInvalidClass = this.error ? 'is-invalid' : '';
|
|
30778
30778
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30779
|
-
return (hAsync(Host, { key: '
|
|
30779
|
+
return (hAsync(Host, { key: '586f04a19cf450f18483a2b9efa5b28d44e1677c', class: `form-radio ${inlineClass}` }, hAsync("input", { key: 'd66ab388470a1c6e2f4ae3ceb5ae8aa8c85eecf5', 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: '709969471cc1db265d7eb44e608ed0ef496cc72d', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: 'd551c29f4895ca78cb7bb331861d783281416749', class: "form-radio-label-span" }, this.secondaryLabel))));
|
|
30780
30780
|
}
|
|
30781
30781
|
get el() { return getElement(this); }
|
|
30782
30782
|
static get style() { return RoadRadioStyle0; }
|
|
@@ -30860,7 +30860,7 @@ class RadioCard {
|
|
|
30860
30860
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30861
30861
|
const selectedClass = this.isSelected || this.selected ? 'radio-card-selected' : '';
|
|
30862
30862
|
const disabledClass = this.disabled ? 'radio-card-disabled' : '';
|
|
30863
|
-
return (hAsync(Host, { key: '
|
|
30863
|
+
return (hAsync(Host, { key: 'c0910c6654a5a43b06b48b784177d52fcad7d0e9', class: `form-radio ${inlineClass}` }, hAsync("div", { key: '52b04eb5baf4321d07da8dc13cb213491c7f8376', class: `radio-card ${selectedClass} ${disabledClass}`, onClick: this.onClick }, hAsync("input", { key: 'e196a6962b45f72b80f3f5837e168fb3a29618f0', 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: '2bfe44595464f2977c3ce6603a1e6b74e5b36a25', class: "form-radio-label", htmlFor: this.radioId, id: labelId }, hAsync("div", { key: 'b7e50b7fc4ace0011ba413bffa7d99d048083710', class: "slot-wrapper" }, hAsync("slot", { key: '2026d471ed70c8bd6a773ec108583eeb2d721b93' }))))));
|
|
30864
30864
|
}
|
|
30865
30865
|
get el() { return getElement(this); }
|
|
30866
30866
|
static get style() { return RoadRadioCardStyle0; }
|
|
@@ -30957,7 +30957,7 @@ class RadioGroup {
|
|
|
30957
30957
|
render() {
|
|
30958
30958
|
const labelId = `${this.radioGroupId}-label`;
|
|
30959
30959
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
30960
|
-
return (hAsync(Host, { key: '
|
|
30960
|
+
return (hAsync(Host, { key: '92a0a50c9deb1ec6e7e14a18c953019deac3aa5a', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: '5b6cc3d7aed55eb469fc0abf5b85c93402df832f', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: '8d38bdc1820b184757bed13a389cd81179a4eab6', class: "asterisk" }, "*")), hAsync("slot", { key: '6e45e1330d3f2a078ec3e3e6562a14025d377f6b' }), this.error && this.error !== '' && hAsync("p", { key: '8271bf6be84430530d6f13ff30b4589ea018a322', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'ffe6ae4713d74c66f995f0b6ed7e459a5096d5f1', class: "helper" }, this.helper)));
|
|
30961
30961
|
}
|
|
30962
30962
|
get el() { return getElement(this); }
|
|
30963
30963
|
static get watchers() { return {
|
|
@@ -31087,14 +31087,14 @@ class Range {
|
|
|
31087
31087
|
render() {
|
|
31088
31088
|
const value = this.getValue();
|
|
31089
31089
|
const datalist = this.showLabels !== undefined ? `tickmarks` : "";
|
|
31090
|
-
return (hAsync(Host, { key: '
|
|
31090
|
+
return (hAsync(Host, { key: '70682c392f1e20883fb831efc8de0f9a067b3009', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: '981f26d40294cd905075d0745e4728543bdc618e', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: '43f2969c43d2573de4db51261263ff22d834cc89', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: '2009bfe7013711fcac093f8c67f54daf8f293d05', class: "form-range", style: {
|
|
31091
31091
|
"--min": this.min,
|
|
31092
31092
|
"--max": this.max,
|
|
31093
31093
|
"--value": value,
|
|
31094
31094
|
"--background-color": this.disabled
|
|
31095
31095
|
? "var(--road-surface-disabled)"
|
|
31096
31096
|
: "initial",
|
|
31097
|
-
} }, this.showValue && hAsync("output", { key: '
|
|
31097
|
+
} }, this.showValue && hAsync("output", { key: 'b918d44808d44f446f88781b56a18da28768d184' }), this.showLabels && hAsync("slot", { key: '341f43e617bca8decaa791170065658cf5c57923', name: "datalist" }), hAsync("input", { key: '20d9d42bcfd89eb76a9459571cec4e790d8904f4', 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: '6ff1fbdc6111509511a1e50e0e65f43ec692f74f', class: "form-range-label" }, "Valeur"), hAsync("div", { key: 'fadff2d5d9fda1b85290a4c39697968b13470412', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: '79f4b51b9e695692777ab37b36511dfc8209812c', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
|
|
31098
31098
|
}
|
|
31099
31099
|
get el() { return getElement(this); }
|
|
31100
31100
|
static get watchers() { return {
|
|
@@ -31163,7 +31163,7 @@ class Rating {
|
|
|
31163
31163
|
const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
|
|
31164
31164
|
const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
|
|
31165
31165
|
const readOnly = this.readonly == true ? `readonly` : '';
|
|
31166
|
-
return (hAsync(Host, { key: '
|
|
31166
|
+
return (hAsync(Host, { key: 'de9146b27a97204cf394332ed3cd39872b2021be' }, hAsync("div", { key: '10e5404e7b77281cbc6db3c7b5443158cff0d5d2', 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: 'ba4c82ef9eff58a95cb6049839c26c2a2e74dd2d', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: 'd7066a54aecd03e699e63ef2c4546a350252712a', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
|
|
31167
31167
|
}
|
|
31168
31168
|
static get style() { return RoadRatingStyle0; }
|
|
31169
31169
|
static get cmpMeta() { return {
|
|
@@ -31282,7 +31282,7 @@ class RoadAreaCode {
|
|
|
31282
31282
|
const labelId = this.selectId + '-label';
|
|
31283
31283
|
const valueId = this.selectId + '-value';
|
|
31284
31284
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
31285
|
-
return (hAsync(Host, { key: '
|
|
31285
|
+
return (hAsync(Host, { key: 'a9c180581aad52a237a69f0260225358bed4c7d9', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: 'acf9b38d0a25646ea6f580d713ecadb12e0f3638', 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: 'd0e9b3b99c5ee593e93866e8c97587459fd520cd', class: "form-select-area-label", id: labelId, htmlFor: this.selectId }, this.label), hAsync("label", { key: '363d2951d028db2c2a6efe1e09f8605a684e0fbc', class: "form-select-area-value", id: valueId, htmlFor: this.selectId }, "+", this.selectedValue), this.error && this.error !== '' && hAsync("p", { key: '160c054f3ac74eb46b625cba25676e430a45f52f', class: "invalid-feedback" }, this.error)));
|
|
31286
31286
|
}
|
|
31287
31287
|
static get watchers() { return {
|
|
31288
31288
|
"value": ["valueChanged"]
|
|
@@ -31329,7 +31329,7 @@ class RoadAspectRatio {
|
|
|
31329
31329
|
return `${w} / ${h}`;
|
|
31330
31330
|
}
|
|
31331
31331
|
render() {
|
|
31332
|
-
return (hAsync(Host, { key: '
|
|
31332
|
+
return (hAsync(Host, { key: '0b5d1fb507a3e9a3e7a122d55809ed24ea0a917d', style: { '--road-aspect-ratio': this.getCssRatio() } }, hAsync("div", { key: 'a012fb3c04da5357ea277074ce08a784400068f9', class: "aspect-ratio-wrapper" }, hAsync("div", { key: 'cb533bcb6b16cb21112b96ad862739deffec11e1', class: "aspect-ratio-content" }, hAsync("slot", { key: '8c1737d96c384f55f876c5a3588a79b2381b01a1' })))));
|
|
31333
31333
|
}
|
|
31334
31334
|
static get style() { return RoadAspectRatioStyle0; }
|
|
31335
31335
|
static get cmpMeta() { return {
|
|
@@ -32706,9 +32706,9 @@ class RoadPhoneNumberInput {
|
|
|
32706
32706
|
const isErrorClass = this.errorMessage.length ? 'is-error' : '';
|
|
32707
32707
|
const hasValueClass = this.hasValue() ? 'has-value' : '';
|
|
32708
32708
|
const sizes = 'xl';
|
|
32709
|
-
return (hAsync(Host, { key: '
|
|
32709
|
+
return (hAsync(Host, { key: 'b35e9d16e6e4f29defef7bdcd5cf8c2a2bd2c861' }, hAsync("div", { key: '4c2a4f6b4d6d28bfc90b2cc85d9ab3a2c5989a2b', class: 'phone-number-inputs-container' }, hAsync("div", { key: '5c94cfdfb637deabaaee01375f80276bb37f2ac3', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: '8b226ae681f17788d5c476d531614b6063eff700', 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: 'b12b6fcbf96de164bca500332d9f9b363e6af4bc', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '04843eb39336e241d60d5983c1e92a6af3edead4', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: 'fb9a9b002c1638df2eb593c6f95181cca6b91c14', 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: '83bafd94dea321d0a8ab7cd50cc6d29f71d83d34', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
|
|
32710
32710
|
&& this.errorMessage !== ''
|
|
32711
|
-
&& hAsync("p", { key: '
|
|
32711
|
+
&& hAsync("p", { key: '01aafef72de6d89f0f8bbd912759ea98b3992e87', class: "invalid-feedback" }, hAsync("road-icon", { key: '02a98a05942b1c096a70a4112c0f074faa5843d7', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
|
|
32712
32712
|
}
|
|
32713
32713
|
get el() { return getElement(this); }
|
|
32714
32714
|
static get style() { return RoadPhoneNumberInputStyle0; }
|
|
@@ -32827,7 +32827,7 @@ class RoadTimeRangePicker {
|
|
|
32827
32827
|
return { start: this.start, end: this.end };
|
|
32828
32828
|
}
|
|
32829
32829
|
render() {
|
|
32830
|
-
return (hAsync(Host, { key: '
|
|
32830
|
+
return (hAsync(Host, { key: 'c1528d80635b8cfdf6dbd01f890f20b12cb5948b', class: `time-range-picker input-${this.sizes}` }, this.label && (hAsync("p", { key: '2d97d59a6b8449695537ad1a5bd0991e01c19bac', class: "label m-0" }, this.label, this.required && hAsync("span", { key: '156a83258da14bc98be719155735afdbb17ccd50', class: "required-indicator" }, " *"))), hAsync("div", { key: '836ab421c7c9ddbcd0e51a135d670962a0a27bf3', class: "time-range-picker-content d-flex align-items-center my-4" }, hAsync("slot", { key: '66f945df18b1b404aa073d38501e11ee8bd5a1f0', name: "start" }), hAsync("span", { key: '392ade369762ccf97ca3a8cf69398ca3a247f14e', class: "separator mx-12" }, this.separator), hAsync("slot", { key: 'afac72354a5166ece7fcfea81c7115c599c61b85', name: "end" })), hAsync("div", { key: '1a6d049fbe026f2c76cfb9164a3fff7983174ac4', class: "messages mt-1" }, this.errorMessages.map((msg, index) => (hAsync("p", { key: index, class: "invalid-feedback m-0" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), msg.trim())))), this.helper && hAsync("p", { key: 'dacbada369bbbe28302070d11e2242958ee2d983', class: "helper mt-1" }, this.helper)));
|
|
32831
32831
|
}
|
|
32832
32832
|
get hostEl() { return getElement(this); }
|
|
32833
32833
|
static get style() { return RoadTimeRangePickerStyle0; }
|
|
@@ -32863,7 +32863,7 @@ class Row {
|
|
|
32863
32863
|
registerInstance(this, hostRef);
|
|
32864
32864
|
}
|
|
32865
32865
|
render() {
|
|
32866
|
-
return (hAsync(Host, { key: '
|
|
32866
|
+
return (hAsync(Host, { key: 'c38bbf8641a80fc8ebb76c25f5cec3070127c569' }, hAsync("slot", { key: 'b8459fd13efb02e5b04fb4558533f89f37cbe858' })));
|
|
32867
32867
|
}
|
|
32868
32868
|
static get style() { return RoadRowStyle0; }
|
|
32869
32869
|
static get cmpMeta() { return {
|
|
@@ -32935,10 +32935,10 @@ class SegmentedButton {
|
|
|
32935
32935
|
render() {
|
|
32936
32936
|
const { tabIndex, selected, tab } = this;
|
|
32937
32937
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
32938
|
-
return (hAsync(Host, { key: '
|
|
32938
|
+
return (hAsync(Host, { key: 'f97ac52e941a6d41c3cc1ebde88396c7a88bcc5b', onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
32939
32939
|
'tab-selected': selected,
|
|
32940
32940
|
[`${sizeClass}`]: true,
|
|
32941
|
-
} }, hAsync("span", { key: '
|
|
32941
|
+
} }, hAsync("span", { key: 'd608b3b0da3af5184b3a4faeda5bfc6d643cb14f', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("span", { key: '6aab4780198238402d5911e60b905d8187624266', class: "button-content" }, hAsync("slot", { key: '12d3b5ebb3de039dffd9d99bd658de975a2ed6df' })))));
|
|
32942
32942
|
}
|
|
32943
32943
|
get el() { return getElement(this); }
|
|
32944
32944
|
static get style() { return RoadSegmentedButtonStyle0; }
|
|
@@ -33059,7 +33059,7 @@ class Select {
|
|
|
33059
33059
|
const labelId = this.selectId + '-label';
|
|
33060
33060
|
const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
|
|
33061
33061
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
33062
|
-
return (hAsync(Host, { key: '
|
|
33062
|
+
return (hAsync(Host, { key: 'fb313bb494596711a3b9f5c893ad32718d8b91b9', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '1414476677d43a66f4386b33d0e214dfda608f3c', 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: 'e76bb7a68a1876237168287ed1c644489b01ae1d', 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: 'a8e873fecdd61d0b329cac070f3705aaf534e846', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '82ba6e3b17d05cd9b90ce1b47c1fabe7673753d2', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '6641b93d7b62266d671196f340d8ff2b385b5159', class: "helper" }, this.helper)));
|
|
33063
33063
|
}
|
|
33064
33064
|
static get watchers() { return {
|
|
33065
33065
|
"value": ["valueChanged"]
|
|
@@ -35053,7 +35053,7 @@ class SelectFilter {
|
|
|
35053
35053
|
const options = this.filteredOptions;
|
|
35054
35054
|
const isActive = this.isActive ? 'true' : 'false';
|
|
35055
35055
|
const notActive = this.isActive ? '' : 'not-active';
|
|
35056
|
-
return (hAsync(Host, { key: '
|
|
35056
|
+
return (hAsync(Host, { key: 'b1411c1e27ab139c15417acfe996f70f1412f049', "is-active": isActive }, hAsync("slot", { key: 'cf2229232ebeb1b781f44dac2ce2bcc19eb56282' }), this.isOpen && (hAsync("div", { key: '568f2f9ea1dfa8f6178805062cc5d391fbb1e122', 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 })))))))));
|
|
35057
35057
|
}
|
|
35058
35058
|
get el() { return getElement(this); }
|
|
35059
35059
|
static get watchers() { return {
|
|
@@ -35089,7 +35089,7 @@ class Skeleton {
|
|
|
35089
35089
|
registerInstance(this, hostRef);
|
|
35090
35090
|
}
|
|
35091
35091
|
render() {
|
|
35092
|
-
return (hAsync("span", { key: '
|
|
35092
|
+
return (hAsync("span", { key: '33cfe20d51c54101ccf43a5027549fa79d707cab' }, "\u00A0"));
|
|
35093
35093
|
}
|
|
35094
35094
|
static get style() { return RoadSkeletonStyle0; }
|
|
35095
35095
|
static get cmpMeta() { return {
|
|
@@ -35120,7 +35120,7 @@ class Spinner {
|
|
|
35120
35120
|
render() {
|
|
35121
35121
|
const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
|
|
35122
35122
|
const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
|
|
35123
|
-
return (hAsync("svg", { key: '
|
|
35123
|
+
return (hAsync("svg", { key: '90d3a6eafbf227b79edf5b298b2bd5e212436c7a', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '9a90e8724a39005b1a51029b25401fc876149571', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
|
|
35124
35124
|
}
|
|
35125
35125
|
static get style() { return RoadSpinnerStyle0; }
|
|
35126
35126
|
static get cmpMeta() { return {
|
|
@@ -35170,7 +35170,7 @@ class Stepper {
|
|
|
35170
35170
|
const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
|
|
35171
35171
|
const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
|
|
35172
35172
|
const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
|
|
35173
|
-
return (hAsync(Host, { key: '
|
|
35173
|
+
return (hAsync(Host, { key: '2f7ef35d5517a148676c46d55561a47092ed0ff3' }, hAsync("nav", { key: 'efe3d51a472a7472a9f2f0da1403e223bca22513' }, hAsync("ul", { key: 'f4046d581b8ed717bda8be93efa0870bfa7e4369', class: `${colorClass}` }, hAsync("li", { key: 'fb431196011a0cd284847f13b1d5999e69487b5b', class: `${stateClass}` }, hAsync("a", { key: '28b3e5b0c12593b2c26832777766524f5342c253', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: '535d3f5fc73aa22f87a9284ee4498dd975c3e977', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '492dbf0cfff34689a1513714c475a9f2b4cc6727', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: 'ecaf988f2dec663478169103b34820cdf7da4702', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '4443bf77b78b0fcbb44046b95a9121abe0e22226', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: '15328f9d9a15ada2ff751b651084bfa0e83f7d5a', class: `${stateSecondStepClass}` }, hAsync("a", { key: '441f9a53903b3a14d0fab8296213ce10f16dc5b6', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: '31b6487818279d37e486acb20363b527762481da', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'b03d967c5a09640253b5edb8425f855d8eb790bc', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: 'bfcd4994aa5fb7eee27419033b87f0e248ddeb81', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'f5a493c800b9f7466ffb85d37d460844cbb05573', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: 'bca52096f27dc5e9ae3e12419882b4dd7a8bc1d9', class: `${stateThirdStepClass}` }, hAsync("a", { key: '74f8d7e8fef0f43a07d1cca3f5233d364e77eca5', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: 'f37905f33aa30a1fe5d64bea3ed352bd22faf729', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '27666dc115efe677af2bf91d73dd5a1f35c28518', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: 'cd081a852ac065372324b17e8a3992429b87b16e', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'fd71af01b710df38a3a06ed75757d2df1d8193ea', name: "progress-indicator-horizontal-title3" }))))))));
|
|
35174
35174
|
}
|
|
35175
35175
|
static get style() { return RoadProgressIndicatorHorizontalStyle0; }
|
|
35176
35176
|
static get cmpMeta() { return {
|
|
@@ -35272,11 +35272,11 @@ class Switch {
|
|
|
35272
35272
|
}
|
|
35273
35273
|
render() {
|
|
35274
35274
|
const labelId = this.switchId + '-label';
|
|
35275
|
-
const textLabel = hAsync("label", { key: '
|
|
35275
|
+
const textLabel = hAsync("label", { key: 'ce7aa5f11558ca65be5c3e67fa4bd195befb93fb', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
|
|
35276
35276
|
const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
|
|
35277
35277
|
const isSpacedClass = this.isSpaced && 'form-switch-spaced';
|
|
35278
35278
|
const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
|
|
35279
|
-
return (hAsync(Host, { key: '
|
|
35279
|
+
return (hAsync(Host, { key: '67cb125cd5c23b799ae301f584fe2fbf446a35dd' }, hAsync("input", { key: 'dc19948d6370b14e077eb4725cfcb35916eb779f', 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: 'fb2645a723c66e5d45d621260f4ef18a172dccc4', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: 'a0e6f831b9136f89fcc70ed3004a8551c4b10760', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
|
|
35280
35280
|
}
|
|
35281
35281
|
static get watchers() { return {
|
|
35282
35282
|
"checked": ["checkedChanged"]
|
|
@@ -35331,9 +35331,9 @@ class Tab {
|
|
|
35331
35331
|
}
|
|
35332
35332
|
render() {
|
|
35333
35333
|
const { tab, active } = this;
|
|
35334
|
-
return (hAsync(Host, { key: '
|
|
35334
|
+
return (hAsync(Host, { key: '3027c31c282565b7d5905d3b3031db04ba1bed44', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
35335
35335
|
'tab-hidden': !active,
|
|
35336
|
-
} }, hAsync("slot", { key: '
|
|
35336
|
+
} }, hAsync("slot", { key: '70ae19f3e889a8c46d062363445185055a6c1133' })));
|
|
35337
35337
|
}
|
|
35338
35338
|
get el() { return getElement(this); }
|
|
35339
35339
|
static get style() { return RoadTabStyle0; }
|
|
@@ -35393,11 +35393,11 @@ class TabBar {
|
|
|
35393
35393
|
}
|
|
35394
35394
|
render() {
|
|
35395
35395
|
const { expand, center, secondary } = this;
|
|
35396
|
-
return (hAsync(Host, { key: '
|
|
35396
|
+
return (hAsync(Host, { key: 'a40a29c3f335bd4b49495203834bb937af77a4bb', role: "tablist", class: {
|
|
35397
35397
|
'tab-expand': expand,
|
|
35398
35398
|
'tab-center': center,
|
|
35399
35399
|
'tab-secondary': secondary,
|
|
35400
|
-
} }, hAsync("slot", { key: '
|
|
35400
|
+
} }, hAsync("slot", { key: 'b7abc10609ae8939e729c735fb942b1b89c604ad' })));
|
|
35401
35401
|
}
|
|
35402
35402
|
get el() { return getElement(this); }
|
|
35403
35403
|
static get watchers() { return {
|
|
@@ -35497,7 +35497,7 @@ class TabButton {
|
|
|
35497
35497
|
rel,
|
|
35498
35498
|
target,
|
|
35499
35499
|
};
|
|
35500
|
-
return (hAsync(Host, { key: '
|
|
35500
|
+
return (hAsync(Host, { key: '3cb6c6f8dcab1715547dfa6fc43c4e6ec3234507', 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: {
|
|
35501
35501
|
'tab-selected': selected,
|
|
35502
35502
|
'tab-has-label': hasLabel,
|
|
35503
35503
|
'tab-has-icon': hasIcon,
|
|
@@ -35505,7 +35505,7 @@ class TabButton {
|
|
|
35505
35505
|
'tab-has-icon-only': hasIcon && !hasLabel,
|
|
35506
35506
|
[`tab-layout-${layout}`]: true,
|
|
35507
35507
|
'tab-disabled': disabled, // Classe CSS pour les styles désactivés
|
|
35508
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
35508
|
+
} }, hAsync("a", Object.assign({ key: '7f07a67f84c56857ac864b2d56c1698f31f618d5' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'b6b0a2caa81b69199bf85210cec8722846a413b8', class: "button-inner" }, hAsync("slot", { key: 'efbc557b0428fe1513f150ed97f0c9037284daa2' })))));
|
|
35509
35509
|
}
|
|
35510
35510
|
get el() { return getElement(this); }
|
|
35511
35511
|
static get style() { return RoadTabButtonStyle0; }
|
|
@@ -35539,7 +35539,7 @@ class Table {
|
|
|
35539
35539
|
registerInstance(this, hostRef);
|
|
35540
35540
|
}
|
|
35541
35541
|
render() {
|
|
35542
|
-
return (hAsync("slot", { key: '
|
|
35542
|
+
return (hAsync("slot", { key: '4fbbf196c158059cc8c375e9fcd848cd8e2d864f' }));
|
|
35543
35543
|
}
|
|
35544
35544
|
static get style() { return RoadTableStyle0; }
|
|
35545
35545
|
static get cmpMeta() { return {
|
|
@@ -35647,7 +35647,7 @@ class Tabs$1 {
|
|
|
35647
35647
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35648
35648
|
}
|
|
35649
35649
|
render() {
|
|
35650
|
-
return (hAsync(Host, { key: '
|
|
35650
|
+
return (hAsync(Host, { key: 'd1d9e0ab7ed50aa338646a473b2c3e22d4a30f6b', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: '681bb4fdcf7bc99dd558723c85ea65b6182a7556', name: "top" }), hAsync("slot", { key: '395d680d41e4c831d7e12e2d4b5e83e74d1128cf' })));
|
|
35651
35651
|
}
|
|
35652
35652
|
get el() { return getElement(this); }
|
|
35653
35653
|
static get style() { return RoadSegmentedButtonsStyle0; }
|
|
@@ -35783,7 +35783,7 @@ class Tabs {
|
|
|
35783
35783
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35784
35784
|
}
|
|
35785
35785
|
render() {
|
|
35786
|
-
return (hAsync(Host, { key: '
|
|
35786
|
+
return (hAsync(Host, { key: '5bea03df378d3de02ca7dec12e9794a8edbb073c', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '9f6d69f412a26dce57a919d02003e7548e824b08', name: "top" }), hAsync("div", { key: '05058a9ec02a249ab6bc9d0f2bc301c1803e1e20', class: "tabs-inner" }, hAsync("slot", { key: 'f10bf6e9d99a0c040dd4045b18f22f288e19fc2e' }))));
|
|
35787
35787
|
}
|
|
35788
35788
|
get el() { return getElement(this); }
|
|
35789
35789
|
static get style() { return RoadTabsStyle0; }
|
|
@@ -35831,7 +35831,7 @@ class Tag {
|
|
|
35831
35831
|
}
|
|
35832
35832
|
render() {
|
|
35833
35833
|
const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
|
|
35834
|
-
return (hAsync(Host, { key: '
|
|
35834
|
+
return (hAsync(Host, { key: '2639b90b789a6fde1fae0f3201236a7c9f4e1aad', class: `${contrastClass}` }, hAsync("slot", { key: '8039feeab97b500f0828e1efa751b9771f4f5e65' })));
|
|
35835
35835
|
}
|
|
35836
35836
|
static get style() { return RoadTagStyle0; }
|
|
35837
35837
|
static get cmpMeta() { return {
|
|
@@ -35863,7 +35863,7 @@ class Text {
|
|
|
35863
35863
|
}
|
|
35864
35864
|
render() {
|
|
35865
35865
|
const colorClass = this.color !== undefined ? `text-${this.color}` : '';
|
|
35866
|
-
return (hAsync(Host, { key: '
|
|
35866
|
+
return (hAsync(Host, { key: '2b1df03bfadf4021cf4016c584cdbd0ccf09324c', class: `${colorClass}` }, hAsync("slot", { key: '6966b8ebe4a2eb48b1fd020a707c6a37a519b099' })));
|
|
35867
35867
|
}
|
|
35868
35868
|
static get style() { return RoadTextStyle0; }
|
|
35869
35869
|
static get cmpMeta() { return {
|
|
@@ -35973,7 +35973,7 @@ class Textarea {
|
|
|
35973
35973
|
const hasValueClass = this.value !== '' ? 'has-value' : '';
|
|
35974
35974
|
const noResizeClass = this.resize == false ? 'no-resize' : '';
|
|
35975
35975
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
35976
|
-
return (hAsync(Host, { key: '
|
|
35976
|
+
return (hAsync(Host, { key: 'cc414e4da358e65b430b91b0f834cbe403993693', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: '0d0a45eaf71ada8178387d6debfc5e3d6da6cb4f', 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: 'a74070b2761b5ced0251f5bce4ef48837d892c9d', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: 'ba52ee759d52772a2eac2e9948c64309164aabdc', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '377f7c03d77aad381b2bdd63c4753369870612df', class: "helper" }, this.helper)));
|
|
35977
35977
|
}
|
|
35978
35978
|
static get watchers() { return {
|
|
35979
35979
|
"value": ["valueChanged"]
|
|
@@ -36104,7 +36104,7 @@ class Toast {
|
|
|
36104
36104
|
if (this.color == 'danger') {
|
|
36105
36105
|
this.timeout = 0;
|
|
36106
36106
|
}
|
|
36107
|
-
return (hAsync(Host, { key: '
|
|
36107
|
+
return (hAsync(Host, { key: '7e6b8eb5b97d93b1c0da2b5fca2b95d7fe53b464', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: '928fcd556ba9573248c0bf136d41ae385fef3c0f', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: '6620412742937e307d6677bdfeb5b3df34403cee', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: 'b7fa0b376a936b6ddf6f7a995fbd531b6657dc72', class: "toast-label" }, this.label), hAsync("button", { key: 'c38b2ab0f05605a9c428684e31ef07a8ee03491c', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: '71820f58335f516f7660650e10f042b347922113', icon: navigationClose, size: "md" })), hAsync("slot", { key: '52cc64d445b08d0f3a993deae2228e8da87ba5f5', name: "progress" }))));
|
|
36108
36108
|
}
|
|
36109
36109
|
static get watchers() { return {
|
|
36110
36110
|
"isOpen": ["isOpenChanged"]
|
|
@@ -36144,7 +36144,7 @@ class Toolbar {
|
|
|
36144
36144
|
}
|
|
36145
36145
|
render() {
|
|
36146
36146
|
const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
|
|
36147
|
-
return (hAsync(Host, { key: '
|
|
36147
|
+
return (hAsync(Host, { key: '4155097cf17050c6f1c9ddd4ad66c153f005fa45', class: colorClass }, hAsync("div", { key: '74c8520959b7893b32c59744ad5486ed075d5ee1', class: "toolbar-container" }, hAsync("slot", { key: '37605f2014027e0f12b5c80b2f57db710ae3b726', name: "start" }), hAsync("slot", { key: '9162f18c3fc3fab8ce1491841889a2d9616ab0e9', name: "primary" }), hAsync("div", { key: 'fdf739135446b6977e3d89537118a3417c0bfd86', class: "toolbar-content" }, hAsync("slot", { key: '48434e192dd116fe52796dbe3f62d6bed0ac5a79' })), hAsync("slot", { key: '5eee5c80975129ed993ce466e5d96efdd6854922', name: "secondary" }), hAsync("slot", { key: 'c52c70da47aea897e50c7eab9a3fdfba5f9056e3', name: "end" }))));
|
|
36148
36148
|
}
|
|
36149
36149
|
static get style() { return RoadToolbarStyle0; }
|
|
36150
36150
|
static get cmpMeta() { return {
|
|
@@ -36170,7 +36170,7 @@ class ToolbarAppName {
|
|
|
36170
36170
|
registerInstance(this, hostRef);
|
|
36171
36171
|
}
|
|
36172
36172
|
render() {
|
|
36173
|
-
return (hAsync("div", { key: '
|
|
36173
|
+
return (hAsync("div", { key: 'fa5fa9ad6f5e3a1d562bdc38b312c16cc9483d54', class: "toolbar-title-page" }, hAsync("slot", { key: 'b35389dcc32ff0ba0c163e5916d701c79fbf8ba9' })));
|
|
36174
36174
|
}
|
|
36175
36175
|
static get style() { return RoadToolbarTitlePageStyle0; }
|
|
36176
36176
|
static get cmpMeta() { return {
|
|
@@ -36194,7 +36194,7 @@ class ToolbarTitle {
|
|
|
36194
36194
|
registerInstance(this, hostRef);
|
|
36195
36195
|
}
|
|
36196
36196
|
render() {
|
|
36197
|
-
return (hAsync("div", { key: '
|
|
36197
|
+
return (hAsync("div", { key: 'fe411cfd08be76715a7896bb645a9c5d07479539', class: "toolbar-title" }, hAsync("slot", { key: 'c81416028a3c8aef9676e3c52f6ffb3202994eff' })));
|
|
36198
36198
|
}
|
|
36199
36199
|
static get style() { return RoadToolbarTitleStyle0; }
|
|
36200
36200
|
static get cmpMeta() { return {
|
|
@@ -36223,7 +36223,7 @@ class ToolbarV2 {
|
|
|
36223
36223
|
registerInstance(this, hostRef);
|
|
36224
36224
|
}
|
|
36225
36225
|
render() {
|
|
36226
|
-
return (hAsync(Host, { key: '
|
|
36226
|
+
return (hAsync(Host, { key: 'baadd003637adbfecd43171047bd15bdf9ea6703', class: "toolbar" }, hAsync("div", { key: 'ce2ad280afbb52c7dfd3d05fd4cbbc740edcbc72', class: "toolbar-container" }, hAsync("div", { key: 'ede1c5b3749744ecdd41926b11efbde968bf58c1', class: "toolbar-container-content-left" }, hAsync("slot", { key: 'c0076ab7411d30d6c018155c11eef33ddcd7341b', name: "start" }), hAsync("slot", { key: 'c6cb5ab75a4135c73bc6daf10c6075aa98cd8d51', name: "primary" })), hAsync("div", { key: 'bc46b95ef46a0c55ea67fbdc04d8ab04179c6445', class: "toolbar-content" }, hAsync("slot", { key: 'c73f60b2ba26f405fd13cd66b6b5b87810b50b44' })), hAsync("div", { key: '0886cb221b201e1f39754e9a18a844a582437572', class: "toolbar-container-content-right" }, hAsync("slot", { key: '3d143472b05113fb9440738c5b74afed8e75d68c', name: "secondary" }), hAsync("slot", { key: '98cceebd60e608dd9e7eced6046cd5a0b12d8a94', name: "end" })))));
|
|
36227
36227
|
}
|
|
36228
36228
|
static get style() { return RoadToolbarV2Style0; }
|
|
36229
36229
|
static get cmpMeta() { return {
|
|
@@ -36336,12 +36336,12 @@ class Tooltip {
|
|
|
36336
36336
|
return triggers.includes(triggerType);
|
|
36337
36337
|
}
|
|
36338
36338
|
render() {
|
|
36339
|
-
return (hAsync(Host, { key: '
|
|
36339
|
+
return (hAsync(Host, { key: '1e3cb1bb336b5c4a63f3395c588f2c842a6c22a7', onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, tabindex: "0" // Makes the element focusable
|
|
36340
36340
|
,
|
|
36341
|
-
"data-tooltip-position": this.position }, hAsync("slot", { key: '
|
|
36341
|
+
"data-tooltip-position": this.position }, hAsync("slot", { key: '8b5ae95d0076acbad18fb73bf32e9b31085c8365', "aria-describedby": this.tooltipId }), hAsync("div", { key: 'ba8a5ac573fa0b31edb9e26fab1c8ee212789f1d', part: "tooltip", id: this.tooltipId, class: {
|
|
36342
36342
|
tooltip: true,
|
|
36343
36343
|
'tooltip-open': this.isOpen,
|
|
36344
|
-
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: '
|
|
36344
|
+
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: 'cbc2c9bce87ee7b42897c9a8a24ff0f896e0670c', name: "tooltip-content" }))));
|
|
36345
36345
|
}
|
|
36346
36346
|
get el() { return getElement(this); }
|
|
36347
36347
|
static get style() { return RoadTooltipStyle0; }
|
|
@@ -36433,11 +36433,11 @@ class toggle {
|
|
|
36433
36433
|
}
|
|
36434
36434
|
render() {
|
|
36435
36435
|
const labelId = this.toggleId + '-label';
|
|
36436
|
-
const textLabel = hAsync("label", { key: '
|
|
36436
|
+
const textLabel = hAsync("label", { key: '200063a0e964b5a6cc9694a6aae1b45418751867', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
|
|
36437
36437
|
const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
|
|
36438
36438
|
const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
|
|
36439
36439
|
const disabledClass = this.disabled ? 'disabled' : '';
|
|
36440
|
-
return (hAsync(Host, { key: '
|
|
36440
|
+
return (hAsync(Host, { key: '65b426ec8ab4b2e9c1f773e92c5034cb67893ded' }, hAsync("input", { key: 'a92fd1807ad4fa13492cc7dc3664b088228d020b', 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: '4ad95f0f23572757d568923e88b29f7c7a24bbfa', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: 'd82522fd9584390936eaf96b65a6a6fb14713794', class: `form-toggle-lever ${righttoggleClass}` }, this.checked ? (hAsync("road-icon", { name: "check-small-solid", class: "form-toggle-lever-check", size: "md" })) : (hAsync("road-icon", { name: "navigation-close-solid", class: "form-toggle-lever-close", size: "md" }))), this.hasLeftLabel ? '' : textLabel)));
|
|
36441
36441
|
}
|
|
36442
36442
|
static get watchers() { return {
|
|
36443
36443
|
"checked": ["checkedChanged"]
|