@globalpayments/vega 2.30.0 → 2.32.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-391d9a14.js → app-globals-19032674.js} +3 -3
- package/dist/cjs/{child-nodes-event-prevent-slimmer-bed95a1b.js → child-nodes-event-prevent-slimmer-88ed23c2.js} +2 -2
- package/dist/cjs/{event-emit-slimmer-b321e3f5.js → event-emit-slimmer-83278943.js} +1 -1
- package/dist/cjs/{feature-flag-controller-f0619cc7.js → feature-flag-controller-f9d3ce38.js} +6 -0
- package/dist/cjs/{form-field-controller-slimmer-a4231b97.js → form-field-controller-slimmer-2a982ead.js} +1 -1
- package/dist/cjs/{index-d6bf3435.js → index-40a1cd3a.js} +1 -1
- package/dist/cjs/index.cjs.js +5 -5
- package/dist/cjs/{internal-vega-event-manager-9ffb3ed1.js → internal-vega-event-manager-5fe83465.js} +2 -2
- package/dist/cjs/loader.cjs.js +7 -7
- package/dist/cjs/{sub-state-notify-slimmer-c729699e.js → sub-state-notify-slimmer-13f1892b.js} +1 -1
- package/dist/cjs/{sub-state-observer-slimmer-c1332b19.js → sub-state-observer-slimmer-6c0b635d.js} +1 -1
- package/dist/cjs/vega-accordion.cjs.entry.js +3 -3
- package/dist/cjs/vega-app-header-button.cjs.entry.js +5 -5
- package/dist/cjs/vega-banner.cjs.entry.js +4 -4
- package/dist/cjs/vega-breadcrumb.cjs.entry.js +5 -5
- package/dist/cjs/vega-button-circle.cjs.entry.js +5 -5
- package/dist/cjs/vega-button-group_2.cjs.entry.js +8 -8
- package/dist/cjs/vega-button-link.cjs.entry.js +5 -5
- package/dist/cjs/vega-button.cjs.entry.js +5 -5
- package/dist/cjs/vega-calendar_3.cjs.entry.js +8 -8
- package/dist/cjs/vega-carousel.cjs.entry.js +3 -3
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +7 -7
- package/dist/cjs/vega-chip.cjs.entry.js +5 -5
- package/dist/cjs/vega-color-picker.cjs.entry.js +5 -5
- package/dist/cjs/vega-combo-box.cjs.entry.js +164 -38
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +8 -8
- package/dist/cjs/vega-dialog_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +14 -12
- package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
- package/dist/cjs/{vega-event-id-419d36a8.js → vega-event-id-81270f6a.js} +4 -0
- package/dist/cjs/vega-field-label.cjs.entry.js +3 -3
- package/dist/cjs/vega-file-uploader.cjs.entry.js +5 -5
- package/dist/cjs/vega-flex.cjs.entry.js +1 -1
- package/dist/cjs/vega-form.cjs.entry.js +7 -7
- package/dist/cjs/vega-image-uploader.cjs.entry.js +7 -7
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +7 -7
- package/dist/cjs/vega-input-numeric.cjs.entry.js +8 -8
- package/dist/cjs/vega-input-phone-number.cjs.entry.js +7 -7
- package/dist/cjs/vega-input-range.cjs.entry.js +7 -7
- package/dist/cjs/vega-input-select.cjs.entry.js +28 -10
- package/dist/cjs/vega-input.cjs.entry.js +6 -6
- package/dist/cjs/{vega-internal-event-id-99cc22e1.js → vega-internal-event-id-79be9bc5.js} +2 -0
- package/dist/cjs/vega-item-toggle.cjs.entry.js +3 -3
- package/dist/cjs/vega-left-nav_5.cjs.entry.js +190 -73
- package/dist/cjs/vega-page-notification_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-pagination.cjs.entry.js +5 -5
- package/dist/cjs/vega-popover_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-progress-tracker.cjs.entry.js +3 -3
- package/dist/cjs/vega-radio_2.cjs.entry.js +7 -7
- package/dist/cjs/vega-segment-control.cjs.entry.js +3 -3
- package/dist/cjs/vega-selection-chip_2.cjs.entry.js +9 -9
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +9 -9
- package/dist/cjs/vega-sidenav_3.cjs.entry.js +6 -6
- package/dist/cjs/vega-signature-capture.cjs.entry.js +5 -5
- package/dist/cjs/{vega-skeleton-loader-controller-4a016b04.js → vega-skeleton-loader-controller-4a1eedcd.js} +1 -1
- package/dist/cjs/vega-stepper.cjs.entry.js +7 -7
- package/dist/cjs/vega-tab-group_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-table_8.cjs.entry.js +12 -21
- package/dist/cjs/vega-textarea.cjs.entry.js +7 -7
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +7 -7
- package/dist/cjs/vega-toggle-switch.cjs.entry.js +5 -5
- package/dist/cjs/vega.cjs.js +7 -7
- package/dist/collection/components/vega-calendar/vega-calendar.js +2 -2
- package/dist/collection/components/vega-chart/vega-bar-chart/vega-bar-chart.js +1 -1
- package/dist/collection/components/vega-chart/vega-line-chart/vega-line-chart.js +1 -1
- package/dist/collection/components/vega-combo-box/slimmers/controllers/vega-combo-box-items-slot-controller.js +57 -0
- package/dist/collection/components/vega-combo-box/slimmers/controllers/vega-combo-box-source-controller.js +23 -0
- package/dist/collection/components/vega-combo-box/slimmers/renderers/vega-combo-box-dropdown-renderer.js +46 -5
- package/dist/collection/components/vega-combo-box/vega-combo-box.js +10 -0
- package/dist/collection/components/vega-dropdown/slimmers/controllers/vega-dropdown-scrollable-controller.js +6 -4
- package/dist/collection/components/vega-input-select/slimmers/controllers/vega-input-select-dropdown-controller.js +10 -2
- package/dist/collection/components/vega-input-select/vega-input-select.js +46 -2
- package/dist/collection/components/vega-nav/vega-left-nav/vega-left-nav.js +36 -0
- package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/controllers/vega-left-nav-group-sibling-observer-controller.js +48 -0
- package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/controllers/vega-left-nav-group-state-controller.js +31 -0
- package/dist/collection/components/vega-nav/vega-left-nav-group/slimmers/renderers/vega-left-nav-group-renderer.js +26 -1
- package/dist/collection/components/vega-nav/vega-left-nav-group/vega-left-nav-group.js +15 -1
- package/dist/collection/components/vega-table/vega-table-head-cell/vega-table-head-cell.js +4 -13
- package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js +2 -2
- package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js +1 -0
- package/dist/collection/helpers/feature-control/feature-flags-map.js +6 -0
- package/dist/esm/{app-globals-00a57fbe.js → app-globals-5084ae11.js} +3 -3
- package/dist/esm/{child-nodes-event-prevent-slimmer-db288af1.js → child-nodes-event-prevent-slimmer-01953033.js} +2 -2
- package/dist/esm/{event-emit-slimmer-44cb4573.js → event-emit-slimmer-493e6b9d.js} +1 -1
- package/dist/esm/{feature-flag-controller-297c4b9b.js → feature-flag-controller-f72c004e.js} +6 -0
- package/dist/esm/{form-field-controller-slimmer-a64c679c.js → form-field-controller-slimmer-88492678.js} +1 -1
- package/dist/esm/{index-fda6b5ee.js → index-0830dd1d.js} +1 -1
- package/dist/esm/index.js +5 -5
- package/dist/esm/{internal-vega-event-manager-8154661e.js → internal-vega-event-manager-48ac30f1.js} +2 -2
- package/dist/esm/loader.js +7 -7
- package/dist/esm/{sub-state-notify-slimmer-be5bcc4e.js → sub-state-notify-slimmer-21b1c646.js} +1 -1
- package/dist/esm/{sub-state-observer-slimmer-cd7adab1.js → sub-state-observer-slimmer-8c80d874.js} +1 -1
- package/dist/esm/vega-accordion.entry.js +3 -3
- package/dist/esm/vega-app-header-button.entry.js +5 -5
- package/dist/esm/vega-banner.entry.js +4 -4
- package/dist/esm/vega-breadcrumb.entry.js +5 -5
- package/dist/esm/vega-button-circle.entry.js +5 -5
- package/dist/esm/vega-button-group_2.entry.js +8 -8
- package/dist/esm/vega-button-link.entry.js +5 -5
- package/dist/esm/vega-button.entry.js +5 -5
- package/dist/esm/vega-calendar_3.entry.js +8 -8
- package/dist/esm/vega-carousel.entry.js +3 -3
- package/dist/esm/vega-checkbox_2.entry.js +7 -7
- package/dist/esm/vega-chip.entry.js +5 -5
- package/dist/esm/vega-color-picker.entry.js +5 -5
- package/dist/esm/vega-combo-box.entry.js +165 -39
- package/dist/esm/vega-date-picker_2.entry.js +8 -8
- package/dist/esm/vega-dialog_2.entry.js +5 -5
- package/dist/esm/vega-dropdown_5.entry.js +14 -12
- package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
- package/dist/esm/{vega-event-id-b1655cbc.js → vega-event-id-0f8fc134.js} +3 -1
- package/dist/esm/vega-field-label.entry.js +3 -3
- package/dist/esm/vega-file-uploader.entry.js +5 -5
- package/dist/esm/vega-flex.entry.js +1 -1
- package/dist/esm/vega-form.entry.js +7 -7
- package/dist/esm/vega-image-uploader.entry.js +7 -7
- package/dist/esm/vega-input-credit-card.entry.js +7 -7
- package/dist/esm/vega-input-numeric.entry.js +8 -8
- package/dist/esm/vega-input-phone-number.entry.js +7 -7
- package/dist/esm/vega-input-range.entry.js +7 -7
- package/dist/esm/vega-input-select.entry.js +28 -10
- package/dist/esm/vega-input.entry.js +6 -6
- package/dist/esm/{vega-internal-event-id-c8507b85.js → vega-internal-event-id-770faa12.js} +2 -1
- package/dist/esm/vega-item-toggle.entry.js +3 -3
- package/dist/esm/vega-left-nav_5.entry.js +190 -73
- package/dist/esm/vega-page-notification_2.entry.js +1 -1
- package/dist/esm/vega-pagination.entry.js +5 -5
- package/dist/esm/vega-popover_2.entry.js +3 -3
- package/dist/esm/vega-progress-tracker.entry.js +3 -3
- package/dist/esm/vega-radio_2.entry.js +7 -7
- package/dist/esm/vega-segment-control.entry.js +3 -3
- package/dist/esm/vega-selection-chip_2.entry.js +9 -9
- package/dist/esm/vega-selection-tile_2.entry.js +9 -9
- package/dist/esm/vega-sidenav_3.entry.js +6 -6
- package/dist/esm/vega-signature-capture.entry.js +5 -5
- package/dist/esm/{vega-skeleton-loader-controller-cec6753f.js → vega-skeleton-loader-controller-1911558d.js} +1 -1
- package/dist/esm/vega-stepper.entry.js +7 -7
- package/dist/esm/vega-tab-group_2.entry.js +5 -5
- package/dist/esm/vega-table_8.entry.js +12 -21
- package/dist/esm/vega-textarea.entry.js +7 -7
- package/dist/esm/vega-time-picker_2.entry.js +7 -7
- package/dist/esm/vega-toggle-switch.entry.js +5 -5
- package/dist/esm/vega.js +7 -7
- package/dist/types/components/vega-banner/types.d.ts +3 -1
- package/dist/types/components/vega-calendar/types.d.ts +8 -6
- package/dist/types/components/vega-combo-box/slimmers/controllers/vega-combo-box-items-slot-controller.d.ts +19 -0
- package/dist/types/components/vega-combo-box/slimmers/controllers/vega-combo-box-source-controller.d.ts +14 -0
- package/dist/types/components/vega-combo-box/slimmers/renderers/vega-combo-box-dropdown-renderer.d.ts +7 -0
- package/dist/types/components/vega-combo-box/vega-combo-box.d.ts +4 -0
- package/dist/types/components/vega-dropdown/types.d.ts +27 -0
- package/dist/types/components/vega-file-uploader/types.d.ts +21 -0
- package/dist/types/components/vega-image-uploader/types.d.ts +6 -0
- package/dist/types/components/vega-input-select/slimmers/controllers/vega-input-select-dropdown-controller.d.ts +2 -0
- package/dist/types/components/vega-input-select/vega-input-select.d.ts +16 -0
- package/dist/types/components/vega-nav/vega-left-nav/vega-left-nav.d.ts +7 -0
- package/dist/types/components/vega-nav/vega-left-nav-group/slimmers/controllers/vega-left-nav-group-sibling-observer-controller.d.ts +18 -0
- package/dist/types/components/vega-nav/vega-left-nav-group/slimmers/controllers/vega-left-nav-group-state-controller.d.ts +10 -0
- package/dist/types/components/vega-nav/vega-left-nav-group/slimmers/renderers/vega-left-nav-group-renderer.d.ts +7 -0
- package/dist/types/components/vega-nav/vega-left-nav-group/vega-left-nav-group.d.ts +5 -0
- package/dist/types/components/vega-table/interface.d.ts +3 -0
- package/dist/types/components.d.ts +20 -0
- package/dist/types/helpers/chart/bar-chart.d.ts +6 -0
- package/dist/types/helpers/event-manager/event-id/vega-internal-event-id.d.ts +1 -0
- package/dist/types/helpers/feature-control/feature-flag.d.ts +2 -1
- package/dist/types/types/vega-chart.d.ts +42 -19
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/{p-d3c07efa.entry.js → p-00d1904d.entry.js} +1 -1
- package/dist/vega/{p-a6e1d9bc.entry.js → p-039abd28.entry.js} +1 -1
- package/dist/vega/{p-e165c9f1.entry.js → p-051fd45b.entry.js} +1 -1
- package/dist/vega/{p-64ff6318.entry.js → p-0916da7a.entry.js} +1 -1
- package/dist/vega/{p-c6ed1982.entry.js → p-0e59c3b7.entry.js} +1 -1
- package/dist/vega/p-0fe89d42.js +1 -0
- package/dist/vega/p-0fecf145.js +1 -0
- package/dist/vega/{p-0f0e4198.entry.js → p-105d0265.entry.js} +1 -1
- package/dist/vega/p-12aa4bd2.entry.js +1 -0
- package/dist/vega/{p-63bee4f1.entry.js → p-13d34a23.entry.js} +1 -1
- package/dist/vega/{p-cdebfee7.entry.js → p-14fc5aed.entry.js} +1 -1
- package/dist/vega/{p-57d9bde6.entry.js → p-1545a693.entry.js} +1 -1
- package/dist/vega/{p-b347f967.js → p-16bb355d.js} +1 -1
- package/dist/vega/{p-20d9c07c.entry.js → p-16bfb3cb.entry.js} +1 -1
- package/dist/vega/{p-623fe226.entry.js → p-24d76337.entry.js} +1 -1
- package/dist/vega/{p-b6e49ee9.entry.js → p-2b5ab7f9.entry.js} +1 -1
- package/dist/vega/{p-e5d7b4b8.js → p-30860766.js} +1 -1
- package/dist/vega/{p-7a6a0740.entry.js → p-3154fb6b.entry.js} +1 -1
- package/dist/vega/{p-00c5aee5.entry.js → p-3e591b2f.entry.js} +1 -1
- package/dist/vega/{p-1be2fd46.entry.js → p-47e665ba.entry.js} +1 -1
- package/dist/vega/{p-438caeb3.entry.js → p-4963e445.entry.js} +1 -1
- package/dist/vega/{p-34710a3c.entry.js → p-51200fe0.entry.js} +1 -1
- package/dist/vega/{p-ab983e7d.js → p-535f0758.js} +1 -1
- package/dist/vega/{p-ae3fd67e.js → p-590870e4.js} +1 -1
- package/dist/vega/{p-fb3233db.entry.js → p-5dd6ff09.entry.js} +1 -1
- package/dist/vega/p-5f377954.js +1 -1
- package/dist/vega/{p-4ffd7493.js → p-5fe479a1.js} +1 -1
- package/dist/vega/{p-0abe1ade.entry.js → p-6556932e.entry.js} +1 -1
- package/dist/vega/{p-87cd0d6a.entry.js → p-66ffdfdf.entry.js} +1 -1
- package/dist/vega/{p-9ba68531.entry.js → p-6ca02241.entry.js} +1 -1
- package/dist/vega/{p-72ecc510.entry.js → p-7002cde3.entry.js} +1 -1
- package/dist/vega/{p-15023bad.entry.js → p-71939bf8.entry.js} +1 -1
- package/dist/vega/{p-042b4b3f.entry.js → p-83569225.entry.js} +1 -1
- package/dist/vega/{p-83ef4c13.entry.js → p-848825ff.entry.js} +1 -1
- package/dist/vega/p-8a091eb7.js +1 -0
- package/dist/vega/p-8bd327a8.js +1 -0
- package/dist/vega/{p-8cfe4027.entry.js → p-8d23c56b.entry.js} +1 -1
- package/dist/vega/{p-f2851f16.js → p-943e89b4.js} +1 -1
- package/dist/vega/{p-c3c2890e.entry.js → p-94861e39.entry.js} +1 -1
- package/dist/vega/p-9e9ec748.js +1 -0
- package/dist/vega/p-a00122bb.entry.js +1 -0
- package/dist/vega/{p-302e7589.js → p-a04632d0.js} +1 -1
- package/dist/vega/{p-14f5a9ad.entry.js → p-a2b4b6c3.entry.js} +1 -1
- package/dist/vega/{p-799cb0a4.entry.js → p-ae5751fb.entry.js} +1 -1
- package/dist/vega/p-af086582.entry.js +1 -0
- package/dist/vega/{p-a66ea015.entry.js → p-b5a6f6b9.entry.js} +1 -1
- package/dist/vega/p-c94ddc57.entry.js +1 -0
- package/dist/vega/p-d642c011.entry.js +1 -0
- package/dist/vega/{p-a67748c6.entry.js → p-da106a4d.entry.js} +1 -1
- package/dist/vega/{p-e6f91767.entry.js → p-db94558e.entry.js} +1 -1
- package/dist/vega/{p-b1a249ef.entry.js → p-dba59bd7.entry.js} +1 -1
- package/dist/vega/{p-bf38199b.entry.js → p-e5cd92f0.entry.js} +1 -1
- package/dist/vega/{p-9b45e5dc.entry.js → p-e5e0394a.entry.js} +1 -1
- package/dist/vega/{p-95b25b97.entry.js → p-e74a6d22.entry.js} +1 -1
- package/dist/vega/{p-ff22a95f.entry.js → p-e828ee94.entry.js} +1 -1
- package/dist/vega/{p-be6041fc.entry.js → p-ea285b12.entry.js} +1 -1
- package/dist/vega/{p-7941701a.entry.js → p-ead482e6.entry.js} +1 -1
- package/dist/vega/{p-9281cdb2.entry.js → p-f556c3cd.entry.js} +1 -1
- package/dist/vega/{p-9b9c0afb.entry.js → p-ffb832b8.entry.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/vega/p-1bfcb6b7.entry.js +0 -1
- package/dist/vega/p-2306c736.js +0 -1
- package/dist/vega/p-3903ce7a.entry.js +0 -1
- package/dist/vega/p-79019d08.js +0 -1
- package/dist/vega/p-80785fcf.entry.js +0 -1
- package/dist/vega/p-bf3fbb9b.js +0 -1
- package/dist/vega/p-c06e7880.js +0 -1
- package/dist/vega/p-cea70476.entry.js +0 -1
- package/dist/vega/p-d71f968e.entry.js +0 -1
- package/dist/vega/p-e731976a.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 f}from"./p-6bd5c49b.js";import{V as u,I as g}from"./p-61f6167c.js";import{f as m,k as w,l as x}from"./p-4163c2c2.js";import{N as b,O as y}from"./p-9fbdeada.js";import{c as S}from"./p-86194314.js";import{D as R,d as j}from"./p-6c6d86da.js";import{e as C,l as I,m as O,b as T,j as k,n as D,o as M,a as L}from"./p-9e9ec748.js";import{K as E}from"./p-c1dfdc13.js";import{E as z}from"./p-ed237efc.js";import{i as H}from"./p-b0502d01.js";import{c as K}from"./p-535f0758.js";import{M as A}from"./p-987fbbd0.js";import{C as V}from"./p-2d0d575f.js";import{b as W,g as N,f as $,c as _}from"./p-8a091eb7.js";import{c as B}from"./p-a04632d0.js";import{C as U}from"./p-ec157238.js";import{D as P}from"./p-32f651f7.js";import{r as F}from"./p-a190c86a.js";import{T as Y}from"./p-68ad953c.js";import{C as q}from"./p-30860766.js";import{S as G}from"./p-590870e4.js";import"./p-f46c930f.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-331a62d5.js";import"./p-5453f591.js";import"./p-781fd6e0.js";import"./p-262ec334.js";import"./p-6a334573.js";import"./p-47c87634.js";import"./p-2d5a9f66.js";import"./p-0c667d6a.js";import"./p-0fecf145.js";import"./p-9f3b1d77.js";import"./p-5440344e.js";import"./p-5f377954.js";import"./p-5fe479a1.js";import"./p-f404aa83.js";var X=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class J extends h{componentDidRender(){this.setVirtualContainer(),this.appendItemsToContentBox(),this.appendDropdownToContentBox()}getDropdownRef(){return this.dropdownRef}getDropdownContentBoxRef(){return this.dropdownContentBoxRef}getVirtualContainerRef(){return this.virtualContainerRef}getNextActiveItem(e){const t=this.getAllItems(),i=this.getCurrentActiveItem();if(i){const o=t.findIndex((e=>e===i)),r="ArrowDown"===e?o+1:o-1,n=t[r];return n?n.disabled?this.findNextCallFocusItem(t,r,e):n:null}return t[0]}render(){return e(t,null,this.renderContentSlot(),this.renderDropdown())}renderContentSlot(){return this.renderModeController.isSourceRenderMode()?e("slot",null):e(t,null,e("slot",{name:"dropdown-content"}),e("slot",null))}renderDropdown(){return e("vega-dropdown-content-box",{ref:e=>this.dropdownContentBoxRef=e,style:{maxHeight:`${this.maxHeight}px`},"data-parent-ref":this.host,"data-vega-no-event-prevent":this.host&&"true"===this.host.dataset.vegaNoEventPrevent?"true":"false"},e("div",{ref:e=>this.dropdownRef=e,class:{"vega-dropdown":!0,"vega-dropdown-with-searchable":this.searchable}},e("div",{class:"vega-dropdown-actions"},this.searchRenderer.render(),this.createRenderer.render()),e("div",null,e("div",{class:"vega-dropdown-container"},this.renderModeController.isSourceRenderMode()?this.listRenderer.renderBySource():this.listRenderer.renderBySlot()))))}setVirtualContainer(){this.virtualContainerRef=this.dropdownRef.querySelector(".vega-dropdown-container")}appendItemsToContentBox(){if(!this.renderModeController.isSourceRenderMode()){const e=this.host.querySelector("[slot='items']");!this.dropdownContentBoxRef.contains(e)&&e&&this.dropdownContentBoxRef.append(e)}}appendDropdownToContentBox(){var e,t;(null===(e=this.dropdownContentBoxRef.shadowRoot)||void 0===e?void 0:e.contains(this.dropdownRef))||null===(t=this.dropdownContentBoxRef.shadowRoot)||void 0===t||t.append(this.dropdownRef)}getAllItems(){const e=this.dropdownRef.querySelector("vega-virtual-scroll");return Array.from((e?e.shadowRoot:this.dropdownRef).querySelectorAll("vega-dropdown-item"))}getCurrentActiveItem(){return m(s(this.dropdownContentBoxRef.shadowRoot),"vega-dropdown-item")}findNextCallFocusItem(e,t,i){const o="ArrowDown"===i?t+1:t-1,r=e[o];return r?r.disabled?this.findNextCallFocusItem(e,o,i):r:null}}X([l()],J.prototype,"host",void 0),X([l()],J.prototype,"maxHeight",void 0),X([l()],J.prototype,"searchable",void 0),X([l()],J.prototype,"searchRenderer",void 0),X([l()],J.prototype,"createRenderer",void 0),X([l()],J.prototype,"listRenderer",void 0),X([l()],J.prototype,"renderModeController",void 0),X([d("componentDidRender")],J.prototype,"componentDidRender",null);var Q=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Z extends h{componentWillLoad(){this.handleSource()}watchSource(){this.handleSource()}setRenderSource(){this.renderModeController.isSourceRenderMode()&&(this.sourceForRender=this.searchController.search(this.source))}handleSource(){this.validSource(),this.setRenderSource()}validSource(){this.source=b(this.source,y)?this.source:[]}}Q([l({writable:!0})],Z.prototype,"source",void 0),Q([l({writable:!0})],Z.prototype,"sourceForRender",void 0),Q([l()],Z.prototype,"searchController",void 0),Q([l()],Z.prototype,"renderModeController",void 0),Q([d("componentWillLoad")],Z.prototype,"componentWillLoad",null),Q([d("watchSource")],Z.prototype,"watchSource",null);var ee=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class te extends h{constructor(){super(...arguments),this.onItemAdd=()=>{this.createEventEmitter.emit(this.searchString),this.appenderController.hide()}}render(){return this.searchString&&this.dynamicOption&&!this.childrenController.isLabelExist(this.searchString)&&e("fragment",null,e("div",{class:"vega-dropdown-add-item",onClick:this.onItemAdd,tabIndex:0,role:"button","aria-label":`Add ${this.searchString}`,onKeyDown:S()},e("div",null,e("vega-icon",{icon:"plus-sign"})),e("span",{class:"v-break-all"},`Add "${this.searchString}"`)),e("div",{class:"vega-dropdown-divider"}))}}ee([l()],te.prototype,"searchString",void 0),ee([l()],te.prototype,"dynamicOption",void 0),ee([l()],te.prototype,"sourceForRender",void 0),ee([l()],te.prototype,"appenderController",void 0),ee([l()],te.prototype,"childrenController",void 0),ee([l()],te.prototype,"renderModeController",void 0),ee([l()],te.prototype,"createEventEmitter",void 0);var ie=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class oe extends h{constructor(){super(...arguments),this.defaultMaxHeightOfItemsContainer=400}getVirtualScrollRef(){return this.virtualScrollRef}getTemplateContainerRef(){return this.templateContainerRef}renderBySource(){return e(t,null,this.renderLoading(),this.renderDropdownListBySource())}renderBySlot(){return e(t,null,this.renderLoading(),this.renderDropdownListBySlot())}renderLoading(){return e("div",{class:{"vega-dropdown-loading":!0,"v-hidden":!this.isLoading}},e("vega-flex",{gap:"size-8",direction:"row"},e("vega-loading-indicator",{size:"small"}),e("span",null,"Loading")))}renderDropdownListBySource(){return e(t,null,e("div",{class:{"vega-dropdown-empty-list":!0,"v-hidden":this.sourceForRender.length>0}},this.translationSlimmer.t(this.searchString?"No results found":"No options")),e("ul",{role:"menu","aria-label":"dropdown-ul",class:{"v-hidden":0===this.sourceForRender.length}},e("vega-virtual-scroll",{source:this.sourceForRender,renderItem:(e,t,i)=>e.children?this.groupLevelRenderer.render(e,t,i):this.itemLevelRenderer.render(e,i),viewportMaxHeight:this.defaultMaxHeightOfItemsContainer,ref:e=>this.virtualScrollRef=e,isLoading:this.isLazyLoading})))}renderDropdownListBySlot(){return e("ul",{role:"menu","aria-label":"dropdown-ul",class:{[`vega-dropdown-item-display-${this.itemDisplayRule}`]:!0,"v-hidden":this.isLoading},ref:e=>this.templateContainerRef=e},e("slot",{name:"items"}))}}ie([l()],oe.prototype,"host",void 0),ie([l()],oe.prototype,"isLoading",void 0),ie([l()],oe.prototype,"searchString",void 0),ie([l()],oe.prototype,"itemDisplayRule",void 0),ie([l()],oe.prototype,"sourceForRender",void 0),ie([l()],oe.prototype,"itemLevelRenderer",void 0),ie([l()],oe.prototype,"groupLevelRenderer",void 0),ie([l()],oe.prototype,"isLazyLoading",void 0),ie([l()],oe.prototype,"isDropdownShow",void 0),ie([l()],oe.prototype,"renderModeController",void 0),ie([l()],oe.prototype,"translationSlimmer",void 0);var re=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ne extends h{render(t,i){return this.remoteInvocationController.callRemoteItemRender(t,i)||e("vega-dropdown-item",Object.assign({},t,{itemKey:t.key,height:i,prefixIcon:t.prefixIcon}))}}re([l()],ne.prototype,"host",void 0),re([l()],ne.prototype,"selectType",void 0),re([l()],ne.prototype,"caseSensitive",void 0),re([l()],ne.prototype,"searchString",void 0),re([l()],ne.prototype,"selectedController",void 0),re([l()],ne.prototype,"sourceController",void 0),re([l()],ne.prototype,"remoteInvocationController",void 0);var se=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ae extends h{constructor(){super(...arguments),this.clear=()=>{this.searchString=null,this.searchInputRef&&(this.searchInputRef.value="")},this.onInputSearch=e=>{this.searchInputRef=e,R.addUniqueObserverToNode(e,C,(e=>{this.search(e.detail,"input")}))},this.search=(e,t)=>{this.searchTriggerBy&&this.searchTriggerBy!==t||(this.searchString=e,this.renderModeController.isSourceRenderMode()?this.useDefaultFilter?(this.sourceController.setRenderSource(),this.focus()):this.isDropdownShow&&(this.searchEventEmitter.emit(e),this.searchTriggerEventEmitter.emit({trigger:t,value:e})):(this.searchEventEmitter.emit(e),this.searchTriggerEventEmitter.emit({trigger:t,value:e})))}}userSearch(e){this.search(e,"input")}focus(){this.searchInputRef&&this.searchInputRef.shadowRoot.querySelector("input").focus()}render(){return this.searchable&&e("div",{class:"vega-dropdown-search"},e("vega-input",{"prefix-icon":"search",size:"small",autoValidation:!1,ref:this.onInputSearch,onKeyDown:e=>{"Enter"===e.code&&this.search(this.searchInputRef.value,"enter")}}))}}se([l()],ae.prototype,"searchable",void 0),se([l({writable:!0})],ae.prototype,"searchString",void 0),se([l()],ae.prototype,"source",void 0),se([l()],ae.prototype,"useDefaultFilter",void 0),se([l()],ae.prototype,"searchEventEmitter",void 0),se([l()],ae.prototype,"searchTriggerEventEmitter",void 0),se([l()],ae.prototype,"isDropdownShow",void 0),se([l()],ae.prototype,"sourceController",void 0),se([l()],ae.prototype,"renderModeController",void 0),se([l()],ae.prototype,"searchTriggerBy",void 0),se([d("search")],ae.prototype,"userSearch",null);var le=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class de extends E{constructor(){super((e=>{const t=this.renderer.getDropdownRef(),i=this.renderer.getVirtualContainerRef();return[{keyCode:"Tab",activeElementInScope:[e.host],callback:e.showDropdownIfHover},{keyCode:"Escape",activeElementInScope:[e.host,t,i],callback:()=>e.appenderController.hide()},{keyCode:["ArrowUp","ArrowDown"],activeElementInScope:[e.host,t],callback:t=>e.controlDirectionByKeyboard(t.code)},{keyCode:"Tab",activeElementOutScope:[e.host,t,i],callback:()=>e.isDropdownShow&&e.appenderController.hide()}]})),this.showDropdownIfHover=async()=>{"hover"===this.trigger&&this.appenderController.show()},this.controlDirectionByKeyboard=e=>{var t;null===(t=this.renderer.getNextActiveItem(e))||void 0===t||t.shadowRoot.querySelector("li").focus()}}}le([l()],de.prototype,"host",void 0),le([l()],de.prototype,"trigger",void 0),le([l()],de.prototype,"isDropdownShow",void 0),le([l()],de.prototype,"renderer",void 0),le([l()],de.prototype,"appenderController",void 0),le([l()],de.prototype,"listRenderer",void 0);var he=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ce extends z{constructor(){super((()=>({target:this.host,appendableElement:this.renderer.getDropdownContentBoxRef(),positionRelativeTo:this.positionRelativeTo,matchTargetWidth:this.matchTargetWidth,matchContainerHeight:this.matchContainerHeight,size:this.size,minWidth:this.minWidth,maxWidth:this.maxWidth,translocation:this.translocation,maxHeight:this.maxHeight,placement:this.placement,alignment:this.alignment})),(()=>this.trigger))}async watchIsDropdownShow(){this.isDropdownShow?this.showEventEmitter.emit():(this.searchRenderer.clear(),this.hideEventEmitter.emit())}userShow(){this.isDropdownShow||this.show()}userHide(){this.isDropdownShow&&this.hide()}}he([l()],ce.prototype,"host",void 0),he([l()],ce.prototype,"trigger",void 0),he([l({writable:!0})],ce.prototype,"isDropdownShow",void 0),he([l()],ce.prototype,"positionRelativeTo",void 0),he([l()],ce.prototype,"matchTargetWidth",void 0),he([l()],ce.prototype,"matchContainerHeight",void 0),he([l()],ce.prototype,"size",void 0),he([l()],ce.prototype,"minWidth",void 0),he([l()],ce.prototype,"maxWidth",void 0),he([l()],ce.prototype,"translocation",void 0),he([l()],ce.prototype,"maxHeight",void 0),he([l()],ce.prototype,"placement",void 0),he([l()],ce.prototype,"alignment",void 0),he([l()],ce.prototype,"renderer",void 0),he([l()],ce.prototype,"searchRenderer",void 0),he([l()],ce.prototype,"showEventEmitter",void 0),he([l()],ce.prototype,"hideEventEmitter",void 0),he([d("watchIsDropdownShow")],ce.prototype,"watchIsDropdownShow",null),he([d("show")],ce.prototype,"userShow",null),he([d("hide")],ce.prototype,"userHide",null);var pe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ve extends h{render(t,i,o){return e("vega-dropdown-group",{label:t.label,key:t.key,divide:i<this.sourceForRender.length-1},t.children.map((e=>this.itemLevelRenderer.render(e,o))))}}pe([l()],ve.prototype,"sourceForRender",void 0),pe([l()],ve.prototype,"itemLevelRenderer",void 0);var fe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ue extends h{search(e){return this.canSearch()?this.searchSource(e,[]):e}canSearch(){return this.useDefaultFilter&&!!this.searchString}searchSource(e,t){return this.remoteInvocationController.callRemoteSearch(e,this.searchString,this.caseSensitive)||(e.forEach((e=>{if(e.children){const i=this.searchSource(e.children,[]);i.length>0&&t.push(Object.assign(Object.assign({},e),{children:i}))}else this.isLabelIncludeSearchString(e.label)&&t.push(Object.assign(Object.assign({},e),{label:this.replaceLabelBySearchString(e.label)}))})),t)}isLabelIncludeSearchString(e){return this.caseSensitive?e.includes(this.searchString):e.toLowerCase().includes(this.searchString.toLowerCase())}replaceLabelBySearchString(e){return e.replace(new RegExp(`(${this.searchString})`,"g"+(this.caseSensitive?"":"i")),"<b>$1</b>")}}fe([l()],ue.prototype,"host",void 0),fe([l()],ue.prototype,"searchString",void 0),fe([l()],ue.prototype,"caseSensitive",void 0),fe([l()],ue.prototype,"useDefaultFilter",void 0),fe([l()],ue.prototype,"searchable",void 0),fe([l()],ue.prototype,"remoteInvocationController",void 0);var ge=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class me extends h{componentWillLoad(){this.checkSelectedSourceKey(this.selectedSourceKey)}clearSelection(){this.selectedSourceKey="multiple"===this.selectType?[]:""}getSelection(){return this.selectedSourceKey}watchSelectedRowKeySet(e){this.checkSelectedSourceKey(e)}watchSelectType(){this.checkSelectedSourceKey(this.selectedSourceKey)}watchSelectedSourceKey(e,t){Array.isArray(t)&&Array.isArray(e)&&H(t,e)||this.checkSelectedSourceKey(e)}watchSource(){this.checkSelectedSourceKey(this.selectedSourceKey)}isAcceptableItemSelectionObserver(e){return"VEGA-DROPDOWN-ITEM"===e.host.tagName&&this.isCurrentDropdown(e.host)}select(e){"multiple"===this.selectType?this.selectedSourceKey=this.selectedSourceKey.includes(e)?[...this.selectedSourceKey.filter((t=>t!==e))]:[...this.selectedSourceKey,e]:"single"===this.selectType?(this.selectedSourceKey=e,this.appenderController.hide()):this.appenderController.hide(),this.dropdownClickEventEmitter.emit(e)}isCurrentDropdown(e){const t=m(e,"vega-dropdown-content-box");return this.host===t["data-parent-ref"]}checkSelectedSourceKey(e){if(this.renderModeController.isSourceRenderMode()){let t;"string"==typeof e&&"single"===this.selectType&&this.childrenController.isKeyExist(e)?t=e:Array.isArray(e)&&"multiple"===this.selectType?t=this.checkMultipleSelectedKeys(e):(c.warn(`Invalid selectedSourceKey ${e} for ${this.selectType} mode`),t="multiple"===this.selectType?[]:""),this.selectedSourceKey=t}else this.selectedSourceKey=e}checkMultipleSelectedKeys(e){const t=[],i=e.filter((e=>{const i=this.childrenController.isKeyExist(e);return i||t.push(e),i}));return t.length>0&&c.warn(`Invalid selectedSourceKey ${e} for ${this.selectType} mode`),i}}ge([l()],me.prototype,"host",void 0),ge([l()],me.prototype,"selectType",void 0),ge([l()],me.prototype,"source",void 0),ge([l({writable:!0})],me.prototype,"selectedSourceKey",void 0),ge([l()],me.prototype,"vegaDropdownClick",void 0),ge([l()],me.prototype,"appenderController",void 0),ge([l()],me.prototype,"childrenController",void 0),ge([l()],me.prototype,"renderModeController",void 0),ge([l()],me.prototype,"dropdownClickEventEmitter",void 0),ge([d("componentWillLoad")],me.prototype,"componentWillLoad",null),ge([d("clearSelection")],me.prototype,"clearSelection",null),ge([d("getSelection")],me.prototype,"getSelection",null),ge([d("setSelection")],me.prototype,"watchSelectedRowKeySet",null),ge([d("watchSelectType")],me.prototype,"watchSelectType",null),ge([d("watchSelectedSourceKey")],me.prototype,"watchSelectedSourceKey",null),ge([d("watchSource")],me.prototype,"watchSource",null);var we=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class xe extends h{constructor(){super(...arguments),this.renderMode="SOURCE"}connectedCallback(){this.setRenderMode()}isSourceRenderMode(){return"SOURCE"===this.renderMode}setRenderMode(){const e=this.renderer.getDropdownContentBoxRef()||this.host;this.renderMode=e.querySelector("[slot=items]")?"SLOT":"SOURCE"}}we([l()],xe.prototype,"host",void 0),we([l()],xe.prototype,"renderer",void 0),we([d("connectedCallback")],xe.prototype,"connectedCallback",null);var be=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class ye extends h{constructor(){super(...arguments),this.mutationObserver=new A({target:()=>this.renderer.getDropdownContentBoxRef(),options:{childList:!0,subtree:!0},callback:()=>this.syncUpDropdownCurrentData()}),this.labelSet=new Set,this.keySet=new Set,this.collectKeyAndLabelFromSlot=()=>{const e=this.renderer.getDropdownContentBoxRef()||this.host;Array.from(e.querySelectorAll("vega-dropdown-item")).forEach((e=>{e.label&&this.labelSet.add(e.label),e.itemKey&&this.keySet.add(e.itemKey)}))}}disconnectedCallback(){}componentWillLoad(){this.syncUpDropdownCurrentData()}componentDidLoad(){}watchSource(){this.renderModeController.isSourceRenderMode()&&this.syncUpDropdownCurrentData()}isLabelExist(e){return this.labelSet.has(e)}isKeyExist(e){return this.keySet.has(e)}syncUpDropdownCurrentData(){this.clearDropdownCurrentData(),this.renderModeController.isSourceRenderMode()?this.collectKeyAndLabelFromSource(this.source):(this.collectKeyAndLabelFromSlot(),this.notifyTemplateItemsChange())}collectKeyAndLabelFromSource(e){e.forEach((e=>{e.children?this.collectKeyAndLabelFromSource(e.children):(this.labelSet.add(e.label),this.keySet.add(e.key))}))}clearDropdownCurrentData(){this.keySet.clear(),this.labelSet.clear()}notifyTemplateItemsChange(){const e=this.renderer.getDropdownContentBoxRef()||this.host;V.notify(j.getSubject(this.host,W),e.querySelectorAll("vega-dropdown-item"))}}be([l()],ye.prototype,"host",void 0),be([l()],ye.prototype,"source",void 0),be([l()],ye.prototype,"sourceController",void 0),be([l()],ye.prototype,"renderModeController",void 0),be([l()],ye.prototype,"listRenderer",void 0),be([l()],ye.prototype,"renderer",void 0),be([l()],ye.prototype,"selectedController",void 0),be([p()],ye.prototype,"mutationObserver",void 0),be([d("disconnectedCallback")],ye.prototype,"disconnectedCallback",null),be([d("componentWillLoad")],ye.prototype,"componentWillLoad",null),be([d("componentDidLoad")],ye.prototype,"componentDidLoad",null),be([d("watchSource")],ye.prototype,"watchSource",null);const Se=[{payloadKey:"IS_USING_TEMPLATE",payloadDescription:"Contains the data records to be rendered and displayed within the dropdown",payloadValue:e=>0===e.source.length},{payloadKey:"IS_USING_DATA_SOURCE",payloadDescription:"Contains the data records to be rendered and displayed within the dropdown",payloadValue:e=>e.source.length>0}];var Re=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class je extends h{async watchIsDropdownShow(){this.isDropdownShow&&(this.adjustListContainerMaxHeight(),await this.scrollToSelectedIndex())}async scrollToSelectedIndex(){this.renderModeController.isSourceRenderMode()?await this.scrollToVirtualIndex():this.scrollToTemplateIndex()}async scrollToVirtualIndex(){const e=this.sourceForRender.findIndex((e=>e.key===this.getSelectedKey()));e>=0&&await this.listRenderer.getVirtualScrollRef().scrollToIndex(e)}scrollToTemplateIndex(){const e=this.getSelectedKey();if(e){const t=this.renderer.getDropdownContentBoxRef(),i=t.querySelector(`vega-dropdown-item[item-key='${e}']`),o=t.shadowRoot.querySelector("ul"),r=o.getBoundingClientRect(),n=i.getBoundingClientRect();o.scrollTop=n.top-r.top}}getSelectedKey(){return"multiple"===this.selectType?this.selectedSourceKey[0]:this.selectedSourceKey}adjustListContainerMaxHeight(){const e=this.renderer.getDropdownContentBoxRef(),t=w(e.style.maxHeight)-(this.searchable?59:8)-8-(e.classList.contains("vega-placement-top")?0:16);e.style.maxHeight="unset",t<=40?(this.setItemsContainerMaxHeight(40),c.error("There have no space on the bottom to display dropdown, if you want to adjust position, you should make 'match-container-height' as false.")):this.setItemsContainerMaxHeight(t)}setItemsContainerMaxHeight(e){if(this.renderModeController.isSourceRenderMode())this.listRenderer.getVirtualScrollRef().viewportMaxHeight=e;else{const t=this.listRenderer.getTemplateContainerRef();t.style.overflowY="auto",t.style.maxHeight=`${e}px`}}}Re([l()],je.prototype,"isDropdownShow",void 0),Re([l()],je.prototype,"renderModeController",void 0),Re([l()],je.prototype,"sourceForRender",void 0),Re([l()],je.prototype,"selectType",void 0),Re([l()],je.prototype,"selectedSourceKey",void 0),Re([l()],je.prototype,"searchable",void 0),Re([l()],je.prototype,"listRenderer",void 0),Re([l()],je.prototype,"renderer",void 0),Re([d("watchIsDropdownShow")],je.prototype,"watchIsDropdownShow",null);var Ce=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ie extends h{connectedCallback(){this.remotePhoneNumberSearchSubject=j.getSubjectFromParentNodeByEventId(this.host,N),this.remotePhoneNumberItemRenderSubject=j.getSubjectFromParentNodeByEventId(this.host,$)}callRemoteSearch(...e){if(this.remotePhoneNumberSearchSubject){const t=F.call(this.remotePhoneNumberSearchSubject,...e);if(t)return t}return null}callRemoteItemRender(...e){if(this.remotePhoneNumberItemRenderSubject){const t=F.call(this.remotePhoneNumberItemRenderSubject,...e);if(t)return t}return null}}Ce([l()],Ie.prototype,"host",void 0),Ce([d("connectedCallback")],Ie.prototype,"connectedCallback",null);var Oe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const Te=class{constructor(e){i(this,e),this.vegaDropdownClick=o(this,"vegaDropdownClick",7),this.dropdownClick=o(this,"dropdownClick",7),this.vegaShow=o(this,"vegaShow",7),this.dropdownShow=o(this,"dropdownShow",7),this.vegaHide=o(this,"vegaHide",7),this.dropdownHide=o(this,"dropdownHide",7),this.vegaCreate=o(this,"vegaCreate",7),this.create=o(this,"create",7),this.vegaSearch=o(this,"vegaSearch",7),this.dropdownSearch=o(this,"dropdownSearch",7),this.vegaSearchTrigger=o(this,"vegaSearchTrigger",7),this.searchTrigger=o(this,"searchTrigger",7),this.globalSlimmers={},this.translationSlimmer=new Y,this.renderer=new J,this.sourceController=new Z,this.searchRenderer=new ae,this.createRenderer=new te,this.listRenderer=new oe,this.groupLevelRenderer=new ve,this.itemLevelRenderer=new ne,this.keyboardController=new de,this.appenderController=new ce,this.searchController=new ue,this.childrenController=new ye,this.selectedController=new me,this.renderModeController=new xe,this.scrollableController=new je,this.remoteInvocationController=new Ie,this.selectTypeNotifySlimmer=K(Te,"selectType","watchSelectType"),this.selectedSourceKeyNotifySlimmer=K(Te,"selectedSourceKey","watchSelectedSourceKey"),this.prefixIconSlotNotifySlimmer=K(Te,"prefixIconSlot","watchPrefixIconSlot"),this.itemClickObserver=new U(P,(e=>this.selectedController.select(e.detail.itemKey)),this.selectedController.isAcceptableItemSelectionObserver.bind(this.selectedController)),this.showEventEmitter=B(Te,I),this.hideEventEmitter=B(Te,O),this.dropdownClickEventEmitter=B(Te,T),this.createEventEmitter=B(Te,k),this.searchEventEmitter=B(Te,D),this.searchTriggerEventEmitter=B(Te,M),this.itemDisplayRuleNotifySlimmer=K(Te,"itemDisplayRule","watchItemDisplayRule"),this.vegaComponentUsageRuntimeMetricsSlimmer=new u(Se),this.searchString=null,this.isDropdownShow=!1,this.trigger="hover",this.translocation={X:0,Y:8},this.source=[],this.selectType="none",this.selectedSourceKey="multiple"===this.selectType?[]:"",this.prefixIconSlot=!1,this.maxHeight=400,this.searchable=!1,this.matchTargetWidth=!1,this.itemDisplayRule="newline",this.matchContainerHeight=!1,this.caseSensitive=!1,this.dynamicOption=!1,this.useDefaultFilter=!0,this.isLoading=!1,this.placement=["bottom","top"],this.alignment="start",this.isLazyLoading=!1}watchIsDropdownShow(){}watchSource(){}watchSelectType(){}watchSelectedSourceKey(){}watchPrefixIconSlot(){}watchItemDisplayRule(){}async show(){}async hide(){}async search(e){}async clearSelection(){}async getSelection(){return v()}async setSelection(e){}render(){return f(e("slot",null)),a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}static get watchers(){return{isDropdownShow:["watchIsDropdownShow"],source:["watchSource","watchItemDisplayRule"],selectType:["watchSelectType"],selectedSourceKey:["watchSelectedSourceKey"],prefixIconSlot:["watchPrefixIconSlot"]}}};Oe([g()],Te.prototype,"globalSlimmers",void 0),Oe([p()],Te.prototype,"translationSlimmer",void 0),Oe([p()],Te.prototype,"renderer",void 0),Oe([p()],Te.prototype,"sourceController",void 0),Oe([p()],Te.prototype,"searchRenderer",void 0),Oe([p()],Te.prototype,"createRenderer",void 0),Oe([p()],Te.prototype,"listRenderer",void 0),Oe([p()],Te.prototype,"groupLevelRenderer",void 0),Oe([p()],Te.prototype,"itemLevelRenderer",void 0),Oe([p()],Te.prototype,"keyboardController",void 0),Oe([p()],Te.prototype,"appenderController",void 0),Oe([p()],Te.prototype,"searchController",void 0),Oe([p()],Te.prototype,"childrenController",void 0),Oe([p()],Te.prototype,"selectedController",void 0),Oe([p()],Te.prototype,"renderModeController",void 0),Oe([p()],Te.prototype,"scrollableController",void 0),Oe([p()],Te.prototype,"remoteInvocationController",void 0),Oe([p()],Te.prototype,"selectTypeNotifySlimmer",void 0),Oe([p()],Te.prototype,"selectedSourceKeyNotifySlimmer",void 0),Oe([p()],Te.prototype,"prefixIconSlotNotifySlimmer",void 0),Oe([p()],Te.prototype,"itemClickObserver",void 0),Oe([p()],Te.prototype,"showEventEmitter",void 0),Oe([p()],Te.prototype,"hideEventEmitter",void 0),Oe([p()],Te.prototype,"dropdownClickEventEmitter",void 0),Oe([p()],Te.prototype,"createEventEmitter",void 0),Oe([p()],Te.prototype,"searchEventEmitter",void 0),Oe([p()],Te.prototype,"searchTriggerEventEmitter",void 0),Oe([p()],Te.prototype,"itemDisplayRuleNotifySlimmer",void 0),Oe([p()],Te.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Te.style=":host{display:inline-block}";var ke=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const De=class{constructor(e){i(this,e),this.globalSlimmers={},this.eventPrevent=new q([L],(()=>this.host),void 0,!0),this.vegaComponentUsageRuntimeMetricsSlimmer=new u}render(){return a(e(r,null,e("slot",null)),this.host)}get host(){return n(this)}};ke([g()],De.prototype,"globalSlimmers",void 0),ke([p()],De.prototype,"eventPrevent",void 0),ke([p()],De.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),De.style=':host{display:block;position:absolute}:host .vega-dropdown{box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding-top:8px;padding-bottom:8px;text-align:left;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;overflow:hidden;box-sizing:border-box;width:inherit}:host(.vega-force-hidden){display:none}:host .vega-dropdown.vega-dropdown-with-searchable{padding-top:0px}:host .vega-dropdown .vega-dropdown-container{overflow-y:auto;position:relative;min-width:100px;min-height:40px}:host .vega-dropdown .vega-dropdown-container>ul{padding-left:0px;margin:0px;list-style-type:none}:host .vega-dropdown .vega-dropdown-search{padding-top:16px;padding-left:12px;padding-right:12px;padding-bottom:12px;margin-bottom:4px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-width:0px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}:host .vega-dropdown .vega-dropdown-search vega-input::part(input-container){padding:0px;border-width:0px;--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host .vega-dropdown .vega-dropdown-search vega-input::part(prefix-icon-container){color:rgba(var(--v-text-secondary, 107, 116, 125, 1));width:16px;height:16px;padding-top:0px}:host .vega-dropdown .vega-dropdown-search vega-input::part(input-container):focus-within{outline:none}:host .vega-dropdown .vega-dropdown-search vega-input::part(input-container):hover{border-width:0px}:host .vega-dropdown .vega-dropdown-loading{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}:host .v-hidden{display:none}:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-dropdown .vega-dropdown-add-item{padding-top:8px;padding-left:12px;padding-right:12px;padding-bottom:8px;margin-left:4px;margin-right:4px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));cursor:pointer;display:flex;gap:8px;align-items:center}:host .vega-dropdown .vega-dropdown-add-item>div{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-dropdown .vega-dropdown-add-item>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown .vega-dropdown-add-item>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dropdown .vega-dropdown-add-item>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dropdown .vega-dropdown-add-item>span{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-dropdown .vega-dropdown-add-item:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25));outline:2px solid transparent;outline-offset:2px}:host .vega-dropdown .vega-dropdown-clear-icon{width:16px;height:16px;cursor:pointer}:host .vega-dropdown .vega-dropdown-empty-list{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown .vega-dropdown-empty-list{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dropdown .vega-dropdown-empty-list{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dropdown .vega-dropdown-empty-list{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-dropdown .vega-dropdown-divider{margin-top:4px;margin-bottom:4px;border-bottom:1px solid rgb(171, 198, 216)}';var Me=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Le extends h{render(){return e("li",{class:"vega-dropdown-group"},this.renderLabel(),this.renderChildren(),this.renderDivide())}renderLabel(){return this.label&&e("div",{class:"vega-dropdown-group-label"},this.label)}renderChildren(){return e("ul",{class:"vega-dropdown-group-items"},e("slot",null))}renderDivide(){return this.divide&&e("div",{class:"vega-dropdown-group-divide"})}}Me([l()],Le.prototype,"label",void 0),Me([l()],Le.prototype,"divide",void 0);var Ee=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const ze=class{constructor(e){i(this,e),this.globalSlimmers={},this.renderer=new Le,this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.divide=!0}render(){return f(e("slot",null)),a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}};Ee([g()],ze.prototype,"globalSlimmers",void 0),Ee([p()],ze.prototype,"renderer",void 0),Ee([p()],ze.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),ze.style=':host{display:block}:host .vega-dropdown-group{padding:0px;margin:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));cursor:default;font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown-group{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dropdown-group{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dropdown-group{font-family:"Inter", sans-serif;font-size:14px;font-weight:700;line-height:18px}}:host .vega-dropdown-group-label{padding-left:16px;padding-right:16px;padding-top:12px;padding-bottom:4px}:host .vega-dropdown-group-items{padding:0px;margin:0px}:host .vega-dropdown-group-divide{background-color:rgba(var(--v-bg-divider, 171, 198, 216, 1));margin-top:4px;margin-bottom:4px;height:1px}';var He=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ke extends h{render(){return e("li",{key:this.label,role:"menuitem","aria-label":this.label,class:{"vega-dropdown-item-selected":this.selected,"vega-dropdown-item-disabled":this.disabled,[`vega-dropdown-item-display-${this.itemDisplayRule}`]:!0,danger:this.danger&&"none"===this.selectType},tabIndex:this.disabled?-1:0,onClick:e=>this.onSelect(e),onKeyDown:S(),style:this.height>0&&{height:`${this.height}px`,boxSizing:"border-box",overflow:"hidden"}},this.renderSelectIcon(),this.renderPrefixIcon(),this.renderLabel(),this.renderCounter())}renderSelectIcon(){return"none"!==this.selectType&&e("span",{class:"selected-prefix"},"single"===this.selectType&&this.renderSingleSelectIcon(),"multiple"===this.selectType&&this.renderMultipleSelectIcon())}renderSingleSelectIcon(){return this.selected&&e("vega-icon",{icon:"checkmark",size:"size-16"})}renderMultipleSelectIcon(){return e("vega-checkbox",{size:"small",checked:this.selected,disabled:this.disabled})}renderPrefixIcon(){return(this.prefixIcon||this.prefixIconSlot)&&e("div",{class:"item-prefix"},this.renderItemPrefixIcon())}renderItemPrefixIcon(){return this.prefixIcon&&e("vega-icon",{icon:this.prefixIcon,size:"size-16"})}renderLabel(){return this.host.childElementCount>0||""!==this.host.textContent.trim()?e("span",{class:"vega-dropdown-item-label"},e("slot",null)):e(t,null,e("span",{innerHTML:this.label,class:"vega-dropdown-item-label"}),e("span",{class:"v-hidden"},e("slot",null)))}renderCounter(){return this.count>0&&e("div",{class:"item-counter"},e("vega-counter-badge",{count:this.count,color:"bg-action",offset:[10,10]}))}onSelect(e){this.vegaDropdownItemClickController.handleClick(e)}}He([l()],Ke.prototype,"host",void 0),He([l()],Ke.prototype,"label",void 0),He([l()],Ke.prototype,"count",void 0),He([l()],Ke.prototype,"prefixIcon",void 0),He([l()],Ke.prototype,"prefixIconSlot",void 0),He([l()],Ke.prototype,"disabled",void 0),He([l()],Ke.prototype,"selected",void 0),He([l()],Ke.prototype,"selectType",void 0),He([l()],Ke.prototype,"height",void 0),He([l()],Ke.prototype,"itemDisplayRule",void 0),He([l()],Ke.prototype,"danger",void 0),He([l()],Ke.prototype,"vegaDropdownItemClickController",void 0);var Ae=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ve extends G{constructor(){super({parent:()=>{const e=m(this.host,"vega-dropdown");if(e)return e;{const e=m(this.host,"vega-dropdown-content-box");if(e&&e["data-parent-ref"])return e["data-parent-ref"]}},subStates:[{subStateName:"selectType",parentStateName:"selectType"},{subStateName:"prefixIconSlot",parentStateName:"prefixIconSlot"},{subStateName:"itemDisplayRule",parentStateName:"itemDisplayRule"},{subStateName:"selected",parentStateName:"selectedSourceKey",callback:e=>{this.selected=Array.isArray(e)?e.includes(this.itemKey):e===this.itemKey}}],pullStatesWhenReattached:!0})}}Ae([l()],Ve.prototype,"host",void 0),Ae([l({writable:!0})],Ve.prototype,"selectType",void 0),Ae([l()],Ve.prototype,"itemKey",void 0),Ae([l({writable:!0})],Ve.prototype,"selected",void 0),Ae([l({writable:!0})],Ve.prototype,"prefixIconSlot",void 0),Ae([l({writable:!0})],Ve.prototype,"itemDisplayRule",void 0);var We=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ne extends h{handleClick(e){this.clickEventEmitter.emit({itemKey:this.itemKey},e),V.notify(P,{host:this.host,detail:{itemKey:this.itemKey}})}}We([l()],Ne.prototype,"host",void 0),We([l()],Ne.prototype,"itemKey",void 0),We([l()],Ne.prototype,"vegaClick",void 0),We([l()],Ne.prototype,"clickEventEmitter",void 0);var $e=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const _e=class{constructor(e){i(this,e),this.vegaClick=o(this,"vegaClick",7),this.click=o(this,"click",7),this.globalSlimmers={},this.renderer=new Ke,this.vegaDropdownItemStateController=new Ve,this.vegaDropdownItemClickController=new Ne,this.dropdownItemEventPrevent=new q([C],(()=>this.host)),this.clickEventEmitter=B(_e,L),this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.prefixIconSlot=!1,this.selected=!1,this.itemDisplayRule="newline",this.disabled=!1,this.danger=!1}render(){return f(e("slot",null)),a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}};$e([g()],_e.prototype,"globalSlimmers",void 0),$e([p()],_e.prototype,"renderer",void 0),$e([p()],_e.prototype,"vegaDropdownItemStateController",void 0),$e([p()],_e.prototype,"vegaDropdownItemClickController",void 0),$e([p()],_e.prototype,"dropdownItemEventPrevent",void 0),$e([p()],_e.prototype,"clickEventEmitter",void 0),$e([p()],_e.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_e.style=':host{display:block}:host li{padding-top:8px;padding-bottom:8px;padding-left:20px;padding-right:20px;cursor:pointer;display:flex;align-items:center;gap:8px}:host li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));outline:0}:host li,:host li a{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none}@media screen and (min-width: 768px) and (max-width: 1023px){:host li,:host li a{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host li,:host li a{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host li,:host li a{font-family:"Inter", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host li:hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host li:focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host li.vega-dropdown-item-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));pointer-events:none}:host li.vega-dropdown-item-disabled .item-prefix,:host li.vega-dropdown-item-disabled .selected-prefix{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host li.danger .item-prefix,:host li.danger .vega-dropdown-item-label{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host li .item-prefix{display:flex;width:16px;height:16px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));flex-shrink:1}:host li .selected-prefix{color:rgba(var(--v-text-link, 19, 98, 226, 1));width:16px;height:16px;display:flex;align-items:center;min-width:16px}:host li .item-counter{width:20px;height:20px}:host .vega-dropdown-item-label{flex-grow:1}:host .vega-dropdown-item-display-newline .vega-dropdown-item-label{overflow-wrap:break-word}:host .vega-dropdown-item-display-ellipsis .vega-dropdown-item-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .v-hidden{display:none}';var Be=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Ue extends h{constructor(){super(...arguments),this.extendItemsCount=10,this.totalCount=0,this.viewportItemsCount=0}componentWillLoad(){this.initVirtualScroll(),this.initPositionConfig()}watchSourceChange(e,t){this.isSameSource(e,t)||this.initVirtualScroll()}watchApproxItemHeight(){this.initVirtualScroll()}watchViewportMaxHeight(){this.initVirtualScroll()}getMaxStartIndex(){return this.maxStartIndex}setPositionByScrollTop(){if("virtual"===this.modeController.getMode()){const e=Math.floor(this.scrollTop/this.approxItemHeight),t=Math.min(Math.max(e-this.extendItemsCount,0),this.maxStartIndex),i=0===t?e:t+this.extendItemsCount,o=i+this.viewportItemsCount+this.extendItemsCount,r=Math.min(Math.max(this.scrollTop-this.extendItemsCount*this.approxItemHeight,0),this.maxStartIndex*this.approxItemHeight);this.positionConfig={startIndex:t,viewportStartIndex:i,endIndex:o,transformY:r}}}changeModeFromNormalToVirtual(){this.initVirtualScroll(),this.setPositionByScrollTop()}initVirtualScroll(){"virtual"===this.modeController.getMode()&&(this.totalCount=this.source.length,this.viewportItemsCount=Math.ceil(this.viewportMaxHeight/this.approxItemHeight),this.maxStartIndex=this.totalCount-this.viewportItemsCount-this.extendItemsCount)}initPositionConfig(){this.positionConfig={startIndex:0,viewportStartIndex:0,endIndex:this.viewportItemsCount+this.extendItemsCount,transformY:0},this.scrollableController.resetScrollTop()}isSameSource(e,t){if(e.length!==t.length)return!1;for(let i=0;i<e.length;i++)if(e[i][this.sourceItemIdentifier]!==t[i][this.sourceItemIdentifier])return!1;return!0}}Be([l()],Ue.prototype,"sourceItemIdentifier",void 0),Be([l()],Ue.prototype,"source",void 0),Be([l()],Ue.prototype,"approxItemHeight",void 0),Be([l()],Ue.prototype,"viewportMaxHeight",void 0),Be([l({writable:!0})],Ue.prototype,"positionConfig",void 0),Be([l()],Ue.prototype,"scrollTop",void 0),Be([l()],Ue.prototype,"scrollableController",void 0),Be([l()],Ue.prototype,"modeController",void 0),Be([d("componentWillLoad")],Ue.prototype,"componentWillLoad",null),Be([d("watchSourceChange")],Ue.prototype,"watchSourceChange",null),Be([d("watchApproxItemHeight")],Ue.prototype,"watchApproxItemHeight",null),Be([d("watchViewportMaxHeight")],Ue.prototype,"watchViewportMaxHeight",null);var Pe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Fe extends h{componentDidLoad(){this.listenScrollContainer()}componentDidRender(){this.renderer.getContainerRef().scrollTop=this.scrollTop}watchScrollTop(){this.handleScroll()}watchSourceChange(){this.adjustScrollTopWhilePropChange()}watchApproxItemHeight(){this.adjustScrollTopWhilePropChange()}watchViewportMaxHeight(){this.adjustScrollTopWhilePropChange()}scrollToIndex(e){const t=this.renderer.getContainerRef();if(e>=0)if("normal"===this.modeController.getMode()){const i=t.querySelector(`:nth-child(${e+1})`);x(t,i)}else this.scrollTop=e*this.approxItemHeight}resetScrollTop(){this.scrollTop=0}listenScrollContainer(){this.renderer.getContainerRef().addEventListener("scroll",(()=>{this.scrollTop=this.renderer.getContainerRef().scrollTop}))}handleScroll(){const e=this.renderer.getContainerRef();e&&(e.scrollTop=this.scrollTop),this.positionController.setPositionByScrollTop(),this.checkIsScrollToBottom()}adjustScrollTopWhilePropChange(){this.scrollTop=Math.min((this.source.length-Math.floor(this.viewportMaxHeight/this.approxItemHeight))*this.approxItemHeight,this.scrollTop)}checkIsScrollToBottom(){this.isLoading||!this.isScrollToBottomInVirtualMode()&&!this.isScrollToBottomInNormalMode()||V.notify(j.getSubject(this.host,_),{endIndex:this.source.length-1})}isScrollToBottomInVirtualMode(){return"virtual"===this.modeController.getMode()&&this.positionConfig.startIndex===this.positionController.getMaxStartIndex()}isScrollToBottomInNormalMode(){return"normal"===this.modeController.getMode()&&this.source.length*this.approxItemHeight-this.scrollTop===this.viewportMaxHeight}}Pe([l()],Fe.prototype,"sourceItemIdentifier",void 0),Pe([l()],Fe.prototype,"source",void 0),Pe([l()],Fe.prototype,"host",void 0),Pe([l()],Fe.prototype,"viewportMaxHeight",void 0),Pe([l()],Fe.prototype,"approxItemHeight",void 0),Pe([l({writable:!0})],Fe.prototype,"scrollTop",void 0),Pe([l()],Fe.prototype,"positionConfig",void 0),Pe([l()],Fe.prototype,"isLoading",void 0),Pe([l()],Fe.prototype,"renderer",void 0),Pe([l()],Fe.prototype,"positionController",void 0),Pe([l()],Fe.prototype,"modeController",void 0),Pe([d("componentDidLoad")],Fe.prototype,"componentDidLoad",null),Pe([d("componentDidRender")],Fe.prototype,"componentDidRender",null),Pe([d("watchScrollTop")],Fe.prototype,"watchScrollTop",null),Pe([d("watchSourceChange")],Fe.prototype,"watchSourceChange",null),Pe([d("watchApproxItemHeight")],Fe.prototype,"watchApproxItemHeight",null),Pe([d("watchViewportMaxHeight")],Fe.prototype,"watchViewportMaxHeight",null),Pe([d("scrollToIndex")],Fe.prototype,"scrollToIndex",null);var Ye=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class qe extends h{getContainerRef(){return this.virtualScrollContainerRef}render(){return e("div",{style:{maxHeight:`${this.viewportMaxHeight}px`,overflow:"auto"},class:"virtual-scroll-container",ref:e=>this.virtualScrollContainerRef=e},"normal"===this.modeController.getMode()?this.renderNormal():this.renderVirtualScroll())}renderNormal(){return e(t,null,this.source.map(((e,t)=>this.renderItem(e,t))),this.loadingRenderer.render())}renderVirtualScroll(){return e("div",{style:{height:this.source.length*this.approxItemHeight+"px",position:"relative"}},e("div",{class:"virtual-scroll-block",style:{transform:`translateY(${this.positionConfig.transformY}px)`}},this.source.slice(this.positionConfig.startIndex,this.positionConfig.viewportStartIndex).map(((e,t)=>this.renderItem(e,this.positionConfig.startIndex+t,this.approxItemHeight))),this.source.slice(this.positionConfig.viewportStartIndex,this.positionConfig.endIndex).map(((e,t)=>this.renderItem(e,this.positionConfig.viewportStartIndex+t))),this.loadingRenderer.render()))}}Ye([l()],qe.prototype,"source",void 0),Ye([l()],qe.prototype,"renderItem",void 0),Ye([l()],qe.prototype,"approxItemHeight",void 0),Ye([l()],qe.prototype,"positionConfig",void 0),Ye([l()],qe.prototype,"viewportMaxHeight",void 0),Ye([l()],qe.prototype,"modeController",void 0),Ye([l()],qe.prototype,"loadingRenderer",void 0);var Ge=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};class Xe extends h{constructor(){super(...arguments),this.mode="normal"}componentWillLoad(){this.setMode()}watchVirtualizationThreshold(){this.setMode()}watchSourceChange(){this.setMode()}getMode(){return this.mode}setMode(){const e=this.mode;this.mode=this.source.length>this.virtualizationThreshold?"virtual":"normal","normal"===e&&"virtual"===this.mode&&this.positionController.changeModeFromNormalToVirtual()}}Ge([l()],Xe.prototype,"source",void 0),Ge([l()],Xe.prototype,"virtualizationThreshold",void 0),Ge([l()],Xe.prototype,"positionController",void 0),Ge([d("componentWillLoad")],Xe.prototype,"componentWillLoad",null),Ge([d("watchVirtualizationThreshold")],Xe.prototype,"watchVirtualizationThreshold",null),Ge([d("watchSourceChange")],Xe.prototype,"watchSourceChange",null);class Je extends h{render(){return this.isLoading&&e("div",{class:"virtual-scroll-more-loading"},e("vega-flex",{gap:"size-8",direction:"row"},e("vega-loading-indicator",{size:"small"}),e("vega-font",{variant:"font-field-value",color:"text-secondary"},"Loading")))}}!function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);n>3&&s&&Object.defineProperty(t,i,s)}([l()],Je.prototype,"isLoading",void 0);var Qe=function(e,t,i,o){var r,n=arguments.length,s=n<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,i,o);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(n<3?r(s):n>3?r(t,i,s):r(t,i))||s);return n>3&&s&&Object.defineProperty(t,i,s),s};const Ze=class{constructor(e){i(this,e),this.globalSlimmers={},this.modeController=new Xe,this.positionController=new Ue,this.scrollableController=new Fe,this.renderer=new qe,this.loadingRenderer=new Je,this.vegaComponentUsageRuntimeMetricsSlimmer=new u,this.scrollTop=0,this.source=[],this.approxItemHeight=40,this.viewportMaxHeight=320,this.isLoading=!1,this.virtualizationThreshold=60,this.sourceItemIdentifier="key"}watchScrollTop(){}watchSourceChange(e,t){}watchApproxItemHeight(){}watchViewportMaxHeight(){}watchVirtualizationThreshold(){}async scrollToIndex(e){}render(){return a(e(r,null,this.renderer.render()),this.host)}get host(){return n(this)}static get watchers(){return{scrollTop:["watchScrollTop"],source:["watchSourceChange"],approxItemHeight:["watchApproxItemHeight"],viewportMaxHeight:["watchViewportMaxHeight"],virtualizationThreshold:["watchVirtualizationThreshold"]}}};Qe([g()],Ze.prototype,"globalSlimmers",void 0),Qe([p()],Ze.prototype,"modeController",void 0),Qe([p()],Ze.prototype,"positionController",void 0),Qe([p()],Ze.prototype,"scrollableController",void 0),Qe([p()],Ze.prototype,"renderer",void 0),Qe([p()],Ze.prototype,"loadingRenderer",void 0),Qe([p()],Ze.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Ze.style=":host .virtual-scroll-more-loading{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}";export{Te as vega_dropdown,De as vega_dropdown_content_box,ze as vega_dropdown_group,_e as vega_dropdown_item,Ze as vega_virtual_scroll}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,H as t,r as i,c as o,g as r}from"./p-1c298d5a.js";import{s as a}from"./p-9b797118.js";import{c as s,M as l,V as n,I as d,L as c}from"./p-6e1ab235.js";import{V as h,I as p}from"./p-61f6167c.js";import{R as v}from"./p-2d5a9f66.js";import{c as g}from"./p-86194314.js";import{S as b}from"./p-ae3fd67e.js";import{O as f}from"./p-331a62d5.js";import{d as m}from"./p-6c6d86da.js";import{V as u}from"./p-e731976a.js";import{f as x}from"./p-4163c2c2.js";import{C as w}from"./p-2d0d575f.js";import{P as y}from"./p-47c87634.js";import{g as j}from"./p-f46c930f.js";import{e as k}from"./p-bf3fbb9b.js";import{c as C}from"./p-302e7589.js";import{b as R}from"./p-32f651f7.js";import{M as z}from"./p-987fbbd0.js";import{a as S}from"./p-a9354a5c.js";import{i as O}from"./p-b0502d01.js";import{c as E}from"./p-ab983e7d.js";import{C as T}from"./p-e5d7b4b8.js";import{F as I}from"./p-b347f967.js";import{R as V}from"./p-e2acbc60.js";import"./p-9fbdeada.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-6a334573.js";import"./p-2306c736.js";import"./p-5f377954.js";import"./p-4ffd7493.js";import"./p-f404aa83.js";import"./p-0bb29d98.js";import"./p-5440344e.js";import"./p-9f3b1d77.js";var N=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class L extends n{componentWillRender(){this.currentSize=v.formatCustom(this.size)}render(){return e(t,{class:{block:this.block}},this.renderTooltip())}renderTooltip(){return e("vega-tooltip",Object.assign({trigger:this.disabled&&this.disabledTooltip?"hover":"none",alignment:"center"},this.disabledTooltip),this.renderSelectionChip())}renderSelectionChip(){return e("vega-box",{corners:"rounded-full",class:{"vega-selection-chip":!0,[`size-${this.currentSize}`]:!0,[`variant-${this.variant||"text"}`]:!0,checked:this.checked,error:this.showError,disabled:this.disabled},"aria-label":this.label||"No label defined",onClick:()=>{"radio"===this.selectType&&this.checked||this.checkedController.onCheck(!this.checked)},onKeyDown:g(),tabIndex:this.disabled?-1:0},this.renderContent())}renderContent(){return e("vega-flex",{gap:L.gapSizeMap[this.currentSize],"align-items":"center","justify-content":"text"===this.variant?"center":"start"},"swatch"===this.variant&&this.renderSwatch(),this.renderLabel())}renderLabel(){return e("vega-font",{color:"text-primary",class:"label vega-flex-grow",variant:L.labelFontMap[this.currentSize]},this.label)}renderSwatch(){return e("vega-box",{"background-color":"bg-primary",corners:"rounded-full",class:"swatch vega-flex-shrink-0"},e("vega-box",{"background-color":this.swatchColor,corners:"rounded-full"}))}}L.gapSizeMap={"extra-small":"size-4",small:"size-4",medium:"size-8",large:"size-8"},L.labelFontMap={"extra-small":"font-field-label-xs",small:"font-field-label-sm",medium:"font-field-label",large:"font-field-label-lg"},N([s()],L.prototype,"host",void 0),N([s()],L.prototype,"label",void 0),N([s()],L.prototype,"block",void 0),N([s()],L.prototype,"size",void 0),N([s()],L.prototype,"variant",void 0),N([s()],L.prototype,"swatchColor",void 0),N([s()],L.prototype,"disabledTooltip",void 0),N([s()],L.prototype,"disabled",void 0),N([s()],L.prototype,"selectType",void 0),N([s()],L.prototype,"checked",void 0),N([s()],L.prototype,"checkedController",void 0),N([s()],L.prototype,"showError",void 0),N([l("componentWillRender")],L.prototype,"componentWillRender",null);var A=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class F extends n{setChecked(e){this.checked=e}onCheck(e){const t=e?this.value:"";this.setChecked(e),this.changeEventEmitter.emit(t)}}A([s()],F.prototype,"host",void 0),A([s({writable:!0})],F.prototype,"checked",void 0),A([s()],F.prototype,"changeEventEmitter",void 0),A([s()],F.prototype,"value",void 0);var D=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class G extends b{constructor(){super({parent:"vega-selection-chip-group",subStates:[{subStateName:"disabled",parentStateName:"disabled",callback:e=>{"boolean"==typeof e&&(this.disabled=e)}},{subStateName:"selectType",parentStateName:"selectType",callback:e=>{this.selectType="checkbox"===e?"checkbox":"radio"}},{subStateName:"checked",parentStateName:"value",callback:e=>{this.checkedController.setChecked(Array.isArray(e)?e.includes(this.value):e===this.value)}}]})}}D([s()],G.prototype,"host",void 0),D([s({writable:!0})],G.prototype,"disabled",void 0),D([s({writable:!0})],G.prototype,"selectType",void 0),D([s()],G.prototype,"value",void 0),D([s()],G.prototype,"checkedController",void 0);var W=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class M extends n{connectedCallback(){this.selectionChipGroup=x(this.host,"vega-selection-chip-group"),this.selectionChipGroup&&(this.fieldErrorObserver=new f(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),w.register(m.getSubject(this.selectionChipGroup,u),this.fieldErrorObserver))}disconnectedCallback(){this.selectionChipGroup&&w.unregister(m.getSubject(this.selectionChipGroup,u),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}W([s({writable:!0})],M.prototype,"showError",void 0),W([s()],M.prototype,"host",void 0),W([l("connectedCallback")],M.prototype,"connectedCallback",null),W([l("disconnectedCallback")],M.prototype,"disconnectedCallback",null);var _=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};const H=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.globalSlimmers={},this.renderer=new L,this.checkedController=new F,this.stateController=new G,this.showErrorController=new M,this.pageResizeObserverSlimmer=new y,this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.changeEventEmitter=C(H,k),this.showError=!1,this.currentBreakpoint=j(),this.label="",this.size="medium",this.variant="text",this.disabled=!1,this.block=!1,this.swatchColor="bg-status-info"}watchSize(){}componentWillRender(){}render(){return a(this.renderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{size:["watchSize"]}}};_([p()],H.prototype,"globalSlimmers",void 0),_([d()],H.prototype,"renderer",void 0),_([d()],H.prototype,"checkedController",void 0),_([d()],H.prototype,"stateController",void 0),_([d()],H.prototype,"showErrorController",void 0),_([d()],H.prototype,"pageResizeObserverSlimmer",void 0),_([d()],H.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_([d()],H.prototype,"changeEventEmitter",void 0),H.style=":host(.block){display:block}:host(.block) vega-tooltip{display:block}:host{max-width:100%;display:inline-block;vertical-align:middle;line-height:0}:host vega-tooltip{max-width:100%}:host .swatch{margin:2px;padding:1px;box-sizing:border-box}:host .swatch vega-box{width:100%;height:100%}:host .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .vega-selection-chip{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));cursor:pointer;margin:1px}:host .variant-text .label{text-align:center}:host .size-extra-small.variant-swatch.vega-selection-chip{padding-top:2px;padding-bottom:2px;padding-left:2px;padding-right:12px}:host .size-extra-small.variant-text.vega-selection-chip{padding-left:12px;padding-right:12px;padding-top:2px;padding-bottom:2px}:host .size-extra-small vega-flex{height:16px}:host .size-extra-small .swatch{width:12px;height:12px}:host .size-small.variant-swatch.vega-selection-chip{padding-top:4px;padding-bottom:4px;padding-left:4px;padding-right:12px}:host .size-small.variant-text.vega-selection-chip{padding-left:12px;padding-right:12px;padding-top:4px;padding-bottom:4px}:host .size-small vega-flex{height:24px}:host .size-small .swatch{width:20px;height:20px}:host .size-medium.variant-swatch.vega-selection-chip{padding-top:4px;padding-bottom:4px;padding-left:4px;padding-right:16px}:host .size-medium.variant-text.vega-selection-chip{padding-left:16px;padding-right:16px;padding-top:4px;padding-bottom:4px}:host .size-medium vega-flex{height:32px}:host .size-medium .swatch{width:28px;height:28px}:host .size-large.variant-swatch.vega-selection-chip{padding-top:4px;padding-bottom:4px;padding-left:4px;padding-right:20px}:host .size-large.variant-text.vega-selection-chip{padding-left:20px;padding-right:20px;padding-top:4px;padding-bottom:4px}:host .size-large vega-flex{height:40px}:host .size-large .swatch{width:36px;height:36px}:host .vega-selection-chip:not(.disabled){background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-tile, 171, 198, 216, 1))}:host .vega-selection-chip:not(.disabled):hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-tile-hover, 115, 160, 190, 1))}:host .vega-selection-chip:not(.disabled):focus-visible{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;border:1px solid rgba(var(--v-border-tile-focus, 19, 98, 226, 1))}:host .vega-selection-chip: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 .vega-selection-chip:not(.disabled).checked:hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1));border:2px solid rgba(var(--v-border-tile-selected-hover, 4, 112, 236, 1))}:host .vega-selection-chip:not(.disabled).checked:focus-visible{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));border:2px solid rgba(var(--v-border-tile-selected-focus, 19, 98, 226, 1))}:host .vega-selection-chip:not(.disabled).error{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-selection-chip:not(.disabled).error:hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-selection-chip:not(.disabled).error:focus-visible{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;border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1))}:host .vega-selection-chip.disabled{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));pointer-events:none;color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-selection-chip.disabled:focus-visible{outline:none}:host .vega-selection-chip.disabled vega-font{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-selection-chip.disabled .swatch{opacity:0.5}";var P=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class $ extends n{getGroupContainerRef(){return this.groupContainerRef}render(){return e("div",null,this.renderLabel(),this.renderContainer(),this.renderHint())}renderLabel(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContainer(){return e("div",{class:"container",ref:e=>this.groupContainerRef=e},e("slot",null))}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}}P([s()],$.prototype,"host",void 0),P([s()],$.prototype,"label",void 0),P([s()],$.prototype,"required",void 0),P([s()],$.prototype,"hint",void 0),P([s()],$.prototype,"disabled",void 0);var q=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class U extends n{watchValue(){this.changeEventEmitter.emit(this.value),w.notify(R,{host:this.host,detail:this.value})}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){switch(this.selectType){case"radio":return"string"==typeof e;case"checkbox":return Array.isArray(e)&&e.every((e=>"string"==typeof e));default:return c.warn(`Invalid selection chip group value ${e} for ${this.selectType} mode`),!1}}}q([s()],U.prototype,"host",void 0),q([s({writable:!0})],U.prototype,"value",void 0),q([s()],U.prototype,"changeEventEmitter",void 0),q([s()],U.prototype,"selectType",void 0),q([l("watchValue")],U.prototype,"watchValue",null);var K=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class B extends n{constructor(){super(...arguments),this.mutationObserver=new z({target:()=>this.host,options:{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked"]},mutationFilter:S("VEGA-SELECTION-CHIP"),callback:this.syncChipArrayAndValue.bind(this)}),this.selectionChipArray=[]}disconnectedCallback(){}componentWillLoad(){this.value&&0!==this.value.length||this.syncChipArrayAndValue()}componentDidLoad(){}watchSelectType(){this.syncChipArrayAndValue()}getSelectionChipArray(){return this.selectionChipArray}syncChipArrayAndValue(e){this.selectionChipArray=Array.from(this.host.querySelectorAll("vega-selection-chip")),"checkbox"===this.selectType?this.setValueFromCheckboxItems():this.setValueFromRadioItems(e)}setValueFromCheckboxItems(){const e=this.selectionChipArray.filter((e=>e.checked)).map((e=>e.value));O(this.value,e,!0)||this.valueController.setValue(e)}setValueFromRadioItems(e){const t=this.findAttributeMutation(e);if(t){const e=this.getCurrentChip(t);e&&e.checked&&this.valueController.setValue(e.value)}else{const e=this.getFirstCheckedChip();this.valueController.setValue(e?e.value:"")}}findAttributeMutation(e){return e&&e.find((e=>e.attributeName))}getCurrentChip(e){if(e&&"VEGA-SELECTION-CHIP"===e.target.tagName&&"checked"===e.attributeName)return e.target}getFirstCheckedChip(){return this.selectionChipArray.find((e=>e.checked))}}K([s()],B.prototype,"host",void 0),K([s()],B.prototype,"selectType",void 0),K([s()],B.prototype,"valueController",void 0),K([s()],B.prototype,"value",void 0),K([d()],B.prototype,"mutationObserver",void 0),K([l("disconnectedCallback")],B.prototype,"disconnectedCallback",null),K([l("componentWillLoad")],B.prototype,"componentWillLoad",null),K([l("componentDidLoad")],B.prototype,"componentDidLoad",null),K([l("watchSelectType")],B.prototype,"watchSelectType",null);var J=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};const Q=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.globalSlimmers={},this.renderer=new $,this.itemsController=new B,this.valueController=new U,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new V:null}],validationRulesName:"validationRules",inputContainerGetter:()=>this.renderer.getGroupContainerRef(),touchableAreaGetter:()=>this.itemsController.getSelectionChipArray(),defaultValue:e=>"checkbox"===e.selectType?[]:"",attributeGetter:e=>this[e]}),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.changeEventEmitter=C(Q,k),this.valueNotifySlimmer=E(Q,"value","watchValue"),this.disabledNotifySlimmer=E(Q,"disabled","watchDisabled"),this.selectTypeNotifySlimmer=E(Q,"selectType","watchSelectType"),this.changeEventPrevent=new T([k],(()=>this.host),!0),this.label="",this.selectType="radio",this.value="checkbox"===this.selectType?[]:"",this.validationRules=[],this.isValid=null}watchSelectType(){}watchValue(){}watchDisabled(){}watchValidationRules(){}render(){return a(e(t,null,this.renderer.render()),this.host)}get host(){return r(this)}static get watchers(){return{selectType:["watchSelectType"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};J([p()],Q.prototype,"globalSlimmers",void 0),J([d()],Q.prototype,"renderer",void 0),J([d()],Q.prototype,"itemsController",void 0),J([d()],Q.prototype,"valueController",void 0),J([d()],Q.prototype,"formFieldController",void 0),J([d()],Q.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),J([d()],Q.prototype,"changeEventEmitter",void 0),J([d()],Q.prototype,"valueNotifySlimmer",void 0),J([d()],Q.prototype,"disabledNotifySlimmer",void 0),J([d()],Q.prototype,"selectTypeNotifySlimmer",void 0),J([d()],Q.prototype,"changeEventPrevent",void 0),Q.style=':host{display:block}:host vega-field-label{margin-bottom:8px}: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:4px;padding-left:8px;padding-right:8px}@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}}:host .vega-error{display:block;margin-top:12px;margin-left:8px;margin-right:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){: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}';export{H as vega_selection_chip,Q as vega_selection_chip_group}
|
|
1
|
+
import{h as e,H as t,r as i,c as o,g as r}from"./p-1c298d5a.js";import{s as a}from"./p-9b797118.js";import{c as s,M as l,V as n,I as d,L as c}from"./p-6e1ab235.js";import{V as h,I as p}from"./p-61f6167c.js";import{R as v}from"./p-2d5a9f66.js";import{c as g}from"./p-86194314.js";import{S as b}from"./p-590870e4.js";import{O as f}from"./p-331a62d5.js";import{d as m}from"./p-6c6d86da.js";import{V as u}from"./p-8a091eb7.js";import{f as x}from"./p-4163c2c2.js";import{C as w}from"./p-2d0d575f.js";import{P as y}from"./p-47c87634.js";import{g as j}from"./p-f46c930f.js";import{e as k}from"./p-9e9ec748.js";import{c as C}from"./p-a04632d0.js";import{b as R}from"./p-32f651f7.js";import{M as z}from"./p-987fbbd0.js";import{a as S}from"./p-a9354a5c.js";import{i as O}from"./p-b0502d01.js";import{c as E}from"./p-535f0758.js";import{C as T}from"./p-30860766.js";import{F as I}from"./p-16bb355d.js";import{R as V}from"./p-e2acbc60.js";import"./p-9fbdeada.js";import"./p-74168615.js";import"./p-3a0a4d15.js";import"./p-c59042c0.js";import"./p-262ec334.js";import"./p-0c667d6a.js";import"./p-6a334573.js";import"./p-0fecf145.js";import"./p-5f377954.js";import"./p-5fe479a1.js";import"./p-f404aa83.js";import"./p-0bb29d98.js";import"./p-5440344e.js";import"./p-9f3b1d77.js";var N=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class L extends n{componentWillRender(){this.currentSize=v.formatCustom(this.size)}render(){return e(t,{class:{block:this.block}},this.renderTooltip())}renderTooltip(){return e("vega-tooltip",Object.assign({trigger:this.disabled&&this.disabledTooltip?"hover":"none",alignment:"center"},this.disabledTooltip),this.renderSelectionChip())}renderSelectionChip(){return e("vega-box",{corners:"rounded-full",class:{"vega-selection-chip":!0,[`size-${this.currentSize}`]:!0,[`variant-${this.variant||"text"}`]:!0,checked:this.checked,error:this.showError,disabled:this.disabled},"aria-label":this.label||"No label defined",onClick:()=>{"radio"===this.selectType&&this.checked||this.checkedController.onCheck(!this.checked)},onKeyDown:g(),tabIndex:this.disabled?-1:0},this.renderContent())}renderContent(){return e("vega-flex",{gap:L.gapSizeMap[this.currentSize],"align-items":"center","justify-content":"text"===this.variant?"center":"start"},"swatch"===this.variant&&this.renderSwatch(),this.renderLabel())}renderLabel(){return e("vega-font",{color:"text-primary",class:"label vega-flex-grow",variant:L.labelFontMap[this.currentSize]},this.label)}renderSwatch(){return e("vega-box",{"background-color":"bg-primary",corners:"rounded-full",class:"swatch vega-flex-shrink-0"},e("vega-box",{"background-color":this.swatchColor,corners:"rounded-full"}))}}L.gapSizeMap={"extra-small":"size-4",small:"size-4",medium:"size-8",large:"size-8"},L.labelFontMap={"extra-small":"font-field-label-xs",small:"font-field-label-sm",medium:"font-field-label",large:"font-field-label-lg"},N([s()],L.prototype,"host",void 0),N([s()],L.prototype,"label",void 0),N([s()],L.prototype,"block",void 0),N([s()],L.prototype,"size",void 0),N([s()],L.prototype,"variant",void 0),N([s()],L.prototype,"swatchColor",void 0),N([s()],L.prototype,"disabledTooltip",void 0),N([s()],L.prototype,"disabled",void 0),N([s()],L.prototype,"selectType",void 0),N([s()],L.prototype,"checked",void 0),N([s()],L.prototype,"checkedController",void 0),N([s()],L.prototype,"showError",void 0),N([l("componentWillRender")],L.prototype,"componentWillRender",null);var A=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class F extends n{setChecked(e){this.checked=e}onCheck(e){const t=e?this.value:"";this.setChecked(e),this.changeEventEmitter.emit(t)}}A([s()],F.prototype,"host",void 0),A([s({writable:!0})],F.prototype,"checked",void 0),A([s()],F.prototype,"changeEventEmitter",void 0),A([s()],F.prototype,"value",void 0);var D=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class G extends b{constructor(){super({parent:"vega-selection-chip-group",subStates:[{subStateName:"disabled",parentStateName:"disabled",callback:e=>{"boolean"==typeof e&&(this.disabled=e)}},{subStateName:"selectType",parentStateName:"selectType",callback:e=>{this.selectType="checkbox"===e?"checkbox":"radio"}},{subStateName:"checked",parentStateName:"value",callback:e=>{this.checkedController.setChecked(Array.isArray(e)?e.includes(this.value):e===this.value)}}]})}}D([s()],G.prototype,"host",void 0),D([s({writable:!0})],G.prototype,"disabled",void 0),D([s({writable:!0})],G.prototype,"selectType",void 0),D([s()],G.prototype,"value",void 0),D([s()],G.prototype,"checkedController",void 0);var W=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class M extends n{connectedCallback(){this.selectionChipGroup=x(this.host,"vega-selection-chip-group"),this.selectionChipGroup&&(this.fieldErrorObserver=new f(this.canAcceptFieldErrorObserver.bind(this),this.fieldErrorObserverListener.bind(this)),w.register(m.getSubject(this.selectionChipGroup,u),this.fieldErrorObserver))}disconnectedCallback(){this.selectionChipGroup&&w.unregister(m.getSubject(this.selectionChipGroup,u),this.fieldErrorObserver)}canAcceptFieldErrorObserver(){return!0}fieldErrorObserverListener(e){this.showError=e.showError}}W([s({writable:!0})],M.prototype,"showError",void 0),W([s()],M.prototype,"host",void 0),W([l("connectedCallback")],M.prototype,"connectedCallback",null),W([l("disconnectedCallback")],M.prototype,"disconnectedCallback",null);var _=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};const H=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.globalSlimmers={},this.renderer=new L,this.checkedController=new F,this.stateController=new G,this.showErrorController=new M,this.pageResizeObserverSlimmer=new y,this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.changeEventEmitter=C(H,k),this.showError=!1,this.currentBreakpoint=j(),this.label="",this.size="medium",this.variant="text",this.disabled=!1,this.block=!1,this.swatchColor="bg-status-info"}watchSize(){}componentWillRender(){}render(){return a(this.renderer.render(),this.host)}get host(){return r(this)}static get watchers(){return{size:["watchSize"]}}};_([p()],H.prototype,"globalSlimmers",void 0),_([d()],H.prototype,"renderer",void 0),_([d()],H.prototype,"checkedController",void 0),_([d()],H.prototype,"stateController",void 0),_([d()],H.prototype,"showErrorController",void 0),_([d()],H.prototype,"pageResizeObserverSlimmer",void 0),_([d()],H.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),_([d()],H.prototype,"changeEventEmitter",void 0),H.style=":host(.block){display:block}:host(.block) vega-tooltip{display:block}:host{max-width:100%;display:inline-block;vertical-align:middle;line-height:0}:host vega-tooltip{max-width:100%}:host .swatch{margin:2px;padding:1px;box-sizing:border-box}:host .swatch vega-box{width:100%;height:100%}:host .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .vega-selection-chip{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));cursor:pointer;margin:1px}:host .variant-text .label{text-align:center}:host .size-extra-small.variant-swatch.vega-selection-chip{padding-top:2px;padding-bottom:2px;padding-left:2px;padding-right:12px}:host .size-extra-small.variant-text.vega-selection-chip{padding-left:12px;padding-right:12px;padding-top:2px;padding-bottom:2px}:host .size-extra-small vega-flex{height:16px}:host .size-extra-small .swatch{width:12px;height:12px}:host .size-small.variant-swatch.vega-selection-chip{padding-top:4px;padding-bottom:4px;padding-left:4px;padding-right:12px}:host .size-small.variant-text.vega-selection-chip{padding-left:12px;padding-right:12px;padding-top:4px;padding-bottom:4px}:host .size-small vega-flex{height:24px}:host .size-small .swatch{width:20px;height:20px}:host .size-medium.variant-swatch.vega-selection-chip{padding-top:4px;padding-bottom:4px;padding-left:4px;padding-right:16px}:host .size-medium.variant-text.vega-selection-chip{padding-left:16px;padding-right:16px;padding-top:4px;padding-bottom:4px}:host .size-medium vega-flex{height:32px}:host .size-medium .swatch{width:28px;height:28px}:host .size-large.variant-swatch.vega-selection-chip{padding-top:4px;padding-bottom:4px;padding-left:4px;padding-right:20px}:host .size-large.variant-text.vega-selection-chip{padding-left:20px;padding-right:20px;padding-top:4px;padding-bottom:4px}:host .size-large vega-flex{height:40px}:host .size-large .swatch{width:36px;height:36px}:host .vega-selection-chip:not(.disabled){background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-tile, 171, 198, 216, 1))}:host .vega-selection-chip:not(.disabled):hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-tile-hover, 115, 160, 190, 1))}:host .vega-selection-chip:not(.disabled):focus-visible{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;border:1px solid rgba(var(--v-border-tile-focus, 19, 98, 226, 1))}:host .vega-selection-chip: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 .vega-selection-chip:not(.disabled).checked:hover{background-color:rgba(var(--v-bg-tile-selected-hover, 229, 239, 255, 1));border:2px solid rgba(var(--v-border-tile-selected-hover, 4, 112, 236, 1))}:host .vega-selection-chip:not(.disabled).checked:focus-visible{background-color:rgba(var(--v-bg-tile-selected, 242, 247, 255, 1));border:2px solid rgba(var(--v-border-tile-selected-focus, 19, 98, 226, 1))}:host .vega-selection-chip:not(.disabled).error{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-selection-chip:not(.disabled).error:hover{background-color:rgba(var(--v-bg-tile-hover, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .vega-selection-chip:not(.disabled).error:focus-visible{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;border:1px solid rgba(var(--v-border-input-field-danger-focus, 233, 71, 104, 1))}:host .vega-selection-chip.disabled{background-color:rgba(var(--v-bg-tile, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));pointer-events:none;color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-selection-chip.disabled:focus-visible{outline:none}:host .vega-selection-chip.disabled vega-font{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host .vega-selection-chip.disabled .swatch{opacity:0.5}";var P=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class $ extends n{getGroupContainerRef(){return this.groupContainerRef}render(){return e("div",null,this.renderLabel(),this.renderContainer(),this.renderHint())}renderLabel(){return e("vega-field-label",{"is-field-required":this.required,disabled:this.disabled,label:this.label})}renderContainer(){return e("div",{class:"container",ref:e=>this.groupContainerRef=e},e("slot",null))}renderHint(){return this.hint&&e("div",{class:"vega-hint"},e("label",null,this.hint))}}P([s()],$.prototype,"host",void 0),P([s()],$.prototype,"label",void 0),P([s()],$.prototype,"required",void 0),P([s()],$.prototype,"hint",void 0),P([s()],$.prototype,"disabled",void 0);var q=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class U extends n{watchValue(){this.changeEventEmitter.emit(this.value),w.notify(R,{host:this.host,detail:this.value})}setValue(e){this.valueGuard(e)&&(this.value=e)}valueGuard(e){switch(this.selectType){case"radio":return"string"==typeof e;case"checkbox":return Array.isArray(e)&&e.every((e=>"string"==typeof e));default:return c.warn(`Invalid selection chip group value ${e} for ${this.selectType} mode`),!1}}}q([s()],U.prototype,"host",void 0),q([s({writable:!0})],U.prototype,"value",void 0),q([s()],U.prototype,"changeEventEmitter",void 0),q([s()],U.prototype,"selectType",void 0),q([l("watchValue")],U.prototype,"watchValue",null);var K=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};class B extends n{constructor(){super(...arguments),this.mutationObserver=new z({target:()=>this.host,options:{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked"]},mutationFilter:S("VEGA-SELECTION-CHIP"),callback:this.syncChipArrayAndValue.bind(this)}),this.selectionChipArray=[]}disconnectedCallback(){}componentWillLoad(){this.value&&0!==this.value.length||this.syncChipArrayAndValue()}componentDidLoad(){}watchSelectType(){this.syncChipArrayAndValue()}getSelectionChipArray(){return this.selectionChipArray}syncChipArrayAndValue(e){this.selectionChipArray=Array.from(this.host.querySelectorAll("vega-selection-chip")),"checkbox"===this.selectType?this.setValueFromCheckboxItems():this.setValueFromRadioItems(e)}setValueFromCheckboxItems(){const e=this.selectionChipArray.filter((e=>e.checked)).map((e=>e.value));O(this.value,e,!0)||this.valueController.setValue(e)}setValueFromRadioItems(e){const t=this.findAttributeMutation(e);if(t){const e=this.getCurrentChip(t);e&&e.checked&&this.valueController.setValue(e.value)}else{const e=this.getFirstCheckedChip();this.valueController.setValue(e?e.value:"")}}findAttributeMutation(e){return e&&e.find((e=>e.attributeName))}getCurrentChip(e){if(e&&"VEGA-SELECTION-CHIP"===e.target.tagName&&"checked"===e.attributeName)return e.target}getFirstCheckedChip(){return this.selectionChipArray.find((e=>e.checked))}}K([s()],B.prototype,"host",void 0),K([s()],B.prototype,"selectType",void 0),K([s()],B.prototype,"valueController",void 0),K([s()],B.prototype,"value",void 0),K([d()],B.prototype,"mutationObserver",void 0),K([l("disconnectedCallback")],B.prototype,"disconnectedCallback",null),K([l("componentWillLoad")],B.prototype,"componentWillLoad",null),K([l("componentDidLoad")],B.prototype,"componentDidLoad",null),K([l("watchSelectType")],B.prototype,"watchSelectType",null);var J=function(e,t,i,o){var r,a=arguments.length,s=a<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 l=e.length-1;l>=0;l--)(r=e[l])&&(s=(a<3?r(s):a>3?r(t,i,s):r(t,i))||s);return a>3&&s&&Object.defineProperty(t,i,s),s};const Q=class{constructor(e){i(this,e),this.vegaChange=o(this,"vegaChange",7),this.change=o(this,"change",7),this.globalSlimmers={},this.renderer=new $,this.itemsController=new B,this.valueController=new U,this.formFieldController=new I({propertyRules:[{propertyName:"required",ruleFactory:e=>e?new V:null}],validationRulesName:"validationRules",inputContainerGetter:()=>this.renderer.getGroupContainerRef(),touchableAreaGetter:()=>this.itemsController.getSelectionChipArray(),defaultValue:e=>"checkbox"===e.selectType?[]:"",attributeGetter:e=>this[e]}),this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.changeEventEmitter=C(Q,k),this.valueNotifySlimmer=E(Q,"value","watchValue"),this.disabledNotifySlimmer=E(Q,"disabled","watchDisabled"),this.selectTypeNotifySlimmer=E(Q,"selectType","watchSelectType"),this.changeEventPrevent=new T([k],(()=>this.host),!0),this.label="",this.selectType="radio",this.value="checkbox"===this.selectType?[]:"",this.validationRules=[],this.isValid=null}watchSelectType(){}watchValue(){}watchDisabled(){}watchValidationRules(){}render(){return a(e(t,null,this.renderer.render()),this.host)}get host(){return r(this)}static get watchers(){return{selectType:["watchSelectType"],value:["watchValue"],disabled:["watchDisabled"],validationRules:["watchValidationRules"]}}};J([p()],Q.prototype,"globalSlimmers",void 0),J([d()],Q.prototype,"renderer",void 0),J([d()],Q.prototype,"itemsController",void 0),J([d()],Q.prototype,"valueController",void 0),J([d()],Q.prototype,"formFieldController",void 0),J([d()],Q.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),J([d()],Q.prototype,"changeEventEmitter",void 0),J([d()],Q.prototype,"valueNotifySlimmer",void 0),J([d()],Q.prototype,"disabledNotifySlimmer",void 0),J([d()],Q.prototype,"selectTypeNotifySlimmer",void 0),J([d()],Q.prototype,"changeEventPrevent",void 0),Q.style=':host{display:block}:host vega-field-label{margin-bottom:8px}: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:4px;padding-left:8px;padding-right:8px}@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}}:host .vega-error{display:block;margin-top:12px;margin-left:8px;margin-right:8px;font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){: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}';export{H as vega_selection_chip,Q as vega_selection_chip_group}
|
|
@@ -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-5440344e.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-61f6167c.js";import{I as b}from"./p-781fd6e0.js";import{g as f}from"./p-f46c930f.js";import{c as m}from"./p-86194314.js";import{V as x}from"./p-6a8f1251.js";import{V as u}from"./p-4d25df7d.js";import{c as w}from"./p-ab983e7d.js";import{e as k}from"./p-ecfa7534.js";import{R as y}from"./p-2d5a9f66.js";import{P as S}from"./p-47c87634.js";import{D as j,d as C}from"./p-6c6d86da.js";import{j as O}from"./p-e731976a.js";import{c as z}from"./p-302e7589.js";import{D as R,a as B}from"./p-bf3fbb9b.js";import{C as I}from"./p-2d0d575f.js";import{O as L}from"./p-331a62d5.js";import{j as D}from"./p-32f651f7.js";import{S as V}from"./p-ae3fd67e.js";import{f as H}from"./p-4163c2c2.js";import{i as M}from"./p-2306c736.js";import"./p-262ec334.js";import"./p-6a334573.js";import"./p-74168615.js";import"./p-9fbdeada.js";import"./p-3a0a4d15.js";import"./p-c59042c0.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,O,(e=>{this.responsiveBehavior.showSideBarOnClickLink||e.detail||this.setSideNavOpenStatus("clickClose")}))}unregisterSidenavLinkClickObserver(){j.removeUniqueObserverFromNode(this.host,O)}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=z(A,R),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(){I.unregister(D,this.observer)}componentWillLoad(){this.observer=new L(K,this.observerListener.bind(this)),I.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 P=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 G=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=z(G,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(){I.unregister(D,this.observer)}componentWillLoad(){H(this.host,"vega-sidenav-group")&&this.host.classList.add("has-group-parent"),this.observer=new L(K,this.observerListener.bind(this)),I.register(D,this.observer)}componentDidRender(){this.selected&&I.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&&I.notify(C.getSubject(e,O),{host:this.host,detail:this.showSideBarOnClickLink})}get host(){return n(this)}};P([g()],G.prototype,"globalSlimmers",void 0),P([c()],G.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([c()],G.prototype,"subStateObserverSlimmer",void 0),P([c()],G.prototype,"clickEventEmitter",void 0),G.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,G 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-5440344e.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-61f6167c.js";import{I as b}from"./p-781fd6e0.js";import{g as f}from"./p-f46c930f.js";import{c as m}from"./p-86194314.js";import{V as x}from"./p-6a8f1251.js";import{V as u}from"./p-4d25df7d.js";import{c as w}from"./p-535f0758.js";import{e as k}from"./p-ecfa7534.js";import{R as y}from"./p-2d5a9f66.js";import{P as S}from"./p-47c87634.js";import{D as j,d as C}from"./p-6c6d86da.js";import{j as O}from"./p-8a091eb7.js";import{c as z}from"./p-a04632d0.js";import{F as R,a as B}from"./p-9e9ec748.js";import{C as I}from"./p-2d0d575f.js";import{O as L}from"./p-331a62d5.js";import{j as D}from"./p-32f651f7.js";import{S as V}from"./p-590870e4.js";import{f as H}from"./p-4163c2c2.js";import{i as M}from"./p-0fecf145.js";import"./p-262ec334.js";import"./p-6a334573.js";import"./p-74168615.js";import"./p-9fbdeada.js";import"./p-3a0a4d15.js";import"./p-c59042c0.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,O,(e=>{this.responsiveBehavior.showSideBarOnClickLink||e.detail||this.setSideNavOpenStatus("clickClose")}))}unregisterSidenavLinkClickObserver(){j.removeUniqueObserverFromNode(this.host,O)}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=z(A,R),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 F=e=>e instanceof HTMLElement&&"VEGA-SIDENAV-LINK"===e.tagName;var K=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 T=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(){I.unregister(D,this.observer)}componentWillLoad(){this.observer=new L(F,this.observerListener.bind(this)),I.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)}};K([c()],T.prototype,"subStateObserverSlimmer",void 0),K([g()],T.prototype,"globalSlimmers",void 0),K([c()],T.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),T.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 W 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})],W.prototype,"openState",void 0);var P=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 G=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 W,this.clickEventEmitter=z(G,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(){I.unregister(D,this.observer)}componentWillLoad(){H(this.host,"vega-sidenav-group")&&this.host.classList.add("has-group-parent"),this.observer=new L(F,this.observerListener.bind(this)),I.register(D,this.observer)}componentDidRender(){this.selected&&I.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&&I.notify(C.getSubject(e,O),{host:this.host,detail:this.showSideBarOnClickLink})}get host(){return n(this)}};P([g()],G.prototype,"globalSlimmers",void 0),P([c()],G.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),P([c()],G.prototype,"subStateObserverSlimmer",void 0),P([c()],G.prototype,"clickEventEmitter",void 0),G.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,T as vega_sidenav_group,G as vega_sidenav_link}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as e,g as n}from"./p-1c298d5a.js";import{c as a}from"./p-86194314.js";import{s as o}from"./p-9b797118.js";import{g as s,D as r,a as p}from"./p-4163c2c2.js";import{I as g}from"./p-6e1ab235.js";import{V as f,I as c}from"./p-61f6167c.js";import{D as h}from"./p-6c6d86da.js";import{a as l}from"./p-bf3fbb9b.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";var x=function(t,i,e,n){var a,o=arguments.length,s=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,n);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(s=(o<3?a(s):o>3?a(i,e,s):a(i,e))||s);return o>3&&s&&Object.defineProperty(i,e,s),s};const d={success:"checkmark-circle",warning:"warning-triangle-filled",error:"help-filled",info:"info-circle-filled"},m=class{constructor(e){t(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new f,this.isMobileDevice=s()===r.MOBILE,this.notificationTitle="",this.message="",this.type="info",this.duration=5e3,this.showCloseButton=!0,this.actionButtons=[],this.renderPrefixIcon=()=>i("div",{class:"vega-page-notification-prefix"},i("vega-icon",{icon:d[this.type],size:this.isMobileDevice?"size-16":"size-24"})),this.renderContent=()=>i("div",{class:"vega-page-notification-content"},this.notificationTitle&&i("div",{class:"vega-page-notification-title"},this.notificationTitle),i("div",{class:"vega-page-notification-message"},this.message)),this.autoCloseAfterDuration=()=>{this.duration>0&&setTimeout((()=>{this.close()}),this.duration)}}componentDidLoad(){this.autoCloseAfterDuration()}async close(){this.host.classList.add("vega-page-notification-fade-out"),setTimeout((()=>{this.host.remove()}),300)}render(){const t=p([this.type,this.isMobileDevice&&"mobile"].filter(Boolean));return o(i(e,{class:t},i("vega-box",{padding:this.isMobileDevice?"size-16":"size-24"},i("vega-flex",{gap:"size-16"},this.renderPrefixIcon(),this.renderContent(),this.renderCloseButtons()),this.renderActionButtons())),this.host)}renderCloseButtons(){if(this.showCloseButton)return i("div",{"aria-label":"Close Button",class:"vega-page-notification-close-btn",onClick:()=>this.close(),role:"button",tabIndex:0,onKeyDown:a()},i("vega-icon",{icon:"close",size:this.isMobileDevice?"size-12":"size-16"}))}renderActionButtons(){if(this.actionButtons&&0!==this.actionButtons.length)return i("div",{class:"vega-page-notification-actions-container"},this.actionButtons.map((t=>i("vega-button",{size:this.isMobileDevice?"small":"default",label:t.label,variant:"secondary",ref:i=>{h.addUniqueObserverToNode(i,l,t.onVegaClick)}}))))}get host(){return n(this)}};x([c()],m.prototype,"globalSlimmers",void 0),x([g()],m.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),m.style=':host{display:inline-block;box-sizing:border-box;border-radius:12px;max-width:480px;box-shadow:0 4px 8px rgba(2, 2, 15, 0.1), 0 12px 20px rgba(2, 2, 15, 0.15);animation:fade-in-right 300ms ease-in-out}:host(.mobile){width:100%;max-width:100%;animation:fade-in-up 300ms ease-in-out}:host(.vega-page-notification-fade-out){opacity:0;animation:fade-out 300ms ease-in-out}:host vega-icon{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}:host .vega-page-notification-prefix{display:flex}:host(.mobile) .vega-page-notification-prefix{padding-top:4px}:host .vega-page-notification-content{flex:1 1 0%;overflow:auto}:host .vega-page-notification-close-btn{cursor:pointer;display:inline-flex;margin-top:4px}:host(.mobile) .vega-page-notification-close-btn{padding:2px}:host .vega-page-notification-actions-container{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-top:24px}:host(.mobile) .vega-page-notification-actions-container{margin-top:16px}:host .vega-page-notification-title{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-title{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(.mobile) .vega-page-notification-title{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(.mobile) .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-page-notification-message{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px;overflow-wrap:break-word;margin-top:2px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-message{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-page-notification-message{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-page-notification-message{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));border:2px solid rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){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 .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){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 .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}.vega-page-notification-list{display:flex;flex-direction:column;align-items:flex-end;position:fixed}.vega-page-notification-list-topRight{top:24px;right:24px}.vega-page-notification-list-bottom{left:0px;right:0px;padding-left:16px;padding-right:16px;align-items:center;bottom:0px}@keyframes fade-in-right{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:none}}@keyframes fade-in-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes fade-out{from{opacity:1}to{opacity:0}}';var v=function(t,i,e,n){var a,o=arguments.length,s=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,n);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(s=(o<3?a(s):o>3?a(i,e,s):a(i,e))||s);return o>3&&s&&Object.defineProperty(i,e,s),s};const b=class{constructor(i){t(this,i),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new f}render(){return i(e,null,i("slot",null))}get host(){return n(this)}};v([c()],b.prototype,"globalSlimmers",void 0),v([g()],b.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),b.style=":host{position:fixed;display:flex;flex-direction:column;align-items:flex-end}:host(.vega-page-notification-list-topRight){top:24px;right:24px}:host(.vega-page-notification-list-bottom){align-items:center;padding-left:16px;padding-right:16px;left:0px;right:0px;bottom:0px}";export{m as vega_page_notification,b as vega_page_notification_list}
|
|
1
|
+
import{r as t,h as i,H as e,g as n}from"./p-1c298d5a.js";import{c as a}from"./p-86194314.js";import{s as o}from"./p-9b797118.js";import{g as s,D as r,a as p}from"./p-4163c2c2.js";import{I as g}from"./p-6e1ab235.js";import{V as f,I as c}from"./p-61f6167c.js";import{D as h}from"./p-6c6d86da.js";import{a as l}from"./p-9e9ec748.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";var x=function(t,i,e,n){var a,o=arguments.length,s=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,n);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(s=(o<3?a(s):o>3?a(i,e,s):a(i,e))||s);return o>3&&s&&Object.defineProperty(i,e,s),s};const d={success:"checkmark-circle",warning:"warning-triangle-filled",error:"help-filled",info:"info-circle-filled"},m=class{constructor(e){t(this,e),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new f,this.isMobileDevice=s()===r.MOBILE,this.notificationTitle="",this.message="",this.type="info",this.duration=5e3,this.showCloseButton=!0,this.actionButtons=[],this.renderPrefixIcon=()=>i("div",{class:"vega-page-notification-prefix"},i("vega-icon",{icon:d[this.type],size:this.isMobileDevice?"size-16":"size-24"})),this.renderContent=()=>i("div",{class:"vega-page-notification-content"},this.notificationTitle&&i("div",{class:"vega-page-notification-title"},this.notificationTitle),i("div",{class:"vega-page-notification-message"},this.message)),this.autoCloseAfterDuration=()=>{this.duration>0&&setTimeout((()=>{this.close()}),this.duration)}}componentDidLoad(){this.autoCloseAfterDuration()}async close(){this.host.classList.add("vega-page-notification-fade-out"),setTimeout((()=>{this.host.remove()}),300)}render(){const t=p([this.type,this.isMobileDevice&&"mobile"].filter(Boolean));return o(i(e,{class:t},i("vega-box",{padding:this.isMobileDevice?"size-16":"size-24"},i("vega-flex",{gap:"size-16"},this.renderPrefixIcon(),this.renderContent(),this.renderCloseButtons()),this.renderActionButtons())),this.host)}renderCloseButtons(){if(this.showCloseButton)return i("div",{"aria-label":"Close Button",class:"vega-page-notification-close-btn",onClick:()=>this.close(),role:"button",tabIndex:0,onKeyDown:a()},i("vega-icon",{icon:"close",size:this.isMobileDevice?"size-12":"size-16"}))}renderActionButtons(){if(this.actionButtons&&0!==this.actionButtons.length)return i("div",{class:"vega-page-notification-actions-container"},this.actionButtons.map((t=>i("vega-button",{size:this.isMobileDevice?"small":"default",label:t.label,variant:"secondary",ref:i=>{h.addUniqueObserverToNode(i,l,t.onVegaClick)}}))))}get host(){return n(this)}};x([c()],m.prototype,"globalSlimmers",void 0),x([g()],m.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),m.style=':host{display:inline-block;box-sizing:border-box;border-radius:12px;max-width:480px;box-shadow:0 4px 8px rgba(2, 2, 15, 0.1), 0 12px 20px rgba(2, 2, 15, 0.15);animation:fade-in-right 300ms ease-in-out}:host(.mobile){width:100%;max-width:100%;animation:fade-in-up 300ms ease-in-out}:host(.vega-page-notification-fade-out){opacity:0;animation:fade-out 300ms ease-in-out}:host vega-icon{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}:host .vega-page-notification-prefix{display:flex}:host(.mobile) .vega-page-notification-prefix{padding-top:4px}:host .vega-page-notification-content{flex:1 1 0%;overflow:auto}:host .vega-page-notification-close-btn{cursor:pointer;display:inline-flex;margin-top:4px}:host(.mobile) .vega-page-notification-close-btn{padding:2px}:host .vega-page-notification-actions-container{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-top:24px}:host(.mobile) .vega-page-notification-actions-container{margin-top:16px}:host .vega-page-notification-title{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:20px;font-weight:700;line-height:28px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;overflow-wrap:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-title{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(.mobile) .vega-page-notification-title{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(.mobile) .vega-page-notification-title{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-page-notification-message{color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));font-family:"Inter", sans-serif;font-size:18px;font-weight:500;line-height:28px;letter-spacing:0px;overflow-wrap:break-word;margin-top:2px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-message{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-page-notification-message{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-page-notification-message{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host(.mobile) .vega-page-notification-message{font-family:"Inter", sans-serif;font-size:12px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:24px;letter-spacing:0px;background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0));color:rgba(var(--v-text-page-notification-content, 32, 54, 69, 1));border:2px solid rgba(var(--v-text-page-notification-content, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){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 .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){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 .vega-page-notification-actions-container vega-button::part(button):hover,:host .vega-page-notification-actions-container vega-button::part(button){font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:24px;letter-spacing:0px}}:host(.success){background-color:rgba(var(--v-bg-status-success, 160, 233, 167, 1))}:host(.warning){background-color:rgba(var(--v-bg-status-warning, 255, 220, 131, 1))}:host(.error){background-color:rgba(var(--v-bg-status-error, 255, 110, 139, 1))}:host(.info){background-color:rgba(var(--v-bg-status-info, 205, 209, 211, 1))}.vega-page-notification-list{display:flex;flex-direction:column;align-items:flex-end;position:fixed}.vega-page-notification-list-topRight{top:24px;right:24px}.vega-page-notification-list-bottom{left:0px;right:0px;padding-left:16px;padding-right:16px;align-items:center;bottom:0px}@keyframes fade-in-right{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:none}}@keyframes fade-in-up{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes fade-out{from{opacity:1}to{opacity:0}}';var v=function(t,i,e,n){var a,o=arguments.length,s=o<3?i:null===n?n=Object.getOwnPropertyDescriptor(i,e):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,i,e,n);else for(var r=t.length-1;r>=0;r--)(a=t[r])&&(s=(o<3?a(s):o>3?a(i,e,s):a(i,e))||s);return o>3&&s&&Object.defineProperty(i,e,s),s};const b=class{constructor(i){t(this,i),this.globalSlimmers={},this.vegaComponentUsageRuntimeMetricsSlimmer=new f}render(){return i(e,null,i("slot",null))}get host(){return n(this)}};v([c()],b.prototype,"globalSlimmers",void 0),v([g()],b.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),b.style=":host{position:fixed;display:flex;flex-direction:column;align-items:flex-end}:host(.vega-page-notification-list-topRight){top:24px;right:24px}:host(.vega-page-notification-list-bottom){align-items:center;padding-left:16px;padding-right:16px;left:0px;right:0px;bottom:0px}";export{m as vega_page_notification,b as vega_page_notification_list}
|