@roadtrip/components 3.45.0 → 3.45.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +35 -20
- 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-duration.cjs.entry.js +1 -1
- package/dist/cjs/road-flap.cjs.entry.js +1 -1
- package/dist/cjs/road-global-navigation-v2.cjs.entry.js +1 -1
- package/dist/cjs/road-global-navigation.cjs.entry.js +1 -1
- package/dist/cjs/road-img.cjs.entry.js +1 -1
- package/dist/cjs/road-modal.cjs.entry.js +1 -1
- package/dist/cjs/road-navbar-item-v2.cjs.entry.js +2 -2
- package/dist/cjs/road-navbar-item.cjs.entry.js +2 -2
- package/dist/cjs/road-navbar-v2.cjs.entry.js +1 -1
- package/dist/cjs/road-navbar.cjs.entry.js +1 -1
- package/dist/cjs/road-phone-number-input.cjs.entry.js +2 -2
- 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-card.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 +1 -1
- 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-status-chip.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-time-range-picker.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 +46 -32
- package/dist/cjs/road-tooltip.cjs.entry.js.map +1 -1
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/components/drawer/drawer.css +10 -5
- package/dist/collection/components/drawer/drawer.js +44 -7
- package/dist/collection/components/drawer/drawer.js.map +1 -1
- package/dist/collection/components/dropdown/dropdown.js +1 -1
- package/dist/collection/components/duration/duration.js +1 -1
- package/dist/collection/components/flap/flap.js +1 -1
- package/dist/collection/components/global-navigation/global-navigation.js +1 -1
- package/dist/collection/components/global-navigation-v2/global-navigation-v2.js +1 -1
- package/dist/collection/components/grid/grid.js +1 -1
- package/dist/collection/components/img/img.js +1 -1
- package/dist/collection/components/input/input.js +2 -2
- package/dist/collection/components/input-group/input-group.js +1 -1
- package/dist/collection/components/item/item.js +3 -3
- package/dist/collection/components/label/label.js +1 -1
- package/dist/collection/components/list/list.js +2 -2
- package/dist/collection/components/modal/modal.js +1 -1
- package/dist/collection/components/navbar/navbar.js +1 -1
- package/dist/collection/components/navbar-item/navbar-item.js +2 -2
- package/dist/collection/components/navbar-item-v2/navbar-item-v2.js +2 -2
- package/dist/collection/components/navbar-v2/navbar-v2.js +1 -1
- package/dist/collection/components/phone-number-input/phone-number-input.js +2 -2
- 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-card/radio-card.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 +1 -1
- package/dist/collection/components/skeleton/skeleton.js +1 -1
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/status-chip/status-chip.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/time-range-picker/time-range-picker.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 +52 -38
- package/dist/collection/components/tooltip/tooltip.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-badge_14.entry.js +35 -20
- package/dist/esm/road-badge_14.entry.js.map +1 -1
- package/dist/esm/road-dropdown.entry.js +1 -1
- package/dist/esm/road-duration.entry.js +1 -1
- package/dist/esm/road-flap.entry.js +1 -1
- package/dist/esm/road-global-navigation-v2.entry.js +1 -1
- package/dist/esm/road-global-navigation.entry.js +1 -1
- package/dist/esm/road-img.entry.js +1 -1
- package/dist/esm/road-modal.entry.js +1 -1
- package/dist/esm/road-navbar-item-v2.entry.js +2 -2
- package/dist/esm/road-navbar-item.entry.js +2 -2
- package/dist/esm/road-navbar-v2.entry.js +1 -1
- package/dist/esm/road-navbar.entry.js +1 -1
- package/dist/esm/road-phone-number-input.entry.js +2 -2
- 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-card.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 +1 -1
- 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-status-chip.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-time-range-picker.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 +46 -32
- package/dist/esm/road-tooltip.entry.js.map +1 -1
- package/dist/esm/roadtrip.js +1 -1
- package/dist/html.html-data.json +4 -0
- package/dist/roadtrip/{p-b5b2e36c.entry.js → p-0a9d4cd3.entry.js} +2 -2
- package/dist/roadtrip/{p-fdcebcc3.entry.js → p-110386d3.entry.js} +2 -2
- package/dist/roadtrip/{p-7955499d.entry.js → p-17dc5381.entry.js} +2 -2
- package/dist/roadtrip/{p-29ac611e.entry.js → p-1a75a359.entry.js} +2 -2
- package/dist/roadtrip/{p-a264377a.entry.js → p-1ee55ec2.entry.js} +2 -2
- package/dist/roadtrip/{p-1449b7c8.entry.js → p-261177f6.entry.js} +2 -2
- package/dist/roadtrip/{p-3a310d3d.entry.js → p-351b3b04.entry.js} +2 -2
- package/dist/roadtrip/p-382828d4.entry.js +2 -0
- package/dist/roadtrip/{p-e56c84ec.entry.js.map → p-382828d4.entry.js.map} +1 -1
- package/dist/roadtrip/{p-e7b4f257.entry.js → p-395b9785.entry.js} +2 -2
- package/dist/roadtrip/{p-4bb49a92.entry.js → p-43bb4e97.entry.js} +2 -2
- package/dist/roadtrip/p-43bb4e97.entry.js.map +1 -0
- package/dist/roadtrip/{p-24196fd2.entry.js → p-47433b76.entry.js} +2 -2
- package/dist/roadtrip/{p-45b9521f.entry.js → p-4798ebaa.entry.js} +2 -2
- package/dist/roadtrip/{p-d6a7644e.entry.js → p-47cef871.entry.js} +2 -2
- package/dist/roadtrip/{p-2797e2f2.entry.js → p-48ceee77.entry.js} +2 -2
- package/dist/roadtrip/{p-b61abebd.entry.js → p-4a69d010.entry.js} +2 -2
- package/dist/roadtrip/{p-39173ac2.entry.js → p-5d1d532a.entry.js} +2 -2
- package/dist/roadtrip/{p-b292d3fc.entry.js → p-61c4b6f1.entry.js} +2 -2
- package/dist/roadtrip/{p-9cbd5ae9.entry.js → p-68ae654b.entry.js} +2 -2
- package/dist/roadtrip/{p-c9527301.entry.js → p-6b0a37ba.entry.js} +2 -2
- package/dist/roadtrip/{p-f89e588a.entry.js → p-77e7dc8a.entry.js} +2 -2
- package/dist/roadtrip/{p-65dfd1e8.entry.js → p-790d848a.entry.js} +2 -2
- package/dist/roadtrip/{p-927cf307.entry.js → p-7bef34c4.entry.js} +2 -2
- package/dist/roadtrip/p-7ed5616c.entry.js +2 -0
- package/dist/roadtrip/{p-d881a66c.entry.js → p-7f96eb76.entry.js} +2 -2
- package/dist/roadtrip/{p-52d56ed2.entry.js → p-8a806d96.entry.js} +2 -2
- package/dist/roadtrip/{p-875b5999.entry.js → p-8eb19a44.entry.js} +2 -2
- package/dist/roadtrip/{p-6e9fac54.entry.js → p-8fad6cc9.entry.js} +2 -2
- package/dist/roadtrip/{p-302f51c6.entry.js → p-93c1be55.entry.js} +2 -2
- package/dist/roadtrip/{p-70f4387a.entry.js → p-943e31a7.entry.js} +2 -2
- package/dist/roadtrip/{p-d1517c27.entry.js → p-944ce861.entry.js} +2 -2
- package/dist/roadtrip/{p-79c3152e.entry.js → p-9af318e9.entry.js} +2 -2
- package/dist/roadtrip/{p-377d6b5b.entry.js → p-9c156562.entry.js} +2 -2
- package/dist/roadtrip/{p-c28fbcc0.entry.js → p-9d01727d.entry.js} +2 -2
- package/dist/roadtrip/{p-26b852e2.entry.js → p-9e8ae5c3.entry.js} +2 -2
- package/dist/roadtrip/{p-36288d23.entry.js → p-9f7d111d.entry.js} +2 -2
- package/dist/roadtrip/{p-b8132587.entry.js → p-a597e606.entry.js} +2 -2
- package/dist/roadtrip/{p-23315788.entry.js → p-bb1aeca6.entry.js} +4 -4
- package/dist/roadtrip/p-bb1aeca6.entry.js.map +1 -0
- package/dist/roadtrip/p-bfe3d3eb.entry.js +2 -0
- package/dist/roadtrip/{p-61191773.entry.js.map → p-bfe3d3eb.entry.js.map} +1 -1
- package/dist/roadtrip/p-c1cd98dc.entry.js +2 -0
- package/dist/roadtrip/{p-11d896b1.entry.js → p-c2e07db9.entry.js} +2 -2
- package/dist/roadtrip/{p-8cd69117.entry.js → p-c96c0597.entry.js} +2 -2
- package/dist/roadtrip/{p-4e3cc7e9.entry.js → p-cbbfe0ce.entry.js} +2 -2
- package/dist/roadtrip/{p-5b738d24.entry.js → p-da60c3a9.entry.js} +2 -2
- package/dist/roadtrip/{p-de35fded.entry.js → p-e5f94b35.entry.js} +2 -2
- package/dist/roadtrip/{p-7e0bdcf9.entry.js → p-f07047c1.entry.js} +2 -2
- package/dist/roadtrip/p-f157fec0.entry.js +2 -0
- package/dist/roadtrip/{p-c4550384.entry.js → p-f3e5e983.entry.js} +2 -2
- package/dist/roadtrip/{p-75ebf102.entry.js → p-f41d2a41.entry.js} +2 -2
- package/dist/roadtrip/{p-8753beba.entry.js → p-f4da1ccf.entry.js} +2 -2
- package/dist/roadtrip/{p-c7dd579d.entry.js → p-fcb7a3e5.entry.js} +2 -2
- 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 +8 -1
- package/dist/types/components/tooltip/tooltip.d.ts +4 -8
- package/dist/types/components.d.ts +44 -32
- package/hydrate/index.js +142 -114
- package/hydrate/index.mjs +142 -114
- package/package.json +1 -1
- package/dist/roadtrip/p-23315788.entry.js.map +0 -1
- package/dist/roadtrip/p-2ae82371.entry.js +0 -2
- package/dist/roadtrip/p-4334d85b.entry.js +0 -2
- package/dist/roadtrip/p-4bb49a92.entry.js.map +0 -1
- package/dist/roadtrip/p-61191773.entry.js +0 -2
- package/dist/roadtrip/p-e56c84ec.entry.js +0 -2
- package/dist/roadtrip/p-ff189f73.entry.js +0 -2
- /package/dist/roadtrip/{p-b5b2e36c.entry.js.map → p-0a9d4cd3.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-fdcebcc3.entry.js.map → p-110386d3.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-7955499d.entry.js.map → p-17dc5381.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-29ac611e.entry.js.map → p-1a75a359.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-a264377a.entry.js.map → p-1ee55ec2.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-1449b7c8.entry.js.map → p-261177f6.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-3a310d3d.entry.js.map → p-351b3b04.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-e7b4f257.entry.js.map → p-395b9785.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-24196fd2.entry.js.map → p-47433b76.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-45b9521f.entry.js.map → p-4798ebaa.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-d6a7644e.entry.js.map → p-47cef871.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-2797e2f2.entry.js.map → p-48ceee77.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-b61abebd.entry.js.map → p-4a69d010.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-39173ac2.entry.js.map → p-5d1d532a.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-b292d3fc.entry.js.map → p-61c4b6f1.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-9cbd5ae9.entry.js.map → p-68ae654b.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c9527301.entry.js.map → p-6b0a37ba.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-f89e588a.entry.js.map → p-77e7dc8a.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-65dfd1e8.entry.js.map → p-790d848a.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-927cf307.entry.js.map → p-7bef34c4.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-4334d85b.entry.js.map → p-7ed5616c.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-d881a66c.entry.js.map → p-7f96eb76.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-52d56ed2.entry.js.map → p-8a806d96.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-875b5999.entry.js.map → p-8eb19a44.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-6e9fac54.entry.js.map → p-8fad6cc9.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-302f51c6.entry.js.map → p-93c1be55.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-70f4387a.entry.js.map → p-943e31a7.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-d1517c27.entry.js.map → p-944ce861.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-79c3152e.entry.js.map → p-9af318e9.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-377d6b5b.entry.js.map → p-9c156562.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c28fbcc0.entry.js.map → p-9d01727d.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-26b852e2.entry.js.map → p-9e8ae5c3.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-36288d23.entry.js.map → p-9f7d111d.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-b8132587.entry.js.map → p-a597e606.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-2ae82371.entry.js.map → p-c1cd98dc.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-11d896b1.entry.js.map → p-c2e07db9.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-8cd69117.entry.js.map → p-c96c0597.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-4e3cc7e9.entry.js.map → p-cbbfe0ce.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-5b738d24.entry.js.map → p-da60c3a9.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-de35fded.entry.js.map → p-e5f94b35.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-7e0bdcf9.entry.js.map → p-f07047c1.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-ff189f73.entry.js.map → p-f157fec0.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c4550384.entry.js.map → p-f3e5e983.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-75ebf102.entry.js.map → p-f41d2a41.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-8753beba.entry.js.map → p-f4da1ccf.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c7dd579d.entry.js.map → p-fcb7a3e5.entry.js.map} +0 -0
package/hydrate/index.mjs
CHANGED
|
@@ -3836,7 +3836,7 @@ class ButtonBar {
|
|
|
3836
3836
|
this.selectedTabChanged();
|
|
3837
3837
|
}
|
|
3838
3838
|
render() {
|
|
3839
|
-
return (hAsync(Host, { key: '
|
|
3839
|
+
return (hAsync(Host, { key: 'd4cf00bc997e0ed05484681fb5fc5f554b3d6fbd', role: "tablist" }, hAsync("slot", { key: 'cadf449cf80d55a0fe297fff440f65f6c096c371' })));
|
|
3840
3840
|
}
|
|
3841
3841
|
get el() { return getElement(this); }
|
|
3842
3842
|
static get watchers() { return {
|
|
@@ -10470,7 +10470,6 @@ class Carousel {
|
|
|
10470
10470
|
this.setupKeyboardNavigation();
|
|
10471
10471
|
}
|
|
10472
10472
|
componentDidUpdate() {
|
|
10473
|
-
console.log("%c🤪 ~ file: carousel.tsx:97 : ", "color: #d45d87", "componentDidUpdate");
|
|
10474
10473
|
this.initSwiper();
|
|
10475
10474
|
}
|
|
10476
10475
|
disconnectedCallback() {
|
|
@@ -10657,7 +10656,6 @@ class Carousel {
|
|
|
10657
10656
|
},
|
|
10658
10657
|
};
|
|
10659
10658
|
if (this.pager) {
|
|
10660
|
-
console.log("%c🤪 ~ file: carousel.tsx:325 : ", "color: #2ee0b6", this.pagertype);
|
|
10661
10659
|
swiperOptions.pagination = {
|
|
10662
10660
|
el: this.paginationEl,
|
|
10663
10661
|
type: this.pagertype,
|
|
@@ -10706,7 +10704,7 @@ class Carousel {
|
|
|
10706
10704
|
});
|
|
10707
10705
|
}
|
|
10708
10706
|
render() {
|
|
10709
|
-
return (hAsync(Host, { key: '
|
|
10707
|
+
return (hAsync(Host, { key: 'fc3ffdd804e5891f91fdc8686f556e595e772e1c', class: "swiper-container", tabindex: "0" }, hAsync("div", { key: '847514ac112594e8fcfc9eac30ffba016104672a', class: "swiper-wrapper" }, hAsync("slot", { key: '0d0bdec966329e10668feeb889002144921fa838' })), this.pager && (hAsync("div", { key: 'a301eb072380dc9a9a05564f269e7ffd2fb35dda', class: "swiper-pagination", ref: (el) => (this.paginationEl = el) })), this.arrows && (hAsync("div", { key: '84b80a05177fa4301a32968ab168a5d87f18a609', role: "button", class: "swiper-button-prev", tabindex: "0", "aria-label": "Previous slide", onClick: () => this.slidePrev() }, hAsync("road-icon", { key: 'f5d6134e5e58ee0ab5cc189582ed4e46e8e1313b', icon: navigationChevron, rotate: "180" }))), this.arrows && (hAsync("div", { key: 'bbc274b30ef7a90efc0938a077299e15b3653d14', role: "button", class: "swiper-button-next", tabindex: "0", "aria-label": "Next slide", onClick: () => this.slideNext() }, hAsync("road-icon", { key: '3b0a8040718466b1ecca612e42cb3b013cc583b8', icon: navigationChevron })))));
|
|
10710
10708
|
}
|
|
10711
10709
|
get el() { return getElement(this); }
|
|
10712
10710
|
static get watchers() { return {
|
|
@@ -10943,7 +10941,7 @@ class Chip {
|
|
|
10943
10941
|
this.size = 'sm';
|
|
10944
10942
|
}
|
|
10945
10943
|
render() {
|
|
10946
|
-
return (hAsync(Host, { key: '
|
|
10944
|
+
return (hAsync(Host, { key: '22343d5f99de6406223630ccc5ddc4c8363f87ff', class: `chip-${this.size}`, tabindex: "0" }, hAsync("div", { key: '53693f688a08c07d7c5c5c8f6f4ab6ecbad5c783', class: "chip-description" }, hAsync("road-icon", { key: 'd66577297e5c33d7722c3026293830092e9f0239', class: "chip-icon", color: "info", icon: alertInfoSolid }), hAsync("slot", { key: '248ca83089bffdb3695d953cb14ac38a27e10b4d' }))));
|
|
10947
10945
|
}
|
|
10948
10946
|
static get style() { return RoadStatusChipStyle0; }
|
|
10949
10947
|
static get cmpMeta() { return {
|
|
@@ -12959,7 +12957,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
12959
12957
|
return trap;
|
|
12960
12958
|
};
|
|
12961
12959
|
|
|
12962
|
-
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:
|
|
12960
|
+
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)}.road-drawer-wrapper{width:100%}.road-drawer-wrapper .drawer-dialog{position:absolute;right:0;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateX(-100%)}:host(.drawer-right){justify-content:flex-end}:host(.drawer-right) .road-drawer-wrapper .drawer-dialog{transform:translateX(100%)}:host(.drawer-bottom){align-items:flex-end}:host(.drawer-bottom) .road-drawer-wrapper .drawer-dialog{width:100%;max-height:var(--max-height);transform:translateY(100%)}:host(.drawer-bottom) .drawer-content{height:auto}.drawer-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;max-height:100vh;pointer-events:auto;background-color:var(--background);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}.drawer-header{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;color:var(--header-color);background:var(--header-background);border-color:var(--road-grey-300);border-style:solid;border-width:var(--header-delimiter)}.drawer-header road-icon{flex-shrink:0;color:var(--header-icon)}.drawer-footer{padding:var(--road-spacing-05);background-color:var(--road-surface)}.drawer-footer.remove-padding{padding:0}.drawer-header-inverse{--header-icon:var(--road-on-primary);--header-color:var(--road-on-primary);--header-background:var(--road-primary-variant);margin-bottom:2.5rem}.drawer-action,.drawer-close{display:flex;align-items:center;justify-content:center;padding:0.5rem;font-family:inherit;font-size:0.875rem;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.drawer-header:not(.drawer-header-inverse) .drawer-action road-icon{color:var(--back-chevron-color)}.drawer-action~.drawer-title,.drawer-close~.drawer-title{padding-left:0}.drawer-action-left,.drawer-close-left{margin-right:auto}.drawer-title{display:flex;flex-grow:1;align-items:center;justify-content:center;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium)}.drawer-body{overflow-y:auto;padding:0 var(--road-spacing-05) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}:host(.drawer-right) .drawer-body,:host(.drawer-left) .drawer-body{height:calc(100vh - 3.5rem)}.drawer-inner{padding:0 1rem 2.5rem}@media (min-width: 768px){.drawer-inner{padding:0 2rem 2.5rem}.drawer-body{padding:0 var(--road-spacing-08) var(--road-spacing-05)}.drawer-body.remove-padding{padding:0}.drawer-footer{padding:var(--road-spacing-05) var(--road-spacing-08)}.drawer-footer.remove-padding{padding:0}}:host(.drawer-open){visibility:visible !important;opacity:1}:host(.drawer-open) .road-drawer-wrapper .drawer-dialog{transform:none}";
|
|
12963
12961
|
var RoadDrawerStyle0 = drawerCss;
|
|
12964
12962
|
|
|
12965
12963
|
/**
|
|
@@ -13005,14 +13003,14 @@ class Drawer {
|
|
|
13005
13003
|
* Show / hide close icon
|
|
13006
13004
|
*/
|
|
13007
13005
|
this.hasCloseIcon = true;
|
|
13006
|
+
/**
|
|
13007
|
+
* Override focus trap
|
|
13008
|
+
*/
|
|
13009
|
+
this.enabledFocusTrap = true;
|
|
13008
13010
|
/**
|
|
13009
13011
|
* Footer Content state
|
|
13010
13012
|
*/
|
|
13011
13013
|
this.hasFooterContent = false;
|
|
13012
|
-
this.onFooterSlotChange = (event) => {
|
|
13013
|
-
const slot = event.target;
|
|
13014
|
-
this.hasFooterContent = slot.assignedElements().length > 0;
|
|
13015
|
-
};
|
|
13016
13014
|
/**
|
|
13017
13015
|
* Close the dialog when clicking on the cross or layer
|
|
13018
13016
|
*/
|
|
@@ -13048,6 +13046,18 @@ class Drawer {
|
|
|
13048
13046
|
async back() {
|
|
13049
13047
|
this.onBack.emit();
|
|
13050
13048
|
}
|
|
13049
|
+
/**
|
|
13050
|
+
* Enable/disable focus trap so it can be overrided by the client in case of something appearing over the drawer like a modal for example
|
|
13051
|
+
*/
|
|
13052
|
+
handleFocusTrapProp(value) {
|
|
13053
|
+
var _a, _b;
|
|
13054
|
+
if (value) {
|
|
13055
|
+
(_a = this.focusTrap) === null || _a === void 0 ? void 0 : _a.activate();
|
|
13056
|
+
}
|
|
13057
|
+
else {
|
|
13058
|
+
(_b = this.focusTrap) === null || _b === void 0 ? void 0 : _b.deactivate();
|
|
13059
|
+
}
|
|
13060
|
+
}
|
|
13051
13061
|
// @Watch('isOpen')
|
|
13052
13062
|
// handleOpen(openValue: boolean) {
|
|
13053
13063
|
// if(openValue === true) {
|
|
@@ -13104,7 +13114,7 @@ class Drawer {
|
|
|
13104
13114
|
this.el.querySelectorAll('[data-dismiss="modal"]').forEach(item => {
|
|
13105
13115
|
item.addEventListener('click', () => this.close());
|
|
13106
13116
|
});
|
|
13107
|
-
const drawerContent = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".drawer-
|
|
13117
|
+
const drawerContent = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".road-drawer-wrapper");
|
|
13108
13118
|
this.focusTrap = createFocusTrap(drawerContent, {
|
|
13109
13119
|
onActivate: () => drawerContent === null || drawerContent === void 0 ? void 0 : drawerContent.classList.add("focus-trapped"),
|
|
13110
13120
|
onDeactivate: () => drawerContent === null || drawerContent === void 0 ? void 0 : drawerContent.classList.remove("focus-trapped"),
|
|
@@ -13114,7 +13124,7 @@ class Drawer {
|
|
|
13114
13124
|
});
|
|
13115
13125
|
}
|
|
13116
13126
|
render() {
|
|
13117
|
-
var _a, _b, _c;
|
|
13127
|
+
var _a, _b, _c, _d;
|
|
13118
13128
|
const drawerIsOpenClass = this.isOpen ? 'drawer-open' : '';
|
|
13119
13129
|
const removePaddingClass = this.removePadding ? 'remove-padding' : '';
|
|
13120
13130
|
const inverseHeaderClass = this.hasInverseHeader ? 'drawer-header-inverse' : '';
|
|
@@ -13125,10 +13135,13 @@ class Drawer {
|
|
|
13125
13135
|
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;
|
|
13126
13136
|
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;
|
|
13127
13137
|
const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
|
|
13128
|
-
|
|
13138
|
+
const footerSlotElement = (_d = this.el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('slot[name="footer"]');
|
|
13139
|
+
const hasFooterContent = footerSlotElement instanceof HTMLSlotElement && footerSlotElement.assignedNodes().length > 0;
|
|
13140
|
+
return (hAsync(Host, { key: '8a260bbe379fa08c92965e479463266cf01b6d3f', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: 'f89b9ad39f0b034837cc0f72fe6d231c9c56ef9d', class: "road-drawer-wrapper" }, hAsync("div", { key: '3abed026c6a1729d6494885f5b35940fe2a92200', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: 'a140211eaf2c38ba3d10c16a6c018a9a29a1cf90', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document" }, hAsync("div", { key: 'd91c83c19ebf6849883e500643e855c89f21b5f5', class: "drawer-content" }, hAsync("header", { key: '7134b69bd23afa3d7fa8a94cb5c081084263a6e6', 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: '73fd86ca43da0bf6d5789b61d82075aeafc58f17', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: 'd9f3f80f2310ab8fc8bcc5b73c928f29b4adefe3' })), hAsync("footer", { key: 'cb4a1c508203e94a12feed1f9c91da6f79ec814b', class: `drawer-footer ${removePaddingClass}`, style: { display: hasFooterContent ? 'block' : 'none' } }, hAsync("slot", { key: '6818b0dbcfb1ea4c40cb2af1789c582ebe402ed2', name: "footer" })))))));
|
|
13129
13141
|
}
|
|
13130
13142
|
get el() { return getElement(this); }
|
|
13131
13143
|
static get watchers() { return {
|
|
13144
|
+
"enabledFocusTrap": ["handleFocusTrapProp"],
|
|
13132
13145
|
"isOpen": ["handleOpen"]
|
|
13133
13146
|
}; }
|
|
13134
13147
|
static get style() { return RoadDrawerStyle0; }
|
|
@@ -13148,6 +13161,7 @@ class Drawer {
|
|
|
13148
13161
|
"ariaLabelBack": [1, "aria-label-back"],
|
|
13149
13162
|
"ariaLabelClose": [1, "aria-label-close"],
|
|
13150
13163
|
"hasCloseIcon": [4, "has-close-icon"],
|
|
13164
|
+
"enabledFocusTrap": [4, "enabled-focus-trap"],
|
|
13151
13165
|
"focusTrap": [32],
|
|
13152
13166
|
"hasFooterContent": [32],
|
|
13153
13167
|
"open": [64],
|
|
@@ -13188,7 +13202,7 @@ class Dropdown$1 {
|
|
|
13188
13202
|
const positionClass = this.position ? `position-${this.position}` : '';
|
|
13189
13203
|
const dropdownClass = this.position ? `dropdown-${this.position}` : '';
|
|
13190
13204
|
const directionClass = this.direction ? `direction-${this.direction}` : '';
|
|
13191
|
-
return (hAsync("details", { key: '
|
|
13205
|
+
return (hAsync("details", { key: '369ce1cfb90f00ccdf3a513b074871f74587ea60', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '7892d1f9a8dd3167d3894b3c8cd2f2ee3feda8f4', "aria-expanded": this.isOpen.toString(), tabindex: "0", role: "button", onClick: this.onClick, "tab-index": "0" }, hAsync("div", { key: 'a24ca536cf7f3e6cf44c46f6dae355d527224570', class: `d-flex ${positionClass}` }, hAsync("div", { key: '1e7ba5b51a68a4b0c79cd7bf256853dfa4b8ab3a', class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, hAsync("road-icon", { key: '64256d8c446025fa7199fbb7cda0777cf02c46c9', name: "navigation-more", class: "dropdown-button-icon", "aria-hidden": "true" })))), hAsync("div", { key: 'b2020719de2304d5c4f606ed3f306aaf4f8a382a', class: `dropdown-menu ${directionClass} ${dropdownClass}` }, hAsync("slot", { key: 'ee017bc6678acc0f8770a5c52921d8f886f35aa6', name: "list" }))));
|
|
13192
13206
|
}
|
|
13193
13207
|
get el() { return getElement(this); }
|
|
13194
13208
|
static get style() { return RoadDropdownStyle0; }
|
|
@@ -13244,7 +13258,7 @@ class Dropdown {
|
|
|
13244
13258
|
this.isOpen = false;
|
|
13245
13259
|
}
|
|
13246
13260
|
render() {
|
|
13247
|
-
return (hAsync("details", { key: '
|
|
13261
|
+
return (hAsync("details", { key: '6b4e442ce01f574182606e7c09e63e6d8e0d96b9', class: "dropdown", open: this.isOpen }, hAsync("summary", { key: '96a1c367ac0b6602e6e8151579b108783ba53c8e', "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, hAsync("div", { key: 'f01c4d03a12d00874238e2aa3abb7be483e45476', class: `d-flex` }, hAsync("div", { key: 'ec9d487f6cffc7e6e754f560302ecf209b48805a' }, hAsync("road-avatar", { key: '3f6b7e0ad05414771176f7b7e28cfc79b9590e34' }, hAsync("slot", { key: 'd38ff4e91a859e64da6788f10cf341ade9efdfd5', name: "avatar" }))))), hAsync("div", { key: '49c70f04f60cd49f8f7dea3f3edf538886245a6e', class: `dropdown-menu` }, hAsync("div", { key: '251bc17b6dd66d76d780f8736df547b07b8ea028', class: "profil-item" }, hAsync("road-avatar", { key: '0facee183c2290c5dbfaf78a38bbd040693124c0', size: "sm" }, hAsync("slot", { key: '578b32315727e7193fc88e3a2c3f8dde364970da', name: "avatarItem" })), hAsync("div", { key: '7faa802856269a4440b8602772acc2cfde110341', class: "profil-item-info" }, hAsync("span", { key: 'efbeb25518e9a70da4fa52d6633abcc304efd9ae', class: "profil-item-info-name" }, hAsync("slot", { key: 'bbfe23bb0e4832bb62a9f4232fd0291981fdbaa4', name: "name" })), hAsync("road-label", { key: '2abf8f36c90e55491484a9c8f040a68bd2255be6' }, hAsync("slot", { key: '4fb41b62b83d688e1ba940c784d1947a64e7a17a', name: "email" })))), hAsync("slot", { key: '0fa5e3352f774d950d5d2cd4ad3e44b0eb106140', name: "list" }))));
|
|
13248
13262
|
}
|
|
13249
13263
|
get el() { return getElement(this); }
|
|
13250
13264
|
static get style() { return RoadProfilDropdownStyle0; }
|
|
@@ -13308,7 +13322,7 @@ class Duration {
|
|
|
13308
13322
|
this.isOpen = false;
|
|
13309
13323
|
}
|
|
13310
13324
|
render() {
|
|
13311
|
-
return (hAsync("road-drawer", { key: '
|
|
13325
|
+
return (hAsync("road-drawer", { key: '17db42f462da76b54a24eb6dd52a0ce637be4c86', "is-open": this.isOpen, position: "bottom", "drawer-title": this.header }, hAsync("road-grid", { key: '51fb1715dc70ffe94e82e171db3759c308c562e4' }, hAsync("road-row", { key: 'a4b5d1e6489f39bb6bc698c7beadf5135d46e3e9', class: "duration-values" }, Array(Math.floor((this.max - this.min) / this.step) + 1).fill(this.min).map(((item, index) => (item + index * this.step))).map(item => hAsync("road-col", { class: "col-3 col-md-2" }, hAsync("road-card", { button: true, value: item }, hAsync("road-label", null, Math.floor(item / 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false }), ":", (item % 60).toLocaleString("en-GB", { minimumIntegerDigits: 2, useGrouping: false })))))))));
|
|
13312
13326
|
}
|
|
13313
13327
|
get el() { return getElement(this); }
|
|
13314
13328
|
static get style() { return RoadDurationStyle0; }
|
|
@@ -13354,7 +13368,7 @@ class Flap {
|
|
|
13354
13368
|
}
|
|
13355
13369
|
render() {
|
|
13356
13370
|
const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
|
|
13357
|
-
return (hAsync(Host, { key: '
|
|
13371
|
+
return (hAsync(Host, { key: '17654f70a4f17fb19164ebb3f29ca576768cda54', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '06d531af72c1d328976fcc23f9877da54e39b667' })));
|
|
13358
13372
|
}
|
|
13359
13373
|
static get style() { return RoadFlapStyle0; }
|
|
13360
13374
|
static get cmpMeta() { return {
|
|
@@ -13400,7 +13414,7 @@ class GlobalNavigation {
|
|
|
13400
13414
|
this.selectedTabChanged();
|
|
13401
13415
|
}
|
|
13402
13416
|
render() {
|
|
13403
|
-
return (hAsync(Host, { key: '
|
|
13417
|
+
return (hAsync(Host, { key: '3153f9036b6fcbf625b4b6c2fb22dc270b20ac58', role: "application" }, hAsync("slot", { key: '5bc133bc9abe1abcae66c1247215c1884ead0a3c' })));
|
|
13404
13418
|
}
|
|
13405
13419
|
static get watchers() { return {
|
|
13406
13420
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -13548,7 +13562,7 @@ class GlobalNavigationV2 {
|
|
|
13548
13562
|
this.selectedTabChanged();
|
|
13549
13563
|
}
|
|
13550
13564
|
render() {
|
|
13551
|
-
return (hAsync(Host, { key: '
|
|
13565
|
+
return (hAsync(Host, { key: '71284cfbbb2297134bfed397d45af88fc035d95f', role: "application" }, hAsync("slot", { key: '04c47f8f5c69d72ef7c74e405037deeba4aa6019' })));
|
|
13552
13566
|
}
|
|
13553
13567
|
get host() { return getElement(this); }
|
|
13554
13568
|
static get watchers() { return {
|
|
@@ -13578,7 +13592,7 @@ class Grid {
|
|
|
13578
13592
|
registerInstance(this, hostRef);
|
|
13579
13593
|
}
|
|
13580
13594
|
render() {
|
|
13581
|
-
return (hAsync("slot", { key: '
|
|
13595
|
+
return (hAsync("slot", { key: 'c40d139aa872024144528faafb114db1d2d8af13' }));
|
|
13582
13596
|
}
|
|
13583
13597
|
static get style() { return RoadGridStyle0; }
|
|
13584
13598
|
static get cmpMeta() { return {
|
|
@@ -13906,7 +13920,7 @@ class Img {
|
|
|
13906
13920
|
}
|
|
13907
13921
|
render() {
|
|
13908
13922
|
const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
|
|
13909
|
-
return (hAsync(Host, { key: '
|
|
13923
|
+
return (hAsync(Host, { key: 'f059a8a30c536d517219ac57c2fb085a669cfcef', class: placeholder }, hAsync("img", { key: 'c624708aaa39e50e26bfe1725225b6038949ad5b', class: "native-img", decoding: "async", src: this.loadSrc, alt: this.alt, onLoad: this.onLoad, onError: this.loadError, part: "image" })));
|
|
13910
13924
|
}
|
|
13911
13925
|
get el() { return getElement(this); }
|
|
13912
13926
|
static get watchers() { return {
|
|
@@ -31356,11 +31370,11 @@ class Input {
|
|
|
31356
31370
|
const lessLabelClass = this.label !== '' ? '' : 'less-label';
|
|
31357
31371
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
31358
31372
|
const isValidClass = this.success == true ? 'is-valid' : '';
|
|
31359
|
-
return (hAsync(Host, { key: '
|
|
31373
|
+
return (hAsync(Host, { key: 'bd525f68b22069ef4874cef77a96a1f724b0129c', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}`, value: value, blockdecimal: this.blockdecimal }, hAsync("input", { key: '9bae71920e835479725c6e37f0af8bc1ab93b7f5', class: `form-control ${hasValueClass} ${isInvalidClass} ${isValidClass} ${lessLabelClass}`, id: this.inputId, "aria-disabled": this.disabled ? 'true' : null, "aria-labelledby": labelId, disabled: this.disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, enterKeyHint: this.enterkeyhint, autoFocus: this.autofocus, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, name: this.name, pattern: this.pattern, placeholder: this.placeholder, readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, size: this.size, type: this.type, list: this.list, value: value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.type === 'number' ? (event) => this.handleKeyDown(event) : undefined, "data-cy": 'road-input', ref: el => (this.inputEl = el) }), hAsync("label", { key: '6637aff56cf6623099279d43dbd780fa1004da2f', class: "form-label", id: labelId, htmlFor: this.inputId }, this.label), this.error && this.error !== '' && (Array.isArray(this.error)
|
|
31360
31374
|
? // Si error est un tableau, on itère et génère un <p> pour chaque élément
|
|
31361
31375
|
this.error.map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))
|
|
31362
31376
|
: // Si error est une chaîne, on la divise avec split et génère un <p> pour chaque élément
|
|
31363
|
-
this.error.split(',').map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))), this.helper && this.helper !== '' && hAsync("p", { key: '
|
|
31377
|
+
this.error.split(',').map((err, index) => (hAsync("p", { key: index, class: "invalid-feedback" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), err.trim(), " ")))), this.helper && this.helper !== '' && hAsync("p", { key: '4add98d493556fddf6502dfc16516a5aa4df9a4b', class: "helper" }, this.helper), this.type && this.type == 'password' && hAsync("slot", { key: 'd519756096faac3491e26829408089e7ba94cca8', name: "checklistPassword" })));
|
|
31364
31378
|
}
|
|
31365
31379
|
static get watchers() { return {
|
|
31366
31380
|
"debounce": ["debounceChanged"],
|
|
@@ -31474,7 +31488,7 @@ class InputGroup {
|
|
|
31474
31488
|
? `size-${this.el.querySelector('road-input').sizes}`
|
|
31475
31489
|
: '';
|
|
31476
31490
|
const disabledClass = this.disabled ? 'is-disabled' : '';
|
|
31477
|
-
return (hAsync("div", { key: '
|
|
31491
|
+
return (hAsync("div", { key: '8c08ce8ab1662c2b1c34c8f0ea4f30a982437cde', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: 'c4bc179b6176005b3c16cb591c02f5102f212297', class: "input-group-prepend" }, hAsync("slot", { key: '6378c664460898aa4f0370a6fb3168090728b305', name: "prepend" })), hAsync("slot", { key: '7807f07b194b432cd4c6a0f2c736aff0be71c039' }), hAsync("div", { key: '7af00c747970fb2a57f2f02e4257f5ce68274699', class: "input-group-append" }, hAsync("slot", { key: 'b8b8119295c1b1abe002f4a8bfbcbe76f92df78d', name: "append" }))));
|
|
31478
31492
|
}
|
|
31479
31493
|
get el() { return getElement(this); }
|
|
31480
31494
|
static get watchers() { return {
|
|
@@ -31554,13 +31568,13 @@ class Item {
|
|
|
31554
31568
|
target,
|
|
31555
31569
|
};
|
|
31556
31570
|
const showDetail = detail !== undefined && detail;
|
|
31557
|
-
return (hAsync(Host, { key: '
|
|
31571
|
+
return (hAsync(Host, { key: '62e8ef9193a70f92b46e435d577e53a8f9a1611a', "aria-disabled": disabled ? 'true' : null, class: {
|
|
31558
31572
|
[`item-lines-${lines}`]: lines !== undefined,
|
|
31559
|
-
} }, hAsync(TagType, Object.assign({ key: '
|
|
31573
|
+
} }, hAsync(TagType, Object.assign({ key: 'e632935ddf13d5ac58008c81056624a8c0908311' }, attrs, { class: {
|
|
31560
31574
|
'item-native': true,
|
|
31561
31575
|
'item-active': this.active,
|
|
31562
31576
|
[`layout-${layout}`]: layout !== undefined,
|
|
31563
|
-
}, part: "native", disabled: disabled }), hAsync("slot", { key: '
|
|
31577
|
+
}, part: "native", disabled: disabled }), hAsync("slot", { key: 'c51366e9955782f7e380557254aae4667ab2fe37', name: "start" }), hAsync("div", { key: 'c1d40f35a45340ac616512131598989692cc903b', class: "item-inner" }, hAsync("div", { key: '129ed3383339bb49e14f88379f3dc98875727179', class: "input-wrapper" }, hAsync("slot", { key: '45112348bd0b31189aa597924eb0751ff24394b0' }), hAsync("div", { key: '17962d33cebdf99f65a6dffe6e86ceed849d708f', class: "input-wrapper-info" }, hAsync("road-label", { key: '767953cd36a88ea0a3fba4aa250440a75533cc03', class: "input-wrapper-info-title" }, this.titleItem), hAsync("p", { key: '86f97fab976f4726eb8862be80dcd5296b5b7215', class: "input-wrapper-info-text" }, this.text))), hAsync("slot", { key: '9dfeaa47eea39eaaed91df7e277bc6d0809eed3b', name: "end" }), showDetail && hAsync("road-icon", { key: '553c6f5e5b5d58d47b3aad7854deb35e6b7116a7', icon: detailIcon, lazy: false, class: "item-detail-icon" })))));
|
|
31564
31578
|
}
|
|
31565
31579
|
get el() { return getElement(this); }
|
|
31566
31580
|
static get style() { return RoadItemStyle0; }
|
|
@@ -31601,7 +31615,7 @@ class Label {
|
|
|
31601
31615
|
registerInstance(this, hostRef);
|
|
31602
31616
|
}
|
|
31603
31617
|
render() {
|
|
31604
|
-
return (hAsync("slot", { key: '
|
|
31618
|
+
return (hAsync("slot", { key: '407fbaed0a1d77ab406963598b44eecdd55fa531' }));
|
|
31605
31619
|
}
|
|
31606
31620
|
static get style() { return RoadLabelStyle0; }
|
|
31607
31621
|
static get cmpMeta() { return {
|
|
@@ -31626,9 +31640,9 @@ class List {
|
|
|
31626
31640
|
}
|
|
31627
31641
|
render() {
|
|
31628
31642
|
const { lines } = this;
|
|
31629
|
-
return (hAsync(Host, { key: '
|
|
31643
|
+
return (hAsync(Host, { key: 'b43b3c57de0d170edd667e68ebde84c88e40e3bd', class: {
|
|
31630
31644
|
[`list-lines-${lines}`]: lines !== undefined,
|
|
31631
|
-
} }, hAsync("slot", { key: '
|
|
31645
|
+
} }, hAsync("slot", { key: '5a71c328d62f78e83bd00d35fd3b2107d3050cec' })));
|
|
31632
31646
|
}
|
|
31633
31647
|
static get style() { return RoadListStyle0; }
|
|
31634
31648
|
static get cmpMeta() { return {
|
|
@@ -31713,7 +31727,7 @@ class Modal {
|
|
|
31713
31727
|
const modalIsOpenClass = this.isOpen ? 'modal-open' : '';
|
|
31714
31728
|
const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';
|
|
31715
31729
|
const closeIconElement = this.hasCloseIcon ? hAsync("button", { type: "button", class: "modal-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" })) : '';
|
|
31716
|
-
return (hAsync(Host, { key: '
|
|
31730
|
+
return (hAsync(Host, { key: '230e6f6eaae339d5314c46db9fd0d67fc2d846fc', class: `modal ${modalIsOpenClass}`, tabindex: "-1", role: "dialog", "aria-label": "modal" }, hAsync("div", { key: '2080e60ffe8a97a331f68f314d2aee59c7a86bf5', class: "modal-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '47044cf9e0b9dd04550db1ec3a82c263b4c547ee', class: "modal-dialog", style: { maxWidth: `${this.maxWidth}px` }, role: "document", tabindex: "0" }, hAsync("div", { key: 'e6abe2cb25564e1aff45d1c4a29a8504224b4456', class: "modal-content" }, hAsync("header", { key: '6459cf83929bbf51b797bb636fd88369fabda3d3', class: `modal-header ${inverseHeaderClass}` }, hAsync("h2", { key: '050a8988f516aa9573f2d29b952dad3f52ead85e', class: "modal-title" }, this.modalTitle), closeIconElement), hAsync("div", { key: 'eed07ba054f757aeba4f676727c101dd12c94a7d', class: "modal-body" }, hAsync("slot", { key: '221f6df6bf95583b4edd0d1dfe3a2eaec3fe7dae' }))))));
|
|
31717
31731
|
}
|
|
31718
31732
|
get el() { return getElement(this); }
|
|
31719
31733
|
static get style() { return RoadModalStyle0; }
|
|
@@ -31764,7 +31778,7 @@ class Navbar {
|
|
|
31764
31778
|
this.selectedTabChanged();
|
|
31765
31779
|
}
|
|
31766
31780
|
render() {
|
|
31767
|
-
return (hAsync(Host, { key: '
|
|
31781
|
+
return (hAsync(Host, { key: 'c121e166433a74cb9bfe086872e29d0aceff6a4f', role: "menubar" }, hAsync("slot", { key: '4152762dbcbf5467698a3cde344c7898b579d505' })));
|
|
31768
31782
|
}
|
|
31769
31783
|
static get watchers() { return {
|
|
31770
31784
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -31850,11 +31864,11 @@ class NavbarItem$1 {
|
|
|
31850
31864
|
rel,
|
|
31851
31865
|
target,
|
|
31852
31866
|
};
|
|
31853
|
-
return (hAsync(Host, { key: '
|
|
31867
|
+
return (hAsync(Host, { key: '7ff4e21f2f090d7b2bee47c1395468c89d619c63', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
|
|
31854
31868
|
'navbar-item': true,
|
|
31855
31869
|
'tab-selected': selected,
|
|
31856
31870
|
'tab-disabled': disabled,
|
|
31857
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
31871
|
+
} }, hAsync("a", Object.assign({ key: 'cb857860824f7b5244d014868b37c5242664f2d2' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '6d03a2caf31f24f12f0cd0d833a0c546ca01155f', class: "button-inner" }, hAsync("slot", { key: '6c64a44e43ef3d0f42ab1630b88b3e5a7529968a' })))));
|
|
31858
31872
|
}
|
|
31859
31873
|
get el() { return getElement(this); }
|
|
31860
31874
|
static get watchers() { return {
|
|
@@ -31947,11 +31961,11 @@ class NavbarItem {
|
|
|
31947
31961
|
rel,
|
|
31948
31962
|
target,
|
|
31949
31963
|
};
|
|
31950
|
-
return (hAsync(Host, { key: '
|
|
31964
|
+
return (hAsync(Host, { key: 'b5d5414801e5eb897dd1f346834fda3f6408ef4d', onClick: this.onClick, onKeyup: this.onKeyUp, role: "menuitem", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
|
|
31951
31965
|
'navbar-item': true,
|
|
31952
31966
|
'tab-selected': selected,
|
|
31953
31967
|
'tab-disabled': disabled,
|
|
31954
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
31968
|
+
} }, hAsync("a", Object.assign({ key: '88b26c7312ff31508d4d231ec04036185f877fc6' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: '97a6306b28115a3d1aa8961895aaa84f5a0fbe10', class: "button-inner" }, hAsync("slot", { key: 'd5dfe7aae57d389c6cd71fbe0b01e6cd5ec4ed5e' })))));
|
|
31955
31969
|
}
|
|
31956
31970
|
get el() { return getElement(this); }
|
|
31957
31971
|
static get watchers() { return {
|
|
@@ -32010,7 +32024,7 @@ class NavbarV2 {
|
|
|
32010
32024
|
}
|
|
32011
32025
|
render() {
|
|
32012
32026
|
const compactClass = this.compact ? 'compact' : '';
|
|
32013
|
-
return (hAsync(Host, { key: '
|
|
32027
|
+
return (hAsync(Host, { key: 'a7dbd950685bc968dde55225595dfda20e2ede07', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '0181dc8feee84135b55ee42d2b1aaaf1d8e24a78' })));
|
|
32014
32028
|
}
|
|
32015
32029
|
static get watchers() { return {
|
|
32016
32030
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -32133,10 +32147,10 @@ class PlateNumber {
|
|
|
32133
32147
|
render() {
|
|
32134
32148
|
const value = this.getValue();
|
|
32135
32149
|
const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
|
|
32136
|
-
return (hAsync("road-input-group", { key: '
|
|
32150
|
+
return (hAsync("road-input-group", { key: '078fe518c39b731041ebff1825b9119d0f0ceb94', class: `plate-number plate-number-${this.country.toLowerCase()} ${motorbikeClass}` }, hAsync("label", { key: '7eb5ad6dc9eaff3f22398d37fc0f352779aa70c7', slot: "prepend", class: "input-group-prepend" }, hAsync("div", { key: '1b40d4b4f5cafedbc76cf31441012a1c006d6afb', class: "plate-number-start" }, hAsync("road-icon", { key: 'aacc90e679c24a386964d6d12088a1a4e499ac80', class: "plate-number-icon", icon: licensePlateStarEu }), hAsync("div", { key: 'bfc3dee0ba4400aed94e31f3bbb6ce0c716f15b4', class: "plate-number-location", "aria-label": this.country, role: "img" }, this.countries
|
|
32137
32151
|
.filter(item => item.country === this.country)[0].letter))), this.motorbike
|
|
32138
32152
|
? (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 }))
|
|
32139
|
-
: (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: '
|
|
32153
|
+
: (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: 'bbdbde5a98aec4e5d91b3c39af8f5e8d7141730d', slot: "append", class: "input-group-append" }, hAsync("div", { key: '506043ccefb71abc11caf7f0f865ca13d1cd2bdc', class: "plate-number-end" }))));
|
|
32140
32154
|
}
|
|
32141
32155
|
static get watchers() { return {
|
|
32142
32156
|
"value": ["valueChanged"]
|
|
@@ -32218,7 +32232,7 @@ class ProgressBar {
|
|
|
32218
32232
|
let step = Math.ceil((this.value / 100) * this.numbersteps);
|
|
32219
32233
|
step = Math.min(step, this.numbersteps);
|
|
32220
32234
|
step = Math.max(step, 0);
|
|
32221
|
-
return (hAsync(Host, { key: '
|
|
32235
|
+
return (hAsync(Host, { key: '09665cbad7d552d5fdedb655e474a917bbc7108c', class: "progress-element" }, hAsync("div", { key: '3fd59f777ad3b7a0de6079b24e2ff5369574a1be', class: `${light} progress-${this.color} ${animation}` }, hAsync("div", { key: 'ffc8433bdb99c8ad33e025b39ff032be6f7b5c0d', class: "progress-bar", role: "progressbar", style: { width: `${progressBarFilledPercentage}%` }, "aria-valuenow": progressBarFilledPercentage, "aria-valuemin": "0", "aria-valuemax": "100", "aria-labelledby": "loadinglabel", "aria-label": "progress bar" })), hAsync("div", { key: '9974af0eb6c68404b5ed3b11aa8f3f9e814181a0', class: `${fullwidth}` }, hAsync("span", { key: '2f9724da220d0c3148d62b251a8a249efb974bd2', id: "loadinglabel", class: "progress-element-label" }, this.label), this.showstep && (hAsync("span", { key: '695c562d666a72a9d4e29dc0d8a060bbd9745895', class: "progress-element-step" }, step, "/", this.numbersteps)))));
|
|
32222
32236
|
}
|
|
32223
32237
|
static get style() { return RoadProgressStyle0; }
|
|
32224
32238
|
static get cmpMeta() { return {
|
|
@@ -32260,7 +32274,7 @@ class ProgressIndicatorVertical {
|
|
|
32260
32274
|
registerInstance(this, hostRef);
|
|
32261
32275
|
}
|
|
32262
32276
|
render() {
|
|
32263
|
-
return (hAsync(Host, { key: '
|
|
32277
|
+
return (hAsync(Host, { key: '7cb6fe2a4a78937fc84bd9b0daf0c9445a051fc5' }, hAsync("nav", { key: 'da179588065c7d0e9469a067eee27aeb7d497ab5' }, hAsync("ul", { key: '232392a6dc63b3923550dd58db7ba2eae621a79b' }, hAsync("li", { key: '7e545e5818a67bc4fce6b97b4d26191da6f58c4c' }, hAsync("slot", { key: 'c815524158b6e599dfbbaaae21cee71abc33583a' }))))));
|
|
32264
32278
|
}
|
|
32265
32279
|
static get style() { return RoadProgressIndicatorVerticalStyle0; }
|
|
32266
32280
|
static get cmpMeta() { return {
|
|
@@ -32284,7 +32298,7 @@ class ProgressIndicatorVerticalItem {
|
|
|
32284
32298
|
registerInstance(this, hostRef);
|
|
32285
32299
|
}
|
|
32286
32300
|
render() {
|
|
32287
|
-
return (hAsync(Host, { key: '
|
|
32301
|
+
return (hAsync(Host, { key: '0c9d2ff669b0e8c23d2e319e02811af7b572c7d9' }, hAsync("slot", { key: 'd8c61ee8af278f07e4431fe67551b9627b1e8fe1' })));
|
|
32288
32302
|
}
|
|
32289
32303
|
static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
|
|
32290
32304
|
static get cmpMeta() { return {
|
|
@@ -32313,7 +32327,7 @@ class ProgressTracker {
|
|
|
32313
32327
|
registerInstance(this, hostRef);
|
|
32314
32328
|
}
|
|
32315
32329
|
render() {
|
|
32316
|
-
return (hAsync(Host, { key: '
|
|
32330
|
+
return (hAsync(Host, { key: '32c91397fb443308453f8756ffbbb4b3aef1ac80' }, hAsync("nav", { key: '9eada9c4e79a0deddce2f431834e454bd184dc1e' }, hAsync("ul", { key: '9c51d05a05e3395ec75ee2ec99c466c545075719' }, hAsync("li", { key: '551f69d0d79aa99104e38d52b1b17686fc0bd82c' }, hAsync("slot", { key: '64c3a9c01936473628282b0caa49746bb97f1b78' }))))));
|
|
32317
32331
|
}
|
|
32318
32332
|
static get style() { return RoadProgressTrackerStyle0; }
|
|
32319
32333
|
static get cmpMeta() { return {
|
|
@@ -32345,7 +32359,7 @@ class ProgressTrackerItem {
|
|
|
32345
32359
|
registerInstance(this, hostRef);
|
|
32346
32360
|
}
|
|
32347
32361
|
render() {
|
|
32348
|
-
return (hAsync(Host, { key: '
|
|
32362
|
+
return (hAsync(Host, { key: 'f080eb45be07dd54b9f028b96febd5b7090527cf' }, hAsync("slot", { key: '9ac63fa7a9a0d4e533dbc1a0a96fe93ea9a8034e' })));
|
|
32349
32363
|
}
|
|
32350
32364
|
static get style() { return RoadProgressTrackerItemStyle0; }
|
|
32351
32365
|
static get cmpMeta() { return {
|
|
@@ -32438,7 +32452,7 @@ class Radio {
|
|
|
32438
32452
|
const inverseClass = this.inverse && 'form-radio-inverse';
|
|
32439
32453
|
const isInvalidClass = this.error ? 'is-invalid' : '';
|
|
32440
32454
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
32441
|
-
return (hAsync(Host, { key: '
|
|
32455
|
+
return (hAsync(Host, { key: '8527b5ca6ed9c45a9fe7fc8dca12b6dafb159175', class: `form-radio ${inlineClass}` }, hAsync("input", { key: '82f44c9ebb76379f1c2ae8e7978b82167929729d', 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: '5e12d52490a2ae6cacf0eef9abb225626ec75a2c', class: `form-radio-label ${inverseClass}`, id: labelId, htmlFor: this.radioId }, this.label, " ", hAsync("span", { key: '8c1c4c69075836741bbc89a0460fc47f8d4486e1', class: "form-radio-label-span" }, this.secondaryLabel))));
|
|
32442
32456
|
}
|
|
32443
32457
|
get el() { return getElement(this); }
|
|
32444
32458
|
static get style() { return RoadRadioStyle0; }
|
|
@@ -32522,7 +32536,7 @@ class RadioCard {
|
|
|
32522
32536
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
32523
32537
|
const selectedClass = this.isSelected || this.selected ? 'radio-card-selected' : '';
|
|
32524
32538
|
const disabledClass = this.disabled ? 'radio-card-disabled' : '';
|
|
32525
|
-
return (hAsync(Host, { key: '
|
|
32539
|
+
return (hAsync(Host, { key: '855a082bcd5ab1d2a76e276c9e026efda529b785', class: `form-radio ${inlineClass}` }, hAsync("div", { key: '1b76deba72dbfb07eb160c7791a9b02b4b5bcc5b', class: `radio-card ${selectedClass} ${disabledClass}`, onClick: this.onClick }, hAsync("input", { key: '34d7a61463f55efcb9a13b4651f297d89e0a922b', ref: el => this.inputEl = el, class: "form-radio-input", type: "radio", id: this.radioId, name: this.name, disabled: this.disabled, "aria-disabled": this.disabled ? 'true' : undefined, checked: this.isSelected || this.selected, "aria-labelledby": labelId, value: this.value, onFocus: this.onFocus, onBlur: this.onBlur, onChange: () => { } }), hAsync("label", { key: '1f0d49a8d711e9c6f232f82bce3f9a942544b124', class: "form-radio-label", htmlFor: this.radioId, id: labelId }, hAsync("div", { key: '7349a2e57c95bcc4c43314cdfe270b7c51f33146', class: "slot-wrapper" }, hAsync("slot", { key: '433d85a6e2807076f215d2c52f1d077030e9f2da' }))))));
|
|
32526
32540
|
}
|
|
32527
32541
|
get el() { return getElement(this); }
|
|
32528
32542
|
static get style() { return RoadRadioCardStyle0; }
|
|
@@ -32619,7 +32633,7 @@ class RadioGroup {
|
|
|
32619
32633
|
render() {
|
|
32620
32634
|
const labelId = `${this.radioGroupId}-label`;
|
|
32621
32635
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
32622
|
-
return (hAsync(Host, { key: '
|
|
32636
|
+
return (hAsync(Host, { key: 'a92111d5ffff6b6eda6efa01fe8c92a390c1df04', role: "radiogroup", class: `form-group ${isInvalidClass}`, "aria-label": this.ariaLabel, onClick: this.onClick }, this.label && hAsync("p", { key: 'fdb15769c6127b65fb2751aceef0dcb92f7c058d', class: "text-content", id: labelId }, this.label, " ", this.asterisk && hAsync("span", { key: '8a32ab70a954b770ce0c71c1d1c3b17154184d5e', class: "asterisk" }, "*")), hAsync("slot", { key: '69e54cd769b20ef75f5c0fe5ad4410ff9939ccc2' }), this.error && this.error !== '' && hAsync("p", { key: '92f290c57411ea5600c45548f5b02d9a66db43a8', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '90fd15fe58413798a2de75b7636d8a3df749df5b', class: "helper" }, this.helper)));
|
|
32623
32637
|
}
|
|
32624
32638
|
get el() { return getElement(this); }
|
|
32625
32639
|
static get watchers() { return {
|
|
@@ -32749,14 +32763,14 @@ class Range {
|
|
|
32749
32763
|
render() {
|
|
32750
32764
|
const value = this.getValue();
|
|
32751
32765
|
const datalist = this.showLabels !== undefined ? `tickmarks` : "";
|
|
32752
|
-
return (hAsync(Host, { key: '
|
|
32766
|
+
return (hAsync(Host, { key: '4a3eac8fe972c4da37712c2bfb9f9368a2c5e0e4', tabindex: "0", class: { disabled: this.disabled } }, hAsync("div", { key: '7ede74bdbb7f85124b250a02f312e0fa8672b445', class: "form-group d-flex align-items-end" }, this.showTick && (hAsync("road-icon", { key: 'bbfe778ba2082b82dac80d2c9b11b032ae4d3dc5', icon: navigationAddLessSolid, class: "mr-8", size: "sm" })), hAsync("div", { key: 'a5617bb934ee0e8f481d4cbbe334ecdcccb80f4a', class: "form-range", style: {
|
|
32753
32767
|
"--min": this.min,
|
|
32754
32768
|
"--max": this.max,
|
|
32755
32769
|
"--value": value,
|
|
32756
32770
|
"--background-color": this.disabled
|
|
32757
32771
|
? "var(--road-surface-disabled)"
|
|
32758
32772
|
: "initial",
|
|
32759
|
-
} }, this.showValue && hAsync("output", { key: '
|
|
32773
|
+
} }, this.showValue && hAsync("output", { key: 'f8fb6174412f03e9e0ada70b79715b8892c394e7' }), this.showLabels && hAsync("slot", { key: '77278e535a1cf754b21ef12ebd1650aa03942ad0', name: "datalist" }), hAsync("input", { key: 'c40fc31c0744955b440b162e5cddaa7c7b2119a3', 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: 'ec72158b6b0f7128aee76222506a6ecf80bbf43c', class: "form-range-label" }, "Valeur"), hAsync("div", { key: 'ec3ba04cbb45a2af707f81e0fd05fbbb868c8187', class: "form-range-progress" })), this.showTick && (hAsync("road-icon", { key: '293312e73482a2dafe8ef694ae2e56e3f37955bb', icon: navigationAddMoreSolid, class: "ml-8", size: "sm" })))));
|
|
32760
32774
|
}
|
|
32761
32775
|
get el() { return getElement(this); }
|
|
32762
32776
|
static get watchers() { return {
|
|
@@ -32825,7 +32839,7 @@ class Rating {
|
|
|
32825
32839
|
const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
|
|
32826
32840
|
const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
|
|
32827
32841
|
const readOnly = this.readonly == true ? `readonly` : '';
|
|
32828
|
-
return (hAsync(Host, { key: '
|
|
32842
|
+
return (hAsync(Host, { key: 'f3317daf4cdd2e6a539936c9dbe095c791ce883d' }, hAsync("div", { key: 'fe4e3b262592ca714e26f7cc03ac9ba4435d0b51', 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: '17bd3fb3ecbbd6e040c3c9c70fb92b9af90ee6b1', class: `${sizeRatingNumberClass}`, href: this.url }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")"), this.readonly == true && this.showreviews && hAsync("road-label", { key: '5dba1d64ca367649797df7b872789e7cdc130e8c', class: `${sizeRatingNumberClass} ${readOnly}` }, "(", this.reviews, this.reviewsText && ` ${this.reviewsText}`, ")")));
|
|
32829
32843
|
}
|
|
32830
32844
|
static get style() { return RoadRatingStyle0; }
|
|
32831
32845
|
static get cmpMeta() { return {
|
|
@@ -34368,9 +34382,9 @@ class RoadPhoneNumberInput {
|
|
|
34368
34382
|
const isErrorClass = this.errorMessage.length ? 'is-error' : '';
|
|
34369
34383
|
const hasValueClass = this.hasValue() ? 'has-value' : '';
|
|
34370
34384
|
const sizes = 'xl';
|
|
34371
|
-
return (hAsync(Host, { key: '
|
|
34385
|
+
return (hAsync(Host, { key: '24cd537172b031b54a8d4b551316c6d35ebfb457' }, hAsync("div", { key: 'fb2728e530fca3d44e2bd54ad5c326bffdec704e', class: 'phone-number-inputs-container' }, hAsync("div", { key: 'f8143383f1a4d27a6e1d0f5d31396b08fee31ad7', class: `road-phone-input-select ${isErrorClass} ${isInvalidClass}`, slot: "prepend" }, hAsync("select", { key: 'bc5cd7865dced3c1a7a8c412ce487a1e95c74bd9', 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: '2a460863f32b098caa5bc47aade77089038d1cb1', class: "form-select-area-label", id: labelId, htmlFor: selectId }, this.codeLabel), hAsync("label", { key: '747540f6cf9f2402e12f370970631c44177fda73', class: "form-select-area-value", id: valueId, htmlFor: selectId }, "+", this.selectedCountryCode)), hAsync("input", { key: '02b9cb47645876729fb4206c8c930f4a214f53a3', type: 'tel', id: inputId, class: `input-${sizes} phone-number-input-field ${hasValueClass} ${isErrorClass}`, value: this.phoneValue, required: this.required, tabIndex: 0, onInput: (event) => this.handleInput(event) }), hAsync("label", { key: 'c3de74c259cc32edd1cd107bab4bb8c00be91fb5', class: "phone-number-input-label", id: labelId, htmlFor: inputId }, this.phoneLabel)), this.errorMessage
|
|
34372
34386
|
&& this.errorMessage !== ''
|
|
34373
|
-
&& hAsync("p", { key: '
|
|
34387
|
+
&& hAsync("p", { key: '334407a43c985abd508a0dd38a88af4e2587a525', class: "invalid-feedback" }, hAsync("road-icon", { key: 'c9bfb7b1a24f0ea3f2cc8a335e28c99c38a5c004', slot: "start", color: 'danger', name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), this.errorMessage)));
|
|
34374
34388
|
}
|
|
34375
34389
|
get el() { return getElement(this); }
|
|
34376
34390
|
static get style() { return RoadPhoneNumberInputStyle0; }
|
|
@@ -34489,7 +34503,7 @@ class RoadTimeRangePicker {
|
|
|
34489
34503
|
return { start: this.start, end: this.end };
|
|
34490
34504
|
}
|
|
34491
34505
|
render() {
|
|
34492
|
-
return (hAsync(Host, { key: '
|
|
34506
|
+
return (hAsync(Host, { key: '685a7671de7ffed7e612757dd378605b3036834b', class: `time-range-picker input-${this.sizes}` }, this.label && (hAsync("p", { key: '12e0ed7a4983760428896639991992f954b1f2c9', class: "label m-0" }, this.label, this.required && hAsync("span", { key: '7074c6b2ac09d83213c2e3fccd80a8669120ba54', class: "required-indicator" }, " *"))), hAsync("div", { key: '623dc14b5b941c44b2cd6a3877c6f898f788f758', class: "time-range-picker-content d-flex align-items-center my-4" }, hAsync("slot", { key: '35188a877334036853d72ef053e39ac6a2900d90', name: "start" }), hAsync("span", { key: '1e1d3b4f5d21390c05f13e38d5e3333a555e1a62', class: "separator mx-12" }, this.separator), hAsync("slot", { key: 'dd753814efa448dac72354add6e2774c22147139', name: "end" })), hAsync("div", { key: '02f8b622150eda4e4499e658799894de74a20958', class: "messages mt-1" }, this.errorMessages.map((msg, index) => (hAsync("p", { key: index, class: "invalid-feedback m-0" }, hAsync("road-icon", { slot: "start", name: "alert-error-solid", "aria-hidden": "true", size: "sm" }), msg.trim())))), this.helper && hAsync("p", { key: '0d61bde2b23a43bf9fd726586de324c9d1e45954', class: "helper mt-1" }, this.helper)));
|
|
34493
34507
|
}
|
|
34494
34508
|
get hostEl() { return getElement(this); }
|
|
34495
34509
|
static get style() { return RoadTimeRangePickerStyle0; }
|
|
@@ -34525,7 +34539,7 @@ class Row {
|
|
|
34525
34539
|
registerInstance(this, hostRef);
|
|
34526
34540
|
}
|
|
34527
34541
|
render() {
|
|
34528
|
-
return (hAsync(Host, { key: '
|
|
34542
|
+
return (hAsync(Host, { key: 'b9735c29e64bf4dbd798811326b36efab2fe84b0' }, hAsync("slot", { key: '33cd185fdb68387287d1099576d03340d45dc579' })));
|
|
34529
34543
|
}
|
|
34530
34544
|
static get style() { return RoadRowStyle0; }
|
|
34531
34545
|
static get cmpMeta() { return {
|
|
@@ -34597,10 +34611,10 @@ class SegmentedButton {
|
|
|
34597
34611
|
render() {
|
|
34598
34612
|
const { tabIndex, selected, tab } = this;
|
|
34599
34613
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
34600
|
-
return (hAsync(Host, { key: '
|
|
34614
|
+
return (hAsync(Host, { key: '8b14a7cc7b693e9738cc01498921b86f01a5e2a5', onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: tabIndex, "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
34601
34615
|
'tab-selected': selected,
|
|
34602
34616
|
[`${sizeClass}`]: true,
|
|
34603
|
-
} }, hAsync("span", { key: '
|
|
34617
|
+
} }, hAsync("span", { key: '2e4d84a1561a9c09b441fd858c3625f784c6794c', tabIndex: -1, class: "button-native", part: "native", "aria-hidden": "true" }, hAsync("span", { key: '2acfa633cb9a32c3554ac7067fd62737bc45b172', class: "button-content" }, hAsync("slot", { key: '1b133f39ff11f8bdd8be0b3d7f780262f0af2e18' })))));
|
|
34604
34618
|
}
|
|
34605
34619
|
get el() { return getElement(this); }
|
|
34606
34620
|
static get style() { return RoadSegmentedButtonStyle0; }
|
|
@@ -34721,7 +34735,7 @@ class Select {
|
|
|
34721
34735
|
const labelId = this.selectId + '-label';
|
|
34722
34736
|
const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
|
|
34723
34737
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
34724
|
-
return (hAsync(Host, { key: '
|
|
34738
|
+
return (hAsync(Host, { key: '252c4ae08501f73688cf0c7c7b0830439f1f8e1f', class: this.sizes && `select-${this.sizes}` }, hAsync("select", { key: '28001067f4222640b9a7d4a93692ff94593651c1', 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: '8933f32a5982c18c456bb06e22a28f67320927b0', 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: '49e2bd5cff399c79900ac65dd37e73bc862f3d00', class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && hAsync("p", { key: 'e3a55cc35184e8767ba35ac87cb45e7e24f3c116', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: 'd824610dfb9031aecee47f63c288069ca3aed0b6', class: "helper" }, this.helper)));
|
|
34725
34739
|
}
|
|
34726
34740
|
static get watchers() { return {
|
|
34727
34741
|
"value": ["valueChanged"]
|
|
@@ -36715,7 +36729,7 @@ class SelectFilter {
|
|
|
36715
36729
|
const options = this.filteredOptions;
|
|
36716
36730
|
const isActive = this.isActive ? 'true' : 'false';
|
|
36717
36731
|
const notActive = this.isActive ? '' : 'not-active';
|
|
36718
|
-
return (hAsync(Host, { key: '
|
|
36732
|
+
return (hAsync(Host, { key: '56283f348c18c9f4da780910a296dff17656881e', "is-active": isActive }, hAsync("slot", { key: '43a5b9dadb04f532e62259a415d921b731b7911e' }), this.isOpen && (hAsync("div", { key: 'cac8b402cfaa77e6c84e60a50f73d148475c93f7', class: `${notActive} select-filter-list`, role: "listbox", onMouseLeave: this.handleMouseLeave }, options.length === 0 ? (hAsync("div", { class: "select-filter-empty" }, "Aucune option")) : (hAsync("ul", { class: "pl-0" }, options.map((option, idx) => (hAsync("li", { class: `select-filter-item ${this.activeIndex === idx ? 'active' : ''}`, role: "option", "aria-selected": this.activeIndex === idx ? 'true' : 'false', onClick: (e) => this.handleOptionClick(option.item.value, option.item.label.replace(/(<([^>]+)>)/gi, ''), e), onMouseOver: () => this.handleOptionMouseOver(idx), innerHTML: option.item.label, tabindex: this.activeIndex === idx ? 0 : -1 })))))))));
|
|
36719
36733
|
}
|
|
36720
36734
|
get el() { return getElement(this); }
|
|
36721
36735
|
static get watchers() { return {
|
|
@@ -36751,7 +36765,7 @@ class Skeleton {
|
|
|
36751
36765
|
registerInstance(this, hostRef);
|
|
36752
36766
|
}
|
|
36753
36767
|
render() {
|
|
36754
|
-
return (hAsync("span", { key: '
|
|
36768
|
+
return (hAsync("span", { key: 'f938a4cd82c542599e6729e9bbfca3fa51573956' }, "\u00A0"));
|
|
36755
36769
|
}
|
|
36756
36770
|
static get style() { return RoadSkeletonStyle0; }
|
|
36757
36771
|
static get cmpMeta() { return {
|
|
@@ -36782,7 +36796,7 @@ class Spinner {
|
|
|
36782
36796
|
render() {
|
|
36783
36797
|
const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
|
|
36784
36798
|
const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
|
|
36785
|
-
return (hAsync("svg", { key: '
|
|
36799
|
+
return (hAsync("svg", { key: '1465d5db948734bba9d01c1371fbe97fba33ccb5', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: 'f7dd929e5cdef073f60d8e6d651fc3e64e594ced', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
|
|
36786
36800
|
}
|
|
36787
36801
|
static get style() { return RoadSpinnerStyle0; }
|
|
36788
36802
|
static get cmpMeta() { return {
|
|
@@ -36832,7 +36846,7 @@ class Stepper {
|
|
|
36832
36846
|
const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
|
|
36833
36847
|
const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
|
|
36834
36848
|
const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
|
|
36835
|
-
return (hAsync(Host, { key: '
|
|
36849
|
+
return (hAsync(Host, { key: 'f111144edc55e730674a4bd5e1633e5a91b97015' }, hAsync("nav", { key: '7591c2c39a2827b36d351a3b28a85c6156b64b2d' }, hAsync("ul", { key: '78fa0a7bd33e11c970ce71df3e86ad82adf092f4', class: `${colorClass}` }, hAsync("li", { key: '3e395290532c35a096b9c6f24936ed37041f6205', class: `${stateClass}` }, hAsync("a", { key: 'c5eea4f543e4d74d1a0616b2352961edfd5516b5', class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, hAsync("span", { key: 'de796e773f0e4529d0b7fdbe61e6c11d8e6279ca', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: 'fb65dc7ad9d3f422bacc3ccba87e2be2171d7f9e', name: "progress-indicator-horizontal-icon" })), hAsync("span", { key: 'd7cf1de8faa1821bba9280c171735e10448b9453', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'f0d15278bee067c765fa466e1e4a368b23c06703', name: "progress-indicator-horizontal-title" })))), hAsync("li", { key: '25fb14e2d761124258ac90fcd3c7df82a3d77e16', class: `${stateSecondStepClass}` }, hAsync("a", { key: 'f253c9d89b3fa7f430be3bdcdfe8cacd828fdbe0', class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, hAsync("span", { key: 'd85c7358d428abb5ee621355cab2c8c1f87c802a', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '1c7b3678964d7cb76420b427654488f745f58491', name: "progress-indicator-horizontal-icon2" })), hAsync("span", { key: 'f9df661db7d252d4660652a3c1a4cfbbc000a7d0', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: 'b58b9a83c49dbf5883f12380d659f65a68167181', name: "progress-indicator-horizontal-title2" })))), this.numberStep == 3 && hAsync("li", { key: '93e3ff18e0f07844d00fed42acb091b9482798d5', class: `${stateThirdStepClass}` }, hAsync("a", { key: '10ea0a5904d2308eeefc1707a3fdb596c4cdb4e3', class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, hAsync("span", { key: '7da570caa2a771389acc1b44870f2712afb17b96', class: "progress-indicator-horizontal-icon" }, hAsync("slot", { key: '5235530ca67e9c2730eb1130e7f98454bb3c58d1', name: "progress-indicator-horizontal-icon3" })), hAsync("span", { key: '22d8d0d86ad2b8035b91a63783381c8f7c40e2dd', class: "progress-indicator-horizontal-title" }, hAsync("slot", { key: '06193f06fa83c0d64ed13ad40e6a37f73da7592e', name: "progress-indicator-horizontal-title3" }))))))));
|
|
36836
36850
|
}
|
|
36837
36851
|
static get style() { return RoadProgressIndicatorHorizontalStyle0; }
|
|
36838
36852
|
static get cmpMeta() { return {
|
|
@@ -36934,11 +36948,11 @@ class Switch {
|
|
|
36934
36948
|
}
|
|
36935
36949
|
render() {
|
|
36936
36950
|
const labelId = this.switchId + '-label';
|
|
36937
|
-
const textLabel = hAsync("label", { key: '
|
|
36951
|
+
const textLabel = hAsync("label", { key: 'b0499c36ab0eb33ac879c37115b6a4754c5d1529', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
|
|
36938
36952
|
const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
|
|
36939
36953
|
const isSpacedClass = this.isSpaced && 'form-switch-spaced';
|
|
36940
36954
|
const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
|
|
36941
|
-
return (hAsync(Host, { key: '
|
|
36955
|
+
return (hAsync(Host, { key: 'a9365fb9fd70d406e5a90d740cead5094861ac79' }, hAsync("input", { key: '8714e6da068a91604e19dfbdba6f6c712c339c07', 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: 'b181aecf57662fe3d9c4032ef5fbd47709730e85', class: `form-switch-label ${isSpacedClass} ${colorClass}`, htmlFor: this.switchId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '4c6da52b6e04657d6749eec12c3c6ff5f97ce762', class: `form-switch-lever ${rightSwitchClass}`, "data-off": this.off, "data-on": this.on }), this.hasLeftLabel ? '' : textLabel)));
|
|
36942
36956
|
}
|
|
36943
36957
|
static get watchers() { return {
|
|
36944
36958
|
"checked": ["checkedChanged"]
|
|
@@ -36993,9 +37007,9 @@ class Tab {
|
|
|
36993
37007
|
}
|
|
36994
37008
|
render() {
|
|
36995
37009
|
const { tab, active } = this;
|
|
36996
|
-
return (hAsync(Host, { key: '
|
|
37010
|
+
return (hAsync(Host, { key: '925b7e9bcb116de9081e0f238799e28a31d385a1', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
36997
37011
|
'tab-hidden': !active,
|
|
36998
|
-
} }, hAsync("slot", { key: '
|
|
37012
|
+
} }, hAsync("slot", { key: 'c4ae28afb00bd729cc5b2c434b8ac62d94d8b5f3' })));
|
|
36999
37013
|
}
|
|
37000
37014
|
get el() { return getElement(this); }
|
|
37001
37015
|
static get style() { return RoadTabStyle0; }
|
|
@@ -37055,11 +37069,11 @@ class TabBar {
|
|
|
37055
37069
|
}
|
|
37056
37070
|
render() {
|
|
37057
37071
|
const { expand, center, secondary } = this;
|
|
37058
|
-
return (hAsync(Host, { key: '
|
|
37072
|
+
return (hAsync(Host, { key: 'c88f5a50d83ec07361ed5dd08d5b8a29fd4ac13d', role: "tablist", class: {
|
|
37059
37073
|
'tab-expand': expand,
|
|
37060
37074
|
'tab-center': center,
|
|
37061
37075
|
'tab-secondary': secondary,
|
|
37062
|
-
} }, hAsync("slot", { key: '
|
|
37076
|
+
} }, hAsync("slot", { key: '9a9f51b48cef50e484e4e6b0696108e9263f0f48' })));
|
|
37063
37077
|
}
|
|
37064
37078
|
get el() { return getElement(this); }
|
|
37065
37079
|
static get watchers() { return {
|
|
@@ -37159,7 +37173,7 @@ class TabButton {
|
|
|
37159
37173
|
rel,
|
|
37160
37174
|
target,
|
|
37161
37175
|
};
|
|
37162
|
-
return (hAsync(Host, { key: '
|
|
37176
|
+
return (hAsync(Host, { key: 'd10e81cf00ff7acb3888181bf7b60db6b7e24162', 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: {
|
|
37163
37177
|
'tab-selected': selected,
|
|
37164
37178
|
'tab-has-label': hasLabel,
|
|
37165
37179
|
'tab-has-icon': hasIcon,
|
|
@@ -37167,7 +37181,7 @@ class TabButton {
|
|
|
37167
37181
|
'tab-has-icon-only': hasIcon && !hasLabel,
|
|
37168
37182
|
[`tab-layout-${layout}`]: true,
|
|
37169
37183
|
'tab-disabled': disabled, // Classe CSS pour les styles désactivés
|
|
37170
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
37184
|
+
} }, hAsync("a", Object.assign({ key: '81f0045d7d4b05e70ddcbab15866ed09d70eff11' }, attrs, { tabIndex: -1, class: "button-native", part: "native" }), hAsync("span", { key: 'f167d63f29af54aa2632a0e46ca64499a70b3a22', class: "button-inner" }, hAsync("slot", { key: '1b91f5ba629820ef6764eba4064d551ac8b6f820' })))));
|
|
37171
37185
|
}
|
|
37172
37186
|
get el() { return getElement(this); }
|
|
37173
37187
|
static get style() { return RoadTabButtonStyle0; }
|
|
@@ -37201,7 +37215,7 @@ class Table {
|
|
|
37201
37215
|
registerInstance(this, hostRef);
|
|
37202
37216
|
}
|
|
37203
37217
|
render() {
|
|
37204
|
-
return (hAsync("slot", { key: '
|
|
37218
|
+
return (hAsync("slot", { key: '62d09e884d94443c31146ec24273a787c6ee3787' }));
|
|
37205
37219
|
}
|
|
37206
37220
|
static get style() { return RoadTableStyle0; }
|
|
37207
37221
|
static get cmpMeta() { return {
|
|
@@ -37309,7 +37323,7 @@ class Tabs$1 {
|
|
|
37309
37323
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
37310
37324
|
}
|
|
37311
37325
|
render() {
|
|
37312
|
-
return (hAsync(Host, { key: '
|
|
37326
|
+
return (hAsync(Host, { key: '51b943aa1730a5869b8d4616e5b9d0a883c3e17c', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: '14c0de7b24f8a960a331c258ac91dd2ec4e1dda2', name: "top" }), hAsync("slot", { key: 'b8d71615b2b6bbee3ce95754f0b2f0a7c5ef3385' })));
|
|
37313
37327
|
}
|
|
37314
37328
|
get el() { return getElement(this); }
|
|
37315
37329
|
static get style() { return RoadSegmentedButtonsStyle0; }
|
|
@@ -37445,7 +37459,7 @@ class Tabs {
|
|
|
37445
37459
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
37446
37460
|
}
|
|
37447
37461
|
render() {
|
|
37448
|
-
return (hAsync(Host, { key: '
|
|
37462
|
+
return (hAsync(Host, { key: '27ab87f41f3d6751434e8d6a2631cbe82d0a0cbc', onRoadTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'bbb551131576e4eee16b94217507c31c2c60a6be', name: "top" }), hAsync("div", { key: 'f8b534238faee2fc29784b7e1725b15191349838', class: "tabs-inner" }, hAsync("slot", { key: 'a7314be1ed2375a652afab28df2c3bb0e5a154f2' }))));
|
|
37449
37463
|
}
|
|
37450
37464
|
get el() { return getElement(this); }
|
|
37451
37465
|
static get style() { return RoadTabsStyle0; }
|
|
@@ -37493,7 +37507,7 @@ class Tag {
|
|
|
37493
37507
|
}
|
|
37494
37508
|
render() {
|
|
37495
37509
|
const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
|
|
37496
|
-
return (hAsync(Host, { key: '
|
|
37510
|
+
return (hAsync(Host, { key: '0310697bbc0e468cfb7a7c2c2d1b6c7b00e5c8a1', class: `${contrastClass}` }, hAsync("slot", { key: '70eb0d5b559ca409cb1eae30a258fada641009d3' })));
|
|
37497
37511
|
}
|
|
37498
37512
|
static get style() { return RoadTagStyle0; }
|
|
37499
37513
|
static get cmpMeta() { return {
|
|
@@ -37525,7 +37539,7 @@ class Text {
|
|
|
37525
37539
|
}
|
|
37526
37540
|
render() {
|
|
37527
37541
|
const colorClass = this.color !== undefined ? `text-${this.color}` : '';
|
|
37528
|
-
return (hAsync(Host, { key: '
|
|
37542
|
+
return (hAsync(Host, { key: '9d1a62edc9a4602497b542292a0313ed52fc6156', class: `${colorClass}` }, hAsync("slot", { key: '9aa0f728eae087590555f108f6562b96f5a926ed' })));
|
|
37529
37543
|
}
|
|
37530
37544
|
static get style() { return RoadTextStyle0; }
|
|
37531
37545
|
static get cmpMeta() { return {
|
|
@@ -37635,7 +37649,7 @@ class Textarea {
|
|
|
37635
37649
|
const hasValueClass = this.value !== '' ? 'has-value' : '';
|
|
37636
37650
|
const noResizeClass = this.resize == false ? 'no-resize' : '';
|
|
37637
37651
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
37638
|
-
return (hAsync(Host, { key: '
|
|
37652
|
+
return (hAsync(Host, { key: 'b77fec4a19c3443154c949db07408a4a5c453f24', "aria-disabled": this.disabled ? 'true' : null, class: this.sizes && `input-${this.sizes}` }, hAsync("textarea", { key: 'ca0a2c4c1e436b3e99933eab9c3dd420693dd5ce', 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: 'c59652092cfebc7a0cb9b1165b9387fd9a18c8d4', class: "form-label", id: labelId, htmlFor: this.textareaId }, this.label), this.error && this.error !== '' && hAsync("p", { key: '7f2edce4666cc9a30bc365db10917a6b3c9f28da', class: "invalid-feedback" }, this.error), this.helper && this.helper !== '' && hAsync("p", { key: '98885d35065c4309cfa1fcf4d20188fcd17c7e49', class: "helper" }, this.helper)));
|
|
37639
37653
|
}
|
|
37640
37654
|
static get watchers() { return {
|
|
37641
37655
|
"value": ["valueChanged"]
|
|
@@ -37766,7 +37780,7 @@ class Toast {
|
|
|
37766
37780
|
if (this.color == 'danger') {
|
|
37767
37781
|
this.timeout = 0;
|
|
37768
37782
|
}
|
|
37769
|
-
return (hAsync(Host, { key: '
|
|
37783
|
+
return (hAsync(Host, { key: 'a23d9efd2c57c549c299afa7397c1d54da39fad4', class: `${toastIsOpenClass}`, role: "alert" }, hAsync("div", { key: '2a2781c355e65842713a0fb011b24f13da018809', class: `toast toast-${this.color}` }, hAsync("road-icon", { key: 'bdc30f61254fa6a358780a9eb24f5951ffe12684', class: "toast-icon", icon: icon, "aria-hidden": "true" }), hAsync("p", { key: '26690a7b4c4d2c9b5111226e37e50f04900e7322', class: "toast-label" }, this.label), hAsync("button", { key: '4b02f4e03ecfa6f9587808884f60852af9eed9ee', type: "button", class: "toast-close", "aria-label": "Close", onClick: this.onClick }, hAsync("road-icon", { key: 'b7558ca5cce55da8fc90eb3011a0ba449a476289', icon: navigationClose, size: "md" })), hAsync("slot", { key: 'cf46edeb98030ef816a3c0029265a53783d9ed56', name: "progress" }))));
|
|
37770
37784
|
}
|
|
37771
37785
|
static get watchers() { return {
|
|
37772
37786
|
"isOpen": ["isOpenChanged"]
|
|
@@ -37806,7 +37820,7 @@ class Toolbar {
|
|
|
37806
37820
|
}
|
|
37807
37821
|
render() {
|
|
37808
37822
|
const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
|
|
37809
|
-
return (hAsync(Host, { key: '
|
|
37823
|
+
return (hAsync(Host, { key: 'b241b745def7b165ef5e6df90a4c976df79967a7', class: colorClass }, hAsync("div", { key: 'b7429305780cefbc62057b3de5585505d197b4e3', class: "toolbar-container" }, hAsync("slot", { key: 'e1095e0ccbe77021455b2b2dc50cde77f2570889', name: "start" }), hAsync("slot", { key: '4664948325cb7a5bd0994078828457aba28ee6f7', name: "primary" }), hAsync("div", { key: 'ab74e4d57f7abc23f85812c98de539c0b734a186', class: "toolbar-content" }, hAsync("slot", { key: 'e79434348e852c3904ffa47856d8c091628fb59d' })), hAsync("slot", { key: '6e7ae8afa24083b5a3b0ebb1aadcbf26c3f7b8d0', name: "secondary" }), hAsync("slot", { key: 'e1fb505a58d79c0e3ebb6c7dbfe28ea572c4036f', name: "end" }))));
|
|
37810
37824
|
}
|
|
37811
37825
|
static get style() { return RoadToolbarStyle0; }
|
|
37812
37826
|
static get cmpMeta() { return {
|
|
@@ -37832,7 +37846,7 @@ class ToolbarAppName {
|
|
|
37832
37846
|
registerInstance(this, hostRef);
|
|
37833
37847
|
}
|
|
37834
37848
|
render() {
|
|
37835
|
-
return (hAsync("div", { key: '
|
|
37849
|
+
return (hAsync("div", { key: '5b3f14f6952d3601e6e998ff2b727424fab555cd', class: "toolbar-title-page" }, hAsync("slot", { key: '9f0eb9f41cc22369bc1867ebd5f28b89fa442eba' })));
|
|
37836
37850
|
}
|
|
37837
37851
|
static get style() { return RoadToolbarTitlePageStyle0; }
|
|
37838
37852
|
static get cmpMeta() { return {
|
|
@@ -37856,7 +37870,7 @@ class ToolbarTitle {
|
|
|
37856
37870
|
registerInstance(this, hostRef);
|
|
37857
37871
|
}
|
|
37858
37872
|
render() {
|
|
37859
|
-
return (hAsync("div", { key: '
|
|
37873
|
+
return (hAsync("div", { key: '742688fba3267e9a387d8ae176d5af3112035686', class: "toolbar-title" }, hAsync("slot", { key: '23f50e8813d852a95e6489272b90bc6698772a4e' })));
|
|
37860
37874
|
}
|
|
37861
37875
|
static get style() { return RoadToolbarTitleStyle0; }
|
|
37862
37876
|
static get cmpMeta() { return {
|
|
@@ -37885,7 +37899,7 @@ class ToolbarV2 {
|
|
|
37885
37899
|
registerInstance(this, hostRef);
|
|
37886
37900
|
}
|
|
37887
37901
|
render() {
|
|
37888
|
-
return (hAsync(Host, { key: '
|
|
37902
|
+
return (hAsync(Host, { key: '62ea20f134b10b364d0c9238aa64ba1d75a9191a', class: "toolbar" }, hAsync("div", { key: 'c3b5a93350cbf7de5d5224c04fd082ff993020b1', class: "toolbar-container" }, hAsync("div", { key: 'e3d8b61c07cbeef7720fce382d78668f6d74ae35', class: "toolbar-container-content-left" }, hAsync("slot", { key: '7255141af24d37a06e36f5c565c95b918d53392e', name: "start" }), hAsync("slot", { key: 'ce9156a72df70dae4e725a5d145af1ba32078c17', name: "primary" })), hAsync("div", { key: '27f73e3afe5a75911165cc4beea2a5aa9f57bab4', class: "toolbar-content" }, hAsync("slot", { key: 'a11fa5976a59e1e34375a43ed3f4f7dc4aec1fb9' })), hAsync("div", { key: 'c1d147e5883163ef8dd8aa3c2498d577166aade7', class: "toolbar-container-content-right" }, hAsync("slot", { key: 'f85a1e5cda535a862fa19660e369b72d1927fd33', name: "secondary" }), hAsync("slot", { key: '4a66978a37a7203b583c6c3c6b907db4b77f2be2', name: "end" })))));
|
|
37889
37903
|
}
|
|
37890
37904
|
static get style() { return RoadToolbarV2Style0; }
|
|
37891
37905
|
static get cmpMeta() { return {
|
|
@@ -37901,6 +37915,32 @@ class ToolbarV2 {
|
|
|
37901
37915
|
const tooltipCss = ":host{--max-width:85vw;--z-index:1;--width:max-content;position:relative;display:inline-block}:host(:hover){cursor:pointer}:host([trigger=\"hover\"]) .tooltip{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);min-width:100%;max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:var(--road-body-small);color:var(--road-on-surface);text-align:center;pointer-events:none;visibility:hidden;background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);opacity:0;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateX(-50%) translateY(-100%)}:host([contentalign=\"left\"]) .tooltip{text-align:left}.tooltip.tooltip-text-left::after{text-align:left}.tooltip-open{visibility:visible;opacity:1}:host([data-tooltip-position=\"top\"]) .tooltip{left:50%;transform:translateX(-50%) translateY(-70%)}:host([data-tooltip-position=\"top\"]) .tooltip-open{left:50%;transform:translateX(-50%) translateY(-100%)}:host([data-tooltip-position=\"top-left\"]) .tooltip{left:0%;transform:translateY(-70%)}:host([data-tooltip-position=\"top-left\"]) .tooltip-open{transform:translateY(-100%)}:host([data-tooltip-position=\"top-right\"]) .tooltip{left:50%;transform:translateY(-70%)}:host([data-tooltip-position=\"top-right\"]) .tooltip-open{left:100%;transform:translateY(-100%)}:host([data-tooltip-position=\"top-end\"]) .tooltip{left:auto;right:0%;transform:translateY(-70%)}:host([data-tooltip-position=\"top-end\"]) .tooltip-open{transform:translateY(-100%)}:host([data-tooltip-position=\"left\"]) .tooltip{top:50%;left:0%;margin-right:0.5rem;transform:translateX(-94%) translateY(-55%)}:host([data-tooltip-position=\"left\"]) .tooltip-open{transform:translateX(-103%) translateY(-55%)}:host([data-tooltip-position=\"bottom\"]) .tooltip{top:100%;left:50%;margin-top:0.5rem;transform:translateX(-50%) translateY(-40%)}:host([data-tooltip-position=\"bottom\"]) .tooltip-open{transform:translateX(-50%) translateY(-6%)}:host([data-tooltip-position=\"bottom-left\"]) .tooltip{top:100%;left:0;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position=\"bottom-left\"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position=\"bottom-right\"]) .tooltip{top:100%;left:100%;margin-top:0.5rem;transform:translateY(-40%)}:host([data-tooltip-position=\"bottom-right\"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position=\"bottom-end\"]) .tooltip{margin-top:0.5rem;left:auto;top:100%;right:0;transform:translateY(-40%)}:host([data-tooltip-position=\"bottom-end\"]) .tooltip-open{transform:translateY(-6%)}:host([data-tooltip-position=\"right\"]) .tooltip{top:50%;left:100%;margin-left:0.5rem;transform:translateX(-14%) translateY(-55%)}:host([data-tooltip-position=\"right\"]) .tooltip-open{transform:translateX(-4%) translateY(-55%)}";
|
|
37902
37916
|
var RoadTooltipStyle0 = tooltipCss;
|
|
37903
37917
|
|
|
37918
|
+
let isKeyboardNavigation = false;
|
|
37919
|
+
const onGlobalKeyDown = () => {
|
|
37920
|
+
isKeyboardNavigation = true;
|
|
37921
|
+
};
|
|
37922
|
+
const onGlobalMouseDown = () => {
|
|
37923
|
+
isKeyboardNavigation = false;
|
|
37924
|
+
};
|
|
37925
|
+
let globalInputModeUsers = 0;
|
|
37926
|
+
function registerGlobalInputModeListeners() {
|
|
37927
|
+
if (typeof document === "undefined")
|
|
37928
|
+
return;
|
|
37929
|
+
if (globalInputModeUsers === 0) {
|
|
37930
|
+
document.addEventListener("keydown", onGlobalKeyDown);
|
|
37931
|
+
document.addEventListener("mousedown", onGlobalMouseDown);
|
|
37932
|
+
}
|
|
37933
|
+
globalInputModeUsers++;
|
|
37934
|
+
}
|
|
37935
|
+
function unregisterGlobalInputModeListeners() {
|
|
37936
|
+
if (typeof document === "undefined")
|
|
37937
|
+
return;
|
|
37938
|
+
globalInputModeUsers = Math.max(0, globalInputModeUsers - 1);
|
|
37939
|
+
if (globalInputModeUsers === 0) {
|
|
37940
|
+
document.removeEventListener("keydown", onGlobalKeyDown);
|
|
37941
|
+
document.removeEventListener("mousedown", onGlobalMouseDown);
|
|
37942
|
+
}
|
|
37943
|
+
}
|
|
37904
37944
|
/**
|
|
37905
37945
|
* @slot tooltip-content - content of the tooltip, if you need to add html content, use this slot, otherwise use directly the content prop.
|
|
37906
37946
|
*
|
|
@@ -37916,15 +37956,15 @@ class Tooltip {
|
|
|
37916
37956
|
/**
|
|
37917
37957
|
* The tooltip's content.
|
|
37918
37958
|
*/
|
|
37919
|
-
this.content =
|
|
37959
|
+
this.content = "";
|
|
37920
37960
|
/**
|
|
37921
37961
|
* The position of the tooltip.
|
|
37922
37962
|
*/
|
|
37923
|
-
this.position =
|
|
37963
|
+
this.position = "top";
|
|
37924
37964
|
/**
|
|
37925
37965
|
* The content align of the tooltip.
|
|
37926
37966
|
*/
|
|
37927
|
-
this.contentAlign =
|
|
37967
|
+
this.contentAlign = "center";
|
|
37928
37968
|
/**
|
|
37929
37969
|
* Indicates whether or not the tooltip is open. You can use this or the open/close methods.
|
|
37930
37970
|
*/
|
|
@@ -37934,36 +37974,31 @@ class Tooltip {
|
|
|
37934
37974
|
* options can be passed by separating them with a space. When manual is used, the tooltip must be activated
|
|
37935
37975
|
* programmatically.
|
|
37936
37976
|
*/
|
|
37937
|
-
this.trigger =
|
|
37977
|
+
this.trigger = "hover";
|
|
37938
37978
|
this.onClick = () => {
|
|
37939
|
-
if (this.hasTrigger(
|
|
37979
|
+
if (this.hasTrigger("click")) {
|
|
37940
37980
|
this.isOpen ? this.close() : this.open();
|
|
37941
37981
|
}
|
|
37942
37982
|
};
|
|
37943
37983
|
this.onMouseOver = () => {
|
|
37944
|
-
if (this.hasTrigger(
|
|
37984
|
+
if (this.hasTrigger("hover")) {
|
|
37945
37985
|
this.open();
|
|
37946
37986
|
}
|
|
37947
37987
|
};
|
|
37948
37988
|
this.onMouseOut = () => {
|
|
37949
|
-
if (this.hasTrigger(
|
|
37989
|
+
if (this.hasTrigger("hover")) {
|
|
37950
37990
|
this.close();
|
|
37951
37991
|
}
|
|
37952
37992
|
};
|
|
37953
|
-
this.isKeyboardNavigation = false;
|
|
37954
|
-
this.handleKeyDown = () => {
|
|
37955
|
-
this.isKeyboardNavigation = true;
|
|
37956
|
-
};
|
|
37957
|
-
this.handleMouseDown = () => {
|
|
37958
|
-
this.isKeyboardNavigation = false;
|
|
37959
|
-
};
|
|
37960
37993
|
this.onFocus = () => {
|
|
37961
|
-
if (
|
|
37994
|
+
if (isKeyboardNavigation &&
|
|
37995
|
+
(this.hasTrigger("hover") || this.hasTrigger("focus"))) {
|
|
37962
37996
|
this.open();
|
|
37963
37997
|
}
|
|
37964
37998
|
};
|
|
37965
37999
|
this.onBlur = () => {
|
|
37966
|
-
if (
|
|
38000
|
+
if (isKeyboardNavigation &&
|
|
38001
|
+
(this.hasTrigger("hover") || this.hasTrigger("focus"))) {
|
|
37967
38002
|
this.close();
|
|
37968
38003
|
}
|
|
37969
38004
|
};
|
|
@@ -37980,30 +38015,23 @@ class Tooltip {
|
|
|
37980
38015
|
async close() {
|
|
37981
38016
|
this.isOpen = false;
|
|
37982
38017
|
}
|
|
37983
|
-
|
|
37984
|
-
|
|
37985
|
-
document.addEventListener('keydown', this.handleKeyDown);
|
|
37986
|
-
document.addEventListener('mousedown', this.handleMouseDown);
|
|
37987
|
-
}
|
|
37988
|
-
componentDidLoad() {
|
|
37989
|
-
document.addEventListener('keydown', this.handleKeyDown);
|
|
37990
|
-
document.addEventListener('mousedown', this.handleMouseDown);
|
|
38018
|
+
connectedCallback() {
|
|
38019
|
+
registerGlobalInputModeListeners();
|
|
37991
38020
|
}
|
|
37992
|
-
|
|
37993
|
-
|
|
37994
|
-
document.removeEventListener('mousedown', this.handleMouseDown);
|
|
38021
|
+
disconnectedCallback() {
|
|
38022
|
+
unregisterGlobalInputModeListeners();
|
|
37995
38023
|
}
|
|
37996
38024
|
hasTrigger(triggerType) {
|
|
37997
|
-
const triggers = this.trigger.split(
|
|
38025
|
+
const triggers = this.trigger.split(" ");
|
|
37998
38026
|
return triggers.includes(triggerType);
|
|
37999
38027
|
}
|
|
38000
38028
|
render() {
|
|
38001
|
-
return (hAsync(Host, { key: '
|
|
38029
|
+
return (hAsync(Host, { key: '9150dafd734e51cf806d8fe9dd9f7cabb30516f0', onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, tabindex: "0" // Makes the element focusable
|
|
38002
38030
|
,
|
|
38003
|
-
"data-tooltip-position": this.position }, hAsync("slot", { key: '
|
|
38031
|
+
"data-tooltip-position": this.position }, hAsync("slot", { key: '11b94662e222cdb59b71a2f261788860444ae274', "aria-describedby": this.tooltipId }), hAsync("div", { key: '59cc457c5e21956d9c395b82db9bc0e1cd867432', part: "tooltip", id: this.tooltipId, class: {
|
|
38004
38032
|
tooltip: true,
|
|
38005
|
-
|
|
38006
|
-
}, role: "tooltip", "aria-hidden": !this.isOpen ?
|
|
38033
|
+
"tooltip-open": this.isOpen,
|
|
38034
|
+
}, role: "tooltip", "aria-hidden": !this.isOpen ? "true" : "false" }, this.content, hAsync("slot", { key: '4ce82842f3a6a7c91c6e8f2c7c7f86775f83a2c3', name: "tooltip-content" }))));
|
|
38007
38035
|
}
|
|
38008
38036
|
get el() { return getElement(this); }
|
|
38009
38037
|
static get style() { return RoadTooltipStyle0; }
|
|
@@ -38095,11 +38123,11 @@ class toggle {
|
|
|
38095
38123
|
}
|
|
38096
38124
|
render() {
|
|
38097
38125
|
const labelId = this.toggleId + '-label';
|
|
38098
|
-
const textLabel = hAsync("label", { key: '
|
|
38126
|
+
const textLabel = hAsync("label", { key: 'ba35148ac26c71b2bc262b3fe9f7dc3de5f08370', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
|
|
38099
38127
|
const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
|
|
38100
38128
|
const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
|
|
38101
38129
|
const disabledClass = this.disabled ? 'disabled' : '';
|
|
38102
|
-
return (hAsync(Host, { key: '
|
|
38130
|
+
return (hAsync(Host, { key: 'f534525f661135af3465bf513fbffe03dc56ab38' }, hAsync("input", { key: '7f81baf61ec97adcce01edaee0bf758e5523d71b', 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: '62460c291d7d6a518e5c5d08fa5776050d95110c', class: `form-toggle-label ${isSpacedClass} ${disabledClass}`, htmlFor: this.toggleId }, this.hasLeftLabel && textLabel, hAsync("div", { key: '43512b3f7203bee3137e986ee021bd1107f118cc', class: `form-toggle-lever ${righttoggleClass}` }, this.checked ? (hAsync("road-icon", { name: "check-small-solid", class: "form-toggle-lever-check", size: "md" })) : (hAsync("road-icon", { name: "navigation-close-solid", class: "form-toggle-lever-close", size: "md" }))), this.hasLeftLabel ? '' : textLabel)));
|
|
38103
38131
|
}
|
|
38104
38132
|
static get watchers() { return {
|
|
38105
38133
|
"checked": ["checkedChanged"]
|