@vertexvis/ui 0.1.0-canary.2 → 0.1.0-canary.21

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 (202) hide show
  1. package/dist/cjs/{color-circle-picker-13396ec4.js → color-circle-picker-a8f9a80a.js} +1 -1
  2. package/dist/cjs/color-picker-2a4820fa.js +46 -0
  3. package/dist/cjs/{color-circle-05be54bf.js → color-swatch-8aaf6c0b.js} +42 -17
  4. package/dist/cjs/components.cjs.js +1 -1
  5. package/dist/cjs/{dialog-88e2308a.js → dialog-34f1dd6e.js} +1 -1
  6. package/dist/cjs/dom-b6c5fbf4.js +13 -0
  7. package/dist/cjs/{icon-button-786427d6.js → icon-button-2256a63a.js} +1 -1
  8. package/dist/cjs/{icon-460fd0f5.js → icon-c3ab7a57.js} +1 -1
  9. package/dist/cjs/{icon-helper-ba408f49.js → icon-helper-35893713.js} +60 -0
  10. package/dist/cjs/index.cjs.js +20 -14
  11. package/dist/cjs/lib-1bd1e383.js +9 -0
  12. package/dist/cjs/loader.cjs.js +1 -1
  13. package/dist/cjs/{popover-d9ec8e10.js → popover-942209b8.js} +23 -1
  14. package/dist/cjs/{result-list-1e592c3c.js → result-list-241ffe8d.js} +46 -2
  15. package/dist/cjs/search-bar-2e7ee35a.js +527 -0
  16. package/dist/cjs/{select-0eb7203f.js → select-2b2bdb97.js} +27 -4
  17. package/dist/cjs/tab-4335cd8f.js +26 -0
  18. package/dist/cjs/tabs-ece62a01.js +111 -0
  19. package/dist/cjs/{text-field-0397fb34.js → text-field-bccbde1f.js} +1 -0
  20. package/dist/cjs/{tooltip-80a7b722.js → tooltip-9ac797a0.js} +59 -23
  21. package/dist/cjs/vertex-color-circle-picker.cjs.entry.js +1 -1
  22. package/dist/cjs/vertex-color-picker.cjs.entry.js +2 -1
  23. package/dist/cjs/vertex-color-swatch.cjs.entry.js +12 -0
  24. package/dist/cjs/vertex-dialog.cjs.entry.js +1 -1
  25. package/dist/cjs/vertex-icon-button.cjs.entry.js +2 -2
  26. package/dist/cjs/vertex-icon.cjs.entry.js +2 -2
  27. package/dist/cjs/vertex-popover.cjs.entry.js +1 -1
  28. package/dist/cjs/vertex-result-list.cjs.entry.js +1 -1
  29. package/dist/cjs/vertex-search-bar.cjs.entry.js +1 -1
  30. package/dist/cjs/vertex-select.cjs.entry.js +1 -1
  31. package/dist/cjs/{vertex-color-circle.cjs.entry.js → vertex-tab.cjs.entry.js} +3 -2
  32. package/dist/cjs/vertex-tabs.cjs.entry.js +12 -0
  33. package/dist/cjs/vertex-textfield.cjs.entry.js +1 -1
  34. package/dist/cjs/vertex-tooltip.cjs.entry.js +2 -1
  35. package/dist/collection/collection-manifest.json +5 -3
  36. package/dist/collection/components/color-circle-picker/color-circle-picker.js +7 -7
  37. package/dist/collection/components/color-picker/color-picker.css +95 -15
  38. package/dist/collection/components/color-picker/color-picker.js +57 -3
  39. package/dist/collection/components/color-swatch/color-swatch.css +43 -0
  40. package/dist/collection/components/{color-circle/color-circle.js → color-swatch/color-swatch.js} +96 -23
  41. package/dist/collection/components/color-swatch/lib.js +5 -0
  42. package/dist/collection/components/dialog/dialog.css +0 -1
  43. package/dist/collection/components/icon/icon-helper.js +33 -0
  44. package/dist/collection/components/icon/icon.js +1 -1
  45. package/dist/collection/components/icon/icons/caution.js +2 -0
  46. package/dist/collection/components/icon/icons/compare.js +2 -0
  47. package/dist/collection/components/icon/icons/compress.js +2 -0
  48. package/dist/collection/components/icon/icons/cube-stack.js +2 -0
  49. package/dist/collection/components/icon/icons/expand.js +2 -0
  50. package/dist/collection/components/icon/icons/pin-text-square.js +2 -0
  51. package/dist/collection/components/icon/icons/plus-with-arrow.js +2 -0
  52. package/dist/collection/components/icon/icons/pmi.js +2 -0
  53. package/dist/collection/components/icon/icons/square-dot-outline.js +2 -0
  54. package/dist/collection/components/icon/icons/update.js +2 -0
  55. package/dist/collection/components/icon/icons/views.js +2 -0
  56. package/dist/collection/components/icon-button/icon-button.js +1 -1
  57. package/dist/collection/components/index.js +3 -1
  58. package/dist/collection/components/menu/menu.js +1 -1
  59. package/dist/collection/components/popover/popover.js +51 -0
  60. package/dist/collection/components/result-list/result-list.js +52 -5
  61. package/dist/collection/components/result-list/types.js +1 -0
  62. package/dist/collection/components/search-bar/dom.js +29 -0
  63. package/dist/collection/components/search-bar/lib.js +76 -15
  64. package/dist/collection/components/search-bar/search-bar.css +0 -16
  65. package/dist/collection/components/search-bar/search-bar.js +429 -320
  66. package/dist/collection/components/select/select.css +24 -0
  67. package/dist/collection/components/select/select.js +49 -2
  68. package/dist/collection/components/tab/tab.css +16 -0
  69. package/dist/collection/components/tab/tab.js +85 -0
  70. package/dist/collection/components/tab/util.js +3 -0
  71. package/dist/collection/components/tabs/tabs.css +67 -0
  72. package/dist/collection/components/tabs/tabs.js +159 -0
  73. package/dist/collection/components/text-field/text-field.js +1 -0
  74. package/dist/collection/components/tooltip/tooltip.js +62 -18
  75. package/dist/collection/types/icon.js +11 -0
  76. package/dist/collection/util/templates/element-pool.js +19 -1
  77. package/dist/components/components.css +1 -1
  78. package/dist/components/components.esm.js +1 -1
  79. package/dist/components/index.esm.js +1 -1
  80. package/dist/components/p-036a0be0.js +1 -0
  81. package/dist/components/{p-165aed7d.js → p-0d4a0d61.js} +1 -1
  82. package/dist/components/{p-9374ef6c.js → p-1367d3af.js} +1 -1
  83. package/dist/components/{p-103249b4.js → p-1971ed0b.js} +1 -1
  84. package/dist/components/p-1d08dd79.entry.js +1 -0
  85. package/dist/components/p-2ae8175d.entry.js +1 -0
  86. package/dist/components/p-2b4aedaa.entry.js +1 -0
  87. package/dist/components/p-3438c441.js +1 -0
  88. package/dist/components/p-3dd7a75f.entry.js +1 -0
  89. package/dist/components/p-406e73da.entry.js +1 -0
  90. package/dist/components/p-4327deea.js +1 -0
  91. package/dist/components/p-43b1b3f9.js +1 -0
  92. package/dist/components/p-49db6547.entry.js +1 -0
  93. package/dist/components/p-606596de.entry.js +1 -0
  94. package/dist/components/{p-ca52a423.js → p-63b48634.js} +1 -1
  95. package/dist/components/p-655053df.js +1 -0
  96. package/dist/components/p-69496858.js +1 -0
  97. package/dist/components/p-6a49c365.entry.js +1 -0
  98. package/dist/components/p-6b6c2260.js +1 -0
  99. package/dist/components/p-6b862967.js +1 -0
  100. package/dist/components/p-76b961b8.js +1 -0
  101. package/dist/components/p-8bbc344d.entry.js +1 -0
  102. package/dist/components/p-96f55673.js +1 -0
  103. package/dist/components/p-a0eac69c.entry.js +1 -0
  104. package/dist/components/p-bc2fbd68.entry.js +1 -0
  105. package/dist/components/p-c2706288.js +1 -0
  106. package/dist/components/p-d3fd9ca3.entry.js +1 -0
  107. package/dist/components/p-d539f530.js +1 -0
  108. package/dist/components/p-e35057b5.entry.js +1 -0
  109. package/dist/components/p-ee496965.entry.js +1 -0
  110. package/dist/components/p-ff7c70b9.js +1 -0
  111. package/dist/esm/{color-circle-picker-998a7e9c.js → color-circle-picker-e2a2cfb5.js} +1 -1
  112. package/dist/esm/color-picker-1d67effe.js +44 -0
  113. package/dist/esm/{color-circle-842f3321.js → color-swatch-0e62d13d.js} +42 -17
  114. package/dist/esm/components.js +1 -1
  115. package/dist/esm/{dialog-e3f49527.js → dialog-1cef715c.js} +1 -1
  116. package/dist/esm/dom-613e2677.js +10 -0
  117. package/dist/esm/{icon-d37150b4.js → icon-55b22de7.js} +1 -1
  118. package/dist/esm/{icon-button-aad3c0e7.js → icon-button-e6c72aec.js} +1 -1
  119. package/dist/esm/{icon-helper-83f10f73.js → icon-helper-67de1067.js} +60 -0
  120. package/dist/esm/index.js +17 -13
  121. package/dist/esm/lib-73fbca8b.js +7 -0
  122. package/dist/esm/loader.js +1 -1
  123. package/dist/esm/{popover-67c88e4b.js → popover-6e806354.js} +23 -1
  124. package/dist/esm/{result-list-36cfb08a.js → result-list-16c6afbd.js} +46 -2
  125. package/dist/esm/search-bar-8d18626e.js +525 -0
  126. package/dist/esm/{select-75ed5653.js → select-78aeff96.js} +27 -4
  127. package/dist/esm/tab-c76332b0.js +24 -0
  128. package/dist/esm/tabs-8e5353ba.js +109 -0
  129. package/dist/esm/{text-field-e542da25.js → text-field-32ac877e.js} +1 -0
  130. package/dist/esm/{tooltip-97c1b3ec.js → tooltip-29278ea4.js} +58 -22
  131. package/dist/esm/vertex-color-circle-picker.entry.js +1 -1
  132. package/dist/esm/vertex-color-picker.entry.js +2 -1
  133. package/dist/esm/vertex-color-swatch.entry.js +4 -0
  134. package/dist/esm/vertex-dialog.entry.js +1 -1
  135. package/dist/esm/vertex-icon-button.entry.js +2 -2
  136. package/dist/esm/vertex-icon.entry.js +2 -2
  137. package/dist/esm/vertex-popover.entry.js +1 -1
  138. package/dist/esm/vertex-result-list.entry.js +1 -1
  139. package/dist/esm/vertex-search-bar.entry.js +1 -1
  140. package/dist/esm/vertex-select.entry.js +1 -1
  141. package/dist/esm/vertex-tab.entry.js +3 -0
  142. package/dist/esm/vertex-tabs.entry.js +4 -0
  143. package/dist/esm/vertex-textfield.entry.js +1 -1
  144. package/dist/esm/vertex-tooltip.entry.js +2 -1
  145. package/dist/types/components/color-circle-picker/color-circle-picker.d.ts +7 -7
  146. package/dist/types/components/color-picker/color-picker.d.ts +19 -0
  147. package/dist/types/components/{color-circle/color-circle.d.ts → color-swatch/color-swatch.d.ts} +23 -5
  148. package/dist/types/components/color-swatch/lib.d.ts +1 -0
  149. package/dist/types/components/icon/icons/caution.d.ts +3 -0
  150. package/dist/types/components/icon/icons/compare.d.ts +3 -0
  151. package/dist/types/components/icon/icons/compress.d.ts +3 -0
  152. package/dist/types/components/icon/icons/cube-stack.d.ts +3 -0
  153. package/dist/types/components/icon/icons/expand.d.ts +3 -0
  154. package/dist/types/components/icon/icons/pin-text-square.d.ts +3 -0
  155. package/dist/types/components/icon/icons/plus-with-arrow.d.ts +3 -0
  156. package/dist/types/components/icon/icons/pmi.d.ts +3 -0
  157. package/dist/types/components/icon/icons/square-dot-outline.d.ts +3 -0
  158. package/dist/types/components/icon/icons/update.d.ts +3 -0
  159. package/dist/types/components/icon/icons/views.d.ts +3 -0
  160. package/dist/types/components/index.d.ts +3 -1
  161. package/dist/types/components/popover/popover.d.ts +7 -0
  162. package/dist/types/components/result-list/result-list.d.ts +6 -1
  163. package/dist/types/components/result-list/types.d.ts +4 -0
  164. package/dist/types/components/search-bar/dom.d.ts +8 -0
  165. package/dist/types/components/search-bar/lib.d.ts +31 -6
  166. package/dist/types/components/search-bar/search-bar.d.ts +125 -42
  167. package/dist/types/components/select/select.d.ts +8 -0
  168. package/dist/types/components/tab/tab.d.ts +11 -0
  169. package/dist/types/components/tab/util.d.ts +1 -0
  170. package/dist/types/components/tabs/tabs.d.ts +23 -0
  171. package/dist/types/components/tooltip/tooltip.d.ts +7 -0
  172. package/dist/types/components.d.ts +254 -96
  173. package/dist/types/types/icon.d.ts +11 -0
  174. package/dist/types/util/templates/element-pool.d.ts +10 -1
  175. package/package.json +4 -3
  176. package/dist/cjs/color-picker-876ace00.js +0 -37
  177. package/dist/cjs/search-bar-bb40cfa7.js +0 -290
  178. package/dist/collection/components/color-circle/color-circle.css +0 -18
  179. package/dist/components/p-03dbb28c.js +0 -1
  180. package/dist/components/p-0f8b9ede.entry.js +0 -1
  181. package/dist/components/p-19318fee.entry.js +0 -1
  182. package/dist/components/p-1d6cb015.entry.js +0 -1
  183. package/dist/components/p-209db2ba.entry.js +0 -1
  184. package/dist/components/p-20a74d5d.entry.js +0 -1
  185. package/dist/components/p-35e7ab78.entry.js +0 -1
  186. package/dist/components/p-4224c2ad.js +0 -1
  187. package/dist/components/p-52739247.js +0 -1
  188. package/dist/components/p-552c128f.js +0 -1
  189. package/dist/components/p-6505cdb3.js +0 -1
  190. package/dist/components/p-7dba2574.entry.js +0 -1
  191. package/dist/components/p-7f64b251.entry.js +0 -1
  192. package/dist/components/p-8434602f.js +0 -1
  193. package/dist/components/p-ae6a3c46.entry.js +0 -1
  194. package/dist/components/p-bd11e7d1.js +0 -1
  195. package/dist/components/p-d9b9aebe.js +0 -1
  196. package/dist/components/p-e576818b.entry.js +0 -1
  197. package/dist/components/p-ebabee40.entry.js +0 -1
  198. package/dist/components/p-f49a7ffd.js +0 -1
  199. package/dist/components/p-f71fc166.entry.js +0 -1
  200. package/dist/esm/color-picker-2e3b51fa.js +0 -35
  201. package/dist/esm/search-bar-59cc151d.js +0 -288
  202. package/dist/esm/vertex-color-circle.entry.js +0 -2
@@ -0,0 +1 @@
1
+ import{r as t,e,h as n,H as i,g as o}from"./p-6834631c.js";import{c as r}from"./p-fe062eb0.js";const s=Math.min,a=Math.max,l=Math.round,c=Math.floor,u=t=>({x:t,y:t}),h={left:"right",right:"left",bottom:"top",top:"bottom"},f={start:"end",end:"start"};function d(t,e,n){return a(t,s(e,n))}function m(t,e){return"function"==typeof t?t(e):t}function p(t){return t.split("-")[0]}function v(t){return t.split("-")[1]}function y(t){return"x"===t?"y":"x"}function g(t){return"y"===t?"height":"width"}function w(t){return["top","bottom"].includes(p(t))?"y":"x"}function b(t){return y(w(t))}function x(t){return t.replace(/start|end/g,(t=>f[t]))}function A(t){return t.replace(/left|right|bottom|top/g,(t=>h[t]))}function k(t){const{x:e,y:n,width:i,height:o}=t;return{width:i,height:o,top:n,left:e,right:e+i,bottom:n+o,x:e,y:n}}function R(t,e,n){let{reference:i,floating:o}=t;const r=w(e),s=b(e),a=g(s),l=p(e),c="y"===r,u=i.x+i.width/2-o.width/2,h=i.y+i.height/2-o.height/2,f=i[a]/2-o[a]/2;let d;switch(l){case"top":d={x:u,y:i.y-o.height};break;case"bottom":d={x:u,y:i.y+i.height};break;case"right":d={x:i.x+i.width,y:h};break;case"left":d={x:i.x-o.width,y:h};break;default:d={x:i.x,y:i.y}}switch(v(e)){case"start":d[s]-=f*(n&&c?-1:1);break;case"end":d[s]+=f*(n&&c?-1:1)}return d}async function O(t,e){var n;void 0===e&&(e={});const{x:i,y:o,platform:r,rects:s,elements:a,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:h="floating",altBoundary:f=!1,padding:d=0}=m(e,t),p=function(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}(d),v=a[f?"floating"===h?"reference":"floating":h],y=k(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(v)))||n?v:v.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:c,rootBoundary:u,strategy:l})),g="floating"===h?{x:i,y:o,width:s.floating.width,height:s.floating.height}:s.reference,w=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),b=await(null==r.isElement?void 0:r.isElement(w))&&await(null==r.getScale?void 0:r.getScale(w))||{x:1,y:1},x=k(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:g,offsetParent:w,strategy:l}):g);return{top:(y.top-x.top+p.top)/b.y,bottom:(x.bottom-y.bottom+p.bottom)/b.y,left:(y.left-x.left+p.left)/b.x,right:(x.right-y.right+p.right)/b.x}}function S(t){return M(t)?(t.nodeName||"").toLowerCase():"#document"}function z(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function P(t){var e;return null==(e=(M(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function M(t){return t instanceof Node||t instanceof z(t).Node}function C(t){return t instanceof Element||t instanceof z(t).Element}function T(t){return t instanceof HTMLElement||t instanceof z(t).HTMLElement}function D(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof z(t).ShadowRoot)}function F(t){const{overflow:e,overflowX:n,overflowY:i,display:o}=j(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(o)}function B(t){return["table","td","th"].includes(S(t))}function E(t){const e=L(),n=j(t);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function L(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function $(t){return["html","body","#document"].includes(S(t))}function j(t){return z(t).getComputedStyle(t)}function X(t){return C(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function Y(t){if("html"===S(t))return t;const e=t.assignedSlot||t.parentNode||D(t)&&t.host||P(t);return D(e)?e.host:e}function N(t){const e=Y(t);return $(e)?t.ownerDocument?t.ownerDocument.body:t.body:T(e)&&F(e)?e:N(e)}function I(t,e,n){var i;void 0===e&&(e=[]),void 0===n&&(n=!0);const o=N(t),r=o===(null==(i=t.ownerDocument)?void 0:i.body),s=z(o);return r?e.concat(s,s.visualViewport||[],F(o)?o:[],s.frameElement&&n?I(s.frameElement):[]):e.concat(o,I(o,[],n))}function V(t){const e=j(t);let n=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const o=T(t),r=o?t.offsetWidth:n,s=o?t.offsetHeight:i,a=l(n)!==r||l(i)!==s;return a&&(n=r,i=s),{width:n,height:i,$:a}}function q(t){return C(t)?t:t.contextElement}function H(t){const e=q(t);if(!T(e))return u(1);const n=e.getBoundingClientRect(),{width:i,height:o,$:r}=V(e);let s=(r?l(n.width):n.width)/i,a=(r?l(n.height):n.height)/o;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const U=u(0);function J(t){const e=z(t);return L()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:U}function W(t,e,n,i){void 0===e&&(e=!1),void 0===n&&(n=!1);const o=t.getBoundingClientRect(),r=q(t);let s=u(1);e&&(i?C(i)&&(s=H(i)):s=H(t));const a=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==z(t))&&e}(r,n,i)?J(r):u(0);let l=(o.left+a.x)/s.x,c=(o.top+a.y)/s.y,h=o.width/s.x,f=o.height/s.y;if(r){const t=z(r),e=i&&C(i)?z(i):i;let n=t,o=n.frameElement;for(;o&&i&&e!==n;){const t=H(o),e=o.getBoundingClientRect(),i=j(o),r=e.left+(o.clientLeft+parseFloat(i.paddingLeft))*t.x,s=e.top+(o.clientTop+parseFloat(i.paddingTop))*t.y;l*=t.x,c*=t.y,h*=t.x,f*=t.y,l+=r,c+=s,n=z(o),o=n.frameElement}}return k({width:h,height:f,x:l,y:c})}const _=[":popover-open",":modal"];function G(t){return _.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function K(t){return W(P(t)).left+X(t).scrollLeft}function Q(t,e,n){let i;if("viewport"===e)i=function(t,e){const n=z(t),i=P(t),o=n.visualViewport;let r=i.clientWidth,s=i.clientHeight,a=0,l=0;if(o){r=o.width,s=o.height;const t=L();(!t||t&&"fixed"===e)&&(a=o.offsetLeft,l=o.offsetTop)}return{width:r,height:s,x:a,y:l}}(t,n);else if("document"===e)i=function(t){const e=P(t),n=X(t),i=t.ownerDocument.body,o=a(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),r=a(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let s=-n.scrollLeft+K(t);const l=-n.scrollTop;return"rtl"===j(i).direction&&(s+=a(e.clientWidth,i.clientWidth)-o),{width:o,height:r,x:s,y:l}}(P(t));else if(C(e))i=function(t,e){const n=W(t,!0,"fixed"===e),i=n.top+t.clientTop,o=n.left+t.clientLeft,r=T(t)?H(t):u(1);return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:o*r.x,y:i*r.y}}(e,n);else{const n=J(t);i={...e,x:e.x-n.x,y:e.y-n.y}}return k(i)}function Z(t,e){const n=Y(t);return!(n===e||!C(n)||$(n))&&("fixed"===j(n).position||Z(n,e))}function tt(t,e,n){const i=T(e),o=P(e),r="fixed"===n,s=W(t,!0,r,e);let a={scrollLeft:0,scrollTop:0};const l=u(0);if(i||!i&&!r)if(("body"!==S(e)||F(o))&&(a=X(e)),i){const t=W(e,!0,r,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else o&&(l.x=K(o));return{x:s.left+a.scrollLeft-l.x,y:s.top+a.scrollTop-l.y,width:s.width,height:s.height}}function et(t){return"static"===j(t).position}function nt(t,e){return T(t)&&"fixed"!==j(t).position?e?e(t):t.offsetParent:null}function it(t,e){const n=z(t);if(G(t))return n;if(!T(t)){let e=Y(t);for(;e&&!$(e);){if(C(e)&&!et(e))return e;e=Y(e)}return n}let i=nt(t,e);for(;i&&B(i)&&et(i);)i=nt(i,e);return i&&$(i)&&et(i)&&!E(i)?n:i||function(t){let e=Y(t);for(;T(e)&&!$(e);){if(E(e))return e;e=Y(e)}return null}(t)||n}const ot={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:i,strategy:o}=t;const r="fixed"===o,s=P(i),a=!!e&&G(e.floating);if(i===s||a&&r)return n;let l={scrollLeft:0,scrollTop:0},c=u(1);const h=u(0),f=T(i);if((f||!f&&!r)&&(("body"!==S(i)||F(s))&&(l=X(i)),T(i))){const t=W(i);c=H(i),h.x=t.x+i.clientLeft,h.y=t.y+i.clientTop}return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-l.scrollLeft*c.x+h.x,y:n.y*c.y-l.scrollTop*c.y+h.y}},getDocumentElement:P,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:i,strategy:o}=t;const r=[..."clippingAncestors"===n?G(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let i=I(t,[],!1).filter((t=>C(t)&&"body"!==S(t))),o=null;const r="fixed"===j(t).position;let s=r?Y(t):t;for(;C(s)&&!$(s);){const e=j(s),n=E(s);n||"fixed"!==e.position||(o=null),(r?!n&&!o:!n&&"static"===e.position&&o&&["absolute","fixed"].includes(o.position)||F(s)&&!n&&Z(t,s))?i=i.filter((t=>t!==s)):o=e,s=Y(s)}return e.set(t,i),i}(e,this._c):[].concat(n),i],l=r.reduce(((t,n)=>{const i=Q(e,n,o);return t.top=a(i.top,t.top),t.right=s(i.right,t.right),t.bottom=s(i.bottom,t.bottom),t.left=a(i.left,t.left),t}),Q(e,r[0],o));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},getOffsetParent:it,getElementRects:async function(t){const e=this.getOffsetParent||it,n=this.getDimensions,i=await n(t.floating);return{reference:tt(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=V(t);return{width:e,height:n}},getScale:H,isElement:C,isRTL:function(t){return"rtl"===j(t).direction}};const rt=O,st=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:i,placement:o}=e,{mainAxis:r=!0,crossAxis:s=!1,limiter:a={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...l}=m(t,e),c={x:n,y:i},u=await O(e,l),h=w(p(o)),f=y(h);let v=c[f],g=c[h];r&&(v=d(v+u["y"===f?"top":"left"],v,v-u["y"===f?"bottom":"right"])),s&&(g=d(g+u["y"===h?"top":"left"],g,g-u["y"===h?"bottom":"right"]));const b=a.fn({...e,[f]:v,[h]:g});return{...b,data:{x:b.x-n,y:b.y-i}}}}},at=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,i;const{placement:o,middlewareData:r,rects:s,initialPlacement:a,platform:l,elements:c}=e,{mainAxis:u=!0,crossAxis:h=!0,fallbackPlacements:f,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:y="none",flipAlignment:w=!0,...k}=m(t,e);if(null!=(n=r.arrow)&&n.alignmentOffset)return{};const R=p(o),S=p(a)===a,z=await(null==l.isRTL?void 0:l.isRTL(c.floating)),P=f||(S||!w?[A(a)]:function(t){const e=A(t);return[x(t),e,x(e)]}(a));f||"none"===y||P.push(...function(t,e,n,i){const o=v(t);let r=function(t,e,n){const i=["left","right"],o=["right","left"],r=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return n?e?o:i:e?i:o;case"left":case"right":return e?r:s;default:return[]}}(p(t),"start"===n,i);return o&&(r=r.map((t=>t+"-"+o)),e&&(r=r.concat(r.map(x)))),r}(a,w,y,z));const M=[a,...P],C=await O(e,k),T=[];let D=(null==(i=r.flip)?void 0:i.overflows)||[];if(u&&T.push(C[R]),h){const t=function(t,e,n){void 0===n&&(n=!1);const i=v(t),o=b(t),r=g(o);let s="x"===o?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[r]>e.floating[r]&&(s=A(s)),[s,A(s)]}(o,s,z);T.push(C[t[0]],C[t[1]])}if(D=[...D,{placement:o,overflows:T}],!T.every((t=>t<=0))){var F,B;const t=((null==(F=r.flip)?void 0:F.index)||0)+1,e=M[t];if(e)return{data:{index:t,overflows:D},reset:{placement:e}};let n=null==(B=D.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:B.placement;if(!n)switch(d){case"bestFit":{var E;const t=null==(E=D.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:E[0];t&&(n=t);break}case"initialPlacement":n=a}if(o!==n)return{reset:{placement:n}}}return{}}}};function lt(t,e,n){return[(i=null!=t?t:4,void 0===i&&(i=0),{name:"offset",options:i,async fn(t){var e,n;const{x:o,y:r,placement:s,middlewareData:a}=t,l=await async function(t,e){const{placement:n,platform:i,elements:o}=t,r=await(null==i.isRTL?void 0:i.isRTL(o.floating)),s=p(n),a=v(n),l="y"===w(n),c=["left","top"].includes(s)?-1:1,u=r&&l?-1:1,h=m(e,t);let{mainAxis:f,crossAxis:d,alignmentAxis:y}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...h};return a&&"number"==typeof y&&(d="end"===a?-1*y:y),l?{x:d*u,y:f*c}:{x:f*c,y:d*u}}(t,i);return s===(null==(e=a.offset)?void 0:e.placement)&&null!=(n=a.arrow)&&n.alignmentOffset?{}:{x:o+l.x,y:r+l.y,data:{...l,placement:s}}}}),null==e&&at(n),st(),null!=e&&ct(e)].filter((t=>"boolean"!=typeof t));var i}function ct(t){return{name:"boundaryContain",fn:async e=>{const n=await rt(e,t);return{x:e.x+(n.left>0?n.left:0)-(n.right>0?n.right:0),y:e.y+(n.top>0?n.top:0)-(n.bottom>0?n.bottom:0)}}}}const ut=class{constructor(n){t(this,n),this.dismissed=e(this,"dismissed",7),this.shouldUpdatePosition=!1,this.middleware=[],this.partialWindow=window,this.open=!1,this.placement="bottom-start",this.position=void 0,this.anchorBounds=void 0,this.backdrop=!0,this.animated=!1,this.anchorSelector=void 0,this.boundarySelector=void 0,this.resizeBehavior="dynamic",this.overflowBehavior=void 0,this.flipBehavior=void 0,this.offsetBehavior=void 0,this.updateOnResize=!1,this.opened=!1,this.computedPlacement=this.placement,this.resizeObserverFactory=t=>new ResizeObserver(t),this.updateListener=this.updateListener.bind(this),this.handlePositionUpdate=this.handlePositionUpdate.bind(this),this.handleResize=this.handleResize.bind(this),this.handleMiddlewareChange=this.handleMiddlewareChange.bind(this),this.setWindow=this.setWindow.bind(this),this.updateResizeObserver=this.updateResizeObserver.bind(this)}connectedCallback(){this.updatePosition(this.position),this.updateResizeObserver()}componentDidUpdate(){this.shouldUpdatePosition&&(this.shouldUpdatePosition=!1,null!=this.updateDispose?this.handlePositionUpdate():this.updateListener())}componentDidLoad(){this.updateViewport(),this.handleMiddlewareChange(),this.updateListener(),"dynamic"===this.resizeBehavior&&window.addEventListener("resize",this.handleResize)}disconnectedCallback(){var t;this.viewportWidth=void 0,this.viewportHeight=void 0,this.opened=!1,"dynamic"===this.resizeBehavior&&window.removeEventListener("resize",this.handleResize),null===(t=this.boundaryResizeObserver)||void 0===t||t.disconnect()}updatePosition(t){null!=t&&(this.anchorPosition="object"==typeof t?t:JSON.parse(t),this.shouldUpdatePosition=!0)}updatePlacement(){this.updatePosition(this.position)}updateOpened(t){t&&(this.opened=!0),this.updateListener()}updateAnimated(){this.opened=this.open}updateMiddleware(){this.handleMiddlewareChange()}updateResizeObserver(){const t=this.getOrCreateResizeObserver();if(t.disconnect(),null!=this.boundarySelector){const e=document.querySelector(this.boundarySelector);null!=e&&t.observe(e)}}setWindow(t){this.partialWindow=t}render(){var t,e;return n(i,null,this.open&&this.backdrop&&n("div",{class:"backdrop",onPointerDown:()=>{this.open=!1,this.dismissed.emit()}}),this.anchorPosition&&n("div",{ref:t=>this.anchorPointRef=t,class:"anchor",style:{left:`${(null===(t=this.anchorPosition)||void 0===t?void 0:t.x)||0}px`,top:`${(null===(e=this.anchorPosition)||void 0===e?void 0:e.y)||0}px`}}),n("slot",{name:"anchor"}),n("div",{ref:t=>this.wrapperRef=t,class:r("popper",{hidden:!this.open,open:this.open})},n("div",{class:r("content",{"hidden-animated":!this.open&&this.opened&&this.animated,"open-animated":this.open&&this.animated},this.getTransformClass()),onAnimationEnd:()=>{this.opened=this.open}},n("slot",null))))}updateListener(){var t,e,n,i;const o=null!==(e=null!==(t=this.getSlottedAnchorElement())&&void 0!==t?t:this.anchorPointRef)&&void 0!==e?e:this.getAnchorBoundsVirtualElement();this.open&&null!=o&&null!=this.wrapperRef?(null===(n=this.updateDispose)||void 0===n||n.call(this),this.updateDispose=function(t,e,n,i){void 0===i&&(i={});const{ancestorScroll:o=!0,ancestorResize:r=!0,elementResize:l="function"==typeof ResizeObserver,layoutShift:u="function"==typeof IntersectionObserver,animationFrame:h=!1}=i,f=q(t),d=o||r?[...f?I(f):[],...I(e)]:[];d.forEach((t=>{o&&t.addEventListener("scroll",n,{passive:!0}),r&&t.addEventListener("resize",n)}));const m=f&&u?function(t,e){let n,i=null;const o=P(t);function r(){var t;clearTimeout(n),null==(t=i)||t.disconnect(),i=null}return function l(u,h){void 0===u&&(u=!1),void 0===h&&(h=1),r();const{left:f,top:d,width:m,height:p}=t.getBoundingClientRect();if(u||e(),!m||!p)return;const v={rootMargin:-c(d)+"px "+-c(o.clientWidth-(f+m))+"px "+-c(o.clientHeight-(d+p))+"px "+-c(f)+"px",threshold:a(0,s(1,h))||1};let y=!0;function g(t){const e=t[0].intersectionRatio;if(e!==h){if(!y)return l();e?l(!1,e):n=setTimeout((()=>{l(!1,1e-7)}),1e3)}y=!1}try{i=new IntersectionObserver(g,{...v,root:o.ownerDocument})}catch(t){i=new IntersectionObserver(g,v)}i.observe(t)}(!0),r}(f,n):null;let p,v=-1,y=null;l&&(y=new ResizeObserver((t=>{let[i]=t;i&&i.target===f&&y&&(y.unobserve(e),cancelAnimationFrame(v),v=requestAnimationFrame((()=>{var t;null==(t=y)||t.observe(e)}))),n()})),f&&!h&&y.observe(f),y.observe(e));let g=h?W(t):null;return h&&function e(){const i=W(t);!g||i.x===g.x&&i.y===g.y&&i.width===g.width&&i.height===g.height||n(),g=i,p=requestAnimationFrame(e)}(),n(),()=>{var t;d.forEach((t=>{o&&t.removeEventListener("scroll",n),r&&t.removeEventListener("resize",n)})),null==m||m(),null==(t=y)||t.disconnect(),y=null,h&&cancelAnimationFrame(p)}}(o,this.wrapperRef,this.handlePositionUpdate),this.handlePositionUpdate()):null===(i=this.updateDispose)||void 0===i||i.call(this)}async handlePositionUpdate(){var t,e,n;const i=null!==(e=null!==(t=this.getSlottedAnchorElement())&&void 0!==t?t:this.anchorPointRef)&&void 0!==e?e:this.getAnchorBoundsVirtualElement();if(null!=i&&null!=this.wrapperRef){const t=await async function(t,e,n,i){return await((t,e,n)=>{const i=new Map,o={platform:ot,...n},r={...o.platform,_c:i};return(async(t,e,n)=>{const{placement:i="bottom",strategy:o="absolute",middleware:r=[],platform:s}=n,a=r.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(e));let c=await s.getElementRects({reference:t,floating:e,strategy:o}),{x:u,y:h}=R(c,i,l),f=i,d={},m=0;for(let n=0;n<a.length;n++){const{name:r,fn:p}=a[n],{x:v,y,data:g,reset:w}=await p({x:u,y:h,initialPlacement:i,placement:f,strategy:o,middlewareData:d,rects:c,platform:s,elements:{reference:t,floating:e}});u=null!=v?v:u,h=null!=y?y:h,d={...d,[r]:{...d[r],...g}},w&&m<=50&&(m++,"object"==typeof w&&(w.placement&&(f=w.placement),w.rects&&(c=!0===w.rects?await s.getElementRects({reference:t,floating:e,strategy:o}):w.rects),({x:u,y:h}=R(c,f,l))),n=-1)}return{x:u,y:h,placement:f,strategy:o,middlewareData:d}})(t,e,{...o,platform:r})})(t,e,{placement:n,middleware:i,strategy:"fixed"})}(i,this.wrapperRef,this.placement,this.middleware);this.computedPlacement=t.placement,null===(n=this.wrapperRef)||void 0===n||n.setAttribute("style",`left: ${t.x}px; top: ${t.y}px;`)}}handleMiddlewareChange(){var t,e,n;const i=null!=(null!==(t=this.getSlottedAnchorElement())&&void 0!==t?t:this.getAnchorBoundsVirtualElement())?4:0,o=null!=this.boundarySelector&&null!==(e=document.querySelector(this.boundarySelector))&&void 0!==e?e:void 0;this.middleware=lt(null!==(n=this.offsetBehavior)&&void 0!==n?n:i,null!=o?Object.assign({boundary:o},this.overflowBehavior):this.overflowBehavior,this.flipBehavior),this.updateListener()}getSlottedAnchorElement(){var t,e,n;if(null!=this.anchorSelector)return(null===(t=this.hostElement.shadowRoot)||void 0===t?void 0:t.querySelector(this.anchorSelector))||this.hostElement.querySelector(this.anchorSelector)||void 0;{const t=(null===(e=this.hostElement.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="anchor"]'))||void 0;if(null===(n=null==t?void 0:t.assignedElements)||void 0===n?void 0:n.call(t).length)return null==t?void 0:t.assignedElements()[0]}}getAnchorBoundsVirtualElement(){if(null!=this.anchorBounds)return{getBoundingClientRect:()=>DOMRect.fromRect(this.anchorBounds)}}handleResize(){null!=this.resizeTimeout&&clearTimeout(this.resizeTimeout),this.open&&(this.resizeTimeout=setTimeout((()=>{this.resizeTimeout=void 0,null!=this.anchorPosition&&null!=this.viewportWidth&&null!=this.viewportHeight&&(this.position={x:this.partialWindow.innerWidth*(this.anchorPosition.x/this.viewportWidth),y:this.partialWindow.innerHeight*(this.anchorPosition.y/this.viewportHeight)}),this.updateViewport()}),200))}updateViewport(){this.viewportWidth=this.partialWindow.innerWidth,this.viewportHeight=this.partialWindow.innerHeight}getOrCreateResizeObserver(){return null==this.boundaryResizeObserver&&(this.boundaryResizeObserver=this.resizeObserverFactory(this.handleMiddlewareChange)),this.boundaryResizeObserver}getTransformClass(){if(this.animated)switch(this.computedPlacement){case"top":return"center-bottom";case"top-start":case"right-end":return"left-bottom";case"top-end":case"left-end":return"right-bottom";case"bottom":return"center-top";case"bottom-start":case"right-start":return"left-top";case"bottom-end":case"left-start":return"right-top";case"right":return"left-center";case"left":return"right-center"}}get hostElement(){return o(this)}static get watchers(){return{position:["updatePosition"],placement:["updatePlacement"],open:["updateOpened"],animated:["updateAnimated"],boundarySelector:["updateMiddleware","updateResizeObserver"],overflowBehavior:["updateMiddleware"],flipBehavior:["updateMiddleware"],offsetBehavior:["updateMiddleware"]}}};ut.style=":host{--open-animation-name:open-scale-all;--open-animation:var(--open-animation-name) 0.1s ease-out 1;--close-animation-name:close-scale-all;--close-animation:var(--close-animation-name) 0.2s ease-in-out 1;--transform-origin:var(--none)}.open-animated{animation:var(--open-animation)}.hidden-animated{animation:var(--close-animation)}.hidden>.content{opacity:0;width:0;height:0;visibility:hidden}.hidden{pointer-events:none}.open{z-index:var(--vertex-ui-context-menu-layer)}.anchor{position:fixed}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--backdrop-color, white);opacity:var(--backdrop-opacity, 0);z-index:var(--vertex-ui-context-menu-layer)}.popper{position:fixed}.center-bottom{transform-origin:var(--transform-origin, center bottom)}.left-bottom{transform-origin:var(--transform-origin, left bottom)}.right-bottom{transform-origin:var(--transform-origin, right bottom)}.center-top{transform-origin:var(--transform-origin, center top)}.left-top{transform-origin:var(--transform-origin, left top)}.right-top{transform-origin:var(--transform-origin, right top)}.left-center{transform-origin:var(--transform-origin, left center)}.left-top{transform-origin:var(--transform-origin, left top)}.left-bottom{transform-origin:var(--transform-origin, left bottom)}.right-center{transform-origin:var(--transform-origin, right center)}.right-top{transform-origin:var(--transform-origin, right top)}.right-bottom{transform-origin:var(--transform-origin, right bottom)}@keyframes open-fade-in{from{opacity:0}to{opacity:1}}@keyframes close-fade-out{from{visibility:visible;height:auto;width:auto;opacity:1}to{opacity:0;height:auto;width:auto}}@keyframes open-scale-all{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes close-scale-all{from{visibility:visible;height:auto;width:auto;opacity:1;transform:scale(1)}to{opacity:0;height:auto;width:auto;transform:scale(0)}}@keyframes open-scale-y{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes close-scale-y{from{visibility:visible;height:auto;width:auto;opacity:1;transform:scaleY(1)}to{opacity:0;height:auto;width:auto;transform:scaleY(0)}}@keyframes open-scale-x{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes close-scale-x{from{visibility:visible;height:auto;width:auto;opacity:1;transform:scaleX(1)}to{opacity:0;height:auto;width:auto;transform:scaleX(0)}}";export{ut as P}
@@ -0,0 +1 @@
1
+ export{T as vertex_tooltip}from"./p-ff7c70b9.js";import"./p-6834631c.js";import"./p-59032668.js";import"./p-fe062eb0.js";import"./p-69496858.js";import"./p-b2c7b113.js";
@@ -0,0 +1 @@
1
+ import{r as t,h as r,H as e}from"./p-6834631c.js";import{c as s}from"./p-fe062eb0.js";import{i}from"./p-3438c441.js";const o=class{constructor(r){t(this,r),this.variant="circle",this.size="md",this.color="#ffffff",this.supplementalColor=void 0,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 r(e,null,r("div",{class:s("root",this.variant,this.size),style:this.getThemeColors()},r("div",{class:"overlay"},r("slot",{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,r){if(i(t)){const e=Number(`0x${t.slice(1,3)}`),s=Number(`0x${t.slice(3,5)}`),i=Number(`0x${t.slice(5,7)}`);return`#${this.padHexComponent(this.adjustComponent(e,r).toString(16))}${this.padHexComponent(this.adjustComponent(s,r).toString(16))}${this.padHexComponent(this.adjustComponent(i,r).toString(16))}`}return t}adjustComponent(t,r){return Math.max(0,Math.min(255,Math.floor(t-Math.floor((r<0?255-t:255)*r))))}padHexComponent(t){return`${"0".repeat(2-t.length)}${t}`}static get watchers(){return{color:["handleColorChanged"],lightenPercentage:["handleLightenPercentageChanged"],darkenPercentage:["handleDarkenPercentageChanged"]}}};o.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.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{o as C}
@@ -0,0 +1 @@
1
+ export{D as vertex_dialog}from"./p-0d4a0d61.js";import"./p-6834631c.js";import"./p-fe062eb0.js";
@@ -0,0 +1 @@
1
+ export{R as vertex_result_list}from"./p-6b862967.js";import"./p-6834631c.js";import"./p-fe062eb0.js";import"./p-1356f525.js";import"./p-59032668.js";
@@ -0,0 +1 @@
1
+ import{r as t,h as n,H as r,g as e}from"./p-6834631c.js";import{_ as i,a as o}from"./p-59032668.js";import{c as u}from"./p-fe062eb0.js";import{g as s}from"./p-69496858.js";import{a}from"./p-b2c7b113.js";var c;c=Error,i((function t(n){var r=c.call(this,"Validation error mapping object.")||this;return r.errors=n,Object.setPrototypeOf(r,t.prototype),r}),c);var f,h="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},l={exports:{}};!function(t,n){var r="__lodash_hash_undefined__",e=9007199254740991,i="[object Arguments]",o="[object Array]",u="[object Boolean]",s="[object Date]",a="[object Error]",c="[object Function]",f="[object Map]",l="[object Number]",v="[object Object]",d="[object Promise]",p="[object RegExp]",b="[object Set]",y="[object String]",g="[object WeakMap]",m="[object ArrayBuffer]",j="[object DataView]",w=/^\[object .+?Constructor\]$/,x=/^(?:0|[1-9]\d*)$/,_={};_["[object Float32Array]"]=_["[object Float64Array]"]=_["[object Int8Array]"]=_["[object Int16Array]"]=_["[object Int32Array]"]=_["[object Uint8Array]"]=_["[object Uint8ClampedArray]"]=_["[object Uint16Array]"]=_["[object Uint32Array]"]=!0,_[i]=_[o]=_[m]=_[u]=_[j]=_[s]=_[a]=_[c]=_[f]=_[l]=_[v]=_[p]=_[b]=_[y]=_[g]=!1;var B="object"==typeof h&&h&&h.Object===Object&&h,I="object"==typeof self&&self&&self.Object===Object&&self,C=B||I||Function("return this")(),O=n&&!n.nodeType&&n,E=O&&t&&!t.nodeType&&t,A=E&&E.exports===O,P=A&&B.process,S=function(){try{return P&&P.binding&&P.binding("util")}catch(t){}}(),$=S&&S.isTypedArray;function k(t,n){for(var r=-1,e=null==t?0:t.length;++r<e;)if(n(t[r],r,t))return!0;return!1}function T(t){var n=-1,r=Array(t.size);return t.forEach((function(t,e){r[++n]=[e,t]})),r}function D(t){var n=-1,r=Array(t.size);return t.forEach((function(t){r[++n]=t})),r}var M,U,F,L=Array.prototype,V=Object.prototype,R=C["__core-js_shared__"],N=Function.prototype.toString,W=V.hasOwnProperty,z=(M=/[^.]+$/.exec(R&&R.keys&&R.keys.IE_PROTO||""))?"Symbol(src)_1."+M:"",G=V.toString,H=RegExp("^"+N.call(W).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),q=A?C.Buffer:void 0,J=C.Symbol,K=C.Uint8Array,Q=V.propertyIsEnumerable,X=L.splice,Y=J?J.toStringTag:void 0,Z=Object.getOwnPropertySymbols,tt=q?q.isBuffer:void 0,nt=(U=Object.keys,F=Object,function(t){return U(F(t))}),rt=Ot(C,"DataView"),et=Ot(C,"Map"),it=Ot(C,"Promise"),ot=Ot(C,"Set"),ut=Ot(C,"WeakMap"),st=Ot(Object,"create"),at=St(rt),ct=St(et),ft=St(it),ht=St(ot),lt=St(ut),vt=J?J.prototype:void 0,dt=vt?vt.valueOf:void 0;function pt(t){var n=-1,r=null==t?0:t.length;for(this.clear();++n<r;){var e=t[n];this.set(e[0],e[1])}}function bt(t){var n=-1,r=null==t?0:t.length;for(this.clear();++n<r;){var e=t[n];this.set(e[0],e[1])}}function yt(t){var n=-1,r=null==t?0:t.length;for(this.clear();++n<r;){var e=t[n];this.set(e[0],e[1])}}function gt(t){var n=-1,r=null==t?0:t.length;for(this.__data__=new yt;++n<r;)this.add(t[n])}function mt(t){var n=this.__data__=new bt(t);this.size=n.size}function jt(t,n){for(var r=t.length;r--;)if($t(t[r][0],n))return r;return-1}function wt(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":Y&&Y in Object(t)?function(t){var n=W.call(t,Y),r=t[Y];try{t[Y]=void 0;var e=!0}catch(t){}var i=G.call(t);return e&&(n?t[Y]=r:delete t[Y]),i}(t):function(t){return G.call(t)}(t)}function xt(t){return Lt(t)&&wt(t)==i}function _t(t,n,r,e,c){return t===n||(null==t||null==n||!Lt(t)&&!Lt(n)?t!=t&&n!=n:function(t,n,r,e,c,h){var d=Tt(t),g=Tt(n),w=d?o:At(t),x=g?o:At(n),_=(w=w==i?v:w)==v,B=(x=x==i?v:x)==v,I=w==x;if(I&&Dt(t)){if(!Dt(n))return!1;d=!0,_=!1}if(I&&!_)return h||(h=new mt),d||Vt(t)?Bt(t,n,r,e,c,h):function(t,n,r,e,i,o,c){switch(r){case j:if(t.byteLength!=n.byteLength||t.byteOffset!=n.byteOffset)return!1;t=t.buffer,n=n.buffer;case m:return!(t.byteLength!=n.byteLength||!o(new K(t),new K(n)));case u:case s:case l:return $t(+t,+n);case a:return t.name==n.name&&t.message==n.message;case p:case y:return t==n+"";case f:var h=T;case b:if(h||(h=D),t.size!=n.size&&!(1&e))return!1;var v=c.get(t);if(v)return v==n;e|=2,c.set(t,n);var d=Bt(h(t),h(n),e,i,o,c);return c.delete(t),d;case"[object Symbol]":if(dt)return dt.call(t)==dt.call(n)}return!1}(t,n,w,r,e,c,h);if(!(1&r)){var C=_&&W.call(t,"__wrapped__"),O=B&&W.call(n,"__wrapped__");if(C||O){var E=C?t.value():t,A=O?n.value():n;return h||(h=new mt),c(E,A,r,e,h)}}return!!I&&(h||(h=new mt),function(t,n,r,e,i,o){var u=1&r,s=It(t),a=s.length;if(a!=It(n).length&&!u)return!1;for(var c=a;c--;){var f=s[c];if(!(u?f in n:W.call(n,f)))return!1}var h=o.get(t);if(h&&o.get(n))return h==n;var l=!0;o.set(t,n),o.set(n,t);for(var v=u;++c<a;){var d=t[f=s[c]],p=n[f];if(e)var b=u?e(p,d,f,n,t,o):e(d,p,f,t,n,o);if(!(void 0===b?d===p||i(d,p,r,e,o):b)){l=!1;break}v||(v="constructor"==f)}if(l&&!v){var y=t.constructor,g=n.constructor;y==g||!("constructor"in t)||!("constructor"in n)||"function"==typeof y&&y instanceof y&&"function"==typeof g&&g instanceof g||(l=!1)}return o.delete(t),o.delete(n),l}(t,n,r,e,c,h))}(t,n,r,e,_t,c))}function Bt(t,n,r,e,i,o){var u=1&r,s=t.length,a=n.length;if(s!=a&&!(u&&a>s))return!1;var c=o.get(t);if(c&&o.get(n))return c==n;var f=-1,h=!0,l=2&r?new gt:void 0;for(o.set(t,n),o.set(n,t);++f<s;){var v=t[f],d=n[f];if(e)var p=u?e(d,v,f,n,t,o):e(v,d,f,t,n,o);if(void 0!==p){if(p)continue;h=!1;break}if(l){if(!k(n,(function(t,n){if(!l.has(n)&&(v===t||i(v,t,r,e,o)))return l.push(n)}))){h=!1;break}}else if(v!==d&&!i(v,d,r,e,o)){h=!1;break}}return o.delete(t),o.delete(n),h}function It(t){return function(t,n,r){var e=n(t);return Tt(t)?e:function(t,n){for(var r=-1,e=n.length,i=t.length;++r<e;)t[i+r]=n[r];return t}(e,r(t))}(t,Rt,Et)}function Ct(t,n){var r,e,i=t.__data__;return("string"==(e=typeof(r=n))||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==r:null===r)?i["string"==typeof n?"string":"hash"]:i.map}function Ot(t,n){var r=function(t,n){return null==t?void 0:t[n]}(t,n);return function(t){return!(!Ft(t)||function(t){return!!z&&z in t}(t))&&(Mt(t)?H:w).test(St(t))}(r)?r:void 0}pt.prototype.clear=function(){this.__data__=st?st(null):{},this.size=0},pt.prototype.delete=function(t){var n=this.has(t)&&delete this.__data__[t];return this.size-=n?1:0,n},pt.prototype.get=function(t){var n=this.__data__;if(st){var e=n[t];return e===r?void 0:e}return W.call(n,t)?n[t]:void 0},pt.prototype.has=function(t){var n=this.__data__;return st?void 0!==n[t]:W.call(n,t)},pt.prototype.set=function(t,n){var e=this.__data__;return this.size+=this.has(t)?0:1,e[t]=st&&void 0===n?r:n,this},bt.prototype.clear=function(){this.__data__=[],this.size=0},bt.prototype.delete=function(t){var n=this.__data__,r=jt(n,t);return!(r<0||(r==n.length-1?n.pop():X.call(n,r,1),--this.size,0))},bt.prototype.get=function(t){var n=this.__data__,r=jt(n,t);return r<0?void 0:n[r][1]},bt.prototype.has=function(t){return jt(this.__data__,t)>-1},bt.prototype.set=function(t,n){var r=this.__data__,e=jt(r,t);return e<0?(++this.size,r.push([t,n])):r[e][1]=n,this},yt.prototype.clear=function(){this.size=0,this.__data__={hash:new pt,map:new(et||bt),string:new pt}},yt.prototype.delete=function(t){var n=Ct(this,t).delete(t);return this.size-=n?1:0,n},yt.prototype.get=function(t){return Ct(this,t).get(t)},yt.prototype.has=function(t){return Ct(this,t).has(t)},yt.prototype.set=function(t,n){var r=Ct(this,t),e=r.size;return r.set(t,n),this.size+=r.size==e?0:1,this},gt.prototype.add=gt.prototype.push=function(t){return this.__data__.set(t,r),this},gt.prototype.has=function(t){return this.__data__.has(t)},mt.prototype.clear=function(){this.__data__=new bt,this.size=0},mt.prototype.delete=function(t){var n=this.__data__,r=n.delete(t);return this.size=n.size,r},mt.prototype.get=function(t){return this.__data__.get(t)},mt.prototype.has=function(t){return this.__data__.has(t)},mt.prototype.set=function(t,n){var r=this.__data__;if(r instanceof bt){var e=r.__data__;if(!et||e.length<199)return e.push([t,n]),this.size=++r.size,this;r=this.__data__=new yt(e)}return r.set(t,n),this.size=r.size,this};var Et=Z?function(t){return null==t?[]:(t=Object(t),function(n){for(var r=-1,e=null==n?0:n.length,i=0,o=[];++r<e;){var u=n[r];Q.call(t,u)&&(o[i++]=u)}return o}(Z(t)))}:function(){return[]},At=wt;function Pt(t,n){return!!(n=null==n?e:n)&&("number"==typeof t||x.test(t))&&t>-1&&t%1==0&&t<n}function St(t){if(null!=t){try{return N.call(t)}catch(t){}try{return t+""}catch(t){}}return""}function $t(t,n){return t===n||t!=t&&n!=n}(rt&&At(new rt(new ArrayBuffer(1)))!=j||et&&At(new et)!=f||it&&At(it.resolve())!=d||ot&&At(new ot)!=b||ut&&At(new ut)!=g)&&(At=function(t){var n=wt(t),r=n==v?t.constructor:void 0,e=r?St(r):"";if(e)switch(e){case at:return j;case ct:return f;case ft:return d;case ht:return b;case lt:return g}return n});var kt=xt(function(){return arguments}())?xt:function(t){return Lt(t)&&W.call(t,"callee")&&!Q.call(t,"callee")},Tt=Array.isArray,Dt=tt||function(){return!1};function Mt(t){if(!Ft(t))return!1;var n=wt(t);return n==c||"[object GeneratorFunction]"==n||"[object AsyncFunction]"==n||"[object Proxy]"==n}function Ut(t){return"number"==typeof t&&t>-1&&t%1==0&&t<=e}function Ft(t){var n=typeof t;return null!=t&&("object"==n||"function"==n)}function Lt(t){return null!=t&&"object"==typeof t}var Vt=$?function(t){return function(n){return t(n)}}($):function(t){return Lt(t)&&Ut(t.length)&&!!_[wt(t)]};function Rt(t){return null!=(n=t)&&Ut(n.length)&&!Mt(n)?function(t,n){var r=Tt(t),e=!r&&kt(t),i=!r&&!e&&Dt(t),o=!r&&!e&&!i&&Vt(t),u=r||e||i||o,s=u?function(t,n){for(var r=-1,e=Array(t);++r<t;)e[r]=n(r);return e}(t.length,String):[],a=s.length;for(var c in t)!n&&!W.call(t,c)||u&&("length"==c||i&&("offset"==c||"parent"==c)||o&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||Pt(c,a))||s.push(c);return s}(t):function(t){if((n=t)!==("function"==typeof(r=n&&n.constructor)&&r.prototype||V))return nt(t);var n,r,e=[];for(var i in Object(t))W.call(t,i)&&"constructor"!=i&&e.push(i);return e}(t);var n}t.exports=function(t,n){return _t(t,n)}}(l,l.exports);var v=new Uint8Array(16);function d(){if(!f&&!(f="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return f(v)}var p=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;function b(t){return"string"==typeof t&&p.test(t)}for(var y=[],g=0;g<256;++g)y.push((g+256).toString(16).substr(1));function m(t,n,r){var e=(t=t||{}).random||(t.rng||d)();if(e[6]=15&e[6]|64,e[8]=63&e[8]|128,n){r=r||0;for(var i=0;i<16;++i)n[r+i]=e[i];return n}return function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=(y[t[n+0]]+y[t[n+1]]+y[t[n+2]]+y[t[n+3]]+"-"+y[t[n+4]]+y[t[n+5]]+"-"+y[t[n+6]]+y[t[n+7]]+"-"+y[t[n+8]]+y[t[n+9]]+"-"+y[t[n+10]]+y[t[n+11]]+y[t[n+12]]+y[t[n+13]]+y[t[n+14]]+y[t[n+15]]).toLowerCase();if(!b(r))throw TypeError("Stringified UUID is invalid");return r}(e)}var j=Object.freeze({__proto__:null,create:function(){return m()},fromMsbLsb:function(t,n){function r(t,n){var r=BigInt(1)<<n*BigInt(4);return(r|t&r-BigInt(1)).toString(16).substring(1)}var e="string"==typeof t?BigInt(t):t,i="string"==typeof n?BigInt(n):n,o=r(e>>BigInt(32),BigInt(8)),u=r(e>>BigInt(16),BigInt(4)),s=r(e,BigInt(4)),a=r(i>>BigInt(48),BigInt(4)),c=r(i,BigInt(12));return"".concat(o,"-").concat(u,"-").concat(s,"-").concat(a,"-").concat(c)},toMsbLsb:function(t){var n=o(t.split("-"),5),r=n[0],e=n[1],i=n[2],u=n[3],s=n[4];if(null==r||null==e||null==i||null==u||null==s)throw new Error("Invalid UUID string ".concat(t));var a=BigInt.asIntN(64,BigInt("0x".concat(r+e+i))),c=BigInt.asIntN(64,BigInt("0x".concat(u+s)));return{msb:a.toString(),lsb:c.toString()}}});const w=class{constructor(n){t(this,n),this.pointerEntered=!1,this.content=void 0,this.disabled=void 0,this.placement="bottom",this.delay=500,this.animated=!0,this.open=!1,this.handlePointerEnter=this.handlePointerEnter.bind(this),this.handlePointerLeave=this.handlePointerLeave.bind(this),this.handleContentChange=this.handleContentChange.bind(this),this.handleDisabledChange=this.handleDisabledChange.bind(this),this.tooltipId=`vertex-tooltip-${j.create()}`}disconnectedCallback(){this.removeElement(),this.clearOpenTimeout(),this.pointerEntered=!1}handleContentChange(){null!=this.internalContentElement&&this.updateContentElementChildren(this.internalContentElement)}handleDisabledChange(){null!=this.internalContentElement&&this.updateContentElementClass(this.internalContentElement),!this.disabled&&this.pointerEntered&&this.handlePointerEnter()}render(){return n(r,null,n("div",{class:"target",ref:t=>{this.targetElement=t},onPointerEnter:this.handlePointerEnter,onPointerLeave:this.handlePointerLeave},n("slot",null)),n("div",{class:"content-hidden",ref:t=>{this.contentElement=t}},n("slot",{name:"content",onSlotchange:this.handleContentChange})))}addElement(){if(null!=this.targetElement){const t=this.createPopoverElement(this.targetElement),n=this.createContentElement();this.updateContentElementChildren(n),t.appendChild(n),this.hostElement.ownerDocument.body.appendChild(t)}}removeElement(){const t=this.hostElement.ownerDocument.getElementById(this.tooltipId);null!=t&&t.remove(),this.internalContentElement=void 0}createPopoverElement(t){const n=this.hostElement.ownerDocument.createElement("vertex-popover");return n.id=this.tooltipId,n.setAttribute("class","vertex-tooltip-popover"),n.open=this.open,n.resizeBehavior="fixed",n.backdrop=!1,n.placement=this.placement,n.animated=this.animated,n.anchorBounds=s(t),n}createContentElement(){return this.internalContentElement=this.hostElement.ownerDocument.createElement("div"),this.internalContentElement.setAttribute("class",u("vertex-tooltip-content",{hidden:!this.open||this.disabled})),this.internalContentElement}updateContentElementClass(t){t.setAttribute("class",u("vertex-tooltip-content",{hidden:!this.open||this.disabled}))}updateContentElementChildren(t){var n;this.displayedSlottedContent=null!==(n=a(this.contentElement))&&void 0!==n?n:this.displayedSlottedContent,null!=this.content?t.innerText=this.content:null!=this.displayedSlottedContent&&t.appendChild(this.displayedSlottedContent)}handlePointerEnter(){null!=this.openTimeout||this.disabled?null==this.openTimeout&&(this.pointerEntered=!0):this.createOpenTimeout()}handlePointerLeave(){this.clearOpenTimeout(),this.removeElement(),this.open=!1,this.pointerEntered=!1}createOpenTimeout(){this.openTimeout=setTimeout((()=>{this.open=!0,this.openTimeout=void 0,this.addElement()}),this.delay),this.pointerEntered=!1}clearOpenTimeout(){null!=this.openTimeout&&(clearTimeout(this.openTimeout),this.openTimeout=void 0)}get hostElement(){return e(this)}static get watchers(){return{content:["handleContentChange"],disabled:["handleDisabledChange"]}}};w.style=":host{--tooltip-width:auto;--tooltip-white-space:normal;display:flex}.popover{width:100%;height:100%}.target{display:flex;width:100%;height:100%}.content-hidden{display:none}.tooltip{display:flex;justify-content:center;text-align:center;width:var(--tooltip-width);font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-xxs);background-color:var(--vertex-ui-neutral-700);color:var(--vertex-ui-white);padding:0.25rem 0.5rem;border-radius:4px;pointer-events:none;white-space:var(--tooltip-white-space);user-select:none}.tooltip.hidden{display:none}";export{w as T}
@@ -57,7 +57,7 @@ const ColorCirclePicker = class {
57
57
  render() {
58
58
  return (h(Host, null, h("div", { class: classnames('container', {
59
59
  vertical: this.direction === 'vertical',
60
- }) }, this.colorArray.map((c, i) => (h("vertex-color-circle", { class: classnames('circle', {
60
+ }) }, this.colorArray.map((c, i) => (h("vertex-color-swatch", { class: classnames('circle', {
61
61
  selected: this.selected === c,
62
62
  }), color: c, supplementalColor: this.supplementaryColorArray[i], onClick: this.handleClick, lightenPercentage: this.lightenPercentage, darkenPercentage: this.darkenPercentage, theme: this.theme }))))));
63
63
  }
@@ -0,0 +1,44 @@
1
+ import { r as registerInstance, e as createEvent, h, H as Host } from './index-72f28b71.js';
2
+ import { c as classnames } from './index-9c609209.js';
3
+ import { i as isValidHexColor } from './lib-73fbca8b.js';
4
+
5
+ const colorPickerCss = ":host{display:flex;--selected-color-width:initial;--selected-color-height:initial}.wrapper{display:inline-flex;align-items:center}.wrapper.full{padding:0.375rem 0.5rem;border:1px solid var(--vertex-ui-neutral-300);border-radius:4px}.color-picker{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}.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}";
6
+
7
+ const ColorPicker = class {
8
+ constructor(hostRef) {
9
+ registerInstance(this, hostRef);
10
+ this.valueInput = createEvent(this, "valueInput", 7);
11
+ this.valueChanged = createEvent(this, "valueChanged", 7);
12
+ this.handleInput = (event) => {
13
+ const input = event.target;
14
+ this.value = input.value || '';
15
+ };
16
+ this.handleChange = (event) => {
17
+ this.valueChanged.emit(this.value);
18
+ };
19
+ this.value = undefined;
20
+ this.size = 'md';
21
+ this.variant = 'full';
22
+ this.disabled = false;
23
+ }
24
+ valueChange() {
25
+ this.valueInput.emit(this.value);
26
+ }
27
+ render() {
28
+ var _a;
29
+ return (h(Host, null, h("div", { class: classnames('wrapper', this.variant, this.size) }, h("label", { class: classnames('color-picker', { disabled: this.disabled }) }, h("input", { type: "color", class: "input", "data-testid": "input", disabled: this.disabled, value: this.value, onInput: this.handleInput, onChange: this.handleChange }), h("div", { class: classnames('selected-wrapper', this.variant) }, h("div", { class: "selected", title: this.value }, h("vertex-color-swatch", { class: "selected-color", supplementalColor: "var(--vertex-ui-neutral-400)", color: this.value, variant: "square", size: this.size }, h("slot", { name: "overlay", slot: "overlay" }, (this.value == null || this.value === '') && (h("svg", { class: "no-value", slot: "overlay", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16" }, h("path", { d: "M16,0L0,16" })))))), this.variant === 'full' && (h("div", { class: "text-wrapper" }, h("div", { class: "hidden-text" }, "#FFFFFF"), h("div", { class: "selected-text" }, (_a = this.getDisplayedValue()) !== null && _a !== void 0 ? _a : 'Default'))))), h("div", { class: "right-gutter" }, h("slot", { name: "right-gutter" })))));
30
+ }
31
+ getDisplayedValue() {
32
+ var _a;
33
+ if (this.value != null && isValidHexColor(this.value)) {
34
+ return (_a = this.value) === null || _a === void 0 ? void 0 : _a.toLocaleUpperCase();
35
+ }
36
+ return undefined;
37
+ }
38
+ static get watchers() { return {
39
+ "value": ["valueChange"]
40
+ }; }
41
+ };
42
+ ColorPicker.style = colorPickerCss;
43
+
44
+ export { ColorPicker as C };
@@ -1,13 +1,17 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-72f28b71.js';
2
+ import { c as classnames } from './index-9c609209.js';
3
+ import { i as isValidHexColor } from './lib-73fbca8b.js';
2
4
 
3
- const colorCircleCss = ":host{display:flex;--circle-size:24px}.root{border-radius:100%;border-width:2px;border-style:solid;width:var(--circle-size);height:var(--circle-size);box-sizing:border-box}";
5
+ const colorSwatchCss = ":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.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}";
4
6
 
5
- const ColorCircle = class {
7
+ const ColorSwatch = class {
6
8
  constructor(hostRef) {
7
9
  registerInstance(this, hostRef);
10
+ this.variant = 'circle';
11
+ this.size = 'md';
8
12
  this.color = '#ffffff';
9
13
  this.supplementalColor = undefined;
10
- this.theme = 'dark';
14
+ this.theme = 'none';
11
15
  this.lightenPercentage = 0.25;
12
16
  this.darkenPercentage = 0.25;
13
17
  this.lightened = this.adjustColor(this.color, -this.lightenPercentage);
@@ -24,22 +28,43 @@ const ColorCircle = class {
24
28
  this.darkened = this.adjustColor(this.color, newPercentage);
25
29
  }
26
30
  render() {
27
- const themeColor = this.theme === 'dark' ? this.darkened : this.lightened;
28
- const supplementalColor = this.supplementalColor != null && this.supplementalColor.length > 0
29
- ? this.supplementalColor
30
- : themeColor;
31
- return (h(Host, null, h("div", { class: "root", style: this.theme === 'dark'
32
- ? {
33
- backgroundColor: this.color,
34
- borderColor: supplementalColor,
35
- }
36
- : {
31
+ return (h(Host, null, h("div", { class: classnames('root', this.variant, this.size), style: this.getThemeColors() }, h("div", { class: "overlay" }, h("slot", { name: "overlay" })))));
32
+ }
33
+ getThemeColors() {
34
+ const supplementalColor = this.getSupplementalColor();
35
+ switch (this.theme) {
36
+ case 'light':
37
+ return {
37
38
  backgroundColor: supplementalColor,
38
39
  borderColor: this.color,
39
- } })));
40
+ };
41
+ case 'dark':
42
+ return {
43
+ backgroundColor: this.color,
44
+ borderColor: supplementalColor,
45
+ };
46
+ default:
47
+ return {
48
+ backgroundColor: this.color,
49
+ borderColor: supplementalColor !== null && supplementalColor !== void 0 ? supplementalColor : undefined,
50
+ };
51
+ }
52
+ }
53
+ getSupplementalColor() {
54
+ const providedSupplementalColor = this.supplementalColor != null && this.supplementalColor.length > 0
55
+ ? this.supplementalColor
56
+ : undefined;
57
+ switch (this.theme) {
58
+ case 'light':
59
+ return providedSupplementalColor !== null && providedSupplementalColor !== void 0 ? providedSupplementalColor : this.lightened;
60
+ case 'dark':
61
+ return providedSupplementalColor !== null && providedSupplementalColor !== void 0 ? providedSupplementalColor : this.darkened;
62
+ default:
63
+ return providedSupplementalColor;
64
+ }
40
65
  }
41
66
  adjustColor(color, percentage) {
42
- if (color.startsWith('#') && color.length === 7) {
67
+ if (isValidHexColor(color)) {
43
68
  const r = Number(`0x${color.slice(1, 3)}`);
44
69
  const g = Number(`0x${color.slice(3, 5)}`);
45
70
  const b = Number(`0x${color.slice(5, 7)}`);
@@ -63,6 +88,6 @@ const ColorCircle = class {
63
88
  "darkenPercentage": ["handleDarkenPercentageChanged"]
64
89
  }; }
65
90
  };
66
- ColorCircle.style = colorCircleCss;
91
+ ColorSwatch.style = colorSwatchCss;
67
92
 
68
- export { ColorCircle as C };
93
+ export { ColorSwatch as C };
@@ -85,5 +85,5 @@ const patchDynamicImport = (base, orgScriptElm) => {
85
85
  };
86
86
 
87
87
  patchBrowser().then(options => {
88
- return bootstrapLazy([["vertex-click-to-edit-textfield",[[6,"vertex-click-to-edit-textfield",{"placeholder":[1],"fontSize":[1,"font-size"],"disabled":[516],"multiline":[4],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"value":[1032],"autoFocus":[4,"auto-focus"],"editing":[1540],"hasError":[4,"has-error"]}]]],["vertex-collapsible",[[1,"vertex-collapsible",{"label":[1],"open":[1540]}]]],["vertex-context-menu",[[1,"vertex-context-menu",{"targetSelector":[1,"target-selector"],"animated":[4],"position":[32],"open":[32]}]]],["vertex-dialog",[[1,"vertex-dialog",{"open":[1540],"fullscreen":[4],"resizable":[4],"width":[32],"height":[32],"minWidth":[32],"minHeight":[32],"maxWidth":[32],"maxHeight":[32],"isResizing":[32]},[[4,"keydown","keyDownListener"]]]]],["vertex-draggable-popover",[[1,"vertex-draggable-popover",{"position":[1],"boundarySelector":[1,"boundary-selector"],"boundaryPadding":[2,"boundary-padding"],"anchorPosition":[32],"lastPosition":[32],"dragging":[32]}]]],["vertex-dropdown-menu",[[1,"vertex-dropdown-menu",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-help-tooltip",[[1,"vertex-help-tooltip",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-search-bar",[[6,"vertex-search-bar",{"variant":[1],"resultItems":[16],"triggerCharacters":[16],"triggerCharacter":[1,"trigger-character"],"breakCharacters":[16],"debounce":[2],"placeholder":[1],"placement":[1],"cursorPosition":[32],"open":[32],"triggerKey":[32],"triggerRange":[32],"replaceTriggeredValue":[64],"getEditableContent":[64]}]]],["vertex-select",[[1,"vertex-select",{"value":[513],"placeholder":[513],"disabled":[516],"animated":[4],"resizeObserverFactory":[16],"open":[32],"position":[32],"displayValue":[32]}]]],["vertex-slider",[[1,"vertex-slider",{"min":[2],"max":[2],"valueLabelDisplay":[1,"value-label-display"],"step":[8],"size":[1],"value":[1026],"disabled":[4]}]]],["vertex-toast",[[1,"vertex-toast",{"content":[1],"placement":[1],"duration":[2],"animated":[4],"open":[4],"type":[1],"isOpen":[32]}]]],["vertex-color-circle-picker",[[1,"vertex-color-circle-picker",{"colors":[1],"supplementalColors":[1,"supplemental-colors"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"selected":[1537],"direction":[1]}]]],["vertex-color-picker",[[1,"vertex-color-picker",{"value":[1537],"disabled":[4]}]]],["vertex-toggle",[[1,"vertex-toggle",{"variant":[1],"disabled":[4],"checked":[1540]}]]],["vertex-avatar",[[1,"vertex-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"value":[1],"active":[4],"variant":[1]}]]],["vertex-avatar-group",[[1,"vertex-avatar-group"]]],["vertex-badge",[[1,"vertex-badge",{"badgeText":[1,"badge-text"],"badgeColor":[1,"badge-color"]}]]],["vertex-button",[[1,"vertex-button",{"type":[1],"color":[1],"variant":[1],"size":[1],"expand":[1],"href":[1],"target":[1],"disabled":[516]}]]],["vertex-card",[[1,"vertex-card",{"mode":[1]}]]],["vertex-card-group",[[1,"vertex-card-group",{"selected":[516],"hovered":[516],"expanded":[516]}]]],["vertex-chip",[[1,"vertex-chip",{"variant":[1],"color":[1]}]]],["vertex-logo-loading",[[1,"vertex-logo-loading"]]],["vertex-menu-divider",[[1,"vertex-menu-divider"]]],["vertex-menu-item",[[1,"vertex-menu-item",{"disabled":[516]}]]],["vertex-radio",[[2,"vertex-radio",{"disabled":[516],"value":[513],"label":[513],"name":[513],"checked":[516]}]]],["vertex-radio-group",[[1,"vertex-radio-group",{"name":[513],"value":[1537]}]]],["vertex-resizable",[[1,"vertex-resizable",{"horizontalDirection":[1,"horizontal-direction"],"verticalDirection":[1,"vertical-direction"],"initialHorizontalScale":[2,"initial-horizontal-scale"],"initialVerticalScale":[2,"initial-vertical-scale"],"initializeWithOffset":[4,"initialize-with-offset"],"parentSelector":[1,"parent-selector"],"verticalSiblingSelector":[1,"vertical-sibling-selector"],"horizontalSiblingSelector":[1,"horizontal-sibling-selector"],"contentSelector":[1,"content-selector"],"position":[1],"dimensionsComputed":[1540,"dimensions-computed"],"width":[32],"minWidth":[32],"maxWidth":[32],"height":[32],"minHeight":[32],"maxHeight":[32],"left":[32],"top":[32],"hoveredLocation":[32],"dragStartLocation":[32],"updateDimensions":[64]}]]],["vertex-spinner",[[1,"vertex-spinner",{"color":[1],"size":[1]}]]],["vertex-expandable",[[1,"vertex-expandable",{"expanded":[1540],"expanding":[1540],"collapsing":[1540],"controlled":[516],"expandType":[513,"expand-type"],"animated":[4],"contentScrollHeight":[32]}]]],["vertex-result-list",[[1,"vertex-result-list",{"items":[16],"itemsJson":[1,"items"],"viewportStartIndex":[1026,"viewport-start-index"],"viewportEndIndex":[1026,"viewport-end-index"],"resultHeight":[1026,"result-height"],"overScanCount":[2,"over-scan-count"],"placement":[1],"position":[1],"open":[4],"listHeight":[32],"parsedResults":[32],"scrollTop":[32],"lastStartIndex":[32],"lastFocusedIndex":[32],"stateMap":[32]}]]],["vertex-textfield",[[6,"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]}]]],["vertex-tooltip",[[1,"vertex-tooltip",{"content":[1],"disabled":[4],"placement":[1],"delay":[2],"animated":[4],"open":[32]}]]],["vertex-color-circle",[[1,"vertex-color-circle",{"color":[513],"supplementalColor":[513,"supplemental-color"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"lightened":[1537],"darkened":[1537]}]]],["vertex-auto-resize-textarea",[[1,"vertex-auto-resize-textarea",{"textareaSelector":[1,"textarea-selector"],"initialValue":[1,"initial-value"],"minRows":[514,"min-rows"],"maxRows":[514,"max-rows"],"textValue":[32]}]]],["vertex-menu",[[1,"vertex-menu",{"animated":[4],"open":[1540],"placement":[1],"fallbackPlacements":[16],"backdrop":[4],"position":[1040],"popoverProps":[16]}]]],["vertex-icon-button",[[1,"vertex-icon-button",{"iconName":[1,"icon-name"],"disabled":[516],"variant":[1],"iconColor":[1,"icon-color"],"iconSize":[1,"icon-size"]}]]],["vertex-icon",[[1,"vertex-icon",{"name":[1],"size":[1]}]]],["vertex-popover",[[1,"vertex-popover",{"open":[1540],"placement":[1],"position":[1025],"anchorBounds":[16],"backdrop":[4],"animated":[4],"anchorSelector":[1,"anchor-selector"],"boundarySelector":[1,"boundary-selector"],"resizeBehavior":[1,"resize-behavior"],"overflowBehavior":[16],"flipBehavior":[16],"offsetBehavior":[2,"offset-behavior"],"updateOnResize":[4,"update-on-resize"],"opened":[32],"computedPlacement":[32]}]]]], options);
88
+ return bootstrapLazy([["vertex-click-to-edit-textfield",[[6,"vertex-click-to-edit-textfield",{"placeholder":[1],"fontSize":[1,"font-size"],"disabled":[516],"multiline":[4],"minRows":[2,"min-rows"],"maxRows":[2,"max-rows"],"value":[1032],"autoFocus":[4,"auto-focus"],"editing":[1540],"hasError":[4,"has-error"]}]]],["vertex-collapsible",[[1,"vertex-collapsible",{"label":[1],"open":[1540]}]]],["vertex-context-menu",[[1,"vertex-context-menu",{"targetSelector":[1,"target-selector"],"animated":[4],"position":[32],"open":[32]}]]],["vertex-dialog",[[1,"vertex-dialog",{"open":[1540],"fullscreen":[4],"resizable":[4],"width":[32],"height":[32],"minWidth":[32],"minHeight":[32],"maxWidth":[32],"maxHeight":[32],"isResizing":[32]},[[4,"keydown","keyDownListener"]]]]],["vertex-draggable-popover",[[1,"vertex-draggable-popover",{"position":[1],"boundarySelector":[1,"boundary-selector"],"boundaryPadding":[2,"boundary-padding"],"anchorPosition":[32],"lastPosition":[32],"dragging":[32]}]]],["vertex-dropdown-menu",[[1,"vertex-dropdown-menu",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-help-tooltip",[[1,"vertex-help-tooltip",{"animated":[4],"placement":[1],"open":[32]}]]],["vertex-search-bar",[[6,"vertex-search-bar",{"variant":[1],"disabled":[4],"triggerCharacter":[1,"trigger-character"],"breakCharacters":[16],"resultItems":[16],"placement":[1],"value":[1],"placeholder":[1],"replacements":[1040],"replacementUriType":[1,"replacement-uri-type"],"cursorPosition":[32],"displayedElements":[32],"hasTriggered":[32]}]]],["vertex-select",[[1,"vertex-select",{"value":[513],"placeholder":[513],"disabled":[516],"animated":[4],"hideSelected":[4,"hide-selected"],"resizeObserverFactory":[16],"open":[32],"position":[32],"displayValue":[32]}]]],["vertex-slider",[[1,"vertex-slider",{"min":[2],"max":[2],"valueLabelDisplay":[1,"value-label-display"],"step":[8],"size":[1],"value":[1026],"disabled":[4]}]]],["vertex-toast",[[1,"vertex-toast",{"content":[1],"placement":[1],"duration":[2],"animated":[4],"open":[4],"type":[1],"isOpen":[32]}]]],["vertex-color-circle-picker",[[1,"vertex-color-circle-picker",{"colors":[1],"supplementalColors":[1,"supplemental-colors"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"selected":[1537],"direction":[1]}]]],["vertex-color-picker",[[1,"vertex-color-picker",{"value":[1537],"size":[513],"variant":[513],"disabled":[4]}]]],["vertex-toggle",[[1,"vertex-toggle",{"variant":[1],"disabled":[4],"checked":[1540]}]]],["vertex-avatar",[[1,"vertex-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"value":[1],"active":[4],"variant":[1]}]]],["vertex-avatar-group",[[1,"vertex-avatar-group"]]],["vertex-badge",[[1,"vertex-badge",{"badgeText":[1,"badge-text"],"badgeColor":[1,"badge-color"]}]]],["vertex-button",[[1,"vertex-button",{"type":[1],"color":[1],"variant":[1],"size":[1],"expand":[1],"href":[1],"target":[1],"disabled":[516]}]]],["vertex-card",[[1,"vertex-card",{"mode":[1]}]]],["vertex-card-group",[[1,"vertex-card-group",{"selected":[516],"hovered":[516],"expanded":[516]}]]],["vertex-chip",[[1,"vertex-chip",{"variant":[1],"color":[1]}]]],["vertex-logo-loading",[[1,"vertex-logo-loading"]]],["vertex-menu-divider",[[1,"vertex-menu-divider"]]],["vertex-menu-item",[[1,"vertex-menu-item",{"disabled":[516]}]]],["vertex-radio",[[2,"vertex-radio",{"disabled":[516],"value":[513],"label":[513],"name":[513],"checked":[516]}]]],["vertex-radio-group",[[1,"vertex-radio-group",{"name":[513],"value":[1537]}]]],["vertex-resizable",[[1,"vertex-resizable",{"horizontalDirection":[1,"horizontal-direction"],"verticalDirection":[1,"vertical-direction"],"initialHorizontalScale":[2,"initial-horizontal-scale"],"initialVerticalScale":[2,"initial-vertical-scale"],"initializeWithOffset":[4,"initialize-with-offset"],"parentSelector":[1,"parent-selector"],"verticalSiblingSelector":[1,"vertical-sibling-selector"],"horizontalSiblingSelector":[1,"horizontal-sibling-selector"],"contentSelector":[1,"content-selector"],"position":[1],"dimensionsComputed":[1540,"dimensions-computed"],"width":[32],"minWidth":[32],"maxWidth":[32],"height":[32],"minHeight":[32],"maxHeight":[32],"left":[32],"top":[32],"hoveredLocation":[32],"dragStartLocation":[32],"updateDimensions":[64]}]]],["vertex-spinner",[[1,"vertex-spinner",{"color":[1],"size":[1]}]]],["vertex-tab",[[1,"vertex-tab",{"label":[1],"active":[4]}]]],["vertex-tabs",[[1,"vertex-tabs",{"active":[1025],"labels":[32],"activeBounds":[32],"activeButtonEl":[32]}]]],["vertex-expandable",[[1,"vertex-expandable",{"expanded":[1540],"expanding":[1540],"collapsing":[1540],"controlled":[516],"expandType":[513,"expand-type"],"animated":[4],"contentScrollHeight":[32]}]]],["vertex-result-list",[[1,"vertex-result-list",{"items":[16],"itemsJson":[1,"items"],"viewportStartIndex":[1026,"viewport-start-index"],"viewportEndIndex":[1026,"viewport-end-index"],"resultHeight":[1026,"result-height"],"overScanCount":[2,"over-scan-count"],"placement":[1],"position":[1],"open":[4],"listHeight":[32],"parsedResults":[32],"scrollTop":[32],"lastStartIndex":[32],"lastFocusedIndex":[32],"stateMap":[32]}]]],["vertex-auto-resize-textarea",[[1,"vertex-auto-resize-textarea",{"textareaSelector":[1,"textarea-selector"],"initialValue":[1,"initial-value"],"minRows":[514,"min-rows"],"maxRows":[514,"max-rows"],"textValue":[32]}]]],["vertex-textfield",[[6,"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]}]]],["vertex-popover",[[1,"vertex-popover",{"open":[1540],"placement":[1],"position":[1025],"anchorBounds":[16],"backdrop":[4],"animated":[4],"anchorSelector":[1,"anchor-selector"],"boundarySelector":[1,"boundary-selector"],"resizeBehavior":[1,"resize-behavior"],"overflowBehavior":[16],"flipBehavior":[16],"offsetBehavior":[2,"offset-behavior"],"updateOnResize":[4,"update-on-resize"],"resizeObserverFactory":[16],"opened":[32],"computedPlacement":[32]}]]],["vertex-tooltip",[[1,"vertex-tooltip",{"content":[1],"disabled":[4],"placement":[1],"delay":[2],"animated":[4],"open":[32]}]]],["vertex-color-swatch",[[1,"vertex-color-swatch",{"variant":[513],"size":[513],"color":[513],"supplementalColor":[513,"supplemental-color"],"theme":[513],"lightenPercentage":[2,"lighten-percentage"],"darkenPercentage":[2,"darken-percentage"],"lightened":[1537],"darkened":[1537]}]]],["vertex-menu",[[1,"vertex-menu",{"animated":[4],"open":[1540],"placement":[1],"fallbackPlacements":[16],"backdrop":[4],"position":[1040],"popoverProps":[16]}]]],["vertex-icon-button",[[1,"vertex-icon-button",{"iconName":[1,"icon-name"],"disabled":[516],"variant":[1],"iconColor":[1,"icon-color"],"iconSize":[1,"icon-size"]}]]],["vertex-icon",[[1,"vertex-icon",{"name":[1],"size":[1]}]]]], options);
89
89
  });
@@ -11,7 +11,7 @@ function getComputedStyle(el) {
11
11
  return window.getComputedStyle(el);
12
12
  }
13
13
 
14
- const dialogCss = ":host{--backdrop-color:rgba(0,0,0,0.4);--z-index:var(--vertex-ui-dialog-layer)}.hidden>.dialog{opacity:0;width:0;height:0;visibility:hidden}.hidden{pointer-events:none;display:none}.close{margin-left:auto}.shown{display:flex;justify-content:center;align-items:center}.header{width:100%;display:flex;font-size:1.125rem;height:2rem;margin-bottom:1rem}.body{position:relative;width:100%;height:100%}.dialog-backdrop{position:fixed;z-index:var(--z-index);left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--backdrop-color);padding:2rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.dialog{background-color:var(--vertex-ui-white);position:absolute;align-items:center;color:var(--vertex-ui-neutral-800);font-family:var(--vertex-ui-font-family);overflow:hidden}.dialog.no-select{user-select:none}.overlay{border:1px solid var(--vertex-ui-neutral-300);border-radius:6px;min-width:var(--min-width, var(--vertex-ui-min-dialog-width));box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);display:flex}.overlay.resizable{min-height:var(--min-height, var(--vertex-ui-min-dialog-height))}.fullscreen{height:100vh;width:100vw}.contents{display:flex;position:relative;flex-direction:column;padding:1.5rem;width:100%;height:100%;box-sizing:border-box}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}.footer{display:flex}.resize{cursor:nwse-resize;position:absolute;bottom:0.125rem;right:0.125rem}.resize-cursor{cursor:nwse-resize}";
14
+ const dialogCss = ":host{--backdrop-color:rgba(0,0,0,0.4);--z-index:var(--vertex-ui-dialog-layer)}.hidden>.dialog{opacity:0;width:0;height:0;visibility:hidden}.hidden{pointer-events:none;display:none}.close{margin-left:auto}.shown{display:flex;justify-content:center;align-items:center}.header{width:100%;display:flex;font-size:1.125rem;height:2rem;margin-bottom:1rem}.body{position:relative;width:100%;height:100%}.dialog-backdrop{position:fixed;z-index:var(--z-index);left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--backdrop-color);padding:2rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.dialog{background-color:var(--vertex-ui-white);position:absolute;align-items:center;color:var(--vertex-ui-neutral-800);font-family:var(--vertex-ui-font-family);overflow:hidden}.dialog.no-select{user-select:none}.overlay{border:1px solid var(--vertex-ui-neutral-300);border-radius:6px;box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);display:flex}.overlay.resizable{min-height:var(--min-height, var(--vertex-ui-min-dialog-height))}.fullscreen{height:100vh;width:100vw}.contents{display:flex;position:relative;flex-direction:column;padding:1.5rem;width:100%;height:100%;box-sizing:border-box}.close:hover,.close:focus{color:black;text-decoration:none;cursor:pointer}.footer{display:flex}.resize{cursor:nwse-resize;position:absolute;bottom:0.125rem;right:0.125rem}.resize-cursor{cursor:nwse-resize}";
15
15
 
16
16
  const Dialog = class {
17
17
  constructor(hostRef) {
@@ -0,0 +1,10 @@
1
+ import { c as readTask } from './index-72f28b71.js';
2
+
3
+ function readDOM(callback) {
4
+ readTask(callback);
5
+ }
6
+ function getBoundingClientRect(el) {
7
+ return el.getBoundingClientRect();
8
+ }
9
+
10
+ export { getBoundingClientRect as g, readDOM as r };
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-72f28b71.js';
2
2
  import { c as classnames } from './index-9c609209.js';
3
- import { g as getSvg } from './icon-helper-83f10f73.js';
3
+ import { g as getSvg } from './icon-helper-67de1067.js';
4
4
 
5
5
  const iconCss = ".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%}";
6
6
 
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-72f28b71.js';
2
2
  import { c as classnames } from './index-9c609209.js';
3
- import { g as getSvg } from './icon-helper-83f10f73.js';
3
+ import { g as getSvg } from './icon-helper-67de1067.js';
4
4
 
5
5
  const iconButtonCss = "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-300);--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);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)}";
6
6
 
@@ -89,6 +89,9 @@ const CaretRight = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBo
89
89
  const CaretUp = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "caret-up" },
90
90
  h("path", { d: "M7.93,6.28l4.2,4.6a.62.62,0,0,0,.7-.1.64.64,0,0,0,0-.6l-4.5-5a.48.48,0,0,0-.7,0h0l-4.5,5a.49.49,0,0,0,.1.7.64.64,0,0,0,.6,0Z" })));
91
91
 
92
+ const Caution = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "caution" },
93
+ h("path", { d: "M8,11a.51.51,0,1,0,.35.15A.47.47,0,0,0,8,11Zm6.65,1.29ZM8,6a.5.5,0,0,0-.5.5v3a.5.5,0,0,0,1,0v-3A.5.5,0,0,0,8,6Zm6.65,6.29L9.32,2.4h0a1.5,1.5,0,0,0-2.64,0L1.35,12.29h0a1.53,1.53,0,0,0-.18.71,1.5,1.5,0,0,0,1.5,1.5H13.33a1.5,1.5,0,0,0,1.5-1.5A1.53,1.53,0,0,0,14.65,12.29Zm-1,1.06a.47.47,0,0,1-.35.15H2.67a.47.47,0,0,1-.35-.15A.51.51,0,0,1,2.17,13l.06-.24h0L7.56,2.87h0a.5.5,0,0,1,.88,0l5.33,9.89h0l.06.24A.51.51,0,0,1,13.68,13.35Z" })));
94
+
92
95
  const Check = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "check" },
93
96
  h("path", { d: "M13.85,4.15a.48.48,0,0,0-.7,0L6.5,10.79,2.85,7.15a.49.49,0,0,0-.7.7l4,4a.48.48,0,0,0,.7,0l7-7A.48.48,0,0,0,13.85,4.15Z" })));
94
97
 
@@ -142,6 +145,12 @@ const CommentResolve = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", vi
142
145
  const CommentShow = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "comment-show" },
143
146
  h("path", { d: "M11.5,8h-7a.5.5,0,0,0,0,1h7a.5.5,0,0,0,0-1Zm0-3h-7a.5.5,0,0,0,0,1h7a.5.5,0,0,0,0-1Zm2-3H2.5A1.5,1.5,0,0,0,1,3.5v7A1.5,1.5,0,0,0,2.5,12H8.29l2.86,2.85a.47.47,0,0,0,.54.11A.5.5,0,0,0,12,14.5V12h1.5A1.5,1.5,0,0,0,15,10.5v-7A1.5,1.5,0,0,0,13.5,2Zm.5,8.5a.5.5,0,0,1-.5.5h-2a.51.51,0,0,0-.5.5v1.79L8.85,11.15A.47.47,0,0,0,8.5,11h-6a.5.5,0,0,1-.5-.5v-7A.5.5,0,0,1,2.5,3h11a.5.5,0,0,1,.5.5Z" })));
144
147
 
148
+ const Compare = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "compare" },
149
+ h("path", { d: "M8.27 9.94 5.89 7.56c-.11-.11-.23-.17-.36-.17s-.25.06-.36.17c-.11.11-.16.23-.15.37 0 .13.06.25.15.34l1.74 1.74H1.5c-.14 0-.26.05-.36.14-.1.1-.14.21-.14.36s.05.26.14.36c.1.1.21.14.36.14h5.42l-1.74 1.74c-.11.11-.16.23-.16.35 0 .13.06.24.16.35.11.11.23.16.36.16.13 0 .25-.06.34-.15l2.39-2.39c.09-.09.15-.18.18-.27.04-.09.05-.19.05-.3s-.02-.21-.05-.3c-.04-.09-.1-.18-.18-.27Zm6.59-4.79c-.1-.1-.21-.14-.36-.14H9.11l1.74-1.74c.11-.11.16-.23.16-.35 0-.13-.06-.24-.16-.35a.495.495 0 0 0-.36-.16c-.13 0-.25.06-.34.15L7.76 4.95c-.09.09-.15.18-.18.27-.04.09-.05.19-.05.3s.02.21.05.3c.04.09.1.18.18.27l2.38 2.38c.11.11.23.17.36.17s.25-.06.36-.17c.11-.11.16-.23.15-.37 0-.13-.06-.25-.15-.34L9.12 6.02h5.39c.14 0 .26-.05.36-.14.1-.1.14-.21.14-.36s-.05-.26-.14-.36Z" })));
150
+
151
+ const Compress = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "compress" },
152
+ h("path", { d: "M13.49 8.47H2.5c-.14 0-.26.05-.36.14-.1.1-.14.21-.14.36s.05.26.14.36c.1.1.21.14.36.14h10.99c.14 0 .26-.05.36-.14.1-.1.14-.21.14-.36s-.05-.26-.14-.36c-.1-.1-.21-.14-.36-.14ZM2.5 7.47h10.99c.14 0 .26-.05.36-.14.1-.1.14-.21.14-.36s-.05-.26-.14-.36c-.1-.1-.21-.14-.36-.14H2.5c-.14 0-.26.05-.36.14-.1.1-.14.21-.14.36s.05.26.14.36c.1.1.21.14.36.14ZM8.35 10.62c-.2-.2-.51-.2-.71 0l-2.12 2.12c-.2.2-.2.51 0 .71.2.2.51.2.71 0l1.24-1.24v2.32c0 .28.22.5.5.5s.5-.22.5-.5v-2.38l1.29 1.29c.2.2.51.2.71 0 .2-.2.2-.51 0-.71l-2.12-2.12v.01ZM7.63 5.41c.2.2.51.2.71 0l2.12-2.12c.2-.2.2-.51 0-.71-.2-.2-.51-.2-.71 0L8.51 3.82V1.5c0-.28-.22-.5-.5-.5s-.5.22-.5.5v2.38L6.22 2.59c-.2-.2-.51-.2-.71 0-.2.2-.2.51 0 .71l2.12 2.12v-.01Z" })));
153
+
145
154
  const Copy = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "copy" },
146
155
  h("path", { d: "M13.51,1h-8A1.51,1.51,0,0,0,4,2.52V4H2.51A1.5,1.5,0,0,0,1,5.5v8A1.5,1.5,0,0,0,2.51,15h8A1.5,1.5,0,0,0,12,13.5V12h1.51a1.5,1.5,0,0,0,1.5-1.5v-8A1.5,1.5,0,0,0,13.51,1ZM11,13.5a.5.5,0,0,1-.5.5h-8a.5.5,0,0,1-.5-.5v-8a.5.5,0,0,1,.5-.5h8a.5.5,0,0,1,.5.5Zm3-3a.51.51,0,0,1-.5.5H12V5.5A1.5,1.5,0,0,0,10.5,4H5V2.52a.51.51,0,0,1,.5-.5h8a.51.51,0,0,1,.5.5Z" })));
147
156
 
@@ -154,6 +163,9 @@ const CubeOrthographic = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg",
154
163
  const CubePerspective = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "cube-perspective" },
155
164
  h("path", { d: "M13.72,4.05l-6-3a.49.49,0,0,0-.44,0l-6,3A.51.51,0,0,0,1,4.5v7a.51.51,0,0,0,.28.45l6,3a.49.49,0,0,0,.44,0l6-3A.51.51,0,0,0,14,11.5v-7A.51.51,0,0,0,13.72,4.05ZM7,13.69l-5-2.5V5.31l5,2.5Zm.5-6.75L2.62,4.5,7.5,2.06,12.38,4.5ZM13,11.19l-5,2.5V7.81l5-2.5Z" })));
156
165
 
166
+ const CubeStack = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "cube-stack" },
167
+ h("path", { d: "M13.72 2.52 10.22.77a.508.508 0 0 0-.45 0l-3.5 1.75a.5.5 0 0 0-.28.45v3.81c-.08 0-.15.02-.22.05l-3.5 1.75a.5.5 0 0 0-.28.45v4.08c0 .19.11.36.28.45l3.5 1.75c.07.04.15.05.22.05s.16-.02.23-.05l7.52-3.82c.15-.1.25-.25.25-.43V2.97c0-.19-.11-.36-.28-.45ZM13 6.74l-2.46 1.23V5.03L13 3.8v2.94Zm-7.46 7.33L3 12.8V9.82l2.54 1.27v2.98Zm.5-3.85-2.4-1.2 2.37-1.18 2.4 1.2-2.37 1.18ZM9 12.78l-2.46 1.25v-2.94L9 9.86v2.92Zm.54-4.77L7 6.74V3.76l2.54 1.27v2.98ZM7.63 2.96 10 1.78l2.4 1.2-2.37 1.18-2.4-1.2Zm2.91 6.13L13 7.86v2.88l-2.46 1.25v-2.9Z" })));
168
+
157
169
  const Delete = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "delete" },
158
170
  h("path", { d: "M6.5,12a.5.5,0,0,0,.5-.5v-5a.5.5,0,0,0-1,0v5A.5.5,0,0,0,6.5,12Zm3,0a.5.5,0,0,0,.5-.5v-5a.5.5,0,0,0-1,0v5A.5.5,0,0,0,9.5,12Zm4-10H10V1.5a.47.47,0,0,0-.15-.35A.47.47,0,0,0,9.5,1h-3a.47.47,0,0,0-.35.15A.47.47,0,0,0,6,1.5V2H2.5a.5.5,0,0,0,0,1H3v9.5A2.5,2.5,0,0,0,5.5,15h5A2.5,2.5,0,0,0,13,12.5V3h.5a.5.5,0,0,0,0-1ZM12,12.5A1.5,1.5,0,0,1,10.5,14h-5A1.5,1.5,0,0,1,4,12.5V4h8Z" })));
159
171
 
@@ -169,6 +181,9 @@ const Ellipse = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox:
169
181
  const ErrorCircle = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "error-circle" },
170
182
  h("path", { d: "M8,1a7,7,0,1,0,7,7A7,7,0,0,0,8,1Zm4.27,11.23A6,6,0,1,1,14,8,6,6,0,0,1,12.27,12.27ZM8,4a.5.5,0,0,0-.5.5v5a.5.5,0,0,0,1,0v-5A.5.5,0,0,0,8,4Zm0,7a.51.51,0,1,0,.35.15A.47.47,0,0,0,8,11Z" })));
171
183
 
184
+ const Expand = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "expand" },
185
+ h("path", { d: "M13.49 13.98H2.5c-.14 0-.26.05-.36.14-.1.1-.14.21-.14.36s.05.26.14.36c.1.1.21.14.36.14h10.99c.14 0 .26-.05.36-.14.1-.1.14-.21.14-.36s-.05-.26-.14-.36c-.1-.1-.21-.14-.36-.14ZM2.5 2h10.99c.14 0 .26-.05.36-.14.1-.1.14-.21.14-.36s-.05-.26-.14-.36c-.1-.1-.21-.14-.36-.14H2.5c-.14 0-.26.05-.36.14-.1.1-.14.21-.14.36s.05.26.14.36c.1.1.21.14.36.14ZM9.76 5.97c.2.2.51.2.71 0 .2-.2.2-.51 0-.71L8.36 3.14c-.2-.2-.51-.2-.71 0L5.53 5.26c-.2.2-.2.51 0 .71.2.2.51.2.71 0l1.24-1.24v6.53l-1.24-1.24c-.2-.2-.51-.2-.71 0-.2.2-.2.51 0 .71l2.12 2.12c.2.2.51.2.71 0l2.12-2.12c.2-.2.2-.51 0-.71-.2-.2-.51-.2-.71 0l-1.29 1.29V4.67l1.29 1.29-.01.01Z" })));
186
+
172
187
  const ExpandAll = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "expand-all" },
173
188
  h("path", { d: "M14.5,6h-5a.5.5,0,0,0,0,1h5a.5.5,0,0,0,0-1ZM4,2.5H2a.5.5,0,0,0-.46.31.47.47,0,0,0,.11.54l1,1a.48.48,0,0,0,.7,0l1-1a.47.47,0,0,0,.11-.54A.5.5,0,0,0,4,2.5ZM5.5,4h9a.5.5,0,0,0,0-1h-9a.5.5,0,0,0,0,1ZM4,8.5H2a.5.5,0,0,0-.46.31.47.47,0,0,0,.11.54l1,1a.48.48,0,0,0,.7,0l1-1a.47.47,0,0,0,.11-.54A.5.5,0,0,0,4,8.5ZM14.5,9h-9a.5.5,0,0,0,0,1h9a.5.5,0,0,0,0-1Zm0,3h-5a.5.5,0,0,0,0,1h5a.5.5,0,0,0,0-1Z" })));
174
189
 
@@ -308,9 +323,23 @@ const PinText = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox:
308
323
  const PinTextFill = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "pin-text-fill" },
309
324
  h("path", { d: "M8,15H8a.5.5,0,0,1-.42-.23L5.72,12H3.48A1.5,1.5,0,0,1,2,10.5v-8A1.5,1.5,0,0,1,3.48,1h9A1.5,1.5,0,0,1,14,2.5v8a1.5,1.5,0,0,1-1.5,1.5H10.19L8.37,14.8A.52.52,0,0,1,8,15Z" })));
310
325
 
326
+ const PinTextSquare = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "pin-text-square" },
327
+ h("path", { d: "M13.51 14.97H2.5c-.83 0-1.5-.67-1.5-1.5V2.5C1 1.67 1.67 1 2.5 1h11.01c.83 0 1.5.67 1.5 1.5v10.97c0 .83-.67 1.5-1.5 1.5ZM2.5 2c-.28 0-.5.22-.5.5v10.97c0 .28.22.5.5.5h11.01c.28 0 .5-.22.5-.5V2.5c0-.28-.22-.5-.5-.5H2.5Z" }),
328
+ h("path", { d: "m3.98 11.97 3.3-8h1.37l3.37 8h-1.04l-.88-2.01H5.9l-.91 2.01H3.98Zm4.02-7-1.76 4h3.42L8 4.97Z" })));
329
+
311
330
  const Plus = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "plus" },
312
331
  h("path", { d: "M14.36,7.5H8.5V1.64a.5.5,0,0,0-1,0V7.5H1.64a.5.5,0,0,0,0,1H7.5v5.86a.5.5,0,0,0,1,0V8.5h5.86a.5.5,0,0,0,0-1Z" })));
313
332
 
333
+ const PlusWithArrow = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "plus-with-arrow" },
334
+ h("path", { d: "M8.58 1.46c-3.58 0-6.5 2.92-6.5 6.5H.59l2 3 2-3h-1.5c0-3.03 2.47-5.5 5.5-5.5s5.5 2.47 5.5 5.5-2.47 5.5-5.5 5.5c-1.19 0-2.32-.37-3.27-1.08a.505.505 0 0 0-.7.1c-.17.22-.12.53.1.7 1.13.84 2.46 1.28 3.87 1.28 3.58 0 6.5-2.92 6.5-6.5s-2.92-6.5-6.51-6.5Z" }),
335
+ h("path", { d: "M8.5 5.53c-.28 0-.5.22-.5.5v1.49H6.51c-.28 0-.5.22-.5.5s.22.5.5.5H8v1.51c0 .28.22.5.5.5s.5-.22.5-.5V8.52h1.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H9V6.03c0-.28-.22-.5-.5-.5Z" })));
336
+
337
+ const PMI = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "pmi" },
338
+ h("path", { d: "M14.49 6.03 4.5 6c-.28 0-.5-.22-.5-.5v-3c0-.13.05-.26.15-.35A.51.51 0 0 1 4.5 2l9.99.03c.28 0 .5.22.5.5v3c0 .13-.05.26-.15.35a.51.51 0 0 1-.35.15ZM5 5l8.99.03v-2L5 3v2Z" }),
339
+ h("path", { d: "M9.5 12.01H4.55c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H9V6.02c0-.28.22-.5.5-.5s.5.22.5.5v5.49c0 .28-.22.5-.5.5Z" }),
340
+ h("path", { d: "M3.46 15.04c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5Zm2.01-.01h-.01c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.51.22.51.5-.22.5-.5.5Zm-3.99-.01c-.28 0-.5-.22-.5-.49 0-.29.22-.51.5-.51s.5.22.5.5-.22.5-.5.5Zm6-.01c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5Zm-6-2c-.28 0-.5-.22-.5-.5 0-.29.22-.51.5-.51s.5.22.5.5-.22.5-.5.5Zm0-2.01c-.28 0-.5-.22-.5-.5 0-.29.22-.51.5-.51s.5.22.5.5-.22.5-.5.5Zm6-1.97c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5c0 .29-.22.51-.5.51Zm-5.97-.02c-.28 0-.51-.22-.51-.5s.22-.5.5-.5h.01c.28 0 .5.22.5.5s-.22.5-.5.5ZM3.52 9c-.28 0-.5-.22-.5-.5s.22-.5.5-.5.5.22.5.5-.22.5-.5.5Zm2.01-.02c-.28 0-.51-.22-.51-.5s.22-.5.5-.5h.01c.28 0 .5.22.5.5s-.22.5-.5.5Z" }),
341
+ h("circle", { cx: "4.49", cy: "11.53", r: "1.5" })));
342
+
314
343
  const PreciseMeasurement = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "precise-measurement" },
315
344
  h("path", { d: "m1.91 1.54 4.13 2.1c.05.03.09.07.13.11.04.04.08.09.11.15.02.05.05.11.06.18.02.06.02.13.02.19v2.02h-.64V4.27L2.1 2.53l.05 11.1 3.57-1.95V9.67h.64v2.01c0 .07 0 .13-.02.2-.01.06-.04.12-.06.18-.03.06-.07.11-.11.15-.04.04-.08.08-.13.11l-3.82 2.17c-.06.03-.14.05-.2.06-.08 0-.15-.02-.21-.05-.05-.02-.1-.06-.15-.1-.04-.05-.08-.1-.11-.16l-.05-.19-.04-11.94c0-.1.01-.19.04-.27.02-.09.07-.16.11-.23l.13-.16.17.09zM13.9 2.53l-3.62 1.74v2.02h-.64V4.27c0-.06 0-.13.02-.19.01-.07.04-.13.06-.18.03-.06.07-.11.11-.15.04-.04.08-.08.13-.11h.01l4.29-2.19.13.16c.04.07.09.14.11.23.03.08.04.17.04.26l-.04 11.95-.05.19c-.03.06-.07.11-.11.16-.05.04-.1.08-.15.1-.06.03-.13.05-.21.05a.762.762 0 0 1-.2-.06l-3.82-2.17c-.05-.03-.09-.07-.13-.11a.583.583 0 0 1-.11-.15c-.02-.06-.05-.12-.06-.18-.02-.07-.02-.13-.02-.2V9.67h.64v2.01l3.57 1.95.05-11.1z" }),
316
345
  h("path", { d: "m13.31 7.98-2.34-2.69v1.99H5.03V5.29L2.79 7.98l2.24 2.69v-2h5.94v2z" })));
@@ -339,6 +368,9 @@ const ShowOnlyNearby = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", vi
339
368
  const Snapshots = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "snapshots" },
340
369
  h("path", { d: "M13.5,2h-3A1.5,1.5,0,0,0,9,3.5v2A1.5,1.5,0,0,0,10.5,7h3A1.5,1.5,0,0,0,15,5.5v-2A1.5,1.5,0,0,0,13.5,2ZM14,5.5a.5.5,0,0,1-.5.5h-3a.5.5,0,0,1-.5-.5v-2a.5.5,0,0,1,.5-.5h3a.5.5,0,0,1,.5.5ZM13.5,9h-3A1.5,1.5,0,0,0,9,10.5v2A1.5,1.5,0,0,0,10.5,14h3A1.5,1.5,0,0,0,15,12.5v-2A1.5,1.5,0,0,0,13.5,9Zm.5,3.5a.5.5,0,0,1-.5.5h-3a.5.5,0,0,1-.5-.5v-2a.5.5,0,0,1,.5-.5h3a.5.5,0,0,1,.5.5ZM5.5,9h-3A1.5,1.5,0,0,0,1,10.5v2A1.5,1.5,0,0,0,2.5,14h3A1.5,1.5,0,0,0,7,12.5v-2A1.5,1.5,0,0,0,5.5,9ZM6,12.5a.5.5,0,0,1-.5.5h-3a.5.5,0,0,1-.5-.5v-2a.5.5,0,0,1,.5-.5h3a.5.5,0,0,1,.5.5ZM5.5,2h-3A1.5,1.5,0,0,0,1,3.5v2A1.5,1.5,0,0,0,2.5,7h3A1.5,1.5,0,0,0,7,5.5v-2A1.5,1.5,0,0,0,5.5,2ZM6,5.5a.5.5,0,0,1-.5.5h-3A.5.5,0,0,1,2,5.5v-2A.5.5,0,0,1,2.5,3h3a.5.5,0,0,1,.5.5Z" })));
341
370
 
371
+ const SquareDotOutline = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "square-dot-outline" },
372
+ h("path", { d: "M11 4.53c0-.28-.22-.5-.5-.5L4.51 4a.47.47 0 0 0-.35.15.51.51 0 0 0-.15.35v6.02c0 .28.22.5.5.5l5.99.03c.13 0 .26-.05.35-.15a.51.51 0 0 0 .15-.35V4.53Zm-1 5.52-4.99-.03V5l4.99.03v5.02ZM3.5 13c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.23-.5-.5-.5ZM5.49 13c-.28 0-.5.22-.5.5s.22.5.5.5h.01c.28 0 .5-.22.5-.5s-.23-.5-.51-.5ZM1.5 7c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM1.5 9c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM1.5 11c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM1.5 13c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM7.5 13c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.23-.5-.5-.5ZM9.5 13c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.23-.5-.5-.5ZM11.49 13c-.28 0-.5.22-.5.5s.22.5.5.5h.01c.28 0 .5-.22.5-.5s-.23-.5-.51-.5ZM13.5 13c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.23-.5-.5-.5ZM1.5 5c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM1.5 3c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM13.5 7c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM13.5 9c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM13.5 11c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM13.5 5c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM13.5 3c-.28 0-.5.22-.5.5 0 .29.22.5.5.5s.5-.23.5-.5-.22-.5-.5-.5ZM7.5 2c.28 0 .5-.22.5-.5 0-.29-.22-.5-.5-.5s-.5.23-.5.5.22.5.5.5ZM1.51 1H1.5c-.28 0-.5.22-.5.5s.23.5.51.5.5-.22.5-.5-.22-.5-.5-.5ZM3.5 1c-.28 0-.5.22-.5.5s.23.5.5.5.5-.22.5-.5-.22-.5-.5-.5ZM5.51 2c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H5.5c-.28 0-.5.22-.5.5s.23.5.51.5ZM13.5 1c-.28 0-.5.23-.5.5s.22.5.5.5.5-.22.5-.5c0-.29-.22-.5-.5-.5ZM9.5 2c.28 0 .5-.22.5-.5S9.78 1 9.5 1s-.5.22-.5.5.23.5.5.5ZM11.5 1h-.01c-.28 0-.5.22-.5.5s.23.5.51.5.5-.22.5-.5-.22-.5-.5-.5Z" })));
373
+
342
374
  const Star = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "star" },
343
375
  h("path", { d: "M14.78,6.43a.49.49,0,0,0-.4-.34l-4.1-.6L8.45,1.78a.5.5,0,0,0-.9,0L5.72,5.49l-4.1.6a.49.49,0,0,0-.4.34.5.5,0,0,0,.12.51l3,2.89-.7,4.09a.48.48,0,0,0,.2.48.47.47,0,0,0,.52,0L8,12.52l3.67,1.92a.47.47,0,0,0,.52,0,.48.48,0,0,0,.2-.48l-.7-4.09,3-2.89A.5.5,0,0,0,14.78,6.43Zm-4,2.87a.49.49,0,0,0-.15.44l.57,3.35-3-1.58a.47.47,0,0,0-.46,0l-3,1.58.57-3.35a.49.49,0,0,0-.15-.44L2.77,6.93l3.35-.48a.52.52,0,0,0,.38-.28l1.5-3,1.5,3a.52.52,0,0,0,.38.28l3.35.48Z" })));
344
376
 
@@ -359,9 +391,15 @@ const TeleportToward = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", vi
359
391
  const Turtle = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "turtle" },
360
392
  h("path", { d: "M13.5,5a.5.5,0,0,0-.35.85.5.5,0,1,0,.7-.7A.47.47,0,0,0,13.5,5Zm2.18-.92a2.15,2.15,0,0,0-.43-.74A1.08,1.08,0,0,0,14.5,3h-2a1.08,1.08,0,0,0-.75.34,2.67,2.67,0,0,0-.57,1.22c0,.06,0,.15,0,.22a3.85,3.85,0,0,0-1.06-1.07A4.62,4.62,0,0,0,7.5,3a4.93,4.93,0,0,0-3.2,1,6.24,6.24,0,0,0-2,3.43A9.75,9.75,0,0,0,2,9.18l-1.73.87A.5.5,0,0,0,.5,11H3.33l.27.18-.55,1.1a.51.51,0,0,0,0,.48A.52.52,0,0,0,3.5,13h2a.51.51,0,0,0,.5-.5v-.6a11,11,0,0,0,1.5.1,7.78,7.78,0,0,0,2.5-.38v.88a.51.51,0,0,0,.5.5h2a.52.52,0,0,0,.43-.24.51.51,0,0,0,0-.48l-.89-1.78A6.11,6.11,0,0,0,13.86,8H15.5a.51.51,0,0,0,.5-.5v-1A7.36,7.36,0,0,0,15.68,4.08ZM3,9.17H3A8,8,0,0,1,3.7,6.43,4.48,4.48,0,0,1,5,4.74,4,4,0,0,1,7.5,4a3.55,3.55,0,0,1,2,.54,3.27,3.27,0,0,1,1.27,1.84,4.72,4.72,0,0,1,.17.81,1.7,1.7,0,0,1,0,.21,3.75,3.75,0,0,1-1.72,2,5.38,5.38,0,0,1-2.47.53A10.75,10.75,0,0,1,4,9.46C3.57,9.36,3.25,9.25,3,9.17ZM5,12H4.31l.21-.42.48.14Zm6,0v-.72a.24.24,0,0,0,0-.08l.24-.13.46.93Zm4-5H13.5a.51.51,0,0,0-.49.38h0a4.78,4.78,0,0,1-1.09,1.88A5.71,5.71,0,0,1,7.5,11a8.87,8.87,0,0,1-2.1-.22,9.13,9.13,0,0,0,1.4.11,6.27,6.27,0,0,0,2.94-.65A4.78,4.78,0,0,0,12,7.7h0l0-.19v-1a6.55,6.55,0,0,1,.26-2.08A1.38,1.38,0,0,1,12.47,4l0,0h2a.41.41,0,0,1,.11.12A5.06,5.06,0,0,1,15,6.5Z" })));
361
393
 
394
+ const Update = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "update" },
395
+ h("path", { d: "M11.27 12.42A5.5 5.5 0 0 1 2.5 8H4L2 5 0 8h1.5A6.5 6.5 0 0 0 8 14.5a6.42 6.42 0 0 0 3.87-1.28.5.5 0 1 0-.6-.8ZM14.5 8A6.5 6.5 0 0 0 8 1.5a6.42 6.42 0 0 0-3.87 1.28.5.5 0 0 0 .6.8A5.5 5.5 0 0 1 13.5 8H12l2 3 2-3h-1.5Z" })));
396
+
362
397
  const VersionHistory = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "version-history" },
363
398
  h("path", { d: "M7.91,5.5a.5.5,0,0,0-.5.5V8.94l1.21,1.39a.5.5,0,0,0,.76-.66l-1-1.11V6A.5.5,0,0,0,7.91,5.5ZM8,1.5A6.5,6.5,0,0,0,1.5,8H0l2,3L4,8H2.5a5.5,5.5,0,1,1,2.23,4.42.5.5,0,0,0-.7.1.5.5,0,0,0,.1.7A6.42,6.42,0,0,0,8,14.5a6.5,6.5,0,0,0,0-13Z" })));
364
399
 
400
+ const Views = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "views" },
401
+ h("path", { d: "M12.49 5.97v-.03c0-.07-.02-.13-.05-.19a.27.27 0 0 0-.07-.08.284.284 0 0 0-.1-.09c-.02-.01-.02-.03-.04-.04L8.27 3.56a.508.508 0 0 0-.45 0L3.9 5.51c-.11.03-.21.11-.28.22l-.02.02-.01.02c-.03.07-.05.13-.05.2 0 .01-.01.02-.01.04v4.63c0 .19.11.36.28.45l4 1.99h.01a.465.465 0 0 0 .42 0h.01l3.97-1.96a.5.5 0 0 0 .28-.45L12.48 6l.01-.03ZM8.04 4.55l2.84 1.42-2.83 1.45-2.88-1.44 2.87-1.43ZM4.53 6.78l3 1.5v3.52l-3-1.5V6.77v.01Zm4.01 5.02V8.29l2.96-1.51v3.55L8.54 11.8ZM1.5 5c-.28 0-.5-.22-.5-.5V1h3.5c.28 0 .5.22.5.5s-.22.5-.5.5H2v2.5c0 .28-.22.5-.5.5Zm0 5.99c-.28 0-.5.22-.5.5v3.5h3.5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5H2v-2.5c0-.28-.22-.5-.5-.5ZM14.5 5c.28 0 .5-.22.5-.5V1h-3.5c-.28 0-.5.22-.5.5s.22.5.5.5H14v2.5c0 .28.22.5.5.5Zm0 5.99c.28 0 .5.22.5.5v3.5h-3.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H14v-2.5c0-.28.22-.5.5-.5Z" })));
402
+
365
403
  const VisibilityHidden = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-testid": "visibility-hidden" },
366
404
  h("path", { d: "M13.35,2.65a.48.48,0,0,0-.7,0l-.78.77a8.71,8.71,0,0,0-8.52.41A6.57,6.57,0,0,0,.51,7.89v.22a6.58,6.58,0,0,0,2.71,4l-.57.58a.49.49,0,0,0,.7.7l10-10A.48.48,0,0,0,13.35,2.65ZM9.73,5.56A3,3,0,0,0,5.56,9.73L3.94,11.35l0,0A5.49,5.49,0,0,1,1.53,8,5.49,5.49,0,0,1,3.9,4.67,7.52,7.52,0,0,1,8,3.5a7.67,7.67,0,0,1,3.12.67Zm3.61-1.2-.72.72A5.45,5.45,0,0,1,14.47,8a5.49,5.49,0,0,1-2.37,3.33A7.52,7.52,0,0,1,8,12.5a8.15,8.15,0,0,1-2.41-.38l-.78.78A8.9,8.9,0,0,0,8,13.5a8.53,8.53,0,0,0,4.65-1.33,6.57,6.57,0,0,0,2.84-4.06V7.89A6.56,6.56,0,0,0,13.34,4.36Z" })));
367
405
 
@@ -434,6 +472,8 @@ function getSvg(name) {
434
472
  return h(CaretRight, null);
435
473
  case 'caret-up':
436
474
  return h(CaretUp, null);
475
+ case 'caution':
476
+ return h(Caution, null);
437
477
  case 'check':
438
478
  return h(Check, null);
439
479
  case 'check-circle':
@@ -468,6 +508,10 @@ function getSvg(name) {
468
508
  return h(CommentResolve, null);
469
509
  case 'comment-show':
470
510
  return h(CommentShow, null);
511
+ case 'compare':
512
+ return h(Compare, null);
513
+ case 'compress':
514
+ return h(Compress, null);
471
515
  case 'copy':
472
516
  return h(Copy, null);
473
517
  case 'cross-section':
@@ -476,6 +520,8 @@ function getSvg(name) {
476
520
  return h(CubeOrthographic, null);
477
521
  case 'cube-perspective':
478
522
  return h(CubePerspective, null);
523
+ case 'cube-stack':
524
+ return h(CubeStack, null);
479
525
  case 'delete':
480
526
  return h(Delete, null);
481
527
  case 'download':
@@ -486,6 +532,8 @@ function getSvg(name) {
486
532
  return h(Ellipse, null);
487
533
  case 'error-circle':
488
534
  return h(ErrorCircle, null);
535
+ case 'expand':
536
+ return h(Expand, null);
489
537
  case 'expand-all':
490
538
  return h(ExpandAll, null);
491
539
  case 'export':
@@ -556,8 +604,14 @@ function getSvg(name) {
556
604
  return h(PinText, null);
557
605
  case 'pin-text-fill':
558
606
  return h(PinTextFill, null);
607
+ case 'pin-text-square':
608
+ return h(PinTextSquare, null);
559
609
  case 'plus':
560
610
  return h(Plus, null);
611
+ case 'plus-with-arrow':
612
+ return h(PlusWithArrow, null);
613
+ case 'pmi':
614
+ return h(PMI, null);
561
615
  case 'precise-measurement':
562
616
  return h(PreciseMeasurement, null);
563
617
  case 'rabbit':
@@ -578,6 +632,8 @@ function getSvg(name) {
578
632
  return h(Snapshots, null);
579
633
  case 'star':
580
634
  return h(Star, null);
635
+ case 'square-dot-outline':
636
+ return h(SquareDotOutline, null);
581
637
  case 'tape-measure':
582
638
  return h(TapeMeasure, null);
583
639
  case 'teleport-and-align':
@@ -588,8 +644,12 @@ function getSvg(name) {
588
644
  return h(Teleport, null);
589
645
  case 'turtle':
590
646
  return h(Turtle, null);
647
+ case 'update':
648
+ return h(Update, null);
591
649
  case 'version-history':
592
650
  return h(VersionHistory, null);
651
+ case 'views':
652
+ return h(Views, null);
593
653
  case 'visibility-hidden':
594
654
  return h(VisibilityHidden, null);
595
655
  case 'visibility-partial':