@vertexvis/ui 0.1.5-testing.0 → 1.0.0-testing.0

package/dist/components/p-KilWQmEJ.js

@@ -0,0 +1 @@
+import{d as e,t as i,p as t,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-C1qwHMcr.js";import{d}from"./p-BLc3P-0q.js";function a(i){e(i)}function l(e){return e.getBoundingClientRect()}const c=t(class extends s{constructor(e){super(),!1!==e&&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,a((()=>{if(null!=this.dialogElement){const e=l(this.dialogElement);this.initialDialogBoundingRect=e,this.lastPointerPosition={x:e.right,y:e.bottom}}})),window.addEventListener("pointermove",this.handlePointerMove),window.addEventListener("pointerup",this.handlePointerUp)},this.handlePointerMove=e=>{if(null!=this.lastPointerPosition&&null!=this.initialDialogBoundingRect&&null!=this.width&&null!=this.height){const i=this.height+2*(e.clientY-this.lastPointerPosition.y);this.width=this.constrainDimension(this.width+2*(e.clientX-this.lastPointerPosition.x),this.getMinWidth(),this.getMaxWidth()),this.height=this.constrainDimension(i,this.getMinHeight(),this.getMaxHeight()),this.lastPointerPosition={x:this.constrainX(e.clientX,this.width,this.initialDialogBoundingRect),y:this.constrainY(e.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=(e,i,t)=>Math.min(Math.max(e,i),t),this.constrainX=(e,i,t)=>i<=this.getMinWidth()?t.right:i>=this.getMinHeight()?t.right+(i-t.width)/2:e,this.constrainY=(e,i,t)=>i<=this.getMinHeight()?t.bottom:i>=this.getMaxHeight()?t.bottom+(i-t.height)/2:e,this.getMaxWidth=()=>{var e;return null!==(e=this.maxWidth)&&void 0!==e?e:Number.POSITIVE_INFINITY},this.getMaxHeight=()=>{var e;return null!==(e=this.maxHeight)&&void 0!==e?e:Number.POSITIVE_INFINITY},this.getMinWidth=()=>{var e;return null!==(e=this.minWidth)&&void 0!==e?e:Number.NEGATIVE_INFINITY},this.getMinHeight=()=>{var e;return null!==(e=this.minHeight)&&void 0!==e?e:Number.NEGATIVE_INFINITY},this.resize=()=>{a((()=>{if(null!=this.backdropElement){const e=window.getComputedStyle(this.backdropElement),i=parseFloat(e.padding);this.boundaryPadding=isNaN(i)?0:i,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&&a((()=>{if(null!=this.dialogElement){const e=l(this.dialogElement);this.minWidth=e.width,this.minHeight=e.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(e){e||this.closed.emit()}keyDownListener(e){this.open&&"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),this.open=!1)}render(){var e,i;const t=null!=this.width||null!=this.minWidth?`${null!==(e=this.width)&&void 0!==e?e:this.minWidth}px`:void 0,s=null!=this.height||null!=this.minHeight?`${null!==(i=this.height)&&void 0!==i?i:this.minHeight}px`:void 0;return h("div",{key:"1ef2acf3b990a5fd09dec321160613715edca3e5",ref:e=>{this.backdropElement=e},onPointerDown:()=>{this.backdropClick.emit()},class:n("dialog-backdrop",{hidden:!this.open,shown:this.open,"resize-cursor":this.isResizing})},h("div",{key:"b4480007a510623b3c2c846c3edc13bc00d5bd92",ref:e=>{this.dialogElement=e},class:n("dialog",{resizable:this.resizable,fullscreen:this.fullscreen,overlay:!this.fullscreen,"no-select":null!=this.lastPointerPosition}),onPointerDown:e=>{e.stopPropagation()},style:this.resizable&&!this.fullscreen?{width:t,height:s}:void 0},h("div",{key:"e86071da621f23a48e8de038743ef3f28cb742eb",class:"contents"},h("slot",{key:"5b1e57efb738ce4ed482ea9ca715151ff1869518",name:"header"},h("div",{key:"164e2ca14361edf9c29ff022bbdc6a13d2b521dd",class:"header"},h("slot",{key:"77d4e5175943fea13028b2d390f2161d54e4638d",name:"heading"}),h("div",{key:"485a4e1daed18880ff29de617ad2a7eb3615197d",class:"close"},h("slot",{key:"5b8be16c842448f5849350a75b22c169ba872156",name:"close-dialog"},h("vertex-icon-button",{key:"8bb9a49d782e3b9a95f498937bbd1abbf46b6def",onPointerDown:()=>{this.open=!1},iconSize:"sm",iconName:"close"}))))),h("div",{key:"eea72f7e6fdbd6d9d62c7e9b5cbebdb1d25e12e0",class:"body"},h("slot",{key:"389807726eebd276bb26771d395cc619978e2749"})),h("div",{key:"e5f60a0f6cbad1698072307b408583b7660de833",class:"footer"},h("slot",{key:"bbce680181dfac471412fcf2abf5abb8ea565ec0",name:"footer"},h("slot",{key:"613230f01f3309f2f184bbdc0f5ee43778ed625a",name:"footer-actions"}))),this.resizable&&!this.fullscreen&&h("vertex-icon",{key:"909e9e0d80b69de4c85a1e6c2caf352be4635274",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 b(){"undefined"!=typeof customElements&&["vertex-dialog","vertex-icon","vertex-icon-button"].forEach((e=>{switch(e){case"vertex-dialog":customElements.get(i(e))||customElements.define(i(e),c);break;case"vertex-icon":customElements.get(i(e))||r();break;case"vertex-icon-button":customElements.get(i(e))||d()}}))}b();export{c as D,b as d}

package/dist/components/p-Mnv_zHXq.js

@@ -0,0 +1 @@
+import{t as e,p as t,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-C1qwHMcr.js";import{d as c}from"./p-Ci26QjYl.js";const d=t(class extends o{constructor(e){super(),!1!==e&&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=e=>{this.updateAnchorPosition(),this.lastPosition={x:e.clientX,y:e.clientY},this.dragging=!0,window.addEventListener("pointermove",this.handlePointerMove),window.addEventListener("pointerup",this.handlePointerUp)},this.handlePointerMove=e=>{const t={x:e.clientX,y:e.clientY};this.anchorPosition={x:this.anchorPosition.x+(t.x-this.lastPosition.x),y:this.anchorPosition.y+(t.y-this.lastPosition.y)},this.lastPosition=t},this.handlePointerUp=()=>{this.updateAnchorPosition(),this.lastPosition=this.anchorPosition,this.dragging=!1,window.removeEventListener("pointermove",this.handlePointerMove),window.removeEventListener("pointerup",this.handlePointerUp)},this.updateAnchorPosition=()=>{a((()=>{if(null!=this.containerEl){const e=this.containerEl.getBoundingClientRect();this.anchorPosition={x:e.x,y:e.y}}}))}}connectedCallback(){this.updatePosition(this.position)}updatePosition(e){null!=e&&(this.anchorPosition="object"==typeof e?e:JSON.parse(e),this.lastPosition=this.anchorPosition)}lastPositionChanged(){this.positionChanged.emit(this.anchorPosition)}render(){return n("vertex-popover",{key:"bf4bfc7eafe7092daca929534d7c9a35ab942cdc",position:this.anchorPosition,boundarySelector:this.boundarySelector,backdrop:!1,open:!0,resizeBehavior:"fixed",updateOnResize:!this.dragging,overflowBehavior:{altBoundary:!0,padding:this.boundaryPadding},flipBehavior:{fallbackPlacements:[],fallbackStrategy:"initialPlacement"}},n("div",{key:"4a7219bc0062f115e6a6a69f2540c14c23dea637",ref:e=>this.containerEl=e,class:s("container",{dragging:this.dragging})},n("div",{key:"aa23859e386574c411da4cc2354e12eda1046655",class:"icon-container"},n("div",{key:"935108affd1127d2250c1998201afa034d58a754",class:"icon",onPointerDown:this.handlePointerDown},n("slot",{key:"f2ef34f1fc7ff951dd0e9452d8e7180de7f41f93",name:"drag-icon"},n("vertex-icon",{key:"a8a6e781e4eaaabe6e6220ef314f9231de63fef0",size:"sm",name:"drag-indicator"})))),n("div",{key:"75000d2d33a6abed79141e1860fffb5eb0857c7a",class:"contents"},n("slot",{key:"2b8fb48efab87254785a301a0755b0f48db1ee73"}))))}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((t=>{switch(t){case"vertex-draggable-popover":customElements.get(e(t))||customElements.define(e(t),d);break;case"vertex-icon":customElements.get(e(t))||r();break;case"vertex-popover":customElements.get(e(t))||c()}}))}l();export{d as D,l as d}

package/dist/components/p-RaMDrnzd.js

@@ -0,0 +1 @@
+import{t as e,p as t,H as a,h as d,e as o}from"./p-BbDaHMlz.js";import{c as r}from"./p-Beav1bNT.js";const c=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selected=!1,this.hovered=!1,this.expanded=!1}render(){return d(o,{key:"206793620f315b52d8122c6adfcb4c5e3e122231"},d("div",{key:"0e79478fadbb97af5376e36a8308ef32b5e4792f",class:r("root",{selected:this.selected,hovered:this.hovered})},d("div",{key:"56e1849a8c868107f5e93b9f95a0fd7819026138",class:"content"},d("slot",{key:"9506a02f059ce4505f7c1159fbf38bbc036e572d",name:"primary"})),d("div",{key:"6edee8403999b2903ce9d2de00fe4ec1776eda70",class:r({hidden:!this.selected})},d("slot",{key:"f7af3fe0c7939575463c56848e68ff06b871b2b5"}),d("div",{key:"f2bdfb20f44b66e9e426986408c924b703049bed","data-testid":"expanded-content-wrapper",class:r({hidden:!this.expanded})},d("slot",{key:"8c7103c364a6d41206522dbb376767958025fb06",name:"expanded-content"})),d("div",{key:"a45d1ec67212f7b5f382264088d17dcff8f3ce4a","data-testid":"expanded-target-wrapper",class:r({hidden:this.expanded})},d("div",{key:"fc62882c03b86b42b991b9f2c9e85ae70aa149c8",class:"expand-target"},d("slot",{key:"def517e4fcdb8a4a84c33fa5b238d6fc69e011c3",name:"expand-target"})))),d("div",{key:"babf3752d2bcd2577d42d235775fc184aa6a3076",class:"action"},d("slot",{key:"7c60ccb1dc60b1f9ccd0eaf9135b357dd44b63d1",name:"action"}))),d("slot",{key:"e69a3f530388e947968ae1541a0c4a18d12dc0c1",name:"overlay"}))}static get style(){return':host{width:100%;height:100%;position:relative;display:inline-block;--selected-color:var(--vertex-ui-blue-700);--hovered-color:var(--vertex-ui-blue-400)}.root{position:relative}.root.selected,.root:hover{box-shadow:0 2px 4px rgba(0, 0, 0, 0.25)}.content{cursor:pointer}.selected::after{content:" ";position:absolute;width:0.1875rem;height:100%;left:0;top:0;background-color:var(--selected-color)}.hovered::after{content:" ";position:absolute;width:0.1875rem;height:100%;left:0;top:0;background-color:var(--hovered-color)}.expand-target{font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);color:var(--vertex-ui-neutral-700);cursor:pointer}.expand-target slot::slotted(*){padding:0.5rem 0.5rem 0.5rem 0.75rem}.hidden{display:none}'}},[257,"vertex-card-group",{selected:[516],hovered:[516],expanded:[516]}]);function s(){"undefined"!=typeof customElements&&["vertex-card-group"].forEach((t=>{"vertex-card-group"===t&&(customElements.get(e(t))||customElements.define(e(t),c))}))}s();export{c as C,s as d}

package/dist/components/p-TLO_pywp.js

@@ -0,0 +1 @@
+import{t as e,p as r,H as t,h as a}from"./p-BbDaHMlz.js";import{c as i}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"}render(){return a("div",{key:"c9df2d4b15261a1b255ff37f793065a184d65dfb",class:i("root",{filled:"filled"===this.variant,outlined:"outlined"===this.variant,"chip-primary":"primary"===this.color,"chip-secondary":"secondary"===this.color})},a("div",{key:"76c6cd5615f9da5d97acba55dba7b9fc774a1ed5",class:"avatar"},a("slot",{key:"05aa9d08d135196b04af88d04f6860d1b223415d",name:"avatar"})),a("slot",{key:"8b50b524c6c18cbffc40b0a223fb97b6ff558fab"}),a("slot",{key:"1359aecc0da014c58f5ed2bc6095b2d34f99e5e2",name:"icon"}))}static get style(){return".root{display:flex;align-items:center;width:fit-content;border-radius:16px;font-size:var(--vertex-ui-text-base);padding:0.5rem;padding-left:0.25rem;max-height:1rem}.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-300)}.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-300);color:var(--vertex-ui-neutral-700)}.avatar{margin-right:0.25rem}"}},[257,"vertex-chip",{variant:[1],color:[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-_3Hgy0Z4.js

@@ -0,0 +1 @@
+import{t as e,p as t,H as a,c as s,h as o}from"./p-BbDaHMlz.js";import{d}from"./p-BdR40EV2.js";import{d as r}from"./p-Ci26QjYl.js";const i=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.menuOpened=s(this,"menuOpened"),this.menuClosed=s(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 o("vertex-menu",{key:"b47388e259fcaf705d35bc2c6b93c4bbfd530fe2",open:this.open,animated:this.animated,placement:this.placement,onMenuClosed:this.handleMenuClosed},o("div",{key:"136d2f97a894d036e3a89253519f7d696cd11886",slot:"anchor",onClick:this.handleClick},o("slot",{key:"14f134e4e3038051894cb1b53e964be356c8c25e",name:"anchor"})),o("div",{key:"4dfab76f26df46d6224fd485c24258e26dd67954",class:"root"},o("div",{key:"d3279b16359c7a882fc1a42da3286c586aa0f2af",slot:"header",class:"header"},o("slot",{key:"7d37e800f9053d3dc65e7d6a28a04da5df5d446b",name:"header"})),o("div",{key:"9a3547ee8ad7b703496a819f89c4d9fcad814921",class:"body"},o("slot",{key:"503618e2bd54f93f14aa7216b1afeb426302adbc",name:"body"})),o("div",{key:"9cfa757250da4653ebadffff579c8c848a3018d7",class:"learn-more"},o("slot",{key:"a46b653f2fa6fadca1e82bd9ebcfbe39fb8693ca",name:"learnMore"}))))}handleClick(e){this.open||(this.open=!0,this.menuOpened.emit(e))}handleMenuClosed(){this.open=!1,this.menuClosed.emit()}static get style(){return".root{margin:var(--padding-4)}.header{margin-bottom:var(--padding-2);font-size:0.95em;font-weight:normal;color:var(--neutral-800)}.body,.learn-more{width:225px;font-size:0.85em;color:var(--neutral-700);line-height:1.2em}.learn-more{margin-top:var(--padding-4);color:var(--blue-700);text-align:right}"}},[257,"vertex-help-tooltip",{animated:[4],placement:[1],open:[32]}]);function n(){"undefined"!=typeof customElements&&["vertex-help-tooltip","vertex-menu","vertex-popover"].forEach((t=>{switch(t){case"vertex-help-tooltip":customElements.get(e(t))||customElements.define(e(t),i);break;case"vertex-menu":customElements.get(e(t))||d();break;case"vertex-popover":customElements.get(e(t))||r()}}))}n();export{i as H,n as d}

package/dist/components/p-a287d016.entry.js

@@ -0,0 +1 @@
+import{a as i,c as t,r as e,h as a}from"./p-C27tS7nl.js";import{c as o}from"./p-Beav1bNT.js";const n=class{constructor(a){i(this,a),this.positionChanged=t(this,"positionChanged"),this.anchorPosition={x:0,y:0},this.lastPosition={x:0,y:0},this.dragging=!1,this.handlePointerDown=i=>{this.updateAnchorPosition(),this.lastPosition={x:i.clientX,y:i.clientY},this.dragging=!0,window.addEventListener("pointermove",this.handlePointerMove),window.addEventListener("pointerup",this.handlePointerUp)},this.handlePointerMove=i=>{const t={x:i.clientX,y:i.clientY};this.anchorPosition={x:this.anchorPosition.x+(t.x-this.lastPosition.x),y:this.anchorPosition.y+(t.y-this.lastPosition.y)},this.lastPosition=t},this.handlePointerUp=()=>{this.updateAnchorPosition(),this.lastPosition=this.anchorPosition,this.dragging=!1,window.removeEventListener("pointermove",this.handlePointerMove),window.removeEventListener("pointerup",this.handlePointerUp)},this.updateAnchorPosition=()=>{e((()=>{if(null!=this.containerEl){const i=this.containerEl.getBoundingClientRect();this.anchorPosition={x:i.x,y:i.y}}}))}}connectedCallback(){this.updatePosition(this.position)}updatePosition(i){null!=i&&(this.anchorPosition="object"==typeof i?i:JSON.parse(i),this.lastPosition=this.anchorPosition)}lastPositionChanged(){this.positionChanged.emit(this.anchorPosition)}render(){return a("vertex-popover",{key:"bf4bfc7eafe7092daca929534d7c9a35ab942cdc",position:this.anchorPosition,boundarySelector:this.boundarySelector,backdrop:!1,open:!0,resizeBehavior:"fixed",updateOnResize:!this.dragging,overflowBehavior:{altBoundary:!0,padding:this.boundaryPadding},flipBehavior:{fallbackPlacements:[],fallbackStrategy:"initialPlacement"}},a("div",{key:"4a7219bc0062f115e6a6a69f2540c14c23dea637",ref:i=>this.containerEl=i,class:o("container",{dragging:this.dragging})},a("div",{key:"aa23859e386574c411da4cc2354e12eda1046655",class:"icon-container"},a("div",{key:"935108affd1127d2250c1998201afa034d58a754",class:"icon",onPointerDown:this.handlePointerDown},a("slot",{key:"f2ef34f1fc7ff951dd0e9452d8e7180de7f41f93",name:"drag-icon"},a("vertex-icon",{key:"a8a6e781e4eaaabe6e6220ef314f9231de63fef0",size:"sm",name:"drag-indicator"})))),a("div",{key:"75000d2d33a6abed79141e1860fffb5eb0857c7a",class:"contents"},a("slot",{key:"2b8fb48efab87254785a301a0755b0f48db1ee73"}))))}static get watchers(){return{position:[{updatePosition:0}],lastPosition:[{lastPositionChanged:0}]}}};n.style="button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}:host{position:fixed;top:0;left:0;white-space:nowrap;--background-color:var(--vertex-ui-white);--color:var(--vertex-ui-neutral-700);--background-opacity:0.95;--contents-opacity:0.95;--font-family:var(--vertex-ui-font-family);--font-size:var(--vertex-ui-text-base);--drag-icon:all-scroll;--dragging-icon:all-scroll}.container{display:flex;column-gap:0.5rem;padding:0.8125rem 0.5625rem 1rem 0.625rem;background-color:rgb(from var(--background-color) r g b / var(--background-opacity));border-radius:0.5rem;box-shadow:0 0 5px rgba(0, 0, 0, 0.25);color:var(--color);font-family:var(--font-family);font-size:var(--font-size)}.container:not(.dragging) .icon{cursor:var(--drag-icon)}.container.dragging{cursor:var(--dragging-icon)}.container.dragging *{user-select:none}.icon-container{display:flex;flex-direction:column}.icon-button{display:flex;align-items:center}.contents{opacity:var(--contents-opacity)}";export{n as vertex_draggable_popover}

package/dist/components/p-a886721b.entry.js

@@ -0,0 +1 @@
+import{a as t,c as i,r as e,h as n,H as s}from"./p-C27tS7nl.js";import{c as a}from"./p-Beav1bNT.js";const o=class{constructor(n){t(this,n),this.expand=i(this,"expand"),this.collapse=i(this,"collapse"),this.expanded=!1,this.expanding=!1,this.collapsing=!1,this.controlled=!1,this.expandType="content",this.animated=!0,this.handleTransitionEnd=()=>{this.collapsing=!1,this.expanding=!1},this.handleExpand=()=>{this.expanded=!this.expanded,this.expanded?(this.expanding=!0,this.expand.emit()):(this.collapsing=!0,this.collapse.emit())},this.updateScrollHeight=()=>{e((()=>{var t;const i=null===(t=this.expandContainer)||void 0===t?void 0:t.scrollHeight;this.contentScrollHeight!==i&&(this.contentScrollHeight=i)}))},this.getMaxHeight=()=>this.expanded?`${this.contentScrollHeight}px`:this.expanded?void 0:"0"}componentDidLoad(){this.updateScrollHeight()}componentDidRender(){this.updateScrollHeight()}render(){return n(s,{key:"a9aab1a71b16e7f7fa4427729d7135a34e594c76"},n("div",{key:"fe7eef29e31b4969bc0e5ffb41c9c70e34b9d023",class:"content"},"content"===this.expandType&&n("slot",{key:"ef28e61b319a2a5aba4dbcb722eeea091cac0be0",name:"header"}),n("div",{key:"5f090d0bef1e38cfb1e59b568802f1da6f0cd346",class:a("expanded-content",{animated:this.animated}),ref:t=>{this.expandContainer=t},style:{maxHeight:this.getMaxHeight()},onTransitionEnd:this.handleTransitionEnd},n("slot","header"===this.expandType?{name:"header",onSlotchange:this.updateScrollHeight}:{onSlotchange:this.updateScrollHeight})),"header"===this.expandType&&n("slot",{key:"44552b980a6970f5d6b2e961916c2cdd146fb9c8"})),this.controlled?n("slot",{name:"expand-icon"}):n("div",{class:"icon-container",onClick:this.handleExpand},n("slot",{name:"expand-icon"},n("vertex-icon-button",{class:"icon-button",variant:"plain",iconSize:"sm",iconName:this.expanded?"caret-down":"caret-up"}))))}};o.style=":host{display:flex}.content{display:flex;flex-direction:column;transition:height 1s}.icon-container{display:flex;flex-direction:column}.icon-button{display:flex;align-items:center}.expanded-content{overflow:hidden}.expanded-content.animated{transition-property:max-height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;transform-origin:top}";export{o as vertex_expandable}

package/dist/components/p-a8e75bdc.entry.js

@@ -0,0 +1 @@
+import{a as t,c as i,h as r,d as e}from"./p-C27tS7nl.js";import{c as a}from"./p-Beav1bNT.js";import{b as s}from"./p-DXQBJLz-.js";const n=class{constructor(r){t(this,r),this.valueChange=i(this,"valueChange"),this.valueInput=i(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 r("vertex-tooltip",{key:"4a98a371f6e28f7aad52e615e3adb1212f29822d",disabled:"off"===this.valueLabelDisplay,content:`${this.value}`,placement:"top",class:"tooltip"},r("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:()=>{s(this.hostEl)}}))}updateValueFromEvent(t){this.value=t.target.valueAsNumber}get hostEl(){return e(this)}};n.style=':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)}';export{n as vertex_slider}

package/dist/components/p-al_CUADF.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 as c,i as d}from"./p-B23i1cwy.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:"88b31c336ea401f00f223cfb6665770b29f3c711"},r("div",{key:"ac9ce86e39ecbd741279921aa30516643ad48207",class:l("wrapper",this.variant,this.size,`expand-${this.expand}`)},r("label",{key:"1332bed2d4e57d862a50d1724736f4ddca38fad9",class:l("color-picker",{disabled:this.disabled})},r("input",{key:"df8035f1e3ca35d376ca7d6d3a6994a2a5510eca",type:"color",class:"input","data-testid":"input",disabled:this.disabled,value:this.value,onInput:this.handleInput,onChange:this.handleChange}),r("div",{key:"caf37bc3d51b427f5965df4c60a6cc7b878712e7",class:l("selected-wrapper",this.variant)},r("div",{key:"8f79f6a2f1c71a2857f0679099ad02443bd92d9d",class:"selected",title:this.value},r("vertex-color-swatch",{key:"78740fb1826e06fa370889ff6c8c0ec3a3428f3d",class:"selected-color",supplementalColor:"var(--vertex-ui-neutral-400)",color:this.value,variant:"square",size:this.size},r("slot",{key:"83134302cf540ebb134171ee8b24c7300dcb360a",name:"overlay",slot:"overlay"},(null==this.value||""===this.value)&&r("svg",{key:"1387e7cef5ac7c9cf91c792376b2062c8d52b41e",class:"no-value",slot:"overlay",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"},r("path",{key:"f620697f4296232560923e5b72fbb5625588e3e0",d:"M16,0L0,16"}))))),"full"===this.variant&&r("div",{key:"9df94ff8660ef30d02d0a545cb44ee15ca04a9c1",class:"text-wrapper"},r("div",{key:"5cc516c55bc4800be318a3832332e7dc2111aa63",class:"hidden-text"},"#FFFFFF"),r("div",{key:"8fdf4e46cc4da0ae138fcb2321cf7865b38e878a",class:"selected-text"},null!==(e=this.getDisplayedValue())&&void 0!==e?e:"Default"))),r("div",{key:"a5ad876e6ecb96c912cac49caf1c33cadb871bc1",class:"right-gutter"},r("slot",{key:"e4402a6bb8c182ff7979897ae77538e303767ae6",name:"right-gutter"})))))}getDisplayedValue(){var e;if(null!=this.value&&d(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))||c()}}))}n();export{o as C,n as d}

package/dist/components/p-b5921385.entry.js

@@ -0,0 +1 @@
+import{a as t,c as e,h as s,H as i}from"./p-C27tS7nl.js";import{c as a}from"./p-Beav1bNT.js";const c=class{constructor(s){t(this,s),this.tabClick=e(this,"tabClick"),this.active=!1,this.handleClick=()=>{this.tabClick.emit(this.label)}}render(){return s(i,{key:"a4ff9afd6d600dde690af676bebbff70d01b4ed5"},s("div",{key:"5603e1e7ff0cbf7a5a8c56b673efd22cfeb61448",class:a("content",{active:this.active})},s("slot",{key:"880febf1cc2e9b9d9eca560425675d351d216901"})))}};c.style=":host{position:relative;width:100%;height:100%}.content{display:none;height:0px}.content.active{display:flex;width:100%;height:100%}";export{c as vertex_tab}

package/dist/components/p-c2f3cf8b.entry.js

@@ -0,0 +1 @@
+import{a as e,c as t,h as s}from"./p-C27tS7nl.js";const d=class{constructor(s){e(this,s),this.menuOpened=t(this,"menuOpened"),this.menuClosed=t(this,"menuClosed"),this.animated=!0,this.placement="bottom-end",this.open=!1,this.handleClick=this.handleClick.bind(this),this.handleMenuClosed=this.handleMenuClosed.bind(this)}render(){return s("vertex-menu",{key:"a47155e5da8b418f87738d0488ca9c56ea28d09d",open:this.open,animated:this.animated,placement:this.placement,onMenuClosed:this.handleMenuClosed},s("div",{key:"ebe641d75858a3bf8cc12cfa8ff0b21e2cfc82bc",slot:"anchor",onClick:this.handleClick},s("slot",{key:"3675c17e3810f9e2237fb90fdccf0e3f3097ffb2",name:"anchor"})),s("div",{key:"047cb9f3903d12e13e750d0d92e4fce408361f3b",slot:"header"},s("slot",{key:"2477e7a51df8eef64d8a63e4b6f9b1bfea881676",name:"header"})),s("slot",{key:"d6fbba6304bd53fe761608073406fca3447d6d0b"}))}handleClick(e){this.open||(this.open=!0,this.menuOpened.emit(e))}handleMenuClosed(){this.open=!1,this.menuClosed.emit()}};export{d as vertex_dropdown_menu}

package/dist/components/p-ca6a4b08.entry.js

@@ -0,0 +1 @@
+import{a as e,c as t,h as i,H as a}from"./p-C27tS7nl.js";import{c as r}from"./p-Beav1bNT.js";import{i as s}from"./p-DgySd_r0.js";const l=class{constructor(i){e(this,i),this.valueInput=t(this,"valueInput"),this.valueChanged=t(this,"valueChanged"),this.size="md",this.variant="full",this.expand="block",this.disabled=!1,this.handleInput=e=>{this.value=e.target.value||""},this.handleChange=()=>{this.valueChanged.emit(this.value)}}valueChange(){this.valueInput.emit(this.value)}render(){var e;return i(a,{key:"88b31c336ea401f00f223cfb6665770b29f3c711"},i("div",{key:"ac9ce86e39ecbd741279921aa30516643ad48207",class:r("wrapper",this.variant,this.size,`expand-${this.expand}`)},i("label",{key:"1332bed2d4e57d862a50d1724736f4ddca38fad9",class:r("color-picker",{disabled:this.disabled})},i("input",{key:"df8035f1e3ca35d376ca7d6d3a6994a2a5510eca",type:"color",class:"input","data-testid":"input",disabled:this.disabled,value:this.value,onInput:this.handleInput,onChange:this.handleChange}),i("div",{key:"caf37bc3d51b427f5965df4c60a6cc7b878712e7",class:r("selected-wrapper",this.variant)},i("div",{key:"8f79f6a2f1c71a2857f0679099ad02443bd92d9d",class:"selected",title:this.value},i("vertex-color-swatch",{key:"78740fb1826e06fa370889ff6c8c0ec3a3428f3d",class:"selected-color",supplementalColor:"var(--vertex-ui-neutral-400)",color:this.value,variant:"square",size:this.size},i("slot",{key:"83134302cf540ebb134171ee8b24c7300dcb360a",name:"overlay",slot:"overlay"},(null==this.value||""===this.value)&&i("svg",{key:"1387e7cef5ac7c9cf91c792376b2062c8d52b41e",class:"no-value",slot:"overlay",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"},i("path",{key:"f620697f4296232560923e5b72fbb5625588e3e0",d:"M16,0L0,16"}))))),"full"===this.variant&&i("div",{key:"9df94ff8660ef30d02d0a545cb44ee15ca04a9c1",class:"text-wrapper"},i("div",{key:"5cc516c55bc4800be318a3832332e7dc2111aa63",class:"hidden-text"},"#FFFFFF"),i("div",{key:"8fdf4e46cc4da0ae138fcb2321cf7865b38e878a",class:"selected-text"},null!==(e=this.getDisplayedValue())&&void 0!==e?e:"Default"))),i("div",{key:"a5ad876e6ecb96c912cac49caf1c33cadb871bc1",class:"right-gutter"},i("slot",{key:"e4402a6bb8c182ff7979897ae77538e303767ae6",name:"right-gutter"})))))}getDisplayedValue(){var e;if(null!=this.value&&s(this.value))return null===(e=this.value)||void 0===e?void 0:e.toLocaleUpperCase()}static get watchers(){return{value:[{valueChange:0}]}}};l.style=':host{display:flex;--selected-color-width:initial;--selected-color-height:initial}.wrapper{display:inline-flex;align-items:center}.wrapper.expand-full{width:100%}.wrapper.full{padding:0.375rem 0.5rem;border:1px solid var(--vertex-ui-neutral-300);border-radius:4px}.color-picker{width:100%;display:inline-flex;position:relative;cursor:pointer}.color-picker.disabled{opacity:0.5;cursor:default}.selected-wrapper{position:relative;display:flex;align-items:center}.wrapper.full .selected-wrapper{gap:0.75rem}.selected{position:relative}.wrapper.sm .selected{width:var(--selected-color-width, 1rem);height:var(--selected-color-height, 1rem)}.wrapper.md .selected{width:var(--selected-color-width, 1.25rem);height:var(--selected-color-height, 1.25rem)}.wrapper.lg .selected{width:var(--selected-color-width, 1.5rem);height:var(--selected-color-height, 1.5rem)}.text-wrapper{position:relative;min-width:3.6rem}.selected-text{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;color:var(--vertex-ui-neutral-700);text-align:center;font-family:var(--vertex-ui-font-family)}.hidden-text{visibility:hidden;pointer-events:none;font-family:var(--vertex-ui-font-family-monospace)}.wrapper.sm .selected-text,.wrapper.sm .hidden-text{font-size:var(--vertex-ui-text-xs)}.wrapper.md .selected-text,.wrapper.md .hidden-text{font-size:var(--vertex-ui-text-xs)}.wrapper.lg .selected-text,.wrapper.lg .hidden-text{font-size:var(--vertex-ui-text-xs)}.no-value{width:100%;height:100%;stroke:var(--vertex-ui-red-400)}.right-gutter{display:flex;align-items:center;margin-left:auto}slot[name="right-gutter"]::slotted(*){padding:0}.input{display:flex;position:absolute;pointer-events:none;height:100%;width:100%;left:0;top:0;opacity:0}';export{l as vertex_color_picker}

package/dist/components/p-e311af0e.entry.js

@@ -0,0 +1 @@
+import{a,h as e}from"./p-C27tS7nl.js";const d=class{constructor(e){a(this,e)}render(){return e("div",{key:"dce8a000becbe6db27213e4ef6bb908512abb419",class:"container"},e("svg",{key:"abecfb11c7a782fece0f39c2f55c42aa5419a7c8",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 100 100"},e("defs",{key:"6db0649cd3035e12d16eb11007cfec94fabdf9c6"},e("mask",{key:"b26034899513263bcd19b4c0976ef3b27bb1d815",id:"orange-loading-diamond"},e("polygon",{key:"db6c863adfdfe6f2440cf6cbd28225bb7899752b",points:"70.75 50.7 57.09 74.45 84.32 74.42 98 50.66 70.75 50.7",fill:"#fff",class:"color-loading-fill"})),e("mask",{key:"7739fc34aea0d8439596dad6235281ad21d90889",id:"blue-loading-diamond"},e("polygon",{key:"f568445fe6fa04a83062f1dce3affd682a245dc4",points:"16.05 98.04 2.43 74.44 16.06 50.78 29.68 74.44 16.05 98.04",fill:"#fff",class:"color-loading-fill"})),e("mask",{key:"1f0816a1c3fa2d5e73650581d953cd988f74613e",id:"green-loading-diamond"},e("polygon",{key:"6f888218b915171c5565b79b2515ce0a86102dd0",points:"16.05 3.53 2.43 27.13 16.06 50.78 29.68 27.12 16.05 3.53",fill:"#fff",class:"color-loading-fill"})),e("mask",{key:"8362119a2e3c98944d28e1f9e172e12e177e0bb4",id:"left-center-loading-diamond"},e("polygon",{key:"e434a8e20039dd8830f2a87548094f375ddcb947",points:"29.68 27.18 16.06 50.78 29.69 74.44 43.31 50.78 29.68 27.18",fill:"#fff",class:"center-loading-fill"})),e("mask",{key:"677eda84978c640238c63cbb3158eec75b620e46",id:"right-center-loading-diamond"},e("polygon",{key:"72aa1633ad5dcc9ef3decd53d36ab39853bfa8f6",points:"43.31 50.78 29.68 74.46 57.09 74.45 70.75 50.7 43.31 50.78",fill:"#fff",class:"center-loading-fill"}))),e("polyline",{key:"d5daf52f678d8097af82d5cb893aa23d21615871",points:"57.09 27.11 70.75 50.7 70.67 50.84 57.09 74.45 84.32 74.42 98 50.66 84.34 27.08 57.09 27.11",fill:"#f90"}),e("polyline",{key:"316425ac2204c889dbe7b2418ace2fda9639d491",mask:"url(#orange-loading-diamond)",points:"70.75 50.7 57.09 74.45 84.32 74.42 98 50.66 70.75 50.7",fill:"#d37f00"}),e("polygon",{key:"bf25516f74d7ee233833d87a36d7ba78701956bb",points:"29.68 74.44 57.09 74.45 43.46 98.05 16.05 98.04 2.43 74.44 16.06 50.78 29.68 74.44",fill:"#09c"}),e("polygon",{key:"f38d247c04ed1220790fb84764df855e0d6afebb",mask:"url(#blue-loading-diamond)",points:"16.05 98.04 2.43 74.44 16.06 50.78 29.68 74.44 16.05 98.04",fill:"#007fa9"}),e("polygon",{key:"42626679c63bca82830badd2bf721fbb550a387a",points:"29.68 27.12 57.09 27.11 43.46 3.52 16.05 3.53 2.43 27.13 16.06 50.78 29.68 27.12",fill:"#00b600"}),e("polygon",{key:"6ca2b53cbaa1ab25ef04f360b7088f58ff48a6d0",mask:"url(#green-loading-diamond)",points:"16.05 3.53 2.43 27.13 16.06 50.78 29.68 27.12 16.05 3.53",fill:"#009700"}),e("polygon",{key:"ea36aa2b42d85dddeb27ae8a3dff52ea584fb775",mask:"url(#left-center-loading-diamond)",points:"29.68 27.18 16.06 50.78 29.69 74.44 43.31 50.78 29.68 27.18",fill:"#bdbdbd"}),e("polygon",{key:"9244038c40d1d9a9ce832d8e0e7c850987f943bf",mask:"url(#right-center-loading-diamond)",points:"43.31 50.78 29.68 74.46 57.09 74.45 70.75 50.7 43.31 50.78",fill:"#e0e0e0"})))}};d.style="@keyframes color-loading{0%{transform:translate(30px, -50px)}10%{transform:translateY(0)}70%{opacity:1}75%,100%{opacity:0}}@keyframes center-loading{0%{transform:translate(-30px, 50px)}10%{transform:translate(0, 0)}70%{opacity:1}75%,100%{opacity:0}}.container{width:100%;height:100%}.visual-center{transform:translateX(7%)}.color-loading-fill{animation:color-loading 2.5s infinite linear}.center-loading-fill{animation:center-loading 2.5s infinite linear}";export{d as vertex_logo_loading}

package/dist/components/p-eYTN_sVb.js

@@ -0,0 +1 @@
+import{t as e,p as t,H as a,c as d,h as c,e as s}from"./p-BbDaHMlz.js";const i=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.contentClick=d(this,"contentClick"),this.mode="display",this.handleContentClick=e=>{this.contentClick.emit(e)},this.handleTextClick=e=>{"edit"===this.mode?e.stopImmediatePropagation():this.contentClick.emit(e)}}render(){return c(s,{key:"77d72d07638073a285caa43dfa5ddd49a572522f"},c("div",{key:"a0f27db2debb0efe2270cf59d615c28eb4464c41",class:"content"},c("div",{key:"4606c543416c6aa4f2ce484ca5eb3db286854176",class:"header",onClick:this.handleContentClick},c("div",{key:"42cc689ea537030b76215cff045563bcdc61850d",class:"avatar"},c("slot",{key:"cb16c257c9c25e19b597b9ae73e89349c6ba0d49",name:"avatar"})),c("div",{key:"90b204b9c2a0d256080b9b088b2fe22945f43ebb",class:"header-text"},c("div",{key:"1b2d517bc5cbff8a616e7186c547aced00736988",class:"label"},c("slot",{key:"181d6968220c3b7b811212a4a98060d56919b3cd",name:"label"})),c("div",{key:"f934b03edf94eb9bda0debf2f3b222213b337021",class:"timestamp"},c("slot",{key:"2ddb71bd9f670d58c03c5be18910de81c620d4d0",name:"timestamp"}))),c("div",{key:"559e90333ed929ed893d31abb9dff2cb75273ca7",class:"action"},c("slot",{key:"bcc63be9ea2dca44c1dd519688d34eee5b2463f2",name:"action"}))),c("div",{key:"bd2f85bec784a5569d4b8c2ba356855e6f15f3d5",class:"text",onClick:this.handleTextClick},c("slot",{key:"082646147a2e69bc16eb3df478856a305cc312e4"})),c("div",{key:"d2b3161bf7efa3ec19345dd3b35d840b39d18a25",class:"actions"},c("slot",{key:"b39c1468c39c93b805bc591f8db59d8e1cdf4ab7",name:"actions"}))),c("slot",{key:"2f5c5c7e27cef6b1185017b215bb9a7222fa322a",name:"overlay"}))}static get style(){return":host{width:100%;height:100%;display:flex;position:relative;--border:1px solid var(--vertex-ui-neutral-200)}.content{display:flex;flex-direction:column;width:100%;height:100%;font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);color:var(--vertex-ui-neutral-800);border:var(--border)}.header{display:flex;align-items:center;padding:0.5rem 0.5rem 0 0.5rem}.header-text{display:flex;flex-direction:column}.text{padding:0.75rem 0.5rem 0.75rem 1rem;color:var(--vertex-ui-neutral-700);white-space:pre-line}.avatar{padding-left:0.25rem;padding-right:0.75rem}.label slot::slotted(*){font-weight:var(--vertex-ui-font-weight-bold)}.timestamp slot::slotted(*){padding-top:0.125rem;font-size:var(--vertex-ui-text-sm);color:var(--vertex-ui-neutral-500)}.action{margin-left:auto;margin-bottom:auto}.actions *::slotted(*){display:flex;justify-content:flex-end;padding:0 0.5rem 0.5rem 0.5rem}"}},[257,"vertex-card",{mode:[1]}]);function r(){"undefined"!=typeof customElements&&["vertex-card"].forEach((t=>{"vertex-card"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))}r();export{i as C,r as d}

package/dist/components/p-edfd86c9.entry.js

@@ -0,0 +1 @@
+import{a as e,h as t,H as r,d as o}from"./p-C27tS7nl.js";import{c as n}from"./p-Beav1bNT.js";const a=class{constructor(t){e(this,t),this.color="secondary",this.variant="solid",this.size="md",this.expand="block"}connectedCallback(){if(null!=this.hostElement&&"submit"===this.type){const e=this.hostElement.closest("form");null!=e&&(this.fakeButton=document.createElement("button"),this.fakeButton.setAttribute("type",this.type),this.fakeButton.setAttribute("style","display: none"),this.fakeButton.setAttribute("data-testid","vertex-fake-button"),e.appendChild(this.fakeButton))}}disconnectedCallback(){null!=this.hostElement&&null!=this.fakeButton&&this.fakeButton.remove()}render(){const e=n("btn",{"btn-full":"full"===this.expand,"btn-sm":"sm"===this.size,"btn-md":"md"===this.size,"btn-lg":"lg"===this.size,"btn-primary":"primary"===this.color&&"solid"===this.variant,"btn-secondary":"secondary"===this.color&&"solid"===this.variant,"btn-danger":"danger"===this.color&&"solid"===this.variant,"btn-txt-primary":"primary"===this.color&&"text"===this.variant,"btn-txt-secondary":"secondary"===this.color&&"text"===this.variant,"btn-txt-danger":"danger"===this.color&&"text"===this.variant,"btn-outline-primary":"primary"===this.color&&"outline"===this.variant,"btn-outline-secondary":"secondary"===this.color&&"outline"===this.variant,"btn-outline-danger":"danger"===this.color&&"outline"===this.variant,"btn-plaintext":"plaintext"===this.variant,disabled:this.disabled});return null!=this.href&&null!=this.type&&console.warn("The type attribute is ignored when href is provided"),t(r,{key:"5a545e176e6ecd3613c5ef9c3520bd2f33d189a1",style:{pointerEvents:this.disabled?"none":void 0}},null!=this.href&&""!==this.href?t("a",{href:this.href,target:this.target,class:e,tabIndex:this.disabled?-1:0},t("slot",null)):t("button",{class:e,disabled:this.disabled,type:this.type,onClick:e=>this.handleClick(e)},t("slot",{name:"left"}),t("slot",null)))}handleClick(e){null!=this.fakeButton&&(e.preventDefault(),this.fakeButton.click())}get hostElement(){return o(this)}};a.style='button{border:none;background-color:transparent;font-family:var(--vertex-ui-font-family);font-size:0.875rem;padding:0}a{text-decoration:none;font-family:var(--vertex-ui-font-family)}:host{--enabled-cursor:pointer;--disabled-cursor:not-allowed}:host([type]){-webkit-appearance:none !important}:host([disabled=""]){pointer-events:none}.btn{display:flex;align-items:center;justify-content:center;border-radius:0.25rem;box-sizing:border-box;text-decoration:none;cursor:var(--enabled-cursor)}.btn-full{width:100%}.btn.disabled,.btn:not(.disabled):focus-visible,.btn:not(.disabled):active{outline:none}.btn.disabled{cursor:var(--disabled-cursor)}.btn-sm{font-size:var(--vertex-ui-text-sm)}.btn-sm:not(.btn-plaintext){padding:0 0.25rem}.btn-md{font-size:var(--vertex-ui-text-base)}.btn-md:not(.btn-plaintext){padding:0.5rem 1rem}.btn-lg{font-size:var(--vertex-ui-text-lg)}.btn-lg:not(.btn-plaintext){padding:0.75rem 0.75rem}.btn-plaintext{color:var(--vertex-ui-neutral-800)}.btn-primary{color:white;background-color:var(--vertex-ui-blue-700)}.btn-primary:not(.disabled):hover{background-color:var(--vertex-ui-blue-500)}.btn-primary:not(.disabled):focus-visible,.btn-primary:not(.disabled):active{background-color:var(--vertex-ui-blue-600)}.btn-primary:not(.disabled):focus-visible{box-shadow:0 0 0 1px var(--vertex-ui-blue-900)}.btn-primary:not(.disabled):active{box-shadow:none}.btn-primary.disabled{background-color:var(--vertex-ui-blue-200);cursor:var(--disabled-cursor)}.btn-secondary{color:var(--vertex-ui-neutral-800);background-color:var(--vertex-ui-neutral-300)}.btn-secondary:not(.disabled):hover{box-shadow:0 2px 2px rgb(0 0 0 / 20%)}.btn-secondary:not(.disabled):focus-visible,.btn-secondary:not(.disabled):active{background-color:var(--vertex-ui-neutral-400)}.btn-secondary:not(.disabled):focus-visible{box-shadow:0 0 0 1px var(--vertex-ui-neutral-900)}.btn-secondary:not(.disabled):active{box-shadow:none}.btn-secondary.disabled{background-color:var(--vertex-ui-neutral-200);color:var(--vertex-ui-neutral-400)}.btn-danger{color:white;background-color:var(--vertex-ui-red-600)}.btn-danger:not(.disabled):hover{background-color:var(--vertex-ui-red-400)}.btn-danger:not(.disabled):focus-visible{background-color:var(--vertex-ui-red-500);box-shadow:0 0 0 1px var(--vertex-ui-red-900)}.btn-danger:not(.disabled):active{background-color:var(--vertex-ui-red-600);box-shadow:none}.btn-danger.disabled{background-color:var(--vertex-ui-red-200);box-shadow:none}.btn-txt-primary{color:var(--vertex-ui-blue-600)}.btn-txt-primary:not(.disabled):hover{color:var(--vertex-ui-blue-800);background-color:var(--vertex-ui-blue-200)}.btn-txt-primary:not(.disabled):focus-visible,.btn-txt-primary:not(.disabled):active{color:var(--vertex-ui-blue-800);background-color:var(--vertex-ui-blue-300)}.btn-txt-primary:not(.disabled):focus-visible{box-shadow:0 0 0 1px var(--vertex-ui-blue-900)}.btn-txt-primary:not(.disabled):active{box-shadow:none}.btn-txt-primary.disabled{color:var(--vertex-ui-blue-300);box-shadow:none}.btn-txt-secondary{color:var(--vertex-ui-neutral-700)}.btn-txt-secondary:not(.disabled):hover,.btn-txt-secondary:not(.disabled):active,.btn-txt-secondary:not(.disabled):focus-visible{color:var(--vertex-ui-neutral-800);background-color:var(--vertex-ui-neutral-200)}.btn-txt-secondary:not(.disabled):focus-visible{box-shadow:0 0 0 1px var(--vertex-ui-neutral-900)}.btn-txt-secondary.disabled{color:var(--vertex-ui-neutral-300);box-shadow:none}.btn-txt-danger{color:var(--vertex-ui-red-600)}.btn-txt-danger:not(.disabled):focus-visible,.btn-txt-danger:not(.disabled):active,.btn-txt-danger:not(.disabled):hover{color:var(--vertex-ui-red-800)}.btn-txt-danger:not(.disabled):hover{background-color:var(--vertex-ui-red-200)}.btn-txt-danger:not(.disabled):focus-visible,.btn-txt-danger:not(.disabled):active{background-color:var(--vertex-ui-red-300)}.btn-txt-danger:not(.disabled):focus-visible{box-shadow:0 0 0 1px var(--vertex-ui-red-900)}.btn-txt-danger:not(.disabled):active{box-shadow:none}.btn-txt-danger.disabled{color:var(--vertex-ui-red-300);box-shadow:none}.btn-outline-primary{color:var(--vertex-ui-blue-600);border:1px solid var(--vertex-ui-blue-600)}.btn-outline-primary:not(.disabled):hover{color:var(--vertex-ui-blue-800);background-color:var(--vertex-ui-blue-200)}.btn-outline-primary:not(.disabled):focus-visible,.btn-outline-primary:not(.disabled):active{color:var(--vertex-ui-blue-800);background-color:var(--vertex-ui-blue-300)}.btn-outline-primary:not(.disabled):focus-visible{box-shadow:0 0 0 1px var(--vertex-ui-blue-900)}.btn-outline-primary:not(.disabled):active{box-shadow:none}.btn-outline-primary.disabled{color:var(--vertex-ui-blue-300);box-shadow:none}.btn-outline-secondary{color:var(--vertex-ui-neutral-700);border:1px solid var(--vertex-ui-neutral-700)}.btn-outline-secondary:not(.disabled):hover{box-shadow:0 2px 2px rgb(0 0 0 / 20%);background-color:var(--vertex-ui-neutral-300)}.btn-outline-secondary:not(.disabled):focus-visible,.btn-outline-secondary:not(.disabled):active{background-color:var(--vertex-ui-neutral-400)}.btn-outline-secondary:not(.disabled):focus-visible{box-shadow:0 0 0 1px var(--vertex-ui-neutral-900)}.btn-outline-secondary.disabled{color:var(--vertex-ui-neutral-300);box-shadow:none}.btn-outline-danger{color:var(--vertex-ui-red-600);border:1px solid var(--vertex-ui-red-600)}.btn-outline-danger:not(.disabled):focus-visible,.btn-outline-danger:not(.disabled):active,.btn-outline-danger:not(.disabled):hover{color:var(--vertex-ui-red-800)}.btn-outline-danger:not(.disabled):hover{background-color:var(--vertex-ui-red-200)}.btn-outline-danger:not(.disabled):focus-visible,.btn-outline-danger:not(.disabled):active{background-color:var(--vertex-ui-red-300)}.btn-outline-danger:not(.disabled):focus-visible{box-shadow:0 0 0 1px var(--vertex-ui-red-900)}.btn-outline-danger:not(.disabled):active{box-shadow:none}.btn-outline-danger.disabled{color:var(--vertex-ui-red-300);box-shadow:none}';export{a as vertex_button}

package/dist/components/p-ef419ddf.entry.js

@@ -0,0 +1 @@
+import{a as i,h as e}from"./p-C27tS7nl.js";import{c as t}from"./p-Beav1bNT.js";import{g as s}from"./p-DHNuRvq0.js";const r=class{constructor(e){i(this,e),this.size="md"}render(){return e("div",{key:"4e0872b4c1aef6cfde8cb837d022b1546d08be87",class:"container"},e("div",{key:"6a3e7a4bc21a2b862fc64c7d0f9e6c17b853d0fa",class:t("icon",{xs:"xs"===this.size,sm:"sm"===this.size,md:"md"===this.size,lg:"lg"===this.size})},s(this.name)))}};r.style=".container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.icon{display:flex;justify-content:center;align-items:center;fill:currentColor}.xs{height:var(--icon-size, 0.75rem);width:var(--icon-size, 0.75rem)}.sm{height:var(--icon-size, 1rem);width:var(--icon-size, 1rem)}.md{height:var(--icon-size, 1.5rem);width:var(--icon-size, 1.5rem)}.lg{height:var(--icon-size, 2rem);width:var(--icon-size, 2rem)}svg{position:relative;width:100%}";export{r as vertex_icon}

package/dist/components/p-efd0223b.entry.js

@@ -0,0 +1 @@
+import{a as t,c as i,h as s}from"./p-C27tS7nl.js";import{c as h}from"./p-Beav1bNT.js";const e=class{constructor(s){var h;t(this,s),this.inputFocus=i(this,"inputFocus"),this.inputBlur=i(this,"inputBlur"),this.inputInput=i(this,"inputInput"),this.inputChange=i(this,"inputChange"),this.inputSubmit=i(this,"inputSubmit"),this.fontSize="standard",this.multiline=!1,this.value="",this.editing=!1,this.handleKeyDown=t=>{var i,s;"Enter"!==t.detail.key||this.multiline||null===(i=this.textFieldRef)||void 0===i||i.blurInput(),"Escape"===t.detail.key&&(this.resetOnEscape(),null===(s=this.textFieldRef)||void 0===s||s.blurInput())},this.resetOnEscape=()=>{null!=this.textFieldRef&&null!=this.defaultValue&&(this.textFieldRef.updateInput(this.defaultValue),this.editing=!1)},this.handleSubmit=async()=>{var t;const i=await(null===(t=this.textFieldRef)||void 0===t?void 0:t.getInputValue());null!=i&&i!==this.defaultValue&&(this.defaultValue=i,this.inputSubmit.emit({value:i})),this.editing=!1},this.handleInputBlur=this.handleInputBlur.bind(this),this.handleInputFocus=this.handleInputFocus.bind(this),this.handleInputInput=this.handleInputInput.bind(this),this.handleInputChange=this.handleInputChange.bind(this),this.handleSubmit=this.handleSubmit.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.defaultValue=null===(h=this.value)||void 0===h?void 0:h.toString()}render(){return s("div",{key:"d6c9d6921060ed1aadaf9f8a86b38cf55094d1f9",class:"click-to-edit"},s("div",{key:"8c57b870ff66e5a298a36e660c46e6aab774ad45",class:"click-to-edit-text"},s("vertex-textfield",{key:"37207acc6f39f0ecf8e7d87665638a73b357a750",ref:t=>{this.textFieldRef=t},onInputBlur:this.handleInputBlur,onInputFocus:this.handleInputFocus,onInputInput:this.handleInputInput,onInputChange:this.handleInputChange,disabled:this.disabled,fontSize:this.fontSize,autoFocus:this.autoFocus,placeholder:this.placeholder,multiline:this.multiline,minRows:this.minRows,maxRows:this.maxRows,type:"text",value:this.value,variant:"blank",onTextFieldKeyDown:this.handleKeyDown,"data-testid":"click-to-edit-text-field",hasError:this.hasError})),this.renderIcon())}renderIcon(){return this.editing?s("div",{class:"click-to-edit-icon-wrapper"},s("slot",{name:"edit-icon"},s("div",{class:"click-to-edit-button"},s("vertex-icon-button",{iconSize:"sm",iconName:"check"})))):this.disabled?s("div",null):s("div",{class:"click-to-edit-icon-wrapper"},s("slot",{name:"pencil-icon"},s("vertex-icon",{size:"sm",name:"pencil",class:h("icon-visibility","hover-icon")})))}handleInputBlur(t){t.stopPropagation(),this.inputBlur.emit(),this.handleSubmit()}handleInputFocus(t){var i;t.stopPropagation(),this.inputFocus.emit(),null===(i=this.textFieldRef)||void 0===i||i.selectAll(),this.editing=!0}handleInputInput(t){t.stopPropagation(),this.inputInput.emit({value:t.detail.value})}handleInputChange(t){t.stopPropagation(),this.inputChange.emit({value:t.detail.value})}handleValueChanged(t){this.editing||(this.defaultValue=null==t?void 0:t.toString())}static get watchers(){return{value:[{handleValueChanged:0}]}}};export{e as vertex_click_to_edit_textfield}

package/dist/components/p-f1abef98.entry.js

@@ -0,0 +1 @@
+import{a as e,c as s,h as t,d as i}from"./p-C27tS7nl.js";import{c as a}from"./p-Beav1bNT.js";const d=class{constructor(t){e(this,t),this.menuClosed=s(this,"menuClosed"),this.animated=!0,this.open=!1,this.backdrop=!0,this.persistent=!1,this.handlePopoverDismiss=this.handlePopoverDismiss.bind(this)}componentDidLoad(){var e;this.addEventListeners(),this.headerSlot=(null===(e=this.hostElement.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="header"]'))||void 0}disconnectedCallback(){this.removeEventListeners()}connectedCallback(){this.addEventListeners()}render(){return t("vertex-popover",{key:"521d5e3afcd3b7cf06a2ef05c301b89fff74f902",ref:e=>{this.popoverRef=e},open:this.open,animated:this.animated,position:this.position,placement:this.placement,backdrop:this.backdrop,flipBehavior:null!=this.fallbackPlacements?{fallbackPlacements:this.fallbackPlacements}:void 0,...this.popoverProps},null==this.position&&t("div",{key:"9ff02358a94a3ec32a9396dcb5abfe8e28784661",slot:"anchor"},t("slot",{key:"2cdb02c65c5ae2769f4c6a3976d04fae883692f9",name:"anchor"})),t("div",{key:"ac4cd4ac711c43de2cb27cd72dd505125f8827c6",onClick:()=>{this.persistent||(this.open=!1,this.menuClosed.emit())},class:a("root",{"has-header":null!=this.headerSlot})},t("slot",{key:"fe4cff0ea3ed220882a2e31a56a28eabf3fb60c2",name:"header"}),t("slot",{key:"3b0ef7747644f0dc967df16e3945da1b3ca7a233"})))}addEventListeners(){var e,s;null===(e=this.listenerDisposable)||void 0===e||e.dispose(),null===(s=this.popoverRef)||void 0===s||s.addEventListener("dismissed",this.handlePopoverDismiss),this.listenerDisposable={dispose:()=>{var e;null===(e=this.popoverRef)||void 0===e||e.removeEventListener("dismissed",this.handlePopoverDismiss)}}}removeEventListeners(){var e;null===(e=this.listenerDisposable)||void 0===e||e.dispose()}handlePopoverDismiss(){this.open=!1,this.menuClosed.emit()}get hostElement(){return i(this)}};d.style=":host{--background-color:var(--vertex-ui-white);--menu-padding:0.19em 0}.root{padding:var(--menu-padding);border:1px solid var(--vertex-ui-neutral-400);border-radius:0.25rem;box-shadow:0px 2px 4px -1px rgb(0 0 0 / 20%),     0px 4px 5px 0px rgb(0 0 0 / 14%), 0px 1px 10px 0px rgb(0 0 0 / 12%);background-color:var(--background-color);z-index:var(--vertex-ui-context-menu-layer)}.has-header{padding-top:0}";export{d as vertex_menu}

package/dist/components/p-f23df530.entry.js

@@ -0,0 +1 @@
+import{a as e,h as r}from"./p-C27tS7nl.js";import{c as a}from"./p-Beav1bNT.js";const i=class{constructor(r){e(this,r),this.variant="filled",this.color="secondary"}render(){return r("div",{key:"c9df2d4b15261a1b255ff37f793065a184d65dfb",class:a("root",{filled:"filled"===this.variant,outlined:"outlined"===this.variant,"chip-primary":"primary"===this.color,"chip-secondary":"secondary"===this.color})},r("div",{key:"76c6cd5615f9da5d97acba55dba7b9fc774a1ed5",class:"avatar"},r("slot",{key:"05aa9d08d135196b04af88d04f6860d1b223415d",name:"avatar"})),r("slot",{key:"8b50b524c6c18cbffc40b0a223fb97b6ff558fab"}),r("slot",{key:"1359aecc0da014c58f5ed2bc6095b2d34f99e5e2",name:"icon"}))}};i.style=".root{display:flex;align-items:center;width:fit-content;border-radius:16px;font-size:var(--vertex-ui-text-base);padding:0.5rem;padding-left:0.25rem;max-height:1rem}.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-300)}.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-300);color:var(--vertex-ui-neutral-700)}.avatar{margin-right:0.25rem}";export{i as vertex_chip}

package/dist/components/p-f37dc3c4.entry.js

@@ -0,0 +1 @@
+import{a as e,h as i}from"./p-C27tS7nl.js";import{c as r}from"./p-Beav1bNT.js";const t=class{constructor(i){e(this,i),this.color="blue",this.size="lg"}render(){const e=r("spinner",{blue:"blue"===this.color,white:"white"===this.color,grey:"grey"===this.color,xs:"xs"===this.size,sm:"sm"===this.size,md:"md"===this.size,lg:"lg"===this.size});return i("div",{key:"3e6d1e4807628dd25aabfd77970720a827fc161d",class:e},i("div",{key:"1b0931d9b8201feee0c8171bb00e9def3034b379"}),i("div",{key:"cce3abd6c5163304ee8f4ce295e33813ee4bd39b"}),i("div",{key:"a5911e890fee609aef540221620170d9f3be4fe1"}),i("div",{key:"2e070316931bd6d9aa2d4c7e6d07cc45cb43e611"}))}};t.style=".spinner{position:relative;display:flex}.spinner div{position:absolute;display:block;animation:spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-radius:50%;border-style:solid;box-sizing:border-box}.spinner div:nth-child(1){animation-delay:-0.45s}.spinner div:nth-child(2){animation-delay:-0.3s}.spinner div:nth-child(3){animation-delay:-0.15s}.spinner.xs{height:16px;width:16px}.spinner.xs div{border-width:var(--border-width, 1px);height:16px;width:16px;margin:0}.spinner.sm{height:23px;width:23px}.spinner.sm div{border-width:var(--border-width, 3px);height:18px;width:18px;margin:2px}.spinner.md{height:32px;width:32px}.spinner.md div{border-width:var(--border-width, 3px);height:32px;width:32px;margin:2px}.spinner.lg{height:64px;width:64px}.spinner.lg div{border-width:var(--border-width, 6px);height:51px;width:51px;margin:6px}.spinner.blue div{border-color:var(--vertex-ui-blue-700) transparent transparent transparent}.spinner.white div{border-color:var(--vertex-ui-white) transparent transparent transparent}.spinner.grey div{border-color:var(--vertex-ui-neutral-700) transparent transparent transparent}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";export{t as vertex_spinner}

package/dist/components/p-f793f80a.entry.js

@@ -0,0 +1 @@
+import{a as e,h as t,H as a}from"./p-C27tS7nl.js";import{c as d}from"./p-Beav1bNT.js";const o=class{constructor(t){e(this,t),this.selected=!1,this.hovered=!1,this.expanded=!1}render(){return t(a,{key:"206793620f315b52d8122c6adfcb4c5e3e122231"},t("div",{key:"0e79478fadbb97af5376e36a8308ef32b5e4792f",class:d("root",{selected:this.selected,hovered:this.hovered})},t("div",{key:"56e1849a8c868107f5e93b9f95a0fd7819026138",class:"content"},t("slot",{key:"9506a02f059ce4505f7c1159fbf38bbc036e572d",name:"primary"})),t("div",{key:"6edee8403999b2903ce9d2de00fe4ec1776eda70",class:d({hidden:!this.selected})},t("slot",{key:"f7af3fe0c7939575463c56848e68ff06b871b2b5"}),t("div",{key:"f2bdfb20f44b66e9e426986408c924b703049bed","data-testid":"expanded-content-wrapper",class:d({hidden:!this.expanded})},t("slot",{key:"8c7103c364a6d41206522dbb376767958025fb06",name:"expanded-content"})),t("div",{key:"a45d1ec67212f7b5f382264088d17dcff8f3ce4a","data-testid":"expanded-target-wrapper",class:d({hidden:this.expanded})},t("div",{key:"fc62882c03b86b42b991b9f2c9e85ae70aa149c8",class:"expand-target"},t("slot",{key:"def517e4fcdb8a4a84c33fa5b238d6fc69e011c3",name:"expand-target"})))),t("div",{key:"babf3752d2bcd2577d42d235775fc184aa6a3076",class:"action"},t("slot",{key:"7c60ccb1dc60b1f9ccd0eaf9135b357dd44b63d1",name:"action"}))),t("slot",{key:"e69a3f530388e947968ae1541a0c4a18d12dc0c1",name:"overlay"}))}};o.style=':host{width:100%;height:100%;position:relative;display:inline-block;--selected-color:var(--vertex-ui-blue-700);--hovered-color:var(--vertex-ui-blue-400)}.root{position:relative}.root.selected,.root:hover{box-shadow:0 2px 4px rgba(0, 0, 0, 0.25)}.content{cursor:pointer}.selected::after{content:" ";position:absolute;width:0.1875rem;height:100%;left:0;top:0;background-color:var(--selected-color)}.hovered::after{content:" ";position:absolute;width:0.1875rem;height:100%;left:0;top:0;background-color:var(--hovered-color)}.expand-target{font-family:var(--vertex-ui-font-family);font-size:var(--vertex-ui-text-base);color:var(--vertex-ui-neutral-700);cursor:pointer}.expand-target slot::slotted(*){padding:0.5rem 0.5rem 0.5rem 0.75rem}.hidden{display:none}';export{o as vertex_card_group}

package/dist/components/p-y4p55dbx.js

@@ -0,0 +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}

package/dist/components/vertex-auto-resize-textarea.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexAutoResizeTextarea extends Components.VertexAutoResizeTextarea, HTMLElement {}
 export const VertexAutoResizeTextarea: {
-  prototype: VertexAutoResizeTextarea;
-  new (): VertexAutoResizeTextarea;
+    prototype: VertexAutoResizeTextarea;
+    new (): VertexAutoResizeTextarea;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/vertex-auto-resize-textarea.js

@@ -1,6 +1 @@
-import { A as AutoResizeTextArea, d as defineCustomElement$1 } from './auto-resize-textarea.js';
-
-const VertexAutoResizeTextarea = AutoResizeTextArea;
-const defineCustomElement = defineCustomElement$1;
-
-export { VertexAutoResizeTextarea, defineCustomElement };
+import{A as o,d as s}from"./p-C1H5-_5m.js";const m=o,p=s;export{m as VertexAutoResizeTextarea,p as defineCustomElement}

package/dist/components/vertex-avatar-group.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexAvatarGroup extends Components.VertexAvatarGroup, HTMLElement {}
 export const VertexAvatarGroup: {
-  prototype: VertexAvatarGroup;
-  new (): VertexAvatarGroup;
+    prototype: VertexAvatarGroup;
+    new (): VertexAvatarGroup;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/vertex-avatar-group.js

@@ -1,34 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const avatarGroupCss = ".root{position:relative}.base{position:absolute;left:0;top:0}.top{position:absolute;left:0.5rem;top:0.5rem}";
-
-const AvatarGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h("div", { class: "root" }, h("div", { class: "base" }, h("slot", { name: "base" })), h("div", { class: "top" }, h("slot", null))));
-  }
-  static get style() { return avatarGroupCss; }
-}, [1, "vertex-avatar-group"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["vertex-avatar-group"];
-  components.forEach(tagName => { switch (tagName) {
-    case "vertex-avatar-group":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, AvatarGroup);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const VertexAvatarGroup = AvatarGroup;
-const defineCustomElement = defineCustomElement$1;
-
-export { AvatarGroup as A, VertexAvatarGroup, defineCustomElement };
+import{A as o,d as s}from"./p-BHmM6WC-.js";const m=o,p=s;export{m as VertexAvatarGroup,p as defineCustomElement}

package/dist/components/vertex-avatar.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexAvatar extends Components.VertexAvatar, HTMLElement {}
 export const VertexAvatar: {
-  prototype: VertexAvatar;
-  new (): VertexAvatar;
+    prototype: VertexAvatar;
+    new (): VertexAvatar;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/vertex-avatar.js

@@ -1,68 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { c as classnames } from './index2.js';
-
-const avatarCss = ".root{width:1.875rem;height:1.875rem;font-size:var(--vertex-ui-text-xs)}.small{width:1.5rem;height:1.5rem;font-size:var(--vertex-ui-text-t)}.avatar{border-radius:50%;font-weight:var(--vertex-ui-font-weight-medium);font-family:var(--vertex-ui-font-family);color:var(--vertex-ui-blue-800);border:solid 1px var(--vertex-ui-blue-800);background-color:var(--vertex-ui-neutral-050);display:flex;align-items:center;justify-content:center;user-select:none}.avatar.value{color:var(--vertex-ui-white);border:solid 1px var(--vertex-ui-white);background-color:var(--vertex-ui-neutral-500)}.avatar.active{cursor:pointer}.avatar.active:hover{background-color:var(--vertex-ui-neutral-200)}";
-
-const Avatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.firstName = undefined;
-    this.lastName = undefined;
-    this.value = undefined;
-    this.active = false;
-    this.variant = 'default';
-  }
-  render() {
-    if (!this.isValidStringValue(this.firstName) &&
-      !this.isValidStringValue(this.value)) {
-      return h("div", null);
-    }
-    return (h("div", { class: classnames('avatar', {
-        root: this.variant === 'default',
-        small: this.variant === 'small',
-        active: this.active,
-        value: !this.isValidStringValue(this.firstName),
-      }) }, this.getDisplayValue()));
-  }
-  isValidStringValue(value) {
-    return value != null && value !== '';
-  }
-  getDisplayValue() {
-    if (this.isValidStringValue(this.firstName)) {
-      return this.isValidStringValue(this.lastName)
-        ? `${this.firstName[0]}${this.lastName[0]}`
-        : this.firstName[0];
-    }
-    else if (this.isValidStringValue(this.value)) {
-      return this.value;
-    }
-  }
-  static get style() { return avatarCss; }
-}, [1, "vertex-avatar", {
-    "firstName": [1, "first-name"],
-    "lastName": [1, "last-name"],
-    "value": [1],
-    "active": [4],
-    "variant": [1]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["vertex-avatar"];
-  components.forEach(tagName => { switch (tagName) {
-    case "vertex-avatar":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Avatar);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const VertexAvatar = Avatar;
-const defineCustomElement = defineCustomElement$1;
-
-export { Avatar as A, VertexAvatar, defineCustomElement };
+import{A as o,d as p}from"./p-ByQGREpQ.js";const s=o,r=p;export{s as VertexAvatar,r as defineCustomElement}

package/dist/components/vertex-badge.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexBadge extends Components.VertexBadge, HTMLElement {}
 export const VertexBadge: {
-  prototype: VertexBadge;
-  new (): VertexBadge;
+    prototype: VertexBadge;
+    new (): VertexBadge;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/vertex-badge.js

@@ -1,43 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { c as classnames } from './index2.js';
-
-const badgeCss = ".string-overlay{width:100%;line-height:1.0rem;margin-left:5px;margin-right:5px;border-radius:10px;font-size:var(--vertex-ui-text-xxs)}.string-overlay.primary{color:var(--vertex-ui-white);background-color:var(--vertex-ui-blue-600)}.string-overlay.secondary{color:var(--vertex-ui-black);background-color:var(--vertex-ui-neutral-300)}";
-
-const Badge = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.badgeText = undefined;
-    this.badgeColor = 'primary';
-  }
-  render() {
-    return (h(Host, null, h("div", { class: classnames('string-overlay', {
-        primary: this.badgeColor === 'primary',
-        secondary: this.badgeColor === 'secondary',
-      }) }, this.badgeText)));
-  }
-  static get style() { return badgeCss; }
-}, [1, "vertex-badge", {
-    "badgeText": [1, "badge-text"],
-    "badgeColor": [1, "badge-color"]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["vertex-badge"];
-  components.forEach(tagName => { switch (tagName) {
-    case "vertex-badge":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Badge);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const VertexBadge = Badge;
-const defineCustomElement = defineCustomElement$1;
-
-export { Badge as B, VertexBadge, defineCustomElement };
+import{B as o,d as s}from"./p-De54LBPx.js";const p=o,r=s;export{p as VertexBadge,r as defineCustomElement}

package/dist/components/vertex-banner.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexBanner extends Components.VertexBanner, HTMLElement {}
 export const VertexBanner: {
-  prototype: VertexBanner;
-  new (): VertexBanner;
+    prototype: VertexBanner;
+    new (): VertexBanner;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/vertex-banner.js

@@ -1,141 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as classnames } from './index2.js';
-import { g as getSvg } from './icon-helper.js';
-import { d as defineCustomElement$3 } from './icon-button.js';
-import { d as defineCustomElement$2 } from './popover.js';
-
-const bannerCss = ":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)}";
-
-const DEFAULT_BANNER_DURATION = 3000;
-const Banner = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.closed = createEvent(this, "closed", 7);
-    this.content = undefined;
-    this.placement = 'top';
-    this.duration = DEFAULT_BANNER_DURATION;
-    this.animated = true;
-    this.open = false;
-    this.type = 'info';
-    this.isOpen = undefined;
-    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 allows the component to render once initially to correctly
-    // place the popover anchor.
-    this.isOpen = this.open;
-    if (this.isOpen) {
-      this.restartCloseTimeout();
-    }
-  }
-  async handleOpenChanged(open) {
-    if (open) {
-      this.restartCloseTimeout();
-      this.isOpen = open;
-    }
-  }
-  render() {
-    return (h("vertex-popover", { class: "popover", open: this.isOpen, resizeBehavior: "fixed", backdrop: false, placement: this.getPopoverPlacement(), animated: this.animated }, h("div", { slot: "anchor", class: classnames('anchor', this.placement) }), h("div", { class: classnames('banner', {
-        hidden: !this.isOpen,
-        info: this.type === 'info',
-        success: this.type === 'success',
-        warn: this.type === 'warn',
-        error: this.type === 'error',
-      }) }, h("div", { class: classnames('icon', {
-        'icon-info': this.type === 'info',
-        'icon-success': this.type === 'success',
-        'icon-warn': this.type === 'warn',
-        'icon-error': this.type === 'error',
-      }) }, getSvg(this.getIconName())), this.content ? h("div", { class: "message" }, this.content) : h("slot", null), h("div", { class: "actions" }, h("slot", { name: "action" }), h("vertex-icon-button", { class: "close", iconName: "close", iconSize: "sm", variant: "plain", onClick: this.handleClose })))));
-  }
-  handleClose() {
-    this.clearCloseTimeout();
-    this.isOpen = false;
-    this.closed.emit();
-  }
-  startCloseTimeout() {
-    if (this.closeTimeout == null && this.duration > 0) {
-      this.closeTimeout = setTimeout(() => {
-        this.handleClose();
-      }, this.duration);
-    }
-  }
-  clearCloseTimeout() {
-    if (this.closeTimeout != null) {
-      clearTimeout(this.closeTimeout);
-      this.closeTimeout = undefined;
-    }
-  }
-  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"]
-  }; }
-  static get style() { return bannerCss; }
-}, [1, "vertex-banner", {
-    "content": [1],
-    "placement": [1],
-    "duration": [2],
-    "animated": [4],
-    "open": [4],
-    "type": [1],
-    "isOpen": [32]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["vertex-banner", "vertex-icon-button", "vertex-popover"];
-  components.forEach(tagName => { switch (tagName) {
-    case "vertex-banner":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, Banner);
-      }
-      break;
-    case "vertex-icon-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "vertex-popover":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const VertexBanner = Banner;
-const defineCustomElement = defineCustomElement$1;
-
-export { Banner as B, VertexBanner, defineCustomElement };
+import{B as o,d as s}from"./p-BZutc-CC.js";const t=o,p=s;export{t as VertexBanner,p as defineCustomElement}

package/dist/components/vertex-button.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface VertexButton extends Components.VertexButton, HTMLElement {}
 export const VertexButton: {
-  prototype: VertexButton;
-  new (): VertexButton;
+    prototype: VertexButton;
+    new (): VertexButton;
 };
 /**
  * Used to define this component and all nested components recursively.