@vertexvis/ui 0.0.16-canary.0 → 0.1.0-canary.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{auto-resize-textarea-56a57fd3.js → auto-resize-textarea-deb05359.js} +2 -14
- package/dist/cjs/button-edd366d8.js +67 -0
- package/dist/cjs/components.cjs.js +1 -1
- package/dist/cjs/{draggable-popover-ee0db70b.js → draggable-popover-edf23d3a.js} +4 -9
- package/dist/cjs/{icon-092d8624.js → icon-53d62a46.js} +1 -1
- package/dist/cjs/icon-button-f868bf06.js +43 -0
- package/dist/cjs/{icon-helper-546f9a04.js → icon-helper-caf2699e.js} +2 -2
- package/dist/cjs/index.cjs.js +14 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{menu-0579351b.js → menu-d1ecf43b.js} +4 -3
- package/dist/cjs/popover-d9ec8e10.js +1684 -0
- package/dist/cjs/{result-list-77ba2fa9.js → result-list-1e592c3c.js} +1 -1
- package/dist/cjs/{search-bar-81ca45b3.js → search-bar-bb40cfa7.js} +1 -1
- package/dist/cjs/slots-fb5ac359.js +29 -0
- package/dist/cjs/{templates-4e22ccc0.js → templates-e7b3ffbb.js} +3 -32
- package/dist/cjs/tooltip-31b596f5.js +2152 -0
- package/dist/cjs/tslib.es6-838fd860.js +68 -0
- package/dist/cjs/vertex-auto-resize-textarea.cjs.entry.js +2 -1
- package/dist/cjs/vertex-button.cjs.entry.js +1 -1
- package/dist/cjs/vertex-draggable-popover.cjs.entry.js +1 -1
- package/dist/cjs/vertex-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/vertex-icon.cjs.entry.js +2 -2
- package/dist/cjs/vertex-menu.cjs.entry.js +1 -1
- package/dist/cjs/vertex-popover.cjs.entry.js +1 -1
- package/dist/cjs/vertex-result-list.cjs.entry.js +3 -2
- package/dist/cjs/vertex-search-bar.cjs.entry.js +3 -2
- package/dist/cjs/vertex-tooltip.cjs.entry.js +3 -1
- package/dist/collection/components/button/button.css +17 -3
- package/dist/collection/components/draggable-popover/draggable-popover.js +4 -9
- package/dist/collection/components/dropdown-menu/dropdown-menu.js +1 -1
- package/dist/collection/components/help-tooltip/help-tooltip.js +1 -1
- package/dist/collection/components/icon/icons/invert.js +1 -1
- package/dist/collection/components/icon-button/icon-button.css +14 -3
- package/dist/collection/components/menu/menu.js +28 -4
- package/dist/collection/components/popover/middleware.js +26 -0
- package/dist/collection/components/popover/popover.css +1 -1
- package/dist/collection/components/popover/popover.js +147 -115
- package/dist/collection/components/popover/util.js +9 -0
- package/dist/collection/components/result-list/result-list.js +1 -1
- package/dist/collection/components/search-bar/search-bar.js +1 -1
- package/dist/collection/components/tooltip/tooltip.css +4 -0
- package/dist/collection/components/tooltip/tooltip.js +60 -4
- package/dist/collection/util/components/dom.js +10 -0
- package/dist/collection/util/components/slots.js +12 -0
- package/dist/components/components.css +1 -1
- package/dist/components/components.esm.js +1 -1
- package/dist/components/index.esm.js +1 -1
- package/dist/components/p-0517ca62.entry.js +1 -0
- package/dist/components/p-1356f525.js +1 -0
- package/dist/components/{p-73e2e8f4.js → p-17b97932.js} +1 -1
- package/dist/components/p-19318fee.entry.js +1 -0
- package/dist/components/p-41a7564c.js +1 -0
- package/dist/components/{p-5a93c1b6.js → p-4224c2ad.js} +1 -1
- package/dist/components/p-45cfd66e.entry.js +1 -0
- package/dist/components/{p-60ca5d84.js → p-52739247.js} +1 -1
- package/dist/components/p-59032668.js +1 -0
- package/dist/components/p-64e8b92c.js +1 -0
- package/dist/components/p-6505cdb3.js +1 -0
- package/dist/components/p-79fd6fb6.entry.js +1 -0
- package/dist/components/p-7b75e004.js +1 -0
- package/dist/components/{p-ddb5a066.js → p-94168b92.js} +1 -1
- package/dist/components/p-9c384f6c.entry.js +1 -0
- package/dist/components/p-ae6a3c46.entry.js +1 -0
- package/dist/components/p-b2c7b113.js +1 -0
- package/dist/components/p-bec53c3a.js +1 -0
- package/dist/components/p-da0a7b57.js +1 -0
- package/dist/components/p-e576818b.entry.js +1 -0
- package/dist/components/p-e7336466.entry.js +1 -0
- package/dist/components/p-ee8b96b2.js +1 -0
- package/dist/components/p-f900d0f4.entry.js +1 -0
- package/dist/components/p-fca52578.entry.js +1 -0
- package/dist/esm/{auto-resize-textarea-ac4b5f3b.js → auto-resize-textarea-087fecdb.js} +1 -13
- package/dist/esm/button-547336b8.js +65 -0
- package/dist/esm/components.js +1 -1
- package/dist/esm/{draggable-popover-5f14cca5.js → draggable-popover-8ef3aec6.js} +4 -9
- package/dist/esm/{icon-a2d4cafb.js → icon-2630793d.js} +1 -1
- package/dist/esm/icon-button-25edf617.js +41 -0
- package/dist/esm/{icon-helper-aa2001ba.js → icon-helper-10a99d95.js} +2 -2
- package/dist/esm/index.js +14 -12
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{menu-f35637ca.js → menu-daa7f9c9.js} +4 -3
- package/dist/esm/popover-67c88e4b.js +1682 -0
- package/dist/esm/{result-list-9c83f22a.js → result-list-36cfb08a.js} +1 -1
- package/dist/esm/{search-bar-600fb8d9.js → search-bar-59cc151d.js} +1 -1
- package/dist/esm/slots-fbb5afb3.js +26 -0
- package/dist/esm/{templates-51212dae.js → templates-797420bf.js} +1 -30
- package/dist/esm/tooltip-14b65fb5.js +2150 -0
- package/dist/esm/tslib.es6-99cd0de8.js +65 -0
- package/dist/esm/vertex-auto-resize-textarea.entry.js +2 -1
- package/dist/esm/vertex-button.entry.js +1 -1
- package/dist/esm/vertex-draggable-popover.entry.js +1 -1
- package/dist/esm/vertex-icon-button.entry.js +2 -2
- package/dist/esm/vertex-icon.entry.js +2 -2
- package/dist/esm/vertex-menu.entry.js +1 -1
- package/dist/esm/vertex-popover.entry.js +1 -1
- package/dist/esm/vertex-result-list.entry.js +3 -2
- package/dist/esm/vertex-search-bar.entry.js +3 -2
- package/dist/esm/vertex-tooltip.entry.js +3 -1
- package/dist/types/components/menu/menu.d.ts +2 -1
- package/dist/types/components/popover/middleware.d.ts +3 -0
- package/dist/types/components/popover/popover.d.ts +39 -23
- package/dist/types/components/popover/util.d.ts +2 -0
- package/dist/types/components/tooltip/tooltip.d.ts +10 -0
- package/dist/types/components.d.ts +31 -15
- package/dist/types/util/components/dom.d.ts +3 -0
- package/dist/types/util/components/slots.d.ts +1 -0
- package/package.json +5 -4
- package/dist/cjs/button-76a9db69.js +0 -67
- package/dist/cjs/icon-button-0671f42e.js +0 -43
- package/dist/cjs/popover-34e1a386.js +0 -2029
- package/dist/cjs/tooltip-afebbca8.js +0 -46
- package/dist/components/p-0ec0a007.entry.js +0 -1
- package/dist/components/p-30f5b948.entry.js +0 -1
- package/dist/components/p-4226645b.js +0 -1
- package/dist/components/p-58f8a354.js +0 -1
- package/dist/components/p-76ef57b9.js +0 -1
- package/dist/components/p-7c31f30e.js +0 -1
- package/dist/components/p-852be06f.js +0 -1
- package/dist/components/p-8764954b.js +0 -1
- package/dist/components/p-87de6fc5.js +0 -1
- package/dist/components/p-939391df.entry.js +0 -1
- package/dist/components/p-990852f6.entry.js +0 -1
- package/dist/components/p-9a46c8b6.entry.js +0 -1
- package/dist/components/p-a1d160cc.entry.js +0 -1
- package/dist/components/p-c8df41df.entry.js +0 -1
- package/dist/components/p-dd94aaef.entry.js +0 -1
- package/dist/components/p-e8e6ee3f.js +0 -1
- package/dist/components/p-eff16591.entry.js +0 -1
- package/dist/components/p-f98b2ecb.entry.js +0 -1
- package/dist/esm/button-f9ac74e4.js +0 -65
- package/dist/esm/icon-button-53bc2b56.js +0 -41
- package/dist/esm/popover-4375db1b.js +0 -2027
- package/dist/esm/tooltip-e78d2c7a.js +0 -44
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const index = require('./index-6a92256c.js');
|
|
4
|
-
const index$1 = require('./index-e1b40fa6.js');
|
|
5
|
-
|
|
6
|
-
const tooltipCss = ":host{--tooltip-width:auto;--tooltip-white-space:normal;display:flex}.popover{width:100%;height:100%}.target{display:flex}.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}";
|
|
7
|
-
|
|
8
|
-
const TOOLTIP_OPEN_DELAY = 500;
|
|
9
|
-
const Tooltip = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
index.registerInstance(this, hostRef);
|
|
12
|
-
this.content = undefined;
|
|
13
|
-
this.disabled = undefined;
|
|
14
|
-
this.placement = 'bottom';
|
|
15
|
-
this.delay = TOOLTIP_OPEN_DELAY;
|
|
16
|
-
this.animated = true;
|
|
17
|
-
this.open = false;
|
|
18
|
-
this.handlePointerEnter = this.handlePointerEnter.bind(this);
|
|
19
|
-
this.handlePointerLeave = this.handlePointerLeave.bind(this);
|
|
20
|
-
}
|
|
21
|
-
render() {
|
|
22
|
-
var _a;
|
|
23
|
-
return (index.h("vertex-popover", { class: "popover", open: this.open, resizeBehavior: "fixed", backdrop: false, placement: this.placement, animated: this.animated }, index.h("div", { slot: "anchor", class: "target", onPointerEnter: this.handlePointerEnter, onPointerLeave: this.handlePointerLeave }, index.h("slot", null)), index.h("div", { class: index$1.classnames('tooltip', { hidden: !this.open || this.disabled }) }, (_a = this.content) !== null && _a !== void 0 ? _a : index.h("slot", { name: "content" }))));
|
|
24
|
-
}
|
|
25
|
-
handlePointerEnter() {
|
|
26
|
-
if (this.openTimeout == null) {
|
|
27
|
-
this.openTimeout = setTimeout(() => {
|
|
28
|
-
this.open = true;
|
|
29
|
-
this.openTimeout = undefined;
|
|
30
|
-
}, this.delay);
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
handlePointerLeave() {
|
|
34
|
-
this.clearOpenTimeout();
|
|
35
|
-
this.open = false;
|
|
36
|
-
}
|
|
37
|
-
clearOpenTimeout() {
|
|
38
|
-
if (this.openTimeout != null) {
|
|
39
|
-
clearTimeout(this.openTimeout);
|
|
40
|
-
this.openTimeout = undefined;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
Tooltip.style = tooltipCss;
|
|
45
|
-
|
|
46
|
-
exports.Tooltip = Tooltip;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{P as vertex_popover}from"./p-4226645b.js";import"./p-6834631c.js";import"./p-fe062eb0.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{I as vertex_icon_button}from"./p-76ef57b9.js";import"./p-6834631c.js";import"./p-fe062eb0.js";import"./p-ddb5a066.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,e as n,h as e,H as i,g as o}from"./p-6834631c.js";import{c as r}from"./p-fe062eb0.js";var a="top",s="bottom",u="right",f="left",c="auto",l=[a,s,u,f],d="start",h="end",p="viewport",v="popper",m=l.reduce((function(t,n){return t.concat([n+"-"+d,n+"-"+h])}),[]),b=[].concat(l,[c]).reduce((function(t,n){return t.concat([n,n+"-"+d,n+"-"+h])}),[]),y=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function g(t){return t?(t.nodeName||"").toLowerCase():null}function w(t){if(null==t)return window;if("[object Window]"!==t.toString()){var n=t.ownerDocument;return n&&n.defaultView||window}return t}function x(t){return t instanceof w(t).Element||t instanceof Element}function O(t){return t instanceof w(t).HTMLElement||t instanceof HTMLElement}function j(t){return"undefined"!=typeof ShadowRoot&&(t instanceof w(t).ShadowRoot||t instanceof ShadowRoot)}function k(t){return t.split("-")[0]}var P=Math.max,A=Math.min,M=Math.round;function E(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function S(){return!/^((?!chrome|android).)*safari/i.test(E())}function z(t,n,e){void 0===n&&(n=!1),void 0===e&&(e=!1);var i=t.getBoundingClientRect(),o=1,r=1;n&&O(t)&&(o=t.offsetWidth>0&&M(i.width)/t.offsetWidth||1,r=t.offsetHeight>0&&M(i.height)/t.offsetHeight||1);var a=(x(t)?w(t):window).visualViewport,s=!S()&&e,u=(i.left+(s&&a?a.offsetLeft:0))/o,f=(i.top+(s&&a?a.offsetTop:0))/r,c=i.width/o,l=i.height/r;return{width:c,height:l,top:f,right:u+c,bottom:f+l,left:u,x:u,y:f}}function R(t){var n=z(t),e=t.offsetWidth,i=t.offsetHeight;return Math.abs(n.width-e)<=1&&(e=n.width),Math.abs(n.height-i)<=1&&(i=n.height),{x:t.offsetLeft,y:t.offsetTop,width:e,height:i}}function T(t,n){var e=n.getRootNode&&n.getRootNode();if(t.contains(n))return!0;if(e&&j(e)){var i=n;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}function q(t){return w(t).getComputedStyle(t)}function B(t){return["table","td","th"].indexOf(g(t))>=0}function W(t){return((x(t)?t.ownerDocument:t.document)||window.document).documentElement}function C(t){return"html"===g(t)?t:t.assignedSlot||t.parentNode||(j(t)?t.host:null)||W(t)}function L(t){return O(t)&&"fixed"!==q(t).position?t.offsetParent:null}function H(t){for(var n=w(t),e=L(t);e&&B(e)&&"static"===q(e).position;)e=L(e);return e&&("html"===g(e)||"body"===g(e)&&"static"===q(e).position)?n:e||function(t){var n=/firefox/i.test(E());if(/Trident/i.test(E())&&O(t)&&"fixed"===q(t).position)return null;var e=C(t);for(j(e)&&(e=e.host);O(e)&&["html","body"].indexOf(g(e))<0;){var i=q(e);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||n&&"filter"===i.willChange||n&&i.filter&&"none"!==i.filter)return e;e=e.parentNode}return null}(t)||n}function D(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function I(t,n,e){return P(t,A(n,e))}function X(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function Y(t,n){return n.reduce((function(n,e){return n[e]=t,n}),{})}function U(t){return t.split("-")[1]}var F={top:"auto",right:"auto",bottom:"auto",left:"auto"};function V(t){var n,e=t.popper,i=t.popperRect,o=t.placement,r=t.variation,c=t.offsets,l=t.position,d=t.gpuAcceleration,p=t.adaptive,v=t.roundOffsets,m=t.isFixed,b=c.x,y=void 0===b?0:b,g=c.y,x=void 0===g?0:g,O="function"==typeof v?v({x:y,y:x}):{x:y,y:x};y=O.x,x=O.y;var j=c.hasOwnProperty("x"),k=c.hasOwnProperty("y"),P=f,A=a,E=window;if(p){var S=H(e),z="clientHeight",R="clientWidth";S===w(e)&&"static"!==q(S=W(e)).position&&"absolute"===l&&(z="scrollHeight",R="scrollWidth"),(o===a||(o===f||o===u)&&r===h)&&(A=s,x-=(m&&S===E&&E.visualViewport?E.visualViewport.height:S[z])-i.height,x*=d?1:-1),o!==f&&(o!==a&&o!==s||r!==h)||(P=u,y-=(m&&S===E&&E.visualViewport?E.visualViewport.width:S[R])-i.width,y*=d?1:-1)}var T,B=Object.assign({position:l},p&&F),C=!0===v?function(t,n){var e=t.y,i=n.devicePixelRatio||1;return{x:M(t.x*i)/i||0,y:M(e*i)/i||0}}({x:y,y:x},w(e)):{x:y,y:x};return y=C.x,x=C.y,Object.assign({},B,d?((T={})[A]=k?"0":"",T[P]=j?"0":"",T.transform=(E.devicePixelRatio||1)<=1?"translate("+y+"px, "+x+"px)":"translate3d("+y+"px, "+x+"px, 0)",T):((n={})[A]=k?x+"px":"",n[P]=j?y+"px":"",n.transform="",n))}var $={passive:!0},J={left:"right",right:"left",bottom:"top",top:"bottom"};function N(t){return t.replace(/left|right|bottom|top/g,(function(t){return J[t]}))}var _={start:"end",end:"start"};function G(t){return t.replace(/start|end/g,(function(t){return _[t]}))}function K(t){var n=w(t);return{scrollLeft:n.pageXOffset,scrollTop:n.pageYOffset}}function Q(t){return z(W(t)).left+K(t).scrollLeft}function Z(t){var n=q(t);return/auto|scroll|overlay|hidden/.test(n.overflow+n.overflowY+n.overflowX)}function tt(t){return["html","body","#document"].indexOf(g(t))>=0?t.ownerDocument.body:O(t)&&Z(t)?t:tt(C(t))}function nt(t,n){var e;void 0===n&&(n=[]);var i=tt(t),o=i===(null==(e=t.ownerDocument)?void 0:e.body),r=w(i),a=o?[r].concat(r.visualViewport||[],Z(i)?i:[]):i,s=n.concat(a);return o?s:s.concat(nt(C(a)))}function et(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function it(t,n,e){return n===p?et(function(t,n){var e=w(t),i=W(t),o=e.visualViewport,r=i.clientWidth,a=i.clientHeight,s=0,u=0;if(o){r=o.width,a=o.height;var f=S();(f||!f&&"fixed"===n)&&(s=o.offsetLeft,u=o.offsetTop)}return{width:r,height:a,x:s+Q(t),y:u}}(t,e)):x(n)?function(t,n){var e=z(t,!1,"fixed"===n);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}(n,e):et(function(t){var n,e=W(t),i=K(t),o=null==(n=t.ownerDocument)?void 0:n.body,r=P(e.scrollWidth,e.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=P(e.scrollHeight,e.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-i.scrollLeft+Q(t),u=-i.scrollTop;return"rtl"===q(o||e).direction&&(s+=P(e.clientWidth,o?o.clientWidth:0)-r),{width:r,height:a,x:s,y:u}}(W(t)))}function ot(t){var n,e=t.reference,i=t.element,o=t.placement,r=o?k(o):null,c=o?U(o):null,l=e.x+e.width/2-i.width/2,p=e.y+e.height/2-i.height/2;switch(r){case a:n={x:l,y:e.y-i.height};break;case s:n={x:l,y:e.y+e.height};break;case u:n={x:e.x+e.width,y:p};break;case f:n={x:e.x-i.width,y:p};break;default:n={x:e.x,y:e.y}}var v=r?D(r):null;if(null!=v){var m="y"===v?"height":"width";switch(c){case d:n[v]=n[v]-(e[m]/2-i[m]/2);break;case h:n[v]=n[v]+(e[m]/2-i[m]/2)}}return n}function rt(t,n){void 0===n&&(n={});var e=n.placement,i=void 0===e?t.placement:e,o=n.strategy,r=void 0===o?t.strategy:o,f=n.boundary,c=void 0===f?"clippingParents":f,d=n.rootBoundary,h=void 0===d?p:d,m=n.elementContext,b=void 0===m?v:m,y=n.altBoundary,w=void 0!==y&&y,j=n.padding,k=void 0===j?0:j,M=X("number"!=typeof k?k:Y(k,l)),E=t.rects.popper,S=t.elements[w?b===v?"reference":v:b],R=function(t,n,e,i){var o="clippingParents"===n?function(t){var n=nt(C(t)),e=["absolute","fixed"].indexOf(q(t).position)>=0&&O(t)?H(t):t;return x(e)?n.filter((function(t){return x(t)&&T(t,e)&&"body"!==g(t)})):[]}(t):[].concat(n),r=[].concat(o,[e]),a=r.reduce((function(n,e){var o=it(t,e,i);return n.top=P(o.top,n.top),n.right=A(o.right,n.right),n.bottom=A(o.bottom,n.bottom),n.left=P(o.left,n.left),n}),it(t,r[0],i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(x(S)?S:S.contextElement||W(t.elements.popper),c,h,r),B=z(t.elements.reference),L=ot({reference:B,element:E,strategy:"absolute",placement:i}),D=et(Object.assign({},E,L)),I=b===v?D:B,U={top:R.top-I.top+M.top,bottom:I.bottom-R.bottom+M.bottom,left:R.left-I.left+M.left,right:I.right-R.right+M.right},F=t.modifiersData.offset;if(b===v&&F){var V=F[i];Object.keys(U).forEach((function(t){var n=[u,s].indexOf(t)>=0?1:-1,e=[a,s].indexOf(t)>=0?"y":"x";U[t]+=V[e]*n}))}return U}function at(t,n){void 0===n&&(n={});var e=n.boundary,i=n.rootBoundary,o=n.padding,r=n.flipVariations,a=n.allowedAutoPlacements,s=void 0===a?b:a,u=U(n.placement),f=u?r?m:m.filter((function(t){return U(t)===u})):l,c=f.filter((function(t){return s.indexOf(t)>=0}));0===c.length&&(c=f);var d=c.reduce((function(n,r){return n[r]=rt(t,{placement:r,boundary:e,rootBoundary:i,padding:o})[k(r)],n}),{});return Object.keys(d).sort((function(t,n){return d[t]-d[n]}))}const st={name:"flip",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,i=t.name;if(!n.modifiersData[i]._skip){for(var o=e.mainAxis,r=void 0===o||o,l=e.altAxis,h=void 0===l||l,p=e.fallbackPlacements,v=e.padding,m=e.boundary,b=e.rootBoundary,y=e.altBoundary,g=e.flipVariations,w=void 0===g||g,x=e.allowedAutoPlacements,O=n.options.placement,j=k(O),P=p||(j!==O&&w?function(t){if(k(t)===c)return[];var n=N(t);return[G(t),n,G(n)]}(O):[N(O)]),A=[O].concat(P).reduce((function(t,e){return t.concat(k(e)===c?at(n,{placement:e,boundary:m,rootBoundary:b,padding:v,flipVariations:w,allowedAutoPlacements:x}):e)}),[]),M=n.rects.reference,E=n.rects.popper,S=new Map,z=!0,R=A[0],T=0;T<A.length;T++){var q=A[T],B=k(q),W=U(q)===d,C=[a,s].indexOf(B)>=0,L=C?"width":"height",H=rt(n,{placement:q,boundary:m,rootBoundary:b,altBoundary:y,padding:v}),D=C?W?u:f:W?s:a;M[L]>E[L]&&(D=N(D));var I=N(D),X=[];if(r&&X.push(H[B]<=0),h&&X.push(H[D]<=0,H[I]<=0),X.every((function(t){return t}))){R=q,z=!1;break}S.set(q,X)}if(z)for(var Y=function(t){var n=A.find((function(n){var e=S.get(n);if(e)return e.slice(0,t).every((function(t){return t}))}));if(n)return R=n,"break"},F=w?3:1;F>0&&"break"!==Y(F);F--);n.placement!==R&&(n.modifiersData[i]._skip=!0,n.placement=R,n.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function ut(t,n,e){return void 0===e&&(e={x:0,y:0}),{top:t.top-n.height-e.y,right:t.right-n.width+e.x,bottom:t.bottom-n.height+e.y,left:t.left-n.width-e.x}}function ft(t){return[a,u,s,f].some((function(n){return t[n]>=0}))}function ct(t,n,e){void 0===e&&(e=!1);var i,o,r=O(n),a=O(n)&&function(t){var n=t.getBoundingClientRect(),e=M(n.width)/t.offsetWidth||1,i=M(n.height)/t.offsetHeight||1;return 1!==e||1!==i}(n),s=W(n),u=z(t,a,e),f={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(r||!r&&!e)&&(("body"!==g(n)||Z(s))&&(f=(i=n)!==w(i)&&O(i)?{scrollLeft:(o=i).scrollLeft,scrollTop:o.scrollTop}:K(i)),O(n)?((c=z(n,!0)).x+=n.clientLeft,c.y+=n.clientTop):s&&(c.x=Q(s))),{x:u.left+f.scrollLeft-c.x,y:u.top+f.scrollTop-c.y,width:u.width,height:u.height}}function lt(t){var n=new Map,e=new Set,i=[];function o(t){e.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!e.has(t)){var i=n.get(t);i&&o(i)}})),i.push(t)}return t.forEach((function(t){n.set(t.name,t)})),t.forEach((function(t){e.has(t.name)||o(t)})),i}var dt={placement:"bottom",modifiers:[],strategy:"absolute"};function ht(){for(var t=arguments.length,n=new Array(t),e=0;e<t;e++)n[e]=arguments[e];return!n.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function pt(t){void 0===t&&(t={});var n=t.defaultModifiers,e=void 0===n?[]:n,i=t.defaultOptions,o=void 0===i?dt:i;return function(t,n,i){void 0===i&&(i=o);var r,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},dt,o),modifiersData:{},elements:{reference:t,popper:n},attributes:{},styles:{}},u=[],f=!1,c={state:s,setOptions:function(i){var r="function"==typeof i?i(s.options):i;l(),s.options=Object.assign({},o,s.options,r),s.scrollParents={reference:x(t)?nt(t):t.contextElement?nt(t.contextElement):[],popper:nt(n)};var a,f,d=function(t){var n=lt(t);return y.reduce((function(t,e){return t.concat(n.filter((function(t){return t.phase===e})))}),[])}((a=[].concat(e,s.options.modifiers),f=a.reduce((function(t,n){var e=t[n.name];return t[n.name]=e?Object.assign({},e,n,{options:Object.assign({},e.options,n.options),data:Object.assign({},e.data,n.data)}):n,t}),{}),Object.keys(f).map((function(t){return f[t]}))));return s.orderedModifiers=d.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var n=t.options,e=t.effect;if("function"==typeof e){var i=e({state:s,name:t.name,instance:c,options:void 0===n?{}:n});u.push(i||function(){})}})),c.update()},forceUpdate:function(){if(!f){var t=s.elements,n=t.reference,e=t.popper;if(ht(n,e)){s.rects={reference:ct(n,H(e),"fixed"===s.options.strategy),popper:R(e)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<s.orderedModifiers.length;i++)if(!0!==s.reset){var o=s.orderedModifiers[i],r=o.fn,a=o.options;"function"==typeof r&&(s=r({state:s,options:void 0===a?{}:a,name:o.name,instance:c})||s)}else s.reset=!1,i=-1}}},update:(r=function(){return new Promise((function(t){c.forceUpdate(),t(s)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(r())}))}))),a}),destroy:function(){l(),f=!0}};if(!ht(t,n))return c;function l(){u.forEach((function(t){return t()})),u=[]}return c.setOptions(i).then((function(t){!f&&i.onFirstUpdate&&i.onFirstUpdate(t)})),c}}var vt=pt({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var n=t.state,e=t.instance,i=t.options,o=i.scroll,r=void 0===o||o,a=i.resize,s=void 0===a||a,u=w(n.elements.popper),f=[].concat(n.scrollParents.reference,n.scrollParents.popper);return r&&f.forEach((function(t){t.addEventListener("scroll",e.update,$)})),s&&u.addEventListener("resize",e.update,$),function(){r&&f.forEach((function(t){t.removeEventListener("scroll",e.update,$)})),s&&u.removeEventListener("resize",e.update,$)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var n=t.state;n.modifiersData[t.name]=ot({reference:n.rects.reference,element:n.rects.popper,strategy:"absolute",placement:n.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var n=t.state,e=t.options,i=e.gpuAcceleration,o=void 0===i||i,r=e.adaptive,a=void 0===r||r,s=e.roundOffsets,u=void 0===s||s,f={placement:k(n.placement),variation:U(n.placement),popper:n.elements.popper,popperRect:n.rects.popper,gpuAcceleration:o,isFixed:"fixed"===n.options.strategy};null!=n.modifiersData.popperOffsets&&(n.styles.popper=Object.assign({},n.styles.popper,V(Object.assign({},f,{offsets:n.modifiersData.popperOffsets,position:n.options.strategy,adaptive:a,roundOffsets:u})))),null!=n.modifiersData.arrow&&(n.styles.arrow=Object.assign({},n.styles.arrow,V(Object.assign({},f,{offsets:n.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:u})))),n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-placement":n.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var n=t.state;Object.keys(n.elements).forEach((function(t){var e=n.styles[t]||{},i=n.attributes[t]||{},o=n.elements[t];O(o)&&g(o)&&(Object.assign(o.style,e),Object.keys(i).forEach((function(t){var n=i[t];!1===n?o.removeAttribute(t):o.setAttribute(t,!0===n?"":n)})))}))},effect:function(t){var n=t.state,e={popper:{position:n.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(n.elements.popper.style,e.popper),n.styles=e,n.elements.arrow&&Object.assign(n.elements.arrow.style,e.arrow),function(){Object.keys(n.elements).forEach((function(t){var i=n.elements[t],o=n.attributes[t]||{},r=Object.keys(n.styles.hasOwnProperty(t)?n.styles[t]:e[t]).reduce((function(t,n){return t[n]="",t}),{});O(i)&&g(i)&&(Object.assign(i.style,r),Object.keys(o).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var n=t.state,e=t.name,i=t.options.offset,o=void 0===i?[0,0]:i,r=b.reduce((function(t,e){return t[e]=function(t,n,e){var i=k(t),o=[f,a].indexOf(i)>=0?-1:1,r="function"==typeof e?e(Object.assign({},n,{placement:t})):e,s=r[0],c=r[1];return s=s||0,c=(c||0)*o,[f,u].indexOf(i)>=0?{x:c,y:s}:{x:s,y:c}}(e,n.rects,o),t}),{}),s=r[n.placement],c=s.y;null!=n.modifiersData.popperOffsets&&(n.modifiersData.popperOffsets.x+=s.x,n.modifiersData.popperOffsets.y+=c),n.modifiersData[e]=r}},st,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var n=t.state,e=t.options,i=t.name,o=e.mainAxis,r=void 0===o||o,c=e.altAxis,l=void 0!==c&&c,h=e.tether,p=void 0===h||h,v=e.tetherOffset,m=void 0===v?0:v,b=rt(n,{boundary:e.boundary,rootBoundary:e.rootBoundary,padding:e.padding,altBoundary:e.altBoundary}),y=k(n.placement),g=U(n.placement),w=!g,x=D(y),O="x"===x?"y":"x",j=n.modifiersData.popperOffsets,M=n.rects.reference,E=n.rects.popper,S="function"==typeof m?m(Object.assign({},n.rects,{placement:n.placement})):m,z="number"==typeof S?{mainAxis:S,altAxis:S}:Object.assign({mainAxis:0,altAxis:0},S),T=n.modifiersData.offset?n.modifiersData.offset[n.placement]:null,q={x:0,y:0};if(j){if(r){var B,W="y"===x?a:f,C="y"===x?s:u,L="y"===x?"height":"width",X=j[x],Y=X+b[W],F=X-b[C],V=p?-E[L]/2:0,$=g===d?M[L]:E[L],J=g===d?-E[L]:-M[L],N=n.elements.arrow,_=p&&N?R(N):{width:0,height:0},G=n.modifiersData["arrow#persistent"]?n.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},K=G[W],Q=G[C],Z=I(0,M[L],_[L]),tt=w?M[L]/2-V-Z-K-z.mainAxis:$-Z-K-z.mainAxis,nt=w?-M[L]/2+V+Z+Q+z.mainAxis:J+Z+Q+z.mainAxis,et=n.elements.arrow&&H(n.elements.arrow),it=null!=(B=null==T?void 0:T[x])?B:0,ot=X+nt-it,at=I(p?A(Y,X+tt-it-(et?"y"===x?et.clientTop||0:et.clientLeft||0:0)):Y,X,p?P(F,ot):F);j[x]=at,q[x]=at-X}if(l){var st,ut=j[O],ft="y"===O?"height":"width",ct=ut+b["x"===x?a:f],lt=ut-b["x"===x?s:u],dt=-1!==[a,f].indexOf(y),ht=null!=(st=null==T?void 0:T[O])?st:0,pt=dt?ct:ut-M[ft]-E[ft]-ht+z.altAxis,vt=dt?ut+M[ft]+E[ft]-ht-z.altAxis:lt,mt=p&&dt?function(t,n,e){var i=I(t,n,e);return i>e?e:i}(pt,ut,vt):I(p?pt:ct,ut,p?vt:lt);j[O]=mt,q[O]=mt-ut}n.modifiersData[i]=q}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var n,e=t.state,i=t.name,o=t.options,r=e.elements.arrow,c=e.modifiersData.popperOffsets,d=k(e.placement),h=D(d),p=[f,u].indexOf(d)>=0?"height":"width";if(r&&c){var v=function(t,n){return X("number"!=typeof(t="function"==typeof t?t(Object.assign({},n.rects,{placement:n.placement})):t)?t:Y(t,l))}(o.padding,e),m=R(r),b="y"===h?a:f,y="y"===h?s:u,g=e.rects.reference[p]+e.rects.reference[h]-c[h]-e.rects.popper[p],w=c[h]-e.rects.reference[h],x=H(r),O=x?"y"===h?x.clientHeight||0:x.clientWidth||0:0,j=O/2-m[p]/2+(g/2-w/2),P=I(v[b],j,O-m[p]-v[y]);e.modifiersData[i]=((n={})[h]=P,n.centerOffset=P-j,n)}},effect:function(t){var n=t.state,e=t.options.element,i=void 0===e?"[data-popper-arrow]":e;null!=i&&("string"!=typeof i||(i=n.elements.popper.querySelector(i)))&&T(n.elements.popper,i)&&(n.elements.arrow=i)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var n=t.state,e=t.name,i=n.rects.reference,o=n.rects.popper,r=n.modifiersData.preventOverflow,a=rt(n,{elementContext:"reference"}),s=rt(n,{altBoundary:!0}),u=ut(a,i),f=ut(s,o,r),c=ft(u),l=ft(f);n.modifiersData[e]={referenceClippingOffsets:u,popperEscapeOffsets:f,isReferenceHidden:c,hasPopperEscaped:l},n.attributes.popper=Object.assign({},n.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":l})}}]});const mt=class{constructor(e){t(this,e),this.dismissed=n(this,"dismissed",7),this.opened=!1,this.partialWindow=window,this.open=!1,this.placement="bottom-start",this.position=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.updateOnResize=!1,this.popperRendered=!1,this.contentResizeObserverFactory=t=>new ResizeObserver(t),this.attemptCreatePopper=this.attemptCreatePopper.bind(this),this.handleResize=this.handleResize.bind(this),this.setWindow=this.setWindow.bind(this)}connectedCallback(){this.updatePosition(this.position)}componentDidUpdate(){this.attemptCreatePopper()}componentDidLoad(){this.contentResizeObserver=this.contentResizeObserverFactory((()=>{var t;this.updateOnResize&&(null===(t=this.popper)||void 0===t||t.update())})),this.updateViewport(),this.attemptCreatePopper(),"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.contentResizeObserver)||void 0===t||t.disconnect()}updatePosition(t){null!=t&&(this.anchorPosition="object"==typeof t?t:JSON.parse(t))}updateOpened(t){t&&(this.opened=!0)}updateAnimated(){this.opened=this.open}setWindow(t){this.partialWindow=t}render(){var t,n;return e(i,null,this.open&&this.backdrop&&e("div",{class:"backdrop",onPointerDown:()=>{this.open=!1,this.dismissed.emit()}}),this.anchorPosition&&e("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===(n=this.anchorPosition)||void 0===n?void 0:n.y)||0}px`}}),e("slot",{name:"anchor"}),e("div",{ref:t=>this.wrapperRef=t,class:r("popper",{hidden:!this.open||!this.popperRendered,open:this.open})},e("div",{class:r("content",{"hidden-animated":!this.open&&this.opened&&this.animated,"open-animated":this.open&&this.animated},this.getTransformClass())},e("slot",null))))}attemptCreatePopper(){var t,n;if(null===(t=this.contentResizeObserver)||void 0===t||t.disconnect(),null!=this.wrapperRef){const t=this.getSlottedAnchorElement();null!=t?this.createPopper(t,this.wrapperRef,"absolute",!0):null!=this.anchorPointRef&&this.createPopper(this.anchorPointRef,this.wrapperRef,"fixed",!1),null===(n=this.contentResizeObserver)||void 0===n||n.observe(this.wrapperRef)}}createPopper(t,n,e,i=!1){var o,r,a,s,u,f,c;if(this.open){const l=null!=this.boundarySelector?document.querySelector(this.boundarySelector):void 0,d=[{name:"computeStyles",options:{gpuAcceleration:!1}},{name:"preventOverflow",enabled:null===(r=null===(o=this.overflowBehavior)||void 0===o?void 0:o.enabled)||void 0===r||r,options:Object.assign({boundary:l},null===(a=this.overflowBehavior)||void 0===a?void 0:a.options)},{name:"flip",enabled:null!==(u=null===(s=this.flipBehavior)||void 0===s?void 0:s.enabled)&&void 0!==u?u:null==l,options:Object.assign({},null===(f=this.flipBehavior)||void 0===f?void 0:f.options)}];null===(c=this.popper)||void 0===c||c.destroy(),this.popper=vt(t,n,{placement:this.placement,strategy:e,modifiers:i?[...d,{name:"offset",options:{offset:[0,4]}}]:[...d],onFirstUpdate:()=>{this.popperRendered=!0}})}}getSlottedAnchorElement(){var t,n,e;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===(n=this.hostElement.shadowRoot)||void 0===n?void 0:n.querySelector('slot[name="anchor"]'))||void 0;if(null===(e=null==t?void 0:t.assignedElements)||void 0===e?void 0:e.call(t).length)return null==t?void 0:t.assignedElements()[0]}}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}getTransformClass(){if(this.animated)switch(this.placement){case"top":case"auto":return"center-bottom";case"top-start":case"auto-start":case"right-end":return"left-bottom";case"top-end":case"auto-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"],open:["updateOpened"],animated:["updateAnimated"]}}};mt.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:absolute}.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{mt as P}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i}from"./p-6834631c.js";import{c as e}from"./p-fe062eb0.js";const o=class{constructor(i){t(this,i),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)}render(){var t;return i("vertex-popover",{class:"popover",open:this.open,resizeBehavior:"fixed",backdrop:!1,placement:this.placement,animated:this.animated},i("div",{slot:"anchor",class:"target",onPointerEnter:this.handlePointerEnter,onPointerLeave:this.handlePointerLeave},i("slot",null)),i("div",{class:e("tooltip",{hidden:!this.open||this.disabled})},null!==(t=this.content)&&void 0!==t?t:i("slot",{name:"content"})))}handlePointerEnter(){null==this.openTimeout&&(this.openTimeout=setTimeout((()=>{this.open=!0,this.openTimeout=void 0}),this.delay))}handlePointerLeave(){this.clearOpenTimeout(),this.open=!1}clearOpenTimeout(){null!=this.openTimeout&&(clearTimeout(this.openTimeout),this.openTimeout=void 0)}};o.style=":host{--tooltip-width:auto;--tooltip-white-space:normal;display:flex}.popover{width:100%;height:100%}.target{display:flex}.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{o as T}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,h as r,H as e}from"./p-6834631c.js";import{c as i}from"./p-fe062eb0.js";import{g as t}from"./p-ddb5a066.js";const a=class{constructor(r){o(this,r),this.iconName=void 0,this.disabled=void 0,this.variant="default",this.iconColor="default",this.iconSize="md"}render(){return r(e,{onClick:o=>this.handleClick(o)},r("button",{ref:o=>this.buttonEl=o,disabled:this.disabled,class:i("container",{disabled:this.disabled,floating:"floating"===this.variant,plain:"plain"===this.variant,primary:"primary"===this.iconColor,secondary:"secondary"===this.iconColor})},r("slot",{name:"left"}),r("div",{class:i("icon-button",{xs:"xs"===this.iconSize,sm:"sm"===this.iconSize,md:"md"===this.iconSize,lg:"lg"===this.iconSize})},t(this.iconName)),r("slot",null)))}handleClick(o){var r;this.disabled&&(o.preventDefault(),o.stopPropagation()),null===(r=this.buttonEl)||void 0===r||r.blur()}};a.style="button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{--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)}.container{display:flex;justify-content:center;align-items:center;outline:none;fill:currentColor;color:currentColor;cursor:pointer}.container:not(.plain){border-radius:4px;padding:0.25rem}.icon-button{display:flex;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%}.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:not-allowed}.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:not-allowed;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)}";export{a as I}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var t=function(){return t=Object.assign||function(t){for(var n,r=1,s=arguments.length;r<s;r++)for(var i in n=arguments[r])Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i]);return t},t.apply(this,arguments)};function n(t){return t.toLowerCase()}"function"==typeof SuppressedError&&SuppressedError;var r=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],s=/[^A-Z0-9]+/gi;function i(t,n,r){return n instanceof RegExp?t.replace(n,r):n.reduce((function(t,n){return t.replace(n,r)}),t)}function o(t,n){var r=t.charAt(0),s=t.substr(1).toLowerCase();return n>0&&r>="0"&&r<="9"?"_"+r+s:""+r.toUpperCase()+s}function e(t,n){return 0===n?t.toLowerCase():o(t,n)}function c(c,u){return void 0===u&&(u={}),function(e,c){return void 0===c&&(c={}),function(t,o){void 0===o&&(o={});for(var e=o.splitRegexp,c=o.stripRegexp,u=void 0===c?s:c,f=o.transform,h=void 0===f?n:f,d=o.delimiter,l=void 0===d?" ":d,a=i(i(t,void 0===e?r:e,"$1\0$2"),u,"\0"),v=0,p=a.length;"\0"===a.charAt(v);)v++;for(;"\0"===a.charAt(p-1);)p--;return a.slice(v,p).split("\0").map(h).join(l)}(e,t({delimiter:"",transform:o},c))}(c,t({transform:e},u))}const u=/{{(.+)}}/;class f{constructor(t){this.bindings=t}bind(t){this.bindings.forEach((n=>n.bind(t)))}}class h{constructor(t,n){this.node=t,this.expr=n}}class d extends h{constructor(t,n){super(t,n)}bind(t){const n=g(t,this.expr);n!==this.node.textContent&&(this.node.textContent=n)}}class l extends h{constructor(t,n,r){super(t,n),this.attr=r}bind(t){const n=g(t,this.expr);this.node.getAttribute(this.attr)!==n&&this.node.setAttribute(this.attr,n)}}class a extends h{constructor(t,n,r){super(t,n),this.prop=r}bind(t){const n=function(t,n){const r=b(n);return null!=r?x(t,r,!0):n}(t,this.expr);this.node[this.prop]!==n&&(this.node[this.prop]=n)}}class v extends h{constructor(t,n,r){super(t,n),this.eventName=r}bind(t){var n;const r=b(this.expr);if(null!=r){null===(n=this.disposable)||void 0===n||n.dispose();const s=x(t,r,!0);this.node.addEventListener(this.eventName,s),this.disposable={dispose:()=>{this.node.removeEventListener(this.eventName,s)}}}}}function p(t){const n=[];if(t.nodeType===Node.ELEMENT_NODE){const r=t;Array.from(r.attributes).filter((t=>u.test(t.value))).forEach((t=>{if(t.name.startsWith("event:")){const s=c(t.name.replace("event:",""));n.push(new v(r,t.value,s))}else if(t.name.startsWith("attr:"))n.push(new l(r,t.value,t.name.replace("attr:","")));else if(t.name.startsWith("prop:")){const s=c(t.name.replace("prop:",""));n.push(new a(r,t.value,s))}}))}else t.nodeType===Node.TEXT_NODE&&null!=t.textContent&&u.test(t.textContent)&&n.push(new d(t,t.textContent));for(let r=0;r<t.childNodes.length;r++)n.push(...p(t.childNodes[r]));return n}function b(t){const n=u.exec(t);return null!=n?n[1]:void 0}function g(t,n){const r=b(n);if(null!=r){const s=x(t,r,!0);return n.replace(`{{${r}}}`,null==s?void 0:s.toString())}return n}function x(t,n,r=!1){const[s,...i]=n.split(".");if(r&&0===i.length)return t;if(r&&i.length>0)return x(t,i.join("."),!1);{const n=t[s];return i.length>0?x(n,i.join("."),!1):n}}function w(t){const n=t.content.cloneNode(!0);return{element:n.firstElementChild,bindings:new f(p(n))}}export{w as g}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,e as t,c as o,h as s}from"./p-6834631c.js";import{c as n}from"./p-fe062eb0.js";const r=class{constructor(s){i(this,s),this.positionChanged=t(this,"positionChanged",7),this.handlePointerDown=i=>{this.updateAnchorPosition(),this.lastPosition={x:i.clientX,y:i.clientY},this.dragging=!0,window.addEventListener("pointermove",this.handlePointerMove),window.addEventListener("pointerup",this.handlePointerUp)},this.handlePointerMove=i=>{const t={x:i.clientX,y:i.clientY};this.anchorPosition={x:this.anchorPosition.x+(t.x-this.lastPosition.x),y:this.anchorPosition.y+(t.y-this.lastPosition.y)},this.lastPosition=t},this.handlePointerUp=()=>{this.updateAnchorPosition(),this.lastPosition=this.anchorPosition,this.dragging=!1,window.removeEventListener("pointermove",this.handlePointerMove),window.removeEventListener("pointerup",this.handlePointerUp)},this.updateAnchorPosition=()=>{o((()=>{if(null!=this.containerEl){const i=this.containerEl.getBoundingClientRect();this.anchorPosition={x:i.x,y:i.y}}}))},this.position=void 0,this.boundarySelector=void 0,this.boundaryPadding=void 0,this.anchorPosition={x:0,y:0},this.lastPosition={x:0,y:0},this.dragging=!1}connectedCallback(){this.updatePosition(this.position)}updatePosition(i){null!=i&&(this.anchorPosition="object"==typeof i?i:JSON.parse(i),this.lastPosition=this.anchorPosition)}lastPositionChanged(){this.positionChanged.emit(this.anchorPosition)}render(){return s("vertex-popover",{position:this.anchorPosition,boundarySelector:this.boundarySelector,backdrop:!1,open:!0,resizeBehavior:"fixed",updateOnResize:!this.dragging,overflowBehavior:{options:{altAxis:!0,tether:!1,padding:this.boundaryPadding}},flipBehavior:{enabled:!1,options:{flipVariations:!1}}},s("div",{ref:i=>this.containerEl=i,class:n("container",{dragging:this.dragging})},s("div",{class:"icon-container"},s("div",{class:"icon",onPointerDown:this.handlePointerDown},s("slot",{name:"drag-icon"},s("vertex-icon",{size:"sm",name:"drag-indicator"})))),s("slot",null)))}static get watchers(){return{position:["updatePosition"],lastPosition:["lastPositionChanged"]}}};r.style="button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{position:fixed;top:0;left:0;white-space:nowrap;--background-color:var(--vertex-ui-white);--color:var(--vertex-ui-neutral-700);--font-family:var(--vertex-ui-font-family);--font-size:var(--vertex-ui-text-base);--drag-icon:all-scroll;--dragging-icon:all-scroll}.container{display:flex;column-gap:0.5rem;padding:0.8125rem 0.5625rem 1rem 0.625rem;background-color:var(--background-color);opacity:0.95;border-radius:0.5rem;box-shadow:0 0 5px rgba(0, 0, 0, 0.25);color:var(--color);font-family:var(--font-family);font-size:var(--font-size)}.container:not(.dragging) .icon{cursor:var(--drag-icon)}.container.dragging{cursor:var(--dragging-icon)}.container.dragging *{user-select:none}.icon-container{display:flex;flex-direction:column}.icon-button{display:flex;align-items:center}";export{r as D}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s,e as i,h as t,g as e}from"./p-6834631c.js";import{c as o}from"./p-fe062eb0.js";const r=class{constructor(t){s(this,t),this.menuClosed=i(this,"menuClosed",7),this.animated=!0,this.open=!1,this.placement=void 0,this.fallbackPlacements=void 0,this.backdrop=!0,this.position=void 0,this.handlePopoverDismiss=this.handlePopoverDismiss.bind(this)}componentDidLoad(){var s;this.addEventListeners(),this.headerSlot=(null===(s=this.hostElement.shadowRoot)||void 0===s?void 0:s.querySelector('slot[name="header"]'))||void 0}disconnectedCallback(){this.removeEventListeners()}render(){return t("vertex-popover",{ref:s=>{this.popoverRef=s},open:this.open,animated:this.animated,position:this.position,placement:this.placement,backdrop:this.backdrop,flipBehavior:null!=this.fallbackPlacements?{options:{fallbackPlacements:this.fallbackPlacements}}:void 0},null==this.position&&t("div",{slot:"anchor"},t("slot",{name:"anchor"})),t("div",{onClick:()=>{this.open=!1,this.menuClosed.emit()},class:o("root",{"has-header":null!=this.headerSlot})},t("slot",{name:"header"}),t("slot",null)))}addEventListeners(){var s;null===(s=this.popoverRef)||void 0===s||s.addEventListener("dismissed",this.handlePopoverDismiss)}removeEventListeners(){var s;null===(s=this.popoverRef)||void 0===s||s.removeEventListener("dismissed",this.handlePopoverDismiss)}handlePopoverDismiss(){this.open=!1,this.menuClosed.emit()}get hostElement(){return e(this)}};r.style=":host{--background-color:var(--vertex-ui-white);--menu-padding:0.19em 0}.root{padding:var(--menu-padding);border:1px solid var(--vertex-ui-neutral-400);border-radius:0.25rem;box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%),\n 0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);background-color:var(--background-color);z-index:var(--vertex-ui-context-menu-layer)}.has-header{padding-top:0}";export{r as M}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,H as r,g as n}from"./p-6834631c.js";import{c as o}from"./p-fe062eb0.js";const a=class{constructor(e){t(this,e),this.type=void 0,this.color="secondary",this.variant="solid",this.size="md",this.expand="block",this.href=void 0,this.target=void 0,this.disabled=void 0}connectedCallback(){if(null!=this.hostElement&&"submit"===this.type){const t=this.hostElement.closest("form");null!=t&&(this.fakeButton=document.createElement("button"),this.fakeButton.setAttribute("type",this.type),this.fakeButton.setAttribute("style","display: none"),this.fakeButton.setAttribute("data-testid","vertex-fake-button"),t.appendChild(this.fakeButton))}}disconnectedCallback(){null!=this.hostElement&&null!=this.fakeButton&&this.fakeButton.remove()}render(){const t=o("btn",{"btn-full":"full"===this.expand,"btn-sm":"sm"===this.size,"btn-md":"md"===this.size,"btn-lg":"lg"===this.size,"btn-primary":"primary"===this.color&&"solid"===this.variant,"btn-secondary":"secondary"===this.color&&"solid"===this.variant,"btn-danger":"danger"===this.color&&"solid"===this.variant,"btn-txt-primary":"primary"===this.color&&"text"===this.variant,"btn-txt-secondary":"secondary"===this.color&&"text"===this.variant,"btn-txt-danger":"danger"===this.color&&"text"===this.variant,"btn-plaintext":"plaintext"===this.variant,disabled:this.disabled});return null!=this.href&&null!=this.type&&console.warn("The type attribute is ignored when href is provided"),e(r,{style:{pointerEvents:this.disabled?"none":void 0}},null!=this.href&&""!==this.href?e("a",{href:this.href,target:this.target,class:t,tabIndex:this.disabled?-1:0},e("slot",null)):e("button",{class:t,disabled:this.disabled,type:this.type,onClick:t=>this.handleClick(t)},e("slot",{name:"left"}),e("slot",null)))}handleClick(t){null!=this.fakeButton&&(t.preventDefault(),this.fakeButton.click())}get hostElement(){return n(this)}};a.style='button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}a{text-decoration:none;font-family:var(--vertex-ui-font-family)}:host([type]){-webkit-appearance:none !important}:host([disabled=""]){pointer-events:none}.btn{display:flex;align-items:center;justify-content:center;border-radius:0.25rem;box-sizing:border-box;text-decoration:none;cursor:pointer}.btn-full{width:100%}.btn.disabled,.btn:not(.disabled):focus,.btn:not(.disabled):active{outline:none}.btn.disabled{cursor:not-allowed}.btn-sm{font-size:var(--vertex-ui-text-sm)}.btn-sm:not(.btn-plaintext){padding:0 0.25rem}.btn-md{font-size:var(--vertex-ui-text-base)}.btn-md:not(.btn-plaintext){padding:0.5rem 1rem}.btn-lg{font-size:var(--vertex-ui-text-lg)}.btn-lg:not(.btn-plaintext){padding:0.75rem 0.75rem}.btn-plaintext{color:var(--vertex-ui-neutral-800)}.btn-primary{color:white;background-color:var(--vertex-ui-blue-700)}.btn-primary:not(.disabled):hover{background-color:var(--vertex-ui-blue-500)}.btn-primary:not(.disabled):focus,.btn-primary:not(.disabled):active{background-color:var(--vertex-ui-blue-600)}.btn-primary:not(.disabled):focus{box-shadow:0 0 0 1px var(--vertex-ui-blue-900)}.btn-primary:not(.disabled):active{box-shadow:none}.btn-primary.disabled{background-color:var(--vertex-ui-blue-200);cursor:not-allowed}.btn-secondary{color:var(--vertex-ui-neutral-800);background-color:var(--vertex-ui-neutral-300)}.btn-secondary:not(.disabled):hover{box-shadow:0 2px 2px rgb(0 0 0 / 20%)}.btn-secondary:not(.disabled):focus,.btn-secondary:not(.disabled):active{background-color:var(--vertex-ui-neutral-400)}.btn-secondary:not(.disabled):focus{box-shadow:0 0 0 1px var(--vertex-ui-neutral-900)}.btn-secondary:not(.disabled):active{box-shadow:none}.btn-secondary.disabled{background-color:var(--vertex-ui-neutral-200);color:var(--vertex-ui-neutral-400)}.btn-danger{color:white;background-color:var(--vertex-ui-red-600)}.btn-danger:not(.disabled):hover{background-color:var(--vertex-ui-red-400)}.btn-danger:not(.disabled):focus{background-color:var(--vertex-ui-red-500);box-shadow:0 0 0 1px var(--vertex-ui-red-900)}.btn-danger:not(.disabled):active{background-color:var(--vertex-ui-red-600);box-shadow:none}.btn-danger.disabled{background-color:var(--vertex-ui-red-200);box-shadow:none}.btn-txt-primary{color:var(--vertex-ui-blue-600)}.btn-txt-primary:not(.disabled):hover{color:var(--vertex-ui-blue-800);background-color:var(--vertex-ui-blue-200)}.btn-txt-primary:not(.disabled):focus,.btn-txt-primary:not(.disabled):active{color:var(--vertex-ui-blue-800);background-color:var(--vertex-ui-blue-300)}.btn-txt-primary:not(.disabled):focus{box-shadow:0 0 0 1px var(--vertex-ui-blue-900)}.btn-txt-primary:not(.disabled):active{box-shadow:none}.btn-txt-primary.disabled{color:var(--vertex-ui-blue-300);box-shadow:none}.btn-txt-secondary{color:var(--vertex-ui-neutral-700)}.btn-txt-secondary:not(.disabled):hover,.btn-txt-secondary:not(.disabled):active,.btn-txt-secondary:not(.disabled):focus{color:var(--vertex-ui-neutral-800);background-color:var(--vertex-ui-neutral-300)}.btn-txt-secondary:not(.disabled):focus{box-shadow:0 0 0 1px var(--vertex-ui-neutral-900)}.btn-txt-secondary.disabled{color:var(--vertex-ui-neutral-300);box-shadow:none}.btn-txt-danger{color:var(--vertex-ui-red-600)}.btn-txt-danger:not(.disabled):focus,.btn-txt-danger:not(.disabled):active,.btn-txt-danger:not(.disabled):hover{color:var(--vertex-ui-red-800)}.btn-txt-danger:not(.disabled):hover{background-color:var(--vertex-ui-red-200)}.btn-txt-danger:not(.disabled):focus,.btn-txt-danger:not(.disabled):active{background-color:var(--vertex-ui-red-300)}.btn-txt-danger:not(.disabled):focus{box-shadow:0 0 0 1px var(--vertex-ui-red-900)}.btn-txt-danger:not(.disabled):active{box-shadow:none}.btn-txt-danger.disabled{color:var(--vertex-ui-red-300);box-shadow:none}';export{a as B}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{R as vertex_result_list}from"./p-60ca5d84.js";import"./p-6834631c.js";import"./p-fe062eb0.js";import"./p-7c31f30e.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{S as vertex_search_bar}from"./p-5a93c1b6.js";import"./p-6834631c.js";import"./p-fe062eb0.js";import"./p-7c31f30e.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{B as vertex_button}from"./p-87de6fc5.js";import"./p-6834631c.js";import"./p-fe062eb0.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{M as vertex_menu}from"./p-8764954b.js";import"./p-6834631c.js";import"./p-fe062eb0.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{T as vertex_tooltip}from"./p-58f8a354.js";import"./p-6834631c.js";import"./p-fe062eb0.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{I as vertex_icon}from"./p-73e2e8f4.js";import"./p-6834631c.js";import"./p-fe062eb0.js";import"./p-ddb5a066.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as s,c as e,g as h}from"./p-6834631c.js";const n=class{constructor(i){t(this,i),this.previousScrollTop=0,this.rowCount=0,this.textareaSelector=void 0,this.initialValue=void 0,this.minRows=1,this.maxRows=void 0,this.textValue=void 0,this.prepareHiddenTextElement=this.prepareHiddenTextElement.bind(this),this.updateScrollTop=this.updateScrollTop.bind(this),this.computeRowHeights=this.computeRowHeights.bind(this),this.updateValue=this.updateValue.bind(this),this.updatePreviousScrollTop=this.updatePreviousScrollTop.bind(this),this.updateOverflow=this.updateOverflow.bind(this),this.resizeObserver=new ResizeObserver(this.computeRowHeights)}componentWillLoad(){this.computeRowHeights()}componentDidLoad(){this.slottedElement=this.getSlottedTextareaElement(),this.textValue=this.initialValue,this.prepareHiddenTextElement(),this.computeRowHeights(),null!=this.slottedElement&&(this.resizeObserver.observe(this.slottedElement),this.addEventListener())}componentDidRender(){this.computeRowHeights()}disconnectedCallback(){this.removeEventListener(),this.resizeObserver.disconnect()}render(){return i(s,null,i("textarea",{class:"hidden-text",ref:t=>{this.hiddenTextRef=t}},this.textValue),i("slot",null))}addEventListener(){var t,i;null===(t=this.slottedElement)||void 0===t||t.addEventListener("input",this.updateValue),null===(i=this.slottedElement)||void 0===i||i.addEventListener("keydown",this.updatePreviousScrollTop)}removeEventListener(){var t,i;null===(t=this.slottedElement)||void 0===t||t.removeEventListener("input",this.updateValue),null===(i=this.slottedElement)||void 0===i||i.removeEventListener("keydown",this.updatePreviousScrollTop)}updateValue(){null!=this.slottedElement&&(this.textValue=this.slottedElement.value,this.updateOverflow())}updatePreviousScrollTop(){null!=this.slottedElement&&(this.previousScrollTop=this.slottedElement.scrollTop)}updateScrollTop(){null!=this.slottedElement&&(this.slottedElement.scrollTop=null==this.maxRows||this.rowCount>=this.maxRows?this.slottedElement.scrollTop:this.previousScrollTop)}computeRowHeights(){this.updateScrollTop(),e((()=>{var t;if("undefined"!=typeof window&&null!=this.slottedElement&&null!=this.hiddenTextRef){const i=window.getComputedStyle(this.slottedElement),s=Math.floor(parseFloat(i.lineHeight)),e=Math.floor(this.hiddenTextRef.scrollHeight/s);this.rowCount=Math.max(this.minRows,Math.min(null!==(t=this.maxRows)&&void 0!==t?t:e,e)),this.slottedElement.rows=this.rowCount,this.updateOverflow()}}))}prepareHiddenTextElement(){e((()=>{if("undefined"!=typeof window&&null!=this.slottedElement&&null!=this.hiddenTextRef){const t=window.getComputedStyle(this.slottedElement);this.hiddenTextRef.setAttribute("style",`line-height: ${t.lineHeight}; font-size: ${t.fontSize}; font-family: ${t.fontFamily}; padding-left: ${t.paddingLeft}; padding-right: ${t.paddingRight};`)}}))}getSlottedTextareaElement(){const t=function({hostElement:t,slotName:i,selector:s}){var e,h,n,o,l,d,r;if(null!=s)return null!==(n=null!==(h=null===(e=t.shadowRoot)||void 0===e?void 0:e.querySelector(s))&&void 0!==h?h:t.querySelector(s))&&void 0!==n?n:void 0;{const s=null!==(l=null===(o=t.shadowRoot)||void 0===o?void 0:o.querySelector(null!=i?`slot[name="${i}"]`:"slot"))&&void 0!==l?l:void 0;if(null!==(r=null===(d=null==s?void 0:s.assignedElements)||void 0===d?void 0:d.call(s).length)&&void 0!==r&&r)return null==s?void 0:s.assignedElements()[0]}}({hostElement:this.hostElement,selector:this.textareaSelector});if(function(t){return"TEXTAREA"===(null==t?void 0:t.tagName)}(t))return t;throw new Error("The vertex-auto-resize-textarea component is only compatible with `HTMLTextAreaElement`s")}updateOverflow(){var t;null===(t=this.slottedElement)||void 0===t||t.setAttribute("style",this.maxRows&&this.rowCount>=this.maxRows?"overflow-y: auto;":"overflow: hidden;")}get hostElement(){return h(this)}};n.style=":host{position:relative;width:100%;height:100%;font-size:0}.hidden-text{position:absolute;box-sizing:border-box;top:0;left:0;height:0;width:100%;padding:0;margin:0;border:none;visibility:hidden;pointer-events:none;overflow:hidden}";export{n as A}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{A as vertex_auto_resize_textarea}from"./p-e8e6ee3f.js";import"./p-6834631c.js";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export{D as vertex_draggable_popover}from"./p-852be06f.js";import"./p-6834631c.js";import"./p-fe062eb0.js";
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-72f28b71.js';
|
|
2
|
-
import { c as classnames } from './index-9c609209.js';
|
|
3
|
-
|
|
4
|
-
const buttonCss = "button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}a{text-decoration:none;font-family:var(--vertex-ui-font-family)}:host([type]){-webkit-appearance:none !important}:host([disabled=\"\"]){pointer-events:none}.btn{display:flex;align-items:center;justify-content:center;border-radius:0.25rem;box-sizing:border-box;text-decoration:none;cursor:pointer}.btn-full{width:100%}.btn.disabled,.btn:not(.disabled):focus,.btn:not(.disabled):active{outline:none}.btn.disabled{cursor:not-allowed}.btn-sm{font-size:var(--vertex-ui-text-sm)}.btn-sm:not(.btn-plaintext){padding:0 0.25rem}.btn-md{font-size:var(--vertex-ui-text-base)}.btn-md:not(.btn-plaintext){padding:0.5rem 1rem}.btn-lg{font-size:var(--vertex-ui-text-lg)}.btn-lg:not(.btn-plaintext){padding:0.75rem 0.75rem}.btn-plaintext{color:var(--vertex-ui-neutral-800)}.btn-primary{color:white;background-color:var(--vertex-ui-blue-700)}.btn-primary:not(.disabled):hover{background-color:var(--vertex-ui-blue-500)}.btn-primary:not(.disabled):focus,.btn-primary:not(.disabled):active{background-color:var(--vertex-ui-blue-600)}.btn-primary:not(.disabled):focus{box-shadow:0 0 0 1px var(--vertex-ui-blue-900)}.btn-primary:not(.disabled):active{box-shadow:none}.btn-primary.disabled{background-color:var(--vertex-ui-blue-200);cursor:not-allowed}.btn-secondary{color:var(--vertex-ui-neutral-800);background-color:var(--vertex-ui-neutral-300)}.btn-secondary:not(.disabled):hover{box-shadow:0 2px 2px rgb(0 0 0 / 20%)}.btn-secondary:not(.disabled):focus,.btn-secondary:not(.disabled):active{background-color:var(--vertex-ui-neutral-400)}.btn-secondary:not(.disabled):focus{box-shadow:0 0 0 1px var(--vertex-ui-neutral-900)}.btn-secondary:not(.disabled):active{box-shadow:none}.btn-secondary.disabled{background-color:var(--vertex-ui-neutral-200);color:var(--vertex-ui-neutral-400)}.btn-danger{color:white;background-color:var(--vertex-ui-red-600)}.btn-danger:not(.disabled):hover{background-color:var(--vertex-ui-red-400)}.btn-danger:not(.disabled):focus{background-color:var(--vertex-ui-red-500);box-shadow:0 0 0 1px var(--vertex-ui-red-900)}.btn-danger:not(.disabled):active{background-color:var(--vertex-ui-red-600);box-shadow:none}.btn-danger.disabled{background-color:var(--vertex-ui-red-200);box-shadow:none}.btn-txt-primary{color:var(--vertex-ui-blue-600)}.btn-txt-primary:not(.disabled):hover{color:var(--vertex-ui-blue-800);background-color:var(--vertex-ui-blue-200)}.btn-txt-primary:not(.disabled):focus,.btn-txt-primary:not(.disabled):active{color:var(--vertex-ui-blue-800);background-color:var(--vertex-ui-blue-300)}.btn-txt-primary:not(.disabled):focus{box-shadow:0 0 0 1px var(--vertex-ui-blue-900)}.btn-txt-primary:not(.disabled):active{box-shadow:none}.btn-txt-primary.disabled{color:var(--vertex-ui-blue-300);box-shadow:none}.btn-txt-secondary{color:var(--vertex-ui-neutral-700)}.btn-txt-secondary:not(.disabled):hover,.btn-txt-secondary:not(.disabled):active,.btn-txt-secondary:not(.disabled):focus{color:var(--vertex-ui-neutral-800);background-color:var(--vertex-ui-neutral-300)}.btn-txt-secondary:not(.disabled):focus{box-shadow:0 0 0 1px var(--vertex-ui-neutral-900)}.btn-txt-secondary.disabled{color:var(--vertex-ui-neutral-300);box-shadow:none}.btn-txt-danger{color:var(--vertex-ui-red-600)}.btn-txt-danger:not(.disabled):focus,.btn-txt-danger:not(.disabled):active,.btn-txt-danger:not(.disabled):hover{color:var(--vertex-ui-red-800)}.btn-txt-danger:not(.disabled):hover{background-color:var(--vertex-ui-red-200)}.btn-txt-danger:not(.disabled):focus,.btn-txt-danger:not(.disabled):active{background-color:var(--vertex-ui-red-300)}.btn-txt-danger:not(.disabled):focus{box-shadow:0 0 0 1px var(--vertex-ui-red-900)}.btn-txt-danger:not(.disabled):active{box-shadow:none}.btn-txt-danger.disabled{color:var(--vertex-ui-red-300);box-shadow:none}";
|
|
5
|
-
|
|
6
|
-
const Button = class {
|
|
7
|
-
constructor(hostRef) {
|
|
8
|
-
registerInstance(this, hostRef);
|
|
9
|
-
this.type = undefined;
|
|
10
|
-
this.color = 'secondary';
|
|
11
|
-
this.variant = 'solid';
|
|
12
|
-
this.size = 'md';
|
|
13
|
-
this.expand = 'block';
|
|
14
|
-
this.href = undefined;
|
|
15
|
-
this.target = undefined;
|
|
16
|
-
this.disabled = undefined;
|
|
17
|
-
}
|
|
18
|
-
connectedCallback() {
|
|
19
|
-
if (this.hostElement != null && this.type === 'submit') {
|
|
20
|
-
const form = this.hostElement.closest('form');
|
|
21
|
-
if (form != null) {
|
|
22
|
-
this.fakeButton = document.createElement('button');
|
|
23
|
-
this.fakeButton.setAttribute('type', this.type);
|
|
24
|
-
this.fakeButton.setAttribute('style', 'display: none');
|
|
25
|
-
this.fakeButton.setAttribute('data-testid', 'vertex-fake-button');
|
|
26
|
-
form.appendChild(this.fakeButton);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
disconnectedCallback() {
|
|
31
|
-
if (this.hostElement != null && this.fakeButton != null) {
|
|
32
|
-
this.fakeButton.remove();
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
render() {
|
|
36
|
-
const classes = classnames('btn', {
|
|
37
|
-
'btn-full': this.expand === 'full',
|
|
38
|
-
'btn-sm': this.size === 'sm',
|
|
39
|
-
'btn-md': this.size === 'md',
|
|
40
|
-
'btn-lg': this.size === 'lg',
|
|
41
|
-
'btn-primary': this.color === 'primary' && this.variant === 'solid',
|
|
42
|
-
'btn-secondary': this.color === 'secondary' && this.variant === 'solid',
|
|
43
|
-
'btn-danger': this.color === 'danger' && this.variant === 'solid',
|
|
44
|
-
'btn-txt-primary': this.color === 'primary' && this.variant === 'text',
|
|
45
|
-
'btn-txt-secondary': this.color === 'secondary' && this.variant === 'text',
|
|
46
|
-
'btn-txt-danger': this.color === 'danger' && this.variant === 'text',
|
|
47
|
-
'btn-plaintext': this.variant === 'plaintext',
|
|
48
|
-
disabled: this.disabled,
|
|
49
|
-
});
|
|
50
|
-
if (this.href != null && this.type != null) {
|
|
51
|
-
console.warn('The type attribute is ignored when href is provided');
|
|
52
|
-
}
|
|
53
|
-
return (h(Host, { style: { pointerEvents: this.disabled ? 'none' : undefined } }, this.href != null && this.href !== '' ? (h("a", { href: this.href, target: this.target, class: classes, tabIndex: this.disabled ? -1 : 0 }, h("slot", null))) : (h("button", { class: classes, disabled: this.disabled, type: this.type, onClick: (event) => this.handleClick(event) }, h("slot", { name: "left" }), h("slot", null)))));
|
|
54
|
-
}
|
|
55
|
-
handleClick(event) {
|
|
56
|
-
if (this.fakeButton != null) {
|
|
57
|
-
event.preventDefault();
|
|
58
|
-
this.fakeButton.click();
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
get hostElement() { return getElement(this); }
|
|
62
|
-
};
|
|
63
|
-
Button.style = buttonCss;
|
|
64
|
-
|
|
65
|
-
export { Button as B };
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-72f28b71.js';
|
|
2
|
-
import { c as classnames } from './index-9c609209.js';
|
|
3
|
-
import { g as getSvg } from './icon-helper-aa2001ba.js';
|
|
4
|
-
|
|
5
|
-
const iconButtonCss = "button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{--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)}.container{display:flex;justify-content:center;align-items:center;outline:none;fill:currentColor;color:currentColor;cursor:pointer}.container:not(.plain){border-radius:4px;padding:0.25rem}.icon-button{display:flex;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%}.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:not-allowed}.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:not-allowed;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
|
-
|
|
7
|
-
const IconButton = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.iconName = undefined;
|
|
11
|
-
this.disabled = undefined;
|
|
12
|
-
this.variant = 'default';
|
|
13
|
-
this.iconColor = 'default';
|
|
14
|
-
this.iconSize = 'md';
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
return (h(Host, { onClick: (e) => this.handleClick(e) }, h("button", { ref: (el) => (this.buttonEl = el), disabled: this.disabled, class: classnames('container', {
|
|
18
|
-
disabled: this.disabled,
|
|
19
|
-
floating: this.variant === 'floating',
|
|
20
|
-
plain: this.variant === 'plain',
|
|
21
|
-
primary: this.iconColor === 'primary',
|
|
22
|
-
secondary: this.iconColor === 'secondary',
|
|
23
|
-
}) }, h("slot", { name: "left" }), h("div", { class: classnames('icon-button', {
|
|
24
|
-
xs: this.iconSize === 'xs',
|
|
25
|
-
sm: this.iconSize === 'sm',
|
|
26
|
-
md: this.iconSize === 'md',
|
|
27
|
-
lg: this.iconSize === 'lg',
|
|
28
|
-
}) }, getSvg(this.iconName)), h("slot", null))));
|
|
29
|
-
}
|
|
30
|
-
handleClick(event) {
|
|
31
|
-
var _a;
|
|
32
|
-
if (this.disabled) {
|
|
33
|
-
event.preventDefault();
|
|
34
|
-
event.stopPropagation();
|
|
35
|
-
}
|
|
36
|
-
(_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.blur();
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
IconButton.style = iconButtonCss;
|
|
40
|
-
|
|
41
|
-
export { IconButton as I };
|