@heartlandone/vega 2.74.0 → 2.75.0-RTE-table-preview

package/dist/vega/p-20a98a99.entry.js

@@ -0,0 +1 @@
+import{h as r,r as a,c as t,f as o,H as e,g as c}from"./p-6b2342e0.js";import{s as g}from"./p-519a7d55.js";import{a as b}from"./p-d9671d27.js";import{d as v,i}from"./p-5fdb9047.js";import{R as n}from"./p-ebb14c84.js";import{c as s,V as l,M as d,L as h,I as k}from"./p-6e1ab235.js";import{P as p,g as u}from"./p-10ac8b57.js";import{V as y,I as f}from"./p-d849e0f5.js";import{C as m}from"./p-89083d63.js";import{c as x}from"./p-c841be8d.js";import{D as w,u as j,v as q,V as R,f as z,a as I}from"./p-11a6c1b7.js";import{a as E}from"./p-8c9ea6f4.js";import{c as C}from"./p-1ec763ab.js";import{c as D}from"./p-613ddaab.js";import"./p-1f83cebf.js";import"./p-ed45b3b6.js";import"./p-40f39194.js";import"./p-d884c644.js";import"./p-f69f84a7.js";import"./p-2d0d575f.js";import"./p-a528714c.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-d27ae9ff.js";import"./p-5f377954.js";import"./p-205d8401.js";import"./p-3532aa12.js";import"./p-b56b0b89.js";import"./p-5b048141.js";import"./p-1b44db34.js";import"./p-02841589.js";import"./p-ef9cbad1.js";import"./p-331a62d5.js";import"./p-112455b1.js";import"./p-4866e390.js";import"./p-b75ee3ba.js";import"./p-bf19682d.js";import"./p-42cd1fde.js";import"./p-fcabf0dc.js";import"./p-a7b5f497.js";import"./p-77e64f26.js";import"./p-1bc5b3bc.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-5d676a94.js";class O extends l{render(){return r("span",{class:"toggle-icon-wrapper"},r("vega-icon",{size:"size-12",icon:E.getIconKey(this.isDropdownShow?"chevron-up":"chevron-down")}))}}E.register({"chevron-up":C,"chevron-down":D}),function(r,a,t,o){var e,c=arguments.length,g=c<3?a:null===o?o=Object.getOwnPropertyDescriptor(a,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(r,a,t,o);else for(var b=r.length-1;b>=0;b--)(e=r[b])&&(g=(c<3?e(g):c>3?e(a,t,g):e(a,t))||g);c>3&&g&&Object.defineProperty(a,t,g)}([s()],O.prototype,"isDropdownShow",void 0);var S=function(r,a,t,o){var e,c=arguments.length,g=c<3?a:null===o?o=Object.getOwnPropertyDescriptor(a,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(r,a,t,o);else for(var b=r.length-1;b>=0;b--)(e=r[b])&&(g=(c<3?e(g):c>3?e(a,t,g):e(a,t))||g);return c>3&&g&&Object.defineProperty(a,t,g),g};class H extends l{constructor(){super(...arguments),this.triggerDropdownClickEvent=r=>{this.dropdownClickEventEmitter.emit(r.detail)},this.triggerResetEvent=r=>{this.resetEventEmitter.emit(r.detail)},this.onDropdownShow=()=>{this.isDropdownShow=!0},this.onDropdownHide=()=>{this.isDropdownShow=!1}}connectedCallback(){this.isTemplateMode=this.hasSlotItems()}appendHostItemsToDropdown(){const r=this.host.querySelector("[slot=items]");r&&this.itemsSlotRef&&this.dropdownRef&&(this.itemsSlotRef.remove(),this.dropdownRef.append(r))}shouldRenderDropdown(){return!!(this.dropdown&&this.dropdown.source&&this.dropdown.source.length||this.isTemplateMode)}getDropdownRef(){return this.dropdownRef}render(a){return r("vega-dropdown",Object.assign({trigger:"click"},this.dropdown,{ref:r=>{this.dropdownRef=r,this.dropdownEventPrevent.setup(),w.addUniqueObserverToNode(r,j,(()=>{this.onDropdownShow()})),w.addUniqueObserverToNode(r,q,(()=>{this.onDropdownHide()})),w.addUniqueObserverToNode(r,R,this.triggerDropdownClickEvent),w.addUniqueObserverToNode(r,z,this.triggerResetEvent)}}),a,this.renderItemsSlot())}renderItemsSlot(){return this.isTemplateMode&&r("div",{slot:"items",ref:r=>{this.itemsSlotRef=r}})}hasSlotItems(){return!!this.host.querySelector("[slot=items]")}}S([s()],H.prototype,"host",void 0),S([s()],H.prototype,"dropdown",void 0),S([s({writable:!0})],H.prototype,"isDropdownShow",void 0),S([s()],H.prototype,"dropdownEventPrevent",void 0),S([s()],H.prototype,"dropdownClickEventEmitter",void 0),S([s()],H.prototype,"resetEventEmitter",void 0),S([d("connectedCallback")],H.prototype,"connectedCallback",null),S([d("componentDidLoad")],H.prototype,"appendHostItemsToDropdown",null);var P=function(r,a,t,o){var e,c=arguments.length,g=c<3?a:null===o?o=Object.getOwnPropertyDescriptor(a,t):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)g=Reflect.decorate(r,a,t,o);else for(var b=r.length-1;b>=0;b--)(e=r[b])&&(g=(c<3?e(g):c>3?e(a,t,g):e(a,t))||g);return c>3&&g&&Object.defineProperty(a,t,g),g};const A=class{constructor(e){a(this,e),this.vegaClick=t(this,"vegaClick",7),this.click=t(this,"click",7),this.vegaDropdownClick=t(this,"vegaDropdownClick",7),this.dropdownClick=t(this,"dropdownClick",7),this.vegaReset=t(this,"vegaReset",7),this.reset=t(this,"reset",7),this.globalSlimmers={},this.pageResizeObserverSlimmer=new p,this.dropdownEventPrevent=new m([I,R,z],(()=>this.dropdownRenderer.getDropdownRef()),{customPreventHandle:r=>{r.stopPropagation()}}),this.clickEventEmitter=x(A,I),this.dropdownClickEventEmitter=x(A,R),this.resetEventEmitter=x(A,z),this.vegaMenuArrowIconRenderer=new O,this.vegaComponentUsageRuntimeMetricsSlimmer=new y,this.dropdownRenderer=new H,this.avatarImgLoaded=null,this.isDropdownShow=!1,this.currentBreakpoint=u(),this.dropdown=null,this.size="default",this.label="",this.showLabel=!0,this.avatar={},this.avatarPosition="left",this.showBorder=!1,this.showMenuArrowIcon=!0,this.selected=!1,this.renderButton=(a,t)=>r("button",{type:"button","aria-label":this.label||"No label defined",class:b(["vega-app-header-button-container",!this.avatar.src&&!this.avatar.fallbackText&&"icon",this.showBorder&&"with-border",a&&"with-menu-arrow-icon"]),onClick:()=>this.clickEventEmitter.emit()},"left"===this.avatarPosition&&this.renderAvatar(),(t||a||"right"===this.avatarPosition)&&r("div",{class:"right-container"},t&&r("span",{class:"label"},this.label),"right"===this.avatarPosition&&this.renderAvatar(),a&&this.vegaMenuArrowIconRenderer.render())),this.renderAvatar=()=>this.avatar.icon||!this.avatar.fallbackText&&!this.avatar.src?this.renderIconAvatar():this.avatar.src&&!1!==this.avatarImgLoaded?this.renderImgAvatar():this.renderFallbackTextAvatar(),this.renderFallbackTextAvatar=()=>{var a;let t=this.avatar.fallbackText;(null===(a=this.avatar.fallbackText)||void 0===a?void 0:a.length)>2&&(h.warn("The fallback text for avatar should not be more than two letters."),t=this.avatar.fallbackText.slice(0,2));const o=b(["vega-avatar",this.avatar.fallbackBgColor?v(this.avatar.fallbackBgColor,["dark"]):"v-bg-accent3-primary",this.avatar.fallbackTextColor?i(this.avatar.fallbackTextColor):"v-text-black"]);return r("span",{class:o},t)},this.renderImgAvatar=()=>r("img",{class:"vega-avatar profile",src:this.avatar.src,alt:"",onError:()=>this.handleImgAvatarLoadError(),onLoad:()=>this.setAvatarImgLoaded(!0)}),this.renderIconAvatar=()=>{if(this.avatar.icon)return r("span",{class:"avatar-icon-wrapper"},r("vega-icon",{icon:this.avatar.icon,size:"small"===this.size?"size-16":"size-20"}))},this.renderDropdownContainer=r=>this.dropdownRenderer.shouldRenderDropdown()?this.dropdownRenderer.render(r):r,this.setAvatarImgLoaded=r=>{this.avatarImgLoaded=r},this.handleImgAvatarLoadError=()=>{this.setAvatarImgLoaded(!1),o(this.host)}}watchAvatar(){var r;(null===(r=this.avatar)||void 0===r?void 0:r.src)&&null!==this.avatarImgLoaded&&(this.avatarImgLoaded=null)}render(){const a=this.showMenuArrowIcon&&this.dropdownRenderer.shouldRenderDropdown(),t=this.label&&this.showLabel,o=this.label&&!this.showLabel,c=b([n.formatCustom(this.size),this.selected&&"selected"].filter(Boolean));return g(r(e,{class:c},this.renderDropdownContainer(o?r("vega-tooltip",{text:this.label},this.renderButton(a,t)):this.renderButton(a,t))),this.host)}get host(){return c(this)}static get watchers(){return{avatar:["watchAvatar"]}}};P([f()],A.prototype,"globalSlimmers",void 0),P([k()],A.prototype,"pageResizeObserverSlimmer",void 0),P([k()],A.prototype,"dropdownEventPrevent",void 0),P([k()],A.prototype,"clickEventEmitter",void 0),P([k()],A.prototype,"dropdownClickEventEmitter",void 0),P([k()],A.prototype,"resetEventEmitter",void 0),P([k()],A.prototype,"vegaMenuArrowIconRenderer",void 0),P([k()],A.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([k()],A.prototype,"dropdownRenderer",void 0),A.style=':host(.v-bg-brand),.v-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-bg-page),.v-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-bg-primary),.v-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-bg-secondary),.v-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-bg-tertiary),.v-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-bg-quaternary),.v-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-bg-inverted-primary),.v-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-bg-inverted-secondary),.v-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-bg-inverted-tertiary),.v-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-bg-inverted-quaternary),.v-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-bg-action),.v-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-bg-action-hover),.v-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-bg-action-focus),.v-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-bg-action-active),.v-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-bg-action-quaternary),.v-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-bg-action-quaternary-hover),.v-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-bg-action-quaternary-active),.v-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-bg-action-secondary),.v-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-bg-action-secondary-hover),.v-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-bg-action-secondary-active),.v-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-bg-action-tertiary),.v-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-bg-action-tertiary-hover),.v-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-bg-action-tertiary-active),.v-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-bg-app-header),.v-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-bg-backdrop-modal),.v-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-bg-backdrop-popover),.v-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-bg-backdrop-sidebar),.v-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-bg-chip),.v-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-bg-chip-hover),.v-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-bg-chip-active),.v-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-bg-danger),.v-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-bg-danger-hover),.v-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-bg-danger-focus),.v-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-bg-danger-active),.v-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-bg-danger-tertiary),.v-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-bg-danger-tertiary-hover),.v-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-bg-danger-tertiary-active),.v-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-bg-disabled),.v-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-bg-divider),.v-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-bg-divider-secondary),.v-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-bg-keypad-btn-active),.v-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-bg-loading-progress),.v-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-bg-loading-track),.v-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-bg-segment-hover),.v-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-bg-segment-control),.v-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-bg-selected),.v-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-bg-sidebar),.v-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-bg-sidebar-icon),.v-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-bg-sidebar-icon-hover),.v-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-bg-sidebar-icon-selected),.v-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-bg-sidebar-item-hover),.v-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-bg-sidebar-item-selected),.v-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-bg-site-footer),.v-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-bg-site-footer-action),.v-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-bg-site-footer-action-hover),.v-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-bg-site-footer-action-active),.v-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-bg-site-footer-field),.v-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-bg-slider-handle),.v-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-bg-status-error),.v-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-bg-status-info),.v-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-bg-status-success),.v-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-bg-status-warning),.v-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-bg-tab),.v-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-bg-tab-hover),.v-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-bg-tab-selected),.v-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-bg-table-alt-row),.v-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-bg-table-header),.v-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-bg-table-row-hover),.v-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-bg-table-row-selected-expanded),.v-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-bg-table-selected-row),.v-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-bg-textarea-count),.v-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-bg-tile),.v-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-bg-tile-hover),.v-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-bg-tile-selected),.v-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-bg-tile-selected-hover),.v-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-bg-toggle-switch),.v-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-bg-toggle-switch-hover),.v-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-bg-toggle-switch-selected-disabled),.v-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-bg-transparent),.v-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-bg-accent1-primary),.v-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-bg-accent1-secondary),.v-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-bg-accent1-tertiary),.v-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-bg-accent2-primary),.v-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-bg-accent2-secondary),.v-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-bg-accent2-tertiary),.v-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-bg-accent3-primary),.v-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-bg-accent3-secondary),.v-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-bg-accent3-tertiary),.v-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-bg-accent4-primary),.v-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-bg-accent4-secondary),.v-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-bg-accent4-tertiary),.v-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-bg-accent5-primary),.v-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-bg-accent5-secondary),.v-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-bg-accent5-tertiary),.v-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-bg-accent6-primary),.v-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-bg-accent6-secondary),.v-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-bg-accent6-tertiary),.v-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-bg-accent7-primary),.v-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-bg-accent7-secondary),.v-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-bg-accent7-tertiary),.v-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-bg-accent8-primary),.v-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-bg-accent8-secondary),.v-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-bg-accent8-tertiary),.v-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-bg-accent9-primary),.v-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-bg-accent9-secondary),.v-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-bg-accent9-tertiary),.v-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-bg-accent10-primary),.v-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-bg-accent10-secondary),.v-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-bg-accent10-tertiary),.v-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-bg-date-picker-range),.v-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-fill-bg-brand),.v-fill-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-fill-bg-page),.v-fill-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-fill-bg-primary),.v-fill-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-fill-bg-secondary),.v-fill-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-fill-bg-tertiary),.v-fill-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-fill-bg-quaternary),.v-fill-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-fill-bg-inverted-primary),.v-fill-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-fill-bg-inverted-secondary),.v-fill-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-fill-bg-inverted-tertiary),.v-fill-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-fill-bg-inverted-quaternary),.v-fill-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-fill-bg-action),.v-fill-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-fill-bg-action-hover),.v-fill-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-fill-bg-action-focus),.v-fill-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-fill-bg-action-active),.v-fill-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-fill-bg-action-quaternary),.v-fill-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-fill-bg-action-quaternary-hover),.v-fill-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-fill-bg-action-quaternary-active),.v-fill-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-fill-bg-action-secondary),.v-fill-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-fill-bg-action-secondary-hover),.v-fill-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-fill-bg-action-secondary-active),.v-fill-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-fill-bg-action-tertiary),.v-fill-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-fill-bg-action-tertiary-hover),.v-fill-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-fill-bg-action-tertiary-active),.v-fill-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-fill-bg-app-header),.v-fill-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-fill-bg-backdrop-modal),.v-fill-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-fill-bg-backdrop-popover),.v-fill-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-fill-bg-backdrop-sidebar),.v-fill-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-fill-bg-chip),.v-fill-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-fill-bg-chip-hover),.v-fill-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-fill-bg-chip-active),.v-fill-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-fill-bg-danger),.v-fill-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-fill-bg-danger-hover),.v-fill-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-fill-bg-danger-focus),.v-fill-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-fill-bg-danger-active),.v-fill-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-fill-bg-danger-tertiary),.v-fill-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-fill-bg-danger-tertiary-hover),.v-fill-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-fill-bg-danger-tertiary-active),.v-fill-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-fill-bg-disabled),.v-fill-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-fill-bg-divider),.v-fill-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-fill-bg-divider-secondary),.v-fill-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-fill-bg-keypad-btn-active),.v-fill-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-fill-bg-loading-progress),.v-fill-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-fill-bg-loading-track),.v-fill-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-fill-bg-segment-hover),.v-fill-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-fill-bg-segment-control),.v-fill-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-fill-bg-selected),.v-fill-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-fill-bg-sidebar),.v-fill-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-fill-bg-sidebar-icon),.v-fill-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-fill-bg-sidebar-icon-hover),.v-fill-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-fill-bg-sidebar-icon-selected),.v-fill-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-fill-bg-sidebar-item-hover),.v-fill-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-fill-bg-sidebar-item-selected),.v-fill-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-fill-bg-site-footer),.v-fill-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-fill-bg-site-footer-action),.v-fill-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-fill-bg-site-footer-action-hover),.v-fill-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-fill-bg-site-footer-action-active),.v-fill-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-fill-bg-site-footer-field),.v-fill-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-fill-bg-slider-handle),.v-fill-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-fill-bg-status-error),.v-fill-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-fill-bg-status-info),.v-fill-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-fill-bg-status-success),.v-fill-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-fill-bg-status-warning),.v-fill-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-fill-bg-tab),.v-fill-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-fill-bg-tab-hover),.v-fill-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-fill-bg-tab-selected),.v-fill-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-fill-bg-table-alt-row),.v-fill-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-fill-bg-table-header),.v-fill-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-fill-bg-table-row-hover),.v-fill-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-fill-bg-table-row-selected-expanded),.v-fill-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-fill-bg-table-selected-row),.v-fill-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-fill-bg-textarea-count),.v-fill-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-fill-bg-tile),.v-fill-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-fill-bg-tile-hover),.v-fill-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-fill-bg-tile-selected),.v-fill-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-fill-bg-tile-selected-hover),.v-fill-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-fill-bg-toggle-switch),.v-fill-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-fill-bg-toggle-switch-hover),.v-fill-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-fill-bg-toggle-switch-selected-disabled),.v-fill-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-fill-bg-transparent),.v-fill-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-fill-bg-accent1-primary),.v-fill-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-fill-bg-accent1-secondary),.v-fill-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-fill-bg-accent1-tertiary),.v-fill-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-fill-bg-accent2-primary),.v-fill-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-fill-bg-accent2-secondary),.v-fill-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-fill-bg-accent2-tertiary),.v-fill-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-fill-bg-accent3-primary),.v-fill-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-fill-bg-accent3-secondary),.v-fill-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-fill-bg-accent3-tertiary),.v-fill-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-fill-bg-accent4-primary),.v-fill-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-fill-bg-accent4-secondary),.v-fill-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-fill-bg-accent4-tertiary),.v-fill-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-fill-bg-accent5-primary),.v-fill-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-fill-bg-accent5-secondary),.v-fill-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-fill-bg-accent5-tertiary),.v-fill-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-fill-bg-accent6-primary),.v-fill-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-fill-bg-accent6-secondary),.v-fill-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-fill-bg-accent6-tertiary),.v-fill-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-fill-bg-accent7-primary),.v-fill-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-fill-bg-accent7-secondary),.v-fill-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-fill-bg-accent7-tertiary),.v-fill-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-fill-bg-accent8-primary),.v-fill-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-fill-bg-accent8-secondary),.v-fill-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-fill-bg-accent8-tertiary),.v-fill-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-fill-bg-accent9-primary),.v-fill-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-fill-bg-accent9-secondary),.v-fill-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-fill-bg-accent9-tertiary),.v-fill-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-fill-bg-accent10-primary),.v-fill-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-fill-bg-accent10-secondary),.v-fill-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-fill-bg-accent10-tertiary),.v-fill-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-fill-bg-date-picker-range),.v-fill-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-stroke-bg-brand),.v-stroke-bg-brand{background-color:rgba(var(--v-bg-brand, 51, 57, 61, 1))}:host(.v-stroke-bg-page),.v-stroke-bg-page{background-color:rgba(var(--v-bg-page, 240, 243, 247, 1))}:host(.v-stroke-bg-primary),.v-stroke-bg-primary{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host(.v-stroke-bg-secondary),.v-stroke-bg-secondary{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(.v-stroke-bg-tertiary),.v-stroke-bg-tertiary{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host(.v-stroke-bg-quaternary),.v-stroke-bg-quaternary{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.v-stroke-bg-inverted-primary),.v-stroke-bg-inverted-primary{background-color:rgba(var(--v-bg-inverted-primary, 4, 4, 28, 1))}:host(.v-stroke-bg-inverted-secondary),.v-stroke-bg-inverted-secondary{background-color:rgba(var(--v-bg-inverted-secondary, 18, 18, 39, 1))}:host(.v-stroke-bg-inverted-tertiary),.v-stroke-bg-inverted-tertiary{background-color:rgba(var(--v-bg-inverted-tertiary, 24, 24, 48, 1))}:host(.v-stroke-bg-inverted-quaternary),.v-stroke-bg-inverted-quaternary{background-color:rgba(var(--v-bg-inverted-quaternary, 70, 71, 101, 1))}:host(.v-stroke-bg-action),.v-stroke-bg-action{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.v-stroke-bg-action-hover),.v-stroke-bg-action-hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(.v-stroke-bg-action-focus),.v-stroke-bg-action-focus{background-color:rgba(var(--v-bg-action-focus, 19, 98, 226, 1))}:host(.v-stroke-bg-action-active),.v-stroke-bg-action-active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.v-stroke-bg-action-quaternary),.v-stroke-bg-action-quaternary{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(.v-stroke-bg-action-quaternary-hover),.v-stroke-bg-action-quaternary-hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(.v-stroke-bg-action-quaternary-active),.v-stroke-bg-action-quaternary-active{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(.v-stroke-bg-action-secondary),.v-stroke-bg-action-secondary{background-color:rgba(var(--v-bg-action-secondary, 252, 252, 252, 1))}:host(.v-stroke-bg-action-secondary-hover),.v-stroke-bg-action-secondary-hover{background-color:rgba(var(--v-bg-action-secondary-hover, 4, 112, 236, 0.1))}:host(.v-stroke-bg-action-secondary-active),.v-stroke-bg-action-secondary-active{background-color:rgba(var(--v-bg-action-secondary-active, 29, 65, 195, 0.1))}:host(.v-stroke-bg-action-tertiary),.v-stroke-bg-action-tertiary{background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0))}:host(.v-stroke-bg-action-tertiary-hover),.v-stroke-bg-action-tertiary-hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host(.v-stroke-bg-action-tertiary-active),.v-stroke-bg-action-tertiary-active{background-color:rgba(var(--v-bg-action-tertiary-active, 4, 4, 28, 0.1))}:host(.v-stroke-bg-app-header),.v-stroke-bg-app-header{background-color:rgba(var(--v-bg-app-header, 240, 243, 247, 0.88))}:host(.v-stroke-bg-backdrop-modal),.v-stroke-bg-backdrop-modal{background-color:rgba(var(--v-bg-backdrop-modal, 18, 18, 39, 0.85))}:host(.v-stroke-bg-backdrop-popover),.v-stroke-bg-backdrop-popover{background-color:rgba(var(--v-bg-backdrop-popover, 32, 54, 69, 0.16))}:host(.v-stroke-bg-backdrop-sidebar),.v-stroke-bg-backdrop-sidebar{background-color:rgba(var(--v-bg-backdrop-sidebar, 18, 18, 39, 0.85))}:host(.v-stroke-bg-chip),.v-stroke-bg-chip{background-color:rgba(var(--v-bg-chip, 32, 54, 69, 0.06))}:host(.v-stroke-bg-chip-hover),.v-stroke-bg-chip-hover{background-color:rgba(var(--v-bg-chip-hover, 32, 54, 69, 0.12))}:host(.v-stroke-bg-chip-active),.v-stroke-bg-chip-active{background-color:rgba(var(--v-bg-chip-active, 32, 54, 69, 0.2))}:host(.v-stroke-bg-danger),.v-stroke-bg-danger{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}:host(.v-stroke-bg-danger-hover),.v-stroke-bg-danger-hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}:host(.v-stroke-bg-danger-focus),.v-stroke-bg-danger-focus{background-color:rgba(var(--v-bg-danger-focus, 189, 41, 71, 1))}:host(.v-stroke-bg-danger-active),.v-stroke-bg-danger-active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}:host(.v-stroke-bg-danger-tertiary),.v-stroke-bg-danger-tertiary{background-color:rgba(var(--v-bg-danger-tertiary, 0, 0, 0, 0))}:host(.v-stroke-bg-danger-tertiary-hover),.v-stroke-bg-danger-tertiary-hover{background-color:rgba(var(--v-bg-danger-tertiary-hover, 255, 87, 114, 0.2))}:host(.v-stroke-bg-danger-tertiary-active),.v-stroke-bg-danger-tertiary-active{background-color:rgba(var(--v-bg-danger-tertiary-active, 189, 41, 71, 0.2))}:host(.v-stroke-bg-disabled),.v-stroke-bg-disabled{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1))}:host(.v-stroke-bg-divider),.v-stroke-bg-divider{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1))}:host(.v-stroke-bg-divider-secondary),.v-stroke-bg-divider-secondary{background-color:rgba(var(--v-bg-divider-secondary, 199, 217, 229, 1))}:host(.v-stroke-bg-keypad-btn-active),.v-stroke-bg-keypad-btn-active{background-color:rgba(var(--v-bg-keypad-btn-active, 229, 239, 255, 1))}:host(.v-stroke-bg-loading-progress),.v-stroke-bg-loading-progress{background-color:rgba(var(--v-bg-loading-progress, 153, 192, 255, 1))}:host(.v-stroke-bg-loading-track),.v-stroke-bg-loading-track{background-color:rgba(var(--v-bg-loading-track, 229, 239, 255, 1))}:host(.v-stroke-bg-segment-hover),.v-stroke-bg-segment-hover{background-color:rgba(var(--v-bg-segment-hover, 205, 209, 211, 1))}:host(.v-stroke-bg-segment-control),.v-stroke-bg-segment-control{background-color:rgba(var(--v-bg-segment-control, 89, 96, 99, 0.1))}:host(.v-stroke-bg-selected),.v-stroke-bg-selected{background-color:rgba(var(--v-bg-selected, 0, 151, 255, 0.3))}:host(.v-stroke-bg-sidebar),.v-stroke-bg-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1))}:host(.v-stroke-bg-sidebar-icon),.v-stroke-bg-sidebar-icon{background-color:rgba(var(--v-bg-sidebar-icon, 188, 186, 213, 1))}:host(.v-stroke-bg-sidebar-icon-hover),.v-stroke-bg-sidebar-icon-hover{background-color:rgba(var(--v-bg-sidebar-icon-hover, 18, 18, 39, 1))}:host(.v-stroke-bg-sidebar-icon-selected),.v-stroke-bg-sidebar-icon-selected{background-color:rgba(var(--v-bg-sidebar-icon-selected, 252, 252, 252, 1))}:host(.v-stroke-bg-sidebar-item-hover),.v-stroke-bg-sidebar-item-hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1))}:host(.v-stroke-bg-sidebar-item-selected),.v-stroke-bg-sidebar-item-selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.v-stroke-bg-site-footer),.v-stroke-bg-site-footer{background-color:rgba(var(--v-bg-site-footer, 51, 57, 61, 1))}:host(.v-stroke-bg-site-footer-action),.v-stroke-bg-site-footer-action{background-color:rgba(var(--v-bg-site-footer-action, 171, 198, 216, 1))}:host(.v-stroke-bg-site-footer-action-hover),.v-stroke-bg-site-footer-action-hover{background-color:rgba(var(--v-bg-site-footer-action-hover, 199, 217, 229, 1))}:host(.v-stroke-bg-site-footer-action-active),.v-stroke-bg-site-footer-action-active{background-color:rgba(var(--v-bg-site-footer-action-active, 143, 179, 203, 1))}:host(.v-stroke-bg-site-footer-field),.v-stroke-bg-site-footer-field{background-color:rgba(var(--v-bg-site-footer-field, 89, 96, 99, 1))}:host(.v-stroke-bg-slider-handle),.v-stroke-bg-slider-handle{background-color:rgba(var(--v-bg-slider-handle, 252, 252, 252, 1))}:host(.v-stroke-bg-status-error),.v-stroke-bg-status-error{background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.v-stroke-bg-status-info),.v-stroke-bg-status-info{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.v-stroke-bg-status-success),.v-stroke-bg-status-success{background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.v-stroke-bg-status-warning),.v-stroke-bg-status-warning{background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.v-stroke-bg-tab),.v-stroke-bg-tab{background-color:rgba(var(--v-bg-tab, 240, 243, 247, 1))}:host(.v-stroke-bg-tab-hover),.v-stroke-bg-tab-hover{background-color:rgba(var(--v-bg-tab-hover, 245, 247, 247, 1))}:host(.v-stroke-bg-tab-selected),.v-stroke-bg-tab-selected{background-color:rgba(var(--v-bg-tab-selected, 32, 54, 69, 1))}:host(.v-stroke-bg-table-alt-row),.v-stroke-bg-table-alt-row{background-color:rgba(var(--v-bg-table-alt-row, 245, 247, 247, 1))}:host(.v-stroke-bg-table-header),.v-stroke-bg-table-header{background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1))}:host(.v-stroke-bg-table-row-hover),.v-stroke-bg-table-row-hover{background-color:rgba(var(--v-bg-table-row-hover, 241, 248, 251, 1))}:host(.v-stroke-bg-table-row-selected-expanded),.v-stroke-bg-table-row-selected-expanded{background-color:rgba(var(--v-bg-table-row-selected-expanded, 229, 239, 255, 1))}:host(.v-stroke-bg-table-selected-row),.v-stroke-bg-table-selected-row{background-color:rgba(var(--v-bg-table-selected-row, 204, 223, 255, 1))}:host(.v-stroke-bg-textarea-count),.v-stroke-bg-textarea-count{background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}:host(.v-stroke-bg-tile),.v-stroke-bg-tile{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host(.v-stroke-bg-tile-hover),.v-stroke-bg-tile-hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host(.v-stroke-bg-tile-selected),.v-stroke-bg-tile-selected{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1))}:host(.v-stroke-bg-tile-selected-hover),.v-stroke-bg-tile-selected-hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host(.v-stroke-bg-toggle-switch),.v-stroke-bg-toggle-switch{background-color:rgba(var(--v-bg-toggle-switch, 107, 116, 125, 0.7))}:host(.v-stroke-bg-toggle-switch-hover),.v-stroke-bg-toggle-switch-hover{background-color:rgba(var(--v-bg-toggle-switch-hover, 107, 116, 125, 1))}:host(.v-stroke-bg-toggle-switch-selected-disabled),.v-stroke-bg-toggle-switch-selected-disabled{background-color:rgba(var(--v-bg-toggle-switch-selected-disabled, 153, 192, 255, 1))}:host(.v-stroke-bg-transparent),.v-stroke-bg-transparent{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host(.v-stroke-bg-accent1-primary),.v-stroke-bg-accent1-primary{background-color:rgba(var(--v-bg-accent1-primary, 115, 230, 220, 1))}:host(.v-stroke-bg-accent1-secondary),.v-stroke-bg-accent1-secondary{background-color:rgba(var(--v-bg-accent1-secondary, 193, 244, 239, 1))}:host(.v-stroke-bg-accent1-tertiary),.v-stroke-bg-accent1-tertiary{background-color:rgba(var(--v-bg-accent1-tertiary, 224, 249, 247, 1))}:host(.v-stroke-bg-accent2-primary),.v-stroke-bg-accent2-primary{background-color:rgba(var(--v-bg-accent2-primary, 128, 107, 255, 1))}:host(.v-stroke-bg-accent2-secondary),.v-stroke-bg-accent2-secondary{background-color:rgba(var(--v-bg-accent2-secondary, 199, 189, 255, 1))}:host(.v-stroke-bg-accent2-tertiary),.v-stroke-bg-accent2-tertiary{background-color:rgba(var(--v-bg-accent2-tertiary, 227, 222, 255, 1))}:host(.v-stroke-bg-accent3-primary),.v-stroke-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host(.v-stroke-bg-accent3-secondary),.v-stroke-bg-accent3-secondary{background-color:rgba(var(--v-bg-accent3-secondary, 255, 239, 200, 1))}:host(.v-stroke-bg-accent3-tertiary),.v-stroke-bg-accent3-tertiary{background-color:rgba(var(--v-bg-accent3-tertiary, 255, 247, 227, 1))}:host(.v-stroke-bg-accent4-primary),.v-stroke-bg-accent4-primary{background-color:rgba(var(--v-bg-accent4-primary, 255, 149, 113, 1))}:host(.v-stroke-bg-accent4-secondary),.v-stroke-bg-accent4-secondary{background-color:rgba(var(--v-bg-accent4-secondary, 255, 208, 192, 1))}:host(.v-stroke-bg-accent4-tertiary),.v-stroke-bg-accent4-tertiary{background-color:rgba(var(--v-bg-accent4-tertiary, 255, 231, 223, 1))}:host(.v-stroke-bg-accent5-primary),.v-stroke-bg-accent5-primary{background-color:rgba(var(--v-bg-accent5-primary, 0, 187, 255, 1))}:host(.v-stroke-bg-accent5-secondary),.v-stroke-bg-accent5-secondary{background-color:rgba(var(--v-bg-accent5-secondary, 142, 223, 249, 1))}:host(.v-stroke-bg-accent5-tertiary),.v-stroke-bg-accent5-tertiary{background-color:rgba(var(--v-bg-accent5-tertiary, 227, 247, 253, 1))}:host(.v-stroke-bg-accent6-primary),.v-stroke-bg-accent6-primary{background-color:rgba(var(--v-bg-accent6-primary, 255, 130, 201, 1))}:host(.v-stroke-bg-accent6-secondary),.v-stroke-bg-accent6-secondary{background-color:rgba(var(--v-bg-accent6-secondary, 255, 199, 231, 1))}:host(.v-stroke-bg-accent6-tertiary),.v-stroke-bg-accent6-tertiary{background-color:rgba(var(--v-bg-accent6-tertiary, 255, 227, 243, 1))}:host(.v-stroke-bg-accent7-primary),.v-stroke-bg-accent7-primary{background-color:rgba(var(--v-bg-accent7-primary, 37, 159, 159, 1))}:host(.v-stroke-bg-accent7-secondary),.v-stroke-bg-accent7-secondary{background-color:rgba(var(--v-bg-accent7-secondary, 155, 212, 214, 1))}:host(.v-stroke-bg-accent7-tertiary),.v-stroke-bg-accent7-tertiary{background-color:rgba(var(--v-bg-accent7-tertiary, 208, 239, 239, 1))}:host(.v-stroke-bg-accent8-primary),.v-stroke-bg-accent8-primary{background-color:rgba(var(--v-bg-accent8-primary, 86, 61, 130, 1))}:host(.v-stroke-bg-accent8-secondary),.v-stroke-bg-accent8-secondary{background-color:rgba(var(--v-bg-accent8-secondary, 199, 162, 204, 1))}:host(.v-stroke-bg-accent8-tertiary),.v-stroke-bg-accent8-tertiary{background-color:rgba(var(--v-bg-accent8-tertiary, 230, 214, 234, 1))}:host(.v-stroke-bg-accent9-primary),.v-stroke-bg-accent9-primary{background-color:rgba(var(--v-bg-accent9-primary, 255, 191, 63, 1))}:host(.v-stroke-bg-accent9-secondary),.v-stroke-bg-accent9-secondary{background-color:rgba(var(--v-bg-accent9-secondary, 254, 215, 142, 1))}:host(.v-stroke-bg-accent9-tertiary),.v-stroke-bg-accent9-tertiary{background-color:rgba(var(--v-bg-accent9-tertiary, 251, 226, 185, 1))}:host(.v-stroke-bg-accent10-primary),.v-stroke-bg-accent10-primary{background-color:rgba(var(--v-bg-accent10-primary, 237, 122, 35, 1))}:host(.v-stroke-bg-accent10-secondary),.v-stroke-bg-accent10-secondary{background-color:rgba(var(--v-bg-accent10-secondary, 241, 146, 85, 1))}:host(.v-stroke-bg-accent10-tertiary),.v-stroke-bg-accent10-tertiary{background-color:rgba(var(--v-bg-accent10-tertiary, 245, 187, 148, 1))}:host(.v-stroke-bg-date-picker-range),.v-stroke-bg-date-picker-range{background-color:rgba(var(--v-bg-date-picker-range, 229, 239, 255, 1))}:host(.v-text-primary),.v-text-primary{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.v-text-secondary),.v-text-secondary{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.v-text-inverted-primary),.v-text-inverted-primary{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(.v-text-inverted-secondary),.v-text-inverted-secondary{color:rgba(var(--v-text-inverted-secondary, 188, 186, 213, 1))}:host(.v-text-black),.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host(.v-text-white),.v-text-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host(.v-text-brand),.v-text-brand{color:rgba(var(--v-text-brand, 51, 57, 61, 1))}:host(.v-text-danger-link),.v-text-danger-link{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host(.v-text-danger-link-hover),.v-text-danger-link-hover{color:rgba(var(--v-text-danger-link-hover, 233, 71, 104, 1))}:host(.v-text-danger-link-active),.v-text-danger-link-active{color:rgba(var(--v-text-danger-link-active, 189, 41, 71, 1))}:host(.v-text-danger-link-focus),.v-text-danger-link-focus{color:rgba(var(--v-text-danger-link-focus, 240, 52, 91, 1))}:host(.v-text-danger-link-visited),.v-text-danger-link-visited{color:rgba(var(--v-text-danger-link-visited, 230, 50, 87, 1))}:host(.v-text-disabled),.v-text-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.v-text-error),.v-text-error{color:rgba(var(--v-text-error, 189, 41, 71, 1))}:host(.v-text-input-disabled),.v-text-input-disabled{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host(.v-text-input-placeholder),.v-text-input-placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}:host(.v-text-link),.v-text-link{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.v-text-link-hover),.v-text-link-hover{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.v-text-link-active),.v-text-link-active{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.v-text-link-focus),.v-text-link-focus{color:rgba(var(--v-text-link-focus, 4, 112, 236, 1))}:host(.v-text-link-visited),.v-text-link-visited{color:rgba(var(--v-text-link-visited, 95, 56, 206, 1))}:host(.v-text-on-action),.v-text-on-action{color:rgba(var(--v-text-on-action, 252, 252, 252, 1))}:host(.v-text-on-danger),.v-text-on-danger{color:rgba(var(--v-text-on-danger, 252, 252, 252, 1))}:host(.v-text-on-disabled),.v-text-on-disabled{color:rgba(var(--v-text-on-disabled, 252, 252, 252, 1))}:host(.v-text-sidebar-link),.v-text-sidebar-link{color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}:host(.v-text-sidebar-link-hover),.v-text-sidebar-link-hover{color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.v-text-sidebar-link-selected),.v-text-sidebar-link-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host(.v-text-site-footer-link),.v-text-site-footer-link{color:rgba(var(--v-text-site-footer-link, 171, 198, 216, 1))}:host(.v-text-site-footer-link-hover),.v-text-site-footer-link-hover{color:rgba(var(--v-text-site-footer-link-hover, 199, 217, 229, 1))}:host(.v-text-site-footer-link-active),.v-text-site-footer-link-active{color:rgba(var(--v-text-site-footer-link-active, 143, 179, 203, 1))}:host(.v-text-success),.v-text-success{color:rgba(var(--v-text-success, 1, 128, 31, 1))}:host(.v-text-inverted-success),.v-text-inverted-success{color:rgba(var(--v-text-inverted-success, 89, 217, 119, 1))}:host(.v-text-accent1-primary),.v-text-accent1-primary{color:rgba(var(--v-text-accent1-primary, 115, 230, 220, 1))}:host(.v-text-accent2-primary),.v-text-accent2-primary{color:rgba(var(--v-text-accent2-primary, 128, 107, 255, 1))}:host(.v-text-accent3-primary),.v-text-accent3-primary{color:rgba(var(--v-text-accent3-primary, 255, 220, 131, 1))}:host(.v-text-accent4-primary),.v-text-accent4-primary{color:rgba(var(--v-text-accent4-primary, 255, 149, 113, 1))}:host(.v-text-accent5-primary),.v-text-accent5-primary{color:rgba(var(--v-text-accent5-primary, 0, 187, 255, 1))}:host(.v-text-accent6-primary),.v-text-accent6-primary{color:rgba(var(--v-text-accent6-primary, 240, 52, 91, 1))}:host(.v-text-accent7-primary),.v-text-accent7-primary{color:rgba(var(--v-text-accent7-primary, 37, 159, 159, 1))}:host(.v-text-accent8-primary),.v-text-accent8-primary{color:rgba(var(--v-text-accent8-primary, 86, 61, 130, 1))}:host(.v-text-accent9-primary),.v-text-accent9-primary{color:rgba(var(--v-text-accent9-primary, 255, 191, 63, 1))}:host(.v-text-accent10-primary),.v-text-accent10-primary{color:rgba(var(--v-text-accent10-primary, 237, 122, 35, 1))}:host{display:inline-block;border-radius:9999px;vertical-align:middle}:host vega-dropdown,:host vega-tooltip{border-radius:9999px}:host .vega-app-header-button-container{padding:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-radius:9999px;border-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:8px;outline:none}:host(.default) .vega-app-header-button-container{min-height:52px}:host(.small) .vega-app-header-button-container{gap:4px;min-height:44px}:host .vega-app-header-button-container:hover{background-color:rgba(var(--v-bg-action-tertiary-hover, 4, 4, 28, 0.05))}:host .vega-app-header-button-container:active{background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1))}:host .vega-app-header-button-container:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}:host .vega-app-header-button-container.icon{padding:16px}:host(.small) .vega-app-header-button-container.icon{padding:12px}:host .vega-app-header-button-container .label{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));display:flex;align-items:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-app-header-button-container .label{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-app-header-button-container .label{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-app-header-button-container .label{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-app-header-button-container .vega-avatar{border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;width:36px;height:36px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-app-header-button-container .vega-avatar{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-app-header-button-container .vega-avatar{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-app-header-button-container .vega-avatar{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host .vega-app-header-button-container .vega-avatar.profile{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}:host.default .vega-app-header-button-container .vega-avatar{width:36px;height:36px}:host(.small) .vega-app-header-button-container .vega-avatar{width:28px;height:28px}:host .vega-app-header-button-container .toggle-icon-wrapper{display:flex;justify-content:center;align-items:center;padding:4px}:host .vega-app-header-button-container.icon .toggle-icon-wrapper{margin-right:0px}:host .vega-app-header-button-container .right-container{display:flex;gap:8px}:host .vega-app-header-button-container .avatar-icon-wrapper{display:flex;align-items:center;justify-content:center;width:20px;height:20px}:host .vega-app-header-button-container .toggle-icon-wrapper vega-icon,:host .vega-app-header-button-container .avatar-icon-wrapper vega-icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-app-header-button-container.with-border{border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1))}:host .vega-app-header-button-container:not(.icon) .right-container span:not(.vega-avatar):last-child{margin-right:8px}:host(.small) .vega-app-header-button-container:not(.icon) .right-container span:not(.vega-avatar):last-child{margin-right:4px}:host(.selected) .vega-app-header-button-container{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host(.selected) .vega-app-header-button-container.with-border:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host(.selected) .vega-app-header-button-container .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container .label{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.selected) .vega-app-header-button-container:hover .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:hover .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:hover .label{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(.selected) .vega-app-header-button-container:active .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:active .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:active .label{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(.selected) .vega-app-header-button-container:focus-visible .toggle-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:focus-visible .avatar-icon-wrapper vega-icon,:host(.selected) .vega-app-header-button-container:focus-visible .label{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(.selected) .vega-app-header-button-container:focus-visible{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-app-header-button-container .vega-avatar.v-bg-accent3-primary{background-color:rgba(var(--v-bg-accent3-primary, 255, 220, 131, 1))}:host .vega-app-header-button-container .vega-avatar.v-text-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}';export{A as vega_app_header_button}

package/dist/vega/{p-7f9acdf7.entry.js → p-228784f7.entry.js}

@@ -1 +1 @@
-import{r as e,c as i,h as t,H as a,g as r}from"./p-6b2342e0.js";import{c as n}from"./p-86194314.js";import{s as o}from"./p-519a7d55.js";import{C as s}from"./p-590fd123.js";import{C as c}from"./p-2d0d575f.js";import{C as h,F as l,g as d}from"./p-a528714c.js";import{O as p}from"./p-331a62d5.js";import{f as g,a as x}from"./p-d9671d27.js";import{c as b,M as v,V as f,I as m}from"./p-6e1ab235.js";import{V as u,I as k}from"./p-d849e0f5.js";import{F as w}from"./p-30e7544c.js";import{c as y}from"./p-f2c8c363.js";import{d as j,g as z}from"./p-8bd496b4.js";import{f as C}from"./p-5b71c85e.js";import{C as I}from"./p-184d8443.js";import{R}from"./p-280cbcdb.js";import{C as D}from"./p-75b58efe.js";import{C as O}from"./p-521d1d07.js";import"./p-abd7aeaa.js";import"./p-02841589.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-f69f84a7.js";import"./p-10ac8b57.js";import"./p-40f39194.js";import"./p-ed45b3b6.js";import"./p-b75ee3ba.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-59fa3f68.js";import"./p-697eb0e1.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";var V=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};class E extends f{connectedCallback(){this.checkboxGroup=g(this.host,"vega-checkbox-group")||g(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new p(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),c.register(j.getSubject(this.checkboxGroup||this.host,C),this.fieldErrorObserver)}disconnectedCallback(){c.unregister(j.getSubject(this.checkboxGroup||this.host,C),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}V([b({writable:!0})],E.prototype,"showError",void 0),V([b()],E.prototype,"host",void 0),V([v("connectedCallback")],E.prototype,"connectedCallback",null),V([v("disconnectedCallback")],E.prototype,"disconnectedCallback",null);var F=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const G=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.vegaCheckboxShowErrorController=new E,this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new s:null}],defaultValue:e=>""!==e.identifier&&"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.changeEventEmitter=y(G,z),this.dropdownEventPrevent=new I([z],(()=>this.host),{customPreventHandle:e=>{e.stopPropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.groupDisabled=!1,this.showError=!1,this.identifier="",this.value=""!==this.identifier&&"",this.checked=!1,this.disabled=!1,this.size="default",this.required=!1,this.isValid=null,this.onCheckBoxChange=e=>{this.checked=e.currentTarget.checked},this.onSelectedIconClick=e=>{e.stopPropagation()}}watchCheckedChange(){this.initValue(),this.changeEventEmitter.emit(this.value),c.notify(h,{host:this.host,detail:this.value}),c.notify(l,{host:this.host,detail:this.value})}disconnectedCallback(){this.unRegisterGroupDisabledObserver()}componentWillLoad(){this.initValue(),this.initAndRegisterGroupDisabledObserver()}componentDidRender(){""===this.host.innerHTML.trim()&&this.labelElement.classList.add("vega-hidden")}async setValue(e){this.checked=this.identifier?e===this.identifier:!0===e}render(){var e;const i="VEGA-CHECKBOX-GROUP"==(null===(e=this.host.parentElement)||void 0===e?void 0:e.nodeName);return o(t(a,{class:{"vega-flex-shrink-0 v-min-w-min":i,checked:this.checked,disabled:this.isDisabled()}},t("label",{class:x(["vega-checkbox-container",this.showError&&"error",this.size&&`size-${this.size}`]),ref:e=>this.inputContainerRef=e},t("input",{ref:e=>this.inputRef=e,type:"checkbox",checked:this.checked,value:this.identifier,onChange:this.onCheckBoxChange,"aria-label":this.identifier||"No label defined",disabled:this.isDisabled(),role:"button",tabIndex:0,onKeyDown:n()}),t("span",{class:"vega-checkbox-icon",onClick:this.onSelectedIconClick,tabIndex:-1},this.renderIconDom()),t("div",{class:"vega-checkbox-label-container",ref:e=>this.labelElement=e},this.renderLabelDom(),this.renderRequireDom()))),this.host)}renderIconDom(){return this.checked?t("vega-icon",{icon:"checkmark",size:"small"===this.size?"size-12":"size-16"}):null}renderLabelDom(){return t("span",{class:"vega-checkbox-label"},t("slot",null))}renderRequireDom(){return t("span",{class:{"vega-require":this.required}},this.required?"*":"")}initValue(){this.value=""!==this.identifier?this.checked?this.identifier:"":this.checked}isDisabled(){return this.disabled||this.groupDisabled}canAcceptGroupDisabledObserver(e){return g(this.host,"vega-checkbox-group")===e.host}groupDisabledObserverListener(e){this.groupDisabled=e.host.disabled}initAndRegisterGroupDisabledObserver(){g(this.host,"vega-checkbox-group")&&(this.groupDisabledObserver=new p(this.canAcceptGroupDisabledObserver.bind(this),this.groupDisabledObserverListener.bind(this)),c.register(d,this.groupDisabledObserver))}unRegisterGroupDisabledObserver(){this.groupDisabledObserver&&c.unregister(d,this.groupDisabledObserver)}get host(){return r(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};F([k()],G.prototype,"globalSlimmers",void 0),F([m()],G.prototype,"vegaCheckboxShowErrorController",void 0),F([m()],G.prototype,"formFieldController",void 0),F([m()],G.prototype,"changeEventEmitter",void 0),F([m()],G.prototype,"dropdownEventPrevent",void 0),F([m()],G.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),G.style=':host{display:inline-block;vertical-align:middle}.vega-checkbox-container{position:relative;display:flex;-webkit-tap-highlight-color:transparent}.vega-checkbox-container>input[type=checkbox]{position:absolute;left:0px;top:0px;opacity:0;width:24px;height:24px;padding:0px;margin:0px}.vega-checkbox-container>.vega-checkbox-icon{display:inline-block;box-sizing:border-box;width:24px;height:24px;border-style:solid;border-width:2px;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1));position:relative;left:0px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:4px;min-width:24px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-checkbox-container>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px}.vega-checkbox-container>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon{display:inline-flex;align-items:center;justify-content:center}:host(.disabled) .vega-checkbox-container{cursor:not-allowed}:host(:not(.disabled)) .vega-checkbox-container{cursor:pointer}.vega-checkbox-container .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px;vertical-align:middle}.vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-checkbox-container.error>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1))}:host(.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon>vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-label-container{display:inline-block;margin-left:12px;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}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-checkbox-container>.vega-checkbox-label-container{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-checkbox-container>.vega-checkbox-label-container{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-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.disabled) .vega-checkbox-container>.vega-checkbox-label-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-checkbox-label-container.vega-hidden{display:none}.vega-hidden{display:none}.size-default input[type=checkbox]{width:24px;height:24px}.size-default .vega-checkbox-icon{width:24px;height:24px;min-width:24px;border-radius:4px}.size-default .vega-checkbox-label-container{margin-left:12px;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-default .vega-checkbox-label-container{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){.size-default .vega-checkbox-label-container{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){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.size-small input[type=checkbox]{width:16px;height:16px}.size-small .vega-checkbox-icon{width:16px;height:16px;min-width:16px;border-radius:2px}.size-small .vega-checkbox-label-container{margin-left:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}';var P=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const q=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new R:null}],defaultValue:[],validationRulesName:"validationRules",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>this.touchableAreaGetter()}),this.checkboxValueChangeObserver=new O(h,(e=>this.childCheckboxValueChange(e))),this.checkboxEventPrevent=new I([z],(()=>this.vegaFlexElement)),this.changeEventEmitter=y(q,z),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.label="",this.value=[],this.vegaFlexProp={},this.disabled=!1,this.required=!1,this.hint="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.childCheckboxValueChange=e=>{this.syncCheckboxItemsValue(e.detail,e.host.identifier)},this.touchableAreaGetter=()=>{const e=[];return this.vegaCheckboxArray&&this.vegaCheckboxArray.forEach((async i=>{e.push(i.shadowRoot.querySelector("input"))})),e}}async watchValue(){this.initCheckboxArray(),this.changeEventEmitter.emit(this.value),c.notify(l,{host:this.host,detail:this.value})}watchVegaFlexProp(){this.setVegaFlexProperty()}async watchDisabled(){this.notifyGroupDisabledChange()}watchValidationRules(){}componentDidLoad(){this.setVegaFlexProperty(),this.initCheckboxArray(),this.notifyGroupDisabledChange()}render(){return o(t(a,null,this.renderLabelDom(),t("div",{class:"vega-checkbox-group-container",ref:e=>this.inputContainerRef=e},t("vega-flex",{ref:e=>{this.vegaFlexElement=e}},t("slot",null))),this.renderHintDom()),this.host)}renderLabelDom(){return this.label&&t("div",{class:"vega-label"},t("label",{"aria-label":this.label},this.label,this.renderRequireDom()))}renderRequireDom(){return this.required?t("span",{class:"vega-require"},"*"):null}renderHintDom(){return this.hint&&t("div",{class:"vega-hint"},t("label",null,this.hint))}setVegaFlexProperty(){this.vegaFlexProp&&Object.assign(this.vegaFlexElement,{gap:"size-16",direction:"col"},this.vegaFlexProp)}syncCheckboxItemsValue(e,i){e&&!this.value.includes(i)?this.value=[...this.value,i]:!e&&this.value.includes(i)&&(this.value=[...this.value.filter((e=>e!==i))])}initCheckboxArray(){this.vegaCheckboxArray=Array.from(this.host.querySelectorAll("vega-checkbox")),this.vegaCheckboxArray.forEach((e=>{e.checked=!!(this.value&&this.value.length>0)&&this.value.includes(e.identifier)}))}notifyGroupDisabledChange(){c.notify(d,{host:this.host})}get host(){return r(this)}static get watchers(){return{value:["watchValue"],vegaFlexProp:["watchVegaFlexProp"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};P([k()],q.prototype,"globalSlimmers",void 0),P([m()],q.prototype,"formFieldController",void 0),P([m()],q.prototype,"checkboxValueChangeObserver",void 0),P([m()],q.prototype,"checkboxEventPrevent",void 0),P([m()],q.prototype,"changeEventEmitter",void 0),P([m()],q.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([D()],q.prototype,"watchVegaFlexProp",null),q.style=':host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-label{margin-bottom:16px}.vega-label label{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){.vega-label label{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){.vega-label label{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){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}.vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-hint{padding-top:12px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{G as vega_checkbox,q as vega_checkbox_group}
+import{r as e,c as i,h as t,H as a,g as r}from"./p-6b2342e0.js";import{c as n}from"./p-86194314.js";import{s as o}from"./p-519a7d55.js";import{C as s}from"./p-590fd123.js";import{C as c}from"./p-2d0d575f.js";import{C as h,F as l,g as d}from"./p-a528714c.js";import{O as p}from"./p-331a62d5.js";import{f as g,a as x}from"./p-d9671d27.js";import{c as b,M as v,V as f,I as m}from"./p-6e1ab235.js";import{V as u,I as k}from"./p-d849e0f5.js";import{F as w}from"./p-20010bd6.js";import{c as y}from"./p-c841be8d.js";import{d as j,i as z}from"./p-11a6c1b7.js";import{i as C}from"./p-1b44db34.js";import{C as I}from"./p-89083d63.js";import{R}from"./p-280cbcdb.js";import{C as D}from"./p-75b58efe.js";import{C as O}from"./p-521d1d07.js";import"./p-abd7aeaa.js";import"./p-02841589.js";import"./p-a4670e23.js";import"./p-6a334573.js";import"./p-f69f84a7.js";import"./p-10ac8b57.js";import"./p-40f39194.js";import"./p-ed45b3b6.js";import"./p-b75ee3ba.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d27ae9ff.js";import"./p-262ec334.js";import"./p-0d57293b.js";import"./p-3532aa12.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";var V=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};class E extends f{connectedCallback(){this.checkboxGroup=g(this.host,"vega-checkbox-group")||g(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new p(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),c.register(j.getSubject(this.checkboxGroup||this.host,C),this.fieldErrorObserver)}disconnectedCallback(){c.unregister(j.getSubject(this.checkboxGroup||this.host,C),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}V([b({writable:!0})],E.prototype,"showError",void 0),V([b()],E.prototype,"host",void 0),V([v("connectedCallback")],E.prototype,"connectedCallback",null),V([v("disconnectedCallback")],E.prototype,"disconnectedCallback",null);var F=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const G=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.vegaCheckboxShowErrorController=new E,this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new s:null}],defaultValue:e=>""!==e.identifier&&"",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>[this.inputRef]}),this.changeEventEmitter=y(G,z),this.dropdownEventPrevent=new I([z],(()=>this.host),{customPreventHandle:e=>{e.stopPropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.groupDisabled=!1,this.showError=!1,this.identifier="",this.value=""!==this.identifier&&"",this.checked=!1,this.disabled=!1,this.size="default",this.required=!1,this.isValid=null,this.onCheckBoxChange=e=>{this.checked=e.currentTarget.checked},this.onSelectedIconClick=e=>{e.stopPropagation()}}watchCheckedChange(){this.initValue(),this.changeEventEmitter.emit(this.value),c.notify(h,{host:this.host,detail:this.value}),c.notify(l,{host:this.host,detail:this.value})}disconnectedCallback(){this.unRegisterGroupDisabledObserver()}componentWillLoad(){this.initValue(),this.initAndRegisterGroupDisabledObserver()}componentDidRender(){""===this.host.innerHTML.trim()&&this.labelElement.classList.add("vega-hidden")}async setValue(e){this.checked=this.identifier?e===this.identifier:!0===e}render(){var e;const i="VEGA-CHECKBOX-GROUP"==(null===(e=this.host.parentElement)||void 0===e?void 0:e.nodeName);return o(t(a,{class:{"vega-flex-shrink-0 v-min-w-min":i,checked:this.checked,disabled:this.isDisabled()}},t("label",{class:x(["vega-checkbox-container",this.showError&&"error",this.size&&`size-${this.size}`]),ref:e=>this.inputContainerRef=e},t("input",{ref:e=>this.inputRef=e,type:"checkbox",checked:this.checked,value:this.identifier,onChange:this.onCheckBoxChange,"aria-label":this.identifier||"No label defined",disabled:this.isDisabled(),role:"button",tabIndex:0,onKeyDown:n()}),t("span",{class:"vega-checkbox-icon",onClick:this.onSelectedIconClick,tabIndex:-1},this.renderIconDom()),t("div",{class:"vega-checkbox-label-container",ref:e=>this.labelElement=e},this.renderLabelDom(),this.renderRequireDom()))),this.host)}renderIconDom(){return this.checked?t("vega-icon",{icon:"checkmark",size:"small"===this.size?"size-12":"size-16"}):null}renderLabelDom(){return t("span",{class:"vega-checkbox-label"},t("slot",null))}renderRequireDom(){return t("span",{class:{"vega-require":this.required}},this.required?"*":"")}initValue(){this.value=""!==this.identifier?this.checked?this.identifier:"":this.checked}isDisabled(){return this.disabled||this.groupDisabled}canAcceptGroupDisabledObserver(e){return g(this.host,"vega-checkbox-group")===e.host}groupDisabledObserverListener(e){this.groupDisabled=e.host.disabled}initAndRegisterGroupDisabledObserver(){g(this.host,"vega-checkbox-group")&&(this.groupDisabledObserver=new p(this.canAcceptGroupDisabledObserver.bind(this),this.groupDisabledObserverListener.bind(this)),c.register(d,this.groupDisabledObserver))}unRegisterGroupDisabledObserver(){this.groupDisabledObserver&&c.unregister(d,this.groupDisabledObserver)}get host(){return r(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};F([k()],G.prototype,"globalSlimmers",void 0),F([m()],G.prototype,"vegaCheckboxShowErrorController",void 0),F([m()],G.prototype,"formFieldController",void 0),F([m()],G.prototype,"changeEventEmitter",void 0),F([m()],G.prototype,"dropdownEventPrevent",void 0),F([m()],G.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),G.style=':host{display:inline-block;vertical-align:middle}.vega-checkbox-container{position:relative;display:flex;-webkit-tap-highlight-color:transparent}.vega-checkbox-container>input[type=checkbox]{position:absolute;left:0px;top:0px;opacity:0;width:24px;height:24px;padding:0px;margin:0px}.vega-checkbox-container>.vega-checkbox-icon{display:inline-block;box-sizing:border-box;width:24px;height:24px;border-style:solid;border-width:2px;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1));position:relative;left:0px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:4px;min-width:24px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}.vega-checkbox-container>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px}.vega-checkbox-container>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(.checked) .vega-checkbox-container>.vega-checkbox-icon{display:inline-flex;align-items:center;justify-content:center}:host(.disabled) .vega-checkbox-container{cursor:not-allowed}:host(:not(.disabled)) .vega-checkbox-container{cursor:pointer}.vega-checkbox-container .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px;vertical-align:middle}.vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon{background-color:rgba(var(--v-bg-danger, 189, 41, 71, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:hover{background-color:rgba(var(--v-bg-danger-hover, 233, 71, 104, 1))}.vega-checkbox-container.error>input[type=checkbox]:focus-visible+.vega-checkbox-icon{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px}:host(.checked) .vega-checkbox-container.error>.vega-checkbox-icon:active{background-color:rgba(var(--v-bg-danger-active, 230, 50, 87, 1))}.vega-checkbox-container.error>.vega-checkbox-icon:active{border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-danger-active, 189, 41, 71, 1))}:host(.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon{background-color:rgba(var(--v-bg-disabled, 176, 180, 181, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.checked.disabled) .vega-checkbox-container>.vega-checkbox-icon>vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}.vega-checkbox-container>.vega-checkbox-label-container{display:inline-block;margin-left:12px;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}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-checkbox-container>.vega-checkbox-label-container{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-checkbox-container>.vega-checkbox-label-container{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-checkbox-container>.vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host(.disabled) .vega-checkbox-container>.vega-checkbox-label-container{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-checkbox-label-container.vega-hidden{display:none}.vega-hidden{display:none}.size-default input[type=checkbox]{width:24px;height:24px}.size-default .vega-checkbox-icon{width:24px;height:24px;min-width:24px;border-radius:4px}.size-default .vega-checkbox-label-container{margin-left:12px;font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-default .vega-checkbox-label-container{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){.size-default .vega-checkbox-label-container{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){.size-default .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.size-small input[type=checkbox]{width:16px;height:16px}.size-small .vega-checkbox-icon{width:16px;height:16px;min-width:16px;border-radius:2px}.size-small .vega-checkbox-label-container{margin-left:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.size-small .vega-checkbox-label-container{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px}}';var P=function(e,i,t,a){var r,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(o=(n<3?r(o):n>3?r(i,t,o):r(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const q=class{constructor(t){e(this,t),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.formFieldController=new w({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new R:null}],defaultValue:[],validationRulesName:"validationRules",attributeGetter:e=>this[e],inputContainerGetter:()=>this.inputContainerRef,touchableAreaGetter:()=>this.touchableAreaGetter()}),this.checkboxValueChangeObserver=new O(h,(e=>this.childCheckboxValueChange(e))),this.checkboxEventPrevent=new I([z],(()=>this.vegaFlexElement)),this.changeEventEmitter=y(q,z),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.label="",this.value=[],this.vegaFlexProp={},this.disabled=!1,this.required=!1,this.hint="",this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.childCheckboxValueChange=e=>{this.syncCheckboxItemsValue(e.detail,e.host.identifier)},this.touchableAreaGetter=()=>{const e=[];return this.vegaCheckboxArray&&this.vegaCheckboxArray.forEach((async i=>{e.push(i.shadowRoot.querySelector("input"))})),e}}async watchValue(){this.initCheckboxArray(),this.changeEventEmitter.emit(this.value),c.notify(l,{host:this.host,detail:this.value})}watchVegaFlexProp(){this.setVegaFlexProperty()}async watchDisabled(){this.notifyGroupDisabledChange()}watchValidationRules(){}componentDidLoad(){this.setVegaFlexProperty(),this.initCheckboxArray(),this.notifyGroupDisabledChange()}render(){return o(t(a,null,this.renderLabelDom(),t("div",{class:"vega-checkbox-group-container",ref:e=>this.inputContainerRef=e},t("vega-flex",{ref:e=>{this.vegaFlexElement=e}},t("slot",null))),this.renderHintDom()),this.host)}renderLabelDom(){return this.label&&t("div",{class:"vega-label"},t("label",{"aria-label":this.label},this.label,this.renderRequireDom()))}renderRequireDom(){return this.required?t("span",{class:"vega-require"},"*"):null}renderHintDom(){return this.hint&&t("div",{class:"vega-hint"},t("label",null,this.hint))}setVegaFlexProperty(){this.vegaFlexProp&&Object.assign(this.vegaFlexElement,{gap:"size-16",direction:"col"},this.vegaFlexProp)}syncCheckboxItemsValue(e,i){e&&!this.value.includes(i)?this.value=[...this.value,i]:!e&&this.value.includes(i)&&(this.value=[...this.value.filter((e=>e!==i))])}initCheckboxArray(){this.vegaCheckboxArray=Array.from(this.host.querySelectorAll("vega-checkbox")),this.vegaCheckboxArray.forEach((e=>{e.checked=!!(this.value&&this.value.length>0)&&this.value.includes(e.identifier)}))}notifyGroupDisabledChange(){c.notify(d,{host:this.host})}get host(){return r(this)}static get watchers(){return{value:["watchValue"],vegaFlexProp:["watchVegaFlexProp"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};P([k()],q.prototype,"globalSlimmers",void 0),P([m()],q.prototype,"formFieldController",void 0),P([m()],q.prototype,"checkboxValueChangeObserver",void 0),P([m()],q.prototype,"checkboxEventPrevent",void 0),P([m()],q.prototype,"changeEventEmitter",void 0),P([m()],q.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([D()],q.prototype,"watchVegaFlexProp",null),q.style=':host{display:block;text-align:left;line-height:normal}.vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-label{margin-bottom:16px}.vega-label label{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){.vega-label label{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){.vega-label label{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){.vega-label label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0px}}.vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-hint{padding-top:12px}.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{G as vega_checkbox,q as vega_checkbox_group}

package/dist/vega/{p-3566ad76.js → p-22989693.js}

@@ -1 +1 @@
-import{c as t,M as s,V as i}from"./p-6e1ab235.js";import{i as h}from"./p-161b9c5b.js";import{C as e}from"./p-2d0d575f.js";import{d as o}from"./p-8bd496b4.js";import{p as n,V as r}from"./p-5b71c85e.js";import{a}from"./p-ce2ffff7.js";var u=function(t,s,i,h){var e,o=arguments.length,n=o<3?s:null===h?h=Object.getOwnPropertyDescriptor(s,i):h;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,i,h);else for(var r=t.length-1;r>=0;r--)(e=t[r])&&(n=(o<3?e(n):o>3?e(s,i,n):e(s,i))||n);return o>3&&n&&Object.defineProperty(s,i,n),n};class p extends i{constructor(){super(...arguments),this.onFocus=t=>{if(this.host&&this.host.value){const s=this.host.value;t.target.value!==s&&(this.inputElement.value=s)}},this.onBlur=t=>{this.blurFormatStrategy&&this.formatValue(t.target.value,"blur")},this.onKeyDown=t=>{const s=t.target,i=s.value,h=s.selectionStart;this.inputFormatStrategy&&(this.formatValue(i,"input",{caretPosition:"insertFromPaste"===t.inputType?void 0:h}),this.updateInputCaretPosition(i,h))},this.onPaste=t=>{this.disableCopyPaste?t.preventDefault():e.notify(o.getSubject(this.host,n),t)}}componentDidRender(){e.notify(o.getSubject(this.host,r),{})}setup(){this.destroy();const t=this.getInputElementRef();t&&(this.inputElement=t,this.inputFormatStrategy=this.getInputModeStrategy(),this.blurFormatStrategy=this.getBlurModeStrategy(),this.formatValueAfterSetup(),this.inputFormatStrategy&&(this.inputElement.addEventListener("input",this.onKeyDown,{capture:!0}),this.inputElement.addEventListener("paste",this.onPaste,{capture:!0})),this.blurFormatStrategy&&(this.inputElement.addEventListener("blur",this.onBlur,{capture:!0}),this.inputElement.addEventListener("focus",this.onFocus,{capture:!0})))}destroy(){this.inputElement&&(this.inputFormatStrategy&&(this.inputElement.removeEventListener("input",this.onKeyDown,{capture:!0}),this.inputElement.removeEventListener("paste",this.onPaste,{capture:!0})),this.blurFormatStrategy&&(this.inputElement.removeEventListener("blur",this.onBlur,{capture:!0}),this.inputElement.removeEventListener("focus",this.onFocus,{capture:!0})))}formatValueAfterValueChange(){a(this.host).then((()=>{this.formatValue(this.inputElement.value,"change")}))}formatValueAfterSetup(){a(this.host).then((()=>{this.formatValue(this.inputElement.value,"init")}))}isOnFocus(){return this.inputElement.matches(":focus")}updateNativeInputValue(t,s){s!==t&&(this.inputElement.value=s)}updateComponentValue(t,s){s!==t&&(this.host.value=s)}updateInputCaretPosition(t,s){var i,e,o;const n=null!==(o=null===(e=(i=this.inputFormatStrategy).calculateCaretPosition)||void 0===e?void 0:e.call(i,t,s))&&void 0!==o?o:s;h(n)&&this.inputElement.setSelectionRange(n,n)}formatValue(t,s,i){const h=!this.isOnFocus(),e=null==i?void 0:i.caretPosition;if(this.inputFormatStrategy){if(this.inputFormatStrategy.canFormat(s,"component")){const s=this.inputFormatStrategy.format(t);this.updateComponentValue(t,s)}if(this.inputFormatStrategy.canFormat(s,"native-input")){const s=this.inputFormatStrategy.format(t,{caretPosition:e});this.updateNativeInputValue(t,s)}}if(this.blurFormatStrategy&&h){if(this.blurFormatStrategy.canFormat(s,"component",{isBlurred:h})){const s=this.blurFormatStrategy.format(t);this.updateComponentValue(t,s)}if(this.blurFormatStrategy.canFormat(s,"native-input",{isBlurred:h})){const s=this.blurFormatStrategy.format(t);this.updateNativeInputValue(t,s)}}}}u([t()],p.prototype,"host",void 0),u([s("componentDidRender")],p.prototype,"componentDidRender",null);export{p as S}
+import{c as t,M as s,V as i}from"./p-6e1ab235.js";import{i as h}from"./p-1f83cebf.js";import{C as e}from"./p-2d0d575f.js";import{d as o}from"./p-11a6c1b7.js";import{s as n,c as r}from"./p-1b44db34.js";import{a}from"./p-9472d19a.js";var u=function(t,s,i,h){var e,o=arguments.length,n=o<3?s:null===h?h=Object.getOwnPropertyDescriptor(s,i):h;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,s,i,h);else for(var r=t.length-1;r>=0;r--)(e=t[r])&&(n=(o<3?e(n):o>3?e(s,i,n):e(s,i))||n);return o>3&&n&&Object.defineProperty(s,i,n),n};class c extends i{constructor(){super(...arguments),this.onFocus=t=>{if(this.host&&this.host.value){const s=this.host.value;t.target.value!==s&&(this.inputElement.value=s)}},this.onBlur=t=>{this.blurFormatStrategy&&this.formatValue(t.target.value,"blur")},this.onKeyDown=t=>{const s=t.target,i=s.value,h=s.selectionStart;this.inputFormatStrategy&&(this.formatValue(i,"input",{caretPosition:"insertFromPaste"===t.inputType?void 0:h}),this.updateInputCaretPosition(i,h))},this.onPaste=t=>{this.disableCopyPaste?t.preventDefault():e.notify(o.getSubject(this.host,n),t)}}componentDidRender(){e.notify(o.getSubject(this.host,r),{})}setup(){this.destroy();const t=this.getInputElementRef();t&&(this.inputElement=t,this.inputFormatStrategy=this.getInputModeStrategy(),this.blurFormatStrategy=this.getBlurModeStrategy(),this.formatValueAfterSetup(),this.inputFormatStrategy&&(this.inputElement.addEventListener("input",this.onKeyDown,{capture:!0}),this.inputElement.addEventListener("paste",this.onPaste,{capture:!0})),this.blurFormatStrategy&&(this.inputElement.addEventListener("blur",this.onBlur,{capture:!0}),this.inputElement.addEventListener("focus",this.onFocus,{capture:!0})))}destroy(){this.inputElement&&(this.inputFormatStrategy&&(this.inputElement.removeEventListener("input",this.onKeyDown,{capture:!0}),this.inputElement.removeEventListener("paste",this.onPaste,{capture:!0})),this.blurFormatStrategy&&(this.inputElement.removeEventListener("blur",this.onBlur,{capture:!0}),this.inputElement.removeEventListener("focus",this.onFocus,{capture:!0})))}formatValueAfterValueChange(){a(this.host).then((()=>{this.formatValue(this.inputElement.value,"change")}))}formatValueAfterSetup(){a(this.host).then((()=>{this.formatValue(this.inputElement.value,"init")}))}isOnFocus(){return this.inputElement.matches(":focus")}updateNativeInputValue(t,s){s!==t&&(this.inputElement.value=s)}updateComponentValue(t,s){s!==t&&(this.host.value=s)}updateInputCaretPosition(t,s){var i,e,o;const n=null!==(o=null===(e=(i=this.inputFormatStrategy).calculateCaretPosition)||void 0===e?void 0:e.call(i,t,s))&&void 0!==o?o:s;h(n)&&this.inputElement.setSelectionRange(n,n)}formatValue(t,s,i){const h=!this.isOnFocus(),e=null==i?void 0:i.caretPosition;if(this.inputFormatStrategy){if(this.inputFormatStrategy.canFormat(s,"component")){const s=this.inputFormatStrategy.format(t);this.updateComponentValue(t,s)}if(this.inputFormatStrategy.canFormat(s,"native-input")){const s=this.inputFormatStrategy.format(t,{caretPosition:e});this.updateNativeInputValue(t,s)}}if(this.blurFormatStrategy&&h){if(this.blurFormatStrategy.canFormat(s,"component",{isBlurred:h})){const s=this.blurFormatStrategy.format(t);this.updateComponentValue(t,s)}if(this.blurFormatStrategy.canFormat(s,"native-input",{isBlurred:h})){const s=this.blurFormatStrategy.format(t);this.updateNativeInputValue(t,s)}}}}u([t()],c.prototype,"host",void 0),u([s("componentDidRender")],c.prototype,"componentDidRender",null);export{c as S}

package/dist/vega/p-273911b2.entry.js

@@ -0,0 +1 @@
+import{h as t,r as e,c as i,H as s,g as a}from"./p-6b2342e0.js";import{C as o}from"./p-2d0d575f.js";import{d as n,e as r,F as l,b as c,a as d,c as h}from"./p-a528714c.js";import{s as m}from"./p-519a7d55.js";import{c as u,M as f,V as p,I as v}from"./p-6e1ab235.js";import{m as b}from"./p-6bd5c49b.js";import{V as j,I as g}from"./p-d849e0f5.js";import{c as F}from"./p-c841be8d.js";import{C as V}from"./p-89083d63.js";import{d as w,C as y,E as C,F as R}from"./p-11a6c1b7.js";import{c as O}from"./p-e819940c.js";import{S as E}from"./p-0d57293b.js";import{F as S}from"./p-20010bd6.js";import{t as k}from"./p-b75ee3ba.js";import{g as M,j as P,h as B}from"./p-1b44db34.js";import{O as I}from"./p-331a62d5.js";import{f as N,b as A,d as x}from"./p-d9671d27.js";import{i as D}from"./p-1f83cebf.js";import{I as H}from"./p-b28d4f7d.js";import{C as $}from"./p-521d1d07.js";import{d as T}from"./p-d27ae9ff.js";import"./p-6a334573.js";import"./p-3532aa12.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";import"./p-02841589.js";import"./p-a4670e23.js";import"./p-f69f84a7.js";import"./p-10ac8b57.js";import"./p-40f39194.js";import"./p-ed45b3b6.js";import"./p-abd7aeaa.js";import"./p-78a57a17.js";import"./p-52b8f2d2.js";import"./p-d884c644.js";import"./p-262ec334.js";var W=function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};class G extends E{constructor(){super({parent:"vega-form",subStates:[{subStateName:"disableBlurValidation",parentStateName:"disableBlurValidation"}]})}}W([u()],G.prototype,"host",void 0),W([u({writable:!0})],G.prototype,"disableBlurValidation",void 0);var U=function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};class _ extends p{setValidationStates(t){0!==t.length?t.forEach((t=>{const e=this.getHostByFieldName(t.fieldName);e&&this.updateFieldValidationState(e,{isValid:t.isValid,errorMessage:t.isValid?"":t.errorMessage})})):Array.from(this.host.querySelectorAll("[data-vega-form]")).filter((t=>S.isValidFormField(t))).forEach((t=>{this.updateFieldValidationState(t,{isValid:!0})}))}getHostByFieldName(t){const e=t.split(".");let i=this.host;for(const t of e){const e=i.querySelector(`[data-vega-form="${t}"]`);if(!S.isValidFormField(e))return null;i=e}return i}updateFieldValidationState(t,{isValid:e,errorMessage:i}){t.isValid=e,o.notify(n,{host:t,message:e?"":i,isValid:e}),o.notify(r,{host:t,detail:e})}}U([u()],_.prototype,"host",void 0),U([f("setValidationStates")],_.prototype,"setValidationStates",null);var q=function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};class z extends p{getNativeFormRef(){return this.nativeFormRef}render(){return t("form",{action:this.action,method:this.method,ref:t=>{t&&(this.nativeFormRef=t)}},t("slot",null))}}q([u()],z.prototype,"method",void 0),q([u()],z.prototype,"action",void 0);var J=function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};class K extends p{connectedCallback(){this.registerFormSubmitChangeManager()}disconnectedCallback(){this.unregisterFormSubmitChangeManager()}async submitWithFormData(){if(!this.useNativeForm)return;const t=await this.host.getValue();for(const e in t)if("object"==typeof t[e]){const i=this.flattenObjectWithBrackets({[e]:t[e]});for(const t in i){const e=this.createHiddenInput(t,i[t]);this.nativeFormRenderer.getNativeFormRef().append(e)}}else{const i=this.createHiddenInput(e,t[e]);this.nativeFormRenderer.getNativeFormRef().append(i)}this.nativeFormRenderer.getNativeFormRef().requestSubmit()}createHiddenInput(t,e){const i=k().createElement("input");return i.type="hidden",i.name=t,i.value=D(e)?String(e):"",i}registerFormSubmitChangeManager(){var t;this.formSubmitEventObserver=new I(this.canAcceptFormSubmitEvent.bind(this),this.handleSubmitEvents.bind(this));const e=null!==(t=N(this.host,"vega-form",{outerMost:!0}))&&void 0!==t?t:this.host;o.register(w.getSubject(e,M),this.formSubmitEventObserver)}unregisterFormSubmitChangeManager(){var t;const e=null!==(t=N(this.host,"vega-form",{outerMost:!0}))&&void 0!==t?t:this.host;o.unregister(w.getSubject(e,M),this.formSubmitEventObserver)}canAcceptFormSubmitEvent(t){return this.vegaFormFieldController.isElementInCurrentForm(t.host)}async handleSubmitEvents(){if((await this.host.valid()).isValid){const t=await this.host.getValue();this.submitEventEmitter.emit(t).defaultPrevented||await this.submitWithFormData()}}flattenObjectWithBrackets(t,e="",i={}){return Object.entries(t).forEach((([t,s])=>{const a=e?`${e}[${t}]`:t;Array.isArray(s)?s.forEach(((t,e)=>{const s=`${a}[${e}]`;"object"==typeof t&&null!==t?this.flattenObjectWithBrackets(t,s,i):i[s]=t})):D(s)&&"object"==typeof s?this.flattenObjectWithBrackets(s,a,i):i[a]=s})),i}}J([u()],K.prototype,"host",void 0),J([u()],K.prototype,"useNativeForm",void 0),J([u()],K.prototype,"nativeFormRenderer",void 0),J([u()],K.prototype,"submitEventEmitter",void 0),J([u()],K.prototype,"vegaFormFieldController",void 0),J([f("connectedCallback")],K.prototype,"connectedCallback",null),J([f("disconnectedCallback")],K.prototype,"disconnectedCallback",null);var L=function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};class Q extends p{constructor(){super(...arguments),this.childNotifyObserver=new $(r,(t=>this.updateInternalValidStatus(t))),this.childNodeValueChangeObserver=new $(l,(()=>{this.isTouched=!0})),this._invalidFieldPathMap=new H(new Map,(t=>{this._invalidFieldPathMap=t,this.updateIsValidFlag()})),this._pendingValidFieldPathMap=new H(new Map,(t=>{this._pendingValidFieldPathMap=t,this.updateIsValidFlag()})),this.updateInternalValidStatus=t=>{if(t.host!==this.host){const e=t.host,i=t.detail;S.isValidFormField(e)&&this.shouldVisitElement(e,!1,!1)&&(i?this.invalidFieldPathMap.delete(e):this.invalidFieldPathMap.set(e,e.dataset.vegaForm))}}}connectedCallback(){this.initFormFieldDisconnectedObserver(),this.registerFormFieldPendingValid()}disconnectedCallback(){o.notify(c,{host:this.host}),o.unregister(c,this.formFieldDisconnectedObserver),o.unregister(d,this.formFieldPendingValidObserver)}async getValue(t){const e={};return await this.navigateVegaFormChildren((async(i,s)=>{const a=this.getFormFieldName(i);e[a]=s?await i.getValue(t):this.getFormFieldValue(i)}),t),T(e)?Object.values(e):e}async setValue(t,e){t&&(await this.navigateVegaFormChildren((async(i,s)=>{const a=this.getFormFieldName(i);s?await i.setValue(t[a],e):(await i.componentOnReady(),void 0!==t[a]&&("function"==typeof i.setValue?await i.setValue(t[a]):i.value=t[a]))}),e),this.isTouched=!1)}async valid(t=!0){const e={isValid:!0,invalidFields:[]};return await this.navigateVegaFormChildren((async(i,s)=>{if("function"==typeof i.valid&&s){const s=await i.valid(t);s.isValid||(e.isValid=!1,e.invalidFields.push(...s.invalidFields),e.invalidFieldsErrorMessages=Object.assign(Object.assign({},e.invalidFieldsErrorMessages),s.invalidFieldsErrorMessages))}else{const{isValid:s,message:a}=await this.handleChildFormFieldElementValid(i,t);s||(e.isValid=!1,e.invalidFields.push(this.getFormFieldName(i)),e.invalidFieldsErrorMessages||(e.invalidFieldsErrorMessages={}),e.invalidFieldsErrorMessages[this.getFormFieldName(i)]=a)}})),e}get invalidFieldPathMap(){return this._invalidFieldPathMap}get pendingValidFieldPathMap(){return this._pendingValidFieldPathMap}setIsTouched(t){this.isTouched=t}getFormFieldName(t){return t.dataset.vegaForm}isElementInCurrentForm(t){return this.invalidFieldPathMap.has(t)||A(t,this.host)}async navigateVegaFormChildren(t,e,i=this.host){const s=[];Array.from(i.children).forEach((i=>{S.isValidFormField(i)?this.shouldVisitElement(i,null==e?void 0:e.skipDisabled,null==e?void 0:e.skipInvisible)&&s.push(t(i,"VEGA-FORM"===i.tagName)):s.push(this.navigateVegaFormChildren(t,e,i))})),await Promise.all(s)}updateIsValidFlag(){this.isValid=this.pendingValidFieldPathMap.size>0?null:0===this.invalidFieldPathMap.size}registerFormFieldPendingValid(){this.formFieldPendingValidObserver=new I(this.canAcceptFormFieldPendingValid.bind(this),this.handleFieldPendingValid.bind(this)),o.register(d,this.formFieldPendingValidObserver)}canAcceptFormFieldPendingValid(t){return this.isElementInCurrentForm(t.host)}handleFieldPendingValid(t){"boolean"==typeof t.detail?this.pendingValidFieldPathMap.delete(t.host):this.pendingValidFieldPathMap.set(t.host,t.host.dataset.vegaForm)}initFormFieldDisconnectedObserver(){this.formFieldDisconnectedObserver=new I(this.canAcceptFormFieldDisconnectedOperation.bind(this),this.updateInvalidFieldPath.bind(this)),o.register(c,this.formFieldDisconnectedObserver)}canAcceptFormFieldDisconnectedOperation(t){return this.invalidFieldPathMap.has(t.host)}async updateInvalidFieldPath(t){this.invalidFieldPathMap.delete(t.host),this.pendingValidFieldPathMap.delete(t.host)}shouldVisitElement(t,e,i){return this.getFormFieldName(t)&&(!e||!t.disabled)&&(!i||x(t))}getFormFieldValue(t){return void 0===t.value?t.getAttribute("value"):t.value}async handleChildFormFieldElementValid(t,e){const i=w.getSubject(t,P),{isValid:s,message:a}=await new Promise((s=>{const a=setTimeout((()=>{s({isValid:!0,message:""})}),2e3);o.notify(i,{host:t,message:e,promiseResolve:s,timerId:a})}));return{isValid:s,message:a}}}L([u()],Q.prototype,"host",void 0),L([u({writable:!0})],Q.prototype,"isValid",void 0),L([u({writable:!0})],Q.prototype,"isTouched",void 0),L([v()],Q.prototype,"childNotifyObserver",void 0),L([v()],Q.prototype,"childNodeValueChangeObserver",void 0),L([f("connectedCallback")],Q.prototype,"connectedCallback",null),L([f("disconnectedCallback")],Q.prototype,"disconnectedCallback",null),L([f("getValue")],Q.prototype,"getValue",null),L([f("setValue")],Q.prototype,"setValue",null),L([f("valid")],Q.prototype,"valid",null);var X=function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};class Y extends p{connectedCallback(){this.registerFormResetChangeManager()}disconnectedCallback(){this.unregisterFormResetChangeManager()}async reset(t={},e){await this.vegaFormFieldController.navigateVegaFormChildren((async(i,s)=>{const a=this.vegaFormFieldController.getFormFieldName(i);s&&await i.reset(t[a]||{},e)}),e),o.notify(h,{host:this.host,defaultValueMap:t,option:e}),this.vegaFormFieldController.setIsTouched(!1)}registerFormResetChangeManager(){var t;const e=null!==(t=N(this.host,"vega-form",{outerMost:!0}))&&void 0!==t?t:this.host;this.formResetEventObserver=new I(this.canAcceptFormResetEvent.bind(this),this.handleResetEvents.bind(this)),o.register(w.getSubject(e,B),this.formResetEventObserver)}unregisterFormResetChangeManager(){var t;const e=null!==(t=N(this.host,"vega-form",{outerMost:!0}))&&void 0!==t?t:this.host;o.unregister(w.getSubject(e,B),this.formResetEventObserver)}canAcceptFormResetEvent(t){return this.vegaFormFieldController.isElementInCurrentForm(t.host)}async handleResetEvents(){await this.host.reset(),this.resetEventEmitter.emit()}}X([u()],Y.prototype,"host",void 0),X([u()],Y.prototype,"vegaFormFieldController",void 0),X([u()],Y.prototype,"resetEventEmitter",void 0),X([f("connectedCallback")],Y.prototype,"connectedCallback",null),X([f("disconnectedCallback")],Y.prototype,"disconnectedCallback",null),X([f("reset")],Y.prototype,"reset",null);var Z=function(t,e,i,s){var a,o=arguments.length,n=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(n=(o<3?a(n):o>3?a(e,i,n):a(e,i))||n);return o>3&&n&&Object.defineProperty(e,i,n),n};const tt=class{constructor(t){e(this,t),this.vegaValidate=i(this,"vegaValidate",7),this.validate=i(this,"validate",7),this.vegaFormSubmit=i(this,"vegaFormSubmit",7),this.formSubmit=i(this,"formSubmit",7),this.vegaFormReset=i(this,"vegaFormReset",7),this.formReset=i(this,"formReset",7),this.globalSlimmers={},this.submitEventEmitter=F(tt,y),this.resetEventEmitter=F(tt,C),this.validateEventEmitter=F(tt,R),this.disableBlurValidationNotifySlimmer=O(tt,"disableBlurValidation","watchDisableBlurValidation"),this.stateController=new G,this.childEventPrevent=new V([y,C],(()=>this.host.querySelector("vega-form")),{customPreventHandle:t=>{t.stopPropagation()}}),this.childFormValidateEventPrevent=new V([R],(()=>this.host),{customPreventHandle:t=>{t.stopPropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new j,this.vegaFormFieldValidationStateController=new _,this.nativeFormRenderer=new z,this.vegaFormSubmitController=new K,this.vegaFormResetController=new Y,this.vegaFormFieldController=new Q,this.isValid=null,this.isTouched=!1,this.disableBlurValidation=!1,this.useNativeForm=!1,this.method="get"}watchIsValid(){this.validateEventEmitter.emit(this.isValid),o.notify(r,{host:this.host,detail:this.isValid})}watchDisableBlurValidation(){}async valid(t=!0){return b(t)}async getValue(t){return b(t)}async setValue(t,e){}async reset(t={},e){}async setValidationStates(t){}render(){return m(t(s,null,this.useNativeForm?this.nativeFormRenderer.render():t("slot",null)),this.host)}get host(){return a(this)}static get watchers(){return{isValid:["watchIsValid"],disableBlurValidation:["watchDisableBlurValidation"]}}};Z([g()],tt.prototype,"globalSlimmers",void 0),Z([v()],tt.prototype,"submitEventEmitter",void 0),Z([v()],tt.prototype,"resetEventEmitter",void 0),Z([v()],tt.prototype,"validateEventEmitter",void 0),Z([v()],tt.prototype,"disableBlurValidationNotifySlimmer",void 0),Z([v()],tt.prototype,"stateController",void 0),Z([v()],tt.prototype,"childEventPrevent",void 0),Z([v()],tt.prototype,"childFormValidateEventPrevent",void 0),Z([v()],tt.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Z([v()],tt.prototype,"vegaFormFieldValidationStateController",void 0),Z([v()],tt.prototype,"nativeFormRenderer",void 0),Z([v()],tt.prototype,"vegaFormSubmitController",void 0),Z([v()],tt.prototype,"vegaFormResetController",void 0),Z([v()],tt.prototype,"vegaFormFieldController",void 0),tt.style=":host{display:block}";export{tt as vega_form}

package/dist/vega/{p-6b9d2996.entry.js → p-28e630b2.entry.js}

@@ -1 +1 @@
-import{h as e,F as t,r as a,c as i,H as o,g as n}from"./p-6b2342e0.js";import{s as r}from"./p-519a7d55.js";import{c as s,V as l,M as d,I as c}from"./p-6e1ab235.js";import{s as h}from"./p-6bd5c49b.js";import{V as b,I as g}from"./p-d849e0f5.js";import{P as v}from"./p-10ac8b57.js";import{d as p}from"./p-1bc5b3bc.js";import{c as u}from"./p-86194314.js";import{D as f,V as m,a as y}from"./p-8bd496b4.js";import{C as x}from"./p-2d0d575f.js";import{O as w}from"./p-331a62d5.js";import{T}from"./p-a528714c.js";import{f as C}from"./p-d9671d27.js";import{S as R}from"./p-1fb56e14.js";import{C as j}from"./p-184d8443.js";import{c as D}from"./p-f2c8c363.js";import"./p-40f39194.js";import"./p-ed45b3b6.js";import"./p-b75ee3ba.js";import"./p-697eb0e1.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";import"./p-6a334573.js";var I=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class P 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,"swipe-more-tabs":"scroll"===this.overflow},ref:e=>this.tabMenuContainer=e},"menu"===this.overflow&&this.directionButtonRenderer.render("left"),this.tabListRenderer.render(),"menu"===this.overflow&&this.directionButtonRenderer.render("right")),e("div",{class:"horizontal-divider"}),this.contentRenderer.render())}}I([s()],P.prototype,"tabPages",void 0),I([s()],P.prototype,"variant",void 0),I([s()],P.prototype,"overflow",void 0),I([s({componentFieldName:"vegaTabGroupTabListRenderer"})],P.prototype,"tabListRenderer",void 0),I([s({componentFieldName:"vegaTabGroupDirectionButtonRenderer"})],P.prototype,"directionButtonRenderer",void 0),I([s({componentFieldName:"vegaTabGroupContentRenderer"})],P.prototype,"contentRenderer",void 0);var k=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class S extends l{setSelectedDataTarget(e){this.selectedTabDataTarget=e}handleTabItemClick(e){const t=this.clickEventEmitter.emit(e);t&&!t.defaultPrevented&&(e===this.selectedTabDataTarget?this.vegaTabGroupPageIndexController.setCurrentPageIndexBySelectedTab(e):this.setSelectedDataTarget(e))}}k([s()],S.prototype,"clickEventEmitter",void 0),k([s({writable:!0})],S.prototype,"selectedTabDataTarget",void 0),k([s()],S.prototype,"vegaTabGroupPageIndexController",void 0);class G{paginate(e,t,a){const i=e.map(t);return this.doPaginateByCapacity(e,i,a)}doPaginateByCapacity(e,t,a){const i=[];let o=0;for(;o<t.length;){const n=this.valueSum(o,t,a);if(0===n)break;i.push(e.slice(o,o+n)),o+=n}return i}valueSum(e,t,a){let i=0,o=!1,n=0;const r="function"==typeof a?a(e,t):a;return t.slice(e).forEach(((e,t)=>{i+=e,i>r&&!o&&(o=!0,n=t)})),o||(n=t.slice(e).length),n}}var O=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class A extends v{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 G,this.initTabPagesWithDebounce=p(this.initTabPages,80,this),this.getTabContainerSpace=(e,t)=>{const a=this.host.getBoundingClientRect().width;let i="secondary"===this.variant?a:a-48;return"menu"===this.overflow&&(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()}handleTabItemsChange(){this.initTabPagesWithDebounce()}setTabItems(e){this.tabItems=e}setTabWidthArray(e){this.tabWidthArray=e}initTabPages(){this.tabItems&&(this.tabPages="scroll"===this.overflow?[[...this.tabItems]]: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])}}}O([s()],A.prototype,"host",void 0),O([s()],A.prototype,"gap",void 0),O([s({writable:!0})],A.prototype,"tabPages",void 0),O([s({writable:!0})],A.prototype,"tabWidthArray",void 0),O([s({writable:!0})],A.prototype,"tabItems",void 0),O([s()],A.prototype,"variant",void 0),O([s()],A.prototype,"overflow",void 0),O([s({componentFieldName:"vegaTabGroupSliderStateController"})],A.prototype,"sliderStateController",void 0),O([d("componentDidLoad")],A.prototype,"componentDidLoad",null),O([d("componentDidRender")],A.prototype,"componentDidRender",null),O([d("watchGapChange")],A.prototype,"handleGapChange",null),O([d("watchTabWidthArrayChange")],A.prototype,"handleTabWidthArrayChange",null),O([d("watchTabItemsChange")],A.prototype,"handleTabItemsChange",null);var L=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class z extends l{handleTabPagesChange(){this.selectedTabDataTarget?this.setCurrentPageIndexBySelectedTab(this.selectedTabDataTarget):this.setCurrentPageIndexWhenTabPagesChange()}handleSelectedDataTargetChange(){this.setCurrentPageIndexBySelectedTab(this.selectedTabDataTarget)}setCurrentPageIndexBySelectedTab(e){let t=-1;this.tabPages.forEach(((a,i)=>{-1!==a.findIndex((t=>t.dataTarget===e))&&(t=i)})),t>=0&&(this.currentPageIndex=t)}setPageIndex(e){this.currentPageIndex=e}setCurrentPageIndexWhenTabPagesChange(){this.tabPages&&this.tabPages.length&&!this.tabPages[this.currentPageIndex]&&(this.currentPageIndex=this.tabPages.length-1)}}L([s()],z.prototype,"tabPages",void 0),L([s({writable:!0})],z.prototype,"currentPageIndex",void 0),L([s()],z.prototype,"selectedTabDataTarget",void 0),L([d("watchTabPagesChange")],z.prototype,"handleTabPagesChange",null),L([d("watchSelectedTabDataTargetChange")],z.prototype,"handleSelectedDataTargetChange",null);var B=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class N 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 o=this.tabWidthArray.slice(0,a).concat(this.tabWidthArray.slice(a+1));this.tabPagesController.setTabWidthArray(o),e.stopPropagation()}}render(t){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:t.disabled?-1:0,onKeyDown:u(),"aria-label":"Close Button"},e("vega-icon",{icon:"close",size:"size-12"}))}}B([s()],N.prototype,"tabWidthArray",void 0),B([s()],N.prototype,"showCloseButton",void 0),B([s()],N.prototype,"tabItems",void 0),B([s({componentFieldName:"vegaTabGroupSelectedTargetController"})],N.prototype,"selectedTargetController",void 0),B([s({componentFieldName:"vegaTabGroupPagesController"})],N.prototype,"tabPagesController",void 0);var F=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class W 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,disabled:e.disabled})}));const i="left"===t?0===this.currentPageIndex:this.currentPageIndex+1===this.tabPages.length||this.tabPages.length<=1,o="left"===t?"chevron-backward-rounded":"chevron-forward-rounded",n=a.find((e=>e.key===this.selectedTabDataTarget))?this.selectedTabDataTarget:"";return e("div",{class:{"tab-left-button":"left"===t,"tab-right-button":"right"===t,"vega-hidden":i},onClick:()=>this.onDirectionButtonClick(t),"aria-label":"No label defined",role:"button",tabIndex:0,onKeyDown:u()},e("vega-dropdown",{source:a,translocation:{X:0,Y:16},selectType:"single",selectedSourceKey:n,"position-relative-to":this.positionRelativeTo,ref:e=>{this.dropdownRef=e,f.addUniqueObserverToNode(e,m,(e=>{this.vegaTabGroupSelectedTargetController.handleTabItemClick(e.detail)}))}},e("vega-icon",{size:"size-12",icon:o})))}}F([s()],W.prototype,"tabPages",void 0),F([s()],W.prototype,"currentPageIndex",void 0),F([s()],W.prototype,"selectedTabDataTarget",void 0),F([s()],W.prototype,"positionRelativeTo",void 0),F([s({componentFieldName:"vegaTabGroupPageIndexController"})],W.prototype,"pageIndexController",void 0),F([s()],W.prototype,"vegaTabGroupSelectedTargetController",void 0);var E=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class V 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 w(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}))}}E([s()],V.prototype,"host",void 0),E([s()],V.prototype,"selectedTabDataTarget",void 0),E([s()],V.prototype,"tabItems",void 0),E([s({componentFieldName:"vegaTabGroupSelectedTargetController"})],V.prototype,"selectTargetController",void 0),E([d("connectedCallback")],V.prototype,"connectedCallback",null),E([d("disconnectedCallback")],V.prototype,"disconnectedCallback",null),E([d("componentDidLoad")],V.prototype,"componentDidLoad",null),E([d("watchSelectedTabDataTargetChange")],V.prototype,"watchSelectedTabDataTargetChange",null);var _=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class K extends l{constructor(){super(...arguments),this.TAB_LABEL_MAX_SIZE=32,this.getCarouselDomRef=()=>this.carouselDom}render(){return e("div",{class:{"tab-list":!0,menu:"menu"===this.overflow,scroll:"scroll"===this.overflow}},"menu"===this.overflow&&this.renderTabListInMenuOverflow(),"scroll"===this.overflow&&this.renderTabListInScrollOverflow())}renderTabListInMenuOverflow(){return e("vega-carousel",{showSlider:!1,ref:e=>this.carouselDom=e},this.tabPages.length>0?this.tabPages.map(((t,a)=>e("div",{key:a},this.renderTabList(t)))):e("div",null,this.renderTabList(this.tabItems)))}renderTabListInScrollOverflow(){return e("div",{class:"overflow-scroll"},this.tabPages.map(((t,a)=>e("div",{key:a},this.renderTabList(t)))))}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,disabled:Boolean(t.disabled)},"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.handleTabItemClick(t.dataTarget),"aria-label":t.dataTarget,role:"button",tabIndex:t.disabled?-1:0,onKeyDown:u()},this.renderPrefixIconDom(t),this.renderTabLabelDom(t),this.renderCounterBadgeDom(t)),this.closeButtonRenderer.render(t))))))}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}renderCounterBadgeDom(t){const a=t.counterBadge,i=this.getCounterBadgeClassByCount(a);return void 0!==(null==a?void 0:a.count)&&a.count>0&&e("div",{class:`vega-counter-badge ${i}`},e("vega-counter-badge",{count:a.count,color:a.color}))}getCounterBadgeClassByCount(e){if(e&&e.count){const t=e.count.toString().length;return 1===t?"one-digit":2===t?"two-digits":"multi-digits"}return""}handleTabItemClick(e){this.selectedTargetController.handleTabItemClick(e)}}_([s()],K.prototype,"tabPages",void 0),_([s()],K.prototype,"currentPageIndex",void 0),_([s()],K.prototype,"selectedTabDataTarget",void 0),_([s()],K.prototype,"gap",void 0),_([s()],K.prototype,"showCloseButton",void 0),_([s()],K.prototype,"tabItems",void 0),_([s()],K.prototype,"overflow",void 0),_([s()],K.prototype,"positionRelativeTo",void 0),_([s({componentFieldName:"vegaTabGroupCloseButtonRenderer"})],K.prototype,"closeButtonRenderer",void 0),_([s({componentFieldName:"vegaTabGroupSelectedTargetController"})],K.prototype,"selectedTargetController",void 0);class M 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 o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);n>3&&r&&Object.defineProperty(t,a,r)}([s()],M.prototype,"variant",void 0);var U=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class q extends l{constructor(){super(...arguments),this.UPDATE_ANIMATION_FLAG_DELAY=32,this.goToPageTaskQueue=new R,this.pendingCarouselActionCount=0}async componentDidRender(){await this.goToPageTaskQueue.runTask()}async handlePageIndexChange(){const e=this.tabListRenderer.getCarouselDomRef();e&&(this.pendingCarouselActionCount+=1,setTimeout((()=>{this&&"number"==typeof this.pendingCarouselActionCount&&(this.pendingCarouselActionCount-=1)}),this.UPDATE_ANIMATION_FLAG_DELAY),await this.goToPageTaskQueue.enqueue({run:async()=>await e.goToPage(this.currentPageIndex+1)},!1))}isAnimationInProgress(){return this.pendingCarouselActionCount>0}}U([s({componentFieldName:"vegaTabGroupTabListRenderer"})],q.prototype,"tabListRenderer",void 0),U([s()],q.prototype,"currentPageIndex",void 0),U([d("componentDidRender")],q.prototype,"componentDidRender",null),U([d("watchCurrentPageIndexChange")],q.prototype,"handlePageIndexChange",null);const Y=[{payloadKey:"VARIANT_IS_PRIMARY",payloadDescription:"Specifies the visual style and prominence of the tab group",payloadValue:e=>"primary"===e.variant},{payloadKey:"VARIANT_IS_SECONDARY",payloadDescription:"Specifies the visual style and prominence of the tab group",payloadValue:e=>"secondary"===e.variant}];var $=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};const H=class{constructor(e){a(this,e),this.vegaClick=i(this,"vegaClick",7),this.click=i(this,"click",7),this.globalSlimmers={},this.vegaTabGroupRenderer=new P,this.vegaTabGroupDirectionButtonRenderer=new W,this.vegaTabGroupTabListRenderer=new K,this.vegaTabGroupCloseButtonRenderer=new N,this.vegaTabGroupPagesController=new A,this.vegaTabGroupSelectedTargetController=new S,this.vegaTabGroupPageIndexController=new z,this.vegaTabGroupPanelController=new V,this.vegaTabGroupContentRenderer=new M,this.vegaTabGroupSliderStateController=new q,this.clickEventEmitter=D(H,y),this.dropdownEventPrevent=new j([y],(()=>this.vegaTabGroupRenderer.getTabMenuContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new b(Y),this.tabPages=[],this.tabWidthArray=[],this.currentPageIndex=0,this.selectedTabDataTarget="",this.gap="size-8",this.showCloseButton=!1,this.tabItems=[],this.variant="primary",this.overflow="menu"}watchTabPagesChange(){}watchTabWidthArrayChange(){}async watchCurrentPageIndexChange(e){}watchSelectedTabDataTargetChange(){}watchGapChange(){}watchTabItemsChange(){}componentDidLoad(){}componentDidRender(){}render(){return h(e("slot",null)),r(e(o,null,this.vegaTabGroupRenderer.render()),this.host)}get host(){return n(this)}static get watchers(){return{tabPages:["watchTabPagesChange"],tabWidthArray:["watchTabWidthArrayChange"],currentPageIndex:["watchCurrentPageIndexChange"],selectedTabDataTarget:["watchSelectedTabDataTargetChange"],gap:["watchGapChange"],tabItems:["watchTabItemsChange"]}}};$([g()],H.prototype,"globalSlimmers",void 0),$([c()],H.prototype,"vegaTabGroupRenderer",void 0),$([c()],H.prototype,"vegaTabGroupDirectionButtonRenderer",void 0),$([c()],H.prototype,"vegaTabGroupTabListRenderer",void 0),$([c()],H.prototype,"vegaTabGroupCloseButtonRenderer",void 0),$([c()],H.prototype,"vegaTabGroupPagesController",void 0),$([c()],H.prototype,"vegaTabGroupSelectedTargetController",void 0),$([c()],H.prototype,"vegaTabGroupPageIndexController",void 0),$([c()],H.prototype,"vegaTabGroupPanelController",void 0),$([c()],H.prototype,"vegaTabGroupContentRenderer",void 0),$([c()],H.prototype,"vegaTabGroupSliderStateController",void 0),$([c()],H.prototype,"clickEventEmitter",void 0),$([c()],H.prototype,"dropdownEventPrevent",void 0),$([c()],H.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),H.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 .tab-list.scroll{width:100%;overflow:hidden}.tab-content-container .tab-list.scroll .overflow-scroll>div{display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab-content-container .tab-list.scroll .overflow-scroll>div::-webkit-scrollbar{display:none}.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-counter-badge{position:relative;height:20px;padding-left:8px}.vega-tab>div>.label .vega-counter-badge vega-counter-badge{position:absolute;padding-left:8px;top:10px}.vega-tab>div>.label .vega-counter-badge.one-digit{width:20px}.vega-tab>div>.label .vega-counter-badge.one-digit vega-counter-badge{left:10px}.vega-tab>div>.label .vega-counter-badge.two-digits{width:28px}.vega-tab>div>.label .vega-counter-badge.two-digits vega-counter-badge{left:14px}.vega-tab>div>.label .vega-counter-badge.multi-digits{width:32px}.vega-tab>div>.label .vega-counter-badge.multi-digits vega-counter-badge{left:16px}.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-input-placeholder, 176, 180, 181, 1))}.vega-tab.disabled{pointer-events:none;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}.vega-tab.disabled .label,.vega-tab.disabled vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 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 X=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};const J=class{constructor(e){a(this,e),this.globalSlimmers={},this.clickEventPrevent=new j([y],(()=>this.host),void 0,!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new b,this.isActive=!1}connectedCallback(){this.notifyGroupAddOrDelPanel("ADD")}disconnectedCallback(){this.notifyGroupAddOrDelPanel("DEL")}componentWillLoad(){this.notifyGroupAddOrDelPanel("ADD")}render(){return r(e(o,{class:this.isActive?"active":""},e("slot",null)),this.host)}notifyGroupAddOrDelPanel(e){x.notify(T,{host:this.host,type:e})}get host(){return n(this)}};X([g()],J.prototype,"globalSlimmers",void 0),X([c()],J.prototype,"clickEventPrevent",void 0),X([c()],J.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),J.style=":host{display:none}:host(.active){display:block}";export{H as vega_tab_group,J as vega_tab_group_panel}
+import{h as e,F as t,r as a,c as i,H as o,g as n}from"./p-6b2342e0.js";import{s as r}from"./p-519a7d55.js";import{c as s,V as l,M as d,I as c}from"./p-6e1ab235.js";import{s as h}from"./p-6bd5c49b.js";import{V as b,I as g}from"./p-d849e0f5.js";import{P as v}from"./p-10ac8b57.js";import{d as p}from"./p-1bc5b3bc.js";import{c as u}from"./p-86194314.js";import{D as f,V as m,a as y}from"./p-11a6c1b7.js";import{C as x}from"./p-2d0d575f.js";import{O as w}from"./p-331a62d5.js";import{T}from"./p-a528714c.js";import{f as C}from"./p-d9671d27.js";import{S as R}from"./p-1fb56e14.js";import{C as j}from"./p-89083d63.js";import{c as D}from"./p-c841be8d.js";import"./p-40f39194.js";import"./p-ed45b3b6.js";import"./p-b75ee3ba.js";import"./p-3532aa12.js";import"./p-5f377954.js";import"./p-e77a83e4.js";import"./p-db8cdba6.js";import"./p-112455b1.js";import"./p-6a334573.js";var I=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class P 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,"swipe-more-tabs":"scroll"===this.overflow},ref:e=>this.tabMenuContainer=e},"menu"===this.overflow&&this.directionButtonRenderer.render("left"),this.tabListRenderer.render(),"menu"===this.overflow&&this.directionButtonRenderer.render("right")),e("div",{class:"horizontal-divider"}),this.contentRenderer.render())}}I([s()],P.prototype,"tabPages",void 0),I([s()],P.prototype,"variant",void 0),I([s()],P.prototype,"overflow",void 0),I([s({componentFieldName:"vegaTabGroupTabListRenderer"})],P.prototype,"tabListRenderer",void 0),I([s({componentFieldName:"vegaTabGroupDirectionButtonRenderer"})],P.prototype,"directionButtonRenderer",void 0),I([s({componentFieldName:"vegaTabGroupContentRenderer"})],P.prototype,"contentRenderer",void 0);var k=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class S extends l{setSelectedDataTarget(e){this.selectedTabDataTarget=e}handleTabItemClick(e){const t=this.clickEventEmitter.emit(e);t&&!t.defaultPrevented&&(e===this.selectedTabDataTarget?this.vegaTabGroupPageIndexController.setCurrentPageIndexBySelectedTab(e):this.setSelectedDataTarget(e))}}k([s()],S.prototype,"clickEventEmitter",void 0),k([s({writable:!0})],S.prototype,"selectedTabDataTarget",void 0),k([s()],S.prototype,"vegaTabGroupPageIndexController",void 0);class G{paginate(e,t,a){const i=e.map(t);return this.doPaginateByCapacity(e,i,a)}doPaginateByCapacity(e,t,a){const i=[];let o=0;for(;o<t.length;){const n=this.valueSum(o,t,a);if(0===n)break;i.push(e.slice(o,o+n)),o+=n}return i}valueSum(e,t,a){let i=0,o=!1,n=0;const r="function"==typeof a?a(e,t):a;return t.slice(e).forEach(((e,t)=>{i+=e,i>r&&!o&&(o=!0,n=t)})),o||(n=t.slice(e).length),n}}var O=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class A extends v{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 G,this.initTabPagesWithDebounce=p(this.initTabPages,80,this),this.getTabContainerSpace=(e,t)=>{const a=this.host.getBoundingClientRect().width;let i="secondary"===this.variant?a:a-48;return"menu"===this.overflow&&(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()}handleTabItemsChange(){this.initTabPagesWithDebounce()}setTabItems(e){this.tabItems=e}setTabWidthArray(e){this.tabWidthArray=e}initTabPages(){this.tabItems&&(this.tabPages="scroll"===this.overflow?[[...this.tabItems]]: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])}}}O([s()],A.prototype,"host",void 0),O([s()],A.prototype,"gap",void 0),O([s({writable:!0})],A.prototype,"tabPages",void 0),O([s({writable:!0})],A.prototype,"tabWidthArray",void 0),O([s({writable:!0})],A.prototype,"tabItems",void 0),O([s()],A.prototype,"variant",void 0),O([s()],A.prototype,"overflow",void 0),O([s({componentFieldName:"vegaTabGroupSliderStateController"})],A.prototype,"sliderStateController",void 0),O([d("componentDidLoad")],A.prototype,"componentDidLoad",null),O([d("componentDidRender")],A.prototype,"componentDidRender",null),O([d("watchGapChange")],A.prototype,"handleGapChange",null),O([d("watchTabWidthArrayChange")],A.prototype,"handleTabWidthArrayChange",null),O([d("watchTabItemsChange")],A.prototype,"handleTabItemsChange",null);var L=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class z extends l{handleTabPagesChange(){this.selectedTabDataTarget?this.setCurrentPageIndexBySelectedTab(this.selectedTabDataTarget):this.setCurrentPageIndexWhenTabPagesChange()}handleSelectedDataTargetChange(){this.setCurrentPageIndexBySelectedTab(this.selectedTabDataTarget)}setCurrentPageIndexBySelectedTab(e){let t=-1;this.tabPages.forEach(((a,i)=>{-1!==a.findIndex((t=>t.dataTarget===e))&&(t=i)})),t>=0&&(this.currentPageIndex=t)}setPageIndex(e){this.currentPageIndex=e}setCurrentPageIndexWhenTabPagesChange(){this.tabPages&&this.tabPages.length&&!this.tabPages[this.currentPageIndex]&&(this.currentPageIndex=this.tabPages.length-1)}}L([s()],z.prototype,"tabPages",void 0),L([s({writable:!0})],z.prototype,"currentPageIndex",void 0),L([s()],z.prototype,"selectedTabDataTarget",void 0),L([d("watchTabPagesChange")],z.prototype,"handleTabPagesChange",null),L([d("watchSelectedTabDataTargetChange")],z.prototype,"handleSelectedDataTargetChange",null);var B=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class N 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 o=this.tabWidthArray.slice(0,a).concat(this.tabWidthArray.slice(a+1));this.tabPagesController.setTabWidthArray(o),e.stopPropagation()}}render(t){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:t.disabled?-1:0,onKeyDown:u(),"aria-label":"Close Button"},e("vega-icon",{icon:"close",size:"size-12"}))}}B([s()],N.prototype,"tabWidthArray",void 0),B([s()],N.prototype,"showCloseButton",void 0),B([s()],N.prototype,"tabItems",void 0),B([s({componentFieldName:"vegaTabGroupSelectedTargetController"})],N.prototype,"selectedTargetController",void 0),B([s({componentFieldName:"vegaTabGroupPagesController"})],N.prototype,"tabPagesController",void 0);var F=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class W 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,disabled:e.disabled})}));const i="left"===t?0===this.currentPageIndex:this.currentPageIndex+1===this.tabPages.length||this.tabPages.length<=1,o="left"===t?"chevron-backward-rounded":"chevron-forward-rounded",n=a.find((e=>e.key===this.selectedTabDataTarget))?this.selectedTabDataTarget:"";return e("div",{class:{"tab-left-button":"left"===t,"tab-right-button":"right"===t,"vega-hidden":i},onClick:()=>this.onDirectionButtonClick(t),"aria-label":"No label defined",role:"button",tabIndex:0,onKeyDown:u()},e("vega-dropdown",{source:a,translocation:{X:0,Y:16},selectType:"single",selectedSourceKey:n,"position-relative-to":this.positionRelativeTo,ref:e=>{this.dropdownRef=e,f.addUniqueObserverToNode(e,m,(e=>{this.vegaTabGroupSelectedTargetController.handleTabItemClick(e.detail)}))}},e("vega-icon",{size:"size-12",icon:o})))}}F([s()],W.prototype,"tabPages",void 0),F([s()],W.prototype,"currentPageIndex",void 0),F([s()],W.prototype,"selectedTabDataTarget",void 0),F([s()],W.prototype,"positionRelativeTo",void 0),F([s({componentFieldName:"vegaTabGroupPageIndexController"})],W.prototype,"pageIndexController",void 0),F([s()],W.prototype,"vegaTabGroupSelectedTargetController",void 0);var E=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class V 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 w(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}))}}E([s()],V.prototype,"host",void 0),E([s()],V.prototype,"selectedTabDataTarget",void 0),E([s()],V.prototype,"tabItems",void 0),E([s({componentFieldName:"vegaTabGroupSelectedTargetController"})],V.prototype,"selectTargetController",void 0),E([d("connectedCallback")],V.prototype,"connectedCallback",null),E([d("disconnectedCallback")],V.prototype,"disconnectedCallback",null),E([d("componentDidLoad")],V.prototype,"componentDidLoad",null),E([d("watchSelectedTabDataTargetChange")],V.prototype,"watchSelectedTabDataTargetChange",null);var _=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class K extends l{constructor(){super(...arguments),this.TAB_LABEL_MAX_SIZE=32,this.getCarouselDomRef=()=>this.carouselDom}render(){return e("div",{class:{"tab-list":!0,menu:"menu"===this.overflow,scroll:"scroll"===this.overflow}},"menu"===this.overflow&&this.renderTabListInMenuOverflow(),"scroll"===this.overflow&&this.renderTabListInScrollOverflow())}renderTabListInMenuOverflow(){return e("vega-carousel",{showSlider:!1,ref:e=>this.carouselDom=e},this.tabPages.length>0?this.tabPages.map(((t,a)=>e("div",{key:a},this.renderTabList(t)))):e("div",null,this.renderTabList(this.tabItems)))}renderTabListInScrollOverflow(){return e("div",{class:"overflow-scroll"},this.tabPages.map(((t,a)=>e("div",{key:a},this.renderTabList(t)))))}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,disabled:Boolean(t.disabled)},"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.handleTabItemClick(t.dataTarget),"aria-label":t.dataTarget,role:"button",tabIndex:t.disabled?-1:0,onKeyDown:u()},this.renderPrefixIconDom(t),this.renderTabLabelDom(t),this.renderCounterBadgeDom(t)),this.closeButtonRenderer.render(t))))))}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}renderCounterBadgeDom(t){const a=t.counterBadge,i=this.getCounterBadgeClassByCount(a);return void 0!==(null==a?void 0:a.count)&&a.count>0&&e("div",{class:`vega-counter-badge ${i}`},e("vega-counter-badge",{count:a.count,color:a.color}))}getCounterBadgeClassByCount(e){if(e&&e.count){const t=e.count.toString().length;return 1===t?"one-digit":2===t?"two-digits":"multi-digits"}return""}handleTabItemClick(e){this.selectedTargetController.handleTabItemClick(e)}}_([s()],K.prototype,"tabPages",void 0),_([s()],K.prototype,"currentPageIndex",void 0),_([s()],K.prototype,"selectedTabDataTarget",void 0),_([s()],K.prototype,"gap",void 0),_([s()],K.prototype,"showCloseButton",void 0),_([s()],K.prototype,"tabItems",void 0),_([s()],K.prototype,"overflow",void 0),_([s()],K.prototype,"positionRelativeTo",void 0),_([s({componentFieldName:"vegaTabGroupCloseButtonRenderer"})],K.prototype,"closeButtonRenderer",void 0),_([s({componentFieldName:"vegaTabGroupSelectedTargetController"})],K.prototype,"selectedTargetController",void 0);class M 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 o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);n>3&&r&&Object.defineProperty(t,a,r)}([s()],M.prototype,"variant",void 0);var U=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};class q extends l{constructor(){super(...arguments),this.UPDATE_ANIMATION_FLAG_DELAY=32,this.goToPageTaskQueue=new R,this.pendingCarouselActionCount=0}async componentDidRender(){await this.goToPageTaskQueue.runTask()}async handlePageIndexChange(){const e=this.tabListRenderer.getCarouselDomRef();e&&(this.pendingCarouselActionCount+=1,setTimeout((()=>{this&&"number"==typeof this.pendingCarouselActionCount&&(this.pendingCarouselActionCount-=1)}),this.UPDATE_ANIMATION_FLAG_DELAY),await this.goToPageTaskQueue.enqueue({run:async()=>await e.goToPage(this.currentPageIndex+1)},!1))}isAnimationInProgress(){return this.pendingCarouselActionCount>0}}U([s({componentFieldName:"vegaTabGroupTabListRenderer"})],q.prototype,"tabListRenderer",void 0),U([s()],q.prototype,"currentPageIndex",void 0),U([d("componentDidRender")],q.prototype,"componentDidRender",null),U([d("watchCurrentPageIndexChange")],q.prototype,"handlePageIndexChange",null);const Y=[{payloadKey:"VARIANT_IS_PRIMARY",payloadDescription:"Specifies the visual style and prominence of the tab group",payloadValue:e=>"primary"===e.variant},{payloadKey:"VARIANT_IS_SECONDARY",payloadDescription:"Specifies the visual style and prominence of the tab group",payloadValue:e=>"secondary"===e.variant}];var $=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};const H=class{constructor(e){a(this,e),this.vegaClick=i(this,"vegaClick",7),this.click=i(this,"click",7),this.globalSlimmers={},this.vegaTabGroupRenderer=new P,this.vegaTabGroupDirectionButtonRenderer=new W,this.vegaTabGroupTabListRenderer=new K,this.vegaTabGroupCloseButtonRenderer=new N,this.vegaTabGroupPagesController=new A,this.vegaTabGroupSelectedTargetController=new S,this.vegaTabGroupPageIndexController=new z,this.vegaTabGroupPanelController=new V,this.vegaTabGroupContentRenderer=new M,this.vegaTabGroupSliderStateController=new q,this.clickEventEmitter=D(H,y),this.dropdownEventPrevent=new j([y],(()=>this.vegaTabGroupRenderer.getTabMenuContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new b(Y),this.tabPages=[],this.tabWidthArray=[],this.currentPageIndex=0,this.selectedTabDataTarget="",this.gap="size-8",this.showCloseButton=!1,this.tabItems=[],this.variant="primary",this.overflow="menu"}watchTabPagesChange(){}watchTabWidthArrayChange(){}async watchCurrentPageIndexChange(e){}watchSelectedTabDataTargetChange(){}watchGapChange(){}watchTabItemsChange(){}componentDidLoad(){}componentDidRender(){}render(){return h(e("slot",null)),r(e(o,null,this.vegaTabGroupRenderer.render()),this.host)}get host(){return n(this)}static get watchers(){return{tabPages:["watchTabPagesChange"],tabWidthArray:["watchTabWidthArrayChange"],currentPageIndex:["watchCurrentPageIndexChange"],selectedTabDataTarget:["watchSelectedTabDataTargetChange"],gap:["watchGapChange"],tabItems:["watchTabItemsChange"]}}};$([g()],H.prototype,"globalSlimmers",void 0),$([c()],H.prototype,"vegaTabGroupRenderer",void 0),$([c()],H.prototype,"vegaTabGroupDirectionButtonRenderer",void 0),$([c()],H.prototype,"vegaTabGroupTabListRenderer",void 0),$([c()],H.prototype,"vegaTabGroupCloseButtonRenderer",void 0),$([c()],H.prototype,"vegaTabGroupPagesController",void 0),$([c()],H.prototype,"vegaTabGroupSelectedTargetController",void 0),$([c()],H.prototype,"vegaTabGroupPageIndexController",void 0),$([c()],H.prototype,"vegaTabGroupPanelController",void 0),$([c()],H.prototype,"vegaTabGroupContentRenderer",void 0),$([c()],H.prototype,"vegaTabGroupSliderStateController",void 0),$([c()],H.prototype,"clickEventEmitter",void 0),$([c()],H.prototype,"dropdownEventPrevent",void 0),$([c()],H.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),H.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 .tab-list.scroll{width:100%;overflow:hidden}.tab-content-container .tab-list.scroll .overflow-scroll>div{display:flex;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tab-content-container .tab-list.scroll .overflow-scroll>div::-webkit-scrollbar{display:none}.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-counter-badge{position:relative;height:20px;padding-left:8px}.vega-tab>div>.label .vega-counter-badge vega-counter-badge{position:absolute;padding-left:8px;top:10px}.vega-tab>div>.label .vega-counter-badge.one-digit{width:20px}.vega-tab>div>.label .vega-counter-badge.one-digit vega-counter-badge{left:10px}.vega-tab>div>.label .vega-counter-badge.two-digits{width:28px}.vega-tab>div>.label .vega-counter-badge.two-digits vega-counter-badge{left:14px}.vega-tab>div>.label .vega-counter-badge.multi-digits{width:32px}.vega-tab>div>.label .vega-counter-badge.multi-digits vega-counter-badge{left:16px}.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-input-placeholder, 176, 180, 181, 1))}.vega-tab.disabled{pointer-events:none;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}.vega-tab.disabled .label,.vega-tab.disabled vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 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 X=function(e,t,a,i){var o,n=arguments.length,r=n<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--)(o=e[s])&&(r=(n<3?o(r):n>3?o(t,a,r):o(t,a))||r);return n>3&&r&&Object.defineProperty(t,a,r),r};const J=class{constructor(e){a(this,e),this.globalSlimmers={},this.clickEventPrevent=new j([y],(()=>this.host),void 0,!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new b,this.isActive=!1}connectedCallback(){this.notifyGroupAddOrDelPanel("ADD")}disconnectedCallback(){this.notifyGroupAddOrDelPanel("DEL")}componentWillLoad(){this.notifyGroupAddOrDelPanel("ADD")}render(){return r(e(o,{class:this.isActive?"active":""},e("slot",null)),this.host)}notifyGroupAddOrDelPanel(e){x.notify(T,{host:this.host,type:e})}get host(){return n(this)}};X([g()],J.prototype,"globalSlimmers",void 0),X([c()],J.prototype,"clickEventPrevent",void 0),X([c()],J.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),J.style=":host{display:none}:host(.active){display:block}";export{H as vega_tab_group,J as vega_tab_group_panel}

package/dist/vega/{p-9ea8eb49.js → p-29f6b2d5.js}

@@ -1 +1 @@
-import{V as r}from"./p-451ddd84.js";import{I as e}from"./p-abd7aeaa.js";class i extends e{evaluate(r){var e,i;if(!this.isAcceptedInputType(r))throw new Error(`Invalid value ${r} for rich text editor`);const t=(null===(e=null==r?void 0:r.children)||void 0===e?void 0:e.length)>1||1===(null===(i=null==r?void 0:r.children)||void 0===i?void 0:i.length)&&r.children.some((r=>r.isNotEmpty()));return{isValid:t,message:t?"":"This field is required"}}canEvaluate(r,e){return e?this.isAcceptedInputType(r)&&!e.disabled&&e.visible:this.isAcceptedInputType(r)}shouldShowError(r){return!r.disabled&&r.visible&&(r.touched||r.modified)}isAcceptedInputType(e){return null==e||e instanceof r}}export{i as R}
+import{V as r}from"./p-b56b0b89.js";import{I as e}from"./p-abd7aeaa.js";class i extends e{evaluate(r){var e,i;if(!this.isAcceptedInputType(r))throw new Error(`Invalid value ${r} for rich text editor`);const t=(null===(e=null==r?void 0:r.children)||void 0===e?void 0:e.length)>1||1===(null===(i=null==r?void 0:r.children)||void 0===i?void 0:i.length)&&r.children.some((r=>r.isNotEmpty()));return{isValid:t,message:t?"":"This field is required"}}canEvaluate(r,e){return e?this.isAcceptedInputType(r)&&!e.disabled&&e.visible:this.isAcceptedInputType(r)}shouldShowError(r){return!r.disabled&&r.visible&&(r.touched||r.modified)}isAcceptedInputType(e){return null==e||e instanceof r}}export{i as R}