@roadtrip/components 3.10.0 → 3.10.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/_commonjsHelpers-1fbbf0eb.js +23 -0
- package/dist/cjs/_commonjsHelpers-1fbbf0eb.js.map +1 -0
- package/dist/cjs/{focus-visible-a5d1ccf9.js → focus-visible-6771892b.js} +6 -20
- package/dist/cjs/focus-visible-6771892b.js.map +1 -0
- package/dist/cjs/index.cjs.js +2 -0
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{polyfill-c7a0fa22.js → polyfill-9453e116.js} +2 -2
- package/dist/cjs/{polyfill-c7a0fa22.js.map → polyfill-9453e116.js.map} +1 -1
- package/dist/cjs/road-accordion.cjs.entry.js +1 -1
- package/dist/cjs/road-area-code.cjs.entry.js +23 -2
- package/dist/cjs/road-area-code.cjs.entry.js.map +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +5 -3
- package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
- package/dist/cjs/road-button-floating.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-global-navigation.cjs.entry.js +1 -1
- package/dist/cjs/road-illustration.cjs.entry.js +4 -71
- package/dist/cjs/road-illustration.cjs.entry.js.map +1 -1
- package/dist/cjs/road-navbar.cjs.entry.js +1 -1
- package/dist/cjs/road-phone-number-input.cjs.entry.js +1269 -5692
- package/dist/cjs/road-phone-number-input.cjs.entry.js.map +1 -1
- package/dist/cjs/road-radio.cjs.entry.js +1 -1
- package/dist/cjs/road-segmented-button-bar.cjs.entry.js +1 -1
- package/dist/cjs/road-switch.cjs.entry.js +1 -1
- package/dist/cjs/road-tab-bar.cjs.entry.js +1 -1
- package/dist/cjs/road-tag.cjs.entry.js +1 -1
- package/dist/cjs/road-toggle.cjs.entry.js +1 -1
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/cjs/utils-5203d152.js +82 -0
- package/dist/cjs/utils-5203d152.js.map +1 -0
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/area-code/area-code.css +64 -40
- package/dist/collection/components/area-code/area-code.js +65 -4
- package/dist/collection/components/area-code/area-code.js.map +1 -1
- package/dist/collection/components/button/button.css +36 -1
- package/dist/collection/components/button/button.js +22 -1
- package/dist/collection/components/button/button.js.map +1 -1
- package/dist/collection/components/button/button.stories.js +13 -0
- package/dist/collection/components/phone-number-input/phone-number-input.css +0 -5
- package/dist/collection/components/phone-number-input/phone-number-input.js +128 -62
- package/dist/collection/components/phone-number-input/phone-number-input.js.map +1 -1
- package/dist/collection/components/phone-number-input/phone-number-input.stories.js +11 -5
- package/dist/collection/index.js +1 -0
- package/dist/collection/index.js.map +1 -1
- package/dist/esm/_commonjsHelpers-8a9f3b18.js +19 -0
- package/dist/esm/_commonjsHelpers-8a9f3b18.js.map +1 -0
- package/dist/esm/{focus-visible-0fc6119c.js → focus-visible-75a2ea2a.js} +3 -17
- package/dist/esm/focus-visible-75a2ea2a.js.map +1 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/polyfill-ab80527b.js +7 -0
- package/dist/esm/{polyfill-2b159e86.js.map → polyfill-ab80527b.js.map} +1 -1
- package/dist/esm/road-accordion.entry.js +1 -1
- package/dist/esm/road-area-code.entry.js +23 -2
- package/dist/esm/road-area-code.entry.js.map +1 -1
- package/dist/esm/road-badge_14.entry.js +5 -3
- package/dist/esm/road-badge_14.entry.js.map +1 -1
- package/dist/esm/road-button-floating.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-global-navigation.entry.js +1 -1
- package/dist/esm/road-illustration.entry.js +2 -69
- package/dist/esm/road-illustration.entry.js.map +1 -1
- package/dist/esm/road-navbar.entry.js +1 -1
- package/dist/esm/road-phone-number-input.entry.js +1269 -5692
- package/dist/esm/road-phone-number-input.entry.js.map +1 -1
- package/dist/esm/road-radio.entry.js +1 -1
- package/dist/esm/road-segmented-button-bar.entry.js +1 -1
- package/dist/esm/road-switch.entry.js +1 -1
- package/dist/esm/road-tab-bar.entry.js +1 -1
- package/dist/esm/road-tag.entry.js +1 -1
- package/dist/esm/road-toggle.entry.js +1 -1
- package/dist/esm/roadtrip.js +1 -1
- package/dist/esm/utils-ff713b72.js +77 -0
- package/dist/esm/utils-ff713b72.js.map +1 -0
- package/dist/html.html-data.json +18 -2
- package/dist/roadtrip/index.esm.js +1 -1
- package/dist/roadtrip/{p-f0e8feac.entry.js → p-093973f5.entry.js} +2 -2
- package/dist/roadtrip/{p-3237c0d8.entry.js → p-0bcf6d63.entry.js} +2 -2
- package/dist/roadtrip/{p-9077915a.entry.js → p-198f586b.entry.js} +2 -2
- package/dist/roadtrip/{p-c784a407.entry.js → p-439e1124.entry.js} +2 -2
- package/dist/roadtrip/{p-4b54f8e8.entry.js → p-4fd8c4db.entry.js} +2 -2
- package/dist/roadtrip/{p-10856fef.entry.js → p-564f4f31.entry.js} +2 -2
- package/dist/roadtrip/p-5f9e6c1c.entry.js +2 -0
- package/dist/roadtrip/p-5f9e6c1c.entry.js.map +1 -0
- package/dist/roadtrip/p-6598e293.entry.js +2 -0
- package/dist/roadtrip/p-6598e293.entry.js.map +1 -0
- package/dist/roadtrip/p-74980317.entry.js +2 -0
- package/dist/roadtrip/p-74980317.entry.js.map +1 -0
- package/dist/roadtrip/{p-c709f80e.entry.js → p-7c4b331c.entry.js} +2 -2
- package/dist/roadtrip/p-7d5dbd9a.js +2 -0
- package/dist/roadtrip/p-7d5dbd9a.js.map +1 -0
- package/dist/roadtrip/p-7ec2d494.js +2 -0
- package/dist/roadtrip/p-7ec2d494.js.map +1 -0
- package/dist/roadtrip/p-a484102a.entry.js +2 -0
- package/dist/roadtrip/p-a484102a.entry.js.map +1 -0
- package/dist/roadtrip/{p-7390ad20.entry.js → p-b5727aae.entry.js} +2 -2
- package/dist/roadtrip/p-c259efd7.js +2 -0
- package/dist/roadtrip/{p-4f31338d.js.map → p-c259efd7.js.map} +1 -1
- package/dist/roadtrip/{p-91070a4d.entry.js → p-c8e9807b.entry.js} +2 -2
- package/dist/roadtrip/p-e8c090a5.js +2 -0
- package/dist/roadtrip/{p-3f7c8122.entry.js → p-ebe3c26a.entry.js} +2 -2
- package/dist/roadtrip/{p-a1a25a51.entry.js → p-ee0196ea.entry.js} +2 -2
- package/dist/roadtrip/{p-c0c088c1.entry.js → p-f671758f.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/area-code/area-code.d.ts +4 -0
- package/dist/types/components/button/button.d.ts +5 -0
- package/dist/types/components/phone-number-input/phone-number-input.d.ts +21 -10
- package/dist/types/components.d.ts +33 -18
- package/dist/types/index.d.ts +1 -0
- package/hydrate/index.js +1379 -5773
- package/illustrations/illustrations.svg +1 -0
- package/illustrations/index.d.ts +11 -0
- package/illustrations/index.js +11 -0
- package/package.json +4 -2
- package/dist/cjs/focus-visible-a5d1ccf9.js.map +0 -1
- package/dist/esm/focus-visible-0fc6119c.js.map +0 -1
- package/dist/esm/polyfill-2b159e86.js +0 -7
- package/dist/roadtrip/p-0ffe42f9.entry.js +0 -2
- package/dist/roadtrip/p-0ffe42f9.entry.js.map +0 -1
- package/dist/roadtrip/p-12fd8791.js +0 -2
- package/dist/roadtrip/p-4f31338d.js +0 -2
- package/dist/roadtrip/p-6fb0d348.entry.js +0 -2
- package/dist/roadtrip/p-6fb0d348.entry.js.map +0 -1
- package/dist/roadtrip/p-80560610.entry.js +0 -2
- package/dist/roadtrip/p-80560610.entry.js.map +0 -1
- package/dist/roadtrip/p-c9a1dd14.entry.js +0 -2
- package/dist/roadtrip/p-c9a1dd14.entry.js.map +0 -1
- /package/dist/roadtrip/{p-f0e8feac.entry.js.map → p-093973f5.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-3237c0d8.entry.js.map → p-0bcf6d63.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-9077915a.entry.js.map → p-198f586b.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c784a407.entry.js.map → p-439e1124.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-4b54f8e8.entry.js.map → p-4fd8c4db.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-10856fef.entry.js.map → p-564f4f31.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c709f80e.entry.js.map → p-7c4b331c.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-7390ad20.entry.js.map → p-b5727aae.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-91070a4d.entry.js.map → p-c8e9807b.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-12fd8791.js.map → p-e8c090a5.js.map} +0 -0
- /package/dist/roadtrip/{p-3f7c8122.entry.js.map → p-ebe3c26a.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-a1a25a51.entry.js.map → p-ee0196ea.entry.js.map} +0 -0
- /package/dist/roadtrip/{p-c0c088c1.entry.js.map → p-f671758f.entry.js.map} +0 -0
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-e4bd5b5f.js');
|
|
6
|
-
require('./polyfill-
|
|
6
|
+
require('./polyfill-9453e116.js');
|
|
7
7
|
|
|
8
8
|
const radioCss = ".sc-road-radio-h{position:relative;display:block;margin-bottom:1.5rem;font-family:var(--road-font, sans-serif);font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface)}.form-radio-inline.sc-road-radio-h{display:inline-flex;flex-wrap:wrap;align-items:center;margin-right:1.5rem;margin-bottom:0}.form-radio-input.sc-road-radio{position:absolute;z-index:-1;width:20px;height:20px;opacity:0}.form-radio-input.sc-road-radio:disabled{z-index:1;width:100%;cursor:not-allowed}.form-radio-label.sc-road-radio{position:relative;display:inline-flex;align-items:flex-start;margin:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-radio-label.sc-road-radio::before{box-sizing:border-box;display:block;flex-shrink:0;width:1.25rem;height:1.25rem;margin:0.1rem 0.75rem 0 0;content:\"\";background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:50%;transition:border-color 0.2s ease-in-out}.form-radio-label.sc-road-radio::after{position:absolute;top:0.285rem;left:0.1875rem;box-sizing:border-box;display:block;width:0.875rem;height:0.875rem;content:\"\";background:var(--road-grey-60);border:none;border-radius:50%;transition:background 0.2s ease-in-out, transform 0.2s ease-in-out;transform:scale(0);transform-origin:50% 50%}@media (hover: hover){.form-radio-input.sc-road-radio~.form-radio-label.sc-road-radio:hover::before{border-color:var(--road-input-surface)}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio:hover::after{background:var(--road-input-surface-variant)}}.form-radio-input.sc-road-radio:checked~.form-radio-label.sc-road-radio::after{background:var(--road-input-surface);opacity:1;transform:scale(1)}.form-radio-input.focus-visible.sc-road-radio~.form-radio-label.sc-road-radio::before{box-shadow:0 0 0 0.125rem var(--road-grey-100-new), 0 0 0 0.1875rem var(--road-input-outline-variant)}.form-radio-input.focus-visible.sc-road-radio:checked~.form-radio-label.sc-road-radio::after{background:var(--road-primary-700)}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio{cursor:not-allowed}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio::before,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio::before{background:var(--road-on-surface-disabled);border:none}.form-radio-input.sc-road-radio:disabled~.form-radio-label.sc-road-radio::after,.form-radio-input[readonly].sc-road-radio~.form-radio-label.sc-road-radio::after{background:var(--road-grey-60)}.form-radio-input.is-invalid.sc-road-radio~.form-radio-label.sc-road-radio::before{border-color:var(--road-danger-outline)}.form-radio-inverse.sc-road-radio{display:flex;flex-direction:row-reverse;justify-content:space-between}.form-radio-inverse.sc-road-radio::before{margin:0 0 0 1rem}.form-radio-inverse.sc-road-radio::after{right:0.1875rem;left:auto}";
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-e4bd5b5f.js');
|
|
6
|
-
require('./polyfill-
|
|
6
|
+
require('./polyfill-9453e116.js');
|
|
7
7
|
|
|
8
8
|
const switchCss = ".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}";
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-e4bd5b5f.js');
|
|
6
|
-
require('./polyfill-
|
|
6
|
+
require('./polyfill-9453e116.js');
|
|
7
7
|
|
|
8
8
|
const tabBarCss = ":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-grey-70);fill:currentColor;scrollbar-width:none}:host(::-webkit-scrollbar){display:none}:host(.tab-expand) ::slotted(road-tab-button){flex-grow:1}:host(.tab-secondary) ::slotted(road-tab-button){--tab-underline-selected:var(--road-secondary)}:host(.tab-center){justify-content:center}";
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-e4bd5b5f.js');
|
|
6
|
-
require('./polyfill-
|
|
6
|
+
require('./polyfill-9453e116.js');
|
|
7
7
|
|
|
8
8
|
const tagCss = ":host{box-sizing:border-box;display:inline-flex;align-items:center;padding:0.125rem 0.5rem;font-size:var(--road-body-small);border-radius:0.25rem}:host(.tag-grey){color:var(--road-grey-30);background-color:var(--road-grey-85)}:host(.tag-grey.tag-grey-contrast){color:var(--road-on-primary);background-color:var(--road-grey-40)}:host(.tag-yellow){color:var(--road-yellow-mikado-20);background-color:var(--road-yellow-mikado-90)}:host(.tag-yellow.tag-yellow-contrast){color:var(--road-yellow-mikado-20);background-color:var(--road-yellow-mikado-60)}:host(.tag-red){color:var(--road-red-pepper-30);background-color:var(--road-red-pepper-95)}:host(.tag-red.tag-red-contrast){color:var(--road-on-primary);background-color:var(--road-red-pepper-60)}:host(.tag-violet){color:var(--road-violet-electric-30);background-color:var(--road-violet-electric-95)}:host(.tag-violet.tag-violet-contrast){color:var(--road-on-primary);background-color:var(--road-violet-electric-60)}:host(.tag-blue){color:var(--road-blue-klein-40);background-color:var(--road-blue-klein-95)}:host(.tag-blue.tag-blue-contrast){color:var(--road-on-primary);background-color:var(--road-blue-klein-60)}:host(.tag-green){color:var(--road-green-monstera-30);background-color:var(--road-green-monstera-95)}:host(.tag-green.tag-green-contrast){color:var(--road-on-primary);background-color:var(--road-green-monstera-60)}@media (any-hover: hover){:host(.chip-outline:hover){border-color:var(--road-outline-variant)}:host(.chip-secondary:hover){background:var(--road-button-primary-variant)}:host(.chip-secondary:hover) .chip-close{color:var(--road-primary)}}:host(.chip-outline:hover){border-color:var(--road-outline-variant)}:host(.chip-secondary.focus-visible){background:var(--road-button-primary-variant)}";
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-e4bd5b5f.js');
|
|
6
|
-
require('./polyfill-
|
|
6
|
+
require('./polyfill-9453e116.js');
|
|
7
7
|
|
|
8
8
|
const toggleCss = ".sc-road-toggle-h{--toggle-lever-width:4.5rem;position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);font-size:var(--road-label-medium);color:var(--road-on-surface)}.form-toggle-input.sc-road-toggle{position:absolute;z-index:-1;opacity:0}.form-toggle-label.sc-road-toggle{display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-toggle-lever.sc-road-toggle{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;width:var(--toggle-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-on-surface-extra-weak);border:0.125rem solid transparent;border-radius:1.125rem;transition:background 0.2s ease-in-out}.form-toggle-lever.sc-road-toggle::before{font-size:0.625rem;font-weight:700;color:var(--road-surface);text-transform:uppercase;content:attr(data-off)}.form-toggle-lever.sc-road-toggle::after{position:absolute;top:0.0625rem;left:0.0625rem;display:block;width:1.625rem;height:1.625rem;content:\"\";background:var(--road-on-success-surface-inverse);border-radius:50%;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out}.form-toggle-input.sc-road-toggle:checked~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle{justify-content:flex-start;background:var(--road-success-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface);content:attr(data-on)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle::after{transform:translateX(calc(var(--toggle-lever-width) - 2rem))}.form-toggle-input.focus-visible.sc-road-toggle~.form-toggle-label.sc-road-toggle .form-toggle-lever.sc-road-toggle{box-shadow:0 0 0 0.125rem var(--road-grey-100-new), 0 0 0 0.1875rem var(--road-primary)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-secondary.sc-road-toggle .form-toggle-lever.sc-road-toggle{background:var(--road-secondary)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-secondary.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-info.sc-road-toggle .form-toggle-lever.sc-road-toggle{background:var(--road-info-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-info.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-success.sc-road-toggle .form-toggle-lever.sc-road-toggle{background:var(--road-success-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-success.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-warning.sc-road-toggle .form-toggle-lever.sc-road-toggle{background:var(--road-warning-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-warning.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-on-warning-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-danger.sc-road-toggle .form-toggle-lever.sc-road-toggle{background:var(--road-danger-surface-inverse)}.form-toggle-input.sc-road-toggle:checked~.form-toggle-danger.sc-road-toggle .form-toggle-lever.sc-road-toggle::before{color:var(--road-surface)}.form-toggle-right.sc-road-toggle{margin-right:0;margin-left:0.75rem}.form-toggle-spaced.sc-road-toggle{display:flex;justify-content:space-between}";
|
|
9
9
|
|
package/dist/cjs/roadtrip.cjs.js
CHANGED
|
@@ -114,7 +114,7 @@ const patchDynamicImport = (base, orgScriptElm) => {
|
|
|
114
114
|
};
|
|
115
115
|
|
|
116
116
|
patchBrowser().then(options => {
|
|
117
|
-
return index.bootstrapLazy(JSON.parse("[[\"road-badge_14.cjs\",[[2,\"road-counter\",{\"inputId\":[1,\"input-id\"],\"min\":[2],\"max\":[2],\"step\":[1],\"value\":[2],\"size\":[1],\"dustbin\":[4],\"leftIconClasses\":[32],\"rightIconClasses\":[32],\"isDustbinVisible\":[32]}],[1,\"road-item\",{\"button\":[4],\"detail\":[4],\"active\":[4],\"detailIcon\":[1,\"detail-icon\"],\"disabled\":[4],\"download\":[1],\"href\":[1],\"rel\":[1],\"lines\":[1],\"target\":[1],\"type\":[1],\"multipleInputs\":[32]}],[1,\"road-badge\",{\"color\":[1],\"bubble\":[4]}],[1,\"road-list\",{\"lines\":[1]}],[1,\"road-toolbar\",{\"color\":[1]}],[33,\"road-drawer\",{\"isOpen\":[1028,\"is-open\"],\"position\":[1],\"drawerWidth\":[2,\"drawer-width\"],\"hasInverseHeader\":[4,\"has-inverse-header\"],\"hasBackIcon\":[4,\"has-back-icon\"],\"backText\":[1,\"back-text\"],\"drawerTitle\":[1,\"drawer-title\"],\"hasCloseIcon\":[4,\"has-close-icon\"],\"open\":[64],\"close\":[64],\"back\":[64]},[[4,\"keyup\",\"onEscape\"]]],[1,\"road-col\"],[1,\"road-grid\"],[1,\"road-row\"],[1,\"road-button\",{\"color\":[1],\"size\":[513],\"buttonType\":[1,\"button-type\"],\"disabled\":[516],\"expand\":[516],\"download\":[1],\"href\":[1],\"rel\":[1],\"target\":[1],\"outline\":[4]}],[6,\"road-input\",{\"inputId\":[1,\"input-id\"],\"autocapitalize\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"disabled\":[4],\"enterkeyhint\":[1],\"inputmode\":[1],\"max\":[1],\"maxlength\":[2],\"min\":[1],\"minlength\":[2],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"spellcheck\":[4],\"step\":[1],\"size\":[2],\"sizes\":[1],\"type\":[1],\"value\":[1032],\"label\":[1],\"error\":[1],\"helper\":[1],\"debounce\":[2]}],[1,\"road-label\"],[1,\"road-input-group\"],[1,\"road-icon\",{\"color\":[1],\"ariaLabel\":[1537,\"aria-label\"],\"ariaHidden\":[513,\"aria-hidden\"],\"name\":[1],\"src\":[1],\"icon\":[8],\"size\":[1],\"rotate\":[1],\"lazy\":[4],\"sanitize\":[4],\"svgContent\":[32],\"isVisible\":[32]}]]],[\"road-duration.cjs\",[[1,\"road-duration\",{\"isOpen\":[1028,\"is-open\"],\"header\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"open\":[64],\"close\":[64]},[[0,\"roadcardclick\",\"handleClick\"]]]]],[\"road-phone-number-input.cjs\",[[2,\"road-phone-number-input\",{\"countryData\":[16],\"language\":[1],\"areaLabel\":[1,\"area-label\"],\"inputLabel\":[1,\"input-label\"],\"required\":[4],\"error\":[1],\"selectedCountry\":[32],\"phoneNumber\":[32],\"countryOptions\":[32]}]]],[\"road-plate-number.cjs\",[[2,\"road-plate-number\",{\"country\":[1],\"disabled\":[4],\"placeholder\":[1],\"readonly\":[4],\"value\":[1032],\"motorbike\":[4]}]]],[\"road-profil-dropdown.cjs\",[[1,\"road-profil-dropdown\",{\"isOpen\":[1028,\"is-open\"]}]]],[\"road-accordion.cjs\",[[1,\"road-accordion\",{\"isOpen\":[1028,\"is-open\"],\"isLight\":[4,\"is-light\"],\"isLightSeparator\":[4,\"is-light-separator\"],\"isSmall\":[4,\"is-small\"]}]]],[\"road-banner.cjs\",[[1,\"road-banner\",{\"isOpen\":[1028,\"is-open\"],\"label\":[1],\"link\":[1],\"url\":[1],\"close\":[64]}]]],[\"road-carousel.cjs\",[[1,\"road-carousel\",{\"options\":[8],\"pager\":[4],\"arrows\":[4],\"update\":[64],\"updateAutoHeight\":[64],\"slideTo\":[64],\"slideNext\":[64],\"slidePrev\":[64],\"getActiveIndex\":[64],\"getPreviousIndex\":[64],\"length\":[64],\"isEnd\":[64],\"isBeginning\":[64],\"startAutoplay\":[64],\"stopAutoplay\":[64],\"lockSwipeToNext\":[64],\"lockSwipeToPrev\":[64],\"lockSwipes\":[64],\"getSwiper\":[64]}]]],[\"road-checkbox.cjs\",[[6,\"road-checkbox\",{\"checkboxId\":[1,\"checkbox-id\"],\"name\":[1],\"required\":[4],\"checked\":[1028],\"indeterminate\":[4],\"disabled\":[4],\"value\":[1],\"label\":[1],\"inverse\":[4],\"error\":[1],\"helper\":[1]}]]],[\"road-chip.cjs\",[[1,\"road-chip\",{\"color\":[1],\"outline\":[4],\"size\":[1],\"hasCloseIcon\":[4,\"has-close-icon\"]}]]],[\"road-collapse.cjs\",[[1,\"road-collapse\",{\"isOpen\":[1028,\"is-open\"],\"showMore\":[1,\"show-more\"],\"showLess\":[1,\"show-less\"],\"centered\":[4]}]]],[\"road-dialog.cjs\",[[1,\"road-dialog\",{\"isOpen\":[1028,\"is-open\"],\"hasCloseIcon\":[4,\"has-close-icon\"],\"color\":[1],\"icon\":[1],\"label\":[1],\"description\":[1],\"open\":[64],\"close\":[64]},[[4,\"keyup\",\"onEscape\"]]]]],[\"road-dropdown.cjs\",[[1,\"road-dropdown\",{\"isOpen\":[1028,\"is-open\"],\"isLight\":[4,\"is-light\"],\"isMedium\":[4,\"is-medium\"],\"position\":[513],\"direction\":[513]}]]],[\"road-modal.cjs\",[[1,\"road-modal\",{\"maxWidth\":[2,\"max-width\"],\"isOpen\":[1028,\"is-open\"],\"hasInverseHeader\":[4,\"has-inverse-header\"],\"modalTitle\":[1,\"modal-title\"],\"hasCloseIcon\":[4,\"has-close-icon\"],\"open\":[64],\"close\":[64]},[[4,\"keyup\",\"onEscape\"]]]]],[\"road-range.cjs\",[[6,\"road-range\",{\"rangeId\":[1,\"range-id\"],\"value\":[1032],\"min\":[1],\"max\":[1],\"step\":[1],\"showValue\":[4,\"show-value\"],\"showTick\":[4,\"show-tick\"],\"showLabels\":[4,\"show-labels\"]}]]],[\"road-rating.cjs\",[[1,\"road-rating\",{\"size\":[513],\"rate\":[2],\"showreviews\":[4],\"reviews\":[2],\"reviewsText\":[1,\"reviews-text\"]}]]],[\"road-toast.cjs\",[[1,\"road-toast\",{\"isOpen\":[1028,\"is-open\"],\"color\":[1],\"label\":[1],\"timeout\":[2],\"open\":[64],\"close\":[64]}]]],[\"road-alert.cjs\",[[1,\"road-alert\",{\"color\":[1],\"label\":[1],\"button\":[1],\"link\":[1],\"url\":[1]}]]],[\"road-autocomplete.cjs\",[[6,\"road-autocomplete\",{\"options\":[16],\"visible\":[32]},[[0,\"roadFocus\",\"handleFocus\"],[0,\"roadfocus\",\"handleFocus\"],[4,\"click\",\"onClickOutside\"]]]]],[\"road-button-floating.cjs\",[[1,\"road-button-floating\",{\"position\":[513],\"href\":[1],\"rel\":[1],\"target\":[1]},[[9,\"scroll\",\"onScroll\"]]]]],[\"road-carousel-item.cjs\",[[4,\"road-carousel-item\"]]],[\"road-flap.cjs\",[[1,\"road-flap\",{\"color\":[1],\"filled\":[4],\"size\":[513]}]]],[\"road-global-navigation.cjs\",[[1,\"road-global-navigation\",{\"selectedTab\":[1,\"selected-tab\"]},[[0,\"roadNavbarItemClick\",\"onNavbarChanged\"],[0,\"roadnavbaritemclick\",\"onNavbarChanged\"]]]]],[\"road-illustration.cjs\",[[1,\"road-illustration\",{\"ariaLabel\":[1537,\"aria-label\"],\"ariaHidden\":[513,\"aria-hidden\"],\"name\":[1],\"src\":[1],\"illustration\":[8],\"size\":[1],\"rotate\":[1],\"lazy\":[4],\"sanitize\":[4],\"illustrationSvgContent\":[32],\"isVisible\":[32]}]]],[\"road-img.cjs\",[[1,\"road-img\",{\"alt\":[1],\"src\":[1],\"loadSrc\":[32],\"loadError\":[32]}]]],[\"road-navbar.cjs\",[[1,\"road-navbar\",{\"selectedTab\":[1,\"selected-tab\"]},[[0,\"roadNavbarItemClick\",\"onNavbarChanged\"],[0,\"roadnavbaritemclick\",\"onNavbarChanged\"]]]]],[\"road-navbar-item.cjs\",[[1,\"road-navbar-item\",{\"disabled\":[4],\"download\":[1],\"href\":[1],\"rel\":[1],\"selected\":[1028],\"tab\":[1],\"target\":[1]},[[8,\"roadNavbarChanged\",\"onNavbarChanged\"],[8,\"roadnavbarchanged\",\"onNavbarChanged\"]]]]],[\"road-progress.cjs\",[[1,\"road-progress\",{\"value\":[2],\"numbersteps\":[1],\"label\":[1],\"showstep\":[4],\"animation\":[4],\"light\":[4],\"fullwidth\":[4],\"color\":[1]}]]],[\"road-progress-indicator-horizontal.cjs\",[[1,\"road-progress-indicator-horizontal\",{\"color\":[513],\"stateFirstStep\":[1,\"state-first-step\"],\"stateSecondStep\":[1,\"state-second-step\"],\"stateThirdStep\":[1,\"state-third-step\"],\"urlStep1\":[1,\"url-step-1\"],\"urlStep2\":[1,\"url-step-2\"],\"urlStep3\":[1,\"url-step-3\"]}]]],[\"road-progress-indicator-vertical.cjs\",[[1,\"road-progress-indicator-vertical\"]]],[\"road-progress-indicator-vertical-item.cjs\",[[4,\"road-progress-indicator-vertical-item\"]]],[\"road-progress-tracker.cjs\",[[1,\"road-progress-tracker\"]]],[\"road-progress-tracker-item.cjs\",[[4,\"road-progress-tracker-item\"]]],[\"road-radio.cjs\",[[2,\"road-radio\",{\"radioId\":[1,\"radio-id\"],\"name\":[1],\"required\":[4],\"disabled\":[4],\"value\":[8],\"label\":[1],\"inverse\":[4],\"error\":[4],\"helper\":[1],\"inline\":[4],\"checked\":[32]},[[8,\"roadChange\",\"onRoadChangedChanged\"],[8,\"roadchange\",\"onRoadChangedChanged\"]]]]],[\"road-radio-group.cjs\",[[6,\"road-radio-group\",{\"radioGroupId\":[1,\"radio-group-id\"],\"allowEmptySelection\":[4,\"allow-empty-selection\"],\"name\":[1],\"value\":[1032],\"label\":[1],\"asterisk\":[4],\"ariaLabel\":[513,\"aria-label\"],\"error\":[1025],\"helper\":[1]}]]],[\"road-segmented-button.cjs\",[[1,\"road-segmented-button\",{\"size\":[1],\"selected\":[1028],\"tab\":[1]},[[8,\"roadSegmentedButtonBarChanged\",\"onButtonBarChanged\"],[8,\"roadSegmentedButtonbarchanged\",\"onButtonBarChanged\"]]]]],[\"road-segmented-button-bar.cjs\",[[1,\"road-segmented-button-bar\",{\"selectedTab\":[1,\"selected-tab\"]}]]],[\"road-segmented-buttons.cjs\",[[1,\"road-segmented-buttons\",{\"selectedTab\":[32],\"select\":[64],\"getTab\":[64],\"getSelected\":[64]}]]],[\"road-select.cjs\",[[2,\"road-select\",{\"selectId\":[1,\"select-id\"],\"options\":[16],\"autofocus\":[4],\"disabled\":[4],\"name\":[1],\"required\":[4],\"size\":[2],\"sizes\":[1],\"label\":[1],\"error\":[1],\"value\":[1032]}]]],[\"road-select-filter.cjs\",[[6,\"road-select-filter\",{\"options\":[16],\"parameters\":[8],\"isActive\":[4,\"is-active\"],\"onlySelect\":[4,\"only-select\"],\"isOpen\":[32],\"currentValue\":[32]},[[0,\"roadFocus\",\"handleFocus\"],[0,\"roadfocus\",\"handleFocus\"],[0,\"roadBlur\",\"handleBlur\"],[0,\"roadblur\",\"handleBlur\"],[0,\"roadChange\",\"handleChange\"],[0,\"roadchange\",\"handleChange\"],[4,\"click\",\"onClickOutside\"]]]]],[\"road-skeleton.cjs\",[[1,\"road-skeleton\"]]],[\"road-spinner.cjs\",[[1,\"road-spinner\",{\"size\":[513],\"color\":[513]}]]],[\"road-switch.cjs\",[[2,\"road-switch\",{\"switchId\":[1,\"switch-id\"],\"name\":[1],\"checked\":[1028],\"disabled\":[4],\"label\":[1],\"color\":[1],\"hasLeftLabel\":[4,\"has-left-label\"],\"isSpaced\":[4,\"is-spaced\"],\"value\":[1],\"on\":[1],\"off\":[1]}]]],[\"road-tab.cjs\",[[1,\"road-tab\",{\"active\":[1028],\"tab\":[1],\"setActive\":[64]}]]],[\"road-tab-bar.cjs\",[[1,\"road-tab-bar\",{\"secondary\":[4],\"expand\":[4],\"center\":[4],\"selectedTab\":[1,\"selected-tab\"]}]]],[\"road-tab-button.cjs\",[[1,\"road-tab-button\",{\"download\":[1],\"href\":[1],\"rel\":[1],\"layout\":[1],\"selected\":[1028],\"tab\":[1],\"target\":[1]},[[8,\"roadTabBarChanged\",\"onTabBarChanged\"],[8,\"roadTabbarchanged\",\"onTabBarChanged\"]]]]],[\"road-table.cjs\",[[6,\"road-table\"]]],[\"road-tabs.cjs\",[[1,\"road-tabs\",{\"selectedTab\":[32],\"select\":[64],\"getTab\":[64],\"getSelected\":[64]}]]],[\"road-tag.cjs\",[[1,\"road-tag\",{\"color\":[1],\"contrast\":[4]}]]],[\"road-text.cjs\",[[1,\"road-text\",{\"color\":[1]}]]],[\"road-textarea.cjs\",[[2,\"road-textarea\",{\"textareaId\":[1,\"textarea-id\"],\"autocapitalize\":[1],\"autofocus\":[4],\"disabled\":[4],\"inputmode\":[1],\"enterkeyhint\":[1],\"maxlength\":[2],\"minlength\":[2],\"name\":[1],\"placeholder\":[1],\"sizes\":[1],\"readonly\":[4],\"required\":[4],\"spellcheck\":[4],\"resize\":[4],\"cols\":[2],\"rows\":[2],\"wrap\":[1],\"value\":[1025],\"label\":[1],\"error\":[1],\"helper\":[1]}]]],[\"road-toggle.cjs\",[[2,\"road-toggle\",{\"toggleId\":[1,\"toggle-id\"],\"name\":[1],\"checked\":[1028],\"disabled\":[4],\"label\":[1],\"color\":[1],\"hasLeftLabel\":[4,\"has-left-label\"],\"isSpaced\":[4,\"is-spaced\"],\"value\":[1],\"on\":[1],\"off\":[1]}]]],[\"road-toolbar-title.cjs\",[[1,\"road-toolbar-title\"]]],[\"road-toolbar-title-page.cjs\",[[1,\"road-toolbar-title-page\"]]],[\"road-tooltip.cjs\",[[1,\"road-tooltip\",{\"tooltipId\":[1,\"tooltip-id\"],\"content\":[1],\"position\":[1],\"contentAlign\":[1,\"content-align\"],\"isOpen\":[1028,\"is-open\"],\"trigger\":[1],\"open\":[64],\"close\":[64]}]]],[\"road-area-code.cjs\",[[2,\"road-area-code\",{\"selectId\":[1,\"select-id\"],\"options\":[16],\"autofocus\":[4],\"disabled\":[4],\"name\":[1],\"required\":[4],\"size\":[2],\"sizes\":[1],\"label\":[1],\"error\":[1],\"value\":[1032]}]]],[\"road-avatar.cjs\",[[1,\"road-avatar\",{\"size\":[513]}]]],[\"road-card.cjs\",[[1,\"road-card\",{\"button\":[4],\"value\":[1],\"type\":[1],\"download\":[1],\"href\":[1],\"rel\":[1],\"target\":[1]}]]]]"), options);
|
|
117
|
+
return index.bootstrapLazy(JSON.parse("[[\"road-badge_14.cjs\",[[2,\"road-counter\",{\"inputId\":[1,\"input-id\"],\"min\":[2],\"max\":[2],\"step\":[1],\"value\":[2],\"size\":[1],\"dustbin\":[4],\"leftIconClasses\":[32],\"rightIconClasses\":[32],\"isDustbinVisible\":[32]}],[1,\"road-item\",{\"button\":[4],\"detail\":[4],\"active\":[4],\"detailIcon\":[1,\"detail-icon\"],\"disabled\":[4],\"download\":[1],\"href\":[1],\"rel\":[1],\"lines\":[1],\"target\":[1],\"type\":[1],\"multipleInputs\":[32]}],[1,\"road-badge\",{\"color\":[1],\"bubble\":[4]}],[1,\"road-list\",{\"lines\":[1]}],[1,\"road-toolbar\",{\"color\":[1]}],[33,\"road-drawer\",{\"isOpen\":[1028,\"is-open\"],\"position\":[1],\"drawerWidth\":[2,\"drawer-width\"],\"hasInverseHeader\":[4,\"has-inverse-header\"],\"hasBackIcon\":[4,\"has-back-icon\"],\"backText\":[1,\"back-text\"],\"drawerTitle\":[1,\"drawer-title\"],\"hasCloseIcon\":[4,\"has-close-icon\"],\"open\":[64],\"close\":[64],\"back\":[64]},[[4,\"keyup\",\"onEscape\"]]],[1,\"road-col\"],[1,\"road-grid\"],[1,\"road-row\"],[1,\"road-button\",{\"color\":[1],\"size\":[513],\"buttonType\":[1,\"button-type\"],\"iconOnly\":[516,\"icon-only\"],\"disabled\":[516],\"expand\":[516],\"download\":[1],\"href\":[1],\"rel\":[1],\"target\":[1],\"outline\":[4]}],[6,\"road-input\",{\"inputId\":[1,\"input-id\"],\"autocapitalize\":[1],\"autocomplete\":[1],\"autocorrect\":[1],\"autofocus\":[4],\"disabled\":[4],\"enterkeyhint\":[1],\"inputmode\":[1],\"max\":[1],\"maxlength\":[2],\"min\":[1],\"minlength\":[2],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"spellcheck\":[4],\"step\":[1],\"size\":[2],\"sizes\":[1],\"type\":[1],\"value\":[1032],\"label\":[1],\"error\":[1],\"helper\":[1],\"debounce\":[2]}],[1,\"road-label\"],[1,\"road-input-group\"],[1,\"road-icon\",{\"color\":[1],\"ariaLabel\":[1537,\"aria-label\"],\"ariaHidden\":[513,\"aria-hidden\"],\"name\":[1],\"src\":[1],\"icon\":[8],\"size\":[1],\"rotate\":[1],\"lazy\":[4],\"sanitize\":[4],\"svgContent\":[32],\"isVisible\":[32]}]]],[\"road-duration.cjs\",[[1,\"road-duration\",{\"isOpen\":[1028,\"is-open\"],\"header\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"open\":[64],\"close\":[64]},[[0,\"roadcardclick\",\"handleClick\"]]]]],[\"road-phone-number-input.cjs\",[[2,\"road-phone-number-input\",{\"countryData\":[16],\"language\":[1],\"areaLabel\":[1,\"area-label\"],\"areaValue\":[1025,\"area-value\"],\"inputLabel\":[1,\"input-label\"],\"inputValue\":[1,\"input-value\"],\"required\":[4],\"selectedCountry\":[32],\"phoneNumber\":[32],\"inputError\":[32],\"countryOptions\":[32]}]]],[\"road-plate-number.cjs\",[[2,\"road-plate-number\",{\"country\":[1],\"disabled\":[4],\"placeholder\":[1],\"readonly\":[4],\"value\":[1032],\"motorbike\":[4]}]]],[\"road-profil-dropdown.cjs\",[[1,\"road-profil-dropdown\",{\"isOpen\":[1028,\"is-open\"]}]]],[\"road-accordion.cjs\",[[1,\"road-accordion\",{\"isOpen\":[1028,\"is-open\"],\"isLight\":[4,\"is-light\"],\"isLightSeparator\":[4,\"is-light-separator\"],\"isSmall\":[4,\"is-small\"]}]]],[\"road-banner.cjs\",[[1,\"road-banner\",{\"isOpen\":[1028,\"is-open\"],\"label\":[1],\"link\":[1],\"url\":[1],\"close\":[64]}]]],[\"road-carousel.cjs\",[[1,\"road-carousel\",{\"options\":[8],\"pager\":[4],\"arrows\":[4],\"update\":[64],\"updateAutoHeight\":[64],\"slideTo\":[64],\"slideNext\":[64],\"slidePrev\":[64],\"getActiveIndex\":[64],\"getPreviousIndex\":[64],\"length\":[64],\"isEnd\":[64],\"isBeginning\":[64],\"startAutoplay\":[64],\"stopAutoplay\":[64],\"lockSwipeToNext\":[64],\"lockSwipeToPrev\":[64],\"lockSwipes\":[64],\"getSwiper\":[64]}]]],[\"road-checkbox.cjs\",[[6,\"road-checkbox\",{\"checkboxId\":[1,\"checkbox-id\"],\"name\":[1],\"required\":[4],\"checked\":[1028],\"indeterminate\":[4],\"disabled\":[4],\"value\":[1],\"label\":[1],\"inverse\":[4],\"error\":[1],\"helper\":[1]}]]],[\"road-chip.cjs\",[[1,\"road-chip\",{\"color\":[1],\"outline\":[4],\"size\":[1],\"hasCloseIcon\":[4,\"has-close-icon\"]}]]],[\"road-collapse.cjs\",[[1,\"road-collapse\",{\"isOpen\":[1028,\"is-open\"],\"showMore\":[1,\"show-more\"],\"showLess\":[1,\"show-less\"],\"centered\":[4]}]]],[\"road-dialog.cjs\",[[1,\"road-dialog\",{\"isOpen\":[1028,\"is-open\"],\"hasCloseIcon\":[4,\"has-close-icon\"],\"color\":[1],\"icon\":[1],\"label\":[1],\"description\":[1],\"open\":[64],\"close\":[64]},[[4,\"keyup\",\"onEscape\"]]]]],[\"road-dropdown.cjs\",[[1,\"road-dropdown\",{\"isOpen\":[1028,\"is-open\"],\"isLight\":[4,\"is-light\"],\"isMedium\":[4,\"is-medium\"],\"position\":[513],\"direction\":[513]}]]],[\"road-modal.cjs\",[[1,\"road-modal\",{\"maxWidth\":[2,\"max-width\"],\"isOpen\":[1028,\"is-open\"],\"hasInverseHeader\":[4,\"has-inverse-header\"],\"modalTitle\":[1,\"modal-title\"],\"hasCloseIcon\":[4,\"has-close-icon\"],\"open\":[64],\"close\":[64]},[[4,\"keyup\",\"onEscape\"]]]]],[\"road-range.cjs\",[[6,\"road-range\",{\"rangeId\":[1,\"range-id\"],\"value\":[1032],\"min\":[1],\"max\":[1],\"step\":[1],\"showValue\":[4,\"show-value\"],\"showTick\":[4,\"show-tick\"],\"showLabels\":[4,\"show-labels\"]}]]],[\"road-rating.cjs\",[[1,\"road-rating\",{\"size\":[513],\"rate\":[2],\"showreviews\":[4],\"reviews\":[2],\"reviewsText\":[1,\"reviews-text\"]}]]],[\"road-toast.cjs\",[[1,\"road-toast\",{\"isOpen\":[1028,\"is-open\"],\"color\":[1],\"label\":[1],\"timeout\":[2],\"open\":[64],\"close\":[64]}]]],[\"road-alert.cjs\",[[1,\"road-alert\",{\"color\":[1],\"label\":[1],\"button\":[1],\"link\":[1],\"url\":[1]}]]],[\"road-autocomplete.cjs\",[[6,\"road-autocomplete\",{\"options\":[16],\"visible\":[32]},[[0,\"roadFocus\",\"handleFocus\"],[0,\"roadfocus\",\"handleFocus\"],[4,\"click\",\"onClickOutside\"]]]]],[\"road-button-floating.cjs\",[[1,\"road-button-floating\",{\"position\":[513],\"href\":[1],\"rel\":[1],\"target\":[1]},[[9,\"scroll\",\"onScroll\"]]]]],[\"road-carousel-item.cjs\",[[4,\"road-carousel-item\"]]],[\"road-flap.cjs\",[[1,\"road-flap\",{\"color\":[1],\"filled\":[4],\"size\":[513]}]]],[\"road-global-navigation.cjs\",[[1,\"road-global-navigation\",{\"selectedTab\":[1,\"selected-tab\"]},[[0,\"roadNavbarItemClick\",\"onNavbarChanged\"],[0,\"roadnavbaritemclick\",\"onNavbarChanged\"]]]]],[\"road-illustration.cjs\",[[1,\"road-illustration\",{\"ariaLabel\":[1537,\"aria-label\"],\"ariaHidden\":[513,\"aria-hidden\"],\"name\":[1],\"src\":[1],\"illustration\":[8],\"size\":[1],\"rotate\":[1],\"lazy\":[4],\"sanitize\":[4],\"illustrationSvgContent\":[32],\"isVisible\":[32]}]]],[\"road-img.cjs\",[[1,\"road-img\",{\"alt\":[1],\"src\":[1],\"loadSrc\":[32],\"loadError\":[32]}]]],[\"road-navbar.cjs\",[[1,\"road-navbar\",{\"selectedTab\":[1,\"selected-tab\"]},[[0,\"roadNavbarItemClick\",\"onNavbarChanged\"],[0,\"roadnavbaritemclick\",\"onNavbarChanged\"]]]]],[\"road-navbar-item.cjs\",[[1,\"road-navbar-item\",{\"disabled\":[4],\"download\":[1],\"href\":[1],\"rel\":[1],\"selected\":[1028],\"tab\":[1],\"target\":[1]},[[8,\"roadNavbarChanged\",\"onNavbarChanged\"],[8,\"roadnavbarchanged\",\"onNavbarChanged\"]]]]],[\"road-progress.cjs\",[[1,\"road-progress\",{\"value\":[2],\"numbersteps\":[1],\"label\":[1],\"showstep\":[4],\"animation\":[4],\"light\":[4],\"fullwidth\":[4],\"color\":[1]}]]],[\"road-progress-indicator-horizontal.cjs\",[[1,\"road-progress-indicator-horizontal\",{\"color\":[513],\"stateFirstStep\":[1,\"state-first-step\"],\"stateSecondStep\":[1,\"state-second-step\"],\"stateThirdStep\":[1,\"state-third-step\"],\"urlStep1\":[1,\"url-step-1\"],\"urlStep2\":[1,\"url-step-2\"],\"urlStep3\":[1,\"url-step-3\"]}]]],[\"road-progress-indicator-vertical.cjs\",[[1,\"road-progress-indicator-vertical\"]]],[\"road-progress-indicator-vertical-item.cjs\",[[4,\"road-progress-indicator-vertical-item\"]]],[\"road-progress-tracker.cjs\",[[1,\"road-progress-tracker\"]]],[\"road-progress-tracker-item.cjs\",[[4,\"road-progress-tracker-item\"]]],[\"road-radio.cjs\",[[2,\"road-radio\",{\"radioId\":[1,\"radio-id\"],\"name\":[1],\"required\":[4],\"disabled\":[4],\"value\":[8],\"label\":[1],\"inverse\":[4],\"error\":[4],\"helper\":[1],\"inline\":[4],\"checked\":[32]},[[8,\"roadChange\",\"onRoadChangedChanged\"],[8,\"roadchange\",\"onRoadChangedChanged\"]]]]],[\"road-radio-group.cjs\",[[6,\"road-radio-group\",{\"radioGroupId\":[1,\"radio-group-id\"],\"allowEmptySelection\":[4,\"allow-empty-selection\"],\"name\":[1],\"value\":[1032],\"label\":[1],\"asterisk\":[4],\"ariaLabel\":[513,\"aria-label\"],\"error\":[1025],\"helper\":[1]}]]],[\"road-segmented-button.cjs\",[[1,\"road-segmented-button\",{\"size\":[1],\"selected\":[1028],\"tab\":[1]},[[8,\"roadSegmentedButtonBarChanged\",\"onButtonBarChanged\"],[8,\"roadSegmentedButtonbarchanged\",\"onButtonBarChanged\"]]]]],[\"road-segmented-button-bar.cjs\",[[1,\"road-segmented-button-bar\",{\"selectedTab\":[1,\"selected-tab\"]}]]],[\"road-segmented-buttons.cjs\",[[1,\"road-segmented-buttons\",{\"selectedTab\":[32],\"select\":[64],\"getTab\":[64],\"getSelected\":[64]}]]],[\"road-select.cjs\",[[2,\"road-select\",{\"selectId\":[1,\"select-id\"],\"options\":[16],\"autofocus\":[4],\"disabled\":[4],\"name\":[1],\"required\":[4],\"size\":[2],\"sizes\":[1],\"label\":[1],\"error\":[1],\"value\":[1032]}]]],[\"road-select-filter.cjs\",[[6,\"road-select-filter\",{\"options\":[16],\"parameters\":[8],\"isActive\":[4,\"is-active\"],\"onlySelect\":[4,\"only-select\"],\"isOpen\":[32],\"currentValue\":[32]},[[0,\"roadFocus\",\"handleFocus\"],[0,\"roadfocus\",\"handleFocus\"],[0,\"roadBlur\",\"handleBlur\"],[0,\"roadblur\",\"handleBlur\"],[0,\"roadChange\",\"handleChange\"],[0,\"roadchange\",\"handleChange\"],[4,\"click\",\"onClickOutside\"]]]]],[\"road-skeleton.cjs\",[[1,\"road-skeleton\"]]],[\"road-spinner.cjs\",[[1,\"road-spinner\",{\"size\":[513],\"color\":[513]}]]],[\"road-switch.cjs\",[[2,\"road-switch\",{\"switchId\":[1,\"switch-id\"],\"name\":[1],\"checked\":[1028],\"disabled\":[4],\"label\":[1],\"color\":[1],\"hasLeftLabel\":[4,\"has-left-label\"],\"isSpaced\":[4,\"is-spaced\"],\"value\":[1],\"on\":[1],\"off\":[1]}]]],[\"road-tab.cjs\",[[1,\"road-tab\",{\"active\":[1028],\"tab\":[1],\"setActive\":[64]}]]],[\"road-tab-bar.cjs\",[[1,\"road-tab-bar\",{\"secondary\":[4],\"expand\":[4],\"center\":[4],\"selectedTab\":[1,\"selected-tab\"]}]]],[\"road-tab-button.cjs\",[[1,\"road-tab-button\",{\"download\":[1],\"href\":[1],\"rel\":[1],\"layout\":[1],\"selected\":[1028],\"tab\":[1],\"target\":[1]},[[8,\"roadTabBarChanged\",\"onTabBarChanged\"],[8,\"roadTabbarchanged\",\"onTabBarChanged\"]]]]],[\"road-table.cjs\",[[6,\"road-table\"]]],[\"road-tabs.cjs\",[[1,\"road-tabs\",{\"selectedTab\":[32],\"select\":[64],\"getTab\":[64],\"getSelected\":[64]}]]],[\"road-tag.cjs\",[[1,\"road-tag\",{\"color\":[1],\"contrast\":[4]}]]],[\"road-text.cjs\",[[1,\"road-text\",{\"color\":[1]}]]],[\"road-textarea.cjs\",[[2,\"road-textarea\",{\"textareaId\":[1,\"textarea-id\"],\"autocapitalize\":[1],\"autofocus\":[4],\"disabled\":[4],\"inputmode\":[1],\"enterkeyhint\":[1],\"maxlength\":[2],\"minlength\":[2],\"name\":[1],\"placeholder\":[1],\"sizes\":[1],\"readonly\":[4],\"required\":[4],\"spellcheck\":[4],\"resize\":[4],\"cols\":[2],\"rows\":[2],\"wrap\":[1],\"value\":[1025],\"label\":[1],\"error\":[1],\"helper\":[1]}]]],[\"road-toggle.cjs\",[[2,\"road-toggle\",{\"toggleId\":[1,\"toggle-id\"],\"name\":[1],\"checked\":[1028],\"disabled\":[4],\"label\":[1],\"color\":[1],\"hasLeftLabel\":[4,\"has-left-label\"],\"isSpaced\":[4,\"is-spaced\"],\"value\":[1],\"on\":[1],\"off\":[1]}]]],[\"road-toolbar-title.cjs\",[[1,\"road-toolbar-title\"]]],[\"road-toolbar-title-page.cjs\",[[1,\"road-toolbar-title-page\"]]],[\"road-tooltip.cjs\",[[1,\"road-tooltip\",{\"tooltipId\":[1,\"tooltip-id\"],\"content\":[1],\"position\":[1],\"contentAlign\":[1,\"content-align\"],\"isOpen\":[1028,\"is-open\"],\"trigger\":[1],\"open\":[64],\"close\":[64]}]]],[\"road-area-code.cjs\",[[2,\"road-area-code\",{\"selectId\":[1,\"select-id\"],\"options\":[16],\"autofocus\":[4],\"disabled\":[4],\"name\":[1],\"required\":[4],\"size\":[2],\"sizes\":[1],\"label\":[1],\"error\":[1],\"value\":[1032],\"areaValue\":[2,\"area-value\"],\"triggerRender\":[1026,\"trigger-render\"],\"selectedValue\":[32]}]]],[\"road-avatar.cjs\",[[1,\"road-avatar\",{\"size\":[513]}]]],[\"road-card.cjs\",[[1,\"road-card\",{\"button\":[4],\"value\":[1],\"type\":[1],\"download\":[1],\"href\":[1],\"rel\":[1],\"target\":[1]}]]]]"), options);
|
|
118
118
|
});
|
|
119
119
|
|
|
120
120
|
exports.setNonce = index.setNonce;
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const index = require('./index-e4bd5b5f.js');
|
|
4
|
+
|
|
5
|
+
let CACHED_MAP;
|
|
6
|
+
const getIllustrationMap = () => {
|
|
7
|
+
if (typeof window === 'undefined') {
|
|
8
|
+
return new Map();
|
|
9
|
+
}
|
|
10
|
+
else {
|
|
11
|
+
if (!CACHED_MAP) {
|
|
12
|
+
const win = window;
|
|
13
|
+
win.Ionicons = win.Ionicons || {};
|
|
14
|
+
CACHED_MAP = win.Ionicons.map = win.Ionicons.map || new Map();
|
|
15
|
+
}
|
|
16
|
+
return CACHED_MAP;
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
const addIllustrations = (illustrations) => {
|
|
20
|
+
const map = getIllustrationMap();
|
|
21
|
+
Object.keys(illustrations).forEach(name => map.set(name, illustrations[name]));
|
|
22
|
+
};
|
|
23
|
+
const getUrl = (i) => {
|
|
24
|
+
let url = getSrc(i.src);
|
|
25
|
+
if (url) {
|
|
26
|
+
return url;
|
|
27
|
+
}
|
|
28
|
+
url = getName(i.name, i.illustration);
|
|
29
|
+
if (url) {
|
|
30
|
+
return getNamedUrl(url);
|
|
31
|
+
}
|
|
32
|
+
if (i.illustration) {
|
|
33
|
+
url = getSrc(i.illustration);
|
|
34
|
+
if (url) {
|
|
35
|
+
return url;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
return null;
|
|
39
|
+
};
|
|
40
|
+
const getNamedUrl = (illustrationName) => {
|
|
41
|
+
const url = getIllustrationMap().get(illustrationName);
|
|
42
|
+
if (url) {
|
|
43
|
+
return url;
|
|
44
|
+
}
|
|
45
|
+
return index.getAssetPath(`svg/${illustrationName}.svg`);
|
|
46
|
+
};
|
|
47
|
+
const getName = (illustrationName, illustration) => {
|
|
48
|
+
if (!illustrationName && illustration && !isSrc(illustration)) {
|
|
49
|
+
illustrationName = illustration;
|
|
50
|
+
}
|
|
51
|
+
if (isStr(illustrationName)) {
|
|
52
|
+
illustrationName = toLower(illustrationName);
|
|
53
|
+
}
|
|
54
|
+
if (!isStr(illustrationName) || illustrationName.trim() === '') {
|
|
55
|
+
return null;
|
|
56
|
+
}
|
|
57
|
+
// only allow alpha characters and dash
|
|
58
|
+
const invalidChars = illustrationName.replace(/[a-z]|-|\d/gi, '');
|
|
59
|
+
if (invalidChars !== '') {
|
|
60
|
+
return null;
|
|
61
|
+
}
|
|
62
|
+
return illustrationName;
|
|
63
|
+
};
|
|
64
|
+
const getSrc = (src) => {
|
|
65
|
+
if (isStr(src)) {
|
|
66
|
+
src = src.trim();
|
|
67
|
+
if (isSrc(src)) {
|
|
68
|
+
return src;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
return null;
|
|
72
|
+
};
|
|
73
|
+
const isSrc = (str) => str.length > 0 && /(\/|\.)/.test(str);
|
|
74
|
+
const isStr = (val) => typeof val === 'string';
|
|
75
|
+
const toLower = (val) => val.toLowerCase();
|
|
76
|
+
|
|
77
|
+
exports.addIllustrations = addIllustrations;
|
|
78
|
+
exports.getName = getName;
|
|
79
|
+
exports.getUrl = getUrl;
|
|
80
|
+
exports.isStr = isStr;
|
|
81
|
+
|
|
82
|
+
//# sourceMappingURL=utils-5203d152.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"utils-5203d152.js","mappings":";;;;AAIA,IAAI,UAA+B,CAAC;AAE7B,MAAM,kBAAkB,GAAG;EAChC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;IACjC,OAAO,IAAI,GAAG,EAAE,CAAC;GAClB;OAAM;IACL,IAAI,CAAC,UAAU,EAAE;MACf,MAAM,GAAG,GAAG,MAAa,CAAC;MAC1B,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,IAAI,EAAE,CAAC;MAClC,UAAU,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,IAAI,IAAI,GAAG,EAAE,CAAC;KAC/D;IACD,OAAO,UAAU,CAAC;GACnB;AACH,CAAC,CAAC;MAEW,gBAAgB,GAAG,CAAC,aAA0C;EACzE,MAAM,GAAG,GAAG,kBAAkB,EAAE,CAAC;EACjC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACjF,EAAE;MAGW,MAAM,GAAG,CAAC,CAAe;EACpC,IAAI,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;EACxB,IAAI,GAAG,EAAE;IACP,OAAO,GAAG,CAAC;GACZ;EAED,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC;EACtC,IAAI,GAAG,EAAE;IACP,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC;GACzB;EAED,IAAI,CAAC,CAAC,YAAY,EAAE;IAClB,GAAG,GAAG,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IAC7B,IAAI,GAAG,EAAE;MACP,OAAO,GAAG,CAAC;KACZ;GACF;EAED,OAAO,IAAI,CAAC;AACd,EAAE;AAGF,MAAM,WAAW,GAAG,CAAC,gBAAwB;EAC3C,MAAM,GAAG,GAAG,kBAAkB,EAAE,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;EACvD,IAAI,GAAG,EAAE;IACP,OAAO,GAAG,CAAC;GACZ;EACD,OAAOA,kBAAY,CAAC,OAAO,gBAAgB,MAAM,CAAC,CAAC;AACrD,CAAC,CAAC;MAGW,OAAO,GAAG,CACrB,gBAAoC,EACpC,YAAgC;EAGhC,IAAI,CAAC,gBAAgB,IAAI,YAAY,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;IAC7D,gBAAgB,GAAG,YAAY,CAAC;GACjC;EACD,IAAI,KAAK,CAAC,gBAAgB,CAAC,EAAE;IAC3B,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;GAC9C;EAED,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;IAC9D,OAAO,IAAI,CAAC;GACb;;EAGD,MAAM,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;EAClE,IAAI,YAAY,KAAK,EAAE,EAAE;IACvB,OAAO,IAAI,CAAC;GACb;EAED,OAAO,gBAAgB,CAAC;AAC1B,EAAE;AAEK,MAAM,MAAM,GAAG,CAAC,GAAuB;EAC5C,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE;IACd,GAAG,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;IACjB,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE;MACd,OAAO,GAAG,CAAC;KACZ;GACF;EACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEK,MAAM,KAAK,GAAG,CAAC,GAAW,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;MAE/D,KAAK,GAAG,CAAC,GAAQ,KAAoB,OAAO,GAAG,KAAK,SAAS;AAEnE,MAAM,OAAO,GAAG,CAAC,GAAW,KAAK,GAAG,CAAC,WAAW,EAAE;;;;;;;","names":["getAssetPath"],"sources":["./src/components/illustration/utils.ts"],"sourcesContent":["import { getAssetPath } from '@stencil/core';\nimport { Illustration } from './illustration';\n\n\nlet CACHED_MAP: Map<string, string>;\n\nexport const getIllustrationMap = (): Map<string, string> => {\n if (typeof window === 'undefined') {\n return new Map();\n } else {\n if (!CACHED_MAP) {\n const win = window as any;\n win.Ionicons = win.Ionicons || {};\n CACHED_MAP = win.Ionicons.map = win.Ionicons.map || new Map();\n }\n return CACHED_MAP;\n }\n};\n\nexport const addIllustrations = (illustrations: { [name: string]: string; }) => {\n const map = getIllustrationMap();\n Object.keys(illustrations).forEach(name => map.set(name, illustrations[name]));\n};\n\n\nexport const getUrl = (i: Illustration) => {\n let url = getSrc(i.src);\n if (url) {\n return url;\n }\n\n url = getName(i.name, i.illustration);\n if (url) {\n return getNamedUrl(url);\n }\n\n if (i.illustration) {\n url = getSrc(i.illustration);\n if (url) {\n return url;\n }\n }\n\n return null;\n};\n\n\nconst getNamedUrl = (illustrationName: string) => {\n const url = getIllustrationMap().get(illustrationName);\n if (url) {\n return url;\n }\n return getAssetPath(`svg/${illustrationName}.svg`);\n};\n\n\nexport const getName = (\n illustrationName: string | undefined,\n illustration: string | undefined\n) => {\n\n if (!illustrationName && illustration && !isSrc(illustration)) {\n illustrationName = illustration;\n }\n if (isStr(illustrationName)) {\n illustrationName = toLower(illustrationName);\n }\n\n if (!isStr(illustrationName) || illustrationName.trim() === '') {\n return null;\n }\n\n // only allow alpha characters and dash\n const invalidChars = illustrationName.replace(/[a-z]|-|\\d/gi, '');\n if (invalidChars !== '') {\n return null;\n }\n\n return illustrationName;\n};\n\nexport const getSrc = (src: string | undefined) => {\n if (isStr(src)) {\n src = src.trim();\n if (isSrc(src)) {\n return src;\n }\n }\n return null;\n};\n\nexport const isSrc = (str: string) => str.length > 0 && /(\\/|\\.)/.test(str);\n\nexport const isStr = (val: any): val is string => typeof val === 'string';\n\nexport const toLower = (val: string) => val.toLowerCase();"],"version":3}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"entries": [
|
|
3
3
|
"./components/icon/icon.js",
|
|
4
|
+
"./components/illustration/illustration.js",
|
|
4
5
|
"./components/accordion/accordion.js",
|
|
5
6
|
"./components/alert/alert.js",
|
|
6
7
|
"./components/area-code/area-code.js",
|
|
@@ -25,7 +26,6 @@
|
|
|
25
26
|
"./components/flap/flap.js",
|
|
26
27
|
"./components/global-navigation/global-navigation.js",
|
|
27
28
|
"./components/grid/grid.js",
|
|
28
|
-
"./components/illustration/illustration.js",
|
|
29
29
|
"./components/img/img.js",
|
|
30
30
|
"./components/input/input.js",
|
|
31
31
|
"./components/input-group/input-group.js",
|
|
@@ -15,12 +15,23 @@
|
|
|
15
15
|
margin-bottom: 1rem;
|
|
16
16
|
font-family: var(--road-font, sans-serif);
|
|
17
17
|
color: var(--road-on-surface);
|
|
18
|
+
background-color: var(--road-surface);
|
|
19
|
+
border: 1px solid var(--road-input-outline);
|
|
20
|
+
border-radius: 0.25rem;
|
|
21
|
+
border-top-right-radius: 0;
|
|
22
|
+
border-bottom-right-radius: 0;
|
|
23
|
+
box-shadow: none;
|
|
24
|
+
-webkit-appearance: none;
|
|
25
|
+
-moz-appearance: none;
|
|
26
|
+
appearance: none;
|
|
27
|
+
width: 5rem;
|
|
28
|
+
height: 3.5rem;
|
|
18
29
|
}
|
|
19
30
|
|
|
20
31
|
/* SELECT
|
|
21
32
|
-------------------- */
|
|
22
33
|
|
|
23
|
-
.form-select {
|
|
34
|
+
.form-select-area {
|
|
24
35
|
box-sizing: border-box;
|
|
25
36
|
display: block;
|
|
26
37
|
width: 100%;
|
|
@@ -31,23 +42,23 @@
|
|
|
31
42
|
line-height: 1.5;
|
|
32
43
|
color: var(--road-on-surface);
|
|
33
44
|
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=") no-repeat right 1rem center/1.5rem 2rem;
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
45
|
+
position: absolute;
|
|
46
|
+
top: 0;
|
|
47
|
+
left: 0;
|
|
48
|
+
height: 100%;
|
|
49
|
+
width: 100%;
|
|
50
|
+
z-index: 1;
|
|
51
|
+
border: 0;
|
|
52
|
+
opacity: 0;
|
|
53
|
+
cursor: pointer;
|
|
43
54
|
}
|
|
44
55
|
|
|
45
|
-
.form-select:-moz-focusring {
|
|
56
|
+
.form-select-area:-moz-focusring {
|
|
46
57
|
color: transparent;
|
|
47
58
|
text-shadow: 0 0 0 #000000;
|
|
48
59
|
}
|
|
49
60
|
|
|
50
|
-
.form-select::-ms-expand { /* IE fix remove native arrow */
|
|
61
|
+
.form-select-area::-ms-expand { /* IE fix remove native arrow */
|
|
51
62
|
display: none;
|
|
52
63
|
}
|
|
53
64
|
|
|
@@ -55,7 +66,7 @@
|
|
|
55
66
|
* Placeholder
|
|
56
67
|
*/
|
|
57
68
|
|
|
58
|
-
.form-select::placeholder {
|
|
69
|
+
.form-select-area::placeholder {
|
|
59
70
|
color: var(--road-on-surface-extra-weak);
|
|
60
71
|
}
|
|
61
72
|
|
|
@@ -65,7 +76,7 @@
|
|
|
65
76
|
|
|
66
77
|
@media (hover: hover) {
|
|
67
78
|
|
|
68
|
-
.form-select:not(:disabled):hover {
|
|
79
|
+
.form-select-area:not(:disabled):hover {
|
|
69
80
|
border-color: var(--road-input-outline-variant);
|
|
70
81
|
}
|
|
71
82
|
}
|
|
@@ -74,13 +85,13 @@
|
|
|
74
85
|
* Focus state
|
|
75
86
|
*/
|
|
76
87
|
|
|
77
|
-
.form-select:focus ~ .form-select-label,
|
|
78
|
-
.form-select[required]:valid ~ .form-select-label,
|
|
79
|
-
.form-select.has-value ~ .form-select-label {
|
|
88
|
+
.form-select-area:focus ~ .form-select-area-label,
|
|
89
|
+
.form-select-area[required]:valid ~ .form-select-area-label,
|
|
90
|
+
.form-select-area.has-value ~ .form-select-area-label {
|
|
80
91
|
transform: scale(0.625) translateY(-0.625rem);
|
|
81
92
|
}
|
|
82
93
|
|
|
83
|
-
.form-select:not(:disabled):focus {
|
|
94
|
+
.form-select-area:not(:disabled):focus {
|
|
84
95
|
border-color: var(--road-input-outline-variant);
|
|
85
96
|
outline: 0;
|
|
86
97
|
}
|
|
@@ -89,8 +100,8 @@
|
|
|
89
100
|
* Disabled state
|
|
90
101
|
*/
|
|
91
102
|
|
|
92
|
-
.form-select:disabled,
|
|
93
|
-
.form-select[readonly] {
|
|
103
|
+
.form-select-area:disabled,
|
|
104
|
+
.form-select-area[readonly] {
|
|
94
105
|
color: var(--road-on-surface-disabled);
|
|
95
106
|
cursor: not-allowed;
|
|
96
107
|
background-color: var(--road-surface-disabled);
|
|
@@ -100,7 +111,7 @@
|
|
|
100
111
|
/* LABEL
|
|
101
112
|
-------------------- */
|
|
102
113
|
|
|
103
|
-
.form-select-label {
|
|
114
|
+
.form-select-area-label {
|
|
104
115
|
position: absolute;
|
|
105
116
|
top: 0.75rem;
|
|
106
117
|
left: 1rem;
|
|
@@ -113,32 +124,49 @@
|
|
|
113
124
|
transform-origin: 0 0;
|
|
114
125
|
}
|
|
115
126
|
|
|
116
|
-
.form-select:required ~ .form-select-label::after{
|
|
127
|
+
.form-select-area:required ~ .form-select-area-label::after{
|
|
117
128
|
color: var(--road-on-danger-surface);
|
|
118
129
|
content: " *";
|
|
119
130
|
}
|
|
120
131
|
|
|
132
|
+
/* Value
|
|
133
|
+
-------------------- */
|
|
134
|
+
|
|
135
|
+
.form-select-area-value {
|
|
136
|
+
position: absolute;
|
|
137
|
+
top: 1.4rem;
|
|
138
|
+
left: 1rem;
|
|
139
|
+
display: block;
|
|
140
|
+
font-size: var(--road-label-medium);
|
|
141
|
+
line-height: 1.5;
|
|
142
|
+
color: var(--road-on-surface);
|
|
143
|
+
pointer-events: none;
|
|
144
|
+
transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
|
|
145
|
+
transform-origin: 0 0;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
|
|
121
149
|
/* SIZES
|
|
122
150
|
-------------------- */
|
|
123
151
|
|
|
124
|
-
:host(.select-xl) .form-select {
|
|
152
|
+
:host(.select-xl) .form-select-area {
|
|
125
153
|
height: 3.5rem;
|
|
126
154
|
padding: 0.75rem 0 0 1rem;
|
|
127
155
|
}
|
|
128
156
|
|
|
129
|
-
:host(.select-xl) .form-select-label {
|
|
157
|
+
:host(.select-xl) .form-select-area-label {
|
|
130
158
|
top: 1rem;
|
|
131
159
|
}
|
|
132
160
|
|
|
133
|
-
:host(.select-xl) .form-select:focus ~ .form-select-label,
|
|
134
|
-
:host(.select-xl) .form-select[required]:valid ~ .form-select-label,
|
|
135
|
-
:host(.select-xl) .form-select.has-value ~ .form-select-label,
|
|
136
|
-
:host(.select-xl) .form-select[type="date"] ~ .form-select-label,
|
|
137
|
-
:host(.select-xl) .form-select[type="time"] ~ .form-select-label {
|
|
161
|
+
:host(.select-xl) .form-select-area:focus ~ .form-select-area-label,
|
|
162
|
+
:host(.select-xl) .form-select-area[required]:valid ~ .form-select-area-label,
|
|
163
|
+
:host(.select-xl) .form-select-area.has-value ~ .form-select-area-label,
|
|
164
|
+
:host(.select-xl) .form-select-area[type="date"] ~ .form-select-area-label,
|
|
165
|
+
:host(.select-xl) .form-select-area[type="time"] ~ .form-select-area-label {
|
|
138
166
|
transform: scale(0.75) translateY(-0.625rem);
|
|
139
167
|
}
|
|
140
168
|
|
|
141
|
-
:host(.select-xl) .form-select:placeholder-shown ~ .form-select-label {
|
|
169
|
+
:host(.select-xl) .form-select-area:placeholder-shown ~ .form-select-area-label {
|
|
142
170
|
transform: scale(0.75) translateY(-0.625rem);
|
|
143
171
|
}
|
|
144
172
|
|
|
@@ -153,29 +181,25 @@
|
|
|
153
181
|
color: var(--road-on-danger-surface);
|
|
154
182
|
}
|
|
155
183
|
|
|
156
|
-
.form-select.is-invalid,
|
|
157
|
-
.was-validated .form-select:invalid {
|
|
184
|
+
.form-select-area.is-invalid,
|
|
185
|
+
.was-validated .form-select-area:invalid {
|
|
158
186
|
border-color: var(--road-on-danger-surface);
|
|
159
187
|
}
|
|
160
188
|
|
|
161
|
-
.form-select.is-invalid ~ .invalid-feedback,
|
|
162
|
-
.was-validated .form-select:invalid ~ .invalid-feedback {
|
|
189
|
+
.form-select-area.is-invalid ~ .invalid-feedback,
|
|
190
|
+
.was-validated .form-select-area:invalid ~ .invalid-feedback {
|
|
163
191
|
display: block;
|
|
164
192
|
}
|
|
165
193
|
|
|
166
194
|
|
|
167
|
-
.form-select option:checked::after {
|
|
195
|
+
.form-select-area option:checked::after {
|
|
168
196
|
position: absolute;
|
|
169
197
|
top: 0;
|
|
170
198
|
left: 0;
|
|
171
199
|
content: attr(data-content);
|
|
172
200
|
}
|
|
173
201
|
|
|
174
|
-
.form-select
|
|
175
|
-
visibility: hidden;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
.form-select::after {
|
|
202
|
+
.form-select-area::after {
|
|
179
203
|
position: absolute;
|
|
180
204
|
top: 0;
|
|
181
205
|
left: 0;
|
|
@@ -5,7 +5,12 @@ export class RoadAreaCode {
|
|
|
5
5
|
const select = ev.target;
|
|
6
6
|
if (select) {
|
|
7
7
|
this.value = select.value || '';
|
|
8
|
+
const matchedOption = this.options.find(option => option.value === this.value);
|
|
9
|
+
if (matchedOption) {
|
|
10
|
+
this.selectedValue = matchedOption.value;
|
|
11
|
+
}
|
|
8
12
|
}
|
|
13
|
+
return this.selectedValue;
|
|
9
14
|
};
|
|
10
15
|
this.onBlur = () => {
|
|
11
16
|
this.roadblur.emit();
|
|
@@ -16,6 +21,7 @@ export class RoadAreaCode {
|
|
|
16
21
|
this.roadFocus.emit();
|
|
17
22
|
};
|
|
18
23
|
this.selectId = `road-select-${selectIds++}`;
|
|
24
|
+
this.selectedValue = '';
|
|
19
25
|
this.options = [];
|
|
20
26
|
this.autofocus = false;
|
|
21
27
|
this.disabled = false;
|
|
@@ -26,6 +32,8 @@ export class RoadAreaCode {
|
|
|
26
32
|
this.label = 'Country';
|
|
27
33
|
this.error = undefined;
|
|
28
34
|
this.value = undefined;
|
|
35
|
+
this.areaValue = undefined;
|
|
36
|
+
this.triggerRender = 0;
|
|
29
37
|
}
|
|
30
38
|
valueChanged() {
|
|
31
39
|
this.roadchange.emit({
|
|
@@ -34,11 +42,24 @@ export class RoadAreaCode {
|
|
|
34
42
|
this.roadChange.emit({
|
|
35
43
|
value: this.value,
|
|
36
44
|
});
|
|
45
|
+
this.selectedValue = this.value;
|
|
46
|
+
}
|
|
47
|
+
componentWillLoad() {
|
|
48
|
+
if (!this.value && this.options.length > 0) {
|
|
49
|
+
this.selectedValue = this.options[0].value;
|
|
50
|
+
}
|
|
51
|
+
else {
|
|
52
|
+
const matchedOption = this.options.find(option => option.value === this.value);
|
|
53
|
+
if (matchedOption) {
|
|
54
|
+
this.selectedValue = matchedOption.value;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
37
57
|
}
|
|
38
58
|
render() {
|
|
39
59
|
const labelId = this.selectId + '-label';
|
|
60
|
+
const valueId = this.selectId + '-value';
|
|
40
61
|
const isInvalidClass = this.error !== undefined && this.error !== '' ? 'is-invalid' : '';
|
|
41
|
-
return (h(Host, { class: this.sizes && `select-${this.sizes}` }, h("select", { class: `form-select has-value ${isInvalidClass}`, id: this.selectId, "aria-disabled": this.disabled ? 'true' : null, autoFocus: this.autofocus, disabled: this.disabled, name: this.name, required: this.required, size: this.size, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur },
|
|
62
|
+
return (h(Host, { class: this.sizes && `select-${this.sizes}` }, h("select", { class: `form-select-area has-value ${isInvalidClass}`, id: this.selectId, "aria-disabled": this.disabled ? 'true' : null, autoFocus: this.autofocus, disabled: this.disabled, name: this.name, required: this.required, size: this.size, onChange: this.onChange, onFocus: this.onFocus, onBlur: this.onBlur }, this.options && this.options.map(option => (h("option", { value: option.value, selected: option.selected }, option.label)))), h("label", { class: "form-select-area-label", id: labelId, htmlFor: this.selectId }, this.label), h("label", { class: "form-select-area-value", id: valueId, htmlFor: this.selectId }, "+", this.selectedValue), this.error && this.error !== '' && h("p", { class: "invalid-feedback" }, this.error)));
|
|
42
63
|
}
|
|
43
64
|
static get is() { return "road-area-code"; }
|
|
44
65
|
static get encapsulation() { return "scoped"; }
|
|
@@ -76,7 +97,7 @@ export class RoadAreaCode {
|
|
|
76
97
|
"type": "unknown",
|
|
77
98
|
"mutable": false,
|
|
78
99
|
"complexType": {
|
|
79
|
-
"original": "Array<{\n
|
|
100
|
+
"original": "Array<{\n value: string | number;\n label: string;\n selected?: boolean;\n }>",
|
|
80
101
|
"resolved": "{ value: string | number; label: string; selected?: boolean | undefined; }[]",
|
|
81
102
|
"references": {
|
|
82
103
|
"Array": {
|
|
@@ -251,9 +272,49 @@ export class RoadAreaCode {
|
|
|
251
272
|
},
|
|
252
273
|
"attribute": "value",
|
|
253
274
|
"reflect": false
|
|
275
|
+
},
|
|
276
|
+
"areaValue": {
|
|
277
|
+
"type": "number",
|
|
278
|
+
"mutable": false,
|
|
279
|
+
"complexType": {
|
|
280
|
+
"original": "number",
|
|
281
|
+
"resolved": "number | undefined",
|
|
282
|
+
"references": {}
|
|
283
|
+
},
|
|
284
|
+
"required": false,
|
|
285
|
+
"optional": true,
|
|
286
|
+
"docs": {
|
|
287
|
+
"tags": [],
|
|
288
|
+
"text": ""
|
|
289
|
+
},
|
|
290
|
+
"attribute": "area-value",
|
|
291
|
+
"reflect": false
|
|
292
|
+
},
|
|
293
|
+
"triggerRender": {
|
|
294
|
+
"type": "number",
|
|
295
|
+
"mutable": true,
|
|
296
|
+
"complexType": {
|
|
297
|
+
"original": "number",
|
|
298
|
+
"resolved": "number",
|
|
299
|
+
"references": {}
|
|
300
|
+
},
|
|
301
|
+
"required": false,
|
|
302
|
+
"optional": false,
|
|
303
|
+
"docs": {
|
|
304
|
+
"tags": [],
|
|
305
|
+
"text": ""
|
|
306
|
+
},
|
|
307
|
+
"attribute": "trigger-render",
|
|
308
|
+
"reflect": false,
|
|
309
|
+
"defaultValue": "0"
|
|
254
310
|
}
|
|
255
311
|
};
|
|
256
312
|
}
|
|
313
|
+
static get states() {
|
|
314
|
+
return {
|
|
315
|
+
"selectedValue": {}
|
|
316
|
+
};
|
|
317
|
+
}
|
|
257
318
|
static get events() {
|
|
258
319
|
return [{
|
|
259
320
|
"method": "roadchange",
|
|
@@ -266,7 +327,7 @@ export class RoadAreaCode {
|
|
|
266
327
|
"text": ""
|
|
267
328
|
},
|
|
268
329
|
"complexType": {
|
|
269
|
-
"original": "{\n
|
|
330
|
+
"original": "{\n value: string | undefined | null\n }",
|
|
270
331
|
"resolved": "{ value: string | null | undefined; }",
|
|
271
332
|
"references": {}
|
|
272
333
|
}
|
|
@@ -284,7 +345,7 @@ export class RoadAreaCode {
|
|
|
284
345
|
"text": ""
|
|
285
346
|
},
|
|
286
347
|
"complexType": {
|
|
287
|
-
"original": "{\n
|
|
348
|
+
"original": "{\n value: string | undefined | null\n }",
|
|
288
349
|
"resolved": "{ value: string | null | undefined; }",
|
|
289
350
|
"references": {}
|
|
290
351
|
}
|