@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.mjs
CHANGED
|
@@ -3201,7 +3201,7 @@ class Accordion {
|
|
|
3201
3201
|
const accordionLightContent = this.isLight ? 'accordion-content accordion-light-content' : 'accordion-content';
|
|
3202
3202
|
const accordionLightSeparator = this.isLightSeparator ? 'accordion accordion-light accordion-light--border' : 'accordion';
|
|
3203
3203
|
const accordionSmall = this.isSmall ? 'accordion accordion-light accordion-light--small' : 'accordion';
|
|
3204
|
-
return (hAsync("details", { key: '
|
|
3204
|
+
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' }))));
|
|
3205
3205
|
}
|
|
3206
3206
|
static get style() { return RoadAccordionStyle0; }
|
|
3207
3207
|
static get cmpMeta() { return {
|
|
@@ -3219,7 +3219,7 @@ class Accordion {
|
|
|
3219
3219
|
}; }
|
|
3220
3220
|
}
|
|
3221
3221
|
|
|
3222
|
-
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:
|
|
3222
|
+
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)}";
|
|
3223
3223
|
var RoadAlertStyle0 = alertCss;
|
|
3224
3224
|
|
|
3225
3225
|
/**
|
|
@@ -3294,7 +3294,7 @@ class Alert {
|
|
|
3294
3294
|
}
|
|
3295
3295
|
const btnContainerClass = this.hasCloseIcon ? 'btn-container justify-end' : 'btn-container';
|
|
3296
3296
|
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;
|
|
3297
|
-
return (hAsync(Host, { key: '
|
|
3297
|
+
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)));
|
|
3298
3298
|
}
|
|
3299
3299
|
get el() { return getElement(this); }
|
|
3300
3300
|
static get style() { return RoadAlertStyle0; }
|
|
@@ -3399,7 +3399,7 @@ class Asset {
|
|
|
3399
3399
|
}
|
|
3400
3400
|
}
|
|
3401
3401
|
render() {
|
|
3402
|
-
return (hAsync(Host, { key: '
|
|
3402
|
+
return (hAsync(Host, { key: '64331c0cd4f5a805be16cd746dfe78d7eeea118e', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
|
|
3403
3403
|
? hAsync("div", { class: "icon-inner", innerHTML: this.assetSvgContent })
|
|
3404
3404
|
: hAsync("div", { class: "icon-inner" }))));
|
|
3405
3405
|
}
|
|
@@ -3469,8 +3469,8 @@ class Autocomplete {
|
|
|
3469
3469
|
}
|
|
3470
3470
|
}
|
|
3471
3471
|
render() {
|
|
3472
|
-
return (hAsync(Host, { key: '
|
|
3473
|
-
hAsync("ul", { key: '
|
|
3472
|
+
return (hAsync(Host, { key: '73780efbf9fbb131958cf95d82e917400b7cc7a7' }, hAsync("slot", { key: 'cb9d4ba58dbee2802504aaaf49223d0905cebeb5' }), this.visible && this.options.length > 0 &&
|
|
3473
|
+
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))))));
|
|
3474
3474
|
}
|
|
3475
3475
|
get el() { return getElement(this); }
|
|
3476
3476
|
static get style() { return RoadAutocompleteStyle0; }
|
|
@@ -3503,7 +3503,7 @@ class Avatar {
|
|
|
3503
3503
|
}
|
|
3504
3504
|
render() {
|
|
3505
3505
|
const sizeClass = this.size !== undefined ? `avatar-${this.size}` : '';
|
|
3506
|
-
return (hAsync(Host, { key: '
|
|
3506
|
+
return (hAsync(Host, { key: 'a36243469cae6cdd1743417f76a261cb7a82d3fd', class: `${sizeClass}` }, hAsync("slot", { key: '656c8a8119209d27897087be9c5a11ed0679dbed' })));
|
|
3507
3507
|
}
|
|
3508
3508
|
static get style() { return RoadAvatarStyle0; }
|
|
3509
3509
|
static get cmpMeta() { return {
|
|
@@ -3544,7 +3544,7 @@ class Badge {
|
|
|
3544
3544
|
const colorClass = this.color !== undefined ? `badge-${this.color}` : '';
|
|
3545
3545
|
const bubbleClass = this.bubble ? 'badge-bubble' : '';
|
|
3546
3546
|
const sizeClass = this.size !== undefined ? `badge-${this.size}` : '';
|
|
3547
|
-
return (hAsync(Host, { key: '
|
|
3547
|
+
return (hAsync(Host, { key: '272af446e438ac2c9df336d12cd0bfbc3485af77', class: `${colorClass} ${bubbleClass} ${sizeClass}` }, hAsync("slot", { key: 'da72ac86b6650797cd4a4e16a5afe85e2090f325' })));
|
|
3548
3548
|
}
|
|
3549
3549
|
static get style() { return RoadBadgeStyle0; }
|
|
3550
3550
|
static get cmpMeta() { return {
|
|
@@ -3594,7 +3594,7 @@ class Banner {
|
|
|
3594
3594
|
}
|
|
3595
3595
|
render() {
|
|
3596
3596
|
const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
|
|
3597
|
-
return (hAsync(Host, { key: '
|
|
3597
|
+
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" })))));
|
|
3598
3598
|
}
|
|
3599
3599
|
static get style() { return RoadBannerStyle0; }
|
|
3600
3600
|
static get cmpMeta() { return {
|
|
@@ -3700,7 +3700,7 @@ class Button$1 {
|
|
|
3700
3700
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
3701
3701
|
const expandClass = this.expand ? 'btn-block' : '';
|
|
3702
3702
|
const iconOnlyClass = this.iconOnly ? 'btn-icon' : '';
|
|
3703
|
-
return (hAsync(Host, { key: '
|
|
3703
|
+
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" }))));
|
|
3704
3704
|
}
|
|
3705
3705
|
get el() { return getElement(this); }
|
|
3706
3706
|
static get style() { return RoadButtonStyle0; }
|
|
@@ -3785,7 +3785,7 @@ class Button {
|
|
|
3785
3785
|
render() {
|
|
3786
3786
|
const TagType = this.href === undefined ? 'button' : 'a';
|
|
3787
3787
|
const positionClass = this.position !== undefined ? `position-${this.position}` : '';
|
|
3788
|
-
return (hAsync(Host, { key: '
|
|
3788
|
+
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' }))));
|
|
3789
3789
|
}
|
|
3790
3790
|
get el() { return getElement(this); }
|
|
3791
3791
|
static get style() { return RoadButtonFloatingStyle0; }
|
|
@@ -3830,7 +3830,7 @@ class ButtonBar {
|
|
|
3830
3830
|
this.selectedTabChanged();
|
|
3831
3831
|
}
|
|
3832
3832
|
render() {
|
|
3833
|
-
return (hAsync(Host, { key: '
|
|
3833
|
+
return (hAsync(Host, { key: 'a5bf3fc09d2e077e087ae5246ee562aed29472a5', role: "tablist" }, hAsync("slot", { key: '48a1e2e24b79f769bc35e4d048218210be1b0d56' })));
|
|
3834
3834
|
}
|
|
3835
3835
|
get el() { return getElement(this); }
|
|
3836
3836
|
static get watchers() { return {
|
|
@@ -3913,7 +3913,7 @@ class Card {
|
|
|
3913
3913
|
render() {
|
|
3914
3914
|
const { elevation } = this;
|
|
3915
3915
|
const elevationClass = this.elevation ? `card-elevation-${elevation}` : ``;
|
|
3916
|
-
return (hAsync(Host, { key: '
|
|
3916
|
+
return (hAsync(Host, { key: 'f5bd5b9245b805dbd174a96b76b349af87e4e938', class: `${elevationClass}` }, this.renderCard()));
|
|
3917
3917
|
}
|
|
3918
3918
|
get el() { return getElement(this); }
|
|
3919
3919
|
static get style() { return RoadCardStyle0; }
|
|
@@ -10660,7 +10660,7 @@ class Carousel {
|
|
|
10660
10660
|
});
|
|
10661
10661
|
}
|
|
10662
10662
|
render() {
|
|
10663
|
-
return (hAsync(Host, { key: '
|
|
10663
|
+
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 })))));
|
|
10664
10664
|
}
|
|
10665
10665
|
get el() { return getElement(this); }
|
|
10666
10666
|
static get watchers() { return {
|
|
@@ -10711,10 +10711,10 @@ class CarouselItem {
|
|
|
10711
10711
|
registerInstance(this, hostRef);
|
|
10712
10712
|
}
|
|
10713
10713
|
render() {
|
|
10714
|
-
return (hAsync(Host, { key: '
|
|
10714
|
+
return (hAsync(Host, { key: '9505d58be5a5b79ca69b82808b1ffd06ba6bf5ae', class: {
|
|
10715
10715
|
'swiper-slide': true,
|
|
10716
10716
|
'swiper-zoom-container': true,
|
|
10717
|
-
} }, hAsync("slot", { key: '
|
|
10717
|
+
} }, hAsync("slot", { key: 'e5c79e5ae3ca8cb8d69cd37a5b55496e04b26652' })));
|
|
10718
10718
|
}
|
|
10719
10719
|
static get style() { return RoadCarouselItemStyle0; }
|
|
10720
10720
|
static get cmpMeta() { return {
|
|
@@ -10805,7 +10805,7 @@ class Checkbox {
|
|
|
10805
10805
|
const labelId = this.checkboxId + '-label';
|
|
10806
10806
|
const inverseClass = this.inverse && 'form-checkbox-inverse';
|
|
10807
10807
|
const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';
|
|
10808
|
-
return (hAsync(Host, { key: '
|
|
10808
|
+
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)));
|
|
10809
10809
|
}
|
|
10810
10810
|
static get watchers() { return {
|
|
10811
10811
|
"checked": ["checkedChanged"]
|
|
@@ -10863,7 +10863,7 @@ class Chip$1 {
|
|
|
10863
10863
|
}
|
|
10864
10864
|
render() {
|
|
10865
10865
|
const outlineClass = this.outline ? 'chip-outline' : '';
|
|
10866
|
-
return (hAsync(Host, { key: '
|
|
10866
|
+
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 })));
|
|
10867
10867
|
}
|
|
10868
10868
|
static get style() { return RoadChipStyle0; }
|
|
10869
10869
|
static get cmpMeta() { return {
|
|
@@ -10896,7 +10896,7 @@ class Chip {
|
|
|
10896
10896
|
this.size = 'sm';
|
|
10897
10897
|
}
|
|
10898
10898
|
render() {
|
|
10899
|
-
return (hAsync(Host, { key: '
|
|
10899
|
+
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' }))));
|
|
10900
10900
|
}
|
|
10901
10901
|
static get style() { return RoadStatusChipStyle0; }
|
|
10902
10902
|
static get cmpMeta() { return {
|
|
@@ -10922,7 +10922,7 @@ class Col {
|
|
|
10922
10922
|
registerInstance(this, hostRef);
|
|
10923
10923
|
}
|
|
10924
10924
|
render() {
|
|
10925
|
-
return (hAsync("slot", { key: '
|
|
10925
|
+
return (hAsync("slot", { key: 'a2621927906372b10b73caae4ddb4eca67ca3077' }));
|
|
10926
10926
|
}
|
|
10927
10927
|
static get style() { return RoadColStyle0; }
|
|
10928
10928
|
static get cmpMeta() { return {
|
|
@@ -10972,7 +10972,7 @@ class Collapse {
|
|
|
10972
10972
|
const isOpenClass = this.isOpen ? 'collapse-open' : '';
|
|
10973
10973
|
const buttonText = this.isOpen ? this.showLess : this.showMore;
|
|
10974
10974
|
const centerClass = this.centered ? 'collapse-btn-centered' : '';
|
|
10975
|
-
return (hAsync(Host, { key: '
|
|
10975
|
+
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))));
|
|
10976
10976
|
}
|
|
10977
10977
|
static get style() { return RoadCollapseStyle0; }
|
|
10978
10978
|
static get cmpMeta() { return {
|
|
@@ -11009,7 +11009,7 @@ class ContentCard {
|
|
|
11009
11009
|
}
|
|
11010
11010
|
render() {
|
|
11011
11011
|
const insetImageClass = this.insetImage ? '' : 'content-card-image';
|
|
11012
|
-
return (hAsync(Host, { key: '
|
|
11012
|
+
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' })))));
|
|
11013
11013
|
}
|
|
11014
11014
|
static get style() { return RoadContentCardStyle0; }
|
|
11015
11015
|
static get cmpMeta() { return {
|
|
@@ -11185,7 +11185,7 @@ class Counter {
|
|
|
11185
11185
|
}
|
|
11186
11186
|
render() {
|
|
11187
11187
|
const dataCi = this.isDustbinVisible ? "road-dustbin" : "";
|
|
11188
|
-
return (hAsync("road-input-group", { key: '
|
|
11188
|
+
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" }))));
|
|
11189
11189
|
}
|
|
11190
11190
|
get el() { return getElement(this); }
|
|
11191
11191
|
static get watchers() { return {
|
|
@@ -11305,11 +11305,11 @@ class Dialog {
|
|
|
11305
11305
|
break;
|
|
11306
11306
|
}
|
|
11307
11307
|
}
|
|
11308
|
-
return (hAsync(Host, { key: '
|
|
11308
|
+
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
|
|
11309
11309
|
? hAsync("button", { type: "button", class: "dialog-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))
|
|
11310
|
-
: ''), hAsync("div", { key: '
|
|
11310
|
+
: ''), hAsync("div", { key: 'fadeb8d0776e92809c1f4fdda9d24fe325640103', class: "dialog-body" }, this.color !== undefined
|
|
11311
11311
|
? hAsync("road-icon", { class: "dialog-icon", part: "dialog-icon", color: this.color, icon: icon, "aria-hidden": "true" })
|
|
11312
|
-
: '', hAsync("h2", { key: '
|
|
11312
|
+
: '', 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' }))))));
|
|
11313
11313
|
}
|
|
11314
11314
|
get el() { return getElement(this); }
|
|
11315
11315
|
static get style() { return RoadDialogStyle0; }
|
|
@@ -11332,7 +11332,7 @@ class Dialog {
|
|
|
11332
11332
|
}; }
|
|
11333
11333
|
}
|
|
11334
11334
|
|
|
11335
|
-
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;
|
|
11335
|
+
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}";
|
|
11336
11336
|
var RoadDrawerStyle0 = drawerCss;
|
|
11337
11337
|
|
|
11338
11338
|
/**
|
|
@@ -11477,7 +11477,7 @@ class Drawer {
|
|
|
11477
11477
|
const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
|
|
11478
11478
|
const footerSlotElement = (_d = this.el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('slot[name="footer"]');
|
|
11479
11479
|
const hasFooterContent = footerSlotElement instanceof HTMLSlotElement && footerSlotElement.assignedNodes().length > 0;
|
|
11480
|
-
return (hAsync(Host, { key: '
|
|
11480
|
+
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" }))))));
|
|
11481
11481
|
}
|
|
11482
11482
|
get el() { return getElement(this); }
|
|
11483
11483
|
static get watchers() { return {
|
|
@@ -11538,7 +11538,7 @@ class Dropdown$1 {
|
|
|
11538
11538
|
const positionClass = this.position ? `position-${this.position}` : '';
|
|
11539
11539
|
const dropdownClass = this.position ? `dropdown-${this.position}` : '';
|
|
11540
11540
|
const directionClass = this.direction ? `direction-${this.direction}` : '';
|
|
11541
|
-
return (hAsync("details", { key: '
|
|
11541
|
+
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" }))));
|
|
11542
11542
|
}
|
|
11543
11543
|
get el() { return getElement(this); }
|
|
11544
11544
|
static get style() { return RoadDropdownStyle0; }
|
|
@@ -11594,7 +11594,7 @@ class Dropdown {
|
|
|
11594
11594
|
this.isOpen = false;
|
|
11595
11595
|
}
|
|
11596
11596
|
render() {
|
|
11597
|
-
return (hAsync("details", { key: '
|
|
11597
|
+
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" }))));
|
|
11598
11598
|
}
|
|
11599
11599
|
get el() { return getElement(this); }
|
|
11600
11600
|
static get style() { return RoadProfilDropdownStyle0; }
|
|
@@ -11658,7 +11658,7 @@ class Duration {
|
|
|
11658
11658
|
this.isOpen = false;
|
|
11659
11659
|
}
|
|
11660
11660
|
render() {
|
|
11661
|
-
return (hAsync("road-drawer", { key: '
|
|
11661
|
+
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 })))))))));
|
|
11662
11662
|
}
|
|
11663
11663
|
get el() { return getElement(this); }
|
|
11664
11664
|
static get style() { return RoadDurationStyle0; }
|
|
@@ -11704,7 +11704,7 @@ class Flap {
|
|
|
11704
11704
|
}
|
|
11705
11705
|
render() {
|
|
11706
11706
|
const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
|
|
11707
|
-
return (hAsync(Host, { key: '
|
|
11707
|
+
return (hAsync(Host, { key: 'acecc88123e94f737aef8b2d1026e8a9ce196a7d', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '6ce8eccf19a94ca9e7c8b75f9da8b7a8df00376b' })));
|
|
11708
11708
|
}
|
|
11709
11709
|
static get style() { return RoadFlapStyle0; }
|
|
11710
11710
|
static get cmpMeta() { return {
|
|
@@ -11750,7 +11750,7 @@ class GlobalNavigation {
|
|
|
11750
11750
|
this.selectedTabChanged();
|
|
11751
11751
|
}
|
|
11752
11752
|
render() {
|
|
11753
|
-
return (hAsync(Host, { key: '
|
|
11753
|
+
return (hAsync(Host, { key: 'bae96f32bd732721cbf401db21708a3bb601016b', role: "application" }, hAsync("slot", { key: '65e4a67511fd702e3daaa1ba206fbb8ff67df6da' })));
|
|
11754
11754
|
}
|
|
11755
11755
|
static get watchers() { return {
|
|
11756
11756
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -11898,7 +11898,7 @@ class GlobalNavigationV2 {
|
|
|
11898
11898
|
this.selectedTabChanged();
|
|
11899
11899
|
}
|
|
11900
11900
|
render() {
|
|
11901
|
-
return (hAsync(Host, { key: '
|
|
11901
|
+
return (hAsync(Host, { key: '1a523fcd448db62eb7a676184a22c7ae96e2d39e', role: "application" }, hAsync("slot", { key: '7c46cc17b02a4425161d99b54ef1bca9711f179a' })));
|
|
11902
11902
|
}
|
|
11903
11903
|
get host() { return getElement(this); }
|
|
11904
11904
|
static get watchers() { return {
|
|
@@ -11928,7 +11928,7 @@ class Grid {
|
|
|
11928
11928
|
registerInstance(this, hostRef);
|
|
11929
11929
|
}
|
|
11930
11930
|
render() {
|
|
11931
|
-
return (hAsync("slot", { key: '
|
|
11931
|
+
return (hAsync("slot", { key: '8f4662a444e12323e10cda6ecc7a2fe9b2199ff3' }));
|
|
11932
11932
|
}
|
|
11933
11933
|
static get style() { return RoadGridStyle0; }
|
|
11934
11934
|
static get cmpMeta() { return {
|
|
@@ -12031,7 +12031,7 @@ class Icon {
|
|
|
12031
12031
|
const rotateClass = this.rotate ? `icon-rotate-${this.rotate}` : '';
|
|
12032
12032
|
// Ajouter une classe "default" si aucune des valeurs n'est définie
|
|
12033
12033
|
const classes = [colorClass, sizeClass, rotateClass].filter(Boolean).join(' ');
|
|
12034
|
-
return (hAsync(Host, { key: '
|
|
12034
|
+
return (hAsync(Host, { key: '1da1702db901bcfb80638d9ae30a8c5cc4a2ac26', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
|
|
12035
12035
|
? hAsync("div", { class: "icon-inner", innerHTML: this.svgContent })
|
|
12036
12036
|
: hAsync("div", { class: "icon-inner" })));
|
|
12037
12037
|
}
|
|
@@ -12153,7 +12153,7 @@ class Illustration {
|
|
|
12153
12153
|
render() {
|
|
12154
12154
|
const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';
|
|
12155
12155
|
const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';
|
|
12156
|
-
return (hAsync(Host, { key: '
|
|
12156
|
+
return (hAsync(Host, { key: '0c1d3f02b235f7f69dbdca9969fd3a637929e0bd', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
|
|
12157
12157
|
? hAsync("div", { class: "icon-inner", innerHTML: this.illustrationSvgContent })
|
|
12158
12158
|
: hAsync("div", { class: "icon-inner" }))));
|
|
12159
12159
|
}
|
|
@@ -12256,7 +12256,7 @@ class Img {
|
|
|
12256
12256
|
}
|
|
12257
12257
|
render() {
|
|
12258
12258
|
const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
|
|
12259
|
-
return (hAsync(Host, { key: '
|
|
12259
|
+
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" })));
|
|
12260
12260
|
}
|
|
12261
12261
|
get el() { return getElement(this); }
|
|
12262
12262
|
static get watchers() { return {
|
|
@@ -29706,11 +29706,11 @@ class Input {
|
|
|
29706
29706
|
const lessLabelClass = this.label !== '' ? '' : 'less-label';
|
|
29707
29707
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
29708
29708
|
const isValidClass = this.success == true ? 'is-valid' : '';
|
|
29709
|
-
return (hAsync(Host, { key: '
|
|
29709
|
+
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)
|
|
29710
29710
|
? // Si error est un tableau, on itère et génère un <p> pour chaque élément
|
|
29711
29711
|
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(), " ")))
|
|
29712
29712
|
: // Si error est une chaîne, on la divise avec split et génère un <p> pour chaque élément
|
|
29713
|
-
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: '
|
|
29713
|
+
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" })));
|
|
29714
29714
|
}
|
|
29715
29715
|
static get watchers() { return {
|
|
29716
29716
|
"debounce": ["debounceChanged"],
|
|
@@ -29823,7 +29823,7 @@ class InputGroup {
|
|
|
29823
29823
|
? `size-${this.el.querySelector('road-input').sizes}`
|
|
29824
29824
|
: '';
|
|
29825
29825
|
const disabledClass = this.disabled ? 'is-disabled' : '';
|
|
29826
|
-
return (hAsync("div", { key: '
|
|
29826
|
+
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" }))));
|
|
29827
29827
|
}
|
|
29828
29828
|
get el() { return getElement(this); }
|
|
29829
29829
|
static get watchers() { return {
|
|
@@ -29903,13 +29903,13 @@ class Item {
|
|
|
29903
29903
|
target,
|
|
29904
29904
|
};
|
|
29905
29905
|
const showDetail = detail !== undefined && detail;
|
|
29906
|
-
return (hAsync(Host, { key: '
|
|
29906
|
+
return (hAsync(Host, { key: '0aea3486ca34a04bfa7e0690181466e0f563ecdd', "aria-disabled": disabled ? 'true' : null, class: {
|
|
29907
29907
|
[`item-lines-${lines}`]: lines !== undefined,
|
|
29908
|
-
} }, hAsync(TagType, Object.assign({ key: '
|
|
29908
|
+
} }, hAsync(TagType, Object.assign({ key: 'a2b491a400eb88b4af1ac7a26a5a00e32fde08cb' }, attrs, { class: {
|
|
29909
29909
|
'item-native': true,
|
|
29910
29910
|
'item-active': this.active,
|
|
29911
29911
|
[`layout-${layout}`]: layout !== undefined,
|
|
29912
|
-
}, part: "native", disabled: disabled }), hAsync("slot", { key: '
|
|
29912
|
+
}, 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" })))));
|
|
29913
29913
|
}
|
|
29914
29914
|
get el() { return getElement(this); }
|
|
29915
29915
|
static get style() { return RoadItemStyle0; }
|
|
@@ -29950,7 +29950,7 @@ class Label {
|
|
|
29950
29950
|
registerInstance(this, hostRef);
|
|
29951
29951
|
}
|
|
29952
29952
|
render() {
|
|
29953
|
-
return (hAsync("slot", { key: '
|
|
29953
|
+
return (hAsync("slot", { key: 'f59ac081c472add0201c72c48c5146a231bf05fd' }));
|
|
29954
29954
|
}
|
|
29955
29955
|
static get style() { return RoadLabelStyle0; }
|
|
29956
29956
|
static get cmpMeta() { return {
|
|
@@ -29975,9 +29975,9 @@ class List {
|
|
|
29975
29975
|
}
|
|
29976
29976
|
render() {
|
|
29977
29977
|
const { lines } = this;
|
|
29978
|
-
return (hAsync(Host, { key: '
|
|
29978
|
+
return (hAsync(Host, { key: '2c2537547489eb97f46ccb6306d3d697773ab719', class: {
|
|
29979
29979
|
[`list-lines-${lines}`]: lines !== undefined,
|
|
29980
|
-
} }, hAsync("slot", { key: '
|
|
29980
|
+
} }, hAsync("slot", { key: 'f4449d3df668e2d77f83103bb2e87915ef101efc' })));
|
|
29981
29981
|
}
|
|
29982
29982
|
static get style() { return RoadListStyle0; }
|
|
29983
29983
|
static get cmpMeta() { return {
|
|
@@ -30062,7 +30062,7 @@ class Modal {
|
|
|
30062
30062
|
const modalIsOpenClass = this.isOpen ? 'modal-open' : '';
|
|
30063
30063
|
const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';
|
|
30064
30064
|
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" })) : '';
|
|
30065
|
-
return (hAsync(Host, { key: '
|
|
30065
|
+
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' }))))));
|
|
30066
30066
|
}
|
|
30067
30067
|
get el() { return getElement(this); }
|
|
30068
30068
|
static get style() { return RoadModalStyle0; }
|
|
@@ -30113,7 +30113,7 @@ class Navbar {
|
|
|
30113
30113
|
this.selectedTabChanged();
|
|
30114
30114
|
}
|
|
30115
30115
|
render() {
|
|
30116
|
-
return (hAsync(Host, { key: '
|
|
30116
|
+
return (hAsync(Host, { key: '61786009c0bb1357257674a72b0f3dbf3f5c38a8', role: "menubar" }, hAsync("slot", { key: '2f3cdbc13d1bf0d3535035bd2098ed20d048dee0' })));
|
|
30117
30117
|
}
|
|
30118
30118
|
static get watchers() { return {
|
|
30119
30119
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30199,11 +30199,11 @@ class NavbarItem$1 {
|
|
|
30199
30199
|
rel,
|
|
30200
30200
|
target,
|
|
30201
30201
|
};
|
|
30202
|
-
return (hAsync(Host, { key: '
|
|
30202
|
+
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: {
|
|
30203
30203
|
'navbar-item': true,
|
|
30204
30204
|
'tab-selected': selected,
|
|
30205
30205
|
'tab-disabled': disabled,
|
|
30206
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30206
|
+
} }, 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' })))));
|
|
30207
30207
|
}
|
|
30208
30208
|
get el() { return getElement(this); }
|
|
30209
30209
|
static get watchers() { return {
|
|
@@ -30296,11 +30296,11 @@ class NavbarItem {
|
|
|
30296
30296
|
rel,
|
|
30297
30297
|
target,
|
|
30298
30298
|
};
|
|
30299
|
-
return (hAsync(Host, { key: '
|
|
30299
|
+
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: {
|
|
30300
30300
|
'navbar-item': true,
|
|
30301
30301
|
'tab-selected': selected,
|
|
30302
30302
|
'tab-disabled': disabled,
|
|
30303
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30303
|
+
} }, 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' })))));
|
|
30304
30304
|
}
|
|
30305
30305
|
get el() { return getElement(this); }
|
|
30306
30306
|
static get watchers() { return {
|
|
@@ -30359,7 +30359,7 @@ class NavbarV2 {
|
|
|
30359
30359
|
}
|
|
30360
30360
|
render() {
|
|
30361
30361
|
const compactClass = this.compact ? 'compact' : '';
|
|
30362
|
-
return (hAsync(Host, { key: '
|
|
30362
|
+
return (hAsync(Host, { key: '43aff9eafd66ec2fb7c45a4707c758b3b182f64b', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '66b8748a5d4395bd03edff1b9490bdc0fe63f01a' })));
|
|
30363
30363
|
}
|
|
30364
30364
|
static get watchers() { return {
|
|
30365
30365
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30482,10 +30482,10 @@ class PlateNumber {
|
|
|
30482
30482
|
render() {
|
|
30483
30483
|
const value = this.getValue();
|
|
30484
30484
|
const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
|
|
30485
|
-
return (hAsync("road-input-group", { key: '
|
|
30485
|
+
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
|
|
30486
30486
|
.filter(item => item.country === this.country)[0].letter))), this.motorbike
|
|
30487
30487
|
? (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 }))
|
|
30488
|
-
: (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: '
|
|
30488
|
+
: (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" }))));
|
|
30489
30489
|
}
|
|
30490
30490
|
static get watchers() { return {
|
|
30491
30491
|
"value": ["valueChanged"]
|
|
@@ -30553,7 +30553,7 @@ class ProgressBar {
|
|
|
30553
30553
|
const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
|
|
30554
30554
|
const light = this.light ? 'progress progress-light' : 'progress';
|
|
30555
30555
|
const animation = this.animation ? 'animation' : '';
|
|
30556
|
-
return (hAsync(Host, { key: '
|
|
30556
|
+
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))));
|
|
30557
30557
|
}
|
|
30558
30558
|
static get style() { return RoadProgressStyle0; }
|
|
30559
30559
|
static get cmpMeta() { return {
|
|
@@ -30594,7 +30594,7 @@ class ProgressIndicatorVertical {
|
|
|
30594
30594
|
registerInstance(this, hostRef);
|
|
30595
30595
|
}
|
|
30596
30596
|
render() {
|
|
30597
|
-
return (hAsync(Host, { key: '
|
|
30597
|
+
return (hAsync(Host, { key: '8df70b09eb63e027b39c4843ae497cef5e39c2ed' }, hAsync("nav", { key: '0d6025a44bd845363096fc6e002a334263dac3c9' }, hAsync("ul", { key: '4d81713de26f798637118ee3af681eb6f668513f' }, hAsync("li", { key: 'bb4bf5dd01f940e3811ab5adf4a90d05ef4fab8c' }, hAsync("slot", { key: '18e8f5f3cddb2a2c6816127596d469a93ca2430c' }))))));
|
|
30598
30598
|
}
|
|
30599
30599
|
static get style() { return RoadProgressIndicatorVerticalStyle0; }
|
|
30600
30600
|
static get cmpMeta() { return {
|
|
@@ -30618,7 +30618,7 @@ class ProgressIndicatorVerticalItem {
|
|
|
30618
30618
|
registerInstance(this, hostRef);
|
|
30619
30619
|
}
|
|
30620
30620
|
render() {
|
|
30621
|
-
return (hAsync(Host, { key: '
|
|
30621
|
+
return (hAsync(Host, { key: '17ae276834ff832dcf77111aeeda48b8ca9dc72e' }, hAsync("slot", { key: '624e68ac134752cb835e1cfdba7aa1db8d1f5152' })));
|
|
30622
30622
|
}
|
|
30623
30623
|
static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
|
|
30624
30624
|
static get cmpMeta() { return {
|
|
@@ -30647,7 +30647,7 @@ class ProgressTracker {
|
|
|
30647
30647
|
registerInstance(this, hostRef);
|
|
30648
30648
|
}
|
|
30649
30649
|
render() {
|
|
30650
|
-
return (hAsync(Host, { key: '
|
|
30650
|
+
return (hAsync(Host, { key: '558bbc6dc32d8f5e29cd9dd0e33ff210bc8e231f' }, hAsync("nav", { key: '386429b7b2670bd9e1cfde6eb895fcdb9fc26a66' }, hAsync("ul", { key: '67357a2d0f7777b39b390a6fc1f2609f7e504f0d' }, hAsync("li", { key: '6bd942a3d6c358f1988b58b16c65bc1f635c690f' }, hAsync("slot", { key: '47ab21f544caa20f3623d7a6b299a84cb17b2927' }))))));
|
|
30651
30651
|
}
|
|
30652
30652
|
static get style() { return RoadProgressTrackerStyle0; }
|
|
30653
30653
|
static get cmpMeta() { return {
|
|
@@ -30679,7 +30679,7 @@ class ProgressTrackerItem {
|
|
|
30679
30679
|
registerInstance(this, hostRef);
|
|
30680
30680
|
}
|
|
30681
30681
|
render() {
|
|
30682
|
-
return (hAsync(Host, { key: '
|
|
30682
|
+
return (hAsync(Host, { key: 'f0323f8e11d15162868f6679d958a7eb3c732c94' }, hAsync("slot", { key: 'f723c3ff78b34c68bbe3f675d93ff61a6eb24a27' })));
|
|
30683
30683
|
}
|
|
30684
30684
|
static get style() { return RoadProgressTrackerItemStyle0; }
|
|
30685
30685
|
static get cmpMeta() { return {
|
|
@@ -30772,7 +30772,7 @@ class Radio {
|
|
|
30772
30772
|
const inverseClass = this.inverse && 'form-radio-inverse';
|
|
30773
30773
|
const isInvalidClass = this.error ? 'is-invalid' : '';
|
|
30774
30774
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30775
|
-
return (hAsync(Host, { key: '
|
|
30775
|
+
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))));
|
|
30776
30776
|
}
|
|
30777
30777
|
get el() { return getElement(this); }
|
|
30778
30778
|
static get style() { return RoadRadioStyle0; }
|
|
@@ -30856,7 +30856,7 @@ class RadioCard {
|
|
|
30856
30856
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30857
30857
|
const selectedClass = this.isSelected || this.selected ? 'radio-card-selected' : '';
|
|
30858
30858
|
const disabledClass = this.disabled ? 'radio-card-disabled' : '';
|
|
30859
|
-
return (hAsync(Host, { key: '
|
|
30859
|
+
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' }))))));
|
|
30860
30860
|
}
|
|
30861
30861
|
get el() { return getElement(this); }
|
|
30862
30862
|
static get style() { return RoadRadioCardStyle0; }
|
|
@@ -30953,7 +30953,7 @@ class RadioGroup {
|
|
|
30953
30953
|
render() {
|
|
30954
30954
|
const labelId = `${this.radioGroupId}-label`;
|
|
30955
30955
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
30956
|
-
return (hAsync(Host, { key: '
|
|
30956
|
+
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)));
|
|
30957
30957
|
}
|
|
30958
30958
|
get el() { return getElement(this); }
|
|
30959
30959
|
static get watchers() { return {
|
|
@@ -31083,14 +31083,14 @@ class Range {
|
|
|
31083
31083
|
render() {
|
|
31084
31084
|
const value = this.getValue();
|
|
31085
31085
|
const datalist = this.showLabels !== undefined ? `tickmarks` : "";
|
|
31086
|
-
return (hAsync(Host, { key: '
|
|
31086
|
+
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: {
|
|
31087
31087
|
"--min": this.min,
|
|
31088
31088
|
"--max": this.max,
|
|
31089
31089
|
"--value": value,
|
|
31090
31090
|
"--background-color": this.disabled
|
|
31091
31091
|
? "var(--road-surface-disabled)"
|
|
31092
31092
|
: "initial",
|
|
31093
|
-
} }, this.showValue && hAsync("output", { key: '
|
|
31093
|
+
} }, 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" })))));
|
|
31094
31094
|
}
|
|
31095
31095
|
get el() { return getElement(this); }
|
|
31096
31096
|
static get watchers() { return {
|
|
@@ -31159,7 +31159,7 @@ class Rating {
|
|
|
31159
31159
|
const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
|
|
31160
31160
|
const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
|
|
31161
31161
|
const readOnly = this.readonly == true ? `readonly` : '';
|
|
31162
|
-
return (hAsync(Host, { key: '
|
|
31162
|
+
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}`, ")")));
|
|
31163
31163
|
}
|
|
31164
31164
|
static get style() { return RoadRatingStyle0; }
|
|
31165
31165
|
static get cmpMeta() { return {
|
|
@@ -31278,7 +31278,7 @@ class RoadAreaCode {
|
|
|
31278
31278
|
const labelId = this.selectId + '-label';
|
|
31279
31279
|
const valueId = this.selectId + '-value';
|
|
31280
31280
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
31281
|
-
return (hAsync(Host, { key: '
|
|
31281
|
+
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)));
|
|
31282
31282
|
}
|
|
31283
31283
|
static get watchers() { return {
|
|
31284
31284
|
"value": ["valueChanged"]
|
|
@@ -31325,7 +31325,7 @@ class RoadAspectRatio {
|
|
|
31325
31325
|
return `${w} / ${h}`;
|
|
31326
31326
|
}
|
|
31327
31327
|
render() {
|
|
31328
|
-
return (hAsync(Host, { key: '
|
|
31328
|
+
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' })))));
|
|
31329
31329
|
}
|
|
31330
31330
|
static get style() { return RoadAspectRatioStyle0; }
|
|
31331
31331
|
static get cmpMeta() { return {
|
|
@@ -32702,9 +32702,9 @@ class RoadPhoneNumberInput {
|
|
|
32702
32702
|
const isErrorClass = this.errorMessage.length ? 'is-error' : '';
|
|
32703
32703
|
const hasValueClass = this.hasValue() ? 'has-value' : '';
|
|
32704
32704
|
const sizes = 'xl';
|
|
32705
|
-
return (hAsync(Host, { key: '
|
|
32705
|
+
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
|
|
32706
32706
|
&& this.errorMessage !== ''
|
|
32707
|
-
&& hAsync("p", { key: '
|
|
32707
|
+
&& 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)));
|
|
32708
32708
|
}
|
|
32709
32709
|
get el() { return getElement(this); }
|
|
32710
32710
|
static get style() { return RoadPhoneNumberInputStyle0; }
|
|
@@ -32823,7 +32823,7 @@ class RoadTimeRangePicker {
|
|
|
32823
32823
|
return { start: this.start, end: this.end };
|
|
32824
32824
|
}
|
|
32825
32825
|
render() {
|
|
32826
|
-
return (hAsync(Host, { key: '
|
|
32826
|
+
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)));
|
|
32827
32827
|
}
|
|
32828
32828
|
get hostEl() { return getElement(this); }
|
|
32829
32829
|
static get style() { return RoadTimeRangePickerStyle0; }
|
|
@@ -32859,7 +32859,7 @@ class Row {
|
|
|
32859
32859
|
registerInstance(this, hostRef);
|
|
32860
32860
|
}
|
|
32861
32861
|
render() {
|
|
32862
|
-
return (hAsync(Host, { key: '
|
|
32862
|
+
return (hAsync(Host, { key: 'c38bbf8641a80fc8ebb76c25f5cec3070127c569' }, hAsync("slot", { key: 'b8459fd13efb02e5b04fb4558533f89f37cbe858' })));
|
|
32863
32863
|
}
|
|
32864
32864
|
static get style() { return RoadRowStyle0; }
|
|
32865
32865
|
static get cmpMeta() { return {
|
|
@@ -32931,10 +32931,10 @@ class SegmentedButton {
|
|
|
32931
32931
|
render() {
|
|
32932
32932
|
const { tabIndex, selected, tab } = this;
|
|
32933
32933
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
32934
|
-
return (hAsync(Host, { key: '
|
|
32934
|
+
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: {
|
|
32935
32935
|
'tab-selected': selected,
|
|
32936
32936
|
[`${sizeClass}`]: true,
|
|
32937
|
-
} }, hAsync("span", { key: '
|
|
32937
|
+
} }, 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' })))));
|
|
32938
32938
|
}
|
|
32939
32939
|
get el() { return getElement(this); }
|
|
32940
32940
|
static get style() { return RoadSegmentedButtonStyle0; }
|
|
@@ -33055,7 +33055,7 @@ class Select {
|
|
|
33055
33055
|
const labelId = this.selectId + '-label';
|
|
33056
33056
|
const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
|
|
33057
33057
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
33058
|
-
return (hAsync(Host, { key: '
|
|
33058
|
+
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)));
|
|
33059
33059
|
}
|
|
33060
33060
|
static get watchers() { return {
|
|
33061
33061
|
"value": ["valueChanged"]
|
|
@@ -35049,7 +35049,7 @@ class SelectFilter {
|
|
|
35049
35049
|
const options = this.filteredOptions;
|
|
35050
35050
|
const isActive = this.isActive ? 'true' : 'false';
|
|
35051
35051
|
const notActive = this.isActive ? '' : 'not-active';
|
|
35052
|
-
return (hAsync(Host, { key: '
|
|
35052
|
+
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 })))))))));
|
|
35053
35053
|
}
|
|
35054
35054
|
get el() { return getElement(this); }
|
|
35055
35055
|
static get watchers() { return {
|
|
@@ -35085,7 +35085,7 @@ class Skeleton {
|
|
|
35085
35085
|
registerInstance(this, hostRef);
|
|
35086
35086
|
}
|
|
35087
35087
|
render() {
|
|
35088
|
-
return (hAsync("span", { key: '
|
|
35088
|
+
return (hAsync("span", { key: '33cfe20d51c54101ccf43a5027549fa79d707cab' }, "\u00A0"));
|
|
35089
35089
|
}
|
|
35090
35090
|
static get style() { return RoadSkeletonStyle0; }
|
|
35091
35091
|
static get cmpMeta() { return {
|
|
@@ -35116,7 +35116,7 @@ class Spinner {
|
|
|
35116
35116
|
render() {
|
|
35117
35117
|
const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
|
|
35118
35118
|
const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
|
|
35119
|
-
return (hAsync("svg", { key: '
|
|
35119
|
+
return (hAsync("svg", { key: '90d3a6eafbf227b79edf5b298b2bd5e212436c7a', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '9a90e8724a39005b1a51029b25401fc876149571', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
|
|
35120
35120
|
}
|
|
35121
35121
|
static get style() { return RoadSpinnerStyle0; }
|
|
35122
35122
|
static get cmpMeta() { return {
|
|
@@ -35166,7 +35166,7 @@ class Stepper {
|
|
|
35166
35166
|
const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
|
|
35167
35167
|
const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
|
|
35168
35168
|
const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
|
|
35169
|
-
return (hAsync(Host, { key: '
|
|
35169
|
+
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" }))))))));
|
|
35170
35170
|
}
|
|
35171
35171
|
static get style() { return RoadProgressIndicatorHorizontalStyle0; }
|
|
35172
35172
|
static get cmpMeta() { return {
|
|
@@ -35268,11 +35268,11 @@ class Switch {
|
|
|
35268
35268
|
}
|
|
35269
35269
|
render() {
|
|
35270
35270
|
const labelId = this.switchId + '-label';
|
|
35271
|
-
const textLabel = hAsync("label", { key: '
|
|
35271
|
+
const textLabel = hAsync("label", { key: 'ce7aa5f11558ca65be5c3e67fa4bd195befb93fb', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
|
|
35272
35272
|
const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
|
|
35273
35273
|
const isSpacedClass = this.isSpaced && 'form-switch-spaced';
|
|
35274
35274
|
const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
|
|
35275
|
-
return (hAsync(Host, { key: '
|
|
35275
|
+
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)));
|
|
35276
35276
|
}
|
|
35277
35277
|
static get watchers() { return {
|
|
35278
35278
|
"checked": ["checkedChanged"]
|
|
@@ -35327,9 +35327,9 @@ class Tab {
|
|
|
35327
35327
|
}
|
|
35328
35328
|
render() {
|
|
35329
35329
|
const { tab, active } = this;
|
|
35330
|
-
return (hAsync(Host, { key: '
|
|
35330
|
+
return (hAsync(Host, { key: '3027c31c282565b7d5905d3b3031db04ba1bed44', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
35331
35331
|
'tab-hidden': !active,
|
|
35332
|
-
} }, hAsync("slot", { key: '
|
|
35332
|
+
} }, hAsync("slot", { key: '70ae19f3e889a8c46d062363445185055a6c1133' })));
|
|
35333
35333
|
}
|
|
35334
35334
|
get el() { return getElement(this); }
|
|
35335
35335
|
static get style() { return RoadTabStyle0; }
|
|
@@ -35389,11 +35389,11 @@ class TabBar {
|
|
|
35389
35389
|
}
|
|
35390
35390
|
render() {
|
|
35391
35391
|
const { expand, center, secondary } = this;
|
|
35392
|
-
return (hAsync(Host, { key: '
|
|
35392
|
+
return (hAsync(Host, { key: 'a40a29c3f335bd4b49495203834bb937af77a4bb', role: "tablist", class: {
|
|
35393
35393
|
'tab-expand': expand,
|
|
35394
35394
|
'tab-center': center,
|
|
35395
35395
|
'tab-secondary': secondary,
|
|
35396
|
-
} }, hAsync("slot", { key: '
|
|
35396
|
+
} }, hAsync("slot", { key: 'b7abc10609ae8939e729c735fb942b1b89c604ad' })));
|
|
35397
35397
|
}
|
|
35398
35398
|
get el() { return getElement(this); }
|
|
35399
35399
|
static get watchers() { return {
|
|
@@ -35493,7 +35493,7 @@ class TabButton {
|
|
|
35493
35493
|
rel,
|
|
35494
35494
|
target,
|
|
35495
35495
|
};
|
|
35496
|
-
return (hAsync(Host, { key: '
|
|
35496
|
+
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: {
|
|
35497
35497
|
'tab-selected': selected,
|
|
35498
35498
|
'tab-has-label': hasLabel,
|
|
35499
35499
|
'tab-has-icon': hasIcon,
|
|
@@ -35501,7 +35501,7 @@ class TabButton {
|
|
|
35501
35501
|
'tab-has-icon-only': hasIcon && !hasLabel,
|
|
35502
35502
|
[`tab-layout-${layout}`]: true,
|
|
35503
35503
|
'tab-disabled': disabled, // Classe CSS pour les styles désactivés
|
|
35504
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
35504
|
+
} }, 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' })))));
|
|
35505
35505
|
}
|
|
35506
35506
|
get el() { return getElement(this); }
|
|
35507
35507
|
static get style() { return RoadTabButtonStyle0; }
|
|
@@ -35535,7 +35535,7 @@ class Table {
|
|
|
35535
35535
|
registerInstance(this, hostRef);
|
|
35536
35536
|
}
|
|
35537
35537
|
render() {
|
|
35538
|
-
return (hAsync("slot", { key: '
|
|
35538
|
+
return (hAsync("slot", { key: '4fbbf196c158059cc8c375e9fcd848cd8e2d864f' }));
|
|
35539
35539
|
}
|
|
35540
35540
|
static get style() { return RoadTableStyle0; }
|
|
35541
35541
|
static get cmpMeta() { return {
|
|
@@ -35643,7 +35643,7 @@ class Tabs$1 {
|
|
|
35643
35643
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35644
35644
|
}
|
|
35645
35645
|
render() {
|
|
35646
|
-
return (hAsync(Host, { key: '
|
|
35646
|
+
return (hAsync(Host, { key: 'd1d9e0ab7ed50aa338646a473b2c3e22d4a30f6b', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: '681bb4fdcf7bc99dd558723c85ea65b6182a7556', name: "top" }), hAsync("slot", { key: '395d680d41e4c831d7e12e2d4b5e83e74d1128cf' })));
|
|
35647
35647
|
}
|
|
35648
35648
|
get el() { return getElement(this); }
|
|
35649
35649
|
static get style() { return RoadSegmentedButtonsStyle0; }
|
|
@@ -35779,7 +35779,7 @@ class Tabs {
|
|
|
35779
35779
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35780
35780
|
}
|
|
35781
35781
|
render() {
|
|
35782
|
-
return (hAsync(Host, { key: '
|
|
35782
|
+
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' }))));
|
|
35783
35783
|
}
|
|
35784
35784
|
get el() { return getElement(this); }
|
|
35785
35785
|
static get style() { return RoadTabsStyle0; }
|
|
@@ -35827,7 +35827,7 @@ class Tag {
|
|
|
35827
35827
|
}
|
|
35828
35828
|
render() {
|
|
35829
35829
|
const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
|
|
35830
|
-
return (hAsync(Host, { key: '
|
|
35830
|
+
return (hAsync(Host, { key: '2639b90b789a6fde1fae0f3201236a7c9f4e1aad', class: `${contrastClass}` }, hAsync("slot", { key: '8039feeab97b500f0828e1efa751b9771f4f5e65' })));
|
|
35831
35831
|
}
|
|
35832
35832
|
static get style() { return RoadTagStyle0; }
|
|
35833
35833
|
static get cmpMeta() { return {
|
|
@@ -35859,7 +35859,7 @@ class Text {
|
|
|
35859
35859
|
}
|
|
35860
35860
|
render() {
|
|
35861
35861
|
const colorClass = this.color !== undefined ? `text-${this.color}` : '';
|
|
35862
|
-
return (hAsync(Host, { key: '
|
|
35862
|
+
return (hAsync(Host, { key: '2b1df03bfadf4021cf4016c584cdbd0ccf09324c', class: `${colorClass}` }, hAsync("slot", { key: '6966b8ebe4a2eb48b1fd020a707c6a37a519b099' })));
|
|
35863
35863
|
}
|
|
35864
35864
|
static get style() { return RoadTextStyle0; }
|
|
35865
35865
|
static get cmpMeta() { return {
|
|
@@ -35969,7 +35969,7 @@ class Textarea {
|
|
|
35969
35969
|
const hasValueClass = this.value !== '' ? 'has-value' : '';
|
|
35970
35970
|
const noResizeClass = this.resize == false ? 'no-resize' : '';
|
|
35971
35971
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
35972
|
-
return (hAsync(Host, { key: '
|
|
35972
|
+
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)));
|
|
35973
35973
|
}
|
|
35974
35974
|
static get watchers() { return {
|
|
35975
35975
|
"value": ["valueChanged"]
|
|
@@ -36100,7 +36100,7 @@ class Toast {
|
|
|
36100
36100
|
if (this.color == 'danger') {
|
|
36101
36101
|
this.timeout = 0;
|
|
36102
36102
|
}
|
|
36103
|
-
return (hAsync(Host, { key: '
|
|
36103
|
+
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" }))));
|
|
36104
36104
|
}
|
|
36105
36105
|
static get watchers() { return {
|
|
36106
36106
|
"isOpen": ["isOpenChanged"]
|
|
@@ -36140,7 +36140,7 @@ class Toolbar {
|
|
|
36140
36140
|
}
|
|
36141
36141
|
render() {
|
|
36142
36142
|
const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
|
|
36143
|
-
return (hAsync(Host, { key: '
|
|
36143
|
+
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" }))));
|
|
36144
36144
|
}
|
|
36145
36145
|
static get style() { return RoadToolbarStyle0; }
|
|
36146
36146
|
static get cmpMeta() { return {
|
|
@@ -36166,7 +36166,7 @@ class ToolbarAppName {
|
|
|
36166
36166
|
registerInstance(this, hostRef);
|
|
36167
36167
|
}
|
|
36168
36168
|
render() {
|
|
36169
|
-
return (hAsync("div", { key: '
|
|
36169
|
+
return (hAsync("div", { key: 'fa5fa9ad6f5e3a1d562bdc38b312c16cc9483d54', class: "toolbar-title-page" }, hAsync("slot", { key: 'b35389dcc32ff0ba0c163e5916d701c79fbf8ba9' })));
|
|
36170
36170
|
}
|
|
36171
36171
|
static get style() { return RoadToolbarTitlePageStyle0; }
|
|
36172
36172
|
static get cmpMeta() { return {
|
|
@@ -36190,7 +36190,7 @@ class ToolbarTitle {
|
|
|
36190
36190
|
registerInstance(this, hostRef);
|
|
36191
36191
|
}
|
|
36192
36192
|
render() {
|
|
36193
|
-
return (hAsync("div", { key: '
|
|
36193
|
+
return (hAsync("div", { key: 'fe411cfd08be76715a7896bb645a9c5d07479539', class: "toolbar-title" }, hAsync("slot", { key: 'c81416028a3c8aef9676e3c52f6ffb3202994eff' })));
|
|
36194
36194
|
}
|
|
36195
36195
|
static get style() { return RoadToolbarTitleStyle0; }
|
|
36196
36196
|
static get cmpMeta() { return {
|
|
@@ -36219,7 +36219,7 @@ class ToolbarV2 {
|
|
|
36219
36219
|
registerInstance(this, hostRef);
|
|
36220
36220
|
}
|
|
36221
36221
|
render() {
|
|
36222
|
-
return (hAsync(Host, { key: '
|
|
36222
|
+
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" })))));
|
|
36223
36223
|
}
|
|
36224
36224
|
static get style() { return RoadToolbarV2Style0; }
|
|
36225
36225
|
static get cmpMeta() { return {
|
|
@@ -36332,12 +36332,12 @@ class Tooltip {
|
|
|
36332
36332
|
return triggers.includes(triggerType);
|
|
36333
36333
|
}
|
|
36334
36334
|
render() {
|
|
36335
|
-
return (hAsync(Host, { key: '
|
|
36335
|
+
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
|
|
36336
36336
|
,
|
|
36337
|
-
"data-tooltip-position": this.position }, hAsync("slot", { key: '
|
|
36337
|
+
"data-tooltip-position": this.position }, hAsync("slot", { key: '8b5ae95d0076acbad18fb73bf32e9b31085c8365', "aria-describedby": this.tooltipId }), hAsync("div", { key: 'ba8a5ac573fa0b31edb9e26fab1c8ee212789f1d', part: "tooltip", id: this.tooltipId, class: {
|
|
36338
36338
|
tooltip: true,
|
|
36339
36339
|
'tooltip-open': this.isOpen,
|
|
36340
|
-
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: '
|
|
36340
|
+
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: 'cbc2c9bce87ee7b42897c9a8a24ff0f896e0670c', name: "tooltip-content" }))));
|
|
36341
36341
|
}
|
|
36342
36342
|
get el() { return getElement(this); }
|
|
36343
36343
|
static get style() { return RoadTooltipStyle0; }
|
|
@@ -36429,11 +36429,11 @@ class toggle {
|
|
|
36429
36429
|
}
|
|
36430
36430
|
render() {
|
|
36431
36431
|
const labelId = this.toggleId + '-label';
|
|
36432
|
-
const textLabel = hAsync("label", { key: '
|
|
36432
|
+
const textLabel = hAsync("label", { key: '200063a0e964b5a6cc9694a6aae1b45418751867', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
|
|
36433
36433
|
const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
|
|
36434
36434
|
const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
|
|
36435
36435
|
const disabledClass = this.disabled ? 'disabled' : '';
|
|
36436
|
-
return (hAsync(Host, { key: '
|
|
36436
|
+
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)));
|
|
36437
36437
|
}
|
|
36438
36438
|
static get watchers() { return {
|
|
36439
36439
|
"checked": ["checkedChanged"]
|