@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.js
CHANGED
|
@@ -3840,7 +3840,7 @@ class ButtonBar {
|
|
|
3840
3840
|
this.selectedTabChanged();
|
|
3841
3841
|
}
|
|
3842
3842
|
render() {
|
|
3843
|
-
return (hAsync(Host, { key: '
|
|
3843
|
+
return (hAsync(Host, { key: 'd4cf00bc997e0ed05484681fb5fc5f554b3d6fbd', role: "tablist" }, hAsync("slot", { key: 'cadf449cf80d55a0fe297fff440f65f6c096c371' })));
|
|
3844
3844
|
}
|
|
3845
3845
|
get el() { return getElement(this); }
|
|
3846
3846
|
static get watchers() { return {
|
|
@@ -10474,7 +10474,6 @@ class Carousel {
|
|
|
10474
10474
|
this.setupKeyboardNavigation();
|
|
10475
10475
|
}
|
|
10476
10476
|
componentDidUpdate() {
|
|
10477
|
-
console.log("%c🤪 ~ file: carousel.tsx:97 : ", "color: #d45d87", "componentDidUpdate");
|
|
10478
10477
|
this.initSwiper();
|
|
10479
10478
|
}
|
|
10480
10479
|
disconnectedCallback() {
|
|
@@ -10661,7 +10660,6 @@ class Carousel {
|
|
|
10661
10660
|
},
|
|
10662
10661
|
};
|
|
10663
10662
|
if (this.pager) {
|
|
10664
|
-
console.log("%c🤪 ~ file: carousel.tsx:325 : ", "color: #2ee0b6", this.pagertype);
|
|
10665
10663
|
swiperOptions.pagination = {
|
|
10666
10664
|
el: this.paginationEl,
|
|
10667
10665
|
type: this.pagertype,
|
|
@@ -10710,7 +10708,7 @@ class Carousel {
|
|
|
10710
10708
|
});
|
|
10711
10709
|
}
|
|
10712
10710
|
render() {
|
|
10713
|
-
return (hAsync(Host, { key: '
|
|
10711
|
+
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 })))));
|
|
10714
10712
|
}
|
|
10715
10713
|
get el() { return getElement(this); }
|
|
10716
10714
|
static get watchers() { return {
|
|
@@ -10947,7 +10945,7 @@ class Chip {
|
|
|
10947
10945
|
this.size = 'sm';
|
|
10948
10946
|
}
|
|
10949
10947
|
render() {
|
|
10950
|
-
return (hAsync(Host, { key: '
|
|
10948
|
+
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' }))));
|
|
10951
10949
|
}
|
|
10952
10950
|
static get style() { return RoadStatusChipStyle0; }
|
|
10953
10951
|
static get cmpMeta() { return {
|
|
@@ -12963,7 +12961,7 @@ var createFocusTrap = function createFocusTrap(elements, userOptions) {
|
|
|
12963
12961
|
return trap;
|
|
12964
12962
|
};
|
|
12965
12963
|
|
|
12966
|
-
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:
|
|
12964
|
+
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}";
|
|
12967
12965
|
var RoadDrawerStyle0 = drawerCss;
|
|
12968
12966
|
|
|
12969
12967
|
/**
|
|
@@ -13009,14 +13007,14 @@ class Drawer {
|
|
|
13009
13007
|
* Show / hide close icon
|
|
13010
13008
|
*/
|
|
13011
13009
|
this.hasCloseIcon = true;
|
|
13010
|
+
/**
|
|
13011
|
+
* Override focus trap
|
|
13012
|
+
*/
|
|
13013
|
+
this.enabledFocusTrap = true;
|
|
13012
13014
|
/**
|
|
13013
13015
|
* Footer Content state
|
|
13014
13016
|
*/
|
|
13015
13017
|
this.hasFooterContent = false;
|
|
13016
|
-
this.onFooterSlotChange = (event) => {
|
|
13017
|
-
const slot = event.target;
|
|
13018
|
-
this.hasFooterContent = slot.assignedElements().length > 0;
|
|
13019
|
-
};
|
|
13020
13018
|
/**
|
|
13021
13019
|
* Close the dialog when clicking on the cross or layer
|
|
13022
13020
|
*/
|
|
@@ -13052,6 +13050,18 @@ class Drawer {
|
|
|
13052
13050
|
async back() {
|
|
13053
13051
|
this.onBack.emit();
|
|
13054
13052
|
}
|
|
13053
|
+
/**
|
|
13054
|
+
* 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
|
|
13055
|
+
*/
|
|
13056
|
+
handleFocusTrapProp(value) {
|
|
13057
|
+
var _a, _b;
|
|
13058
|
+
if (value) {
|
|
13059
|
+
(_a = this.focusTrap) === null || _a === void 0 ? void 0 : _a.activate();
|
|
13060
|
+
}
|
|
13061
|
+
else {
|
|
13062
|
+
(_b = this.focusTrap) === null || _b === void 0 ? void 0 : _b.deactivate();
|
|
13063
|
+
}
|
|
13064
|
+
}
|
|
13055
13065
|
// @Watch('isOpen')
|
|
13056
13066
|
// handleOpen(openValue: boolean) {
|
|
13057
13067
|
// if(openValue === true) {
|
|
@@ -13108,7 +13118,7 @@ class Drawer {
|
|
|
13108
13118
|
this.el.querySelectorAll('[data-dismiss="modal"]').forEach(item => {
|
|
13109
13119
|
item.addEventListener('click', () => this.close());
|
|
13110
13120
|
});
|
|
13111
|
-
const drawerContent = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".drawer-
|
|
13121
|
+
const drawerContent = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".road-drawer-wrapper");
|
|
13112
13122
|
this.focusTrap = createFocusTrap(drawerContent, {
|
|
13113
13123
|
onActivate: () => drawerContent === null || drawerContent === void 0 ? void 0 : drawerContent.classList.add("focus-trapped"),
|
|
13114
13124
|
onDeactivate: () => drawerContent === null || drawerContent === void 0 ? void 0 : drawerContent.classList.remove("focus-trapped"),
|
|
@@ -13118,7 +13128,7 @@ class Drawer {
|
|
|
13118
13128
|
});
|
|
13119
13129
|
}
|
|
13120
13130
|
render() {
|
|
13121
|
-
var _a, _b, _c;
|
|
13131
|
+
var _a, _b, _c, _d;
|
|
13122
13132
|
const drawerIsOpenClass = this.isOpen ? 'drawer-open' : '';
|
|
13123
13133
|
const removePaddingClass = this.removePadding ? 'remove-padding' : '';
|
|
13124
13134
|
const inverseHeaderClass = this.hasInverseHeader ? 'drawer-header-inverse' : '';
|
|
@@ -13129,10 +13139,13 @@ class Drawer {
|
|
|
13129
13139
|
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;
|
|
13130
13140
|
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;
|
|
13131
13141
|
const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
|
|
13132
|
-
|
|
13142
|
+
const footerSlotElement = (_d = this.el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('slot[name="footer"]');
|
|
13143
|
+
const hasFooterContent = footerSlotElement instanceof HTMLSlotElement && footerSlotElement.assignedNodes().length > 0;
|
|
13144
|
+
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" })))))));
|
|
13133
13145
|
}
|
|
13134
13146
|
get el() { return getElement(this); }
|
|
13135
13147
|
static get watchers() { return {
|
|
13148
|
+
"enabledFocusTrap": ["handleFocusTrapProp"],
|
|
13136
13149
|
"isOpen": ["handleOpen"]
|
|
13137
13150
|
}; }
|
|
13138
13151
|
static get style() { return RoadDrawerStyle0; }
|
|
@@ -13152,6 +13165,7 @@ class Drawer {
|
|
|
13152
13165
|
"ariaLabelBack": [1, "aria-label-back"],
|
|
13153
13166
|
"ariaLabelClose": [1, "aria-label-close"],
|
|
13154
13167
|
"hasCloseIcon": [4, "has-close-icon"],
|
|
13168
|
+
"enabledFocusTrap": [4, "enabled-focus-trap"],
|
|
13155
13169
|
"focusTrap": [32],
|
|
13156
13170
|
"hasFooterContent": [32],
|
|
13157
13171
|
"open": [64],
|
|
@@ -13192,7 +13206,7 @@ class Dropdown$1 {
|
|
|
13192
13206
|
const positionClass = this.position ? `position-${this.position}` : '';
|
|
13193
13207
|
const dropdownClass = this.position ? `dropdown-${this.position}` : '';
|
|
13194
13208
|
const directionClass = this.direction ? `direction-${this.direction}` : '';
|
|
13195
|
-
return (hAsync("details", { key: '
|
|
13209
|
+
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" }))));
|
|
13196
13210
|
}
|
|
13197
13211
|
get el() { return getElement(this); }
|
|
13198
13212
|
static get style() { return RoadDropdownStyle0; }
|
|
@@ -13248,7 +13262,7 @@ class Dropdown {
|
|
|
13248
13262
|
this.isOpen = false;
|
|
13249
13263
|
}
|
|
13250
13264
|
render() {
|
|
13251
|
-
return (hAsync("details", { key: '
|
|
13265
|
+
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" }))));
|
|
13252
13266
|
}
|
|
13253
13267
|
get el() { return getElement(this); }
|
|
13254
13268
|
static get style() { return RoadProfilDropdownStyle0; }
|
|
@@ -13312,7 +13326,7 @@ class Duration {
|
|
|
13312
13326
|
this.isOpen = false;
|
|
13313
13327
|
}
|
|
13314
13328
|
render() {
|
|
13315
|
-
return (hAsync("road-drawer", { key: '
|
|
13329
|
+
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 })))))))));
|
|
13316
13330
|
}
|
|
13317
13331
|
get el() { return getElement(this); }
|
|
13318
13332
|
static get style() { return RoadDurationStyle0; }
|
|
@@ -13358,7 +13372,7 @@ class Flap {
|
|
|
13358
13372
|
}
|
|
13359
13373
|
render() {
|
|
13360
13374
|
const colorClass = this.filled ? `flap-${this.color}-filled` : `flap-${this.color}`;
|
|
13361
|
-
return (hAsync(Host, { key: '
|
|
13375
|
+
return (hAsync(Host, { key: '17654f70a4f17fb19164ebb3f29ca576768cda54', class: `${colorClass} flap-${this.size}` }, hAsync("slot", { key: '06d531af72c1d328976fcc23f9877da54e39b667' })));
|
|
13362
13376
|
}
|
|
13363
13377
|
static get style() { return RoadFlapStyle0; }
|
|
13364
13378
|
static get cmpMeta() { return {
|
|
@@ -13404,7 +13418,7 @@ class GlobalNavigation {
|
|
|
13404
13418
|
this.selectedTabChanged();
|
|
13405
13419
|
}
|
|
13406
13420
|
render() {
|
|
13407
|
-
return (hAsync(Host, { key: '
|
|
13421
|
+
return (hAsync(Host, { key: '3153f9036b6fcbf625b4b6c2fb22dc270b20ac58', role: "application" }, hAsync("slot", { key: '5bc133bc9abe1abcae66c1247215c1884ead0a3c' })));
|
|
13408
13422
|
}
|
|
13409
13423
|
static get watchers() { return {
|
|
13410
13424
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -13552,7 +13566,7 @@ class GlobalNavigationV2 {
|
|
|
13552
13566
|
this.selectedTabChanged();
|
|
13553
13567
|
}
|
|
13554
13568
|
render() {
|
|
13555
|
-
return (hAsync(Host, { key: '
|
|
13569
|
+
return (hAsync(Host, { key: '71284cfbbb2297134bfed397d45af88fc035d95f', role: "application" }, hAsync("slot", { key: '04c47f8f5c69d72ef7c74e405037deeba4aa6019' })));
|
|
13556
13570
|
}
|
|
13557
13571
|
get host() { return getElement(this); }
|
|
13558
13572
|
static get watchers() { return {
|
|
@@ -13582,7 +13596,7 @@ class Grid {
|
|
|
13582
13596
|
registerInstance(this, hostRef);
|
|
13583
13597
|
}
|
|
13584
13598
|
render() {
|
|
13585
|
-
return (hAsync("slot", { key: '
|
|
13599
|
+
return (hAsync("slot", { key: 'c40d139aa872024144528faafb114db1d2d8af13' }));
|
|
13586
13600
|
}
|
|
13587
13601
|
static get style() { return RoadGridStyle0; }
|
|
13588
13602
|
static get cmpMeta() { return {
|
|
@@ -13910,7 +13924,7 @@ class Img {
|
|
|
13910
13924
|
}
|
|
13911
13925
|
render() {
|
|
13912
13926
|
const placeholder = this.loadSrc !== undefined ? '' : 'placeholder';
|
|
13913
|
-
return (hAsync(Host, { key: '
|
|
13927
|
+
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" })));
|
|
13914
13928
|
}
|
|
13915
13929
|
get el() { return getElement(this); }
|
|
13916
13930
|
static get watchers() { return {
|
|
@@ -31360,11 +31374,11 @@ class Input {
|
|
|
31360
31374
|
const lessLabelClass = this.label !== '' ? '' : 'less-label';
|
|
31361
31375
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
31362
31376
|
const isValidClass = this.success == true ? 'is-valid' : '';
|
|
31363
|
-
return (hAsync(Host, { key: '
|
|
31377
|
+
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)
|
|
31364
31378
|
? // Si error est un tableau, on itère et génère un <p> pour chaque élément
|
|
31365
31379
|
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(), " ")))
|
|
31366
31380
|
: // Si error est une chaîne, on la divise avec split et génère un <p> pour chaque élément
|
|
31367
|
-
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: '
|
|
31381
|
+
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" })));
|
|
31368
31382
|
}
|
|
31369
31383
|
static get watchers() { return {
|
|
31370
31384
|
"debounce": ["debounceChanged"],
|
|
@@ -31478,7 +31492,7 @@ class InputGroup {
|
|
|
31478
31492
|
? `size-${this.el.querySelector('road-input').sizes}`
|
|
31479
31493
|
: '';
|
|
31480
31494
|
const disabledClass = this.disabled ? 'is-disabled' : '';
|
|
31481
|
-
return (hAsync("div", { key: '
|
|
31495
|
+
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" }))));
|
|
31482
31496
|
}
|
|
31483
31497
|
get el() { return getElement(this); }
|
|
31484
31498
|
static get watchers() { return {
|
|
@@ -31558,13 +31572,13 @@ class Item {
|
|
|
31558
31572
|
target,
|
|
31559
31573
|
};
|
|
31560
31574
|
const showDetail = detail !== undefined && detail;
|
|
31561
|
-
return (hAsync(Host, { key: '
|
|
31575
|
+
return (hAsync(Host, { key: '62e8ef9193a70f92b46e435d577e53a8f9a1611a', "aria-disabled": disabled ? 'true' : null, class: {
|
|
31562
31576
|
[`item-lines-${lines}`]: lines !== undefined,
|
|
31563
|
-
} }, hAsync(TagType, Object.assign({ key: '
|
|
31577
|
+
} }, hAsync(TagType, Object.assign({ key: 'e632935ddf13d5ac58008c81056624a8c0908311' }, attrs, { class: {
|
|
31564
31578
|
'item-native': true,
|
|
31565
31579
|
'item-active': this.active,
|
|
31566
31580
|
[`layout-${layout}`]: layout !== undefined,
|
|
31567
|
-
}, part: "native", disabled: disabled }), hAsync("slot", { key: '
|
|
31581
|
+
}, 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" })))));
|
|
31568
31582
|
}
|
|
31569
31583
|
get el() { return getElement(this); }
|
|
31570
31584
|
static get style() { return RoadItemStyle0; }
|
|
@@ -31605,7 +31619,7 @@ class Label {
|
|
|
31605
31619
|
registerInstance(this, hostRef);
|
|
31606
31620
|
}
|
|
31607
31621
|
render() {
|
|
31608
|
-
return (hAsync("slot", { key: '
|
|
31622
|
+
return (hAsync("slot", { key: '407fbaed0a1d77ab406963598b44eecdd55fa531' }));
|
|
31609
31623
|
}
|
|
31610
31624
|
static get style() { return RoadLabelStyle0; }
|
|
31611
31625
|
static get cmpMeta() { return {
|
|
@@ -31630,9 +31644,9 @@ class List {
|
|
|
31630
31644
|
}
|
|
31631
31645
|
render() {
|
|
31632
31646
|
const { lines } = this;
|
|
31633
|
-
return (hAsync(Host, { key: '
|
|
31647
|
+
return (hAsync(Host, { key: 'b43b3c57de0d170edd667e68ebde84c88e40e3bd', class: {
|
|
31634
31648
|
[`list-lines-${lines}`]: lines !== undefined,
|
|
31635
|
-
} }, hAsync("slot", { key: '
|
|
31649
|
+
} }, hAsync("slot", { key: '5a71c328d62f78e83bd00d35fd3b2107d3050cec' })));
|
|
31636
31650
|
}
|
|
31637
31651
|
static get style() { return RoadListStyle0; }
|
|
31638
31652
|
static get cmpMeta() { return {
|
|
@@ -31717,7 +31731,7 @@ class Modal {
|
|
|
31717
31731
|
const modalIsOpenClass = this.isOpen ? 'modal-open' : '';
|
|
31718
31732
|
const inverseHeaderClass = this.hasInverseHeader ? 'modal-header-inverse' : '';
|
|
31719
31733
|
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" })) : '';
|
|
31720
|
-
return (hAsync(Host, { key: '
|
|
31734
|
+
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' }))))));
|
|
31721
31735
|
}
|
|
31722
31736
|
get el() { return getElement(this); }
|
|
31723
31737
|
static get style() { return RoadModalStyle0; }
|
|
@@ -31768,7 +31782,7 @@ class Navbar {
|
|
|
31768
31782
|
this.selectedTabChanged();
|
|
31769
31783
|
}
|
|
31770
31784
|
render() {
|
|
31771
|
-
return (hAsync(Host, { key: '
|
|
31785
|
+
return (hAsync(Host, { key: 'c121e166433a74cb9bfe086872e29d0aceff6a4f', role: "menubar" }, hAsync("slot", { key: '4152762dbcbf5467698a3cde344c7898b579d505' })));
|
|
31772
31786
|
}
|
|
31773
31787
|
static get watchers() { return {
|
|
31774
31788
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -31854,11 +31868,11 @@ class NavbarItem$1 {
|
|
|
31854
31868
|
rel,
|
|
31855
31869
|
target,
|
|
31856
31870
|
};
|
|
31857
|
-
return (hAsync(Host, { key: '
|
|
31871
|
+
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: {
|
|
31858
31872
|
'navbar-item': true,
|
|
31859
31873
|
'tab-selected': selected,
|
|
31860
31874
|
'tab-disabled': disabled,
|
|
31861
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
31875
|
+
} }, 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' })))));
|
|
31862
31876
|
}
|
|
31863
31877
|
get el() { return getElement(this); }
|
|
31864
31878
|
static get watchers() { return {
|
|
@@ -31951,11 +31965,11 @@ class NavbarItem {
|
|
|
31951
31965
|
rel,
|
|
31952
31966
|
target,
|
|
31953
31967
|
};
|
|
31954
|
-
return (hAsync(Host, { key: '
|
|
31968
|
+
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: {
|
|
31955
31969
|
'navbar-item': true,
|
|
31956
31970
|
'tab-selected': selected,
|
|
31957
31971
|
'tab-disabled': disabled,
|
|
31958
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
31972
|
+
} }, 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' })))));
|
|
31959
31973
|
}
|
|
31960
31974
|
get el() { return getElement(this); }
|
|
31961
31975
|
static get watchers() { return {
|
|
@@ -32014,7 +32028,7 @@ class NavbarV2 {
|
|
|
32014
32028
|
}
|
|
32015
32029
|
render() {
|
|
32016
32030
|
const compactClass = this.compact ? 'compact' : '';
|
|
32017
|
-
return (hAsync(Host, { key: '
|
|
32031
|
+
return (hAsync(Host, { key: 'a7dbd950685bc968dde55225595dfda20e2ede07', role: "menubar", class: `${compactClass}` }, hAsync("slot", { key: '0181dc8feee84135b55ee42d2b1aaaf1d8e24a78' })));
|
|
32018
32032
|
}
|
|
32019
32033
|
static get watchers() { return {
|
|
32020
32034
|
"selectedTab": ["selectedTabChanged"]
|
|
@@ -32137,10 +32151,10 @@ class PlateNumber {
|
|
|
32137
32151
|
render() {
|
|
32138
32152
|
const value = this.getValue();
|
|
32139
32153
|
const motorbikeClass = this.motorbike ? 'motorbike-plate' : '';
|
|
32140
|
-
return (hAsync("road-input-group", { key: '
|
|
32154
|
+
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
|
|
32141
32155
|
.filter(item => item.country === this.country)[0].letter))), this.motorbike
|
|
32142
32156
|
? (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 }))
|
|
32143
|
-
: (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: '
|
|
32157
|
+
: (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" }))));
|
|
32144
32158
|
}
|
|
32145
32159
|
static get watchers() { return {
|
|
32146
32160
|
"value": ["valueChanged"]
|
|
@@ -32222,7 +32236,7 @@ class ProgressBar {
|
|
|
32222
32236
|
let step = Math.ceil((this.value / 100) * this.numbersteps);
|
|
32223
32237
|
step = Math.min(step, this.numbersteps);
|
|
32224
32238
|
step = Math.max(step, 0);
|
|
32225
|
-
return (hAsync(Host, { key: '
|
|
32239
|
+
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)))));
|
|
32226
32240
|
}
|
|
32227
32241
|
static get style() { return RoadProgressStyle0; }
|
|
32228
32242
|
static get cmpMeta() { return {
|
|
@@ -32264,7 +32278,7 @@ class ProgressIndicatorVertical {
|
|
|
32264
32278
|
registerInstance(this, hostRef);
|
|
32265
32279
|
}
|
|
32266
32280
|
render() {
|
|
32267
|
-
return (hAsync(Host, { key: '
|
|
32281
|
+
return (hAsync(Host, { key: '7cb6fe2a4a78937fc84bd9b0daf0c9445a051fc5' }, hAsync("nav", { key: 'da179588065c7d0e9469a067eee27aeb7d497ab5' }, hAsync("ul", { key: '232392a6dc63b3923550dd58db7ba2eae621a79b' }, hAsync("li", { key: '7e545e5818a67bc4fce6b97b4d26191da6f58c4c' }, hAsync("slot", { key: 'c815524158b6e599dfbbaaae21cee71abc33583a' }))))));
|
|
32268
32282
|
}
|
|
32269
32283
|
static get style() { return RoadProgressIndicatorVerticalStyle0; }
|
|
32270
32284
|
static get cmpMeta() { return {
|
|
@@ -32288,7 +32302,7 @@ class ProgressIndicatorVerticalItem {
|
|
|
32288
32302
|
registerInstance(this, hostRef);
|
|
32289
32303
|
}
|
|
32290
32304
|
render() {
|
|
32291
|
-
return (hAsync(Host, { key: '
|
|
32305
|
+
return (hAsync(Host, { key: '0c9d2ff669b0e8c23d2e319e02811af7b572c7d9' }, hAsync("slot", { key: 'd8c61ee8af278f07e4431fe67551b9627b1e8fe1' })));
|
|
32292
32306
|
}
|
|
32293
32307
|
static get style() { return RoadProgressIndicatorVerticalItemStyle0; }
|
|
32294
32308
|
static get cmpMeta() { return {
|
|
@@ -32317,7 +32331,7 @@ class ProgressTracker {
|
|
|
32317
32331
|
registerInstance(this, hostRef);
|
|
32318
32332
|
}
|
|
32319
32333
|
render() {
|
|
32320
|
-
return (hAsync(Host, { key: '
|
|
32334
|
+
return (hAsync(Host, { key: '32c91397fb443308453f8756ffbbb4b3aef1ac80' }, hAsync("nav", { key: '9eada9c4e79a0deddce2f431834e454bd184dc1e' }, hAsync("ul", { key: '9c51d05a05e3395ec75ee2ec99c466c545075719' }, hAsync("li", { key: '551f69d0d79aa99104e38d52b1b17686fc0bd82c' }, hAsync("slot", { key: '64c3a9c01936473628282b0caa49746bb97f1b78' }))))));
|
|
32321
32335
|
}
|
|
32322
32336
|
static get style() { return RoadProgressTrackerStyle0; }
|
|
32323
32337
|
static get cmpMeta() { return {
|
|
@@ -32349,7 +32363,7 @@ class ProgressTrackerItem {
|
|
|
32349
32363
|
registerInstance(this, hostRef);
|
|
32350
32364
|
}
|
|
32351
32365
|
render() {
|
|
32352
|
-
return (hAsync(Host, { key: '
|
|
32366
|
+
return (hAsync(Host, { key: 'f080eb45be07dd54b9f028b96febd5b7090527cf' }, hAsync("slot", { key: '9ac63fa7a9a0d4e533dbc1a0a96fe93ea9a8034e' })));
|
|
32353
32367
|
}
|
|
32354
32368
|
static get style() { return RoadProgressTrackerItemStyle0; }
|
|
32355
32369
|
static get cmpMeta() { return {
|
|
@@ -32442,7 +32456,7 @@ class Radio {
|
|
|
32442
32456
|
const inverseClass = this.inverse && 'form-radio-inverse';
|
|
32443
32457
|
const isInvalidClass = this.error ? 'is-invalid' : '';
|
|
32444
32458
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
32445
|
-
return (hAsync(Host, { key: '
|
|
32459
|
+
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))));
|
|
32446
32460
|
}
|
|
32447
32461
|
get el() { return getElement(this); }
|
|
32448
32462
|
static get style() { return RoadRadioStyle0; }
|
|
@@ -32526,7 +32540,7 @@ class RadioCard {
|
|
|
32526
32540
|
const inlineClass = this.inline ? 'form-radio-inline' : '';
|
|
32527
32541
|
const selectedClass = this.isSelected || this.selected ? 'radio-card-selected' : '';
|
|
32528
32542
|
const disabledClass = this.disabled ? 'radio-card-disabled' : '';
|
|
32529
|
-
return (hAsync(Host, { key: '
|
|
32543
|
+
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' }))))));
|
|
32530
32544
|
}
|
|
32531
32545
|
get el() { return getElement(this); }
|
|
32532
32546
|
static get style() { return RoadRadioCardStyle0; }
|
|
@@ -32623,7 +32637,7 @@ class RadioGroup {
|
|
|
32623
32637
|
render() {
|
|
32624
32638
|
const labelId = `${this.radioGroupId}-label`;
|
|
32625
32639
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
32626
|
-
return (hAsync(Host, { key: '
|
|
32640
|
+
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)));
|
|
32627
32641
|
}
|
|
32628
32642
|
get el() { return getElement(this); }
|
|
32629
32643
|
static get watchers() { return {
|
|
@@ -32753,14 +32767,14 @@ class Range {
|
|
|
32753
32767
|
render() {
|
|
32754
32768
|
const value = this.getValue();
|
|
32755
32769
|
const datalist = this.showLabels !== undefined ? `tickmarks` : "";
|
|
32756
|
-
return (hAsync(Host, { key: '
|
|
32770
|
+
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: {
|
|
32757
32771
|
"--min": this.min,
|
|
32758
32772
|
"--max": this.max,
|
|
32759
32773
|
"--value": value,
|
|
32760
32774
|
"--background-color": this.disabled
|
|
32761
32775
|
? "var(--road-surface-disabled)"
|
|
32762
32776
|
: "initial",
|
|
32763
|
-
} }, this.showValue && hAsync("output", { key: '
|
|
32777
|
+
} }, 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" })))));
|
|
32764
32778
|
}
|
|
32765
32779
|
get el() { return getElement(this); }
|
|
32766
32780
|
static get watchers() { return {
|
|
@@ -32829,7 +32843,7 @@ class Rating {
|
|
|
32829
32843
|
const sizeRatingStarsClass = this.size !== undefined ? `rating-stars rating-stars--${this.size}` : 'rating-stars';
|
|
32830
32844
|
const sizeRatingNumberClass = this.size !== undefined ? `rating-number rating-number--${this.size}` : 'rating-number';
|
|
32831
32845
|
const readOnly = this.readonly == true ? `readonly` : '';
|
|
32832
|
-
return (hAsync(Host, { key: '
|
|
32846
|
+
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}`, ")")));
|
|
32833
32847
|
}
|
|
32834
32848
|
static get style() { return RoadRatingStyle0; }
|
|
32835
32849
|
static get cmpMeta() { return {
|
|
@@ -34372,9 +34386,9 @@ class RoadPhoneNumberInput {
|
|
|
34372
34386
|
const isErrorClass = this.errorMessage.length ? 'is-error' : '';
|
|
34373
34387
|
const hasValueClass = this.hasValue() ? 'has-value' : '';
|
|
34374
34388
|
const sizes = 'xl';
|
|
34375
|
-
return (hAsync(Host, { key: '
|
|
34389
|
+
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
|
|
34376
34390
|
&& this.errorMessage !== ''
|
|
34377
|
-
&& hAsync("p", { key: '
|
|
34391
|
+
&& 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)));
|
|
34378
34392
|
}
|
|
34379
34393
|
get el() { return getElement(this); }
|
|
34380
34394
|
static get style() { return RoadPhoneNumberInputStyle0; }
|
|
@@ -34493,7 +34507,7 @@ class RoadTimeRangePicker {
|
|
|
34493
34507
|
return { start: this.start, end: this.end };
|
|
34494
34508
|
}
|
|
34495
34509
|
render() {
|
|
34496
|
-
return (hAsync(Host, { key: '
|
|
34510
|
+
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)));
|
|
34497
34511
|
}
|
|
34498
34512
|
get hostEl() { return getElement(this); }
|
|
34499
34513
|
static get style() { return RoadTimeRangePickerStyle0; }
|
|
@@ -34529,7 +34543,7 @@ class Row {
|
|
|
34529
34543
|
registerInstance(this, hostRef);
|
|
34530
34544
|
}
|
|
34531
34545
|
render() {
|
|
34532
|
-
return (hAsync(Host, { key: '
|
|
34546
|
+
return (hAsync(Host, { key: 'b9735c29e64bf4dbd798811326b36efab2fe84b0' }, hAsync("slot", { key: '33cd185fdb68387287d1099576d03340d45dc579' })));
|
|
34533
34547
|
}
|
|
34534
34548
|
static get style() { return RoadRowStyle0; }
|
|
34535
34549
|
static get cmpMeta() { return {
|
|
@@ -34601,10 +34615,10 @@ class SegmentedButton {
|
|
|
34601
34615
|
render() {
|
|
34602
34616
|
const { tabIndex, selected, tab } = this;
|
|
34603
34617
|
const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';
|
|
34604
|
-
return (hAsync(Host, { key: '
|
|
34618
|
+
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: {
|
|
34605
34619
|
'tab-selected': selected,
|
|
34606
34620
|
[`${sizeClass}`]: true,
|
|
34607
|
-
} }, hAsync("span", { key: '
|
|
34621
|
+
} }, 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' })))));
|
|
34608
34622
|
}
|
|
34609
34623
|
get el() { return getElement(this); }
|
|
34610
34624
|
static get style() { return RoadSegmentedButtonStyle0; }
|
|
@@ -34725,7 +34739,7 @@ class Select {
|
|
|
34725
34739
|
const labelId = this.selectId + '-label';
|
|
34726
34740
|
const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';
|
|
34727
34741
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
34728
|
-
return (hAsync(Host, { key: '
|
|
34742
|
+
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)));
|
|
34729
34743
|
}
|
|
34730
34744
|
static get watchers() { return {
|
|
34731
34745
|
"value": ["valueChanged"]
|
|
@@ -36719,7 +36733,7 @@ class SelectFilter {
|
|
|
36719
36733
|
const options = this.filteredOptions;
|
|
36720
36734
|
const isActive = this.isActive ? 'true' : 'false';
|
|
36721
36735
|
const notActive = this.isActive ? '' : 'not-active';
|
|
36722
|
-
return (hAsync(Host, { key: '
|
|
36736
|
+
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 })))))))));
|
|
36723
36737
|
}
|
|
36724
36738
|
get el() { return getElement(this); }
|
|
36725
36739
|
static get watchers() { return {
|
|
@@ -36755,7 +36769,7 @@ class Skeleton {
|
|
|
36755
36769
|
registerInstance(this, hostRef);
|
|
36756
36770
|
}
|
|
36757
36771
|
render() {
|
|
36758
|
-
return (hAsync("span", { key: '
|
|
36772
|
+
return (hAsync("span", { key: 'f938a4cd82c542599e6729e9bbfca3fa51573956' }, "\u00A0"));
|
|
36759
36773
|
}
|
|
36760
36774
|
static get style() { return RoadSkeletonStyle0; }
|
|
36761
36775
|
static get cmpMeta() { return {
|
|
@@ -36786,7 +36800,7 @@ class Spinner {
|
|
|
36786
36800
|
render() {
|
|
36787
36801
|
const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';
|
|
36788
36802
|
const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';
|
|
36789
|
-
return (hAsync("svg", { key: '
|
|
36803
|
+
return (hAsync("svg", { key: '1465d5db948734bba9d01c1371fbe97fba33ccb5', class: `${sizeClass}`, viewBox: "25 25 50 50" }, hAsync("circle", { key: 'f7dd929e5cdef073f60d8e6d651fc3e64e594ced', class: `${colorClass}`, cx: "50", cy: "50", r: "20" })));
|
|
36790
36804
|
}
|
|
36791
36805
|
static get style() { return RoadSpinnerStyle0; }
|
|
36792
36806
|
static get cmpMeta() { return {
|
|
@@ -36836,7 +36850,7 @@ class Stepper {
|
|
|
36836
36850
|
const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
|
|
36837
36851
|
const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
|
|
36838
36852
|
const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
|
|
36839
|
-
return (hAsync(Host, { key: '
|
|
36853
|
+
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" }))))))));
|
|
36840
36854
|
}
|
|
36841
36855
|
static get style() { return RoadProgressIndicatorHorizontalStyle0; }
|
|
36842
36856
|
static get cmpMeta() { return {
|
|
@@ -36938,11 +36952,11 @@ class Switch {
|
|
|
36938
36952
|
}
|
|
36939
36953
|
render() {
|
|
36940
36954
|
const labelId = this.switchId + '-label';
|
|
36941
|
-
const textLabel = hAsync("label", { key: '
|
|
36955
|
+
const textLabel = hAsync("label", { key: 'b0499c36ab0eb33ac879c37115b6a4754c5d1529', class: "form-switch-label", id: labelId, htmlFor: this.switchId }, this.label);
|
|
36942
36956
|
const colorClass = this.color !== undefined ? 'form-switch-' + this.color : '';
|
|
36943
36957
|
const isSpacedClass = this.isSpaced && 'form-switch-spaced';
|
|
36944
36958
|
const rightSwitchClass = this.hasLeftLabel ? 'form-switch-right' : '';
|
|
36945
|
-
return (hAsync(Host, { key: '
|
|
36959
|
+
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)));
|
|
36946
36960
|
}
|
|
36947
36961
|
static get watchers() { return {
|
|
36948
36962
|
"checked": ["checkedChanged"]
|
|
@@ -36997,9 +37011,9 @@ class Tab {
|
|
|
36997
37011
|
}
|
|
36998
37012
|
render() {
|
|
36999
37013
|
const { tab, active } = this;
|
|
37000
|
-
return (hAsync(Host, { key: '
|
|
37014
|
+
return (hAsync(Host, { key: '925b7e9bcb116de9081e0f238799e28a31d385a1', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
37001
37015
|
'tab-hidden': !active,
|
|
37002
|
-
} }, hAsync("slot", { key: '
|
|
37016
|
+
} }, hAsync("slot", { key: 'c4ae28afb00bd729cc5b2c434b8ac62d94d8b5f3' })));
|
|
37003
37017
|
}
|
|
37004
37018
|
get el() { return getElement(this); }
|
|
37005
37019
|
static get style() { return RoadTabStyle0; }
|
|
@@ -37059,11 +37073,11 @@ class TabBar {
|
|
|
37059
37073
|
}
|
|
37060
37074
|
render() {
|
|
37061
37075
|
const { expand, center, secondary } = this;
|
|
37062
|
-
return (hAsync(Host, { key: '
|
|
37076
|
+
return (hAsync(Host, { key: 'c88f5a50d83ec07361ed5dd08d5b8a29fd4ac13d', role: "tablist", class: {
|
|
37063
37077
|
'tab-expand': expand,
|
|
37064
37078
|
'tab-center': center,
|
|
37065
37079
|
'tab-secondary': secondary,
|
|
37066
|
-
} }, hAsync("slot", { key: '
|
|
37080
|
+
} }, hAsync("slot", { key: '9a9f51b48cef50e484e4e6b0696108e9263f0f48' })));
|
|
37067
37081
|
}
|
|
37068
37082
|
get el() { return getElement(this); }
|
|
37069
37083
|
static get watchers() { return {
|
|
@@ -37163,7 +37177,7 @@ class TabButton {
|
|
|
37163
37177
|
rel,
|
|
37164
37178
|
target,
|
|
37165
37179
|
};
|
|
37166
|
-
return (hAsync(Host, { key: '
|
|
37180
|
+
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: {
|
|
37167
37181
|
'tab-selected': selected,
|
|
37168
37182
|
'tab-has-label': hasLabel,
|
|
37169
37183
|
'tab-has-icon': hasIcon,
|
|
@@ -37171,7 +37185,7 @@ class TabButton {
|
|
|
37171
37185
|
'tab-has-icon-only': hasIcon && !hasLabel,
|
|
37172
37186
|
[`tab-layout-${layout}`]: true,
|
|
37173
37187
|
'tab-disabled': disabled, // Classe CSS pour les styles désactivés
|
|
37174
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
37188
|
+
} }, 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' })))));
|
|
37175
37189
|
}
|
|
37176
37190
|
get el() { return getElement(this); }
|
|
37177
37191
|
static get style() { return RoadTabButtonStyle0; }
|
|
@@ -37205,7 +37219,7 @@ class Table {
|
|
|
37205
37219
|
registerInstance(this, hostRef);
|
|
37206
37220
|
}
|
|
37207
37221
|
render() {
|
|
37208
|
-
return (hAsync("slot", { key: '
|
|
37222
|
+
return (hAsync("slot", { key: '62d09e884d94443c31146ec24273a787c6ee3787' }));
|
|
37209
37223
|
}
|
|
37210
37224
|
static get style() { return RoadTableStyle0; }
|
|
37211
37225
|
static get cmpMeta() { return {
|
|
@@ -37313,7 +37327,7 @@ class Tabs$1 {
|
|
|
37313
37327
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
37314
37328
|
}
|
|
37315
37329
|
render() {
|
|
37316
|
-
return (hAsync(Host, { key: '
|
|
37330
|
+
return (hAsync(Host, { key: '51b943aa1730a5869b8d4616e5b9d0a883c3e17c', onRoadSegmentedButtonClick: this.onTabClicked }, hAsync("slot", { key: '14c0de7b24f8a960a331c258ac91dd2ec4e1dda2', name: "top" }), hAsync("slot", { key: 'b8d71615b2b6bbee3ce95754f0b2f0a7c5ef3385' })));
|
|
37317
37331
|
}
|
|
37318
37332
|
get el() { return getElement(this); }
|
|
37319
37333
|
static get style() { return RoadSegmentedButtonsStyle0; }
|
|
@@ -37449,7 +37463,7 @@ class Tabs {
|
|
|
37449
37463
|
return Array.from(this.el.querySelectorAll('road-tab'));
|
|
37450
37464
|
}
|
|
37451
37465
|
render() {
|
|
37452
|
-
return (hAsync(Host, { key: '
|
|
37466
|
+
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' }))));
|
|
37453
37467
|
}
|
|
37454
37468
|
get el() { return getElement(this); }
|
|
37455
37469
|
static get style() { return RoadTabsStyle0; }
|
|
@@ -37497,7 +37511,7 @@ class Tag {
|
|
|
37497
37511
|
}
|
|
37498
37512
|
render() {
|
|
37499
37513
|
const contrastClass = this.contrast ? `tag-${this.color} tag-${this.color}-contrast` : `tag-${this.color}`;
|
|
37500
|
-
return (hAsync(Host, { key: '
|
|
37514
|
+
return (hAsync(Host, { key: '0310697bbc0e468cfb7a7c2c2d1b6c7b00e5c8a1', class: `${contrastClass}` }, hAsync("slot", { key: '70eb0d5b559ca409cb1eae30a258fada641009d3' })));
|
|
37501
37515
|
}
|
|
37502
37516
|
static get style() { return RoadTagStyle0; }
|
|
37503
37517
|
static get cmpMeta() { return {
|
|
@@ -37529,7 +37543,7 @@ class Text {
|
|
|
37529
37543
|
}
|
|
37530
37544
|
render() {
|
|
37531
37545
|
const colorClass = this.color !== undefined ? `text-${this.color}` : '';
|
|
37532
|
-
return (hAsync(Host, { key: '
|
|
37546
|
+
return (hAsync(Host, { key: '9d1a62edc9a4602497b542292a0313ed52fc6156', class: `${colorClass}` }, hAsync("slot", { key: '9aa0f728eae087590555f108f6562b96f5a926ed' })));
|
|
37533
37547
|
}
|
|
37534
37548
|
static get style() { return RoadTextStyle0; }
|
|
37535
37549
|
static get cmpMeta() { return {
|
|
@@ -37639,7 +37653,7 @@ class Textarea {
|
|
|
37639
37653
|
const hasValueClass = this.value !== '' ? 'has-value' : '';
|
|
37640
37654
|
const noResizeClass = this.resize == false ? 'no-resize' : '';
|
|
37641
37655
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
37642
|
-
return (hAsync(Host, { key: '
|
|
37656
|
+
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)));
|
|
37643
37657
|
}
|
|
37644
37658
|
static get watchers() { return {
|
|
37645
37659
|
"value": ["valueChanged"]
|
|
@@ -37770,7 +37784,7 @@ class Toast {
|
|
|
37770
37784
|
if (this.color == 'danger') {
|
|
37771
37785
|
this.timeout = 0;
|
|
37772
37786
|
}
|
|
37773
|
-
return (hAsync(Host, { key: '
|
|
37787
|
+
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" }))));
|
|
37774
37788
|
}
|
|
37775
37789
|
static get watchers() { return {
|
|
37776
37790
|
"isOpen": ["isOpenChanged"]
|
|
@@ -37810,7 +37824,7 @@ class Toolbar {
|
|
|
37810
37824
|
}
|
|
37811
37825
|
render() {
|
|
37812
37826
|
const colorClass = this.color !== undefined ? `toolbar-${this.color}` : '';
|
|
37813
|
-
return (hAsync(Host, { key: '
|
|
37827
|
+
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" }))));
|
|
37814
37828
|
}
|
|
37815
37829
|
static get style() { return RoadToolbarStyle0; }
|
|
37816
37830
|
static get cmpMeta() { return {
|
|
@@ -37836,7 +37850,7 @@ class ToolbarAppName {
|
|
|
37836
37850
|
registerInstance(this, hostRef);
|
|
37837
37851
|
}
|
|
37838
37852
|
render() {
|
|
37839
|
-
return (hAsync("div", { key: '
|
|
37853
|
+
return (hAsync("div", { key: '5b3f14f6952d3601e6e998ff2b727424fab555cd', class: "toolbar-title-page" }, hAsync("slot", { key: '9f0eb9f41cc22369bc1867ebd5f28b89fa442eba' })));
|
|
37840
37854
|
}
|
|
37841
37855
|
static get style() { return RoadToolbarTitlePageStyle0; }
|
|
37842
37856
|
static get cmpMeta() { return {
|
|
@@ -37860,7 +37874,7 @@ class ToolbarTitle {
|
|
|
37860
37874
|
registerInstance(this, hostRef);
|
|
37861
37875
|
}
|
|
37862
37876
|
render() {
|
|
37863
|
-
return (hAsync("div", { key: '
|
|
37877
|
+
return (hAsync("div", { key: '742688fba3267e9a387d8ae176d5af3112035686', class: "toolbar-title" }, hAsync("slot", { key: '23f50e8813d852a95e6489272b90bc6698772a4e' })));
|
|
37864
37878
|
}
|
|
37865
37879
|
static get style() { return RoadToolbarTitleStyle0; }
|
|
37866
37880
|
static get cmpMeta() { return {
|
|
@@ -37889,7 +37903,7 @@ class ToolbarV2 {
|
|
|
37889
37903
|
registerInstance(this, hostRef);
|
|
37890
37904
|
}
|
|
37891
37905
|
render() {
|
|
37892
|
-
return (hAsync(Host, { key: '
|
|
37906
|
+
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" })))));
|
|
37893
37907
|
}
|
|
37894
37908
|
static get style() { return RoadToolbarV2Style0; }
|
|
37895
37909
|
static get cmpMeta() { return {
|
|
@@ -37905,6 +37919,32 @@ class ToolbarV2 {
|
|
|
37905
37919
|
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%)}";
|
|
37906
37920
|
var RoadTooltipStyle0 = tooltipCss;
|
|
37907
37921
|
|
|
37922
|
+
let isKeyboardNavigation = false;
|
|
37923
|
+
const onGlobalKeyDown = () => {
|
|
37924
|
+
isKeyboardNavigation = true;
|
|
37925
|
+
};
|
|
37926
|
+
const onGlobalMouseDown = () => {
|
|
37927
|
+
isKeyboardNavigation = false;
|
|
37928
|
+
};
|
|
37929
|
+
let globalInputModeUsers = 0;
|
|
37930
|
+
function registerGlobalInputModeListeners() {
|
|
37931
|
+
if (typeof document === "undefined")
|
|
37932
|
+
return;
|
|
37933
|
+
if (globalInputModeUsers === 0) {
|
|
37934
|
+
document.addEventListener("keydown", onGlobalKeyDown);
|
|
37935
|
+
document.addEventListener("mousedown", onGlobalMouseDown);
|
|
37936
|
+
}
|
|
37937
|
+
globalInputModeUsers++;
|
|
37938
|
+
}
|
|
37939
|
+
function unregisterGlobalInputModeListeners() {
|
|
37940
|
+
if (typeof document === "undefined")
|
|
37941
|
+
return;
|
|
37942
|
+
globalInputModeUsers = Math.max(0, globalInputModeUsers - 1);
|
|
37943
|
+
if (globalInputModeUsers === 0) {
|
|
37944
|
+
document.removeEventListener("keydown", onGlobalKeyDown);
|
|
37945
|
+
document.removeEventListener("mousedown", onGlobalMouseDown);
|
|
37946
|
+
}
|
|
37947
|
+
}
|
|
37908
37948
|
/**
|
|
37909
37949
|
* @slot tooltip-content - content of the tooltip, if you need to add html content, use this slot, otherwise use directly the content prop.
|
|
37910
37950
|
*
|
|
@@ -37920,15 +37960,15 @@ class Tooltip {
|
|
|
37920
37960
|
/**
|
|
37921
37961
|
* The tooltip's content.
|
|
37922
37962
|
*/
|
|
37923
|
-
this.content =
|
|
37963
|
+
this.content = "";
|
|
37924
37964
|
/**
|
|
37925
37965
|
* The position of the tooltip.
|
|
37926
37966
|
*/
|
|
37927
|
-
this.position =
|
|
37967
|
+
this.position = "top";
|
|
37928
37968
|
/**
|
|
37929
37969
|
* The content align of the tooltip.
|
|
37930
37970
|
*/
|
|
37931
|
-
this.contentAlign =
|
|
37971
|
+
this.contentAlign = "center";
|
|
37932
37972
|
/**
|
|
37933
37973
|
* Indicates whether or not the tooltip is open. You can use this or the open/close methods.
|
|
37934
37974
|
*/
|
|
@@ -37938,36 +37978,31 @@ class Tooltip {
|
|
|
37938
37978
|
* options can be passed by separating them with a space. When manual is used, the tooltip must be activated
|
|
37939
37979
|
* programmatically.
|
|
37940
37980
|
*/
|
|
37941
|
-
this.trigger =
|
|
37981
|
+
this.trigger = "hover";
|
|
37942
37982
|
this.onClick = () => {
|
|
37943
|
-
if (this.hasTrigger(
|
|
37983
|
+
if (this.hasTrigger("click")) {
|
|
37944
37984
|
this.isOpen ? this.close() : this.open();
|
|
37945
37985
|
}
|
|
37946
37986
|
};
|
|
37947
37987
|
this.onMouseOver = () => {
|
|
37948
|
-
if (this.hasTrigger(
|
|
37988
|
+
if (this.hasTrigger("hover")) {
|
|
37949
37989
|
this.open();
|
|
37950
37990
|
}
|
|
37951
37991
|
};
|
|
37952
37992
|
this.onMouseOut = () => {
|
|
37953
|
-
if (this.hasTrigger(
|
|
37993
|
+
if (this.hasTrigger("hover")) {
|
|
37954
37994
|
this.close();
|
|
37955
37995
|
}
|
|
37956
37996
|
};
|
|
37957
|
-
this.isKeyboardNavigation = false;
|
|
37958
|
-
this.handleKeyDown = () => {
|
|
37959
|
-
this.isKeyboardNavigation = true;
|
|
37960
|
-
};
|
|
37961
|
-
this.handleMouseDown = () => {
|
|
37962
|
-
this.isKeyboardNavigation = false;
|
|
37963
|
-
};
|
|
37964
37997
|
this.onFocus = () => {
|
|
37965
|
-
if (
|
|
37998
|
+
if (isKeyboardNavigation &&
|
|
37999
|
+
(this.hasTrigger("hover") || this.hasTrigger("focus"))) {
|
|
37966
38000
|
this.open();
|
|
37967
38001
|
}
|
|
37968
38002
|
};
|
|
37969
38003
|
this.onBlur = () => {
|
|
37970
|
-
if (
|
|
38004
|
+
if (isKeyboardNavigation &&
|
|
38005
|
+
(this.hasTrigger("hover") || this.hasTrigger("focus"))) {
|
|
37971
38006
|
this.close();
|
|
37972
38007
|
}
|
|
37973
38008
|
};
|
|
@@ -37984,30 +38019,23 @@ class Tooltip {
|
|
|
37984
38019
|
async close() {
|
|
37985
38020
|
this.isOpen = false;
|
|
37986
38021
|
}
|
|
37987
|
-
|
|
37988
|
-
|
|
37989
|
-
document.addEventListener('keydown', this.handleKeyDown);
|
|
37990
|
-
document.addEventListener('mousedown', this.handleMouseDown);
|
|
37991
|
-
}
|
|
37992
|
-
componentDidLoad() {
|
|
37993
|
-
document.addEventListener('keydown', this.handleKeyDown);
|
|
37994
|
-
document.addEventListener('mousedown', this.handleMouseDown);
|
|
38022
|
+
connectedCallback() {
|
|
38023
|
+
registerGlobalInputModeListeners();
|
|
37995
38024
|
}
|
|
37996
|
-
|
|
37997
|
-
|
|
37998
|
-
document.removeEventListener('mousedown', this.handleMouseDown);
|
|
38025
|
+
disconnectedCallback() {
|
|
38026
|
+
unregisterGlobalInputModeListeners();
|
|
37999
38027
|
}
|
|
38000
38028
|
hasTrigger(triggerType) {
|
|
38001
|
-
const triggers = this.trigger.split(
|
|
38029
|
+
const triggers = this.trigger.split(" ");
|
|
38002
38030
|
return triggers.includes(triggerType);
|
|
38003
38031
|
}
|
|
38004
38032
|
render() {
|
|
38005
|
-
return (hAsync(Host, { key: '
|
|
38033
|
+
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
|
|
38006
38034
|
,
|
|
38007
|
-
"data-tooltip-position": this.position }, hAsync("slot", { key: '
|
|
38035
|
+
"data-tooltip-position": this.position }, hAsync("slot", { key: '11b94662e222cdb59b71a2f261788860444ae274', "aria-describedby": this.tooltipId }), hAsync("div", { key: '59cc457c5e21956d9c395b82db9bc0e1cd867432', part: "tooltip", id: this.tooltipId, class: {
|
|
38008
38036
|
tooltip: true,
|
|
38009
|
-
|
|
38010
|
-
}, role: "tooltip", "aria-hidden": !this.isOpen ?
|
|
38037
|
+
"tooltip-open": this.isOpen,
|
|
38038
|
+
}, role: "tooltip", "aria-hidden": !this.isOpen ? "true" : "false" }, this.content, hAsync("slot", { key: '4ce82842f3a6a7c91c6e8f2c7c7f86775f83a2c3', name: "tooltip-content" }))));
|
|
38011
38039
|
}
|
|
38012
38040
|
get el() { return getElement(this); }
|
|
38013
38041
|
static get style() { return RoadTooltipStyle0; }
|
|
@@ -38099,11 +38127,11 @@ class toggle {
|
|
|
38099
38127
|
}
|
|
38100
38128
|
render() {
|
|
38101
38129
|
const labelId = this.toggleId + '-label';
|
|
38102
|
-
const textLabel = hAsync("label", { key: '
|
|
38130
|
+
const textLabel = hAsync("label", { key: 'ba35148ac26c71b2bc262b3fe9f7dc3de5f08370', class: "form-toggle-label", id: labelId, htmlFor: this.toggleId }, this.label);
|
|
38103
38131
|
const isSpacedClass = this.isSpaced && 'form-toggle-spaced';
|
|
38104
38132
|
const righttoggleClass = this.hasLeftLabel ? 'form-toggle-right' : '';
|
|
38105
38133
|
const disabledClass = this.disabled ? 'disabled' : '';
|
|
38106
|
-
return (hAsync(Host, { key: '
|
|
38134
|
+
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)));
|
|
38107
38135
|
}
|
|
38108
38136
|
static get watchers() { return {
|
|
38109
38137
|
"checked": ["checkedChanged"]
|