@vertexvis/ui 1.0.0-testing.1 → 1.0.0-testing.2

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 (252) hide show
  1. package/dist/cjs/components.cjs.js +1 -1
  2. package/dist/cjs/{icon-helper-ut8vR2Rk.js → icon-helper-DCeI7n8v.js} +1 -1
  3. package/dist/cjs/index.cjs.js +1 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/vertex-auto-resize-textarea.cjs.entry.js +2 -2
  6. package/dist/cjs/vertex-avatar-group.cjs.entry.js +1 -1
  7. package/dist/cjs/vertex-banner.cjs.entry.js +1 -1
  8. package/dist/cjs/vertex-card-group.cjs.entry.js +5 -5
  9. package/dist/cjs/vertex-chip.cjs.entry.js +8 -3
  10. package/dist/cjs/vertex-click-to-edit-textfield.cjs.entry.js +1 -1
  11. package/dist/cjs/vertex-collapsible.cjs.entry.js +2 -2
  12. package/dist/cjs/vertex-color-circle-picker.cjs.entry.js +1 -1
  13. package/dist/cjs/vertex-color-picker.cjs.entry.js +1 -1
  14. package/dist/cjs/vertex-color-swatch.cjs.entry.js +1 -1
  15. package/dist/cjs/vertex-context-menu.cjs.entry.js +2 -2
  16. package/dist/cjs/vertex-dialog.cjs.entry.js +4 -4
  17. package/dist/cjs/vertex-draggable-popover.cjs.entry.js +2 -2
  18. package/dist/cjs/vertex-dropdown-menu.cjs.entry.js +1 -1
  19. package/dist/cjs/vertex-expandable.cjs.entry.js +2 -2
  20. package/dist/cjs/vertex-help-tooltip.cjs.entry.js +1 -1
  21. package/dist/cjs/vertex-icon-button.cjs.entry.js +4 -4
  22. package/dist/cjs/vertex-icon.cjs.entry.js +2 -2
  23. package/dist/cjs/vertex-logo-loading.cjs.entry.js +1 -1
  24. package/dist/cjs/vertex-menu-divider.cjs.entry.js +1 -1
  25. package/dist/cjs/vertex-menu-item.cjs.entry.js +2 -2
  26. package/dist/cjs/vertex-menu.cjs.entry.js +3 -3
  27. package/dist/cjs/vertex-radio-group.cjs.entry.js +1 -1
  28. package/dist/cjs/vertex-radio.cjs.entry.js +3 -3
  29. package/dist/cjs/vertex-resizable.cjs.entry.js +3 -3
  30. package/dist/cjs/vertex-result-list.cjs.entry.js +3 -3
  31. package/dist/cjs/vertex-search-bar.cjs.entry.js +2 -2
  32. package/dist/cjs/vertex-select.cjs.entry.js +5 -5
  33. package/dist/cjs/vertex-slider.cjs.entry.js +1 -1
  34. package/dist/cjs/vertex-spinner.cjs.entry.js +1 -1
  35. package/dist/cjs/vertex-tab.cjs.entry.js +2 -2
  36. package/dist/cjs/vertex-tabs.cjs.entry.js +3 -3
  37. package/dist/cjs/vertex-textfield.cjs.entry.js +1 -1
  38. package/dist/cjs/vertex-toast.cjs.entry.js +2 -2
  39. package/dist/cjs/vertex-toggle.cjs.entry.js +4 -4
  40. package/dist/cjs/vertex-tooltip.cjs.entry.js +3 -3
  41. package/dist/collection/components/auto-resize-textarea/auto-resize-textarea.js +2 -2
  42. package/dist/collection/components/avatar-group/avatar-group.js +1 -1
  43. package/dist/collection/components/card-group/card-group.js +5 -5
  44. package/dist/collection/components/chip/chip.css +20 -3
  45. package/dist/collection/components/chip/chip.js +33 -2
  46. package/dist/collection/components/click-to-edit-text-field/click-to-edit-text-field.js +1 -1
  47. package/dist/collection/components/collapsible/collapsible.js +2 -2
  48. package/dist/collection/components/color-circle-picker/color-circle-picker.js +1 -1
  49. package/dist/collection/components/color-picker/color-picker.js +1 -1
  50. package/dist/collection/components/color-swatch/color-swatch.js +1 -1
  51. package/dist/collection/components/context-menu/context-menu.js +2 -2
  52. package/dist/collection/components/dialog/dialog.js +4 -4
  53. package/dist/collection/components/draggable-popover/draggable-popover.js +2 -2
  54. package/dist/collection/components/dropdown-menu/dropdown-menu.js +1 -1
  55. package/dist/collection/components/expandable/expandable.js +2 -2
  56. package/dist/collection/components/help-tooltip/help-tooltip.js +1 -1
  57. package/dist/collection/components/icon/icon.js +1 -1
  58. package/dist/collection/components/icon/icons/box-select.js +1 -1
  59. package/dist/collection/components/icon-button/icon-button.js +3 -3
  60. package/dist/collection/components/logo-loading/logo-loading.js +1 -1
  61. package/dist/collection/components/menu/menu.js +3 -3
  62. package/dist/collection/components/menu-divider/menu-divider.js +1 -1
  63. package/dist/collection/components/menu-item/menu-item.js +2 -2
  64. package/dist/collection/components/radio/radio.js +3 -3
  65. package/dist/collection/components/radio-group/radio-group.js +1 -1
  66. package/dist/collection/components/resizable/resizable.js +3 -3
  67. package/dist/collection/components/result-list/result-list.js +3 -3
  68. package/dist/collection/components/search-bar/search-bar.js +2 -2
  69. package/dist/collection/components/select/select.js +5 -5
  70. package/dist/collection/components/slider/slider.js +1 -1
  71. package/dist/collection/components/spinner/spinner.js +1 -1
  72. package/dist/collection/components/tab/tab.js +2 -2
  73. package/dist/collection/components/tabs/tabs.js +3 -3
  74. package/dist/collection/components/text-field/text-field.js +1 -1
  75. package/dist/collection/components/toast/toast.js +2 -2
  76. package/dist/collection/components/toggle/toggle.js +4 -4
  77. package/dist/collection/components/tooltip/tooltip.js +3 -3
  78. package/dist/components/components.esm.js +1 -1
  79. package/dist/components/index.esm.js +1 -1
  80. package/dist/components/index.js +1 -1
  81. package/dist/components/{p-7f768637.entry.js → p-016df818.entry.js} +1 -1
  82. package/dist/components/{p-efd0223b.entry.js → p-05ee323d.entry.js} +1 -1
  83. package/dist/components/p-0e706a18.entry.js +1 -0
  84. package/dist/components/{p-88781e72.entry.js → p-20543099.entry.js} +1 -1
  85. package/dist/components/{p-f1abef98.entry.js → p-2d7d535c.entry.js} +1 -1
  86. package/dist/components/p-2e3b7c2f.entry.js +1 -0
  87. package/dist/components/{p-5e3fe5e7.entry.js → p-341f078b.entry.js} +1 -1
  88. package/dist/components/{p-B9qe9CNv.js → p-38Imluyk.js} +1 -1
  89. package/dist/components/{p-ca6a4b08.entry.js → p-3a7c05d3.entry.js} +1 -1
  90. package/dist/components/{p-a287d016.entry.js → p-4128989a.entry.js} +1 -1
  91. package/dist/components/{p-ef419ddf.entry.js → p-42e4c1d7.entry.js} +1 -1
  92. package/dist/components/p-4642f24c.entry.js +1 -0
  93. package/dist/components/{p-a886721b.entry.js → p-49f2d469.entry.js} +1 -1
  94. package/dist/components/{p-091b9e27.entry.js → p-51ad20c1.entry.js} +1 -1
  95. package/dist/components/p-5ec364ff.entry.js +1 -0
  96. package/dist/components/p-67f5c6a3.entry.js +1 -0
  97. package/dist/components/p-718394ac.entry.js +1 -0
  98. package/dist/components/{p-BdR40EV2.js → p-75vuqvYA.js} +1 -1
  99. package/dist/components/{p-00eaa8d7.entry.js → p-76510c00.entry.js} +1 -1
  100. package/dist/components/{p-2cdfe6bf.entry.js → p-77930bd1.entry.js} +1 -1
  101. package/dist/components/{p-0af9b71c.entry.js → p-7fc8a224.entry.js} +1 -1
  102. package/dist/components/p-88caab12.entry.js +1 -0
  103. package/dist/components/{p-595b8bd6.entry.js → p-9b369d13.entry.js} +1 -1
  104. package/dist/components/{p-34d8a04e.entry.js → p-9edd433e.entry.js} +1 -1
  105. package/dist/components/{p-BLc3P-0q.js → p-AbuQGpgg.js} +1 -1
  106. package/dist/components/{p-D_mp9WMh.js → p-B2T0_m7j.js} +1 -1
  107. package/dist/components/{p-6qoO8Yf3.js → p-B4JVhdvU.js} +1 -1
  108. package/dist/components/p-BItoqEjI.js +1 -0
  109. package/dist/components/p-BK-dLbv3.js +1 -0
  110. package/dist/components/{p-Dw5WRKyY.js → p-BZCUqzdV.js} +1 -1
  111. package/dist/components/{p-RaMDrnzd.js → p-BcAH6MtU.js} +1 -1
  112. package/dist/components/p-BmWilxsR.js +1 -0
  113. package/dist/components/{p-DsAkiOMC.js → p-C2bSBqfJ.js} +1 -1
  114. package/dist/components/{p-B23i1cwy.js → p-C4abR0qC.js} +1 -1
  115. package/dist/components/{p-BAfJR2VF.js → p-CDqMJzqA.js} +1 -1
  116. package/dist/components/{p-CAFdRyLE.js → p-CJf7CUm5.js} +1 -1
  117. package/dist/components/{p-D3BXoJJN.js → p-CJm62lko.js} +1 -1
  118. package/dist/components/p-CMsgieMk.js +1 -0
  119. package/dist/components/{p-Bo65Viuh.js → p-COpcsGR-.js} +1 -1
  120. package/dist/components/p-CWcvAmjb.js +1 -0
  121. package/dist/components/{p-C1qwHMcr.js → p-CZeULUuy.js} +1 -1
  122. package/dist/components/p-CaDQM3f3.js +1 -0
  123. package/dist/components/{p-y4p55dbx.js → p-CltvgC9y.js} +1 -1
  124. package/dist/components/{p-CZyp2id8.js → p-CtIB9Bid.js} +1 -1
  125. package/dist/components/p-CvrFWigc.js +1 -0
  126. package/dist/components/{p-4HdACFFW.js → p-D-zknKSp.js} +1 -1
  127. package/dist/components/{p-BZutc-CC.js → p-D1GjSE51.js} +1 -1
  128. package/dist/components/{p-DGZHaSjz.js → p-D36_6yRo.js} +1 -1
  129. package/dist/components/p-D7K4Pqpx.js +1 -0
  130. package/dist/components/{p-CZ1Qa_xv.js → p-DJycE6-8.js} +1 -1
  131. package/dist/components/{p-C1H5-_5m.js → p-DPAn1IHK.js} +1 -1
  132. package/dist/components/{p-CFaiLAq0.js → p-D_837FE_.js} +1 -1
  133. package/dist/components/{p-BZ5oF5Ci.js → p-Diw9iyfY.js} +1 -1
  134. package/dist/components/p-JHDG6-KQ.js +1 -0
  135. package/dist/components/{p-DjrAIJhB.js → p-OT-3j_2G.js} +1 -1
  136. package/dist/components/{p-_3Hgy0Z4.js → p-UrSJuXr4.js} +1 -1
  137. package/dist/components/{p-1c5e8df5.entry.js → p-a1521052.entry.js} +1 -1
  138. package/dist/components/{p-2e0ee616.entry.js → p-a7fb941d.entry.js} +1 -1
  139. package/dist/components/{p-6c6a2fc5.entry.js → p-b5b993c4.entry.js} +1 -1
  140. package/dist/components/{p-a8e75bdc.entry.js → p-b89d106e.entry.js} +1 -1
  141. package/dist/components/p-b9MCyuKH.js +1 -0
  142. package/dist/components/{p-3ddb0c4e.entry.js → p-c7c97400.entry.js} +1 -1
  143. package/dist/components/{p-6b2db72c.entry.js → p-d850e35c.entry.js} +1 -1
  144. package/dist/components/{p-61742c05.entry.js → p-e52eb148.entry.js} +1 -1
  145. package/dist/components/p-e7f413c9.entry.js +1 -0
  146. package/dist/components/{p-0f13f6f3.entry.js → p-eac6dc8c.entry.js} +1 -1
  147. package/dist/components/{p-1e6ff76a.entry.js → p-ecc27386.entry.js} +1 -1
  148. package/dist/components/{p-553d01af.entry.js → p-f7cfc29f.entry.js} +1 -1
  149. package/dist/components/{p-0180556d.entry.js → p-facf96e8.entry.js} +1 -1
  150. package/dist/components/{p-28460604.entry.js → p-fb8c8c09.entry.js} +1 -1
  151. package/dist/components/{p-f37dc3c4.entry.js → p-ff51fb55.entry.js} +1 -1
  152. package/dist/components/{p-1KuzBK7Z.js → p-gvnlR6iZ.js} +1 -1
  153. package/dist/components/{p-DMLgHhJc.js → p-hEDvx_4a.js} +1 -1
  154. package/dist/components/p-kS82oxak.js +1 -0
  155. package/dist/components/vertex-auto-resize-textarea.js +1 -1
  156. package/dist/components/vertex-avatar-group.js +1 -1
  157. package/dist/components/vertex-banner.js +1 -1
  158. package/dist/components/vertex-card-group.js +1 -1
  159. package/dist/components/vertex-chip.js +1 -1
  160. package/dist/components/vertex-click-to-edit-textfield.js +1 -1
  161. package/dist/components/vertex-collapsible.js +1 -1
  162. package/dist/components/vertex-color-circle-picker.js +1 -1
  163. package/dist/components/vertex-color-picker.js +1 -1
  164. package/dist/components/vertex-color-swatch.js +1 -1
  165. package/dist/components/vertex-context-menu.js +1 -1
  166. package/dist/components/vertex-dialog.js +1 -1
  167. package/dist/components/vertex-draggable-popover.js +1 -1
  168. package/dist/components/vertex-dropdown-menu.js +1 -1
  169. package/dist/components/vertex-expandable.js +1 -1
  170. package/dist/components/vertex-help-tooltip.js +1 -1
  171. package/dist/components/vertex-icon-button.js +1 -1
  172. package/dist/components/vertex-icon.js +1 -1
  173. package/dist/components/vertex-logo-loading.js +1 -1
  174. package/dist/components/vertex-menu-divider.js +1 -1
  175. package/dist/components/vertex-menu-item.js +1 -1
  176. package/dist/components/vertex-menu.js +1 -1
  177. package/dist/components/vertex-radio-group.js +1 -1
  178. package/dist/components/vertex-radio.js +1 -1
  179. package/dist/components/vertex-resizable.js +1 -1
  180. package/dist/components/vertex-result-list.js +1 -1
  181. package/dist/components/vertex-search-bar.js +1 -1
  182. package/dist/components/vertex-select.js +1 -1
  183. package/dist/components/vertex-slider.js +1 -1
  184. package/dist/components/vertex-spinner.js +1 -1
  185. package/dist/components/vertex-tab.js +1 -1
  186. package/dist/components/vertex-tabs.js +1 -1
  187. package/dist/components/vertex-textfield.js +1 -1
  188. package/dist/components/vertex-toast.js +1 -1
  189. package/dist/components/vertex-toggle.js +1 -1
  190. package/dist/components/vertex-tooltip.js +1 -1
  191. package/dist/esm/components.js +1 -1
  192. package/dist/esm/{icon-helper-Dw0fFePg.js → icon-helper-pFNFp2QZ.js} +1 -1
  193. package/dist/esm/index.js +1 -1
  194. package/dist/esm/loader.js +1 -1
  195. package/dist/esm/vertex-auto-resize-textarea.entry.js +2 -2
  196. package/dist/esm/vertex-avatar-group.entry.js +1 -1
  197. package/dist/esm/vertex-banner.entry.js +1 -1
  198. package/dist/esm/vertex-card-group.entry.js +5 -5
  199. package/dist/esm/vertex-chip.entry.js +8 -3
  200. package/dist/esm/vertex-click-to-edit-textfield.entry.js +1 -1
  201. package/dist/esm/vertex-collapsible.entry.js +2 -2
  202. package/dist/esm/vertex-color-circle-picker.entry.js +1 -1
  203. package/dist/esm/vertex-color-picker.entry.js +1 -1
  204. package/dist/esm/vertex-color-swatch.entry.js +1 -1
  205. package/dist/esm/vertex-context-menu.entry.js +2 -2
  206. package/dist/esm/vertex-dialog.entry.js +4 -4
  207. package/dist/esm/vertex-draggable-popover.entry.js +2 -2
  208. package/dist/esm/vertex-dropdown-menu.entry.js +1 -1
  209. package/dist/esm/vertex-expandable.entry.js +2 -2
  210. package/dist/esm/vertex-help-tooltip.entry.js +1 -1
  211. package/dist/esm/vertex-icon-button.entry.js +4 -4
  212. package/dist/esm/vertex-icon.entry.js +2 -2
  213. package/dist/esm/vertex-logo-loading.entry.js +1 -1
  214. package/dist/esm/vertex-menu-divider.entry.js +1 -1
  215. package/dist/esm/vertex-menu-item.entry.js +2 -2
  216. package/dist/esm/vertex-menu.entry.js +3 -3
  217. package/dist/esm/vertex-radio-group.entry.js +1 -1
  218. package/dist/esm/vertex-radio.entry.js +3 -3
  219. package/dist/esm/vertex-resizable.entry.js +3 -3
  220. package/dist/esm/vertex-result-list.entry.js +3 -3
  221. package/dist/esm/vertex-search-bar.entry.js +2 -2
  222. package/dist/esm/vertex-select.entry.js +5 -5
  223. package/dist/esm/vertex-slider.entry.js +1 -1
  224. package/dist/esm/vertex-spinner.entry.js +1 -1
  225. package/dist/esm/vertex-tab.entry.js +2 -2
  226. package/dist/esm/vertex-tabs.entry.js +3 -3
  227. package/dist/esm/vertex-textfield.entry.js +1 -1
  228. package/dist/esm/vertex-toast.entry.js +2 -2
  229. package/dist/esm/vertex-toggle.entry.js +4 -4
  230. package/dist/esm/vertex-tooltip.entry.js +3 -3
  231. package/dist/types/components/chip/chip.d.ts +6 -0
  232. package/dist/types/components.d.ts +13 -2
  233. package/package.json +3 -4
  234. package/dist/components/p-5c032b37.entry.js +0 -1
  235. package/dist/components/p-6d03a954.entry.js +0 -1
  236. package/dist/components/p-705d25f3.entry.js +0 -1
  237. package/dist/components/p-B2oECB2P.js +0 -1
  238. package/dist/components/p-BHmM6WC-.js +0 -1
  239. package/dist/components/p-D1P5FeY6.js +0 -1
  240. package/dist/components/p-DHNuRvq0.js +0 -1
  241. package/dist/components/p-DPgx10Cw.js +0 -1
  242. package/dist/components/p-ILu24ZUX.js +0 -1
  243. package/dist/components/p-K5a7HQMt.js +0 -1
  244. package/dist/components/p-KilWQmEJ.js +0 -1
  245. package/dist/components/p-Mnv_zHXq.js +0 -1
  246. package/dist/components/p-TLO_pywp.js +0 -1
  247. package/dist/components/p-al_CUADF.js +0 -1
  248. package/dist/components/p-b5921385.entry.js +0 -1
  249. package/dist/components/p-c2f3cf8b.entry.js +0 -1
  250. package/dist/components/p-e311af0e.entry.js +0 -1
  251. package/dist/components/p-f23df530.entry.js +0 -1
  252. package/dist/components/p-f793f80a.entry.js +0 -1
@@ -1 +1 @@
1
- import{a as t,c as i,h as o,H as e,d as h}from"./p-C27tS7nl.js";import{c as s}from"./p-Beav1bNT.js";import{r as n}from"./p-DXQBJLz-.js";const r=class{constructor(o){t(this,o),this.resizeStart=i(this,"resizeStart"),this.resizeEnd=i(this,"resizeEnd"),this.horizontalDirection="both",this.verticalDirection="both",this.initializeWithOffset=!1,this.position="relative",this.dimensionsComputed=!1,this.width=-1,this.height=-1,this.left=0,this.top=0,this.containerTop=0,this.containerLeft=0,this.handleDrag=this.handleDrag.bind(this),this.handleDragBottom=this.handleDragBottom.bind(this),this.handleDragTop=this.handleDragTop.bind(this),this.handleDragLeft=this.handleDragLeft.bind(this),this.handleDragRight=this.handleDragRight.bind(this),this.handleWindowPointerUp=this.handleWindowPointerUp.bind(this),this.updateDimensions=this.updateDimensions.bind(this),this.recomputeDimensions=this.recomputeDimensions.bind(this),this.computeDimensions=this.computeDimensions.bind(this),this.mutationObserver=new MutationObserver(this.recomputeDimensions),this.resizeObserver=new ResizeObserver(this.recomputeDimensions)}componentDidLoad(){if(this.computeDimensions(),window.addEventListener("resize",this.recomputeDimensions),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeFilter:["class"]}),null!=this.parentSelector){const t=document.querySelector(this.parentSelector);null!=t&&this.resizeObserver.observe(t)}this.resizeObserver.observe(this.hostElement)}disconnectedCallback(){this.dimensionsComputed=!1,window.removeEventListener("resize",this.recomputeDimensions),this.mutationObserver.disconnect(),this.resizeObserver.disconnect()}connectedCallback(){if(this.computeDimensions(),window.addEventListener("resize",this.recomputeDimensions),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeFilter:["class"]}),null!=this.parentSelector){const t=document.querySelector(this.parentSelector);null!=t&&this.resizeObserver.observe(t)}this.resizeObserver.observe(this.hostElement)}render(){return o(e,{key:"df1cfd4b5cff53a97e023bd28b38a895c231d698",style:{width:this.width<0||"none"===this.horizontalDirection?"100%":`${this.width}px`,height:this.height<0||"none"===this.verticalDirection?"100%":`${this.height}px`,left:"relative"===this.position?`${this.left}px`:void 0,top:"relative"===this.position?`${this.top}px`:void 0}},o("div",{key:"98db17c90104701e449ad69b501da48f8e45828a",class:s("container",{hidden:this.width<=0&&this.height<=0})},o("div",{key:"1315d54ec1e08bad9a9518093b18f829a6905f0e",class:s("shadow",`hovered-location-${this.dragStartLocation||this.hoveredLocation}`)}),o("div",{key:"214344a03339451443a232c5b27dfbbe9a606db0",class:s("handle","left-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"left"),onPointerEnter:()=>this.handlePointerEnter("left"),onPointerLeave:()=>this.handlePointerLeave("left")}),o("div",{key:"1d115a65f83ceb9b9ed042e456b228f7fb5f27ab",class:s("handle","right-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"right"),onPointerEnter:()=>this.handlePointerEnter("right"),onPointerLeave:()=>this.handlePointerLeave("right")}),o("div",{key:"2498a3983eb1421ab05ca91b85188a5d2f2e54cd",class:s("handle","top-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"top"),onPointerEnter:()=>this.handlePointerEnter("top"),onPointerLeave:()=>this.handlePointerLeave("top")}),o("div",{key:"dfcd9fabf34fdc0ffd03ad473113a89990ff2bb3",class:s("handle","bottom-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"bottom"),onPointerEnter:()=>this.handlePointerEnter("bottom"),onPointerLeave:()=>this.handlePointerLeave("bottom")}),o("div",{key:"fec489510c12be6dd41a482daace2bed04d6f7fe",class:s("handle","bottom-right-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"bottom-right"),onPointerEnter:()=>this.handlePointerEnter("bottom-right"),onPointerLeave:()=>this.handlePointerLeave("bottom-right")}),o("div",{key:"cefd4f2534559032ed262ccab9d3bd022b0f7bd5",class:s("handle","bottom-left-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"bottom-left"),onPointerEnter:()=>this.handlePointerEnter("bottom-left"),onPointerLeave:()=>this.handlePointerLeave("bottom-left")}),o("div",{key:"5a890cb805443ca20252b851ac1e593f440c2337",class:s("handle","top-right-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"top-right"),onPointerEnter:()=>this.handlePointerEnter("top-right"),onPointerLeave:()=>this.handlePointerLeave("top-right")}),o("div",{key:"6d9eb463dc5e53399547139ac8048f31fb016d93",class:s("handle","top-left-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"top-left"),onPointerEnter:()=>this.handlePointerEnter("top-left"),onPointerLeave:()=>this.handlePointerLeave("top-left")}),o("slot",{key:"78a828ad95fe83e09adf708380b769aeabf8f553"})))}async updateDimensions(t,i=!1){var o,e;const{host:h,slotted:s,parent:n,minWidth:r,maxWidth:l,minHeight:a,maxHeight:d}=t,c=this.fromComputedStyle(l,(null==n?void 0:n.width)||h.width||s.width);this.maxWidth=null!=c?c-this.getSiblingMinWidth((null==n?void 0:n.width)||h.width||s.width):void 0,this.minWidth=this.fromComputedStyle(r,(null==n?void 0:n.width)||h.width||s.width);const v=this.fromComputedStyle(d,(null==n?void 0:n.height)||h.height||s.height);if(this.maxHeight=null!=v?v-this.getSiblingMinHeight((null==n?void 0:n.height)||h.height||s.height):void 0,this.minHeight=this.fromComputedStyle(a,(null==n?void 0:n.height)||h.height||s.height),!i||this.height<=0){const t=null!=this.maxHeight&&null!=this.initialVerticalScale?this.maxHeight*this.initialVerticalScale:this.minHeight;this.width=(null!=this.maxWidth&&null!=this.initialHorizontalScale?this.maxWidth*this.initialHorizontalScale:this.minWidth)||s.width||this.width,this.height=t||s.height||this.height}else this.height=this.toBoundedValue(this.height,this.minHeight||0,this.maxHeight),this.width=this.toBoundedValue(this.width,this.minWidth||0,this.maxWidth);this.containerTop=null!==(o=null==n?void 0:n.top)&&void 0!==o?o:h.top,this.containerLeft=null!==(e=null==n?void 0:n.left)&&void 0!==e?e:h.left,this.top=null!=v&&this.initializeWithOffset&&"absolute"!==this.position?v-this.height:0,this.left=null!=c&&this.initializeWithOffset&&"absolute"!==this.position?c-this.width:0}computeDimensions(){n((()=>{var t;const i=this.getSlottedElement();if("undefined"!=typeof window&&null!=i){const o=window.getComputedStyle(this.hostElement);this.updateDimensions({host:this.hostElement.getBoundingClientRect(),slotted:i.getBoundingClientRect(),parent:null!=this.parentSelector?null===(t=document.querySelector(this.parentSelector))||void 0===t?void 0:t.getBoundingClientRect():void 0,minWidth:o.minWidth,maxWidth:o.maxWidth,minHeight:o.minHeight,maxHeight:o.maxHeight}),this.dimensionsComputed=!0}}))}recomputeDimensions(){null!=this.resizeTimeout&&(clearTimeout(this.resizeTimeout),this.resizeTimeout=void 0),this.resizeTimeout=setTimeout((()=>{this.resizeTimeout=void 0,n((()=>{var t;const i=this.getSlottedElement();if("undefined"!=typeof window&&null!=i){const o=window.getComputedStyle(this.hostElement);this.updateDimensions({host:this.hostElement.getBoundingClientRect(),slotted:i.getBoundingClientRect(),parent:null!=this.parentSelector?null===(t=document.querySelector(this.parentSelector))||void 0===t?void 0:t.getBoundingClientRect():void 0,minWidth:o.minWidth,maxWidth:o.maxWidth,minHeight:o.minHeight,maxHeight:o.maxHeight},!0)}}))}),200)}handlePointerEnter(t){this.hoveredLocation=t}handlePointerLeave(t){t===this.hoveredLocation&&(this.hoveredLocation=void 0)}handlePointerDown(t,i){this.setStartPosition(t,i),this.emitResizeStart(i),window.addEventListener("pointermove",this.handleDrag),window.addEventListener("pointerup",this.handleWindowPointerUp)}handleDrag(t){if(null!=this.lastPointerPosition){const i={x:this.lastPointerPosition.x-t.clientX,y:this.lastPointerPosition.y-t.clientY};switch(this.lastPointerPosition={x:t.clientX,y:t.clientY},this.dragStartLocation){case"bottom":this.ifValidDragBottom(t,i,this.handleDragBottom);break;case"top":this.ifValidDragTop(t,i,this.handleDragTop);break;case"right":this.ifValidDragRight(t,i,this.handleDragRight);break;case"left":this.ifValidDragLeft(t,i,this.handleDragLeft);break;case"bottom-right":this.ifValidDragBottom(t,i,this.handleDragBottom),this.ifValidDragRight(t,i,this.handleDragRight);break;case"bottom-left":this.ifValidDragBottom(t,i,this.handleDragBottom),this.ifValidDragLeft(t,i,this.handleDragLeft);break;case"top-right":this.ifValidDragTop(t,i,this.handleDragTop),this.ifValidDragRight(t,i,this.handleDragRight);break;case"top-left":this.ifValidDragTop(t,i,this.handleDragTop),this.ifValidDragLeft(t,i,this.handleDragLeft)}}}handleWindowPointerUp(){null!=this.dragStartLocation&&this.emitResizeEnd(this.dragStartLocation),this.lastPointerPosition=void 0,this.dragStartLocation=void 0,window.removeEventListener("pointermove",this.handleDrag),window.removeEventListener("pointerup",this.handleWindowPointerUp)}ifValidDragTop(t,i,o){(i.y<0?t.clientY-this.containerTop>this.top:t.clientY-this.containerTop<=this.top)&&o(i)}ifValidDragBottom(t,i,o){(i.y>0?t.clientY<this.top+this.containerTop+this.height:t.clientY>=this.top+this.containerTop+this.height)&&o(i)}ifValidDragLeft(t,i,o){(i.x<0?t.clientX-this.containerLeft>this.left:t.clientX-this.containerLeft<=this.left)&&o(i)}ifValidDragRight(t,i,o){(i.x>0?t.clientX<this.left+this.containerLeft+this.width:t.clientX>=this.left+this.containerLeft+this.width)&&o(i)}handleDragTop(t){const i=this.height;this.height=this.toBoundedValue(this.height+t.y,this.minHeight||0,this.maxHeight),this.top-=this.height-i}handleDragBottom(t){this.height=this.toBoundedValue(this.height-t.y,this.minHeight||0,this.maxHeight)}handleDragLeft(t){const i=this.width;this.width=this.toBoundedValue(this.width+t.x,this.minWidth||0,this.maxWidth),this.left-=this.width-i}handleDragRight(t){this.width=this.toBoundedValue(this.width-t.x,this.minWidth||0,this.maxWidth)}setStartPosition(t,i){t.stopPropagation(),t.preventDefault(),this.lastPointerPosition={x:t.clientX,y:t.clientY},this.dragStartLocation=i}getSlottedElement(){var t,i,o;if(null!=this.contentSelector)return(null===(t=this.hostElement.shadowRoot)||void 0===t?void 0:t.querySelector(this.contentSelector))||this.hostElement.querySelector(this.contentSelector)||void 0;{const t=(null===(i=this.hostElement.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0;if(null===(o=null==t?void 0:t.assignedElements)||void 0===o?void 0:o.call(t).length)return null==t?void 0:t.assignedElements()[0]}}getMinBounds(){return{x:null!=this.minWidth?this.width-this.minWidth:this.width,y:null!=this.minHeight?this.height-this.minHeight:this.height}}fromComputedStyle(t,i){const o=parseFloat(t);return isNaN(o)||o<=0?void 0:t.includes("%")?o/100*i:o}toBoundedValue(t,i,o){return Math.max(Math.min(t,null!=o?o:t),i)}getSiblingMinWidth(t){var i;const o=null!=this.horizontalSiblingSelector?document.querySelector(this.horizontalSiblingSelector):void 0;if("undefined"!=typeof window&&o){const e=window.getComputedStyle(o);return null!==(i=this.fromComputedStyle(e.minWidth,t))&&void 0!==i?i:0}return 0}getSiblingMinHeight(t){var i;const o=null!=this.verticalSiblingSelector?document.querySelector(this.verticalSiblingSelector):void 0;if("undefined"!=typeof window&&o){const e=window.getComputedStyle(o);return null!==(i=this.fromComputedStyle(e.minHeight,t))&&void 0!==i?i:0}return 0}emitResizeStart(t){n((()=>{this.resizeStart.emit(this.computeResizeEventDetails(t))}))}emitResizeEnd(t){n((()=>{this.resizeEnd.emit(this.computeResizeEventDetails(t))}))}computeResizeEventDetails(t){var i,o,e,h,s;const n=null!=this.parentSelector?null===(i=document.querySelector(this.parentSelector))||void 0===i?void 0:i.getBoundingClientRect():void 0;return{location:t,width:this.width,height:this.height,widthPercentage:this.width/(null!==(e=null!==(o=this.maxWidth)&&void 0!==o?o:null==n?void 0:n.width)&&void 0!==e?e:window.innerWidth),heightPercentage:this.height/(null!==(s=null!==(h=this.maxHeight)&&void 0!==h?h:null==n?void 0:n.height)&&void 0!==s?s:window.innerHeight)}}get hostElement(){return h(this)}};r.style=':host{--hover-shadow-color:var(--vertex-ui-blue-500);--vertical-handle-size:1rem;--vertical-handle-offset:-0.9rem;--horizontal-handle-size:1rem;--horizontal-handle-offset:-0.9rem;--side-direction-handle-z-index:var(--vertex-ui-popover-layer);--corner-handle-z-index:var(--vertex-ui-context-menu-layer)}:host(:not([dimensions-computed=""])){position:absolute;display:none}.container{position:relative;height:100%;width:100%}.container.hidden{position:absolute;visibility:hidden}.shadow{pointer-events:none;position:absolute;width:100%;height:100%;z-index:var(--vertex-ui-popover-layer)}.shadow.hovered-location-left{box-shadow:inset 1px 0 0 var(--hover-shadow-color)}.shadow.hovered-location-right{box-shadow:inset -1px 0 0 var(--hover-shadow-color)}.shadow.hovered-location-top{box-shadow:inset 0 1px 0 var(--hover-shadow-color)}.shadow.hovered-location-bottom{box-shadow:inset 0 -1px 0 var(--hover-shadow-color)}.shadow.hovered-location-bottom-left{box-shadow:inset 1px -1px 0 var(--hover-shadow-color)}.shadow.hovered-location-bottom-right{box-shadow:inset -1px -1px 0 var(--hover-shadow-color)}.shadow.hovered-location-top-left{box-shadow:inset 1px 1px 0 var(--hover-shadow-color)}.shadow.hovered-location-top-right{box-shadow:inset -1px 1px 0 var(--hover-shadow-color)}.handle{position:absolute;visibility:hidden;z-index:var(--side-direction-handle-z-index)}.corner-handle{z-index:var(--corner-handle-z-index)}.left-handle.horizontal-direction-left,.left-handle.horizontal-direction-both{visibility:visible;left:var(--horizontal-handle-offset);top:0;height:100%;width:var(--horizontal-handle-size);cursor:col-resize}.right-handle.horizontal-direction-right,.right-handle.horizontal-direction-both{visibility:visible;right:var(--horizontal-handle-offset);top:0;height:100%;width:var(--horizontal-handle-size);cursor:col-resize}.bottom-handle.vertical-direction-bottom,.bottom-handle.vertical-direction-both{visibility:visible;left:0;bottom:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:100%;cursor:row-resize}.top-handle.vertical-direction-top,.top-handle.vertical-direction-both{visibility:visible;left:0;top:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:100%;cursor:row-resize}.bottom-right-handle.vertical-direction-bottom.horizontal-direction-right,.bottom-right-handle.vertical-direction-both.horizontal-direction-right,.bottom-right-handle.vertical-direction-bottom.horizontal-direction-both,.bottom-right-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;right:var(--horizontal-handle-offset);bottom:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nwse-resize}.bottom-left-handle.vertical-direction-bottom.horizontal-direction-left,.bottom-left-handle.vertical-direction-both.horizontal-direction-left,.bottom-left-handle.vertical-direction-bottom.horizontal-direction-both,.bottom-left-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;left:var(--horizontal-handle-offset);bottom:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nesw-resize}.top-right-handle.vertical-direction-top.horizontal-direction-right,.top-right-handle.vertical-direction-both.horizontal-direction-right,.top-right-handle.vertical-direction-top.horizontal-direction-both,.top-right-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;right:var(--horizontal-handle-offset);top:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nesw-resize}.top-left-handle.vertical-direction-top.horizontal-direction-left,.top-left-handle.vertical-direction-both.horizontal-direction-left,.top-left-handle.vertical-direction-top.horizontal-direction-both,.top-left-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;left:var(--horizontal-handle-offset);top:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nwse-resize}';export{r as vertex_resizable}
1
+ import{a as t,c as i,h as o,H as e,d as h}from"./p-C27tS7nl.js";import{c as s}from"./p-Beav1bNT.js";import{r as n}from"./p-DXQBJLz-.js";const r=class{constructor(o){t(this,o),this.resizeStart=i(this,"resizeStart"),this.resizeEnd=i(this,"resizeEnd"),this.horizontalDirection="both",this.verticalDirection="both",this.initializeWithOffset=!1,this.position="relative",this.dimensionsComputed=!1,this.width=-1,this.height=-1,this.left=0,this.top=0,this.containerTop=0,this.containerLeft=0,this.handleDrag=this.handleDrag.bind(this),this.handleDragBottom=this.handleDragBottom.bind(this),this.handleDragTop=this.handleDragTop.bind(this),this.handleDragLeft=this.handleDragLeft.bind(this),this.handleDragRight=this.handleDragRight.bind(this),this.handleWindowPointerUp=this.handleWindowPointerUp.bind(this),this.updateDimensions=this.updateDimensions.bind(this),this.recomputeDimensions=this.recomputeDimensions.bind(this),this.computeDimensions=this.computeDimensions.bind(this),this.mutationObserver=new MutationObserver(this.recomputeDimensions),this.resizeObserver=new ResizeObserver(this.recomputeDimensions)}componentDidLoad(){if(this.computeDimensions(),window.addEventListener("resize",this.recomputeDimensions),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeFilter:["class"]}),null!=this.parentSelector){const t=document.querySelector(this.parentSelector);null!=t&&this.resizeObserver.observe(t)}this.resizeObserver.observe(this.hostElement)}disconnectedCallback(){this.dimensionsComputed=!1,window.removeEventListener("resize",this.recomputeDimensions),this.mutationObserver.disconnect(),this.resizeObserver.disconnect()}connectedCallback(){if(this.computeDimensions(),window.addEventListener("resize",this.recomputeDimensions),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeFilter:["class"]}),null!=this.parentSelector){const t=document.querySelector(this.parentSelector);null!=t&&this.resizeObserver.observe(t)}this.resizeObserver.observe(this.hostElement)}render(){return o(e,{key:"53f90484ecf1c01dcfec3fc73751c5b6220ec1a0",style:{width:this.width<0||"none"===this.horizontalDirection?"100%":`${this.width}px`,height:this.height<0||"none"===this.verticalDirection?"100%":`${this.height}px`,left:"relative"===this.position?`${this.left}px`:void 0,top:"relative"===this.position?`${this.top}px`:void 0}},o("div",{key:"495c3b41b95a98e50b2c136a626217adde53a0e2",class:s("container",{hidden:this.width<=0&&this.height<=0})},o("div",{key:"ea0c58ab6ec4b659ed33618a4b840319637b37a5",class:s("shadow",`hovered-location-${this.dragStartLocation||this.hoveredLocation}`)}),o("div",{key:"a10bfa55f1463a2927a1e1585e94aec69a05c5bc",class:s("handle","left-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"left"),onPointerEnter:()=>this.handlePointerEnter("left"),onPointerLeave:()=>this.handlePointerLeave("left")}),o("div",{key:"705f9f4ff60e7e574d57d2ba0434944dea170375",class:s("handle","right-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"right"),onPointerEnter:()=>this.handlePointerEnter("right"),onPointerLeave:()=>this.handlePointerLeave("right")}),o("div",{key:"0338d64870553446a7c0f119387816b08bf1562d",class:s("handle","top-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"top"),onPointerEnter:()=>this.handlePointerEnter("top"),onPointerLeave:()=>this.handlePointerLeave("top")}),o("div",{key:"acc646db4341c2095bfc891b4b13550c5a95ee6f",class:s("handle","bottom-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"bottom"),onPointerEnter:()=>this.handlePointerEnter("bottom"),onPointerLeave:()=>this.handlePointerLeave("bottom")}),o("div",{key:"a849292148ddd071a96fb7a4cc9a1e20ae9a1eed",class:s("handle","bottom-right-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"bottom-right"),onPointerEnter:()=>this.handlePointerEnter("bottom-right"),onPointerLeave:()=>this.handlePointerLeave("bottom-right")}),o("div",{key:"9c64cc2f64ea37406f1504fbb421c3a3d8b49f17",class:s("handle","bottom-left-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"bottom-left"),onPointerEnter:()=>this.handlePointerEnter("bottom-left"),onPointerLeave:()=>this.handlePointerLeave("bottom-left")}),o("div",{key:"56055af84e8cc60e7c1e55c7233996ef6726b25d",class:s("handle","top-right-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"top-right"),onPointerEnter:()=>this.handlePointerEnter("top-right"),onPointerLeave:()=>this.handlePointerLeave("top-right")}),o("div",{key:"11cde0ae8a9dd6d5736d36a98db527856bee3718",class:s("handle","top-left-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"top-left"),onPointerEnter:()=>this.handlePointerEnter("top-left"),onPointerLeave:()=>this.handlePointerLeave("top-left")}),o("slot",{key:"a4cdf0eb7aecd1d1c6ef5c3b4acb316239f4003c"})))}async updateDimensions(t,i=!1){var o,e;const{host:h,slotted:s,parent:n,minWidth:r,maxWidth:l,minHeight:a,maxHeight:d}=t,c=this.fromComputedStyle(l,(null==n?void 0:n.width)||h.width||s.width);this.maxWidth=null!=c?c-this.getSiblingMinWidth((null==n?void 0:n.width)||h.width||s.width):void 0,this.minWidth=this.fromComputedStyle(r,(null==n?void 0:n.width)||h.width||s.width);const v=this.fromComputedStyle(d,(null==n?void 0:n.height)||h.height||s.height);if(this.maxHeight=null!=v?v-this.getSiblingMinHeight((null==n?void 0:n.height)||h.height||s.height):void 0,this.minHeight=this.fromComputedStyle(a,(null==n?void 0:n.height)||h.height||s.height),!i||this.height<=0){const t=null!=this.maxHeight&&null!=this.initialVerticalScale?this.maxHeight*this.initialVerticalScale:this.minHeight;this.width=(null!=this.maxWidth&&null!=this.initialHorizontalScale?this.maxWidth*this.initialHorizontalScale:this.minWidth)||s.width||this.width,this.height=t||s.height||this.height}else this.height=this.toBoundedValue(this.height,this.minHeight||0,this.maxHeight),this.width=this.toBoundedValue(this.width,this.minWidth||0,this.maxWidth);this.containerTop=null!==(o=null==n?void 0:n.top)&&void 0!==o?o:h.top,this.containerLeft=null!==(e=null==n?void 0:n.left)&&void 0!==e?e:h.left,this.top=null!=v&&this.initializeWithOffset&&"absolute"!==this.position?v-this.height:0,this.left=null!=c&&this.initializeWithOffset&&"absolute"!==this.position?c-this.width:0}computeDimensions(){n((()=>{var t;const i=this.getSlottedElement();if("undefined"!=typeof window&&null!=i){const o=window.getComputedStyle(this.hostElement);this.updateDimensions({host:this.hostElement.getBoundingClientRect(),slotted:i.getBoundingClientRect(),parent:null!=this.parentSelector?null===(t=document.querySelector(this.parentSelector))||void 0===t?void 0:t.getBoundingClientRect():void 0,minWidth:o.minWidth,maxWidth:o.maxWidth,minHeight:o.minHeight,maxHeight:o.maxHeight}),this.dimensionsComputed=!0}}))}recomputeDimensions(){null!=this.resizeTimeout&&(clearTimeout(this.resizeTimeout),this.resizeTimeout=void 0),this.resizeTimeout=setTimeout((()=>{this.resizeTimeout=void 0,n((()=>{var t;const i=this.getSlottedElement();if("undefined"!=typeof window&&null!=i){const o=window.getComputedStyle(this.hostElement);this.updateDimensions({host:this.hostElement.getBoundingClientRect(),slotted:i.getBoundingClientRect(),parent:null!=this.parentSelector?null===(t=document.querySelector(this.parentSelector))||void 0===t?void 0:t.getBoundingClientRect():void 0,minWidth:o.minWidth,maxWidth:o.maxWidth,minHeight:o.minHeight,maxHeight:o.maxHeight},!0)}}))}),200)}handlePointerEnter(t){this.hoveredLocation=t}handlePointerLeave(t){t===this.hoveredLocation&&(this.hoveredLocation=void 0)}handlePointerDown(t,i){this.setStartPosition(t,i),this.emitResizeStart(i),window.addEventListener("pointermove",this.handleDrag),window.addEventListener("pointerup",this.handleWindowPointerUp)}handleDrag(t){if(null!=this.lastPointerPosition){const i={x:this.lastPointerPosition.x-t.clientX,y:this.lastPointerPosition.y-t.clientY};switch(this.lastPointerPosition={x:t.clientX,y:t.clientY},this.dragStartLocation){case"bottom":this.ifValidDragBottom(t,i,this.handleDragBottom);break;case"top":this.ifValidDragTop(t,i,this.handleDragTop);break;case"right":this.ifValidDragRight(t,i,this.handleDragRight);break;case"left":this.ifValidDragLeft(t,i,this.handleDragLeft);break;case"bottom-right":this.ifValidDragBottom(t,i,this.handleDragBottom),this.ifValidDragRight(t,i,this.handleDragRight);break;case"bottom-left":this.ifValidDragBottom(t,i,this.handleDragBottom),this.ifValidDragLeft(t,i,this.handleDragLeft);break;case"top-right":this.ifValidDragTop(t,i,this.handleDragTop),this.ifValidDragRight(t,i,this.handleDragRight);break;case"top-left":this.ifValidDragTop(t,i,this.handleDragTop),this.ifValidDragLeft(t,i,this.handleDragLeft)}}}handleWindowPointerUp(){null!=this.dragStartLocation&&this.emitResizeEnd(this.dragStartLocation),this.lastPointerPosition=void 0,this.dragStartLocation=void 0,window.removeEventListener("pointermove",this.handleDrag),window.removeEventListener("pointerup",this.handleWindowPointerUp)}ifValidDragTop(t,i,o){(i.y<0?t.clientY-this.containerTop>this.top:t.clientY-this.containerTop<=this.top)&&o(i)}ifValidDragBottom(t,i,o){(i.y>0?t.clientY<this.top+this.containerTop+this.height:t.clientY>=this.top+this.containerTop+this.height)&&o(i)}ifValidDragLeft(t,i,o){(i.x<0?t.clientX-this.containerLeft>this.left:t.clientX-this.containerLeft<=this.left)&&o(i)}ifValidDragRight(t,i,o){(i.x>0?t.clientX<this.left+this.containerLeft+this.width:t.clientX>=this.left+this.containerLeft+this.width)&&o(i)}handleDragTop(t){const i=this.height;this.height=this.toBoundedValue(this.height+t.y,this.minHeight||0,this.maxHeight),this.top-=this.height-i}handleDragBottom(t){this.height=this.toBoundedValue(this.height-t.y,this.minHeight||0,this.maxHeight)}handleDragLeft(t){const i=this.width;this.width=this.toBoundedValue(this.width+t.x,this.minWidth||0,this.maxWidth),this.left-=this.width-i}handleDragRight(t){this.width=this.toBoundedValue(this.width-t.x,this.minWidth||0,this.maxWidth)}setStartPosition(t,i){t.stopPropagation(),t.preventDefault(),this.lastPointerPosition={x:t.clientX,y:t.clientY},this.dragStartLocation=i}getSlottedElement(){var t,i,o;if(null!=this.contentSelector)return(null===(t=this.hostElement.shadowRoot)||void 0===t?void 0:t.querySelector(this.contentSelector))||this.hostElement.querySelector(this.contentSelector)||void 0;{const t=(null===(i=this.hostElement.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0;if(null===(o=null==t?void 0:t.assignedElements)||void 0===o?void 0:o.call(t).length)return null==t?void 0:t.assignedElements()[0]}}getMinBounds(){return{x:null!=this.minWidth?this.width-this.minWidth:this.width,y:null!=this.minHeight?this.height-this.minHeight:this.height}}fromComputedStyle(t,i){const o=parseFloat(t);return isNaN(o)||o<=0?void 0:t.includes("%")?o/100*i:o}toBoundedValue(t,i,o){return Math.max(Math.min(t,null!=o?o:t),i)}getSiblingMinWidth(t){var i;const o=null!=this.horizontalSiblingSelector?document.querySelector(this.horizontalSiblingSelector):void 0;if("undefined"!=typeof window&&o){const e=window.getComputedStyle(o);return null!==(i=this.fromComputedStyle(e.minWidth,t))&&void 0!==i?i:0}return 0}getSiblingMinHeight(t){var i;const o=null!=this.verticalSiblingSelector?document.querySelector(this.verticalSiblingSelector):void 0;if("undefined"!=typeof window&&o){const e=window.getComputedStyle(o);return null!==(i=this.fromComputedStyle(e.minHeight,t))&&void 0!==i?i:0}return 0}emitResizeStart(t){n((()=>{this.resizeStart.emit(this.computeResizeEventDetails(t))}))}emitResizeEnd(t){n((()=>{this.resizeEnd.emit(this.computeResizeEventDetails(t))}))}computeResizeEventDetails(t){var i,o,e,h,s;const n=null!=this.parentSelector?null===(i=document.querySelector(this.parentSelector))||void 0===i?void 0:i.getBoundingClientRect():void 0;return{location:t,width:this.width,height:this.height,widthPercentage:this.width/(null!==(e=null!==(o=this.maxWidth)&&void 0!==o?o:null==n?void 0:n.width)&&void 0!==e?e:window.innerWidth),heightPercentage:this.height/(null!==(s=null!==(h=this.maxHeight)&&void 0!==h?h:null==n?void 0:n.height)&&void 0!==s?s:window.innerHeight)}}get hostElement(){return h(this)}};r.style=':host{--hover-shadow-color:var(--vertex-ui-blue-500);--vertical-handle-size:1rem;--vertical-handle-offset:-0.9rem;--horizontal-handle-size:1rem;--horizontal-handle-offset:-0.9rem;--side-direction-handle-z-index:var(--vertex-ui-popover-layer);--corner-handle-z-index:var(--vertex-ui-context-menu-layer)}:host(:not([dimensions-computed=""])){position:absolute;display:none}.container{position:relative;height:100%;width:100%}.container.hidden{position:absolute;visibility:hidden}.shadow{pointer-events:none;position:absolute;width:100%;height:100%;z-index:var(--vertex-ui-popover-layer)}.shadow.hovered-location-left{box-shadow:inset 1px 0 0 var(--hover-shadow-color)}.shadow.hovered-location-right{box-shadow:inset -1px 0 0 var(--hover-shadow-color)}.shadow.hovered-location-top{box-shadow:inset 0 1px 0 var(--hover-shadow-color)}.shadow.hovered-location-bottom{box-shadow:inset 0 -1px 0 var(--hover-shadow-color)}.shadow.hovered-location-bottom-left{box-shadow:inset 1px -1px 0 var(--hover-shadow-color)}.shadow.hovered-location-bottom-right{box-shadow:inset -1px -1px 0 var(--hover-shadow-color)}.shadow.hovered-location-top-left{box-shadow:inset 1px 1px 0 var(--hover-shadow-color)}.shadow.hovered-location-top-right{box-shadow:inset -1px 1px 0 var(--hover-shadow-color)}.handle{position:absolute;visibility:hidden;z-index:var(--side-direction-handle-z-index)}.corner-handle{z-index:var(--corner-handle-z-index)}.left-handle.horizontal-direction-left,.left-handle.horizontal-direction-both{visibility:visible;left:var(--horizontal-handle-offset);top:0;height:100%;width:var(--horizontal-handle-size);cursor:col-resize}.right-handle.horizontal-direction-right,.right-handle.horizontal-direction-both{visibility:visible;right:var(--horizontal-handle-offset);top:0;height:100%;width:var(--horizontal-handle-size);cursor:col-resize}.bottom-handle.vertical-direction-bottom,.bottom-handle.vertical-direction-both{visibility:visible;left:0;bottom:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:100%;cursor:row-resize}.top-handle.vertical-direction-top,.top-handle.vertical-direction-both{visibility:visible;left:0;top:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:100%;cursor:row-resize}.bottom-right-handle.vertical-direction-bottom.horizontal-direction-right,.bottom-right-handle.vertical-direction-both.horizontal-direction-right,.bottom-right-handle.vertical-direction-bottom.horizontal-direction-both,.bottom-right-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;right:var(--horizontal-handle-offset);bottom:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nwse-resize}.bottom-left-handle.vertical-direction-bottom.horizontal-direction-left,.bottom-left-handle.vertical-direction-both.horizontal-direction-left,.bottom-left-handle.vertical-direction-bottom.horizontal-direction-both,.bottom-left-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;left:var(--horizontal-handle-offset);bottom:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nesw-resize}.top-right-handle.vertical-direction-top.horizontal-direction-right,.top-right-handle.vertical-direction-both.horizontal-direction-right,.top-right-handle.vertical-direction-top.horizontal-direction-both,.top-right-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;right:var(--horizontal-handle-offset);top:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nesw-resize}.top-left-handle.vertical-direction-top.horizontal-direction-left,.top-left-handle.vertical-direction-both.horizontal-direction-left,.top-left-handle.vertical-direction-top.horizontal-direction-both,.top-left-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;left:var(--horizontal-handle-offset);top:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nwse-resize}';export{r as vertex_resizable}
@@ -1 +1 @@
1
- import{a as t,c as i,h as s}from"./p-C27tS7nl.js";import{c as h}from"./p-Beav1bNT.js";const e=class{constructor(s){var h;t(this,s),this.inputFocus=i(this,"inputFocus"),this.inputBlur=i(this,"inputBlur"),this.inputInput=i(this,"inputInput"),this.inputChange=i(this,"inputChange"),this.inputSubmit=i(this,"inputSubmit"),this.fontSize="standard",this.multiline=!1,this.value="",this.editing=!1,this.handleKeyDown=t=>{var i,s;"Enter"!==t.detail.key||this.multiline||null===(i=this.textFieldRef)||void 0===i||i.blurInput(),"Escape"===t.detail.key&&(this.resetOnEscape(),null===(s=this.textFieldRef)||void 0===s||s.blurInput())},this.resetOnEscape=()=>{null!=this.textFieldRef&&null!=this.defaultValue&&(this.textFieldRef.updateInput(this.defaultValue),this.editing=!1)},this.handleSubmit=async()=>{var t;const i=await(null===(t=this.textFieldRef)||void 0===t?void 0:t.getInputValue());null!=i&&i!==this.defaultValue&&(this.defaultValue=i,this.inputSubmit.emit({value:i})),this.editing=!1},this.handleInputBlur=this.handleInputBlur.bind(this),this.handleInputFocus=this.handleInputFocus.bind(this),this.handleInputInput=this.handleInputInput.bind(this),this.handleInputChange=this.handleInputChange.bind(this),this.handleSubmit=this.handleSubmit.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.defaultValue=null===(h=this.value)||void 0===h?void 0:h.toString()}render(){return s("div",{key:"d6c9d6921060ed1aadaf9f8a86b38cf55094d1f9",class:"click-to-edit"},s("div",{key:"8c57b870ff66e5a298a36e660c46e6aab774ad45",class:"click-to-edit-text"},s("vertex-textfield",{key:"37207acc6f39f0ecf8e7d87665638a73b357a750",ref:t=>{this.textFieldRef=t},onInputBlur:this.handleInputBlur,onInputFocus:this.handleInputFocus,onInputInput:this.handleInputInput,onInputChange:this.handleInputChange,disabled:this.disabled,fontSize:this.fontSize,autoFocus:this.autoFocus,placeholder:this.placeholder,multiline:this.multiline,minRows:this.minRows,maxRows:this.maxRows,type:"text",value:this.value,variant:"blank",onTextFieldKeyDown:this.handleKeyDown,"data-testid":"click-to-edit-text-field",hasError:this.hasError})),this.renderIcon())}renderIcon(){return this.editing?s("div",{class:"click-to-edit-icon-wrapper"},s("slot",{name:"edit-icon"},s("div",{class:"click-to-edit-button"},s("vertex-icon-button",{iconSize:"sm",iconName:"check"})))):this.disabled?s("div",null):s("div",{class:"click-to-edit-icon-wrapper"},s("slot",{name:"pencil-icon"},s("vertex-icon",{size:"sm",name:"pencil",class:h("icon-visibility","hover-icon")})))}handleInputBlur(t){t.stopPropagation(),this.inputBlur.emit(),this.handleSubmit()}handleInputFocus(t){var i;t.stopPropagation(),this.inputFocus.emit(),null===(i=this.textFieldRef)||void 0===i||i.selectAll(),this.editing=!0}handleInputInput(t){t.stopPropagation(),this.inputInput.emit({value:t.detail.value})}handleInputChange(t){t.stopPropagation(),this.inputChange.emit({value:t.detail.value})}handleValueChanged(t){this.editing||(this.defaultValue=null==t?void 0:t.toString())}static get watchers(){return{value:[{handleValueChanged:0}]}}};export{e as vertex_click_to_edit_textfield}
1
+ import{a as t,c as i,h as s}from"./p-C27tS7nl.js";import{c as h}from"./p-Beav1bNT.js";const e=class{constructor(s){var h;t(this,s),this.inputFocus=i(this,"inputFocus"),this.inputBlur=i(this,"inputBlur"),this.inputInput=i(this,"inputInput"),this.inputChange=i(this,"inputChange"),this.inputSubmit=i(this,"inputSubmit"),this.fontSize="standard",this.multiline=!1,this.value="",this.editing=!1,this.handleKeyDown=t=>{var i,s;"Enter"!==t.detail.key||this.multiline||null===(i=this.textFieldRef)||void 0===i||i.blurInput(),"Escape"===t.detail.key&&(this.resetOnEscape(),null===(s=this.textFieldRef)||void 0===s||s.blurInput())},this.resetOnEscape=()=>{null!=this.textFieldRef&&null!=this.defaultValue&&(this.textFieldRef.updateInput(this.defaultValue),this.editing=!1)},this.handleSubmit=async()=>{var t;const i=await(null===(t=this.textFieldRef)||void 0===t?void 0:t.getInputValue());null!=i&&i!==this.defaultValue&&(this.defaultValue=i,this.inputSubmit.emit({value:i})),this.editing=!1},this.handleInputBlur=this.handleInputBlur.bind(this),this.handleInputFocus=this.handleInputFocus.bind(this),this.handleInputInput=this.handleInputInput.bind(this),this.handleInputChange=this.handleInputChange.bind(this),this.handleSubmit=this.handleSubmit.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.defaultValue=null===(h=this.value)||void 0===h?void 0:h.toString()}render(){return s("div",{key:"6d8558d27745f3044667bdb8c68c3ceb9b3a81e9",class:"click-to-edit"},s("div",{key:"22f95389b5d8222f596a7634ee478f557b0f09fb",class:"click-to-edit-text"},s("vertex-textfield",{key:"646a1482a96da4cff880b34066afdda6c682333d",ref:t=>{this.textFieldRef=t},onInputBlur:this.handleInputBlur,onInputFocus:this.handleInputFocus,onInputInput:this.handleInputInput,onInputChange:this.handleInputChange,disabled:this.disabled,fontSize:this.fontSize,autoFocus:this.autoFocus,placeholder:this.placeholder,multiline:this.multiline,minRows:this.minRows,maxRows:this.maxRows,type:"text",value:this.value,variant:"blank",onTextFieldKeyDown:this.handleKeyDown,"data-testid":"click-to-edit-text-field",hasError:this.hasError})),this.renderIcon())}renderIcon(){return this.editing?s("div",{class:"click-to-edit-icon-wrapper"},s("slot",{name:"edit-icon"},s("div",{class:"click-to-edit-button"},s("vertex-icon-button",{iconSize:"sm",iconName:"check"})))):this.disabled?s("div",null):s("div",{class:"click-to-edit-icon-wrapper"},s("slot",{name:"pencil-icon"},s("vertex-icon",{size:"sm",name:"pencil",class:h("icon-visibility","hover-icon")})))}handleInputBlur(t){t.stopPropagation(),this.inputBlur.emit(),this.handleSubmit()}handleInputFocus(t){var i;t.stopPropagation(),this.inputFocus.emit(),null===(i=this.textFieldRef)||void 0===i||i.selectAll(),this.editing=!0}handleInputInput(t){t.stopPropagation(),this.inputInput.emit({value:t.detail.value})}handleInputChange(t){t.stopPropagation(),this.inputChange.emit({value:t.detail.value})}handleValueChanged(t){this.editing||(this.defaultValue=null==t?void 0:t.toString())}static get watchers(){return{value:[{handleValueChanged:0}]}}};export{e as vertex_click_to_edit_textfield}
@@ -0,0 +1 @@
1
+ import{a as e,c as a,h as t}from"./p-C27tS7nl.js";const d=class{constructor(t){e(this,t),this.menuOpened=a(this,"menuOpened"),this.menuClosed=a(this,"menuClosed"),this.animated=!0,this.placement="bottom-end",this.open=!1,this.handleClick=this.handleClick.bind(this),this.handleMenuClosed=this.handleMenuClosed.bind(this)}render(){return t("vertex-menu",{key:"aa8942d0ab8556fef7324ce46fa8bae7b7ab5c87",open:this.open,animated:this.animated,placement:this.placement,onMenuClosed:this.handleMenuClosed},t("div",{key:"9fbd881436aa76eeecbeec1633f078545b1ffe42",slot:"anchor",onClick:this.handleClick},t("slot",{key:"6c544088bc73f55aac9da962c7343034cfa19985",name:"anchor"})),t("div",{key:"929b5ff193a9adf51434a9c6bdf5ee3f2742de32",class:"root"},t("div",{key:"57736f87a1eed47962d6001f75c0a8b3a4545f6d",slot:"header",class:"header"},t("slot",{key:"51483d71900daeed89233373ded86c0c40450a65",name:"header"})),t("div",{key:"ce076741154dd3f8873452e38f844a6d860d8987",class:"body"},t("slot",{key:"5e07a144904c2030ad9a24fa90713af0d7a07038",name:"body"})),t("div",{key:"1ba95ad9d3da67462e806043f3702d0024556798",class:"learn-more"},t("slot",{key:"c3fae6e84caf6d2f60f4eca25a90b0d2dafe5863",name:"learnMore"}))))}handleClick(e){this.open||(this.open=!0,this.menuOpened.emit(e))}handleMenuClosed(){this.open=!1,this.menuClosed.emit()}};d.style=".root{margin:var(--padding-4)}.header{margin-bottom:var(--padding-2);font-size:0.95em;font-weight:normal;color:var(--neutral-800)}.body,.learn-more{width:225px;font-size:0.85em;color:var(--neutral-700);line-height:1.2em}.learn-more{margin-top:var(--padding-4);color:var(--blue-700);text-align:right}";export{d as vertex_help_tooltip}
@@ -1 +1 @@
1
- import{a as t,h as i,H as s,r as e,d as h}from"./p-C27tS7nl.js";import{g as n}from"./p-DXuCPm6v.js";const o=class{constructor(i){t(this,i),this.minRows=1,this.previousScrollTop=0,this.rowCount=0,this.prepareHiddenTextElement=this.prepareHiddenTextElement.bind(this),this.updateScrollTop=this.updateScrollTop.bind(this),this.computeRowHeights=this.computeRowHeights.bind(this),this.updateValue=this.updateValue.bind(this),this.updatePreviousScrollTop=this.updatePreviousScrollTop.bind(this),this.updateOverflow=this.updateOverflow.bind(this),this.resizeObserver=new ResizeObserver(this.computeRowHeights)}componentWillLoad(){this.computeRowHeights()}componentDidLoad(){this.slottedElement=this.getSlottedTextareaElement(),this.textValue=this.initialValue,this.prepareHiddenTextElement(),this.computeRowHeights(),null!=this.slottedElement&&(this.resizeObserver.observe(this.slottedElement),this.addEventListener())}componentDidRender(){this.computeRowHeights()}disconnectedCallback(){this.removeEventListener(),this.resizeObserver.disconnect()}render(){return i(s,{key:"781d8197d7aad8d42b9e85d45f0703e673d034af"},i("textarea",{key:"92538159615ab83cd4c520cbbc18a51635a50005",class:"hidden-text",ref:t=>{this.hiddenTextRef=t}},this.textValue),i("slot",{key:"97699988d280f3dec9c8ae4c1f822a2ef981adff"}))}addEventListener(){var t,i;null===(t=this.slottedElement)||void 0===t||t.addEventListener("input",this.updateValue),null===(i=this.slottedElement)||void 0===i||i.addEventListener("keydown",this.updatePreviousScrollTop)}removeEventListener(){var t,i;null===(t=this.slottedElement)||void 0===t||t.removeEventListener("input",this.updateValue),null===(i=this.slottedElement)||void 0===i||i.removeEventListener("keydown",this.updatePreviousScrollTop)}updateValue(){null!=this.slottedElement&&(this.textValue=this.slottedElement.value,this.updateOverflow())}updatePreviousScrollTop(){null!=this.slottedElement&&(this.previousScrollTop=this.slottedElement.scrollTop)}updateScrollTop(){null!=this.slottedElement&&(this.slottedElement.scrollTop=null==this.maxRows||this.rowCount>=this.maxRows?this.slottedElement.scrollTop:this.previousScrollTop)}computeRowHeights(){this.updateScrollTop(),e((()=>{var t;if("undefined"!=typeof window&&null!=this.slottedElement&&null!=this.hiddenTextRef){const i=window.getComputedStyle(this.slottedElement),s=Math.floor(parseFloat(i.lineHeight)),e=Math.floor(this.hiddenTextRef.scrollHeight/s);this.rowCount=Math.max(this.minRows,Math.min(null!==(t=this.maxRows)&&void 0!==t?t:e,e)),this.slottedElement.rows=this.rowCount,this.updateOverflow()}}))}prepareHiddenTextElement(){e((()=>{if("undefined"!=typeof window&&null!=this.slottedElement&&null!=this.hiddenTextRef){const t=window.getComputedStyle(this.slottedElement);this.hiddenTextRef.setAttribute("style",`line-height: ${t.lineHeight}; font-size: ${t.fontSize}; font-family: ${t.fontFamily}; padding-left: ${t.paddingLeft}; padding-right: ${t.paddingRight};`)}}))}getSlottedTextareaElement(){const t=n({hostElement:this.hostElement,selector:this.textareaSelector});if(function(t){return"TEXTAREA"===(null==t?void 0:t.tagName)}(t))return t;throw new Error("The vertex-auto-resize-textarea component is only compatible with `HTMLTextAreaElement`s")}updateOverflow(){var t;null===(t=this.slottedElement)||void 0===t||t.setAttribute("style",this.maxRows&&this.rowCount>=this.maxRows?"overflow-y: auto;":"overflow: hidden;")}get hostElement(){return h(this)}};o.style=":host{position:relative;width:100%;height:100%;font-size:0}.hidden-text{position:absolute;box-sizing:border-box;top:0;left:0;height:0;width:100%;padding:0;margin:0;border:none;visibility:hidden;pointer-events:none;overflow:hidden}";export{o as vertex_auto_resize_textarea}
1
+ import{a as t,h as i,H as e,r as s,d as h}from"./p-C27tS7nl.js";import{g as n}from"./p-DXuCPm6v.js";const o=class{constructor(i){t(this,i),this.minRows=1,this.previousScrollTop=0,this.rowCount=0,this.prepareHiddenTextElement=this.prepareHiddenTextElement.bind(this),this.updateScrollTop=this.updateScrollTop.bind(this),this.computeRowHeights=this.computeRowHeights.bind(this),this.updateValue=this.updateValue.bind(this),this.updatePreviousScrollTop=this.updatePreviousScrollTop.bind(this),this.updateOverflow=this.updateOverflow.bind(this),this.resizeObserver=new ResizeObserver(this.computeRowHeights)}componentWillLoad(){this.computeRowHeights()}componentDidLoad(){this.slottedElement=this.getSlottedTextareaElement(),this.textValue=this.initialValue,this.prepareHiddenTextElement(),this.computeRowHeights(),null!=this.slottedElement&&(this.resizeObserver.observe(this.slottedElement),this.addEventListener())}componentDidRender(){this.computeRowHeights()}disconnectedCallback(){this.removeEventListener(),this.resizeObserver.disconnect()}render(){return i(e,{key:"f17e7e16b3a2b07186aaacdee06c878957d8602b"},i("textarea",{key:"d7b9f12efd78cebc7e2b9b2b4a41700c01878e0b",class:"hidden-text",ref:t=>{this.hiddenTextRef=t}},this.textValue),i("slot",{key:"23a4b3e61a8b61d6d38b05089449c7f1be83fecc"}))}addEventListener(){var t,i;null===(t=this.slottedElement)||void 0===t||t.addEventListener("input",this.updateValue),null===(i=this.slottedElement)||void 0===i||i.addEventListener("keydown",this.updatePreviousScrollTop)}removeEventListener(){var t,i;null===(t=this.slottedElement)||void 0===t||t.removeEventListener("input",this.updateValue),null===(i=this.slottedElement)||void 0===i||i.removeEventListener("keydown",this.updatePreviousScrollTop)}updateValue(){null!=this.slottedElement&&(this.textValue=this.slottedElement.value,this.updateOverflow())}updatePreviousScrollTop(){null!=this.slottedElement&&(this.previousScrollTop=this.slottedElement.scrollTop)}updateScrollTop(){null!=this.slottedElement&&(this.slottedElement.scrollTop=null==this.maxRows||this.rowCount>=this.maxRows?this.slottedElement.scrollTop:this.previousScrollTop)}computeRowHeights(){this.updateScrollTop(),s((()=>{var t;if("undefined"!=typeof window&&null!=this.slottedElement&&null!=this.hiddenTextRef){const i=window.getComputedStyle(this.slottedElement),e=Math.floor(parseFloat(i.lineHeight)),s=Math.floor(this.hiddenTextRef.scrollHeight/e);this.rowCount=Math.max(this.minRows,Math.min(null!==(t=this.maxRows)&&void 0!==t?t:s,s)),this.slottedElement.rows=this.rowCount,this.updateOverflow()}}))}prepareHiddenTextElement(){s((()=>{if("undefined"!=typeof window&&null!=this.slottedElement&&null!=this.hiddenTextRef){const t=window.getComputedStyle(this.slottedElement);this.hiddenTextRef.setAttribute("style",`line-height: ${t.lineHeight}; font-size: ${t.fontSize}; font-family: ${t.fontFamily}; padding-left: ${t.paddingLeft}; padding-right: ${t.paddingRight};`)}}))}getSlottedTextareaElement(){const t=n({hostElement:this.hostElement,selector:this.textareaSelector});if(function(t){return"TEXTAREA"===(null==t?void 0:t.tagName)}(t))return t;throw new Error("The vertex-auto-resize-textarea component is only compatible with `HTMLTextAreaElement`s")}updateOverflow(){var t;null===(t=this.slottedElement)||void 0===t||t.setAttribute("style",this.maxRows&&this.rowCount>=this.maxRows?"overflow-y: auto;":"overflow: hidden;")}get hostElement(){return h(this)}};o.style=":host{position:relative;width:100%;height:100%;font-size:0}.hidden-text{position:absolute;box-sizing:border-box;top:0;left:0;height:0;width:100%;padding:0;margin:0;border:none;visibility:hidden;pointer-events:none;overflow:hidden}";export{o as vertex_auto_resize_textarea}
@@ -1 +1 @@
1
- import{a as e,c as s,h as t,d as i}from"./p-C27tS7nl.js";import{c as a}from"./p-Beav1bNT.js";const d=class{constructor(t){e(this,t),this.menuClosed=s(this,"menuClosed"),this.animated=!0,this.open=!1,this.backdrop=!0,this.persistent=!1,this.handlePopoverDismiss=this.handlePopoverDismiss.bind(this)}componentDidLoad(){var e;this.addEventListeners(),this.headerSlot=(null===(e=this.hostElement.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="header"]'))||void 0}disconnectedCallback(){this.removeEventListeners()}connectedCallback(){this.addEventListeners()}render(){return t("vertex-popover",{key:"521d5e3afcd3b7cf06a2ef05c301b89fff74f902",ref:e=>{this.popoverRef=e},open:this.open,animated:this.animated,position:this.position,placement:this.placement,backdrop:this.backdrop,flipBehavior:null!=this.fallbackPlacements?{fallbackPlacements:this.fallbackPlacements}:void 0,...this.popoverProps},null==this.position&&t("div",{key:"9ff02358a94a3ec32a9396dcb5abfe8e28784661",slot:"anchor"},t("slot",{key:"2cdb02c65c5ae2769f4c6a3976d04fae883692f9",name:"anchor"})),t("div",{key:"ac4cd4ac711c43de2cb27cd72dd505125f8827c6",onClick:()=>{this.persistent||(this.open=!1,this.menuClosed.emit())},class:a("root",{"has-header":null!=this.headerSlot})},t("slot",{key:"fe4cff0ea3ed220882a2e31a56a28eabf3fb60c2",name:"header"}),t("slot",{key:"3b0ef7747644f0dc967df16e3945da1b3ca7a233"})))}addEventListeners(){var e,s;null===(e=this.listenerDisposable)||void 0===e||e.dispose(),null===(s=this.popoverRef)||void 0===s||s.addEventListener("dismissed",this.handlePopoverDismiss),this.listenerDisposable={dispose:()=>{var e;null===(e=this.popoverRef)||void 0===e||e.removeEventListener("dismissed",this.handlePopoverDismiss)}}}removeEventListeners(){var e;null===(e=this.listenerDisposable)||void 0===e||e.dispose()}handlePopoverDismiss(){this.open=!1,this.menuClosed.emit()}get hostElement(){return i(this)}};d.style=":host{--background-color:var(--vertex-ui-white);--menu-padding:0.19em 0}.root{padding:var(--menu-padding);border:1px solid var(--vertex-ui-neutral-400);border-radius:0.25rem;box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);background-color:var(--background-color);z-index:var(--vertex-ui-context-menu-layer)}.has-header{padding-top:0}";export{d as vertex_menu}
1
+ import{a as e,c as s,h as t,d as i}from"./p-C27tS7nl.js";import{c as a}from"./p-Beav1bNT.js";const d=class{constructor(t){e(this,t),this.menuClosed=s(this,"menuClosed"),this.animated=!0,this.open=!1,this.backdrop=!0,this.persistent=!1,this.handlePopoverDismiss=this.handlePopoverDismiss.bind(this)}componentDidLoad(){var e;this.addEventListeners(),this.headerSlot=(null===(e=this.hostElement.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="header"]'))||void 0}disconnectedCallback(){this.removeEventListeners()}connectedCallback(){this.addEventListeners()}render(){return t("vertex-popover",{key:"da4e0d42641bdb135542d2823c9f1e89bb0512e6",ref:e=>{this.popoverRef=e},open:this.open,animated:this.animated,position:this.position,placement:this.placement,backdrop:this.backdrop,flipBehavior:null!=this.fallbackPlacements?{fallbackPlacements:this.fallbackPlacements}:void 0,...this.popoverProps},null==this.position&&t("div",{key:"3bb19832194b818c37697a90a9adac721f12feeb",slot:"anchor"},t("slot",{key:"0eeca18d7ef462ccf01abd150df2226a9726113c",name:"anchor"})),t("div",{key:"45e2dbd269605ec5589dbb0444b5db83b6e9a84c",onClick:()=>{this.persistent||(this.open=!1,this.menuClosed.emit())},class:a("root",{"has-header":null!=this.headerSlot})},t("slot",{key:"b9735d213f7210c60ee21bfdf0728cec70e2a44c",name:"header"}),t("slot",{key:"dea463aa0da1b65096ebbe83fbc133c9d801c750"})))}addEventListeners(){var e,s;null===(e=this.listenerDisposable)||void 0===e||e.dispose(),null===(s=this.popoverRef)||void 0===s||s.addEventListener("dismissed",this.handlePopoverDismiss),this.listenerDisposable={dispose:()=>{var e;null===(e=this.popoverRef)||void 0===e||e.removeEventListener("dismissed",this.handlePopoverDismiss)}}}removeEventListeners(){var e;null===(e=this.listenerDisposable)||void 0===e||e.dispose()}handlePopoverDismiss(){this.open=!1,this.menuClosed.emit()}get hostElement(){return i(this)}};d.style=":host{--background-color:var(--vertex-ui-white);--menu-padding:0.19em 0}.root{padding:var(--menu-padding);border:1px solid var(--vertex-ui-neutral-400);border-radius:0.25rem;box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);background-color:var(--background-color);z-index:var(--vertex-ui-context-menu-layer)}.has-header{padding-top:0}";export{d as vertex_menu}
@@ -0,0 +1 @@
1
+ import{a as e,h as r}from"./p-C27tS7nl.js";import{c as t}from"./p-Beav1bNT.js";const i=class{constructor(r){e(this,r),this.variant="filled",this.color="secondary",this.size="md"}render(){return r("div",{key:"13af3c5c98810cc30064a2121b0354f40b076753",class:t("root",this.size,{filled:"filled"===this.variant,outlined:"outlined"===this.variant,"chip-primary":"primary"===this.color,"chip-secondary":"secondary"===this.color})},r("div",{key:"41f2150577c1a3e98a9eef89462c8d5c5ffe424d",class:"avatar"},r("slot",{key:"b591d3659756e45d7cdc8c91008ccb2cc2bb6068",name:"avatar"})),r("slot",{key:"53ffe1b0ca2b1458abe5c06bbbe2ff330a60857e",name:"icon-start"}),r("slot",{key:"211dce4cf11e822c087403c99ed61d2f0d03f3dd"}),r("slot",{key:"ef06337811596fa68647638ed24e5bd7b10b9320",name:"icon"}))}};i.style=".root{display:flex;align-items:center;width:fit-content;border-radius:16px}.root.sm{font-size:var(--vertex-ui-text-sm);padding:0.33rem;padding-left:0.25rem;max-height:0.75rem}.root.md{font-size:var(--vertex-ui-text-base);padding:0.5rem;padding-left:0.25rem;max-height:1rem}.root.lg{font-size:var(--vertex-ui-text-base);padding:0.75rem;padding-left:0.25rem;max-height:1.25rem}.filled{color:white}.chip-primary{color:white}.chip-secondary{color:var(--vertex-ui-neutral-800)}.filled.chip-secondary{color:var(--vertex-ui-neutral-800);background-color:var(--vertex-ui-neutral-200)}.filled.chip-primary{background-color:var(--vertex-ui-blue-700)}.outlined.chip-primary{border:1px solid var(--vertex-ui-blue-700);color:var(--vertex-ui-blue-700)}.outlined.chip-secondary{border:1px solid var(--vertex-ui-neutral-200);color:var(--vertex-ui-neutral-700)}.avatar{margin-right:0.25rem}";export{i as vertex_chip}
@@ -1 +1 @@
1
- import{a as e,c as r,h as a}from"./p-C27tS7nl.js";import{c as i}from"./p-Beav1bNT.js";const o=class{constructor(a){e(this,a),this.valueChanged=r(this,"valueChanged"),this.disabled=!1}render(){return a("label",{key:"9cfcdcc8d4c33bea901c1880c12f24157c67f5a6",class:i("radio",{disabled:this.disabled})},a("input",{key:"8543fe1dbd8e8b338d155c0f3932b41b51a59a78",disabled:this.disabled,onChange:e=>{const r=e.target;this.valueChanged.emit({checked:r.checked,value:r.value})},type:"radio",id:`vertex-radio-${this.name}-${this.value}`,name:this.name,value:this.value,checked:this.checked}),a("span",{key:"e0c333b342cbbf23a94e27925ed4ac1d51800cb6",class:i("checkmark",{disabled:this.disabled})}),this.label)}};o.style='.radio.sc-vertex-radio{display:inline-flex;position:relative;font-family:var(--vertex-ui-font-family);color:var( --vertex-ui-neutral-700);margin:4px 0px;white-space:nowrap}.radio.sc-vertex-radio:not(.disabled):hover{color:var( --vertex-ui-neutral-800)}.radio.sc-vertex-radio input.sc-vertex-radio{position:absolute;opacity:0;cursor:pointer}.radio.sc-vertex-radio:not(.disabled){cursor:pointer}.radio.disabled.sc-vertex-radio input.sc-vertex-radio{cursor:not-allowed}.checkmark.sc-vertex-radio{display:flex;position:relative;margin:auto;margin-right:0.75rem;height:16px;width:16px;background-color:var(--vertex-ui-white);border-radius:50%;border:1px solid var(--vertex-ui-neutral-400)}.checkmark.disabled.sc-vertex-radio{cursor:not-allowed}.radio.sc-vertex-radio:not(.disabled):hover input.sc-vertex-radio~.checkmark.sc-vertex-radio{border:1px solid var(--vertex-ui-neutral-500);cursor:pointer}.radio.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid var(--vertex-ui-blue-700)}.radio.disabled.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid var( --vertex-ui-neutral-400)}.radio.sc-vertex-radio:not(.disabled):hover input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid var(--vertex-ui-blue-500);cursor:pointer}.checkmark.sc-vertex-radio:after{content:"";position:absolute;display:none}.radio.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio:after{display:flex}.radio.sc-vertex-radio .checkmark.sc-vertex-radio:after{position:relative;margin:auto;width:12px;height:12px;border-radius:50%;background:var(--vertex-ui-blue-700)}.radio.sc-vertex-radio:hover .checkmark.sc-vertex-radio:after{background:var(--vertex-ui-blue-500);cursor:pointer}.radio.disabled.sc-vertex-radio .checkmark.sc-vertex-radio:after{background:var( --vertex-ui-neutral-400)}.disabled.sc-vertex-radio{color:var( --vertex-ui-neutral-400)}';export{o as vertex_radio}
1
+ import{a as e,c as r,h as a}from"./p-C27tS7nl.js";import{c as i}from"./p-Beav1bNT.js";const o=class{constructor(a){e(this,a),this.valueChanged=r(this,"valueChanged"),this.disabled=!1}render(){return a("label",{key:"aa10aec61650e5add364c5985103b4a1454ab4f6",class:i("radio",{disabled:this.disabled})},a("input",{key:"b098d0cdf58d0f5ab5338b018302894088f082be",disabled:this.disabled,onChange:e=>{const r=e.target;this.valueChanged.emit({checked:r.checked,value:r.value})},type:"radio",id:`vertex-radio-${this.name}-${this.value}`,name:this.name,value:this.value,checked:this.checked}),a("span",{key:"79ba876704c1027854a2cc6470ff379b7a554fd2",class:i("checkmark",{disabled:this.disabled})}),this.label)}};o.style='.radio.sc-vertex-radio{display:inline-flex;position:relative;font-family:var(--vertex-ui-font-family);color:var( --vertex-ui-neutral-700);margin:4px 0px;white-space:nowrap}.radio.sc-vertex-radio:not(.disabled):hover{color:var( --vertex-ui-neutral-800)}.radio.sc-vertex-radio input.sc-vertex-radio{position:absolute;opacity:0;cursor:pointer}.radio.sc-vertex-radio:not(.disabled){cursor:pointer}.radio.disabled.sc-vertex-radio input.sc-vertex-radio{cursor:not-allowed}.checkmark.sc-vertex-radio{display:flex;position:relative;margin:auto;margin-right:0.75rem;height:16px;width:16px;background-color:var(--vertex-ui-white);border-radius:50%;border:1px solid var(--vertex-ui-neutral-400)}.checkmark.disabled.sc-vertex-radio{cursor:not-allowed}.radio.sc-vertex-radio:not(.disabled):hover input.sc-vertex-radio~.checkmark.sc-vertex-radio{border:1px solid var(--vertex-ui-neutral-500);cursor:pointer}.radio.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid var(--vertex-ui-blue-700)}.radio.disabled.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid var( --vertex-ui-neutral-400)}.radio.sc-vertex-radio:not(.disabled):hover input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid var(--vertex-ui-blue-500);cursor:pointer}.checkmark.sc-vertex-radio:after{content:"";position:absolute;display:none}.radio.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio:after{display:flex}.radio.sc-vertex-radio .checkmark.sc-vertex-radio:after{position:relative;margin:auto;width:12px;height:12px;border-radius:50%;background:var(--vertex-ui-blue-700)}.radio.sc-vertex-radio:hover .checkmark.sc-vertex-radio:after{background:var(--vertex-ui-blue-500);cursor:pointer}.radio.disabled.sc-vertex-radio .checkmark.sc-vertex-radio:after{background:var( --vertex-ui-neutral-400)}.disabled.sc-vertex-radio{color:var( --vertex-ui-neutral-400)}';export{o as vertex_radio}
@@ -1 +1 @@
1
- import{t as e,p as t,H as r,h as s}from"./p-BbDaHMlz.js";const o=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s("div",{key:"512e5e2fa2dac7780bbad2c00ccb0875617dc158",class:"root"})}static get style(){return":host{--color:var(--vertex-ui-neutral-300)}.root{margin:0.12em 0;border-top:1px solid var(--color)}"}},[1,"vertex-menu-divider"]);function n(){"undefined"!=typeof customElements&&["vertex-menu-divider"].forEach((t=>{"vertex-menu-divider"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}n();export{o as M,n as d}
1
+ import{t as e,p as t,H as r,h as s}from"./p-BbDaHMlz.js";const o=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s("div",{key:"76b6cf052926ae1b68f0af2198d55d3df412af7f",class:"root"})}static get style(){return":host{--color:var(--vertex-ui-neutral-300)}.root{margin:0.12em 0;border-top:1px solid var(--color)}"}},[1,"vertex-menu-divider"]);function n(){"undefined"!=typeof customElements&&["vertex-menu-divider"].forEach((t=>{"vertex-menu-divider"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}n();export{o as M,n as d}
@@ -1 +1 @@
1
- import{a as e,c as t,h as i,H as a}from"./p-C27tS7nl.js";import{c as r}from"./p-Beav1bNT.js";import{i as s}from"./p-DgySd_r0.js";const l=class{constructor(i){e(this,i),this.valueInput=t(this,"valueInput"),this.valueChanged=t(this,"valueChanged"),this.size="md",this.variant="full",this.expand="block",this.disabled=!1,this.handleInput=e=>{this.value=e.target.value||""},this.handleChange=()=>{this.valueChanged.emit(this.value)}}valueChange(){this.valueInput.emit(this.value)}render(){var e;return i(a,{key:"88b31c336ea401f00f223cfb6665770b29f3c711"},i("div",{key:"ac9ce86e39ecbd741279921aa30516643ad48207",class:r("wrapper",this.variant,this.size,`expand-${this.expand}`)},i("label",{key:"1332bed2d4e57d862a50d1724736f4ddca38fad9",class:r("color-picker",{disabled:this.disabled})},i("input",{key:"df8035f1e3ca35d376ca7d6d3a6994a2a5510eca",type:"color",class:"input","data-testid":"input",disabled:this.disabled,value:this.value,onInput:this.handleInput,onChange:this.handleChange}),i("div",{key:"caf37bc3d51b427f5965df4c60a6cc7b878712e7",class:r("selected-wrapper",this.variant)},i("div",{key:"8f79f6a2f1c71a2857f0679099ad02443bd92d9d",class:"selected",title:this.value},i("vertex-color-swatch",{key:"78740fb1826e06fa370889ff6c8c0ec3a3428f3d",class:"selected-color",supplementalColor:"var(--vertex-ui-neutral-400)",color:this.value,variant:"square",size:this.size},i("slot",{key:"83134302cf540ebb134171ee8b24c7300dcb360a",name:"overlay",slot:"overlay"},(null==this.value||""===this.value)&&i("svg",{key:"1387e7cef5ac7c9cf91c792376b2062c8d52b41e",class:"no-value",slot:"overlay",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"},i("path",{key:"f620697f4296232560923e5b72fbb5625588e3e0",d:"M16,0L0,16"}))))),"full"===this.variant&&i("div",{key:"9df94ff8660ef30d02d0a545cb44ee15ca04a9c1",class:"text-wrapper"},i("div",{key:"5cc516c55bc4800be318a3832332e7dc2111aa63",class:"hidden-text"},"#FFFFFF"),i("div",{key:"8fdf4e46cc4da0ae138fcb2321cf7865b38e878a",class:"selected-text"},null!==(e=this.getDisplayedValue())&&void 0!==e?e:"Default"))),i("div",{key:"a5ad876e6ecb96c912cac49caf1c33cadb871bc1",class:"right-gutter"},i("slot",{key:"e4402a6bb8c182ff7979897ae77538e303767ae6",name:"right-gutter"})))))}getDisplayedValue(){var e;if(null!=this.value&&s(this.value))return null===(e=this.value)||void 0===e?void 0:e.toLocaleUpperCase()}static get watchers(){return{value:[{valueChange:0}]}}};l.style=':host{display:flex;--selected-color-width:initial;--selected-color-height:initial}.wrapper{display:inline-flex;align-items:center}.wrapper.expand-full{width:100%}.wrapper.full{padding:0.375rem 0.5rem;border:1px solid var(--vertex-ui-neutral-300);border-radius:4px}.color-picker{width:100%;display:inline-flex;position:relative;cursor:pointer}.color-picker.disabled{opacity:0.5;cursor:default}.selected-wrapper{position:relative;display:flex;align-items:center}.wrapper.full .selected-wrapper{gap:0.75rem}.selected{position:relative}.wrapper.sm .selected{width:var(--selected-color-width, 1rem);height:var(--selected-color-height, 1rem)}.wrapper.md .selected{width:var(--selected-color-width, 1.25rem);height:var(--selected-color-height, 1.25rem)}.wrapper.lg .selected{width:var(--selected-color-width, 1.5rem);height:var(--selected-color-height, 1.5rem)}.text-wrapper{position:relative;min-width:3.6rem}.selected-text{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;color:var(--vertex-ui-neutral-700);text-align:center;font-family:var(--vertex-ui-font-family)}.hidden-text{visibility:hidden;pointer-events:none;font-family:var(--vertex-ui-font-family-monospace)}.wrapper.sm .selected-text,.wrapper.sm .hidden-text{font-size:var(--vertex-ui-text-xs)}.wrapper.md .selected-text,.wrapper.md .hidden-text{font-size:var(--vertex-ui-text-xs)}.wrapper.lg .selected-text,.wrapper.lg .hidden-text{font-size:var(--vertex-ui-text-xs)}.no-value{width:100%;height:100%;stroke:var(--vertex-ui-red-400)}.right-gutter{display:flex;align-items:center;margin-left:auto}slot[name="right-gutter"]::slotted(*){padding:0}.input{display:flex;position:absolute;pointer-events:none;height:100%;width:100%;left:0;top:0;opacity:0}';export{l as vertex_color_picker}
1
+ import{a as e,c as t,h as i,H as a}from"./p-C27tS7nl.js";import{c as r}from"./p-Beav1bNT.js";import{i as s}from"./p-DgySd_r0.js";const l=class{constructor(i){e(this,i),this.valueInput=t(this,"valueInput"),this.valueChanged=t(this,"valueChanged"),this.size="md",this.variant="full",this.expand="block",this.disabled=!1,this.handleInput=e=>{this.value=e.target.value||""},this.handleChange=()=>{this.valueChanged.emit(this.value)}}valueChange(){this.valueInput.emit(this.value)}render(){var e;return i(a,{key:"667b520f56cf716dfa31f40c951d26ac5dcab26a"},i("div",{key:"d2f7e8680a984699bc73dbf518ff84834c5ed96e",class:r("wrapper",this.variant,this.size,`expand-${this.expand}`)},i("label",{key:"a39925f58bb531587bbfae72acec44782060085e",class:r("color-picker",{disabled:this.disabled})},i("input",{key:"ecb2793caeec10f84918fc859164eaaf976e96f3",type:"color",class:"input","data-testid":"input",disabled:this.disabled,value:this.value,onInput:this.handleInput,onChange:this.handleChange}),i("div",{key:"6a59152ef20f75dc9096ba21800889651f1af0ce",class:r("selected-wrapper",this.variant)},i("div",{key:"c38ee8cd7246b6fb103c53527d601b2407a69c09",class:"selected",title:this.value},i("vertex-color-swatch",{key:"7e1927fe4fe1f8d755ef7309fd8d23bb0eacb1c3",class:"selected-color",supplementalColor:"var(--vertex-ui-neutral-400)",color:this.value,variant:"square",size:this.size},i("slot",{key:"0c03489ad2a3065e3d1807a99c7fa7cc09c4d02b",name:"overlay",slot:"overlay"},(null==this.value||""===this.value)&&i("svg",{key:"129e5ade5aeeda9298317bb554367f39d9d27a45",class:"no-value",slot:"overlay",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"},i("path",{key:"dfa5366828457b54b526142764e9f95567b50e3e",d:"M16,0L0,16"}))))),"full"===this.variant&&i("div",{key:"d47a9a6bc8fe494dbed0706e662668e27f430d56",class:"text-wrapper"},i("div",{key:"d2d8b6646ae4e39e9a9589fcaa1e8b8b24af2d72",class:"hidden-text"},"#FFFFFF"),i("div",{key:"3d040137786c44645f5543c8bf776330805e4f43",class:"selected-text"},null!==(e=this.getDisplayedValue())&&void 0!==e?e:"Default"))),i("div",{key:"c63b7e6017c44800fe098357a7aeb410c7a24193",class:"right-gutter"},i("slot",{key:"aea2733eca5376dd7a3181be8be3d7575cfdbc3d",name:"right-gutter"})))))}getDisplayedValue(){var e;if(null!=this.value&&s(this.value))return null===(e=this.value)||void 0===e?void 0:e.toLocaleUpperCase()}static get watchers(){return{value:[{valueChange:0}]}}};l.style=':host{display:flex;--selected-color-width:initial;--selected-color-height:initial}.wrapper{display:inline-flex;align-items:center}.wrapper.expand-full{width:100%}.wrapper.full{padding:0.375rem 0.5rem;border:1px solid var(--vertex-ui-neutral-300);border-radius:4px}.color-picker{width:100%;display:inline-flex;position:relative;cursor:pointer}.color-picker.disabled{opacity:0.5;cursor:default}.selected-wrapper{position:relative;display:flex;align-items:center}.wrapper.full .selected-wrapper{gap:0.75rem}.selected{position:relative}.wrapper.sm .selected{width:var(--selected-color-width, 1rem);height:var(--selected-color-height, 1rem)}.wrapper.md .selected{width:var(--selected-color-width, 1.25rem);height:var(--selected-color-height, 1.25rem)}.wrapper.lg .selected{width:var(--selected-color-width, 1.5rem);height:var(--selected-color-height, 1.5rem)}.text-wrapper{position:relative;min-width:3.6rem}.selected-text{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;color:var(--vertex-ui-neutral-700);text-align:center;font-family:var(--vertex-ui-font-family)}.hidden-text{visibility:hidden;pointer-events:none;font-family:var(--vertex-ui-font-family-monospace)}.wrapper.sm .selected-text,.wrapper.sm .hidden-text{font-size:var(--vertex-ui-text-xs)}.wrapper.md .selected-text,.wrapper.md .hidden-text{font-size:var(--vertex-ui-text-xs)}.wrapper.lg .selected-text,.wrapper.lg .hidden-text{font-size:var(--vertex-ui-text-xs)}.no-value{width:100%;height:100%;stroke:var(--vertex-ui-red-400)}.right-gutter{display:flex;align-items:center;margin-left:auto}slot[name="right-gutter"]::slotted(*){padding:0}.input{display:flex;position:absolute;pointer-events:none;height:100%;width:100%;left:0;top:0;opacity:0}';export{l as vertex_color_picker}
@@ -1 +1 @@
1
- import{a as i,c as t,r as e,h as a}from"./p-C27tS7nl.js";import{c as o}from"./p-Beav1bNT.js";const n=class{constructor(a){i(this,a),this.positionChanged=t(this,"positionChanged"),this.anchorPosition={x:0,y:0},this.lastPosition={x:0,y:0},this.dragging=!1,this.handlePointerDown=i=>{this.updateAnchorPosition(),this.lastPosition={x:i.clientX,y:i.clientY},this.dragging=!0,window.addEventListener("pointermove",this.handlePointerMove),window.addEventListener("pointerup",this.handlePointerUp)},this.handlePointerMove=i=>{const t={x:i.clientX,y:i.clientY};this.anchorPosition={x:this.anchorPosition.x+(t.x-this.lastPosition.x),y:this.anchorPosition.y+(t.y-this.lastPosition.y)},this.lastPosition=t},this.handlePointerUp=()=>{this.updateAnchorPosition(),this.lastPosition=this.anchorPosition,this.dragging=!1,window.removeEventListener("pointermove",this.handlePointerMove),window.removeEventListener("pointerup",this.handlePointerUp)},this.updateAnchorPosition=()=>{e((()=>{if(null!=this.containerEl){const i=this.containerEl.getBoundingClientRect();this.anchorPosition={x:i.x,y:i.y}}}))}}connectedCallback(){this.updatePosition(this.position)}updatePosition(i){null!=i&&(this.anchorPosition="object"==typeof i?i:JSON.parse(i),this.lastPosition=this.anchorPosition)}lastPositionChanged(){this.positionChanged.emit(this.anchorPosition)}render(){return a("vertex-popover",{key:"bf4bfc7eafe7092daca929534d7c9a35ab942cdc",position:this.anchorPosition,boundarySelector:this.boundarySelector,backdrop:!1,open:!0,resizeBehavior:"fixed",updateOnResize:!this.dragging,overflowBehavior:{altBoundary:!0,padding:this.boundaryPadding},flipBehavior:{fallbackPlacements:[],fallbackStrategy:"initialPlacement"}},a("div",{key:"4a7219bc0062f115e6a6a69f2540c14c23dea637",ref:i=>this.containerEl=i,class:o("container",{dragging:this.dragging})},a("div",{key:"aa23859e386574c411da4cc2354e12eda1046655",class:"icon-container"},a("div",{key:"935108affd1127d2250c1998201afa034d58a754",class:"icon",onPointerDown:this.handlePointerDown},a("slot",{key:"f2ef34f1fc7ff951dd0e9452d8e7180de7f41f93",name:"drag-icon"},a("vertex-icon",{key:"a8a6e781e4eaaabe6e6220ef314f9231de63fef0",size:"sm",name:"drag-indicator"})))),a("div",{key:"75000d2d33a6abed79141e1860fffb5eb0857c7a",class:"contents"},a("slot",{key:"2b8fb48efab87254785a301a0755b0f48db1ee73"}))))}static get watchers(){return{position:[{updatePosition:0}],lastPosition:[{lastPositionChanged:0}]}}};n.style="button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{position:fixed;top:0;left:0;white-space:nowrap;--background-color:var(--vertex-ui-white);--color:var(--vertex-ui-neutral-700);--background-opacity:0.95;--contents-opacity:0.95;--font-family:var(--vertex-ui-font-family);--font-size:var(--vertex-ui-text-base);--drag-icon:all-scroll;--dragging-icon:all-scroll}.container{display:flex;column-gap:0.5rem;padding:0.8125rem 0.5625rem 1rem 0.625rem;background-color:rgb(from var(--background-color) r g b / var(--background-opacity));border-radius:0.5rem;box-shadow:0 0 5px rgba(0, 0, 0, 0.25);color:var(--color);font-family:var(--font-family);font-size:var(--font-size)}.container:not(.dragging) .icon{cursor:var(--drag-icon)}.container.dragging{cursor:var(--dragging-icon)}.container.dragging *{user-select:none}.icon-container{display:flex;flex-direction:column}.icon-button{display:flex;align-items:center}.contents{opacity:var(--contents-opacity)}";export{n as vertex_draggable_popover}
1
+ import{a as i,c as t,r as o,h as e}from"./p-C27tS7nl.js";import{c as a}from"./p-Beav1bNT.js";const n=class{constructor(e){i(this,e),this.positionChanged=t(this,"positionChanged"),this.anchorPosition={x:0,y:0},this.lastPosition={x:0,y:0},this.dragging=!1,this.handlePointerDown=i=>{this.updateAnchorPosition(),this.lastPosition={x:i.clientX,y:i.clientY},this.dragging=!0,window.addEventListener("pointermove",this.handlePointerMove),window.addEventListener("pointerup",this.handlePointerUp)},this.handlePointerMove=i=>{const t={x:i.clientX,y:i.clientY};this.anchorPosition={x:this.anchorPosition.x+(t.x-this.lastPosition.x),y:this.anchorPosition.y+(t.y-this.lastPosition.y)},this.lastPosition=t},this.handlePointerUp=()=>{this.updateAnchorPosition(),this.lastPosition=this.anchorPosition,this.dragging=!1,window.removeEventListener("pointermove",this.handlePointerMove),window.removeEventListener("pointerup",this.handlePointerUp)},this.updateAnchorPosition=()=>{o((()=>{if(null!=this.containerEl){const i=this.containerEl.getBoundingClientRect();this.anchorPosition={x:i.x,y:i.y}}}))}}connectedCallback(){this.updatePosition(this.position)}updatePosition(i){null!=i&&(this.anchorPosition="object"==typeof i?i:JSON.parse(i),this.lastPosition=this.anchorPosition)}lastPositionChanged(){this.positionChanged.emit(this.anchorPosition)}render(){return e("vertex-popover",{key:"86c20b3ba5b63eb38f21549573e122ccb8144212",position:this.anchorPosition,boundarySelector:this.boundarySelector,backdrop:!1,open:!0,resizeBehavior:"fixed",updateOnResize:!this.dragging,overflowBehavior:{altBoundary:!0,padding:this.boundaryPadding},flipBehavior:{fallbackPlacements:[],fallbackStrategy:"initialPlacement"}},e("div",{key:"8fb98d6b8d6d5e87ca073f4b3c63b7d50d6257b8",ref:i=>this.containerEl=i,class:a("container",{dragging:this.dragging})},e("div",{key:"b16df51174e835c41a07c1f1b73a94455a4e757d",class:"icon-container"},e("div",{key:"48fd741e3b37abc7ce437ddc35fe704bff14b495",class:"icon",onPointerDown:this.handlePointerDown},e("slot",{key:"cb89ddbe45eed5e474dc4fcc9b423381bcbc2db4",name:"drag-icon"},e("vertex-icon",{key:"0e2d8df939e14b2c9215ceb8b864219bc925bb47",size:"sm",name:"drag-indicator"})))),e("div",{key:"6e125a7c43116749f52c0dbb5cedd763aaa66262",class:"contents"},e("slot",{key:"091a965249d66f7138faaa53081e200ba26288a1"}))))}static get watchers(){return{position:[{updatePosition:0}],lastPosition:[{lastPositionChanged:0}]}}};n.style="button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{position:fixed;top:0;left:0;white-space:nowrap;--background-color:var(--vertex-ui-white);--color:var(--vertex-ui-neutral-700);--background-opacity:0.95;--contents-opacity:0.95;--font-family:var(--vertex-ui-font-family);--font-size:var(--vertex-ui-text-base);--drag-icon:all-scroll;--dragging-icon:all-scroll}.container{display:flex;column-gap:0.5rem;padding:0.8125rem 0.5625rem 1rem 0.625rem;background-color:rgb(from var(--background-color) r g b / var(--background-opacity));border-radius:0.5rem;box-shadow:0 0 5px rgba(0, 0, 0, 0.25);color:var(--color);font-family:var(--font-family);font-size:var(--font-size)}.container:not(.dragging) .icon{cursor:var(--drag-icon)}.container.dragging{cursor:var(--dragging-icon)}.container.dragging *{user-select:none}.icon-container{display:flex;flex-direction:column}.icon-button{display:flex;align-items:center}.contents{opacity:var(--contents-opacity)}";export{n as vertex_draggable_popover}
@@ -1 +1 @@
1
- import{a as i,h as e}from"./p-C27tS7nl.js";import{c as t}from"./p-Beav1bNT.js";import{g as s}from"./p-DHNuRvq0.js";const r=class{constructor(e){i(this,e),this.size="md"}render(){return e("div",{key:"4e0872b4c1aef6cfde8cb837d022b1546d08be87",class:"container"},e("div",{key:"6a3e7a4bc21a2b862fc64c7d0f9e6c17b853d0fa",class:t("icon",{xs:"xs"===this.size,sm:"sm"===this.size,md:"md"===this.size,lg:"lg"===this.size})},s(this.name)))}};r.style=".container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon{display:flex;justify-content:center;align-items:center;fill:currentColor}.xs{height:var(--icon-size, 0.75rem);width:var(--icon-size, 0.75rem)}.sm{height:var(--icon-size, 1rem);width:var(--icon-size, 1rem)}.md{height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.lg{height:var(--icon-size, 2rem);width:var(--icon-size, 2rem)}svg{position:relative;width:100%}";export{r as vertex_icon}
1
+ import{a as i,h as e}from"./p-C27tS7nl.js";import{c as t}from"./p-Beav1bNT.js";import{g as s}from"./p-BItoqEjI.js";const r=class{constructor(e){i(this,e),this.size="md"}render(){return e("div",{key:"8e0181f7e02c3f79640a780b4911f72b1ebfadb3",class:"container"},e("div",{key:"7a51fdd9493b060595225247e5c82f40e4438371",class:t("icon",{xs:"xs"===this.size,sm:"sm"===this.size,md:"md"===this.size,lg:"lg"===this.size})},s(this.name)))}};r.style=".container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon{display:flex;justify-content:center;align-items:center;fill:currentColor}.xs{height:var(--icon-size, 0.75rem);width:var(--icon-size, 0.75rem)}.sm{height:var(--icon-size, 1rem);width:var(--icon-size, 1rem)}.md{height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.lg{height:var(--icon-size, 2rem);width:var(--icon-size, 2rem)}svg{position:relative;width:100%}";export{r as vertex_icon}
@@ -0,0 +1 @@
1
+ import{a as e,h as a,H as t}from"./p-C27tS7nl.js";import{c as d}from"./p-Beav1bNT.js";const o=class{constructor(a){e(this,a),this.selected=!1,this.hovered=!1,this.expanded=!1}render(){return a(t,{key:"5007d989334605ca58b504634af0bac7286c7c4c"},a("div",{key:"4e1372afb89a989b44d5d85a41cf7cf09bac43d6",class:d("root",{selected:this.selected,hovered:this.hovered})},a("div",{key:"e22b861a35ea81e65cbddb8d6f9e80de340c2002",class:"content"},a("slot",{key:"00c9dfa0eddee6ae95ddd7b1d82fbca2114a1bcb",name:"primary"})),a("div",{key:"770afca2c2f2358b3053f0de4c68da9e69ce7e5f",class:d({hidden:!this.selected})},a("slot",{key:"5f61f74b77b1fffc392bd9d855e1f0adbd7c842b"}),a("div",{key:"ee11f39360fa9e6445e5e3cbbee876477f2bed2d","data-testid":"expanded-content-wrapper",class:d({hidden:!this.expanded})},a("slot",{key:"9539c83df6b4c187df9042644634d355c6a718d8",name:"expanded-content"})),a("div",{key:"6dff562be68839ef8877940b96b89a19a0b19ad9","data-testid":"expanded-target-wrapper",class:d({hidden:this.expanded})},a("div",{key:"b78d2d33af9b3a6c9d87f94a675da9697920032f",class:"expand-target"},a("slot",{key:"3984c00b1026456afab0ec7fe44a19ed488e6a76",name:"expand-target"})))),a("div",{key:"74bc8f96f90092f57107ed5bde7df5bcf118ecad",class:"action"},a("slot",{key:"7829db63ce73caf5c28a2ee9fac0e0ff4eb40153",name:"action"}))),a("slot",{key:"34a38723c006bb5ae4566d502f40a7d7ed414416",name:"overlay"}))}};o.style=':host{width:100%;height:100%;position:relative;display:inline-block;--selected-color:var(--vertex-ui-blue-700);--hovered-color:var(--vertex-ui-blue-400)}.root{position:relative}.root.selected,.root:hover{box-shadow:0 2px 4px rgba(0, 0, 0, 0.25)}.content{cursor:pointer}.selected::after{content:" ";position:absolute;width:0.1875rem;height:100%;left:0;top:0;background-color:var(--selected-color)}.hovered::after{content:" ";position:absolute;width:0.1875rem;height:100%;left:0;top:0;background-color:var(--hovered-color)}.expand-target{font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);color:var(--vertex-ui-neutral-700);cursor:pointer}.expand-target slot::slotted(*){padding:0.5rem 0.5rem 0.5rem 0.75rem}.hidden{display:none}';export{o as vertex_card_group}
@@ -1 +1 @@
1
- import{a as t,c as i,r as e,h as n,H as s}from"./p-C27tS7nl.js";import{c as a}from"./p-Beav1bNT.js";const o=class{constructor(n){t(this,n),this.expand=i(this,"expand"),this.collapse=i(this,"collapse"),this.expanded=!1,this.expanding=!1,this.collapsing=!1,this.controlled=!1,this.expandType="content",this.animated=!0,this.handleTransitionEnd=()=>{this.collapsing=!1,this.expanding=!1},this.handleExpand=()=>{this.expanded=!this.expanded,this.expanded?(this.expanding=!0,this.expand.emit()):(this.collapsing=!0,this.collapse.emit())},this.updateScrollHeight=()=>{e((()=>{var t;const i=null===(t=this.expandContainer)||void 0===t?void 0:t.scrollHeight;this.contentScrollHeight!==i&&(this.contentScrollHeight=i)}))},this.getMaxHeight=()=>this.expanded?`${this.contentScrollHeight}px`:this.expanded?void 0:"0"}componentDidLoad(){this.updateScrollHeight()}componentDidRender(){this.updateScrollHeight()}render(){return n(s,{key:"a9aab1a71b16e7f7fa4427729d7135a34e594c76"},n("div",{key:"fe7eef29e31b4969bc0e5ffb41c9c70e34b9d023",class:"content"},"content"===this.expandType&&n("slot",{key:"ef28e61b319a2a5aba4dbcb722eeea091cac0be0",name:"header"}),n("div",{key:"5f090d0bef1e38cfb1e59b568802f1da6f0cd346",class:a("expanded-content",{animated:this.animated}),ref:t=>{this.expandContainer=t},style:{maxHeight:this.getMaxHeight()},onTransitionEnd:this.handleTransitionEnd},n("slot","header"===this.expandType?{name:"header",onSlotchange:this.updateScrollHeight}:{onSlotchange:this.updateScrollHeight})),"header"===this.expandType&&n("slot",{key:"44552b980a6970f5d6b2e961916c2cdd146fb9c8"})),this.controlled?n("slot",{name:"expand-icon"}):n("div",{class:"icon-container",onClick:this.handleExpand},n("slot",{name:"expand-icon"},n("vertex-icon-button",{class:"icon-button",variant:"plain",iconSize:"sm",iconName:this.expanded?"caret-down":"caret-up"}))))}};o.style=":host{display:flex}.content{display:flex;flex-direction:column;transition:height 1s}.icon-container{display:flex;flex-direction:column}.icon-button{display:flex;align-items:center}.expanded-content{overflow:hidden}.expanded-content.animated{transition-property:max-height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transform-origin:top}";export{o as vertex_expandable}
1
+ import{a as t,c as i,r as e,h as n,H as s}from"./p-C27tS7nl.js";import{c as a}from"./p-Beav1bNT.js";const o=class{constructor(n){t(this,n),this.expand=i(this,"expand"),this.collapse=i(this,"collapse"),this.expanded=!1,this.expanding=!1,this.collapsing=!1,this.controlled=!1,this.expandType="content",this.animated=!0,this.handleTransitionEnd=()=>{this.collapsing=!1,this.expanding=!1},this.handleExpand=()=>{this.expanded=!this.expanded,this.expanded?(this.expanding=!0,this.expand.emit()):(this.collapsing=!0,this.collapse.emit())},this.updateScrollHeight=()=>{e((()=>{var t;const i=null===(t=this.expandContainer)||void 0===t?void 0:t.scrollHeight;this.contentScrollHeight!==i&&(this.contentScrollHeight=i)}))},this.getMaxHeight=()=>this.expanded?`${this.contentScrollHeight}px`:this.expanded?void 0:"0"}componentDidLoad(){this.updateScrollHeight()}componentDidRender(){this.updateScrollHeight()}render(){return n(s,{key:"0ba5dacbace6212fca5f0eed928a285bb394e684"},n("div",{key:"124e46c6dc4518e4ab61a46d0d6111068b1676d6",class:"content"},"content"===this.expandType&&n("slot",{key:"7b382c87f1b03cd5a96926a2bd01663312633b81",name:"header"}),n("div",{key:"23d204b3018f638de83201df55df332e8d04dd77",class:a("expanded-content",{animated:this.animated}),ref:t=>{this.expandContainer=t},style:{maxHeight:this.getMaxHeight()},onTransitionEnd:this.handleTransitionEnd},n("slot","header"===this.expandType?{name:"header",onSlotchange:this.updateScrollHeight}:{onSlotchange:this.updateScrollHeight})),"header"===this.expandType&&n("slot",{key:"c9776ebacedc8571ef0b6e7e3826a67ec23c925b"})),this.controlled?n("slot",{name:"expand-icon"}):n("div",{class:"icon-container",onClick:this.handleExpand},n("slot",{name:"expand-icon"},n("vertex-icon-button",{class:"icon-button",variant:"plain",iconSize:"sm",iconName:this.expanded?"caret-down":"caret-up"}))))}};o.style=":host{display:flex}.content{display:flex;flex-direction:column;transition:height 1s}.icon-container{display:flex;flex-direction:column}.icon-button{display:flex;align-items:center}.expanded-content{overflow:hidden}.expanded-content.animated{transition-property:max-height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transform-origin:top}";export{o as vertex_expandable}
@@ -1 +1 @@
1
- import{a as t,h as e,H as r}from"./p-C27tS7nl.js";import{c as o}from"./p-Beav1bNT.js";import{i as s}from"./p-DgySd_r0.js";const i=class{constructor(e){t(this,e),this.variant="circle",this.size="md",this.color="#ffffff",this.theme="none",this.lightenPercentage=.25,this.darkenPercentage=.25,this.lightened=this.adjustColor(this.color,-this.lightenPercentage),this.darkened=this.adjustColor(this.color,this.darkenPercentage)}handleColorChanged(t){this.lightened=this.adjustColor(t,-this.lightenPercentage),this.darkened=this.adjustColor(t,this.darkenPercentage)}handleLightenPercentageChanged(t){this.lightened=this.adjustColor(this.color,-t)}handleDarkenPercentageChanged(t){this.darkened=this.adjustColor(this.color,t)}render(){return e(r,{key:"e59b4d55aae6299c1a1c1980a1051d33bdddfd33"},e("div",{key:"9c0444df12194b3107532c6bd56da84eb99c7062",class:o("root",this.variant,this.size),style:this.getThemeColors()},e("div",{key:"22c8a26764ca64206a80dbc4b09d6fd3ea42e1aa",class:"overlay"},e("slot",{key:"32cae671003f5f0d7d06c9495a41e0be6750510a",name:"overlay"}))))}getThemeColors(){const t=this.getSupplementalColor();switch(this.theme){case"light":return{backgroundColor:t,borderColor:this.color};case"dark":return{backgroundColor:this.color,borderColor:t};default:return{backgroundColor:this.color,borderColor:null!=t?t:void 0}}}getSupplementalColor(){const t=null!=this.supplementalColor&&this.supplementalColor.length>0?this.supplementalColor:void 0;switch(this.theme){case"light":return null!=t?t:this.lightened;case"dark":return null!=t?t:this.darkened;default:return t}}adjustColor(t,e){if(s(t)){const r=Number(`0x${t.slice(1,3)}`),o=Number(`0x${t.slice(3,5)}`),s=Number(`0x${t.slice(5,7)}`);return`#${this.padHexComponent(this.adjustComponent(r,e).toString(16))}${this.padHexComponent(this.adjustComponent(o,e).toString(16))}${this.padHexComponent(this.adjustComponent(s,e).toString(16))}`}return t}adjustComponent(t,e){return Math.max(0,Math.min(255,Math.floor(t-Math.floor((e<0?255-t:255)*e))))}padHexComponent(t){return`${"0".repeat(2-t.length)}${t}`}static get watchers(){return{color:[{handleColorChanged:0}],lightenPercentage:[{handleLightenPercentageChanged:0}],darkenPercentage:[{handleDarkenPercentageChanged:0}]}}};i.style=":host{display:flex}.root{position:relative;border-style:solid;border-color:var(--vertex-ui-neutral-300);box-sizing:border-box}.root.circle{border-width:2px;border-radius:100%}.root.circle.sm{border-width:1px}.root.square{border-width:1px;border-radius:3px}.root.sm{width:16px;height:16px}.root.md{width:20px;height:20px}.root.lg{width:24px;height:24px}.overlay{position:absolute;width:100%;height:100%;border-radius:2px;overflow:hidden}";export{i as vertex_color_swatch}
1
+ import{a as t,h as e,H as r}from"./p-C27tS7nl.js";import{c as o}from"./p-Beav1bNT.js";import{i as s}from"./p-DgySd_r0.js";const i=class{constructor(e){t(this,e),this.variant="circle",this.size="md",this.color="#ffffff",this.theme="none",this.lightenPercentage=.25,this.darkenPercentage=.25,this.lightened=this.adjustColor(this.color,-this.lightenPercentage),this.darkened=this.adjustColor(this.color,this.darkenPercentage)}handleColorChanged(t){this.lightened=this.adjustColor(t,-this.lightenPercentage),this.darkened=this.adjustColor(t,this.darkenPercentage)}handleLightenPercentageChanged(t){this.lightened=this.adjustColor(this.color,-t)}handleDarkenPercentageChanged(t){this.darkened=this.adjustColor(this.color,t)}render(){return e(r,{key:"557b04744d9b740ad9dbe172a7749646cf43e967"},e("div",{key:"7e6804674d6e6837368efe29d0e3a9befb916a9e",class:o("root",this.variant,this.size),style:this.getThemeColors()},e("div",{key:"07af668d69a584361134a06dfdf7cd191b2155a4",class:"overlay"},e("slot",{key:"1d3dd9a7f910318efdb0f6c060224769403b9a6f",name:"overlay"}))))}getThemeColors(){const t=this.getSupplementalColor();switch(this.theme){case"light":return{backgroundColor:t,borderColor:this.color};case"dark":return{backgroundColor:this.color,borderColor:t};default:return{backgroundColor:this.color,borderColor:null!=t?t:void 0}}}getSupplementalColor(){const t=null!=this.supplementalColor&&this.supplementalColor.length>0?this.supplementalColor:void 0;switch(this.theme){case"light":return null!=t?t:this.lightened;case"dark":return null!=t?t:this.darkened;default:return t}}adjustColor(t,e){if(s(t)){const r=Number(`0x${t.slice(1,3)}`),o=Number(`0x${t.slice(3,5)}`),s=Number(`0x${t.slice(5,7)}`);return`#${this.padHexComponent(this.adjustComponent(r,e).toString(16))}${this.padHexComponent(this.adjustComponent(o,e).toString(16))}${this.padHexComponent(this.adjustComponent(s,e).toString(16))}`}return t}adjustComponent(t,e){return Math.max(0,Math.min(255,Math.floor(t-Math.floor((e<0?255-t:255)*e))))}padHexComponent(t){return`${"0".repeat(2-t.length)}${t}`}static get watchers(){return{color:[{handleColorChanged:0}],lightenPercentage:[{handleLightenPercentageChanged:0}],darkenPercentage:[{handleDarkenPercentageChanged:0}]}}};i.style=":host{display:flex}.root{position:relative;border-style:solid;border-color:var(--vertex-ui-neutral-300);box-sizing:border-box}.root.circle{border-width:2px;border-radius:100%}.root.circle.sm{border-width:1px}.root.square{border-width:1px;border-radius:3px}.root.sm{width:16px;height:16px}.root.md{width:20px;height:20px}.root.lg{width:24px;height:24px}.overlay{position:absolute;width:100%;height:100%;border-radius:2px;overflow:hidden}";export{i as vertex_color_swatch}
@@ -0,0 +1 @@
1
+ import{a as e,c as t,h as s}from"./p-C27tS7nl.js";const d=class{constructor(s){e(this,s),this.menuOpened=t(this,"menuOpened"),this.menuClosed=t(this,"menuClosed"),this.animated=!0,this.placement="bottom-end",this.open=!1,this.handleClick=this.handleClick.bind(this),this.handleMenuClosed=this.handleMenuClosed.bind(this)}render(){return s("vertex-menu",{key:"695f645ead6a2aabc5087cca89af193b87320aa4",open:this.open,animated:this.animated,placement:this.placement,onMenuClosed:this.handleMenuClosed},s("div",{key:"64dd540a6d1b5d39dd3ddddd5eb9b965714e55eb",slot:"anchor",onClick:this.handleClick},s("slot",{key:"48066c136db8b6495df584d962fb835140a76922",name:"anchor"})),s("div",{key:"f24cfc5927dc96f2304b70d685f30aa973315d97",slot:"header"},s("slot",{key:"500802a38399b97cec4e17307e8f5021eeaccfb8",name:"header"})),s("slot",{key:"9d6b6ea01ee2bdd91725c8e6807485d8efde2eef"}))}handleClick(e){this.open||(this.open=!0,this.menuOpened.emit(e))}handleMenuClosed(){this.open=!1,this.menuClosed.emit()}};export{d as vertex_dropdown_menu}
@@ -0,0 +1 @@
1
+ import{a as e,h as a}from"./p-C27tS7nl.js";const t=class{constructor(a){e(this,a)}render(){return a("div",{key:"6d4d6f883906bcd715beeeaaaaf0b172480672a1",class:"root"},a("div",{key:"9d1a996dde7803c3053c63be80a3099637442f43",class:"base"},a("slot",{key:"29f763070f2d46edcfbc6683f4b3a7efc69edef6",name:"base"})),a("div",{key:"406f3a4822e91ebc9cf97f1bc846d259e7ba9acb",class:"top"},a("slot",{key:"d8ddd645047a1bdb7e0239587b1e438f185d5a14"})))}};t.style=".root{position:relative}.base{position:absolute;left:0;top:0}.top{position:absolute;left:0.5rem;top:0.5rem}";export{t as vertex_avatar_group}
@@ -0,0 +1 @@
1
+ import{a as e,h as a}from"./p-C27tS7nl.js";const d=class{constructor(a){e(this,a)}render(){return a("div",{key:"29df772774dd35bd97a71eaa914fba78b70c06e5",class:"container"},a("svg",{key:"1e91d168abfdc71eaf3a44eb12318d279428f7cf",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 100 100"},a("defs",{key:"db50446402403e6a0757becb4ffd90972db500fc"},a("mask",{key:"505ad024c8aef059dc39f8de4b5b13dd67e79498",id:"orange-loading-diamond"},a("polygon",{key:"94e420caba0d838b46c3d414532250443d86d8db",points:"70.75 50.7 57.09 74.45 84.32 74.42 98 50.66 70.75 50.7",fill:"#fff",class:"color-loading-fill"})),a("mask",{key:"092f33371f11e116c693b374fe7395cbb8be6125",id:"blue-loading-diamond"},a("polygon",{key:"70ed770eff0c14129a93fd5f6a03c34500d7d452",points:"16.05 98.04 2.43 74.44 16.06 50.78 29.68 74.44 16.05 98.04",fill:"#fff",class:"color-loading-fill"})),a("mask",{key:"aec64e8dc069d9e3e1a54f04e0f53f2fa7720b22",id:"green-loading-diamond"},a("polygon",{key:"83b5069e763113c9a978866c13bb5412779fe168",points:"16.05 3.53 2.43 27.13 16.06 50.78 29.68 27.12 16.05 3.53",fill:"#fff",class:"color-loading-fill"})),a("mask",{key:"410fc799b15c3046cb25445b694537fade55f76e",id:"left-center-loading-diamond"},a("polygon",{key:"d34d1b46d62f3573a39dc103908e0d81a5c10d5e",points:"29.68 27.18 16.06 50.78 29.69 74.44 43.31 50.78 29.68 27.18",fill:"#fff",class:"center-loading-fill"})),a("mask",{key:"0bfc47ded24c4df9a9fdadbab1814fb91c8ed0cd",id:"right-center-loading-diamond"},a("polygon",{key:"6945d133aa5d001a67be36b4701899871787beca",points:"43.31 50.78 29.68 74.46 57.09 74.45 70.75 50.7 43.31 50.78",fill:"#fff",class:"center-loading-fill"}))),a("polyline",{key:"bfa52c5d070adeefb410d431dfabc6ece3bdecc6",points:"57.09 27.11 70.75 50.7 70.67 50.84 57.09 74.45 84.32 74.42 98 50.66 84.34 27.08 57.09 27.11",fill:"#f90"}),a("polyline",{key:"c1301512ff36c2929e47e223b0787347c2ce05f8",mask:"url(#orange-loading-diamond)",points:"70.75 50.7 57.09 74.45 84.32 74.42 98 50.66 70.75 50.7",fill:"#d37f00"}),a("polygon",{key:"9937cee5826096263ca80d6a8a1f34f278c9c088",points:"29.68 74.44 57.09 74.45 43.46 98.05 16.05 98.04 2.43 74.44 16.06 50.78 29.68 74.44",fill:"#09c"}),a("polygon",{key:"79fb65a73ecea4d0eaeda5505acde3ba67a040c0",mask:"url(#blue-loading-diamond)",points:"16.05 98.04 2.43 74.44 16.06 50.78 29.68 74.44 16.05 98.04",fill:"#007fa9"}),a("polygon",{key:"4f70367b54aeea4cf577329462dc0d14f1d3b70f",points:"29.68 27.12 57.09 27.11 43.46 3.52 16.05 3.53 2.43 27.13 16.06 50.78 29.68 27.12",fill:"#00b600"}),a("polygon",{key:"8772fd5a638646f415334b863c4ac1edeb6c6c83",mask:"url(#green-loading-diamond)",points:"16.05 3.53 2.43 27.13 16.06 50.78 29.68 27.12 16.05 3.53",fill:"#009700"}),a("polygon",{key:"d9989bf308e9011d7543d0d1fe03f3fff265a64a",mask:"url(#left-center-loading-diamond)",points:"29.68 27.18 16.06 50.78 29.69 74.44 43.31 50.78 29.68 27.18",fill:"#bdbdbd"}),a("polygon",{key:"75bbd9891e53c2496d18a7092245772eb67b147b",mask:"url(#right-center-loading-diamond)",points:"43.31 50.78 29.68 74.46 57.09 74.45 70.75 50.7 43.31 50.78",fill:"#e0e0e0"})))}};d.style="@keyframes color-loading{0%{transform:translate(30px, -50px)}10%{transform:translateY(0)}70%{opacity:1}75%,100%{opacity:0}}@keyframes center-loading{0%{transform:translate(-30px, 50px)}10%{transform:translate(0, 0)}70%{opacity:1}75%,100%{opacity:0}}.container{width:100%;height:100%}.visual-center{transform:translateX(7%)}.color-loading-fill{animation:color-loading 2.5s infinite linear}.center-loading-fill{animation:center-loading 2.5s infinite linear}";export{d as vertex_logo_loading}
@@ -1 +1 @@
1
- import{t as e,p as t,H as s,c as i,h as a}from"./p-BbDaHMlz.js";import{c as o}from"./p-Beav1bNT.js";import{d as r}from"./p-Ci26QjYl.js";const d=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.menuClosed=i(this,"menuClosed"),this.animated=!0,this.open=!1,this.backdrop=!0,this.persistent=!1,this.handlePopoverDismiss=this.handlePopoverDismiss.bind(this)}componentDidLoad(){var e;this.addEventListeners(),this.headerSlot=(null===(e=this.hostElement.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="header"]'))||void 0}disconnectedCallback(){this.removeEventListeners()}connectedCallback(){this.addEventListeners()}render(){return a("vertex-popover",{key:"521d5e3afcd3b7cf06a2ef05c301b89fff74f902",ref:e=>{this.popoverRef=e},open:this.open,animated:this.animated,position:this.position,placement:this.placement,backdrop:this.backdrop,flipBehavior:null!=this.fallbackPlacements?{fallbackPlacements:this.fallbackPlacements}:void 0,...this.popoverProps},null==this.position&&a("div",{key:"9ff02358a94a3ec32a9396dcb5abfe8e28784661",slot:"anchor"},a("slot",{key:"2cdb02c65c5ae2769f4c6a3976d04fae883692f9",name:"anchor"})),a("div",{key:"ac4cd4ac711c43de2cb27cd72dd505125f8827c6",onClick:()=>{this.persistent||(this.open=!1,this.menuClosed.emit())},class:o("root",{"has-header":null!=this.headerSlot})},a("slot",{key:"fe4cff0ea3ed220882a2e31a56a28eabf3fb60c2",name:"header"}),a("slot",{key:"3b0ef7747644f0dc967df16e3945da1b3ca7a233"})))}addEventListeners(){var e,t;null===(e=this.listenerDisposable)||void 0===e||e.dispose(),null===(t=this.popoverRef)||void 0===t||t.addEventListener("dismissed",this.handlePopoverDismiss),this.listenerDisposable={dispose:()=>{var e;null===(e=this.popoverRef)||void 0===e||e.removeEventListener("dismissed",this.handlePopoverDismiss)}}}removeEventListeners(){var e;null===(e=this.listenerDisposable)||void 0===e||e.dispose()}handlePopoverDismiss(){this.open=!1,this.menuClosed.emit()}get hostElement(){return this}static get style(){return":host{--background-color:var(--vertex-ui-white);--menu-padding:0.19em 0}.root{padding:var(--menu-padding);border:1px solid var(--vertex-ui-neutral-400);border-radius:0.25rem;box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);background-color:var(--background-color);z-index:var(--vertex-ui-context-menu-layer)}.has-header{padding-top:0}"}},[257,"vertex-menu",{animated:[4],open:[1540],placement:[1],fallbackPlacements:[16],backdrop:[4],persistent:[4],position:[1040],popoverProps:[16]}]);function n(){"undefined"!=typeof customElements&&["vertex-menu","vertex-popover"].forEach((t=>{switch(t){case"vertex-menu":customElements.get(e(t))||customElements.define(e(t),d);break;case"vertex-popover":customElements.get(e(t))||r()}}))}n();export{d as M,n as d}
1
+ import{t as e,p as t,H as s,c as i,h as a}from"./p-BbDaHMlz.js";import{c as o}from"./p-Beav1bNT.js";import{d as r}from"./p-Ci26QjYl.js";const d=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.menuClosed=i(this,"menuClosed"),this.animated=!0,this.open=!1,this.backdrop=!0,this.persistent=!1,this.handlePopoverDismiss=this.handlePopoverDismiss.bind(this)}componentDidLoad(){var e;this.addEventListeners(),this.headerSlot=(null===(e=this.hostElement.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="header"]'))||void 0}disconnectedCallback(){this.removeEventListeners()}connectedCallback(){this.addEventListeners()}render(){return a("vertex-popover",{key:"da4e0d42641bdb135542d2823c9f1e89bb0512e6",ref:e=>{this.popoverRef=e},open:this.open,animated:this.animated,position:this.position,placement:this.placement,backdrop:this.backdrop,flipBehavior:null!=this.fallbackPlacements?{fallbackPlacements:this.fallbackPlacements}:void 0,...this.popoverProps},null==this.position&&a("div",{key:"3bb19832194b818c37697a90a9adac721f12feeb",slot:"anchor"},a("slot",{key:"0eeca18d7ef462ccf01abd150df2226a9726113c",name:"anchor"})),a("div",{key:"45e2dbd269605ec5589dbb0444b5db83b6e9a84c",onClick:()=>{this.persistent||(this.open=!1,this.menuClosed.emit())},class:o("root",{"has-header":null!=this.headerSlot})},a("slot",{key:"b9735d213f7210c60ee21bfdf0728cec70e2a44c",name:"header"}),a("slot",{key:"dea463aa0da1b65096ebbe83fbc133c9d801c750"})))}addEventListeners(){var e,t;null===(e=this.listenerDisposable)||void 0===e||e.dispose(),null===(t=this.popoverRef)||void 0===t||t.addEventListener("dismissed",this.handlePopoverDismiss),this.listenerDisposable={dispose:()=>{var e;null===(e=this.popoverRef)||void 0===e||e.removeEventListener("dismissed",this.handlePopoverDismiss)}}}removeEventListeners(){var e;null===(e=this.listenerDisposable)||void 0===e||e.dispose()}handlePopoverDismiss(){this.open=!1,this.menuClosed.emit()}get hostElement(){return this}static get style(){return":host{--background-color:var(--vertex-ui-white);--menu-padding:0.19em 0}.root{padding:var(--menu-padding);border:1px solid var(--vertex-ui-neutral-400);border-radius:0.25rem;box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%), 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);background-color:var(--background-color);z-index:var(--vertex-ui-context-menu-layer)}.has-header{padding-top:0}"}},[257,"vertex-menu",{animated:[4],open:[1540],placement:[1],fallbackPlacements:[16],backdrop:[4],persistent:[4],position:[1040],popoverProps:[16]}]);function n(){"undefined"!=typeof customElements&&["vertex-menu","vertex-popover"].forEach((t=>{switch(t){case"vertex-menu":customElements.get(e(t))||customElements.define(e(t),d);break;case"vertex-popover":customElements.get(e(t))||r()}}))}n();export{d as M,n as d}
@@ -1 +1 @@
1
- import{a as t,c as e,h as i,H as s,d as o}from"./p-C27tS7nl.js";import{c as a}from"./p-Beav1bNT.js";import{r as l,g as n}from"./p-DXQBJLz-.js";function r(t){return"VERTEX-TAB"===t.tagName}const d=class{constructor(i){t(this,i),this.selectedTabChanged=e(this,"selectedTabChanged"),this.labels=[],this.indicatorInitialized=!1,this.handleLabelClick=t=>{null!=this.active&&this.updateActiveOnTab(this.active,!1),this.active=t,this.updateActiveOnTab(this.active,!0),this.selectedTabChanged.emit(t)},this.updateActiveOnTab=(t,e)=>{const i=this.findTabByLabel(t);null!=i&&(i.active=e)},this.findTabByLabel=t=>{var e;const i=(null===(e=this.hostEl.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])"))||void 0,s=null==i?void 0:i.assignedElements(),o=null!=s&&s.length>0?Array.from(s[0].children):void 0;return null!=o?o.filter(r).find((e=>e.label===t)):void 0},this.updateTabLabels=()=>{var t;const e=(null===(t=this.hostEl.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])"))||void 0,i=null==e?void 0:e.assignedElements(),s=null!=i&&i.length>0?Array.from(i[0].children):void 0;this.labels=null!=s?s.filter(r).map((t=>t.label)):[]}}componentWillLoad(){this.updateTabLabels()}componentDidLoad(){null!=this.active&&this.updateActiveOnTab(this.active,!0),this.indicatorInitialized=!1,this.handleActiveButtonChange()}componentDidUpdate(){this.indicatorInitialized||this.handleActiveButtonChange()}handleActiveButtonChange(){const t=this.activeButtonEl;null!=t&&l((()=>{const e=n(this.hostEl),i=n(t);this.activeBounds={x:i.x-e.x,width:i.width},0!==this.activeBounds.width&&(this.indicatorInitialized=!0)}))}render(){return i(s,{key:"7e3444ca371e0971c2f56639cf700269f7bf2f1e"},i("div",{key:"fdc9e654e6e59f3a21aedbf1229fc43fd07c08a0",class:"wrapper"},i("div",{key:"8142c5c29e90d980186216e9a1cb360fabd4ca78",class:"labels"},this.labels.map((t=>i("button",{class:a("label",{active:this.active===t}),"data-label":t,ref:e=>{this.active===t&&(this.activeButtonEl=e)},onClick:()=>this.handleLabelClick(t)},t,i("div",{class:"hidden-label-text"},t)))),i("slot",{key:"3fd4ea1b4463dc75e497512298806d2362310cd0",name:"label-header"}),this.activeBounds&&i("div",{key:"919270b3ed671b8c1a41f7e697c19604f85fc136",class:"indicator",style:{left:`${this.activeBounds.x}px`,width:`${this.activeBounds.width}px`}})),i("div",{key:"4c11d9bd68cbb1162ca45dd3855e3f4c060399ff",class:"tab-content"},i("slot",{key:"1209610abecfbfc5d3ff92cc40de971fbec8673d",onSlotchange:this.updateTabLabels}))))}get hostEl(){return o(this)}static get watchers(){return{activeButtonEl:[{handleActiveButtonChange:0}]}}};d.style="button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{display:flex;position:relative;width:100%;height:100%}.wrapper{display:flex;flex-direction:column;position:relative;height:100%;width:100%}.labels{display:flex;position:relative;border-bottom:solid 1px var(--vertex-ui-neutral-300)}.indicator{position:absolute;bottom:0;height:3px;background-color:var(--vertex-ui-blue-700);transition:left 0.2s ease-in-out}.label{position:relative;cursor:pointer;color:var(--vertex-ui-neutral-700);white-space:nowrap;font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-md);padding:0.75rem 1.25rem}.label:not(.active):hover{color:var(--vertex-ui-neutral-800)}.label.active{color:var(--vertex-ui-blue-700);font-weight:var(--vertex-ui-font-weight-bold)}.hidden-label-text{font-weight:bold;visibility:hidden;height:0px}.tab-content{display:flex;height:5%;flex-grow:1}";export{d as vertex_tabs}
1
+ import{a as t,c as e,h as i,H as a,d as s}from"./p-C27tS7nl.js";import{c as o}from"./p-Beav1bNT.js";import{r as l,g as n}from"./p-DXQBJLz-.js";function r(t){return"VERTEX-TAB"===t.tagName}const h=class{constructor(i){t(this,i),this.selectedTabChanged=e(this,"selectedTabChanged"),this.labels=[],this.indicatorInitialized=!1,this.handleLabelClick=t=>{null!=this.active&&this.updateActiveOnTab(this.active,!1),this.active=t,this.updateActiveOnTab(this.active,!0),this.selectedTabChanged.emit(t)},this.updateActiveOnTab=(t,e)=>{const i=this.findTabByLabel(t);null!=i&&(i.active=e)},this.findTabByLabel=t=>{var e;const i=(null===(e=this.hostEl.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])"))||void 0,a=null==i?void 0:i.assignedElements(),s=null!=a&&a.length>0?Array.from(a[0].children):void 0;return null!=s?s.filter(r).find((e=>e.label===t)):void 0},this.updateTabLabels=()=>{var t;const e=(null===(t=this.hostEl.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])"))||void 0,i=null==e?void 0:e.assignedElements(),a=null!=i&&i.length>0?Array.from(i[0].children):void 0;this.labels=null!=a?a.filter(r).map((t=>t.label)):[]}}componentWillLoad(){this.updateTabLabels()}componentDidLoad(){null!=this.active&&this.updateActiveOnTab(this.active,!0),this.indicatorInitialized=!1,this.handleActiveButtonChange()}componentDidUpdate(){this.indicatorInitialized||this.handleActiveButtonChange()}handleActiveButtonChange(){const t=this.activeButtonEl;null!=t&&l((()=>{const e=n(this.hostEl),i=n(t);this.activeBounds={x:i.x-e.x,width:i.width},0!==this.activeBounds.width&&(this.indicatorInitialized=!0)}))}render(){return i(a,{key:"80e4f05b6b4eb1ef175fdabe1c81e7fce846425a"},i("div",{key:"537a1243a1f531820742a9f48bf60ef8569d296f",class:"wrapper"},i("div",{key:"9b67ec9a84a2024c8873e31c949a58013cd750dd",class:"labels"},this.labels.map((t=>i("button",{class:o("label",{active:this.active===t}),"data-label":t,ref:e=>{this.active===t&&(this.activeButtonEl=e)},onClick:()=>this.handleLabelClick(t)},t,i("div",{class:"hidden-label-text"},t)))),i("slot",{key:"00098a23934cf4134233645609ec905f3c800338",name:"label-header"}),this.activeBounds&&i("div",{key:"16f93360b714239dcacb918ffc8e76f3081821d8",class:"indicator",style:{left:`${this.activeBounds.x}px`,width:`${this.activeBounds.width}px`}})),i("div",{key:"ac13af6d931540f935485037b8ca8f7ca92ef4db",class:"tab-content"},i("slot",{key:"2ed1a03724f6ea5bb31ffa0481984d78b0e7571f",onSlotchange:this.updateTabLabels}))))}get hostEl(){return s(this)}static get watchers(){return{activeButtonEl:[{handleActiveButtonChange:0}]}}};h.style="button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{display:flex;position:relative;width:100%;height:100%}.wrapper{display:flex;flex-direction:column;position:relative;height:100%;width:100%}.labels{display:flex;position:relative;border-bottom:solid 1px var(--vertex-ui-neutral-300)}.indicator{position:absolute;bottom:0;height:3px;background-color:var(--vertex-ui-blue-700);transition:left 0.2s ease-in-out}.label{position:relative;cursor:pointer;color:var(--vertex-ui-neutral-700);white-space:nowrap;font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-md);padding:0.75rem 1.25rem}.label:not(.active):hover{color:var(--vertex-ui-neutral-800)}.label.active{color:var(--vertex-ui-blue-700);font-weight:var(--vertex-ui-font-weight-bold)}.hidden-label-text{font-weight:bold;visibility:hidden;height:0px}.tab-content{display:flex;height:5%;flex-grow:1}";export{h as vertex_tabs}
@@ -1 +1 @@
1
- import{a as t,c as s,h as i,H as h,d as e}from"./p-C27tS7nl.js";import{c as n}from"./p-Beav1bNT.js";import{g as l}from"./p-BSoicxl1.js";import"./p-CIs0DJX1.js";class o{constructor(t,s,i){this.container=t,this.elementFactory=s,this.eventHandlerFactory=i,this.instanceMap=new Map,this.handlerMap=new Map,this.elements=[]}swapHeadToTail(t){const s=this.elements.splice(0,t);return this.elements.splice(this.elements.length,0,...s),this.elements.concat()}swapTailToHead(t){const s=this.elements.splice(-t,t);return this.elements.splice(0,0,...s),this.elements.concat()}updateElements(t){const s=t-this.elements.length;if(s>0)for(let t=0;t<s;t++)this.createElement();else for(let t=0;t<-s;t++)this.deleteElement();return this.elements.concat()}updateData(t){this.elements.forEach(((s,i)=>{const h=this.instanceMap.get(s),e=t(i);null==h||h.bindings.bind(e)}))}updateElementFactory(t){this.elementFactory=t,this.updateElements(0)}iterateElements(t){this.elements.forEach(((s,i)=>{const h=this.instanceMap.get(s);if(null==h)throw new Error("Binding not found for element.");t(s,h.bindings,i)}))}createElement(){const t=this.elementFactory();return this.elements.push(t.element),this.instanceMap.set(t.element,t),this.container.append(t.element),this.addEventListeners(t.element),t}addEventListeners(t){var s;const i=null===(s=this.eventHandlerFactory)||void 0===s?void 0:s.call(this,t);null==i||i.forEach((s=>{t.addEventListener(s.type,s.handler)})),this.handlerMap.set(t,null!=i?i:[])}deleteElement(){const t=this.elements.pop();null!=t&&(this.instanceMap.delete(t),t.remove(),this.removeEventListeners(t))}removeEventListeners(t){var s;null===(s=this.handlerMap.get(t))||void 0===s||s.forEach((s=>{t.removeEventListener(s.type,s.handler)}))}}const r=(t,s,i)=>{null==t||t.scrollTo({top:null!=s&&null!=i?s*i:0})},a=class{constructor(i){t(this,i),this.enterPressed=s(this,"enterPressed"),this.resultClick=s(this,"resultClick"),this.items=[],this.viewportStartIndex=0,this.viewportEndIndex=0,this.resultHeight=32,this.overScanCount=25,this.placement="bottom-start",this.open=!1,this.parsedResults=[],this.scrollTop=0,this.lastStartIndex=0,this.lastFocusedIndex=0,this.stateMap={},this.computeResultHeight=()=>{if(null==this.computedResultHeight){const t=this.hostEl.querySelector('*[slot="result"]');null!=t&&(this.resultHeight=t.clientHeight,this.computedResultHeight=t.clientHeight)}},this.ensureTemplateDefined=()=>{const t=this.hostEl.querySelector("template");if(null==t){const t=document.createElement("template");t.innerHTML='\n <div class="result">{{data.value}}</div>\n ',this.hostEl.appendChild(t),this.stateMap.resultTemplate=t}else this.stateMap.resultTemplate=t},this.createResultPool=()=>{this.stateMap.resultPool=new o(this.hostEl,(()=>this.createResultInstance()),(()=>this.createResultHandlers()))},this.createResultInstance=()=>{if(null!=this.stateMap.resultTemplate){const t=l(this.stateMap.resultTemplate);return t.element.slot="result",t}throw new Error("Result template not defined.")},this.createResultHandlers=()=>[{type:"pointerdown",handler:this.handlePointerDown},{type:"click",handler:this.handleResultClick}],this.layoutResults=()=>{var t,s,i,h;const e=this.viewportEndIndex-this.viewportStartIndex+1,n=this.viewportStartIndex-this.lastStartIndex;this.lastStartIndex=this.viewportStartIndex,null===(t=this.stateMap.resultPool)||void 0===t||t.updateElements(e),n>0?null===(s=this.stateMap.resultPool)||void 0===s||s.swapHeadToTail(n):null===(i=this.stateMap.resultPool)||void 0===i||i.swapTailToHead(-n),null===(h=this.stateMap.resultPool)||void 0===h||h.iterateElements(((t,s,i)=>{const h=this.parsedResults[i+this.viewportStartIndex];null!=h&&(t.style.position="absolute",t.style.boxSizing="border-box",t.style.top=(this.viewportStartIndex+i)*this.resultHeight+"px",t.style.width="100%",t.setAttribute("is-focused",`${this.viewportStartIndex+i===this.lastFocusedIndex}`),t.setAttribute("data-result-id",h.id),s.bind(h))}))},this.handleScroll=t=>{this.scrollTop=t.target.scrollTop},this.handleKeyDown=t=>{this.open&&("ArrowUp"===t.key?(t.preventDefault(),this.lastFocusedIndex=Math.min(0,this.lastFocusedIndex-1),r(this.resultsScrollEl,this.lastFocusedIndex,this.resultHeight)):"ArrowDown"===t.key&&(t.preventDefault(),this.lastFocusedIndex=Math.min(this.lastFocusedIndex+1,this.items.length),r(this.resultsScrollEl,this.lastFocusedIndex,this.resultHeight)),"Enter"===t.key&&null!=this.lastFocusedIndex&&(t.preventDefault(),this.enterPressed.emit(this.items[this.lastFocusedIndex]),this.lastFocusedIndex=0,r(this.resultsScrollEl)))},this.handleResultClick=this.handleResultClick.bind(this),this.handlePointerDown=this.handlePointerDown.bind(this)}handleResultsChanged(t){"string"==typeof t?this.parsedResults=JSON.parse(t):null!=t&&(this.parsedResults=t)}handleOpenChanged(){this.open||0===this.scrollTop||r(this.resultsScrollEl)}componentWillLoad(){var t;this.resizeObserver=new ResizeObserver((()=>{this.listHeight=void 0})),window.addEventListener("keydown",this.handleKeyDown),this.ensureTemplateDefined(),this.createResultPool(),this.handleResultsChanged(null!==(t=this.itemsJson)&&void 0!==t?t:this.items)}componentDidLoad(){this.resizeObserver.observe(this.hostEl)}componentWillRender(){this.computeViewportResults()}componentDidRender(){this.layoutResults(),this.computeResultHeight()}disconnectedCallback(){this.resizeObserver.disconnect(),window.removeEventListener("keydown",this.handleKeyDown)}render(){return i(h,{key:"19ee95cfd94d0a7c5cb88de552db10e328885b89"},i("div",{key:"641cd82464119b2ae3034ffd99ccf421f2113f01",class:n("wrapper",{hidden:!this.open||null==this.computedResultHeight})},i("vertex-popover",{key:"03a0b984e1f4c5f9589fa6c9110944dc095992d2",position:this.position,placement:this.placement,open:this.open,backdrop:!1},i("div",{key:"c62468dd8165a7ff84700ef176c5edf988858358",class:"results-scroll",ref:t=>this.resultsScrollEl=t,onScroll:this.handleScroll},i("div",{key:"e32beb276dd3857678944a630bb93a24d6467943",class:"results",style:{height:this.parsedResults.length*this.resultHeight+"px"}},i("slot",{key:"e903e3b98d5de9919ca132843408d51a405fa775"}),i("slot",{key:"88a1a240932e069a05e3722b4de106b38c83b7e0",name:"result"}))))))}handlePointerDown(t){t.preventDefault()}handleResultClick(t){const s=t.target.closest("[data-result-id]"),i=this.parsedResults.find((t=>t.id===(null==s?void 0:s.getAttribute("data-result-id"))));null!=i&&this.resultClick.emit(i)}computeViewportResults(){const t=this.getListHeight();if(null!=t&&this.resultHeight>0){const s=Math.ceil(t/this.resultHeight),i=Math.floor(this.scrollTop/this.resultHeight),h=i+s,e=Math.max(0,i-this.overScanCount),n=Math.min(this.parsedResults.length-1,h+this.overScanCount);this.viewportStartIndex=e,this.viewportEndIndex=n}}getListHeight(){return null==this.listHeight&&(this.listHeight=this.hostEl.clientHeight),this.listHeight}get hostEl(){return e(this)}static get watchers(){return{items:[{handleResultsChanged:0}],open:[{handleOpenChanged:0}]}}};a.style=":host{--max-height:300px;--width:500px;--box-shadow:0 2px 5px rgba(0, 0, 0, 0.5)}.hidden{visibility:hidden;position:fixed;pointer-events:none}.results{position:relative;height:100%}.results-scroll{overflow-y:auto;max-height:var(--max-height);width:var(--width);box-shadow:var(--box-shadow);background-color:white}";export{a as vertex_result_list}
1
+ import{a as t,c as s,h as i,H as h,d as e}from"./p-C27tS7nl.js";import{c as n}from"./p-Beav1bNT.js";import{g as l}from"./p-BSoicxl1.js";import"./p-CIs0DJX1.js";class o{constructor(t,s,i){this.container=t,this.elementFactory=s,this.eventHandlerFactory=i,this.instanceMap=new Map,this.handlerMap=new Map,this.elements=[]}swapHeadToTail(t){const s=this.elements.splice(0,t);return this.elements.splice(this.elements.length,0,...s),this.elements.concat()}swapTailToHead(t){const s=this.elements.splice(-t,t);return this.elements.splice(0,0,...s),this.elements.concat()}updateElements(t){const s=t-this.elements.length;if(s>0)for(let t=0;t<s;t++)this.createElement();else for(let t=0;t<-s;t++)this.deleteElement();return this.elements.concat()}updateData(t){this.elements.forEach(((s,i)=>{const h=this.instanceMap.get(s),e=t(i);null==h||h.bindings.bind(e)}))}updateElementFactory(t){this.elementFactory=t,this.updateElements(0)}iterateElements(t){this.elements.forEach(((s,i)=>{const h=this.instanceMap.get(s);if(null==h)throw new Error("Binding not found for element.");t(s,h.bindings,i)}))}createElement(){const t=this.elementFactory();return this.elements.push(t.element),this.instanceMap.set(t.element,t),this.container.append(t.element),this.addEventListeners(t.element),t}addEventListeners(t){var s;const i=null===(s=this.eventHandlerFactory)||void 0===s?void 0:s.call(this,t);null==i||i.forEach((s=>{t.addEventListener(s.type,s.handler)})),this.handlerMap.set(t,null!=i?i:[])}deleteElement(){const t=this.elements.pop();null!=t&&(this.instanceMap.delete(t),t.remove(),this.removeEventListeners(t))}removeEventListeners(t){var s;null===(s=this.handlerMap.get(t))||void 0===s||s.forEach((s=>{t.removeEventListener(s.type,s.handler)}))}}const a=(t,s,i)=>{null==t||t.scrollTo({top:null!=s&&null!=i?s*i:0})},r=class{constructor(i){t(this,i),this.enterPressed=s(this,"enterPressed"),this.resultClick=s(this,"resultClick"),this.items=[],this.viewportStartIndex=0,this.viewportEndIndex=0,this.resultHeight=32,this.overScanCount=25,this.placement="bottom-start",this.open=!1,this.parsedResults=[],this.scrollTop=0,this.lastStartIndex=0,this.lastFocusedIndex=0,this.stateMap={},this.computeResultHeight=()=>{if(null==this.computedResultHeight){const t=this.hostEl.querySelector('*[slot="result"]');null!=t&&(this.resultHeight=t.clientHeight,this.computedResultHeight=t.clientHeight)}},this.ensureTemplateDefined=()=>{const t=this.hostEl.querySelector("template");if(null==t){const t=document.createElement("template");t.innerHTML='\n <div class="result">{{data.value}}</div>\n ',this.hostEl.appendChild(t),this.stateMap.resultTemplate=t}else this.stateMap.resultTemplate=t},this.createResultPool=()=>{this.stateMap.resultPool=new o(this.hostEl,(()=>this.createResultInstance()),(()=>this.createResultHandlers()))},this.createResultInstance=()=>{if(null!=this.stateMap.resultTemplate){const t=l(this.stateMap.resultTemplate);return t.element.slot="result",t}throw new Error("Result template not defined.")},this.createResultHandlers=()=>[{type:"pointerdown",handler:this.handlePointerDown},{type:"click",handler:this.handleResultClick}],this.layoutResults=()=>{var t,s,i,h;const e=this.viewportEndIndex-this.viewportStartIndex+1,n=this.viewportStartIndex-this.lastStartIndex;this.lastStartIndex=this.viewportStartIndex,null===(t=this.stateMap.resultPool)||void 0===t||t.updateElements(e),n>0?null===(s=this.stateMap.resultPool)||void 0===s||s.swapHeadToTail(n):null===(i=this.stateMap.resultPool)||void 0===i||i.swapTailToHead(-n),null===(h=this.stateMap.resultPool)||void 0===h||h.iterateElements(((t,s,i)=>{const h=this.parsedResults[i+this.viewportStartIndex];null!=h&&(t.style.position="absolute",t.style.boxSizing="border-box",t.style.top=(this.viewportStartIndex+i)*this.resultHeight+"px",t.style.width="100%",t.setAttribute("is-focused",`${this.viewportStartIndex+i===this.lastFocusedIndex}`),t.setAttribute("data-result-id",h.id),s.bind(h))}))},this.handleScroll=t=>{this.scrollTop=t.target.scrollTop},this.handleKeyDown=t=>{this.open&&("ArrowUp"===t.key?(t.preventDefault(),this.lastFocusedIndex=Math.min(0,this.lastFocusedIndex-1),a(this.resultsScrollEl,this.lastFocusedIndex,this.resultHeight)):"ArrowDown"===t.key&&(t.preventDefault(),this.lastFocusedIndex=Math.min(this.lastFocusedIndex+1,this.items.length),a(this.resultsScrollEl,this.lastFocusedIndex,this.resultHeight)),"Enter"===t.key&&null!=this.lastFocusedIndex&&(t.preventDefault(),this.enterPressed.emit(this.items[this.lastFocusedIndex]),this.lastFocusedIndex=0,a(this.resultsScrollEl)))},this.handleResultClick=this.handleResultClick.bind(this),this.handlePointerDown=this.handlePointerDown.bind(this)}handleResultsChanged(t){"string"==typeof t?this.parsedResults=JSON.parse(t):null!=t&&(this.parsedResults=t)}handleOpenChanged(){this.open||0===this.scrollTop||a(this.resultsScrollEl)}componentWillLoad(){var t;this.resizeObserver=new ResizeObserver((()=>{this.listHeight=void 0})),window.addEventListener("keydown",this.handleKeyDown),this.ensureTemplateDefined(),this.createResultPool(),this.handleResultsChanged(null!==(t=this.itemsJson)&&void 0!==t?t:this.items)}componentDidLoad(){this.resizeObserver.observe(this.hostEl)}componentWillRender(){this.computeViewportResults()}componentDidRender(){this.layoutResults(),this.computeResultHeight()}disconnectedCallback(){this.resizeObserver.disconnect(),window.removeEventListener("keydown",this.handleKeyDown)}render(){return i(h,{key:"6188d1a63b42f60db295fe65a9deea1fe147da3b"},i("div",{key:"756cfad6d13a89a25f44fbad6f1b96c4f486f4d9",class:n("wrapper",{hidden:!this.open||null==this.computedResultHeight})},i("vertex-popover",{key:"3978a50be1c36ffbc2ec76ff65811be26c0b21ac",position:this.position,placement:this.placement,open:this.open,backdrop:!1},i("div",{key:"589f43ab056f7dc1e640e8677a163bf1ae630305",class:"results-scroll",ref:t=>this.resultsScrollEl=t,onScroll:this.handleScroll},i("div",{key:"6dee01aa288d92a549d861f5aa475d7457ed7763",class:"results",style:{height:this.parsedResults.length*this.resultHeight+"px"}},i("slot",{key:"b02ec3bba63b4e729a8520358c5d6bb179619d3a"}),i("slot",{key:"c1bcab60e22d29ce3d45beb149771a99d1c957a0",name:"result"}))))))}handlePointerDown(t){t.preventDefault()}handleResultClick(t){const s=t.target.closest("[data-result-id]"),i=this.parsedResults.find((t=>t.id===(null==s?void 0:s.getAttribute("data-result-id"))));null!=i&&this.resultClick.emit(i)}computeViewportResults(){const t=this.getListHeight();if(null!=t&&this.resultHeight>0){const s=Math.ceil(t/this.resultHeight),i=Math.floor(this.scrollTop/this.resultHeight),h=i+s,e=Math.max(0,i-this.overScanCount),n=Math.min(this.parsedResults.length-1,h+this.overScanCount);this.viewportStartIndex=e,this.viewportEndIndex=n}}getListHeight(){return null==this.listHeight&&(this.listHeight=this.hostEl.clientHeight),this.listHeight}get hostEl(){return e(this)}static get watchers(){return{items:[{handleResultsChanged:0}],open:[{handleOpenChanged:0}]}}};r.style=":host{--max-height:300px;--width:500px;--box-shadow:0 2px 5px rgba(0, 0, 0, 0.5)}.hidden{visibility:hidden;position:fixed;pointer-events:none}.results{position:relative;height:100%}.results-scroll{overflow-y:auto;max-height:var(--max-height);width:var(--width);box-shadow:var(--box-shadow);background-color:white}";export{r as vertex_result_list}
@@ -1 +1 @@
1
- import{a as e,c as t,h as r,H as s,d as i}from"./p-C27tS7nl.js";import{c as a}from"./p-Beav1bNT.js";import{f as n}from"./p-B-yvbsY0.js";import{g as l}from"./p-BSoicxl1.js";import"./p-CIs0DJX1.js";const o=()=>{if("undefined"!=typeof window)return window.getSelection()},h=e=>e.hasChildNodes(),c=e=>new Text(e),d=()=>document.createElement("br"),u=e=>e instanceof HTMLElement,v=e=>`${e.type}:${e.id}`,b=(e,t,r)=>{const s=v(e);return{before:c(t),beforeSpace:c(p()),result:c(s),afterSpace:c(null!=r?f():p()),after:null!=r?c(r):void 0}},x=e=>{const t=e.textContent;if("\n"===t)return[d()];if(null!=t&&t.includes("\n")){const e=t.split("\n");return e.reduce(((t,r,s)=>""===r&&""!==e[s-1]?t:[...t,c(r.replace(/ /g,f())),d()]),[])}return[e]},p=()=>String.fromCharCode(8202),f=()=>String.fromCharCode(160),m=class{constructor(r){e(this,r),this.searchChanged=t(this,"searchChanged"),this.inputChanged=t(this,"inputChanged"),this.resultReplaced=t(this,"resultReplaced"),this.inputFocus=t(this,"inputFocus"),this.inputBlur=t(this,"inputBlur"),this.variant="standard",this.disabled=!1,this.triggerCharacter="@",this.breakCharacters=[" ","\n"],this.placement="bottom-start",this.replacements=[],this.replacementUriType="user",this.displayedElements=[],this.hasTriggered=!1,this.rawElements=[],this.attemptReplaceElement=(e,t,r,s=!1)=>h(e)&&Array.from(e.childNodes).some((e=>h(e)||this.isIdenticalElement(e,t)))?Array.from(e.childNodes).reduce(((s,i)=>[...s,...this.attemptReplaceElement(i,t,r,!u(e.previousSibling))]),[]):this.isIdenticalElement(e,t)?((e,t=!1)=>{const r=Object.keys(e).map((t=>e[t])).filter((e=>null!=e));return t?[c("\n"),...r]:r})(r,s):[e],this.isIdenticalElement=(e,t)=>e===this.triggeredElement||this.getTextContent(e)===this.getTextContent(t),this.getTextContent=e=>{var t;return u(e)?e.innerText:null!==(t=e.textContent)&&void 0!==t?t:""},this.handleCursorPositionUpdate=()=>{var e,t;const r=null===(e=o())||void 0===e?void 0:e.getRangeAt(0);if(null!=r){const e=this.readTriggerValue(null!==(t=r.commonAncestorContainer.textContent)&&void 0!==t?t:"",r.startOffset);this.hasTriggered||null==e?this.hasTriggered&&null!=e?(this.triggeredRange=r,this.triggeredElement=r.commonAncestorContainer,this.searchChanged.emit(e.replace(this.triggerCharacter,""))):(this.hasTriggered=!1,this.triggeredRange=void 0,this.triggeredElement=void 0):(this.hasTriggered=!0,this.triggeredRange=r,this.triggeredElement=r.commonAncestorContainer,this.searchChanged.emit(e.replace(this.triggerCharacter,"")))}this.cursorPosition=this.getCursorPosition()},this.readTriggerValue=(e,t)=>{const r=e.replace(String.fromCharCode(160)," "),s=r.substring(0,t),i=r.substring(t),a=`${s.includes(this.triggerCharacter)?s.substring(s.lastIndexOf(this.triggerCharacter)):""}${i.substring(0,this.firstIndexOfBreakCharacter(i))}`;return a.includes(this.triggerCharacter)&&!this.includesBreakCharacter(a)?a:void 0},this.includesBreakCharacter=e=>this.breakCharacters.some((t=>e.includes(t))),this.firstIndexOfBreakCharacter=e=>{const t=this.breakCharacters.map((t=>e.indexOf(t))).filter((e=>e>=0));return t.length>0?Math.min(...t):e.length},this.moveCursorToNodeEnd=(e,t=!1)=>{const r=o();if(null!=r){const s=document.createRange();s.selectNodeContents(e),s.collapse(t),r.removeAllRanges(),r.addRange(s)}},this.getContentAsString=e=>null!=e?Array.from(e.childNodes).reduce(((e,t)=>{var r;const s=null==t.previousSibling||u(t.previousSibling);return u(t)&&"true"===t.getAttribute("data-replaced")?`${e}${t.getAttribute("data-original")}`:u(t)&&t.childElementCount>0?`${e}${s?"":"\n"}${this.getContentAsString(t)}`:t instanceof HTMLBRElement?`${e}\n`:u(t)?`${e}${s?"":"\n"}${t.innerText}\n`:`${e}${null!==(r=t.textContent)&&void 0!==r?r:""}`}),"").replace(/[\u200A]/g,"").replace(/[\u00A0]/g," "):"",this.createReplacedElement=(e,t)=>{const r=this.hostEl.querySelector('template[slot="replaced"]');if(null!=r){const s=l(r);return s.bindings.bind(t),s.element.id=t.id,s.element.style.display="inline-block",s.element.contentEditable="false",s.element.tabIndex=-1,s.element.setAttribute("data-replaced","true"),s.element.setAttribute("data-original",e),s.element}throw new Error("Replaced template not defined.")},this.handleKeyDown=this.handleKeyDown.bind(this),this.handleKeyUp=this.handleKeyUp.bind(this),this.handleResultClick=this.handleResultClick.bind(this),this.handleClick=this.handleClick.bind(this),this.handleWindowClick=this.handleWindowClick.bind(this),this.handleInput=this.handleInput.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleCursorPositionUpdate=this.handleCursorPositionUpdate.bind(this),this.updateContent=this.updateContent.bind(this),this.replaceContent=this.replaceContent.bind(this)}componentDidLoad(){this.replaceContent(this.value)}connectedCallback(){window.addEventListener("click",this.handleWindowClick)}disconnectedCallback(){window.removeEventListener("click",this.handleWindowClick)}replaceContent(e,t){if(null!=e&&e!==t){const t=e.match(new RegExp(`${this.replacementUriType}:[0-9a-z-]{36}`,"g")),r=this.replacements.reduce(((e,t)=>({...e,[v(t)]:t})),{});let s=e;const i=null!=t?null==t?void 0:t.reduce(((e,t)=>{if(null!=r[t]){const i=v(r[t]),a=s.indexOf(i),n=s.substring(0,a),l=s.substring(a+i.length),o=b(r[t],n);return s=l,[...e,o.before,o.beforeSpace,o.result,o.afterSpace]}return e}),[]):[];this.rawElements=[...i,c(s)].reduce(((e,t)=>[...e,...x(t)]),[]),this.updateContent(this.replacements)}}updateContent(e,t){null==this.contentEl||n(e,t)||(this.contentEl.innerHTML="",this.displayedElements=this.rawElements.map((e=>{const t=u(e)?e.innerText:e.textContent,r=this.replacements.find((e=>null==t?void 0:t.includes(v(e))));return null!=t&&null!=r?this.createReplacedElement(t,r):e})),this.displayedElements.forEach((e=>{var t;null===(t=this.contentEl)||void 0===t||t.appendChild("string"==typeof e?c(e):e)})),null!=this.lastReplacedSpace&&this.moveCursorToNodeEnd(this.lastReplacedSpace),this.inputChanged.emit(this.getContentAsString(this.contentEl)))}render(){var e;const t=a("wrapper",{standard:"standard"===this.variant,filled:"filled"===this.variant,underlined:"underlined"===this.variant,blank:"blank"===this.variant,disabled:this.disabled});return r(s,{key:"fd044b92cae880ada2e57b6005f6f3ca00f43c4a"},r("div",{key:"9b6cd118e4fd931b851cd211419d3d6bb2fdbb11",class:t},r("span",{key:"eb211c24a3d337d6d3cc2cab1af3c8c235e5cc51",class:"content-input",role:"textbox",contentEditable:"true","aria-multiline":"true","data-placeholder":this.placeholder,ref:e=>this.contentEl=e,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onClick:this.handleCursorPositionUpdate,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur})),r("vertex-result-list",{key:"ce85d59e8148a21f80eb81e1b997310955c1600f",position:this.cursorPosition,placement:this.placement,open:this.hasTriggered&&null!=this.resultItems&&this.resultItems.length>0,items:null!==(e=this.resultItems)&&void 0!==e?e:[],onEnterPressed:this.handleResultClick,onResultClick:this.handleResultClick},r("slot",{key:"d65d5eb8ed481d57edf7cddd8ad9a2f296aa8b01",name:"results"})),r("slot",{key:"504db2422c4ae0318d6a53d4510ae6a8d8b71345",name:"replaced"}))}handleKeyDown(e){this.hasTriggered&&this.breakCharacters.includes(e.key)&&(this.hasTriggered=!1,this.triggeredRange=void 0,this.triggeredElement=void 0)}handleKeyUp(e){this.handleCursorPositionUpdate(),this.cursorPosition=this.getCursorPosition()}async handleInput(){this.inputChanged.emit(this.getContentAsString(this.contentEl))}handleClick(){this.handleCursorPositionUpdate()}handleWindowClick(e){u(e.target)&&"true"===e.target.getAttribute("data-replaced")&&null!=e.target.nextSibling&&this.moveCursorToNodeEnd(e.target.nextSibling,!0)}handleFocus(e){this.inputFocus.emit(e)}handleBlur(e){this.hasTriggered=!1,this.inputBlur.emit(e)}handleResultClick(e){var t;const r=this.triggeredRange,s=this.triggeredElement,i=u(s)?s.innerText:null==s?void 0:s.textContent;if(null!=this.contentEl&&null!=r&&null!=s&&null!=i){const a=null!==(t=this.readTriggerValue(i,r.startOffset))&&void 0!==t?t:"",n=i.split(a),l=b(e.detail,n[0],n[1]);this.lastReplacedSpace=l.afterSpace,this.rawElements=Array.from(this.contentEl.childNodes).reduce(((e,t)=>[...e,...this.attemptReplaceElement(t,s,l)]),[]),this.hasTriggered=!1,this.resultReplaced.emit(e.detail),this.replacements=[...this.replacements.filter((t=>t.id!==e.detail.id)),e.detail]}}getCursorPosition(){var e;const t=o();if(null!=t&&t.rangeCount>0){const r=t.getRangeAt(0).getBoundingClientRect(),s=null===(e=this.contentEl)||void 0===e?void 0:e.getBoundingClientRect(),i=r.bottom||(null==s?void 0:s.bottom)||0,a=r.top||(null==s?void 0:s.top)||0;return{x:r.left||(null==s?void 0:s.left)||0,y:this.placement.includes("top")?a:i}}throw new Error("Unable to retrieve window selection.")}get hostEl(){return i(this)}static get watchers(){return{value:[{replaceContent:0}],replacements:[{updateContent:0}]}}};m.style=".wrapper.sc-vertex-search-bar{display:flex;align-items:center;width:100%;box-sizing:border-box;background:none;border:1px solid transparent;border-radius:4px;font-family:var(--vertex-ui-font-family);font-size:0.875rem;line-height:1.4}.content-input.sc-vertex-search-bar{width:100%;box-sizing:border-box;padding:6px 0.5em 7px;border:1px solid transparent;background:none;font-family:var(--vertex-ui-font-family);font-weight:var(--vertex-ui-font-weight-base);font-size:0.875rem;line-height:1.4;white-space:pre-line}.content-input.sc-vertex-search-bar:focus{outline:none}.standard.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-400);color:var(--vertex-ui-neutral-800)}.standard.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-500)}.standard.sc-vertex-search-bar:hover:not(.disabled),.standard.sc-vertex-search-bar:focus{border-color:var(--vertex-ui-neutral-500)}.standard.disabled.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-200)}.standard.disabled.sc-vertex-search-bar,.standard.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.blank.sc-vertex-search-bar{color:var(--vertex-ui-neutral-800)}.blank.sc-vertex-search-bar:not(:hover) .content-input.sc-vertex-search-bar:focus{border-color:var(--vertex-ui-neutral-400);border-radius:4px}.blank.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-500)}.blank.sc-vertex-search-bar:hover:not(.disabled) .content-input.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-400);border-radius:4px}.blank.disabled.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-200)}.blank.disabled.sc-vertex-search-bar,.blank.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.filled.sc-vertex-search-bar{background-color:var(--vertex-ui-neutral-200);border-color:var(--vertex-ui-neutral-200);color:var(--vertex-ui-neutral-800)}.filled.disabled.sc-vertex-search-bar,.filled.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.filled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-700)}.filled.sc-vertex-search-bar:hover:not(.disabled),.filled.sc-vertex-search-bar:focus{border-bottom-color:var(--vertex-ui-blue-600)}.filled.disabled.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-100)}.filled.disabled.sc-vertex-search-bar,.filled.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.underlined.sc-vertex-search-bar{background-color:var(--vertex-ui-white);border-color:var(--vertex-ui-white) var(--vertex-ui-white) var(--vertex-ui-neutral-400) var(--vertex-ui-white);color:var(--vertex-ui-neutral-800)}.underlined.disabled.sc-vertex-search-bar,.underlined.disabled.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.underlined.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-700)}.underlined.sc-vertex-search-bar:hover:not(.disabled),.underlined.sc-vertex-search-bar:focus{background-color:var(--vertex-ui-neutral-200);border-color:var(--vertex-ui-neutral-200);border-bottom-color:var(--vertex-ui-blue-600)}.underlined.disabled.sc-vertex-search-bar{border-bottom-color:var(--vertex-ui-neutral-200)}.underlined.disabled.sc-vertex-search-bar,.underlined.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.underlined.has-error.sc-vertex-search-bar{border-bottom-color:var(--vertex-ui-red-600)}";export{m as vertex_search_bar}
1
+ import{a as e,c as t,h as r,H as s,d as a}from"./p-C27tS7nl.js";import{c as i}from"./p-Beav1bNT.js";import{f as n}from"./p-B-yvbsY0.js";import{g as l}from"./p-BSoicxl1.js";import"./p-CIs0DJX1.js";const o=()=>{if("undefined"!=typeof window)return window.getSelection()},h=e=>e.hasChildNodes(),c=e=>new Text(e),d=()=>document.createElement("br"),u=e=>e instanceof HTMLElement,v=e=>`${e.type}:${e.id}`,b=(e,t,r)=>{const s=v(e);return{before:c(t),beforeSpace:c(p()),result:c(s),afterSpace:c(null!=r?f():p()),after:null!=r?c(r):void 0}},x=e=>{const t=e.textContent;if("\n"===t)return[d()];if(null!=t&&t.includes("\n")){const e=t.split("\n");return e.reduce(((t,r,s)=>""===r&&""!==e[s-1]?t:[...t,c(r.replace(/ /g,f())),d()]),[])}return[e]},p=()=>String.fromCharCode(8202),f=()=>String.fromCharCode(160),m=class{constructor(r){e(this,r),this.searchChanged=t(this,"searchChanged"),this.inputChanged=t(this,"inputChanged"),this.resultReplaced=t(this,"resultReplaced"),this.inputFocus=t(this,"inputFocus"),this.inputBlur=t(this,"inputBlur"),this.variant="standard",this.disabled=!1,this.triggerCharacter="@",this.breakCharacters=[" ","\n"],this.placement="bottom-start",this.replacements=[],this.replacementUriType="user",this.displayedElements=[],this.hasTriggered=!1,this.rawElements=[],this.attemptReplaceElement=(e,t,r,s=!1)=>h(e)&&Array.from(e.childNodes).some((e=>h(e)||this.isIdenticalElement(e,t)))?Array.from(e.childNodes).reduce(((s,a)=>[...s,...this.attemptReplaceElement(a,t,r,!u(e.previousSibling))]),[]):this.isIdenticalElement(e,t)?((e,t=!1)=>{const r=Object.keys(e).map((t=>e[t])).filter((e=>null!=e));return t?[c("\n"),...r]:r})(r,s):[e],this.isIdenticalElement=(e,t)=>e===this.triggeredElement||this.getTextContent(e)===this.getTextContent(t),this.getTextContent=e=>{var t;return u(e)?e.innerText:null!==(t=e.textContent)&&void 0!==t?t:""},this.handleCursorPositionUpdate=()=>{var e,t;const r=null===(e=o())||void 0===e?void 0:e.getRangeAt(0);if(null!=r){const e=this.readTriggerValue(null!==(t=r.commonAncestorContainer.textContent)&&void 0!==t?t:"",r.startOffset);this.hasTriggered||null==e?this.hasTriggered&&null!=e?(this.triggeredRange=r,this.triggeredElement=r.commonAncestorContainer,this.searchChanged.emit(e.replace(this.triggerCharacter,""))):(this.hasTriggered=!1,this.triggeredRange=void 0,this.triggeredElement=void 0):(this.hasTriggered=!0,this.triggeredRange=r,this.triggeredElement=r.commonAncestorContainer,this.searchChanged.emit(e.replace(this.triggerCharacter,"")))}this.cursorPosition=this.getCursorPosition()},this.readTriggerValue=(e,t)=>{const r=e.replace(String.fromCharCode(160)," "),s=r.substring(0,t),a=r.substring(t),i=`${s.includes(this.triggerCharacter)?s.substring(s.lastIndexOf(this.triggerCharacter)):""}${a.substring(0,this.firstIndexOfBreakCharacter(a))}`;return i.includes(this.triggerCharacter)&&!this.includesBreakCharacter(i)?i:void 0},this.includesBreakCharacter=e=>this.breakCharacters.some((t=>e.includes(t))),this.firstIndexOfBreakCharacter=e=>{const t=this.breakCharacters.map((t=>e.indexOf(t))).filter((e=>e>=0));return t.length>0?Math.min(...t):e.length},this.moveCursorToNodeEnd=(e,t=!1)=>{const r=o();if(null!=r){const s=document.createRange();s.selectNodeContents(e),s.collapse(t),r.removeAllRanges(),r.addRange(s)}},this.getContentAsString=e=>null!=e?Array.from(e.childNodes).reduce(((e,t)=>{var r;const s=null==t.previousSibling||u(t.previousSibling);return u(t)&&"true"===t.getAttribute("data-replaced")?`${e}${t.getAttribute("data-original")}`:u(t)&&t.childElementCount>0?`${e}${s?"":"\n"}${this.getContentAsString(t)}`:t instanceof HTMLBRElement?`${e}\n`:u(t)?`${e}${s?"":"\n"}${t.innerText}\n`:`${e}${null!==(r=t.textContent)&&void 0!==r?r:""}`}),"").replace(/[\u200A]/g,"").replace(/[\u00A0]/g," "):"",this.createReplacedElement=(e,t)=>{const r=this.hostEl.querySelector('template[slot="replaced"]');if(null!=r){const s=l(r);return s.bindings.bind(t),s.element.id=t.id,s.element.style.display="inline-block",s.element.contentEditable="false",s.element.tabIndex=-1,s.element.setAttribute("data-replaced","true"),s.element.setAttribute("data-original",e),s.element}throw new Error("Replaced template not defined.")},this.handleKeyDown=this.handleKeyDown.bind(this),this.handleKeyUp=this.handleKeyUp.bind(this),this.handleResultClick=this.handleResultClick.bind(this),this.handleClick=this.handleClick.bind(this),this.handleWindowClick=this.handleWindowClick.bind(this),this.handleInput=this.handleInput.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleCursorPositionUpdate=this.handleCursorPositionUpdate.bind(this),this.updateContent=this.updateContent.bind(this),this.replaceContent=this.replaceContent.bind(this)}componentDidLoad(){this.replaceContent(this.value)}connectedCallback(){window.addEventListener("click",this.handleWindowClick)}disconnectedCallback(){window.removeEventListener("click",this.handleWindowClick)}replaceContent(e,t){if(null!=e&&e!==t){const t=e.match(new RegExp(`${this.replacementUriType}:[0-9a-z-]{36}`,"g")),r=this.replacements.reduce(((e,t)=>({...e,[v(t)]:t})),{});let s=e;const a=null!=t?null==t?void 0:t.reduce(((e,t)=>{if(null!=r[t]){const a=v(r[t]),i=s.indexOf(a),n=s.substring(0,i),l=s.substring(i+a.length),o=b(r[t],n);return s=l,[...e,o.before,o.beforeSpace,o.result,o.afterSpace]}return e}),[]):[];this.rawElements=[...a,c(s)].reduce(((e,t)=>[...e,...x(t)]),[]),this.updateContent(this.replacements)}}updateContent(e,t){null==this.contentEl||n(e,t)||(this.contentEl.innerHTML="",this.displayedElements=this.rawElements.map((e=>{const t=u(e)?e.innerText:e.textContent,r=this.replacements.find((e=>null==t?void 0:t.includes(v(e))));return null!=t&&null!=r?this.createReplacedElement(t,r):e})),this.displayedElements.forEach((e=>{var t;null===(t=this.contentEl)||void 0===t||t.appendChild("string"==typeof e?c(e):e)})),null!=this.lastReplacedSpace&&this.moveCursorToNodeEnd(this.lastReplacedSpace),this.inputChanged.emit(this.getContentAsString(this.contentEl)))}render(){var e;const t=i("wrapper",{standard:"standard"===this.variant,filled:"filled"===this.variant,underlined:"underlined"===this.variant,blank:"blank"===this.variant,disabled:this.disabled});return r(s,{key:"cda12a50487bedd9f5a483825fcca3524a274724"},r("div",{key:"a655eacaddeaaaa78e7ff28d47ca5c4af6104b63",class:t},r("span",{key:"9026a17696679aad0d5db24f1fac7ca0bf7baae9",class:"content-input",role:"textbox",contentEditable:"true","aria-multiline":"true","data-placeholder":this.placeholder,ref:e=>this.contentEl=e,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onClick:this.handleCursorPositionUpdate,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur})),r("vertex-result-list",{key:"0a57da3954e2daa1f8ce2db7c18b4962cc3cebf9",position:this.cursorPosition,placement:this.placement,open:this.hasTriggered&&null!=this.resultItems&&this.resultItems.length>0,items:null!==(e=this.resultItems)&&void 0!==e?e:[],onEnterPressed:this.handleResultClick,onResultClick:this.handleResultClick},r("slot",{key:"f5d8d17413bbbe37fc42650588dc0ad8cb7f1046",name:"results"})),r("slot",{key:"3d0f4af0d912bfbad1671167ecc445130d133b0d",name:"replaced"}))}handleKeyDown(e){this.hasTriggered&&this.breakCharacters.includes(e.key)&&(this.hasTriggered=!1,this.triggeredRange=void 0,this.triggeredElement=void 0)}handleKeyUp(e){this.handleCursorPositionUpdate(),this.cursorPosition=this.getCursorPosition()}async handleInput(){this.inputChanged.emit(this.getContentAsString(this.contentEl))}handleClick(){this.handleCursorPositionUpdate()}handleWindowClick(e){u(e.target)&&"true"===e.target.getAttribute("data-replaced")&&null!=e.target.nextSibling&&this.moveCursorToNodeEnd(e.target.nextSibling,!0)}handleFocus(e){this.inputFocus.emit(e)}handleBlur(e){this.hasTriggered=!1,this.inputBlur.emit(e)}handleResultClick(e){var t;const r=this.triggeredRange,s=this.triggeredElement,a=u(s)?s.innerText:null==s?void 0:s.textContent;if(null!=this.contentEl&&null!=r&&null!=s&&null!=a){const i=null!==(t=this.readTriggerValue(a,r.startOffset))&&void 0!==t?t:"",n=a.split(i),l=b(e.detail,n[0],n[1]);this.lastReplacedSpace=l.afterSpace,this.rawElements=Array.from(this.contentEl.childNodes).reduce(((e,t)=>[...e,...this.attemptReplaceElement(t,s,l)]),[]),this.hasTriggered=!1,this.resultReplaced.emit(e.detail),this.replacements=[...this.replacements.filter((t=>t.id!==e.detail.id)),e.detail]}}getCursorPosition(){var e;const t=o();if(null!=t&&t.rangeCount>0){const r=t.getRangeAt(0).getBoundingClientRect(),s=null===(e=this.contentEl)||void 0===e?void 0:e.getBoundingClientRect(),a=r.bottom||(null==s?void 0:s.bottom)||0,i=r.top||(null==s?void 0:s.top)||0;return{x:r.left||(null==s?void 0:s.left)||0,y:this.placement.includes("top")?i:a}}throw new Error("Unable to retrieve window selection.")}get hostEl(){return a(this)}static get watchers(){return{value:[{replaceContent:0}],replacements:[{updateContent:0}]}}};m.style=".wrapper.sc-vertex-search-bar{display:flex;align-items:center;width:100%;box-sizing:border-box;background:none;border:1px solid transparent;border-radius:4px;font-family:var(--vertex-ui-font-family);font-size:0.875rem;line-height:1.4}.content-input.sc-vertex-search-bar{width:100%;box-sizing:border-box;padding:6px 0.5em 7px;border:1px solid transparent;background:none;font-family:var(--vertex-ui-font-family);font-weight:var(--vertex-ui-font-weight-base);font-size:0.875rem;line-height:1.4;white-space:pre-line}.content-input.sc-vertex-search-bar:focus{outline:none}.standard.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-400);color:var(--vertex-ui-neutral-800)}.standard.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-500)}.standard.sc-vertex-search-bar:hover:not(.disabled),.standard.sc-vertex-search-bar:focus{border-color:var(--vertex-ui-neutral-500)}.standard.disabled.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-200)}.standard.disabled.sc-vertex-search-bar,.standard.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.blank.sc-vertex-search-bar{color:var(--vertex-ui-neutral-800)}.blank.sc-vertex-search-bar:not(:hover) .content-input.sc-vertex-search-bar:focus{border-color:var(--vertex-ui-neutral-400);border-radius:4px}.blank.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-500)}.blank.sc-vertex-search-bar:hover:not(.disabled) .content-input.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-400);border-radius:4px}.blank.disabled.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-200)}.blank.disabled.sc-vertex-search-bar,.blank.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.filled.sc-vertex-search-bar{background-color:var(--vertex-ui-neutral-200);border-color:var(--vertex-ui-neutral-200);color:var(--vertex-ui-neutral-800)}.filled.disabled.sc-vertex-search-bar,.filled.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.filled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-700)}.filled.sc-vertex-search-bar:hover:not(.disabled),.filled.sc-vertex-search-bar:focus{border-bottom-color:var(--vertex-ui-blue-600)}.filled.disabled.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-100)}.filled.disabled.sc-vertex-search-bar,.filled.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.underlined.sc-vertex-search-bar{background-color:var(--vertex-ui-white);border-color:var(--vertex-ui-white) var(--vertex-ui-white) var(--vertex-ui-neutral-400) var(--vertex-ui-white);color:var(--vertex-ui-neutral-800)}.underlined.disabled.sc-vertex-search-bar,.underlined.disabled.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.underlined.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-700)}.underlined.sc-vertex-search-bar:hover:not(.disabled),.underlined.sc-vertex-search-bar:focus{background-color:var(--vertex-ui-neutral-200);border-color:var(--vertex-ui-neutral-200);border-bottom-color:var(--vertex-ui-blue-600)}.underlined.disabled.sc-vertex-search-bar{border-bottom-color:var(--vertex-ui-neutral-200)}.underlined.disabled.sc-vertex-search-bar,.underlined.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.underlined.has-error.sc-vertex-search-bar{border-bottom-color:var(--vertex-ui-red-600)}";export{m as vertex_search_bar}
@@ -0,0 +1 @@
1
+ import{a as r,h as o}from"./p-C27tS7nl.js";const e=class{constructor(o){r(this,o)}render(){return o("div",{key:"76b6cf052926ae1b68f0af2198d55d3df412af7f",class:"root"})}};e.style=":host{--color:var(--vertex-ui-neutral-300)}.root{margin:0.12em 0;border-top:1px solid var(--color)}";export{e as vertex_menu_divider}
@@ -1 +1 @@
1
- import{a as t,c as e,h as o}from"./p-C27tS7nl.js";import{c as i}from"./p-Beav1bNT.js";const s=class{constructor(o){t(this,o),this.closed=e(this,"closed"),this.placement="bottom-left",this.duration=3e3,this.animated=!0,this.open=!1,this.type="info",this.handleClose=this.handleClose.bind(this),this.startCloseTimeout=this.startCloseTimeout.bind(this),this.clearCloseTimeout=this.clearCloseTimeout.bind(this),this.restartCloseTimeout=this.restartCloseTimeout.bind(this)}componentDidLoad(){this.isOpen=this.open,this.isOpen&&this.restartCloseTimeout()}async handleOpenChanged(t){t&&(this.restartCloseTimeout(),this.isOpen=t)}render(){return o("vertex-popover",{key:"2f628b74ec3dec91f02fac1815f5d1b12870ab2d",class:"popover",open:this.isOpen,resizeBehavior:"fixed",backdrop:!1,placement:this.getPopoverPlacement(),animated:this.animated},o("div",{key:"c43cdca71f2dba04b1eb59ab3a0e7ba20bd950e3",slot:"anchor",class:i("anchor",this.placement)}),o("div",{key:"0839244c1e3e325d9362de508cdc0ebcc59fa755",class:i("toast",{hidden:!this.isOpen,warn:"warn"===this.type,error:"error"===this.type})},this.content?o("div",{class:"content"},this.content):o("slot",null),o("div",{key:"6b95eb1f57a5eaeb5987fdb39290cc61662d4c85",class:"actions"},o("slot",{key:"19d40a81a11f9a08771a7084d77d2f634c66d29d",name:"action"}),o("vertex-icon-button",{key:"4d19309ba602f162a77f41ac74667594dbe98544",class:"close",iconName:"close",iconSize:"sm",variant:"plain",onClick:this.handleClose}))))}handleClose(){this.clearCloseTimeout(),this.isOpen=!1,this.closed.emit()}startCloseTimeout(){null==this.closeTimeout&&this.duration>0&&(this.closeTimeout=setTimeout((()=>{this.handleClose()}),this.duration))}clearCloseTimeout(){null!=this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=void 0)}restartCloseTimeout(){this.clearCloseTimeout(),this.startCloseTimeout()}getPopoverPlacement(){switch(this.placement){case"bottom-left":return"top-start";case"bottom":return"top";case"bottom-right":return"top-end";case"top-left":return"bottom-start";case"top":return"bottom";case"top-right":return"bottom-end"}}static get watchers(){return{open:[{handleOpenChanged:0}]}}};s.style=":host{--toast-width:auto;--toast-min-width:17rem;--toast-max-width:25rem;--toast-white-space:normal}.anchor{position:fixed}.bottom-left{left:1rem;bottom:1rem}.bottom{left:50vw;bottom:1rem}.bottom-right{right:1rem;bottom:1rem}.top-left{left:1rem;top:1rem}.top{left:50vw;top:1rem}.top-right{right:1rem;top:1rem}.popover{position:fixed;--open-animation-name:open-fade-in;--close-animation-name:close-fade-out}.actions{display:flex;align-items:center;margin-left:auto}.close{cursor:pointer;padding-left:1rem}.close:hover{color:var(--vertex-ui-neutral-300)}.toast{position:relative;display:flex;align-items:center;width:var(--toast-width);min-width:var(--toast-min-width);max-width:var(--toast-max-width);padding:1rem 1rem 1rem 1.5rem;font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);background-color:var(--vertex-ui-neutral-800);color:var(--vertex-ui-white);border-radius:4px;white-space:var(--toast-white-space);user-select:none}.toast.hidden{pointer-events:none}.warn{background-color:var(--vertex-ui-orange-100);color:var(--vertex-ui-neutral-800)}.error{background-color:var(--vertex-ui-red-700);color:white}";export{s as vertex_toast}
1
+ import{a as t,c as e,h as o}from"./p-C27tS7nl.js";import{c as i}from"./p-Beav1bNT.js";const s=class{constructor(o){t(this,o),this.closed=e(this,"closed"),this.placement="bottom-left",this.duration=3e3,this.animated=!0,this.open=!1,this.type="info",this.handleClose=this.handleClose.bind(this),this.startCloseTimeout=this.startCloseTimeout.bind(this),this.clearCloseTimeout=this.clearCloseTimeout.bind(this),this.restartCloseTimeout=this.restartCloseTimeout.bind(this)}componentDidLoad(){this.isOpen=this.open,this.isOpen&&this.restartCloseTimeout()}async handleOpenChanged(t){t&&(this.restartCloseTimeout(),this.isOpen=t)}render(){return o("vertex-popover",{key:"47662731345cbe17696dd0095ab7fb5372687ffd",class:"popover",open:this.isOpen,resizeBehavior:"fixed",backdrop:!1,placement:this.getPopoverPlacement(),animated:this.animated},o("div",{key:"e512152c57add591deb56537759137e1afc74c17",slot:"anchor",class:i("anchor",this.placement)}),o("div",{key:"0148cb844f9ea329fc940a29dafe698b905bf230",class:i("toast",{hidden:!this.isOpen,warn:"warn"===this.type,error:"error"===this.type})},this.content?o("div",{class:"content"},this.content):o("slot",null),o("div",{key:"707645468e3b7c74505d12cf88937d239972f1c9",class:"actions"},o("slot",{key:"b1ed8c05970b31d9fee349bc4336f8c57ec511dd",name:"action"}),o("vertex-icon-button",{key:"cbdc50ec280679f2bc15140774703851a84a4a03",class:"close",iconName:"close",iconSize:"sm",variant:"plain",onClick:this.handleClose}))))}handleClose(){this.clearCloseTimeout(),this.isOpen=!1,this.closed.emit()}startCloseTimeout(){null==this.closeTimeout&&this.duration>0&&(this.closeTimeout=setTimeout((()=>{this.handleClose()}),this.duration))}clearCloseTimeout(){null!=this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=void 0)}restartCloseTimeout(){this.clearCloseTimeout(),this.startCloseTimeout()}getPopoverPlacement(){switch(this.placement){case"bottom-left":return"top-start";case"bottom":return"top";case"bottom-right":return"top-end";case"top-left":return"bottom-start";case"top":return"bottom";case"top-right":return"bottom-end"}}static get watchers(){return{open:[{handleOpenChanged:0}]}}};s.style=":host{--toast-width:auto;--toast-min-width:17rem;--toast-max-width:25rem;--toast-white-space:normal}.anchor{position:fixed}.bottom-left{left:1rem;bottom:1rem}.bottom{left:50vw;bottom:1rem}.bottom-right{right:1rem;bottom:1rem}.top-left{left:1rem;top:1rem}.top{left:50vw;top:1rem}.top-right{right:1rem;top:1rem}.popover{position:fixed;--open-animation-name:open-fade-in;--close-animation-name:close-fade-out}.actions{display:flex;align-items:center;margin-left:auto}.close{cursor:pointer;padding-left:1rem}.close:hover{color:var(--vertex-ui-neutral-300)}.toast{position:relative;display:flex;align-items:center;width:var(--toast-width);min-width:var(--toast-min-width);max-width:var(--toast-max-width);padding:1rem 1rem 1rem 1.5rem;font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);background-color:var(--vertex-ui-neutral-800);color:var(--vertex-ui-white);border-radius:4px;white-space:var(--toast-white-space);user-select:none}.toast.hidden{pointer-events:none}.warn{background-color:var(--vertex-ui-orange-100);color:var(--vertex-ui-neutral-800)}.error{background-color:var(--vertex-ui-red-700);color:white}";export{s as vertex_toast}
@@ -1 +1 @@
1
- import{a as e,c as t,h as r}from"./p-C27tS7nl.js";import{c as i}from"./p-Beav1bNT.js";import{g as s}from"./p-DHNuRvq0.js";const o=class{constructor(r){e(this,r),this.closed=t(this,"closed"),this.placement="top",this.duration=3e3,this.animated=!0,this.open=!1,this.type="info",this.handleClose=this.handleClose.bind(this),this.startCloseTimeout=this.startCloseTimeout.bind(this),this.clearCloseTimeout=this.clearCloseTimeout.bind(this),this.restartCloseTimeout=this.restartCloseTimeout.bind(this)}componentDidLoad(){this.isOpen=this.open,this.isOpen&&this.restartCloseTimeout()}async handleOpenChanged(e){e&&(this.restartCloseTimeout(),this.isOpen=e)}render(){return r("vertex-popover",{key:"eed3f486c1f39b2cdc2783ce72025839576a1aa0",class:"popover",open:this.isOpen,resizeBehavior:"fixed",backdrop:!1,placement:this.getPopoverPlacement(),animated:this.animated},r("div",{key:"949d8a468e0c1094b31ea2358ddcb891e291d1cd",slot:"anchor",class:i("anchor",this.placement)}),r("div",{key:"c8519a53fd91ef3efe54b740dce75563c6d8ceaa",class:i("banner",{hidden:!this.isOpen,info:"info"===this.type,success:"success"===this.type,warn:"warn"===this.type,error:"error"===this.type})},r("div",{key:"9de8047d8a04268537fa8d3235584062417f8a33",class:i("icon",{"icon-info":"info"===this.type,"icon-success":"success"===this.type,"icon-warn":"warn"===this.type,"icon-error":"error"===this.type})},s(this.getIconName())),this.content?r("div",{class:"message"},this.content):r("slot",null),r("div",{key:"f52c548da955b3a58c290de4363f3e2d7ce106bf",class:"actions"},r("slot",{key:"3819a570c7050b65df1a77a86133be46526409bf",name:"action"}),r("vertex-icon-button",{key:"6c3bcb4deddce591efba1133f4fe9fece7e9149f",class:"close",iconName:"close",iconSize:"sm",variant:"plain",onClick:this.handleClose}))))}handleClose(){this.clearCloseTimeout(),this.isOpen=!1,this.closed.emit()}startCloseTimeout(){null==this.closeTimeout&&this.duration>0&&(this.closeTimeout=setTimeout((()=>{this.handleClose()}),this.duration))}clearCloseTimeout(){null!=this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=void 0)}restartCloseTimeout(){this.clearCloseTimeout(),this.startCloseTimeout()}getPopoverPlacement(){switch(this.placement){case"top-left":return"bottom-start";case"top":return"bottom";case"top-right":return"bottom-end"}}getIconName(){switch(this.type){case"info":return"info";case"success":return"check-circle";case"warn":return"caution";case"error":return"error-circle"}}static get watchers(){return{open:[{handleOpenChanged:0}]}}};o.style=":host{--banner-width:auto;--banner-min-width:25rem;--banner-max-width:35rem;--banner-white-space:normal}.anchor{position:fixed}.top-left{left:24px;top:24px}.top{left:50vw;top:24px}.top-right{right:24px;top:24px}.popover{position:fixed;--open-animation-name:open-fade-in;--close-animation-name:close-fade-out}.actions{display:flex;align-items:center;margin-left:auto}.close{cursor:pointer;margin-left:16px}.close:hover{color:var(--vertex-ui-blue-500)}.banner{position:relative;display:flex;align-items:center;width:var(--banner-width);min-width:var(--banner-min-width);max-width:var(--banner-max-width);padding:16px;font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);border-radius:4px;white-space:var(--banner-white-space);user-select:none;filter:drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));border:1px solid var(--vertex-ui-neutral-300)}.banner.hidden{pointer-events:none}.icon{display:flex;margin-right:16px;justify-content:center;align-items:center;fill:currentColor;height:1.25rem;width:1.25rem}.icon-info{color:var(--vertex-ui-blue-600)}.icon-success{color:var(--vertex-ui-green-600)}.icon-warn{color:var(--vertex-ui-orange-600)}.icon-error{color:var(--vertex-ui-red-600)}.message{align-items:center}.info{background-color:var(--vertex-ui-blue-100);color:var(--vertex-ui-neutral-800)}.success{background-color:var(--vertex-ui-green-100);color:var(--vertex-ui-neutral-800)}.warn{background-color:var(--vertex-ui-orange-100);color:var(--vertex-ui-neutral-800)}.error{background-color:var(--vertex-ui-red-100);color:var(--vertex-ui-neutral-800)}";export{o as vertex_banner}
1
+ import{a as e,c as t,h as r}from"./p-C27tS7nl.js";import{c as i}from"./p-Beav1bNT.js";import{g as o}from"./p-BItoqEjI.js";const s=class{constructor(r){e(this,r),this.closed=t(this,"closed"),this.placement="top",this.duration=3e3,this.animated=!0,this.open=!1,this.type="info",this.handleClose=this.handleClose.bind(this),this.startCloseTimeout=this.startCloseTimeout.bind(this),this.clearCloseTimeout=this.clearCloseTimeout.bind(this),this.restartCloseTimeout=this.restartCloseTimeout.bind(this)}componentDidLoad(){this.isOpen=this.open,this.isOpen&&this.restartCloseTimeout()}async handleOpenChanged(e){e&&(this.restartCloseTimeout(),this.isOpen=e)}render(){return r("vertex-popover",{key:"eed3f486c1f39b2cdc2783ce72025839576a1aa0",class:"popover",open:this.isOpen,resizeBehavior:"fixed",backdrop:!1,placement:this.getPopoverPlacement(),animated:this.animated},r("div",{key:"949d8a468e0c1094b31ea2358ddcb891e291d1cd",slot:"anchor",class:i("anchor",this.placement)}),r("div",{key:"c8519a53fd91ef3efe54b740dce75563c6d8ceaa",class:i("banner",{hidden:!this.isOpen,info:"info"===this.type,success:"success"===this.type,warn:"warn"===this.type,error:"error"===this.type})},r("div",{key:"9de8047d8a04268537fa8d3235584062417f8a33",class:i("icon",{"icon-info":"info"===this.type,"icon-success":"success"===this.type,"icon-warn":"warn"===this.type,"icon-error":"error"===this.type})},o(this.getIconName())),this.content?r("div",{class:"message"},this.content):r("slot",null),r("div",{key:"f52c548da955b3a58c290de4363f3e2d7ce106bf",class:"actions"},r("slot",{key:"3819a570c7050b65df1a77a86133be46526409bf",name:"action"}),r("vertex-icon-button",{key:"6c3bcb4deddce591efba1133f4fe9fece7e9149f",class:"close",iconName:"close",iconSize:"sm",variant:"plain",onClick:this.handleClose}))))}handleClose(){this.clearCloseTimeout(),this.isOpen=!1,this.closed.emit()}startCloseTimeout(){null==this.closeTimeout&&this.duration>0&&(this.closeTimeout=setTimeout((()=>{this.handleClose()}),this.duration))}clearCloseTimeout(){null!=this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=void 0)}restartCloseTimeout(){this.clearCloseTimeout(),this.startCloseTimeout()}getPopoverPlacement(){switch(this.placement){case"top-left":return"bottom-start";case"top":return"bottom";case"top-right":return"bottom-end"}}getIconName(){switch(this.type){case"info":return"info";case"success":return"check-circle";case"warn":return"caution";case"error":return"error-circle"}}static get watchers(){return{open:[{handleOpenChanged:0}]}}};s.style=":host{--banner-width:auto;--banner-min-width:25rem;--banner-max-width:35rem;--banner-white-space:normal}.anchor{position:fixed}.top-left{left:24px;top:24px}.top{left:50vw;top:24px}.top-right{right:24px;top:24px}.popover{position:fixed;--open-animation-name:open-fade-in;--close-animation-name:close-fade-out}.actions{display:flex;align-items:center;margin-left:auto}.close{cursor:pointer;margin-left:16px}.close:hover{color:var(--vertex-ui-blue-500)}.banner{position:relative;display:flex;align-items:center;width:var(--banner-width);min-width:var(--banner-min-width);max-width:var(--banner-max-width);padding:16px;font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);border-radius:4px;white-space:var(--banner-white-space);user-select:none;filter:drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));border:1px solid var(--vertex-ui-neutral-300)}.banner.hidden{pointer-events:none}.icon{display:flex;margin-right:16px;justify-content:center;align-items:center;fill:currentColor;height:1.25rem;width:1.25rem}.icon-info{color:var(--vertex-ui-blue-600)}.icon-success{color:var(--vertex-ui-green-600)}.icon-warn{color:var(--vertex-ui-orange-600)}.icon-error{color:var(--vertex-ui-red-600)}.message{align-items:center}.info{background-color:var(--vertex-ui-blue-100);color:var(--vertex-ui-neutral-800)}.success{background-color:var(--vertex-ui-green-100);color:var(--vertex-ui-neutral-800)}.warn{background-color:var(--vertex-ui-orange-100);color:var(--vertex-ui-neutral-800)}.error{background-color:var(--vertex-ui-red-100);color:var(--vertex-ui-neutral-800)}";export{s as vertex_banner}
@@ -1 +1 @@
1
- import{t as e,p as o,H as r,h as a,e as i}from"./p-BbDaHMlz.js";import{c as t}from"./p-Beav1bNT.js";import{g as n}from"./p-DPgx10Cw.js";const s=o(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.iconColor="default",this.iconSize="md"}render(){return a(i,{key:"33a7a846f8c94dcbc2ba482751cfaab3388b57c8",onClick:e=>this.handleClick(e)},a("button",{key:"9103a89a53ba9d228b1564aeb2b14d14d4e0c9d5",ref:e=>this.buttonEl=e,disabled:this.disabled,class:t("container",{disabled:this.disabled,floating:"floating"===this.variant,plain:"plain"===this.variant,inline:"inline"===this.variant,primary:"primary"===this.iconColor,secondary:"secondary"===this.iconColor})},a("slot",{key:"8e08d632e512569d39719ac2358a36057b68c4fb",name:"left"}),a("div",{key:"23596ef1cf1d055e654b6bee8ac3ba5c5ea70240",class:t("icon-button",{xs:"xs"===this.iconSize,sm:"sm"===this.iconSize,md:"md"===this.iconSize,lg:"lg"===this.iconSize})},n(this.iconName),a("div",{key:"7bf10a1f1b96e10a0c199b1fcf56a14fe0be4565",class:"badge"},a("slot",{key:"8d4728e6fee66b53364ebe67ef8d91ca3a717768",name:"badge"}))),a("slot",{key:"a3e780fdb7f9e951e556f7493d0bbe437344a053"})))}handleClick(e){var o;this.disabled&&(e.preventDefault(),e.stopPropagation()),null===(o=this.buttonEl)||void 0===o||o.blur()}static get style(){return"button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{--enabled-cursor:pointer;--disabled-cursor:not-allowed;--hover-background-color:var(--vertex-ui-neutral-200);--active-background-color:var(--vertex-ui-neutral-400);--focus-background-color:var(--vertex-ui-neutral-400);--hover-box-shadow:0 2px 2px rgb(0 0 0 / 20%);--active-box-shadow:none;--focus-box-shadow:0 0 0 1px var(--vertex-ui-neutral-900);--icon-margin:0px}.container{display:flex;justify-content:center;align-items:center;outline:none;fill:currentColor;color:currentColor;cursor:var(--enabled-cursor)}.container:not(.plain){border-radius:4px;padding:0.25rem}.icon-button{display:flex;position:relative;justify-content:center;align-items:center;fill:currentColor;height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.icon-button svg{width:100%;height:100%;margin:var(--icon-margin, 0px)}.badge{position:absolute;top:0px;right:4px;justify-content:flex-end;align-items:flex-end}.floating{background-color:var(--vertex-ui-neutral-100);box-shadow:var(--vertex-ui-overlay-shadow);color:var(--vertex-ui-neutral-700);fill:var(--vertex-ui-neutral-700);opacity:0.95}.floating.disabled{color:var(--vertex-ui-neutral-400);cursor:var(--disabled-cursor)}.container:not(.disabled):not(.plain):hover{background-color:var(--hover-background-color)}.container:not(.disabled):not(.plain):not(.inline):hover{box-shadow:var(--hover-box-shadow)}.container:not(.disabled):not(.plain):active{background-color:var(--active-background-color);box-shadow:var(--active-box-shadow)}.container:not(.disabled):not(.plain):focus-visible{background-color:var(--focus-background-color);box-shadow:var(--focus-box-shadow);color:var(--vertex-ui-neutral-900)}.container.disabled:not(.floating){cursor:var(--disabled-cursor);color:var(--vertex-ui-neutral-400)}.container.primary:not(.disabled){color:var(--vertex-ui-blue-700)}.container.secondary:not(.disabled){color:var(--vertex-ui-neutral-800)}.xs{height:var(--icon-size, 0.75rem);width:var(--icon-size, 0.75rem)}.sm{height:var(--icon-size, 1rem);width:var(--icon-size, 1rem)}.md{height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.lg{height:var(--icon-size, 2rem);width:var(--icon-size, 2rem)}"}},[257,"vertex-icon-button",{iconName:[1,"icon-name"],disabled:[516],variant:[1],iconColor:[1,"icon-color"],iconSize:[1,"icon-size"]}]);function c(){"undefined"!=typeof customElements&&["vertex-icon-button"].forEach((o=>{"vertex-icon-button"===o&&(customElements.get(e(o))||customElements.define(e(o),s))}))}c();export{s as I,c as d}
1
+ import{t as e,p as o,H as r,h as a,e as i}from"./p-BbDaHMlz.js";import{c as t}from"./p-Beav1bNT.js";import{g as n}from"./p-BK-dLbv3.js";const c=o(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.iconColor="default",this.iconSize="md"}render(){return a(i,{key:"6c6db9378643474df50b46c884fd0ead1e68839e",onClick:e=>this.handleClick(e)},a("button",{key:"f6802f94378b6c3deca4b46e58e05f43af7559e5",ref:e=>this.buttonEl=e,disabled:this.disabled,class:t("container",{disabled:this.disabled,floating:"floating"===this.variant,plain:"plain"===this.variant,inline:"inline"===this.variant,primary:"primary"===this.iconColor,secondary:"secondary"===this.iconColor})},a("slot",{key:"9da5a6109882b6edc8a3087ece20041c49530928",name:"left"}),a("div",{key:"f34737c3e79be45eced5b79283e551e82758c5e9",class:t("icon-button",{xs:"xs"===this.iconSize,sm:"sm"===this.iconSize,md:"md"===this.iconSize,lg:"lg"===this.iconSize})},n(this.iconName),a("div",{key:"f3ee92ebd4ccea5f31d30b873bc2c94047d2df5d",class:"badge"},a("slot",{key:"a31873ba8e80a8db709e4395f77a0c34b61caca6",name:"badge"}))),a("slot",{key:"a5073d888e0ec3ab9cdf6d79bde79ff6486a8d95"})))}handleClick(e){var o;this.disabled&&(e.preventDefault(),e.stopPropagation()),null===(o=this.buttonEl)||void 0===o||o.blur()}static get style(){return"button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{--enabled-cursor:pointer;--disabled-cursor:not-allowed;--hover-background-color:var(--vertex-ui-neutral-200);--active-background-color:var(--vertex-ui-neutral-400);--focus-background-color:var(--vertex-ui-neutral-400);--hover-box-shadow:0 2px 2px rgb(0 0 0 / 20%);--active-box-shadow:none;--focus-box-shadow:0 0 0 1px var(--vertex-ui-neutral-900);--icon-margin:0px}.container{display:flex;justify-content:center;align-items:center;outline:none;fill:currentColor;color:currentColor;cursor:var(--enabled-cursor)}.container:not(.plain){border-radius:4px;padding:0.25rem}.icon-button{display:flex;position:relative;justify-content:center;align-items:center;fill:currentColor;height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.icon-button svg{width:100%;height:100%;margin:var(--icon-margin, 0px)}.badge{position:absolute;top:0px;right:4px;justify-content:flex-end;align-items:flex-end}.floating{background-color:var(--vertex-ui-neutral-100);box-shadow:var(--vertex-ui-overlay-shadow);color:var(--vertex-ui-neutral-700);fill:var(--vertex-ui-neutral-700);opacity:0.95}.floating.disabled{color:var(--vertex-ui-neutral-400);cursor:var(--disabled-cursor)}.container:not(.disabled):not(.plain):hover{background-color:var(--hover-background-color)}.container:not(.disabled):not(.plain):not(.inline):hover{box-shadow:var(--hover-box-shadow)}.container:not(.disabled):not(.plain):active{background-color:var(--active-background-color);box-shadow:var(--active-box-shadow)}.container:not(.disabled):not(.plain):focus-visible{background-color:var(--focus-background-color);box-shadow:var(--focus-box-shadow);color:var(--vertex-ui-neutral-900)}.container.disabled:not(.floating){cursor:var(--disabled-cursor);color:var(--vertex-ui-neutral-400)}.container.primary:not(.disabled){color:var(--vertex-ui-blue-700)}.container.secondary:not(.disabled){color:var(--vertex-ui-neutral-800)}.xs{height:var(--icon-size, 0.75rem);width:var(--icon-size, 0.75rem)}.sm{height:var(--icon-size, 1rem);width:var(--icon-size, 1rem)}.md{height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.lg{height:var(--icon-size, 2rem);width:var(--icon-size, 2rem)}"}},[257,"vertex-icon-button",{iconName:[1,"icon-name"],disabled:[516],variant:[1],iconColor:[1,"icon-color"],iconSize:[1,"icon-size"]}]);function s(){"undefined"!=typeof customElements&&["vertex-icon-button"].forEach((o=>{"vertex-icon-button"===o&&(customElements.get(e(o))||customElements.define(e(o),c))}))}s();export{c as I,s as d}
@@ -1 +1 @@
1
- import{t as e,p as i,H as r,h as t}from"./p-BbDaHMlz.js";import{c as n}from"./p-Beav1bNT.js";const s=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.color="blue",this.size="lg"}render(){const e=n("spinner",{blue:"blue"===this.color,white:"white"===this.color,grey:"grey"===this.color,xs:"xs"===this.size,sm:"sm"===this.size,md:"md"===this.size,lg:"lg"===this.size});return t("div",{key:"3e6d1e4807628dd25aabfd77970720a827fc161d",class:e},t("div",{key:"1b0931d9b8201feee0c8171bb00e9def3034b379"}),t("div",{key:"cce3abd6c5163304ee8f4ce295e33813ee4bd39b"}),t("div",{key:"a5911e890fee609aef540221620170d9f3be4fe1"}),t("div",{key:"2e070316931bd6d9aa2d4c7e6d07cc45cb43e611"}))}static get style(){return".spinner{position:relative;display:flex}.spinner div{position:absolute;display:block;animation:spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-radius:50%;border-style:solid;box-sizing:border-box}.spinner div:nth-child(1){animation-delay:-0.45s}.spinner div:nth-child(2){animation-delay:-0.3s}.spinner div:nth-child(3){animation-delay:-0.15s}.spinner.xs{height:16px;width:16px}.spinner.xs div{border-width:var(--border-width, 1px);height:16px;width:16px;margin:0}.spinner.sm{height:23px;width:23px}.spinner.sm div{border-width:var(--border-width, 3px);height:18px;width:18px;margin:2px}.spinner.md{height:32px;width:32px}.spinner.md div{border-width:var(--border-width, 3px);height:32px;width:32px;margin:2px}.spinner.lg{height:64px;width:64px}.spinner.lg div{border-width:var(--border-width, 6px);height:51px;width:51px;margin:6px}.spinner.blue div{border-color:var(--vertex-ui-blue-700) transparent transparent transparent}.spinner.white div{border-color:var(--vertex-ui-white) transparent transparent transparent}.spinner.grey div{border-color:var(--vertex-ui-neutral-700) transparent transparent transparent}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}"}},[1,"vertex-spinner",{color:[1],size:[1]}]);function d(){"undefined"!=typeof customElements&&["vertex-spinner"].forEach((i=>{"vertex-spinner"===i&&(customElements.get(e(i))||customElements.define(e(i),s))}))}d();export{s as S,d}
1
+ import{t as e,p as i,H as r,h as t}from"./p-BbDaHMlz.js";import{c as n}from"./p-Beav1bNT.js";const s=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.color="blue",this.size="lg"}render(){const e=n("spinner",{blue:"blue"===this.color,white:"white"===this.color,grey:"grey"===this.color,xs:"xs"===this.size,sm:"sm"===this.size,md:"md"===this.size,lg:"lg"===this.size});return t("div",{key:"854e83e4d8df98dc07a4348c7a645908ea567a22",class:e},t("div",{key:"be2fc05bd10d8b7e40ab20e61b75170c05bea068"}),t("div",{key:"a2893918400d2a49efcb06c14130febc8fdb8cd9"}),t("div",{key:"601aa76cb9744cae04cefa9285979c19c2288529"}),t("div",{key:"c631a2c86bf2e76e081b408af2ed5ea72b8ae4af"}))}static get style(){return".spinner{position:relative;display:flex}.spinner div{position:absolute;display:block;animation:spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-radius:50%;border-style:solid;box-sizing:border-box}.spinner div:nth-child(1){animation-delay:-0.45s}.spinner div:nth-child(2){animation-delay:-0.3s}.spinner div:nth-child(3){animation-delay:-0.15s}.spinner.xs{height:16px;width:16px}.spinner.xs div{border-width:var(--border-width, 1px);height:16px;width:16px;margin:0}.spinner.sm{height:23px;width:23px}.spinner.sm div{border-width:var(--border-width, 3px);height:18px;width:18px;margin:2px}.spinner.md{height:32px;width:32px}.spinner.md div{border-width:var(--border-width, 3px);height:32px;width:32px;margin:2px}.spinner.lg{height:64px;width:64px}.spinner.lg div{border-width:var(--border-width, 6px);height:51px;width:51px;margin:6px}.spinner.blue div{border-color:var(--vertex-ui-blue-700) transparent transparent transparent}.spinner.white div{border-color:var(--vertex-ui-white) transparent transparent transparent}.spinner.grey div{border-color:var(--vertex-ui-neutral-700) transparent transparent transparent}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}"}},[1,"vertex-spinner",{color:[1],size:[1]}]);function a(){"undefined"!=typeof customElements&&["vertex-spinner"].forEach((i=>{"vertex-spinner"===i&&(customElements.get(e(i))||customElements.define(e(i),s))}))}a();export{s as S,a as d}
@@ -1 +1 @@
1
- import{t,p as s,H as e,c as i,h as a}from"./p-BbDaHMlz.js";import{c as l}from"./p-Beav1bNT.js";import{d as n}from"./p-C1H5-_5m.js";const h=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.inputFocus=i(this,"inputFocus"),this.inputBlur=i(this,"inputBlur"),this.inputInput=i(this,"inputInput"),this.inputChange=i(this,"inputChange"),this.textFieldKeyDown=i(this,"textFieldKeyDown"),this.inputAutofill=i(this,"inputAutofill"),this.type="text",this.variant="standard",this.fontSize="standard",this.multiline=!1,this.minRows=1,this.value="",this.handleFocus=t=>{this.inputFocus.emit(t)},this.handleBlur=t=>{this.inputBlur.emit(t)},this.handleKeyDown=t=>{"Enter"===t.key&&null!=this.nearbyForm?this.nearbyForm.dispatchEvent(new CustomEvent("submit",{bubbles:!0,cancelable:!0})):this.textFieldKeyDown.emit(t)},this.handleChanged=()=>{this.inputChange.emit({value:this.nativeInput.value})},this.handleInput=()=>{this.inputInput.emit({value:this.nativeInput.value})}}componentDidLoad(){var t;this.autoFocus&&(null===(t=this.nativeInput)||void 0===t||t.focus())}async updateInput(t){null!=this.nativeInput&&(this.nativeInput.value=t)}async blurInput(){var t;null===(t=this.nativeInput)||void 0===t||t.blur()}async getInputValue(){return this.nativeInput.value}async selectAll(){this.nativeInput.select()}render(){var t;const s=l("txt-wrapper",{"txt-wrapper-border":!this.multiline,"txt-standard":"standard"===this.variant,"txt-filled":"filled"===this.variant,"txt-underlined":"underlined"===this.variant,"txt-blank":"blank"===this.variant,"txt-size-standard":"standard"===this.fontSize,"txt-size-sm":"sm"===this.fontSize,"txt-size-md":"md"===this.fontSize,"txt-size-lg":"lg"===this.fontSize,"txt-size-xl":"xl"===this.fontSize,"txt-size-xxl":"xxl"===this.fontSize,disabled:this.disabled,"has-error":this.hasError}),e={class:"txt","data-testid":"text-field",name:this.name,ref:t=>{null!=t&&(this.nativeInput=t)},autoComplete:this.autoComplete,autoFocus:this.autoFocus,disabled:this.disabled,placeholder:this.placeholder,value:this.value||"",onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,onInput:this.handleInput,onChange:this.handleChanged,onAnimationStart:t=>{["onAutoFillStart","onAutoFillCancel"].includes(t.animationName)&&this.inputAutofill.emit({value:this.nativeInput.value})}};return a("div",{key:"461fd5146c65dc7c1887a48e1ba119c9b5131958",class:s},a("div",{key:"68b5e4d3a6af4dfb7bacada29b7b31499fee5325",class:"txt-slot"},a("slot",{key:"1fb79f18a99ce56f88838ea7e4a17f9318e6c831",name:"left"})),this.multiline?a("vertex-auto-resize-textarea",{maxRows:this.maxRows,minRows:this.minRows,initialValue:(null===(t=this.value)||void 0===t?void 0:t.toString())||""},a("textarea",{...e,class:l(e.class,"txt-textarea",s),rows:this.minRows})):a("input",{...e,type:this.type}),a("div",{key:"86e9f3a765be81bddbe6db80758e63cf6f3be1be",class:"txt-slot"},a("slot",{key:"8143e56d2943d988a4439fb26e4450735370cb88",name:"right"})))}connectedCallback(){null!=this.hostElement&&(this.nearbyForm=this.hostElement.closest("form"))}get hostElement(){return this}},[262,"vertex-textfield",{type:[1],name:[1],variant:[1],fontSize:[1,"font-size"],multiline:[4],minRows:[2,"min-rows"],maxRows:[2,"max-rows"],placeholder:[1],autoFocus:[4,"auto-focus"],autoComplete:[1,"auto-complete"],autoCorrect:[1,"auto-correct"],value:[1032],disabled:[516],hasError:[4,"has-error"],updateInput:[64],blurInput:[64],getInputValue:[64],selectAll:[64]}]);function o(){"undefined"!=typeof customElements&&["vertex-textfield","vertex-auto-resize-textarea"].forEach((s=>{switch(s){case"vertex-textfield":customElements.get(t(s))||customElements.define(t(s),h);break;case"vertex-auto-resize-textarea":customElements.get(t(s))||n()}}))}o();export{h as T,o as d}
1
+ import{t,p as s,H as e,c as i,h as a}from"./p-BbDaHMlz.js";import{c as l}from"./p-Beav1bNT.js";import{d as n}from"./p-DPAn1IHK.js";const h=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.inputFocus=i(this,"inputFocus"),this.inputBlur=i(this,"inputBlur"),this.inputInput=i(this,"inputInput"),this.inputChange=i(this,"inputChange"),this.textFieldKeyDown=i(this,"textFieldKeyDown"),this.inputAutofill=i(this,"inputAutofill"),this.type="text",this.variant="standard",this.fontSize="standard",this.multiline=!1,this.minRows=1,this.value="",this.handleFocus=t=>{this.inputFocus.emit(t)},this.handleBlur=t=>{this.inputBlur.emit(t)},this.handleKeyDown=t=>{"Enter"===t.key&&null!=this.nearbyForm?this.nearbyForm.dispatchEvent(new CustomEvent("submit",{bubbles:!0,cancelable:!0})):this.textFieldKeyDown.emit(t)},this.handleChanged=()=>{this.inputChange.emit({value:this.nativeInput.value})},this.handleInput=()=>{this.inputInput.emit({value:this.nativeInput.value})}}componentDidLoad(){var t;this.autoFocus&&(null===(t=this.nativeInput)||void 0===t||t.focus())}async updateInput(t){null!=this.nativeInput&&(this.nativeInput.value=t)}async blurInput(){var t;null===(t=this.nativeInput)||void 0===t||t.blur()}async getInputValue(){return this.nativeInput.value}async selectAll(){this.nativeInput.select()}render(){var t;const s=l("txt-wrapper",{"txt-wrapper-border":!this.multiline,"txt-standard":"standard"===this.variant,"txt-filled":"filled"===this.variant,"txt-underlined":"underlined"===this.variant,"txt-blank":"blank"===this.variant,"txt-size-standard":"standard"===this.fontSize,"txt-size-sm":"sm"===this.fontSize,"txt-size-md":"md"===this.fontSize,"txt-size-lg":"lg"===this.fontSize,"txt-size-xl":"xl"===this.fontSize,"txt-size-xxl":"xxl"===this.fontSize,disabled:this.disabled,"has-error":this.hasError}),e={class:"txt","data-testid":"text-field",name:this.name,ref:t=>{null!=t&&(this.nativeInput=t)},autoComplete:this.autoComplete,autoFocus:this.autoFocus,disabled:this.disabled,placeholder:this.placeholder,value:this.value||"",onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,onInput:this.handleInput,onChange:this.handleChanged,onAnimationStart:t=>{["onAutoFillStart","onAutoFillCancel"].includes(t.animationName)&&this.inputAutofill.emit({value:this.nativeInput.value})}};return a("div",{key:"cde475bd6417b9aded2953e16c6fe66184ecc030",class:s},a("div",{key:"6fa09a869be91d707342919bce27944c4c58480f",class:"txt-slot"},a("slot",{key:"7e64168ae09da286cb6620a17aa8913a8f3f59c2",name:"left"})),this.multiline?a("vertex-auto-resize-textarea",{maxRows:this.maxRows,minRows:this.minRows,initialValue:(null===(t=this.value)||void 0===t?void 0:t.toString())||""},a("textarea",{...e,class:l(e.class,"txt-textarea",s),rows:this.minRows})):a("input",{...e,type:this.type}),a("div",{key:"6c36d810cf87952dcf7b8cc52ecf74ccc552ddd1",class:"txt-slot"},a("slot",{key:"7ab587afc06b86636f83e2885fd657f38ab51bbe",name:"right"})))}connectedCallback(){null!=this.hostElement&&(this.nearbyForm=this.hostElement.closest("form"))}get hostElement(){return this}},[262,"vertex-textfield",{type:[1],name:[1],variant:[1],fontSize:[1,"font-size"],multiline:[4],minRows:[2,"min-rows"],maxRows:[2,"max-rows"],placeholder:[1],autoFocus:[4,"auto-focus"],autoComplete:[1,"auto-complete"],autoCorrect:[1,"auto-correct"],value:[1032],disabled:[516],hasError:[4,"has-error"],updateInput:[64],blurInput:[64],getInputValue:[64],selectAll:[64]}]);function o(){"undefined"!=typeof customElements&&["vertex-textfield","vertex-auto-resize-textarea"].forEach((s=>{switch(s){case"vertex-textfield":customElements.get(t(s))||customElements.define(t(s),h);break;case"vertex-auto-resize-textarea":customElements.get(t(s))||n()}}))}o();export{h as T,o as d}