@getflip/swirl-components 0.287.0 → 0.289.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 (150) hide show
  1. package/components.json +296 -1
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/swirl-action-list_2.cjs.entry.js +1 -1
  4. package/dist/cjs/swirl-app-layout_5.cjs.entry.js +1 -1
  5. package/dist/cjs/swirl-autocomplete.cjs.entry.js +1 -1
  6. package/dist/cjs/swirl-banner.cjs.entry.js +1 -1
  7. package/dist/cjs/swirl-button.cjs.entry.js +1 -1
  8. package/dist/cjs/swirl-carousel.cjs.entry.js +1 -1
  9. package/dist/cjs/swirl-chip.cjs.entry.js +1 -1
  10. package/dist/cjs/swirl-components.cjs.js +1 -1
  11. package/dist/cjs/swirl-console-layout.cjs.entry.js +1 -1
  12. package/dist/cjs/swirl-date-input.cjs.entry.js +1 -1
  13. package/dist/cjs/swirl-date-picker_2.cjs.entry.js +1 -1
  14. package/dist/cjs/swirl-file-viewer_8.cjs.entry.js +1 -1
  15. package/dist/cjs/swirl-form-control.cjs.entry.js +1 -1
  16. package/dist/cjs/swirl-icon-check-small_3.cjs.entry.js +1 -1
  17. package/dist/cjs/swirl-icon-error_3.cjs.entry.js +1 -1
  18. package/dist/cjs/swirl-image-grid-item.cjs.entry.js +1 -1
  19. package/dist/cjs/swirl-inline-status.cjs.entry.js +1 -1
  20. package/dist/cjs/swirl-lightbox.cjs.entry.js +1 -1
  21. package/dist/cjs/swirl-menu-item.cjs.entry.js +14 -5
  22. package/dist/cjs/swirl-menu.cjs.entry.js +1 -1
  23. package/dist/cjs/swirl-modal.cjs.entry.js +1 -1
  24. package/dist/cjs/swirl-option-list_2.cjs.entry.js +1 -1
  25. package/dist/cjs/swirl-pagination.cjs.entry.js +1 -1
  26. package/dist/cjs/swirl-pdf-reader.cjs.entry.js +1 -1
  27. package/dist/cjs/swirl-popover_2.cjs.entry.js +1 -1
  28. package/dist/cjs/swirl-resource-list-file-item.cjs.entry.js +1 -1
  29. package/dist/cjs/swirl-search.cjs.entry.js +1 -1
  30. package/dist/cjs/swirl-select.cjs.entry.js +1 -1
  31. package/dist/cjs/swirl-shell-layout.cjs.entry.js +1 -1
  32. package/dist/cjs/swirl-tab-bar.cjs.entry.js +34 -4
  33. package/dist/cjs/swirl-table-column.cjs.entry.js +1 -1
  34. package/dist/cjs/swirl-table-row.cjs.entry.js +1 -1
  35. package/dist/cjs/swirl-table.cjs.entry.js +1 -1
  36. package/dist/cjs/swirl-tabs.cjs.entry.js +7 -3
  37. package/dist/cjs/swirl-text-input.cjs.entry.js +1 -1
  38. package/dist/cjs/swirl-time-input.cjs.entry.js +1 -1
  39. package/dist/cjs/swirl-toast.cjs.entry.js +1 -1
  40. package/dist/cjs/swirl-toolbar.cjs.entry.js +1 -1
  41. package/dist/cjs/{utils-ea8f1bbc.js → utils-1a1dd8d3.js} +16 -0
  42. package/dist/collection/assets/pdfjs/pdf.worker.min.js +1 -1
  43. package/dist/collection/components/swirl-menu/swirl-menu.spec.js +5 -15
  44. package/dist/collection/components/swirl-menu-item/swirl-menu-item.js +14 -4
  45. package/dist/collection/components/swirl-menu-item/swirl-menu-item.spec.js +3 -10
  46. package/dist/collection/components/swirl-modal/swirl-modal.css +11 -0
  47. package/dist/collection/components/swirl-tab-bar/swirl-tab-bar.css +72 -30
  48. package/dist/collection/components/swirl-tab-bar/swirl-tab-bar.js +104 -4
  49. package/dist/collection/components/swirl-tab-bar/swirl-tab-bar.spec.js +4 -4
  50. package/dist/collection/components/swirl-tabs/swirl-tabs.js +77 -3
  51. package/dist/collection/components/swirl-tabs/swirl-tabs.spec.js +1 -1
  52. package/dist/collection/utils.js +15 -0
  53. package/dist/components/assets/pdfjs/pdf.worker.min.js +1 -1
  54. package/dist/components/swirl-app-layout2.js +1 -1
  55. package/dist/components/swirl-date-picker2.js +1 -1
  56. package/dist/components/swirl-file-viewer-pdf2.js +1 -1
  57. package/dist/components/swirl-menu-item.js +14 -4
  58. package/dist/components/swirl-modal.js +1 -1
  59. package/dist/components/swirl-tab-bar2.js +38 -5
  60. package/dist/components/swirl-tabs.js +10 -3
  61. package/dist/components/utils.js +16 -1
  62. package/dist/esm/loader.js +1 -1
  63. package/dist/esm/swirl-action-list_2.entry.js +1 -1
  64. package/dist/esm/swirl-app-layout_5.entry.js +1 -1
  65. package/dist/esm/swirl-autocomplete.entry.js +1 -1
  66. package/dist/esm/swirl-banner.entry.js +1 -1
  67. package/dist/esm/swirl-button.entry.js +1 -1
  68. package/dist/esm/swirl-carousel.entry.js +1 -1
  69. package/dist/esm/swirl-chip.entry.js +1 -1
  70. package/dist/esm/swirl-components.js +1 -1
  71. package/dist/esm/swirl-console-layout.entry.js +1 -1
  72. package/dist/esm/swirl-date-input.entry.js +1 -1
  73. package/dist/esm/swirl-date-picker_2.entry.js +1 -1
  74. package/dist/esm/swirl-file-viewer_8.entry.js +1 -1
  75. package/dist/esm/swirl-form-control.entry.js +1 -1
  76. package/dist/esm/swirl-icon-check-small_3.entry.js +1 -1
  77. package/dist/esm/swirl-icon-error_3.entry.js +1 -1
  78. package/dist/esm/swirl-image-grid-item.entry.js +1 -1
  79. package/dist/esm/swirl-inline-status.entry.js +1 -1
  80. package/dist/esm/swirl-lightbox.entry.js +1 -1
  81. package/dist/esm/swirl-menu-item.entry.js +14 -5
  82. package/dist/esm/swirl-menu.entry.js +1 -1
  83. package/dist/esm/swirl-modal.entry.js +1 -1
  84. package/dist/esm/swirl-option-list_2.entry.js +1 -1
  85. package/dist/esm/swirl-pagination.entry.js +1 -1
  86. package/dist/esm/swirl-pdf-reader.entry.js +1 -1
  87. package/dist/esm/swirl-popover_2.entry.js +1 -1
  88. package/dist/esm/swirl-resource-list-file-item.entry.js +1 -1
  89. package/dist/esm/swirl-search.entry.js +1 -1
  90. package/dist/esm/swirl-select.entry.js +1 -1
  91. package/dist/esm/swirl-shell-layout.entry.js +1 -1
  92. package/dist/esm/swirl-tab-bar.entry.js +35 -5
  93. package/dist/esm/swirl-table-column.entry.js +1 -1
  94. package/dist/esm/swirl-table-row.entry.js +1 -1
  95. package/dist/esm/swirl-table.entry.js +1 -1
  96. package/dist/esm/swirl-tabs.entry.js +7 -3
  97. package/dist/esm/swirl-text-input.entry.js +1 -1
  98. package/dist/esm/swirl-time-input.entry.js +1 -1
  99. package/dist/esm/swirl-toast.entry.js +1 -1
  100. package/dist/esm/swirl-toolbar.entry.js +1 -1
  101. package/dist/esm/{utils-fbb8b494.js → utils-877a768f.js} +16 -1
  102. package/dist/swirl-components/{p-3035680c.entry.js → p-06bdccc8.entry.js} +1 -1
  103. package/dist/swirl-components/{p-e5fa524b.entry.js → p-107317f7.entry.js} +1 -1
  104. package/dist/swirl-components/p-138cbd38.entry.js +1 -0
  105. package/dist/swirl-components/{p-1a8cc28b.entry.js → p-1a6e40b5.entry.js} +1 -1
  106. package/dist/swirl-components/{p-1d545c20.entry.js → p-1fb940a5.entry.js} +1 -1
  107. package/dist/swirl-components/{p-97e844bc.entry.js → p-20bd4e9f.entry.js} +1 -1
  108. package/dist/swirl-components/{p-13dfb234.entry.js → p-242a3a2e.entry.js} +1 -1
  109. package/dist/swirl-components/{p-ac4d5f89.entry.js → p-286a4e5f.entry.js} +1 -1
  110. package/dist/swirl-components/{p-8aae965a.entry.js → p-2be118fe.entry.js} +1 -1
  111. package/dist/swirl-components/{p-581d4452.entry.js → p-3393c37e.entry.js} +1 -1
  112. package/dist/swirl-components/{p-c58fb3e4.entry.js → p-40a8920a.entry.js} +1 -1
  113. package/dist/swirl-components/{p-84fedd39.entry.js → p-4203d5bd.entry.js} +1 -1
  114. package/dist/swirl-components/{p-d55652aa.entry.js → p-42a8e0d3.entry.js} +1 -1
  115. package/dist/swirl-components/{p-a075cbf9.entry.js → p-47997f42.entry.js} +1 -1
  116. package/dist/swirl-components/{p-0f3e0216.js → p-5136b9f9.js} +1 -1
  117. package/dist/swirl-components/p-53609073.entry.js +1 -0
  118. package/dist/swirl-components/{p-3d225eb0.entry.js → p-648b2513.entry.js} +1 -1
  119. package/dist/swirl-components/{p-a935ab50.entry.js → p-67986fbf.entry.js} +1 -1
  120. package/dist/swirl-components/{p-21adf412.entry.js → p-6e63989b.entry.js} +1 -1
  121. package/dist/swirl-components/{p-5d981c71.entry.js → p-729b5778.entry.js} +1 -1
  122. package/dist/swirl-components/{p-56085b5f.entry.js → p-8105788c.entry.js} +1 -1
  123. package/dist/swirl-components/{p-5c750dc8.entry.js → p-879737fa.entry.js} +1 -1
  124. package/dist/swirl-components/{p-626aa890.entry.js → p-881701f9.entry.js} +1 -1
  125. package/dist/swirl-components/{p-6a3a0bbb.entry.js → p-896d79a5.entry.js} +1 -1
  126. package/dist/swirl-components/p-8d7ad114.entry.js +1 -0
  127. package/dist/swirl-components/{p-6ccc3c41.entry.js → p-917fbbd8.entry.js} +1 -1
  128. package/dist/swirl-components/{p-3400acf0.entry.js → p-9536fdc4.entry.js} +1 -1
  129. package/dist/swirl-components/{p-a7bf1966.entry.js → p-a2afb995.entry.js} +1 -1
  130. package/dist/swirl-components/{p-389b4dc5.entry.js → p-a9f98674.entry.js} +1 -1
  131. package/dist/swirl-components/{p-abcbb236.entry.js → p-b6eaeb29.entry.js} +1 -1
  132. package/dist/swirl-components/{p-e97590df.entry.js → p-ba40bf8f.entry.js} +1 -1
  133. package/dist/swirl-components/{p-da913f77.entry.js → p-c202911e.entry.js} +1 -1
  134. package/dist/swirl-components/{p-1449f6ec.entry.js → p-c71f17c9.entry.js} +1 -1
  135. package/dist/swirl-components/{p-305b560c.entry.js → p-d587d1b6.entry.js} +1 -1
  136. package/dist/swirl-components/{p-dee55c67.entry.js → p-db3dc350.entry.js} +1 -1
  137. package/dist/swirl-components/{p-4de8e4d1.entry.js → p-de850f13.entry.js} +1 -1
  138. package/dist/swirl-components/{p-279f67be.entry.js → p-ea418410.entry.js} +1 -1
  139. package/dist/swirl-components/{p-8efcb985.entry.js → p-eb81439a.entry.js} +1 -1
  140. package/dist/swirl-components/swirl-components.esm.js +1 -1
  141. package/dist/types/components/swirl-menu-item/swirl-menu-item.d.ts +2 -0
  142. package/dist/types/components/swirl-tab-bar/swirl-tab-bar.d.ts +7 -0
  143. package/dist/types/components/swirl-tabs/swirl-tabs.d.ts +4 -1
  144. package/dist/types/components.d.ts +16 -4
  145. package/dist/types/utils.d.ts +13 -0
  146. package/package.json +1 -1
  147. package/vscode-data.json +144 -0
  148. package/dist/swirl-components/p-0dacf15d.entry.js +0 -1
  149. package/dist/swirl-components/p-94a1bf2f.entry.js +0 -1
  150. package/dist/swirl-components/p-9f59a11b.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as i,h as t,F as e,c as s,H as o,g as l}from"./p-ba3c3858.js";import{c as r}from"./p-a5dce9e6.js";import{g as a}from"./p-0f3e0216.js";import{v as n}from"./p-14616bce.js";const c=class{constructor(t){i(this,t),this.color=void 0,this.size=24}render(){const i=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},o=r("swirl-icon",`swirl-icon--size-${this.size}`);return t("svg",{key:"0698f222a6e449c728f237ce973b87618d09cda9","aria-hidden":"true",class:o,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&t(e,{key:"734d2d7acc68f2223680c486f529b14c40f9d032"},t("path",{key:"74315482879669cb376b6999621a7a913db2ce2a","fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z",fill:"currentColor"})),(20===this.size||24===this.size)&&t(e,{key:"65cbbd054398516f1d5ab747c6be33a0f1076926"},t("path",{key:"5084cf97715586369f03cf20b3b7ba3b03045489","fill-rule":"evenodd","clip-rule":"evenodd",d:"M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z",fill:"currentColor"})),28===this.size&&t(e,{key:"60c033c603ebc42c9200b6d5c9089766d4a4e3f7"},t("path",{key:"97226cc803f0aa02f12471da68af09331a785142","fill-rule":"evenodd","clip-rule":"evenodd",d:"M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z",fill:"currentColor"})))}};c.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const d=class{constructor(t){i(this,t),this.color=void 0,this.size=24}render(){const i=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},o=r("swirl-icon",`swirl-icon--size-${this.size}`);return t("svg",{key:"5fd7f01e0d2818171262c46e1ceac903fbad628f","aria-hidden":"true",class:o,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&t(e,{key:"9dcde122efc12dabcac375e0176979b1196c3fc9"},t("rect",{key:"e98a720b71712e11fcb2fb9fb470566959f7f252",x:"9",y:"3",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{key:"3cd12c5eb7ea501e155bd7bde2eefc96829ca77e",x:"9",y:"7",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{key:"99f2ca92fd798ad760de39704ff9529d35469257",x:"9",y:"11",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{key:"0ba24c003e7abe795f59b84ebf2a1f0c5f3a8be1",x:"5",y:"3",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{key:"8060871c54b3fa7f2456117b65f2bd3ce27da6f0",x:"5",y:"7",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{key:"bf534d3388046f6a193c8274203238ad2eb2dd24",x:"5",y:"11",width:"2",height:"2",rx:"1",fill:"currentColor"})),(20===this.size||24===this.size)&&t(e,{key:"f318c3a12aa27349f38cc5cf1fc2aa7dfa09a69c"},t("rect",{key:"86ca8e3c22aa742ab5678a3d4f53733b12c63d11",x:"13.5",y:"4.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{key:"3e089c04dfe334be60d81cba3ef3bc03f760e116",x:"13.5",y:"10.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{key:"c7b8b56c495ad81e47da57bb8256b4da4f1be31a",x:"13.5",y:"16.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{key:"e42258d2b57861e605d594d95274fbf5c04b9139",x:"7.5",y:"4.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{key:"b0a537aa239dbf6e078e637637fd294133d69861",x:"7.5",y:"10.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{key:"55e6f642507375a8593a01f23242543d1468a1f5",x:"7.5",y:"16.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"})),28===this.size&&t(e,{key:"960e92a340329f8fd8f31b9bd149910dbcd5924b"},t("rect",{key:"858bd5562811c76b985bf4426685353a81c572ac",x:"15.75",y:"5.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{key:"4f9e0fb5f43925e761e6b9071d8ce9cad20e6681",x:"15.75",y:"12.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{key:"da892ef1e9e443aa1789ba51dc55c2a4389f51dd",x:"15.75",y:"19.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{key:"660dc4688dac68401bba84a4de7d1aea50bd12d2",x:"8.75",y:"5.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{key:"c987b4fe9620cf83bbcc3fe9a53661b0165ffb07",x:"8.75",y:"12.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{key:"ce8bd160a0a584085ecc728f4173a5af6a54dc03",x:"8.75",y:"19.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"})))}};d.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const h=class{constructor(t){i(this,t),this.toggleDrag=s(this,"toggleDrag",7),this.desktopMediaQuery=a(),this.elementId=n(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches),this.updateIconSize(i.matches)},this.onDragHandleKeyDown=i=>{"Space"!==i.code&&"Enter"!==i.code||(i.preventDefault(),this.toggleDrag.emit(this.el))},this.onBlur=()=>{this.focused=!1},this.onFocus=()=>{this.focused=!0},this.allowDrag=void 0,this.context="single-select",this.description=void 0,this.disabled=void 0,this.dragging=void 0,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move option",this.icon=void 0,this.iconBadge=void 0,this.label=void 0,this.selected=!1,this.swirlAriaRole="option",this.value=void 0,this.iconSize=24,this.focused=void 0}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(i){const t=this.iconEl?.children[0];t?.setAttribute("size",i?"20":"24")}updateIconSize(i){this.iconSize=i?20:24}render(){const i=this.disabled?"true":void 0,e=String(this.selected),s="multi-select"===this.context,l=Boolean(this.icon)&&"single-select"===this.context,a=Boolean(this.iconBadge),n=this.el.querySelector('[slot="avatar"]')&&"single-select"===this.context,c=this.selected&&"single-select"===this.context,d=r("option-list-item",`option-list-item--context-${this.context}`,{"option-list-item--disabled":this.disabled,"option-list-item--draggable":this.allowDrag,"option-list-item--dragging":this.dragging,"option-list-item--selected":this.selected,"option-list-item--show-avatar":n});return t(o,{key:"571967136a03f1cf4a3f0a14b4db18ffea6cee70"},t("div",{key:"edee17217bbe6135429b62c39ea430a49e66b39d","aria-checked":"menuitemradio"===this.swirlAriaRole?e:void 0,"aria-describedby":Boolean(this.description)?`option-list-item-${this.elementId}-description`:void 0,"aria-disabled":i,"aria-labelledby":`option-list-item-${this.elementId}-label`,"aria-selected":"option"===this.swirlAriaRole?e:void 0,class:d,id:`option-list-item-${this.elementId}`,onBlur:this.onBlur,onFocus:this.onFocus,part:"option-list-item",role:this.swirlAriaRole},l&&t("span",{key:"55191d396106978ae8d444fb05f7fce76ac2e574",class:"option-list-item__icon",innerHTML:this.icon,ref:i=>this.iconEl=i},a&&t("span",{key:"be4ca95a4c7d8f7b4110db7993edb0f3ce3972e8",class:"option-list-item__icon-badge",innerHTML:this.iconBadge})),t("span",{key:"7dbb9384750e7c2ccac2c7ab3109f13b951f3061",class:"option-list-item__avatar"},t("slot",{key:"2ad759cf4624a24d9f1fe94c456a36243857ebf4",name:"avatar"})),s&&t("span",{key:"02f71ffe6bb74c85617157b7b9cb7adec010cce3",class:"option-list-item__checkbox"},t("span",{key:"64edbd1f5c23878297ebf29087d1ff188db01856",class:"option-list-item__checkbox-box"},this.selected&&t("swirl-icon-check-strong",{key:"b793ba564a4fdd251f2f70cf68720d240b6b39d1",class:"option-list-item__checkbox-icon",size:16}))),t("span",{key:"b35ad7c3bd7f2b22c30729b3012bd5b4db320c85",class:"option-list-item__label-container"},t("span",{key:"1a4d118965706046092e70c320593c04f06b19a2",class:"option-list-item__label",id:`option-list-item-${this.elementId}-label`,part:"option-list-item__label"},this.label),this.description&&t("span",{key:"374aeefa73f78c2926ed0fd81dd254c3afcd7663",class:"option-list-item__description",id:`option-list-item-${this.elementId}-description`},this.description)),c&&t("span",{key:"0df5b07795109dbd28195b6e14ef10b7fd587e77",class:"option-list-item__selection-icon"},t("swirl-icon-check-small",{key:"accd8448bdf36a253e8f79be9c989a4d791361c3",size:this.iconSize}))),this.allowDrag&&t("button",{key:"a1b622a719ca5fadff72a06be63d353a8c29d571","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"option-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,tabIndex:this.focused?0:-1,type:"button"},t("swirl-icon-drag-handle",{key:"6a5c73788d36010e27e443aeea2977ad441742bd",size:this.iconSize})))}get el(){return l(this)}};h.style=".sc-swirl-option-list-item-h{position:relative;display:block;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n 0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{filter:grayscale(100%)}.option-list-item--show-avatar.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{display:inline-flex}.option-list-item__label-container.sc-swirl-option-list-item{display:flex;flex-grow:1;flex-direction:column}.option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-subdued);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__description.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__avatar.sc-swirl-option-list-item{display:none;width:2.5rem;height:2.5rem;flex-shrink:0}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__icon.sc-swirl-option-list-item{width:1.25rem;height:1.25rem}}.option-list-item__icon-badge.sc-swirl-option-list-item{position:absolute;display:grid;bottom:0;right:0}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}";export{c as swirl_icon_check_small,d as swirl_icon_drag_handle,h as swirl_option_list_item}
1
+ import{r as i,h as t,F as e,c as s,H as o,g as l}from"./p-ba3c3858.js";import{c as r}from"./p-a5dce9e6.js";import{g as a}from"./p-5136b9f9.js";import{v as n}from"./p-14616bce.js";const c=class{constructor(t){i(this,t),this.color=void 0,this.size=24}render(){const i=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},o=r("swirl-icon",`swirl-icon--size-${this.size}`);return t("svg",{key:"0698f222a6e449c728f237ce973b87618d09cda9","aria-hidden":"true",class:o,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&t(e,{key:"734d2d7acc68f2223680c486f529b14c40f9d032"},t("path",{key:"74315482879669cb376b6999621a7a913db2ce2a","fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.4142 4.91924C12.8047 5.30976 12.8047 5.94293 12.4142 6.33345L7.08086 11.6667C6.69033 12.0572 6.05717 12.0572 5.66664 11.6667L3.70711 9.70707C3.31658 9.31655 3.31658 8.68338 3.70711 8.29286C4.09763 7.90233 4.7308 7.90233 5.12132 8.29286L6.37375 9.54539L11 4.91924C11.3905 4.52871 12.0237 4.52871 12.4142 4.91924Z",fill:"currentColor"})),(20===this.size||24===this.size)&&t(e,{key:"65cbbd054398516f1d5ab747c6be33a0f1076926"},t("path",{key:"5084cf97715586369f03cf20b3b7ba3b03045489","fill-rule":"evenodd","clip-rule":"evenodd",d:"M18.6213 7.37879C19.2071 7.96458 19.2071 8.91433 18.6213 9.50011L10.6213 17.5C10.0355 18.0858 9.08577 18.0858 8.49998 17.5L5.56068 14.5605C4.97489 13.9748 4.97489 13.025 5.56068 12.4392C6.14646 11.8534 7.09621 11.8534 7.682 12.4392L9.56064 14.318L16.5 7.37879C17.0858 6.79301 18.0355 6.79301 18.6213 7.37879Z",fill:"currentColor"})),28===this.size&&t(e,{key:"60c033c603ebc42c9200b6d5c9089766d4a4e3f7"},t("path",{key:"97226cc803f0aa02f12471da68af09331a785142","fill-rule":"evenodd","clip-rule":"evenodd",d:"M21.7248 8.60863C22.4083 9.29205 22.4083 10.4001 21.7248 11.0835L12.3915 20.4167C11.7081 21.1001 10.6001 21.1001 9.91663 20.4167L6.48744 16.9873C5.80403 16.3039 5.80403 15.1959 6.48744 14.5125C7.17086 13.8291 8.2789 13.8291 8.96232 14.5125L11.1541 16.7044L19.25 8.60863C19.9334 7.92521 21.0414 7.92521 21.7248 8.60863Z",fill:"currentColor"})))}};c.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const d=class{constructor(t){i(this,t),this.color=void 0,this.size=24}render(){const i=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},o=r("swirl-icon",`swirl-icon--size-${this.size}`);return t("svg",{key:"5fd7f01e0d2818171262c46e1ceac903fbad628f","aria-hidden":"true",class:o,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${i} ${i}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&t(e,{key:"9dcde122efc12dabcac375e0176979b1196c3fc9"},t("rect",{key:"e98a720b71712e11fcb2fb9fb470566959f7f252",x:"9",y:"3",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{key:"3cd12c5eb7ea501e155bd7bde2eefc96829ca77e",x:"9",y:"7",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{key:"99f2ca92fd798ad760de39704ff9529d35469257",x:"9",y:"11",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{key:"0ba24c003e7abe795f59b84ebf2a1f0c5f3a8be1",x:"5",y:"3",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{key:"8060871c54b3fa7f2456117b65f2bd3ce27da6f0",x:"5",y:"7",width:"2",height:"2",rx:"1",fill:"currentColor"}),t("rect",{key:"bf534d3388046f6a193c8274203238ad2eb2dd24",x:"5",y:"11",width:"2",height:"2",rx:"1",fill:"currentColor"})),(20===this.size||24===this.size)&&t(e,{key:"f318c3a12aa27349f38cc5cf1fc2aa7dfa09a69c"},t("rect",{key:"86ca8e3c22aa742ab5678a3d4f53733b12c63d11",x:"13.5",y:"4.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{key:"3e089c04dfe334be60d81cba3ef3bc03f760e116",x:"13.5",y:"10.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{key:"c7b8b56c495ad81e47da57bb8256b4da4f1be31a",x:"13.5",y:"16.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{key:"e42258d2b57861e605d594d95274fbf5c04b9139",x:"7.5",y:"4.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{key:"b0a537aa239dbf6e078e637637fd294133d69861",x:"7.5",y:"10.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"}),t("rect",{key:"55e6f642507375a8593a01f23242543d1468a1f5",x:"7.5",y:"16.5",width:"3",height:"3",rx:"1.5",fill:"currentColor"})),28===this.size&&t(e,{key:"960e92a340329f8fd8f31b9bd149910dbcd5924b"},t("rect",{key:"858bd5562811c76b985bf4426685353a81c572ac",x:"15.75",y:"5.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{key:"4f9e0fb5f43925e761e6b9071d8ce9cad20e6681",x:"15.75",y:"12.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{key:"da892ef1e9e443aa1789ba51dc55c2a4389f51dd",x:"15.75",y:"19.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{key:"660dc4688dac68401bba84a4de7d1aea50bd12d2",x:"8.75",y:"5.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{key:"c987b4fe9620cf83bbcc3fe9a53661b0165ffb07",x:"8.75",y:"12.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"}),t("rect",{key:"ce8bd160a0a584085ecc728f4173a5af6a54dc03",x:"8.75",y:"19.25",width:"3.5",height:"3.5",rx:"1.75",fill:"currentColor"})))}};d.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const h=class{constructor(t){i(this,t),this.toggleDrag=s(this,"toggleDrag",7),this.desktopMediaQuery=a(),this.elementId=n(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches),this.updateIconSize(i.matches)},this.onDragHandleKeyDown=i=>{"Space"!==i.code&&"Enter"!==i.code||(i.preventDefault(),this.toggleDrag.emit(this.el))},this.onBlur=()=>{this.focused=!1},this.onFocus=()=>{this.focused=!0},this.allowDrag=void 0,this.context="single-select",this.description=void 0,this.disabled=void 0,this.dragging=void 0,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move option",this.icon=void 0,this.iconBadge=void 0,this.label=void 0,this.selected=!1,this.swirlAriaRole="option",this.value=void 0,this.iconSize=24,this.focused=void 0}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(i){const t=this.iconEl?.children[0];t?.setAttribute("size",i?"20":"24")}updateIconSize(i){this.iconSize=i?20:24}render(){const i=this.disabled?"true":void 0,e=String(this.selected),s="multi-select"===this.context,l=Boolean(this.icon)&&"single-select"===this.context,a=Boolean(this.iconBadge),n=this.el.querySelector('[slot="avatar"]')&&"single-select"===this.context,c=this.selected&&"single-select"===this.context,d=r("option-list-item",`option-list-item--context-${this.context}`,{"option-list-item--disabled":this.disabled,"option-list-item--draggable":this.allowDrag,"option-list-item--dragging":this.dragging,"option-list-item--selected":this.selected,"option-list-item--show-avatar":n});return t(o,{key:"571967136a03f1cf4a3f0a14b4db18ffea6cee70"},t("div",{key:"edee17217bbe6135429b62c39ea430a49e66b39d","aria-checked":"menuitemradio"===this.swirlAriaRole?e:void 0,"aria-describedby":Boolean(this.description)?`option-list-item-${this.elementId}-description`:void 0,"aria-disabled":i,"aria-labelledby":`option-list-item-${this.elementId}-label`,"aria-selected":"option"===this.swirlAriaRole?e:void 0,class:d,id:`option-list-item-${this.elementId}`,onBlur:this.onBlur,onFocus:this.onFocus,part:"option-list-item",role:this.swirlAriaRole},l&&t("span",{key:"55191d396106978ae8d444fb05f7fce76ac2e574",class:"option-list-item__icon",innerHTML:this.icon,ref:i=>this.iconEl=i},a&&t("span",{key:"be4ca95a4c7d8f7b4110db7993edb0f3ce3972e8",class:"option-list-item__icon-badge",innerHTML:this.iconBadge})),t("span",{key:"7dbb9384750e7c2ccac2c7ab3109f13b951f3061",class:"option-list-item__avatar"},t("slot",{key:"2ad759cf4624a24d9f1fe94c456a36243857ebf4",name:"avatar"})),s&&t("span",{key:"02f71ffe6bb74c85617157b7b9cb7adec010cce3",class:"option-list-item__checkbox"},t("span",{key:"64edbd1f5c23878297ebf29087d1ff188db01856",class:"option-list-item__checkbox-box"},this.selected&&t("swirl-icon-check-strong",{key:"b793ba564a4fdd251f2f70cf68720d240b6b39d1",class:"option-list-item__checkbox-icon",size:16}))),t("span",{key:"b35ad7c3bd7f2b22c30729b3012bd5b4db320c85",class:"option-list-item__label-container"},t("span",{key:"1a4d118965706046092e70c320593c04f06b19a2",class:"option-list-item__label",id:`option-list-item-${this.elementId}-label`,part:"option-list-item__label"},this.label),this.description&&t("span",{key:"374aeefa73f78c2926ed0fd81dd254c3afcd7663",class:"option-list-item__description",id:`option-list-item-${this.elementId}-description`},this.description)),c&&t("span",{key:"0df5b07795109dbd28195b6e14ef10b7fd587e77",class:"option-list-item__selection-icon"},t("swirl-icon-check-small",{key:"accd8448bdf36a253e8f79be9c989a4d791361c3",size:this.iconSize}))),this.allowDrag&&t("button",{key:"a1b622a719ca5fadff72a06be63d353a8c29d571","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"option-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,tabIndex:this.focused?0:-1,type:"button"},t("swirl-icon-drag-handle",{key:"6a5c73788d36010e27e443aeea2977ad441742bd",size:this.iconSize})))}get el(){return l(this)}};h.style=".sc-swirl-option-list-item-h{position:relative;display:block;width:100%}.sc-swirl-option-list-item-h *.sc-swirl-option-list-item{box-sizing:border-box}.option-list-item.sc-swirl-option-list-item{display:inline-flex;width:100%;min-width:15rem;min-height:3rem;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-surface-overlay-default);cursor:pointer;gap:var(--s-space-12)}.option-list-item.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-hovered)}.option-list-item.sc-swirl-option-list-item:active:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item.sc-swirl-option-list-item:focus{outline:none}.option-list-item.sc-swirl-option-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item.sc-swirl-option-list-item{min-height:0;padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-8)}}.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item--draggable.sc-swirl-option-list-item .option-list-item__label-container.sc-swirl-option-list-item{padding-right:calc(var(--s-space-16) + 1rem)}}.option-list-item--dragging.sc-swirl-option-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n 0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.option-list-item--dragging.sc-swirl-option-list-item:hover:not(.option-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item{color:var(--s-icon-highlight)}.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.option-list-item--disabled.sc-swirl-option-list-item{cursor:default}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{background-color:var(--s-icon-disabled)}.option-list-item--disabled.option-list-item--selected.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-text-on-status)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__label.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__selection-icon.sc-swirl-option-list-item,.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-icon.sc-swirl-option-list-item{color:var(--s-icon-disabled)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__checkbox-box.sc-swirl-option-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-surface-overlay-default)}.option-list-item--disabled.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{filter:grayscale(100%)}.option-list-item--show-avatar.sc-swirl-option-list-item .option-list-item__avatar.sc-swirl-option-list-item{display:inline-flex}.option-list-item__label-container.sc-swirl-option-list-item{display:flex;flex-grow:1;flex-direction:column}.option-list-item__label.sc-swirl-option-list-item{color:var(--s-text-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__label.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__description.sc-swirl-option-list-item{color:var(--s-text-subdued);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__description.sc-swirl-option-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.option-list-item__avatar.sc-swirl-option-list-item{display:none;width:2.5rem;height:2.5rem;flex-shrink:0}.option-list-item__icon.sc-swirl-option-list-item{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__icon.sc-swirl-option-list-item{width:1.25rem;height:1.25rem}}.option-list-item__icon-badge.sc-swirl-option-list-item{position:absolute;display:grid;bottom:0;right:0}.option-list-item__selection-icon.sc-swirl-option-list-item{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}.option-list-item__checkbox.sc-swirl-option-list-item{display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-item__checkbox.sc-swirl-option-list-item{width:1.375rem;height:1.375rem}}.option-list-item__checkbox-box.sc-swirl-option-list-item{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.option-list-item__checkbox-icon.sc-swirl-option-list-item{display:inline-flex}.option-list-item__drag-handle.sc-swirl-option-list-item{position:absolute;z-index:1;top:50%;right:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.option-list-item__drag-handle.sc-swirl-option-list-item:active{cursor:grabbing}.option-list-item__drag-handle.sc-swirl-option-list-item:focus:not(:focus-visible){outline:none}.option-list-item__drag-handle.sc-swirl-option-list-item:focus-visible{outline-color:var(--s-focus-default)}";export{c as swirl_icon_check_small,d as swirl_icon_drag_handle,h as swirl_option_list_item}
@@ -0,0 +1 @@
1
+ import{r as t,c as i,h as s,H as a,g as h}from"./p-ba3c3858.js";import{f as e}from"./p-5136b9f9.js";const c=class{constructor(s){t(this,s),this.tabActivated=i(this,"tabActivated",7),this.tabs=[],this.onActivateNextTab=()=>{this.activateNextTab()},this.onActivatePreviousTab=()=>{this.activatePreviousTab()},this.onActivateTab=t=>{this.activateTab(t.detail)},this.initialTab=void 0,this.label=void 0,this.justifyTabBar=void 0,this.tabBarPaddingBlockEnd=void 0,this.tabBarPaddingBlockStart=void 0,this.tabBarPaddingInlineEnd=void 0,this.tabBarPaddingInlineStart=void 0,this.tabBarVariant="default",this.activeTab=void 0,this.tabBarTabs=[]}componentWillLoad(){this.collectTabs(),this.updateTabBarTabs()}async activateTab(t){if(this.activeTab===t)return;this.activeTab=t,this.tabs.forEach((t=>t.active=!1));const i=this.tabs.find((i=>i.tabId===t));Boolean(i)&&(i.active=!0,this.tabActivated.emit(i),this.updateTabBarTabs())}activateNextTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),i=e(t+1,this.tabs.length);this.activateTab(this.tabs[i].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}activatePreviousTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),i=e(t-1,this.tabs.length);this.activateTab(this.tabs[i].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}collectTabs(){if(this.tabs=Array.from(this.el.querySelectorAll("swirl-tab")),0===this.tabs.length)return;const t=this.tabs.find((t=>t.tabId===this.initialTab));this.activateTab(Boolean(t)?t.tabId:this.tabs[0].tabId)}updateTabBarTabs(){this.tabBarTabs=this.tabs.map((t=>({icon:t.icon,id:t.tabId,label:t.label,active:this.activeTab===t.tabId})))}render(){return s(a,{key:"1ac2dfa2ae746878117dd5a9d084c4f01b3bfea8"},s("div",{key:"01e1a9a7f5fd4801af2bd54750f3e7954a6fff50",class:"tabs"},s("swirl-tab-bar",{key:"9435cfed3336d04ae4f531992c26e1fbd54c4520",label:this.label,onActivateNextTab:this.onActivateNextTab,onActivatePreviousTab:this.onActivatePreviousTab,onActivateTab:this.onActivateTab,tabs:this.tabBarTabs,justify:this.justifyTabBar,paddingBlockEnd:this.tabBarPaddingBlockEnd,paddingBlockStart:this.tabBarPaddingBlockStart,paddingInlineEnd:this.tabBarPaddingInlineEnd,paddingInlineStart:this.tabBarPaddingInlineStart,variant:this.tabBarVariant})),s("slot",{key:"649844c197a13ebc8cd4a7925acb1cf48d728404"}))}get el(){return h(this)}};c.style=".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}";export{c as swirl_tabs}
@@ -1 +1 @@
1
- import{r as i,h as t,H as s}from"./p-ba3c3858.js";import{c as n}from"./p-a5dce9e6.js";import{g as e}from"./p-0f3e0216.js";const a=class{constructor(t){i(this,t),this.desktopMediaQuery=e(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches)},this.icon=void 0,this.intent=void 0,this.message=void 0,this.size="m",this.iconSize=20}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(i){if(!Boolean(this.iconEl))return;const t=this.iconEl.children[0];if(!Boolean(t))return;let s="24";"s"===this.size?s="16":i&&(s="20"),t.setAttribute("size",s)}render(){const i=n("inline-status",`inline-status--intent-${this.intent}`,`inline-status--size-${this.size}`);return t(s,{key:"856ac6cf78d3d4f72ec8db6c651d849aa770de41"},t("span",{key:"4654c90f1dd3b2569f848414fc8fd739a7f49555",class:i,part:"inline-status"},this.icon&&t("span",{key:"3f32569549ea2facd87d267b8836a0dfdc308405",class:"inline-status__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),t("span",{key:"d3086330637d3f4999d7cf04716f5de09f4ddd0f",class:"inline-status__message"},this.message)))}};a.style=":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}";export{a as swirl_inline_status}
1
+ import{r as i,h as t,H as s}from"./p-ba3c3858.js";import{c as n}from"./p-a5dce9e6.js";import{g as e}from"./p-5136b9f9.js";const a=class{constructor(t){i(this,t),this.desktopMediaQuery=e(),this.desktopMediaQueryHandler=i=>{this.forceIconProps(i.matches)},this.icon=void 0,this.intent=void 0,this.message=void 0,this.size="m",this.iconSize=20}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(i){if(!Boolean(this.iconEl))return;const t=this.iconEl.children[0];if(!Boolean(t))return;let s="24";"s"===this.size?s="16":i&&(s="20"),t.setAttribute("size",s)}render(){const i=n("inline-status",`inline-status--intent-${this.intent}`,`inline-status--size-${this.size}`);return t(s,{key:"856ac6cf78d3d4f72ec8db6c651d849aa770de41"},t("span",{key:"4654c90f1dd3b2569f848414fc8fd739a7f49555",class:i,part:"inline-status"},this.icon&&t("span",{key:"3f32569549ea2facd87d267b8836a0dfdc308405",class:"inline-status__icon",innerHTML:this.icon,ref:i=>this.iconEl=i}),t("span",{key:"d3086330637d3f4999d7cf04716f5de09f4ddd0f",class:"inline-status__message"},this.message)))}};a.style=":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}";export{a as swirl_inline_status}
@@ -1 +1 @@
1
- import{r as i,c as a,h as e,H as t}from"./p-ba3c3858.js";import{c as s}from"./p-a5dce9e6.js";import{d as n}from"./p-0f3e0216.js";const o=class{constructor(e){i(this,e),this.setPage=a(this,"setPage",7),this.setPageSize=a(this,"setPageSize",7),this.onFocusPageInput=i=>{i.target.select()},this.onFirstPageButtonClick=()=>{1!==this.page&&this.setPage.emit(1)},this.onLastPageButtonClick=()=>{this.page!==this.pages&&this.setPage.emit(this.pages)},this.onPrevButtonClick=()=>{const i=Math.max(this.page-1,1);this.page!==i&&this.setPage.emit(i)},this.onNextButtonClick=()=>{const i=Math.min(this.page+1,this.pages);this.page!==i&&this.setPage.emit(i)},this.onPageInput=()=>{let i=+this.pageInput.value;isNaN(i)?(i=this.page,this.pageInput.value=String(i)):i>this.pages?(i=this.pages,this.pageInput.value=String(i)):i<1&&(i=1,this.pageInput.value=String(i)),this.page!==i&&this.onPageUpdate(i)},this.onPageUpdate=n((i=>{this.setPage.emit(i)}),500),this.onPageSizeSelect=i=>{const a=+i.target.value;this.pageSize!==a&&this.setPageSize.emit(a)},this.firstPageButtonLabel="First page",this.lastPageButtonLabel="Last page",this.label=void 0,this.nextButtonLabel="Next page",this.page=void 0,this.pageLabel="out of",this.pages=void 0,this.pageSelectLabel="Select a page",this.pageSize=10,this.pageSizeOptions=[10,25,50],this.pageSizeSelectLabel="Items per page:",this.prevButtonLabel="Previous page",this.showPageSizeSelect=void 0,this.variant="default"}render(){const i="simple"!==this.variant,a="advanced"===this.variant,n=`${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`,o=s("pagination",`pagination--variant-${this.variant}`);return e(t,{key:"fba8207382cf0734db42a2dea298004f8943c17f"},e("nav",{key:"e166fe66e852e224c321627921c57605628d0ac4","aria-label":this.label,class:o},e("ul",{key:"3a4affd8175c790ef5d25f5e80523daf9b94fa01",class:"pagination__list",part:"pagination__list"},this.showPageSizeSelect&&e("li",{key:"cf8dd212fdecbcc44f3e8462a45e99ea7ac2ddc0",class:"pagination__list-item"},e("label",{key:"9f6e04dc201cd60da406324be6c4ad9363c450b9",class:"pagination__page-size-selection"},e("swirl-text",{key:"c2c85487931e6912edf0821eaa201e67e64bdc65",whiteSpace:"inherit"},this.pageSizeSelectLabel),e("swirl-stack",{key:"c7e46aae5f41adef62625b81e4335466f3ae51e8",align:"center",class:"pagination__page-size-select-container",orientation:"horizontal"},e("select",{key:"354fef3715e457285692f4fb4cfcaf9ef6d47b1c",class:"pagination__page-size-select",onChange:this.onPageSizeSelect},this.pageSizeOptions.map((i=>e("option",{key:i,selected:i===this.pageSize,value:i},i)))),e("swirl-icon-expand-more",{key:"f6ef8a317e72eb0239aaa6acad36bc148c873a29","aria-hidden":"true",class:"pagination__page-size-select-icon",size:16})))),e("li",{key:"bf02a4f8f0413dee0791c39f26c6cbd46207474e",class:"pagination__list-item"},e("swirl-button",{key:"e6aba96a8c7156e573ad7ff33d1b36be8f248158",class:"pagination__first-page-button",disabled:this.page<=1,hideLabel:!0,icon:"<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>",intent:"primary",label:this.firstPageButtonLabel,onClick:this.onFirstPageButtonClick})),e("li",{key:"47dccc4d81e2c94c8025f5b4905f9a2dcedbffa1",class:"pagination__list-item"},e("swirl-button",{key:"ad00543f21637b669f341ffa7ff7dc9c985f7b11",class:"pagination__prev-button",disabled:this.page<=1,hideLabel:!0,icon:"<swirl-icon-chevron-left></swirl-icon-chevron-left>",intent:"primary",label:this.prevButtonLabel,onClick:this.onPrevButtonClick})),i?e("li",{class:"pagination__list-item pagination__page-label"},e("span",null,a?e("span",{"aria-current":"page",class:"pagination__advanced-label"},e("input",{"aria-label":this.pageSelectLabel,class:"pagination__page-input",onFocus:this.onFocusPageInput,onInput:this.onPageInput,ref:i=>this.pageInput=i,type:"text",value:this.page}),e("span",{"aria-hidden":"true"},this.pageLabel," ",this.pages.toLocaleString())):e("span",{"aria-current":"page"},n))):e("li",{class:"pagination__list-item"},e("swirl-visually-hidden",null,e("span",{"aria-current":"page"},n))),e("li",{key:"f33a629ea11be2c8c1b1c07906b71f49b05afa35",class:"pagination__list-item"},e("swirl-button",{key:"ae4becccba62f16b92e4056ce44d49ba800bacec",class:"pagination__next-button",disabled:this.page>=this.pages,hideLabel:!0,icon:"<swirl-icon-chevron-right></swirl-icon-chevron-right>",iconPosition:"end",intent:"primary",label:this.nextButtonLabel,onClick:this.onNextButtonClick})),e("li",{key:"da1add506c324ae199592b1ef100737149a28ccf",class:"pagination__list-item"},e("swirl-button",{key:"be7e1d28fe3af44062e3eda3c3889ed32f413499",class:"pagination__last-page-button",disabled:this.page>=this.pages,hideLabel:!0,icon:"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",intent:"primary",label:this.lastPageButtonLabel,onClick:this.onLastPageButtonClick})))))}};o.style=":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";export{o as swirl_pagination}
1
+ import{r as i,c as a,h as e,H as t}from"./p-ba3c3858.js";import{c as s}from"./p-a5dce9e6.js";import{d as n}from"./p-5136b9f9.js";const o=class{constructor(e){i(this,e),this.setPage=a(this,"setPage",7),this.setPageSize=a(this,"setPageSize",7),this.onFocusPageInput=i=>{i.target.select()},this.onFirstPageButtonClick=()=>{1!==this.page&&this.setPage.emit(1)},this.onLastPageButtonClick=()=>{this.page!==this.pages&&this.setPage.emit(this.pages)},this.onPrevButtonClick=()=>{const i=Math.max(this.page-1,1);this.page!==i&&this.setPage.emit(i)},this.onNextButtonClick=()=>{const i=Math.min(this.page+1,this.pages);this.page!==i&&this.setPage.emit(i)},this.onPageInput=()=>{let i=+this.pageInput.value;isNaN(i)?(i=this.page,this.pageInput.value=String(i)):i>this.pages?(i=this.pages,this.pageInput.value=String(i)):i<1&&(i=1,this.pageInput.value=String(i)),this.page!==i&&this.onPageUpdate(i)},this.onPageUpdate=n((i=>{this.setPage.emit(i)}),500),this.onPageSizeSelect=i=>{const a=+i.target.value;this.pageSize!==a&&this.setPageSize.emit(a)},this.firstPageButtonLabel="First page",this.lastPageButtonLabel="Last page",this.label=void 0,this.nextButtonLabel="Next page",this.page=void 0,this.pageLabel="out of",this.pages=void 0,this.pageSelectLabel="Select a page",this.pageSize=10,this.pageSizeOptions=[10,25,50],this.pageSizeSelectLabel="Items per page:",this.prevButtonLabel="Previous page",this.showPageSizeSelect=void 0,this.variant="default"}render(){const i="simple"!==this.variant,a="advanced"===this.variant,n=`${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`,o=s("pagination",`pagination--variant-${this.variant}`);return e(t,{key:"fba8207382cf0734db42a2dea298004f8943c17f"},e("nav",{key:"e166fe66e852e224c321627921c57605628d0ac4","aria-label":this.label,class:o},e("ul",{key:"3a4affd8175c790ef5d25f5e80523daf9b94fa01",class:"pagination__list",part:"pagination__list"},this.showPageSizeSelect&&e("li",{key:"cf8dd212fdecbcc44f3e8462a45e99ea7ac2ddc0",class:"pagination__list-item"},e("label",{key:"9f6e04dc201cd60da406324be6c4ad9363c450b9",class:"pagination__page-size-selection"},e("swirl-text",{key:"c2c85487931e6912edf0821eaa201e67e64bdc65",whiteSpace:"inherit"},this.pageSizeSelectLabel),e("swirl-stack",{key:"c7e46aae5f41adef62625b81e4335466f3ae51e8",align:"center",class:"pagination__page-size-select-container",orientation:"horizontal"},e("select",{key:"354fef3715e457285692f4fb4cfcaf9ef6d47b1c",class:"pagination__page-size-select",onChange:this.onPageSizeSelect},this.pageSizeOptions.map((i=>e("option",{key:i,selected:i===this.pageSize,value:i},i)))),e("swirl-icon-expand-more",{key:"f6ef8a317e72eb0239aaa6acad36bc148c873a29","aria-hidden":"true",class:"pagination__page-size-select-icon",size:16})))),e("li",{key:"bf02a4f8f0413dee0791c39f26c6cbd46207474e",class:"pagination__list-item"},e("swirl-button",{key:"e6aba96a8c7156e573ad7ff33d1b36be8f248158",class:"pagination__first-page-button",disabled:this.page<=1,hideLabel:!0,icon:"<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>",intent:"primary",label:this.firstPageButtonLabel,onClick:this.onFirstPageButtonClick})),e("li",{key:"47dccc4d81e2c94c8025f5b4905f9a2dcedbffa1",class:"pagination__list-item"},e("swirl-button",{key:"ad00543f21637b669f341ffa7ff7dc9c985f7b11",class:"pagination__prev-button",disabled:this.page<=1,hideLabel:!0,icon:"<swirl-icon-chevron-left></swirl-icon-chevron-left>",intent:"primary",label:this.prevButtonLabel,onClick:this.onPrevButtonClick})),i?e("li",{class:"pagination__list-item pagination__page-label"},e("span",null,a?e("span",{"aria-current":"page",class:"pagination__advanced-label"},e("input",{"aria-label":this.pageSelectLabel,class:"pagination__page-input",onFocus:this.onFocusPageInput,onInput:this.onPageInput,ref:i=>this.pageInput=i,type:"text",value:this.page}),e("span",{"aria-hidden":"true"},this.pageLabel," ",this.pages.toLocaleString())):e("span",{"aria-current":"page"},n))):e("li",{class:"pagination__list-item"},e("swirl-visually-hidden",null,e("span",{"aria-current":"page"},n))),e("li",{key:"f33a629ea11be2c8c1b1c07906b71f49b05afa35",class:"pagination__list-item"},e("swirl-button",{key:"ae4becccba62f16b92e4056ce44d49ba800bacec",class:"pagination__next-button",disabled:this.page>=this.pages,hideLabel:!0,icon:"<swirl-icon-chevron-right></swirl-icon-chevron-right>",iconPosition:"end",intent:"primary",label:this.nextButtonLabel,onClick:this.onNextButtonClick})),e("li",{key:"da1add506c324ae199592b1ef100737149a28ccf",class:"pagination__list-item"},e("swirl-button",{key:"be7e1d28fe3af44062e3eda3c3889ed32f413499",class:"pagination__last-page-button",disabled:this.page>=this.pages,hideLabel:!0,icon:"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",intent:"primary",label:this.lastPageButtonLabel,onClick:this.onLastPageButtonClick})))))}};o.style=":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";export{o as swirl_pagination}
@@ -1 +1 @@
1
- import{r as s,c as i,h as t,H as e,g as o}from"./p-ba3c3858.js";import{d as a}from"./p-0f3e0216.js";import{c as r}from"./p-a5dce9e6.js";const l=class{constructor(t){s(this,t),this.activeSlidesChange=i(this,"activeSlidesChange",7),this.activeSlides=[],this.updateActiveSlideReferences=a((()=>{const s=this.getActiveSlides();s.some(((s,i)=>this.activeSlides[i]!==s))&&(this.activeSlides=s,this.activeSlidesChange.emit(this.activeSlides))}),100),this.onPreviousSlideButtonClick=()=>{this.previousSlide()},this.onNextSlideButtonClick=()=>{this.nextSlide()},this.onSlotChange=()=>{this.activeSlides[0]?.scrollIntoView({block:"nearest",inline:"start"})},this.onScroll=()=>{this.updateActiveSlideReferences(),this.checkScrollPosition()},this.label=void 0,this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.fade=!1,this.loopAround=!1,this.padding="16",this.paddingBlockEnd=void 0,this.paddingBlockStart=void 0,this.paddingInlineEnd=void 0,this.paddingInlineStart=void 0,this.spacing="16",this.isAtEnd=void 0,this.isAtStart=void 0,this.isScrollable=void 0}onWindowResize(){this.checkScrollStatus()}componentDidLoad(){queueMicrotask((()=>{this.checkScrollStatus(),this.checkScrollPosition()}))}async scrollToSlide(s){const i=this.getSlides().find((i=>i.id===s));Boolean(i)&&i.scrollIntoView({block:"nearest",inline:"start"})}previousSlide(){const s=this.getSlides(),i=this.getActiveSlides(),t=i[0].previousElementSibling||(this.loopAround?s[s.length-1]:i[0]);t?.scrollIntoView({block:"nearest",inline:"start"})}nextSlide(){const s=this.getSlides(),i=this.getActiveSlides(),t=!Boolean(i[i.length-1].nextElementSibling)&&this.loopAround?s[0]:i[0].nextElementSibling;t?.scrollIntoView({block:"nearest",inline:"start"})}getSlides(){return Array.from(this.el.querySelectorAll("swirl-carousel-slide"))}getActiveSlides(){return this.getSlides().filter((s=>this.checkInView(s)))}checkScrollStatus(){this.isScrollable=this.slidesContainer.scrollWidth>this.slidesContainer.offsetWidth}checkScrollPosition(){const s=this.getSlides(),i=this.getActiveSlides(),t=i[0]===s[0],e=i[i.length-1]===s[s.length-1];t!==this.isAtStart&&(this.isAtStart=t),e!==this.isAtEnd&&(this.isAtEnd=e)}checkInView(s){let i=this.slidesContainer.scrollLeft,t=s.offsetLeft;return t>=i&&t+s.clientWidth<=i+this.slidesContainer.clientWidth}render(){this.el.style.setProperty("--swirl-carousel-spacing",`${this.spacing}px`);const s={padding:Boolean(this.padding)?`var(--s-space-${this.padding})`:void 0,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,scrollPadding:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:Boolean(this.padding)?`var(--s-space-${this.padding})`:void 0},i=r("carousel",{"carousel--fade":this.fade,"carousel--is-at-start":this.isAtStart,"carousel--is-at-end":this.isAtEnd});return t(e,{key:"8c8ca585ecff7b41f8dfdc9e66bbcec0ed60a20e","aria-label":this.label,"aria-roledescription":"carousel",role:"group"},t("div",{key:"e6370b762f1822d608c395a1ab5e257688b04de3",class:i},this.isScrollable&&!this.isAtStart&&t("swirl-button",{key:"7958568cc3a087979a061cc8ab8e920a4b4cc4c0",class:"carousel__previous-slide-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.previousSlideButtonLabel,onClick:this.onPreviousSlideButtonClick,pill:!0,variant:"floating"}),this.isScrollable&&!this.isAtEnd&&t("swirl-button",{key:"faa888df896a1517ed6d4ad0ef411504fc9af373",class:"carousel__next-slide-button",hideLabel:!0,icon:"<swirl-icon-arrow-forward></swirl-icon-arrow-forward>",label:this.nextSlideButtonLabel,onClick:this.onNextSlideButtonClick,pill:!0,variant:"floating"}),t("div",{key:"4ec9cec82b7d3b57c27606ba147147fee4908009","aria-live":"polite",class:"carousel__slides",style:s,onScroll:this.onScroll,ref:s=>this.slidesContainer=s},t("slot",{key:"751e7e966e6f7b5b6051a83cd566e96a46424526",onSlotchange:this.onSlotChange}))))}get el(){return o(this)}};l.style=":host{--swirl-carousel-spacing:var(--s-space-16);position:relative;display:block;overflow:hidden;width:100%}:host(:hover) .carousel__previous-slide-button,:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel:before,.carousel:after{content:'';width:var(--s-space-32);height:100%;position:absolute;top:0;z-index:1;pointer-events:none;transition:opacity 0.2s;opacity:0}.carousel:before{left:0;background:linear-gradient(90deg, var(--s-background-default) 0%, transparent 100%)}.carousel:after{right:0;background:linear-gradient(270deg, var(--s-background-default) 0%, transparent 100%)}.carousel--fade:before,.carousel--fade:after{opacity:1}.carousel--is-at-start:before,.carousel--is-at-end:after{opacity:0}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*:not(:first-of-type)){margin-left:var(--swirl-carousel-spacing)}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button,.carousel__next-slide-button{position:absolute;z-index:2;top:calc(50% - var(--s-space-12));visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button,.carousel__next-slide-button{visibility:visible}}.carousel__previous-slide-button{left:var(--s-space-4)}.carousel__next-slide-button{right:var(--s-space-4)}";export{l as swirl_carousel}
1
+ import{r as s,c as i,h as t,H as e,g as o}from"./p-ba3c3858.js";import{d as a}from"./p-5136b9f9.js";import{c as r}from"./p-a5dce9e6.js";const l=class{constructor(t){s(this,t),this.activeSlidesChange=i(this,"activeSlidesChange",7),this.activeSlides=[],this.updateActiveSlideReferences=a((()=>{const s=this.getActiveSlides();s.some(((s,i)=>this.activeSlides[i]!==s))&&(this.activeSlides=s,this.activeSlidesChange.emit(this.activeSlides))}),100),this.onPreviousSlideButtonClick=()=>{this.previousSlide()},this.onNextSlideButtonClick=()=>{this.nextSlide()},this.onSlotChange=()=>{this.activeSlides[0]?.scrollIntoView({block:"nearest",inline:"start"})},this.onScroll=()=>{this.updateActiveSlideReferences(),this.checkScrollPosition()},this.label=void 0,this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.fade=!1,this.loopAround=!1,this.padding="16",this.paddingBlockEnd=void 0,this.paddingBlockStart=void 0,this.paddingInlineEnd=void 0,this.paddingInlineStart=void 0,this.spacing="16",this.isAtEnd=void 0,this.isAtStart=void 0,this.isScrollable=void 0}onWindowResize(){this.checkScrollStatus()}componentDidLoad(){queueMicrotask((()=>{this.checkScrollStatus(),this.checkScrollPosition()}))}async scrollToSlide(s){const i=this.getSlides().find((i=>i.id===s));Boolean(i)&&i.scrollIntoView({block:"nearest",inline:"start"})}previousSlide(){const s=this.getSlides(),i=this.getActiveSlides(),t=i[0].previousElementSibling||(this.loopAround?s[s.length-1]:i[0]);t?.scrollIntoView({block:"nearest",inline:"start"})}nextSlide(){const s=this.getSlides(),i=this.getActiveSlides(),t=!Boolean(i[i.length-1].nextElementSibling)&&this.loopAround?s[0]:i[0].nextElementSibling;t?.scrollIntoView({block:"nearest",inline:"start"})}getSlides(){return Array.from(this.el.querySelectorAll("swirl-carousel-slide"))}getActiveSlides(){return this.getSlides().filter((s=>this.checkInView(s)))}checkScrollStatus(){this.isScrollable=this.slidesContainer.scrollWidth>this.slidesContainer.offsetWidth}checkScrollPosition(){const s=this.getSlides(),i=this.getActiveSlides(),t=i[0]===s[0],e=i[i.length-1]===s[s.length-1];t!==this.isAtStart&&(this.isAtStart=t),e!==this.isAtEnd&&(this.isAtEnd=e)}checkInView(s){let i=this.slidesContainer.scrollLeft,t=s.offsetLeft;return t>=i&&t+s.clientWidth<=i+this.slidesContainer.clientWidth}render(){this.el.style.setProperty("--swirl-carousel-spacing",`${this.spacing}px`);const s={padding:Boolean(this.padding)?`var(--s-space-${this.padding})`:void 0,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,scrollPadding:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:Boolean(this.padding)?`var(--s-space-${this.padding})`:void 0},i=r("carousel",{"carousel--fade":this.fade,"carousel--is-at-start":this.isAtStart,"carousel--is-at-end":this.isAtEnd});return t(e,{key:"8c8ca585ecff7b41f8dfdc9e66bbcec0ed60a20e","aria-label":this.label,"aria-roledescription":"carousel",role:"group"},t("div",{key:"e6370b762f1822d608c395a1ab5e257688b04de3",class:i},this.isScrollable&&!this.isAtStart&&t("swirl-button",{key:"7958568cc3a087979a061cc8ab8e920a4b4cc4c0",class:"carousel__previous-slide-button",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.previousSlideButtonLabel,onClick:this.onPreviousSlideButtonClick,pill:!0,variant:"floating"}),this.isScrollable&&!this.isAtEnd&&t("swirl-button",{key:"faa888df896a1517ed6d4ad0ef411504fc9af373",class:"carousel__next-slide-button",hideLabel:!0,icon:"<swirl-icon-arrow-forward></swirl-icon-arrow-forward>",label:this.nextSlideButtonLabel,onClick:this.onNextSlideButtonClick,pill:!0,variant:"floating"}),t("div",{key:"4ec9cec82b7d3b57c27606ba147147fee4908009","aria-live":"polite",class:"carousel__slides",style:s,onScroll:this.onScroll,ref:s=>this.slidesContainer=s},t("slot",{key:"751e7e966e6f7b5b6051a83cd566e96a46424526",onSlotchange:this.onSlotChange}))))}get el(){return o(this)}};l.style=":host{--swirl-carousel-spacing:var(--s-space-16);position:relative;display:block;overflow:hidden;width:100%}:host(:hover) .carousel__previous-slide-button,:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel:before,.carousel:after{content:'';width:var(--s-space-32);height:100%;position:absolute;top:0;z-index:1;pointer-events:none;transition:opacity 0.2s;opacity:0}.carousel:before{left:0;background:linear-gradient(90deg, var(--s-background-default) 0%, transparent 100%)}.carousel:after{right:0;background:linear-gradient(270deg, var(--s-background-default) 0%, transparent 100%)}.carousel--fade:before,.carousel--fade:after{opacity:1}.carousel--is-at-start:before,.carousel--is-at-end:after{opacity:0}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*:not(:first-of-type)){margin-left:var(--swirl-carousel-spacing)}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button,.carousel__next-slide-button{position:absolute;z-index:2;top:calc(50% - var(--s-space-12));visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button,.carousel__next-slide-button{visibility:visible}}.carousel__previous-slide-button{left:var(--s-space-4)}.carousel__next-slide-button{right:var(--s-space-4)}";export{l as swirl_carousel}
@@ -1 +1 @@
1
- import{r as e,c as i,h as s,H as r}from"./p-ba3c3858.js";import{c as t}from"./p-a5dce9e6.js";import{g as l}from"./p-0f3e0216.js";const o=class{constructor(s){e(this,s),this.remove=i(this,"remove",7),this.desktopMediaQuery=l(),this.desktopMediaQueryHandler=e=>{this.forceIconProps(e.matches)},this.description=void 0,this.errorMessage=void 0,this.icon="<swirl-icon-file></swirl-icon-file>",this.label=void 0,this.loading=void 0,this.removable=void 0,this.removeButtonLabel="Remove file"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(e){if(!Boolean(this.iconEl))return;const i=this.iconEl.children[0];i?.setAttribute("size",e?"20":"24")}render(){const e=Boolean(this.errorMessage),i=!e&&Boolean(this.description),l=!e&&this.loading,o=this.removable&&!l,c=t("resource-list-file-item",{"resource-list-file-item--has-control":l||o});return s(r,{key:"9bb3ef70133735654524bd510124cae8d4321e42",role:"row"},s("div",{key:"1179c9aa1979500876810e64b5ad0c61e3329c32",class:c,part:"resource-list-file-item",role:"gridcell"},s("span",{key:"081c7068de1c9c55e678dbf0e9ad6ce0ee52b762",class:"resource-list-file-item__icon",innerHTML:this.icon,ref:e=>this.iconEl=e}),s("span",{key:"9341f71ea91a3d080d68e2bb8dbd15755e79f91a",class:"resource-list-file-item__label-container"},s("span",{key:"c31d9cef43167e5b531cb108cca285ac59ecb3d8",class:"resource-list-file-item__label",id:"label"},this.label),i&&s("span",{key:"1616529961268c9dad657383d9cd6c3b4bda89d4",class:"resource-list-file-item__description"},this.description),e&&s("span",{key:"7ce7536ce5fe7c39e63140d1059a22db2b8cbb10","aria-live":"polite",class:"resource-list-file-item__error-message"},s("swirl-inline-error",{key:"d96eb7bcf6931a5d62c1fee20010cfcd7f3a29b8",message:this.errorMessage,size:"s"}))),l&&s("span",{key:"199eb340ff5efb7736eb6f2e198987aa1cd74ce8",class:"resource-list-file-item__spinner"},s("swirl-spinner",{key:"0f622305a27a9d14cb54bf1adbfa62fa98a1d284",size:"s"})),o&&s("span",{key:"e306ce21915b56159170c3ebb7870a5dbc6888c6",class:"resource-list-file-item__remove-button"},s("swirl-button",{key:"49da8673e828b30d115ecc6bf13ea018295ed992",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.removeButtonLabel,onClick:this.remove.emit}))))}};o.style='.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}';export{o as swirl_resource_list_file_item}
1
+ import{r as e,c as i,h as s,H as r}from"./p-ba3c3858.js";import{c as t}from"./p-a5dce9e6.js";import{g as l}from"./p-5136b9f9.js";const o=class{constructor(s){e(this,s),this.remove=i(this,"remove",7),this.desktopMediaQuery=l(),this.desktopMediaQueryHandler=e=>{this.forceIconProps(e.matches)},this.description=void 0,this.errorMessage=void 0,this.icon="<swirl-icon-file></swirl-icon-file>",this.label=void 0,this.loading=void 0,this.removable=void 0,this.removeButtonLabel="Remove file"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(e){if(!Boolean(this.iconEl))return;const i=this.iconEl.children[0];i?.setAttribute("size",e?"20":"24")}render(){const e=Boolean(this.errorMessage),i=!e&&Boolean(this.description),l=!e&&this.loading,o=this.removable&&!l,c=t("resource-list-file-item",{"resource-list-file-item--has-control":l||o});return s(r,{key:"9bb3ef70133735654524bd510124cae8d4321e42",role:"row"},s("div",{key:"1179c9aa1979500876810e64b5ad0c61e3329c32",class:c,part:"resource-list-file-item",role:"gridcell"},s("span",{key:"081c7068de1c9c55e678dbf0e9ad6ce0ee52b762",class:"resource-list-file-item__icon",innerHTML:this.icon,ref:e=>this.iconEl=e}),s("span",{key:"9341f71ea91a3d080d68e2bb8dbd15755e79f91a",class:"resource-list-file-item__label-container"},s("span",{key:"c31d9cef43167e5b531cb108cca285ac59ecb3d8",class:"resource-list-file-item__label",id:"label"},this.label),i&&s("span",{key:"1616529961268c9dad657383d9cd6c3b4bda89d4",class:"resource-list-file-item__description"},this.description),e&&s("span",{key:"7ce7536ce5fe7c39e63140d1059a22db2b8cbb10","aria-live":"polite",class:"resource-list-file-item__error-message"},s("swirl-inline-error",{key:"d96eb7bcf6931a5d62c1fee20010cfcd7f3a29b8",message:this.errorMessage,size:"s"}))),l&&s("span",{key:"199eb340ff5efb7736eb6f2e198987aa1cd74ce8",class:"resource-list-file-item__spinner"},s("swirl-spinner",{key:"0f622305a27a9d14cb54bf1adbfa62fa98a1d284",size:"s"})),o&&s("span",{key:"e306ce21915b56159170c3ebb7870a5dbc6888c6",class:"resource-list-file-item__remove-button"},s("swirl-button",{key:"49da8673e828b30d115ecc6bf13ea018295ed992",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.removeButtonLabel,onClick:this.remove.emit}))))}};o.style='.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}';export{o as swirl_resource_list_file_item}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as a}from"./p-ba3c3858.js";import{c as e}from"./p-a5dce9e6.js";import{g as o}from"./p-0f3e0216.js";const r=class{constructor(i){t(this,i),this.dismiss=s(this,"dismiss",7),this.desktopMediaQuery=o(),this.desktopMediaQueryHandler=t=>{this.forceIconProps(t.matches)},this.onDismiss=()=>{this.dismiss.emit(this.toastId)},this.accessibleDismissLabel="Dismiss",this.content=void 0,this.dismissLabel=void 0,this.duration=void 0,this.icon=void 0,this.intent="default",this.toastId=void 0}watchDuration(){this.startTimer()}componentDidLoad(){this.startTimer(),this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(t){const s=this.iconEl?.children[0],i=this.dismissIconEl;s?.setAttribute("size",t?"20":"24"),i?.setAttribute("size",t?"20":"24")}startTimer(){this.clearTimer(),void 0!==this.duration&&(this.timeout=setTimeout((()=>{this.dismiss.emit(this.toastId)}),this.duration))}clearTimer(){Boolean(this.timeout)&&(clearTimeout(this.timeout),this.timeout=void 0)}render(){const t=e("toast",`toast--intent-${this.intent}`);return i(a,{key:"f13b7019f9fe5dd537f55e98c5f59a4608a11ba1"},i("div",{key:"c92eea5154be70cc099ee18cb3b3caf389bd9d12",class:t},this.icon&&i("span",{key:"eaba6a7fdc594ed5922e1f73950fbd0a3c979b62",class:"toast__icon",innerHTML:this.icon,part:"toast__icon",ref:t=>this.iconEl=t}),i("span",{key:"d051a303c25a2626f75e317e020d73f42c777122",class:"toast__content",innerHTML:this.content,part:"toast__content"},i("slot",{key:"02ff7970aae6b760a6485fc303d768f94580c4d7"})),i("button",{key:"0f202582d613d7c6ba3e3eea079427aee99e34be","aria-label":this.dismissLabel||this.accessibleDismissLabel,class:"toast__dismiss-button",onClick:this.onDismiss,type:"button"},this.dismissLabel,!Boolean(this.dismissLabel)&&i("swirl-icon-close",{key:"8741abe6c8b206d4bc4a3aa260a0a2a5b79fbe0f",ref:t=>this.dismissIconEl=t}))))}static get watchers(){return{duration:["watchDuration"]}}};r.style=":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{width:1.25rem;height:1.25rem;margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}.toast__content ::part(link){color:var(--text-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}";export{r as swirl_toast}
1
+ import{r as t,c as s,h as i,H as a}from"./p-ba3c3858.js";import{c as e}from"./p-a5dce9e6.js";import{g as o}from"./p-5136b9f9.js";const r=class{constructor(i){t(this,i),this.dismiss=s(this,"dismiss",7),this.desktopMediaQuery=o(),this.desktopMediaQueryHandler=t=>{this.forceIconProps(t.matches)},this.onDismiss=()=>{this.dismiss.emit(this.toastId)},this.accessibleDismissLabel="Dismiss",this.content=void 0,this.dismissLabel=void 0,this.duration=void 0,this.icon=void 0,this.intent="default",this.toastId=void 0}watchDuration(){this.startTimer()}componentDidLoad(){this.startTimer(),this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(t){const s=this.iconEl?.children[0],i=this.dismissIconEl;s?.setAttribute("size",t?"20":"24"),i?.setAttribute("size",t?"20":"24")}startTimer(){this.clearTimer(),void 0!==this.duration&&(this.timeout=setTimeout((()=>{this.dismiss.emit(this.toastId)}),this.duration))}clearTimer(){Boolean(this.timeout)&&(clearTimeout(this.timeout),this.timeout=void 0)}render(){const t=e("toast",`toast--intent-${this.intent}`);return i(a,{key:"f13b7019f9fe5dd537f55e98c5f59a4608a11ba1"},i("div",{key:"c92eea5154be70cc099ee18cb3b3caf389bd9d12",class:t},this.icon&&i("span",{key:"eaba6a7fdc594ed5922e1f73950fbd0a3c979b62",class:"toast__icon",innerHTML:this.icon,part:"toast__icon",ref:t=>this.iconEl=t}),i("span",{key:"d051a303c25a2626f75e317e020d73f42c777122",class:"toast__content",innerHTML:this.content,part:"toast__content"},i("slot",{key:"02ff7970aae6b760a6485fc303d768f94580c4d7"})),i("button",{key:"0f202582d613d7c6ba3e3eea079427aee99e34be","aria-label":this.dismissLabel||this.accessibleDismissLabel,class:"toast__dismiss-button",onClick:this.onDismiss,type:"button"},this.dismissLabel,!Boolean(this.dismissLabel)&&i("swirl-icon-close",{key:"8741abe6c8b206d4bc4a3aa260a0a2a5b79fbe0f",ref:t=>this.dismissIconEl=t}))))}static get watchers(){return{duration:["watchDuration"]}}};r.style=":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{width:1.25rem;height:1.25rem;margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}.toast__content ::part(link){color:var(--text-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}";export{r as swirl_toast}
@@ -1 +1 @@
1
- import{r as o,h as r,H as t,g as s}from"./p-ba3c3858.js";import{c as l}from"./p-a5dce9e6.js";import{a as e,b as i}from"./p-0f3e0216.js";const n=class{constructor(r){o(this,r),this.descriptionId=`form-control-description-${Math.round(1e5*Math.random())}`,this.labelId=`form-control-label-${Math.round(1e5*Math.random())}`,this.listenToInputValueChanges=()=>{this.inputEl.addEventListener("valueChange",this.checkInputValue)},this.checkInputValue=()=>{this.inputValue=this.inputEl?.value},this.onFocusIn=()=>{this.hasFocus=!0},this.onFocusOut=()=>{this.hasFocus=!1},this.onKeyDown=o=>{"Tab"===o.key&&setTimeout((()=>{e(i(),this.el)||(this.hasFocus=!1)}))},this.onLabelClick=()=>{Boolean(this.inputEl.getAttribute("contenteditable"))&&this.inputEl.focus()},this.description=void 0,this.disabled=void 0,this.errorMessage=void 0,this.fontSize="default",this.hideLabel=void 0,this.inline=void 0,this.invalid=void 0,this.label=void 0,this.labelPosition="inside",this.tooltip=void 0,this.secondaryLabel=void 0,this.hasFocus=void 0,this.inputValue=void 0}componentWillLoad(){this.inputEl=this.el.children[0],this.associateDescriptionWithInputElement(),this.associateLabelWithInputElement(),this.setInputElementDisabledState(),this.setInputElementInlineState(),this.setInputElementInvalidState(),this.setInputElementLabel(),this.checkInputValue(),this.listenToInputValueChanges()}componentDidRender(){this.checkInputValue()}associateDescriptionWithInputElement(){Boolean(this.description)&&Boolean(this.inputEl)&&(Boolean(this.inputEl.getAttribute("contenteditable"))?this.inputEl.setAttribute("aria-describedby",this.descriptionId):this.inputEl.setAttribute("swirl-aria-describedby",this.descriptionId))}setInputElementDisabledState(){Boolean(this.inputEl)&&(this.disabled?this.inputEl.setAttribute("disabled","true"):this.inputEl.removeAttribute("disabled"))}setInputElementInlineState(){Boolean(this.inputEl)&&(this.inline||"outside"===this.labelPosition?this.inputEl.setAttribute("inline","true"):this.inputEl.removeAttribute("inline"))}setInputElementInvalidState(){Boolean(this.inputEl)&&(this.invalid?this.inputEl.setAttribute("invalid","true"):this.inputEl.removeAttribute("invalid"))}setInputElementLabel(){if(!Boolean(this.inputEl))return;let o=this.label;this.secondaryLabel&&(o+=` ${this.secondaryLabel}`),this.inputEl.setAttribute("label",o)}onWindowClick(o){this.hasFocus&&(this.el.contains(o.target)||(o.stopPropagation(),this.hasFocus=!1))}associateLabelWithInputElement(){Boolean(this.inputEl.getAttribute("contenteditable"))&&(this.inputEl.setAttribute("aria-labelledby",this.labelId),this.inputEl.setAttribute("aria-describedby",this.descriptionId))}render(){const o=Boolean(this.errorMessage),s=Boolean(this.description)&&!o,e=Boolean(this.inputEl.getAttribute("contenteditable")),i=Boolean(this.el.querySelector('[slot="prefix"]')),n=Array.isArray(this.inputValue)?this.inputValue.length>0:Boolean(this.inputValue)||e&&Boolean(this.inputEl.innerHTML),c=Boolean(this.inputEl.getAttribute("show-character-counter")),a=Boolean(this.inputEl.getAttribute("placeholder")),f=l("form-control",`form-control--font-size-${this.fontSize}`,`form-control--label-position-${this.labelPosition}`,{"form-control--disabled":this.disabled,"form-control--has-character-counter":c,"form-control--has-focus":this.hasFocus,"form-control--has-placeholder":a,"form-control--has-prefix":i,"form-control--has-value":n,"form-control--hide-label":this.hideLabel,"form-control--inline":this.inline,"form-control--invalid":this.invalid,"form-control--is-select":"SWIRL-SELECT"===this.inputEl.tagName}),m=e?"div":"label";return r(t,{key:"7bcbf3c9cf6921d55bcb8135768fff3b455eb8da",onFocusin:this.onFocusIn,onFocusout:this.onFocusOut,onKeyDown:this.onKeyDown},r("div",{key:"3e69ba9e0f9b07288a2426b45fe8bca46fe143b5",class:f,role:"group"},r("span",{key:"da9f50fc5b167f35a1f9f06033bd830857feb417",class:"form-control__controls"},r("span",{key:"7090150526d1742f360bad8f07f0a9d0619e247d",class:"form-control__prefix"},r("slot",{key:"374f366e7ad5d8737669ae53afef6f01b932f753",name:"prefix"})),r(m,{key:"b79be708a6cb4b815d51e4c84abfa0a260c1c559",class:"form-control__label",onClick:this.onLabelClick},r("span",{key:"f42778c193f1a21f61dec2b77a8e851a0425219a",class:"form-control__label-text",id:this.labelId},this.label,this.secondaryLabel&&"outside"===this.labelPosition&&r("span",{key:"f2a9d6cf6a34983510571f11f82346d0e986afec",class:"form-control__secondary-label"},this.secondaryLabel),this.tooltip&&"outside"===this.labelPosition&&r("span",{key:"6ad8c061e5b4f65f08dd0cea17daa5b079732a2e",class:"form-control__tooltip"},r("swirl-tooltip",{key:"599d8488afcb49b8baca8c4906b472d505d2f412",content:this.tooltip,positioning:"fixed",position:"top"},r("swirl-icon-help",{key:"a028b9f3bbbbcf68297d986688371d0c8cedec07",size:16,tabindex:"0"})))),r("span",{key:"8a8d97ddc07baa4e25bb0b839793cedbc0629ae6",class:"form-control__input"},r("slot",{key:"e49d758b10bbf4278f2117f1f4c7c07395bb921a"})))),s&&r("span",{key:"55cb6109ed2e8cb21f0c4bd4407b0ef6fe3a6f29",class:"form-control__description",id:this.descriptionId},this.description),o&&r("span",{key:"d87c7895c35136d7a2d96d6684679a78fcb2a9b2","aria-live":"polite",class:"form-control__error-message",id:this.descriptionId},r("swirl-inline-error",{key:"62332081ca96e7f1059bdf0b8b7549d9818ddf45",message:this.errorMessage,size:"s"}))))}get el(){return s(this)}static get watchers(){return{description:["associateDescriptionWithInputElement"],disabled:["setInputElementDisabledState"],inline:["setInputElementInlineState"],invalid:["setInputElementInvalidState"],label:["setInputElementLabel"]}}};n.style='.sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-control-h *.sc-swirl-form-control{box-sizing:border-box}.form-control.sc-swirl-form-control{--swirl-autocomplete-tags-margin-top:var(--s-space-4);display:block;width:100%;line-height:var(--s-line-height-sm)}.form-control.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-highlight);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__input.sc-swirl-form-control{overflow:hidden;max-height:0}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control--font-size-sm.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control--font-size-sm.sc-swirl-form-control .form-control__description.sc-swirl-form-control{font-size:var(--s-font-size-sm)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder).form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder).form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .select__label.sc-swirl-form-control{overflow:hidden;max-height:0;pointer-events:none}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select.form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select.form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-sm)}}.form-control--label-position-outside.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-base);--swirl-autocomplete-tags-margin-top:0;padding-top:calc(var(--s-line-height-sm) + var(--s-space-4))}.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--is-select) .form-control__label.sc-swirl-form-control{cursor:text}.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:calc(100% + var(--s-space-4));left:0;color:var(--s-text-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);transform:none;opacity:1}.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--label-position-outside.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--label-position-outside.form-control--font-size-base.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.form-control--font-size-base.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{display:flex;align-items:center}}.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control{display:none;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control{display:flex;margin-left:var(--s-space-4)}.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control:hover{cursor:default}}.form-control--invalid.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--invalid.sc-swirl-form-control .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-critical)}.form-control--invalid.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical)}.form-control--disabled.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-disabled);color:var(--s-text-disabled)}.form-control--disabled.sc-swirl-form-control .form-control__description.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--inline.sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{right:var(--s-space-12);left:var(--s-space-12);transition:none;opacity:0}.form-control--inline.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--hide-label.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}.form-control--has-prefix.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{position:static}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled).form-control--invalid .form-control__label.sc-swirl-form-control{border-left-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled).form-control--invalid .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-critical);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-left-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-highlight);border-right-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control--has-prefix.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-top-left-radius:0;border-bottom-left-radius:0}.form-control--has-prefix.sc-swirl-form-control .form-control__prefix.sc-swirl-form-control{display:flex}.form-control__controls.sc-swirl-form-control{position:relative;display:flex;align-items:stretch}.form-control__label.sc-swirl-form-control{position:relative;display:flex;width:100%;min-height:4.375rem;padding:calc(var(--s-space-12) + 1.25rem) var(--s-space-16) var(--s-space-12);justify-content:center;border:var(--s-border-width-default) solid var(--s-border-strong);border-radius:var(--s-border-radius-sm);color:var(--s-text-subdued);flex-direction:column;gap:var(--s-space-2)}.form-control__secondary-label.sc-swirl-form-control{font-weight:var(--s-font-weight-normal);color:var(--s-text-subdued);margin-left:var(--s-space-4)}.form-control__label-text.sc-swirl-form-control{position:absolute;right:var(--s-space-16);bottom:calc(100% - 1.25rem - var(--s-space-12));left:var(--s-space-16);overflow:hidden;font-size:var(--s-font-size-sm);text-align:start;white-space:nowrap;text-overflow:ellipsis;transition:font-size 0.15s, transform 0.15s, top 0.15s;transform:none}.form-control__prefix.sc-swirl-form-control{z-index:1;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:center;align-items:center;border-top:var(--s-border-width-default) solid var(--s-border-strong);border-bottom:var(--s-border-width-default) solid var(--s-border-strong);border-left:var(--s-border-width-default) solid var(--s-border-strong);border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm);background-color:var(--s-surface-raised-default)}.form-control__prefix.sc-swirl-form-control-s>select{height:100%;margin-right:calc(-1 * var(--s-space-16));margin-left:calc(-1 * var(--s-space-16));padding-right:calc(var(--s-space-16) + 1.25rem);padding-left:var(--s-space-16);border:none;color:var(--s-text-default);background:url(\'data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 12.4579C9.88889 12.4579 9.78472 12.4404 9.6875 12.4054C9.59027 12.3709 9.5 12.312 9.41666 12.2287L5.5625 8.37453C5.40972 8.22175 5.33694 8.03064 5.34416 7.8012C5.35083 7.57231 5.43055 7.38148 5.58333 7.2287C5.73611 7.07592 5.93055 6.99953 6.16666 6.99953C6.40277 6.99953 6.59722 7.07592 6.75 7.2287L10 10.4787L13.2708 7.20787C13.4236 7.05509 13.6147 6.98203 13.8442 6.9887C14.0731 6.99592 14.2639 7.07592 14.4167 7.2287C14.5694 7.38148 14.6458 7.57592 14.6458 7.81203C14.6458 8.04814 14.5694 8.24259 14.4167 8.39537L10.5833 12.2287C10.5 12.312 10.4097 12.3709 10.3125 12.4054C10.2153 12.4404 10.1111 12.4579 10 12.4579Z" fill="%236E6E6E"/></svg>\');background-color:transparent;background-repeat:no-repeat;background-position:right var(--s-space-8) center;font:inherit;line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control__prefix.sc-swirl-form-control-s>select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__prefix.sc-swirl-form-control-s>select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control__description.sc-swirl-form-control{display:block;margin-top:var(--s-space-4);padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.form-control__error-message.sc-swirl-form-control{display:block;margin-top:var(--s-space-4)}.form-control__input.sc-swirl-form-control-s>[contenteditable]:focus{outline:none}.form-control__input.sc-swirl-form-control-s>[contenteditable]{width:100%;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__input.sc-swirl-form-control-s>[contenteditable]{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}';export{n as swirl_form_control}
1
+ import{r as o,h as r,H as t,g as s}from"./p-ba3c3858.js";import{c as l}from"./p-a5dce9e6.js";import{a as e,b as i}from"./p-5136b9f9.js";const n=class{constructor(r){o(this,r),this.descriptionId=`form-control-description-${Math.round(1e5*Math.random())}`,this.labelId=`form-control-label-${Math.round(1e5*Math.random())}`,this.listenToInputValueChanges=()=>{this.inputEl.addEventListener("valueChange",this.checkInputValue)},this.checkInputValue=()=>{this.inputValue=this.inputEl?.value},this.onFocusIn=()=>{this.hasFocus=!0},this.onFocusOut=()=>{this.hasFocus=!1},this.onKeyDown=o=>{"Tab"===o.key&&setTimeout((()=>{e(i(),this.el)||(this.hasFocus=!1)}))},this.onLabelClick=()=>{Boolean(this.inputEl.getAttribute("contenteditable"))&&this.inputEl.focus()},this.description=void 0,this.disabled=void 0,this.errorMessage=void 0,this.fontSize="default",this.hideLabel=void 0,this.inline=void 0,this.invalid=void 0,this.label=void 0,this.labelPosition="inside",this.tooltip=void 0,this.secondaryLabel=void 0,this.hasFocus=void 0,this.inputValue=void 0}componentWillLoad(){this.inputEl=this.el.children[0],this.associateDescriptionWithInputElement(),this.associateLabelWithInputElement(),this.setInputElementDisabledState(),this.setInputElementInlineState(),this.setInputElementInvalidState(),this.setInputElementLabel(),this.checkInputValue(),this.listenToInputValueChanges()}componentDidRender(){this.checkInputValue()}associateDescriptionWithInputElement(){Boolean(this.description)&&Boolean(this.inputEl)&&(Boolean(this.inputEl.getAttribute("contenteditable"))?this.inputEl.setAttribute("aria-describedby",this.descriptionId):this.inputEl.setAttribute("swirl-aria-describedby",this.descriptionId))}setInputElementDisabledState(){Boolean(this.inputEl)&&(this.disabled?this.inputEl.setAttribute("disabled","true"):this.inputEl.removeAttribute("disabled"))}setInputElementInlineState(){Boolean(this.inputEl)&&(this.inline||"outside"===this.labelPosition?this.inputEl.setAttribute("inline","true"):this.inputEl.removeAttribute("inline"))}setInputElementInvalidState(){Boolean(this.inputEl)&&(this.invalid?this.inputEl.setAttribute("invalid","true"):this.inputEl.removeAttribute("invalid"))}setInputElementLabel(){if(!Boolean(this.inputEl))return;let o=this.label;this.secondaryLabel&&(o+=` ${this.secondaryLabel}`),this.inputEl.setAttribute("label",o)}onWindowClick(o){this.hasFocus&&(this.el.contains(o.target)||(o.stopPropagation(),this.hasFocus=!1))}associateLabelWithInputElement(){Boolean(this.inputEl.getAttribute("contenteditable"))&&(this.inputEl.setAttribute("aria-labelledby",this.labelId),this.inputEl.setAttribute("aria-describedby",this.descriptionId))}render(){const o=Boolean(this.errorMessage),s=Boolean(this.description)&&!o,e=Boolean(this.inputEl.getAttribute("contenteditable")),i=Boolean(this.el.querySelector('[slot="prefix"]')),n=Array.isArray(this.inputValue)?this.inputValue.length>0:Boolean(this.inputValue)||e&&Boolean(this.inputEl.innerHTML),c=Boolean(this.inputEl.getAttribute("show-character-counter")),a=Boolean(this.inputEl.getAttribute("placeholder")),f=l("form-control",`form-control--font-size-${this.fontSize}`,`form-control--label-position-${this.labelPosition}`,{"form-control--disabled":this.disabled,"form-control--has-character-counter":c,"form-control--has-focus":this.hasFocus,"form-control--has-placeholder":a,"form-control--has-prefix":i,"form-control--has-value":n,"form-control--hide-label":this.hideLabel,"form-control--inline":this.inline,"form-control--invalid":this.invalid,"form-control--is-select":"SWIRL-SELECT"===this.inputEl.tagName}),m=e?"div":"label";return r(t,{key:"7bcbf3c9cf6921d55bcb8135768fff3b455eb8da",onFocusin:this.onFocusIn,onFocusout:this.onFocusOut,onKeyDown:this.onKeyDown},r("div",{key:"3e69ba9e0f9b07288a2426b45fe8bca46fe143b5",class:f,role:"group"},r("span",{key:"da9f50fc5b167f35a1f9f06033bd830857feb417",class:"form-control__controls"},r("span",{key:"7090150526d1742f360bad8f07f0a9d0619e247d",class:"form-control__prefix"},r("slot",{key:"374f366e7ad5d8737669ae53afef6f01b932f753",name:"prefix"})),r(m,{key:"b79be708a6cb4b815d51e4c84abfa0a260c1c559",class:"form-control__label",onClick:this.onLabelClick},r("span",{key:"f42778c193f1a21f61dec2b77a8e851a0425219a",class:"form-control__label-text",id:this.labelId},this.label,this.secondaryLabel&&"outside"===this.labelPosition&&r("span",{key:"f2a9d6cf6a34983510571f11f82346d0e986afec",class:"form-control__secondary-label"},this.secondaryLabel),this.tooltip&&"outside"===this.labelPosition&&r("span",{key:"6ad8c061e5b4f65f08dd0cea17daa5b079732a2e",class:"form-control__tooltip"},r("swirl-tooltip",{key:"599d8488afcb49b8baca8c4906b472d505d2f412",content:this.tooltip,positioning:"fixed",position:"top"},r("swirl-icon-help",{key:"a028b9f3bbbbcf68297d986688371d0c8cedec07",size:16,tabindex:"0"})))),r("span",{key:"8a8d97ddc07baa4e25bb0b839793cedbc0629ae6",class:"form-control__input"},r("slot",{key:"e49d758b10bbf4278f2117f1f4c7c07395bb921a"})))),s&&r("span",{key:"55cb6109ed2e8cb21f0c4bd4407b0ef6fe3a6f29",class:"form-control__description",id:this.descriptionId},this.description),o&&r("span",{key:"d87c7895c35136d7a2d96d6684679a78fcb2a9b2","aria-live":"polite",class:"form-control__error-message",id:this.descriptionId},r("swirl-inline-error",{key:"62332081ca96e7f1059bdf0b8b7549d9818ddf45",message:this.errorMessage,size:"s"}))))}get el(){return s(this)}static get watchers(){return{description:["associateDescriptionWithInputElement"],disabled:["setInputElementDisabledState"],inline:["setInputElementInlineState"],invalid:["setInputElementInvalidState"],label:["setInputElementLabel"]}}};n.style='.sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-control-h *.sc-swirl-form-control{box-sizing:border-box}.form-control.sc-swirl-form-control{--swirl-autocomplete-tags-margin-top:var(--s-space-4);display:block;width:100%;line-height:var(--s-line-height-sm)}.form-control.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-highlight);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__input.sc-swirl-form-control{overflow:hidden;max-height:0}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control--font-size-sm.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control--font-size-sm.sc-swirl-form-control .form-control__description.sc-swirl-form-control{font-size:var(--s-font-size-sm)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder).form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder).form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .select__label.sc-swirl-form-control{overflow:hidden;max-height:0;pointer-events:none}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select.form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select.form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-sm)}}.form-control--label-position-outside.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-base);--swirl-autocomplete-tags-margin-top:0;padding-top:calc(var(--s-line-height-sm) + var(--s-space-4))}.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--is-select) .form-control__label.sc-swirl-form-control{cursor:text}.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:calc(100% + var(--s-space-4));left:0;color:var(--s-text-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);transform:none;opacity:1}.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.form-control--disabled.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--label-position-outside.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--label-position-outside.form-control--font-size-base.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.form-control--font-size-base.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{display:flex;align-items:center}}.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control{display:none;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control{display:flex;margin-left:var(--s-space-4)}.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control:hover{cursor:default}}.form-control--invalid.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--invalid.sc-swirl-form-control .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-critical)}.form-control--invalid.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical)}.form-control--disabled.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-disabled);color:var(--s-text-disabled)}.form-control--disabled.sc-swirl-form-control .form-control__description.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--inline.sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{right:var(--s-space-12);left:var(--s-space-12);transition:none;opacity:0}.form-control--inline.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--hide-label.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}.form-control--has-prefix.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{position:static}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled).form-control--invalid .form-control__label.sc-swirl-form-control{border-left-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled).form-control--invalid .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-critical);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-left-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-highlight);border-right-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control--has-prefix.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-top-left-radius:0;border-bottom-left-radius:0}.form-control--has-prefix.sc-swirl-form-control .form-control__prefix.sc-swirl-form-control{display:flex}.form-control__controls.sc-swirl-form-control{position:relative;display:flex;align-items:stretch}.form-control__label.sc-swirl-form-control{position:relative;display:flex;width:100%;min-height:4.375rem;padding:calc(var(--s-space-12) + 1.25rem) var(--s-space-16) var(--s-space-12);justify-content:center;border:var(--s-border-width-default) solid var(--s-border-strong);border-radius:var(--s-border-radius-sm);color:var(--s-text-subdued);flex-direction:column;gap:var(--s-space-2)}.form-control__secondary-label.sc-swirl-form-control{font-weight:var(--s-font-weight-normal);color:var(--s-text-subdued);margin-left:var(--s-space-4)}.form-control__label-text.sc-swirl-form-control{position:absolute;right:var(--s-space-16);bottom:calc(100% - 1.25rem - var(--s-space-12));left:var(--s-space-16);overflow:hidden;font-size:var(--s-font-size-sm);text-align:start;white-space:nowrap;text-overflow:ellipsis;transition:font-size 0.15s, transform 0.15s, top 0.15s;transform:none}.form-control__prefix.sc-swirl-form-control{z-index:1;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:center;align-items:center;border-top:var(--s-border-width-default) solid var(--s-border-strong);border-bottom:var(--s-border-width-default) solid var(--s-border-strong);border-left:var(--s-border-width-default) solid var(--s-border-strong);border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm);background-color:var(--s-surface-raised-default)}.form-control__prefix.sc-swirl-form-control-s>select{height:100%;margin-right:calc(-1 * var(--s-space-16));margin-left:calc(-1 * var(--s-space-16));padding-right:calc(var(--s-space-16) + 1.25rem);padding-left:var(--s-space-16);border:none;color:var(--s-text-default);background:url(\'data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 12.4579C9.88889 12.4579 9.78472 12.4404 9.6875 12.4054C9.59027 12.3709 9.5 12.312 9.41666 12.2287L5.5625 8.37453C5.40972 8.22175 5.33694 8.03064 5.34416 7.8012C5.35083 7.57231 5.43055 7.38148 5.58333 7.2287C5.73611 7.07592 5.93055 6.99953 6.16666 6.99953C6.40277 6.99953 6.59722 7.07592 6.75 7.2287L10 10.4787L13.2708 7.20787C13.4236 7.05509 13.6147 6.98203 13.8442 6.9887C14.0731 6.99592 14.2639 7.07592 14.4167 7.2287C14.5694 7.38148 14.6458 7.57592 14.6458 7.81203C14.6458 8.04814 14.5694 8.24259 14.4167 8.39537L10.5833 12.2287C10.5 12.312 10.4097 12.3709 10.3125 12.4054C10.2153 12.4404 10.1111 12.4579 10 12.4579Z" fill="%236E6E6E"/></svg>\');background-color:transparent;background-repeat:no-repeat;background-position:right var(--s-space-8) center;font:inherit;line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control__prefix.sc-swirl-form-control-s>select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__prefix.sc-swirl-form-control-s>select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control__description.sc-swirl-form-control{display:block;margin-top:var(--s-space-4);padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.form-control__error-message.sc-swirl-form-control{display:block;margin-top:var(--s-space-4)}.form-control__input.sc-swirl-form-control-s>[contenteditable]:focus{outline:none}.form-control__input.sc-swirl-form-control-s>[contenteditable]{width:100%;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__input.sc-swirl-form-control-s>[contenteditable]{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}';export{n as swirl_form_control}
@@ -1 +1 @@
1
- import{r as i,c as t,h as s,H as e,g as n}from"./p-ba3c3858.js";import{c as h}from"./p-a5dce9e6.js";import{p as a,i as o,f as r,m as d}from"./p-df2b5856.js";import{g as c}from"./p-0f3e0216.js";import"./p-869dedf2.js";const p="HH:mm:ss",l=class{constructor(s){i(this,s),this.inputBlur=t(this,"inputBlur",7),this.inputFocus=t(this,"inputFocus",7),this.valueChange=t(this,"valueChange",7),this.desktopMediaQuery=c(),this.desktopMediaQueryHandler=i=>{this.updateIconSize(i.matches)},this.onChange=i=>{const t=i.target.value;let s;""===t&&(this.value=void 0,this.valueChange.emit(void 0));const e=a(t,this.format,new Date),n=new RegExp(`^${this.format.replace(/[Hhms]/g,"\\d")}$`);Boolean(t.match(n))&&(s=o(e)?r(e,p):r(new Date,p),this.value=s,this.valueChange.emit(s))},this.onBlur=i=>{this.inputBlur.emit(i);const t=i.target,s=a(t.value,this.format,new Date);if(!o(s)&&Boolean(this.value)){const i=Boolean(this.value)?a(this.value,p,new Date):void 0;Boolean(i)&&o(i)||(this.value=""),t.value=r(i,this.format)}},this.onInput=i=>{this.onChange(i)},this.onClick=i=>{i.preventDefault()},this.onFocus=i=>{this.inputFocus.emit(i),this.handleAutoSelect(i)},this.autoFocus=void 0,this.autoSelect=void 0,this.disabled=void 0,this.format="HH:mm",this.inline=void 0,this.invalid=void 0,this.placeholder="hh:mm",this.required=void 0,this.swirlAriaDescribedby=void 0,this.value=void 0,this.iconSize=24}componentWillLoad(){const i=Array.from(document.querySelectorAll("swirl-time-input")).indexOf(this.el);this.id=`swirl-time-input-${i}`}componentDidLoad(){this.setupMask(),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,this.autoFocus&&setTimeout((()=>{this.inputEl.focus()}))}disconnectedCallback(){this.mask?.destroy(),this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}watchFormat(){this.setupMask()}updateIconSize(i){this.iconSize=i?20:24}handleAutoSelect(i){this.autoSelect&&i.target.select()}setupMask(){this.mask?.destroy(),this.mask=d.exports.create(`#${this.id}`,{mask:this.format.replace(/[Hhms]/g,"#")})}render(){const i=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,t=Boolean(this.value)?a(this.value,p,new Date):void 0,n=o(t)?r(t,this.format):void 0,d=h("time-input",{"time-input--inline":this.inline});return s(e,{key:"e6c010677d0fe28d382412d125809f54b27b70f7"},s("div",{key:"fc50e1af664bea9d903acba075ce797f82c382de",class:d},s("input",{key:"434bfe9e5029252ff1eacdd09dc1e5711847bb47","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":i,autoFocus:this.autoFocus,class:"time-input__input",disabled:this.disabled,id:this.id,inputmode:"numeric",onBlur:this.onBlur,onClick:this.onClick,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:i=>this.inputEl=i,required:this.required,type:"text",value:n}),s("span",{key:"680a27380203369f4daf51f631923c2b5307ad0b",class:"time-input__icon"},s("swirl-icon-time-outlined",{key:"15d2dad527da68b7200f678c6ac6c035bd301e8d",size:this.iconSize}))))}get el(){return n(this)}static get watchers(){return{format:["watchFormat"]}}};l.style=".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}";export{l as swirl_time_input}
1
+ import{r as i,c as t,h as s,H as e,g as n}from"./p-ba3c3858.js";import{c as h}from"./p-a5dce9e6.js";import{p as a,i as o,f as r,m as d}from"./p-df2b5856.js";import{g as c}from"./p-5136b9f9.js";import"./p-869dedf2.js";const p="HH:mm:ss",l=class{constructor(s){i(this,s),this.inputBlur=t(this,"inputBlur",7),this.inputFocus=t(this,"inputFocus",7),this.valueChange=t(this,"valueChange",7),this.desktopMediaQuery=c(),this.desktopMediaQueryHandler=i=>{this.updateIconSize(i.matches)},this.onChange=i=>{const t=i.target.value;let s;""===t&&(this.value=void 0,this.valueChange.emit(void 0));const e=a(t,this.format,new Date),n=new RegExp(`^${this.format.replace(/[Hhms]/g,"\\d")}$`);Boolean(t.match(n))&&(s=o(e)?r(e,p):r(new Date,p),this.value=s,this.valueChange.emit(s))},this.onBlur=i=>{this.inputBlur.emit(i);const t=i.target,s=a(t.value,this.format,new Date);if(!o(s)&&Boolean(this.value)){const i=Boolean(this.value)?a(this.value,p,new Date):void 0;Boolean(i)&&o(i)||(this.value=""),t.value=r(i,this.format)}},this.onInput=i=>{this.onChange(i)},this.onClick=i=>{i.preventDefault()},this.onFocus=i=>{this.inputFocus.emit(i),this.handleAutoSelect(i)},this.autoFocus=void 0,this.autoSelect=void 0,this.disabled=void 0,this.format="HH:mm",this.inline=void 0,this.invalid=void 0,this.placeholder="hh:mm",this.required=void 0,this.swirlAriaDescribedby=void 0,this.value=void 0,this.iconSize=24}componentWillLoad(){const i=Array.from(document.querySelectorAll("swirl-time-input")).indexOf(this.el);this.id=`swirl-time-input-${i}`}componentDidLoad(){this.setupMask(),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,this.autoFocus&&setTimeout((()=>{this.inputEl.focus()}))}disconnectedCallback(){this.mask?.destroy(),this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}watchFormat(){this.setupMask()}updateIconSize(i){this.iconSize=i?20:24}handleAutoSelect(i){this.autoSelect&&i.target.select()}setupMask(){this.mask?.destroy(),this.mask=d.exports.create(`#${this.id}`,{mask:this.format.replace(/[Hhms]/g,"#")})}render(){const i=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,t=Boolean(this.value)?a(this.value,p,new Date):void 0,n=o(t)?r(t,this.format):void 0,d=h("time-input",{"time-input--inline":this.inline});return s(e,{key:"e6c010677d0fe28d382412d125809f54b27b70f7"},s("div",{key:"fc50e1af664bea9d903acba075ce797f82c382de",class:d},s("input",{key:"434bfe9e5029252ff1eacdd09dc1e5711847bb47","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":i,autoFocus:this.autoFocus,class:"time-input__input",disabled:this.disabled,id:this.id,inputmode:"numeric",onBlur:this.onBlur,onClick:this.onClick,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:i=>this.inputEl=i,required:this.required,type:"text",value:n}),s("span",{key:"680a27380203369f4daf51f631923c2b5307ad0b",class:"time-input__icon"},s("swirl-icon-time-outlined",{key:"15d2dad527da68b7200f678c6ac6c035bd301e8d",size:this.iconSize}))))}get el(){return n(this)}static get watchers(){return{format:["watchFormat"]}}};l.style=".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}";export{l as swirl_time_input}
@@ -1 +1 @@
1
- import{r as t,h as o,H as e,g as r}from"./p-ba3c3858.js";import{c as s}from"./p-a5dce9e6.js";import{c as a}from"./p-0f3e0216.js";const l=class{constructor(o){t(this,o),this.highlighted=void 0,this.index=void 0}componentDidLoad(){const t=a(this.el,"swirl-table");t?.rerender()}render(){const t=s("table-row",{"table-row--highlighted":this.highlighted});return o(e,{key:"c88fcd68ccdebfe7849194d555026f2e028eac0a","aria-rowindex":this.index,class:t,role:"row"},o("slot",{key:"47a647470df409a4f3f08eb611f8a639dbf7fa51"}))}get el(){return r(this)}};l.style=":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}";export{l as swirl_table_row}
1
+ import{r as t,h as o,H as r,g as e}from"./p-ba3c3858.js";import{c as s}from"./p-a5dce9e6.js";import{c as a}from"./p-5136b9f9.js";const l=class{constructor(o){t(this,o),this.highlighted=void 0,this.index=void 0}componentDidLoad(){const t=a(this.el,"swirl-table");t?.rerender()}render(){const t=s("table-row",{"table-row--highlighted":this.highlighted});return o(r,{key:"c88fcd68ccdebfe7849194d555026f2e028eac0a","aria-rowindex":this.index,class:t,role:"row"},o("slot",{key:"47a647470df409a4f3f08eb611f8a639dbf7fa51"}))}get el(){return e(this)}};l.style=":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}";export{l as swirl_table_row}
@@ -1 +1 @@
1
- import{r as t,h as e,H as s,g as a}from"./p-ba3c3858.js";import{d as i,i as o}from"./p-0f3e0216.js";var l=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=void 0,i=void 0,o=void 0,l=[];return function(){var n=function(t){return"function"==typeof t?t():t}(e),c=(new Date).getTime(),h=!a||c-a>n;a=c;for(var d=arguments.length,b=Array(d),u=0;u<d;u++)b[u]=arguments[u];if(h&&s.leading)return s.accumulate?Promise.resolve(t.call(this,[b])).then((function(t){return t[0]})):Promise.resolve(t.call.apply(t,[this].concat(b)));if(i?clearTimeout(o):i=function(){var t={};return t.promise=new Promise((function(e,s){t.resolve=e,t.reject=s})),t}(),l.push(b),o=setTimeout(r.bind(this),n),s.accumulate){var f=l.length-1;return i.promise.then((function(t){return t[f]}))}return i.promise};function r(){var e=i;clearTimeout(o),Promise.resolve(s.accumulate?t.call(this,l):t.apply(this,l[l.length-1])).then(e.resolve,e.reject),l=[],i=null}};const r=class{constructor(e){t(this,e),this.triggerRerender=i((async()=>{await this.updateLayout(),this.updateEmptyState()}),0,!0),this.updateLayout=l((async()=>{this.resetCellStyles(),this.resetColumnStyles(),this.resetEmptyRowStyles(),this.resetRowGroupStyles(),this.layoutEmptyRow(),this.layoutRowGroups(),this.layOutCellsAndColumns(),this.updateScrolledState()}),16,{leading:!0}),this.onScroll=()=>{this.updateScrolledState()},this.onSlotChange=async()=>{await this.updateLayout(),this.updateEmptyState()},this.caption=void 0,this.emptyStateLabel="No results found.",this.label=void 0,this.empty=void 0,this.scrollable=void 0,this.scrolled=void 0,this.scrolledToEnd=void 0}async componentDidLoad(){this.setupIntersectionObserver()}disconnectedCallback(){this.intersectionObserver?.disconnect()}setupIntersectionObserver(){this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{threshold:0}),this.intersectionObserver.observe(this.container)}async onVisibilityChange(t){t.some((t=>t.isIntersecting))&&setTimeout((async()=>{await this.updateLayout()}),100)}async componentDidRender(){await this.updateLayout(),this.updateEmptyState()}async onWindowResize(){await this.updateLayout()}async rerender(){this.triggerRerender()}resetEmptyRowStyles(){const t=this.el.shadowRoot.querySelector(".table__empty-row");Boolean(t)&&(t.style.width="")}resetRowGroupStyles(){Array.from(this.el.querySelectorAll("swirl-table-row-group")).forEach((t=>{const e=t.shadowRoot.querySelector(".table-row-group__header-row");Boolean(e)&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width="")}))}resetColumnStyles(){this.getColumns().forEach((t=>{t.classList.remove("table-column--has-shadow","table-column--is-sticky","table-column--is-sticky-right"),t.style.right="",t.style.left="",t.style.position="",t.style.zIndex=""}))}resetCellStyles(){this.getCells().forEach((t=>{t.classList.remove("table-cell--has-shadow","table-cell--is-sticky","table-cell--is-sticky-right"),t.style.flex="",t.style.left="",t.style.right="",t.style.position="",t.style.zIndex=""}))}updateScrolledState(){const t=o();if(void 0===this.container)return;const e=this.container.scrollWidth>this.container.clientWidth,s=this.container.scrollLeft>0,a=Math.ceil(this.container.clientWidth+this.container.scrollLeft)>=Math.floor(this.container.scrollWidth);e!==this.scrollable&&(e&&!t?this.container.classList.add("table__container--scrollable"):this.container.classList.remove("table__container--scrollable")),s!==this.scrolled&&(s&&!t?this.container.classList.add("table__container--scrolled"):this.container.classList.remove("table__container--scrolled")),a!==this.scrolledToEnd&&(a&&!t?this.container.classList.add("table__container--scrolled-to-end"):this.container.classList.remove("table__container--scrolled-to-end"))}getColumns(){return Array.from(this.el.querySelectorAll("swirl-table-column"))}getCells(){return Array.from(this.el.querySelectorAll("swirl-table-cell"))}layoutEmptyRow(){const t=this.el.shadowRoot.querySelector(".table__empty-row");if(!Boolean(t))return;const e=`${this.el.shadowRoot.querySelector(".table__container").scrollWidth}px`;t.style.width=e}layoutRowGroups(){const t=Array.from(this.el.querySelectorAll("swirl-table-row-group")),e=`${this.el.shadowRoot.querySelector(".table__container")?.scrollWidth}px`;t.forEach((t=>{const s=t.shadowRoot.querySelector(".table-row-group__header-row");Boolean(s)&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width=e)}))}layOutCellsAndColumns(){const t=this.getColumns(),e=this.getCells();t.forEach(((s,a)=>{const i=this.getCellsForColumn(e,t,a),o=this.calculateColumnProperties(s,t,a);i.forEach((t=>this.applyCellStyles(t,s,o))),this.applyColumnStyles(s,o)}))}getCellsForColumn(t,e,s){return t.filter(((t,a)=>(s-a)%e.length==0))}calculateColumnProperties(t,e,s){return{leftOffsetForStickyColumn:t.sticky?this.getLeftOffsetForStickyColumn(e,s):0,columnWidth:`${t.getBoundingClientRect().width}px`,isLastColumnSticky:t.sticky&&e.length===s+1,hasShadowRight:t.sticky&&!this.hasStickyColumnsToRight(e,s)}}applyCellStyles(t,e,s){const{leftOffsetForStickyColumn:a,columnWidth:i,isLastColumnSticky:l,hasShadowRight:r}=s;t.style.flex=Boolean(i)?`0 0 ${i}`:"",o()||(e.sticky&&!l&&(t.classList.add("table-cell--is-sticky"),t.style.left=a+"px",r&&t.classList.add("table-cell--has-shadow-right")),l&&t.classList.add("table-cell--is-sticky-right","table-cell--has-shadow-left"))}applyColumnStyles(t,e){if(o())return;const{leftOffsetForStickyColumn:s,isLastColumnSticky:a,hasShadowRight:i}=e;t.sticky&&!a&&(t.classList.add("table-column--is-sticky"),t.style.left=s+"px",i&&t.classList.add("table-column--has-shadow-right")),a&&t.classList.add("table-column--is-sticky-right","table-column--has-shadow-left")}getLeftOffsetForStickyColumn(t,e){return t.slice(0,e).reduce(((t,e)=>{if(e.sticky)return t+e.getBoundingClientRect().width}),0)}hasStickyColumnsToRight(t,e){return t.slice(e+1,t.length-1).some((t=>t.sticky))}updateEmptyState(){const t=this.el.querySelector('[slot="rows"]');this.empty=!Boolean(t)||0===t.children.length}render(){return e(s,{key:"7a80f66bb69e1e2bb518c9f4ad7373f3d1cd8aaf"},e("div",{key:"b902a14ca817ff832c0622469345dc0dffca1fe0",class:"table"},e("div",{key:"86f4ee3195984e75b525062d9b379b8ee86d66e1",class:"table__container",onScroll:this.onScroll,ref:t=>this.container=t},e("div",{key:"ba0104bfe969a01d50dcdcaa5624927b6869724a","aria-describedby":Boolean(this.caption)?"caption":void 0,"aria-label":this.label,role:"table",class:"table__table"},this.caption&&e("swirl-visually-hidden",{key:"975f6b52dcaa745662c33f4faaf90d6b99fa66a6"},e("div",{key:"582c32d143f9291b72ecafb726b51907bffabb5e",id:"caption"},this.caption)),e("div",{key:"808c56a7fb22853894b988d8f8515b67dda232bc",role:"rowgroup"},e("div",{key:"1aa3dc88ce963001bb792d42a9e3730519377b83",class:"table__header",role:"row"},e("slot",{key:"1be89a881770c763962ebc0a88b01809bf1a7565",name:"columns",onSlotchange:this.onSlotChange}))),e("div",{key:"8d891c4281b4e85a51589e44a7281cde41fe68d2",class:"table__body"},e("slot",{key:"0e1a53489761f18466f7602c75ad6cbbc43f58f8",name:"rows",onSlotchange:this.onSlotChange}),this.empty&&e("div",{key:"cb86d4b7da8de46dbcd0c24d0e8a54e5e6ef34de",class:"table__empty-row",role:"row"},e("div",{key:"801287a643effbbdc592af74b72285e2a254bf42","aria-colspan":this.getColumns().length,class:"table__empty-row-cell",role:"cell"},e("swirl-text",{key:"ceaa762a51a2d65ed970bddb6e41fd0583ed07ed",align:"center",size:"sm"},this.emptyStateLabel))))))))}get el(){return a(this)}};r.style=":host{position:relative;display:block}:host *{box-sizing:border-box}.table__container{position:relative;overflow:auto;width:100%}.table__container--scrolled{--swirl-table-sticky-right-shadow:4px 0 16px -4px rgba(23, 23, 23, 0.04),\n 2px 0 4px -2px rgba(23, 23, 23, 0.04)}.table__container--scrollable:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0px 4px 16px 0px rgba(23, 23, 23, 0.04),\n 0px 1px 4px 0px rgba(23, 23, 23, 0.04)}.table__table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header ::slotted(*){display:flex}.table__empty-row{display:flex}.table__empty-row-cell{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default)}.table__empty-row-cell>*{flex-grow:1}";export{r as swirl_table}
1
+ import{r as t,h as e,H as s,g as a}from"./p-ba3c3858.js";import{d as i,i as o}from"./p-5136b9f9.js";var l=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=void 0,i=void 0,o=void 0,l=[];return function(){var n=function(t){return"function"==typeof t?t():t}(e),c=(new Date).getTime(),h=!a||c-a>n;a=c;for(var d=arguments.length,b=Array(d),u=0;u<d;u++)b[u]=arguments[u];if(h&&s.leading)return s.accumulate?Promise.resolve(t.call(this,[b])).then((function(t){return t[0]})):Promise.resolve(t.call.apply(t,[this].concat(b)));if(i?clearTimeout(o):i=function(){var t={};return t.promise=new Promise((function(e,s){t.resolve=e,t.reject=s})),t}(),l.push(b),o=setTimeout(r.bind(this),n),s.accumulate){var f=l.length-1;return i.promise.then((function(t){return t[f]}))}return i.promise};function r(){var e=i;clearTimeout(o),Promise.resolve(s.accumulate?t.call(this,l):t.apply(this,l[l.length-1])).then(e.resolve,e.reject),l=[],i=null}};const r=class{constructor(e){t(this,e),this.triggerRerender=i((async()=>{await this.updateLayout(),this.updateEmptyState()}),0,!0),this.updateLayout=l((async()=>{this.resetCellStyles(),this.resetColumnStyles(),this.resetEmptyRowStyles(),this.resetRowGroupStyles(),this.layoutEmptyRow(),this.layoutRowGroups(),this.layOutCellsAndColumns(),this.updateScrolledState()}),16,{leading:!0}),this.onScroll=()=>{this.updateScrolledState()},this.onSlotChange=async()=>{await this.updateLayout(),this.updateEmptyState()},this.caption=void 0,this.emptyStateLabel="No results found.",this.label=void 0,this.empty=void 0,this.scrollable=void 0,this.scrolled=void 0,this.scrolledToEnd=void 0}async componentDidLoad(){this.setupIntersectionObserver()}disconnectedCallback(){this.intersectionObserver?.disconnect()}setupIntersectionObserver(){this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{threshold:0}),this.intersectionObserver.observe(this.container)}async onVisibilityChange(t){t.some((t=>t.isIntersecting))&&setTimeout((async()=>{await this.updateLayout()}),100)}async componentDidRender(){await this.updateLayout(),this.updateEmptyState()}async onWindowResize(){await this.updateLayout()}async rerender(){this.triggerRerender()}resetEmptyRowStyles(){const t=this.el.shadowRoot.querySelector(".table__empty-row");Boolean(t)&&(t.style.width="")}resetRowGroupStyles(){Array.from(this.el.querySelectorAll("swirl-table-row-group")).forEach((t=>{const e=t.shadowRoot.querySelector(".table-row-group__header-row");Boolean(e)&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width="")}))}resetColumnStyles(){this.getColumns().forEach((t=>{t.classList.remove("table-column--has-shadow","table-column--is-sticky","table-column--is-sticky-right"),t.style.right="",t.style.left="",t.style.position="",t.style.zIndex=""}))}resetCellStyles(){this.getCells().forEach((t=>{t.classList.remove("table-cell--has-shadow","table-cell--is-sticky","table-cell--is-sticky-right"),t.style.flex="",t.style.left="",t.style.right="",t.style.position="",t.style.zIndex=""}))}updateScrolledState(){const t=o();if(void 0===this.container)return;const e=this.container.scrollWidth>this.container.clientWidth,s=this.container.scrollLeft>0,a=Math.ceil(this.container.clientWidth+this.container.scrollLeft)>=Math.floor(this.container.scrollWidth);e!==this.scrollable&&(e&&!t?this.container.classList.add("table__container--scrollable"):this.container.classList.remove("table__container--scrollable")),s!==this.scrolled&&(s&&!t?this.container.classList.add("table__container--scrolled"):this.container.classList.remove("table__container--scrolled")),a!==this.scrolledToEnd&&(a&&!t?this.container.classList.add("table__container--scrolled-to-end"):this.container.classList.remove("table__container--scrolled-to-end"))}getColumns(){return Array.from(this.el.querySelectorAll("swirl-table-column"))}getCells(){return Array.from(this.el.querySelectorAll("swirl-table-cell"))}layoutEmptyRow(){const t=this.el.shadowRoot.querySelector(".table__empty-row");if(!Boolean(t))return;const e=`${this.el.shadowRoot.querySelector(".table__container").scrollWidth}px`;t.style.width=e}layoutRowGroups(){const t=Array.from(this.el.querySelectorAll("swirl-table-row-group")),e=`${this.el.shadowRoot.querySelector(".table__container")?.scrollWidth}px`;t.forEach((t=>{const s=t.shadowRoot.querySelector(".table-row-group__header-row");Boolean(s)&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width=e)}))}layOutCellsAndColumns(){const t=this.getColumns(),e=this.getCells();t.forEach(((s,a)=>{const i=this.getCellsForColumn(e,t,a),o=this.calculateColumnProperties(s,t,a);i.forEach((t=>this.applyCellStyles(t,s,o))),this.applyColumnStyles(s,o)}))}getCellsForColumn(t,e,s){return t.filter(((t,a)=>(s-a)%e.length==0))}calculateColumnProperties(t,e,s){return{leftOffsetForStickyColumn:t.sticky?this.getLeftOffsetForStickyColumn(e,s):0,columnWidth:`${t.getBoundingClientRect().width}px`,isLastColumnSticky:t.sticky&&e.length===s+1,hasShadowRight:t.sticky&&!this.hasStickyColumnsToRight(e,s)}}applyCellStyles(t,e,s){const{leftOffsetForStickyColumn:a,columnWidth:i,isLastColumnSticky:l,hasShadowRight:r}=s;t.style.flex=Boolean(i)?`0 0 ${i}`:"",o()||(e.sticky&&!l&&(t.classList.add("table-cell--is-sticky"),t.style.left=a+"px",r&&t.classList.add("table-cell--has-shadow-right")),l&&t.classList.add("table-cell--is-sticky-right","table-cell--has-shadow-left"))}applyColumnStyles(t,e){if(o())return;const{leftOffsetForStickyColumn:s,isLastColumnSticky:a,hasShadowRight:i}=e;t.sticky&&!a&&(t.classList.add("table-column--is-sticky"),t.style.left=s+"px",i&&t.classList.add("table-column--has-shadow-right")),a&&t.classList.add("table-column--is-sticky-right","table-column--has-shadow-left")}getLeftOffsetForStickyColumn(t,e){return t.slice(0,e).reduce(((t,e)=>{if(e.sticky)return t+e.getBoundingClientRect().width}),0)}hasStickyColumnsToRight(t,e){return t.slice(e+1,t.length-1).some((t=>t.sticky))}updateEmptyState(){const t=this.el.querySelector('[slot="rows"]');this.empty=!Boolean(t)||0===t.children.length}render(){return e(s,{key:"7a80f66bb69e1e2bb518c9f4ad7373f3d1cd8aaf"},e("div",{key:"b902a14ca817ff832c0622469345dc0dffca1fe0",class:"table"},e("div",{key:"86f4ee3195984e75b525062d9b379b8ee86d66e1",class:"table__container",onScroll:this.onScroll,ref:t=>this.container=t},e("div",{key:"ba0104bfe969a01d50dcdcaa5624927b6869724a","aria-describedby":Boolean(this.caption)?"caption":void 0,"aria-label":this.label,role:"table",class:"table__table"},this.caption&&e("swirl-visually-hidden",{key:"975f6b52dcaa745662c33f4faaf90d6b99fa66a6"},e("div",{key:"582c32d143f9291b72ecafb726b51907bffabb5e",id:"caption"},this.caption)),e("div",{key:"808c56a7fb22853894b988d8f8515b67dda232bc",role:"rowgroup"},e("div",{key:"1aa3dc88ce963001bb792d42a9e3730519377b83",class:"table__header",role:"row"},e("slot",{key:"1be89a881770c763962ebc0a88b01809bf1a7565",name:"columns",onSlotchange:this.onSlotChange}))),e("div",{key:"8d891c4281b4e85a51589e44a7281cde41fe68d2",class:"table__body"},e("slot",{key:"0e1a53489761f18466f7602c75ad6cbbc43f58f8",name:"rows",onSlotchange:this.onSlotChange}),this.empty&&e("div",{key:"cb86d4b7da8de46dbcd0c24d0e8a54e5e6ef34de",class:"table__empty-row",role:"row"},e("div",{key:"801287a643effbbdc592af74b72285e2a254bf42","aria-colspan":this.getColumns().length,class:"table__empty-row-cell",role:"cell"},e("swirl-text",{key:"ceaa762a51a2d65ed970bddb6e41fd0583ed07ed",align:"center",size:"sm"},this.emptyStateLabel))))))))}get el(){return a(this)}};r.style=":host{position:relative;display:block}:host *{box-sizing:border-box}.table__container{position:relative;overflow:auto;width:100%}.table__container--scrolled{--swirl-table-sticky-right-shadow:4px 0 16px -4px rgba(23, 23, 23, 0.04),\n 2px 0 4px -2px rgba(23, 23, 23, 0.04)}.table__container--scrollable:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0px 4px 16px 0px rgba(23, 23, 23, 0.04),\n 0px 1px 4px 0px rgba(23, 23, 23, 0.04)}.table__table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header ::slotted(*){display:flex}.table__empty-row{display:flex}.table__empty-row-cell{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default)}.table__empty-row-cell>*{flex-grow:1}";export{r as swirl_table}
@@ -1 +1 @@
1
- import{r as e,h as s,H as t,g as i}from"./p-ba3c3858.js";import{c as a}from"./p-0f3e0216.js";const o=class{constructor(s){e(this,s),this.sort=void 0,this.sortable=void 0,this.maxWidth=void 0,this.minWidth="fit-content",this.sticky=void 0,this.width=void 0}componentDidRender(){const e=a(this.el,"swirl-table");e?.rerender()}render(){const e={flex:Boolean(this.width)?`0 0 ${this.width}`:"",maxWidth:this.maxWidth||"",minWidth:this.minWidth||""};return s(t,{key:"6ef56fadf99f9ff657bef1f2c9c3252d4704cc88","aria-sort":this.sort,class:"table-column",role:"columnheader",style:e},s("span",{key:"d63c689c1e504d06f87f122d3e378cb18e4122b3"},s("slot",{key:"373530e1e7e33368e5e9ff6beba5287ad2fb7541"})),this.sortable&&s("span",{key:"2f1fdcf224bfa0d1ab6dc53bc8ee05103cdae04c",class:"table-column__sort-indicator"},"ascending"===this.sort&&s("swirl-icon-arrow-upward",{key:"76a22ad40225bc27f8af2df5e4ccc795eceafea1","aria-hidden":"true",size:20}),"descending"===this.sort&&s("swirl-icon-arrow-downward",{key:"cde3f7f04e8191fb6406797806585b1d45512b16","aria-hidden":"true",size:20}),!Boolean(this.sort)&&" "))}get el(){return i(this)}};o.style=":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";export{o as swirl_table_column}
1
+ import{r as e,h as s,H as t,g as i}from"./p-ba3c3858.js";import{c as a}from"./p-5136b9f9.js";const o=class{constructor(s){e(this,s),this.sort=void 0,this.sortable=void 0,this.maxWidth=void 0,this.minWidth="fit-content",this.sticky=void 0,this.width=void 0}componentDidRender(){const e=a(this.el,"swirl-table");e?.rerender()}render(){const e={flex:Boolean(this.width)?`0 0 ${this.width}`:"",maxWidth:this.maxWidth||"",minWidth:this.minWidth||""};return s(t,{key:"6ef56fadf99f9ff657bef1f2c9c3252d4704cc88","aria-sort":this.sort,class:"table-column",role:"columnheader",style:e},s("span",{key:"d63c689c1e504d06f87f122d3e378cb18e4122b3"},s("slot",{key:"373530e1e7e33368e5e9ff6beba5287ad2fb7541"})),this.sortable&&s("span",{key:"2f1fdcf224bfa0d1ab6dc53bc8ee05103cdae04c",class:"table-column__sort-indicator"},"ascending"===this.sort&&s("swirl-icon-arrow-upward",{key:"76a22ad40225bc27f8af2df5e4ccc795eceafea1","aria-hidden":"true",size:20}),"descending"===this.sort&&s("swirl-icon-arrow-downward",{key:"cde3f7f04e8191fb6406797806585b1d45512b16","aria-hidden":"true",size:20}),!Boolean(this.sort)&&" "))}get el(){return i(this)}};o.style=":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}";export{o as swirl_table_column}
@@ -1 +1 @@
1
- import{r as t,h as o,H as n,g as i}from"./p-ba3c3858.js";import{c as r}from"./p-a5dce9e6.js";import{g as a}from"./p-0f3e0216.js";const s=class{constructor(o){t(this,o),this.desktopMediaQuery=a(),this.desktopMediaQueryHandler=t=>{this.forceIconProps(t.matches)},this.disabled=void 0,this.download=void 0,this.swirlAriaControls=void 0,this.swirlAriaCurrent=void 0,this.swirlAriaDescribedby=void 0,this.swirlAriaExpanded=void 0,this.swirlAriaHaspopup=void 0,this.swirlAriaLabel=void 0,this.form=void 0,this.hideLabel=void 0,this.href=void 0,this.icon=void 0,this.iconPosition="start",this.intent="default",this.label=void 0,this.name=void 0,this.pill=void 0,this.pressed=void 0,this.size="m",this.target=void 0,this.textAlign="center",this.type="button",this.value=void 0,this.variant="ghost",this.inheritFontSize=void 0}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateFormAttribute(),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}componentDidRender(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateFormAttribute()}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(t){if(!Boolean(this.iconEl))return;const o=this.iconEl.children[0];(o?.tagName.startsWith("SWIRL-ICON")||o?.tagName.startsWith("SWIRL-EMOJI")||o?.tagName.startsWith("SWIRL-SYMBOL"))&&o?.setAttribute("size",t?"20":"24")}getAriaLabel(t){return Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:t?this.label:void 0}updateFormAttribute(){Boolean(this.href)||!Boolean(this.form)?this.buttonEl?.removeAttribute("form"):this.buttonEl?.setAttribute("form",this.form)}render(){const t=this.hideLabel&&Boolean(this.icon)||"floating"===this.variant&&"default"===this.intent,i=Boolean(this.href),a=this.getAriaLabel(t),s=this.icon||Boolean(this.el.querySelector("[slot='icon']")),e=Boolean(this.el.querySelector("[slot='tag']")),b=r("button",`button--icon-position-${this.iconPosition}`,`button--intent-${this.intent}`,`button--size-${this.size}`,`button--text-align-${this.textAlign}`,`button--variant-${this.variant}`,{"button--disabled":this.disabled,"button--has-icon":s,"button--icon-only":t,"button--pill":this.pill,"button--pressed":this.pressed});return o(n,{key:"635a1065811fc352a9be9a8afcd3214a9650282d",style:{pointerEvents:this.disabled?"none":""}},o(i?"a":"button",{key:"ff06cd64a1d8eea339c9ab0afea3e69623bd1b2f","aria-controls":this.swirlAriaControls,"aria-current":this.swirlAriaCurrent,"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled&&!i?"true":void 0,"aria-expanded":this.swirlAriaExpanded,"aria-haspopup":this.swirlAriaHaspopup,"aria-label":a,"aria-pressed":this.pressed?"true":void 0,class:b,disabled:i?void 0:this.disabled,download:i?void 0:this.download,form:i?void 0:this.form,href:this.href,name:i?void 0:this.name,ref:t=>this.buttonEl=t,target:i?this.target:void 0,type:i?void 0:this.type,value:i?void 0:this.value,style:this.inheritFontSize?{fontSize:"inherit",lineHeight:"inherit"}:{}},Boolean(this.icon)&&o("span",{key:"51b0054616c9b26f5217591384fcef5f634d0a07",class:"button__icon",innerHTML:this.icon,ref:t=>this.iconEl=t}),!Boolean(this.icon)&&o("span",{key:"18bf3a811562dbb9489d9fae2fb192b7e178bad1",class:"button__icon",ref:t=>this.iconEl=t},o("slot",{key:"40d9cf93df9ff77687d3410ef1a4178a7a82a627",name:"icon"})),!t&&o("span",{key:"d629db6c30a294022b29ae2ba1214e22f5581a53",class:"button__label"},this.label),e&&o("span",{key:"1e11954dd364ba68414048dd133b0429c049964a",class:"button__tag"},o("slot",{key:"07bfc30e7f989e134e5733ba0c3c2251d1668a51",name:"tag"}))))}get el(){return i(this)}};s.style=".sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled,.button.button--disabled.sc-swirl-button{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:where(:not(:focus-visible)){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled,.button--variant-flat.button--disabled.sc-swirl-button{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-flat.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-flat.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled,.button--variant-outline.button--disabled.sc-swirl-button{box-shadow:inset 0 0 0 var(--s-border-width-default)\n var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)\n var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)),.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);box-shadow:inset 0 0 0 var(--s-border-width-default)\n var(--s-border-highlight)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button,.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled,.button--variant-plain.button--disabled.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-plain.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-plain.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled,.button--variant-on-image.button--disabled.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-on-image.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-on-image.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(\n --swirl-icon-button-border-bottom-right-radius\n );border-bottom-left-radius:var(\n --swirl-icon-button-border-bottom-left-radius\n )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}";export{s as swirl_button}
1
+ import{r as t,h as o,H as n,g as i}from"./p-ba3c3858.js";import{c as r}from"./p-a5dce9e6.js";import{g as a}from"./p-5136b9f9.js";const s=class{constructor(o){t(this,o),this.desktopMediaQuery=a(),this.desktopMediaQueryHandler=t=>{this.forceIconProps(t.matches)},this.disabled=void 0,this.download=void 0,this.swirlAriaControls=void 0,this.swirlAriaCurrent=void 0,this.swirlAriaDescribedby=void 0,this.swirlAriaExpanded=void 0,this.swirlAriaHaspopup=void 0,this.swirlAriaLabel=void 0,this.form=void 0,this.hideLabel=void 0,this.href=void 0,this.icon=void 0,this.iconPosition="start",this.intent="default",this.label=void 0,this.name=void 0,this.pill=void 0,this.pressed=void 0,this.size="m",this.target=void 0,this.textAlign="center",this.type="button",this.value=void 0,this.variant="ghost",this.inheritFontSize=void 0}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateFormAttribute(),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}componentDidRender(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateFormAttribute()}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(t){if(!Boolean(this.iconEl))return;const o=this.iconEl.children[0];(o?.tagName.startsWith("SWIRL-ICON")||o?.tagName.startsWith("SWIRL-EMOJI")||o?.tagName.startsWith("SWIRL-SYMBOL"))&&o?.setAttribute("size",t?"20":"24")}getAriaLabel(t){return Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:t?this.label:void 0}updateFormAttribute(){Boolean(this.href)||!Boolean(this.form)?this.buttonEl?.removeAttribute("form"):this.buttonEl?.setAttribute("form",this.form)}render(){const t=this.hideLabel&&Boolean(this.icon)||"floating"===this.variant&&"default"===this.intent,i=Boolean(this.href),a=this.getAriaLabel(t),s=this.icon||Boolean(this.el.querySelector("[slot='icon']")),e=Boolean(this.el.querySelector("[slot='tag']")),b=r("button",`button--icon-position-${this.iconPosition}`,`button--intent-${this.intent}`,`button--size-${this.size}`,`button--text-align-${this.textAlign}`,`button--variant-${this.variant}`,{"button--disabled":this.disabled,"button--has-icon":s,"button--icon-only":t,"button--pill":this.pill,"button--pressed":this.pressed});return o(n,{key:"635a1065811fc352a9be9a8afcd3214a9650282d",style:{pointerEvents:this.disabled?"none":""}},o(i?"a":"button",{key:"ff06cd64a1d8eea339c9ab0afea3e69623bd1b2f","aria-controls":this.swirlAriaControls,"aria-current":this.swirlAriaCurrent,"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled&&!i?"true":void 0,"aria-expanded":this.swirlAriaExpanded,"aria-haspopup":this.swirlAriaHaspopup,"aria-label":a,"aria-pressed":this.pressed?"true":void 0,class:b,disabled:i?void 0:this.disabled,download:i?void 0:this.download,form:i?void 0:this.form,href:this.href,name:i?void 0:this.name,ref:t=>this.buttonEl=t,target:i?this.target:void 0,type:i?void 0:this.type,value:i?void 0:this.value,style:this.inheritFontSize?{fontSize:"inherit",lineHeight:"inherit"}:{}},Boolean(this.icon)&&o("span",{key:"51b0054616c9b26f5217591384fcef5f634d0a07",class:"button__icon",innerHTML:this.icon,ref:t=>this.iconEl=t}),!Boolean(this.icon)&&o("span",{key:"18bf3a811562dbb9489d9fae2fb192b7e178bad1",class:"button__icon",ref:t=>this.iconEl=t},o("slot",{key:"40d9cf93df9ff77687d3410ef1a4178a7a82a627",name:"icon"})),!t&&o("span",{key:"d629db6c30a294022b29ae2ba1214e22f5581a53",class:"button__label"},this.label),e&&o("span",{key:"1e11954dd364ba68414048dd133b0429c049964a",class:"button__tag"},o("slot",{key:"07bfc30e7f989e134e5733ba0c3c2251d1668a51",name:"tag"}))))}get el(){return i(this)}};s.style=".sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled,.button.button--disabled.sc-swirl-button{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:where(:not(:focus-visible)){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled,.button--variant-flat.button--disabled.sc-swirl-button{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-flat.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-flat.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled,.button--variant-outline.button--disabled.sc-swirl-button{box-shadow:inset 0 0 0 var(--s-border-width-default)\n var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)\n var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)),.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);box-shadow:inset 0 0 0 var(--s-border-width-default)\n var(--s-border-highlight)}.button--variant-outline.button--intent-primary.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button,.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled,.button--variant-plain.button--disabled.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)) .button__icon.sc-swirl-button{color:var(--s-interactive-primary-pressed)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-plain.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-plain.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-plain.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled,.button--variant-on-image.button--disabled.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-on-image.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-on-image.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:where(:not(:disabled):not(.button--disabled)){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button,.button--variant-floating.button--intent-primary.button--disabled.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(\n --swirl-icon-button-border-bottom-right-radius\n );border-bottom-left-radius:var(\n --swirl-icon-button-border-bottom-left-radius\n )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}";export{s as swirl_button}
@@ -1 +1 @@
1
- function n(t,o){return t?t instanceof ShadowRoot?n(t.host,o):t instanceof HTMLElement&&t.matches(o)?t:n(t.parentNode,o):null}function t(n,t){let o=n;for(;null!==o;){if(o===t)return!0;o=o.parentNode,o instanceof ShadowRoot&&(o=o.host)}return!1}function o(n=document){const t=n.activeElement;if(Boolean(t))return Boolean(t.shadowRoot)?o(t.shadowRoot):t}const e=()=>document.documentElement.classList.contains("disable-desktop-style-tweaks")?window.matchMedia(null):window.matchMedia("(min-width: 992px) and (max-width: 1439px) and (hover: hover), (min-width: 1440px)");function i(n,t,o=!1){let e;return async function(){const i=this,r=arguments,a=o&&!Boolean(e);clearTimeout(e),e=setTimeout((function(){e=null,o||n.apply(i,r)}),t),a&&n.apply(i,r)}}function r(n,t){const o=t.scrollTop,e=o+t.clientHeight,i=t.getBoundingClientRect(),r=n.getBoundingClientRect().top-i.top+o,a=r+n.offsetHeight;return(a>e?e:a)-(r<o?o:r)}function a(){return!window.matchMedia("(min-width: 768px)").matches}function u(){return window.matchMedia("(min-width: 992px)").matches}function c(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function s(n,t,o=[]){return n?n instanceof ShadowRoot?s(n.host,t,o):n instanceof HTMLElement&&n.matches(t)?s(n.parentNode,t,[...o,n]):s(n.parentNode,t,o):o}function f(n,t){const o=function n(t,o){if(!Boolean(o))return[];const e=Array.from(o.querySelectorAll(t)),i=Boolean(window.HTMLSlotElement)&&o instanceof HTMLSlotElement?o.assignedElements():[],r=[...Array.from(o.children),...i],a=n(t,o.shadowRoot);return[...e,...r.map((o=>n(t,o))).flat(),...a]}(t,n).filter(((n,t,o)=>!o.some(((o,e)=>o.isSameNode(n)&&e>t))));return o}function d(n){const t=new Date(n);return t.setMinutes(t.getMinutes()+t.getTimezoneOffset()),t}function l(n){if(n instanceof Date)return`${n.getFullYear()}-${String(n.getMonth()+1).padStart(2,"0")}-${String(n.getDate()).padStart(2,"0")}`}export{t as a,o as b,n as c,i as d,u as e,c as f,e as g,l as h,a as i,r as j,s as p,f as q,d as r}
1
+ function n(t,o){return t?t instanceof ShadowRoot?n(t.host,o):t instanceof HTMLElement&&t.matches(o)?t:n(t.parentNode,o):null}function t(n,t){let o=n;for(;null!==o;){if(o===t)return!0;o=o.parentNode,o instanceof ShadowRoot&&(o=o.host)}return!1}function o(n=document){const t=n.activeElement;if(Boolean(t))return Boolean(t.shadowRoot)?o(t.shadowRoot):t}const e=()=>document.documentElement.classList.contains("disable-desktop-style-tweaks")?window.matchMedia(null):window.matchMedia("(min-width: 992px) and (max-width: 1439px) and (hover: hover), (min-width: 1440px)");function i(n,t,o=!1){let e;return async function(){const i=this,r=arguments,u=o&&!Boolean(e);clearTimeout(e),e=setTimeout((function(){e=null,o||n.apply(i,r)}),t),u&&n.apply(i,r)}}function r(n,t){const o=t.scrollTop,e=o+t.clientHeight,i=t.getBoundingClientRect(),r=n.getBoundingClientRect().top-i.top+o,u=r+n.offsetHeight;return(u>e?e:u)-(r<o?o:r)}function u(){return!window.matchMedia("(min-width: 768px)").matches}function a(){return window.matchMedia("(min-width: 992px)").matches}function c(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function s(n,t,o=[]){return n?n instanceof ShadowRoot?s(n.host,t,o):n instanceof HTMLElement&&n.matches(t)?s(n.parentNode,t,[...o,n]):s(n.parentNode,t,o):o}function f(n,t){const o=function n(t,o){if(!Boolean(o))return[];const e=Array.from(o.querySelectorAll(t)),i=Boolean(window.HTMLSlotElement)&&o instanceof HTMLSlotElement?o.assignedElements():[],r=[...Array.from(o.children),...i],u=n(t,o.shadowRoot);return[...e,...r.map((o=>n(t,o))).flat(),...u]}(t,n).filter(((n,t,o)=>!o.some(((o,e)=>o.isSameNode(n)&&e>t))));return o}function d(n){const t=new Date(n);return t.setMinutes(t.getMinutes()+t.getTimezoneOffset()),t}function l(n){if(n instanceof Date)return`${n.getFullYear()}-${String(n.getMonth()+1).padStart(2,"0")}-${String(n.getDate()).padStart(2,"0")}`}function w(n,t){return(n%t+t)%t}export{t as a,o as b,n as c,i as d,a as e,w as f,e as g,c as h,u as i,l as j,r as k,s as p,f as q,d as r}
@@ -0,0 +1 @@
1
+ import{r as t,f as i,h as s,H as e,g as h}from"./p-ba3c3858.js";import{c as a}from"./p-a5dce9e6.js";import{c as o,p as r}from"./p-5136b9f9.js";const n=class{constructor(i){t(this,i),this.onSlotChange=()=>{this.subMenu=this.el.querySelector("swirl-menu"),this.updateActionListItemProps()},this.onActionListItemClick=()=>{this.actionListItem.disabled||this.rootMenu.activateMenuItem(this.el)},this.onOptionListItemClick=()=>{this.optionListItem.disabled||this.parentMenu.updateSelection(this.optionListItem)},this.onOptionListItemKeyDown=t=>{if("Space"===t.code)t.preventDefault();else if("Enter"===t.code){if(this.optionListItem.disabled)return;t.preventDefault(),this.parentMenu.updateSelection(this.optionListItem)}},this.onOptionListItemKeyUp=t=>{if("Space"===t.code){if(this.optionListItem.disabled)return;t.preventDefault(),this.parentMenu.updateSelection(this.optionListItem)}},this.description=void 0,this.disabled=void 0,this.expanded=void 0,this.icon=void 0,this.iconBadge=void 0,this.intent="default",this.label=void 0,this.suffix=void 0,this.value=void 0,this.hasAvatar=!1,this.parentMenu=void 0,this.subMenu=void 0}componentWillLoad(){this.parentMenu=o(this.el,"swirl-menu"),this.rootMenu=r(this.el,"swirl-menu").pop(),this.subMenu=this.el.querySelector("swirl-menu"),this.updateAvatarState()}watchExpanded(){this.updateActionListItemProps()}async getSubMenu(){return this.subMenu}async updateValue(){i(this)}async getParentMenu(){return this.parentMenu}updateActionListItemProps(){Boolean(this.actionListItem)&&(this.actionListItem.swirlAriaExpanded=this.expanded?"true":void 0,this.actionListItem.swirlAriaHaspopup=Boolean(this.subMenu)?"true":void 0,this.actionListItem.suffix=Boolean(this.subMenu)?'<swirl-icon-chevron-right size="16"></swirl-icon-chevron-right>':void 0)}updateAvatarState(){const t=this.el.querySelector('[slot="avatar"]'),i=Boolean(t);i!==this.hasAvatar&&(this.hasAvatar=i)}renderActionListItem(){const t=Boolean(this.subMenu?.value)?Array.from(this.subMenu?.querySelectorAll("swirl-menu-item")||[]).find((t=>t.value===this.subMenu?.value))?.label:void 0;return s("swirl-action-list-item",{badge:t,description:this.description,disabled:this.disabled,icon:this.icon,iconBadge:this.iconBadge,intent:this.intent,label:this.label,onClick:this.onActionListItemClick,ref:t=>this.actionListItem=t,suffix:this.suffix},this.hasAvatar&&s("slot",{name:"avatar",slot:"avatar"}))}renderOptionListItem(){return s("swirl-option-list-item",{disabled:this.disabled,icon:this.icon,iconBadge:this.iconBadge,label:this.label,onClick:this.onOptionListItemClick,onKeyDown:this.onOptionListItemKeyDown,onKeyUp:this.onOptionListItemKeyUp,ref:t=>this.optionListItem=t,selected:this.parentMenu?.value===this.value,swirlAriaRole:"menuitemradio",value:this.value},this.hasAvatar&&s("slot",{name:"avatar",slot:"avatar"}))}render(){const t=a("menu-item",{"menu-item--expanded":this.expanded});return s(e,{key:"ec53da29dd7ec22ecbb14eae3cfd7212e666325e"},s("div",{key:"a639071a7c8fb60cec52c673bc1b0fe9518100b9",class:t},"selection"===this.parentMenu?.variant?this.renderOptionListItem():this.renderActionListItem(),s("slot",{key:"02935d7a4997aaa9c8dece8f66f21a42508f8294",onSlotchange:this.onSlotChange})))}get el(){return h(this)}static get watchers(){return{expanded:["watchExpanded"]}}};n.style=":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}";export{n as swirl_menu_item}