@roadtrip/components 3.32.5 → 3.33.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +90 -32
- package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
- package/dist/cjs/road-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/road-dropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/road-phone-number-input.cjs.entry.js +21 -66
- package/dist/cjs/road-phone-number-input.cjs.entry.js.map +1 -1
- package/dist/cjs/road-plate-number.cjs.entry.js +2 -2
- package/dist/cjs/road-profil-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/road-progress-indicator-horizontal.cjs.entry.js +1 -1
- package/dist/cjs/road-progress-indicator-vertical-item.cjs.entry.js +1 -1
- package/dist/cjs/road-progress-indicator-vertical.cjs.entry.js +1 -1
- package/dist/cjs/road-progress-tracker-item.cjs.entry.js +1 -1
- package/dist/cjs/road-progress-tracker.cjs.entry.js +1 -1
- package/dist/cjs/road-progress.cjs.entry.js +1 -1
- package/dist/cjs/road-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/road-radio.cjs.entry.js +1 -1
- package/dist/cjs/road-range.cjs.entry.js +2 -2
- package/dist/cjs/road-rating.cjs.entry.js +1 -1
- package/dist/cjs/road-segmented-button-bar.cjs.entry.js +1 -1
- package/dist/cjs/road-segmented-button.cjs.entry.js +2 -2
- package/dist/cjs/road-segmented-buttons.cjs.entry.js +1 -1
- package/dist/cjs/road-select-filter.cjs.entry.js +2 -2
- package/dist/cjs/road-select.cjs.entry.js +1 -1
- package/dist/cjs/road-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/road-spinner.cjs.entry.js +1 -1
- package/dist/cjs/road-switch.cjs.entry.js +2 -2
- package/dist/cjs/road-tab-bar.cjs.entry.js +2 -2
- package/dist/cjs/road-tab-button.cjs.entry.js +2 -2
- package/dist/cjs/road-tab.cjs.entry.js +2 -2
- package/dist/cjs/road-table.cjs.entry.js +1 -1
- package/dist/cjs/road-tabs.cjs.entry.js +1 -1
- package/dist/cjs/road-tag.cjs.entry.js +1 -1
- package/dist/cjs/road-text.cjs.entry.js +1 -1
- package/dist/cjs/road-textarea.cjs.entry.js +1 -1
- package/dist/cjs/road-toast.cjs.entry.js +1 -1
- package/dist/cjs/road-toggle.cjs.entry.js +2 -2
- package/dist/cjs/road-toolbar-title-page.cjs.entry.js +1 -1
- package/dist/cjs/road-toolbar-title.cjs.entry.js +1 -1
- package/dist/cjs/road-toolbar-v2.cjs.entry.js +1 -1
- package/dist/cjs/road-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/components/drawer/drawer.css +17 -0
- package/dist/collection/components/drawer/drawer.js +26 -1
- package/dist/collection/components/drawer/drawer.js.map +1 -1
- package/dist/collection/components/drawer/drawer.stories.js +7 -1
- package/dist/collection/components/dropdown/dropdown.css +1 -1
- package/dist/collection/components/input/input.js +86 -23
- package/dist/collection/components/input/input.js.map +1 -1
- package/dist/collection/components/input-group/input-group.css +10 -7
- package/dist/collection/components/input-group/input-group.js +19 -4
- package/dist/collection/components/input-group/input-group.js.map +1 -1
- package/dist/collection/components/phone-number-input/phone-number-input.css +198 -129
- package/dist/collection/components/phone-number-input/phone-number-input.js +20 -68
- package/dist/collection/components/phone-number-input/phone-number-input.js.map +1 -1
- package/dist/collection/components/plate-number/plate-number.js +2 -2
- package/dist/collection/components/profil-dropdown/profil-dropdown.js +1 -1
- package/dist/collection/components/progress/progress.js +1 -1
- package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.js +1 -1
- package/dist/collection/components/progress-indicator-vertical/progress-indicator-vertical.js +1 -1
- package/dist/collection/components/progress-indicator-vertical-item/progress-indicator-vertical-item.js +1 -1
- package/dist/collection/components/progress-tracker/progress-tracker.js +1 -1
- package/dist/collection/components/progress-tracker-item/progress-tracker-item.js +1 -1
- package/dist/collection/components/radio/radio.js +1 -1
- package/dist/collection/components/radio-group/radio-group.js +1 -1
- package/dist/collection/components/range/range.js +2 -2
- package/dist/collection/components/rating/rating.js +1 -1
- package/dist/collection/components/row/row.js +1 -1
- package/dist/collection/components/segmented-button/segmented-button.js +2 -2
- package/dist/collection/components/segmented-button-bar/segmented-button-bar.js +1 -1
- package/dist/collection/components/segmented-buttons/segmented-buttons.js +1 -1
- package/dist/collection/components/select/select.js +1 -1
- package/dist/collection/components/select-filter/select-filter.js +2 -2
- package/dist/collection/components/skeleton/skeleton.js +1 -1
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/switch/switch.js +2 -2
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-button/tab-button.js +2 -2
- package/dist/collection/components/table/table.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tag/tag.js +1 -1
- package/dist/collection/components/text/text.js +1 -1
- package/dist/collection/components/textarea/textarea.js +1 -1
- package/dist/collection/components/toast/toast.js +1 -1
- package/dist/collection/components/toggle/toggle.js +2 -2
- package/dist/collection/components/toolbar/toolbar.js +1 -1
- package/dist/collection/components/toolbar-title/toolbar-title.js +1 -1
- package/dist/collection/components/toolbar-title-page/toolbar-title-page.js +1 -1
- package/dist/collection/components/toolbar-v2/toolbar-v2.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +3 -3
- package/dist/collection/components/utilities/text.stories.js +2 -0
- package/dist/collection/fonts/Muli-Black.woff +0 -0
- package/dist/collection/fonts/Muli-Black.woff2 +0 -0
- package/dist/collection/fonts/Muli-SemiBold.woff +0 -0
- package/dist/collection/fonts/Muli-SemiBold.woff2 +0 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-badge_14.entry.js +90 -32
- package/dist/esm/road-badge_14.entry.js.map +1 -1
- package/dist/esm/road-dropdown.entry.js +1 -1
- package/dist/esm/road-dropdown.entry.js.map +1 -1
- package/dist/esm/road-phone-number-input.entry.js +21 -66
- package/dist/esm/road-phone-number-input.entry.js.map +1 -1
- package/dist/esm/road-plate-number.entry.js +2 -2
- package/dist/esm/road-profil-dropdown.entry.js +1 -1
- package/dist/esm/road-progress-indicator-horizontal.entry.js +1 -1
- package/dist/esm/road-progress-indicator-vertical-item.entry.js +1 -1
- package/dist/esm/road-progress-indicator-vertical.entry.js +1 -1
- package/dist/esm/road-progress-tracker-item.entry.js +1 -1
- package/dist/esm/road-progress-tracker.entry.js +1 -1
- package/dist/esm/road-progress.entry.js +1 -1
- package/dist/esm/road-radio-group.entry.js +1 -1
- package/dist/esm/road-radio.entry.js +1 -1
- package/dist/esm/road-range.entry.js +2 -2
- package/dist/esm/road-rating.entry.js +1 -1
- package/dist/esm/road-segmented-button-bar.entry.js +1 -1
- package/dist/esm/road-segmented-button.entry.js +2 -2
- package/dist/esm/road-segmented-buttons.entry.js +1 -1
- package/dist/esm/road-select-filter.entry.js +2 -2
- package/dist/esm/road-select.entry.js +1 -1
- package/dist/esm/road-skeleton.entry.js +1 -1
- package/dist/esm/road-spinner.entry.js +1 -1
- package/dist/esm/road-switch.entry.js +2 -2
- package/dist/esm/road-tab-bar.entry.js +2 -2
- package/dist/esm/road-tab-button.entry.js +2 -2
- package/dist/esm/road-tab.entry.js +2 -2
- package/dist/esm/road-table.entry.js +1 -1
- package/dist/esm/road-tabs.entry.js +1 -1
- package/dist/esm/road-tag.entry.js +1 -1
- package/dist/esm/road-text.entry.js +1 -1
- package/dist/esm/road-textarea.entry.js +1 -1
- package/dist/esm/road-toast.entry.js +1 -1
- package/dist/esm/road-toggle.entry.js +2 -2
- package/dist/esm/road-toolbar-title-page.entry.js +1 -1
- package/dist/esm/road-toolbar-title.entry.js +1 -1
- package/dist/esm/road-toolbar-v2.entry.js +1 -1
- package/dist/esm/road-tooltip.entry.js +3 -3
- package/dist/esm/roadtrip.js +1 -1
- package/dist/html.html-data.json +4 -0
- package/dist/roadtrip/fonts/Muli-Black.woff +0 -0
- package/dist/roadtrip/fonts/Muli-Black.woff2 +0 -0
- package/dist/roadtrip/fonts/Muli-SemiBold.woff +0 -0
- package/dist/roadtrip/fonts/Muli-SemiBold.woff2 +0 -0
- package/dist/roadtrip/{p-c1e2aa67.entry.js → p-04913d58.entry.js} +2 -2
- package/dist/roadtrip/{p-494aab48.entry.js → p-06fbd2ea.entry.js} +2 -2
- package/dist/roadtrip/{p-2a4a0928.entry.js → p-167cd2fc.entry.js} +2 -2
- package/dist/roadtrip/p-215afdbd.entry.js +2 -0
- package/dist/roadtrip/{p-8f7375bc.entry.js → p-2e049c8e.entry.js} +2 -2
- package/dist/roadtrip/{p-8ca23318.entry.js → p-37430583.entry.js} +2 -2
- package/dist/roadtrip/{p-9fce16aa.entry.js → p-3dcaa947.entry.js} +2 -2
- package/dist/roadtrip/{p-b5c4455e.entry.js → p-3e36cd02.entry.js} +3 -3
- package/dist/roadtrip/p-3e36cd02.entry.js.map +1 -0
- package/dist/roadtrip/{p-1e61ca1f.entry.js → p-3f5dff96.entry.js} +2 -2
- package/dist/roadtrip/{p-f8817c0e.entry.js → p-449affa6.entry.js} +2 -2
- package/dist/roadtrip/p-4675ea6d.entry.js +2 -0
- package/dist/roadtrip/{p-4a47999a.entry.js → p-5fea6a74.entry.js} +2 -2
- package/dist/roadtrip/{p-f9754547.entry.js → p-60bd73ad.entry.js} +2 -2
- package/dist/roadtrip/p-65f9bd9c.entry.js +2 -0
- package/dist/roadtrip/{p-c68fc795.entry.js → p-6c617506.entry.js} +2 -2
- package/dist/roadtrip/{p-4e779fd6.entry.js → p-6ff3b37c.entry.js} +2 -2
- package/dist/roadtrip/p-85b1e505.entry.js +2 -0
- package/dist/roadtrip/{p-a990a8b6.entry.js → p-862c1831.entry.js} +2 -2
- package/dist/roadtrip/{p-a990a8b6.entry.js.map → p-862c1831.entry.js.map} +1 -1
- package/dist/roadtrip/p-8b04fc62.entry.js +2 -0
- package/dist/roadtrip/{p-0cacf829.entry.js → p-950b8a43.entry.js} +2 -2
- package/dist/roadtrip/p-950b8a43.entry.js.map +1 -0
- package/dist/roadtrip/{p-87c1ff76.entry.js → p-99a6faae.entry.js} +2 -2
- package/dist/roadtrip/{p-bba18327.entry.js → p-b5fa8c5a.entry.js} +2 -2
- package/dist/roadtrip/{p-db243855.entry.js → p-b8c5d292.entry.js} +2 -2
- package/dist/roadtrip/{p-d68e64a8.entry.js → p-c28e7add.entry.js} +2 -2
- package/dist/roadtrip/{p-10e65612.entry.js → p-c47ccbf2.entry.js} +2 -2
- package/dist/roadtrip/{p-c3ef32ef.entry.js → p-c6824205.entry.js} +2 -2
- package/dist/roadtrip/{p-833c1e78.entry.js → p-cfd2919e.entry.js} +2 -2
- package/dist/roadtrip/{p-a0a95c0a.entry.js → p-d80e7563.entry.js} +2 -2
- package/dist/roadtrip/p-db77c354.entry.js +2 -0
- package/dist/roadtrip/{p-5fab1bc3.entry.js.map → p-db77c354.entry.js.map} +1 -1
- package/dist/roadtrip/{p-4bbc889b.entry.js → p-e6c4c576.entry.js} +2 -2
- package/dist/roadtrip/{p-01be5517.entry.js → p-e6e9882b.entry.js} +2 -2
- package/dist/roadtrip/{p-5a6fbd7f.entry.js → p-e75ec60f.entry.js} +2 -2
- package/dist/roadtrip/{p-edbbe884.entry.js → p-ea1a175d.entry.js} +2 -2
- package/dist/roadtrip/{p-2903bdc0.entry.js → p-eac313e4.entry.js} +2 -2
- package/dist/roadtrip/{p-fb26ed7e.entry.js → p-f1b53143.entry.js} +2 -2
- package/dist/roadtrip/{p-b18cda16.entry.js → p-fd3c58b6.entry.js} +2 -2
- package/dist/roadtrip/{p-32845e72.entry.js → p-fe40ab3d.entry.js} +2 -2
- package/dist/roadtrip/roadtrip.css +1 -1
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/roadtrip.esm.js.map +1 -1
- package/dist/types/components/drawer/drawer.d.ts +4 -0
- package/dist/types/components/input/input.d.ts +1 -1
- package/dist/types/components/input-group/input-group.d.ts +4 -2
- package/dist/types/components/phone-number-input/phone-number-input.d.ts +3 -10
- package/dist/types/components-react.d.ts +4 -4
- package/dist/types/components.d.ts +17 -0
- package/hydrate/index.js +353 -357
- package/hydrate/index.mjs +353 -357
- package/package.json +1 -1
- package/dist/roadtrip/p-0cacf829.entry.js.map +0 -1
- package/dist/roadtrip/p-427bd935.entry.js +0 -2
- package/dist/roadtrip/p-5fab1bc3.entry.js +0 -2
- package/dist/roadtrip/p-78b51033.entry.js +0 -2
- package/dist/roadtrip/p-9737182c.entry.js +0 -2
- package/dist/roadtrip/p-a925ff64.entry.js +0 -2
- package/dist/roadtrip/p-b5c4455e.entry.js.map +0 -1
- package/dist/roadtrip/p-ee92b78d.entry.js +0 -2
- /package/dist/roadtrip/{p-c1e2aa67.entry.js.map → p-04913d58.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-494aab48.entry.js.map → p-06fbd2ea.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-2a4a0928.entry.js.map → p-167cd2fc.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-427bd935.entry.js.map → p-215afdbd.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-8f7375bc.entry.js.map → p-2e049c8e.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-8ca23318.entry.js.map → p-37430583.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-9fce16aa.entry.js.map → p-3dcaa947.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-1e61ca1f.entry.js.map → p-3f5dff96.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-f8817c0e.entry.js.map → p-449affa6.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-ee92b78d.entry.js.map → p-4675ea6d.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-4a47999a.entry.js.map → p-5fea6a74.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-f9754547.entry.js.map → p-60bd73ad.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-a925ff64.entry.js.map → p-65f9bd9c.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c68fc795.entry.js.map → p-6c617506.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-4e779fd6.entry.js.map → p-6ff3b37c.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-9737182c.entry.js.map → p-85b1e505.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-78b51033.entry.js.map → p-8b04fc62.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-87c1ff76.entry.js.map → p-99a6faae.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-bba18327.entry.js.map → p-b5fa8c5a.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-db243855.entry.js.map → p-b8c5d292.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-d68e64a8.entry.js.map → p-c28e7add.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-10e65612.entry.js.map → p-c47ccbf2.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c3ef32ef.entry.js.map → p-c6824205.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-833c1e78.entry.js.map → p-cfd2919e.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-a0a95c0a.entry.js.map → p-d80e7563.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-4bbc889b.entry.js.map → p-e6c4c576.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-01be5517.entry.js.map → p-e6e9882b.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-5a6fbd7f.entry.js.map → p-e75ec60f.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-edbbe884.entry.js.map → p-ea1a175d.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-2903bdc0.entry.js.map → p-eac313e4.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-fb26ed7e.entry.js.map → p-f1b53143.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-b18cda16.entry.js.map → p-fd3c58b6.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-32845e72.entry.js.map → p-fe40ab3d.entry.js.map} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as s,c as t,h as r,H as c}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const i='.sc-road-switch-h{--switch-lever-width:4.5rem;position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);font-size:1rem;color:var(--road-grey-900)}.form-switch-input.sc-road-switch{position:absolute;z-index:-1;opacity:0}.form-switch-label.sc-road-switch{display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-switch-lever.sc-road-switch{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;width:var(--switch-lever-width);height:2rem;padding:0.5rem 0.625rem;margin-right:0.75rem;font-size:0.625rem;font-weight:700;line-height:1.6;content:"";background:var(--road-grey-400);border:0.125rem solid transparent;border-radius:1.125rem;transition:background 0.2s ease-in-out}.form-switch-lever.sc-road-switch::before{font-size:0.625rem;font-weight:700;color:var(--road-grey-000);text-transform:uppercase;content:attr(data-off)}.form-switch-lever.sc-road-switch::after{position:absolute;top:0.0625rem;left:0.0625rem;display:block;width:1.625rem;height:1.625rem;content:"";background:var(--road-grey-000);border-radius:50%;box-shadow:0 0.125rem 0.125rem rgba(0, 0, 0, 0.1);transition:transform 0.2s ease-in-out}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch{justify-content:flex-start}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch::before{content:attr(data-on)}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch::after{transform:translateX(calc(var(--switch-lever-width) - 2rem))}.form-switch-input.focus-visible.sc-road-switch~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch{box-shadow:0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700)}.form-switch-input.sc-road-switch:checked~.form-switch-secondary.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-primary-500)}.form-switch-input.sc-road-switch:checked~.form-switch-secondary.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-primary-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-info.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-info-default)}.form-switch-input.sc-road-switch:checked~.form-switch-info.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-info-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-success.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-success-default)}.form-switch-input.sc-road-switch:checked~.form-switch-success.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-success-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-warning.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-warning-default)}.form-switch-input.sc-road-switch:checked~.form-switch-warning.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-warning-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-danger.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-danger-default)}.form-switch-input.sc-road-switch:checked~.form-switch-danger.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-danger-contrast)}.form-switch-right.sc-road-switch{margin-right:0;margin-left:0.75rem}.form-switch-spaced.sc-road-switch{display:flex;justify-content:space-between}';const e=i;const o=class{constructor(r){s(this,r);this.roadchange=t(this,"roadchange",7);this.roadChange=t(this,"roadChange",7);this.roadfocus=t(this,"roadfocus",7);this.roadFocus=t(this,"roadFocus",7);this.roadblur=t(this,"roadblur",7);this.roadBlur=t(this,"roadBlur",7);this.switchId=`road-switch-${a++}`;this.name=this.switchId;this.checked=false;this.disabled=false;this.label=`${this.switchId}-label`;this.color="secondary";this.hasLeftLabel=false;this.isSpaced=false;this.value="on";this.on="yes";this.off="no";this.onClick=()=>{this.checked=!this.checked};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadBlur.emit();this.roadblur.emit()}}checkedChanged(s){this.roadchange.emit({checked:s,value:this.value});this.roadChange.emit({checked:s,value:this.value})}render(){const s=this.switchId+"-label";const t=r("label",{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as s,c as t,h as r,H as c}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const i='.sc-road-switch-h{--switch-lever-width:4.5rem;position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);font-size:1rem;color:var(--road-grey-900)}.form-switch-input.sc-road-switch{position:absolute;z-index:-1;opacity:0}.form-switch-label.sc-road-switch{display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-switch-lever.sc-road-switch{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;width:var(--switch-lever-width);height:2rem;padding:0.5rem 0.625rem;margin-right:0.75rem;font-size:0.625rem;font-weight:700;line-height:1.6;content:"";background:var(--road-grey-400);border:0.125rem solid transparent;border-radius:1.125rem;transition:background 0.2s ease-in-out}.form-switch-lever.sc-road-switch::before{font-size:0.625rem;font-weight:700;color:var(--road-grey-000);text-transform:uppercase;content:attr(data-off)}.form-switch-lever.sc-road-switch::after{position:absolute;top:0.0625rem;left:0.0625rem;display:block;width:1.625rem;height:1.625rem;content:"";background:var(--road-grey-000);border-radius:50%;box-shadow:0 0.125rem 0.125rem rgba(0, 0, 0, 0.1);transition:transform 0.2s ease-in-out}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch{justify-content:flex-start}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch::before{content:attr(data-on)}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch::after{transform:translateX(calc(var(--switch-lever-width) - 2rem))}.form-switch-input.focus-visible.sc-road-switch~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch{box-shadow:0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700)}.form-switch-input.sc-road-switch:checked~.form-switch-secondary.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-primary-500)}.form-switch-input.sc-road-switch:checked~.form-switch-secondary.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-primary-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-info.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-info-default)}.form-switch-input.sc-road-switch:checked~.form-switch-info.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-info-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-success.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-success-default)}.form-switch-input.sc-road-switch:checked~.form-switch-success.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-success-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-warning.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-warning-default)}.form-switch-input.sc-road-switch:checked~.form-switch-warning.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-warning-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-danger.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-danger-default)}.form-switch-input.sc-road-switch:checked~.form-switch-danger.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-danger-contrast)}.form-switch-right.sc-road-switch{margin-right:0;margin-left:0.75rem}.form-switch-spaced.sc-road-switch{display:flex;justify-content:space-between}';const e=i;const o=class{constructor(r){s(this,r);this.roadchange=t(this,"roadchange",7);this.roadChange=t(this,"roadChange",7);this.roadfocus=t(this,"roadfocus",7);this.roadFocus=t(this,"roadFocus",7);this.roadblur=t(this,"roadblur",7);this.roadBlur=t(this,"roadBlur",7);this.switchId=`road-switch-${a++}`;this.name=this.switchId;this.checked=false;this.disabled=false;this.label=`${this.switchId}-label`;this.color="secondary";this.hasLeftLabel=false;this.isSpaced=false;this.value="on";this.on="yes";this.off="no";this.onClick=()=>{this.checked=!this.checked};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadBlur.emit();this.roadblur.emit()}}checkedChanged(s){this.roadchange.emit({checked:s,value:this.value});this.roadChange.emit({checked:s,value:this.value})}render(){const s=this.switchId+"-label";const t=r("label",{key:"f8a8b7641286294d251bc6d10b45fc97607cba49",class:"form-switch-label",id:s,htmlFor:this.switchId},this.label);const i=this.color!==undefined?"form-switch-"+this.color:"";const e=this.isSpaced&&"form-switch-spaced";const o=this.hasLeftLabel?"form-switch-right":"";return r(c,{key:"9c43f0996fdcd4962776919b92b94eb7fbb9ad57"},r("input",{key:"756db832dbd73ec0c59ed9ec2ae76b1851a8f22d",class:"form-switch-input",type:"checkbox",id:this.switchId,name:this.name,checked:this.checked,disabled:this.disabled,value:this.value,"aria-checked":`${this.checked}`,"aria-disabled":this.disabled?"true":null,"aria-labelledby":s,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),r("label",{key:"927bdd4ef11db9a6039ffd028994caa4667519fe",class:`form-switch-label ${e} ${i}`,htmlFor:this.switchId},this.hasLeftLabel&&t,r("div",{key:"0f3011ab70a432f99319331bb0e2009fa11e50ce",class:`form-switch-lever ${o}`,"data-off":this.off,"data-on":this.on}),this.hasLeftLabel?"":t))}static get watchers(){return{checked:["checkedChanged"]}}};let a=0;o.style=e;export{o as road_switch};
|
|
2
|
+
//# sourceMappingURL=p-3f5dff96.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,h as s,H as r}from"./p-d7aae05d.js";import{s as t,j as i}from"./p-db82e012.js";const n=":host{display:flex;align-items:center}.rating-stars{display:inline-flex;flex-shrink:0}.rating-star{color:var(--road-surface-disabled)}.rating-stars.rating-stars--small .icon-sm,.rating-stars.rating-stars--extra-small .icon-sm{width:1rem;height:1rem}.rating-number{margin-left:0.5rem;font-size:var(--road-link-medium);color:var(--road-on-surface);text-decoration:underline}.rating-number.rating-number--small{font-size:var(--road-link-small)}.rating-number.rating-number--extra-small{font-size:var(--road-link-extra-small)}.rating-number.readonly{text-decoration:none}";const e=n;const o=class{constructor(s){a(this,s);this.size="medium";this.rate=0;this.showreviews=true;this.readonly=false;this.reviews=0;this.reviewsText="reviews";this.url="#"}render(){const a=Math.floor(this.rate);const n=this.rate-Math.floor(this.rate)>0?1:0;const e=this.size!==undefined?`rating-stars rating-stars--${this.size}`:"rating-stars";const o=this.size!==undefined?`rating-number rating-number--${this.size}`:"rating-number";const d=this.readonly==true?`readonly`:"";return s(r,{key:"d81a376cdf8e7a268335c62cadff3a3a5945c334"},s("div",{key:"c7f9a63a11399a60d3daa6e3f8f11b8b4f640e96",class:`${e}`},[...Array(a)].map((()=>s("road-icon",{icon:t,size:"sm",color:"warning"}))),[...Array(n)].map((()=>s("road-icon",{icon:i,size:"sm",class:"rating-star"}))),[...Array(5-a-n)].map((()=>s("road-icon",{icon:t,size:"sm",class:"rating-star"})))),this.readonly==false&&this.showreviews&&s("a",{key:"5b1a38a0f8fdabe757a79f7b5000481d03d8225e",class:`${o}`,href:this.url},"(",this.reviews,this.reviewsText&&` ${this.reviewsText}`,")"),this.readonly==true&&this.showreviews&&s("road-label",{key:"337a9e94914d57278d8d15c8889b258bff8ea751",class:`${o} ${d}`},"(",this.reviews,this.reviewsText&&` ${this.reviewsText}`,")"))}};o.style=e;export{o as road_rating};
|
|
2
|
+
//# sourceMappingURL=p-449affa6.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as a,H as c}from"./p-d7aae05d.js";const s=":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=s;const t=class{constructor(a){e(this,a)}render(){return a(c,{key:"53374580ae8974a098d78a601f16c11d046d05a0"},a("nav",{key:"172b56e4f067cd3aff24cbc8f619f623cee6e7fc"},a("ul",{key:"76fc4af3a83915d53365f3e813612e10ac7bbca7"},a("li",{key:"a30ca0d908dc432e31cf04748df08d87bc527f61"},a("slot",{key:"2bb8112daa5f3799b8936939dce9818fa17f756d"})))))}};t.style=d;export{t as road_progress_indicator_vertical};
|
|
2
|
+
//# sourceMappingURL=p-4675ea6d.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r,h as e,H as o}from"./p-d7aae05d.js";const i="road-progress-indicator-vertical-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.progress-indicator-vertical-item-content{display:inline-block;margin-left:1rem}road-progress-indicator-vertical-item:not(.completed) .progress-indicator-vertical-link{cursor:not-allowed}.progress-indicator-vertical-link{position:relative;z-index:1;display:flex}.progress-indicator-vertical-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}.progress-indicator-vertical-icon road-icon{display:flex}.progress-indicator-vertical-substep-link{position:relative;z-index:1;display:flex;margin:0 0.5rem}.progress-indicator-vertical-line{position:absolute;top:24px;left:11px;z-index:-1;height:calc(100% - 24px);border-left:2px solid var(--road-surface-disabled)}road-progress-indicator-vertical-item:last-child .progress-indicator-vertical-line{border-left:0}.progress-indicator-vertical-substep-icon{display:inline-flex;align-items:center;justify-content:center;width:0.5rem;height:0.5rem;margin-top:0.7rem;background:var(--road-surface-disabled);border-radius:50%}.progress-indicator-vertical-substep-beforeline{position:absolute;top:0;left:3px;z-index:-1;height:calc(30% - 8px);border-left:2px solid var(--road-surface-disabled)}.progress-indicator-vertical-substep-line{position:absolute;top:19px;left:3px;z-index:-1;height:calc(83% - 8px);border-left:2px solid var(--road-surface-disabled)}.progress-indicator-vertical-title road-label{display:block;font-size:var(--road-body-large);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-vertical-description{display:block;margin:0;font-size:var(--road-label-small);font-weight:400;color:var(--road-on-surface-disabled)}.current .progress-indicator-vertical-icon{color:var(--road-on-primary);background:var(--road-primary)}.current .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.current .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.current .progress-indicator-vertical-substep-icon{background:var(--road-primary);border:0}.current .progress-indicator-vertical-substep-beforeline{border-left:2px solid var(--road-primary)}.in-progress .progress-indicator-vertical-icon{color:var(--road-on-primary);background:var(--road-primary);border:0}.in-progress .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.in-progress .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.in-progress .progress-indicator-vertical-line{background:var(--road-primary)}.completed:not(:last-child)::after{background:var(--road-primary)}.completed .progress-indicator-vertical-icon{color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.completed .progress-indicator-vertical-line{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-substep-beforeline{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-substep-line{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.completed .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.completed .progress-indicator-vertical-substep-icon{background:none;border:2px solid var(--road-primary)}";const a=i;const t=class{constructor(e){r(this,e)}render(){return e(o,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r,h as e,H as o}from"./p-d7aae05d.js";const i="road-progress-indicator-vertical-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.progress-indicator-vertical-item-content{display:inline-block;margin-left:1rem}road-progress-indicator-vertical-item:not(.completed) .progress-indicator-vertical-link{cursor:not-allowed}.progress-indicator-vertical-link{position:relative;z-index:1;display:flex}.progress-indicator-vertical-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}.progress-indicator-vertical-icon road-icon{display:flex}.progress-indicator-vertical-substep-link{position:relative;z-index:1;display:flex;margin:0 0.5rem}.progress-indicator-vertical-line{position:absolute;top:24px;left:11px;z-index:-1;height:calc(100% - 24px);border-left:2px solid var(--road-surface-disabled)}road-progress-indicator-vertical-item:last-child .progress-indicator-vertical-line{border-left:0}.progress-indicator-vertical-substep-icon{display:inline-flex;align-items:center;justify-content:center;width:0.5rem;height:0.5rem;margin-top:0.7rem;background:var(--road-surface-disabled);border-radius:50%}.progress-indicator-vertical-substep-beforeline{position:absolute;top:0;left:3px;z-index:-1;height:calc(30% - 8px);border-left:2px solid var(--road-surface-disabled)}.progress-indicator-vertical-substep-line{position:absolute;top:19px;left:3px;z-index:-1;height:calc(83% - 8px);border-left:2px solid var(--road-surface-disabled)}.progress-indicator-vertical-title road-label{display:block;font-size:var(--road-body-large);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-vertical-description{display:block;margin:0;font-size:var(--road-label-small);font-weight:400;color:var(--road-on-surface-disabled)}.current .progress-indicator-vertical-icon{color:var(--road-on-primary);background:var(--road-primary)}.current .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.current .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.current .progress-indicator-vertical-substep-icon{background:var(--road-primary);border:0}.current .progress-indicator-vertical-substep-beforeline{border-left:2px solid var(--road-primary)}.in-progress .progress-indicator-vertical-icon{color:var(--road-on-primary);background:var(--road-primary);border:0}.in-progress .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.in-progress .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.in-progress .progress-indicator-vertical-line{background:var(--road-primary)}.completed:not(:last-child)::after{background:var(--road-primary)}.completed .progress-indicator-vertical-icon{color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.completed .progress-indicator-vertical-line{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-substep-beforeline{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-substep-line{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.completed .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.completed .progress-indicator-vertical-substep-icon{background:none;border:2px solid var(--road-primary)}";const a=i;const t=class{constructor(e){r(this,e)}render(){return e(o,{key:"d3ba92c8ba422c910a790c232cc6c43acf21a316"},e("slot",{key:"471a58e0dbbcad1601c6bfec7e90cc4ced55f172"}))}};t.style=a;export{t as road_progress_indicator_vertical_item};
|
|
2
|
+
//# sourceMappingURL=p-5fea6a74.entry.js.map
|
|
@@ -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
|
|
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:"92b255c26f67f4aad1051adc570b4838064b050b"},o("nav",{key:"44f9ff6889874b55dc5078d1571cde655afc3a6b"},o("ul",{key:"e6b0e5e75db170bd8bf6412ed1d6bb5f228eda4b",class:`${r}`},o("li",{key:"f48231734646f68f91bc256cd935a13dfe5277cf",class:`${e}`},o("a",{key:"8ca3bebb5e710c5a3fbbada6ef1f6f0ad6518956",class:"progress-indicator-horizontal-link",href:`${n}`},o("span",{key:"752b27e04ab6799c19912a193a89e8084dc82ff9",class:"progress-indicator-horizontal-icon"},o("slot",{key:"3c25ed41f39a011e61aafec0ca65917b72dbe967",name:"progress-indicator-horizontal-icon"})),o("span",{key:"2bf09fe120b2ae4c4074a5357f5133bc22120e2c",class:"progress-indicator-horizontal-title"},o("slot",{key:"752e16d8c3895c2ee91a222c7789431ad27e34dd",name:"progress-indicator-horizontal-title"})))),o("li",{key:"09bcfc2711dc68b5b233b0306fa7d3d2b8e753c3",class:`${i}`},o("a",{key:"9b5c9c60abecfed752c0332696c3c509ef4d5074",class:"progress-indicator-horizontal-link",href:`${s}`},o("span",{key:"1e3c3113967379a97597c13044493ff3693d1b4e",class:"progress-indicator-horizontal-icon"},o("slot",{key:"fe8312cd31ca099c690379f500f20466a3f76555",name:"progress-indicator-horizontal-icon2"})),o("span",{key:"885e16b9917fbbcc0df05c2960083cb679902d2d",class:"progress-indicator-horizontal-title"},o("slot",{key:"0b6709b4b8390f58854d2a37528fe1b98a0b4481",name:"progress-indicator-horizontal-title2"})))),this.numberStep==3&&o("li",{key:"fa106837abe66d6ee557f800916b39df8efac9a7",class:`${t}`},o("a",{key:"9607d28f066e4b22778f66d0b5657611af3b15ed",class:"progress-indicator-horizontal-link",href:`${d}`},o("span",{key:"ce19ae6a6b774c0d5cb8c7b91af8d03ee88400a4",class:"progress-indicator-horizontal-icon"},o("slot",{key:"e0a52ce61b043af9137340a5651a120f1a8ff0dd",name:"progress-indicator-horizontal-icon3"})),o("span",{key:"1c8870afc7dc2630fb58c4c2f17d4f4f9109dea6",class:"progress-indicator-horizontal-title"},o("slot",{key:"91fb0f5283ddbe5c62c2292579df9045b4c543f7",name:"progress-indicator-horizontal-title3"})))))))}};t.style=i;export{t as road_progress_indicator_horizontal};
|
|
2
|
+
//# sourceMappingURL=p-60bd73ad.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as a,H as s}from"./p-d7aae05d.js";const c=":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 d=c;const t=class{constructor(a){e(this,a)}render(){return a(s,{key:"9a0c92424113ac6ed3a422e2b72a597a1c7e56ae"},a("nav",{key:"1f4a7756e005ecaac2ae04d69cfa56f44a3db114"},a("ul",{key:"dd386017509fcabfbc30d8970fa60d293d209e9e"},a("li",{key:"1e2ca3005116579b3917b51867a09d975c9c1891"},a("slot",{key:"aa5268a3e7f35906bb37354e88b825f839d2774d"})))))}};t.style=d;export{t as road_progress_tracker};
|
|
2
|
+
//# sourceMappingURL=p-65f9bd9c.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,h as e}from"./p-d7aae05d.js";const o=":host{position:absolute;top:30px;left:0.8rem}@media (min-width: 1200px){:host{position:fixed;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}}.toolbar-title-page{display:block;width:100%;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-page{font-size:var(--road-font-size-20);text-align:center}}";const i=o;const a=class{constructor(e){t(this,e)}render(){return e("div",{key:"dc61258415913c4112dd06bcc23a94db38fab00e",class:"toolbar-title-page"},e("slot",{key:"f39c19ff690566100558556751e8380bb448eb72"}))}};a.style=i;export{a as road_toolbar_title_page};
|
|
2
|
+
//# sourceMappingURL=p-6c617506.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,c as e,h as t,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
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as a,c as e,h as t,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 n=s;const d=class{constructor(t){a(this,t);this.roadtabbarchanged=e(this,"roadtabbarchanged",7);this.roadTabBarChanged=e(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:e,secondary:o}=this;return t(r,{key:"7c2795d50362e570f6a3371fde1e987bfc6389fd",role:"tablist",class:{"tab-expand":a,"tab-center":e,"tab-secondary":o}},t("slot",{key:"94d18f97a0e96a8e8cef400b4b08feef32210782"}))}get el(){return o(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};d.style=n;export{d as road_tab_bar};
|
|
2
|
+
//# sourceMappingURL=p-6ff3b37c.entry.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as a,H as s,a as e}from"./p-d7aae05d.js";const i=":host{display:block}:host(.tab-hidden){display:none}";const n=i;const o=class{constructor(a){t(this,a);this.active=false}async componentWillLoad(){if(this.active){await this.setActive()}}onTabBarChanged(t){this.active=this.tab===t.detail.tab}async setActive(){this.active=true}render(){const{tab:t,active:e}=this;return a(s,{key:"24b66a77921452273dbf57f3f44ac3cffbaecf8f",role:"tabpanel","aria-hidden":!e?"true":null,"aria-labelledby":`tab-button-${t}`,class:{"tab-hidden":!e}},a("slot",{key:"63f0d57bf74b8d562fecfbc881f8199d68080e89"}))}get el(){return e(this)}};o.style=n;export{o as road_tab};
|
|
2
|
+
//# sourceMappingURL=p-85b1e505.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as o,h as r,a as d}from"./p-d7aae05d.js";const e=":host{--margin-top:0.5rem;display:block;width:max-content}.dropdown{position:relative;font-family:var(--road-font)}.dropdown summary{display:block;background-color:var(--road-surface);border-radius:0.25rem}.dropdown summary:focus,.dropdown summary.focus-visible,.dropdown summary:focus-within{background:var(--road-surface-inverse)}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-medium-button{width:2.5rem;height:2.5rem}.position-right{display:flex;justify-content:flex-end}.bg-white{background:var(--road-grey-000)}.dropdown-button-icon{width:2.5rem;height:2.5rem}.dropdown-medium-button .dropdown-button-icon{width:1.75rem;height:1.75rem}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:auto;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;z-index:
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as o,h as r,a as d}from"./p-d7aae05d.js";const e=":host{--margin-top:0.5rem;display:block;width:max-content}.dropdown{position:relative;font-family:var(--road-font)}.dropdown summary{display:block;background-color:var(--road-surface);border-radius:0.25rem}.dropdown summary:focus,.dropdown summary.focus-visible,.dropdown summary:focus-within{background:var(--road-surface-inverse)}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-medium-button{width:2.5rem;height:2.5rem}.position-right{display:flex;justify-content:flex-end}.bg-white{background:var(--road-grey-000)}.dropdown-button-icon{width:2.5rem;height:2.5rem}.dropdown-medium-button .dropdown-button-icon{width:1.75rem;height:1.75rem}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:auto;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;z-index:2;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}.dropdown-left{left:0}.dropdown-right{right:0}.dropdown-item{min-height:40px;padding:0 1rem;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none}.dropdown-item-border{border-color:var(--road-outline-weak);border-bottom:1px solid}.dropdown-item:hover{background:var(--road-surface-inverse)}.dropdown-item.focus-visible{outline:auto}";const t=e;const n=class{constructor(r){o(this,r);this.isOpen=false;this.isLight=false;this.isMedium=false;this.direction="bottom";this.onClick=()=>{this.isOpen=!this.isOpen}}handleDocumentClick(o){if(o.target.closest("road-dropdown")===this.el){return}this.isOpen=false}render(){const o=this.isLight?"dropdown-button":"dropdown-button";const d=this.isMedium?"dropdown-medium-button dropdown-button":"dropdown-button";const e=this.position?`position-${this.position}`:"";const t=this.position?`dropdown-${this.position}`:"";const n=this.direction?`direction-${this.direction}`:"";return r("details",{key:"63664ef857943b6aeccfa742262132ccd0f0ea3d",class:"dropdown",open:this.isOpen},r("summary",{key:"5286cc9ed3f2d928350bafb6e8420faa34b25b33","aria-expanded":this.isOpen.toString(),tabindex:"0",role:"button",onClick:this.onClick,"tab-index":"0"},r("div",{key:"5c8849bea5ed2a5bcee7432d5a59597c490b1bb2",class:`d-flex ${e}`},r("div",{key:"0e5ca32d720b1230083469d39c0a032ae345abc3",class:`${o} ${d}`},r("road-icon",{key:"d65534d956a28d5238f38fdea121491ff7923900",name:"navigation-more",class:"dropdown-button-icon","aria-hidden":"true"})))),r("div",{key:"9e9a77d0c43b5770b443967c9e828d758d55dd3f",class:`dropdown-menu ${n} ${t}`},r("slot",{key:"c5693e782f0a05dfd5f62a7d96eb2418e619e2f9",name:"list"})))}get el(){return d(this)}};n.style=t;export{n as road_dropdown};
|
|
2
|
+
//# sourceMappingURL=p-862c1831.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["dropdownCss","RoadDropdownStyle0","Dropdown","constructor","hostRef","this","isOpen","isLight","isMedium","direction","onClick","handleDocumentClick","ev","target","closest","el","render","isLightButtonDropDown","isMediumButtonDropDown","positionClass","position","dropdownClass","directionClass","h","key","class","open","toString","tabindex","role","name"],"sources":["src/components/dropdown/dropdown.css?tag=road-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":["/*\n * Dropdown\n *\n * Index\n * - Dropdown\n * - Dropdown menu\n */\n\n/**\n * @prop --margin-top: Top margin of the menu\n */\n\n/* DROPDOWN\n -------------------- */\n\n:host {\n --margin-top: 0.5rem;\n display: block;\n width: max-content;\n}\n\n.dropdown {\n position: relative;\n font-family: var(--road-font);\n}\n\n.dropdown summary {\n display: block;\n background-color: var(--road-surface);\n border-radius: 0.25rem;\n}\n\n.dropdown summary:focus,\n.dropdown summary.focus-visible,\n.dropdown summary:focus-within{\n background: var(--road-surface-inverse);\n}\n\n.dropdown summary::-webkit-details-marker { /* remove native arrow */\n display: none;\n}\n\n.dropdown-button{\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 3.5rem;\n height: 3.5rem;\n cursor: pointer;\n border-radius: 0.25rem;\n}\n\n.dropdown-medium-button{\n width: 2.5rem;\n height: 2.5rem;\n}\n\n.position-right{\n display: flex;\n justify-content: flex-end;\n}\n\n.bg-white{\n background: var(--road-grey-000);\n}\n\n.dropdown-button-icon{\n width: 2.5rem;\n height: 2.5rem;\n}\n\n.dropdown-medium-button .dropdown-button-icon{\n width: 1.75rem;\n height: 1.75rem;\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: auto;\n transform: translate3d(0, -56px, 0);\n will-change: transform;\n}\n\n/* MENU\n -------------------- */\n\n.dropdown-menu {\n position: absolute;\n z-index:
|
|
1
|
+
{"version":3,"names":["dropdownCss","RoadDropdownStyle0","Dropdown","constructor","hostRef","this","isOpen","isLight","isMedium","direction","onClick","handleDocumentClick","ev","target","closest","el","render","isLightButtonDropDown","isMediumButtonDropDown","positionClass","position","dropdownClass","directionClass","h","key","class","open","toString","tabindex","role","name"],"sources":["src/components/dropdown/dropdown.css?tag=road-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":["/*\n * Dropdown\n *\n * Index\n * - Dropdown\n * - Dropdown menu\n */\n\n/**\n * @prop --margin-top: Top margin of the menu\n */\n\n/* DROPDOWN\n -------------------- */\n\n:host {\n --margin-top: 0.5rem;\n display: block;\n width: max-content;\n}\n\n.dropdown {\n position: relative;\n font-family: var(--road-font);\n}\n\n.dropdown summary {\n display: block;\n background-color: var(--road-surface);\n border-radius: 0.25rem;\n}\n\n.dropdown summary:focus,\n.dropdown summary.focus-visible,\n.dropdown summary:focus-within{\n background: var(--road-surface-inverse);\n}\n\n.dropdown summary::-webkit-details-marker { /* remove native arrow */\n display: none;\n}\n\n.dropdown-button{\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 3.5rem;\n height: 3.5rem;\n cursor: pointer;\n border-radius: 0.25rem;\n}\n\n.dropdown-medium-button{\n width: 2.5rem;\n height: 2.5rem;\n}\n\n.position-right{\n display: flex;\n justify-content: flex-end;\n}\n\n.bg-white{\n background: var(--road-grey-000);\n}\n\n.dropdown-button-icon{\n width: 2.5rem;\n height: 2.5rem;\n}\n\n.dropdown-medium-button .dropdown-button-icon{\n width: 1.75rem;\n height: 1.75rem;\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: auto;\n transform: translate3d(0, -56px, 0);\n will-change: transform;\n}\n\n/* MENU\n -------------------- */\n\n.dropdown-menu {\n position: absolute;\n z-index: 2;\n display: flex;\n flex-direction: column;\n width: 100%;\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.dropdown-left {\n left: 0;\n}\n\n.dropdown-right {\n right: 0;\n}\n\n\n/* ITEM\n -------------------- */\n\n.dropdown-item {\n min-height: 40px;\n padding: 0 1rem;\n font-size: var(--road-body-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}\n\n.dropdown-item-border {\n border-color: var(--road-outline-weak);\n border-bottom: 1px solid;\n}\n\n/**\n * Hover state\n */\n\n.dropdown-item:hover {\n background: var(--road-surface-inverse);\n}\n\n.dropdown-item.focus-visible{\n outline: auto;\n}\n\n\n","import { Component, h, Element, Prop, Listen } from '@stencil/core';\n\n@Component({\n tag: 'road-dropdown',\n styleUrl: 'dropdown.css',\n shadow: true,\n})\nexport class Dropdown {\n\n @Element() el!: HTMLRoadDropdownElement;\n\n\n @Prop({ mutable: true }) isOpen: boolean = false;\n @Prop() isLight: boolean = false;\n @Prop() isMedium: boolean = false;\n @Prop({ reflect: true }) position?: 'left' | 'right';\n @Prop({ reflect: true }) direction?: 'top' | 'bottom' = 'bottom';\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-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 const isLightButtonDropDown = this.isLight ? 'dropdown-button' : 'dropdown-button';\n const isMediumButtonDropDown = this.isMedium ? 'dropdown-medium-button dropdown-button' : 'dropdown-button';\n const positionClass = this.position ? `position-${this.position}` : '';\n const dropdownClass = this.position ? `dropdown-${this.position}` : '';\n const directionClass = this.direction ? `direction-${this.direction}` : '';\n\n return (\n <details class=\"dropdown\" open={this.isOpen}>\n <summary aria-expanded={this.isOpen.toString()} tabindex=\"0\" role=\"button\" onClick={this.onClick} tab-index=\"0\">\n <div class={`d-flex ${positionClass}`}>\n <div class={`${isLightButtonDropDown} ${isMediumButtonDropDown}`}>\n <road-icon name=\"navigation-more\" class=\"dropdown-button-icon\" aria-hidden=\"true\"></road-icon>\n </div>\n </div>\n </summary>\n <div class={`dropdown-menu ${directionClass} ${dropdownClass}`}>\n <slot name=\"list\" />\n </div>\n </details>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,4yDACpB,MAAAC,EAAeD,E,MCMFE,EAAQ,MALrB,WAAAC,CAAAC,G,UAU2BC,KAAAC,OAAkB,MACnCD,KAAAE,QAAmB,MACnBF,KAAAG,SAAoB,MAEHH,KAAAI,UAA+B,SAEhDJ,KAAAK,QAAU,KAChBL,KAAKC,QAAUD,KAAKC,MAAM,C,CAI5B,mBAAAK,CAAoBC,GAElB,GAAKA,EAAGC,OAAuBC,QAAQ,mBAAqBT,KAAKU,GAAI,CACnE,M,CAGFV,KAAKC,OAAS,K,CAGhB,MAAAU,GACE,MAAMC,EAAwBZ,KAAKE,QAAU,kBAAoB,kBACjE,MAAMW,EAAyBb,KAAKG,SAAW,yCAA2C,kBAC1F,MAAMW,EAAgBd,KAAKe,SAAW,YAAYf,KAAKe,WAAa,GACpE,MAAMC,EAAgBhB,KAAKe,SAAW,YAAYf,KAAKe,WAAa,GACpE,MAAME,EAAiBjB,KAAKI,UAAY,aAAaJ,KAAKI,YAAc,GAExE,OACEc,EAAA,WAAAC,IAAA,2CAASC,MAAM,WAAWC,KAAMrB,KAAKC,QACnCiB,EAAA,WAAAC,IAAA,2DAAwBnB,KAAKC,OAAOqB,WAAYC,SAAS,IAAIC,KAAK,SAASnB,QAASL,KAAKK,QAAO,YAAY,KAC1Ga,EAAA,OAAAC,IAAA,2CAAKC,MAAO,UAAUN,KACpBI,EAAA,OAAAC,IAAA,2CAAKC,MAAO,GAAGR,KAAyBC,KACtCK,EAAA,aAAAC,IAAA,2CAAWM,KAAK,kBAAkBL,MAAM,uBAAsB,cAAa,YAIjFF,EAAA,OAAAC,IAAA,2CAAKC,MAAO,iBAAiBH,KAAkBD,KAC7CE,EAAA,QAAAC,IAAA,2CAAMM,KAAK,U","ignoreList":[]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as e,h as a,H as s,a as d}from"./p-d7aae05d.js";import"./p-453fa8b4.js";const r=":host{display:flex;max-width:500px}";const n=r;const i=class{constructor(a){t(this,a);this.roadsegmentedbuttonbarchanged=e(this,"roadsegmentedbuttonbarchanged",7);this.roadSegmentedButtonBarChanged=e(this,"roadSegmentedButtonBarChanged",7)}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadsegmentedbuttonbarchanged.emit({tab:this.selectedTab});this.roadSegmentedButtonBarChanged.emit({tab:this.selectedTab})}}componentWillLoad(){this.selectedTabChanged()}render(){return a(s,{key:"cbe94587012819876109399d72bb1715ac334a9f",role:"tablist"},a("slot",{key:"a1ba2feec5c649ea44f6b534a10a18fc738fede5"}))}get el(){return d(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};i.style=n;export{i as road_segmented_button_bar};
|
|
2
|
+
//# sourceMappingURL=p-8b04fc62.entry.js.map
|