@roadtrip/components 3.39.2 → 3.40.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/app-globals-b7c6ddf0.js.map +1 -1
- package/dist/cjs/{index-bf8a763e.js → index-0e4df560.js} +3 -1
- package/dist/cjs/index-0e4df560.js.map +1 -0
- package/dist/cjs/index-fee0103c.js +8 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/road-accordion.cjs.entry.js +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +3 -3
- package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
- package/dist/cjs/road-banner.cjs.entry.js +1 -1
- package/dist/cjs/road-carousel.cjs.entry.js +1 -1
- package/dist/cjs/road-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/road-chip.cjs.entry.js +1 -1
- package/dist/cjs/road-dialog.cjs.entry.js +1 -1
- package/dist/cjs/road-modal.cjs.entry.js +1 -1
- package/dist/cjs/road-plate-number.cjs.entry.js +1 -1
- package/dist/cjs/road-range.cjs.entry.js +1 -1
- package/dist/cjs/road-rating.cjs.entry.js +1 -1
- package/dist/cjs/road-select-filter.cjs.entry.js +1 -1
- package/dist/cjs/road-select.cjs.entry.js +2 -2
- package/dist/cjs/road-select.cjs.entry.js.map +1 -1
- package/dist/cjs/road-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/road-spinner.cjs.entry.js +1 -1
- package/dist/cjs/road-status-chip.cjs.entry.js +28 -0
- package/dist/cjs/road-status-chip.cjs.entry.js.map +1 -0
- package/dist/cjs/road-switch.cjs.entry.js +2 -2
- package/dist/cjs/road-tab-bar.cjs.entry.js +2 -2
- package/dist/cjs/road-tab-button.cjs.entry.js +2 -2
- package/dist/cjs/road-tab.cjs.entry.js +2 -2
- package/dist/cjs/road-table.cjs.entry.js +1 -1
- package/dist/cjs/road-tabs.cjs.entry.js +1 -1
- package/dist/cjs/road-tag.cjs.entry.js +1 -1
- package/dist/cjs/road-text.cjs.entry.js +1 -1
- package/dist/cjs/road-textarea.cjs.entry.js +1 -1
- package/dist/cjs/road-time-range-picker.cjs.entry.js +100 -0
- package/dist/cjs/road-time-range-picker.cjs.entry.js.map +1 -0
- package/dist/cjs/road-toast.cjs.entry.js +2 -2
- 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/collection-manifest.json +2 -0
- package/dist/collection/components/input/input.js +1 -1
- package/dist/collection/components/input/input.js.map +1 -1
- package/dist/collection/components/patterns/link.stories.js +5 -0
- package/dist/collection/components/select/select.css +9 -0
- package/dist/collection/components/select/select.js +20 -1
- package/dist/collection/components/select/select.js.map +1 -1
- package/dist/collection/components/select/select.stories.js +10 -0
- package/dist/collection/components/select-filter/select-filter.js +1 -1
- package/dist/collection/components/skeleton/skeleton.js +1 -1
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/status-chip/status-chip.css +94 -0
- package/dist/collection/components/status-chip/status-chip.js +54 -0
- package/dist/collection/components/status-chip/status-chip.js.map +1 -0
- package/dist/collection/components/status-chip/status-chip.stories.js +48 -0
- package/dist/collection/components/switch/switch.js +2 -2
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-button/tab-button.js +2 -2
- package/dist/collection/components/table/table.js +1 -1
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/tag/tag.js +1 -1
- package/dist/collection/components/text/text.js +1 -1
- package/dist/collection/components/textarea/textarea.js +1 -1
- package/dist/collection/components/time-range-picker/time-range-picker.css +43 -0
- package/dist/collection/components/time-range-picker/time-range-picker.js +362 -0
- package/dist/collection/components/time-range-picker/time-range-picker.js.map +1 -0
- package/dist/collection/components/time-range-picker/time-range-picker.stories.js +76 -0
- 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/esm/app-globals-05a7fd2f.js.map +1 -1
- package/dist/esm/{index-f1358629.js → index-6de77b28.js} +3 -2
- package/dist/esm/index-6de77b28.js.map +1 -0
- package/dist/esm/index-8dc34f94.js +8 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-accordion.entry.js +1 -1
- package/dist/esm/road-badge_14.entry.js +3 -3
- package/dist/esm/road-badge_14.entry.js.map +1 -1
- package/dist/esm/road-banner.entry.js +1 -1
- package/dist/esm/road-carousel.entry.js +1 -1
- package/dist/esm/road-checkbox.entry.js +1 -1
- package/dist/esm/road-chip.entry.js +1 -1
- package/dist/esm/road-dialog.entry.js +1 -1
- package/dist/esm/road-modal.entry.js +1 -1
- package/dist/esm/road-plate-number.entry.js +1 -1
- package/dist/esm/road-range.entry.js +1 -1
- package/dist/esm/road-rating.entry.js +1 -1
- package/dist/esm/road-select-filter.entry.js +1 -1
- package/dist/esm/road-select.entry.js +2 -2
- package/dist/esm/road-select.entry.js.map +1 -1
- package/dist/esm/road-skeleton.entry.js +1 -1
- package/dist/esm/road-spinner.entry.js +1 -1
- package/dist/esm/road-status-chip.entry.js +24 -0
- package/dist/esm/road-status-chip.entry.js.map +1 -0
- package/dist/esm/road-switch.entry.js +2 -2
- package/dist/esm/road-tab-bar.entry.js +2 -2
- package/dist/esm/road-tab-button.entry.js +2 -2
- package/dist/esm/road-tab.entry.js +2 -2
- package/dist/esm/road-table.entry.js +1 -1
- package/dist/esm/road-tabs.entry.js +1 -1
- package/dist/esm/road-tag.entry.js +1 -1
- package/dist/esm/road-text.entry.js +1 -1
- package/dist/esm/road-textarea.entry.js +1 -1
- package/dist/esm/road-time-range-picker.entry.js +96 -0
- package/dist/esm/road-time-range-picker.entry.js.map +1 -0
- package/dist/esm/road-toast.entry.js +2 -2
- 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 +172 -79
- package/dist/roadtrip/{p-727b8192.entry.js → p-017a76a9.entry.js} +3 -3
- package/dist/roadtrip/{p-727b8192.entry.js.map → p-017a76a9.entry.js.map} +1 -1
- package/dist/roadtrip/p-06bfef98.js.map +1 -1
- package/dist/roadtrip/{p-4c3c1480.entry.js → p-111df7a1.entry.js} +2 -2
- package/dist/roadtrip/{p-cfe1ebe3.entry.js → p-1352bc34.entry.js} +2 -2
- package/dist/roadtrip/{p-ad5bbf7b.entry.js → p-21adfb3f.entry.js} +2 -2
- package/dist/roadtrip/{p-3b05eb04.entry.js → p-2757cbd1.entry.js} +2 -2
- package/dist/roadtrip/{p-8405c529.entry.js → p-29485fb3.entry.js} +2 -2
- package/dist/roadtrip/p-2ae9b559.entry.js +2 -0
- package/dist/roadtrip/{p-1cce4f29.entry.js.map → p-2ae9b559.entry.js.map} +1 -1
- package/dist/roadtrip/{p-c8639b33.entry.js → p-2ff1292b.entry.js} +2 -2
- package/dist/roadtrip/{p-bfca0abd.entry.js → p-324522a1.entry.js} +2 -2
- package/dist/roadtrip/p-4401f218.entry.js +2 -0
- package/dist/roadtrip/p-4401f218.entry.js.map +1 -0
- package/dist/roadtrip/{p-773d810b.entry.js → p-4f1d3834.entry.js} +2 -2
- package/dist/roadtrip/p-55a946f4.js +2 -0
- package/dist/roadtrip/p-55a946f4.js.map +1 -0
- package/dist/roadtrip/{p-3e076a57.entry.js → p-58c773c3.entry.js} +2 -2
- package/dist/roadtrip/{p-a065e029.entry.js → p-6020b36a.entry.js} +2 -2
- package/dist/roadtrip/{p-a426ec75.entry.js → p-651105d3.entry.js} +2 -2
- package/dist/roadtrip/{p-47c44b2b.entry.js → p-6eb30876.entry.js} +2 -2
- package/dist/roadtrip/{p-05d0f91d.entry.js → p-71ea3c01.entry.js} +2 -2
- package/dist/roadtrip/{p-455e929c.entry.js → p-71fe2f8e.entry.js} +2 -2
- package/dist/roadtrip/p-74b17bd6.entry.js +2 -0
- package/dist/roadtrip/p-74b17bd6.entry.js.map +1 -0
- package/dist/roadtrip/{p-7ff27d65.entry.js → p-824b4a68.entry.js} +2 -2
- package/dist/roadtrip/{p-7dc95335.entry.js → p-83ea3a4e.entry.js} +2 -2
- package/dist/roadtrip/{p-ed4c84c4.entry.js → p-a4aa3628.entry.js} +2 -2
- package/dist/roadtrip/{p-713db434.entry.js → p-a4e4986d.entry.js} +2 -2
- package/dist/roadtrip/p-bb7583ee.entry.js +2 -0
- package/dist/roadtrip/{p-c75d28ae.entry.js → p-c1f1efd9.entry.js} +2 -2
- package/dist/roadtrip/{p-dab34668.entry.js → p-cd0c64cb.entry.js} +2 -2
- package/dist/roadtrip/{p-1fe92473.entry.js → p-db5107c4.entry.js} +2 -2
- package/dist/roadtrip/{p-64d67d81.entry.js → p-df353cb6.entry.js} +2 -2
- package/dist/roadtrip/{p-233b3f06.entry.js → p-df4cf8bb.entry.js} +2 -2
- package/dist/roadtrip/{p-18c2b855.entry.js → p-ea7ad722.entry.js} +2 -2
- package/dist/roadtrip/{p-6c43a952.entry.js → p-fbbe77e0.entry.js} +2 -2
- package/dist/roadtrip/{p-f293472d.entry.js → p-fd19056c.entry.js} +2 -2
- package/dist/roadtrip/{p-0c3acb06.entry.js → p-fef9b54c.entry.js} +2 -2
- package/dist/roadtrip/p-fef9b54c.entry.js.map +1 -0
- 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/select/select.d.ts +4 -0
- package/dist/types/components/status-chip/status-chip.d.ts +11 -0
- package/dist/types/components/time-range-picker/time-range-picker.d.ts +57 -0
- package/dist/types/components.d.ts +143 -0
- package/hydrate/index.js +249 -102
- package/hydrate/index.mjs +249 -102
- package/package.json +4 -4
- package/dist/cjs/index-bf8a763e.js.map +0 -1
- package/dist/esm/index-f1358629.js.map +0 -1
- package/dist/roadtrip/p-0c3acb06.entry.js.map +0 -1
- package/dist/roadtrip/p-1cce4f29.entry.js +0 -2
- package/dist/roadtrip/p-6d7895b7.entry.js +0 -2
- package/dist/roadtrip/p-db82e012.js +0 -2
- package/dist/roadtrip/p-db82e012.js.map +0 -1
- /package/dist/roadtrip/{p-4c3c1480.entry.js.map → p-111df7a1.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-cfe1ebe3.entry.js.map → p-1352bc34.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-ad5bbf7b.entry.js.map → p-21adfb3f.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-3b05eb04.entry.js.map → p-2757cbd1.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-8405c529.entry.js.map → p-29485fb3.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c8639b33.entry.js.map → p-2ff1292b.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-bfca0abd.entry.js.map → p-324522a1.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-773d810b.entry.js.map → p-4f1d3834.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-3e076a57.entry.js.map → p-58c773c3.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-a065e029.entry.js.map → p-6020b36a.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-a426ec75.entry.js.map → p-651105d3.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-47c44b2b.entry.js.map → p-6eb30876.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-05d0f91d.entry.js.map → p-71ea3c01.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-455e929c.entry.js.map → p-71fe2f8e.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-7ff27d65.entry.js.map → p-824b4a68.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-7dc95335.entry.js.map → p-83ea3a4e.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-ed4c84c4.entry.js.map → p-a4aa3628.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-713db434.entry.js.map → p-a4e4986d.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-6d7895b7.entry.js.map → p-bb7583ee.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c75d28ae.entry.js.map → p-c1f1efd9.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-dab34668.entry.js.map → p-cd0c64cb.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-1fe92473.entry.js.map → p-db5107c4.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-64d67d81.entry.js.map → p-df353cb6.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-233b3f06.entry.js.map → p-df4cf8bb.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-18c2b855.entry.js.map → p-ea7ad722.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-6c43a952.entry.js.map → p-fbbe77e0.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-f293472d.entry.js.map → p-fd19056c.entry.js.map} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["selectCss","RoadSelectStyle0","Select","constructor","hostRef","this","selectId","selectIds","options","autofocus","disabled","name","required","size","sizes","label","onChange","ev","select","target","value","onBlur","roadblur","emit","roadBlur","onFocus","roadfocus","roadFocus","valueChanged","resetSelection","addSelected","roadchange","roadChange","componentWillLoad","forEach","option","selected","selectedOption","find","render","labelId","hasValueClass","isInvalidClass","error","undefined","h","Host","key","class","id","autoFocus","hidden","style","display","map","htmlFor"],"sources":["src/components/select/select.css?tag=road-select&encapsulation=scoped","src/components/select/select.tsx"],"sourcesContent":["/*\n * Select\n *\n * Index\n * - Select\n * - Label\n * - Sizes\n * - Error\n */\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/* SELECT\n -------------------- */\n\n.form-select {\n box-sizing: border-box;\n display: block;\n width: 100%;\n height: auto;\n padding: 0.75rem 3rem 0 1rem;\n margin: 0;\n font-size: var(--road-body-medium);\n line-height: 1.5;\n color: var(--road-on-surface);\n background: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right 1rem center/1.5rem 2rem;\n background-color: 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.form-select:-moz-focusring {\n color: transparent;\n text-shadow: 0 0 0 #000000;\n}\n\n.form-select::-ms-expand { /* IE fix remove native arrow */\n display: none;\n}\n\n/**\n * Placeholder\n */\n\n.form-select::placeholder {\n color: var(--road-on-surface-extra-weak);\n}\n\n/**\n * Hover state\n */\n\n@media (hover: hover) {\n\n .form-select:not(:disabled):hover {\n border-color: var(--road-input-outline-variant);\n }\n}\n\n/**\n * Focus state\n */\n\n.form-select:focus ~ .form-select-label,\n.form-select[required]:valid ~ .form-select-label,\n.form-select.has-value ~ .form-select-label {\n transform: scale(0.625) translateY(-0.625rem);\n}\n\n/**\n * Disabled state\n */\n\n.form-select:disabled,\n.form-select[readonly] {\n color: var(--road-on-surface-disabled);\n cursor: not-allowed;\n background-color: var(--road-surface-disabled);\n opacity: 1;\n}\n\n/* LABEL\n -------------------- */\n\n.form-select-label {\n position: absolute;\n top: 0.75rem;\n left: 1rem;\n display: block;\n font-size: var(--road-label-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}\n\n.form-select:required ~ .form-select-label::after{\n color: var(--road-on-danger-surface);\n content: \" *\";\n}\n\n/* SIZES\n -------------------- */\n\n:host(.select-xl) .form-select {\n min-height: 3.5rem;\n padding: 1rem 1rem 0;\n}\n\n:host(.select-xl) .form-select-label {\n top: 1rem;\n}\n\n:host(.select-xl) .form-select:focus ~ .form-select-label,\n:host(.select-xl) .form-select[required]:valid ~ .form-select-label,\n:host(.select-xl) .form-select.has-value ~ .form-select-label,\n:host(.select-xl) .form-select[type=\"date\"] ~ .form-select-label,\n:host(.select-xl) .form-select[type=\"time\"] ~ .form-select-label {\n transform: scale(0.75) translateY(-0.625rem);\n}\n\n:host(.select-xl) .form-select:placeholder-shown ~ .form-select-label {\n transform: scale(0.75) translateY(-0.625rem);\n}\n\n:host(.select-lg) .form-select {\n min-height: 3rem;\n}\n\n:host(.select-md) .form-select {\n min-height: 2.5rem;\n padding: 1rem 1rem 0;\n font-size: var(--road-body-small);\n}\n\n:host(.select-md) .form-select-label {\n top: 0.5rem;\n}\n\n:host(.select-md) .form-select:focus ~ .form-select-label,\n:host(.select-md) .form-select[required]:valid ~ .form-select-label,\n:host(.select-md) .form-select.has-value ~ .form-select-label,\n:host(.select-md) .form-select[type=\"date\"] ~ .form-select-label,\n:host(.select-md) .form-select[type=\"time\"] ~ .form-select-label {\n transform: scale(0.75) translateY(-0.625rem);\n}\n\n:host(.select-md) .form-select:placeholder-shown ~ .form-select-label {\n transform: scale(0.75) translateY(-0.625rem);\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-body-small);\n color: var(--road-on-danger-surface);\n}\n\n.form-select.is-invalid,\n.was-validated .form-select:invalid {\n border-color: var(--road-on-danger-surface);\n}\n\n.form-select.is-invalid ~ .invalid-feedback,\n.was-validated .form-select:invalid ~ .invalid-feedback {\n display: block;\n}\n","import { Component, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\n\n@Component({\n tag: 'road-select',\n styleUrl: 'select.css',\n scoped: true,\n})\nexport class Select {\n\n /**\n * The id of select\n */\n @Prop() selectId: string = `road-select-${selectIds++}`;\n\n /**\n * List of options of the select\n */\n @Prop() options: Array<{\n value: string | number;\n label: string;\n selected?: boolean;\n }> = [];\n\n /**\n * This Boolean attribute lets you specify that a form control should have input focus when the page loads.\n */\n @Prop() autofocus: boolean = false;\n\n /**\n * If `true`, the user cannot interact with the select.\n */\n @Prop() disabled: boolean = false;\n\n /**\n * The name of the control, which is submitted with the form data.\n */\n @Prop() name: string = this.selectId;\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 the control is presented as a scrolling list box (e.g. when multiple is specified),\n * this attribute represents the number of rows in the list that should be visible at one time.\n */\n @Prop() size: number = 0;\n\n /**\n * The sizes of the input.\n */\n @Prop() sizes: 'md' | 'lg' | 'xl' = 'xl';\n\n /**\n * Label for the field\n */\n @Prop() label: string = `${this.selectId}-label`;\n\n /**\n * Error message for the field\n */\n @Prop() error?: string;\n\n /**\n * the value of the select.\n */\n @Prop({ mutable: true }) value?: any | null;\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 select has focus.\n */\n @Event() roadfocus!: EventEmitter<void>;\n /** @internal */\n @Event() roadFocus!: EventEmitter<void>;\n\n /**\n * Emitted when the select loses focus.\n */\n @Event() roadblur!: EventEmitter<void>;\n /** @internal */\n @Event() roadBlur!: EventEmitter<void>;\n\n @Watch('value')\n valueChanged() {\n if (this.value === null) {\n this.resetSelection();\n } else {\n this.addSelected();\n }\n\n this.roadchange.emit({\n value: this.value,\n });\n this.roadChange.emit({\n value: this.value,\n });\n }\n\n componentWillLoad() {\n if (this.value === null) {\n this.resetSelection();\n } else {\n this.addSelected();\n }\n }\n\n addSelected() {\n // Désélection de toutes les options\n this.options.forEach(option => option.selected = false);\n\n // Sélection de la nouvelle option si elle correspond à la valeur actuelle\n const selectedOption = this.options.find(option => option.value == this.value);\n if (selectedOption) {\n selectedOption.selected = true;\n }\n }\n\n resetSelection() {\n this.value = null;\n this.options.forEach(option => option.selected = false);\n }\n\n private onChange = (ev: Event) => {\n const select = ev.target as HTMLSelectElement | null;\n if (select) {\n this.value = select.value || null;\n }\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 labelId = this.selectId + '-label';\n const hasValueClass = this.value && this.value !== '' ? 'has-value' : '';\n const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';\n\n return (\n <Host class={this.sizes && `select-${this.sizes}`}>\n <select\n class={`form-select ${hasValueClass} ${isInvalidClass}`}\n id={this.selectId}\n aria-disabled={this.disabled ? 'true' : null}\n autoFocus={this.autofocus}\n disabled={this.disabled}\n name={this.name}\n required={this.required}\n size={this.size}\n onChange={this.onChange}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n >\n <option\n selected={!this.value} // sélectionné si this.value est null ou vide\n disabled\n hidden\n style={{ display: 'none' }}\n value=\"\"\n >\n </option>\n {this.options && this.options.map(option => (\n <option\n value={option.value}\n selected={this.value !== null && option.value == this.value}\n >\n {option.label}\n </option>\n ))}\n </select>\n <label class=\"form-select-label\" id={labelId} htmlFor={this.selectId}>{this.label}</label>\n {this.error && this.error !== '' && <p class=\"invalid-feedback\">{this.error}</p>}\n </Host>\n );\n }\n\n}\n\nlet selectIds = 0;\n"],"mappings":"yDAAA,MAAMA,EAAY,opIAClB,MAAAC,EAAeD,E,MCMFE,EAAM,MALnB,WAAAC,CAAAC,G,wOAUUC,KAAAC,SAAmB,eAAeC,MAKlCF,KAAAG,QAIH,GAKGH,KAAAI,UAAqB,MAKrBJ,KAAAK,SAAoB,MAKpBL,KAAAM,KAAeN,KAAKC,SAKpBD,KAAAO,SAAoB,MAMpBP,KAAAQ,KAAe,EAKfR,KAAAS,MAA4B,KAK5BT,KAAAU,MAAgB,GAAGV,KAAKC,iBA6ExBD,KAAAW,SAAYC,IAClB,MAAMC,EAASD,EAAGE,OAClB,GAAID,EAAQ,CACVb,KAAKe,MAAQF,EAAOE,OAAS,I,GAIzBf,KAAAgB,OAAS,KACfhB,KAAKiB,SAASC,OACdlB,KAAKmB,SAASD,MAAM,EAGdlB,KAAAoB,QAAU,KAChBpB,KAAKqB,UAAUH,OACflB,KAAKsB,UAAUJ,MAAM,C,CArDvB,YAAAK,GACE,GAAIvB,KAAKe,QAAU,KAAM,CACvBf,KAAKwB,gB,KACA,CACLxB,KAAKyB,a,CAGPzB,KAAK0B,WAAWR,KAAK,CACnBH,MAAOf,KAAKe,QAEdf,KAAK2B,WAAWT,KAAK,CACnBH,MAAOf,KAAKe,O,CAIhB,iBAAAa,GACE,GAAI5B,KAAKe,QAAU,KAAM,CACvBf,KAAKwB,gB,KACA,CACLxB,KAAKyB,a,EAIT,WAAAA,GAEEzB,KAAKG,QAAQ0B,SAAQC,GAAUA,EAAOC,SAAW,QAGjD,MAAMC,EAAiBhC,KAAKG,QAAQ8B,MAAKH,GAAUA,EAAOf,OAASf,KAAKe,QACxE,GAAIiB,EAAgB,CAClBA,EAAeD,SAAW,I,EAI9B,cAAAP,GACExB,KAAKe,MAAQ,KACbf,KAAKG,QAAQ0B,SAAQC,GAAUA,EAAOC,SAAW,O,CAoBnD,MAAAG,GACE,MAAMC,EAAUnC,KAAKC,SAAW,SAChC,MAAMmC,EAAgBpC,KAAKe,OAASf,KAAKe,QAAU,GAAK,YAAc,GACtE,MAAMsB,EAAiBrC,KAAKsC,QAAUC,WAAavC,KAAKsC,QAAU,GAAK,aAAe,GAEtF,OACEE,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO3C,KAAKS,OAAS,UAAUT,KAAKS,SACxC+B,EAAA,UAAAE,IAAA,2CACAC,MAAO,eAAeP,KAAiBC,IACvCO,GAAI5C,KAAKC,SAAQ,gBACFD,KAAKK,SAAW,OAAS,KACxCwC,UAAW7C,KAAKI,UAChBC,SAAUL,KAAKK,SACfC,KAAMN,KAAKM,KACXC,SAAUP,KAAKO,SACfC,KAAMR,KAAKQ,KACXG,SAAUX,KAAKW,SACfS,QAASpB,KAAKoB,QACdJ,OAAQhB,KAAKgB,QAEbwB,EAAA,UAAAE,IAAA,2CACEX,UAAW/B,KAAKe,MAChBV,SAAQ,KACRyC,OAAM,KACNC,MAAO,CAAEC,QAAS,QAClBjC,MAAM,KAGPf,KAAKG,SAAWH,KAAKG,QAAQ8C,KAAInB,GAChCU,EAAA,UACEzB,MAAOe,EAAOf,MACdgB,SAAU/B,KAAKe,QAAU,MAAQe,EAAOf,OAASf,KAAKe,OAErDe,EAAOpB,UAIZ8B,EAAA,SAAAE,IAAA,2CAAOC,MAAM,oBAAoBC,GAAIT,EAASe,QAASlD,KAAKC,UAAWD,KAAKU,OAC3EV,KAAKsC,OAAStC,KAAKsC,QAAU,IAAME,EAAA,KAAAE,IAAA,2CAAGC,MAAM,oBAAoB3C,KAAKsC,O,wDAO9E,IAAIpC,EAAY,E","ignoreList":[]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as o,a}from"./p-d7aae05d.js";const r=':host{box-sizing:border-box;font-weight:700;color:var(--tab-color);outline:0;transition:background 0.15s ease-in-out}:host(.tab-secondary){--tab-underline-selected:var(--road-secondary-600)}:host(.tab-selected){color:var(--tab-color-selected)}:host(.tab-selected) ::slotted(road-icon){color:var(--tab-color-selected)}:host(.tab-selected) .button-native::after{height:2px;background:var(--tab-underline-selected);opacity:1;transform:none}:host(:hover){background:var(--tab-background-hover)}:host(.focus-visible){background:var(--tab-background-focused);outline:auto}:host(.tab-disabled){background:var(--road-surface-disabled)}:host(.tab-disabled) .button-native{cursor:not-allowed}:host(.tab-disabled) ::slotted(road-label){color: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%;min-height:3.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)}.button-native::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:0;content:"";background-color:var(--road-input-outline);opacity:1;transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transform:none;transform-origin:center}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%}:host ::slotted(road-icon){color:var(--tab-color)}:host(.tab-layout-icon-start) ::slotted(road-icon){margin-right:0.5rem}:host(.tab-layout-icon-top) .button-inner{flex-direction:column}:host ::slotted(road-label){display:-webkit-box;max-width:12.5rem;overflow:hidden;font-size:1rem;color:var(--road-on-surface);-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;text-overflow:ellipsis;white-space:inherit}:host(.tab-layout-icon-top) ::slotted(road-label){margin-top:0.25rem;font-size:1rem}';const n=r;const s=class{constructor(i){t(this,i);this.roadtabbuttonclick=e(this,"roadtabbuttonclick",7);this.roadTabButtonClick=e(this,"roadTabButtonClick",7);this.layout="icon-start";this.selected=false;this.disabled=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onTabBarChanged(t){const e=t.target;const i=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(i)||e&&e.contains(this.el)){this.selected=this.tab===t.detail.tab}}selectTab(t){if(this.tab!==undefined){this.roadtabbuttonclick.emit({tab:this.tab,href:this.href,selected:this.selected});this.roadTabButtonClick.emit({tab:this.tab,href:this.href,selected:this.selected});t.preventDefault()}}get hasLabel(){return!!this.el.querySelector("road-label")}get hasIcon(){return!!this.el.querySelector("road-icon")}get tabIndex(){const t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0}render(){const{hasIcon:t,hasLabel:e,tabIndex:a,href:r,rel:n,target:s,layout:l,selected:d,tab:b,disabled:c}=this;const h={download:this.download,href:!c?r:undefined,rel:n,target:s};return i(o,{key:"6fdae83a0fe22652c51b92874265e2c32787063d",onClick:t=>!c&&this.onClick(t),onKeyup:t=>!c&&this.onKeyUp(t),role:"tab",tabindex:c?-1:a,"aria-selected":d?"true":"false","aria-disabled":c?"true":null,id:b!==undefined?`tab-button-${b}`:null,class:{"tab-selected":d,"tab-has-label":e,"tab-has-icon":t,"tab-has-label-only":e&&!t,"tab-has-icon-only":t&&!e,[`tab-layout-${l}`]:true,"tab-disabled":c}},i("a",Object.assign({key:"dc85019d7861a227495a165790d2e5b025f1f979"},h,{tabIndex:-1,class:"button-native",part:"native"}),i("span",{key:"59d9387c00bb48a34f425d9af782e3568f566263",class:"button-inner"},i("slot",{key:"54290ac6eee4506846c8756f5141b493e6ebcc13"}))))}get el(){return a(this)}};s.style=n;export{s as road_tab_button};
|
|
2
|
-
//# sourceMappingURL=p-1cce4f29.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as a,h as t,H as e,a as s}from"./p-d7aae05d.js";const d=":host{display:block}:host(.tab-hidden){display:none}";const i=d;const n=class{constructor(t){a(this,t);this.active=false}async componentWillLoad(){if(this.active){await this.setActive()}}onTabBarChanged(a){this.active=this.tab===a.detail.tab}async setActive(){this.active=true}render(){const{tab:a,active:s}=this;return t(e,{key:"10d79bb43319e005cf57d629ea4f678e3f3a5ae2",role:"tabpanel","aria-hidden":!s?"true":null,"aria-labelledby":`tab-button-${a}`,class:{"tab-hidden":!s}},t("slot",{key:"d11c7858cddf2b5da0db945ee9f69f52d02d7c16"}))}get el(){return s(this)}};n.style=i;export{n as road_tab};
|
|
2
|
-
//# sourceMappingURL=p-6d7895b7.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
const a='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M40.115 55.5h-15.74a4.222 4.222 0 0 1-3.005-1.245l-11.13-11.13a4.222 4.222 0 0 1-1.245-3.005V24.38a4.222 4.222 0 0 1 1.245-3l11.13-11.13a4.222 4.222 0 0 1 3.005-1.245h15.74a4.222 4.222 0 0 1 3.005 1.245l11.13 11.13a4.222 4.222 0 0 1 1.245 3v15.74a4.222 4.222 0 0 1-1.245 3.005l-11.13 11.13a4.222 4.222 0 0 1-3.005 1.245Zm-15.74-44a1.738 1.738 0 0 0-1.237.513l-11.13 11.13a1.738 1.738 0 0 0-.513 1.237v15.74a1.742 1.742 0 0 0 .513 1.238l11.13 11.129a1.738 1.738 0 0 0 1.237.513h15.74a1.738 1.738 0 0 0 1.237-.513l11.13-11.129a1.742 1.742 0 0 0 .513-1.238V24.38a1.738 1.738 0 0 0-.513-1.237l-11.13-11.13a1.738 1.738 0 0 0-1.237-.513Z"/><path d="M30.75 21.368h3v14.003h-3zm0 18.435h3v3.329h-3z"/></svg>';const t='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M33.75 29.128h-3v14.004h3V29.128Zm0-7.76h-3v3.328h3v-3.328Z"/><path d="M32.25 55.5A23.276 23.276 0 0 1 9 32.25 23.276 23.276 0 0 1 32.25 9 23.276 23.276 0 0 1 55.5 32.25 23.276 23.276 0 0 1 32.25 55.5Zm0-44A20.774 20.774 0 0 0 11.5 32.25 20.773 20.773 0 0 0 32.25 53 20.774 20.774 0 0 0 53 32.25 20.774 20.774 0 0 0 32.25 11.5Z"/></svg>';const v='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M32.25 55.5A23.276 23.276 0 0 1 9 32.25 23.276 23.276 0 0 1 32.25 9 23.276 23.276 0 0 1 55.5 32.25 23.276 23.276 0 0 1 32.25 55.5Zm0-44A20.774 20.774 0 0 0 11.5 32.25 20.774 20.774 0 0 0 32.25 53 20.773 20.773 0 0 0 53 32.25 20.774 20.774 0 0 0 32.25 11.5Z"/><path d="m29.53 40.779-6.964-6.963 1.768-1.768 5.2 5.2 12.637-12.64 1.768 1.768Z"/></svg>';const h='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M34.295 23.155h-3v14.003h3V23.155Zm0 18.435h-3v3.329h3V41.59Z"/><path d="M53.334 53.074H12.256a4.206 4.206 0 0 1-3.68-2.125 4.21 4.21 0 0 1 0-4.25l20.539-35.574A4.208 4.208 0 0 1 32.795 9a4.208 4.208 0 0 1 3.681 2.125L57.015 46.7a4.21 4.21 0 0 1 0 4.25 4.208 4.208 0 0 1-3.681 2.125ZM32.795 11.5a1.73 1.73 0 0 0-1.515.875L10.741 47.95a1.734 1.734 0 0 0 0 1.75 1.734 1.734 0 0 0 1.515.875h41.078a1.733 1.733 0 0 0 1.516-.875 1.734 1.734 0 0 0 0-1.75L34.311 12.375a1.733 1.733 0 0 0-1.516-.875Z"/></svg>';const s='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="m25.59 39.75-8.34-8.34-2.84 2.82 11.18 11.18 24-24-2.82-2.82Z"/></svg>';const d='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="m22.457 49.187-.774-2.406-.773 2.406h-2.523l2.013 1.489-.774 2.406 2.038-1.482 2.046 1.474-.773-2.407 2.042-1.481ZM19.66 17.173l2.058-1.493 2.042 1.481-.773-2.406 2.042-1.482h-2.522l-.774-2.406-.773 2.406-2.569.012 2.043 1.482Zm-5.66.99-.774 2.406H10.7l2.023 1.482-.774 2.406L14 22.975l2.027 1.466-.774-2.406 2.047-1.466h-2.529ZM32.743 52.1l-.774-2.406-.774 2.406H28.65l2.043 1.482-.774 2.406 2.042-1.488L34 55.984l-.774-2.406 2.047-1.478Zm-2.735-37.79 2.042-1.481 2.043 1.481-.774-2.41 2.043-1.481h-2.523l-.773-2.407-.774 2.407h-2.553l2.042 1.481ZM14.647 41.644l-.774-2.406-.773 2.406h-2.523l2.043 1.481-.774 2.406 2.043-1.481 2.042 1.481-.8-2.406 2.043-1.481Zm-3.613-8.139 2.042 1.481-.776-2.406 2.045-1.48h-2.514l-.774-2.406-.774 2.406H7.761l2 1.481-.774 2.406Zm37.004-8.982 2.039-1.49 2.042 1.482-.774-2.406 2.043-1.482h-2.522l-.774-2.406-.774 2.406-2.549.008 2.043 1.481Zm2.828 17.194-.774-2.406-.774 2.406H46.8l2.039 1.483-.774 2.4 2.043-1.482L52.15 45.6l-.785-2.4 2.042-1.482Zm5.373-10.529h-2.522l-.774-2.406-.774 2.406h-2.522l2.043 1.481-.774 2.406 2.043-1.481L55 35.075l-.8-2.406ZM42.367 10.9l-.774 2.407h-2.522l2.047 1.493-.774 2.4 2.042-1.482 2.043 1.482-.774-2.406 2.062-1.489h-2.576Zm.642 38.329-.773-2.406-.774 2.406h-2.5L41 50.711l-.774 2.406 2.042-1.481 2.043 1.481-.824-2.406 2.042-1.482Z"/></svg>';const l='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M49.87 30.19H14.51v4h35.36v-4Z"/></svg>';const i='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M14.706 31.135h35.355v2.5H14.706z"/></svg>';const g='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M49.87 30.19H34.19V14.51h-4v15.68H14.51v4h15.68v15.68h4V34.19h15.68v-4Z"/></svg>';const e='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M28.121 46.121 26 44l11.44-11.44L26 21.121 28.121 19l13.561 13.56Z"/></svg>';const m='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="m19 20.767 1.768-1.768 25 25L44 45.767z"/><path d="m19 44 25-25 1.768 1.768-25 25z"/></svg>';const Z='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M32 47.425V6.5l7.514 17.755 19.17 1.637L44.152 38.61l4.384 18.89Z"/><path d="M32 47.425 15.461 57.5l4.387-18.89L5.316 25.892l19.165-1.637L32 6.5Z" fill="var(--road-warning-icon, rgb(234, 157, 19))"/></svg>';const r='data:image/svg+xml;utf8,<svg viewBox="0 0 64 64" aria-hidden="true" ><path d="M32 47.425V6.5l7.514 17.755 19.17 1.637L44.152 38.61l4.384 18.89Zm0 0L15.461 57.5l4.387-18.89L5.316 25.892l19.165-1.637L32 6.5Z"/></svg>';export{m as a,i as b,s as c,t as d,a as e,h as f,v as g,l as h,g as i,Z as j,d as l,e as n,r as s};
|
|
2
|
-
//# sourceMappingURL=p-db82e012.js.map
|