@roadtrip/components 3.32.5 → 3.33.0
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-badge_14.cjs.entry.js +9 -4
- package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
- package/dist/cjs/road-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/road-dropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/road-phone-number-input.cjs.entry.js +26 -61
- package/dist/cjs/road-phone-number-input.cjs.entry.js.map +1 -1
- package/dist/cjs/road-plate-number.cjs.entry.js +2 -2
- package/dist/cjs/road-profil-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/road-progress-indicator-horizontal.cjs.entry.js +1 -1
- package/dist/cjs/road-progress-indicator-vertical-item.cjs.entry.js +1 -1
- package/dist/cjs/road-progress-indicator-vertical.cjs.entry.js +1 -1
- package/dist/cjs/road-progress-tracker-item.cjs.entry.js +1 -1
- package/dist/cjs/road-progress-tracker.cjs.entry.js +1 -1
- package/dist/cjs/road-progress.cjs.entry.js +1 -1
- package/dist/cjs/road-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/road-radio.cjs.entry.js +1 -1
- package/dist/cjs/road-range.cjs.entry.js +2 -2
- package/dist/cjs/road-rating.cjs.entry.js +1 -1
- package/dist/cjs/road-segmented-button-bar.cjs.entry.js +1 -1
- package/dist/cjs/road-segmented-button.cjs.entry.js +2 -2
- package/dist/cjs/road-segmented-buttons.cjs.entry.js +1 -1
- package/dist/cjs/road-select-filter.cjs.entry.js +2 -2
- package/dist/cjs/road-select.cjs.entry.js +1 -1
- package/dist/cjs/road-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/road-spinner.cjs.entry.js +1 -1
- package/dist/cjs/road-switch.cjs.entry.js +2 -2
- package/dist/cjs/road-tab-bar.cjs.entry.js +2 -2
- package/dist/cjs/road-tab-button.cjs.entry.js +2 -2
- package/dist/cjs/road-tab.cjs.entry.js +2 -2
- package/dist/cjs/road-table.cjs.entry.js +1 -1
- package/dist/cjs/road-tabs.cjs.entry.js +1 -1
- package/dist/cjs/road-tag.cjs.entry.js +1 -1
- package/dist/cjs/road-text.cjs.entry.js +1 -1
- package/dist/cjs/road-textarea.cjs.entry.js +1 -1
- package/dist/cjs/road-toast.cjs.entry.js +1 -1
- package/dist/cjs/road-toggle.cjs.entry.js +2 -2
- package/dist/cjs/road-toolbar-title-page.cjs.entry.js +1 -1
- package/dist/cjs/road-toolbar-title.cjs.entry.js +1 -1
- package/dist/cjs/road-toolbar-v2.cjs.entry.js +1 -1
- package/dist/cjs/road-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/components/drawer/drawer.css +9 -0
- package/dist/collection/components/drawer/drawer.js +26 -1
- package/dist/collection/components/drawer/drawer.js.map +1 -1
- package/dist/collection/components/drawer/drawer.stories.js +7 -1
- package/dist/collection/components/dropdown/dropdown.css +1 -1
- package/dist/collection/components/phone-number-input/constants.js +3 -0
- package/dist/collection/components/phone-number-input/constants.js.map +1 -0
- package/dist/collection/components/phone-number-input/phone-number-input.css +198 -129
- package/dist/collection/components/phone-number-input/phone-number-input.js +23 -63
- package/dist/collection/components/phone-number-input/phone-number-input.js.map +1 -1
- package/dist/collection/components/plate-number/plate-number.js +2 -2
- package/dist/collection/components/profil-dropdown/profil-dropdown.js +1 -1
- package/dist/collection/components/progress/progress.js +1 -1
- package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.js +1 -1
- package/dist/collection/components/progress-indicator-vertical/progress-indicator-vertical.js +1 -1
- package/dist/collection/components/progress-indicator-vertical-item/progress-indicator-vertical-item.js +1 -1
- package/dist/collection/components/progress-tracker/progress-tracker.js +1 -1
- package/dist/collection/components/progress-tracker-item/progress-tracker-item.js +1 -1
- package/dist/collection/components/radio/radio.js +1 -1
- package/dist/collection/components/radio-group/radio-group.js +1 -1
- package/dist/collection/components/range/range.js +2 -2
- package/dist/collection/components/rating/rating.js +1 -1
- package/dist/collection/components/row/row.js +1 -1
- package/dist/collection/components/segmented-button/segmented-button.js +2 -2
- package/dist/collection/components/segmented-button-bar/segmented-button-bar.js +1 -1
- package/dist/collection/components/segmented-buttons/segmented-buttons.js +1 -1
- package/dist/collection/components/select/select.js +1 -1
- package/dist/collection/components/select-filter/select-filter.js +2 -2
- package/dist/collection/components/skeleton/skeleton.js +1 -1
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/switch/switch.js +2 -2
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-button/tab-button.js +2 -2
- package/dist/collection/components/table/table.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tag/tag.js +1 -1
- package/dist/collection/components/text/text.js +1 -1
- package/dist/collection/components/textarea/textarea.js +1 -1
- package/dist/collection/components/toast/toast.js +1 -1
- package/dist/collection/components/toggle/toggle.js +2 -2
- package/dist/collection/components/toolbar/toolbar.js +1 -1
- package/dist/collection/components/toolbar-title/toolbar-title.js +1 -1
- package/dist/collection/components/toolbar-title-page/toolbar-title-page.js +1 -1
- package/dist/collection/components/toolbar-v2/toolbar-v2.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +3 -3
- package/dist/collection/components/utilities/text.stories.js +2 -0
- package/dist/collection/fonts/Muli-Black.woff +0 -0
- package/dist/collection/fonts/Muli-Black.woff2 +0 -0
- package/dist/collection/fonts/Muli-SemiBold.woff +0 -0
- package/dist/collection/fonts/Muli-SemiBold.woff2 +0 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-badge_14.entry.js +9 -4
- package/dist/esm/road-badge_14.entry.js.map +1 -1
- package/dist/esm/road-dropdown.entry.js +1 -1
- package/dist/esm/road-dropdown.entry.js.map +1 -1
- package/dist/esm/road-phone-number-input.entry.js +26 -61
- package/dist/esm/road-phone-number-input.entry.js.map +1 -1
- package/dist/esm/road-plate-number.entry.js +2 -2
- package/dist/esm/road-profil-dropdown.entry.js +1 -1
- package/dist/esm/road-progress-indicator-horizontal.entry.js +1 -1
- package/dist/esm/road-progress-indicator-vertical-item.entry.js +1 -1
- package/dist/esm/road-progress-indicator-vertical.entry.js +1 -1
- package/dist/esm/road-progress-tracker-item.entry.js +1 -1
- package/dist/esm/road-progress-tracker.entry.js +1 -1
- package/dist/esm/road-progress.entry.js +1 -1
- package/dist/esm/road-radio-group.entry.js +1 -1
- package/dist/esm/road-radio.entry.js +1 -1
- package/dist/esm/road-range.entry.js +2 -2
- package/dist/esm/road-rating.entry.js +1 -1
- package/dist/esm/road-segmented-button-bar.entry.js +1 -1
- package/dist/esm/road-segmented-button.entry.js +2 -2
- package/dist/esm/road-segmented-buttons.entry.js +1 -1
- package/dist/esm/road-select-filter.entry.js +2 -2
- package/dist/esm/road-select.entry.js +1 -1
- package/dist/esm/road-skeleton.entry.js +1 -1
- package/dist/esm/road-spinner.entry.js +1 -1
- package/dist/esm/road-switch.entry.js +2 -2
- package/dist/esm/road-tab-bar.entry.js +2 -2
- package/dist/esm/road-tab-button.entry.js +2 -2
- package/dist/esm/road-tab.entry.js +2 -2
- package/dist/esm/road-table.entry.js +1 -1
- package/dist/esm/road-tabs.entry.js +1 -1
- package/dist/esm/road-tag.entry.js +1 -1
- package/dist/esm/road-text.entry.js +1 -1
- package/dist/esm/road-textarea.entry.js +1 -1
- package/dist/esm/road-toast.entry.js +1 -1
- package/dist/esm/road-toggle.entry.js +2 -2
- package/dist/esm/road-toolbar-title-page.entry.js +1 -1
- package/dist/esm/road-toolbar-title.entry.js +1 -1
- package/dist/esm/road-toolbar-v2.entry.js +1 -1
- package/dist/esm/road-tooltip.entry.js +3 -3
- package/dist/esm/roadtrip.js +1 -1
- package/dist/html.html-data.json +4 -0
- package/dist/roadtrip/fonts/Muli-Black.woff +0 -0
- package/dist/roadtrip/fonts/Muli-Black.woff2 +0 -0
- package/dist/roadtrip/fonts/Muli-SemiBold.woff +0 -0
- package/dist/roadtrip/fonts/Muli-SemiBold.woff2 +0 -0
- package/dist/roadtrip/{p-c1e2aa67.entry.js → p-04913d58.entry.js} +2 -2
- package/dist/roadtrip/{p-494aab48.entry.js → p-06fbd2ea.entry.js} +2 -2
- package/dist/roadtrip/{p-2a4a0928.entry.js → p-167cd2fc.entry.js} +2 -2
- package/dist/roadtrip/p-215afdbd.entry.js +2 -0
- package/dist/roadtrip/{p-8f7375bc.entry.js → p-2e049c8e.entry.js} +2 -2
- package/dist/roadtrip/{p-8ca23318.entry.js → p-37430583.entry.js} +2 -2
- package/dist/roadtrip/{p-9fce16aa.entry.js → p-3dcaa947.entry.js} +2 -2
- package/dist/roadtrip/{p-1e61ca1f.entry.js → p-3f5dff96.entry.js} +2 -2
- package/dist/roadtrip/{p-f8817c0e.entry.js → p-449affa6.entry.js} +2 -2
- package/dist/roadtrip/p-4675ea6d.entry.js +2 -0
- package/dist/roadtrip/{p-4a47999a.entry.js → p-5fea6a74.entry.js} +2 -2
- package/dist/roadtrip/{p-f9754547.entry.js → p-60bd73ad.entry.js} +2 -2
- package/dist/roadtrip/p-65f9bd9c.entry.js +2 -0
- package/dist/roadtrip/{p-c68fc795.entry.js → p-6c617506.entry.js} +2 -2
- package/dist/roadtrip/{p-4e779fd6.entry.js → p-6ff3b37c.entry.js} +2 -2
- package/dist/roadtrip/p-85b1e505.entry.js +2 -0
- package/dist/roadtrip/{p-a990a8b6.entry.js → p-862c1831.entry.js} +2 -2
- package/dist/roadtrip/{p-a990a8b6.entry.js.map → p-862c1831.entry.js.map} +1 -1
- package/dist/roadtrip/p-8b04fc62.entry.js +2 -0
- package/dist/roadtrip/{p-b5c4455e.entry.js → p-913b72de.entry.js} +3 -3
- package/dist/roadtrip/p-913b72de.entry.js.map +1 -0
- package/dist/roadtrip/{p-87c1ff76.entry.js → p-99a6faae.entry.js} +2 -2
- package/dist/roadtrip/{p-bba18327.entry.js → p-b5fa8c5a.entry.js} +2 -2
- package/dist/roadtrip/{p-db243855.entry.js → p-b8c5d292.entry.js} +2 -2
- package/dist/roadtrip/{p-d68e64a8.entry.js → p-c28e7add.entry.js} +2 -2
- package/dist/roadtrip/{p-10e65612.entry.js → p-c47ccbf2.entry.js} +2 -2
- package/dist/roadtrip/{p-c3ef32ef.entry.js → p-c6824205.entry.js} +2 -2
- package/dist/roadtrip/{p-833c1e78.entry.js → p-cfd2919e.entry.js} +2 -2
- package/dist/roadtrip/{p-a0a95c0a.entry.js → p-d80e7563.entry.js} +2 -2
- package/dist/roadtrip/p-db77c354.entry.js +2 -0
- package/dist/roadtrip/{p-5fab1bc3.entry.js.map → p-db77c354.entry.js.map} +1 -1
- package/dist/roadtrip/{p-0cacf829.entry.js → p-ddfe088f.entry.js} +2 -2
- package/dist/roadtrip/p-ddfe088f.entry.js.map +1 -0
- package/dist/roadtrip/{p-4bbc889b.entry.js → p-e6c4c576.entry.js} +2 -2
- package/dist/roadtrip/{p-01be5517.entry.js → p-e6e9882b.entry.js} +2 -2
- package/dist/roadtrip/{p-5a6fbd7f.entry.js → p-e75ec60f.entry.js} +2 -2
- package/dist/roadtrip/{p-edbbe884.entry.js → p-ea1a175d.entry.js} +2 -2
- package/dist/roadtrip/{p-2903bdc0.entry.js → p-eac313e4.entry.js} +2 -2
- package/dist/roadtrip/{p-fb26ed7e.entry.js → p-f1b53143.entry.js} +2 -2
- package/dist/roadtrip/{p-b18cda16.entry.js → p-fd3c58b6.entry.js} +2 -2
- package/dist/roadtrip/{p-32845e72.entry.js → p-fe40ab3d.entry.js} +2 -2
- package/dist/roadtrip/roadtrip.css +1 -1
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/roadtrip.esm.js.map +1 -1
- package/dist/types/components/drawer/drawer.d.ts +4 -0
- package/dist/types/components/phone-number-input/constants.d.ts +1 -0
- package/dist/types/components/phone-number-input/phone-number-input.d.ts +3 -9
- package/dist/types/components-react.d.ts +4 -4
- package/dist/types/components.d.ts +16 -0
- package/hydrate/index.js +85 -114
- package/hydrate/index.mjs +85 -114
- package/package.json +1 -1
- package/dist/roadtrip/p-0cacf829.entry.js.map +0 -1
- package/dist/roadtrip/p-427bd935.entry.js +0 -2
- package/dist/roadtrip/p-5fab1bc3.entry.js +0 -2
- package/dist/roadtrip/p-78b51033.entry.js +0 -2
- package/dist/roadtrip/p-9737182c.entry.js +0 -2
- package/dist/roadtrip/p-a925ff64.entry.js +0 -2
- package/dist/roadtrip/p-b5c4455e.entry.js.map +0 -1
- package/dist/roadtrip/p-ee92b78d.entry.js +0 -2
- /package/dist/roadtrip/{p-c1e2aa67.entry.js.map → p-04913d58.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-494aab48.entry.js.map → p-06fbd2ea.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-2a4a0928.entry.js.map → p-167cd2fc.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-427bd935.entry.js.map → p-215afdbd.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-8f7375bc.entry.js.map → p-2e049c8e.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-8ca23318.entry.js.map → p-37430583.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-9fce16aa.entry.js.map → p-3dcaa947.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-1e61ca1f.entry.js.map → p-3f5dff96.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-f8817c0e.entry.js.map → p-449affa6.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-ee92b78d.entry.js.map → p-4675ea6d.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-4a47999a.entry.js.map → p-5fea6a74.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-f9754547.entry.js.map → p-60bd73ad.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-a925ff64.entry.js.map → p-65f9bd9c.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c68fc795.entry.js.map → p-6c617506.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-4e779fd6.entry.js.map → p-6ff3b37c.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-9737182c.entry.js.map → p-85b1e505.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-78b51033.entry.js.map → p-8b04fc62.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-87c1ff76.entry.js.map → p-99a6faae.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-bba18327.entry.js.map → p-b5fa8c5a.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-db243855.entry.js.map → p-b8c5d292.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-d68e64a8.entry.js.map → p-c28e7add.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-10e65612.entry.js.map → p-c47ccbf2.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c3ef32ef.entry.js.map → p-c6824205.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-833c1e78.entry.js.map → p-cfd2919e.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-a0a95c0a.entry.js.map → p-d80e7563.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-4bbc889b.entry.js.map → p-e6c4c576.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-01be5517.entry.js.map → p-e6e9882b.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-5a6fbd7f.entry.js.map → p-e75ec60f.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-edbbe884.entry.js.map → p-ea1a175d.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-2903bdc0.entry.js.map → p-eac313e4.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-fb26ed7e.entry.js.map → p-f1b53143.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-b18cda16.entry.js.map → p-fd3c58b6.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-32845e72.entry.js.map → p-fe40ab3d.entry.js.map} +0 -0
package/hydrate/index.mjs
CHANGED
|
@@ -127,7 +127,7 @@ const NAMESPACE = 'roadtrip';
|
|
|
127
127
|
const BUILD = /* roadtrip */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, constructableCSS: false, cssAnnotations: true, devTools: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
|
|
128
128
|
|
|
129
129
|
/*
|
|
130
|
-
Stencil Hydrate Platform v4.27.
|
|
130
|
+
Stencil Hydrate Platform v4.27.2 | MIT Licensed | https://stenciljs.com
|
|
131
131
|
*/
|
|
132
132
|
var __defProp = Object.defineProperty;
|
|
133
133
|
var __export = (target, all) => {
|
|
@@ -2192,7 +2192,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
2192
2192
|
const hostRef = getHostRef(ref);
|
|
2193
2193
|
if (!hostRef) {
|
|
2194
2194
|
throw new Error(
|
|
2195
|
-
`Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/
|
|
2195
|
+
`Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
|
|
2196
2196
|
);
|
|
2197
2197
|
}
|
|
2198
2198
|
const elm = hostRef.$hostElement$ ;
|
|
@@ -3779,7 +3779,7 @@ class ButtonBar {
|
|
|
3779
3779
|
this.selectedTabChanged();
|
|
3780
3780
|
}
|
|
3781
3781
|
render() {
|
|
3782
|
-
return (hAsync(Host, { key: '
|
|
3782
|
+
return (hAsync(Host, { key: 'cbe94587012819876109399d72bb1715ac334a9f', role: "tablist" }, hAsync("slot", { key: 'a1ba2feec5c649ea44f6b534a10a18fc738fede5' })));
|
|
3783
3783
|
}
|
|
3784
3784
|
get el() { return getElement(this); }
|
|
3785
3785
|
static get watchers() { return {
|
|
@@ -11231,7 +11231,7 @@ class Dialog {
|
|
|
11231
11231
|
}; }
|
|
11232
11232
|
}
|
|
11233
11233
|
|
|
11234
|
-
const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;height:3.5rem;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-footer{padding:var(--road-spacing-05);background-color:var(--road-surface)}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;height:3.5rem;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;height:3.5rem;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}.drawer-body{padding:0 var(--road-spacing-08) var(--road-spacing-05)}.drawer-footer{padding:var(--road-spacing-05) var(--road-spacing-08)}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .drawer-dialog{transform:none}";
|
|
11234
|
+
const drawerCss = ":host{--background:var(--road-surface);--color:var(--road-on-surface);--header-icon:var(--road-on-surface);--header-color:var(--road-on-surface);--header-background:var(--road-surface);--header-delimiter:0;--back-chevron-color:var(--road-icon);--max-height:auto;--z-index:10;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;justify-content:flex-start;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--color);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.drawer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.drawer-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;height:3.5rem;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-footer{padding:var(--road-spacing-05);background-color:var(--road-surface)}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;height:3.5rem;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;height:3.5rem;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto;padding:0 var(--road-spacing-05) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}.drawer-body{padding:0 var(--road-spacing-08) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}.drawer-footer{padding:var(--road-spacing-05) var(--road-spacing-08)}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .drawer-dialog{transform:none}";
|
|
11235
11235
|
var RoadDrawerStyle0 = drawerCss;
|
|
11236
11236
|
|
|
11237
11237
|
/**
|
|
@@ -11253,6 +11253,10 @@ class Drawer {
|
|
|
11253
11253
|
* Set isOpen property to true to open the drawer
|
|
11254
11254
|
*/
|
|
11255
11255
|
this.isOpen = false;
|
|
11256
|
+
/**
|
|
11257
|
+
* Set removePadding property to true to remove padding for drawer body
|
|
11258
|
+
*/
|
|
11259
|
+
this.removePadding = false;
|
|
11256
11260
|
/**
|
|
11257
11261
|
* position of the drawer. e.g. left, right, bottom
|
|
11258
11262
|
*/
|
|
@@ -11361,6 +11365,7 @@ class Drawer {
|
|
|
11361
11365
|
render() {
|
|
11362
11366
|
var _a, _b, _c;
|
|
11363
11367
|
const drawerIsOpenClass = this.isOpen ? 'drawer-open' : '';
|
|
11368
|
+
const removePaddingClass = this.removePadding ? 'remove-padding' : '';
|
|
11364
11369
|
const inverseHeaderClass = this.hasInverseHeader ? 'drawer-header-inverse' : '';
|
|
11365
11370
|
const ariaLabel = (_a = this.ariaLabel) !== null && _a !== void 0 ? _a : 'drawer';
|
|
11366
11371
|
const ariaLabelBack = (_b = this.ariaLabelBack) !== null && _b !== void 0 ? _b : 'Back';
|
|
@@ -11369,7 +11374,7 @@ class Drawer {
|
|
|
11369
11374
|
const backIconElement = this.hasBackIcon ? (hAsync("button", { type: "button", class: "drawer-action", "aria-label": ariaLabelBack, onClick: this.onClickBack }, hAsync("road-icon", { icon: navigationChevron, rotate: "180" }), this.backText)) : null;
|
|
11370
11375
|
const closeIconElement = this.hasCloseIcon ? (hAsync("button", { type: "button", class: "drawer-close", onClick: this.onClick, "aria-label": ariaLabelClose }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))) : null;
|
|
11371
11376
|
const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
|
|
11372
|
-
return (hAsync(Host, { key: '
|
|
11377
|
+
return (hAsync(Host, { key: 'd9a65c4b3b7943dc6cdfa4daba84533e718a38a2', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: 'cdd0a950c739328870c8e723a6daf69c8077e7ae', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'b23bff3a5d546f27c8286ee4b94b27813375a65e', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: '71440a2eee17b35266a64468e0de497e96f90553', class: "drawer-content" }, hAsync("header", { key: '6c351edec21172afa7ddef62d6b3043becebde35', 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: '81298d6f43743beacc945c15db1f645f23ba87b1', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: 'b9ecd6bad23c1707c4204084170f54d1944b2d78' })), hAsync("footer", { key: '21f03c9d7b70b62892f088c026e5df0b255e5d4e', class: "drawer-footer" }, hAsync("slot", { key: 'aa1ff90c55ff00b99733c2955542f0a173cd6f2b', name: "footer" }))))));
|
|
11373
11378
|
}
|
|
11374
11379
|
get el() { return getElement(this); }
|
|
11375
11380
|
static get watchers() { return {
|
|
@@ -11381,6 +11386,7 @@ class Drawer {
|
|
|
11381
11386
|
"$tagName$": "road-drawer",
|
|
11382
11387
|
"$members$": {
|
|
11383
11388
|
"isOpen": [1028, "is-open"],
|
|
11389
|
+
"removePadding": [1028, "remove-padding"],
|
|
11384
11390
|
"position": [1],
|
|
11385
11391
|
"drawerWidth": [2, "drawer-width"],
|
|
11386
11392
|
"hasInverseHeader": [4, "has-inverse-header"],
|
|
@@ -11401,7 +11407,7 @@ class Drawer {
|
|
|
11401
11407
|
}; }
|
|
11402
11408
|
}
|
|
11403
11409
|
|
|
11404
|
-
const dropdownCss = ":host{--margin-top:0.5rem;display:block;width:max-content}.dropdown{position:relative;font-family:var(--road-font)}.dropdown summary{display:block;background-color:var(--road-surface);border-radius:0.25rem}.dropdown summary:focus,.dropdown summary.focus-visible,.dropdown summary:focus-within{background:var(--road-surface-inverse)}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-medium-button{width:2.5rem;height:2.5rem}.position-right{display:flex;justify-content:flex-end}.bg-white{background:var(--road-grey-000)}.dropdown-button-icon{width:2.5rem;height:2.5rem}.dropdown-medium-button .dropdown-button-icon{width:1.75rem;height:1.75rem}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:auto;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;z-index:
|
|
11410
|
+
const dropdownCss = ":host{--margin-top:0.5rem;display:block;width:max-content}.dropdown{position:relative;font-family:var(--road-font)}.dropdown summary{display:block;background-color:var(--road-surface);border-radius:0.25rem}.dropdown summary:focus,.dropdown summary.focus-visible,.dropdown summary:focus-within{background:var(--road-surface-inverse)}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-medium-button{width:2.5rem;height:2.5rem}.position-right{display:flex;justify-content:flex-end}.bg-white{background:var(--road-grey-000)}.dropdown-button-icon{width:2.5rem;height:2.5rem}.dropdown-medium-button .dropdown-button-icon{width:1.75rem;height:1.75rem}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:auto;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;z-index:2;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}.dropdown-left{left:0}.dropdown-right{right:0}.dropdown-item{min-height:40px;padding:0 1rem;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none}.dropdown-item-border{border-color:var(--road-outline-weak);border-bottom:1px solid}.dropdown-item:hover{background:var(--road-surface-inverse)}.dropdown-item.focus-visible{outline:auto}";
|
|
11405
11411
|
var RoadDropdownStyle0 = dropdownCss;
|
|
11406
11412
|
|
|
11407
11413
|
class Dropdown$1 {
|
|
@@ -11485,7 +11491,7 @@ class Dropdown {
|
|
|
11485
11491
|
this.isOpen = false;
|
|
11486
11492
|
}
|
|
11487
11493
|
render() {
|
|
11488
|
-
return (hAsync("details", { key: '
|
|
11494
|
+
return (hAsync("details", { key: '1ea3c85ea39041b51cd7b87e5e3bf8457d04d8d2', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '31722222765df7c7fb7716f1d28c719e71e3c50b', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'e395e588854018e3aa01a535df994281a17e76e7', class: `d-flex` }, hAsync("div", { key: '8bb2ba7393ad71a0fb01bfaae2626cddff73b974' }, hAsync("road-avatar", { key: '6d05a101ce8015714a85fea57c583f8cf20e8ce4' }, hAsync("slot", { key: 'c1a1408aa8e9eafedb2f3cb1791dcc02a2aba504', name: "avatar" }))))), hAsync("div", { key: '31b4b8e31798cdbba1f144cd7c75417e5aed1dcc', class: `dropdown-menu` }, hAsync("div", { key: 'daaa7e6156bd9e4cf093dcd895aabc58a5a75835', class: "profil-item" }, hAsync("road-avatar", { key: 'efe9b628482a2f27c8224e5a836677e55aab0a53', size: "sm" }, hAsync("slot", { key: 'b9def88d2732c0ff87353e163437f303bf921175', name: "avatarItem" })), hAsync("div", { key: 'de3f1acfabff5c15cb409ff32c9f3d03ff80b256', class: "profil-item-info" }, hAsync("span", { key: '01909017ffda821626024a5db9c77b5a5fa79988', class: "profil-item-info-name" }, hAsync("slot", { key: 'e7ecab682533008f8aa41deb00a30a80ba027c09', name: "name" })), hAsync("road-label", { key: 'e23ae331f406c69d5702055a31f8445518983fbc' }, hAsync("slot", { key: '4ee00896125440f2f3a904516052edecc3ccaefc', name: "email" })))), hAsync("slot", { key: '51a8603e7be8c8df634d69fe74a34845b75aff2f', name: "list" }))));
|
|
11489
11495
|
}
|
|
11490
11496
|
get el() { return getElement(this); }
|
|
11491
11497
|
static get style() { return RoadProfilDropdownStyle0; }
|
|
@@ -30287,10 +30293,10 @@ class PlateNumber {
|
|
|
30287
30293
|
render() {
|
|
30288
30294
|
const value = this.getValue();
|
|
30289
30295
|
const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
|
|
30290
|
-
return (hAsync("road-input-group", { key: '
|
|
30296
|
+
return (hAsync("road-input-group", { key: 'd99ec720113a121c58794385a2a697459cc4e0eb', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: '559c8428a6403ee087bc219b6027b12a48c658d8', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: '8483940a622fb54e8bc29dfeaf3ade7aaeeb0e8c', class: "plate-number-start" }, hAsync("road-icon", { key: 'ba60f444919f5b6221fe4d910ced4bec521e4101', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: '095d70b607191a292c5857559566954122c5081c', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
|
|
30291
30297
|
.filter(item => item.country === this.country)[0].letter))), this.motorbike
|
|
30292
30298
|
? (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 }))
|
|
30293
|
-
: (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: '
|
|
30299
|
+
: (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: '28ce8da1e17d33750056cbbb7b62686f492b4f6d', slot: "append", class: "input-group-append" }, hAsync("div", { key: 'a7fd028f9e8457e1b865abbe79539223d64c7087', class: "plate-number-end" }))));
|
|
30294
30300
|
}
|
|
30295
30301
|
static get watchers() { return {
|
|
30296
30302
|
"value": ["valueChanged"]
|
|
@@ -30358,7 +30364,7 @@ class ProgressBar {
|
|
|
30358
30364
|
const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
|
|
30359
30365
|
const light = this.light ? 'progress progress-light' : 'progress';
|
|
30360
30366
|
const animation = this.animation ? 'animation' : '';
|
|
30361
|
-
return (hAsync(Host, { key: '
|
|
30367
|
+
return (hAsync(Host, { key: '6c93b381f40367646f5ccb653a9062c7ac342679', class: "progress-element" }, hAsync("div", { key: 'cb975e51bd98f03fa7d52bd3f20af7b5f8f25379', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: '33b21314f01938916afaea7a58e0425b03616d06', 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: '3d31e5265359ddb21a8517ccdb6408c3a0503478', class: `${fullwidth}` }, hAsync("span", { key: '0965abaec5dc0737d04ddc05da7b4a6423fe6bb1', class: "progress-element-label" }, this.label), this.showstep && hAsync("span", { key: '1f8b48a83db7c3d70f4a7756a43969d0782ee35a', class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
|
|
30362
30368
|
}
|
|
30363
30369
|
static get style() { return RoadProgressStyle0; }
|
|
30364
30370
|
static get cmpMeta() { return {
|
|
@@ -30399,7 +30405,7 @@ class ProgressIndicatorVertical {
|
|
|
30399
30405
|
registerInstance(this, hostRef);
|
|
30400
30406
|
}
|
|
30401
30407
|
render() {
|
|
30402
|
-
return (hAsync(Host, { key: '
|
|
30408
|
+
return (hAsync(Host, { key: '53374580ae8974a098d78a601f16c11d046d05a0' }, hAsync("nav", { key: '172b56e4f067cd3aff24cbc8f619f623cee6e7fc' }, hAsync("ul", { key: '76fc4af3a83915d53365f3e813612e10ac7bbca7' }, hAsync("li", { key: 'a30ca0d908dc432e31cf04748df08d87bc527f61' }, hAsync("slot", { key: '2bb8112daa5f3799b8936939dce9818fa17f756d' }))))));
|
|
30403
30409
|
}
|
|
30404
30410
|
static get style() { return RoadProgressIndicatorVerticalStyle0; }
|
|
30405
30411
|
static get cmpMeta() { return {
|
|
@@ -30423,7 +30429,7 @@ class ProgressIndicatorVerticalItem {
|
|
|
30423
30429
|
registerInstance(this, hostRef);
|
|
30424
30430
|
}
|
|
30425
30431
|
render() {
|
|
30426
|
-
return (hAsync(Host, { key: '
|
|
30432
|
+
return (hAsync(Host, { key: 'd3ba92c8ba422c910a790c232cc6c43acf21a316' }, hAsync("slot", { key: '471a58e0dbbcad1601c6bfec7e90cc4ced55f172' })));
|
|
30427
30433
|
}
|
|
30428
30434
|
static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
|
|
30429
30435
|
static get cmpMeta() { return {
|
|
@@ -30452,7 +30458,7 @@ class ProgressTracker {
|
|
|
30452
30458
|
registerInstance(this, hostRef);
|
|
30453
30459
|
}
|
|
30454
30460
|
render() {
|
|
30455
|
-
return (hAsync(Host, { key: '
|
|
30461
|
+
return (hAsync(Host, { key: '9a0c92424113ac6ed3a422e2b72a597a1c7e56ae' }, hAsync("nav", { key: '1f4a7756e005ecaac2ae04d69cfa56f44a3db114' }, hAsync("ul", { key: 'dd386017509fcabfbc30d8970fa60d293d209e9e' }, hAsync("li", { key: '1e2ca3005116579b3917b51867a09d975c9c1891' }, hAsync("slot", { key: 'aa5268a3e7f35906bb37354e88b825f839d2774d' }))))));
|
|
30456
30462
|
}
|
|
30457
30463
|
static get style() { return RoadProgressTrackerStyle0; }
|
|
30458
30464
|
static get cmpMeta() { return {
|
|
@@ -30484,7 +30490,7 @@ class ProgressTrackerItem {
|
|
|
30484
30490
|
registerInstance(this, hostRef);
|
|
30485
30491
|
}
|
|
30486
30492
|
render() {
|
|
30487
|
-
return (hAsync(Host, { key: '
|
|
30493
|
+
return (hAsync(Host, { key: 'fa846bf7750217b756e2c63925636d75100e52f0' }, hAsync("slot", { key: '3b37dca6ac078595ce7e739cd980661387f50e59' })));
|
|
30488
30494
|
}
|
|
30489
30495
|
static get style() { return RoadProgressTrackerItemStyle0; }
|
|
30490
30496
|
static get cmpMeta() { return {
|
|
@@ -30577,7 +30583,7 @@ class Radio {
|
|
|
30577
30583
|
const inverseClass = this.inverse && 'form-radio-inverse';
|
|
30578
30584
|
const isInvalidClass = this.error ? 'is-invalid' : '';
|
|
30579
30585
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30580
|
-
return (hAsync(Host, { key: '
|
|
30586
|
+
return (hAsync(Host, { key: 'fbec228f3266ccdef92e82ee29b7aa9f604f603a', class: `form-radio ${inlineClass}` }, hAsync("input", { key: '4493e3345ad10d983dab715035a77fe66025e3ba', 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: '85b6bc778ca441e37bd47a51227307051a9bc80a', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: '22b184045be0995831f3b34065d0e8d97cf90cdc', class: "form-radio-label-span" }, this.secondaryLabel))));
|
|
30581
30587
|
}
|
|
30582
30588
|
get el() { return getElement(this); }
|
|
30583
30589
|
static get style() { return RoadRadioStyle0; }
|
|
@@ -30671,7 +30677,7 @@ class RadioGroup {
|
|
|
30671
30677
|
render() {
|
|
30672
30678
|
const labelId = `${this.radioGroupId}-label`;
|
|
30673
30679
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
30674
|
-
return (hAsync(Host, { key: '
|
|
30680
|
+
return (hAsync(Host, { key: '6c3948ad9428d3ae8aeb411a776419784831c714', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: '943199c6a4eda68c82245660e81ba04032a62209', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: '772ae18837d54d6aa313e3a8791bc715f66c183d', class: "asterisk" }, "*")), hAsync("slot", { key: '7f4a8c9ec3a201f695a6731467c138abf587e52f' }), this.error && this.error !== '' && hAsync("p", { key: '9149bc1981323584219a13a392e77c8313f7fd58', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'a662d0e810e27d6392750d778e13573ed365e358', class: "helper" }, this.helper)));
|
|
30675
30681
|
}
|
|
30676
30682
|
get el() { return getElement(this); }
|
|
30677
30683
|
static get watchers() { return {
|
|
@@ -30801,14 +30807,14 @@ class Range {
|
|
|
30801
30807
|
render() {
|
|
30802
30808
|
const value = this.getValue();
|
|
30803
30809
|
const datalist = this.showLabels !== undefined ? `tickmarks` : "";
|
|
30804
|
-
return (hAsync(Host, { key: '
|
|
30810
|
+
return (hAsync(Host, { key: 'b2c9aa060ae841e99ba5751c128e8df1fa257277', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: 'b7696f36afd6083f61b0498ff80b911743f6713e', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: '9c09977ad8ea7b60380cd0b245b2b78df75a851e', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: 'dbcf378a5ce259394cc0ed12f6437100292aa015', class: "form-range", style: {
|
|
30805
30811
|
"--min": this.min,
|
|
30806
30812
|
"--max": this.max,
|
|
30807
30813
|
"--value": value,
|
|
30808
30814
|
"--background-color": this.disabled
|
|
30809
30815
|
? "var(--road-surface-disabled)"
|
|
30810
30816
|
: "initial",
|
|
30811
|
-
} }, this.showValue && hAsync("output", { key: '
|
|
30817
|
+
} }, this.showValue && hAsync("output", { key: '11fbbec081e1ae2b86a5ad5d387b91f26104d6e8' }), this.showLabels && hAsync("slot", { key: '1dd932c4e17968e794370c5468e13fed1b84df25', name: "datalist" }), hAsync("input", { key: 'afe1c2ef6f8006e2c0dcbd3cbe14103393a57a4a', 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: '6f2bca3f10bdc5dcadf6756bfe953afffe4bf2c7', class: "form-range-label" }, "Valeur"), hAsync("div", { key: '065f974aa51980322402a0c3d0c168a96c076ecf', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: '283d46c77a585064840ee91a861fbd2c0bdaa5aa', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
|
|
30812
30818
|
}
|
|
30813
30819
|
get el() { return getElement(this); }
|
|
30814
30820
|
static get watchers() { return {
|
|
@@ -30877,7 +30883,7 @@ class Rating {
|
|
|
30877
30883
|
const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
|
|
30878
30884
|
const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
|
|
30879
30885
|
const readOnly = this.readonly == true ? `readonly` : '';
|
|
30880
|
-
return (hAsync(Host, { key: '
|
|
30886
|
+
return (hAsync(Host, { key: 'd81a376cdf8e7a268335c62cadff3a3a5945c334' }, hAsync("div", { key: 'c7f9a63a11399a60d3daa6e3f8f11b8b4f640e96', 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: '5b1a38a0f8fdabe757a79f7b5000481d03d8225e', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '337a9e94914d57278d8d15c8889b258bff8ea751', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
|
|
30881
30887
|
}
|
|
30882
30888
|
static get style() { return RoadRatingStyle0; }
|
|
30883
30889
|
static get cmpMeta() { return {
|
|
@@ -32221,7 +32227,10 @@ i18n.phonenumbers.AsYouTypeFormatter.prototype.inputDigitHelper_=function(a){var
|
|
|
32221
32227
|
});
|
|
32222
32228
|
}(libphonenumber));
|
|
32223
32229
|
|
|
32224
|
-
|
|
32230
|
+
// list of forbidden characters
|
|
32231
|
+
const forbiddenChars = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '!', '@', '#', '$', '%', '^', '&', '*', '(', ')', '_', '=', '[', ']', '{', '}', '|', ';', ':', "'", '"', ',', '.', '<', '>', '/', '?'];
|
|
32232
|
+
|
|
32233
|
+
const phoneNumberInputCss = ".is-invalid.sc-road-phone-number-input .phone-number-input-field.sc-road-input.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.road-phone-input-select.sc-road-phone-number-input{position:relative;display:block;font-family:var(--road-font, sans-serif);color:var(--road-on-surface);background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:none;appearance:none;width:5rem;height:3.5rem}.sc-road-phone-number-input-h .is-error.sc-road-phone-number-input{border-color:var(--road-danger-outline)}.form-select-area.sc-road-phone-number-input{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 3rem 0 2rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right -5px center/2.5rem 2rem;position:absolute;top:0;left:0;height:100%;width:95%;z-index:1;border:0;appearance:none;opacity:1;cursor:pointer}.form-select-area.sc-road-phone-number-input:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select-area.sc-road-phone-number-input::-ms-expand{display:none}.form-select-area.sc-road-phone-number-input::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select-area.sc-road-phone-number-input:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.form-select-area.sc-road-phone-number-input:not(:disabled):focus{border-color:var(--road-input-outline-variant)}.form-select-area.sc-road-phone-number-input:disabled,.form-select-area[readonly].sc-road-phone-number-input{color:transparent;cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.form-select-area-label.sc-road-phone-number-input{position:absolute;top:0.9rem;left:1rem;display:block;font-size:var(--road-font-size-18);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select-area.sc-road-phone-number-input:required~.form-select-area-label.sc-road-phone-number-input::after{color:var(--road-on-danger-surface);content:\" *\"}.form-select-area-value.sc-road-phone-number-input{position:absolute;top:1.4rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input{height:3.5rem;padding:0.75rem 0 0 1rem}.input-xl.sc-road-phone-number-input{height:3.5rem;padding:0.75rem 0 0 1rem}.select-xl.sc-road-phone-number-input-h .form-select-area-label.sc-road-phone-number-input{top:1rem}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:focus~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[required].sc-road-phone-number-input:valid~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area.has-value.sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"date\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input,.select-xl.sc-road-phone-number-input-h .form-select-area[type=\"time\"].sc-road-phone-number-input~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-phone-number-input-h .form-select-area.sc-road-phone-number-input:placeholder-shown~.form-select-area-label.sc-road-phone-number-input{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-phone-number-input{gap:.25rem;display:flex;width:100%;margin:0.5rem 0;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid{border-color:var(--road-on-danger-surface)}.form-select-area.is-invalid.sc-road-phone-number-input~.invalid-feedback.sc-road-phone-number-input,.was-validated.sc-road-phone-number-input .form-select-area.sc-road-phone-number-input:invalid~.invalid-feedback.sc-road-phone-number-input{display:block}.form-select-area.sc-road-phone-number-input option.sc-road-phone-number-input:checked::after{position:absolute;top:0;left:0;content:attr(data-content)}.form-select-area.sc-road-phone-number-input::after{position:absolute;top:0;left:0;content:var(--selected-content, '')}.phone-number-input-label.sc-road-phone-number-input{position:absolute;top:1rem;left:6rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.phone-number-input-field.sc-road-phone-number-input:required~.phone-number-input-label.sc-road-phone-number-input::after{color:var(--road-danger-default);content:\" *\"}.phone-number-input-field.sc-road-phone-number-input:focus~.phone-number-input-label.sc-road-phone-number-input,.phone-number-input-field[required].sc-road-phone-number-input:valid~.phone-number-input-label.sc-road-phone-number-input,.phone-number-input-field.has-value.sc-road-phone-number-input~.phone-number-input-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.phone-number-input-field.sc-road-phone-number-input:placeholder-shown~.phone-number-input-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.phone-number-input-field.sc-road-phone-number-input:-ms-input-placeholder~.phone-number-input-label.sc-road-phone-number-input{transform:scale(0.625) translateY(-0.625rem)}.phone-number-inputs-container.sc-road-phone-number-input{position:relative;display:flex}.road-phone-input-select.sc-road-phone-number-input{margin-bottom:1rem}.is-error.sc-road-phone-number-input{margin-bottom:0}.phone-number-input-field.sc-road-phone-number-input{flex-grow:1;border:1px solid var(--road-input-outline);border-left:0;border-radius:0.25rem;border-bottom-left-radius:0;border-top-left-radius:0}";
|
|
32225
32234
|
var RoadPhoneNumberInputStyle0 = phoneNumberInputCss;
|
|
32226
32235
|
|
|
32227
32236
|
let selectIds$1 = 0;
|
|
@@ -32252,12 +32261,8 @@ class RoadPhoneNumberInput {
|
|
|
32252
32261
|
phone: this.resetPhoneUtilData(),
|
|
32253
32262
|
};
|
|
32254
32263
|
}
|
|
32255
|
-
updateMessagePosition() {
|
|
32256
|
-
this.placeErrorMessage();
|
|
32257
|
-
}
|
|
32258
32264
|
// On component load
|
|
32259
32265
|
componentWillLoad() {
|
|
32260
|
-
this.placeErrorMessage();
|
|
32261
32266
|
let fromSelect = false;
|
|
32262
32267
|
if (this.phoneValue) {
|
|
32263
32268
|
this.phoneNumber = this.phoneValue;
|
|
@@ -32274,35 +32279,17 @@ class RoadPhoneNumberInput {
|
|
|
32274
32279
|
}
|
|
32275
32280
|
// On user input
|
|
32276
32281
|
handleInput(event) {
|
|
32277
|
-
|
|
32282
|
+
const input = event.target;
|
|
32283
|
+
this.phoneNumber = input.value;
|
|
32278
32284
|
this.createAndDispatchPhoneData();
|
|
32279
32285
|
}
|
|
32280
32286
|
// On user key down
|
|
32281
32287
|
handleKeyDown(event) {
|
|
32282
|
-
//
|
|
32283
|
-
|
|
32284
|
-
// Vérifier si la touche pressée est dans la liste des caractères interdits
|
|
32285
|
-
if (caracteresInterdits.includes(event.key)) {
|
|
32288
|
+
// checks if the forbidden characters's list contains the pressed key
|
|
32289
|
+
if (forbiddenChars.includes(event.key)) {
|
|
32286
32290
|
event.preventDefault();
|
|
32287
32291
|
}
|
|
32288
32292
|
}
|
|
32289
|
-
// On user key up
|
|
32290
|
-
handleKeyUp(event) {
|
|
32291
|
-
// Récupérer la valeur saisie
|
|
32292
|
-
const inputValue = event.target.value || '';
|
|
32293
|
-
// Vérifier si la valeur contient uniquement des chiffres ou le symbole "+"
|
|
32294
|
-
const containsOnlyNumbersAndPlus = /^[0-9+]*$/.test(inputValue);
|
|
32295
|
-
// Si la valeur ne contient pas uniquement des chiffres ou le symbole "+", réinitialiser le champ de saisie à son état précédent
|
|
32296
|
-
if (!containsOnlyNumbersAndPlus) {
|
|
32297
|
-
// Réinitialiser la valeur du champ de saisie à son état précédent
|
|
32298
|
-
event.target.value = this.phoneNumber;
|
|
32299
|
-
}
|
|
32300
|
-
else {
|
|
32301
|
-
// Si la valeur contient uniquement des chiffres ou le symbole "+", mettre à jour la valeur du numéro de téléphone
|
|
32302
|
-
this.phoneNumber = inputValue;
|
|
32303
|
-
this.createAndDispatchPhoneData();
|
|
32304
|
-
}
|
|
32305
|
-
}
|
|
32306
32293
|
// On user select
|
|
32307
32294
|
handleSelect(event) {
|
|
32308
32295
|
const select = event.target;
|
|
@@ -32314,6 +32301,7 @@ class RoadPhoneNumberInput {
|
|
|
32314
32301
|
this.updateCountryOptions();
|
|
32315
32302
|
}
|
|
32316
32303
|
createAndDispatchPhoneData(fromSelect) {
|
|
32304
|
+
var _a;
|
|
32317
32305
|
// Init phone util
|
|
32318
32306
|
const phoneUtil = libphonenumber.exports.PhoneNumberUtil.getInstance();
|
|
32319
32307
|
const PNF = libphonenumber.exports.PhoneNumberFormat;
|
|
@@ -32321,7 +32309,7 @@ class RoadPhoneNumberInput {
|
|
|
32321
32309
|
this.returnObject.phone = this.resetPhoneUtilData();
|
|
32322
32310
|
const tmpCountry = this.selectedCountry.length ? this.selectedCountry : this.countryData[0].countryCode;
|
|
32323
32311
|
try {
|
|
32324
|
-
const parsedPhoneNumber = phoneUtil.parse(this.phoneNumber, tmpCountry);
|
|
32312
|
+
const parsedPhoneNumber = phoneUtil.parse((_a = this.phoneNumber) !== null && _a !== void 0 ? _a : '', tmpCountry);
|
|
32325
32313
|
this.returnObject.isError = !phoneUtil.isValidNumber(parsedPhoneNumber) && !this.isEmptyPhoneNumber();
|
|
32326
32314
|
this.returnObject.phone.nationalNumber = phoneUtil.format(parsedPhoneNumber, PNF.NATIONAL);
|
|
32327
32315
|
this.returnObject.phone.internationalNumber = phoneUtil.format(parsedPhoneNumber, PNF.INTERNATIONAL);
|
|
@@ -32343,7 +32331,7 @@ class RoadPhoneNumberInput {
|
|
|
32343
32331
|
const phoneType = Object.entries(libphonenumber.exports.PhoneNumberType).find(entry => entry[1] === phoneUtil.getNumberType(parsedPhoneNumber));
|
|
32344
32332
|
this.returnObject.phone.numberType = phoneType[0];
|
|
32345
32333
|
}
|
|
32346
|
-
catch (
|
|
32334
|
+
catch (_b) { }
|
|
32347
32335
|
finally {
|
|
32348
32336
|
this.roadPhoneNumberInput.emit(this.returnObject);
|
|
32349
32337
|
}
|
|
@@ -32356,16 +32344,18 @@ class RoadPhoneNumberInput {
|
|
|
32356
32344
|
this.selectedCountry = value;
|
|
32357
32345
|
}
|
|
32358
32346
|
resetPhoneUtilData() {
|
|
32347
|
+
var _a, _b;
|
|
32359
32348
|
return {
|
|
32360
32349
|
numberType: 'UNKNOWN',
|
|
32361
32350
|
countryCode: this.selectedCountry,
|
|
32362
32351
|
code: this.selectedCountryCode,
|
|
32363
|
-
nationalNumber: this.phoneNumber,
|
|
32364
|
-
internationalNumber: this.phoneNumber,
|
|
32352
|
+
nationalNumber: (_a = this.phoneNumber) !== null && _a !== void 0 ? _a : '',
|
|
32353
|
+
internationalNumber: (_b = this.phoneNumber) !== null && _b !== void 0 ? _b : '',
|
|
32365
32354
|
};
|
|
32366
32355
|
}
|
|
32367
32356
|
isEmptyPhoneNumber() {
|
|
32368
|
-
|
|
32357
|
+
var _a;
|
|
32358
|
+
return !((_a = this.phoneNumber) === null || _a === void 0 ? void 0 : _a.length);
|
|
32369
32359
|
}
|
|
32370
32360
|
getPhoneCodeFromCountryCode(countryCode) {
|
|
32371
32361
|
var _a;
|
|
@@ -32390,43 +32380,24 @@ class RoadPhoneNumberInput {
|
|
|
32390
32380
|
},
|
|
32391
32381
|
];
|
|
32392
32382
|
}
|
|
32393
|
-
|
|
32394
|
-
this.
|
|
32395
|
-
messError.style.display = "flex";
|
|
32396
|
-
messError.style.marginTop = "-0.5rem";
|
|
32397
|
-
const phoneNumberInput = this.el;
|
|
32398
|
-
phoneNumberInput.appendChild(messError);
|
|
32399
|
-
});
|
|
32400
|
-
}
|
|
32401
|
-
waitForElementToExist(selector) {
|
|
32402
|
-
return new Promise(resolve => {
|
|
32403
|
-
if (document.querySelector(selector)) {
|
|
32404
|
-
return resolve(document.querySelector(selector));
|
|
32405
|
-
}
|
|
32406
|
-
const observer = new MutationObserver(() => {
|
|
32407
|
-
if (document.querySelector(selector)) {
|
|
32408
|
-
resolve(document.querySelector(selector));
|
|
32409
|
-
observer.disconnect();
|
|
32410
|
-
}
|
|
32411
|
-
});
|
|
32412
|
-
observer.observe(document.body, {
|
|
32413
|
-
subtree: true,
|
|
32414
|
-
childList: true,
|
|
32415
|
-
});
|
|
32416
|
-
});
|
|
32383
|
+
hasValue() {
|
|
32384
|
+
return this.phoneNumber !== '' && this.phoneNumber !== null;
|
|
32417
32385
|
}
|
|
32418
32386
|
render() {
|
|
32419
|
-
const
|
|
32387
|
+
const id = selectIds$1++;
|
|
32388
|
+
const selectId = `road-phone-number-select-${id}`;
|
|
32389
|
+
const inputId = `road-phone-number-input-${id}`;
|
|
32420
32390
|
const labelId = selectId + '-label';
|
|
32421
32391
|
const valueId = selectId + '-value';
|
|
32422
32392
|
const isInvalidClass = this.errorMessage.length ? 'is-invalid' : '';
|
|
32423
32393
|
const isErrorClass = this.errorMessage.length ? 'is-error' : '';
|
|
32424
|
-
|
|
32394
|
+
const hasValueClass = this.hasValue() ? 'has-value' : '';
|
|
32395
|
+
const sizes = 'xl';
|
|
32396
|
+
return (hAsync(Host, { key: '9f90460c652db496fc88dd4b8e611bdf348e3f5a' }, hAsync("div", { key: '03fceb8966c9622782a0341a2f0a01511cfe7006', class: 'phone-number-inputs-container' }, hAsync("div", { key: '4a889f1e223cf354a262fd68d948c05dc265a14b', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: 'cc520dea43d2b64645f9cbf67c768efce7790079', 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: '6769d2bda09b72449a566ece542ebf7edc5a0e40', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '513bfd2c0eab6609d74eb7b9ebc14a212be4cc9d', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: 'db609e065a32f7014c6d32dec4aae86b2b607e77', 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), onKeyDown: (event) => this.handleKeyDown(event) }), hAsync("label", { key: 'cac7f2ae8afa700db8871bc4d2b35f49822ca179', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
|
|
32397
|
+
&& this.errorMessage !== ''
|
|
32398
|
+
&& hAsync("p", { key: 'cb521ea80ae33ce0743a64270d47234cc0bdf114', class: "invalid-feedback" }, hAsync("road-icon", { key: '1dcf2587dabc46402d1c16bbf75604aedfc4d54d', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
|
|
32425
32399
|
}
|
|
32426
32400
|
get el() { return getElement(this); }
|
|
32427
|
-
static get watchers() { return {
|
|
32428
|
-
"errorMessage": ["updateMessagePosition"]
|
|
32429
|
-
}; }
|
|
32430
32401
|
static get style() { return RoadPhoneNumberInputStyle0; }
|
|
32431
32402
|
static get cmpMeta() { return {
|
|
32432
32403
|
"$flags$": 2,
|
|
@@ -32464,7 +32435,7 @@ class Row {
|
|
|
32464
32435
|
registerInstance(this, hostRef);
|
|
32465
32436
|
}
|
|
32466
32437
|
render() {
|
|
32467
|
-
return (hAsync(Host, { key: '
|
|
32438
|
+
return (hAsync(Host, { key: '891c70924e7955aa953e3e233cd57dd6aff4068a' }, hAsync("slot", { key: 'acb726260f4492a126b9aa1f51d89b329bf6a09c' })));
|
|
32468
32439
|
}
|
|
32469
32440
|
static get style() { return RoadRowStyle0; }
|
|
32470
32441
|
static get cmpMeta() { return {
|
|
@@ -32536,10 +32507,10 @@ class SegmentedButton {
|
|
|
32536
32507
|
render() {
|
|
32537
32508
|
const { tabIndex, selected, tab } = this;
|
|
32538
32509
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
32539
|
-
return (hAsync(Host, { key: '
|
|
32510
|
+
return (hAsync(Host, { key: 'c94bfffcbff45b20dc349a3545bd195a95d68273', onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
32540
32511
|
'tab-selected': selected,
|
|
32541
32512
|
[`${sizeClass}`]: true,
|
|
32542
|
-
} }, hAsync("span", { key: '
|
|
32513
|
+
} }, hAsync("span", { key: '87ee95ccb7c44cfe7bff797d1b693f1ae4cf0ad7', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("slot", { key: 'a6fd94b01bba4f71b3689f62a736050e7132add0' }))));
|
|
32543
32514
|
}
|
|
32544
32515
|
get el() { return getElement(this); }
|
|
32545
32516
|
static get style() { return RoadSegmentedButtonStyle0; }
|
|
@@ -32660,7 +32631,7 @@ class Select {
|
|
|
32660
32631
|
const labelId = this.selectId + '-label';
|
|
32661
32632
|
const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
|
|
32662
32633
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
32663
|
-
return (hAsync(Host, { key: '
|
|
32634
|
+
return (hAsync(Host, { key: '81206f7f9840b7700814260f6a7b8cf78fd7e536', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '8118f6d0f6c2d59be3d0c873398c195a8525c0cc', 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: '4e87320134e62248e7c9e805761226f5403472a9', 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: '32191859474bee5f86d21ad9f81d01bc088d07cd', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '47ecadf397bc303ca9347fc2c426dd4a3f608057', class: "invalid-feedback" }, this.error)));
|
|
32664
32635
|
}
|
|
32665
32636
|
static get watchers() { return {
|
|
32666
32637
|
"value": ["valueChanged"]
|
|
@@ -34581,8 +34552,8 @@ class SelectFilter {
|
|
|
34581
34552
|
const options = this.filteredOptions;
|
|
34582
34553
|
const isActive = this.isActive ? 'true' : 'false';
|
|
34583
34554
|
const notActive = this.isActive ? '' : 'not-active';
|
|
34584
|
-
return (hAsync(Host, { key: '
|
|
34585
|
-
hAsync("ul", { key: '
|
|
34555
|
+
return (hAsync(Host, { key: '4443cee3d13ade9d17d364aa112f7d13ac9a27d1', "is-active": isActive }, hAsync("slot", { key: 'ed15841a9e665154f9988f76e8ac56c1788fd750' }), this.isOpen &&
|
|
34556
|
+
hAsync("ul", { key: '4ab28fd0fb00759e86e30fe14ded0de207dfde7c', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.map((option, idx) => (hAsync("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: () => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, "")), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 }))))));
|
|
34586
34557
|
}
|
|
34587
34558
|
get el() { return getElement(this); }
|
|
34588
34559
|
static get style() { return RoadSelectFilterStyle0; }
|
|
@@ -34612,7 +34583,7 @@ class Skeleton {
|
|
|
34612
34583
|
registerInstance(this, hostRef);
|
|
34613
34584
|
}
|
|
34614
34585
|
render() {
|
|
34615
|
-
return (hAsync("span", { key: '
|
|
34586
|
+
return (hAsync("span", { key: '76fc5d6e478e6486b0f4f3e5e3afd7e1a8c0049f' }, "\u00A0"));
|
|
34616
34587
|
}
|
|
34617
34588
|
static get style() { return RoadSkeletonStyle0; }
|
|
34618
34589
|
static get cmpMeta() { return {
|
|
@@ -34643,7 +34614,7 @@ class Spinner {
|
|
|
34643
34614
|
render() {
|
|
34644
34615
|
const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
|
|
34645
34616
|
const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
|
|
34646
|
-
return (hAsync("svg", { key: '
|
|
34617
|
+
return (hAsync("svg", { key: '66ff9c668eec8fc73a2f93015094934b9fb0b181', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '5b2c9b4c104607084c0d2249c5b7dc31429ad39a', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
|
|
34647
34618
|
}
|
|
34648
34619
|
static get style() { return RoadSpinnerStyle0; }
|
|
34649
34620
|
static get cmpMeta() { return {
|
|
@@ -34693,7 +34664,7 @@ class Stepper {
|
|
|
34693
34664
|
const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
|
|
34694
34665
|
const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
|
|
34695
34666
|
const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
|
|
34696
|
-
return (hAsync(Host, { key: '
|
|
34667
|
+
return (hAsync(Host, { key: '92b255c26f67f4aad1051adc570b4838064b050b' }, hAsync("nav", { key: '44f9ff6889874b55dc5078d1571cde655afc3a6b' }, hAsync("ul", { key: 'e6b0e5e75db170bd8bf6412ed1d6bb5f228eda4b', class: `${colorClass}` }, hAsync("li", { key: 'f48231734646f68f91bc256cd935a13dfe5277cf', class: `${stateClass}` }, hAsync("a", { key: '8ca3bebb5e710c5a3fbbada6ef1f6f0ad6518956', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: '752b27e04ab6799c19912a193a89e8084dc82ff9', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '3c25ed41f39a011e61aafec0ca65917b72dbe967', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: '2bf09fe120b2ae4c4074a5357f5133bc22120e2c', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '752e16d8c3895c2ee91a222c7789431ad27e34dd', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: '09bcfc2711dc68b5b233b0306fa7d3d2b8e753c3', class: `${stateSecondStepClass}` }, hAsync("a", { key: '9b5c9c60abecfed752c0332696c3c509ef4d5074', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: '1e3c3113967379a97597c13044493ff3693d1b4e', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'fe8312cd31ca099c690379f500f20466a3f76555', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: '885e16b9917fbbcc0df05c2960083cb679902d2d', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '0b6709b4b8390f58854d2a37528fe1b98a0b4481', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: 'fa106837abe66d6ee557f800916b39df8efac9a7', class: `${stateThirdStepClass}` }, hAsync("a", { key: '9607d28f066e4b22778f66d0b5657611af3b15ed', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: 'ce19ae6a6b774c0d5cb8c7b91af8d03ee88400a4', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'e0a52ce61b043af9137340a5651a120f1a8ff0dd', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: '1c8870afc7dc2630fb58c4c2f17d4f4f9109dea6', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '91fb0f5283ddbe5c62c2292579df9045b4c543f7', name: "progress-indicator-horizontal-title3" }))))))));
|
|
34697
34668
|
}
|
|
34698
34669
|
static get style() { return RoadProgressIndicatorHorizontalStyle0; }
|
|
34699
34670
|
static get cmpMeta() { return {
|
|
@@ -34795,11 +34766,11 @@ class Switch {
|
|
|
34795
34766
|
}
|
|
34796
34767
|
render() {
|
|
34797
34768
|
const labelId = this.switchId + '-label';
|
|
34798
|
-
const textLabel = hAsync("label", { key: '
|
|
34769
|
+
const textLabel = hAsync("label", { key: 'f8a8b7641286294d251bc6d10b45fc97607cba49', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
|
|
34799
34770
|
const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
|
|
34800
34771
|
const isSpacedClass = this.isSpaced && 'form-switch-spaced';
|
|
34801
34772
|
const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
|
|
34802
|
-
return (hAsync(Host, { key: '
|
|
34773
|
+
return (hAsync(Host, { key: '9c43f0996fdcd4962776919b92b94eb7fbb9ad57' }, hAsync("input", { key: '756db832dbd73ec0c59ed9ec2ae76b1851a8f22d', 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: '927bdd4ef11db9a6039ffd028994caa4667519fe', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '0f3011ab70a432f99319331bb0e2009fa11e50ce', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
|
|
34803
34774
|
}
|
|
34804
34775
|
static get watchers() { return {
|
|
34805
34776
|
"checked": ["checkedChanged"]
|
|
@@ -34854,9 +34825,9 @@ class Tab {
|
|
|
34854
34825
|
}
|
|
34855
34826
|
render() {
|
|
34856
34827
|
const { tab, active } = this;
|
|
34857
|
-
return (hAsync(Host, { key: '
|
|
34828
|
+
return (hAsync(Host, { key: '24b66a77921452273dbf57f3f44ac3cffbaecf8f', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
34858
34829
|
'tab-hidden': !active,
|
|
34859
|
-
} }, hAsync("slot", { key: '
|
|
34830
|
+
} }, hAsync("slot", { key: '63f0d57bf74b8d562fecfbc881f8199d68080e89' })));
|
|
34860
34831
|
}
|
|
34861
34832
|
get el() { return getElement(this); }
|
|
34862
34833
|
static get style() { return RoadTabStyle0; }
|
|
@@ -34916,11 +34887,11 @@ class TabBar {
|
|
|
34916
34887
|
}
|
|
34917
34888
|
render() {
|
|
34918
34889
|
const { expand, center, secondary } = this;
|
|
34919
|
-
return (hAsync(Host, { key: '
|
|
34890
|
+
return (hAsync(Host, { key: '7c2795d50362e570f6a3371fde1e987bfc6389fd', role: "tablist", class: {
|
|
34920
34891
|
'tab-expand': expand,
|
|
34921
34892
|
'tab-center': center,
|
|
34922
34893
|
'tab-secondary': secondary,
|
|
34923
|
-
} }, hAsync("slot", { key: '
|
|
34894
|
+
} }, hAsync("slot", { key: '94d18f97a0e96a8e8cef400b4b08feef32210782' })));
|
|
34924
34895
|
}
|
|
34925
34896
|
get el() { return getElement(this); }
|
|
34926
34897
|
static get watchers() { return {
|
|
@@ -35020,7 +34991,7 @@ class TabButton {
|
|
|
35020
34991
|
rel,
|
|
35021
34992
|
target,
|
|
35022
34993
|
};
|
|
35023
|
-
return (hAsync(Host, { key: '
|
|
34994
|
+
return (hAsync(Host, { key: '1bf7c7301f66cecd4bfbf5cb332fb443dbd17a73', 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: {
|
|
35024
34995
|
'tab-selected': selected,
|
|
35025
34996
|
'tab-has-label': hasLabel,
|
|
35026
34997
|
'tab-has-icon': hasIcon,
|
|
@@ -35028,7 +34999,7 @@ class TabButton {
|
|
|
35028
34999
|
'tab-has-icon-only': hasIcon && !hasLabel,
|
|
35029
35000
|
[`tab-layout-${layout}`]: true,
|
|
35030
35001
|
'tab-disabled': disabled, // Classe CSS pour les styles désactivés
|
|
35031
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
35002
|
+
} }, hAsync("a", Object.assign({ key: 'c15a1634befc28787a96baa630bcb65bfac9dcc7' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '8f1f273aea98fd8680b5787223f8fe730055d9c3', class: "button-inner" }, hAsync("slot", { key: '24f7dceead533f266dcdd4cb80f792b2ae85db2c' })))));
|
|
35032
35003
|
}
|
|
35033
35004
|
get el() { return getElement(this); }
|
|
35034
35005
|
static get style() { return RoadTabButtonStyle0; }
|
|
@@ -35062,7 +35033,7 @@ class Table {
|
|
|
35062
35033
|
registerInstance(this, hostRef);
|
|
35063
35034
|
}
|
|
35064
35035
|
render() {
|
|
35065
|
-
return (hAsync("slot", { key: '
|
|
35036
|
+
return (hAsync("slot", { key: '1255550161fc3591df1269296d7dbd2bd2dc86b6' }));
|
|
35066
35037
|
}
|
|
35067
35038
|
static get style() { return RoadTableStyle0; }
|
|
35068
35039
|
static get cmpMeta() { return {
|
|
@@ -35170,7 +35141,7 @@ class Tabs$1 {
|
|
|
35170
35141
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35171
35142
|
}
|
|
35172
35143
|
render() {
|
|
35173
|
-
return (hAsync(Host, { key: '
|
|
35144
|
+
return (hAsync(Host, { key: '8e28299a9d4821c74d9e62b25b6b8ad72fac01da', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: '2e154363be587d35480818a016f9bc8973709724', name: "top" }), hAsync("slot", { key: '77044401892a3a9245eb9029178d82df516c7252' })));
|
|
35174
35145
|
}
|
|
35175
35146
|
get el() { return getElement(this); }
|
|
35176
35147
|
static get style() { return RoadSegmentedButtonsStyle0; }
|
|
@@ -35306,7 +35277,7 @@ class Tabs {
|
|
|
35306
35277
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35307
35278
|
}
|
|
35308
35279
|
render() {
|
|
35309
|
-
return (hAsync(Host, { key: '
|
|
35280
|
+
return (hAsync(Host, { key: 'bc3d78f5653f637d9b0c23a732cfb715a0490e09', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'be1082d53eb88ff1e0aa1222dbea8a5bcc65c77a', name: "top" }), hAsync("div", { key: '4e29d83d3f1473b27b720a049c7201f632fbe11b', class: "tabs-inner" }, hAsync("slot", { key: 'd9ed82d2d6cb976d65c9349e286190033f859ebd' }))));
|
|
35310
35281
|
}
|
|
35311
35282
|
get el() { return getElement(this); }
|
|
35312
35283
|
static get style() { return RoadTabsStyle0; }
|
|
@@ -35354,7 +35325,7 @@ class Tag {
|
|
|
35354
35325
|
}
|
|
35355
35326
|
render() {
|
|
35356
35327
|
const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
|
|
35357
|
-
return (hAsync(Host, { key: '
|
|
35328
|
+
return (hAsync(Host, { key: '474f7b6662f78c0258d4573377bca6c8cda09bbb', class: `${contrastClass}` }, hAsync("slot", { key: 'f58667d0bd8ffc1839df5b0c1572447d8445d4ae' })));
|
|
35358
35329
|
}
|
|
35359
35330
|
static get style() { return RoadTagStyle0; }
|
|
35360
35331
|
static get cmpMeta() { return {
|
|
@@ -35386,7 +35357,7 @@ class Text {
|
|
|
35386
35357
|
}
|
|
35387
35358
|
render() {
|
|
35388
35359
|
const colorClass = this.color !== undefined ? `text-${this.color}` : '';
|
|
35389
|
-
return (hAsync(Host, { key: '
|
|
35360
|
+
return (hAsync(Host, { key: 'bb23b71b76a33ff446f23c24ba4f53f41bf2445f', class: `${colorClass}` }, hAsync("slot", { key: 'd1a14d98cae107a96314bbaea01687183cf60447' })));
|
|
35390
35361
|
}
|
|
35391
35362
|
static get style() { return RoadTextStyle0; }
|
|
35392
35363
|
static get cmpMeta() { return {
|
|
@@ -35496,7 +35467,7 @@ class Textarea {
|
|
|
35496
35467
|
const hasValueClass = this.value !== '' ? 'has-value' : '';
|
|
35497
35468
|
const noResizeClass = this.resize == false ? 'no-resize' : '';
|
|
35498
35469
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
35499
|
-
return (hAsync(Host, { key: '
|
|
35470
|
+
return (hAsync(Host, { key: '8f1bce355f73fef1b81fb71025b23aa9734106a2', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: 'eefe6f4bcb3723e01c5b5a7b30b52eddd947de54', 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: '8a2dd19323c6bb8b889b35328081d75d143a36e9', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '514875f36258918863ec6320c870fe4454d3ece2', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '586ba5819e534bc379788b45b6160e8880cff3a0', class: "helper" }, this.helper)));
|
|
35500
35471
|
}
|
|
35501
35472
|
static get watchers() { return {
|
|
35502
35473
|
"value": ["valueChanged"]
|
|
@@ -35627,7 +35598,7 @@ class Toast {
|
|
|
35627
35598
|
if (this.color == 'danger') {
|
|
35628
35599
|
this.timeout = 0;
|
|
35629
35600
|
}
|
|
35630
|
-
return (hAsync(Host, { key: '
|
|
35601
|
+
return (hAsync(Host, { key: '1e5de437f471e4a0a4c4a328b41c39e2f84aeb87', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: '1086cd53128b3312632be7e791fdb83c2b44a931', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: '053ac170976e5266f80b584943ef9fe6c440d290', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: 'edcbf5c89984660d5c8eb82a329d22ea941e6fdc', class: "toast-label" }, this.label), hAsync("button", { key: '7ca0f0ee6c0166be548ff66423772dd8f74b0ecb', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: 'd11b87da89cf1057349214b04468e387484db3da', icon: navigationClose, size: "md" })), hAsync("slot", { key: 'd4db3d4c547ea47bd1aab1a462b8975d8b4368d6', name: "progress" }))));
|
|
35631
35602
|
}
|
|
35632
35603
|
static get watchers() { return {
|
|
35633
35604
|
"isOpen": ["isOpenChanged"]
|
|
@@ -35667,7 +35638,7 @@ class Toolbar {
|
|
|
35667
35638
|
}
|
|
35668
35639
|
render() {
|
|
35669
35640
|
const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
|
|
35670
|
-
return (hAsync(Host, { key: '
|
|
35641
|
+
return (hAsync(Host, { key: '3babdf893a7a89e310b620737ef852ee133ccebb', class: colorClass }, hAsync("div", { key: 'de9400a86c87d427d22b496cd6ceb31cb93ccf54', class: "toolbar-container" }, hAsync("slot", { key: '50559e69631b7581ad67338aea96acd42926b9ab', name: "start" }), hAsync("slot", { key: '40bcbd63fb2f83d7c8294154734c58c0650ee182', name: "primary" }), hAsync("div", { key: '4eec60ca600f33e3e0c6d9056c9913d8df7e62bd', class: "toolbar-content" }, hAsync("slot", { key: 'f1105dc9a8ac7ff4cfc7e8e166d8a0e13c1bee73' })), hAsync("slot", { key: 'ca6e18fc20fb0a636d54573ffb99074940e41bcc', name: "secondary" }), hAsync("slot", { key: 'c73721561d9d3d38c38a9dc453757b185bbd81a5', name: "end" }))));
|
|
35671
35642
|
}
|
|
35672
35643
|
static get style() { return RoadToolbarStyle0; }
|
|
35673
35644
|
static get cmpMeta() { return {
|
|
@@ -35693,7 +35664,7 @@ class ToolbarAppName {
|
|
|
35693
35664
|
registerInstance(this, hostRef);
|
|
35694
35665
|
}
|
|
35695
35666
|
render() {
|
|
35696
|
-
return (hAsync("div", { key: '
|
|
35667
|
+
return (hAsync("div", { key: 'dc61258415913c4112dd06bcc23a94db38fab00e', class: "toolbar-title-page" }, hAsync("slot", { key: 'f39c19ff690566100558556751e8380bb448eb72' })));
|
|
35697
35668
|
}
|
|
35698
35669
|
static get style() { return RoadToolbarTitlePageStyle0; }
|
|
35699
35670
|
static get cmpMeta() { return {
|
|
@@ -35717,7 +35688,7 @@ class ToolbarTitle {
|
|
|
35717
35688
|
registerInstance(this, hostRef);
|
|
35718
35689
|
}
|
|
35719
35690
|
render() {
|
|
35720
|
-
return (hAsync("div", { key: '
|
|
35691
|
+
return (hAsync("div", { key: '79254e204a533572207f3779ee0d20d814bbbecd', class: "toolbar-title" }, hAsync("slot", { key: '29cce3ccf19f113e99e1b2b4c84322efc0b94f94' })));
|
|
35721
35692
|
}
|
|
35722
35693
|
static get style() { return RoadToolbarTitleStyle0; }
|
|
35723
35694
|
static get cmpMeta() { return {
|
|
@@ -35746,7 +35717,7 @@ class ToolbarV2 {
|
|
|
35746
35717
|
registerInstance(this, hostRef);
|
|
35747
35718
|
}
|
|
35748
35719
|
render() {
|
|
35749
|
-
return (hAsync(Host, { key: '
|
|
35720
|
+
return (hAsync(Host, { key: 'a020bd723a459c6bb443645007df7b1f215ea851', class: "toolbar" }, hAsync("div", { key: '2d2cc4b896593cf69c7046ee877b5c9b7ba53eb5', class: "toolbar-container" }, hAsync("div", { key: '55c6f4b55cc7c5ddae5965a156bcfb6cafec1d49', class: "toolbar-container-content-left" }, hAsync("slot", { key: '6b249b32d73240846717ac50a8d1544511a2fe6d', name: "start" }), hAsync("slot", { key: '9187ad0c4fc712d3ad16af1f72db9bd7382d8e6e', name: "primary" })), hAsync("div", { key: 'f5936eb58c38d6cd5758d213f40e6bc09df3f7e8', class: "toolbar-content" }, hAsync("slot", { key: 'c61051186fb1f726fcc104d9f3a827e091b46ff3' })), hAsync("div", { key: '7ee04f220d5377315bc8c320461963def7a7d05f', class: "toolbar-container-content-right" }, hAsync("slot", { key: '196976ade22edf382dee91352082d31b5fce015f', name: "secondary" }), hAsync("slot", { key: 'ea25da8140c7525ce6ed3e712c64ccb105fcbb71', name: "end" })))));
|
|
35750
35721
|
}
|
|
35751
35722
|
static get style() { return RoadToolbarV2Style0; }
|
|
35752
35723
|
static get cmpMeta() { return {
|
|
@@ -35859,12 +35830,12 @@ class Tooltip {
|
|
|
35859
35830
|
return triggers.includes(triggerType);
|
|
35860
35831
|
}
|
|
35861
35832
|
render() {
|
|
35862
|
-
return (hAsync(Host, { key: '
|
|
35833
|
+
return (hAsync(Host, { key: 'a41350a6114e63e0d73759b29c0afa19d467ac4b', onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, tabindex: "0" // Makes the element focusable
|
|
35863
35834
|
,
|
|
35864
|
-
"data-tooltip-position": this.position }, hAsync("slot", { key: '
|
|
35835
|
+
"data-tooltip-position": this.position }, hAsync("slot", { key: 'e2985be0f2af606eb675875a1ef0e53190c54b50', "aria-describedby": this.tooltipId }), hAsync("div", { key: '45f8da72265c812ebbc781cafd7356f02294c2ae', part: "tooltip", id: this.tooltipId, class: {
|
|
35865
35836
|
tooltip: true,
|
|
35866
35837
|
'tooltip-open': this.isOpen,
|
|
35867
|
-
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: '
|
|
35838
|
+
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: 'a3d80cc2d48e26c0a5c2f45e38854601c1f3ea83', name: "tooltip-content" }))));
|
|
35868
35839
|
}
|
|
35869
35840
|
get el() { return getElement(this); }
|
|
35870
35841
|
static get style() { return RoadTooltipStyle0; }
|
|
@@ -35964,11 +35935,11 @@ class toggle {
|
|
|
35964
35935
|
}
|
|
35965
35936
|
render() {
|
|
35966
35937
|
const labelId = this.toggleId + '-label';
|
|
35967
|
-
const textLabel = hAsync("label", { key: '
|
|
35938
|
+
const textLabel = hAsync("label", { key: 'd8f6f793ae322fc4f3c78d627858836a8ace0b1e', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
|
|
35968
35939
|
const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
|
|
35969
35940
|
const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
|
|
35970
35941
|
const disabledClass = this.disabled ? 'disabled' : '';
|
|
35971
|
-
return (hAsync(Host, { key: '
|
|
35942
|
+
return (hAsync(Host, { key: '5b975533cbd7705fb47773942d43ca00f9c67777' }, hAsync("input", { key: '2f02aaaf3815db82b246eccc65b95ff80028fef3', 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: '922fd52175937ca1749eac085776411c2f6b2517', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '0b7e003b92aaa2bb7f02ac19bba110d959349d84', class: `form-toggle-lever ${righttoggleClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
|
|
35972
35943
|
}
|
|
35973
35944
|
static get watchers() { return {
|
|
35974
35945
|
"checked": ["checkedChanged"]
|
|
@@ -36493,7 +36464,7 @@ var NAMESPACE = (
|
|
|
36493
36464
|
);
|
|
36494
36465
|
|
|
36495
36466
|
/*
|
|
36496
|
-
Stencil Hydrate Runner v4.27.
|
|
36467
|
+
Stencil Hydrate Runner v4.27.2 | MIT Licensed | https://stenciljs.com
|
|
36497
36468
|
*/
|
|
36498
36469
|
var __defProp = Object.defineProperty;
|
|
36499
36470
|
var __export = (target, all) => {
|