@roadtrip/components 3.33.7 → 3.35.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index-fee0103c.js +4 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +14 -10
- package/dist/cjs/road-badge_14.cjs.entry.js.map +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 +73 -0
- package/dist/cjs/road-radio-card.cjs.entry.js.map +1 -0
- package/dist/cjs/road-radio-group.cjs.entry.js +8 -1
- package/dist/cjs/road-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/road-radio.cjs.entry.js +1 -1
- package/dist/cjs/road-range.cjs.entry.js +2 -2
- package/dist/cjs/road-rating.cjs.entry.js +1 -1
- package/dist/cjs/road-segmented-button-bar.cjs.entry.js +1 -1
- package/dist/cjs/road-segmented-button.cjs.entry.js +2 -2
- package/dist/cjs/road-segmented-buttons.cjs.entry.js +1 -1
- package/dist/cjs/road-select-filter.cjs.entry.js +2 -2
- package/dist/cjs/road-select.cjs.entry.js +1 -1
- package/dist/cjs/road-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/road-spinner.cjs.entry.js +1 -1
- package/dist/cjs/road-switch.cjs.entry.js +2 -2
- package/dist/cjs/road-tab-bar.cjs.entry.js +2 -2
- package/dist/cjs/road-tab-button.cjs.entry.js +2 -2
- package/dist/cjs/road-tab.cjs.entry.js +2 -2
- package/dist/cjs/road-table.cjs.entry.js +1 -1
- package/dist/cjs/road-tabs.cjs.entry.js +1 -1
- package/dist/cjs/road-tag.cjs.entry.js +1 -1
- package/dist/cjs/road-text.cjs.entry.js +1 -1
- package/dist/cjs/road-textarea.cjs.entry.js +2 -2
- package/dist/cjs/road-textarea.cjs.entry.js.map +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 +4 -4
- package/dist/cjs/road-tooltip.cjs.entry.js.map +1 -1
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/input/input.css +1 -0
- package/dist/collection/components/input/input.js +8 -4
- package/dist/collection/components/input/input.js.map +1 -1
- package/dist/collection/components/input/input.stories.js +25 -9
- 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/modal/modal.stories.js +4 -3
- 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/plate-number/plate-number.stories.js +18 -12
- 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/radio.stories.js +12 -6
- package/dist/collection/components/radio-card/radio-card.css +234 -0
- package/dist/collection/components/radio-card/radio-card.js +253 -0
- package/dist/collection/components/radio-card/radio-card.js.map +1 -0
- package/dist/collection/components/radio-card/radio-card.stories.js +90 -0
- package/dist/collection/components/radio-group/radio-group.js +8 -1
- package/dist/collection/components/radio-group/radio-group.js.map +1 -1
- package/dist/collection/components/range/range.js +2 -2
- package/dist/collection/components/range/range.stories.js +4 -3
- 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/select.stories.js +12 -7
- package/dist/collection/components/select-filter/select-filter.js +2 -2
- package/dist/collection/components/select-filter/select-filter.stories.js +4 -2
- package/dist/collection/components/skeleton/skeleton.js +1 -1
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/switch/switch.js +2 -2
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-button/tab-button.js +2 -2
- package/dist/collection/components/table/table.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tag/tag.js +1 -1
- package/dist/collection/components/text/text.js +1 -1
- package/dist/collection/components/textarea/textarea.css +5 -2
- package/dist/collection/components/textarea/textarea.js +1 -1
- package/dist/collection/components/textarea/textarea.stories.js +18 -12
- package/dist/collection/components/toast/toast.js +1 -1
- package/dist/collection/components/toast/toast.stories.js +4 -2
- package/dist/collection/components/toggle/toggle.js +2 -2
- package/dist/collection/components/toggle/toggle.stories.js +12 -7
- 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.css +31 -0
- package/dist/collection/components/tooltip/tooltip.js +5 -5
- package/dist/collection/components/tooltip/tooltip.js.map +1 -1
- package/dist/collection/components/tooltip/tooltip.stories.js +1 -1
- package/dist/esm/index-8dc34f94.js +4 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-badge_14.entry.js +14 -10
- package/dist/esm/road-badge_14.entry.js.map +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 +69 -0
- package/dist/esm/road-radio-card.entry.js.map +1 -0
- package/dist/esm/road-radio-group.entry.js +8 -1
- package/dist/esm/road-radio-group.entry.js.map +1 -1
- package/dist/esm/road-radio.entry.js +1 -1
- package/dist/esm/road-range.entry.js +2 -2
- package/dist/esm/road-rating.entry.js +1 -1
- package/dist/esm/road-segmented-button-bar.entry.js +1 -1
- package/dist/esm/road-segmented-button.entry.js +2 -2
- package/dist/esm/road-segmented-buttons.entry.js +1 -1
- package/dist/esm/road-select-filter.entry.js +2 -2
- package/dist/esm/road-select.entry.js +1 -1
- package/dist/esm/road-skeleton.entry.js +1 -1
- package/dist/esm/road-spinner.entry.js +1 -1
- package/dist/esm/road-switch.entry.js +2 -2
- package/dist/esm/road-tab-bar.entry.js +2 -2
- package/dist/esm/road-tab-button.entry.js +2 -2
- package/dist/esm/road-tab.entry.js +2 -2
- package/dist/esm/road-table.entry.js +1 -1
- package/dist/esm/road-tabs.entry.js +1 -1
- package/dist/esm/road-tag.entry.js +1 -1
- package/dist/esm/road-text.entry.js +1 -1
- package/dist/esm/road-textarea.entry.js +2 -2
- package/dist/esm/road-textarea.entry.js.map +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 +4 -4
- package/dist/esm/road-tooltip.entry.js.map +1 -1
- package/dist/esm/roadtrip.js +1 -1
- package/dist/html.html-data.json +52 -1
- package/dist/roadtrip/{p-6c617506.entry.js → p-02a6e387.entry.js} +2 -2
- package/dist/roadtrip/{p-03656f9a.entry.js → p-0a6c9571.entry.js} +2 -2
- package/dist/roadtrip/{p-3f5dff96.entry.js → p-0b847a5d.entry.js} +2 -2
- package/dist/roadtrip/{p-e0421465.entry.js → p-0d7b6e32.entry.js} +2 -2
- package/dist/roadtrip/{p-a67eaba7.entry.js → p-0dce3168.entry.js} +3 -3
- package/dist/roadtrip/p-0dce3168.entry.js.map +1 -0
- package/dist/roadtrip/p-16726940.entry.js +2 -0
- package/dist/roadtrip/p-1ca62c28.entry.js +2 -0
- package/dist/roadtrip/{p-6d3d947e.entry.js.map → p-1ca62c28.entry.js.map} +1 -1
- package/dist/roadtrip/{p-60bd73ad.entry.js → p-327d424c.entry.js} +2 -2
- package/dist/roadtrip/{p-c6824205.entry.js → p-355fcb74.entry.js} +2 -2
- package/dist/roadtrip/p-4a0711c8.entry.js +2 -0
- package/dist/roadtrip/p-4a0711c8.entry.js.map +1 -0
- package/dist/roadtrip/p-4b1ac843.entry.js +2 -0
- package/dist/roadtrip/p-50d9ed52.entry.js +2 -0
- package/dist/roadtrip/{p-db77c354.entry.js.map → p-50d9ed52.entry.js.map} +1 -1
- package/dist/roadtrip/{p-e75ec60f.entry.js → p-56f18548.entry.js} +2 -2
- package/dist/roadtrip/{p-fe40ab3d.entry.js → p-5f2a4cd5.entry.js} +2 -2
- package/dist/roadtrip/{p-fd3c58b6.entry.js → p-5f6255ea.entry.js} +2 -2
- package/dist/roadtrip/{p-c28e7add.entry.js → p-6cde1247.entry.js} +2 -2
- package/dist/roadtrip/{p-6ff3b37c.entry.js → p-6e65c377.entry.js} +2 -2
- package/dist/roadtrip/p-6ef0a03b.entry.js +2 -0
- package/dist/roadtrip/{p-d80e7563.entry.js.map → p-6ef0a03b.entry.js.map} +1 -1
- package/dist/roadtrip/{p-2e049c8e.entry.js → p-780de42a.entry.js} +2 -2
- package/dist/roadtrip/{p-b5fa8c5a.entry.js → p-7d693464.entry.js} +2 -2
- package/dist/roadtrip/{p-517aeeca.entry.js → p-7ea16bfa.entry.js} +2 -2
- package/dist/roadtrip/p-80344aa2.entry.js +2 -0
- package/dist/roadtrip/p-80344aa2.entry.js.map +1 -0
- package/dist/roadtrip/p-8c6ad79a.entry.js +2 -0
- package/dist/roadtrip/{p-a254df6d.entry.js → p-a0c91322.entry.js} +2 -2
- package/dist/roadtrip/{p-c465f551.entry.js → p-a406a342.entry.js} +2 -2
- package/dist/roadtrip/{p-e6e9882b.entry.js → p-a5c363f2.entry.js} +2 -2
- package/dist/roadtrip/{p-5fea6a74.entry.js → p-ad9055c1.entry.js} +2 -2
- package/dist/roadtrip/{p-37430583.entry.js → p-b0203787.entry.js} +2 -2
- package/dist/roadtrip/{p-3dcaa947.entry.js → p-c01aaf61.entry.js} +2 -2
- package/dist/roadtrip/p-c09d87da.entry.js +2 -0
- package/dist/roadtrip/{p-8b04fc62.entry.js → p-cd1e078c.entry.js} +2 -2
- package/dist/roadtrip/p-cd436a46.entry.js +2 -0
- package/dist/roadtrip/{p-b8c5d292.entry.js.map → p-cd436a46.entry.js.map} +1 -1
- package/dist/roadtrip/p-d9cbd0b9.entry.js +2 -0
- package/dist/roadtrip/p-d9cbd0b9.entry.js.map +1 -0
- package/dist/roadtrip/{p-eac313e4.entry.js → p-da0e9f4e.entry.js} +2 -2
- package/dist/roadtrip/{p-ea1a175d.entry.js → p-df2f066e.entry.js} +2 -2
- package/dist/roadtrip/p-dfc0d1c5.entry.js +2 -0
- package/dist/roadtrip/p-dfc0d1c5.entry.js.map +1 -0
- package/dist/roadtrip/{p-c47ccbf2.entry.js → p-edfb6a90.entry.js} +2 -2
- package/dist/roadtrip/{p-950b8a43.entry.js → p-f1ef265d.entry.js} +2 -2
- package/dist/roadtrip/{p-167cd2fc.entry.js → p-f5bcb8d6.entry.js} +2 -2
- package/dist/roadtrip/{p-99a6faae.entry.js → p-f91b8ee7.entry.js} +2 -2
- package/dist/roadtrip/p-fb33aa91.entry.js +2 -0
- package/dist/roadtrip/{p-f1b53143.entry.js → p-ff430279.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/input/input.d.ts +2 -2
- package/dist/types/components/radio-card/radio-card.d.ts +25 -0
- package/dist/types/components/radio-group/radio-group.d.ts +1 -0
- package/dist/types/components/tooltip/tooltip.d.ts +1 -1
- package/dist/types/components.d.ts +57 -4
- package/hydrate/index.js +192 -100
- package/hydrate/index.mjs +192 -100
- package/package.json +1 -1
- package/dist/roadtrip/p-06fbd2ea.entry.js +0 -2
- package/dist/roadtrip/p-06fbd2ea.entry.js.map +0 -1
- package/dist/roadtrip/p-215afdbd.entry.js +0 -2
- package/dist/roadtrip/p-449affa6.entry.js +0 -2
- package/dist/roadtrip/p-4675ea6d.entry.js +0 -2
- package/dist/roadtrip/p-65f9bd9c.entry.js +0 -2
- package/dist/roadtrip/p-6d3d947e.entry.js +0 -2
- package/dist/roadtrip/p-85b1e505.entry.js +0 -2
- package/dist/roadtrip/p-a67eaba7.entry.js.map +0 -1
- package/dist/roadtrip/p-b8c5d292.entry.js +0 -2
- package/dist/roadtrip/p-cfd2919e.entry.js +0 -2
- package/dist/roadtrip/p-cfd2919e.entry.js.map +0 -1
- package/dist/roadtrip/p-d80e7563.entry.js +0 -2
- package/dist/roadtrip/p-db77c354.entry.js +0 -2
- package/dist/roadtrip/p-e6c4c576.entry.js +0 -2
- package/dist/roadtrip/p-e6c4c576.entry.js.map +0 -1
- /package/dist/roadtrip/{p-6c617506.entry.js.map → p-02a6e387.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-03656f9a.entry.js.map → p-0a6c9571.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-3f5dff96.entry.js.map → p-0b847a5d.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-e0421465.entry.js.map → p-0d7b6e32.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-65f9bd9c.entry.js.map → p-16726940.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-60bd73ad.entry.js.map → p-327d424c.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c6824205.entry.js.map → p-355fcb74.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-215afdbd.entry.js.map → p-4b1ac843.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-e75ec60f.entry.js.map → p-56f18548.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-fe40ab3d.entry.js.map → p-5f2a4cd5.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-fd3c58b6.entry.js.map → p-5f6255ea.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c28e7add.entry.js.map → p-6cde1247.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-6ff3b37c.entry.js.map → p-6e65c377.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-2e049c8e.entry.js.map → p-780de42a.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-b5fa8c5a.entry.js.map → p-7d693464.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-517aeeca.entry.js.map → p-7ea16bfa.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-4675ea6d.entry.js.map → p-8c6ad79a.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-a254df6d.entry.js.map → p-a0c91322.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c465f551.entry.js.map → p-a406a342.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-e6e9882b.entry.js.map → p-a5c363f2.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-5fea6a74.entry.js.map → p-ad9055c1.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-37430583.entry.js.map → p-b0203787.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-3dcaa947.entry.js.map → p-c01aaf61.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-85b1e505.entry.js.map → p-c09d87da.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-8b04fc62.entry.js.map → p-cd1e078c.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-eac313e4.entry.js.map → p-da0e9f4e.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-ea1a175d.entry.js.map → p-df2f066e.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c47ccbf2.entry.js.map → p-edfb6a90.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-950b8a43.entry.js.map → p-f1ef265d.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-167cd2fc.entry.js.map → p-f5bcb8d6.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-99a6faae.entry.js.map → p-f91b8ee7.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-449affa6.entry.js.map → p-fb33aa91.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-f1b53143.entry.js.map → p-ff430279.entry.js.map} +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as c,H as a}from"./p-d7aae05d.js";const s=":host{display:block}:host ul{padding-left:0}:host ul li{list-style:none}.progress-tracker{display:flex;flex-direction:column;padding-left:0;list-style:none}";const t=s;const o=class{constructor(c){e(this,c)}render(){return c(a,{key:"3056137a4ac9e08c6875527ec6fc206291e502ff"},c("nav",{key:"ecccabc164e4f6a0438523746613ee3255a02f2c"},c("ul",{key:"a4c6c472aac39a85db1fbce327244dcf235417fe"},c("li",{key:"7c6a8b6c278e362bc409007aadd0c5bb4ec8966e"},c("slot",{key:"fa4a84917302767f34ec63441d65e797832d0e12"})))))}};o.style=t;export{o as road_progress_tracker};
|
|
2
|
+
//# sourceMappingURL=p-16726940.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as r}from"./p-d7aae05d.js";const s=":host{display:flex}.spinner{transform-origin:center;animation:road-rotate 2s linear infinite}.spinner.spinner--small{width:1rem;height:1rem}.spinner.spinner--medium{width:2rem;height:2rem}.spinner.spinner--large{width:3rem;height:3rem}.spinner.spinner--xl{width:8rem;height:8rem}.spinner-circle{animation:road-dash 1.5s ease-in-out infinite;fill:none;stroke:var(--road-primary);stroke-width:3;stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}.spinner-circle.spinner-circle--dark{stroke:var(--road-grey-0)}.spinner-circle.spinner-circle--light{stroke:var(--road-grey-90)}@keyframes road-rotate{100%{transform:rotate(360deg)}}@keyframes road-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:90, 200;stroke-dashoffset:-35px}100%{stroke-dashoffset:-125px}}";const n=s;const i=class{constructor(r){e(this,r);this.size="large";this.color="default"}render(){const e=this.size!==undefined?`spinner spinner--${this.size}`:"spinner";const s=this.size!==undefined?`spinner-circle spinner-circle--${this.color}`:"spinner-circle";return r("svg",{key:"3e1e5094311da649229f7fa9b3bc7b12d5251cda",class:`${e}`,viewBox:"25 25 50 50"},r("circle",{key:"6257e336cdf32cfa80973f4466eb9adcbf7fa239",class:`${s}`,cx:"50",cy:"50",r:"20"}))}};i.style=n;export{i as road_spinner};
|
|
2
|
+
//# sourceMappingURL=p-1ca62c28.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["spinnerCss","RoadSpinnerStyle0","Spinner","constructor","hostRef","this","size","color","render","sizeClass","undefined","colorClass","h","key","class","viewBox","cx","cy","r"],"sources":["src/components/spinner/spinner.css?tag=road-spinner&encapsulation=shadow","src/components/spinner/spinner.tsx"],"sourcesContent":["/*\n * Spinner\n *\n * Index\n * - Spinner\n * - Circle\n * - Animation\n */\n\n:host {\n display: flex;\n}\n\n/* SPINNER\n -------------------- */\n\n.spinner {\n transform-origin: center;\n animation: road-rotate 2s linear infinite;\n}\n\n.spinner.spinner--small{\n width: 1rem;\n height: 1rem;\n}\n\n.spinner.spinner--medium{\n width: 2rem;\n height: 2rem;\n}\n\n.spinner.spinner--large {\n width: 3rem;\n height: 3rem;\n}\n\n.spinner.spinner--xl {\n width: 8rem;\n height: 8rem;\n}\n\n/* CIRCLE\n -------------------- */\n\n.spinner-circle {\n animation: road-dash 1.5s ease-in-out infinite;\n fill: none;\n stroke: var(--road-primary);\n stroke-width: 3;\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n stroke-linecap: round;\n}\n\n.spinner-circle.spinner-circle--dark {\n stroke: var(--road-grey-0);\n}\n\n.spinner-circle.spinner-circle--light {\n stroke: var(--road-grey-90);\n}\n\n/* ANIMATION\n -------------------- */\n\n@keyframes road-rotate {\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes road-dash {\n\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n\n 50% {\n stroke-dasharray: 90, 200;\n stroke-dashoffset: -35px;\n }\n\n 100% {\n stroke-dashoffset: -125px;\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'road-spinner',\n styleUrl: 'spinner.css',\n shadow: true,\n})\nexport class Spinner {\n\n /**\n * The button size.\n */\n @Prop({ reflect: true }) size?: 'small' | 'medium' | 'large' | 'xl' = 'large';\n\n /**\n * The color spinner.\n */\n @Prop({ reflect: true }) color?: 'default' | 'light' | 'dark' = 'default';\n\n render() {\n const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';\n const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';\n\n\n return (\n <svg class={`${sizeClass}`} viewBox=\"25 25 50 50\">\n <circle class={`${colorClass}`} cx=\"50\" cy=\"50\" r=\"20\"></circle>\n </svg>\n );\n }\n\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["spinnerCss","RoadSpinnerStyle0","Spinner","constructor","hostRef","this","size","color","render","sizeClass","undefined","colorClass","h","key","class","viewBox","cx","cy","r"],"sources":["src/components/spinner/spinner.css?tag=road-spinner&encapsulation=shadow","src/components/spinner/spinner.tsx"],"sourcesContent":["/*\n * Spinner\n *\n * Index\n * - Spinner\n * - Circle\n * - Animation\n */\n\n:host {\n display: flex;\n}\n\n/* SPINNER\n -------------------- */\n\n.spinner {\n transform-origin: center;\n animation: road-rotate 2s linear infinite;\n}\n\n.spinner.spinner--small{\n width: 1rem;\n height: 1rem;\n}\n\n.spinner.spinner--medium{\n width: 2rem;\n height: 2rem;\n}\n\n.spinner.spinner--large {\n width: 3rem;\n height: 3rem;\n}\n\n.spinner.spinner--xl {\n width: 8rem;\n height: 8rem;\n}\n\n/* CIRCLE\n -------------------- */\n\n.spinner-circle {\n animation: road-dash 1.5s ease-in-out infinite;\n fill: none;\n stroke: var(--road-primary);\n stroke-width: 3;\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n stroke-linecap: round;\n}\n\n.spinner-circle.spinner-circle--dark {\n stroke: var(--road-grey-0);\n}\n\n.spinner-circle.spinner-circle--light {\n stroke: var(--road-grey-90);\n}\n\n/* ANIMATION\n -------------------- */\n\n@keyframes road-rotate {\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes road-dash {\n\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n\n 50% {\n stroke-dasharray: 90, 200;\n stroke-dashoffset: -35px;\n }\n\n 100% {\n stroke-dashoffset: -125px;\n }\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'road-spinner',\n styleUrl: 'spinner.css',\n shadow: true,\n})\nexport class Spinner {\n\n /**\n * The button size.\n */\n @Prop({ reflect: true }) size?: 'small' | 'medium' | 'large' | 'xl' = 'large';\n\n /**\n * The color spinner.\n */\n @Prop({ reflect: true }) color?: 'default' | 'light' | 'dark' = 'default';\n\n render() {\n const sizeClass = this.size !== undefined ? `spinner spinner--${this.size}` : 'spinner';\n const colorClass = this.size !== undefined ? `spinner-circle spinner-circle--${this.color}` : 'spinner-circle';\n\n\n return (\n <svg class={`${sizeClass}`} viewBox=\"25 25 50 50\">\n <circle class={`${colorClass}`} cx=\"50\" cy=\"50\" r=\"20\"></circle>\n </svg>\n );\n }\n\n}\n"],"mappings":"2CAAA,MAAMA,EAAa,2xBACnB,MAAAC,EAAeD,E,MCMFE,EAAO,MALpB,WAAAC,CAAAC,G,UAU4BC,KAAAC,KAA6C,QAK5CD,KAAAE,MAAuC,S,CAEhE,MAAAC,GACE,MAAMC,EAAYJ,KAAKC,OAASI,UAAY,oBAAoBL,KAAKC,OAAS,UAC9E,MAAMK,EAAaN,KAAKC,OAASI,UAAY,kCAAkCL,KAAKE,QAAU,iBAG9F,OACEK,EAAA,OAAAC,IAAA,2CAAKC,MAAO,GAAGL,IAAaM,QAAQ,eAClCH,EAAA,UAAAC,IAAA,2CAAQC,MAAO,GAAGH,IAAcK,GAAG,KAAKC,GAAG,KAAKC,EAAE,O","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r,h as o,H as a}from"./p-d7aae05d.js";const e=':host{display:block}.progress-indicator-horizontal{display:flex;padding-left:0;margin:0;font-family:var(--road-font);line-height:1.5;list-style:none}.progress-indicator-horizontal.progress-indicator-horizontal-header{background-color:var(--road-header-surface)}.progress-indicator-horizontal-item{display:flex;flex:1;flex-direction:column;text-align:center}.progress-indicator-horizontal-item:last-child{margin-top:0.125rem}.progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:"";background:var(--road-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:"";background:var(--road-header-surface-disabled)}.progress-indicator-horizontal-item:not(.completed) .progress-indicator-horizontal-link{cursor:not-allowed}.progress-indicator-horizontal-link{z-index:1;display:flex;flex-direction:column;align-items:center;text-decoration:none}.progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-disabled);border-radius:50%;fill:currentColor}::slotted([slot="progress-indicator-horizontal-icon"]) road-icon{color:currentColor}.progress-indicator-horizontal-header ::slotted([slot="progress-indicator-horizontal-icon"]) road-icon{color:currentColor}.progress-indicator-horizontal-header .progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-header-surface-disabled);background:var(--road-header-surface-disabled);border-radius:50%;fill:currentColor}.progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-surface-weak)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-header-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-header-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.progress-indicator-horizontal-header .completed:not(:last-child)::after,.progress-indicator-horizontal-header .in-progress:not(:last-child)::after{background:var(--road-header-badge)}.current .progress-indicator-horizontal-icon{color:var(--road-on-primary);background:var(--road-primary);border:0}.completed .progress-indicator-horizontal-icon,.in-progress .progress-indicator-horizontal-icon{width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-icon,.progress-indicator-horizontal-header .in-progress .progress-indicator-horizontal-icon{color:var(--road-header-badge);background:none;border:2px solid var(--road-header-badge)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-icon{width:calc(1.5rem);height:calc(1.5rem);color:var(--road-on-header-badge);background:var(--road-header-badge);border:0}.current .progress-indicator-horizontal-title,.completed .progress-indicator-horizontal-title,.in-progress .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-surface)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-title,.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-title,.progress-indicator-horizontal-header .in-progress .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-header-surface)}.in-progress.progress-indicator-horizontal-item:not(:last-child)::before{position:relative;top:0.93rem;left:calc(50% + 12px);order:-1;width:calc(50% - 24px);height:2px;content:"";background:var(--road-primary)}';const i=e;const t=class{constructor(o){r(this,o);this.color="default";this.numberStep=3}render(){const r=this.color!==undefined?`progress-indicator-horizontal progress-indicator-horizontal-${this.color}`:"progress-indicator-horizontal";const e=this.stateFirstStep!==undefined?`progress-indicator-horizontal-item ${this.stateFirstStep}`:"progress-indicator-horizontal-item";const i=this.stateSecondStep!==undefined?`progress-indicator-horizontal-item ${this.stateSecondStep}`:"progress-indicator-horizontal-item";const t=this.stateThirdStep!==undefined?`progress-indicator-horizontal-item ${this.stateThirdStep}`:"progress-indicator-horizontal-item";const n=this.urlStep1!==undefined?`${this.urlStep1}`:"#";const s=this.urlStep2!==undefined?`${this.urlStep2}`:"#";const d=this.urlStep3!==undefined?`${this.urlStep3}`:"#";return o(a,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r,h as o,H as a}from"./p-d7aae05d.js";const e=':host{display:block}.progress-indicator-horizontal{display:flex;padding-left:0;margin:0;font-family:var(--road-font);line-height:1.5;list-style:none}.progress-indicator-horizontal.progress-indicator-horizontal-header{background-color:var(--road-header-surface)}.progress-indicator-horizontal-item{display:flex;flex:1;flex-direction:column;text-align:center}.progress-indicator-horizontal-item:last-child{margin-top:0.125rem}.progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:"";background:var(--road-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:"";background:var(--road-header-surface-disabled)}.progress-indicator-horizontal-item:not(.completed) .progress-indicator-horizontal-link{cursor:not-allowed}.progress-indicator-horizontal-link{z-index:1;display:flex;flex-direction:column;align-items:center;text-decoration:none}.progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-disabled);border-radius:50%;fill:currentColor}::slotted([slot="progress-indicator-horizontal-icon"]) road-icon{color:currentColor}.progress-indicator-horizontal-header ::slotted([slot="progress-indicator-horizontal-icon"]) road-icon{color:currentColor}.progress-indicator-horizontal-header .progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-header-surface-disabled);background:var(--road-header-surface-disabled);border-radius:50%;fill:currentColor}.progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-surface-weak)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-header-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-header-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.progress-indicator-horizontal-header .completed:not(:last-child)::after,.progress-indicator-horizontal-header .in-progress:not(:last-child)::after{background:var(--road-header-badge)}.current .progress-indicator-horizontal-icon{color:var(--road-on-primary);background:var(--road-primary);border:0}.completed .progress-indicator-horizontal-icon,.in-progress .progress-indicator-horizontal-icon{width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-icon,.progress-indicator-horizontal-header .in-progress .progress-indicator-horizontal-icon{color:var(--road-header-badge);background:none;border:2px solid var(--road-header-badge)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-icon{width:calc(1.5rem);height:calc(1.5rem);color:var(--road-on-header-badge);background:var(--road-header-badge);border:0}.current .progress-indicator-horizontal-title,.completed .progress-indicator-horizontal-title,.in-progress .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-surface)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-title,.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-title,.progress-indicator-horizontal-header .in-progress .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-header-surface)}.in-progress.progress-indicator-horizontal-item:not(:last-child)::before{position:relative;top:0.93rem;left:calc(50% + 12px);order:-1;width:calc(50% - 24px);height:2px;content:"";background:var(--road-primary)}';const i=e;const t=class{constructor(o){r(this,o);this.color="default";this.numberStep=3}render(){const r=this.color!==undefined?`progress-indicator-horizontal progress-indicator-horizontal-${this.color}`:"progress-indicator-horizontal";const e=this.stateFirstStep!==undefined?`progress-indicator-horizontal-item ${this.stateFirstStep}`:"progress-indicator-horizontal-item";const i=this.stateSecondStep!==undefined?`progress-indicator-horizontal-item ${this.stateSecondStep}`:"progress-indicator-horizontal-item";const t=this.stateThirdStep!==undefined?`progress-indicator-horizontal-item ${this.stateThirdStep}`:"progress-indicator-horizontal-item";const n=this.urlStep1!==undefined?`${this.urlStep1}`:"#";const s=this.urlStep2!==undefined?`${this.urlStep2}`:"#";const d=this.urlStep3!==undefined?`${this.urlStep3}`:"#";return o(a,{key:"3a324a39e9084c89d10cb395ddc2d6259964fb3b"},o("nav",{key:"cbbfb7023a1d6355e3a73673f1f12b729e7bf45a"},o("ul",{key:"13d66d84cca5817fffef3b145fec52d4051693df",class:`${r}`},o("li",{key:"a193befac4f459adb7fe2cf1b411a8ed3049e152",class:`${e}`},o("a",{key:"0b947059548ae146a24edde30365b1b9bf2e2eec",class:"progress-indicator-horizontal-link",href:`${n}`},o("span",{key:"5f30e93a8dcdcfa10a3b9d25a79b9b8001fa5935",class:"progress-indicator-horizontal-icon"},o("slot",{key:"dbe960eca33e08ab40348188010b8dd926d607fe",name:"progress-indicator-horizontal-icon"})),o("span",{key:"d3b1ac0ca97375278663599a284c908c745ecab3",class:"progress-indicator-horizontal-title"},o("slot",{key:"59019872b7db4a65b717ded6af8976b8bbbf97a3",name:"progress-indicator-horizontal-title"})))),o("li",{key:"ec083a98b0a64eca04c02b9cf7e9022bdea70485",class:`${i}`},o("a",{key:"6d0083729e39293509b45a869fa893d398e33f5b",class:"progress-indicator-horizontal-link",href:`${s}`},o("span",{key:"82a87245b2b01f71b2237c71310b05ffa77fd977",class:"progress-indicator-horizontal-icon"},o("slot",{key:"bfaeebcee669e2370da7d7253180a8b9813dc399",name:"progress-indicator-horizontal-icon2"})),o("span",{key:"449e13e3beaa66b16a7d1fc6def8796888b671a2",class:"progress-indicator-horizontal-title"},o("slot",{key:"f9312792d7e400d0a044d00f251e621b3c23cc70",name:"progress-indicator-horizontal-title2"})))),this.numberStep==3&&o("li",{key:"5cce8b0fc91b8ec4a3d79362eb67e2290d3ce4c1",class:`${t}`},o("a",{key:"7501ccbc3c739689c687794ba3530d62fa9f5cc3",class:"progress-indicator-horizontal-link",href:`${d}`},o("span",{key:"896343b2c095ea44c4442dacbac62b36380de6d6",class:"progress-indicator-horizontal-icon"},o("slot",{key:"6b3581003a6eeee6c1c8ac96f3d86866588496ba",name:"progress-indicator-horizontal-icon3"})),o("span",{key:"3a254af95b70e84e048597b8af5549c3966aa717",class:"progress-indicator-horizontal-title"},o("slot",{key:"bdb1c23a6eb4e3d3e189b9855e91e955efaefd75",name:"progress-indicator-horizontal-title3"})))))))}};t.style=i;export{t as road_progress_indicator_horizontal};
|
|
2
|
+
//# sourceMappingURL=p-327d424c.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,h as r}from"./p-d7aae05d.js";const o=":host{--background-light:var(--road-surface-disabled);--background-dark:rgb(137, 143, 160, 0.4);position:relative;display:block;width:100%;min-height:1rem;background:linear-gradient(to right, var(--background-light) 8%, var(--background-dark) 18%, var(--background-light) 33%);background-position:100% 0;background-size:200%;animation:road-skeleton-animation 1s linear infinite}@keyframes road-skeleton-animation{100%{background-position:-100% 0}}";const n=o;const i=class{constructor(r){a(this,r)}render(){return r("span",{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,h as r}from"./p-d7aae05d.js";const o=":host{--background-light:var(--road-surface-disabled);--background-dark:rgb(137, 143, 160, 0.4);position:relative;display:block;width:100%;min-height:1rem;background:linear-gradient(to right, var(--background-light) 8%, var(--background-dark) 18%, var(--background-light) 33%);background-position:100% 0;background-size:200%;animation:road-skeleton-animation 1s linear infinite}@keyframes road-skeleton-animation{100%{background-position:-100% 0}}";const n=o;const i=class{constructor(r){a(this,r)}render(){return r("span",{key:"cf58a469e049fce0303bf49ec1c86233b1b4e305"}," ")}};i.style=n;export{i as road_skeleton};
|
|
2
|
+
//# sourceMappingURL=p-355fcb74.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r,c as a,h as o,H as d,a as i}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const e='.radio-card.sc-road-radio-card{display:flex;align-items:flex-start;gap:0.75rem;padding:1rem;border:1px solid var(--road-outline);border-radius:0.5rem;transition:border-color 0.3s, background-color 0.3s;cursor:pointer}.radio-card-selected.sc-road-radio-card{outline:2px solid var(--road-outline-variant);outline-offset:-2px}.radio-card-disabled.sc-road-radio-card{outline:none;cursor:not-allowed;background-color:var(--road-surface-disabled);border:1px solid var(--road-outline)}.radio-card.sc-road-radio-card:hover{border-color:var(--road-outline-variant)}.radio-card-disabled.radio-card.sc-road-radio-card:hover{border:1px solid var(--road-outline)}.form-radio-input.sc-road-radio-card{position:absolute;opacity:0;pointer-events:none}.radio-card-label.sc-road-radio-card{font-weight:bold}.sc-road-radio-card-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface)}.form-radio-inline.sc-road-radio-card-h{display:inline-flex;flex-wrap:wrap;align-items:center;margin-right:1.5rem;margin-bottom:0}.form-radio-input.sc-road-radio-card{position:absolute;z-index:-1;width:20px;height:20px;opacity:0}.form-radio-input.sc-road-radio-card:disabled{z-index:1;width:100%;cursor:not-allowed}.form-radio-label.sc-road-radio-card{position:relative;display:inline-flex;align-items:flex-start;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-radio-label.sc-road-radio-card::before{box-sizing:border-box;display:block;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0.1rem 0.75rem 0 0;content:"";background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:50%;transition:border-color 0.2s ease-in-out}.form-radio-label-span.sc-road-radio-card{margin-left:var(--road-spacing-02);color:var(--road-on-surface-weak)}.form-radio-label.sc-road-radio-card::after{position:absolute;top:0.285rem;left:0.1875rem;box-sizing:border-box;display:block;width:0.875rem;height:0.875rem;content:"";background:var(--road-on-surface-disabled);border:none;border-radius:50%;transition:background 0.2s ease-in-out, transform 0.2s ease-in-out;transform:scale(0);transform-origin:50% 50%}@media (hover: hover){.form-radio-input.sc-road-radio-card~.form-radio-label.sc-road-radio-card:hover::before{border-color:var(--road-input-surface)}.form-radio-input.sc-road-radio-card:checked~.form-radio-label.sc-road-radio-card:hover::after{background:var(--road-input-surface-variant)}.form-radio-input.sc-road-radio-card:checked:disabled~.form-radio-label.sc-road-radio-card:hover::after{background:var(--road-on-surface-disabled)}}.form-radio-input.sc-road-radio-card:checked~.form-radio-label.sc-road-radio-card::after{background:var(--road-input-surface);opacity:1;transform:scale(1)}.form-radio-input.focus-visible.sc-road-radio-card~.form-radio-label.sc-road-radio-card::before{box-shadow:0 0 0 0.125rem var(--road-grey-100-new), 0 0 0 0.1875rem var(--road-input-outline-variant)}.form-radio-input.focus-visible.sc-road-radio-card:checked~.form-radio-label.sc-road-radio-card::after{background:var(--road-primary-700)}.form-radio-input.sc-road-radio-card:disabled~.form-radio-label.sc-road-radio-card,.form-radio-input[readonly].sc-road-radio-card~.form-radio-label.sc-road-radio-card{cursor:not-allowed}.form-radio-input.sc-road-radio-card:disabled~.form-radio-label.sc-road-radio-card::before,.form-radio-input[readonly].sc-road-radio-card~.form-radio-label.sc-road-radio-card::before{background:var(--road-on-surface-disabled);border:none}.form-radio-input.sc-road-radio-card:disabled~.form-radio-label.sc-road-radio-card::after,.form-radio-input[readonly].sc-road-radio-card~.form-radio-label.sc-road-radio-card::after{background:var(--road-on-surface-disabled)}.form-radio-input.is-invalid.sc-road-radio-card~.form-radio-label.sc-road-radio-card::before{border-color:var(--road-danger-outline)}.form-radio-inverse.sc-road-radio-card{display:flex;flex-direction:row-reverse;justify-content:space-between}.form-radio-inverse.sc-road-radio-card::before{margin:0 0 0 1rem}.form-radio-inverse.sc-road-radio-card::after{right:0.1875rem;left:auto}';const s=e;const t=class{constructor(o){r(this,o);this.roadfocus=a(this,"roadfocus",7);this.roadblur=a(this,"roadblur",7);this.roadchange=a(this,"roadchange",7);this.disabled=false;this.selected=false;this.inline=true;this.isSelected=false;this.onFocus=()=>{this.roadfocus.emit()};this.onBlur=()=>{this.roadblur.emit()};this.onClick=()=>{var r;if(this.disabled)return;(r=this.inputEl)===null||r===void 0?void 0:r.click();this.roadchange.emit(this.value);window.dispatchEvent(new CustomEvent("road-radio-selected",{detail:{name:this.name,value:this.value}}))};this.onRadioSelected=r=>{const{name:a,value:o}=r.detail;if(a===this.name){this.isSelected=o===this.value}}}componentWillLoad(){this.radioId=`road-radio-${t.idCounter++}`;if(!this.name){this.name=this.radioId}if(!this.label){this.label=`${this.radioId}-label`}}handleRadioSelected(r){this.onRadioSelected(r)}render(){const r=`${this.radioId}-label`;const a=this.inline?"form-radio-inline":"";const i=this.isSelected||this.selected?"radio-card-selected":"";const e=this.disabled?"radio-card-disabled":"";return o(d,{key:"92d10e0e857fa618b651d09d684760345ebcab09",class:`form-radio ${a}`},o("div",{key:"fcdabc5a9f337d8bd1e8a1bf7f3918bd65fa3b61",class:`radio-card ${i} ${e}`,onClick:this.onClick},o("input",{key:"cab960932990c7b41e248fd45e11f05f0ba946ad",ref:r=>this.inputEl=r,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":r,value:this.value,onFocus:this.onFocus,onBlur:this.onBlur,onChange:()=>{}}),o("label",{key:"9fbd563bb0d0ceb76374f8fdd961a0ae945cfd3b",class:"form-radio-label",htmlFor:this.radioId,id:r},o("div",{key:"a66f46c0b7d566492eb791a14a1dc5f37fe1d98c",class:"slot-wrapper"},o("slot",{key:"2571e75dc92853a6f14ddb8c7c829ce4d3537ae5"})))))}get el(){return i(this)}};t.idCounter=0;t.style=s;export{t as road_radio_card};
|
|
2
|
+
//# sourceMappingURL=p-4a0711c8.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["radioCardCss","RoadRadioCardStyle0","RadioCard","constructor","hostRef","this","disabled","selected","inline","isSelected","onFocus","roadfocus","emit","onBlur","roadblur","onClick","_a","inputEl","click","roadchange","value","window","dispatchEvent","CustomEvent","detail","name","onRadioSelected","event","componentWillLoad","radioId","idCounter","label","handleRadioSelected","render","labelId","inlineClass","selectedClass","disabledClass","h","Host","key","class","ref","el","type","id","undefined","checked","onChange","htmlFor"],"sources":["src/components/radio-card/radio-card.css?tag=road-radio-card&encapsulation=scoped","src/components/radio-card/radio-card.tsx"],"sourcesContent":["/*\n * Radio Card\n *\n * For accessibility, we provide a style for focus only on Tab,\n * for that add the javascript polyfill for focus-visible\n * (https://github.com/WICG/focus-visible).\n *\n * Index\n * - Radio\n * - Label\n * - Error\n * - Position\n */\n\n .radio-card {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n padding: 1rem;\n border: 1px solid var(--road-outline);\n border-radius: 0.5rem;\n transition: border-color 0.3s, background-color 0.3s;\n cursor: pointer;\n}\n\n.radio-card-selected {\n outline: 2px solid var(--road-outline-variant);\n outline-offset: -2px;\n}\n\n.radio-card-disabled {\n outline: none;\n cursor: not-allowed;\n background-color: var(--road-surface-disabled);\n border: 1px solid var(--road-outline);\n}\n\n.radio-card:hover {\n border-color: var(--road-outline-variant);\n}\n\n.radio-card-disabled.radio-card:hover {\n border: 1px solid var(--road-outline);\n}\n\n\n\n.form-radio-input {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n}\n\n.radio-card-label {\n font-weight: bold;\n}\n\n\n/* RADIO\n -------------------- */\n\n:host {\n position: relative;\n display: block;\n margin-bottom: 1.5rem;\n font-family: var(--road-font, sans-serif);\n font-size: var(--road-body-medium);\n line-height: 1.5;\n color: var(--road-on-surface);\n}\n\n/**\n * Inline radio\n */\n\n:host(.form-radio-inline) {\n display: inline-flex;\n flex-wrap: wrap;\n align-items: center;\n margin-right: 1.5rem;\n margin-bottom: 0;\n}\n\n/**\n * Hide input\n */\n\n.form-radio-input {\n position: absolute;\n z-index: -1;\n width: 20px;\n height: 20px;\n opacity: 0;\n}\n\n.form-radio-input:disabled {\n z-index: 1;\n width: 100%;\n cursor: not-allowed;\n}\n\n/* LABEL\n -------------------- */\n\n.form-radio-label {\n position: relative;\n display: inline-flex;\n align-items: flex-start;\n margin: 0;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.form-radio-label::before {\n box-sizing: border-box;\n display: block;\n flex-shrink: 0;\n width: 1.25rem;\n height: 1.25rem;\n margin: 0.1rem 0.75rem 0 0;\n content: \"\";\n background: var(--road-surface);\n border: 1px solid var(--road-input-outline);\n border-radius: 50%;\n transition: border-color 0.2s ease-in-out;\n}\n\n.form-radio-label-span {\n margin-left: var(--road-spacing-02);\n color: var(--road-on-surface-weak);\n}\n\n.form-radio-label::after {\n position: absolute;\n top: 0.285rem;\n left: 0.1875rem;\n box-sizing: border-box;\n display: block;\n width: 0.875rem;\n height: 0.875rem;\n content: \"\";\n background: var(--road-on-surface-disabled);\n border: none;\n border-radius: 50%;\n transition: background 0.2s ease-in-out, transform 0.2s ease-in-out;\n transform: scale(0);\n transform-origin: 50% 50%;\n}\n\n/**\n * Hover state\n */\n\n@media (hover: hover) {\n\n .form-radio-input ~ .form-radio-label:hover::before {\n border-color: var(--road-input-surface);\n }\n\n .form-radio-input:checked ~ .form-radio-label:hover::after {\n background: var(--road-input-surface-variant);\n }\n\n .form-radio-input:checked:disabled~ .form-radio-label:hover::after {\n background: var(--road-on-surface-disabled);\n }\n}\n\n/**\n * Checked state\n */\n\n.form-radio-input:checked ~ .form-radio-label::after {\n background: var(--road-input-surface);\n opacity: 1;\n transform: scale(1);\n}\n\n/**\n * Focus on Tab\n */\n\n.form-radio-input.focus-visible ~ .form-radio-label::before {\n box-shadow: 0 0 0 0.125rem var(--road-grey-100-new), 0 0 0 0.1875rem var(--road-input-outline-variant);\n}\n\n.form-radio-input.focus-visible:checked ~ .form-radio-label::after {\n background: var(--road-primary-700);\n}\n\n/**\n * Disabled state\n */\n\n.form-radio-input:disabled ~ .form-radio-label,\n.form-radio-input[readonly] ~ .form-radio-label {\n cursor: not-allowed;\n}\n\n.form-radio-input:disabled ~ .form-radio-label::before,\n.form-radio-input[readonly] ~ .form-radio-label::before {\n background: var(--road-on-surface-disabled);\n border: none;\n}\n\n.form-radio-input:disabled ~ .form-radio-label::after,\n.form-radio-input[readonly] ~ .form-radio-label::after {\n background: var(--road-on-surface-disabled);\n}\n\n/* ERROR\n -------------------- */\n\n.form-radio-input.is-invalid ~ .form-radio-label::before {\n border-color: var(--road-danger-outline);\n}\n\n/* POSITION\n -------------------- */\n\n.form-radio-inverse {\n display: flex;\n flex-direction: row-reverse;\n justify-content: space-between;\n}\n\n.form-radio-inverse::before {\n margin: 0 0 0 1rem;\n}\n\n.form-radio-inverse::after {\n right: 0.1875rem;\n left: auto;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n Host,\n Prop,\n h,\n State,\n Listen,\n} from '@stencil/core';\nimport './../../utils/polyfill';\n\n\n@Component({\n tag: 'road-radio-card',\n styleUrl: 'radio-card.css',\n scoped: true,\n})\nexport class RadioCard {\n private inputEl?: HTMLInputElement;\n\n @Element() el!: HTMLRoadRadioCardElement;\n\n private static idCounter = 0;\n\n @Prop() name?: string;\n @Prop() disabled: boolean = false;\n @Prop() selected: boolean = false;\n @Prop() value?: any | null;\n @Prop() label?: string;\n @Prop() inline: boolean = true;\n\n @State() isSelected: boolean = false;\n @State() radioId!: string;\n\n @Event() roadfocus!: EventEmitter<void>;\n \n @Event() roadblur!: EventEmitter<void>;\n @Event() roadchange!: EventEmitter<any>;\n\n componentWillLoad() {\n this.radioId = `road-radio-${RadioCard.idCounter++}`;\n if (!this.name) {\n this.name = this.radioId;\n }\n if (!this.label) {\n this.label = `${this.radioId}-label`;\n }\n }\n\n private onFocus = () => {\n this.roadfocus.emit();\n };\n\n private onBlur = () => {\n this.roadblur.emit();\n };\n\n private onClick = () => {\n if (this.disabled) return;\n\n this.inputEl?.click();\n this.roadchange.emit(this.value);\n\n window.dispatchEvent(new CustomEvent('road-radio-selected', {\n detail: {\n name: this.name,\n value: this.value,\n },\n }));\n };\n\n private onRadioSelected = (event: CustomEvent) => {\n const { name, value } = event.detail;\n\n if (name === this.name) {\n this.isSelected = value === this.value;\n }\n };\n\n @Listen('road-radio-selected', { target: 'window' })\n handleRadioSelected(event: CustomEvent) {\n this.onRadioSelected(event);\n }\n\n render() {\n const labelId = `${this.radioId}-label`;\n const inlineClass = this.inline ? 'form-radio-inline' : '';\n const selectedClass = this.isSelected || this.selected ? 'radio-card-selected' : '';\n const disabledClass = this.disabled ? 'radio-card-disabled' : '';\n\n return (\n <Host class={`form-radio ${inlineClass}`}>\n <div class={`radio-card ${selectedClass} ${disabledClass}`} onClick={this.onClick}>\n <input\n ref={el => this.inputEl = el}\n class=\"form-radio-input\"\n type=\"radio\"\n id={this.radioId}\n name={this.name}\n disabled={this.disabled}\n aria-disabled={this.disabled ? 'true' : undefined}\n checked={this.isSelected || this.selected}\n aria-labelledby={labelId}\n value={this.value}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onChange={() => {}}\n />\n <label class=\"form-radio-label\" htmlFor={this.radioId} id={labelId}>\n <div class=\"slot-wrapper\">\n <slot />\n </div>\n </label>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"mFAAA,MAAMA,EAAe,qlIACrB,MAAAC,EAAeD,E,MCkBFE,EAAS,MALtB,WAAAC,CAAAC,G,yHAaUC,KAAAC,SAAoB,MACpBD,KAAAE,SAAoB,MAGpBF,KAAAG,OAAkB,KAEjBH,KAAAI,WAAsB,MAkBvBJ,KAAAK,QAAU,KAChBL,KAAKM,UAAUC,MAAM,EAGfP,KAAAQ,OAAS,KACfR,KAAKS,SAASF,MAAM,EAGdP,KAAAU,QAAU,K,MAChB,GAAIV,KAAKC,SAAU,QAEnBU,EAAAX,KAAKY,WAAO,MAAAD,SAAA,SAAAA,EAAEE,QACdb,KAAKc,WAAWP,KAAKP,KAAKe,OAE1BC,OAAOC,cAAc,IAAIC,YAAY,sBAAuB,CAC1DC,OAAQ,CACNC,KAAMpB,KAAKoB,KACXL,MAAOf,KAAKe,SAEb,EAGGf,KAAAqB,gBAAmBC,IACzB,MAAMF,KAAEA,EAAIL,MAAEA,GAAUO,EAAMH,OAE9B,GAAIC,IAASpB,KAAKoB,KAAM,CACtBpB,KAAKI,WAAaW,IAAUf,KAAKe,K,GApCrC,iBAAAQ,GACEvB,KAAKwB,QAAU,cAAc3B,EAAU4B,cACvC,IAAKzB,KAAKoB,KAAM,CACdpB,KAAKoB,KAAOpB,KAAKwB,O,CAEnB,IAAKxB,KAAK0B,MAAO,CACf1B,KAAK0B,MAAQ,GAAG1B,KAAKwB,e,EAmCzB,mBAAAG,CAAoBL,GAClBtB,KAAKqB,gBAAgBC,E,CAGvB,MAAAM,GACE,MAAMC,EAAU,GAAG7B,KAAKwB,gBACxB,MAAMM,EAAc9B,KAAKG,OAAS,oBAAsB,GACxD,MAAM4B,EAAgB/B,KAAKI,YAAcJ,KAAKE,SAAW,sBAAwB,GACjF,MAAM8B,EAAgBhC,KAAKC,SAAW,sBAAwB,GAE9D,OACEgC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,cAAcN,KACzBG,EAAA,OAAAE,IAAA,2CAAKC,MAAO,cAAcL,MAAkBC,IAAiBtB,QAASV,KAAKU,SACzEuB,EAAA,SAAAE,IAAA,2CACEE,IAAKC,GAAMtC,KAAKY,QAAU0B,EAC1BF,MAAM,mBACNG,KAAK,QACLC,GAAIxC,KAAKwB,QACTJ,KAAMpB,KAAKoB,KACXnB,SAAUD,KAAKC,SAAQ,gBACRD,KAAKC,SAAW,OAASwC,UACxCC,QAAS1C,KAAKI,YAAcJ,KAAKE,SAAQ,kBACxB2B,EACjBd,MAAOf,KAAKe,MACZV,QAASL,KAAKK,QACdG,OAAQR,KAAKQ,OACbmC,SAAU,SAEZV,EAAA,SAAAE,IAAA,2CAAOC,MAAM,mBAAmBQ,QAAS5C,KAAKwB,QAASgB,GAAIX,GACzDI,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,gD,2BAxFGtC,EAAA4B,UAAY,E","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as e}from"./p-d7aae05d.js";const o=":host{display:flex;flex:1;align-items:center;width:100%;height:100%;padding-left:1rem}.toolbar-title{display:block;width:100%;overflow:hidden;font-size:var(--road-font-size-18);font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){.toolbar-title{font-size:var(--road-font-size-21)}}";const i=o;const a=class{constructor(e){t(this,e)}render(){return e("div",{key:"2bc8875e6f067415f19c944cc319a9457fa305df",class:"toolbar-title"},e("slot",{key:"7031e74b2fec0447701528d2a0c02795a038f281"}))}};a.style=i;export{a as road_toolbar_title};
|
|
2
|
+
//# sourceMappingURL=p-4b1ac843.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as o,h as e,a as r}from"./p-d7aae05d.js";const a=":host{--margin-top:0.5rem;display:block;font-size:var(--road-font-size-16)}.dropdown{position:relative;width:max-content;font-family:var(--road-font)}.dropdown summary{display:block;width:3.5rem;cursor:pointer;border-radius:3rem;outline:none}.dropdown summary:focus,.dropdown summary.focus-visible,.dropdown summary:focus-within{box-shadow:0 0 0 4px var(--road-primary-80)}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-button:hover{background:var(--road-grey-200)}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;top:0;left:5.5rem;z-index:2;display:flex;flex-direction:column;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}road-item{font-size:var(--road-button-medium)}.profil-item{display:flex;padding-bottom:1rem;margin:1rem;cursor:auto;border-bottom:1px solid var(--road-outline)}.profil-item-info{display:flex;flex-direction:column;margin-left:1rem;text-align:left}.profil-item-info-name{font-weight:700}.profil-item road-avatar:hover{box-shadow:none}.dropdown-item{display:flex;align-items:center;min-height:40px;padding:0 1rem;font-size:var(--road-button-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none;outline:none}.dropdown-item-border{border-color:var(--road-outline);border-bottom:1px solid}.dropdown-item road-icon{margin-right:0.7rem}road-item:hover:first-child,road-item.focus-visible:first-child{background:none}road-item:hover,road-item.focus-visible{background:var(--road-surface-inverse)}";const d=a;const i=class{constructor(e){o(this,e);this.isOpen=false;this.onClick=()=>{this.isOpen=!this.isOpen}}handleDocumentClick(o){if(o.target.closest("road-profil-dropdown")===this.el){return}this.isOpen=false}render(){return e("details",{key:"43e4ae49c617fbacc94b8baa71e48f69fe476f1d",class:"dropdown",open:this.isOpen},e("summary",{key:"4b710e357a714a422988b653ae2cb8573935ff35","aria-expanded":`${this.isOpen}`,tabindex:"0",role:"button",onClick:this.onClick},e("div",{key:"4f6e0a9bc88cfb776c1bb77e54db15b5083171b2",class:`d-flex`},e("div",{key:"47c2820abb6c77ec3058b1b2b5fbf724350caabd"},e("road-avatar",{key:"4cfa1004541f55168b831c6e8541c57c81df4630"},e("slot",{key:"b71ee875ef37c645b7bd365ac57d7198b171f1f6",name:"avatar"}))))),e("div",{key:"0722a1227a791a58fecd3f6e9e525656deb286d0",class:`dropdown-menu`},e("div",{key:"06a40cb955460d18e5b81daa33d97e6fba62c558",class:"profil-item"},e("road-avatar",{key:"d7f3cbdb3c3556228f6751e16f48ea15989a40c1",size:"sm"},e("slot",{key:"18e9fbed6f749746247bd5cb32be190fbc137441",name:"avatarItem"})),e("div",{key:"861ee72150789f798709bef31bc8cf2013b75e9e",class:"profil-item-info"},e("span",{key:"a51ab011c1dbb74eb0110ac5ef9bbce140060456",class:"profil-item-info-name"},e("slot",{key:"b96374ca1927d2af6428a773dfcf4b4c97656551",name:"name"})),e("road-label",{key:"5c58f0aa250f9cb66ff5a04e5517fc5693c8f189"},e("slot",{key:"aca0556fa9c641dffcafa231d72ada909c51adc8",name:"email"})))),e("slot",{key:"5482d7055522cd952392d1f437b261497747a452",name:"list"})))}get el(){return r(this)}};i.style=d;export{i as road_profil_dropdown};
|
|
2
|
+
//# sourceMappingURL=p-50d9ed52.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["profilDropdownCss","RoadProfilDropdownStyle0","Dropdown","constructor","hostRef","this","isOpen","onClick","handleDocumentClick","ev","target","closest","el","render","h","key","class","open","tabindex","role","name","size"],"sources":["src/components/profil-dropdown/profil-dropdown.css?tag=road-profil-dropdown&encapsulation=shadow","src/components/profil-dropdown/profil-dropdown.tsx"],"sourcesContent":["/*\n * Profil Dropdown\n *\n * Index\n * - Dropdown\n * - Dropdown menu\n */\n\n/**\n * @prop --margin-top: Top margin of the menu\n */\n\n/* PROFIL DROPDOWN\n -------------------- */\n\n:host {\n --margin-top: 0.5rem;\n display: block;\n font-size: var(--road-font-size-16);\n}\n\n.dropdown {\n position: relative;\n width: max-content;\n font-family: var(--road-font);\n}\n\n.dropdown summary {\n display: block;\n width: 3.5rem;\n cursor: pointer;\n border-radius: 3rem;\n outline: none;\n}\n\n.dropdown summary:focus,\n.dropdown summary.focus-visible,\n.dropdown summary:focus-within{\n box-shadow: 0 0 0 4px var(--road-primary-80);\n}\n\n.dropdown summary::-webkit-details-marker { /* remove native arrow */\n display: none;\n}\n\n.dropdown-button{\n position: relative;\n z-index: 1;\n height: 3.5rem;\n cursor: pointer;\n border-radius: 0.25rem;\n}\n\n.dropdown-button:hover{\n background: var(--road-grey-200);\n}\n\n/**\n * Open state\n */\n\n.dropdown[open] .dropdown-menu {\n transform: scaleY(1);\n}\n\n.dropdown[open] .dropdown-menu.direction-top {\n position: absolute;\n bottom: 0;\n left: 0;\n transform: translate3d(0, -56px, 0);\n will-change: transform;\n}\n\n/* MENU\n-------------------- */\n\n.dropdown-menu {\n position: absolute;\n top: 0;\n left: 5.5rem;\n z-index: 2;\n display: flex;\n flex-direction: column;\n min-width: 16.875rem;\n padding: 0.5rem 0;\n color: var(--road-on-surface);\n background: var(--road-surface);\n border: 1px solid;\n border-color: var(--road-outline-weak);\n border-radius: 0.25rem;\n box-shadow: var(--road-elevation-low);\n transition: transform 0.2s ease-in-out;\n transform: scaleY(0);\n transform-origin: 0 0;\n}\n\n/* ITEM\n -------------------- */\n\nroad-item {\n font-size: var(--road-button-medium);\n}\n\n.profil-item {\n display: flex;\n padding-bottom: 1rem;\n margin: 1rem;\n cursor: auto;\n border-bottom: 1px solid var(--road-outline);\n}\n\n.profil-item-info {\n display: flex;\n flex-direction: column;\n margin-left: 1rem;\n text-align: left;\n}\n\n.profil-item-info-name {\n font-weight: 700;\n}\n\n\n.profil-item road-avatar:hover{\n box-shadow: none;\n}\n\n.dropdown-item {\n display: flex;\n align-items: center;\n min-height: 40px;\n padding: 0 1rem;\n font-size: var(--road-button-medium);\n line-height: 1.5;\n color: var(--road-on-surface);\n text-align: left;\n text-decoration: none;\n cursor: pointer;\n background: var(--road-surface);\n border: none;\n outline: none;\n}\n\n.dropdown-item-border {\n border-color: var(--road-outline);\n border-bottom: 1px solid;\n}\n\n.dropdown-item road-icon{\n margin-right: 0.7rem;\n}\n\n/**\n * Hover state\n */\n\nroad-item:hover:first-child,\nroad-item.focus-visible:first-child {\n background: none;\n}\n\nroad-item:hover,\nroad-item.focus-visible {\n background: var(--road-surface-inverse);\n}\n","import { Component, h, Prop, Element, Listen } from '@stencil/core';\n\n/**\n * @slot - Element how will open the dropdown when clicked\n * @slot list - List of item values (you can add border with lines=`full` but not on the last item)\n * @slot avatar - Content of the avatar (img or First letter) <road-img> or <road-label>.\n * @slot avatarItem - Content of the avatar item (img or First letter) <road-img> or <road-label>.\n * @slot name - Content First and Last Name.\n * @slot email - Content email.\n\n\n */\n\n@Component({\n tag: 'road-profil-dropdown',\n styleUrl: 'profil-dropdown.css',\n shadow: true,\n})\nexport class Dropdown {\n\n @Element() el!: HTMLRoadProfilDropdownElement;\n\n /**\n * Set to `true` to open the dropdown menu and to `false` to close it.\n */\n @Prop({ mutable: true }) isOpen : boolean = false;\n\n /**\n * Toggle the display when clicking element in slot\n */\n private onClick = () => {\n this.isOpen = !this.isOpen;\n };\n\n @Listen('click', { target: 'document' })\n handleDocumentClick(ev: MouseEvent) {\n // Check if the clicked element is the dropdown button\n if ((ev.target as HTMLElement).closest('road-profil-dropdown') === this.el) {\n return; // Do nothing if clicked element is the dropdown button\n }\n // Close dropdown if click is outside the dropdown\n this.isOpen = false;\n }\n\n render() {\n\n return (\n <details class=\"dropdown\" open={this.isOpen}>\n <summary aria-expanded={`${this.isOpen}`} tabindex=\"0\" role=\"button\" onClick={this.onClick}>\n <div class={`d-flex`}>\n <div>\n <road-avatar>\n <slot name=\"avatar\"/>\n </road-avatar>\n </div>\n </div>\n </summary>\n <div class={`dropdown-menu`}>\n <div class=\"profil-item\">\n <road-avatar size=\"sm\">\n <slot name=\"avatarItem\"/>\n </road-avatar>\n <div class=\"profil-item-info\">\n <span class=\"profil-item-info-name\">\n <slot name=\"name\"/>\n </span>\n <road-label>\n <slot name=\"email\"/>\n </road-label>\n </div>\n </div>\n <slot name=\"list\"/>\n </div>\n </details>\n );\n }\n\n}\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["profilDropdownCss","RoadProfilDropdownStyle0","Dropdown","constructor","hostRef","this","isOpen","onClick","handleDocumentClick","ev","target","closest","el","render","h","key","class","open","tabindex","role","name","size"],"sources":["src/components/profil-dropdown/profil-dropdown.css?tag=road-profil-dropdown&encapsulation=shadow","src/components/profil-dropdown/profil-dropdown.tsx"],"sourcesContent":["/*\n * Profil Dropdown\n *\n * Index\n * - Dropdown\n * - Dropdown menu\n */\n\n/**\n * @prop --margin-top: Top margin of the menu\n */\n\n/* PROFIL DROPDOWN\n -------------------- */\n\n:host {\n --margin-top: 0.5rem;\n display: block;\n font-size: var(--road-font-size-16);\n}\n\n.dropdown {\n position: relative;\n width: max-content;\n font-family: var(--road-font);\n}\n\n.dropdown summary {\n display: block;\n width: 3.5rem;\n cursor: pointer;\n border-radius: 3rem;\n outline: none;\n}\n\n.dropdown summary:focus,\n.dropdown summary.focus-visible,\n.dropdown summary:focus-within{\n box-shadow: 0 0 0 4px var(--road-primary-80);\n}\n\n.dropdown summary::-webkit-details-marker { /* remove native arrow */\n display: none;\n}\n\n.dropdown-button{\n position: relative;\n z-index: 1;\n height: 3.5rem;\n cursor: pointer;\n border-radius: 0.25rem;\n}\n\n.dropdown-button:hover{\n background: var(--road-grey-200);\n}\n\n/**\n * Open state\n */\n\n.dropdown[open] .dropdown-menu {\n transform: scaleY(1);\n}\n\n.dropdown[open] .dropdown-menu.direction-top {\n position: absolute;\n bottom: 0;\n left: 0;\n transform: translate3d(0, -56px, 0);\n will-change: transform;\n}\n\n/* MENU\n-------------------- */\n\n.dropdown-menu {\n position: absolute;\n top: 0;\n left: 5.5rem;\n z-index: 2;\n display: flex;\n flex-direction: column;\n min-width: 16.875rem;\n padding: 0.5rem 0;\n color: var(--road-on-surface);\n background: var(--road-surface);\n border: 1px solid;\n border-color: var(--road-outline-weak);\n border-radius: 0.25rem;\n box-shadow: var(--road-elevation-low);\n transition: transform 0.2s ease-in-out;\n transform: scaleY(0);\n transform-origin: 0 0;\n}\n\n/* ITEM\n -------------------- */\n\nroad-item {\n font-size: var(--road-button-medium);\n}\n\n.profil-item {\n display: flex;\n padding-bottom: 1rem;\n margin: 1rem;\n cursor: auto;\n border-bottom: 1px solid var(--road-outline);\n}\n\n.profil-item-info {\n display: flex;\n flex-direction: column;\n margin-left: 1rem;\n text-align: left;\n}\n\n.profil-item-info-name {\n font-weight: 700;\n}\n\n\n.profil-item road-avatar:hover{\n box-shadow: none;\n}\n\n.dropdown-item {\n display: flex;\n align-items: center;\n min-height: 40px;\n padding: 0 1rem;\n font-size: var(--road-button-medium);\n line-height: 1.5;\n color: var(--road-on-surface);\n text-align: left;\n text-decoration: none;\n cursor: pointer;\n background: var(--road-surface);\n border: none;\n outline: none;\n}\n\n.dropdown-item-border {\n border-color: var(--road-outline);\n border-bottom: 1px solid;\n}\n\n.dropdown-item road-icon{\n margin-right: 0.7rem;\n}\n\n/**\n * Hover state\n */\n\nroad-item:hover:first-child,\nroad-item.focus-visible:first-child {\n background: none;\n}\n\nroad-item:hover,\nroad-item.focus-visible {\n background: var(--road-surface-inverse);\n}\n","import { Component, h, Prop, Element, Listen } from '@stencil/core';\n\n/**\n * @slot - Element how will open the dropdown when clicked\n * @slot list - List of item values (you can add border with lines=`full` but not on the last item)\n * @slot avatar - Content of the avatar (img or First letter) <road-img> or <road-label>.\n * @slot avatarItem - Content of the avatar item (img or First letter) <road-img> or <road-label>.\n * @slot name - Content First and Last Name.\n * @slot email - Content email.\n\n\n */\n\n@Component({\n tag: 'road-profil-dropdown',\n styleUrl: 'profil-dropdown.css',\n shadow: true,\n})\nexport class Dropdown {\n\n @Element() el!: HTMLRoadProfilDropdownElement;\n\n /**\n * Set to `true` to open the dropdown menu and to `false` to close it.\n */\n @Prop({ mutable: true }) isOpen : boolean = false;\n\n /**\n * Toggle the display when clicking element in slot\n */\n private onClick = () => {\n this.isOpen = !this.isOpen;\n };\n\n @Listen('click', { target: 'document' })\n handleDocumentClick(ev: MouseEvent) {\n // Check if the clicked element is the dropdown button\n if ((ev.target as HTMLElement).closest('road-profil-dropdown') === this.el) {\n return; // Do nothing if clicked element is the dropdown button\n }\n // Close dropdown if click is outside the dropdown\n this.isOpen = false;\n }\n\n render() {\n\n return (\n <details class=\"dropdown\" open={this.isOpen}>\n <summary aria-expanded={`${this.isOpen}`} tabindex=\"0\" role=\"button\" onClick={this.onClick}>\n <div class={`d-flex`}>\n <div>\n <road-avatar>\n <slot name=\"avatar\"/>\n </road-avatar>\n </div>\n </div>\n </summary>\n <div class={`dropdown-menu`}>\n <div class=\"profil-item\">\n <road-avatar size=\"sm\">\n <slot name=\"avatarItem\"/>\n </road-avatar>\n <div class=\"profil-item-info\">\n <span class=\"profil-item-info-name\">\n <slot name=\"name\"/>\n </span>\n <road-label>\n <slot name=\"email\"/>\n </road-label>\n </div>\n </div>\n <slot name=\"list\"/>\n </div>\n </details>\n );\n }\n\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,q/DAC1B,MAAAC,EAAeD,E,MCiBFE,EAAQ,MALrB,WAAAC,CAAAC,G,UAY2BC,KAAAC,OAAmB,MAKpCD,KAAAE,QAAU,KAChBF,KAAKC,QAAUD,KAAKC,MAAM,C,CAI5B,mBAAAE,CAAoBC,GAElB,GAAKA,EAAGC,OAAuBC,QAAQ,0BAA4BN,KAAKO,GAAI,CAC1E,M,CAGFP,KAAKC,OAAS,K,CAGhB,MAAAO,GAEE,OACEC,EAAA,WAAAC,IAAA,2CAASC,MAAM,WAAWC,KAAMZ,KAAKC,QACnCQ,EAAA,WAAAC,IAAA,2DAAwB,GAAGV,KAAKC,SAAUY,SAAS,IAAIC,KAAK,SAASZ,QAASF,KAAKE,SACjFO,EAAA,OAAAC,IAAA,2CAAKC,MAAO,UACVF,EAAA,OAAAC,IAAA,4CACED,EAAA,eAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,2CAAMK,KAAK,eAKnBN,EAAA,OAAAC,IAAA,2CAAKC,MAAO,iBACVF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,eACTF,EAAA,eAAAC,IAAA,2CAAaM,KAAK,MAChBP,EAAA,QAAAC,IAAA,2CAAMK,KAAK,gBAEbN,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACTF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,yBACVF,EAAA,QAAAC,IAAA,2CAAMK,KAAK,UAEbN,EAAA,cAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,2CAAMK,KAAK,aAIjBN,EAAA,QAAAC,IAAA,2CAAMK,KAAK,U","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,h as r,H as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as o,h as r,H as t}from"./p-d7aae05d.js";const a=":host(.text-primary){color:var(--road-primary-10)}:host(.text-secondary){color:var(--road-secondary)}:host(.text-accent){color:var(--road-secondary-50)}:host(.text-info){color:var(--road-on-info-surface)}:host(.text-success){color:var(--road-on-success-surface)}:host(.text-warning){color:var(--road-on-warning-surface)}:host(.text-danger){color:var(--road-on-danger-surface)}:host(.text-default){color:var(--road-on-surface)}:host(.text-default-second){color:var(--road-grey-40)}:host(.text-disabled){color:var(--road-grey-60)}:host(.text-white){color:var(--road-grey-100-new)}";const e=a;const s=class{constructor(r){o(this,r);this.color="default"}render(){const o=this.color!==undefined?`text-${this.color}`:"";return r(t,{key:"ce661d8700a5de9f45c8eadb585db40c170ab783",class:`${o}`},r("slot",{key:"403d340719d454fb54288e5447beb06e0fa429ac"}))}};s.style=e;export{s as road_text};
|
|
2
|
+
//# sourceMappingURL=p-56f18548.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,h as o}from"./p-d7aae05d.js";const r=".sc-road-table-h{box-sizing:border-box;display:block}.sc-road-table-s>table{width:100%;font-family:var(--road-font, sans-serif);font-size:var(--road-body-small);line-height:1.5;color:var(--road-on-surface);border-collapse:collapse;border-top:1px solid var(--road-outline);border-bottom:1px solid var(--road-outline)}.sc-road-table-s>table th,.sc-road-table-s>table td{padding:1.5rem 1.25rem;text-align:left}.sc-road-table-s>table thead tr,.sc-road-table-s>table tbody tr:nth-child(2n){background:var(--road-surface-inverse)}";const
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,h as o}from"./p-d7aae05d.js";const r=".sc-road-table-h{box-sizing:border-box;display:block}.sc-road-table-s>table{width:100%;font-family:var(--road-font, sans-serif);font-size:var(--road-body-small);line-height:1.5;color:var(--road-on-surface);border-collapse:collapse;border-top:1px solid var(--road-outline);border-bottom:1px solid var(--road-outline)}.sc-road-table-s>table th,.sc-road-table-s>table td{padding:1.5rem 1.25rem;text-align:left}.sc-road-table-s>table thead tr,.sc-road-table-s>table tbody tr:nth-child(2n){background:var(--road-surface-inverse)}";const e=r;const t=class{constructor(o){a(this,o)}render(){return o("slot",{key:"82316326496fee8116dbdc08996a51aa46848cfe"})}};t.style=e;export{t as road_table};
|
|
2
|
+
//# sourceMappingURL=p-5f2a4cd5.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,h as e,H as t}from"./p-d7aae05d.js";const o=':host{position:relative;box-sizing:border-box;display:flex;align-items:center;width:100%;height:72px;contain:content;padding:var(--road-spacing-04);color:var(--road-on-surface);background:var(--road-surface);border-bottom:1px solid var(--road-outline-weak)}.toolbar-container{position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:3.73rem;contain:content;overflow:hidden}.toolbar-container-content-left{display:flex;flex:1}.toolbar-container-content-right{display:none}@media (min-width: 1200px){.toolbar-container-content-right{display:flex;flex:auto}}.toolbar-title-container{position:relative;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;text-align:center}.toolbar-title{display:block;width:100%;font-size:var(--road-font-size-18);font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){:host(.toolbar){display:flex;align-items:center;width:calc(100% - 260px);justify-self:flex-end;height:80px;padding:var(--road-spacing-05)}:host(.toolbar-compact){display:flex;width:calc(100% - 5.5rem);justify-self:flex-end;height:80px;padding:var(--road-spacing-05)}.toolbar-title{font-size:var(--road-font-size-21);text-align:center}}.toolbar-content{display:none}@media (min-width: 1200px){.toolbar-content{display:flex;flex:2;min-width:0;max-width:100%}}.toolbar .logo{position:relative;z-index:1;padding-left:1rem;margin-bottom:0;font-size:var(--road-font-size-14);font-weight:400}.toolbar .app-name{margin-left:1rem;font-size:var(--road-font-size-20);font-weight:700}::slotted([slot="start"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;align-self:auto;margin-right:var(--road-spacing-05);font-size:var(--road-font-size-14);font-weight:400;border-right:1px solid var(--road-outline-weak);border-radius:0}::slotted([slot="primary"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;flex:1;align-self:auto}::slotted([slot="end"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;flex:1;padding-left:var(--road-spacing-03);margin-left:var(--road-spacing-03);font-size:var(--road-font-size-14);font-weight:400;border-left:1px solid var(--road-outline-weak);border-radius:0}::slotted([slot="secondary"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;flex:1;padding-left:var(--road-spacing-03);margin-left:var(--road-spacing-03);font-size:var(--road-font-size-14);font-weight:400;border-radius:0}:host(.toolbar-primary){color:var(--road-on-header-surface);background:var(--road-header-surface)}:host(.toolbar-secondary){color:var(--road-on-secondary);background:var(--road-secondary)}';const r=o;const n=class{constructor(e){a(this,e)}render(){return e(t,{key:"c2aa891f0a092a2ad818049cd7bd8216921085d6",class:"toolbar"},e("div",{key:"0c8154579c5c164907b6a9f8e28c65e85a9383c8",class:"toolbar-container"},e("div",{key:"5b7b972cf8e9d8728438e6beef791753c9ed8122",class:"toolbar-container-content-left"},e("slot",{key:"a388f0d9cc1aa4624fd456ab5fd6adc978adeb79",name:"start"}),e("slot",{key:"747be87afdac650da865f8b47ee63d8d228e4dc6",name:"primary"})),e("div",{key:"8377a0ab5534f3979572dd2a06cc39290ca6acdc",class:"toolbar-content"},e("slot",{key:"7a74325743d4eef911088f09a242c0a0fb740999"})),e("div",{key:"03077029d30c10847b70b9b910cceedbd575fad0",class:"toolbar-container-content-right"},e("slot",{key:"00590e6e694304b4a78634905332d8450c5679ed",name:"secondary"}),e("slot",{key:"3debaefb441cfb2a6bd5c1fa2555a500e3770bc8",name:"end"}))))}};n.style=r;export{n as road_toolbar_v2};
|
|
2
|
+
//# sourceMappingURL=p-5f6255ea.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as e,h as s,H as i,a as n}from"./p-d7aae05d.js";function r(t){return!Array.isArray?M(t)==="[object Array]":Array.isArray(t)}const c=1/0;function o(t){if(typeof t=="string"){return t}let e=t+"";return e=="0"&&1/t==-c?"-0":e}function a(t){return t==null?"":o(t)}function l(t){return typeof t==="string"}function h(t){return typeof t==="number"}function u(t){return t===true||t===false||d(t)&&M(t)=="[object Boolean]"}function f(t){return typeof t==="object"}function d(t){return f(t)&&t!==null}function g(t){return t!==undefined&&t!==null}function m(t){return!t.trim().length}function M(t){return t==null?t===undefined?"[object Undefined]":"[object Null]":Object.prototype.toString.call(t)}const p="Extended search is not available";const x="Incorrect 'index' type";const v=t=>`Invalid value for key ${t}`;const y=t=>`Pattern length exceeds max of ${t}.`;const w=t=>`Missing ${t} property in key`;const L=t=>`Property 'weight' in key '${t}' must be a positive integer`;const b=Object.prototype.hasOwnProperty;class ${constructor(t){this._keys=[];this._keyMap={};let e=0;t.forEach((t=>{let s=k(t);e+=s.weight;this._keys.push(s);this._keyMap[s.id]=s;e+=s.weight}));this._keys.forEach((t=>{t.weight/=e}))}get(t){return this._keyMap[t]}keys(){return this._keys}toJSON(){return JSON.stringify(this._keys)}}function k(t){let e=null;let s=null;let i=null;let n=1;let c=null;if(l(t)||r(t)){i=t;e=A(t);s=S(t)}else{if(!b.call(t,"name")){throw new Error(w("name"))}const r=t.name;i=r;if(b.call(t,"weight")){n=t.weight;if(n<=0){throw new Error(L(r))}}e=A(r);s=S(r);c=t.getFn}return{path:e,id:s,weight:n,src:i,getFn:c}}function A(t){return r(t)?t:t.split(".")}function S(t){return r(t)?t.join("."):t}function C(t,e){let s=[];let i=false;const n=(t,e,c)=>{if(!g(t)){return}if(!e[c]){s.push(t)}else{let o=e[c];const f=t[o];if(!g(f)){return}if(c===e.length-1&&(l(f)||h(f)||u(f))){s.push(a(f))}else if(r(f)){i=true;for(let t=0,s=f.length;t<s;t+=1){n(f[t],e,c+1)}}else if(e.length){n(f,e,c+1)}}};n(t,l(e)?e.split("."):e,0);return i?s:s[0]}const R={includeMatches:false,findAllMatches:false,minMatchCharLength:1};const N={isCaseSensitive:false,includeScore:false,keys:[],shouldSort:true,sortFn:(t,e)=>t.score===e.score?t.idx<e.idx?-1:1:t.score<e.score?-1:1};const F={location:0,threshold:.6,distance:100};const I={useExtendedSearch:false,getFn:C,ignoreLocation:false,ignoreFieldNorm:false,fieldNormWeight:1};var O={...N,...R,...F,...I};const j=/[^ ]+/g;function E(t=1,e=3){const s=new Map;const i=Math.pow(10,e);return{get(e){const n=e.match(j).length;if(s.has(n)){return s.get(n)}const r=1/Math.pow(n,.5*t);const c=parseFloat(Math.round(r*i)/i);s.set(n,c);return c},clear(){s.clear()}}}class _{constructor({getFn:t=O.getFn,fieldNormWeight:e=O.fieldNormWeight}={}){this.norm=E(e,3);this.getFn=t;this.isCreated=false;this.setIndexRecords()}setSources(t=[]){this.docs=t}setIndexRecords(t=[]){this.records=t}setKeys(t=[]){this.keys=t;this._keysMap={};t.forEach(((t,e)=>{this._keysMap[t.id]=e}))}create(){if(this.isCreated||!this.docs.length){return}this.isCreated=true;if(l(this.docs[0])){this.docs.forEach(((t,e)=>{this._addString(t,e)}))}else{this.docs.forEach(((t,e)=>{this._addObject(t,e)}))}this.norm.clear()}add(t){const e=this.size();if(l(t)){this._addString(t,e)}else{this._addObject(t,e)}}removeAt(t){this.records.splice(t,1);for(let e=t,s=this.size();e<s;e+=1){this.records[e].i-=1}}getValueForItemAtKeyId(t,e){return t[this._keysMap[e]]}size(){return this.records.length}_addString(t,e){if(!g(t)||m(t)){return}let s={v:t,i:e,n:this.norm.get(t)};this.records.push(s)}_addObject(t,e){let s={i:e,$:{}};this.keys.forEach(((e,i)=>{let n=e.getFn?e.getFn(t):this.getFn(t,e.path);if(!g(n)){return}if(r(n)){let t=[];const e=[{nestedArrIndex:-1,value:n}];while(e.length){const{nestedArrIndex:s,value:i}=e.pop();if(!g(i)){continue}if(l(i)&&!m(i)){let e={v:i,i:s,n:this.norm.get(i)};t.push(e)}else if(r(i)){i.forEach(((t,s)=>{e.push({nestedArrIndex:s,value:t})}))}else;}s.$[i]=t}else if(l(n)&&!m(n)){let t={v:n,n:this.norm.get(n)};s.$[i]=t}}));this.records.push(s)}toJSON(){return{keys:this.keys,records:this.records}}}function W(t,e,{getFn:s=O.getFn,fieldNormWeight:i=O.fieldNormWeight}={}){const n=new _({getFn:s,fieldNormWeight:i});n.setKeys(t.map(k));n.setSources(e);n.create();return n}function z(t,{getFn:e=O.getFn,fieldNormWeight:s=O.fieldNormWeight}={}){const{keys:i,records:n}=t;const r=new _({getFn:e,fieldNormWeight:s});r.setKeys(i);r.setIndexRecords(n);return r}function P(t,{errors:e=0,currentLocation:s=0,expectedLocation:i=0,distance:n=O.distance,ignoreLocation:r=O.ignoreLocation}={}){const c=e/t.length;if(r){return c}const o=Math.abs(i-s);if(!n){return o?1:c}return c+o/n}function T(t=[],e=O.minMatchCharLength){let s=[];let i=-1;let n=-1;let r=0;for(let c=t.length;r<c;r+=1){let c=t[r];if(c&&i===-1){i=r}else if(!c&&i!==-1){n=r-1;if(n-i+1>=e){s.push([i,n])}i=-1}}if(t[r-1]&&r-i>=e){s.push([i,r-1])}return s}const H=32;function J(t,e,s,{location:i=O.location,distance:n=O.distance,threshold:r=O.threshold,findAllMatches:c=O.findAllMatches,minMatchCharLength:o=O.minMatchCharLength,includeMatches:a=O.includeMatches,ignoreLocation:l=O.ignoreLocation}={}){if(e.length>H){throw new Error(y(H))}const h=e.length;const u=t.length;const f=Math.max(0,Math.min(i,u));let d=r;let g=f;const m=o>1||a;const M=m?Array(u):[];let p;while((p=t.indexOf(e,g))>-1){let t=P(e,{currentLocation:p,expectedLocation:f,distance:n,ignoreLocation:l});d=Math.min(t,d);g=p+h;if(m){let t=0;while(t<h){M[p+t]=1;t+=1}}}g=-1;let x=[];let v=1;let w=h+u;const L=1<<h-1;for(let i=0;i<h;i+=1){let r=0;let o=w;while(r<o){const t=P(e,{errors:i,currentLocation:f+o,expectedLocation:f,distance:n,ignoreLocation:l});if(t<=d){r=o}else{w=o}o=Math.floor((w-r)/2+r)}w=o;let a=Math.max(1,f-o+1);let p=c?u:Math.min(f+o,u)+h;let y=Array(p+2);y[p+1]=(1<<i)-1;for(let r=p;r>=a;r-=1){let c=r-1;let o=s[t.charAt(c)];if(m){M[c]=+!!o}y[r]=(y[r+1]<<1|1)&o;if(i){y[r]|=(x[r+1]|x[r])<<1|1|x[r+1]}if(y[r]&L){v=P(e,{errors:i,currentLocation:c,expectedLocation:f,distance:n,ignoreLocation:l});if(v<=d){d=v;g=c;if(g<=f){break}a=Math.max(1,2*f-g)}}}const b=P(e,{errors:i+1,currentLocation:f,expectedLocation:f,distance:n,ignoreLocation:l});if(b>d){break}x=y}const b={isMatch:g>=0,score:Math.max(.001,v)};if(m){const t=T(M,o);if(!t.length){b.isMatch=false}else if(a){b.indices=t}}return b}function K(t){let e={};for(let s=0,i=t.length;s<i;s+=1){const n=t.charAt(s);e[n]=(e[n]||0)|1<<i-s-1}return e}class B{constructor(t,{location:e=O.location,threshold:s=O.threshold,distance:i=O.distance,includeMatches:n=O.includeMatches,findAllMatches:r=O.findAllMatches,minMatchCharLength:c=O.minMatchCharLength,isCaseSensitive:o=O.isCaseSensitive,ignoreLocation:a=O.ignoreLocation}={}){this.options={location:e,threshold:s,distance:i,includeMatches:n,findAllMatches:r,minMatchCharLength:c,isCaseSensitive:o,ignoreLocation:a};this.pattern=o?t:t.toLowerCase();this.chunks=[];if(!this.pattern.length){return}const l=(t,e)=>{this.chunks.push({pattern:t,alphabet:K(t),startIndex:e})};const h=this.pattern.length;if(h>H){let t=0;const e=h%H;const s=h-e;while(t<s){l(this.pattern.substr(t,H),t);t+=H}if(e){const t=h-H;l(this.pattern.substr(t),t)}}else{l(this.pattern,0)}}searchIn(t){const{isCaseSensitive:e,includeMatches:s}=this.options;if(!e){t=t.toLowerCase()}if(this.pattern===t){let e={isMatch:true,score:0};if(s){e.indices=[[0,t.length-1]]}return e}const{location:i,distance:n,threshold:r,findAllMatches:c,minMatchCharLength:o,ignoreLocation:a}=this.options;let l=[];let h=0;let u=false;this.chunks.forEach((({pattern:e,alphabet:f,startIndex:d})=>{const{isMatch:g,score:m,indices:M}=J(t,e,f,{location:i+d,distance:n,threshold:r,findAllMatches:c,minMatchCharLength:o,includeMatches:s,ignoreLocation:a});if(g){u=true}h+=m;if(g&&M){l=[...l,...M]}}));let f={isMatch:u,score:u?h/this.chunks.length:1};if(u&&s){f.indices=l}return f}}class D{constructor(t){this.pattern=t}static isMultiMatch(t){return U(t,this.multiRegex)}static isSingleMatch(t){return U(t,this.singleRegex)}search(){}}function U(t,e){const s=t.match(e);return s?s[1]:null}class V extends D{constructor(t){super(t)}static get type(){return"exact"}static get multiRegex(){return/^="(.*)"$/}static get singleRegex(){return/^=(.*)$/}search(t){const e=t===this.pattern;return{isMatch:e,score:e?0:1,indices:[0,this.pattern.length-1]}}}class q extends D{constructor(t){super(t)}static get type(){return"inverse-exact"}static get multiRegex(){return/^!"(.*)"$/}static get singleRegex(){return/^!(.*)$/}search(t){const e=t.indexOf(this.pattern);const s=e===-1;return{isMatch:s,score:s?0:1,indices:[0,t.length-1]}}}class G extends D{constructor(t){super(t)}static get type(){return"prefix-exact"}static get multiRegex(){return/^\^"(.*)"$/}static get singleRegex(){return/^\^(.*)$/}search(t){const e=t.startsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,this.pattern.length-1]}}}class Q extends D{constructor(t){super(t)}static get type(){return"inverse-prefix-exact"}static get multiRegex(){return/^!\^"(.*)"$/}static get singleRegex(){return/^!\^(.*)$/}search(t){const e=!t.startsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,t.length-1]}}}class X extends D{constructor(t){super(t)}static get type(){return"suffix-exact"}static get multiRegex(){return/^"(.*)"\$$/}static get singleRegex(){return/^(.*)\$$/}search(t){const e=t.endsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[t.length-this.pattern.length,t.length-1]}}}class Y extends D{constructor(t){super(t)}static get type(){return"inverse-suffix-exact"}static get multiRegex(){return/^!"(.*)"\$$/}static get singleRegex(){return/^!(.*)\$$/}search(t){const e=!t.endsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,t.length-1]}}}class Z extends D{constructor(t,{location:e=O.location,threshold:s=O.threshold,distance:i=O.distance,includeMatches:n=O.includeMatches,findAllMatches:r=O.findAllMatches,minMatchCharLength:c=O.minMatchCharLength,isCaseSensitive:o=O.isCaseSensitive,ignoreLocation:a=O.ignoreLocation}={}){super(t);this._bitapSearch=new B(t,{location:e,threshold:s,distance:i,includeMatches:n,findAllMatches:r,minMatchCharLength:c,isCaseSensitive:o,ignoreLocation:a})}static get type(){return"fuzzy"}static get multiRegex(){return/^"(.*)"$/}static get singleRegex(){return/^(.*)$/}search(t){return this._bitapSearch.searchIn(t)}}class tt extends D{constructor(t){super(t)}static get type(){return"include"}static get multiRegex(){return/^'"(.*)"$/}static get singleRegex(){return/^'(.*)$/}search(t){let e=0;let s;const i=[];const n=this.pattern.length;while((s=t.indexOf(this.pattern,e))>-1){e=s+n;i.push([s,e-1])}const r=!!i.length;return{isMatch:r,score:r?0:1,indices:i}}}const et=[V,tt,G,Q,Y,X,q,Z];const st=et.length;const it=/ +(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/;const nt="|";function rt(t,e={}){return t.split(nt).map((t=>{let s=t.trim().split(it).filter((t=>t&&!!t.trim()));let i=[];for(let t=0,n=s.length;t<n;t+=1){const n=s[t];let r=false;let c=-1;while(!r&&++c<st){const t=et[c];let s=t.isMultiMatch(n);if(s){i.push(new t(s,e));r=true}}if(r){continue}c=-1;while(++c<st){const t=et[c];let s=t.isSingleMatch(n);if(s){i.push(new t(s,e));break}}}return i}))}const ct=new Set([Z.type,tt.type]);class ot{constructor(t,{isCaseSensitive:e=O.isCaseSensitive,includeMatches:s=O.includeMatches,minMatchCharLength:i=O.minMatchCharLength,ignoreLocation:n=O.ignoreLocation,findAllMatches:r=O.findAllMatches,location:c=O.location,threshold:o=O.threshold,distance:a=O.distance}={}){this.query=null;this.options={isCaseSensitive:e,includeMatches:s,minMatchCharLength:i,findAllMatches:r,ignoreLocation:n,location:c,threshold:o,distance:a};this.pattern=e?t:t.toLowerCase();this.query=rt(this.pattern,this.options)}static condition(t,e){return e.useExtendedSearch}searchIn(t){const e=this.query;if(!e){return{isMatch:false,score:1}}const{includeMatches:s,isCaseSensitive:i}=this.options;t=i?t:t.toLowerCase();let n=0;let r=[];let c=0;for(let i=0,o=e.length;i<o;i+=1){const o=e[i];r.length=0;n=0;for(let e=0,i=o.length;e<i;e+=1){const i=o[e];const{isMatch:a,indices:l,score:h}=i.search(t);if(a){n+=1;c+=h;if(s){const t=i.constructor.type;if(ct.has(t)){r=[...r,...l]}else{r.push(l)}}}else{c=0;n=0;r.length=0;break}}if(n){let t={isMatch:true,score:c/n};if(s){t.indices=r}return t}}return{isMatch:false,score:1}}}const at=[];function lt(...t){at.push(...t)}function ht(t,e){for(let s=0,i=at.length;s<i;s+=1){let i=at[s];if(i.condition(t,e)){return new i(t,e)}}return new B(t,e)}const ut={AND:"$and",OR:"$or"};const ft={PATH:"$path",PATTERN:"$val"};const dt=t=>!!(t[ut.AND]||t[ut.OR]);const gt=t=>!!t[ft.PATH];const mt=t=>!r(t)&&f(t)&&!dt(t);const Mt=t=>({[ut.AND]:Object.keys(t).map((e=>({[e]:t[e]})))});function pt(t,e,{auto:s=true}={}){const i=t=>{let n=Object.keys(t);const c=gt(t);if(!c&&n.length>1&&!dt(t)){return i(Mt(t))}if(mt(t)){const i=c?t[ft.PATH]:n[0];const r=c?t[ft.PATTERN]:t[i];if(!l(r)){throw new Error(v(i))}const o={keyId:S(i),pattern:r};if(s){o.searcher=ht(r,e)}return o}let o={children:[],operator:n[0]};n.forEach((e=>{const s=t[e];if(r(s)){s.forEach((t=>{o.children.push(i(t))}))}}));return o};if(!dt(t)){t=Mt(t)}return i(t)}function xt(t,{ignoreFieldNorm:e=O.ignoreFieldNorm}){t.forEach((t=>{let s=1;t.matches.forEach((({key:t,norm:i,score:n})=>{const r=t?t.weight:null;s*=Math.pow(n===0&&r?Number.EPSILON:n,(r||1)*(e?1:i))}));t.score=s}))}function vt(t,e){const s=t.matches;e.matches=[];if(!g(s)){return}s.forEach((t=>{if(!g(t.indices)||!t.indices.length){return}const{indices:s,value:i}=t;let n={indices:s,value:i};if(t.key){n.key=t.key.src}if(t.idx>-1){n.refIndex=t.idx}e.matches.push(n)}))}function yt(t,e){e.score=t.score}function wt(t,e,{includeMatches:s=O.includeMatches,includeScore:i=O.includeScore}={}){const n=[];if(s)n.push(vt);if(i)n.push(yt);return t.map((t=>{const{idx:s}=t;const i={item:e[s],refIndex:s};if(n.length){n.forEach((e=>{e(t,i)}))}return i}))}class Lt{constructor(t,e={},s){this.options={...O,...e};if(this.options.useExtendedSearch&&!true){throw new Error(p)}this._keyStore=new $(this.options.keys);this.setCollection(t,s)}setCollection(t,e){this._docs=t;if(e&&!(e instanceof _)){throw new Error(x)}this._myIndex=e||W(this.options.keys,this._docs,{getFn:this.options.getFn,fieldNormWeight:this.options.fieldNormWeight})}add(t){if(!g(t)){return}this._docs.push(t);this._myIndex.add(t)}remove(t=(()=>false)){const e=[];for(let s=0,i=this._docs.length;s<i;s+=1){const n=this._docs[s];if(t(n,s)){this.removeAt(s);s-=1;i-=1;e.push(n)}}return e}removeAt(t){this._docs.splice(t,1);this._myIndex.removeAt(t)}getIndex(){return this._myIndex}search(t,{limit:e=-1}={}){const{includeMatches:s,includeScore:i,shouldSort:n,sortFn:r,ignoreFieldNorm:c}=this.options;let o=l(t)?l(this._docs[0])?this._searchStringList(t):this._searchObjectList(t):this._searchLogical(t);xt(o,{ignoreFieldNorm:c});if(n){o.sort(r)}if(h(e)&&e>-1){o=o.slice(0,e)}return wt(o,this._docs,{includeMatches:s,includeScore:i})}_searchStringList(t){const e=ht(t,this.options);const{records:s}=this._myIndex;const i=[];s.forEach((({v:t,i:s,n})=>{if(!g(t)){return}const{isMatch:r,score:c,indices:o}=e.searchIn(t);if(r){i.push({item:t,idx:s,matches:[{score:c,value:t,norm:n,indices:o}]})}}));return i}_searchLogical(t){const e=pt(t,this.options);const s=(t,e,i)=>{if(!t.children){const{keyId:s,searcher:n}=t;const r=this._findMatches({key:this._keyStore.get(s),value:this._myIndex.getValueForItemAtKeyId(e,s),searcher:n});if(r&&r.length){return[{idx:i,item:e,matches:r}]}return[]}const n=[];for(let r=0,c=t.children.length;r<c;r+=1){const c=t.children[r];const o=s(c,e,i);if(o.length){n.push(...o)}else if(t.operator===ut.AND){return[]}}return n};const i=this._myIndex.records;const n={};const r=[];i.forEach((({$:t,i})=>{if(g(t)){let c=s(e,t,i);if(c.length){if(!n[i]){n[i]={idx:i,item:t,matches:[]};r.push(n[i])}c.forEach((({matches:t})=>{n[i].matches.push(...t)}))}}}));return r}_searchObjectList(t){const e=ht(t,this.options);const{keys:s,records:i}=this._myIndex;const n=[];i.forEach((({$:t,i})=>{if(!g(t)){return}let r=[];s.forEach(((s,i)=>{r.push(...this._findMatches({key:s,value:t[i],searcher:e}))}));if(r.length){n.push({idx:i,item:t,matches:r})}}));return n}_findMatches({key:t,value:e,searcher:s}){if(!g(e)){return[]}let i=[];if(r(e)){e.forEach((({v:e,i:n,n:r})=>{if(!g(e)){return}const{isMatch:c,score:o,indices:a}=s.searchIn(e);if(c){i.push({score:o,key:t,value:e,idx:n,norm:r,indices:a})}}))}else{const{v:n,n:r}=e;const{isMatch:c,score:o,indices:a}=s.searchIn(n);if(c){i.push({score:o,key:t,value:n,norm:r,indices:a})}}return i}}Lt.version="6.6.2";Lt.createIndex=W;Lt.parseIndex=z;Lt.config=O;{Lt.parseQuery=pt}{lt(ot)}const bt=".sc-road-select-filter-h{--margin-top:3rem;position:relative;display:block}.select-filter-list.sc-road-select-filter{position:absolute;top:var(--margin-top);z-index:2;width:100%;max-height:16rem;padding:0;margin:0;overflow-y:scroll;font-family:var(--road-font, sans-serif);font-size:1rem;color:var(--road-on-surface);list-style-type:none;background:var(--road-surface);border-radius:0 0 0.25rem 0.25rem;box-shadow:var(--road-elevation-low)}.select-filter-list.not-active.sc-road-select-filter{opacity:0}.select-filter-item.sc-road-select-filter{display:flex;align-items:center;padding:0.75rem 1rem;cursor:pointer}.select-filter-item.active.sc-road-select-filter{outline:1px solid var(--road-input-outline-variant)}.select-filter-item.sc-road-select-filter:hover,.select-filter-item.sc-road-select-filter:focus,.select-filter-item.highlight.sc-road-select-filter{color:var(--road-on-primary);background:var(--road-primary)}";const $t=bt;const kt=class{constructor(s){t(this,s);this.roadselected=e(this,"roadselected",7);this.roadSelected=e(this,"roadSelected",7);this.isOpen=false;this.currentValue="";this.activeIndex=-1;this.options=[];this.parameters={keys:["value","label"],threshold:.3,ignoreLocation:true};this.isActive=false;this.onlySelect=true;this.onClick=(t,e)=>{this.el.querySelector("road-input").value=e;if(document.getElementsByClassName("phone-number-label-icon").length>0){this.el.querySelector("road-icon").name="flag-"+e}this.isOpen=false;this.roadselected.emit({value:t.toString(),label:e});this.roadSelected.emit({value:t.toString(),label:e});this.activeIndex=-1};this.handleOptionMouseOver=t=>{this.activeIndex=t};this.handleOptionClick=(t,e)=>{this.onClick(t,e)};this.handleMouseLeave=()=>{this.activeIndex=-1}}handleFocus(){this.isOpen=true;this.isActive=true}handleBlur(){this.isActive=false}handleChange(t){this.currentValue=t.detail.value.toLowerCase()}onClickOutside(t){if(this.isOpen&&!this.el.contains(t.target)){this.isOpen=false;this.isActive=false;const t=this.el.querySelector("road-input").value;if(this.onlySelect&&!this.options.some((e=>e["label"]===t))){this.el.querySelector("road-input").value=""}}}handleKeydown(t){if(this.isOpen){if(t.key==="ArrowDown"){t.preventDefault();this.activeIndex=(this.activeIndex+1)%this.filteredOptions.length}else if(t.key==="ArrowUp"){t.preventDefault();this.activeIndex=(this.activeIndex-1+this.filteredOptions.length)%this.filteredOptions.length}else if(t.key==="Enter"){t.preventDefault();const e=this.filteredOptions[this.activeIndex];if(e){this.onClick(e.item.value,e.item.label)}}else if(t.key==="Escape"){t.preventDefault();this.isOpen=false;this.isActive=false}}}get filteredOptions(){const t=new Lt(this.options,this.parameters);return this.currentValue===""?this.options.map(((t,e)=>({item:t,score:1,refIndex:e}))):t.search(this.currentValue)}render(){const t=this.filteredOptions;const e=this.isActive?"true":"false";const n=this.isActive?"":"not-active";return s(i,{key:"4443cee3d13ade9d17d364aa112f7d13ac9a27d1","is-active":e},s("slot",{key:"ed15841a9e665154f9988f76e8ac56c1788fd750"}),this.isOpen&&s("ul",{key:"4ab28fd0fb00759e86e30fe14ded0de207dfde7c",class:`${n} select-filter-list`,role:"listbox",onMouseLeave:this.handleMouseLeave},t.map(((t,e)=>s("li",{class:`select-filter-item ${this.activeIndex===e?"active":""}`,role:"option","aria-selected":this.activeIndex===e?"true":"false",onClick:()=>this.handleOptionClick(t.item.value,t.item.label.replace(/(<([^>]+)>)/gi,"")),onMouseOver:()=>this.handleOptionMouseOver(e),innerHTML:t.item.label,tabindex:this.activeIndex===e?0:-1})))))}get el(){return n(this)}};kt.style=$t;export{kt as road_select_filter};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as e,h as s,H as i,a as n}from"./p-d7aae05d.js";function r(t){return!Array.isArray?M(t)==="[object Array]":Array.isArray(t)}const c=1/0;function o(t){if(typeof t=="string"){return t}let e=t+"";return e=="0"&&1/t==-c?"-0":e}function a(t){return t==null?"":o(t)}function l(t){return typeof t==="string"}function h(t){return typeof t==="number"}function u(t){return t===true||t===false||d(t)&&M(t)=="[object Boolean]"}function f(t){return typeof t==="object"}function d(t){return f(t)&&t!==null}function g(t){return t!==undefined&&t!==null}function m(t){return!t.trim().length}function M(t){return t==null?t===undefined?"[object Undefined]":"[object Null]":Object.prototype.toString.call(t)}const p="Extended search is not available";const x="Incorrect 'index' type";const v=t=>`Invalid value for key ${t}`;const y=t=>`Pattern length exceeds max of ${t}.`;const w=t=>`Missing ${t} property in key`;const L=t=>`Property 'weight' in key '${t}' must be a positive integer`;const b=Object.prototype.hasOwnProperty;class ${constructor(t){this._keys=[];this._keyMap={};let e=0;t.forEach((t=>{let s=k(t);e+=s.weight;this._keys.push(s);this._keyMap[s.id]=s;e+=s.weight}));this._keys.forEach((t=>{t.weight/=e}))}get(t){return this._keyMap[t]}keys(){return this._keys}toJSON(){return JSON.stringify(this._keys)}}function k(t){let e=null;let s=null;let i=null;let n=1;let c=null;if(l(t)||r(t)){i=t;e=A(t);s=S(t)}else{if(!b.call(t,"name")){throw new Error(w("name"))}const r=t.name;i=r;if(b.call(t,"weight")){n=t.weight;if(n<=0){throw new Error(L(r))}}e=A(r);s=S(r);c=t.getFn}return{path:e,id:s,weight:n,src:i,getFn:c}}function A(t){return r(t)?t:t.split(".")}function S(t){return r(t)?t.join("."):t}function C(t,e){let s=[];let i=false;const n=(t,e,c)=>{if(!g(t)){return}if(!e[c]){s.push(t)}else{let o=e[c];const f=t[o];if(!g(f)){return}if(c===e.length-1&&(l(f)||h(f)||u(f))){s.push(a(f))}else if(r(f)){i=true;for(let t=0,s=f.length;t<s;t+=1){n(f[t],e,c+1)}}else if(e.length){n(f,e,c+1)}}};n(t,l(e)?e.split("."):e,0);return i?s:s[0]}const R={includeMatches:false,findAllMatches:false,minMatchCharLength:1};const N={isCaseSensitive:false,includeScore:false,keys:[],shouldSort:true,sortFn:(t,e)=>t.score===e.score?t.idx<e.idx?-1:1:t.score<e.score?-1:1};const F={location:0,threshold:.6,distance:100};const I={useExtendedSearch:false,getFn:C,ignoreLocation:false,ignoreFieldNorm:false,fieldNormWeight:1};var O={...N,...R,...F,...I};const j=/[^ ]+/g;function E(t=1,e=3){const s=new Map;const i=Math.pow(10,e);return{get(e){const n=e.match(j).length;if(s.has(n)){return s.get(n)}const r=1/Math.pow(n,.5*t);const c=parseFloat(Math.round(r*i)/i);s.set(n,c);return c},clear(){s.clear()}}}class _{constructor({getFn:t=O.getFn,fieldNormWeight:e=O.fieldNormWeight}={}){this.norm=E(e,3);this.getFn=t;this.isCreated=false;this.setIndexRecords()}setSources(t=[]){this.docs=t}setIndexRecords(t=[]){this.records=t}setKeys(t=[]){this.keys=t;this._keysMap={};t.forEach(((t,e)=>{this._keysMap[t.id]=e}))}create(){if(this.isCreated||!this.docs.length){return}this.isCreated=true;if(l(this.docs[0])){this.docs.forEach(((t,e)=>{this._addString(t,e)}))}else{this.docs.forEach(((t,e)=>{this._addObject(t,e)}))}this.norm.clear()}add(t){const e=this.size();if(l(t)){this._addString(t,e)}else{this._addObject(t,e)}}removeAt(t){this.records.splice(t,1);for(let e=t,s=this.size();e<s;e+=1){this.records[e].i-=1}}getValueForItemAtKeyId(t,e){return t[this._keysMap[e]]}size(){return this.records.length}_addString(t,e){if(!g(t)||m(t)){return}let s={v:t,i:e,n:this.norm.get(t)};this.records.push(s)}_addObject(t,e){let s={i:e,$:{}};this.keys.forEach(((e,i)=>{let n=e.getFn?e.getFn(t):this.getFn(t,e.path);if(!g(n)){return}if(r(n)){let t=[];const e=[{nestedArrIndex:-1,value:n}];while(e.length){const{nestedArrIndex:s,value:i}=e.pop();if(!g(i)){continue}if(l(i)&&!m(i)){let e={v:i,i:s,n:this.norm.get(i)};t.push(e)}else if(r(i)){i.forEach(((t,s)=>{e.push({nestedArrIndex:s,value:t})}))}else;}s.$[i]=t}else if(l(n)&&!m(n)){let t={v:n,n:this.norm.get(n)};s.$[i]=t}}));this.records.push(s)}toJSON(){return{keys:this.keys,records:this.records}}}function W(t,e,{getFn:s=O.getFn,fieldNormWeight:i=O.fieldNormWeight}={}){const n=new _({getFn:s,fieldNormWeight:i});n.setKeys(t.map(k));n.setSources(e);n.create();return n}function z(t,{getFn:e=O.getFn,fieldNormWeight:s=O.fieldNormWeight}={}){const{keys:i,records:n}=t;const r=new _({getFn:e,fieldNormWeight:s});r.setKeys(i);r.setIndexRecords(n);return r}function P(t,{errors:e=0,currentLocation:s=0,expectedLocation:i=0,distance:n=O.distance,ignoreLocation:r=O.ignoreLocation}={}){const c=e/t.length;if(r){return c}const o=Math.abs(i-s);if(!n){return o?1:c}return c+o/n}function T(t=[],e=O.minMatchCharLength){let s=[];let i=-1;let n=-1;let r=0;for(let c=t.length;r<c;r+=1){let c=t[r];if(c&&i===-1){i=r}else if(!c&&i!==-1){n=r-1;if(n-i+1>=e){s.push([i,n])}i=-1}}if(t[r-1]&&r-i>=e){s.push([i,r-1])}return s}const H=32;function J(t,e,s,{location:i=O.location,distance:n=O.distance,threshold:r=O.threshold,findAllMatches:c=O.findAllMatches,minMatchCharLength:o=O.minMatchCharLength,includeMatches:a=O.includeMatches,ignoreLocation:l=O.ignoreLocation}={}){if(e.length>H){throw new Error(y(H))}const h=e.length;const u=t.length;const f=Math.max(0,Math.min(i,u));let d=r;let g=f;const m=o>1||a;const M=m?Array(u):[];let p;while((p=t.indexOf(e,g))>-1){let t=P(e,{currentLocation:p,expectedLocation:f,distance:n,ignoreLocation:l});d=Math.min(t,d);g=p+h;if(m){let t=0;while(t<h){M[p+t]=1;t+=1}}}g=-1;let x=[];let v=1;let w=h+u;const L=1<<h-1;for(let i=0;i<h;i+=1){let r=0;let o=w;while(r<o){const t=P(e,{errors:i,currentLocation:f+o,expectedLocation:f,distance:n,ignoreLocation:l});if(t<=d){r=o}else{w=o}o=Math.floor((w-r)/2+r)}w=o;let a=Math.max(1,f-o+1);let p=c?u:Math.min(f+o,u)+h;let y=Array(p+2);y[p+1]=(1<<i)-1;for(let r=p;r>=a;r-=1){let c=r-1;let o=s[t.charAt(c)];if(m){M[c]=+!!o}y[r]=(y[r+1]<<1|1)&o;if(i){y[r]|=(x[r+1]|x[r])<<1|1|x[r+1]}if(y[r]&L){v=P(e,{errors:i,currentLocation:c,expectedLocation:f,distance:n,ignoreLocation:l});if(v<=d){d=v;g=c;if(g<=f){break}a=Math.max(1,2*f-g)}}}const b=P(e,{errors:i+1,currentLocation:f,expectedLocation:f,distance:n,ignoreLocation:l});if(b>d){break}x=y}const b={isMatch:g>=0,score:Math.max(.001,v)};if(m){const t=T(M,o);if(!t.length){b.isMatch=false}else if(a){b.indices=t}}return b}function K(t){let e={};for(let s=0,i=t.length;s<i;s+=1){const n=t.charAt(s);e[n]=(e[n]||0)|1<<i-s-1}return e}class B{constructor(t,{location:e=O.location,threshold:s=O.threshold,distance:i=O.distance,includeMatches:n=O.includeMatches,findAllMatches:r=O.findAllMatches,minMatchCharLength:c=O.minMatchCharLength,isCaseSensitive:o=O.isCaseSensitive,ignoreLocation:a=O.ignoreLocation}={}){this.options={location:e,threshold:s,distance:i,includeMatches:n,findAllMatches:r,minMatchCharLength:c,isCaseSensitive:o,ignoreLocation:a};this.pattern=o?t:t.toLowerCase();this.chunks=[];if(!this.pattern.length){return}const l=(t,e)=>{this.chunks.push({pattern:t,alphabet:K(t),startIndex:e})};const h=this.pattern.length;if(h>H){let t=0;const e=h%H;const s=h-e;while(t<s){l(this.pattern.substr(t,H),t);t+=H}if(e){const t=h-H;l(this.pattern.substr(t),t)}}else{l(this.pattern,0)}}searchIn(t){const{isCaseSensitive:e,includeMatches:s}=this.options;if(!e){t=t.toLowerCase()}if(this.pattern===t){let e={isMatch:true,score:0};if(s){e.indices=[[0,t.length-1]]}return e}const{location:i,distance:n,threshold:r,findAllMatches:c,minMatchCharLength:o,ignoreLocation:a}=this.options;let l=[];let h=0;let u=false;this.chunks.forEach((({pattern:e,alphabet:f,startIndex:d})=>{const{isMatch:g,score:m,indices:M}=J(t,e,f,{location:i+d,distance:n,threshold:r,findAllMatches:c,minMatchCharLength:o,includeMatches:s,ignoreLocation:a});if(g){u=true}h+=m;if(g&&M){l=[...l,...M]}}));let f={isMatch:u,score:u?h/this.chunks.length:1};if(u&&s){f.indices=l}return f}}class D{constructor(t){this.pattern=t}static isMultiMatch(t){return U(t,this.multiRegex)}static isSingleMatch(t){return U(t,this.singleRegex)}search(){}}function U(t,e){const s=t.match(e);return s?s[1]:null}class V extends D{constructor(t){super(t)}static get type(){return"exact"}static get multiRegex(){return/^="(.*)"$/}static get singleRegex(){return/^=(.*)$/}search(t){const e=t===this.pattern;return{isMatch:e,score:e?0:1,indices:[0,this.pattern.length-1]}}}class q extends D{constructor(t){super(t)}static get type(){return"inverse-exact"}static get multiRegex(){return/^!"(.*)"$/}static get singleRegex(){return/^!(.*)$/}search(t){const e=t.indexOf(this.pattern);const s=e===-1;return{isMatch:s,score:s?0:1,indices:[0,t.length-1]}}}class G extends D{constructor(t){super(t)}static get type(){return"prefix-exact"}static get multiRegex(){return/^\^"(.*)"$/}static get singleRegex(){return/^\^(.*)$/}search(t){const e=t.startsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,this.pattern.length-1]}}}class Q extends D{constructor(t){super(t)}static get type(){return"inverse-prefix-exact"}static get multiRegex(){return/^!\^"(.*)"$/}static get singleRegex(){return/^!\^(.*)$/}search(t){const e=!t.startsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,t.length-1]}}}class X extends D{constructor(t){super(t)}static get type(){return"suffix-exact"}static get multiRegex(){return/^"(.*)"\$$/}static get singleRegex(){return/^(.*)\$$/}search(t){const e=t.endsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[t.length-this.pattern.length,t.length-1]}}}class Y extends D{constructor(t){super(t)}static get type(){return"inverse-suffix-exact"}static get multiRegex(){return/^!"(.*)"\$$/}static get singleRegex(){return/^!(.*)\$$/}search(t){const e=!t.endsWith(this.pattern);return{isMatch:e,score:e?0:1,indices:[0,t.length-1]}}}class Z extends D{constructor(t,{location:e=O.location,threshold:s=O.threshold,distance:i=O.distance,includeMatches:n=O.includeMatches,findAllMatches:r=O.findAllMatches,minMatchCharLength:c=O.minMatchCharLength,isCaseSensitive:o=O.isCaseSensitive,ignoreLocation:a=O.ignoreLocation}={}){super(t);this._bitapSearch=new B(t,{location:e,threshold:s,distance:i,includeMatches:n,findAllMatches:r,minMatchCharLength:c,isCaseSensitive:o,ignoreLocation:a})}static get type(){return"fuzzy"}static get multiRegex(){return/^"(.*)"$/}static get singleRegex(){return/^(.*)$/}search(t){return this._bitapSearch.searchIn(t)}}class tt extends D{constructor(t){super(t)}static get type(){return"include"}static get multiRegex(){return/^'"(.*)"$/}static get singleRegex(){return/^'(.*)$/}search(t){let e=0;let s;const i=[];const n=this.pattern.length;while((s=t.indexOf(this.pattern,e))>-1){e=s+n;i.push([s,e-1])}const r=!!i.length;return{isMatch:r,score:r?0:1,indices:i}}}const et=[V,tt,G,Q,Y,X,q,Z];const st=et.length;const it=/ +(?=(?:[^\"]*\"[^\"]*\")*[^\"]*$)/;const nt="|";function rt(t,e={}){return t.split(nt).map((t=>{let s=t.trim().split(it).filter((t=>t&&!!t.trim()));let i=[];for(let t=0,n=s.length;t<n;t+=1){const n=s[t];let r=false;let c=-1;while(!r&&++c<st){const t=et[c];let s=t.isMultiMatch(n);if(s){i.push(new t(s,e));r=true}}if(r){continue}c=-1;while(++c<st){const t=et[c];let s=t.isSingleMatch(n);if(s){i.push(new t(s,e));break}}}return i}))}const ct=new Set([Z.type,tt.type]);class ot{constructor(t,{isCaseSensitive:e=O.isCaseSensitive,includeMatches:s=O.includeMatches,minMatchCharLength:i=O.minMatchCharLength,ignoreLocation:n=O.ignoreLocation,findAllMatches:r=O.findAllMatches,location:c=O.location,threshold:o=O.threshold,distance:a=O.distance}={}){this.query=null;this.options={isCaseSensitive:e,includeMatches:s,minMatchCharLength:i,findAllMatches:r,ignoreLocation:n,location:c,threshold:o,distance:a};this.pattern=e?t:t.toLowerCase();this.query=rt(this.pattern,this.options)}static condition(t,e){return e.useExtendedSearch}searchIn(t){const e=this.query;if(!e){return{isMatch:false,score:1}}const{includeMatches:s,isCaseSensitive:i}=this.options;t=i?t:t.toLowerCase();let n=0;let r=[];let c=0;for(let i=0,o=e.length;i<o;i+=1){const o=e[i];r.length=0;n=0;for(let e=0,i=o.length;e<i;e+=1){const i=o[e];const{isMatch:a,indices:l,score:h}=i.search(t);if(a){n+=1;c+=h;if(s){const t=i.constructor.type;if(ct.has(t)){r=[...r,...l]}else{r.push(l)}}}else{c=0;n=0;r.length=0;break}}if(n){let t={isMatch:true,score:c/n};if(s){t.indices=r}return t}}return{isMatch:false,score:1}}}const at=[];function lt(...t){at.push(...t)}function ht(t,e){for(let s=0,i=at.length;s<i;s+=1){let i=at[s];if(i.condition(t,e)){return new i(t,e)}}return new B(t,e)}const ut={AND:"$and",OR:"$or"};const ft={PATH:"$path",PATTERN:"$val"};const dt=t=>!!(t[ut.AND]||t[ut.OR]);const gt=t=>!!t[ft.PATH];const mt=t=>!r(t)&&f(t)&&!dt(t);const Mt=t=>({[ut.AND]:Object.keys(t).map((e=>({[e]:t[e]})))});function pt(t,e,{auto:s=true}={}){const i=t=>{let n=Object.keys(t);const c=gt(t);if(!c&&n.length>1&&!dt(t)){return i(Mt(t))}if(mt(t)){const i=c?t[ft.PATH]:n[0];const r=c?t[ft.PATTERN]:t[i];if(!l(r)){throw new Error(v(i))}const o={keyId:S(i),pattern:r};if(s){o.searcher=ht(r,e)}return o}let o={children:[],operator:n[0]};n.forEach((e=>{const s=t[e];if(r(s)){s.forEach((t=>{o.children.push(i(t))}))}}));return o};if(!dt(t)){t=Mt(t)}return i(t)}function xt(t,{ignoreFieldNorm:e=O.ignoreFieldNorm}){t.forEach((t=>{let s=1;t.matches.forEach((({key:t,norm:i,score:n})=>{const r=t?t.weight:null;s*=Math.pow(n===0&&r?Number.EPSILON:n,(r||1)*(e?1:i))}));t.score=s}))}function vt(t,e){const s=t.matches;e.matches=[];if(!g(s)){return}s.forEach((t=>{if(!g(t.indices)||!t.indices.length){return}const{indices:s,value:i}=t;let n={indices:s,value:i};if(t.key){n.key=t.key.src}if(t.idx>-1){n.refIndex=t.idx}e.matches.push(n)}))}function yt(t,e){e.score=t.score}function wt(t,e,{includeMatches:s=O.includeMatches,includeScore:i=O.includeScore}={}){const n=[];if(s)n.push(vt);if(i)n.push(yt);return t.map((t=>{const{idx:s}=t;const i={item:e[s],refIndex:s};if(n.length){n.forEach((e=>{e(t,i)}))}return i}))}class Lt{constructor(t,e={},s){this.options={...O,...e};if(this.options.useExtendedSearch&&!true){throw new Error(p)}this._keyStore=new $(this.options.keys);this.setCollection(t,s)}setCollection(t,e){this._docs=t;if(e&&!(e instanceof _)){throw new Error(x)}this._myIndex=e||W(this.options.keys,this._docs,{getFn:this.options.getFn,fieldNormWeight:this.options.fieldNormWeight})}add(t){if(!g(t)){return}this._docs.push(t);this._myIndex.add(t)}remove(t=(()=>false)){const e=[];for(let s=0,i=this._docs.length;s<i;s+=1){const n=this._docs[s];if(t(n,s)){this.removeAt(s);s-=1;i-=1;e.push(n)}}return e}removeAt(t){this._docs.splice(t,1);this._myIndex.removeAt(t)}getIndex(){return this._myIndex}search(t,{limit:e=-1}={}){const{includeMatches:s,includeScore:i,shouldSort:n,sortFn:r,ignoreFieldNorm:c}=this.options;let o=l(t)?l(this._docs[0])?this._searchStringList(t):this._searchObjectList(t):this._searchLogical(t);xt(o,{ignoreFieldNorm:c});if(n){o.sort(r)}if(h(e)&&e>-1){o=o.slice(0,e)}return wt(o,this._docs,{includeMatches:s,includeScore:i})}_searchStringList(t){const e=ht(t,this.options);const{records:s}=this._myIndex;const i=[];s.forEach((({v:t,i:s,n})=>{if(!g(t)){return}const{isMatch:r,score:c,indices:o}=e.searchIn(t);if(r){i.push({item:t,idx:s,matches:[{score:c,value:t,norm:n,indices:o}]})}}));return i}_searchLogical(t){const e=pt(t,this.options);const s=(t,e,i)=>{if(!t.children){const{keyId:s,searcher:n}=t;const r=this._findMatches({key:this._keyStore.get(s),value:this._myIndex.getValueForItemAtKeyId(e,s),searcher:n});if(r&&r.length){return[{idx:i,item:e,matches:r}]}return[]}const n=[];for(let r=0,c=t.children.length;r<c;r+=1){const c=t.children[r];const o=s(c,e,i);if(o.length){n.push(...o)}else if(t.operator===ut.AND){return[]}}return n};const i=this._myIndex.records;const n={};const r=[];i.forEach((({$:t,i})=>{if(g(t)){let c=s(e,t,i);if(c.length){if(!n[i]){n[i]={idx:i,item:t,matches:[]};r.push(n[i])}c.forEach((({matches:t})=>{n[i].matches.push(...t)}))}}}));return r}_searchObjectList(t){const e=ht(t,this.options);const{keys:s,records:i}=this._myIndex;const n=[];i.forEach((({$:t,i})=>{if(!g(t)){return}let r=[];s.forEach(((s,i)=>{r.push(...this._findMatches({key:s,value:t[i],searcher:e}))}));if(r.length){n.push({idx:i,item:t,matches:r})}}));return n}_findMatches({key:t,value:e,searcher:s}){if(!g(e)){return[]}let i=[];if(r(e)){e.forEach((({v:e,i:n,n:r})=>{if(!g(e)){return}const{isMatch:c,score:o,indices:a}=s.searchIn(e);if(c){i.push({score:o,key:t,value:e,idx:n,norm:r,indices:a})}}))}else{const{v:n,n:r}=e;const{isMatch:c,score:o,indices:a}=s.searchIn(n);if(c){i.push({score:o,key:t,value:n,norm:r,indices:a})}}return i}}Lt.version="6.6.2";Lt.createIndex=W;Lt.parseIndex=z;Lt.config=O;{Lt.parseQuery=pt}{lt(ot)}const bt=".sc-road-select-filter-h{--margin-top:3rem;position:relative;display:block}.select-filter-list.sc-road-select-filter{position:absolute;top:var(--margin-top);z-index:2;width:100%;max-height:16rem;padding:0;margin:0;overflow-y:scroll;font-family:var(--road-font, sans-serif);font-size:1rem;color:var(--road-on-surface);list-style-type:none;background:var(--road-surface);border-radius:0 0 0.25rem 0.25rem;box-shadow:var(--road-elevation-low)}.select-filter-list.not-active.sc-road-select-filter{opacity:0}.select-filter-item.sc-road-select-filter{display:flex;align-items:center;padding:0.75rem 1rem;cursor:pointer}.select-filter-item.active.sc-road-select-filter{outline:1px solid var(--road-input-outline-variant)}.select-filter-item.sc-road-select-filter:hover,.select-filter-item.sc-road-select-filter:focus,.select-filter-item.highlight.sc-road-select-filter{color:var(--road-on-primary);background:var(--road-primary)}";const $t=bt;const kt=class{constructor(s){t(this,s);this.roadselected=e(this,"roadselected",7);this.roadSelected=e(this,"roadSelected",7);this.isOpen=false;this.currentValue="";this.activeIndex=-1;this.options=[];this.parameters={keys:["value","label"],threshold:.3,ignoreLocation:true};this.isActive=false;this.onlySelect=true;this.onClick=(t,e)=>{this.el.querySelector("road-input").value=e;if(document.getElementsByClassName("phone-number-label-icon").length>0){this.el.querySelector("road-icon").name="flag-"+e}this.isOpen=false;this.roadselected.emit({value:t.toString(),label:e});this.roadSelected.emit({value:t.toString(),label:e});this.activeIndex=-1};this.handleOptionMouseOver=t=>{this.activeIndex=t};this.handleOptionClick=(t,e)=>{this.onClick(t,e)};this.handleMouseLeave=()=>{this.activeIndex=-1}}handleFocus(){this.isOpen=true;this.isActive=true}handleBlur(){this.isActive=false}handleChange(t){this.currentValue=t.detail.value.toLowerCase()}onClickOutside(t){if(this.isOpen&&!this.el.contains(t.target)){this.isOpen=false;this.isActive=false;const t=this.el.querySelector("road-input").value;if(this.onlySelect&&!this.options.some((e=>e["label"]===t))){this.el.querySelector("road-input").value=""}}}handleKeydown(t){if(this.isOpen){if(t.key==="ArrowDown"){t.preventDefault();this.activeIndex=(this.activeIndex+1)%this.filteredOptions.length}else if(t.key==="ArrowUp"){t.preventDefault();this.activeIndex=(this.activeIndex-1+this.filteredOptions.length)%this.filteredOptions.length}else if(t.key==="Enter"){t.preventDefault();const e=this.filteredOptions[this.activeIndex];if(e){this.onClick(e.item.value,e.item.label)}}else if(t.key==="Escape"){t.preventDefault();this.isOpen=false;this.isActive=false}}}get filteredOptions(){const t=new Lt(this.options,this.parameters);return this.currentValue===""?this.options.map(((t,e)=>({item:t,score:1,refIndex:e}))):t.search(this.currentValue)}render(){const t=this.filteredOptions;const e=this.isActive?"true":"false";const n=this.isActive?"":"not-active";return s(i,{key:"ff1cb375e4108fbfe44f307ad6d00be4fec03430","is-active":e},s("slot",{key:"987d24b1f5ad17ef8a0e83e3165d1e137bf4d6e5"}),this.isOpen&&s("ul",{key:"41e10aed226c8131e4313ea33da1ea6c79969b80",class:`${n} select-filter-list`,role:"listbox",onMouseLeave:this.handleMouseLeave},t.map(((t,e)=>s("li",{class:`select-filter-item ${this.activeIndex===e?"active":""}`,role:"option","aria-selected":this.activeIndex===e?"true":"false",onClick:()=>this.handleOptionClick(t.item.value,t.item.label.replace(/(<([^>]+)>)/gi,"")),onMouseOver:()=>this.handleOptionMouseOver(e),innerHTML:t.item.label,tabindex:this.activeIndex===e?0:-1})))))}get el(){return n(this)}};kt.style=$t;export{kt as road_select_filter};
|
|
2
|
+
//# sourceMappingURL=p-6cde1247.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,c as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,c as t,h as e,H as r,a as o}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const s=":host{--tab-bar-background:var(--road-surface);--tab-color:var(--road-on-surface-weak);--tab-color-selected:var(--road-on-surface);--tab-underline-selected:var(--road-primary);--tab-background:var(--road-surface);--tab-background-hover:var(--road-surface-inverse);--tab-background-focused:var(--road-grey-70);display:flex;width:100%;margin:0;overflow:scroll;overflow-x:inherit;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-on-surface-weak);list-style:none;background:var(--tab-bar-background);border-bottom:1px solid var(--road-outline-weak);fill:currentColor;scrollbar-width:none}:host(::-webkit-scrollbar){display:none}:host(.tab-expand) ::slotted(road-tab-button){width:100%}:host(.tab-secondary) ::slotted(road-tab-button){--tab-underline-selected:var(--road-secondary)}:host(.tab-center){justify-content:center}";const d=s;const n=class{constructor(e){a(this,e);this.roadtabbarchanged=t(this,"roadtabbarchanged",7);this.roadTabBarChanged=t(this,"roadTabBarChanged",7);this.secondary=false;this.expand=false;this.center=false}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadtabbarchanged.emit({tab:this.selectedTab});this.roadTabBarChanged.emit({tab:this.selectedTab})}}onTabButtonClick(a){this.selectedTab=a.detail.tab}componentWillLoad(){this.selectedTabChanged()}render(){const{expand:a,center:t,secondary:o}=this;return e(r,{key:"793bbb41d74e6e4dd0a7a5ee67b418fd59f61c7c",role:"tablist",class:{"tab-expand":a,"tab-center":t,"tab-secondary":o}},e("slot",{key:"4e2713a1a01ed7fcd8503a8231223d2793e8f808"}))}get el(){return o(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};n.style=d;export{n as road_tab_bar};
|
|
2
|
+
//# sourceMappingURL=p-6e65c377.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as r,h as e,H as i,a}from"./p-d7aae05d.js";const o=":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:2.5rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-primary);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-surface);border-top:1px solid var(--road-primary);border-bottom:1px solid var(--road-primary);border-left:1px solid var(--road-primary);border-radius:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:first-child){border:1px solid var(--road-primary);border-right:0;border-radius:999em 0 0 999em}:host(:last-child){border:1px solid var(--road-primary);border-radius:0 999em 999em 0}:host(.btn-sm){height:2rem;font-size:var(--road-button-small)}:host(.tab-selected){color:var(--road-primary-contrast);background-color:var(--road-primary)}:host(.tab-selected:hover){background-color:var(--road-button-primary-variant)}:host(:hover){background:var(--road-primary-90)}:host(.focus-visible){background:var(--road-primary-90);outline:auto}:host(.tab-selected.focus-visible){background-color:var(--road-button-primary-variant)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;max-height:2.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}";const n=o;const s=class{constructor(e){t(this,e);this.roadsegmentedbuttonclick=r(this,"roadsegmentedbuttonclick",7);this.roadSegmentedButtonClick=r(this,"roadSegmentedButtonClick",7);this.size="md";this.selected=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onButtonBarChanged(t){const r=t.target;const e=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(e)||r&&r.contains(this.el)){this.selected=this.tab===t.detail.tab}}selectTab(t){if(this.tab!==undefined){this.roadsegmentedbuttonclick.emit({tab:this.tab,selected:this.selected});this.roadSegmentedButtonClick.emit({tab:this.tab,selected:this.selected});t.preventDefault()}}get tabIndex(){const t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0}render(){const{tabIndex:t,selected:r,tab:a}=this;const o=this.size!==undefined?`btn-${this.size}`:"";return e(i,{key:"6433591d09a54719de64718201a2a51ad79ae28b",onClick:this.onClick,onKeyup:this.onKeyUp,role:"tab",tabindex:t,"aria-selected":r?"true":null,id:a!==undefined?`tab-button-${a}`:null,class:{"tab-selected":r,[`${o}`]:true}},e("span",{key:"f3e0bf769c686b17171afe0130ac5e4736aa2ff4",tabIndex:-1,class:"button-native",part:"native","aria-hidden":"true"},e("slot",{key:"496201687fa4e9138d1a817215c4c90255f7232c"})))}get el(){return a(this)}};s.style=n;export{s as road_segmented_button};
|
|
2
|
+
//# sourceMappingURL=p-6ef0a03b.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["segmentedButtonCss","RoadSegmentedButtonStyle0","SegmentedButton","constructor","hostRef","this","size","selected","onKeyUp","ev","key","selectTab","onClick","onButtonBarChanged","dispatchedFrom","target","parent","el","parentElement","composedPath","includes","contains","tab","detail","undefined","roadsegmentedbuttonclick","emit","roadSegmentedButtonClick","preventDefault","tabIndex","hasTabIndex","hasAttribute","getAttribute","render","sizeClass","h","Host","onKeyup","role","tabindex","id","class","part"],"sources":["src/components/segmented-button/segmented-button.css?tag=road-segmented-button&encapsulation=shadow","src/components/segmented-button/segmented-button.tsx"],"sourcesContent":["/*\n * Tab button\n */\n\n\n/* BUTTON\n -------------------- */\n\n\n:host {\n --border-radius: 0.25rem;\n --font-size: var(--road-button-medium);\n --margin-bottom: 1rem;\n --padding-start: 1.5rem;\n --padding-end: 1.5rem;\n box-sizing: border-box;\n flex: 1;\n align-items: center;\n justify-content: center;\n max-height: 2.5rem;\n font-size: var(--road-button-medium);\n font-weight: 700;\n color: var(--road-primary);\n text-decoration: none;\n white-space: nowrap;\n vertical-align: middle;\n background-color: var(--road-surface);\n border-top: 1px solid var(--road-primary);\n border-bottom: 1px solid var(--road-primary);\n border-left: 1px solid var(--road-primary);\n border-radius: 0;\n transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n\n\n:host(:first-child){\n border: 1px solid var(--road-primary);\n border-right: 0;\n border-radius: 999em 0 0 999em;\n}\n\n:host(:last-child){\n border: 1px solid var(--road-primary);\n border-radius: 0 999em 999em 0;\n}\n\n/**\n * Small\n */\n\n:host(.btn-sm) {\n height: 2rem;\n font-size: var(--road-button-small);\n}\n\n/**\n * Active state\n */\n\n:host(.tab-selected) {\n color: var(--road-primary-contrast);\n background-color: var(--road-primary);\n}\n\n:host(.tab-selected:hover) {\n background-color: var(--road-button-primary-variant);\n}\n\n\n/**\n * Hover state\n */\n\n:host(:hover) {\n background: var(--road-primary-90);\n}\n\n/**\n * Focus state\n */\n\n\n:host(.focus-visible) {\n background: var(--road-primary-90);\n outline: auto;\n}\n\n:host(.tab-selected.focus-visible){\n background-color: var(--road-button-primary-variant);\n}\n\n\n/* NATIVE\n -------------------- */\n\n.button-native {\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: inherit;\n align-items: inherit;\n justify-content: inherit;\n width: 100%;\n height: 100%;\n max-height: 2.5rem;\n padding: 0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);\n margin: 0;\n overflow: hidden;\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n color: inherit;\n text-align: inherit;\n text-decoration: none;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n letter-spacing: inherit;\n white-space: inherit;\n cursor: pointer;\n background: transparent;\n -webkit-user-drag: none;\n border-color: initial;\n border-style: initial;\n border-width: 0;\n border-radius: inherit;\n border-image: initial;\n outline: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, h } from '@stencil/core';\n\n/**\n *\n * @part native - The native HTML anchor element that wraps all child elements.\n */\n\n@Component({\n tag: 'road-segmented-button',\n styleUrl: 'segmented-button.css',\n shadow: true,\n})\nexport class SegmentedButton {\n\n @Element() el!: HTMLRoadSegmentedButtonElement;\n\n /**\n * The Segmented buttons size.\n */\n @Prop() size?: 'sm' | 'md' = 'md';\n\n /**\n * The selected tab component\n */\n @Prop({ mutable: true }) selected = false;\n\n /**\n * A tab id must be provided for each `road-tab`. It's used internally to reference\n */\n @Prop() tab?: string;\n\n /**\n * Emitted when the tab bar is clicked\n * @internal\n */\n @Event() roadsegmentedbuttonclick!: EventEmitter;\n /** @internal */\n @Event() roadSegmentedButtonClick!: EventEmitter;\n\n @Listen('roadSegmentedButtonBarChanged', { target: 'window' })\n @Listen('roadSegmentedButtonbarchanged', { target: 'window' })\n onButtonBarChanged(ev: CustomEvent) {\n const dispatchedFrom = ev.target as HTMLElement;\n const parent = this.el.parentElement as EventTarget;\n\n if ((ev.composedPath && ev.composedPath().includes(parent)) || (dispatchedFrom && dispatchedFrom.contains(this.el))) {\n this.selected = this.tab === ev.detail.tab;\n }\n }\n\n private selectTab(ev: Event | KeyboardEvent) {\n if (this.tab !== undefined) {\n this.roadsegmentedbuttonclick.emit({\n tab: this.tab,\n selected: this.selected,\n });\n this.roadSegmentedButtonClick.emit({\n tab: this.tab,\n selected: this.selected,\n });\n\n ev.preventDefault();\n }\n }\n\n private get tabIndex() {\n const hasTabIndex = this.el.hasAttribute('tabindex');\n\n if (hasTabIndex) {\n return this.el.getAttribute('tabindex');\n }\n\n return 0;\n }\n\n private onKeyUp = (ev: KeyboardEvent) => {\n if (ev.key === 'Enter' || ev.key === ' ') {\n this.selectTab(ev);\n }\n };\n\n private onClick = (ev: Event) => {\n this.selectTab(ev);\n };\n\n render() {\n const { tabIndex, selected, tab } = this;\n\n const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';\n\n\n return (\n <Host\n onClick={this.onClick}\n onKeyup={this.onKeyUp}\n role=\"tab\"\n tabindex={tabIndex}\n aria-selected={selected ? 'true' : null}\n id={tab !== undefined ? `tab-button-${tab}` : null}\n class={{\n 'tab-selected': selected,\n [`${sizeClass}`]: true,\n }}\n >\n <span tabIndex={-1} class=\"button-native\" part=\"native\" aria-hidden=\"true\">\n <slot/>\n </span>\n </Host>\n );\n }\n}"],"mappings":"
|
|
1
|
+
{"version":3,"names":["segmentedButtonCss","RoadSegmentedButtonStyle0","SegmentedButton","constructor","hostRef","this","size","selected","onKeyUp","ev","key","selectTab","onClick","onButtonBarChanged","dispatchedFrom","target","parent","el","parentElement","composedPath","includes","contains","tab","detail","undefined","roadsegmentedbuttonclick","emit","roadSegmentedButtonClick","preventDefault","tabIndex","hasTabIndex","hasAttribute","getAttribute","render","sizeClass","h","Host","onKeyup","role","tabindex","id","class","part"],"sources":["src/components/segmented-button/segmented-button.css?tag=road-segmented-button&encapsulation=shadow","src/components/segmented-button/segmented-button.tsx"],"sourcesContent":["/*\n * Tab button\n */\n\n\n/* BUTTON\n -------------------- */\n\n\n:host {\n --border-radius: 0.25rem;\n --font-size: var(--road-button-medium);\n --margin-bottom: 1rem;\n --padding-start: 1.5rem;\n --padding-end: 1.5rem;\n box-sizing: border-box;\n flex: 1;\n align-items: center;\n justify-content: center;\n max-height: 2.5rem;\n font-size: var(--road-button-medium);\n font-weight: 700;\n color: var(--road-primary);\n text-decoration: none;\n white-space: nowrap;\n vertical-align: middle;\n background-color: var(--road-surface);\n border-top: 1px solid var(--road-primary);\n border-bottom: 1px solid var(--road-primary);\n border-left: 1px solid var(--road-primary);\n border-radius: 0;\n transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n\n\n:host(:first-child){\n border: 1px solid var(--road-primary);\n border-right: 0;\n border-radius: 999em 0 0 999em;\n}\n\n:host(:last-child){\n border: 1px solid var(--road-primary);\n border-radius: 0 999em 999em 0;\n}\n\n/**\n * Small\n */\n\n:host(.btn-sm) {\n height: 2rem;\n font-size: var(--road-button-small);\n}\n\n/**\n * Active state\n */\n\n:host(.tab-selected) {\n color: var(--road-primary-contrast);\n background-color: var(--road-primary);\n}\n\n:host(.tab-selected:hover) {\n background-color: var(--road-button-primary-variant);\n}\n\n\n/**\n * Hover state\n */\n\n:host(:hover) {\n background: var(--road-primary-90);\n}\n\n/**\n * Focus state\n */\n\n\n:host(.focus-visible) {\n background: var(--road-primary-90);\n outline: auto;\n}\n\n:host(.tab-selected.focus-visible){\n background-color: var(--road-button-primary-variant);\n}\n\n\n/* NATIVE\n -------------------- */\n\n.button-native {\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: inherit;\n align-items: inherit;\n justify-content: inherit;\n width: 100%;\n height: 100%;\n max-height: 2.5rem;\n padding: 0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);\n margin: 0;\n overflow: hidden;\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n color: inherit;\n text-align: inherit;\n text-decoration: none;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n letter-spacing: inherit;\n white-space: inherit;\n cursor: pointer;\n background: transparent;\n -webkit-user-drag: none;\n border-color: initial;\n border-style: initial;\n border-width: 0;\n border-radius: inherit;\n border-image: initial;\n outline: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, h } from '@stencil/core';\n\n/**\n *\n * @part native - The native HTML anchor element that wraps all child elements.\n */\n\n@Component({\n tag: 'road-segmented-button',\n styleUrl: 'segmented-button.css',\n shadow: true,\n})\nexport class SegmentedButton {\n\n @Element() el!: HTMLRoadSegmentedButtonElement;\n\n /**\n * The Segmented buttons size.\n */\n @Prop() size?: 'sm' | 'md' = 'md';\n\n /**\n * The selected tab component\n */\n @Prop({ mutable: true }) selected = false;\n\n /**\n * A tab id must be provided for each `road-tab`. It's used internally to reference\n */\n @Prop() tab?: string;\n\n /**\n * Emitted when the tab bar is clicked\n * @internal\n */\n @Event() roadsegmentedbuttonclick!: EventEmitter;\n /** @internal */\n @Event() roadSegmentedButtonClick!: EventEmitter;\n\n @Listen('roadSegmentedButtonBarChanged', { target: 'window' })\n @Listen('roadSegmentedButtonbarchanged', { target: 'window' })\n onButtonBarChanged(ev: CustomEvent) {\n const dispatchedFrom = ev.target as HTMLElement;\n const parent = this.el.parentElement as EventTarget;\n\n if ((ev.composedPath && ev.composedPath().includes(parent)) || (dispatchedFrom && dispatchedFrom.contains(this.el))) {\n this.selected = this.tab === ev.detail.tab;\n }\n }\n\n private selectTab(ev: Event | KeyboardEvent) {\n if (this.tab !== undefined) {\n this.roadsegmentedbuttonclick.emit({\n tab: this.tab,\n selected: this.selected,\n });\n this.roadSegmentedButtonClick.emit({\n tab: this.tab,\n selected: this.selected,\n });\n\n ev.preventDefault();\n }\n }\n\n private get tabIndex() {\n const hasTabIndex = this.el.hasAttribute('tabindex');\n\n if (hasTabIndex) {\n return this.el.getAttribute('tabindex');\n }\n\n return 0;\n }\n\n private onKeyUp = (ev: KeyboardEvent) => {\n if (ev.key === 'Enter' || ev.key === ' ') {\n this.selectTab(ev);\n }\n };\n\n private onClick = (ev: Event) => {\n this.selectTab(ev);\n };\n\n render() {\n const { tabIndex, selected, tab } = this;\n\n const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';\n\n\n return (\n <Host\n onClick={this.onClick}\n onKeyup={this.onKeyUp}\n role=\"tab\"\n tabindex={tabIndex}\n aria-selected={selected ? 'true' : null}\n id={tab !== undefined ? `tab-button-${tab}` : null}\n class={{\n 'tab-selected': selected,\n [`${sizeClass}`]: true,\n }}\n >\n <span tabIndex={-1} class=\"button-native\" part=\"native\" aria-hidden=\"true\">\n <slot/>\n </span>\n </Host>\n );\n }\n}"],"mappings":"2DAAA,MAAMA,EAAqB,i+DAC3B,MAAAC,EAAeD,E,MCWFE,EAAe,MAL5B,WAAAC,CAAAC,G,gJAYWC,KAAAC,KAAqB,KAKLD,KAAAE,SAAW,MAmD5BF,KAAAG,QAAWC,IACjB,GAAIA,EAAGC,MAAQ,SAAWD,EAAGC,MAAQ,IAAK,CACxCL,KAAKM,UAAUF,E,GAIXJ,KAAAO,QAAWH,IACjBJ,KAAKM,UAAUF,EAAG,C,CAzCpB,kBAAAI,CAAmBJ,GACjB,MAAMK,EAAiBL,EAAGM,OAC1B,MAAMC,EAASX,KAAKY,GAAGC,cAEvB,GAAKT,EAAGU,cAAgBV,EAAGU,eAAeC,SAASJ,IAAaF,GAAkBA,EAAeO,SAAShB,KAAKY,IAAM,CACnHZ,KAAKE,SAAWF,KAAKiB,MAAQb,EAAGc,OAAOD,G,EAInC,SAAAX,CAAUF,GAChB,GAAIJ,KAAKiB,MAAQE,UAAW,CAC1BnB,KAAKoB,yBAAyBC,KAAK,CACjCJ,IAAKjB,KAAKiB,IACVf,SAAUF,KAAKE,WAEjBF,KAAKsB,yBAAyBD,KAAK,CACjCJ,IAAKjB,KAAKiB,IACVf,SAAUF,KAAKE,WAGjBE,EAAGmB,gB,EAIP,YAAYC,GACV,MAAMC,EAAczB,KAAKY,GAAGc,aAAa,YAEzC,GAAID,EAAa,CACf,OAAOzB,KAAKY,GAAGe,aAAa,W,CAG9B,OAAO,C,CAaT,MAAAC,GACE,MAAMJ,SAAEA,EAAQtB,SAAEA,EAAQe,IAAEA,GAAQjB,KAEpC,MAAM6B,EAAY7B,KAAKC,OAASkB,UAAY,OAAOnB,KAAKC,OAAS,GAGjE,OACE6B,EAACC,EAAI,CAAA1B,IAAA,2CACHE,QAASP,KAAKO,QACdyB,QAAShC,KAAKG,QACd8B,KAAK,MACLC,SAAUV,EAAQ,gBACHtB,EAAW,OAAS,KACnCiC,GAAIlB,IAAQE,UAAY,cAAcF,IAAQ,KAC9CmB,MAAO,CACL,eAAgBlC,EAChB,CAAC,GAAG2B,KAAc,OAGpBC,EAAA,QAAAzB,IAAA,2CAAMmB,UAAW,EAAGY,MAAM,gBAAgBC,KAAK,SAAQ,cAAa,QAChEP,EAAA,QAAAzB,IAAA,8C","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as s,h as e,H as i,a as n}from"./p-d7aae05d.js";const a=":host{position:relative;display:block}";const r=a;const o=class{constructor(e){t(this,e);this.roadtabswillchange=s(this,"roadtabswillchange",3);this.roadTabsWillChange=s(this,"roadTabsWillChange",3);this.roadtabsdidchange=s(this,"roadtabsdidchange",3);this.roadTabsDidChange=s(this,"roadTabsDidChange",3);this.transitioning=false;this.onTabClicked=t=>{const{tab:s}=t.detail;this.select(s)}}async componentWillLoad(){const t=this.tabs;if(t.length>0){this.select(t[0])}}componentWillRender(){const t=this.el.querySelector("road-segmented-button-bar");if(t){const s=this.selectedTab?this.selectedTab.tab:undefined;t.selectedTab=s}}async select(t){const s=h(this.tabs,t);if(!this.shouldSwitch(s)){return false}await this.setActive(s);this.tabSwitch();return true}async getTab(t){return h(this.tabs,t)}getSelected(){return Promise.resolve(this.selectedTab?this.selectedTab.tab:undefined)}setActive(t){if(this.transitioning){return Promise.reject("transitioning already happening")}this.transitioning=true;this.leavingTab=this.selectedTab;this.selectedTab=t;this.roadTabsWillChange.emit({tab:t.tab});t.active=true;return Promise.resolve()}tabSwitch(){const t=this.selectedTab;const s=this.leavingTab;this.leavingTab=undefined;this.transitioning=false;if(!t){return}if(s!==t){if(s){s.active=false}this.roadTabsDidChange.emit({tab:t.tab})}}shouldSwitch(t){const s=this.selectedTab;return t!==undefined&&t!==s&&!this.transitioning}get tabs(){return Array.from(this.el.querySelectorAll("road-tab"))}render(){return e(i,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as s,h as e,H as i,a as n}from"./p-d7aae05d.js";const a=":host{position:relative;display:block}";const r=a;const o=class{constructor(e){t(this,e);this.roadtabswillchange=s(this,"roadtabswillchange",3);this.roadTabsWillChange=s(this,"roadTabsWillChange",3);this.roadtabsdidchange=s(this,"roadtabsdidchange",3);this.roadTabsDidChange=s(this,"roadTabsDidChange",3);this.transitioning=false;this.onTabClicked=t=>{const{tab:s}=t.detail;this.select(s)}}async componentWillLoad(){const t=this.tabs;if(t.length>0){this.select(t[0])}}componentWillRender(){const t=this.el.querySelector("road-segmented-button-bar");if(t){const s=this.selectedTab?this.selectedTab.tab:undefined;t.selectedTab=s}}async select(t){const s=h(this.tabs,t);if(!this.shouldSwitch(s)){return false}await this.setActive(s);this.tabSwitch();return true}async getTab(t){return h(this.tabs,t)}getSelected(){return Promise.resolve(this.selectedTab?this.selectedTab.tab:undefined)}setActive(t){if(this.transitioning){return Promise.reject("transitioning already happening")}this.transitioning=true;this.leavingTab=this.selectedTab;this.selectedTab=t;this.roadTabsWillChange.emit({tab:t.tab});t.active=true;return Promise.resolve()}tabSwitch(){const t=this.selectedTab;const s=this.leavingTab;this.leavingTab=undefined;this.transitioning=false;if(!t){return}if(s!==t){if(s){s.active=false}this.roadTabsDidChange.emit({tab:t.tab})}}shouldSwitch(t){const s=this.selectedTab;return t!==undefined&&t!==s&&!this.transitioning}get tabs(){return Array.from(this.el.querySelectorAll("road-tab"))}render(){return e(i,{key:"0fe1c4ddf4b2d269ed66c456e411263d8de29c3f",onRoadSegmentedButtonClick:this.onTabClicked},e("slot",{key:"da756417993e0157ed3a7a4dda96abcdfc3d6c05",name:"top"}),e("slot",{key:"37678b31b482735d1a1cc5ed2c37f4a8d4d7ee4b"}))}get el(){return n(this)}};const h=(t,s)=>{const e=typeof s==="string"?t.find((t=>t.tab===s)):s;if(!e){console.error(`tab with id: "${e}" does not exist`)}return e};o.style=r;export{o as road_segmented_buttons};
|
|
2
|
+
//# sourceMappingURL=p-780de42a.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,c as r,h as a}from"./p-d7aae05d.js";import{l as t}from"./p-db82e012.js";const o=".sc-road-plate-number-h{display:block}.plate-number.sc-road-plate-number{--margin-bottom:0}.plate-number-start.sc-road-plate-number,.plate-number-end.sc-road-plate-number{width:1.75rem;height:calc(3rem - 0.25rem);background:var(--road-info-50)}.input-group-prepend.sc-road-plate-number{margin-right:-1px}.input-group-prepend.sc-road-plate-number,.input-group-append.sc-road-plate-number{padding:0}.plate-number-start.sc-road-plate-number{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-right:0;margin-left:1px;color:var(--road-icon-inverse);border-radius:0.125rem 0 0 0.125rem}.plate-number-icon.sc-road-plate-number{width:1.25rem;height:1.25rem;color:#f3db53}.plate-number-location.sc-road-plate-number{font-size:var(--road-button-medium);font-weight:700}.plate-number-end.sc-road-plate-number{margin-right:1px;border-radius:0 0.125rem 0.125rem 0}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number{color:var(--road-on-danger-surface)}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-append.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-prepend.sc-road-plate-number{border-color:var(--road-danger-outline)}.plate-number-input.sc-road-plate-number{position:relative;display:block;height:3rem;margin:0;font-family:var(--road-font, sans-serif);font-size:var(--road-heading-04);font-weight:700;color:var(--road-on-surface);text-align:center;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0;box-shadow:none;appearance:none}.plate-number-input.sc-road-plate-number::placeholder{color:var(--road-on-surface-weak);opacity:1}.plate-number-input.sc-road-plate-number:disabled{color:var(--road-on-surface-disabled);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.plate-number-input.sc-road-plate-number:disabled~.input-group-prepend.sc-road-plate-number,.plate-number-input.sc-road-plate-number:disabled~.input-group-append.sc-road-plate-number{cursor:not-allowed;background:var(--road-surface-disabled)}@media (hover: hover){.plate-number-input.sc-road-plate-number:not(:disabled):not([readonly]):hover{border-color:var(--road-input-outline-variant)}}.plate-number-input.sc-road-plate-number:not([readonly]):focus{outline:auto}.motorbike-plate.sc-road-plate-number .plate-number-input.sc-road-plate-number{height:6rem;padding:0.75rem 1rem 0;resize:none;border-left:0}.motorbike-plate.sc-road-plate-number .input-group-prepend.sc-road-plate-number,.motorbike-plate.sc-road-plate-number .input-group-append.sc-road-plate-number{align-items:flex-start;height:6rem;padding:0}.motorbike-plate.sc-road-plate-number .plate-number-start.sc-road-plate-number{margin-top:1px;border-radius:0.125rem 0 0}.motorbike-plate.sc-road-plate-number .plate-number-end.sc-road-plate-number{margin-top:1px;border-radius:0 0.125rem 0 0}";const n=o;const l=class{constructor(a){e(this,a);this.roadinput=r(this,"roadinput",7);this.roadInput=r(this,"roadInput",7);this.roadchange=r(this,"roadchange",7);this.roadChange=r(this,"roadChange",7);this.roadblur=r(this,"roadblur",7);this.roadBlur=r(this,"roadBlur",7);this.roadfocus=r(this,"roadfocus",7);this.roadFocus=r(this,"roadFocus",7);this.countries=[{country:"FR",letter:"F",placeholder:"AT-857-YY"},{country:"BE",letter:"B",placeholder:"1-AAA-001"},{country:"IT",letter:"I",placeholder:"AT 814TX"},{country:"ES",letter:"E",placeholder:"9512 HVY"},{country:"PT",letter:"P",placeholder:"13 24 PZ"},{country:"PL",letter:"PL",placeholder:"GD 921KF"},{country:"AT",letter:"A",placeholder:"FF 10 FF"},{country:"DE",letter:"D",placeholder:"RA KL 8136"}];this.country="FR";this.disabled=false;this.readonly=false;this.value="";this.onInput=e=>{const r=e.target;if(r){r.value=r.value.toUpperCase()||""}this.roadinput.emit(e);this.roadInput.emit(e)};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()}}valueChanged(){this.roadchange.emit({value:this.value==null?this.value:this.value.toString()});this.roadChange.emit({value:this.value==null?this.value:this.value.toString()})}getValue(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()}render(){const e=this.getValue();const r=this.motorbike?"motorbike-plate":"";return a("road-input-group",{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,c as r,h as a}from"./p-d7aae05d.js";import{l as t}from"./p-db82e012.js";const o=".sc-road-plate-number-h{display:block}.plate-number.sc-road-plate-number{--margin-bottom:0}.plate-number-start.sc-road-plate-number,.plate-number-end.sc-road-plate-number{width:1.75rem;height:calc(3rem - 0.25rem);background:var(--road-info-50)}.input-group-prepend.sc-road-plate-number{margin-right:-1px}.input-group-prepend.sc-road-plate-number,.input-group-append.sc-road-plate-number{padding:0}.plate-number-start.sc-road-plate-number{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-right:0;margin-left:1px;color:var(--road-icon-inverse);border-radius:0.125rem 0 0 0.125rem}.plate-number-icon.sc-road-plate-number{width:1.25rem;height:1.25rem;color:#f3db53}.plate-number-location.sc-road-plate-number{font-size:var(--road-button-medium);font-weight:700}.plate-number-end.sc-road-plate-number{margin-right:1px;border-radius:0 0.125rem 0.125rem 0}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number{color:var(--road-on-danger-surface)}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-append.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-prepend.sc-road-plate-number{border-color:var(--road-danger-outline)}.plate-number-input.sc-road-plate-number{position:relative;display:block;height:3rem;margin:0;font-family:var(--road-font, sans-serif);font-size:var(--road-heading-04);font-weight:700;color:var(--road-on-surface);text-align:center;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0;box-shadow:none;appearance:none}.plate-number-input.sc-road-plate-number::placeholder{color:var(--road-on-surface-weak);opacity:1}.plate-number-input.sc-road-plate-number:disabled{color:var(--road-on-surface-disabled);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.plate-number-input.sc-road-plate-number:disabled~.input-group-prepend.sc-road-plate-number,.plate-number-input.sc-road-plate-number:disabled~.input-group-append.sc-road-plate-number{cursor:not-allowed;background:var(--road-surface-disabled)}@media (hover: hover){.plate-number-input.sc-road-plate-number:not(:disabled):not([readonly]):hover{border-color:var(--road-input-outline-variant)}}.plate-number-input.sc-road-plate-number:not([readonly]):focus{outline:auto}.motorbike-plate.sc-road-plate-number .plate-number-input.sc-road-plate-number{height:6rem;padding:0.75rem 1rem 0;resize:none;border-left:0}.motorbike-plate.sc-road-plate-number .input-group-prepend.sc-road-plate-number,.motorbike-plate.sc-road-plate-number .input-group-append.sc-road-plate-number{align-items:flex-start;height:6rem;padding:0}.motorbike-plate.sc-road-plate-number .plate-number-start.sc-road-plate-number{margin-top:1px;border-radius:0.125rem 0 0}.motorbike-plate.sc-road-plate-number .plate-number-end.sc-road-plate-number{margin-top:1px;border-radius:0 0.125rem 0 0}";const n=o;const l=class{constructor(a){e(this,a);this.roadinput=r(this,"roadinput",7);this.roadInput=r(this,"roadInput",7);this.roadchange=r(this,"roadchange",7);this.roadChange=r(this,"roadChange",7);this.roadblur=r(this,"roadblur",7);this.roadBlur=r(this,"roadBlur",7);this.roadfocus=r(this,"roadfocus",7);this.roadFocus=r(this,"roadFocus",7);this.countries=[{country:"FR",letter:"F",placeholder:"AT-857-YY"},{country:"BE",letter:"B",placeholder:"1-AAA-001"},{country:"IT",letter:"I",placeholder:"AT 814TX"},{country:"ES",letter:"E",placeholder:"9512 HVY"},{country:"PT",letter:"P",placeholder:"13 24 PZ"},{country:"PL",letter:"PL",placeholder:"GD 921KF"},{country:"AT",letter:"A",placeholder:"FF 10 FF"},{country:"DE",letter:"D",placeholder:"RA KL 8136"}];this.country="FR";this.disabled=false;this.readonly=false;this.value="";this.onInput=e=>{const r=e.target;if(r){r.value=r.value.toUpperCase()||""}this.roadinput.emit(e);this.roadInput.emit(e)};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()}}valueChanged(){this.roadchange.emit({value:this.value==null?this.value:this.value.toString()});this.roadChange.emit({value:this.value==null?this.value:this.value.toString()})}getValue(){return typeof this.value==="number"?this.value.toString():(this.value||"").toString()}render(){const e=this.getValue();const r=this.motorbike?"motorbike-plate":"";return a("road-input-group",{key:"28c30b625e2af365c0249677e44c7d0429763631",class:`plate-number plate-number-${this.country.toLowerCase()} ${r}`},a("label",{key:"70107849b6839becadfb8b5ef92a6111295bdb08",slot:"prepend",class:"input-group-prepend"},a("div",{key:"31ee9cd44c6fa9e0df1b610f342e4c7409ec10a0",class:"plate-number-start"},a("road-icon",{key:"0b9a9f14ebbae17cba9cd3dd2541ec0ea80c9108",class:"plate-number-icon",icon:t}),a("div",{key:"6ee7f8b160a21b6c9ae549f1979598f5bc3d5eb1",class:"plate-number-location","aria-label":this.country,role:"img"},this.countries.filter((e=>e.country===this.country))[0].letter))),this.motorbike?a("textarea",{class:"form-control plate-number-input mb-0",disabled:this.disabled,placeholder:this.placeholder!=null?this.placeholder:this.countries.filter((e=>e.country===this.country))[0].placeholder,readOnly:this.readonly,maxlength:"9",rows:2,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}):a("input",{class:"plate-number-input mb-0",disabled:this.disabled,placeholder:this.placeholder!=null?this.placeholder:this.countries.filter((e=>e.country===this.country))[0].placeholder,readOnly:this.readonly,value:e,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}),a("label",{key:"30b0898365b95e47c58b1ce349a224574f9b6939",slot:"append",class:"input-group-append"},a("div",{key:"022809f30f9dea2d7e2e5d18067f3c8cb5c7a72d",class:"plate-number-end"})))}static get watchers(){return{value:["valueChanged"]}}};l.style=n;export{l as road_plate_number};
|
|
2
|
+
//# sourceMappingURL=p-7d693464.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,c as e,h as o,H as i,a as t}from"./p-d7aae05d.js";import{a as d}from"./p-db82e012.js";const r=":host{--z-index:3;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-grey-900);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.modal-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateY(50px)}:host(.modal-open){visibility:visible !important;opacity:1}:host(.modal-open) .modal-dialog{transform:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;pointer-events:auto;background:var(--road-surface);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}@media (min-width: 768px){.modal-content{height:auto;border-radius:0.25rem}}.modal-header{display:flex;align-items:center;justify-content:flex-end;color:var(--road-on-header-surface);background:var(--road-header-surface)}.modal-header road-icon{color:var(--road-header-icon)}@media (min-width: 768px){.modal-header{border-radius:0.25rem 0.25rem 0 0}}.modal-header-inverse{color:var(--road-on-surface);background:none}.modal-header-inverse road-icon{color:var(--road-icon)}.modal-action,.modal-close{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:0;font-weight:700;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.modal-action~.modal-title,.modal-close~.modal-title{padding-left:0}.modal-action-left,.modal-close-left{margin-right:auto}.modal-title{display:flex;flex-grow:1;align-items:center;justify-content:center;height:3.5rem;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium);font-weight:400}.modal-body{padding:2.5rem 0.5rem;overflow-y:auto}.modal-header-inverse+.modal-body{padding-top:0}@media (min-width: 768px){.modal-body{max-height:86vh;padding-right:var(--road-spacing-06);padding-bottom:var(--road-spacing-06);padding-left:var(--road-spacing-06)}}";const n=r;const s=class{constructor(o){a(this,o);this.onClose=e(this,"close",7);this.maxWidth=696;this.isOpen=false;this.hasInverseHeader=false;this.hasCloseIcon=true;this.onClick=a=>{a.stopPropagation();a.preventDefault();this.close()}}async open(){this.isOpen=true}async close(){this.isOpen=false;this.el.addEventListener("transitionend",(()=>{this.onClose.emit()}),{once:true})}onEscape(a){if(a.key==="Escape"||a.key==="Esc"){this.close()}}componentDidLoad(){this.el.querySelectorAll('[data-dismiss="modal"]').forEach((a=>{a.addEventListener("click",(()=>this.close()))}))}render(){const a=this.isOpen?"modal-open":"";const e=this.hasInverseHeader?"modal-header-inverse":"";const t=this.hasCloseIcon?o("button",{type:"button",class:"modal-close",onClick:this.onClick,"aria-label":"Close"},o("road-icon",{icon:d,"aria-hidden":"true"})):"";return o(i,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,c as e,h as o,H as i,a as t}from"./p-d7aae05d.js";import{a as d}from"./p-db82e012.js";const r=":host{--z-index:3;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-grey-900);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;cursor:pointer;background:var(--road-overlay)}.modal-dialog{position:relative;width:100%;pointer-events:none;transition:transform 0.3s ease-out;transform:translateY(50px)}:host(.modal-open){visibility:visible !important;opacity:1}:host(.modal-open) .modal-dialog{transform:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;pointer-events:auto;background:var(--road-surface);background-clip:padding-box;box-shadow:var(--road-elevation-hight)}@media (min-width: 768px){.modal-content{height:auto;border-radius:0.25rem}}.modal-header{display:flex;align-items:center;justify-content:flex-end;color:var(--road-on-header-surface);background:var(--road-header-surface)}.modal-header road-icon{color:var(--road-header-icon)}@media (min-width: 768px){.modal-header{border-radius:0.25rem 0.25rem 0 0}}.modal-header-inverse{color:var(--road-on-surface);background:none}.modal-header-inverse road-icon{color:var(--road-icon)}.modal-action,.modal-close{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;padding:0;font-weight:700;color:inherit;cursor:pointer;background:transparent;border:0;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.modal-action~.modal-title,.modal-close~.modal-title{padding-left:0}.modal-action-left,.modal-close-left{margin-right:auto}.modal-title{display:flex;flex-grow:1;align-items:center;justify-content:center;height:3.5rem;padding-left:3.5rem;margin:0;font-size:var(--road-body-medium);font-weight:400}.modal-body{padding:2.5rem 0.5rem;overflow-y:auto}.modal-header-inverse+.modal-body{padding-top:0}@media (min-width: 768px){.modal-body{max-height:86vh;padding-right:var(--road-spacing-06);padding-bottom:var(--road-spacing-06);padding-left:var(--road-spacing-06)}}";const n=r;const s=class{constructor(o){a(this,o);this.onClose=e(this,"close",7);this.maxWidth=696;this.isOpen=false;this.hasInverseHeader=false;this.hasCloseIcon=true;this.onClick=a=>{a.stopPropagation();a.preventDefault();this.close()}}async open(){this.isOpen=true}async close(){this.isOpen=false;this.el.addEventListener("transitionend",(()=>{this.onClose.emit()}),{once:true})}onEscape(a){if(a.key==="Escape"||a.key==="Esc"){this.close()}}componentDidLoad(){this.el.querySelectorAll('[data-dismiss="modal"]').forEach((a=>{a.addEventListener("click",(()=>this.close()))}))}render(){const a=this.isOpen?"modal-open":"";const e=this.hasInverseHeader?"modal-header-inverse":"";const t=this.hasCloseIcon?o("button",{type:"button",class:"modal-close",onClick:this.onClick,"aria-label":"Close"},o("road-icon",{icon:d,"aria-hidden":"true"})):"";return o(i,{key:"dea7d12a7d711034e4bfbb57bd5ab17d0d2d0c64",class:`modal ${a}`,tabindex:"-1",role:"dialog","aria-label":"modal"},o("div",{key:"e3be54a36318d4a7942ac56477dccbc089b62d95",class:"modal-overlay",onClick:this.onClick,tabindex:"-1"}),o("div",{key:"34576fcfbe6ca5da7cb655969ac011d627c4a450",class:"modal-dialog",style:{maxWidth:`${this.maxWidth}px`},role:"document",tabindex:"0"},o("div",{key:"997ebcf1495edc6427595303fc87f77b31fa69c8",class:"modal-content"},o("header",{key:"0724f16b5f0deeeada144df5e0f5df9e61f1e94f",class:`modal-header ${e}`},o("h2",{key:"4ca7c0df3c5f39fcb4d0c18ef0d286d8131c75d2",class:"modal-title"},this.modalTitle),t),o("div",{key:"86a30cd070f946728373100e30e86914c9952699",class:"modal-body"},o("slot",{key:"2a80c579ec2784e0baee03e0d65d55ff626e541a"})))))}get el(){return t(this)}};s.style=n;export{s as road_modal};
|
|
2
|
+
//# sourceMappingURL=p-7ea16bfa.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as a,c as r,h as e,H as t}from"./p-d7aae05d.js";const o='.sc-road-textarea-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-control.sc-road-textarea{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;appearance:none}.form-control.sc-road-textarea::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-textarea:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:-ms-input-placeholder~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:not(:disabled):focus{border-color:var(--road-input-outline-variant)}.form-control.sc-road-textarea:disabled,.form-control[readonly].sc-road-textarea{color:var(--road-on-surface-weak);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.textarea-control.sc-road-textarea{height:auto;padding-top:1rem;padding-bottom:0.5rem;line-height:1.5}.textarea-control.no-resize.sc-road-textarea{resize:none}.form-label.sc-road-textarea{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0;width:95%;white-space:normal;overflow-wrap:break-word}.input-xl.sc-road-textarea-h{--height:3.5rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea{padding:1.5rem 1rem 0.5rem}.input-xl.sc-road-textarea-h .form-label.sc-road-textarea{top:1rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type="date"].sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type="time"].sc-road-textarea~.form-label.sc-road-textarea{width:100%;transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{width:100%;transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-textarea{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.form-control.is-invalid.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-textarea~.invalid-feedback.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid~.invalid-feedback.sc-road-textarea{display:block}.helper.sc-road-textarea{margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-surface-weak)}';const s=o;const i=class{constructor(e){a(this,e);this.roadinput=r(this,"roadinput",7);this.roadInput=r(this,"roadInput",7);this.roadchange=r(this,"roadchange",7);this.roadChange=r(this,"roadChange",7);this.roadblur=r(this,"roadblur",7);this.roadBlur=r(this,"roadBlur",7);this.roadfocus=r(this,"roadfocus",7);this.roadFocus=r(this,"roadFocus",7);this.textareaId=`road-textarea-${l++}`;this.autocapitalize="none";this.autofocus=false;this.disabled=false;this.name=this.textareaId;this.sizes="lg";this.readonly=false;this.required=false;this.spellcheck=false;this.resize=true;this.value="";this.label=`${this.textareaId}-label`;this.onInput=a=>{const r=a.target;if(r){this.value=r.value||""}this.roadinput.emit(a);this.roadInput.emit(a)};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()}}valueChanged(){this.roadchange.emit({value:this.value});this.roadChange.emit({value:this.value})}getValue(){return this.value||""}render(){const a=this.getValue();const r=this.textareaId+"-label";const o=this.value!==""?"has-value":"";const s=this.resize==false?"no-resize":"";const i=this.error!==undefined&&this.error!==""?"is-invalid":"";return e(t,{key:"c975447632482840e56666485cecf4713d1c758b","aria-disabled":this.disabled?"true":null,class:this.sizes&&`input-${this.sizes}`},e("textarea",{key:"de0054b753bf6d54722ee04e31d320a71d3a7c2f",class:`form-control textarea-control ${o} ${s} ${i}`,id:this.textareaId,"aria-disabled":this.disabled?"true":null,"aria-labelledby":r,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:a,spellcheck:this.spellcheck,cols:this.cols,rows:this.rows,wrap:this.wrap,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}),e("label",{key:"a9b5b3d50110501e54d55c65485b4cd71b18f0e3",class:"form-label",id:r,htmlFor:this.textareaId},this.label),this.error&&this.error!==""&&e("p",{key:"98af05a2b982faa261cd6330a267870bd0011e71",class:"invalid-feedback"},this.error),this.helper&&this.helper!==""&&e("p",{key:"5f37d2a87cb0f3c73e33efe9e301aab4a28b3041",class:"helper"},this.helper))}static get watchers(){return{value:["valueChanged"]}}};let l=0;i.style=s;export{i as road_textarea};
|
|
2
|
+
//# sourceMappingURL=p-80344aa2.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["textareaCss","RoadTextareaStyle0","Textarea","constructor","hostRef","this","textareaId","textareaIds","autocapitalize","autofocus","disabled","name","sizes","readonly","required","spellcheck","resize","value","label","onInput","ev","input","target","roadinput","emit","roadInput","onBlur","roadblur","roadBlur","onFocus","roadfocus","roadFocus","valueChanged","roadchange","roadChange","getValue","render","labelId","hasValueClass","noResizeClass","isInvalidClass","error","undefined","h","Host","key","class","id","autoCapitalize","autoFocus","enterKeyHint","enterkeyhint","inputMode","inputmode","maxLength","maxlength","minLength","minlength","placeholder","readOnly","cols","rows","wrap","htmlFor","helper"],"sources":["src/components/textarea/textarea.css?tag=road-textarea&encapsulation=scoped","src/components/textarea/textarea.tsx"],"sourcesContent":["/*\n * Textarea\n *\n * Index\n * - Input\n * - Textarea\n * - Label\n * - Sizes\n * - Error\n * - Helper\n */\n\n:host {\n position: relative;\n display: block;\n margin-bottom: 1rem;\n font-family: var(--road-font, sans-serif);\n color: var(--road-on-surface);\n}\n\n/* INPUT\n -------------------- */\n\n.form-control {\n box-sizing: border-box;\n display: block;\n width: 100%;\n height: 3rem;\n padding: 0.75rem 1rem 0;\n margin: 0;\n font-size: var(--road-body-medium);\n color: var(--road-on-surface);\n background: var(--road-surface);\n border: 1px solid var(--road-input-outline);\n border-radius: 0.25rem;\n box-shadow: none;\n appearance: none;\n}\n\n/**\n * Placeholder\n */\n\n.form-control::placeholder {\n color: var(--road-on-surface-extra-weak);\n opacity: 1;\n}\n\n/**\n * Hover state\n */\n\n@media (hover: hover) {\n\n .form-control:not(:disabled):hover {\n border-color: var(--road-input-outline-variant);\n }\n}\n\n/**\n * Focus state\n */\n\n.form-control:focus ~ .form-label,\n.form-control[required]:valid ~ .form-label,\n.form-control.has-value ~ .form-label {\n transform: scale(0.625) translateY(-0.625rem);\n}\n\n.form-control:placeholder-shown ~ .form-label {\n transform: scale(0.625) translateY(-0.625rem);\n}\n\n/* stylelint-disable */\n\n/* IE FIX */\n\n.form-control:-ms-input-placeholder ~ .form-label {\n transform: scale(0.625) translateY(-0.625rem);\n}\n/* stylelint-enable */\n\n.form-control:not(:disabled):focus {\n border-color: var(--road-input-outline-variant);\n}\n\n/**\n * Disabled state\n */\n\n.form-control:disabled,\n.form-control[readonly] {\n color: var(--road-on-surface-weak);\n cursor: not-allowed;\n background: var(--road-surface-disabled);\n opacity: 1;\n}\n\n/* TEXTAREA\n -------------------- */\n\n.textarea-control {\n height: auto;\n padding-top: 1rem;\n padding-bottom: 0.5rem;\n line-height: 1.5;\n}\n\n.textarea-control.no-resize {\n resize: none;\n}\n\n/* LABEL\n -------------------- */\n\n.form-label {\n position: absolute;\n top: 0.75rem;\n left: 1rem;\n display: block;\n font-size: var(--road-body-medium);\n line-height: 1.5;\n color: var(--road-on-surface-weak);\n pointer-events: none;\n transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;\n transform-origin: 0 0;\n width: 95%;\n white-space: normal;\n overflow-wrap: break-word;\n}\n\n/* SIZES\n -------------------- */\n\n:host(.input-xl) {\n --height: 3.5rem;\n}\n\n:host(.input-xl) .form-control {\n padding: 1.5rem 1rem 0.5rem;\n}\n\n:host(.input-xl) .form-label {\n top: 1rem;\n}\n\n:host(.input-xl) .form-control:focus ~ .form-label,\n:host(.input-xl) .form-control[required]:valid ~ .form-label,\n:host(.input-xl) .form-control.has-value ~ .form-label,\n:host(.input-xl) .form-control[type=\"date\"] ~ .form-label,\n:host(.input-xl) .form-control[type=\"time\"] ~ .form-label {\n width:100%;\n transform: scale(0.75) translateY(-0.625rem);\n}\n\n:host(.input-xl) .form-control:placeholder-shown ~ .form-label {\n width: 100%;\n transform: scale(0.75) translateY(-0.625rem);\n}\n\n\n/* ERROR\n -------------------- */\n\n.invalid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.5rem;\n font-size: var(--road-helper-medium);\n color: var(--road-on-danger-surface);\n}\n\n.form-control.is-invalid,\n.was-validated .form-control:invalid {\n border-color: var(--road-danger-outline);\n}\n\n.form-control.is-invalid ~ .invalid-feedback,\n.was-validated .form-control:invalid ~ .invalid-feedback {\n display: block;\n}\n\n/* HELPER\n -------------------- */\n\n.helper {\n margin-top: 0.5rem;\n font-size: var(--road-helper-medium);\n color: var(--road-on-surface-weak);\n}\n","import { Component, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'road-textarea',\n styleUrl: 'textarea.css',\n scoped: true,\n})\nexport class Textarea {\n\n /**\n * The id of textarea\n */\n @Prop() textareaId: string = `road-textarea-${textareaIds++}`;\n\n /**\n * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.\n */\n @Prop() autocapitalize: string = 'none';\n\n /**\n * This Boolean attribute lets you specify that a form control should have focus when the page loads.\n */\n @Prop() autofocus: boolean = false;\n\n /**\n * If `true`, the user cannot interact with the textarea.\n */\n @Prop() disabled: boolean = false;\n\n /**\n * A hint to the browser for which keyboard to display.\n * This attribute applies when the value of the type attribute is `\"text\"`, `\"password\"`, `\"email\"`, or `\"url\"`. Possible values are: `\"verbatim\"`, `\"latin\"`, `\"latin-name\"`, `\"latin-prose\"`, `\"full-width-latin\"`, `\"kana\"`, `\"katakana\"`, `\"numeric\"`, `\"tel\"`, `\"email\"`, `\"url\"`.\n */\n @Prop() inputmode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';\n\n /**\n * A hint to the browser for which enter key to display.\n * Possible values: `\"enter\"`, `\"done\"`, `\"go\"`, `\"next\"`,\n * `\"previous\"`, `\"search\"`, and `\"send\"`.\n */\n @Prop() enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';\n\n /**\n * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter.\n */\n @Prop() maxlength?: number;\n\n /**\n * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter.\n */\n @Prop() minlength?: number;\n\n /**\n * The name of the control, which is submitted with the form data.\n */\n @Prop() name: string = this.textareaId;\n\n /**\n * Instructional text that shows before the textarea has a value.\n */\n @Prop() placeholder?: string;\n\n /**\n * The sizes of the input.\n */\n @Prop() sizes: 'lg' | 'xl' = 'lg';\n\n /**\n * If `true`, the user cannot modify the value.\n */\n @Prop() readonly: boolean = false;\n\n /**\n * If `true`, the user must fill in a value before submitting a form.\n */\n @Prop() required: boolean = false;\n\n /**\n * If `true`, the element will have its spelling and grammar checked.\n */\n @Prop() spellcheck: boolean = false;\n\n /**\n * If `false`, to disabled resize.\n */\n @Prop() resize: boolean = true;\n\n /**\n * The visible width of the text control, in average character widths. If it is specified, it must be a positive integer.\n */\n @Prop() cols?: number;\n\n /**\n * The number of rows of the control.\n */\n @Prop() rows?: number;\n\n /**\n * Indicates how the control wraps text.\n */\n @Prop() wrap?: 'hard' | 'soft' | 'off';\n\n /**\n * The value of the textarea.\n */\n @Prop({ mutable: true }) value?: string | null = '';\n\n /**\n * Label for the field\n */\n @Prop() label: string = `${this.textareaId}-label`;\n\n /**\n * Error message for the field\n */\n @Prop() error?: string;\n\n /**\n * Helper message for the field\n */\n @Prop() helper?: string;\n\n /**\n * Update the native textarea element when the value changes\n */\n @Watch('value')\n protected valueChanged() {\n this.roadchange.emit({ value: this.value });\n this.roadChange.emit({ value: this.value });\n }\n\n /**\n * Emitted when a keyboard input occurred.\n */\n @Event() roadinput!: EventEmitter<KeyboardEvent>;\n /** @internal */\n @Event() roadInput!: EventEmitter<KeyboardEvent>;\n\n /**\n * Emitted when the value has changed.\n */\n @Event() roadchange!: EventEmitter<{\n value: string | undefined | null\n }>;\n /** @internal */\n @Event() roadChange!: EventEmitter<{\n value: string | undefined | null\n }>;\n\n /**\n * Emitted when the textarea loses focus.\n */\n @Event() roadblur!: EventEmitter<void>;\n /** @internal */\n @Event() roadBlur!: EventEmitter<void>;\n\n /**\n * Emitted when the textarea has focus.\n */\n @Event() roadfocus!: EventEmitter<void>;\n /** @internal */\n @Event() roadFocus!: EventEmitter<void>;\n\n private getValue(): string {\n return this.value || '';\n }\n\n private onInput = (ev: Event) => {\n const input = ev.target as HTMLInputElement | null;\n if (input) {\n this.value = input.value || '';\n }\n this.roadinput.emit(ev as KeyboardEvent);\n this.roadInput.emit(ev as KeyboardEvent);\n };\n\n private onBlur = () => {\n this.roadblur.emit();\n this.roadBlur.emit();\n };\n\n private onFocus = () => {\n this.roadfocus.emit();\n this.roadFocus.emit();\n };\n\n render() {\n const value = this.getValue();\n const labelId = this.textareaId + '-label';\n const hasValueClass = this.value !== '' ? 'has-value' : '';\n const noResizeClass = this.resize == false ? 'no-resize' : '';\n const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';\n\n return (\n <Host aria-disabled={this.disabled ? 'true' : null} class={this.sizes && `input-${this.sizes}`}>\n <textarea\n class={`form-control textarea-control ${hasValueClass} ${noResizeClass} ${isInvalidClass}`}\n id={this.textareaId}\n aria-disabled={this.disabled ? 'true' : null}\n aria-labelledby={labelId}\n disabled={this.disabled}\n autoCapitalize={this.autocapitalize}\n autoFocus={this.autofocus}\n enterKeyHint={this.enterkeyhint}\n inputMode={this.inputmode}\n maxLength={this.maxlength}\n minLength={this.minlength}\n name={this.name}\n placeholder={this.placeholder}\n readOnly={this.readonly}\n required={this.required}\n value={value}\n spellcheck={this.spellcheck}\n cols={this.cols}\n rows={this.rows}\n wrap={this.wrap}\n onInput={this.onInput}\n onBlur={this.onBlur}\n onFocus={this.onFocus}\n >\n </textarea>\n <label class=\"form-label\" id={labelId} htmlFor={this.textareaId}>{this.label}</label>\n {this.error && this.error !== '' && <p class=\"invalid-feedback\">{this.error}</p>}\n {this.helper && this.helper !== '' && <p class=\"helper\">{this.helper}</p>}\n </Host>\n );\n }\n\n}\n\nlet textareaIds = 0;\n"],"mappings":"yDAAA,MAAMA,EAAc,i5GACpB,MAAAC,EAAeD,E,MCMFE,EAAQ,MALrB,WAAAC,CAAAC,G,kTAUUC,KAAAC,WAAqB,iBAAiBC,MAKtCF,KAAAG,eAAyB,OAKzBH,KAAAI,UAAqB,MAKrBJ,KAAAK,SAAoB,MA4BpBL,KAAAM,KAAeN,KAAKC,WAUnBD,KAAAO,MAAqB,KAKtBP,KAAAQ,SAAoB,MAKpBR,KAAAS,SAAoB,MAKpBT,KAAAU,WAAsB,MAKpBV,KAAAW,OAAkB,KAoBHX,KAAAY,MAAwB,GAKzCZ,KAAAa,MAAgB,GAAGb,KAAKC,mBAyDxBD,KAAAc,QAAWC,IACjB,MAAMC,EAAQD,EAAGE,OACjB,GAAID,EAAO,CACThB,KAAKY,MAAQI,EAAMJ,OAAS,E,CAE9BZ,KAAKkB,UAAUC,KAAKJ,GACpBf,KAAKoB,UAAUD,KAAKJ,EAAoB,EAGlCf,KAAAqB,OAAS,KACfrB,KAAKsB,SAASH,OACdnB,KAAKuB,SAASJ,MAAM,EAGdnB,KAAAwB,QAAU,KAChBxB,KAAKyB,UAAUN,OACfnB,KAAK0B,UAAUP,MAAM,C,CAzDb,YAAAQ,GACR3B,KAAK4B,WAAWT,KAAK,CAAEP,MAAOZ,KAAKY,QACnCZ,KAAK6B,WAAWV,KAAK,CAAEP,MAAOZ,KAAKY,O,CAmC7B,QAAAkB,GACN,OAAO9B,KAAKY,OAAS,E,CAsBvB,MAAAmB,GACE,MAAMnB,EAAQZ,KAAK8B,WACnB,MAAME,EAAUhC,KAAKC,WAAa,SAClC,MAAMgC,EAAgBjC,KAAKY,QAAU,GAAK,YAAc,GACxD,MAAMsB,EAAgBlC,KAAKW,QAAU,MAAQ,YAAc,GAC3D,MAAMwB,EAAiBnC,KAAKoC,QAAUC,WAAarC,KAAKoC,QAAU,GAAK,aAAe,GAEtF,OACEE,EAACC,EAAI,CAAAC,IAAA,2DAAgBxC,KAAKK,SAAW,OAAS,KAAMoC,MAAOzC,KAAKO,OAAS,SAASP,KAAKO,SACrF+B,EAAA,YAAAE,IAAA,2CACEC,MAAO,iCAAiCR,KAAiBC,KAAiBC,IAC1EO,GAAI1C,KAAKC,WAAU,gBACJD,KAAKK,SAAW,OAAS,KAAI,kBAC3B2B,EACjB3B,SAAUL,KAAKK,SACfsC,eAAgB3C,KAAKG,eACrByC,UAAW5C,KAAKI,UAChByC,aAAc7C,KAAK8C,aACnBC,UAAW/C,KAAKgD,UAChBC,UAAWjD,KAAKkD,UAChBC,UAAWnD,KAAKoD,UAChB9C,KAAMN,KAAKM,KACX+C,YAAarD,KAAKqD,YAClBC,SAAUtD,KAAKQ,SACfC,SAAUT,KAAKS,SACfG,MAAOA,EACPF,WAAYV,KAAKU,WACjB6C,KAAMvD,KAAKuD,KACXC,KAAMxD,KAAKwD,KACXC,KAAMzD,KAAKyD,KACX3C,QAASd,KAAKc,QACdO,OAAQrB,KAAKqB,OACbG,QAASxB,KAAKwB,UAGhBc,EAAA,SAAAE,IAAA,2CAAOC,MAAM,aAAaC,GAAIV,EAAS0B,QAAS1D,KAAKC,YAAaD,KAAKa,OACtEb,KAAKoC,OAASpC,KAAKoC,QAAU,IAAME,EAAA,KAAAE,IAAA,2CAAGC,MAAM,oBAAoBzC,KAAKoC,OACrEpC,KAAK2D,QAAU3D,KAAK2D,SAAW,IAAMrB,EAAA,KAAAE,IAAA,2CAAGC,MAAM,UAAUzC,KAAK2D,Q,wDAOtE,IAAIzD,EAAc,E","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as c,H as s}from"./p-d7aae05d.js";const a=":host{display:block}:host ul li{list-style:none}.progress-indicator-vertical{display:flex;flex-direction:column;padding-left:0;list-style:none}";const d=a;const t=class{constructor(c){e(this,c)}render(){return c(s,{key:"5dd7b6e9f50befbfda7194c326ff263015b798b8"},c("nav",{key:"4410e7821c405e9e1cb1fff7ff6360a71dcc793f"},c("ul",{key:"52179d2713e247e6c8b587816f032b432883b844"},c("li",{key:"a2e1151dba8017dc7ba50d8cbac7cce4dd707d5a"},c("slot",{key:"67225f4646a498b1c84070b18406c0073eff173c"})))))}};t.style=d;export{t as road_progress_indicator_vertical};
|
|
2
|
+
//# sourceMappingURL=p-8c6ad79a.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as o,a}from"./p-d7aae05d.js";const r=':host{position:relative;box-sizing:border-box;display:flex;flex:1;flex-basis:0;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;text-align:center;white-space:nowrap}@media (min-width: 1200px){:host{flex-grow:inherit;width:fit-content;padding:var(--road-spacing-04) 0 var(--road-spacing-04) var(--road-spacing-04);text-align:left}}:host(.tab-disabled),:host(.tab-disabled) road-tooltip,:host(.tab-disabled) road-tooltip road-icon,:host(.tab-disabled) ::slotted(road-icon){color:var(--road-on-surface-disabled);cursor:not-allowed;fill:var(--road-on-surface-disabled)}:host(.tab-selected),:host(.tab-selected) road-tooltip road-icon,:host(.tab-selected) ::slotted(road-icon){color:var(--road-on-button-tertiary);fill:var(--road-on-button-tertiary)}:host(.tab-selected)::after{position:absolute;bottom:-12px;left:0;display:block;width:100%;height:4px;color:var(--road-on-button-tertiary);content:"";background-color:var(--road-on-button-tertiary)}@media (min-width: 1200px){:host(.tab-selected)::after{display:none}}:host(.focus-visible) ::slotted(road-icon),:host(.focus-visible) ::slotted(road-icon)::after,:host(.focus-visible) ::slotted(road-label),:host(.focus-visible) ::slotted(road-label)::after,:host(:hover) ::slotted(road-icon),:host(:hover) ::slotted(road-icon)::after,:host(:hover) ::slotted(road-label),:host(:hover) ::slotted(road-label)::after{color:var(--road-on-button-tertiary)}:host(.tab-disabled.focus-visible) ::slotted(road-icon),:host(.tab-disabled.focus-visible) ::slotted(road-label),:host(.tab-disabled:hover) ::slotted(road-icon),:host(.tab-disabled:hover) ::slotted(road-label){color:var(--road-on-surface-disabled);cursor:not-allowed;fill:var(--road-on-surface-disabled)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;margin:0;overflow:visible;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.tab-disabled) .button-native{cursor:not-allowed}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%}::slotted(road-icon){display:block;width:2rem;height:2rem;margin-right:auto;margin-bottom:0.25rem;margin-left:auto;fill:currentColor}@media (min-width: 1200px){:host ::slotted(road-tooltip){width:100%}}::slotted(road-label){position:relative;box-sizing:border-box;display:flex;flex:1;flex-direction:column;font-size:var(--road-label-small);font-weight:700;text-align:center;white-space:nowrap}@media (min-width: 1200px){::slotted(road-label){display:block}}::slotted(road-badge){position:absolute;top:4px;left:calc(50% + 0.375rem);z-index:1;box-sizing:border-box;height:auto;font-size:var(--road-font-size-10);font-weight:400}';const s=r;const d=class{constructor(i){t(this,i);this.roadnavbaritemclick=e(this,"roadnavbaritemclick",7);this.roadNavbarItemClick=e(this,"roadNavbarItemClick",7);this.disabled=false;this.selected=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onNavbarChanged(t){this.selected=this.tab===t.detail.tab}handleSelectedChange(t){if(t){this.el.focus()}}selectTab(t){if(this.tab!==undefined){if(!this.disabled){this.roadnavbaritemclick.emit({tab:this.tab,href:this.href,selected:this.selected});this.roadNavbarItemClick.emit({tab:this.tab,href:this.href,selected:this.selected})}if(this.href===undefined){t.preventDefault()}}}render(){const{href:t,rel:e,target:a,selected:r,tab:s,disabled:d}=this;const l={download:this.download,href:t,rel:e,target:a};return i(o,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,c as e,h as i,H as o,a}from"./p-d7aae05d.js";const r=':host{position:relative;box-sizing:border-box;display:flex;flex:1;flex-basis:0;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;text-align:center;white-space:nowrap}@media (min-width: 1200px){:host{flex-grow:inherit;width:fit-content;padding:var(--road-spacing-04) 0 var(--road-spacing-04) var(--road-spacing-04);text-align:left}}:host(.tab-disabled),:host(.tab-disabled) road-tooltip,:host(.tab-disabled) road-tooltip road-icon,:host(.tab-disabled) ::slotted(road-icon){color:var(--road-on-surface-disabled);cursor:not-allowed;fill:var(--road-on-surface-disabled)}:host(.tab-selected),:host(.tab-selected) road-tooltip road-icon,:host(.tab-selected) ::slotted(road-icon){color:var(--road-on-button-tertiary);fill:var(--road-on-button-tertiary)}:host(.tab-selected)::after{position:absolute;bottom:-12px;left:0;display:block;width:100%;height:4px;color:var(--road-on-button-tertiary);content:"";background-color:var(--road-on-button-tertiary)}@media (min-width: 1200px){:host(.tab-selected)::after{display:none}}:host(.focus-visible) ::slotted(road-icon),:host(.focus-visible) ::slotted(road-icon)::after,:host(.focus-visible) ::slotted(road-label),:host(.focus-visible) ::slotted(road-label)::after,:host(:hover) ::slotted(road-icon),:host(:hover) ::slotted(road-icon)::after,:host(:hover) ::slotted(road-label),:host(:hover) ::slotted(road-label)::after{color:var(--road-on-button-tertiary)}:host(.tab-disabled.focus-visible) ::slotted(road-icon),:host(.tab-disabled.focus-visible) ::slotted(road-label),:host(.tab-disabled:hover) ::slotted(road-icon),:host(.tab-disabled:hover) ::slotted(road-label){color:var(--road-on-surface-disabled);cursor:not-allowed;fill:var(--road-on-surface-disabled)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;margin:0;overflow:visible;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.tab-disabled) .button-native{cursor:not-allowed}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%}::slotted(road-icon){display:block;width:2rem;height:2rem;margin-right:auto;margin-bottom:0.25rem;margin-left:auto;fill:currentColor}@media (min-width: 1200px){:host ::slotted(road-tooltip){width:100%}}::slotted(road-label){position:relative;box-sizing:border-box;display:flex;flex:1;flex-direction:column;font-size:var(--road-label-small);font-weight:700;text-align:center;white-space:nowrap}@media (min-width: 1200px){::slotted(road-label){display:block}}::slotted(road-badge){position:absolute;top:4px;left:calc(50% + 0.375rem);z-index:1;box-sizing:border-box;height:auto;font-size:var(--road-font-size-10);font-weight:400}';const s=r;const d=class{constructor(i){t(this,i);this.roadnavbaritemclick=e(this,"roadnavbaritemclick",7);this.roadNavbarItemClick=e(this,"roadNavbarItemClick",7);this.disabled=false;this.selected=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onNavbarChanged(t){this.selected=this.tab===t.detail.tab}handleSelectedChange(t){if(t){this.el.focus()}}selectTab(t){if(this.tab!==undefined){if(!this.disabled){this.roadnavbaritemclick.emit({tab:this.tab,href:this.href,selected:this.selected});this.roadNavbarItemClick.emit({tab:this.tab,href:this.href,selected:this.selected})}if(this.href===undefined){t.preventDefault()}}}render(){const{href:t,rel:e,target:a,selected:r,tab:s,disabled:d}=this;const l={download:this.download,href:t,rel:e,target:a};return i(o,{key:"d3962edd95606e908423aef6bcac10e9900f5cac",onClick:this.onClick,onKeyup:this.onKeyUp,role:"menuitem",tabindex:"0","aria-selected":r?"true":null,id:s!==undefined?`navbar-item-${s}`:null,disabled:d,class:{"navbar-item":true,"tab-selected":r,"tab-disabled":d}},i("a",Object.assign({key:"2f2f9d568a06d666ddcded0a3bbf18b9145dc6ec"},l,{tabIndex:-1,class:"button-native",part:"native"}),i("span",{key:"49e8a3698a19ed7b591531bda1baa3ddc0c0925f",class:"button-inner"},i("slot",{key:"3b9a1513ead6236942ad77fb19b099f26332b31c"}))))}get el(){return a(this)}static get watchers(){return{selected:["handleSelectedChange"]}}};d.style=s;export{d as road_navbar_item_v2};
|
|
2
|
+
//# sourceMappingURL=p-a0c91322.entry.js.map
|