@riverty/web-components 6.2.1 → 6.3.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 (206) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/README.md +78 -0
  3. package/custom-elements.json +4 -0
  4. package/dist/cjs/index-BnETQtSf.js +16 -16
  5. package/dist/cjs/index.cjs.js +35 -0
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/r-alert.cjs.entry.js +1 -1
  8. package/dist/cjs/r-badge.cjs.entry.js +3 -2
  9. package/dist/cjs/r-button.cjs.entry.js +1 -1
  10. package/dist/cjs/r-checkbox-group.cjs.entry.js +5 -0
  11. package/dist/cjs/r-checkbox.cjs.entry.js +9 -4
  12. package/dist/cjs/r-dialog.cjs.entry.js +2 -2
  13. package/dist/cjs/r-hint_2.cjs.entry.js +4 -4
  14. package/dist/cjs/r-icon-button_2.cjs.entry.js +43 -18
  15. package/dist/cjs/r-input-code.cjs.entry.js +11 -6
  16. package/dist/cjs/r-input-date.cjs.entry.js +11 -6
  17. package/dist/cjs/r-input-password.cjs.entry.js +8 -3
  18. package/dist/cjs/r-input-phone-number.cjs.entry.js +6 -6
  19. package/dist/cjs/r-input.cjs.entry.js +249 -33
  20. package/dist/cjs/r-pagination.cjs.entry.js +9 -3
  21. package/dist/cjs/r-panel.cjs.entry.js +2 -2
  22. package/dist/cjs/r-popover-action.cjs.entry.js +1 -1
  23. package/dist/cjs/r-popover-content.cjs.entry.js +1 -1
  24. package/dist/cjs/r-popover-headline.cjs.entry.js +1 -1
  25. package/dist/cjs/r-popover-trigger.cjs.entry.js +1 -1
  26. package/dist/cjs/r-popover.cjs.entry.js +2 -2
  27. package/dist/cjs/r-progress-bar.cjs.entry.js +1 -1
  28. package/dist/cjs/r-radio-button-description.cjs.entry.js +1 -1
  29. package/dist/cjs/r-radio-button-leading.cjs.entry.js +1 -1
  30. package/dist/cjs/r-radio-button-title.cjs.entry.js +1 -1
  31. package/dist/cjs/r-radio-button-trailing.cjs.entry.js +1 -1
  32. package/dist/cjs/r-radio-button.cjs.entry.js +5 -5
  33. package/dist/cjs/r-radio-group.cjs.entry.js +8 -5
  34. package/dist/cjs/r-select-option.cjs.entry.js +1 -1
  35. package/dist/cjs/r-select.cjs.entry.js +10 -4
  36. package/dist/cjs/r-skip-link.cjs.entry.js +1 -1
  37. package/dist/cjs/r-stepper-item.cjs.entry.js +2 -2
  38. package/dist/cjs/r-stepper.cjs.entry.js +1 -1
  39. package/dist/cjs/r-tab-panel.cjs.entry.js +1 -1
  40. package/dist/cjs/r-tab.cjs.entry.js +2 -2
  41. package/dist/cjs/r-tabs-list.cjs.entry.js +3 -3
  42. package/dist/cjs/r-tabs.cjs.entry.js +1 -1
  43. package/dist/cjs/r-toast-group.cjs.entry.js +1 -1
  44. package/dist/cjs/r-toast.cjs.entry.js +17 -9
  45. package/dist/cjs/web-components.cjs.js +1 -1
  46. package/dist/collection/components/alert/alert.css +1 -0
  47. package/dist/collection/components/badge/badge.css +10 -0
  48. package/dist/collection/components/badge/badge.js +5 -1
  49. package/dist/collection/components/button/button.js +1 -1
  50. package/dist/collection/components/checkbox/checkbox.js +30 -4
  51. package/dist/collection/components/checkbox-group/checkbox-group.js +26 -0
  52. package/dist/collection/components/dialog/dialog.js +2 -2
  53. package/dist/collection/components/hint/hint.js +2 -2
  54. package/dist/collection/components/icon-button/icon-button.js +3 -3
  55. package/dist/collection/components/input/exports.js +46 -0
  56. package/dist/collection/components/input/input.css +6 -0
  57. package/dist/collection/components/input/input.js +321 -32
  58. package/dist/collection/components/input-code/input-code.js +32 -6
  59. package/dist/collection/components/input-date/input-date.js +32 -6
  60. package/dist/collection/components/input-password/input-password.js +29 -3
  61. package/dist/collection/components/input-phone-number/input-phone-number.js +25 -6
  62. package/dist/collection/components/label/label.js +2 -2
  63. package/dist/collection/components/pagination/pagination.js +18 -3
  64. package/dist/collection/components/panel/panel.js +2 -2
  65. package/dist/collection/components/popover/popover.js +2 -2
  66. package/dist/collection/components/popover-action/popover-action.js +1 -1
  67. package/dist/collection/components/popover-content/popover-content.js +1 -1
  68. package/dist/collection/components/popover-headline/popover-headline.js +1 -1
  69. package/dist/collection/components/popover-trigger/popover-trigger.js +1 -1
  70. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  71. package/dist/collection/components/radio-button/radio-button.js +5 -5
  72. package/dist/collection/components/radio-button-description/radio-button-description.js +1 -1
  73. package/dist/collection/components/radio-button-leading/radio-button-leading.js +1 -1
  74. package/dist/collection/components/radio-button-title/radio-button-title.js +1 -1
  75. package/dist/collection/components/radio-button-trailing/radio-button-trailing.js +1 -1
  76. package/dist/collection/components/radio-group/radio-group.js +8 -5
  77. package/dist/collection/components/select/select.js +31 -4
  78. package/dist/collection/components/select-option/select-option.js +1 -1
  79. package/dist/collection/components/skip-link/skip-link.js +1 -1
  80. package/dist/collection/components/stepper/stepper.js +1 -1
  81. package/dist/collection/components/stepper-item/stepper-item.js +2 -2
  82. package/dist/collection/components/tab/tab.js +2 -2
  83. package/dist/collection/components/tab-panel/tab-panel.js +1 -1
  84. package/dist/collection/components/tabs/tabs.js +1 -1
  85. package/dist/collection/components/tabs-list/tabs-list.js +3 -3
  86. package/dist/collection/components/toast/toast.js +17 -9
  87. package/dist/collection/components/toast-group/toast-group.js +1 -1
  88. package/dist/collection/components/tooltip/tooltip.css +34 -63
  89. package/dist/collection/components/tooltip/tooltip.js +39 -14
  90. package/dist/collection/index.js +2 -1
  91. package/dist/collection/utils/version-checker.js +33 -0
  92. package/dist/esm/index-CTxpqopm.js +16 -16
  93. package/dist/esm/index.js +34 -0
  94. package/dist/esm/loader.js +1 -1
  95. package/dist/esm/r-alert.entry.js +1 -1
  96. package/dist/esm/r-badge.entry.js +3 -2
  97. package/dist/esm/r-button.entry.js +1 -1
  98. package/dist/esm/r-checkbox-group.entry.js +5 -0
  99. package/dist/esm/r-checkbox.entry.js +9 -4
  100. package/dist/esm/r-dialog.entry.js +2 -2
  101. package/dist/esm/r-hint_2.entry.js +4 -4
  102. package/dist/esm/r-icon-button_2.entry.js +43 -18
  103. package/dist/esm/r-input-code.entry.js +11 -6
  104. package/dist/esm/r-input-date.entry.js +11 -6
  105. package/dist/esm/r-input-password.entry.js +8 -3
  106. package/dist/esm/r-input-phone-number.entry.js +6 -6
  107. package/dist/esm/r-input.entry.js +249 -33
  108. package/dist/esm/r-pagination.entry.js +9 -3
  109. package/dist/esm/r-panel.entry.js +2 -2
  110. package/dist/esm/r-popover-action.entry.js +1 -1
  111. package/dist/esm/r-popover-content.entry.js +1 -1
  112. package/dist/esm/r-popover-headline.entry.js +1 -1
  113. package/dist/esm/r-popover-trigger.entry.js +1 -1
  114. package/dist/esm/r-popover.entry.js +2 -2
  115. package/dist/esm/r-progress-bar.entry.js +1 -1
  116. package/dist/esm/r-radio-button-description.entry.js +1 -1
  117. package/dist/esm/r-radio-button-leading.entry.js +1 -1
  118. package/dist/esm/r-radio-button-title.entry.js +1 -1
  119. package/dist/esm/r-radio-button-trailing.entry.js +1 -1
  120. package/dist/esm/r-radio-button.entry.js +5 -5
  121. package/dist/esm/r-radio-group.entry.js +8 -5
  122. package/dist/esm/r-select-option.entry.js +1 -1
  123. package/dist/esm/r-select.entry.js +10 -4
  124. package/dist/esm/r-skip-link.entry.js +1 -1
  125. package/dist/esm/r-stepper-item.entry.js +2 -2
  126. package/dist/esm/r-stepper.entry.js +1 -1
  127. package/dist/esm/r-tab-panel.entry.js +1 -1
  128. package/dist/esm/r-tab.entry.js +2 -2
  129. package/dist/esm/r-tabs-list.entry.js +3 -3
  130. package/dist/esm/r-tabs.entry.js +1 -1
  131. package/dist/esm/r-toast-group.entry.js +1 -1
  132. package/dist/esm/r-toast.entry.js +17 -9
  133. package/dist/esm/web-components.js +1 -1
  134. package/dist/types/components/badge/badge.d.ts +3 -0
  135. package/dist/types/components/checkbox/checkbox.d.ts +2 -0
  136. package/dist/types/components/checkbox-group/checkbox-group.d.ts +2 -0
  137. package/dist/types/components/input/exports.d.ts +45 -0
  138. package/dist/types/components/input/input.d.ts +66 -1
  139. package/dist/types/components/input-code/input-code.d.ts +2 -0
  140. package/dist/types/components/input-date/input-date.d.ts +2 -0
  141. package/dist/types/components/input-password/input-password.d.ts +2 -0
  142. package/dist/types/components/input-phone-number/input-phone-number.d.ts +2 -0
  143. package/dist/types/components/pagination/pagination.d.ts +1 -1
  144. package/dist/types/components/radio-group/radio-group.d.ts +1 -0
  145. package/dist/types/components/select/select.d.ts +2 -0
  146. package/dist/types/components/tooltip/tooltip.d.ts +1 -0
  147. package/dist/types/components.d.ts +63 -2
  148. package/dist/types/utils/version-checker.d.ts +1 -0
  149. package/dist/web-components/index.esm.js +1 -0
  150. package/dist/web-components/{p-253068b9.entry.js → p-01aefcf0.entry.js} +1 -1
  151. package/dist/web-components/p-05cb55db.entry.js +1 -0
  152. package/dist/web-components/{p-477614c5.entry.js → p-11b22309.entry.js} +1 -1
  153. package/dist/web-components/{p-562051aa.entry.js → p-2d878934.entry.js} +1 -1
  154. package/dist/web-components/p-325dbedf.entry.js +1 -0
  155. package/dist/web-components/{p-10cc9983.entry.js → p-34b9457b.entry.js} +1 -1
  156. package/dist/web-components/{p-e5b943a2.entry.js → p-36abd05a.entry.js} +1 -1
  157. package/dist/web-components/{p-d2447e30.entry.js → p-386d1ef9.entry.js} +1 -1
  158. package/dist/web-components/{p-4de76291.entry.js → p-3d67b77b.entry.js} +1 -1
  159. package/dist/web-components/{p-93435fcd.entry.js → p-4b12fbc0.entry.js} +1 -1
  160. package/dist/web-components/p-52f7b505.entry.js +1 -0
  161. package/dist/web-components/{p-bfc7e6c0.entry.js → p-57ebc474.entry.js} +1 -1
  162. package/dist/web-components/{p-a1086abe.entry.js → p-57edf7f4.entry.js} +1 -1
  163. package/dist/web-components/{p-cc363c3d.entry.js → p-69a24fe2.entry.js} +1 -1
  164. package/dist/web-components/{p-e67b13df.entry.js → p-6d92648c.entry.js} +1 -1
  165. package/dist/web-components/p-75052597.entry.js +1 -0
  166. package/dist/web-components/{p-9de3a1a5.entry.js → p-7b2c5b63.entry.js} +1 -1
  167. package/dist/web-components/p-7bf463ff.entry.js +1 -0
  168. package/dist/web-components/{p-8e125826.entry.js → p-838e43d4.entry.js} +1 -1
  169. package/dist/web-components/p-8c16d038.entry.js +1 -0
  170. package/dist/web-components/{p-075a8dc8.entry.js → p-8f8313de.entry.js} +1 -1
  171. package/dist/web-components/{p-3beacdab.entry.js → p-9026d5a2.entry.js} +1 -1
  172. package/dist/web-components/p-9c31c7c4.entry.js +1 -0
  173. package/dist/web-components/p-9c415b9c.entry.js +1 -0
  174. package/dist/web-components/p-b303b2cc.entry.js +1 -0
  175. package/dist/web-components/p-b8df041d.entry.js +1 -0
  176. package/dist/web-components/p-bc30844f.entry.js +1 -0
  177. package/dist/web-components/{p-bde44ec4.entry.js → p-c4a77a65.entry.js} +1 -1
  178. package/dist/web-components/{p-d0310ed4.entry.js → p-c549addf.entry.js} +1 -1
  179. package/dist/web-components/p-c65df19f.entry.js +1 -0
  180. package/dist/web-components/p-cf3f044d.entry.js +1 -0
  181. package/dist/web-components/p-d9778cfa.entry.js +1 -0
  182. package/dist/web-components/{p-44f87e16.entry.js → p-dbe4ccb8.entry.js} +1 -1
  183. package/dist/web-components/p-ded50850.entry.js +1 -0
  184. package/dist/web-components/{p-02b22f8e.entry.js → p-e5be895b.entry.js} +1 -1
  185. package/dist/web-components/{p-495ba3d2.entry.js → p-e6b34c1e.entry.js} +1 -1
  186. package/dist/web-components/p-ec3c4800.entry.js +1 -0
  187. package/dist/web-components/p-f670fd87.entry.js +1 -0
  188. package/dist/web-components/web-components.esm.js +1 -1
  189. package/package.json +3 -2
  190. package/dist/web-components/p-3b8c8951.entry.js +0 -1
  191. package/dist/web-components/p-4214867d.entry.js +0 -1
  192. package/dist/web-components/p-42c857e9.entry.js +0 -1
  193. package/dist/web-components/p-5b850e0f.entry.js +0 -1
  194. package/dist/web-components/p-6013dfc8.entry.js +0 -1
  195. package/dist/web-components/p-62e7ae04.entry.js +0 -1
  196. package/dist/web-components/p-71519d37.entry.js +0 -1
  197. package/dist/web-components/p-88f7b47f.entry.js +0 -1
  198. package/dist/web-components/p-8975a6a3.entry.js +0 -1
  199. package/dist/web-components/p-91cc0bde.entry.js +0 -1
  200. package/dist/web-components/p-947969d7.entry.js +0 -1
  201. package/dist/web-components/p-bbba6d79.entry.js +0 -1
  202. package/dist/web-components/p-c1030394.entry.js +0 -1
  203. package/dist/web-components/p-caf8f067.entry.js +0 -1
  204. package/dist/web-components/p-cf4ff357.entry.js +0 -1
  205. package/dist/web-components/p-dc9cca06.entry.js +0 -1
  206. package/dist/web-components/p-efec231a.entry.js +0 -1
@@ -1 +1 @@
1
- import{r,h as e,H as t,g as a}from"./p-CTxpqopm.js";const i=class{constructor(e){r(this,e)}get iconName(){if(this.icon)return this.icon;const r={error:"circled-exclamation-mark",warning:"circled-cross",success:"circled-check"};return this.variant in r?r[this.variant]:null}get hasIconSlot(){return!!this.host.querySelector('[slot="icon"]')}get hasIcon(){return this.hasIconSlot||null!==this.iconName}render(){return e(t,{key:"1cbe08b7b3b01fc7d870416a1b14e3b1b8525797"},e("div",{key:"17494f3ae8bdf394858e2f9337e54bd844a467d0",class:"r-hint"},this.hasIcon&&e("div",{key:"ed406c6ae45ea4c25e6735752ced3a988c2f2274",class:"r-hint--icon"},e("slot",{key:"9e93b83d3f9e71f722ffdb813d46b667eec556a5",name:"icon"},this.iconName&&e("r-icon",{key:"841c3e53381a21e1341191eb7a0b32fdd696c47f",name:this.iconName,size:"s"}))),e("div",{key:"946d0813297923053452519b9871cd9a0d04679f",class:"r-hint--text"},e("slot",{key:"f7343fcc6a4cbe9f5584f8d94feff33cfd8f2560"}))))}get host(){return a(this)}};i.style=":host{--r-hint--text--flex:1}:host([variant=information]){--r-hint--color:var(--r-text-soft, #686868)}:host([variant=success]),:host([success]){--r-hint--color:var(--r-status-success-regular, #298535)}:host([variant=warning]),:host([warning]){--r-hint--color:var(--r-status-warning-strong, #89411a)}:host([variant=error]),:host([invalid]){--r-hint--color:var(--r-status-error-regular, #b00c15)}:host([icon-position=end]){--r-hint--flex-direction:row-reverse}:host{display:block}.r-hint{display:var(--r-hint--display, flex);flex-direction:var(--r-hint--flex-direction, row);gap:var(--r-hint--gap, var(--r-spacing-050, 0.5rem));font-family:var(--r-hint--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-hint--font-size, var(--r-font-size-300, 0.875rem));line-height:var(--r-hint--line-height, var(--r-line-height-m, 1.5));color:var(--r-hint--color, var(--r-text-soft, #686868));font-weight:var(--r-hint--font-weight, var(--r-font-weight-regular, 400));margin-top:var(--r-hint--margin-top, 0);margin-bottom:var(--r-hint--margin-bottom, 0)}.r-hint--icon{display:var(--r-hint--icon--display, flex);align-items:var(--r-hint--icon--align-items, start);min-width:var(--r-hint--icon--min-width, 1rem);margin-top:var(--r-hint--icon--margin-top, 0.15rem)}.r-hint--text{flex:var(--r-hint--text--flex, 1)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";const l=class{constructor(e){r(this,e)}render(){const{fieldIndicator:r}=this;return e(t,{key:"4a8c827bf39bac03424a1caefeb8795871b08276"},e("div",{key:"212ea6fc9e2476361083610c6b8801ea3a4d79e9",class:"r-label"},e("span",{key:"0bf0a1fc635553165fe02937626cba8a44854f3d",class:"r-label--slot"},e("slot",{key:"16165450aeffd754cbcac5640297ab4efe94bf4c"}),r&&e("span",{key:"34e19397cff4fa69839475ece1077c4271d9ceb4",class:"r-label--marker"},r))))}};l.style='@charset "UTF-8";:host([field-indicator]){--r-label--marker--display:inline}.r-label{display:var(--r-label--display, flex);flex-direction:var(--r-label--flex-direction, row);gap:var(--r-label--gap, var(--r-spacing-100, 1rem));cursor:var(--r-label--cursor, default);color:var(--r-label--color, var(--r-text-regular, #282828));margin-bottom:var(--r-label--margin-bottom, 0)}.r-label--slot{flex:var(--r-label--slot--flex, 1);line-height:var(--r-label--line-height, var(--r-line-height-m, 1.5));font-family:var(--r-label--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-label--font-size, var(--r-font-size-regular, 1rem));font-weight:var(--r-label--font-weight, var(--r-font-weight-regular, 400))}.r-label--marker{display:var(--r-label--marker--display, none);color:var(--r-label--marker--color, var(--r-text-soft, #686868));font-size:var(--r-label--marker--font-size, var(--r-font-size-300, 0.875rem));font-style:var(--r-label--marker--font-style, normal);font-weight:var(--r-label--marker--font-weight, var(--r-font-weight-regular, 400));margin-left:var(--r-label--marker--margin-left, var(--r-spacing-075, 0.75rem))}.r-label--marker::before{content:var(--r-label--marker--before--content, "– ")}.r-label--tooltip-icon{color:var(--r-label--tooltip-icon--color, var(--r-text-regular, inherit));display:var(--r-label--tooltip-icon--display, inline-flex);line-height:var(--r-label--tooltip-icon--line-height, 1);align-items:var(--r-label--tooltip-icon--align-items, center);justify-content:var(--r-label--tooltip-icon--justify-content, center)}';export{i as r_hint,l as r_label}
1
+ import{r,h as a,H as e,g as t}from"./p-CTxpqopm.js";const i=class{constructor(a){r(this,a)}get iconName(){if(this.icon)return this.icon;const r={error:"circled-exclamation-mark",warning:"circled-cross",success:"circled-check"};return this.variant in r?r[this.variant]:null}get hasIconSlot(){return!!this.host.querySelector('[slot="icon"]')}get hasIcon(){return this.hasIconSlot||null!==this.iconName}render(){return a(e,{key:"b413c5c8e37c0918ad6d3c8b029d3f9d4df9381c"},a("div",{key:"4de7efeccab67a041140550b01fd971c61c9aabf",class:"r-hint"},this.hasIcon&&a("div",{key:"3e4157da31557769f1aa0ef4576a40b080349f26",class:"r-hint--icon"},a("slot",{key:"160ed96c348de4372afa0937f7c15582f7068437",name:"icon"},this.iconName&&a("r-icon",{key:"232afba86ec9215fedd795768c918e58878defb6",name:this.iconName,size:"s"}))),a("div",{key:"f828794b26cbd73587394fd6d8b271952470a5e6",class:"r-hint--text"},a("slot",{key:"948cdaca6c2b93b45e26333126193cb34874b303"}))))}get host(){return t(this)}};i.style=":host{--r-hint--text--flex:1}:host([variant=information]){--r-hint--color:var(--r-text-soft, #686868)}:host([variant=success]),:host([success]){--r-hint--color:var(--r-status-success-regular, #298535)}:host([variant=warning]),:host([warning]){--r-hint--color:var(--r-status-warning-strong, #89411a)}:host([variant=error]),:host([invalid]){--r-hint--color:var(--r-status-error-regular, #b00c15)}:host([icon-position=end]){--r-hint--flex-direction:row-reverse}:host{display:block}.r-hint{display:var(--r-hint--display, flex);flex-direction:var(--r-hint--flex-direction, row);gap:var(--r-hint--gap, var(--r-spacing-050, 0.5rem));font-family:var(--r-hint--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-hint--font-size, var(--r-font-size-300, 0.875rem));line-height:var(--r-hint--line-height, var(--r-line-height-m, 1.5));color:var(--r-hint--color, var(--r-text-soft, #686868));font-weight:var(--r-hint--font-weight, var(--r-font-weight-regular, 400));margin-top:var(--r-hint--margin-top, 0);margin-bottom:var(--r-hint--margin-bottom, 0)}.r-hint--icon{display:var(--r-hint--icon--display, flex);align-items:var(--r-hint--icon--align-items, start);min-width:var(--r-hint--icon--min-width, 1rem);margin-top:var(--r-hint--icon--margin-top, 0.15rem)}.r-hint--text{flex:var(--r-hint--text--flex, 1)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";const l=class{constructor(a){r(this,a)}render(){const{fieldIndicator:r}=this;return a(e,{key:"41d52212a7098aa6ade47a1c102aff67548d2e63"},a("div",{key:"af64253a7cbdc37ea5e96fbc8d360a32944c001c",class:"r-label"},a("span",{key:"fa82843b9c0546f2cfd48ef53cd335a48fef4082",class:"r-label--slot"},a("slot",{key:"f430fb90c898f4d8695b9e9acba637de74faf49f"}),r&&a("span",{key:"1e68a5cb6bb792553370048b96371a1af8a0a3ad",class:"r-label--marker"},r))))}};l.style='@charset "UTF-8";:host([field-indicator]){--r-label--marker--display:inline}.r-label{display:var(--r-label--display, flex);flex-direction:var(--r-label--flex-direction, row);gap:var(--r-label--gap, var(--r-spacing-100, 1rem));cursor:var(--r-label--cursor, default);color:var(--r-label--color, var(--r-text-regular, #282828));margin-bottom:var(--r-label--margin-bottom, 0)}.r-label--slot{flex:var(--r-label--slot--flex, 1);line-height:var(--r-label--line-height, var(--r-line-height-m, 1.5));font-family:var(--r-label--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-label--font-size, var(--r-font-size-regular, 1rem));font-weight:var(--r-label--font-weight, var(--r-font-weight-regular, 400))}.r-label--marker{display:var(--r-label--marker--display, none);color:var(--r-label--marker--color, var(--r-text-soft, #686868));font-size:var(--r-label--marker--font-size, var(--r-font-size-300, 0.875rem));font-style:var(--r-label--marker--font-style, normal);font-weight:var(--r-label--marker--font-weight, var(--r-font-weight-regular, 400));margin-left:var(--r-label--marker--margin-left, var(--r-spacing-075, 0.75rem))}.r-label--marker::before{content:var(--r-label--marker--before--content, "– ")}.r-label--tooltip-icon{color:var(--r-label--tooltip-icon--color, var(--r-text-regular, inherit));display:var(--r-label--tooltip-icon--display, inline-flex);line-height:var(--r-label--tooltip-icon--line-height, 1);align-items:var(--r-label--tooltip-icon--align-items, center);justify-content:var(--r-label--tooltip-icon--justify-content, center)}';export{i as r_hint,l as r_label}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as r,g as a}from"./p-CTxpqopm.js";const o=class{constructor(e){t(this,e)}render(){return e(r,{key:"12da195c66d902eba41e84b1ccaf3efbabbac144",slot:"title"},e("div",{key:"84fc3a3e1d0b9b641a7fb859d03e904b5009cb44",class:"r-radio-button-title",style:{display:"contents"}},e("slot",{key:"6562965e5dfa79f4b9f80f22b4293e8ea600e4b2"})))}get host(){return a(this)}};o.style=":host{font-weight:var(--r-font-weight-semibold, 600);font-size:var(--r-font-size-400, 1rem);line-height:var(--r-line-height-m, 1.5);color:var(--r-text-regular, #282828);text-align:left;cursor:inherit}";export{o as r_radio_button_title}
@@ -1 +1 @@
1
- import{r as t,c as r,h as e,H as i,g as a}from"./p-CTxpqopm.js";const o=class{constructor(e){t(this,e),this.rClickAlertTrailingIcon=r(this,"rClickAlertTrailingIcon"),this.status="info",this.announced=!0,this.leadingIconSize="m",this.leadingIconVisible=!0,this.trailingIcon="cross",this.trailingIconSize="m",this.target="_self",this.dismissButtonAriaLabel="Dismiss alert",this.isElContent=t=>{const r=this.host.querySelector(t);return null!==r&&(null==r?void 0:r.textContent.trim().length)>0},this.collapseAlert=()=>{this.host.setAttribute("aria-hidden","true")},this.startCollapseTimer=()=>{this.delayTimer=setTimeout((()=>{this.collapseAlert(),clearTimeout(this.delayTimer)}),1e3*this.delay)},this.handleTrailingButtonClick=()=>{this.rClickAlertTrailingIcon.emit(),this.collapseAlert()}}get isLeadingSlot(){return this.isElContent('[slot="leading"]')}get isLeading(){return this.leadingIconVisible||this.isLeadingSlot}get isTrailingIcon(){var t,r;return(null===(t=this.trailingIcon)||void 0===t?void 0:t.length)>0||(null===(r=this.trailingIconSrc)||void 0===r?void 0:r.length)>0}get isTrailingSlot(){return this.isElContent('[slot="trailing"]')}get isTrailing(){return this.isTrailingIcon||this.isTrailingSlot}get isHeadline(){var t;return(null===(t=this.headline)||void 0===t?void 0:t.length)>0}get isContent(){var t;return(null===(t=this.content)||void 0===t?void 0:t.length)>0}get isLink(){var t,r;return(null===(t=this.href)||void 0===t?void 0:t.length)>0&&(null===(r=this.linkText)||void 0===r?void 0:r.length)>0}get isSlot(){return this.host.textContent.trim().length>0}get isMain(){return this.isHeadline||this.isContent||this.isLink||this.isSlot}get isDelay(){return this.delay&&this.delay>=0}get headlineSlotContent(){var t;const r=this.host.querySelector('[slot="headline"]');return null===(t=null==r?void 0:r.textContent)||void 0===t?void 0:t.trim()}get hasHeadlineContent(){return!!this.headlineSlotContent||!!this.headline}get statusBasedLeadingIconName(){if(this.leadingIcon)return this.leadingIcon;switch(this.status){case"info":default:return"circled-information-i";case"warning":return"circled-exclamation-mark";case"error":return"triangle-with-exclamation-mark"}}componentDidLoad(){this.isDelay&&this.startCollapseTimer()}render(){const t={name:this.statusBasedLeadingIconName,src:this.leadingIconSrc,size:this.leadingIconSize},r={name:this.trailingIcon,src:this.trailingIconSrc,size:this.trailingIconSize};return e(i,Object.assign({key:"c15688c07ce4e954025a36400b922735b347e95f"},this.announced?{role:"alert","aria-live":"info"===this.status?"polite":"assertive"}:{role:"region","aria-label":this.headlineSlotContent||this.headline||null}),e("div",{key:"26babb75b7e859b21e59345c601d385662908d1d",class:"r-alert","data-has-headline":`${this.hasHeadlineContent}`},this.isLeading&&e("div",{key:"694567d018738c0e8a3eca4a084b38bfd7e81c91",class:"r-alert--leading"},e("slot",{key:"cfc91101ce17b01b76a4d860012e91a06e536d75",name:"leading"},this.leadingIconVisible&&e("r-icon",Object.assign({key:"bbbeaa680cd6e44e22d955896b7b20b37fdbbd7b"},t)))),this.isMain?e("div",{class:"r-alert--main"},e("slot",{name:"headline"},this.isHeadline&&e("h3",{class:"r-alert--headline"},this.headline)),e("slot",{name:"content"},this.isContent&&e("div",{class:"r-alert--content"},this.content)),e("slot",{name:"link"},this.isLink&&e("r-button",{class:"r-alert--link",variant:"text-inline",size:"small",href:this.href,target:this.target},this.linkText)),e("slot",null)):e("slot",null),this.isTrailing&&e("div",{key:"d75e4568127a9c493b998cb8b0b475c3009d007a",class:"r-alert--trailing"},e("slot",{key:"a8d14fb3e1b275e750505ca25124b61503addf1e",name:"trailing"},this.isTrailingIcon&&e("r-icon-button",{key:"2d259fdda1b57874d6e1430893798bdfe047d60a",name:this.trailingIconSrc?null:this.trailingIcon,onClick:this.handleTrailingButtonClick,label:this.dismissButtonAriaLabel},this.trailingIconSrc&&e("r-icon",Object.assign({key:"4e3ba02d4a2926c2f76000a685476cafad783d23"},r)))))))}get host(){return a(this)}};o.style=":host([status=info]){--color:var(--r-status-info-soft, #f8fafb);--background-color:var(--r-status-info-regular, #3e5c73)}:host([status=warning]){--color:var(--r-text-warning, #000000);--r-alert--leading-icon--color:var(--r-icon-warning, #000000);--background-color:var(--r-status-warning-regular, #ff7429)}:host([status=error]){--color:var(--r-status-error-soft, #fef6f6);--background-color:var(--r-status-error-regular, #b00c15)}:host([status=error]) r-icon-button:hover,:host([status=info]) r-icon-button:hover{--r-icon-button--background-color:var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04))}:host([status=error]) r-icon-button:active,:host([status=info]) r-icon-button:active{--r-icon-button--background-color:var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12))}:host([status=error]) .r-alert--link:hover,:host([status=error]) ::slotted(r-button:hover:not([disabled]):not([disabled=true])),:host([status=info]) .r-alert--link:hover,:host([status=info]) ::slotted(r-button:hover:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04))}:host([status=error]) .r-alert--link:active,:host([status=error]) ::slotted(r-button:active:not([disabled]):not([disabled=true])),:host([status=info]) .r-alert--link:active,:host([status=info]) ::slotted(r-button:active:not([disabled]):not([disabled=true])){--r-button--background-color--active:var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12))}:host([aria-hidden=true]){--transition:all 0.5s;--opacity:0;--display:none}:host{display:var(--display, block);color:var(--color, var(--r-status-info-soft, #f8fafb));background-color:var(--background-color, var(--r-status-info-regular, #3e5c73));position:var(--position, relative);width:var(--width, 100%);left:var(--left, 0);transition:var(--transition, none);transition-behavior:var(--transition-behavior, allow-discrete);visibility:var(--visibility, visible);opacity:var(--opacity, 1);z-index:var(--z-index, unset);font-family:var(--font-family, var(--r-font-family-text, system-ui));font-size:var(--font-size, var(--r-font-size-400, 1rem));font-weight:var(--font-weight, var(--r-font-weight-regular, 400))}@media (prefers-reduced-motion){:host{transition:none}}.r-alert{display:var(--r-alert--display, grid);grid-template-columns:var(--r-alert--grid-template-columns, auto 1fr auto);align-items:var(--r-alert--align-items, start);gap:var(--r-alert--gap, var(--r-spacing-100, 1rem));padding:var(--r-alert--padding, 16px);box-sizing:var(--r-alert--box-sizing, border-box)}.r-alert[data-has-headline=false]{--r-alert--align-items:center}.r-alert:empty{--r-alert--display:none}.r-alert--main{display:var(--r-alert--main--display, flex);flex-flow:var(--r-alert--main--flex-flow, column);gap:var(--r-alert--main--gap, var(--r-spacing-050))}.r-alert--headline{color:var(--r-alert--headline--color, var(--color));font-size:var(--r-alert--headline--font-size, var(--r-font-size-400, 1rem));font-weight:var(--r-alert--headline--font-weight, var(--r-font-weight-semibold, 600));line-height:var(--r-alert--headline--line-height, var(--r-line-height-m, 1.5));margin:var(--r-alert--headline--margin, 0)}.r-alert--leading{color:var(--r-alert--leading-icon--color, var(--color))}.r-alert--trailing r-icon-button{--r-button--padding:0;--r-button--color:var(--color)}.r-alert--content{margin-top:var(--r-alert--content--margin-top, 0)}.r-alert--link,.r-alert ::slotted(r-button){--r-button--background-color:transparent;--r-button--border-width:0;--r-button--color:var(--r-alert--link--color, var(--color));--r-button--padding:10px 2px 18px 2px;--r-button--slot--text-decoration:underline;--r-button--slot--text-underline-offset:9px}.r-alert--link:hover,.r-alert ::slotted(r-button:hover:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-hovered)}.r-alert--link:active,.r-alert ::slotted(r-button:active:not([disabled]):not([disabled=true])){--r-button--color--active:var(--r-alert--link--color, var(--color));--r-button--background-color--active:var(--r-background-interactive-pressed)}";export{o as r_alert}
1
+ import{r as t,c as r,h as e,H as i,g as a}from"./p-CTxpqopm.js";const o=class{constructor(e){t(this,e),this.rClickAlertTrailingIcon=r(this,"rClickAlertTrailingIcon"),this.status="info",this.announced=!0,this.leadingIconSize="m",this.leadingIconVisible=!0,this.trailingIcon="cross",this.trailingIconSize="m",this.target="_self",this.dismissButtonAriaLabel="Dismiss alert",this.isElContent=t=>{const r=this.host.querySelector(t);return null!==r&&(null==r?void 0:r.textContent.trim().length)>0},this.collapseAlert=()=>{this.host.setAttribute("aria-hidden","true")},this.startCollapseTimer=()=>{this.delayTimer=setTimeout((()=>{this.collapseAlert(),clearTimeout(this.delayTimer)}),1e3*this.delay)},this.handleTrailingButtonClick=()=>{this.rClickAlertTrailingIcon.emit(),this.collapseAlert()}}get isLeadingSlot(){return this.isElContent('[slot="leading"]')}get isLeading(){return this.leadingIconVisible||this.isLeadingSlot}get isTrailingIcon(){var t,r;return(null===(t=this.trailingIcon)||void 0===t?void 0:t.length)>0||(null===(r=this.trailingIconSrc)||void 0===r?void 0:r.length)>0}get isTrailingSlot(){return this.isElContent('[slot="trailing"]')}get isTrailing(){return this.isTrailingIcon||this.isTrailingSlot}get isHeadline(){var t;return(null===(t=this.headline)||void 0===t?void 0:t.length)>0}get isContent(){var t;return(null===(t=this.content)||void 0===t?void 0:t.length)>0}get isLink(){var t,r;return(null===(t=this.href)||void 0===t?void 0:t.length)>0&&(null===(r=this.linkText)||void 0===r?void 0:r.length)>0}get isSlot(){return this.host.textContent.trim().length>0}get isMain(){return this.isHeadline||this.isContent||this.isLink||this.isSlot}get isDelay(){return this.delay&&this.delay>=0}get headlineSlotContent(){var t;const r=this.host.querySelector('[slot="headline"]');return null===(t=null==r?void 0:r.textContent)||void 0===t?void 0:t.trim()}get hasHeadlineContent(){return!!this.headlineSlotContent||!!this.headline}get statusBasedLeadingIconName(){if(this.leadingIcon)return this.leadingIcon;switch(this.status){case"info":default:return"circled-information-i";case"warning":return"circled-exclamation-mark";case"error":return"triangle-with-exclamation-mark"}}componentDidLoad(){this.isDelay&&this.startCollapseTimer()}render(){const t={name:this.statusBasedLeadingIconName,src:this.leadingIconSrc,size:this.leadingIconSize},r={name:this.trailingIcon,src:this.trailingIconSrc,size:this.trailingIconSize};return e(i,Object.assign({key:"c15688c07ce4e954025a36400b922735b347e95f"},this.announced?{role:"alert","aria-live":"info"===this.status?"polite":"assertive"}:{role:"region","aria-label":this.headlineSlotContent||this.headline||null}),e("div",{key:"26babb75b7e859b21e59345c601d385662908d1d",class:"r-alert","data-has-headline":`${this.hasHeadlineContent}`},this.isLeading&&e("div",{key:"694567d018738c0e8a3eca4a084b38bfd7e81c91",class:"r-alert--leading"},e("slot",{key:"cfc91101ce17b01b76a4d860012e91a06e536d75",name:"leading"},this.leadingIconVisible&&e("r-icon",Object.assign({key:"bbbeaa680cd6e44e22d955896b7b20b37fdbbd7b"},t)))),this.isMain?e("div",{class:"r-alert--main"},e("slot",{name:"headline"},this.isHeadline&&e("h3",{class:"r-alert--headline"},this.headline)),e("slot",{name:"content"},this.isContent&&e("div",{class:"r-alert--content"},this.content)),e("slot",{name:"link"},this.isLink&&e("r-button",{class:"r-alert--link",variant:"text-inline",size:"small",href:this.href,target:this.target},this.linkText)),e("slot",null)):e("slot",null),this.isTrailing&&e("div",{key:"d75e4568127a9c493b998cb8b0b475c3009d007a",class:"r-alert--trailing"},e("slot",{key:"a8d14fb3e1b275e750505ca25124b61503addf1e",name:"trailing"},this.isTrailingIcon&&e("r-icon-button",{key:"2d259fdda1b57874d6e1430893798bdfe047d60a",name:this.trailingIconSrc?null:this.trailingIcon,onClick:this.handleTrailingButtonClick,label:this.dismissButtonAriaLabel},this.trailingIconSrc&&e("r-icon",Object.assign({key:"4e3ba02d4a2926c2f76000a685476cafad783d23"},r)))))))}get host(){return a(this)}};o.style=":host([status=info]){--color:var(--r-status-info-soft, #f8fafb);--background-color:var(--r-status-info-regular, #3e5c73)}:host([status=warning]){--color:var(--r-text-warning, #000000);--r-alert--leading-icon--color:var(--r-icon-warning, #000000);--background-color:var(--r-status-warning-regular, #ff7429)}:host([status=error]){--color:var(--r-status-error-soft, #fef6f6);--background-color:var(--r-status-error-regular, #b00c15)}:host([status=error]) r-icon-button:hover,:host([status=info]) r-icon-button:hover{--r-icon-button--background-color:var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04))}:host([status=error]) r-icon-button:active,:host([status=info]) r-icon-button:active{--r-icon-button--background-color:var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12))}:host([status=error]) .r-alert--link:hover,:host([status=error]) ::slotted(r-button:hover:not([disabled]):not([disabled=true])),:host([status=info]) .r-alert--link:hover,:host([status=info]) ::slotted(r-button:hover:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04))}:host([status=error]) .r-alert--link:active,:host([status=error]) ::slotted(r-button:active:not([disabled]):not([disabled=true])),:host([status=info]) .r-alert--link:active,:host([status=info]) ::slotted(r-button:active:not([disabled]):not([disabled=true])){--r-button--background-color--active:var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12))}:host([aria-hidden=true]){--transition:all 0.5s;--opacity:0;--display:none}:host{display:var(--display, block);color:var(--color, var(--r-status-info-soft, #f8fafb));background-color:var(--background-color, var(--r-status-info-regular, #3e5c73));position:var(--position, relative);width:var(--width, 100%);left:var(--left, 0);transition:var(--transition, none);transition-behavior:var(--transition-behavior, allow-discrete);visibility:var(--visibility, visible);opacity:var(--opacity, 1);z-index:var(--z-index, unset);font-family:var(--font-family, var(--r-font-family-text, system-ui));font-size:var(--font-size, var(--r-font-size-400, 1rem));font-weight:var(--font-weight, var(--r-font-weight-regular, 400))}@media (prefers-reduced-motion){:host{transition:none}}.r-alert{display:var(--r-alert--display, grid);grid-template-columns:var(--r-alert--grid-template-columns, auto 1fr auto);align-items:var(--r-alert--align-items, start);gap:var(--r-alert--gap, var(--r-spacing-100, 1rem));padding:var(--r-alert--padding, 16px);box-sizing:var(--r-alert--box-sizing, border-box)}.r-alert[data-has-headline=false]{--r-alert--align-items:center}.r-alert:empty{--r-alert--display:none}.r-alert--main{display:var(--r-alert--main--display, flex);flex-flow:var(--r-alert--main--flex-flow, column);gap:var(--r-alert--main--gap, var(--r-spacing-050))}.r-alert--headline{color:var(--r-alert--headline--color, var(--color));font-size:var(--r-alert--headline--font-size, var(--r-font-size-400, 1rem));font-weight:var(--r-alert--headline--font-weight, var(--r-font-weight-semibold, 600));line-height:var(--r-alert--headline--line-height, var(--r-line-height-m, 1.5));margin:var(--r-alert--headline--margin, 0)}.r-alert--leading{color:var(--r-alert--leading-icon--color, var(--color))}.r-alert--trailing r-icon-button{--r-button--padding:0;--r-button--color:var(--color)}.r-alert--content{margin-top:var(--r-alert--content--margin-top, 0);line-height:var(--r-alert--content--line-height, 1.5)}.r-alert--link,.r-alert ::slotted(r-button){--r-button--background-color:transparent;--r-button--border-width:0;--r-button--color:var(--r-alert--link--color, var(--color));--r-button--padding:10px 2px 18px 2px;--r-button--slot--text-decoration:underline;--r-button--slot--text-underline-offset:9px}.r-alert--link:hover,.r-alert ::slotted(r-button:hover:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-hovered)}.r-alert--link:active,.r-alert ::slotted(r-button:active:not([disabled]):not([disabled=true])){--r-button--color--active:var(--r-alert--link--color, var(--color));--r-button--background-color--active:var(--r-background-interactive-pressed)}";export{o as r_alert}
@@ -1 +1 @@
1
- import{r as t,c as i,h as s,H as e,g as a}from"./p-CTxpqopm.js";const r=class{constructor(s){t(this,s),this.rChange=i(this,"rChange"),this.activeTab=null}get tabElements(){var t;return null===(t=this.host.querySelector("r-tabs-list"))||void 0===t?void 0:t.querySelectorAll("r-tab")}get panelElements(){return this.host.querySelectorAll(":scope > r-tab-panel")}get activeTabElement(){return this.activeTab||this.host.querySelector("r-tab[active]")}get hasActiveTabElement(){return null!==this.activeTabElement}get isActiveTabElementDisabled(){var t;return(null===(t=this.activeTabElement)||void 0===t?void 0:t.disabled)||!1}get isStructureCorrect(){var t,i;return Boolean((null===(t=this.tabElements)||void 0===t?void 0:t.length)&&(null===(i=this.panelElements)||void 0===i?void 0:i.length))}get isMissingPanel(){var t,i;return(null===(t=this.panelElements)||void 0===t?void 0:t.length)<(null===(i=this.tabElements)||void 0===i?void 0:i.length)}get isDisabledPanel(){return Boolean(Array.from(this.panelElements).find((t=>t.hasAttribute("disabled"))))}_disableTabIfPanelMissing(){var t;this.isMissingPanel&&(null===(t=this.tabElements)||void 0===t||t.forEach(((t,i)=>{if(!this.panelElements[i])return t.disabled=!0,void t.setAttribute("disabled","true")})))}get tabGroupsAmount(){return document.querySelectorAll("r-tabs").length}markGroupsWithIndex(){document.querySelectorAll("r-tabs").forEach(((t,i)=>{t.setAttribute("data-group",`${i}`)}))}_connectTabsAndPanelsById(){this.markGroupsWithIndex(),this.tabElements.forEach(((t,i)=>{var s,e;const a=this.transliterateToKebabCase(t.textContent),r=`r-tab-${a}`,n=`r-tab-panel-${a}`;return t.setAttribute("id",r),t.setAttribute("panel-id",n),null===(s=this.panelElements[i])||void 0===s||s.setAttribute("tab-id",r),null===(e=this.panelElements[i])||void 0===e||e.setAttribute("id",n),this}))}_disableTabIfPanelDisabled(){this.isDisabledPanel&&this.panelElements.forEach((t=>{t.hasAttribute("disabled")&&Array.from(this.tabElements).find((i=>i.getAttribute("id")===t.getAttribute("tab-id"))).setAttribute("disabled","true")}))}transliterateToKebabCase(t){let i=t.normalize("NFD").replace(/[\u0300-\u036f]/g,"");return i=i.replace(/ß/g,"ss").replace(/æ/g,"ae").replace(/ø/g,"o").replace(/đ/g,"d").replace(/ł/g,"l"),i=i.toLowerCase(),i=i.replace(/[ _]+/g,"-"),i=i.replace(/[^a-z0-9-]/g,""),i=i.replace(/-+/g,"-").replace(/^-+|-+$/g,""),i}get tabIdFromUrl(){return new URL(window.location.href).searchParams.get("tab")||null}get tabsGroupFromUrl(){return new URL(window.location.href).searchParams.get("tabs-group")||"0"}get groupFromData(){return this.host.getAttribute("data-group")}_getTabElFromUrl(){if(!this.navigation)return;if(this.groupFromData!==this.tabsGroupFromUrl)return;return Array.from(this.tabElements).find((t=>t.id===this.tabIdFromUrl))||null}_defineInitiallyActiveTab(){return this.tabIdFromUrl?this._getTabElFromUrl():this.hasActiveTabElement&&!this.isActiveTabElementDisabled?this.activeTabElement:this.host.querySelector("r-tab:not([disabled])")}_selectInitialTabAndPanel(){const t=this._defineInitiallyActiveTab();t&&this._selectTab(t)}_selectTab(t){this.activeTab=t,this.tabElements.forEach((i=>{i.active=i.id===t.id,i.active?i.setAttribute("active",""):i.removeAttribute("active")})),this.panelElements.forEach((i=>{i.active=i.id===t.panelId,i.active?i.setAttribute("active",""):i.removeAttribute("active")})),this.tabIdFromUrl&&this.host.scrollIntoView({behavior:"smooth"})}handlePopState(t){var i,s;if(!this.navigation)return;const e=null===(i=t.state)||void 0===i?void 0:i.tabId,a=(null===(s=t.state)||void 0===s?void 0:s.tabsGroup)===this.host.getAttribute("data-group");if(e||window.location.reload(),!a)return;const r=Array.from(this.tabElements).find((t=>t.id===e));r&&this._selectTab(r)}handleHistory(t){const i=t.getAttribute("id"),s=t.closest("r-tabs").getAttribute("data-group"),e=new URL(window.location.href);e.searchParams.set("tab",i),this.tabGroupsAmount>1&&e.searchParams.set("tabs-group",s),history.pushState({tabId:i,tabsGroup:s},"",e.toString())}_changeFocusTab(t,i){const s=Array.from(this.tabElements).filter((t=>!t.disabled)),e=s.indexOf(t);let a;switch(i){case"ArrowLeft":a=0===e?s[s.length-1]:s[e-1];break;case"ArrowRight":a=e===s.length-1?s[0]:s[e+1];break;case"Home":a=s[0];break;case"End":a=s[s.length-1]}a&&(a.focus(),this.scrollTabIntoView(a))}scrollTabIntoView(t){var i;const s=this.host.querySelector("r-tabs-list");if(!s)return;const e=null===(i=s.shadowRoot)||void 0===i?void 0:i.querySelector(".r-tabs-list--tabs-container");if(!e)return;const a=e.getBoundingClientRect(),r=t.getBoundingClientRect();r.left>=a.left-1&&r.right<=a.right+1||e.scrollBy({left:r.left-a.left-a.width/2+r.width/2,behavior:"smooth"})}tabChangeAction(t){t.stopPropagation();const i=t.target;this._selectTab(i),this.navigation&&this.handleHistory(i),this.rChange.emit({element:i})}componentWillLoad(){this.isStructureCorrect&&(this._disableTabIfPanelMissing(),this._connectTabsAndPanelsById(),this._disableTabIfPanelDisabled(),this._selectInitialTabAndPanel())}connectedCallback(){window.addEventListener("popstate",this.handlePopState.bind(this))}disconnectedCallback(){window.removeEventListener("popstate",this.handlePopState.bind(this))}moveTabFocusAction(t){t.stopPropagation(),this._changeFocusTab(t.target,t.detail.keycode)}render(){return s(e,{key:"0737bf78e596f8fb9d4a2ec10f1503d1072f2683",class:"r-tabs"},s("slot",{key:"5bc87b17930c9ea159ef29335c6b11f0f4c7d43e"}))}get host(){return a(this)}};r.style=":host{display:block;margin-top:var(--r-spacing-150, 1.5rem)}";export{r as r_tabs}
1
+ import{r as t,c as i,h as s,H as e,g as a}from"./p-CTxpqopm.js";const r=class{constructor(s){t(this,s),this.rChange=i(this,"rChange"),this.activeTab=null}get tabElements(){var t;return null===(t=this.host.querySelector("r-tabs-list"))||void 0===t?void 0:t.querySelectorAll("r-tab")}get panelElements(){return this.host.querySelectorAll(":scope > r-tab-panel")}get activeTabElement(){return this.activeTab||this.host.querySelector("r-tab[active]")}get hasActiveTabElement(){return null!==this.activeTabElement}get isActiveTabElementDisabled(){var t;return(null===(t=this.activeTabElement)||void 0===t?void 0:t.disabled)||!1}get isStructureCorrect(){var t,i;return Boolean((null===(t=this.tabElements)||void 0===t?void 0:t.length)&&(null===(i=this.panelElements)||void 0===i?void 0:i.length))}get isMissingPanel(){var t,i;return(null===(t=this.panelElements)||void 0===t?void 0:t.length)<(null===(i=this.tabElements)||void 0===i?void 0:i.length)}get isDisabledPanel(){return Boolean(Array.from(this.panelElements).find((t=>t.hasAttribute("disabled"))))}_disableTabIfPanelMissing(){var t;this.isMissingPanel&&(null===(t=this.tabElements)||void 0===t||t.forEach(((t,i)=>{if(!this.panelElements[i])return t.disabled=!0,void t.setAttribute("disabled","true")})))}get tabGroupsAmount(){return document.querySelectorAll("r-tabs").length}markGroupsWithIndex(){document.querySelectorAll("r-tabs").forEach(((t,i)=>{t.setAttribute("data-group",`${i}`)}))}_connectTabsAndPanelsById(){this.markGroupsWithIndex(),this.tabElements.forEach(((t,i)=>{var s,e;const a=this.transliterateToKebabCase(t.textContent),r=`r-tab-${a}`,n=`r-tab-panel-${a}`;return t.setAttribute("id",r),t.setAttribute("panel-id",n),null===(s=this.panelElements[i])||void 0===s||s.setAttribute("tab-id",r),null===(e=this.panelElements[i])||void 0===e||e.setAttribute("id",n),this}))}_disableTabIfPanelDisabled(){this.isDisabledPanel&&this.panelElements.forEach((t=>{t.hasAttribute("disabled")&&Array.from(this.tabElements).find((i=>i.getAttribute("id")===t.getAttribute("tab-id"))).setAttribute("disabled","true")}))}transliterateToKebabCase(t){let i=t.normalize("NFD").replace(/[\u0300-\u036f]/g,"");return i=i.replace(/ß/g,"ss").replace(/æ/g,"ae").replace(/ø/g,"o").replace(/đ/g,"d").replace(/ł/g,"l"),i=i.toLowerCase(),i=i.replace(/[ _]+/g,"-"),i=i.replace(/[^a-z0-9-]/g,""),i=i.replace(/-+/g,"-").replace(/^-+|-+$/g,""),i}get tabIdFromUrl(){return new URL(window.location.href).searchParams.get("tab")||null}get tabsGroupFromUrl(){return new URL(window.location.href).searchParams.get("tabs-group")||"0"}get groupFromData(){return this.host.getAttribute("data-group")}_getTabElFromUrl(){if(!this.navigation)return;if(this.groupFromData!==this.tabsGroupFromUrl)return;return Array.from(this.tabElements).find((t=>t.id===this.tabIdFromUrl))||null}_defineInitiallyActiveTab(){return this.tabIdFromUrl?this._getTabElFromUrl():this.hasActiveTabElement&&!this.isActiveTabElementDisabled?this.activeTabElement:this.host.querySelector("r-tab:not([disabled])")}_selectInitialTabAndPanel(){const t=this._defineInitiallyActiveTab();t&&this._selectTab(t)}_selectTab(t){this.activeTab=t,this.tabElements.forEach((i=>{i.active=i.id===t.id,i.active?i.setAttribute("active",""):i.removeAttribute("active")})),this.panelElements.forEach((i=>{i.active=i.id===t.panelId,i.active?i.setAttribute("active",""):i.removeAttribute("active")})),this.tabIdFromUrl&&this.host.scrollIntoView({behavior:"smooth"})}handlePopState(t){var i,s;if(!this.navigation)return;const e=null===(i=t.state)||void 0===i?void 0:i.tabId,a=(null===(s=t.state)||void 0===s?void 0:s.tabsGroup)===this.host.getAttribute("data-group");if(e||window.location.reload(),!a)return;const r=Array.from(this.tabElements).find((t=>t.id===e));r&&this._selectTab(r)}handleHistory(t){const i=t.getAttribute("id"),s=t.closest("r-tabs").getAttribute("data-group"),e=new URL(window.location.href);e.searchParams.set("tab",i),this.tabGroupsAmount>1&&e.searchParams.set("tabs-group",s),history.pushState({tabId:i,tabsGroup:s},"",e.toString())}_changeFocusTab(t,i){const s=Array.from(this.tabElements).filter((t=>!t.disabled)),e=s.indexOf(t);let a;switch(i){case"ArrowLeft":a=0===e?s[s.length-1]:s[e-1];break;case"ArrowRight":a=e===s.length-1?s[0]:s[e+1];break;case"Home":a=s[0];break;case"End":a=s[s.length-1]}a&&(a.focus(),this.scrollTabIntoView(a))}scrollTabIntoView(t){var i;const s=this.host.querySelector("r-tabs-list");if(!s)return;const e=null===(i=s.shadowRoot)||void 0===i?void 0:i.querySelector(".r-tabs-list--tabs-container");if(!e)return;const a=e.getBoundingClientRect(),r=t.getBoundingClientRect();r.left>=a.left-1&&r.right<=a.right+1||e.scrollBy({left:r.left-a.left-a.width/2+r.width/2,behavior:"smooth"})}tabChangeAction(t){t.stopPropagation();const i=t.target;this._selectTab(i),this.navigation&&this.handleHistory(i),this.rChange.emit({element:i})}componentWillLoad(){this.isStructureCorrect&&(this._disableTabIfPanelMissing(),this._connectTabsAndPanelsById(),this._disableTabIfPanelDisabled(),this._selectInitialTabAndPanel())}connectedCallback(){window.addEventListener("popstate",this.handlePopState.bind(this))}disconnectedCallback(){window.removeEventListener("popstate",this.handlePopState.bind(this))}moveTabFocusAction(t){t.stopPropagation(),this._changeFocusTab(t.target,t.detail.keycode)}render(){return s(e,{key:"a1ff15e7b90774486932acd7035839fc8794e10b",class:"r-tabs"},s("slot",{key:"4d8a00d7344c8cbc69896b43da740009fa54cab9"}))}get host(){return a(this)}};r.style=":host{display:block;margin-top:var(--r-spacing-150, 1.5rem)}";export{r as r_tabs}
@@ -1 +1 @@
1
- import{r,c as o,h as t,H as e,g as a}from"./p-CTxpqopm.js";const i=class{constructor(t){r(this,t),this.popoverOpenChange=o(this,"popoverOpenChange"),this.hidePopover=o(this,"hidePopover"),this.showPopover=o(this,"showPopover"),this.focusPopover=o(this,"focusPopover"),this.dismissMode="auto",this.triggerAction="toggle",this.vertical="bottom",this.horizontal="center",this.isOpen=!1,this._focusOnElement=r=>{var o,t;if(r){if("function"!=typeof r.setFocus)return null===(t=null==r?void 0:r.focus)||void 0===t||t.call(r),this.focusPopover.emit(),this;null===(o=null==r?void 0:r.setFocus)||void 0===o||o.call(r)}},this.uniqueId=`r-popover-${Date.now().toString(16)}${Math.random().toString(32)}`.replace(/\./g,""),this.onToggle=r=>{if("open"===r.newState)return this.isOpen=!0,requestAnimationFrame((()=>{this.renderPosition(),this.setFocus()})),this;this.isOpen=!1,requestAnimationFrame((()=>{this.setBlur();const r=this.getInteractiveElement(this.activeElement||this.triggerElement);null==r||r.focus()}))},this.onClickDismiss=()=>{this.hide()},this.updateTriggerAttributes=()=>{const r=this.getInteractiveElement(this.activeElement);null==r||r.setAttribute("aria-expanded",`${this.isOpen}`)},this.onKeyDown=async r=>{if("Tab"===r.key){r.preventDefault();const o=r.target,t=await this._getFocusable(),e=t.indexOf(o);this._focusOnElement(r.shiftKey?e?t[e-1]:t[t.length-1]:e<t.length-1?t[e+1]:t[0])}}}async show(){this.isOpen=!0}async hide(){this.isOpen=!1}async toggle(){this.isOpen?this.hide():this.show()}async setFocus(){if(!this.isOpen)return this;const r=await this._getFocusable();return this._focusOnElement(r[0]),this}async _getFocusable(){const{dismissElement:r}=this,o=this.host.querySelector("r-popover-content"),t=this.host.querySelector("r-popover-action");return[r,...await o.getActiveElements(),...await t.getActiveElements()].filter((r=>void 0!==r))}async setBlur(){if(!this.isOpen)return this;const{dismissElement:r}=this,o=this.host.querySelector("r-popover-content"),t=this.host.querySelector("r-popover-action"),e=this.host.querySelector("r-popover-trigger");return null==r||r.setBlur(),null==o||o.setBlur(),null==t||t.setBlur(),null==e||e.setBlur(),this.host.blur(),this}handleOpenChange(){this.open?this.show():this.hide()}watchOpen(){var r,o,t,e,a,i,p,n,v,s;this.isOpen?(null===(o=null===(r=this.boardElement)||void 0===r?void 0:r.showPopover)||void 0===o||o.call(r),null===(e=null===(t=this.showPopover)||void 0===t?void 0:t.emit)||void 0===e||e.call(t)):(null===(i=null===(a=this.boardElement)||void 0===a?void 0:a.hidePopover)||void 0===i||i.call(a),null===(n=null===(p=this.hidePopover)||void 0===p?void 0:p.emit)||void 0===n||n.call(p)),null===(s=null===(v=this.popoverOpenChange)||void 0===v?void 0:v.emit)||void 0===s||s.call(v),this.updateTriggerAttributes()}handlePreferredPositionChange(){this.renderPosition()}onKeyup(r){if(!this.isOpen)return this;"Escape"===r.key&&this.hide()}onResize(){this.isOpen&&this.renderPosition()}onScroll(){this.isOpen&&this.renderPosition()}get hasDismiss(){return"manual"===this.dismissMode}get triggerRect(){var r;return null===(r=this.triggerElement)||void 0===r?void 0:r.getBoundingClientRect()}get boardRect(){var r;return null===(r=this.boardElement)||void 0===r?void 0:r.getBoundingClientRect()}get activeElement(){var r;return null===(r=this.host.querySelector("r-popover-trigger"))||void 0===r?void 0:r.querySelector('r-button, r-icon-button, a, button, [tabindex]:not([tabindex="-1"])')}get headlineSlotContent(){var r;const o=this.host.querySelector('[slot="headline"]');return null===(r=null==o?void 0:o.textContent)||void 0===r?void 0:r.trim()}getInteractiveElement(r){if(!r)return null;if("R-BUTTON"===r.tagName||"R-ICON-BUTTON"===r.tagName){const o=r.shadowRoot;if(o)return o.querySelector("button, a")}return r}renderPosition(){if(!this.triggerRect)return this;const{triggerRect:r,boardRect:o,vertical:t,horizontal:e}=this,a=window.innerWidth,i=window.innerHeight;if(r.bottom<0||r.right<0||r.top>i||r.left>a)return this.hide(),this;this.host.setAttribute("style",`\n --r-popover--trigger--width: ${r.width}px;\n --r-popover--trigger--height: ${r.height}px;\n --r-popover--trigger--left: ${r.left}px;\n --r-popover--trigger--top: ${r.top}px;\n `);const p=r.top,n=a-r.right,v=i-r.bottom,s=r.left,h=r=>getComputedStyle(this.host).getPropertyValue(r),d=r=>r.includes("rem")?parseFloat(r)*parseFloat(getComputedStyle(document.documentElement).fontSize):parseFloat(r),l=d(h("--board--shift"))||0,c=d(h("--pointer--height"))||0,g=o.height+c;let b=o.width-r.width-l;const f=r=>Object.values(r).filter(Boolean).length>0,u=r=>Object.keys(r).find((o=>r[o])),m={vertical:{},horizontal:{}};m.vertical={top:p>=g,bottom:v>=g,middle:v>(o.height-r.height-c)/2&&p>(o.height-r.height)/2},!m.vertical.middle&&f(m.vertical)||(b=o.width+l),m.horizontal={left:s>=b,right:n>o.width-r.width-l,center:s>o.width/2&&n>o.width/2};let w="cover";m.vertical[t]?w=t:f(m.vertical)&&(w=u(m.vertical));let x="cover";if(m.horizontal[e]?x=e:f(m.horizontal)&&(x=u(m.horizontal)),"cover"===w){const r=this.triggerRect.top+this.triggerRect.height;if(r>this.boardRect.height){const o=r-this.boardRect.height;this.host.style.setProperty("--r-popover--board--top",`${o}px`),this.host.style.setProperty("--r-popover--pointer--top",this.triggerRect.top+this.triggerRect.height/2-c/2-o+"px")}}return this.host.setAttribute("data-vertical",w),this.host.setAttribute("data-horizontal",x),this}setTriggerInitialAttributes(){const r=this.getInteractiveElement(this.activeElement);null==r||r.setAttribute("aria-haspopup","dialog"),null==r||r.setAttribute("aria-expanded",`${this.isOpen}`)}componentDidLoad(){var r;this.open?this.show():this.hide(),this.setTriggerInitialAttributes(),null===(r=this.activeElement)||void 0===r||r.addEventListener("click",(()=>{this.toggle()}))}render(){return t(e,{key:"f836d35a44519d273dc399d0ae6142f17e78888e",id:this.uniqueId,"data-position":this.positionState,"data-open":`${this.isOpen}`,open:this.isOpen},t("div",{key:"88146350c8695487a18028a20bf1313052b35870",class:"r-popover"},t(this.activeElement?"div":"button",{key:"de1a53f1f921acc223ebd0276b46e43832e5a82f",class:"r-popover--trigger","aria-label":this.activeElement?null:this.triggerAriaLabel,ref:r=>this.triggerElement=r,"aria-haspopup":"dialog",popoverTarget:this.activeElement?null:`${this.uniqueId}-board`,popoverTargetAction:this.activeElement?null:this.triggerAction},t("slot",{key:"2946f68024273f6b7bbb250faca7794eb712cc58",name:"trigger"})),t("div",{key:"cf44066fb1ec34178d73b812f5bcca3b1977575d",class:"r-popover--board",id:`${this.uniqueId}-board`,role:"dialog","aria-label":this.headlineSlotContent,popover:this.dismissMode,ref:r=>this.boardElement=r,onToggle:this.onToggle,onKeyDown:this.onKeyDown},this.hasDismiss&&t("r-icon-button",{key:"41e3e2bef98b88328984233271e7378a767eaf76",ref:r=>this.dismissElement=r,class:"r-popover--dismiss",name:"cross",onClick:this.onClickDismiss,label:this.dismissAriaLabel}),t("div",{key:"9d47e8f5e2cb4d27118b64cfcf3eb83dd7d84ff0",class:"r-popover--board-content"},t("slot",{key:"68f384a418a32a14b01adb7e3d407e4e46f8ca95",name:"headline"}),t("slot",{key:"3536f9f3aa738919115c1ad017cd0f66438fb044",name:"content"}),t("slot",{key:"4ecbf5d23cb23f9adaade04f3694a6d17f773365",name:"action"})),t("div",{key:"1c3acee058d689e106b9fca008d77229d52b2aea",class:"r-popover--board-pointer","aria-hidden":"true"},t("svg",{key:"bb211b28714acc84753bbaaafee1ab1624d51b6c",width:"16",height:"8",viewBox:"0 0 16 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"0ad29cb4ef8d2d7f62738af3b1749c5b5e007d87",d:"M8 8L0 0L16 0L8 8Z",fill:"currentColor"}))))))}get host(){return a(this)}static get watchers(){return{open:["handleOpenChange"],isOpen:["watchOpen"],horizontal:["handlePreferredPositionChange"],vertical:["handlePreferredPositionChange"]}}};i.style=":host{position:relative;overflow:visible;font-family:var(--r-font-family-text, system-ui);font-weight:var(--r-font-weight-regular, 400);font-size:var(--r-font-size-400, 1rem);text-align:left}:host slot{display:contents}:host{--board--shift:1rem;--board--min-width:304px;--board--max-width:504px;--board--max-height:320px;--pointer--width:1rem;--pointer--height:0.5rem;--pointer--spacer:0.25rem}:host([data-open=true]){--r-popover--pointer--display:block;--r-popover--board--visibility:visible;--r-popover--board--left:var(--r-popover--trigger--left);--r-popover--board--top:var(--r-popover--trigger--top)}:host([data-open=true]) ::slotted([slot=trigger]){--r-popover--trigger--display:none}:host([data-vertical=top]){--r-popover--pointer--top:100%;--r-popover--pointer--transform:rotate(0deg) translate(0,-1px)}:host([data-vertical=bottom]){--r-popover--pointer--bottom:100%;--r-popover--pointer--transform:rotate(180deg)}:host([data-vertical=middle]){--r-popover--pointer--top:calc(50% - var(--pointer--height)/2);--r-popover--pointer--bottom:auto}:host([data-horizontal=left]){--r-popover--board--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0) + var(--board--shift));--r-popover--pointer--left:calc(100% - var(--r-popover--trigger--width, 0)/2 - var(--board--shift) - var(--pointer--width)/2)}:host([data-horizontal=right]){--r-popover--pointer--left:calc(var(--r-popover--trigger--width, 0)/2 + var(--pointer--width)/2)}:host([data-horizontal=center]){--r-popover--pointer--left:calc(50% - var(--pointer--width)/2)}:host([data-vertical=top][data-horizontal=left]){--r-popover--board--transform:translate(-100%, calc(-100% - var(--pointer--spacer) - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=top][data-horizontal=right]){--r-popover--board--transform:translate(calc(0px - var(--board--shift)), calc(-100% - var(--pointer--spacer) - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=top][data-horizontal=center]){--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), calc(-100% - var(--pointer--spacer) - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=top][data-horizontal=cover]){--r-popover--pointer--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0)/2 - var(--r-popover--pointer--width, var(--pointer--width))/2);--r-popover--board--left:0;--r-popover--board--transform:translate(0, calc(-100% - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=middle][data-horizontal=left]){--r-popover--board--left:var(--r-popover--trigger--left, 0);--r-popover--board--transform:translate(calc(-100% - var(--pointer--height) - var(--pointer--spacer)), calc(-50% + var(--r-popover--trigger--height, 0)/2));--r-popover--pointer--left:100%;--r-popover--pointer--right:auto;--r-popover--pointer--transform:rotate(-90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=middle][data-horizontal=right]){--r-popover--board--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0) + var(--pointer--height) + var(--pointer--spacer));--r-popover--board--transform:translate(0, calc(-50% + var(--r-popover--trigger--height, 0)/2));--r-popover--pointer--top:calc(50% - var(--pointer--height)/2);--r-popover--pointer--left:auto;--r-popover--pointer--right:100%;--r-popover--pointer--transform:rotate(90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=middle][data-horizontal=center]){--r-popover--pointer--display:none;--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), calc(-50% + var(--r-popover--trigger--height, 0)/2))}:host([data-vertical=middle][data-horizontal=cover]){--r-popover--pointer--display:none;--r-popover--board--left:0;--r-popover--board--transform:translate(0, calc(-50% + var(--r-popover--trigger--height, 0)/2))}:host([data-vertical=bottom][data-horizontal=left]){--r-popover--board--transform:translate(-100%, calc(var(--r-popover--trigger--height, 0) + var(--pointer--spacer) + var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=bottom][data-horizontal=right]){--r-popover--board--transform:translate(calc(0px - var(--board--shift)), calc(var(--r-popover--trigger--height, 0) + var(--r-popover--pointer--height, var(--pointer--height)) + var(--pointer--spacer)))}:host([data-vertical=bottom][data-horizontal=center]){--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), calc(var(--r-popover--trigger--height, 0) + var(--pointer--spacer) + var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=bottom][data-horizontal=cover]){--r-popover--pointer--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0)/2 - var(--r-popover--pointer--width, var(--pointer--width))/2);--r-popover--board--left:0;--r-popover--board--transform:translate(0, calc(var(--r-popover--trigger--height, 0) + var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=cover]){--r-popover--board--top:0;--r-popover--board--height:100%;--r-popover--board-content--height:100%;--r-popover--pointer--top:calc(var(--r-popover--trigger--top, 0) + var(--r-popover--trigger--height)/2 - var(--pointer--height)/2);--r-popover--pointer--bottom:auto}:host([data-vertical=cover][data-content-has-scroll=false]){--r-popover--board--top:var(--r-popover--trigger--top, 0)}:host([data-vertical=cover][data-horizontal=left]){--r-popover--board--left:var(--r-popover--trigger--left, 0);--r-popover--board--transform:translate(calc(-100% - var(--pointer--spacer) - var(--pointer--height)), 0);--r-popover--pointer--left:100%;--r-popover--pointer--right:auto;--r-popover--pointer--transform:rotate(-90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=cover][data-horizontal=right]){--r-popover--board--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0) + var(--pointer--width));--r-popover--pointer--left:auto;--r-popover--pointer--right:100%;--r-popover--pointer--transform:rotate(90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=cover][data-horizontal=center]),:host([data-vertical=cover][data-horizontal=cover]){--r-popover--pointer--display:none;--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), 0)}:host([data-vertical=cover][data-horizontal=cover]){--r-popover--pointer--display:none;--r-popover--board--transform:none;--r-popover--board--height:100%;--r-popover--board--width:100%;--r-popover--board--left:0}:host([data-fixed-top=true]){--r-popover--board-container--height:var(--r-popover--trigger--top, var(--board--max-height))}:host([dismiss-mode=manual]){--r-popover--board-content--padding:1.5rem 3.5rem 1.5rem 1.5rem}.r-popover{position:var(--r-popover--position, relative);display:var(--r-popover--display, inline-flex)}.r-popover--dismiss{position:var(--r-popover--dismiss--position, absolute);top:var(--r-popover--dismiss--top, 20px);right:var(--r-popover--dismiss--right, 20px);color:var(--r-text-inverse)}.r-popover--dismiss:hover{--r-icon-button--background-color:var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04))}.r-popover--dismiss:active{--r-icon-button--background-color:var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12))}.r-popover--trigger{border:var(--r-popover--trigger--border, none);background:var(--r-popover--trigger--background, none);padding:var(--r-popover--trigger--padding, 0);cursor:var(--r-popover--trigger--cursor, pointer);display:var(--r-popover--trigger--display, inline-flex);align-items:var(--r-popover--trigger--align-items, center);justify-content:var(--r-popover--trigger--justify-content, center);min-width:var(--r-popover--trigger--min-width, unset);min-height:var(--r-popover--trigger--min-height, unset)}.r-popover--trigger:focus{box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px}.r-popover--board{position:var(--r-popover--board--position, fixed);top:var(--r-popover--board--top, -1000em);right:var(--r-popover--board--right, auto);bottom:var(--r-popover--board--bottom, auto);left:var(--r-popover--board--left, -1000em);visibility:var(--r-popover--board--visibility, hidden);width:var(--r-popover--board--width, 100%);min-width:var(--board--min-width);max-width:var(--board--max-width);height:var(--r-popover--board--height, auto);max-height:var(--r-popover--board--max-height, var(--board--max-height));background-color:var(--r-popover--board--background-color, var(--r-background-inverse));color:var(--r-popover--board--color, var(--r-text-inverse));border:var(--r-popover--board--border, none);transform:var(--r-popover--board--transform, none);box-sizing:var(--r-popover--board--box-sizing, border-box);padding:var(--r-popover--board--padding, 0);margin:var(--r-popover--board--margin, 0);overflow:var(--r-popover--board--overflow, visible)}.r-popover--board-content{display:var(--r-popover--board-content--display, flex);flex-direction:var(--r-popover--board-content--flex-direction, column);gap:var(--r-popover--board-content--gap, 1.5rem);overflow:var(--r-popover--board-content--overflow, auto);height:var(--r-popover--board-content--height, auto);max-height:var(--r-popover--board-content--max-height, var(--board--max-height));padding:var(--r-popover--board-content--padding, 1.5rem);box-sizing:var(--r-popover--board-content--box-sizing, border-box)}.r-popover--board-pointer{display:var(--r-popover--pointer--display, flex);width:var(--r-popover--pointer--width, var(--pointer--width));height:var(--r-popover--pointer--height, var(--pointer--height));position:var(--r-popover--pointer--position, absolute);top:var(--r-popover--pointer--top, auto);right:var(--r-popover--pointer--right, auto);bottom:var(--r-popover--pointer--bottom, auto);left:var(--r-popover--pointer--left, auto);color:var(--r-popover--pointer--color, var(--r-background-inverse));transform:var(--r-popover--pointer--transform, none);transform-origin:var(--r-popover--pointer--transform-origin, center)}.r-popover--board-pointer>svg{display:flex}";export{i as r_popover}
1
+ import{r,c as o,h as t,H as e,g as a}from"./p-CTxpqopm.js";const i=class{constructor(t){r(this,t),this.popoverOpenChange=o(this,"popoverOpenChange"),this.hidePopover=o(this,"hidePopover"),this.showPopover=o(this,"showPopover"),this.focusPopover=o(this,"focusPopover"),this.dismissMode="auto",this.triggerAction="toggle",this.vertical="bottom",this.horizontal="center",this.isOpen=!1,this._focusOnElement=r=>{var o,t;if(r){if("function"!=typeof r.setFocus)return null===(t=null==r?void 0:r.focus)||void 0===t||t.call(r),this.focusPopover.emit(),this;null===(o=null==r?void 0:r.setFocus)||void 0===o||o.call(r)}},this.uniqueId=`r-popover-${Date.now().toString(16)}${Math.random().toString(32)}`.replace(/\./g,""),this.onToggle=r=>{if("open"===r.newState)return this.isOpen=!0,requestAnimationFrame((()=>{this.renderPosition(),this.setFocus()})),this;this.isOpen=!1,requestAnimationFrame((()=>{this.setBlur();const r=this.getInteractiveElement(this.activeElement||this.triggerElement);null==r||r.focus()}))},this.onClickDismiss=()=>{this.hide()},this.updateTriggerAttributes=()=>{const r=this.getInteractiveElement(this.activeElement);null==r||r.setAttribute("aria-expanded",`${this.isOpen}`)},this.onKeyDown=async r=>{if("Tab"===r.key){r.preventDefault();const o=r.target,t=await this._getFocusable(),e=t.indexOf(o);this._focusOnElement(r.shiftKey?e?t[e-1]:t[t.length-1]:e<t.length-1?t[e+1]:t[0])}}}async show(){this.isOpen=!0}async hide(){this.isOpen=!1}async toggle(){this.isOpen?this.hide():this.show()}async setFocus(){if(!this.isOpen)return this;const r=await this._getFocusable();return this._focusOnElement(r[0]),this}async _getFocusable(){const{dismissElement:r}=this,o=this.host.querySelector("r-popover-content"),t=this.host.querySelector("r-popover-action");return[r,...await o.getActiveElements(),...await t.getActiveElements()].filter((r=>void 0!==r))}async setBlur(){if(!this.isOpen)return this;const{dismissElement:r}=this,o=this.host.querySelector("r-popover-content"),t=this.host.querySelector("r-popover-action"),e=this.host.querySelector("r-popover-trigger");return null==r||r.setBlur(),null==o||o.setBlur(),null==t||t.setBlur(),null==e||e.setBlur(),this.host.blur(),this}handleOpenChange(){this.open?this.show():this.hide()}watchOpen(){var r,o,t,e,a,i,p,n,v,s;this.isOpen?(null===(o=null===(r=this.boardElement)||void 0===r?void 0:r.showPopover)||void 0===o||o.call(r),null===(e=null===(t=this.showPopover)||void 0===t?void 0:t.emit)||void 0===e||e.call(t)):(null===(i=null===(a=this.boardElement)||void 0===a?void 0:a.hidePopover)||void 0===i||i.call(a),null===(n=null===(p=this.hidePopover)||void 0===p?void 0:p.emit)||void 0===n||n.call(p)),null===(s=null===(v=this.popoverOpenChange)||void 0===v?void 0:v.emit)||void 0===s||s.call(v),this.updateTriggerAttributes()}handlePreferredPositionChange(){this.renderPosition()}onKeyup(r){if(!this.isOpen)return this;"Escape"===r.key&&this.hide()}onResize(){this.isOpen&&this.renderPosition()}onScroll(){this.isOpen&&this.renderPosition()}get hasDismiss(){return"manual"===this.dismissMode}get triggerRect(){var r;return null===(r=this.triggerElement)||void 0===r?void 0:r.getBoundingClientRect()}get boardRect(){var r;return null===(r=this.boardElement)||void 0===r?void 0:r.getBoundingClientRect()}get activeElement(){var r;return null===(r=this.host.querySelector("r-popover-trigger"))||void 0===r?void 0:r.querySelector('r-button, r-icon-button, a, button, [tabindex]:not([tabindex="-1"])')}get headlineSlotContent(){var r;const o=this.host.querySelector('[slot="headline"]');return null===(r=null==o?void 0:o.textContent)||void 0===r?void 0:r.trim()}getInteractiveElement(r){if(!r)return null;if("R-BUTTON"===r.tagName||"R-ICON-BUTTON"===r.tagName){const o=r.shadowRoot;if(o)return o.querySelector("button, a")}return r}renderPosition(){if(!this.triggerRect)return this;const{triggerRect:r,boardRect:o,vertical:t,horizontal:e}=this,a=window.innerWidth,i=window.innerHeight;if(r.bottom<0||r.right<0||r.top>i||r.left>a)return this.hide(),this;this.host.setAttribute("style",`\n --r-popover--trigger--width: ${r.width}px;\n --r-popover--trigger--height: ${r.height}px;\n --r-popover--trigger--left: ${r.left}px;\n --r-popover--trigger--top: ${r.top}px;\n `);const p=r.top,n=a-r.right,v=i-r.bottom,s=r.left,h=r=>getComputedStyle(this.host).getPropertyValue(r),d=r=>r.includes("rem")?parseFloat(r)*parseFloat(getComputedStyle(document.documentElement).fontSize):parseFloat(r),l=d(h("--board--shift"))||0,c=d(h("--pointer--height"))||0,g=o.height+c;let b=o.width-r.width-l;const f=r=>Object.values(r).filter(Boolean).length>0,u=r=>Object.keys(r).find((o=>r[o])),m={vertical:{},horizontal:{}};m.vertical={top:p>=g,bottom:v>=g,middle:v>(o.height-r.height-c)/2&&p>(o.height-r.height)/2},!m.vertical.middle&&f(m.vertical)||(b=o.width+l),m.horizontal={left:s>=b,right:n>o.width-r.width-l,center:s>o.width/2&&n>o.width/2};let w="cover";m.vertical[t]?w=t:f(m.vertical)&&(w=u(m.vertical));let x="cover";if(m.horizontal[e]?x=e:f(m.horizontal)&&(x=u(m.horizontal)),"cover"===w){const r=this.triggerRect.top+this.triggerRect.height;if(r>this.boardRect.height){const o=r-this.boardRect.height;this.host.style.setProperty("--r-popover--board--top",`${o}px`),this.host.style.setProperty("--r-popover--pointer--top",this.triggerRect.top+this.triggerRect.height/2-c/2-o+"px")}}return this.host.setAttribute("data-vertical",w),this.host.setAttribute("data-horizontal",x),this}setTriggerInitialAttributes(){const r=this.getInteractiveElement(this.activeElement);null==r||r.setAttribute("aria-haspopup","dialog"),null==r||r.setAttribute("aria-expanded",`${this.isOpen}`)}componentDidLoad(){var r;this.open?this.show():this.hide(),this.setTriggerInitialAttributes(),null===(r=this.activeElement)||void 0===r||r.addEventListener("click",(()=>{this.toggle()}))}render(){return t(e,{key:"655880fb3d3f069e13bc7025f932abc192df8918",id:this.uniqueId,"data-position":this.positionState,"data-open":`${this.isOpen}`,open:this.isOpen},t("div",{key:"6617392de14d78a1a53172fc689245749f01909a",class:"r-popover"},t(this.activeElement?"div":"button",{key:"87dc99d5ab380b7f288fa9fba0e861feacff6e20",class:"r-popover--trigger","aria-label":this.activeElement?null:this.triggerAriaLabel,ref:r=>this.triggerElement=r,"aria-haspopup":"dialog",popoverTarget:this.activeElement?null:`${this.uniqueId}-board`,popoverTargetAction:this.activeElement?null:this.triggerAction},t("slot",{key:"51c875b84c1311e40292cf7fe80f7753fcd15abf",name:"trigger"})),t("div",{key:"24a2d6a90d0fe9167a08328e80ed6164c94170f0",class:"r-popover--board",id:`${this.uniqueId}-board`,role:"dialog","aria-label":this.headlineSlotContent,popover:this.dismissMode,ref:r=>this.boardElement=r,onToggle:this.onToggle,onKeyDown:this.onKeyDown},this.hasDismiss&&t("r-icon-button",{key:"51e2563b582c5300eff1a032829bfdfb4947bdb6",ref:r=>this.dismissElement=r,class:"r-popover--dismiss",name:"cross",onClick:this.onClickDismiss,label:this.dismissAriaLabel}),t("div",{key:"6abf0772e1b45c1c6be7eeeb5a0b37469e17c4de",class:"r-popover--board-content"},t("slot",{key:"d4af6923192d72fb77e0591dbc9f163965fdb9b7",name:"headline"}),t("slot",{key:"469fb95a09ce36ad41b7a76e3f09c8834c4e7e14",name:"content"}),t("slot",{key:"17145240e43b06ae7186ad8d46a3d10b7996d3f2",name:"action"})),t("div",{key:"68e7ce9cdbe5c5b765d5866d9ea6c80d6b830630",class:"r-popover--board-pointer","aria-hidden":"true"},t("svg",{key:"55d0e368d2af54a082fc8323b9b1e40457a5a62b",width:"16",height:"8",viewBox:"0 0 16 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"86db95e48bed58187dea614c81527f6bd7ef9f3e",d:"M8 8L0 0L16 0L8 8Z",fill:"currentColor"}))))))}get host(){return a(this)}static get watchers(){return{open:["handleOpenChange"],isOpen:["watchOpen"],horizontal:["handlePreferredPositionChange"],vertical:["handlePreferredPositionChange"]}}};i.style=":host{position:relative;overflow:visible;font-family:var(--r-font-family-text, system-ui);font-weight:var(--r-font-weight-regular, 400);font-size:var(--r-font-size-400, 1rem);text-align:left}:host slot{display:contents}:host{--board--shift:1rem;--board--min-width:304px;--board--max-width:504px;--board--max-height:320px;--pointer--width:1rem;--pointer--height:0.5rem;--pointer--spacer:0.25rem}:host([data-open=true]){--r-popover--pointer--display:block;--r-popover--board--visibility:visible;--r-popover--board--left:var(--r-popover--trigger--left);--r-popover--board--top:var(--r-popover--trigger--top)}:host([data-open=true]) ::slotted([slot=trigger]){--r-popover--trigger--display:none}:host([data-vertical=top]){--r-popover--pointer--top:100%;--r-popover--pointer--transform:rotate(0deg) translate(0,-1px)}:host([data-vertical=bottom]){--r-popover--pointer--bottom:100%;--r-popover--pointer--transform:rotate(180deg)}:host([data-vertical=middle]){--r-popover--pointer--top:calc(50% - var(--pointer--height)/2);--r-popover--pointer--bottom:auto}:host([data-horizontal=left]){--r-popover--board--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0) + var(--board--shift));--r-popover--pointer--left:calc(100% - var(--r-popover--trigger--width, 0)/2 - var(--board--shift) - var(--pointer--width)/2)}:host([data-horizontal=right]){--r-popover--pointer--left:calc(var(--r-popover--trigger--width, 0)/2 + var(--pointer--width)/2)}:host([data-horizontal=center]){--r-popover--pointer--left:calc(50% - var(--pointer--width)/2)}:host([data-vertical=top][data-horizontal=left]){--r-popover--board--transform:translate(-100%, calc(-100% - var(--pointer--spacer) - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=top][data-horizontal=right]){--r-popover--board--transform:translate(calc(0px - var(--board--shift)), calc(-100% - var(--pointer--spacer) - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=top][data-horizontal=center]){--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), calc(-100% - var(--pointer--spacer) - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=top][data-horizontal=cover]){--r-popover--pointer--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0)/2 - var(--r-popover--pointer--width, var(--pointer--width))/2);--r-popover--board--left:0;--r-popover--board--transform:translate(0, calc(-100% - var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=middle][data-horizontal=left]){--r-popover--board--left:var(--r-popover--trigger--left, 0);--r-popover--board--transform:translate(calc(-100% - var(--pointer--height) - var(--pointer--spacer)), calc(-50% + var(--r-popover--trigger--height, 0)/2));--r-popover--pointer--left:100%;--r-popover--pointer--right:auto;--r-popover--pointer--transform:rotate(-90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=middle][data-horizontal=right]){--r-popover--board--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0) + var(--pointer--height) + var(--pointer--spacer));--r-popover--board--transform:translate(0, calc(-50% + var(--r-popover--trigger--height, 0)/2));--r-popover--pointer--top:calc(50% - var(--pointer--height)/2);--r-popover--pointer--left:auto;--r-popover--pointer--right:100%;--r-popover--pointer--transform:rotate(90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=middle][data-horizontal=center]){--r-popover--pointer--display:none;--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), calc(-50% + var(--r-popover--trigger--height, 0)/2))}:host([data-vertical=middle][data-horizontal=cover]){--r-popover--pointer--display:none;--r-popover--board--left:0;--r-popover--board--transform:translate(0, calc(-50% + var(--r-popover--trigger--height, 0)/2))}:host([data-vertical=bottom][data-horizontal=left]){--r-popover--board--transform:translate(-100%, calc(var(--r-popover--trigger--height, 0) + var(--pointer--spacer) + var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=bottom][data-horizontal=right]){--r-popover--board--transform:translate(calc(0px - var(--board--shift)), calc(var(--r-popover--trigger--height, 0) + var(--r-popover--pointer--height, var(--pointer--height)) + var(--pointer--spacer)))}:host([data-vertical=bottom][data-horizontal=center]){--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), calc(var(--r-popover--trigger--height, 0) + var(--pointer--spacer) + var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=bottom][data-horizontal=cover]){--r-popover--pointer--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0)/2 - var(--r-popover--pointer--width, var(--pointer--width))/2);--r-popover--board--left:0;--r-popover--board--transform:translate(0, calc(var(--r-popover--trigger--height, 0) + var(--r-popover--pointer--height, var(--pointer--height))))}:host([data-vertical=cover]){--r-popover--board--top:0;--r-popover--board--height:100%;--r-popover--board-content--height:100%;--r-popover--pointer--top:calc(var(--r-popover--trigger--top, 0) + var(--r-popover--trigger--height)/2 - var(--pointer--height)/2);--r-popover--pointer--bottom:auto}:host([data-vertical=cover][data-content-has-scroll=false]){--r-popover--board--top:var(--r-popover--trigger--top, 0)}:host([data-vertical=cover][data-horizontal=left]){--r-popover--board--left:var(--r-popover--trigger--left, 0);--r-popover--board--transform:translate(calc(-100% - var(--pointer--spacer) - var(--pointer--height)), 0);--r-popover--pointer--left:100%;--r-popover--pointer--right:auto;--r-popover--pointer--transform:rotate(-90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=cover][data-horizontal=right]){--r-popover--board--left:calc(var(--r-popover--trigger--left, 0) + var(--r-popover--trigger--width, 0) + var(--pointer--width));--r-popover--pointer--left:auto;--r-popover--pointer--right:100%;--r-popover--pointer--transform:rotate(90deg) translate(0, calc(0px - var(--pointer--spacer)))}:host([data-vertical=cover][data-horizontal=center]),:host([data-vertical=cover][data-horizontal=cover]){--r-popover--pointer--display:none;--r-popover--board--transform:translate(calc(-50% + var(--r-popover--trigger--width, 0)/2), 0)}:host([data-vertical=cover][data-horizontal=cover]){--r-popover--pointer--display:none;--r-popover--board--transform:none;--r-popover--board--height:100%;--r-popover--board--width:100%;--r-popover--board--left:0}:host([data-fixed-top=true]){--r-popover--board-container--height:var(--r-popover--trigger--top, var(--board--max-height))}:host([dismiss-mode=manual]){--r-popover--board-content--padding:1.5rem 3.5rem 1.5rem 1.5rem}.r-popover{position:var(--r-popover--position, relative);display:var(--r-popover--display, inline-flex)}.r-popover--dismiss{position:var(--r-popover--dismiss--position, absolute);top:var(--r-popover--dismiss--top, 20px);right:var(--r-popover--dismiss--right, 20px);color:var(--r-text-inverse)}.r-popover--dismiss:hover{--r-icon-button--background-color:var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04))}.r-popover--dismiss:active{--r-icon-button--background-color:var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12))}.r-popover--trigger{border:var(--r-popover--trigger--border, none);background:var(--r-popover--trigger--background, none);padding:var(--r-popover--trigger--padding, 0);cursor:var(--r-popover--trigger--cursor, pointer);display:var(--r-popover--trigger--display, inline-flex);align-items:var(--r-popover--trigger--align-items, center);justify-content:var(--r-popover--trigger--justify-content, center);min-width:var(--r-popover--trigger--min-width, unset);min-height:var(--r-popover--trigger--min-height, unset)}.r-popover--trigger:focus{box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);outline:2px solid var(--r-border-focused, #0071e3);outline-offset:2px}.r-popover--board{position:var(--r-popover--board--position, fixed);top:var(--r-popover--board--top, -1000em);right:var(--r-popover--board--right, auto);bottom:var(--r-popover--board--bottom, auto);left:var(--r-popover--board--left, -1000em);visibility:var(--r-popover--board--visibility, hidden);width:var(--r-popover--board--width, 100%);min-width:var(--board--min-width);max-width:var(--board--max-width);height:var(--r-popover--board--height, auto);max-height:var(--r-popover--board--max-height, var(--board--max-height));background-color:var(--r-popover--board--background-color, var(--r-background-inverse));color:var(--r-popover--board--color, var(--r-text-inverse));border:var(--r-popover--board--border, none);transform:var(--r-popover--board--transform, none);box-sizing:var(--r-popover--board--box-sizing, border-box);padding:var(--r-popover--board--padding, 0);margin:var(--r-popover--board--margin, 0);overflow:var(--r-popover--board--overflow, visible)}.r-popover--board-content{display:var(--r-popover--board-content--display, flex);flex-direction:var(--r-popover--board-content--flex-direction, column);gap:var(--r-popover--board-content--gap, 1.5rem);overflow:var(--r-popover--board-content--overflow, auto);height:var(--r-popover--board-content--height, auto);max-height:var(--r-popover--board-content--max-height, var(--board--max-height));padding:var(--r-popover--board-content--padding, 1.5rem);box-sizing:var(--r-popover--board-content--box-sizing, border-box)}.r-popover--board-pointer{display:var(--r-popover--pointer--display, flex);width:var(--r-popover--pointer--width, var(--pointer--width));height:var(--r-popover--pointer--height, var(--pointer--height));position:var(--r-popover--pointer--position, absolute);top:var(--r-popover--pointer--top, auto);right:var(--r-popover--pointer--right, auto);bottom:var(--r-popover--pointer--bottom, auto);left:var(--r-popover--pointer--left, auto);color:var(--r-popover--pointer--color, var(--r-background-inverse));transform:var(--r-popover--pointer--transform, none);transform-origin:var(--r-popover--pointer--transform-origin, center)}.r-popover--board-pointer>svg{display:flex}";export{i as r_popover}
@@ -1 +1 @@
1
- import{r as t,c as s,h as e,H as i,g as r}from"./p-CTxpqopm.js";const o=class{constructor(e){t(this,e),this.triggerMouseEnter=s(this,"triggerMouseEnter"),this.triggerMouseLeave=s(this,"triggerMouseLeave"),this.handleMouseEnter=()=>{this.triggerMouseEnter.emit()},this.handleMouseLeave=()=>{this.triggerMouseLeave.emit()}}get activeElement(){const t=["r-button","r-icon-button","a[href]","button:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", "),s=this.host.querySelector(t);return s&&s instanceof HTMLElement?(s.tagName.toLowerCase(),s):null}async setFocus(){return this.activeElement?"setFocus"in this.activeElement&&"function"==typeof this.activeElement.setFocus?(await this.activeElement.setFocus(),Promise.resolve(this.activeElement)):(this.activeElement.focus(),Promise.resolve(this.activeElement)):Promise.resolve(null)}async setBlur(){var t;null===(t=this.activeElement)||void 0===t||t.blur()}render(){return e(i,{key:"313cccef6d7f463a6088581b2efc3057a97d61b2",slot:"trigger",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},e("slot",{key:"65ff3ba6c677c693445c0c82feae795a94768cf8"}))}get host(){return r(this)}};o.style=":host{display:block;cursor:pointer}";export{o as r_popover_trigger}
1
+ import{r as t,c as s,h as e,H as i,g as r}from"./p-CTxpqopm.js";const o=class{constructor(e){t(this,e),this.triggerMouseEnter=s(this,"triggerMouseEnter"),this.triggerMouseLeave=s(this,"triggerMouseLeave"),this.handleMouseEnter=()=>{this.triggerMouseEnter.emit()},this.handleMouseLeave=()=>{this.triggerMouseLeave.emit()}}get activeElement(){const t=["r-button","r-icon-button","a[href]","button:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", "),s=this.host.querySelector(t);return s&&s instanceof HTMLElement?(s.tagName.toLowerCase(),s):null}async setFocus(){return this.activeElement?"setFocus"in this.activeElement&&"function"==typeof this.activeElement.setFocus?(await this.activeElement.setFocus(),Promise.resolve(this.activeElement)):(this.activeElement.focus(),Promise.resolve(this.activeElement)):Promise.resolve(null)}async setBlur(){var t;null===(t=this.activeElement)||void 0===t||t.blur()}render(){return e(i,{key:"6c97f11b7263d0cf574fdafcef3d7a9733fe7925",slot:"trigger",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},e("slot",{key:"7d434e3505eda793e8d1d50f9fb1aa608061fa50"}))}get host(){return r(this)}};o.style=":host{display:block;cursor:pointer}";export{o as r_popover_trigger}
@@ -0,0 +1 @@
1
+ import{r as t,c as i,h as r,H as e,g as s}from"./p-CTxpqopm.js";import{a}from"./p-DvLT8-y3.js";const o=class{constructor(r){t(this,r),this.rValidate=i(this,"rValidate"),this.rChange=i(this,"rChange"),this.rReset=i(this,"rReset"),this.variant="standard",this.autofocus=!1,this.validityState="",this.validityMessage="",this.initial={},this.uniqueId=`r-radio-group-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.getValidityStateData=t=>{let i="",r="";if(null===t)return{validityState:i,validityMessage:r};for(const e in t.validity)if(t.validity[e]){if(i=e,this[e+"Message"])return r=this[e+"Message"],{validityState:i,validityMessage:r};r=t.validationMessage}return{validityState:i,validityMessage:r}},this.validateFormElement=(t=null)=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;const{validityState:i,validityMessage:r}=this.getValidityStateData(t);this.validityState=i,this.validityMessage=r;const e="valid"===this.validityState;this.valid=e,this.invalid=!e,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.onSubmitForm=t=>{this.isNoValidate||(this.validateFormElement(this.nativeSelectedEl||this.nativeFirstEl),this.hasSelected&&!this.invalid||(t.preventDefault(),t.stopPropagation()))},this.onResetForm=()=>{this.reset()},this.onLabelClick=()=>{const t=this.radioButtonElements[0].shadowRoot.querySelector('[type="radio"]');null==t||t.focus()},this.contributeToFormData=t=>{a(this.host,t.formData)},this.onParentGroupChange=t=>{this.parentValue&&t.detail.value!==this.parentValue&&(this.clearValue(),this.rReset.emit({element:this.host,value:null}))}}rChangeAction(t){t.target.parentElement===this.host&&(t.stopPropagation(),this.resetValidity(),this.setValue(t.detail.value))}radioButtonClickAction(t){t.target.parentElement===this.host&&(t.stopPropagation(),!t.target.disabled&&t.target.select())}get selectedIndex(){return Array.from(this.radioButtonElements).findIndex((t=>t.hasAttribute("checked")))}get prevIndex(){return 0===this.selectedIndex||-1===this.selectedIndex?this.radioButtonElements.length-1:this.selectedIndex-1}get focusedRadioButtonEl(){return this.host.querySelector("r-radio-button.focused")}get focusedRadioButtonElIndex(){return Array.from(this.radioButtonElements).indexOf(this.focusedRadioButtonEl)}get nextIndex(){return-1===this.selectedIndex?-1===this.focusedRadioButtonElIndex?0:this.focusedRadioButtonElIndex+1:this.selectedIndex===this.radioButtonElements.length-1?0:this.selectedIndex+1}radioButtonKeydownAction(t){var i;if(t.target.parentElement===this.host)switch(t.stopPropagation(),t.detail.code){case"ArrowUp":case"ArrowLeft":this.radioButtonElements[this.prevIndex].select();break;case"ArrowDown":case"ArrowRight":this.radioButtonElements[this.nextIndex].select();break;case"Enter":{const t=this.host.querySelector('[type="submit"]')||(null===(i=this.parentFormEl)||void 0===i?void 0:i.querySelector('[type="submit"]'));t&&"triggerClick"in t?null==t||t.triggerClick():this.parentFormEl.requestSubmit();break}}}async resetValidity(){this.validityMessage=null,this.validityState=null,this.invalid=this.initial.invalid,this.valid=!this.invalid}async reset(){this.resetValidity(),this.initial.value?this.setValue(this.initial.value):this.clearValue()}async setValue(t){const i=Array.from(this.radioButtonElements).find((i=>i.value===t));void 0!==i?(this.value=t,null==i||i.select()):this.clearValue()}async getValue(){return this.value||null}async clearValue(){var t,i,r,e,s,a;(null===(t=this.nativeSelectedEl)||void 0===t?void 0:t.value)===(null===(i=this.nativeFirstEl)||void 0===i?void 0:i.value)||null===(r=this.nativeSelectedEl)||void 0===r||r.setAttribute("tabindex","-1"),null===(e=this.nativeSelectedEl)||void 0===e||e.setAttribute("tabindex","-1"),null===(s=this.nativeFirstEl)||void 0===s||s.setAttribute("tabindex","0"),null===(a=this.selectedRadioButtonElement)||void 0===a||a.removeAttribute("checked"),this.value=null}async checkValidity(){const t=this.nativeSelectedEl||this.nativeFirstEl||null,{validityState:i}=this.getValidityStateData(t);return"valid"===i}async reportValidity(){return this.validateFormElement(this.nativeSelectedEl||this.nativeFirstEl||null),"valid"===this.validityState}async setCustomValidity(t){const i=this.nativeSelectedEl||this.nativeFirstEl||null;this.customErrorMessage=t,this.validateFormElement(i)}async setFocus(){const t=this.selectedRadioButtonElement||this.radioButtonElements[0]||null;null==t||t.setFocus()}async setBlur(){var t;null===(t=this.focusedRadioButtonEl)||void 0===t||t.setBlur()}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!this.required||!1}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get radioButtonElements(){return this.host.querySelectorAll(':scope > r-radio-button:not([disabled]:not([disabled="false"]))')}get selectedRadioButtonElement(){return Array.from(this.radioButtonElements).find((t=>t.checked||t.hasAttribute("checked")))||null}get hasSelected(){return Array.from(this.radioButtonElements).some((t=>t.checked||t.hasAttribute("checked")))}get nativeSelectedEl(){var t,i;return null===this.selectedRadioButtonElement?null:(null===(i=null===(t=this.selectedRadioButtonElement)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector(".r-radio-button--input"))||null}get nativeFirstEl(){var t,i;return(null===(i=null===(t=this.radioButtonElements[0])||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.querySelector(".r-radio-button--input"))||null}get hasValidationError(){return this.validityState&&"valid"!==this.validityState&&!(!this.validityMessage&&!this.customErrorMessage)}passPropsToGroupItems(t={}){Object.entries(t).forEach((([t,i])=>{this.radioButtonElements.forEach((r=>{"string"==typeof i&&r.setAttribute(t,i),"boolean"==typeof i&&i&&r.setAttribute(t,"")}))}))}selectGroupItemByValue(){this.hasSelected&&!this.value&&(this.value=this.selectedRadioButtonElement.value),this.setValue(this.value)}setTabindex(){const t=this.nativeSelectedEl||this.nativeFirstEl;null==t||t.setAttribute("tabindex","0")}get parentRadioGroup(){var t;return(null===(t=this.host.parentElement)||void 0===t?void 0:t.closest("r-radio-group"))||null}connectFormEventListeners(){var t,i,r;null===(t=this.parentFormEl)||void 0===t||t.addEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.addEventListener("reset",this.onResetForm),null===(r=this.parentFormEl)||void 0===r||r.addEventListener("submit",this.onSubmitForm,{capture:!0})}disconnectFormEventListeners(){var t,i,r;null===(t=this.parentFormEl)||void 0===t||t.removeEventListener("formdata",this.contributeToFormData),null===(i=this.parentFormEl)||void 0===i||i.removeEventListener("reset",this.onResetForm),null===(r=this.parentFormEl)||void 0===r||r.removeEventListener("submit",this.onSubmitForm)}connectParentGroupListener(){this.parentValue&&this.parentRadioGroup&&this.parentRadioGroup.addEventListener("rChange",this.onParentGroupChange)}disconnectParentGroupListener(){this.parentValue&&this.parentRadioGroup&&this.parentRadioGroup.removeEventListener("rChange",this.onParentGroupChange)}get ariaDescribedBy(){const t=`${this.uniqueId}-message`;return this.hint?`${this.uniqueId}-hint ${t}`:t}connectedCallback(){this.connectFormEventListeners(),this.connectParentGroupListener()}disconnectedCallback(){this.disconnectFormEventListeners(),this.disconnectParentGroupListener()}componentWillLoad(){const{required:t,name:i}=this;this.passPropsToGroupItems({required:t,name:i}),this.selectGroupItemByValue(),this.initial.value=this.value,this.initial.invalid=this.invalid}componentDidLoad(){const{name:t,required:i}=this;this.passPropsToGroupItems({name:t,required:i}),this.setTabindex(),this.autofocus&&setTimeout((()=>{this.setFocus()}),0)}render(){const{label:t,hint:i,fieldIndicator:s,error:a,uniqueId:o,invalid:n}=this;return r(e,{key:"a542762b5523cd568341316eb9e1d3ba328662f3"},r("fieldset",Object.assign({key:"cd6877a67816eff8a423a60ef1e9079cab4ea21a",class:"r-radio-group"},{"aria-invalid":`${n||!1}`,"aria-describedby":this.ariaDescribedBy},{onClick:this.onLabelClick}),t&&r("legend",{key:"00adcfa6fa8296f295b48f90d19b11928fb580d6",class:"r-radio-group--label-container"},r("r-label",{key:"f353298317ffe0043dd0dae0905499ef17fa90ba",id:`${o}-label`,class:"r-radio-group--label","field-indicator":s},t),r("slot",{key:"5e9ecf61a1a65f20ed3e48006f2a913723bdfb38",name:"popover"})),i&&r("r-hint",{key:"0e266db62c6bb2f8a770502ab64ca7f2edc54d39",id:`${o}-hint`,class:"r-radio-group--hint",role:"note"},i),r("div",{key:"2d951da223a892721db7e5d858e52b27eebfcf98",class:"r-radio-group--content"},r("slot",{key:"341225a7be93a07fa9c3e4c96241f84c8008b182"})),r("div",{key:"255d3bbd8fd5b192e4dd2cca03bb7b0e2bdefd0e",id:`${o}-message`,"aria-live":"polite",role:"alert",class:"r-radio-group--message"},n&&a&&r("r-hint",{key:"7c91e92235c2d4bd36baf327ce0bf7ed18982886",variant:"error"},a),this.hasValidationError&&r("r-hint",{key:"522a8a74f88356d42929f9e1fe4ab2a4326d25d7","aria-live":"polite",id:`${o}-message`,role:"alert",variant:"error"},this.customErrorMessage||this.validityMessage))))}get host(){return s(this)}};o.style=":host{display:flex;flex-direction:column;box-sizing:border-box;margin-bottom:var(--r-spacing-100)}:host ::slotted(r-radio-button){display:var(--r-radio-group--slotted-radio-button--display, flex)}:host ::slotted(.focused){--r-radio-button--box-shadow:0 0 0 3px var(--r-border-focused-outlined, #fff), inset 0 0 0 1px var(--r-border-focused-outlined, #fff);--r-radio-button--outline:2px solid var(--r-border-focused, #0071e3);--r-radio-button--outline-offset:2px}:host slot{display:contents}:host([variant=contained]) ::slotted(r-radio-button){padding:0;--r-radio-button--padding:var(--r-spacing-100, 1rem);--r-radio-button--border-color:var(--r-border-soft, #686868);--r-radio-button--border-width:1px}:host([invalid]:not([invalid=false])) ::slotted(r-radio-button){--r-radio-button--box--border-color:var(--r-status-error-regular, #b00c15);--r-radio-button--box--background-color:var(--r-status-error-soft, #fef6f6);--r-radio-button--marker--background-color:var(--r-status-error-regular, #b00c15)}:host .r-radio-group{display:var(--r-radio-group--display, flex);flex-direction:var(--r-radio-group--flex-direction, column);padding:var(--r-radio-group--padding, 0);margin:var(--r-radio-group--margin, 0);border:var(--r-radio-group--border, none)}:host .r-radio-group--label-container{display:var(--r-radio-group--label-container--display, flex);gap:var(--r-radio-group--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-radio-group--label-container--align-items, center);justify-content:var(--r-radio-group--label-container--justify-content, space-between)}:host .r-radio-group--label-container ::slotted([slot=popover]){display:var(--r-radio-group--popover--display, inline-flex);height:var(--r-radio-group--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-radio-group--popover--align-items, center);justify-content:var(--r-radio-group--popover--justify-content, center);margin-right:var(--r-radio-group--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-radio-group--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-radio-group--popover--trigger--min-height, var(--r-spacing-150, 1.5))}:host .r-radio-group--hint{margin-bottom:var(--r-radio-group--hint--margin-bottom, var(--r-spacing-100, 1rem))}:host .r-radio-group--content{display:var(--r-radio-group--content--display, flex);flex-direction:var(--r-radio-group--content--flex-direction, column);flex-wrap:var(--r-radio-group--content--flex-wrap, nowrap);gap:var(--r-radio-group--content--gap, var(--r-spacing-050, 0.5rem))}:host .r-radio-group+.r-radio-group--message r-hint{margin-top:var(--r-radio-group--hint--margin-top, var(--r-spacing-050, 0.5rem))}";export{o as r_radio_group}
@@ -1 +1 @@
1
- import{r,c as t,h as o,H as a,g as i}from"./p-CTxpqopm.js";const e=class{constructor(o){r(this,o),this.rChange=t(this,"rChange"),this.rReset=t(this,"rReset"),this.radioButtonClick=t(this,"radioButtonClick"),this.radioButtonKeydown=t(this,"radioButtonKeydown"),this.radioButtonDeselect=t(this,"radioButtonDeselect"),this.value=this.slotTextValue,this.autofocus=!1,this.uniqueId=`r-radio-button-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.onClick=r=>{this.disabled||(r.stopPropagation(),r.preventDefault(),this.radioButtonClick.emit(r))},this.onKeydown=r=>{this.disabled||this.radioButtonKeydown.emit(r)},this.onFocus=()=>{this.host.classList.add("focused")},this.onBlur=()=>{this.host.classList.remove("focused")},this.applyAutofocus=()=>{queueMicrotask((()=>{this.setFocus()}))}}async setFocus(){var r;null===(r=this.nativeEl)||void 0===r||r.focus()}async setBlur(){var r;null===(r=this.nativeEl)||void 0===r||r.blur()}async select(){var r,t,o;if(this.checked)return;if(this.disabled)return;null===(r=this.radioElements)||void 0===r||r.forEach((r=>{r.checked=!1,r.shadowRoot.querySelector(".r-radio-button--input").setAttribute("tabindex","-1")})),this.checked=!0,null===(t=this.nativeEl)||void 0===t||t.setAttribute("tabindex","0"),null===(o=this.nativeEl)||void 0===o||o.focus();const{host:a,value:i,checked:e}=this;this.rChange.emit({element:a,value:i,checked:e})}get radioElements(){return this.groupEl?this.groupEl.querySelectorAll(":scope > r-radio-button"):this.parentFormEl?this.parentFormEl.querySelectorAll(`r-radio-button[name=${this.name}]`):document.querySelectorAll(`r-radio-button[name=${this.name}]`)}get slotTextValue(){return this.host.textContent||null}get groupEl(){return this.host.closest("r-radio-group")||null}get parentFormEl(){return this.host.closest("form")||null}get isLeading(){return void 0!==this.icon||null!==this.host.querySelector('[slot="leading"]')||null!==this.host.querySelector("r-radio-button-leading")}get isTrailing(){return null!==this.host.querySelector('[slot="trailing"]')||null!==this.host.querySelector("r-radio-button-trailing")}get shouldAutofocus(){return this.autofocus&&(!this.groupEl||!this.groupEl.autofocus)}componentWillLoad(){this.initialState||(this.initialState=this.checked),this.groupEl&&!this.name&&(this.name=this.groupEl.name)}componentDidLoad(){this.shouldAutofocus&&this.applyAutofocus()}render(){const{name:r,value:t,checked:i,disabled:e,hint:n,uniqueId:d,required:s,invalid:b,error:u,autofocus:l}=this;return o(a,{key:"cf6b1b5db202773a2c6eea4df6a9303275054a73"},o("label",{key:"4e203583a2b779e239c2893eadccc3514f84b0c4",class:"r-radio-button",onClick:this.onClick,onKeyDown:this.onKeydown},o("input",Object.assign({key:"14e89b050928abd51b66e8637c39bbd8da8e9856"},{type:"radio",tabindex:"-1",name:r,value:t,disabled:e,checked:i,required:s,autofocus:l},{id:`${d}-input`,class:"r-radio-button--input",ref:r=>this.nativeEl=r,onFocus:this.onFocus,onBlur:this.onBlur})),o("span",{key:"ee55afd60c5dbb947e9c12fffc401f7acfcefada",class:"r-radio-button--box"}),this.isLeading&&o("div",{key:"eabd27b399dee0bc2cef0fb7a92adad55095708b",class:"r-radio-button--leading"},o("slot",{key:"5ec99653141268456cf9c8b2398f70c7b1afd36d",name:"leading"},this.icon&&o("r-icon",{key:"47662e84ad1aac02e867ddd040b5b7e1890ba986",name:this.icon,size:"m"}))),o("div",{key:"bcaaf67c6cdf95a0bfa0dd5784d69c237e551a0e",class:"r-radio-button--text"},o("slot",{key:"a54f1823afe368d85f9bd4743ac0aa1df7298049",name:"title"},o("div",{key:"b531b659b920d7f064f10e622b83099d14270935",style:{display:"contents"}},o("slot",{key:"b51f3e83234681804c49cb1043d90de70e4929db"}))),o("slot",{key:"d217abfd3675898afd5b41a543200f7104019aed",name:"description"},this.description)),this.isTrailing&&o("div",{key:"664ddcc19dba3029343532caa13b05a6e3834977",class:"r-radio-button--trailing"},o("slot",{key:"b4ec626236a01c9c74b20ae09194ea414bc7699c",name:"trailing"}))),b&&u&&o("r-hint",{key:"bd60d4337984662f410613b470b6e3be695343f5",role:"alert",variant:"error",id:`${d}-hint`},this.error),n&&o("r-hint",{key:"31c5712fe6f2164219e28484a40ce5452a836743",role:"note",variant:"information",id:`${d}-hint`},n))}get host(){return i(this)}};e.style=':host{display:inline-flex;outline:none;position:relative;pointer-events:auto;border:0.0625rem solid transparent;cursor:pointer;min-width:17.5rem}:host slot{display:contents}:host(:hover:not([disabled]:not([disabled=false])):not([checked]:not([checked=false]))){--r-radio-button--cursor:pointer;--r-radio-button--box--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:active:not([disabled]:not([disabled=false])):not([checked]:not([checked=false]))){--r-radio-button--box--border-color:var(--r-border-regular, #282828);--r-radio-button--box--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host(:focus-within),:host(.focused){--r-radio-button--box--box-shadow:0 0 0 4px var(--r-border-focused-outlined, #fff);--r-radio-button--box--outline:2px solid var(--r-border-focused, #0071e3);--r-radio-button--box--outline-offset:1px}:host([checked]:not([checked=false])),:host([checked]:not([checked=false]):hover){cursor:default;--r-radio-button--box--border-color:var(--r-border-regular, #282828);--r-radio-button--box--background-color:var(--r-background-interactive-softest, #fff);--r-radio-button--marker--transform:scale(1)}:host([invalid]:not([invalid=false])),:host([invalid]:not([invalid=false])[checked]:not([checked=false])){--r-radio-button--box--border-color:var(--r-status-error-regular, #b00c15);--r-radio-button--box--background-color:var(--r-status-error-soft, #fef6f6)}:host([disabled]:not([disabled=false])){--r-radio-button--box--opacity:0.4;cursor:not-allowed}.r-radio-button{display:var(--r-radio-button--display, flex);flex:var(--r-radio-button--flex, 1);gap:var(--r-radio-button--gap, var(--r-spacing-075, 0.75rem));position:var(--r-radio-button--position, relative);min-height:var(--r-radio-button--min-height, 24px);user-select:var(--r-radio-button--user-select, none);box-sizing:var(--r-radio-button--box-sizing, border-box);font-family:var(--r-radio-button--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-radio-button--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-radio-button--line-height, var(--r-line-height-m, 1.5rem));text-align:var(--r-radio-button--text-align, left);color:var(--r-radio-button--color, var(--r-text-regular, #282828));opacity:var(--r-radio-button--opacity, 1);box-shadow:var(--r-radio-button--box-shadow, none);outline:var(--r-radio-button--outline, none);cursor:var(--r-radio-button--cursor, inherit);padding:var(--r-radio-button--padding, var(--r-spacing-100, 1rem));margin:var(--r-radio-button--margin, 0);background-color:var(--r-radio-button--background-color, transparent);border-color:var(--r-radio-button--border-color, transparent);border-width:var(--r-radio-button--border-width, 0);border-style:var(--r-radio-button--border-style, solid)}.r-radio-button--input{position:var(--r-radio-button--input--position, absolute);z-index:var(--r-radio-button--input--z-index, -1);opacity:var(--r-radio-button--input--opacity, 0)}.r-radio-button--box{position:var(--r-radio-button--box--position, relative);display:var(--r-radio-button--box--display, block);top:var(--r-radio-button--box--top, 0);left:var(--r-radio-button--box--left, 0);width:var(--r-radio-button--box--width, 1.5rem);height:var(--r-radio-button--box--height, 1.5rem);background-color:var(--r-radio-button--box--background-color, var(--r-background-interactive-softest, #fff));border-width:var(--r-radio-button--box--border-width, 0.0625rem);border-style:var(--r-radio-button--box--border-style, solid);border-color:var(--r-radio-button--box--border-color, var(--r-border-soft, #686868));border-radius:var(--r-radio-button--box--border-radius, 50%);box-sizing:var(--r-radio-button--box--box-sizing, border-box);box-shadow:var(--r-radio-button--box--box-shadow, none);outline:var(--r-radio-button--box--outline, none);outline-offset:var(--r-radio-button--box--outline-offset, 0);cursor:var(--r-radio-button--box--cursor, inherit);opacity:var(--r-radio-button--box--opacity, 1)}.r-radio-button--box::before{content:var(--r-radio-button--marker--content, "");display:var(--r-radio-button--marker--display, block);width:var(--r-radio-button--marker--width, 0.75rem);height:var(--r-radio-button--marker--height, 0.75rem);position:var(--r-radio-button--marker--position, absolute);top:var(--r-radio-button--marker--top, calc(50% - 0.375rem));left:var(--r-radio-button--marker--left, calc(50% - 0.375rem));border-radius:var(--r-radio-button--marker--border-radius, 50%);background-color:var(--r-radio-button--marker--background-color, var(--r-background-interactive-regular, #282828));transition:var(--r-radio-button--marker--transition, 0.1s all);transform:var(--r-radio-button--marker--transform, scale(0));transform-origin:var(--r-radio-button--marker--transform-origin, center)}.r-radio-button--text{flex:var(--r-radio-button--text--flex, 1);display:var(--r-radio-button--text--display, flex);flex-direction:var(--r-radio-button--text--flex-direction, column);gap:var(--r-radio-button--text--gap, var(--r-spacing-025, 0.25rem));font-weight:var(--r-radio-button--text--font-weight, var(--r-font-weight-semibold, 600))}.r-radio-button--leading{min-height:var(--r-radio-button--leading--min-height, var(--r-spacing-150, 1.5rem));min-width:var(--r-radio-button--leading--min-width, calc(var(--r-spacing-150, 1.5rem) + 2 * var(--r-spacing-075, 0.75rem)));color:var(--r-radio-button--leading--color, var(--r-icon-soft, #686868));display:var(--r-radio-button--leading--display, flex);justify-content:var(--r-radio-button--leading--justify-content, center);align-items:var(--r-radio-button--leading--align-items, start)}';export{e as r_radio_button}
1
+ import{r,c as t,h as o,H as a,g as i}from"./p-CTxpqopm.js";const e=class{constructor(o){r(this,o),this.rChange=t(this,"rChange"),this.rReset=t(this,"rReset"),this.radioButtonClick=t(this,"radioButtonClick"),this.radioButtonKeydown=t(this,"radioButtonKeydown"),this.radioButtonDeselect=t(this,"radioButtonDeselect"),this.value=this.slotTextValue,this.autofocus=!1,this.uniqueId=`r-radio-button-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.onClick=r=>{this.disabled||(r.stopPropagation(),r.preventDefault(),this.radioButtonClick.emit(r))},this.onKeydown=r=>{this.disabled||this.radioButtonKeydown.emit(r)},this.onFocus=()=>{this.host.classList.add("focused")},this.onBlur=()=>{this.host.classList.remove("focused")},this.applyAutofocus=()=>{queueMicrotask((()=>{this.setFocus()}))}}async setFocus(){var r;null===(r=this.nativeEl)||void 0===r||r.focus()}async setBlur(){var r;null===(r=this.nativeEl)||void 0===r||r.blur()}async select(){var r,t,o;if(this.checked)return;if(this.disabled)return;null===(r=this.radioElements)||void 0===r||r.forEach((r=>{r.checked=!1,r.shadowRoot.querySelector(".r-radio-button--input").setAttribute("tabindex","-1")})),this.checked=!0,null===(t=this.nativeEl)||void 0===t||t.setAttribute("tabindex","0"),null===(o=this.nativeEl)||void 0===o||o.focus();const{host:a,value:i,checked:e}=this;this.rChange.emit({element:a,value:i,checked:e})}get radioElements(){return this.groupEl?this.groupEl.querySelectorAll(":scope > r-radio-button"):this.parentFormEl?this.parentFormEl.querySelectorAll(`r-radio-button[name=${this.name}]`):document.querySelectorAll(`r-radio-button[name=${this.name}]`)}get slotTextValue(){return this.host.textContent||null}get groupEl(){return this.host.closest("r-radio-group")||null}get parentFormEl(){return this.host.closest("form")||null}get isLeading(){return void 0!==this.icon||null!==this.host.querySelector('[slot="leading"]')||null!==this.host.querySelector("r-radio-button-leading")}get isTrailing(){return null!==this.host.querySelector('[slot="trailing"]')||null!==this.host.querySelector("r-radio-button-trailing")}get shouldAutofocus(){return this.autofocus&&(!this.groupEl||!this.groupEl.autofocus)}componentWillLoad(){this.initialState||(this.initialState=this.checked),this.groupEl&&!this.name&&(this.name=this.groupEl.name)}componentDidLoad(){this.shouldAutofocus&&this.applyAutofocus()}render(){const{name:r,value:t,checked:i,disabled:e,hint:n,uniqueId:d,required:s,invalid:b,error:u,autofocus:l}=this;return o(a,{key:"ce9e98b6480c18675ac0dac4b118e574872f9af7"},o("label",{key:"adb23e0f9092e7c5bc2c0c70df71fa255f8a441b",class:"r-radio-button",onClick:this.onClick,onKeyDown:this.onKeydown},o("input",Object.assign({key:"cdd35d3caebb8e7eb8162dcc97c73f85067a55bb"},{type:"radio",tabindex:"-1",name:r,value:t,disabled:e,checked:i,required:s,autofocus:l},{id:`${d}-input`,class:"r-radio-button--input",ref:r=>this.nativeEl=r,onFocus:this.onFocus,onBlur:this.onBlur})),o("span",{key:"89e258e8d5b41a51ff48ad26f1e83bcdb447089a",class:"r-radio-button--box"}),this.isLeading&&o("div",{key:"14e5cbd3fb54b86761f68f53f64081be3021bf9d",class:"r-radio-button--leading"},o("slot",{key:"8350ee29002de443338179d8e926356fa080cb97",name:"leading"},this.icon&&o("r-icon",{key:"ba1ad94e6eabd2aa113e46ddc4f5f7cdc8e39635",name:this.icon,size:"m"}))),o("div",{key:"75c735e748dc36c3c785cb048f920060f31c7c9a",class:"r-radio-button--text"},o("slot",{key:"b2f39d35860d6ed36bf1913836af065ed093a9b4",name:"title"},o("div",{key:"4f6fdd992b61a01c13810fbee76f66d514f8e8e2",style:{display:"contents"}},o("slot",{key:"b0d6d3eb4b9687751822fd6e026cc5eec2fe3d6b"}))),o("slot",{key:"66f2d4a0262d494b4c5c700e48abb7210e5fc8df",name:"description"},this.description)),this.isTrailing&&o("div",{key:"64bb5efd43a7e52461dff3e3416c968bbe44d1a4",class:"r-radio-button--trailing"},o("slot",{key:"20798c2198cc1360f6b04fa0a94984bb697eda6c",name:"trailing"}))),b&&u&&o("r-hint",{key:"06bd4aa937a926612c428e9f9cfcde98e60c6ca7",role:"alert",variant:"error",id:`${d}-hint`},this.error),n&&o("r-hint",{key:"5031e00344241c184fb8ef2aa8275274415b8a3e",role:"note",variant:"information",id:`${d}-hint`},n))}get host(){return i(this)}};e.style=':host{display:inline-flex;outline:none;position:relative;pointer-events:auto;border:0.0625rem solid transparent;cursor:pointer;min-width:17.5rem}:host slot{display:contents}:host(:hover:not([disabled]:not([disabled=false])):not([checked]:not([checked=false]))){--r-radio-button--cursor:pointer;--r-radio-button--box--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:active:not([disabled]:not([disabled=false])):not([checked]:not([checked=false]))){--r-radio-button--box--border-color:var(--r-border-regular, #282828);--r-radio-button--box--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host(:focus-within),:host(.focused){--r-radio-button--box--box-shadow:0 0 0 4px var(--r-border-focused-outlined, #fff);--r-radio-button--box--outline:2px solid var(--r-border-focused, #0071e3);--r-radio-button--box--outline-offset:1px}:host([checked]:not([checked=false])),:host([checked]:not([checked=false]):hover){cursor:default;--r-radio-button--box--border-color:var(--r-border-regular, #282828);--r-radio-button--box--background-color:var(--r-background-interactive-softest, #fff);--r-radio-button--marker--transform:scale(1)}:host([invalid]:not([invalid=false])),:host([invalid]:not([invalid=false])[checked]:not([checked=false])){--r-radio-button--box--border-color:var(--r-status-error-regular, #b00c15);--r-radio-button--box--background-color:var(--r-status-error-soft, #fef6f6)}:host([disabled]:not([disabled=false])){--r-radio-button--box--opacity:0.4;cursor:not-allowed}.r-radio-button{display:var(--r-radio-button--display, flex);flex:var(--r-radio-button--flex, 1);gap:var(--r-radio-button--gap, var(--r-spacing-075, 0.75rem));position:var(--r-radio-button--position, relative);min-height:var(--r-radio-button--min-height, 24px);user-select:var(--r-radio-button--user-select, none);box-sizing:var(--r-radio-button--box-sizing, border-box);font-family:var(--r-radio-button--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-radio-button--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-radio-button--line-height, var(--r-line-height-m, 1.5rem));text-align:var(--r-radio-button--text-align, left);color:var(--r-radio-button--color, var(--r-text-regular, #282828));opacity:var(--r-radio-button--opacity, 1);box-shadow:var(--r-radio-button--box-shadow, none);outline:var(--r-radio-button--outline, none);cursor:var(--r-radio-button--cursor, inherit);padding:var(--r-radio-button--padding, var(--r-spacing-100, 1rem));margin:var(--r-radio-button--margin, 0);background-color:var(--r-radio-button--background-color, transparent);border-color:var(--r-radio-button--border-color, transparent);border-width:var(--r-radio-button--border-width, 0);border-style:var(--r-radio-button--border-style, solid)}.r-radio-button--input{position:var(--r-radio-button--input--position, absolute);z-index:var(--r-radio-button--input--z-index, -1);opacity:var(--r-radio-button--input--opacity, 0)}.r-radio-button--box{position:var(--r-radio-button--box--position, relative);display:var(--r-radio-button--box--display, block);top:var(--r-radio-button--box--top, 0);left:var(--r-radio-button--box--left, 0);width:var(--r-radio-button--box--width, 1.5rem);height:var(--r-radio-button--box--height, 1.5rem);background-color:var(--r-radio-button--box--background-color, var(--r-background-interactive-softest, #fff));border-width:var(--r-radio-button--box--border-width, 0.0625rem);border-style:var(--r-radio-button--box--border-style, solid);border-color:var(--r-radio-button--box--border-color, var(--r-border-soft, #686868));border-radius:var(--r-radio-button--box--border-radius, 50%);box-sizing:var(--r-radio-button--box--box-sizing, border-box);box-shadow:var(--r-radio-button--box--box-shadow, none);outline:var(--r-radio-button--box--outline, none);outline-offset:var(--r-radio-button--box--outline-offset, 0);cursor:var(--r-radio-button--box--cursor, inherit);opacity:var(--r-radio-button--box--opacity, 1)}.r-radio-button--box::before{content:var(--r-radio-button--marker--content, "");display:var(--r-radio-button--marker--display, block);width:var(--r-radio-button--marker--width, 0.75rem);height:var(--r-radio-button--marker--height, 0.75rem);position:var(--r-radio-button--marker--position, absolute);top:var(--r-radio-button--marker--top, calc(50% - 0.375rem));left:var(--r-radio-button--marker--left, calc(50% - 0.375rem));border-radius:var(--r-radio-button--marker--border-radius, 50%);background-color:var(--r-radio-button--marker--background-color, var(--r-background-interactive-regular, #282828));transition:var(--r-radio-button--marker--transition, 0.1s all);transform:var(--r-radio-button--marker--transform, scale(0));transform-origin:var(--r-radio-button--marker--transform-origin, center)}.r-radio-button--text{flex:var(--r-radio-button--text--flex, 1);display:var(--r-radio-button--text--display, flex);flex-direction:var(--r-radio-button--text--flex-direction, column);gap:var(--r-radio-button--text--gap, var(--r-spacing-025, 0.25rem));font-weight:var(--r-radio-button--text--font-weight, var(--r-font-weight-semibold, 600))}.r-radio-button--leading{min-height:var(--r-radio-button--leading--min-height, var(--r-spacing-150, 1.5rem));min-width:var(--r-radio-button--leading--min-width, calc(var(--r-spacing-150, 1.5rem) + 2 * var(--r-spacing-075, 0.75rem)));color:var(--r-radio-button--leading--color, var(--r-icon-soft, #686868));display:var(--r-radio-button--leading--display, flex);justify-content:var(--r-radio-button--leading--justify-content, center);align-items:var(--r-radio-button--leading--align-items, start)}';export{e as r_radio_button}
@@ -0,0 +1 @@
1
+ import{r,h as a,H as e}from"./p-CTxpqopm.js";const o=class{constructor(a){r(this,a),this.iconVisible=!1}get iconName(){switch(this.variant){case"information":default:return"circled-information-i";case"success":return"circled-check";case"warning":return"triangle-with-exclamation-mark";case"error":return"circled-exclamation-mark"}}render(){const{variant:r,iconVisible:o,iconAriaLabel:t}=this;return a(e,Object.assign({key:"eb69bab38f6edbd2b7bf39167636d856df4f2f4f"},{variant:r}),a("div",{key:"fb717045162261e2bc4b43c8a146017318506208",class:"r-badge",part:"base"},o&&a("div",{key:"2788afca3d65d02882322ef792c6f3621c59fdab",class:"r-badge--icon",part:"icon"},a("slot",{key:"2b0f42fb2b94f4fb6a5dbf0af84ce4dfc9c3c683",name:"icon"},a("r-icon",{key:"75c78bae30a4da3678b9d22279e120a391032a0e",size:"s",name:this.iconName,iconAriaLabel:t}))),a("div",{key:"42d2f9703df945d460b42cce8d1be78bbc7a196a",class:"r-badge--content",part:"content"},a("slot",{key:"62841850b79a7fb617a29b6280d00ddeb2158399"}))))}};o.style=":host([variant=information]){--r-badge--icon--color:var(--r-status-info-regular, #3e5c73);--r-badge--border-color:var(--r-status-info-regular, #3e5c73);--r-badge--background-color:var(--r-status-info-soft, #f8fafb)}:host([variant=success]){--r-badge--icon--color:var(--r-status-success-regular, #298535);--r-badge--border-color:var(--r-status-success-regular, #298535);--r-badge--background-color:var(--r-status-success-soft, #f7fdf8)}:host([variant=warning]){--r-badge--icon--color:var(--r-status-warning-regular, #ff7429);--r-badge--border-color:var(--r-status-warning-regular, #ff7429);--r-badge--background-color:var(--r-status-warning-soft, #fef9f5)}:host([variant=error]){--r-badge--icon--color:var(--r-status-error-regular, #b00c15);--r-badge--border-color:var(--r-status-error-regular, #b00c15);--r-badge--background-color:var(--r-status-error-soft, #fef6f6)}:host{display:var(--display, inline-flex);line-height:var(--line-height, var(--r-line-height-s, 1.2))}.r-badge{display:var(--r-badge--display, inline-flex);justify-content:var(--r-badge--justify-content, center);align-items:var(--r-badge--align-items, center);gap:var(--r-badge--gap, var(--r-spacing-025, 0.25rem));padding:var(--r-badge--padding, 0.05rem 0.5rem);margin:var(--r-badge--margin, 0);color:var(--r-badge--text--color, var(--r-text-regular, #282828));border-width:var(--r-badge--border-width, 1.2px);border-style:var(--r-badge--border-style, solid);border-color:var(--r-badge--border-color, var(--r-status-info-regular, #3e5c73));border-radius:var(--r-badge--border-radius, var(--r-spacing-150, 1.5rem));background-color:var(--r-badge--background-color, var(--r-status-info-soft, #f8fafb));box-sizing:var(--r-badge--box-sizing, border-box);font-family:var(--r-badge--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-badge--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-badge--font-size, var(--r-font-size-300, 0.875rem));line-height:var(--r-badge--line-height, var(--r-line-height-m, 1.5));text-transform:var(--r-badge--text-transform, none)}.r-badge slot[name=icon]{color:var(--r-badge--icon--color, var(--r-status-info-regular, #3e5c73))}.r-badge--icon{display:var(--r-badge--icon--display, inline-flex)}.r-badge--content{min-width:var(--r-badge--content--min-width, none);max-width:var(--r-badge--content--max-width, none);overflow:var(--r-badge--content--overflow, hidden);white-space:var(--r-badge--content--white-space, nowrap);text-overflow:var(--r-badge--content--text-overflow, ellipsis)}";export{o as r_badge}
@@ -1 +1 @@
1
- import{r as t,h as r,H as s,g as i}from"./p-CTxpqopm.js";const a=class{constructor(s){t(this,s),this.variant="expanded",this.border="standard",this.scrollable=!1,this.firstItemVisible=!0,this.lastItemVisible=!1,this.initiatizeResizeObserver=()=>{this.containerRef&&!this.resizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateScrollState())),this.resizeObserver.observe(this.containerRef))},this.updateScrollState=()=>{if(!this.containerRef)return;const{scrollWidth:t,clientWidth:r}=this.containerRef,s=this.containerRef.getBoundingClientRect(),i=Array.from(this.tabElements);if(this.scrollable=t>r,!this.scrollable||0===i.length)return this.firstItemVisible=!0,void(this.lastItemVisible=!0);const a=i[0].getBoundingClientRect();this.firstItemVisible=a.left>=s.left-1;const o=i[i.length-1].getBoundingClientRect();this.lastItemVisible=o.right<=s.right+1},this.getVisibleTabOnLeft=()=>{if(!this.containerRef)return null;const t=this.containerRef.getBoundingClientRect(),r=Array.from(this.tabElements);for(const s of r)if(s.getBoundingClientRect().right>t.left+1)return s},this.getVisibleTabOnRight=()=>{if(!this.containerRef)return null;const t=this.containerRef.getBoundingClientRect(),r=Array.from(this.tabElements);for(let s=r.length-1;s>=0;s--){const i=r[s];if(i.getBoundingClientRect().left<t.right-1)return i}return null},this.scrollLeft=()=>{if(!this.containerRef)return;const t=this.getVisibleTabOnLeft();if(!t)return;const r=Array.from(this.tabElements),s=r.indexOf(t),i=s>0?r[s-1]:null;if(!i)return;const a=this.containerRef.getBoundingClientRect().left,o=i.getBoundingClientRect().left;this.containerRef.scrollBy({left:o-a,behavior:"smooth"})},this.scrollRight=()=>{if(!this.containerRef)return;const t=this.getVisibleTabOnRight();if(!t)return;const r=Array.from(this.tabElements),s=r.indexOf(t),i=s<r.length-1?r[s+1]:null;if(!i)return;const a=this.containerRef.getBoundingClientRect().right,o=i.getBoundingClientRect().right;this.containerRef.scrollBy({left:o-a,behavior:"smooth"})},this.scrollToActiveTab=t=>{if(!this.containerRef||!this.scrollable)return;const r=t||this.host.querySelector("r-tab[active]");if(!r)return;const s=this.containerRef.getBoundingClientRect(),i=r.getBoundingClientRect();i.left>=s.left&&i.right<=s.right||this.containerRef.scrollBy({left:i.left-s.left-s.width/2+i.width/2,behavior:"smooth"})},this.renderScrollButton=(t,s,i,a)=>{const o=r("r-icon-button",{onRClick:i,disabled:s,name:"left"===t?"angle-left":"angle-right",size:"s",rTabindex:-1,class:"r-tabs-list--scroll-button"});return a?r("r-tooltip",{text:a,position:"top"},o):o}}tabChangeAction(t){this.scrollToActiveTab(t.target)}get tabElements(){return this.host.querySelectorAll("r-tab")}componentDidLoad(){this.updateScrollState(),this.initiatizeResizeObserver(),this.scrollToActiveTab()}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}render(){return r(s,{key:"19666af123fe058aa3e654c153ad84ec16861a59",scrollable:`${this.scrollable}`,role:"tablist"},r("div",{key:"5de7241f57b419133f81ae565bf517873a8e9268",class:"r-tabs-list"},this.scrollable&&r("div",{key:"ff5edcbb61dd4ba9be3e0baf22822edbcbf8ec6d","aria-hidden":"true",class:"r-tabs-list--scroll-button-container"},this.renderScrollButton("left",this.firstItemVisible,this.scrollLeft,this.scrollLeftTooltip),!this.firstItemVisible&&r("div",{key:"76fbeab529e2a7869ac7e946b1c0863969114888",class:"r-tabs-list--scroll-indicator"})),r("div",{key:"d520b386242700c000daf85eba8d50fb014fc616",class:"r-tabs-list--tabs-container",ref:t=>this.containerRef=t,onScroll:this.updateScrollState},r("slot",{key:"f8534275445ed4d32154519f0a8f592ee7ea3353"})),this.scrollable&&r("div",{key:"8ca03d4864eba5af975de4dd6dc6fd3c3e8be108","aria-hidden":"true",class:"r-tabs-list--scroll-button-container"},!this.lastItemVisible&&r("div",{key:"1a0534b79bbe3273a73f48530a3a17ccac0d7826",class:"r-tabs-list--scroll-indicator"}),this.renderScrollButton("right",this.lastItemVisible,this.scrollRight,this.scrollRightTooltip))))}get host(){return i(this)}};a.style=":host{display:block}:host([variant=compact]){--r-tabs-list--r-tab--margin-right:0;--r-tabs-list--r-tab--flex:1;--r-tab--width:100%}:host([scrollable=true]){--r-tabs-list--tabs-container--margin:-6px 4px}:host([border=branded]){--r-tab--marker--background-color:var(--r-border-brand-vanguard, #527a42)}.r-tabs-list{display:var(--r-tabs-list--display, flex);margin-bottom:var(--r-tabs-list--margin-bottom, var(--r-spacing-250, 2.5rem));border-bottom-width:var(--r-tabs-list--border-bottom-width, 1px);border-bottom-style:var(--r-tabs-list--border-bottom-style, solid);border-bottom-color:var(--r-tabs-list--border-bottom-color, var(--r-border-softer, #c9c9c9))}.r-tabs-list--scroll-button{--r-icon-button--border-radius:var(--r-tabs-list--border-radius, 0);--r-icon-button--width:var(--r-tabs-list--scroll-button--width, var(--r-spacing-200, 2rem));--r-icon-button--height:var(--r-tabs-list--scroll-button--height, var(--r-spacing-200, 2rem))}.r-tabs-list--tabs-container{display:var(--r-tabs-list--tabs-container--display, flex);flex:var(--r-tabs-list--tabs-container--flex, 1);overflow:var(--r-tabs-list--tabs-container--overflow, scroll hidden);scroll-snap-type:var(--r-tabs-list--tabs-container--scroll-snap-type, x proximity);scrollbar-width:var(--r-tabs-list--tabs-container--scrollbar-width, none);margin:var(--r-tabs-list--tabs-container--margin, -6px);padding:var(--r-tabs-list--tabs-container--padding, 6px)}.r-tabs-list--scroll-button-container{display:var(--r-tabs-list--scroll-button-container--display, flex);align-items:var(--r-tabs-list--scroll-button-container--align-items, start);gap:var(--r-tabs-list--scroll-button-container--gap, var(--r-spacing-025, 0.25rem))}.r-tabs-list--scroll-indicator{margin-top:var(--r-tabs-list--scroll-indicator--margin, 2px);width:var(--r-tabs-list--scroll-button--after--width, 1px);height:var(--r-tabs-list--scroll-button--after--height, var(--r-spacing-175, 1.75rem));background-color:var(--r-tabs-list----scroll-indicator--background-color, var(--r-border-softer, #c9c9c9));z-index:var(--r-tabs-list----scroll-indicator--z-index, 1)}.r-tabs-list ::slotted(r-tab){margin-right:var(--r-tabs-list--r-tab--margin-right, var(--r-spacing-250, 2.5rem));flex:var(--r-tabs-list--r-tab--flex, none)}.r-tabs-list ::slotted(r-tab:last-of-type){margin-right:var(--r-tabs-list--r-tab--last-of-type--margin-right, 0)}";export{a as r_tabs_list}
1
+ import{r as t,h as r,H as s,g as i}from"./p-CTxpqopm.js";const a=class{constructor(s){t(this,s),this.variant="expanded",this.border="standard",this.scrollable=!1,this.firstItemVisible=!0,this.lastItemVisible=!1,this.initiatizeResizeObserver=()=>{this.containerRef&&!this.resizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateScrollState())),this.resizeObserver.observe(this.containerRef))},this.updateScrollState=()=>{if(!this.containerRef)return;const{scrollWidth:t,clientWidth:r}=this.containerRef,s=this.containerRef.getBoundingClientRect(),i=Array.from(this.tabElements);if(this.scrollable=t>r,!this.scrollable||0===i.length)return this.firstItemVisible=!0,void(this.lastItemVisible=!0);const a=i[0].getBoundingClientRect();this.firstItemVisible=a.left>=s.left-1;const o=i[i.length-1].getBoundingClientRect();this.lastItemVisible=o.right<=s.right+1},this.getVisibleTabOnLeft=()=>{if(!this.containerRef)return null;const t=this.containerRef.getBoundingClientRect(),r=Array.from(this.tabElements);for(const s of r)if(s.getBoundingClientRect().right>t.left+1)return s},this.getVisibleTabOnRight=()=>{if(!this.containerRef)return null;const t=this.containerRef.getBoundingClientRect(),r=Array.from(this.tabElements);for(let s=r.length-1;s>=0;s--){const i=r[s];if(i.getBoundingClientRect().left<t.right-1)return i}return null},this.scrollLeft=()=>{if(!this.containerRef)return;const t=this.getVisibleTabOnLeft();if(!t)return;const r=Array.from(this.tabElements),s=r.indexOf(t),i=s>0?r[s-1]:null;if(!i)return;const a=this.containerRef.getBoundingClientRect().left,o=i.getBoundingClientRect().left;this.containerRef.scrollBy({left:o-a,behavior:"smooth"})},this.scrollRight=()=>{if(!this.containerRef)return;const t=this.getVisibleTabOnRight();if(!t)return;const r=Array.from(this.tabElements),s=r.indexOf(t),i=s<r.length-1?r[s+1]:null;if(!i)return;const a=this.containerRef.getBoundingClientRect().right,o=i.getBoundingClientRect().right;this.containerRef.scrollBy({left:o-a,behavior:"smooth"})},this.scrollToActiveTab=t=>{if(!this.containerRef||!this.scrollable)return;const r=t||this.host.querySelector("r-tab[active]");if(!r)return;const s=this.containerRef.getBoundingClientRect(),i=r.getBoundingClientRect();i.left>=s.left&&i.right<=s.right||this.containerRef.scrollBy({left:i.left-s.left-s.width/2+i.width/2,behavior:"smooth"})},this.renderScrollButton=(t,s,i,a)=>{const o=r("r-icon-button",{onRClick:i,disabled:s,name:"left"===t?"angle-left":"angle-right",size:"s",rTabindex:-1,class:"r-tabs-list--scroll-button"});return a?r("r-tooltip",{text:a,position:"top"},o):o}}tabChangeAction(t){this.scrollToActiveTab(t.target)}get tabElements(){return this.host.querySelectorAll("r-tab")}componentDidLoad(){this.updateScrollState(),this.initiatizeResizeObserver(),this.scrollToActiveTab()}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}render(){return r(s,{key:"3a43356d4178acc008f6213b4f27488740582497",scrollable:`${this.scrollable}`,role:"tablist"},r("div",{key:"aa5fdb9a8e8445b083a9ac17d0b6c72f8693e181",class:"r-tabs-list"},this.scrollable&&r("div",{key:"2ba0a3eeae8fd073016af13c9781a20b3c1078cd","aria-hidden":"true",class:"r-tabs-list--scroll-button-container"},this.renderScrollButton("left",this.firstItemVisible,this.scrollLeft,this.scrollLeftTooltip),!this.firstItemVisible&&r("div",{key:"132141c530c86a0cb5abb48ae5ab55fe00c33444",class:"r-tabs-list--scroll-indicator"})),r("div",{key:"bbad4d5cf268fa5e15f2e83050ab4f40ec284cbc",class:"r-tabs-list--tabs-container",ref:t=>this.containerRef=t,onScroll:this.updateScrollState},r("slot",{key:"8531037917ff783f4467e232ffafff4f2fd0be1f"})),this.scrollable&&r("div",{key:"e39465fadb91478adf2f2ed529a89038ff6695c3","aria-hidden":"true",class:"r-tabs-list--scroll-button-container"},!this.lastItemVisible&&r("div",{key:"a4d5660cde041b1ab6ef77c8498e74a85fb79289",class:"r-tabs-list--scroll-indicator"}),this.renderScrollButton("right",this.lastItemVisible,this.scrollRight,this.scrollRightTooltip))))}get host(){return i(this)}};a.style=":host{display:block}:host([variant=compact]){--r-tabs-list--r-tab--margin-right:0;--r-tabs-list--r-tab--flex:1;--r-tab--width:100%}:host([scrollable=true]){--r-tabs-list--tabs-container--margin:-6px 4px}:host([border=branded]){--r-tab--marker--background-color:var(--r-border-brand-vanguard, #527a42)}.r-tabs-list{display:var(--r-tabs-list--display, flex);margin-bottom:var(--r-tabs-list--margin-bottom, var(--r-spacing-250, 2.5rem));border-bottom-width:var(--r-tabs-list--border-bottom-width, 1px);border-bottom-style:var(--r-tabs-list--border-bottom-style, solid);border-bottom-color:var(--r-tabs-list--border-bottom-color, var(--r-border-softer, #c9c9c9))}.r-tabs-list--scroll-button{--r-icon-button--border-radius:var(--r-tabs-list--border-radius, 0);--r-icon-button--width:var(--r-tabs-list--scroll-button--width, var(--r-spacing-200, 2rem));--r-icon-button--height:var(--r-tabs-list--scroll-button--height, var(--r-spacing-200, 2rem))}.r-tabs-list--tabs-container{display:var(--r-tabs-list--tabs-container--display, flex);flex:var(--r-tabs-list--tabs-container--flex, 1);overflow:var(--r-tabs-list--tabs-container--overflow, scroll hidden);scroll-snap-type:var(--r-tabs-list--tabs-container--scroll-snap-type, x proximity);scrollbar-width:var(--r-tabs-list--tabs-container--scrollbar-width, none);margin:var(--r-tabs-list--tabs-container--margin, -6px);padding:var(--r-tabs-list--tabs-container--padding, 6px)}.r-tabs-list--scroll-button-container{display:var(--r-tabs-list--scroll-button-container--display, flex);align-items:var(--r-tabs-list--scroll-button-container--align-items, start);gap:var(--r-tabs-list--scroll-button-container--gap, var(--r-spacing-025, 0.25rem))}.r-tabs-list--scroll-indicator{margin-top:var(--r-tabs-list--scroll-indicator--margin, 2px);width:var(--r-tabs-list--scroll-button--after--width, 1px);height:var(--r-tabs-list--scroll-button--after--height, var(--r-spacing-175, 1.75rem));background-color:var(--r-tabs-list----scroll-indicator--background-color, var(--r-border-softer, #c9c9c9));z-index:var(--r-tabs-list----scroll-indicator--z-index, 1)}.r-tabs-list ::slotted(r-tab){margin-right:var(--r-tabs-list--r-tab--margin-right, var(--r-spacing-250, 2.5rem));flex:var(--r-tabs-list--r-tab--flex, none)}.r-tabs-list ::slotted(r-tab:last-of-type){margin-right:var(--r-tabs-list--r-tab--last-of-type--margin-right, 0)}";export{a as r_tabs_list}
@@ -0,0 +1 @@
1
+ import{r as e,h as a,H as t,g as s}from"./p-CTxpqopm.js";const o=class{constructor(a){e(this,a)}render(){return a(t,{key:"fcfa2b1df999df8a168bd0255ad7855dce28485c",slot:"leading"},a("div",{key:"2d0e091a66adb24576f5e4a2f0959b8c83dc2017",class:"r-radio-button-leading",style:{display:"contents"}},a("slot",{key:"cebdf0262db3ce092efbe2e8e830aa54903aa59e"})))}get host(){return s(this)}};o.style=":host{color:var(--r-icon-soft, #686868)}";export{o as r_radio_button_leading}