@globalpayments/vega 2.32.0 → 2.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{app-globals-19032674.js → app-globals-d28dd560.js} +1 -1
- package/dist/cjs/{child-nodes-event-prevent-slimmer-88ed23c2.js → child-nodes-event-prevent-slimmer-f07a8fe9.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/vega-app-header-button.cjs.entry.js +2 -2
- package/dist/cjs/vega-banner.cjs.entry.js +1 -1
- package/dist/cjs/vega-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/vega-button-circle.cjs.entry.js +2 -2
- package/dist/cjs/vega-button-group_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-button-link.cjs.entry.js +10 -3
- package/dist/cjs/vega-button.cjs.entry.js +2 -2
- package/dist/cjs/vega-calendar_3.cjs.entry.js +2 -2
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-chip.cjs.entry.js +2 -2
- package/dist/cjs/vega-combo-box.cjs.entry.js +2 -2
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +93 -40
- package/dist/cjs/vega-dialog_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +2 -2
- package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
- package/dist/cjs/vega-flex.cjs.entry.js +1 -1
- package/dist/cjs/vega-form.cjs.entry.js +2 -2
- package/dist/cjs/vega-image-uploader.cjs.entry.js +2 -2
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +2 -2
- package/dist/cjs/vega-input-numeric.cjs.entry.js +2 -2
- package/dist/cjs/vega-input-phone-number.cjs.entry.js +2 -2
- package/dist/cjs/vega-input-range.cjs.entry.js +2 -2
- package/dist/cjs/vega-input-select.cjs.entry.js +2 -2
- package/dist/cjs/vega-left-nav_5.cjs.entry.js +1 -1
- package/dist/cjs/vega-pagination.cjs.entry.js +2 -2
- package/dist/cjs/vega-radio_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-selection-chip_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-stepper.cjs.entry.js +2 -2
- package/dist/cjs/vega-tab-group_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-table_8.cjs.entry.js +2 -2
- package/dist/cjs/vega-textarea.cjs.entry.js +2 -2
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +2 -2
- package/dist/cjs/vega.cjs.js +3 -3
- package/dist/collection/components/vega-button-link/vega-button-link.js +34 -1
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-renderer.js +6 -4
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-input-renderer-base.abstract.js +55 -0
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-range-input-renderer.js +5 -9
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-renderer.js +3 -1
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-single-input-renderer.js +5 -9
- package/dist/collection/components/vega-date-picker/vega-date-picker.css +14 -0
- package/dist/collection/components/vega-date-picker/vega-date-picker.js +27 -0
- package/dist/esm/{app-globals-5084ae11.js → app-globals-c018477a.js} +1 -1
- package/dist/esm/{child-nodes-event-prevent-slimmer-01953033.js → child-nodes-event-prevent-slimmer-8de7e3bb.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/vega-app-header-button.entry.js +2 -2
- package/dist/esm/vega-banner.entry.js +1 -1
- package/dist/esm/vega-breadcrumb.entry.js +2 -2
- package/dist/esm/vega-button-circle.entry.js +2 -2
- package/dist/esm/vega-button-group_2.entry.js +2 -2
- package/dist/esm/vega-button-link.entry.js +10 -3
- package/dist/esm/vega-button.entry.js +2 -2
- package/dist/esm/vega-calendar_3.entry.js +2 -2
- package/dist/esm/vega-checkbox_2.entry.js +2 -2
- package/dist/esm/vega-chip.entry.js +2 -2
- package/dist/esm/vega-combo-box.entry.js +2 -2
- package/dist/esm/vega-date-picker_2.entry.js +93 -40
- package/dist/esm/vega-dialog_2.entry.js +2 -2
- package/dist/esm/vega-dropdown_5.entry.js +2 -2
- package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
- package/dist/esm/vega-flex.entry.js +1 -1
- package/dist/esm/vega-form.entry.js +2 -2
- package/dist/esm/vega-image-uploader.entry.js +2 -2
- package/dist/esm/vega-input-credit-card.entry.js +2 -2
- package/dist/esm/vega-input-numeric.entry.js +2 -2
- package/dist/esm/vega-input-phone-number.entry.js +2 -2
- package/dist/esm/vega-input-range.entry.js +2 -2
- package/dist/esm/vega-input-select.entry.js +2 -2
- package/dist/esm/vega-left-nav_5.entry.js +1 -1
- package/dist/esm/vega-pagination.entry.js +2 -2
- package/dist/esm/vega-radio_2.entry.js +2 -2
- package/dist/esm/vega-selection-chip_2.entry.js +2 -2
- package/dist/esm/vega-selection-tile_2.entry.js +2 -2
- package/dist/esm/vega-stepper.entry.js +2 -2
- package/dist/esm/vega-tab-group_2.entry.js +2 -2
- package/dist/esm/vega-table_8.entry.js +2 -2
- package/dist/esm/vega-textarea.entry.js +2 -2
- package/dist/esm/vega-time-picker_2.entry.js +2 -2
- package/dist/esm/vega.js +3 -3
- package/dist/types/components/vega-button-link/types.d.ts +1 -0
- package/dist/types/components/vega-button-link/vega-button-link.d.ts +8 -0
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-renderer.d.ts +1 -0
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-input-renderer-base.abstract.d.ts +17 -0
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-range-input-renderer.d.ts +2 -4
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-single-input-renderer.d.ts +2 -4
- package/dist/types/components/vega-date-picker/vega-date-picker.d.ts +6 -0
- package/dist/types/components.d.ts +21 -0
- package/dist/types/types/components.type.d.ts +1 -0
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/{p-1545a693.entry.js → p-07af8ee4.entry.js} +1 -1
- package/dist/vega/{p-a2b4b6c3.entry.js → p-0abae6cc.entry.js} +1 -1
- package/dist/vega/p-0c051d2a.entry.js +13 -0
- package/dist/vega/{p-47e665ba.entry.js → p-17233d94.entry.js} +1 -1
- package/dist/vega/{p-039abd28.entry.js → p-1a8dd528.entry.js} +1 -1
- package/dist/vega/{p-e74a6d22.entry.js → p-36395deb.entry.js} +1 -1
- package/dist/vega/{p-e828ee94.entry.js → p-38b93319.entry.js} +1 -1
- package/dist/vega/{p-8bd327a8.js → p-4625a2b4.js} +1 -1
- package/dist/vega/{p-ea285b12.entry.js → p-483d0916.entry.js} +1 -1
- package/dist/vega/{p-7002cde3.entry.js → p-4921c38c.entry.js} +1 -1
- package/dist/vega/{p-3154fb6b.entry.js → p-497eba8c.entry.js} +1 -1
- package/dist/vega/{p-105d0265.entry.js → p-49db0660.entry.js} +1 -1
- package/dist/vega/{p-5dd6ff09.entry.js → p-53d34f58.entry.js} +1 -1
- package/dist/vega/{p-da106a4d.entry.js → p-576fe8cf.entry.js} +1 -1
- package/dist/vega/{p-8d23c56b.entry.js → p-597871ab.entry.js} +1 -1
- package/dist/vega/p-5f377954.js +1 -1
- package/dist/vega/{p-12aa4bd2.entry.js → p-603f7aa3.entry.js} +1 -1
- package/dist/vega/{p-ead482e6.entry.js → p-6758dc5e.entry.js} +1 -1
- package/dist/vega/{p-83569225.entry.js → p-6f027906.entry.js} +1 -1
- package/dist/vega/{p-71939bf8.entry.js → p-6f788b49.entry.js} +1 -1
- package/dist/vega/{p-3e591b2f.entry.js → p-8f5ffac5.entry.js} +1 -1
- package/dist/vega/{p-d642c011.entry.js → p-910410ad.entry.js} +1 -1
- package/dist/vega/{p-a00122bb.entry.js → p-99a35465.entry.js} +1 -1
- package/dist/vega/{p-c94ddc57.entry.js → p-99cf17e3.entry.js} +1 -1
- package/dist/vega/{p-ffb832b8.entry.js → p-9f984c33.entry.js} +1 -1
- package/dist/vega/{p-51200fe0.entry.js → p-a828eeef.entry.js} +1 -1
- package/dist/vega/{p-30860766.js → p-c4a52c83.js} +1 -1
- package/dist/vega/p-c51a48d6.entry.js +1 -0
- package/dist/vega/{p-b5a6f6b9.entry.js → p-d6d10fb3.entry.js} +1 -1
- package/dist/vega/{p-00d1904d.entry.js → p-d7df87b4.entry.js} +1 -1
- package/dist/vega/p-daaf3ee3.entry.js +1 -0
- package/dist/vega/{p-16bfb3cb.entry.js → p-dadd7db4.entry.js} +1 -1
- package/dist/vega/{p-94861e39.entry.js → p-f5876e05.entry.js} +1 -1
- package/dist/vega/{p-24d76337.entry.js → p-f76e9940.entry.js} +1 -1
- package/dist/vega/{p-6556932e.entry.js → p-fae41be0.entry.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/vega/p-051fd45b.entry.js +0 -1
- package/dist/vega/p-6ca02241.entry.js +0 -13
- package/dist/vega/p-af086582.entry.js +0 -1
- /package/dist/cjs/{feature-flag-controller-f9d3ce38.js → feature-flag-controller-0d1015fa.js} +0 -0
- /package/dist/esm/{feature-flag-controller-f72c004e.js → feature-flag-controller-6bbf53c1.js} +0 -0
- /package/dist/vega/{p-5fe479a1.js → p-53702f16.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,H as n,r as e,c as o,g as r}from"./p-1c298d5a.js";import{c as s,V as i,I as a}from"./p-6e1ab235.js";import{V as c,I as l}from"./p-61f6167c.js";import{s as b}from"./p-9b797118.js";import{c as p}from"./p-86194314.js";import{g as h,D as f,a as d}from"./p-4163c2c2.js";import{V as u}from"./p-6a8f1251.js";import{D as v}from"./p-6c6d86da.js";import{a as g,c as m,d as x}from"./p-9e9ec748.js";import{F as w}from"./p-5fe479a1.js";import{c as y}from"./p-a04632d0.js";import"./p-4d25df7d.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-f404aa83.js";import"./p-0fecf145.js";var C=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};class j extends i{constructor(){super(...arguments),this.isMobileDevice=h()===f.MOBILE,this.space=this.isMobileDevice?"size-16":"size-24",this.handleCloseButtonClick=()=>{const t=this.closeEventEmitter.emit();t&&!t.defaultPrevented&&this.host.remove()}}render(){const e=[`banner-${this.type}`,this.isMobileDevice&&"banner-mobile",!this.isOpen&&"banner-hidden"].filter(Boolean);return t(n,{class:d(e),padding:this.space},t("vega-flex",{direction:"row",gap:this.isMobileDevice?"size-8":"size-16",justifyContent:"space-between",alignItems:"start"},this.renderPrefixIcon(),this.renderBannerContent(),this.renderCloseButton()),this.isMobileDevice?this.actionButtonRenderer.render():null)}renderBannerContent(){return t("div",{class:{"banner-content-container":!0,linear:!(this.isMobileDevice||this.content&&this.bannerTitle)}},this.renderBannerTitle(),t("div",{class:"banner-content"},t("vega-font",{variant:this.isMobileDevice?"font-footnote1-long":"font-p2-short",color:"error"===this.type?"text-primary":"text-black"},this.content),this.isMobileDevice?null:this.actionButtonRenderer.render()))}renderBannerTitle(){if(this.bannerTitle)return t("vega-font",{class:"banner-title",variant:this.isMobileDevice?"font-h6":"font-h5",color:"error"===this.type?"text-primary":"text-black"},this.bannerTitle)}renderCloseButton(){if(this.showCloseButton)return t("div",{class:"banner-close-button","aria-label":"Close Button",role:"button",tabIndex:0,onClick:this.handleCloseButtonClick,onKeyDown:p()},t("vega-icon",{size:this.isMobileDevice?"size-12":"size-16",icon:this.iconController.getCloseIcon()}))}renderPrefixIcon(){return t("div",{class:"banner-prefix-icon"},t("vega-icon",{size:this.space,icon:this.iconController.getIconByType()}))}}C([s()],j.prototype,"host",void 0),C([s()],j.prototype,"type",void 0),C([s()],j.prototype,"bannerTitle",void 0),C([s()],j.prototype,"content",void 0),C([s()],j.prototype,"showCloseButton",void 0),C([s()],j.prototype,"actionButtons",void 0),C([s()],j.prototype,"actionButtonRenderer",void 0),C([s()],j.prototype,"iconController",void 0),C([s()],j.prototype,"isOpen",void 0),C([s()],j.prototype,"closeEventEmitter",void 0);var z;!function(t){t.warning="triangle-exclamation",t.success="circle-check",t.error="circle-question",t.info="circle-info"}(z||(z={}));class k extends i{getIconByType(){return u.getIconKey(z[this.type])}getCloseIcon(){return u.getIconKey("xmark-large")}}u.register({"triangle-exclamation":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>'},"circle-check":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>'},"circle-question":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>'},"circle-info":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>'},"xmark-large":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M393.4 41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L269.3 256 438.6 425.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 301.3 54.6 470.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0L224 210.7 393.4 41.4z"/></svg>'}}),function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);s>3&&i&&Object.defineProperty(n,e,i)}([s()],k.prototype,"type",void 0);var B=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};class I extends i{render(){var n;if((null===(n=this.actionButtons)||void 0===n?void 0:n.length)>0)return t("div",{class:"banner-buttons"},this.actionButtons.map(((t,n)=>this.renderButtonItem(t,`${t.label}${n}`))))}renderButtonItem(n,e){return t("vega-button",{key:e,size:"small",variant:"secondary",ref:t=>{v.addUniqueObserverToNode(t,g,(()=>{w.isEnabled("VEGA_BANNER_DEPRECATED_ACTION_BUTTON_PROP_VEGA_CLICK")||"function"!=typeof n.vegaClick||n.vegaClick(n),this.actionButtonClickEventEmitter.emit(n)}))}},n.label)}}B([s()],I.prototype,"actionButtons",void 0),B([s()],I.prototype,"actionButtonClickEventEmitter",void 0);var L=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};const R=class{constructor(t){e(this,t),this.vegaClose=o(this,"vegaClose",7),this.close=o(this,"close",7),this.vegaActionButtonClick=o(this,"vegaActionButtonClick",7),this.actionButtonClick=o(this,"actionButtonClick",7),this.globalSlimmers={},this.closeEventEmitter=y(R,m),this.renderer=new j,this.actionButtonRenderer=new I,this.iconController=new k,this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.actionButtonClickEventEmitter=y(R,x),this.type="info",this.bannerTitle="",this.content="",this.actionButtons=null,this.showCloseButton=!0,this.isOpen=!0}async doClose(){this.host.remove(),this.closeEventEmitter.emit()}render(){return b(this.renderer.render(),this.host)}get host(){return r(this)}};L([l()],R.prototype,"globalSlimmers",void 0),L([a()],R.prototype,"closeEventEmitter",void 0),L([a()],R.prototype,"renderer",void 0),L([a()],R.prototype,"actionButtonRenderer",void 0),L([a()],R.prototype,"iconController",void 0),L([a()],R.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),L([a()],R.prototype,"actionButtonClickEventEmitter",void 0),R.style=':host{display:block;width:100%;padding:24px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));box-sizing:border-box;box-shadow:var(--v-shadow-card, 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.02));border-radius:12px;color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .banner-prefix-icon{padding-top:4px}:host .banner-prefix-icon vega-icon{display:block}:host .banner-content-container{width:100%}:host .banner-content-container .banner-title{display:block;padding-top:2px}:host .banner-content-container .banner-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}:host .banner-content-container .banner-content>vega-font:last-child{padding-top:6px}:host .banner-content-container.linear{display:flex;justify-content:space-between}:host .banner-content-container.linear .banner-content{flex-grow:1}:host .banner-buttons{text-align:right;text-wrap:nowrap;flex:auto}:host .banner-buttons vega-button{margin-left:16px}:host .banner-buttons vega-button::part(button){padding-top:4px;padding-bottom:4px}:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-black, 32, 54, 69, 1));background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border:2px solid rgba(var(--v-border-notification-btn-black, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host .banner-buttons vega-button::part(button):focus-visible{outline:2px solid;outline-offset:2px;box-shadow:0 0 0}:host .banner-close-button{padding:4px;padding-top:8px}:host .banner-close-button:focus-visible{outline:2px solid;outline-offset:0px}:host .banner-close-button vega-icon{cursor:pointer;display:block}:host(.banner-mobile){padding:16px}:host(.banner-mobile) .banner-content-container .banner-title{padding-top:0px}:host(.banner-mobile) .banner-content-container .banner-content{padding-top:2px;gap:16px}:host(.banner-mobile) .banner-content-container .banner-content>vega-font:last-child{padding-top:0px}:host(.banner-mobile) .banner-buttons vega-button{margin-left:8px;margin-top:16px}:host(.banner-mobile) .banner-close-button{padding:2px;padding-top:4px}:host(.banner-success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.banner-error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button),:host(.banner-error) .banner-buttons vega-button::part(button):hover{color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:2px solid rgba(var(--v-border-notification-btn, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:2px}:host(.banner-error) .banner-close-button:focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:0px}:host(.banner-info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.banner-warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.banner-hidden){display:none}';export{R as vega_banner}
|
|
1
|
+
import{h as t,H as n,r as e,c as o,g as r}from"./p-1c298d5a.js";import{c as s,V as i,I as a}from"./p-6e1ab235.js";import{V as c,I as l}from"./p-61f6167c.js";import{s as b}from"./p-9b797118.js";import{c as p}from"./p-86194314.js";import{g as h,D as f,a as d}from"./p-4163c2c2.js";import{V as u}from"./p-6a8f1251.js";import{D as v}from"./p-6c6d86da.js";import{a as g,c as m,d as x}from"./p-9e9ec748.js";import{F as w}from"./p-53702f16.js";import{c as y}from"./p-a04632d0.js";import"./p-4d25df7d.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-f404aa83.js";import"./p-0fecf145.js";var C=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};class j extends i{constructor(){super(...arguments),this.isMobileDevice=h()===f.MOBILE,this.space=this.isMobileDevice?"size-16":"size-24",this.handleCloseButtonClick=()=>{const t=this.closeEventEmitter.emit();t&&!t.defaultPrevented&&this.host.remove()}}render(){const e=[`banner-${this.type}`,this.isMobileDevice&&"banner-mobile",!this.isOpen&&"banner-hidden"].filter(Boolean);return t(n,{class:d(e),padding:this.space},t("vega-flex",{direction:"row",gap:this.isMobileDevice?"size-8":"size-16",justifyContent:"space-between",alignItems:"start"},this.renderPrefixIcon(),this.renderBannerContent(),this.renderCloseButton()),this.isMobileDevice?this.actionButtonRenderer.render():null)}renderBannerContent(){return t("div",{class:{"banner-content-container":!0,linear:!(this.isMobileDevice||this.content&&this.bannerTitle)}},this.renderBannerTitle(),t("div",{class:"banner-content"},t("vega-font",{variant:this.isMobileDevice?"font-footnote1-long":"font-p2-short",color:"error"===this.type?"text-primary":"text-black"},this.content),this.isMobileDevice?null:this.actionButtonRenderer.render()))}renderBannerTitle(){if(this.bannerTitle)return t("vega-font",{class:"banner-title",variant:this.isMobileDevice?"font-h6":"font-h5",color:"error"===this.type?"text-primary":"text-black"},this.bannerTitle)}renderCloseButton(){if(this.showCloseButton)return t("div",{class:"banner-close-button","aria-label":"Close Button",role:"button",tabIndex:0,onClick:this.handleCloseButtonClick,onKeyDown:p()},t("vega-icon",{size:this.isMobileDevice?"size-12":"size-16",icon:this.iconController.getCloseIcon()}))}renderPrefixIcon(){return t("div",{class:"banner-prefix-icon"},t("vega-icon",{size:this.space,icon:this.iconController.getIconByType()}))}}C([s()],j.prototype,"host",void 0),C([s()],j.prototype,"type",void 0),C([s()],j.prototype,"bannerTitle",void 0),C([s()],j.prototype,"content",void 0),C([s()],j.prototype,"showCloseButton",void 0),C([s()],j.prototype,"actionButtons",void 0),C([s()],j.prototype,"actionButtonRenderer",void 0),C([s()],j.prototype,"iconController",void 0),C([s()],j.prototype,"isOpen",void 0),C([s()],j.prototype,"closeEventEmitter",void 0);var z;!function(t){t.warning="triangle-exclamation",t.success="circle-check",t.error="circle-question",t.info="circle-info"}(z||(z={}));class k extends i{getIconByType(){return u.getIconKey(z[this.type])}getCloseIcon(){return u.getIconKey("xmark-large")}}u.register({"triangle-exclamation":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"/></svg>'},"circle-check":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/></svg>'},"circle-question":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3h58.3c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24V250.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1H222.6c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>'},"circle-info":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>'},"xmark-large":{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">\x3c!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --\x3e<path fill="currentColor" d="M393.4 41.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3L269.3 256 438.6 425.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 301.3 54.6 470.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L178.7 256 9.4 86.6C-3.1 74.1-3.1 53.9 9.4 41.4s32.8-12.5 45.3 0L224 210.7 393.4 41.4z"/></svg>'}}),function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);s>3&&i&&Object.defineProperty(n,e,i)}([s()],k.prototype,"type",void 0);var B=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};class I extends i{render(){var n;if((null===(n=this.actionButtons)||void 0===n?void 0:n.length)>0)return t("div",{class:"banner-buttons"},this.actionButtons.map(((t,n)=>this.renderButtonItem(t,`${t.label}${n}`))))}renderButtonItem(n,e){return t("vega-button",{key:e,size:"small",variant:"secondary",ref:t=>{v.addUniqueObserverToNode(t,g,(()=>{w.isEnabled("VEGA_BANNER_DEPRECATED_ACTION_BUTTON_PROP_VEGA_CLICK")||"function"!=typeof n.vegaClick||n.vegaClick(n),this.actionButtonClickEventEmitter.emit(n)}))}},n.label)}}B([s()],I.prototype,"actionButtons",void 0),B([s()],I.prototype,"actionButtonClickEventEmitter",void 0);var L=function(t,n,e,o){var r,s=arguments.length,i=s<3?n:null===o?o=Object.getOwnPropertyDescriptor(n,e):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,n,e,o);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(i=(s<3?r(i):s>3?r(n,e,i):r(n,e))||i);return s>3&&i&&Object.defineProperty(n,e,i),i};const R=class{constructor(t){e(this,t),this.vegaClose=o(this,"vegaClose",7),this.close=o(this,"close",7),this.vegaActionButtonClick=o(this,"vegaActionButtonClick",7),this.actionButtonClick=o(this,"actionButtonClick",7),this.globalSlimmers={},this.closeEventEmitter=y(R,m),this.renderer=new j,this.actionButtonRenderer=new I,this.iconController=new k,this.vegaComponentUsageRuntimeMetricsSlimmer=new c,this.actionButtonClickEventEmitter=y(R,x),this.type="info",this.bannerTitle="",this.content="",this.actionButtons=null,this.showCloseButton=!0,this.isOpen=!0}async doClose(){this.host.remove(),this.closeEventEmitter.emit()}render(){return b(this.renderer.render(),this.host)}get host(){return r(this)}};L([l()],R.prototype,"globalSlimmers",void 0),L([a()],R.prototype,"closeEventEmitter",void 0),L([a()],R.prototype,"renderer",void 0),L([a()],R.prototype,"actionButtonRenderer",void 0),L([a()],R.prototype,"iconController",void 0),L([a()],R.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),L([a()],R.prototype,"actionButtonClickEventEmitter",void 0),R.style=':host{display:block;width:100%;padding:24px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));box-sizing:border-box;box-shadow:var(--v-shadow-card, 0px 2px 8px 0px rgba(0, 0, 0, 0.04), 0px 2px 4px 0px rgba(0, 0, 0, 0.02));border-radius:12px;color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .banner-prefix-icon{padding-top:4px}:host .banner-prefix-icon vega-icon{display:block}:host .banner-content-container{width:100%}:host .banner-content-container .banner-title{display:block;padding-top:2px}:host .banner-content-container .banner-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}:host .banner-content-container .banner-content>vega-font:last-child{padding-top:6px}:host .banner-content-container.linear{display:flex;justify-content:space-between}:host .banner-content-container.linear .banner-content{flex-grow:1}:host .banner-buttons{text-align:right;text-wrap:nowrap;flex:auto}:host .banner-buttons vega-button{margin-left:16px}:host .banner-buttons vega-button::part(button){padding-top:4px;padding-bottom:4px}:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-black, 32, 54, 69, 1));background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));border:2px solid rgba(var(--v-border-notification-btn-black, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .banner-buttons vega-button::part(button),:host .banner-buttons vega-button::part(button):hover{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host .banner-buttons vega-button::part(button):focus-visible{outline:2px solid;outline-offset:2px;box-shadow:0 0 0}:host .banner-close-button{padding:4px;padding-top:8px}:host .banner-close-button:focus-visible{outline:2px solid;outline-offset:0px}:host .banner-close-button vega-icon{cursor:pointer;display:block}:host(.banner-mobile){padding:16px}:host(.banner-mobile) .banner-content-container .banner-title{padding-top:0px}:host(.banner-mobile) .banner-content-container .banner-content{padding-top:2px;gap:16px}:host(.banner-mobile) .banner-content-container .banner-content>vega-font:last-child{padding-top:0px}:host(.banner-mobile) .banner-buttons vega-button{margin-left:8px;margin-top:16px}:host(.banner-mobile) .banner-close-button{padding:2px;padding-top:4px}:host(.banner-success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.banner-error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button),:host(.banner-error) .banner-buttons vega-button::part(button):hover{color:rgba(var(--v-text-primary, 32, 54, 69, 1));border:2px solid rgba(var(--v-border-notification-btn, 32, 54, 69, 1))}:host(.banner-error) .banner-buttons vega-button::part(button):focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:2px}:host(.banner-error) .banner-close-button:focus-visible{outline:2px solid rgba(var(--v-border-color-notification-btn, 32, 54, 69, 1));outline-offset:0px}:host(.banner-info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}:host(.banner-warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.banner-hidden){display:none}';export{R as vega_banner}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,F as t,r as i,c as o,H as r,g as n}from"./p-1c298d5a.js";import{g as s,s as a}from"./p-9b797118.js";import{c as l,M as d,V as h,L as c,I as p}from"./p-6e1ab235.js";import{m as v,s as f}from"./p-6bd5c49b.js";import{V as u,I as g}from"./p-61f6167c.js";import{f as m,k as w,l as x}from"./p-4163c2c2.js";import{N as b,O as y}from"./p-9fbdeada.js";import{c as S}from"./p-86194314.js";import{D as R,d as j}from"./p-6c6d86da.js";import{e as C,l as I,m as O,b as T,j as k,n as D,o as M,a as L}from"./p-9e9ec748.js";import{K as E}from"./p-c1dfdc13.js";import{E as z}from"./p-ed237efc.js";import{i as H}from"./p-b0502d01.js";import{c as K}from"./p-535f0758.js";import{M as A}from"./p-987fbbd0.js";import{C as V}from"./p-2d0d575f.js";import{b as W,g as N,f as $,c as _}from"./p-8a091eb7.js";import{c as B}from"./p-a04632d0.js";import{C as U}from"./p-ec157238.js";import{D as P}from"./p-32f651f7.js";import{r as F}from"./p-a190c86a.js";import{T as Y}from"./p-68ad953c.js";import{C as q}from"./p-30860766.js";import{S as G}from"./p-590870e4.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-331a62d5.js";import"./p-5453f591.js";import"./p-781fd6e0.js";import"./p-262ec334.js";import"./p-6a334573.js";import"./p-47c87634.js";import"./p-2d5a9f66.js";import"./p-0c667d6a.js";import"./p-0fecf145.js";import"./p-9f3b1d77.js";import"./p-5440344e.js";import"./p-5f377954.js";import"./p-5fe479a1.js";import"./p-f404aa83.js";var X=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class J extends h{componentDidRender(){this.setVirtualContainer(),this.appendItemsToContentBox(),this.appendDropdownToContentBox()}getDropdownRef(){return this.dropdownRef}getDropdownContentBoxRef(){return this.dropdownContentBoxRef}getVirtualContainerRef(){return this.virtualContainerRef}getNextActiveItem(e){const t=this.getAllItems(),i=this.getCurrentActiveItem();if(i){const o=t.findIndex((e=>e===i)),r="ArrowDown"===e?o+1:o-1,n=t[r];return n?n.disabled?this.findNextCallFocusItem(t,r,e):n:null}return t[0]}render(){return e(t,null,this.renderContentSlot(),this.renderDropdown())}renderContentSlot(){return this.renderModeController.isSourceRenderMode()?e("slot",null):e(t,null,e("slot",{name:"dropdown-content"}),e("slot",null))}renderDropdown(){return e("vega-dropdown-content-box",{ref:e=>this.dropdownContentBoxRef=e,style:{maxHeight:`${this.maxHeight}px`},"data-parent-ref":this.host,"data-vega-no-event-prevent":this.host&&"true"===this.host.dataset.vegaNoEventPrevent?"true":"false"},e("div",{ref:e=>this.dropdownRef=e,class:{"vega-dropdown":!0,"vega-dropdown-with-searchable":this.searchable}},e("div",{class:"vega-dropdown-actions"},this.searchRenderer.render(),this.createRenderer.render()),e("div",null,e("div",{class:"vega-dropdown-container"},this.renderModeController.isSourceRenderMode()?this.listRenderer.renderBySource():this.listRenderer.renderBySlot()))))}setVirtualContainer(){this.virtualContainerRef=this.dropdownRef.querySelector(".vega-dropdown-container")}appendItemsToContentBox(){if(!this.renderModeController.isSourceRenderMode()){const e=this.host.querySelector("[slot='items']");!this.dropdownContentBoxRef.contains(e)&&e&&this.dropdownContentBoxRef.append(e)}}appendDropdownToContentBox(){var e,t;(null===(e=this.dropdownContentBoxRef.shadowRoot)||void 0===e?void 0:e.contains(this.dropdownRef))||null===(t=this.dropdownContentBoxRef.shadowRoot)||void 0===t||t.append(this.dropdownRef)}getAllItems(){const e=this.dropdownRef.querySelector("vega-virtual-scroll");return Array.from((e?e.shadowRoot:this.dropdownRef).querySelectorAll("vega-dropdown-item"))}getCurrentActiveItem(){return m(s(this.dropdownContentBoxRef.shadowRoot),"vega-dropdown-item")}findNextCallFocusItem(e,t,i){const o="ArrowDown"===i?t+1:t-1,r=e[o];return r?r.disabled?this.findNextCallFocusItem(e,o,i):r:null}}X([l()],J.prototype,"host",void 0),X([l()],J.prototype,"maxHeight",void 0),X([l()],J.prototype,"searchable",void 0),X([l()],J.prototype,"searchRenderer",void 0),X([l()],J.prototype,"createRenderer",void 0),X([l()],J.prototype,"listRenderer",void 0),X([l()],J.prototype,"renderModeController",void 0),X([d("componentDidRender")],J.prototype,"componentDidRender",null);var Q=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Z extends h{componentWillLoad(){this.handleSource()}watchSource(){this.handleSource()}setRenderSource(){this.renderModeController.isSourceRenderMode()&&(this.sourceForRender=this.searchController.search(this.source))}handleSource(){this.validSource(),this.setRenderSource()}validSource(){this.source=b(this.source,y)?this.source:[]}}Q([l({writable:!0})],Z.prototype,"source",void 0),Q([l({writable:!0})],Z.prototype,"sourceForRender",void 0),Q([l()],Z.prototype,"searchController",void 0),Q([l()],Z.prototype,"renderModeController",void 0),Q([d("componentWillLoad")],Z.prototype,"componentWillLoad",null),Q([d("watchSource")],Z.prototype,"watchSource",null);var ee=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class te extends h{constructor(){super(...arguments),this.onItemAdd=()=>{this.createEventEmitter.emit(this.searchString),this.appenderController.hide()}}render(){return this.searchString&&this.dynamicOption&&!this.childrenController.isLabelExist(this.searchString)&&e("fragment",null,e("div",{class:"vega-dropdown-add-item",onClick:this.onItemAdd,tabIndex:0,role:"button","aria-label":`Add ${this.searchString}`,onKeyDown:S()},e("div",null,e("vega-icon",{icon:"plus-sign"})),e("span",{class:"v-break-all"},`Add "${this.searchString}"`)),e("div",{class:"vega-dropdown-divider"}))}}ee([l()],te.prototype,"searchString",void 0),ee([l()],te.prototype,"dynamicOption",void 0),ee([l()],te.prototype,"sourceForRender",void 0),ee([l()],te.prototype,"appenderController",void 0),ee([l()],te.prototype,"childrenController",void 0),ee([l()],te.prototype,"renderModeController",void 0),ee([l()],te.prototype,"createEventEmitter",void 0);var ie=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class oe extends h{constructor(){super(...arguments),this.defaultMaxHeightOfItemsContainer=400}getVirtualScrollRef(){return this.virtualScrollRef}getTemplateContainerRef(){return this.templateContainerRef}renderBySource(){return e(t,null,this.renderLoading(),this.renderDropdownListBySource())}renderBySlot(){return e(t,null,this.renderLoading(),this.renderDropdownListBySlot())}renderLoading(){return e("div",{class:{"vega-dropdown-loading":!0,"v-hidden":!this.isLoading}},e("vega-flex",{gap:"size-8",direction:"row"},e("vega-loading-indicator",{size:"small"}),e("span",null,"Loading")))}renderDropdownListBySource(){return e(t,null,e("div",{class:{"vega-dropdown-empty-list":!0,"v-hidden":this.sourceForRender.length>0}},this.translationSlimmer.t(this.searchString?"No results found":"No options")),e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"v-hidden":0===this.sourceForRender.length}},e("vega-virtual-scroll",{source:this.sourceForRender,renderItem:(e,t,i)=>e.children?this.groupLevelRenderer.render(e,t,i):this.itemLevelRenderer.render(e,i),viewportMaxHeight:this.defaultMaxHeightOfItemsContainer,ref:e=>this.virtualScrollRef=e,isLoading:this.isLazyLoading})))}renderDropdownListBySlot(){return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{[`vega-dropdown-item-display-${this.itemDisplayRule}`]:!0,"v-hidden":this.isLoading},ref:e=>this.templateContainerRef=e},e("slot",{name:"items"}))}}ie([l()],oe.prototype,"host",void 0),ie([l()],oe.prototype,"isLoading",void 0),ie([l()],oe.prototype,"searchString",void 0),ie([l()],oe.prototype,"itemDisplayRule",void 0),ie([l()],oe.prototype,"sourceForRender",void 0),ie([l()],oe.prototype,"itemLevelRenderer",void 0),ie([l()],oe.prototype,"groupLevelRenderer",void 0),ie([l()],oe.prototype,"isLazyLoading",void 0),ie([l()],oe.prototype,"isDropdownShow",void 0),ie([l()],oe.prototype,"renderModeController",void 0),ie([l()],oe.prototype,"translationSlimmer",void 0);var re=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ne extends h{render(t,i){return this.remoteInvocationController.callRemoteItemRender(t,i)||e("vega-dropdown-item",Object.assign({},t,{itemKey:t.key,height:i,prefixIcon:t.prefixIcon}))}}re([l()],ne.prototype,"host",void 0),re([l()],ne.prototype,"selectType",void 0),re([l()],ne.prototype,"caseSensitive",void 0),re([l()],ne.prototype,"searchString",void 0),re([l()],ne.prototype,"selectedController",void 0),re([l()],ne.prototype,"sourceController",void 0),re([l()],ne.prototype,"remoteInvocationController",void 0);var se=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ae extends h{constructor(){super(...arguments),this.clear=()=>{this.searchString=null,this.searchInputRef&&(this.searchInputRef.value="")},this.onInputSearch=e=>{this.searchInputRef=e,R.addUniqueObserverToNode(e,C,(e=>{this.search(e.detail,"input")}))},this.search=(e,t)=>{this.searchTriggerBy&&this.searchTriggerBy!==t||(this.searchString=e,this.renderModeController.isSourceRenderMode()?this.useDefaultFilter?(this.sourceController.setRenderSource(),this.focus()):this.isDropdownShow&&(this.searchEventEmitter.emit(e),this.searchTriggerEventEmitter.emit({trigger:t,value:e})):(this.searchEventEmitter.emit(e),this.searchTriggerEventEmitter.emit({trigger:t,value:e})))}}userSearch(e){this.search(e,"input")}focus(){this.searchInputRef&&this.searchInputRef.shadowRoot.querySelector("input").focus()}render(){return this.searchable&&e("div",{class:"vega-dropdown-search"},e("vega-input",{"prefix-icon":"search",size:"small",autoValidation:!1,ref:this.onInputSearch,onKeyDown:e=>{"Enter"===e.code&&this.search(this.searchInputRef.value,"enter")}}))}}se([l()],ae.prototype,"searchable",void 0),se([l({writable:!0})],ae.prototype,"searchString",void 0),se([l()],ae.prototype,"source",void 0),se([l()],ae.prototype,"useDefaultFilter",void 0),se([l()],ae.prototype,"searchEventEmitter",void 0),se([l()],ae.prototype,"searchTriggerEventEmitter",void 0),se([l()],ae.prototype,"isDropdownShow",void 0),se([l()],ae.prototype,"sourceController",void 0),se([l()],ae.prototype,"renderModeController",void 0),se([l()],ae.prototype,"searchTriggerBy",void 0),se([d("search")],ae.prototype,"userSearch",null);var le=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class de extends E{constructor(){super((e=>{const t=this.renderer.getDropdownRef(),i=this.renderer.getVirtualContainerRef();return[{keyCode:"Tab",activeElementInScope:[e.host],callback:e.showDropdownIfHover},{keyCode:"Escape",activeElementInScope:[e.host,t,i],callback:()=>e.appenderController.hide()},{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[e.host,t],callback:t=>e.controlDirectionByKeyboard(t.code)},{keyCode:"Tab",activeElementOutScope:[e.host,t,i],callback:()=>e.isDropdownShow&&e.appenderController.hide()}]})),this.showDropdownIfHover=async()=>{"hover"===this.trigger&&this.appenderController.show()},this.controlDirectionByKeyboard=e=>{var t;null===(t=this.renderer.getNextActiveItem(e))||void 0===t||t.shadowRoot.querySelector("li").focus()}}}le([l()],de.prototype,"host",void 0),le([l()],de.prototype,"trigger",void 0),le([l()],de.prototype,"isDropdownShow",void 0),le([l()],de.prototype,"renderer",void 0),le([l()],de.prototype,"appenderController",void 0),le([l()],de.prototype,"listRenderer",void 0);var he=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ce extends z{constructor(){super((()=>({target:this.host,appendableElement:this.renderer.getDropdownContentBoxRef(),positionRelativeTo:this.positionRelativeTo,matchTargetWidth:this.matchTargetWidth,matchContainerHeight:this.matchContainerHeight,size:this.size,minWidth:this.minWidth,maxWidth:this.maxWidth,translocation:this.translocation,maxHeight:this.maxHeight,placement:this.placement,alignment:this.alignment})),(()=>this.trigger))}async watchIsDropdownShow(){this.isDropdownShow?this.showEventEmitter.emit():(this.searchRenderer.clear(),this.hideEventEmitter.emit())}userShow(){this.isDropdownShow||this.show()}userHide(){this.isDropdownShow&&this.hide()}}he([l()],ce.prototype,"host",void 0),he([l()],ce.prototype,"trigger",void 0),he([l({writable:!0})],ce.prototype,"isDropdownShow",void 0),he([l()],ce.prototype,"positionRelativeTo",void 0),he([l()],ce.prototype,"matchTargetWidth",void 0),he([l()],ce.prototype,"matchContainerHeight",void 0),he([l()],ce.prototype,"size",void 0),he([l()],ce.prototype,"minWidth",void 0),he([l()],ce.prototype,"maxWidth",void 0),he([l()],ce.prototype,"translocation",void 0),he([l()],ce.prototype,"maxHeight",void 0),he([l()],ce.prototype,"placement",void 0),he([l()],ce.prototype,"alignment",void 0),he([l()],ce.prototype,"renderer",void 0),he([l()],ce.prototype,"searchRenderer",void 0),he([l()],ce.prototype,"showEventEmitter",void 0),he([l()],ce.prototype,"hideEventEmitter",void 0),he([d("watchIsDropdownShow")],ce.prototype,"watchIsDropdownShow",null),he([d("show")],ce.prototype,"userShow",null),he([d("hide")],ce.prototype,"userHide",null);var pe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ve extends h{render(t,i,o){return e("vega-dropdown-group",{label:t.label,key:t.key,divide:i<this.sourceForRender.length-1},t.children.map((e=>this.itemLevelRenderer.render(e,o))))}}pe([l()],ve.prototype,"sourceForRender",void 0),pe([l()],ve.prototype,"itemLevelRenderer",void 0);var fe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ue extends h{search(e){return this.canSearch()?this.searchSource(e,[]):e}canSearch(){return this.useDefaultFilter&&!!this.searchString}searchSource(e,t){return this.remoteInvocationController.callRemoteSearch(e,this.searchString,this.caseSensitive)||(e.forEach((e=>{if(e.children){const i=this.searchSource(e.children,[]);i.length>0&&t.push(Object.assign(Object.assign({},e),{children:i}))}else this.isLabelIncludeSearchString(e.label)&&t.push(Object.assign(Object.assign({},e),{label:this.replaceLabelBySearchString(e.label)}))})),t)}isLabelIncludeSearchString(e){return this.caseSensitive?e.includes(this.searchString):e.toLowerCase().includes(this.searchString.toLowerCase())}replaceLabelBySearchString(e){return e.replace(new RegExp(`(${this.searchString})`,"g"+(this.caseSensitive?"":"i")),"<b>$1</b>")}}fe([l()],ue.prototype,"host",void 0),fe([l()],ue.prototype,"searchString",void 0),fe([l()],ue.prototype,"caseSensitive",void 0),fe([l()],ue.prototype,"useDefaultFilter",void 0),fe([l()],ue.prototype,"searchable",void 0),fe([l()],ue.prototype,"remoteInvocationController",void 0);var ge=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class me extends h{componentWillLoad(){this.checkSelectedSourceKey(this.selectedSourceKey)}clearSelection(){this.selectedSourceKey="multiple"===this.selectType?[]:""}getSelection(){return this.selectedSourceKey}watchSelectedRowKeySet(e){this.checkSelectedSourceKey(e)}watchSelectType(){this.checkSelectedSourceKey(this.selectedSourceKey)}watchSelectedSourceKey(e,t){Array.isArray(t)&&Array.isArray(e)&&H(t,e)||this.checkSelectedSourceKey(e)}watchSource(){this.checkSelectedSourceKey(this.selectedSourceKey)}isAcceptableItemSelectionObserver(e){return"VEGA-DROPDOWN-ITEM"===e.host.tagName&&this.isCurrentDropdown(e.host)}select(e){"multiple"===this.selectType?this.selectedSourceKey=this.selectedSourceKey.includes(e)?[...this.selectedSourceKey.filter((t=>t!==e))]:[...this.selectedSourceKey,e]:"single"===this.selectType?(this.selectedSourceKey=e,this.appenderController.hide()):this.appenderController.hide(),this.dropdownClickEventEmitter.emit(e)}isCurrentDropdown(e){const t=m(e,"vega-dropdown-content-box");return this.host===t["data-parent-ref"]}checkSelectedSourceKey(e){if(this.renderModeController.isSourceRenderMode()){let t;"string"==typeof e&&"single"===this.selectType&&this.childrenController.isKeyExist(e)?t=e:Array.isArray(e)&&"multiple"===this.selectType?t=this.checkMultipleSelectedKeys(e):(c.warn(`Invalid selectedSourceKey ${e} for ${this.selectType} mode`),t="multiple"===this.selectType?[]:""),this.selectedSourceKey=t}else this.selectedSourceKey=e}checkMultipleSelectedKeys(e){const t=[],i=e.filter((e=>{const i=this.childrenController.isKeyExist(e);return i||t.push(e),i}));return t.length>0&&c.warn(`Invalid selectedSourceKey ${e} for ${this.selectType} mode`),i}}ge([l()],me.prototype,"host",void 0),ge([l()],me.prototype,"selectType",void 0),ge([l()],me.prototype,"source",void 0),ge([l({writable:!0})],me.prototype,"selectedSourceKey",void 0),ge([l()],me.prototype,"vegaDropdownClick",void 0),ge([l()],me.prototype,"appenderController",void 0),ge([l()],me.prototype,"childrenController",void 0),ge([l()],me.prototype,"renderModeController",void 0),ge([l()],me.prototype,"dropdownClickEventEmitter",void 0),ge([d("componentWillLoad")],me.prototype,"componentWillLoad",null),ge([d("clearSelection")],me.prototype,"clearSelection",null),ge([d("getSelection")],me.prototype,"getSelection",null),ge([d("setSelection")],me.prototype,"watchSelectedRowKeySet",null),ge([d("watchSelectType")],me.prototype,"watchSelectType",null),ge([d("watchSelectedSourceKey")],me.prototype,"watchSelectedSourceKey",null),ge([d("watchSource")],me.prototype,"watchSource",null);var we=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class xe extends h{constructor(){super(...arguments),this.renderMode="SOURCE"}connectedCallback(){this.setRenderMode()}isSourceRenderMode(){return"SOURCE"===this.renderMode}setRenderMode(){const e=this.renderer.getDropdownContentBoxRef()||this.host;this.renderMode=e.querySelector("[slot=items]")?"SLOT":"SOURCE"}}we([l()],xe.prototype,"host",void 0),we([l()],xe.prototype,"renderer",void 0),we([d("connectedCallback")],xe.prototype,"connectedCallback",null);var be=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ye extends h{constructor(){super(...arguments),this.mutationObserver=new A({target:()=>this.renderer.getDropdownContentBoxRef(),options:{childList:!0,subtree:!0},callback:()=>this.syncUpDropdownCurrentData()}),this.labelSet=new Set,this.keySet=new Set,this.collectKeyAndLabelFromSlot=()=>{const e=this.renderer.getDropdownContentBoxRef()||this.host;Array.from(e.querySelectorAll("vega-dropdown-item")).forEach((e=>{e.label&&this.labelSet.add(e.label),e.itemKey&&this.keySet.add(e.itemKey)}))}}disconnectedCallback(){}componentWillLoad(){this.syncUpDropdownCurrentData()}componentDidLoad(){}watchSource(){this.renderModeController.isSourceRenderMode()&&this.syncUpDropdownCurrentData()}isLabelExist(e){return this.labelSet.has(e)}isKeyExist(e){return this.keySet.has(e)}syncUpDropdownCurrentData(){this.clearDropdownCurrentData(),this.renderModeController.isSourceRenderMode()?this.collectKeyAndLabelFromSource(this.source):(this.collectKeyAndLabelFromSlot(),this.notifyTemplateItemsChange())}collectKeyAndLabelFromSource(e){e.forEach((e=>{e.children?this.collectKeyAndLabelFromSource(e.children):(this.labelSet.add(e.label),this.keySet.add(e.key))}))}clearDropdownCurrentData(){this.keySet.clear(),this.labelSet.clear()}notifyTemplateItemsChange(){const e=this.renderer.getDropdownContentBoxRef()||this.host;V.notify(j.getSubject(this.host,W),e.querySelectorAll("vega-dropdown-item"))}}be([l()],ye.prototype,"host",void 0),be([l()],ye.prototype,"source",void 0),be([l()],ye.prototype,"sourceController",void 0),be([l()],ye.prototype,"renderModeController",void 0),be([l()],ye.prototype,"listRenderer",void 0),be([l()],ye.prototype,"renderer",void 0),be([l()],ye.prototype,"selectedController",void 0),be([p()],ye.prototype,"mutationObserver",void 0),be([d("disconnectedCallback")],ye.prototype,"disconnectedCallback",null),be([d("componentWillLoad")],ye.prototype,"componentWillLoad",null),be([d("componentDidLoad")],ye.prototype,"componentDidLoad",null),be([d("watchSource")],ye.prototype,"watchSource",null);const Se=[{payloadKey:"IS_USING_TEMPLATE",payloadDescription:"Contains the data records to be rendered and displayed within the dropdown",payloadValue:e=>0===e.source.length},{payloadKey:"IS_USING_DATA_SOURCE",payloadDescription:"Contains the data records to be rendered and displayed within the dropdown",payloadValue:e=>e.source.length>0}];var Re=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class je extends h{async watchIsDropdownShow(){this.isDropdownShow&&(this.adjustListContainerMaxHeight(),await this.scrollToSelectedIndex())}async scrollToSelectedIndex(){this.renderModeController.isSourceRenderMode()?await this.scrollToVirtualIndex():this.scrollToTemplateIndex()}async scrollToVirtualIndex(){const e=this.sourceForRender.findIndex((e=>e.key===this.getSelectedKey()));e>=0&&await this.listRenderer.getVirtualScrollRef().scrollToIndex(e)}scrollToTemplateIndex(){const e=this.getSelectedKey();if(e){const t=this.renderer.getDropdownContentBoxRef(),i=t.querySelector(`vega-dropdown-item[item-key='${e}']`),o=t.shadowRoot.querySelector("ul"),r=o.getBoundingClientRect(),n=i.getBoundingClientRect();o.scrollTop=n.top-r.top}}getSelectedKey(){return"multiple"===this.selectType?this.selectedSourceKey[0]:this.selectedSourceKey}adjustListContainerMaxHeight(){const e=this.renderer.getDropdownContentBoxRef(),t=w(e.style.maxHeight)-(this.searchable?59:8)-8-(e.classList.contains("vega-placement-top")?0:16);e.style.maxHeight="unset",t<=40?(this.setItemsContainerMaxHeight(40),c.error("There have no space on the bottom to display dropdown, if you want to adjust position, you should make 'match-container-height' as false.")):this.setItemsContainerMaxHeight(t)}setItemsContainerMaxHeight(e){if(this.renderModeController.isSourceRenderMode())this.listRenderer.getVirtualScrollRef().viewportMaxHeight=e;else{const t=this.listRenderer.getTemplateContainerRef();t.style.overflowY="auto",t.style.maxHeight=`${e}px`}}}Re([l()],je.prototype,"isDropdownShow",void 0),Re([l()],je.prototype,"renderModeController",void 0),Re([l()],je.prototype,"sourceForRender",void 0),Re([l()],je.prototype,"selectType",void 0),Re([l()],je.prototype,"selectedSourceKey",void 0),Re([l()],je.prototype,"searchable",void 0),Re([l()],je.prototype,"listRenderer",void 0),Re([l()],je.prototype,"renderer",void 0),Re([d("watchIsDropdownShow")],je.prototype,"watchIsDropdownShow",null);var Ce=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ie extends h{connectedCallback(){this.remotePhoneNumberSearchSubject=j.getSubjectFromParentNodeByEventId(this.host,N),this.remotePhoneNumberItemRenderSubject=j.getSubjectFromParentNodeByEventId(this.host,$)}callRemoteSearch(...e){if(this.remotePhoneNumberSearchSubject){const t=F.call(this.remotePhoneNumberSearchSubject,...e);if(t)return t}return null}callRemoteItemRender(...e){if(this.remotePhoneNumberItemRenderSubject){const t=F.call(this.remotePhoneNumberItemRenderSubject,...e);if(t)return t}return null}}Ce([l()],Ie.prototype,"host",void 0),Ce([d("connectedCallback")],Ie.prototype,"connectedCallback",null);var Oe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const Te=class{constructor(e){i(this,e),this.vegaDropdownClick=o(this,"vegaDropdownClick",7),this.dropdownClick=o(this,"dropdownClick",7),this.vegaShow=o(this,"vegaShow",7),this.dropdownShow=o(this,"dropdownShow",7),this.vegaHide=o(this,"vegaHide",7),this.dropdownHide=o(this,"dropdownHide",7),this.vegaCreate=o(this,"vegaCreate",7),this.create=o(this,"create",7),this.vegaSearch=o(this,"vegaSearch",7),this.dropdownSearch=o(this,"dropdownSearch",7),this.vegaSearchTrigger=o(this,"vegaSearchTrigger",7),this.searchTrigger=o(this,"searchTrigger",7),this.globalSlimmers={},this.translationSlimmer=new Y,this.renderer=new J,this.sourceController=new Z,this.searchRenderer=new ae,this.createRenderer=new te,this.listRenderer=new oe,this.groupLevelRenderer=new ve,this.itemLevelRenderer=new ne,this.keyboardController=new de,this.appenderController=new ce,this.searchController=new ue,this.childrenController=new ye,this.selectedController=new me,this.renderModeController=new xe,this.scrollableController=new je,this.remoteInvocationController=new Ie,this.selectTypeNotifySlimmer=K(Te,"selectType","watchSelectType"),this.selectedSourceKeyNotifySlimmer=K(Te,"selectedSourceKey","watchSelectedSourceKey"),this.prefixIconSlotNotifySlimmer=K(Te,"prefixIconSlot","watchPrefixIconSlot"),this.itemClickObserver=new U(P,(e=>this.selectedController.select(e.detail.itemKey)),this.selectedController.isAcceptableItemSelectionObserver.bind(this.selectedController)),this.showEventEmitter=B(Te,I),this.hideEventEmitter=B(Te,O),this.dropdownClickEventEmitter=B(Te,T),this.createEventEmitter=B(Te,k),this.searchEventEmitter=B(Te,D),this.searchTriggerEventEmitter=B(Te,M),this.itemDisplayRuleNotifySlimmer=K(Te,"itemDisplayRule","watchItemDisplayRule"),this.vegaComponentUsageRuntimeMetricsSlimmer=new u(Se),this.searchString=null,this.isDropdownShow=!1,this.trigger="hover",this.translocation={X:0,Y:8},this.source=[],this.selectType="none",this.selectedSourceKey="multiple"===this.selectType?[]:"",this.prefixIconSlot=!1,this.maxHeight=400,this.searchable=!1,this.matchTargetWidth=!1,this.itemDisplayRule="newline",this.matchContainerHeight=!1,this.caseSensitive=!1,this.dynamicOption=!1,this.useDefaultFilter=!0,this.isLoading=!1,this.placement=["bottom","top"],this.alignment="start",this.isLazyLoading=!1}watchIsDropdownShow(){}watchSource(){}watchSelectType(){}watchSelectedSourceKey(){}watchPrefixIconSlot(){}watchItemDisplayRule(){}async show(){}async hide(){}async search(e){}async clearSelection(){}async getSelection(){return v()}async setSelection(e){}render(){return f(e("slot",null)),a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}static get watchers(){return{isDropdownShow:["watchIsDropdownShow"],source:["watchSource","watchItemDisplayRule"],selectType:["watchSelectType"],selectedSourceKey:["watchSelectedSourceKey"],prefixIconSlot:["watchPrefixIconSlot"]}}};Oe([g()],Te.prototype,"globalSlimmers",void 0),Oe([p()],Te.prototype,"translationSlimmer",void 0),Oe([p()],Te.prototype,"renderer",void 0),Oe([p()],Te.prototype,"sourceController",void 0),Oe([p()],Te.prototype,"searchRenderer",void 0),Oe([p()],Te.prototype,"createRenderer",void 0),Oe([p()],Te.prototype,"listRenderer",void 0),Oe([p()],Te.prototype,"groupLevelRenderer",void 0),Oe([p()],Te.prototype,"itemLevelRenderer",void 0),Oe([p()],Te.prototype,"keyboardController",void 0),Oe([p()],Te.prototype,"appenderController",void 0),Oe([p()],Te.prototype,"searchController",void 0),Oe([p()],Te.prototype,"childrenController",void 0),Oe([p()],Te.prototype,"selectedController",void 0),Oe([p()],Te.prototype,"renderModeController",void 0),Oe([p()],Te.prototype,"scrollableController",void 0),Oe([p()],Te.prototype,"remoteInvocationController",void 0),Oe([p()],Te.prototype,"selectTypeNotifySlimmer",void 0),Oe([p()],Te.prototype,"selectedSourceKeyNotifySlimmer",void 0),Oe([p()],Te.prototype,"prefixIconSlotNotifySlimmer",void 0),Oe([p()],Te.prototype,"itemClickObserver",void 0),Oe([p()],Te.prototype,"showEventEmitter",void 0),Oe([p()],Te.prototype,"hideEventEmitter",void 0),Oe([p()],Te.prototype,"dropdownClickEventEmitter",void 0),Oe([p()],Te.prototype,"createEventEmitter",void 0),Oe([p()],Te.prototype,"searchEventEmitter",void 0),Oe([p()],Te.prototype,"searchTriggerEventEmitter",void 0),Oe([p()],Te.prototype,"itemDisplayRuleNotifySlimmer",void 0),Oe([p()],Te.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Te.style=":host{display:inline-block}";var ke=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const De=class{constructor(e){i(this,e),this.globalSlimmers={},this.eventPrevent=new q([L],(()=>this.host),void 0,!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new u}render(){return a(e(r,null,e("slot",null)),this.host)}get host(){return n(this)}};ke([g()],De.prototype,"globalSlimmers",void 0),ke([p()],De.prototype,"eventPrevent",void 0),ke([p()],De.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),De.style=':host{display:block;position:absolute}:host .vega-dropdown{box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding-top:8px;padding-bottom:8px;text-align:left;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;overflow:hidden;box-sizing:border-box;width:inherit}:host(.vega-force-hidden){display:none}:host .vega-dropdown.vega-dropdown-with-searchable{padding-top:0px}:host .vega-dropdown .vega-dropdown-container{overflow-y:auto;position:relative;min-width:100px;min-height:40px}:host .vega-dropdown .vega-dropdown-container>ul{padding-left:0px;margin:0px;list-style-type:none}:host .vega-dropdown .vega-dropdown-search{padding-top:16px;padding-left:12px;padding-right:12px;padding-bottom:12px;margin-bottom:4px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-width:0px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}:host .vega-dropdown .vega-dropdown-search vega-input::part(input-container){padding:0px;border-width:0px;--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host .vega-dropdown .vega-dropdown-search vega-input::part(prefix-icon-container){color:rgba(var(--v-text-secondary, 107, 116, 125, 1));width:16px;height:16px;padding-top:0px}:host .vega-dropdown .vega-dropdown-search vega-input::part(input-container):focus-within{outline:none}:host .vega-dropdown .vega-dropdown-search vega-input::part(input-container):hover{border-width:0px}:host .vega-dropdown .vega-dropdown-loading{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}:host .v-hidden{display:none}:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{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){:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{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){:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-dropdown .vega-dropdown-add-item{padding-top:8px;padding-left:12px;padding-right:12px;padding-bottom:8px;margin-left:4px;margin-right:4px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));cursor:pointer;display:flex;gap:8px;align-items:center}:host .vega-dropdown .vega-dropdown-add-item>div{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-dropdown .vega-dropdown-add-item>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown .vega-dropdown-add-item>span{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){:host .vega-dropdown .vega-dropdown-add-item>span{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){:host .vega-dropdown .vega-dropdown-add-item>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-dropdown .vega-dropdown-add-item:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25));outline:2px solid transparent;outline-offset:2px}:host .vega-dropdown .vega-dropdown-clear-icon{width:16px;height:16px;cursor:pointer}:host .vega-dropdown .vega-dropdown-empty-list{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown .vega-dropdown-empty-list{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){:host .vega-dropdown .vega-dropdown-empty-list{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){:host .vega-dropdown .vega-dropdown-empty-list{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-dropdown .vega-dropdown-divider{margin-top:4px;margin-bottom:4px;border-bottom:1px solid rgb(171, 198, 216)}';var Me=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Le extends h{render(){return e("li",{class:"vega-dropdown-group"},this.renderLabel(),this.renderChildren(),this.renderDivide())}renderLabel(){return this.label&&e("div",{class:"vega-dropdown-group-label"},this.label)}renderChildren(){return e("ul",{class:"vega-dropdown-group-items"},e("slot",null))}renderDivide(){return this.divide&&e("div",{class:"vega-dropdown-group-divide"})}}Me([l()],Le.prototype,"label",void 0),Me([l()],Le.prototype,"divide",void 0);var Ee=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const ze=class{constructor(e){i(this,e),this.globalSlimmers={},this.renderer=new Le,this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.divide=!0}render(){return f(e("slot",null)),a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}};Ee([g()],ze.prototype,"globalSlimmers",void 0),Ee([p()],ze.prototype,"renderer",void 0),Ee([p()],ze.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ze.style=':host{display:block}:host .vega-dropdown-group{padding:0px;margin:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));cursor:default;font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown-group{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-dropdown-group{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-dropdown-group{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host .vega-dropdown-group-label{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:4px}:host .vega-dropdown-group-items{padding:0px;margin:0px}:host .vega-dropdown-group-divide{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));margin-top:4px;margin-bottom:4px;height:1px}';var He=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ke extends h{render(){return e("li",{key:this.label,role:"menuitem","aria-label":this.label,class:{"vega-dropdown-item-selected":this.selected,"vega-dropdown-item-disabled":this.disabled,[`vega-dropdown-item-display-${this.itemDisplayRule}`]:!0,danger:this.danger&&"none"===this.selectType},tabIndex:this.disabled?-1:0,onClick:e=>this.onSelect(e),onKeyDown:S(),style:this.height>0&&{height:`${this.height}px`,boxSizing:"border-box",overflow:"hidden"}},this.renderSelectIcon(),this.renderPrefixIcon(),this.renderLabel(),this.renderCounter())}renderSelectIcon(){return"none"!==this.selectType&&e("span",{class:"selected-prefix"},"single"===this.selectType&&this.renderSingleSelectIcon(),"multiple"===this.selectType&&this.renderMultipleSelectIcon())}renderSingleSelectIcon(){return this.selected&&e("vega-icon",{icon:"checkmark",size:"size-16"})}renderMultipleSelectIcon(){return e("vega-checkbox",{size:"small",checked:this.selected,disabled:this.disabled})}renderPrefixIcon(){return(this.prefixIcon||this.prefixIconSlot)&&e("div",{class:"item-prefix"},this.renderItemPrefixIcon())}renderItemPrefixIcon(){return this.prefixIcon&&e("vega-icon",{icon:this.prefixIcon,size:"size-16"})}renderLabel(){return this.host.childElementCount>0||""!==this.host.textContent.trim()?e("span",{class:"vega-dropdown-item-label"},e("slot",null)):e(t,null,e("span",{innerHTML:this.label,class:"vega-dropdown-item-label"}),e("span",{class:"v-hidden"},e("slot",null)))}renderCounter(){return this.count>0&&e("div",{class:"item-counter"},e("vega-counter-badge",{count:this.count,color:"bg-action",offset:[10,10]}))}onSelect(e){this.vegaDropdownItemClickController.handleClick(e)}}He([l()],Ke.prototype,"host",void 0),He([l()],Ke.prototype,"label",void 0),He([l()],Ke.prototype,"count",void 0),He([l()],Ke.prototype,"prefixIcon",void 0),He([l()],Ke.prototype,"prefixIconSlot",void 0),He([l()],Ke.prototype,"disabled",void 0),He([l()],Ke.prototype,"selected",void 0),He([l()],Ke.prototype,"selectType",void 0),He([l()],Ke.prototype,"height",void 0),He([l()],Ke.prototype,"itemDisplayRule",void 0),He([l()],Ke.prototype,"danger",void 0),He([l()],Ke.prototype,"vegaDropdownItemClickController",void 0);var Ae=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ve extends G{constructor(){super({parent:()=>{const e=m(this.host,"vega-dropdown");if(e)return e;{const e=m(this.host,"vega-dropdown-content-box");if(e&&e["data-parent-ref"])return e["data-parent-ref"]}},subStates:[{subStateName:"selectType",parentStateName:"selectType"},{subStateName:"prefixIconSlot",parentStateName:"prefixIconSlot"},{subStateName:"itemDisplayRule",parentStateName:"itemDisplayRule"},{subStateName:"selected",parentStateName:"selectedSourceKey",callback:e=>{this.selected=Array.isArray(e)?e.includes(this.itemKey):e===this.itemKey}}],pullStatesWhenReattached:!0})}}Ae([l()],Ve.prototype,"host",void 0),Ae([l({writable:!0})],Ve.prototype,"selectType",void 0),Ae([l()],Ve.prototype,"itemKey",void 0),Ae([l({writable:!0})],Ve.prototype,"selected",void 0),Ae([l({writable:!0})],Ve.prototype,"prefixIconSlot",void 0),Ae([l({writable:!0})],Ve.prototype,"itemDisplayRule",void 0);var We=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ne extends h{handleClick(e){this.clickEventEmitter.emit({itemKey:this.itemKey},e),V.notify(P,{host:this.host,detail:{itemKey:this.itemKey}})}}We([l()],Ne.prototype,"host",void 0),We([l()],Ne.prototype,"itemKey",void 0),We([l()],Ne.prototype,"vegaClick",void 0),We([l()],Ne.prototype,"clickEventEmitter",void 0);var $e=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const _e=class{constructor(e){i(this,e),this.vegaClick=o(this,"vegaClick",7),this.click=o(this,"click",7),this.globalSlimmers={},this.renderer=new Ke,this.vegaDropdownItemStateController=new Ve,this.vegaDropdownItemClickController=new Ne,this.dropdownItemEventPrevent=new q([C],(()=>this.host)),this.clickEventEmitter=B(_e,L),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.prefixIconSlot=!1,this.selected=!1,this.itemDisplayRule="newline",this.disabled=!1,this.danger=!1}render(){return f(e("slot",null)),a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}};$e([g()],_e.prototype,"globalSlimmers",void 0),$e([p()],_e.prototype,"renderer",void 0),$e([p()],_e.prototype,"vegaDropdownItemStateController",void 0),$e([p()],_e.prototype,"vegaDropdownItemClickController",void 0),$e([p()],_e.prototype,"dropdownItemEventPrevent",void 0),$e([p()],_e.prototype,"clickEventEmitter",void 0),$e([p()],_e.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_e.style=':host{display:block}:host li{padding-top:8px;padding-bottom:8px;padding-left:20px;padding-right:20px;cursor:pointer;display:flex;align-items:center;gap:8px}:host li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));outline:0}:host li,:host li a{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none}@media screen and (min-width: 768px) and (max-width: 1023px){:host li,:host li a{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){:host li,:host li a{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){:host li,:host li a{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host li.vega-dropdown-item-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));pointer-events:none}:host li.vega-dropdown-item-disabled .item-prefix,:host li.vega-dropdown-item-disabled .selected-prefix{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host li.danger .item-prefix,:host li.danger .vega-dropdown-item-label{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host li .item-prefix{display:flex;width:16px;height:16px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));flex-shrink:1}:host li .selected-prefix{color:rgba(var(--v-text-link, 19, 98, 226, 1));width:16px;height:16px;display:flex;align-items:center;min-width:16px}:host li .item-counter{width:20px;height:20px}:host .vega-dropdown-item-label{flex-grow:1}:host .vega-dropdown-item-display-newline .vega-dropdown-item-label{overflow-wrap:break-word}:host .vega-dropdown-item-display-ellipsis .vega-dropdown-item-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .v-hidden{display:none}';var Be=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ue extends h{constructor(){super(...arguments),this.extendItemsCount=10,this.totalCount=0,this.viewportItemsCount=0}componentWillLoad(){this.initVirtualScroll(),this.initPositionConfig()}watchSourceChange(e,t){this.isSameSource(e,t)||this.initVirtualScroll()}watchApproxItemHeight(){this.initVirtualScroll()}watchViewportMaxHeight(){this.initVirtualScroll()}getMaxStartIndex(){return this.maxStartIndex}setPositionByScrollTop(){if("virtual"===this.modeController.getMode()){const e=Math.floor(this.scrollTop/this.approxItemHeight),t=Math.min(Math.max(e-this.extendItemsCount,0),this.maxStartIndex),i=0===t?e:t+this.extendItemsCount,o=i+this.viewportItemsCount+this.extendItemsCount,r=Math.min(Math.max(this.scrollTop-this.extendItemsCount*this.approxItemHeight,0),this.maxStartIndex*this.approxItemHeight);this.positionConfig={startIndex:t,viewportStartIndex:i,endIndex:o,transformY:r}}}changeModeFromNormalToVirtual(){this.initVirtualScroll(),this.setPositionByScrollTop()}initVirtualScroll(){"virtual"===this.modeController.getMode()&&(this.totalCount=this.source.length,this.viewportItemsCount=Math.ceil(this.viewportMaxHeight/this.approxItemHeight),this.maxStartIndex=this.totalCount-this.viewportItemsCount-this.extendItemsCount)}initPositionConfig(){this.positionConfig={startIndex:0,viewportStartIndex:0,endIndex:this.viewportItemsCount+this.extendItemsCount,transformY:0},this.scrollableController.resetScrollTop()}isSameSource(e,t){if(e.length!==t.length)return!1;for(let i=0;i<e.length;i++)if(e[i][this.sourceItemIdentifier]!==t[i][this.sourceItemIdentifier])return!1;return!0}}Be([l()],Ue.prototype,"sourceItemIdentifier",void 0),Be([l()],Ue.prototype,"source",void 0),Be([l()],Ue.prototype,"approxItemHeight",void 0),Be([l()],Ue.prototype,"viewportMaxHeight",void 0),Be([l({writable:!0})],Ue.prototype,"positionConfig",void 0),Be([l()],Ue.prototype,"scrollTop",void 0),Be([l()],Ue.prototype,"scrollableController",void 0),Be([l()],Ue.prototype,"modeController",void 0),Be([d("componentWillLoad")],Ue.prototype,"componentWillLoad",null),Be([d("watchSourceChange")],Ue.prototype,"watchSourceChange",null),Be([d("watchApproxItemHeight")],Ue.prototype,"watchApproxItemHeight",null),Be([d("watchViewportMaxHeight")],Ue.prototype,"watchViewportMaxHeight",null);var Pe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Fe extends h{componentDidLoad(){this.listenScrollContainer()}componentDidRender(){this.renderer.getContainerRef().scrollTop=this.scrollTop}watchScrollTop(){this.handleScroll()}watchSourceChange(){this.adjustScrollTopWhilePropChange()}watchApproxItemHeight(){this.adjustScrollTopWhilePropChange()}watchViewportMaxHeight(){this.adjustScrollTopWhilePropChange()}scrollToIndex(e){const t=this.renderer.getContainerRef();if(e>=0)if("normal"===this.modeController.getMode()){const i=t.querySelector(`:nth-child(${e+1})`);x(t,i)}else this.scrollTop=e*this.approxItemHeight}resetScrollTop(){this.scrollTop=0}listenScrollContainer(){this.renderer.getContainerRef().addEventListener("scroll",(()=>{this.scrollTop=this.renderer.getContainerRef().scrollTop}))}handleScroll(){const e=this.renderer.getContainerRef();e&&(e.scrollTop=this.scrollTop),this.positionController.setPositionByScrollTop(),this.checkIsScrollToBottom()}adjustScrollTopWhilePropChange(){this.scrollTop=Math.min((this.source.length-Math.floor(this.viewportMaxHeight/this.approxItemHeight))*this.approxItemHeight,this.scrollTop)}checkIsScrollToBottom(){this.isLoading||!this.isScrollToBottomInVirtualMode()&&!this.isScrollToBottomInNormalMode()||V.notify(j.getSubject(this.host,_),{endIndex:this.source.length-1})}isScrollToBottomInVirtualMode(){return"virtual"===this.modeController.getMode()&&this.positionConfig.startIndex===this.positionController.getMaxStartIndex()}isScrollToBottomInNormalMode(){return"normal"===this.modeController.getMode()&&this.source.length*this.approxItemHeight-this.scrollTop===this.viewportMaxHeight}}Pe([l()],Fe.prototype,"sourceItemIdentifier",void 0),Pe([l()],Fe.prototype,"source",void 0),Pe([l()],Fe.prototype,"host",void 0),Pe([l()],Fe.prototype,"viewportMaxHeight",void 0),Pe([l()],Fe.prototype,"approxItemHeight",void 0),Pe([l({writable:!0})],Fe.prototype,"scrollTop",void 0),Pe([l()],Fe.prototype,"positionConfig",void 0),Pe([l()],Fe.prototype,"isLoading",void 0),Pe([l()],Fe.prototype,"renderer",void 0),Pe([l()],Fe.prototype,"positionController",void 0),Pe([l()],Fe.prototype,"modeController",void 0),Pe([d("componentDidLoad")],Fe.prototype,"componentDidLoad",null),Pe([d("componentDidRender")],Fe.prototype,"componentDidRender",null),Pe([d("watchScrollTop")],Fe.prototype,"watchScrollTop",null),Pe([d("watchSourceChange")],Fe.prototype,"watchSourceChange",null),Pe([d("watchApproxItemHeight")],Fe.prototype,"watchApproxItemHeight",null),Pe([d("watchViewportMaxHeight")],Fe.prototype,"watchViewportMaxHeight",null),Pe([d("scrollToIndex")],Fe.prototype,"scrollToIndex",null);var Ye=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class qe extends h{getContainerRef(){return this.virtualScrollContainerRef}render(){return e("div",{style:{maxHeight:`${this.viewportMaxHeight}px`,overflow:"auto"},class:"virtual-scroll-container",ref:e=>this.virtualScrollContainerRef=e},"normal"===this.modeController.getMode()?this.renderNormal():this.renderVirtualScroll())}renderNormal(){return e(t,null,this.source.map(((e,t)=>this.renderItem(e,t))),this.loadingRenderer.render())}renderVirtualScroll(){return e("div",{style:{height:this.source.length*this.approxItemHeight+"px",position:"relative"}},e("div",{class:"virtual-scroll-block",style:{transform:`translateY(${this.positionConfig.transformY}px)`}},this.source.slice(this.positionConfig.startIndex,this.positionConfig.viewportStartIndex).map(((e,t)=>this.renderItem(e,this.positionConfig.startIndex+t,this.approxItemHeight))),this.source.slice(this.positionConfig.viewportStartIndex,this.positionConfig.endIndex).map(((e,t)=>this.renderItem(e,this.positionConfig.viewportStartIndex+t))),this.loadingRenderer.render()))}}Ye([l()],qe.prototype,"source",void 0),Ye([l()],qe.prototype,"renderItem",void 0),Ye([l()],qe.prototype,"approxItemHeight",void 0),Ye([l()],qe.prototype,"positionConfig",void 0),Ye([l()],qe.prototype,"viewportMaxHeight",void 0),Ye([l()],qe.prototype,"modeController",void 0),Ye([l()],qe.prototype,"loadingRenderer",void 0);var Ge=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Xe extends h{constructor(){super(...arguments),this.mode="normal"}componentWillLoad(){this.setMode()}watchVirtualizationThreshold(){this.setMode()}watchSourceChange(){this.setMode()}getMode(){return this.mode}setMode(){const e=this.mode;this.mode=this.source.length>this.virtualizationThreshold?"virtual":"normal","normal"===e&&"virtual"===this.mode&&this.positionController.changeModeFromNormalToVirtual()}}Ge([l()],Xe.prototype,"source",void 0),Ge([l()],Xe.prototype,"virtualizationThreshold",void 0),Ge([l()],Xe.prototype,"positionController",void 0),Ge([d("componentWillLoad")],Xe.prototype,"componentWillLoad",null),Ge([d("watchVirtualizationThreshold")],Xe.prototype,"watchVirtualizationThreshold",null),Ge([d("watchSourceChange")],Xe.prototype,"watchSourceChange",null);class Je extends h{render(){return this.isLoading&&e("div",{class:"virtual-scroll-more-loading"},e("vega-flex",{gap:"size-8",direction:"row"},e("vega-loading-indicator",{size:"small"}),e("vega-font",{variant:"font-field-value",color:"text-secondary"},"Loading")))}}!function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);n>3&&s&&Object.defineProperty(t,i,s)}([l()],Je.prototype,"isLoading",void 0);var Qe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const Ze=class{constructor(e){i(this,e),this.globalSlimmers={},this.modeController=new Xe,this.positionController=new Ue,this.scrollableController=new Fe,this.renderer=new qe,this.loadingRenderer=new Je,this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.scrollTop=0,this.source=[],this.approxItemHeight=40,this.viewportMaxHeight=320,this.isLoading=!1,this.virtualizationThreshold=60,this.sourceItemIdentifier="key"}watchScrollTop(){}watchSourceChange(e,t){}watchApproxItemHeight(){}watchViewportMaxHeight(){}watchVirtualizationThreshold(){}async scrollToIndex(e){}render(){return a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}static get watchers(){return{scrollTop:["watchScrollTop"],source:["watchSourceChange"],approxItemHeight:["watchApproxItemHeight"],viewportMaxHeight:["watchViewportMaxHeight"],virtualizationThreshold:["watchVirtualizationThreshold"]}}};Qe([g()],Ze.prototype,"globalSlimmers",void 0),Qe([p()],Ze.prototype,"modeController",void 0),Qe([p()],Ze.prototype,"positionController",void 0),Qe([p()],Ze.prototype,"scrollableController",void 0),Qe([p()],Ze.prototype,"renderer",void 0),Qe([p()],Ze.prototype,"loadingRenderer",void 0),Qe([p()],Ze.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Ze.style=":host .virtual-scroll-more-loading{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}";export{Te as vega_dropdown,De as vega_dropdown_content_box,ze as vega_dropdown_group,_e as vega_dropdown_item,Ze as vega_virtual_scroll}
|
|
1
|
+
import{h as e,F as t,r as i,c as o,H as r,g as n}from"./p-1c298d5a.js";import{g as s,s as a}from"./p-9b797118.js";import{c as l,M as d,V as h,L as c,I as p}from"./p-6e1ab235.js";import{m as v,s as f}from"./p-6bd5c49b.js";import{V as u,I as g}from"./p-61f6167c.js";import{f as m,k as w,l as x}from"./p-4163c2c2.js";import{N as b,O as y}from"./p-9fbdeada.js";import{c as S}from"./p-86194314.js";import{D as R,d as j}from"./p-6c6d86da.js";import{e as C,l as I,m as O,b as T,j as k,n as D,o as M,a as L}from"./p-9e9ec748.js";import{K as E}from"./p-c1dfdc13.js";import{E as z}from"./p-ed237efc.js";import{i as H}from"./p-b0502d01.js";import{c as K}from"./p-535f0758.js";import{M as A}from"./p-987fbbd0.js";import{C as V}from"./p-2d0d575f.js";import{b as W,g as N,f as $,c as _}from"./p-8a091eb7.js";import{c as B}from"./p-a04632d0.js";import{C as U}from"./p-ec157238.js";import{D as P}from"./p-32f651f7.js";import{r as F}from"./p-a190c86a.js";import{T as Y}from"./p-68ad953c.js";import{C as q}from"./p-c4a52c83.js";import{S as G}from"./p-590870e4.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-331a62d5.js";import"./p-5453f591.js";import"./p-781fd6e0.js";import"./p-262ec334.js";import"./p-6a334573.js";import"./p-47c87634.js";import"./p-2d5a9f66.js";import"./p-0c667d6a.js";import"./p-0fecf145.js";import"./p-9f3b1d77.js";import"./p-5440344e.js";import"./p-5f377954.js";import"./p-53702f16.js";import"./p-f404aa83.js";var X=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class J extends h{componentDidRender(){this.setVirtualContainer(),this.appendItemsToContentBox(),this.appendDropdownToContentBox()}getDropdownRef(){return this.dropdownRef}getDropdownContentBoxRef(){return this.dropdownContentBoxRef}getVirtualContainerRef(){return this.virtualContainerRef}getNextActiveItem(e){const t=this.getAllItems(),i=this.getCurrentActiveItem();if(i){const o=t.findIndex((e=>e===i)),r="ArrowDown"===e?o+1:o-1,n=t[r];return n?n.disabled?this.findNextCallFocusItem(t,r,e):n:null}return t[0]}render(){return e(t,null,this.renderContentSlot(),this.renderDropdown())}renderContentSlot(){return this.renderModeController.isSourceRenderMode()?e("slot",null):e(t,null,e("slot",{name:"dropdown-content"}),e("slot",null))}renderDropdown(){return e("vega-dropdown-content-box",{ref:e=>this.dropdownContentBoxRef=e,style:{maxHeight:`${this.maxHeight}px`},"data-parent-ref":this.host,"data-vega-no-event-prevent":this.host&&"true"===this.host.dataset.vegaNoEventPrevent?"true":"false"},e("div",{ref:e=>this.dropdownRef=e,class:{"vega-dropdown":!0,"vega-dropdown-with-searchable":this.searchable}},e("div",{class:"vega-dropdown-actions"},this.searchRenderer.render(),this.createRenderer.render()),e("div",null,e("div",{class:"vega-dropdown-container"},this.renderModeController.isSourceRenderMode()?this.listRenderer.renderBySource():this.listRenderer.renderBySlot()))))}setVirtualContainer(){this.virtualContainerRef=this.dropdownRef.querySelector(".vega-dropdown-container")}appendItemsToContentBox(){if(!this.renderModeController.isSourceRenderMode()){const e=this.host.querySelector("[slot='items']");!this.dropdownContentBoxRef.contains(e)&&e&&this.dropdownContentBoxRef.append(e)}}appendDropdownToContentBox(){var e,t;(null===(e=this.dropdownContentBoxRef.shadowRoot)||void 0===e?void 0:e.contains(this.dropdownRef))||null===(t=this.dropdownContentBoxRef.shadowRoot)||void 0===t||t.append(this.dropdownRef)}getAllItems(){const e=this.dropdownRef.querySelector("vega-virtual-scroll");return Array.from((e?e.shadowRoot:this.dropdownRef).querySelectorAll("vega-dropdown-item"))}getCurrentActiveItem(){return m(s(this.dropdownContentBoxRef.shadowRoot),"vega-dropdown-item")}findNextCallFocusItem(e,t,i){const o="ArrowDown"===i?t+1:t-1,r=e[o];return r?r.disabled?this.findNextCallFocusItem(e,o,i):r:null}}X([l()],J.prototype,"host",void 0),X([l()],J.prototype,"maxHeight",void 0),X([l()],J.prototype,"searchable",void 0),X([l()],J.prototype,"searchRenderer",void 0),X([l()],J.prototype,"createRenderer",void 0),X([l()],J.prototype,"listRenderer",void 0),X([l()],J.prototype,"renderModeController",void 0),X([d("componentDidRender")],J.prototype,"componentDidRender",null);var Q=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Z extends h{componentWillLoad(){this.handleSource()}watchSource(){this.handleSource()}setRenderSource(){this.renderModeController.isSourceRenderMode()&&(this.sourceForRender=this.searchController.search(this.source))}handleSource(){this.validSource(),this.setRenderSource()}validSource(){this.source=b(this.source,y)?this.source:[]}}Q([l({writable:!0})],Z.prototype,"source",void 0),Q([l({writable:!0})],Z.prototype,"sourceForRender",void 0),Q([l()],Z.prototype,"searchController",void 0),Q([l()],Z.prototype,"renderModeController",void 0),Q([d("componentWillLoad")],Z.prototype,"componentWillLoad",null),Q([d("watchSource")],Z.prototype,"watchSource",null);var ee=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class te extends h{constructor(){super(...arguments),this.onItemAdd=()=>{this.createEventEmitter.emit(this.searchString),this.appenderController.hide()}}render(){return this.searchString&&this.dynamicOption&&!this.childrenController.isLabelExist(this.searchString)&&e("fragment",null,e("div",{class:"vega-dropdown-add-item",onClick:this.onItemAdd,tabIndex:0,role:"button","aria-label":`Add ${this.searchString}`,onKeyDown:S()},e("div",null,e("vega-icon",{icon:"plus-sign"})),e("span",{class:"v-break-all"},`Add "${this.searchString}"`)),e("div",{class:"vega-dropdown-divider"}))}}ee([l()],te.prototype,"searchString",void 0),ee([l()],te.prototype,"dynamicOption",void 0),ee([l()],te.prototype,"sourceForRender",void 0),ee([l()],te.prototype,"appenderController",void 0),ee([l()],te.prototype,"childrenController",void 0),ee([l()],te.prototype,"renderModeController",void 0),ee([l()],te.prototype,"createEventEmitter",void 0);var ie=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class oe extends h{constructor(){super(...arguments),this.defaultMaxHeightOfItemsContainer=400}getVirtualScrollRef(){return this.virtualScrollRef}getTemplateContainerRef(){return this.templateContainerRef}renderBySource(){return e(t,null,this.renderLoading(),this.renderDropdownListBySource())}renderBySlot(){return e(t,null,this.renderLoading(),this.renderDropdownListBySlot())}renderLoading(){return e("div",{class:{"vega-dropdown-loading":!0,"v-hidden":!this.isLoading}},e("vega-flex",{gap:"size-8",direction:"row"},e("vega-loading-indicator",{size:"small"}),e("span",null,"Loading")))}renderDropdownListBySource(){return e(t,null,e("div",{class:{"vega-dropdown-empty-list":!0,"v-hidden":this.sourceForRender.length>0}},this.translationSlimmer.t(this.searchString?"No results found":"No options")),e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"v-hidden":0===this.sourceForRender.length}},e("vega-virtual-scroll",{source:this.sourceForRender,renderItem:(e,t,i)=>e.children?this.groupLevelRenderer.render(e,t,i):this.itemLevelRenderer.render(e,i),viewportMaxHeight:this.defaultMaxHeightOfItemsContainer,ref:e=>this.virtualScrollRef=e,isLoading:this.isLazyLoading})))}renderDropdownListBySlot(){return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{[`vega-dropdown-item-display-${this.itemDisplayRule}`]:!0,"v-hidden":this.isLoading},ref:e=>this.templateContainerRef=e},e("slot",{name:"items"}))}}ie([l()],oe.prototype,"host",void 0),ie([l()],oe.prototype,"isLoading",void 0),ie([l()],oe.prototype,"searchString",void 0),ie([l()],oe.prototype,"itemDisplayRule",void 0),ie([l()],oe.prototype,"sourceForRender",void 0),ie([l()],oe.prototype,"itemLevelRenderer",void 0),ie([l()],oe.prototype,"groupLevelRenderer",void 0),ie([l()],oe.prototype,"isLazyLoading",void 0),ie([l()],oe.prototype,"isDropdownShow",void 0),ie([l()],oe.prototype,"renderModeController",void 0),ie([l()],oe.prototype,"translationSlimmer",void 0);var re=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ne extends h{render(t,i){return this.remoteInvocationController.callRemoteItemRender(t,i)||e("vega-dropdown-item",Object.assign({},t,{itemKey:t.key,height:i,prefixIcon:t.prefixIcon}))}}re([l()],ne.prototype,"host",void 0),re([l()],ne.prototype,"selectType",void 0),re([l()],ne.prototype,"caseSensitive",void 0),re([l()],ne.prototype,"searchString",void 0),re([l()],ne.prototype,"selectedController",void 0),re([l()],ne.prototype,"sourceController",void 0),re([l()],ne.prototype,"remoteInvocationController",void 0);var se=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ae extends h{constructor(){super(...arguments),this.clear=()=>{this.searchString=null,this.searchInputRef&&(this.searchInputRef.value="")},this.onInputSearch=e=>{this.searchInputRef=e,R.addUniqueObserverToNode(e,C,(e=>{this.search(e.detail,"input")}))},this.search=(e,t)=>{this.searchTriggerBy&&this.searchTriggerBy!==t||(this.searchString=e,this.renderModeController.isSourceRenderMode()?this.useDefaultFilter?(this.sourceController.setRenderSource(),this.focus()):this.isDropdownShow&&(this.searchEventEmitter.emit(e),this.searchTriggerEventEmitter.emit({trigger:t,value:e})):(this.searchEventEmitter.emit(e),this.searchTriggerEventEmitter.emit({trigger:t,value:e})))}}userSearch(e){this.search(e,"input")}focus(){this.searchInputRef&&this.searchInputRef.shadowRoot.querySelector("input").focus()}render(){return this.searchable&&e("div",{class:"vega-dropdown-search"},e("vega-input",{"prefix-icon":"search",size:"small",autoValidation:!1,ref:this.onInputSearch,onKeyDown:e=>{"Enter"===e.code&&this.search(this.searchInputRef.value,"enter")}}))}}se([l()],ae.prototype,"searchable",void 0),se([l({writable:!0})],ae.prototype,"searchString",void 0),se([l()],ae.prototype,"source",void 0),se([l()],ae.prototype,"useDefaultFilter",void 0),se([l()],ae.prototype,"searchEventEmitter",void 0),se([l()],ae.prototype,"searchTriggerEventEmitter",void 0),se([l()],ae.prototype,"isDropdownShow",void 0),se([l()],ae.prototype,"sourceController",void 0),se([l()],ae.prototype,"renderModeController",void 0),se([l()],ae.prototype,"searchTriggerBy",void 0),se([d("search")],ae.prototype,"userSearch",null);var le=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class de extends E{constructor(){super((e=>{const t=this.renderer.getDropdownRef(),i=this.renderer.getVirtualContainerRef();return[{keyCode:"Tab",activeElementInScope:[e.host],callback:e.showDropdownIfHover},{keyCode:"Escape",activeElementInScope:[e.host,t,i],callback:()=>e.appenderController.hide()},{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[e.host,t],callback:t=>e.controlDirectionByKeyboard(t.code)},{keyCode:"Tab",activeElementOutScope:[e.host,t,i],callback:()=>e.isDropdownShow&&e.appenderController.hide()}]})),this.showDropdownIfHover=async()=>{"hover"===this.trigger&&this.appenderController.show()},this.controlDirectionByKeyboard=e=>{var t;null===(t=this.renderer.getNextActiveItem(e))||void 0===t||t.shadowRoot.querySelector("li").focus()}}}le([l()],de.prototype,"host",void 0),le([l()],de.prototype,"trigger",void 0),le([l()],de.prototype,"isDropdownShow",void 0),le([l()],de.prototype,"renderer",void 0),le([l()],de.prototype,"appenderController",void 0),le([l()],de.prototype,"listRenderer",void 0);var he=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ce extends z{constructor(){super((()=>({target:this.host,appendableElement:this.renderer.getDropdownContentBoxRef(),positionRelativeTo:this.positionRelativeTo,matchTargetWidth:this.matchTargetWidth,matchContainerHeight:this.matchContainerHeight,size:this.size,minWidth:this.minWidth,maxWidth:this.maxWidth,translocation:this.translocation,maxHeight:this.maxHeight,placement:this.placement,alignment:this.alignment})),(()=>this.trigger))}async watchIsDropdownShow(){this.isDropdownShow?this.showEventEmitter.emit():(this.searchRenderer.clear(),this.hideEventEmitter.emit())}userShow(){this.isDropdownShow||this.show()}userHide(){this.isDropdownShow&&this.hide()}}he([l()],ce.prototype,"host",void 0),he([l()],ce.prototype,"trigger",void 0),he([l({writable:!0})],ce.prototype,"isDropdownShow",void 0),he([l()],ce.prototype,"positionRelativeTo",void 0),he([l()],ce.prototype,"matchTargetWidth",void 0),he([l()],ce.prototype,"matchContainerHeight",void 0),he([l()],ce.prototype,"size",void 0),he([l()],ce.prototype,"minWidth",void 0),he([l()],ce.prototype,"maxWidth",void 0),he([l()],ce.prototype,"translocation",void 0),he([l()],ce.prototype,"maxHeight",void 0),he([l()],ce.prototype,"placement",void 0),he([l()],ce.prototype,"alignment",void 0),he([l()],ce.prototype,"renderer",void 0),he([l()],ce.prototype,"searchRenderer",void 0),he([l()],ce.prototype,"showEventEmitter",void 0),he([l()],ce.prototype,"hideEventEmitter",void 0),he([d("watchIsDropdownShow")],ce.prototype,"watchIsDropdownShow",null),he([d("show")],ce.prototype,"userShow",null),he([d("hide")],ce.prototype,"userHide",null);var pe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ve extends h{render(t,i,o){return e("vega-dropdown-group",{label:t.label,key:t.key,divide:i<this.sourceForRender.length-1},t.children.map((e=>this.itemLevelRenderer.render(e,o))))}}pe([l()],ve.prototype,"sourceForRender",void 0),pe([l()],ve.prototype,"itemLevelRenderer",void 0);var fe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ue extends h{search(e){return this.canSearch()?this.searchSource(e,[]):e}canSearch(){return this.useDefaultFilter&&!!this.searchString}searchSource(e,t){return this.remoteInvocationController.callRemoteSearch(e,this.searchString,this.caseSensitive)||(e.forEach((e=>{if(e.children){const i=this.searchSource(e.children,[]);i.length>0&&t.push(Object.assign(Object.assign({},e),{children:i}))}else this.isLabelIncludeSearchString(e.label)&&t.push(Object.assign(Object.assign({},e),{label:this.replaceLabelBySearchString(e.label)}))})),t)}isLabelIncludeSearchString(e){return this.caseSensitive?e.includes(this.searchString):e.toLowerCase().includes(this.searchString.toLowerCase())}replaceLabelBySearchString(e){return e.replace(new RegExp(`(${this.searchString})`,"g"+(this.caseSensitive?"":"i")),"<b>$1</b>")}}fe([l()],ue.prototype,"host",void 0),fe([l()],ue.prototype,"searchString",void 0),fe([l()],ue.prototype,"caseSensitive",void 0),fe([l()],ue.prototype,"useDefaultFilter",void 0),fe([l()],ue.prototype,"searchable",void 0),fe([l()],ue.prototype,"remoteInvocationController",void 0);var ge=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class me extends h{componentWillLoad(){this.checkSelectedSourceKey(this.selectedSourceKey)}clearSelection(){this.selectedSourceKey="multiple"===this.selectType?[]:""}getSelection(){return this.selectedSourceKey}watchSelectedRowKeySet(e){this.checkSelectedSourceKey(e)}watchSelectType(){this.checkSelectedSourceKey(this.selectedSourceKey)}watchSelectedSourceKey(e,t){Array.isArray(t)&&Array.isArray(e)&&H(t,e)||this.checkSelectedSourceKey(e)}watchSource(){this.checkSelectedSourceKey(this.selectedSourceKey)}isAcceptableItemSelectionObserver(e){return"VEGA-DROPDOWN-ITEM"===e.host.tagName&&this.isCurrentDropdown(e.host)}select(e){"multiple"===this.selectType?this.selectedSourceKey=this.selectedSourceKey.includes(e)?[...this.selectedSourceKey.filter((t=>t!==e))]:[...this.selectedSourceKey,e]:"single"===this.selectType?(this.selectedSourceKey=e,this.appenderController.hide()):this.appenderController.hide(),this.dropdownClickEventEmitter.emit(e)}isCurrentDropdown(e){const t=m(e,"vega-dropdown-content-box");return this.host===t["data-parent-ref"]}checkSelectedSourceKey(e){if(this.renderModeController.isSourceRenderMode()){let t;"string"==typeof e&&"single"===this.selectType&&this.childrenController.isKeyExist(e)?t=e:Array.isArray(e)&&"multiple"===this.selectType?t=this.checkMultipleSelectedKeys(e):(c.warn(`Invalid selectedSourceKey ${e} for ${this.selectType} mode`),t="multiple"===this.selectType?[]:""),this.selectedSourceKey=t}else this.selectedSourceKey=e}checkMultipleSelectedKeys(e){const t=[],i=e.filter((e=>{const i=this.childrenController.isKeyExist(e);return i||t.push(e),i}));return t.length>0&&c.warn(`Invalid selectedSourceKey ${e} for ${this.selectType} mode`),i}}ge([l()],me.prototype,"host",void 0),ge([l()],me.prototype,"selectType",void 0),ge([l()],me.prototype,"source",void 0),ge([l({writable:!0})],me.prototype,"selectedSourceKey",void 0),ge([l()],me.prototype,"vegaDropdownClick",void 0),ge([l()],me.prototype,"appenderController",void 0),ge([l()],me.prototype,"childrenController",void 0),ge([l()],me.prototype,"renderModeController",void 0),ge([l()],me.prototype,"dropdownClickEventEmitter",void 0),ge([d("componentWillLoad")],me.prototype,"componentWillLoad",null),ge([d("clearSelection")],me.prototype,"clearSelection",null),ge([d("getSelection")],me.prototype,"getSelection",null),ge([d("setSelection")],me.prototype,"watchSelectedRowKeySet",null),ge([d("watchSelectType")],me.prototype,"watchSelectType",null),ge([d("watchSelectedSourceKey")],me.prototype,"watchSelectedSourceKey",null),ge([d("watchSource")],me.prototype,"watchSource",null);var we=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class xe extends h{constructor(){super(...arguments),this.renderMode="SOURCE"}connectedCallback(){this.setRenderMode()}isSourceRenderMode(){return"SOURCE"===this.renderMode}setRenderMode(){const e=this.renderer.getDropdownContentBoxRef()||this.host;this.renderMode=e.querySelector("[slot=items]")?"SLOT":"SOURCE"}}we([l()],xe.prototype,"host",void 0),we([l()],xe.prototype,"renderer",void 0),we([d("connectedCallback")],xe.prototype,"connectedCallback",null);var be=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ye extends h{constructor(){super(...arguments),this.mutationObserver=new A({target:()=>this.renderer.getDropdownContentBoxRef(),options:{childList:!0,subtree:!0},callback:()=>this.syncUpDropdownCurrentData()}),this.labelSet=new Set,this.keySet=new Set,this.collectKeyAndLabelFromSlot=()=>{const e=this.renderer.getDropdownContentBoxRef()||this.host;Array.from(e.querySelectorAll("vega-dropdown-item")).forEach((e=>{e.label&&this.labelSet.add(e.label),e.itemKey&&this.keySet.add(e.itemKey)}))}}disconnectedCallback(){}componentWillLoad(){this.syncUpDropdownCurrentData()}componentDidLoad(){}watchSource(){this.renderModeController.isSourceRenderMode()&&this.syncUpDropdownCurrentData()}isLabelExist(e){return this.labelSet.has(e)}isKeyExist(e){return this.keySet.has(e)}syncUpDropdownCurrentData(){this.clearDropdownCurrentData(),this.renderModeController.isSourceRenderMode()?this.collectKeyAndLabelFromSource(this.source):(this.collectKeyAndLabelFromSlot(),this.notifyTemplateItemsChange())}collectKeyAndLabelFromSource(e){e.forEach((e=>{e.children?this.collectKeyAndLabelFromSource(e.children):(this.labelSet.add(e.label),this.keySet.add(e.key))}))}clearDropdownCurrentData(){this.keySet.clear(),this.labelSet.clear()}notifyTemplateItemsChange(){const e=this.renderer.getDropdownContentBoxRef()||this.host;V.notify(j.getSubject(this.host,W),e.querySelectorAll("vega-dropdown-item"))}}be([l()],ye.prototype,"host",void 0),be([l()],ye.prototype,"source",void 0),be([l()],ye.prototype,"sourceController",void 0),be([l()],ye.prototype,"renderModeController",void 0),be([l()],ye.prototype,"listRenderer",void 0),be([l()],ye.prototype,"renderer",void 0),be([l()],ye.prototype,"selectedController",void 0),be([p()],ye.prototype,"mutationObserver",void 0),be([d("disconnectedCallback")],ye.prototype,"disconnectedCallback",null),be([d("componentWillLoad")],ye.prototype,"componentWillLoad",null),be([d("componentDidLoad")],ye.prototype,"componentDidLoad",null),be([d("watchSource")],ye.prototype,"watchSource",null);const Se=[{payloadKey:"IS_USING_TEMPLATE",payloadDescription:"Contains the data records to be rendered and displayed within the dropdown",payloadValue:e=>0===e.source.length},{payloadKey:"IS_USING_DATA_SOURCE",payloadDescription:"Contains the data records to be rendered and displayed within the dropdown",payloadValue:e=>e.source.length>0}];var Re=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class je extends h{async watchIsDropdownShow(){this.isDropdownShow&&(this.adjustListContainerMaxHeight(),await this.scrollToSelectedIndex())}async scrollToSelectedIndex(){this.renderModeController.isSourceRenderMode()?await this.scrollToVirtualIndex():this.scrollToTemplateIndex()}async scrollToVirtualIndex(){const e=this.sourceForRender.findIndex((e=>e.key===this.getSelectedKey()));e>=0&&await this.listRenderer.getVirtualScrollRef().scrollToIndex(e)}scrollToTemplateIndex(){const e=this.getSelectedKey();if(e){const t=this.renderer.getDropdownContentBoxRef(),i=t.querySelector(`vega-dropdown-item[item-key='${e}']`),o=t.shadowRoot.querySelector("ul"),r=o.getBoundingClientRect(),n=i.getBoundingClientRect();o.scrollTop=n.top-r.top}}getSelectedKey(){return"multiple"===this.selectType?this.selectedSourceKey[0]:this.selectedSourceKey}adjustListContainerMaxHeight(){const e=this.renderer.getDropdownContentBoxRef(),t=w(e.style.maxHeight)-(this.searchable?59:8)-8-(e.classList.contains("vega-placement-top")?0:16);e.style.maxHeight="unset",t<=40?(this.setItemsContainerMaxHeight(40),c.error("There have no space on the bottom to display dropdown, if you want to adjust position, you should make 'match-container-height' as false.")):this.setItemsContainerMaxHeight(t)}setItemsContainerMaxHeight(e){if(this.renderModeController.isSourceRenderMode())this.listRenderer.getVirtualScrollRef().viewportMaxHeight=e;else{const t=this.listRenderer.getTemplateContainerRef();t.style.overflowY="auto",t.style.maxHeight=`${e}px`}}}Re([l()],je.prototype,"isDropdownShow",void 0),Re([l()],je.prototype,"renderModeController",void 0),Re([l()],je.prototype,"sourceForRender",void 0),Re([l()],je.prototype,"selectType",void 0),Re([l()],je.prototype,"selectedSourceKey",void 0),Re([l()],je.prototype,"searchable",void 0),Re([l()],je.prototype,"listRenderer",void 0),Re([l()],je.prototype,"renderer",void 0),Re([d("watchIsDropdownShow")],je.prototype,"watchIsDropdownShow",null);var Ce=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ie extends h{connectedCallback(){this.remotePhoneNumberSearchSubject=j.getSubjectFromParentNodeByEventId(this.host,N),this.remotePhoneNumberItemRenderSubject=j.getSubjectFromParentNodeByEventId(this.host,$)}callRemoteSearch(...e){if(this.remotePhoneNumberSearchSubject){const t=F.call(this.remotePhoneNumberSearchSubject,...e);if(t)return t}return null}callRemoteItemRender(...e){if(this.remotePhoneNumberItemRenderSubject){const t=F.call(this.remotePhoneNumberItemRenderSubject,...e);if(t)return t}return null}}Ce([l()],Ie.prototype,"host",void 0),Ce([d("connectedCallback")],Ie.prototype,"connectedCallback",null);var Oe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const Te=class{constructor(e){i(this,e),this.vegaDropdownClick=o(this,"vegaDropdownClick",7),this.dropdownClick=o(this,"dropdownClick",7),this.vegaShow=o(this,"vegaShow",7),this.dropdownShow=o(this,"dropdownShow",7),this.vegaHide=o(this,"vegaHide",7),this.dropdownHide=o(this,"dropdownHide",7),this.vegaCreate=o(this,"vegaCreate",7),this.create=o(this,"create",7),this.vegaSearch=o(this,"vegaSearch",7),this.dropdownSearch=o(this,"dropdownSearch",7),this.vegaSearchTrigger=o(this,"vegaSearchTrigger",7),this.searchTrigger=o(this,"searchTrigger",7),this.globalSlimmers={},this.translationSlimmer=new Y,this.renderer=new J,this.sourceController=new Z,this.searchRenderer=new ae,this.createRenderer=new te,this.listRenderer=new oe,this.groupLevelRenderer=new ve,this.itemLevelRenderer=new ne,this.keyboardController=new de,this.appenderController=new ce,this.searchController=new ue,this.childrenController=new ye,this.selectedController=new me,this.renderModeController=new xe,this.scrollableController=new je,this.remoteInvocationController=new Ie,this.selectTypeNotifySlimmer=K(Te,"selectType","watchSelectType"),this.selectedSourceKeyNotifySlimmer=K(Te,"selectedSourceKey","watchSelectedSourceKey"),this.prefixIconSlotNotifySlimmer=K(Te,"prefixIconSlot","watchPrefixIconSlot"),this.itemClickObserver=new U(P,(e=>this.selectedController.select(e.detail.itemKey)),this.selectedController.isAcceptableItemSelectionObserver.bind(this.selectedController)),this.showEventEmitter=B(Te,I),this.hideEventEmitter=B(Te,O),this.dropdownClickEventEmitter=B(Te,T),this.createEventEmitter=B(Te,k),this.searchEventEmitter=B(Te,D),this.searchTriggerEventEmitter=B(Te,M),this.itemDisplayRuleNotifySlimmer=K(Te,"itemDisplayRule","watchItemDisplayRule"),this.vegaComponentUsageRuntimeMetricsSlimmer=new u(Se),this.searchString=null,this.isDropdownShow=!1,this.trigger="hover",this.translocation={X:0,Y:8},this.source=[],this.selectType="none",this.selectedSourceKey="multiple"===this.selectType?[]:"",this.prefixIconSlot=!1,this.maxHeight=400,this.searchable=!1,this.matchTargetWidth=!1,this.itemDisplayRule="newline",this.matchContainerHeight=!1,this.caseSensitive=!1,this.dynamicOption=!1,this.useDefaultFilter=!0,this.isLoading=!1,this.placement=["bottom","top"],this.alignment="start",this.isLazyLoading=!1}watchIsDropdownShow(){}watchSource(){}watchSelectType(){}watchSelectedSourceKey(){}watchPrefixIconSlot(){}watchItemDisplayRule(){}async show(){}async hide(){}async search(e){}async clearSelection(){}async getSelection(){return v()}async setSelection(e){}render(){return f(e("slot",null)),a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}static get watchers(){return{isDropdownShow:["watchIsDropdownShow"],source:["watchSource","watchItemDisplayRule"],selectType:["watchSelectType"],selectedSourceKey:["watchSelectedSourceKey"],prefixIconSlot:["watchPrefixIconSlot"]}}};Oe([g()],Te.prototype,"globalSlimmers",void 0),Oe([p()],Te.prototype,"translationSlimmer",void 0),Oe([p()],Te.prototype,"renderer",void 0),Oe([p()],Te.prototype,"sourceController",void 0),Oe([p()],Te.prototype,"searchRenderer",void 0),Oe([p()],Te.prototype,"createRenderer",void 0),Oe([p()],Te.prototype,"listRenderer",void 0),Oe([p()],Te.prototype,"groupLevelRenderer",void 0),Oe([p()],Te.prototype,"itemLevelRenderer",void 0),Oe([p()],Te.prototype,"keyboardController",void 0),Oe([p()],Te.prototype,"appenderController",void 0),Oe([p()],Te.prototype,"searchController",void 0),Oe([p()],Te.prototype,"childrenController",void 0),Oe([p()],Te.prototype,"selectedController",void 0),Oe([p()],Te.prototype,"renderModeController",void 0),Oe([p()],Te.prototype,"scrollableController",void 0),Oe([p()],Te.prototype,"remoteInvocationController",void 0),Oe([p()],Te.prototype,"selectTypeNotifySlimmer",void 0),Oe([p()],Te.prototype,"selectedSourceKeyNotifySlimmer",void 0),Oe([p()],Te.prototype,"prefixIconSlotNotifySlimmer",void 0),Oe([p()],Te.prototype,"itemClickObserver",void 0),Oe([p()],Te.prototype,"showEventEmitter",void 0),Oe([p()],Te.prototype,"hideEventEmitter",void 0),Oe([p()],Te.prototype,"dropdownClickEventEmitter",void 0),Oe([p()],Te.prototype,"createEventEmitter",void 0),Oe([p()],Te.prototype,"searchEventEmitter",void 0),Oe([p()],Te.prototype,"searchTriggerEventEmitter",void 0),Oe([p()],Te.prototype,"itemDisplayRuleNotifySlimmer",void 0),Oe([p()],Te.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Te.style=":host{display:inline-block}";var ke=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const De=class{constructor(e){i(this,e),this.globalSlimmers={},this.eventPrevent=new q([L],(()=>this.host),void 0,!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new u}render(){return a(e(r,null,e("slot",null)),this.host)}get host(){return n(this)}};ke([g()],De.prototype,"globalSlimmers",void 0),ke([p()],De.prototype,"eventPrevent",void 0),ke([p()],De.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),De.style=':host{display:block;position:absolute}:host .vega-dropdown{box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding-top:8px;padding-bottom:8px;text-align:left;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;overflow:hidden;box-sizing:border-box;width:inherit}:host(.vega-force-hidden){display:none}:host .vega-dropdown.vega-dropdown-with-searchable{padding-top:0px}:host .vega-dropdown .vega-dropdown-container{overflow-y:auto;position:relative;min-width:100px;min-height:40px}:host .vega-dropdown .vega-dropdown-container>ul{padding-left:0px;margin:0px;list-style-type:none}:host .vega-dropdown .vega-dropdown-search{padding-top:16px;padding-left:12px;padding-right:12px;padding-bottom:12px;margin-bottom:4px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-width:0px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}:host .vega-dropdown .vega-dropdown-search vega-input::part(input-container){padding:0px;border-width:0px;--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host .vega-dropdown .vega-dropdown-search vega-input::part(prefix-icon-container){color:rgba(var(--v-text-secondary, 107, 116, 125, 1));width:16px;height:16px;padding-top:0px}:host .vega-dropdown .vega-dropdown-search vega-input::part(input-container):focus-within{outline:none}:host .vega-dropdown .vega-dropdown-search vega-input::part(input-container):hover{border-width:0px}:host .vega-dropdown .vega-dropdown-loading{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}:host .v-hidden{display:none}:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{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){:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{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){:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-dropdown .vega-dropdown-add-item{padding-top:8px;padding-left:12px;padding-right:12px;padding-bottom:8px;margin-left:4px;margin-right:4px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));cursor:pointer;display:flex;gap:8px;align-items:center}:host .vega-dropdown .vega-dropdown-add-item>div{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-dropdown .vega-dropdown-add-item>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown .vega-dropdown-add-item>span{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){:host .vega-dropdown .vega-dropdown-add-item>span{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){:host .vega-dropdown .vega-dropdown-add-item>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-dropdown .vega-dropdown-add-item:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25));outline:2px solid transparent;outline-offset:2px}:host .vega-dropdown .vega-dropdown-clear-icon{width:16px;height:16px;cursor:pointer}:host .vega-dropdown .vega-dropdown-empty-list{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown .vega-dropdown-empty-list{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){:host .vega-dropdown .vega-dropdown-empty-list{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){:host .vega-dropdown .vega-dropdown-empty-list{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-dropdown .vega-dropdown-divider{margin-top:4px;margin-bottom:4px;border-bottom:1px solid rgb(171, 198, 216)}';var Me=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Le extends h{render(){return e("li",{class:"vega-dropdown-group"},this.renderLabel(),this.renderChildren(),this.renderDivide())}renderLabel(){return this.label&&e("div",{class:"vega-dropdown-group-label"},this.label)}renderChildren(){return e("ul",{class:"vega-dropdown-group-items"},e("slot",null))}renderDivide(){return this.divide&&e("div",{class:"vega-dropdown-group-divide"})}}Me([l()],Le.prototype,"label",void 0),Me([l()],Le.prototype,"divide",void 0);var Ee=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const ze=class{constructor(e){i(this,e),this.globalSlimmers={},this.renderer=new Le,this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.divide=!0}render(){return f(e("slot",null)),a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}};Ee([g()],ze.prototype,"globalSlimmers",void 0),Ee([p()],ze.prototype,"renderer",void 0),Ee([p()],ze.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ze.style=':host{display:block}:host .vega-dropdown-group{padding:0px;margin:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));cursor:default;font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown-group{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-dropdown-group{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-dropdown-group{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host .vega-dropdown-group-label{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:4px}:host .vega-dropdown-group-items{padding:0px;margin:0px}:host .vega-dropdown-group-divide{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));margin-top:4px;margin-bottom:4px;height:1px}';var He=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ke extends h{render(){return e("li",{key:this.label,role:"menuitem","aria-label":this.label,class:{"vega-dropdown-item-selected":this.selected,"vega-dropdown-item-disabled":this.disabled,[`vega-dropdown-item-display-${this.itemDisplayRule}`]:!0,danger:this.danger&&"none"===this.selectType},tabIndex:this.disabled?-1:0,onClick:e=>this.onSelect(e),onKeyDown:S(),style:this.height>0&&{height:`${this.height}px`,boxSizing:"border-box",overflow:"hidden"}},this.renderSelectIcon(),this.renderPrefixIcon(),this.renderLabel(),this.renderCounter())}renderSelectIcon(){return"none"!==this.selectType&&e("span",{class:"selected-prefix"},"single"===this.selectType&&this.renderSingleSelectIcon(),"multiple"===this.selectType&&this.renderMultipleSelectIcon())}renderSingleSelectIcon(){return this.selected&&e("vega-icon",{icon:"checkmark",size:"size-16"})}renderMultipleSelectIcon(){return e("vega-checkbox",{size:"small",checked:this.selected,disabled:this.disabled})}renderPrefixIcon(){return(this.prefixIcon||this.prefixIconSlot)&&e("div",{class:"item-prefix"},this.renderItemPrefixIcon())}renderItemPrefixIcon(){return this.prefixIcon&&e("vega-icon",{icon:this.prefixIcon,size:"size-16"})}renderLabel(){return this.host.childElementCount>0||""!==this.host.textContent.trim()?e("span",{class:"vega-dropdown-item-label"},e("slot",null)):e(t,null,e("span",{innerHTML:this.label,class:"vega-dropdown-item-label"}),e("span",{class:"v-hidden"},e("slot",null)))}renderCounter(){return this.count>0&&e("div",{class:"item-counter"},e("vega-counter-badge",{count:this.count,color:"bg-action",offset:[10,10]}))}onSelect(e){this.vegaDropdownItemClickController.handleClick(e)}}He([l()],Ke.prototype,"host",void 0),He([l()],Ke.prototype,"label",void 0),He([l()],Ke.prototype,"count",void 0),He([l()],Ke.prototype,"prefixIcon",void 0),He([l()],Ke.prototype,"prefixIconSlot",void 0),He([l()],Ke.prototype,"disabled",void 0),He([l()],Ke.prototype,"selected",void 0),He([l()],Ke.prototype,"selectType",void 0),He([l()],Ke.prototype,"height",void 0),He([l()],Ke.prototype,"itemDisplayRule",void 0),He([l()],Ke.prototype,"danger",void 0),He([l()],Ke.prototype,"vegaDropdownItemClickController",void 0);var Ae=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ve extends G{constructor(){super({parent:()=>{const e=m(this.host,"vega-dropdown");if(e)return e;{const e=m(this.host,"vega-dropdown-content-box");if(e&&e["data-parent-ref"])return e["data-parent-ref"]}},subStates:[{subStateName:"selectType",parentStateName:"selectType"},{subStateName:"prefixIconSlot",parentStateName:"prefixIconSlot"},{subStateName:"itemDisplayRule",parentStateName:"itemDisplayRule"},{subStateName:"selected",parentStateName:"selectedSourceKey",callback:e=>{this.selected=Array.isArray(e)?e.includes(this.itemKey):e===this.itemKey}}],pullStatesWhenReattached:!0})}}Ae([l()],Ve.prototype,"host",void 0),Ae([l({writable:!0})],Ve.prototype,"selectType",void 0),Ae([l()],Ve.prototype,"itemKey",void 0),Ae([l({writable:!0})],Ve.prototype,"selected",void 0),Ae([l({writable:!0})],Ve.prototype,"prefixIconSlot",void 0),Ae([l({writable:!0})],Ve.prototype,"itemDisplayRule",void 0);var We=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ne extends h{handleClick(e){this.clickEventEmitter.emit({itemKey:this.itemKey},e),V.notify(P,{host:this.host,detail:{itemKey:this.itemKey}})}}We([l()],Ne.prototype,"host",void 0),We([l()],Ne.prototype,"itemKey",void 0),We([l()],Ne.prototype,"vegaClick",void 0),We([l()],Ne.prototype,"clickEventEmitter",void 0);var $e=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const _e=class{constructor(e){i(this,e),this.vegaClick=o(this,"vegaClick",7),this.click=o(this,"click",7),this.globalSlimmers={},this.renderer=new Ke,this.vegaDropdownItemStateController=new Ve,this.vegaDropdownItemClickController=new Ne,this.dropdownItemEventPrevent=new q([C],(()=>this.host)),this.clickEventEmitter=B(_e,L),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.prefixIconSlot=!1,this.selected=!1,this.itemDisplayRule="newline",this.disabled=!1,this.danger=!1}render(){return f(e("slot",null)),a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}};$e([g()],_e.prototype,"globalSlimmers",void 0),$e([p()],_e.prototype,"renderer",void 0),$e([p()],_e.prototype,"vegaDropdownItemStateController",void 0),$e([p()],_e.prototype,"vegaDropdownItemClickController",void 0),$e([p()],_e.prototype,"dropdownItemEventPrevent",void 0),$e([p()],_e.prototype,"clickEventEmitter",void 0),$e([p()],_e.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_e.style=':host{display:block}:host li{padding-top:8px;padding-bottom:8px;padding-left:20px;padding-right:20px;cursor:pointer;display:flex;align-items:center;gap:8px}:host li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));outline:0}:host li,:host li a{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none}@media screen and (min-width: 768px) and (max-width: 1023px){:host li,:host li a{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){:host li,:host li a{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){:host li,:host li a{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host li.vega-dropdown-item-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));pointer-events:none}:host li.vega-dropdown-item-disabled .item-prefix,:host li.vega-dropdown-item-disabled .selected-prefix{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host li.danger .item-prefix,:host li.danger .vega-dropdown-item-label{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host li .item-prefix{display:flex;width:16px;height:16px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));flex-shrink:1}:host li .selected-prefix{color:rgba(var(--v-text-link, 19, 98, 226, 1));width:16px;height:16px;display:flex;align-items:center;min-width:16px}:host li .item-counter{width:20px;height:20px}:host .vega-dropdown-item-label{flex-grow:1}:host .vega-dropdown-item-display-newline .vega-dropdown-item-label{overflow-wrap:break-word}:host .vega-dropdown-item-display-ellipsis .vega-dropdown-item-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .v-hidden{display:none}';var Be=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ue extends h{constructor(){super(...arguments),this.extendItemsCount=10,this.totalCount=0,this.viewportItemsCount=0}componentWillLoad(){this.initVirtualScroll(),this.initPositionConfig()}watchSourceChange(e,t){this.isSameSource(e,t)||this.initVirtualScroll()}watchApproxItemHeight(){this.initVirtualScroll()}watchViewportMaxHeight(){this.initVirtualScroll()}getMaxStartIndex(){return this.maxStartIndex}setPositionByScrollTop(){if("virtual"===this.modeController.getMode()){const e=Math.floor(this.scrollTop/this.approxItemHeight),t=Math.min(Math.max(e-this.extendItemsCount,0),this.maxStartIndex),i=0===t?e:t+this.extendItemsCount,o=i+this.viewportItemsCount+this.extendItemsCount,r=Math.min(Math.max(this.scrollTop-this.extendItemsCount*this.approxItemHeight,0),this.maxStartIndex*this.approxItemHeight);this.positionConfig={startIndex:t,viewportStartIndex:i,endIndex:o,transformY:r}}}changeModeFromNormalToVirtual(){this.initVirtualScroll(),this.setPositionByScrollTop()}initVirtualScroll(){"virtual"===this.modeController.getMode()&&(this.totalCount=this.source.length,this.viewportItemsCount=Math.ceil(this.viewportMaxHeight/this.approxItemHeight),this.maxStartIndex=this.totalCount-this.viewportItemsCount-this.extendItemsCount)}initPositionConfig(){this.positionConfig={startIndex:0,viewportStartIndex:0,endIndex:this.viewportItemsCount+this.extendItemsCount,transformY:0},this.scrollableController.resetScrollTop()}isSameSource(e,t){if(e.length!==t.length)return!1;for(let i=0;i<e.length;i++)if(e[i][this.sourceItemIdentifier]!==t[i][this.sourceItemIdentifier])return!1;return!0}}Be([l()],Ue.prototype,"sourceItemIdentifier",void 0),Be([l()],Ue.prototype,"source",void 0),Be([l()],Ue.prototype,"approxItemHeight",void 0),Be([l()],Ue.prototype,"viewportMaxHeight",void 0),Be([l({writable:!0})],Ue.prototype,"positionConfig",void 0),Be([l()],Ue.prototype,"scrollTop",void 0),Be([l()],Ue.prototype,"scrollableController",void 0),Be([l()],Ue.prototype,"modeController",void 0),Be([d("componentWillLoad")],Ue.prototype,"componentWillLoad",null),Be([d("watchSourceChange")],Ue.prototype,"watchSourceChange",null),Be([d("watchApproxItemHeight")],Ue.prototype,"watchApproxItemHeight",null),Be([d("watchViewportMaxHeight")],Ue.prototype,"watchViewportMaxHeight",null);var Pe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Fe extends h{componentDidLoad(){this.listenScrollContainer()}componentDidRender(){this.renderer.getContainerRef().scrollTop=this.scrollTop}watchScrollTop(){this.handleScroll()}watchSourceChange(){this.adjustScrollTopWhilePropChange()}watchApproxItemHeight(){this.adjustScrollTopWhilePropChange()}watchViewportMaxHeight(){this.adjustScrollTopWhilePropChange()}scrollToIndex(e){const t=this.renderer.getContainerRef();if(e>=0)if("normal"===this.modeController.getMode()){const i=t.querySelector(`:nth-child(${e+1})`);x(t,i)}else this.scrollTop=e*this.approxItemHeight}resetScrollTop(){this.scrollTop=0}listenScrollContainer(){this.renderer.getContainerRef().addEventListener("scroll",(()=>{this.scrollTop=this.renderer.getContainerRef().scrollTop}))}handleScroll(){const e=this.renderer.getContainerRef();e&&(e.scrollTop=this.scrollTop),this.positionController.setPositionByScrollTop(),this.checkIsScrollToBottom()}adjustScrollTopWhilePropChange(){this.scrollTop=Math.min((this.source.length-Math.floor(this.viewportMaxHeight/this.approxItemHeight))*this.approxItemHeight,this.scrollTop)}checkIsScrollToBottom(){this.isLoading||!this.isScrollToBottomInVirtualMode()&&!this.isScrollToBottomInNormalMode()||V.notify(j.getSubject(this.host,_),{endIndex:this.source.length-1})}isScrollToBottomInVirtualMode(){return"virtual"===this.modeController.getMode()&&this.positionConfig.startIndex===this.positionController.getMaxStartIndex()}isScrollToBottomInNormalMode(){return"normal"===this.modeController.getMode()&&this.source.length*this.approxItemHeight-this.scrollTop===this.viewportMaxHeight}}Pe([l()],Fe.prototype,"sourceItemIdentifier",void 0),Pe([l()],Fe.prototype,"source",void 0),Pe([l()],Fe.prototype,"host",void 0),Pe([l()],Fe.prototype,"viewportMaxHeight",void 0),Pe([l()],Fe.prototype,"approxItemHeight",void 0),Pe([l({writable:!0})],Fe.prototype,"scrollTop",void 0),Pe([l()],Fe.prototype,"positionConfig",void 0),Pe([l()],Fe.prototype,"isLoading",void 0),Pe([l()],Fe.prototype,"renderer",void 0),Pe([l()],Fe.prototype,"positionController",void 0),Pe([l()],Fe.prototype,"modeController",void 0),Pe([d("componentDidLoad")],Fe.prototype,"componentDidLoad",null),Pe([d("componentDidRender")],Fe.prototype,"componentDidRender",null),Pe([d("watchScrollTop")],Fe.prototype,"watchScrollTop",null),Pe([d("watchSourceChange")],Fe.prototype,"watchSourceChange",null),Pe([d("watchApproxItemHeight")],Fe.prototype,"watchApproxItemHeight",null),Pe([d("watchViewportMaxHeight")],Fe.prototype,"watchViewportMaxHeight",null),Pe([d("scrollToIndex")],Fe.prototype,"scrollToIndex",null);var Ye=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class qe extends h{getContainerRef(){return this.virtualScrollContainerRef}render(){return e("div",{style:{maxHeight:`${this.viewportMaxHeight}px`,overflow:"auto"},class:"virtual-scroll-container",ref:e=>this.virtualScrollContainerRef=e},"normal"===this.modeController.getMode()?this.renderNormal():this.renderVirtualScroll())}renderNormal(){return e(t,null,this.source.map(((e,t)=>this.renderItem(e,t))),this.loadingRenderer.render())}renderVirtualScroll(){return e("div",{style:{height:this.source.length*this.approxItemHeight+"px",position:"relative"}},e("div",{class:"virtual-scroll-block",style:{transform:`translateY(${this.positionConfig.transformY}px)`}},this.source.slice(this.positionConfig.startIndex,this.positionConfig.viewportStartIndex).map(((e,t)=>this.renderItem(e,this.positionConfig.startIndex+t,this.approxItemHeight))),this.source.slice(this.positionConfig.viewportStartIndex,this.positionConfig.endIndex).map(((e,t)=>this.renderItem(e,this.positionConfig.viewportStartIndex+t))),this.loadingRenderer.render()))}}Ye([l()],qe.prototype,"source",void 0),Ye([l()],qe.prototype,"renderItem",void 0),Ye([l()],qe.prototype,"approxItemHeight",void 0),Ye([l()],qe.prototype,"positionConfig",void 0),Ye([l()],qe.prototype,"viewportMaxHeight",void 0),Ye([l()],qe.prototype,"modeController",void 0),Ye([l()],qe.prototype,"loadingRenderer",void 0);var Ge=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Xe extends h{constructor(){super(...arguments),this.mode="normal"}componentWillLoad(){this.setMode()}watchVirtualizationThreshold(){this.setMode()}watchSourceChange(){this.setMode()}getMode(){return this.mode}setMode(){const e=this.mode;this.mode=this.source.length>this.virtualizationThreshold?"virtual":"normal","normal"===e&&"virtual"===this.mode&&this.positionController.changeModeFromNormalToVirtual()}}Ge([l()],Xe.prototype,"source",void 0),Ge([l()],Xe.prototype,"virtualizationThreshold",void 0),Ge([l()],Xe.prototype,"positionController",void 0),Ge([d("componentWillLoad")],Xe.prototype,"componentWillLoad",null),Ge([d("watchVirtualizationThreshold")],Xe.prototype,"watchVirtualizationThreshold",null),Ge([d("watchSourceChange")],Xe.prototype,"watchSourceChange",null);class Je extends h{render(){return this.isLoading&&e("div",{class:"virtual-scroll-more-loading"},e("vega-flex",{gap:"size-8",direction:"row"},e("vega-loading-indicator",{size:"small"}),e("vega-font",{variant:"font-field-value",color:"text-secondary"},"Loading")))}}!function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);n>3&&s&&Object.defineProperty(t,i,s)}([l()],Je.prototype,"isLoading",void 0);var Qe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const Ze=class{constructor(e){i(this,e),this.globalSlimmers={},this.modeController=new Xe,this.positionController=new Ue,this.scrollableController=new Fe,this.renderer=new qe,this.loadingRenderer=new Je,this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.scrollTop=0,this.source=[],this.approxItemHeight=40,this.viewportMaxHeight=320,this.isLoading=!1,this.virtualizationThreshold=60,this.sourceItemIdentifier="key"}watchScrollTop(){}watchSourceChange(e,t){}watchApproxItemHeight(){}watchViewportMaxHeight(){}watchVirtualizationThreshold(){}async scrollToIndex(e){}render(){return a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}static get watchers(){return{scrollTop:["watchScrollTop"],source:["watchSourceChange"],approxItemHeight:["watchApproxItemHeight"],viewportMaxHeight:["watchViewportMaxHeight"],virtualizationThreshold:["watchVirtualizationThreshold"]}}};Qe([g()],Ze.prototype,"globalSlimmers",void 0),Qe([p()],Ze.prototype,"modeController",void 0),Qe([p()],Ze.prototype,"positionController",void 0),Qe([p()],Ze.prototype,"scrollableController",void 0),Qe([p()],Ze.prototype,"renderer",void 0),Qe([p()],Ze.prototype,"loadingRenderer",void 0),Qe([p()],Ze.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Ze.style=":host .virtual-scroll-more-loading{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}";export{Te as vega_dropdown,De as vega_dropdown_content_box,ze as vega_dropdown_group,_e as vega_dropdown_item,Ze as vega_virtual_scroll}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,F as t,H as i,r as o,c as a,g as r}from"./p-1c298d5a.js";import{R as n}from"./p-e2acbc60.js";import{g as s,s as d}from"./p-9b797118.js";import{N as p,O as c}from"./p-9fbdeada.js";import{c as l,M as h,V as f,I as b}from"./p-6e1ab235.js";import{V as m,I as v}from"./p-61f6167c.js";import{F as g}from"./p-16bb355d.js";import{C as x}from"./p-30860766.js";import{c as u}from"./p-a04632d0.js";import{j as w,m as y,b as j,c as R,e as I,k as C}from"./p-9e9ec748.js";import{b as k}from"./p-32f651f7.js";import{C as O}from"./p-2d0d575f.js";import{c as D}from"./p-86194314.js";import{D as S}from"./p-6c6d86da.js";import{b as z}from"./p-8a091eb7.js";import{K as E}from"./p-c1dfdc13.js";import{f as A}from"./p-4163c2c2.js";import{M as V}from"./p-987fbbd0.js";import{T as L}from"./p-a9354a5c.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-b0502d01.js";import"./p-262ec334.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-5fe479a1.js";import"./p-f404aa83.js";import"./p-5453f591.js";const T=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!1===e.autoValidation}];var F=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class N extends f{constructor(){super(...arguments),this.onItemClick=async()=>{this.valueController.setValue(await this.dropdownRef.getSelection()),await this.clearInput()},this.onDropdownHide=async()=>{await this.clearInput()},this.onDropdownCreate=async e=>{this.createEventEmit.emit(e),await this.clearInput()},this.onInputChange=async e=>{const t=e.target.value;(this.useDefaultFilter||this.vegaDropdownProps.dynamicOption)&&(await this.dropdownRef.show(),await this.dropdownRef.search(t)),!this.isTemplateMode&&this.useDefaultFilter||this.searchEventEmit.emit(t)}}connectedCallback(){this.isTemplateMode=null!==this.host.querySelector("[slot=items]")}getDropdownRef(){return this.dropdownRef}getSearchInputRef(){return this.searchInputRef}focusInput(){this.searchInputRef.focus()}async hide(){await this.dropdownRef.hide()}async show(){await this.dropdownRef.show()}replaceItemsSlot(e){e&&this.itemsSlotRef&&(this.itemsSlotRef.remove(),this.dropdownRef.append(e))}renderDropdown(){return e("vega-dropdown",Object.assign({trigger:this.disabled?"none":"click",source:this.source,selectType:"multiple",selectedSourceKey:this.value,matchTargetWidth:!0,useDefaultFilter:this.useDefaultFilter},this.vegaDropdownProps,{ref:e=>{this.dropdownRef=e,S.addUniqueObserverToNode(e,w,(async e=>{await this.onDropdownCreate(e.detail)})),S.addUniqueObserverToNode(e,y,(async()=>{await this.onDropdownHide()})),S.addUniqueObserverToNode(e,j,(async()=>{await this.onItemClick()})),S.addUniqueObserverToNode(e,z,(e=>{const t=Array.from(e).filter((e=>!this.source.find((t=>t.key===e.itemKey)))).map((e=>({key:e.itemKey,label:e.label})));this.sourceController.setSource([...this.source,...t])}))}}),this.renderContainer(),this.renderItemsSlot())}renderContainer(){return e("div",{class:{"vega-combo-box-container":!0,[`vega-combo-box-size-${this.size}`]:!0}},this.renderSelectedContainer(),this.renderInputContainer())}renderItemsSlot(){return this.isTemplateMode&&e("div",{slot:"items",ref:e=>{this.itemsSlotRef=e}})}renderSelectedContainer(){const i=this.value.map((e=>this.source.find((t=>t.key===e)))).filter((e=>e));return e(t,null,i.map((e=>this.renderSelectedChip(e))))}renderSelectedChip(t){return e("vega-chip",{key:t.key,text:t.label,variant:"outlined",showCloseIcon:!this.disabled,size:"small",ref:e=>{S.addUniqueObserverToNode(e,R,(async()=>{await this.onChipClose(t.key)}))}})}renderInputContainer(){return e("div",{class:"vega-combo-box-input-container"},e("input",{onInput:this.onInputChange,"aria-label":this.label||"No label defined",placeholder:0===this.value.length?this.placeholder:"",ref:e=>this.searchInputRef=e,onKeyDown:D(),disabled:this.disabled}))}async onChipClose(e){this.valueController.setValue([...this.value.filter((t=>t!==e))]),await this.dropdownRef.hide()}async clearInput(){this.searchInputRef.value="",await this.dropdownRef.search("")}}F([l()],N.prototype,"host",void 0),F([l()],N.prototype,"value",void 0),F([l()],N.prototype,"source",void 0),F([l()],N.prototype,"disabled",void 0),F([l()],N.prototype,"size",void 0),F([l()],N.prototype,"vegaDropdownProps",void 0),F([l()],N.prototype,"label",void 0),F([l()],N.prototype,"placeholder",void 0),F([l()],N.prototype,"useDefaultFilter",void 0),F([l()],N.prototype,"createEventEmit",void 0),F([l()],N.prototype,"searchEventEmit",void 0),F([l()],N.prototype,"valueController",void 0),F([l()],N.prototype,"sourceController",void 0),F([h("connectedCallback")],N.prototype,"connectedCallback",null);class _ extends f{setValue(e){this.value=e}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([l({writable:!0})],_.prototype,"value",void 0);var K=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class G extends f{constructor(){super(...arguments),this.onLabelClick=()=>{this.dropdownRenderer.focusInput()}}render(){return e(i,{class:{"vega-combo-box-disabled":this.disabled}},this.renderLabel(),this.dropdownRenderer.renderDropdown(),this.renderHint())}renderLabel(){return e("vega-field-label",{onClick:this.onLabelClick,"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderHint(){return e("div",{class:"vega-combo-box-hint"},this.hint)}}K([l()],G.prototype,"required",void 0),K([l()],G.prototype,"hint",void 0),K([l()],G.prototype,"disabled",void 0),K([l()],G.prototype,"dropdownRenderer",void 0),K([l()],G.prototype,"label",void 0);var H=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class M extends E{constructor(){super((e=>[{keyCode:"Backspace",activeElementInScope:[e.dropdownRenderer.getSearchInputRef()],eventName:"keydown",callback:e.deleteLastSelectedItem},{keyCode:"ArrowLeft",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowLeft")},{keyCode:"ArrowRight",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowRight")}])),this.deleteLastSelectedItem=()=>{""===this.dropdownRenderer.getSearchInputRef().value&&(this.value.pop(),this.valueController.setValue([...this.value]))}}controlDirectionByKeyboard(e){const t=s();if(t&&t.classList.contains("vega-chip-close-icon")){const i=A(t,"vega-chip");"ArrowLeft"===e&&this.focusItemByKeyboard(i.previousSibling),"ArrowRight"===e&&this.focusItemByKeyboard(i.nextSibling)}else"ArrowLeft"===e&&0===this.dropdownRenderer.getSearchInputRef().selectionStart&&this.focusItemByKeyboard(this.host.shadowRoot.querySelector("vega-chip:last-of-type"))}focusItemByKeyboard(e){e&&(e.classList.contains("vega-combo-box-input-container")?e.querySelector("input").focus():e.shadowRoot.querySelector(".vega-chip-close-icon").focus())}}H([l()],M.prototype,"host",void 0),H([l()],M.prototype,"value",void 0),H([l()],M.prototype,"dropdownRenderer",void 0),H([l()],M.prototype,"valueController",void 0);var P=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class U extends f{constructor(){super(...arguments),this.mutationObserver=new V({mutationFilter:L("VEGA-DROPDOWN-ITEM"),options:{childList:!0,subtree:!0},callback:()=>this.appendHostItemsToDropdown()})}componentDidLoad(){this.appendHostItemsToDropdown()}appendHostItemsToDropdown(){this.dropdownRenderer.replaceItemsSlot(this.host.querySelector("[slot=items]"))}}P([b()],U.prototype,"mutationObserver",void 0),P([l()],U.prototype,"host",void 0),P([l()],U.prototype,"dropdownRenderer",void 0),P([h("componentDidLoad")],U.prototype,"componentDidLoad",null);class q extends f{setSource(e){this.source=e}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([l({writable:!0})],q.prototype,"source",void 0);var B=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const W=class{constructor(e){o(this,e),this.vegaChange=a(this,"vegaChange",7),this.change=a(this,"change",7),this.vegaCreate=a(this,"vegaCreate",7),this.create=a(this,"create",7),this.vegaSearch=a(this,"vegaSearch",7),this.search=a(this,"search",7),this.globalSlimmers={},this.itemsSlotController=new U,this.keyboardController=new M,this.valueController=new _,this.sourceController=new q,this.renderer=new G,this.dropdownRenderer=new N,this.formFieldController=new g({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:[],attributeGetter:e=>this[e],inputContainerGetter:()=>this.dropdownRenderer.getDropdownRef(),touchableAreaGetter:()=>[this.dropdownRenderer.getSearchInputRef()]}),this.changeEventEmit=u(W,I),this.createEventEmit=u(W,w),this.searchEventEmit=u(W,C),this.dropdownEventPrevent=new x([w,C],(()=>this.dropdownRenderer.getDropdownRef()),{customPreventHandle:e=>{e.stopImmediatePropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new m(T),this.label="",this.required=!1,this.source=[],this.value=[],this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="",this.hint="",this.size="medium",this.vegaDropdownProps={},this.useDefaultFilter=!0}watchSource(){this.source=p(this.source,c)?this.source:[]}watchValue(){this.changeEventEmit.emit(this.value),O.notify(k,{host:this.host,detail:this.value})}watchValidationRules(){}async close(){this.disabled||await this.dropdownRenderer.hide()}async open(){this.disabled||await this.dropdownRenderer.show()}render(){return d(this.renderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};B([v()],W.prototype,"globalSlimmers",void 0),B([b()],W.prototype,"itemsSlotController",void 0),B([b()],W.prototype,"keyboardController",void 0),B([b()],W.prototype,"valueController",void 0),B([b()],W.prototype,"sourceController",void 0),B([b()],W.prototype,"renderer",void 0),B([b()],W.prototype,"dropdownRenderer",void 0),B([b()],W.prototype,"formFieldController",void 0),B([b()],W.prototype,"changeEventEmit",void 0),B([b()],W.prototype,"createEventEmit",void 0),B([b()],W.prototype,"searchEventEmit",void 0),B([b()],W.prototype,"dropdownEventPrevent",void 0),B([b()],W.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),W.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}.vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border-radius:8px;gap:8px;display:block;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.vega-combo-box-container .vega-combo-box-input-container{width:-webkit-min-content;width:-moz-min-content;width:min-content;flex-grow:1}.vega-combo-box-container input{border-style:none;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));width:100%}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-container input{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-combo-box-container input{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-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-combo-box-container input:focus{outline:2px solid transparent;outline-offset:2px}.vega-combo-box-size-medium{padding-left:12px;padding-right:12px;padding-top:11px;padding-bottom:11px}.vega-combo-box-size-small{padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px}.vega-combo-box-container:focus{outline:none}vega-field-label{margin-bottom:8px}.error .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.error .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.error .vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.vega-combo-box-disabled) .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-combo-box-disabled) .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-combo-box-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-combo-box-container input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;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-combo-box-hint{padding-left:8px;padding-right:8px;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));padding-top:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-hint{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-combo-box-hint{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-combo-box-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error:not(.vega-hidden)+.vega-combo-box-hint{padding-top:4px}vega-dropdown{display:block}';export{W as vega_combo_box}
|
|
1
|
+
import{h as e,F as t,H as i,r as o,c as a,g as r}from"./p-1c298d5a.js";import{R as n}from"./p-e2acbc60.js";import{g as s,s as d}from"./p-9b797118.js";import{N as c,O as p}from"./p-9fbdeada.js";import{c as l,M as h,V as f,I as b}from"./p-6e1ab235.js";import{V as m,I as v}from"./p-61f6167c.js";import{F as g}from"./p-16bb355d.js";import{C as x}from"./p-c4a52c83.js";import{c as u}from"./p-a04632d0.js";import{j as w,m as y,b as j,c as R,e as I,k as C}from"./p-9e9ec748.js";import{b as k}from"./p-32f651f7.js";import{C as O}from"./p-2d0d575f.js";import{c as D}from"./p-86194314.js";import{D as S}from"./p-6c6d86da.js";import{b as z}from"./p-8a091eb7.js";import{K as E}from"./p-c1dfdc13.js";import{f as A}from"./p-4163c2c2.js";import{M as V}from"./p-987fbbd0.js";import{T as L}from"./p-a9354a5c.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-0bb29d98.js";import"./p-331a62d5.js";import"./p-5440344e.js";import"./p-6a334573.js";import"./p-9f3b1d77.js";import"./p-47c87634.js";import"./p-b0502d01.js";import"./p-262ec334.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-53702f16.js";import"./p-f404aa83.js";import"./p-5453f591.js";const T=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented when a value is edited in the combo box",payloadValue:e=>!1===e.autoValidation}];var F=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class N extends f{constructor(){super(...arguments),this.onItemClick=async()=>{this.valueController.setValue(await this.dropdownRef.getSelection()),await this.clearInput()},this.onDropdownHide=async()=>{await this.clearInput()},this.onDropdownCreate=async e=>{this.createEventEmit.emit(e),await this.clearInput()},this.onInputChange=async e=>{const t=e.target.value;(this.useDefaultFilter||this.vegaDropdownProps.dynamicOption)&&(await this.dropdownRef.show(),await this.dropdownRef.search(t)),!this.isTemplateMode&&this.useDefaultFilter||this.searchEventEmit.emit(t)}}connectedCallback(){this.isTemplateMode=null!==this.host.querySelector("[slot=items]")}getDropdownRef(){return this.dropdownRef}getSearchInputRef(){return this.searchInputRef}focusInput(){this.searchInputRef.focus()}async hide(){await this.dropdownRef.hide()}async show(){await this.dropdownRef.show()}replaceItemsSlot(e){e&&this.itemsSlotRef&&(this.itemsSlotRef.remove(),this.dropdownRef.append(e))}renderDropdown(){return e("vega-dropdown",Object.assign({trigger:this.disabled?"none":"click",source:this.source,selectType:"multiple",selectedSourceKey:this.value,matchTargetWidth:!0,useDefaultFilter:this.useDefaultFilter},this.vegaDropdownProps,{ref:e=>{this.dropdownRef=e,S.addUniqueObserverToNode(e,w,(async e=>{await this.onDropdownCreate(e.detail)})),S.addUniqueObserverToNode(e,y,(async()=>{await this.onDropdownHide()})),S.addUniqueObserverToNode(e,j,(async()=>{await this.onItemClick()})),S.addUniqueObserverToNode(e,z,(e=>{const t=Array.from(e).filter((e=>!this.source.find((t=>t.key===e.itemKey)))).map((e=>({key:e.itemKey,label:e.label})));this.sourceController.setSource([...this.source,...t])}))}}),this.renderContainer(),this.renderItemsSlot())}renderContainer(){return e("div",{class:{"vega-combo-box-container":!0,[`vega-combo-box-size-${this.size}`]:!0}},this.renderSelectedContainer(),this.renderInputContainer())}renderItemsSlot(){return this.isTemplateMode&&e("div",{slot:"items",ref:e=>{this.itemsSlotRef=e}})}renderSelectedContainer(){const i=this.value.map((e=>this.source.find((t=>t.key===e)))).filter((e=>e));return e(t,null,i.map((e=>this.renderSelectedChip(e))))}renderSelectedChip(t){return e("vega-chip",{key:t.key,text:t.label,variant:"outlined",showCloseIcon:!this.disabled,size:"small",ref:e=>{S.addUniqueObserverToNode(e,R,(async()=>{await this.onChipClose(t.key)}))}})}renderInputContainer(){return e("div",{class:"vega-combo-box-input-container"},e("input",{onInput:this.onInputChange,"aria-label":this.label||"No label defined",placeholder:0===this.value.length?this.placeholder:"",ref:e=>this.searchInputRef=e,onKeyDown:D(),disabled:this.disabled}))}async onChipClose(e){this.valueController.setValue([...this.value.filter((t=>t!==e))]),await this.dropdownRef.hide()}async clearInput(){this.searchInputRef.value="",await this.dropdownRef.search("")}}F([l()],N.prototype,"host",void 0),F([l()],N.prototype,"value",void 0),F([l()],N.prototype,"source",void 0),F([l()],N.prototype,"disabled",void 0),F([l()],N.prototype,"size",void 0),F([l()],N.prototype,"vegaDropdownProps",void 0),F([l()],N.prototype,"label",void 0),F([l()],N.prototype,"placeholder",void 0),F([l()],N.prototype,"useDefaultFilter",void 0),F([l()],N.prototype,"createEventEmit",void 0),F([l()],N.prototype,"searchEventEmit",void 0),F([l()],N.prototype,"valueController",void 0),F([l()],N.prototype,"sourceController",void 0),F([h("connectedCallback")],N.prototype,"connectedCallback",null);class _ extends f{setValue(e){this.value=e}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([l({writable:!0})],_.prototype,"value",void 0);var K=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class G extends f{constructor(){super(...arguments),this.onLabelClick=()=>{this.dropdownRenderer.focusInput()}}render(){return e(i,{class:{"vega-combo-box-disabled":this.disabled}},this.renderLabel(),this.dropdownRenderer.renderDropdown(),this.renderHint())}renderLabel(){return e("vega-field-label",{onClick:this.onLabelClick,"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderHint(){return e("div",{class:"vega-combo-box-hint"},this.hint)}}K([l()],G.prototype,"required",void 0),K([l()],G.prototype,"hint",void 0),K([l()],G.prototype,"disabled",void 0),K([l()],G.prototype,"dropdownRenderer",void 0),K([l()],G.prototype,"label",void 0);var H=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class M extends E{constructor(){super((e=>[{keyCode:"Backspace",activeElementInScope:[e.dropdownRenderer.getSearchInputRef()],eventName:"keydown",callback:e.deleteLastSelectedItem},{keyCode:"ArrowLeft",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowLeft")},{keyCode:"ArrowRight",activeElementInScope:[e.host],callback:()=>e.controlDirectionByKeyboard("ArrowRight")}])),this.deleteLastSelectedItem=()=>{""===this.dropdownRenderer.getSearchInputRef().value&&(this.value.pop(),this.valueController.setValue([...this.value]))}}controlDirectionByKeyboard(e){const t=s();if(t&&t.classList.contains("vega-chip-close-icon")){const i=A(t,"vega-chip");"ArrowLeft"===e&&this.focusItemByKeyboard(i.previousSibling),"ArrowRight"===e&&this.focusItemByKeyboard(i.nextSibling)}else"ArrowLeft"===e&&0===this.dropdownRenderer.getSearchInputRef().selectionStart&&this.focusItemByKeyboard(this.host.shadowRoot.querySelector("vega-chip:last-of-type"))}focusItemByKeyboard(e){e&&(e.classList.contains("vega-combo-box-input-container")?e.querySelector("input").focus():e.shadowRoot.querySelector(".vega-chip-close-icon").focus())}}H([l()],M.prototype,"host",void 0),H([l()],M.prototype,"value",void 0),H([l()],M.prototype,"dropdownRenderer",void 0),H([l()],M.prototype,"valueController",void 0);var P=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class U extends f{constructor(){super(...arguments),this.mutationObserver=new V({mutationFilter:L("VEGA-DROPDOWN-ITEM"),options:{childList:!0,subtree:!0},callback:()=>this.appendHostItemsToDropdown()})}componentDidLoad(){this.appendHostItemsToDropdown()}appendHostItemsToDropdown(){this.dropdownRenderer.replaceItemsSlot(this.host.querySelector("[slot=items]"))}}P([b()],U.prototype,"mutationObserver",void 0),P([l()],U.prototype,"host",void 0),P([l()],U.prototype,"dropdownRenderer",void 0),P([h("componentDidLoad")],U.prototype,"componentDidLoad",null);class q extends f{setSource(e){this.source=e}}!function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);r>3&&n&&Object.defineProperty(t,i,n)}([l({writable:!0})],q.prototype,"source",void 0);var B=function(e,t,i,o){var a,r=arguments.length,n=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,o);else for(var s=e.length-1;s>=0;s--)(a=e[s])&&(n=(r<3?a(n):r>3?a(t,i,n):a(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const W=class{constructor(e){o(this,e),this.vegaChange=a(this,"vegaChange",7),this.change=a(this,"change",7),this.vegaCreate=a(this,"vegaCreate",7),this.create=a(this,"create",7),this.vegaSearch=a(this,"vegaSearch",7),this.search=a(this,"search",7),this.globalSlimmers={},this.itemsSlotController=new U,this.keyboardController=new M,this.valueController=new _,this.sourceController=new q,this.renderer=new G,this.dropdownRenderer=new N,this.formFieldController=new g({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:[],attributeGetter:e=>this[e],inputContainerGetter:()=>this.dropdownRenderer.getDropdownRef(),touchableAreaGetter:()=>[this.dropdownRenderer.getSearchInputRef()]}),this.changeEventEmit=u(W,I),this.createEventEmit=u(W,w),this.searchEventEmit=u(W,C),this.dropdownEventPrevent=new x([w,C],(()=>this.dropdownRenderer.getDropdownRef()),{customPreventHandle:e=>{e.stopImmediatePropagation()}}),this.vegaComponentUsageRuntimeMetricsSlimmer=new m(T),this.label="",this.required=!1,this.source=[],this.value=[],this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.disabled=!1,this.placeholder="",this.hint="",this.size="medium",this.vegaDropdownProps={},this.useDefaultFilter=!0}watchSource(){this.source=c(this.source,p)?this.source:[]}watchValue(){this.changeEventEmit.emit(this.value),O.notify(k,{host:this.host,detail:this.value})}watchValidationRules(){}async close(){this.disabled||await this.dropdownRenderer.hide()}async open(){this.disabled||await this.dropdownRenderer.show()}render(){return d(this.renderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{source:["watchSource"],value:["watchValue"],validationRules:["watchValidationRules"]}}};B([v()],W.prototype,"globalSlimmers",void 0),B([b()],W.prototype,"itemsSlotController",void 0),B([b()],W.prototype,"keyboardController",void 0),B([b()],W.prototype,"valueController",void 0),B([b()],W.prototype,"sourceController",void 0),B([b()],W.prototype,"renderer",void 0),B([b()],W.prototype,"dropdownRenderer",void 0),B([b()],W.prototype,"formFieldController",void 0),B([b()],W.prototype,"changeEventEmit",void 0),B([b()],W.prototype,"createEventEmit",void 0),B([b()],W.prototype,"searchEventEmit",void 0),B([b()],W.prototype,"dropdownEventPrevent",void 0),B([b()],W.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),W.style=':host{display:inline-block;width:100%;min-width:0px;text-align:left;line-height:normal}.vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border-radius:8px;gap:8px;display:block;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer}.vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.vega-combo-box-container .vega-combo-box-input-container{width:-webkit-min-content;width:-moz-min-content;width:min-content;flex-grow:1}.vega-combo-box-container input{border-style:none;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));width:100%}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-container input{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-combo-box-container input{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-combo-box-container input{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-combo-box-container input:focus{outline:2px solid transparent;outline-offset:2px}.vega-combo-box-size-medium{padding-left:12px;padding-right:12px;padding-top:11px;padding-bottom:11px}.vega-combo-box-size-small{padding-left:12px;padding-right:12px;padding-top:7px;padding-bottom:7px}.vega-combo-box-container:focus{outline:none}vega-field-label{margin-bottom:8px}.error .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.error .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.error .vega-combo-box-container:focus-within{border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.vega-combo-box-disabled) .vega-combo-box-container{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host(.vega-combo-box-disabled) .vega-combo-box-container:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host(.vega-combo-box-disabled) vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}.vega-combo-box-container input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;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-combo-box-hint{padding-left:8px;padding-right:8px;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));padding-top:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-combo-box-hint{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-combo-box-hint{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-combo-box-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error:not(.vega-hidden)+.vega-combo-box-hint{padding-top:4px}vega-dropdown{display:block}';export{W as vega_combo_box}
|