@globalpayments/vega 2.35.0 → 2.36.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-fb3693cc.js → app-globals-13d4a0be.js} +3 -4
- package/dist/cjs/{list-block-91116257.js → content-state-2336e368.js} +130 -4
- package/dist/cjs/{element-appender-slimmer-700b7004.js → element-appender-slimmer-77f9c4a0.js} +11 -3
- package/dist/cjs/{form-field-controller-slimmer-dbb321ad.js → form-field-controller-slimmer-8d4d2723.js} +11 -3
- package/dist/cjs/{image-annotation-action-d3e1699c.js → image-annotation-action-4135ca69.js} +12 -12
- package/dist/cjs/index.cjs.js +5 -6
- package/dist/cjs/loader.cjs.js +5 -6
- package/dist/cjs/{node-annotation.abstract-e5d3a859.js → node-annotation.abstract-c3c07af5.js} +1 -1
- package/dist/cjs/{sub-state-notify-slimmer-c2e08e06.js → sub-state-notify-slimmer-994eb848.js} +1 -1
- package/dist/cjs/{sub-state-observer-slimmer-b97e46b5.js → sub-state-observer-slimmer-080a4bea.js} +1 -1
- package/dist/cjs/vega-button-group_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-calendar_3.cjs.entry.js +3 -3
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-color-picker.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 +497 -116
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +68 -19
- package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
- package/dist/cjs/vega-file-uploader.cjs.entry.js +120 -40
- package/dist/cjs/vega-font.cjs.entry.js +8 -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 +3 -3
- 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-input.cjs.entry.js +3 -3
- package/dist/cjs/{vega-internal-event-id-85b68849.js → vega-internal-event-id-b12071ea.js} +2 -0
- package/dist/cjs/vega-left-nav_5.cjs.entry.js +3 -3
- package/dist/cjs/vega-pagination.cjs.entry.js +3 -3
- package/dist/cjs/vega-popover_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-radio_2.cjs.entry.js +2 -2
- package/dist/cjs/vega-rich-text-content.cjs.entry.js +35 -13
- package/dist/cjs/vega-rich-text-editor_4.cjs.entry.js +135 -119
- package/dist/cjs/vega-selection-chip_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-sidenav_3.cjs.entry.js +3 -3
- package/dist/cjs/vega-signature-capture.cjs.entry.js +2 -2
- package/dist/cjs/vega-stepper.cjs.entry.js +2 -2
- package/dist/cjs/vega-table_8.cjs.entry.js +3 -3
- package/dist/cjs/vega-textarea.cjs.entry.js +2 -2
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-toggle-switch.cjs.entry.js +2 -2
- package/dist/cjs/vega-tooltip_2.cjs.entry.js +1 -1
- package/dist/cjs/vega.cjs.js +5 -6
- package/dist/collection/components/vega-date-picker/assets/icons.js +3 -0
- package/dist/collection/components/vega-date-picker/slimmers/controllers/vega-date-picker-calendar-controller.js +23 -1
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-month-year-dropdown-renderer.js +316 -0
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-renderer.js +23 -2
- package/dist/collection/components/vega-date-picker/slimmers/renderers/vega-date-picker-renderer.js +16 -4
- package/dist/collection/components/vega-date-picker/vega-date-picker-calendar/vega-date-picker-calendar.css +24 -0
- package/dist/collection/components/vega-date-picker/vega-date-picker.js +39 -0
- package/dist/collection/components/vega-dropdown/slimmers/controllers/vega-dropdown-appender-controller.js +56 -14
- package/dist/collection/components/vega-dropdown/vega-dropdown.js +37 -0
- package/dist/collection/components/vega-file-uploader/slimmers/controllers/vega-file-uploader-file-limit-controller.js +35 -0
- package/dist/collection/components/vega-file-uploader/slimmers/renderers/vega-file-uploader-container-renderer.js +36 -7
- package/dist/collection/components/vega-file-uploader/vega-file-uploader.js +41 -0
- package/dist/collection/components/vega-font/slimmers/renderers/vega-font-renderer.js +8 -1
- package/dist/collection/components/vega-input-select/vega-input-select.js +1 -1
- package/dist/collection/components/vega-pagination/internal/vega-pagination-page-size-selector.js +2 -2
- package/dist/collection/components/vega-pagination/vega-pagination.js +24 -1
- package/dist/collection/components/vega-rich-text-content/slimmers/renderers/vega-rich-text-content-renderer.js +19 -1
- package/dist/collection/components/vega-rich-text-content/vega-rich-text-content.js +11 -4
- package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/value-controller.js +15 -1
- package/dist/collection/components/vega-rich-text-editor/vega-rich-text-editor.js +4 -2
- package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js +1 -0
- package/dist/collection/helpers/slimmers/field-error-controller-silmmer.js +8 -2
- package/dist/collection/helpers/slimmers/position-calculation/position-calculation-controller.js +1 -1
- package/dist/collection/helpers/ui/element-appender.js +10 -2
- package/dist/collection/helpers/validator/form-field-controller.js +2 -0
- package/dist/collection/helpers/validator/rules/rich-text-editor-required-rule.js +4 -3
- package/dist/collection/helpers/validator/test/rules/rich-text-editor-required-rule.test.js +43 -0
- package/dist/esm/{app-globals-5b154b6d.js → app-globals-9ded4406.js} +2 -3
- package/dist/esm/{list-block-ba82c846.js → content-state-42a06d75.js} +130 -3
- package/dist/esm/{element-appender-slimmer-d71e3109.js → element-appender-slimmer-f3eceb79.js} +11 -3
- package/dist/esm/{form-field-controller-slimmer-add614f1.js → form-field-controller-slimmer-6ef5641b.js} +11 -3
- package/dist/esm/{image-annotation-action-a8e00f28.js → image-annotation-action-8a12e0bd.js} +2 -2
- package/dist/esm/index.js +3 -4
- package/dist/esm/loader.js +5 -6
- package/dist/esm/{node-annotation.abstract-d7d52bce.js → node-annotation.abstract-af11b11b.js} +1 -1
- package/dist/esm/{sub-state-notify-slimmer-48bad548.js → sub-state-notify-slimmer-7d5a295a.js} +1 -1
- package/dist/esm/{sub-state-observer-slimmer-403cc4e7.js → sub-state-observer-slimmer-901c7953.js} +1 -1
- package/dist/esm/vega-button-group_2.entry.js +3 -3
- package/dist/esm/vega-calendar_3.entry.js +3 -3
- package/dist/esm/vega-checkbox_2.entry.js +2 -2
- package/dist/esm/vega-color-picker.entry.js +2 -2
- package/dist/esm/vega-combo-box.entry.js +2 -2
- package/dist/esm/vega-date-picker_2.entry.js +498 -117
- package/dist/esm/vega-dropdown_5.entry.js +68 -19
- package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
- package/dist/esm/vega-file-uploader.entry.js +120 -40
- package/dist/esm/vega-font.entry.js +8 -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 +3 -3
- 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-input.entry.js +3 -3
- package/dist/esm/{vega-internal-event-id-4af5c6e9.js → vega-internal-event-id-458939b6.js} +2 -1
- package/dist/esm/vega-left-nav_5.entry.js +3 -3
- package/dist/esm/vega-pagination.entry.js +3 -3
- package/dist/esm/vega-popover_2.entry.js +2 -2
- package/dist/esm/vega-radio_2.entry.js +2 -2
- package/dist/esm/vega-rich-text-content.entry.js +28 -6
- package/dist/esm/vega-rich-text-editor_4.entry.js +28 -12
- package/dist/esm/vega-selection-chip_2.entry.js +4 -4
- package/dist/esm/vega-selection-tile_2.entry.js +4 -4
- package/dist/esm/vega-sidenav_3.entry.js +3 -3
- package/dist/esm/vega-signature-capture.entry.js +2 -2
- package/dist/esm/vega-stepper.entry.js +2 -2
- package/dist/esm/vega-table_8.entry.js +3 -3
- package/dist/esm/vega-textarea.entry.js +2 -2
- package/dist/esm/vega-time-picker_2.entry.js +3 -3
- package/dist/esm/vega-toggle-switch.entry.js +2 -2
- package/dist/esm/vega-tooltip_2.entry.js +1 -1
- package/dist/esm/vega.js +5 -6
- package/dist/types/components/vega-date-picker/assets/icons.d.ts +1 -1
- package/dist/types/components/vega-date-picker/slimmers/controllers/vega-date-picker-calendar-controller.d.ts +4 -18
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-month-year-dropdown-renderer.d.ts +85 -0
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-calendar-renderer.d.ts +6 -0
- package/dist/types/components/vega-date-picker/slimmers/renderers/vega-date-picker-renderer.d.ts +2 -0
- package/dist/types/components/vega-date-picker/vega-date-picker.d.ts +12 -2
- package/dist/types/components/vega-dropdown/slimmers/controllers/vega-dropdown-appender-controller.d.ts +20 -0
- package/dist/types/components/vega-dropdown/vega-dropdown.d.ts +10 -0
- package/dist/types/components/vega-file-uploader/slimmers/controllers/vega-file-uploader-file-limit-controller.d.ts +18 -0
- package/dist/types/components/vega-file-uploader/slimmers/renderers/vega-file-uploader-container-renderer.d.ts +15 -0
- package/dist/types/components/vega-file-uploader/vega-file-uploader.d.ts +12 -0
- package/dist/types/components/vega-input-select/types.d.ts +1 -0
- package/dist/types/components/vega-pagination/internal/vega-pagination-page-size-selector.d.ts +2 -0
- package/dist/types/components/vega-pagination/types.d.ts +6 -0
- package/dist/types/components/vega-pagination/vega-pagination.d.ts +9 -1
- package/dist/types/components/vega-rich-text-content/slimmers/renderers/vega-rich-text-content-renderer.d.ts +3 -0
- package/dist/types/components/vega-rich-text-content/vega-rich-text-content.d.ts +4 -1
- package/dist/types/components/vega-rich-text-editor/slimmers/controllers/value-controller.d.ts +4 -0
- package/dist/types/components/vega-rich-text-editor/vega-rich-text-editor.d.ts +3 -1
- package/dist/types/components.d.ts +49 -5
- package/dist/types/helpers/event-manager/event-id/vega-internal-event-id.d.ts +1 -0
- package/dist/types/helpers/slimmers/field-error-controller-silmmer.d.ts +7 -2
- package/dist/types/helpers/ui/element-appender.d.ts +4 -0
- package/dist/types/helpers/validator/rules/rich-text-editor-required-rule.d.ts +1 -1
- package/dist/types/types/components.type.d.ts +1 -1
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/p-032ed643.entry.js +13 -0
- package/dist/vega/{p-f48711fa.entry.js → p-13ce8d87.entry.js} +1 -1
- package/dist/vega/{p-f84fd31c.js → p-26af2a8b.js} +1 -1
- package/dist/vega/{p-dcdac4d0.entry.js → p-2ff936da.entry.js} +1 -1
- package/dist/vega/{p-8fc170d9.entry.js → p-317c72e4.entry.js} +1 -1
- package/dist/vega/{p-4f0b56fc.js → p-349dd552.js} +1 -1
- package/dist/vega/p-36ad5ee1.entry.js +1 -0
- package/dist/vega/p-42465abc.entry.js +1 -0
- package/dist/vega/{p-7ecbf764.entry.js → p-43b6aced.entry.js} +1 -1
- package/dist/vega/{p-c6f544fe.entry.js → p-441c9c90.entry.js} +1 -1
- package/dist/vega/{p-926596cc.js → p-446c691b.js} +1 -1
- package/dist/vega/{p-1a64716b.entry.js → p-4d307520.entry.js} +1 -1
- package/dist/vega/p-524ff1a3.entry.js +1 -0
- package/dist/vega/p-558450ba.entry.js +1 -0
- package/dist/vega/{p-c02f650e.entry.js → p-589530e4.entry.js} +1 -1
- package/dist/vega/{p-71eeb279.entry.js → p-5ae1a322.entry.js} +1 -1
- package/dist/vega/p-5f377954.js +1 -1
- package/dist/vega/{p-fc6ea557.entry.js → p-61cffe6a.entry.js} +1 -1
- package/dist/vega/{p-5760619c.entry.js → p-6bf28253.entry.js} +1 -1
- package/dist/vega/{p-b6f09c98.entry.js → p-6df81ec2.entry.js} +1 -1
- package/dist/vega/p-75bca1c6.js +1 -0
- package/dist/vega/{p-4873be94.entry.js → p-7b72dc7a.entry.js} +1 -1
- package/dist/vega/{p-b9a09a76.js → p-83d87df5.js} +1 -1
- package/dist/vega/{p-c56965fc.entry.js → p-8a77ff64.entry.js} +1 -1
- package/dist/vega/{p-e480babd.entry.js → p-906991ec.entry.js} +1 -1
- package/dist/vega/{p-f6b89936.entry.js → p-96389073.entry.js} +1 -1
- package/dist/vega/{p-f31bb1fd.js → p-983c7d9b.js} +1 -1
- package/dist/vega/{p-91aa058f.entry.js → p-9ec7d6c4.entry.js} +1 -1
- package/dist/vega/{p-f2cc36ae.entry.js → p-a213b305.entry.js} +1 -1
- package/dist/vega/{p-e093b2c5.entry.js → p-a956561e.entry.js} +1 -1
- package/dist/vega/{p-625771d7.entry.js → p-b0c6cc78.entry.js} +1 -1
- package/dist/vega/{p-b57792b7.js → p-b1524c6c.js} +1 -1
- package/dist/vega/{p-2bbcb1ca.entry.js → p-bd2cdf10.entry.js} +1 -1
- package/dist/vega/p-c06e55d6.js +1 -0
- package/dist/vega/{p-eaf6c3d8.entry.js → p-cea7506a.entry.js} +1 -1
- package/dist/vega/p-cff45d92.entry.js +1 -0
- package/dist/vega/p-d3d4bf51.entry.js +1 -0
- package/dist/vega/{p-0be711b6.entry.js → p-df4142dd.entry.js} +1 -1
- package/dist/vega/p-df9dbe2d.entry.js +1 -0
- package/dist/vega/p-ebb30774.entry.js +1 -0
- package/dist/vega/{p-e04d4ba3.entry.js → p-eed64b78.entry.js} +1 -1
- package/dist/vega/{p-193d2c51.entry.js → p-f7fdf737.entry.js} +1 -1
- package/dist/vega/p-fe9644a0.js +1 -0
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/content-state-3e4467a3.js +0 -134
- package/dist/esm/content-state-f39c4bbf.js +0 -132
- package/dist/vega/p-0634f06b.entry.js +0 -1
- package/dist/vega/p-0ee10fd7.js +0 -1
- package/dist/vega/p-21d59593.entry.js +0 -1
- package/dist/vega/p-42df8a42.js +0 -1
- package/dist/vega/p-5dd923e0.entry.js +0 -1
- package/dist/vega/p-6d23c08b.entry.js +0 -1
- package/dist/vega/p-7258cb9c.entry.js +0 -1
- package/dist/vega/p-85365f8b.js +0 -1
- package/dist/vega/p-b0e824df.entry.js +0 -13
- package/dist/vega/p-c016c3b2.entry.js +0 -1
- package/dist/vega/p-c88acd87.entry.js +0 -1
- package/dist/vega/p-f357cf46.js +0 -1
- package/dist/vega/p-ff50c204.entry.js +0 -1
|
@@ -0,0 +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 u}from"./p-6bd5c49b.js";import{V as f,I as g}from"./p-4387d550.js";import{f as m,k as w,l as x}from"./p-79ec5d69.js";import{N as b,O as y}from"./p-b1f65b13.js";import{c as S}from"./p-86194314.js";import{D as R}from"./p-29b09aad.js";import{f as j,d as C,m as I,n as k,b as O,k as T,o as D,p as M,a as L}from"./p-6a3989dd.js";import{K as E}from"./p-de25326f.js";import{E as z}from"./p-983c7d9b.js";import{r as H}from"./p-4b500240.js";import{k as K,e as A,j as V,i as W,f as N}from"./p-fe9644a0.js";import{i as $}from"./p-b0502d01.js";import{c as _}from"./p-c06e55d6.js";import{M as P}from"./p-987fbbd0.js";import{C as B}from"./p-2d0d575f.js";import{c as U}from"./p-e8f540d8.js";import{C as F}from"./p-72eee5e2.js";import{k as Y}from"./p-d057999f.js";import{T as q}from"./p-b688a71b.js";import{C as G}from"./p-be12fa36.js";import{S as X}from"./p-349dd552.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-6a5a5c7b.js";import"./p-781fd6e0.js";import"./p-262ec334.js";import"./p-6a334573.js";import"./p-5f589974.js";import"./p-4bcd6612.js";import"./p-6705c68a.js";import"./p-0c667d6a.js";import"./p-0af4bda9.js";import"./p-de664bdd.js";import"./p-33b62194.js";import"./p-5f377954.js";import"./p-ff4bafa3.js";import"./p-7a40e033.js";import"./p-112455b1.js";var J=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 Q 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}}J([l()],Q.prototype,"host",void 0),J([l()],Q.prototype,"maxHeight",void 0),J([l()],Q.prototype,"searchable",void 0),J([l()],Q.prototype,"searchRenderer",void 0),J([l()],Q.prototype,"createRenderer",void 0),J([l()],Q.prototype,"listRenderer",void 0),J([l()],Q.prototype,"renderModeController",void 0),J([d("componentDidRender")],Q.prototype,"componentDidRender",null);var Z=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 ee 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:[]}}Z([l({writable:!0})],ee.prototype,"source",void 0),Z([l({writable:!0})],ee.prototype,"sourceForRender",void 0),Z([l()],ee.prototype,"searchController",void 0),Z([l()],ee.prototype,"renderModeController",void 0),Z([d("componentWillLoad")],ee.prototype,"componentWillLoad",null),Z([d("watchSource")],ee.prototype,"watchSource",null);var te=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{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"}))}}te([l()],ie.prototype,"searchString",void 0),te([l()],ie.prototype,"dynamicOption",void 0),te([l()],ie.prototype,"sourceForRender",void 0),te([l()],ie.prototype,"appenderController",void 0),te([l()],ie.prototype,"childrenController",void 0),te([l()],ie.prototype,"renderModeController",void 0),te([l()],ie.prototype,"createEventEmitter",void 0);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};class re 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"}))}}oe([l()],re.prototype,"host",void 0),oe([l()],re.prototype,"isLoading",void 0),oe([l()],re.prototype,"searchString",void 0),oe([l()],re.prototype,"itemDisplayRule",void 0),oe([l()],re.prototype,"sourceForRender",void 0),oe([l()],re.prototype,"itemLevelRenderer",void 0),oe([l()],re.prototype,"groupLevelRenderer",void 0),oe([l()],re.prototype,"isLazyLoading",void 0),oe([l()],re.prototype,"isDropdownShow",void 0),oe([l()],re.prototype,"renderModeController",void 0),oe([l()],re.prototype,"translationSlimmer",void 0);var ne=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 se 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}))}}ne([l()],se.prototype,"host",void 0),ne([l()],se.prototype,"selectType",void 0),ne([l()],se.prototype,"caseSensitive",void 0),ne([l()],se.prototype,"searchString",void 0),ne([l()],se.prototype,"selectedController",void 0),ne([l()],se.prototype,"sourceController",void 0),ne([l()],se.prototype,"remoteInvocationController",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 le extends h{constructor(){super(...arguments),this.clear=()=>{this.searchString=null,this.searchInputRef&&(this.searchInputRef.value="")},this.onInputSearch=e=>{this.searchInputRef=e,R.addUniqueObserverToNode(e,j,(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")}}))}}ae([l()],le.prototype,"searchable",void 0),ae([l({writable:!0})],le.prototype,"searchString",void 0),ae([l()],le.prototype,"source",void 0),ae([l()],le.prototype,"useDefaultFilter",void 0),ae([l()],le.prototype,"searchEventEmitter",void 0),ae([l()],le.prototype,"searchTriggerEventEmitter",void 0),ae([l()],le.prototype,"isDropdownShow",void 0),ae([l()],le.prototype,"sourceController",void 0),ae([l()],le.prototype,"renderModeController",void 0),ae([l()],le.prototype,"searchTriggerBy",void 0),ae([d("search")],le.prototype,"userSearch",null);var de=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 he 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()}}}de([l()],he.prototype,"host",void 0),de([l()],he.prototype,"trigger",void 0),de([l()],he.prototype,"isDropdownShow",void 0),de([l()],he.prototype,"renderer",void 0),de([l()],he.prototype,"appenderController",void 0),de([l()],he.prototype,"listRenderer",void 0);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 pe extends z{constructor(){super((()=>this.generateShowConfigFactory()),(()=>this.trigger))}connectedCallback(){this.registerRemoteMethod()}disconnectedCallback(){H.unRegister(C.getSubject(this.host,K))}async watchIsDropdownShow(){this.isDropdownShow?this.showEventEmitter.emit():(this.searchRenderer.clear(),this.hideEventEmitter.emit())}userShow(){this.isDropdownShow||this.show()}userHide(){this.isDropdownShow&&this.hide()}generateShowConfigFactory(){return{target:this.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,isScreenPosition:this.isScreenPosition}}registerRemoteMethod(){H.register(C.getSubject(this.host,K),(e=>{this.target=e,super.updateShowConfigFactory(this.generateShowConfigFactory.bind(this))}))}}ce([l()],pe.prototype,"host",void 0),ce([l()],pe.prototype,"trigger",void 0),ce([l({writable:!0})],pe.prototype,"isDropdownShow",void 0),ce([l()],pe.prototype,"positionRelativeTo",void 0),ce([l()],pe.prototype,"matchTargetWidth",void 0),ce([l()],pe.prototype,"matchContainerHeight",void 0),ce([l()],pe.prototype,"size",void 0),ce([l()],pe.prototype,"minWidth",void 0),ce([l()],pe.prototype,"maxWidth",void 0),ce([l()],pe.prototype,"translocation",void 0),ce([l()],pe.prototype,"maxHeight",void 0),ce([l()],pe.prototype,"placement",void 0),ce([l()],pe.prototype,"alignment",void 0),ce([l()],pe.prototype,"renderer",void 0),ce([l()],pe.prototype,"searchRenderer",void 0),ce([l()],pe.prototype,"showEventEmitter",void 0),ce([l()],pe.prototype,"hideEventEmitter",void 0),ce([l()],pe.prototype,"isScreenPosition",void 0),ce([d("connectedCallback")],pe.prototype,"connectedCallback",null),ce([d("disconnectedCallback")],pe.prototype,"disconnectedCallback",null),ce([d("watchIsDropdownShow")],pe.prototype,"watchIsDropdownShow",null),ce([d("show")],pe.prototype,"userShow",null),ce([d("hide")],pe.prototype,"userHide",null);var ve=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{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))))}}ve([l()],ue.prototype,"sourceForRender",void 0),ve([l()],ue.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 ge 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()],ge.prototype,"host",void 0),fe([l()],ge.prototype,"searchString",void 0),fe([l()],ge.prototype,"caseSensitive",void 0),fe([l()],ge.prototype,"useDefaultFilter",void 0),fe([l()],ge.prototype,"searchable",void 0),fe([l()],ge.prototype,"remoteInvocationController",void 0);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 we 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)&&$(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}}me([l()],we.prototype,"host",void 0),me([l()],we.prototype,"selectType",void 0),me([l()],we.prototype,"source",void 0),me([l({writable:!0})],we.prototype,"selectedSourceKey",void 0),me([l()],we.prototype,"vegaDropdownClick",void 0),me([l()],we.prototype,"appenderController",void 0),me([l()],we.prototype,"childrenController",void 0),me([l()],we.prototype,"renderModeController",void 0),me([l()],we.prototype,"dropdownClickEventEmitter",void 0),me([d("componentWillLoad")],we.prototype,"componentWillLoad",null),me([d("clearSelection")],we.prototype,"clearSelection",null),me([d("getSelection")],we.prototype,"getSelection",null),me([d("setSelection")],we.prototype,"watchSelectedRowKeySet",null),me([d("watchSelectType")],we.prototype,"watchSelectType",null),me([d("watchSelectedSourceKey")],we.prototype,"watchSelectedSourceKey",null),me([d("watchSource")],we.prototype,"watchSource",null);var xe=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 be 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"}}xe([l()],be.prototype,"host",void 0),xe([l()],be.prototype,"renderer",void 0),xe([d("connectedCallback")],be.prototype,"connectedCallback",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 Se extends h{constructor(){super(...arguments),this.mutationObserver=new P({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;B.notify(C.getSubject(this.host,A),e.querySelectorAll("vega-dropdown-item"))}}ye([l()],Se.prototype,"host",void 0),ye([l()],Se.prototype,"source",void 0),ye([l()],Se.prototype,"sourceController",void 0),ye([l()],Se.prototype,"renderModeController",void 0),ye([l()],Se.prototype,"listRenderer",void 0),ye([l()],Se.prototype,"renderer",void 0),ye([l()],Se.prototype,"selectedController",void 0),ye([p()],Se.prototype,"mutationObserver",void 0),ye([d("disconnectedCallback")],Se.prototype,"disconnectedCallback",null),ye([d("componentWillLoad")],Se.prototype,"componentWillLoad",null),ye([d("componentDidLoad")],Se.prototype,"componentDidLoad",null),ye([d("watchSource")],Se.prototype,"watchSource",null);const Re=[{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 je=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 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`}}}je([l()],Ce.prototype,"isDropdownShow",void 0),je([l()],Ce.prototype,"renderModeController",void 0),je([l()],Ce.prototype,"sourceForRender",void 0),je([l()],Ce.prototype,"selectType",void 0),je([l()],Ce.prototype,"selectedSourceKey",void 0),je([l()],Ce.prototype,"searchable",void 0),je([l()],Ce.prototype,"listRenderer",void 0),je([l()],Ce.prototype,"renderer",void 0),je([d("watchIsDropdownShow")],Ce.prototype,"watchIsDropdownShow",null);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 ke extends h{connectedCallback(){this.remotePhoneNumberSearchSubject=C.getSubjectFromParentNodeByEventId(this.host,V),this.remotePhoneNumberItemRenderSubject=C.getSubjectFromParentNodeByEventId(this.host,W)}callRemoteSearch(...e){if(this.remotePhoneNumberSearchSubject){const t=H.call(this.remotePhoneNumberSearchSubject,...e);if(t)return t}return null}callRemoteItemRender(...e){if(this.remotePhoneNumberItemRenderSubject){const t=H.call(this.remotePhoneNumberItemRenderSubject,...e);if(t)return t}return null}}Ie([l()],ke.prototype,"host",void 0),Ie([d("connectedCallback")],ke.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 q,this.renderer=new Q,this.sourceController=new ee,this.searchRenderer=new le,this.createRenderer=new ie,this.listRenderer=new re,this.groupLevelRenderer=new ue,this.itemLevelRenderer=new se,this.keyboardController=new he,this.appenderController=new pe,this.searchController=new ge,this.childrenController=new Se,this.selectedController=new we,this.renderModeController=new be,this.scrollableController=new Ce,this.remoteInvocationController=new ke,this.selectTypeNotifySlimmer=_(Te,"selectType","watchSelectType"),this.selectedSourceKeyNotifySlimmer=_(Te,"selectedSourceKey","watchSelectedSourceKey"),this.prefixIconSlotNotifySlimmer=_(Te,"prefixIconSlot","watchPrefixIconSlot"),this.itemClickObserver=new F(Y,(e=>this.selectedController.select(e.detail.itemKey)),this.selectedController.isAcceptableItemSelectionObserver.bind(this.selectedController)),this.showEventEmitter=U(Te,I),this.hideEventEmitter=U(Te,k),this.dropdownClickEventEmitter=U(Te,O),this.createEventEmitter=U(Te,T),this.searchEventEmitter=U(Te,D),this.searchTriggerEventEmitter=U(Te,M),this.itemDisplayRuleNotifySlimmer=_(Te,"itemDisplayRule","watchItemDisplayRule"),this.vegaComponentUsageRuntimeMetricsSlimmer=new f(Re),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,this.isScreenPosition=!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 u(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 De=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 Me=class{constructor(e){i(this,e),this.globalSlimmers={},this.eventPrevent=new G([L],(()=>this.host),void 0,!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new f}render(){return a(e(r,null,e("slot",null)),this.host)}get host(){return n(this)}};De([g()],Me.prototype,"globalSlimmers",void 0),De([p()],Me.prototype,"eventPrevent",void 0),De([p()],Me.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Me.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 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 Ee 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"})}}Le([l()],Ee.prototype,"label",void 0),Le([l()],Ee.prototype,"divide",void 0);var ze=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 He=class{constructor(e){i(this,e),this.globalSlimmers={},this.renderer=new Ee,this.vegaComponentUsageRuntimeMetricsSlimmer=new f,this.divide=!0}render(){return u(e("slot",null)),a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}};ze([g()],He.prototype,"globalSlimmers",void 0),ze([p()],He.prototype,"renderer",void 0),ze([p()],He.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),He.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 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};class Ae 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)}}Ke([l()],Ae.prototype,"host",void 0),Ke([l()],Ae.prototype,"label",void 0),Ke([l()],Ae.prototype,"count",void 0),Ke([l()],Ae.prototype,"prefixIcon",void 0),Ke([l()],Ae.prototype,"prefixIconSlot",void 0),Ke([l()],Ae.prototype,"disabled",void 0),Ke([l()],Ae.prototype,"selected",void 0),Ke([l()],Ae.prototype,"selectType",void 0),Ke([l()],Ae.prototype,"height",void 0),Ke([l()],Ae.prototype,"itemDisplayRule",void 0),Ke([l()],Ae.prototype,"danger",void 0),Ke([l()],Ae.prototype,"vegaDropdownItemClickController",void 0);var Ve=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 We extends X{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})}}Ve([l()],We.prototype,"host",void 0),Ve([l({writable:!0})],We.prototype,"selectType",void 0),Ve([l()],We.prototype,"itemKey",void 0),Ve([l({writable:!0})],We.prototype,"selected",void 0),Ve([l({writable:!0})],We.prototype,"prefixIconSlot",void 0),Ve([l({writable:!0})],We.prototype,"itemDisplayRule",void 0);var Ne=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 $e extends h{handleClick(e){this.clickEventEmitter.emit({itemKey:this.itemKey},e),B.notify(Y,{host:this.host,detail:{itemKey:this.itemKey}})}}Ne([l()],$e.prototype,"host",void 0),Ne([l()],$e.prototype,"itemKey",void 0),Ne([l()],$e.prototype,"vegaClick",void 0),Ne([l()],$e.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 Pe=class{constructor(e){i(this,e),this.vegaClick=o(this,"vegaClick",7),this.click=o(this,"click",7),this.globalSlimmers={},this.renderer=new Ae,this.vegaDropdownItemStateController=new We,this.vegaDropdownItemClickController=new $e,this.dropdownItemEventPrevent=new G([j],(()=>this.host)),this.clickEventEmitter=U(Pe,L),this.vegaComponentUsageRuntimeMetricsSlimmer=new f,this.prefixIconSlot=!1,this.selected=!1,this.itemDisplayRule="newline",this.disabled=!1,this.danger=!1}render(){return u(e("slot",null)),a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}};_e([g()],Pe.prototype,"globalSlimmers",void 0),_e([p()],Pe.prototype,"renderer",void 0),_e([p()],Pe.prototype,"vegaDropdownItemStateController",void 0),_e([p()],Pe.prototype,"vegaDropdownItemClickController",void 0),_e([p()],Pe.prototype,"dropdownItemEventPrevent",void 0),_e([p()],Pe.prototype,"clickEventEmitter",void 0),_e([p()],Pe.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Pe.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 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 Ye 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()||B.notify(C.getSubject(this.host,N),{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}}Fe([l()],Ye.prototype,"sourceItemIdentifier",void 0),Fe([l()],Ye.prototype,"source",void 0),Fe([l()],Ye.prototype,"host",void 0),Fe([l()],Ye.prototype,"viewportMaxHeight",void 0),Fe([l()],Ye.prototype,"approxItemHeight",void 0),Fe([l({writable:!0})],Ye.prototype,"scrollTop",void 0),Fe([l()],Ye.prototype,"positionConfig",void 0),Fe([l()],Ye.prototype,"isLoading",void 0),Fe([l()],Ye.prototype,"renderer",void 0),Fe([l()],Ye.prototype,"positionController",void 0),Fe([l()],Ye.prototype,"modeController",void 0),Fe([d("componentDidLoad")],Ye.prototype,"componentDidLoad",null),Fe([d("componentDidRender")],Ye.prototype,"componentDidRender",null),Fe([d("watchScrollTop")],Ye.prototype,"watchScrollTop",null),Fe([d("watchSourceChange")],Ye.prototype,"watchSourceChange",null),Fe([d("watchApproxItemHeight")],Ye.prototype,"watchApproxItemHeight",null),Fe([d("watchViewportMaxHeight")],Ye.prototype,"watchViewportMaxHeight",null),Fe([d("scrollToIndex")],Ye.prototype,"scrollToIndex",null);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};class Ge 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()))}}qe([l()],Ge.prototype,"source",void 0),qe([l()],Ge.prototype,"renderItem",void 0),qe([l()],Ge.prototype,"approxItemHeight",void 0),qe([l()],Ge.prototype,"positionConfig",void 0),qe([l()],Ge.prototype,"viewportMaxHeight",void 0),qe([l()],Ge.prototype,"modeController",void 0),qe([l()],Ge.prototype,"loadingRenderer",void 0);var Xe=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{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()}}Xe([l()],Je.prototype,"source",void 0),Xe([l()],Je.prototype,"virtualizationThreshold",void 0),Xe([l()],Je.prototype,"positionController",void 0),Xe([d("componentWillLoad")],Je.prototype,"componentWillLoad",null),Xe([d("watchVirtualizationThreshold")],Je.prototype,"watchVirtualizationThreshold",null),Xe([d("watchSourceChange")],Je.prototype,"watchSourceChange",null);class Qe 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()],Qe.prototype,"isLoading",void 0);var Ze=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 et=class{constructor(e){i(this,e),this.globalSlimmers={},this.modeController=new Je,this.positionController=new Ue,this.scrollableController=new Ye,this.renderer=new Ge,this.loadingRenderer=new Qe,this.vegaComponentUsageRuntimeMetricsSlimmer=new f,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"]}}};Ze([g()],et.prototype,"globalSlimmers",void 0),Ze([p()],et.prototype,"modeController",void 0),Ze([p()],et.prototype,"positionController",void 0),Ze([p()],et.prototype,"scrollableController",void 0),Ze([p()],et.prototype,"renderer",void 0),Ze([p()],et.prototype,"loadingRenderer",void 0),Ze([p()],et.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),et.style=":host .virtual-scroll-more-loading{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}";export{Te as vega_dropdown,Me as vega_dropdown_content_box,He as vega_dropdown_group,Pe as vega_dropdown_item,et as vega_virtual_scroll}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as e,H as t,r as i,c as o,g as a}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{R as n}from"./p-3152031c.js";import{c as s,V as l,M as d,I as p}from"./p-6e1ab235.js";import{R as c}from"./p-6705c68a.js";import{m as h}from"./p-6bd5c49b.js";import{V as g,I as v}from"./p-4387d550.js";import{D as m}from"./p-29b09aad.js";import{a as u,f,s as b,y as x}from"./p-6a3989dd.js";import{b as w}from"./p-d057999f.js";import{C as y}from"./p-2d0d575f.js";import{c as j}from"./p-86194314.js";import{V as R}from"./p-149d2801.js";import{F as I}from"./p-b1524c6c.js";import{f as C,d as k}from"./p-79ec5d69.js";import{C as U}from"./p-be12fa36.js";import{c as O}from"./p-e8f540d8.js";import{T as z}from"./p-b688a71b.js";import"./p-b1f65b13.js";import"./p-ed45b3b6.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-4bcd6612.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-33b62194.js";import"./p-6a334573.js";import"./p-0bb29d98.js";import"./p-fe9644a0.js";import"./p-de664bdd.js";import"./p-5f589974.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-0af4bda9.js";import"./p-5f377954.js";import"./p-ff4bafa3.js";import"./p-7a40e033.js";import"./p-112455b1.js";var V=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 F extends l{getImageUploaderContainer(){return this.imageUploaderContainerRef}render(){return e(t,{class:{disabled:this.disabled}},this.renderLabelDom(),e("div",{ref:e=>this.imageUploaderContainerRef=e,class:{"vega-image-uploader-select":!0,"disabled-border":this.disabled&&!this.value},style:{width:this.getSize(this.width),height:this.getSize(this.height)}},this.renderContentByStatus()),this.inputRenderer.render(),this.renderHint())}renderLabelDom(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContentByStatus(){if("uploading"===this.status)return this.uploadingContentRenderer.render();{const e=this.previewController.getImagePreviewURL();return e?this.previewContentRenderer.render(e):this.defaultContentRenderer.render()}}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}getSize(e){if(e){const t=c.format(e,"size");return"number"==typeof t?`${t}px`:`${t}`}}}V([s({componentFieldName:"vegaImageUploaderInputRenderer"})],F.prototype,"inputRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderDefaultContentRenderer"})],F.prototype,"defaultContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderPreviewContentRenderer"})],F.prototype,"previewContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderUploadingContentRenderer"})],F.prototype,"uploadingContentRenderer",void 0),V([s({componentFieldName:"vegaImageUploaderPreviewController"})],F.prototype,"previewController",void 0),V([s()],F.prototype,"value",void 0),V([s()],F.prototype,"disabled",void 0),V([s()],F.prototype,"status",void 0),V([s()],F.prototype,"label",void 0),V([s()],F.prototype,"required",void 0),V([s()],F.prototype,"width",void 0),V([s()],F.prototype,"height",void 0),V([s()],F.prototype,"hint",void 0);var N=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 D extends l{constructor(){super(...arguments),this.handleFileInputChange=e=>{e.stopPropagation();const t=e.target;t.files.length&&this.valueController.setValue(t.files[0])}}getFileInputRef(){return this.fileInputRef}render(){return e("input",{type:"file",accept:this.accept,class:"v-hidden",ref:e=>this.fileInputRef=e,onChange:this.handleFileInputChange})}}N([s({componentFieldName:"vegaImageUploaderValueController"})],D.prototype,"valueController",void 0),N([s()],D.prototype,"accept",void 0);var 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);return r>3&&n&&Object.defineProperty(t,i,n),n};class A extends l{triggerInputClick(){this.disabled||this.inputRenderer.getFileInputRef().click()}resetInput(){this.inputRenderer.getFileInputRef().value=""}}E([s({componentFieldName:"vegaImageUploaderInputRenderer"})],A.prototype,"inputRenderer",void 0),E([s()],A.prototype,"disabled",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 S extends l{constructor(){super(...arguments),this.renderActionButton=t=>{const i=this.getButtonOptions(t);return e("vega-button-circle",Object.assign({size:"small",variant:"icon-only",iconColor:"text-inverted-primary",role:"menuitem",ref:e=>{m.addUniqueObserverToNode(e,u,(()=>{this.handleClick(t)}))}},i))}}handleClick(e){switch(e){case"Preview":this.previewController.showPreview();break;case"Delete":this.removeController.showRemoveDialog();break;case"Replace":this.inputController.triggerInputClick()}}render(){return this.showRemoveButton||this.showPreviewButton||this.showReplaceButton?e("span",{class:"actions"},this.showPreviewButton&&this.renderActionButton("Preview"),this.showReplaceButton&&!this.disabled&&this.renderActionButton("Replace"),this.showRemoveButton&&!this.disabled&&this.renderActionButton("Delete")):null}getButtonOptions(e){let t;switch(e){case"Preview":t={icon:"zoom-in",label:e};break;case"Delete":t={icon:"delete-bin",label:e};break;case"Replace":t={icon:"photo",label:e}}return t}}P([s({componentFieldName:"vegaImageUploaderInputController"})],S.prototype,"inputController",void 0),P([s({componentFieldName:"vegaImageUploaderValueController"})],S.prototype,"valueController",void 0),P([s({componentFieldName:"vegaImageUploaderPreviewController"})],S.prototype,"previewController",void 0),P([s({componentFieldName:"vegaImageUploaderRemoveController"})],S.prototype,"removeController",void 0),P([s()],S.prototype,"disabled",void 0),P([s()],S.prototype,"showPreviewButton",void 0),P([s()],S.prototype,"showRemoveButton",void 0),P([s()],S.prototype,"showReplaceButton",void 0),P([s()],S.prototype,"removeEventEmitter",void 0);var L=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 T extends l{handleValueChange(){this.value||this.inputController.resetInput(),this.changeEventEmitter.emit(this.value),y.notify(w,{host:this.host,detail:this.value})}setValue(e){this.value=e}}L([s({writable:!0})],T.prototype,"value",void 0),L([s()],T.prototype,"changeEventEmitter",void 0),L([s()],T.prototype,"host",void 0),L([s({componentFieldName:"vegaImageUploaderInputController"})],T.prototype,"inputController",void 0),L([d("watchValue")],T.prototype,"handleValueChange",null);var _=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 B extends l{constructor(){super(...arguments),this.getImagePreviewURL=e=>{if(e=e||this.value)return e.url||URL.createObjectURL(e)},this.generatePreviewModal=e=>{const t=document.createElement("vega-modal");return this.value&&this.value.name&&(t.modalTitle=this.value.name),t.innerHTML=`\n <div style='text-align: center'>\n <img style='width: 100%' class="preview-image" src="${e}" alt="" />\n </div>\n `,this.previewModalRef=t,document.body.append(t),t}}disconnectedCallback(){var e;null===(e=this.previewModalRef)||void 0===e||e.remove()}showPreview(){const e=this.getImagePreviewURL();if(this.previewModalRef){const t=this.previewModalRef.querySelector(".preview-image");t&&e&&(t.src=e),this.value&&this.value.name&&(this.previewModalRef.modalTitle=this.value.name),this.previewModalRef.modal("show")}else this.generatePreviewModal(e).modal("show")}}_([s()],B.prototype,"value",void 0),_([d("disconnectedCallback")],B.prototype,"disconnectedCallback",null),_([d("getContentURL")],B.prototype,"getImagePreviewURL",void 0);class K extends l{render(t){const i=this.actionsRenderer.render();return e("div",{class:{"image-preview-container":!0,"actions-backdrop":!!i},tabIndex:0,role:"menu"},e("img",{src:t,alt:""}),i)}}!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)}([s({componentFieldName:"vegaImageUploaderActionsRenderer"})],K.prototype,"actionsRenderer",void 0);var $=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 q extends l{constructor(){super(...arguments),this.handleCancelUploading=e=>{e.stopPropagation(),this.status=void 0,this.removeController.handleRemoveFile(),this.cancelEventEmitter.emit()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleCancelUploading,onKeyDown:j()},e("span",{class:"action-loading"}),e("div",{class:"vega-image-uploader-text cancel-action"},"Cancel"))}}$([s({componentFieldName:"vegaImageUploaderRemoveController"})],q.prototype,"removeController",void 0),$([s({writable:!0})],q.prototype,"status",void 0),$([s()],q.prototype,"cancelEventEmitter",void 0);var G=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 H extends l{constructor(){super(...arguments),this.handleUploaderClick=e=>{e.stopPropagation(),this.inputController.triggerInputClick()}}render(){return e("div",{class:"action-wrapper",role:"button",tabIndex:0,onClick:this.handleUploaderClick,onKeyDown:j()},e("vega-icon",{icon:"plus-sign",size:"size-24"}),e("div",{class:"vega-image-uploader-text"},this.translationSlimmer.t(this.actionTitle)),this.renderSubtitle())}renderSubtitle(){return this.actionSubTitle&&e("div",{class:"sub-title"},this.actionSubTitle)}}G([s({componentFieldName:"vegaImageUploaderInputController"})],H.prototype,"inputController",void 0),G([s()],H.prototype,"actionTitle",void 0),G([s()],H.prototype,"actionSubTitle",void 0),G([s()],H.prototype,"translationSlimmer",void 0);var M=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 J extends l{constructor(){super(...arguments),this.showRemoveDialog=()=>{this.removeDialogRef=R.open({type:"danger",title:"Delete Image",content:"Are you sure you want to delete this image?",handleOk:()=>(this.handleRemoveFile(),!0),okButton:{label:"Delete"}})},this.handleRemoveFile=()=>{this.valueController.setValue(null),this.removeEventEmitter.emit()}}disconnectedCallback(){var e;null===(e=this.removeDialogRef)||void 0===e||e.remove()}}M([s({componentFieldName:"vegaImageUploaderValueController"})],J.prototype,"valueController",void 0),M([s()],J.prototype,"removeEventEmitter",void 0),M([d("disconnectedCallback")],J.prototype,"disconnectedCallback",null);var Q=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 W extends l{handleValueChange(){this.value&&this.hideBackDropAndActions()}hideBackDropAndActions(){const e=k();e&&C(e,"vega-image-uploader")===this.host&&e.blur()}}Q([s()],W.prototype,"host",void 0),Q([s()],W.prototype,"value",void 0),Q([d("watchValue")],W.prototype,"handleValueChange",null);const X=[{payloadKey:"AUTO_VALIDATION_IS_TRUE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!0===e.autoValidation},{payloadKey:"AUTO_VALIDATION_IS_FALSE",payloadDescription:"Determines whether automatic validation should be implemented for image uploads",payloadValue:e=>!1===e.autoValidation}];var Y=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 Z=["jpg","png","jpeg"],ee=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.vegaRemove=o(this,"vegaRemove",7),this.remove=o(this,"remove",7),this.vegaCancel=o(this,"vegaCancel",7),this.cancel=o(this,"cancel",7),this.globalSlimmers={},this.translationSlimmer=new z,this.vegaImageUploaderRenderer=new F,this.vegaImageUploaderUploadingContentRenderer=new q,this.vegaImageUploaderPreviewContentRenderer=new K,this.vegaImageUploaderDefaultContentRenderer=new H,this.vegaImageUploaderInputRenderer=new D,this.vegaImageUploaderActionsRenderer=new S,this.vegaImageUploaderInputController=new A,this.vegaImageUploaderValueController=new T,this.vegaImageUploaderPreviewController=new B,this.vegaImageUploaderRemoveController=new J,this.actionsVisibilityController=new W,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new n:null}],validationRulesName:"validationRules",defaultValue:null,attributeGetter:e=>this[e],inputContainerGetter:()=>this.vegaImageUploaderRenderer.getImageUploaderContainer(),touchableAreaGetter:()=>[this.vegaImageUploaderInputRenderer.getFileInputRef()]}),this.changeEventEmitter=O(ee,f),this.removeEventEmitter=O(ee,b),this.cancelEventEmitter=O(ee,x),this.buttonCircleEventPrevent=new U([u],(()=>this.vegaImageUploaderRenderer.getImageUploaderContainer())),this.vegaComponentUsageRuntimeMetricsSlimmer=new g(X),this.value=null,this.accept=Z.map((e=>`.${e}`)).join(","),this.showPreviewButton=!0,this.showRemoveButton=!0,this.showReplaceButton=!0,this.disabled=!1,this.required=!1,this.isValid=null,this.autoValidation=!0,this.validationRules=[],this.label="",this.actionTitle="Upload",this.width=120,this.height=120}watchValue(){}watchValidationRules(){}disconnectedCallback(){}async getContentURL(e){return h(e)}render(){return r(this.vegaImageUploaderRenderer.render(),this.host)}get host(){return a(this)}static get watchers(){return{value:["watchValue"],validationRules:["watchValidationRules"]}}};Y([v()],ee.prototype,"globalSlimmers",void 0),Y([p()],ee.prototype,"translationSlimmer",void 0),Y([p()],ee.prototype,"vegaImageUploaderRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderUploadingContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderPreviewContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderDefaultContentRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderInputRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderActionsRenderer",void 0),Y([p()],ee.prototype,"vegaImageUploaderInputController",void 0),Y([p()],ee.prototype,"vegaImageUploaderValueController",void 0),Y([p()],ee.prototype,"vegaImageUploaderPreviewController",void 0),Y([p()],ee.prototype,"vegaImageUploaderRemoveController",void 0),Y([p()],ee.prototype,"actionsVisibilityController",void 0),Y([p()],ee.prototype,"formFieldController",void 0),Y([p()],ee.prototype,"changeEventEmitter",void 0),Y([p()],ee.prototype,"removeEventEmitter",void 0),Y([p()],ee.prototype,"cancelEventEmitter",void 0),Y([p()],ee.prototype,"buttonCircleEventPrevent",void 0),Y([p()],ee.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ee.style=':host{display:inline-block;vertical-align:middle}:host .vega-image-uploader-select{box-sizing:border-box;background-color:rgba(var(--v-bg-tertiary, 240, 243, 247, 1));border-radius:8px;border-color:rgba(var(--v-border-color-input-field, 171, 198, 216, 1));display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:dashed;min-width:120px;min-height:120px}:host .vega-image-uploader-select .action-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;width:100%;height:100%;padding:12px;box-sizing:border-box;cursor:pointer;flex-grow:1;outline:none}:host(.disabled) .vega-image-uploader-select.disabled-border{border-color:rgba(var(--v-border-color-input-field-disabled, 222, 225, 227, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border-color:rgba(var(--v-border-color-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}:host(:not(.disabled)) .vega-image-uploader-select:hover .vega-image-uploader-text{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.disabled)) .vega-image-uploader-select .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(:not(.disabled)) .vega-image-uploader-select .error .action-wrapper:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host(.disabled) .vega-image-uploader-select .action-wrapper{cursor:not-allowed}:host(.disabled) .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host(.disabled) .vega-image-uploader-select .action-wrapper .vega-image-uploader-text{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-image-uploader-select .vega-image-uploader-text{padding-top:20px;color:rgba(var(--v-text-link, 19, 98, 226, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-image-uploader-select .vega-image-uploader-text{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select .action-wrapper vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host(:not(.disabled)) .vega-image-uploader-select:not(.error):focus-within{border-color:rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .image-preview-container{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:100%;border-radius:8px;outline:none}:host .image-preview-container img{width:100%;height:100%;border-radius:8px;object-fit:contain}:host .image-preview-container.actions-backdrop::before{width:100%;height:100%;border-radius:8px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;background-color:rgba(0, 0, 0, 0.6);content:" "}:host .vega-image-uploader-select .actions{position:absolute;top:0px;right:0px;bottom:0px;left:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;display:flex;align-items:center;justify-content:center;gap:2px;pointer-events:none}:host .image-preview-container.actions-backdrop:hover::before{opacity:1;pointer-events:auto}:host .image-preview-container:hover .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-visible .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within::before{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .actions-backdrop:focus-within .actions{opacity:1;pointer-events:auto}:host .vega-image-uploader-select .action-loading{position:relative;display:inline-block;width:24px;height:24px}:host .vega-image-uploader-select .action-loading::before{content:" ";display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;border:4px solid rgb(229, 239, 255)}:host .vega-image-uploader-select .action-loading::after{display:block;border-radius:9999px;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:" ";border-style:solid;border-width:4px;border-color:rgb(153, 192, 255) transparent transparent transparent;animation:loading 1.2s linear infinite}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host .vega-image-uploader-select .action-wrapper .cancel-action{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host vega-input{display:none}:host input[type=file]{display:none}:host .vega-error{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));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .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){:host .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){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-image-uploader-select.error{border-color:rgba(var(--v-border-color-input-field-danger, 230, 50, 87, 1))}:host .vega-image-uploader-select.error:hover{border-color:rgba(var(--v-border-color-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-image-uploader-select.error .action-wrapper:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-image-uploader-select.error .actions-backdrop:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-input-danger-focus, 230, 50, 87, 0.25))}:host .vega-hidden{display:none}:host vega-field-label{margin-bottom:8px}:host .sub-title{padding-top:4px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px;text-align:center}@media screen and (min-width: 768px) and (max-width: 1023px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .sub-title{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:16px}}:host .vega-hint{padding-left:8px;padding-right:8px;padding-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-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){:host .vega-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){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{ee as vega_image_uploader}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,r as i,c as t,F as a,H as s,g as n}from"./p-1c298d5a.js";import{e as o}from"./p-b0502d01.js";import{s as r}from"./p-9b797118.js";import{a as d}from"./p-33b62194.js";import{c as l,V as p,M as h,I as c}from"./p-6e1ab235.js";import{V as v,I as g}from"./p-4387d550.js";import{I as b}from"./p-781fd6e0.js";import{g as f}from"./p-4bcd6612.js";import{c as m}from"./p-86194314.js";import{V as x}from"./p-8284a445.js";import{V as u}from"./p-032df16f.js";import{c as w}from"./p-85365f8b.js";import{e as k}from"./p-ecfa7534.js";import{R as y}from"./p-6705c68a.js";import{P as S}from"./p-5f589974.js";import{D as j}from"./p-29b09aad.js";import{n as C}from"./p-f357cf46.js";import{c as O}from"./p-e8f540d8.js";import{G as z,O as R,a as B,d as I}from"./p-6a3989dd.js";import{C as L}from"./p-2d0d575f.js";import{j as D}from"./p-d057999f.js";import{S as V}from"./p-4f0b56fc.js";import{f as H}from"./p-79ec5d69.js";import{i as M}from"./p-0af4bda9.js";import"./p-262ec334.js";import"./p-6a334573.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-b1f65b13.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-0c667d6a.js";class N extends p{constructor(){super(...arguments),this.backdropRef=null}updateBackdropAvailability(e){"open"===this.openState&&(null==e?void 0:e.showBackdrop)?this.append():(this.removeZIndex("base"),this.remove())}setZIndex(e){b.setZIndex(this.backdropRef,e)}removeZIndex(e){b.removeZIndex(this.backdropRef,e)}append(){let e=document.querySelector(`vega-backdrop.${N.backdropClassName}`);e||(e=document.createElement("vega-backdrop"),e.classList.add(N.backdropClassName),document.querySelector("body").append(e)),e.visible=this.getBackdropVisibleByBreakpoint(),this.backdropRef=e}remove(){this.backdropRef&&this.backdropRef.remove()}getBackdropVisibleByBreakpoint(){const e=f();return"S"===e||"M"===e}}N.backdropClassName="vega-sidenav-backdrop",function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);n>3&&o&&Object.defineProperty(i,t,o)}([l()],N.prototype,"openState",void 0);class $ extends p{constructor(){super(...arguments),this.collapseButtonRef=null,this.handleClickSidebarIcon=async()=>{await this.host.toggle()}}updateHandlerIconAvailability(e){this.collapseButtonRef&&(e?this.collapseButtonRef.classList.remove("disable-collapse"):this.collapseButtonRef.classList.add("disable-collapse"))}render(){const i=this.getButtonMaskImage();return e("i",{role:"button",onClick:this.handleClickSidebarIcon,onKeyDown:m(),class:"vega-handler-icon",tabIndex:0,"aria-label":"Handle Sidebar Icon",ref:e=>this.collapseButtonRef=e},e("style",null,i),e("vega-icon",{size:"size-16",icon:x.getIconKey("sidenav-chevron-right")}))}getButtonMaskImage(){const e=u.getIcon(x.getIconKey("sidenav-toggle-button-bg")).icon,i=`url(data:image/svg+xml,${globalThis.encodeURIComponent(e)})`;return`.vega-handler-icon{-webkit-mask-image:${i};mask-image:${i}}`}}x.register({"sidenav-chevron-right":{icon:'<svg width="26" height="43" viewBox="0 0 26 43" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7444 22.3536L10.6711 28.4268C10.3782 28.7197 9.90333 28.7197 9.61045 28.4268L8.90211 27.7184C8.6097 27.426 8.60914 26.9521 8.90086 26.659L13.714 21.8232L8.90086 16.9874C8.60914 16.6943 8.6097 16.2204 8.90211 15.928L9.61045 15.2197C9.90336 14.9268 10.3782 14.9268 10.6711 15.2197L16.7443 21.2929C17.0372 21.5858 17.0372 22.0606 16.7444 22.3536Z" fill="currentColor"/></svg>',autoSize:!0},"sidenav-toggle-button-bg":{icon:'<svg width="26" height="43" viewBox="0 0 26 43" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12C0 9.79086 1.79086 8 4 8H8V0L12.4853 4.48528C14.7357 6.73572 17.788 8 20.9706 8H22C24.2091 8 26 9.79086 26 12V31C26 33.2091 24.2091 35 22 35H20.9706C17.788 35 14.7357 36.2643 12.4853 38.5147L8 43V35H4C1.79086 35 0 33.2091 0 31V12Z" fill="currentColor"/></svg>'}}),function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);n>3&&o&&Object.defineProperty(i,t,o)}([l()],$.prototype,"host",void 0);var E=function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};class U extends S{constructor(){super({callback:()=>{this.responsiveBehavior=this.getSidenavResponsiveBehavior(),this.backdropController.updateBackdropAvailability(this.responsiveBehavior),this.updateOverflowAvailability(),this.updateStatusOpenByDefault(!0),this.collapseButtonRenderer.updateHandlerIconAvailability(this.canCollapseSidenav())}})}toggleSidenav(){if(this.canCollapseSidenav())switch(this.openState){case"open":this.setSideNavOpenStatus("clickClose");break;case"close":this.setSideNavOpenStatus("clickOpen");break;case"hoverOpen":this.setSideNavOpenStatus("hoverClose")}}setSidenavRef(e){this.sidebar=e}setSideNavOpenStatus(e){let i=!1;switch(e){case"clickOpen":"close"===this.openState&&(this.openState="open",this.host.classList.add("open"),this.sidebar.classList.add("open"),i=!0);break;case"clickClose":"hoverOpen"!==this.openState&&"open"!==this.openState||(this.openState="close",this.host.classList.remove("open"),this.sidebar.classList.remove("open"),i=!0);break;case"hoverOpen":"close"===this.openState&&(this.openState="hoverOpen",this.host.classList.add("open"),this.sidebar.classList.add("open"),i=!0);break;case"hoverClose":"hoverOpen"===this.openState&&(this.openState="close",this.host.classList.remove("open"),this.sidebar.classList.remove("open"),i=!0)}i&&(this.backdropController.updateBackdropAvailability(this.responsiveBehavior),this.updateOverflowAvailability(),this.updateZIndex(),this.stateUpdateEmitter.emit(this.openState))}initOpenStatus(){this.responsiveBehavior=this.getSidenavResponsiveBehavior(),this.updateStatusOpenByDefault()}updateOpenStatus(){this.updateStatusOpenByDefault(),this.collapseButtonRenderer.updateHandlerIconAvailability(this.canCollapseSidenav())}registerSidenavLinkClickObserver(){j.addUniqueObserverToNode(this.host,C,(e=>{this.responsiveBehavior.showSideBarOnClickLink||e.detail||this.setSideNavOpenStatus("clickClose")}))}unregisterSidenavLinkClickObserver(){j.removeUniqueObserverFromNode(this.host,C)}getSidenavResponsiveBehavior(){return this.isLargeScreen()?{showSideBar:!0,showBackdrop:!1,canBeScrolled:!0,showSideBarOnClickLink:!0}:{showSideBar:!1,showBackdrop:!0,canBeScrolled:!1,showSideBarOnClickLink:!1}}updateZIndex(){["hoverOpen","open"].includes(this.openState)?(this.backdropController.setZIndex("base"),b.setZIndex(this.sidebar,"base")):k((()=>{this.backdropController.removeZIndex("base"),b.removeZIndex(this.sidebar,"base")}),this.sidebar,300)}canCollapseSidenav(){return"disableCollapse"!==this.getCurrentOpenByDefault()||!this.isLargeScreen()}updateOverflowAvailability(){var e;document.querySelector("body").style.overflow=(null===(e=this.responsiveBehavior)||void 0===e?void 0:e.canBeScrolled)||"open"!==this.openState?null:"hidden"}updateStatusOpenByDefault(e=!1){const i=this.getCurrentOpenByDefault(),t=this.canCollapseSidenav();e?t||this.setSideNavOpenStatus("clickOpen"):"open"!=i&&t?("close"==i||"disableCollapse"==i&&t)&&this.setSideNavOpenStatus("clickClose"):this.setSideNavOpenStatus("clickOpen")}isLargeScreen(){const e=f();return"L"==e||"XL"==e}getCurrentOpenByDefault(e=this.openByDefault){return y.formatCustom(e)}}E([l({writable:!0})],U.prototype,"openState",void 0),E([l()],U.prototype,"openByDefault",void 0),E([l()],U.prototype,"host",void 0),E([l()],U.prototype,"stateUpdateEmitter",void 0),E([l()],U.prototype,"backdropController",void 0),E([l()],U.prototype,"collapseButtonRenderer",void 0),E([h("componentDidLoad")],U.prototype,"initOpenStatus",null),E([h("watchOpenByDefaultChange")],U.prototype,"updateOpenStatus",null),E([h("connectedCallback")],U.prototype,"registerSidenavLinkClickObserver",null),E([h("disconnectedCallback")],U.prototype,"unregisterSidenavLinkClickObserver",null);var _=function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const A=class{constructor(s){i(this,s),this.vegaStateUpdate=t(this,"vegaStateUpdate",7),this.stateUpdate=t(this,"stateUpdate",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new v,this.openStateNotifySlimmer=w(A,"openState","watchOpenState"),this.backdropController=new N,this.collapseButtonRenderer=new $,this.openStatusController=new U,this.stateUpdateEmitter=O(A,z),this.openState="close",this.footnote="",this.headerConfig={},this.openByDefault="close",this.attachMouseEventToContent=()=>{this.content.addEventListener("mouseenter",(e=>{e.stopPropagation(),this.openStatusController.setSideNavOpenStatus("hoverOpen")})),this.content.addEventListener("mouseleave",(e=>{e.stopPropagation(),this.openStatusController.setSideNavOpenStatus("hoverClose")}))},this.renderSideBarListBySource=()=>{var i;return e(a,null,null===(i=this.source)||void 0===i?void 0:i.map(((i,t)=>(null==i?void 0:i.children)?e("vega-sidenav-group",{key:t,icon:i.icon||"globe",label:i.name},i.children.map(((i,a)=>e("vega-sidenav-link",{key:`${t}_${a}`,url:i.url,selected:i.selected},i.name)))):e("vega-sidenav-link",{key:t,icon:i.icon||"globe",url:i.url,selected:i.selected},i.name))))}}watchOpenState(){}watchSourceChange(e,i){e&&this.validSource(),(null==i?void 0:i.length)||this.host.querySelectorAll("vega-sidenav-link, vega-sidenav-group").forEach((e=>e.remove()))}watchOpenByDefaultChange(){}componentWillLoad(){this.source&&this.validSource()}componentDidLoad(){this.attachMouseEventToContent()}collapseSidenavByBackDropClick(e){e.target.classList.contains(N.backdropClassName)&&this.openStatusController.setSideNavOpenStatus("clickClose")}async toggle(){this.openStatusController.toggleSidenav()}render(){return r(e(s,null,e("div",{class:"vega-sidebar",ref:e=>this.openStatusController.setSidenavRef(e)},e("div",{class:"vega-sidebar-content-container",ref:e=>this.content=e},e(a,null,!d(this.headerConfig)&&this.renderSideBarHeader(),this.renderSideBarList(),this.renderSideBarFooter())),this.collapseButtonRenderer.render())),this.host)}validSource(){if(o(this.source).filter((e=>e.selected)).length>1)throw new Error("There should be only one item selected at the same time.")}renderSideBarList(){var i;return e(a,null,d(this.headerConfig)?e("div",{class:"header-placeholder"}):null,e("slot",{name:"before-list-slot"}),e("div",{class:"vega-nav-list"},(null===(i=this.source)||void 0===i?void 0:i.length)?this.renderSideBarListBySource():e("slot",null)))}renderSideBarHeader(){const{collapseLogo:i,expandLogo:t,headline:a}=this.headerConfig;return e("div",{class:"vega-sidebar-header"},e("div",{class:"vega-sidebar-header-collapse-container"},i&&e("img",{src:i,alt:"collapse logo"})),e("div",{class:"vega-sidebar-header-expand-container"},t&&e("img",{src:t,alt:"expand logo"}),a&&e("div",{class:"vega-sidebar-headline"},a)))}renderSideBarFooter(){return this.footnote&&e("div",{class:"vega-nav-footer"},e("div",{class:"vega-nav-footnote"},this.footnote))}get host(){return n(this)}static get watchers(){return{openState:["watchOpenState"],source:["watchSourceChange"],openByDefault:["watchOpenByDefaultChange"]}}};_([g()],A.prototype,"globalSlimmers",void 0),_([c()],A.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_([c()],A.prototype,"openStateNotifySlimmer",void 0),_([c()],A.prototype,"backdropController",void 0),_([c()],A.prototype,"collapseButtonRenderer",void 0),_([c()],A.prototype,"openStatusController",void 0),_([c()],A.prototype,"stateUpdateEmitter",void 0),A.style=':host{height:100%;width:0px;min-height:100vh;display:flex;align-items:stretch;text-align:left;top:0px;right:0px;bottom:0px;left:0px}:host .vega-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;box-sizing:border-box;position:relative;padding-left:0px;padding-right:0px;display:flex;align-items:stretch;width:0px;transition-duration:300ms}:host .vega-sidebar .header-placeholder{margin-top:24px}:host .vega-sidebar .vega-sidebar-content-container{width:100%;overflow:hidden;display:flex;flex-direction:column}:host .vega-sidebar .vega-sidebar-content-container>.vega-nav-list{padding-left:8px;padding-right:8px}:host .vega-sidebar .vega-nav-list{padding:0px;margin:0px;flex:1 1 0%;list-style-type:none}:host .vega-sidebar .vega-nav-list::-webkit-scrollbar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1));width:4px}:host .vega-sidebar .vega-nav-list::-webkit-scrollbar-thumb{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1));border-radius:9999px}:host .vega-sidebar .vega-sidebar-header{position:relative}:host .vega-sidebar .vega-sidebar-header>div{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms}:host .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-collapse-container{display:flex;justify-content:center;align-items:center;flex-shrink:0;height:56px;position:absolute;pointer-events:none;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));display:none;padding-top:24px;padding-left:12px;padding-right:12px;padding-bottom:32px;top:0;left:0;opacity:1}@media (min-width: 1024px){:host .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-collapse-container{display:flex}}:host .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-collapse-container image{max-width:100%;max-height:48px}:host .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-expand-container{color:rgba(var(--v-text-white, 252, 252, 252, 1));overflow:hidden;box-sizing:border-box;padding-left:24px;padding-right:24px;padding-top:24px;padding-bottom:32px;width:100%;opacity:0}:host .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-expand-container>vega-icon{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-expand-container img{max-height:80px;max-width:100%}:host .vega-sidebar .vega-sidebar-header .vega-sidebar-headline{overflow-wrap:break-word;font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;margin-top:8px;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;max-height:25px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-sidebar .vega-sidebar-header .vega-sidebar-headline{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-sidebar .vega-sidebar-header .vega-sidebar-headline{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-sidebar .vega-sidebar-header .vega-sidebar-headline{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-sidebar .vega-handler-icon{cursor:pointer;position:absolute;background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));right:-18px;-webkit-mask-size:cover;mask-size:cover;width:26px;height:43px;top:24px}@media (min-width: 320px){:host .vega-sidebar .vega-handler-icon{display:none}}@media (min-width: 1024px){:host .vega-sidebar .vega-handler-icon{display:block}}:host .vega-sidebar .vega-handler-icon vega-icon{cursor:pointer;position:absolute;display:block;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));left:0px;top:0px;width:100%;height:100%;transform-origin:center}:host .vega-sidebar .vega-nav-footer{padding-top:16px;padding-bottom:16px;padding-left:24px;padding-right:24px}:host .vega-sidebar .vega-nav-footer .vega-nav-footnote{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-sidebar .vega-nav-footer .vega-nav-footnote{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){:host .vega-sidebar .vega-nav-footer .vega-nav-footnote{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){:host .vega-sidebar .vega-nav-footer .vega-nav-footnote{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media (min-width: 1024px){:host{width:72px}:host .vega-sidebar{width:72px}}:host(.open){width:auto}:host(.open) .vega-sidebar{top:0px;right:0px;bottom:0px;left:0px;position:fixed;width:300px}@media (min-width: 768px){:host(.open) .vega-sidebar{width:240px}}@media (min-width: 1024px){:host(.open) .vega-sidebar{position:relative}}:host(.open) .vega-sidebar .vega-nav-list{overflow-y:auto;overflow-x:hidden}@media (min-width: 320px){:host(.open) .vega-sidebar .vega-handler-icon{display:block}}:host(.open) .vega-sidebar .vega-handler-icon vega-icon{transform:rotate(180deg)}@media (min-width: 320px){:host(.open) .vega-sidebar .vega-handler-icon.disable-collapse{display:block}}@media (min-width: 1024px){:host(.open) .vega-sidebar .vega-handler-icon.disable-collapse{display:none}}:host(.open) .vega-sidebar .vega-sidebar-header .vega-sidebar-headline{opacity:1;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-delay:100ms}:host(.open) .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-expand-container{opacity:1}:host(.open) .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-collapse-container{opacity:0}:host(.open) .vega-sidebar .vega-nav-footer .vega-nav-footnote{opacity:1;transition-delay:100ms}';class Z extends V{constructor(){super({parent:"vega-sidenav",subStates:[{subStateName:"openState",parentStateName:"openState"}]})}}!function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);n>3&&o&&Object.defineProperty(i,t,o)}([l({writable:!0})],Z.prototype,"openState",void 0);const K=e=>e instanceof HTMLElement&&"VEGA-SIDENAV-LINK"===e.tagName;var T=function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const W=class{constructor(e){i(this,e),this.subStateObserverSlimmer=new Z,this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new v,this.openState="close",this.label="",this.handleClick=e=>{const i=e.currentTarget;i&&"$1"===i.dataset.root&&(e.preventDefault(),i.closest(".vega-li-main").classList.toggle("open"))}}disconnectedCallback(){L.unregister(D,this.observer)}componentWillLoad(){this.observer=new R(K,this.observerListener.bind(this)),L.register(D,this.observer)}render(){return r(e(s,null,e("div",{class:{"vega-li-main":!0,"sidenav-open":"close"!==this.openState},ref:e=>this.groupContainer=e},e("a",{href:`#${this.label}`,role:"button",tabIndex:0,onKeyDown:m(),"data-root":"$1",onClick:this.handleClick,"aria-label":this.label||"No label defined"},e("div",{class:"vega-links-icon"},e("div",{class:"prefix-icon"},e("vega-icon",{icon:this.icon,size:"size-24"}))),e("span",{class:"vega-links-name"},this.label),e("div",{class:"suffix-icons"},e("vega-icon",{icon:"chevron-down",size:"size-12"}),e("vega-icon",{icon:"chevron-up",size:"size-12"}))),e("div",{class:"vega-nav-list vega-nav-list-sub"},e("slot",null)))),this.host)}observerListener(e){this.host.contains(e)?(this.groupContainer.querySelector("a").classList.add("sub-selected"),this.groupContainer.classList.add("open")):(this.groupContainer.querySelector("a").classList.remove("sub-selected"),this.groupContainer.classList.remove("open"))}get host(){return n(this)}};T([c()],W.prototype,"subStateObserverSlimmer",void 0),T([g()],W.prototype,"globalSlimmers",void 0),T([c()],W.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),W.style=':host{display:block;margin-top:4px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;width:100%;box-sizing:border-box}:host a{display:flex;align-items:center;width:100%;height:100%;position:relative;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;overflow:hidden;color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1));cursor:pointer;text-decoration:none;border-radius:8px;box-sizing:border-box;outline:2px solid transparent;outline-offset:2px}:host .vega-nav-list{padding:0px;margin:0px;flex:1 1 0%;list-style-type:none}:host .vega-li-main.sidenav-open .vega-nav-list{overflow-y:auto;overflow-x:hidden}:host .vega-nav-list::-webkit-scrollbar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1));width:4px}:host .vega-nav-list::-webkit-scrollbar-thumb{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1));border-radius:9999px}:host a.sub-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host .vega-li-main.sidenav-open a:focus{border-color:rgba(var(--v-border-color-sidebar-item-focus, 19, 98, 226, 1))}:host .vega-li-main.sidenav-open a:not(.selected):hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1));color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host .vega-links-icon{padding:8px;box-sizing:border-box}:host a .vega-links-icon>div{display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:8px;height:100%;width:100%}:host .vega-links-icon .prefix-icon{width:40px;height:40px}:host .vega-nav-list-sub .vega-links-icon{height:auto;width:auto}:host a .vega-links-name{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;opacity:0;pointer-events:none;overflow:hidden;font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;flex:1 1 0%;padding-top:8px;padding-bottom:8px;transition-duration:300ms}@media screen and (min-width: 768px) and (max-width: 1023px){:host a .vega-links-name{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 a .vega-links-name{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 a .vega-links-name{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host .vega-li-main.sidenav-open a .vega-links-name{opacity:1;pointer-events:auto;overflow-wrap:break-word}:host .suffix-icons{padding-right:16px;padding-left:8px;width:12px}:host .suffix-icons vega-icon{pointer-events:auto;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;opacity:0;position:absolute;right:16px;top:50%;transform:translateY(-50%)}:host .vega-li-main.sidenav-open .suffix-icons vega-icon,:host .vega-li-main.sidenav-open.open>a>.suffix-icons vega-icon:first-of-type{opacity:0}:host .vega-li-main.sidenav-open .suffix-icons vega-icon:first-of-type,:host .vega-li-main.sidenav-open.open>a>.suffix-icons vega-icon:last-of-type{opacity:1}:host .vega-nav-list-sub{display:none}:host .vega-li-main.sidenav-open.open>.vega-nav-list-sub{display:block}:host ::slotted(vega-sidenav-group){padding-left:48px}:host ::slotted(vega-sidenav-link){padding-left:48px}@media (min-width: 768px){:host{width:224px}}';class F extends V{constructor(){super({parent:"vega-sidenav",subStates:[{subStateName:"openState",parentStateName:"openState"}]})}}!function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);n>3&&o&&Object.defineProperty(i,t,o)}([l({writable:!0})],F.prototype,"openState",void 0);var G=function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const P=class{constructor(e){i(this,e),this.vegaClick=t(this,"vegaClick",7),this.click=t(this,"click",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new v,this.subStateObserverSlimmer=new F,this.clickEventEmitter=O(P,B),this.openState="close",this.selected=!1,this.showSideBarOnClickLink=!1,this.handleClick=e=>{this.selected||(this.selected=!0),this.clickEventEmitter.emit(),this.notifyParentSidenavClick(),"native"===M.getSemantics(this.host).namespace&&e.stopPropagation()}}disconnectedCallback(){L.unregister(D,this.observer)}componentWillLoad(){H(this.host,"vega-sidenav-group")&&this.host.classList.add("has-group-parent"),this.observer=new R(K,this.observerListener.bind(this)),L.register(D,this.observer)}componentDidRender(){this.selected&&L.notify(D,this.host)}render(){return r(e(s,{class:{"sidenav-open":"close"!==this.openState}},e("a",{href:this.url||"javascript:void(0);",onClick:this.handleClick,class:{selected:!0===this.selected}},this.icon?e("div",{class:"vega-links-icon"},e("div",{class:"prefix-icon"},e("vega-icon",{icon:this.icon,size:"size-24"}))):null,e("span",{class:"vega-links-name"},e("slot",null)))),this.host)}observerListener(e){e!==this.host&&(this.selected=!1)}notifyParentSidenavClick(){const e=H(this.host,"vega-sidenav");e&&L.notify(I.getSubject(e,C),{host:this.host,detail:this.showSideBarOnClickLink})}get host(){return n(this)}};G([g()],P.prototype,"globalSlimmers",void 0),G([c()],P.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),G([c()],P.prototype,"subStateObserverSlimmer",void 0),G([c()],P.prototype,"clickEventEmitter",void 0),P.style=':host{display:block;margin-top:4px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;width:100%;box-sizing:border-box}:host a{display:flex;align-items:center;width:100%;height:100%;position:relative;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;overflow:hidden;color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1));cursor:pointer;text-decoration:none;border-radius:8px;box-sizing:border-box;outline:2px solid transparent;outline-offset:2px}:host a.selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1));background:transparent}:host .vega-links-icon{padding:8px;box-sizing:border-box}:host a.selected .vega-links-icon{border-radius:8px;background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host a .vega-links-icon>div{display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:8px;height:100%;width:100%}:host a.selected .vega-links-icon>div{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-links-icon .prefix-icon{width:40px;height:40px}:host a .vega-links-name{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;opacity:0;pointer-events:none;overflow:hidden;font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;flex:1 1 0%;padding-top:8px;padding-bottom:8px;transition-duration:300ms}@media screen and (min-width: 768px) and (max-width: 1023px){:host a .vega-links-name{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 a .vega-links-name{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 a .vega-links-name{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.has-group-parent:not([icon])) .vega-links-name{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}:host(.sidenav-open) a:focus{border-color:rgba(var(--v-border-color-sidebar-item-focus, 19, 98, 226, 1))}:host(.sidenav-open) a:not(.selected):hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1));color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.sidenav-open) a.selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.sidenav-open) a.selected .vega-links-icon{background:transparent}:host(.sidenav-open) a .vega-links-name{opacity:1;pointer-events:auto;overflow-wrap:break-word}@media (min-width: 768px){:host{width:224px}}';export{A as vega_sidenav,W as vega_sidenav_group,P as vega_sidenav_link}
|
|
1
|
+
import{h as e,r as i,c as t,F as a,H as s,g as n}from"./p-1c298d5a.js";import{e as o}from"./p-b0502d01.js";import{s as r}from"./p-9b797118.js";import{a as d}from"./p-33b62194.js";import{c as l,V as p,M as h,I as c}from"./p-6e1ab235.js";import{V as v,I as g}from"./p-4387d550.js";import{I as b}from"./p-781fd6e0.js";import{g as f}from"./p-4bcd6612.js";import{c as m}from"./p-86194314.js";import{V as x}from"./p-8284a445.js";import{V as u}from"./p-032df16f.js";import{c as w}from"./p-c06e55d6.js";import{e as k}from"./p-ecfa7534.js";import{R as y}from"./p-6705c68a.js";import{P as S}from"./p-5f589974.js";import{D as j}from"./p-29b09aad.js";import{o as C}from"./p-fe9644a0.js";import{c as O}from"./p-e8f540d8.js";import{G as z,O as R,a as B,d as I}from"./p-6a3989dd.js";import{C as L}from"./p-2d0d575f.js";import{j as D}from"./p-d057999f.js";import{S as V}from"./p-349dd552.js";import{f as H}from"./p-79ec5d69.js";import{i as M}from"./p-0af4bda9.js";import"./p-262ec334.js";import"./p-6a334573.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-b1f65b13.js";import"./p-3a0a4d15.js";import"./p-d884c644.js";import"./p-0c667d6a.js";class N extends p{constructor(){super(...arguments),this.backdropRef=null}updateBackdropAvailability(e){"open"===this.openState&&(null==e?void 0:e.showBackdrop)?this.append():(this.removeZIndex("base"),this.remove())}setZIndex(e){b.setZIndex(this.backdropRef,e)}removeZIndex(e){b.removeZIndex(this.backdropRef,e)}append(){let e=document.querySelector(`vega-backdrop.${N.backdropClassName}`);e||(e=document.createElement("vega-backdrop"),e.classList.add(N.backdropClassName),document.querySelector("body").append(e)),e.visible=this.getBackdropVisibleByBreakpoint(),this.backdropRef=e}remove(){this.backdropRef&&this.backdropRef.remove()}getBackdropVisibleByBreakpoint(){const e=f();return"S"===e||"M"===e}}N.backdropClassName="vega-sidenav-backdrop",function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);n>3&&o&&Object.defineProperty(i,t,o)}([l()],N.prototype,"openState",void 0);class $ extends p{constructor(){super(...arguments),this.collapseButtonRef=null,this.handleClickSidebarIcon=async()=>{await this.host.toggle()}}updateHandlerIconAvailability(e){this.collapseButtonRef&&(e?this.collapseButtonRef.classList.remove("disable-collapse"):this.collapseButtonRef.classList.add("disable-collapse"))}render(){const i=this.getButtonMaskImage();return e("i",{role:"button",onClick:this.handleClickSidebarIcon,onKeyDown:m(),class:"vega-handler-icon",tabIndex:0,"aria-label":"Handle Sidebar Icon",ref:e=>this.collapseButtonRef=e},e("style",null,i),e("vega-icon",{size:"size-16",icon:x.getIconKey("sidenav-chevron-right")}))}getButtonMaskImage(){const e=u.getIcon(x.getIconKey("sidenav-toggle-button-bg")).icon,i=`url(data:image/svg+xml,${globalThis.encodeURIComponent(e)})`;return`.vega-handler-icon{-webkit-mask-image:${i};mask-image:${i}}`}}x.register({"sidenav-chevron-right":{icon:'<svg width="26" height="43" viewBox="0 0 26 43" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7444 22.3536L10.6711 28.4268C10.3782 28.7197 9.90333 28.7197 9.61045 28.4268L8.90211 27.7184C8.6097 27.426 8.60914 26.9521 8.90086 26.659L13.714 21.8232L8.90086 16.9874C8.60914 16.6943 8.6097 16.2204 8.90211 15.928L9.61045 15.2197C9.90336 14.9268 10.3782 14.9268 10.6711 15.2197L16.7443 21.2929C17.0372 21.5858 17.0372 22.0606 16.7444 22.3536Z" fill="currentColor"/></svg>',autoSize:!0},"sidenav-toggle-button-bg":{icon:'<svg width="26" height="43" viewBox="0 0 26 43" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 12C0 9.79086 1.79086 8 4 8H8V0L12.4853 4.48528C14.7357 6.73572 17.788 8 20.9706 8H22C24.2091 8 26 9.79086 26 12V31C26 33.2091 24.2091 35 22 35H20.9706C17.788 35 14.7357 36.2643 12.4853 38.5147L8 43V35H4C1.79086 35 0 33.2091 0 31V12Z" fill="currentColor"/></svg>'}}),function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);n>3&&o&&Object.defineProperty(i,t,o)}([l()],$.prototype,"host",void 0);var E=function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};class U extends S{constructor(){super({callback:()=>{this.responsiveBehavior=this.getSidenavResponsiveBehavior(),this.backdropController.updateBackdropAvailability(this.responsiveBehavior),this.updateOverflowAvailability(),this.updateStatusOpenByDefault(!0),this.collapseButtonRenderer.updateHandlerIconAvailability(this.canCollapseSidenav())}})}toggleSidenav(){if(this.canCollapseSidenav())switch(this.openState){case"open":this.setSideNavOpenStatus("clickClose");break;case"close":this.setSideNavOpenStatus("clickOpen");break;case"hoverOpen":this.setSideNavOpenStatus("hoverClose")}}setSidenavRef(e){this.sidebar=e}setSideNavOpenStatus(e){let i=!1;switch(e){case"clickOpen":"close"===this.openState&&(this.openState="open",this.host.classList.add("open"),this.sidebar.classList.add("open"),i=!0);break;case"clickClose":"hoverOpen"!==this.openState&&"open"!==this.openState||(this.openState="close",this.host.classList.remove("open"),this.sidebar.classList.remove("open"),i=!0);break;case"hoverOpen":"close"===this.openState&&(this.openState="hoverOpen",this.host.classList.add("open"),this.sidebar.classList.add("open"),i=!0);break;case"hoverClose":"hoverOpen"===this.openState&&(this.openState="close",this.host.classList.remove("open"),this.sidebar.classList.remove("open"),i=!0)}i&&(this.backdropController.updateBackdropAvailability(this.responsiveBehavior),this.updateOverflowAvailability(),this.updateZIndex(),this.stateUpdateEmitter.emit(this.openState))}initOpenStatus(){this.responsiveBehavior=this.getSidenavResponsiveBehavior(),this.updateStatusOpenByDefault()}updateOpenStatus(){this.updateStatusOpenByDefault(),this.collapseButtonRenderer.updateHandlerIconAvailability(this.canCollapseSidenav())}registerSidenavLinkClickObserver(){j.addUniqueObserverToNode(this.host,C,(e=>{this.responsiveBehavior.showSideBarOnClickLink||e.detail||this.setSideNavOpenStatus("clickClose")}))}unregisterSidenavLinkClickObserver(){j.removeUniqueObserverFromNode(this.host,C)}getSidenavResponsiveBehavior(){return this.isLargeScreen()?{showSideBar:!0,showBackdrop:!1,canBeScrolled:!0,showSideBarOnClickLink:!0}:{showSideBar:!1,showBackdrop:!0,canBeScrolled:!1,showSideBarOnClickLink:!1}}updateZIndex(){["hoverOpen","open"].includes(this.openState)?(this.backdropController.setZIndex("base"),b.setZIndex(this.sidebar,"base")):k((()=>{this.backdropController.removeZIndex("base"),b.removeZIndex(this.sidebar,"base")}),this.sidebar,300)}canCollapseSidenav(){return"disableCollapse"!==this.getCurrentOpenByDefault()||!this.isLargeScreen()}updateOverflowAvailability(){var e;document.querySelector("body").style.overflow=(null===(e=this.responsiveBehavior)||void 0===e?void 0:e.canBeScrolled)||"open"!==this.openState?null:"hidden"}updateStatusOpenByDefault(e=!1){const i=this.getCurrentOpenByDefault(),t=this.canCollapseSidenav();e?t||this.setSideNavOpenStatus("clickOpen"):"open"!=i&&t?("close"==i||"disableCollapse"==i&&t)&&this.setSideNavOpenStatus("clickClose"):this.setSideNavOpenStatus("clickOpen")}isLargeScreen(){const e=f();return"L"==e||"XL"==e}getCurrentOpenByDefault(e=this.openByDefault){return y.formatCustom(e)}}E([l({writable:!0})],U.prototype,"openState",void 0),E([l()],U.prototype,"openByDefault",void 0),E([l()],U.prototype,"host",void 0),E([l()],U.prototype,"stateUpdateEmitter",void 0),E([l()],U.prototype,"backdropController",void 0),E([l()],U.prototype,"collapseButtonRenderer",void 0),E([h("componentDidLoad")],U.prototype,"initOpenStatus",null),E([h("watchOpenByDefaultChange")],U.prototype,"updateOpenStatus",null),E([h("connectedCallback")],U.prototype,"registerSidenavLinkClickObserver",null),E([h("disconnectedCallback")],U.prototype,"unregisterSidenavLinkClickObserver",null);var _=function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const A=class{constructor(s){i(this,s),this.vegaStateUpdate=t(this,"vegaStateUpdate",7),this.stateUpdate=t(this,"stateUpdate",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new v,this.openStateNotifySlimmer=w(A,"openState","watchOpenState"),this.backdropController=new N,this.collapseButtonRenderer=new $,this.openStatusController=new U,this.stateUpdateEmitter=O(A,z),this.openState="close",this.footnote="",this.headerConfig={},this.openByDefault="close",this.attachMouseEventToContent=()=>{this.content.addEventListener("mouseenter",(e=>{e.stopPropagation(),this.openStatusController.setSideNavOpenStatus("hoverOpen")})),this.content.addEventListener("mouseleave",(e=>{e.stopPropagation(),this.openStatusController.setSideNavOpenStatus("hoverClose")}))},this.renderSideBarListBySource=()=>{var i;return e(a,null,null===(i=this.source)||void 0===i?void 0:i.map(((i,t)=>(null==i?void 0:i.children)?e("vega-sidenav-group",{key:t,icon:i.icon||"globe",label:i.name},i.children.map(((i,a)=>e("vega-sidenav-link",{key:`${t}_${a}`,url:i.url,selected:i.selected},i.name)))):e("vega-sidenav-link",{key:t,icon:i.icon||"globe",url:i.url,selected:i.selected},i.name))))}}watchOpenState(){}watchSourceChange(e,i){e&&this.validSource(),(null==i?void 0:i.length)||this.host.querySelectorAll("vega-sidenav-link, vega-sidenav-group").forEach((e=>e.remove()))}watchOpenByDefaultChange(){}componentWillLoad(){this.source&&this.validSource()}componentDidLoad(){this.attachMouseEventToContent()}collapseSidenavByBackDropClick(e){e.target.classList.contains(N.backdropClassName)&&this.openStatusController.setSideNavOpenStatus("clickClose")}async toggle(){this.openStatusController.toggleSidenav()}render(){return r(e(s,null,e("div",{class:"vega-sidebar",ref:e=>this.openStatusController.setSidenavRef(e)},e("div",{class:"vega-sidebar-content-container",ref:e=>this.content=e},e(a,null,!d(this.headerConfig)&&this.renderSideBarHeader(),this.renderSideBarList(),this.renderSideBarFooter())),this.collapseButtonRenderer.render())),this.host)}validSource(){if(o(this.source).filter((e=>e.selected)).length>1)throw new Error("There should be only one item selected at the same time.")}renderSideBarList(){var i;return e(a,null,d(this.headerConfig)?e("div",{class:"header-placeholder"}):null,e("slot",{name:"before-list-slot"}),e("div",{class:"vega-nav-list"},(null===(i=this.source)||void 0===i?void 0:i.length)?this.renderSideBarListBySource():e("slot",null)))}renderSideBarHeader(){const{collapseLogo:i,expandLogo:t,headline:a}=this.headerConfig;return e("div",{class:"vega-sidebar-header"},e("div",{class:"vega-sidebar-header-collapse-container"},i&&e("img",{src:i,alt:"collapse logo"})),e("div",{class:"vega-sidebar-header-expand-container"},t&&e("img",{src:t,alt:"expand logo"}),a&&e("div",{class:"vega-sidebar-headline"},a)))}renderSideBarFooter(){return this.footnote&&e("div",{class:"vega-nav-footer"},e("div",{class:"vega-nav-footnote"},this.footnote))}get host(){return n(this)}static get watchers(){return{openState:["watchOpenState"],source:["watchSourceChange"],openByDefault:["watchOpenByDefaultChange"]}}};_([g()],A.prototype,"globalSlimmers",void 0),_([c()],A.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_([c()],A.prototype,"openStateNotifySlimmer",void 0),_([c()],A.prototype,"backdropController",void 0),_([c()],A.prototype,"collapseButtonRenderer",void 0),_([c()],A.prototype,"openStatusController",void 0),_([c()],A.prototype,"stateUpdateEmitter",void 0),A.style=':host{height:100%;width:0px;min-height:100vh;display:flex;align-items:stretch;text-align:left;top:0px;right:0px;bottom:0px;left:0px}:host .vega-sidebar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1));transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;box-sizing:border-box;position:relative;padding-left:0px;padding-right:0px;display:flex;align-items:stretch;width:0px;transition-duration:300ms}:host .vega-sidebar .header-placeholder{margin-top:24px}:host .vega-sidebar .vega-sidebar-content-container{width:100%;overflow:hidden;display:flex;flex-direction:column}:host .vega-sidebar .vega-sidebar-content-container>.vega-nav-list{padding-left:8px;padding-right:8px}:host .vega-sidebar .vega-nav-list{padding:0px;margin:0px;flex:1 1 0%;list-style-type:none}:host .vega-sidebar .vega-nav-list::-webkit-scrollbar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1));width:4px}:host .vega-sidebar .vega-nav-list::-webkit-scrollbar-thumb{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1));border-radius:9999px}:host .vega-sidebar .vega-sidebar-header{position:relative}:host .vega-sidebar .vega-sidebar-header>div{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-duration:300ms}:host .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-collapse-container{display:flex;justify-content:center;align-items:center;flex-shrink:0;height:56px;position:absolute;pointer-events:none;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));display:none;padding-top:24px;padding-left:12px;padding-right:12px;padding-bottom:32px;top:0;left:0;opacity:1}@media (min-width: 1024px){:host .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-collapse-container{display:flex}}:host .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-collapse-container image{max-width:100%;max-height:48px}:host .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-expand-container{color:rgba(var(--v-text-white, 252, 252, 252, 1));overflow:hidden;box-sizing:border-box;padding-left:24px;padding-right:24px;padding-top:24px;padding-bottom:32px;width:100%;opacity:0}:host .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-expand-container>vega-icon{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-expand-container img{max-height:80px;max-width:100%}:host .vega-sidebar .vega-sidebar-header .vega-sidebar-headline{overflow-wrap:break-word;font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;margin-top:8px;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;max-height:25px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-sidebar .vega-sidebar-header .vega-sidebar-headline{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-sidebar .vega-sidebar-header .vega-sidebar-headline{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-sidebar .vega-sidebar-header .vega-sidebar-headline{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-sidebar .vega-handler-icon{cursor:pointer;position:absolute;background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));right:-18px;-webkit-mask-size:cover;mask-size:cover;width:26px;height:43px;top:24px}@media (min-width: 320px){:host .vega-sidebar .vega-handler-icon{display:none}}@media (min-width: 1024px){:host .vega-sidebar .vega-handler-icon{display:block}}:host .vega-sidebar .vega-handler-icon vega-icon{cursor:pointer;position:absolute;display:block;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));left:0px;top:0px;width:100%;height:100%;transform-origin:center}:host .vega-sidebar .vega-nav-footer{padding-top:16px;padding-bottom:16px;padding-left:24px;padding-right:24px}:host .vega-sidebar .vega-nav-footer .vega-nav-footnote{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-sidebar .vega-nav-footer .vega-nav-footnote{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){:host .vega-sidebar .vega-nav-footer .vega-nav-footnote{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){:host .vega-sidebar .vega-nav-footer .vega-nav-footnote{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media (min-width: 1024px){:host{width:72px}:host .vega-sidebar{width:72px}}:host(.open){width:auto}:host(.open) .vega-sidebar{top:0px;right:0px;bottom:0px;left:0px;position:fixed;width:300px}@media (min-width: 768px){:host(.open) .vega-sidebar{width:240px}}@media (min-width: 1024px){:host(.open) .vega-sidebar{position:relative}}:host(.open) .vega-sidebar .vega-nav-list{overflow-y:auto;overflow-x:hidden}@media (min-width: 320px){:host(.open) .vega-sidebar .vega-handler-icon{display:block}}:host(.open) .vega-sidebar .vega-handler-icon vega-icon{transform:rotate(180deg)}@media (min-width: 320px){:host(.open) .vega-sidebar .vega-handler-icon.disable-collapse{display:block}}@media (min-width: 1024px){:host(.open) .vega-sidebar .vega-handler-icon.disable-collapse{display:none}}:host(.open) .vega-sidebar .vega-sidebar-header .vega-sidebar-headline{opacity:1;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition-delay:100ms}:host(.open) .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-expand-container{opacity:1}:host(.open) .vega-sidebar .vega-sidebar-header>div.vega-sidebar-header-collapse-container{opacity:0}:host(.open) .vega-sidebar .vega-nav-footer .vega-nav-footnote{opacity:1;transition-delay:100ms}';class Z extends V{constructor(){super({parent:"vega-sidenav",subStates:[{subStateName:"openState",parentStateName:"openState"}]})}}!function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);n>3&&o&&Object.defineProperty(i,t,o)}([l({writable:!0})],Z.prototype,"openState",void 0);const K=e=>e instanceof HTMLElement&&"VEGA-SIDENAV-LINK"===e.tagName;var T=function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const W=class{constructor(e){i(this,e),this.subStateObserverSlimmer=new Z,this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new v,this.openState="close",this.label="",this.handleClick=e=>{const i=e.currentTarget;i&&"$1"===i.dataset.root&&(e.preventDefault(),i.closest(".vega-li-main").classList.toggle("open"))}}disconnectedCallback(){L.unregister(D,this.observer)}componentWillLoad(){this.observer=new R(K,this.observerListener.bind(this)),L.register(D,this.observer)}render(){return r(e(s,null,e("div",{class:{"vega-li-main":!0,"sidenav-open":"close"!==this.openState},ref:e=>this.groupContainer=e},e("a",{href:`#${this.label}`,role:"button",tabIndex:0,onKeyDown:m(),"data-root":"$1",onClick:this.handleClick,"aria-label":this.label||"No label defined"},e("div",{class:"vega-links-icon"},e("div",{class:"prefix-icon"},e("vega-icon",{icon:this.icon,size:"size-24"}))),e("span",{class:"vega-links-name"},this.label),e("div",{class:"suffix-icons"},e("vega-icon",{icon:"chevron-down",size:"size-12"}),e("vega-icon",{icon:"chevron-up",size:"size-12"}))),e("div",{class:"vega-nav-list vega-nav-list-sub"},e("slot",null)))),this.host)}observerListener(e){this.host.contains(e)?(this.groupContainer.querySelector("a").classList.add("sub-selected"),this.groupContainer.classList.add("open")):(this.groupContainer.querySelector("a").classList.remove("sub-selected"),this.groupContainer.classList.remove("open"))}get host(){return n(this)}};T([c()],W.prototype,"subStateObserverSlimmer",void 0),T([g()],W.prototype,"globalSlimmers",void 0),T([c()],W.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),W.style=':host{display:block;margin-top:4px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;width:100%;box-sizing:border-box}:host a{display:flex;align-items:center;width:100%;height:100%;position:relative;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;overflow:hidden;color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1));cursor:pointer;text-decoration:none;border-radius:8px;box-sizing:border-box;outline:2px solid transparent;outline-offset:2px}:host .vega-nav-list{padding:0px;margin:0px;flex:1 1 0%;list-style-type:none}:host .vega-li-main.sidenav-open .vega-nav-list{overflow-y:auto;overflow-x:hidden}:host .vega-nav-list::-webkit-scrollbar{background-color:rgba(var(--v-bg-sidebar, 18, 18, 39, 1));width:4px}:host .vega-nav-list::-webkit-scrollbar-thumb{background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1));border-radius:9999px}:host a.sub-selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1))}:host .vega-li-main.sidenav-open a:focus{border-color:rgba(var(--v-border-color-sidebar-item-focus, 19, 98, 226, 1))}:host .vega-li-main.sidenav-open a:not(.selected):hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1));color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host .vega-links-icon{padding:8px;box-sizing:border-box}:host a .vega-links-icon>div{display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:8px;height:100%;width:100%}:host .vega-links-icon .prefix-icon{width:40px;height:40px}:host .vega-nav-list-sub .vega-links-icon{height:auto;width:auto}:host a .vega-links-name{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;opacity:0;pointer-events:none;overflow:hidden;font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;flex:1 1 0%;padding-top:8px;padding-bottom:8px;transition-duration:300ms}@media screen and (min-width: 768px) and (max-width: 1023px){:host a .vega-links-name{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 a .vega-links-name{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 a .vega-links-name{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host .vega-li-main.sidenav-open a .vega-links-name{opacity:1;pointer-events:auto;overflow-wrap:break-word}:host .suffix-icons{padding-right:16px;padding-left:8px;width:12px}:host .suffix-icons vega-icon{pointer-events:auto;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;opacity:0;position:absolute;right:16px;top:50%;transform:translateY(-50%)}:host .vega-li-main.sidenav-open .suffix-icons vega-icon,:host .vega-li-main.sidenav-open.open>a>.suffix-icons vega-icon:first-of-type{opacity:0}:host .vega-li-main.sidenav-open .suffix-icons vega-icon:first-of-type,:host .vega-li-main.sidenav-open.open>a>.suffix-icons vega-icon:last-of-type{opacity:1}:host .vega-nav-list-sub{display:none}:host .vega-li-main.sidenav-open.open>.vega-nav-list-sub{display:block}:host ::slotted(vega-sidenav-group){padding-left:48px}:host ::slotted(vega-sidenav-link){padding-left:48px}@media (min-width: 768px){:host{width:224px}}';class F extends V{constructor(){super({parent:"vega-sidenav",subStates:[{subStateName:"openState",parentStateName:"openState"}]})}}!function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);n>3&&o&&Object.defineProperty(i,t,o)}([l({writable:!0})],F.prototype,"openState",void 0);var G=function(e,i,t,a){var s,n=arguments.length,o=n<3?i:null===a?a=Object.getOwnPropertyDescriptor(i,t):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,a);else for(var r=e.length-1;r>=0;r--)(s=e[r])&&(o=(n<3?s(o):n>3?s(i,t,o):s(i,t))||o);return n>3&&o&&Object.defineProperty(i,t,o),o};const P=class{constructor(e){i(this,e),this.vegaClick=t(this,"vegaClick",7),this.click=t(this,"click",7),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new v,this.subStateObserverSlimmer=new F,this.clickEventEmitter=O(P,B),this.openState="close",this.selected=!1,this.showSideBarOnClickLink=!1,this.handleClick=e=>{this.selected||(this.selected=!0),this.clickEventEmitter.emit(),this.notifyParentSidenavClick(),"native"===M.getSemantics(this.host).namespace&&e.stopPropagation()}}disconnectedCallback(){L.unregister(D,this.observer)}componentWillLoad(){H(this.host,"vega-sidenav-group")&&this.host.classList.add("has-group-parent"),this.observer=new R(K,this.observerListener.bind(this)),L.register(D,this.observer)}componentDidRender(){this.selected&&L.notify(D,this.host)}render(){return r(e(s,{class:{"sidenav-open":"close"!==this.openState}},e("a",{href:this.url||"javascript:void(0);",onClick:this.handleClick,class:{selected:!0===this.selected}},this.icon?e("div",{class:"vega-links-icon"},e("div",{class:"prefix-icon"},e("vega-icon",{icon:this.icon,size:"size-24"}))):null,e("span",{class:"vega-links-name"},e("slot",null)))),this.host)}observerListener(e){e!==this.host&&(this.selected=!1)}notifyParentSidenavClick(){const e=H(this.host,"vega-sidenav");e&&L.notify(I.getSubject(e,C),{host:this.host,detail:this.showSideBarOnClickLink})}get host(){return n(this)}};G([g()],P.prototype,"globalSlimmers",void 0),G([c()],P.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),G([c()],P.prototype,"subStateObserverSlimmer",void 0),G([c()],P.prototype,"clickEventEmitter",void 0),P.style=':host{display:block;margin-top:4px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;width:100%;box-sizing:border-box}:host a{display:flex;align-items:center;width:100%;height:100%;position:relative;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;overflow:hidden;color:rgba(var(--v-text-sidebar-link, 188, 186, 213, 1));cursor:pointer;text-decoration:none;border-radius:8px;box-sizing:border-box;outline:2px solid transparent;outline-offset:2px}:host a.selected{color:rgba(var(--v-text-sidebar-link-selected, 252, 252, 252, 1));background:transparent}:host .vega-links-icon{padding:8px;box-sizing:border-box}:host a.selected .vega-links-icon{border-radius:8px;background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host a .vega-links-icon>div{display:flex;justify-content:center;align-items:center;flex-shrink:0;border-radius:8px;height:100%;width:100%}:host a.selected .vega-links-icon>div{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-links-icon .prefix-icon{width:40px;height:40px}:host a .vega-links-name{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;opacity:0;pointer-events:none;overflow:hidden;font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px;flex:1 1 0%;padding-top:8px;padding-bottom:8px;transition-duration:300ms}@media screen and (min-width: 768px) and (max-width: 1023px){:host a .vega-links-name{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 a .vega-links-name{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 a .vega-links-name{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.has-group-parent:not([icon])) .vega-links-name{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}:host(.sidenav-open) a:focus{border-color:rgba(var(--v-border-color-sidebar-item-focus, 19, 98, 226, 1))}:host(.sidenav-open) a:not(.selected):hover{background-color:rgba(var(--v-bg-sidebar-item-hover, 252, 252, 252, 1));color:rgba(var(--v-text-sidebar-link-hover, 18, 18, 39, 1))}:host(.sidenav-open) a.selected{background-color:rgba(var(--v-bg-sidebar-item-selected, 19, 98, 226, 0.4))}:host(.sidenav-open) a.selected .vega-links-icon{background:transparent}:host(.sidenav-open) a .vega-links-name{opacity:1;pointer-events:auto;overflow-wrap:break-word}@media (min-width: 768px){:host{width:224px}}';export{A as vega_sidenav,W as vega_sidenav_group,P as vega_sidenav_link}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,r as t,c as i,H as s,g as o}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{c as n,V as a,M as l,I as c}from"./p-6e1ab235.js";import{V as h,I as d}from"./p-4387d550.js";import{c as p}from"./p-86194314.js";import{c as f}from"./p-e8f540d8.js";import{O as v,d as b,f as g}from"./p-6a3989dd.js";import{C as x}from"./p-2d0d575f.js";import{S as m,C as u,R as w,b as y}from"./p-d057999f.js";import{S as j}from"./p-4f0b56fc.js";import{c as k}from"./p-f357cf46.js";import{f as R}from"./p-79ec5d69.js";import{C}from"./p-be12fa36.js";import{C as S}from"./p-72eee5e2.js";import{c as z}from"./p-85365f8b.js";import{F as I}from"./p-b57792b7.js";import{R as O}from"./p-3152031c.js";import"./p-6a334573.js";import"./p-29b09aad.js";import"./p-0af4bda9.js";import"./p-5f377954.js";import"./p-ff4bafa3.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-0bb29d98.js";import"./p-33b62194.js";import"./p-de664bdd.js";import"./p-5f589974.js";import"./p-4bcd6612.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-262ec334.js";var T=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class V extends a{getSelectorContainerRef(){return this.selectorContainerRef}render(){return e("vega-flex",{"align-items":"start","justify-content":"start",gap:"size-16",class:{"selection-tile":!0,disabled:this.disabled,checked:this.checked,error:this.showError},"aria-label":this.titleText||"No label defined",tabIndex:this.disabled?-1:0,onClick:()=>{"radio"===this.selectType&&this.checked||this.checkedController.onCheck(!this.checked)},onKeyDown:p()},e("div",{class:"vega-flex-grow"},this.renderContent()),this.renderSelect())}renderContent(){return this.hasContentSlot()?e("slot",{name:"content"}):e("vega-flex",{gap:"size-12"},e("vega-flex",{class:"vega-flex-shrink-0"},this.renderPrefixIcon()),e("div",{class:"vega-flex-grow"},this.renderText()))}renderPrefixIcon(){return this.hasPrefixSlot()?e("slot",{name:"prefix"}):this.prefixIcon?e("vega-icon",{icon:this.prefixIcon,size:"size-16",color:this.disabled?"text-secondary":"text-primary",class:"selection-tile-icon"}):void 0}renderText(){return e("vega-flex",{class:"vega-flex-grow",direction:"col","align-items":"start","justify-content":"start"},e("div",{class:"selection-tile-title"},this.titleText),this.note&&e("div",{class:"selection-tile-note"},this.note))}renderSelect(){return e("vega-flex",{"align-items":"start",class:"vega-flex-shrink-0 selection-tile-select",ref:e=>this.selectorContainerRef=e},"checkbox"===this.selectType?this.renderCheckbox():this.renderRadio())}renderCheckbox(){return e("vega-checkbox",{size:"small",disabled:this.disabled,checked:this.checked})}renderRadio(){return e("vega-radio",{size:"small",disabled:this.disabled,checked:this.checked})}hasPrefixSlot(){return null!==this.host.querySelector("[slot=prefix]")}hasContentSlot(){return null!==this.host.querySelector("[slot=content]")}}T([n()],V.prototype,"host",void 0),T([n()],V.prototype,"prefixIcon",void 0),T([n()],V.prototype,"titleText",void 0),T([n()],V.prototype,"note",void 0),T([n()],V.prototype,"selectType",void 0),T([n()],V.prototype,"disabled",void 0),T([n()],V.prototype,"checked",void 0),T([n()],V.prototype,"showError",void 0),T([n()],V.prototype,"checkedController",void 0);var E=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class N extends a{setChecked(e){this.checked=e}onCheck(e){const t=e?this.value:"";this.checked=e,this.changeEventEmitter.emit(t),x.notify(m,{host:this.host,detail:{checked:e,value:this.value}})}}E([n()],N.prototype,"host",void 0),E([n({writable:!0})],N.prototype,"checked",void 0),E([n()],N.prototype,"changeEventEmitter",void 0),E([n()],N.prototype,"value",void 0);var A=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class F extends j{constructor(){super({parent:"vega-selection-tile-group",subStates:[{subStateName:"selectType",parentStateName:"selectType"},{subStateName:"disabled",parentStateName:"disabled",callback:e=>{"boolean"==typeof e&&(this.disabled=e)}},{subStateName:"checked",parentStateName:"value",callback:e=>{this.checkedController.setChecked(Array.isArray(e)?e.includes(this.value):e===this.value)}}]})}}A([n()],F.prototype,"host",void 0),A([n({writable:!0})],F.prototype,"selectType",void 0),A([n({writable:!0})],F.prototype,"disabled",void 0),A([n()],F.prototype,"checked",void 0),A([n()],F.prototype,"value",void 0),A([n()],F.prototype,"checkedController",void 0);var q=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class G extends a{connectedCallback(){this.selectionTileGroup=R(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new v(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),x.register(b.getSubject(this.selectionTileGroup||this.host,k),this.fieldErrorObserver)}disconnectedCallback(){x.unregister(b.getSubject(this.selectionTileGroup,k),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}q([n({writable:!0})],G.prototype,"showError",void 0),q([n()],G.prototype,"host",void 0),q([l("connectedCallback")],G.prototype,"connectedCallback",null),q([l("disconnectedCallback")],G.prototype,"disconnectedCallback",null);var _=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const D=class{constructor(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.renderer=new V,this.checkedController=new N,this.stateController=new F,this.showErrorController=new G,this.changeEventEmitter=f(D,g),this.checkboxEventPrevent=new C([g],(()=>this.renderer.getSelectorContainerRef())),this.checkboxValueChangeObserver=new S(u,(e=>this.checkedController.onCheck(e.detail))),this.radioValueChangeObserver=new S(w,(e=>{e.detail&&this.checkedController.onCheck(e.detail)})),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.showError=!1,this.titleText="",this.disabled=!1,this.selectType="radio"}render(){return r(e(s,null,this.renderer.render()),this.host)}get host(){return o(this)}};_([d()],D.prototype,"globalSlimmers",void 0),_([c()],D.prototype,"renderer",void 0),_([c()],D.prototype,"checkedController",void 0),_([c()],D.prototype,"stateController",void 0),_([c()],D.prototype,"showErrorController",void 0),_([c()],D.prototype,"changeEventEmitter",void 0),_([c()],D.prototype,"checkboxEventPrevent",void 0),_([c()],D.prototype,"checkboxValueChangeObserver",void 0),_([c()],D.prototype,"radioValueChangeObserver",void 0),_([c()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),D.style=':host{display:block}:host .selection-tile{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));cursor:pointer;margin:1px}:host .selection-tile:not(.disabled):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled):focus-visible{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .selection-tile:not(.disabled).checked{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));margin:0px}:host .selection-tile:not(.disabled).checked:hover{border:2px solid rgba(var(--v-border-tile-selected-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host .selection-tile:not(.disabled).checked:focus-visible{border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .selection-tile:not(.disabled).error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host .selection-tile:not(.disabled).error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled).error:focus-visible{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host .selection-tile.disabled{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));pointer-events:none}:host .selection-tile.disabled .selection-tile-title,:host .selection-tile.disabled .selection-tile-note{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .selection-tile .selection-tile-title{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 .selection-tile .selection-tile-title{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 .selection-tile .selection-tile-title{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 .selection-tile .selection-tile-title{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .selection-tile .selection-tile-note{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .selection-tile .selection-tile-note{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){:host .selection-tile .selection-tile-note{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){:host .selection-tile .selection-tile-note{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .selection-tile .selection-tile-icon{margin-top:4px;margin-bottom:4px}:host .selection-tile .selection-tile-select{height:24px}:host .selection-tile .selection-tile-select vega-checkbox,:host .selection-tile .selection-tile-select vega-radio{margin-top:4px}';var P=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class L extends a{getGroupContainerRef(){return this.groupContainerRef}render(){return e("div",null,this.renderLabel(),this.renderContainer(),this.renderHint())}renderLabel(){return this.label&&e("div",{class:"vega-label"},e("label",{"aria-label":this.label},this.label,this.renderRequire()))}renderRequire(){return this.required&&e("span",{class:"vega-require"},"*")}renderContainer(){return e("div",{class:"container",ref:e=>this.groupContainerRef=e},e("vega-flex",{direction:"horizontal"===this.layout?"row":"col",gap:"size-12"},e("slot",{onSlotchange:()=>this.itemsController.syncTileArrayAndValue()})))}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}}P([n()],L.prototype,"host",void 0),P([n()],L.prototype,"label",void 0),P([n()],L.prototype,"required",void 0),P([n()],L.prototype,"hint",void 0),P([n()],L.prototype,"layout",void 0),P([n()],L.prototype,"selectType",void 0),P([n()],L.prototype,"itemsController",void 0);var M=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class H extends a{watchValue(){this.changeEventEmitter.emit(this.value),x.notify(y,{host:this.host,detail:this.value})}onSelectionTilesChanged(){"checkbox"===this.selectType?this.setValueFromCheckboxItems():this.setValueFromRadioItems()}onSelectionTileChecked(e){"checkbox"===this.selectType?this.setValueFromCheckbox(e):this.setValueFromRadio(e)}setValueFromCheckbox(e){e.checked&&!this.value.includes(e.value)?this.value=[...this.value,e.value]:!e.checked&&this.value.includes(e.value)&&(this.value=[...this.value.filter((t=>t!==e.value))])}setValueFromRadio(e){e.checked&&(this.value=e.value)}setValueFromCheckboxItems(){0===this.value.length&&(this.value=this.itemsController.getSelectionTileArray().filter((e=>e.checked)).map((e=>e.value)))}setValueFromRadioItems(){if(!this.value){const e=this.itemsController.getSelectionTileArray().find((e=>e.checked));e&&(this.value=e.value)}}}M([n()],H.prototype,"host",void 0),M([n({writable:!0})],H.prototype,"value",void 0),M([n()],H.prototype,"selectType",void 0),M([n()],H.prototype,"changeEventEmitter",void 0),M([n()],H.prototype,"itemsController",void 0),M([l("watchValue")],H.prototype,"watchValue",null);var U=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class K extends a{constructor(){super(...arguments),this.selectionTileArray=[]}initSelectionTileArray(){this.syncTileArrayAndValue()}getSelectionTileArray(){return this.selectionTileArray}syncTileArrayAndValue(){this.selectionTileArray=Array.from(this.host.querySelectorAll("vega-selection-tile")),this.valueController.onSelectionTilesChanged()}touchableAreaGetter(){const e="checkbox"===this.selectType?"vega-checkbox":"vega-radio";return this.selectionTileArray.map((t=>t.shadowRoot.querySelector(e).shadowRoot.querySelector("input")))}}U([n()],K.prototype,"host",void 0),U([n()],K.prototype,"selectType",void 0),U([n()],K.prototype,"valueController",void 0),U([l("componentWillLoad")],K.prototype,"initSelectionTileArray",null);var W=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const B=class{constructor(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.renderer=new L,this.itemsController=new K,this.valueController=new H,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new O:null}],validationRulesName:"validationRules",inputContainerGetter:()=>this.renderer.getGroupContainerRef(),touchableAreaGetter:()=>this.itemsController.touchableAreaGetter(),defaultValue:e=>"checkbox"===e.selectType?[]:"",attributeGetter:e=>this[e]}),this.changeEventEmitter=f(B,g),this.checkboxEventPrevent=new C([g],(()=>this.renderer.getGroupContainerRef())),this.selectionTileChangeObserver=new S(m,(e=>this.valueController.onSelectionTileChecked(e.detail))),this.selectTypeNotifySlimmer=z(B,"selectType","watchSelectType"),this.disabledNotifySlimmer=z(B,"disabled","watchDisabled"),this.valueNotifySlimmer=z(B,"value","watchValue"),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.label="",this.selectType="radio",this.value="checkbox"===this.selectType?[]:"",this.layout="vertical",this.validationRules=[],this.isValid=null}watchSelectType(){}watchValue(){}watchDisabled(){}watchValidationRules(){}render(){return r(e(s,null,this.renderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{selectType:["watchSelectType"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};W([d()],B.prototype,"globalSlimmers",void 0),W([c()],B.prototype,"renderer",void 0),W([c()],B.prototype,"itemsController",void 0),W([c()],B.prototype,"valueController",void 0),W([c()],B.prototype,"formFieldController",void 0),W([c()],B.prototype,"changeEventEmitter",void 0),W([c()],B.prototype,"checkboxEventPrevent",void 0),W([c()],B.prototype,"selectionTileChangeObserver",void 0),W([c()],B.prototype,"selectTypeNotifySlimmer",void 0),W([c()],B.prototype,"disabledNotifySlimmer",void 0),W([c()],B.prototype,"valueNotifySlimmer",void 0),W([c()],B.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),B.style=':host{display:block;text-align:left;line-height:normal}:host .vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .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){:host .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){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;margin-bottom:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-label label{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-label .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}:host .vega-hint{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:12px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-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){:host .vega-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){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{D as vega_selection_tile,B as vega_selection_tile_group}
|
|
1
|
+
import{h as e,r as t,c as i,H as s,g as o}from"./p-1c298d5a.js";import{s as r}from"./p-9b797118.js";import{c as n,V as a,M as l,I as c}from"./p-6e1ab235.js";import{V as h,I as d}from"./p-4387d550.js";import{c as p}from"./p-86194314.js";import{c as f}from"./p-e8f540d8.js";import{O as v,d as b,f as g}from"./p-6a3989dd.js";import{C as x}from"./p-2d0d575f.js";import{S as m,C as u,R as w,b as y}from"./p-d057999f.js";import{S as j}from"./p-349dd552.js";import{c as k}from"./p-fe9644a0.js";import{f as R}from"./p-79ec5d69.js";import{C}from"./p-be12fa36.js";import{C as S}from"./p-72eee5e2.js";import{c as z}from"./p-c06e55d6.js";import{F as I}from"./p-b1524c6c.js";import{R as O}from"./p-3152031c.js";import"./p-6a334573.js";import"./p-29b09aad.js";import"./p-0af4bda9.js";import"./p-5f377954.js";import"./p-ff4bafa3.js";import"./p-7a40e033.js";import"./p-112455b1.js";import"./p-0bb29d98.js";import"./p-33b62194.js";import"./p-de664bdd.js";import"./p-5f589974.js";import"./p-4bcd6612.js";import"./p-74168615.js";import"./p-ed45b3b6.js";import"./p-987fbbd0.js";import"./p-a9354a5c.js";import"./p-b0502d01.js";import"./p-262ec334.js";var T=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class V extends a{getSelectorContainerRef(){return this.selectorContainerRef}render(){return e("vega-flex",{"align-items":"start","justify-content":"start",gap:"size-16",class:{"selection-tile":!0,disabled:this.disabled,checked:this.checked,error:this.showError},"aria-label":this.titleText||"No label defined",tabIndex:this.disabled?-1:0,onClick:()=>{"radio"===this.selectType&&this.checked||this.checkedController.onCheck(!this.checked)},onKeyDown:p()},e("div",{class:"vega-flex-grow"},this.renderContent()),this.renderSelect())}renderContent(){return this.hasContentSlot()?e("slot",{name:"content"}):e("vega-flex",{gap:"size-12"},e("vega-flex",{class:"vega-flex-shrink-0"},this.renderPrefixIcon()),e("div",{class:"vega-flex-grow"},this.renderText()))}renderPrefixIcon(){return this.hasPrefixSlot()?e("slot",{name:"prefix"}):this.prefixIcon?e("vega-icon",{icon:this.prefixIcon,size:"size-16",color:this.disabled?"text-secondary":"text-primary",class:"selection-tile-icon"}):void 0}renderText(){return e("vega-flex",{class:"vega-flex-grow",direction:"col","align-items":"start","justify-content":"start"},e("div",{class:"selection-tile-title"},this.titleText),this.note&&e("div",{class:"selection-tile-note"},this.note))}renderSelect(){return e("vega-flex",{"align-items":"start",class:"vega-flex-shrink-0 selection-tile-select",ref:e=>this.selectorContainerRef=e},"checkbox"===this.selectType?this.renderCheckbox():this.renderRadio())}renderCheckbox(){return e("vega-checkbox",{size:"small",disabled:this.disabled,checked:this.checked})}renderRadio(){return e("vega-radio",{size:"small",disabled:this.disabled,checked:this.checked})}hasPrefixSlot(){return null!==this.host.querySelector("[slot=prefix]")}hasContentSlot(){return null!==this.host.querySelector("[slot=content]")}}T([n()],V.prototype,"host",void 0),T([n()],V.prototype,"prefixIcon",void 0),T([n()],V.prototype,"titleText",void 0),T([n()],V.prototype,"note",void 0),T([n()],V.prototype,"selectType",void 0),T([n()],V.prototype,"disabled",void 0),T([n()],V.prototype,"checked",void 0),T([n()],V.prototype,"showError",void 0),T([n()],V.prototype,"checkedController",void 0);var E=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class N extends a{setChecked(e){this.checked=e}onCheck(e){const t=e?this.value:"";this.checked=e,this.changeEventEmitter.emit(t),x.notify(m,{host:this.host,detail:{checked:e,value:this.value}})}}E([n()],N.prototype,"host",void 0),E([n({writable:!0})],N.prototype,"checked",void 0),E([n()],N.prototype,"changeEventEmitter",void 0),E([n()],N.prototype,"value",void 0);var A=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class F extends j{constructor(){super({parent:"vega-selection-tile-group",subStates:[{subStateName:"selectType",parentStateName:"selectType"},{subStateName:"disabled",parentStateName:"disabled",callback:e=>{"boolean"==typeof e&&(this.disabled=e)}},{subStateName:"checked",parentStateName:"value",callback:e=>{this.checkedController.setChecked(Array.isArray(e)?e.includes(this.value):e===this.value)}}]})}}A([n()],F.prototype,"host",void 0),A([n({writable:!0})],F.prototype,"selectType",void 0),A([n({writable:!0})],F.prototype,"disabled",void 0),A([n()],F.prototype,"checked",void 0),A([n()],F.prototype,"value",void 0),A([n()],F.prototype,"checkedController",void 0);var q=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class G extends a{connectedCallback(){this.selectionTileGroup=R(this.host,"vega-selection-tile-group"),this.fieldErrorObserver=new v(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),x.register(b.getSubject(this.selectionTileGroup||this.host,k),this.fieldErrorObserver)}disconnectedCallback(){x.unregister(b.getSubject(this.selectionTileGroup,k),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}q([n({writable:!0})],G.prototype,"showError",void 0),q([n()],G.prototype,"host",void 0),q([l("connectedCallback")],G.prototype,"connectedCallback",null),q([l("disconnectedCallback")],G.prototype,"disconnectedCallback",null);var _=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const D=class{constructor(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.renderer=new V,this.checkedController=new N,this.stateController=new F,this.showErrorController=new G,this.changeEventEmitter=f(D,g),this.checkboxEventPrevent=new C([g],(()=>this.renderer.getSelectorContainerRef())),this.checkboxValueChangeObserver=new S(u,(e=>this.checkedController.onCheck(e.detail))),this.radioValueChangeObserver=new S(w,(e=>{e.detail&&this.checkedController.onCheck(e.detail)})),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.showError=!1,this.titleText="",this.disabled=!1,this.selectType="radio"}render(){return r(e(s,null,this.renderer.render()),this.host)}get host(){return o(this)}};_([d()],D.prototype,"globalSlimmers",void 0),_([c()],D.prototype,"renderer",void 0),_([c()],D.prototype,"checkedController",void 0),_([c()],D.prototype,"stateController",void 0),_([c()],D.prototype,"showErrorController",void 0),_([c()],D.prototype,"changeEventEmitter",void 0),_([c()],D.prototype,"checkboxEventPrevent",void 0),_([c()],D.prototype,"checkboxValueChangeObserver",void 0),_([c()],D.prototype,"radioValueChangeObserver",void 0),_([c()],D.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),D.style=':host{display:block}:host .selection-tile{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:12px;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));color:rgba(var(--v-text-primary, 32, 54, 69, 1));cursor:pointer;margin:1px}:host .selection-tile:not(.disabled):hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled):focus-visible{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .selection-tile:not(.disabled).checked{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));margin:0px}:host .selection-tile:not(.disabled).checked:hover{border:2px solid rgba(var(--v-border-tile-selected-hover, 4, 112, 236, 1));background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1))}:host .selection-tile:not(.disabled).checked:focus-visible{border:2px solid rgba(var(--v-border-tile-selected, 19, 98, 226, 1));background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .selection-tile:not(.disabled).error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1))}:host .selection-tile:not(.disabled).error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1));background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1))}:host .selection-tile:not(.disabled).error:focus-visible{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1));background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}:host .selection-tile.disabled{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));pointer-events:none}:host .selection-tile.disabled .selection-tile-title,:host .selection-tile.disabled .selection-tile-note{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}:host .selection-tile .selection-tile-title{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 .selection-tile .selection-tile-title{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 .selection-tile .selection-tile-title{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 .selection-tile .selection-tile-title{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .selection-tile .selection-tile-note{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .selection-tile .selection-tile-note{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){:host .selection-tile .selection-tile-note{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){:host .selection-tile .selection-tile-note{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .selection-tile .selection-tile-icon{margin-top:4px;margin-bottom:4px}:host .selection-tile .selection-tile-select{height:24px}:host .selection-tile .selection-tile-select vega-checkbox,:host .selection-tile .selection-tile-select vega-radio{margin-top:4px}';var P=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class L extends a{getGroupContainerRef(){return this.groupContainerRef}render(){return e("div",null,this.renderLabel(),this.renderContainer(),this.renderHint())}renderLabel(){return this.label&&e("div",{class:"vega-label"},e("label",{"aria-label":this.label},this.label,this.renderRequire()))}renderRequire(){return this.required&&e("span",{class:"vega-require"},"*")}renderContainer(){return e("div",{class:"container",ref:e=>this.groupContainerRef=e},e("vega-flex",{direction:"horizontal"===this.layout?"row":"col",gap:"size-12"},e("slot",{onSlotchange:()=>this.itemsController.syncTileArrayAndValue()})))}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}}P([n()],L.prototype,"host",void 0),P([n()],L.prototype,"label",void 0),P([n()],L.prototype,"required",void 0),P([n()],L.prototype,"hint",void 0),P([n()],L.prototype,"layout",void 0),P([n()],L.prototype,"selectType",void 0),P([n()],L.prototype,"itemsController",void 0);var M=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class H extends a{watchValue(){this.changeEventEmitter.emit(this.value),x.notify(y,{host:this.host,detail:this.value})}onSelectionTilesChanged(){"checkbox"===this.selectType?this.setValueFromCheckboxItems():this.setValueFromRadioItems()}onSelectionTileChecked(e){"checkbox"===this.selectType?this.setValueFromCheckbox(e):this.setValueFromRadio(e)}setValueFromCheckbox(e){e.checked&&!this.value.includes(e.value)?this.value=[...this.value,e.value]:!e.checked&&this.value.includes(e.value)&&(this.value=[...this.value.filter((t=>t!==e.value))])}setValueFromRadio(e){e.checked&&(this.value=e.value)}setValueFromCheckboxItems(){0===this.value.length&&(this.value=this.itemsController.getSelectionTileArray().filter((e=>e.checked)).map((e=>e.value)))}setValueFromRadioItems(){if(!this.value){const e=this.itemsController.getSelectionTileArray().find((e=>e.checked));e&&(this.value=e.value)}}}M([n()],H.prototype,"host",void 0),M([n({writable:!0})],H.prototype,"value",void 0),M([n()],H.prototype,"selectType",void 0),M([n()],H.prototype,"changeEventEmitter",void 0),M([n()],H.prototype,"itemsController",void 0),M([l("watchValue")],H.prototype,"watchValue",null);var U=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};class K extends a{constructor(){super(...arguments),this.selectionTileArray=[]}initSelectionTileArray(){this.syncTileArrayAndValue()}getSelectionTileArray(){return this.selectionTileArray}syncTileArrayAndValue(){this.selectionTileArray=Array.from(this.host.querySelectorAll("vega-selection-tile")),this.valueController.onSelectionTilesChanged()}touchableAreaGetter(){const e="checkbox"===this.selectType?"vega-checkbox":"vega-radio";return this.selectionTileArray.map((t=>t.shadowRoot.querySelector(e).shadowRoot.querySelector("input")))}}U([n()],K.prototype,"host",void 0),U([n()],K.prototype,"selectType",void 0),U([n()],K.prototype,"valueController",void 0),U([l("componentWillLoad")],K.prototype,"initSelectionTileArray",null);var W=function(e,t,i,s){var o,r=arguments.length,n=r<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(e,t,i,s);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(n=(r<3?o(n):r>3?o(t,i,n):o(t,i))||n);return r>3&&n&&Object.defineProperty(t,i,n),n};const B=class{constructor(e){t(this,e),this.vegaChange=i(this,"vegaChange",7),this.change=i(this,"change",7),this.globalSlimmers={},this.renderer=new L,this.itemsController=new K,this.valueController=new H,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new O:null}],validationRulesName:"validationRules",inputContainerGetter:()=>this.renderer.getGroupContainerRef(),touchableAreaGetter:()=>this.itemsController.touchableAreaGetter(),defaultValue:e=>"checkbox"===e.selectType?[]:"",attributeGetter:e=>this[e]}),this.changeEventEmitter=f(B,g),this.checkboxEventPrevent=new C([g],(()=>this.renderer.getGroupContainerRef())),this.selectionTileChangeObserver=new S(m,(e=>this.valueController.onSelectionTileChecked(e.detail))),this.selectTypeNotifySlimmer=z(B,"selectType","watchSelectType"),this.disabledNotifySlimmer=z(B,"disabled","watchDisabled"),this.valueNotifySlimmer=z(B,"value","watchValue"),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.label="",this.selectType="radio",this.value="checkbox"===this.selectType?[]:"",this.layout="vertical",this.validationRules=[],this.isValid=null}watchSelectType(){}watchValue(){}watchDisabled(){}watchValidationRules(){}render(){return r(e(s,null,this.renderer.render()),this.host)}get host(){return o(this)}static get watchers(){return{selectType:["watchSelectType"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};W([d()],B.prototype,"globalSlimmers",void 0),W([c()],B.prototype,"renderer",void 0),W([c()],B.prototype,"itemsController",void 0),W([c()],B.prototype,"valueController",void 0),W([c()],B.prototype,"formFieldController",void 0),W([c()],B.prototype,"changeEventEmitter",void 0),W([c()],B.prototype,"checkboxEventPrevent",void 0),W([c()],B.prototype,"selectionTileChangeObserver",void 0),W([c()],B.prototype,"selectTypeNotifySlimmer",void 0),W([c()],B.prototype,"disabledNotifySlimmer",void 0),W([c()],B.prototype,"valueNotifySlimmer",void 0),W([c()],B.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),B.style=':host{display:block;text-align:left;line-height:normal}:host .vega-error{display:block;margin-top:12px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .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){:host .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){:host .vega-error{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-hidden{display:none}:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;margin-bottom:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-label{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-label label{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}:host .vega-label .vega-require{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}:host .vega-hint{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:12px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-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){:host .vega-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){:host .vega-hint{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}';export{D as vega_selection_tile,B as vega_selection_tile_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
class e{constructor(e){this.name=e}getName(){return this.name}}const n=new e("valid"),a=new e("fieldErrorStateChange"),t=new e("virtualScrollToBottom"),s=new e("buttonGroupClick"),r=new e("leftNavLinkClick"),o=new e("subStatePull"),w=new e("subStatePush"),l=new e("monthEventsChange"),d=new e("dropdownTemplateItemsChange"),i=new e("tableRowSelect"),c=new e("tableRowSelectAll"),h=new e("tableRowExpand"),p=new e("dropdownRenderItemInternalOverridden"),g=new e("VegaDropdownSearchInternalOverridden"),u=new e("sidenavLinkClick"),m=new e("leftNavGroupExpand"),v=new e("dropdownUpdateTarget"),C=new e("richTextEditorFlushChanges"),k=new e("richTextEditorSelectionRangeChange"),S=new e("richTextImageClick"),T=new e("richTextImageDeleteButtonClicked"),b=new e("componentDidRender"),x=new e("popoverUpdateTarget");export{C as V,b as a,k as b,a as c,n as d,d as e,t as f,w as g,o as h,p as i,g as j,v as k,x as l,s as m,l as n,u as o,S as p,T as q,r,m as s,h as t,i as u,c as v}
|