@roadtrip/components 3.37.0 → 3.38.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 (165) hide show
  1. package/dist/cjs/index-KT6nBj3z.js.map +1 -1
  2. package/dist/cjs/road-badge_14.cjs.entry.js +1 -1
  3. package/dist/cjs/road-dialog.cjs.entry.js +7 -3
  4. package/dist/cjs/road-dialog.cjs.entry.js.map +1 -1
  5. package/dist/cjs/road-dialog.entry.cjs.js.map +1 -1
  6. package/dist/cjs/road-segmented-button-bar.cjs.entry.js +2 -2
  7. package/dist/cjs/road-segmented-button-bar.cjs.entry.js.map +1 -1
  8. package/dist/cjs/road-segmented-button-bar.entry.cjs.js.map +1 -1
  9. package/dist/cjs/road-segmented-button.cjs.entry.js +2 -2
  10. package/dist/cjs/road-segmented-button.cjs.entry.js.map +1 -1
  11. package/dist/cjs/road-segmented-button.entry.cjs.js.map +1 -1
  12. package/dist/cjs/road-segmented-buttons.cjs.entry.js +1 -1
  13. package/dist/cjs/road-select-filter.cjs.entry.js +1 -1
  14. package/dist/cjs/road-select.cjs.entry.js +1 -1
  15. package/dist/cjs/road-skeleton.cjs.entry.js +1 -1
  16. package/dist/cjs/road-spinner.cjs.entry.js +1 -1
  17. package/dist/cjs/road-switch.cjs.entry.js +2 -2
  18. package/dist/cjs/road-tab-bar.cjs.entry.js +2 -2
  19. package/dist/cjs/road-tab-button.cjs.entry.js +2 -2
  20. package/dist/cjs/road-tab.cjs.entry.js +2 -2
  21. package/dist/cjs/road-table.cjs.entry.js +1 -1
  22. package/dist/cjs/road-tabs.cjs.entry.js +1 -1
  23. package/dist/cjs/road-tag.cjs.entry.js +1 -1
  24. package/dist/cjs/road-text.cjs.entry.js +1 -1
  25. package/dist/cjs/road-textarea.cjs.entry.js +1 -1
  26. package/dist/cjs/road-toast.cjs.entry.js +1 -1
  27. package/dist/cjs/road-toggle.cjs.entry.js +2 -2
  28. package/dist/cjs/road-toolbar-title-page.cjs.entry.js +1 -1
  29. package/dist/cjs/road-toolbar-title.cjs.entry.js +1 -1
  30. package/dist/cjs/road-toolbar-v2.cjs.entry.js +1 -1
  31. package/dist/cjs/road-tooltip.cjs.entry.js +3 -3
  32. package/dist/collection/components/dialog/dialog.js +9 -4
  33. package/dist/collection/components/dialog/dialog.js.map +1 -1
  34. package/dist/collection/components/dialog/dialog.stories.js +3 -0
  35. package/dist/collection/components/icon/svg/baby-seat-outline.svg +1 -1
  36. package/dist/collection/components/icon/svg/flag-morocco-color.svg +1 -0
  37. package/dist/collection/components/icon/svg/vehicle-cover-outline.svg +1 -1
  38. package/dist/collection/components/segmented-button/segmented-button.css +36 -28
  39. package/dist/collection/components/segmented-button/segmented-button.js +1 -1
  40. package/dist/collection/components/segmented-button/segmented-button.js.map +1 -1
  41. package/dist/collection/components/segmented-button-bar/segmented-button-bar.css +5 -2
  42. package/dist/collection/components/segmented-button-bar/segmented-button-bar.js +1 -1
  43. package/dist/collection/components/segmented-buttons/segmented-buttons.js +1 -1
  44. package/dist/collection/components/segmented-buttons/segmented-buttons.stories.js +1 -1
  45. package/dist/collection/components/select/select.js +1 -1
  46. package/dist/collection/components/select-filter/select-filter.js +1 -1
  47. package/dist/collection/components/skeleton/skeleton.js +1 -1
  48. package/dist/collection/components/spinner/spinner.js +1 -1
  49. package/dist/collection/components/switch/switch.js +2 -2
  50. package/dist/collection/components/tab/tab.js +2 -2
  51. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  52. package/dist/collection/components/tab-button/tab-button.js +2 -2
  53. package/dist/collection/components/table/table.js +1 -1
  54. package/dist/collection/components/tabs/tabs.js +1 -1
  55. package/dist/collection/components/tag/tag.js +1 -1
  56. package/dist/collection/components/text/text.js +1 -1
  57. package/dist/collection/components/textarea/textarea.js +1 -1
  58. package/dist/collection/components/toast/toast.js +1 -1
  59. package/dist/collection/components/toggle/toggle.js +2 -2
  60. package/dist/collection/components/toolbar/toolbar.js +1 -1
  61. package/dist/collection/components/toolbar-title/toolbar-title.js +1 -1
  62. package/dist/collection/components/toolbar-title-page/toolbar-title-page.js +1 -1
  63. package/dist/collection/components/toolbar-v2/toolbar-v2.js +1 -1
  64. package/dist/collection/components/tooltip/tooltip.js +3 -3
  65. package/dist/esm/index-D4L9-8Jc.js.map +1 -1
  66. package/dist/esm/road-badge_14.entry.js +1 -1
  67. package/dist/esm/road-dialog.entry.js +7 -3
  68. package/dist/esm/road-dialog.entry.js.map +1 -1
  69. package/dist/esm/road-segmented-button-bar.entry.js +2 -2
  70. package/dist/esm/road-segmented-button-bar.entry.js.map +1 -1
  71. package/dist/esm/road-segmented-button.entry.js +2 -2
  72. package/dist/esm/road-segmented-button.entry.js.map +1 -1
  73. package/dist/esm/road-segmented-buttons.entry.js +1 -1
  74. package/dist/esm/road-select-filter.entry.js +1 -1
  75. package/dist/esm/road-select.entry.js +1 -1
  76. package/dist/esm/road-skeleton.entry.js +1 -1
  77. package/dist/esm/road-spinner.entry.js +1 -1
  78. package/dist/esm/road-switch.entry.js +2 -2
  79. package/dist/esm/road-tab-bar.entry.js +2 -2
  80. package/dist/esm/road-tab-button.entry.js +2 -2
  81. package/dist/esm/road-tab.entry.js +2 -2
  82. package/dist/esm/road-table.entry.js +1 -1
  83. package/dist/esm/road-tabs.entry.js +1 -1
  84. package/dist/esm/road-tag.entry.js +1 -1
  85. package/dist/esm/road-text.entry.js +1 -1
  86. package/dist/esm/road-textarea.entry.js +1 -1
  87. package/dist/esm/road-toast.entry.js +1 -1
  88. package/dist/esm/road-toggle.entry.js +2 -2
  89. package/dist/esm/road-toolbar-title-page.entry.js +1 -1
  90. package/dist/esm/road-toolbar-title.entry.js +1 -1
  91. package/dist/esm/road-toolbar-v2.entry.js +1 -1
  92. package/dist/esm/road-tooltip.entry.js +3 -3
  93. package/dist/icons/icons.svg +1 -1
  94. package/dist/icons/index.d.ts +1 -0
  95. package/dist/icons/index.js +3 -2
  96. package/dist/roadtrip/{p-e2199c84.entry.js → p-189a516a.entry.js} +2 -2
  97. package/dist/roadtrip/{p-f48ccd8b.entry.js → p-271b69d8.entry.js} +2 -2
  98. package/dist/roadtrip/{p-1f550ee1.entry.js → p-356a2ca4.entry.js} +2 -2
  99. package/dist/roadtrip/p-3ce8deab.entry.js +2 -0
  100. package/dist/roadtrip/p-3ce8deab.entry.js.map +1 -0
  101. package/dist/roadtrip/{p-4fee0864.entry.js → p-413d9ee8.entry.js} +2 -2
  102. package/dist/roadtrip/{p-2dd7d3bf.entry.js → p-41cd3e74.entry.js} +2 -2
  103. package/dist/roadtrip/{p-cd4d6154.entry.js → p-4d4e1282.entry.js} +2 -2
  104. package/dist/roadtrip/{p-85edfef8.entry.js → p-52b20e0d.entry.js} +2 -2
  105. package/dist/roadtrip/p-642aaeb9.entry.js +2 -0
  106. package/dist/roadtrip/p-642aaeb9.entry.js.map +1 -0
  107. package/dist/roadtrip/{p-cf3f4b9a.entry.js → p-654e15ca.entry.js} +2 -2
  108. package/dist/roadtrip/{p-21e4f868.entry.js → p-6f635bb3.entry.js} +2 -2
  109. package/dist/roadtrip/{p-e678228c.entry.js → p-759a5979.entry.js} +2 -2
  110. package/dist/roadtrip/{p-92ba90f5.entry.js → p-7ba4bd92.entry.js} +2 -2
  111. package/dist/roadtrip/{p-3f9d1111.entry.js → p-905ed5dd.entry.js} +2 -2
  112. package/dist/roadtrip/{p-0f7c2bb1.entry.js → p-9e350801.entry.js} +2 -2
  113. package/dist/roadtrip/p-9fde410f.entry.js +2 -0
  114. package/dist/roadtrip/p-D4L9-8Jc.js.map +1 -1
  115. package/dist/roadtrip/{p-e2ddeaf4.entry.js → p-a0ecd888.entry.js} +2 -2
  116. package/dist/roadtrip/{p-5cb2cf87.entry.js → p-cfa2d288.entry.js} +2 -2
  117. package/dist/roadtrip/{p-1c0a56f8.entry.js → p-d8754409.entry.js} +2 -2
  118. package/dist/roadtrip/{p-c341c65d.entry.js → p-db8047f7.entry.js} +2 -2
  119. package/dist/roadtrip/{p-ca469434.entry.js → p-dbfad609.entry.js} +2 -2
  120. package/dist/roadtrip/{p-ff9c5c19.entry.js → p-e63ebfd0.entry.js} +2 -2
  121. package/dist/roadtrip/{p-d25ecf9b.entry.js → p-f0845e60.entry.js} +2 -2
  122. package/dist/roadtrip/p-f7eaf7cc.entry.js +2 -0
  123. package/dist/roadtrip/p-f7eaf7cc.entry.js.map +1 -0
  124. package/dist/roadtrip/road-dialog.entry.esm.js.map +1 -1
  125. package/dist/roadtrip/road-segmented-button-bar.entry.esm.js.map +1 -1
  126. package/dist/roadtrip/road-segmented-button.entry.esm.js.map +1 -1
  127. package/dist/roadtrip/roadtrip.esm.js +1 -1
  128. package/dist/roadtrip/svg/baby-seat-outline.svg +1 -1
  129. package/dist/roadtrip/svg/flag-morocco-color.svg +1 -0
  130. package/dist/roadtrip/svg/vehicle-cover-outline.svg +1 -1
  131. package/dist/types/components.d.ts +2 -0
  132. package/hydrate/index.js +149 -106
  133. package/hydrate/index.mjs +149 -106
  134. package/icons/icons.svg +1 -1
  135. package/icons/index.d.ts +1 -0
  136. package/icons/index.js +3 -2
  137. package/package.json +1 -1
  138. package/dist/roadtrip/p-15fc9b83.entry.js +0 -2
  139. package/dist/roadtrip/p-15fc9b83.entry.js.map +0 -1
  140. package/dist/roadtrip/p-1a38d043.entry.js +0 -2
  141. package/dist/roadtrip/p-1a38d043.entry.js.map +0 -1
  142. package/dist/roadtrip/p-3e9f11a6.entry.js +0 -2
  143. package/dist/roadtrip/p-93f69a61.entry.js +0 -2
  144. package/dist/roadtrip/p-93f69a61.entry.js.map +0 -1
  145. /package/dist/roadtrip/{p-e2199c84.entry.js.map → p-189a516a.entry.js.map} +0 -0
  146. /package/dist/roadtrip/{p-f48ccd8b.entry.js.map → p-271b69d8.entry.js.map} +0 -0
  147. /package/dist/roadtrip/{p-1f550ee1.entry.js.map → p-356a2ca4.entry.js.map} +0 -0
  148. /package/dist/roadtrip/{p-4fee0864.entry.js.map → p-413d9ee8.entry.js.map} +0 -0
  149. /package/dist/roadtrip/{p-2dd7d3bf.entry.js.map → p-41cd3e74.entry.js.map} +0 -0
  150. /package/dist/roadtrip/{p-cd4d6154.entry.js.map → p-4d4e1282.entry.js.map} +0 -0
  151. /package/dist/roadtrip/{p-85edfef8.entry.js.map → p-52b20e0d.entry.js.map} +0 -0
  152. /package/dist/roadtrip/{p-cf3f4b9a.entry.js.map → p-654e15ca.entry.js.map} +0 -0
  153. /package/dist/roadtrip/{p-21e4f868.entry.js.map → p-6f635bb3.entry.js.map} +0 -0
  154. /package/dist/roadtrip/{p-e678228c.entry.js.map → p-759a5979.entry.js.map} +0 -0
  155. /package/dist/roadtrip/{p-92ba90f5.entry.js.map → p-7ba4bd92.entry.js.map} +0 -0
  156. /package/dist/roadtrip/{p-3f9d1111.entry.js.map → p-905ed5dd.entry.js.map} +0 -0
  157. /package/dist/roadtrip/{p-0f7c2bb1.entry.js.map → p-9e350801.entry.js.map} +0 -0
  158. /package/dist/roadtrip/{p-3e9f11a6.entry.js.map → p-9fde410f.entry.js.map} +0 -0
  159. /package/dist/roadtrip/{p-e2ddeaf4.entry.js.map → p-a0ecd888.entry.js.map} +0 -0
  160. /package/dist/roadtrip/{p-5cb2cf87.entry.js.map → p-cfa2d288.entry.js.map} +0 -0
  161. /package/dist/roadtrip/{p-1c0a56f8.entry.js.map → p-d8754409.entry.js.map} +0 -0
  162. /package/dist/roadtrip/{p-c341c65d.entry.js.map → p-db8047f7.entry.js.map} +0 -0
  163. /package/dist/roadtrip/{p-ca469434.entry.js.map → p-dbfad609.entry.js.map} +0 -0
  164. /package/dist/roadtrip/{p-ff9c5c19.entry.js.map → p-e63ebfd0.entry.js.map} +0 -0
  165. /package/dist/roadtrip/{p-d25ecf9b.entry.js.map → p-f0845e60.entry.js.map} +0 -0
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,h as i,H as o,d as a}from"./p-DRGoRjBY.js";const r=':host{box-sizing:border-box;font-weight:700;color:var(--tab-color);outline:0;transition:background 0.15s ease-in-out}:host(.tab-secondary){--tab-underline-selected:var(--road-secondary-600)}:host(.tab-selected){color:var(--tab-color-selected)}:host(.tab-selected) ::slotted(road-icon){color:var(--tab-color-selected)}:host(.tab-selected) .button-native::after{height:2px;background:var(--tab-underline-selected);opacity:1;transform:none}:host(:hover){background:var(--tab-background-hover)}:host(.focus-visible){background:var(--tab-background-focused);outline:auto}:host(.tab-disabled){background:var(--road-surface-disabled)}:host(.tab-disabled) .button-native{cursor:not-allowed}:host(.tab-disabled) ::slotted(road-label){color:var(--road-on-surface-disabled)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;min-height:3.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.button-native::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:0;content:"";background-color:var(--road-input-outline);opacity:1;transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transform:none;transform-origin:center}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%}:host ::slotted(road-icon){color:var(--tab-color)}:host(.tab-layout-icon-start) ::slotted(road-icon){margin-right:0.5rem}:host(.tab-layout-icon-top) .button-inner{flex-direction:column}:host ::slotted(road-label){display:-webkit-box;max-width:12.5rem;overflow:hidden;font-size:1rem;color:var(--road-on-surface);-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;text-overflow:ellipsis;white-space:inherit}:host(.tab-layout-icon-top) ::slotted(road-label){margin-top:0.25rem;font-size:1rem}';const n=class{constructor(i){t(this,i);this.roadtabbuttonclick=e(this,"roadtabbuttonclick",7);this.roadTabButtonClick=e(this,"roadTabButtonClick",7);this.layout="icon-start";this.selected=false;this.disabled=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onTabBarChanged(t){const e=t.target;const i=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(i)||e&&e.contains(this.el)){this.selected=this.tab===t.detail.tab}}selectTab(t){if(this.tab!==undefined){this.roadtabbuttonclick.emit({tab:this.tab,href:this.href,selected:this.selected});this.roadTabButtonClick.emit({tab:this.tab,href:this.href,selected:this.selected});t.preventDefault()}}get hasLabel(){return!!this.el.querySelector("road-label")}get hasIcon(){return!!this.el.querySelector("road-icon")}get tabIndex(){const t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0}render(){const{hasIcon:t,hasLabel:e,tabIndex:a,href:r,rel:n,target:s,layout:d,selected:l,tab:b,disabled:c}=this;const h={download:this.download,href:!c?r:undefined,rel:n,target:s};return i(o,{key:"67c07b501186d06a92c2f17ca9de8e0ff52f9f6c",onClick:t=>!c&&this.onClick(t),onKeyup:t=>!c&&this.onKeyUp(t),role:"tab",tabindex:c?-1:a,"aria-selected":l?"true":"false","aria-disabled":c?"true":null,id:b!==undefined?`tab-button-${b}`:null,class:{"tab-selected":l,"tab-has-label":e,"tab-has-icon":t,"tab-has-label-only":e&&!t,"tab-has-icon-only":t&&!e,[`tab-layout-${d}`]:true,"tab-disabled":c}},i("a",Object.assign({key:"18a73655db637ae681c2c2ead0f0f3ffc3f5bab8"},h,{tabIndex:-1,class:"button-native",part:"native"}),i("span",{key:"58fada49e75fb729951f8cec81d659445fcd1663",class:"button-inner"},i("slot",{key:"9ede5d2abe3dc94bcad317b98c71be832a409b6b"}))))}get el(){return a(this)}};n.style=r;export{n as road_tab_button};
2
- //# sourceMappingURL=p-e2ddeaf4.entry.js.map
1
+ import{r as t,c as e,h as i,H as o,d as a}from"./p-DRGoRjBY.js";const r=':host{box-sizing:border-box;font-weight:700;color:var(--tab-color);outline:0;transition:background 0.15s ease-in-out}:host(.tab-secondary){--tab-underline-selected:var(--road-secondary-600)}:host(.tab-selected){color:var(--tab-color-selected)}:host(.tab-selected) ::slotted(road-icon){color:var(--tab-color-selected)}:host(.tab-selected) .button-native::after{height:2px;background:var(--tab-underline-selected);opacity:1;transform:none}:host(:hover){background:var(--tab-background-hover)}:host(.focus-visible){background:var(--tab-background-focused);outline:auto}:host(.tab-disabled){background:var(--road-surface-disabled)}:host(.tab-disabled) .button-native{cursor:not-allowed}:host(.tab-disabled) ::slotted(road-label){color:var(--road-on-surface-disabled)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;min-height:3.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.button-native::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:0;content:"";background-color:var(--road-input-outline);opacity:1;transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transform:none;transform-origin:center}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%}:host ::slotted(road-icon){color:var(--tab-color)}:host(.tab-layout-icon-start) ::slotted(road-icon){margin-right:0.5rem}:host(.tab-layout-icon-top) .button-inner{flex-direction:column}:host ::slotted(road-label){display:-webkit-box;max-width:12.5rem;overflow:hidden;font-size:1rem;color:var(--road-on-surface);-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;text-overflow:ellipsis;white-space:inherit}:host(.tab-layout-icon-top) ::slotted(road-label){margin-top:0.25rem;font-size:1rem}';const n=class{constructor(i){t(this,i);this.roadtabbuttonclick=e(this,"roadtabbuttonclick",7);this.roadTabButtonClick=e(this,"roadTabButtonClick",7);this.layout="icon-start";this.selected=false;this.disabled=false;this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)}}onTabBarChanged(t){const e=t.target;const i=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(i)||e&&e.contains(this.el)){this.selected=this.tab===t.detail.tab}}selectTab(t){if(this.tab!==undefined){this.roadtabbuttonclick.emit({tab:this.tab,href:this.href,selected:this.selected});this.roadTabButtonClick.emit({tab:this.tab,href:this.href,selected:this.selected});t.preventDefault()}}get hasLabel(){return!!this.el.querySelector("road-label")}get hasIcon(){return!!this.el.querySelector("road-icon")}get tabIndex(){const t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0}render(){const{hasIcon:t,hasLabel:e,tabIndex:a,href:r,rel:n,target:s,layout:l,selected:d,tab:b,disabled:h}=this;const c={download:this.download,href:!h?r:undefined,rel:n,target:s};return i(o,{key:"6fdae83a0fe22652c51b92874265e2c32787063d",onClick:t=>!h&&this.onClick(t),onKeyup:t=>!h&&this.onKeyUp(t),role:"tab",tabindex:h?-1:a,"aria-selected":d?"true":"false","aria-disabled":h?"true":null,id:b!==undefined?`tab-button-${b}`:null,class:{"tab-selected":d,"tab-has-label":e,"tab-has-icon":t,"tab-has-label-only":e&&!t,"tab-has-icon-only":t&&!e,[`tab-layout-${l}`]:true,"tab-disabled":h}},i("a",Object.assign({key:"dc85019d7861a227495a165790d2e5b025f1f979"},c,{tabIndex:-1,class:"button-native",part:"native"}),i("span",{key:"59d9387c00bb48a34f425d9af782e3568f566263",class:"button-inner"},i("slot",{key:"54290ac6eee4506846c8756f5141b493e6ebcc13"}))))}get el(){return a(this)}};n.style=r;export{n as road_tab_button};
2
+ //# sourceMappingURL=p-a0ecd888.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as a,c as t,h as e,H as r,d as o}from"./p-DRGoRjBY.js";import"./p-VfVbfSwY.js";const s=":host{--tab-bar-background:var(--road-surface);--tab-color:var(--road-on-surface-weak);--tab-color-selected:var(--road-on-surface);--tab-underline-selected:var(--road-primary);--tab-background:var(--road-surface);--tab-background-hover:var(--road-surface-inverse);--tab-background-focused:var(--road-grey-70);display:flex;width:100%;margin:0;overflow:scroll;overflow-x:inherit;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-on-surface-weak);list-style:none;background:var(--tab-bar-background);border-bottom:1px solid var(--road-outline-weak);fill:currentColor;scrollbar-width:none}:host(::-webkit-scrollbar){display:none}:host(.tab-expand) ::slotted(road-tab-button){width:100%}:host(.tab-secondary) ::slotted(road-tab-button){--tab-underline-selected:var(--road-secondary)}:host(.tab-center){justify-content:center}";const d=class{constructor(e){a(this,e);this.roadtabbarchanged=t(this,"roadtabbarchanged",7);this.roadTabBarChanged=t(this,"roadTabBarChanged",7);this.secondary=false;this.expand=false;this.center=false}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadtabbarchanged.emit({tab:this.selectedTab});this.roadTabBarChanged.emit({tab:this.selectedTab})}}onTabButtonClick(a){this.selectedTab=a.detail.tab}componentWillLoad(){this.selectedTabChanged()}render(){const{expand:a,center:t,secondary:o}=this;return e(r,{key:"746f908171e249e24f94b16b5dc86dc82e0afcf1",role:"tablist",class:{"tab-expand":a,"tab-center":t,"tab-secondary":o}},e("slot",{key:"ae9a9a8f7d7fe8d108a54fda92db9b5618b8ab68"}))}get el(){return o(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};d.style=s;export{d as road_tab_bar};
2
- //# sourceMappingURL=p-5cb2cf87.entry.js.map
1
+ import{r as a,c as e,h as t,H as r,d as o}from"./p-DRGoRjBY.js";import"./p-VfVbfSwY.js";const s=":host{--tab-bar-background:var(--road-surface);--tab-color:var(--road-on-surface-weak);--tab-color-selected:var(--road-on-surface);--tab-underline-selected:var(--road-primary);--tab-background:var(--road-surface);--tab-background-hover:var(--road-surface-inverse);--tab-background-focused:var(--road-grey-70);display:flex;width:100%;margin:0;overflow:scroll;overflow-x:inherit;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-on-surface-weak);list-style:none;background:var(--tab-bar-background);border-bottom:1px solid var(--road-outline-weak);fill:currentColor;scrollbar-width:none}:host(::-webkit-scrollbar){display:none}:host(.tab-expand) ::slotted(road-tab-button){width:100%}:host(.tab-secondary) ::slotted(road-tab-button){--tab-underline-selected:var(--road-secondary)}:host(.tab-center){justify-content:center}";const d=class{constructor(t){a(this,t);this.roadtabbarchanged=e(this,"roadtabbarchanged",7);this.roadTabBarChanged=e(this,"roadTabBarChanged",7);this.secondary=false;this.expand=false;this.center=false}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadtabbarchanged.emit({tab:this.selectedTab});this.roadTabBarChanged.emit({tab:this.selectedTab})}}onTabButtonClick(a){this.selectedTab=a.detail.tab}componentWillLoad(){this.selectedTabChanged()}render(){const{expand:a,center:e,secondary:o}=this;return t(r,{key:"683e4f5c99d335ec1c744830237bd3cd23db8c75",role:"tablist",class:{"tab-expand":a,"tab-center":e,"tab-secondary":o}},t("slot",{key:"0757eeb70b98263e316b408bc420fee186de03b0"}))}get el(){return o(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};d.style=s;export{d as road_tab_bar};
2
+ //# sourceMappingURL=p-cfa2d288.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as a,h as o}from"./p-DRGoRjBY.js";const r=".sc-road-table-h{box-sizing:border-box;display:block}.sc-road-table-s>table{width:100%;font-family:var(--road-font, sans-serif);font-size:var(--road-body-small);line-height:1.5;color:var(--road-on-surface);border-collapse:collapse;border-top:1px solid var(--road-outline);border-bottom:1px solid var(--road-outline)}.sc-road-table-s>table th,.sc-road-table-s>table td{padding:1.5rem 1.25rem;text-align:left}.sc-road-table-s>table thead tr,.sc-road-table-s>table tbody tr:nth-child(2n){background:var(--road-surface-inverse)}";const t=class{constructor(o){a(this,o)}render(){return o("slot",{key:"c837f70c2f8507a0b1b68c78ee73b38220ab16cb"})}};t.style=r;export{t as road_table};
2
- //# sourceMappingURL=p-1c0a56f8.entry.js.map
1
+ import{r as a,h as o}from"./p-DRGoRjBY.js";const r=".sc-road-table-h{box-sizing:border-box;display:block}.sc-road-table-s>table{width:100%;font-family:var(--road-font, sans-serif);font-size:var(--road-body-small);line-height:1.5;color:var(--road-on-surface);border-collapse:collapse;border-top:1px solid var(--road-outline);border-bottom:1px solid var(--road-outline)}.sc-road-table-s>table th,.sc-road-table-s>table td{padding:1.5rem 1.25rem;text-align:left}.sc-road-table-s>table thead tr,.sc-road-table-s>table tbody tr:nth-child(2n){background:var(--road-surface-inverse)}";const t=class{constructor(o){a(this,o)}render(){return o("slot",{key:"e8b08c7f5bbb8fd61ae6d73278b61c8838bbabf4"})}};t.style=r;export{t as road_table};
2
+ //# sourceMappingURL=p-d8754409.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as e,c as s,h as l,H as t}from"./p-DRGoRjBY.js";const c='.sc-road-select-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-select.sc-road-select{box-sizing:border-box;display:block;width:100%;height:auto;padding:0.75rem 3rem 0 1rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=") no-repeat right 1rem center/1.5rem 2rem;background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;appearance:none}.form-select.sc-road-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select.sc-road-select::-ms-expand{display:none}.form-select.sc-road-select::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select.sc-road-select:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select.sc-road-select:focus~.form-select-label.sc-road-select,.form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.form-select.has-value.sc-road-select~.form-select-label.sc-road-select{transform:scale(0.625) translateY(-0.625rem)}.form-select.sc-road-select:disabled,.form-select[readonly].sc-road-select{color:var(--road-on-surface-disabled);cursor:not-allowed;background-color:var(--road-surface-disabled);opacity:1}.form-select-label.sc-road-select{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select.sc-road-select:required~.form-select-label.sc-road-select::after{color:var(--road-on-danger-surface);content:" *"}.select-xl.sc-road-select-h .form-select.sc-road-select{min-height:3.5rem;padding:1rem 1rem 0}.select-xl.sc-road-select-h .form-select-label.sc-road-select{top:1rem}.select-xl.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type="date"].sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type="time"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-lg.sc-road-select-h .form-select.sc-road-select{min-height:3rem}.select-md.sc-road-select-h .form-select.sc-road-select{min-height:2.5rem;padding:1rem 1rem 0;font-size:var(--road-body-small)}.select-md.sc-road-select-h .form-select-label.sc-road-select{top:0.5rem}.select-md.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type="date"].sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type="time"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-md.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-select{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid{border-color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select~.invalid-feedback.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid~.invalid-feedback.sc-road-select{display:block}';const r=class{constructor(l){e(this,l);this.roadchange=s(this,"roadchange",7);this.roadChange=s(this,"roadChange",7);this.roadfocus=s(this,"roadfocus",7);this.roadFocus=s(this,"roadFocus",7);this.roadblur=s(this,"roadblur",7);this.roadBlur=s(this,"roadBlur",7);this.selectId=`road-select-${a++}`;this.options=[];this.autofocus=false;this.disabled=false;this.name=this.selectId;this.required=false;this.size=0;this.sizes="xl";this.label=`${this.selectId}-label`;this.onChange=e=>{const s=e.target;if(s){this.value=s.value||null}};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()}}valueChanged(){if(this.value===null){this.resetSelection()}else{this.addSelected()}this.roadchange.emit({value:this.value});this.roadChange.emit({value:this.value})}componentWillLoad(){if(this.value===null){this.resetSelection()}else{this.addSelected()}}addSelected(){this.options.forEach((e=>e.selected=false));const e=this.options.find((e=>e.value==this.value));if(e){e.selected=true}}resetSelection(){this.value=null;this.options.forEach((e=>e.selected=false))}render(){const e=this.selectId+"-label";const s=this.value&&this.value!==""?"has-value":"";const c=this.error!==undefined&&this.error!==""?"is-invalid":"";return l(t,{key:"fbf13d56f261b79cc03c7d0ece573c0e755fcc02",class:this.sizes&&`select-${this.sizes}`},l("select",{key:"3ebc5baf241e60215757a1e0d86c961b765b2149",class:`form-select ${s} ${c}`,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},l("option",{key:"69723be0e85acb06f1d8b57b8d95e69abc7a6e01",selected:!this.value,disabled:true,hidden:true,style:{display:"none"},value:""}),this.options&&this.options.map((e=>l("option",{value:e.value,selected:this.value!==null&&e.value==this.value},e.label)))),l("label",{key:"e115fadd832bc42b471627f473750f1ad37abe7e",class:"form-select-label",id:e,htmlFor:this.selectId},this.label),this.error&&this.error!==""&&l("p",{key:"95cc607268bb4d6e932e9bfcbdedf13c42a684ec",class:"invalid-feedback"},this.error))}static get watchers(){return{value:["valueChanged"]}}};let a=0;r.style=c;export{r as road_select};
2
- //# sourceMappingURL=p-c341c65d.entry.js.map
1
+ import{r as e,c as s,h as l,H as t}from"./p-DRGoRjBY.js";const c='.sc-road-select-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-select.sc-road-select{box-sizing:border-box;display:block;width:100%;height:auto;padding:0.75rem 3rem 0 1rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=") no-repeat right 1rem center/1.5rem 2rem;background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;appearance:none}.form-select.sc-road-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select.sc-road-select::-ms-expand{display:none}.form-select.sc-road-select::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select.sc-road-select:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select.sc-road-select:focus~.form-select-label.sc-road-select,.form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.form-select.has-value.sc-road-select~.form-select-label.sc-road-select{transform:scale(0.625) translateY(-0.625rem)}.form-select.sc-road-select:disabled,.form-select[readonly].sc-road-select{color:var(--road-on-surface-disabled);cursor:not-allowed;background-color:var(--road-surface-disabled);opacity:1}.form-select-label.sc-road-select{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select.sc-road-select:required~.form-select-label.sc-road-select::after{color:var(--road-on-danger-surface);content:" *"}.select-xl.sc-road-select-h .form-select.sc-road-select{min-height:3.5rem;padding:1rem 1rem 0}.select-xl.sc-road-select-h .form-select-label.sc-road-select{top:1rem}.select-xl.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type="date"].sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type="time"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-lg.sc-road-select-h .form-select.sc-road-select{min-height:3rem}.select-md.sc-road-select-h .form-select.sc-road-select{min-height:2.5rem;padding:1rem 1rem 0;font-size:var(--road-body-small)}.select-md.sc-road-select-h .form-select-label.sc-road-select{top:0.5rem}.select-md.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type="date"].sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type="time"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-md.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-select{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid{border-color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select~.invalid-feedback.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid~.invalid-feedback.sc-road-select{display:block}';const r=class{constructor(l){e(this,l);this.roadchange=s(this,"roadchange",7);this.roadChange=s(this,"roadChange",7);this.roadfocus=s(this,"roadfocus",7);this.roadFocus=s(this,"roadFocus",7);this.roadblur=s(this,"roadblur",7);this.roadBlur=s(this,"roadBlur",7);this.selectId=`road-select-${a++}`;this.options=[];this.autofocus=false;this.disabled=false;this.name=this.selectId;this.required=false;this.size=0;this.sizes="xl";this.label=`${this.selectId}-label`;this.onChange=e=>{const s=e.target;if(s){this.value=s.value||null}};this.onBlur=()=>{this.roadblur.emit();this.roadBlur.emit()};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()}}valueChanged(){if(this.value===null){this.resetSelection()}else{this.addSelected()}this.roadchange.emit({value:this.value});this.roadChange.emit({value:this.value})}componentWillLoad(){if(this.value===null){this.resetSelection()}else{this.addSelected()}}addSelected(){this.options.forEach((e=>e.selected=false));const e=this.options.find((e=>e.value==this.value));if(e){e.selected=true}}resetSelection(){this.value=null;this.options.forEach((e=>e.selected=false))}render(){const e=this.selectId+"-label";const s=this.value&&this.value!==""?"has-value":"";const c=this.error!==undefined&&this.error!==""?"is-invalid":"";return l(t,{key:"531ff3e04c4447214779844ba29b2208ded29d12",class:this.sizes&&`select-${this.sizes}`},l("select",{key:"e5336849c3992793152ffcc2b3670f96c0c1129b",class:`form-select ${s} ${c}`,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},l("option",{key:"f9f2f7857d3ce3cdb0205b5589388ad0417d6802",selected:!this.value,disabled:true,hidden:true,style:{display:"none"},value:""}),this.options&&this.options.map((e=>l("option",{value:e.value,selected:this.value!==null&&e.value==this.value},e.label)))),l("label",{key:"4c2d444e030ef6168b4871ae5381550295b91e5f",class:"form-select-label",id:e,htmlFor:this.selectId},this.label),this.error&&this.error!==""&&l("p",{key:"40808526b05350e9d59dedd814ca620368fa6098",class:"invalid-feedback"},this.error))}static get watchers(){return{value:["valueChanged"]}}};let a=0;r.style=c;export{r as road_select};
2
+ //# sourceMappingURL=p-db8047f7.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as s,c as t,h as r,H as c}from"./p-DRGoRjBY.js";import"./p-VfVbfSwY.js";const i='.sc-road-switch-h{--switch-lever-width:4.5rem;position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);font-size:1rem;color:var(--road-grey-900)}.form-switch-input.sc-road-switch{position:absolute;z-index:-1;opacity:0}.form-switch-label.sc-road-switch{display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-switch-lever.sc-road-switch{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;width:var(--switch-lever-width);height:2rem;padding:0.5rem 0.625rem;margin-right:0.75rem;font-size:0.625rem;font-weight:700;line-height:1.6;content:"";background:var(--road-grey-400);border:0.125rem solid transparent;border-radius:1.125rem;transition:background 0.2s ease-in-out}.form-switch-lever.sc-road-switch::before{font-size:0.625rem;font-weight:700;color:var(--road-grey-000);text-transform:uppercase;content:attr(data-off)}.form-switch-lever.sc-road-switch::after{position:absolute;top:0.0625rem;left:0.0625rem;display:block;width:1.625rem;height:1.625rem;content:"";background:var(--road-grey-000);border-radius:50%;box-shadow:0 0.125rem 0.125rem rgba(0, 0, 0, 0.1);transition:transform 0.2s ease-in-out}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch{justify-content:flex-start}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch::before{content:attr(data-on)}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch::after{transform:translateX(calc(var(--switch-lever-width) - 2rem))}.form-switch-input.focus-visible.sc-road-switch~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch{box-shadow:0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700)}.form-switch-input.sc-road-switch:checked~.form-switch-secondary.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-primary-500)}.form-switch-input.sc-road-switch:checked~.form-switch-secondary.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-primary-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-info.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-info-default)}.form-switch-input.sc-road-switch:checked~.form-switch-info.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-info-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-success.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-success-default)}.form-switch-input.sc-road-switch:checked~.form-switch-success.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-success-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-warning.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-warning-default)}.form-switch-input.sc-road-switch:checked~.form-switch-warning.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-warning-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-danger.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-danger-default)}.form-switch-input.sc-road-switch:checked~.form-switch-danger.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-danger-contrast)}.form-switch-right.sc-road-switch{margin-right:0;margin-left:0.75rem}.form-switch-spaced.sc-road-switch{display:flex;justify-content:space-between}';const e=class{constructor(r){s(this,r);this.roadchange=t(this,"roadchange",7);this.roadChange=t(this,"roadChange",7);this.roadfocus=t(this,"roadfocus",7);this.roadFocus=t(this,"roadFocus",7);this.roadblur=t(this,"roadblur",7);this.roadBlur=t(this,"roadBlur",7);this.switchId=`road-switch-${o++}`;this.name=this.switchId;this.checked=false;this.disabled=false;this.label=`${this.switchId}-label`;this.color="secondary";this.hasLeftLabel=false;this.isSpaced=false;this.value="on";this.on="yes";this.off="no";this.onClick=()=>{this.checked=!this.checked};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadBlur.emit();this.roadblur.emit()}}checkedChanged(s){this.roadchange.emit({checked:s,value:this.value});this.roadChange.emit({checked:s,value:this.value})}render(){const s=this.switchId+"-label";const t=r("label",{key:"11041a87abb31a5847e93384ded7e4c36345af56",class:"form-switch-label",id:s,htmlFor:this.switchId},this.label);const i=this.color!==undefined?"form-switch-"+this.color:"";const e=this.isSpaced&&"form-switch-spaced";const o=this.hasLeftLabel?"form-switch-right":"";return r(c,{key:"a64f78074573cd09e1667adde25625d98861c134"},r("input",{key:"de33cfaab0753581aa1dde0cfa241589529dab2d",class:"form-switch-input",type:"checkbox",id:this.switchId,name:this.name,checked:this.checked,disabled:this.disabled,value:this.value,"aria-checked":`${this.checked}`,"aria-disabled":this.disabled?"true":null,"aria-labelledby":s,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),r("label",{key:"f1dd1d5e580f5e696e08cc754b4a15c14610a236",class:`form-switch-label ${e} ${i}`,htmlFor:this.switchId},this.hasLeftLabel&&t,r("div",{key:"09a2ef4681d07e35734e5b8f3b1671a99daf59d2",class:`form-switch-lever ${o}`,"data-off":this.off,"data-on":this.on}),this.hasLeftLabel?"":t))}static get watchers(){return{checked:["checkedChanged"]}}};let o=0;e.style=i;export{e as road_switch};
2
- //# sourceMappingURL=p-ca469434.entry.js.map
1
+ import{r as s,c as t,h as r,H as c}from"./p-DRGoRjBY.js";import"./p-VfVbfSwY.js";const i='.sc-road-switch-h{--switch-lever-width:4.5rem;position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);font-size:1rem;color:var(--road-grey-900)}.form-switch-input.sc-road-switch{position:absolute;z-index:-1;opacity:0}.form-switch-label.sc-road-switch{display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.form-switch-lever.sc-road-switch{position:relative;box-sizing:border-box;display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;width:var(--switch-lever-width);height:2rem;padding:0.5rem 0.625rem;margin-right:0.75rem;font-size:0.625rem;font-weight:700;line-height:1.6;content:"";background:var(--road-grey-400);border:0.125rem solid transparent;border-radius:1.125rem;transition:background 0.2s ease-in-out}.form-switch-lever.sc-road-switch::before{font-size:0.625rem;font-weight:700;color:var(--road-grey-000);text-transform:uppercase;content:attr(data-off)}.form-switch-lever.sc-road-switch::after{position:absolute;top:0.0625rem;left:0.0625rem;display:block;width:1.625rem;height:1.625rem;content:"";background:var(--road-grey-000);border-radius:50%;box-shadow:0 0.125rem 0.125rem rgba(0, 0, 0, 0.1);transition:transform 0.2s ease-in-out}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch{justify-content:flex-start}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch::before{content:attr(data-on)}.form-switch-input.sc-road-switch:checked~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch::after{transform:translateX(calc(var(--switch-lever-width) - 2rem))}.form-switch-input.focus-visible.sc-road-switch~.form-switch-label.sc-road-switch .form-switch-lever.sc-road-switch{box-shadow:0 0 0 0.125rem var(--road-grey-000), 0 0 0 0.1875rem var(--road-primary-700)}.form-switch-input.sc-road-switch:checked~.form-switch-secondary.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-primary-500)}.form-switch-input.sc-road-switch:checked~.form-switch-secondary.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-primary-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-info.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-info-default)}.form-switch-input.sc-road-switch:checked~.form-switch-info.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-info-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-success.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-success-default)}.form-switch-input.sc-road-switch:checked~.form-switch-success.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-success-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-warning.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-warning-default)}.form-switch-input.sc-road-switch:checked~.form-switch-warning.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-warning-contrast)}.form-switch-input.sc-road-switch:checked~.form-switch-danger.sc-road-switch .form-switch-lever.sc-road-switch{background:var(--road-danger-default)}.form-switch-input.sc-road-switch:checked~.form-switch-danger.sc-road-switch .form-switch-lever.sc-road-switch::before{color:var(--road-danger-contrast)}.form-switch-right.sc-road-switch{margin-right:0;margin-left:0.75rem}.form-switch-spaced.sc-road-switch{display:flex;justify-content:space-between}';const e=class{constructor(r){s(this,r);this.roadchange=t(this,"roadchange",7);this.roadChange=t(this,"roadChange",7);this.roadfocus=t(this,"roadfocus",7);this.roadFocus=t(this,"roadFocus",7);this.roadblur=t(this,"roadblur",7);this.roadBlur=t(this,"roadBlur",7);this.switchId=`road-switch-${o++}`;this.name=this.switchId;this.checked=false;this.disabled=false;this.label=`${this.switchId}-label`;this.color="secondary";this.hasLeftLabel=false;this.isSpaced=false;this.value="on";this.on="yes";this.off="no";this.onClick=()=>{this.checked=!this.checked};this.onFocus=()=>{this.roadfocus.emit();this.roadFocus.emit()};this.onBlur=()=>{this.roadBlur.emit();this.roadblur.emit()}}checkedChanged(s){this.roadchange.emit({checked:s,value:this.value});this.roadChange.emit({checked:s,value:this.value})}render(){const s=this.switchId+"-label";const t=r("label",{key:"430104d38d5703aa56ce1976a977a126468ec741",class:"form-switch-label",id:s,htmlFor:this.switchId},this.label);const i=this.color!==undefined?"form-switch-"+this.color:"";const e=this.isSpaced&&"form-switch-spaced";const o=this.hasLeftLabel?"form-switch-right":"";return r(c,{key:"2bfcb70289e7a90964e1211569ab02e1097cd12b"},r("input",{key:"7c9e3273d965e895479da1fb4349bb35fa5efc3b",class:"form-switch-input",type:"checkbox",id:this.switchId,name:this.name,checked:this.checked,disabled:this.disabled,value:this.value,"aria-checked":`${this.checked}`,"aria-disabled":this.disabled?"true":null,"aria-labelledby":s,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur}),r("label",{key:"af4acb92308e858b7188c71bdd2cb1e5bb368e31",class:`form-switch-label ${e} ${i}`,htmlFor:this.switchId},this.hasLeftLabel&&t,r("div",{key:"0dcc70814eb2ae967bf5235bb6aac1ba7205d7b4",class:`form-switch-lever ${o}`,"data-off":this.off,"data-on":this.on}),this.hasLeftLabel?"":t))}static get watchers(){return{checked:["checkedChanged"]}}};let o=0;e.style=i;export{e as road_switch};
2
+ //# sourceMappingURL=p-dbfad609.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,c as s,h as e,H as i,d as n}from"./p-DRGoRjBY.js";const a=":host{position:relative;display:block}";const r=class{constructor(e){t(this,e);this.roadtabswillchange=s(this,"roadtabswillchange",3);this.roadTabsWillChange=s(this,"roadTabsWillChange",3);this.roadtabsdidchange=s(this,"roadtabsdidchange",3);this.roadTabsDidChange=s(this,"roadTabsDidChange",3);this.transitioning=false;this.onTabClicked=t=>{const{tab:s}=t.detail;this.select(s)}}async componentWillLoad(){const t=this.tabs;if(t.length>0){this.select(t[0])}}componentWillRender(){const t=this.el.querySelector("road-segmented-button-bar");if(t){const s=this.selectedTab?this.selectedTab.tab:undefined;t.selectedTab=s}}async select(t){const s=o(this.tabs,t);if(!this.shouldSwitch(s)){return false}await this.setActive(s);this.tabSwitch();return true}async getTab(t){return o(this.tabs,t)}getSelected(){return Promise.resolve(this.selectedTab?this.selectedTab.tab:undefined)}setActive(t){if(this.transitioning){return Promise.reject("transitioning already happening")}this.transitioning=true;this.leavingTab=this.selectedTab;this.selectedTab=t;this.roadTabsWillChange.emit({tab:t.tab});t.active=true;return Promise.resolve()}tabSwitch(){const t=this.selectedTab;const s=this.leavingTab;this.leavingTab=undefined;this.transitioning=false;if(!t){return}if(s!==t){if(s){s.active=false}this.roadTabsDidChange.emit({tab:t.tab})}}shouldSwitch(t){const s=this.selectedTab;return t!==undefined&&t!==s&&!this.transitioning}get tabs(){return Array.from(this.el.querySelectorAll("road-tab"))}render(){return e(i,{key:"b25e26abe6f955509d22ed93135480833fe6dd98",onRoadSegmentedButtonClick:this.onTabClicked},e("slot",{key:"f6e0e61909a9da627c37f8ddb2c0f19bdf8c9d96",name:"top"}),e("slot",{key:"6695aff9ab709576af682f92ddd6a496670ad69a"}))}get el(){return n(this)}};const o=(t,s)=>{const e=typeof s==="string"?t.find((t=>t.tab===s)):s;if(!e){console.error(`tab with id: "${e}" does not exist`)}return e};r.style=a;export{r as road_segmented_buttons};
2
- //# sourceMappingURL=p-ff9c5c19.entry.js.map
1
+ import{r as t,c as s,h as e,H as i,d as n}from"./p-DRGoRjBY.js";const r=":host{position:relative;display:block}";const a=class{constructor(e){t(this,e);this.roadtabswillchange=s(this,"roadtabswillchange",3);this.roadTabsWillChange=s(this,"roadTabsWillChange",3);this.roadtabsdidchange=s(this,"roadtabsdidchange",3);this.roadTabsDidChange=s(this,"roadTabsDidChange",3);this.transitioning=false;this.onTabClicked=t=>{const{tab:s}=t.detail;this.select(s)}}async componentWillLoad(){const t=this.tabs;if(t.length>0){this.select(t[0])}}componentWillRender(){const t=this.el.querySelector("road-segmented-button-bar");if(t){const s=this.selectedTab?this.selectedTab.tab:undefined;t.selectedTab=s}}async select(t){const s=o(this.tabs,t);if(!this.shouldSwitch(s)){return false}await this.setActive(s);this.tabSwitch();return true}async getTab(t){return o(this.tabs,t)}getSelected(){return Promise.resolve(this.selectedTab?this.selectedTab.tab:undefined)}setActive(t){if(this.transitioning){return Promise.reject("transitioning already happening")}this.transitioning=true;this.leavingTab=this.selectedTab;this.selectedTab=t;this.roadTabsWillChange.emit({tab:t.tab});t.active=true;return Promise.resolve()}tabSwitch(){const t=this.selectedTab;const s=this.leavingTab;this.leavingTab=undefined;this.transitioning=false;if(!t){return}if(s!==t){if(s){s.active=false}this.roadTabsDidChange.emit({tab:t.tab})}}shouldSwitch(t){const s=this.selectedTab;return t!==undefined&&t!==s&&!this.transitioning}get tabs(){return Array.from(this.el.querySelectorAll("road-tab"))}render(){return e(i,{key:"760ffd7c98659dc00187c97e3d01ce92409584a5",onRoadSegmentedButtonClick:this.onTabClicked},e("slot",{key:"dfd7acfd76741333868ff7dce2f88c27f2413808",name:"top"}),e("slot",{key:"e7ed6139b95280e972025c5028e0694da0f26265"}))}get el(){return n(this)}};const o=(t,s)=>{const e=typeof s==="string"?t.find((t=>t.tab===s)):s;if(!e){console.error(`tab with id: "${e}" does not exist`)}return e};a.style=r;export{a as road_segmented_buttons};
2
+ //# sourceMappingURL=p-e63ebfd0.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as e,h as t}from"./p-DRGoRjBY.js";const o=":host{position:absolute;top:30px;left:0.8rem}@media (min-width: 1200px){:host{position:fixed;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}}.toolbar-title-page{display:block;width:100%;font-size:var(--road-font-size-18);font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){.toolbar-title-page{font-size:var(--road-font-size-20);text-align:center}}";const i=class{constructor(t){e(this,t)}render(){return t("div",{key:"bd0e95961b752f7f24bbfc1139f6ebac6c975f47",class:"toolbar-title-page"},t("slot",{key:"cb5526c2e85fae652dcefab4ed5a4fccc102e63e"}))}};i.style=o;export{i as road_toolbar_title_page};
2
- //# sourceMappingURL=p-d25ecf9b.entry.js.map
1
+ import{r as t,h as e}from"./p-DRGoRjBY.js";const o=":host{position:absolute;top:30px;left:0.8rem}@media (min-width: 1200px){:host{position:fixed;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}}.toolbar-title-page{display:block;width:100%;font-size:var(--road-font-size-18);font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){.toolbar-title-page{font-size:var(--road-font-size-20);text-align:center}}";const i=class{constructor(e){t(this,e)}render(){return e("div",{key:"1c1ecd0a39d2929bca5c324fe67bdc18a18b5390",class:"toolbar-title-page"},e("slot",{key:"0b52cf3cf5b7a6d5f41ec4c8f839731cb48315c9"}))}};i.style=o;export{i as road_toolbar_title_page};
2
+ //# sourceMappingURL=p-f0845e60.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r as e,c as t,h as a,H as s,d}from"./p-DRGoRjBY.js";import"./p-VfVbfSwY.js";const r=":host{background-color:var(--road-surface);outline:1px solid var(--road-outline-weak);border-radius:12px;padding:var(--road-spacing-02);display:flex}";const o=class{constructor(a){e(this,a);this.roadsegmentedbuttonbarchanged=t(this,"roadsegmentedbuttonbarchanged",7);this.roadSegmentedButtonBarChanged=t(this,"roadSegmentedButtonBarChanged",7)}selectedTabChanged(){if(this.selectedTab!==undefined){this.roadsegmentedbuttonbarchanged.emit({tab:this.selectedTab});this.roadSegmentedButtonBarChanged.emit({tab:this.selectedTab})}}componentWillLoad(){this.selectedTabChanged()}render(){return a(s,{key:"20a78b478a8d346e40af1065cfc57e273498d389",role:"tablist"},a("slot",{key:"aadc0d0830d3110041dc4e0fa7f93f0a42fdefc5"}))}get el(){return d(this)}static get watchers(){return{selectedTab:["selectedTabChanged"]}}};o.style=r;export{o as road_segmented_button_bar};
2
+ //# sourceMappingURL=p-f7eaf7cc.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["segmentedButtonBarCss","ButtonBar","selectedTabChanged","this","selectedTab","undefined","roadsegmentedbuttonbarchanged","emit","tab","roadSegmentedButtonBarChanged","componentWillLoad","render","h","Host","key","role"],"sources":["src/components/segmented-button-bar/segmented-button-bar.css?tag=road-segmented-button-bar&encapsulation=shadow","src/components/segmented-button-bar/segmented-button-bar.tsx"],"sourcesContent":["/*\n * Segmented button bar\n *\n */\n\n:host {\n background-color: var(--road-surface);\n outline: 1px solid var(--road-outline-weak);\n border-radius: 12px;\n padding: var(--road-spacing-02);\n display: flex;\n} \n","import { Component, Element, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\nimport '../../utils/polyfill';\n\n/**\n * @slot - Content of the segmentedButtonBar, it should be road-segmented-button elements.\n */\n\n@Component({\n tag: 'road-segmented-button-bar',\n styleUrl: 'segmented-button-bar.css',\n shadow: true,\n})\nexport class ButtonBar {\n\n @Element() el!: HTMLRoadSegmentedButtonBarElement;\n\n\n /**\n * The selected tab component\n */\n @Prop() selectedTab?: string;\n @Watch('selectedTab')\n selectedTabChanged() {\n if (this.selectedTab !== undefined) {\n this.roadsegmentedbuttonbarchanged.emit({\n tab: this.selectedTab,\n });\n this.roadSegmentedButtonBarChanged.emit({\n tab: this.selectedTab,\n });\n }\n }\n\n /** @internal */\n @Event() roadsegmentedbuttonbarchanged!: EventEmitter;\n /** @internal */\n @Event() roadSegmentedButtonBarChanged!: EventEmitter;\n\n componentWillLoad() {\n this.selectedTabChanged();\n }\n\n render() {\n return (\n <Host\n role=\"tablist\"\n >\n <slot/>\n </Host>\n );\n }\n}"],"mappings":"mFAAA,MAAMA,EAAwB,wJ,MCYjBC,EAAS,M,mLAUpB,kBAAAC,GACE,GAAIC,KAAKC,cAAgBC,UAAW,CAClCF,KAAKG,8BAA8BC,KAAK,CACtCC,IAAKL,KAAKC,cAEZD,KAAKM,8BAA8BF,KAAK,CACtCC,IAAKL,KAAKC,a,EAUhB,iBAAAM,GACEP,KAAKD,oB,CAGP,MAAAS,GACE,OACEC,EAACC,EACC,CAAAC,IAAA,2CAAAC,KAAK,WAELH,EAAO,QAAAE,IAAA,6C","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"road-dialog.entry.esm.js","sources":["src/components/dialog/dialog.css?tag=road-dialog&encapsulation=shadow","src/components/dialog/dialog.tsx"],"sourcesContent":["/*\n * Dialog\n *\n * Index\n * - Overlay\n * - Dialog\n * - Content\n * - Header\n * - Close\n * - Body\n * - Title\n * - Description\n * - Footer\n */\n\n/**\n * @prop --z-index: The z-index of the Dialog.\n */\n\n:host {\n --z-index: 3;\n\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--z-index);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n overflow: hidden;\n font-family: var(--road-font, sans-serif);\n line-height: 1.5;\n color: var(--road-on-surface);\n visibility: hidden !important;\n opacity: 0;\n transition: opacity 0.15s linear, visibility 0.15s;\n}\n\n/* OVERLAY\n -------------------- */\n\n.dialog-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n touch-action: none;\n background: var(--road-overlay);\n}\n\n:host(.dialog-has-close) .dialog-overlay {\n cursor: pointer;\n}\n\n/* DIALOG\n -------------------- */\n\n.dialog-modal {\n position: relative;\n width: auto;\n margin: 1rem;\n pointer-events: none;\n transition: transform 0.3s ease-out;\n transform: translateY(50px);\n}\n\n/**\n * Open state\n */\n\n:host(.dialog-open) {\n visibility: visible !important;\n opacity: 1;\n}\n\n:host(.dialog-open) .dialog-modal {\n transform: none;\n}\n\n/* CONTENT\n -------------------- */\n\n.dialog-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 0 0 1.5rem;\n pointer-events: auto;\n background: var(--road-surface);\n background-clip: padding-box;\n border-radius: 0.25rem;\n outline: 0;\n box-shadow: var(--road-elevation-highest);\n}\n\n@media (min-width: 576px) {\n\n .dialog-content {\n max-width: 454px;\n }\n}\n\n/* HEADER\n -------------------- */\n\n.dialog-header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: 100%;\n max-height: 2.75rem;\n margin-bottom: 2rem;\n}\n\n/* CLOSE\n -------------------- */\n\n.dialog-close {\n display: flex;\n align-items: center;\n align-self: flex-start;\n justify-content: center;\n width: 3.5rem;\n height: 3.5rem;\n padding: 0;\n color: inherit;\n cursor: pointer;\n background: transparent;\n border: 0;\n appearance: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.dialog-icon {\n display: inline-block;\n width: 3rem;\n height: 3rem;\n font-size: var(--road-font-size-48);\n}\n\n/* BODY\n -------------------- */\n\n.dialog-body {\n padding: 0 1.5rem;\n text-align: center;\n}\n\n@media (min-width: 768px) {\n\n .dialog-body {\n padding: 0 3rem;\n }\n}\n\n/* TITLE\n -------------------- */\n\n.dialog-title {\n padding: 0;\n margin: 0 0 1rem;\n font-size: var(--road-body-medium);\n font-weight: 700;\n line-height: 1.2;\n}\n\n/* DESCRIPTION\n -------------------- */\n\n.dialog-description {\n margin: 0 0 0.5rem;\n overflow: auto;\n font-size: var(--road-body-medium);\n}\n\n/* FOOTER\n -------------------- */\n\n.dialog-footer {\n display: flex;\n justify-content: center;\n padding: 0 1.5rem;\n}\n\n.dialog-footer ::slotted(road-button) {\n margin-top: 1rem;\n}\n\n/**\n * Footer buttons\n */\n\n.dialog-footer .btn {\n min-width: 130px;\n max-width: calc(50% - 0.5rem);\n}\n","import { Component, Element, Event, EventEmitter, Listen, Method, Prop, h, Host } from '@stencil/core';\nimport { FeedbackColors } from '../../interface';\nimport { navigationClose, alertDangerOutline, alertInfoOutline, alertSuccessOutline, alertWarningOutline } from '../../../icons';\n\n/**\n * @slot - Content of the footer dialog if it's an action dialog add action buttons here.\n *\n * @part dialog-icon - main icon of the dialog\n */\n\n@Component({\n tag: 'road-dialog',\n styleUrl: 'dialog.css',\n shadow: true,\n})\nexport class Dialog {\n\n /**\n * Current reference of the dialog\n */\n @Element() el!: HTMLRoadDialogElement;\n\n /**\n * Set isOpen property to true to open the dialog\n */\n @Prop({ mutable: true }) isOpen: boolean = false;\n\n /**\n * Show / hide the close icon\n */\n @Prop() hasCloseIcon: boolean = true;\n\n /**\n * Set the color of information dialog. e.g. info, success, warning, danger\n */\n @Prop() color?: FeedbackColors;\n\n /**\n * override default icon\n */\n @Prop() icon?: string;\n\n /**\n * Text to the top\n */\n @Prop() label?: string;\n\n /**\n * Content description of the dialog\n */\n @Prop() description?: string;\n\n /**\n * Indicate when closing the dialog\n */\n @Event({ eventName: 'close' }) onClose!: EventEmitter<void>;\n\n /**\n * Open the dialog\n */\n @Method()\n async open() {\n this.isOpen = true;\n }\n\n /**\n * Close the dialog\n */\n @Method()\n async close() {\n this.isOpen = false;\n this.el.addEventListener('transitionend', () => {\n this.onClose.emit();\n }, { once: true});\n }\n\n /**\n * Close the dialog when clicking on the cross or layer\n */\n private onClick = (ev: UIEvent) => {\n ev.stopPropagation();\n ev.preventDefault();\n\n this.close();\n };\n\n /**\n * Close the dialog when press Escape key\n */\n @Listen('keyup', { target: 'document' })\n onEscape(event: KeyboardEvent) {\n if ((event.key === 'Escape' || event.key === \"Esc\") && this.isOpen && this.hasCloseIcon) {\n this.close();\n }\n }\n\n /**\n * Call close function when clicking an element with data-dismiss=\"modal\" attribute\n */\n componentDidLoad() {\n this.el.querySelectorAll('[data-dismiss=\"modal\"]').forEach(item => {\n item.addEventListener('click', () => this.close());\n });\n }\n\n render() {\n const modalIsOpenClass = this.isOpen ? 'dialog-open' : '';\n const modalhasClose = this.hasCloseIcon ? 'dialog-has-close' : '';\n\n let icon;\n\n if(this.icon) {\n icon = this.icon;\n } else {\n switch(this.color) {\n case 'info':\n icon = alertInfoOutline;\n break;\n case 'success':\n icon = alertSuccessOutline;\n break;\n case 'warning':\n icon = alertWarningOutline;\n break;\n case 'danger':\n icon = alertDangerOutline;\n break;\n default:\n icon = alertInfoOutline;\n break;\n }\n }\n\n return (\n <Host class={`dialog ${modalIsOpenClass} ${modalhasClose}`} role=\"alertdialog\" aria-modal=\"true\" tabindex=\"-1\" aria-label=\"dialogLabel\">\n <div class=\"dialog-overlay\" onClick={this.hasCloseIcon === true ? this.onClick : undefined} tabindex=\"-1\"></div>\n <div class=\"dialog-modal\" role=\"document\" tabindex=\"0\">\n <div class=\"dialog-content\">\n <header class=\"dialog-header\">\n {this.hasCloseIcon\n ? <button type=\"button\" class=\"dialog-close\" onClick={this.onClick} aria-label=\"Close\"><road-icon icon={navigationClose} aria-hidden=\"true\"></road-icon></button>\n : ''}\n </header>\n <div class=\"dialog-body\">\n {this.color !== undefined\n ? <road-icon class=\"dialog-icon\" part=\"dialog-icon\" color={this.color} icon={icon} aria-hidden=\"true\"></road-icon>\n : ''}\n <h2 class=\"dialog-title\">{this.label}</h2>\n <p class=\"dialog-description\" id=\"dialogDesc\">{this.description}</p>\n </div>\n <footer class=\"dialog-footer\">\n <slot/>\n </footer>\n </div>\n </div>\n </Host>\n );\n }\n}"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"road-dialog.entry.esm.js","sources":["src/components/dialog/dialog.css?tag=road-dialog&encapsulation=shadow","src/components/dialog/dialog.tsx"],"sourcesContent":["/*\n * Dialog\n *\n * Index\n * - Overlay\n * - Dialog\n * - Content\n * - Header\n * - Close\n * - Body\n * - Title\n * - Description\n * - Footer\n */\n\n/**\n * @prop --z-index: The z-index of the Dialog.\n */\n\n:host {\n --z-index: 3;\n\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--z-index);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n overflow: hidden;\n font-family: var(--road-font, sans-serif);\n line-height: 1.5;\n color: var(--road-on-surface);\n visibility: hidden !important;\n opacity: 0;\n transition: opacity 0.15s linear, visibility 0.15s;\n}\n\n/* OVERLAY\n -------------------- */\n\n.dialog-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n touch-action: none;\n background: var(--road-overlay);\n}\n\n:host(.dialog-has-close) .dialog-overlay {\n cursor: pointer;\n}\n\n/* DIALOG\n -------------------- */\n\n.dialog-modal {\n position: relative;\n width: auto;\n margin: 1rem;\n pointer-events: none;\n transition: transform 0.3s ease-out;\n transform: translateY(50px);\n}\n\n/**\n * Open state\n */\n\n:host(.dialog-open) {\n visibility: visible !important;\n opacity: 1;\n}\n\n:host(.dialog-open) .dialog-modal {\n transform: none;\n}\n\n/* CONTENT\n -------------------- */\n\n.dialog-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n padding: 0 0 1.5rem;\n pointer-events: auto;\n background: var(--road-surface);\n background-clip: padding-box;\n border-radius: 0.25rem;\n outline: 0;\n box-shadow: var(--road-elevation-highest);\n}\n\n@media (min-width: 576px) {\n\n .dialog-content {\n max-width: 454px;\n }\n}\n\n/* HEADER\n -------------------- */\n\n.dialog-header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n height: 100%;\n max-height: 2.75rem;\n margin-bottom: 2rem;\n}\n\n/* CLOSE\n -------------------- */\n\n.dialog-close {\n display: flex;\n align-items: center;\n align-self: flex-start;\n justify-content: center;\n width: 3.5rem;\n height: 3.5rem;\n padding: 0;\n color: inherit;\n cursor: pointer;\n background: transparent;\n border: 0;\n appearance: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n.dialog-icon {\n display: inline-block;\n width: 3rem;\n height: 3rem;\n font-size: var(--road-font-size-48);\n}\n\n/* BODY\n -------------------- */\n\n.dialog-body {\n padding: 0 1.5rem;\n text-align: center;\n}\n\n@media (min-width: 768px) {\n\n .dialog-body {\n padding: 0 3rem;\n }\n}\n\n/* TITLE\n -------------------- */\n\n.dialog-title {\n padding: 0;\n margin: 0 0 1rem;\n font-size: var(--road-body-medium);\n font-weight: 700;\n line-height: 1.2;\n}\n\n/* DESCRIPTION\n -------------------- */\n\n.dialog-description {\n margin: 0 0 0.5rem;\n overflow: auto;\n font-size: var(--road-body-medium);\n}\n\n/* FOOTER\n -------------------- */\n\n.dialog-footer {\n display: flex;\n justify-content: center;\n padding: 0 1.5rem;\n}\n\n.dialog-footer ::slotted(road-button) {\n margin-top: 1rem;\n}\n\n/**\n * Footer buttons\n */\n\n.dialog-footer .btn {\n min-width: 130px;\n max-width: calc(50% - 0.5rem);\n}\n","import { Component, Element, Event, EventEmitter, Listen, Method, Prop, h, Host } from '@stencil/core';\nimport { FeedbackColors } from '../../interface';\nimport { navigationClose, alertDangerOutline, alertInfoOutline, alertSuccessOutline, alertWarningOutline } from '../../../icons';\n\n/**\n * @slot - Content of the footer dialog if it's an action dialog add action buttons here.\n *\n * @part dialog-icon - main icon of the dialog\n */\n\n@Component({\n tag: 'road-dialog',\n styleUrl: 'dialog.css',\n shadow: true,\n})\nexport class Dialog {\n\n /**\n * Current reference of the dialog\n */\n @Element() el!: HTMLRoadDialogElement;\n\n /**\n * Set isOpen property to true to open the dialog\n */\n @Prop({ mutable: true }) isOpen: boolean = false;\n\n /**\n * Show / hide the close icon\n */\n @Prop() hasCloseIcon: boolean = true;\n\n /**\n * Set the color of information dialog. e.g. info, success, warning, danger\n */\n @Prop() color?: FeedbackColors = 'info';\n\n /**\n * override default icon\n */\n @Prop() icon?: string;\n\n /**\n * Text to the top\n */\n @Prop() label?: string;\n\n /**\n * Content description of the dialog\n */\n @Prop() description?: string;\n\n /**\n * Indicate when closing the dialog\n */\n @Event({ eventName: 'close' }) onClose!: EventEmitter<void>;\n\n /**\n * Open the dialog\n */\n @Method()\n async open() {\n this.isOpen = true;\n }\n\n /**\n * Close the dialog\n */\n @Method()\n async close() {\n this.isOpen = false;\n this.el.addEventListener('transitionend', () => {\n this.onClose.emit();\n }, { once: true});\n }\n\n /**\n * Close the dialog when clicking on the cross or layer\n */\n private onClick = (ev: UIEvent) => {\n ev.stopPropagation();\n ev.preventDefault();\n\n this.close();\n };\n\n /**\n * Close the dialog when press Escape key\n */\n @Listen('keyup', { target: 'document' })\n onEscape(event: KeyboardEvent) {\n if ((event.key === 'Escape' || event.key === \"Esc\") && this.isOpen && this.hasCloseIcon) {\n this.close();\n }\n }\n\n /**\n * Call close function when clicking an element with data-dismiss=\"modal\" attribute\n */\n componentDidLoad() {\n this.el.querySelectorAll('[data-dismiss=\"modal\"]').forEach(item => {\n item.addEventListener('click', () => this.close());\n });\n }\n\n render() {\n const modalIsOpenClass = this.isOpen ? 'dialog-open' : '';\n const modalhasClose = this.hasCloseIcon ? 'dialog-has-close' : '';\n\n let icon;\n\n if(this.icon) {\n icon = this.icon;\n } else {\n switch(this.color) {\n case 'info':\n icon = alertInfoOutline;\n break;\n case 'success':\n icon = alertSuccessOutline;\n break;\n case 'warning':\n icon = alertWarningOutline;\n break;\n case 'danger':\n icon = alertDangerOutline;\n break;\n default:\n icon = alertInfoOutline;\n break;\n }\n }\n\n return (\n <Host class={`dialog ${modalIsOpenClass} ${modalhasClose}`} role=\"alertdialog\" aria-modal=\"true\" tabindex=\"-1\" aria-label=\"dialogLabel\">\n <div class=\"dialog-overlay\" onClick={this.hasCloseIcon === true ? this.onClick : undefined} tabindex=\"-1\"></div>\n <div class=\"dialog-modal\" role=\"document\" tabindex=\"0\">\n <div class=\"dialog-content\">\n <header class=\"dialog-header\">\n {this.hasCloseIcon\n ? <button type=\"button\" class=\"dialog-close\" onClick={this.onClick} aria-label=\"Close\"><road-icon icon={navigationClose} aria-hidden=\"true\"></road-icon></button>\n : ''}\n </header>\n <div class=\"dialog-body\">\n {this.color !== undefined\n ? <road-icon class=\"dialog-icon\" part=\"dialog-icon\" color={this.color} icon={icon} aria-hidden=\"true\"></road-icon>\n : ''}\n <h2 class=\"dialog-title\">{this.label}</h2>\n <p class=\"dialog-description\" id=\"dialogDesc\">{this.description}</p>\n </div>\n <footer class=\"dialog-footer\">\n <slot/>\n </footer>\n </div>\n </div>\n </Host>\n );\n }\n}"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"road-segmented-button-bar.entry.esm.js","sources":["src/components/segmented-button-bar/segmented-button-bar.css?tag=road-segmented-button-bar&encapsulation=shadow","src/components/segmented-button-bar/segmented-button-bar.tsx"],"sourcesContent":["/*\n * Segmented button bar\n *\n */\n\n:host {\n display: flex;\n max-width: 500px;\n}\n","import { Component, Element, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\nimport '../../utils/polyfill';\n\n/**\n * @slot - Content of the segmentedButtonBar, it should be road-segmented-button elements.\n */\n\n@Component({\n tag: 'road-segmented-button-bar',\n styleUrl: 'segmented-button-bar.css',\n shadow: true,\n})\nexport class ButtonBar {\n\n @Element() el!: HTMLRoadSegmentedButtonBarElement;\n\n\n /**\n * The selected tab component\n */\n @Prop() selectedTab?: string;\n @Watch('selectedTab')\n selectedTabChanged() {\n if (this.selectedTab !== undefined) {\n this.roadsegmentedbuttonbarchanged.emit({\n tab: this.selectedTab,\n });\n this.roadSegmentedButtonBarChanged.emit({\n tab: this.selectedTab,\n });\n }\n }\n\n /** @internal */\n @Event() roadsegmentedbuttonbarchanged!: EventEmitter;\n /** @internal */\n @Event() roadSegmentedButtonBarChanged!: EventEmitter;\n\n componentWillLoad() {\n this.selectedTabChanged();\n }\n\n render() {\n return (\n <Host\n role=\"tablist\"\n >\n <slot/>\n </Host>\n );\n }\n}"],"names":[],"mappings":";;;AAAA,MAAM,qBAAqB,GAAG,qCAAqC;;MCYtD,SAAS,GAAA,MAAA;;;;;;IAUpB,kBAAkB,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE;AAClC,YAAA,IAAI,CAAC,6BAA6B,CAAC,IAAI,CAAC;gBACtC,GAAG,EAAE,IAAI,CAAC,WAAW;AACtB,aAAA,CAAC;AACF,YAAA,IAAI,CAAC,6BAA6B,CAAC,IAAI,CAAC;gBACtC,GAAG,EAAE,IAAI,CAAC,WAAW;AACtB,aAAA,CAAC;;;IASN,iBAAiB,GAAA;QACf,IAAI,CAAC,kBAAkB,EAAE;;IAG3B,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EACH,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAEd,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;;"}
1
+ {"version":3,"file":"road-segmented-button-bar.entry.esm.js","sources":["src/components/segmented-button-bar/segmented-button-bar.css?tag=road-segmented-button-bar&encapsulation=shadow","src/components/segmented-button-bar/segmented-button-bar.tsx"],"sourcesContent":["/*\n * Segmented button bar\n *\n */\n\n:host {\n background-color: var(--road-surface);\n outline: 1px solid var(--road-outline-weak);\n border-radius: 12px;\n padding: var(--road-spacing-02);\n display: flex;\n} \n","import { Component, Element, Event, EventEmitter, Host, Prop, Watch, h } from '@stencil/core';\nimport '../../utils/polyfill';\n\n/**\n * @slot - Content of the segmentedButtonBar, it should be road-segmented-button elements.\n */\n\n@Component({\n tag: 'road-segmented-button-bar',\n styleUrl: 'segmented-button-bar.css',\n shadow: true,\n})\nexport class ButtonBar {\n\n @Element() el!: HTMLRoadSegmentedButtonBarElement;\n\n\n /**\n * The selected tab component\n */\n @Prop() selectedTab?: string;\n @Watch('selectedTab')\n selectedTabChanged() {\n if (this.selectedTab !== undefined) {\n this.roadsegmentedbuttonbarchanged.emit({\n tab: this.selectedTab,\n });\n this.roadSegmentedButtonBarChanged.emit({\n tab: this.selectedTab,\n });\n }\n }\n\n /** @internal */\n @Event() roadsegmentedbuttonbarchanged!: EventEmitter;\n /** @internal */\n @Event() roadSegmentedButtonBarChanged!: EventEmitter;\n\n componentWillLoad() {\n this.selectedTabChanged();\n }\n\n render() {\n return (\n <Host\n role=\"tablist\"\n >\n <slot/>\n </Host>\n );\n }\n}"],"names":[],"mappings":";;;AAAA,MAAM,qBAAqB,GAAG,uJAAuJ;;MCYxK,SAAS,GAAA,MAAA;;;;;;IAUpB,kBAAkB,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE;AAClC,YAAA,IAAI,CAAC,6BAA6B,CAAC,IAAI,CAAC;gBACtC,GAAG,EAAE,IAAI,CAAC,WAAW;AACtB,aAAA,CAAC;AACF,YAAA,IAAI,CAAC,6BAA6B,CAAC,IAAI,CAAC;gBACtC,GAAG,EAAE,IAAI,CAAC,WAAW;AACtB,aAAA,CAAC;;;IASN,iBAAiB,GAAA;QACf,IAAI,CAAC,kBAAkB,EAAE;;IAG3B,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EACH,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAEd,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"road-segmented-button.entry.esm.js","sources":["src/components/segmented-button/segmented-button.css?tag=road-segmented-button&encapsulation=shadow","src/components/segmented-button/segmented-button.tsx"],"sourcesContent":["/*\n * Tab button\n */\n\n\n/* BUTTON\n -------------------- */\n\n\n:host {\n --border-radius: 0.25rem;\n --font-size: var(--road-button-medium);\n --margin-bottom: 1rem;\n --padding-start: 1.5rem;\n --padding-end: 1.5rem;\n box-sizing: border-box;\n flex: 1;\n align-items: center;\n justify-content: center;\n max-height: 2.5rem;\n font-size: var(--road-button-medium);\n font-weight: 700;\n color: var(--road-primary);\n text-decoration: none;\n white-space: nowrap;\n vertical-align: middle;\n background-color: var(--road-surface);\n border-top: 1px solid var(--road-primary);\n border-bottom: 1px solid var(--road-primary);\n border-left: 1px solid var(--road-primary);\n border-radius: 0;\n transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n\n\n:host(:first-child){\n border: 1px solid var(--road-primary);\n border-right: 0;\n border-radius: 999em 0 0 999em;\n}\n\n:host(:last-child){\n border: 1px solid var(--road-primary);\n border-radius: 0 999em 999em 0;\n}\n\n/**\n * Small\n */\n\n:host(.btn-sm) {\n height: 2rem;\n font-size: var(--road-button-small);\n}\n\n/**\n * Active state\n */\n\n:host(.tab-selected) {\n color: var(--road-primary-contrast);\n background-color: var(--road-primary);\n}\n\n:host(.tab-selected:hover) {\n background-color: var(--road-button-primary-variant);\n}\n\n\n/**\n * Hover state\n */\n\n:host(:hover) {\n background: var(--road-primary-90);\n}\n\n/**\n * Focus state\n */\n\n\n:host(.focus-visible) {\n background: var(--road-primary-90);\n outline: auto;\n}\n\n:host(.tab-selected.focus-visible){\n background-color: var(--road-button-primary-variant);\n}\n\n\n/* NATIVE\n -------------------- */\n\n.button-native {\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: inherit;\n align-items: inherit;\n justify-content: inherit;\n width: 100%;\n height: 100%;\n max-height: 2.5rem;\n padding: 0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);\n margin: 0;\n overflow: hidden;\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n color: inherit;\n text-align: inherit;\n text-decoration: none;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n letter-spacing: inherit;\n white-space: inherit;\n cursor: pointer;\n background: transparent;\n -webkit-user-drag: none;\n border-color: initial;\n border-style: initial;\n border-width: 0;\n border-radius: inherit;\n border-image: initial;\n outline: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, h } from '@stencil/core';\n\n/**\n *\n * @part native - The native HTML anchor element that wraps all child elements.\n */\n\n@Component({\n tag: 'road-segmented-button',\n styleUrl: 'segmented-button.css',\n shadow: true,\n})\nexport class SegmentedButton {\n\n @Element() el!: HTMLRoadSegmentedButtonElement;\n\n /**\n * The Segmented buttons size.\n */\n @Prop() size?: 'sm' | 'md' = 'md';\n\n /**\n * The selected tab component\n */\n @Prop({ mutable: true }) selected = false;\n\n /**\n * A tab id must be provided for each `road-tab`. It's used internally to reference\n */\n @Prop() tab?: string;\n\n /**\n * Emitted when the tab bar is clicked\n * @internal\n */\n @Event() roadsegmentedbuttonclick!: EventEmitter;\n /** @internal */\n @Event() roadSegmentedButtonClick!: EventEmitter;\n\n @Listen('roadSegmentedButtonBarChanged', { target: 'window' })\n @Listen('roadSegmentedButtonbarchanged', { target: 'window' })\n onButtonBarChanged(ev: CustomEvent) {\n const dispatchedFrom = ev.target as HTMLElement;\n const parent = this.el.parentElement as EventTarget;\n\n if ((ev.composedPath && ev.composedPath().includes(parent)) || (dispatchedFrom && dispatchedFrom.contains(this.el))) {\n this.selected = this.tab === ev.detail.tab;\n }\n }\n\n private selectTab(ev: Event | KeyboardEvent) {\n if (this.tab !== undefined) {\n this.roadsegmentedbuttonclick.emit({\n tab: this.tab,\n selected: this.selected,\n });\n this.roadSegmentedButtonClick.emit({\n tab: this.tab,\n selected: this.selected,\n });\n\n ev.preventDefault();\n }\n }\n\n private get tabIndex() {\n const hasTabIndex = this.el.hasAttribute('tabindex');\n\n if (hasTabIndex) {\n return this.el.getAttribute('tabindex');\n }\n\n return 0;\n }\n\n private onKeyUp = (ev: KeyboardEvent) => {\n if (ev.key === 'Enter' || ev.key === ' ') {\n this.selectTab(ev);\n }\n };\n\n private onClick = (ev: Event) => {\n this.selectTab(ev);\n };\n\n render() {\n const { tabIndex, selected, tab } = this;\n\n const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';\n\n\n return (\n <Host\n onClick={this.onClick}\n onKeyup={this.onKeyUp}\n role=\"tab\"\n tabindex={tabIndex}\n aria-selected={selected ? 'true' : null}\n id={tab !== undefined ? `tab-button-${tab}` : null}\n class={{\n 'tab-selected': selected,\n [`${sizeClass}`]: true,\n }}\n >\n <span tabIndex={-1} class=\"button-native\" part=\"native\" aria-hidden=\"true\">\n <slot/>\n </span>\n </Host>\n );\n }\n}"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"road-segmented-button.entry.esm.js","sources":["src/components/segmented-button/segmented-button.css?tag=road-segmented-button&encapsulation=shadow","src/components/segmented-button/segmented-button.tsx"],"sourcesContent":["/*\n * Tab button\n */\n\n\n/* BUTTON\n -------------------- */\n\n\n:host {\n --border-radius: 0.25rem;\n --font-size: var(--road-button-medium);\n --margin-bottom: 1rem;\n --padding-start: 1.5rem;\n --padding-end: 1.5rem;\n box-sizing: border-box;\n flex: 1;\n align-items: center;\n justify-content: center;\n max-height: 2.75rem;\n font-size: var(--road-button-medium);\n font-weight: 700;\n color: var(--road-on-surface-weak);\n text-decoration: none;\n white-space: nowrap;\n vertical-align: middle;\n background-color: var(--road-surface);\n border-radius: 8px;\n transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-right: var(--road-spacing-02);\n overflow: hidden;\n}\n\n:host(:last-child){\n margin-right: 0;\n}\n\n/**\n * Small\n */\n\n:host(.btn-sm) {\n height: 2.5rem;\n}\n\n/**\n * medium\n */\n\n :host(.btn-md) {\n height: 2.75rem;\n}\n\n/**\n * Active state\n */\n\n :host(.tab-selected) {\n color: var(--road-button-primary);\n fill: var(--road-button-primary);\n background-color: var(--road-button-tertiary-variant);\n}\n\n:host(.tab-selected:hover) {\n color: var(--road-button-primary);\n background-color: var(--road-button-tertiary-variant);\n}\n\n\n/**\n * Hover state\n */\n\n:host(:hover) {\n color: var(--road-on-surface);\n background-color: var(--road-surface-inverse);\n}\n\n/**\n * Focus state\n */\n\n\n:host(.focus-visible) {\n outline: auto;\n}\n\n\n/* NATIVE\n -------------------- */\n\n.button-native {\n position: relative;\n box-sizing: border-box;\n display: flex;\n flex-direction: inherit;\n align-items: inherit;\n justify-content: inherit;\n width: 100%;\n height: 100%;\n padding: 0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);\n margin: 0;\n overflow: hidden;\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n color: inherit;\n text-align: inherit;\n text-decoration: none;\n text-indent: inherit;\n text-overflow: inherit;\n text-transform: inherit;\n letter-spacing: inherit;\n white-space: inherit;\n cursor: pointer;\n background: transparent;\n -webkit-user-drag: none;\n border-color: initial;\n border-style: initial;\n border-width: 0;\n border-radius: inherit;\n border-image: initial;\n outline: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n:host ::slotted(road-icon) {\n margin: -0.2rem var(--road-spacing-03) -0.2rem 0;\n float: left;\n}\n\n\n.button-content {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n min-width: 0;\n}\n\n","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, h } from '@stencil/core';\n\n/**\n *\n * @part native - The native HTML anchor element that wraps all child elements.\n */\n\n@Component({\n tag: 'road-segmented-button',\n styleUrl: 'segmented-button.css',\n shadow: true,\n})\nexport class SegmentedButton {\n\n @Element() el!: HTMLRoadSegmentedButtonElement;\n\n /**\n * The Segmented buttons size.\n */\n @Prop() size?: 'sm' | 'md' = 'md';\n\n /**\n * The selected tab component\n */\n @Prop({ mutable: true }) selected = false;\n\n /**\n * A tab id must be provided for each `road-tab`. It's used internally to reference\n */\n @Prop() tab?: string;\n\n /**\n * Emitted when the tab bar is clicked\n * @internal\n */\n @Event() roadsegmentedbuttonclick!: EventEmitter;\n /** @internal */\n @Event() roadSegmentedButtonClick!: EventEmitter;\n\n @Listen('roadSegmentedButtonBarChanged', { target: 'window' })\n @Listen('roadSegmentedButtonbarchanged', { target: 'window' })\n onButtonBarChanged(ev: CustomEvent) {\n const dispatchedFrom = ev.target as HTMLElement;\n const parent = this.el.parentElement as EventTarget;\n\n if ((ev.composedPath && ev.composedPath().includes(parent)) || (dispatchedFrom && dispatchedFrom.contains(this.el))) {\n this.selected = this.tab === ev.detail.tab;\n }\n }\n\n private selectTab(ev: Event | KeyboardEvent) {\n if (this.tab !== undefined) {\n this.roadsegmentedbuttonclick.emit({\n tab: this.tab,\n selected: this.selected,\n });\n this.roadSegmentedButtonClick.emit({\n tab: this.tab,\n selected: this.selected,\n });\n\n ev.preventDefault();\n }\n }\n\n private get tabIndex() {\n const hasTabIndex = this.el.hasAttribute('tabindex');\n\n if (hasTabIndex) {\n return this.el.getAttribute('tabindex');\n }\n\n return 0;\n }\n\n private onKeyUp = (ev: KeyboardEvent) => {\n if (ev.key === 'Enter' || ev.key === ' ') {\n this.selectTab(ev);\n }\n };\n\n private onClick = (ev: Event) => {\n this.selectTab(ev);\n };\n\n render() {\n const { tabIndex, selected, tab } = this;\n\n const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';\n\n\n return (\n <Host\n onClick={this.onClick}\n onKeyup={this.onKeyUp}\n role=\"tab\"\n tabindex={tabIndex}\n aria-selected={selected ? 'true' : null}\n id={tab !== undefined ? `tab-button-${tab}` : null}\n class={{\n 'tab-selected': selected,\n [`${sizeClass}`]: true,\n }}\n >\n <span tabIndex={-1} class=\"button-native\" part=\"native\" aria-hidden=\"true\">\n <span class=\"button-content\">\n <slot/>\n </span>\n </span>\n </Host>\n );\n }\n}"],"names":[],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{p as e,g as a,b as o}from"./p-DRGoRjBY.js";export{s as setNonce}from"./p-DRGoRjBY.js";var d=()=>{const a=import.meta.url;const o={};if(a!==""){o.resourcesUrl=new URL(".",a).href}return e(o)};d().then((async e=>{await a();return o(JSON.parse('[["p-bcb3a7b5",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["p-0f8d2e9f",[[1,"road-content-card",{"insetImage":[4,"inset-image"]}]]],["p-c91ac62b",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]},null,{"value":["valueChanged"]}]]],["p-03830648",[[1,"road-profil-dropdown",{"isOpen":[1028,"is-open"]},[[4,"click","handleDocumentClick"]]]]],["p-85497c31",[[1,"road-rating",{"size":[513],"rate":[2],"showreviews":[4],"readonly":[4],"reviews":[2],"reviewsText":[1,"reviews-text"],"url":[1]}]]],["p-6adeb69b",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["p-a3923f76",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["p-abe56e87",[[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]},null,{"options":["optionsChanged"]}]]],["p-473711bf",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"secondaryLabel":[1,"secondary-label"],"inverse":[4],"error":[1],"helper":[1]},null,{"checked":["checkedChanged"]}]]],["p-589f94ba",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["p-1d716e99",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["p-15fc9b83",[[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"]]]]],["p-9adebabd",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isMedium":[4,"is-medium"],"position":[513],"direction":[513]},[[4,"click","handleDocumentClick"]]]]],["p-c63cf208",[[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"]]]]],["p-9a8296b7",[[2,"road-phone-number-input",{"disabled":[4],"countryData":[16,"country-data"],"language":[1],"codeLabel":[1,"code-label"],"phoneLabel":[1,"phone-label"],"phoneValue":[1,"phone-value"],"countryCode":[1,"country-code"],"errorMessage":[1,"error-message"],"required":[4],"selectedCountry":[32],"selectedCountryCode":[32],"phoneNumber":[32],"countryOptions":[32],"returnObject":[32]}]]],["p-a213ad16",[[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"],"disabled":[4]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"]],{"value":["valueChanged"]}]]],["p-21e4f868",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]},null,{"isOpen":["isOpenChanged"]}]]],["p-0cb16ca0",[[1,"road-alert",{"color":[1],"label":[1],"button":[1],"link":[1],"url":[1]}]]],["p-d7fecc35",[[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":[1025],"triggerRender":[1026,"trigger-render"],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["p-fba07ee2",[[1,"road-aspect-ratio",{"ratio":[1]}]]],["p-006ccb3e",[[1,"road-asset",{"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"asset":[8],"lazy":[4],"sanitize":[4],"assetSvgContent":[32],"isVisible":[32]},null,{"name":["loadAsset"],"src":["loadAsset"],"asset":["loadAsset"]}]]],["p-2bed40c2",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["p-3bd5d32b",[[1,"road-button-floating",{"position":[513],"href":[1],"rel":[1],"target":[1]},[[9,"scroll","onScroll"]]]]],["p-1d1d39ed",[[4,"road-carousel-item"]]],["p-9bc0fd40",[[1,"road-flap",{"color":[1],"filled":[4],"size":[513]}]]],["p-bdcce67b",[[1,"road-global-navigation",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]],{"selectedTab":["selectedTabChanged"]}]]],["p-8759e1a9",[[1,"road-global-navigation-v2",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"],[8,"click","onButtonClick"]],{"selectedTab":["selectedTabChanged"]}]]],["p-a5b86e38",[[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]},null,{"name":["loadIllustration"],"src":["loadIllustration"],"illustration":["loadIllustration"]}]]],["p-7ec2df2c",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]],{"selectedTab":["selectedTabChanged"]}]]],["p-727bbe7e",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]],{"selected":["handleSelectedChange"]}]]],["p-f3b45bcd",[[1,"road-navbar-item-v2",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]],{"selected":["handleSelectedChange"]}]]],["p-8d8d8b47",[[1,"road-navbar-v2",{"compact":[516],"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]],{"selectedTab":["selectedTabChanged"]}]]],["p-5b5e6e69",[[1,"road-progress",{"value":[2],"numbersteps":[1],"label":[1],"showstep":[4],"animation":[4],"light":[4],"fullwidth":[4],"color":[1]}]]],["p-4a59564a",[[1,"road-progress-indicator-horizontal",{"color":[513],"numberStep":[2,"number-step"],"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"]}]]],["p-96bd72a9",[[1,"road-progress-indicator-vertical"]]],["p-47923903",[[4,"road-progress-indicator-vertical-item"]]],["p-50548c7f",[[1,"road-progress-tracker"]]],["p-badd092a",[[4,"road-progress-tracker-item"]]],["p-f8098071",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"secondaryLabel":[1,"secondary-label"],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["p-e00f8fff",[[6,"road-radio-card",{"name":[1],"disabled":[4],"selected":[4],"value":[8],"label":[1],"inline":[4],"isSelected":[32],"radioId":[32]},[[8,"road-radio-selected","handleRadioSelected"]]]]],["p-620e12e6",[[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]},null,{"value":["valueChanged"],"error":["errorChanged"]}]]],["p-1a38d043",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["p-93f69a61",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]},null,{"selectedTab":["selectedTabChanged"]}]]],["p-ff9c5c19",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["p-c341c65d",[[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]},null,{"value":["valueChanged"]}]]],["p-0f7c2bb1",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"loading":[4],"isOpen":[32],"currentValue":[32],"activeIndex":[32],"wasFocusedBeforeLoading":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[5,"mousedown","onClickOutside"],[8,"keydown","handleKeydown"]],{"loading":["loadingChanged"],"options":["onOptionsChange"]}]]],["p-92ba90f5",[[1,"road-skeleton"]]],["p-e2199c84",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["p-ca469434",[[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]},null,{"checked":["checkedChanged"]}]]],["p-3e9f11a6",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]},[[8,"roadtabbarchanged","onTabBarChanged"]]]]],["p-5cb2cf87",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1537,"selected-tab"]},[[0,"roadTabButtonClick","onTabButtonClick"]],{"selectedTab":["selectedTabChanged"]}]]],["p-e2ddeaf4",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"disabled":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["p-1c0a56f8",[[6,"road-table"]]],["p-cd4d6154",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["p-e678228c",[[1,"road-tag",{"color":[1],"contrast":[4]}]]],["p-f48ccd8b",[[1,"road-text",{"color":[1]}]]],["p-1f550ee1",[[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]},null,{"value":["valueChanged"]}]]],["p-3f9d1111",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]},null,{"checked":["checkedChanged"]}]]],["p-4fee0864",[[1,"road-toolbar-title"]]],["p-d25ecf9b",[[1,"road-toolbar-title-page"]]],["p-cf3f4b9a",[[1,"road-toolbar-v2"]]],["p-2dd7d3bf",[[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]}]]],["p-34994012",[[1,"road-avatar",{"size":[513]}]]],["p-03939dc0",[[1,"road-card",{"elevation":[1],"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]],["p-61477dc9",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]},null,{"src":["srcChanged"]}]]],["p-85edfef8",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[2],"max":[2],"step":[1],"value":[2],"size":[1],"dustbin":[4],"readonly":[4],"leftIconClasses":[32],"rightIconClasses":[32],"isDustbinVisible":[32]},null,{"value":["onValueChange"]}],[1,"road-item",{"titleItem":[1,"title-item"],"text":[1],"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"layout":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[1,"road-drawer",{"isOpen":[1028,"is-open"],"removePadding":[1028,"remove-padding"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"ariaLabel":[1,"aria-label"],"ariaLabelBack":[1,"aria-label-back"],"ariaLabelClose":[1,"aria-label-close"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]],{"isOpen":["handleOpen"]}],[6,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"blockdecimal":[4],"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],"enforceMinMaxValue":[64],"focus":[64]},null,{"debounce":["debounceChanged"],"value":["valueChanged"]}],[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]}],[1,"road-input-group",{"disabled":[4]},null,{"disabled":["handleDisabledChange"]}],[1,"road-label"],[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]},null,{"name":["loadIcon"],"src":["loadIcon"],"icon":["loadIcon"]}]]]]'),e)}));
1
+ import{p as e,g as a,b as o}from"./p-DRGoRjBY.js";export{s as setNonce}from"./p-DRGoRjBY.js";var d=()=>{const a=import.meta.url;const o={};if(a!==""){o.resourcesUrl=new URL(".",a).href}return e(o)};d().then((async e=>{await a();return o(JSON.parse('[["p-bcb3a7b5",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["p-0f8d2e9f",[[1,"road-content-card",{"insetImage":[4,"inset-image"]}]]],["p-c91ac62b",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]},null,{"value":["valueChanged"]}]]],["p-03830648",[[1,"road-profil-dropdown",{"isOpen":[1028,"is-open"]},[[4,"click","handleDocumentClick"]]]]],["p-85497c31",[[1,"road-rating",{"size":[513],"rate":[2],"showreviews":[4],"readonly":[4],"reviews":[2],"reviewsText":[1,"reviews-text"],"url":[1]}]]],["p-6adeb69b",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["p-a3923f76",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["p-abe56e87",[[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]},null,{"options":["optionsChanged"]}]]],["p-473711bf",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"secondaryLabel":[1,"secondary-label"],"inverse":[4],"error":[1],"helper":[1]},null,{"checked":["checkedChanged"]}]]],["p-589f94ba",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["p-1d716e99",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["p-3ce8deab",[[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"]]]]],["p-9adebabd",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isMedium":[4,"is-medium"],"position":[513],"direction":[513]},[[4,"click","handleDocumentClick"]]]]],["p-c63cf208",[[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"]]]]],["p-9a8296b7",[[2,"road-phone-number-input",{"disabled":[4],"countryData":[16,"country-data"],"language":[1],"codeLabel":[1,"code-label"],"phoneLabel":[1,"phone-label"],"phoneValue":[1,"phone-value"],"countryCode":[1,"country-code"],"errorMessage":[1,"error-message"],"required":[4],"selectedCountry":[32],"selectedCountryCode":[32],"phoneNumber":[32],"countryOptions":[32],"returnObject":[32]}]]],["p-a213ad16",[[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"],"disabled":[4]},[[2,"focus","handleFocus"],[2,"blur","handleBlur"]],{"value":["valueChanged"]}]]],["p-6f635bb3",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]},null,{"isOpen":["isOpenChanged"]}]]],["p-0cb16ca0",[[1,"road-alert",{"color":[1],"label":[1],"button":[1],"link":[1],"url":[1]}]]],["p-d7fecc35",[[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":[1025],"triggerRender":[1026,"trigger-render"],"selectedValue":[32]},null,{"value":["valueChanged"]}]]],["p-fba07ee2",[[1,"road-aspect-ratio",{"ratio":[1]}]]],["p-006ccb3e",[[1,"road-asset",{"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"asset":[8],"lazy":[4],"sanitize":[4],"assetSvgContent":[32],"isVisible":[32]},null,{"name":["loadAsset"],"src":["loadAsset"],"asset":["loadAsset"]}]]],["p-2bed40c2",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["p-3bd5d32b",[[1,"road-button-floating",{"position":[513],"href":[1],"rel":[1],"target":[1]},[[9,"scroll","onScroll"]]]]],["p-1d1d39ed",[[4,"road-carousel-item"]]],["p-9bc0fd40",[[1,"road-flap",{"color":[1],"filled":[4],"size":[513]}]]],["p-bdcce67b",[[1,"road-global-navigation",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]],{"selectedTab":["selectedTabChanged"]}]]],["p-8759e1a9",[[1,"road-global-navigation-v2",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"],[8,"click","onButtonClick"]],{"selectedTab":["selectedTabChanged"]}]]],["p-a5b86e38",[[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]},null,{"name":["loadIllustration"],"src":["loadIllustration"],"illustration":["loadIllustration"]}]]],["p-7ec2df2c",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]],{"selectedTab":["selectedTabChanged"]}]]],["p-727bbe7e",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]],{"selected":["handleSelectedChange"]}]]],["p-f3b45bcd",[[1,"road-navbar-item-v2",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]],{"selected":["handleSelectedChange"]}]]],["p-8d8d8b47",[[1,"road-navbar-v2",{"compact":[516],"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]],{"selectedTab":["selectedTabChanged"]}]]],["p-5b5e6e69",[[1,"road-progress",{"value":[2],"numbersteps":[1],"label":[1],"showstep":[4],"animation":[4],"light":[4],"fullwidth":[4],"color":[1]}]]],["p-4a59564a",[[1,"road-progress-indicator-horizontal",{"color":[513],"numberStep":[2,"number-step"],"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"]}]]],["p-96bd72a9",[[1,"road-progress-indicator-vertical"]]],["p-47923903",[[4,"road-progress-indicator-vertical-item"]]],["p-50548c7f",[[1,"road-progress-tracker"]]],["p-badd092a",[[4,"road-progress-tracker-item"]]],["p-f8098071",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"secondaryLabel":[1,"secondary-label"],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["p-e00f8fff",[[6,"road-radio-card",{"name":[1],"disabled":[4],"selected":[4],"value":[8],"label":[1],"inline":[4],"isSelected":[32],"radioId":[32]},[[8,"road-radio-selected","handleRadioSelected"]]]]],["p-620e12e6",[[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]},null,{"value":["valueChanged"],"error":["errorChanged"]}]]],["p-642aaeb9",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["p-f7eaf7cc",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]},null,{"selectedTab":["selectedTabChanged"]}]]],["p-e63ebfd0",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["p-db8047f7",[[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]},null,{"value":["valueChanged"]}]]],["p-9e350801",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"loading":[4],"isOpen":[32],"currentValue":[32],"activeIndex":[32],"wasFocusedBeforeLoading":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[5,"mousedown","onClickOutside"],[8,"keydown","handleKeydown"]],{"loading":["loadingChanged"],"options":["onOptionsChange"]}]]],["p-7ba4bd92",[[1,"road-skeleton"]]],["p-189a516a",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["p-dbfad609",[[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]},null,{"checked":["checkedChanged"]}]]],["p-9fde410f",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]},[[8,"roadtabbarchanged","onTabBarChanged"]]]]],["p-cfa2d288",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1537,"selected-tab"]},[[0,"roadTabButtonClick","onTabButtonClick"]],{"selectedTab":["selectedTabChanged"]}]]],["p-a0ecd888",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"disabled":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["p-d8754409",[[6,"road-table"]]],["p-4d4e1282",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["p-759a5979",[[1,"road-tag",{"color":[1],"contrast":[4]}]]],["p-271b69d8",[[1,"road-text",{"color":[1]}]]],["p-356a2ca4",[[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]},null,{"value":["valueChanged"]}]]],["p-905ed5dd",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]},null,{"checked":["checkedChanged"]}]]],["p-413d9ee8",[[1,"road-toolbar-title"]]],["p-f0845e60",[[1,"road-toolbar-title-page"]]],["p-654e15ca",[[1,"road-toolbar-v2"]]],["p-41cd3e74",[[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]}]]],["p-34994012",[[1,"road-avatar",{"size":[513]}]]],["p-03939dc0",[[1,"road-card",{"elevation":[1],"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]],["p-61477dc9",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]},null,{"src":["srcChanged"]}]]],["p-52b20e0d",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[2],"max":[2],"step":[1],"value":[2],"size":[1],"dustbin":[4],"readonly":[4],"leftIconClasses":[32],"rightIconClasses":[32],"isDustbinVisible":[32]},null,{"value":["onValueChange"]}],[1,"road-item",{"titleItem":[1,"title-item"],"text":[1],"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"layout":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[1,"road-drawer",{"isOpen":[1028,"is-open"],"removePadding":[1028,"remove-padding"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"ariaLabel":[1,"aria-label"],"ariaLabelBack":[1,"aria-label-back"],"ariaLabelClose":[1,"aria-label-close"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]],{"isOpen":["handleOpen"]}],[6,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"blockdecimal":[4],"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],"enforceMinMaxValue":[64],"focus":[64]},null,{"debounce":["debounceChanged"],"value":["valueChanged"]}],[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]}],[1,"road-input-group",{"disabled":[4]},null,{"disabled":["handleDisabledChange"]}],[1,"road-label"],[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]},null,{"name":["loadIcon"],"src":["loadIcon"],"icon":["loadIcon"]}]]]]'),e)}));
2
2
  //# sourceMappingURL=roadtrip.esm.js.map
@@ -1 +1 @@
1
- <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m46.14 19.425.061.21c.567 2.115-.229 4.398-2.048 5.633l-.185.12a644.195 644.195 0 0 0-6.065 3.785l1.817 5.69 5.655 2.952.139.077a3.143 3.143 0 0 1 1.404 1.775l4.645 14.61-1.163.393-.743.252-.008.003-.007.002c-3.108 1.006-6.431-.398-8.005-3.301l-.001-.003-2.565-4.757-.008-.015c-.229-.44-.596-.8-1.047-1.036h-.002l-6.912-3.617-.007-.004a5.123 5.123 0 0 1-2.46-2.94l-.001-.004-2.823-8.76-.034-.124a1.25 1.25 0 0 1 2.367-.764l.045.12 2.825 8.76c.216.658.667 1.19 1.248 1.5l6.91 3.617a4.952 4.952 0 0 1 2.1 2.08l2.562 4.756c.947 1.746 2.81 2.594 4.593 2.23l-3.89-12.24-.005-.012a.64.64 0 0 0-.311-.38h-.001l-6.569-3.43-2.714-8.498.804-.52c1.33-.857 4.591-2.894 6.914-4.325l.18-.123c.874-.651 1.271-1.84.919-2.965l-.001-.003-.174-.56-10.165 3.57a1.25 1.25 0 0 1-.828-2.359l12.613-4.43.94 3.035Z" /><path d="M34.75 16.5a5.25 5.25 0 1 0-10.5 0 5.25 5.25 0 0 0 10.5 0Zm2.5 0a7.75 7.75 0 1 1-15.5 0 7.75 7.75 0 0 1 15.5 0ZM14.695 15.788a1.25 1.25 0 0 1 1.48.784l.037.123 6.262 24.88.114.43c1.23 4.372 3.943 6.745 6.473 6.745H37a1.25 1.25 0 0 1 0 2.5h-7.939c-4.17 0-7.51-3.703-8.885-8.588l-.127-.477-6.26-24.88-.026-.125a1.25 1.25 0 0 1 .932-1.392Z" /></svg>
1
+ <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m46.14 19.425.061.21c.567 2.115-.229 4.398-2.048 5.633l-.185.12a644.195 644.195 0 0 0-6.065 3.785l1.817 5.69 5.655 2.952.139.077a3.143 3.143 0 0 1 1.404 1.775l4.645 14.61-1.163.393-.743.252-.008.003-.007.002c-3.108 1.006-6.431-.398-8.005-3.301l-.001-.003-2.565-4.757-.008-.015c-.229-.44-.596-.8-1.047-1.036h-.002l-6.912-3.617-.007-.004a5.123 5.123 0 0 1-2.46-2.94l-.001-.004-2.823-8.76-.034-.124a1.25 1.25 0 0 1 2.367-.764l.045.12 2.825 8.76c.216.658.667 1.19 1.248 1.5l6.91 3.617a4.952 4.952 0 0 1 2.1 2.08l2.562 4.756c.947 1.746 2.81 2.594 4.593 2.23l-3.89-12.24-.005-.012a.64.64 0 0 0-.311-.38h-.001l-6.569-3.43-2.714-8.498.804-.52c1.33-.857 4.591-2.894 6.914-4.325l.18-.123c.874-.651 1.271-1.84.919-2.965l-.001-.003-.174-.56-10.165 3.57a1.25 1.25 0 0 1-.828-2.359l12.613-4.43.94 3.035Z"/><path d="M34.75 16.5a5.25 5.25 0 1 0-10.5 0 5.25 5.25 0 0 0 10.5 0Zm2.5 0a7.75 7.75 0 1 1-15.5 0 7.75 7.75 0 0 1 15.5 0Zm-22.555-.712a1.25 1.25 0 0 1 1.48.784l.037.123 6.262 24.88.114.43c1.23 4.372 3.943 6.745 6.473 6.745H37a1.25 1.25 0 0 1 0 2.5h-7.939c-4.17 0-7.51-3.703-8.885-8.588l-.127-.477-6.26-24.88-.026-.125a1.25 1.25 0 0 1 .932-1.392Z"/></svg>
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M24 4H0v16h24V4Z" fill="#DDDFE4"/><path d="M23 5.004H1v13.995h22V5.004Z" fill="#C1272D"/><path d="M12.944 11.056H16l-2.472 1.888.944 3.056L12 14.111 9.528 16l.944-3.056L8 11.055h3.056L12 8l.944 3.056Zm-2.656 3.843 1.371-1.047-.847-.648-.524 1.695Zm2.052-1.047 1.371 1.047-.524-1.695-.847.647Zm-1.398-1.069 1.058.809 1.058-.809-.404-1.307h-1.308l-.404 1.307Zm-.34-.26.324-1.047H9.23l1.37 1.047Zm2.796 0 1.371-1.047h-1.695l.324 1.047Zm-1.922-1.467h1.048L12 9.36l-.524 1.696Z" fill="#006233"/></svg>
@@ -1 +1 @@
1
- <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M60.11 34.48a4.764 4.764 0 0 0-3.238-4.505c-2.805-.938-5.539-1.599-8.212-1.967-2.215-.305-4.375-1.117-6.197-2.504l-5.808-4.408-.364-.264a10.793 10.793 0 0 0-6.313-1.922l-12.628.199h.001a7.756 7.756 0 0 0-6.303 3.418l-.001.002-2.881 4.27-.136.203-.203.136-1.43.958.001.001a4.766 4.766 0 0 0-2.09 3.672v.001l-.398 7.065v3.209l56.2-.288V34.48ZM11.957 44.502a3.732 3.732 0 0 0 4.056-.02l-4.056.02Zm33.932-.173a3.732 3.732 0 0 0 4.55-.023l-4.55.023Zm16.721-.085-8.949.046a6.248 6.248 0 0 1-5.51 3.3 6.247 6.247 0 0 1-5.481-3.245l-23.287.12a6.247 6.247 0 0 1-5.413 3.125 6.246 6.246 0 0 1-5.381-3.07l-7.179.036v-5.828h.002l.4-7.099v-.003l.037-.42a7.262 7.262 0 0 1 3.153-5.183l.002-.001 1.225-.824 2.745-4.067a10.256 10.256 0 0 1 8.334-4.521h.002l12.63-.2.557.004c2.588.069 5.095.891 7.219 2.364l.449.325v.001l5.81 4.41.001.001.274.2c1.383.976 3.021 1.578 4.75 1.817l1.07.16c2.498.41 5.03 1.054 7.597 1.913l.275.099a7.265 7.265 0 0 1 4.668 6.776v9.764Z" /></svg>
1
+ <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M60.11 34.48a4.764 4.764 0 0 0-3.238-4.505c-2.805-.938-5.539-1.599-8.212-1.967-2.215-.305-4.375-1.117-6.197-2.504l-5.808-4.408-.364-.264a10.793 10.793 0 0 0-6.313-1.922l-12.628.199h.001a7.756 7.756 0 0 0-6.303 3.418l-.001.002-2.881 4.27-.136.203-.203.136-1.43.958.001.001a4.766 4.766 0 0 0-2.09 3.672v.001l-.398 7.065v3.209l56.2-.288V34.48ZM11.957 44.502a3.732 3.732 0 0 0 4.056-.02l-4.056.02Zm33.932-.173a3.732 3.732 0 0 0 4.55-.023l-4.55.023Zm16.721-.085-8.949.046a6.248 6.248 0 0 1-5.51 3.3 6.247 6.247 0 0 1-5.481-3.245l-23.287.12a6.247 6.247 0 0 1-5.413 3.125 6.246 6.246 0 0 1-5.381-3.07l-7.179.036v-5.828h.002l.4-7.099v-.003l.037-.42a7.262 7.262 0 0 1 3.153-5.183l.002-.001 1.225-.824 2.745-4.067a10.256 10.256 0 0 1 8.334-4.521h.002l12.63-.2.557.004c2.588.069 5.095.891 7.219 2.364l.449.325v.001l5.81 4.41.001.001.274.2c1.383.976 3.021 1.578 4.75 1.817l1.07.16c2.498.41 5.03 1.054 7.597 1.913l.275.099a7.265 7.265 0 0 1 4.668 6.776v9.764Z"/></svg>
@@ -512,6 +512,7 @@ export namespace Components {
512
512
  "close": () => Promise<void>;
513
513
  /**
514
514
  * Set the color of information dialog. e.g. info, success, warning, danger
515
+ * @default 'info'
515
516
  */
516
517
  "color"?: FeedbackColors;
517
518
  /**
@@ -3925,6 +3926,7 @@ declare namespace LocalJSX {
3925
3926
  interface RoadDialog {
3926
3927
  /**
3927
3928
  * Set the color of information dialog. e.g. info, success, warning, danger
3929
+ * @default 'info'
3928
3930
  */
3929
3931
  "color"?: FeedbackColors;
3930
3932
  /**