@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.js
CHANGED
|
@@ -131,7 +131,7 @@ const NAMESPACE = 'roadtrip';
|
|
|
131
131
|
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 };
|
|
132
132
|
|
|
133
133
|
/*
|
|
134
|
-
Stencil Hydrate Platform v4.27.
|
|
134
|
+
Stencil Hydrate Platform v4.27.2 | MIT Licensed | https://stenciljs.com
|
|
135
135
|
*/
|
|
136
136
|
var __defProp = Object.defineProperty;
|
|
137
137
|
var __export = (target, all) => {
|
|
@@ -2196,7 +2196,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
2196
2196
|
const hostRef = getHostRef(ref);
|
|
2197
2197
|
if (!hostRef) {
|
|
2198
2198
|
throw new Error(
|
|
2199
|
-
`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/
|
|
2199
|
+
`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).`
|
|
2200
2200
|
);
|
|
2201
2201
|
}
|
|
2202
2202
|
const elm = hostRef.$hostElement$ ;
|
|
@@ -3783,7 +3783,7 @@ class ButtonBar {
|
|
|
3783
3783
|
this.selectedTabChanged();
|
|
3784
3784
|
}
|
|
3785
3785
|
render() {
|
|
3786
|
-
return (hAsync(Host, { key: '
|
|
3786
|
+
return (hAsync(Host, { key: 'cbe94587012819876109399d72bb1715ac334a9f', role: "tablist" }, hAsync("slot", { key: 'a1ba2feec5c649ea44f6b534a10a18fc738fede5' })));
|
|
3787
3787
|
}
|
|
3788
3788
|
get el() { return getElement(this); }
|
|
3789
3789
|
static get watchers() { return {
|
|
@@ -11235,7 +11235,7 @@ class Dialog {
|
|
|
11235
11235
|
}; }
|
|
11236
11236
|
}
|
|
11237
11237
|
|
|
11238
|
-
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}";
|
|
11238
|
+
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}";
|
|
11239
11239
|
var RoadDrawerStyle0 = drawerCss;
|
|
11240
11240
|
|
|
11241
11241
|
/**
|
|
@@ -11257,6 +11257,10 @@ class Drawer {
|
|
|
11257
11257
|
* Set isOpen property to true to open the drawer
|
|
11258
11258
|
*/
|
|
11259
11259
|
this.isOpen = false;
|
|
11260
|
+
/**
|
|
11261
|
+
* Set removePadding property to true to remove padding for drawer body
|
|
11262
|
+
*/
|
|
11263
|
+
this.removePadding = false;
|
|
11260
11264
|
/**
|
|
11261
11265
|
* position of the drawer. e.g. left, right, bottom
|
|
11262
11266
|
*/
|
|
@@ -11365,6 +11369,7 @@ class Drawer {
|
|
|
11365
11369
|
render() {
|
|
11366
11370
|
var _a, _b, _c;
|
|
11367
11371
|
const drawerIsOpenClass = this.isOpen ? 'drawer-open' : '';
|
|
11372
|
+
const removePaddingClass = this.removePadding ? 'remove-padding' : '';
|
|
11368
11373
|
const inverseHeaderClass = this.hasInverseHeader ? 'drawer-header-inverse' : '';
|
|
11369
11374
|
const ariaLabel = (_a = this.ariaLabel) !== null && _a !== void 0 ? _a : 'drawer';
|
|
11370
11375
|
const ariaLabelBack = (_b = this.ariaLabelBack) !== null && _b !== void 0 ? _b : 'Back';
|
|
@@ -11373,7 +11378,7 @@ class Drawer {
|
|
|
11373
11378
|
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;
|
|
11374
11379
|
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;
|
|
11375
11380
|
const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
|
|
11376
|
-
return (hAsync(Host, { key: '
|
|
11381
|
+
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" }))))));
|
|
11377
11382
|
}
|
|
11378
11383
|
get el() { return getElement(this); }
|
|
11379
11384
|
static get watchers() { return {
|
|
@@ -11385,6 +11390,7 @@ class Drawer {
|
|
|
11385
11390
|
"$tagName$": "road-drawer",
|
|
11386
11391
|
"$members$": {
|
|
11387
11392
|
"isOpen": [1028, "is-open"],
|
|
11393
|
+
"removePadding": [1028, "remove-padding"],
|
|
11388
11394
|
"position": [1],
|
|
11389
11395
|
"drawerWidth": [2, "drawer-width"],
|
|
11390
11396
|
"hasInverseHeader": [4, "has-inverse-header"],
|
|
@@ -11405,7 +11411,7 @@ class Drawer {
|
|
|
11405
11411
|
}; }
|
|
11406
11412
|
}
|
|
11407
11413
|
|
|
11408
|
-
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:
|
|
11414
|
+
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}";
|
|
11409
11415
|
var RoadDropdownStyle0 = dropdownCss;
|
|
11410
11416
|
|
|
11411
11417
|
class Dropdown$1 {
|
|
@@ -11489,7 +11495,7 @@ class Dropdown {
|
|
|
11489
11495
|
this.isOpen = false;
|
|
11490
11496
|
}
|
|
11491
11497
|
render() {
|
|
11492
|
-
return (hAsync("details", { key: '
|
|
11498
|
+
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" }))));
|
|
11493
11499
|
}
|
|
11494
11500
|
get el() { return getElement(this); }
|
|
11495
11501
|
static get style() { return RoadProfilDropdownStyle0; }
|
|
@@ -30291,10 +30297,10 @@ class PlateNumber {
|
|
|
30291
30297
|
render() {
|
|
30292
30298
|
const value = this.getValue();
|
|
30293
30299
|
const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
|
|
30294
|
-
return (hAsync("road-input-group", { key: '
|
|
30300
|
+
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
|
|
30295
30301
|
.filter(item => item.country === this.country)[0].letter))), this.motorbike
|
|
30296
30302
|
? (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 }))
|
|
30297
|
-
: (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: '
|
|
30303
|
+
: (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" }))));
|
|
30298
30304
|
}
|
|
30299
30305
|
static get watchers() { return {
|
|
30300
30306
|
"value": ["valueChanged"]
|
|
@@ -30362,7 +30368,7 @@ class ProgressBar {
|
|
|
30362
30368
|
const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
|
|
30363
30369
|
const light = this.light ? 'progress progress-light' : 'progress';
|
|
30364
30370
|
const animation = this.animation ? 'animation' : '';
|
|
30365
|
-
return (hAsync(Host, { key: '
|
|
30371
|
+
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))));
|
|
30366
30372
|
}
|
|
30367
30373
|
static get style() { return RoadProgressStyle0; }
|
|
30368
30374
|
static get cmpMeta() { return {
|
|
@@ -30403,7 +30409,7 @@ class ProgressIndicatorVertical {
|
|
|
30403
30409
|
registerInstance(this, hostRef);
|
|
30404
30410
|
}
|
|
30405
30411
|
render() {
|
|
30406
|
-
return (hAsync(Host, { key: '
|
|
30412
|
+
return (hAsync(Host, { key: '53374580ae8974a098d78a601f16c11d046d05a0' }, hAsync("nav", { key: '172b56e4f067cd3aff24cbc8f619f623cee6e7fc' }, hAsync("ul", { key: '76fc4af3a83915d53365f3e813612e10ac7bbca7' }, hAsync("li", { key: 'a30ca0d908dc432e31cf04748df08d87bc527f61' }, hAsync("slot", { key: '2bb8112daa5f3799b8936939dce9818fa17f756d' }))))));
|
|
30407
30413
|
}
|
|
30408
30414
|
static get style() { return RoadProgressIndicatorVerticalStyle0; }
|
|
30409
30415
|
static get cmpMeta() { return {
|
|
@@ -30427,7 +30433,7 @@ class ProgressIndicatorVerticalItem {
|
|
|
30427
30433
|
registerInstance(this, hostRef);
|
|
30428
30434
|
}
|
|
30429
30435
|
render() {
|
|
30430
|
-
return (hAsync(Host, { key: '
|
|
30436
|
+
return (hAsync(Host, { key: 'd3ba92c8ba422c910a790c232cc6c43acf21a316' }, hAsync("slot", { key: '471a58e0dbbcad1601c6bfec7e90cc4ced55f172' })));
|
|
30431
30437
|
}
|
|
30432
30438
|
static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
|
|
30433
30439
|
static get cmpMeta() { return {
|
|
@@ -30456,7 +30462,7 @@ class ProgressTracker {
|
|
|
30456
30462
|
registerInstance(this, hostRef);
|
|
30457
30463
|
}
|
|
30458
30464
|
render() {
|
|
30459
|
-
return (hAsync(Host, { key: '
|
|
30465
|
+
return (hAsync(Host, { key: '9a0c92424113ac6ed3a422e2b72a597a1c7e56ae' }, hAsync("nav", { key: '1f4a7756e005ecaac2ae04d69cfa56f44a3db114' }, hAsync("ul", { key: 'dd386017509fcabfbc30d8970fa60d293d209e9e' }, hAsync("li", { key: '1e2ca3005116579b3917b51867a09d975c9c1891' }, hAsync("slot", { key: 'aa5268a3e7f35906bb37354e88b825f839d2774d' }))))));
|
|
30460
30466
|
}
|
|
30461
30467
|
static get style() { return RoadProgressTrackerStyle0; }
|
|
30462
30468
|
static get cmpMeta() { return {
|
|
@@ -30488,7 +30494,7 @@ class ProgressTrackerItem {
|
|
|
30488
30494
|
registerInstance(this, hostRef);
|
|
30489
30495
|
}
|
|
30490
30496
|
render() {
|
|
30491
|
-
return (hAsync(Host, { key: '
|
|
30497
|
+
return (hAsync(Host, { key: 'fa846bf7750217b756e2c63925636d75100e52f0' }, hAsync("slot", { key: '3b37dca6ac078595ce7e739cd980661387f50e59' })));
|
|
30492
30498
|
}
|
|
30493
30499
|
static get style() { return RoadProgressTrackerItemStyle0; }
|
|
30494
30500
|
static get cmpMeta() { return {
|
|
@@ -30581,7 +30587,7 @@ class Radio {
|
|
|
30581
30587
|
const inverseClass = this.inverse && 'form-radio-inverse';
|
|
30582
30588
|
const isInvalidClass = this.error ? 'is-invalid' : '';
|
|
30583
30589
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
30584
|
-
return (hAsync(Host, { key: '
|
|
30590
|
+
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))));
|
|
30585
30591
|
}
|
|
30586
30592
|
get el() { return getElement(this); }
|
|
30587
30593
|
static get style() { return RoadRadioStyle0; }
|
|
@@ -30675,7 +30681,7 @@ class RadioGroup {
|
|
|
30675
30681
|
render() {
|
|
30676
30682
|
const labelId = `${this.radioGroupId}-label`;
|
|
30677
30683
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
30678
|
-
return (hAsync(Host, { key: '
|
|
30684
|
+
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)));
|
|
30679
30685
|
}
|
|
30680
30686
|
get el() { return getElement(this); }
|
|
30681
30687
|
static get watchers() { return {
|
|
@@ -30805,14 +30811,14 @@ class Range {
|
|
|
30805
30811
|
render() {
|
|
30806
30812
|
const value = this.getValue();
|
|
30807
30813
|
const datalist = this.showLabels !== undefined ? `tickmarks` : "";
|
|
30808
|
-
return (hAsync(Host, { key: '
|
|
30814
|
+
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: {
|
|
30809
30815
|
"--min": this.min,
|
|
30810
30816
|
"--max": this.max,
|
|
30811
30817
|
"--value": value,
|
|
30812
30818
|
"--background-color": this.disabled
|
|
30813
30819
|
? "var(--road-surface-disabled)"
|
|
30814
30820
|
: "initial",
|
|
30815
|
-
} }, this.showValue && hAsync("output", { key: '
|
|
30821
|
+
} }, 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" })))));
|
|
30816
30822
|
}
|
|
30817
30823
|
get el() { return getElement(this); }
|
|
30818
30824
|
static get watchers() { return {
|
|
@@ -30881,7 +30887,7 @@ class Rating {
|
|
|
30881
30887
|
const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
|
|
30882
30888
|
const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
|
|
30883
30889
|
const readOnly = this.readonly == true ? `readonly` : '';
|
|
30884
|
-
return (hAsync(Host, { key: '
|
|
30890
|
+
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}`, ")")));
|
|
30885
30891
|
}
|
|
30886
30892
|
static get style() { return RoadRatingStyle0; }
|
|
30887
30893
|
static get cmpMeta() { return {
|
|
@@ -32225,7 +32231,10 @@ i18n.phonenumbers.AsYouTypeFormatter.prototype.inputDigitHelper_=function(a){var
|
|
|
32225
32231
|
});
|
|
32226
32232
|
}(libphonenumber));
|
|
32227
32233
|
|
|
32228
|
-
|
|
32234
|
+
// list of forbidden characters
|
|
32235
|
+
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', '!', '@', '#', '$', '%', '^', '&', '*', '(', ')', '_', '=', '[', ']', '{', '}', '|', ';', ':', "'", '"', ',', '.', '<', '>', '/', '?'];
|
|
32236
|
+
|
|
32237
|
+
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}";
|
|
32229
32238
|
var RoadPhoneNumberInputStyle0 = phoneNumberInputCss;
|
|
32230
32239
|
|
|
32231
32240
|
let selectIds$1 = 0;
|
|
@@ -32256,12 +32265,8 @@ class RoadPhoneNumberInput {
|
|
|
32256
32265
|
phone: this.resetPhoneUtilData(),
|
|
32257
32266
|
};
|
|
32258
32267
|
}
|
|
32259
|
-
updateMessagePosition() {
|
|
32260
|
-
this.placeErrorMessage();
|
|
32261
|
-
}
|
|
32262
32268
|
// On component load
|
|
32263
32269
|
componentWillLoad() {
|
|
32264
|
-
this.placeErrorMessage();
|
|
32265
32270
|
let fromSelect = false;
|
|
32266
32271
|
if (this.phoneValue) {
|
|
32267
32272
|
this.phoneNumber = this.phoneValue;
|
|
@@ -32278,35 +32283,17 @@ class RoadPhoneNumberInput {
|
|
|
32278
32283
|
}
|
|
32279
32284
|
// On user input
|
|
32280
32285
|
handleInput(event) {
|
|
32281
|
-
|
|
32286
|
+
const input = event.target;
|
|
32287
|
+
this.phoneNumber = input.value;
|
|
32282
32288
|
this.createAndDispatchPhoneData();
|
|
32283
32289
|
}
|
|
32284
32290
|
// On user key down
|
|
32285
32291
|
handleKeyDown(event) {
|
|
32286
|
-
//
|
|
32287
|
-
|
|
32288
|
-
// Vérifier si la touche pressée est dans la liste des caractères interdits
|
|
32289
|
-
if (caracteresInterdits.includes(event.key)) {
|
|
32292
|
+
// checks if the forbidden characters's list contains the pressed key
|
|
32293
|
+
if (forbiddenChars.includes(event.key)) {
|
|
32290
32294
|
event.preventDefault();
|
|
32291
32295
|
}
|
|
32292
32296
|
}
|
|
32293
|
-
// On user key up
|
|
32294
|
-
handleKeyUp(event) {
|
|
32295
|
-
// Récupérer la valeur saisie
|
|
32296
|
-
const inputValue = event.target.value || '';
|
|
32297
|
-
// Vérifier si la valeur contient uniquement des chiffres ou le symbole "+"
|
|
32298
|
-
const containsOnlyNumbersAndPlus = /^[0-9+]*$/.test(inputValue);
|
|
32299
|
-
// Si la valeur ne contient pas uniquement des chiffres ou le symbole "+", réinitialiser le champ de saisie à son état précédent
|
|
32300
|
-
if (!containsOnlyNumbersAndPlus) {
|
|
32301
|
-
// Réinitialiser la valeur du champ de saisie à son état précédent
|
|
32302
|
-
event.target.value = this.phoneNumber;
|
|
32303
|
-
}
|
|
32304
|
-
else {
|
|
32305
|
-
// Si la valeur contient uniquement des chiffres ou le symbole "+", mettre à jour la valeur du numéro de téléphone
|
|
32306
|
-
this.phoneNumber = inputValue;
|
|
32307
|
-
this.createAndDispatchPhoneData();
|
|
32308
|
-
}
|
|
32309
|
-
}
|
|
32310
32297
|
// On user select
|
|
32311
32298
|
handleSelect(event) {
|
|
32312
32299
|
const select = event.target;
|
|
@@ -32318,6 +32305,7 @@ class RoadPhoneNumberInput {
|
|
|
32318
32305
|
this.updateCountryOptions();
|
|
32319
32306
|
}
|
|
32320
32307
|
createAndDispatchPhoneData(fromSelect) {
|
|
32308
|
+
var _a;
|
|
32321
32309
|
// Init phone util
|
|
32322
32310
|
const phoneUtil = libphonenumber.exports.PhoneNumberUtil.getInstance();
|
|
32323
32311
|
const PNF = libphonenumber.exports.PhoneNumberFormat;
|
|
@@ -32325,7 +32313,7 @@ class RoadPhoneNumberInput {
|
|
|
32325
32313
|
this.returnObject.phone = this.resetPhoneUtilData();
|
|
32326
32314
|
const tmpCountry = this.selectedCountry.length ? this.selectedCountry : this.countryData[0].countryCode;
|
|
32327
32315
|
try {
|
|
32328
|
-
const parsedPhoneNumber = phoneUtil.parse(this.phoneNumber, tmpCountry);
|
|
32316
|
+
const parsedPhoneNumber = phoneUtil.parse((_a = this.phoneNumber) !== null && _a !== void 0 ? _a : '', tmpCountry);
|
|
32329
32317
|
this.returnObject.isError = !phoneUtil.isValidNumber(parsedPhoneNumber) && !this.isEmptyPhoneNumber();
|
|
32330
32318
|
this.returnObject.phone.nationalNumber = phoneUtil.format(parsedPhoneNumber, PNF.NATIONAL);
|
|
32331
32319
|
this.returnObject.phone.internationalNumber = phoneUtil.format(parsedPhoneNumber, PNF.INTERNATIONAL);
|
|
@@ -32347,7 +32335,7 @@ class RoadPhoneNumberInput {
|
|
|
32347
32335
|
const phoneType = Object.entries(libphonenumber.exports.PhoneNumberType).find(entry => entry[1] === phoneUtil.getNumberType(parsedPhoneNumber));
|
|
32348
32336
|
this.returnObject.phone.numberType = phoneType[0];
|
|
32349
32337
|
}
|
|
32350
|
-
catch (
|
|
32338
|
+
catch (_b) { }
|
|
32351
32339
|
finally {
|
|
32352
32340
|
this.roadPhoneNumberInput.emit(this.returnObject);
|
|
32353
32341
|
}
|
|
@@ -32360,16 +32348,18 @@ class RoadPhoneNumberInput {
|
|
|
32360
32348
|
this.selectedCountry = value;
|
|
32361
32349
|
}
|
|
32362
32350
|
resetPhoneUtilData() {
|
|
32351
|
+
var _a, _b;
|
|
32363
32352
|
return {
|
|
32364
32353
|
numberType: 'UNKNOWN',
|
|
32365
32354
|
countryCode: this.selectedCountry,
|
|
32366
32355
|
code: this.selectedCountryCode,
|
|
32367
|
-
nationalNumber: this.phoneNumber,
|
|
32368
|
-
internationalNumber: this.phoneNumber,
|
|
32356
|
+
nationalNumber: (_a = this.phoneNumber) !== null && _a !== void 0 ? _a : '',
|
|
32357
|
+
internationalNumber: (_b = this.phoneNumber) !== null && _b !== void 0 ? _b : '',
|
|
32369
32358
|
};
|
|
32370
32359
|
}
|
|
32371
32360
|
isEmptyPhoneNumber() {
|
|
32372
|
-
|
|
32361
|
+
var _a;
|
|
32362
|
+
return !((_a = this.phoneNumber) === null || _a === void 0 ? void 0 : _a.length);
|
|
32373
32363
|
}
|
|
32374
32364
|
getPhoneCodeFromCountryCode(countryCode) {
|
|
32375
32365
|
var _a;
|
|
@@ -32394,43 +32384,24 @@ class RoadPhoneNumberInput {
|
|
|
32394
32384
|
},
|
|
32395
32385
|
];
|
|
32396
32386
|
}
|
|
32397
|
-
|
|
32398
|
-
this.
|
|
32399
|
-
messError.style.display = "flex";
|
|
32400
|
-
messError.style.marginTop = "-0.5rem";
|
|
32401
|
-
const phoneNumberInput = this.el;
|
|
32402
|
-
phoneNumberInput.appendChild(messError);
|
|
32403
|
-
});
|
|
32404
|
-
}
|
|
32405
|
-
waitForElementToExist(selector) {
|
|
32406
|
-
return new Promise(resolve => {
|
|
32407
|
-
if (document.querySelector(selector)) {
|
|
32408
|
-
return resolve(document.querySelector(selector));
|
|
32409
|
-
}
|
|
32410
|
-
const observer = new MutationObserver(() => {
|
|
32411
|
-
if (document.querySelector(selector)) {
|
|
32412
|
-
resolve(document.querySelector(selector));
|
|
32413
|
-
observer.disconnect();
|
|
32414
|
-
}
|
|
32415
|
-
});
|
|
32416
|
-
observer.observe(document.body, {
|
|
32417
|
-
subtree: true,
|
|
32418
|
-
childList: true,
|
|
32419
|
-
});
|
|
32420
|
-
});
|
|
32387
|
+
hasValue() {
|
|
32388
|
+
return this.phoneNumber !== '' && this.phoneNumber !== null;
|
|
32421
32389
|
}
|
|
32422
32390
|
render() {
|
|
32423
|
-
const
|
|
32391
|
+
const id = selectIds$1++;
|
|
32392
|
+
const selectId = `road-phone-number-select-${id}`;
|
|
32393
|
+
const inputId = `road-phone-number-input-${id}`;
|
|
32424
32394
|
const labelId = selectId + '-label';
|
|
32425
32395
|
const valueId = selectId + '-value';
|
|
32426
32396
|
const isInvalidClass = this.errorMessage.length ? 'is-invalid' : '';
|
|
32427
32397
|
const isErrorClass = this.errorMessage.length ? 'is-error' : '';
|
|
32428
|
-
|
|
32398
|
+
const hasValueClass = this.hasValue() ? 'has-value' : '';
|
|
32399
|
+
const sizes = 'xl';
|
|
32400
|
+
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
|
|
32401
|
+
&& this.errorMessage !== ''
|
|
32402
|
+
&& 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)));
|
|
32429
32403
|
}
|
|
32430
32404
|
get el() { return getElement(this); }
|
|
32431
|
-
static get watchers() { return {
|
|
32432
|
-
"errorMessage": ["updateMessagePosition"]
|
|
32433
|
-
}; }
|
|
32434
32405
|
static get style() { return RoadPhoneNumberInputStyle0; }
|
|
32435
32406
|
static get cmpMeta() { return {
|
|
32436
32407
|
"$flags$": 2,
|
|
@@ -32468,7 +32439,7 @@ class Row {
|
|
|
32468
32439
|
registerInstance(this, hostRef);
|
|
32469
32440
|
}
|
|
32470
32441
|
render() {
|
|
32471
|
-
return (hAsync(Host, { key: '
|
|
32442
|
+
return (hAsync(Host, { key: '891c70924e7955aa953e3e233cd57dd6aff4068a' }, hAsync("slot", { key: 'acb726260f4492a126b9aa1f51d89b329bf6a09c' })));
|
|
32472
32443
|
}
|
|
32473
32444
|
static get style() { return RoadRowStyle0; }
|
|
32474
32445
|
static get cmpMeta() { return {
|
|
@@ -32540,10 +32511,10 @@ class SegmentedButton {
|
|
|
32540
32511
|
render() {
|
|
32541
32512
|
const { tabIndex, selected, tab } = this;
|
|
32542
32513
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
32543
|
-
return (hAsync(Host, { key: '
|
|
32514
|
+
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: {
|
|
32544
32515
|
'tab-selected': selected,
|
|
32545
32516
|
[`${sizeClass}`]: true,
|
|
32546
|
-
} }, hAsync("span", { key: '
|
|
32517
|
+
} }, hAsync("span", { key: '87ee95ccb7c44cfe7bff797d1b693f1ae4cf0ad7', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("slot", { key: 'a6fd94b01bba4f71b3689f62a736050e7132add0' }))));
|
|
32547
32518
|
}
|
|
32548
32519
|
get el() { return getElement(this); }
|
|
32549
32520
|
static get style() { return RoadSegmentedButtonStyle0; }
|
|
@@ -32664,7 +32635,7 @@ class Select {
|
|
|
32664
32635
|
const labelId = this.selectId + '-label';
|
|
32665
32636
|
const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
|
|
32666
32637
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
32667
|
-
return (hAsync(Host, { key: '
|
|
32638
|
+
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)));
|
|
32668
32639
|
}
|
|
32669
32640
|
static get watchers() { return {
|
|
32670
32641
|
"value": ["valueChanged"]
|
|
@@ -34585,8 +34556,8 @@ class SelectFilter {
|
|
|
34585
34556
|
const options = this.filteredOptions;
|
|
34586
34557
|
const isActive = this.isActive ? 'true' : 'false';
|
|
34587
34558
|
const notActive = this.isActive ? '' : 'not-active';
|
|
34588
|
-
return (hAsync(Host, { key: '
|
|
34589
|
-
hAsync("ul", { key: '
|
|
34559
|
+
return (hAsync(Host, { key: '4443cee3d13ade9d17d364aa112f7d13ac9a27d1', "is-active": isActive }, hAsync("slot", { key: 'ed15841a9e665154f9988f76e8ac56c1788fd750' }), this.isOpen &&
|
|
34560
|
+
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 }))))));
|
|
34590
34561
|
}
|
|
34591
34562
|
get el() { return getElement(this); }
|
|
34592
34563
|
static get style() { return RoadSelectFilterStyle0; }
|
|
@@ -34616,7 +34587,7 @@ class Skeleton {
|
|
|
34616
34587
|
registerInstance(this, hostRef);
|
|
34617
34588
|
}
|
|
34618
34589
|
render() {
|
|
34619
|
-
return (hAsync("span", { key: '
|
|
34590
|
+
return (hAsync("span", { key: '76fc5d6e478e6486b0f4f3e5e3afd7e1a8c0049f' }, "\u00A0"));
|
|
34620
34591
|
}
|
|
34621
34592
|
static get style() { return RoadSkeletonStyle0; }
|
|
34622
34593
|
static get cmpMeta() { return {
|
|
@@ -34647,7 +34618,7 @@ class Spinner {
|
|
|
34647
34618
|
render() {
|
|
34648
34619
|
const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
|
|
34649
34620
|
const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
|
|
34650
|
-
return (hAsync("svg", { key: '
|
|
34621
|
+
return (hAsync("svg", { key: '66ff9c668eec8fc73a2f93015094934b9fb0b181', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: '5b2c9b4c104607084c0d2249c5b7dc31429ad39a', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
|
|
34651
34622
|
}
|
|
34652
34623
|
static get style() { return RoadSpinnerStyle0; }
|
|
34653
34624
|
static get cmpMeta() { return {
|
|
@@ -34697,7 +34668,7 @@ class Stepper {
|
|
|
34697
34668
|
const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
|
|
34698
34669
|
const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
|
|
34699
34670
|
const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
|
|
34700
|
-
return (hAsync(Host, { key: '
|
|
34671
|
+
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" }))))))));
|
|
34701
34672
|
}
|
|
34702
34673
|
static get style() { return RoadProgressIndicatorHorizontalStyle0; }
|
|
34703
34674
|
static get cmpMeta() { return {
|
|
@@ -34799,11 +34770,11 @@ class Switch {
|
|
|
34799
34770
|
}
|
|
34800
34771
|
render() {
|
|
34801
34772
|
const labelId = this.switchId + '-label';
|
|
34802
|
-
const textLabel = hAsync("label", { key: '
|
|
34773
|
+
const textLabel = hAsync("label", { key: 'f8a8b7641286294d251bc6d10b45fc97607cba49', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
|
|
34803
34774
|
const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
|
|
34804
34775
|
const isSpacedClass = this.isSpaced && 'form-switch-spaced';
|
|
34805
34776
|
const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
|
|
34806
|
-
return (hAsync(Host, { key: '
|
|
34777
|
+
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)));
|
|
34807
34778
|
}
|
|
34808
34779
|
static get watchers() { return {
|
|
34809
34780
|
"checked": ["checkedChanged"]
|
|
@@ -34858,9 +34829,9 @@ class Tab {
|
|
|
34858
34829
|
}
|
|
34859
34830
|
render() {
|
|
34860
34831
|
const { tab, active } = this;
|
|
34861
|
-
return (hAsync(Host, { key: '
|
|
34832
|
+
return (hAsync(Host, { key: '24b66a77921452273dbf57f3f44ac3cffbaecf8f', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
34862
34833
|
'tab-hidden': !active,
|
|
34863
|
-
} }, hAsync("slot", { key: '
|
|
34834
|
+
} }, hAsync("slot", { key: '63f0d57bf74b8d562fecfbc881f8199d68080e89' })));
|
|
34864
34835
|
}
|
|
34865
34836
|
get el() { return getElement(this); }
|
|
34866
34837
|
static get style() { return RoadTabStyle0; }
|
|
@@ -34920,11 +34891,11 @@ class TabBar {
|
|
|
34920
34891
|
}
|
|
34921
34892
|
render() {
|
|
34922
34893
|
const { expand, center, secondary } = this;
|
|
34923
|
-
return (hAsync(Host, { key: '
|
|
34894
|
+
return (hAsync(Host, { key: '7c2795d50362e570f6a3371fde1e987bfc6389fd', role: "tablist", class: {
|
|
34924
34895
|
'tab-expand': expand,
|
|
34925
34896
|
'tab-center': center,
|
|
34926
34897
|
'tab-secondary': secondary,
|
|
34927
|
-
} }, hAsync("slot", { key: '
|
|
34898
|
+
} }, hAsync("slot", { key: '94d18f97a0e96a8e8cef400b4b08feef32210782' })));
|
|
34928
34899
|
}
|
|
34929
34900
|
get el() { return getElement(this); }
|
|
34930
34901
|
static get watchers() { return {
|
|
@@ -35024,7 +34995,7 @@ class TabButton {
|
|
|
35024
34995
|
rel,
|
|
35025
34996
|
target,
|
|
35026
34997
|
};
|
|
35027
|
-
return (hAsync(Host, { key: '
|
|
34998
|
+
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: {
|
|
35028
34999
|
'tab-selected': selected,
|
|
35029
35000
|
'tab-has-label': hasLabel,
|
|
35030
35001
|
'tab-has-icon': hasIcon,
|
|
@@ -35032,7 +35003,7 @@ class TabButton {
|
|
|
35032
35003
|
'tab-has-icon-only': hasIcon && !hasLabel,
|
|
35033
35004
|
[`tab-layout-${layout}`]: true,
|
|
35034
35005
|
'tab-disabled': disabled, // Classe CSS pour les styles désactivés
|
|
35035
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
35006
|
+
} }, 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' })))));
|
|
35036
35007
|
}
|
|
35037
35008
|
get el() { return getElement(this); }
|
|
35038
35009
|
static get style() { return RoadTabButtonStyle0; }
|
|
@@ -35066,7 +35037,7 @@ class Table {
|
|
|
35066
35037
|
registerInstance(this, hostRef);
|
|
35067
35038
|
}
|
|
35068
35039
|
render() {
|
|
35069
|
-
return (hAsync("slot", { key: '
|
|
35040
|
+
return (hAsync("slot", { key: '1255550161fc3591df1269296d7dbd2bd2dc86b6' }));
|
|
35070
35041
|
}
|
|
35071
35042
|
static get style() { return RoadTableStyle0; }
|
|
35072
35043
|
static get cmpMeta() { return {
|
|
@@ -35174,7 +35145,7 @@ class Tabs$1 {
|
|
|
35174
35145
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35175
35146
|
}
|
|
35176
35147
|
render() {
|
|
35177
|
-
return (hAsync(Host, { key: '
|
|
35148
|
+
return (hAsync(Host, { key: '8e28299a9d4821c74d9e62b25b6b8ad72fac01da', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: '2e154363be587d35480818a016f9bc8973709724', name: "top" }), hAsync("slot", { key: '77044401892a3a9245eb9029178d82df516c7252' })));
|
|
35178
35149
|
}
|
|
35179
35150
|
get el() { return getElement(this); }
|
|
35180
35151
|
static get style() { return RoadSegmentedButtonsStyle0; }
|
|
@@ -35310,7 +35281,7 @@ class Tabs {
|
|
|
35310
35281
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
35311
35282
|
}
|
|
35312
35283
|
render() {
|
|
35313
|
-
return (hAsync(Host, { key: '
|
|
35284
|
+
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' }))));
|
|
35314
35285
|
}
|
|
35315
35286
|
get el() { return getElement(this); }
|
|
35316
35287
|
static get style() { return RoadTabsStyle0; }
|
|
@@ -35358,7 +35329,7 @@ class Tag {
|
|
|
35358
35329
|
}
|
|
35359
35330
|
render() {
|
|
35360
35331
|
const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
|
|
35361
|
-
return (hAsync(Host, { key: '
|
|
35332
|
+
return (hAsync(Host, { key: '474f7b6662f78c0258d4573377bca6c8cda09bbb', class: `${contrastClass}` }, hAsync("slot", { key: 'f58667d0bd8ffc1839df5b0c1572447d8445d4ae' })));
|
|
35362
35333
|
}
|
|
35363
35334
|
static get style() { return RoadTagStyle0; }
|
|
35364
35335
|
static get cmpMeta() { return {
|
|
@@ -35390,7 +35361,7 @@ class Text {
|
|
|
35390
35361
|
}
|
|
35391
35362
|
render() {
|
|
35392
35363
|
const colorClass = this.color !== undefined ? `text-${this.color}` : '';
|
|
35393
|
-
return (hAsync(Host, { key: '
|
|
35364
|
+
return (hAsync(Host, { key: 'bb23b71b76a33ff446f23c24ba4f53f41bf2445f', class: `${colorClass}` }, hAsync("slot", { key: 'd1a14d98cae107a96314bbaea01687183cf60447' })));
|
|
35394
35365
|
}
|
|
35395
35366
|
static get style() { return RoadTextStyle0; }
|
|
35396
35367
|
static get cmpMeta() { return {
|
|
@@ -35500,7 +35471,7 @@ class Textarea {
|
|
|
35500
35471
|
const hasValueClass = this.value !== '' ? 'has-value' : '';
|
|
35501
35472
|
const noResizeClass = this.resize == false ? 'no-resize' : '';
|
|
35502
35473
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
35503
|
-
return (hAsync(Host, { key: '
|
|
35474
|
+
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)));
|
|
35504
35475
|
}
|
|
35505
35476
|
static get watchers() { return {
|
|
35506
35477
|
"value": ["valueChanged"]
|
|
@@ -35631,7 +35602,7 @@ class Toast {
|
|
|
35631
35602
|
if (this.color == 'danger') {
|
|
35632
35603
|
this.timeout = 0;
|
|
35633
35604
|
}
|
|
35634
|
-
return (hAsync(Host, { key: '
|
|
35605
|
+
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" }))));
|
|
35635
35606
|
}
|
|
35636
35607
|
static get watchers() { return {
|
|
35637
35608
|
"isOpen": ["isOpenChanged"]
|
|
@@ -35671,7 +35642,7 @@ class Toolbar {
|
|
|
35671
35642
|
}
|
|
35672
35643
|
render() {
|
|
35673
35644
|
const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
|
|
35674
|
-
return (hAsync(Host, { key: '
|
|
35645
|
+
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" }))));
|
|
35675
35646
|
}
|
|
35676
35647
|
static get style() { return RoadToolbarStyle0; }
|
|
35677
35648
|
static get cmpMeta() { return {
|
|
@@ -35697,7 +35668,7 @@ class ToolbarAppName {
|
|
|
35697
35668
|
registerInstance(this, hostRef);
|
|
35698
35669
|
}
|
|
35699
35670
|
render() {
|
|
35700
|
-
return (hAsync("div", { key: '
|
|
35671
|
+
return (hAsync("div", { key: 'dc61258415913c4112dd06bcc23a94db38fab00e', class: "toolbar-title-page" }, hAsync("slot", { key: 'f39c19ff690566100558556751e8380bb448eb72' })));
|
|
35701
35672
|
}
|
|
35702
35673
|
static get style() { return RoadToolbarTitlePageStyle0; }
|
|
35703
35674
|
static get cmpMeta() { return {
|
|
@@ -35721,7 +35692,7 @@ class ToolbarTitle {
|
|
|
35721
35692
|
registerInstance(this, hostRef);
|
|
35722
35693
|
}
|
|
35723
35694
|
render() {
|
|
35724
|
-
return (hAsync("div", { key: '
|
|
35695
|
+
return (hAsync("div", { key: '79254e204a533572207f3779ee0d20d814bbbecd', class: "toolbar-title" }, hAsync("slot", { key: '29cce3ccf19f113e99e1b2b4c84322efc0b94f94' })));
|
|
35725
35696
|
}
|
|
35726
35697
|
static get style() { return RoadToolbarTitleStyle0; }
|
|
35727
35698
|
static get cmpMeta() { return {
|
|
@@ -35750,7 +35721,7 @@ class ToolbarV2 {
|
|
|
35750
35721
|
registerInstance(this, hostRef);
|
|
35751
35722
|
}
|
|
35752
35723
|
render() {
|
|
35753
|
-
return (hAsync(Host, { key: '
|
|
35724
|
+
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" })))));
|
|
35754
35725
|
}
|
|
35755
35726
|
static get style() { return RoadToolbarV2Style0; }
|
|
35756
35727
|
static get cmpMeta() { return {
|
|
@@ -35863,12 +35834,12 @@ class Tooltip {
|
|
|
35863
35834
|
return triggers.includes(triggerType);
|
|
35864
35835
|
}
|
|
35865
35836
|
render() {
|
|
35866
|
-
return (hAsync(Host, { key: '
|
|
35837
|
+
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
|
|
35867
35838
|
,
|
|
35868
|
-
"data-tooltip-position": this.position }, hAsync("slot", { key: '
|
|
35839
|
+
"data-tooltip-position": this.position }, hAsync("slot", { key: 'e2985be0f2af606eb675875a1ef0e53190c54b50', "aria-describedby": this.tooltipId }), hAsync("div", { key: '45f8da72265c812ebbc781cafd7356f02294c2ae', part: "tooltip", id: this.tooltipId, class: {
|
|
35869
35840
|
tooltip: true,
|
|
35870
35841
|
'tooltip-open': this.isOpen,
|
|
35871
|
-
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: '
|
|
35842
|
+
}, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { key: 'a3d80cc2d48e26c0a5c2f45e38854601c1f3ea83', name: "tooltip-content" }))));
|
|
35872
35843
|
}
|
|
35873
35844
|
get el() { return getElement(this); }
|
|
35874
35845
|
static get style() { return RoadTooltipStyle0; }
|
|
@@ -35968,11 +35939,11 @@ class toggle {
|
|
|
35968
35939
|
}
|
|
35969
35940
|
render() {
|
|
35970
35941
|
const labelId = this.toggleId + '-label';
|
|
35971
|
-
const textLabel = hAsync("label", { key: '
|
|
35942
|
+
const textLabel = hAsync("label", { key: 'd8f6f793ae322fc4f3c78d627858836a8ace0b1e', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
|
|
35972
35943
|
const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
|
|
35973
35944
|
const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
|
|
35974
35945
|
const disabledClass = this.disabled ? 'disabled' : '';
|
|
35975
|
-
return (hAsync(Host, { key: '
|
|
35946
|
+
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)));
|
|
35976
35947
|
}
|
|
35977
35948
|
static get watchers() { return {
|
|
35978
35949
|
"checked": ["checkedChanged"]
|
|
@@ -36497,7 +36468,7 @@ var NAMESPACE = (
|
|
|
36497
36468
|
);
|
|
36498
36469
|
|
|
36499
36470
|
/*
|
|
36500
|
-
Stencil Hydrate Runner v4.27.
|
|
36471
|
+
Stencil Hydrate Runner v4.27.2 | MIT Licensed | https://stenciljs.com
|
|
36501
36472
|
*/
|
|
36502
36473
|
var __defProp = Object.defineProperty;
|
|
36503
36474
|
var __export = (target, all) => {
|