@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.mjs
CHANGED
|
@@ -3201,7 +3201,7 @@ class Accordion {
|
|
|
3201
3201
|
const accordionLightContent = this.isLight ? 'accordion-content accordion-light-content' : 'accordion-content';
|
|
3202
3202
|
const accordionLightSeparator = this.isLightSeparator ? 'accordion accordion-light accordion-light--border' : 'accordion';
|
|
3203
3203
|
const accordionSmall = this.isSmall ? 'accordion accordion-light accordion-light--small' : 'accordion';
|
|
3204
|
-
return (hAsync("details", { key: '
|
|
3204
|
+
return (hAsync("details", { key: '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' }))));
|
|
3205
3205
|
}
|
|
3206
3206
|
static get style() { return RoadAccordionStyle0; }
|
|
3207
3207
|
static get cmpMeta() { return {
|
|
@@ -3219,7 +3219,7 @@ class Accordion {
|
|
|
3219
3219
|
}; }
|
|
3220
3220
|
}
|
|
3221
3221
|
|
|
3222
|
-
const alertCss = ":host{position:relative;display:flex;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.25;color:var(--road-on-surface);border:1px solid transparent;border-radius:0.25rem}.alert-icon{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{margin: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}
|
|
3222
|
+
const alertCss = ":host{position:relative;display:flex;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.25;color:var(--road-on-surface);border:1px solid transparent;border-radius:0.25rem}.alert-icon{flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{margin: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)}";
|
|
3223
3223
|
var RoadAlertStyle0 = alertCss;
|
|
3224
3224
|
|
|
3225
3225
|
/**
|
|
@@ -3234,6 +3234,10 @@ class Alert {
|
|
|
3234
3234
|
* Set the color of alert. e.g. info, success, warning, danger
|
|
3235
3235
|
*/
|
|
3236
3236
|
this.color = 'info';
|
|
3237
|
+
/**
|
|
3238
|
+
* position of the button
|
|
3239
|
+
*/
|
|
3240
|
+
this.layout = 'vertical';
|
|
3237
3241
|
/**
|
|
3238
3242
|
* Show / hide close icon
|
|
3239
3243
|
*/
|
|
@@ -3284,9 +3288,13 @@ class Alert {
|
|
|
3284
3288
|
}
|
|
3285
3289
|
render() {
|
|
3286
3290
|
const colorClass = this.color !== undefined ? `alert-${this.color}` : '';
|
|
3291
|
+
let layoutClass = 'alert-container'; // valeur par défaut
|
|
3292
|
+
if (this.layout === 'horizontal') {
|
|
3293
|
+
layoutClass = 'alert-container-horizontal';
|
|
3294
|
+
}
|
|
3287
3295
|
const btnContainerClass = this.hasCloseIcon ? 'btn-container justify-end' : 'btn-container';
|
|
3288
3296
|
const closeIconElement = this.hasCloseIcon ? (hAsync("button", { type: "button", class: "alert-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))) : null;
|
|
3289
|
-
return (hAsync(Host, { key: '
|
|
3297
|
+
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)));
|
|
3290
3298
|
}
|
|
3291
3299
|
get el() { return getElement(this); }
|
|
3292
3300
|
static get style() { return RoadAlertStyle0; }
|
|
@@ -3295,6 +3303,7 @@ class Alert {
|
|
|
3295
3303
|
"$tagName$": "road-alert",
|
|
3296
3304
|
"$members$": {
|
|
3297
3305
|
"color": [1],
|
|
3306
|
+
"layout": [1],
|
|
3298
3307
|
"label": [1],
|
|
3299
3308
|
"button": [1],
|
|
3300
3309
|
"link": [1],
|
|
@@ -3390,7 +3399,7 @@ class Asset {
|
|
|
3390
3399
|
}
|
|
3391
3400
|
}
|
|
3392
3401
|
render() {
|
|
3393
|
-
return (hAsync(Host, { key: '
|
|
3402
|
+
return (hAsync(Host, { key: '296fcc1fde78fbed0b0487eb2e4aa5fede6ffcca', "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
|
|
3394
3403
|
? hAsync("div", { class: "icon-inner", innerHTML: this.assetSvgContent })
|
|
3395
3404
|
: hAsync("div", { class: "icon-inner" }))));
|
|
3396
3405
|
}
|
|
@@ -3460,8 +3469,8 @@ class Autocomplete {
|
|
|
3460
3469
|
}
|
|
3461
3470
|
}
|
|
3462
3471
|
render() {
|
|
3463
|
-
return (hAsync(Host, { key: '
|
|
3464
|
-
hAsync("ul", { key: '
|
|
3472
|
+
return (hAsync(Host, { key: '6dd4b614232fd484aed569ccc0d1b5dafb57b4f6' }, hAsync("slot", { key: '7cfa36794db2eb18505d0be57fee259f5e598424' }), this.visible && this.options.length > 0 &&
|
|
3473
|
+
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))))));
|
|
3465
3474
|
}
|
|
3466
3475
|
get el() { return getElement(this); }
|
|
3467
3476
|
static get style() { return RoadAutocompleteStyle0; }
|
|
@@ -3494,7 +3503,7 @@ class Avatar {
|
|
|
3494
3503
|
}
|
|
3495
3504
|
render() {
|
|
3496
3505
|
const sizeClass = this.size !== undefined ? `avatar-${this.size}` : '';
|
|
3497
|
-
return (hAsync(Host, { key: '
|
|
3506
|
+
return (hAsync(Host, { key: '033826284ec0520f5c6f518ecb1f1b15989adb8a', class: `${sizeClass}` }, hAsync("slot", { key: '92651080a237f3c54e8bc7e9ee0a46e320b0919b' })));
|
|
3498
3507
|
}
|
|
3499
3508
|
static get style() { return RoadAvatarStyle0; }
|
|
3500
3509
|
static get cmpMeta() { return {
|
|
@@ -3535,7 +3544,7 @@ class Badge {
|
|
|
3535
3544
|
const colorClass = this.color !== undefined ? `badge-${this.color}` : '';
|
|
3536
3545
|
const bubbleClass = this.bubble ? 'badge-bubble' : '';
|
|
3537
3546
|
const sizeClass = this.size !== undefined ? `badge-${this.size}` : '';
|
|
3538
|
-
return (hAsync(Host, { key: '
|
|
3547
|
+
return (hAsync(Host, { key: '27f2a05e66d904897f6521c3cd1a7c8d27fe2990', class: `${colorClass} ${bubbleClass} ${sizeClass}` }, hAsync("slot", { key: '4d8d6f9da8c496cb5de4697a1686ba954a080ba6' })));
|
|
3539
3548
|
}
|
|
3540
3549
|
static get style() { return RoadBadgeStyle0; }
|
|
3541
3550
|
static get cmpMeta() { return {
|
|
@@ -3585,7 +3594,7 @@ class Banner {
|
|
|
3585
3594
|
}
|
|
3586
3595
|
render() {
|
|
3587
3596
|
const bannerIsOpenClass = this.isOpen ? 'banner-open' : '';
|
|
3588
|
-
return (hAsync(Host, { key: '
|
|
3597
|
+
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" })))));
|
|
3589
3598
|
}
|
|
3590
3599
|
static get style() { return RoadBannerStyle0; }
|
|
3591
3600
|
static get cmpMeta() { return {
|
|
@@ -3691,7 +3700,7 @@ class Button$1 {
|
|
|
3691
3700
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
3692
3701
|
const expandClass = this.expand ? 'btn-block' : '';
|
|
3693
3702
|
const iconOnlyClass = this.iconOnly ? 'btn-icon' : '';
|
|
3694
|
-
return (hAsync(Host, { key: '
|
|
3703
|
+
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" }))));
|
|
3695
3704
|
}
|
|
3696
3705
|
get el() { return getElement(this); }
|
|
3697
3706
|
static get style() { return RoadButtonStyle0; }
|
|
@@ -3776,7 +3785,7 @@ class Button {
|
|
|
3776
3785
|
render() {
|
|
3777
3786
|
const TagType = this.href === undefined ? 'button' : 'a';
|
|
3778
3787
|
const positionClass = this.position !== undefined ? `position-${this.position}` : '';
|
|
3779
|
-
return (hAsync(Host, { key: '
|
|
3788
|
+
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' }))));
|
|
3780
3789
|
}
|
|
3781
3790
|
get el() { return getElement(this); }
|
|
3782
3791
|
static get style() { return RoadButtonFloatingStyle0; }
|
|
@@ -3821,7 +3830,7 @@ class ButtonBar {
|
|
|
3821
3830
|
this.selectedTabChanged();
|
|
3822
3831
|
}
|
|
3823
3832
|
render() {
|
|
3824
|
-
return (hAsync(Host, { key: '
|
|
3833
|
+
return (hAsync(Host, { key: 'c00f4dc18a6af180c37d3494c3914253fc2e9c46', role: "tablist" }, hAsync("slot", { key: 'e763f50d64eab4b195cb09d33be599fcc4c5a7b6' })));
|
|
3825
3834
|
}
|
|
3826
3835
|
get el() { return getElement(this); }
|
|
3827
3836
|
static get watchers() { return {
|
|
@@ -3904,7 +3913,7 @@ class Card {
|
|
|
3904
3913
|
render() {
|
|
3905
3914
|
const { elevation } = this;
|
|
3906
3915
|
const elevationClass = this.elevation ? `card-elevation-${elevation}` : ``;
|
|
3907
|
-
return (hAsync(Host, { key: '
|
|
3916
|
+
return (hAsync(Host, { key: 'b3beea1dd4a95c80b7c824155b70ec15180ba594', class: `${elevationClass}` }, this.renderCard()));
|
|
3908
3917
|
}
|
|
3909
3918
|
get el() { return getElement(this); }
|
|
3910
3919
|
static get style() { return RoadCardStyle0; }
|
|
@@ -10651,7 +10660,7 @@ class Carousel {
|
|
|
10651
10660
|
});
|
|
10652
10661
|
}
|
|
10653
10662
|
render() {
|
|
10654
|
-
return (hAsync(Host, { key: '
|
|
10663
|
+
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 })))));
|
|
10655
10664
|
}
|
|
10656
10665
|
get el() { return getElement(this); }
|
|
10657
10666
|
static get watchers() { return {
|
|
@@ -10702,10 +10711,10 @@ class CarouselItem {
|
|
|
10702
10711
|
registerInstance(this, hostRef);
|
|
10703
10712
|
}
|
|
10704
10713
|
render() {
|
|
10705
|
-
return (hAsync(Host, { key: '
|
|
10714
|
+
return (hAsync(Host, { key: 'fe7c5a0bb3afbe11044acdec72936a860252a944', class: {
|
|
10706
10715
|
'swiper-slide': true,
|
|
10707
10716
|
'swiper-zoom-container': true,
|
|
10708
|
-
} }, hAsync("slot", { key: '
|
|
10717
|
+
} }, hAsync("slot", { key: '1aae46965c6cf74da0340d3af024c6cc6211f87a' })));
|
|
10709
10718
|
}
|
|
10710
10719
|
static get style() { return RoadCarouselItemStyle0; }
|
|
10711
10720
|
static get cmpMeta() { return {
|
|
@@ -10796,7 +10805,7 @@ class Checkbox {
|
|
|
10796
10805
|
const labelId = this.checkboxId + '-label';
|
|
10797
10806
|
const inverseClass = this.inverse && 'form-checkbox-inverse';
|
|
10798
10807
|
const isInvalidClass = this.error !== undefined && !this.checked && this.error !== '' ? 'is-invalid' : '';
|
|
10799
|
-
return (hAsync(Host, { key: '
|
|
10808
|
+
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)));
|
|
10800
10809
|
}
|
|
10801
10810
|
static get watchers() { return {
|
|
10802
10811
|
"checked": ["checkedChanged"]
|
|
@@ -10854,7 +10863,7 @@ class Chip$1 {
|
|
|
10854
10863
|
}
|
|
10855
10864
|
render() {
|
|
10856
10865
|
const outlineClass = this.outline ? 'chip-outline' : '';
|
|
10857
|
-
return (hAsync(Host, { key: '
|
|
10866
|
+
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 })));
|
|
10858
10867
|
}
|
|
10859
10868
|
static get style() { return RoadChipStyle0; }
|
|
10860
10869
|
static get cmpMeta() { return {
|
|
@@ -10887,7 +10896,7 @@ class Chip {
|
|
|
10887
10896
|
this.size = 'sm';
|
|
10888
10897
|
}
|
|
10889
10898
|
render() {
|
|
10890
|
-
return (hAsync(Host, { key: '
|
|
10899
|
+
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' }))));
|
|
10891
10900
|
}
|
|
10892
10901
|
static get style() { return RoadStatusChipStyle0; }
|
|
10893
10902
|
static get cmpMeta() { return {
|
|
@@ -10913,7 +10922,7 @@ class Col {
|
|
|
10913
10922
|
registerInstance(this, hostRef);
|
|
10914
10923
|
}
|
|
10915
10924
|
render() {
|
|
10916
|
-
return (hAsync("slot", { key: '
|
|
10925
|
+
return (hAsync("slot", { key: 'cb4ce2b39173a9c35e059e727a83595aaabbcc8c' }));
|
|
10917
10926
|
}
|
|
10918
10927
|
static get style() { return RoadColStyle0; }
|
|
10919
10928
|
static get cmpMeta() { return {
|
|
@@ -10963,7 +10972,7 @@ class Collapse {
|
|
|
10963
10972
|
const isOpenClass = this.isOpen ? 'collapse-open' : '';
|
|
10964
10973
|
const buttonText = this.isOpen ? this.showLess : this.showMore;
|
|
10965
10974
|
const centerClass = this.centered ? 'collapse-btn-centered' : '';
|
|
10966
|
-
return (hAsync(Host, { key: '
|
|
10975
|
+
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))));
|
|
10967
10976
|
}
|
|
10968
10977
|
static get style() { return RoadCollapseStyle0; }
|
|
10969
10978
|
static get cmpMeta() { return {
|
|
@@ -11000,7 +11009,7 @@ class ContentCard {
|
|
|
11000
11009
|
}
|
|
11001
11010
|
render() {
|
|
11002
11011
|
const insetImageClass = this.insetImage ? '' : 'content-card-image';
|
|
11003
|
-
return (hAsync(Host, { key: '
|
|
11012
|
+
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' })))));
|
|
11004
11013
|
}
|
|
11005
11014
|
static get style() { return RoadContentCardStyle0; }
|
|
11006
11015
|
static get cmpMeta() { return {
|
|
@@ -11176,7 +11185,7 @@ class Counter {
|
|
|
11176
11185
|
}
|
|
11177
11186
|
render() {
|
|
11178
11187
|
const dataCi = this.isDustbinVisible ? "road-dustbin" : "";
|
|
11179
|
-
return (hAsync("road-input-group", { key: '
|
|
11188
|
+
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" }))));
|
|
11180
11189
|
}
|
|
11181
11190
|
get el() { return getElement(this); }
|
|
11182
11191
|
static get watchers() { return {
|
|
@@ -11296,11 +11305,11 @@ class Dialog {
|
|
|
11296
11305
|
break;
|
|
11297
11306
|
}
|
|
11298
11307
|
}
|
|
11299
|
-
return (hAsync(Host, { key: '
|
|
11308
|
+
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
|
|
11300
11309
|
? hAsync("button", { type: "button", class: "dialog-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))
|
|
11301
|
-
: ''), hAsync("div", { key: '
|
|
11310
|
+
: ''), hAsync("div", { key: '086e3ab676731f5ca7997caac41fc1361922645f', class: "dialog-body" }, this.color !== undefined
|
|
11302
11311
|
? hAsync("road-icon", { class: "dialog-icon", part: "dialog-icon", color: this.color, icon: icon, "aria-hidden": "true" })
|
|
11303
|
-
: '', hAsync("h2", { key: '
|
|
11312
|
+
: '', 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' }))))));
|
|
11304
11313
|
}
|
|
11305
11314
|
get el() { return getElement(this); }
|
|
11306
11315
|
static get style() { return RoadDialogStyle0; }
|
|
@@ -11468,7 +11477,7 @@ class Drawer {
|
|
|
11468
11477
|
const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
|
|
11469
11478
|
const footerSlotElement = (_d = this.el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('slot[name="footer"]');
|
|
11470
11479
|
const hasFooterContent = footerSlotElement instanceof HTMLSlotElement && footerSlotElement.assignedNodes().length > 0;
|
|
11471
|
-
return (hAsync(Host, { key: '
|
|
11480
|
+
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" }))))));
|
|
11472
11481
|
}
|
|
11473
11482
|
get el() { return getElement(this); }
|
|
11474
11483
|
static get watchers() { return {
|
|
@@ -11529,7 +11538,7 @@ class Dropdown$1 {
|
|
|
11529
11538
|
const positionClass = this.position ? `position-${this.position}` : '';
|
|
11530
11539
|
const dropdownClass = this.position ? `dropdown-${this.position}` : '';
|
|
11531
11540
|
const directionClass = this.direction ? `direction-${this.direction}` : '';
|
|
11532
|
-
return (hAsync("details", { key: '
|
|
11541
|
+
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" }))));
|
|
11533
11542
|
}
|
|
11534
11543
|
get el() { return getElement(this); }
|
|
11535
11544
|
static get style() { return RoadDropdownStyle0; }
|
|
@@ -11585,7 +11594,7 @@ class Dropdown {
|
|
|
11585
11594
|
this.isOpen = false;
|
|
11586
11595
|
}
|
|
11587
11596
|
render() {
|
|
11588
|
-
return (hAsync("details", { key: '
|
|
11597
|
+
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" }))));
|
|
11589
11598
|
}
|
|
11590
11599
|
get el() { return getElement(this); }
|
|
11591
11600
|
static get style() { return RoadProfilDropdownStyle0; }
|
|
@@ -11649,7 +11658,7 @@ class Duration {
|
|
|
11649
11658
|
this.isOpen = false;
|
|
11650
11659
|
}
|
|
11651
11660
|
render() {
|
|
11652
|
-
return (hAsync("road-drawer", { key: '
|
|
11661
|
+
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 })))))))));
|
|
11653
11662
|
}
|
|
11654
11663
|
get el() { return getElement(this); }
|
|
11655
11664
|
static get style() { return RoadDurationStyle0; }
|
|
@@ -11695,7 +11704,7 @@ class Flap {
|
|
|
11695
11704
|
}
|
|
11696
11705
|
render() {
|
|
11697
11706
|
const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
|
|
11698
|
-
return (hAsync(Host, { key: '
|
|
11707
|
+
return (hAsync(Host, { key: '80ba55b98fc7322f42dfa9cacaf94bba926d0bdf', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '48431b9ad71006c852d09b75a47c80abb72d3da1' })));
|
|
11699
11708
|
}
|
|
11700
11709
|
static get style() { return RoadFlapStyle0; }
|
|
11701
11710
|
static get cmpMeta() { return {
|
|
@@ -11741,7 +11750,7 @@ class GlobalNavigation {
|
|
|
11741
11750
|
this.selectedTabChanged();
|
|
11742
11751
|
}
|
|
11743
11752
|
render() {
|
|
11744
|
-
return (hAsync(Host, { key: '
|
|
11753
|
+
return (hAsync(Host, { key: 'e48d25500d790551da9b1976a1338ae9cdf6dfa6', role: "application" }, hAsync("slot", { key: 'ecaa49b523c2e985f84256b2ed6e4b0810919e93' })));
|
|
11745
11754
|
}
|
|
11746
11755
|
static get watchers() { return {
|
|
11747
11756
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -11889,7 +11898,7 @@ class GlobalNavigationV2 {
|
|
|
11889
11898
|
this.selectedTabChanged();
|
|
11890
11899
|
}
|
|
11891
11900
|
render() {
|
|
11892
|
-
return (hAsync(Host, { key: '
|
|
11901
|
+
return (hAsync(Host, { key: 'b9b059e3b83942bc271674635c8d26abb6a6fd25', role: "application" }, hAsync("slot", { key: '2b2ea4b1c0898a4957a2bcc315e287d7b517a65f' })));
|
|
11893
11902
|
}
|
|
11894
11903
|
get host() { return getElement(this); }
|
|
11895
11904
|
static get watchers() { return {
|
|
@@ -11919,7 +11928,7 @@ class Grid {
|
|
|
11919
11928
|
registerInstance(this, hostRef);
|
|
11920
11929
|
}
|
|
11921
11930
|
render() {
|
|
11922
|
-
return (hAsync("slot", { key: '
|
|
11931
|
+
return (hAsync("slot", { key: '2db0c40a67548e6022bc0d3b4a5ecc5d73f4b88f' }));
|
|
11923
11932
|
}
|
|
11924
11933
|
static get style() { return RoadGridStyle0; }
|
|
11925
11934
|
static get cmpMeta() { return {
|
|
@@ -12022,7 +12031,7 @@ class Icon {
|
|
|
12022
12031
|
const rotateClass = this.rotate ? `icon-rotate-${this.rotate}` : '';
|
|
12023
12032
|
// Ajouter une classe "default" si aucune des valeurs n'est définie
|
|
12024
12033
|
const classes = [colorClass, sizeClass, rotateClass].filter(Boolean).join(' ');
|
|
12025
|
-
return (hAsync(Host, { key: '
|
|
12034
|
+
return (hAsync(Host, { key: '96b7f17765d949d6f3dcf388ebdfcd577a25e353', class: classes, "aria-hidden": "true" }, this.svgContent !== ''
|
|
12026
12035
|
? hAsync("div", { class: "icon-inner", innerHTML: this.svgContent })
|
|
12027
12036
|
: hAsync("div", { class: "icon-inner" })));
|
|
12028
12037
|
}
|
|
@@ -12144,7 +12153,7 @@ class Illustration {
|
|
|
12144
12153
|
render() {
|
|
12145
12154
|
const sizeClass = this.size !== undefined ? `illustration-${this.size}` : '';
|
|
12146
12155
|
const rotateClass = this.rotate !== undefined ? `illustration-rotate-${this.rotate}` : '';
|
|
12147
|
-
return (hAsync(Host, { key: '
|
|
12156
|
+
return (hAsync(Host, { key: '447b937e81dae86e163006ed2a30cd00ead37155', class: `${sizeClass} ${rotateClass}`, "aria-hidden": "true", role: "img" }, ((this.illustrationSvgContent !== '')
|
|
12148
12157
|
? hAsync("div", { class: "icon-inner", innerHTML: this.illustrationSvgContent })
|
|
12149
12158
|
: hAsync("div", { class: "icon-inner" }))));
|
|
12150
12159
|
}
|
|
@@ -12247,7 +12256,7 @@ class Img {
|
|
|
12247
12256
|
}
|
|
12248
12257
|
render() {
|
|
12249
12258
|
const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
|
|
12250
|
-
return (hAsync(Host, { key: '
|
|
12259
|
+
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" })));
|
|
12251
12260
|
}
|
|
12252
12261
|
get el() { return getElement(this); }
|
|
12253
12262
|
static get watchers() { return {
|
|
@@ -29697,11 +29706,11 @@ class Input {
|
|
|
29697
29706
|
const lessLabelClass = this.label !== '' ? '' : 'less-label';
|
|
29698
29707
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
29699
29708
|
const isValidClass = this.success == true ? 'is-valid' : '';
|
|
29700
|
-
return (hAsync(Host, { key: '
|
|
29709
|
+
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)
|
|
29701
29710
|
? // Si error est un tableau, on itère et génère un <p> pour chaque élément
|
|
29702
29711
|
this.error.map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))
|
|
29703
29712
|
: // Si error est une chaîne, on la divise avec split et génère un <p> pour chaque élément
|
|
29704
|
-
this.error.split(',').map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))), this.helper && this.helper !== '' && hAsync("p", { key: '
|
|
29713
|
+
this.error.split(',').map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))), this.helper && this.helper !== '' && hAsync("p", { key: 'b00972da4aab0f53f1234773a435a62969180063', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: '72d621fcfcce14389f047edfe4177c4b4fe33e6c', name: "checklistPassword" })));
|
|
29705
29714
|
}
|
|
29706
29715
|
static get watchers() { return {
|
|
29707
29716
|
"debounce": ["debounceChanged"],
|
|
@@ -29814,7 +29823,7 @@ class InputGroup {
|
|
|
29814
29823
|
? `size-${this.el.querySelector('road-input').sizes}`
|
|
29815
29824
|
: '';
|
|
29816
29825
|
const disabledClass = this.disabled ? 'is-disabled' : '';
|
|
29817
|
-
return (hAsync("div", { key: '
|
|
29826
|
+
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" }))));
|
|
29818
29827
|
}
|
|
29819
29828
|
get el() { return getElement(this); }
|
|
29820
29829
|
static get watchers() { return {
|
|
@@ -29894,13 +29903,13 @@ class Item {
|
|
|
29894
29903
|
target,
|
|
29895
29904
|
};
|
|
29896
29905
|
const showDetail = detail !== undefined && detail;
|
|
29897
|
-
return (hAsync(Host, { key: '
|
|
29906
|
+
return (hAsync(Host, { key: '0204464cdf5cf68c5df008105c7835564fa40815', "aria-disabled": disabled ? 'true' : null, class: {
|
|
29898
29907
|
[`item-lines-${lines}`]: lines !== undefined,
|
|
29899
|
-
} }, hAsync(TagType, Object.assign({ key: '
|
|
29908
|
+
} }, hAsync(TagType, Object.assign({ key: 'b8de1c2ab425189100c785881365d033d1ba6581' }, attrs, { class: {
|
|
29900
29909
|
'item-native': true,
|
|
29901
29910
|
'item-active': this.active,
|
|
29902
29911
|
[`layout-${layout}`]: layout !== undefined,
|
|
29903
|
-
}, part: "native", disabled: disabled }), hAsync("slot", { key: '
|
|
29912
|
+
}, 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" })))));
|
|
29904
29913
|
}
|
|
29905
29914
|
get el() { return getElement(this); }
|
|
29906
29915
|
static get style() { return RoadItemStyle0; }
|
|
@@ -29941,7 +29950,7 @@ class Label {
|
|
|
29941
29950
|
registerInstance(this, hostRef);
|
|
29942
29951
|
}
|
|
29943
29952
|
render() {
|
|
29944
|
-
return (hAsync("slot", { key: '
|
|
29953
|
+
return (hAsync("slot", { key: 'd898f3770145c063242065102eb78c607c14c5e5' }));
|
|
29945
29954
|
}
|
|
29946
29955
|
static get style() { return RoadLabelStyle0; }
|
|
29947
29956
|
static get cmpMeta() { return {
|
|
@@ -29966,9 +29975,9 @@ class List {
|
|
|
29966
29975
|
}
|
|
29967
29976
|
render() {
|
|
29968
29977
|
const { lines } = this;
|
|
29969
|
-
return (hAsync(Host, { key: '
|
|
29978
|
+
return (hAsync(Host, { key: '7a9342469213fad49806f45a009728a5e87cb23e', class: {
|
|
29970
29979
|
[`list-lines-${lines}`]: lines !== undefined,
|
|
29971
|
-
} }, hAsync("slot", { key: '
|
|
29980
|
+
} }, hAsync("slot", { key: '0525a7c1a5dc00f1f6b265bd32a133fb6bd46c4c' })));
|
|
29972
29981
|
}
|
|
29973
29982
|
static get style() { return RoadListStyle0; }
|
|
29974
29983
|
static get cmpMeta() { return {
|
|
@@ -30053,7 +30062,7 @@ class Modal {
|
|
|
30053
30062
|
const modalIsOpenClass = this.isOpen ? 'modal-open' : '';
|
|
30054
30063
|
const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';
|
|
30055
30064
|
const closeIconElement = this.hasCloseIcon ? hAsync("button", { type: "button", class: "modal-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" })) : '';
|
|
30056
|
-
return (hAsync(Host, { key: '
|
|
30065
|
+
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' }))))));
|
|
30057
30066
|
}
|
|
30058
30067
|
get el() { return getElement(this); }
|
|
30059
30068
|
static get style() { return RoadModalStyle0; }
|
|
@@ -30104,7 +30113,7 @@ class Navbar {
|
|
|
30104
30113
|
this.selectedTabChanged();
|
|
30105
30114
|
}
|
|
30106
30115
|
render() {
|
|
30107
|
-
return (hAsync(Host, { key: '
|
|
30116
|
+
return (hAsync(Host, { key: 'b471781e690f545f0108bff0198004e23d085e8c', role: "menubar" }, hAsync("slot", { key: '1bfb6617f92cd61f387409628087e2f9c1da975d' })));
|
|
30108
30117
|
}
|
|
30109
30118
|
static get watchers() { return {
|
|
30110
30119
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30190,11 +30199,11 @@ class NavbarItem$1 {
|
|
|
30190
30199
|
rel,
|
|
30191
30200
|
target,
|
|
30192
30201
|
};
|
|
30193
|
-
return (hAsync(Host, { key: '
|
|
30202
|
+
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: {
|
|
30194
30203
|
'navbar-item': true,
|
|
30195
30204
|
'tab-selected': selected,
|
|
30196
30205
|
'tab-disabled': disabled,
|
|
30197
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30206
|
+
} }, 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' })))));
|
|
30198
30207
|
}
|
|
30199
30208
|
get el() { return getElement(this); }
|
|
30200
30209
|
static get watchers() { return {
|
|
@@ -30287,11 +30296,11 @@ class NavbarItem {
|
|
|
30287
30296
|
rel,
|
|
30288
30297
|
target,
|
|
30289
30298
|
};
|
|
30290
|
-
return (hAsync(Host, { key: '
|
|
30299
|
+
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: {
|
|
30291
30300
|
'navbar-item': true,
|
|
30292
30301
|
'tab-selected': selected,
|
|
30293
30302
|
'tab-disabled': disabled,
|
|
30294
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30303
|
+
} }, 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' })))));
|
|
30295
30304
|
}
|
|
30296
30305
|
get el() { return getElement(this); }
|
|
30297
30306
|
static get watchers() { return {
|
|
@@ -30350,7 +30359,7 @@ class NavbarV2 {
|
|
|
30350
30359
|
}
|
|
30351
30360
|
render() {
|
|
30352
30361
|
const compactClass = this.compact ? 'compact' : '';
|
|
30353
|
-
return (hAsync(Host, { key: '
|
|
30362
|
+
return (hAsync(Host, { key: 'a7aa6e9b662aa88786b6bb80150ae9cb82bc98a2', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '1f841bb3db155a8de5dc0e309f28ec45b83b6543' })));
|
|
30354
30363
|
}
|
|
30355
30364
|
static get watchers() { return {
|
|
30356
30365
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -30473,10 +30482,10 @@ class PlateNumber {
|
|
|
30473
30482
|
render() {
|
|
30474
30483
|
const value = this.getValue();
|
|
30475
30484
|
const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
|
|
30476
|
-
return (hAsync("road-input-group", { key: '
|
|
30485
|
+
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
|
|
30477
30486
|
.filter(item => item.country === this.country)[0].letter))), this.motorbike
|
|
30478
30487
|
? (hAsync("textarea", { class: "form-control plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, maxlength: "9", rows: 2, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus }))
|
|
30479
|
-
: (hAsync("input", { class: "plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus })), hAsync("label", { key: '
|
|
30488
|
+
: (hAsync("input", { class: "plate-number-input mb-0", disabled: this.disabled, placeholder: this.placeholder != null ? this.placeholder : this.countries.filter(item => item.country === this.country)[0].placeholder, readOnly: this.readonly, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus })), hAsync("label", { key: '2d8d73b535751ceaa29eb44cfcb8566129ae9a8a', slot: "append", class: "input-group-append" }, hAsync("div", { key: '9ab5a948fb01f0ca9a1af0f8dc27401f18d7d5e2', class: "plate-number-end" }))));
|
|
30480
30489
|
}
|
|
30481
30490
|
static get watchers() { return {
|
|
30482
30491
|
"value": ["valueChanged"]
|
|
@@ -30544,7 +30553,7 @@ class ProgressBar {
|
|
|
30544
30553
|
const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
|
|
30545
30554
|
const light = this.light ? 'progress progress-light' : 'progress';
|
|
30546
30555
|
const animation = this.animation ? 'animation' : '';
|
|
30547
|
-
return (hAsync(Host, { key: '
|
|
30556
|
+
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))));
|
|
30548
30557
|
}
|
|
30549
30558
|
static get style() { return RoadProgressStyle0; }
|
|
30550
30559
|
static get cmpMeta() { return {
|
|
@@ -30585,7 +30594,7 @@ class ProgressIndicatorVertical {
|
|
|
30585
30594
|
registerInstance(this, hostRef);
|
|
30586
30595
|
}
|
|
30587
30596
|
render() {
|
|
30588
|
-
return (hAsync(Host, { key: '
|
|
30597
|
+
return (hAsync(Host, { key: '1a56a7827cabb7cddd8e030e6a3e4be570b622bb' }, hAsync("nav", { key: '3859d00d45c2cd7d98661ff12b569df27f3db4d4' }, hAsync("ul", { key: 'c17e79d4dc1ed481bb5c886d0da219e61ad8b551' }, hAsync("li", { key: '0dca92f4ca120aaed2b75ce23be938bcb1002d97' }, hAsync("slot", { key: '9be1044f521b459b9e3564886e4eb47b1cbaba82' }))))));
|
|
30589
30598
|
}
|
|
30590
30599
|
static get style() { return RoadProgressIndicatorVerticalStyle0; }
|
|
30591
30600
|
static get cmpMeta() { return {
|
|
@@ -30609,7 +30618,7 @@ class ProgressIndicatorVerticalItem {
|
|
|
30609
30618
|
registerInstance(this, hostRef);
|
|
30610
30619
|
}
|
|
30611
30620
|
render() {
|
|
30612
|
-
return (hAsync(Host, { key: '
|
|
30621
|
+
return (hAsync(Host, { key: '66a457f8560ed52b3db0461e5a37767a7ab5100b' }, hAsync("slot", { key: 'bd04b8a22edd939760ae904fa6b8c1c1589d6abc' })));
|
|
30613
30622
|
}
|
|
30614
30623
|
static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
|
|
30615
30624
|
static get cmpMeta() { return {
|
|
@@ -30638,7 +30647,7 @@ class ProgressTracker {
|
|
|
30638
30647
|
registerInstance(this, hostRef);
|
|
30639
30648
|
}
|
|
30640
30649
|
render() {
|
|
30641
|
-
return (hAsync(Host, { key: '
|
|
30650
|
+
return (hAsync(Host, { key: '1bf8558d0e1c6c41561001c1b0a2524f692bebd3' }, hAsync("nav", { key: 'cf76ff21e7d271d11c4429c42febfc5aa7645cca' }, hAsync("ul", { key: '0ee23bb197f6d630d0846c009887f3f6153f75c2' }, hAsync("li", { key: '91c90da900f79f14acaf84700bd89a84e9845c1b' }, hAsync("slot", { key: '7353f25cfb12c29bef352b7d2b90c236abca1bee' }))))));
|
|
30642
30651
|
}
|
|
30643
30652
|
static get style() { return RoadProgressTrackerStyle0; }
|
|
30644
30653
|
static get cmpMeta() { return {
|
|
@@ -30670,7 +30679,7 @@ class ProgressTrackerItem {
|
|
|
30670
30679
|
registerInstance(this, hostRef);
|
|
30671
30680
|
}
|
|
30672
30681
|
render() {
|
|
30673
|
-
return (hAsync(Host, { key: '
|
|
30682
|
+
return (hAsync(Host, { key: '6d51e107683fd1b96c0586eea5459a39d61f8489' }, hAsync("slot", { key: '56b3fc3e5515abf13ae679db6f2a5aba9443514e' })));
|
|
30674
30683
|
}
|
|
30675
30684
|
static get style() { return RoadProgressTrackerItemStyle0; }
|
|
30676
30685
|
static get cmpMeta() { return {
|
|
@@ -30763,7 +30772,7 @@ class Radio {
|
|
|
30763
30772
|
const inverseClass = this.inverse && 'form-radio-inverse';
|
|
30764
30773
|
const isInvalidClass = this.error ? 'is-invalid' : '';
|
|
30765
30774
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30766
|
-
return (hAsync(Host, { key: '
|
|
30775
|
+
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))));
|
|
30767
30776
|
}
|
|
30768
30777
|
get el() { return getElement(this); }
|
|
30769
30778
|
static get style() { return RoadRadioStyle0; }
|
|
@@ -30847,7 +30856,7 @@ class RadioCard {
|
|
|
30847
30856
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30848
30857
|
const selectedClass = this.isSelected || this.selected ? 'radio-card-selected' : '';
|
|
30849
30858
|
const disabledClass = this.disabled ? 'radio-card-disabled' : '';
|
|
30850
|
-
return (hAsync(Host, { key: '
|
|
30859
|
+
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' }))))));
|
|
30851
30860
|
}
|
|
30852
30861
|
get el() { return getElement(this); }
|
|
30853
30862
|
static get style() { return RoadRadioCardStyle0; }
|
|
@@ -30944,7 +30953,7 @@ class RadioGroup {
|
|
|
30944
30953
|
render() {
|
|
30945
30954
|
const labelId = `${this.radioGroupId}-label`;
|
|
30946
30955
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
30947
|
-
return (hAsync(Host, { key: '
|
|
30956
|
+
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)));
|
|
30948
30957
|
}
|
|
30949
30958
|
get el() { return getElement(this); }
|
|
30950
30959
|
static get watchers() { return {
|
|
@@ -31074,14 +31083,14 @@ class Range {
|
|
|
31074
31083
|
render() {
|
|
31075
31084
|
const value = this.getValue();
|
|
31076
31085
|
const datalist = this.showLabels !== undefined ? `tickmarks` : "";
|
|
31077
|
-
return (hAsync(Host, { key: '
|
|
31086
|
+
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: {
|
|
31078
31087
|
"--min": this.min,
|
|
31079
31088
|
"--max": this.max,
|
|
31080
31089
|
"--value": value,
|
|
31081
31090
|
"--background-color": this.disabled
|
|
31082
31091
|
? "var(--road-surface-disabled)"
|
|
31083
31092
|
: "initial",
|
|
31084
|
-
} }, this.showValue && hAsync("output", { key: '
|
|
31093
|
+
} }, 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" })))));
|
|
31085
31094
|
}
|
|
31086
31095
|
get el() { return getElement(this); }
|
|
31087
31096
|
static get watchers() { return {
|
|
@@ -31150,7 +31159,7 @@ class Rating {
|
|
|
31150
31159
|
const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
|
|
31151
31160
|
const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
|
|
31152
31161
|
const readOnly = this.readonly == true ? `readonly` : '';
|
|
31153
|
-
return (hAsync(Host, { key: '
|
|
31162
|
+
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}`, ")")));
|
|
31154
31163
|
}
|
|
31155
31164
|
static get style() { return RoadRatingStyle0; }
|
|
31156
31165
|
static get cmpMeta() { return {
|
|
@@ -31269,7 +31278,7 @@ class RoadAreaCode {
|
|
|
31269
31278
|
const labelId = this.selectId + '-label';
|
|
31270
31279
|
const valueId = this.selectId + '-value';
|
|
31271
31280
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
31272
|
-
return (hAsync(Host, { key: '
|
|
31281
|
+
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)));
|
|
31273
31282
|
}
|
|
31274
31283
|
static get watchers() { return {
|
|
31275
31284
|
"value": ["valueChanged"]
|
|
@@ -31316,7 +31325,7 @@ class RoadAspectRatio {
|
|
|
31316
31325
|
return `${w} / ${h}`;
|
|
31317
31326
|
}
|
|
31318
31327
|
render() {
|
|
31319
|
-
return (hAsync(Host, { key: '
|
|
31328
|
+
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' })))));
|
|
31320
31329
|
}
|
|
31321
31330
|
static get style() { return RoadAspectRatioStyle0; }
|
|
31322
31331
|
static get cmpMeta() { return {
|
|
@@ -32693,9 +32702,9 @@ class RoadPhoneNumberInput {
|
|
|
32693
32702
|
const isErrorClass = this.errorMessage.length ? 'is-error' : '';
|
|
32694
32703
|
const hasValueClass = this.hasValue() ? 'has-value' : '';
|
|
32695
32704
|
const sizes = 'xl';
|
|
32696
|
-
return (hAsync(Host, { key: '
|
|
32705
|
+
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
|
|
32697
32706
|
&& this.errorMessage !== ''
|
|
32698
|
-
&& hAsync("p", { key: '
|
|
32707
|
+
&& 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)));
|
|
32699
32708
|
}
|
|
32700
32709
|
get el() { return getElement(this); }
|
|
32701
32710
|
static get style() { return RoadPhoneNumberInputStyle0; }
|
|
@@ -32814,7 +32823,7 @@ class RoadTimeRangePicker {
|
|
|
32814
32823
|
return { start: this.start, end: this.end };
|
|
32815
32824
|
}
|
|
32816
32825
|
render() {
|
|
32817
|
-
return (hAsync(Host, { key: '
|
|
32826
|
+
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)));
|
|
32818
32827
|
}
|
|
32819
32828
|
get hostEl() { return getElement(this); }
|
|
32820
32829
|
static get style() { return RoadTimeRangePickerStyle0; }
|
|
@@ -32850,7 +32859,7 @@ class Row {
|
|
|
32850
32859
|
registerInstance(this, hostRef);
|
|
32851
32860
|
}
|
|
32852
32861
|
render() {
|
|
32853
|
-
return (hAsync(Host, { key: '
|
|
32862
|
+
return (hAsync(Host, { key: 'b342b1803b03609cd5f7235de393664cc7cdd70a' }, hAsync("slot", { key: '0d5862cff170f3c619385bc27040bd88fbb95512' })));
|
|
32854
32863
|
}
|
|
32855
32864
|
static get style() { return RoadRowStyle0; }
|
|
32856
32865
|
static get cmpMeta() { return {
|
|
@@ -32922,10 +32931,10 @@ class SegmentedButton {
|
|
|
32922
32931
|
render() {
|
|
32923
32932
|
const { tabIndex, selected, tab } = this;
|
|
32924
32933
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
32925
|
-
return (hAsync(Host, { key: '
|
|
32934
|
+
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: {
|
|
32926
32935
|
'tab-selected': selected,
|
|
32927
32936
|
[`${sizeClass}`]: true,
|
|
32928
|
-
} }, hAsync("span", { key: '
|
|
32937
|
+
} }, 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' })))));
|
|
32929
32938
|
}
|
|
32930
32939
|
get el() { return getElement(this); }
|
|
32931
32940
|
static get style() { return RoadSegmentedButtonStyle0; }
|
|
@@ -33046,7 +33055,7 @@ class Select {
|
|
|
33046
33055
|
const labelId = this.selectId + '-label';
|
|
33047
33056
|
const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
|
|
33048
33057
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
33049
|
-
return (hAsync(Host, { key: '
|
|
33058
|
+
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)));
|
|
33050
33059
|
}
|
|
33051
33060
|
static get watchers() { return {
|
|
33052
33061
|
"value": ["valueChanged"]
|
|
@@ -35040,7 +35049,7 @@ class SelectFilter {
|
|
|
35040
35049
|
const options = this.filteredOptions;
|
|
35041
35050
|
const isActive = this.isActive ? 'true' : 'false';
|
|
35042
35051
|
const notActive = this.isActive ? '' : 'not-active';
|
|
35043
|
-
return (hAsync(Host, { key: '
|
|
35052
|
+
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 })))))))));
|
|
35044
35053
|
}
|
|
35045
35054
|
get el() { return getElement(this); }
|
|
35046
35055
|
static get watchers() { return {
|
|
@@ -35076,7 +35085,7 @@ class Skeleton {
|
|
|
35076
35085
|
registerInstance(this, hostRef);
|
|
35077
35086
|
}
|
|
35078
35087
|
render() {
|
|
35079
|
-
return (hAsync("span", { key: '
|
|
35088
|
+
return (hAsync("span", { key: 'e522a6dc1b997a75c15401285907f6cb6be73c7f' }, "\u00A0"));
|
|
35080
35089
|
}
|
|
35081
35090
|
static get style() { return RoadSkeletonStyle0; }
|
|
35082
35091
|
static get cmpMeta() { return {
|
|
@@ -35107,7 +35116,7 @@ class Spinner {
|
|
|
35107
35116
|
render() {
|
|
35108
35117
|
const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
|
|
35109
35118
|
const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
|
|
35110
|
-
return (hAsync("svg", { key: '
|
|
35119
|
+
return (hAsync("svg", { key: '394e7679ebfb0757ea513842b38e20d60a0f2e28', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '332cd4892307fa1d4a511073f587f2f833ac3782', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
|
|
35111
35120
|
}
|
|
35112
35121
|
static get style() { return RoadSpinnerStyle0; }
|
|
35113
35122
|
static get cmpMeta() { return {
|
|
@@ -35157,7 +35166,7 @@ class Stepper {
|
|
|
35157
35166
|
const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
|
|
35158
35167
|
const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
|
|
35159
35168
|
const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
|
|
35160
|
-
return (hAsync(Host, { key: '
|
|
35169
|
+
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" }))))))));
|
|
35161
35170
|
}
|
|
35162
35171
|
static get style() { return RoadProgressIndicatorHorizontalStyle0; }
|
|
35163
35172
|
static get cmpMeta() { return {
|
|
@@ -35259,11 +35268,11 @@ class Switch {
|
|
|
35259
35268
|
}
|
|
35260
35269
|
render() {
|
|
35261
35270
|
const labelId = this.switchId + '-label';
|
|
35262
|
-
const textLabel = hAsync("label", { key: '
|
|
35271
|
+
const textLabel = hAsync("label", { key: '59657bf8c8cfb08dcd4ccc017c4c51126ab44770', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
|
|
35263
35272
|
const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
|
|
35264
35273
|
const isSpacedClass = this.isSpaced && 'form-switch-spaced';
|
|
35265
35274
|
const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
|
|
35266
|
-
return (hAsync(Host, { key: '
|
|
35275
|
+
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)));
|
|
35267
35276
|
}
|
|
35268
35277
|
static get watchers() { return {
|
|
35269
35278
|
"checked": ["checkedChanged"]
|
|
@@ -35318,9 +35327,9 @@ class Tab {
|
|
|
35318
35327
|
}
|
|
35319
35328
|
render() {
|
|
35320
35329
|
const { tab, active } = this;
|
|
35321
|
-
return (hAsync(Host, { key: '
|
|
35330
|
+
return (hAsync(Host, { key: 'a463b1d3ff1affe582e70615c9ed42881b771ad3', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
35322
35331
|
'tab-hidden': !active,
|
|
35323
|
-
} }, hAsync("slot", { key: '
|
|
35332
|
+
} }, hAsync("slot", { key: '20cd5ee85fd168d46f5c2ac809436745ea5ec771' })));
|
|
35324
35333
|
}
|
|
35325
35334
|
get el() { return getElement(this); }
|
|
35326
35335
|
static get style() { return RoadTabStyle0; }
|
|
@@ -35380,11 +35389,11 @@ class TabBar {
|
|
|
35380
35389
|
}
|
|
35381
35390
|
render() {
|
|
35382
35391
|
const { expand, center, secondary } = this;
|
|
35383
|
-
return (hAsync(Host, { key: '
|
|
35392
|
+
return (hAsync(Host, { key: 'efc337e728d663f45ba16ae073a5b20ee3838148', role: "tablist", class: {
|
|
35384
35393
|
'tab-expand': expand,
|
|
35385
35394
|
'tab-center': center,
|
|
35386
35395
|
'tab-secondary': secondary,
|
|
35387
|
-
} }, hAsync("slot", { key: '
|
|
35396
|
+
} }, hAsync("slot", { key: 'b16a4edbbd72f25a248b89e3cbb589457f4700cb' })));
|
|
35388
35397
|
}
|
|
35389
35398
|
get el() { return getElement(this); }
|
|
35390
35399
|
static get watchers() { return {
|
|
@@ -35484,7 +35493,7 @@ class TabButton {
|
|
|
35484
35493
|
rel,
|
|
35485
35494
|
target,
|
|
35486
35495
|
};
|
|
35487
|
-
return (hAsync(Host, { key: '
|
|
35496
|
+
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: {
|
|
35488
35497
|
'tab-selected': selected,
|
|
35489
35498
|
'tab-has-label': hasLabel,
|
|
35490
35499
|
'tab-has-icon': hasIcon,
|
|
@@ -35492,7 +35501,7 @@ class TabButton {
|
|
|
35492
35501
|
'tab-has-icon-only': hasIcon && !hasLabel,
|
|
35493
35502
|
[`tab-layout-${layout}`]: true,
|
|
35494
35503
|
'tab-disabled': disabled, // Classe CSS pour les styles désactivés
|
|
35495
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
35504
|
+
} }, 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' })))));
|
|
35496
35505
|
}
|
|
35497
35506
|
get el() { return getElement(this); }
|
|
35498
35507
|
static get style() { return RoadTabButtonStyle0; }
|
|
@@ -35526,7 +35535,7 @@ class Table {
|
|
|
35526
35535
|
registerInstance(this, hostRef);
|
|
35527
35536
|
}
|
|
35528
35537
|
render() {
|
|
35529
|
-
return (hAsync("slot", { key: '
|
|
35538
|
+
return (hAsync("slot", { key: '450c4f06e0cf4a1e0e87ab7c2e911fdb5857e785' }));
|
|
35530
35539
|
}
|
|
35531
35540
|
static get style() { return RoadTableStyle0; }
|
|
35532
35541
|
static get cmpMeta() { return {
|
|
@@ -35634,7 +35643,7 @@ class Tabs$1 {
|
|
|
35634
35643
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35635
35644
|
}
|
|
35636
35645
|
render() {
|
|
35637
|
-
return (hAsync(Host, { key: '
|
|
35646
|
+
return (hAsync(Host, { key: '8d8b1b7ba961847a2c955089105980a9f0e29f0c', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: '3aff6fc1bc40f56cc63dc127e0c96cf26158094d', name: "top" }), hAsync("slot", { key: 'a841cbdb1a9ca6af27d73b0ec404aa91692083c1' })));
|
|
35638
35647
|
}
|
|
35639
35648
|
get el() { return getElement(this); }
|
|
35640
35649
|
static get style() { return RoadSegmentedButtonsStyle0; }
|
|
@@ -35770,7 +35779,7 @@ class Tabs {
|
|
|
35770
35779
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35771
35780
|
}
|
|
35772
35781
|
render() {
|
|
35773
|
-
return (hAsync(Host, { key: '
|
|
35782
|
+
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' }))));
|
|
35774
35783
|
}
|
|
35775
35784
|
get el() { return getElement(this); }
|
|
35776
35785
|
static get style() { return RoadTabsStyle0; }
|
|
@@ -35818,7 +35827,7 @@ class Tag {
|
|
|
35818
35827
|
}
|
|
35819
35828
|
render() {
|
|
35820
35829
|
const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
|
|
35821
|
-
return (hAsync(Host, { key: '
|
|
35830
|
+
return (hAsync(Host, { key: 'f8e43e089c0acf50cca8b4d5bb423d3c2a0c1da7', class: `${contrastClass}` }, hAsync("slot", { key: 'efebcdc8386f4dace4014368df059834feb840eb' })));
|
|
35822
35831
|
}
|
|
35823
35832
|
static get style() { return RoadTagStyle0; }
|
|
35824
35833
|
static get cmpMeta() { return {
|
|
@@ -35850,7 +35859,7 @@ class Text {
|
|
|
35850
35859
|
}
|
|
35851
35860
|
render() {
|
|
35852
35861
|
const colorClass = this.color !== undefined ? `text-${this.color}` : '';
|
|
35853
|
-
return (hAsync(Host, { key: '
|
|
35862
|
+
return (hAsync(Host, { key: '0faca489987092441ad9f28ad70f768e89f4731c', class: `${colorClass}` }, hAsync("slot", { key: '7077849cc29c6df3682fa5c5134c85b32f25fa96' })));
|
|
35854
35863
|
}
|
|
35855
35864
|
static get style() { return RoadTextStyle0; }
|
|
35856
35865
|
static get cmpMeta() { return {
|
|
@@ -35960,7 +35969,7 @@ class Textarea {
|
|
|
35960
35969
|
const hasValueClass = this.value !== '' ? 'has-value' : '';
|
|
35961
35970
|
const noResizeClass = this.resize == false ? 'no-resize' : '';
|
|
35962
35971
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
35963
|
-
return (hAsync(Host, { key: '
|
|
35972
|
+
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)));
|
|
35964
35973
|
}
|
|
35965
35974
|
static get watchers() { return {
|
|
35966
35975
|
"value": ["valueChanged"]
|
|
@@ -36091,7 +36100,7 @@ class Toast {
|
|
|
36091
36100
|
if (this.color == 'danger') {
|
|
36092
36101
|
this.timeout = 0;
|
|
36093
36102
|
}
|
|
36094
|
-
return (hAsync(Host, { key: '
|
|
36103
|
+
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" }))));
|
|
36095
36104
|
}
|
|
36096
36105
|
static get watchers() { return {
|
|
36097
36106
|
"isOpen": ["isOpenChanged"]
|
|
@@ -36131,7 +36140,7 @@ class Toolbar {
|
|
|
36131
36140
|
}
|
|
36132
36141
|
render() {
|
|
36133
36142
|
const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
|
|
36134
|
-
return (hAsync(Host, { key: '
|
|
36143
|
+
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" }))));
|
|
36135
36144
|
}
|
|
36136
36145
|
static get style() { return RoadToolbarStyle0; }
|
|
36137
36146
|
static get cmpMeta() { return {
|
|
@@ -36157,7 +36166,7 @@ class ToolbarAppName {
|
|
|
36157
36166
|
registerInstance(this, hostRef);
|
|
36158
36167
|
}
|
|
36159
36168
|
render() {
|
|
36160
|
-
return (hAsync("div", { key: '
|
|
36169
|
+
return (hAsync("div", { key: '967d43f5f6d27b6bfe0120af61a3ced8fba8d841', class: "toolbar-title-page" }, hAsync("slot", { key: '77426ea046cea1a6085263d52bdc18e1b774a9b4' })));
|
|
36161
36170
|
}
|
|
36162
36171
|
static get style() { return RoadToolbarTitlePageStyle0; }
|
|
36163
36172
|
static get cmpMeta() { return {
|
|
@@ -36181,7 +36190,7 @@ class ToolbarTitle {
|
|
|
36181
36190
|
registerInstance(this, hostRef);
|
|
36182
36191
|
}
|
|
36183
36192
|
render() {
|
|
36184
|
-
return (hAsync("div", { key: '
|
|
36193
|
+
return (hAsync("div", { key: '4650217e0e521d95871df65e811f23e4304c0a78', class: "toolbar-title" }, hAsync("slot", { key: '8a86ab49377036c3465233b06e059e07ed1e6e0c' })));
|
|
36185
36194
|
}
|
|
36186
36195
|
static get style() { return RoadToolbarTitleStyle0; }
|
|
36187
36196
|
static get cmpMeta() { return {
|
|
@@ -36210,7 +36219,7 @@ class ToolbarV2 {
|
|
|
36210
36219
|
registerInstance(this, hostRef);
|
|
36211
36220
|
}
|
|
36212
36221
|
render() {
|
|
36213
|
-
return (hAsync(Host, { key: '
|
|
36222
|
+
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" })))));
|
|
36214
36223
|
}
|
|
36215
36224
|
static get style() { return RoadToolbarV2Style0; }
|
|
36216
36225
|
static get cmpMeta() { return {
|
|
@@ -36323,12 +36332,12 @@ class Tooltip {
|
|
|
36323
36332
|
return triggers.includes(triggerType);
|
|
36324
36333
|
}
|
|
36325
36334
|
render() {
|
|
36326
|
-
return (hAsync(Host, { key: '
|
|
36335
|
+
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
|
|
36327
36336
|
,
|
|
36328
|
-
"data-tooltip-position": this.position }, hAsync("slot", { key: '
|
|
36337
|
+
"data-tooltip-position": this.position }, hAsync("slot", { key: 'a87b0c73737b196518005089e0d4fd5a4871ef5b', "aria-describedby": this.tooltipId }), hAsync("div", { key: 'ce81513d6d38800beb10d6f3354dc63f521ae37c', part: "tooltip", id: this.tooltipId, class: {
|
|
36329
36338
|
tooltip: true,
|
|
36330
36339
|
'tooltip-open': this.isOpen,
|
|
36331
|
-
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: '
|
|
36340
|
+
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: '767d2d73063c8b69269fcabb7da57744897be604', name: "tooltip-content" }))));
|
|
36332
36341
|
}
|
|
36333
36342
|
get el() { return getElement(this); }
|
|
36334
36343
|
static get style() { return RoadTooltipStyle0; }
|
|
@@ -36420,11 +36429,11 @@ class toggle {
|
|
|
36420
36429
|
}
|
|
36421
36430
|
render() {
|
|
36422
36431
|
const labelId = this.toggleId + '-label';
|
|
36423
|
-
const textLabel = hAsync("label", { key: '
|
|
36432
|
+
const textLabel = hAsync("label", { key: '069dc14661c17bf446f2a9bb44339a020516fc6d', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
|
|
36424
36433
|
const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
|
|
36425
36434
|
const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
|
|
36426
36435
|
const disabledClass = this.disabled ? 'disabled' : '';
|
|
36427
|
-
return (hAsync(Host, { key: '
|
|
36436
|
+
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)));
|
|
36428
36437
|
}
|
|
36429
36438
|
static get watchers() { return {
|
|
36430
36439
|
"checked": ["checkedChanged"]
|