@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.
Files changed (146) hide show
  1. package/dist/cjs/_commonjsHelpers-1fbbf0eb.js +23 -0
  2. package/dist/cjs/_commonjsHelpers-1fbbf0eb.js.map +1 -0
  3. package/dist/cjs/{focus-visible-a5d1ccf9.js → focus-visible-6771892b.js} +6 -20
  4. package/dist/cjs/focus-visible-6771892b.js.map +1 -0
  5. package/dist/cjs/index.cjs.js +2 -0
  6. package/dist/cjs/index.cjs.js.map +1 -1
  7. package/dist/cjs/loader.cjs.js +1 -1
  8. package/dist/cjs/{polyfill-c7a0fa22.js → polyfill-9453e116.js} +2 -2
  9. package/dist/cjs/{polyfill-c7a0fa22.js.map → polyfill-9453e116.js.map} +1 -1
  10. package/dist/cjs/road-accordion.cjs.entry.js +1 -1
  11. package/dist/cjs/road-area-code.cjs.entry.js +23 -2
  12. package/dist/cjs/road-area-code.cjs.entry.js.map +1 -1
  13. package/dist/cjs/road-badge_14.cjs.entry.js +5 -3
  14. package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
  15. package/dist/cjs/road-button-floating.cjs.entry.js +1 -1
  16. package/dist/cjs/road-checkbox.cjs.entry.js +1 -1
  17. package/dist/cjs/road-chip.cjs.entry.js +1 -1
  18. package/dist/cjs/road-global-navigation.cjs.entry.js +1 -1
  19. package/dist/cjs/road-illustration.cjs.entry.js +4 -71
  20. package/dist/cjs/road-illustration.cjs.entry.js.map +1 -1
  21. package/dist/cjs/road-navbar.cjs.entry.js +1 -1
  22. package/dist/cjs/road-phone-number-input.cjs.entry.js +1269 -5692
  23. package/dist/cjs/road-phone-number-input.cjs.entry.js.map +1 -1
  24. package/dist/cjs/road-radio.cjs.entry.js +1 -1
  25. package/dist/cjs/road-segmented-button-bar.cjs.entry.js +1 -1
  26. package/dist/cjs/road-switch.cjs.entry.js +1 -1
  27. package/dist/cjs/road-tab-bar.cjs.entry.js +1 -1
  28. package/dist/cjs/road-tag.cjs.entry.js +1 -1
  29. package/dist/cjs/road-toggle.cjs.entry.js +1 -1
  30. package/dist/cjs/roadtrip.cjs.js +1 -1
  31. package/dist/cjs/utils-5203d152.js +82 -0
  32. package/dist/cjs/utils-5203d152.js.map +1 -0
  33. package/dist/collection/collection-manifest.json +1 -1
  34. package/dist/collection/components/area-code/area-code.css +64 -40
  35. package/dist/collection/components/area-code/area-code.js +65 -4
  36. package/dist/collection/components/area-code/area-code.js.map +1 -1
  37. package/dist/collection/components/button/button.css +36 -1
  38. package/dist/collection/components/button/button.js +22 -1
  39. package/dist/collection/components/button/button.js.map +1 -1
  40. package/dist/collection/components/button/button.stories.js +13 -0
  41. package/dist/collection/components/phone-number-input/phone-number-input.css +0 -5
  42. package/dist/collection/components/phone-number-input/phone-number-input.js +128 -62
  43. package/dist/collection/components/phone-number-input/phone-number-input.js.map +1 -1
  44. package/dist/collection/components/phone-number-input/phone-number-input.stories.js +11 -5
  45. package/dist/collection/index.js +1 -0
  46. package/dist/collection/index.js.map +1 -1
  47. package/dist/esm/_commonjsHelpers-8a9f3b18.js +19 -0
  48. package/dist/esm/_commonjsHelpers-8a9f3b18.js.map +1 -0
  49. package/dist/esm/{focus-visible-0fc6119c.js → focus-visible-75a2ea2a.js} +3 -17
  50. package/dist/esm/focus-visible-75a2ea2a.js.map +1 -0
  51. package/dist/esm/index.js +1 -0
  52. package/dist/esm/index.js.map +1 -1
  53. package/dist/esm/loader.js +1 -1
  54. package/dist/esm/polyfill-ab80527b.js +7 -0
  55. package/dist/esm/{polyfill-2b159e86.js.map → polyfill-ab80527b.js.map} +1 -1
  56. package/dist/esm/road-accordion.entry.js +1 -1
  57. package/dist/esm/road-area-code.entry.js +23 -2
  58. package/dist/esm/road-area-code.entry.js.map +1 -1
  59. package/dist/esm/road-badge_14.entry.js +5 -3
  60. package/dist/esm/road-badge_14.entry.js.map +1 -1
  61. package/dist/esm/road-button-floating.entry.js +1 -1
  62. package/dist/esm/road-checkbox.entry.js +1 -1
  63. package/dist/esm/road-chip.entry.js +1 -1
  64. package/dist/esm/road-global-navigation.entry.js +1 -1
  65. package/dist/esm/road-illustration.entry.js +2 -69
  66. package/dist/esm/road-illustration.entry.js.map +1 -1
  67. package/dist/esm/road-navbar.entry.js +1 -1
  68. package/dist/esm/road-phone-number-input.entry.js +1269 -5692
  69. package/dist/esm/road-phone-number-input.entry.js.map +1 -1
  70. package/dist/esm/road-radio.entry.js +1 -1
  71. package/dist/esm/road-segmented-button-bar.entry.js +1 -1
  72. package/dist/esm/road-switch.entry.js +1 -1
  73. package/dist/esm/road-tab-bar.entry.js +1 -1
  74. package/dist/esm/road-tag.entry.js +1 -1
  75. package/dist/esm/road-toggle.entry.js +1 -1
  76. package/dist/esm/roadtrip.js +1 -1
  77. package/dist/esm/utils-ff713b72.js +77 -0
  78. package/dist/esm/utils-ff713b72.js.map +1 -0
  79. package/dist/html.html-data.json +18 -2
  80. package/dist/roadtrip/index.esm.js +1 -1
  81. package/dist/roadtrip/{p-f0e8feac.entry.js → p-093973f5.entry.js} +2 -2
  82. package/dist/roadtrip/{p-3237c0d8.entry.js → p-0bcf6d63.entry.js} +2 -2
  83. package/dist/roadtrip/{p-9077915a.entry.js → p-198f586b.entry.js} +2 -2
  84. package/dist/roadtrip/{p-c784a407.entry.js → p-439e1124.entry.js} +2 -2
  85. package/dist/roadtrip/{p-4b54f8e8.entry.js → p-4fd8c4db.entry.js} +2 -2
  86. package/dist/roadtrip/{p-10856fef.entry.js → p-564f4f31.entry.js} +2 -2
  87. package/dist/roadtrip/p-5f9e6c1c.entry.js +2 -0
  88. package/dist/roadtrip/p-5f9e6c1c.entry.js.map +1 -0
  89. package/dist/roadtrip/p-6598e293.entry.js +2 -0
  90. package/dist/roadtrip/p-6598e293.entry.js.map +1 -0
  91. package/dist/roadtrip/p-74980317.entry.js +2 -0
  92. package/dist/roadtrip/p-74980317.entry.js.map +1 -0
  93. package/dist/roadtrip/{p-c709f80e.entry.js → p-7c4b331c.entry.js} +2 -2
  94. package/dist/roadtrip/p-7d5dbd9a.js +2 -0
  95. package/dist/roadtrip/p-7d5dbd9a.js.map +1 -0
  96. package/dist/roadtrip/p-7ec2d494.js +2 -0
  97. package/dist/roadtrip/p-7ec2d494.js.map +1 -0
  98. package/dist/roadtrip/p-a484102a.entry.js +2 -0
  99. package/dist/roadtrip/p-a484102a.entry.js.map +1 -0
  100. package/dist/roadtrip/{p-7390ad20.entry.js → p-b5727aae.entry.js} +2 -2
  101. package/dist/roadtrip/p-c259efd7.js +2 -0
  102. package/dist/roadtrip/{p-4f31338d.js.map → p-c259efd7.js.map} +1 -1
  103. package/dist/roadtrip/{p-91070a4d.entry.js → p-c8e9807b.entry.js} +2 -2
  104. package/dist/roadtrip/p-e8c090a5.js +2 -0
  105. package/dist/roadtrip/{p-3f7c8122.entry.js → p-ebe3c26a.entry.js} +2 -2
  106. package/dist/roadtrip/{p-a1a25a51.entry.js → p-ee0196ea.entry.js} +2 -2
  107. package/dist/roadtrip/{p-c0c088c1.entry.js → p-f671758f.entry.js} +2 -2
  108. package/dist/roadtrip/roadtrip.css +1 -1
  109. package/dist/roadtrip/roadtrip.esm.js +1 -1
  110. package/dist/roadtrip/roadtrip.esm.js.map +1 -1
  111. package/dist/types/components/area-code/area-code.d.ts +4 -0
  112. package/dist/types/components/button/button.d.ts +5 -0
  113. package/dist/types/components/phone-number-input/phone-number-input.d.ts +21 -10
  114. package/dist/types/components.d.ts +33 -18
  115. package/dist/types/index.d.ts +1 -0
  116. package/hydrate/index.js +1379 -5773
  117. package/illustrations/illustrations.svg +1 -0
  118. package/illustrations/index.d.ts +11 -0
  119. package/illustrations/index.js +11 -0
  120. package/package.json +4 -2
  121. package/dist/cjs/focus-visible-a5d1ccf9.js.map +0 -1
  122. package/dist/esm/focus-visible-0fc6119c.js.map +0 -1
  123. package/dist/esm/polyfill-2b159e86.js +0 -7
  124. package/dist/roadtrip/p-0ffe42f9.entry.js +0 -2
  125. package/dist/roadtrip/p-0ffe42f9.entry.js.map +0 -1
  126. package/dist/roadtrip/p-12fd8791.js +0 -2
  127. package/dist/roadtrip/p-4f31338d.js +0 -2
  128. package/dist/roadtrip/p-6fb0d348.entry.js +0 -2
  129. package/dist/roadtrip/p-6fb0d348.entry.js.map +0 -1
  130. package/dist/roadtrip/p-80560610.entry.js +0 -2
  131. package/dist/roadtrip/p-80560610.entry.js.map +0 -1
  132. package/dist/roadtrip/p-c9a1dd14.entry.js +0 -2
  133. package/dist/roadtrip/p-c9a1dd14.entry.js.map +0 -1
  134. /package/dist/roadtrip/{p-f0e8feac.entry.js.map → p-093973f5.entry.js.map} +0 -0
  135. /package/dist/roadtrip/{p-3237c0d8.entry.js.map → p-0bcf6d63.entry.js.map} +0 -0
  136. /package/dist/roadtrip/{p-9077915a.entry.js.map → p-198f586b.entry.js.map} +0 -0
  137. /package/dist/roadtrip/{p-c784a407.entry.js.map → p-439e1124.entry.js.map} +0 -0
  138. /package/dist/roadtrip/{p-4b54f8e8.entry.js.map → p-4fd8c4db.entry.js.map} +0 -0
  139. /package/dist/roadtrip/{p-10856fef.entry.js.map → p-564f4f31.entry.js.map} +0 -0
  140. /package/dist/roadtrip/{p-c709f80e.entry.js.map → p-7c4b331c.entry.js.map} +0 -0
  141. /package/dist/roadtrip/{p-7390ad20.entry.js.map → p-b5727aae.entry.js.map} +0 -0
  142. /package/dist/roadtrip/{p-91070a4d.entry.js.map → p-c8e9807b.entry.js.map} +0 -0
  143. /package/dist/roadtrip/{p-12fd8791.js.map → p-e8c090a5.js.map} +0 -0
  144. /package/dist/roadtrip/{p-3f7c8122.entry.js.map → p-ebe3c26a.entry.js.map} +0 -0
  145. /package/dist/roadtrip/{p-a1a25a51.entry.js.map → p-ee0196ea.entry.js.map} +0 -0
  146. /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-c7a0fa22.js');
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-c7a0fa22.js');
6
+ require('./polyfill-9453e116.js');
7
7
 
8
8
  const segmentedButtonBarCss = ":host{display:flex;max-width:500px}";
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-c7a0fa22.js');
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-c7a0fa22.js');
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-c7a0fa22.js');
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-c7a0fa22.js');
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
 
@@ -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
- background-color: var(--road-surface);
35
- border: 1px solid var(--road-input-outline);
36
- border-radius: 0.25rem;
37
- border-top-right-radius: 0;
38
- border-bottom-right-radius: 0;
39
- box-shadow: none;
40
- -webkit-appearance: none;
41
- -moz-appearance: none;
42
- appearance: none;
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 option:checked {
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 }, h("option", { selected: true, disabled: true, hidden: true, style: { display: 'none' }, value: "" }), this.options && this.options.map(option => (h("option", { value: option.value, selected: option.selected }, option.label)))), h("label", { class: "form-select-label", id: labelId, htmlFor: this.selectId }, this.label), this.error && this.error !== '' && h("p", { class: "invalid-feedback" }, this.error)));
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 value: string | number;\n label: string;\n selected?: boolean;\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 value: string | undefined | null\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 value: string | undefined | null\n }",
348
+ "original": "{\n value: string | undefined | null\n }",
288
349
  "resolved": "{ value: string | null | undefined; }",
289
350
  "references": {}
290
351
  }