@riverty/web-components 5.4.0 → 5.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (177) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/custom-elements.json +8 -0
  3. package/dist/cjs/{index-BnETQtSf.js → index-DJ4H_bFj.js} +382 -5
  4. package/dist/cjs/loader.cjs.js +2 -2
  5. package/dist/cjs/r-accordion-item.cjs.entry.js +1 -1
  6. package/dist/cjs/r-accordion-panel.cjs.entry.js +1 -1
  7. package/dist/cjs/r-accordion-section.cjs.entry.js +1 -1
  8. package/dist/cjs/r-accordion-trigger.cjs.entry.js +1 -1
  9. package/dist/cjs/r-accordion.cjs.entry.js +1 -1
  10. package/dist/cjs/r-alert.cjs.entry.js +1 -1
  11. package/dist/cjs/r-badge.cjs.entry.js +1 -1
  12. package/dist/cjs/r-button.cjs.entry.js +1 -1
  13. package/dist/cjs/r-checkbox-group.cjs.entry.js +1 -1
  14. package/dist/cjs/r-checkbox.cjs.entry.js +1 -1
  15. package/dist/cjs/r-design-system-devtools.cjs.entry.js +1 -1
  16. package/dist/cjs/r-dialog.cjs.entry.js +8 -10
  17. package/dist/cjs/r-hint_3.cjs.entry.js +1 -1
  18. package/dist/cjs/r-icon-button.cjs.entry.js +1 -1
  19. package/dist/cjs/r-icon.cjs.entry.js +1 -1
  20. package/dist/cjs/r-input-code.cjs.entry.js +1 -1
  21. package/dist/cjs/r-input-date.cjs.entry.js +1 -1
  22. package/dist/cjs/r-input-password.cjs.entry.js +1 -1
  23. package/dist/cjs/r-input-phone-number.cjs.entry.js +1 -1
  24. package/dist/cjs/r-input.cjs.entry.js +16 -5
  25. package/dist/cjs/r-list-item.cjs.entry.js +5 -6
  26. package/dist/cjs/r-pagination.cjs.entry.js +1 -1
  27. package/dist/cjs/r-panel.cjs.entry.js +1 -1
  28. package/dist/cjs/r-popover-action.cjs.entry.js +1 -1
  29. package/dist/cjs/r-popover-content.cjs.entry.js +1 -1
  30. package/dist/cjs/r-popover-headline.cjs.entry.js +1 -1
  31. package/dist/cjs/r-popover-trigger.cjs.entry.js +1 -1
  32. package/dist/cjs/r-popover.cjs.entry.js +1 -1
  33. package/dist/cjs/r-progress-bar.cjs.entry.js +1 -1
  34. package/dist/cjs/r-radio-button-description.cjs.entry.js +1 -1
  35. package/dist/cjs/r-radio-button-leading.cjs.entry.js +1 -1
  36. package/dist/cjs/r-radio-button-title.cjs.entry.js +1 -1
  37. package/dist/cjs/r-radio-button-trailing.cjs.entry.js +1 -1
  38. package/dist/cjs/r-radio-button.cjs.entry.js +1 -1
  39. package/dist/cjs/r-radio-group.cjs.entry.js +1 -1
  40. package/dist/cjs/r-select-option.cjs.entry.js +1 -1
  41. package/dist/cjs/r-select.cjs.entry.js +1 -1
  42. package/dist/cjs/r-skip-link.cjs.entry.js +1 -1
  43. package/dist/cjs/r-stepper-item.cjs.entry.js +1 -1
  44. package/dist/cjs/r-stepper.cjs.entry.js +1 -1
  45. package/dist/cjs/r-tab-panel.cjs.entry.js +1 -1
  46. package/dist/cjs/r-tab.cjs.entry.js +1 -1
  47. package/dist/cjs/r-tabs-list.cjs.entry.js +1 -1
  48. package/dist/cjs/r-tabs.cjs.entry.js +1 -1
  49. package/dist/cjs/r-textarea.cjs.entry.js +1 -1
  50. package/dist/cjs/r-toast-group.cjs.entry.js +15 -5
  51. package/dist/cjs/r-toast.cjs.entry.js +10 -10
  52. package/dist/cjs/web-components.cjs.js +2 -2
  53. package/dist/collection/components/dialog/dialog.css +1 -1
  54. package/dist/collection/components/dialog/dialog.js +23 -8
  55. package/dist/collection/components/input/input.js +15 -4
  56. package/dist/collection/components/list-item/list-item/list-item.css +19 -11
  57. package/dist/collection/components/list-item/list-item/list-item.js +41 -4
  58. package/dist/collection/components/toast/toast.css +8 -2
  59. package/dist/collection/components/toast/toast.js +8 -8
  60. package/dist/collection/components/toast-group/toast-group.css +14 -13
  61. package/dist/collection/components/toast-group/toast-group.js +14 -4
  62. package/dist/esm/{index-CTxpqopm.js → index-Da7qOBFr.js} +382 -5
  63. package/dist/esm/loader.js +3 -3
  64. package/dist/esm/r-accordion-item.entry.js +1 -1
  65. package/dist/esm/r-accordion-panel.entry.js +1 -1
  66. package/dist/esm/r-accordion-section.entry.js +1 -1
  67. package/dist/esm/r-accordion-trigger.entry.js +1 -1
  68. package/dist/esm/r-accordion.entry.js +1 -1
  69. package/dist/esm/r-alert.entry.js +1 -1
  70. package/dist/esm/r-badge.entry.js +1 -1
  71. package/dist/esm/r-button.entry.js +1 -1
  72. package/dist/esm/r-checkbox-group.entry.js +1 -1
  73. package/dist/esm/r-checkbox.entry.js +1 -1
  74. package/dist/esm/r-design-system-devtools.entry.js +1 -1
  75. package/dist/esm/r-dialog.entry.js +8 -10
  76. package/dist/esm/r-hint_3.entry.js +1 -1
  77. package/dist/esm/r-icon-button.entry.js +1 -1
  78. package/dist/esm/r-icon.entry.js +1 -1
  79. package/dist/esm/r-input-code.entry.js +1 -1
  80. package/dist/esm/r-input-date.entry.js +1 -1
  81. package/dist/esm/r-input-password.entry.js +1 -1
  82. package/dist/esm/r-input-phone-number.entry.js +1 -1
  83. package/dist/esm/r-input.entry.js +16 -5
  84. package/dist/esm/r-list-item.entry.js +5 -6
  85. package/dist/esm/r-pagination.entry.js +1 -1
  86. package/dist/esm/r-panel.entry.js +1 -1
  87. package/dist/esm/r-popover-action.entry.js +1 -1
  88. package/dist/esm/r-popover-content.entry.js +1 -1
  89. package/dist/esm/r-popover-headline.entry.js +1 -1
  90. package/dist/esm/r-popover-trigger.entry.js +1 -1
  91. package/dist/esm/r-popover.entry.js +1 -1
  92. package/dist/esm/r-progress-bar.entry.js +1 -1
  93. package/dist/esm/r-radio-button-description.entry.js +1 -1
  94. package/dist/esm/r-radio-button-leading.entry.js +1 -1
  95. package/dist/esm/r-radio-button-title.entry.js +1 -1
  96. package/dist/esm/r-radio-button-trailing.entry.js +1 -1
  97. package/dist/esm/r-radio-button.entry.js +1 -1
  98. package/dist/esm/r-radio-group.entry.js +1 -1
  99. package/dist/esm/r-select-option.entry.js +1 -1
  100. package/dist/esm/r-select.entry.js +1 -1
  101. package/dist/esm/r-skip-link.entry.js +1 -1
  102. package/dist/esm/r-stepper-item.entry.js +1 -1
  103. package/dist/esm/r-stepper.entry.js +1 -1
  104. package/dist/esm/r-tab-panel.entry.js +1 -1
  105. package/dist/esm/r-tab.entry.js +1 -1
  106. package/dist/esm/r-tabs-list.entry.js +1 -1
  107. package/dist/esm/r-tabs.entry.js +1 -1
  108. package/dist/esm/r-textarea.entry.js +1 -1
  109. package/dist/esm/r-toast-group.entry.js +15 -5
  110. package/dist/esm/r-toast.entry.js +10 -10
  111. package/dist/esm/web-components.js +3 -3
  112. package/dist/types/components/dialog/dialog.d.ts +6 -1
  113. package/dist/types/components/input/input.d.ts +1 -0
  114. package/dist/types/components/list-item/list-item/list-item.d.ts +6 -1
  115. package/dist/types/components/toast-group/toast-group.d.ts +2 -0
  116. package/dist/types/components.d.ts +35 -0
  117. package/dist/web-components/{p-aecd025b.entry.js → p-00ca474f.entry.js} +1 -1
  118. package/dist/web-components/{p-3fc2b23b.entry.js → p-00eb6986.entry.js} +1 -1
  119. package/dist/web-components/{p-2d85c0f3.entry.js → p-0735fd75.entry.js} +1 -1
  120. package/dist/web-components/{p-9c40f9cd.entry.js → p-0bb04d79.entry.js} +1 -1
  121. package/dist/web-components/{p-ef0f43e0.entry.js → p-0f4eea22.entry.js} +1 -1
  122. package/dist/web-components/{p-4cf01f30.entry.js → p-1c2497de.entry.js} +1 -1
  123. package/dist/web-components/p-2265dae1.entry.js +1 -0
  124. package/dist/web-components/{p-03ff9abf.entry.js → p-230e44ae.entry.js} +1 -1
  125. package/dist/web-components/{p-735da2bb.entry.js → p-24bbf3b6.entry.js} +1 -1
  126. package/dist/web-components/{p-3ea6a1be.entry.js → p-28718c50.entry.js} +1 -1
  127. package/dist/web-components/{p-1157b7f4.entry.js → p-2b2f581a.entry.js} +1 -1
  128. package/dist/web-components/{p-0a424361.entry.js → p-3b4e3faf.entry.js} +1 -1
  129. package/dist/web-components/p-3bc93d65.entry.js +1 -0
  130. package/dist/web-components/{p-dc93ed55.entry.js → p-429213ea.entry.js} +1 -1
  131. package/dist/web-components/{p-c60294d4.entry.js → p-43eff76a.entry.js} +1 -1
  132. package/dist/web-components/{p-c7a9da98.entry.js → p-44ae9f33.entry.js} +1 -1
  133. package/dist/web-components/{p-66c454ce.entry.js → p-4652635a.entry.js} +1 -1
  134. package/dist/web-components/{p-e50503d0.entry.js → p-4bd3e077.entry.js} +1 -1
  135. package/dist/web-components/{p-89ff32dc.entry.js → p-4e3df002.entry.js} +1 -1
  136. package/dist/web-components/p-51a5804b.entry.js +1 -0
  137. package/dist/web-components/{p-e273950c.entry.js → p-72fa1fd1.entry.js} +1 -1
  138. package/dist/web-components/{p-135be1d5.entry.js → p-755cc697.entry.js} +1 -1
  139. package/dist/web-components/{p-e74c363a.entry.js → p-77155630.entry.js} +1 -1
  140. package/dist/web-components/{p-48dfb286.entry.js → p-7fccc301.entry.js} +1 -1
  141. package/dist/web-components/{p-988a7731.entry.js → p-85a9af42.entry.js} +1 -1
  142. package/dist/web-components/{p-24130cdb.entry.js → p-87f39749.entry.js} +1 -1
  143. package/dist/web-components/{p-c9b2389b.entry.js → p-89136369.entry.js} +1 -1
  144. package/dist/web-components/{p-77dc268e.entry.js → p-8c577cda.entry.js} +1 -1
  145. package/dist/web-components/{p-6b7d5236.entry.js → p-99ba15d9.entry.js} +1 -1
  146. package/dist/web-components/{p-900923ab.entry.js → p-9eb1f262.entry.js} +1 -1
  147. package/dist/web-components/p-Da7qOBFr.js +2 -0
  148. package/dist/web-components/{p-2394508f.entry.js → p-a022f356.entry.js} +1 -1
  149. package/dist/web-components/{p-df81177e.entry.js → p-a58124c4.entry.js} +1 -1
  150. package/dist/web-components/{p-8d2f4097.entry.js → p-a683612d.entry.js} +1 -1
  151. package/dist/web-components/{p-9891afb8.entry.js → p-a7e7f8fa.entry.js} +1 -1
  152. package/dist/web-components/{p-fdf70aed.entry.js → p-ad4292d8.entry.js} +1 -1
  153. package/dist/web-components/p-c09a863b.entry.js +1 -0
  154. package/dist/web-components/{p-71d6c4d7.entry.js → p-c7f8e59b.entry.js} +1 -1
  155. package/dist/web-components/{p-f625b739.entry.js → p-c937bd92.entry.js} +1 -1
  156. package/dist/web-components/p-cbcd7699.entry.js +1 -0
  157. package/dist/web-components/p-e0e2f2b2.entry.js +1 -0
  158. package/dist/web-components/{p-8d6a35e3.entry.js → p-e49b1ec3.entry.js} +1 -1
  159. package/dist/web-components/p-e4b66277.entry.js +1 -0
  160. package/dist/web-components/p-e6a31881.entry.js +1 -0
  161. package/dist/web-components/{p-05ba30ba.entry.js → p-f1e22caa.entry.js} +1 -1
  162. package/dist/web-components/{p-10724c18.entry.js → p-f22696e0.entry.js} +1 -1
  163. package/dist/web-components/p-f6a92287.entry.js +1 -0
  164. package/dist/web-components/p-f7adb875.entry.js +1 -0
  165. package/dist/web-components/web-components.esm.js +1 -1
  166. package/package.json +1 -1
  167. package/dist/web-components/p-0ac858b8.entry.js +0 -1
  168. package/dist/web-components/p-0bb0de18.entry.js +0 -1
  169. package/dist/web-components/p-1ed3efd7.entry.js +0 -1
  170. package/dist/web-components/p-20f979ff.entry.js +0 -1
  171. package/dist/web-components/p-31c8388d.entry.js +0 -1
  172. package/dist/web-components/p-333707b2.entry.js +0 -1
  173. package/dist/web-components/p-61f78bf6.entry.js +0 -1
  174. package/dist/web-components/p-8f719321.entry.js +0 -1
  175. package/dist/web-components/p-9f583ed1.entry.js +0 -1
  176. package/dist/web-components/p-CTxpqopm.js +0 -2
  177. package/dist/web-components/p-caca2855.entry.js +0 -1
@@ -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){var s,e,a,r;const n=Array.from(this.tabElements).filter((t=>!t.disabled)),o=n.indexOf(t);switch(i){case"ArrowLeft":0===o?null===(s=n[n.length-1])||void 0===s||s.focus():n[o-1].focus();break;case"ArrowRight":o===n.length-1?null===(e=n[0])||void 0===e||e.focus():n[o+1].focus();break;case"Home":null===(a=n[0])||void 0===a||a.focus();break;case"End":null===(r=n[n.length-1])||void 0===r||r.focus()}}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:"ddb0847ae3eb4a03c446b2dd193f2fa9603081df",class:"r-tabs"},s("slot",{key:"d60346bd45b58534e6ac922ac66c09c1bb04c532"}))}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-Da7qOBFr.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){var s,e,a,r;const n=Array.from(this.tabElements).filter((t=>!t.disabled)),o=n.indexOf(t);switch(i){case"ArrowLeft":0===o?null===(s=n[n.length-1])||void 0===s||s.focus():n[o-1].focus();break;case"ArrowRight":o===n.length-1?null===(e=n[0])||void 0===e||e.focus():n[o+1].focus();break;case"Home":null===(a=n[0])||void 0===a||a.focus();break;case"End":null===(r=n[n.length-1])||void 0===r||r.focus()}}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:"ddb0847ae3eb4a03c446b2dd193f2fa9603081df",class:"r-tabs"},s("slot",{key:"d60346bd45b58534e6ac922ac66c09c1bb04c532"}))}get host(){return a(this)}};r.style=":host{display:block;margin-top:var(--r-spacing-150, 1.5rem)}";export{r as r_tabs}
@@ -0,0 +1 @@
1
+ import{r,h as t,H as e,g as a}from"./p-Da7qOBFr.js";const s=class{constructor(t){r(this,t)}render(){return t(e,{key:"83668642a70a083a0db012ad4e80aa31eeb08b85",slot:"description"},t("div",{key:"12530fbda5f2789443e7d78237ba633922d97683",class:"r-radio-button-description",style:{display:"contents"}},t("slot",{key:"a62b23dc0e9ea5f80660e9e97a45a4f1aef50c24"})))}get host(){return a(this)}};s.style=":host{font-size:var(--r-font-size-400, 1rem);font-weight:var(--r-font-weight-regular, 400);color:var(--r-text-regular, #282828)}";export{s as r_radio_button_description}
@@ -1 +1 @@
1
- import{r as e,c as o,h as t,H as r,g as i}from"./p-CTxpqopm.js";const n=class{constructor(t){e(this,t),this.optionClick=o(this,"optionClick"),this.disabled=!1,this.selected=!1,this.iconSize="m",this.iconColor="var(--r-select-option--color)",this.iconPosition="start",this.uniqueId=`r-select-option-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.isFocused=!1,this.isSelected=!1,this.handleClick=e=>{if(e.preventDefault(),this.disabled)return;const{host:o,value:t}=this;this.optionClick.emit({element:o,value:t})},this.handleKeydown=e=>{e.preventDefault()}}async setFocus(){this.isFocused=!0}async setBlur(){this.isFocused=!1}async setSelected(){this.isSelected=!0}async clearSelected(){this.isSelected=!1}get hasIconSlot(){return!!this.host.querySelector('[slot="icon"]')}get definedValue(){var e,o;const t=null===(e=this.host.textContent)||void 0===e?void 0:e.trim();return(null===(o=this.host.getAttribute("label"))||void 0===o?void 0:o.trim())||t||""}componentWillLoad(){var e;(null===(e=this.value)||void 0===e?void 0:e.length)>0||this.host.setAttribute("value",this.definedValue),this.isSelected=this.selected}render(){const{disabled:e,uniqueId:o,icon:i,iconSize:n,iconColor:s,hasIconSlot:a}=this;return t(r,{key:"1f3440961f3c606f5b2b1eef77ae3c53fc1ea4a0",id:o,role:"option",onClick:this.handleClick,onKeydown:this.handleKeydown,"aria-disabled":`${e}`,"aria-selected":`${this.isSelected}`,"data-value":this.definedValue,"data-focused":`${this.isFocused}`},t("div",{key:"9a29dd16478d39c905f8cb54ca603e6982c3a24e",class:"r-select-option"},i&&t("span",{key:"fdcecb70781424749e0527f06eff5140a8a79ccc",class:"r-select-option--icon"},t("r-icon",Object.assign({key:"5a1906d39a27bc70729d26e93fd8f0d77e80e972"},{name:i,size:n,color:s}))),!i&&a&&t("span",{key:"572b0e90b5695e0233505f28fb7c9b3dbc90a73f",class:"r-select-option--icon"},t("slot",{key:"bc04c317491e690281b0f4442aaff3f86a5ddb12",name:"icon"})),t("span",{key:"77bf634b415a36d8463212918cf200fda8647f85",class:"r-select-option--label"},t("slot",{key:"83dd97fa580d18f4a9e27beca4835adf6c746240"}))))}get host(){return i(this)}};n.style=":host(:hover){--r-select-option--background-color:var(--r-background-interactive-hovered)}:host(:not([aria-disabled=true]):focus){outline:var(--outline, none);--r-select-option--background-color:var(--r-background-interactive-hovered);--r-select-option--border-color:var(--r-background-interactive-softest);--r-select-option--box-shadow:inset 0px 0px 0px 1px var(--r-border-focused-outlined, #fff), inset 0 0 0 3px var(--r-border-focused, #0071e3), inset 0 0 0 4px var(--r-border-focused-outlined, #fff);--r-select-option--outline:2px solid var(--r-border-focused, #0071e3);--r-select-option--outline-offset:-4px;--r-select-option--z-index:1}:host([data-focused=true]){outline:var(--outline, none);--r-select-option--background-color:var(--r-background-interactive-hovered);--r-select-option--border-color:var(--r-background-interactive-softest);--r-select-option--box-shadow:inset 0px 0px 0px 1px var(--r-border-focused-outlined, #fff), inset 0 0 0 3px var(--r-border-focused, #0071e3), inset 0 0 0 4px var(--r-border-focused-outlined, #fff);--r-select-option--outline:2px solid var(--r-border-focused, #0071e3);--r-select-option--outline-offset:-4px}:host(:not([aria-disabled=true]):active){--r-select-option--background-color:var(--r-background-interactive-pressed)}:host([aria-disabled=true]),:host([aria-disabled=true]:hover),:host([aria-disabled=true]:focus){--r-select-option--opacity:0.4;--r-select-option--background-color:transparent}:host([aria-selected=true]){--r-select-option--font-weight:600;--r-select-option--background-color:var(--r-background-interactive-hovered)}:host([aria-hidden=true]){--r-select-option--display:none}:host([icon-position=end]){--r-select-option--flex-direction:row-reverse;--r-select-option--icon--margin-left:0.75em;--r-select-option--icon--margin-right:0}.r-select-option{box-sizing:var(--r-select-option--box-sizing);position:var(--r-select-option--position);display:var(--r-select-option--display, flex);flex-direction:var(--r-select-option--flex-direction, row);min-height:var(--r-select-option--min-height, 1.125em);width:var(--r-select-option--width, auto);font-size:var(--r-select-option--font-size, 1rem);line-height:var(--r-select-option--line-height, 1.2);font-weight:var(--r-select-option--font-weight, normal);padding-top:var(--r-select-option--padding-top, 0.75em);padding-right:var(--r-select-option--padding-right, 0.75em);padding-bottom:var(--r-select-option--padding-bottom, 0.75em);padding-left:var(--r-select-option--padding-left, 0.75em);align-items:var(--r-select-option--align-items, center);color:var(--r-select-option--color, inherit);background-color:var(--r-select-option--background-color, rgba(0, 0, 0, 0));border-color:var(--r-select-option--border-color, rgba(0, 0, 0, 0));border-radius:var(--r-select-option--border-radius, 0);border-width:var(--r-select-option--border-width, 1px);border-style:var(--r-select-option--border-style, solid);box-shadow:var(--r-select-option--box-shadow, none);outline:var(--r-select-option--outline, none);outline-offset:var(--r-select-option--outline-offset, 0);transform:var(--r-select-option--transform, none);z-index:var(--r-select-option--z-index, 0);opacity:var(--r-select-option--opacity, 1)}.r-select-option--icon{display:var(--r-select-option--icon--display, inline-flex);align-items:var(--r-select-option--icon--align-items, center);justify-content:var(--r-select-option--icon--justify-content, center);margin-top:var(--r-select-option--icon--margin-top, 0.05em);margin-left:var(--r-select-option--icon--margin-left, 0);margin-right:var(--r-select-option--icon--margin-right, 0.75em)}.r-select-option--icon svg{display:var(--r-select-option--icon--svg--display, inline-flex)}.r-select-option--label{max-width:var(--r-select-option--label--max-width, 100%);text-overflow:var(--r-select-option--label--text-overflow, ellipsis);white-space:var(--r-select-option--label--white-space, normal)}";export{n as r_select_option}
1
+ import{r as e,c as o,h as t,H as r,g as i}from"./p-Da7qOBFr.js";const n=class{constructor(t){e(this,t),this.optionClick=o(this,"optionClick"),this.disabled=!1,this.selected=!1,this.iconSize="m",this.iconColor="var(--r-select-option--color)",this.iconPosition="start",this.uniqueId=`r-select-option-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.isFocused=!1,this.isSelected=!1,this.handleClick=e=>{if(e.preventDefault(),this.disabled)return;const{host:o,value:t}=this;this.optionClick.emit({element:o,value:t})},this.handleKeydown=e=>{e.preventDefault()}}async setFocus(){this.isFocused=!0}async setBlur(){this.isFocused=!1}async setSelected(){this.isSelected=!0}async clearSelected(){this.isSelected=!1}get hasIconSlot(){return!!this.host.querySelector('[slot="icon"]')}get definedValue(){var e,o;const t=null===(e=this.host.textContent)||void 0===e?void 0:e.trim();return(null===(o=this.host.getAttribute("label"))||void 0===o?void 0:o.trim())||t||""}componentWillLoad(){var e;(null===(e=this.value)||void 0===e?void 0:e.length)>0||this.host.setAttribute("value",this.definedValue),this.isSelected=this.selected}render(){const{disabled:e,uniqueId:o,icon:i,iconSize:n,iconColor:s,hasIconSlot:a}=this;return t(r,{key:"1f3440961f3c606f5b2b1eef77ae3c53fc1ea4a0",id:o,role:"option",onClick:this.handleClick,onKeydown:this.handleKeydown,"aria-disabled":`${e}`,"aria-selected":`${this.isSelected}`,"data-value":this.definedValue,"data-focused":`${this.isFocused}`},t("div",{key:"9a29dd16478d39c905f8cb54ca603e6982c3a24e",class:"r-select-option"},i&&t("span",{key:"fdcecb70781424749e0527f06eff5140a8a79ccc",class:"r-select-option--icon"},t("r-icon",Object.assign({key:"5a1906d39a27bc70729d26e93fd8f0d77e80e972"},{name:i,size:n,color:s}))),!i&&a&&t("span",{key:"572b0e90b5695e0233505f28fb7c9b3dbc90a73f",class:"r-select-option--icon"},t("slot",{key:"bc04c317491e690281b0f4442aaff3f86a5ddb12",name:"icon"})),t("span",{key:"77bf634b415a36d8463212918cf200fda8647f85",class:"r-select-option--label"},t("slot",{key:"83dd97fa580d18f4a9e27beca4835adf6c746240"}))))}get host(){return i(this)}};n.style=":host(:hover){--r-select-option--background-color:var(--r-background-interactive-hovered)}:host(:not([aria-disabled=true]):focus){outline:var(--outline, none);--r-select-option--background-color:var(--r-background-interactive-hovered);--r-select-option--border-color:var(--r-background-interactive-softest);--r-select-option--box-shadow:inset 0px 0px 0px 1px var(--r-border-focused-outlined, #fff), inset 0 0 0 3px var(--r-border-focused, #0071e3), inset 0 0 0 4px var(--r-border-focused-outlined, #fff);--r-select-option--outline:2px solid var(--r-border-focused, #0071e3);--r-select-option--outline-offset:-4px;--r-select-option--z-index:1}:host([data-focused=true]){outline:var(--outline, none);--r-select-option--background-color:var(--r-background-interactive-hovered);--r-select-option--border-color:var(--r-background-interactive-softest);--r-select-option--box-shadow:inset 0px 0px 0px 1px var(--r-border-focused-outlined, #fff), inset 0 0 0 3px var(--r-border-focused, #0071e3), inset 0 0 0 4px var(--r-border-focused-outlined, #fff);--r-select-option--outline:2px solid var(--r-border-focused, #0071e3);--r-select-option--outline-offset:-4px}:host(:not([aria-disabled=true]):active){--r-select-option--background-color:var(--r-background-interactive-pressed)}:host([aria-disabled=true]),:host([aria-disabled=true]:hover),:host([aria-disabled=true]:focus){--r-select-option--opacity:0.4;--r-select-option--background-color:transparent}:host([aria-selected=true]){--r-select-option--font-weight:600;--r-select-option--background-color:var(--r-background-interactive-hovered)}:host([aria-hidden=true]){--r-select-option--display:none}:host([icon-position=end]){--r-select-option--flex-direction:row-reverse;--r-select-option--icon--margin-left:0.75em;--r-select-option--icon--margin-right:0}.r-select-option{box-sizing:var(--r-select-option--box-sizing);position:var(--r-select-option--position);display:var(--r-select-option--display, flex);flex-direction:var(--r-select-option--flex-direction, row);min-height:var(--r-select-option--min-height, 1.125em);width:var(--r-select-option--width, auto);font-size:var(--r-select-option--font-size, 1rem);line-height:var(--r-select-option--line-height, 1.2);font-weight:var(--r-select-option--font-weight, normal);padding-top:var(--r-select-option--padding-top, 0.75em);padding-right:var(--r-select-option--padding-right, 0.75em);padding-bottom:var(--r-select-option--padding-bottom, 0.75em);padding-left:var(--r-select-option--padding-left, 0.75em);align-items:var(--r-select-option--align-items, center);color:var(--r-select-option--color, inherit);background-color:var(--r-select-option--background-color, rgba(0, 0, 0, 0));border-color:var(--r-select-option--border-color, rgba(0, 0, 0, 0));border-radius:var(--r-select-option--border-radius, 0);border-width:var(--r-select-option--border-width, 1px);border-style:var(--r-select-option--border-style, solid);box-shadow:var(--r-select-option--box-shadow, none);outline:var(--r-select-option--outline, none);outline-offset:var(--r-select-option--outline-offset, 0);transform:var(--r-select-option--transform, none);z-index:var(--r-select-option--z-index, 0);opacity:var(--r-select-option--opacity, 1)}.r-select-option--icon{display:var(--r-select-option--icon--display, inline-flex);align-items:var(--r-select-option--icon--align-items, center);justify-content:var(--r-select-option--icon--justify-content, center);margin-top:var(--r-select-option--icon--margin-top, 0.05em);margin-left:var(--r-select-option--icon--margin-left, 0);margin-right:var(--r-select-option--icon--margin-right, 0.75em)}.r-select-option--icon svg{display:var(--r-select-option--icon--svg--display, inline-flex)}.r-select-option--label{max-width:var(--r-select-option--label--max-width, 100%);text-overflow:var(--r-select-option--label--text-overflow, ellipsis);white-space:var(--r-select-option--label--white-space, normal)}";export{n as r_select_option}
@@ -1 +1 @@
1
- import{r as t,c as r,h as o,H as e,g as n}from"./p-CTxpqopm.js";const a=class{constructor(o){t(this,o),this.rClick=r(this,"rClick"),this.type="button",this.size="large",this.variant="primary",this.iconPosition="start",this._activateTmpButton=t=>{if(!t)return;const{type:r}=this;switch(r){case"submit":case"reset":{const o=document.createElement("button");o.type=r,o.style.display="none",t.appendChild(o),o.click(),o.remove();break}}},this.handleClick=t=>{this.disabled||this.hasShadowDom&&(!this.isLink&&this.isResetOrSubmit&&(t.preventDefault(),this._activateTmpButton(this.formEl)),this.rClick.emit())},this.handleSlotChange=()=>{this.host.setAttribute("data-icon-only",`${this.isIconOnly}`)}}handleIconChange(){this.host.setAttribute("data-icon-only",`${this.isIconOnly}`)}async triggerClick(){var t;null===(t=this.nativeElement)||void 0===t||t.click()}async setFocus(){var t;null===(t=this.nativeElement)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.nativeElement)||void 0===t||t.blur()}get hasText(){return this.host.textContent.trim().length>0}get hasIcon(){const t=null!==this.host.querySelector("r-icon"),r=null!==this.host.shadowRoot.querySelector("r-icon");return t||r}get isIconOnly(){return this.hasIcon&&!this.hasText}get isLink(){return"string"==typeof this.href}get hasShadowDom(){const{host:t}=this;return!!t.shadowRoot&&!!t.attachShadow}get formEl(){const{form:t,host:r}=this;if("string"==typeof t){const r=document.getElementById(t);if(r instanceof HTMLFormElement)return r}if(void 0===t){const t=r.closest("form");if(t instanceof HTMLFormElement)return t}return null}get isResetOrSubmit(){return"submit"===this.type||"reset"===this.type}get hasIconSlot(){return!!this.host.querySelector('[slot="icon"]')}componentDidLoad(){this.host.dataset.iconOnly=`${this.isIconOnly}`}render(){const{type:t,disabled:r,form:n,href:a,target:i,isLink:s,icon:b,iconPosition:l,rAriaLabel:d}=this,u=Object.assign({},s?r?{"aria-disabled":"true",role:"link"}:{href:a,target:i}:{"aria-disabled":`${r||!1}`,disabled:r,type:t,form:n}),c={name:b,position:l};return o(e,{key:"fb420ad26b71bd10c4a7ad658209b7f626b41169"},o(s?"a":"button",Object.assign({key:"220f36bd8430a020cf4e7d8a891f52356e63e53d",class:"r-button"},u,{"aria-label":d||null,ref:t=>this.nativeElement=t,onClick:this.handleClick}),o("span",{key:"28f6850406d5dcb712c9258089078975081f58e4",class:"r-button--slot"},b&&o("r-icon",Object.assign({key:"22570d6f4a1caa37d55a39037d103c88af165db3",name:b},c,{size:"s"})),this.hasIconSlot&&o("slot",{key:"f256b87218d2aeb30e508803b43a5dac98c6d1e4",name:"icon"}),o("div",{key:"b470794d239582773d00927378199d9ffac4163f",style:{display:"contents"}},o("slot",{key:"de8cf3aa6ce8bc1ad46a9c6d0e381335ce6610e4",onSlotchange:this.handleSlotChange})))))}get host(){return n(this)}static get watchers(){return{icon:["handleIconChange"]}}};a.style=":host{display:inline-flex;vertical-align:top;opacity:1;outline:none}:host(:focus-within:not(:active)){--r-button--box-shadow:0 0 0 1px var(--r-border-focused-outlined, #fff),\n 0 0 0 3px var(--r-border-focused),\n 0 0 0 4px var(--r-border-focused-outlined, #fff);--r-button--outline:2px solid var(--r-border-focused);--r-button--outline-offset:2px}:host(:hover:not(:active):not([disabled]:not([disabled=false]))){--r-button--border-color:var(--r-border-soft, #686868);--r-button--color:var(--r-text-regular, #282828);--r-button--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([disabled]:not([disabled=false])){--r-button--opacity:0.4;--r-button--cursor:not-allowed;--r-button--box-shadow:none}:host([size=small]){--r-button--font-size:var(--r-font-size-300, 0.875rem);--r-button--padding:0.642em 0.857em;--r-button--height:2.75rem}:host([icon-position=end]){--r-button--slot--flex-direction:row-reverse}:host([data-icon-only=start]){--r-button--padding:0.875em}:host([variant=secondary]){--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:var(--r-border-regular, #282828);--r-button--background-color:rgba(0,0,0,0)}:host([variant=secondary]:not([disabled]:not([disabled=false])):hover){--r-button--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04));--r-button--border-color:var(--r-border-soft, #686868)}:host([variant=secondary] .r-button[aria-disabled=false]:active){--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:var(--r-border-soft, #686868);--r-button--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([variant=text]){--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:rgba(0,0,0,0);--r-button--background-color:rgba(0,0,0,0);--r-button--slot--position:relative;--r-button--slot--text-decoration:underline}:host([variant=text]:hover:not([disabled]:not([disabled=false]))){--r-button--border-color:var(--r-border-soft, #686868);--r-button--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([variant=text] .r-button[aria-disabled=false]:active){--r-button--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12));--r-button--border-color:var(--r-border-soft, #686868)}:host([variant=text][text-position=left]){--r-button--padding:0.875em var(--spacing-175, 1.75rem) 0.875em 0}:host([variant=text][text-position=right]){--r-button--padding:0.875em 0 0.875em var(--spacing-175, 1.75rem)}:host([variant=text-inline]){--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:transparent;--r-button--background-color:transparent;--r-button--padding:0 0 0.5rem 0;--r-button--height:auto;--r-button--slot--text-decoration:underline}:host([variant=text-inline]:hover:not([disabled]:not([disabled=false]))){--r-button--slot--text-decoration:none;--r-button--border-color:transparent;--r-button--background-color:transparent}:host([variant=text-inline]:active:not([disabled]:not([disabled=false]))){--r-button--color:var(--r-border-softer, #c9c9c9);--r-button--border-color:transparent;--r-button--background-color:transparent}:host([variant=blank]){--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:rgba(0,0,0,0);--r-button--background-color:rgba(0,0,0,0);--r-button--border-width:0;--r-button--padding:0}:host([variant=blank]) .r-button:active{--r-button--border-width:0;--r-button--background-color:rgba(0,0,0,0)}:host([variant=blank]:hover:not([disabled]:not([disabled=false]))){--r-button--color:var(--r-text-regular, #282828)}:host([expanded]),:host([full-width]:not([full-width=false])){display:block;--r-button--display:flex;--r-button--width:100%}.r-button{display:var(--r-button--display, inline-flex);align-items:var(--r-button--align-items, center);justify-content:var(--r-button--justify-content, center);width:var(--r-button--width, auto);height:var(--r-button--height, 3rem);position:var(--r-button--position, static);top:var(--r-button--top, auto);left:var(--r-button--left, auto);box-sizing:var(--r-button--box-sizing, border-box);outline:var(--r-button--outline, none);outline-offset:var(--r-button--outline-offset, 0);cursor:var(--r-button--cursor, pointer);font-family:var(--r-button--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-button--font-weight, 400);text-align:var(--r-button--text-align, center);text-transform:var(--r-button--text-transform, uppercase);text-decoration:var(--r-button--text-decoration, none);background-color:var(--r-button--background-color, var(--r-background-interactive-regular, #282828));border-width:var(--r-button--border-width, 1px);border-style:var(--r-button--border-style, solid);border-color:var(--r-button--border-color, var(--r-border-strong, #000));color:var(--r-button--color, var(--r-text-inverse, #fff));font-size:var(--r-button--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-button--line-height, 1);letter-spacing:var(--r-button--letter-spacing, 0.04em);padding:var(--r-button--padding, 0.875em var(--r-spacing-175, 1.75rem));box-shadow:var(--r-button--box-shadow, none);pointer-events:var(--r-button--pointer-events, auto);z-index:var(--r-button--z-index, initial);vertical-align:var(--r-button--vertical-align, top);opacity:var(--r-button--opacity, 1)}.r-button[aria-disabled=false]:active{--r-button--color:var(--r-text-regular, #282828);--r-button--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12));--r-button--border-color:var(--r-border-soft, #686868)}.r-button--slot{position:var(--r-button--slot--position, relative);display:var(--r-button--slot--display, flex);flex:var(--r-button--slot--flex, 1);flex-direction:var(--r-button--slot--flex-direction, row);align-items:var(--r-button--slot--align-items, center);justify-content:var(--r-button--slot--justify-content, center);gap:var(--r-button--gap, 0.5em);font-weight:var(--r-button--slot--font-weight, var(--r-font-weight-regular, 400));text-decoration:var(--r-button--slot--text-decoration, none);text-decoration-color:var(--r-button--slot--text-decoration-color, var(--r-button-color, inherit));text-underline-offset:var(--r-button--slot--text-underline-offset, 0.5rem)}";export{a as r_button}
1
+ import{r as t,c as r,h as o,H as e,g as n}from"./p-Da7qOBFr.js";const a=class{constructor(o){t(this,o),this.rClick=r(this,"rClick"),this.type="button",this.size="large",this.variant="primary",this.iconPosition="start",this._activateTmpButton=t=>{if(!t)return;const{type:r}=this;switch(r){case"submit":case"reset":{const o=document.createElement("button");o.type=r,o.style.display="none",t.appendChild(o),o.click(),o.remove();break}}},this.handleClick=t=>{this.disabled||this.hasShadowDom&&(!this.isLink&&this.isResetOrSubmit&&(t.preventDefault(),this._activateTmpButton(this.formEl)),this.rClick.emit())},this.handleSlotChange=()=>{this.host.setAttribute("data-icon-only",`${this.isIconOnly}`)}}handleIconChange(){this.host.setAttribute("data-icon-only",`${this.isIconOnly}`)}async triggerClick(){var t;null===(t=this.nativeElement)||void 0===t||t.click()}async setFocus(){var t;null===(t=this.nativeElement)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.nativeElement)||void 0===t||t.blur()}get hasText(){return this.host.textContent.trim().length>0}get hasIcon(){const t=null!==this.host.querySelector("r-icon"),r=null!==this.host.shadowRoot.querySelector("r-icon");return t||r}get isIconOnly(){return this.hasIcon&&!this.hasText}get isLink(){return"string"==typeof this.href}get hasShadowDom(){const{host:t}=this;return!!t.shadowRoot&&!!t.attachShadow}get formEl(){const{form:t,host:r}=this;if("string"==typeof t){const r=document.getElementById(t);if(r instanceof HTMLFormElement)return r}if(void 0===t){const t=r.closest("form");if(t instanceof HTMLFormElement)return t}return null}get isResetOrSubmit(){return"submit"===this.type||"reset"===this.type}get hasIconSlot(){return!!this.host.querySelector('[slot="icon"]')}componentDidLoad(){this.host.dataset.iconOnly=`${this.isIconOnly}`}render(){const{type:t,disabled:r,form:n,href:a,target:i,isLink:s,icon:b,iconPosition:l,rAriaLabel:d}=this,u=Object.assign({},s?r?{"aria-disabled":"true",role:"link"}:{href:a,target:i}:{"aria-disabled":`${r||!1}`,disabled:r,type:t,form:n}),c={name:b,position:l};return o(e,{key:"fb420ad26b71bd10c4a7ad658209b7f626b41169"},o(s?"a":"button",Object.assign({key:"220f36bd8430a020cf4e7d8a891f52356e63e53d",class:"r-button"},u,{"aria-label":d||null,ref:t=>this.nativeElement=t,onClick:this.handleClick}),o("span",{key:"28f6850406d5dcb712c9258089078975081f58e4",class:"r-button--slot"},b&&o("r-icon",Object.assign({key:"22570d6f4a1caa37d55a39037d103c88af165db3",name:b},c,{size:"s"})),this.hasIconSlot&&o("slot",{key:"f256b87218d2aeb30e508803b43a5dac98c6d1e4",name:"icon"}),o("div",{key:"b470794d239582773d00927378199d9ffac4163f",style:{display:"contents"}},o("slot",{key:"de8cf3aa6ce8bc1ad46a9c6d0e381335ce6610e4",onSlotchange:this.handleSlotChange})))))}get host(){return n(this)}static get watchers(){return{icon:["handleIconChange"]}}};a.style=":host{display:inline-flex;vertical-align:top;opacity:1;outline:none}:host(:focus-within:not(:active)){--r-button--box-shadow:0 0 0 1px var(--r-border-focused-outlined, #fff),\n 0 0 0 3px var(--r-border-focused),\n 0 0 0 4px var(--r-border-focused-outlined, #fff);--r-button--outline:2px solid var(--r-border-focused);--r-button--outline-offset:2px}:host(:hover:not(:active):not([disabled]:not([disabled=false]))){--r-button--border-color:var(--r-border-soft, #686868);--r-button--color:var(--r-text-regular, #282828);--r-button--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([disabled]:not([disabled=false])){--r-button--opacity:0.4;--r-button--cursor:not-allowed;--r-button--box-shadow:none}:host([size=small]){--r-button--font-size:var(--r-font-size-300, 0.875rem);--r-button--padding:0.642em 0.857em;--r-button--height:2.75rem}:host([icon-position=end]){--r-button--slot--flex-direction:row-reverse}:host([data-icon-only=start]){--r-button--padding:0.875em}:host([variant=secondary]){--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:var(--r-border-regular, #282828);--r-button--background-color:rgba(0,0,0,0)}:host([variant=secondary]:not([disabled]:not([disabled=false])):hover){--r-button--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04));--r-button--border-color:var(--r-border-soft, #686868)}:host([variant=secondary] .r-button[aria-disabled=false]:active){--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:var(--r-border-soft, #686868);--r-button--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([variant=text]){--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:rgba(0,0,0,0);--r-button--background-color:rgba(0,0,0,0);--r-button--slot--position:relative;--r-button--slot--text-decoration:underline}:host([variant=text]:hover:not([disabled]:not([disabled=false]))){--r-button--border-color:var(--r-border-soft, #686868);--r-button--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([variant=text] .r-button[aria-disabled=false]:active){--r-button--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12));--r-button--border-color:var(--r-border-soft, #686868)}:host([variant=text][text-position=left]){--r-button--padding:0.875em var(--spacing-175, 1.75rem) 0.875em 0}:host([variant=text][text-position=right]){--r-button--padding:0.875em 0 0.875em var(--spacing-175, 1.75rem)}:host([variant=text-inline]){--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:transparent;--r-button--background-color:transparent;--r-button--padding:0 0 0.5rem 0;--r-button--height:auto;--r-button--slot--text-decoration:underline}:host([variant=text-inline]:hover:not([disabled]:not([disabled=false]))){--r-button--slot--text-decoration:none;--r-button--border-color:transparent;--r-button--background-color:transparent}:host([variant=text-inline]:active:not([disabled]:not([disabled=false]))){--r-button--color:var(--r-border-softer, #c9c9c9);--r-button--border-color:transparent;--r-button--background-color:transparent}:host([variant=blank]){--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:rgba(0,0,0,0);--r-button--background-color:rgba(0,0,0,0);--r-button--border-width:0;--r-button--padding:0}:host([variant=blank]) .r-button:active{--r-button--border-width:0;--r-button--background-color:rgba(0,0,0,0)}:host([variant=blank]:hover:not([disabled]:not([disabled=false]))){--r-button--color:var(--r-text-regular, #282828)}:host([expanded]),:host([full-width]:not([full-width=false])){display:block;--r-button--display:flex;--r-button--width:100%}.r-button{display:var(--r-button--display, inline-flex);align-items:var(--r-button--align-items, center);justify-content:var(--r-button--justify-content, center);width:var(--r-button--width, auto);height:var(--r-button--height, 3rem);position:var(--r-button--position, static);top:var(--r-button--top, auto);left:var(--r-button--left, auto);box-sizing:var(--r-button--box-sizing, border-box);outline:var(--r-button--outline, none);outline-offset:var(--r-button--outline-offset, 0);cursor:var(--r-button--cursor, pointer);font-family:var(--r-button--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-button--font-weight, 400);text-align:var(--r-button--text-align, center);text-transform:var(--r-button--text-transform, uppercase);text-decoration:var(--r-button--text-decoration, none);background-color:var(--r-button--background-color, var(--r-background-interactive-regular, #282828));border-width:var(--r-button--border-width, 1px);border-style:var(--r-button--border-style, solid);border-color:var(--r-button--border-color, var(--r-border-strong, #000));color:var(--r-button--color, var(--r-text-inverse, #fff));font-size:var(--r-button--font-size, var(--r-font-size-400, 1rem));line-height:var(--r-button--line-height, 1);letter-spacing:var(--r-button--letter-spacing, 0.04em);padding:var(--r-button--padding, 0.875em var(--r-spacing-175, 1.75rem));box-shadow:var(--r-button--box-shadow, none);pointer-events:var(--r-button--pointer-events, auto);z-index:var(--r-button--z-index, initial);vertical-align:var(--r-button--vertical-align, top);opacity:var(--r-button--opacity, 1)}.r-button[aria-disabled=false]:active{--r-button--color:var(--r-text-regular, #282828);--r-button--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12));--r-button--border-color:var(--r-border-soft, #686868)}.r-button--slot{position:var(--r-button--slot--position, relative);display:var(--r-button--slot--display, flex);flex:var(--r-button--slot--flex, 1);flex-direction:var(--r-button--slot--flex-direction, row);align-items:var(--r-button--slot--align-items, center);justify-content:var(--r-button--slot--justify-content, center);gap:var(--r-button--gap, 0.5em);font-weight:var(--r-button--slot--font-weight, var(--r-font-weight-regular, 400));text-decoration:var(--r-button--slot--text-decoration, none);text-decoration-color:var(--r-button--slot--text-decoration-color, var(--r-button-color, inherit));text-underline-offset:var(--r-button--slot--text-underline-offset, 0.5rem)}";export{a as r_button}
@@ -1 +1 @@
1
- import{r as t,h as i,H as r}from"./p-CTxpqopm.js";const s=class{constructor(i){t(this,i),this.position="center"}render(){return i(r,{key:"7ca2f29a347197be2951841e6b59807360e76f9d"},i("slot",{key:"6d26f29f7dbec9d60e302de3cbbf0d8d2afd3009"}))}};s.style=":host{display:inline-block;position:absolute;z-index:99999}:host:has(:not(:focus-within)){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host:has(:focus-within){top:var(--r-spacing-100);padding:var(--r-spacing-100);border:1px solid var(--r-border-regular);background:var(--r-background-softest);left:var(--r-skip-link--left, 50%);transform:var(--r-skip-link--transform, translateX(-50%))}:host([position=left]){--r-skip-link--left:var(--r-spacing-100);--r-skip-link--transform:none}::slotted(*:not(:focus-within)){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{s as r_skip_link}
1
+ import{r as t,h as i,H as r}from"./p-Da7qOBFr.js";const s=class{constructor(i){t(this,i),this.position="center"}render(){return i(r,{key:"7ca2f29a347197be2951841e6b59807360e76f9d"},i("slot",{key:"6d26f29f7dbec9d60e302de3cbbf0d8d2afd3009"}))}};s.style=":host{display:inline-block;position:absolute;z-index:99999}:host:has(:not(:focus-within)){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host:has(:focus-within){top:var(--r-spacing-100);padding:var(--r-spacing-100);border:1px solid var(--r-border-regular);background:var(--r-background-softest);left:var(--r-skip-link--left, 50%);transform:var(--r-skip-link--transform, translateX(-50%))}:host([position=left]){--r-skip-link--left:var(--r-spacing-100);--r-skip-link--transform:none}::slotted(*:not(:focus-within)){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}";export{s as r_skip_link}
@@ -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(),this.triggerElement.focus()}))},this.onClickDismiss=()=>{this.hide()},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,v,n,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===(v=null===(p=this.hidePopover)||void 0===p?void 0:p.emit)||void 0===v||v.call(p)),null===(s=null===(n=this.popoverOpenChange)||void 0===n?void 0:n.emit)||void 0===s||s.call(n)}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()}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,v=a-r.right,n=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,m=r=>Object.keys(r).find((o=>r[o])),u={vertical:{},horizontal:{}};u.vertical={top:p>=g,bottom:n>=g,middle:n>(o.height-r.height-c)/2&&p>(o.height-r.height)/2},!u.vertical.middle&&f(u.vertical)||(b=o.width+l),u.horizontal={left:s>=b,right:v>o.width-r.width-l,center:s>o.width/2&&v>o.width/2};let w="cover";u.vertical[t]?w=t:f(u.vertical)&&(w=m(u.vertical));let x="cover";if(u.horizontal[e]?x=e:f(u.horizontal)&&(x=m(u.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}componentDidLoad(){this.open?this.show():this.hide()}render(){return t(e,{key:"da45eae6a21cc01596344d33afc5def4da57967f",id:this.uniqueId,"data-position":this.positionState,"data-open":`${this.isOpen}`,open:this.isOpen},t("div",{key:"ad832de894e0af250cc93bdf3158032bc252740f",class:"r-popover"},t("button",{key:"28c4938bb02cb7c4eaed074178dda00c2c39a0b7",class:"r-popover--trigger","aria-label":this.triggerAriaLabel,ref:r=>this.triggerElement=r,popoverTarget:`${this.uniqueId}-board`,popoverTargetAction:this.triggerAction},t("slot",{key:"0a74ac9d6a7ecdba54771e733f8db5af1709e7fb",name:"trigger"})),t("div",{key:"dbdb43df6a9823f5d8c954146347f40438bbf053",class:"r-popover--board",id:`${this.uniqueId}-board`,popover:this.dismissMode,ref:r=>this.boardElement=r,onToggle:this.onToggle,onKeyDown:this.onKeyDown},this.hasDismiss&&t("r-icon-button",{key:"99cb4c1c050cdf197346ef84f7c610f5f6ed0b4c",ref:r=>this.dismissElement=r,class:"r-popover--dismiss",name:"cross",onClick:this.onClickDismiss,label:this.dismissAriaLabel}),t("div",{key:"fe7e18bd38a4f3879aada14169bfa50f84cd2eac",class:"r-popover--board-content"},t("slot",{key:"b5674f8f2f72340cf5af712f513a20bda9e04b47",name:"headline"}),t("slot",{key:"024ce9cc17f041df172d853176d09f4ec493df20",name:"content"}),t("slot",{key:"437ca7707856b7c6db59240d7b4378c74dc8fda8",name:"action"})),t("div",{key:"93184bd493520dbea03c7c63bbfe8c4ae788cde3",class:"r-popover--board-pointer","aria-hidden":"true"},t("svg",{key:"779d8b7df8f92ea14517ce9ce5099a73a4fdeac8",width:"16",height:"8",viewBox:"0 0 16 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"53b9fee3e6a34cf184d8818ac272122f04193ff6",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;color:var(--r-text-inverse);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;--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 slot{display:contents}:host([size=s]){--r-popover--board--max-width:375px}:host([size=l]){--r-popover--board--max-width:500px}: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--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(--r-popover--board--max-width, var(--board--min-width));max-width:var(--r-popover--board--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-Da7qOBFr.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(),this.triggerElement.focus()}))},this.onClickDismiss=()=>{this.hide()},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,v,n,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===(v=null===(p=this.hidePopover)||void 0===p?void 0:p.emit)||void 0===v||v.call(p)),null===(s=null===(n=this.popoverOpenChange)||void 0===n?void 0:n.emit)||void 0===s||s.call(n)}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()}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,v=a-r.right,n=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,m=r=>Object.keys(r).find((o=>r[o])),u={vertical:{},horizontal:{}};u.vertical={top:p>=g,bottom:n>=g,middle:n>(o.height-r.height-c)/2&&p>(o.height-r.height)/2},!u.vertical.middle&&f(u.vertical)||(b=o.width+l),u.horizontal={left:s>=b,right:v>o.width-r.width-l,center:s>o.width/2&&v>o.width/2};let w="cover";u.vertical[t]?w=t:f(u.vertical)&&(w=m(u.vertical));let x="cover";if(u.horizontal[e]?x=e:f(u.horizontal)&&(x=m(u.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}componentDidLoad(){this.open?this.show():this.hide()}render(){return t(e,{key:"da45eae6a21cc01596344d33afc5def4da57967f",id:this.uniqueId,"data-position":this.positionState,"data-open":`${this.isOpen}`,open:this.isOpen},t("div",{key:"ad832de894e0af250cc93bdf3158032bc252740f",class:"r-popover"},t("button",{key:"28c4938bb02cb7c4eaed074178dda00c2c39a0b7",class:"r-popover--trigger","aria-label":this.triggerAriaLabel,ref:r=>this.triggerElement=r,popoverTarget:`${this.uniqueId}-board`,popoverTargetAction:this.triggerAction},t("slot",{key:"0a74ac9d6a7ecdba54771e733f8db5af1709e7fb",name:"trigger"})),t("div",{key:"dbdb43df6a9823f5d8c954146347f40438bbf053",class:"r-popover--board",id:`${this.uniqueId}-board`,popover:this.dismissMode,ref:r=>this.boardElement=r,onToggle:this.onToggle,onKeyDown:this.onKeyDown},this.hasDismiss&&t("r-icon-button",{key:"99cb4c1c050cdf197346ef84f7c610f5f6ed0b4c",ref:r=>this.dismissElement=r,class:"r-popover--dismiss",name:"cross",onClick:this.onClickDismiss,label:this.dismissAriaLabel}),t("div",{key:"fe7e18bd38a4f3879aada14169bfa50f84cd2eac",class:"r-popover--board-content"},t("slot",{key:"b5674f8f2f72340cf5af712f513a20bda9e04b47",name:"headline"}),t("slot",{key:"024ce9cc17f041df172d853176d09f4ec493df20",name:"content"}),t("slot",{key:"437ca7707856b7c6db59240d7b4378c74dc8fda8",name:"action"})),t("div",{key:"93184bd493520dbea03c7c63bbfe8c4ae788cde3",class:"r-popover--board-pointer","aria-hidden":"true"},t("svg",{key:"779d8b7df8f92ea14517ce9ce5099a73a4fdeac8",width:"16",height:"8",viewBox:"0 0 16 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"53b9fee3e6a34cf184d8818ac272122f04193ff6",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;color:var(--r-text-inverse);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;--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 slot{display:contents}:host([size=s]){--r-popover--board--max-width:375px}:host([size=l]){--r-popover--board--max-width:500px}: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--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(--r-popover--board--max-width, var(--board--min-width));max-width:var(--r-popover--board--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,h as r,H as a}from"./p-CTxpqopm.js";const s=class{constructor(r){t(this,r)}render(){return r(a,{key:"323b36e7d276c42c72764c34f2564153d80b64d2",role:"tablist"},r("div",{key:"bab777186d6d538c6f541e08bda090ab228f38d3",class:"r-tabs-list"},r("slot",{key:"60a0d80ba3ada9d218ca8058cdcdf720277e19d0"})))}};s.style=":host{display:block}.r-tabs-list{display:var(--r-tabs-list--display, flex);margin-bottom:var(--r-tabs-list--margin-bottom, 40px);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 ::slotted(r-tab){margin-right:var(--r-tabs-list--r-tab--margin-right, 40px)}.r-tabs-list ::slotted(r-tab:last-of-type){margin-right:var(--r-tabs-list--r-tab--last-of-type--margin-right, 0)}";export{s as r_tabs_list}
1
+ import{r as t,h as r,H as a}from"./p-Da7qOBFr.js";const s=class{constructor(r){t(this,r)}render(){return r(a,{key:"323b36e7d276c42c72764c34f2564153d80b64d2",role:"tablist"},r("div",{key:"bab777186d6d538c6f541e08bda090ab228f38d3",class:"r-tabs-list"},r("slot",{key:"60a0d80ba3ada9d218ca8058cdcdf720277e19d0"})))}};s.style=":host{display:block}.r-tabs-list{display:var(--r-tabs-list--display, flex);margin-bottom:var(--r-tabs-list--margin-bottom, 40px);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 ::slotted(r-tab){margin-right:var(--r-tabs-list--r-tab--margin-right, 40px)}.r-tabs-list ::slotted(r-tab:last-of-type){margin-right:var(--r-tabs-list--r-tab--last-of-type--margin-right, 0)}";export{s as r_tabs_list}
@@ -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:"78536189423d25a1cf3ee3630512ad44b2dbd444",slot:"trigger",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},e("slot",{key:"e634da1b6053eb1c0df7f08f5486f9492c2bd4d0"}))}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-Da7qOBFr.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:"78536189423d25a1cf3ee3630512ad44b2dbd444",slot:"trigger",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},e("slot",{key:"e634da1b6053eb1c0df7f08f5486f9492c2bd4d0"}))}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 a,c as r,h as o,H as i,g as e}from"./p-Da7qOBFr.js";const t=class{constructor(o){a(this,o),this.dialogClose=r(this,"close"),this.open=!1,this.bodyHeight="auto",this.size="medium",this.isOpen=this.open,this.uniqueId=`r-dialog-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.isElContent=a=>{const r=this.host.querySelector(a);return null!==r&&(null==r?void 0:r.textContent.trim().length)>0},this.onTriggerClick=()=>{this.close()},this.isInside=a=>{var r;const o=null===(r=this.dialogElement)||void 0===r?void 0:r.getBoundingClientRect();return o.top<=a.clientY&&a.clientY<=o.bottom&&o.left<=a.clientX&&a.clientX<=o.right}}handleOpenChange(){this.open&&!this.isOpen&&this.showModal()}get isFooterSlot(){return this.isElContent('[slot="footer"]')}get dialogLabel(){var a,r;return this.headline||(null===(r=null===(a=this.host.querySelector('[slot="header"]'))||void 0===a?void 0:a.textContent)||void 0===r?void 0:r.trim())}async showModal(){var a;this.isOpen=!0,null===(a=this.dialogElement)||void 0===a||a.showModal()}async close(){var a,r;const{returnValue:o}=this;null===(a=this.dialogElement)||void 0===a||a.close(o),null===(r=this.dialogClose)||void 0===r||r.emit(),this.isOpen=!1}async toggle(){this.isOpen?this.showModal():this.close()}_renderInitialState(){this.isOpen&&this.showModal()}connectEventListeners(){var a;null===(a=this.dialogElement)||void 0===a||a.addEventListener("close",this.close)}disconnectEventListeners(){var a;null===(a=this.dialogElement)||void 0===a||a.removeEventListener("close",this.close)}componentDidLoad(){this._renderInitialState(),this.connectEventListeners()}disconnectedCallback(){this.disconnectEventListeners()}onMouseup(a){this.isOpen&&(a.stopPropagation(),this.isInside(a)||this.close())}render(){return o(i,{key:"7fcaaecb6adb988027b05a2a8024db535cda93ba",open:this.isOpen},o("dialog",{key:"f567771b57a02336b8320bd21240d3045b666116",class:"r-dialog","aria-label":this.dialogLabel,ref:a=>this.dialogElement=a,style:{"--r-dialog--body--height":this.bodyHeight}},o("div",{key:"75f660383a67ec9c109fed5f19158ec9c67b38ab",class:"r-dialog--content"},o("div",{key:"e027e8baa90beef1224210c476a6948519492a5a",class:"r-dialog--header",id:`${this.uniqueId}-header`},o("slot",{key:"b480fff8b92e7a77fec394bb6b1b68b5466bc152",name:"header"},this.headline&&o("h2",{key:"f082e1ace95de447ef399f19698bae0f1058fb27",class:"r-dialog--headline"},this.headline)),o("r-icon-button",{key:"681ac8aab0119d3be635f23efd8ccb9113f76ac3",class:"r-dialog--close",name:"cross",size:"s",onRClick:this.onTriggerClick,label:this.closeAriaLabel})),o("div",{key:"262d48e01c3ad1d8bb7b984c1182a9623bfd36d2",class:"r-dialog--body"},this.bodyText,o("slot",{key:"0d77bfb9d9059b3571bb30da11da3464aa6ffea5"}),o("slot",{key:"0bdc239a2abe6fb6643e14c188d4a8f5d214e8b8",name:"form"})),this.isFooterSlot&&o("div",{key:"02c6c9ee41bb7893955b492f4fd171e498041777",class:"r-dialog--footer"},o("slot",{key:"bcf48fd3ecc2378fa82ffb48aa3739ea65477dcd",name:"footer"})))))}get host(){return e(this)}static get watchers(){return{open:["handleOpenChange"]}}};t.style=":host([size=small]){--r-dialog--width:23.4375rem;--r-dialog--max-height:15.625rem}:host([size=medium]){--r-dialog--width:37.5rem;--r-dialog--max-height:37.5rem}:host([size=large]){--r-dialog--width:50rem;--r-dialog--max-height:45rem}@media (max-width: 50rem){:host([size=large]){--r-dialog--width:100%;--right:0;--left:0;--r-dialog--footer--flex-wrap:wrap}}@media (max-height: 48.75rem){:host([size=large]){--r-dialog--margin:18px auto;--top:0;--bottom:0}}@media (max-width: 37.5rem){:host([size=medium]){--r-dialog--width:100%;--right:0;--left:0;--r-dialog--footer--flex-wrap:wrap}}@media (max-height: 43.75rem){:host([size=medium]){--r-dialog--margin:18px auto;--top:0;--bottom:0}}:host{top:var(--top, auto);right:var(--right, auto);bottom:var(--bottom, auto);left:var(--left, auto)}.r-dialog{border:var(--r-dialog--border, none);padding:var(--r-dialog--padding, 24px 0);box-sizing:var(--r-dialog--box-sizing, border-box);overflow:var(--r-dialog--overflow, hidden);width:var(--r-dialog--width, auto);height:var(--r-dialog--height, auto);background-color:var(--r-dialog--background-color, var(--r-background-softest));margin:var(--r-dialog--margin, auto);max-height:var(--r-dialog--max-height, auto)}.r-dialog--content{display:var(--r-dialog--content--display, flex);flex-direction:var(--r-dialog--content--flex-direction, column);gap:var(--r-dialog--content--gap, var(--r-spacing-150, 1.5rem));color:var(--r-dialog--content--color, var(--r-text-regular));height:var(--r-dialog--content--height, 100%)}.r-dialog ::slotted([slot=header]),.r-dialog--headline{font-family:var(--r-dialog--headline--font-family, var(--r-font-family-heading, sans-serif));font-size:var(--r-dialog--headline--font-size, var(--r-font-size-500));font-weight:var(--r-dialog--headline--font-weight, var(--r-font-weight-light));margin:var(--r-dialog--headline--margin, 0);flex:var(--r-dialog--headline--flex, 1)}.r-dialog--close{--r-button--display:var(--r-dialog--close--dispaly, flex);--r-button--padding:var(--r-dialog--close--padding, 0)}.r-dialog--header{display:var(--r-dialog--header--display, flex);justify-content:var(--r-dialog--header--justify-content, space-between);align-items:var(--r-dialog--header--align-items, start);gap:var(--r-dialog--header--gap, 32px);padding:var(--r-dialog--header--padding, 0 24px)}.r-dialog--body{font-family:var(--r-dialog--body--font-family, var(--r-font-family-text));font-size:var(--r-dialog--body--font-size, var(--r-font-size-desktop-400));line-height:var(--r-dialog--body--line-height, var(--r-line-height-m));flex-grow:var(--r-dialog--body--flex-grow, 1);overflow-y:var(--r-dialog--body--overflow, auto);justify-self:var(--r-dialog--body--justify-self, stretch);padding:var(--r-dialog--body--padding, 0 24px)}.r-dialog--body{scrollbar-width:auto;scrollbar-color:var(--r-border-softer) #ffffff}.r-dialog--body::-webkit-scrollbar{width:var(--r-spacing-100, 1rem)}.r-dialog--body::-webkit-scrollbar-track{background:#ffffff}.r-dialog--body::-webkit-scrollbar-thumb{background-color:var(--r-border-softer);border-radius:10px;border:3px solid #ffffff}.r-dialog--footer{margin-top:var(--r-dialog--footer--margin-top, auto)}.r-dialog--footer ::slotted(*){display:var(--r-dialog--footer--display, flex);flex-direction:var(--r-dialog--footer--flex-direction, row);flex-wrap:var(--r-dialog--footer--flex-wrap, nowrap);justify-content:var(--r-dialog--footer--justify-content, flex-start);gap:var(--r-dialog--footer--gap, var(--r-spacing-100, 1rem));align-items:var(--r-dialog--footer--align-items, end);padding:var(--r-dialog--header--padding, 0 24px)}.r-dialog::backdrop{background:var(--backdrop--background-color, rgba(0, 0, 0, 0.25))}";export{t as r_dialog}
@@ -1 +1 @@
1
- import{r,h as a,H as s}from"./p-CTxpqopm.js";const o=class{constructor(a){r(this,a),this.progress=0}render(){const{progress:r,rAriaLabel:o}=this;return a(s,{key:"81203123d2df8fb029855f39dc359b98991630ee"},a("progress",Object.assign({key:"f766b44c2c4088ab67d69b57de074fee15be166c"},{value:r,max:"100","aria-label":o},{class:"r-progress-bar"})))}};o.style=":host{--r-progress-bar--appearance:none;--r-progress-bar--width:100%;--r-progress-bar--height:8px;--r-progress-bar--background-color:var(--r-background-soft);--r-progress-bar--border-radius:0;--r-progress-bar--border:none;--progress-bar--value--background-color:var(--r-background-interactive-regular);--progress-bar--value--border-radius:0;--progress-bar--value--transition:all 0.6s ease;display:block}.r-progress-bar{appearance:var(--r-progress-bar--appearance);width:var(--r-progress-bar--width);height:var(--r-progress-bar--height);background-color:var(--r-progress-bar--background-color);border-radius:var(--r-progress-bar--border-radius);border:var(--r-progress-bar--border)}.r-progress-bar::-webkit-progress-bar{background-color:var(--r-progress-bar--background-color);border-radius:var(--r-progress-bar--border-radius);border:var(--r-progress-bar--border)}.r-progress-bar::-webkit-progress-value{background-color:var(--progress-bar--value--background-color);border-radius:var(--progress-bar--value--border-radius);transition:var(--progress-bar--value--transition)}.r-progress-bar::-moz-progress-bar{background-color:var(--progress-bar--value--background-color);border-radius:var(--progress-bar--value--border-radius);transition:var(--progress-bar--value--transition)}.r-progress-bar::-ms-fill{background-color:var(--progress-bar--value--background-color);border-radius:var(--progress-bar--value--border-radius);transition:var(--progress-bar--value--transition)}";export{o as r_progress_bar}
1
+ import{r,h as a,H as s}from"./p-Da7qOBFr.js";const o=class{constructor(a){r(this,a),this.progress=0}render(){const{progress:r,rAriaLabel:o}=this;return a(s,{key:"81203123d2df8fb029855f39dc359b98991630ee"},a("progress",Object.assign({key:"f766b44c2c4088ab67d69b57de074fee15be166c"},{value:r,max:"100","aria-label":o},{class:"r-progress-bar"})))}};o.style=":host{--r-progress-bar--appearance:none;--r-progress-bar--width:100%;--r-progress-bar--height:8px;--r-progress-bar--background-color:var(--r-background-soft);--r-progress-bar--border-radius:0;--r-progress-bar--border:none;--progress-bar--value--background-color:var(--r-background-interactive-regular);--progress-bar--value--border-radius:0;--progress-bar--value--transition:all 0.6s ease;display:block}.r-progress-bar{appearance:var(--r-progress-bar--appearance);width:var(--r-progress-bar--width);height:var(--r-progress-bar--height);background-color:var(--r-progress-bar--background-color);border-radius:var(--r-progress-bar--border-radius);border:var(--r-progress-bar--border)}.r-progress-bar::-webkit-progress-bar{background-color:var(--r-progress-bar--background-color);border-radius:var(--r-progress-bar--border-radius);border:var(--r-progress-bar--border)}.r-progress-bar::-webkit-progress-value{background-color:var(--progress-bar--value--background-color);border-radius:var(--progress-bar--value--border-radius);transition:var(--progress-bar--value--transition)}.r-progress-bar::-moz-progress-bar{background-color:var(--progress-bar--value--background-color);border-radius:var(--progress-bar--value--border-radius);transition:var(--progress-bar--value--transition)}.r-progress-bar::-ms-fill{background-color:var(--progress-bar--value--background-color);border-radius:var(--progress-bar--value--border-radius);transition:var(--progress-bar--value--transition)}";export{o as r_progress_bar}
@@ -1 +1 @@
1
- import{r as e,h as t,H as r,g as p}from"./p-CTxpqopm.js";const s=class{constructor(t){e(this,t),this.completed=0,this.completeSteps=0}get hasSteps(){return this.host.querySelectorAll("r-stepper-item").length>0}render(){const e=this.completed||this.completeSteps;return t(r,{key:"d501495c36f83cfc14c706f46936d5acc925d6d2"},t("div",{key:"a2952de15ea74093ea41663438bc8fec866d428b",class:"r-stepper"},!this.hasSteps&&Array.from({length:this.total},((r,p)=>t("r-stepper-item",{number:p+1,complete:e>p,active:e===p,key:p}))),t("slot",{key:"4834a5947ae40241607131dcbb3dfa56354fdc13"})))}get host(){return p(this)}};s.style='.r-stepper{display:var(--r-stepper--display, flex);align-items:var(--r-stepper--align-items, top)}.r-stepper>r-stepper-item,.r-stepper ::slotted(r-stepper-item){display:var(--r-stepper--slotted--stepper-item--display, flex)}.r-stepper>r-stepper-item:not(:last-of-type),.r-stepper ::slotted(r-stepper-item:not(:last-child)){flex:var(--r-stepper--slotted--stepper-item--flex, 1)}.r-stepper>r-stepper-item:not(:last-of-type)::after,.r-stepper ::slotted(r-stepper-item:not(:last-child))::after{content:var(--r-stepper-divider--content, "");display:var(--r-stepper-divider--display, block);position:var(--r-stepper-divider--position, relative);width:var(--r-stepper-divider--width, 100%);height:var(--r-stepper-divider--height, 1px);top:var(--r-stepper-divider--top, 10px);background-color:var(--r-stepper-divider--background-color, var(--r-border-soft, #686868))}';export{s as r_stepper}
1
+ import{r as e,h as r,H as t,g as p}from"./p-Da7qOBFr.js";const s=class{constructor(r){e(this,r),this.completed=0,this.completeSteps=0}get hasSteps(){return this.host.querySelectorAll("r-stepper-item").length>0}render(){const e=this.completed||this.completeSteps;return r(t,{key:"d501495c36f83cfc14c706f46936d5acc925d6d2"},r("div",{key:"a2952de15ea74093ea41663438bc8fec866d428b",class:"r-stepper"},!this.hasSteps&&Array.from({length:this.total},((t,p)=>r("r-stepper-item",{number:p+1,complete:e>p,active:e===p,key:p}))),r("slot",{key:"4834a5947ae40241607131dcbb3dfa56354fdc13"})))}get host(){return p(this)}};s.style='.r-stepper{display:var(--r-stepper--display, flex);align-items:var(--r-stepper--align-items, top)}.r-stepper>r-stepper-item,.r-stepper ::slotted(r-stepper-item){display:var(--r-stepper--slotted--stepper-item--display, flex)}.r-stepper>r-stepper-item:not(:last-of-type),.r-stepper ::slotted(r-stepper-item:not(:last-child)){flex:var(--r-stepper--slotted--stepper-item--flex, 1)}.r-stepper>r-stepper-item:not(:last-of-type)::after,.r-stepper ::slotted(r-stepper-item:not(:last-child))::after{content:var(--r-stepper-divider--content, "");display:var(--r-stepper-divider--display, block);position:var(--r-stepper-divider--position, relative);width:var(--r-stepper-divider--width, 100%);height:var(--r-stepper-divider--height, 1px);top:var(--r-stepper-divider--top, 10px);background-color:var(--r-stepper-divider--background-color, var(--r-border-soft, #686868))}';export{s as r_stepper}
@@ -1 +1 @@
1
- import{r as i,c as t,h as a,H as n,g as r,F as e}from"./p-CTxpqopm.js";const o=class{constructor(a){i(this,a),this.rChange=t(this,"rChange"),this.rNumberClick=t(this,"rNumberClick"),this.rArrowClick=t(this,"rArrowClick"),this.rItemsPerPageChange=t(this,"rItemsPerPageChange"),this.arrows=!0,this.totalResults=1,this.pageActive=1,this.itemsPerPage=5,this.itemsPerPageOptions=[5,10,15,20,25,50,100],this.variant="standard",this.resultsLine=!1,this.startText="Showing",this.middleText="of",this.endText="results",this.selectText="page",this.listBoxPosition="top",this.resizeObserver=null,this.handleItemsPerPageChange=i=>{const t=parseInt(i.detail.value,10);this.itemsPerPage=t,this.rItemsPerPageChange.emit(this.itemsPerPage),this.setPaginationState()},this._activateStep=i=>{i<1||i>this.total||this.pageActive===i||(this.pageActive=i,requestAnimationFrame((()=>{this.setPaginationState(),requestAnimationFrame((()=>{var i;const t=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(`.r-pagination--item[data-index="${this.pageActive}"]`);t&&t.focus()}))})))},this.handleItemChange=i=>{if("keyup"===i.type&&"Enter"!==i.code&&"Space"!==i.code)return;const t=i.target.closest("r-button");if(null===t)return;const a=Number(t.getAttribute("data-index"));if(null!==a&&(this._activateStep(a),requestAnimationFrame((()=>{var i;const t=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(`.r-pagination--item[data-index="${a}"]`);t&&t.focus()})),t.classList.contains("number")&&(this.rNumberClick.emit(this.paginationState),t.blur()),t.classList.contains("arrow"))){const i=t.classList.contains("next")?"next":"previous";this.rArrowClick.emit(Object.assign(Object.assign({},this.paginationState),{direction:i}))}},this.syncHeaderWidth=()=>{requestAnimationFrame((()=>{this.headerRef&&this.footerRef&&(this.headerRef.style.width=`${this.footerRef.offsetWidth}px`)}))}}get isNoPreviousPage(){return null===this.previous}get isNoNextPage(){return null===this.next}get isNotFirstPage(){return null===this.first}get isNotLastPage(){return null===this.last}get paginationState(){const{total:i,active:t,previous:a,next:n,first:r,last:e,arrows:o}=this;return{total:i,active:t,previous:a,next:n,first:r,last:e,arrows:o}}setPaginationState(){switch(this.total=Math.ceil(this.totalResults/this.itemsPerPage),this.pageActive>this.total&&(this.pageActive=this.total),this.variant){case"minimized":this.arrows=!1,this.resultsLine=!1;break;case"standard":case"maximized":this.arrows=!0;break;default:console.warn('No variant specified. Defaulting to "standard".'),this.variant="standard"}this.active=this.pageActive,this.previous=this.active-1>0?this.active-1:null,this.next=this.active+1>this.total?null:this.active+1,this.first="maximized"===this.variant&&1!==this.active?1:null,this.last="maximized"===this.variant&&this.active!==this.total?this.total:null,"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.syncHeaderWidth()})),this.footerRef&&this.resizeObserver.observe(this.footerRef)),this.rChange.emit(this.paginationState)}componentWillLoad(){this.setPaginationState()}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}componentDidRender(){this.syncHeaderWidth()}componentDidUpdate(){this.setPaginationState()}render(){const{active:i,previous:t,next:r,first:o,itemsPerPage:s,itemsPerPageOptions:g,startText:l,middleText:p,endText:h,selectText:d,listBoxPosition:m}=this,c=(i,t)=>"number"===i?a("r-button",{class:"r-pagination--item number","data-index":t,onClick:this.handleItemChange,onKeyUp:this.handleItemChange},t):"active"===i?a("div",{class:"r-pagination--item number active","aria-label":"active page"},t):"stepper"===i?a("div",{class:"r-pagination--item stepper"},"..."):void 0,u=()=>{const t=Math.ceil(this.totalResults/s),n=[],r=t,o=t=>{const a=t+1;return c(a===i?"active":"number",a)};if(t<=10)return a(e,null,[...Array(t).keys()].map(o));n.push(c(1===i?"active":"number",1));const g=i>5,l=i<t-5;if(g)if(l){n.push(c("stepper",null));for(let t=i-2;t<=i+2;t++)n.push(o(t-1));n.push(c("stepper",null))}else{n.push(c("stepper",null));for(let i=t-7;i<t;i++)n.push(o(i-1))}else{for(let i=2;i<=8;i++)n.push(o(i-1));n.push(c("stepper",null))}if(n.push(c(i===r?"active":"number",r)),n.length>10)n.splice(1,n.length-10-1);else if(n.length<10){const a=10-n.length;if(g&&l)for(let r=i+3;r<=i+2+a;r++)r<t&&n.splice(n.length-2,0,o(r-1));else if(g)for(let r=i+3;r<=i+2+a;r++)r<t&&n.splice(n.length-1,0,o(r-1));else if(l)for(let t=i-3;t>=i-2-a;t--)t>1&&n.splice(1,0,o(t-1))}return a(e,null,n)},f=i=>i?"div":"r-button",v=f(this.isNoPreviousPage),b=f(this.isNoNextPage),x=f(this.isNotFirstPage),y=f(this.isNotLastPage),w={class:"r-pagination--item arrow previous "+(this.isNoPreviousPage?"disabled":""),"data-index":t,"aria-label":"r-button"===v?"Previous Page":""},z={class:"r-pagination--item arrow next "+(this.isNoNextPage?"disabled":""),"data-index":r,"aria-label":"r-button"===b?"Next Page":""},k={class:"r-pagination--item arrow first "+(null===o?"disabled":""),"data-index":o,"aria-label":null===o?"":"First Page"},j=i===this.total,P={class:"r-pagination--item arrow last "+(j?"disabled":""),"data-index":j?null:this.total,"aria-label":j?"":"Last Page",tabindex:j?"-1":"0"};return a(n,null,a("nav",{class:"r-pagination","aria-label":"Pagination"},this.resultsLine&&(()=>{const t=Math.min((i-1)*s+1,this.totalResults),n=Math.min(i*s,this.totalResults);return a(e,null,a("div",{ref:i=>this.headerRef=i,class:"r-pagination--header"},a("div",{class:"results-info","aria-live":"polite"},l||"Showing"," ",t,"–",n," ",p||"of"," ",this.totalResults," ",h||"results"),a("div",null,a("r-select",{class:"r-pagination--header--select",value:this.itemsPerPage.toString(),id:"items-per-page",onRChange:this.handleItemsPerPageChange,label:"Items per page","listbox-position":m},g.map((i=>a("r-select-option",{value:i.toString()},i,"/",d||"page")))))))})(),(()=>a(e,null,"minimized"===this.variant?a("div",{ref:i=>this.footerRef=i,class:"r-pagination--footer"},u()):a("div",{ref:i=>this.footerRef=i,class:"r-pagination--footer"},"maximized"===this.variant&&a(x,Object.assign({},k,{onClick:this.handleItemChange,onKeyUp:this.handleItemChange}),a("r-icon",{name:"angle-left-with-vertical-line",size:"s"})),a(v,Object.assign({},w,{onClick:this.handleItemChange,onKeyUp:this.handleItemChange}),a("r-icon",{name:"angle-left",size:"s"})),u(),a(b,Object.assign({},z,{onClick:this.handleItemChange,onKeyUp:this.handleItemChange}),a("r-icon",{name:"angle-right",size:"s"})),"maximized"===this.variant&&a(y,Object.assign({},P,{onClick:this.handleItemChange,onKeyUp:this.handleItemChange}),a("r-icon",{name:"angle-right-with-vertical-line",size:"s"})))))()))}get el(){return r(this)}};o.style=":host{--r-pagination--display:flex;--r-pagination--list-style:none;--r-pagination--align-items:center;--r-pagination--justify-content:center;--r-pagination--font-family:var(--r-font-family-text);--r-pagination--margin:0 auto;--r-pagination--flex-direction:column;--r-pagination--width:100%;--r-pagination--max-width:664px;--r-pagination--margin:0 auto;--r-pagination--item--display:flex;--r-pagination--item--align-items:center;--r-pagination--item--justify-content:center;--r-pagination--item--margin-right:-1px;--r-pagination--item--color:var(--r-text-regular);--r-pagination--item--background-color:transparent;--r-pagination--item--width:48px;--r-pagination--item--height:48px;--r-pagination--item--border-width:1px;--r-pagination--item--border-style:solid;--r-pagination--item--border-color:var(--r-border-softer);--r-pagination--item--z-index:0;--r-pagination--item--font-family:inherit;--r-pagination--button--width:100%;--r-pagination--button--height:100%;--r-pagination--button--color:var(--r-text-regular);--r-pagination--button--background-color:transparent;--r-pagination--button--border-width:0;--r-pagination--button--padding:0;--r-pagination--button--font-size:var(--r-font-size-300);--r-pagination--header--display:flex;--r-pagination--header--align-items:center;--r-pagination--header--justify-content:space-between;--r-pagination--header--min-width:287px;--r-pagination--footer--display:flex;--r-pagination--footer--justify-content:center;--r-pagination--footer--width:100%;--r-pagination--item--disabled-text:none;--r-pagination--font-size:var(--r-font-size-200);display:block}:host([variant=minimized]){--r-pagination--max-width:440px}:host([variant=standard]){--r-pagination--max-width:560px}:host([variant=maximized]){--r-pagination--max-width:664px}.r-pagination r-select{--r-select--font-size:var(--r-pagination--font-size, 12px);--r-select-option--font-size:var(--r-pagination--font-size, 12px)}.r-pagination{align-items:var(--r-pagination--align-items);display:var(--r-pagination--display);flex-direction:var(--r-pagination--flex-direction);font-family:var(--r-pagination--font-family);font-size:var(--r-pagination--font-size);justify-content:var(--r-pagination--justify-content);list-style:var(--r-pagination--list-style);margin:var(--r-pagination--margin);max-width:var(--r-pagination--max-width);user-select:var(--r-pagination--item--disabled-text);width:var(--r-pagination--width)}.r-pagination--footer{align-items:var(--r-pagination--header--align-items);display:var(--r-pagination--footer--display);justify-content:var(--r-pagination--footer--justify-content)}.r-pagination--header{align-items:var(--r-pagination--header--align-items);display:var(--r-pagination--header--display);justify-content:var(--r-pagination--header--justify-content);font-family:var(--r-pagination--font-family);min-width:var(--r-pagination--header--min-width)}.r-pagination--header--select{min-width:auto;--width:unset !important}.r-pagination--header label{font-size:var(--r-pagination--font-size)}.r-pagination--item{--r-button--display:flex;--r-button--width:var(--r-pagination--button--width);--r-button--height:var(--r-pagination--button--height);--r-button--color:var(--r-pagination--button--color);--r-button--background-color:var(--r-pagination--button--background-color);--r-button--border-width:var(--r-pagination--button--border-width);--r-button--padding:var(--r-pagination--button--padding);--r-button--icon--width:auto;--r-button--icon--height:auto;align-items:var(--r-pagination--item--align-items);background-color:var(--r-pagination--item--background-color);color:var(--r-pagination--item--color);display:var(--r-pagination--item--display);font-family:var(--r-pagination--item--font-family);height:var(--r-pagination--item--height);justify-content:var(--r-pagination--item--justify-content);margin-left:var(--r-pagination--item--margin-left);margin-right:var(--r-pagination--item--margin-right);opacity:var(--r-pagination--item--opacity);width:var(--r-pagination--item--width);z-index:var(--r-pagination--item--z-index)}.r-pagination--item:hover{--r-pagination--item--background-color:var(--r-background-interactive-hovered)}.r-pagination--item:focus{--r-pagination--item--outline-color:var(--r-border-focused);--r-pagination--item--box-shadow:0 0 0 3px var(--r-border-focused-outlined);--r-pagination--item--z-index:1}.r-pagination--item:active{--r-pagination--item--background-color:var(--r-background-interactive-pressed)}.r-pagination--item.stepper{--r-pagination--item--background-color:transparent}.r-pagination--item.active{--r-pagination--item--color:var(--r-text-regular);--r-pagination--item--background-color:var(--r-background-interactive-activated);font-weight:var(--r-font-weight-semibold)}.r-pagination--item.arrow.previous{--r-pagination--item--margin-left:0;--r-pagination--item--margin-right:16px}.r-pagination--item.arrow.next{--r-pagination--item--margin-left:16px;--r-pagination--item--margin-right:0}.r-pagination--item.arrow.first{--r-pagination--item--margin-left:0;--r-pagination--item--margin-right:8px}.r-pagination--item.arrow.last{--r-pagination--item--margin-left:8px;--r-pagination--item--margin-right:0}.r-pagination--item.disabled,.r-pagination--item.disabled:hover{--r-pagination--item--opacity:0.4;--r-pagination--item--background-color:transparent}.r-pagination--item.number{--r-button--font-size:0.813rem}";export{o as r_pagination}
1
+ import{r as i,c as t,h as a,H as n,g as r,F as e}from"./p-Da7qOBFr.js";const o=class{constructor(a){i(this,a),this.rChange=t(this,"rChange"),this.rNumberClick=t(this,"rNumberClick"),this.rArrowClick=t(this,"rArrowClick"),this.rItemsPerPageChange=t(this,"rItemsPerPageChange"),this.arrows=!0,this.totalResults=1,this.pageActive=1,this.itemsPerPage=5,this.itemsPerPageOptions=[5,10,15,20,25,50,100],this.variant="standard",this.resultsLine=!1,this.startText="Showing",this.middleText="of",this.endText="results",this.selectText="page",this.listBoxPosition="top",this.resizeObserver=null,this.handleItemsPerPageChange=i=>{const t=parseInt(i.detail.value,10);this.itemsPerPage=t,this.rItemsPerPageChange.emit(this.itemsPerPage),this.setPaginationState()},this._activateStep=i=>{i<1||i>this.total||this.pageActive===i||(this.pageActive=i,requestAnimationFrame((()=>{this.setPaginationState(),requestAnimationFrame((()=>{var i;const t=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(`.r-pagination--item[data-index="${this.pageActive}"]`);t&&t.focus()}))})))},this.handleItemChange=i=>{if("keyup"===i.type&&"Enter"!==i.code&&"Space"!==i.code)return;const t=i.target.closest("r-button");if(null===t)return;const a=Number(t.getAttribute("data-index"));if(null!==a&&(this._activateStep(a),requestAnimationFrame((()=>{var i;const t=null===(i=this.el.shadowRoot)||void 0===i?void 0:i.querySelector(`.r-pagination--item[data-index="${a}"]`);t&&t.focus()})),t.classList.contains("number")&&(this.rNumberClick.emit(this.paginationState),t.blur()),t.classList.contains("arrow"))){const i=t.classList.contains("next")?"next":"previous";this.rArrowClick.emit(Object.assign(Object.assign({},this.paginationState),{direction:i}))}},this.syncHeaderWidth=()=>{requestAnimationFrame((()=>{this.headerRef&&this.footerRef&&(this.headerRef.style.width=`${this.footerRef.offsetWidth}px`)}))}}get isNoPreviousPage(){return null===this.previous}get isNoNextPage(){return null===this.next}get isNotFirstPage(){return null===this.first}get isNotLastPage(){return null===this.last}get paginationState(){const{total:i,active:t,previous:a,next:n,first:r,last:e,arrows:o}=this;return{total:i,active:t,previous:a,next:n,first:r,last:e,arrows:o}}setPaginationState(){switch(this.total=Math.ceil(this.totalResults/this.itemsPerPage),this.pageActive>this.total&&(this.pageActive=this.total),this.variant){case"minimized":this.arrows=!1,this.resultsLine=!1;break;case"standard":case"maximized":this.arrows=!0;break;default:console.warn('No variant specified. Defaulting to "standard".'),this.variant="standard"}this.active=this.pageActive,this.previous=this.active-1>0?this.active-1:null,this.next=this.active+1>this.total?null:this.active+1,this.first="maximized"===this.variant&&1!==this.active?1:null,this.last="maximized"===this.variant&&this.active!==this.total?this.total:null,"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.syncHeaderWidth()})),this.footerRef&&this.resizeObserver.observe(this.footerRef)),this.rChange.emit(this.paginationState)}componentWillLoad(){this.setPaginationState()}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect()}componentDidRender(){this.syncHeaderWidth()}componentDidUpdate(){this.setPaginationState()}render(){const{active:i,previous:t,next:r,first:o,itemsPerPage:s,itemsPerPageOptions:g,startText:l,middleText:p,endText:h,selectText:d,listBoxPosition:m}=this,c=(i,t)=>"number"===i?a("r-button",{class:"r-pagination--item number","data-index":t,onClick:this.handleItemChange,onKeyUp:this.handleItemChange},t):"active"===i?a("div",{class:"r-pagination--item number active","aria-label":"active page"},t):"stepper"===i?a("div",{class:"r-pagination--item stepper"},"..."):void 0,u=()=>{const t=Math.ceil(this.totalResults/s),n=[],r=t,o=t=>{const a=t+1;return c(a===i?"active":"number",a)};if(t<=10)return a(e,null,[...Array(t).keys()].map(o));n.push(c(1===i?"active":"number",1));const g=i>5,l=i<t-5;if(g)if(l){n.push(c("stepper",null));for(let t=i-2;t<=i+2;t++)n.push(o(t-1));n.push(c("stepper",null))}else{n.push(c("stepper",null));for(let i=t-7;i<t;i++)n.push(o(i-1))}else{for(let i=2;i<=8;i++)n.push(o(i-1));n.push(c("stepper",null))}if(n.push(c(i===r?"active":"number",r)),n.length>10)n.splice(1,n.length-10-1);else if(n.length<10){const a=10-n.length;if(g&&l)for(let r=i+3;r<=i+2+a;r++)r<t&&n.splice(n.length-2,0,o(r-1));else if(g)for(let r=i+3;r<=i+2+a;r++)r<t&&n.splice(n.length-1,0,o(r-1));else if(l)for(let t=i-3;t>=i-2-a;t--)t>1&&n.splice(1,0,o(t-1))}return a(e,null,n)},f=i=>i?"div":"r-button",v=f(this.isNoPreviousPage),b=f(this.isNoNextPage),x=f(this.isNotFirstPage),y=f(this.isNotLastPage),w={class:"r-pagination--item arrow previous "+(this.isNoPreviousPage?"disabled":""),"data-index":t,"aria-label":"r-button"===v?"Previous Page":""},z={class:"r-pagination--item arrow next "+(this.isNoNextPage?"disabled":""),"data-index":r,"aria-label":"r-button"===b?"Next Page":""},k={class:"r-pagination--item arrow first "+(null===o?"disabled":""),"data-index":o,"aria-label":null===o?"":"First Page"},j=i===this.total,P={class:"r-pagination--item arrow last "+(j?"disabled":""),"data-index":j?null:this.total,"aria-label":j?"":"Last Page",tabindex:j?"-1":"0"};return a(n,null,a("nav",{class:"r-pagination","aria-label":"Pagination"},this.resultsLine&&(()=>{const t=Math.min((i-1)*s+1,this.totalResults),n=Math.min(i*s,this.totalResults);return a(e,null,a("div",{ref:i=>this.headerRef=i,class:"r-pagination--header"},a("div",{class:"results-info","aria-live":"polite"},l||"Showing"," ",t,"–",n," ",p||"of"," ",this.totalResults," ",h||"results"),a("div",null,a("r-select",{class:"r-pagination--header--select",value:this.itemsPerPage.toString(),id:"items-per-page",onRChange:this.handleItemsPerPageChange,label:"Items per page","listbox-position":m},g.map((i=>a("r-select-option",{value:i.toString()},i,"/",d||"page")))))))})(),(()=>a(e,null,"minimized"===this.variant?a("div",{ref:i=>this.footerRef=i,class:"r-pagination--footer"},u()):a("div",{ref:i=>this.footerRef=i,class:"r-pagination--footer"},"maximized"===this.variant&&a(x,Object.assign({},k,{onClick:this.handleItemChange,onKeyUp:this.handleItemChange}),a("r-icon",{name:"angle-left-with-vertical-line",size:"s"})),a(v,Object.assign({},w,{onClick:this.handleItemChange,onKeyUp:this.handleItemChange}),a("r-icon",{name:"angle-left",size:"s"})),u(),a(b,Object.assign({},z,{onClick:this.handleItemChange,onKeyUp:this.handleItemChange}),a("r-icon",{name:"angle-right",size:"s"})),"maximized"===this.variant&&a(y,Object.assign({},P,{onClick:this.handleItemChange,onKeyUp:this.handleItemChange}),a("r-icon",{name:"angle-right-with-vertical-line",size:"s"})))))()))}get el(){return r(this)}};o.style=":host{--r-pagination--display:flex;--r-pagination--list-style:none;--r-pagination--align-items:center;--r-pagination--justify-content:center;--r-pagination--font-family:var(--r-font-family-text);--r-pagination--margin:0 auto;--r-pagination--flex-direction:column;--r-pagination--width:100%;--r-pagination--max-width:664px;--r-pagination--margin:0 auto;--r-pagination--item--display:flex;--r-pagination--item--align-items:center;--r-pagination--item--justify-content:center;--r-pagination--item--margin-right:-1px;--r-pagination--item--color:var(--r-text-regular);--r-pagination--item--background-color:transparent;--r-pagination--item--width:48px;--r-pagination--item--height:48px;--r-pagination--item--border-width:1px;--r-pagination--item--border-style:solid;--r-pagination--item--border-color:var(--r-border-softer);--r-pagination--item--z-index:0;--r-pagination--item--font-family:inherit;--r-pagination--button--width:100%;--r-pagination--button--height:100%;--r-pagination--button--color:var(--r-text-regular);--r-pagination--button--background-color:transparent;--r-pagination--button--border-width:0;--r-pagination--button--padding:0;--r-pagination--button--font-size:var(--r-font-size-300);--r-pagination--header--display:flex;--r-pagination--header--align-items:center;--r-pagination--header--justify-content:space-between;--r-pagination--header--min-width:287px;--r-pagination--footer--display:flex;--r-pagination--footer--justify-content:center;--r-pagination--footer--width:100%;--r-pagination--item--disabled-text:none;--r-pagination--font-size:var(--r-font-size-200);display:block}:host([variant=minimized]){--r-pagination--max-width:440px}:host([variant=standard]){--r-pagination--max-width:560px}:host([variant=maximized]){--r-pagination--max-width:664px}.r-pagination r-select{--r-select--font-size:var(--r-pagination--font-size, 12px);--r-select-option--font-size:var(--r-pagination--font-size, 12px)}.r-pagination{align-items:var(--r-pagination--align-items);display:var(--r-pagination--display);flex-direction:var(--r-pagination--flex-direction);font-family:var(--r-pagination--font-family);font-size:var(--r-pagination--font-size);justify-content:var(--r-pagination--justify-content);list-style:var(--r-pagination--list-style);margin:var(--r-pagination--margin);max-width:var(--r-pagination--max-width);user-select:var(--r-pagination--item--disabled-text);width:var(--r-pagination--width)}.r-pagination--footer{align-items:var(--r-pagination--header--align-items);display:var(--r-pagination--footer--display);justify-content:var(--r-pagination--footer--justify-content)}.r-pagination--header{align-items:var(--r-pagination--header--align-items);display:var(--r-pagination--header--display);justify-content:var(--r-pagination--header--justify-content);font-family:var(--r-pagination--font-family);min-width:var(--r-pagination--header--min-width)}.r-pagination--header--select{min-width:auto;--width:unset !important}.r-pagination--header label{font-size:var(--r-pagination--font-size)}.r-pagination--item{--r-button--display:flex;--r-button--width:var(--r-pagination--button--width);--r-button--height:var(--r-pagination--button--height);--r-button--color:var(--r-pagination--button--color);--r-button--background-color:var(--r-pagination--button--background-color);--r-button--border-width:var(--r-pagination--button--border-width);--r-button--padding:var(--r-pagination--button--padding);--r-button--icon--width:auto;--r-button--icon--height:auto;align-items:var(--r-pagination--item--align-items);background-color:var(--r-pagination--item--background-color);color:var(--r-pagination--item--color);display:var(--r-pagination--item--display);font-family:var(--r-pagination--item--font-family);height:var(--r-pagination--item--height);justify-content:var(--r-pagination--item--justify-content);margin-left:var(--r-pagination--item--margin-left);margin-right:var(--r-pagination--item--margin-right);opacity:var(--r-pagination--item--opacity);width:var(--r-pagination--item--width);z-index:var(--r-pagination--item--z-index)}.r-pagination--item:hover{--r-pagination--item--background-color:var(--r-background-interactive-hovered)}.r-pagination--item:focus{--r-pagination--item--outline-color:var(--r-border-focused);--r-pagination--item--box-shadow:0 0 0 3px var(--r-border-focused-outlined);--r-pagination--item--z-index:1}.r-pagination--item:active{--r-pagination--item--background-color:var(--r-background-interactive-pressed)}.r-pagination--item.stepper{--r-pagination--item--background-color:transparent}.r-pagination--item.active{--r-pagination--item--color:var(--r-text-regular);--r-pagination--item--background-color:var(--r-background-interactive-activated);font-weight:var(--r-font-weight-semibold)}.r-pagination--item.arrow.previous{--r-pagination--item--margin-left:0;--r-pagination--item--margin-right:16px}.r-pagination--item.arrow.next{--r-pagination--item--margin-left:16px;--r-pagination--item--margin-right:0}.r-pagination--item.arrow.first{--r-pagination--item--margin-left:0;--r-pagination--item--margin-right:8px}.r-pagination--item.arrow.last{--r-pagination--item--margin-left:8px;--r-pagination--item--margin-right:0}.r-pagination--item.disabled,.r-pagination--item.disabled:hover{--r-pagination--item--opacity:0.4;--r-pagination--item--background-color:transparent}.r-pagination--item.number{--r-button--font-size:0.813rem}";export{o as r_pagination}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,H as s,g as r}from"./p-CTxpqopm.js";import{a}from"./p-DvLT8-y3.js";import{S as l}from"./p-4Uv3PpKT.js";const o=class{constructor(s){t(this,s),this.rValidate=e(this,"rValidate"),this.rChange=e(this,"rChange"),this.rReset=e(this,"rReset"),this.showValid=!1,this.fullWidth=!1,this.leadingIconSize="s",this.trailingIcon="angle-down",this.tralingIconSize="s",this.listboxPosition="bottom",this.toggleButtonAriaLabel="Toggle combobox",this.noResultsFound="No results found",this.validityState="",this.validityMessage="",this.isExpanded=!1,this.isReadonly=!1,this.currentValue="",this.valueToDisplay="",this.isInitializing=!1,this.isResetting=!1,this.isNewValue=!1,this.focusedOption=null,this.isValueFocused=!1,this.isNoResultsFound=!1,this.handleSlotChange=()=>{setTimeout((()=>{this.initialize(),this.defineHostWidth()}),0)},this.initial={},this.uniqueId=`r-select-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.getValidityStateData=t=>{for(const e in t.validity)if(t.validity[e]){if(this.validityState=e,this[e+"Message"])return void(this.validityMessage=this[e+"Message"]);this.validityMessage=t.validationMessage}},this.validateFormElement=(t=null)=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;this.getValidityStateData(t);const e="valid"===this.validityState;this.valid=e,this.invalid=!e,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.typeaheadBuffer="",this.typeaheadTimeout=null,this.lastTypeaheadIndex=-1,this.contributeToFormData=t=>{a(this.nativeElement,t.formData)},this.onValueClick=t=>{var e;this.disabled||(t.preventDefault(),t.stopPropagation(),this.toggle(),this.isExpanded&&(this.combobox&&(null===(e=this.valueElement)||void 0===e||e.focus()),this.defineListboxPositionState()))},this.keyboardEventHandlerFactory=(t,e=!1)=>{switch(t){case"Enter":return()=>{var t;this.isExpanded?this.setValue((null===(t=this.focusedOption)||void 0===t?void 0:t.value)||""):(this.expand(),this.setOptionFocus(this.selectedElement))};case"Escape":return()=>{this.collapse(),this.reportValidity()};case"ArrowUp":return()=>{var t;this.isExpanded?this.focusedOption&&e?this.setValue((null===(t=this.focusedOption)||void 0===t?void 0:t.value)||""):(this.combobox||this.focusedOption!==this.optionElements[0])&&(this.focusedOption?this.focusPrevOption():this.setOptionFocus(this.selectedElement||this.optionElements[0])):(this.expand(),this.setOptionFocus(this.selectedElement||this.optionElements[this.combobox?this.optionElements.length-1:0]))};case"ArrowDown":return()=>{if(this.isExpanded)(this.combobox||this.focusedOption!==this.optionElements[this.optionElements.length-1])&&(this.focusedOption?this.focusNextOption():this.setOptionFocus(this.selectedElement||this.optionElements[0]));else{if(this.expand(),e)return;this.setOptionFocus(this.selectedElement||this.optionElements[0])}};case"Home":return()=>{if(!this.isExpanded)return this.expand(),void this.setOptionFocus(this.selectedElement||this.optionElements[0]);this.setOptionFocus(this.optionElements[0])};case"End":return()=>{if(!this.isExpanded)return this.expand(),void this.setOptionFocus(this.selectedElement||this.optionElements[this.optionElements.length-1]);this.setOptionFocus(this.optionElements[this.optionElements.length-1])};case"PageUp":return()=>{if(!this.isExpanded)return;if(null===this.focusedOption)return;const t=this.optionElementsArray.indexOf(this.focusedOption);-1!==t&&this.setOptionFocus(this.optionElements[t-10>=0?t-10:0])};case"PageDown":return()=>{if(!this.isExpanded)return;if(null===this.focusedOption)return;const t=this.optionElementsArray.indexOf(this.focusedOption);if(-1===t)return;const e=this.optionElements.length-1;this.setOptionFocus(this.optionElements[t+10<=e?t+10:e])};case"Tab":return()=>{var t;return this.setValue((null===(t=this.focusedOption)||void 0===t?void 0:t.value)||"")};default:return()=>{}}},this.onValueKeydown=t=>{if(t.stopPropagation(),["ArrowUp","ArrowDown","Home","End","PageUp","PageDown","Space","Enter","Escape"].includes(t.code))t.preventDefault();else if(1===t.key.length&&!t.ctrlKey&&!t.metaKey&&!t.altKey)return this.isExpanded||this.expand(),void this.handleTypeahead(t.key);switch(t.code){case"Space":this.keyboardEventHandlerFactory("Enter")();break;case"Tab":if(null===this.focusedOption)break;this.keyboardEventHandlerFactory("Tab")();break;default:this.keyboardEventHandlerFactory(t.code,t.altKey)()}},this.onComboboxKeydown=t=>{switch(t.stopPropagation(),["ArrowUp","ArrowDown","Home","End","PageUp","PageDown","Enter","Escape"].includes(t.code)&&t.preventDefault(),t.code){case"Tab":if(null===this.focusedOption){this.collapse();break}this.keyboardEventHandlerFactory("Tab")();break;case"Escape":if(this.isExpanded)return void this.keyboardEventHandlerFactory("Escape")();this.valueElement.value="",this.setValue(""),this.reportValidity();break;default:this.keyboardEventHandlerFactory(t.code,t.altKey)()}},this.onValueBlur=()=>{this.isValueFocused=!1;const{isBusy:t,isExpanded:e}=this;t||e||this.reportValidity()},this.onValueFocus=()=>{this.isValueFocused=!0},this.filterOptionsListByComboboxValue=(t="")=>{const e=Array.from(this.host.querySelectorAll('r-select-option:not([data-no-results="true"])'));e.forEach((e=>{var i,s;const r=-1!==(null===(s=null===(i=null==e?void 0:e.textContent)||void 0===i?void 0:i.trim())||void 0===s?void 0:s.toLowerCase()).search(t.toLowerCase());e.setAttribute("aria-hidden",`${!r}`)})),this.isNoResultsFound=e.every((t=>"true"===(null==t?void 0:t.getAttribute("aria-hidden")))),this.isNoResultsFound&&(this.statusElement.innerHTML=this.noResultsFound,setTimeout((()=>{this.statusElement.innerText=""}),1e3))},this.clearComboboxOptions=()=>{this.combobox&&this.filterOptionsListByComboboxValue()},this.onComboboxChange=t=>{this.filterOptionsListByComboboxValue(t.target.value)},this.onComboboxInput=t=>{this.filterOptionsListByComboboxValue(t.target.value),this.isExpanded||(this.expand(),this.defineListboxPositionState())},this.onSubmitForm=t=>{this.isNoValidate||(this.reportValidity(),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.onResetForm=()=>{this.resetValidation(),this.setValue(this.initial.value),this.rReset.emit({element:this.host,value:this.currentValue})},this.renderSelect=t=>{var e,s;return i("span",Object.assign({class:"r-select--value",role:"combobox"},t,{ref:t=>this.valueElement=t,onClick:this.isInteractive?this.onValueClick:null,onKeyDown:this.isInteractive?this.onValueKeydown:null,onBlur:this.isInteractive?this.onValueBlur:null,onFocus:this.isInteractive?this.onValueFocus:null}),i("span",{class:"r-select--value-display"},this.isLeadingSlotRendered?i("slot",{name:"leading"}):null,i("span",{class:"r-select--value-selected",innerHTML:(null===(s=null===(e=this.valueToDisplay)||void 0===e?void 0:e.trim)||void 0===s?void 0:s.call(e))||this.placeholder||""})),i("span",{class:"r-select--value-arrow"},i("r-icon",{class:"r-select--trailing-icon",name:"angle-down",size:"s"})))},this.renderCombobox=t=>{var e,s,r;return i("div",{class:"r-select--value",onClick:this.isInteractive?this.onValueClick:null,ref:t=>this.comboboxContainerElement=t},i("div",{class:"r-select--value-display"},this.isLeadingSlotRendered?i("slot",{name:"leading"}):null,i("input",Object.assign({role:"combobox",autocomplete:"off","aria-autocomplete":"list",disabled:this.disabled,readonly:this.readonly,type:"text"},t,{class:"r-select--input",ref:t=>this.valueElement=t,onKeyDown:this.isInteractive?this.onComboboxKeydown:null,onBlur:this.isInteractive?this.onValueBlur:null,onFocus:this.isInteractive?this.onValueFocus:null,onChange:this.isInteractive?this.onComboboxChange:null,onInput:this.isInteractive?this.onComboboxInput:null,placeholder:this.placeholder||"",value:(null===(r=null===(s=null===(e=this.selectedElement)||void 0===e?void 0:e.textContent)||void 0===s?void 0:s.trim)||void 0===r?void 0:r.call(s))||""}))),i("button",{"aria-label":this.toggleButtonAriaLabel,"aria-expanded":`${this.expanded||!1}`,"aria-controls":`${this.uniqueId}-list`,disabled:this.disabled,tabindex:"-1",class:"r-select--value-arrow-button r-select--value-arrow"},i("r-icon",{class:"r-select--trailing-icon",name:"angle-down",size:"s"})),i("div",{class:"visually-hidden",role:"status",ref:t=>this.statusElement=t}))}}async setReadonly(){this.collapse(),this.resetValidation(),this.isReadonly=!0}async clearReadonly(){this.isReadonly=!1}handleListboxPositionChange(){this.defineListboxPositionState()}handleExpandedChange(){this.expanded?this.expand():this.collapse()}handleReadonlyChange(){this.readonly?this.setReadonly():this.clearReadonly()}handleValueChange(t,e){this.isInitializing||(this.isNewValue=e!==t,this.isNewValue&&this.setValue(t))}optionSelectAction(t){t.stopPropagation(),this.disabled||this.setValue(t.target.value)}tooltipFocusAction(){this.collapse(),this.reportValidity()}onMouseup(t){this.isExpanded&&(t.stopPropagation(),this.host.contains(t.target)||(this.collapse(),this.reportValidity()))}onKeyup(t){this.isExpanded&&(t.stopPropagation(),this.host.contains(t.target)||(this.collapse(),this.reportValidity()))}handleScrolling(){this.isExpanded&&this.defineListboxPositionState()}handleResizing(){this.isExpanded&&this.defineListboxPositionState()}async setValue(t=""){this.resetValidation(),this._renderSelected(t,this.currentValue!==t),this.clearComboboxOptions()}async getValue(){return this.currentValue||""}async reset(){if(this.resetValidation(),this.collapse(),this.clearComboboxOptions(),this.currentValue!==this.initial.value){if(""!==this.initial.value&&this.initiallySelectedElement)return this.isResetting=!0,this.setValue(this.initial.value),void(this.isResetting=!1);this.deselectOptions(),this.currentValue="",this.valueToDisplay=""}}async resetValidation(){this.validityMessage=null,this.validityState=null,this.invalid=this.initial.invalid,this.valid=!this.invalid}async reportValidity(){return this.validateFormElement(this.nativeElement),"valid"===this.validityState}async setFocus(){var t;null===(t=this.valueElement)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.valueElement)||void 0===t||t.blur()}async expand(){this.isExpanded=!0}async collapse(){this.isExpanded=!1,this.isBusy||(this.clearOptionsFocus(),this.setComboboxValueOnCollapse())}async getFocusedOption(){return this.host.querySelector('r-select-option[data-focused="true"]')||null}async setFocusedOption(t){return this.setOptionFocus(this.optionElements[t])}clearOptionsFocus(){var t;this.focusedOption=null;try{this.valueElement.ariaActiveDescendantElement=null}catch(e){null===(t=this.valueElement)||void 0===t||t.removeAttribute("aria-activedescendant")}this.focusedOptions.forEach((t=>t.setBlur()))}setComboboxValueOnCollapse(){var t,e,i;this.combobox&&(this.valueElement.value=(null===(i=null===(e=null===(t=this.selectedElement)||void 0===t?void 0:t.textContent)||void 0===e?void 0:e.trim)||void 0===i?void 0:i.call(e))||"",this.clearComboboxOptions())}get focusedOptions(){return Array.from(this.host.querySelectorAll('r-select-option[data-focused="true"]'))}toggle(){this.isExpanded=!this.isExpanded}get selectedElement(){return this.host.querySelector(`r-select-option[value="${this.currentValue}"]`)}get initiallySelectedElement(){return this.host.querySelector(`r-select-option[value="${this.initial.value}"]`)||null}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!1}get optionElements(){return this.host.querySelectorAll('r-select-option:not([disabled]:not([disabled="false"])):not([aria-hidden="true"])')||null}get optionElementsArray(){return Array.from(this.optionElements)}deselectOptions(){this.optionElements&&this.optionElements.forEach((t=>t.clearSelected()))}get isBusy(){return this.isInitializing||this.isResetting}_renderSelected(t="",e=!0){var i,s;this.currentValue=t,null===this.currentValue?this.host.removeAttribute("value"):this.host.setAttribute("value",this.currentValue);const r=this.host.querySelector(`r-select-option[value="${null===(i=this.currentValue)||void 0===i?void 0:i.trim()}"]`);this.valueToDisplay=(null==r?void 0:r.innerHTML)||(null==r?void 0:r.textContent)||this.currentValue||"",null===(s=this.optionElements)||void 0===s||s.forEach((e=>{e.value===t?e.setSelected():e.clearSelected()})),this._renderNativeOption(),this.isExpanded&&this.collapse(),this.isBusy||this.reportValidity(),e&&this.rChange.emit({element:this.host,value:t})}setOptionFocus(t=this.selectedElement){t&&null!==this.optionElements&&requestAnimationFrame((()=>{var e;this.clearOptionsFocus(),t.setFocus(),this.focusedOption=t;try{this.valueElement.ariaActiveDescendantElement=t}catch(i){null===(e=this.valueElement)||void 0===e||e.setAttribute("aria-activedescendant",t.id)}((t,e)=>{var i,s;if(!e)return;try{null===(i=t.scrollIntoView)||void 0===i||i.call(t,{block:"nearest",inline:"nearest"})}catch(e){null===(s=t.scrollIntoView)||void 0===s||s.call(t,!1)}const r=t.getBoundingClientRect(),a=e.getBoundingClientRect();(r.top<a.top||r.bottom>a.bottom)&&((t,e)=>{const i=t.offsetTop,s=i+t.offsetHeight,r=e.scrollTop,a=r+e.clientHeight;i<r?e.scrollTop=i:s>a&&(e.scrollTop=s-e.clientHeight)})(t,e)})(t,this.listboxElement)}))}focusPrevOption(t=this.focusedOption||this.selectedElement){if(null===this.optionElements)return;const e=this.optionElementsArray.indexOf(t)-1;this.setOptionFocus(e>=0?this.optionElements[e]:this.optionElements[this.optionElements.length-1])}focusNextOption(t=this.focusedOption||this.selectedElement){if(null===this.optionElements)return;const e=this.optionElementsArray.indexOf(t)+1;this.setOptionFocus(e<=this.optionElements.length-1?this.optionElements[e]:this.optionElements[0])}filterOptions(t,e){if(!e)return[];const i=e.toLowerCase();return t.filter((t=>!t.disabled&&(t.textContent||"").trim().toLowerCase().startsWith(i)))}getIndexByLetter(t,e,i=0){if(!t.length||!e)return-1;const s=[...t.slice(i),...t.slice(0,i)],r=this.filterOptions(s,e).sort(((t,e)=>(t.textContent||"").trim().toLowerCase().localeCompare((e.textContent||"").trim().toLowerCase()))),a=e.split("").every((t=>t===e[0]));if(r[0])return t.indexOf(r[0]);if(a){const i=this.filterOptions(s,e[0]);return i[0]?t.indexOf(i[0]):-1}return-1}handleTypeahead(t){clearTimeout(this.typeaheadTimeout);const e=this.optionElementsArray;let i;if(this.typeaheadBuffer+=t.toLowerCase(),this.typeaheadBuffer.split("").every((t=>t===this.typeaheadBuffer[0]))&&-1!==this.lastTypeaheadIndex)i=(this.lastTypeaheadIndex+1)%e.length;else{const t=e.indexOf(this.focusedOption||this.selectedElement);i=-1===t?0:(t+1)%e.length}const s=this.getIndexByLetter(e,this.typeaheadBuffer,i);if(-1!==s){this.lastTypeaheadIndex=s;const t=e[s];this.isExpanded||this.expand(),this.setOptionFocus(t)}this.typeaheadTimeout=setTimeout((()=>{this.typeaheadBuffer=""}),500)}connectFormEventListeners(){this.parentFormEl&&(this.parentFormEl.addEventListener("formdata",this.contributeToFormData),this.parentFormEl.addEventListener("submit",this.onSubmitForm,{capture:!0}),this.parentFormEl.addEventListener("reset",this.onResetForm))}disconnectFormEventListeners(){this.parentFormEl&&(this.parentFormEl.removeEventListener("formdata",this.contributeToFormData),this.parentFormEl.removeEventListener("submit",this.onSubmitForm),this.parentFormEl.removeEventListener("reset",this.onResetForm))}defineHostWidth(){if(this.fullWidth)return;const t=this.host.shadowRoot.querySelector(".r-select--native").getBoundingClientRect().width,e=(this.combobox?this.comboboxContainerElement:this.valueElement).getBoundingClientRect().width,i=this.listboxElement.getBoundingClientRect().width,s=Math.max(t,e,i);this.host.style.setProperty("--width",`${s}px`)}_renderNativeOption(){var t,e,i,s,r;const a=document.createElement("option"),l=document.createTextNode(null===(i=null===(e=null===(t=this.selectedElement)||void 0===t?void 0:t.textContent)||void 0===e?void 0:e.trim)||void 0===i?void 0:i.call(e));a.value=this.currentValue,a.selected=!0,a.appendChild(l),this.nativeElement&&(this.nativeElement.innerHTML="",null===(s=this.nativeElement)||void 0===s||s.appendChild(a),this.nativeElement.value=this.currentValue,null===(r=this.nativeElement)||void 0===r||r.setAttribute("value",this.currentValue))}notVisible(t){return"visible"!==getComputedStyle(t).overflow}findOverflowParent(t){var e,i;return(null===(e=t.parentNode)||void 0===e?void 0:e.nodeType)===Node.DOCUMENT_FRAGMENT_NODE?this.findOverflowParent(null===(i=t.parentNode)||void 0===i?void 0:i.host):this.notVisible(t)?t:t.parentElement?this.findOverflowParent(t.parentElement):null}get ariaDescribedBy(){const t=`${this.uniqueId}-message`;return this.hint?`${this.uniqueId}-hint ${t}`:t}get overflowedParent(){return this.findOverflowParent(this.host.parentElement)}get top(){var t,e;return this.overflowedParent?Math.abs(this.overflowedParent.getBoundingClientRect().top-(null===(e=this.valueElement)||void 0===e?void 0:e.getBoundingClientRect().top)):null===(t=this.valueElement)||void 0===t?void 0:t.getBoundingClientRect().top}get bottom(){var t;function e(t){return window.innerHeight-t.getBoundingClientRect().top-t.getBoundingClientRect().height}const i=window.getComputedStyle(this.messageContainer),s=(null===(t=this.messageContainer)||void 0===t?void 0:t.getBoundingClientRect().height)+parseFloat(i.marginTop),r=e(this.host)+s;return this.overflowedParent?Math.abs(e(this.overflowedParent)-r):r+s}defineListboxPositionState(){var t,e;const i=(null===(t=this.listboxElement)||void 0===t?void 0:t.offsetHeight)<this.bottom,s=(null===(e=this.listboxElement)||void 0===e?void 0:e.offsetHeight)<this.top;if("top"===this.listboxPosition&&(s||!i)||"bottom"===this.listboxPosition&&(i||!s))this.listboxPositionState=this.listboxPosition;else switch(this.listboxPosition){case"top":this.listboxPositionState=s?"top":"bottom";break;case"bottom":this.listboxPositionState=i?"bottom":"top"}}initialize(){var t;const e=this.value||"";if(this.initial.value=this.value||"",this.initial.invalid=this.invalid||!1,this.listboxPositionState=this.listboxPosition,this.optionElementsArray.find((t=>t.value.trim()===e)))return this.isInitializing=!0,this.setValue(e),void(this.isInitializing=!1);if(this.placeholder)return;if(this.combobox)return;const i=null===(t=this.optionElements)||void 0===t?void 0:t[0];i&&(this.isInitializing=!0,this.setValue(null==i?void 0:i.value),this.isInitializing=!1)}initializeStyleObserver(){!this.listboxWidthObserver&&this.listboxElement&&(this.listboxWidthObserver=new l((()=>{this.listboxElement&&(this.listboxElement.getBoundingClientRect().width<=this.host.getBoundingClientRect().width||this.defineHostWidth())})),this.listboxWidthObserver.observe([this.listboxElement],["width"]))}get hasError(){var t;return this.invalid&&(null===(t=this.error)||void 0===t?void 0:t.length)>0}get hasValidationError(){var t;return"valid"!==this.validityState&&(null===(t=this.validityMessage)||void 0===t?void 0:t.length)>0}get hasValidationSuccess(){return this.valid&&this.validMessage&&this.showValid}get hasMessage(){return this.hasError||this.hasValidationError||this.hasValidationSuccess}get isInteractive(){return!this.disabled&&!this.isReadonly}get hasLeadingSlot(){return!!this.host.querySelector('[slot="leading"]')}get hasOptionIcon(){return!!this.optionElementsArray.find((t=>!!t.querySelector('[slot="icon"]')))}get isLeadingSlotRendered(){return this.hasLeadingSlot&&this.hasOptionIcon&&!this.currentValue}get isPlaceholder(){var t,e;const{placeholder:i}=this;return((null===(e=null===(t=this.valueToDisplay)||void 0===t?void 0:t.trim)||void 0===e?void 0:e.call(t))||i||"")===i}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}componentWillLoad(){this.isExpanded=this.expanded,this.isReadonly=this.readonly}componentDidLoad(){this.defineListboxPositionState(),this.initializeStyleObserver()}render(){var t;const{uniqueId:e,disabled:r,isExpanded:a,fieldIndicator:l,invalid:o,placeholder:n,required:h,hint:c,label:d,internal:v,tooltip:u,tooltipIcon:p,tooltipIconColor:f}=this,b=d?Object.assign({fieldIndicator:l},u&&!r?{tooltip:u,"tooltip-icon":p,"tooltip-icon-color":f}:{}):{},g=!!this.isInteractive&&!!h,m={id:`${e}-value`,tabindex:""+(r?-1:0),"aria-controls":`${e}-list`,"aria-describedby":this.ariaDescribedBy,"aria-disabled":`${r||!1}`,"aria-expanded":`${a||!1}`,"aria-invalid":`${o||!1}`,"aria-readonly":`${!this.isInteractive||!1}`,"aria-required":`${g}`,"aria-labelledby":`${e}-label`},y={"aria-label":d},w={placeholder:n,name:this.name,value:this.currentValue,"aria-hidden":"true",tabindex:"-1",invalid:o,disabled:r,required:g};return i(s,{key:"aca9ddac308a41221f08de7fde92f45fcd89162f","data-value":this.currentValue,expanded:!this.disabled&&this.isExpanded,"data-listbox-position":this.listboxPositionState,"data-initial-value":this.initial.value,"data-is-placeholder":`${!!this.isPlaceholder}`,"data-value-focused":`${!!this.isValueFocused}`,"data-option-focused":`${!!this.focusedOption}`,"data-validity-state":`${this.validityState||""}`,"data-validity-message":`${this.validityMessage||""}`,"data-readonly":`${!!this.isReadonly}`},i("div",{key:"34c00c70c0b73cdd7afdcd65f175a94e82c900d2",class:"r-select--label "+(v?"":"r-select--label__margin-bottom")},i("div",{key:"5a2b30341687b152eb17c2fc5ca2f65b1fda886f",class:v?"visually-hidden":"r-select--label-container"},i("label",{key:"10021c02cfe8a697ee3a0e452e0052044f2b80a7",id:`${e}-label`,onClick:this.isInteractive?this.onValueClick:null},i("r-label",Object.assign({key:"cc7173f5b427c9fca7e08a12552227d3f20ad64c"},b),d)),i("slot",{key:"625e1bd9f1fa11950ff75e1875e03510f55022c0",name:"popover"})),c&&i("r-hint",{key:"6d22db79a4375ddd901f5ea6b25d9c456e8f1ab2",id:`${e}-hint`,class:"r-select--hint"},c)),i("div",{key:"a243a731bdd150386ea47ad0897831b37eed6621",class:"r-select"},i("select",Object.assign({key:"e1878ed06636fad3768d8b4b1f4a944d30730346",class:"r-select--native",ref:t=>this.nativeElement=t},w)),i("div",{key:"b47cd423033129e827a99f8fcff39173f4c74ed9",class:"r-select--container"},this.combobox?this.renderCombobox(m):this.renderSelect(m),i("div",Object.assign({key:"04db58929d97226614d344f7f419c3e8aa7e250d",role:"listbox",tabindex:"-1",id:`${e}-list`,class:"r-select--options",ref:t=>this.listboxElement=t},y),(this.isNoResultsFound||!(null===(t=this.optionElements)||void 0===t?void 0:t.length))&&i("r-select-option",{key:"b23380c2c75c33e6a8a99737189c43400e29940b","data-no-results":"true",value:"no_results"},this.noResultsFound),i("slot",{key:"83e215daafbd8909f9788e8918691b08417a5f2d",onSlotchange:this.handleSlotChange})))),i("div",{key:"57acdd7994fa67813e60641493e99f29afafcaf4",id:`${e}-message`,"aria-live":"polite","aria-atomic":"true",ref:t=>this.messageContainer=t,class:this.hasMessage&&!v?"r-select--message":"visually-hidden"},this.hasMessage&&i("r-hint",{key:"f14bc3026b6bee74b1192f37af64381958c0c87b",variant:this.invalid?"error":"success"},this.hasError&&this.error,this.hasValidationError&&this.validityMessage,this.hasValidationSuccess&&this.validMessage)))}get host(){return r(this)}static get watchers(){return{listboxPosition:["handleListboxPositionChange"],expanded:["handleExpandedChange"],readonly:["handleReadonlyChange"],value:["handleValueChange"]}}};o.style=":host{display:inline-flex;flex-direction:column;width:var(--width, auto);transition:width 0.2s ease-out;max-width:none;opacity:1;outline:none}:host slot{display:contents}:host(:hover:not([disabled]:not([disabled=false]))){--r-select--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([expanded]:not([expanded=false])){--r-select--options--visibility:visible;--r-select--options--z-index:1;--r-select--background-color:var(--r-background-interactive-softest, #fff);--r-select--value--border-color:var(--r-border-soft, #686868);--r-select--value--background-color:var(--r-background-interactive-softest, #fff);--r-select--trailing-icon--transform:rotate(180deg)}:host([invalid]:not([invalid=false])){--r-select--container--background-color:var(--r-status-error-soft, #fef6f6);--r-select--value--border-color:var(--r-status-error-regular, #da1e28);--r-select--options--border-color:var(--r-status-error-regular, #da1e28)}:host([disabled]:not([disabled=false])){--r-select--opacity:0.4;--r-select--pointer-events:none;--r-select--cursor:not-allowed}:host([data-is-placeholder=true]){--r-select--value-diplay--color:var(--r-text-soft, #686868)}:host([data-max-width=set]){width:100%;--r-select--options--right:0}:host([full-width]){width:100%}:host([data-listbox-position=top]){--r-select--options--top:auto;--r-select--options--bottom:2.875em;--r-select--options--border-width:1px 1px 0 1px}:host([data-listbox-position=bottom]){--r-select--options--top:100%;--r-select--options--bottom:auto;--r-select--options--border-width:0 1px 1px 1px}:host([data-readonly=true]){--r-select--color:var(--r-text-soft, #686868);--r-select--value--background-color:var(--r-background-soft, #f3f1f0);--r-select--value--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-select--value--cursor:text;--r-select--value-arrow--visiblility:hidden}.r-select{display:var(--r-select--display, flex);flex-grow:var(--r-select--flex-grow, 1);flex-direction:var(--r-select--flex-direction, column);position:var(--r-select--position, relative);box-sizing:var(--r-select--box-sizing, border-box);max-width:var(--r-select--max-width, 100%);min-width:var(--r-select--min-width, fit-content);font-family:var(--r-select--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-select--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-select--font-size, var(--r-font-size-400, 1rem));text-align:var(--r-select--text-align, left);color:var(--r-select--color, var(--r-text-regular, #282828));opacity:var(--r-select--opacity, 1);pointer-events:var(--r-select--pointer-events, auto);cursor:var(--r-select--cursor, pointer)}.r-select--label__margin-bottom{margin-bottom:var(--r-select--label--margin-bottom, var(--r-spacing-025, 0.25rem))}.r-select--label-container{display:var(--r-select--label-container--display, flex);gap:var(--r-select--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-select--label-container--align-items, center);justify-content:var(--r-select--label-container--align-items, space-between)}.r-select--label-container ::slotted([slot=popover]){display:var(--r-select--popover--display, inline-flex);height:var(--r-select--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-select--popover--align-items, center);justify-content:var(--r-select--popover--justify-content, center);margin-right:var(--r-select--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-select--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-select--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-select--trailing-icon{transform:var(--r-select--trailing-icon--transform, rotate(0deg));transition:var(--r-select--trailing-icon--transition, transform 0.15s)}.r-select ::slotted([name=leading]){display:var(--r-select--value--leading-icon--display, flex);align-items:var(--r-select--value--leading-icon--align-items, center);color:var(--r-select--value--leading-icon--color, var(--r-icon-soft, #686868))}.r-select--container{background-color:var(--r-select--container--background-color, var(--r-background-softest, #fff));opacity:var(--r-select--container--opacity, 1);pointer-events:var(--r-select--container--pointer-events, auto)}.r-select--input{height:var(--r-select--input--height, 100%);width:var(--r-select--input--width, 100%);border:var(--r-select--input--border, none);outline:var(--r-select--input--outline, none);background-color:var(--r-select--input--background-color, inherit);color:var(--r-select--input--color, inherit);font-family:var(--r-select--input--font-family, inherit);font-size:var(--r-select--input--font-size, inherit);font-weight:var(--r-select--input--font-weight, inherit);padding:var(--r-select--input--padding, 0)}.r-select--native{position:var(--r-select--native--position, fixed);top:var(--r-select--native--top, -100vh);z-index:var(--r-select--native--z-index, -1);opacity:var(--r-select--native--opacity, 0);font-size:var(--r-select--native--font-size, 1rem);padding:var(--r-select--native--padding, 0 calc(48px + 0.75em) 0 0.75em)}.r-select--value:not([aria-readonly=true]):not(:has(input:read-only)):not(:has(input:disabled)):active{--r-select--value--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}.r-select--value[aria-disabled=false]:focus,.r-select--value:has(input:focus){outline:var(--r-select--value--outline, none);--r-select--value--z-index:2;--r-select--value--box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);--r-select--value--outline:2px solid var(--r-border-focused, #0071e3);--r-select--value--outline-offset:2px}.r-select--value{position:var(--r-select--value--position, relative);display:var(--r-select--value--display, inline-grid);grid-template-columns:var(--r-select--value--grid-template-columns, 1fr 1.75rem);box-sizing:var(--r-select--value--box-sizing, border-box);align-items:var(--r-select--value--align-items, center);justify-content:var(--r-select--value--justify-content, space-between);text-align:var(--r-select--value--text-align, left);min-width:var(--r-select--value--min-width, 100%);min-height:var(--r-select--value--min-height, var(--r-spacing-275, 2.75rem));padding:var(--r-select--value--padding, 0);white-space:var(--r-select--value--white-space, nowrap);background-color:var(--r-select--value--background-color, transparent);border-width:var(--r-select--value--border-width, 1px);border-style:var(--r-select--value--border-style, solid);border-color:var(--r-select--value--border-color, var(--r-border-soft, #686868));box-shadow:var(--r-select--value--box-shadow, none);outline:var(--r-select--value--outline, none);outline-offset:var(--r-select--value--outline-offset, 0);z-index:var(--r-select--value--z-index, 0);cursor:var(--r-select--value--cursor, inherit)}.r-select--value-display{display:var(--r-select--value-diplay--display, flex);gap:var(--r-select--value-diplay--gap, 0.5em);align-items:var(--r-select--value-diplay--align-tems, center);flex:var(--r-select--value-diplay--flex, 1);padding:var(--r-select--value-diplay--padding, 0 0.75em);overflow:var(--r-select--value-diplay--overflow, hidden);text-overflow:var(--r-select--value-diplay--text-overflow, ellipsis);color:var(--r-select--value-diplay--color, inherit);min-width:var(--r-select--value-diplay--min-width, fit-content);height:var(--r-select--value-diplay--height, 100%)}.r-select--value-selected{display:var(--r-select--value-diplay--display, flex);gap:var(--r-select--value-diplay--gap, 0.75em);align-items:var(--r-select--value-diplay--align-items, center)}.r-select--value-arrow{display:var(--r-select--value-arrow--display, flex);align-items:var(--r-select--value-arrow--align-items, center);justify-content:var(--r-select--value-arrow--justify-content, center);padding:var(--r-select--value-arrow--padding, 0 0.75em 0 0);visibility:var(--r-select--value-arrow--visiblility, visible)}.r-select--value-arrow-button{height:var(--r-select--value-arrow-button--height, 100%);background-color:var(--r-select--value-arrow-button--background-color, transparent);color:var(--r-select--value-arrow-button--color, inherit);border:var(--r-select--value-arrow-button--border, none);outline:var(--r-select--value-arrow-button--outline, none);cursor:var(--r-select--value-arrow-button--cursor, inherit)}.r-select--options{visibility:var(--r-select--options--visibility, hidden);position:var(--r-select--options--position, absolute);top:var(--r-select--options--top, 100%);right:var(--r-select--options--right, 0);bottom:var(--r-select--options--bottom, auto);left:var(--r-select--options--left, 0);margin:var(--r-select--options--margin, 0);padding:var(--r-select--options--padding, 0);list-style:var(--r-select--options--list-style, none);max-height:var(--r-select--options--max-height, 14.375em);min-width:var(--r-select--options--min-width, fit-content);overflow-y:var(--r-select--options--overflow-y, auto);background-color:var(--r-select--options--background-color, var(--r-background-interactive-softest, #fff));border-style:var(--r-select--options--border-style, solid);border-color:var(--r-select--options--border-color, var(--r-border-soft, #686868));border-width:var(--r-select--options--border-width, 0 1px 1px 1px);z-index:var(--r-select--options--z-index, -1)}.r-select--message{margin-top:var(--r-select--message--margin-top, var(--r-spacing-025, 0.25rem))}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}@media (prefers-reduced-motion){:host{transition:none}}";export{o as r_select}
1
+ import{r as t,c as e,h as i,H as s,g as r}from"./p-Da7qOBFr.js";import{a}from"./p-DvLT8-y3.js";import{S as l}from"./p-4Uv3PpKT.js";const o=class{constructor(s){t(this,s),this.rValidate=e(this,"rValidate"),this.rChange=e(this,"rChange"),this.rReset=e(this,"rReset"),this.showValid=!1,this.fullWidth=!1,this.leadingIconSize="s",this.trailingIcon="angle-down",this.tralingIconSize="s",this.listboxPosition="bottom",this.toggleButtonAriaLabel="Toggle combobox",this.noResultsFound="No results found",this.validityState="",this.validityMessage="",this.isExpanded=!1,this.isReadonly=!1,this.currentValue="",this.valueToDisplay="",this.isInitializing=!1,this.isResetting=!1,this.isNewValue=!1,this.focusedOption=null,this.isValueFocused=!1,this.isNoResultsFound=!1,this.handleSlotChange=()=>{setTimeout((()=>{this.initialize(),this.defineHostWidth()}),0)},this.initial={},this.uniqueId=`r-select-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g,""),this.getValidityStateData=t=>{for(const e in t.validity)if(t.validity[e]){if(this.validityState=e,this[e+"Message"])return void(this.validityMessage=this[e+"Message"]);this.validityMessage=t.validationMessage}},this.validateFormElement=(t=null)=>{if(null===t)return;if(this.isNoValidate)return;if(this.error)return;this.getValidityStateData(t);const e="valid"===this.validityState;this.valid=e,this.invalid=!e,this.rValidate.emit({state:this.validityState,message:this.validityMessage})},this.typeaheadBuffer="",this.typeaheadTimeout=null,this.lastTypeaheadIndex=-1,this.contributeToFormData=t=>{a(this.nativeElement,t.formData)},this.onValueClick=t=>{var e;this.disabled||(t.preventDefault(),t.stopPropagation(),this.toggle(),this.isExpanded&&(this.combobox&&(null===(e=this.valueElement)||void 0===e||e.focus()),this.defineListboxPositionState()))},this.keyboardEventHandlerFactory=(t,e=!1)=>{switch(t){case"Enter":return()=>{var t;this.isExpanded?this.setValue((null===(t=this.focusedOption)||void 0===t?void 0:t.value)||""):(this.expand(),this.setOptionFocus(this.selectedElement))};case"Escape":return()=>{this.collapse(),this.reportValidity()};case"ArrowUp":return()=>{var t;this.isExpanded?this.focusedOption&&e?this.setValue((null===(t=this.focusedOption)||void 0===t?void 0:t.value)||""):(this.combobox||this.focusedOption!==this.optionElements[0])&&(this.focusedOption?this.focusPrevOption():this.setOptionFocus(this.selectedElement||this.optionElements[0])):(this.expand(),this.setOptionFocus(this.selectedElement||this.optionElements[this.combobox?this.optionElements.length-1:0]))};case"ArrowDown":return()=>{if(this.isExpanded)(this.combobox||this.focusedOption!==this.optionElements[this.optionElements.length-1])&&(this.focusedOption?this.focusNextOption():this.setOptionFocus(this.selectedElement||this.optionElements[0]));else{if(this.expand(),e)return;this.setOptionFocus(this.selectedElement||this.optionElements[0])}};case"Home":return()=>{if(!this.isExpanded)return this.expand(),void this.setOptionFocus(this.selectedElement||this.optionElements[0]);this.setOptionFocus(this.optionElements[0])};case"End":return()=>{if(!this.isExpanded)return this.expand(),void this.setOptionFocus(this.selectedElement||this.optionElements[this.optionElements.length-1]);this.setOptionFocus(this.optionElements[this.optionElements.length-1])};case"PageUp":return()=>{if(!this.isExpanded)return;if(null===this.focusedOption)return;const t=this.optionElementsArray.indexOf(this.focusedOption);-1!==t&&this.setOptionFocus(this.optionElements[t-10>=0?t-10:0])};case"PageDown":return()=>{if(!this.isExpanded)return;if(null===this.focusedOption)return;const t=this.optionElementsArray.indexOf(this.focusedOption);if(-1===t)return;const e=this.optionElements.length-1;this.setOptionFocus(this.optionElements[t+10<=e?t+10:e])};case"Tab":return()=>{var t;return this.setValue((null===(t=this.focusedOption)||void 0===t?void 0:t.value)||"")};default:return()=>{}}},this.onValueKeydown=t=>{if(t.stopPropagation(),["ArrowUp","ArrowDown","Home","End","PageUp","PageDown","Space","Enter","Escape"].includes(t.code))t.preventDefault();else if(1===t.key.length&&!t.ctrlKey&&!t.metaKey&&!t.altKey)return this.isExpanded||this.expand(),void this.handleTypeahead(t.key);switch(t.code){case"Space":this.keyboardEventHandlerFactory("Enter")();break;case"Tab":if(null===this.focusedOption)break;this.keyboardEventHandlerFactory("Tab")();break;default:this.keyboardEventHandlerFactory(t.code,t.altKey)()}},this.onComboboxKeydown=t=>{switch(t.stopPropagation(),["ArrowUp","ArrowDown","Home","End","PageUp","PageDown","Enter","Escape"].includes(t.code)&&t.preventDefault(),t.code){case"Tab":if(null===this.focusedOption){this.collapse();break}this.keyboardEventHandlerFactory("Tab")();break;case"Escape":if(this.isExpanded)return void this.keyboardEventHandlerFactory("Escape")();this.valueElement.value="",this.setValue(""),this.reportValidity();break;default:this.keyboardEventHandlerFactory(t.code,t.altKey)()}},this.onValueBlur=()=>{this.isValueFocused=!1;const{isBusy:t,isExpanded:e}=this;t||e||this.reportValidity()},this.onValueFocus=()=>{this.isValueFocused=!0},this.filterOptionsListByComboboxValue=(t="")=>{const e=Array.from(this.host.querySelectorAll('r-select-option:not([data-no-results="true"])'));e.forEach((e=>{var i,s;const r=-1!==(null===(s=null===(i=null==e?void 0:e.textContent)||void 0===i?void 0:i.trim())||void 0===s?void 0:s.toLowerCase()).search(t.toLowerCase());e.setAttribute("aria-hidden",`${!r}`)})),this.isNoResultsFound=e.every((t=>"true"===(null==t?void 0:t.getAttribute("aria-hidden")))),this.isNoResultsFound&&(this.statusElement.innerHTML=this.noResultsFound,setTimeout((()=>{this.statusElement.innerText=""}),1e3))},this.clearComboboxOptions=()=>{this.combobox&&this.filterOptionsListByComboboxValue()},this.onComboboxChange=t=>{this.filterOptionsListByComboboxValue(t.target.value)},this.onComboboxInput=t=>{this.filterOptionsListByComboboxValue(t.target.value),this.isExpanded||(this.expand(),this.defineListboxPositionState())},this.onSubmitForm=t=>{this.isNoValidate||(this.reportValidity(),this.invalid&&(t.preventDefault(),t.stopPropagation()))},this.onResetForm=()=>{this.resetValidation(),this.setValue(this.initial.value),this.rReset.emit({element:this.host,value:this.currentValue})},this.renderSelect=t=>{var e,s;return i("span",Object.assign({class:"r-select--value",role:"combobox"},t,{ref:t=>this.valueElement=t,onClick:this.isInteractive?this.onValueClick:null,onKeyDown:this.isInteractive?this.onValueKeydown:null,onBlur:this.isInteractive?this.onValueBlur:null,onFocus:this.isInteractive?this.onValueFocus:null}),i("span",{class:"r-select--value-display"},this.isLeadingSlotRendered?i("slot",{name:"leading"}):null,i("span",{class:"r-select--value-selected",innerHTML:(null===(s=null===(e=this.valueToDisplay)||void 0===e?void 0:e.trim)||void 0===s?void 0:s.call(e))||this.placeholder||""})),i("span",{class:"r-select--value-arrow"},i("r-icon",{class:"r-select--trailing-icon",name:"angle-down",size:"s"})))},this.renderCombobox=t=>{var e,s,r;return i("div",{class:"r-select--value",onClick:this.isInteractive?this.onValueClick:null,ref:t=>this.comboboxContainerElement=t},i("div",{class:"r-select--value-display"},this.isLeadingSlotRendered?i("slot",{name:"leading"}):null,i("input",Object.assign({role:"combobox",autocomplete:"off","aria-autocomplete":"list",disabled:this.disabled,readonly:this.readonly,type:"text"},t,{class:"r-select--input",ref:t=>this.valueElement=t,onKeyDown:this.isInteractive?this.onComboboxKeydown:null,onBlur:this.isInteractive?this.onValueBlur:null,onFocus:this.isInteractive?this.onValueFocus:null,onChange:this.isInteractive?this.onComboboxChange:null,onInput:this.isInteractive?this.onComboboxInput:null,placeholder:this.placeholder||"",value:(null===(r=null===(s=null===(e=this.selectedElement)||void 0===e?void 0:e.textContent)||void 0===s?void 0:s.trim)||void 0===r?void 0:r.call(s))||""}))),i("button",{"aria-label":this.toggleButtonAriaLabel,"aria-expanded":`${this.expanded||!1}`,"aria-controls":`${this.uniqueId}-list`,disabled:this.disabled,tabindex:"-1",class:"r-select--value-arrow-button r-select--value-arrow"},i("r-icon",{class:"r-select--trailing-icon",name:"angle-down",size:"s"})),i("div",{class:"visually-hidden",role:"status",ref:t=>this.statusElement=t}))}}async setReadonly(){this.collapse(),this.resetValidation(),this.isReadonly=!0}async clearReadonly(){this.isReadonly=!1}handleListboxPositionChange(){this.defineListboxPositionState()}handleExpandedChange(){this.expanded?this.expand():this.collapse()}handleReadonlyChange(){this.readonly?this.setReadonly():this.clearReadonly()}handleValueChange(t,e){this.isInitializing||(this.isNewValue=e!==t,this.isNewValue&&this.setValue(t))}optionSelectAction(t){t.stopPropagation(),this.disabled||this.setValue(t.target.value)}tooltipFocusAction(){this.collapse(),this.reportValidity()}onMouseup(t){this.isExpanded&&(t.stopPropagation(),this.host.contains(t.target)||(this.collapse(),this.reportValidity()))}onKeyup(t){this.isExpanded&&(t.stopPropagation(),this.host.contains(t.target)||(this.collapse(),this.reportValidity()))}handleScrolling(){this.isExpanded&&this.defineListboxPositionState()}handleResizing(){this.isExpanded&&this.defineListboxPositionState()}async setValue(t=""){this.resetValidation(),this._renderSelected(t,this.currentValue!==t),this.clearComboboxOptions()}async getValue(){return this.currentValue||""}async reset(){if(this.resetValidation(),this.collapse(),this.clearComboboxOptions(),this.currentValue!==this.initial.value){if(""!==this.initial.value&&this.initiallySelectedElement)return this.isResetting=!0,this.setValue(this.initial.value),void(this.isResetting=!1);this.deselectOptions(),this.currentValue="",this.valueToDisplay=""}}async resetValidation(){this.validityMessage=null,this.validityState=null,this.invalid=this.initial.invalid,this.valid=!this.invalid}async reportValidity(){return this.validateFormElement(this.nativeElement),"valid"===this.validityState}async setFocus(){var t;null===(t=this.valueElement)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.valueElement)||void 0===t||t.blur()}async expand(){this.isExpanded=!0}async collapse(){this.isExpanded=!1,this.isBusy||(this.clearOptionsFocus(),this.setComboboxValueOnCollapse())}async getFocusedOption(){return this.host.querySelector('r-select-option[data-focused="true"]')||null}async setFocusedOption(t){return this.setOptionFocus(this.optionElements[t])}clearOptionsFocus(){var t;this.focusedOption=null;try{this.valueElement.ariaActiveDescendantElement=null}catch(e){null===(t=this.valueElement)||void 0===t||t.removeAttribute("aria-activedescendant")}this.focusedOptions.forEach((t=>t.setBlur()))}setComboboxValueOnCollapse(){var t,e,i;this.combobox&&(this.valueElement.value=(null===(i=null===(e=null===(t=this.selectedElement)||void 0===t?void 0:t.textContent)||void 0===e?void 0:e.trim)||void 0===i?void 0:i.call(e))||"",this.clearComboboxOptions())}get focusedOptions(){return Array.from(this.host.querySelectorAll('r-select-option[data-focused="true"]'))}toggle(){this.isExpanded=!this.isExpanded}get selectedElement(){return this.host.querySelector(`r-select-option[value="${this.currentValue}"]`)}get initiallySelectedElement(){return this.host.querySelector(`r-select-option[value="${this.initial.value}"]`)||null}get parentFormEl(){return this.host.closest("form")||document.querySelector(`#${this.form}`)||null}get isNoValidate(){var t;return(null===(t=this.parentFormEl)||void 0===t?void 0:t.hasAttribute("novalidate"))||this.novalidate||!1}get optionElements(){return this.host.querySelectorAll('r-select-option:not([disabled]:not([disabled="false"])):not([aria-hidden="true"])')||null}get optionElementsArray(){return Array.from(this.optionElements)}deselectOptions(){this.optionElements&&this.optionElements.forEach((t=>t.clearSelected()))}get isBusy(){return this.isInitializing||this.isResetting}_renderSelected(t="",e=!0){var i,s;this.currentValue=t,null===this.currentValue?this.host.removeAttribute("value"):this.host.setAttribute("value",this.currentValue);const r=this.host.querySelector(`r-select-option[value="${null===(i=this.currentValue)||void 0===i?void 0:i.trim()}"]`);this.valueToDisplay=(null==r?void 0:r.innerHTML)||(null==r?void 0:r.textContent)||this.currentValue||"",null===(s=this.optionElements)||void 0===s||s.forEach((e=>{e.value===t?e.setSelected():e.clearSelected()})),this._renderNativeOption(),this.isExpanded&&this.collapse(),this.isBusy||this.reportValidity(),e&&this.rChange.emit({element:this.host,value:t})}setOptionFocus(t=this.selectedElement){t&&null!==this.optionElements&&requestAnimationFrame((()=>{var e;this.clearOptionsFocus(),t.setFocus(),this.focusedOption=t;try{this.valueElement.ariaActiveDescendantElement=t}catch(i){null===(e=this.valueElement)||void 0===e||e.setAttribute("aria-activedescendant",t.id)}((t,e)=>{var i,s;if(!e)return;try{null===(i=t.scrollIntoView)||void 0===i||i.call(t,{block:"nearest",inline:"nearest"})}catch(e){null===(s=t.scrollIntoView)||void 0===s||s.call(t,!1)}const r=t.getBoundingClientRect(),a=e.getBoundingClientRect();(r.top<a.top||r.bottom>a.bottom)&&((t,e)=>{const i=t.offsetTop,s=i+t.offsetHeight,r=e.scrollTop,a=r+e.clientHeight;i<r?e.scrollTop=i:s>a&&(e.scrollTop=s-e.clientHeight)})(t,e)})(t,this.listboxElement)}))}focusPrevOption(t=this.focusedOption||this.selectedElement){if(null===this.optionElements)return;const e=this.optionElementsArray.indexOf(t)-1;this.setOptionFocus(e>=0?this.optionElements[e]:this.optionElements[this.optionElements.length-1])}focusNextOption(t=this.focusedOption||this.selectedElement){if(null===this.optionElements)return;const e=this.optionElementsArray.indexOf(t)+1;this.setOptionFocus(e<=this.optionElements.length-1?this.optionElements[e]:this.optionElements[0])}filterOptions(t,e){if(!e)return[];const i=e.toLowerCase();return t.filter((t=>!t.disabled&&(t.textContent||"").trim().toLowerCase().startsWith(i)))}getIndexByLetter(t,e,i=0){if(!t.length||!e)return-1;const s=[...t.slice(i),...t.slice(0,i)],r=this.filterOptions(s,e).sort(((t,e)=>(t.textContent||"").trim().toLowerCase().localeCompare((e.textContent||"").trim().toLowerCase()))),a=e.split("").every((t=>t===e[0]));if(r[0])return t.indexOf(r[0]);if(a){const i=this.filterOptions(s,e[0]);return i[0]?t.indexOf(i[0]):-1}return-1}handleTypeahead(t){clearTimeout(this.typeaheadTimeout);const e=this.optionElementsArray;let i;if(this.typeaheadBuffer+=t.toLowerCase(),this.typeaheadBuffer.split("").every((t=>t===this.typeaheadBuffer[0]))&&-1!==this.lastTypeaheadIndex)i=(this.lastTypeaheadIndex+1)%e.length;else{const t=e.indexOf(this.focusedOption||this.selectedElement);i=-1===t?0:(t+1)%e.length}const s=this.getIndexByLetter(e,this.typeaheadBuffer,i);if(-1!==s){this.lastTypeaheadIndex=s;const t=e[s];this.isExpanded||this.expand(),this.setOptionFocus(t)}this.typeaheadTimeout=setTimeout((()=>{this.typeaheadBuffer=""}),500)}connectFormEventListeners(){this.parentFormEl&&(this.parentFormEl.addEventListener("formdata",this.contributeToFormData),this.parentFormEl.addEventListener("submit",this.onSubmitForm,{capture:!0}),this.parentFormEl.addEventListener("reset",this.onResetForm))}disconnectFormEventListeners(){this.parentFormEl&&(this.parentFormEl.removeEventListener("formdata",this.contributeToFormData),this.parentFormEl.removeEventListener("submit",this.onSubmitForm),this.parentFormEl.removeEventListener("reset",this.onResetForm))}defineHostWidth(){if(this.fullWidth)return;const t=this.host.shadowRoot.querySelector(".r-select--native").getBoundingClientRect().width,e=(this.combobox?this.comboboxContainerElement:this.valueElement).getBoundingClientRect().width,i=this.listboxElement.getBoundingClientRect().width,s=Math.max(t,e,i);this.host.style.setProperty("--width",`${s}px`)}_renderNativeOption(){var t,e,i,s,r;const a=document.createElement("option"),l=document.createTextNode(null===(i=null===(e=null===(t=this.selectedElement)||void 0===t?void 0:t.textContent)||void 0===e?void 0:e.trim)||void 0===i?void 0:i.call(e));a.value=this.currentValue,a.selected=!0,a.appendChild(l),this.nativeElement&&(this.nativeElement.innerHTML="",null===(s=this.nativeElement)||void 0===s||s.appendChild(a),this.nativeElement.value=this.currentValue,null===(r=this.nativeElement)||void 0===r||r.setAttribute("value",this.currentValue))}notVisible(t){return"visible"!==getComputedStyle(t).overflow}findOverflowParent(t){var e,i;return(null===(e=t.parentNode)||void 0===e?void 0:e.nodeType)===Node.DOCUMENT_FRAGMENT_NODE?this.findOverflowParent(null===(i=t.parentNode)||void 0===i?void 0:i.host):this.notVisible(t)?t:t.parentElement?this.findOverflowParent(t.parentElement):null}get ariaDescribedBy(){const t=`${this.uniqueId}-message`;return this.hint?`${this.uniqueId}-hint ${t}`:t}get overflowedParent(){return this.findOverflowParent(this.host.parentElement)}get top(){var t,e;return this.overflowedParent?Math.abs(this.overflowedParent.getBoundingClientRect().top-(null===(e=this.valueElement)||void 0===e?void 0:e.getBoundingClientRect().top)):null===(t=this.valueElement)||void 0===t?void 0:t.getBoundingClientRect().top}get bottom(){var t;function e(t){return window.innerHeight-t.getBoundingClientRect().top-t.getBoundingClientRect().height}const i=window.getComputedStyle(this.messageContainer),s=(null===(t=this.messageContainer)||void 0===t?void 0:t.getBoundingClientRect().height)+parseFloat(i.marginTop),r=e(this.host)+s;return this.overflowedParent?Math.abs(e(this.overflowedParent)-r):r+s}defineListboxPositionState(){var t,e;const i=(null===(t=this.listboxElement)||void 0===t?void 0:t.offsetHeight)<this.bottom,s=(null===(e=this.listboxElement)||void 0===e?void 0:e.offsetHeight)<this.top;if("top"===this.listboxPosition&&(s||!i)||"bottom"===this.listboxPosition&&(i||!s))this.listboxPositionState=this.listboxPosition;else switch(this.listboxPosition){case"top":this.listboxPositionState=s?"top":"bottom";break;case"bottom":this.listboxPositionState=i?"bottom":"top"}}initialize(){var t;const e=this.value||"";if(this.initial.value=this.value||"",this.initial.invalid=this.invalid||!1,this.listboxPositionState=this.listboxPosition,this.optionElementsArray.find((t=>t.value.trim()===e)))return this.isInitializing=!0,this.setValue(e),void(this.isInitializing=!1);if(this.placeholder)return;if(this.combobox)return;const i=null===(t=this.optionElements)||void 0===t?void 0:t[0];i&&(this.isInitializing=!0,this.setValue(null==i?void 0:i.value),this.isInitializing=!1)}initializeStyleObserver(){!this.listboxWidthObserver&&this.listboxElement&&(this.listboxWidthObserver=new l((()=>{this.listboxElement&&(this.listboxElement.getBoundingClientRect().width<=this.host.getBoundingClientRect().width||this.defineHostWidth())})),this.listboxWidthObserver.observe([this.listboxElement],["width"]))}get hasError(){var t;return this.invalid&&(null===(t=this.error)||void 0===t?void 0:t.length)>0}get hasValidationError(){var t;return"valid"!==this.validityState&&(null===(t=this.validityMessage)||void 0===t?void 0:t.length)>0}get hasValidationSuccess(){return this.valid&&this.validMessage&&this.showValid}get hasMessage(){return this.hasError||this.hasValidationError||this.hasValidationSuccess}get isInteractive(){return!this.disabled&&!this.isReadonly}get hasLeadingSlot(){return!!this.host.querySelector('[slot="leading"]')}get hasOptionIcon(){return!!this.optionElementsArray.find((t=>!!t.querySelector('[slot="icon"]')))}get isLeadingSlotRendered(){return this.hasLeadingSlot&&this.hasOptionIcon&&!this.currentValue}get isPlaceholder(){var t,e;const{placeholder:i}=this;return((null===(e=null===(t=this.valueToDisplay)||void 0===t?void 0:t.trim)||void 0===e?void 0:e.call(t))||i||"")===i}connectedCallback(){this.connectFormEventListeners()}disconnectedCallback(){this.disconnectFormEventListeners()}componentWillLoad(){this.isExpanded=this.expanded,this.isReadonly=this.readonly}componentDidLoad(){this.defineListboxPositionState(),this.initializeStyleObserver()}render(){var t;const{uniqueId:e,disabled:r,isExpanded:a,fieldIndicator:l,invalid:o,placeholder:n,required:h,hint:c,label:d,internal:v,tooltip:u,tooltipIcon:p,tooltipIconColor:f}=this,b=d?Object.assign({fieldIndicator:l},u&&!r?{tooltip:u,"tooltip-icon":p,"tooltip-icon-color":f}:{}):{},g=!!this.isInteractive&&!!h,m={id:`${e}-value`,tabindex:""+(r?-1:0),"aria-controls":`${e}-list`,"aria-describedby":this.ariaDescribedBy,"aria-disabled":`${r||!1}`,"aria-expanded":`${a||!1}`,"aria-invalid":`${o||!1}`,"aria-readonly":`${!this.isInteractive||!1}`,"aria-required":`${g}`,"aria-labelledby":`${e}-label`},y={"aria-label":d},w={placeholder:n,name:this.name,value:this.currentValue,"aria-hidden":"true",tabindex:"-1",invalid:o,disabled:r,required:g};return i(s,{key:"aca9ddac308a41221f08de7fde92f45fcd89162f","data-value":this.currentValue,expanded:!this.disabled&&this.isExpanded,"data-listbox-position":this.listboxPositionState,"data-initial-value":this.initial.value,"data-is-placeholder":`${!!this.isPlaceholder}`,"data-value-focused":`${!!this.isValueFocused}`,"data-option-focused":`${!!this.focusedOption}`,"data-validity-state":`${this.validityState||""}`,"data-validity-message":`${this.validityMessage||""}`,"data-readonly":`${!!this.isReadonly}`},i("div",{key:"34c00c70c0b73cdd7afdcd65f175a94e82c900d2",class:"r-select--label "+(v?"":"r-select--label__margin-bottom")},i("div",{key:"5a2b30341687b152eb17c2fc5ca2f65b1fda886f",class:v?"visually-hidden":"r-select--label-container"},i("label",{key:"10021c02cfe8a697ee3a0e452e0052044f2b80a7",id:`${e}-label`,onClick:this.isInteractive?this.onValueClick:null},i("r-label",Object.assign({key:"cc7173f5b427c9fca7e08a12552227d3f20ad64c"},b),d)),i("slot",{key:"625e1bd9f1fa11950ff75e1875e03510f55022c0",name:"popover"})),c&&i("r-hint",{key:"6d22db79a4375ddd901f5ea6b25d9c456e8f1ab2",id:`${e}-hint`,class:"r-select--hint"},c)),i("div",{key:"a243a731bdd150386ea47ad0897831b37eed6621",class:"r-select"},i("select",Object.assign({key:"e1878ed06636fad3768d8b4b1f4a944d30730346",class:"r-select--native",ref:t=>this.nativeElement=t},w)),i("div",{key:"b47cd423033129e827a99f8fcff39173f4c74ed9",class:"r-select--container"},this.combobox?this.renderCombobox(m):this.renderSelect(m),i("div",Object.assign({key:"04db58929d97226614d344f7f419c3e8aa7e250d",role:"listbox",tabindex:"-1",id:`${e}-list`,class:"r-select--options",ref:t=>this.listboxElement=t},y),(this.isNoResultsFound||!(null===(t=this.optionElements)||void 0===t?void 0:t.length))&&i("r-select-option",{key:"b23380c2c75c33e6a8a99737189c43400e29940b","data-no-results":"true",value:"no_results"},this.noResultsFound),i("slot",{key:"83e215daafbd8909f9788e8918691b08417a5f2d",onSlotchange:this.handleSlotChange})))),i("div",{key:"57acdd7994fa67813e60641493e99f29afafcaf4",id:`${e}-message`,"aria-live":"polite","aria-atomic":"true",ref:t=>this.messageContainer=t,class:this.hasMessage&&!v?"r-select--message":"visually-hidden"},this.hasMessage&&i("r-hint",{key:"f14bc3026b6bee74b1192f37af64381958c0c87b",variant:this.invalid?"error":"success"},this.hasError&&this.error,this.hasValidationError&&this.validityMessage,this.hasValidationSuccess&&this.validMessage)))}get host(){return r(this)}static get watchers(){return{listboxPosition:["handleListboxPositionChange"],expanded:["handleExpandedChange"],readonly:["handleReadonlyChange"],value:["handleValueChange"]}}};o.style=":host{display:inline-flex;flex-direction:column;width:var(--width, auto);transition:width 0.2s ease-out;max-width:none;opacity:1;outline:none}:host slot{display:contents}:host(:hover:not([disabled]:not([disabled=false]))){--r-select--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host([expanded]:not([expanded=false])){--r-select--options--visibility:visible;--r-select--options--z-index:1;--r-select--background-color:var(--r-background-interactive-softest, #fff);--r-select--value--border-color:var(--r-border-soft, #686868);--r-select--value--background-color:var(--r-background-interactive-softest, #fff);--r-select--trailing-icon--transform:rotate(180deg)}:host([invalid]:not([invalid=false])){--r-select--container--background-color:var(--r-status-error-soft, #fef6f6);--r-select--value--border-color:var(--r-status-error-regular, #da1e28);--r-select--options--border-color:var(--r-status-error-regular, #da1e28)}:host([disabled]:not([disabled=false])){--r-select--opacity:0.4;--r-select--pointer-events:none;--r-select--cursor:not-allowed}:host([data-is-placeholder=true]){--r-select--value-diplay--color:var(--r-text-soft, #686868)}:host([data-max-width=set]){width:100%;--r-select--options--right:0}:host([full-width]){width:100%}:host([data-listbox-position=top]){--r-select--options--top:auto;--r-select--options--bottom:2.875em;--r-select--options--border-width:1px 1px 0 1px}:host([data-listbox-position=bottom]){--r-select--options--top:100%;--r-select--options--bottom:auto;--r-select--options--border-width:0 1px 1px 1px}:host([data-readonly=true]){--r-select--color:var(--r-text-soft, #686868);--r-select--value--background-color:var(--r-background-soft, #f3f1f0);--r-select--value--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-select--value--cursor:text;--r-select--value-arrow--visiblility:hidden}.r-select{display:var(--r-select--display, flex);flex-grow:var(--r-select--flex-grow, 1);flex-direction:var(--r-select--flex-direction, column);position:var(--r-select--position, relative);box-sizing:var(--r-select--box-sizing, border-box);max-width:var(--r-select--max-width, 100%);min-width:var(--r-select--min-width, fit-content);font-family:var(--r-select--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-select--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-select--font-size, var(--r-font-size-400, 1rem));text-align:var(--r-select--text-align, left);color:var(--r-select--color, var(--r-text-regular, #282828));opacity:var(--r-select--opacity, 1);pointer-events:var(--r-select--pointer-events, auto);cursor:var(--r-select--cursor, pointer)}.r-select--label__margin-bottom{margin-bottom:var(--r-select--label--margin-bottom, var(--r-spacing-025, 0.25rem))}.r-select--label-container{display:var(--r-select--label-container--display, flex);gap:var(--r-select--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-select--label-container--align-items, center);justify-content:var(--r-select--label-container--align-items, space-between)}.r-select--label-container ::slotted([slot=popover]){display:var(--r-select--popover--display, inline-flex);height:var(--r-select--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-select--popover--align-items, center);justify-content:var(--r-select--popover--justify-content, center);margin-right:var(--r-select--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-select--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-select--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-select--trailing-icon{transform:var(--r-select--trailing-icon--transform, rotate(0deg));transition:var(--r-select--trailing-icon--transition, transform 0.15s)}.r-select ::slotted([name=leading]){display:var(--r-select--value--leading-icon--display, flex);align-items:var(--r-select--value--leading-icon--align-items, center);color:var(--r-select--value--leading-icon--color, var(--r-icon-soft, #686868))}.r-select--container{background-color:var(--r-select--container--background-color, var(--r-background-softest, #fff));opacity:var(--r-select--container--opacity, 1);pointer-events:var(--r-select--container--pointer-events, auto)}.r-select--input{height:var(--r-select--input--height, 100%);width:var(--r-select--input--width, 100%);border:var(--r-select--input--border, none);outline:var(--r-select--input--outline, none);background-color:var(--r-select--input--background-color, inherit);color:var(--r-select--input--color, inherit);font-family:var(--r-select--input--font-family, inherit);font-size:var(--r-select--input--font-size, inherit);font-weight:var(--r-select--input--font-weight, inherit);padding:var(--r-select--input--padding, 0)}.r-select--native{position:var(--r-select--native--position, fixed);top:var(--r-select--native--top, -100vh);z-index:var(--r-select--native--z-index, -1);opacity:var(--r-select--native--opacity, 0);font-size:var(--r-select--native--font-size, 1rem);padding:var(--r-select--native--padding, 0 calc(48px + 0.75em) 0 0.75em)}.r-select--value:not([aria-readonly=true]):not(:has(input:read-only)):not(:has(input:disabled)):active{--r-select--value--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}.r-select--value[aria-disabled=false]:focus,.r-select--value:has(input:focus){outline:var(--r-select--value--outline, none);--r-select--value--z-index:2;--r-select--value--box-shadow:0 0 0 6px var(--r-border-focused-outlined, #fff);--r-select--value--outline:2px solid var(--r-border-focused, #0071e3);--r-select--value--outline-offset:2px}.r-select--value{position:var(--r-select--value--position, relative);display:var(--r-select--value--display, inline-grid);grid-template-columns:var(--r-select--value--grid-template-columns, 1fr 1.75rem);box-sizing:var(--r-select--value--box-sizing, border-box);align-items:var(--r-select--value--align-items, center);justify-content:var(--r-select--value--justify-content, space-between);text-align:var(--r-select--value--text-align, left);min-width:var(--r-select--value--min-width, 100%);min-height:var(--r-select--value--min-height, var(--r-spacing-275, 2.75rem));padding:var(--r-select--value--padding, 0);white-space:var(--r-select--value--white-space, nowrap);background-color:var(--r-select--value--background-color, transparent);border-width:var(--r-select--value--border-width, 1px);border-style:var(--r-select--value--border-style, solid);border-color:var(--r-select--value--border-color, var(--r-border-soft, #686868));box-shadow:var(--r-select--value--box-shadow, none);outline:var(--r-select--value--outline, none);outline-offset:var(--r-select--value--outline-offset, 0);z-index:var(--r-select--value--z-index, 0);cursor:var(--r-select--value--cursor, inherit)}.r-select--value-display{display:var(--r-select--value-diplay--display, flex);gap:var(--r-select--value-diplay--gap, 0.5em);align-items:var(--r-select--value-diplay--align-tems, center);flex:var(--r-select--value-diplay--flex, 1);padding:var(--r-select--value-diplay--padding, 0 0.75em);overflow:var(--r-select--value-diplay--overflow, hidden);text-overflow:var(--r-select--value-diplay--text-overflow, ellipsis);color:var(--r-select--value-diplay--color, inherit);min-width:var(--r-select--value-diplay--min-width, fit-content);height:var(--r-select--value-diplay--height, 100%)}.r-select--value-selected{display:var(--r-select--value-diplay--display, flex);gap:var(--r-select--value-diplay--gap, 0.75em);align-items:var(--r-select--value-diplay--align-items, center)}.r-select--value-arrow{display:var(--r-select--value-arrow--display, flex);align-items:var(--r-select--value-arrow--align-items, center);justify-content:var(--r-select--value-arrow--justify-content, center);padding:var(--r-select--value-arrow--padding, 0 0.75em 0 0);visibility:var(--r-select--value-arrow--visiblility, visible)}.r-select--value-arrow-button{height:var(--r-select--value-arrow-button--height, 100%);background-color:var(--r-select--value-arrow-button--background-color, transparent);color:var(--r-select--value-arrow-button--color, inherit);border:var(--r-select--value-arrow-button--border, none);outline:var(--r-select--value-arrow-button--outline, none);cursor:var(--r-select--value-arrow-button--cursor, inherit)}.r-select--options{visibility:var(--r-select--options--visibility, hidden);position:var(--r-select--options--position, absolute);top:var(--r-select--options--top, 100%);right:var(--r-select--options--right, 0);bottom:var(--r-select--options--bottom, auto);left:var(--r-select--options--left, 0);margin:var(--r-select--options--margin, 0);padding:var(--r-select--options--padding, 0);list-style:var(--r-select--options--list-style, none);max-height:var(--r-select--options--max-height, 14.375em);min-width:var(--r-select--options--min-width, fit-content);overflow-y:var(--r-select--options--overflow-y, auto);background-color:var(--r-select--options--background-color, var(--r-background-interactive-softest, #fff));border-style:var(--r-select--options--border-style, solid);border-color:var(--r-select--options--border-color, var(--r-border-soft, #686868));border-width:var(--r-select--options--border-width, 0 1px 1px 1px);z-index:var(--r-select--options--z-index, -1)}.r-select--message{margin-top:var(--r-select--message--margin-top, var(--r-spacing-025, 0.25rem))}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}@media (prefers-reduced-motion){:host{transition:none}}";export{o as r_select}
@@ -1 +1 @@
1
- import{r as e,h as r,H as t,g as i}from"./p-CTxpqopm.js";const a=class{constructor(r){e(this,r),this.complete=!1,this.active=!1}get hasText(){return this.host.textContent.trim().length>0}render(){const e=this.number||this.stepNumber;return r(t,{key:"a5004ade661b4abfacb920a256f6a12bbd32a6ea"},r("div",{key:"1358044cc918c2988a2f32198b0a8260cf439ec0",class:"r-stepper-item"},r("div",{key:"ec2afea7c0b6d603ebce7dda25e93246fafb248a",class:"r-stepper-item--indicator"},this.complete?r("r-icon",{name:"check",size:"s"}):this.icon?r("r-icon",{name:this.icon,size:"s"}):void 0!==e?r("span",{class:"r-stepper-item--indicator--step-number"},e):null),this.hasText&&r("div",{key:"6cf7607d13bdd0bd58885e5cc4c74c0068448dfc",class:"r-stepper-item--text"},r("slot",{key:"8c47f057e435924f8c004be5f3112743127bf885"}))))}get host(){return i(this)}};a.style=":host([active]){--r-stepper-item--indicator--background-color:var(--r-background-inverse, #282828);--r-stepper-item--color:var(--r-text-inverse, #FFF);--r-stepper-item--text--color:var(--r-text-regular, #282828);--r-stepper-item--indicator--border-color:transparent}:host([complete]){--r-stepper-item--indicator--background-color:var(--r-status-success-regular, #298535);--r-stepper-item--color:var(--r-text-inverse, #FFF);--r-stepper-item--text--color:var(--r-text-regular, #282828);--r-stepper-item--indicator--border-color:transparent}.r-stepper-item{display:var(--r-stepper-item--display, flex);flex-direction:var(--r-stepper-item--flex-direction, column);align-items:var(--r-stepper-item--align-items, center);justify-content:var(--r-stepper-item--justify-content, center);font-size:var(--r-stepper-item--font-size, var(--r-font-size-200, 13px));color:var(--r-stepper-item--color, var(--r-text-soft, #686868));font-family:var(--r-stepper-item--font-family, var(--r-font-family-text, system-ui));width:var(--r-stepper-item--width, 36px);white-space:var(--r-stepper-item--white-space, nowrap);gap:var(--r-stepper-item--gap, 8px)}.r-stepper-item--indicator{width:var(--r-stepper-item--indicator--width, 20px);height:var(--r-stepper-item--indicator--height, 20px);line-height:var(--r-stepper-item--indicator--line-height, 20px);border-radius:var(--r-stepper-item--indicator--border-radius, 50%);background-color:var(--r-stepper-item--indicator--background-color, transparent);display:var(--r-stepper-item--indicator--display, flex);justify-content:var(--r-stepper-item--indicator--justify-content, center);align-items:var(--r-stepper-item--indicator--align-items, center);border-width:var(--r-stepper-item--indicator--border-width, 1px);border-style:var(--r-stepper-item--indicator--border-style, solid);border-color:var(--r-stepper-item--indicator--border-color, var(--r-border-soft, #686868));margin-left:var(--r-stepper-item--indicator--margin-left, 8px);margin-right:var(--r-stepper-item--indicator--margin-right, 8px)}.r-stepper-item--indicator--step-number{vertical-align:var(--r-stepper-item--step-number--vertical-align, middle)}.r-stepper-item--text{font-size:var(--r-stepper-item--text--font-size, var(--r-font-size-200, 13px));color:var(--r-stepper-item--text--color, var(--r-text-soft, #686868));text-align:var(--r-stepper-item--text--text-align, center)}";export{a as r_stepper_item}
1
+ import{r as e,h as r,H as t,g as i}from"./p-Da7qOBFr.js";const a=class{constructor(r){e(this,r),this.complete=!1,this.active=!1}get hasText(){return this.host.textContent.trim().length>0}render(){const e=this.number||this.stepNumber;return r(t,{key:"a5004ade661b4abfacb920a256f6a12bbd32a6ea"},r("div",{key:"1358044cc918c2988a2f32198b0a8260cf439ec0",class:"r-stepper-item"},r("div",{key:"ec2afea7c0b6d603ebce7dda25e93246fafb248a",class:"r-stepper-item--indicator"},this.complete?r("r-icon",{name:"check",size:"s"}):this.icon?r("r-icon",{name:this.icon,size:"s"}):void 0!==e?r("span",{class:"r-stepper-item--indicator--step-number"},e):null),this.hasText&&r("div",{key:"6cf7607d13bdd0bd58885e5cc4c74c0068448dfc",class:"r-stepper-item--text"},r("slot",{key:"8c47f057e435924f8c004be5f3112743127bf885"}))))}get host(){return i(this)}};a.style=":host([active]){--r-stepper-item--indicator--background-color:var(--r-background-inverse, #282828);--r-stepper-item--color:var(--r-text-inverse, #FFF);--r-stepper-item--text--color:var(--r-text-regular, #282828);--r-stepper-item--indicator--border-color:transparent}:host([complete]){--r-stepper-item--indicator--background-color:var(--r-status-success-regular, #298535);--r-stepper-item--color:var(--r-text-inverse, #FFF);--r-stepper-item--text--color:var(--r-text-regular, #282828);--r-stepper-item--indicator--border-color:transparent}.r-stepper-item{display:var(--r-stepper-item--display, flex);flex-direction:var(--r-stepper-item--flex-direction, column);align-items:var(--r-stepper-item--align-items, center);justify-content:var(--r-stepper-item--justify-content, center);font-size:var(--r-stepper-item--font-size, var(--r-font-size-200, 13px));color:var(--r-stepper-item--color, var(--r-text-soft, #686868));font-family:var(--r-stepper-item--font-family, var(--r-font-family-text, system-ui));width:var(--r-stepper-item--width, 36px);white-space:var(--r-stepper-item--white-space, nowrap);gap:var(--r-stepper-item--gap, 8px)}.r-stepper-item--indicator{width:var(--r-stepper-item--indicator--width, 20px);height:var(--r-stepper-item--indicator--height, 20px);line-height:var(--r-stepper-item--indicator--line-height, 20px);border-radius:var(--r-stepper-item--indicator--border-radius, 50%);background-color:var(--r-stepper-item--indicator--background-color, transparent);display:var(--r-stepper-item--indicator--display, flex);justify-content:var(--r-stepper-item--indicator--justify-content, center);align-items:var(--r-stepper-item--indicator--align-items, center);border-width:var(--r-stepper-item--indicator--border-width, 1px);border-style:var(--r-stepper-item--indicator--border-style, solid);border-color:var(--r-stepper-item--indicator--border-color, var(--r-border-soft, #686868));margin-left:var(--r-stepper-item--indicator--margin-left, 8px);margin-right:var(--r-stepper-item--indicator--margin-right, 8px)}.r-stepper-item--indicator--step-number{vertical-align:var(--r-stepper-item--step-number--vertical-align, middle)}.r-stepper-item--text{font-size:var(--r-stepper-item--text--font-size, var(--r-font-size-200, 13px));color:var(--r-stepper-item--text--color, var(--r-text-soft, #686868));text-align:var(--r-stepper-item--text--text-align, center)}";export{a as r_stepper_item}
@@ -1 +1 @@
1
- import{r as a,h as r,H as o,g as n}from"./p-CTxpqopm.js";const i=class{constructor(r){a(this,r)}render(){return r(o,Object.assign({key:"be344344f557afc20622addf45ae1f8ff8998a80"},{role:"region",slot:"accordion-panel","aria-labelledby":this.trigger,"aria-disabled":`${this.disabled||!1}`}),r("div",{key:"a12e4cbe6c3d2cb83317b1c23d5a162312419e92",class:"r-accordion-panel"},r("slot",{key:"6fd8badd98c534bc93b538aad586d30cd6db9b15"})))}get host(){return n(this)}};i.style=":host([expanded]:not([expanded=false])){max-height:fit-content;--r-accordion-panel--display:block;--r-accordion-panel--transform:translateY(0);--r-accordion-panel--opacity:1}:host([disabled]:not([disabled=false])){cursor:not-allowed}:host{display:block;position:relative;overflow:hidden;font-family:var(--r-font-family-text, system-ui);box-sizing:border-box;max-height:0;padding-top:var(--r-accordion-panel--padding-top, 0);transition:all 0.25s ease-out}:host slot{display:contents}:host ::slotted(a){color:inherit}@media (prefers-reduced-motion){:host{transition:none}}.r-accordion-panel{position:var(--r-accordion-panel--position, relative);display:var(--r-accordion-panel--display, none);line-height:var(--r-accordion-panel--line-height, var(--r-line-height-m, 1.5));font-size:var(--r-accordion-trigger--content--font-size, var(--r-font-size-400, 1rem));box-sizing:var(--r-accordion-panel--box-sizing, border-box);margin-top:var(--r-accordion-panel--margin-top, 0);margin-right:var(--r-accordion-panel--margin-right, 0);margin-bottom:var(--r-accordion-panel--margin-bottom, 0);margin-left:var(--r-accordion-panel--margin-left, 0);padding-right:var(--r-accordion-panel--padding-right, var(--r-spacing-100, 1rem));padding-bottom:var(--r-accordion-panel--padding-bottom, var(--r-spacing-150, 2rem));padding-left:var(--r-accordion-panel--padding-left, var(--r-spacing-100, 1rem));transform:var(--r-accordion-panel--transform, translateY(-30%));transition:var(--r-accordion-panel--transition, all 0.25s ease-out);opacity:var(--r-accordion-panel--opacity, 0)}";export{i as r_accordion_panel}
1
+ import{r as a,h as r,H as o,g as n}from"./p-Da7qOBFr.js";const i=class{constructor(r){a(this,r)}render(){return r(o,Object.assign({key:"be344344f557afc20622addf45ae1f8ff8998a80"},{role:"region",slot:"accordion-panel","aria-labelledby":this.trigger,"aria-disabled":`${this.disabled||!1}`}),r("div",{key:"a12e4cbe6c3d2cb83317b1c23d5a162312419e92",class:"r-accordion-panel"},r("slot",{key:"6fd8badd98c534bc93b538aad586d30cd6db9b15"})))}get host(){return n(this)}};i.style=":host([expanded]:not([expanded=false])){max-height:fit-content;--r-accordion-panel--display:block;--r-accordion-panel--transform:translateY(0);--r-accordion-panel--opacity:1}:host([disabled]:not([disabled=false])){cursor:not-allowed}:host{display:block;position:relative;overflow:hidden;font-family:var(--r-font-family-text, system-ui);box-sizing:border-box;max-height:0;padding-top:var(--r-accordion-panel--padding-top, 0);transition:all 0.25s ease-out}:host slot{display:contents}:host ::slotted(a){color:inherit}@media (prefers-reduced-motion){:host{transition:none}}.r-accordion-panel{position:var(--r-accordion-panel--position, relative);display:var(--r-accordion-panel--display, none);line-height:var(--r-accordion-panel--line-height, var(--r-line-height-m, 1.5));font-size:var(--r-accordion-trigger--content--font-size, var(--r-font-size-400, 1rem));box-sizing:var(--r-accordion-panel--box-sizing, border-box);margin-top:var(--r-accordion-panel--margin-top, 0);margin-right:var(--r-accordion-panel--margin-right, 0);margin-bottom:var(--r-accordion-panel--margin-bottom, 0);margin-left:var(--r-accordion-panel--margin-left, 0);padding-right:var(--r-accordion-panel--padding-right, var(--r-spacing-100, 1rem));padding-bottom:var(--r-accordion-panel--padding-bottom, var(--r-spacing-150, 2rem));padding-left:var(--r-accordion-panel--padding-left, var(--r-spacing-100, 1rem));transform:var(--r-accordion-panel--transform, translateY(-30%));transition:var(--r-accordion-panel--transition, all 0.25s ease-out);opacity:var(--r-accordion-panel--opacity, 0)}";export{i as r_accordion_panel}
@@ -1 +1 @@
1
- import{r as t,c as r,h as i,H as a,g as e}from"./p-CTxpqopm.js";const s=class{constructor(i){t(this,i),this.rClickAlertTrailingIcon=r(this,"rClickAlertTrailingIcon"),this.status="info",this.leadingIconSize="m",this.trailingIconSize="s",this.target="_self",this.dismissButtonAriaLabel="close-button",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 isLeadingIcon(){var t,r;return(null===(t=this.leadingIcon)||void 0===t?void 0:t.length)>0||(null===(r=this.leadingIconSrc)||void 0===r?void 0:r.length)>0}get isLeadingSlot(){return this.isElContent('[slot="leading"]')}get isLeading(){return this.isLeadingIcon||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}componentDidLoad(){this.isDelay&&this.startCollapseTimer()}render(){const t={name:this.leadingIcon,src:this.leadingIconSrc,size:this.leadingIconSize},r={name:this.trailingIcon,src:this.trailingIconSrc,size:this.trailingIconSize};return i(a,{key:"f97ea22cbaacceb5954cbf084ddbe85975266463"},i("div",{key:"8a2de8f27af0cb57bf429fbe0ae75557d6505111",class:"r-alert"},this.isLeading&&i("div",{key:"6ecab67bd5eb14b06ad13f1c5257c43ff5c5acdc",class:"r-alert--leading"},i("slot",{key:"106fad47e317120e6bdc47a4509fe3b330a43451",name:"leading"}),this.isLeadingIcon&&i("r-icon",Object.assign({key:"4d2b589d2d6179eecdaec7f2be5e265fcaf5e82b"},t))),this.isMain?i("div",{class:"r-alert--main"},i("slot",{name:"headline"},this.isHeadline&&i("h3",{class:"r-alert--headline"},this.headline)),i("slot",{name:"content"},this.isContent&&i("div",{class:"r-alert--content"},this.content)),i("slot",{name:"link"},this.isLink&&i("a",{class:"r-alert--link",href:this.href,target:this.target},this.linkText)),i("slot",null)):i("slot",null),this.isTrailing&&i("div",{key:"2bc31060546003c180d235f3992df5c1fdf31f30",class:"r-alert--trailing"},i("slot",{key:"7816f3c023dd174dfe0b385ad282ad9356f7a45d",name:"trailing"}),this.isTrailingIcon&&i("r-button",{key:"493fdd793b54ba34ebe6453d668d9251874b8409",variant:"blank",onClick:this.handleTrailingButtonClick,"r-aria-label":this.dismissButtonAriaLabel||r.name},i("r-icon",Object.assign({key:"9148348328646173144d98d2c2f58ea67ed20c88"},r))))))}get host(){return e(this)}};s.style=":host([status=info]){--color:var(--r-status-info-soft, #f8fafb);--background-color:var(--r-status-info-regular, #466882)}:host([status=success]){--color:var(--r-status-success-soft, #f7fdf8);--background-color:var(--r-status-success-regular, #298535)}:host([status=warning]){--color:var(--r-color-grey-charcoal-400, #282828);--background-color:var(--r-status-warning-regular, #f26a20)}:host([status=error]){--color:var(--r-status-error-soft, #fef6f6);--background-color:var(--r-status-error-regular, #da1e28)}:host([aria-hidden=true]){--transition:all 0.5s;--position:absolute;--visibility:hidden;--opacity:0;--z-index:-1}:host{display:var(--display, block);color:var(--color, var(--r-status-info-soft, #f8fafb));background-color:var(--background-color, var(--r-status-info-regular, #466882));position:var(--position, relative);width:var(--width, 100%);left:var(--left, 0);transition:var(--transition, none);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, 16px));font-weight:var(--font-weight, var(--r-font-weight-regular, 400))}.r-alert{display:var(--r-alert--display, grid);grid-template-columns:var(--r-alert--grid-template-columns, auto 1fr auto);gap:var(--r-alert--gap, var(--r-spacing-100, 1rem));padding:var(--r-alert--padding, var(--r-spacing-100, 1rem));box-sizing:var(--r-alert--box-sizing, border-box)}.r-alert:empty{--r-alert--display:none}.r-alert a{color:var(--color)}.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--trailing r-button{--r-button--padding:0;--r-button--color:var(--color)}";export{s as r_alert}
1
+ import{r as t,c as r,h as i,H as a,g as e}from"./p-Da7qOBFr.js";const s=class{constructor(i){t(this,i),this.rClickAlertTrailingIcon=r(this,"rClickAlertTrailingIcon"),this.status="info",this.leadingIconSize="m",this.trailingIconSize="s",this.target="_self",this.dismissButtonAriaLabel="close-button",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 isLeadingIcon(){var t,r;return(null===(t=this.leadingIcon)||void 0===t?void 0:t.length)>0||(null===(r=this.leadingIconSrc)||void 0===r?void 0:r.length)>0}get isLeadingSlot(){return this.isElContent('[slot="leading"]')}get isLeading(){return this.isLeadingIcon||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}componentDidLoad(){this.isDelay&&this.startCollapseTimer()}render(){const t={name:this.leadingIcon,src:this.leadingIconSrc,size:this.leadingIconSize},r={name:this.trailingIcon,src:this.trailingIconSrc,size:this.trailingIconSize};return i(a,{key:"f97ea22cbaacceb5954cbf084ddbe85975266463"},i("div",{key:"8a2de8f27af0cb57bf429fbe0ae75557d6505111",class:"r-alert"},this.isLeading&&i("div",{key:"6ecab67bd5eb14b06ad13f1c5257c43ff5c5acdc",class:"r-alert--leading"},i("slot",{key:"106fad47e317120e6bdc47a4509fe3b330a43451",name:"leading"}),this.isLeadingIcon&&i("r-icon",Object.assign({key:"4d2b589d2d6179eecdaec7f2be5e265fcaf5e82b"},t))),this.isMain?i("div",{class:"r-alert--main"},i("slot",{name:"headline"},this.isHeadline&&i("h3",{class:"r-alert--headline"},this.headline)),i("slot",{name:"content"},this.isContent&&i("div",{class:"r-alert--content"},this.content)),i("slot",{name:"link"},this.isLink&&i("a",{class:"r-alert--link",href:this.href,target:this.target},this.linkText)),i("slot",null)):i("slot",null),this.isTrailing&&i("div",{key:"2bc31060546003c180d235f3992df5c1fdf31f30",class:"r-alert--trailing"},i("slot",{key:"7816f3c023dd174dfe0b385ad282ad9356f7a45d",name:"trailing"}),this.isTrailingIcon&&i("r-button",{key:"493fdd793b54ba34ebe6453d668d9251874b8409",variant:"blank",onClick:this.handleTrailingButtonClick,"r-aria-label":this.dismissButtonAriaLabel||r.name},i("r-icon",Object.assign({key:"9148348328646173144d98d2c2f58ea67ed20c88"},r))))))}get host(){return e(this)}};s.style=":host([status=info]){--color:var(--r-status-info-soft, #f8fafb);--background-color:var(--r-status-info-regular, #466882)}:host([status=success]){--color:var(--r-status-success-soft, #f7fdf8);--background-color:var(--r-status-success-regular, #298535)}:host([status=warning]){--color:var(--r-color-grey-charcoal-400, #282828);--background-color:var(--r-status-warning-regular, #f26a20)}:host([status=error]){--color:var(--r-status-error-soft, #fef6f6);--background-color:var(--r-status-error-regular, #da1e28)}:host([aria-hidden=true]){--transition:all 0.5s;--position:absolute;--visibility:hidden;--opacity:0;--z-index:-1}:host{display:var(--display, block);color:var(--color, var(--r-status-info-soft, #f8fafb));background-color:var(--background-color, var(--r-status-info-regular, #466882));position:var(--position, relative);width:var(--width, 100%);left:var(--left, 0);transition:var(--transition, none);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, 16px));font-weight:var(--font-weight, var(--r-font-weight-regular, 400))}.r-alert{display:var(--r-alert--display, grid);grid-template-columns:var(--r-alert--grid-template-columns, auto 1fr auto);gap:var(--r-alert--gap, var(--r-spacing-100, 1rem));padding:var(--r-alert--padding, var(--r-spacing-100, 1rem));box-sizing:var(--r-alert--box-sizing, border-box)}.r-alert:empty{--r-alert--display:none}.r-alert a{color:var(--color)}.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--trailing r-button{--r-button--padding:0;--r-button--color:var(--color)}";export{s as r_alert}