@roadtrip/components 3.41.0 → 3.41.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/road-alert.cjs.entry.js +10 -2
- package/dist/cjs/road-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/components/alert/alert.css +7 -12
- package/dist/collection/components/alert/alert.js +29 -1
- package/dist/collection/components/alert/alert.js.map +1 -1
- package/dist/collection/components/alert/alert.stories.js +16 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-alert.entry.js +10 -2
- package/dist/esm/road-alert.entry.js.map +1 -1
- package/dist/esm/roadtrip.js +1 -1
- package/dist/html.html-data.json +15 -0
- package/dist/roadtrip/p-4182495e.entry.js +2 -0
- package/dist/roadtrip/p-4182495e.entry.js.map +1 -0
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/roadtrip.esm.js.map +1 -1
- package/dist/types/components/alert/alert.d.ts +4 -0
- package/dist/types/components.d.ts +8 -0
- package/hydrate/index.js +112 -103
- package/hydrate/index.mjs +112 -103
- package/package.json +1 -1
- package/dist/roadtrip/p-da3bfbfb.entry.js +0 -2
- package/dist/roadtrip/p-da3bfbfb.entry.js.map +0 -1
package/hydrate/index.js
CHANGED
|
@@ -3205,7 +3205,7 @@ class Accordion {
|
|
|
3205
3205
|
const accordionLightContent = this.isLight ? 'accordion-content accordion-light-content' : 'accordion-content';
|
|
3206
3206
|
const accordionLightSeparator = this.isLightSeparator ? 'accordion accordion-light accordion-light--border' : 'accordion';
|
|
3207
3207
|
const accordionSmall = this.isSmall ? 'accordion accordion-light accordion-light--small' : 'accordion';
|
|
3208
|
-
return (hAsync("details", { key: '
|
|
3208
|
+
return (hAsync("details", { key: '84852e809e8609bd7177619503b11dff48096c0b', class: `${accordionLight} ${accordionSmall} ${accordionLightSeparator}`, open: this.isOpen }, hAsync("summary", { key: '381e389cd76f79ef111c27b60c5278df74e3a3e0', class: "accordion-trigger", "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'd06a9e0fe9ab9da0334a091951dc39224a7c34fe', class: accordionLightHeader }, hAsync("slot", { key: '5e9b4fcd38d9a0a4dfb979c4cfa31636ccb36502', name: "icon-left" }), hAsync("slot", { key: '056567b30bdf7a9f4709c376402c4d31851e2e1e', name: "header" }), hAsync("road-icon", { key: '8fdef74cf1b50144022194fbdffaf361f0839214', class: "accordion-arrow", icon: navigationChevron }))), hAsync("div", { key: '92d626ec63a15d83e000026e3fed7cd4b2468593', class: accordionLightContent }, hAsync("slot", { key: '59e71b324e42ffeb64a5ccef42fbd3fb5298f759' }))));
|
|
3209
3209
|
}
|
|
3210
3210
|
static get style() { return RoadAccordionStyle0; }
|
|
3211
3211
|
static get cmpMeta() { return {
|
|
@@ -3223,7 +3223,7 @@ class Accordion {
|
|
|
3223
3223
|
}; }
|
|
3224
3224
|
}
|
|
3225
3225
|
|
|
3226
|
-
const alertCss = ":host{position:relative;display:flex;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.25;color:var(--road-on-surface);border:1px solid transparent;border-radius:0.25rem}.alert-icon{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{margin:0.375rem 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}
|
|
3226
|
+
const alertCss = ":host{position:relative;display:flex;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.25;color:var(--road-on-surface);border:1px solid transparent;border-radius:0.25rem}.alert-icon{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{margin:0.375rem 0 var(--road-spacing-03);display:block;font-weight:700}.alert-container{position:relative;display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:column}.alert-container-horizontal{position:relative;display:flex;align-items:start;justify-content:space-between;width:100%;flex-direction:row}.alert-link{display:block;margin:0;margin:var(--road-spacing-03) 0 0;color:var(--road-on-surface);text-decoration:underline}.alert-description{margin:0}.btn-container{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;justify-content:center;margin-top:var(--road-spacing-03)}.btn-container.justify-end{padding-top:var(--road-spacing-07);justify-content:end}.alert-button{margin-left:var(--road-spacing-07)}.alert-close{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:center;padding:0;font-weight:700;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.alert-info){color:var(--road-on-info-surface);background:var(--road-info-surface);border-color:var(--road-info-outline)}:host(.alert-info) ::slotted(road-icon){fill:var(--road-info-default)}:host(.alert-info) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse);fill:var(--road-on-info-surface-inverse)}:host(.alert-info) .alert-link{color:var(--road-on-info-surface)}:host(.alert-success){color:var(--road-on-success-surface);background:var(--road-success-surface);border-color:var(--road-success-outline)}:host(.alert-success) ::slotted(road-icon){fill:var(--road-success-icon)}:host(.alert-success) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse);fill:var(--road-on-success-surface-inverse)}:host(.alert-success) .alert-link{color:var(--road-on-success-surface)}:host(.alert-warning){color:var(--road-on-warning-surface);background:var(--road-warning-surface);border-color:var(--road-warning-outline)}:host(.alert-warning) ::slotted(road-icon){fill:var(--road-warning-icon)}:host(.alert-warning) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse);fill:var(--road-on-warning-surface-inverse)}:host(.alert-warning) .alert-link{color:var(--road-on-warning-surface)}:host(.alert-danger){color:var(--road-on-danger-surface);background:var(--road-danger-surface);border-color:var(--road-danger-outline)}:host(.alert-danger) ::slotted(road-icon){fill:var(--road-danger-icon)}:host(.alert-danger) ::slotted(road-button){display:block;margin:0.375rem 0 0;color:var(--road-on-danger-surface-inverse);background:var(--road-danger-surface-inverse);fill:var(--road-on-danger-surface-inverse)}:host(.alert-danger) .alert-link{color:var(--road-on-danger-surface)}";
|
|
3227
3227
|
var RoadAlertStyle0 = alertCss;
|
|
3228
3228
|
|
|
3229
3229
|
/**
|
|
@@ -3238,6 +3238,10 @@ class Alert {
|
|
|
3238
3238
|
* Set the color of alert. e.g. info, success, warning, danger
|
|
3239
3239
|
*/
|
|
3240
3240
|
this.color = 'info';
|
|
3241
|
+
/**
|
|
3242
|
+
* position of the button
|
|
3243
|
+
*/
|
|
3244
|
+
this.layout = 'vertical';
|
|
3241
3245
|
/**
|
|
3242
3246
|
* Show / hide close icon
|
|
3243
3247
|
*/
|
|
@@ -3288,9 +3292,13 @@ class Alert {
|
|
|
3288
3292
|
}
|
|
3289
3293
|
render() {
|
|
3290
3294
|
const colorClass = this.color !== undefined ? `alert-${this.color}` : '';
|
|
3295
|
+
let layoutClass = 'alert-container'; // valeur par défaut
|
|
3296
|
+
if (this.layout === 'horizontal') {
|
|
3297
|
+
layoutClass = 'alert-container-horizontal';
|
|
3298
|
+
}
|
|
3291
3299
|
const btnContainerClass = this.hasCloseIcon ? 'btn-container justify-end' : 'btn-container';
|
|
3292
3300
|
const closeIconElement = this.hasCloseIcon ? (hAsync("button", { type: "button", class: "alert-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))) : null;
|
|
3293
|
-
return (hAsync(Host, { key: '
|
|
3301
|
+
return (hAsync(Host, { key: 'f4e55bbb09ced45f3ce61972deba404465ea65cb', class: colorClass, role: "alert" }, hAsync("div", { key: '5cd3e0c3f390a89d19c84a0f01e7b8027b248577', class: "alert-icon" }, hAsync("slot", { key: '3f33e1b57cef26d48068f1593f17727c261cd3e0', name: "icon" })), hAsync("div", { key: 'ced6ce628dd4950bb674d47349129a647c8695aa', class: layoutClass }, hAsync("div", { key: '10490cb06f107b1bf58e3a5a54c6afbc3a6d13d1', class: "alert-container-content" }, this.label && hAsync("span", { key: 'f10fa770be014d78099248dcd94421085f400c2d', class: "alert-title d-block" }, this.label), hAsync("p", { key: '50350cc1d084f855eec4e86d95525a655167e00d', class: "alert-description" }, hAsync("slot", { key: '9f69129b6bf81a3f4b0660e67425bbcd382e86fb' })), this.link && hAsync("a", { key: '179e64109d5602c3726b811894b82bc4fe7ccd5f', href: this.url, class: "alert-link link link-default" }, this.link)), hAsync("div", { key: 'b56f135cf2fcf791d30e99fec84a0ee6fe4e31a5', class: btnContainerClass }, hAsync("slot", { key: '2530d01eda800c18255792b7a673475314b26bb8', name: "button" })), closeIconElement)));
|
|
3294
3302
|
}
|
|
3295
3303
|
get el() { return getElement(this); }
|
|
3296
3304
|
static get style() { return RoadAlertStyle0; }
|
|
@@ -3299,6 +3307,7 @@ class Alert {
|
|
|
3299
3307
|
"$tagName$": "road-alert",
|
|
3300
3308
|
"$members$": {
|
|
3301
3309
|
"color": [1],
|
|
3310
|
+
"layout": [1],
|
|
3302
3311
|
"label": [1],
|
|
3303
3312
|
"button": [1],
|
|
3304
3313
|
"link": [1],
|
|
@@ -3394,7 +3403,7 @@ class Asset {
|
|
|
3394
3403
|
}
|
|
3395
3404
|
}
|
|
3396
3405
|
render() {
|
|
3397
|
-
return (hAsync(Host, { key: '
|
|
3406
|
+
return (hAsync(Host, { key: '296fcc1fde78fbed0b0487eb2e4aa5fede6ffcca', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
|
|
3398
3407
|
? hAsync("div", { class: "icon-inner", innerHTML: this.assetSvgContent })
|
|
3399
3408
|
: hAsync("div", { class: "icon-inner" }))));
|
|
3400
3409
|
}
|
|
@@ -3464,8 +3473,8 @@ class Autocomplete {
|
|
|
3464
3473
|
}
|
|
3465
3474
|
}
|
|
3466
3475
|
render() {
|
|
3467
|
-
return (hAsync(Host, { key: '
|
|
3468
|
-
hAsync("ul", { key: '
|
|
3476
|
+
return (hAsync(Host, { key: '6dd4b614232fd484aed569ccc0d1b5dafb57b4f6' }, hAsync("slot", { key: '7cfa36794db2eb18505d0be57fee259f5e598424' }), this.visible && this.options.length > 0 &&
|
|
3477
|
+
hAsync("ul", { key: 'c5de313fccf4fafd4c136799b8edd21cdf1efeec', 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))))));
|
|
3469
3478
|
}
|
|
3470
3479
|
get el() { return getElement(this); }
|
|
3471
3480
|
static get style() { return RoadAutocompleteStyle0; }
|
|
@@ -3498,7 +3507,7 @@ class Avatar {
|
|
|
3498
3507
|
}
|
|
3499
3508
|
render() {
|
|
3500
3509
|
const sizeClass = this.size !== undefined ? `avatar-${this.size}` : '';
|
|
3501
|
-
return (hAsync(Host, { key: '
|
|
3510
|
+
return (hAsync(Host, { key: '033826284ec0520f5c6f518ecb1f1b15989adb8a', class: `${sizeClass}` }, hAsync("slot", { key: '92651080a237f3c54e8bc7e9ee0a46e320b0919b' })));
|
|
3502
3511
|
}
|
|
3503
3512
|
static get style() { return RoadAvatarStyle0; }
|
|
3504
3513
|
static get cmpMeta() { return {
|
|
@@ -3539,7 +3548,7 @@ class Badge {
|
|
|
3539
3548
|
const colorClass = this.color !== undefined ? `badge-${this.color}` : '';
|
|
3540
3549
|
const bubbleClass = this.bubble ? 'badge-bubble' : '';
|
|
3541
3550
|
const sizeClass = this.size !== undefined ? `badge-${this.size}` : '';
|
|
3542
|
-
return (hAsync(Host, { key: '
|
|
3551
|
+
return (hAsync(Host, { key: '27f2a05e66d904897f6521c3cd1a7c8d27fe2990', class: `${colorClass} ${bubbleClass} ${sizeClass}` }, hAsync("slot", { key: '4d8d6f9da8c496cb5de4697a1686ba954a080ba6' })));
|
|
3543
3552
|
}
|
|
3544
3553
|
static get style() { return RoadBadgeStyle0; }
|
|
3545
3554
|
static get cmpMeta() { return {
|
|
@@ -3589,7 +3598,7 @@ class Banner {
|
|
|
3589
3598
|
}
|
|
3590
3599
|
render() {
|
|
3591
3600
|
const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
|
|
3592
|
-
return (hAsync(Host, { key: '
|
|
3601
|
+
return (hAsync(Host, { key: 'e9774e80cdf5d1beb634f6a069cedec66ca66d5e', class: bannerIsOpenClass }, hAsync("div", { key: '7fa6666601323734849c2e1af4e14f022204fbbb' }, hAsync("span", { key: '9b06e090fa8415a3582610c172642c37f69f02aa', class: "banner-open-label" }, this.label), this.link && hAsync("a", { key: 'ba27ee2411bb3e3667b3d55d134fc5e09e98c259', href: this.url, class: "banner-open-link" }, this.link), hAsync("button", { key: '0f38d693b50e91543ffc309fb3b3033ab3c5033b', type: "button", class: "banner-close", onClick: this.onClick, "aria-label": "closed" }, hAsync("road-icon", { key: '55edc46685b8a391d0a5bf33d9a8a0a0ec2f7dff', icon: navigationClose, size: "md" })))));
|
|
3593
3602
|
}
|
|
3594
3603
|
static get style() { return RoadBannerStyle0; }
|
|
3595
3604
|
static get cmpMeta() { return {
|
|
@@ -3695,7 +3704,7 @@ class Button$1 {
|
|
|
3695
3704
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
3696
3705
|
const expandClass = this.expand ? 'btn-block' : '';
|
|
3697
3706
|
const iconOnlyClass = this.iconOnly ? 'btn-icon' : '';
|
|
3698
|
-
return (hAsync(Host, { key: '
|
|
3707
|
+
return (hAsync(Host, { key: 'db60207eaaf108c07404b1fc81ec55e9851dcc37', class: [colorClass, sizeClass, expandClass, iconOnlyClass].filter(Boolean).join(' '), onClick: this.onClick, "aria-disabled": disabled ? 'true' : null }, hAsync(TagType, Object.assign({ key: '9c5b9494cd48649252c4190eaf2c09b9f14852a0' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }), hAsync("slot", { key: '27c0d8190f2eca61aaaa96533d2941836c0660f3', name: "start" }), hAsync("slot", { key: 'e79f746050f890d66348b767b9467e83c83e4359' }), hAsync("slot", { key: '7df2f603fd3f70c3882e46b09a3084c495a75b0c', name: "end" }))));
|
|
3699
3708
|
}
|
|
3700
3709
|
get el() { return getElement(this); }
|
|
3701
3710
|
static get style() { return RoadButtonStyle0; }
|
|
@@ -3780,7 +3789,7 @@ class Button {
|
|
|
3780
3789
|
render() {
|
|
3781
3790
|
const TagType = this.href === undefined ? 'button' : 'a';
|
|
3782
3791
|
const positionClass = this.position !== undefined ? `position-${this.position}` : '';
|
|
3783
|
-
return (hAsync(Host, { key: '
|
|
3792
|
+
return (hAsync(Host, { key: '6e4f8ee81623eced50c52b05e144ee3704e7a15f', onClick: this.onClick, class: `${positionClass}` }, hAsync(TagType, { key: '727bfdd68681bdb02a151da43e9456c7b7f49130', class: "button-native", part: "native", onFocus: this.onFocus, onBlur: this.onBlur }, hAsync("slot", { key: 'e6c61f89c3430856da77064b5bee8d10982d8004', name: "start" }), hAsync("slot", { key: 'c14c277cfec26be684034464dacaeb1b82664037' }))));
|
|
3784
3793
|
}
|
|
3785
3794
|
get el() { return getElement(this); }
|
|
3786
3795
|
static get style() { return RoadButtonFloatingStyle0; }
|
|
@@ -3825,7 +3834,7 @@ class ButtonBar {
|
|
|
3825
3834
|
this.selectedTabChanged();
|
|
3826
3835
|
}
|
|
3827
3836
|
render() {
|
|
3828
|
-
return (hAsync(Host, { key: '
|
|
3837
|
+
return (hAsync(Host, { key: 'c00f4dc18a6af180c37d3494c3914253fc2e9c46', role: "tablist" }, hAsync("slot", { key: 'e763f50d64eab4b195cb09d33be599fcc4c5a7b6' })));
|
|
3829
3838
|
}
|
|
3830
3839
|
get el() { return getElement(this); }
|
|
3831
3840
|
static get watchers() { return {
|
|
@@ -3908,7 +3917,7 @@ class Card {
|
|
|
3908
3917
|
render() {
|
|
3909
3918
|
const { elevation } = this;
|
|
3910
3919
|
const elevationClass = this.elevation ? `card-elevation-${elevation}` : ``;
|
|
3911
|
-
return (hAsync(Host, { key: '
|
|
3920
|
+
return (hAsync(Host, { key: 'b3beea1dd4a95c80b7c824155b70ec15180ba594', class: `${elevationClass}` }, this.renderCard()));
|
|
3912
3921
|
}
|
|
3913
3922
|
get el() { return getElement(this); }
|
|
3914
3923
|
static get style() { return RoadCardStyle0; }
|
|
@@ -10655,7 +10664,7 @@ class Carousel {
|
|
|
10655
10664
|
});
|
|
10656
10665
|
}
|
|
10657
10666
|
render() {
|
|
10658
|
-
return (hAsync(Host, { key: '
|
|
10667
|
+
return (hAsync(Host, { key: '4a5cd928641cfdc7d5476bb94dbd3f4a79fd5a10', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: '161246a60d2610a54fd6bf2124e2e7052aea5ade', class: "swiper-wrapper" }, hAsync("slot", { key: '67dceac0025c323788653dcfdf565007a6ab89cf' })), this.pager && hAsync("div", { key: '9662271671918863b8e8cdefc8012ee332b14d57', class: "swiper-pagination", ref: el => this.paginationEl = el }), this.arrows && (hAsync("div", { key: 'ee2b6a3a5d38763cbb681d8f05dcce9eae6e6623', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: 'e9ab943a9ee546ff79f1b4047c9a3565b860c307', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: '285c1217188ddf274bd9cd34c16ec4c559def7c9', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: '80ced38fb99805c9bb2c2f9f2abb57ad1f857a35', icon: navigationChevron })))));
|
|
10659
10668
|
}
|
|
10660
10669
|
get el() { return getElement(this); }
|
|
10661
10670
|
static get watchers() { return {
|
|
@@ -10706,10 +10715,10 @@ class CarouselItem {
|
|
|
10706
10715
|
registerInstance(this, hostRef);
|
|
10707
10716
|
}
|
|
10708
10717
|
render() {
|
|
10709
|
-
return (hAsync(Host, { key: '
|
|
10718
|
+
return (hAsync(Host, { key: 'fe7c5a0bb3afbe11044acdec72936a860252a944', class: {
|
|
10710
10719
|
'swiper-slide': true,
|
|
10711
10720
|
'swiper-zoom-container': true,
|
|
10712
|
-
} }, hAsync("slot", { key: '
|
|
10721
|
+
} }, hAsync("slot", { key: '1aae46965c6cf74da0340d3af024c6cc6211f87a' })));
|
|
10713
10722
|
}
|
|
10714
10723
|
static get style() { return RoadCarouselItemStyle0; }
|
|
10715
10724
|
static get cmpMeta() { return {
|
|
@@ -10800,7 +10809,7 @@ class Checkbox {
|
|
|
10800
10809
|
const labelId = this.checkboxId + '-label';
|
|
10801
10810
|
const inverseClass = this.inverse && 'form-checkbox-inverse';
|
|
10802
10811
|
const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';
|
|
10803
|
-
return (hAsync(Host, { key: '
|
|
10812
|
+
return (hAsync(Host, { key: 'a29a1a370090611b9cdc22b059ec27f83256243f' }, hAsync("input", { key: 'e6d56fd0de3c72c3181cc450eee351a7ee771ee1', 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: '15a56cfa2d9f1192cdcefc3616d960f83304dad4', class: `form-check-label ${inverseClass}`, id: labelId, htmlFor: this.checkboxId }, hAsync("div", { key: '3bc065e55beb134c89669a6d381ba872aac60d83' }, this.label, " ", hAsync("span", { key: '3e8a38a1954291a65bbb4e0b5d6bd4fc458e4ade', class: "form-check-label-span" }, this.secondaryLabel), hAsync("slot", { key: 'd938f885871a83452f673db38fa987ed45a921e3' })), this.checked && !this.indeterminate && hAsync("road-icon", { key: '7ed68d186707014c2a7285f40a5e3390dbcfde4e', class: "form-check-icon", icon: checkWide }), this.indeterminate && hAsync("road-icon", { key: 'f8cd1a0b7de93df4029451ba80fa722a0e80d722', class: "form-check-icon", icon: navigationAddLess })), this.error && this.error !== '' && hAsync("p", { key: 'a9d1cf5e9eabe34ee339a22db0d742dffbb85bbb', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '2ff84891b2197da87de2e4fc4d9309f5f8eef7d1', class: "helper" }, this.helper)));
|
|
10804
10813
|
}
|
|
10805
10814
|
static get watchers() { return {
|
|
10806
10815
|
"checked": ["checkedChanged"]
|
|
@@ -10858,7 +10867,7 @@ class Chip$1 {
|
|
|
10858
10867
|
}
|
|
10859
10868
|
render() {
|
|
10860
10869
|
const outlineClass = this.outline ? 'chip-outline' : '';
|
|
10861
|
-
return (hAsync(Host, { key: '
|
|
10870
|
+
return (hAsync(Host, { key: '723deed029e3c3474c731b056037631c051cee99', class: `${outlineClass} chip-${this.color} chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: '2ec6a95c15d283f67f9450cfa87a0d5cf0c017a6', class: "chip-description" }, hAsync("slot", { key: 'b69f7584ab51340e8426690954eb22ac8a018180' })), this.hasCloseIcon && hAsync("road-icon", { key: '0cfbe74f2c5dce81559e5c0fa09869a894175464', class: "chip-close", icon: navigationClose })));
|
|
10862
10871
|
}
|
|
10863
10872
|
static get style() { return RoadChipStyle0; }
|
|
10864
10873
|
static get cmpMeta() { return {
|
|
@@ -10891,7 +10900,7 @@ class Chip {
|
|
|
10891
10900
|
this.size = 'sm';
|
|
10892
10901
|
}
|
|
10893
10902
|
render() {
|
|
10894
|
-
return (hAsync(Host, { key: '
|
|
10903
|
+
return (hAsync(Host, { key: 'abbdcf8d5edf58b001a20b1e695e9070ec0588f6', class: `chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: '6b24edab2de865b38c695825536bcce9bb5bb2e2', class: "chip-description" }, hAsync("road-icon", { key: '5d37e1f45f5e55b92c42725a4023b817c93e836f', class: "chip-icon", color: "info", icon: alertInfoSolid }), hAsync("slot", { key: '146bb99c9e8da53ddd963c2d24b28059815817c0' }))));
|
|
10895
10904
|
}
|
|
10896
10905
|
static get style() { return RoadStatusChipStyle0; }
|
|
10897
10906
|
static get cmpMeta() { return {
|
|
@@ -10917,7 +10926,7 @@ class Col {
|
|
|
10917
10926
|
registerInstance(this, hostRef);
|
|
10918
10927
|
}
|
|
10919
10928
|
render() {
|
|
10920
|
-
return (hAsync("slot", { key: '
|
|
10929
|
+
return (hAsync("slot", { key: 'cb4ce2b39173a9c35e059e727a83595aaabbcc8c' }));
|
|
10921
10930
|
}
|
|
10922
10931
|
static get style() { return RoadColStyle0; }
|
|
10923
10932
|
static get cmpMeta() { return {
|
|
@@ -10967,7 +10976,7 @@ class Collapse {
|
|
|
10967
10976
|
const isOpenClass = this.isOpen ? 'collapse-open' : '';
|
|
10968
10977
|
const buttonText = this.isOpen ? this.showLess : this.showMore;
|
|
10969
10978
|
const centerClass = this.centered ? 'collapse-btn-centered' : '';
|
|
10970
|
-
return (hAsync(Host, { key: '
|
|
10979
|
+
return (hAsync(Host, { key: '51e9b71ef9ca90b7d79cd8de5e1419e3a6895f8a' }, hAsync("slot", { key: '1c50fdd12f150c396dbb7a5b49ea9874362871cc' }), hAsync("div", { key: '4781ad4a19e2cc27e4e4b926ef13853fe4361e47', class: `collapsed-content ${isOpenClass}` }, hAsync("slot", { key: 'e5233491fad6e17988cbbab63c8bbe2e944eb0e0', name: "collapsed-content" })), hAsync("div", { key: '5bddbaf05ad5a461492982f91aac69c8ac40b065', class: `collapse-btn-wrapper ${centerClass}` }, hAsync("road-button", { key: 'f4b4dfcc513125d0dcc860e6057ab2d7c2cd2161', onClick: this.onClick, class: "collapse-btn btn-link" }, buttonText))));
|
|
10971
10980
|
}
|
|
10972
10981
|
static get style() { return RoadCollapseStyle0; }
|
|
10973
10982
|
static get cmpMeta() { return {
|
|
@@ -11004,7 +11013,7 @@ class ContentCard {
|
|
|
11004
11013
|
}
|
|
11005
11014
|
render() {
|
|
11006
11015
|
const insetImageClass = this.insetImage ? '' : 'content-card-image';
|
|
11007
|
-
return (hAsync(Host, { key: '
|
|
11016
|
+
return (hAsync(Host, { key: '03dad08090e58cf05042bc45e83e328da321031c' }, hAsync("road-img", { key: '0e881b2585b40fd3e83aa2f40774cede5df3d0be', src: "https://s1.medias-norauto.fr/visuals/desktop/fr/banners/blog_loimontagne.png", alt: "loi montagne", class: insetImageClass }), hAsync("div", { key: 'f5bdb3259a8d89658ad7dba47262f8ab4b640ce0', class: "content-card-description" }, hAsync("road-label", { key: '098b16b52142d6d10d57592aa1244264440599f3', class: "content-card-description-title" }, hAsync("slot", { key: 'b9ca579efbab75d118562a9811429e1807d669c7', name: "label" })), hAsync("p", { key: '1aedf77529a80bd52ebd0314b5997b1bb99bfc63', class: "content-card-description-text" }, hAsync("slot", { key: '37a3b42b20180e5d4e5bf86df5cbbcbf6e6819fb', name: "description" })), hAsync("div", { key: '1df0a43abba6d874930b61e2cc0982113ef504b1', class: "content-card-description-buttons" }, hAsync("slot", { key: 'c1a1e0ee47593ca6b82ba3ee03c3dae9ef5b7de4' })))));
|
|
11008
11017
|
}
|
|
11009
11018
|
static get style() { return RoadContentCardStyle0; }
|
|
11010
11019
|
static get cmpMeta() { return {
|
|
@@ -11180,7 +11189,7 @@ class Counter {
|
|
|
11180
11189
|
}
|
|
11181
11190
|
render() {
|
|
11182
11191
|
const dataCi = this.isDustbinVisible ? "road-dustbin" : "";
|
|
11183
|
-
return (hAsync("road-input-group", { key: '
|
|
11192
|
+
return (hAsync("road-input-group", { key: 'a4e919b61bd22afb93b9fbc3026e28a14d7f9023', class: this.size && `counter-${this.size}` }, hAsync("road-button", { key: '14116cadd901add73706ffb1d1498d35c02b0fac', slot: "prepend", size: this.size, onClick: this.decrease, class: this.leftIconClasses, "data-cy": "road-decrease" }, hAsync("road-icon", { key: 'c34bfc02c2e41fcb9b4f4f7238fcfcfaf7e2c96a', 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: 'dff7fe1c16859290c4ed98b32e6c297e87f60543', 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: 'c39d328f390f62e276c873ac274b8d5f2b7594cc', slot: "append", size: this.size, onClick: this.increase, class: this.rightIconClasses, "data-cy": "road-increase" }, hAsync("road-icon", { key: 'cfe3841ca5fc8e33f928bf568c129f3177bb0b76', name: "navigation-add-more", size: this.size, role: "button" }))));
|
|
11184
11193
|
}
|
|
11185
11194
|
get el() { return getElement(this); }
|
|
11186
11195
|
static get watchers() { return {
|
|
@@ -11300,11 +11309,11 @@ class Dialog {
|
|
|
11300
11309
|
break;
|
|
11301
11310
|
}
|
|
11302
11311
|
}
|
|
11303
|
-
return (hAsync(Host, { key: '
|
|
11312
|
+
return (hAsync(Host, { key: '25eb323edbfc6f4ea482d9b22041d57125251604', class: `dialog ${modalIsOpenClass} ${modalhasClose}`, role: "alertdialog", "aria-modal": "true", tabindex: "-1", "aria-label": "dialogLabel" }, hAsync("div", { key: 'd8afe6f5f01128952ebfda3c916d0d1da601e550', class: "dialog-overlay", onClick: this.hasCloseIcon === true ? this.onClick : undefined, tabindex: "-1" }), hAsync("div", { key: '70aba4ded736d9cb14a32fcf44d3edc7055a0d40', class: "dialog-modal", role: "document", tabindex: "0" }, hAsync("div", { key: '1a3b28544b037e17e875bee5f3cdf84e6960d630', class: "dialog-content" }, hAsync("header", { key: '489f2e1b90afcf290d9a2061376bc7badc7b9674', class: "dialog-header" }, this.hasCloseIcon
|
|
11304
11313
|
? hAsync("button", { type: "button", class: "dialog-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))
|
|
11305
|
-
: ''), hAsync("div", { key: '
|
|
11314
|
+
: ''), hAsync("div", { key: '086e3ab676731f5ca7997caac41fc1361922645f', class: "dialog-body" }, this.color !== undefined
|
|
11306
11315
|
? hAsync("road-icon", { class: "dialog-icon", part: "dialog-icon", color: this.color, icon: icon, "aria-hidden": "true" })
|
|
11307
|
-
: '', hAsync("h2", { key: '
|
|
11316
|
+
: '', hAsync("h2", { key: 'a34cfbca239113a3c18dd2d96b209593e87aecd6', class: "dialog-title" }, this.label), hAsync("p", { key: 'f6e9fa4fd84723093c76cc82f3655cb3e7ea3e48', class: "dialog-description", id: "dialogDesc" }, this.description)), hAsync("footer", { key: '6e22d1c79b70020753a26764d045bfbcd6dd75c0', class: "dialog-footer" }, hAsync("slot", { key: '20dfdd203f596c2bdc2f7b19ee7d0e147e18e672' }))))));
|
|
11308
11317
|
}
|
|
11309
11318
|
get el() { return getElement(this); }
|
|
11310
11319
|
static get style() { return RoadDialogStyle0; }
|
|
@@ -11472,7 +11481,7 @@ class Drawer {
|
|
|
11472
11481
|
const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
|
|
11473
11482
|
const footerSlotElement = (_d = this.el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('slot[name="footer"]');
|
|
11474
11483
|
const hasFooterContent = footerSlotElement instanceof HTMLSlotElement && footerSlotElement.assignedNodes().length > 0;
|
|
11475
|
-
return (hAsync(Host, { key: '
|
|
11484
|
+
return (hAsync(Host, { key: '5a18c6c6ddd14d73af13e41e26cd3060ddd863dc', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: '7708f4e35dd29dc155aef1934ab7a324a8759c81', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'cfe98e7e5b1ba24f4ead44ac3f133fad6a73d1e0', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: 'bb879d00aaf9768992a702192fa9eaa2d6ed8b61', class: "drawer-content" }, hAsync("header", { key: 'cb69255f41b07ad14824854986454f04260b5913', 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: '222160215447b1464a246167a285adef44d7f5c0', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: 'a7674de149afeb48294c6d0e3c9ec5c8c8e5c9e5' })), hAsync("footer", { key: '48d06f44e32b19f6bd1faa6a4d0e72d5adcee986', class: `drawer-footer ${removePaddingClass}`, style: { display: hasFooterContent ? 'block' : 'none' } }, hAsync("slot", { key: '77b3a794f02877ef61d0c4f1721b9973ba04430d', name: "footer" }))))));
|
|
11476
11485
|
}
|
|
11477
11486
|
get el() { return getElement(this); }
|
|
11478
11487
|
static get watchers() { return {
|
|
@@ -11533,7 +11542,7 @@ class Dropdown$1 {
|
|
|
11533
11542
|
const positionClass = this.position ? `position-${this.position}` : '';
|
|
11534
11543
|
const dropdownClass = this.position ? `dropdown-${this.position}` : '';
|
|
11535
11544
|
const directionClass = this.direction ? `direction-${this.direction}` : '';
|
|
11536
|
-
return (hAsync("details", { key: '
|
|
11545
|
+
return (hAsync("details", { key: 'abca4cd9473a7c244a9b451e0e7355fd6845c687', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '0135a1113ff7e39266b8a7affe4edc6feeb10de3', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: '585b63c585d58c24d18a154861ffcbc479727c38', class: `d-flex ${positionClass}` }, hAsync("div", { key: '0c8e689d007b035504a9b12ba187448d58deff1f', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: 'ba7cd296067a58754f79414a441a9e9089b9498e', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: '2de2bebb84daf5c941a28ef55d64eeb3dc4ae957', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: 'ae13862187ef50dea8fcd6bb3303a034f4b00276', name: "list" }))));
|
|
11537
11546
|
}
|
|
11538
11547
|
get el() { return getElement(this); }
|
|
11539
11548
|
static get style() { return RoadDropdownStyle0; }
|
|
@@ -11589,7 +11598,7 @@ class Dropdown {
|
|
|
11589
11598
|
this.isOpen = false;
|
|
11590
11599
|
}
|
|
11591
11600
|
render() {
|
|
11592
|
-
return (hAsync("details", { key: '
|
|
11601
|
+
return (hAsync("details", { key: 'f930f9df88afe0fedd721bf5c4a0eeba1933479c', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '298a07a1886e98ed4d3237dd070e516e40a60e29', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: '2ca4a68eb97a15d91c8cdb117d8b6ebdd9850c09', class: `d-flex` }, hAsync("div", { key: 'fb7c102a57b865c509f83582d02eab9a854ee8cb' }, hAsync("road-avatar", { key: '542865ced4747c8bdb7a39f1670a83168786947b' }, hAsync("slot", { key: 'b19ba933da6e4a3545abf5db77eb25cc7dc69a0a', name: "avatar" }))))), hAsync("div", { key: '761b397e3fed866c1e463e316afcce71103c48f2', class: `dropdown-menu` }, hAsync("div", { key: 'fb739eee369ffadf807baf95154da77b6bed1620', class: "profil-item" }, hAsync("road-avatar", { key: '088335bda5611cf31e34ce319b3a0ee0d9205c4d', size: "sm" }, hAsync("slot", { key: '128767409e913a33d70b4c6f86f83eb28b3c5958', name: "avatarItem" })), hAsync("div", { key: '15b8fb1e4f7542bd041d4fdebf7b47a5027a8c72', class: "profil-item-info" }, hAsync("span", { key: 'f8c7bf753d27a0d7b0be7715fcdd38e4675a853d', class: "profil-item-info-name" }, hAsync("slot", { key: '4aca8d29a2d2dc0d43061a986e25bf05fcc6231f', name: "name" })), hAsync("road-label", { key: 'eebc24cced794e158a5b96a4ae317ac6f254bff9' }, hAsync("slot", { key: 'a4aafbccf53c01b5bf082ad2e27da9f116a2523c', name: "email" })))), hAsync("slot", { key: '3449d2b4e2b892ca3d3476e208e04a6ff64283f3', name: "list" }))));
|
|
11593
11602
|
}
|
|
11594
11603
|
get el() { return getElement(this); }
|
|
11595
11604
|
static get style() { return RoadProfilDropdownStyle0; }
|
|
@@ -11653,7 +11662,7 @@ class Duration {
|
|
|
11653
11662
|
this.isOpen = false;
|
|
11654
11663
|
}
|
|
11655
11664
|
render() {
|
|
11656
|
-
return (hAsync("road-drawer", { key: '
|
|
11665
|
+
return (hAsync("road-drawer", { key: '9597fbda82763f571051c9b3216d209932c2eb9d', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: '415cbfa7e1f72313d5eacb28d61d5a2eea1f2449' }, hAsync("road-row", { key: '4afffc6a4f4927d1b511ddab3ef8fcc0c3623696', 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 })))))))));
|
|
11657
11666
|
}
|
|
11658
11667
|
get el() { return getElement(this); }
|
|
11659
11668
|
static get style() { return RoadDurationStyle0; }
|
|
@@ -11699,7 +11708,7 @@ class Flap {
|
|
|
11699
11708
|
}
|
|
11700
11709
|
render() {
|
|
11701
11710
|
const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
|
|
11702
|
-
return (hAsync(Host, { key: '
|
|
11711
|
+
return (hAsync(Host, { key: '80ba55b98fc7322f42dfa9cacaf94bba926d0bdf', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '48431b9ad71006c852d09b75a47c80abb72d3da1' })));
|
|
11703
11712
|
}
|
|
11704
11713
|
static get style() { return RoadFlapStyle0; }
|
|
11705
11714
|
static get cmpMeta() { return {
|
|
@@ -11745,7 +11754,7 @@ class GlobalNavigation {
|
|
|
11745
11754
|
this.selectedTabChanged();
|
|
11746
11755
|
}
|
|
11747
11756
|
render() {
|
|
11748
|
-
return (hAsync(Host, { key: '
|
|
11757
|
+
return (hAsync(Host, { key: 'e48d25500d790551da9b1976a1338ae9cdf6dfa6', role: "application" }, hAsync("slot", { key: 'ecaa49b523c2e985f84256b2ed6e4b0810919e93' })));
|
|
11749
11758
|
}
|
|
11750
11759
|
static get watchers() { return {
|
|
11751
11760
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -11893,7 +11902,7 @@ class GlobalNavigationV2 {
|
|
|
11893
11902
|
this.selectedTabChanged();
|
|
11894
11903
|
}
|
|
11895
11904
|
render() {
|
|
11896
|
-
return (hAsync(Host, { key: '
|
|
11905
|
+
return (hAsync(Host, { key: 'b9b059e3b83942bc271674635c8d26abb6a6fd25', role: "application" }, hAsync("slot", { key: '2b2ea4b1c0898a4957a2bcc315e287d7b517a65f' })));
|
|
11897
11906
|
}
|
|
11898
11907
|
get host() { return getElement(this); }
|
|
11899
11908
|
static get watchers() { return {
|
|
@@ -11923,7 +11932,7 @@ class Grid {
|
|
|
11923
11932
|
registerInstance(this, hostRef);
|
|
11924
11933
|
}
|
|
11925
11934
|
render() {
|
|
11926
|
-
return (hAsync("slot", { key: '
|
|
11935
|
+
return (hAsync("slot", { key: '2db0c40a67548e6022bc0d3b4a5ecc5d73f4b88f' }));
|
|
11927
11936
|
}
|
|
11928
11937
|
static get style() { return RoadGridStyle0; }
|
|
11929
11938
|
static get cmpMeta() { return {
|
|
@@ -12026,7 +12035,7 @@ class Icon {
|
|
|
12026
12035
|
const rotateClass = this.rotate ? `icon-rotate-${this.rotate}` : '';
|
|
12027
12036
|
// Ajouter une classe "default" si aucune des valeurs n'est définie
|
|
12028
12037
|
const classes = [colorClass, sizeClass, rotateClass].filter(Boolean).join(' ');
|
|
12029
|
-
return (hAsync(Host, { key: '
|
|
12038
|
+
return (hAsync(Host, { key: '96b7f17765d949d6f3dcf388ebdfcd577a25e353', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
|
|
12030
12039
|
? hAsync("div", { class: "icon-inner", innerHTML: this.svgContent })
|
|
12031
12040
|
: hAsync("div", { class: "icon-inner" })));
|
|
12032
12041
|
}
|
|
@@ -12148,7 +12157,7 @@ class Illustration {
|
|
|
12148
12157
|
render() {
|
|
12149
12158
|
const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';
|
|
12150
12159
|
const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';
|
|
12151
|
-
return (hAsync(Host, { key: '
|
|
12160
|
+
return (hAsync(Host, { key: '447b937e81dae86e163006ed2a30cd00ead37155', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
|
|
12152
12161
|
? hAsync("div", { class: "icon-inner", innerHTML: this.illustrationSvgContent })
|
|
12153
12162
|
: hAsync("div", { class: "icon-inner" }))));
|
|
12154
12163
|
}
|
|
@@ -12251,7 +12260,7 @@ class Img {
|
|
|
12251
12260
|
}
|
|
12252
12261
|
render() {
|
|
12253
12262
|
const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
|
|
12254
|
-
return (hAsync(Host, { key: '
|
|
12263
|
+
return (hAsync(Host, { key: '0fb20d7140f66593bf78e823a50bd0097eb071eb', class: placeholder }, hAsync("img", { key: 'c20d13188a86f2b7bd75f91f1a0e32c0dfe911e1', class: "native-img", decoding: "async", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: "image" })));
|
|
12255
12264
|
}
|
|
12256
12265
|
get el() { return getElement(this); }
|
|
12257
12266
|
static get watchers() { return {
|
|
@@ -29701,11 +29710,11 @@ class Input {
|
|
|
29701
29710
|
const lessLabelClass = this.label !== '' ? '' : 'less-label';
|
|
29702
29711
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
29703
29712
|
const isValidClass = this.success == true ? 'is-valid' : '';
|
|
29704
|
-
return (hAsync(Host, { key: '
|
|
29713
|
+
return (hAsync(Host, { key: '32a7f4cde6f4355050bbc17027dfe2e11f9787ac', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: 'c5ede54c30d856e4c387cb92f019e6a08f822fa6', 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: '64c006499f064fc6f818c7233bb6c3a91f2db416', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && (Array.isArray(this.error)
|
|
29705
29714
|
? // Si error est un tableau, on itère et génère un <p> pour chaque élément
|
|
29706
29715
|
this.error.map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))
|
|
29707
29716
|
: // Si error est une chaîne, on la divise avec split et génère un <p> pour chaque élément
|
|
29708
|
-
this.error.split(',').map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))), this.helper && this.helper !== '' && hAsync("p", { key: '
|
|
29717
|
+
this.error.split(',').map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))), this.helper && this.helper !== '' && hAsync("p", { key: 'b00972da4aab0f53f1234773a435a62969180063', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: '72d621fcfcce14389f047edfe4177c4b4fe33e6c', name: "checklistPassword" })));
|
|
29709
29718
|
}
|
|
29710
29719
|
static get watchers() { return {
|
|
29711
29720
|
"debounce": ["debounceChanged"],
|
|
@@ -29818,7 +29827,7 @@ class InputGroup {
|
|
|
29818
29827
|
? `size-${this.el.querySelector('road-input').sizes}`
|
|
29819
29828
|
: '';
|
|
29820
29829
|
const disabledClass = this.disabled ? 'is-disabled' : '';
|
|
29821
|
-
return (hAsync("div", { key: '
|
|
29830
|
+
return (hAsync("div", { key: '22a3486bae081c640d615131a8842e85af186271', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: '61cdcf9451053dbc4c078398d96c1f2a38e11efb', class: "input-group-prepend" }, hAsync("slot", { key: 'a4d3c0058bcba27233f89fcb64e5f7a87c1fa997', name: "prepend" })), hAsync("slot", { key: '652e0d35ca2d16698d748ee25df51d4b7a164330' }), hAsync("div", { key: 'e56cc99ea15b1af4dae6de561992e8c575a922c9', class: "input-group-append" }, hAsync("slot", { key: 'b95caf55c156afeeb31076f0903449d03e3637aa', name: "append" }))));
|
|
29822
29831
|
}
|
|
29823
29832
|
get el() { return getElement(this); }
|
|
29824
29833
|
static get watchers() { return {
|
|
@@ -29898,13 +29907,13 @@ class Item {
|
|
|
29898
29907
|
target,
|
|
29899
29908
|
};
|
|
29900
29909
|
const showDetail = detail !== undefined && detail;
|
|
29901
|
-
return (hAsync(Host, { key: '
|
|
29910
|
+
return (hAsync(Host, { key: '0204464cdf5cf68c5df008105c7835564fa40815', "aria-disabled": disabled ? 'true' : null, class: {
|
|
29902
29911
|
[`item-lines-${lines}`]: lines !== undefined,
|
|
29903
|
-
} }, hAsync(TagType, Object.assign({ key: '
|
|
29912
|
+
} }, hAsync(TagType, Object.assign({ key: 'b8de1c2ab425189100c785881365d033d1ba6581' }, attrs, { class: {
|
|
29904
29913
|
'item-native': true,
|
|
29905
29914
|
'item-active': this.active,
|
|
29906
29915
|
[`layout-${layout}`]: layout !== undefined,
|
|
29907
|
-
}, part: "native", disabled: disabled }), hAsync("slot", { key: '
|
|
29916
|
+
}, part: "native", disabled: disabled }), hAsync("slot", { key: '0cc9312ae5047b51c706d893446020edde73d715', name: "start" }), hAsync("div", { key: 'c33e14a658fe059e71193d0f572c51ae2ae2c627', class: "item-inner" }, hAsync("div", { key: 'f6777c3cd41223061ad33cc7c439c0596231f468', class: "input-wrapper" }, hAsync("slot", { key: 'd9f3a9719e7346dd5da8f5a0e8900c3ef0588aa6' }), hAsync("div", { key: '2b0cfd314cc3193cb457531f111e926fed2e254f', class: "input-wrapper-info" }, hAsync("road-label", { key: '3c0803ddc740a9c5adb84ff5c61b01d458c6fe67', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: '6d2e87922b26ff008ae2a22de3d261fa48fae815', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: '66118547b17a3b98b07ab9cfb0a0b500a62364ac', name: "end" }), showDetail && hAsync("road-icon", { key: '50a31ed682b10997b5fdf79139d4e526899e3be7', icon: detailIcon, lazy: false, class: "item-detail-icon" })))));
|
|
29908
29917
|
}
|
|
29909
29918
|
get el() { return getElement(this); }
|
|
29910
29919
|
static get style() { return RoadItemStyle0; }
|
|
@@ -29945,7 +29954,7 @@ class Label {
|
|
|
29945
29954
|
registerInstance(this, hostRef);
|
|
29946
29955
|
}
|
|
29947
29956
|
render() {
|
|
29948
|
-
return (hAsync("slot", { key: '
|
|
29957
|
+
return (hAsync("slot", { key: 'd898f3770145c063242065102eb78c607c14c5e5' }));
|
|
29949
29958
|
}
|
|
29950
29959
|
static get style() { return RoadLabelStyle0; }
|
|
29951
29960
|
static get cmpMeta() { return {
|
|
@@ -29970,9 +29979,9 @@ class List {
|
|
|
29970
29979
|
}
|
|
29971
29980
|
render() {
|
|
29972
29981
|
const { lines } = this;
|
|
29973
|
-
return (hAsync(Host, { key: '
|
|
29982
|
+
return (hAsync(Host, { key: '7a9342469213fad49806f45a009728a5e87cb23e', class: {
|
|
29974
29983
|
[`list-lines-${lines}`]: lines !== undefined,
|
|
29975
|
-
} }, hAsync("slot", { key: '
|
|
29984
|
+
} }, hAsync("slot", { key: '0525a7c1a5dc00f1f6b265bd32a133fb6bd46c4c' })));
|
|
29976
29985
|
}
|
|
29977
29986
|
static get style() { return RoadListStyle0; }
|
|
29978
29987
|
static get cmpMeta() { return {
|
|
@@ -30057,7 +30066,7 @@ class Modal {
|
|
|
30057
30066
|
const modalIsOpenClass = this.isOpen ? 'modal-open' : '';
|
|
30058
30067
|
const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';
|
|
30059
30068
|
const closeIconElement = this.hasCloseIcon ? hAsync("button", { type: "button", class: "modal-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" })) : '';
|
|
30060
|
-
return (hAsync(Host, { key: '
|
|
30069
|
+
return (hAsync(Host, { key: '046e1a8d0cfab34224e905a18e0b8dfba7fe8c6b', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: '3a9be03dba39bd872583d34b2dd5c840afca9d5a', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '1253fa812b6a36eab5436b39fb3faef5da6be89d', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: '482aa16f3134afe13ab857a380890e3013889419', class: "modal-content" }, hAsync("header", { key: '8abc798b823823820e9bd2b44f46890e9934c0c9', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: 'c25efd7d045415f377bc3c5d197385c9ad66a2e5', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: 'e5fd6b9a4dc898e3217f76ca5a92c82354b7887c', class: "modal-body" }, hAsync("slot", { key: '7c31236e567d73089c836b201caa4eb422b44124' }))))));
|
|
30061
30070
|
}
|
|
30062
30071
|
get el() { return getElement(this); }
|
|
30063
30072
|
static get style() { return RoadModalStyle0; }
|
|
@@ -30108,7 +30117,7 @@ class Navbar {
|
|
|
30108
30117
|
this.selectedTabChanged();
|
|
30109
30118
|
}
|
|
30110
30119
|
render() {
|
|
30111
|
-
return (hAsync(Host, { key: '
|
|
30120
|
+
return (hAsync(Host, { key: 'b471781e690f545f0108bff0198004e23d085e8c', role: "menubar" }, hAsync("slot", { key: '1bfb6617f92cd61f387409628087e2f9c1da975d' })));
|
|
30112
30121
|
}
|
|
30113
30122
|
static get watchers() { return {
|
|
30114
30123
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30194,11 +30203,11 @@ class NavbarItem$1 {
|
|
|
30194
30203
|
rel,
|
|
30195
30204
|
target,
|
|
30196
30205
|
};
|
|
30197
|
-
return (hAsync(Host, { key: '
|
|
30206
|
+
return (hAsync(Host, { key: '16346f4765872c712b9e5ac72927e30280ff9e53', 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: {
|
|
30198
30207
|
'navbar-item': true,
|
|
30199
30208
|
'tab-selected': selected,
|
|
30200
30209
|
'tab-disabled': disabled,
|
|
30201
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30210
|
+
} }, hAsync("a", Object.assign({ key: '7d15c22dfd1d2fc923ee295a1db06b78276075c5' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '4a6df1cdca5c7c4a641a67ecbf6e601992a75364', class: "button-inner" }, hAsync("slot", { key: '39b7bf224a44da65d09e455648e03421835e7213' })))));
|
|
30202
30211
|
}
|
|
30203
30212
|
get el() { return getElement(this); }
|
|
30204
30213
|
static get watchers() { return {
|
|
@@ -30291,11 +30300,11 @@ class NavbarItem {
|
|
|
30291
30300
|
rel,
|
|
30292
30301
|
target,
|
|
30293
30302
|
};
|
|
30294
|
-
return (hAsync(Host, { key: '
|
|
30303
|
+
return (hAsync(Host, { key: '9daec257f550d3db4815b4d451f0149c1e4b4dae', 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: {
|
|
30295
30304
|
'navbar-item': true,
|
|
30296
30305
|
'tab-selected': selected,
|
|
30297
30306
|
'tab-disabled': disabled,
|
|
30298
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30307
|
+
} }, hAsync("a", Object.assign({ key: 'f76b47330ed6e5112f894f146c3230a0a9772eb6' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'feeb5e251fd9776db4ab6618a75b43f1ab4e836d', class: "button-inner" }, hAsync("slot", { key: '8a49f177661f92ce04a594672dcd34e72492505b' })))));
|
|
30299
30308
|
}
|
|
30300
30309
|
get el() { return getElement(this); }
|
|
30301
30310
|
static get watchers() { return {
|
|
@@ -30354,7 +30363,7 @@ class NavbarV2 {
|
|
|
30354
30363
|
}
|
|
30355
30364
|
render() {
|
|
30356
30365
|
const compactClass = this.compact ? 'compact' : '';
|
|
30357
|
-
return (hAsync(Host, { key: '
|
|
30366
|
+
return (hAsync(Host, { key: 'a7aa6e9b662aa88786b6bb80150ae9cb82bc98a2', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '1f841bb3db155a8de5dc0e309f28ec45b83b6543' })));
|
|
30358
30367
|
}
|
|
30359
30368
|
static get watchers() { return {
|
|
30360
30369
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30477,10 +30486,10 @@ class PlateNumber {
|
|
|
30477
30486
|
render() {
|
|
30478
30487
|
const value = this.getValue();
|
|
30479
30488
|
const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
|
|
30480
|
-
return (hAsync("road-input-group", { key: '
|
|
30489
|
+
return (hAsync("road-input-group", { key: '3a1b1690be17cbea2b20892361530ef5840770c5', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: 'a6014e34b5ed725c10b6aa49315f8b8947109da9', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: '2b8a0d4ef4a5b5f03805a2ab242a36966caa3351', class: "plate-number-start" }, hAsync("road-icon", { key: 'b6414aa6cf2689025191e10b1c91e4c0c18ebd43', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: '3383c8a33759afee4d92e354b47b7eaf25f4b93d', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
|
|
30481
30490
|
.filter(item => item.country === this.country)[0].letter))), this.motorbike
|
|
30482
30491
|
? (hAsync("textarea", { class: "form-control plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, maxlength: "9", rows: 2, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }))
|
|
30483
|
-
: (hAsync("input", { class: "plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus })), hAsync("label", { key: '
|
|
30492
|
+
: (hAsync("input", { class: "plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus })), hAsync("label", { key: '2d8d73b535751ceaa29eb44cfcb8566129ae9a8a', slot: "append", class: "input-group-append" }, hAsync("div", { key: '9ab5a948fb01f0ca9a1af0f8dc27401f18d7d5e2', class: "plate-number-end" }))));
|
|
30484
30493
|
}
|
|
30485
30494
|
static get watchers() { return {
|
|
30486
30495
|
"value": ["valueChanged"]
|
|
@@ -30548,7 +30557,7 @@ class ProgressBar {
|
|
|
30548
30557
|
const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
|
|
30549
30558
|
const light = this.light ? 'progress progress-light' : 'progress';
|
|
30550
30559
|
const animation = this.animation ? 'animation' : '';
|
|
30551
|
-
return (hAsync(Host, { key: '
|
|
30560
|
+
return (hAsync(Host, { key: '0d48d49543ef25e3460f38977507e76bb3470189', class: "progress-element" }, hAsync("div", { key: '78d8e87e512445368c04d4671e8100c01169dbbb', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: 'cf00a08ab0bf4bb84a0fd5429c9d01d28fc6c4e7', 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: '67617009502d11adc36129acbd34d5244a50dc7b', class: `${fullwidth}` }, hAsync("span", { key: 'cea39a80253111bed5901ebbd157e079d05263ad', class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { key: 'a6be994e5621d3397bf4033f0486f54a2db6677d', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
|
|
30552
30561
|
}
|
|
30553
30562
|
static get style() { return RoadProgressStyle0; }
|
|
30554
30563
|
static get cmpMeta() { return {
|
|
@@ -30589,7 +30598,7 @@ class ProgressIndicatorVertical {
|
|
|
30589
30598
|
registerInstance(this, hostRef);
|
|
30590
30599
|
}
|
|
30591
30600
|
render() {
|
|
30592
|
-
return (hAsync(Host, { key: '
|
|
30601
|
+
return (hAsync(Host, { key: '1a56a7827cabb7cddd8e030e6a3e4be570b622bb' }, hAsync("nav", { key: '3859d00d45c2cd7d98661ff12b569df27f3db4d4' }, hAsync("ul", { key: 'c17e79d4dc1ed481bb5c886d0da219e61ad8b551' }, hAsync("li", { key: '0dca92f4ca120aaed2b75ce23be938bcb1002d97' }, hAsync("slot", { key: '9be1044f521b459b9e3564886e4eb47b1cbaba82' }))))));
|
|
30593
30602
|
}
|
|
30594
30603
|
static get style() { return RoadProgressIndicatorVerticalStyle0; }
|
|
30595
30604
|
static get cmpMeta() { return {
|
|
@@ -30613,7 +30622,7 @@ class ProgressIndicatorVerticalItem {
|
|
|
30613
30622
|
registerInstance(this, hostRef);
|
|
30614
30623
|
}
|
|
30615
30624
|
render() {
|
|
30616
|
-
return (hAsync(Host, { key: '
|
|
30625
|
+
return (hAsync(Host, { key: '66a457f8560ed52b3db0461e5a37767a7ab5100b' }, hAsync("slot", { key: 'bd04b8a22edd939760ae904fa6b8c1c1589d6abc' })));
|
|
30617
30626
|
}
|
|
30618
30627
|
static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
|
|
30619
30628
|
static get cmpMeta() { return {
|
|
@@ -30642,7 +30651,7 @@ class ProgressTracker {
|
|
|
30642
30651
|
registerInstance(this, hostRef);
|
|
30643
30652
|
}
|
|
30644
30653
|
render() {
|
|
30645
|
-
return (hAsync(Host, { key: '
|
|
30654
|
+
return (hAsync(Host, { key: '1bf8558d0e1c6c41561001c1b0a2524f692bebd3' }, hAsync("nav", { key: 'cf76ff21e7d271d11c4429c42febfc5aa7645cca' }, hAsync("ul", { key: '0ee23bb197f6d630d0846c009887f3f6153f75c2' }, hAsync("li", { key: '91c90da900f79f14acaf84700bd89a84e9845c1b' }, hAsync("slot", { key: '7353f25cfb12c29bef352b7d2b90c236abca1bee' }))))));
|
|
30646
30655
|
}
|
|
30647
30656
|
static get style() { return RoadProgressTrackerStyle0; }
|
|
30648
30657
|
static get cmpMeta() { return {
|
|
@@ -30674,7 +30683,7 @@ class ProgressTrackerItem {
|
|
|
30674
30683
|
registerInstance(this, hostRef);
|
|
30675
30684
|
}
|
|
30676
30685
|
render() {
|
|
30677
|
-
return (hAsync(Host, { key: '
|
|
30686
|
+
return (hAsync(Host, { key: '6d51e107683fd1b96c0586eea5459a39d61f8489' }, hAsync("slot", { key: '56b3fc3e5515abf13ae679db6f2a5aba9443514e' })));
|
|
30678
30687
|
}
|
|
30679
30688
|
static get style() { return RoadProgressTrackerItemStyle0; }
|
|
30680
30689
|
static get cmpMeta() { return {
|
|
@@ -30767,7 +30776,7 @@ class Radio {
|
|
|
30767
30776
|
const inverseClass = this.inverse && 'form-radio-inverse';
|
|
30768
30777
|
const isInvalidClass = this.error ? 'is-invalid' : '';
|
|
30769
30778
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30770
|
-
return (hAsync(Host, { key: '
|
|
30779
|
+
return (hAsync(Host, { key: '3b3a93fc9495f01b56c248308fe29aa2ad9f301e', class: `form-radio ${inlineClass}` }, hAsync("input", { key: '453c8e7246d4ab6406f44274018c8293699d61b2', 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: '2f39921fb6c1221acb3575856a0b6482197b1bf3', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: 'ce0a65d6dff07d767660081a5e78b5c35bd25e5e', class: "form-radio-label-span" }, this.secondaryLabel))));
|
|
30771
30780
|
}
|
|
30772
30781
|
get el() { return getElement(this); }
|
|
30773
30782
|
static get style() { return RoadRadioStyle0; }
|
|
@@ -30851,7 +30860,7 @@ class RadioCard {
|
|
|
30851
30860
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30852
30861
|
const selectedClass = this.isSelected || this.selected ? 'radio-card-selected' : '';
|
|
30853
30862
|
const disabledClass = this.disabled ? 'radio-card-disabled' : '';
|
|
30854
|
-
return (hAsync(Host, { key: '
|
|
30863
|
+
return (hAsync(Host, { key: 'ac9c1b9c7d9d039f454b46fc5e8d7f625ef8e8b3', class: `form-radio ${inlineClass}` }, hAsync("div", { key: '8d72ccf02cbf9577f56ad6c20eecb169d8a6eb5a', class: `radio-card ${selectedClass} ${disabledClass}`, onClick: this.onClick }, hAsync("input", { key: 'cdcae7d7bae2678af4cb370b6ff6adcb780d0515', 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: 'bcc2a15b12300ce88542d7eb4d82ded9765d8fa1', class: "form-radio-label", htmlFor: this.radioId, id: labelId }, hAsync("div", { key: '5d21aac36284adf0e54eece635b695a406f26ef8', class: "slot-wrapper" }, hAsync("slot", { key: 'ff8de5c053e8ec88b188758eeaa91c0a175d00fb' }))))));
|
|
30855
30864
|
}
|
|
30856
30865
|
get el() { return getElement(this); }
|
|
30857
30866
|
static get style() { return RoadRadioCardStyle0; }
|
|
@@ -30948,7 +30957,7 @@ class RadioGroup {
|
|
|
30948
30957
|
render() {
|
|
30949
30958
|
const labelId = `${this.radioGroupId}-label`;
|
|
30950
30959
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
30951
|
-
return (hAsync(Host, { key: '
|
|
30960
|
+
return (hAsync(Host, { key: '49914b3eac2fd22ec49e1f8a7a78dfa31f2c0923', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: '79c922384097a87240316ded6321bd7c36bf7b64', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: '3a630e71798c06b0c0e8164516a87afeac91e558', class: "asterisk" }, "*")), hAsync("slot", { key: '609bb251c043f34610154abc2a5dd2d656d3f0a7' }), this.error && this.error !== '' && hAsync("p", { key: '1e4cb72524e2657725c889a9def58265884633c1', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'd5ee5bb82e22e8396d96c6643ff259b423865743', class: "helper" }, this.helper)));
|
|
30952
30961
|
}
|
|
30953
30962
|
get el() { return getElement(this); }
|
|
30954
30963
|
static get watchers() { return {
|
|
@@ -31078,14 +31087,14 @@ class Range {
|
|
|
31078
31087
|
render() {
|
|
31079
31088
|
const value = this.getValue();
|
|
31080
31089
|
const datalist = this.showLabels !== undefined ? `tickmarks` : "";
|
|
31081
|
-
return (hAsync(Host, { key: '
|
|
31090
|
+
return (hAsync(Host, { key: '8c6e535b57339f332219e3d3a1603ddde2cd2522', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: '4294d31c488ec4ed04e6af6b13c35829d21212ef', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: '4be06c19278a4230952213a57421ec90df788b44', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: 'b3c56d581d0bc3a3ebcfcd6e48b295c6686918c4', class: "form-range", style: {
|
|
31082
31091
|
"--min": this.min,
|
|
31083
31092
|
"--max": this.max,
|
|
31084
31093
|
"--value": value,
|
|
31085
31094
|
"--background-color": this.disabled
|
|
31086
31095
|
? "var(--road-surface-disabled)"
|
|
31087
31096
|
: "initial",
|
|
31088
|
-
} }, this.showValue && hAsync("output", { key: '
|
|
31097
|
+
} }, this.showValue && hAsync("output", { key: '6dbda6c80419828d0188c682726b548ebb2046d3' }), this.showLabels && hAsync("slot", { key: '1be733b3b8d6cb28948398782cca46f8cd0d6cb9', name: "datalist" }), hAsync("input", { key: 'f2b25996c393297c9812923cfd10046a13bd3bdd', 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: '013efc8d84595aa65ac74a7feb0f4b32bfd5da59', class: "form-range-label" }, "Valeur"), hAsync("div", { key: 'f9de9b9a40b0c7737c273a2f60453ff81d12fa18', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: 'f2497bf8e6efa0b1d88ee512b4e98b791a0c672f', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
|
|
31089
31098
|
}
|
|
31090
31099
|
get el() { return getElement(this); }
|
|
31091
31100
|
static get watchers() { return {
|
|
@@ -31154,7 +31163,7 @@ class Rating {
|
|
|
31154
31163
|
const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
|
|
31155
31164
|
const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
|
|
31156
31165
|
const readOnly = this.readonly == true ? `readonly` : '';
|
|
31157
|
-
return (hAsync(Host, { key: '
|
|
31166
|
+
return (hAsync(Host, { key: 'b418724337a2da566949b980741df85fb59f47e8' }, hAsync("div", { key: '6998e15996037fc304adfb67132f2faec71086d8', 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: '4e74b654dd3dd1a1b397659ff38cae4ac5bad67e', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '4faf18a1acb4e067a357f7615e19be71530815f3', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
|
|
31158
31167
|
}
|
|
31159
31168
|
static get style() { return RoadRatingStyle0; }
|
|
31160
31169
|
static get cmpMeta() { return {
|
|
@@ -31273,7 +31282,7 @@ class RoadAreaCode {
|
|
|
31273
31282
|
const labelId = this.selectId + '-label';
|
|
31274
31283
|
const valueId = this.selectId + '-value';
|
|
31275
31284
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
31276
|
-
return (hAsync(Host, { key: '
|
|
31285
|
+
return (hAsync(Host, { key: '84128e320d0d061f22b03a1498dd3e4d209d2bd9', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '134a0850081bc9f411d0fffd233d2314ea4ad4a8', 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: '366b53743f2ee27801b050957d668f0933739d18', class: "form-select-area-label", id: labelId, htmlFor: this.selectId }, this.label), hAsync("label", { key: '6b1a0e33b4fc29e99f795defbb8fa00a1e57a4b3', class: "form-select-area-value", id: valueId, htmlFor: this.selectId }, "+", this.selectedValue), this.error && this.error !== '' && hAsync("p", { key: 'c3b8711b4cb7f4944b9c7a126de9b4abdc8dc041', class: "invalid-feedback" }, this.error)));
|
|
31277
31286
|
}
|
|
31278
31287
|
static get watchers() { return {
|
|
31279
31288
|
"value": ["valueChanged"]
|
|
@@ -31320,7 +31329,7 @@ class RoadAspectRatio {
|
|
|
31320
31329
|
return `${w} / ${h}`;
|
|
31321
31330
|
}
|
|
31322
31331
|
render() {
|
|
31323
|
-
return (hAsync(Host, { key: '
|
|
31332
|
+
return (hAsync(Host, { key: '1eedc4e412aeffe72aca4f4c5257065b72f7b220', style: { '--road-aspect-ratio': this.getCssRatio() } }, hAsync("div", { key: '6f08c698014836f43650c1f873228948c1beacce', class: "aspect-ratio-wrapper" }, hAsync("div", { key: '0e2ddfa1ce76a2e4b91581a16326155871c50319', class: "aspect-ratio-content" }, hAsync("slot", { key: 'e7c1c6a76d5ec665e3bd2242639daecd58a37d4a' })))));
|
|
31324
31333
|
}
|
|
31325
31334
|
static get style() { return RoadAspectRatioStyle0; }
|
|
31326
31335
|
static get cmpMeta() { return {
|
|
@@ -32697,9 +32706,9 @@ class RoadPhoneNumberInput {
|
|
|
32697
32706
|
const isErrorClass = this.errorMessage.length ? 'is-error' : '';
|
|
32698
32707
|
const hasValueClass = this.hasValue() ? 'has-value' : '';
|
|
32699
32708
|
const sizes = 'xl';
|
|
32700
|
-
return (hAsync(Host, { key: '
|
|
32709
|
+
return (hAsync(Host, { key: '50863a2bc51ee03319ca4a81cc45dcc3ea2eb6c7' }, hAsync("div", { key: 'c087cf22792835891cf8cc5a2a12d6cf2fbbc022', class: 'phone-number-inputs-container' }, hAsync("div", { key: '36f1426eb06d58abd8fd5afc818ca506c4dc6231', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: '3d1dbdcd326fade1447e7cf62088ee66082d724b', 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: '5136212e75577c7802c9b5d300ca3207a24bed52', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '32058954e3d4596ba4fedd572d8b7c078f47153f', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: 'fbf648afaea9377d780e1633e09d989253f0a15e', 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: '70b8a1e870990f7864df755f94ca7090f4a7b6c2', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
|
|
32701
32710
|
&& this.errorMessage !== ''
|
|
32702
|
-
&& hAsync("p", { key: '
|
|
32711
|
+
&& hAsync("p", { key: '3f89c1edd62dc66c1e0b7cf46dcd4862941f1044', class: "invalid-feedback" }, hAsync("road-icon", { key: 'a66ca8cad88517c4f19b8c39b2cf2d27f15d1931', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
|
|
32703
32712
|
}
|
|
32704
32713
|
get el() { return getElement(this); }
|
|
32705
32714
|
static get style() { return RoadPhoneNumberInputStyle0; }
|
|
@@ -32818,7 +32827,7 @@ class RoadTimeRangePicker {
|
|
|
32818
32827
|
return { start: this.start, end: this.end };
|
|
32819
32828
|
}
|
|
32820
32829
|
render() {
|
|
32821
|
-
return (hAsync(Host, { key: '
|
|
32830
|
+
return (hAsync(Host, { key: '096a20b8f295f62f5f3d39fd9e4d036fb2a5a6e4', class: `time-range-picker input-${this.sizes}` }, this.label && (hAsync("p", { key: '7327a1cb4876a2cbecd44ec02f452c6f7329ed02', class: "label m-0" }, this.label, this.required && hAsync("span", { key: '3889f5aef2e38f3490df3a5772cae67823623b7e', class: "required-indicator" }, " *"))), hAsync("div", { key: '04e4063478476382ad73e0c4e3e1b71238022c7a', class: "time-range-picker-content d-flex align-items-center my-4" }, hAsync("slot", { key: '8815185c7845476f6d0df27c1c0641a0f27cb090', name: "start" }), hAsync("span", { key: 'cc66bb988114782b10cb9d07a66ffb1e43c36770', class: "separator mx-12" }, this.separator), hAsync("slot", { key: '8a3c930b32cb42fdb8ff8961ac5f10ae579da801', name: "end" })), hAsync("div", { key: '3338972f7cc5766926561f204f8b56533ceca7da', 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: '1a195ce70b599adf0944f6cb1e3677cfbb6d268e', class: "helper mt-1" }, this.helper)));
|
|
32822
32831
|
}
|
|
32823
32832
|
get hostEl() { return getElement(this); }
|
|
32824
32833
|
static get style() { return RoadTimeRangePickerStyle0; }
|
|
@@ -32854,7 +32863,7 @@ class Row {
|
|
|
32854
32863
|
registerInstance(this, hostRef);
|
|
32855
32864
|
}
|
|
32856
32865
|
render() {
|
|
32857
|
-
return (hAsync(Host, { key: '
|
|
32866
|
+
return (hAsync(Host, { key: 'b342b1803b03609cd5f7235de393664cc7cdd70a' }, hAsync("slot", { key: '0d5862cff170f3c619385bc27040bd88fbb95512' })));
|
|
32858
32867
|
}
|
|
32859
32868
|
static get style() { return RoadRowStyle0; }
|
|
32860
32869
|
static get cmpMeta() { return {
|
|
@@ -32926,10 +32935,10 @@ class SegmentedButton {
|
|
|
32926
32935
|
render() {
|
|
32927
32936
|
const { tabIndex, selected, tab } = this;
|
|
32928
32937
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
32929
|
-
return (hAsync(Host, { key: '
|
|
32938
|
+
return (hAsync(Host, { key: '4477c6f592cda8408ca927b62afb229e9269d9a4', onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
32930
32939
|
'tab-selected': selected,
|
|
32931
32940
|
[`${sizeClass}`]: true,
|
|
32932
|
-
} }, hAsync("span", { key: '
|
|
32941
|
+
} }, hAsync("span", { key: '3eb62b0eb54900e2be755942d03c19495db200fe', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("span", { key: '457e0936471290cf55cb7cdc5c3aeb94af4b2093', class: "button-content" }, hAsync("slot", { key: '0bf0179a6a297bad2ba99db07dc929b91c16a2a6' })))));
|
|
32933
32942
|
}
|
|
32934
32943
|
get el() { return getElement(this); }
|
|
32935
32944
|
static get style() { return RoadSegmentedButtonStyle0; }
|
|
@@ -33050,7 +33059,7 @@ class Select {
|
|
|
33050
33059
|
const labelId = this.selectId + '-label';
|
|
33051
33060
|
const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
|
|
33052
33061
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
33053
|
-
return (hAsync(Host, { key: '
|
|
33062
|
+
return (hAsync(Host, { key: '32b7ec319bec29c2cbf0fecafb3c045d28934be5', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '14c35a572260c62e6c777282dcd89ba059cfc32b', 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: 'c27a2d681cc2f5d28fa6aef6b29d6a4f66395b50', 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: 'c903787b78b533f62c77e2dc981dc43dac441203', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '5e32f7fcbd5b59e3ee1bc0e25b301f4d19d6a49f', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'b8bc49197580ec65928ff82b5e0c72e96c4b8a95', class: "helper" }, this.helper)));
|
|
33054
33063
|
}
|
|
33055
33064
|
static get watchers() { return {
|
|
33056
33065
|
"value": ["valueChanged"]
|
|
@@ -35044,7 +35053,7 @@ class SelectFilter {
|
|
|
35044
35053
|
const options = this.filteredOptions;
|
|
35045
35054
|
const isActive = this.isActive ? 'true' : 'false';
|
|
35046
35055
|
const notActive = this.isActive ? '' : 'not-active';
|
|
35047
|
-
return (hAsync(Host, { key: '
|
|
35056
|
+
return (hAsync(Host, { key: 'a9a15d61762c8c66c81d1daeec6995396c4af555', "is-active": isActive }, hAsync("slot", { key: '88a5b69e297119f22f709f2d8d9db402bdb11fd5' }), this.isOpen && (hAsync("div", { key: '693b14d9e85065034e190c9974453f792dce142e', 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 })))))))));
|
|
35048
35057
|
}
|
|
35049
35058
|
get el() { return getElement(this); }
|
|
35050
35059
|
static get watchers() { return {
|
|
@@ -35080,7 +35089,7 @@ class Skeleton {
|
|
|
35080
35089
|
registerInstance(this, hostRef);
|
|
35081
35090
|
}
|
|
35082
35091
|
render() {
|
|
35083
|
-
return (hAsync("span", { key: '
|
|
35092
|
+
return (hAsync("span", { key: 'e522a6dc1b997a75c15401285907f6cb6be73c7f' }, "\u00A0"));
|
|
35084
35093
|
}
|
|
35085
35094
|
static get style() { return RoadSkeletonStyle0; }
|
|
35086
35095
|
static get cmpMeta() { return {
|
|
@@ -35111,7 +35120,7 @@ class Spinner {
|
|
|
35111
35120
|
render() {
|
|
35112
35121
|
const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
|
|
35113
35122
|
const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
|
|
35114
|
-
return (hAsync("svg", { key: '
|
|
35123
|
+
return (hAsync("svg", { key: '394e7679ebfb0757ea513842b38e20d60a0f2e28', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '332cd4892307fa1d4a511073f587f2f833ac3782', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
|
|
35115
35124
|
}
|
|
35116
35125
|
static get style() { return RoadSpinnerStyle0; }
|
|
35117
35126
|
static get cmpMeta() { return {
|
|
@@ -35161,7 +35170,7 @@ class Stepper {
|
|
|
35161
35170
|
const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
|
|
35162
35171
|
const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
|
|
35163
35172
|
const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
|
|
35164
|
-
return (hAsync(Host, { key: '
|
|
35173
|
+
return (hAsync(Host, { key: '72673e992c1e634528ee88f733cfc1004e6bc179' }, hAsync("nav", { key: '56a85d3acfb97f780c5214a928493ff45724f278' }, hAsync("ul", { key: '656ee131503e41818c3b161331a2fed334ffa7de', class: `${colorClass}` }, hAsync("li", { key: '563c0a777be474e75e6a4ffc088aca2d7771e641', class: `${stateClass}` }, hAsync("a", { key: 'a6360bf261717109bfbc1d7170d8e349da8425b6', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: '9899559881dbd90cabee7b5412cd3e16e246ed3c', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '336a05bf0fe234853ba0a42e8713bb748fb7370e', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: '70960f402100ad3e09db4608b61109e8500555b3', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '554befcc03a359520946fff31f27382d8021ed13', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: 'e15b36c237691ce7cdd40bb5e3032a97bb9849e2', class: `${stateSecondStepClass}` }, hAsync("a", { key: 'c8d12d9a262c9537cd7f6573ce178b7bc4d2478a', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: '1bec7d66ef988d9adc3dc110bfcee5af406d5488', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'dc132a250dc9e5341434737fc88f51e2a603b008', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: '03b825334a9028b0672b95ec6e148efc8f3f0a2d', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '6e76c279d5a89c8487ea7f5a7e7e5b7ca6332ba5', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: 'ed951abb2a0fb8aeb1e439c56675829ddcdc53b3', class: `${stateThirdStepClass}` }, hAsync("a", { key: '18e4872e263a0d2eee58700a0ea343be9950cd48', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: '3ccbaa47d90c96dae5c243f2616a0a0872610158', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '73316160520ec173f79b46c4c295d5c2c191e5b4', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: '9389087d76815960e128b450db76ba13c73a5ad0', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '2bed9272799b0d6895e7f165f862c8824afc1f6f', name: "progress-indicator-horizontal-title3" }))))))));
|
|
35165
35174
|
}
|
|
35166
35175
|
static get style() { return RoadProgressIndicatorHorizontalStyle0; }
|
|
35167
35176
|
static get cmpMeta() { return {
|
|
@@ -35263,11 +35272,11 @@ class Switch {
|
|
|
35263
35272
|
}
|
|
35264
35273
|
render() {
|
|
35265
35274
|
const labelId = this.switchId + '-label';
|
|
35266
|
-
const textLabel = hAsync("label", { key: '
|
|
35275
|
+
const textLabel = hAsync("label", { key: '59657bf8c8cfb08dcd4ccc017c4c51126ab44770', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
|
|
35267
35276
|
const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
|
|
35268
35277
|
const isSpacedClass = this.isSpaced && 'form-switch-spaced';
|
|
35269
35278
|
const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
|
|
35270
|
-
return (hAsync(Host, { key: '
|
|
35279
|
+
return (hAsync(Host, { key: '5cd50c28325c9d07965d1c6afd834b5330bfe340' }, hAsync("input", { key: 'bf16be701e6b6cdb3d018e8508c0d4cb148186ab', 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: '5bf213c5a0a32f98a90b7686a25674602294fcd4', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '0d7bc3fddcb241dc3ed511b259f248fc679b5039', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
|
|
35271
35280
|
}
|
|
35272
35281
|
static get watchers() { return {
|
|
35273
35282
|
"checked": ["checkedChanged"]
|
|
@@ -35322,9 +35331,9 @@ class Tab {
|
|
|
35322
35331
|
}
|
|
35323
35332
|
render() {
|
|
35324
35333
|
const { tab, active } = this;
|
|
35325
|
-
return (hAsync(Host, { key: '
|
|
35334
|
+
return (hAsync(Host, { key: 'a463b1d3ff1affe582e70615c9ed42881b771ad3', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
35326
35335
|
'tab-hidden': !active,
|
|
35327
|
-
} }, hAsync("slot", { key: '
|
|
35336
|
+
} }, hAsync("slot", { key: '20cd5ee85fd168d46f5c2ac809436745ea5ec771' })));
|
|
35328
35337
|
}
|
|
35329
35338
|
get el() { return getElement(this); }
|
|
35330
35339
|
static get style() { return RoadTabStyle0; }
|
|
@@ -35384,11 +35393,11 @@ class TabBar {
|
|
|
35384
35393
|
}
|
|
35385
35394
|
render() {
|
|
35386
35395
|
const { expand, center, secondary } = this;
|
|
35387
|
-
return (hAsync(Host, { key: '
|
|
35396
|
+
return (hAsync(Host, { key: 'efc337e728d663f45ba16ae073a5b20ee3838148', role: "tablist", class: {
|
|
35388
35397
|
'tab-expand': expand,
|
|
35389
35398
|
'tab-center': center,
|
|
35390
35399
|
'tab-secondary': secondary,
|
|
35391
|
-
} }, hAsync("slot", { key: '
|
|
35400
|
+
} }, hAsync("slot", { key: 'b16a4edbbd72f25a248b89e3cbb589457f4700cb' })));
|
|
35392
35401
|
}
|
|
35393
35402
|
get el() { return getElement(this); }
|
|
35394
35403
|
static get watchers() { return {
|
|
@@ -35488,7 +35497,7 @@ class TabButton {
|
|
|
35488
35497
|
rel,
|
|
35489
35498
|
target,
|
|
35490
35499
|
};
|
|
35491
|
-
return (hAsync(Host, { key: '
|
|
35500
|
+
return (hAsync(Host, { key: '0ad69d0d84427bdc30627445c010268a3b367a9b', 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: {
|
|
35492
35501
|
'tab-selected': selected,
|
|
35493
35502
|
'tab-has-label': hasLabel,
|
|
35494
35503
|
'tab-has-icon': hasIcon,
|
|
@@ -35496,7 +35505,7 @@ class TabButton {
|
|
|
35496
35505
|
'tab-has-icon-only': hasIcon && !hasLabel,
|
|
35497
35506
|
[`tab-layout-${layout}`]: true,
|
|
35498
35507
|
'tab-disabled': disabled, // Classe CSS pour les styles désactivés
|
|
35499
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
35508
|
+
} }, hAsync("a", Object.assign({ key: '41f63633f9833b529265497d935a80bef617e10b' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'de7001c5587a687af35bdf819361214e1fbe258e', class: "button-inner" }, hAsync("slot", { key: '1dab42290a6a2e162d0a7a243cb2c75b0acdc292' })))));
|
|
35500
35509
|
}
|
|
35501
35510
|
get el() { return getElement(this); }
|
|
35502
35511
|
static get style() { return RoadTabButtonStyle0; }
|
|
@@ -35530,7 +35539,7 @@ class Table {
|
|
|
35530
35539
|
registerInstance(this, hostRef);
|
|
35531
35540
|
}
|
|
35532
35541
|
render() {
|
|
35533
|
-
return (hAsync("slot", { key: '
|
|
35542
|
+
return (hAsync("slot", { key: '450c4f06e0cf4a1e0e87ab7c2e911fdb5857e785' }));
|
|
35534
35543
|
}
|
|
35535
35544
|
static get style() { return RoadTableStyle0; }
|
|
35536
35545
|
static get cmpMeta() { return {
|
|
@@ -35638,7 +35647,7 @@ class Tabs$1 {
|
|
|
35638
35647
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35639
35648
|
}
|
|
35640
35649
|
render() {
|
|
35641
|
-
return (hAsync(Host, { key: '
|
|
35650
|
+
return (hAsync(Host, { key: '8d8b1b7ba961847a2c955089105980a9f0e29f0c', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: '3aff6fc1bc40f56cc63dc127e0c96cf26158094d', name: "top" }), hAsync("slot", { key: 'a841cbdb1a9ca6af27d73b0ec404aa91692083c1' })));
|
|
35642
35651
|
}
|
|
35643
35652
|
get el() { return getElement(this); }
|
|
35644
35653
|
static get style() { return RoadSegmentedButtonsStyle0; }
|
|
@@ -35774,7 +35783,7 @@ class Tabs {
|
|
|
35774
35783
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35775
35784
|
}
|
|
35776
35785
|
render() {
|
|
35777
|
-
return (hAsync(Host, { key: '
|
|
35786
|
+
return (hAsync(Host, { key: '06a85ecd143589276d19933e6703663d46e37eef', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '4ca1e68dbb98a30fca52531815ca34041b4c475b', name: "top" }), hAsync("div", { key: 'c795cf762aa9b467562fae83d86fe36def1a64b9', class: "tabs-inner" }, hAsync("slot", { key: 'cf91a9626ddb1fe4ef89d75ed2a39326a990d407' }))));
|
|
35778
35787
|
}
|
|
35779
35788
|
get el() { return getElement(this); }
|
|
35780
35789
|
static get style() { return RoadTabsStyle0; }
|
|
@@ -35822,7 +35831,7 @@ class Tag {
|
|
|
35822
35831
|
}
|
|
35823
35832
|
render() {
|
|
35824
35833
|
const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
|
|
35825
|
-
return (hAsync(Host, { key: '
|
|
35834
|
+
return (hAsync(Host, { key: 'f8e43e089c0acf50cca8b4d5bb423d3c2a0c1da7', class: `${contrastClass}` }, hAsync("slot", { key: 'efebcdc8386f4dace4014368df059834feb840eb' })));
|
|
35826
35835
|
}
|
|
35827
35836
|
static get style() { return RoadTagStyle0; }
|
|
35828
35837
|
static get cmpMeta() { return {
|
|
@@ -35854,7 +35863,7 @@ class Text {
|
|
|
35854
35863
|
}
|
|
35855
35864
|
render() {
|
|
35856
35865
|
const colorClass = this.color !== undefined ? `text-${this.color}` : '';
|
|
35857
|
-
return (hAsync(Host, { key: '
|
|
35866
|
+
return (hAsync(Host, { key: '0faca489987092441ad9f28ad70f768e89f4731c', class: `${colorClass}` }, hAsync("slot", { key: '7077849cc29c6df3682fa5c5134c85b32f25fa96' })));
|
|
35858
35867
|
}
|
|
35859
35868
|
static get style() { return RoadTextStyle0; }
|
|
35860
35869
|
static get cmpMeta() { return {
|
|
@@ -35964,7 +35973,7 @@ class Textarea {
|
|
|
35964
35973
|
const hasValueClass = this.value !== '' ? 'has-value' : '';
|
|
35965
35974
|
const noResizeClass = this.resize == false ? 'no-resize' : '';
|
|
35966
35975
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
35967
|
-
return (hAsync(Host, { key: '
|
|
35976
|
+
return (hAsync(Host, { key: 'bf15d464d4d45740285e7ea8b4e1f061d3380071', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: '2349303e99efcbb2e44a2cf5175aacb6d1825492', 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: '291d211eefdead06e3e37d720b53ad47c5686c8f', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '923c1ce23f2998ff46a27a6a415464b31bd76f8f', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'c5c59d240d971b1e26c2abb4c285e3611ece5d90', class: "helper" }, this.helper)));
|
|
35968
35977
|
}
|
|
35969
35978
|
static get watchers() { return {
|
|
35970
35979
|
"value": ["valueChanged"]
|
|
@@ -36095,7 +36104,7 @@ class Toast {
|
|
|
36095
36104
|
if (this.color == 'danger') {
|
|
36096
36105
|
this.timeout = 0;
|
|
36097
36106
|
}
|
|
36098
|
-
return (hAsync(Host, { key: '
|
|
36107
|
+
return (hAsync(Host, { key: 'fd0d98803af60741a7b0972575a1aa60c5c45249', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: 'a53979bb703dd4a2676eafa6645e4ab864abb27b', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: '209d3c12b82884a29745122c4d2f87117c19745b', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: '96939108f73122952321b82efad90e9a177b7a0e', class: "toast-label" }, this.label), hAsync("button", { key: '1a11871b73522ed6d74a3c9145fd42ddef282001', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: '8f3d47b3f65e1059cc73cf9a73b13eefbc34f90e', icon: navigationClose, size: "md" })), hAsync("slot", { key: '6fd0f37c4ae571f800f5eb75b372290c6b5509a9', name: "progress" }))));
|
|
36099
36108
|
}
|
|
36100
36109
|
static get watchers() { return {
|
|
36101
36110
|
"isOpen": ["isOpenChanged"]
|
|
@@ -36135,7 +36144,7 @@ class Toolbar {
|
|
|
36135
36144
|
}
|
|
36136
36145
|
render() {
|
|
36137
36146
|
const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
|
|
36138
|
-
return (hAsync(Host, { key: '
|
|
36147
|
+
return (hAsync(Host, { key: 'daea0819f81352adc7aa791ca2b1f3db968f686d', class: colorClass }, hAsync("div", { key: '278bba212084d6a4ffe30643f043b976afef6be1', class: "toolbar-container" }, hAsync("slot", { key: 'eff8b65c0a10b9d3aad81035d483aaf62895e12e', name: "start" }), hAsync("slot", { key: 'afb8b1238b55bb38871437fa74025f9ac0969b9c', name: "primary" }), hAsync("div", { key: '6adfd362bdd22510acbc1c083c3e55acecdf8d19', class: "toolbar-content" }, hAsync("slot", { key: 'b8a51c7337444cd4ea52bd64eb7807646097b248' })), hAsync("slot", { key: '080506bd44a84336e358275f85a3a3082c154b45', name: "secondary" }), hAsync("slot", { key: '7d1cd73127fdd574ff6fc817a90cd3d3b7bf8c85', name: "end" }))));
|
|
36139
36148
|
}
|
|
36140
36149
|
static get style() { return RoadToolbarStyle0; }
|
|
36141
36150
|
static get cmpMeta() { return {
|
|
@@ -36161,7 +36170,7 @@ class ToolbarAppName {
|
|
|
36161
36170
|
registerInstance(this, hostRef);
|
|
36162
36171
|
}
|
|
36163
36172
|
render() {
|
|
36164
|
-
return (hAsync("div", { key: '
|
|
36173
|
+
return (hAsync("div", { key: '967d43f5f6d27b6bfe0120af61a3ced8fba8d841', class: "toolbar-title-page" }, hAsync("slot", { key: '77426ea046cea1a6085263d52bdc18e1b774a9b4' })));
|
|
36165
36174
|
}
|
|
36166
36175
|
static get style() { return RoadToolbarTitlePageStyle0; }
|
|
36167
36176
|
static get cmpMeta() { return {
|
|
@@ -36185,7 +36194,7 @@ class ToolbarTitle {
|
|
|
36185
36194
|
registerInstance(this, hostRef);
|
|
36186
36195
|
}
|
|
36187
36196
|
render() {
|
|
36188
|
-
return (hAsync("div", { key: '
|
|
36197
|
+
return (hAsync("div", { key: '4650217e0e521d95871df65e811f23e4304c0a78', class: "toolbar-title" }, hAsync("slot", { key: '8a86ab49377036c3465233b06e059e07ed1e6e0c' })));
|
|
36189
36198
|
}
|
|
36190
36199
|
static get style() { return RoadToolbarTitleStyle0; }
|
|
36191
36200
|
static get cmpMeta() { return {
|
|
@@ -36214,7 +36223,7 @@ class ToolbarV2 {
|
|
|
36214
36223
|
registerInstance(this, hostRef);
|
|
36215
36224
|
}
|
|
36216
36225
|
render() {
|
|
36217
|
-
return (hAsync(Host, { key: '
|
|
36226
|
+
return (hAsync(Host, { key: '30e5224222c756dcd5dcdc8173839fe91398d1f3', class: "toolbar" }, hAsync("div", { key: '05bb2c20ceba128b777c8ca2a0b4095c8d60c2ff', class: "toolbar-container" }, hAsync("div", { key: 'f48bdd911f5405061901f0931e386640bcced55e', class: "toolbar-container-content-left" }, hAsync("slot", { key: '294db7ffc1a07413539ee826f6be7c9a68d24b6b', name: "start" }), hAsync("slot", { key: '600659f7447d0d94eb39b5f5bbc007c96e852d55', name: "primary" })), hAsync("div", { key: '2ded5132910a12e4b94d92c91239e974f091d267', class: "toolbar-content" }, hAsync("slot", { key: '25080e0efe408f49bf6bc6aeab9fcbbf8b10f9b5' })), hAsync("div", { key: '70ba306edd7b11c2825711c3c6faa6e755b27b09', class: "toolbar-container-content-right" }, hAsync("slot", { key: 'b9bc811e3c4211e7db4850f876468cf17e2e5a37', name: "secondary" }), hAsync("slot", { key: '8e776811982675720a63a754f4063a72597ae069', name: "end" })))));
|
|
36218
36227
|
}
|
|
36219
36228
|
static get style() { return RoadToolbarV2Style0; }
|
|
36220
36229
|
static get cmpMeta() { return {
|
|
@@ -36327,12 +36336,12 @@ class Tooltip {
|
|
|
36327
36336
|
return triggers.includes(triggerType);
|
|
36328
36337
|
}
|
|
36329
36338
|
render() {
|
|
36330
|
-
return (hAsync(Host, { key: '
|
|
36339
|
+
return (hAsync(Host, { key: '2c7dee76eedae68e6e86166fbdd6b44b5a0b7c1d', onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, tabindex: "0" // Makes the element focusable
|
|
36331
36340
|
,
|
|
36332
|
-
"data-tooltip-position": this.position }, hAsync("slot", { key: '
|
|
36341
|
+
"data-tooltip-position": this.position }, hAsync("slot", { key: 'a87b0c73737b196518005089e0d4fd5a4871ef5b', "aria-describedby": this.tooltipId }), hAsync("div", { key: 'ce81513d6d38800beb10d6f3354dc63f521ae37c', part: "tooltip", id: this.tooltipId, class: {
|
|
36333
36342
|
tooltip: true,
|
|
36334
36343
|
'tooltip-open': this.isOpen,
|
|
36335
|
-
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: '
|
|
36344
|
+
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: '767d2d73063c8b69269fcabb7da57744897be604', name: "tooltip-content" }))));
|
|
36336
36345
|
}
|
|
36337
36346
|
get el() { return getElement(this); }
|
|
36338
36347
|
static get style() { return RoadTooltipStyle0; }
|
|
@@ -36424,11 +36433,11 @@ class toggle {
|
|
|
36424
36433
|
}
|
|
36425
36434
|
render() {
|
|
36426
36435
|
const labelId = this.toggleId + '-label';
|
|
36427
|
-
const textLabel = hAsync("label", { key: '
|
|
36436
|
+
const textLabel = hAsync("label", { key: '069dc14661c17bf446f2a9bb44339a020516fc6d', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
|
|
36428
36437
|
const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
|
|
36429
36438
|
const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
|
|
36430
36439
|
const disabledClass = this.disabled ? 'disabled' : '';
|
|
36431
|
-
return (hAsync(Host, { key: '
|
|
36440
|
+
return (hAsync(Host, { key: 'c208f6bc6d103a8b31cc619206a8e4dd29fcec87' }, hAsync("input", { key: 'f561aeb97fc5276dca3440a65a0089a50b719513', 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: '571700c93970c081ecbf6023e4664ed42de071e8', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '88c2bc56c4b7b078c9410ee335d74b3f6358ac7d', 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)));
|
|
36432
36441
|
}
|
|
36433
36442
|
static get watchers() { return {
|
|
36434
36443
|
"checked": ["checkedChanged"]
|