@aquera/nile-elements 2.0.12 → 2.0.14
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/README.md +13 -0
- package/dist/index.js +132 -134
- package/dist/nile-auto-complete/nile-auto-complete.css.cjs.js +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.css.cjs.js.map +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.css.esm.js +5 -2
- package/dist/nile-chip/nile-chip.css.cjs.js +1 -1
- package/dist/nile-chip/nile-chip.css.cjs.js.map +1 -1
- package/dist/nile-chip/nile-chip.css.esm.js +2 -0
- package/dist/nile-combobox/nile-combobox.css.cjs.js +1 -1
- package/dist/nile-combobox/nile-combobox.css.cjs.js.map +1 -1
- package/dist/nile-combobox/nile-combobox.css.esm.js +9 -9
- package/dist/nile-command-menu/nile-command-menu.css.cjs.js +1 -1
- package/dist/nile-command-menu/nile-command-menu.css.cjs.js.map +1 -1
- package/dist/nile-command-menu/nile-command-menu.css.esm.js +5 -5
- package/dist/nile-command-menu-item/nile-command-menu-item.css.cjs.js +1 -1
- package/dist/nile-command-menu-item/nile-command-menu-item.css.cjs.js.map +1 -1
- package/dist/nile-command-menu-item/nile-command-menu-item.css.esm.js +2 -2
- package/dist/nile-option/nile-option.css.cjs.js +1 -1
- package/dist/nile-option/nile-option.css.cjs.js.map +1 -1
- package/dist/nile-option/nile-option.css.esm.js +1 -1
- package/dist/nile-select/nile-select.cjs.js +2 -2
- package/dist/nile-select/nile-select.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.css.cjs.js +1 -1
- package/dist/nile-select/nile-select.css.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.css.esm.js +19 -24
- package/dist/nile-select/nile-select.esm.js +43 -42
- package/dist/nile-select/virtual-scroll-helper.cjs.js +1 -1
- package/dist/nile-select/virtual-scroll-helper.cjs.js.map +1 -1
- package/dist/nile-select/virtual-scroll-helper.esm.js +2 -0
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js +4 -4
- package/dist/nile-virtual-select/nile-virtual-select.cjs.js.map +1 -1
- package/dist/nile-virtual-select/nile-virtual-select.css.cjs.js +1 -1
- package/dist/nile-virtual-select/nile-virtual-select.css.cjs.js.map +1 -1
- package/dist/nile-virtual-select/nile-virtual-select.css.esm.js +20 -25
- package/dist/nile-virtual-select/nile-virtual-select.esm.js +26 -26
- package/dist/src/nile-auto-complete/nile-auto-complete.css.js +3 -0
- package/dist/src/nile-auto-complete/nile-auto-complete.css.js.map +1 -1
- package/dist/src/nile-chip/nile-chip.css.js +2 -0
- package/dist/src/nile-chip/nile-chip.css.js.map +1 -1
- package/dist/src/nile-combobox/nile-combobox.css.js +9 -9
- package/dist/src/nile-combobox/nile-combobox.css.js.map +1 -1
- package/dist/src/nile-command-menu/nile-command-menu.css.js +5 -5
- package/dist/src/nile-command-menu/nile-command-menu.css.js.map +1 -1
- package/dist/src/nile-command-menu-item/nile-command-menu-item.css.js +2 -2
- package/dist/src/nile-command-menu-item/nile-command-menu-item.css.js.map +1 -1
- package/dist/src/nile-option/nile-option.css.js +1 -1
- package/dist/src/nile-option/nile-option.css.js.map +1 -1
- package/dist/src/nile-select/nile-select.css.js +19 -24
- package/dist/src/nile-select/nile-select.css.js.map +1 -1
- package/dist/src/nile-select/nile-select.d.ts +18 -2
- package/dist/src/nile-select/nile-select.js +226 -64
- package/dist/src/nile-select/nile-select.js.map +1 -1
- package/dist/src/nile-select/nile-select.test.d.ts +1 -0
- package/dist/src/nile-select/nile-select.test.js +896 -17
- package/dist/src/nile-select/nile-select.test.js.map +1 -1
- package/dist/src/nile-select/virtual-scroll-helper.js +2 -0
- package/dist/src/nile-select/virtual-scroll-helper.js.map +1 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.css.js +20 -25
- package/dist/src/nile-virtual-select/nile-virtual-select.css.js.map +1 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.d.ts +10 -2
- package/dist/src/nile-virtual-select/nile-virtual-select.js +142 -30
- package/dist/src/nile-virtual-select/nile-virtual-select.js.map +1 -1
- package/dist/src/nile-virtual-select/nile-virtual-select.test.d.ts +1 -0
- package/dist/src/nile-virtual-select/nile-virtual-select.test.js +331 -16
- package/dist/src/nile-virtual-select/nile-virtual-select.test.js.map +1 -1
- package/dist/src/version.js +1 -1
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-auto-complete/nile-auto-complete.css.ts +3 -0
- package/src/nile-chip/nile-chip.css.ts +2 -0
- package/src/nile-combobox/nile-combobox.css.ts +9 -9
- package/src/nile-command-menu/nile-command-menu.css.ts +5 -5
- package/src/nile-command-menu-item/nile-command-menu-item.css.ts +2 -2
- package/src/nile-option/nile-option.css.ts +1 -1
- package/src/nile-select/nile-select.css.ts +19 -24
- package/src/nile-select/nile-select.test.ts +1112 -17
- package/src/nile-select/nile-select.ts +237 -67
- package/src/nile-select/virtual-scroll-helper.ts +2 -0
- package/src/nile-virtual-select/nile-virtual-select.css.ts +20 -25
- package/src/nile-virtual-select/nile-virtual-select.test.ts +404 -16
- package/src/nile-virtual-select/nile-virtual-select.ts +200 -79
- package/vscode-html-custom-data.json +9 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{__decorate as i}from"tslib";import{html as s}from"lit";import{state as e,query as o,property as n,customElement as t}from"lit/decorators.js";import{s as c}from"./nile-select.css.esm.js";import"../nile-icon/index.esm.js";import"../nile-popup/nile-popup.esm.js";import"../nile-tag/nile-tag.esm.js";import"../nile-lite-tooltip/nile-lite-tooltip.esm.js";import{s as l,a as r}from"../internal/animate.esm.js";import{classMap as m}from"lit/directives/class-map.js";import{d as a}from"../internal/default-value.esm.js";import{K as p}from"../internal/enum.esm.js";import{F as h}from"../internal/form.esm.js";import{s as g,g as v}from"../utilities/animation-registry.esm.js";import{H as j}from"../internal/slot.esm.js";import{s as d}from"../internal/scroll.esm.js";import{w as u}from"../internal/event.esm.js";import{w as f}from"../internal/watch.esm.js";import{N as b}from"../internal/nile-element.esm.js";import{ifDefined as y}from"lit/directives/if-defined.js";import{h as w}from"../nile-virtual-select/nile-virtual-select.esm.js";import{V as _}from"./virtual-scroll-helper.esm.js";import{P as x}from"./portal-manager.esm.js";import{V as k}from"../utilities/visibility-manager.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/adjustment.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/area.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-left-small.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow-right-small.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrow_left_small.esm.js";import"../nile-icon/icons/svg/arrow_right_small.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attribute.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/class.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/column-add.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/delete_history.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/folder_delete.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/format_align_justify.esm.js";import"../nile-icon/icons/svg/format_align_left.esm.js";import"../nile-icon/icons/svg/format_align_middle.esm.js";import"../nile-icon/icons/svg/format_align_right.esm.js";import"../nile-icon/icons/svg/format_bold.esm.js";import"../nile-icon/icons/svg/format_clear.esm.js";import"../nile-icon/icons/svg/format_italic.esm.js";import"../nile-icon/icons/svg/format_list_bulleted.esm.js";import"../nile-icon/icons/svg/format_list_numbered.esm.js";import"../nile-icon/icons/svg/format_underline.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/function.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goal.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/horizontal_bar_chart.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/image_2.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/keyword.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/link_2.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/marker_pin_02.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/menu_close.esm.js";import"../nile-icon/icons/svg/menu_open.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/metric.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/ng-action.esm.js";import"../nile-icon/icons/svg/ng-activity.esm.js";import"../nile-icon/icons/svg/ng-alert-circle.esm.js";import"../nile-icon/icons/svg/ng-alert-triangle.esm.js";import"../nile-icon/icons/svg/ng-align-center.esm.js";import"../nile-icon/icons/svg/ng-annotation-x.esm.js";import"../nile-icon/icons/svg/ng-arrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-right.esm.js";import"../nile-icon/icons/svg/ng-arrow-up.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-12.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/ng-battery-charging.esm.js";import"../nile-icon/icons/svg/ng-bell-01.esm.js";import"../nile-icon/icons/svg/ng-bell-ringing-04.esm.js";import"../nile-icon/icons/svg/ng-bold-01.esm.js";import"../nile-icon/icons/svg/ng-boolean.esm.js";import"../nile-icon/icons/svg/ng-briefcase-01.esm.js";import"../nile-icon/icons/svg/ng-building-01.esm.js";import"../nile-icon/icons/svg/ng-building-05.esm.js";import"../nile-icon/icons/svg/ng-building-07.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue.esm.js";import"../nile-icon/icons/svg/ng-calendar-plus-02.esm.js";import"../nile-icon/icons/svg/ng-calendar.esm.js";import"../nile-icon/icons/svg/ng-check-circle-broken.esm.js";import"../nile-icon/icons/svg/ng-check-circle.esm.js";import"../nile-icon/icons/svg/ng-check-done-01.esm.js";import"../nile-icon/icons/svg/ng-check-square-broken.esm.js";import"../nile-icon/icons/svg/ng-check.esm.js";import"../nile-icon/icons/svg/ng-chevron-down.esm.js";import"../nile-icon/icons/svg/ng-chevron-left-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-left.esm.js";import"../nile-icon/icons/svg/ng-chevron-right-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-right.esm.js";import"../nile-icon/icons/svg/ng-chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/ng-chevron-up-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-up.esm.js";import"../nile-icon/icons/svg/ng-clock-refresh.esm.js";import"../nile-icon/icons/svg/ng-columns-02.esm.js";import"../nile-icon/icons/svg/ng-copy-03.esm.js";import"../nile-icon/icons/svg/ng-dataflow-02.esm.js";import"../nile-icon/icons/svg/ng-dataflow-04.esm.js";import"../nile-icon/icons/svg/ng-dots-grid.esm.js";import"../nile-icon/icons/svg/ng-dots-vertical.esm.js";import"../nile-icon/icons/svg/ng-download-01.esm.js";import"../nile-icon/icons/svg/ng-dropdown.esm.js";import"../nile-icon/icons/svg/ng-edit-02.esm.js";import"../nile-icon/icons/svg/ng-edit-05.esm.js";import"../nile-icon/icons/svg/ng-expand-06.esm.js";import"../nile-icon/icons/svg/ng-eye-off.esm.js";import"../nile-icon/icons/svg/ng-eye.esm.js";import"../nile-icon/icons/svg/ng-file-02.esm.js";import"../nile-icon/icons/svg/ng-file-06.esm.js";import"../nile-icon/icons/svg/ng-file-check-02.esm.js";import"../nile-icon/icons/svg/ng-file-question-03.esm.js";import"../nile-icon/icons/svg/ng-filter-lines.esm.js";import"../nile-icon/icons/svg/ng-folder-code.esm.js";import"../nile-icon/icons/svg/ng-grid-01.esm.js";import"../nile-icon/icons/svg/ng-hash.esm.js";import"../nile-icon/icons/svg/ng-help-circle.esm.js";import"../nile-icon/icons/svg/ng-home-line.esm.js";import"../nile-icon/icons/svg/ng-image-03.esm.js";import"../nile-icon/icons/svg/ng-image-user-left.esm.js";import"../nile-icon/icons/svg/ng-info-circle.esm.js";import"../nile-icon/icons/svg/ng-italic-01.esm.js";import"../nile-icon/icons/svg/ng-key-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-02.esm.js";import"../nile-icon/icons/svg/ng-lightbulb-05.esm.js";import"../nile-icon/icons/svg/ng-list.esm.js";import"../nile-icon/icons/svg/ng-lock-03.esm.js";import"../nile-icon/icons/svg/ng-log-out-01.esm.js";import"../nile-icon/icons/svg/ng-mail-01.esm.js";import"../nile-icon/icons/svg/ng-mail-04.esm.js";import"../nile-icon/icons/svg/ng-marker-pin-01.esm.js";import"../nile-icon/icons/svg/ng-menu-05.esm.js";import"../nile-icon/icons/svg/ng-message-text-square-01.esm.js";import"../nile-icon/icons/svg/ng-minimize-02.esm.js";import"../nile-icon/icons/svg/ng-minus.esm.js";import"../nile-icon/icons/svg/ng-monitor.esm.js";import"../nile-icon/icons/svg/ng-number.esm.js";import"../nile-icon/icons/svg/ng-pie-chart-03.esm.js";import"../nile-icon/icons/svg/ng-plus.esm.js";import"../nile-icon/icons/svg/ng-power-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-02.esm.js";import"../nile-icon/icons/svg/ng-rocket-02.esm.js";import"../nile-icon/icons/svg/ng-rows-01.esm.js";import"../nile-icon/icons/svg/ng-search-lg.esm.js";import"../nile-icon/icons/svg/ng-send-01.esm.js";import"../nile-icon/icons/svg/ng-server.esm.js";import"../nile-icon/icons/svg/ng-settings-01.esm.js";import"../nile-icon/icons/svg/ng-share-04.esm.js";import"../nile-icon/icons/svg/ng-share-06.esm.js";import"../nile-icon/icons/svg/ng-shield-tick.esm.js";import"../nile-icon/icons/svg/ng-shopping-bag-01.esm.js";import"../nile-icon/icons/svg/ng-stars-02.esm.js";import"../nile-icon/icons/svg/ng-string.esm.js";import"../nile-icon/icons/svg/ng-switch-horizontal-01.esm.js";import"../nile-icon/icons/svg/ng-tag.esm.js";import"../nile-icon/icons/svg/ng-trash-01.esm.js";import"../nile-icon/icons/svg/ng-trash-03.esm.js";import"../nile-icon/icons/svg/ng-trend-up-01.esm.js";import"../nile-icon/icons/svg/ng-underline-01.esm.js";import"../nile-icon/icons/svg/ng-upload-01.esm.js";import"../nile-icon/icons/svg/ng-upload-cloud-02.esm.js";import"../nile-icon/icons/svg/ng-user-01.esm.js";import"../nile-icon/icons/svg/ng-user-check-02-1.esm.js";import"../nile-icon/icons/svg/ng-user-check-02.esm.js";import"../nile-icon/icons/svg/ng-user-plus-02.esm.js";import"../nile-icon/icons/svg/ng-user-right-01.esm.js";import"../nile-icon/icons/svg/ng-users-01.esm.js";import"../nile-icon/icons/svg/ng-wifi.esm.js";import"../nile-icon/icons/svg/ng-x-circle.esm.js";import"../nile-icon/icons/svg/ng-x-close.esm.js";import"../nile-icon/icons/svg/ng-x-square.esm.js";import"../nile-icon/icons/svg/ng-zap.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/tag_cloud.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/travel_map.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unlink.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/visual_builder.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"../floating-ui.dom-cc9126da.esm.js";import"../nile-popup/nile-popup.css.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"../nile-tag/nile-tag.css.esm.js";import"../nile-icon-button/nile-icon-button.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"lit/static-html.js";import"../nile-lite-tooltip/nile-lite-tooltip.css.esm.js";import"../tippy.esm-57628c2b.esm.js";import"../nile-lite-tooltip/utils.esm.js";import"../internal/offset.esm.js";import"../nile-virtual-select/nile-virtual-select.css.esm.js";import"../nile-checkbox/nile-checkbox.esm.js";import"../nile-checkbox/nile-checkbox.css.esm.js";import"lit/directives/live.js";import"../nile-loader/nile-loader.esm.js";import"../nile-loader/nile-loader.css.esm.js";import"../nile-virtual-select/selection-manager.esm.js";import"../nile-virtual-select/search-manager.esm.js";import"../nile-virtual-select/renderer.esm.js";import"../virtualize-a4a40d96.esm.js";import"lit/directive.js";import"lit/async-directive.js";import"lit/directives/repeat.js";import"lit/directives/unsafe-html.js";import"../nile-virtual-select/portal-manager.esm.js";import"./portal-utils.esm.js";import"../lit-html-39a6718c.esm.js";import"../directive-ee0c609c.esm.js";let $=class extends b{get maxOptionsVisible(){return this._maxOptionsVisible}set maxOptionsVisible(i){const s=this._maxOptionsVisible;this._maxOptionsVisible=i,this.maxOptionsVisibleExplicit=!0,this.requestUpdate("maxOptionsVisible",s)}get chipFittingEnabled(){return!!this.multiple&&!this.maxOptionsVisibleExplicit}get validity(){return this.valueInput?.validity}get validationMessage(){return this.valueInput?.validationMessage}constructor(){super(),this.portalManager=new x(this),this.hasSlotController=new j(this,"help-text","label","pre-footer"),this.typeToSelectString="",this.scrolling=!1,this.options=[],this.resizeController=new w(this,{callback:i=>{for(const s of i)s.target.classList.contains("select__tags")&&this.calculateTotalWidthOfTags()}}),this.chipFitFrame=0,this.lastChipLayout={hidden:-1,visible:-1},this.clippedChips=[],this.clipFrame=0,this.hasFocus=!1,this.displayLabel="",this.selectedOptions=[],this.oldValue="",this.hiddenChipCount=0,this.lastOverflowWidth=0,this.name="",this.value="",this.defaultValue="",this.size="medium",this.placeholder="Select...",this.searchValue="",this.searchEnabled=!1,this.legacy=!1,this.tickOnSelect=!1,this.internalSearchPlaceHolder="Search...",this.enableVisibilityEffect=!1,this.blockValueChange=!1,this.disableLocalSearch=!1,this.optionsLoading=!1,this.noWidthSync=!1,this.portal=!1,this.multiple=!1,this.helpText="",this.help_text="",this.autoResize=!1,this.errorMessage="",this.warning=!1,this.error=!1,this.success=!1,this._maxOptionsVisible=3,this.maxOptionsVisibleExplicit=!1,this.chipMinWidth=110,this.chipMaxWidth=180,this.showTooltip=!1,this.disabled=!1,this.clearable=!1,this.open=!1,this.hoist=!1,this.filled=!1,this.pill=!1,this.label="",this.placement="bottom",this.form="",this.required=!1,this.showSelected=!1,this.enableTabClose=!1,this.showNoResults=!1,this.noResultsMessage="No results found",this.data=[],this.enableVirtualScroll=!1,this.enableGroupHeader=!1,this.autoFocusSearch=!1,this.loading=!1,this.stickyHeader=!1,this.descriptionSearchEnabled=!1,this.enableDescription=!1,this.allowHtmlLabel=!0,this.handleWindowResize=()=>{this.portalManager.updatePortalAppendPosition()},this.handleWindowScroll=()=>{this.portalManager.updatePortalAppendPosition()}}connectedCallback(){super.connectedCallback(),this.enableVirtualScroll||(this.formControlController=new h(this,{assumeInteractionOn:["nile-blur","nile-input"]})),this.virtualScrollHelper=new _(this),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.handleWindowResize=this.handleWindowResize.bind(this),this.handleWindowScroll=this.handleWindowScroll.bind(this),this.open=!1,this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.scrollTimeout&&(clearTimeout(this.scrollTimeout),this.scrollTimeout=void 0),this.visibilityManager?.cleanup(),this.portalManager.cleanupPortalAppend(),this.destroyChipFit(),this.emit("nile-destroy")}setupResizeObserver(){const i=this.autoResize&&this.chipFittingEnabled?this.shadowRoot?.querySelector(".select__tags")??void 0:void 0;if(i!==this.observedTagsContainer){if(this.observedTagsContainer&&(this.resizeController.unobserve(this.observedTagsContainer),this.observedTagsContainer=void 0),i)return this.resizeController.observe(i),void(this.observedTagsContainer=i);this.chipFittingEnabled||this.destroyChipFit()}else this.chipFittingEnabled||this.destroyChipFit()}syncVirtualSelectMaxOptionsVisible(){if(!this.enableVirtualScroll||!this.maxOptionsVisibleExplicit)return;const i=this.shadowRoot?.querySelector("nile-virtual-select");i&&i.maxOptionsVisible!==this._maxOptionsVisible&&(i.maxOptionsVisible=this._maxOptionsVisible)}updated(i){i.has("searchEnabled")&&this.updateGroupStickyOffsets(),i.has("multiple")&&this.setCheckBoxInOption(this.multiple),i.has("legacy")&&this.setLegacyInOptions(this.legacy),i.has("tickOnSelect")&&this.setTickOnSelectInOptions(this.tickOnSelect),(i.has("autoResize")||i.has("multiple")||i.has("maxOptionsVisible"))&&this.setupResizeObserver(),this.syncVirtualSelectMaxOptionsVisible(),i.has("enableDescription")&&this.setEnableDescriptionInOptions(),(i.has("chipMinWidth")||i.has("chipMaxWidth"))&&this.destroyChipFit(),this.chipFittingEnabled&&this.calculateTotalWidthOfTags(),this.multiple&&this.showTooltip&&this.scheduleClipCheck()}firstUpdated(i){this.enableGroupHeader&&(this.disableLocalSearch||this.handleGroupSearchChange(),this.applyStickyToGroups()),this.setupResizeObserver(),i.has("multiple")&&this.setCheckBoxInOption(this.multiple),this.setLegacyInOptions(this.legacy),this.setTickOnSelectInOptions(this.tickOnSelect),i.has("enableDescription")&&this.setEnableDescriptionInOptions(),this.visibilityManager=new k({host:this,target:this.combobox,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:()=>this.open,onAnchorOutOfView:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view",name:this.name})},onDocumentHidden:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"document-hidden",name:this.name})},emit:(i,s)=>this.emit(`nile-${i}`,s)})}setCheckBoxInOption(i){this.options.length||(this.options=this.getAllOptions()),this.options.forEach((s=>{s.showCheckbox=i}))}setLegacyInOptions(i){this.options.length||(this.options=this.getAllOptions()),this.options.forEach((s=>{s.legacy=i}))}setTickOnSelectInOptions(i){this.options.length||(this.options=this.getAllOptions()),this.options.forEach((s=>{s.tickOnSelect=i}))}setEnableDescriptionInOptions(){this.options=this.getAllOptions(),this.options.forEach((i=>{(i?.updateComplete??Promise.resolve()).then((()=>{i.isDescriptionEnabled=this.enableDescription})).catch((()=>{}))}))}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.portal&&(window.addEventListener("resize",this.handleWindowResize),window.addEventListener("scroll",this.handleWindowScroll,!0))}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),window.removeEventListener("resize",this.handleWindowResize),window.removeEventListener("scroll",this.handleWindowScroll,!0)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("nile-focus",{value:this.value,name:this.name})}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value,name:this.name})}handleDocumentFocusIn(i){if(!this.open)return;const s=i.composedPath(),e=s.includes(this),o=this.popup&&s.includes(this.popup),n=this.portal&&this.portalManager.portalContainerElement&&s.includes(this.portalManager.portalContainerElement);e||o||n||this.hide()}updateGroupStickyOffsets(){this.querySelectorAll("nile-option-group").forEach((i=>{this.searchEnabled?i.setAttribute("search-enabled",""):i.removeAttribute("search-enabled")}))}handleFooterClick(i){i.stopPropagation(),i.preventDefault()}handlePreFooterClick(){this.hide()}toggleShowSelected(i){if(i.stopPropagation(),i.preventDefault(),0===this.selectedOptions?.length)return;this.showSelected=!this.showSelected;this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.portal&&this.open&&this.portalManager.updatePortalOptions()}unSlectAll(){this.showSelected=!1;this.getAllOptions().forEach((i=>{i.selected=!1,i.hidden=!1})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.value="",this.selectionChanged(),this.emit("nile-change",{value:this.value,name:this.name}),this.emit("nile-clear",{value:this.multiple?this.value:"",name:this.name}),this.portal&&this.open&&this.portalManager.updatePortalOptions()}handleDocumentKeyDown(i){const s=i.target,e=null!==s.closest(".select__clear"),o=null!==s.closest("nile-icon-button");if(!e&&!o){if("Escape"===i.key&&this.open&&(i.preventDefault(),i.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),"Enter"===i.key||" "===i.key&&""===this.typeToSelectString)return i.preventDefault(),i.stopImmediatePropagation(),this.open?void(this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))):void this.show();if(1===i.key.length||"Backspace"===i.key){const s=this.getAllOptions();if(i.metaKey||i.ctrlKey||i.altKey)return;if(!this.open){if("Backspace"===i.key)return;this.show()}i.stopPropagation(),i.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout((()=>this.typeToSelectString=""),1e3),"Backspace"===i.key?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=i.key.toLowerCase();for(const i of s){if(i.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(i);break}}}}}handleDocumentMouseDown(i){if(!this.open)return;const s=i.composedPath(),e=s.includes(this),o=this.popup&&s.includes(this.popup),n=this.portal&&this.portalManager.portalContainerElement&&s.includes(this.portalManager.portalContainerElement);e||o||n||this.hide()}handleLabelClick(){this.displayInput.focus(),this.hide()}handleComboboxMouseDown(i){const s=i.composedPath(),e=s.some((i=>i instanceof Element&&"nile-icon-button"===i.tagName.toLowerCase())),o=s.some((i=>i instanceof HTMLButtonElement&&i.classList.contains("select__tags-count")));this.disabled||e||o||(i.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(i){i.stopPropagation(),this.handleDocumentKeyDown(i)}handleClearClick(i){i.stopPropagation(),""!==this.value&&(this.setSelectedOptions([]),this.showSelected=!1,this.value="",this.displayInput.focus({preventScroll:!0}),this.enableGroupHeader&&this.handleGroupShowSelected(),this.updateComplete.then((()=>{const i={value:this.multiple?this.value:"",name:this.name};this.emit("nile-clear",i),this.nileInput(i),this.nileChange(i)})))}handleClearMouseDown(i){i.stopPropagation(),i.preventDefault()}handleOptionClick(i){const s=i.target.closest("nile-option");if(this.blockValueChange&&s)return this.emit("nile-block-change",{value:s?.value,name:this.name}),void this.hide();const e=this.value;if(this.oldValue=e,s&&!s.disabled&&(this.multiple?this.toggleOptionSelection(s):this.setSelectedOptions(s),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==e&&this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}))),this.showSelected){this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.requestUpdate()}this.portal&&this.open&&this.portalManager.updatePortalOptions()}applyStickyToGroups(){this.querySelectorAll("nile-option-group").forEach((i=>{this.stickyHeader?i.setAttribute("sticky",""):i.removeAttribute("sticky")}))}handleDefaultSlotChange(){const i=this.getAllOptions(),s=Array.isArray(this.value)?this.value:[this.value],e=[];this.updateGroupStickyOffsets(),this.applyStickyToGroups(),customElements.get("nile-option")?(i.forEach((i=>e.push(i.value))),this.setSelectedOptions(i.filter((i=>s.map(String).includes(i.value))))):customElements.whenDefined("nile-option").then((()=>this.handleDefaultSlotChange())),this.portal&&this.open&&this.portalManager.updatePortalOptions(),this.setEnableDescriptionInOptions()}handleTagRemove(i,s){if(i.stopPropagation(),!this.disabled){this.toggleOptionSelection(s,!1);this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name}),this.emit("nile-tag-remove",{value:this.value,name:this.name,removedtagvalue:s.value})}))}}getAllOptions(){const i=[...this.querySelectorAll("nile-option")];return this.multiple&&this.oldValue?.length>0&&i.sort(((i,s)=>{let e=this.oldValue.indexOf(i.value),o=this.oldValue.indexOf(s.value);return-1===e&&(e=1/0),-1===o&&(o=1/0),e<o?-1:e>o?1:0})),i}getOptionPrefixNodes(i){const s=i.shadowRoot?.querySelector('slot[name="prefix"]');return s?s.assignedElements().map((i=>i.cloneNode(!0))):[]}getFirstOption(){return this.querySelector("nile-option")}setCurrentOption(i){this.getAllOptions().forEach((i=>{i.current=!1,i.tabIndex=-1})),i&&(this.currentOption=i,i.current=!0,i.tabIndex=0,i.focus())}setSelectedOptions(i){const s=this.getAllOptions(),e=Array.isArray(i)?i:[i];s.forEach((i=>i.selected=!1)),e.length&&e.forEach((i=>i.selected=!0)),this.selectionChanged(),this.portal&&this.open&&this.portalManager.updatePortalOptions()}toggleOptionSelection(i,s){i.selected=!0===s||!1===s?s:!i.selected,this.selectionChanged()}selectionChanged(){if(this.selectedOptions=this.getAllOptions().filter((i=>i.selected)),this.multiple){if(this.getAllOptions().length>0&&(this.value=this.selectedOptions.map((i=>i.value)),this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected"),0===this.selectedOptions.length){this.showSelected=!1;this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.requestUpdate()}}else this.value=this.selectedOptions[0]?.value??this.value,this.displayLabel=this.selectedOptions[0]?.getTextLabel()?this.selectedOptions[0].getTextLabel():this.value??"";this.updateComplete.then((()=>{this.formControlController?.updateValidity()})),this.calculateTotalWidthOfTags()}handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown)}handleSearchChange(i){if(this.searchValue=i.detail.value,this.emit("nile-search",{query:this.searchValue,name:this.name}),this.enableGroupHeader&&!this.disableLocalSearch&&this.handleGroupSearchChange(),!this.disableLocalSearch){0===this.filterOptions(this.searchValue).length?this.showNoResults=!0:this.showNoResults=!1}}handleScroll(i){const s=i.target;this.emit("nile-scroll",{scrollTop:s.scrollTop,scrollLeft:s.scrollLeft,name:this.name}),this.scrolling||(this.scrolling=!0,this.emit("nile-scroll-start",{scrollTop:s.scrollTop,scrollLeft:s.scrollLeft,name:this.name})),clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout((()=>{this.scrolling&&(this.scrolling=!1)}),300);Math.ceil(s.scrollTop)>=Math.floor(s.scrollHeight-s.offsetHeight)&&this.emit("nile-scroll-end",{scrollTop:s.scrollTop,scrollLeft:s.scrollLeft,name:this.name,isAtBottom:!0})}filterOptions(i){const s=this.getAllOptions(),e=i.toLowerCase();let o=[];return s.forEach((i=>{const s=i.getTextLabel().toLowerCase(),n=(i.value||"").toLowerCase(),t=(i.description||"").toLowerCase(),c=s.includes(e)||n.includes(e)||this.descriptionSearchEnabled&&t.includes(e);i.hidden=!c,c&&o.push(i)})),this.portal&&this.open&&this.portalManager.updatePortalOptions(),o}handleInvalid(i){this.formControlController?.setValidity(!1),this.formControlController?.emitInvalidEvent(i)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){const i=this.getAllOptions(),s=Array.isArray(this.value)?this.value:[this.value];this.enableVirtualScroll||this.setSelectedOptions(i.filter((i=>s.includes(i.value))))}handlePortalAppendChange(){this.open&&(this.portal?this.portalManager.setupPortalAppend():this.portalManager.cleanupPortalAppend())}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("nile-show",{value:this.value,name:this.name}),this.enableGroupHeader&&this.getAllGroupAttributes().forEach((i=>{i.element.classList.remove("nile-group-hidden")})),this.addOpenListeners(),this.visibilityManager?.setup(),this.showNoResults=!this.getAllOptions()?.length,await l(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame((()=>{this.setCurrentOption(this.currentOption)}));const{keyframes:i,options:s}=v(this,"select.show",{dir:"ltr"});await r(this.popup.popup,i,s),this.currentOption&&d(this.currentOption,this.listbox,"vertical","auto"),this.searchValue="",this.filterOptions(this.searchValue),this.portal&&this.portalManager.setupPortalAppend(),this.emit("nile-after-show",{value:this.value,name:this.name}),this.autoFocusSearch&&this.handleInputAfterInit()}else{this.emit("nile-hide",{value:this.value,name:this.name}),this.showSelected=!1,this.removeOpenListeners(),this.visibilityManager?.cleanup(),await l(this);const{keyframes:i,options:s}=v(this,"select.hide",{dir:"ltr"});await r(this.popup.popup,i,s),this.listbox.hidden=!0,this.popup.active=!1,this.portal&&this.portalManager.cleanupPortalAppend(),this.searchValue="",this.emit("nile-after-hide",{value:this.value,name:this.name})}}getAllGroupAttributes(){return Array.from(this.querySelectorAll("nile-option-group[name]")).map((i=>({name:i?.getAttribute("name")||"",data:i?.getAttribute("data"),element:i})))}getUniqueGroupNames(i){return Array.from(new Set(i.map((i=>i?.groupName))))}handleGroupSearchChange(){const i=new Set(this.getUniqueGroupNames(this.filterOptions(this.searchValue)));this.getAllGroupAttributes().forEach((({name:s,element:e})=>{e?.classList.toggle("nile-group-hidden",!i.has(s))}))}handleGroupShowSelected(){const i=new Set;this.showSelected&&this.getAllOptions().forEach((s=>{s.hidden||i.add(s.groupName)})),this.getAllGroupAttributes().forEach((({name:s,element:e})=>{e?.classList.toggle("nile-group-hidden",this.showSelected&&!i.has(s))}))}async show(){if(!this.open&&!this.disabled)return this.open=!0,u(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,u(this,"nile-after-hide");this.open=!1}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController?.getForm()||null}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(i){this.valueInput.setCustomValidity(i),this.formControlController?.updateValidity()}focus(i){this.displayInput.focus(i)}blur(){this.displayInput.blur()}onInputChange(i){i.stopPropagation()}calculateTotalWidthOfTags(){this.chipFittingEnabled&&(this.chipFitFrame&&cancelAnimationFrame(this.chipFitFrame),this.chipFitFrame=requestAnimationFrame((()=>{this.chipFitFrame=0,this.layoutChips()})))}allocateChipWidths(i,s){const e=this.chipMinWidth,o=this.chipMaxWidth;if(i.reduce(((i,s)=>i+s),0)<=s)return i.slice();if(!this.showTooltip)return null;const n=i.map((i=>Math.min(i,o)));if(n.reduce(((i,s)=>i+s),0)<=s)return n;const t=new Array(i.length).fill(0);let c=n.map(((i,s)=>s)),l=s;for(;0!==c.length;){const i=l/c.length,s=c.filter((s=>n[s]<=i));if(0===s.length)break;for(const i of s)t[i]=n[i],l-=n[i];c=c.filter((s=>n[s]>i))}if(c.length>0){const i=l/c.length;if(i<e)return null;const s=Math.floor(i);for(const i of c)t[i]=s}return t}computeChipFit(i,s,e,o){const n=i.length;if(0===n)return{visibleCount:0,widths:[],hiddenCount:0};for(let t=n;t>=1;t--){const c=n-t,l=s-(c>0?e+o:0)-o*(t-1);if(l<=0)continue;const r=this.allocateChipWidths(i.slice(0,t),l);if(r)return{visibleCount:t,widths:r,hiddenCount:c}}const t=s-e-o;return{visibleCount:1,widths:[Math.max(0,Math.min(i[0],this.showTooltip?Math.max(this.chipMinWidth,t):t))],hiddenCount:n-1}}layoutChips(){const i=this.shadowRoot;if(!i)return;const s=i.querySelector(".select__tags");if(!s)return;const e=Array.from(s.querySelectorAll("nile-tag"));if(0===e.length)return void(this.hiddenChipCount=0);const o=s.querySelector(".select__tags-count");for(const i of e)i.style.display="",i.style.width="auto",i.style.maxWidth="none",i.style.minWidth="0",i.style.flex="0 0 auto";const n=e.map((i=>Math.ceil(i.getBoundingClientRect().width))),t=o?Math.ceil(o.getBoundingClientRect().width):this.lastOverflowWidth;o&&(this.lastOverflowWidth=t);const c=getComputedStyle(s),l=parseFloat(c.columnGap||c.gap||"0")||0,r=this.computeChipFit(n,s.clientWidth,t,l);e.forEach(((i,s)=>{if(s<r.visibleCount){const e=Math.min(n[s],Math.max(r.widths[s],this.chipMinWidth));i.style.display="",i.style.width=`${e}px`,i.style.maxWidth=`${e}px`,i.style.flex="0 0 auto"}else i.style.display="none"})),this.lastChipLayout.hidden===r.hiddenCount&&this.lastChipLayout.visible===r.visibleCount||(this.lastChipLayout={hidden:r.hiddenCount,visible:r.visibleCount},this.hiddenChipCount=r.hiddenCount),this.refreshClippedChips()}isChipClipped(i){if(!i)return!1;const s=i.shadowRoot;if(s){const i=s.querySelector('[part="content"]');if(i&&i.scrollWidth>i.clientWidth+1)return!0;const e=s.querySelector('[part="prefix_content_wrapper"]');if(e&&e.scrollWidth>e.clientWidth+1)return!0}return i.scrollWidth>i.clientWidth+1}refreshClippedChips(){if(!this.multiple)return;const i=this.shadowRoot;if(!i)return;const s=Array.from(i.querySelectorAll(".select__tags nile-tag")).map((i=>this.isChipClipped(i)));s.length===this.clippedChips.length&&s.every(((i,s)=>i===this.clippedChips[s]))||(this.clippedChips=s)}scheduleClipCheck(){this.clipFrame&&cancelAnimationFrame(this.clipFrame),this.clipFrame=requestAnimationFrame((()=>{this.clipFrame=0,this.refreshClippedChips()}))}chipTooltipDisabled(i){return!this.showTooltip||!this.clippedChips[i]}destroyChipFit(){this.chipFitFrame&&cancelAnimationFrame(this.chipFitFrame),this.chipFitFrame=0,this.clipFrame&&cancelAnimationFrame(this.clipFrame),this.clipFrame=0,this.lastChipLayout={hidden:-1,visible:-1}}getChipLabel(i){return(i.getTextLabel?.()??"").trim()}handleChipKeyDown(i,s){if(i.key!==p.BACKSPACE&&i.key!==p.DELETE)return;if(this.disabled)return;i.preventDefault(),i.stopPropagation();const e=this.selectedOptions.indexOf(s);this.handleTagRemove(new CustomEvent("nile-remove"),s),this.restoreFocusAfterChipRemoval(e)}async restoreFocusAfterChipRemoval(i){if(i<0)return;await this.updateComplete,await new Promise((i=>requestAnimationFrame((()=>i()))));const s=Array.from(this.shadowRoot?.querySelectorAll(".select__tags nile-tag")??[]).filter((i=>"none"!==i.style.display)),e=s[i]??s[s.length-1];e?e.focus({preventScroll:!0}):this.displayInput?.focus({preventScroll:!0})}handleOverflowActivate(i){i.preventDefault(),i.stopPropagation(),this.disabled||(this.open?this.hide():this.show())}handleOverflowKeyDown(i){i.key!==p.ENTER&&i.key!==p.SPACE||this.handleOverflowActivate(i)}renderFittedTags(){return s`
|
|
1
|
+
import{__decorate as i}from"tslib";import{html as s}from"lit";import{state as e,query as o,property as n,customElement as t}from"lit/decorators.js";import{s as c}from"./nile-select.css.esm.js";import"../nile-icon/index.esm.js";import"../nile-popup/nile-popup.esm.js";import"../nile-tag/nile-tag.esm.js";import"../nile-lite-tooltip/nile-lite-tooltip.esm.js";import{s as l,a as r}from"../internal/animate.esm.js";import{classMap as m}from"lit/directives/class-map.js";import{d as a}from"../internal/default-value.esm.js";import{K as p}from"../internal/enum.esm.js";import{F as h}from"../internal/form.esm.js";import{s as g,g as v}from"../utilities/animation-registry.esm.js";import{H as j}from"../internal/slot.esm.js";import{s as d}from"../internal/scroll.esm.js";import{w as u}from"../internal/event.esm.js";import{w as f}from"../internal/watch.esm.js";import{N as b}from"../internal/nile-element.esm.js";import{ifDefined as y}from"lit/directives/if-defined.js";import{h as w}from"../nile-virtual-select/nile-virtual-select.esm.js";import{V as _}from"./virtual-scroll-helper.esm.js";import{P as x}from"./portal-manager.esm.js";import{V as k}from"../utilities/visibility-manager.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/adjustment.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/area.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-left-small.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow-right-small.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrow_left_small.esm.js";import"../nile-icon/icons/svg/arrow_right_small.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attribute.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/class.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/column-add.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/delete_history.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/folder_delete.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/format_align_justify.esm.js";import"../nile-icon/icons/svg/format_align_left.esm.js";import"../nile-icon/icons/svg/format_align_middle.esm.js";import"../nile-icon/icons/svg/format_align_right.esm.js";import"../nile-icon/icons/svg/format_bold.esm.js";import"../nile-icon/icons/svg/format_clear.esm.js";import"../nile-icon/icons/svg/format_italic.esm.js";import"../nile-icon/icons/svg/format_list_bulleted.esm.js";import"../nile-icon/icons/svg/format_list_numbered.esm.js";import"../nile-icon/icons/svg/format_underline.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/function.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goal.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/horizontal_bar_chart.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/image_2.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/keyword.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/link_2.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/marker_pin_02.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/menu_close.esm.js";import"../nile-icon/icons/svg/menu_open.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/metric.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/ng-action.esm.js";import"../nile-icon/icons/svg/ng-activity.esm.js";import"../nile-icon/icons/svg/ng-alert-circle.esm.js";import"../nile-icon/icons/svg/ng-alert-triangle.esm.js";import"../nile-icon/icons/svg/ng-align-center.esm.js";import"../nile-icon/icons/svg/ng-annotation-x.esm.js";import"../nile-icon/icons/svg/ng-arrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-right.esm.js";import"../nile-icon/icons/svg/ng-arrow-up.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-12.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/ng-battery-charging.esm.js";import"../nile-icon/icons/svg/ng-bell-01.esm.js";import"../nile-icon/icons/svg/ng-bell-ringing-04.esm.js";import"../nile-icon/icons/svg/ng-bold-01.esm.js";import"../nile-icon/icons/svg/ng-boolean.esm.js";import"../nile-icon/icons/svg/ng-briefcase-01.esm.js";import"../nile-icon/icons/svg/ng-building-01.esm.js";import"../nile-icon/icons/svg/ng-building-05.esm.js";import"../nile-icon/icons/svg/ng-building-07.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue.esm.js";import"../nile-icon/icons/svg/ng-calendar-plus-02.esm.js";import"../nile-icon/icons/svg/ng-calendar.esm.js";import"../nile-icon/icons/svg/ng-check-circle-broken.esm.js";import"../nile-icon/icons/svg/ng-check-circle.esm.js";import"../nile-icon/icons/svg/ng-check-done-01.esm.js";import"../nile-icon/icons/svg/ng-check-square-broken.esm.js";import"../nile-icon/icons/svg/ng-check.esm.js";import"../nile-icon/icons/svg/ng-chevron-down.esm.js";import"../nile-icon/icons/svg/ng-chevron-left-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-left.esm.js";import"../nile-icon/icons/svg/ng-chevron-right-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-right.esm.js";import"../nile-icon/icons/svg/ng-chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/ng-chevron-up-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-up.esm.js";import"../nile-icon/icons/svg/ng-clock-refresh.esm.js";import"../nile-icon/icons/svg/ng-columns-02.esm.js";import"../nile-icon/icons/svg/ng-copy-03.esm.js";import"../nile-icon/icons/svg/ng-dataflow-02.esm.js";import"../nile-icon/icons/svg/ng-dataflow-04.esm.js";import"../nile-icon/icons/svg/ng-dots-grid.esm.js";import"../nile-icon/icons/svg/ng-dots-vertical.esm.js";import"../nile-icon/icons/svg/ng-download-01.esm.js";import"../nile-icon/icons/svg/ng-dropdown.esm.js";import"../nile-icon/icons/svg/ng-edit-02.esm.js";import"../nile-icon/icons/svg/ng-edit-05.esm.js";import"../nile-icon/icons/svg/ng-expand-06.esm.js";import"../nile-icon/icons/svg/ng-eye-off.esm.js";import"../nile-icon/icons/svg/ng-eye.esm.js";import"../nile-icon/icons/svg/ng-file-02.esm.js";import"../nile-icon/icons/svg/ng-file-06.esm.js";import"../nile-icon/icons/svg/ng-file-check-02.esm.js";import"../nile-icon/icons/svg/ng-file-question-03.esm.js";import"../nile-icon/icons/svg/ng-filter-lines.esm.js";import"../nile-icon/icons/svg/ng-folder-code.esm.js";import"../nile-icon/icons/svg/ng-grid-01.esm.js";import"../nile-icon/icons/svg/ng-hash.esm.js";import"../nile-icon/icons/svg/ng-help-circle.esm.js";import"../nile-icon/icons/svg/ng-home-line.esm.js";import"../nile-icon/icons/svg/ng-image-03.esm.js";import"../nile-icon/icons/svg/ng-image-user-left.esm.js";import"../nile-icon/icons/svg/ng-info-circle.esm.js";import"../nile-icon/icons/svg/ng-italic-01.esm.js";import"../nile-icon/icons/svg/ng-key-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-02.esm.js";import"../nile-icon/icons/svg/ng-lightbulb-05.esm.js";import"../nile-icon/icons/svg/ng-list.esm.js";import"../nile-icon/icons/svg/ng-lock-03.esm.js";import"../nile-icon/icons/svg/ng-log-out-01.esm.js";import"../nile-icon/icons/svg/ng-mail-01.esm.js";import"../nile-icon/icons/svg/ng-mail-04.esm.js";import"../nile-icon/icons/svg/ng-marker-pin-01.esm.js";import"../nile-icon/icons/svg/ng-menu-05.esm.js";import"../nile-icon/icons/svg/ng-message-text-square-01.esm.js";import"../nile-icon/icons/svg/ng-minimize-02.esm.js";import"../nile-icon/icons/svg/ng-minus.esm.js";import"../nile-icon/icons/svg/ng-monitor.esm.js";import"../nile-icon/icons/svg/ng-number.esm.js";import"../nile-icon/icons/svg/ng-pie-chart-03.esm.js";import"../nile-icon/icons/svg/ng-plus.esm.js";import"../nile-icon/icons/svg/ng-power-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-02.esm.js";import"../nile-icon/icons/svg/ng-rocket-02.esm.js";import"../nile-icon/icons/svg/ng-rows-01.esm.js";import"../nile-icon/icons/svg/ng-search-lg.esm.js";import"../nile-icon/icons/svg/ng-send-01.esm.js";import"../nile-icon/icons/svg/ng-server.esm.js";import"../nile-icon/icons/svg/ng-settings-01.esm.js";import"../nile-icon/icons/svg/ng-share-04.esm.js";import"../nile-icon/icons/svg/ng-share-06.esm.js";import"../nile-icon/icons/svg/ng-shield-tick.esm.js";import"../nile-icon/icons/svg/ng-shopping-bag-01.esm.js";import"../nile-icon/icons/svg/ng-stars-02.esm.js";import"../nile-icon/icons/svg/ng-string.esm.js";import"../nile-icon/icons/svg/ng-switch-horizontal-01.esm.js";import"../nile-icon/icons/svg/ng-tag.esm.js";import"../nile-icon/icons/svg/ng-trash-01.esm.js";import"../nile-icon/icons/svg/ng-trash-03.esm.js";import"../nile-icon/icons/svg/ng-trend-up-01.esm.js";import"../nile-icon/icons/svg/ng-underline-01.esm.js";import"../nile-icon/icons/svg/ng-upload-01.esm.js";import"../nile-icon/icons/svg/ng-upload-cloud-02.esm.js";import"../nile-icon/icons/svg/ng-user-01.esm.js";import"../nile-icon/icons/svg/ng-user-check-02-1.esm.js";import"../nile-icon/icons/svg/ng-user-check-02.esm.js";import"../nile-icon/icons/svg/ng-user-plus-02.esm.js";import"../nile-icon/icons/svg/ng-user-right-01.esm.js";import"../nile-icon/icons/svg/ng-users-01.esm.js";import"../nile-icon/icons/svg/ng-wifi.esm.js";import"../nile-icon/icons/svg/ng-x-circle.esm.js";import"../nile-icon/icons/svg/ng-x-close.esm.js";import"../nile-icon/icons/svg/ng-x-square.esm.js";import"../nile-icon/icons/svg/ng-zap.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/tag_cloud.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/travel_map.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unlink.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/visual_builder.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"../floating-ui.dom-cc9126da.esm.js";import"../nile-popup/nile-popup.css.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"../nile-tag/nile-tag.css.esm.js";import"../nile-icon-button/nile-icon-button.esm.js";import"../nile-icon-button/nile-icon-button.css.esm.js";import"lit/static-html.js";import"../nile-lite-tooltip/nile-lite-tooltip.css.esm.js";import"../tippy.esm-57628c2b.esm.js";import"../nile-lite-tooltip/utils.esm.js";import"../internal/offset.esm.js";import"../nile-virtual-select/nile-virtual-select.css.esm.js";import"../nile-checkbox/nile-checkbox.esm.js";import"../nile-checkbox/nile-checkbox.css.esm.js";import"lit/directives/live.js";import"../nile-loader/nile-loader.esm.js";import"../nile-loader/nile-loader.css.esm.js";import"../nile-virtual-select/selection-manager.esm.js";import"../nile-virtual-select/search-manager.esm.js";import"../nile-virtual-select/renderer.esm.js";import"../virtualize-a4a40d96.esm.js";import"lit/directive.js";import"lit/async-directive.js";import"lit/directives/repeat.js";import"lit/directives/unsafe-html.js";import"../nile-virtual-select/portal-manager.esm.js";import"./portal-utils.esm.js";import"../lit-html-39a6718c.esm.js";import"../directive-ee0c609c.esm.js";let $=class extends b{get maxOptionsVisible(){return this._maxOptionsVisible}set maxOptionsVisible(i){const s=this._maxOptionsVisible;this._maxOptionsVisible=i,this.maxOptionsVisibleExplicit=!0,this.requestUpdate("maxOptionsVisible",s)}get chipFittingEnabled(){return!!this.multiple&&this.showTooltip&&!this.maxOptionsVisibleExplicit}get legacyTagFitEnabled(){return!!this.multiple&&!this.showTooltip}setFittedMaxOptionsVisible(i){const s=this._maxOptionsVisible;this._maxOptionsVisible=i,this.requestUpdate("maxOptionsVisible",s)}get validity(){return this.valueInput?.validity}get validationMessage(){return this.valueInput?.validationMessage}constructor(){super(),this.portalManager=new x(this),this.hasSlotController=new j(this,"help-text","label","pre-footer"),this.typeToSelectString="",this.scrolling=!1,this.options=[],this.resizeController=new w(this,{target:null,callback:i=>{for(const s of i)s.target.classList.contains("select__tags")&&this.calculateTotalWidthOfTags()}}),this.chipFitFrame=0,this.lastChipLayout={hidden:-1,visible:-1},this.clippedChips=[],this.clipFrame=0,this.hasFocus=!1,this.displayLabel="",this.selectedOptions=[],this.oldValue="",this.hiddenChipCount=0,this.oldMaxOptionsVisible=1,this.lastOverflowWidth=0,this.name="",this.value="",this.defaultValue="",this.size="medium",this.placeholder="Select...",this.searchValue="",this.searchEnabled=!1,this.legacy=!1,this.tickOnSelect=!1,this.internalSearchPlaceHolder="Search...",this.enableVisibilityEffect=!1,this.blockValueChange=!1,this.disableLocalSearch=!1,this.optionsLoading=!1,this.noWidthSync=!1,this.portal=!1,this.multiple=!1,this.helpText="",this.help_text="",this.autoResize=!1,this.errorMessage="",this.warning=!1,this.error=!1,this.success=!1,this._maxOptionsVisible=3,this.maxOptionsVisibleExplicit=!1,this.chipMinWidth=110,this.chipMaxWidth=180,this.showTooltip=!1,this.disabled=!1,this.clearable=!1,this.open=!1,this.hoist=!1,this.filled=!1,this.pill=!1,this.label="",this.placement="bottom",this.form="",this.required=!1,this.showSelected=!1,this.enableTabClose=!1,this.showNoResults=!1,this.noResultsMessage="No results found",this.data=[],this.enableVirtualScroll=!1,this.enableGroupHeader=!1,this.autoFocusSearch=!1,this.loading=!1,this.stickyHeader=!1,this.descriptionSearchEnabled=!1,this.enableDescription=!1,this.allowHtmlLabel=!0,this.handleWindowResize=()=>{this.portalManager.updatePortalAppendPosition()},this.handleWindowScroll=()=>{this.portalManager.updatePortalAppendPosition()},this.prefixCopies=new WeakMap}connectedCallback(){super.connectedCallback(),this.enableVirtualScroll||(this.formControlController=new h(this,{assumeInteractionOn:["nile-blur","nile-input"]})),this.virtualScrollHelper=new _(this),this.handleDocumentFocusIn=this.handleDocumentFocusIn.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.handleWindowResize=this.handleWindowResize.bind(this),this.handleWindowScroll=this.handleWindowScroll.bind(this),this.open=!1,this.hasUpdated&&this.chipFittingEnabled&&this.calculateTotalWidthOfTags(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.scrollTimeout&&(clearTimeout(this.scrollTimeout),this.scrollTimeout=void 0),this.visibilityManager?.cleanup(),this.portalManager.cleanupPortalAppend(),this.destroyChipFit(),this.emit("nile-destroy")}setupResizeObserver(){const i=this.autoResize&&(this.chipFittingEnabled||this.legacyTagFitEnabled)?this.shadowRoot?.querySelector(".select__tags")??void 0:void 0;if(i!==this.observedTagsContainer){if(this.observedTagsContainer&&(this.resizeController.unobserve(this.observedTagsContainer),this.observedTagsContainer=void 0),i)return this.resizeController.observe(i),void(this.observedTagsContainer=i);this.chipFittingEnabled||this.destroyChipFit()}else this.chipFittingEnabled||this.destroyChipFit()}syncVirtualSelectMaxOptionsVisible(){if(!this.enableVirtualScroll||!this.maxOptionsVisibleExplicit)return;const i=this.shadowRoot?.querySelector("nile-virtual-select");i&&i.maxOptionsVisible!==this._maxOptionsVisible&&(i.maxOptionsVisible=this._maxOptionsVisible)}syncValueFromVirtualSelect(i){i.composedPath()[0]===i.currentTarget&&i.detail&&"value"in i.detail&&(this.value=i.detail.value??(this.multiple?[]:""))}updated(i){i.has("searchEnabled")&&this.updateGroupStickyOffsets(),i.has("multiple")&&this.setCheckBoxInOption(this.multiple),i.has("legacy")&&this.setLegacyInOptions(this.legacy),i.has("tickOnSelect")&&this.setTickOnSelectInOptions(this.tickOnSelect),(i.has("autoResize")||i.has("multiple")||i.has("maxOptionsVisible")||i.has("showTooltip"))&&this.setupResizeObserver(),i.has("showTooltip")&&void 0!==i.get("showTooltip")&&this.legacyTagFitEnabled&&this.calculateTotalWidthOfTags(),this.syncVirtualSelectMaxOptionsVisible(),i.has("enableDescription")&&this.setEnableDescriptionInOptions(),(i.has("chipMinWidth")||i.has("chipMaxWidth"))&&this.destroyChipFit(),this.chipFittingEnabled&&this.calculateTotalWidthOfTags(),this.multiple&&this.showTooltip&&this.scheduleClipCheck()}firstUpdated(i){this.enableGroupHeader&&(this.disableLocalSearch||this.handleGroupSearchChange(),this.applyStickyToGroups()),this.setupResizeObserver(),i.has("multiple")&&this.setCheckBoxInOption(this.multiple),this.setLegacyInOptions(this.legacy),this.setTickOnSelectInOptions(this.tickOnSelect),i.has("enableDescription")&&this.setEnableDescriptionInOptions(),this.visibilityManager=new k({host:this,target:this.combobox,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:()=>this.open,onAnchorOutOfView:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view",name:this.name})},onDocumentHidden:()=>{this.hide(),this.emit("nile-visibility-change",{visible:!1,reason:"document-hidden",name:this.name})},emit:(i,s)=>this.emit(`nile-${i}`,s)})}setCheckBoxInOption(i){this.options.length||(this.options=this.getAllOptions()),this.options.forEach((s=>{s.showCheckbox=i}))}setLegacyInOptions(i){this.options.length||(this.options=this.getAllOptions()),this.options.forEach((s=>{s.legacy=i}))}setTickOnSelectInOptions(i){this.options.length||(this.options=this.getAllOptions()),this.options.forEach((s=>{s.tickOnSelect=i}))}setEnableDescriptionInOptions(){this.options=this.getAllOptions(),this.options.forEach((i=>{(i?.updateComplete??Promise.resolve()).then((()=>{i.isDescriptionEnabled=this.enableDescription})).catch((()=>{}))}))}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.portal&&(window.addEventListener("resize",this.handleWindowResize),window.addEventListener("scroll",this.handleWindowScroll,!0))}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),window.removeEventListener("resize",this.handleWindowResize),window.removeEventListener("scroll",this.handleWindowScroll,!0)}handleFocus(){this.hasFocus=!0,this.displayInput.setSelectionRange(0,0),this.emit("nile-focus",{value:this.value,name:this.name})}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value,name:this.name})}handleDocumentFocusIn(i){if(!this.open)return;const s=i.composedPath(),e=s.includes(this),o=this.popup&&s.includes(this.popup),n=this.portal&&this.portalManager.portalContainerElement&&s.includes(this.portalManager.portalContainerElement);e||o||n||this.hide()}updateGroupStickyOffsets(){this.querySelectorAll("nile-option-group").forEach((i=>{this.searchEnabled?i.setAttribute("search-enabled",""):i.removeAttribute("search-enabled")}))}handleFooterClick(i){i.stopPropagation(),i.preventDefault()}handlePreFooterClick(){this.hide()}toggleShowSelected(i){if(i.stopPropagation(),i.preventDefault(),0===this.selectedOptions?.length)return;this.showSelected=!this.showSelected;this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.portal&&this.open&&this.portalManager.updatePortalOptions()}unSlectAll(){this.showSelected=!1;this.getAllOptions().forEach((i=>{i.selected=!1,i.hidden=!1})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.value="",this.selectionChanged(),this.emit("nile-change",{value:this.value,name:this.name}),this.emit("nile-clear",{value:this.multiple?this.value:"",name:this.name}),this.portal&&this.open&&this.portalManager.updatePortalOptions()}handleDocumentKeyDown(i){const s=i.target,e=null!==s.closest(".select__clear"),o=null!==s.closest("nile-icon-button");if(!e&&!o){if("Escape"===i.key&&this.open&&(i.preventDefault(),i.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})),"Enter"===i.key||" "===i.key&&""===this.typeToSelectString)return i.preventDefault(),i.stopImmediatePropagation(),this.open?void(this.currentOption&&!this.currentOption.disabled&&(this.multiple?this.toggleOptionSelection(this.currentOption):this.setSelectedOptions(this.currentOption),this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))):void this.show();if(1===i.key.length||"Backspace"===i.key){const s=this.getAllOptions();if(i.metaKey||i.ctrlKey||i.altKey)return;if(!this.open){if("Backspace"===i.key)return;this.show()}i.stopPropagation(),i.preventDefault(),clearTimeout(this.typeToSelectTimeout),this.typeToSelectTimeout=window.setTimeout((()=>this.typeToSelectString=""),1e3),"Backspace"===i.key?this.typeToSelectString=this.typeToSelectString.slice(0,-1):this.typeToSelectString+=i.key.toLowerCase();for(const i of s){if(i.getTextLabel().toLowerCase().startsWith(this.typeToSelectString)){this.setCurrentOption(i);break}}}}}handleDocumentMouseDown(i){if(!this.open)return;const s=i.composedPath(),e=s.includes(this),o=this.popup&&s.includes(this.popup),n=this.portal&&this.portalManager.portalContainerElement&&s.includes(this.portalManager.portalContainerElement);e||o||n||this.hide()}handleLabelClick(){this.displayInput.focus(),this.hide()}handleComboboxMouseDown(i){const s=i.composedPath(),e=s.some((i=>i instanceof Element&&"nile-icon-button"===i.tagName.toLowerCase())),o=s.some((i=>i instanceof HTMLButtonElement&&i.classList.contains("select__tags-count")));this.disabled||e||o||(i.preventDefault(),this.displayInput.focus({preventScroll:!0}),this.open=!this.open)}handleComboboxKeyDown(i){i.stopPropagation(),this.handleDocumentKeyDown(i)}handleClearClick(i){i.stopPropagation(),""!==this.value&&(this.setSelectedOptions([]),this.showSelected=!1,this.value="",this.displayInput.focus({preventScroll:!0}),this.enableGroupHeader&&this.handleGroupShowSelected(),this.updateComplete.then((()=>{const i={value:this.multiple?this.value:"",name:this.name};this.emit("nile-clear",i),this.nileInput(i),this.nileChange(i)})))}handleClearMouseDown(i){i.stopPropagation(),i.preventDefault()}handleOptionClick(i){const s=i.target.closest("nile-option");if(this.blockValueChange&&s)return this.emit("nile-block-change",{value:s?.value,name:this.name}),void this.hide();const e=this.value;if(this.oldValue=e,s&&!s.disabled&&(this.multiple?this.toggleOptionSelection(s):this.setSelectedOptions(s),this.updateComplete.then((()=>this.displayInput.focus({preventScroll:!0}))),this.value!==e&&this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name})})),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}))),this.showSelected){this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.requestUpdate()}this.portal&&this.open&&this.portalManager.updatePortalOptions()}applyStickyToGroups(){this.querySelectorAll("nile-option-group").forEach((i=>{this.stickyHeader?i.setAttribute("sticky",""):i.removeAttribute("sticky")}))}handleDefaultSlotChange(){const i=this.getAllOptions(),s=Array.isArray(this.value)?this.value:[this.value],e=[];this.updateGroupStickyOffsets(),this.applyStickyToGroups(),customElements.get("nile-option")?(i.forEach((i=>e.push(i.value))),this.setSelectedOptions(i.filter((i=>s.map(String).includes(i.value))))):customElements.whenDefined("nile-option").then((()=>this.handleDefaultSlotChange())),this.portal&&this.open&&this.portalManager.updatePortalOptions(),this.setEnableDescriptionInOptions()}handleTagRemove(i,s){if(i.stopPropagation(),!this.disabled){this.toggleOptionSelection(s,!1);this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.enableGroupHeader&&this.handleGroupShowSelected(),this.updateComplete.then((()=>{this.nileInput({value:this.value,name:this.name}),this.nileChange({value:this.value,name:this.name}),this.emit("nile-tag-remove",{value:this.value,name:this.name,removedtagvalue:s.value})}))}}getAllOptions(){const i=[...this.querySelectorAll("nile-option")];return this.multiple&&this.oldValue?.length>0&&i.sort(((i,s)=>{let e=this.oldValue.indexOf(i.value),o=this.oldValue.indexOf(s.value);return-1===e&&(e=1/0),-1===o&&(o=1/0),e<o?-1:e>o?1:0})),i}getOptionPrefixNodes(i,s){const e=i.shadowRoot?.querySelector('slot[name="prefix"]');if(!e)return[];const o=e.assignedElements(),n=o.map((i=>i.outerHTML)).join("");let t=this.prefixCopies.get(i);t||(t=new Map,this.prefixCopies.set(i,t));const c=t.get(s);if(c&&c.markup===n)return c.nodes;const l=o.map((i=>i.cloneNode(!0)));return t.set(s,{markup:n,nodes:l}),l}getFirstOption(){return this.querySelector("nile-option")}setCurrentOption(i){this.getAllOptions().forEach((i=>{i.current=!1,i.tabIndex=-1})),i&&(this.currentOption=i,i.current=!0,i.tabIndex=0,i.focus())}setSelectedOptions(i){const s=this.getAllOptions(),e=Array.isArray(i)?i:[i];s.forEach((i=>i.selected=!1)),e.length&&e.forEach((i=>i.selected=!0)),this.selectionChanged(),this.portal&&this.open&&this.portalManager.updatePortalOptions()}toggleOptionSelection(i,s){i.selected=!0===s||!1===s?s:!i.selected,this.selectionChanged()}selectionChanged(){if(this.selectedOptions=this.getAllOptions().filter((i=>i.selected)),this.multiple){if(this.getAllOptions().length>0&&(this.value=this.selectedOptions.map((i=>i.value)),this.placeholder&&0===this.value.length?this.displayLabel="":this.displayLabel=this.selectedOptions.length+" selected"),0===this.selectedOptions.length){this.showSelected=!1;this.getAllOptions().forEach((i=>{i.selected||(i.hidden=this.showSelected)})),this.requestUpdate()}}else this.value=this.selectedOptions[0]?.value??this.value,this.displayLabel=this.selectedOptions[0]?.getTextLabel()?this.selectedOptions[0].getTextLabel():this.value??"";this.updateComplete.then((()=>{this.formControlController?.updateValidity()})),this.calculateTotalWidthOfTags()}handleSearchFocus(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleSearchBlur(){document.addEventListener("keydown",this.handleDocumentKeyDown)}handleSearchChange(i){if(this.searchValue=i.detail.value,this.emit("nile-search",{query:this.searchValue,name:this.name}),this.enableGroupHeader&&!this.disableLocalSearch&&this.handleGroupSearchChange(),!this.disableLocalSearch){0===this.filterOptions(this.searchValue).length?this.showNoResults=!0:this.showNoResults=!1}}handleScroll(i){const s=i.target;this.emit("nile-scroll",{scrollTop:s.scrollTop,scrollLeft:s.scrollLeft,name:this.name}),this.scrolling||(this.scrolling=!0,this.emit("nile-scroll-start",{scrollTop:s.scrollTop,scrollLeft:s.scrollLeft,name:this.name})),clearTimeout(this.scrollTimeout),this.scrollTimeout=window.setTimeout((()=>{this.scrolling&&(this.scrolling=!1)}),300);Math.ceil(s.scrollTop)>=Math.floor(s.scrollHeight-s.offsetHeight)&&this.emit("nile-scroll-end",{scrollTop:s.scrollTop,scrollLeft:s.scrollLeft,name:this.name,isAtBottom:!0})}filterOptions(i){const s=this.getAllOptions(),e=i.toLowerCase();let o=[];return s.forEach((i=>{const s=i.getTextLabel().toLowerCase(),n=(i.value||"").toLowerCase(),t=(i.description||"").toLowerCase(),c=s.includes(e)||n.includes(e)||this.descriptionSearchEnabled&&t.includes(e);i.hidden=!c,c&&o.push(i)})),this.portal&&this.open&&this.portalManager.updatePortalOptions(),o}handleInvalid(i){this.formControlController?.setValidity(!1),this.formControlController?.emitInvalidEvent(i)}handleDisabledChange(){this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){const i=this.getAllOptions(),s=Array.isArray(this.value)?this.value:[this.value];this.enableVirtualScroll||this.setSelectedOptions(i.filter((i=>s.includes(i.value))))}handlePortalAppendChange(){this.open&&(this.portal?this.portalManager.setupPortalAppend():this.portalManager.cleanupPortalAppend())}async handleOpenChange(){if(this.open&&!this.disabled){this.setCurrentOption(this.selectedOptions[0]||this.getFirstOption()),this.emit("nile-show",{value:this.value,name:this.name}),this.enableGroupHeader&&this.getAllGroupAttributes().forEach((i=>{i.element.classList.remove("nile-group-hidden")})),this.addOpenListeners(),this.visibilityManager?.setup(),this.showNoResults=!this.getAllOptions()?.length,await l(this),this.listbox.hidden=!1,this.popup.active=!0,requestAnimationFrame((()=>{this.setCurrentOption(this.currentOption)}));const{keyframes:i,options:s}=v(this,"select.show",{dir:"ltr"});await r(this.popup.popup,i,s),this.currentOption&&d(this.currentOption,this.listbox,"vertical","auto"),this.searchValue="",this.filterOptions(this.searchValue),this.portal&&this.portalManager.setupPortalAppend(),this.emit("nile-after-show",{value:this.value,name:this.name}),this.autoFocusSearch&&this.handleInputAfterInit()}else{this.emit("nile-hide",{value:this.value,name:this.name}),this.showSelected=!1,this.removeOpenListeners(),this.visibilityManager?.cleanup(),await l(this);const{keyframes:i,options:s}=v(this,"select.hide",{dir:"ltr"});await r(this.popup.popup,i,s),this.listbox.hidden=!0,this.popup.active=!1,this.portal&&this.portalManager.cleanupPortalAppend(),this.searchValue="",this.emit("nile-after-hide",{value:this.value,name:this.name})}}getAllGroupAttributes(){return Array.from(this.querySelectorAll("nile-option-group[name]")).map((i=>({name:i?.getAttribute("name")||"",data:i?.getAttribute("data"),element:i})))}getUniqueGroupNames(i){return Array.from(new Set(i.map((i=>i?.groupName))))}handleGroupSearchChange(){const i=new Set(this.getUniqueGroupNames(this.filterOptions(this.searchValue)));this.getAllGroupAttributes().forEach((({name:s,element:e})=>{e?.classList.toggle("nile-group-hidden",!i.has(s))}))}handleGroupShowSelected(){const i=new Set;this.showSelected&&this.getAllOptions().forEach((s=>{s.hidden||i.add(s.groupName)})),this.getAllGroupAttributes().forEach((({name:s,element:e})=>{e?.classList.toggle("nile-group-hidden",this.showSelected&&!i.has(s))}))}async show(){if(!this.open&&!this.disabled)return this.open=!0,u(this,"nile-after-show");this.open=!1}async hide(){if(this.open&&!this.disabled)return this.open=!1,u(this,"nile-after-hide");this.open=!1}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController?.getForm()||null}reportValidity(){return this.valueInput.reportValidity()}setCustomValidity(i){this.valueInput.setCustomValidity(i),this.formControlController?.updateValidity()}focus(i){this.displayInput.focus(i)}blur(){this.displayInput.blur()}onInputChange(i){i.stopPropagation()}calculateTotalWidthOfTags(){this.legacyTagFitEnabled?this.fitTagsLegacy():this.chipFittingEnabled&&(this.chipFitFrame&&cancelAnimationFrame(this.chipFitFrame),this.chipFitFrame=requestAnimationFrame((()=>{this.chipFitFrame=0,this.layoutChips()})))}calculateWidthOfSelectTagsDiv(){if(this.shadowRoot){const i=this.shadowRoot.querySelector("div.select__tags");if(i instanceof HTMLElement){return i.offsetWidth-70}}}fitTagsLegacy(){this.maxOptionsVisible!==1/0&&(this.oldMaxOptionsVisible=this.maxOptionsVisible),this.setFittedMaxOptionsVisible(1/0),setTimeout((()=>{const i=[];if(this.shadowRoot){this.shadowRoot.querySelectorAll("nile-tag").forEach((s=>{s instanceof HTMLElement&&i.push(s.offsetWidth)}))}if(this.value.length!==i.length)return;const s=this.calculateWidthOfSelectTagsDiv();if(!s)return;let e=0,o=0;for(let n=0;n<i.length;n++)if(e+=i[n],e>s){o=n;break}this.setFittedMaxOptionsVisible(o)}),1)}allocateChipWidths(i,s){const e=this.chipMinWidth,o=this.chipMaxWidth;if(i.reduce(((i,s)=>i+s),0)<=s)return i.slice();if(!this.showTooltip)return null;const n=i.map((i=>Math.min(i,o)));if(n.reduce(((i,s)=>i+s),0)<=s)return n;const t=new Array(i.length).fill(0);let c=n.map(((i,s)=>s)),l=s;for(;0!==c.length;){const i=l/c.length,s=c.filter((s=>n[s]<=i));if(0===s.length)break;for(const i of s)t[i]=n[i],l-=n[i];c=c.filter((s=>n[s]>i))}if(c.length>0){const i=l/c.length;if(i<e)return null;const s=Math.floor(i);for(const i of c)t[i]=s}return t}computeChipFit(i,s,e,o){const n=i.length;if(0===n)return{visibleCount:0,widths:[],hiddenCount:0};for(let t=n;t>=1;t--){const c=n-t,l=s-(c>0?e+o:0)-o*(t-1);if(l<=0)continue;const r=this.allocateChipWidths(i.slice(0,t),l);if(r)return{visibleCount:t,widths:r,hiddenCount:c}}const t=s-e-o;return{visibleCount:1,widths:[Math.max(0,Math.min(i[0],this.showTooltip?Math.max(this.chipMinWidth,t):t))],hiddenCount:n-1}}layoutChips(){const i=this.shadowRoot;if(!i)return;const s=i.querySelector(".select__tags");if(!s)return;const e=Array.from(s.querySelectorAll("nile-tag"));if(0===e.length)return void(this.hiddenChipCount=0);if(0===s.clientWidth)return void this.refitWhenMeasurable(s);this.stopMeasurableWatch();const o=s.querySelector(".select__tags-count");for(const i of e)i.style.display="",i.style.width="auto",i.style.maxWidth="none",i.style.minWidth="0",i.style.flex="0 0 auto";const n=e.map((i=>Math.ceil(i.getBoundingClientRect().width))),t=o?Math.ceil(o.getBoundingClientRect().width):this.lastOverflowWidth;o&&(this.lastOverflowWidth=t);const c=getComputedStyle(s),l=parseFloat(c.columnGap||c.gap||"0")||0,r=this.computeChipFit(n,s.clientWidth,t,l);e.forEach(((i,s)=>{if(s<r.visibleCount){const e=Math.min(n[s],Math.max(r.widths[s],this.chipMinWidth));i.style.display="",i.style.width=`${e}px`,i.style.maxWidth=`${e}px`,i.style.flex="0 0 auto"}else i.style.display="none"})),this.lastChipLayout.hidden===r.hiddenCount&&this.lastChipLayout.visible===r.visibleCount||(this.lastChipLayout={hidden:r.hiddenCount,visible:r.visibleCount},this.hiddenChipCount=r.hiddenCount),this.refreshClippedChips()}labelOverflows(i){let s=1/0,e=-1/0;const o=document.createRange();for(const n of i.assignedNodes({flatten:!0})){let i;if(n.nodeType===Node.TEXT_NODE){if(!n.textContent?.trim())continue;o.selectNodeContents(n),i=o.getBoundingClientRect()}else{if(!(n instanceof Element))continue;i=n.getBoundingClientRect()}0!==i.width&&(s=Math.min(s,i.left),e=Math.max(e,i.right))}if(e<s)return!1;const n=i.getBoundingClientRect(),t=getComputedStyle(i),c=n.left+parseFloat(t.borderLeftWidth)+parseFloat(t.paddingLeft),l=1/64;return e>n.right-parseFloat(t.borderRightWidth)-parseFloat(t.paddingRight)+l||s<c-l}isChipClipped(i){if(!i)return!1;const s=i.shadowRoot;if(s){const i=s.querySelector('[part="content"]');if(i&&this.labelOverflows(i))return!0;const e=s.querySelector('[part="prefix_content_wrapper"]');if(e&&e.scrollWidth>e.clientWidth+1)return!0}return i.scrollWidth>i.clientWidth+1}refreshClippedChips(){if(!this.multiple)return;const i=this.shadowRoot;if(!i)return;const s=Array.from(i.querySelectorAll(".select__tags nile-tag")).map((i=>this.isChipClipped(i)));s.length===this.clippedChips.length&&s.every(((i,s)=>i===this.clippedChips[s]))||(this.clippedChips=s)}scheduleClipCheck(){this.clipFrame&&cancelAnimationFrame(this.clipFrame),this.clipFrame=requestAnimationFrame((()=>{this.clipFrame=0,this.refreshClippedChips()}))}chipTooltipDisabled(i){return!this.showTooltip||!this.clippedChips[i]}destroyChipFit(){this.chipFitFrame&&cancelAnimationFrame(this.chipFitFrame),this.chipFitFrame=0,this.clipFrame&&cancelAnimationFrame(this.clipFrame),this.clipFrame=0,this.lastChipLayout={hidden:-1,visible:-1},this.stopMeasurableWatch()}refitWhenMeasurable(i){if(!this.isConnected)return;if(this.measurableWatch?.target===i)return;this.stopMeasurableWatch();const s=new ResizeObserver((i=>{i.some((i=>i.contentRect.width>0))&&(this.stopMeasurableWatch(),this.calculateTotalWidthOfTags())}));s.observe(i),this.measurableWatch={observer:s,target:i}}stopMeasurableWatch(){this.measurableWatch?.observer.disconnect(),this.measurableWatch=void 0}getChipLabel(i){return(i.getTextLabel?.()??"").trim()}handleChipKeyDown(i,s){if(i.key!==p.BACKSPACE&&i.key!==p.DELETE)return;if(this.disabled)return;i.preventDefault(),i.stopPropagation();const e=this.selectedOptions.indexOf(s);this.handleTagRemove(new CustomEvent("nile-remove"),s),this.restoreFocusAfterChipRemoval(e)}async restoreFocusAfterChipRemoval(i){if(i<0)return;await this.updateComplete,await new Promise((i=>requestAnimationFrame((()=>i()))));const s=Array.from(this.shadowRoot?.querySelectorAll(".select__tags nile-tag")??[]).filter((i=>"none"!==i.style.display)),e=s[i]??s[s.length-1];e?e.focus({preventScroll:!0}):this.displayInput?.focus({preventScroll:!0})}handleOverflowActivate(i){i.preventDefault(),i.stopPropagation(),this.disabled||(this.open?this.hide():this.show())}handleOverflowKeyDown(i){i.key!==p.ENTER&&i.key!==p.SPACE||this.handleOverflowActivate(i)}renderFittedTags(){return s`
|
|
2
2
|
<div part="tags" class="select__tags select__tags--fitted">
|
|
3
|
-
${this.selectedOptions.map(((i,e)=>{const o=this.getChipLabel(i),n=this.getOptionPrefixNodes(i);return s`
|
|
3
|
+
${this.selectedOptions.map(((i,e)=>{const o=this.getChipLabel(i),n=this.getOptionPrefixNodes(i,"chip");return s`
|
|
4
4
|
<nile-lite-tooltip
|
|
5
5
|
class="select__tag-tip"
|
|
6
6
|
.content=${o}
|
|
@@ -44,7 +44,41 @@ import{__decorate as i}from"tslib";import{html as s}from"lit";import{state as e,
|
|
|
44
44
|
>+${this.hiddenChipCount}</button
|
|
45
45
|
>`:""}
|
|
46
46
|
</div>
|
|
47
|
-
`}
|
|
47
|
+
`}renderLegacyTags(){return s`
|
|
48
|
+
<div part="tags" class="select__tags">
|
|
49
|
+
${this.selectedOptions.map(((i,e)=>e<this.maxOptionsVisible||this.maxOptionsVisible<=0?this.showTooltip?s`<nile-lite-tooltip
|
|
50
|
+
class="select__tag-tip"
|
|
51
|
+
.content=${i.getTextLabel()}
|
|
52
|
+
?disabled=${this.chipTooltipDisabled(e)}
|
|
53
|
+
>${this.renderLegacyTag(i,e)}</nile-lite-tooltip
|
|
54
|
+
>`:this.renderLegacyTag(i,e):e===this.maxOptionsVisible?s`
|
|
55
|
+
<span class="select__tags-count"
|
|
56
|
+
>+${this.selectedOptions.length-e} More
|
|
57
|
+
</span>
|
|
58
|
+
`:null))}
|
|
59
|
+
</div>
|
|
60
|
+
`}renderLegacyTag(i,e){const o=this.getOptionPrefixNodes(i,"chip"),n={select__invisible:e+1>this.oldMaxOptionsVisible&&this.maxOptionsVisible===1/0};return s`
|
|
61
|
+
<nile-tag
|
|
62
|
+
class=${m(n)}
|
|
63
|
+
part="tag"
|
|
64
|
+
exportparts="
|
|
65
|
+
base:tag__base,
|
|
66
|
+
content:tag__content,
|
|
67
|
+
remove-button:tag__remove-button,
|
|
68
|
+
remove-button__base:tag__remove-button__base,
|
|
69
|
+
prefix:tag__prefix,
|
|
70
|
+
prefix_content_wrapper:tag__prefix_content_wrapper
|
|
71
|
+
"
|
|
72
|
+
style=${y(this.showTooltip?`max-width:${this.chipMaxWidth}px`:void 0)}
|
|
73
|
+
?pill=${this.pill}
|
|
74
|
+
size=${this.size}
|
|
75
|
+
removable
|
|
76
|
+
@nile-remove=${s=>this.handleTagRemove(s,i)}
|
|
77
|
+
>
|
|
78
|
+
${o.length?s`<span class="tag__prefix" slot="prefix">${o}</span>`:""}
|
|
79
|
+
${i.getTextLabel()}
|
|
80
|
+
</nile-tag>
|
|
81
|
+
`}handleInputAfterInit(){this.shadowRoot?.querySelector("nile-input")?.inputFocus()}render(){if(this.enableVirtualScroll)return this.virtualScrollHelper.renderVirtualizedContent();const i=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const e=this.hasSlotController.test("label-suffix"),o=this.hasSlotController.test("custom-select"),n=!!this.label||!!i,t=this.clearable&&!this.disabled&&this.value.length>0,c=this.placeholder&&0===this.value.length,l=!(!this.helpText&&!this.help_text),r=!!this.errorMessage,a=this.selectedOptions[0]?this.getOptionPrefixNodes(this.selectedOptions[0],"trigger"):[];return s`
|
|
48
82
|
<div
|
|
49
83
|
part="form-control"
|
|
50
84
|
class=${m({"form-control":!0,"form-control--small":"small"===this.size,"form-control--medium":"medium"===this.size,"form-control--large":"large"===this.size,"form-control--has-label":n,"form-control--has-help-text":l})}
|
|
@@ -118,43 +152,7 @@ import{__decorate as i}from"tslib";import{html as s}from"lit";import{state as e,
|
|
|
118
152
|
@blur=${this.handleBlur}
|
|
119
153
|
/>
|
|
120
154
|
|
|
121
|
-
${this.multiple?this.chipFittingEnabled?this.renderFittedTags():
|
|
122
|
-
<div part="tags" class="select__tags">
|
|
123
|
-
${this.selectedOptions.map(((i,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){const o=this.getOptionPrefixNodes(i);return s`
|
|
124
|
-
<nile-lite-tooltip
|
|
125
|
-
class="select__tag-tip"
|
|
126
|
-
.content=${i.getTextLabel()}
|
|
127
|
-
?disabled=${this.chipTooltipDisabled(e)}
|
|
128
|
-
>
|
|
129
|
-
<nile-tag
|
|
130
|
-
part="tag"
|
|
131
|
-
exportparts="
|
|
132
|
-
base:tag__base,
|
|
133
|
-
content:tag__content,
|
|
134
|
-
remove-button:tag__remove-button,
|
|
135
|
-
remove-button__base:tag__remove-button__base,
|
|
136
|
-
prefix:tag__prefix,
|
|
137
|
-
prefix_content_wrapper:tag__prefix_content_wrapper
|
|
138
|
-
"
|
|
139
|
-
style="max-width:${this.chipMaxWidth}px"
|
|
140
|
-
?pill=${this.pill}
|
|
141
|
-
size=${this.size}
|
|
142
|
-
removable
|
|
143
|
-
@nile-remove=${s=>this.handleTagRemove(s,i)}
|
|
144
|
-
>
|
|
145
|
-
${o.length?s`<span class="tag__prefix" slot="prefix"
|
|
146
|
-
>${o}</span
|
|
147
|
-
>`:""}
|
|
148
|
-
${i.getTextLabel()}
|
|
149
|
-
</nile-tag>
|
|
150
|
-
</nile-lite-tooltip>
|
|
151
|
-
`}return e===this.maxOptionsVisible?s`
|
|
152
|
-
<span class="select__tags-count"
|
|
153
|
-
>+${this.selectedOptions.length-e} More
|
|
154
|
-
</span>
|
|
155
|
-
`:null}))}
|
|
156
|
-
</div>
|
|
157
|
-
`:""}
|
|
155
|
+
${this.multiple?this.chipFittingEnabled?this.renderFittedTags():this.renderLegacyTags():""}
|
|
158
156
|
|
|
159
157
|
<input
|
|
160
158
|
class="select__value-input"
|
|
@@ -248,7 +246,10 @@ import{__decorate as i}from"tslib";import{html as s}from"lit";import{state as e,
|
|
|
248
246
|
<slot></slot>
|
|
249
247
|
</div>
|
|
250
248
|
|
|
251
|
-
${this.hasSlotController.test("pre-footer")||this.multiple?s`<div
|
|
249
|
+
${this.hasSlotController.test("pre-footer")||this.multiple?s`<div
|
|
250
|
+
part="footer-area"
|
|
251
|
+
class=${m({"select__pre-footer-area":!0,"select__pre-footer-area--query":!this.noWidthSync||this.portal})}
|
|
252
|
+
>
|
|
252
253
|
${this.hasSlotController.test("pre-footer")?s`
|
|
253
254
|
<div part="pre-footer" @click=${this.handlePreFooterClick}>
|
|
254
255
|
<slot
|
|
@@ -303,4 +304,4 @@ import{__decorate as i}from"tslib";import{html as s}from"lit";import{state as e,
|
|
|
303
304
|
>
|
|
304
305
|
`:""}
|
|
305
306
|
</div>
|
|
306
|
-
`}nileInput(i){this.emit("nile-input",i)}nileChange(i){this.emit("nile-change",i)}};$.styles=c,i([e()],$.prototype,"clippedChips",void 0),i([o(".select")],$.prototype,"popup",void 0),i([o(".select__combobox")],$.prototype,"combobox",void 0),i([o(".select__display-input")],$.prototype,"displayInput",void 0),i([o(".select__value-input")],$.prototype,"valueInput",void 0),i([o(".select__listbox")],$.prototype,"listbox",void 0),i([e()],$.prototype,"hasFocus",void 0),i([e()],$.prototype,"displayLabel",void 0),i([e()],$.prototype,"currentOption",void 0),i([e()],$.prototype,"selectedOptions",void 0),i([e()],$.prototype,"oldValue",void 0),i([e()],$.prototype,"hiddenChipCount",void 0),i([n()],$.prototype,"name",void 0),i([n({converter:{fromAttribute:i=>i.split(" "),toAttribute:i=>i.join(" ")}})],$.prototype,"value",void 0),i([a()],$.prototype,"defaultValue",void 0),i([n()],$.prototype,"size",void 0),i([n()],$.prototype,"placeholder",void 0),i([e()],$.prototype,"searchValue",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"searchEnabled",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"legacy",void 0),i([n({type:Boolean,reflect:!0,attribute:!0})],$.prototype,"tickOnSelect",void 0),i([n({attribute:"internal-search-placeholder"})],$.prototype,"internalSearchPlaceHolder",void 0),i([n({type:Boolean,reflect:!0,attribute:!0})],$.prototype,"enableVisibilityEffect",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"blockValueChange",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"disableLocalSearch",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"optionsLoading",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"noWidthSync",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"portal",void 0),i([n({reflect:!0,converter:{fromAttribute:i=>""===i||"true"===i||"false"!==i&&i,toAttribute:i=>"boolean"==typeof i?String(i):i}})],$.prototype,"multiple",void 0),i([n({attribute:!0,reflect:!0})],$.prototype,"helpText",void 0),i([n({attribute:"help-text",reflect:!0})],$.prototype,"help_text",void 0),i([n({type:Boolean,attribute:!0,reflect:!0})],$.prototype,"autoResize",void 0),i([n({attribute:"error-message",reflect:!0})],$.prototype,"errorMessage",void 0),i([n({type:Boolean})],$.prototype,"warning",void 0),i([n({type:Boolean})],$.prototype,"error",void 0),i([n({type:Boolean})],$.prototype,"success",void 0),i([n({attribute:"max-options-visible",type:Number})],$.prototype,"maxOptionsVisible",null),i([n({type:Number,
|
|
307
|
+
`}nileInput(i){this.emit("nile-input",i)}nileChange(i){this.emit("nile-change",i)}};$.styles=c,i([e()],$.prototype,"clippedChips",void 0),i([o(".select")],$.prototype,"popup",void 0),i([o(".select__combobox")],$.prototype,"combobox",void 0),i([o(".select__display-input")],$.prototype,"displayInput",void 0),i([o(".select__value-input")],$.prototype,"valueInput",void 0),i([o(".select__listbox")],$.prototype,"listbox",void 0),i([e()],$.prototype,"hasFocus",void 0),i([e()],$.prototype,"displayLabel",void 0),i([e()],$.prototype,"currentOption",void 0),i([e()],$.prototype,"selectedOptions",void 0),i([e()],$.prototype,"oldValue",void 0),i([e()],$.prototype,"hiddenChipCount",void 0),i([e()],$.prototype,"oldMaxOptionsVisible",void 0),i([n()],$.prototype,"name",void 0),i([n({converter:{fromAttribute:i=>i.split(" "),toAttribute:i=>i.join(" ")}})],$.prototype,"value",void 0),i([a()],$.prototype,"defaultValue",void 0),i([n()],$.prototype,"size",void 0),i([n()],$.prototype,"placeholder",void 0),i([e()],$.prototype,"searchValue",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"searchEnabled",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"legacy",void 0),i([n({type:Boolean,reflect:!0,attribute:!0})],$.prototype,"tickOnSelect",void 0),i([n({attribute:"internal-search-placeholder"})],$.prototype,"internalSearchPlaceHolder",void 0),i([n({type:Boolean,reflect:!0,attribute:!0})],$.prototype,"enableVisibilityEffect",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"blockValueChange",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"disableLocalSearch",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"optionsLoading",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"noWidthSync",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"portal",void 0),i([n({reflect:!0,converter:{fromAttribute:i=>""===i||"true"===i||"false"!==i&&i,toAttribute:i=>"boolean"==typeof i?String(i):i}})],$.prototype,"multiple",void 0),i([n({attribute:!0,reflect:!0})],$.prototype,"helpText",void 0),i([n({attribute:"help-text",reflect:!0})],$.prototype,"help_text",void 0),i([n({type:Boolean,attribute:!0,reflect:!0})],$.prototype,"autoResize",void 0),i([n({attribute:"error-message",reflect:!0})],$.prototype,"errorMessage",void 0),i([n({type:Boolean})],$.prototype,"warning",void 0),i([n({type:Boolean})],$.prototype,"error",void 0),i([n({type:Boolean})],$.prototype,"success",void 0),i([n({attribute:"max-options-visible",type:Number})],$.prototype,"maxOptionsVisible",null),i([n({type:Number,attribute:!0})],$.prototype,"chipMinWidth",void 0),i([n({type:Number,attribute:!0})],$.prototype,"chipMaxWidth",void 0),i([n({type:Boolean,attribute:!0,reflect:!0})],$.prototype,"showTooltip",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"disabled",void 0),i([n({type:Boolean})],$.prototype,"clearable",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"open",void 0),i([n({type:Boolean})],$.prototype,"hoist",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"filled",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"pill",void 0),i([n()],$.prototype,"label",void 0),i([n({reflect:!0})],$.prototype,"placement",void 0),i([n({reflect:!0})],$.prototype,"form",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"required",void 0),i([n({type:Boolean})],$.prototype,"showSelected",void 0),i([n({type:Boolean,reflect:!0,attribute:!0})],$.prototype,"enableTabClose",void 0),i([n({type:Boolean})],$.prototype,"showNoResults",void 0),i([n({type:String})],$.prototype,"noResultsMessage",void 0),i([n({attribute:!1})],$.prototype,"renderItemConfig",void 0),i([n({type:Array})],$.prototype,"data",void 0),i([n({type:Boolean})],$.prototype,"enableVirtualScroll",void 0),i([n({type:Boolean,reflect:!0,attribute:!0})],$.prototype,"enableGroupHeader",void 0),i([n({type:Boolean,reflect:!0,attribute:!0})],$.prototype,"autoFocusSearch",void 0),i([n({type:Boolean,reflect:!0,attribute:!0})],$.prototype,"loading",void 0),i([n({type:Boolean,reflect:!0})],$.prototype,"stickyHeader",void 0),i([n({type:Boolean,reflect:!0,attribute:!0})],$.prototype,"descriptionSearchEnabled",void 0),i([n({type:Boolean,reflect:!0,attribute:!0})],$.prototype,"enableDescription",void 0),i([n({type:Boolean,reflect:!0,attribute:!0,converter:{fromAttribute:i=>"true"===i||""===i,toAttribute:i=>String(i)}})],$.prototype,"allowHtmlLabel",void 0),i([f("disabled",{waitUntilFirstUpdate:!0})],$.prototype,"handleDisabledChange",null),i([f("value",{waitUntilFirstUpdate:!0})],$.prototype,"handleValueChange",null),i([f("portal",{waitUntilFirstUpdate:!0})],$.prototype,"handlePortalAppendChange",null),i([f("open",{waitUntilFirstUpdate:!0})],$.prototype,"handleOpenChange",null),$=i([t("nile-select")],$),g("select.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),g("select.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{$ as N};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,o;function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}return{setters:[function(_lit){e=_lit.html;}],execute:function execute(){_export("V",o=/*#__PURE__*/function(){function o(e){_classCallCheck(this,o);this.component=e;}return _createClass(o,[{key:"renderVirtualizedContent",value:function renderVirtualizedContent(){var _o=this.component;return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div class=\"virtual-select\">\n <nile-virtual-select\n .name=","\n .value=","\n .autoResize=","\n .showTooltip=","\n .chipMinWidth=","\n .chipMaxWidth=","\n .placeholder=","\n .size=","\n .searchEnabled=","\n .internalSearchPlaceHolder=","\n .disableLocalSearch=","\n .optionsLoading=","\n .multiple=","\n .helpText=","\n .errorMessage=","\n .warning=","\n .enableVisibilityEffect=","\n .error=","\n .success=","\n .disabled=","\n .clearable=","\n .hoist=","\n .filled=","\n .pill=","\n .label=","\n .placement=","\n .form=","\n .required=","\n .showNoResults=","\n .noResultsMessage=","\n .renderItemConfig=","\n .blockValueChange=","\n .noWidthSync=","\n .enableTabClose=","\n .data=","\n .open=","\n .loading=","\n .portal=","\n .descriptionSearchEnabled=","\n .allowHtmlLabel=","\n .enableDescription=","\n .tickOnSelect=","\n .legacy=","\n exportparts=\"\n select-options,\n select-no-results,\n virtualized,\n form-control,\n form-control-label,\n form-control-input,\n combobox,\n prefix,\n display-input,\n tags,\n tag,\n clear-button,\n suffix,\n expand-icon,\n listbox,\n search,\n loader,\n footer,\n tag__content,\n option__base,\n option__label,\n option__prefix,\n option__suffix,\n option__checked-icon,\n option__checkbox,\n option__label_container,\n option__description\n \"\n >\n <slot name=\"prefix\" slot=\"prefix\"></slot>\n </nile-virtual-select>\n </div>\n "])),_o.name,_o.value,_o.autoResize,_o.showTooltip,_o.chipMinWidth,_o.chipMaxWidth,_o.placeholder,_o.size,_o.searchEnabled,_o.internalSearchPlaceHolder,_o.disableLocalSearch,_o.optionsLoading,_o.multiple,_o.helpText,_o.errorMessage,_o.warning,_o.enableVisibilityEffect,_o.error,_o.success,_o.disabled,_o.clearable,_o.hoist,_o.filled,_o.pill,_o.label,_o.placement,_o.form,_o.required,_o.showNoResults,_o.noResultsMessage,_o.renderItemConfig,_o.blockValueChange,_o.noWidthSync,_o.enableTabClose,_o.data,_o.open,_o.loading,_o.portal,_o.descriptionSearchEnabled,_o.allowHtmlLabel,_o.enableDescription,_o.tickOnSelect,_o.legacy);}}]);}());}};});
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,o;function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}return{setters:[function(_lit){e=_lit.html;}],execute:function execute(){_export("V",o=/*#__PURE__*/function(){function o(e){_classCallCheck(this,o);this.component=e;}return _createClass(o,[{key:"renderVirtualizedContent",value:function renderVirtualizedContent(){var _o=this.component;return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div class=\"virtual-select\">\n <nile-virtual-select\n .name=","\n .value=","\n .autoResize=","\n .showTooltip=","\n .chipMinWidth=","\n .chipMaxWidth=","\n .placeholder=","\n .size=","\n .searchEnabled=","\n .internalSearchPlaceHolder=","\n .disableLocalSearch=","\n .optionsLoading=","\n .multiple=","\n .helpText=","\n .errorMessage=","\n .warning=","\n .enableVisibilityEffect=","\n .error=","\n .success=","\n .disabled=","\n .clearable=","\n .hoist=","\n .filled=","\n .pill=","\n .label=","\n .placement=","\n .form=","\n .required=","\n .showNoResults=","\n .noResultsMessage=","\n .renderItemConfig=","\n .blockValueChange=","\n .noWidthSync=","\n .enableTabClose=","\n .data=","\n .open=","\n .loading=","\n .portal=","\n .descriptionSearchEnabled=","\n .allowHtmlLabel=","\n .enableDescription=","\n .tickOnSelect=","\n .legacy=","\n @nile-input=","\n @nile-change=","\n exportparts=\"\n select-options,\n select-no-results,\n virtualized,\n form-control,\n form-control-label,\n form-control-input,\n combobox,\n prefix,\n display-input,\n tags,\n tag,\n clear-button,\n suffix,\n expand-icon,\n listbox,\n search,\n loader,\n footer,\n tag__content,\n option__base,\n option__label,\n option__prefix,\n option__suffix,\n option__checked-icon,\n option__checkbox,\n option__label_container,\n option__description\n \"\n >\n <slot name=\"prefix\" slot=\"prefix\"></slot>\n </nile-virtual-select>\n </div>\n "])),_o.name,_o.value,_o.autoResize,_o.showTooltip,_o.chipMinWidth,_o.chipMaxWidth,_o.placeholder,_o.size,_o.searchEnabled,_o.internalSearchPlaceHolder,_o.disableLocalSearch,_o.optionsLoading,_o.multiple,_o.helpText,_o.errorMessage,_o.warning,_o.enableVisibilityEffect,_o.error,_o.success,_o.disabled,_o.clearable,_o.hoist,_o.filled,_o.pill,_o.label,_o.placement,_o.form,_o.required,_o.showNoResults,_o.noResultsMessage,_o.renderItemConfig,_o.blockValueChange,_o.noWidthSync,_o.enableTabClose,_o.data,_o.open,_o.loading,_o.portal,_o.descriptionSearchEnabled,_o.allowHtmlLabel,_o.enableDescription,_o.tickOnSelect,_o.legacy,function(e){return _o.syncValueFromVirtualSelect(e);},function(e){return _o.syncValueFromVirtualSelect(e);});}}]);}());}};});
|
|
2
2
|
//# sourceMappingURL=virtual-scroll-helper.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"virtual-scroll-helper.cjs.js","sources":["../../../src/nile-select/virtual-scroll-helper.ts"],"sourcesContent":["import { html } from 'lit';\nimport type NileElement from '../internal/nile-element';\n\n/**\n * Helper class to manage virtual scroll functionality for nile-select component\n */\nexport class VirtualScrollHelper {\n private component: NileElement;\n\n constructor(component: NileElement) {\n this.component = component;\n }\n\n renderVirtualizedContent(): any {\n const component = this.component as any;\n\n return html`\n <div class=\"virtual-select\">\n <nile-virtual-select\n .name=${component.name}\n .value=${component.value}\n .autoResize=${component.autoResize}\n .showTooltip=${component.showTooltip}\n .chipMinWidth=${component.chipMinWidth}\n .chipMaxWidth=${component.chipMaxWidth}\n .placeholder=${component.placeholder}\n .size=${component.size}\n .searchEnabled=${component.searchEnabled}\n .internalSearchPlaceHolder=${component.internalSearchPlaceHolder}\n .disableLocalSearch=${component.disableLocalSearch}\n .optionsLoading=${component.optionsLoading}\n .multiple=${component.multiple}\n .helpText=${component.helpText}\n .errorMessage=${component.errorMessage}\n .warning=${component.warning}\n .enableVisibilityEffect=${component.enableVisibilityEffect}\n .error=${component.error}\n .success=${component.success}\n .disabled=${component.disabled}\n .clearable=${component.clearable}\n .hoist=${component.hoist}\n .filled=${component.filled}\n .pill=${component.pill}\n .label=${component.label}\n .placement=${component.placement}\n .form=${component.form}\n .required=${component.required}\n .showNoResults=${component.showNoResults}\n .noResultsMessage=${component.noResultsMessage}\n .renderItemConfig=${component.renderItemConfig}\n .blockValueChange=${component.blockValueChange}\n .noWidthSync=${component.noWidthSync}\n .enableTabClose=${component.enableTabClose}\n .data=${component.data}\n .open=${component.open}\n .loading=${component.loading}\n .portal=${component.portal}\n .descriptionSearchEnabled=${component.descriptionSearchEnabled}\n .allowHtmlLabel=${component.allowHtmlLabel}\n .enableDescription=${component.enableDescription}\n .tickOnSelect=${component.tickOnSelect}\n .legacy=${component.legacy}\n exportparts=\"\n select-options,\n select-no-results,\n virtualized,\n form-control,\n form-control-label,\n form-control-input,\n combobox,\n prefix,\n display-input,\n tags,\n tag,\n clear-button,\n suffix,\n expand-icon,\n listbox,\n search,\n loader,\n footer,\n tag__content,\n option__base,\n option__label,\n option__prefix,\n option__suffix,\n option__checked-icon,\n option__checkbox,\n option__label_container,\n option__description\n \"\n >\n <slot name=\"prefix\" slot=\"prefix\"></slot>\n </nile-virtual-select>\n </div>\n `;\n }\n}\n"],"names":["VirtualScrollHelper","o","component","this","_createClass","key","value","renderVirtualizedContent","html","_templateObject","_taggedTemplateLiteral","name","autoResize","showTooltip","chipMinWidth","chipMaxWidth","placeholder","size","searchEnabled","internalSearchPlaceHolder","disableLocalSearch","optionsLoading","multiple","helpText","errorMessage","warning","enableVisibilityEffect","error","success","disabled","clearable","hoist","filled","pill","label","placement","form","required","showNoResults","noResultsMessage","renderItemConfig","blockValueChange","noWidthSync","enableTabClose","data","open","loading","portal","descriptionSearchEnabled","allowHtmlLabel","enableDescription","tickOnSelect","legacy"],"mappings":"w4CAMaA,CAAAA,yBAGX,SAAAC,EAAYC,2BACVC,IAAKD,CAAAA,SAAAA,CAAYA,CAClB,EAED,OAAAE,YAAA,CAAAH,CAAA,GAAAI,GAAA,4BAAAC,KAAA,UAAAC,wBAAAA,CAAAA,CACE,CAAA,GAAML,CAAAA,GAAYC,IAAKD,CAAAA,SAAAA,CAEvB,MAAOM,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,
|
|
1
|
+
{"version":3,"file":"virtual-scroll-helper.cjs.js","sources":["../../../src/nile-select/virtual-scroll-helper.ts"],"sourcesContent":["import { html } from 'lit';\nimport type NileElement from '../internal/nile-element';\n\n/**\n * Helper class to manage virtual scroll functionality for nile-select component\n */\nexport class VirtualScrollHelper {\n private component: NileElement;\n\n constructor(component: NileElement) {\n this.component = component;\n }\n\n renderVirtualizedContent(): any {\n const component = this.component as any;\n\n return html`\n <div class=\"virtual-select\">\n <nile-virtual-select\n .name=${component.name}\n .value=${component.value}\n .autoResize=${component.autoResize}\n .showTooltip=${component.showTooltip}\n .chipMinWidth=${component.chipMinWidth}\n .chipMaxWidth=${component.chipMaxWidth}\n .placeholder=${component.placeholder}\n .size=${component.size}\n .searchEnabled=${component.searchEnabled}\n .internalSearchPlaceHolder=${component.internalSearchPlaceHolder}\n .disableLocalSearch=${component.disableLocalSearch}\n .optionsLoading=${component.optionsLoading}\n .multiple=${component.multiple}\n .helpText=${component.helpText}\n .errorMessage=${component.errorMessage}\n .warning=${component.warning}\n .enableVisibilityEffect=${component.enableVisibilityEffect}\n .error=${component.error}\n .success=${component.success}\n .disabled=${component.disabled}\n .clearable=${component.clearable}\n .hoist=${component.hoist}\n .filled=${component.filled}\n .pill=${component.pill}\n .label=${component.label}\n .placement=${component.placement}\n .form=${component.form}\n .required=${component.required}\n .showNoResults=${component.showNoResults}\n .noResultsMessage=${component.noResultsMessage}\n .renderItemConfig=${component.renderItemConfig}\n .blockValueChange=${component.blockValueChange}\n .noWidthSync=${component.noWidthSync}\n .enableTabClose=${component.enableTabClose}\n .data=${component.data}\n .open=${component.open}\n .loading=${component.loading}\n .portal=${component.portal}\n .descriptionSearchEnabled=${component.descriptionSearchEnabled}\n .allowHtmlLabel=${component.allowHtmlLabel}\n .enableDescription=${component.enableDescription}\n .tickOnSelect=${component.tickOnSelect}\n .legacy=${component.legacy}\n @nile-input=${(e: CustomEvent) => component.syncValueFromVirtualSelect(e)}\n @nile-change=${(e: CustomEvent) => component.syncValueFromVirtualSelect(e)}\n exportparts=\"\n select-options,\n select-no-results,\n virtualized,\n form-control,\n form-control-label,\n form-control-input,\n combobox,\n prefix,\n display-input,\n tags,\n tag,\n clear-button,\n suffix,\n expand-icon,\n listbox,\n search,\n loader,\n footer,\n tag__content,\n option__base,\n option__label,\n option__prefix,\n option__suffix,\n option__checked-icon,\n option__checkbox,\n option__label_container,\n option__description\n \"\n >\n <slot name=\"prefix\" slot=\"prefix\"></slot>\n </nile-virtual-select>\n </div>\n `;\n }\n}\n"],"names":["VirtualScrollHelper","o","component","this","_createClass","key","value","renderVirtualizedContent","html","_templateObject","_taggedTemplateLiteral","name","autoResize","showTooltip","chipMinWidth","chipMaxWidth","placeholder","size","searchEnabled","internalSearchPlaceHolder","disableLocalSearch","optionsLoading","multiple","helpText","errorMessage","warning","enableVisibilityEffect","error","success","disabled","clearable","hoist","filled","pill","label","placement","form","required","showNoResults","noResultsMessage","renderItemConfig","blockValueChange","noWidthSync","enableTabClose","data","open","loading","portal","descriptionSearchEnabled","allowHtmlLabel","enableDescription","tickOnSelect","legacy","e","syncValueFromVirtualSelect"],"mappings":"w4CAMaA,CAAAA,yBAGX,SAAAC,EAAYC,2BACVC,IAAKD,CAAAA,SAAAA,CAAYA,CAClB,EAED,OAAAE,YAAA,CAAAH,CAAA,GAAAI,GAAA,4BAAAC,KAAA,UAAAC,wBAAAA,CAAAA,CACE,CAAA,GAAML,CAAAA,GAAYC,IAAKD,CAAAA,SAAAA,CAEvB,MAAOM,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,ipEAGGR,EAAUS,CAAAA,IAAAA,CACTT,EAAUI,CAAAA,KAAAA,CACLJ,EAAUU,CAAAA,UAAAA,CACTV,EAAUW,CAAAA,WAAAA,CACTX,EAAUY,CAAAA,YAAAA,CACVZ,EAAUa,CAAAA,YAAAA,CACXb,EAAUc,CAAAA,WAAAA,CACjBd,EAAUe,CAAAA,IAAAA,CACDf,EAAUgB,CAAAA,aAAAA,CACEhB,EAAUiB,CAAAA,yBAAAA,CACjBjB,EAAUkB,CAAAA,kBAAAA,CACdlB,EAAUmB,CAAAA,cAAAA,CAChBnB,EAAUoB,CAAAA,QAAAA,CACVpB,EAAUqB,CAAAA,QAAAA,CACNrB,EAAUsB,CAAAA,YAAAA,CACftB,EAAUuB,CAAAA,OAAAA,CACKvB,EAAUwB,CAAAA,sBAAAA,CAC3BxB,EAAUyB,CAAAA,KAAAA,CACRzB,EAAU0B,CAAAA,OAAAA,CACT1B,EAAU2B,CAAAA,QAAAA,CACT3B,EAAU4B,CAAAA,SAAAA,CACd5B,EAAU6B,CAAAA,KAAAA,CACT7B,EAAU8B,CAAAA,MAAAA,CACZ9B,EAAU+B,CAAAA,IAAAA,CACT/B,EAAUgC,CAAAA,KAAAA,CACNhC,EAAUiC,CAAAA,SAAAA,CACfjC,EAAUkC,CAAAA,IAAAA,CACNlC,EAAUmC,CAAAA,QAAAA,CACLnC,EAAUoC,CAAAA,aAAAA,CACPpC,EAAUqC,CAAAA,gBAAAA,CACVrC,EAAUsC,CAAAA,gBAAAA,CACVtC,EAAUuC,CAAAA,gBAAAA,CACfvC,EAAUwC,CAAAA,WAAAA,CACPxC,EAAUyC,CAAAA,cAAAA,CACpBzC,EAAU0C,CAAAA,IAAAA,CACV1C,EAAU2C,CAAAA,IAAAA,CACP3C,EAAU4C,CAAAA,OAAAA,CACX5C,EAAU6C,CAAAA,MAAAA,CACQ7C,EAAU8C,CAAAA,wBAAAA,CACpB9C,EAAU+C,CAAAA,cAAAA,CACP/C,EAAUgD,CAAAA,iBAAAA,CACfhD,EAAUiD,CAAAA,YAAAA,CAChBjD,EAAUkD,CAAAA,MAAAA,CACLC,SAAAA,CAAAA,QAAmBnD,CAAAA,GAAUoD,0BAA2BD,CAAAA,CAAAA,CAAAA,GACvDA,SAAAA,CAAAA,QAAmBnD,CAAAA,GAAUoD,0BAA2BD,CAAAA,CAAAA,CAAAA,IAmC/E"}
|
|
@@ -44,6 +44,8 @@ import{html as e}from"lit";class o{constructor(e){this.component=e}renderVirtual
|
|
|
44
44
|
.enableDescription=${o.enableDescription}
|
|
45
45
|
.tickOnSelect=${o.tickOnSelect}
|
|
46
46
|
.legacy=${o.legacy}
|
|
47
|
+
@nile-input=${e=>o.syncValueFromVirtualSelect(e)}
|
|
48
|
+
@nile-change=${e=>o.syncValueFromVirtualSelect(e)}
|
|
47
49
|
exportparts="
|
|
48
50
|
select-options,
|
|
49
51
|
select-no-results,
|