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

package/dist/components/{p-BAfJR2VF.js → p-CDqMJzqA.js}

@@ -1 +1 @@
-import{t,p as i,H as e,c as s,h as a}from"./p-BbDaHMlz.js";import{c as n}from"./p-Beav1bNT.js";import{d as h}from"./p-C1H5-_5m.js";import{d as o}from"./p-C1qwHMcr.js";import{d as l}from"./p-BLc3P-0q.js";import{d as c}from"./p-6qoO8Yf3.js";const r=i(class extends e{constructor(t){var i;super(),!1!==t&&this.__registerHost(),this.inputFocus=s(this,"inputFocus"),this.inputBlur=s(this,"inputBlur"),this.inputInput=s(this,"inputInput"),this.inputChange=s(this,"inputChange"),this.inputSubmit=s(this,"inputSubmit"),this.fontSize="standard",this.multiline=!1,this.value="",this.editing=!1,this.handleKeyDown=t=>{var i,e;"Enter"!==t.detail.key||this.multiline||null===(i=this.textFieldRef)||void 0===i||i.blurInput(),"Escape"===t.detail.key&&(this.resetOnEscape(),null===(e=this.textFieldRef)||void 0===e||e.blurInput())},this.resetOnEscape=()=>{null!=this.textFieldRef&&null!=this.defaultValue&&(this.textFieldRef.updateInput(this.defaultValue),this.editing=!1)},this.handleSubmit=async()=>{var t;const i=await(null===(t=this.textFieldRef)||void 0===t?void 0:t.getInputValue());null!=i&&i!==this.defaultValue&&(this.defaultValue=i,this.inputSubmit.emit({value:i})),this.editing=!1},this.handleInputBlur=this.handleInputBlur.bind(this),this.handleInputFocus=this.handleInputFocus.bind(this),this.handleInputInput=this.handleInputInput.bind(this),this.handleInputChange=this.handleInputChange.bind(this),this.handleSubmit=this.handleSubmit.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.defaultValue=null===(i=this.value)||void 0===i?void 0:i.toString()}render(){return a("div",{key:"d6c9d6921060ed1aadaf9f8a86b38cf55094d1f9",class:"click-to-edit"},a("div",{key:"8c57b870ff66e5a298a36e660c46e6aab774ad45",class:"click-to-edit-text"},a("vertex-textfield",{key:"37207acc6f39f0ecf8e7d87665638a73b357a750",ref:t=>{this.textFieldRef=t},onInputBlur:this.handleInputBlur,onInputFocus:this.handleInputFocus,onInputInput:this.handleInputInput,onInputChange:this.handleInputChange,disabled:this.disabled,fontSize:this.fontSize,autoFocus:this.autoFocus,placeholder:this.placeholder,multiline:this.multiline,minRows:this.minRows,maxRows:this.maxRows,type:"text",value:this.value,variant:"blank",onTextFieldKeyDown:this.handleKeyDown,"data-testid":"click-to-edit-text-field",hasError:this.hasError})),this.renderIcon())}renderIcon(){return this.editing?a("div",{class:"click-to-edit-icon-wrapper"},a("slot",{name:"edit-icon"},a("div",{class:"click-to-edit-button"},a("vertex-icon-button",{iconSize:"sm",iconName:"check"})))):this.disabled?a("div",null):a("div",{class:"click-to-edit-icon-wrapper"},a("slot",{name:"pencil-icon"},a("vertex-icon",{size:"sm",name:"pencil",class:n("icon-visibility","hover-icon")})))}handleInputBlur(t){t.stopPropagation(),this.inputBlur.emit(),this.handleSubmit()}handleInputFocus(t){var i;t.stopPropagation(),this.inputFocus.emit(),null===(i=this.textFieldRef)||void 0===i||i.selectAll(),this.editing=!0}handleInputInput(t){t.stopPropagation(),this.inputInput.emit({value:t.detail.value})}handleInputChange(t){t.stopPropagation(),this.inputChange.emit({value:t.detail.value})}handleValueChanged(t){this.editing||(this.defaultValue=null==t?void 0:t.toString())}static get watchers(){return{value:[{handleValueChanged:0}]}}},[262,"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"]},void 0,{value:[{handleValueChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["vertex-click-to-edit-textfield","vertex-auto-resize-textarea","vertex-icon","vertex-icon-button","vertex-textfield"].forEach((i=>{switch(i){case"vertex-click-to-edit-textfield":customElements.get(t(i))||customElements.define(t(i),r);break;case"vertex-auto-resize-textarea":customElements.get(t(i))||h();break;case"vertex-icon":customElements.get(t(i))||o();break;case"vertex-icon-button":customElements.get(t(i))||l();break;case"vertex-textfield":customElements.get(t(i))||c()}}))}d();export{r as C,d}
+import{t,p as i,H as e,c as s,h as n}from"./p-BbDaHMlz.js";import{c as h}from"./p-Beav1bNT.js";import{d as a}from"./p-DPAn1IHK.js";import{d as o}from"./p-CZeULUuy.js";import{d as l}from"./p-AbuQGpgg.js";import{d as c}from"./p-B4JVhdvU.js";const r=i(class extends e{constructor(t){var i;super(),!1!==t&&this.__registerHost(),this.inputFocus=s(this,"inputFocus"),this.inputBlur=s(this,"inputBlur"),this.inputInput=s(this,"inputInput"),this.inputChange=s(this,"inputChange"),this.inputSubmit=s(this,"inputSubmit"),this.fontSize="standard",this.multiline=!1,this.value="",this.editing=!1,this.handleKeyDown=t=>{var i,e;"Enter"!==t.detail.key||this.multiline||null===(i=this.textFieldRef)||void 0===i||i.blurInput(),"Escape"===t.detail.key&&(this.resetOnEscape(),null===(e=this.textFieldRef)||void 0===e||e.blurInput())},this.resetOnEscape=()=>{null!=this.textFieldRef&&null!=this.defaultValue&&(this.textFieldRef.updateInput(this.defaultValue),this.editing=!1)},this.handleSubmit=async()=>{var t;const i=await(null===(t=this.textFieldRef)||void 0===t?void 0:t.getInputValue());null!=i&&i!==this.defaultValue&&(this.defaultValue=i,this.inputSubmit.emit({value:i})),this.editing=!1},this.handleInputBlur=this.handleInputBlur.bind(this),this.handleInputFocus=this.handleInputFocus.bind(this),this.handleInputInput=this.handleInputInput.bind(this),this.handleInputChange=this.handleInputChange.bind(this),this.handleSubmit=this.handleSubmit.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.defaultValue=null===(i=this.value)||void 0===i?void 0:i.toString()}render(){return n("div",{key:"6d8558d27745f3044667bdb8c68c3ceb9b3a81e9",class:"click-to-edit"},n("div",{key:"22f95389b5d8222f596a7634ee478f557b0f09fb",class:"click-to-edit-text"},n("vertex-textfield",{key:"646a1482a96da4cff880b34066afdda6c682333d",ref:t=>{this.textFieldRef=t},onInputBlur:this.handleInputBlur,onInputFocus:this.handleInputFocus,onInputInput:this.handleInputInput,onInputChange:this.handleInputChange,disabled:this.disabled,fontSize:this.fontSize,autoFocus:this.autoFocus,placeholder:this.placeholder,multiline:this.multiline,minRows:this.minRows,maxRows:this.maxRows,type:"text",value:this.value,variant:"blank",onTextFieldKeyDown:this.handleKeyDown,"data-testid":"click-to-edit-text-field",hasError:this.hasError})),this.renderIcon())}renderIcon(){return this.editing?n("div",{class:"click-to-edit-icon-wrapper"},n("slot",{name:"edit-icon"},n("div",{class:"click-to-edit-button"},n("vertex-icon-button",{iconSize:"sm",iconName:"check"})))):this.disabled?n("div",null):n("div",{class:"click-to-edit-icon-wrapper"},n("slot",{name:"pencil-icon"},n("vertex-icon",{size:"sm",name:"pencil",class:h("icon-visibility","hover-icon")})))}handleInputBlur(t){t.stopPropagation(),this.inputBlur.emit(),this.handleSubmit()}handleInputFocus(t){var i;t.stopPropagation(),this.inputFocus.emit(),null===(i=this.textFieldRef)||void 0===i||i.selectAll(),this.editing=!0}handleInputInput(t){t.stopPropagation(),this.inputInput.emit({value:t.detail.value})}handleInputChange(t){t.stopPropagation(),this.inputChange.emit({value:t.detail.value})}handleValueChanged(t){this.editing||(this.defaultValue=null==t?void 0:t.toString())}static get watchers(){return{value:[{handleValueChanged:0}]}}},[262,"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"]},void 0,{value:[{handleValueChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["vertex-click-to-edit-textfield","vertex-auto-resize-textarea","vertex-icon","vertex-icon-button","vertex-textfield"].forEach((i=>{switch(i){case"vertex-click-to-edit-textfield":customElements.get(t(i))||customElements.define(t(i),r);break;case"vertex-auto-resize-textarea":customElements.get(t(i))||a();break;case"vertex-icon":customElements.get(t(i))||o();break;case"vertex-icon-button":customElements.get(t(i))||l();break;case"vertex-textfield":customElements.get(t(i))||c()}}))}d();export{r as C,d}

package/dist/components/{p-CAFdRyLE.js → p-CJf7CUm5.js}

@@ -1 +1 @@
-import{t,p as s,H as i,c as e,h as n,e as h}from"./p-BbDaHMlz.js";import{c as o}from"./p-Beav1bNT.js";import{b as r}from"./p-DEpMfvdS.js";import{d as l}from"./p-Ci26QjYl.js";class a{constructor(t,s,i){this.container=t,this.elementFactory=s,this.eventHandlerFactory=i,this.instanceMap=new Map,this.handlerMap=new Map,this.elements=[]}swapHeadToTail(t){const s=this.elements.splice(0,t);return this.elements.splice(this.elements.length,0,...s),this.elements.concat()}swapTailToHead(t){const s=this.elements.splice(-t,t);return this.elements.splice(0,0,...s),this.elements.concat()}updateElements(t){const s=t-this.elements.length;if(s>0)for(let t=0;t<s;t++)this.createElement();else for(let t=0;t<-s;t++)this.deleteElement();return this.elements.concat()}updateData(t){this.elements.forEach(((s,i)=>{const e=this.instanceMap.get(s),n=t(i);null==e||e.bindings.bind(n)}))}updateElementFactory(t){this.elementFactory=t,this.updateElements(0)}iterateElements(t){this.elements.forEach(((s,i)=>{const e=this.instanceMap.get(s);if(null==e)throw new Error("Binding not found for element.");t(s,e.bindings,i)}))}createElement(){const t=this.elementFactory();return this.elements.push(t.element),this.instanceMap.set(t.element,t),this.container.append(t.element),this.addEventListeners(t.element),t}addEventListeners(t){var s;const i=null===(s=this.eventHandlerFactory)||void 0===s?void 0:s.call(this,t);null==i||i.forEach((s=>{t.addEventListener(s.type,s.handler)})),this.handlerMap.set(t,null!=i?i:[])}deleteElement(){const t=this.elements.pop();null!=t&&(this.instanceMap.delete(t),t.remove(),this.removeEventListeners(t))}removeEventListeners(t){var s;null===(s=this.handlerMap.get(t))||void 0===s||s.forEach((s=>{t.removeEventListener(s.type,s.handler)}))}}function d(t){return t.toLowerCase()}var c=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],u=/[^A-Z0-9]+/gi;function p(t,s,i){return s instanceof RegExp?t.replace(s,i):s.reduce((function(t,s){return t.replace(s,i)}),t)}function f(t,s){var i=t.charAt(0),e=t.substr(1).toLowerCase();return s>0&&i>="0"&&i<="9"?"_"+i+e:""+i.toUpperCase()+e}function v(t,s){return 0===s?t.toLowerCase():f(t,s)}function m(t,s){return void 0===s&&(s={}),function(t,s){return void 0===s&&(s={}),function(t,s){void 0===s&&(s={});for(var i=s.splitRegexp,e=s.stripRegexp,n=void 0===e?u:e,h=s.transform,o=void 0===h?d:h,r=s.delimiter,l=void 0===r?" ":r,a=p(p(t,void 0===i?c:i,"$1\0$2"),n,"\0"),f=0,v=a.length;"\0"===a.charAt(f);)f++;for(;"\0"===a.charAt(v-1);)v--;return a.slice(f,v).split("\0").map(o).join(l)}(t,r({delimiter:"",transform:f},s))}(t,r({transform:v},s))}const w=/{{(.+)}}/;class b{constructor(t){this.bindings=t}bind(t){this.bindings.forEach((s=>s.bind(t)))}}class x{constructor(t,s){this.node=t,this.expr=s}}class g extends x{constructor(t,s){super(t,s)}bind(t){const s=M(t,this.expr);s!==this.node.textContent&&(this.node.textContent=s)}}class y extends x{constructor(t,s,i){super(t,s),this.attr=i}bind(t){const s=M(t,this.expr);this.node.getAttribute(this.attr)!==s&&this.node.setAttribute(this.attr,s)}}class E extends x{constructor(t,s,i){super(t,s),this.prop=i}bind(t){const s=function(t,s){const i=C(s);return null!=i?A(t,i,!0):s}(t,this.expr);this.node[this.prop]!==s&&(this.node[this.prop]=s)}}class k extends x{constructor(t,s,i){super(t,s),this.eventName=i}bind(t){var s;const i=C(this.expr);if(null!=i){null===(s=this.disposable)||void 0===s||s.dispose();const e=A(t,i,!0);this.node.addEventListener(this.eventName,e),this.disposable={dispose:()=>{this.node.removeEventListener(this.eventName,e)}}}}}function R(t){const s=[];if(t.nodeType===Node.ELEMENT_NODE){const i=t;Array.from(i.attributes).filter((t=>w.test(t.value))).forEach((t=>{if(t.name.startsWith("event:")){const e=m(t.name.replace("event:",""));s.push(new k(i,t.value,e))}else if(t.name.startsWith("attr:"))s.push(new y(i,t.value,t.name.replace("attr:","")));else if(t.name.startsWith("prop:")){const e=m(t.name.replace("prop:",""));s.push(new E(i,t.value,e))}}))}else t.nodeType===Node.TEXT_NODE&&null!=t.textContent&&w.test(t.textContent)&&s.push(new g(t,t.textContent));for(let i=0;i<t.childNodes.length;i++)s.push(...R(t.childNodes[i]));return s}function C(t){const s=w.exec(t);return null!=s?s[1]:void 0}function M(t,s){const i=C(s);if(null!=i){const e=A(t,i,!0);return s.replace(`{{${i}}}`,null==e?void 0:e.toString())}return s}function A(t,s,i=!1){const[e,...n]=s.split(".");if(i&&0===n.length)return t;if(i&&n.length>0)return A(t,n.join("."),!1);{const s=t[e];return n.length>0?A(s,n.join("."),!1):s}}function D(t){const s=t.content.cloneNode(!0);return{element:s.firstElementChild,bindings:new b(R(s))}}const H=(t,s,i)=>{null==t||t.scrollTo({top:null!=s&&null!=i?s*i:0})},S=s(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.enterPressed=e(this,"enterPressed"),this.resultClick=e(this,"resultClick"),this.items=[],this.viewportStartIndex=0,this.viewportEndIndex=0,this.resultHeight=32,this.overScanCount=25,this.placement="bottom-start",this.open=!1,this.parsedResults=[],this.scrollTop=0,this.lastStartIndex=0,this.lastFocusedIndex=0,this.stateMap={},this.computeResultHeight=()=>{if(null==this.computedResultHeight){const t=this.hostEl.querySelector('*[slot="result"]');null!=t&&(this.resultHeight=t.clientHeight,this.computedResultHeight=t.clientHeight)}},this.ensureTemplateDefined=()=>{const t=this.hostEl.querySelector("template");if(null==t){const t=document.createElement("template");t.innerHTML='\n        <div class="result">{{data.value}}</div>\n      ',this.hostEl.appendChild(t),this.stateMap.resultTemplate=t}else this.stateMap.resultTemplate=t},this.createResultPool=()=>{this.stateMap.resultPool=new a(this.hostEl,(()=>this.createResultInstance()),(()=>this.createResultHandlers()))},this.createResultInstance=()=>{if(null!=this.stateMap.resultTemplate){const t=D(this.stateMap.resultTemplate);return t.element.slot="result",t}throw new Error("Result template not defined.")},this.createResultHandlers=()=>[{type:"pointerdown",handler:this.handlePointerDown},{type:"click",handler:this.handleResultClick}],this.layoutResults=()=>{var t,s,i,e;const n=this.viewportEndIndex-this.viewportStartIndex+1,h=this.viewportStartIndex-this.lastStartIndex;this.lastStartIndex=this.viewportStartIndex,null===(t=this.stateMap.resultPool)||void 0===t||t.updateElements(n),h>0?null===(s=this.stateMap.resultPool)||void 0===s||s.swapHeadToTail(h):null===(i=this.stateMap.resultPool)||void 0===i||i.swapTailToHead(-h),null===(e=this.stateMap.resultPool)||void 0===e||e.iterateElements(((t,s,i)=>{const e=this.parsedResults[i+this.viewportStartIndex];null!=e&&(t.style.position="absolute",t.style.boxSizing="border-box",t.style.top=(this.viewportStartIndex+i)*this.resultHeight+"px",t.style.width="100%",t.setAttribute("is-focused",`${this.viewportStartIndex+i===this.lastFocusedIndex}`),t.setAttribute("data-result-id",e.id),s.bind(e))}))},this.handleScroll=t=>{this.scrollTop=t.target.scrollTop},this.handleKeyDown=t=>{this.open&&("ArrowUp"===t.key?(t.preventDefault(),this.lastFocusedIndex=Math.min(0,this.lastFocusedIndex-1),H(this.resultsScrollEl,this.lastFocusedIndex,this.resultHeight)):"ArrowDown"===t.key&&(t.preventDefault(),this.lastFocusedIndex=Math.min(this.lastFocusedIndex+1,this.items.length),H(this.resultsScrollEl,this.lastFocusedIndex,this.resultHeight)),"Enter"===t.key&&null!=this.lastFocusedIndex&&(t.preventDefault(),this.enterPressed.emit(this.items[this.lastFocusedIndex]),this.lastFocusedIndex=0,H(this.resultsScrollEl)))},this.handleResultClick=this.handleResultClick.bind(this),this.handlePointerDown=this.handlePointerDown.bind(this)}handleResultsChanged(t){"string"==typeof t?this.parsedResults=JSON.parse(t):null!=t&&(this.parsedResults=t)}handleOpenChanged(){this.open||0===this.scrollTop||H(this.resultsScrollEl)}componentWillLoad(){var t;this.resizeObserver=new ResizeObserver((()=>{this.listHeight=void 0})),window.addEventListener("keydown",this.handleKeyDown),this.ensureTemplateDefined(),this.createResultPool(),this.handleResultsChanged(null!==(t=this.itemsJson)&&void 0!==t?t:this.items)}componentDidLoad(){this.resizeObserver.observe(this.hostEl)}componentWillRender(){this.computeViewportResults()}componentDidRender(){this.layoutResults(),this.computeResultHeight()}disconnectedCallback(){this.resizeObserver.disconnect(),window.removeEventListener("keydown",this.handleKeyDown)}render(){return n(h,{key:"19ee95cfd94d0a7c5cb88de552db10e328885b89"},n("div",{key:"641cd82464119b2ae3034ffd99ccf421f2113f01",class:o("wrapper",{hidden:!this.open||null==this.computedResultHeight})},n("vertex-popover",{key:"03a0b984e1f4c5f9589fa6c9110944dc095992d2",position:this.position,placement:this.placement,open:this.open,backdrop:!1},n("div",{key:"c62468dd8165a7ff84700ef176c5edf988858358",class:"results-scroll",ref:t=>this.resultsScrollEl=t,onScroll:this.handleScroll},n("div",{key:"e32beb276dd3857678944a630bb93a24d6467943",class:"results",style:{height:this.parsedResults.length*this.resultHeight+"px"}},n("slot",{key:"e903e3b98d5de9919ca132843408d51a405fa775"}),n("slot",{key:"88a1a240932e069a05e3722b4de106b38c83b7e0",name:"result"}))))))}handlePointerDown(t){t.preventDefault()}handleResultClick(t){const s=t.target.closest("[data-result-id]"),i=this.parsedResults.find((t=>t.id===(null==s?void 0:s.getAttribute("data-result-id"))));null!=i&&this.resultClick.emit(i)}computeViewportResults(){const t=this.getListHeight();if(null!=t&&this.resultHeight>0){const s=Math.ceil(t/this.resultHeight),i=Math.floor(this.scrollTop/this.resultHeight),e=i+s,n=Math.max(0,i-this.overScanCount),h=Math.min(this.parsedResults.length-1,e+this.overScanCount);this.viewportStartIndex=n,this.viewportEndIndex=h}}getListHeight(){return null==this.listHeight&&(this.listHeight=this.hostEl.clientHeight),this.listHeight}get hostEl(){return this}static get watchers(){return{items:[{handleResultsChanged:0}],open:[{handleOpenChanged:0}]}}static get style(){return":host{--max-height:300px;--width:500px;--box-shadow:0 2px 5px rgba(0, 0, 0, 0.5)}.hidden{visibility:hidden;position:fixed;pointer-events:none}.results{position:relative;height:100%}.results-scroll{overflow-y:auto;max-height:var(--max-height);width:var(--width);box-shadow:var(--box-shadow);background-color:white}"}},[257,"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]},void 0,{items:[{handleResultsChanged:0}],open:[{handleOpenChanged:0}]}]);function T(){"undefined"!=typeof customElements&&["vertex-result-list","vertex-popover"].forEach((s=>{switch(s){case"vertex-result-list":customElements.get(t(s))||customElements.define(t(s),S);break;case"vertex-popover":customElements.get(t(s))||l()}}))}T();export{S as R,T as d,D as g}
+import{t,p as s,H as i,c as e,h as n,e as h}from"./p-BbDaHMlz.js";import{c as o}from"./p-Beav1bNT.js";import{b as r}from"./p-DEpMfvdS.js";import{d as l}from"./p-Ci26QjYl.js";class a{constructor(t,s,i){this.container=t,this.elementFactory=s,this.eventHandlerFactory=i,this.instanceMap=new Map,this.handlerMap=new Map,this.elements=[]}swapHeadToTail(t){const s=this.elements.splice(0,t);return this.elements.splice(this.elements.length,0,...s),this.elements.concat()}swapTailToHead(t){const s=this.elements.splice(-t,t);return this.elements.splice(0,0,...s),this.elements.concat()}updateElements(t){const s=t-this.elements.length;if(s>0)for(let t=0;t<s;t++)this.createElement();else for(let t=0;t<-s;t++)this.deleteElement();return this.elements.concat()}updateData(t){this.elements.forEach(((s,i)=>{const e=this.instanceMap.get(s),n=t(i);null==e||e.bindings.bind(n)}))}updateElementFactory(t){this.elementFactory=t,this.updateElements(0)}iterateElements(t){this.elements.forEach(((s,i)=>{const e=this.instanceMap.get(s);if(null==e)throw new Error("Binding not found for element.");t(s,e.bindings,i)}))}createElement(){const t=this.elementFactory();return this.elements.push(t.element),this.instanceMap.set(t.element,t),this.container.append(t.element),this.addEventListeners(t.element),t}addEventListeners(t){var s;const i=null===(s=this.eventHandlerFactory)||void 0===s?void 0:s.call(this,t);null==i||i.forEach((s=>{t.addEventListener(s.type,s.handler)})),this.handlerMap.set(t,null!=i?i:[])}deleteElement(){const t=this.elements.pop();null!=t&&(this.instanceMap.delete(t),t.remove(),this.removeEventListeners(t))}removeEventListeners(t){var s;null===(s=this.handlerMap.get(t))||void 0===s||s.forEach((s=>{t.removeEventListener(s.type,s.handler)}))}}function d(t){return t.toLowerCase()}var c=[/([a-z0-9])([A-Z])/g,/([A-Z])([A-Z][a-z])/g],u=/[^A-Z0-9]+/gi;function p(t,s,i){return s instanceof RegExp?t.replace(s,i):s.reduce((function(t,s){return t.replace(s,i)}),t)}function f(t,s){var i=t.charAt(0),e=t.substr(1).toLowerCase();return s>0&&i>="0"&&i<="9"?"_"+i+e:""+i.toUpperCase()+e}function v(t,s){return 0===s?t.toLowerCase():f(t,s)}function m(t,s){return void 0===s&&(s={}),function(t,s){return void 0===s&&(s={}),function(t,s){void 0===s&&(s={});for(var i=s.splitRegexp,e=s.stripRegexp,n=void 0===e?u:e,h=s.transform,o=void 0===h?d:h,r=s.delimiter,l=void 0===r?" ":r,a=p(p(t,void 0===i?c:i,"$1\0$2"),n,"\0"),f=0,v=a.length;"\0"===a.charAt(f);)f++;for(;"\0"===a.charAt(v-1);)v--;return a.slice(f,v).split("\0").map(o).join(l)}(t,r({delimiter:"",transform:f},s))}(t,r({transform:v},s))}const b=/{{(.+)}}/;class w{constructor(t){this.bindings=t}bind(t){this.bindings.forEach((s=>s.bind(t)))}}class x{constructor(t,s){this.node=t,this.expr=s}}class g extends x{constructor(t,s){super(t,s)}bind(t){const s=M(t,this.expr);s!==this.node.textContent&&(this.node.textContent=s)}}class y extends x{constructor(t,s,i){super(t,s),this.attr=i}bind(t){const s=M(t,this.expr);this.node.getAttribute(this.attr)!==s&&this.node.setAttribute(this.attr,s)}}class E extends x{constructor(t,s,i){super(t,s),this.prop=i}bind(t){const s=function(t,s){const i=C(s);return null!=i?A(t,i,!0):s}(t,this.expr);this.node[this.prop]!==s&&(this.node[this.prop]=s)}}class k extends x{constructor(t,s,i){super(t,s),this.eventName=i}bind(t){var s;const i=C(this.expr);if(null!=i){null===(s=this.disposable)||void 0===s||s.dispose();const e=A(t,i,!0);this.node.addEventListener(this.eventName,e),this.disposable={dispose:()=>{this.node.removeEventListener(this.eventName,e)}}}}}function R(t){const s=[];if(t.nodeType===Node.ELEMENT_NODE){const i=t;Array.from(i.attributes).filter((t=>b.test(t.value))).forEach((t=>{if(t.name.startsWith("event:")){const e=m(t.name.replace("event:",""));s.push(new k(i,t.value,e))}else if(t.name.startsWith("attr:"))s.push(new y(i,t.value,t.name.replace("attr:","")));else if(t.name.startsWith("prop:")){const e=m(t.name.replace("prop:",""));s.push(new E(i,t.value,e))}}))}else t.nodeType===Node.TEXT_NODE&&null!=t.textContent&&b.test(t.textContent)&&s.push(new g(t,t.textContent));for(let i=0;i<t.childNodes.length;i++)s.push(...R(t.childNodes[i]));return s}function C(t){const s=b.exec(t);return null!=s?s[1]:void 0}function M(t,s){const i=C(s);if(null!=i){const e=A(t,i,!0);return s.replace(`{{${i}}}`,null==e?void 0:e.toString())}return s}function A(t,s,i=!1){const[e,...n]=s.split(".");if(i&&0===n.length)return t;if(i&&n.length>0)return A(t,n.join("."),!1);{const s=t[e];return n.length>0?A(s,n.join("."),!1):s}}function D(t){const s=t.content.cloneNode(!0);return{element:s.firstElementChild,bindings:new w(R(s))}}const H=(t,s,i)=>{null==t||t.scrollTo({top:null!=s&&null!=i?s*i:0})},S=s(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.enterPressed=e(this,"enterPressed"),this.resultClick=e(this,"resultClick"),this.items=[],this.viewportStartIndex=0,this.viewportEndIndex=0,this.resultHeight=32,this.overScanCount=25,this.placement="bottom-start",this.open=!1,this.parsedResults=[],this.scrollTop=0,this.lastStartIndex=0,this.lastFocusedIndex=0,this.stateMap={},this.computeResultHeight=()=>{if(null==this.computedResultHeight){const t=this.hostEl.querySelector('*[slot="result"]');null!=t&&(this.resultHeight=t.clientHeight,this.computedResultHeight=t.clientHeight)}},this.ensureTemplateDefined=()=>{const t=this.hostEl.querySelector("template");if(null==t){const t=document.createElement("template");t.innerHTML='\n        <div class="result">{{data.value}}</div>\n      ',this.hostEl.appendChild(t),this.stateMap.resultTemplate=t}else this.stateMap.resultTemplate=t},this.createResultPool=()=>{this.stateMap.resultPool=new a(this.hostEl,(()=>this.createResultInstance()),(()=>this.createResultHandlers()))},this.createResultInstance=()=>{if(null!=this.stateMap.resultTemplate){const t=D(this.stateMap.resultTemplate);return t.element.slot="result",t}throw new Error("Result template not defined.")},this.createResultHandlers=()=>[{type:"pointerdown",handler:this.handlePointerDown},{type:"click",handler:this.handleResultClick}],this.layoutResults=()=>{var t,s,i,e;const n=this.viewportEndIndex-this.viewportStartIndex+1,h=this.viewportStartIndex-this.lastStartIndex;this.lastStartIndex=this.viewportStartIndex,null===(t=this.stateMap.resultPool)||void 0===t||t.updateElements(n),h>0?null===(s=this.stateMap.resultPool)||void 0===s||s.swapHeadToTail(h):null===(i=this.stateMap.resultPool)||void 0===i||i.swapTailToHead(-h),null===(e=this.stateMap.resultPool)||void 0===e||e.iterateElements(((t,s,i)=>{const e=this.parsedResults[i+this.viewportStartIndex];null!=e&&(t.style.position="absolute",t.style.boxSizing="border-box",t.style.top=(this.viewportStartIndex+i)*this.resultHeight+"px",t.style.width="100%",t.setAttribute("is-focused",`${this.viewportStartIndex+i===this.lastFocusedIndex}`),t.setAttribute("data-result-id",e.id),s.bind(e))}))},this.handleScroll=t=>{this.scrollTop=t.target.scrollTop},this.handleKeyDown=t=>{this.open&&("ArrowUp"===t.key?(t.preventDefault(),this.lastFocusedIndex=Math.min(0,this.lastFocusedIndex-1),H(this.resultsScrollEl,this.lastFocusedIndex,this.resultHeight)):"ArrowDown"===t.key&&(t.preventDefault(),this.lastFocusedIndex=Math.min(this.lastFocusedIndex+1,this.items.length),H(this.resultsScrollEl,this.lastFocusedIndex,this.resultHeight)),"Enter"===t.key&&null!=this.lastFocusedIndex&&(t.preventDefault(),this.enterPressed.emit(this.items[this.lastFocusedIndex]),this.lastFocusedIndex=0,H(this.resultsScrollEl)))},this.handleResultClick=this.handleResultClick.bind(this),this.handlePointerDown=this.handlePointerDown.bind(this)}handleResultsChanged(t){"string"==typeof t?this.parsedResults=JSON.parse(t):null!=t&&(this.parsedResults=t)}handleOpenChanged(){this.open||0===this.scrollTop||H(this.resultsScrollEl)}componentWillLoad(){var t;this.resizeObserver=new ResizeObserver((()=>{this.listHeight=void 0})),window.addEventListener("keydown",this.handleKeyDown),this.ensureTemplateDefined(),this.createResultPool(),this.handleResultsChanged(null!==(t=this.itemsJson)&&void 0!==t?t:this.items)}componentDidLoad(){this.resizeObserver.observe(this.hostEl)}componentWillRender(){this.computeViewportResults()}componentDidRender(){this.layoutResults(),this.computeResultHeight()}disconnectedCallback(){this.resizeObserver.disconnect(),window.removeEventListener("keydown",this.handleKeyDown)}render(){return n(h,{key:"6188d1a63b42f60db295fe65a9deea1fe147da3b"},n("div",{key:"756cfad6d13a89a25f44fbad6f1b96c4f486f4d9",class:o("wrapper",{hidden:!this.open||null==this.computedResultHeight})},n("vertex-popover",{key:"3978a50be1c36ffbc2ec76ff65811be26c0b21ac",position:this.position,placement:this.placement,open:this.open,backdrop:!1},n("div",{key:"589f43ab056f7dc1e640e8677a163bf1ae630305",class:"results-scroll",ref:t=>this.resultsScrollEl=t,onScroll:this.handleScroll},n("div",{key:"6dee01aa288d92a549d861f5aa475d7457ed7763",class:"results",style:{height:this.parsedResults.length*this.resultHeight+"px"}},n("slot",{key:"b02ec3bba63b4e729a8520358c5d6bb179619d3a"}),n("slot",{key:"c1bcab60e22d29ce3d45beb149771a99d1c957a0",name:"result"}))))))}handlePointerDown(t){t.preventDefault()}handleResultClick(t){const s=t.target.closest("[data-result-id]"),i=this.parsedResults.find((t=>t.id===(null==s?void 0:s.getAttribute("data-result-id"))));null!=i&&this.resultClick.emit(i)}computeViewportResults(){const t=this.getListHeight();if(null!=t&&this.resultHeight>0){const s=Math.ceil(t/this.resultHeight),i=Math.floor(this.scrollTop/this.resultHeight),e=i+s,n=Math.max(0,i-this.overScanCount),h=Math.min(this.parsedResults.length-1,e+this.overScanCount);this.viewportStartIndex=n,this.viewportEndIndex=h}}getListHeight(){return null==this.listHeight&&(this.listHeight=this.hostEl.clientHeight),this.listHeight}get hostEl(){return this}static get watchers(){return{items:[{handleResultsChanged:0}],open:[{handleOpenChanged:0}]}}static get style(){return":host{--max-height:300px;--width:500px;--box-shadow:0 2px 5px rgba(0, 0, 0, 0.5)}.hidden{visibility:hidden;position:fixed;pointer-events:none}.results{position:relative;height:100%}.results-scroll{overflow-y:auto;max-height:var(--max-height);width:var(--width);box-shadow:var(--box-shadow);background-color:white}"}},[257,"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]},void 0,{items:[{handleResultsChanged:0}],open:[{handleOpenChanged:0}]}]);function T(){"undefined"!=typeof customElements&&["vertex-result-list","vertex-popover"].forEach((s=>{switch(s){case"vertex-result-list":customElements.get(t(s))||customElements.define(t(s),S);break;case"vertex-popover":customElements.get(t(s))||l()}}))}T();export{S as R,T as d,D as g}

package/dist/components/{p-D3BXoJJN.js → p-CJm62lko.js}

@@ -1 +1 @@
-import{t,p as e,H as i,h as n,e as s}from"./p-BbDaHMlz.js";import{_ as o,a as r}from"./p-DEpMfvdS.js";import"./p-CDYHYPYF.js";import{c as a}from"./p-Beav1bNT.js";import{g as h}from"./p-DO6VjClS.js";import{a as l}from"./p-DXuCPm6v.js";import{d}from"./p-Ci26QjYl.js";var c,p=new Uint8Array(16);function u(){if(!c&&!(c="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 c(p)}for(var f,v=/^(?:[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,m=[],g=0;g<256;++g)m.push((g+256).toString(16).substr(1));function b(t){var e=(t=t||{}).random||(t.rng||u)();return e[6]=15&e[6]|64,e[8]=63&e[8]|128,function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=(m[t[e+0]]+m[t[e+1]]+m[t[e+2]]+m[t[e+3]]+"-"+m[t[e+4]]+m[t[e+5]]+"-"+m[t[e+6]]+m[t[e+7]]+"-"+m[t[e+8]]+m[t[e+9]]+"-"+m[t[e+10]]+m[t[e+11]]+m[t[e+12]]+m[t[e+13]]+m[t[e+14]]+m[t[e+15]]).toLowerCase();if(!function(t){return"string"==typeof t&&v.test(t)}(i))throw TypeError("Stringified UUID is invalid");return i}(e)}f=Error,r((function t(e){var i=f.call(this,"Validation error mapping object.")||this;return i.errors=e,Object.setPrototypeOf(i,t.prototype),i}),f);var y=Object.freeze({__proto__:null,create:function(){return b()},fromMsbLsb:function(t,e){function i(t,e){var i=BigInt(1)<<e*BigInt(4);return(i|t&i-BigInt(1)).toString(16).substring(1)}var n="string"==typeof t?BigInt(t):t,s="string"==typeof e?BigInt(e):e,o=i(n>>BigInt(32),BigInt(8)),r=i(n>>BigInt(16),BigInt(4)),a=i(n,BigInt(4)),h=i(s>>BigInt(48),BigInt(4)),l=i(s,BigInt(12));return"".concat(o,"-").concat(r,"-").concat(a,"-").concat(h,"-").concat(l)},toMsbLsb:function(t){var e=o(t.split("-"),5),i=e[0],n=e[1],s=e[2],r=e[3],a=e[4];if(null==i||null==n||null==s||null==r||null==a)throw new Error("Invalid UUID string ".concat(t));var h=BigInt.asIntN(64,BigInt("0x".concat(i+n+s))),l=BigInt.asIntN(64,BigInt("0x".concat(r+a)));return{msb:h.toString(),lsb:l.toString()}}});const x=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.delay=500,this.animated=!0,this.open=!1,this.pointerEntered=!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-${y.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(s,{key:"52cf61786b9455c308412c74920fa13c2fbf39da"},n("div",{key:"c80ad2bc646d508cf7a24de7e30d173a0067c166",class:"target",ref:t=>{this.targetElement=t},onPointerEnter:this.handlePointerEnter,onPointerLeave:this.handlePointerLeave},n("slot",{key:"30fd8fb5dd907e941dff798976be471f35db7d45"})),n("div",{key:"8b136bdf9305bc837c2e159d8d3c6c2543c4422f",class:"content-hidden",ref:t=>{this.contentElement=t}},n("slot",{key:"bf2a10df58687e96f3b0da3f8e9b5aa8b3babefa",name:"content",onSlotchange:this.handleContentChange})))}addElement(){if(null!=this.targetElement){const t=this.createPopoverElement(this.targetElement),e=this.createContentElement();this.updateContentElementChildren(e),t.appendChild(e),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 e=this.hostElement.ownerDocument.createElement("vertex-popover");return e.id=this.tooltipId,e.setAttribute("class","vertex-tooltip-popover"),e.open=this.open,e.resizeBehavior="fixed",e.backdrop=!1,e.placement=this.placement,e.animated=this.animated,e.anchorBounds=h(t),e}createContentElement(){return this.internalContentElement=this.hostElement.ownerDocument.createElement("div"),this.internalContentElement.setAttribute("class",a("vertex-tooltip-content",{hidden:!this.open||this.disabled})),this.internalContentElement}updateContentElementClass(t){t.setAttribute("class",a("vertex-tooltip-content",{hidden:!this.open||this.disabled}))}updateContentElementChildren(t){var e;this.displayedSlottedContent=null!==(e=l(this.contentElement))&&void 0!==e?e: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 this}static get watchers(){return{content:[{handleContentChange:0}],disabled:[{handleDisabledChange:0}]}}static get style(){return":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}"}},[257,"vertex-tooltip",{content:[1],disabled:[4],placement:[1],delay:[2],animated:[4],open:[32]},void 0,{content:[{handleContentChange:0}],disabled:[{handleDisabledChange:0}]}]);function C(){"undefined"!=typeof customElements&&["vertex-tooltip","vertex-popover"].forEach((e=>{switch(e){case"vertex-tooltip":customElements.get(t(e))||customElements.define(t(e),x);break;case"vertex-popover":customElements.get(t(e))||d()}}))}C();export{x as T,C as d}
+import{t,p as e,H as i,h as n,e as s}from"./p-BbDaHMlz.js";import{_ as o,a as r}from"./p-DEpMfvdS.js";import"./p-CDYHYPYF.js";import{c as a}from"./p-Beav1bNT.js";import{g as h}from"./p-DO6VjClS.js";import{a as l}from"./p-DXuCPm6v.js";import{d}from"./p-Ci26QjYl.js";var c,p=new Uint8Array(16);function u(){if(!c&&!(c="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 c(p)}for(var f,v=/^(?:[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,m=[],g=0;g<256;++g)m.push((g+256).toString(16).substr(1));function b(t){var e=(t=t||{}).random||(t.rng||u)();return e[6]=15&e[6]|64,e[8]=63&e[8]|128,function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i=(m[t[e+0]]+m[t[e+1]]+m[t[e+2]]+m[t[e+3]]+"-"+m[t[e+4]]+m[t[e+5]]+"-"+m[t[e+6]]+m[t[e+7]]+"-"+m[t[e+8]]+m[t[e+9]]+"-"+m[t[e+10]]+m[t[e+11]]+m[t[e+12]]+m[t[e+13]]+m[t[e+14]]+m[t[e+15]]).toLowerCase();if(!function(t){return"string"==typeof t&&v.test(t)}(i))throw TypeError("Stringified UUID is invalid");return i}(e)}f=Error,r((function t(e){var i=f.call(this,"Validation error mapping object.")||this;return i.errors=e,Object.setPrototypeOf(i,t.prototype),i}),f);var y=Object.freeze({__proto__:null,create:function(){return b()},fromMsbLsb:function(t,e){function i(t,e){var i=BigInt(1)<<e*BigInt(4);return(i|t&i-BigInt(1)).toString(16).substring(1)}var n="string"==typeof t?BigInt(t):t,s="string"==typeof e?BigInt(e):e,o=i(n>>BigInt(32),BigInt(8)),r=i(n>>BigInt(16),BigInt(4)),a=i(n,BigInt(4)),h=i(s>>BigInt(48),BigInt(4)),l=i(s,BigInt(12));return"".concat(o,"-").concat(r,"-").concat(a,"-").concat(h,"-").concat(l)},toMsbLsb:function(t){var e=o(t.split("-"),5),i=e[0],n=e[1],s=e[2],r=e[3],a=e[4];if(null==i||null==n||null==s||null==r||null==a)throw new Error("Invalid UUID string ".concat(t));var h=BigInt.asIntN(64,BigInt("0x".concat(i+n+s))),l=BigInt.asIntN(64,BigInt("0x".concat(r+a)));return{msb:h.toString(),lsb:l.toString()}}});const x=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.placement="bottom",this.delay=500,this.animated=!0,this.open=!1,this.pointerEntered=!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-${y.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(s,{key:"3930a26de470834980f7ae4c20aaad2608ae7c30"},n("div",{key:"3629480073cc99477d5b9bca6bfeb52113f8b1c4",class:"target",ref:t=>{this.targetElement=t},onPointerEnter:this.handlePointerEnter,onPointerLeave:this.handlePointerLeave},n("slot",{key:"0188c14cca67998c42b3bd7663129dc3cd282f12"})),n("div",{key:"1bc3fef4a7a492f4263870934f3ddc3f0e777316",class:"content-hidden",ref:t=>{this.contentElement=t}},n("slot",{key:"bd0ee15400cc05d17ddfe457fcbf751a90a06aae",name:"content",onSlotchange:this.handleContentChange})))}addElement(){if(null!=this.targetElement){const t=this.createPopoverElement(this.targetElement),e=this.createContentElement();this.updateContentElementChildren(e),t.appendChild(e),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 e=this.hostElement.ownerDocument.createElement("vertex-popover");return e.id=this.tooltipId,e.setAttribute("class","vertex-tooltip-popover"),e.open=this.open,e.resizeBehavior="fixed",e.backdrop=!1,e.placement=this.placement,e.animated=this.animated,e.anchorBounds=h(t),e}createContentElement(){return this.internalContentElement=this.hostElement.ownerDocument.createElement("div"),this.internalContentElement.setAttribute("class",a("vertex-tooltip-content",{hidden:!this.open||this.disabled})),this.internalContentElement}updateContentElementClass(t){t.setAttribute("class",a("vertex-tooltip-content",{hidden:!this.open||this.disabled}))}updateContentElementChildren(t){var e;this.displayedSlottedContent=null!==(e=l(this.contentElement))&&void 0!==e?e: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 this}static get watchers(){return{content:[{handleContentChange:0}],disabled:[{handleDisabledChange:0}]}}static get style(){return":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}"}},[257,"vertex-tooltip",{content:[1],disabled:[4],placement:[1],delay:[2],animated:[4],open:[32]},void 0,{content:[{handleContentChange:0}],disabled:[{handleDisabledChange:0}]}]);function C(){"undefined"!=typeof customElements&&["vertex-tooltip","vertex-popover"].forEach((e=>{switch(e){case"vertex-tooltip":customElements.get(t(e))||customElements.define(t(e),x);break;case"vertex-popover":customElements.get(t(e))||d()}}))}C();export{x as T,C as d}

package/dist/components/p-CMsgieMk.js

@@ -0,0 +1 @@
+import{t,p as e,H as o,c as i,d as a,h as n}from"./p-BbDaHMlz.js";import{c as s}from"./p-Beav1bNT.js";import{d as r}from"./p-CZeULUuy.js";import{d as c}from"./p-Ci26QjYl.js";const d=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.positionChanged=i(this,"positionChanged"),this.anchorPosition={x:0,y:0},this.lastPosition={x:0,y:0},this.dragging=!1,this.handlePointerDown=t=>{this.updateAnchorPosition(),this.lastPosition={x:t.clientX,y:t.clientY},this.dragging=!0,window.addEventListener("pointermove",this.handlePointerMove),window.addEventListener("pointerup",this.handlePointerUp)},this.handlePointerMove=t=>{const e={x:t.clientX,y:t.clientY};this.anchorPosition={x:this.anchorPosition.x+(e.x-this.lastPosition.x),y:this.anchorPosition.y+(e.y-this.lastPosition.y)},this.lastPosition=e},this.handlePointerUp=()=>{this.updateAnchorPosition(),this.lastPosition=this.anchorPosition,this.dragging=!1,window.removeEventListener("pointermove",this.handlePointerMove),window.removeEventListener("pointerup",this.handlePointerUp)},this.updateAnchorPosition=()=>{a((()=>{if(null!=this.containerEl){const t=this.containerEl.getBoundingClientRect();this.anchorPosition={x:t.x,y:t.y}}}))}}connectedCallback(){this.updatePosition(this.position)}updatePosition(t){null!=t&&(this.anchorPosition="object"==typeof t?t:JSON.parse(t),this.lastPosition=this.anchorPosition)}lastPositionChanged(){this.positionChanged.emit(this.anchorPosition)}render(){return n("vertex-popover",{key:"86c20b3ba5b63eb38f21549573e122ccb8144212",position:this.anchorPosition,boundarySelector:this.boundarySelector,backdrop:!1,open:!0,resizeBehavior:"fixed",updateOnResize:!this.dragging,overflowBehavior:{altBoundary:!0,padding:this.boundaryPadding},flipBehavior:{fallbackPlacements:[],fallbackStrategy:"initialPlacement"}},n("div",{key:"8fb98d6b8d6d5e87ca073f4b3c63b7d50d6257b8",ref:t=>this.containerEl=t,class:s("container",{dragging:this.dragging})},n("div",{key:"b16df51174e835c41a07c1f1b73a94455a4e757d",class:"icon-container"},n("div",{key:"48fd741e3b37abc7ce437ddc35fe704bff14b495",class:"icon",onPointerDown:this.handlePointerDown},n("slot",{key:"cb89ddbe45eed5e474dc4fcc9b423381bcbc2db4",name:"drag-icon"},n("vertex-icon",{key:"0e2d8df939e14b2c9215ceb8b864219bc925bb47",size:"sm",name:"drag-indicator"})))),n("div",{key:"6e125a7c43116749f52c0dbb5cedd763aaa66262",class:"contents"},n("slot",{key:"091a965249d66f7138faaa53081e200ba26288a1"}))))}static get watchers(){return{position:[{updatePosition:0}],lastPosition:[{lastPositionChanged:0}]}}static get style(){return"button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{position:fixed;top:0;left:0;white-space:nowrap;--background-color:var(--vertex-ui-white);--color:var(--vertex-ui-neutral-700);--background-opacity:0.95;--contents-opacity:0.95;--font-family:var(--vertex-ui-font-family);--font-size:var(--vertex-ui-text-base);--drag-icon:all-scroll;--dragging-icon:all-scroll}.container{display:flex;column-gap:0.5rem;padding:0.8125rem 0.5625rem 1rem 0.625rem;background-color:rgb(from var(--background-color) r g b / var(--background-opacity));border-radius:0.5rem;box-shadow:0 0 5px rgba(0, 0, 0, 0.25);color:var(--color);font-family:var(--font-family);font-size:var(--font-size)}.container:not(.dragging) .icon{cursor:var(--drag-icon)}.container.dragging{cursor:var(--dragging-icon)}.container.dragging *{user-select:none}.icon-container{display:flex;flex-direction:column}.icon-button{display:flex;align-items:center}.contents{opacity:var(--contents-opacity)}"}},[257,"vertex-draggable-popover",{position:[1],boundarySelector:[1,"boundary-selector"],boundaryPadding:[2,"boundary-padding"],anchorPosition:[32],lastPosition:[32],dragging:[32]},void 0,{position:[{updatePosition:0}],lastPosition:[{lastPositionChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["vertex-draggable-popover","vertex-icon","vertex-popover"].forEach((e=>{switch(e){case"vertex-draggable-popover":customElements.get(t(e))||customElements.define(t(e),d);break;case"vertex-icon":customElements.get(t(e))||r();break;case"vertex-popover":customElements.get(t(e))||c()}}))}l();export{d as D,l as d}

package/dist/components/{p-Bo65Viuh.js → p-COpcsGR-.js}

@@ -1 +1 @@
-import{t as e,p as r,H as a,c as i,h as t}from"./p-BbDaHMlz.js";import{c as o}from"./p-Beav1bNT.js";const d=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=i(this,"valueChanged"),this.disabled=!1}render(){return t("label",{key:"9cfcdcc8d4c33bea901c1880c12f24157c67f5a6",class:o("radio",{disabled:this.disabled})},t("input",{key:"8543fe1dbd8e8b338d155c0f3932b41b51a59a78",disabled:this.disabled,onChange:e=>{const r=e.target;this.valueChanged.emit({checked:r.checked,value:r.value})},type:"radio",id:`vertex-radio-${this.name}-${this.value}`,name:this.name,value:this.value,checked:this.checked}),t("span",{key:"e0c333b342cbbf23a94e27925ed4ac1d51800cb6",class:o("checkmark",{disabled:this.disabled})}),this.label)}static get style(){return'.radio.sc-vertex-radio{display:inline-flex;position:relative;font-family:var(--vertex-ui-font-family);color:var( --vertex-ui-neutral-700);margin:4px 0px;white-space:nowrap}.radio.sc-vertex-radio:not(.disabled):hover{color:var( --vertex-ui-neutral-800)}.radio.sc-vertex-radio input.sc-vertex-radio{position:absolute;opacity:0;cursor:pointer}.radio.sc-vertex-radio:not(.disabled){cursor:pointer}.radio.disabled.sc-vertex-radio input.sc-vertex-radio{cursor:not-allowed}.checkmark.sc-vertex-radio{display:flex;position:relative;margin:auto;margin-right:0.75rem;height:16px;width:16px;background-color:var(--vertex-ui-white);border-radius:50%;border:1px solid var(--vertex-ui-neutral-400)}.checkmark.disabled.sc-vertex-radio{cursor:not-allowed}.radio.sc-vertex-radio:not(.disabled):hover input.sc-vertex-radio~.checkmark.sc-vertex-radio{border:1px solid var(--vertex-ui-neutral-500);cursor:pointer}.radio.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid  var(--vertex-ui-blue-700)}.radio.disabled.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid var( --vertex-ui-neutral-400)}.radio.sc-vertex-radio:not(.disabled):hover input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid  var(--vertex-ui-blue-500);cursor:pointer}.checkmark.sc-vertex-radio:after{content:"";position:absolute;display:none}.radio.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio:after{display:flex}.radio.sc-vertex-radio .checkmark.sc-vertex-radio:after{position:relative;margin:auto;width:12px;height:12px;border-radius:50%;background:var(--vertex-ui-blue-700)}.radio.sc-vertex-radio:hover .checkmark.sc-vertex-radio:after{background:var(--vertex-ui-blue-500);cursor:pointer}.radio.disabled.sc-vertex-radio .checkmark.sc-vertex-radio:after{background:var( --vertex-ui-neutral-400)}.disabled.sc-vertex-radio{color:var( --vertex-ui-neutral-400)}'}},[2,"vertex-radio",{disabled:[516],value:[513],label:[513],name:[513],checked:[516]}]);function c(){"undefined"!=typeof customElements&&["vertex-radio"].forEach((r=>{"vertex-radio"===r&&(customElements.get(e(r))||customElements.define(e(r),d))}))}c();export{d as R,c as d}
+import{t as e,p as r,H as a,c as i,h as t}from"./p-BbDaHMlz.js";import{c as o}from"./p-Beav1bNT.js";const d=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.valueChanged=i(this,"valueChanged"),this.disabled=!1}render(){return t("label",{key:"aa10aec61650e5add364c5985103b4a1454ab4f6",class:o("radio",{disabled:this.disabled})},t("input",{key:"b098d0cdf58d0f5ab5338b018302894088f082be",disabled:this.disabled,onChange:e=>{const r=e.target;this.valueChanged.emit({checked:r.checked,value:r.value})},type:"radio",id:`vertex-radio-${this.name}-${this.value}`,name:this.name,value:this.value,checked:this.checked}),t("span",{key:"79ba876704c1027854a2cc6470ff379b7a554fd2",class:o("checkmark",{disabled:this.disabled})}),this.label)}static get style(){return'.radio.sc-vertex-radio{display:inline-flex;position:relative;font-family:var(--vertex-ui-font-family);color:var( --vertex-ui-neutral-700);margin:4px 0px;white-space:nowrap}.radio.sc-vertex-radio:not(.disabled):hover{color:var( --vertex-ui-neutral-800)}.radio.sc-vertex-radio input.sc-vertex-radio{position:absolute;opacity:0;cursor:pointer}.radio.sc-vertex-radio:not(.disabled){cursor:pointer}.radio.disabled.sc-vertex-radio input.sc-vertex-radio{cursor:not-allowed}.checkmark.sc-vertex-radio{display:flex;position:relative;margin:auto;margin-right:0.75rem;height:16px;width:16px;background-color:var(--vertex-ui-white);border-radius:50%;border:1px solid var(--vertex-ui-neutral-400)}.checkmark.disabled.sc-vertex-radio{cursor:not-allowed}.radio.sc-vertex-radio:not(.disabled):hover input.sc-vertex-radio~.checkmark.sc-vertex-radio{border:1px solid var(--vertex-ui-neutral-500);cursor:pointer}.radio.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid  var(--vertex-ui-blue-700)}.radio.disabled.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid var( --vertex-ui-neutral-400)}.radio.sc-vertex-radio:not(.disabled):hover input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio{border:1px solid  var(--vertex-ui-blue-500);cursor:pointer}.checkmark.sc-vertex-radio:after{content:"";position:absolute;display:none}.radio.sc-vertex-radio input.sc-vertex-radio:checked~.checkmark.sc-vertex-radio:after{display:flex}.radio.sc-vertex-radio .checkmark.sc-vertex-radio:after{position:relative;margin:auto;width:12px;height:12px;border-radius:50%;background:var(--vertex-ui-blue-700)}.radio.sc-vertex-radio:hover .checkmark.sc-vertex-radio:after{background:var(--vertex-ui-blue-500);cursor:pointer}.radio.disabled.sc-vertex-radio .checkmark.sc-vertex-radio:after{background:var( --vertex-ui-neutral-400)}.disabled.sc-vertex-radio{color:var( --vertex-ui-neutral-400)}'}},[2,"vertex-radio",{disabled:[516],value:[513],label:[513],name:[513],checked:[516]}]);function s(){"undefined"!=typeof customElements&&["vertex-radio"].forEach((r=>{"vertex-radio"===r&&(customElements.get(e(r))||customElements.define(e(r),d))}))}s();export{d as R,s as d}

package/dist/components/p-CWcvAmjb.js

@@ -0,0 +1 @@
+import{t as e,p as r,H as t,h as i}from"./p-BbDaHMlz.js";import{c as a}from"./p-Beav1bNT.js";const o=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="filled",this.color="secondary",this.size="md"}render(){return i("div",{key:"13af3c5c98810cc30064a2121b0354f40b076753",class:a("root",this.size,{filled:"filled"===this.variant,outlined:"outlined"===this.variant,"chip-primary":"primary"===this.color,"chip-secondary":"secondary"===this.color})},i("div",{key:"41f2150577c1a3e98a9eef89462c8d5c5ffe424d",class:"avatar"},i("slot",{key:"b591d3659756e45d7cdc8c91008ccb2cc2bb6068",name:"avatar"})),i("slot",{key:"53ffe1b0ca2b1458abe5c06bbbe2ff330a60857e",name:"icon-start"}),i("slot",{key:"211dce4cf11e822c087403c99ed61d2f0d03f3dd"}),i("slot",{key:"ef06337811596fa68647638ed24e5bd7b10b9320",name:"icon"}))}static get style(){return".root{display:flex;align-items:center;width:fit-content;border-radius:16px}.root.sm{font-size:var(--vertex-ui-text-sm);padding:0.33rem;padding-left:0.25rem;max-height:0.75rem}.root.md{font-size:var(--vertex-ui-text-base);padding:0.5rem;padding-left:0.25rem;max-height:1rem}.root.lg{font-size:var(--vertex-ui-text-base);padding:0.75rem;padding-left:0.25rem;max-height:1.25rem}.filled{color:white}.chip-primary{color:white}.chip-secondary{color:var(--vertex-ui-neutral-800)}.filled.chip-secondary{color:var(--vertex-ui-neutral-800);background-color:var(--vertex-ui-neutral-200)}.filled.chip-primary{background-color:var(--vertex-ui-blue-700)}.outlined.chip-primary{border:1px solid var(--vertex-ui-blue-700);color:var(--vertex-ui-blue-700)}.outlined.chip-secondary{border:1px solid var(--vertex-ui-neutral-200);color:var(--vertex-ui-neutral-700)}.avatar{margin-right:0.25rem}"}},[257,"vertex-chip",{variant:[1],color:[1],size:[1]}]);function c(){"undefined"!=typeof customElements&&["vertex-chip"].forEach((r=>{"vertex-chip"===r&&(customElements.get(e(r))||customElements.define(e(r),o))}))}c();export{o as C,c as d}

package/dist/components/{p-C1qwHMcr.js → p-CZeULUuy.js}

@@ -1 +1 @@
-import{t as e,p as i,H as t,h as s}from"./p-BbDaHMlz.js";import{c as r}from"./p-Beav1bNT.js";import{g as n}from"./p-DPgx10Cw.js";const c=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="md"}render(){return s("div",{key:"4e0872b4c1aef6cfde8cb837d022b1546d08be87",class:"container"},s("div",{key:"6a3e7a4bc21a2b862fc64c7d0f9e6c17b853d0fa",class:r("icon",{xs:"xs"===this.size,sm:"sm"===this.size,md:"md"===this.size,lg:"lg"===this.size})},n(this.name)))}static get style(){return".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%}"}},[1,"vertex-icon",{name:[1],size:[1]}]);function o(){"undefined"!=typeof customElements&&["vertex-icon"].forEach((i=>{"vertex-icon"===i&&(customElements.get(e(i))||customElements.define(e(i),c))}))}o();export{c as I,o as d}
+import{t as e,p as i,H as t,h as s}from"./p-BbDaHMlz.js";import{c as r}from"./p-Beav1bNT.js";import{g as n}from"./p-BK-dLbv3.js";const c=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="md"}render(){return s("div",{key:"8e0181f7e02c3f79640a780b4911f72b1ebfadb3",class:"container"},s("div",{key:"7a51fdd9493b060595225247e5c82f40e4438371",class:r("icon",{xs:"xs"===this.size,sm:"sm"===this.size,md:"md"===this.size,lg:"lg"===this.size})},n(this.name)))}static get style(){return".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%}"}},[1,"vertex-icon",{name:[1],size:[1]}]);function o(){"undefined"!=typeof customElements&&["vertex-icon"].forEach((i=>{"vertex-icon"===i&&(customElements.get(e(i))||customElements.define(e(i),c))}))}o();export{c as I,o as d}

package/dist/components/p-CaDQM3f3.js

@@ -0,0 +1 @@
+import{t as e,p as t,H as a,h as s}from"./p-BbDaHMlz.js";const o=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s("div",{key:"6d4d6f883906bcd715beeeaaaaf0b172480672a1",class:"root"},s("div",{key:"9d1a996dde7803c3053c63be80a3099637442f43",class:"base"},s("slot",{key:"29f763070f2d46edcfbc6683f4b3a7efc69edef6",name:"base"})),s("div",{key:"406f3a4822e91ebc9cf97f1bc846d259e7ba9acb",class:"top"},s("slot",{key:"d8ddd645047a1bdb7e0239587b1e438f185d5a14"})))}static get style(){return".root{position:relative}.base{position:absolute;left:0;top:0}.top{position:absolute;left:0.5rem;top:0.5rem}"}},[257,"vertex-avatar-group"]);function r(){"undefined"!=typeof customElements&&["vertex-avatar-group"].forEach((t=>{"vertex-avatar-group"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}r();export{o as A,r as d}

package/dist/components/{p-y4p55dbx.js → p-CltvgC9y.js}

@@ -1 +1 @@
-import{t as e,p as r,H as t,c as a,h as o}from"./p-BbDaHMlz.js";import{c as d}from"./p-Beav1bNT.js";import{d as c}from"./p-C1qwHMcr.js";const i=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=a(this,"valueChanged"),this.variant="check",this.disabled=!1,this.checked=!1}render(){const e=()=>{this.disabled||(this.checked=!this.checked,this.valueChanged.emit(this.checked))};return o("button",{key:"4a73be19dfaf30d2d883bebcf2e54e408830a6bb",class:d(this.variant,{checked:this.checked,disabled:this.disabled}),onClick:e,onSubmit:e},"check"===this.variant&&o("div",{key:"9255fc90b4f4c7888c536fe7d521e8e06d39627a",class:d("checked-content",{checked:this.checked,disabled:this.disabled})},this.checked&&o("vertex-icon",{key:"a672019a099ac5111c3028dfce593ba8e975621b",name:"check",size:"md"})),"switch"===this.variant&&o("div",{key:"5f97ed9dc39b6bdaee0a3b7a102a8397a22be859",class:d("track",{disabled:this.disabled,checked:this.checked})}),"switch"===this.variant&&o("div",{key:"090a9ac2ecca6d0118d5580ea186697aace6ba44",class:d("handle",{disabled:this.disabled,checked:this.checked})}))}static get style(){return"button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{display:flex}.check{border:1px solid var(--vertex-ui-neutral-400);box-shadow:0 0 2px var(--vertex-ui-neutral-400);border-radius:4px;width:1rem;height:1rem;padding:0}.check:not(.disabled){cursor:pointer}.check.disabled{border:1px solid var(--vertex-ui-neutral-200);box-shadow:0 0 2px var(--vertex-ui-neutral-200)}.check:focus-visible:not(.disabled){outline:none;border:1px solid var(--vertex-ui-neutral-600);box-shadow:0 0 2px var(--vertex-ui-neutral-600)}.check:focus-visible:not(.disabled)>.checked-content.checked{background-color:var(--vertex-ui-blue-800);box-shadow:0 0 2px var(--vertex-ui-blue-800)}.check:hover:not(.disabled){border:1px solid var(--vertex-ui-neutral-500);box-shadow:0 0 2px var(--vertex-ui-neutral-500)}.check.checked:not(.disabled){border:none;box-shadow:none}.check:hover:not(.disabled)>.checked-content.checked{background-color:var(--vertex-ui-blue-500);box-shadow:0 0 2px var(--vertex-ui-blue-500)}.checked-content{width:100%;height:100%;border-radius:4px}.checked-content.disabled{background-color:var(--vertex-ui-neutral-050);color:var(--vertex-ui-neutral-500)}.checked-content.checked:not(.disabled){background-color:var(--vertex-ui-blue-700);box-shadow:0 0 2px var(--vertex-ui-blue-700);color:var(--vertex-ui-white)}.switch{position:relative;width:2.25rem;height:1.25rem;padding:0;display:inline-block}.switch:not(.disabled){cursor:pointer}.track{position:absolute;top:0;background-color:var(--vertex-ui-neutral-300);width:2rem;padding:0 0.125rem;margin:0.1875rem 0;height:0.875rem;border-radius:7rem}.track.disabled{background-color:var(--vertex-ui-neutral-200)}.track.disabled.checked{background-color:var(--vertex-ui-blue-200)}.handle{position:absolute;top:0;left:0;background-color:var(--vertex-ui-neutral-100);box-shadow:-1px 1px rgba(0, 0, 0, 0.15);width:1.25rem;height:1.25rem;border-radius:100%;display:flex;transition:left 0.25s}.handle.disabled{box-shadow:none}.track:not(.disabled).checked{background-color:var(--vertex-ui-blue-300)}.handle.checked{left:1rem}.handle.checked:not(.disabled){background-color:var(--vertex-ui-blue-600)}.handle.checked.disabled{background-color:var(--vertex-ui-blue-300)}"}},[1,"vertex-toggle",{variant:[1],disabled:[4],checked:[1540]}]);function s(){"undefined"!=typeof customElements&&["vertex-toggle","vertex-icon"].forEach((r=>{switch(r){case"vertex-toggle":customElements.get(e(r))||customElements.define(e(r),i);break;case"vertex-icon":customElements.get(e(r))||c()}}))}s();export{i as T,s as d}
+import{t as e,p as r,H as t,c as a,h as o}from"./p-BbDaHMlz.js";import{c as d}from"./p-Beav1bNT.js";import{d as i}from"./p-CZeULUuy.js";const c=r(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChanged=a(this,"valueChanged"),this.variant="check",this.disabled=!1,this.checked=!1}render(){const e=()=>{this.disabled||(this.checked=!this.checked,this.valueChanged.emit(this.checked))};return o("button",{key:"f9bd0fe8a916f065196e88a81626895a8e439406",class:d(this.variant,{checked:this.checked,disabled:this.disabled}),onClick:e,onSubmit:e},"check"===this.variant&&o("div",{key:"5b493e4f5f0f92bfa008c93244ae47aed3728650",class:d("checked-content",{checked:this.checked,disabled:this.disabled})},this.checked&&o("vertex-icon",{key:"2bd120510b6242b219176be2852db6fb10c7dbe5",name:"check",size:"md"})),"switch"===this.variant&&o("div",{key:"f9293427a7420a6f266a477157c802e37f3516af",class:d("track",{disabled:this.disabled,checked:this.checked})}),"switch"===this.variant&&o("div",{key:"7e7409797f2951a698c069e7353abcf42890feda",class:d("handle",{disabled:this.disabled,checked:this.checked})}))}static get style(){return"button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{display:flex}.check{border:1px solid var(--vertex-ui-neutral-400);box-shadow:0 0 2px var(--vertex-ui-neutral-400);border-radius:4px;width:1rem;height:1rem;padding:0}.check:not(.disabled){cursor:pointer}.check.disabled{border:1px solid var(--vertex-ui-neutral-200);box-shadow:0 0 2px var(--vertex-ui-neutral-200)}.check:focus-visible:not(.disabled){outline:none;border:1px solid var(--vertex-ui-neutral-600);box-shadow:0 0 2px var(--vertex-ui-neutral-600)}.check:focus-visible:not(.disabled)>.checked-content.checked{background-color:var(--vertex-ui-blue-800);box-shadow:0 0 2px var(--vertex-ui-blue-800)}.check:hover:not(.disabled){border:1px solid var(--vertex-ui-neutral-500);box-shadow:0 0 2px var(--vertex-ui-neutral-500)}.check.checked:not(.disabled){border:none;box-shadow:none}.check:hover:not(.disabled)>.checked-content.checked{background-color:var(--vertex-ui-blue-500);box-shadow:0 0 2px var(--vertex-ui-blue-500)}.checked-content{width:100%;height:100%;border-radius:4px}.checked-content.disabled{background-color:var(--vertex-ui-neutral-050);color:var(--vertex-ui-neutral-500)}.checked-content.checked:not(.disabled){background-color:var(--vertex-ui-blue-700);box-shadow:0 0 2px var(--vertex-ui-blue-700);color:var(--vertex-ui-white)}.switch{position:relative;width:2.25rem;height:1.25rem;padding:0;display:inline-block}.switch:not(.disabled){cursor:pointer}.track{position:absolute;top:0;background-color:var(--vertex-ui-neutral-300);width:2rem;padding:0 0.125rem;margin:0.1875rem 0;height:0.875rem;border-radius:7rem}.track.disabled{background-color:var(--vertex-ui-neutral-200)}.track.disabled.checked{background-color:var(--vertex-ui-blue-200)}.handle{position:absolute;top:0;left:0;background-color:var(--vertex-ui-neutral-100);box-shadow:-1px 1px rgba(0, 0, 0, 0.15);width:1.25rem;height:1.25rem;border-radius:100%;display:flex;transition:left 0.25s}.handle.disabled{box-shadow:none}.track:not(.disabled).checked{background-color:var(--vertex-ui-blue-300)}.handle.checked{left:1rem}.handle.checked:not(.disabled){background-color:var(--vertex-ui-blue-600)}.handle.checked.disabled{background-color:var(--vertex-ui-blue-300)}"}},[1,"vertex-toggle",{variant:[1],disabled:[4],checked:[1540]}]);function s(){"undefined"!=typeof customElements&&["vertex-toggle","vertex-icon"].forEach((r=>{switch(r){case"vertex-toggle":customElements.get(e(r))||customElements.define(e(r),c);break;case"vertex-icon":customElements.get(e(r))||i()}}))}s();export{c as T,s as d}

package/dist/components/{p-CZyp2id8.js → p-CtIB9Bid.js}

@@ -1 +1 @@
-import{t as e,p as t,H as r,c as s,h as a,e as i}from"./p-BbDaHMlz.js";import{c as n}from"./p-Beav1bNT.js";import{d as l}from"./p-CDYHYPYF.js";import{d as o,g as c}from"./p-CAFdRyLE.js";import{d as h}from"./p-Ci26QjYl.js";const d=()=>{if("undefined"!=typeof window)return window.getSelection()},u=e=>e.hasChildNodes(),v=e=>new Text(e),b=()=>document.createElement("br"),p=e=>e instanceof HTMLElement,x=e=>`${e.type}:${e.id}`,f=(e,t,r)=>{const s=x(e);return{before:v(t),beforeSpace:v(y()),result:v(s),afterSpace:v(null!=r?g():y()),after:null!=r?v(r):void 0}},m=e=>{const t=e.textContent;if("\n"===t)return[b()];if(null!=t&&t.includes("\n")){const e=t.split("\n");return e.reduce(((t,r,s)=>""===r&&""!==e[s-1]?t:[...t,v(r.replace(/ /g,g())),b()]),[])}return[e]},y=()=>String.fromCharCode(8202),g=()=>String.fromCharCode(160),k=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.searchChanged=s(this,"searchChanged"),this.inputChanged=s(this,"inputChanged"),this.resultReplaced=s(this,"resultReplaced"),this.inputFocus=s(this,"inputFocus"),this.inputBlur=s(this,"inputBlur"),this.variant="standard",this.disabled=!1,this.triggerCharacter="@",this.breakCharacters=[" ","\n"],this.placement="bottom-start",this.replacements=[],this.replacementUriType="user",this.displayedElements=[],this.hasTriggered=!1,this.rawElements=[],this.attemptReplaceElement=(e,t,r,s=!1)=>u(e)&&Array.from(e.childNodes).some((e=>u(e)||this.isIdenticalElement(e,t)))?Array.from(e.childNodes).reduce(((s,a)=>[...s,...this.attemptReplaceElement(a,t,r,!p(e.previousSibling))]),[]):this.isIdenticalElement(e,t)?((e,t=!1)=>{const r=Object.keys(e).map((t=>e[t])).filter((e=>null!=e));return t?[v("\n"),...r]:r})(r,s):[e],this.isIdenticalElement=(e,t)=>e===this.triggeredElement||this.getTextContent(e)===this.getTextContent(t),this.getTextContent=e=>{var t;return p(e)?e.innerText:null!==(t=e.textContent)&&void 0!==t?t:""},this.handleCursorPositionUpdate=()=>{var e,t;const r=null===(e=d())||void 0===e?void 0:e.getRangeAt(0);if(null!=r){const e=this.readTriggerValue(null!==(t=r.commonAncestorContainer.textContent)&&void 0!==t?t:"",r.startOffset);this.hasTriggered||null==e?this.hasTriggered&&null!=e?(this.triggeredRange=r,this.triggeredElement=r.commonAncestorContainer,this.searchChanged.emit(e.replace(this.triggerCharacter,""))):(this.hasTriggered=!1,this.triggeredRange=void 0,this.triggeredElement=void 0):(this.hasTriggered=!0,this.triggeredRange=r,this.triggeredElement=r.commonAncestorContainer,this.searchChanged.emit(e.replace(this.triggerCharacter,"")))}this.cursorPosition=this.getCursorPosition()},this.readTriggerValue=(e,t)=>{const r=e.replace(String.fromCharCode(160)," "),s=r.substring(0,t),a=r.substring(t),i=`${s.includes(this.triggerCharacter)?s.substring(s.lastIndexOf(this.triggerCharacter)):""}${a.substring(0,this.firstIndexOfBreakCharacter(a))}`;return i.includes(this.triggerCharacter)&&!this.includesBreakCharacter(i)?i:void 0},this.includesBreakCharacter=e=>this.breakCharacters.some((t=>e.includes(t))),this.firstIndexOfBreakCharacter=e=>{const t=this.breakCharacters.map((t=>e.indexOf(t))).filter((e=>e>=0));return t.length>0?Math.min(...t):e.length},this.moveCursorToNodeEnd=(e,t=!1)=>{const r=d();if(null!=r){const s=document.createRange();s.selectNodeContents(e),s.collapse(t),r.removeAllRanges(),r.addRange(s)}},this.getContentAsString=e=>null!=e?Array.from(e.childNodes).reduce(((e,t)=>{var r;const s=null==t.previousSibling||p(t.previousSibling);return p(t)&&"true"===t.getAttribute("data-replaced")?`${e}${t.getAttribute("data-original")}`:p(t)&&t.childElementCount>0?`${e}${s?"":"\n"}${this.getContentAsString(t)}`:t instanceof HTMLBRElement?`${e}\n`:p(t)?`${e}${s?"":"\n"}${t.innerText}\n`:`${e}${null!==(r=t.textContent)&&void 0!==r?r:""}`}),"").replace(/[\u200A]/g,"").replace(/[\u00A0]/g," "):"",this.createReplacedElement=(e,t)=>{const r=this.hostEl.querySelector('template[slot="replaced"]');if(null!=r){const s=c(r);return s.bindings.bind(t),s.element.id=t.id,s.element.style.display="inline-block",s.element.contentEditable="false",s.element.tabIndex=-1,s.element.setAttribute("data-replaced","true"),s.element.setAttribute("data-original",e),s.element}throw new Error("Replaced template not defined.")},this.handleKeyDown=this.handleKeyDown.bind(this),this.handleKeyUp=this.handleKeyUp.bind(this),this.handleResultClick=this.handleResultClick.bind(this),this.handleClick=this.handleClick.bind(this),this.handleWindowClick=this.handleWindowClick.bind(this),this.handleInput=this.handleInput.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleCursorPositionUpdate=this.handleCursorPositionUpdate.bind(this),this.updateContent=this.updateContent.bind(this),this.replaceContent=this.replaceContent.bind(this)}componentDidLoad(){this.replaceContent(this.value)}connectedCallback(){window.addEventListener("click",this.handleWindowClick)}disconnectedCallback(){window.removeEventListener("click",this.handleWindowClick)}replaceContent(e,t){if(null!=e&&e!==t){const t=e.match(new RegExp(`${this.replacementUriType}:[0-9a-z-]{36}`,"g")),r=this.replacements.reduce(((e,t)=>({...e,[x(t)]:t})),{});let s=e;const a=null!=t?null==t?void 0:t.reduce(((e,t)=>{if(null!=r[t]){const a=x(r[t]),i=s.indexOf(a),n=s.substring(0,i),l=s.substring(i+a.length),o=f(r[t],n);return s=l,[...e,o.before,o.beforeSpace,o.result,o.afterSpace]}return e}),[]):[];this.rawElements=[...a,v(s)].reduce(((e,t)=>[...e,...m(t)]),[]),this.updateContent(this.replacements)}}updateContent(e,t){null==this.contentEl||l(e,t)||(this.contentEl.innerHTML="",this.displayedElements=this.rawElements.map((e=>{const t=p(e)?e.innerText:e.textContent,r=this.replacements.find((e=>null==t?void 0:t.includes(x(e))));return null!=t&&null!=r?this.createReplacedElement(t,r):e})),this.displayedElements.forEach((e=>{var t;null===(t=this.contentEl)||void 0===t||t.appendChild("string"==typeof e?v(e):e)})),null!=this.lastReplacedSpace&&this.moveCursorToNodeEnd(this.lastReplacedSpace),this.inputChanged.emit(this.getContentAsString(this.contentEl)))}render(){var e;const t=n("wrapper",{standard:"standard"===this.variant,filled:"filled"===this.variant,underlined:"underlined"===this.variant,blank:"blank"===this.variant,disabled:this.disabled});return a(i,{key:"fd044b92cae880ada2e57b6005f6f3ca00f43c4a"},a("div",{key:"9b6cd118e4fd931b851cd211419d3d6bb2fdbb11",class:t},a("span",{key:"eb211c24a3d337d6d3cc2cab1af3c8c235e5cc51",class:"content-input",role:"textbox",contentEditable:"true","aria-multiline":"true","data-placeholder":this.placeholder,ref:e=>this.contentEl=e,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onClick:this.handleCursorPositionUpdate,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur})),a("vertex-result-list",{key:"ce85d59e8148a21f80eb81e1b997310955c1600f",position:this.cursorPosition,placement:this.placement,open:this.hasTriggered&&null!=this.resultItems&&this.resultItems.length>0,items:null!==(e=this.resultItems)&&void 0!==e?e:[],onEnterPressed:this.handleResultClick,onResultClick:this.handleResultClick},a("slot",{key:"d65d5eb8ed481d57edf7cddd8ad9a2f296aa8b01",name:"results"})),a("slot",{key:"504db2422c4ae0318d6a53d4510ae6a8d8b71345",name:"replaced"}))}handleKeyDown(e){this.hasTriggered&&this.breakCharacters.includes(e.key)&&(this.hasTriggered=!1,this.triggeredRange=void 0,this.triggeredElement=void 0)}handleKeyUp(e){this.handleCursorPositionUpdate(),this.cursorPosition=this.getCursorPosition()}async handleInput(){this.inputChanged.emit(this.getContentAsString(this.contentEl))}handleClick(){this.handleCursorPositionUpdate()}handleWindowClick(e){p(e.target)&&"true"===e.target.getAttribute("data-replaced")&&null!=e.target.nextSibling&&this.moveCursorToNodeEnd(e.target.nextSibling,!0)}handleFocus(e){this.inputFocus.emit(e)}handleBlur(e){this.hasTriggered=!1,this.inputBlur.emit(e)}handleResultClick(e){var t;const r=this.triggeredRange,s=this.triggeredElement,a=p(s)?s.innerText:null==s?void 0:s.textContent;if(null!=this.contentEl&&null!=r&&null!=s&&null!=a){const i=null!==(t=this.readTriggerValue(a,r.startOffset))&&void 0!==t?t:"",n=a.split(i),l=f(e.detail,n[0],n[1]);this.lastReplacedSpace=l.afterSpace,this.rawElements=Array.from(this.contentEl.childNodes).reduce(((e,t)=>[...e,...this.attemptReplaceElement(t,s,l)]),[]),this.hasTriggered=!1,this.resultReplaced.emit(e.detail),this.replacements=[...this.replacements.filter((t=>t.id!==e.detail.id)),e.detail]}}getCursorPosition(){var e;const t=d();if(null!=t&&t.rangeCount>0){const r=t.getRangeAt(0).getBoundingClientRect(),s=null===(e=this.contentEl)||void 0===e?void 0:e.getBoundingClientRect(),a=r.bottom||(null==s?void 0:s.bottom)||0,i=r.top||(null==s?void 0:s.top)||0;return{x:r.left||(null==s?void 0:s.left)||0,y:this.placement.includes("top")?i:a}}throw new Error("Unable to retrieve window selection.")}get hostEl(){return this}static get watchers(){return{value:[{replaceContent:0}],replacements:[{updateContent:0}]}}static get style(){return".wrapper.sc-vertex-search-bar{display:flex;align-items:center;width:100%;box-sizing:border-box;background:none;border:1px solid transparent;border-radius:4px;font-family:var(--vertex-ui-font-family);font-size:0.875rem;line-height:1.4}.content-input.sc-vertex-search-bar{width:100%;box-sizing:border-box;padding:6px 0.5em 7px;border:1px solid transparent;background:none;font-family:var(--vertex-ui-font-family);font-weight:var(--vertex-ui-font-weight-base);font-size:0.875rem;line-height:1.4;white-space:pre-line}.content-input.sc-vertex-search-bar:focus{outline:none}.standard.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-400);color:var(--vertex-ui-neutral-800)}.standard.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-500)}.standard.sc-vertex-search-bar:hover:not(.disabled),.standard.sc-vertex-search-bar:focus{border-color:var(--vertex-ui-neutral-500)}.standard.disabled.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-200)}.standard.disabled.sc-vertex-search-bar,.standard.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.blank.sc-vertex-search-bar{color:var(--vertex-ui-neutral-800)}.blank.sc-vertex-search-bar:not(:hover) .content-input.sc-vertex-search-bar:focus{border-color:var(--vertex-ui-neutral-400);border-radius:4px}.blank.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-500)}.blank.sc-vertex-search-bar:hover:not(.disabled) .content-input.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-400);border-radius:4px}.blank.disabled.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-200)}.blank.disabled.sc-vertex-search-bar,.blank.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.filled.sc-vertex-search-bar{background-color:var(--vertex-ui-neutral-200);border-color:var(--vertex-ui-neutral-200);color:var(--vertex-ui-neutral-800)}.filled.disabled.sc-vertex-search-bar,.filled.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.filled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-700)}.filled.sc-vertex-search-bar:hover:not(.disabled),.filled.sc-vertex-search-bar:focus{border-bottom-color:var(--vertex-ui-blue-600)}.filled.disabled.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-100)}.filled.disabled.sc-vertex-search-bar,.filled.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.underlined.sc-vertex-search-bar{background-color:var(--vertex-ui-white);border-color:var(--vertex-ui-white) var(--vertex-ui-white) var(--vertex-ui-neutral-400) var(--vertex-ui-white);color:var(--vertex-ui-neutral-800)}.underlined.disabled.sc-vertex-search-bar,.underlined.disabled.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.underlined.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-700)}.underlined.sc-vertex-search-bar:hover:not(.disabled),.underlined.sc-vertex-search-bar:focus{background-color:var(--vertex-ui-neutral-200);border-color:var(--vertex-ui-neutral-200);border-bottom-color:var(--vertex-ui-blue-600)}.underlined.disabled.sc-vertex-search-bar{border-bottom-color:var(--vertex-ui-neutral-200)}.underlined.disabled.sc-vertex-search-bar,.underlined.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.underlined.has-error.sc-vertex-search-bar{border-bottom-color:var(--vertex-ui-red-600)}"}},[262,"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]},void 0,{value:[{replaceContent:0}],replacements:[{updateContent:0}]}]);function w(){"undefined"!=typeof customElements&&["vertex-search-bar","vertex-popover","vertex-result-list"].forEach((t=>{switch(t){case"vertex-search-bar":customElements.get(e(t))||customElements.define(e(t),k);break;case"vertex-popover":customElements.get(e(t))||h();break;case"vertex-result-list":customElements.get(e(t))||o()}}))}w();export{k as S,w as d}
+import{t as e,p as t,H as r,c as s,h as a,e as i}from"./p-BbDaHMlz.js";import{c as n}from"./p-Beav1bNT.js";import{d as l}from"./p-CDYHYPYF.js";import{d as o,g as c}from"./p-CJf7CUm5.js";import{d as h}from"./p-Ci26QjYl.js";const d=()=>{if("undefined"!=typeof window)return window.getSelection()},u=e=>e.hasChildNodes(),v=e=>new Text(e),b=()=>document.createElement("br"),p=e=>e instanceof HTMLElement,x=e=>`${e.type}:${e.id}`,f=(e,t,r)=>{const s=x(e);return{before:v(t),beforeSpace:v(y()),result:v(s),afterSpace:v(null!=r?g():y()),after:null!=r?v(r):void 0}},m=e=>{const t=e.textContent;if("\n"===t)return[b()];if(null!=t&&t.includes("\n")){const e=t.split("\n");return e.reduce(((t,r,s)=>""===r&&""!==e[s-1]?t:[...t,v(r.replace(/ /g,g())),b()]),[])}return[e]},y=()=>String.fromCharCode(8202),g=()=>String.fromCharCode(160),k=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.searchChanged=s(this,"searchChanged"),this.inputChanged=s(this,"inputChanged"),this.resultReplaced=s(this,"resultReplaced"),this.inputFocus=s(this,"inputFocus"),this.inputBlur=s(this,"inputBlur"),this.variant="standard",this.disabled=!1,this.triggerCharacter="@",this.breakCharacters=[" ","\n"],this.placement="bottom-start",this.replacements=[],this.replacementUriType="user",this.displayedElements=[],this.hasTriggered=!1,this.rawElements=[],this.attemptReplaceElement=(e,t,r,s=!1)=>u(e)&&Array.from(e.childNodes).some((e=>u(e)||this.isIdenticalElement(e,t)))?Array.from(e.childNodes).reduce(((s,a)=>[...s,...this.attemptReplaceElement(a,t,r,!p(e.previousSibling))]),[]):this.isIdenticalElement(e,t)?((e,t=!1)=>{const r=Object.keys(e).map((t=>e[t])).filter((e=>null!=e));return t?[v("\n"),...r]:r})(r,s):[e],this.isIdenticalElement=(e,t)=>e===this.triggeredElement||this.getTextContent(e)===this.getTextContent(t),this.getTextContent=e=>{var t;return p(e)?e.innerText:null!==(t=e.textContent)&&void 0!==t?t:""},this.handleCursorPositionUpdate=()=>{var e,t;const r=null===(e=d())||void 0===e?void 0:e.getRangeAt(0);if(null!=r){const e=this.readTriggerValue(null!==(t=r.commonAncestorContainer.textContent)&&void 0!==t?t:"",r.startOffset);this.hasTriggered||null==e?this.hasTriggered&&null!=e?(this.triggeredRange=r,this.triggeredElement=r.commonAncestorContainer,this.searchChanged.emit(e.replace(this.triggerCharacter,""))):(this.hasTriggered=!1,this.triggeredRange=void 0,this.triggeredElement=void 0):(this.hasTriggered=!0,this.triggeredRange=r,this.triggeredElement=r.commonAncestorContainer,this.searchChanged.emit(e.replace(this.triggerCharacter,"")))}this.cursorPosition=this.getCursorPosition()},this.readTriggerValue=(e,t)=>{const r=e.replace(String.fromCharCode(160)," "),s=r.substring(0,t),a=r.substring(t),i=`${s.includes(this.triggerCharacter)?s.substring(s.lastIndexOf(this.triggerCharacter)):""}${a.substring(0,this.firstIndexOfBreakCharacter(a))}`;return i.includes(this.triggerCharacter)&&!this.includesBreakCharacter(i)?i:void 0},this.includesBreakCharacter=e=>this.breakCharacters.some((t=>e.includes(t))),this.firstIndexOfBreakCharacter=e=>{const t=this.breakCharacters.map((t=>e.indexOf(t))).filter((e=>e>=0));return t.length>0?Math.min(...t):e.length},this.moveCursorToNodeEnd=(e,t=!1)=>{const r=d();if(null!=r){const s=document.createRange();s.selectNodeContents(e),s.collapse(t),r.removeAllRanges(),r.addRange(s)}},this.getContentAsString=e=>null!=e?Array.from(e.childNodes).reduce(((e,t)=>{var r;const s=null==t.previousSibling||p(t.previousSibling);return p(t)&&"true"===t.getAttribute("data-replaced")?`${e}${t.getAttribute("data-original")}`:p(t)&&t.childElementCount>0?`${e}${s?"":"\n"}${this.getContentAsString(t)}`:t instanceof HTMLBRElement?`${e}\n`:p(t)?`${e}${s?"":"\n"}${t.innerText}\n`:`${e}${null!==(r=t.textContent)&&void 0!==r?r:""}`}),"").replace(/[\u200A]/g,"").replace(/[\u00A0]/g," "):"",this.createReplacedElement=(e,t)=>{const r=this.hostEl.querySelector('template[slot="replaced"]');if(null!=r){const s=c(r);return s.bindings.bind(t),s.element.id=t.id,s.element.style.display="inline-block",s.element.contentEditable="false",s.element.tabIndex=-1,s.element.setAttribute("data-replaced","true"),s.element.setAttribute("data-original",e),s.element}throw new Error("Replaced template not defined.")},this.handleKeyDown=this.handleKeyDown.bind(this),this.handleKeyUp=this.handleKeyUp.bind(this),this.handleResultClick=this.handleResultClick.bind(this),this.handleClick=this.handleClick.bind(this),this.handleWindowClick=this.handleWindowClick.bind(this),this.handleInput=this.handleInput.bind(this),this.handleBlur=this.handleBlur.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleCursorPositionUpdate=this.handleCursorPositionUpdate.bind(this),this.updateContent=this.updateContent.bind(this),this.replaceContent=this.replaceContent.bind(this)}componentDidLoad(){this.replaceContent(this.value)}connectedCallback(){window.addEventListener("click",this.handleWindowClick)}disconnectedCallback(){window.removeEventListener("click",this.handleWindowClick)}replaceContent(e,t){if(null!=e&&e!==t){const t=e.match(new RegExp(`${this.replacementUriType}:[0-9a-z-]{36}`,"g")),r=this.replacements.reduce(((e,t)=>({...e,[x(t)]:t})),{});let s=e;const a=null!=t?null==t?void 0:t.reduce(((e,t)=>{if(null!=r[t]){const a=x(r[t]),i=s.indexOf(a),n=s.substring(0,i),l=s.substring(i+a.length),o=f(r[t],n);return s=l,[...e,o.before,o.beforeSpace,o.result,o.afterSpace]}return e}),[]):[];this.rawElements=[...a,v(s)].reduce(((e,t)=>[...e,...m(t)]),[]),this.updateContent(this.replacements)}}updateContent(e,t){null==this.contentEl||l(e,t)||(this.contentEl.innerHTML="",this.displayedElements=this.rawElements.map((e=>{const t=p(e)?e.innerText:e.textContent,r=this.replacements.find((e=>null==t?void 0:t.includes(x(e))));return null!=t&&null!=r?this.createReplacedElement(t,r):e})),this.displayedElements.forEach((e=>{var t;null===(t=this.contentEl)||void 0===t||t.appendChild("string"==typeof e?v(e):e)})),null!=this.lastReplacedSpace&&this.moveCursorToNodeEnd(this.lastReplacedSpace),this.inputChanged.emit(this.getContentAsString(this.contentEl)))}render(){var e;const t=n("wrapper",{standard:"standard"===this.variant,filled:"filled"===this.variant,underlined:"underlined"===this.variant,blank:"blank"===this.variant,disabled:this.disabled});return a(i,{key:"cda12a50487bedd9f5a483825fcca3524a274724"},a("div",{key:"a655eacaddeaaaa78e7ff28d47ca5c4af6104b63",class:t},a("span",{key:"9026a17696679aad0d5db24f1fac7ca0bf7baae9",class:"content-input",role:"textbox",contentEditable:"true","aria-multiline":"true","data-placeholder":this.placeholder,ref:e=>this.contentEl=e,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,onClick:this.handleCursorPositionUpdate,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur})),a("vertex-result-list",{key:"0a57da3954e2daa1f8ce2db7c18b4962cc3cebf9",position:this.cursorPosition,placement:this.placement,open:this.hasTriggered&&null!=this.resultItems&&this.resultItems.length>0,items:null!==(e=this.resultItems)&&void 0!==e?e:[],onEnterPressed:this.handleResultClick,onResultClick:this.handleResultClick},a("slot",{key:"f5d8d17413bbbe37fc42650588dc0ad8cb7f1046",name:"results"})),a("slot",{key:"3d0f4af0d912bfbad1671167ecc445130d133b0d",name:"replaced"}))}handleKeyDown(e){this.hasTriggered&&this.breakCharacters.includes(e.key)&&(this.hasTriggered=!1,this.triggeredRange=void 0,this.triggeredElement=void 0)}handleKeyUp(e){this.handleCursorPositionUpdate(),this.cursorPosition=this.getCursorPosition()}async handleInput(){this.inputChanged.emit(this.getContentAsString(this.contentEl))}handleClick(){this.handleCursorPositionUpdate()}handleWindowClick(e){p(e.target)&&"true"===e.target.getAttribute("data-replaced")&&null!=e.target.nextSibling&&this.moveCursorToNodeEnd(e.target.nextSibling,!0)}handleFocus(e){this.inputFocus.emit(e)}handleBlur(e){this.hasTriggered=!1,this.inputBlur.emit(e)}handleResultClick(e){var t;const r=this.triggeredRange,s=this.triggeredElement,a=p(s)?s.innerText:null==s?void 0:s.textContent;if(null!=this.contentEl&&null!=r&&null!=s&&null!=a){const i=null!==(t=this.readTriggerValue(a,r.startOffset))&&void 0!==t?t:"",n=a.split(i),l=f(e.detail,n[0],n[1]);this.lastReplacedSpace=l.afterSpace,this.rawElements=Array.from(this.contentEl.childNodes).reduce(((e,t)=>[...e,...this.attemptReplaceElement(t,s,l)]),[]),this.hasTriggered=!1,this.resultReplaced.emit(e.detail),this.replacements=[...this.replacements.filter((t=>t.id!==e.detail.id)),e.detail]}}getCursorPosition(){var e;const t=d();if(null!=t&&t.rangeCount>0){const r=t.getRangeAt(0).getBoundingClientRect(),s=null===(e=this.contentEl)||void 0===e?void 0:e.getBoundingClientRect(),a=r.bottom||(null==s?void 0:s.bottom)||0,i=r.top||(null==s?void 0:s.top)||0;return{x:r.left||(null==s?void 0:s.left)||0,y:this.placement.includes("top")?i:a}}throw new Error("Unable to retrieve window selection.")}get hostEl(){return this}static get watchers(){return{value:[{replaceContent:0}],replacements:[{updateContent:0}]}}static get style(){return".wrapper.sc-vertex-search-bar{display:flex;align-items:center;width:100%;box-sizing:border-box;background:none;border:1px solid transparent;border-radius:4px;font-family:var(--vertex-ui-font-family);font-size:0.875rem;line-height:1.4}.content-input.sc-vertex-search-bar{width:100%;box-sizing:border-box;padding:6px 0.5em 7px;border:1px solid transparent;background:none;font-family:var(--vertex-ui-font-family);font-weight:var(--vertex-ui-font-weight-base);font-size:0.875rem;line-height:1.4;white-space:pre-line}.content-input.sc-vertex-search-bar:focus{outline:none}.standard.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-400);color:var(--vertex-ui-neutral-800)}.standard.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-500)}.standard.sc-vertex-search-bar:hover:not(.disabled),.standard.sc-vertex-search-bar:focus{border-color:var(--vertex-ui-neutral-500)}.standard.disabled.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-200)}.standard.disabled.sc-vertex-search-bar,.standard.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.blank.sc-vertex-search-bar{color:var(--vertex-ui-neutral-800)}.blank.sc-vertex-search-bar:not(:hover) .content-input.sc-vertex-search-bar:focus{border-color:var(--vertex-ui-neutral-400);border-radius:4px}.blank.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-500)}.blank.sc-vertex-search-bar:hover:not(.disabled) .content-input.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-400);border-radius:4px}.blank.disabled.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-200)}.blank.disabled.sc-vertex-search-bar,.blank.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.filled.sc-vertex-search-bar{background-color:var(--vertex-ui-neutral-200);border-color:var(--vertex-ui-neutral-200);color:var(--vertex-ui-neutral-800)}.filled.disabled.sc-vertex-search-bar,.filled.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.filled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-700)}.filled.sc-vertex-search-bar:hover:not(.disabled),.filled.sc-vertex-search-bar:focus{border-bottom-color:var(--vertex-ui-blue-600)}.filled.disabled.sc-vertex-search-bar{border-color:var(--vertex-ui-neutral-100)}.filled.disabled.sc-vertex-search-bar,.filled.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.underlined.sc-vertex-search-bar{background-color:var(--vertex-ui-white);border-color:var(--vertex-ui-white) var(--vertex-ui-white) var(--vertex-ui-neutral-400) var(--vertex-ui-white);color:var(--vertex-ui-neutral-800)}.underlined.disabled.sc-vertex-search-bar,.underlined.disabled.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.underlined.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-700)}.underlined.sc-vertex-search-bar:hover:not(.disabled),.underlined.sc-vertex-search-bar:focus{background-color:var(--vertex-ui-neutral-200);border-color:var(--vertex-ui-neutral-200);border-bottom-color:var(--vertex-ui-blue-600)}.underlined.disabled.sc-vertex-search-bar{border-bottom-color:var(--vertex-ui-neutral-200)}.underlined.disabled.sc-vertex-search-bar,.underlined.disabled.sc-vertex-search-bar .content-input.sc-vertex-search-bar:empty::before{content:attr(data-placeholder);color:var(--vertex-ui-neutral-400)}.underlined.has-error.sc-vertex-search-bar{border-bottom-color:var(--vertex-ui-red-600)}"}},[262,"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]},void 0,{value:[{replaceContent:0}],replacements:[{updateContent:0}]}]);function w(){"undefined"!=typeof customElements&&["vertex-search-bar","vertex-popover","vertex-result-list"].forEach((t=>{switch(t){case"vertex-search-bar":customElements.get(e(t))||customElements.define(e(t),k);break;case"vertex-popover":customElements.get(e(t))||h();break;case"vertex-result-list":customElements.get(e(t))||o()}}))}w();export{k as S,w as d}

package/dist/components/p-CvrFWigc.js

@@ -0,0 +1 @@
+import{d as i,t,p as e,H as s,c as o,h}from"./p-BbDaHMlz.js";import{c as n}from"./p-Beav1bNT.js";import{d as r}from"./p-CZeULUuy.js";import{d as a}from"./p-AbuQGpgg.js";function d(t){i(t)}function l(i){return i.getBoundingClientRect()}const c=e(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.backdropClick=o(this,"backdropClick"),this.closed=o(this,"closed"),this.open=!1,this.fullscreen=!1,this.resizable=!1,this.isResizing=!1,this.handleKeyDown=()=>{this.open&&(this.open=!1)},this.handlePointerDown=()=>{this.isResizing=!0,d((()=>{if(null!=this.dialogElement){const i=l(this.dialogElement);this.initialDialogBoundingRect=i,this.lastPointerPosition={x:i.right,y:i.bottom}}})),window.addEventListener("pointermove",this.handlePointerMove),window.addEventListener("pointerup",this.handlePointerUp)},this.handlePointerMove=i=>{if(null!=this.lastPointerPosition&&null!=this.initialDialogBoundingRect&&null!=this.width&&null!=this.height){const t=this.height+2*(i.clientY-this.lastPointerPosition.y);this.width=this.constrainDimension(this.width+2*(i.clientX-this.lastPointerPosition.x),this.getMinWidth(),this.getMaxWidth()),this.height=this.constrainDimension(t,this.getMinHeight(),this.getMaxHeight()),this.lastPointerPosition={x:this.constrainX(i.clientX,this.width,this.initialDialogBoundingRect),y:this.constrainY(i.clientY,this.height,this.initialDialogBoundingRect)}}},this.handlePointerUp=()=>{this.lastPointerPosition=void 0,this.initialDialogBoundingRect=void 0,this.isResizing=!1,window.removeEventListener("pointermove",this.handlePointerMove),window.removeEventListener("pointerup",this.handlePointerUp)},this.constrainDimension=(i,t,e)=>Math.min(Math.max(i,t),e),this.constrainX=(i,t,e)=>t<=this.getMinWidth()?e.right:t>=this.getMinHeight()?e.right+(t-e.width)/2:i,this.constrainY=(i,t,e)=>t<=this.getMinHeight()?e.bottom:t>=this.getMaxHeight()?e.bottom+(t-e.height)/2:i,this.getMaxWidth=()=>{var i;return null!==(i=this.maxWidth)&&void 0!==i?i:Number.POSITIVE_INFINITY},this.getMaxHeight=()=>{var i;return null!==(i=this.maxHeight)&&void 0!==i?i:Number.POSITIVE_INFINITY},this.getMinWidth=()=>{var i;return null!==(i=this.minWidth)&&void 0!==i?i:Number.NEGATIVE_INFINITY},this.getMinHeight=()=>{var i;return null!==(i=this.minHeight)&&void 0!==i?i:Number.NEGATIVE_INFINITY},this.resize=()=>{d((()=>{if(null!=this.backdropElement){const i=window.getComputedStyle(this.backdropElement),t=parseFloat(i.padding);this.boundaryPadding=isNaN(t)?0:t,this.maxHeight=window.innerHeight-2*this.boundaryPadding,this.maxWidth=window.innerWidth-2*this.boundaryPadding,this.width=null!=this.width?Math.min(this.maxWidth,this.width):void 0,this.height=null!=this.height?Math.min(this.maxHeight,this.height):void 0}}))},this.handleKeyDown=this.handleKeyDown.bind(this),this.mutationObserver=new MutationObserver(this.resize),this.resizeObserver=new ResizeObserver(this.resize)}componentDidLoad(){window.addEventListener("resize",this.resize),this.mutationObserver.observe(this.hostEl,{attributes:!0,attributeFilter:["style"]}),this.resizeObserver.observe(this.hostEl)}componentWillRender(){this.open&&null==this.width&&null==this.height&&d((()=>{if(null!=this.dialogElement){const i=l(this.dialogElement);this.minWidth=i.width,this.minHeight=i.height,this.width=this.minWidth,this.height=this.minHeight,this.resize()}}))}disconnectedCallback(){this.width=void 0,this.height=void 0,this.lastPointerPosition=void 0,this.isResizing=!1}clearComputedValues(){this.width=void 0,this.height=void 0,this.minWidth=void 0,this.minHeight=void 0,this.maxWidth=void 0,this.maxHeight=void 0}updateOpened(i){i||this.closed.emit()}keyDownListener(i){this.open&&"Escape"===i.key&&(i.preventDefault(),i.stopPropagation(),this.open=!1)}render(){var i,t;const e=null!=this.width||null!=this.minWidth?`${null!==(i=this.width)&&void 0!==i?i:this.minWidth}px`:void 0,s=null!=this.height||null!=this.minHeight?`${null!==(t=this.height)&&void 0!==t?t:this.minHeight}px`:void 0;return h("div",{key:"5612ba06d77f9b286ced2ed6835c58429d96d2f1",ref:i=>{this.backdropElement=i},onPointerDown:()=>{this.backdropClick.emit()},class:n("dialog-backdrop",{hidden:!this.open,shown:this.open,"resize-cursor":this.isResizing})},h("div",{key:"e845407a3d1d4c5508f4b9d6d3da3667fbfaa006",ref:i=>{this.dialogElement=i},class:n("dialog",{resizable:this.resizable,fullscreen:this.fullscreen,overlay:!this.fullscreen,"no-select":null!=this.lastPointerPosition}),onPointerDown:i=>{i.stopPropagation()},style:this.resizable&&!this.fullscreen?{width:e,height:s}:void 0},h("div",{key:"4298492dfb98a09af8ef09dd8e689d54869438cf",class:"contents"},h("slot",{key:"c0ced9930b5acaf4fb4273b4ec88600f36238307",name:"header"},h("div",{key:"4abb78b4de7d5a5c469b74c1941ccb01e14d5a2b",class:"header"},h("slot",{key:"6bb137c5f50215ccf953bb54055c4beca33af37c",name:"heading"}),h("div",{key:"8622a60b4ec1a7578e990a791630d161ed2857e7",class:"close"},h("slot",{key:"4733ea98d76b531b8d67d4d78532c4fd8e94b9a3",name:"close-dialog"},h("vertex-icon-button",{key:"a72f79ee5553ff8b358e0d82332766883d75f170",onPointerDown:()=>{this.open=!1},iconSize:"sm",iconName:"close"}))))),h("div",{key:"98aa57c6611231bcdf967cc5731f62005a9384b2",class:"body"},h("slot",{key:"0f4cb66883e12728b1ac7defbc3a55a6ae6733a5"})),h("div",{key:"5b7d15d1affa49471ce5449047d99cdb85b2b5c8",class:"footer"},h("slot",{key:"0ec5b50705ac3099050f355e3fe06f556b7923f0",name:"footer"},h("slot",{key:"9c34c29256151bf2d6f8218064530f0dbd6430f2",name:"footer-actions"}))),this.resizable&&!this.fullscreen&&h("vertex-icon",{key:"8d57ebf57472194dda505af523abf2eeef81a550",class:"resize",onPointerDown:this.handlePointerDown,name:"resize",size:"xs"}))))}get hostEl(){return this}static get watchers(){return{resizable:[{clearComputedValues:0}],open:[{updateOpened:0}]}}static get style(){return":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}"}},[257,"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"]],{resizable:[{clearComputedValues:0}],open:[{updateOpened:0}]}]);function u(){"undefined"!=typeof customElements&&["vertex-dialog","vertex-icon","vertex-icon-button"].forEach((i=>{switch(i){case"vertex-dialog":customElements.get(t(i))||customElements.define(t(i),c);break;case"vertex-icon":customElements.get(t(i))||r();break;case"vertex-icon-button":customElements.get(t(i))||a()}}))}u();export{c as D,u as d}

package/dist/components/{p-4HdACFFW.js → p-D-zknKSp.js}

@@ -1 +1 @@
-import{t as e,p as o,H as r,h as t}from"./p-BbDaHMlz.js";import{c as a}from"./p-Beav1bNT.js";const n=o(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.disabled=!1}render(){return t("div",{key:"8798ebdda6b726b432e9197d88ce58d407d67f96",class:a("root",{disabled:this.disabled}),onClick:e=>{this.disabled&&e.stopPropagation()}},t("slot",{key:"173a38914795402a3a9c9cf4e73cd6498e747bb4",name:"icon"}),t("slot",{key:"16970b7ea3e4294525518902cff585cc4aea98fa"}))}static get style(){return":host{--background-color:var(--vertex-ui-white);--color:var(--vertex-ui-neutral-700);--hover-background-color:var(--vertex-ui-neutral-200)}.root{font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);line-height:1.1;display:flex;align-items:center;color:var(--color);margin:0.075em 0;padding:0.5rem 0.75rem;background-color:var(--background-color);transition:background-color;transition-duration:0.5s;user-select:none}.root:not(.disabled):hover{cursor:pointer;background-color:var(--hover-background-color)}.root.disabled{opacity:0.5}slot[name='icon']::slotted(*){padding-right:0.8125rem}"}},[257,"vertex-menu-item",{disabled:[516]}]);function s(){"undefined"!=typeof customElements&&["vertex-menu-item"].forEach((o=>{"vertex-menu-item"===o&&(customElements.get(e(o))||customElements.define(e(o),n))}))}s();export{n as M,s as d}
+import{t as e,p as o,H as r,h as t}from"./p-BbDaHMlz.js";import{c as a}from"./p-Beav1bNT.js";const n=o(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.disabled=!1}render(){return t("div",{key:"70fdd3eb6ce169f7d7f3fc2ea3e89eee48a382eb",class:a("root",{disabled:this.disabled}),onClick:e=>{this.disabled&&e.stopPropagation()}},t("slot",{key:"8d7a7a2ffbde8c775b5005a5ae924d39685d7f47",name:"icon"}),t("slot",{key:"155648d471eae334648d4df71b160c83318147cc"}))}static get style(){return":host{--background-color:var(--vertex-ui-white);--color:var(--vertex-ui-neutral-700);--hover-background-color:var(--vertex-ui-neutral-200)}.root{font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);line-height:1.1;display:flex;align-items:center;color:var(--color);margin:0.075em 0;padding:0.5rem 0.75rem;background-color:var(--background-color);transition:background-color;transition-duration:0.5s;user-select:none}.root:not(.disabled):hover{cursor:pointer;background-color:var(--hover-background-color)}.root.disabled{opacity:0.5}slot[name='icon']::slotted(*){padding-right:0.8125rem}"}},[257,"vertex-menu-item",{disabled:[516]}]);function s(){"undefined"!=typeof customElements&&["vertex-menu-item"].forEach((o=>{"vertex-menu-item"===o&&(customElements.get(e(o))||customElements.define(e(o),n))}))}s();export{n as M,s as d}

package/dist/components/{p-BZutc-CC.js → p-D1GjSE51.js}

@@ -1 +1 @@
-import{t as e,p as t,H as r,c as i,h as s}from"./p-BbDaHMlz.js";import{c as o}from"./p-Beav1bNT.js";import{g as n}from"./p-DPgx10Cw.js";import{d as a}from"./p-BLc3P-0q.js";import{d as c}from"./p-Ci26QjYl.js";const h=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.closed=i(this,"closed"),this.placement="top",this.duration=3e3,this.animated=!0,this.open=!1,this.type="info",this.handleClose=this.handleClose.bind(this),this.startCloseTimeout=this.startCloseTimeout.bind(this),this.clearCloseTimeout=this.clearCloseTimeout.bind(this),this.restartCloseTimeout=this.restartCloseTimeout.bind(this)}componentDidLoad(){this.isOpen=this.open,this.isOpen&&this.restartCloseTimeout()}async handleOpenChanged(e){e&&(this.restartCloseTimeout(),this.isOpen=e)}render(){return s("vertex-popover",{key:"eed3f486c1f39b2cdc2783ce72025839576a1aa0",class:"popover",open:this.isOpen,resizeBehavior:"fixed",backdrop:!1,placement:this.getPopoverPlacement(),animated:this.animated},s("div",{key:"949d8a468e0c1094b31ea2358ddcb891e291d1cd",slot:"anchor",class:o("anchor",this.placement)}),s("div",{key:"c8519a53fd91ef3efe54b740dce75563c6d8ceaa",class:o("banner",{hidden:!this.isOpen,info:"info"===this.type,success:"success"===this.type,warn:"warn"===this.type,error:"error"===this.type})},s("div",{key:"9de8047d8a04268537fa8d3235584062417f8a33",class:o("icon",{"icon-info":"info"===this.type,"icon-success":"success"===this.type,"icon-warn":"warn"===this.type,"icon-error":"error"===this.type})},n(this.getIconName())),this.content?s("div",{class:"message"},this.content):s("slot",null),s("div",{key:"f52c548da955b3a58c290de4363f3e2d7ce106bf",class:"actions"},s("slot",{key:"3819a570c7050b65df1a77a86133be46526409bf",name:"action"}),s("vertex-icon-button",{key:"6c3bcb4deddce591efba1133f4fe9fece7e9149f",class:"close",iconName:"close",iconSize:"sm",variant:"plain",onClick:this.handleClose}))))}handleClose(){this.clearCloseTimeout(),this.isOpen=!1,this.closed.emit()}startCloseTimeout(){null==this.closeTimeout&&this.duration>0&&(this.closeTimeout=setTimeout((()=>{this.handleClose()}),this.duration))}clearCloseTimeout(){null!=this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=void 0)}restartCloseTimeout(){this.clearCloseTimeout(),this.startCloseTimeout()}getPopoverPlacement(){switch(this.placement){case"top-left":return"bottom-start";case"top":return"bottom";case"top-right":return"bottom-end"}}getIconName(){switch(this.type){case"info":return"info";case"success":return"check-circle";case"warn":return"caution";case"error":return"error-circle"}}static get watchers(){return{open:[{handleOpenChanged:0}]}}static get style(){return":host{--banner-width:auto;--banner-min-width:25rem;--banner-max-width:35rem;--banner-white-space:normal}.anchor{position:fixed}.top-left{left:24px;top:24px}.top{left:50vw;top:24px}.top-right{right:24px;top:24px}.popover{position:fixed;--open-animation-name:open-fade-in;--close-animation-name:close-fade-out}.actions{display:flex;align-items:center;margin-left:auto}.close{cursor:pointer;margin-left:16px}.close:hover{color:var(--vertex-ui-blue-500)}.banner{position:relative;display:flex;align-items:center;width:var(--banner-width);min-width:var(--banner-min-width);max-width:var(--banner-max-width);padding:16px;font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);border-radius:4px;white-space:var(--banner-white-space);user-select:none;filter:drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));border:1px solid var(--vertex-ui-neutral-300)}.banner.hidden{pointer-events:none}.icon{display:flex;margin-right:16px;justify-content:center;align-items:center;fill:currentColor;height:1.25rem;width:1.25rem}.icon-info{color:var(--vertex-ui-blue-600)}.icon-success{color:var(--vertex-ui-green-600)}.icon-warn{color:var(--vertex-ui-orange-600)}.icon-error{color:var(--vertex-ui-red-600)}.message{align-items:center}.info{background-color:var(--vertex-ui-blue-100);color:var(--vertex-ui-neutral-800)}.success{background-color:var(--vertex-ui-green-100);color:var(--vertex-ui-neutral-800)}.warn{background-color:var(--vertex-ui-orange-100);color:var(--vertex-ui-neutral-800)}.error{background-color:var(--vertex-ui-red-100);color:var(--vertex-ui-neutral-800)}"}},[257,"vertex-banner",{content:[1],placement:[1],duration:[2],animated:[4],open:[4],type:[1],isOpen:[32]},void 0,{open:[{handleOpenChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["vertex-banner","vertex-icon-button","vertex-popover"].forEach((t=>{switch(t){case"vertex-banner":customElements.get(e(t))||customElements.define(e(t),h);break;case"vertex-icon-button":customElements.get(e(t))||a();break;case"vertex-popover":customElements.get(e(t))||c()}}))}l();export{h as B,l as d}
+import{t as e,p as t,H as r,c as i,h as s}from"./p-BbDaHMlz.js";import{c as o}from"./p-Beav1bNT.js";import{g as n}from"./p-BK-dLbv3.js";import{d as a}from"./p-AbuQGpgg.js";import{d as c}from"./p-Ci26QjYl.js";const h=t(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.closed=i(this,"closed"),this.placement="top",this.duration=3e3,this.animated=!0,this.open=!1,this.type="info",this.handleClose=this.handleClose.bind(this),this.startCloseTimeout=this.startCloseTimeout.bind(this),this.clearCloseTimeout=this.clearCloseTimeout.bind(this),this.restartCloseTimeout=this.restartCloseTimeout.bind(this)}componentDidLoad(){this.isOpen=this.open,this.isOpen&&this.restartCloseTimeout()}async handleOpenChanged(e){e&&(this.restartCloseTimeout(),this.isOpen=e)}render(){return s("vertex-popover",{key:"eed3f486c1f39b2cdc2783ce72025839576a1aa0",class:"popover",open:this.isOpen,resizeBehavior:"fixed",backdrop:!1,placement:this.getPopoverPlacement(),animated:this.animated},s("div",{key:"949d8a468e0c1094b31ea2358ddcb891e291d1cd",slot:"anchor",class:o("anchor",this.placement)}),s("div",{key:"c8519a53fd91ef3efe54b740dce75563c6d8ceaa",class:o("banner",{hidden:!this.isOpen,info:"info"===this.type,success:"success"===this.type,warn:"warn"===this.type,error:"error"===this.type})},s("div",{key:"9de8047d8a04268537fa8d3235584062417f8a33",class:o("icon",{"icon-info":"info"===this.type,"icon-success":"success"===this.type,"icon-warn":"warn"===this.type,"icon-error":"error"===this.type})},n(this.getIconName())),this.content?s("div",{class:"message"},this.content):s("slot",null),s("div",{key:"f52c548da955b3a58c290de4363f3e2d7ce106bf",class:"actions"},s("slot",{key:"3819a570c7050b65df1a77a86133be46526409bf",name:"action"}),s("vertex-icon-button",{key:"6c3bcb4deddce591efba1133f4fe9fece7e9149f",class:"close",iconName:"close",iconSize:"sm",variant:"plain",onClick:this.handleClose}))))}handleClose(){this.clearCloseTimeout(),this.isOpen=!1,this.closed.emit()}startCloseTimeout(){null==this.closeTimeout&&this.duration>0&&(this.closeTimeout=setTimeout((()=>{this.handleClose()}),this.duration))}clearCloseTimeout(){null!=this.closeTimeout&&(clearTimeout(this.closeTimeout),this.closeTimeout=void 0)}restartCloseTimeout(){this.clearCloseTimeout(),this.startCloseTimeout()}getPopoverPlacement(){switch(this.placement){case"top-left":return"bottom-start";case"top":return"bottom";case"top-right":return"bottom-end"}}getIconName(){switch(this.type){case"info":return"info";case"success":return"check-circle";case"warn":return"caution";case"error":return"error-circle"}}static get watchers(){return{open:[{handleOpenChanged:0}]}}static get style(){return":host{--banner-width:auto;--banner-min-width:25rem;--banner-max-width:35rem;--banner-white-space:normal}.anchor{position:fixed}.top-left{left:24px;top:24px}.top{left:50vw;top:24px}.top-right{right:24px;top:24px}.popover{position:fixed;--open-animation-name:open-fade-in;--close-animation-name:close-fade-out}.actions{display:flex;align-items:center;margin-left:auto}.close{cursor:pointer;margin-left:16px}.close:hover{color:var(--vertex-ui-blue-500)}.banner{position:relative;display:flex;align-items:center;width:var(--banner-width);min-width:var(--banner-min-width);max-width:var(--banner-max-width);padding:16px;font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);border-radius:4px;white-space:var(--banner-white-space);user-select:none;filter:drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));border:1px solid var(--vertex-ui-neutral-300)}.banner.hidden{pointer-events:none}.icon{display:flex;margin-right:16px;justify-content:center;align-items:center;fill:currentColor;height:1.25rem;width:1.25rem}.icon-info{color:var(--vertex-ui-blue-600)}.icon-success{color:var(--vertex-ui-green-600)}.icon-warn{color:var(--vertex-ui-orange-600)}.icon-error{color:var(--vertex-ui-red-600)}.message{align-items:center}.info{background-color:var(--vertex-ui-blue-100);color:var(--vertex-ui-neutral-800)}.success{background-color:var(--vertex-ui-green-100);color:var(--vertex-ui-neutral-800)}.warn{background-color:var(--vertex-ui-orange-100);color:var(--vertex-ui-neutral-800)}.error{background-color:var(--vertex-ui-red-100);color:var(--vertex-ui-neutral-800)}"}},[257,"vertex-banner",{content:[1],placement:[1],duration:[2],animated:[4],open:[4],type:[1],isOpen:[32]},void 0,{open:[{handleOpenChanged:0}]}]);function l(){"undefined"!=typeof customElements&&["vertex-banner","vertex-icon-button","vertex-popover"].forEach((t=>{switch(t){case"vertex-banner":customElements.get(e(t))||customElements.define(e(t),h);break;case"vertex-icon-button":customElements.get(e(t))||a();break;case"vertex-popover":customElements.get(e(t))||c()}}))}l();export{h as B,l as d}

package/dist/components/{p-DGZHaSjz.js → p-D36_6yRo.js}

@@ -1 +1 @@
-import{t,p as e,H as s,c as i,h as n}from"./p-BbDaHMlz.js";import{d as o}from"./p-BdR40EV2.js";import{d as h}from"./p-Ci26QjYl.js";const r=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.menuOpened=i(this,"menuOpened"),this.menuClosed=i(this,"menuClosed"),this.animated=!0,this.open=!1,this.handlePointerDown=this.handlePointerDown.bind(this),this.handlePointerUp=this.handlePointerUp.bind(this),this.handleContextMenu=this.handleContextMenu.bind(this),this.handleMenuClosed=this.handleMenuClosed.bind(this),this.observer=new MutationObserver((()=>{null==this.target&&this.addEventListeners(this.targetSelector)}))}componentDidLoad(){this.addEventListeners(this.targetSelector),this.observer.observe(document.body,{childList:!0,attributes:!0,subtree:!0})}disconnectedCallback(){this.removeEventListeners(),this.observer.disconnect()}handleTargetSelectorChange(t){null!=t&&(this.removeEventListeners(),this.addEventListeners(t))}render(){return n("vertex-menu",{key:"93a42bf872d87dc043ab09f841d30f3923fd72b5",open:this.open,animated:this.animated,position:this.position,fallbackPlacements:["bottom-end","top-start","top-end","right","left"],onMenuClosed:this.handleMenuClosed},n("slot",{key:"0845aa6e6e8f24ed2f48d38cd1844eed0a28ad70"}))}addEventListeners(t){this.target=document.querySelector(t)||void 0,null!=this.target&&(this.target.addEventListener("contextmenu",this.handleContextMenu),this.target.addEventListener("pointerdown",this.handlePointerDown),this.target.addEventListener("pointerup",this.handlePointerUp))}removeEventListeners(){var t,e,s;null===(t=this.target)||void 0===t||t.removeEventListener("contextmenu",this.handleContextMenu),null===(e=this.target)||void 0===e||e.removeEventListener("pointerdown",this.handlePointerDown),null===(s=this.target)||void 0===s||s.removeEventListener("pointerup",this.handlePointerUp),this.target=void 0}handleContextMenu(t){t.preventDefault()}handlePointerDown(t){2===t.buttons&&(this.position={x:t.clientX,y:t.clientY})}handlePointerUp(t){var e;t.clientX===(null===(e=this.position)||void 0===e?void 0:e.x)&&t.clientY===this.position.y&&(this.open=!0,this.menuOpened.emit(t))}handleMenuClosed(){this.open=!1,this.menuClosed.emit()}static get watchers(){return{targetSelector:[{handleTargetSelectorChange:0}]}}},[257,"vertex-context-menu",{targetSelector:[1,"target-selector"],animated:[4],position:[32],open:[32]},void 0,{targetSelector:[{handleTargetSelectorChange:0}]}]);function a(){"undefined"!=typeof customElements&&["vertex-context-menu","vertex-menu","vertex-popover"].forEach((e=>{switch(e){case"vertex-context-menu":customElements.get(t(e))||customElements.define(t(e),r);break;case"vertex-menu":customElements.get(t(e))||o();break;case"vertex-popover":customElements.get(t(e))||h()}}))}a();export{r as C,a as d}
+import{t,p as e,H as s,c as i,h as n}from"./p-BbDaHMlz.js";import{d as o}from"./p-75vuqvYA.js";import{d as h}from"./p-Ci26QjYl.js";const r=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.menuOpened=i(this,"menuOpened"),this.menuClosed=i(this,"menuClosed"),this.animated=!0,this.open=!1,this.handlePointerDown=this.handlePointerDown.bind(this),this.handlePointerUp=this.handlePointerUp.bind(this),this.handleContextMenu=this.handleContextMenu.bind(this),this.handleMenuClosed=this.handleMenuClosed.bind(this),this.observer=new MutationObserver((()=>{null==this.target&&this.addEventListeners(this.targetSelector)}))}componentDidLoad(){this.addEventListeners(this.targetSelector),this.observer.observe(document.body,{childList:!0,attributes:!0,subtree:!0})}disconnectedCallback(){this.removeEventListeners(),this.observer.disconnect()}handleTargetSelectorChange(t){null!=t&&(this.removeEventListeners(),this.addEventListeners(t))}render(){return n("vertex-menu",{key:"3861963ca564cc7f6bc8c5522873f9a4303bfcdc",open:this.open,animated:this.animated,position:this.position,fallbackPlacements:["bottom-end","top-start","top-end","right","left"],onMenuClosed:this.handleMenuClosed},n("slot",{key:"bc3d8f701a3c770138511bc79730b3aeacdad70c"}))}addEventListeners(t){this.target=document.querySelector(t)||void 0,null!=this.target&&(this.target.addEventListener("contextmenu",this.handleContextMenu),this.target.addEventListener("pointerdown",this.handlePointerDown),this.target.addEventListener("pointerup",this.handlePointerUp))}removeEventListeners(){var t,e,s;null===(t=this.target)||void 0===t||t.removeEventListener("contextmenu",this.handleContextMenu),null===(e=this.target)||void 0===e||e.removeEventListener("pointerdown",this.handlePointerDown),null===(s=this.target)||void 0===s||s.removeEventListener("pointerup",this.handlePointerUp),this.target=void 0}handleContextMenu(t){t.preventDefault()}handlePointerDown(t){2===t.buttons&&(this.position={x:t.clientX,y:t.clientY})}handlePointerUp(t){var e;t.clientX===(null===(e=this.position)||void 0===e?void 0:e.x)&&t.clientY===this.position.y&&(this.open=!0,this.menuOpened.emit(t))}handleMenuClosed(){this.open=!1,this.menuClosed.emit()}static get watchers(){return{targetSelector:[{handleTargetSelectorChange:0}]}}},[257,"vertex-context-menu",{targetSelector:[1,"target-selector"],animated:[4],position:[32],open:[32]},void 0,{targetSelector:[{handleTargetSelectorChange:0}]}]);function a(){"undefined"!=typeof customElements&&["vertex-context-menu","vertex-menu","vertex-popover"].forEach((e=>{switch(e){case"vertex-context-menu":customElements.get(t(e))||customElements.define(t(e),r);break;case"vertex-menu":customElements.get(t(e))||o();break;case"vertex-popover":customElements.get(t(e))||h()}}))}a();export{r as C,a as d}

package/dist/components/p-D7K4Pqpx.js

@@ -0,0 +1 @@
+import{t as e,p as t,H as a,c as i,h as r,e as s}from"./p-BbDaHMlz.js";import{c as l}from"./p-Beav1bNT.js";import{d,i as c}from"./p-C4abR0qC.js";const o=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueInput=i(this,"valueInput"),this.valueChanged=i(this,"valueChanged"),this.size="md",this.variant="full",this.expand="block",this.disabled=!1,this.handleInput=e=>{this.value=e.target.value||""},this.handleChange=()=>{this.valueChanged.emit(this.value)}}valueChange(){this.valueInput.emit(this.value)}render(){var e;return r(s,{key:"667b520f56cf716dfa31f40c951d26ac5dcab26a"},r("div",{key:"d2f7e8680a984699bc73dbf518ff84834c5ed96e",class:l("wrapper",this.variant,this.size,`expand-${this.expand}`)},r("label",{key:"a39925f58bb531587bbfae72acec44782060085e",class:l("color-picker",{disabled:this.disabled})},r("input",{key:"ecb2793caeec10f84918fc859164eaaf976e96f3",type:"color",class:"input","data-testid":"input",disabled:this.disabled,value:this.value,onInput:this.handleInput,onChange:this.handleChange}),r("div",{key:"6a59152ef20f75dc9096ba21800889651f1af0ce",class:l("selected-wrapper",this.variant)},r("div",{key:"c38ee8cd7246b6fb103c53527d601b2407a69c09",class:"selected",title:this.value},r("vertex-color-swatch",{key:"7e1927fe4fe1f8d755ef7309fd8d23bb0eacb1c3",class:"selected-color",supplementalColor:"var(--vertex-ui-neutral-400)",color:this.value,variant:"square",size:this.size},r("slot",{key:"0c03489ad2a3065e3d1807a99c7fa7cc09c4d02b",name:"overlay",slot:"overlay"},(null==this.value||""===this.value)&&r("svg",{key:"129e5ade5aeeda9298317bb554367f39d9d27a45",class:"no-value",slot:"overlay",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"},r("path",{key:"dfa5366828457b54b526142764e9f95567b50e3e",d:"M16,0L0,16"}))))),"full"===this.variant&&r("div",{key:"d47a9a6bc8fe494dbed0706e662668e27f430d56",class:"text-wrapper"},r("div",{key:"d2d8b6646ae4e39e9a9589fcaa1e8b8b24af2d72",class:"hidden-text"},"#FFFFFF"),r("div",{key:"3d040137786c44645f5543c8bf776330805e4f43",class:"selected-text"},null!==(e=this.getDisplayedValue())&&void 0!==e?e:"Default"))),r("div",{key:"c63b7e6017c44800fe098357a7aeb410c7a24193",class:"right-gutter"},r("slot",{key:"aea2733eca5376dd7a3181be8be3d7575cfdbc3d",name:"right-gutter"})))))}getDisplayedValue(){var e;if(null!=this.value&&c(this.value))return null===(e=this.value)||void 0===e?void 0:e.toLocaleUpperCase()}static get watchers(){return{value:[{valueChange:0}]}}static get style(){return':host{display:flex;--selected-color-width:initial;--selected-color-height:initial}.wrapper{display:inline-flex;align-items:center}.wrapper.expand-full{width:100%}.wrapper.full{padding:0.375rem 0.5rem;border:1px solid var(--vertex-ui-neutral-300);border-radius:4px}.color-picker{width:100%;display:inline-flex;position:relative;cursor:pointer}.color-picker.disabled{opacity:0.5;cursor:default}.selected-wrapper{position:relative;display:flex;align-items:center}.wrapper.full .selected-wrapper{gap:0.75rem}.selected{position:relative}.wrapper.sm .selected{width:var(--selected-color-width, 1rem);height:var(--selected-color-height, 1rem)}.wrapper.md .selected{width:var(--selected-color-width, 1.25rem);height:var(--selected-color-height, 1.25rem)}.wrapper.lg .selected{width:var(--selected-color-width, 1.5rem);height:var(--selected-color-height, 1.5rem)}.text-wrapper{position:relative;min-width:3.6rem}.selected-text{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;color:var(--vertex-ui-neutral-700);text-align:center;font-family:var(--vertex-ui-font-family)}.hidden-text{visibility:hidden;pointer-events:none;font-family:var(--vertex-ui-font-family-monospace)}.wrapper.sm .selected-text,.wrapper.sm .hidden-text{font-size:var(--vertex-ui-text-xs)}.wrapper.md .selected-text,.wrapper.md .hidden-text{font-size:var(--vertex-ui-text-xs)}.wrapper.lg .selected-text,.wrapper.lg .hidden-text{font-size:var(--vertex-ui-text-xs)}.no-value{width:100%;height:100%;stroke:var(--vertex-ui-red-400)}.right-gutter{display:flex;align-items:center;margin-left:auto}slot[name="right-gutter"]::slotted(*){padding:0}.input{display:flex;position:absolute;pointer-events:none;height:100%;width:100%;left:0;top:0;opacity:0}'}},[257,"vertex-color-picker",{value:[1537],size:[513],variant:[513],expand:[513],disabled:[4]},void 0,{value:[{valueChange:0}]}]);function n(){"undefined"!=typeof customElements&&["vertex-color-picker","vertex-color-swatch"].forEach((t=>{switch(t){case"vertex-color-picker":customElements.get(e(t))||customElements.define(e(t),o);break;case"vertex-color-swatch":customElements.get(e(t))||d()}}))}n();export{o as C,n as d}

package/dist/components/{p-CZ1Qa_xv.js → p-DJycE6-8.js}

@@ -1 +1 @@
-import{t,p as e,H as i,c as n,d as s,h as a,e as o}from"./p-BbDaHMlz.js";import{c}from"./p-Beav1bNT.js";import{d}from"./p-BLc3P-0q.js";const h=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expand=n(this,"expand"),this.collapse=n(this,"collapse"),this.expanded=!1,this.expanding=!1,this.collapsing=!1,this.controlled=!1,this.expandType="content",this.animated=!0,this.handleTransitionEnd=()=>{this.collapsing=!1,this.expanding=!1},this.handleExpand=()=>{this.expanded=!this.expanded,this.expanded?(this.expanding=!0,this.expand.emit()):(this.collapsing=!0,this.collapse.emit())},this.updateScrollHeight=()=>{s((()=>{var t;const e=null===(t=this.expandContainer)||void 0===t?void 0:t.scrollHeight;this.contentScrollHeight!==e&&(this.contentScrollHeight=e)}))},this.getMaxHeight=()=>this.expanded?`${this.contentScrollHeight}px`:this.expanded?void 0:"0"}componentDidLoad(){this.updateScrollHeight()}componentDidRender(){this.updateScrollHeight()}render(){return a(o,{key:"a9aab1a71b16e7f7fa4427729d7135a34e594c76"},a("div",{key:"fe7eef29e31b4969bc0e5ffb41c9c70e34b9d023",class:"content"},"content"===this.expandType&&a("slot",{key:"ef28e61b319a2a5aba4dbcb722eeea091cac0be0",name:"header"}),a("div",{key:"5f090d0bef1e38cfb1e59b568802f1da6f0cd346",class:c("expanded-content",{animated:this.animated}),ref:t=>{this.expandContainer=t},style:{maxHeight:this.getMaxHeight()},onTransitionEnd:this.handleTransitionEnd},a("slot","header"===this.expandType?{name:"header",onSlotchange:this.updateScrollHeight}:{onSlotchange:this.updateScrollHeight})),"header"===this.expandType&&a("slot",{key:"44552b980a6970f5d6b2e961916c2cdd146fb9c8"})),this.controlled?a("slot",{name:"expand-icon"}):a("div",{class:"icon-container",onClick:this.handleExpand},a("slot",{name:"expand-icon"},a("vertex-icon-button",{class:"icon-button",variant:"plain",iconSize:"sm",iconName:this.expanded?"caret-down":"caret-up"}))))}static get style(){return":host{display:flex}.content{display:flex;flex-direction:column;transition:height 1s}.icon-container{display:flex;flex-direction:column}.icon-button{display:flex;align-items:center}.expanded-content{overflow:hidden}.expanded-content.animated{transition-property:max-height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transform-origin:top}"}},[257,"vertex-expandable",{expanded:[1540],expanding:[1540],collapsing:[1540],controlled:[516],expandType:[513,"expand-type"],animated:[4],contentScrollHeight:[32]}]);function r(){"undefined"!=typeof customElements&&["vertex-expandable","vertex-icon-button"].forEach((e=>{switch(e){case"vertex-expandable":customElements.get(t(e))||customElements.define(t(e),h);break;case"vertex-icon-button":customElements.get(t(e))||d()}}))}r();export{h as E,r as d}
+import{t,p as e,H as i,c as n,d as s,h as a,e as o}from"./p-BbDaHMlz.js";import{c}from"./p-Beav1bNT.js";import{d}from"./p-AbuQGpgg.js";const h=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expand=n(this,"expand"),this.collapse=n(this,"collapse"),this.expanded=!1,this.expanding=!1,this.collapsing=!1,this.controlled=!1,this.expandType="content",this.animated=!0,this.handleTransitionEnd=()=>{this.collapsing=!1,this.expanding=!1},this.handleExpand=()=>{this.expanded=!this.expanded,this.expanded?(this.expanding=!0,this.expand.emit()):(this.collapsing=!0,this.collapse.emit())},this.updateScrollHeight=()=>{s((()=>{var t;const e=null===(t=this.expandContainer)||void 0===t?void 0:t.scrollHeight;this.contentScrollHeight!==e&&(this.contentScrollHeight=e)}))},this.getMaxHeight=()=>this.expanded?`${this.contentScrollHeight}px`:this.expanded?void 0:"0"}componentDidLoad(){this.updateScrollHeight()}componentDidRender(){this.updateScrollHeight()}render(){return a(o,{key:"0ba5dacbace6212fca5f0eed928a285bb394e684"},a("div",{key:"124e46c6dc4518e4ab61a46d0d6111068b1676d6",class:"content"},"content"===this.expandType&&a("slot",{key:"7b382c87f1b03cd5a96926a2bd01663312633b81",name:"header"}),a("div",{key:"23d204b3018f638de83201df55df332e8d04dd77",class:c("expanded-content",{animated:this.animated}),ref:t=>{this.expandContainer=t},style:{maxHeight:this.getMaxHeight()},onTransitionEnd:this.handleTransitionEnd},a("slot","header"===this.expandType?{name:"header",onSlotchange:this.updateScrollHeight}:{onSlotchange:this.updateScrollHeight})),"header"===this.expandType&&a("slot",{key:"c9776ebacedc8571ef0b6e7e3826a67ec23c925b"})),this.controlled?a("slot",{name:"expand-icon"}):a("div",{class:"icon-container",onClick:this.handleExpand},a("slot",{name:"expand-icon"},a("vertex-icon-button",{class:"icon-button",variant:"plain",iconSize:"sm",iconName:this.expanded?"caret-down":"caret-up"}))))}static get style(){return":host{display:flex}.content{display:flex;flex-direction:column;transition:height 1s}.icon-container{display:flex;flex-direction:column}.icon-button{display:flex;align-items:center}.expanded-content{overflow:hidden}.expanded-content.animated{transition-property:max-height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transform-origin:top}"}},[257,"vertex-expandable",{expanded:[1540],expanding:[1540],collapsing:[1540],controlled:[516],expandType:[513,"expand-type"],animated:[4],contentScrollHeight:[32]}]);function r(){"undefined"!=typeof customElements&&["vertex-expandable","vertex-icon-button"].forEach((e=>{switch(e){case"vertex-expandable":customElements.get(t(e))||customElements.define(t(e),h);break;case"vertex-icon-button":customElements.get(t(e))||d()}}))}r();export{h as E,r as d}

package/dist/components/{p-C1H5-_5m.js → p-DPAn1IHK.js}

@@ -1 +1 @@
-import{t,p as e,H as i,h as s,e as h,d as n}from"./p-BbDaHMlz.js";import{g as o}from"./p-DXuCPm6v.js";const l=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.minRows=1,this.previousScrollTop=0,this.rowCount=0,this.prepareHiddenTextElement=this.prepareHiddenTextElement.bind(this),this.updateScrollTop=this.updateScrollTop.bind(this),this.computeRowHeights=this.computeRowHeights.bind(this),this.updateValue=this.updateValue.bind(this),this.updatePreviousScrollTop=this.updatePreviousScrollTop.bind(this),this.updateOverflow=this.updateOverflow.bind(this),this.resizeObserver=new ResizeObserver(this.computeRowHeights)}componentWillLoad(){this.computeRowHeights()}componentDidLoad(){this.slottedElement=this.getSlottedTextareaElement(),this.textValue=this.initialValue,this.prepareHiddenTextElement(),this.computeRowHeights(),null!=this.slottedElement&&(this.resizeObserver.observe(this.slottedElement),this.addEventListener())}componentDidRender(){this.computeRowHeights()}disconnectedCallback(){this.removeEventListener(),this.resizeObserver.disconnect()}render(){return s(h,{key:"781d8197d7aad8d42b9e85d45f0703e673d034af"},s("textarea",{key:"92538159615ab83cd4c520cbbc18a51635a50005",class:"hidden-text",ref:t=>{this.hiddenTextRef=t}},this.textValue),s("slot",{key:"97699988d280f3dec9c8ae4c1f822a2ef981adff"}))}addEventListener(){var t,e;null===(t=this.slottedElement)||void 0===t||t.addEventListener("input",this.updateValue),null===(e=this.slottedElement)||void 0===e||e.addEventListener("keydown",this.updatePreviousScrollTop)}removeEventListener(){var t,e;null===(t=this.slottedElement)||void 0===t||t.removeEventListener("input",this.updateValue),null===(e=this.slottedElement)||void 0===e||e.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(),n((()=>{var t;if("undefined"!=typeof window&&null!=this.slottedElement&&null!=this.hiddenTextRef){const e=window.getComputedStyle(this.slottedElement),i=Math.floor(parseFloat(e.lineHeight)),s=Math.floor(this.hiddenTextRef.scrollHeight/i);this.rowCount=Math.max(this.minRows,Math.min(null!==(t=this.maxRows)&&void 0!==t?t:s,s)),this.slottedElement.rows=this.rowCount,this.updateOverflow()}}))}prepareHiddenTextElement(){n((()=>{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=o({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 this}static get style(){return":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}"}},[257,"vertex-auto-resize-textarea",{textareaSelector:[1,"textarea-selector"],initialValue:[1,"initial-value"],minRows:[514,"min-rows"],maxRows:[514,"max-rows"],textValue:[32]}]);function a(){"undefined"!=typeof customElements&&["vertex-auto-resize-textarea"].forEach((e=>{"vertex-auto-resize-textarea"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}a();export{l as A,a as d}
+import{t,p as e,H as i,h as s,e as h,d as n}from"./p-BbDaHMlz.js";import{g as o}from"./p-DXuCPm6v.js";const l=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.minRows=1,this.previousScrollTop=0,this.rowCount=0,this.prepareHiddenTextElement=this.prepareHiddenTextElement.bind(this),this.updateScrollTop=this.updateScrollTop.bind(this),this.computeRowHeights=this.computeRowHeights.bind(this),this.updateValue=this.updateValue.bind(this),this.updatePreviousScrollTop=this.updatePreviousScrollTop.bind(this),this.updateOverflow=this.updateOverflow.bind(this),this.resizeObserver=new ResizeObserver(this.computeRowHeights)}componentWillLoad(){this.computeRowHeights()}componentDidLoad(){this.slottedElement=this.getSlottedTextareaElement(),this.textValue=this.initialValue,this.prepareHiddenTextElement(),this.computeRowHeights(),null!=this.slottedElement&&(this.resizeObserver.observe(this.slottedElement),this.addEventListener())}componentDidRender(){this.computeRowHeights()}disconnectedCallback(){this.removeEventListener(),this.resizeObserver.disconnect()}render(){return s(h,{key:"f17e7e16b3a2b07186aaacdee06c878957d8602b"},s("textarea",{key:"d7b9f12efd78cebc7e2b9b2b4a41700c01878e0b",class:"hidden-text",ref:t=>{this.hiddenTextRef=t}},this.textValue),s("slot",{key:"23a4b3e61a8b61d6d38b05089449c7f1be83fecc"}))}addEventListener(){var t,e;null===(t=this.slottedElement)||void 0===t||t.addEventListener("input",this.updateValue),null===(e=this.slottedElement)||void 0===e||e.addEventListener("keydown",this.updatePreviousScrollTop)}removeEventListener(){var t,e;null===(t=this.slottedElement)||void 0===t||t.removeEventListener("input",this.updateValue),null===(e=this.slottedElement)||void 0===e||e.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(),n((()=>{var t;if("undefined"!=typeof window&&null!=this.slottedElement&&null!=this.hiddenTextRef){const e=window.getComputedStyle(this.slottedElement),i=Math.floor(parseFloat(e.lineHeight)),s=Math.floor(this.hiddenTextRef.scrollHeight/i);this.rowCount=Math.max(this.minRows,Math.min(null!==(t=this.maxRows)&&void 0!==t?t:s,s)),this.slottedElement.rows=this.rowCount,this.updateOverflow()}}))}prepareHiddenTextElement(){n((()=>{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=o({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 this}static get style(){return":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}"}},[257,"vertex-auto-resize-textarea",{textareaSelector:[1,"textarea-selector"],initialValue:[1,"initial-value"],minRows:[514,"min-rows"],maxRows:[514,"max-rows"],textValue:[32]}]);function a(){"undefined"!=typeof customElements&&["vertex-auto-resize-textarea"].forEach((e=>{"vertex-auto-resize-textarea"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}a();export{l as A,a as d}

package/dist/components/{p-CFaiLAq0.js → p-D_837FE_.js}

@@ -1 +1 @@
-import{t,p as i,H as e,c as o,h,e as s}from"./p-BbDaHMlz.js";import{c as n}from"./p-Beav1bNT.js";import{r}from"./p-DO6VjClS.js";const l=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.resizeStart=o(this,"resizeStart"),this.resizeEnd=o(this,"resizeEnd"),this.horizontalDirection="both",this.verticalDirection="both",this.initializeWithOffset=!1,this.position="relative",this.dimensionsComputed=!1,this.width=-1,this.height=-1,this.left=0,this.top=0,this.containerTop=0,this.containerLeft=0,this.handleDrag=this.handleDrag.bind(this),this.handleDragBottom=this.handleDragBottom.bind(this),this.handleDragTop=this.handleDragTop.bind(this),this.handleDragLeft=this.handleDragLeft.bind(this),this.handleDragRight=this.handleDragRight.bind(this),this.handleWindowPointerUp=this.handleWindowPointerUp.bind(this),this.updateDimensions=this.updateDimensions.bind(this),this.recomputeDimensions=this.recomputeDimensions.bind(this),this.computeDimensions=this.computeDimensions.bind(this),this.mutationObserver=new MutationObserver(this.recomputeDimensions),this.resizeObserver=new ResizeObserver(this.recomputeDimensions)}componentDidLoad(){if(this.computeDimensions(),window.addEventListener("resize",this.recomputeDimensions),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeFilter:["class"]}),null!=this.parentSelector){const t=document.querySelector(this.parentSelector);null!=t&&this.resizeObserver.observe(t)}this.resizeObserver.observe(this.hostElement)}disconnectedCallback(){this.dimensionsComputed=!1,window.removeEventListener("resize",this.recomputeDimensions),this.mutationObserver.disconnect(),this.resizeObserver.disconnect()}connectedCallback(){if(this.computeDimensions(),window.addEventListener("resize",this.recomputeDimensions),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeFilter:["class"]}),null!=this.parentSelector){const t=document.querySelector(this.parentSelector);null!=t&&this.resizeObserver.observe(t)}this.resizeObserver.observe(this.hostElement)}render(){return h(s,{key:"df1cfd4b5cff53a97e023bd28b38a895c231d698",style:{width:this.width<0||"none"===this.horizontalDirection?"100%":`${this.width}px`,height:this.height<0||"none"===this.verticalDirection?"100%":`${this.height}px`,left:"relative"===this.position?`${this.left}px`:void 0,top:"relative"===this.position?`${this.top}px`:void 0}},h("div",{key:"98db17c90104701e449ad69b501da48f8e45828a",class:n("container",{hidden:this.width<=0&&this.height<=0})},h("div",{key:"1315d54ec1e08bad9a9518093b18f829a6905f0e",class:n("shadow",`hovered-location-${this.dragStartLocation||this.hoveredLocation}`)}),h("div",{key:"214344a03339451443a232c5b27dfbbe9a606db0",class:n("handle","left-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"left"),onPointerEnter:()=>this.handlePointerEnter("left"),onPointerLeave:()=>this.handlePointerLeave("left")}),h("div",{key:"1d115a65f83ceb9b9ed042e456b228f7fb5f27ab",class:n("handle","right-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"right"),onPointerEnter:()=>this.handlePointerEnter("right"),onPointerLeave:()=>this.handlePointerLeave("right")}),h("div",{key:"2498a3983eb1421ab05ca91b85188a5d2f2e54cd",class:n("handle","top-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"top"),onPointerEnter:()=>this.handlePointerEnter("top"),onPointerLeave:()=>this.handlePointerLeave("top")}),h("div",{key:"dfcd9fabf34fdc0ffd03ad473113a89990ff2bb3",class:n("handle","bottom-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"bottom"),onPointerEnter:()=>this.handlePointerEnter("bottom"),onPointerLeave:()=>this.handlePointerLeave("bottom")}),h("div",{key:"fec489510c12be6dd41a482daace2bed04d6f7fe",class:n("handle","bottom-right-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"bottom-right"),onPointerEnter:()=>this.handlePointerEnter("bottom-right"),onPointerLeave:()=>this.handlePointerLeave("bottom-right")}),h("div",{key:"cefd4f2534559032ed262ccab9d3bd022b0f7bd5",class:n("handle","bottom-left-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"bottom-left"),onPointerEnter:()=>this.handlePointerEnter("bottom-left"),onPointerLeave:()=>this.handlePointerLeave("bottom-left")}),h("div",{key:"5a890cb805443ca20252b851ac1e593f440c2337",class:n("handle","top-right-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"top-right"),onPointerEnter:()=>this.handlePointerEnter("top-right"),onPointerLeave:()=>this.handlePointerLeave("top-right")}),h("div",{key:"6d9eb463dc5e53399547139ac8048f31fb016d93",class:n("handle","top-left-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"top-left"),onPointerEnter:()=>this.handlePointerEnter("top-left"),onPointerLeave:()=>this.handlePointerLeave("top-left")}),h("slot",{key:"78a828ad95fe83e09adf708380b769aeabf8f553"})))}async updateDimensions(t,i=!1){var e,o;const{host:h,slotted:s,parent:n,minWidth:r,maxWidth:l,minHeight:a,maxHeight:d}=t,c=this.fromComputedStyle(l,(null==n?void 0:n.width)||h.width||s.width);this.maxWidth=null!=c?c-this.getSiblingMinWidth((null==n?void 0:n.width)||h.width||s.width):void 0,this.minWidth=this.fromComputedStyle(r,(null==n?void 0:n.width)||h.width||s.width);const v=this.fromComputedStyle(d,(null==n?void 0:n.height)||h.height||s.height);if(this.maxHeight=null!=v?v-this.getSiblingMinHeight((null==n?void 0:n.height)||h.height||s.height):void 0,this.minHeight=this.fromComputedStyle(a,(null==n?void 0:n.height)||h.height||s.height),!i||this.height<=0){const t=null!=this.maxHeight&&null!=this.initialVerticalScale?this.maxHeight*this.initialVerticalScale:this.minHeight;this.width=(null!=this.maxWidth&&null!=this.initialHorizontalScale?this.maxWidth*this.initialHorizontalScale:this.minWidth)||s.width||this.width,this.height=t||s.height||this.height}else this.height=this.toBoundedValue(this.height,this.minHeight||0,this.maxHeight),this.width=this.toBoundedValue(this.width,this.minWidth||0,this.maxWidth);this.containerTop=null!==(e=null==n?void 0:n.top)&&void 0!==e?e:h.top,this.containerLeft=null!==(o=null==n?void 0:n.left)&&void 0!==o?o:h.left,this.top=null!=v&&this.initializeWithOffset&&"absolute"!==this.position?v-this.height:0,this.left=null!=c&&this.initializeWithOffset&&"absolute"!==this.position?c-this.width:0}computeDimensions(){r((()=>{var t;const i=this.getSlottedElement();if("undefined"!=typeof window&&null!=i){const e=window.getComputedStyle(this.hostElement);this.updateDimensions({host:this.hostElement.getBoundingClientRect(),slotted:i.getBoundingClientRect(),parent:null!=this.parentSelector?null===(t=document.querySelector(this.parentSelector))||void 0===t?void 0:t.getBoundingClientRect():void 0,minWidth:e.minWidth,maxWidth:e.maxWidth,minHeight:e.minHeight,maxHeight:e.maxHeight}),this.dimensionsComputed=!0}}))}recomputeDimensions(){null!=this.resizeTimeout&&(clearTimeout(this.resizeTimeout),this.resizeTimeout=void 0),this.resizeTimeout=setTimeout((()=>{this.resizeTimeout=void 0,r((()=>{var t;const i=this.getSlottedElement();if("undefined"!=typeof window&&null!=i){const e=window.getComputedStyle(this.hostElement);this.updateDimensions({host:this.hostElement.getBoundingClientRect(),slotted:i.getBoundingClientRect(),parent:null!=this.parentSelector?null===(t=document.querySelector(this.parentSelector))||void 0===t?void 0:t.getBoundingClientRect():void 0,minWidth:e.minWidth,maxWidth:e.maxWidth,minHeight:e.minHeight,maxHeight:e.maxHeight},!0)}}))}),200)}handlePointerEnter(t){this.hoveredLocation=t}handlePointerLeave(t){t===this.hoveredLocation&&(this.hoveredLocation=void 0)}handlePointerDown(t,i){this.setStartPosition(t,i),this.emitResizeStart(i),window.addEventListener("pointermove",this.handleDrag),window.addEventListener("pointerup",this.handleWindowPointerUp)}handleDrag(t){if(null!=this.lastPointerPosition){const i={x:this.lastPointerPosition.x-t.clientX,y:this.lastPointerPosition.y-t.clientY};switch(this.lastPointerPosition={x:t.clientX,y:t.clientY},this.dragStartLocation){case"bottom":this.ifValidDragBottom(t,i,this.handleDragBottom);break;case"top":this.ifValidDragTop(t,i,this.handleDragTop);break;case"right":this.ifValidDragRight(t,i,this.handleDragRight);break;case"left":this.ifValidDragLeft(t,i,this.handleDragLeft);break;case"bottom-right":this.ifValidDragBottom(t,i,this.handleDragBottom),this.ifValidDragRight(t,i,this.handleDragRight);break;case"bottom-left":this.ifValidDragBottom(t,i,this.handleDragBottom),this.ifValidDragLeft(t,i,this.handleDragLeft);break;case"top-right":this.ifValidDragTop(t,i,this.handleDragTop),this.ifValidDragRight(t,i,this.handleDragRight);break;case"top-left":this.ifValidDragTop(t,i,this.handleDragTop),this.ifValidDragLeft(t,i,this.handleDragLeft)}}}handleWindowPointerUp(){null!=this.dragStartLocation&&this.emitResizeEnd(this.dragStartLocation),this.lastPointerPosition=void 0,this.dragStartLocation=void 0,window.removeEventListener("pointermove",this.handleDrag),window.removeEventListener("pointerup",this.handleWindowPointerUp)}ifValidDragTop(t,i,e){(i.y<0?t.clientY-this.containerTop>this.top:t.clientY-this.containerTop<=this.top)&&e(i)}ifValidDragBottom(t,i,e){(i.y>0?t.clientY<this.top+this.containerTop+this.height:t.clientY>=this.top+this.containerTop+this.height)&&e(i)}ifValidDragLeft(t,i,e){(i.x<0?t.clientX-this.containerLeft>this.left:t.clientX-this.containerLeft<=this.left)&&e(i)}ifValidDragRight(t,i,e){(i.x>0?t.clientX<this.left+this.containerLeft+this.width:t.clientX>=this.left+this.containerLeft+this.width)&&e(i)}handleDragTop(t){const i=this.height;this.height=this.toBoundedValue(this.height+t.y,this.minHeight||0,this.maxHeight),this.top-=this.height-i}handleDragBottom(t){this.height=this.toBoundedValue(this.height-t.y,this.minHeight||0,this.maxHeight)}handleDragLeft(t){const i=this.width;this.width=this.toBoundedValue(this.width+t.x,this.minWidth||0,this.maxWidth),this.left-=this.width-i}handleDragRight(t){this.width=this.toBoundedValue(this.width-t.x,this.minWidth||0,this.maxWidth)}setStartPosition(t,i){t.stopPropagation(),t.preventDefault(),this.lastPointerPosition={x:t.clientX,y:t.clientY},this.dragStartLocation=i}getSlottedElement(){var t,i,e;if(null!=this.contentSelector)return(null===(t=this.hostElement.shadowRoot)||void 0===t?void 0:t.querySelector(this.contentSelector))||this.hostElement.querySelector(this.contentSelector)||void 0;{const t=(null===(i=this.hostElement.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0;if(null===(e=null==t?void 0:t.assignedElements)||void 0===e?void 0:e.call(t).length)return null==t?void 0:t.assignedElements()[0]}}getMinBounds(){return{x:null!=this.minWidth?this.width-this.minWidth:this.width,y:null!=this.minHeight?this.height-this.minHeight:this.height}}fromComputedStyle(t,i){const e=parseFloat(t);return isNaN(e)||e<=0?void 0:t.includes("%")?e/100*i:e}toBoundedValue(t,i,e){return Math.max(Math.min(t,null!=e?e:t),i)}getSiblingMinWidth(t){var i;const e=null!=this.horizontalSiblingSelector?document.querySelector(this.horizontalSiblingSelector):void 0;if("undefined"!=typeof window&&e){const o=window.getComputedStyle(e);return null!==(i=this.fromComputedStyle(o.minWidth,t))&&void 0!==i?i:0}return 0}getSiblingMinHeight(t){var i;const e=null!=this.verticalSiblingSelector?document.querySelector(this.verticalSiblingSelector):void 0;if("undefined"!=typeof window&&e){const o=window.getComputedStyle(e);return null!==(i=this.fromComputedStyle(o.minHeight,t))&&void 0!==i?i:0}return 0}emitResizeStart(t){r((()=>{this.resizeStart.emit(this.computeResizeEventDetails(t))}))}emitResizeEnd(t){r((()=>{this.resizeEnd.emit(this.computeResizeEventDetails(t))}))}computeResizeEventDetails(t){var i,e,o,h,s;const n=null!=this.parentSelector?null===(i=document.querySelector(this.parentSelector))||void 0===i?void 0:i.getBoundingClientRect():void 0;return{location:t,width:this.width,height:this.height,widthPercentage:this.width/(null!==(o=null!==(e=this.maxWidth)&&void 0!==e?e:null==n?void 0:n.width)&&void 0!==o?o:window.innerWidth),heightPercentage:this.height/(null!==(s=null!==(h=this.maxHeight)&&void 0!==h?h:null==n?void 0:n.height)&&void 0!==s?s:window.innerHeight)}}get hostElement(){return this}static get style(){return':host{--hover-shadow-color:var(--vertex-ui-blue-500);--vertical-handle-size:1rem;--vertical-handle-offset:-0.9rem;--horizontal-handle-size:1rem;--horizontal-handle-offset:-0.9rem;--side-direction-handle-z-index:var(--vertex-ui-popover-layer);--corner-handle-z-index:var(--vertex-ui-context-menu-layer)}:host(:not([dimensions-computed=""])){position:absolute;display:none}.container{position:relative;height:100%;width:100%}.container.hidden{position:absolute;visibility:hidden}.shadow{pointer-events:none;position:absolute;width:100%;height:100%;z-index:var(--vertex-ui-popover-layer)}.shadow.hovered-location-left{box-shadow:inset 1px 0 0 var(--hover-shadow-color)}.shadow.hovered-location-right{box-shadow:inset -1px 0 0 var(--hover-shadow-color)}.shadow.hovered-location-top{box-shadow:inset 0 1px 0 var(--hover-shadow-color)}.shadow.hovered-location-bottom{box-shadow:inset 0 -1px 0 var(--hover-shadow-color)}.shadow.hovered-location-bottom-left{box-shadow:inset 1px -1px 0 var(--hover-shadow-color)}.shadow.hovered-location-bottom-right{box-shadow:inset -1px -1px 0 var(--hover-shadow-color)}.shadow.hovered-location-top-left{box-shadow:inset 1px 1px 0 var(--hover-shadow-color)}.shadow.hovered-location-top-right{box-shadow:inset -1px 1px 0 var(--hover-shadow-color)}.handle{position:absolute;visibility:hidden;z-index:var(--side-direction-handle-z-index)}.corner-handle{z-index:var(--corner-handle-z-index)}.left-handle.horizontal-direction-left,.left-handle.horizontal-direction-both{visibility:visible;left:var(--horizontal-handle-offset);top:0;height:100%;width:var(--horizontal-handle-size);cursor:col-resize}.right-handle.horizontal-direction-right,.right-handle.horizontal-direction-both{visibility:visible;right:var(--horizontal-handle-offset);top:0;height:100%;width:var(--horizontal-handle-size);cursor:col-resize}.bottom-handle.vertical-direction-bottom,.bottom-handle.vertical-direction-both{visibility:visible;left:0;bottom:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:100%;cursor:row-resize}.top-handle.vertical-direction-top,.top-handle.vertical-direction-both{visibility:visible;left:0;top:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:100%;cursor:row-resize}.bottom-right-handle.vertical-direction-bottom.horizontal-direction-right,.bottom-right-handle.vertical-direction-both.horizontal-direction-right,.bottom-right-handle.vertical-direction-bottom.horizontal-direction-both,.bottom-right-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;right:var(--horizontal-handle-offset);bottom:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nwse-resize}.bottom-left-handle.vertical-direction-bottom.horizontal-direction-left,.bottom-left-handle.vertical-direction-both.horizontal-direction-left,.bottom-left-handle.vertical-direction-bottom.horizontal-direction-both,.bottom-left-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;left:var(--horizontal-handle-offset);bottom:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nesw-resize}.top-right-handle.vertical-direction-top.horizontal-direction-right,.top-right-handle.vertical-direction-both.horizontal-direction-right,.top-right-handle.vertical-direction-top.horizontal-direction-both,.top-right-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;right:var(--horizontal-handle-offset);top:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nesw-resize}.top-left-handle.vertical-direction-top.horizontal-direction-left,.top-left-handle.vertical-direction-both.horizontal-direction-left,.top-left-handle.vertical-direction-top.horizontal-direction-both,.top-left-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;left:var(--horizontal-handle-offset);top:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nwse-resize}'}},[257,"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]}]);function a(){"undefined"!=typeof customElements&&["vertex-resizable"].forEach((i=>{"vertex-resizable"===i&&(customElements.get(t(i))||customElements.define(t(i),l))}))}a();export{l as R,a as d}
+import{t,p as i,H as e,c as o,h,e as s}from"./p-BbDaHMlz.js";import{c as n}from"./p-Beav1bNT.js";import{r}from"./p-DO6VjClS.js";const l=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.resizeStart=o(this,"resizeStart"),this.resizeEnd=o(this,"resizeEnd"),this.horizontalDirection="both",this.verticalDirection="both",this.initializeWithOffset=!1,this.position="relative",this.dimensionsComputed=!1,this.width=-1,this.height=-1,this.left=0,this.top=0,this.containerTop=0,this.containerLeft=0,this.handleDrag=this.handleDrag.bind(this),this.handleDragBottom=this.handleDragBottom.bind(this),this.handleDragTop=this.handleDragTop.bind(this),this.handleDragLeft=this.handleDragLeft.bind(this),this.handleDragRight=this.handleDragRight.bind(this),this.handleWindowPointerUp=this.handleWindowPointerUp.bind(this),this.updateDimensions=this.updateDimensions.bind(this),this.recomputeDimensions=this.recomputeDimensions.bind(this),this.computeDimensions=this.computeDimensions.bind(this),this.mutationObserver=new MutationObserver(this.recomputeDimensions),this.resizeObserver=new ResizeObserver(this.recomputeDimensions)}componentDidLoad(){if(this.computeDimensions(),window.addEventListener("resize",this.recomputeDimensions),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeFilter:["class"]}),null!=this.parentSelector){const t=document.querySelector(this.parentSelector);null!=t&&this.resizeObserver.observe(t)}this.resizeObserver.observe(this.hostElement)}disconnectedCallback(){this.dimensionsComputed=!1,window.removeEventListener("resize",this.recomputeDimensions),this.mutationObserver.disconnect(),this.resizeObserver.disconnect()}connectedCallback(){if(this.computeDimensions(),window.addEventListener("resize",this.recomputeDimensions),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeFilter:["class"]}),null!=this.parentSelector){const t=document.querySelector(this.parentSelector);null!=t&&this.resizeObserver.observe(t)}this.resizeObserver.observe(this.hostElement)}render(){return h(s,{key:"53f90484ecf1c01dcfec3fc73751c5b6220ec1a0",style:{width:this.width<0||"none"===this.horizontalDirection?"100%":`${this.width}px`,height:this.height<0||"none"===this.verticalDirection?"100%":`${this.height}px`,left:"relative"===this.position?`${this.left}px`:void 0,top:"relative"===this.position?`${this.top}px`:void 0}},h("div",{key:"495c3b41b95a98e50b2c136a626217adde53a0e2",class:n("container",{hidden:this.width<=0&&this.height<=0})},h("div",{key:"ea0c58ab6ec4b659ed33618a4b840319637b37a5",class:n("shadow",`hovered-location-${this.dragStartLocation||this.hoveredLocation}`)}),h("div",{key:"a10bfa55f1463a2927a1e1585e94aec69a05c5bc",class:n("handle","left-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"left"),onPointerEnter:()=>this.handlePointerEnter("left"),onPointerLeave:()=>this.handlePointerLeave("left")}),h("div",{key:"705f9f4ff60e7e574d57d2ba0434944dea170375",class:n("handle","right-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"right"),onPointerEnter:()=>this.handlePointerEnter("right"),onPointerLeave:()=>this.handlePointerLeave("right")}),h("div",{key:"0338d64870553446a7c0f119387816b08bf1562d",class:n("handle","top-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"top"),onPointerEnter:()=>this.handlePointerEnter("top"),onPointerLeave:()=>this.handlePointerLeave("top")}),h("div",{key:"acc646db4341c2095bfc891b4b13550c5a95ee6f",class:n("handle","bottom-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"bottom"),onPointerEnter:()=>this.handlePointerEnter("bottom"),onPointerLeave:()=>this.handlePointerLeave("bottom")}),h("div",{key:"a849292148ddd071a96fb7a4cc9a1e20ae9a1eed",class:n("handle","bottom-right-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"bottom-right"),onPointerEnter:()=>this.handlePointerEnter("bottom-right"),onPointerLeave:()=>this.handlePointerLeave("bottom-right")}),h("div",{key:"9c64cc2f64ea37406f1504fbb421c3a3d8b49f17",class:n("handle","bottom-left-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"bottom-left"),onPointerEnter:()=>this.handlePointerEnter("bottom-left"),onPointerLeave:()=>this.handlePointerLeave("bottom-left")}),h("div",{key:"56055af84e8cc60e7c1e55c7233996ef6726b25d",class:n("handle","top-right-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"top-right"),onPointerEnter:()=>this.handlePointerEnter("top-right"),onPointerLeave:()=>this.handlePointerLeave("top-right")}),h("div",{key:"11cde0ae8a9dd6d5736d36a98db527856bee3718",class:n("handle","top-left-handle",`horizontal-direction-${this.horizontalDirection}`,`vertical-direction-${this.verticalDirection}`),onPointerDown:t=>this.handlePointerDown(t,"top-left"),onPointerEnter:()=>this.handlePointerEnter("top-left"),onPointerLeave:()=>this.handlePointerLeave("top-left")}),h("slot",{key:"a4cdf0eb7aecd1d1c6ef5c3b4acb316239f4003c"})))}async updateDimensions(t,i=!1){var e,o;const{host:h,slotted:s,parent:n,minWidth:r,maxWidth:l,minHeight:a,maxHeight:d}=t,c=this.fromComputedStyle(l,(null==n?void 0:n.width)||h.width||s.width);this.maxWidth=null!=c?c-this.getSiblingMinWidth((null==n?void 0:n.width)||h.width||s.width):void 0,this.minWidth=this.fromComputedStyle(r,(null==n?void 0:n.width)||h.width||s.width);const v=this.fromComputedStyle(d,(null==n?void 0:n.height)||h.height||s.height);if(this.maxHeight=null!=v?v-this.getSiblingMinHeight((null==n?void 0:n.height)||h.height||s.height):void 0,this.minHeight=this.fromComputedStyle(a,(null==n?void 0:n.height)||h.height||s.height),!i||this.height<=0){const t=null!=this.maxHeight&&null!=this.initialVerticalScale?this.maxHeight*this.initialVerticalScale:this.minHeight;this.width=(null!=this.maxWidth&&null!=this.initialHorizontalScale?this.maxWidth*this.initialHorizontalScale:this.minWidth)||s.width||this.width,this.height=t||s.height||this.height}else this.height=this.toBoundedValue(this.height,this.minHeight||0,this.maxHeight),this.width=this.toBoundedValue(this.width,this.minWidth||0,this.maxWidth);this.containerTop=null!==(e=null==n?void 0:n.top)&&void 0!==e?e:h.top,this.containerLeft=null!==(o=null==n?void 0:n.left)&&void 0!==o?o:h.left,this.top=null!=v&&this.initializeWithOffset&&"absolute"!==this.position?v-this.height:0,this.left=null!=c&&this.initializeWithOffset&&"absolute"!==this.position?c-this.width:0}computeDimensions(){r((()=>{var t;const i=this.getSlottedElement();if("undefined"!=typeof window&&null!=i){const e=window.getComputedStyle(this.hostElement);this.updateDimensions({host:this.hostElement.getBoundingClientRect(),slotted:i.getBoundingClientRect(),parent:null!=this.parentSelector?null===(t=document.querySelector(this.parentSelector))||void 0===t?void 0:t.getBoundingClientRect():void 0,minWidth:e.minWidth,maxWidth:e.maxWidth,minHeight:e.minHeight,maxHeight:e.maxHeight}),this.dimensionsComputed=!0}}))}recomputeDimensions(){null!=this.resizeTimeout&&(clearTimeout(this.resizeTimeout),this.resizeTimeout=void 0),this.resizeTimeout=setTimeout((()=>{this.resizeTimeout=void 0,r((()=>{var t;const i=this.getSlottedElement();if("undefined"!=typeof window&&null!=i){const e=window.getComputedStyle(this.hostElement);this.updateDimensions({host:this.hostElement.getBoundingClientRect(),slotted:i.getBoundingClientRect(),parent:null!=this.parentSelector?null===(t=document.querySelector(this.parentSelector))||void 0===t?void 0:t.getBoundingClientRect():void 0,minWidth:e.minWidth,maxWidth:e.maxWidth,minHeight:e.minHeight,maxHeight:e.maxHeight},!0)}}))}),200)}handlePointerEnter(t){this.hoveredLocation=t}handlePointerLeave(t){t===this.hoveredLocation&&(this.hoveredLocation=void 0)}handlePointerDown(t,i){this.setStartPosition(t,i),this.emitResizeStart(i),window.addEventListener("pointermove",this.handleDrag),window.addEventListener("pointerup",this.handleWindowPointerUp)}handleDrag(t){if(null!=this.lastPointerPosition){const i={x:this.lastPointerPosition.x-t.clientX,y:this.lastPointerPosition.y-t.clientY};switch(this.lastPointerPosition={x:t.clientX,y:t.clientY},this.dragStartLocation){case"bottom":this.ifValidDragBottom(t,i,this.handleDragBottom);break;case"top":this.ifValidDragTop(t,i,this.handleDragTop);break;case"right":this.ifValidDragRight(t,i,this.handleDragRight);break;case"left":this.ifValidDragLeft(t,i,this.handleDragLeft);break;case"bottom-right":this.ifValidDragBottom(t,i,this.handleDragBottom),this.ifValidDragRight(t,i,this.handleDragRight);break;case"bottom-left":this.ifValidDragBottom(t,i,this.handleDragBottom),this.ifValidDragLeft(t,i,this.handleDragLeft);break;case"top-right":this.ifValidDragTop(t,i,this.handleDragTop),this.ifValidDragRight(t,i,this.handleDragRight);break;case"top-left":this.ifValidDragTop(t,i,this.handleDragTop),this.ifValidDragLeft(t,i,this.handleDragLeft)}}}handleWindowPointerUp(){null!=this.dragStartLocation&&this.emitResizeEnd(this.dragStartLocation),this.lastPointerPosition=void 0,this.dragStartLocation=void 0,window.removeEventListener("pointermove",this.handleDrag),window.removeEventListener("pointerup",this.handleWindowPointerUp)}ifValidDragTop(t,i,e){(i.y<0?t.clientY-this.containerTop>this.top:t.clientY-this.containerTop<=this.top)&&e(i)}ifValidDragBottom(t,i,e){(i.y>0?t.clientY<this.top+this.containerTop+this.height:t.clientY>=this.top+this.containerTop+this.height)&&e(i)}ifValidDragLeft(t,i,e){(i.x<0?t.clientX-this.containerLeft>this.left:t.clientX-this.containerLeft<=this.left)&&e(i)}ifValidDragRight(t,i,e){(i.x>0?t.clientX<this.left+this.containerLeft+this.width:t.clientX>=this.left+this.containerLeft+this.width)&&e(i)}handleDragTop(t){const i=this.height;this.height=this.toBoundedValue(this.height+t.y,this.minHeight||0,this.maxHeight),this.top-=this.height-i}handleDragBottom(t){this.height=this.toBoundedValue(this.height-t.y,this.minHeight||0,this.maxHeight)}handleDragLeft(t){const i=this.width;this.width=this.toBoundedValue(this.width+t.x,this.minWidth||0,this.maxWidth),this.left-=this.width-i}handleDragRight(t){this.width=this.toBoundedValue(this.width-t.x,this.minWidth||0,this.maxWidth)}setStartPosition(t,i){t.stopPropagation(),t.preventDefault(),this.lastPointerPosition={x:t.clientX,y:t.clientY},this.dragStartLocation=i}getSlottedElement(){var t,i,e;if(null!=this.contentSelector)return(null===(t=this.hostElement.shadowRoot)||void 0===t?void 0:t.querySelector(this.contentSelector))||this.hostElement.querySelector(this.contentSelector)||void 0;{const t=(null===(i=this.hostElement.shadowRoot)||void 0===i?void 0:i.querySelector("slot"))||void 0;if(null===(e=null==t?void 0:t.assignedElements)||void 0===e?void 0:e.call(t).length)return null==t?void 0:t.assignedElements()[0]}}getMinBounds(){return{x:null!=this.minWidth?this.width-this.minWidth:this.width,y:null!=this.minHeight?this.height-this.minHeight:this.height}}fromComputedStyle(t,i){const e=parseFloat(t);return isNaN(e)||e<=0?void 0:t.includes("%")?e/100*i:e}toBoundedValue(t,i,e){return Math.max(Math.min(t,null!=e?e:t),i)}getSiblingMinWidth(t){var i;const e=null!=this.horizontalSiblingSelector?document.querySelector(this.horizontalSiblingSelector):void 0;if("undefined"!=typeof window&&e){const o=window.getComputedStyle(e);return null!==(i=this.fromComputedStyle(o.minWidth,t))&&void 0!==i?i:0}return 0}getSiblingMinHeight(t){var i;const e=null!=this.verticalSiblingSelector?document.querySelector(this.verticalSiblingSelector):void 0;if("undefined"!=typeof window&&e){const o=window.getComputedStyle(e);return null!==(i=this.fromComputedStyle(o.minHeight,t))&&void 0!==i?i:0}return 0}emitResizeStart(t){r((()=>{this.resizeStart.emit(this.computeResizeEventDetails(t))}))}emitResizeEnd(t){r((()=>{this.resizeEnd.emit(this.computeResizeEventDetails(t))}))}computeResizeEventDetails(t){var i,e,o,h,s;const n=null!=this.parentSelector?null===(i=document.querySelector(this.parentSelector))||void 0===i?void 0:i.getBoundingClientRect():void 0;return{location:t,width:this.width,height:this.height,widthPercentage:this.width/(null!==(o=null!==(e=this.maxWidth)&&void 0!==e?e:null==n?void 0:n.width)&&void 0!==o?o:window.innerWidth),heightPercentage:this.height/(null!==(s=null!==(h=this.maxHeight)&&void 0!==h?h:null==n?void 0:n.height)&&void 0!==s?s:window.innerHeight)}}get hostElement(){return this}static get style(){return':host{--hover-shadow-color:var(--vertex-ui-blue-500);--vertical-handle-size:1rem;--vertical-handle-offset:-0.9rem;--horizontal-handle-size:1rem;--horizontal-handle-offset:-0.9rem;--side-direction-handle-z-index:var(--vertex-ui-popover-layer);--corner-handle-z-index:var(--vertex-ui-context-menu-layer)}:host(:not([dimensions-computed=""])){position:absolute;display:none}.container{position:relative;height:100%;width:100%}.container.hidden{position:absolute;visibility:hidden}.shadow{pointer-events:none;position:absolute;width:100%;height:100%;z-index:var(--vertex-ui-popover-layer)}.shadow.hovered-location-left{box-shadow:inset 1px 0 0 var(--hover-shadow-color)}.shadow.hovered-location-right{box-shadow:inset -1px 0 0 var(--hover-shadow-color)}.shadow.hovered-location-top{box-shadow:inset 0 1px 0 var(--hover-shadow-color)}.shadow.hovered-location-bottom{box-shadow:inset 0 -1px 0 var(--hover-shadow-color)}.shadow.hovered-location-bottom-left{box-shadow:inset 1px -1px 0 var(--hover-shadow-color)}.shadow.hovered-location-bottom-right{box-shadow:inset -1px -1px 0 var(--hover-shadow-color)}.shadow.hovered-location-top-left{box-shadow:inset 1px 1px 0 var(--hover-shadow-color)}.shadow.hovered-location-top-right{box-shadow:inset -1px 1px 0 var(--hover-shadow-color)}.handle{position:absolute;visibility:hidden;z-index:var(--side-direction-handle-z-index)}.corner-handle{z-index:var(--corner-handle-z-index)}.left-handle.horizontal-direction-left,.left-handle.horizontal-direction-both{visibility:visible;left:var(--horizontal-handle-offset);top:0;height:100%;width:var(--horizontal-handle-size);cursor:col-resize}.right-handle.horizontal-direction-right,.right-handle.horizontal-direction-both{visibility:visible;right:var(--horizontal-handle-offset);top:0;height:100%;width:var(--horizontal-handle-size);cursor:col-resize}.bottom-handle.vertical-direction-bottom,.bottom-handle.vertical-direction-both{visibility:visible;left:0;bottom:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:100%;cursor:row-resize}.top-handle.vertical-direction-top,.top-handle.vertical-direction-both{visibility:visible;left:0;top:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:100%;cursor:row-resize}.bottom-right-handle.vertical-direction-bottom.horizontal-direction-right,.bottom-right-handle.vertical-direction-both.horizontal-direction-right,.bottom-right-handle.vertical-direction-bottom.horizontal-direction-both,.bottom-right-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;right:var(--horizontal-handle-offset);bottom:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nwse-resize}.bottom-left-handle.vertical-direction-bottom.horizontal-direction-left,.bottom-left-handle.vertical-direction-both.horizontal-direction-left,.bottom-left-handle.vertical-direction-bottom.horizontal-direction-both,.bottom-left-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;left:var(--horizontal-handle-offset);bottom:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nesw-resize}.top-right-handle.vertical-direction-top.horizontal-direction-right,.top-right-handle.vertical-direction-both.horizontal-direction-right,.top-right-handle.vertical-direction-top.horizontal-direction-both,.top-right-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;right:var(--horizontal-handle-offset);top:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nesw-resize}.top-left-handle.vertical-direction-top.horizontal-direction-left,.top-left-handle.vertical-direction-both.horizontal-direction-left,.top-left-handle.vertical-direction-top.horizontal-direction-both,.top-left-handle.vertical-direction-both.horizontal-direction-both{visibility:visible;left:var(--horizontal-handle-offset);top:var(--vertical-handle-offset);height:var(--vertical-handle-size);width:var(--horizontal-handle-size);cursor:nwse-resize}'}},[257,"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]}]);function a(){"undefined"!=typeof customElements&&["vertex-resizable"].forEach((i=>{"vertex-resizable"===i&&(customElements.get(t(i))||customElements.define(t(i),l))}))}a();export{l as R,a as d}

package/dist/components/{p-BZ5oF5Ci.js → p-Diw9iyfY.js}

@@ -1 +1 @@
-import{t,p as e,H as i,c as r,h as s}from"./p-BbDaHMlz.js";import{c as a}from"./p-Beav1bNT.js";import{b as o}from"./p-DO6VjClS.js";import{d as p}from"./p-Ci26QjYl.js";import{d as n}from"./p-D3BXoJJN.js";const u=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=r(this,"valueChange"),this.valueInput=r(this,"valueInput"),this.min=0,this.max=100,this.valueLabelDisplay="off",this.size="sm",this.value=0,this.disabled=!1,this.handleChange=t=>{this.updateValueFromEvent(t),this.valueChange.emit({value:this.value,nativeEvent:t})},this.handleInput=t=>{this.updateValueFromEvent(t),this.valueInput.emit({value:this.value,nativeEvent:t})}}render(){return s("vertex-tooltip",{key:"4a98a371f6e28f7aad52e615e3adb1212f29822d",disabled:"off"===this.valueLabelDisplay,content:`${this.value}`,placement:"top",class:"tooltip"},s("input",{key:"1db05434d27dd3e617c815229db88aa86ecd730d",class:a("input",{disabled:this.disabled},this.size),type:"range",disabled:this.disabled,min:this.min,max:this.max,step:this.step,value:this.value,onChange:this.handleChange,onInput:this.handleInput,onPointerUp:()=>{o(this.hostEl)}}))}updateValueFromEvent(t){this.value=t.target.valueAsNumber}get hostEl(){return this}static get style(){return':host{display:flex;--vertex-slider-track-color:var(--vertex-ui-neutral-400);--vertex-slider-thumb-color:var(--vertex-ui-blue-700)}:host([size="sm"]){height:12px}:host([size="md"]){height:14px}:host([size="lg"]){height:16px}.input{-webkit-appearance:none;width:100%;height:100%;background:transparent;margin:0}.input:not(.disabled){cursor:pointer}.input.sm{height:12px}.input.md{height:14px}.input.lg{height:16px}.input.disabled{opacity:0.5}.tooltip{width:100%}.input::-webkit-slider-runnable-track{width:100%;height:2px;cursor:default;background:var(--vertex-slider-track-color);border-radius:1px}.input::-moz-range-track{width:100%;height:2px;cursor:default;background:var(--vertex-slider-track-color);border-radius:1px}.input::-ms-track{width:100%;height:2px;cursor:default;background:var(--vertex-slider-track-color);border-radius:1px}.input:not(.disabled)::-webkit-slider-runnable-track{cursor:pointer}.input:not(.disabled)::-moz-range-track{cursor:pointer}.input:not(.disabled)::-ms-track{cursor:pointer}.input.sm::-webkit-slider-thumb{height:12px;width:12px;margin-top:-5px}.input.sm::-moz-range-thumb{height:12px;width:12px;margin-top:-5px}.input.sm::-ms-thumb{height:12px;width:12px;margin-top:-5px}.input.md::-webkit-slider-thumb{height:14px;width:14px;margin-top:-6px}.input.md::-moz-range-thumb{height:14px;width:14px;margin-top:-6px}.input.md::-ms-thumb{height:14px;width:14px;margin-top:-6px}.input.lg::-webkit-slider-thumb{height:16px;width:16px;margin-top:-7px}.input.lg::-moz-range-thumb{height:16px;width:16px;margin-top:-7px}.input.lg::-ms-thumb{height:16px;width:16px;margin-top:-7px}.input::-webkit-slider-thumb{-webkit-appearance:none;border-radius:50%;background:var(--vertex-slider-thumb-color);border:none;cursor:default}.input::-moz-range-thumb{-webkit-appearance:none;border-radius:50%;background:var(--vertex-slider-thumb-color);border:none;cursor:default}.input::-ms-thumb{-webkit-appearance:none;border-radius:50%;background:var(--vertex-slider-thumb-color);border:none;cursor:default}.input:not(.disabled)::-webkit-slider-thumb{cursor:grab}.input:not(.disabled)::-moz-range-thumb{cursor:grab}.input:not(.disabled)::-ms-thumb{cursor:grab}.input::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:0 1px 2px var(--vertex-ui-black)}.input::-moz-range-thumb:active{cursor:grabbing;box-shadow:0 1px 2px var(--vertex-ui-black)}.input::-ms-thumb:active{cursor:grabbing;box-shadow:0 1px 2px var(--vertex-ui-black)}'}},[1,"vertex-slider",{min:[2],max:[2],valueLabelDisplay:[1,"value-label-display"],step:[8],size:[1],value:[1026],disabled:[4]}]);function h(){"undefined"!=typeof customElements&&["vertex-slider","vertex-popover","vertex-tooltip"].forEach((e=>{switch(e){case"vertex-slider":customElements.get(t(e))||customElements.define(t(e),u);break;case"vertex-popover":customElements.get(t(e))||p();break;case"vertex-tooltip":customElements.get(t(e))||n()}}))}h();export{u as S,h as d}
+import{t,p as e,H as i,c as r,h as s}from"./p-BbDaHMlz.js";import{c as a}from"./p-Beav1bNT.js";import{b as o}from"./p-DO6VjClS.js";import{d as p}from"./p-Ci26QjYl.js";import{d as n}from"./p-CJm62lko.js";const u=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.valueChange=r(this,"valueChange"),this.valueInput=r(this,"valueInput"),this.min=0,this.max=100,this.valueLabelDisplay="off",this.size="sm",this.value=0,this.disabled=!1,this.handleChange=t=>{this.updateValueFromEvent(t),this.valueChange.emit({value:this.value,nativeEvent:t})},this.handleInput=t=>{this.updateValueFromEvent(t),this.valueInput.emit({value:this.value,nativeEvent:t})}}render(){return s("vertex-tooltip",{key:"40efc651c8e5b2c3737afd94310137845edfe2d3",disabled:"off"===this.valueLabelDisplay,content:`${this.value}`,placement:"top",class:"tooltip"},s("input",{key:"3af447529105c947d2de1b2fe9f46c77fca789d1",class:a("input",{disabled:this.disabled},this.size),type:"range",disabled:this.disabled,min:this.min,max:this.max,step:this.step,value:this.value,onChange:this.handleChange,onInput:this.handleInput,onPointerUp:()=>{o(this.hostEl)}}))}updateValueFromEvent(t){this.value=t.target.valueAsNumber}get hostEl(){return this}static get style(){return':host{display:flex;--vertex-slider-track-color:var(--vertex-ui-neutral-400);--vertex-slider-thumb-color:var(--vertex-ui-blue-700)}:host([size="sm"]){height:12px}:host([size="md"]){height:14px}:host([size="lg"]){height:16px}.input{-webkit-appearance:none;width:100%;height:100%;background:transparent;margin:0}.input:not(.disabled){cursor:pointer}.input.sm{height:12px}.input.md{height:14px}.input.lg{height:16px}.input.disabled{opacity:0.5}.tooltip{width:100%}.input::-webkit-slider-runnable-track{width:100%;height:2px;cursor:default;background:var(--vertex-slider-track-color);border-radius:1px}.input::-moz-range-track{width:100%;height:2px;cursor:default;background:var(--vertex-slider-track-color);border-radius:1px}.input::-ms-track{width:100%;height:2px;cursor:default;background:var(--vertex-slider-track-color);border-radius:1px}.input:not(.disabled)::-webkit-slider-runnable-track{cursor:pointer}.input:not(.disabled)::-moz-range-track{cursor:pointer}.input:not(.disabled)::-ms-track{cursor:pointer}.input.sm::-webkit-slider-thumb{height:12px;width:12px;margin-top:-5px}.input.sm::-moz-range-thumb{height:12px;width:12px;margin-top:-5px}.input.sm::-ms-thumb{height:12px;width:12px;margin-top:-5px}.input.md::-webkit-slider-thumb{height:14px;width:14px;margin-top:-6px}.input.md::-moz-range-thumb{height:14px;width:14px;margin-top:-6px}.input.md::-ms-thumb{height:14px;width:14px;margin-top:-6px}.input.lg::-webkit-slider-thumb{height:16px;width:16px;margin-top:-7px}.input.lg::-moz-range-thumb{height:16px;width:16px;margin-top:-7px}.input.lg::-ms-thumb{height:16px;width:16px;margin-top:-7px}.input::-webkit-slider-thumb{-webkit-appearance:none;border-radius:50%;background:var(--vertex-slider-thumb-color);border:none;cursor:default}.input::-moz-range-thumb{-webkit-appearance:none;border-radius:50%;background:var(--vertex-slider-thumb-color);border:none;cursor:default}.input::-ms-thumb{-webkit-appearance:none;border-radius:50%;background:var(--vertex-slider-thumb-color);border:none;cursor:default}.input:not(.disabled)::-webkit-slider-thumb{cursor:grab}.input:not(.disabled)::-moz-range-thumb{cursor:grab}.input:not(.disabled)::-ms-thumb{cursor:grab}.input::-webkit-slider-thumb:active{cursor:grabbing;box-shadow:0 1px 2px var(--vertex-ui-black)}.input::-moz-range-thumb:active{cursor:grabbing;box-shadow:0 1px 2px var(--vertex-ui-black)}.input::-ms-thumb:active{cursor:grabbing;box-shadow:0 1px 2px var(--vertex-ui-black)}'}},[1,"vertex-slider",{min:[2],max:[2],valueLabelDisplay:[1,"value-label-display"],step:[8],size:[1],value:[1026],disabled:[4]}]);function h(){"undefined"!=typeof customElements&&["vertex-slider","vertex-popover","vertex-tooltip"].forEach((e=>{switch(e){case"vertex-slider":customElements.get(t(e))||customElements.define(t(e),u);break;case"vertex-popover":customElements.get(t(e))||p();break;case"vertex-tooltip":customElements.get(t(e))||n()}}))}h();export{u as S,h as d}

package/dist/components/p-JHDG6-KQ.js

@@ -0,0 +1 @@
+import{t as e,p as t,H as s,c as d,h as a}from"./p-BbDaHMlz.js";import{d as n}from"./p-75vuqvYA.js";import{d as o}from"./p-Ci26QjYl.js";const i=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.menuOpened=d(this,"menuOpened"),this.menuClosed=d(this,"menuClosed"),this.animated=!0,this.placement="bottom-end",this.open=!1,this.handleClick=this.handleClick.bind(this),this.handleMenuClosed=this.handleMenuClosed.bind(this)}render(){return a("vertex-menu",{key:"695f645ead6a2aabc5087cca89af193b87320aa4",open:this.open,animated:this.animated,placement:this.placement,onMenuClosed:this.handleMenuClosed},a("div",{key:"64dd540a6d1b5d39dd3ddddd5eb9b965714e55eb",slot:"anchor",onClick:this.handleClick},a("slot",{key:"48066c136db8b6495df584d962fb835140a76922",name:"anchor"})),a("div",{key:"f24cfc5927dc96f2304b70d685f30aa973315d97",slot:"header"},a("slot",{key:"500802a38399b97cec4e17307e8f5021eeaccfb8",name:"header"})),a("slot",{key:"9d6b6ea01ee2bdd91725c8e6807485d8efde2eef"}))}handleClick(e){this.open||(this.open=!0,this.menuOpened.emit(e))}handleMenuClosed(){this.open=!1,this.menuClosed.emit()}},[257,"vertex-dropdown-menu",{animated:[4],placement:[1],open:[32]}]);function c(){"undefined"!=typeof customElements&&["vertex-dropdown-menu","vertex-menu","vertex-popover"].forEach((t=>{switch(t){case"vertex-dropdown-menu":customElements.get(e(t))||customElements.define(e(t),i);break;case"vertex-menu":customElements.get(e(t))||n();break;case"vertex-popover":customElements.get(e(t))||o()}}))}c();export{i as D,c as d}

package/dist/components/{p-DjrAIJhB.js → p-OT-3j_2G.js}

@@ -1 +1 @@
-import{t as e,p as t,H as i,c as s,h as a,d as o}from"./p-BbDaHMlz.js";import{c as d}from"./p-Beav1bNT.js";import{d as l}from"./p-C1qwHMcr.js";import{d as n}from"./p-Ci26QjYl.js";const r=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.optionChanged=s(this,"optionChanged"),this.placeholder="Select an option...",this.disabled=!1,this.animated=!0,this.hideSelected=!0,this.open=!1,this.removeListeners=[],this.controlled=!1,this.resizeObserverFactory=e=>new ResizeObserver(e),this.handleOpen=this.handleOpen.bind(this),this.handleDismiss=this.handleDismiss.bind(this),this.getBounds=this.getBounds.bind(this)}componentDidLoad(){var e;this.resizeObserver=this.resizeObserverFactory((()=>this.getBounds())),null!=this.rootRef&&this.resizeObserver.observe(this.rootRef),this.slotElement=(null===(e=this.hostElement.shadowRoot)||void 0===e?void 0:e.querySelector("slot"))||void 0,null!=this.value?this.handleUpdateValue(this.value):this.handleUpdateDisplayValue()}connectedCallback(){window.addEventListener("resize",this.getBounds)}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect(),window.removeEventListener("resize",this.getBounds),this.removeOptionListeners()}handleUpdateValue(e){null==e||e===this.internalValue&&null!=this.displayValue||(this.internalValue=e,this.updateDisplayValue(e)),this.controlled=null!=e}handleUpdateDisplayValue(){var e;this.clearSelectedOptionFlag(),this.hideSelected&&(null===(e=this.getSelectedOption())||void 0===e||e.setAttribute("data-selected","true"))}render(){var e;return a("div",{key:"e7d997d0bca63def6307e4ecf9af68a4982b705c",class:d("root",{disabled:this.disabled}),ref:e=>{this.rootRef=e},onClick:this.open||this.disabled?void 0:this.handleOpen},a("div",{key:"32a326a6d566e44105844bc737bf6ff6edcaa7ac",class:d("target",{hidden:this.open,disabled:this.disabled})},a("div",{key:"0a820cad9319ef045399db7ba0f605ba570b4bb3",class:"text"},null!==(e=this.displayValue)&&void 0!==e?e:this.placeholder),a("div",{key:"f3048ab23ba5071644989eb987aadd0b78185dfa",class:"icon"},a("vertex-icon",{key:"25fe817ad7541aca936d89fdf8d725ccca3c0dfc",name:"chevron-down",size:"sm"}))),a("vertex-popover",{key:"ee766bc71cc7dbda2b31db7d768f77d32aee47bd",position:this.position,open:this.open,animated:this.animated,resizeBehavior:"fixed",onDismissed:this.handleDismiss},a("div",{key:"cca515839ee2e1b237148ccfbe061e8034e9718c",class:d("options",{hidden:!this.open,visible:this.open,animated:this.animated}),style:{minWidth:null!=this.width?`${this.width}px`:"var(--select-width)"}},a("div",{key:"2f31c5f29bcccb6cd91c4ecab251d0ca164a425f",class:d("selected-option",{disabled:this.disabled}),onClick:this.handleDismiss},a("div",{key:"e4ed9ef2c767e135b1ee13571c42dc813c6e7518",class:"text"},this.displayValue||this.placeholder),a("div",{key:"5c29be97e3a69d8db6baa785b925bb0c3acc8010",class:"icon"},a("vertex-icon",{key:"fb0c8fb0e4d4ce7380cd333c2618ec280081273b",name:"chevron-down",size:"sm"}))),a("slot",{key:"0c6d345e32ffbe7797f3ad9a3bbdfc8202a91bff"}))))}handleOpen(){var e,t;null===(t=null===(e=this.slotElement)||void 0===e?void 0:e.assignedElements)||void 0===t||t.call(e).forEach((e=>{const t=()=>{var t;const i=e.getAttribute("data-value")||e.innerHTML,s=i!==this.internalValue;this.handleDismiss(),this.controlled||(this.displayValue=e.innerHTML,this.internalValue=i),s&&(null===(t=this.optionChanged)||void 0===t||t.emit(i))};e.addEventListener("click",t),this.removeListeners=[...this.removeListeners,()=>e.removeEventListener("click",t)]})),this.open=!0}handleDismiss(){this.removeOptionListeners(),this.open=!1}updateDisplayValue(e){var t,i;const s=null===(i=null===(t=this.slotElement)||void 0===t?void 0:t.assignedElements)||void 0===i?void 0:i.call(t).find((t=>t.getAttribute("data-value")===e||t.innerHTML===e));this.displayValue=null==s?void 0:s.innerHTML}removeOptionListeners(){this.removeListeners.forEach((e=>e())),this.removeListeners=[]}clearSelectedOptionFlag(){var e,t;null===(t=null===(e=this.slotElement)||void 0===e?void 0:e.assignedElements)||void 0===t||t.call(e).forEach((e=>e.removeAttribute("data-selected")))}getSelectedOption(){var e,t,i;const s=null!==(e=this.displayValue)&&void 0!==e?e:this.placeholder;return null===(i=null===(t=this.slotElement)||void 0===t?void 0:t.assignedElements)||void 0===i?void 0:i.call(t).find((e=>e.getAttribute("data-value")===s||e.innerHTML===s))}getBounds(){null!=this.getBoundsTimeout&&(clearTimeout(this.getBoundsTimeout),this.getBoundsTimeout=void 0),this.getBoundsTimeout=setTimeout((()=>{this.getBoundsTimeout=void 0,o((()=>{var e;const t=null===(e=this.rootRef)||void 0===e?void 0:e.getBoundingClientRect();null!=t&&(this.position={x:t.x,y:t.y},this.width=t.width)}))}),200)}get hostElement(){return this}static get watchers(){return{value:[{handleUpdateValue:0}],displayValue:[{handleUpdateDisplayValue:0}],hideSelected:[{handleUpdateDisplayValue:0}],placeholder:[{handleUpdateDisplayValue:0}]}}static get style(){return':host{--select-width:100%;--option-padding:0.375rem 0.75rem 0.375rem 0.75rem;--select-option-white-space:normal;--max-dropdown-height:80vh}.root{display:inline-block;color:var(--vertex-ui-neutral-700);width:var(--select-width);font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);overflow:hidden;user-select:none}.root:not(.disabled):hover{color:var(--vertex-ui-neutral-800)}.root.disabled{color:var(--vertex-ui-neutral-400)}.target,.selected-option{background-color:var(--vertex-ui-neutral-200);width:100%;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;padding:var(--option-padding)}.target.hidden{box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%),     0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%)}.selected-option.disabled,.target.disabled{background-color:var(--vertex-ui-neutral-100);cursor:default}.target{border-radius:4px}.text{white-space:var(--select-option-white-space);overflow:hidden;text-overflow:ellipsis}.icon{padding-left:1rem;margin-left:auto}.options{position:relative;cursor:pointer;background-color:var(--vertex-ui-white);border-radius:4px;padding:0.25rem 0;top:-0.25rem;box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%),     0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);max-height:var(--max-dropdown-height);overflow-y:auto}.options.animated{transition:opacity 0.1s ease-in 0.05s;opacity:0}.options.hidden{background-color:transparent}.options.visible{opacity:1}.options>*,.options>slot::slotted(*){padding:var(--option-padding)}.options.hidden>*,.options.hidden>slot::slotted(*){opacity:0}.options>slot::slotted(:hover){background-color:var(--vertex-ui-neutral-200)}.options>slot::slotted([data-selected="true"]){display:none}vertex-popover{--transform-origin:top left;--open-animation-name:open-scale-y;--close-animation-name:close-scale-y}'}},[257,"vertex-select",{value:[513],placeholder:[513],disabled:[516],animated:[4],hideSelected:[4,"hide-selected"],resizeObserverFactory:[16],open:[32],position:[32],displayValue:[32]},void 0,{value:[{handleUpdateValue:0}],displayValue:[{handleUpdateDisplayValue:0}],hideSelected:[{handleUpdateDisplayValue:0}],placeholder:[{handleUpdateDisplayValue:0}]}]);function c(){"undefined"!=typeof customElements&&["vertex-select","vertex-icon","vertex-popover"].forEach((t=>{switch(t){case"vertex-select":customElements.get(e(t))||customElements.define(e(t),r);break;case"vertex-icon":customElements.get(e(t))||l();break;case"vertex-popover":customElements.get(e(t))||n()}}))}c();export{r as S,c as d}
+import{t as e,p as t,H as i,c as s,h as a,d as o}from"./p-BbDaHMlz.js";import{c as d}from"./p-Beav1bNT.js";import{d as l}from"./p-CZeULUuy.js";import{d as n}from"./p-Ci26QjYl.js";const r=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.optionChanged=s(this,"optionChanged"),this.placeholder="Select an option...",this.disabled=!1,this.animated=!0,this.hideSelected=!0,this.open=!1,this.removeListeners=[],this.controlled=!1,this.resizeObserverFactory=e=>new ResizeObserver(e),this.handleOpen=this.handleOpen.bind(this),this.handleDismiss=this.handleDismiss.bind(this),this.getBounds=this.getBounds.bind(this)}componentDidLoad(){var e;this.resizeObserver=this.resizeObserverFactory((()=>this.getBounds())),null!=this.rootRef&&this.resizeObserver.observe(this.rootRef),this.slotElement=(null===(e=this.hostElement.shadowRoot)||void 0===e?void 0:e.querySelector("slot"))||void 0,null!=this.value?this.handleUpdateValue(this.value):this.handleUpdateDisplayValue()}connectedCallback(){window.addEventListener("resize",this.getBounds)}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect(),window.removeEventListener("resize",this.getBounds),this.removeOptionListeners()}handleUpdateValue(e){null==e||e===this.internalValue&&null!=this.displayValue||(this.internalValue=e,this.updateDisplayValue(e)),this.controlled=null!=e}handleUpdateDisplayValue(){var e;this.clearSelectedOptionFlag(),this.hideSelected&&(null===(e=this.getSelectedOption())||void 0===e||e.setAttribute("data-selected","true"))}render(){var e;return a("div",{key:"5a50717fd18ea30f6e3de820e48cb411168691c2",class:d("root",{disabled:this.disabled}),ref:e=>{this.rootRef=e},onClick:this.open||this.disabled?void 0:this.handleOpen},a("div",{key:"4519634bd186d9aa97e69a7ab14b63f6f8977bfe",class:d("target",{hidden:this.open,disabled:this.disabled})},a("div",{key:"ca178f215502e97ed007b0639a17749cc6631489",class:"text"},null!==(e=this.displayValue)&&void 0!==e?e:this.placeholder),a("div",{key:"b877be02c6266eff0f0ccc3a53cc8fd52a4d8fd6",class:"icon"},a("vertex-icon",{key:"a6ea92b4162047009069716f8134ccce3bcbe01d",name:"chevron-down",size:"sm"}))),a("vertex-popover",{key:"995e7fafb5ed0d13d2fdb247f893107328d51839",position:this.position,open:this.open,animated:this.animated,resizeBehavior:"fixed",onDismissed:this.handleDismiss},a("div",{key:"97b7b92c44e3e67838d7af5229eb63af1ce7e0b9",class:d("options",{hidden:!this.open,visible:this.open,animated:this.animated}),style:{minWidth:null!=this.width?`${this.width}px`:"var(--select-width)"}},a("div",{key:"f72828e4130d36e1b676dc8d5e20f77e0dfd0fbf",class:d("selected-option",{disabled:this.disabled}),onClick:this.handleDismiss},a("div",{key:"be853735e50657c7df6bc1df83795bb87124f7d2",class:"text"},this.displayValue||this.placeholder),a("div",{key:"a048b143aaa9a8c938ceec84f7ab8b2e70fb9d01",class:"icon"},a("vertex-icon",{key:"e1512425016f4ceae7ab2bfc70d8e696b7b1eb4e",name:"chevron-down",size:"sm"}))),a("slot",{key:"ed9259fd525bc5611deedf5fcccb0b1516aeb997"}))))}handleOpen(){var e,t;null===(t=null===(e=this.slotElement)||void 0===e?void 0:e.assignedElements)||void 0===t||t.call(e).forEach((e=>{const t=()=>{var t;const i=e.getAttribute("data-value")||e.innerHTML,s=i!==this.internalValue;this.handleDismiss(),this.controlled||(this.displayValue=e.innerHTML,this.internalValue=i),s&&(null===(t=this.optionChanged)||void 0===t||t.emit(i))};e.addEventListener("click",t),this.removeListeners=[...this.removeListeners,()=>e.removeEventListener("click",t)]})),this.open=!0}handleDismiss(){this.removeOptionListeners(),this.open=!1}updateDisplayValue(e){var t,i;const s=null===(i=null===(t=this.slotElement)||void 0===t?void 0:t.assignedElements)||void 0===i?void 0:i.call(t).find((t=>t.getAttribute("data-value")===e||t.innerHTML===e));this.displayValue=null==s?void 0:s.innerHTML}removeOptionListeners(){this.removeListeners.forEach((e=>e())),this.removeListeners=[]}clearSelectedOptionFlag(){var e,t;null===(t=null===(e=this.slotElement)||void 0===e?void 0:e.assignedElements)||void 0===t||t.call(e).forEach((e=>e.removeAttribute("data-selected")))}getSelectedOption(){var e,t,i;const s=null!==(e=this.displayValue)&&void 0!==e?e:this.placeholder;return null===(i=null===(t=this.slotElement)||void 0===t?void 0:t.assignedElements)||void 0===i?void 0:i.call(t).find((e=>e.getAttribute("data-value")===s||e.innerHTML===s))}getBounds(){null!=this.getBoundsTimeout&&(clearTimeout(this.getBoundsTimeout),this.getBoundsTimeout=void 0),this.getBoundsTimeout=setTimeout((()=>{this.getBoundsTimeout=void 0,o((()=>{var e;const t=null===(e=this.rootRef)||void 0===e?void 0:e.getBoundingClientRect();null!=t&&(this.position={x:t.x,y:t.y},this.width=t.width)}))}),200)}get hostElement(){return this}static get watchers(){return{value:[{handleUpdateValue:0}],displayValue:[{handleUpdateDisplayValue:0}],hideSelected:[{handleUpdateDisplayValue:0}],placeholder:[{handleUpdateDisplayValue:0}]}}static get style(){return':host{--select-width:100%;--option-padding:0.375rem 0.75rem 0.375rem 0.75rem;--select-option-white-space:normal;--max-dropdown-height:80vh}.root{display:inline-block;color:var(--vertex-ui-neutral-700);width:var(--select-width);font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);overflow:hidden;user-select:none}.root:not(.disabled):hover{color:var(--vertex-ui-neutral-800)}.root.disabled{color:var(--vertex-ui-neutral-400)}.target,.selected-option{background-color:var(--vertex-ui-neutral-200);width:100%;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;padding:var(--option-padding)}.target.hidden{box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%),     0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%)}.selected-option.disabled,.target.disabled{background-color:var(--vertex-ui-neutral-100);cursor:default}.target{border-radius:4px}.text{white-space:var(--select-option-white-space);overflow:hidden;text-overflow:ellipsis}.icon{padding-left:1rem;margin-left:auto}.options{position:relative;cursor:pointer;background-color:var(--vertex-ui-white);border-radius:4px;padding:0.25rem 0;top:-0.25rem;box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%),     0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);max-height:var(--max-dropdown-height);overflow-y:auto}.options.animated{transition:opacity 0.1s ease-in 0.05s;opacity:0}.options.hidden{background-color:transparent}.options.visible{opacity:1}.options>*,.options>slot::slotted(*){padding:var(--option-padding)}.options.hidden>*,.options.hidden>slot::slotted(*){opacity:0}.options>slot::slotted(:hover){background-color:var(--vertex-ui-neutral-200)}.options>slot::slotted([data-selected="true"]){display:none}vertex-popover{--transform-origin:top left;--open-animation-name:open-scale-y;--close-animation-name:close-scale-y}'}},[257,"vertex-select",{value:[513],placeholder:[513],disabled:[516],animated:[4],hideSelected:[4,"hide-selected"],resizeObserverFactory:[16],open:[32],position:[32],displayValue:[32]},void 0,{value:[{handleUpdateValue:0}],displayValue:[{handleUpdateDisplayValue:0}],hideSelected:[{handleUpdateDisplayValue:0}],placeholder:[{handleUpdateDisplayValue:0}]}]);function h(){"undefined"!=typeof customElements&&["vertex-select","vertex-icon","vertex-popover"].forEach((t=>{switch(t){case"vertex-select":customElements.get(e(t))||customElements.define(e(t),r);break;case"vertex-icon":customElements.get(e(t))||l();break;case"vertex-popover":customElements.get(e(t))||n()}}))}h();export{r as S,h as d}