npm - @heartlandone/vega - Versions diffs - 2.2.0 → 2.4.0 - Mend

@heartlandone/vega 2.2.0 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (292) hide show

package/dist/vega/{p-7fd7f79d.entry.js → p-9a95f33b.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as p,h as i,H as t,g as s,c as e,F as d}from"./p-9777b1c1.js";import{s as o}from"./p-63676b71.js";import{g as v}from"./p-96f54c30.js";import"./p-9ad088e0.js";import{f as a}from"./p-b3726704.js";import{I as n}from"./p-50c9b4ac.js";import{I as z}from"./p-4a651b91.js";import{P as g}from"./p-e5692191.js";import{D as h,c as x}from"./p-40291804.js";import{f as l,V as r,v as L}from"./p-88aa975c.js";import{D as b}from"./p-2e7d94cc.js";import{R as m}from"./p-9dcfd5f2.js";import{c as f}from"./p-86194314.js";import{g as M,D as S,f as X}from"./p-de21b1d8.js";import{Z as c}from"./p-3c37039f.js";import{C as y}from"./p-6923b79c.js";import{C as w}from"./p-0ae0df88.js";import{c as u}from"./p-15971fb8.js";import"./p-5fd43609.js";import"./p-29ba4bd0.js";import"./p-cb19da5d.js";import"./p-a90f4bcd.js";import"./p-381a16b8.js";import"./p-f6642024.js";import"./p-e179550a.js";import"./p-47a4c625.js";var j=function(p,i,t,s){var e,d=arguments.length,o=d<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(p,i,t,s);else for(var v=p.length-1;v>=0;v--)(e=p[v])&&(o=(d<3?e(o):d>3?e(i,t,o):e(i,t))\|\|o);return d>3&&o&&Object.defineProperty(i,t,o),o};const k=class{constructor(i){p(this,i),this.globalSlimmers={},this.pageResizeObserverSlimmer=new g,this.dialogDefaultSize=480,this.currentBreakpoint=v(),this.type="default",this.showCancel=!0,this.modalProps={},this.handleCancelBtnClick=p=>{const i=new CustomEvent("vegaClick",{detail:p.detail});this.handleCancel&&!this.handleCancel(i)\|\|this.host.remove()},this.handleOkBtnClick=p=>{const i=new CustomEvent("vegaClick",{detail:p.detail});this.handleOk&&!this.handleOk(i)\|\|this.host.remove()}}render(){var p,s;const e=["default","S"].includes(this.currentBreakpoint),d={default:"default",M:"small"},v="danger"===this.type,a=Object.assign(Object.assign({size:d},this.okButton),{block:e,danger:v}),n=Object.assign(Object.assign({size:d,variant:"secondary"},this.cancelButton),{block:e,danger:v}),z=Object.assign(Object.assign({},this.modalProps),{isVerticallyCentered:void 0!==this.modalProps.isVerticallyCentered\|\|void 0!==this.modalProps.isVerticallyCenter?this.modalProps.isVerticallyCentered\|\|this.modalProps.isVerticallyCenter:e,size:this.modalProps.size\|\|this.dialogDefaultSize,open:!0,modalTitle:this.dialogTitle,backdrop:"static"});return o(i(t,null,i("vega-modal",Object.assign({},z,{ref:p=>{h.addUniqueObserverToNode(p,l,(()=>{this.onModalClose()}))}}),i("div",{slot:"modal-content",class:"vega-dialog-modal-content"},this.content),i("div",{slot:"modal-footer"},i("div",{class:"vega-dialog-actions-container"},this.showCancel&&i("vega-button",Object.assign({},n,{ref:p=>{h.addUniqueObserverToNode(p,r,(p=>{this.handleCancelBtnClick(p)}))}}),(null===(p=this.cancelButton)\|\|void 0===p?void 0:p.label)\|\|"Cancel"),i("vega-button",Object.assign({},a,{ref:p=>{h.addUniqueObserverToNode(p,r,(p=>{this.handleOkBtnClick(p)}))}}),(null===(s=this.okButton)\|\|void 0===s?void 0:s.label)\|\|"OK"))))),this.host)}onModalClose(){this.host.remove()}get host(){return s(this)}};j([z()],k.prototype,"globalSlimmers",void 0),j([n()],k.prototype,"pageResizeObserverSlimmer",void 0),k.style=':host vega-modal{padding-left:16px;padding-right:16px}@media (min-width: 768px){:host vega-modal{padding:0px}}:host .vega-dialog-actions-container{display:flex;justify-content:center;flex-direction:column;gap:12px}@media (min-width: 768px){:host .vega-dialog-actions-container{justify-content:flex-end;flex-direction:row}}:host .vega-dialog-modal-content{font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dialog-modal-content{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dialog-modal-content{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dialog-modal-content{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}';var O=function(p,i,t,s){var e,d=arguments.length,o=d<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(p,i,t,s);else for(var v=p.length-1;v>=0;v--)(e=p[v])&&(o=(d<3?e(o):d>3?e(i,t,o):e(i,t))\|\|o);return d>3&&o&&Object.defineProperty(i,t,o),o};const C=class{constructor(i){p(this,i),this.vegaClose=e(this,"vegaClose",7),this.close=e(this,"close",7),this.vegaOpen=e(this,"vegaOpen",7),this.modalOpen=e(this,"modalOpen",7),this.globalSlimmers={},this.pageResizeObserverSlimmer=new g({callback:()=>{this.setModalWidth("update"),this.setContentMaxHeight()},isDeferred:!0}),this.openEventEmitter=x(C,L),this.closeEventEmitter=x(C,l),this.childNodesEventPrevent=new y([L,l],(()=>this.modalContainer)),this.componentGlobalStyleSlimmer=new w("body.disable-scroll-in-desktop{max-height:100vh !important;overflow:hidden !important}"),this.deprecatedPropertySlimmer=u(C,"isVerticallyCentered","isVerticallyCenter",!1),this.isModalWidthSet=!1,this.backdrop="default",this.open=!1,this.animation=!1,this.modalTitle="",this.backdropColor="default",this.isVerticallyCenter=!1,this.isVerticallyCentered=!1,this.showCloseButton=!0,this.padding="size-24",this.handleClose=void 0,this.closeModal=p=>{p.preventDefault(),p.stopPropagation(),this.handleClose&&!this.handleClose()\|\|(this.open=!1)}}watchSize(){this.setModalWidth("update")}watchOpen(){this.toggle()}disconnectedCallback(){this.open=!1}componentDidLoad(){this.open&&this.toggle(),M()!==S.DESKTOP&&"none"!==this.backdrop&&this.disableBackdropTouchMove(),this.isContentScrollable&&this.listenContentScroll(),this.setContentMaxHeight()}listenDataTarget(p){const i=p.composedPath()[0];"VEGA-MODAL"===i.tagName&&"default"===this.backdrop&&i===this.host&&(this.open=!1),this.host.id&&(i.getAttribute("data-target")===this.host.id\|\|X(i,`[data-target=${this.host.id}]`))&&(p.preventDefault(),this.open=!0)}listenDataDismiss(p){p.target.closest("[data-dismiss='modal']")&&(p.preventDefault(),this.open=!1)}async modal(p){switch(p){case"show":this.open=!0;break;case"hide":this.open=!1}}render(){return o(i(t,{class:{"align-center":this.deprecatedPropertySlimmer.getValue()&&this.open,animation:this.animation}},i("div",{class:"modal-dialog"},this.renderContainer())),this.host)}renderContainer(){const p=a(this.padding,"padding");return i("div",{class:"modal-container",ref:p=>this.modalContainer=p},this.renderHeader(p),this.renderContent(p),this.renderFooter(p))}renderHeader(p){return i("div",{class:{"vega-modal-header":!0,"vega-modal-header-with-title":this.hasModalTitle(),"vega-modal-header-with-icon":this.showCloseButton,"vega-modal-header-with-content-scroll":this.isContentScrollable(),[p]:!0}},this.renderTitle(),this.showCloseButton&&this.renderCloseBtn())}renderContent(p){const t=this.host.querySelector('[slot="modal-content"]')\|\|this.host.querySelector('[slot="content"]');return i("div",{class:{"vega-modal-content":!0,"vega-modal-content-with-scroll":this.isContentScrollable(),[p]:!0},ref:p=>this.modalContent=p},t?i(d,null,i("slot",{name:"content"}),i("slot",{name:"modal-content"})):i("slot",null))}renderFooter(p){return i("div",{class:{"vega-modal-footer":!0,"vega-modal-footer-with-slot":this.hasModalFooter(),"vega-modal-footer-with-content-scroll":this.isContentScrollable(),[p]:!0},ref:p=>this.modalFooter=p},i(d,null,i("slot",{name:"footer"}),i("slot",{name:"modal-footer"})))}renderTitle(){return i("div",{class:"vega-modal-title"},this.modalTitle?i("div",{innerHTML:this.modalTitle}):i(d,null,i("slot",{name:"title"}),i("slot",{name:"modal-title"})))}renderCloseBtn(){return i("div",{"aria-label":"Close Button",class:"vega-modal-close-btn","data-dismiss":"modal",onClick:this.closeModal,role:"button",tabIndex:0,onKeyDown:f()},i("vega-icon",{icon:"close",size:"size-16"}))}hasModalFooter(){return null!==this.host.querySelector("[slot='modal-footer']")\|\|null!==this.host.querySelector("[slot='footer']")}isContentScrollable(){return Boolean(this.contentMaxHeight)}hasModalTitle(){return Boolean(this.modalTitle)\|\|null!==this.host.querySelector("[slot='modal-title']")\|\|null!==this.host.querySelector("[slot='title']")}listenContentScroll(){this.modalContent.addEventListener("scroll",(()=>{this.modalContent.scrollHeight-this.modalContent.scrollTop<=this.modalContent.clientHeight?this.modalFooter.classList.add("vega-modal-footer-with-content-scroll-to-bottom"):this.modalFooter.classList.remove("vega-modal-footer-with-content-scroll-to-bottom")}))}toggle(){this.open?this.pushToModalStack():this.popFromModalStack(),this.updateDocumentRootOverflow(),this.setBackdrop(),this.setModalZIndex(),this.setModalWidth(),this.emitEvent(),this.setModalVisibility()}setModalZIndex(){if(this.open)c.setZIndex(this.backdropRef,"base"),c.setZIndex(this.host,"base");else{c.removeZIndex(this.backdropRef,"base"),c.removeZIndex(this.host,"base");const p=this.getVisibleModalLength();p>0&&(c.setZIndex(this.backdropRef,"base"),c.setZIndex(C.openedModalStack[p-1],"base")),this.removeBackdropWhileNoModalShow()}}setModalWidth(p="initialize"){if(this.isModalWidthSet&&"initialize"===p)return;const i=this.getModalSize();this.host.shadowRoot.querySelector(".modal-dialog").style.width="number"==typeof i?`${i}px`:`${i}`,this.isModalWidthSet=!0}setContentMaxHeight(){const p=m.formatCustom(this.contentMaxHeight);p&&(this.modalContent.style.maxHeight=`${p}px`)}setModalVisibility(){this.host.style.display=this.open?"flex":"none"}emitEvent(){this.open?this.openEventEmitter.emit():this.closeEventEmitter.emit()}getModalSize(){return m.format(this.size,"size")\|\|b[v()]}setBackdrop(){if("none"===this.backdrop)return;let p=document.querySelector("vega-backdrop.modal-backdrop");p\|\|(p=document.createElement("vega-backdrop"),p.classList.add("modal-backdrop"),p.color=C.backdropColorMap[this.backdropColor],p.visible=!0,document.querySelector("body").append(p)),this.backdropRef=p}removeBackdropWhileNoModalShow(){0===this.getVisibleModalLength()&&this.backdropRef&&this.backdropRef.remove()}getVisibleModalLength(){return C.openedModalStack.length}updateDocumentRootOverflow(){"none"!==this.backdrop&&(this.open&&1===this.getVisibleModalLength()?document.body.classList.add("disable-scroll-in-desktop"):this.open\|\|0!==this.getVisibleModalLength()\|\|document.body.classList.remove("disable-scroll-in-desktop"))}pushToModalStack(){C.openedModalStack.push(this.host)}popFromModalStack(){C.openedModalStack.pop()}disableBackdropTouchMove(){this.host.addEventListener("touchstart",(p=>{this.touchStartY=p.targetTouches[0].pageY}),{capture:!0}),this.host.addEventListener("touchmove",(p=>{p.target===this.host&&(this.host.scrollTop<=0&&this.touchStartY<p.targetTouches[0].pageY\|\|this.host.scrollHeight-this.host.scrollTop<=this.host.clientHeight&&this.touchStartY>p.targetTouches[0].pageY)&&p.preventDefault()}),{capture:!0})}get host(){return s(this)}static get watchers(){return{size:["watchSize"],open:["watchOpen"]}}};C.openedModalStack=[],C.backdropColorMap={default:"bg-backdrop-modal",semi:"bg-backdrop-popover",none:"bg-transparent"},O([z()],C.prototype,"globalSlimmers",void 0),O([n()],C.prototype,"pageResizeObserverSlimmer",void 0),O([n()],C.prototype,"openEventEmitter",void 0),O([n()],C.prototype,"closeEventEmitter",void 0),O([n()],C.prototype,"childNodesEventPrevent",void 0),O([n()],C.prototype,"componentGlobalStyleSlimmer",void 0),O([n()],C.prototype,"deprecatedPropertySlimmer",void 0),C.style=':host(.v-p-0),.v-p-0{padding:0px}:host(.v-px-0),.v-px-0{padding-left:0px;padding-right:0px}:host(.v-py-0),.v-py-0{padding-top:0px;padding-bottom:0px}:host(.v-pt-0),.v-pt-0{padding-top:0px}:host(.v-pb-0),.v-pb-0{padding-bottom:0px}:host(.v-pr-0),.v-pr-0{padding-right:0px}:host(.v-pl-0),.v-pl-0{padding-left:0px}:host(.v-p-size-0),.v-p-size-0{padding:0px}:host(.v-px-size-0),.v-px-size-0{padding-left:0px;padding-right:0px}:host(.v-py-size-0),.v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.v-pt-size-0),.v-pt-size-0{padding-top:0px}:host(.v-pb-size-0),.v-pb-size-0{padding-bottom:0px}:host(.v-pr-size-0),.v-pr-size-0{padding-right:0px}:host(.v-pl-size-0),.v-pl-size-0{padding-left:0px}:host(.v-p-size-4),.v-p-size-4{padding:4px}:host(.v-px-size-4),.v-px-size-4{padding-left:4px;padding-right:4px}:host(.v-py-size-4),.v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.v-pt-size-4),.v-pt-size-4{padding-top:4px}:host(.v-pb-size-4),.v-pb-size-4{padding-bottom:4px}:host(.v-pr-size-4),.v-pr-size-4{padding-right:4px}:host(.v-pl-size-4),.v-pl-size-4{padding-left:4px}:host(.v-p-size-8),.v-p-size-8{padding:8px}:host(.v-px-size-8),.v-px-size-8{padding-left:8px;padding-right:8px}:host(.v-py-size-8),.v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.v-pt-size-8),.v-pt-size-8{padding-top:8px}:host(.v-pb-size-8),.v-pb-size-8{padding-bottom:8px}:host(.v-pr-size-8),.v-pr-size-8{padding-right:8px}:host(.v-pl-size-8),.v-pl-size-8{padding-left:8px}:host(.v-p-size-12),.v-p-size-12{padding:12px}:host(.v-px-size-12),.v-px-size-12{padding-left:12px;padding-right:12px}:host(.v-py-size-12),.v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.v-pt-size-12),.v-pt-size-12{padding-top:12px}:host(.v-pb-size-12),.v-pb-size-12{padding-bottom:12px}:host(.v-pr-size-12),.v-pr-size-12{padding-right:12px}:host(.v-pl-size-12),.v-pl-size-12{padding-left:12px}:host(.v-p-size-16),.v-p-size-16{padding:16px}:host(.v-px-size-16),.v-px-size-16{padding-left:16px;padding-right:16px}:host(.v-py-size-16),.v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.v-pt-size-16),.v-pt-size-16{padding-top:16px}:host(.v-pb-size-16),.v-pb-size-16{padding-bottom:16px}:host(.v-pr-size-16),.v-pr-size-16{padding-right:16px}:host(.v-pl-size-16),.v-pl-size-16{padding-left:16px}:host(.v-p-size-20),.v-p-size-20{padding:20px}:host(.v-px-size-20),.v-px-size-20{padding-left:20px;padding-right:20px}:host(.v-py-size-20),.v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.v-pt-size-20),.v-pt-size-20{padding-top:20px}:host(.v-pb-size-20),.v-pb-size-20{padding-bottom:20px}:host(.v-pr-size-20),.v-pr-size-20{padding-right:20px}:host(.v-pl-size-20),.v-pl-size-20{padding-left:20px}:host(.v-p-size-24),.v-p-size-24{padding:24px}:host(.v-px-size-24),.v-px-size-24{padding-left:24px;padding-right:24px}:host(.v-py-size-24),.v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.v-pt-size-24),.v-pt-size-24{padding-top:24px}:host(.v-pb-size-24),.v-pb-size-24{padding-bottom:24px}:host(.v-pr-size-24),.v-pr-size-24{padding-right:24px}:host(.v-pl-size-24),.v-pl-size-24{padding-left:24px}:host(.v-p-size-32),.v-p-size-32{padding:32px}:host(.v-px-size-32),.v-px-size-32{padding-left:32px;padding-right:32px}:host(.v-py-size-32),.v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.v-pt-size-32),.v-pt-size-32{padding-top:32px}:host(.v-pb-size-32),.v-pb-size-32{padding-bottom:32px}:host(.v-pr-size-32),.v-pr-size-32{padding-right:32px}:host(.v-pl-size-32),.v-pl-size-32{padding-left:32px}:host(.v-p-size-40),.v-p-size-40{padding:40px}:host(.v-px-size-40),.v-px-size-40{padding-left:40px;padding-right:40px}:host(.v-py-size-40),.v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.v-pt-size-40),.v-pt-size-40{padding-top:40px}:host(.v-pb-size-40),.v-pb-size-40{padding-bottom:40px}:host(.v-pr-size-40),.v-pr-size-40{padding-right:40px}:host(.v-pl-size-40),.v-pl-size-40{padding-left:40px}:host(.v-p-size-48),.v-p-size-48{padding:48px}:host(.v-px-size-48),.v-px-size-48{padding-left:48px;padding-right:48px}:host(.v-py-size-48),.v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.v-pt-size-48),.v-pt-size-48{padding-top:48px}:host(.v-pb-size-48),.v-pb-size-48{padding-bottom:48px}:host(.v-pr-size-48),.v-pr-size-48{padding-right:48px}:host(.v-pl-size-48),.v-pl-size-48{padding-left:48px}:host(.v-p-size-64),.v-p-size-64{padding:64px}:host(.v-px-size-64),.v-px-size-64{padding-left:64px;padding-right:64px}:host(.v-py-size-64),.v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.v-pt-size-64),.v-pt-size-64{padding-top:64px}:host(.v-pb-size-64),.v-pb-size-64{padding-bottom:64px}:host(.v-pr-size-64),.v-pr-size-64{padding-right:64px}:host(.v-pl-size-64),.v-pl-size-64{padding-left:64px}:host(.v-p-size-72),.v-p-size-72{padding:72px}:host(.v-px-size-72),.v-px-size-72{padding-left:72px;padding-right:72px}:host(.v-py-size-72),.v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.v-pt-size-72),.v-pt-size-72{padding-top:72px}:host(.v-pb-size-72),.v-pb-size-72{padding-bottom:72px}:host(.v-pr-size-72),.v-pr-size-72{padding-right:72px}:host(.v-pl-size-72),.v-pl-size-72{padding-left:72px}:host(.v-p-size-80),.v-p-size-80{padding:80px}:host(.v-px-size-80),.v-px-size-80{padding-left:80px;padding-right:80px}:host(.v-py-size-80),.v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.v-pt-size-80),.v-pt-size-80{padding-top:80px}:host(.v-pb-size-80),.v-pb-size-80{padding-bottom:80px}:host(.v-pr-size-80),.v-pr-size-80{padding-right:80px}:host(.v-pl-size-80),.v-pl-size-80{padding-left:80px}:host(.v-p-size-112),.v-p-size-112{padding:112px}:host(.v-px-size-112),.v-px-size-112{padding-left:112px;padding-right:112px}:host(.v-py-size-112),.v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.v-pt-size-112),.v-pt-size-112{padding-top:112px}:host(.v-pb-size-112),.v-pb-size-112{padding-bottom:112px}:host(.v-pr-size-112),.v-pr-size-112{padding-right:112px}:host(.v-pl-size-112),.v-pl-size-112{padding-left:112px}:host(.v-p-size-2),.v-p-size-2{padding:2px}:host(.v-px-size-2),.v-px-size-2{padding-left:2px;padding-right:2px}:host(.v-py-size-2),.v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.v-pt-size-2),.v-pt-size-2{padding-top:2px}:host(.v-pb-size-2),.v-pb-size-2{padding-bottom:2px}:host(.v-pr-size-2),.v-pr-size-2{padding-right:2px}:host(.v-pl-size-2),.v-pl-size-2{padding-left:2px}@media (min-width: 320px){:host(.S\\:v-p-0),.S\\:v-p-0{padding:0px}:host(.S\\:v-px-0),.S\\:v-px-0{padding-left:0px;padding-right:0px}:host(.S\\:v-py-0),.S\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.S\\:v-pt-0),.S\\:v-pt-0{padding-top:0px}:host(.S\\:v-pb-0),.S\\:v-pb-0{padding-bottom:0px}:host(.S\\:v-pr-0),.S\\:v-pr-0{padding-right:0px}:host(.S\\:v-pl-0),.S\\:v-pl-0{padding-left:0px}:host(.S\\:v-p-size-0),.S\\:v-p-size-0{padding:0px}:host(.S\\:v-px-size-0),.S\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.S\\:v-py-size-0),.S\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.S\\:v-pt-size-0),.S\\:v-pt-size-0{padding-top:0px}:host(.S\\:v-pb-size-0),.S\\:v-pb-size-0{padding-bottom:0px}:host(.S\\:v-pr-size-0),.S\\:v-pr-size-0{padding-right:0px}:host(.S\\:v-pl-size-0),.S\\:v-pl-size-0{padding-left:0px}:host(.S\\:v-p-size-4),.S\\:v-p-size-4{padding:4px}:host(.S\\:v-px-size-4),.S\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.S\\:v-py-size-4),.S\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.S\\:v-pt-size-4),.S\\:v-pt-size-4{padding-top:4px}:host(.S\\:v-pb-size-4),.S\\:v-pb-size-4{padding-bottom:4px}:host(.S\\:v-pr-size-4),.S\\:v-pr-size-4{padding-right:4px}:host(.S\\:v-pl-size-4),.S\\:v-pl-size-4{padding-left:4px}:host(.S\\:v-p-size-8),.S\\:v-p-size-8{padding:8px}:host(.S\\:v-px-size-8),.S\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.S\\:v-py-size-8),.S\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.S\\:v-pt-size-8),.S\\:v-pt-size-8{padding-top:8px}:host(.S\\:v-pb-size-8),.S\\:v-pb-size-8{padding-bottom:8px}:host(.S\\:v-pr-size-8),.S\\:v-pr-size-8{padding-right:8px}:host(.S\\:v-pl-size-8),.S\\:v-pl-size-8{padding-left:8px}:host(.S\\:v-p-size-12),.S\\:v-p-size-12{padding:12px}:host(.S\\:v-px-size-12),.S\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.S\\:v-py-size-12),.S\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.S\\:v-pt-size-12),.S\\:v-pt-size-12{padding-top:12px}:host(.S\\:v-pb-size-12),.S\\:v-pb-size-12{padding-bottom:12px}:host(.S\\:v-pr-size-12),.S\\:v-pr-size-12{padding-right:12px}:host(.S\\:v-pl-size-12),.S\\:v-pl-size-12{padding-left:12px}:host(.S\\:v-p-size-16),.S\\:v-p-size-16{padding:16px}:host(.S\\:v-px-size-16),.S\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.S\\:v-py-size-16),.S\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.S\\:v-pt-size-16),.S\\:v-pt-size-16{padding-top:16px}:host(.S\\:v-pb-size-16),.S\\:v-pb-size-16{padding-bottom:16px}:host(.S\\:v-pr-size-16),.S\\:v-pr-size-16{padding-right:16px}:host(.S\\:v-pl-size-16),.S\\:v-pl-size-16{padding-left:16px}:host(.S\\:v-p-size-20),.S\\:v-p-size-20{padding:20px}:host(.S\\:v-px-size-20),.S\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.S\\:v-py-size-20),.S\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.S\\:v-pt-size-20),.S\\:v-pt-size-20{padding-top:20px}:host(.S\\:v-pb-size-20),.S\\:v-pb-size-20{padding-bottom:20px}:host(.S\\:v-pr-size-20),.S\\:v-pr-size-20{padding-right:20px}:host(.S\\:v-pl-size-20),.S\\:v-pl-size-20{padding-left:20px}:host(.S\\:v-p-size-24),.S\\:v-p-size-24{padding:24px}:host(.S\\:v-px-size-24),.S\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.S\\:v-py-size-24),.S\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.S\\:v-pt-size-24),.S\\:v-pt-size-24{padding-top:24px}:host(.S\\:v-pb-size-24),.S\\:v-pb-size-24{padding-bottom:24px}:host(.S\\:v-pr-size-24),.S\\:v-pr-size-24{padding-right:24px}:host(.S\\:v-pl-size-24),.S\\:v-pl-size-24{padding-left:24px}:host(.S\\:v-p-size-32),.S\\:v-p-size-32{padding:32px}:host(.S\\:v-px-size-32),.S\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.S\\:v-py-size-32),.S\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.S\\:v-pt-size-32),.S\\:v-pt-size-32{padding-top:32px}:host(.S\\:v-pb-size-32),.S\\:v-pb-size-32{padding-bottom:32px}:host(.S\\:v-pr-size-32),.S\\:v-pr-size-32{padding-right:32px}:host(.S\\:v-pl-size-32),.S\\:v-pl-size-32{padding-left:32px}:host(.S\\:v-p-size-40),.S\\:v-p-size-40{padding:40px}:host(.S\\:v-px-size-40),.S\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.S\\:v-py-size-40),.S\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.S\\:v-pt-size-40),.S\\:v-pt-size-40{padding-top:40px}:host(.S\\:v-pb-size-40),.S\\:v-pb-size-40{padding-bottom:40px}:host(.S\\:v-pr-size-40),.S\\:v-pr-size-40{padding-right:40px}:host(.S\\:v-pl-size-40),.S\\:v-pl-size-40{padding-left:40px}:host(.S\\:v-p-size-48),.S\\:v-p-size-48{padding:48px}:host(.S\\:v-px-size-48),.S\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.S\\:v-py-size-48),.S\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.S\\:v-pt-size-48),.S\\:v-pt-size-48{padding-top:48px}:host(.S\\:v-pb-size-48),.S\\:v-pb-size-48{padding-bottom:48px}:host(.S\\:v-pr-size-48),.S\\:v-pr-size-48{padding-right:48px}:host(.S\\:v-pl-size-48),.S\\:v-pl-size-48{padding-left:48px}:host(.S\\:v-p-size-64),.S\\:v-p-size-64{padding:64px}:host(.S\\:v-px-size-64),.S\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.S\\:v-py-size-64),.S\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.S\\:v-pt-size-64),.S\\:v-pt-size-64{padding-top:64px}:host(.S\\:v-pb-size-64),.S\\:v-pb-size-64{padding-bottom:64px}:host(.S\\:v-pr-size-64),.S\\:v-pr-size-64{padding-right:64px}:host(.S\\:v-pl-size-64),.S\\:v-pl-size-64{padding-left:64px}:host(.S\\:v-p-size-72),.S\\:v-p-size-72{padding:72px}:host(.S\\:v-px-size-72),.S\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.S\\:v-py-size-72),.S\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.S\\:v-pt-size-72),.S\\:v-pt-size-72{padding-top:72px}:host(.S\\:v-pb-size-72),.S\\:v-pb-size-72{padding-bottom:72px}:host(.S\\:v-pr-size-72),.S\\:v-pr-size-72{padding-right:72px}:host(.S\\:v-pl-size-72),.S\\:v-pl-size-72{padding-left:72px}:host(.S\\:v-p-size-80),.S\\:v-p-size-80{padding:80px}:host(.S\\:v-px-size-80),.S\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.S\\:v-py-size-80),.S\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.S\\:v-pt-size-80),.S\\:v-pt-size-80{padding-top:80px}:host(.S\\:v-pb-size-80),.S\\:v-pb-size-80{padding-bottom:80px}:host(.S\\:v-pr-size-80),.S\\:v-pr-size-80{padding-right:80px}:host(.S\\:v-pl-size-80),.S\\:v-pl-size-80{padding-left:80px}:host(.S\\:v-p-size-112),.S\\:v-p-size-112{padding:112px}:host(.S\\:v-px-size-112),.S\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.S\\:v-py-size-112),.S\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.S\\:v-pt-size-112),.S\\:v-pt-size-112{padding-top:112px}:host(.S\\:v-pb-size-112),.S\\:v-pb-size-112{padding-bottom:112px}:host(.S\\:v-pr-size-112),.S\\:v-pr-size-112{padding-right:112px}:host(.S\\:v-pl-size-112),.S\\:v-pl-size-112{padding-left:112px}:host(.S\\:v-p-size-2),.S\\:v-p-size-2{padding:2px}:host(.S\\:v-px-size-2),.S\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.S\\:v-py-size-2),.S\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.S\\:v-pt-size-2),.S\\:v-pt-size-2{padding-top:2px}:host(.S\\:v-pb-size-2),.S\\:v-pb-size-2{padding-bottom:2px}:host(.S\\:v-pr-size-2),.S\\:v-pr-size-2{padding-right:2px}:host(.S\\:v-pl-size-2),.S\\:v-pl-size-2{padding-left:2px}}@media (min-width: 768px){:host(.M\\:v-p-0),.M\\:v-p-0{padding:0px}:host(.M\\:v-px-0),.M\\:v-px-0{padding-left:0px;padding-right:0px}:host(.M\\:v-py-0),.M\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.M\\:v-pt-0),.M\\:v-pt-0{padding-top:0px}:host(.M\\:v-pb-0),.M\\:v-pb-0{padding-bottom:0px}:host(.M\\:v-pr-0),.M\\:v-pr-0{padding-right:0px}:host(.M\\:v-pl-0),.M\\:v-pl-0{padding-left:0px}:host(.M\\:v-p-size-0),.M\\:v-p-size-0{padding:0px}:host(.M\\:v-px-size-0),.M\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.M\\:v-py-size-0),.M\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.M\\:v-pt-size-0),.M\\:v-pt-size-0{padding-top:0px}:host(.M\\:v-pb-size-0),.M\\:v-pb-size-0{padding-bottom:0px}:host(.M\\:v-pr-size-0),.M\\:v-pr-size-0{padding-right:0px}:host(.M\\:v-pl-size-0),.M\\:v-pl-size-0{padding-left:0px}:host(.M\\:v-p-size-4),.M\\:v-p-size-4{padding:4px}:host(.M\\:v-px-size-4),.M\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.M\\:v-py-size-4),.M\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.M\\:v-pt-size-4),.M\\:v-pt-size-4{padding-top:4px}:host(.M\\:v-pb-size-4),.M\\:v-pb-size-4{padding-bottom:4px}:host(.M\\:v-pr-size-4),.M\\:v-pr-size-4{padding-right:4px}:host(.M\\:v-pl-size-4),.M\\:v-pl-size-4{padding-left:4px}:host(.M\\:v-p-size-8),.M\\:v-p-size-8{padding:8px}:host(.M\\:v-px-size-8),.M\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.M\\:v-py-size-8),.M\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.M\\:v-pt-size-8),.M\\:v-pt-size-8{padding-top:8px}:host(.M\\:v-pb-size-8),.M\\:v-pb-size-8{padding-bottom:8px}:host(.M\\:v-pr-size-8),.M\\:v-pr-size-8{padding-right:8px}:host(.M\\:v-pl-size-8),.M\\:v-pl-size-8{padding-left:8px}:host(.M\\:v-p-size-12),.M\\:v-p-size-12{padding:12px}:host(.M\\:v-px-size-12),.M\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.M\\:v-py-size-12),.M\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.M\\:v-pt-size-12),.M\\:v-pt-size-12{padding-top:12px}:host(.M\\:v-pb-size-12),.M\\:v-pb-size-12{padding-bottom:12px}:host(.M\\:v-pr-size-12),.M\\:v-pr-size-12{padding-right:12px}:host(.M\\:v-pl-size-12),.M\\:v-pl-size-12{padding-left:12px}:host(.M\\:v-p-size-16),.M\\:v-p-size-16{padding:16px}:host(.M\\:v-px-size-16),.M\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.M\\:v-py-size-16),.M\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.M\\:v-pt-size-16),.M\\:v-pt-size-16{padding-top:16px}:host(.M\\:v-pb-size-16),.M\\:v-pb-size-16{padding-bottom:16px}:host(.M\\:v-pr-size-16),.M\\:v-pr-size-16{padding-right:16px}:host(.M\\:v-pl-size-16),.M\\:v-pl-size-16{padding-left:16px}:host(.M\\:v-p-size-20),.M\\:v-p-size-20{padding:20px}:host(.M\\:v-px-size-20),.M\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.M\\:v-py-size-20),.M\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.M\\:v-pt-size-20),.M\\:v-pt-size-20{padding-top:20px}:host(.M\\:v-pb-size-20),.M\\:v-pb-size-20{padding-bottom:20px}:host(.M\\:v-pr-size-20),.M\\:v-pr-size-20{padding-right:20px}:host(.M\\:v-pl-size-20),.M\\:v-pl-size-20{padding-left:20px}:host(.M\\:v-p-size-24),.M\\:v-p-size-24{padding:24px}:host(.M\\:v-px-size-24),.M\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.M\\:v-py-size-24),.M\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.M\\:v-pt-size-24),.M\\:v-pt-size-24{padding-top:24px}:host(.M\\:v-pb-size-24),.M\\:v-pb-size-24{padding-bottom:24px}:host(.M\\:v-pr-size-24),.M\\:v-pr-size-24{padding-right:24px}:host(.M\\:v-pl-size-24),.M\\:v-pl-size-24{padding-left:24px}:host(.M\\:v-p-size-32),.M\\:v-p-size-32{padding:32px}:host(.M\\:v-px-size-32),.M\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.M\\:v-py-size-32),.M\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.M\\:v-pt-size-32),.M\\:v-pt-size-32{padding-top:32px}:host(.M\\:v-pb-size-32),.M\\:v-pb-size-32{padding-bottom:32px}:host(.M\\:v-pr-size-32),.M\\:v-pr-size-32{padding-right:32px}:host(.M\\:v-pl-size-32),.M\\:v-pl-size-32{padding-left:32px}:host(.M\\:v-p-size-40),.M\\:v-p-size-40{padding:40px}:host(.M\\:v-px-size-40),.M\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.M\\:v-py-size-40),.M\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.M\\:v-pt-size-40),.M\\:v-pt-size-40{padding-top:40px}:host(.M\\:v-pb-size-40),.M\\:v-pb-size-40{padding-bottom:40px}:host(.M\\:v-pr-size-40),.M\\:v-pr-size-40{padding-right:40px}:host(.M\\:v-pl-size-40),.M\\:v-pl-size-40{padding-left:40px}:host(.M\\:v-p-size-48),.M\\:v-p-size-48{padding:48px}:host(.M\\:v-px-size-48),.M\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.M\\:v-py-size-48),.M\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.M\\:v-pt-size-48),.M\\:v-pt-size-48{padding-top:48px}:host(.M\\:v-pb-size-48),.M\\:v-pb-size-48{padding-bottom:48px}:host(.M\\:v-pr-size-48),.M\\:v-pr-size-48{padding-right:48px}:host(.M\\:v-pl-size-48),.M\\:v-pl-size-48{padding-left:48px}:host(.M\\:v-p-size-64),.M\\:v-p-size-64{padding:64px}:host(.M\\:v-px-size-64),.M\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.M\\:v-py-size-64),.M\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.M\\:v-pt-size-64),.M\\:v-pt-size-64{padding-top:64px}:host(.M\\:v-pb-size-64),.M\\:v-pb-size-64{padding-bottom:64px}:host(.M\\:v-pr-size-64),.M\\:v-pr-size-64{padding-right:64px}:host(.M\\:v-pl-size-64),.M\\:v-pl-size-64{padding-left:64px}:host(.M\\:v-p-size-72),.M\\:v-p-size-72{padding:72px}:host(.M\\:v-px-size-72),.M\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.M\\:v-py-size-72),.M\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.M\\:v-pt-size-72),.M\\:v-pt-size-72{padding-top:72px}:host(.M\\:v-pb-size-72),.M\\:v-pb-size-72{padding-bottom:72px}:host(.M\\:v-pr-size-72),.M\\:v-pr-size-72{padding-right:72px}:host(.M\\:v-pl-size-72),.M\\:v-pl-size-72{padding-left:72px}:host(.M\\:v-p-size-80),.M\\:v-p-size-80{padding:80px}:host(.M\\:v-px-size-80),.M\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.M\\:v-py-size-80),.M\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.M\\:v-pt-size-80),.M\\:v-pt-size-80{padding-top:80px}:host(.M\\:v-pb-size-80),.M\\:v-pb-size-80{padding-bottom:80px}:host(.M\\:v-pr-size-80),.M\\:v-pr-size-80{padding-right:80px}:host(.M\\:v-pl-size-80),.M\\:v-pl-size-80{padding-left:80px}:host(.M\\:v-p-size-112),.M\\:v-p-size-112{padding:112px}:host(.M\\:v-px-size-112),.M\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.M\\:v-py-size-112),.M\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.M\\:v-pt-size-112),.M\\:v-pt-size-112{padding-top:112px}:host(.M\\:v-pb-size-112),.M\\:v-pb-size-112{padding-bottom:112px}:host(.M\\:v-pr-size-112),.M\\:v-pr-size-112{padding-right:112px}:host(.M\\:v-pl-size-112),.M\\:v-pl-size-112{padding-left:112px}:host(.M\\:v-p-size-2),.M\\:v-p-size-2{padding:2px}:host(.M\\:v-px-size-2),.M\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.M\\:v-py-size-2),.M\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.M\\:v-pt-size-2),.M\\:v-pt-size-2{padding-top:2px}:host(.M\\:v-pb-size-2),.M\\:v-pb-size-2{padding-bottom:2px}:host(.M\\:v-pr-size-2),.M\\:v-pr-size-2{padding-right:2px}:host(.M\\:v-pl-size-2),.M\\:v-pl-size-2{padding-left:2px}}@media (min-width: 1024px){:host(.L\\:v-p-0),.L\\:v-p-0{padding:0px}:host(.L\\:v-px-0),.L\\:v-px-0{padding-left:0px;padding-right:0px}:host(.L\\:v-py-0),.L\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.L\\:v-pt-0),.L\\:v-pt-0{padding-top:0px}:host(.L\\:v-pb-0),.L\\:v-pb-0{padding-bottom:0px}:host(.L\\:v-pr-0),.L\\:v-pr-0{padding-right:0px}:host(.L\\:v-pl-0),.L\\:v-pl-0{padding-left:0px}:host(.L\\:v-p-size-0),.L\\:v-p-size-0{padding:0px}:host(.L\\:v-px-size-0),.L\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.L\\:v-py-size-0),.L\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.L\\:v-pt-size-0),.L\\:v-pt-size-0{padding-top:0px}:host(.L\\:v-pb-size-0),.L\\:v-pb-size-0{padding-bottom:0px}:host(.L\\:v-pr-size-0),.L\\:v-pr-size-0{padding-right:0px}:host(.L\\:v-pl-size-0),.L\\:v-pl-size-0{padding-left:0px}:host(.L\\:v-p-size-4),.L\\:v-p-size-4{padding:4px}:host(.L\\:v-px-size-4),.L\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.L\\:v-py-size-4),.L\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.L\\:v-pt-size-4),.L\\:v-pt-size-4{padding-top:4px}:host(.L\\:v-pb-size-4),.L\\:v-pb-size-4{padding-bottom:4px}:host(.L\\:v-pr-size-4),.L\\:v-pr-size-4{padding-right:4px}:host(.L\\:v-pl-size-4),.L\\:v-pl-size-4{padding-left:4px}:host(.L\\:v-p-size-8),.L\\:v-p-size-8{padding:8px}:host(.L\\:v-px-size-8),.L\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.L\\:v-py-size-8),.L\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.L\\:v-pt-size-8),.L\\:v-pt-size-8{padding-top:8px}:host(.L\\:v-pb-size-8),.L\\:v-pb-size-8{padding-bottom:8px}:host(.L\\:v-pr-size-8),.L\\:v-pr-size-8{padding-right:8px}:host(.L\\:v-pl-size-8),.L\\:v-pl-size-8{padding-left:8px}:host(.L\\:v-p-size-12),.L\\:v-p-size-12{padding:12px}:host(.L\\:v-px-size-12),.L\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.L\\:v-py-size-12),.L\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.L\\:v-pt-size-12),.L\\:v-pt-size-12{padding-top:12px}:host(.L\\:v-pb-size-12),.L\\:v-pb-size-12{padding-bottom:12px}:host(.L\\:v-pr-size-12),.L\\:v-pr-size-12{padding-right:12px}:host(.L\\:v-pl-size-12),.L\\:v-pl-size-12{padding-left:12px}:host(.L\\:v-p-size-16),.L\\:v-p-size-16{padding:16px}:host(.L\\:v-px-size-16),.L\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.L\\:v-py-size-16),.L\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.L\\:v-pt-size-16),.L\\:v-pt-size-16{padding-top:16px}:host(.L\\:v-pb-size-16),.L\\:v-pb-size-16{padding-bottom:16px}:host(.L\\:v-pr-size-16),.L\\:v-pr-size-16{padding-right:16px}:host(.L\\:v-pl-size-16),.L\\:v-pl-size-16{padding-left:16px}:host(.L\\:v-p-size-20),.L\\:v-p-size-20{padding:20px}:host(.L\\:v-px-size-20),.L\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.L\\:v-py-size-20),.L\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.L\\:v-pt-size-20),.L\\:v-pt-size-20{padding-top:20px}:host(.L\\:v-pb-size-20),.L\\:v-pb-size-20{padding-bottom:20px}:host(.L\\:v-pr-size-20),.L\\:v-pr-size-20{padding-right:20px}:host(.L\\:v-pl-size-20),.L\\:v-pl-size-20{padding-left:20px}:host(.L\\:v-p-size-24),.L\\:v-p-size-24{padding:24px}:host(.L\\:v-px-size-24),.L\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.L\\:v-py-size-24),.L\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.L\\:v-pt-size-24),.L\\:v-pt-size-24{padding-top:24px}:host(.L\\:v-pb-size-24),.L\\:v-pb-size-24{padding-bottom:24px}:host(.L\\:v-pr-size-24),.L\\:v-pr-size-24{padding-right:24px}:host(.L\\:v-pl-size-24),.L\\:v-pl-size-24{padding-left:24px}:host(.L\\:v-p-size-32),.L\\:v-p-size-32{padding:32px}:host(.L\\:v-px-size-32),.L\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.L\\:v-py-size-32),.L\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.L\\:v-pt-size-32),.L\\:v-pt-size-32{padding-top:32px}:host(.L\\:v-pb-size-32),.L\\:v-pb-size-32{padding-bottom:32px}:host(.L\\:v-pr-size-32),.L\\:v-pr-size-32{padding-right:32px}:host(.L\\:v-pl-size-32),.L\\:v-pl-size-32{padding-left:32px}:host(.L\\:v-p-size-40),.L\\:v-p-size-40{padding:40px}:host(.L\\:v-px-size-40),.L\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.L\\:v-py-size-40),.L\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.L\\:v-pt-size-40),.L\\:v-pt-size-40{padding-top:40px}:host(.L\\:v-pb-size-40),.L\\:v-pb-size-40{padding-bottom:40px}:host(.L\\:v-pr-size-40),.L\\:v-pr-size-40{padding-right:40px}:host(.L\\:v-pl-size-40),.L\\:v-pl-size-40{padding-left:40px}:host(.L\\:v-p-size-48),.L\\:v-p-size-48{padding:48px}:host(.L\\:v-px-size-48),.L\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.L\\:v-py-size-48),.L\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.L\\:v-pt-size-48),.L\\:v-pt-size-48{padding-top:48px}:host(.L\\:v-pb-size-48),.L\\:v-pb-size-48{padding-bottom:48px}:host(.L\\:v-pr-size-48),.L\\:v-pr-size-48{padding-right:48px}:host(.L\\:v-pl-size-48),.L\\:v-pl-size-48{padding-left:48px}:host(.L\\:v-p-size-64),.L\\:v-p-size-64{padding:64px}:host(.L\\:v-px-size-64),.L\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.L\\:v-py-size-64),.L\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.L\\:v-pt-size-64),.L\\:v-pt-size-64{padding-top:64px}:host(.L\\:v-pb-size-64),.L\\:v-pb-size-64{padding-bottom:64px}:host(.L\\:v-pr-size-64),.L\\:v-pr-size-64{padding-right:64px}:host(.L\\:v-pl-size-64),.L\\:v-pl-size-64{padding-left:64px}:host(.L\\:v-p-size-72),.L\\:v-p-size-72{padding:72px}:host(.L\\:v-px-size-72),.L\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.L\\:v-py-size-72),.L\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.L\\:v-pt-size-72),.L\\:v-pt-size-72{padding-top:72px}:host(.L\\:v-pb-size-72),.L\\:v-pb-size-72{padding-bottom:72px}:host(.L\\:v-pr-size-72),.L\\:v-pr-size-72{padding-right:72px}:host(.L\\:v-pl-size-72),.L\\:v-pl-size-72{padding-left:72px}:host(.L\\:v-p-size-80),.L\\:v-p-size-80{padding:80px}:host(.L\\:v-px-size-80),.L\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.L\\:v-py-size-80),.L\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.L\\:v-pt-size-80),.L\\:v-pt-size-80{padding-top:80px}:host(.L\\:v-pb-size-80),.L\\:v-pb-size-80{padding-bottom:80px}:host(.L\\:v-pr-size-80),.L\\:v-pr-size-80{padding-right:80px}:host(.L\\:v-pl-size-80),.L\\:v-pl-size-80{padding-left:80px}:host(.L\\:v-p-size-112),.L\\:v-p-size-112{padding:112px}:host(.L\\:v-px-size-112),.L\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.L\\:v-py-size-112),.L\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.L\\:v-pt-size-112),.L\\:v-pt-size-112{padding-top:112px}:host(.L\\:v-pb-size-112),.L\\:v-pb-size-112{padding-bottom:112px}:host(.L\\:v-pr-size-112),.L\\:v-pr-size-112{padding-right:112px}:host(.L\\:v-pl-size-112),.L\\:v-pl-size-112{padding-left:112px}:host(.L\\:v-p-size-2),.L\\:v-p-size-2{padding:2px}:host(.L\\:v-px-size-2),.L\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.L\\:v-py-size-2),.L\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.L\\:v-pt-size-2),.L\\:v-pt-size-2{padding-top:2px}:host(.L\\:v-pb-size-2),.L\\:v-pb-size-2{padding-bottom:2px}:host(.L\\:v-pr-size-2),.L\\:v-pr-size-2{padding-right:2px}:host(.L\\:v-pl-size-2),.L\\:v-pl-size-2{padding-left:2px}}@media (min-width: 1440px){:host(.XL\\:v-p-0),.XL\\:v-p-0{padding:0px}:host(.XL\\:v-px-0),.XL\\:v-px-0{padding-left:0px;padding-right:0px}:host(.XL\\:v-py-0),.XL\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.XL\\:v-pt-0),.XL\\:v-pt-0{padding-top:0px}:host(.XL\\:v-pb-0),.XL\\:v-pb-0{padding-bottom:0px}:host(.XL\\:v-pr-0),.XL\\:v-pr-0{padding-right:0px}:host(.XL\\:v-pl-0),.XL\\:v-pl-0{padding-left:0px}:host(.XL\\:v-p-size-0),.XL\\:v-p-size-0{padding:0px}:host(.XL\\:v-px-size-0),.XL\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.XL\\:v-py-size-0),.XL\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.XL\\:v-pt-size-0),.XL\\:v-pt-size-0{padding-top:0px}:host(.XL\\:v-pb-size-0),.XL\\:v-pb-size-0{padding-bottom:0px}:host(.XL\\:v-pr-size-0),.XL\\:v-pr-size-0{padding-right:0px}:host(.XL\\:v-pl-size-0),.XL\\:v-pl-size-0{padding-left:0px}:host(.XL\\:v-p-size-4),.XL\\:v-p-size-4{padding:4px}:host(.XL\\:v-px-size-4),.XL\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.XL\\:v-py-size-4),.XL\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.XL\\:v-pt-size-4),.XL\\:v-pt-size-4{padding-top:4px}:host(.XL\\:v-pb-size-4),.XL\\:v-pb-size-4{padding-bottom:4px}:host(.XL\\:v-pr-size-4),.XL\\:v-pr-size-4{padding-right:4px}:host(.XL\\:v-pl-size-4),.XL\\:v-pl-size-4{padding-left:4px}:host(.XL\\:v-p-size-8),.XL\\:v-p-size-8{padding:8px}:host(.XL\\:v-px-size-8),.XL\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.XL\\:v-py-size-8),.XL\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.XL\\:v-pt-size-8),.XL\\:v-pt-size-8{padding-top:8px}:host(.XL\\:v-pb-size-8),.XL\\:v-pb-size-8{padding-bottom:8px}:host(.XL\\:v-pr-size-8),.XL\\:v-pr-size-8{padding-right:8px}:host(.XL\\:v-pl-size-8),.XL\\:v-pl-size-8{padding-left:8px}:host(.XL\\:v-p-size-12),.XL\\:v-p-size-12{padding:12px}:host(.XL\\:v-px-size-12),.XL\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.XL\\:v-py-size-12),.XL\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.XL\\:v-pt-size-12),.XL\\:v-pt-size-12{padding-top:12px}:host(.XL\\:v-pb-size-12),.XL\\:v-pb-size-12{padding-bottom:12px}:host(.XL\\:v-pr-size-12),.XL\\:v-pr-size-12{padding-right:12px}:host(.XL\\:v-pl-size-12),.XL\\:v-pl-size-12{padding-left:12px}:host(.XL\\:v-p-size-16),.XL\\:v-p-size-16{padding:16px}:host(.XL\\:v-px-size-16),.XL\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.XL\\:v-py-size-16),.XL\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.XL\\:v-pt-size-16),.XL\\:v-pt-size-16{padding-top:16px}:host(.XL\\:v-pb-size-16),.XL\\:v-pb-size-16{padding-bottom:16px}:host(.XL\\:v-pr-size-16),.XL\\:v-pr-size-16{padding-right:16px}:host(.XL\\:v-pl-size-16),.XL\\:v-pl-size-16{padding-left:16px}:host(.XL\\:v-p-size-20),.XL\\:v-p-size-20{padding:20px}:host(.XL\\:v-px-size-20),.XL\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.XL\\:v-py-size-20),.XL\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.XL\\:v-pt-size-20),.XL\\:v-pt-size-20{padding-top:20px}:host(.XL\\:v-pb-size-20),.XL\\:v-pb-size-20{padding-bottom:20px}:host(.XL\\:v-pr-size-20),.XL\\:v-pr-size-20{padding-right:20px}:host(.XL\\:v-pl-size-20),.XL\\:v-pl-size-20{padding-left:20px}:host(.XL\\:v-p-size-24),.XL\\:v-p-size-24{padding:24px}:host(.XL\\:v-px-size-24),.XL\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.XL\\:v-py-size-24),.XL\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.XL\\:v-pt-size-24),.XL\\:v-pt-size-24{padding-top:24px}:host(.XL\\:v-pb-size-24),.XL\\:v-pb-size-24{padding-bottom:24px}:host(.XL\\:v-pr-size-24),.XL\\:v-pr-size-24{padding-right:24px}:host(.XL\\:v-pl-size-24),.XL\\:v-pl-size-24{padding-left:24px}:host(.XL\\:v-p-size-32),.XL\\:v-p-size-32{padding:32px}:host(.XL\\:v-px-size-32),.XL\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.XL\\:v-py-size-32),.XL\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.XL\\:v-pt-size-32),.XL\\:v-pt-size-32{padding-top:32px}:host(.XL\\:v-pb-size-32),.XL\\:v-pb-size-32{padding-bottom:32px}:host(.XL\\:v-pr-size-32),.XL\\:v-pr-size-32{padding-right:32px}:host(.XL\\:v-pl-size-32),.XL\\:v-pl-size-32{padding-left:32px}:host(.XL\\:v-p-size-40),.XL\\:v-p-size-40{padding:40px}:host(.XL\\:v-px-size-40),.XL\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.XL\\:v-py-size-40),.XL\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.XL\\:v-pt-size-40),.XL\\:v-pt-size-40{padding-top:40px}:host(.XL\\:v-pb-size-40),.XL\\:v-pb-size-40{padding-bottom:40px}:host(.XL\\:v-pr-size-40),.XL\\:v-pr-size-40{padding-right:40px}:host(.XL\\:v-pl-size-40),.XL\\:v-pl-size-40{padding-left:40px}:host(.XL\\:v-p-size-48),.XL\\:v-p-size-48{padding:48px}:host(.XL\\:v-px-size-48),.XL\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.XL\\:v-py-size-48),.XL\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.XL\\:v-pt-size-48),.XL\\:v-pt-size-48{padding-top:48px}:host(.XL\\:v-pb-size-48),.XL\\:v-pb-size-48{padding-bottom:48px}:host(.XL\\:v-pr-size-48),.XL\\:v-pr-size-48{padding-right:48px}:host(.XL\\:v-pl-size-48),.XL\\:v-pl-size-48{padding-left:48px}:host(.XL\\:v-p-size-64),.XL\\:v-p-size-64{padding:64px}:host(.XL\\:v-px-size-64),.XL\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.XL\\:v-py-size-64),.XL\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.XL\\:v-pt-size-64),.XL\\:v-pt-size-64{padding-top:64px}:host(.XL\\:v-pb-size-64),.XL\\:v-pb-size-64{padding-bottom:64px}:host(.XL\\:v-pr-size-64),.XL\\:v-pr-size-64{padding-right:64px}:host(.XL\\:v-pl-size-64),.XL\\:v-pl-size-64{padding-left:64px}:host(.XL\\:v-p-size-72),.XL\\:v-p-size-72{padding:72px}:host(.XL\\:v-px-size-72),.XL\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.XL\\:v-py-size-72),.XL\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.XL\\:v-pt-size-72),.XL\\:v-pt-size-72{padding-top:72px}:host(.XL\\:v-pb-size-72),.XL\\:v-pb-size-72{padding-bottom:72px}:host(.XL\\:v-pr-size-72),.XL\\:v-pr-size-72{padding-right:72px}:host(.XL\\:v-pl-size-72),.XL\\:v-pl-size-72{padding-left:72px}:host(.XL\\:v-p-size-80),.XL\\:v-p-size-80{padding:80px}:host(.XL\\:v-px-size-80),.XL\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.XL\\:v-py-size-80),.XL\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.XL\\:v-pt-size-80),.XL\\:v-pt-size-80{padding-top:80px}:host(.XL\\:v-pb-size-80),.XL\\:v-pb-size-80{padding-bottom:80px}:host(.XL\\:v-pr-size-80),.XL\\:v-pr-size-80{padding-right:80px}:host(.XL\\:v-pl-size-80),.XL\\:v-pl-size-80{padding-left:80px}:host(.XL\\:v-p-size-112),.XL\\:v-p-size-112{padding:112px}:host(.XL\\:v-px-size-112),.XL\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.XL\\:v-py-size-112),.XL\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.XL\\:v-pt-size-112),.XL\\:v-pt-size-112{padding-top:112px}:host(.XL\\:v-pb-size-112),.XL\\:v-pb-size-112{padding-bottom:112px}:host(.XL\\:v-pr-size-112),.XL\\:v-pr-size-112{padding-right:112px}:host(.XL\\:v-pl-size-112),.XL\\:v-pl-size-112{padding-left:112px}:host(.XL\\:v-p-size-2),.XL\\:v-p-size-2{padding:2px}:host(.XL\\:v-px-size-2),.XL\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.XL\\:v-py-size-2),.XL\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.XL\\:v-pt-size-2),.XL\\:v-pt-size-2{padding-top:2px}:host(.XL\\:v-pb-size-2),.XL\\:v-pb-size-2{padding-bottom:2px}:host(.XL\\:v-pr-size-2),.XL\\:v-pr-size-2{padding-right:2px}:host(.XL\\:v-pl-size-2),.XL\\:v-pl-size-2{padding-left:2px}}:host{display:none;box-sizing:border-box;overflow-y:auto;text-align:left;position:fixed;top:0px;left:0px;right:0px;bottom:0px;align-items:flex-start}.modal-dialog{margin-left:auto;margin-right:auto;margin-top:64px;margin-bottom:64px}:host(.align-center){align-items:center}.modal-container{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-shadow:var(--v-shadow-modal, 0px 6px 40px 0px rgba(2, 2, 15, 0.04), 0px 4px 24px 0px rgba(2, 2, 15, 0.08), 0px 8px 80px 0px rgba(2, 2, 15, 0.16));border-radius:12px;box-sizing:border-box;pointer-events:auto;overflow:hidden}:host(.animation) .modal-container{animation-name:animatetop;animation-duration:0.4s}.vega-modal-header{display:flex;align-items:flex-start;flex-direction:row;gap:8px;padding-bottom:0px}.vega-modal-header.vega-modal-header-with-title,.vega-modal-header.vega-modal-header-with-icon{padding-bottom:16px}.vega-modal-header-with-content-scroll:not(.vega-modal-header-with-title):not(.vega-modal-header-with-icon){padding-top:0px;padding-bottom:0px}.vega-modal-header-with-content-scroll.vega-modal-header-with-icon,.vega-modal-header-with-content-scroll.vega-modal-header-with-title{box-shadow:var(--v-shadow-modal-header, 0px 1px 0px 0px rgba(45, 76, 97, 0.15))}.vega-modal-title{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px;flex-grow:1;word-break:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-modal-title{font-family:"Inter", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-modal-title{font-family:"Inter", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-modal-title{font-family:"Inter", sans-serif;font-size:28px;font-weight:700;line-height:36px;letter-spacing:0px}}.vega-modal-close-btn{cursor:pointer}.vega-modal-content{padding-top:0px;padding-bottom:0px}.vega-modal-content-with-scroll{padding-top:24px;padding-bottom:24px;overflow:auto}.vega-modal-footer:not(.vega-modal-footer-with-slot){padding-top:0px}.vega-modal-footer-with-content-scroll:not(.vega-modal-footer-with-slot){padding-top:0px;padding-bottom:0px}.vega-modal-footer-with-content-scroll.vega-modal-footer-with-slot{box-shadow:var(--v-shadow-modal-footer, 0px -2px 8px 0px rgba(45, 76, 97, 0.2), 0px -1px 0px 0px rgba(45, 76, 97, 0.15))}.vega-modal-footer-with-content-scroll.vega-modal-footer-with-slot.vega-modal-footer-with-content-scroll-to-bottom{box-shadow:var(--v-shadow-modal-footer-no-scroll, 0px -1px 0px 0px rgba(45, 76, 97, 0.15))}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}';export{k as vega_dialog,C as vega_modal}
1	+ import{r as p,h as i,H as t,g as s,c as e,F as d}from"./p-9777b1c1.js";import{s as o}from"./p-63676b71.js";import{g as v}from"./p-96f54c30.js";import"./p-9ad088e0.js";import{f as a}from"./p-08e8fcfc.js";import{I as n}from"./p-50c9b4ac.js";import{I as z}from"./p-4a651b91.js";import{P as g}from"./p-9332d73d.js";import{D as h,c as x}from"./p-cb00df88.js";import{f as l,V as r,v as L}from"./p-b37dbd69.js";import{D as b}from"./p-2e7d94cc.js";import{R as m}from"./p-c384eaff.js";import{c as f}from"./p-86194314.js";import{g as M,D as S,f as X}from"./p-de21b1d8.js";import{Z as c}from"./p-f90aef8a.js";import{C as y}from"./p-b76702a8.js";import{C as w}from"./p-0ae0df88.js";import{c as u}from"./p-15971fb8.js";import"./p-f92cc0e4.js";import"./p-29ba4bd0.js";import"./p-cb19da5d.js";import"./p-a90f4bcd.js";import"./p-381a16b8.js";import"./p-f6642024.js";import"./p-e179550a.js";import"./p-47a4c625.js";var j=function(p,i,t,s){var e,d=arguments.length,o=d<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(p,i,t,s);else for(var v=p.length-1;v>=0;v--)(e=p[v])&&(o=(d<3?e(o):d>3?e(i,t,o):e(i,t))\|\|o);return d>3&&o&&Object.defineProperty(i,t,o),o};const k=class{constructor(i){p(this,i),this.globalSlimmers={},this.pageResizeObserverSlimmer=new g,this.dialogDefaultSize=480,this.currentBreakpoint=v(),this.type="default",this.showCancel=!0,this.modalProps={},this.handleCancelBtnClick=p=>{const i=new CustomEvent("vegaClick",{detail:p.detail});this.handleCancel&&!this.handleCancel(i)\|\|this.host.remove()},this.handleOkBtnClick=p=>{const i=new CustomEvent("vegaClick",{detail:p.detail});this.handleOk&&!this.handleOk(i)\|\|this.host.remove()}}render(){var p,s;const e=["default","S"].includes(this.currentBreakpoint),d={default:"default",M:"small"},v="danger"===this.type,a=Object.assign(Object.assign({size:d},this.okButton),{block:e,danger:v}),n=Object.assign(Object.assign({size:d,variant:"secondary"},this.cancelButton),{block:e,danger:v}),z=Object.assign(Object.assign({},this.modalProps),{isVerticallyCentered:void 0!==this.modalProps.isVerticallyCentered\|\|void 0!==this.modalProps.isVerticallyCenter?this.modalProps.isVerticallyCentered\|\|this.modalProps.isVerticallyCenter:e,size:this.modalProps.size\|\|this.dialogDefaultSize,open:!0,modalTitle:this.dialogTitle,backdrop:"static"});return o(i(t,null,i("vega-modal",Object.assign({},z,{ref:p=>{h.addUniqueObserverToNode(p,l,(()=>{this.onModalClose()}))}}),i("div",{slot:"modal-content",class:"vega-dialog-modal-content"},this.content),i("div",{slot:"modal-footer"},i("div",{class:"vega-dialog-actions-container"},this.showCancel&&i("vega-button",Object.assign({},n,{ref:p=>{h.addUniqueObserverToNode(p,r,(p=>{this.handleCancelBtnClick(p)}))}}),(null===(p=this.cancelButton)\|\|void 0===p?void 0:p.label)\|\|"Cancel"),i("vega-button",Object.assign({},a,{ref:p=>{h.addUniqueObserverToNode(p,r,(p=>{this.handleOkBtnClick(p)}))}}),(null===(s=this.okButton)\|\|void 0===s?void 0:s.label)\|\|"OK"))))),this.host)}onModalClose(){this.host.remove()}get host(){return s(this)}};j([z()],k.prototype,"globalSlimmers",void 0),j([n()],k.prototype,"pageResizeObserverSlimmer",void 0),k.style=':host vega-modal{padding-left:16px;padding-right:16px}@media (min-width: 768px){:host vega-modal{padding:0px}}:host .vega-dialog-actions-container{display:flex;justify-content:center;flex-direction:column;gap:12px}@media (min-width: 768px){:host .vega-dialog-actions-container{justify-content:flex-end;flex-direction:row}}:host .vega-dialog-modal-content{font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:30px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dialog-modal-content{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dialog-modal-content{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dialog-modal-content{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}';var O=function(p,i,t,s){var e,d=arguments.length,o=d<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(p,i,t,s);else for(var v=p.length-1;v>=0;v--)(e=p[v])&&(o=(d<3?e(o):d>3?e(i,t,o):e(i,t))\|\|o);return d>3&&o&&Object.defineProperty(i,t,o),o};const C=class{constructor(i){p(this,i),this.vegaClose=e(this,"vegaClose",7),this.close=e(this,"close",7),this.vegaOpen=e(this,"vegaOpen",7),this.modalOpen=e(this,"modalOpen",7),this.globalSlimmers={},this.pageResizeObserverSlimmer=new g({callback:()=>{this.setModalWidth("update"),this.setContentMaxHeight()},isDeferred:!0}),this.openEventEmitter=x(C,L),this.closeEventEmitter=x(C,l),this.childNodesEventPrevent=new y([L,l],(()=>this.modalContainer)),this.componentGlobalStyleSlimmer=new w("body.disable-scroll-in-desktop{max-height:100vh !important;overflow:hidden !important}"),this.deprecatedPropertySlimmer=u(C,"isVerticallyCentered","isVerticallyCenter",!1),this.isModalWidthSet=!1,this.backdrop="default",this.open=!1,this.animation=!1,this.modalTitle="",this.backdropColor="default",this.isVerticallyCenter=!1,this.isVerticallyCentered=!1,this.showCloseButton=!0,this.padding="size-24",this.handleClose=void 0,this.closeModal=p=>{p.preventDefault(),p.stopPropagation(),this.handleClose&&!this.handleClose()\|\|(this.open=!1)}}watchSize(){this.setModalWidth("update")}watchOpen(){this.toggle()}disconnectedCallback(){this.open=!1}componentDidLoad(){this.open&&this.toggle(),M()!==S.DESKTOP&&"none"!==this.backdrop&&this.disableBackdropTouchMove(),this.isContentScrollable&&this.listenContentScroll(),this.setContentMaxHeight()}listenDataTarget(p){const i=p.composedPath()[0];"VEGA-MODAL"===i.tagName&&"default"===this.backdrop&&i===this.host&&(this.open=!1),this.host.id&&(i.getAttribute("data-target")===this.host.id\|\|X(i,`[data-target=${this.host.id}]`))&&(p.preventDefault(),this.open=!0)}listenDataDismiss(p){p.target.closest("[data-dismiss='modal']")&&(p.preventDefault(),this.open=!1)}async modal(p){switch(p){case"show":this.open=!0;break;case"hide":this.open=!1}}render(){return o(i(t,{class:{"align-center":this.deprecatedPropertySlimmer.getValue()&&this.open,animation:this.animation}},i("div",{class:"modal-dialog"},this.renderContainer())),this.host)}renderContainer(){const p=a(this.padding,"padding");return i("div",{class:"modal-container",ref:p=>this.modalContainer=p},this.renderHeader(p),this.renderContent(p),this.renderFooter(p))}renderHeader(p){return i("div",{class:{"vega-modal-header":!0,"vega-modal-header-with-title":this.hasModalTitle(),"vega-modal-header-with-icon":this.showCloseButton,"vega-modal-header-with-content-scroll":this.isContentScrollable(),[p]:!0}},this.renderTitle(),this.showCloseButton&&this.renderCloseBtn())}renderContent(p){const t=this.host.querySelector('[slot="modal-content"]')\|\|this.host.querySelector('[slot="content"]');return i("div",{class:{"vega-modal-content":!0,"vega-modal-content-with-scroll":this.isContentScrollable(),[p]:!0},ref:p=>this.modalContent=p},t?i(d,null,i("slot",{name:"content"}),i("slot",{name:"modal-content"})):i("slot",null))}renderFooter(p){return i("div",{class:{"vega-modal-footer":!0,"vega-modal-footer-with-slot":this.hasModalFooter(),"vega-modal-footer-with-content-scroll":this.isContentScrollable(),[p]:!0},ref:p=>this.modalFooter=p},i(d,null,i("slot",{name:"footer"}),i("slot",{name:"modal-footer"})))}renderTitle(){return i("div",{class:"vega-modal-title"},this.modalTitle?i("div",{innerHTML:this.modalTitle}):i(d,null,i("slot",{name:"title"}),i("slot",{name:"modal-title"})))}renderCloseBtn(){return i("div",{"aria-label":"Close Button",class:"vega-modal-close-btn","data-dismiss":"modal",onClick:this.closeModal,role:"button",tabIndex:0,onKeyDown:f()},i("vega-icon",{icon:"close",size:"size-16"}))}hasModalFooter(){return null!==this.host.querySelector("[slot='modal-footer']")\|\|null!==this.host.querySelector("[slot='footer']")}isContentScrollable(){return Boolean(this.contentMaxHeight)}hasModalTitle(){return Boolean(this.modalTitle)\|\|null!==this.host.querySelector("[slot='modal-title']")\|\|null!==this.host.querySelector("[slot='title']")}listenContentScroll(){this.modalContent.addEventListener("scroll",(()=>{this.modalContent.scrollHeight-this.modalContent.scrollTop<=this.modalContent.clientHeight?this.modalFooter.classList.add("vega-modal-footer-with-content-scroll-to-bottom"):this.modalFooter.classList.remove("vega-modal-footer-with-content-scroll-to-bottom")}))}toggle(){this.open?this.pushToModalStack():this.popFromModalStack(),this.updateDocumentRootOverflow(),this.setBackdrop(),this.setModalZIndex(),this.setModalWidth(),this.emitEvent(),this.setModalVisibility()}setModalZIndex(){if(this.open)c.setZIndex(this.backdropRef,"base"),c.setZIndex(this.host,"base");else{c.removeZIndex(this.backdropRef,"base"),c.removeZIndex(this.host,"base");const p=this.getVisibleModalLength();p>0&&(c.setZIndex(this.backdropRef,"base"),c.setZIndex(C.openedModalStack[p-1],"base")),this.removeBackdropWhileNoModalShow()}}setModalWidth(p="initialize"){if(this.isModalWidthSet&&"initialize"===p)return;const i=this.getModalSize();this.host.shadowRoot.querySelector(".modal-dialog").style.width="number"==typeof i?`${i}px`:`${i}`,this.isModalWidthSet=!0}setContentMaxHeight(){const p=m.formatCustom(this.contentMaxHeight);p&&(this.modalContent.style.maxHeight=`${p}px`)}setModalVisibility(){this.host.style.display=this.open?"flex":"none"}emitEvent(){this.open?this.openEventEmitter.emit():this.closeEventEmitter.emit()}getModalSize(){return m.format(this.size,"size")\|\|b[v()]}setBackdrop(){if("none"===this.backdrop)return;let p=document.querySelector("vega-backdrop.modal-backdrop");p\|\|(p=document.createElement("vega-backdrop"),p.classList.add("modal-backdrop"),p.color=C.backdropColorMap[this.backdropColor],p.visible=!0,document.querySelector("body").append(p)),this.backdropRef=p}removeBackdropWhileNoModalShow(){0===this.getVisibleModalLength()&&this.backdropRef&&this.backdropRef.remove()}getVisibleModalLength(){return C.openedModalStack.length}updateDocumentRootOverflow(){"none"!==this.backdrop&&(this.open&&1===this.getVisibleModalLength()?document.body.classList.add("disable-scroll-in-desktop"):this.open\|\|0!==this.getVisibleModalLength()\|\|document.body.classList.remove("disable-scroll-in-desktop"))}pushToModalStack(){C.openedModalStack.push(this.host)}popFromModalStack(){C.openedModalStack.pop()}disableBackdropTouchMove(){this.host.addEventListener("touchstart",(p=>{this.touchStartY=p.targetTouches[0].pageY}),{capture:!0}),this.host.addEventListener("touchmove",(p=>{p.target===this.host&&(this.host.scrollTop<=0&&this.touchStartY<p.targetTouches[0].pageY\|\|this.host.scrollHeight-this.host.scrollTop<=this.host.clientHeight&&this.touchStartY>p.targetTouches[0].pageY)&&p.preventDefault()}),{capture:!0})}get host(){return s(this)}static get watchers(){return{size:["watchSize"],open:["watchOpen"]}}};C.openedModalStack=[],C.backdropColorMap={default:"bg-backdrop-modal",semi:"bg-backdrop-popover",none:"bg-transparent"},O([z()],C.prototype,"globalSlimmers",void 0),O([n()],C.prototype,"pageResizeObserverSlimmer",void 0),O([n()],C.prototype,"openEventEmitter",void 0),O([n()],C.prototype,"closeEventEmitter",void 0),O([n()],C.prototype,"childNodesEventPrevent",void 0),O([n()],C.prototype,"componentGlobalStyleSlimmer",void 0),O([n()],C.prototype,"deprecatedPropertySlimmer",void 0),C.style=':host(.v-p-0),.v-p-0{padding:0px}:host(.v-px-0),.v-px-0{padding-left:0px;padding-right:0px}:host(.v-py-0),.v-py-0{padding-top:0px;padding-bottom:0px}:host(.v-pt-0),.v-pt-0{padding-top:0px}:host(.v-pb-0),.v-pb-0{padding-bottom:0px}:host(.v-pr-0),.v-pr-0{padding-right:0px}:host(.v-pl-0),.v-pl-0{padding-left:0px}:host(.v-p-size-0),.v-p-size-0{padding:0px}:host(.v-px-size-0),.v-px-size-0{padding-left:0px;padding-right:0px}:host(.v-py-size-0),.v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.v-pt-size-0),.v-pt-size-0{padding-top:0px}:host(.v-pb-size-0),.v-pb-size-0{padding-bottom:0px}:host(.v-pr-size-0),.v-pr-size-0{padding-right:0px}:host(.v-pl-size-0),.v-pl-size-0{padding-left:0px}:host(.v-p-size-4),.v-p-size-4{padding:4px}:host(.v-px-size-4),.v-px-size-4{padding-left:4px;padding-right:4px}:host(.v-py-size-4),.v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.v-pt-size-4),.v-pt-size-4{padding-top:4px}:host(.v-pb-size-4),.v-pb-size-4{padding-bottom:4px}:host(.v-pr-size-4),.v-pr-size-4{padding-right:4px}:host(.v-pl-size-4),.v-pl-size-4{padding-left:4px}:host(.v-p-size-8),.v-p-size-8{padding:8px}:host(.v-px-size-8),.v-px-size-8{padding-left:8px;padding-right:8px}:host(.v-py-size-8),.v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.v-pt-size-8),.v-pt-size-8{padding-top:8px}:host(.v-pb-size-8),.v-pb-size-8{padding-bottom:8px}:host(.v-pr-size-8),.v-pr-size-8{padding-right:8px}:host(.v-pl-size-8),.v-pl-size-8{padding-left:8px}:host(.v-p-size-12),.v-p-size-12{padding:12px}:host(.v-px-size-12),.v-px-size-12{padding-left:12px;padding-right:12px}:host(.v-py-size-12),.v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.v-pt-size-12),.v-pt-size-12{padding-top:12px}:host(.v-pb-size-12),.v-pb-size-12{padding-bottom:12px}:host(.v-pr-size-12),.v-pr-size-12{padding-right:12px}:host(.v-pl-size-12),.v-pl-size-12{padding-left:12px}:host(.v-p-size-16),.v-p-size-16{padding:16px}:host(.v-px-size-16),.v-px-size-16{padding-left:16px;padding-right:16px}:host(.v-py-size-16),.v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.v-pt-size-16),.v-pt-size-16{padding-top:16px}:host(.v-pb-size-16),.v-pb-size-16{padding-bottom:16px}:host(.v-pr-size-16),.v-pr-size-16{padding-right:16px}:host(.v-pl-size-16),.v-pl-size-16{padding-left:16px}:host(.v-p-size-20),.v-p-size-20{padding:20px}:host(.v-px-size-20),.v-px-size-20{padding-left:20px;padding-right:20px}:host(.v-py-size-20),.v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.v-pt-size-20),.v-pt-size-20{padding-top:20px}:host(.v-pb-size-20),.v-pb-size-20{padding-bottom:20px}:host(.v-pr-size-20),.v-pr-size-20{padding-right:20px}:host(.v-pl-size-20),.v-pl-size-20{padding-left:20px}:host(.v-p-size-24),.v-p-size-24{padding:24px}:host(.v-px-size-24),.v-px-size-24{padding-left:24px;padding-right:24px}:host(.v-py-size-24),.v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.v-pt-size-24),.v-pt-size-24{padding-top:24px}:host(.v-pb-size-24),.v-pb-size-24{padding-bottom:24px}:host(.v-pr-size-24),.v-pr-size-24{padding-right:24px}:host(.v-pl-size-24),.v-pl-size-24{padding-left:24px}:host(.v-p-size-32),.v-p-size-32{padding:32px}:host(.v-px-size-32),.v-px-size-32{padding-left:32px;padding-right:32px}:host(.v-py-size-32),.v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.v-pt-size-32),.v-pt-size-32{padding-top:32px}:host(.v-pb-size-32),.v-pb-size-32{padding-bottom:32px}:host(.v-pr-size-32),.v-pr-size-32{padding-right:32px}:host(.v-pl-size-32),.v-pl-size-32{padding-left:32px}:host(.v-p-size-40),.v-p-size-40{padding:40px}:host(.v-px-size-40),.v-px-size-40{padding-left:40px;padding-right:40px}:host(.v-py-size-40),.v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.v-pt-size-40),.v-pt-size-40{padding-top:40px}:host(.v-pb-size-40),.v-pb-size-40{padding-bottom:40px}:host(.v-pr-size-40),.v-pr-size-40{padding-right:40px}:host(.v-pl-size-40),.v-pl-size-40{padding-left:40px}:host(.v-p-size-48),.v-p-size-48{padding:48px}:host(.v-px-size-48),.v-px-size-48{padding-left:48px;padding-right:48px}:host(.v-py-size-48),.v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.v-pt-size-48),.v-pt-size-48{padding-top:48px}:host(.v-pb-size-48),.v-pb-size-48{padding-bottom:48px}:host(.v-pr-size-48),.v-pr-size-48{padding-right:48px}:host(.v-pl-size-48),.v-pl-size-48{padding-left:48px}:host(.v-p-size-64),.v-p-size-64{padding:64px}:host(.v-px-size-64),.v-px-size-64{padding-left:64px;padding-right:64px}:host(.v-py-size-64),.v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.v-pt-size-64),.v-pt-size-64{padding-top:64px}:host(.v-pb-size-64),.v-pb-size-64{padding-bottom:64px}:host(.v-pr-size-64),.v-pr-size-64{padding-right:64px}:host(.v-pl-size-64),.v-pl-size-64{padding-left:64px}:host(.v-p-size-72),.v-p-size-72{padding:72px}:host(.v-px-size-72),.v-px-size-72{padding-left:72px;padding-right:72px}:host(.v-py-size-72),.v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.v-pt-size-72),.v-pt-size-72{padding-top:72px}:host(.v-pb-size-72),.v-pb-size-72{padding-bottom:72px}:host(.v-pr-size-72),.v-pr-size-72{padding-right:72px}:host(.v-pl-size-72),.v-pl-size-72{padding-left:72px}:host(.v-p-size-80),.v-p-size-80{padding:80px}:host(.v-px-size-80),.v-px-size-80{padding-left:80px;padding-right:80px}:host(.v-py-size-80),.v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.v-pt-size-80),.v-pt-size-80{padding-top:80px}:host(.v-pb-size-80),.v-pb-size-80{padding-bottom:80px}:host(.v-pr-size-80),.v-pr-size-80{padding-right:80px}:host(.v-pl-size-80),.v-pl-size-80{padding-left:80px}:host(.v-p-size-112),.v-p-size-112{padding:112px}:host(.v-px-size-112),.v-px-size-112{padding-left:112px;padding-right:112px}:host(.v-py-size-112),.v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.v-pt-size-112),.v-pt-size-112{padding-top:112px}:host(.v-pb-size-112),.v-pb-size-112{padding-bottom:112px}:host(.v-pr-size-112),.v-pr-size-112{padding-right:112px}:host(.v-pl-size-112),.v-pl-size-112{padding-left:112px}:host(.v-p-size-2),.v-p-size-2{padding:2px}:host(.v-px-size-2),.v-px-size-2{padding-left:2px;padding-right:2px}:host(.v-py-size-2),.v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.v-pt-size-2),.v-pt-size-2{padding-top:2px}:host(.v-pb-size-2),.v-pb-size-2{padding-bottom:2px}:host(.v-pr-size-2),.v-pr-size-2{padding-right:2px}:host(.v-pl-size-2),.v-pl-size-2{padding-left:2px}@media (min-width: 320px){:host(.S\\:v-p-0),.S\\:v-p-0{padding:0px}:host(.S\\:v-px-0),.S\\:v-px-0{padding-left:0px;padding-right:0px}:host(.S\\:v-py-0),.S\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.S\\:v-pt-0),.S\\:v-pt-0{padding-top:0px}:host(.S\\:v-pb-0),.S\\:v-pb-0{padding-bottom:0px}:host(.S\\:v-pr-0),.S\\:v-pr-0{padding-right:0px}:host(.S\\:v-pl-0),.S\\:v-pl-0{padding-left:0px}:host(.S\\:v-p-size-0),.S\\:v-p-size-0{padding:0px}:host(.S\\:v-px-size-0),.S\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.S\\:v-py-size-0),.S\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.S\\:v-pt-size-0),.S\\:v-pt-size-0{padding-top:0px}:host(.S\\:v-pb-size-0),.S\\:v-pb-size-0{padding-bottom:0px}:host(.S\\:v-pr-size-0),.S\\:v-pr-size-0{padding-right:0px}:host(.S\\:v-pl-size-0),.S\\:v-pl-size-0{padding-left:0px}:host(.S\\:v-p-size-4),.S\\:v-p-size-4{padding:4px}:host(.S\\:v-px-size-4),.S\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.S\\:v-py-size-4),.S\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.S\\:v-pt-size-4),.S\\:v-pt-size-4{padding-top:4px}:host(.S\\:v-pb-size-4),.S\\:v-pb-size-4{padding-bottom:4px}:host(.S\\:v-pr-size-4),.S\\:v-pr-size-4{padding-right:4px}:host(.S\\:v-pl-size-4),.S\\:v-pl-size-4{padding-left:4px}:host(.S\\:v-p-size-8),.S\\:v-p-size-8{padding:8px}:host(.S\\:v-px-size-8),.S\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.S\\:v-py-size-8),.S\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.S\\:v-pt-size-8),.S\\:v-pt-size-8{padding-top:8px}:host(.S\\:v-pb-size-8),.S\\:v-pb-size-8{padding-bottom:8px}:host(.S\\:v-pr-size-8),.S\\:v-pr-size-8{padding-right:8px}:host(.S\\:v-pl-size-8),.S\\:v-pl-size-8{padding-left:8px}:host(.S\\:v-p-size-12),.S\\:v-p-size-12{padding:12px}:host(.S\\:v-px-size-12),.S\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.S\\:v-py-size-12),.S\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.S\\:v-pt-size-12),.S\\:v-pt-size-12{padding-top:12px}:host(.S\\:v-pb-size-12),.S\\:v-pb-size-12{padding-bottom:12px}:host(.S\\:v-pr-size-12),.S\\:v-pr-size-12{padding-right:12px}:host(.S\\:v-pl-size-12),.S\\:v-pl-size-12{padding-left:12px}:host(.S\\:v-p-size-16),.S\\:v-p-size-16{padding:16px}:host(.S\\:v-px-size-16),.S\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.S\\:v-py-size-16),.S\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.S\\:v-pt-size-16),.S\\:v-pt-size-16{padding-top:16px}:host(.S\\:v-pb-size-16),.S\\:v-pb-size-16{padding-bottom:16px}:host(.S\\:v-pr-size-16),.S\\:v-pr-size-16{padding-right:16px}:host(.S\\:v-pl-size-16),.S\\:v-pl-size-16{padding-left:16px}:host(.S\\:v-p-size-20),.S\\:v-p-size-20{padding:20px}:host(.S\\:v-px-size-20),.S\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.S\\:v-py-size-20),.S\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.S\\:v-pt-size-20),.S\\:v-pt-size-20{padding-top:20px}:host(.S\\:v-pb-size-20),.S\\:v-pb-size-20{padding-bottom:20px}:host(.S\\:v-pr-size-20),.S\\:v-pr-size-20{padding-right:20px}:host(.S\\:v-pl-size-20),.S\\:v-pl-size-20{padding-left:20px}:host(.S\\:v-p-size-24),.S\\:v-p-size-24{padding:24px}:host(.S\\:v-px-size-24),.S\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.S\\:v-py-size-24),.S\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.S\\:v-pt-size-24),.S\\:v-pt-size-24{padding-top:24px}:host(.S\\:v-pb-size-24),.S\\:v-pb-size-24{padding-bottom:24px}:host(.S\\:v-pr-size-24),.S\\:v-pr-size-24{padding-right:24px}:host(.S\\:v-pl-size-24),.S\\:v-pl-size-24{padding-left:24px}:host(.S\\:v-p-size-32),.S\\:v-p-size-32{padding:32px}:host(.S\\:v-px-size-32),.S\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.S\\:v-py-size-32),.S\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.S\\:v-pt-size-32),.S\\:v-pt-size-32{padding-top:32px}:host(.S\\:v-pb-size-32),.S\\:v-pb-size-32{padding-bottom:32px}:host(.S\\:v-pr-size-32),.S\\:v-pr-size-32{padding-right:32px}:host(.S\\:v-pl-size-32),.S\\:v-pl-size-32{padding-left:32px}:host(.S\\:v-p-size-40),.S\\:v-p-size-40{padding:40px}:host(.S\\:v-px-size-40),.S\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.S\\:v-py-size-40),.S\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.S\\:v-pt-size-40),.S\\:v-pt-size-40{padding-top:40px}:host(.S\\:v-pb-size-40),.S\\:v-pb-size-40{padding-bottom:40px}:host(.S\\:v-pr-size-40),.S\\:v-pr-size-40{padding-right:40px}:host(.S\\:v-pl-size-40),.S\\:v-pl-size-40{padding-left:40px}:host(.S\\:v-p-size-48),.S\\:v-p-size-48{padding:48px}:host(.S\\:v-px-size-48),.S\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.S\\:v-py-size-48),.S\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.S\\:v-pt-size-48),.S\\:v-pt-size-48{padding-top:48px}:host(.S\\:v-pb-size-48),.S\\:v-pb-size-48{padding-bottom:48px}:host(.S\\:v-pr-size-48),.S\\:v-pr-size-48{padding-right:48px}:host(.S\\:v-pl-size-48),.S\\:v-pl-size-48{padding-left:48px}:host(.S\\:v-p-size-64),.S\\:v-p-size-64{padding:64px}:host(.S\\:v-px-size-64),.S\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.S\\:v-py-size-64),.S\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.S\\:v-pt-size-64),.S\\:v-pt-size-64{padding-top:64px}:host(.S\\:v-pb-size-64),.S\\:v-pb-size-64{padding-bottom:64px}:host(.S\\:v-pr-size-64),.S\\:v-pr-size-64{padding-right:64px}:host(.S\\:v-pl-size-64),.S\\:v-pl-size-64{padding-left:64px}:host(.S\\:v-p-size-72),.S\\:v-p-size-72{padding:72px}:host(.S\\:v-px-size-72),.S\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.S\\:v-py-size-72),.S\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.S\\:v-pt-size-72),.S\\:v-pt-size-72{padding-top:72px}:host(.S\\:v-pb-size-72),.S\\:v-pb-size-72{padding-bottom:72px}:host(.S\\:v-pr-size-72),.S\\:v-pr-size-72{padding-right:72px}:host(.S\\:v-pl-size-72),.S\\:v-pl-size-72{padding-left:72px}:host(.S\\:v-p-size-80),.S\\:v-p-size-80{padding:80px}:host(.S\\:v-px-size-80),.S\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.S\\:v-py-size-80),.S\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.S\\:v-pt-size-80),.S\\:v-pt-size-80{padding-top:80px}:host(.S\\:v-pb-size-80),.S\\:v-pb-size-80{padding-bottom:80px}:host(.S\\:v-pr-size-80),.S\\:v-pr-size-80{padding-right:80px}:host(.S\\:v-pl-size-80),.S\\:v-pl-size-80{padding-left:80px}:host(.S\\:v-p-size-112),.S\\:v-p-size-112{padding:112px}:host(.S\\:v-px-size-112),.S\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.S\\:v-py-size-112),.S\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.S\\:v-pt-size-112),.S\\:v-pt-size-112{padding-top:112px}:host(.S\\:v-pb-size-112),.S\\:v-pb-size-112{padding-bottom:112px}:host(.S\\:v-pr-size-112),.S\\:v-pr-size-112{padding-right:112px}:host(.S\\:v-pl-size-112),.S\\:v-pl-size-112{padding-left:112px}:host(.S\\:v-p-size-2),.S\\:v-p-size-2{padding:2px}:host(.S\\:v-px-size-2),.S\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.S\\:v-py-size-2),.S\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.S\\:v-pt-size-2),.S\\:v-pt-size-2{padding-top:2px}:host(.S\\:v-pb-size-2),.S\\:v-pb-size-2{padding-bottom:2px}:host(.S\\:v-pr-size-2),.S\\:v-pr-size-2{padding-right:2px}:host(.S\\:v-pl-size-2),.S\\:v-pl-size-2{padding-left:2px}}@media (min-width: 768px){:host(.M\\:v-p-0),.M\\:v-p-0{padding:0px}:host(.M\\:v-px-0),.M\\:v-px-0{padding-left:0px;padding-right:0px}:host(.M\\:v-py-0),.M\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.M\\:v-pt-0),.M\\:v-pt-0{padding-top:0px}:host(.M\\:v-pb-0),.M\\:v-pb-0{padding-bottom:0px}:host(.M\\:v-pr-0),.M\\:v-pr-0{padding-right:0px}:host(.M\\:v-pl-0),.M\\:v-pl-0{padding-left:0px}:host(.M\\:v-p-size-0),.M\\:v-p-size-0{padding:0px}:host(.M\\:v-px-size-0),.M\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.M\\:v-py-size-0),.M\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.M\\:v-pt-size-0),.M\\:v-pt-size-0{padding-top:0px}:host(.M\\:v-pb-size-0),.M\\:v-pb-size-0{padding-bottom:0px}:host(.M\\:v-pr-size-0),.M\\:v-pr-size-0{padding-right:0px}:host(.M\\:v-pl-size-0),.M\\:v-pl-size-0{padding-left:0px}:host(.M\\:v-p-size-4),.M\\:v-p-size-4{padding:4px}:host(.M\\:v-px-size-4),.M\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.M\\:v-py-size-4),.M\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.M\\:v-pt-size-4),.M\\:v-pt-size-4{padding-top:4px}:host(.M\\:v-pb-size-4),.M\\:v-pb-size-4{padding-bottom:4px}:host(.M\\:v-pr-size-4),.M\\:v-pr-size-4{padding-right:4px}:host(.M\\:v-pl-size-4),.M\\:v-pl-size-4{padding-left:4px}:host(.M\\:v-p-size-8),.M\\:v-p-size-8{padding:8px}:host(.M\\:v-px-size-8),.M\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.M\\:v-py-size-8),.M\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.M\\:v-pt-size-8),.M\\:v-pt-size-8{padding-top:8px}:host(.M\\:v-pb-size-8),.M\\:v-pb-size-8{padding-bottom:8px}:host(.M\\:v-pr-size-8),.M\\:v-pr-size-8{padding-right:8px}:host(.M\\:v-pl-size-8),.M\\:v-pl-size-8{padding-left:8px}:host(.M\\:v-p-size-12),.M\\:v-p-size-12{padding:12px}:host(.M\\:v-px-size-12),.M\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.M\\:v-py-size-12),.M\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.M\\:v-pt-size-12),.M\\:v-pt-size-12{padding-top:12px}:host(.M\\:v-pb-size-12),.M\\:v-pb-size-12{padding-bottom:12px}:host(.M\\:v-pr-size-12),.M\\:v-pr-size-12{padding-right:12px}:host(.M\\:v-pl-size-12),.M\\:v-pl-size-12{padding-left:12px}:host(.M\\:v-p-size-16),.M\\:v-p-size-16{padding:16px}:host(.M\\:v-px-size-16),.M\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.M\\:v-py-size-16),.M\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.M\\:v-pt-size-16),.M\\:v-pt-size-16{padding-top:16px}:host(.M\\:v-pb-size-16),.M\\:v-pb-size-16{padding-bottom:16px}:host(.M\\:v-pr-size-16),.M\\:v-pr-size-16{padding-right:16px}:host(.M\\:v-pl-size-16),.M\\:v-pl-size-16{padding-left:16px}:host(.M\\:v-p-size-20),.M\\:v-p-size-20{padding:20px}:host(.M\\:v-px-size-20),.M\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.M\\:v-py-size-20),.M\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.M\\:v-pt-size-20),.M\\:v-pt-size-20{padding-top:20px}:host(.M\\:v-pb-size-20),.M\\:v-pb-size-20{padding-bottom:20px}:host(.M\\:v-pr-size-20),.M\\:v-pr-size-20{padding-right:20px}:host(.M\\:v-pl-size-20),.M\\:v-pl-size-20{padding-left:20px}:host(.M\\:v-p-size-24),.M\\:v-p-size-24{padding:24px}:host(.M\\:v-px-size-24),.M\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.M\\:v-py-size-24),.M\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.M\\:v-pt-size-24),.M\\:v-pt-size-24{padding-top:24px}:host(.M\\:v-pb-size-24),.M\\:v-pb-size-24{padding-bottom:24px}:host(.M\\:v-pr-size-24),.M\\:v-pr-size-24{padding-right:24px}:host(.M\\:v-pl-size-24),.M\\:v-pl-size-24{padding-left:24px}:host(.M\\:v-p-size-32),.M\\:v-p-size-32{padding:32px}:host(.M\\:v-px-size-32),.M\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.M\\:v-py-size-32),.M\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.M\\:v-pt-size-32),.M\\:v-pt-size-32{padding-top:32px}:host(.M\\:v-pb-size-32),.M\\:v-pb-size-32{padding-bottom:32px}:host(.M\\:v-pr-size-32),.M\\:v-pr-size-32{padding-right:32px}:host(.M\\:v-pl-size-32),.M\\:v-pl-size-32{padding-left:32px}:host(.M\\:v-p-size-40),.M\\:v-p-size-40{padding:40px}:host(.M\\:v-px-size-40),.M\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.M\\:v-py-size-40),.M\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.M\\:v-pt-size-40),.M\\:v-pt-size-40{padding-top:40px}:host(.M\\:v-pb-size-40),.M\\:v-pb-size-40{padding-bottom:40px}:host(.M\\:v-pr-size-40),.M\\:v-pr-size-40{padding-right:40px}:host(.M\\:v-pl-size-40),.M\\:v-pl-size-40{padding-left:40px}:host(.M\\:v-p-size-48),.M\\:v-p-size-48{padding:48px}:host(.M\\:v-px-size-48),.M\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.M\\:v-py-size-48),.M\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.M\\:v-pt-size-48),.M\\:v-pt-size-48{padding-top:48px}:host(.M\\:v-pb-size-48),.M\\:v-pb-size-48{padding-bottom:48px}:host(.M\\:v-pr-size-48),.M\\:v-pr-size-48{padding-right:48px}:host(.M\\:v-pl-size-48),.M\\:v-pl-size-48{padding-left:48px}:host(.M\\:v-p-size-64),.M\\:v-p-size-64{padding:64px}:host(.M\\:v-px-size-64),.M\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.M\\:v-py-size-64),.M\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.M\\:v-pt-size-64),.M\\:v-pt-size-64{padding-top:64px}:host(.M\\:v-pb-size-64),.M\\:v-pb-size-64{padding-bottom:64px}:host(.M\\:v-pr-size-64),.M\\:v-pr-size-64{padding-right:64px}:host(.M\\:v-pl-size-64),.M\\:v-pl-size-64{padding-left:64px}:host(.M\\:v-p-size-72),.M\\:v-p-size-72{padding:72px}:host(.M\\:v-px-size-72),.M\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.M\\:v-py-size-72),.M\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.M\\:v-pt-size-72),.M\\:v-pt-size-72{padding-top:72px}:host(.M\\:v-pb-size-72),.M\\:v-pb-size-72{padding-bottom:72px}:host(.M\\:v-pr-size-72),.M\\:v-pr-size-72{padding-right:72px}:host(.M\\:v-pl-size-72),.M\\:v-pl-size-72{padding-left:72px}:host(.M\\:v-p-size-80),.M\\:v-p-size-80{padding:80px}:host(.M\\:v-px-size-80),.M\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.M\\:v-py-size-80),.M\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.M\\:v-pt-size-80),.M\\:v-pt-size-80{padding-top:80px}:host(.M\\:v-pb-size-80),.M\\:v-pb-size-80{padding-bottom:80px}:host(.M\\:v-pr-size-80),.M\\:v-pr-size-80{padding-right:80px}:host(.M\\:v-pl-size-80),.M\\:v-pl-size-80{padding-left:80px}:host(.M\\:v-p-size-112),.M\\:v-p-size-112{padding:112px}:host(.M\\:v-px-size-112),.M\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.M\\:v-py-size-112),.M\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.M\\:v-pt-size-112),.M\\:v-pt-size-112{padding-top:112px}:host(.M\\:v-pb-size-112),.M\\:v-pb-size-112{padding-bottom:112px}:host(.M\\:v-pr-size-112),.M\\:v-pr-size-112{padding-right:112px}:host(.M\\:v-pl-size-112),.M\\:v-pl-size-112{padding-left:112px}:host(.M\\:v-p-size-2),.M\\:v-p-size-2{padding:2px}:host(.M\\:v-px-size-2),.M\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.M\\:v-py-size-2),.M\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.M\\:v-pt-size-2),.M\\:v-pt-size-2{padding-top:2px}:host(.M\\:v-pb-size-2),.M\\:v-pb-size-2{padding-bottom:2px}:host(.M\\:v-pr-size-2),.M\\:v-pr-size-2{padding-right:2px}:host(.M\\:v-pl-size-2),.M\\:v-pl-size-2{padding-left:2px}}@media (min-width: 1024px){:host(.L\\:v-p-0),.L\\:v-p-0{padding:0px}:host(.L\\:v-px-0),.L\\:v-px-0{padding-left:0px;padding-right:0px}:host(.L\\:v-py-0),.L\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.L\\:v-pt-0),.L\\:v-pt-0{padding-top:0px}:host(.L\\:v-pb-0),.L\\:v-pb-0{padding-bottom:0px}:host(.L\\:v-pr-0),.L\\:v-pr-0{padding-right:0px}:host(.L\\:v-pl-0),.L\\:v-pl-0{padding-left:0px}:host(.L\\:v-p-size-0),.L\\:v-p-size-0{padding:0px}:host(.L\\:v-px-size-0),.L\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.L\\:v-py-size-0),.L\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.L\\:v-pt-size-0),.L\\:v-pt-size-0{padding-top:0px}:host(.L\\:v-pb-size-0),.L\\:v-pb-size-0{padding-bottom:0px}:host(.L\\:v-pr-size-0),.L\\:v-pr-size-0{padding-right:0px}:host(.L\\:v-pl-size-0),.L\\:v-pl-size-0{padding-left:0px}:host(.L\\:v-p-size-4),.L\\:v-p-size-4{padding:4px}:host(.L\\:v-px-size-4),.L\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.L\\:v-py-size-4),.L\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.L\\:v-pt-size-4),.L\\:v-pt-size-4{padding-top:4px}:host(.L\\:v-pb-size-4),.L\\:v-pb-size-4{padding-bottom:4px}:host(.L\\:v-pr-size-4),.L\\:v-pr-size-4{padding-right:4px}:host(.L\\:v-pl-size-4),.L\\:v-pl-size-4{padding-left:4px}:host(.L\\:v-p-size-8),.L\\:v-p-size-8{padding:8px}:host(.L\\:v-px-size-8),.L\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.L\\:v-py-size-8),.L\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.L\\:v-pt-size-8),.L\\:v-pt-size-8{padding-top:8px}:host(.L\\:v-pb-size-8),.L\\:v-pb-size-8{padding-bottom:8px}:host(.L\\:v-pr-size-8),.L\\:v-pr-size-8{padding-right:8px}:host(.L\\:v-pl-size-8),.L\\:v-pl-size-8{padding-left:8px}:host(.L\\:v-p-size-12),.L\\:v-p-size-12{padding:12px}:host(.L\\:v-px-size-12),.L\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.L\\:v-py-size-12),.L\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.L\\:v-pt-size-12),.L\\:v-pt-size-12{padding-top:12px}:host(.L\\:v-pb-size-12),.L\\:v-pb-size-12{padding-bottom:12px}:host(.L\\:v-pr-size-12),.L\\:v-pr-size-12{padding-right:12px}:host(.L\\:v-pl-size-12),.L\\:v-pl-size-12{padding-left:12px}:host(.L\\:v-p-size-16),.L\\:v-p-size-16{padding:16px}:host(.L\\:v-px-size-16),.L\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.L\\:v-py-size-16),.L\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.L\\:v-pt-size-16),.L\\:v-pt-size-16{padding-top:16px}:host(.L\\:v-pb-size-16),.L\\:v-pb-size-16{padding-bottom:16px}:host(.L\\:v-pr-size-16),.L\\:v-pr-size-16{padding-right:16px}:host(.L\\:v-pl-size-16),.L\\:v-pl-size-16{padding-left:16px}:host(.L\\:v-p-size-20),.L\\:v-p-size-20{padding:20px}:host(.L\\:v-px-size-20),.L\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.L\\:v-py-size-20),.L\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.L\\:v-pt-size-20),.L\\:v-pt-size-20{padding-top:20px}:host(.L\\:v-pb-size-20),.L\\:v-pb-size-20{padding-bottom:20px}:host(.L\\:v-pr-size-20),.L\\:v-pr-size-20{padding-right:20px}:host(.L\\:v-pl-size-20),.L\\:v-pl-size-20{padding-left:20px}:host(.L\\:v-p-size-24),.L\\:v-p-size-24{padding:24px}:host(.L\\:v-px-size-24),.L\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.L\\:v-py-size-24),.L\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.L\\:v-pt-size-24),.L\\:v-pt-size-24{padding-top:24px}:host(.L\\:v-pb-size-24),.L\\:v-pb-size-24{padding-bottom:24px}:host(.L\\:v-pr-size-24),.L\\:v-pr-size-24{padding-right:24px}:host(.L\\:v-pl-size-24),.L\\:v-pl-size-24{padding-left:24px}:host(.L\\:v-p-size-32),.L\\:v-p-size-32{padding:32px}:host(.L\\:v-px-size-32),.L\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.L\\:v-py-size-32),.L\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.L\\:v-pt-size-32),.L\\:v-pt-size-32{padding-top:32px}:host(.L\\:v-pb-size-32),.L\\:v-pb-size-32{padding-bottom:32px}:host(.L\\:v-pr-size-32),.L\\:v-pr-size-32{padding-right:32px}:host(.L\\:v-pl-size-32),.L\\:v-pl-size-32{padding-left:32px}:host(.L\\:v-p-size-40),.L\\:v-p-size-40{padding:40px}:host(.L\\:v-px-size-40),.L\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.L\\:v-py-size-40),.L\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.L\\:v-pt-size-40),.L\\:v-pt-size-40{padding-top:40px}:host(.L\\:v-pb-size-40),.L\\:v-pb-size-40{padding-bottom:40px}:host(.L\\:v-pr-size-40),.L\\:v-pr-size-40{padding-right:40px}:host(.L\\:v-pl-size-40),.L\\:v-pl-size-40{padding-left:40px}:host(.L\\:v-p-size-48),.L\\:v-p-size-48{padding:48px}:host(.L\\:v-px-size-48),.L\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.L\\:v-py-size-48),.L\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.L\\:v-pt-size-48),.L\\:v-pt-size-48{padding-top:48px}:host(.L\\:v-pb-size-48),.L\\:v-pb-size-48{padding-bottom:48px}:host(.L\\:v-pr-size-48),.L\\:v-pr-size-48{padding-right:48px}:host(.L\\:v-pl-size-48),.L\\:v-pl-size-48{padding-left:48px}:host(.L\\:v-p-size-64),.L\\:v-p-size-64{padding:64px}:host(.L\\:v-px-size-64),.L\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.L\\:v-py-size-64),.L\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.L\\:v-pt-size-64),.L\\:v-pt-size-64{padding-top:64px}:host(.L\\:v-pb-size-64),.L\\:v-pb-size-64{padding-bottom:64px}:host(.L\\:v-pr-size-64),.L\\:v-pr-size-64{padding-right:64px}:host(.L\\:v-pl-size-64),.L\\:v-pl-size-64{padding-left:64px}:host(.L\\:v-p-size-72),.L\\:v-p-size-72{padding:72px}:host(.L\\:v-px-size-72),.L\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.L\\:v-py-size-72),.L\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.L\\:v-pt-size-72),.L\\:v-pt-size-72{padding-top:72px}:host(.L\\:v-pb-size-72),.L\\:v-pb-size-72{padding-bottom:72px}:host(.L\\:v-pr-size-72),.L\\:v-pr-size-72{padding-right:72px}:host(.L\\:v-pl-size-72),.L\\:v-pl-size-72{padding-left:72px}:host(.L\\:v-p-size-80),.L\\:v-p-size-80{padding:80px}:host(.L\\:v-px-size-80),.L\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.L\\:v-py-size-80),.L\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.L\\:v-pt-size-80),.L\\:v-pt-size-80{padding-top:80px}:host(.L\\:v-pb-size-80),.L\\:v-pb-size-80{padding-bottom:80px}:host(.L\\:v-pr-size-80),.L\\:v-pr-size-80{padding-right:80px}:host(.L\\:v-pl-size-80),.L\\:v-pl-size-80{padding-left:80px}:host(.L\\:v-p-size-112),.L\\:v-p-size-112{padding:112px}:host(.L\\:v-px-size-112),.L\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.L\\:v-py-size-112),.L\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.L\\:v-pt-size-112),.L\\:v-pt-size-112{padding-top:112px}:host(.L\\:v-pb-size-112),.L\\:v-pb-size-112{padding-bottom:112px}:host(.L\\:v-pr-size-112),.L\\:v-pr-size-112{padding-right:112px}:host(.L\\:v-pl-size-112),.L\\:v-pl-size-112{padding-left:112px}:host(.L\\:v-p-size-2),.L\\:v-p-size-2{padding:2px}:host(.L\\:v-px-size-2),.L\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.L\\:v-py-size-2),.L\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.L\\:v-pt-size-2),.L\\:v-pt-size-2{padding-top:2px}:host(.L\\:v-pb-size-2),.L\\:v-pb-size-2{padding-bottom:2px}:host(.L\\:v-pr-size-2),.L\\:v-pr-size-2{padding-right:2px}:host(.L\\:v-pl-size-2),.L\\:v-pl-size-2{padding-left:2px}}@media (min-width: 1440px){:host(.XL\\:v-p-0),.XL\\:v-p-0{padding:0px}:host(.XL\\:v-px-0),.XL\\:v-px-0{padding-left:0px;padding-right:0px}:host(.XL\\:v-py-0),.XL\\:v-py-0{padding-top:0px;padding-bottom:0px}:host(.XL\\:v-pt-0),.XL\\:v-pt-0{padding-top:0px}:host(.XL\\:v-pb-0),.XL\\:v-pb-0{padding-bottom:0px}:host(.XL\\:v-pr-0),.XL\\:v-pr-0{padding-right:0px}:host(.XL\\:v-pl-0),.XL\\:v-pl-0{padding-left:0px}:host(.XL\\:v-p-size-0),.XL\\:v-p-size-0{padding:0px}:host(.XL\\:v-px-size-0),.XL\\:v-px-size-0{padding-left:0px;padding-right:0px}:host(.XL\\:v-py-size-0),.XL\\:v-py-size-0{padding-top:0px;padding-bottom:0px}:host(.XL\\:v-pt-size-0),.XL\\:v-pt-size-0{padding-top:0px}:host(.XL\\:v-pb-size-0),.XL\\:v-pb-size-0{padding-bottom:0px}:host(.XL\\:v-pr-size-0),.XL\\:v-pr-size-0{padding-right:0px}:host(.XL\\:v-pl-size-0),.XL\\:v-pl-size-0{padding-left:0px}:host(.XL\\:v-p-size-4),.XL\\:v-p-size-4{padding:4px}:host(.XL\\:v-px-size-4),.XL\\:v-px-size-4{padding-left:4px;padding-right:4px}:host(.XL\\:v-py-size-4),.XL\\:v-py-size-4{padding-top:4px;padding-bottom:4px}:host(.XL\\:v-pt-size-4),.XL\\:v-pt-size-4{padding-top:4px}:host(.XL\\:v-pb-size-4),.XL\\:v-pb-size-4{padding-bottom:4px}:host(.XL\\:v-pr-size-4),.XL\\:v-pr-size-4{padding-right:4px}:host(.XL\\:v-pl-size-4),.XL\\:v-pl-size-4{padding-left:4px}:host(.XL\\:v-p-size-8),.XL\\:v-p-size-8{padding:8px}:host(.XL\\:v-px-size-8),.XL\\:v-px-size-8{padding-left:8px;padding-right:8px}:host(.XL\\:v-py-size-8),.XL\\:v-py-size-8{padding-top:8px;padding-bottom:8px}:host(.XL\\:v-pt-size-8),.XL\\:v-pt-size-8{padding-top:8px}:host(.XL\\:v-pb-size-8),.XL\\:v-pb-size-8{padding-bottom:8px}:host(.XL\\:v-pr-size-8),.XL\\:v-pr-size-8{padding-right:8px}:host(.XL\\:v-pl-size-8),.XL\\:v-pl-size-8{padding-left:8px}:host(.XL\\:v-p-size-12),.XL\\:v-p-size-12{padding:12px}:host(.XL\\:v-px-size-12),.XL\\:v-px-size-12{padding-left:12px;padding-right:12px}:host(.XL\\:v-py-size-12),.XL\\:v-py-size-12{padding-top:12px;padding-bottom:12px}:host(.XL\\:v-pt-size-12),.XL\\:v-pt-size-12{padding-top:12px}:host(.XL\\:v-pb-size-12),.XL\\:v-pb-size-12{padding-bottom:12px}:host(.XL\\:v-pr-size-12),.XL\\:v-pr-size-12{padding-right:12px}:host(.XL\\:v-pl-size-12),.XL\\:v-pl-size-12{padding-left:12px}:host(.XL\\:v-p-size-16),.XL\\:v-p-size-16{padding:16px}:host(.XL\\:v-px-size-16),.XL\\:v-px-size-16{padding-left:16px;padding-right:16px}:host(.XL\\:v-py-size-16),.XL\\:v-py-size-16{padding-top:16px;padding-bottom:16px}:host(.XL\\:v-pt-size-16),.XL\\:v-pt-size-16{padding-top:16px}:host(.XL\\:v-pb-size-16),.XL\\:v-pb-size-16{padding-bottom:16px}:host(.XL\\:v-pr-size-16),.XL\\:v-pr-size-16{padding-right:16px}:host(.XL\\:v-pl-size-16),.XL\\:v-pl-size-16{padding-left:16px}:host(.XL\\:v-p-size-20),.XL\\:v-p-size-20{padding:20px}:host(.XL\\:v-px-size-20),.XL\\:v-px-size-20{padding-left:20px;padding-right:20px}:host(.XL\\:v-py-size-20),.XL\\:v-py-size-20{padding-top:20px;padding-bottom:20px}:host(.XL\\:v-pt-size-20),.XL\\:v-pt-size-20{padding-top:20px}:host(.XL\\:v-pb-size-20),.XL\\:v-pb-size-20{padding-bottom:20px}:host(.XL\\:v-pr-size-20),.XL\\:v-pr-size-20{padding-right:20px}:host(.XL\\:v-pl-size-20),.XL\\:v-pl-size-20{padding-left:20px}:host(.XL\\:v-p-size-24),.XL\\:v-p-size-24{padding:24px}:host(.XL\\:v-px-size-24),.XL\\:v-px-size-24{padding-left:24px;padding-right:24px}:host(.XL\\:v-py-size-24),.XL\\:v-py-size-24{padding-top:24px;padding-bottom:24px}:host(.XL\\:v-pt-size-24),.XL\\:v-pt-size-24{padding-top:24px}:host(.XL\\:v-pb-size-24),.XL\\:v-pb-size-24{padding-bottom:24px}:host(.XL\\:v-pr-size-24),.XL\\:v-pr-size-24{padding-right:24px}:host(.XL\\:v-pl-size-24),.XL\\:v-pl-size-24{padding-left:24px}:host(.XL\\:v-p-size-32),.XL\\:v-p-size-32{padding:32px}:host(.XL\\:v-px-size-32),.XL\\:v-px-size-32{padding-left:32px;padding-right:32px}:host(.XL\\:v-py-size-32),.XL\\:v-py-size-32{padding-top:32px;padding-bottom:32px}:host(.XL\\:v-pt-size-32),.XL\\:v-pt-size-32{padding-top:32px}:host(.XL\\:v-pb-size-32),.XL\\:v-pb-size-32{padding-bottom:32px}:host(.XL\\:v-pr-size-32),.XL\\:v-pr-size-32{padding-right:32px}:host(.XL\\:v-pl-size-32),.XL\\:v-pl-size-32{padding-left:32px}:host(.XL\\:v-p-size-40),.XL\\:v-p-size-40{padding:40px}:host(.XL\\:v-px-size-40),.XL\\:v-px-size-40{padding-left:40px;padding-right:40px}:host(.XL\\:v-py-size-40),.XL\\:v-py-size-40{padding-top:40px;padding-bottom:40px}:host(.XL\\:v-pt-size-40),.XL\\:v-pt-size-40{padding-top:40px}:host(.XL\\:v-pb-size-40),.XL\\:v-pb-size-40{padding-bottom:40px}:host(.XL\\:v-pr-size-40),.XL\\:v-pr-size-40{padding-right:40px}:host(.XL\\:v-pl-size-40),.XL\\:v-pl-size-40{padding-left:40px}:host(.XL\\:v-p-size-48),.XL\\:v-p-size-48{padding:48px}:host(.XL\\:v-px-size-48),.XL\\:v-px-size-48{padding-left:48px;padding-right:48px}:host(.XL\\:v-py-size-48),.XL\\:v-py-size-48{padding-top:48px;padding-bottom:48px}:host(.XL\\:v-pt-size-48),.XL\\:v-pt-size-48{padding-top:48px}:host(.XL\\:v-pb-size-48),.XL\\:v-pb-size-48{padding-bottom:48px}:host(.XL\\:v-pr-size-48),.XL\\:v-pr-size-48{padding-right:48px}:host(.XL\\:v-pl-size-48),.XL\\:v-pl-size-48{padding-left:48px}:host(.XL\\:v-p-size-64),.XL\\:v-p-size-64{padding:64px}:host(.XL\\:v-px-size-64),.XL\\:v-px-size-64{padding-left:64px;padding-right:64px}:host(.XL\\:v-py-size-64),.XL\\:v-py-size-64{padding-top:64px;padding-bottom:64px}:host(.XL\\:v-pt-size-64),.XL\\:v-pt-size-64{padding-top:64px}:host(.XL\\:v-pb-size-64),.XL\\:v-pb-size-64{padding-bottom:64px}:host(.XL\\:v-pr-size-64),.XL\\:v-pr-size-64{padding-right:64px}:host(.XL\\:v-pl-size-64),.XL\\:v-pl-size-64{padding-left:64px}:host(.XL\\:v-p-size-72),.XL\\:v-p-size-72{padding:72px}:host(.XL\\:v-px-size-72),.XL\\:v-px-size-72{padding-left:72px;padding-right:72px}:host(.XL\\:v-py-size-72),.XL\\:v-py-size-72{padding-top:72px;padding-bottom:72px}:host(.XL\\:v-pt-size-72),.XL\\:v-pt-size-72{padding-top:72px}:host(.XL\\:v-pb-size-72),.XL\\:v-pb-size-72{padding-bottom:72px}:host(.XL\\:v-pr-size-72),.XL\\:v-pr-size-72{padding-right:72px}:host(.XL\\:v-pl-size-72),.XL\\:v-pl-size-72{padding-left:72px}:host(.XL\\:v-p-size-80),.XL\\:v-p-size-80{padding:80px}:host(.XL\\:v-px-size-80),.XL\\:v-px-size-80{padding-left:80px;padding-right:80px}:host(.XL\\:v-py-size-80),.XL\\:v-py-size-80{padding-top:80px;padding-bottom:80px}:host(.XL\\:v-pt-size-80),.XL\\:v-pt-size-80{padding-top:80px}:host(.XL\\:v-pb-size-80),.XL\\:v-pb-size-80{padding-bottom:80px}:host(.XL\\:v-pr-size-80),.XL\\:v-pr-size-80{padding-right:80px}:host(.XL\\:v-pl-size-80),.XL\\:v-pl-size-80{padding-left:80px}:host(.XL\\:v-p-size-112),.XL\\:v-p-size-112{padding:112px}:host(.XL\\:v-px-size-112),.XL\\:v-px-size-112{padding-left:112px;padding-right:112px}:host(.XL\\:v-py-size-112),.XL\\:v-py-size-112{padding-top:112px;padding-bottom:112px}:host(.XL\\:v-pt-size-112),.XL\\:v-pt-size-112{padding-top:112px}:host(.XL\\:v-pb-size-112),.XL\\:v-pb-size-112{padding-bottom:112px}:host(.XL\\:v-pr-size-112),.XL\\:v-pr-size-112{padding-right:112px}:host(.XL\\:v-pl-size-112),.XL\\:v-pl-size-112{padding-left:112px}:host(.XL\\:v-p-size-2),.XL\\:v-p-size-2{padding:2px}:host(.XL\\:v-px-size-2),.XL\\:v-px-size-2{padding-left:2px;padding-right:2px}:host(.XL\\:v-py-size-2),.XL\\:v-py-size-2{padding-top:2px;padding-bottom:2px}:host(.XL\\:v-pt-size-2),.XL\\:v-pt-size-2{padding-top:2px}:host(.XL\\:v-pb-size-2),.XL\\:v-pb-size-2{padding-bottom:2px}:host(.XL\\:v-pr-size-2),.XL\\:v-pr-size-2{padding-right:2px}:host(.XL\\:v-pl-size-2),.XL\\:v-pl-size-2{padding-left:2px}}:host{display:none;box-sizing:border-box;overflow-y:auto;text-align:left;position:fixed;top:0px;left:0px;right:0px;bottom:0px;align-items:flex-start}.modal-dialog{margin-left:auto;margin-right:auto;margin-top:64px;margin-bottom:64px}:host(.align-center){align-items:center}.modal-container{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-shadow:var(--v-shadow-modal, 0px 6px 40px 0px rgba(2, 2, 15, 0.04), 0px 4px 24px 0px rgba(2, 2, 15, 0.08), 0px 8px 80px 0px rgba(2, 2, 15, 0.16));border-radius:12px;box-sizing:border-box;pointer-events:auto;overflow:hidden}:host(.animation) .modal-container{animation-name:animatetop;animation-duration:0.4s}.vega-modal-header{display:flex;align-items:flex-start;flex-direction:row;gap:8px;padding-bottom:0px}.vega-modal-header.vega-modal-header-with-title,.vega-modal-header.vega-modal-header-with-icon{padding-bottom:16px}.vega-modal-header-with-content-scroll:not(.vega-modal-header-with-title):not(.vega-modal-header-with-icon){padding-top:0px;padding-bottom:0px}.vega-modal-header-with-content-scroll.vega-modal-header-with-icon,.vega-modal-header-with-content-scroll.vega-modal-header-with-title{box-shadow:var(--v-shadow-modal-header, 0px 1px 0px 0px rgba(45, 76, 97, 0.15))}.vega-modal-title{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px;flex-grow:1;word-break:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-modal-title{font-family:"Inter", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-modal-title{font-family:"Inter", sans-serif;font-size:24px;font-weight:700;line-height:32px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-modal-title{font-family:"Inter", sans-serif;font-size:28px;font-weight:700;line-height:36px;letter-spacing:0px}}.vega-modal-close-btn{cursor:pointer}.vega-modal-content{padding-top:0px;padding-bottom:0px}.vega-modal-content-with-scroll{padding-top:24px;padding-bottom:24px;overflow:auto}.vega-modal-footer:not(.vega-modal-footer-with-slot){padding-top:0px}.vega-modal-footer-with-content-scroll:not(.vega-modal-footer-with-slot){padding-top:0px;padding-bottom:0px}.vega-modal-footer-with-content-scroll.vega-modal-footer-with-slot{box-shadow:var(--v-shadow-modal-footer, 0px -2px 8px 0px rgba(45, 76, 97, 0.2), 0px -1px 0px 0px rgba(45, 76, 97, 0.15))}.vega-modal-footer-with-content-scroll.vega-modal-footer-with-slot.vega-modal-footer-with-content-scroll-to-bottom{box-shadow:var(--v-shadow-modal-footer-no-scroll, 0px -1px 0px 0px rgba(45, 76, 97, 0.15))}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}';export{k as vega_dialog,C as vega_modal}

package/dist/vega/p-9adde14f.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{h as e,F as t,r as i,c as r,H as n,g as o}from"./p-9777b1c1.js";import{C as s}from"./p-8c414f6f.js";import{d as a,p as d,e as l}from"./p-afc9e3d4.js";import{s as p}from"./p-63676b71.js";import{I as h}from"./p-50c9b4ac.js";import{I as c}from"./p-4a651b91.js";import{F as u}from"./p-8abac75b.js";import{M as v,V as m}from"./p-cb19da5d.js";import{D as g,c as f}from"./p-cb00df88.js";import{g as w,p as b,q as x,V as y}from"./p-b37dbd69.js";import{M as k}from"./p-a90f4bcd.js";import{g as R,D as I}from"./p-de21b1d8.js";import{c as D}from"./p-86194314.js";import{L as j}from"./p-9ad088e0.js";import{b as C}from"./p-b2467703.js";import{b as S}from"./p-bf399c33.js";import{C as T}from"./p-f6642024.js";import{E as V}from"./p-c80d8603.js";import{K as A}from"./p-88a10631.js";import{M as O}from"./p-f92cc0e4.js";import{C as E}from"./p-b76702a8.js";import"./p-0bb29d98.js";import"./p-469bc36e.js";import"./p-381a16b8.js";import"./p-cd4a9488.js";import"./p-9332d73d.js";import"./p-96f54c30.js";import"./p-2e7d94cc.js";import"./p-e179550a.js";import"./p-c384eaff.js";import"./p-f90aef8a.js";import"./p-db9e7583.js";import"./p-29ba4bd0.js";class F{constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e}`);const t=a(e,this.config.timeFormat);return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||"string"==typeof e}}var M=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class $ extends m{constructor(){super(...arguments),this.onTimePickerFocus=async()=>{"single"===this.mode?await this.singleInputRenderer.getInputRef().doFocus():await this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("vega-field-label",{onClick:this.onTimePickerFocus,"is-field-required":this.required,disabled:this.disabled,label:this.label})}}M([v()],$.prototype,"label",void 0),M([v()],$.prototype,"mode",void 0),M([v()],$.prototype,"required",void 0),M([v()],$.prototype,"disabled",void 0),M([v()],$.prototype,"singleInputRenderer",void 0),M([v()],$.prototype,"rangeInputRenderer",void 0);var P=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class z extends m{constructor(){super(...arguments),this.onChildVegaInputChange=e=>{this.valueController.setValue(e.detail)}}getInputRef(){return this.timeInputRef}updateInputValue(e){this.timeInputRef.value=e}render(){return e("div",{class:"time-picker-input"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholder(),disabled:this.disabled,size:this.size,value:"string"==typeof this.value?this.value:"",ref:e=>{this.timeInputRef=e,this.handleVegaInputEvent(e)}}))}handleVegaInputEvent(e){g.addUniqueObserverToNode(e,w,(e=>{this.onChildVegaInputChange(e)})),g.addUniqueObserverToNode(e,b,(()=>{this.singleDropdownController.show()})),g.addUniqueObserverToNode(e,x,(e=>{this.valueController.checkValueAfterInputBlur(e)}))}getPlaceholder(){return this.placeholder&&"string"==typeof this.placeholder?this.placeholder:"Select Time"}}P([v()],z.prototype,"placeholder",void 0),P([v()],z.prototype,"size",void 0),P([v()],z.prototype,"disabled",void 0),P([v()],z.prototype,"value",void 0),P([v()],z.prototype,"valueController",void 0),P([v()],z.prototype,"singleDropdownController",void 0);var B=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class N extends m{constructor(){super(...arguments),this.isMobileDevice=R()===I.MOBILE,this.renderDropdownByTimeSource=()=>e(t,null,this.renderDropdownColumn(this.dropdownSource.hours,"hour"),this.renderDropdownColumn(this.dropdownSource.minutes,"minute"),"12-hour"===this.timeFormat&&this.renderDropdownColumn(["AM","PM"],"amPm")),this.onItemClick=(e,t)=>{this.dropdownSelectedItemsController.setSelectedItems(Object.assign(Object.assign({},this.selectedTimeValue),{[t]:e}))},this.onNowButtonClick=()=>{this.dropdownSelectedItemsController.setSelectedItemsToCurrentTime(),this.singleDropdownController.hide()},this.onApplyButtonClick=()=>{this.valueController.updateValueBySelectedItems(),this.singleDropdownController.hide()}}componentDidRenderCallback(){this.dropdownContainer&&this.dropdownContainer.parentElement===this.dropdown&&this.dropdown.shadowRoot.append(this.dropdownContainer)}getDropdownRef(){return this.dropdown}getSelectedItem(){const e=[],t=this.dropdown.shadowRoot;return t.querySelectorAll(".vega-dropdown-item-selected").forEach((t=>{e.push(t)})),0===e.length&&t.querySelectorAll(".vega-time-picker-dropdown-panel li:first-child").forEach((t=>{e.push(t)})),e}render(){return e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.dropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.dropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownByTimeSource()),e("div",{class:"horizontal-divider v-my-size-12"}),this.renderDropdownFoot()))}renderDropdownColumn(t,i){return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},t.map(((e,t)=>this.renderDropdownItem(e,i,t))))}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:D()},e("span",{"data-index":r,innerHTML:t}))}renderDropdownFoot(){return e("div",{class:"vega-time-picker-dropdown-footer"},e("div",{class:"vega-time-picker-now"},e("vega-button-link",{size:"small",label:"Now",ref:e=>{g.addUniqueObserverToNode(e,y,(()=>{this.onNowButtonClick()}))}})),e("div",null,e("vega-button-link",{size:"small",label:"Apply",ref:e=>{g.addUniqueObserverToNode(e,y,(()=>{this.onApplyButtonClick()}))}})))}isItemSelected(e,t){return this.selectedTimeValue[`${t}`]===e}}B([v()],N.prototype,"timeFormat",void 0),B([v()],N.prototype,"dropdownSource",void 0),B([v()],N.prototype,"selectedTimeValue",void 0),B([v()],N.prototype,"valueController",void 0),B([v()],N.prototype,"dropdownSelectedItemsController",void 0),B([v()],N.prototype,"singleDropdownController",void 0),B([k("componentDidRender")],N.prototype,"componentDidRenderCallback",null);var q=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class L extends m{emitChangeEventOrClearTimePicker(e,t){"range"===this.mode&&C(e,t)||(this.valueGuard(e)?(this.changeEventEmitter.emit(e),T.notify(S,{host:this.host,detail:e})):"single"===this.mode?this.clearTimePicker():this.clearRangeTimePicker())}updateValueIfSelectedItemsChange(){"single"===this.mode&&Object.keys(this.selectedTimeValue).length>0&&this.updateValueBySelectedItems()}resetCurrentValueIfModeChange(){this.resetValue()}checkTheDefaultValueForRangeMode(){"range"===this.mode&&this.value&&!this.valueGuard(this.value)&&this.clearRangeTimePicker()}checkValueAfterInputBlur(e){const t=e.host;this.valueGuard(t.value)?this.increments>1&&this.value&&t.value&&t.value!==this.value&&(t.value=this.value):this.clearTimePicker()}setValue(e){this.valueGuard(e)&&(this.value=e)}resetValue(){this.value="single"===this.mode?"":["",""]}updateValueBySelectedItems(){const e=this.selectedTimeValue.hour?this.selectedTimeValue.hour:"12-hour"===this.timeFormat?"12":"00",t=this.selectedTimeValue.minute?this.selectedTimeValue.minute:"00";this.setValue("12-hour"===this.timeFormat?`${e}:${t} ${this.selectedTimeValue.amPm?this.selectedTimeValue.amPm:"AM"}`:`${e}:${t}`)}updateValueByRangeType(e,t){this.setValue("start"===t?[e,Array.isArray(this.value)&&this.value[1]&&a(this.value[1],this.timeFormat)?this.value[1]:""]:[Array.isArray(this.value)&&this.value[0]&&a(this.value[0],this.timeFormat)?this.value[0]:"",e])}clearRangeTimePicker(){this.value=["",""],this.rangeInputRenderer.getStartInputRef().value="",this.rangeInputRenderer.getEndInputRef().value=""}clearTimePicker(){this.value="",this.singleInputRenderer.getInputRef().value="",this.dropdownSelectedItemsController.setSelectedItems({})}valueGuard(e){let t;switch(this.mode){case"single":t=e&&"string"==typeof e&&a(e,this.timeFormat)||""===e;break;case"range":t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.timeFormat)||""===e))}return t||j.warn(`Invalid time picker value ${e} for ${this.mode} mode`),t}}q([v({writable:!0})],L.prototype,"value",void 0),q([v()],L.prototype,"mode",void 0),q([v()],L.prototype,"timeFormat",void 0),q([v()],L.prototype,"selectedTimeValue",void 0),q([v()],L.prototype,"increments",void 0),q([v()],L.prototype,"changeEventEmitter",void 0),q([v()],L.prototype,"singleInputRenderer",void 0),q([v()],L.prototype,"rangeInputRenderer",void 0),q([v()],L.prototype,"dropdownSelectedItemsController",void 0),q([v()],L.prototype,"host",void 0),q([k("watchValue")],L.prototype,"emitChangeEventOrClearTimePicker",null),q([k("watchSelectedTimeValue")],L.prototype,"updateValueIfSelectedItemsChange",null),q([k("watchMode")],L.prototype,"resetCurrentValueIfModeChange",null),q([k("componentDidLoad")],L.prototype,"checkTheDefaultValueForRangeMode",null);var W=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class H extends V{constructor(){super((()=>({target:this.singleInputRenderer.getInputRef(),appendableElement:this.singleDropdownRenderer.getDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"]})),(()=>"custom"))}initValueAndDropdownSource(){this.valueController.resetValue(),this.initDropdownSource()}initDropdownSourceAndInputMaskConfig(){this.valueController.resetValue(),this.initDropdownSource(),this.inputMaskController.initInputMask()}initDropdownSourceAndSelectedItems(){this.initDropdownSource(),"single"===this.mode&&this.dropdownSelectedItemsController.initSelectedItemsByString(this.value)}hideDropdownWhenDisabled(){"single"===this.mode&&this.hide()}initDropdownSource(){this.dropdownSource={hours:this.getSourceHoursStrings(),minutes:this.getSourceMinutesStrings()}}getSourceMinutesStrings(){(this.increments<1||this.increments>59||isNaN(Number(this.increments)))&&(j.warn("The increments should be between 1 and 59."),this.increments=1);const e=[];for(let t=0;t<60;t+=this.increments)e.push(d(t));return e}getSourceHoursStrings(){const e=[];if("12-hour"===this.timeFormat){e.push("12");for(let t=1;t<12;t++)e.push(d(t))}else for(let t=0;t<24;t++)e.push(d(t));return e}}W([v({writable:!0})],H.prototype,"isDropdownShow",void 0),W([v({writable:!0})],H.prototype,"dropdownSource",void 0),W([v()],H.prototype,"mode",void 0),W([v({writable:!0})],H.prototype,"increments",void 0),W([v()],H.prototype,"timeFormat",void 0),W([v()],H.prototype,"value",void 0),W([v()],H.prototype,"positionRelativeTo",void 0),W([v()],H.prototype,"selectedTimeValue",void 0),W([v()],H.prototype,"singleInputRenderer",void 0),W([v()],H.prototype,"rangeInputRenderer",void 0),W([v()],H.prototype,"singleDropdownRenderer",void 0),W([v()],H.prototype,"valueController",void 0),W([v()],H.prototype,"dropdownSelectedItemsController",void 0),W([v()],H.prototype,"inputMaskController",void 0),W([k("watchIncrements")],H.prototype,"initValueAndDropdownSource",null),W([k("watchTimeFormat")],H.prototype,"initDropdownSourceAndInputMaskConfig",null),W([k("componentWillLoad")],H.prototype,"initDropdownSourceAndSelectedItems",null),W([k("watchDisabled")],H.prototype,"hideDropdownWhenDisabled",null);var _=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class G extends m{constructor(){super(...arguments),this.DROPDOWN_ITEM_DEFAULT_HEIGHT=32,this.initSelectedItemsByString=e=>{this.selectedTimeValue=""!==e&&a(e,this.timeFormat)?this.getClosetTimeValue(e):{}},this.scrollToSelectedElement=e=>{const t=e.closest("ul"),i=Number(e.dataset.index)*this.DROPDOWN_ITEM_DEFAULT_HEIGHT;t.scrollTop=i},this.getClosestMinuteForCurrent=e=>{const t=this.dropdownSource.minutes.filter((t=>Number(t)<=Number(e)));return t[t.length-1]},this.getCurrentTime=e=>{const t=new Date(Date.now()).getHours(),i=d(new Date(Date.now()).getMinutes());return"12-hour"===e?{hour:d(t>12?t-12:0===t?12:t),minute:i,amPm:t>=12?"PM":"AM"}:{hour:d(t),minute:i}},this.selectedElementScrollTop=()=>{("single"===this.mode?this.singleDropdownRenderer.getSelectedItem():this.rangeDropdownRenderer.getSelectedItem()).forEach((e=>{this.scrollToSelectedElement(e)}))}}syncSelectedItemsByValueChange(e){"single"===this.mode&&(!a(e,this.timeFormat)&&e||this.initSelectedItemsByString(e))}syncSelectedItemsPositionWhenDropdownShow(e){e&&(this.disabled||this.selectedElementScrollTop())}syncSelectedItemsPosition(){("single"===this.mode&&Object.keys(this.selectedTimeValue).length>0||"range"===this.mode&&Array.isArray(this.value)&&(this.value[0]||this.value[1]))&&this.selectedElementScrollTop()}setSelectedItems(e){this.selectedTimeValue=e}setSelectedItemsToCurrentTime(){this.selectedTimeValue=this.getCurrentTime(this.timeFormat)}getClosetTimeValue(e){const t=e.replace(" ",":").split(":");return{hour:t[0],minute:this.increments>1?this.getClosestMinuteForCurrent(t[1]):t[1],amPm:"12-hour"===this.timeFormat?t[2]:void 0}}}_([v({writable:!0})],G.prototype,"selectedTimeValue",void 0),_([v()],G.prototype,"mode",void 0),_([v()],G.prototype,"value",void 0),_([v()],G.prototype,"timeFormat",void 0),_([v()],G.prototype,"dropdownSource",void 0),_([v()],G.prototype,"increments",void 0),_([v()],G.prototype,"disabled",void 0),_([v()],G.prototype,"singleDropdownRenderer",void 0),_([v()],G.prototype,"rangeDropdownRenderer",void 0),_([k("watchValue")],G.prototype,"syncSelectedItemsByValueChange",null),_([k("watchIsDropdownShow")],G.prototype,"syncSelectedItemsPositionWhenDropdownShow",null),_([k("componentDidRender")],G.prototype,"syncSelectedItemsPosition",null);var K=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class Y extends A{constructor(){super((e=>{const t=e.singleDropdownRenderer.getDropdownRef(),i=e.rangeDropdownRenderer.getStartDropdownRef(),r=e.rangeDropdownRenderer.getEndDropdownRef();return[{keyCode:"Enter",activeElementInScope:[e.host],callback:e.componentBlurAndHideDropdown},{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[t,i,r],callback:t=>{e.switchHourOrMinuteFocus(t)}},{keyCode:"Escape",activeElementInScope:[e.host,t,i,r],callback:e.componentBlurAndHideDropdown}]})),this.componentBlurAndHideDropdown=async()=>{"single"===this.mode?(await this.singleInputRenderer.getInputRef().doBlur(),this.singleDropdownController.hide()):(await this.rangeInputRenderer.getStartInputRef().doBlur(),await this.rangeInputRenderer.getEndInputRef().doBlur(),this.startDropdownController.hide(),this.endDropdownController.hide())}}switchHourOrMinuteFocus(e){const t=e.key,i=e.composedPath()[0];let r=null;"LI"===i.tagName&&"menuitem"===i.getAttribute("role")&&(r="ArrowDown"===t?i.nextElementSibling:i.previousElementSibling),r&&r.focus()}}K([v()],Y.prototype,"host",void 0),K([v()],Y.prototype,"mode",void 0),K([v()],Y.prototype,"singleInputRenderer",void 0),K([v()],Y.prototype,"singleDropdownRenderer",void 0),K([v()],Y.prototype,"rangeDropdownRenderer",void 0),K([v()],Y.prototype,"rangeInputRenderer",void 0),K([v()],Y.prototype,"singleDropdownController",void 0),K([v()],Y.prototype,"startDropdownController",void 0),K([v()],Y.prototype,"endDropdownController",void 0);var U=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class X extends m{constructor(){super(...arguments),this.isMobileDevice=R()===I.MOBILE,this.onInputChange=e=>{e.host.parentElement.classList.contains("time-picker-input-start")?this.valueController.updateValueByRangeType(e.detail,"start"):this.valueController.updateValueByRangeType(e.detail,"end")},this.timePickerInputFocus=e=>{const t=e.host,i=Array.isArray(this.value)?this.value:["",""];t.parentElement.classList.contains("time-picker-input-start")?this.startDropdownController.showAndScrollPosition(i[0]):this.endDropdownController.showAndScrollPosition(i[1]?i[1]:i[0])},this.timePickerInputBlur=e=>{const t=e.host,i=t.parentElement.classList.contains("time-picker-input-start")?"start":"end";if(a(t.value,this.timeFormat)){if(t.value&&this.increments>1){const{hour:e,minute:i,amPm:r}=this.dropdownSelectedItemsController.getClosetTimeValue(t.value);t.value=`${e}:${i}${r?" "+r:""}`}}else t.value="",this.valueController.updateValueByRangeType("",i)}}getStartInputRef(){return this.startTimeInputRef}getEndInputRef(){return this.endTimeInputRef}render(){const i=Array.isArray(this.value)?this.value[0]:"",r=Array.isArray(this.value)?this.value[1]:"";return e(t,null,e("vega-flex",{class:"v-w-full",gap:"0","align-items":"center",direction:this.isMobileDevice?"col":"row"},e("div",{class:"time-picker-input time-picker-input-start vega-flex-basis-0 vega-flex-grow"},e("vega-input",{"prefix-icon":"clock-face",placeholder:this.getPlaceholderBySourceType("start"),disabled:this.disabled,size:this.size,value:i,ref:e=>(this.handlerEvent(e),this.startTimeInputRef=e),"show-clear-icon":"false"})),e("span",{class:"range-input-divider v-min-w-min vega-flex-shrink-0"}),e("div",{class:"time-picker-input time-picker-input-end vega-flex-basis-0 vega-flex-grow"},e("vega-input",{placeholder:this.getPlaceholderBySourceType("end"),disabled:this.disabled,size:this.size,value:r,ref:e=>(this.handlerEvent(e),this.endTimeInputRef=e),"show-clear-icon":"false"}))),this.rangeClearButtonRenderer.render())}handlerEvent(e){g.addUniqueObserverToNode(e,x,(e=>{this.timePickerInputBlur(e)})),g.addUniqueObserverToNode(e,w,(e=>{this.onInputChange(e)})),g.addUniqueObserverToNode(e,b,(e=>{this.timePickerInputFocus(e)}))}getPlaceholderBySourceType(e){return"start"===e?Array.isArray(this.placeholder)&&this.placeholder[0]?this.placeholder[0]:"Start Time":Array.isArray(this.placeholder)&&this.placeholder[1]?this.placeholder[1]:"End Time"}}U([v()],X.prototype,"mode",void 0),U([v()],X.prototype,"placeholder",void 0),U([v()],X.prototype,"disabled",void 0),U([v()],X.prototype,"size",void 0),U([v()],X.prototype,"positionRelativeTo",void 0),U([v()],X.prototype,"timeFormat",void 0),U([v()],X.prototype,"increments",void 0),U([v()],X.prototype,"value",void 0),U([v()],X.prototype,"startDropdownController",void 0),U([v()],X.prototype,"endDropdownController",void 0),U([v()],X.prototype,"valueController",void 0),U([v()],X.prototype,"rangeClearButtonRenderer",void 0),U([v()],X.prototype,"rangeDropdownRenderer",void 0),U([v()],X.prototype,"dropdownSelectedItemsController",void 0);var J=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class Q extends m{constructor(){super(...arguments),this.isMobileDevice=R()===I.MOBILE,this.renderStartDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown start-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.startDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.startDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("start")))),this.renderEndDropdown=()=>e("vega-time-picker-dropdown",{class:{"vega-time-picker-dropdown end-dropdown":!0,mobile:this.isMobileDevice},ref:e=>this.endDropdown=e},e("div",{class:"vega-time-picker-dropdown-container",ref:e=>this.endDropdownContainer=e},e("div",{class:"vega-time-picker-dropdown-panel"},this.renderDropdownList("end")))),this.renderDropdownList=t=>{const i=this.getTimeArray();return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"vega-time-picker-panel-column":!0}},i.map(((e,i)=>this.renderDropdownItem(e,t,i))))}}componentDidRenderCallback(){this.startDropdownContainer&&this.startDropdownContainer.parentElement===this.startDropdown&&this.startDropdown.shadowRoot.append(this.startDropdownContainer),this.endDropdownContainer&&this.endDropdownContainer.parentElement===this.endDropdown&&this.endDropdown.shadowRoot.append(this.endDropdownContainer)}getStartDropdownRef(){return this.startDropdown}getEndDropdownRef(){return this.endDropdown}getSelectedItem(){const e=this.startDropdown.shadowRoot,t=this.endDropdown.shadowRoot;let i=[e.querySelector(".vega-dropdown-item-selected"),t.querySelector(".vega-dropdown-item-selected")].filter(O);return 0===i.length&&(i=[e.querySelector(".vega-time-picker-dropdown-panel li:first-child"),t.querySelector(".vega-time-picker-dropdown-panel li:first-child")].filter(O)),i}render(){return e(t,null,this.renderStartDropdown(),this.renderEndDropdown())}renderDropdownItem(t,i,r){return e("li",{key:t,role:"menuitem","aria-label":t,class:{"vega-dropdown-item-selected":this.isItemSelected(t,i)},tabIndex:0===r?0:-1,"data-index":r,onClick:()=>this.onItemClick(t,i),onKeyDown:D()},e("span",{"data-index":r,innerHTML:t}))}onItemClick(e,t){this.valueController.updateValueByRangeType(e,t),"start"===t?(this.startDropdownController.hide(),this.rangeInputRenderer.getEndInputRef().doFocus()):this.endDropdownController.hide()}isItemSelected(e,t){const i=this.value&&Array.isArray(this.value)?this.value:["",""];return"start"===t&&i[0]===e||"end"===t&&i[1]===e}getTimeArray(){const e=[],t=[],i=[],r=this.timeFormat,{hours:n,minutes:o}=this.dropdownSource;if(this.dropdownSource)for(let s=0;s<n.length;s++)for(let a=0;a<o.length;a++){const d=`${n[s]}:${o[a]}`;e.push(d),"12-hour"===r&&(i.push(d+" AM"),t.push(d+" PM"))}return"12-hour"===r?i.concat(t):e}}J([v()],Q.prototype,"timeFormat",void 0),J([v()],Q.prototype,"value",void 0),J([v()],Q.prototype,"dropdownSource",void 0),J([v()],Q.prototype,"valueController",void 0),J([v()],Q.prototype,"rangeInputRenderer",void 0),J([v()],Q.prototype,"startDropdownController",void 0),J([v()],Q.prototype,"endDropdownController",void 0),J([k("componentDidRender")],Q.prototype,"componentDidRenderCallback",null);var Z=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class ee extends m{constructor(){super(...arguments),this.onClickClearIcon=()=>{this.valueController.clearRangeTimePicker(),this.endDropdownController.hide(),this.rangeInputRenderer.getStartInputRef().doFocus()}}render(){return e("div",{class:{"vega-time-picker-range-clear-icon":!0,invisible:!this.isInvisible()},"aria-label":"clear input",role:"button",tabindex:"-1",onClick:this.onClickClearIcon,onKeyDown:D()},e("vega-icon",{icon:"close",class:"v-min-w-min vega-flex-shrink-0"}))}isInvisible(){return!this.disabled&&Array.isArray(this.value)&&(Boolean(this.value[0])||Boolean(this.value[1]))}}Z([v()],ee.prototype,"disabled",void 0),Z([v()],ee.prototype,"value",void 0),Z([v()],ee.prototype,"valueController",void 0),Z([v()],ee.prototype,"endDropdownController",void 0),Z([v()],ee.prototype,"rangeInputRenderer",void 0);class te{constructor(e){this.config=e}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Unexpected type of input: ${typeof e}: ${e}`);const t=this.isStartTimeBeforeEndTime(e[0],e[1]);return{isValid:t,message:t?"":"The end time should be later than start time"}}isAcceptedInputType(e){return Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)))}isStartTimeBeforeEndTime(e,t){const i=new Date,r=`${i.getFullYear()}-${i.getMonth()+1}-${i.getDate()}`;return new Date(`${r} ${l(t)}`)>new Date(`${r} ${l(e)}`)}}var ie=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class re extends m{initInputMask(){const e={type:"custom",options:{mask:"12-hour"===this.timeFormat?"xx:xx xx":"xx:xx",slot:"x",accept:"12-hour"===this.timeFormat?/[0-9|A|P|M]/:/\d/}};"range"===this.mode?(this.rangeInputRenderer.getStartInputRef().maskConfig=e,this.rangeInputRenderer.getEndInputRef().maskConfig=e):this.singleInputRenderer.getInputRef().maskConfig=e}}ie([v()],re.prototype,"timeFormat",void 0),ie([v()],re.prototype,"mode",void 0),ie([v()],re.prototype,"singleInputRenderer",void 0),ie([v()],re.prototype,"rangeInputRenderer",void 0),ie([k("componentDidLoad")],re.prototype,"initInputMask",null);var ne=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};class oe extends V{constructor(e){super((()=>({target:"start"===e?this.rangeInputRenderer.getStartInputRef():this.rangeInputRenderer.getEndInputRef(),appendableElement:"start"===e?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef(),positionRelativeTo:this.positionRelativeTo,translocation:{X:0,Y:8},placement:["bottom","top"],matchTargetWidth:!0})),(()=>"custom"),"isRangeDropdownShow"),this.isRangeDropdownShow=!1,this.rangeDropdownType="start",this.showAndScrollPosition=e=>{if(this.show(),e){const t=("start"===this.rangeDropdownType?this.rangeDropdownRenderer.getStartDropdownRef():this.rangeDropdownRenderer.getEndDropdownRef()).shadowRoot.querySelector(`[aria-label="${e}"]`);t&&this.dropdownSelectedItemsController.scrollToSelectedElement(t)}},this.rangeDropdownType=e}hideDropdownWhenDisabled(){"range"===this.mode&&this.isRangeDropdownShow&&this.hide()}}ne([v()],oe.prototype,"positionRelativeTo",void 0),ne([v()],oe.prototype,"mode",void 0),ne([v()],oe.prototype,"rangeDropdownRenderer",void 0),ne([v()],oe.prototype,"rangeInputRenderer",void 0),ne([v()],oe.prototype,"dropdownSelectedItemsController",void 0),ne([k("watchDisabled")],oe.prototype,"hideDropdownWhenDisabled",null);class se{constructor(e){this.config=e}evaluate(e){if(!this.isAcceptedInputType(e))throw new Error(`Invalid time value ${e} for range mode`);const t=Array.isArray(e)&&2===e.length&&e.every((e=>a(e,this.config.timeFormat)));return{isValid:t,message:t?"":"This field is required"}}canEvaluate(e,t){return t?this.isAcceptedInputType(e)&&!t.disabled&&t.visible:this.isAcceptedInputType(e)}shouldShowError(e){return!e.disabled&&e.visible&&(e.touched||e.modified)}isAcceptedInputType(e){return null==e||Array.isArray(e)}}var ae=function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);return o>3&&s&&Object.defineProperty(t,i,s),s};const de=class{constructor(e){i(this,e),this.vegaChange=r(this,"vegaChange",7),this.change=r(this,"change",7),this.globalSlimmers={},this.labelRenderer=new $,this.singleInputRenderer=new z,this.singleDropdownRenderer=new N,this.valueController=new L,this.singleDropdownController=new H,this.dropdownSelectedItemsController=new G,this.keyboardController=new Y,this.formFieldController=new u({propertyRules:[{propertyName:"required",ruleFactory:(e,t,i)=>e?"range"===i?new se({timeFormat:t}):new F({timeFormat:t}):null,dependence:["timeFormat","mode"]},{propertyName:"timeFormat",ruleFactory:(e,t,i)=>e&&t?"range"===i?new se({timeFormat:e}):new F({timeFormat:e}):null,dependence:["required","mode"]},{propertyName:"mode",ruleFactory:(e,t)=>"range"===e?new te({timeFormat:t}):null,dependence:"timeFormat"}],validationRulesName:"validationRules",defaultValue:e=>"range"===e.mode?["",""]:"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>"single"===this.mode?[this.singleInputRenderer.getInputRef()]:[this.rangeInputRenderer.getStartInputRef(),this.rangeInputRenderer.getEndInputRef()]}),this.rangeInputRenderer=new X,this.rangeClearButtonRenderer=new ee,this.rangeDropdownRenderer=new Q,this.startDropdownController=new oe("start"),this.endDropdownController=new oe("end"),this.inputMaskController=new re,this.inputEventPrevent=new E([w],(()=>this.inputContainerRef)),this.changeEventEmitter=f(de,w),this.isMobileDevice=R()===I.MOBILE,this.dropdownSource={hours:[],minutes:[]},this.isDropdownShow=!1,this.selectedTimeValue={},this.mode="single",this.required=!1,this.increments=1,this.timeFormat="24-hour",this.value="range"===this.mode?["",""]:"",this.size="default",this.disabled=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[]}async watchIsDropdownShow(e){}watchSelectedTimeValue(){}watchMode(){}watchIncrements(){}watchTimeFormat(){}watchValue(e,t){}watchDisabled(){}watchValidationRules(){}componentWillLoad(){}componentDidLoad(){}componentDidRender(){}render(){const t="range"===this.mode;return p(e(n,{class:{disabled:this.disabled}},this.labelRenderer.render(),e("div",{class:{"vega-time-picker-input-container":!0,"range-mode":t,mobile:t&&this.isMobileDevice},ref:e=>this.inputContainerRef=e},t?this.rangeInputRenderer.render():this.singleInputRenderer.render()),t?this.rangeDropdownRenderer.render():this.singleDropdownRenderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{isDropdownShow:["watchIsDropdownShow"],selectedTimeValue:["watchSelectedTimeValue"],mode:["watchMode"],increments:["watchIncrements"],timeFormat:["watchTimeFormat"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};ae([c()],de.prototype,"globalSlimmers",void 0),ae([h()],de.prototype,"labelRenderer",void 0),ae([h()],de.prototype,"singleInputRenderer",void 0),ae([h()],de.prototype,"singleDropdownRenderer",void 0),ae([h()],de.prototype,"valueController",void 0),ae([h()],de.prototype,"singleDropdownController",void 0),ae([h()],de.prototype,"dropdownSelectedItemsController",void 0),ae([h()],de.prototype,"keyboardController",void 0),ae([h()],de.prototype,"formFieldController",void 0),ae([h()],de.prototype,"rangeInputRenderer",void 0),ae([h()],de.prototype,"rangeClearButtonRenderer",void 0),ae([h()],de.prototype,"rangeDropdownRenderer",void 0),ae([h()],de.prototype,"startDropdownController",void 0),ae([h()],de.prototype,"endDropdownController",void 0),ae([h()],de.prototype,"inputMaskController",void 0),ae([h()],de.prototype,"inputEventPrevent",void 0),ae([h()],de.prototype,"changeEventEmitter",void 0),ae([s()],de.prototype,"watchValue",null),de.style='/* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */ /* This file is generated by vega-design 2.0.71 */\n:host {\n display: inline-block;\n text-align: left;\n line-height: normal;\n width: 100%;\n}\n\nvega-field-label {\n margin-bottom: 8px;\n}\n\nvega-input::part(field-error-message) {\n display: none;\n}\n\n.vega-error {\n font-family: "Inter", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0px;\n color: rgba(var(--v-text-error, 189, 41, 71, 1));\n display: block;\n padding-top: 12px;\n padding-right: 8px;\n padding-left: 8px;\n}\n@media screen and (min-width: 768px) and (max-width: 1023px) {\n .vega-error {\n font-family: "Inter", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0px;\n }\n}\n@media screen and (min-width: 1024px) and (max-width: 1439px) {\n .vega-error {\n font-family: "Inter", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0px;\n }\n}\n@media screen and (min-width: 1440px) and (max-width: 9999px) {\n .vega-error {\n font-family: "Inter", sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 18px;\n letter-spacing: 0px;\n }\n}\n\n.vega-time-picker-input-container.error vega-input::part(input-container) {\n border-width: 0px;\n}\n\n.vega-time-picker-input-container.error vega-input::part(input-container):hover {\n border-width: 0px;\n}\n\n.vega-time-picker-input-container.error vega-input::part(input-container):focus-within {\n box-shadow: 0 0 0 0;\n}\n\n.vega-time-picker-input-container.error {\n border-radius: 8px;\n border: 1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));\n}\n\n.vega-time-picker-input-container.error:hover {\n border: 1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));\n}\n\n.vega-time-picker-input-container.error:focus-within {\n border: 1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));\n box-shadow: 0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25));\n}\n\n.vega-hidden {\n display: none;\n}\n\n.range-input-divider {\n width: 1px;\n height: 24px;\n border-style: solid;\n border-right-width: 1px;\n border-top-width: 0px;\n border-bottom-width: 0px;\n border-left-width: 0px;\n border-color: rgba(var(--v-border-color-divider, 171, 198, 216, 1));\n}\n\n.mobile .range-input-divider {\n width: 100%;\n height: 1px;\n border-style: solid;\n border-right-width: 0px;\n border-top-width: 1px;\n border-bottom-width: 0px;\n border-left-width: 0px;\n}\n\n.mobile .time-picker-input-end vega-input::part(input) {\n padding-left: 26px;\n}\n\n.range-mode {\n position: relative;\n background-color: rgba(var(--v-bg-primary, 252, 252, 252, 1));\n border-radius: 8px;\n border: 1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));\n}\n\n:host(.disabled) .range-mode {\n background-color: rgba(var(--v-bg-secondary, 245, 247, 247, 1));\n}\n\n:host:not(.disabled) .range-mode:not(.error):hover {\n border: 1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));\n}\n\n.range-mode vega-input::part(input-container),\n:host(.disabled) .range-mode vega-input::part(input-container):hover {\n border-width: 0px;\n}\n\n.range-mode:not(.error) .time-picker-input-start vega-input::part(input-container):focus-within,\n.range-mode:not(.error) .time-picker-input-end vega-input::part(input-container):focus-within {\n @apply v-border-input-field-focus;\n margin: -1px;\n}\n\n.range-mode .vega-time-picker-range-clear-icon {\n position: absolute;\n width: 16px;\n height: 16px;\n cursor: pointer;\n color: rgba(var(--v-text-secondary, 107, 116, 125, 1));\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n}\n\n.range-mode.mobile .vega-time-picker-range-clear-icon {\n top: 75%;\n}\n\n.range-mode.mobile .time-picker-input {\n width: 100%;\n}\n\nvega-time-picker-dropdown.vega-force-hidden {\n display: none !important;\n}\n\n.vega-time-picker-range-clear-icon.invisible {\n visibility: hidden;\n}';const le=class{constructor(e){i(this,e),this.globalSlimmers={}}render(){return p(e(n,null),this.host)}get host(){return o(this)}};(function(e,t,i,r){var n,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,r);else for(var a=e.length-1;a>=0;a--)(n=e[a])&&(s=(o<3?n(s):o>3?n(t,i,s):n(t,i))||s);o>3&&s&&Object.defineProperty(t,i,s)})([c()],le.prototype,"globalSlimmers",void 0),le.style=':host(.vega-time-picker-dropdown){border-radius:12px;position:absolute;overflow:hidden}:host(.vega-force-hidden){display:none !important}.vega-time-picker-dropdown-container{flex-direction:column;position:relative;padding-top:16px;padding-bottom:16px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:12px;box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1))}.vega-time-picker-dropdown-panel{display:flex;height:224px}.vega-time-picker-dropdown-panel>ul{flex-grow:1;overflow:hidden;padding-left:0px;margin:0px;width:72px;list-style-type:none;scroll-behavior:smooth}.vega-time-picker-dropdown-panel>ul:hover{overflow-y:auto}.vega-time-picker-dropdown.mobile .vega-time-picker-dropdown-panel>ul{overflow-y:auto;overflow-x:hidden}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar{width:4px}.vega-time-picker-dropdown-panel>ul:hover::-webkit-scrollbar-thumb{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1));border-radius:9999px}.vega-time-picker-panel-column:not(:last-child){border-right-width:1px;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1));border-right-style:solid}.vega-time-picker-dropdown-panel>ul>li{padding-top:4px;padding-bottom:4px;padding-left:16px;cursor:pointer;display:flex;align-items:center;width:100%}.vega-time-picker-dropdown-panel>ul>li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}.vega-time-picker-dropdown-panel>ul>li.vega-dropdown-item-selected{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-time-picker-dropdown-panel>ul>li{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none;outline:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-time-picker-dropdown-panel>ul>li{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-time-picker-panel-column::after{display:block;height:192px;content:""}.vega-time-picker-dropdown-footer{display:flex;padding-left:16px;padding-right:16px;justify-content:flex-end}.vega-time-picker-dropdown-footer .vega-time-picker-now{flex-grow:1}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;margin-top:12px;margin-bottom:12px}';export{de as vega_time_picker,le as vega_time_picker_dropdown}

package/dist/vega/p-b37dbd69.js ADDED Viewed

@@ -0,0 +1 @@

+ import{L as e}from"./p-9ad088e0.js";class t{constructor(e,t){this.vegaName=e,this.nativeName=t}getName(){return this.getVegaName()}getCurrentName(e){return"native"!==e.namespace?this.getVegaName():this.getNativeName()}getVegaName(){return this.vegaName}getNativeName(){return this.nativeName}isBrowserRawEvent(){return H.includes(this)}}const a=new t("vegaChange","change"),n=new t("vegaClick","click"),s=new t("vegaFocus","focus"),r=new t("vegaBlur","blur"),o=new t("vegaClose","close"),c=new t("vegaOpen","modalOpen"),g=new t("vegaValidate","validate"),i=new t("vegaFormSubmit","formSubmit"),v=new t("vegaFormReset","formReset"),u=new t("vegaRowClick","rowClick"),l=new t("vegaSelectChange","selectChange"),h=new t("vegaSelectAllChange","selectAllChange"),p=new t("vegaPageSizeChange","pageSizeChange"),d=new t("vegaDropdownClick","dropdownClick"),w=new t("vegaCreate","create"),m=new t("vegaSearch","search"),b=new t("vegaPopoverShow","popoverShow"),S=new t("vegaPopoverHide","popoverHide"),C=new t("vegaCancel","cancel"),k=new t("vegaRemove","remove"),x=new t("vegaPageUpdate","pageUpdate"),E=new t("vegaCurrentStepUpdate","currentStepUpdate"),f=new t("vegaToggleStatus","toggleStatus"),y=new t("vegaStateUpdate","stateUpdate"),T=new t("vegaGroupClick","groupClick"),A=new t("vegaMenuClick","menuClick"),N=new t("vegaExpand","accordionExpand"),R=new t("vegaShow","dropdownShow"),U=new t("vegaHide","dropdownHide"),j=new t("vegaSearch","dropdownSearch"),H=[a,n,s,r],M=new Map([["vega-accordion",[N]],["vega-app-header-button",[n,d]],["vega-breadcrumb",[n]],["vega-button",[n]],["vega-button-circle",[n]],["vega-button-link",[n]],["vega-carousel",[x]],["vega-checkbox",[a]],["vega-checkbox-group",[a]],["vega-chip",[o,n]],["vega-color-picker",[a]],["vega-combo-box",[a,w,m]],["vega-date-picker",[a]],["vega-dropdown",[R,U,d,w,j]],["vega-dropdown-item",[n]],["vega-field-label",[n]],["vega-form",[i,v,g]],["vega-image-uploader",[a,k,C]],["vega-input",[a,s,r]],["vega-input-credit-card",[a,r,s]],["vega-input-range",[a]],["vega-input-select",[a,m]],["vega-item-toggle",[f]],["vega-modal",[c,o]],["vega-left-nav",[y]],["vega-left-nav-group",[T]],["vega-left-nav-link",[A]],["vega-pagination",[a,p]],["vega-popover",[b,S]],["vega-progress-tracker",[E]],["vega-radio",[a,s,r]],["vega-radio-group",[a]],["vega-segment-control",[a]],["vega-stepper",[a]],["vega-tab-group",[n]],["vega-table",[a,l,h,u]],["vega-table-head-cell",[n]],["vega-table-row",[n]],["vega-textarea",[a,r]],["vega-time-picker",[a]],["vega-toggle-switch",[a]]]);class O{getHostName(){return this.vegaComponentName}getEventName(){return this.eventName}handle(e,t){const a=this.createEventTarget(e);a.style.display="none",e.appendChild(a);const n=this.createEvent(this.eventName);return t&&Object.defineProperty(n,"detail",{configurable:!0,value:t}),a.dispatchEvent(n),a.remove(),n}copyAttributesToTarget(t,a){t&&a&&Array.from(t.attributes).filter((e=>!e.name.startsWith("on"))).forEach((n=>{try{a.setAttribute(n.name,n.value)}catch(a){e.error(`Delegated strategy copy ${t.tagName} attribute '${n.name}' error.`)}}))}createEvent(e){let t=new Event(e,{bubbles:!0,cancelable:!0});return"click"===e&&(t=new MouseEvent(e,{bubbles:!0,cancelable:!0})),t}}class B extends O{constructor(){super(...arguments),this.eventName="click",this.vegaComponentName="vega-button"}createEventTarget(e){const t=document.createElement("button");return this.copyAttributesToTarget(e,t),t.type=e.type,t}}class D extends O{constructor(){super(...arguments),this.eventName="change",this.vegaComponentName="vega-checkbox"}createEventTarget(e){const t=document.createElement("input");return this.copyAttributesToTarget(e,t),t.type="checkbox",t.checked=e.checked,t}}class F extends O{constructor(){super(...arguments),this.eventName="change",this.vegaComponentName="vega-input-select"}createEventTarget(e){const t=document.createElement("select");return this.copyAttributesToTarget(e,t),e.value&&(t.value=e.value.toString()),t}}class I extends O{constructor(e){super(),this.vegaComponentName="vega-input",this.eventName=e}createEventTarget(e){const t=document.createElement("input");return this.copyAttributesToTarget(e,t),t.type=e.type,t.value=e.value,t}}class P extends O{constructor(){super(...arguments),this.eventName="change",this.vegaComponentName="vega-radio"}createEventTarget(e){const t=document.createElement("input");return this.copyAttributesToTarget(e,t),t.type="radio",t.checked=e.checked,t}}class z extends O{constructor(){super(...arguments),this.vegaComponentName="vega-textarea",this.eventName="change"}createEventTarget(e){const t=document.createElement("textarea");return this.copyAttributesToTarget(e,t),t.value=e.value,t}}const V=new class{constructor(){this.strategyRegistry=new Map,this.updateStrategyRegistry([new B,new I("change"),new I("focus"),new I("blur"),new F,new z,new D,new P])}isSupportDelegated(e,t){let a=!1;const n=e.tagName.toLowerCase();return this.strategyRegistry.get(n)&&this.strategyRegistry.get(n).get(t.getNativeName())&&(a=!0),a}updateRegistryFromEventSemantics(e){let t=[];const{global:a,components:n}=e;if(a&&Array.isArray(a.jqueryDelegatedEvent)&&(t=t.concat(a.jqueryDelegatedEvent)),n)for(const e in n)Array.isArray(n[e].jqueryDelegatedEvent)&&(t=t.concat(n[e].jqueryDelegatedEvent));t.length&&this.updateStrategyRegistry(t)}getStrategy(e,t){const a=e.tagName.toLowerCase();if(this.strategyRegistry&&this.strategyRegistry.get(a))return this.strategyRegistry.get(a).get(t.getNativeName())}updateStrategyRegistry(e){e.forEach((e=>{const t=e.getHostName(),a=e.getEventName();if(this.strategyRegistry.get(t))this.strategyRegistry.get(t).set(a,e);else{const n=new Map;n.set(a,e),this.strategyRegistry.set(t,n)}}))}},G=new class{constructor(){this.config={},this.defaultEventSemantics={namespace:"vega"}}setSemantics(e){this.config=e,V.updateRegistryFromEventSemantics(e)}getSemantics(e){return Object.assign({},this.defaultEventSemantics,this.getSemanticsInGlobal(),this.getSemanticsInComponents(e))}getEnabledEventIdsByComponent(e){return M.get(e)}getSemanticsInGlobal(){return this.config.global}getSemanticsInComponents(e){const t=e.tagName.toLocaleLowerCase();return this.config.components&&Object.prototype.hasOwnProperty.call(this.config.components,t)?this.config.components[t]:null}};export{A,O as B,l as C,h as D,u as E,G as I,n as V,N as a,d as b,R as c,U as d,x as e,o as f,a as g,w as h,m as i,V as j,i as k,v as l,g as m,k as n,C as o,s as p,r as q,j as r,f as s,p as t,E as u,c as v,b as w,S as x,y,T as z}

package/dist/vega/{p-33bbb0e8.entry.js → p-b467bddf.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{h as e,F as t,r as a,c as i,H as n,g as o}from"./p-9777b1c1.js";import{s as r}from"./p-63676b71.js";import{M as s,V as l}from"./p-cb19da5d.js";import{I as c}from"./p-50c9b4ac.js";import{s as d}from"./p-6bd5c49b.js";import{I as h}from"./p-4a651b91.js";import{M as b}from"./p-a90f4bcd.js";import{P as g}from"./p-e5692191.js";import{c as v}from"./p-86194314.js";import{D as p,O as u,c as f}from"./p-40291804.js";import{b as m,V as y}from"./p-88aa975c.js";import{C as x}from"./p-f6642024.js";import{T}from"./p-bf399c33.js";import{f as C}from"./p-de21b1d8.js";import{C as w}from"./p-6923b79c.js";import"./p-9ad088e0.js";import"./p-96f54c30.js";import"./p-2e7d94cc.js";import"./p-381a16b8.js";var R=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class j extends l{getTabMenuContainer(){return this.tabMenuContainer}render(){return e(t,null,e("div",{class:{"tab-content-container":!0,"more-tab":this.tabPages.length>1,"tab-style-secondary":"secondary"===this.variant,"tab-style-primary":"secondary"!==this.variant},ref:e=>this.tabMenuContainer=e},this.directionButtonRenderer.render("left"),this.tabListRenderer.render(),this.directionButtonRenderer.render("right")),e("div",{class:"horizontal-divider"}),this.contentRenderer.render())}}R([s()],j.prototype,"tabPages",void 0),R([s()],j.prototype,"variant",void 0),R([s({componentFieldName:"vegaTabGroupTabListRenderer"})],j.prototype,"tabListRenderer",void 0),R([s({componentFieldName:"vegaTabGroupDirectionButtonRenderer"})],j.prototype,"directionButtonRenderer",void 0),R([s({componentFieldName:"vegaTabGroupContentRenderer"})],j.prototype,"contentRenderer",void 0);var D=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class P extends l{handleSelectedDataTargetChange(){this.clickEventEmitter.emit(this.selectedTabDataTarget)}setSelectedDataTarget(e){this.selectedTabDataTarget=e}}D([s()],P.prototype,"clickEventEmitter",void 0),D([s({writable:!0})],P.prototype,"selectedTabDataTarget",void 0),D([b("watchSelectedTabDataTargetChange")],P.prototype,"handleSelectedDataTargetChange",null);class k{paginate(e,t,a){const i=e.map(t);return this.doPaginateByCapacity(e,i,a)}doPaginateByCapacity(e,t,a){const i=[];let n=0;for(;n<t.length;){const o=this.valueSum(n,t,a);if(0===o)break;i.push(e.slice(n,n+o)),n+=o}return i}valueSum(e,t,a){let i=0,n=!1,o=0;const r="function"==typeof a?a(e,t):a;return t.slice(e).forEach(((e,t)=>{i+=e,i>r&&!n&&(n=!0,o=t)})),n\|\|(o=t.slice(e).length),o}}var I=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class G extends g{constructor(){super({callback:()=>{this.initTabPagesWithDebounce()},target:()=>this.host,shouldTrigger:()=>!this.sliderStateController.isAnimationInProgress()}),this.TAB_SIDE_BUTTON_WIDTH=37,this.TAB_SIDE_BUTTON_AND_CONTENT_SPACE=8,this.valuePaginator=new k,this.initTabPagesWithDebounce=((e,t,a)=>{let i;return function(...t){i&&clearTimeout(i),i=setTimeout((function(){e.apply(a,t)}),80)}})(this.initTabPages,0,this),this.getTabContainerSpace=(e,t)=>{const a=this.host.getBoundingClientRect().width;let i="secondary"===this.variant?a:a-48;return e>0&&(i-=this.TAB_SIDE_BUTTON_WIDTH+this.TAB_SIDE_BUTTON_AND_CONTENT_SPACE),t.length>0&&t.slice(e).reduce(((e,t)=>e+t))>i&&i>0&&(i-=this.TAB_SIDE_BUTTON_WIDTH),i},this.emptySourceAndHiddenDropdown=()=>{Array.from(this.host.shadowRoot.querySelectorAll("vega-dropdown")).forEach((async e=>{0===e.source.length&&await e.hide()}))}}componentDidLoad(){this.initTabPages()}componentDidRender(){this.initTabsWidthArray(),this.emptySourceAndHiddenDropdown()}handleGapChange(){this.initTabPages()}handleTabWidthArrayChange(){this.tabWidthArray.length>0&&this.initTabPages()}setTabItems(e){this.tabItems=e}setTabWidthArray(e){this.tabWidthArray=e}initTabPages(){this.tabItems&&(this.tabPages=this.valuePaginator.paginate(this.tabItems,((e,t)=>this.tabWidthArray[t]>0?this.tabWidthArray[t]+Number(this.formatAndValidGap(this.gap)):this.tabWidthArray[t]),this.getTabContainerSpace))}formatAndValidGap(e){return e.replace("size-","")}initTabsWidthArray(){if(0===this.tabWidthArray.length\|\|this.tabWidthArray.some((e=>0===e))){const e=[];this.tabItems.forEach((t=>{const a=this.host.shadowRoot.querySelector(`.vega-tab[data-target='${t.dataTarget}']`);if(a){const t=a.getBoundingClientRect().width;e.push(t)}})),e.length>0&&!e.some((e=>0===e))&&(this.tabWidthArray=[...e])}}}I([s()],G.prototype,"host",void 0),I([s()],G.prototype,"gap",void 0),I([s({writable:!0})],G.prototype,"tabPages",void 0),I([s({writable:!0})],G.prototype,"tabWidthArray",void 0),I([s({writable:!0})],G.prototype,"tabItems",void 0),I([s()],G.prototype,"variant",void 0),I([s({componentFieldName:"vegaTabGroupSliderStateController"})],G.prototype,"sliderStateController",void 0),I([b("componentDidLoad")],G.prototype,"componentDidLoad",null),I([b("componentDidRender")],G.prototype,"componentDidRender",null),I([b("watchGapChange")],G.prototype,"handleGapChange",null),I([b("watchTabWidthArrayChange")],G.prototype,"handleTabWidthArrayChange",null);var S=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class O extends l{handleTabPagesChange(){this.setCurrentPageIndexWhenTabPagesChange()}handleSelectedDataTargetChange(){this.setCurrentPageIndexBySelectedTab(this.selectedTabDataTarget)}setPageIndex(e){this.currentPageIndex=e}setCurrentPageIndexWhenTabPagesChange(){this.tabPages&&this.tabPages.length&&!this.tabPages[this.currentPageIndex]&&(this.currentPageIndex=this.tabPages.length-1)}setCurrentPageIndexBySelectedTab(e){let t=-1;this.tabPages.forEach(((a,i)=>{-1!==a.findIndex((t=>t.dataTarget===e))&&(t=i)})),t>=0&&(this.currentPageIndex=t)}}S([s()],O.prototype,"tabPages",void 0),S([s({writable:!0})],O.prototype,"currentPageIndex",void 0),S([s()],O.prototype,"selectedTabDataTarget",void 0),S([b("watchTabPagesChange")],O.prototype,"handleTabPagesChange",null),S([b("watchSelectedTabDataTargetChange")],O.prototype,"handleSelectedDataTargetChange",null);var A=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class z extends l{constructor(){super(...arguments),this.onCloseTab=e=>{const t=e.currentTarget.closest(".vega-tab"),a=this.tabItems.findIndex((e=>e.dataTarget===t.getAttribute("data-target")));t.classList.contains("selected")&&this.selectedTargetController.setSelectedDataTarget(this.tabItems[a===this.tabItems.length-1?a-1:a+1].dataTarget);const i=this.tabItems.slice(0,a).concat(this.tabItems.slice(a+1));this.tabPagesController.setTabItems(i);const n=this.tabWidthArray.slice(0,a).concat(this.tabWidthArray.slice(a+1));this.tabPagesController.setTabWidthArray(n),e.stopPropagation()}}render(){return this.showCloseButton&&this.tabItems.length>1&&e("div",{class:this.showCloseButton?"vega-close-icon":"vega-close-icon vega-hidden",onClick:this.onCloseTab,role:"button",tabIndex:0,onKeyDown:v(),"aria-label":"Close Button"},e("vega-icon",{icon:"close",size:"size-12"}))}}A([s()],z.prototype,"tabWidthArray",void 0),A([s()],z.prototype,"showCloseButton",void 0),A([s()],z.prototype,"tabItems",void 0),A([s({componentFieldName:"vegaTabGroupSelectedTargetController"})],z.prototype,"selectedTargetController",void 0),A([s({componentFieldName:"vegaTabGroupPagesController"})],z.prototype,"tabPagesController",void 0);var L=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class N extends l{constructor(){super(...arguments),this.onDirectionButtonClick=e=>{this.pageIndexController.setPageIndex("left"===e?this.currentPageIndex-1:this.currentPageIndex+1)}}getDropdownRef(){return this.dropdownRef}render(t){const a=[];this.tabPages.slice("left"===t?0:this.currentPageIndex+1,"left"===t?this.currentPageIndex:this.tabPages.length).flat().map((e=>{a.push({key:e.dataTarget,label:e.label})}));const i="left"===t?"chevron-backward-rounded":"chevron-forward-rounded";return e("div",{class:{"tab-left-button":"left"===t,"tab-right-button":"right"===t,"vega-hidden":"left"===t?0===this.currentPageIndex:this.currentPageIndex+1===this.tabPages.length\|\|this.tabPages.length<=1},onClick:()=>this.onDirectionButtonClick(t),"aria-label":"No label defined",role:"button",tabIndex:0,onKeyDown:v()},e("vega-dropdown",{source:a,translocation:{X:0,Y:16},selectType:"single",selectedSourceKey:this.selectedTabDataTarget,"position-relative-to":this.positionRelativeTo,ref:e=>{this.dropdownRef=e,p.addUniqueObserverToNode(e,m,(e=>{this.vegaTabGroupSelectedTargetController.setSelectedDataTarget(e.detail)}))}},e("vega-icon",{size:"size-12",icon:i})))}}L([s()],N.prototype,"tabPages",void 0),L([s()],N.prototype,"currentPageIndex",void 0),L([s()],N.prototype,"selectedTabDataTarget",void 0),L([s()],N.prototype,"positionRelativeTo",void 0),L([s({componentFieldName:"vegaTabGroupPageIndexController"})],N.prototype,"pageIndexController",void 0),L([s()],N.prototype,"vegaTabGroupSelectedTargetController",void 0);var B=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class F extends l{constructor(){super(...arguments),this.tabPanels=[],this.handlePanelUpdate=e=>{const{host:t,type:a}=e;"ADD"===a?this.tabPanels.push(t):this.tabPanels=this.tabPanels.filter((e=>e!==t))}}connectedCallback(){this.tabPanelUpdateObserver=new u(this.canAcceptPanelUpdate.bind(this),this.handlePanelUpdate),x.register(T,this.tabPanelUpdateObserver)}disconnectedCallback(){x.unregister(T,this.tabPanelUpdateObserver),this.tabPanels=[]}componentDidLoad(){this.initSelectedTabDataTarget()}watchSelectedTabDataTargetChange(){this.updateTabPanelsStatus(this.selectedTabDataTarget)}canAcceptPanelUpdate(e){const{host:t,type:a}=e;return"ADD"===a?C(e.host,"VEGA-TAB-GROUP")===this.host&&!this.tabPanels.includes(t):this.tabPanels&&this.tabPanels.includes(t)}initSelectedTabDataTarget(){if(this.selectedTabDataTarget)this.updateTabPanelsStatus(this.selectedTabDataTarget);else{let e=this.getDefaultActivePanelId();!e&&this.tabItems&&this.tabItems.length&&(e=this.tabItems[0].dataTarget),e&&this.selectTargetController.setSelectedDataTarget(e)}}getDefaultActivePanelId(){if(this.tabPanels&&this.tabPanels.length){const e=this.tabPanels.find((e=>!0===e.isActive));return e?e.getAttribute("id"):null}}updateTabPanelsStatus(e){this.tabPanels.length&&e&&this.tabPanels.forEach((t=>{const a=t.getAttribute("id");t.isActive=a===e}))}}B([s()],F.prototype,"host",void 0),B([s()],F.prototype,"selectedTabDataTarget",void 0),B([s()],F.prototype,"tabItems",void 0),B([s({componentFieldName:"vegaTabGroupSelectedTargetController"})],F.prototype,"selectTargetController",void 0),B([b("connectedCallback")],F.prototype,"connectedCallback",null),B([b("disconnectedCallback")],F.prototype,"disconnectedCallback",null),B([b("componentDidLoad")],F.prototype,"componentDidLoad",null),B([b("watchSelectedTabDataTargetChange")],F.prototype,"watchSelectedTabDataTargetChange",null);var W=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class E extends l{constructor(){super(...arguments),this.TAB_LABEL_MAX_SIZE=32,this.getCarouselDomRef=()=>this.carouselDom}render(){return e("div",{class:"tab-list"},e("vega-carousel",{showSlider:!1,ref:e=>this.carouselDom=e},this.tabPages.length>0?this.tabPages.map((t=>e("div",null,this.renderTabList(t)))):e("div",null,this.renderTabList(this.tabItems))))}renderTabList(t){return e("vega-flex",{gap:this.gap},t.map((t=>e("div",{class:{"vega-tab":!0,selected:this.selectedTabDataTarget===t.dataTarget,"last-page":this.currentPageIndex+1===this.tabPages.length,"vega-flex-shrink-0":!0,"v-min-w-min":!0},"data-target":t.dataTarget,key:t.dataTarget},e("div",{class:"vega-tab-container"},e("div",{class:{label:!0,"vega-close-icon-space":this.showCloseButton},onClick:()=>this.tabItemClick(t.dataTarget),"aria-label":t.dataTarget,role:"button",tabIndex:0,onKeyDown:v()},this.renderPrefixIconDom(t),this.renderTabLabelDom(t)),this.closeButtonRenderer.render())))))}renderPrefixIconDom(t){const a=t.prefixIcon;return a&&e("vega-icon",{icon:a})}renderTabLabelDom(t){return t.label.length>this.TAB_LABEL_MAX_SIZE?e("vega-tooltip",{text:t.label,placement:"bottom","position-relative-to":this.positionRelativeTo},e("span",null,t.label.substring(0,this.TAB_LABEL_MAX_SIZE),"...")):t.label}tabItemClick(e){this.selectedTargetController.setSelectedDataTarget(e)}}W([s()],E.prototype,"tabPages",void 0),W([s()],E.prototype,"currentPageIndex",void 0),W([s()],E.prototype,"selectedTabDataTarget",void 0),W([s()],E.prototype,"gap",void 0),W([s()],E.prototype,"showCloseButton",void 0),W([s()],E.prototype,"tabItems",void 0),W([s()],E.prototype,"positionRelativeTo",void 0),W([s({componentFieldName:"vegaTabGroupCloseButtonRenderer"})],E.prototype,"closeButtonRenderer",void 0),W([s({componentFieldName:"vegaTabGroupSelectedTargetController"})],E.prototype,"selectedTargetController",void 0);class _ extends l{render(){return"secondary"===this.variant?e("div",{class:"vega-tab-group-content"},e("slot",null)):e("vega-card",{margin:"0",padding:{default:"size-24",S:"size-12"},variant:"shadow",backgroundColor:"bg-primary"},e("div",{class:"vega-tab-group-content"},e("slot",null)))}}!function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);o>3&&r&&Object.defineProperty(t,a,r)}([s()],_.prototype,"variant",void 0);var K=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class V extends l{constructor(){super(...arguments),this.UPDATE_ANIMATION_FLAG_DELAY=32,this.pendingCarouselActionCount=0}async handlePageIndexChange(e){const t=this.tabListRenderer.getCarouselDomRef();t&&(this.pendingCarouselActionCount+=1,await t.goToPage(e+1),setTimeout((()=>{this&&"number"==typeof this.pendingCarouselActionCount&&(this.pendingCarouselActionCount-=1)}),this.UPDATE_ANIMATION_FLAG_DELAY))}isAnimationInProgress(){return this.pendingCarouselActionCount>0}}K([s({componentFieldName:"vegaTabGroupTabListRenderer"})],V.prototype,"tabListRenderer",void 0),K([b("watchCurrentPageIndexChange")],V.prototype,"handlePageIndexChange",null);var M=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};const q=class{constructor(e){a(this,e),this.vegaClick=i(this,"vegaClick",7),this.click=i(this,"click",7),this.globalSlimmers={},this.vegaTabGroupRenderer=new j,this.vegaTabGroupDirectionButtonRenderer=new N,this.vegaTabGroupTabListRenderer=new E,this.vegaTabGroupCloseButtonRenderer=new z,this.vegaTabGroupPagesController=new G,this.vegaTabGroupSelectedTargetController=new P,this.vegaTabGroupPageIndexController=new O,this.vegaTabGroupPanelController=new F,this.vegaTabGroupContentRenderer=new _,this.vegaTabGroupSliderStateController=new V,this.clickEventEmitter=f(q,y),this.dropdownEventPrevent=new w([y],(()=>this.vegaTabGroupRenderer.getTabMenuContainer())),this.tabPages=[],this.tabWidthArray=[],this.currentPageIndex=0,this.selectedTabDataTarget="",this.gap="size-8",this.showCloseButton=!1,this.tabItems=[],this.variant="primary"}watchTabPagesChange(){}watchTabWidthArrayChange(){}async watchCurrentPageIndexChange(e){}watchSelectedTabDataTargetChange(){}watchGapChange(){}componentDidLoad(){}componentDidRender(){}render(){return d(e("slot",null)),r(e(n,null,this.vegaTabGroupRenderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{tabPages:["watchTabPagesChange"],tabWidthArray:["watchTabWidthArrayChange"],currentPageIndex:["watchCurrentPageIndexChange"],selectedTabDataTarget:["watchSelectedTabDataTargetChange"],gap:["watchGapChange"]}}};M([h()],q.prototype,"globalSlimmers",void 0),M([c()],q.prototype,"vegaTabGroupRenderer",void 0),M([c()],q.prototype,"vegaTabGroupDirectionButtonRenderer",void 0),M([c()],q.prototype,"vegaTabGroupTabListRenderer",void 0),M([c()],q.prototype,"vegaTabGroupCloseButtonRenderer",void 0),M([c()],q.prototype,"vegaTabGroupPagesController",void 0),M([c()],q.prototype,"vegaTabGroupSelectedTargetController",void 0),M([c()],q.prototype,"vegaTabGroupPageIndexController",void 0),M([c()],q.prototype,"vegaTabGroupPanelController",void 0),M([c()],q.prototype,"vegaTabGroupContentRenderer",void 0),M([c()],q.prototype,"vegaTabGroupSliderStateController",void 0),M([c()],q.prototype,"clickEventEmitter",void 0),M([c()],q.prototype,"dropdownEventPrevent",void 0),q.style='.tab-content-container.tab-style-primary{margin-left:24px;margin-right:24px}.vega-tab{cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}.tab-content-container.more-tab .vega-tab{flex-grow:1}.tab-content-container.more-tab .vega-tab.last-page{flex-grow:0}.vega-tab>div.vega-tab-container{display:flex;align-items:center}.vega-tab>div.vega-tab-container>div{flex-grow:1}.tab-style-primary .vega-tab:hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}.tab-style-primary .vega-tab.selected,.tab-style-primary .vega-tab.selected:hover{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-tab>div>.label{display:inline-flex;align-items:center;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;cursor:pointer;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-tab>div>.label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-tab>div>.label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-tab>div>.label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.vega-tab>div>.label vega-icon{padding-right:8px}.vega-tab>div>.label.vega-close-icon-space{padding-right:12px}.vega-tab>div>div.vega-close-icon{padding-left:0px;flex-grow:0;padding-right:13px}.vega-tab>div>div.vega-hidden{display:none}.vega-tab>div vega-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:content-box}.vega-tab>div>div.vega-close-icon vega-icon{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host{display:block;width:100%;text-align:left;line-height:normal;min-width:270px}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;display:none;margin-top:-1px}.tab-content-container{display:flex;gap:8px;justify-content:space-between}.tab-content-container.more-tab .tab-list{width:100%}div.tab-left-button,div.tab-right-button{display:inline-block;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}div.tab-left-button.vega-hidden,div.tab-right-button.vega-hidden{display:none}div.tab-left-button vega-icon,div.tab-right-button vega-icon{box-sizing:content-box;padding:13px 13px 13px 12px}.vega-tab-group-content vega-tab-group-panel{display:none}.vega-tab-group-content vega-tab-group-panel.active{display:block}.tab-style-secondary .vega-tab>div.vega-tab-container{align-items:baseline}.tab-style-secondary+.horizontal-divider{display:block}.tab-style-secondary .vega-tab{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary .vega-tab>div>.label{padding-left:16px;padding-right:16px;padding-top:0px;padding-bottom:12px}.tab-style-secondary .vega-tab.selected>div>.label,.tab-style-secondary .vega-tab.selected>div>.label vega-icon,.tab-style-secondary .vega-tab:hover>div>.label,.tab-style-secondary .vega-tab:hover>div>.label vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}.tab-style-secondary .vega-tab{border-top-width:0px;border-left-width:0px;border-right-width:0px;border-bottom-width:2px;border-style:solid;border-color:transparent}.tab-style-secondary .vega-tab.selected{border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}.tab-style-secondary div.tab-left-button,.tab-style-secondary div.tab-right-button{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary div.tab-left-button vega-icon,.tab-style-secondary div.tab-right-button vega-icon{padding:6px 13px 13px 6px}.tab-style-secondary div.tab-left-button:hover vega-icon,.tab-style-secondary div.tab-right-button:hover vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}';var U=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};const H=class{constructor(e){a(this,e),this.globalSlimmers={},this.clickEventPrevent=new w([y],(()=>this.host)),this.isActive=!1}connectedCallback(){this.notifyGroupAddOrDelPanel("ADD")}disconnectedCallback(){this.notifyGroupAddOrDelPanel("DEL")}componentWillLoad(){this.notifyGroupAddOrDelPanel("ADD")}render(){return r(e(n,{class:this.isActive?"active":""},e("slot",null)),this.host)}notifyGroupAddOrDelPanel(e){x.notify(T,{host:this.host,type:e})}get host(){return o(this)}};U([h()],H.prototype,"globalSlimmers",void 0),U([c()],H.prototype,"clickEventPrevent",void 0),H.style=":host{display:none}:host(.active){display:block}";export{q as vega_tab_group,H as vega_tab_group_panel}
1	+ import{h as e,F as t,r as a,c as i,H as n,g as o}from"./p-9777b1c1.js";import{s as r}from"./p-63676b71.js";import{M as s,V as l}from"./p-cb19da5d.js";import{I as c}from"./p-50c9b4ac.js";import{s as d}from"./p-6bd5c49b.js";import{I as h}from"./p-4a651b91.js";import{M as b}from"./p-a90f4bcd.js";import{P as g}from"./p-9332d73d.js";import{c as v}from"./p-86194314.js";import{D as p,O as u,c as f}from"./p-cb00df88.js";import{b as m,V as y}from"./p-b37dbd69.js";import{C as x}from"./p-f6642024.js";import{T}from"./p-bf399c33.js";import{f as C}from"./p-de21b1d8.js";import{C as w}from"./p-b76702a8.js";import"./p-9ad088e0.js";import"./p-96f54c30.js";import"./p-2e7d94cc.js";import"./p-381a16b8.js";var R=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class j extends l{getTabMenuContainer(){return this.tabMenuContainer}render(){return e(t,null,e("div",{class:{"tab-content-container":!0,"more-tab":this.tabPages.length>1,"tab-style-secondary":"secondary"===this.variant,"tab-style-primary":"secondary"!==this.variant},ref:e=>this.tabMenuContainer=e},this.directionButtonRenderer.render("left"),this.tabListRenderer.render(),this.directionButtonRenderer.render("right")),e("div",{class:"horizontal-divider"}),this.contentRenderer.render())}}R([s()],j.prototype,"tabPages",void 0),R([s()],j.prototype,"variant",void 0),R([s({componentFieldName:"vegaTabGroupTabListRenderer"})],j.prototype,"tabListRenderer",void 0),R([s({componentFieldName:"vegaTabGroupDirectionButtonRenderer"})],j.prototype,"directionButtonRenderer",void 0),R([s({componentFieldName:"vegaTabGroupContentRenderer"})],j.prototype,"contentRenderer",void 0);var D=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class P extends l{handleSelectedDataTargetChange(){this.clickEventEmitter.emit(this.selectedTabDataTarget)}setSelectedDataTarget(e){this.selectedTabDataTarget=e}}D([s()],P.prototype,"clickEventEmitter",void 0),D([s({writable:!0})],P.prototype,"selectedTabDataTarget",void 0),D([b("watchSelectedTabDataTargetChange")],P.prototype,"handleSelectedDataTargetChange",null);class k{paginate(e,t,a){const i=e.map(t);return this.doPaginateByCapacity(e,i,a)}doPaginateByCapacity(e,t,a){const i=[];let n=0;for(;n<t.length;){const o=this.valueSum(n,t,a);if(0===o)break;i.push(e.slice(n,n+o)),n+=o}return i}valueSum(e,t,a){let i=0,n=!1,o=0;const r="function"==typeof a?a(e,t):a;return t.slice(e).forEach(((e,t)=>{i+=e,i>r&&!n&&(n=!0,o=t)})),n\|\|(o=t.slice(e).length),o}}var I=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class G extends g{constructor(){super({callback:()=>{this.initTabPagesWithDebounce()},target:()=>this.host,shouldTrigger:()=>!this.sliderStateController.isAnimationInProgress()}),this.TAB_SIDE_BUTTON_WIDTH=37,this.TAB_SIDE_BUTTON_AND_CONTENT_SPACE=8,this.valuePaginator=new k,this.initTabPagesWithDebounce=((e,t,a)=>{let i;return function(...t){i&&clearTimeout(i),i=setTimeout((function(){e.apply(a,t)}),80)}})(this.initTabPages,0,this),this.getTabContainerSpace=(e,t)=>{const a=this.host.getBoundingClientRect().width;let i="secondary"===this.variant?a:a-48;return e>0&&(i-=this.TAB_SIDE_BUTTON_WIDTH+this.TAB_SIDE_BUTTON_AND_CONTENT_SPACE),t.length>0&&t.slice(e).reduce(((e,t)=>e+t))>i&&i>0&&(i-=this.TAB_SIDE_BUTTON_WIDTH),i},this.emptySourceAndHiddenDropdown=()=>{Array.from(this.host.shadowRoot.querySelectorAll("vega-dropdown")).forEach((async e=>{0===e.source.length&&await e.hide()}))}}componentDidLoad(){this.initTabPages()}componentDidRender(){this.initTabsWidthArray(),this.emptySourceAndHiddenDropdown()}handleGapChange(){this.initTabPages()}handleTabWidthArrayChange(){this.tabWidthArray.length>0&&this.initTabPages()}setTabItems(e){this.tabItems=e}setTabWidthArray(e){this.tabWidthArray=e}initTabPages(){this.tabItems&&(this.tabPages=this.valuePaginator.paginate(this.tabItems,((e,t)=>this.tabWidthArray[t]>0?this.tabWidthArray[t]+Number(this.formatAndValidGap(this.gap)):this.tabWidthArray[t]),this.getTabContainerSpace))}formatAndValidGap(e){return e.replace("size-","")}initTabsWidthArray(){if(0===this.tabWidthArray.length\|\|this.tabWidthArray.some((e=>0===e))){const e=[];this.tabItems.forEach((t=>{const a=this.host.shadowRoot.querySelector(`.vega-tab[data-target='${t.dataTarget}']`);if(a){const t=a.getBoundingClientRect().width;e.push(t)}})),e.length>0&&!e.some((e=>0===e))&&(this.tabWidthArray=[...e])}}}I([s()],G.prototype,"host",void 0),I([s()],G.prototype,"gap",void 0),I([s({writable:!0})],G.prototype,"tabPages",void 0),I([s({writable:!0})],G.prototype,"tabWidthArray",void 0),I([s({writable:!0})],G.prototype,"tabItems",void 0),I([s()],G.prototype,"variant",void 0),I([s({componentFieldName:"vegaTabGroupSliderStateController"})],G.prototype,"sliderStateController",void 0),I([b("componentDidLoad")],G.prototype,"componentDidLoad",null),I([b("componentDidRender")],G.prototype,"componentDidRender",null),I([b("watchGapChange")],G.prototype,"handleGapChange",null),I([b("watchTabWidthArrayChange")],G.prototype,"handleTabWidthArrayChange",null);var S=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class O extends l{handleTabPagesChange(){this.setCurrentPageIndexWhenTabPagesChange()}handleSelectedDataTargetChange(){this.setCurrentPageIndexBySelectedTab(this.selectedTabDataTarget)}setPageIndex(e){this.currentPageIndex=e}setCurrentPageIndexWhenTabPagesChange(){this.tabPages&&this.tabPages.length&&!this.tabPages[this.currentPageIndex]&&(this.currentPageIndex=this.tabPages.length-1)}setCurrentPageIndexBySelectedTab(e){let t=-1;this.tabPages.forEach(((a,i)=>{-1!==a.findIndex((t=>t.dataTarget===e))&&(t=i)})),t>=0&&(this.currentPageIndex=t)}}S([s()],O.prototype,"tabPages",void 0),S([s({writable:!0})],O.prototype,"currentPageIndex",void 0),S([s()],O.prototype,"selectedTabDataTarget",void 0),S([b("watchTabPagesChange")],O.prototype,"handleTabPagesChange",null),S([b("watchSelectedTabDataTargetChange")],O.prototype,"handleSelectedDataTargetChange",null);var A=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class z extends l{constructor(){super(...arguments),this.onCloseTab=e=>{const t=e.currentTarget.closest(".vega-tab"),a=this.tabItems.findIndex((e=>e.dataTarget===t.getAttribute("data-target")));t.classList.contains("selected")&&this.selectedTargetController.setSelectedDataTarget(this.tabItems[a===this.tabItems.length-1?a-1:a+1].dataTarget);const i=this.tabItems.slice(0,a).concat(this.tabItems.slice(a+1));this.tabPagesController.setTabItems(i);const n=this.tabWidthArray.slice(0,a).concat(this.tabWidthArray.slice(a+1));this.tabPagesController.setTabWidthArray(n),e.stopPropagation()}}render(){return this.showCloseButton&&this.tabItems.length>1&&e("div",{class:this.showCloseButton?"vega-close-icon":"vega-close-icon vega-hidden",onClick:this.onCloseTab,role:"button",tabIndex:0,onKeyDown:v(),"aria-label":"Close Button"},e("vega-icon",{icon:"close",size:"size-12"}))}}A([s()],z.prototype,"tabWidthArray",void 0),A([s()],z.prototype,"showCloseButton",void 0),A([s()],z.prototype,"tabItems",void 0),A([s({componentFieldName:"vegaTabGroupSelectedTargetController"})],z.prototype,"selectedTargetController",void 0),A([s({componentFieldName:"vegaTabGroupPagesController"})],z.prototype,"tabPagesController",void 0);var L=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class N extends l{constructor(){super(...arguments),this.onDirectionButtonClick=e=>{this.pageIndexController.setPageIndex("left"===e?this.currentPageIndex-1:this.currentPageIndex+1)}}getDropdownRef(){return this.dropdownRef}render(t){const a=[];this.tabPages.slice("left"===t?0:this.currentPageIndex+1,"left"===t?this.currentPageIndex:this.tabPages.length).flat().map((e=>{a.push({key:e.dataTarget,label:e.label})}));const i="left"===t?"chevron-backward-rounded":"chevron-forward-rounded";return e("div",{class:{"tab-left-button":"left"===t,"tab-right-button":"right"===t,"vega-hidden":"left"===t?0===this.currentPageIndex:this.currentPageIndex+1===this.tabPages.length\|\|this.tabPages.length<=1},onClick:()=>this.onDirectionButtonClick(t),"aria-label":"No label defined",role:"button",tabIndex:0,onKeyDown:v()},e("vega-dropdown",{source:a,translocation:{X:0,Y:16},selectType:"single",selectedSourceKey:this.selectedTabDataTarget,"position-relative-to":this.positionRelativeTo,ref:e=>{this.dropdownRef=e,p.addUniqueObserverToNode(e,m,(e=>{this.vegaTabGroupSelectedTargetController.setSelectedDataTarget(e.detail)}))}},e("vega-icon",{size:"size-12",icon:i})))}}L([s()],N.prototype,"tabPages",void 0),L([s()],N.prototype,"currentPageIndex",void 0),L([s()],N.prototype,"selectedTabDataTarget",void 0),L([s()],N.prototype,"positionRelativeTo",void 0),L([s({componentFieldName:"vegaTabGroupPageIndexController"})],N.prototype,"pageIndexController",void 0),L([s()],N.prototype,"vegaTabGroupSelectedTargetController",void 0);var B=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class F extends l{constructor(){super(...arguments),this.tabPanels=[],this.handlePanelUpdate=e=>{const{host:t,type:a}=e;"ADD"===a?this.tabPanels.push(t):this.tabPanels=this.tabPanels.filter((e=>e!==t))}}connectedCallback(){this.tabPanelUpdateObserver=new u(this.canAcceptPanelUpdate.bind(this),this.handlePanelUpdate),x.register(T,this.tabPanelUpdateObserver)}disconnectedCallback(){x.unregister(T,this.tabPanelUpdateObserver),this.tabPanels=[]}componentDidLoad(){this.initSelectedTabDataTarget()}watchSelectedTabDataTargetChange(){this.updateTabPanelsStatus(this.selectedTabDataTarget)}canAcceptPanelUpdate(e){const{host:t,type:a}=e;return"ADD"===a?C(e.host,"VEGA-TAB-GROUP")===this.host&&!this.tabPanels.includes(t):this.tabPanels&&this.tabPanels.includes(t)}initSelectedTabDataTarget(){if(this.selectedTabDataTarget)this.updateTabPanelsStatus(this.selectedTabDataTarget);else{let e=this.getDefaultActivePanelId();!e&&this.tabItems&&this.tabItems.length&&(e=this.tabItems[0].dataTarget),e&&this.selectTargetController.setSelectedDataTarget(e)}}getDefaultActivePanelId(){if(this.tabPanels&&this.tabPanels.length){const e=this.tabPanels.find((e=>!0===e.isActive));return e?e.getAttribute("id"):null}}updateTabPanelsStatus(e){this.tabPanels.length&&e&&this.tabPanels.forEach((t=>{const a=t.getAttribute("id");t.isActive=a===e}))}}B([s()],F.prototype,"host",void 0),B([s()],F.prototype,"selectedTabDataTarget",void 0),B([s()],F.prototype,"tabItems",void 0),B([s({componentFieldName:"vegaTabGroupSelectedTargetController"})],F.prototype,"selectTargetController",void 0),B([b("connectedCallback")],F.prototype,"connectedCallback",null),B([b("disconnectedCallback")],F.prototype,"disconnectedCallback",null),B([b("componentDidLoad")],F.prototype,"componentDidLoad",null),B([b("watchSelectedTabDataTargetChange")],F.prototype,"watchSelectedTabDataTargetChange",null);var W=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class E extends l{constructor(){super(...arguments),this.TAB_LABEL_MAX_SIZE=32,this.getCarouselDomRef=()=>this.carouselDom}render(){return e("div",{class:"tab-list"},e("vega-carousel",{showSlider:!1,ref:e=>this.carouselDom=e},this.tabPages.length>0?this.tabPages.map((t=>e("div",null,this.renderTabList(t)))):e("div",null,this.renderTabList(this.tabItems))))}renderTabList(t){return e("vega-flex",{gap:this.gap},t.map((t=>e("div",{class:{"vega-tab":!0,selected:this.selectedTabDataTarget===t.dataTarget,"last-page":this.currentPageIndex+1===this.tabPages.length,"vega-flex-shrink-0":!0,"v-min-w-min":!0},"data-target":t.dataTarget,key:t.dataTarget},e("div",{class:"vega-tab-container"},e("div",{class:{label:!0,"vega-close-icon-space":this.showCloseButton},onClick:()=>this.tabItemClick(t.dataTarget),"aria-label":t.dataTarget,role:"button",tabIndex:0,onKeyDown:v()},this.renderPrefixIconDom(t),this.renderTabLabelDom(t)),this.closeButtonRenderer.render())))))}renderPrefixIconDom(t){const a=t.prefixIcon;return a&&e("vega-icon",{icon:a})}renderTabLabelDom(t){return t.label.length>this.TAB_LABEL_MAX_SIZE?e("vega-tooltip",{text:t.label,placement:"bottom","position-relative-to":this.positionRelativeTo},e("span",null,t.label.substring(0,this.TAB_LABEL_MAX_SIZE),"...")):t.label}tabItemClick(e){this.selectedTargetController.setSelectedDataTarget(e)}}W([s()],E.prototype,"tabPages",void 0),W([s()],E.prototype,"currentPageIndex",void 0),W([s()],E.prototype,"selectedTabDataTarget",void 0),W([s()],E.prototype,"gap",void 0),W([s()],E.prototype,"showCloseButton",void 0),W([s()],E.prototype,"tabItems",void 0),W([s()],E.prototype,"positionRelativeTo",void 0),W([s({componentFieldName:"vegaTabGroupCloseButtonRenderer"})],E.prototype,"closeButtonRenderer",void 0),W([s({componentFieldName:"vegaTabGroupSelectedTargetController"})],E.prototype,"selectedTargetController",void 0);class _ extends l{render(){return"secondary"===this.variant?e("div",{class:"vega-tab-group-content"},e("slot",null)):e("vega-card",{margin:"0",padding:{default:"size-24",S:"size-12"},variant:"shadow",backgroundColor:"bg-primary"},e("div",{class:"vega-tab-group-content"},e("slot",null)))}}!function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);o>3&&r&&Object.defineProperty(t,a,r)}([s()],_.prototype,"variant",void 0);var K=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};class V extends l{constructor(){super(...arguments),this.UPDATE_ANIMATION_FLAG_DELAY=32,this.pendingCarouselActionCount=0}async handlePageIndexChange(e){const t=this.tabListRenderer.getCarouselDomRef();t&&(this.pendingCarouselActionCount+=1,await t.goToPage(e+1),setTimeout((()=>{this&&"number"==typeof this.pendingCarouselActionCount&&(this.pendingCarouselActionCount-=1)}),this.UPDATE_ANIMATION_FLAG_DELAY))}isAnimationInProgress(){return this.pendingCarouselActionCount>0}}K([s({componentFieldName:"vegaTabGroupTabListRenderer"})],V.prototype,"tabListRenderer",void 0),K([b("watchCurrentPageIndexChange")],V.prototype,"handlePageIndexChange",null);var M=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};const q=class{constructor(e){a(this,e),this.vegaClick=i(this,"vegaClick",7),this.click=i(this,"click",7),this.globalSlimmers={},this.vegaTabGroupRenderer=new j,this.vegaTabGroupDirectionButtonRenderer=new N,this.vegaTabGroupTabListRenderer=new E,this.vegaTabGroupCloseButtonRenderer=new z,this.vegaTabGroupPagesController=new G,this.vegaTabGroupSelectedTargetController=new P,this.vegaTabGroupPageIndexController=new O,this.vegaTabGroupPanelController=new F,this.vegaTabGroupContentRenderer=new _,this.vegaTabGroupSliderStateController=new V,this.clickEventEmitter=f(q,y),this.dropdownEventPrevent=new w([y],(()=>this.vegaTabGroupRenderer.getTabMenuContainer())),this.tabPages=[],this.tabWidthArray=[],this.currentPageIndex=0,this.selectedTabDataTarget="",this.gap="size-8",this.showCloseButton=!1,this.tabItems=[],this.variant="primary"}watchTabPagesChange(){}watchTabWidthArrayChange(){}async watchCurrentPageIndexChange(e){}watchSelectedTabDataTargetChange(){}watchGapChange(){}componentDidLoad(){}componentDidRender(){}render(){return d(e("slot",null)),r(e(n,null,this.vegaTabGroupRenderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{tabPages:["watchTabPagesChange"],tabWidthArray:["watchTabWidthArrayChange"],currentPageIndex:["watchCurrentPageIndexChange"],selectedTabDataTarget:["watchSelectedTabDataTargetChange"],gap:["watchGapChange"]}}};M([h()],q.prototype,"globalSlimmers",void 0),M([c()],q.prototype,"vegaTabGroupRenderer",void 0),M([c()],q.prototype,"vegaTabGroupDirectionButtonRenderer",void 0),M([c()],q.prototype,"vegaTabGroupTabListRenderer",void 0),M([c()],q.prototype,"vegaTabGroupCloseButtonRenderer",void 0),M([c()],q.prototype,"vegaTabGroupPagesController",void 0),M([c()],q.prototype,"vegaTabGroupSelectedTargetController",void 0),M([c()],q.prototype,"vegaTabGroupPageIndexController",void 0),M([c()],q.prototype,"vegaTabGroupPanelController",void 0),M([c()],q.prototype,"vegaTabGroupContentRenderer",void 0),M([c()],q.prototype,"vegaTabGroupSliderStateController",void 0),M([c()],q.prototype,"clickEventEmitter",void 0),M([c()],q.prototype,"dropdownEventPrevent",void 0),q.style='.tab-content-container.tab-style-primary{margin-left:24px;margin-right:24px}.vega-tab{cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}.tab-content-container.more-tab .vega-tab{flex-grow:1}.tab-content-container.more-tab .vega-tab.last-page{flex-grow:0}.vega-tab>div.vega-tab-container{display:flex;align-items:center}.vega-tab>div.vega-tab-container>div{flex-grow:1}.tab-style-primary .vega-tab:hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}.tab-style-primary .vega-tab.selected,.tab-style-primary .vega-tab.selected:hover{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}.vega-tab>div>.label{display:inline-flex;align-items:center;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;cursor:pointer;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-tab>div>.label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-tab>div>.label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-tab>div>.label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.vega-tab>div>.label vega-icon{padding-right:8px}.vega-tab>div>.label.vega-close-icon-space{padding-right:12px}.vega-tab>div>div.vega-close-icon{padding-left:0px;flex-grow:0;padding-right:13px}.vega-tab>div>div.vega-hidden{display:none}.vega-tab>div vega-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));box-sizing:content-box}.vega-tab>div>div.vega-close-icon vega-icon{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host{display:block;width:100%;text-align:left;line-height:normal;min-width:270px}.horizontal-divider{height:1px;background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));width:100%;display:none;margin-top:-1px}.tab-content-container{display:flex;gap:8px;justify-content:space-between}.tab-content-container.more-tab .tab-list{width:100%}div.tab-left-button,div.tab-right-button{display:inline-block;cursor:pointer;border-top-left-radius:8px;border-top-right-radius:8px;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}div.tab-left-button.vega-hidden,div.tab-right-button.vega-hidden{display:none}div.tab-left-button vega-icon,div.tab-right-button vega-icon{box-sizing:content-box;padding:13px 13px 13px 12px}.vega-tab-group-content vega-tab-group-panel{display:none}.vega-tab-group-content vega-tab-group-panel.active{display:block}.tab-style-secondary .vega-tab>div.vega-tab-container{align-items:baseline}.tab-style-secondary+.horizontal-divider{display:block}.tab-style-secondary .vega-tab{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary .vega-tab>div>.label{padding-left:16px;padding-right:16px;padding-top:0px;padding-bottom:12px}.tab-style-secondary .vega-tab.selected>div>.label,.tab-style-secondary .vega-tab.selected>div>.label vega-icon,.tab-style-secondary .vega-tab:hover>div>.label,.tab-style-secondary .vega-tab:hover>div>.label vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}.tab-style-secondary .vega-tab{border-top-width:0px;border-left-width:0px;border-right-width:0px;border-bottom-width:2px;border-style:solid;border-color:transparent}.tab-style-secondary .vega-tab.selected{border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}.tab-style-secondary div.tab-left-button,.tab-style-secondary div.tab-right-button{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}.tab-style-secondary div.tab-left-button vega-icon,.tab-style-secondary div.tab-right-button vega-icon{padding:6px 13px 13px 6px}.tab-style-secondary div.tab-left-button:hover vega-icon,.tab-style-secondary div.tab-right-button:hover vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}';var U=function(e,t,a,i){var n,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,a):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,a,i);else for(var s=e.length-1;s>=0;s--)(n=e[s])&&(r=(o<3?n(r):o>3?n(t,a,r):n(t,a))\|\|r);return o>3&&r&&Object.defineProperty(t,a,r),r};const H=class{constructor(e){a(this,e),this.globalSlimmers={},this.clickEventPrevent=new w([y],(()=>this.host)),this.isActive=!1}connectedCallback(){this.notifyGroupAddOrDelPanel("ADD")}disconnectedCallback(){this.notifyGroupAddOrDelPanel("DEL")}componentWillLoad(){this.notifyGroupAddOrDelPanel("ADD")}render(){return r(e(n,{class:this.isActive?"active":""},e("slot",null)),this.host)}notifyGroupAddOrDelPanel(e){x.notify(T,{host:this.host,type:e})}get host(){return o(this)}};U([h()],H.prototype,"globalSlimmers",void 0),U([c()],H.prototype,"clickEventPrevent",void 0),H.style=":host{display:none}:host(.active){display:block}";export{q as vega_tab_group,H as vega_tab_group_panel}