@aquera/nile-elements 1.7.5 → 1.7.7

package/dist/nile-detail/nile-detail.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as i}from"tslib";import{html as s,nothing as e}from"lit";import{query as n,property as o,state as t,customElement as c}from"lit/decorators.js";import{classMap as r}from"lit/directives/class-map.js";import{unsafeHTML as m}from"lit/directives/unsafe-html.js";import{s as l}from"./nile-detail.css.esm.js";import{N as p}from"../internal/nile-element.esm.js";import{w as a}from"../internal/watch.esm.js";import{h as g,a as v,b as j,c as h,s as d,d as u}from"./nile-detail.utils.esm.js";import"../nile-checkbox/nile-checkbox.esm.js";import"../nile-input/nile-input.esm.js";import"../nile-link/nile-link.esm.js";import"../nile-icon/index.esm.js";import"../nile-lite-tooltip/nile-lite-tooltip.esm.js";import{V as f}from"../index-199b0eac.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"../internal/animate.esm.js";import"../utilities/animation-registry.esm.js";import"../internal/event.esm.js";import"../nile-checkbox/nile-checkbox.css.esm.js";import"../internal/default-value.esm.js";import"lit/directives/if-defined.js";import"lit/directives/live.js";import"../nile-input/nile-input.css.esm.js";import"../internal/form.esm.js";import"../internal/slot.esm.js";import"../nile-link/nile-link.css.esm.js";import"../slot.esm.js";import"../internal/accessibility/a11y.custom-value.enum.esm.js";import"../internal/accessibility/a11y.role.enum.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"../nile-lite-tooltip/nile-lite-tooltip.css.esm.js";import"../tippy.esm-57628c2b.esm.js";import"../nile-lite-tooltip/utils.esm.js";import"../utilities/visibility-manager.esm.js";const b="undefined"!=typeof window;let _=class extends p{constructor(){super(...arguments),this.open=!1,this.heading="",this.description="",this.expandIconPlacement="right",this.disabled=!1,this.variant="default",this.items=[],this.selected=[],this.allowHtmlLabel=!1,this.disableLocalSearch=!1,this.pageSize=200,this.placeholderLabel="Loading…",this.searchPlaceholder="Search...",this.itemsLabel="attributes",this.restoreLabel="Restore",this.clearLabel="Clear",this.gridRows=6,this.gridColumns=3,this.minColumnWidth="220px",this.laneHeight=32,this.orientation="horizontal",this.maxHeight="320px",this.matrixColumns=20,this.virtualize=!1,this.virtualizeThreshold=60,this.overscan=4,this._detailOpen=!1,this._searchTerm="",this._selectedSet=new Set,this._restoreDefaults=null,this._gridResizeObserver=null,this._virtCtrl=null,this._rowVirtCtrl=null,this._colVirtCtrl=null,this._pageCache=new Map,this._pendingPages=new Set}get _isInfiniteMode(){return"selection"===this.variant&&"function"==typeof this.fetchPage&&"number"==typeof this.totalCount&&"both"!==this.orientation}_effectiveTotalCount(){return this._isInfiniteMode?this.totalCount??0:this._filteredItems.length}_getItemAt(i){if(!this._isInfiniteMode)return this._filteredItems[i];const s=Math.max(1,this.pageSize),e=Math.floor(i/s),n=this._pageCache.get(e);return n?n[i-e*s]:void 0}_scheduleFetchForRange(i,s){if(!this._isInfiniteMode||!this.fetchPage)return;const e=Math.max(1,this.pageSize),n=this.totalCount??0;if(n<=0)return;const o=Math.floor(i/e),t=Math.floor(Math.min(s,n-1)/e);for(let i=o;i<=t;i++)this._pageCache.has(i)||this._pendingPages.has(i)||this._loadPage(i)}async _loadPage(i){if(!this.fetchPage)return;const s=Math.max(1,this.pageSize),e=i*s,n=this.totalCount??0,o=Math.min(s,Math.max(0,n-e));if(!(o<=0)){this._pendingPages.add(i);try{const s=await this.fetchPage(e,o);this._pageCache.set(i,Array.isArray(s)?s:[]),this.dispatchEvent(new CustomEvent("nile-page-load",{detail:{pageIndex:i,offset:e,limit:o,rows:this._pageCache.get(i)},bubbles:!0,composed:!0}))}catch(s){this.dispatchEvent(new CustomEvent("nile-page-error",{detail:{pageIndex:i,offset:e,limit:o,error:s},bubbles:!0,composed:!0}))}finally{this._pendingPages.delete(i),this.requestUpdate()}}}resetPages(){this._pageCache=new Map,this._pendingPages=new Set,this.requestUpdate()}get _isVirtualized(){return!!b&&(!!this._isInfiniteMode||"selection"===this.variant&&(this.virtualize||this.items.length>this.virtualizeThreshold))}get _columnWidthPx(){const i=parseInt(this.minColumnWidth,10);return Number.isFinite(i)&&i>0?i:220}firstUpdated(){this._detailOpen=this.open,this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0",this._syncSelectedFromProperty(),null===this._restoreDefaults&&(this._restoreDefaults=[...this._selectedSet]),this._setupGridResizeObserver()}disconnectedCallback(){super.disconnectedCallback(),this._gridResizeObserver?.disconnect(),this._gridResizeObserver=null}updated(i){"selection"===this.variant&&(this._setupGridResizeObserver(),this._syncVirtualizer(),this._scheduleTooltipOverflowCheck())}_syncVirtualizer(){if(!b)return;if(!this._isVirtualized)return this._virtCtrl=null,this._rowVirtCtrl=null,void(this._colVirtCtrl=null);const i=this.shadowRoot?.querySelector(".detail__selection-grid");if(!i)return;if("both"===this.orientation)return this._virtCtrl=null,void this._syncBothVirtualizers();this._rowVirtCtrl=null,this._colVirtCtrl=null;const s=this._effectiveTotalCount(),e="vertical"===this.orientation,n=Math.max(1,e?this.gridColumns:this.gridRows),o=e?this.laneHeight:this._columnWidthPx;if(!this._virtCtrl)return void(this._virtCtrl=new f(this,{count:s,getScrollElement:()=>this.shadowRoot?.querySelector(".detail__selection-grid"),estimateSize:()=>o,horizontal:!e,lanes:n,overscan:this.overscan}));const t=this._virtCtrl.getVirtualizer(),c=t.options,r=!!c.horizontal!=!e;(c.count!==s||c.lanes!==n||c.overscan!==this.overscan||r)&&(t.setOptions({...c,count:s,lanes:n,overscan:this.overscan,horizontal:!e,estimateSize:()=>o}),t.measure())}_syncBothVirtualizers(){const i=this._filteredItems.length,s=Math.max(1,this.matrixColumns),e=Math.max(1,Math.ceil(i/s)),n=this._columnWidthPx,o=this.laneHeight,t=()=>this.shadowRoot?.querySelector(".detail__selection-grid");if(this._rowVirtCtrl){const i=this._rowVirtCtrl.getVirtualizer(),s=i.options;s.count===e&&s.overscan===this.overscan||(i.setOptions({...s,count:e,overscan:this.overscan,estimateSize:()=>o}),i.measure())}else this._rowVirtCtrl=new f(this,{count:e,getScrollElement:t,estimateSize:()=>o,horizontal:!1,overscan:this.overscan});if(this._colVirtCtrl){const i=this._colVirtCtrl.getVirtualizer(),e=i.options;e.count===s&&e.overscan===this.overscan||(i.setOptions({...e,count:s,overscan:this.overscan,estimateSize:()=>n}),i.measure())}else this._colVirtCtrl=new f(this,{count:s,getScrollElement:t,estimateSize:()=>n,horizontal:!0,overscan:this.overscan})}_setupGridResizeObserver(){if("selection"!==this.variant)return;if("undefined"==typeof ResizeObserver)return;const i=this.shadowRoot?.querySelector(".detail__selection-grid");i&&(this._gridResizeObserver||(this._gridResizeObserver=new ResizeObserver((()=>this._scheduleTooltipOverflowCheck())),this._gridResizeObserver.observe(i)))}_scheduleTooltipOverflowCheck(){"undefined"!=typeof requestAnimationFrame&&requestAnimationFrame((()=>this._updateTooltipOverflowStates()))}async _updateTooltipOverflowStates(){const i=this.shadowRoot?.querySelectorAll(".detail__selection-tooltip");if(i)for(const s of i){const i=s.querySelector("nile-checkbox");if(!i)continue;i.updateComplete&&await i.updateComplete;const e=i.shadowRoot?.querySelector('[part="label"]');!!e&&e.scrollWidth>e.clientWidth+1?s.removeAttribute("disabled"):s.setAttribute("disabled","")}}_onSelectedPropertyChange(){this._syncSelectedFromProperty()}_onConfigChange(){this._applyConfig()}_applyConfig(){const i=this.config;if(i){if(void 0!==i.variant&&(this.variant=i.variant),void 0!==i.heading&&(this.heading=i.heading),void 0!==i.description&&(this.description=i.description),void 0!==i.itemsLabel&&(this.itemsLabel=i.itemsLabel),void 0!==i.open&&(this.open=i.open),void 0!==i.disabled&&(this.disabled=i.disabled),void 0!==i.items&&(this.items=i.items),void 0!==i.selected&&(this.selected=i.selected),void 0!==i.renderItemConfig&&(this.renderItemConfig=i.renderItemConfig),void 0!==i.allowHtmlLabel&&(this.allowHtmlLabel=i.allowHtmlLabel),i.layout){const s=i.layout;void 0!==s.orientation&&(this.orientation=s.orientation),void 0!==s.gridRows&&(this.gridRows=s.gridRows),void 0!==s.gridColumns&&(this.gridColumns=s.gridColumns),void 0!==s.matrixColumns&&(this.matrixColumns=s.matrixColumns),void 0!==s.minColumnWidth&&(this.minColumnWidth=s.minColumnWidth),void 0!==s.laneHeight&&(this.laneHeight=s.laneHeight),void 0!==s.maxHeight&&(this.maxHeight=s.maxHeight),void 0!==s.expandIconPlacement&&(this.expandIconPlacement=s.expandIconPlacement)}i.search&&(void 0!==i.search.placeholder&&(this.searchPlaceholder=i.search.placeholder),void 0!==i.search.disableLocal&&(this.disableLocalSearch=i.search.disableLocal)),i.virtualization&&(void 0!==i.virtualization.enabled&&(this.virtualize=i.virtualization.enabled),void 0!==i.virtualization.threshold&&(this.virtualizeThreshold=i.virtualization.threshold),void 0!==i.virtualization.overscan&&(this.overscan=i.virtualization.overscan)),i.pagination&&(void 0!==i.pagination.totalCount&&(this.totalCount=i.pagination.totalCount),void 0!==i.pagination.pageSize&&(this.pageSize=i.pagination.pageSize),void 0!==i.pagination.fetchPage&&(this.fetchPage=i.pagination.fetchPage),void 0!==i.pagination.placeholderLabel&&(this.placeholderLabel=i.pagination.placeholderLabel)),i.labels&&(void 0!==i.labels.restore&&(this.restoreLabel=i.labels.restore),void 0!==i.labels.clear&&(this.clearLabel=i.labels.clear))}}_syncSelectedFromProperty(){this._selectedSet=new Set(this.selected||[])}_getItemValue(i){const s=this.renderItemConfig;return s?.getValue?String(s.getValue(i)):"string"==typeof i?i:String(i.value??"")}_getItemLabel(i){const s=this.renderItemConfig;return s?.getDisplayText?s.getDisplayText(i):"string"==typeof i?i:i.label??this._getItemValue(i)}_getItemSearchText(i){const s=this.renderItemConfig;return s?.getSearchText?s.getSearchText(i):this._getItemLabel(i)}_getItemDescription(i){const s=this.renderItemConfig;return s?.getDescription?s.getDescription(i)??"":"string"==typeof i?"":i.description??""}_getItemPrefix(i){const s=this.renderItemConfig;return s?.getPrefix?s.getPrefix(i)??"":"string"==typeof i?"":i.prefix??""}_getItemSuffix(i){const s=this.renderItemConfig;return s?.getSuffix?s.getSuffix(i)??"":"string"==typeof i?"":i.suffix??""}_getItemDisabled(i){const s=this.renderItemConfig;return s?.getDisabled?!!s.getDisabled(i):"string"!=typeof i&&!!i.disabled}_getItemClassName(i){const s=this.renderItemConfig;return s?.getClassName?s.getClassName(i)??"":"string"==typeof i?"":i.className??""}get _filteredItems(){if(this.disableLocalSearch)return this.items;const i=this._searchTerm.trim().toLowerCase();return i?this.items.filter((s=>this._getItemSearchText(s).toLowerCase().includes(i))):this.items}_selectableValues(){return(this._isInfiniteMode?Array.from(this._pageCache.values()).flat():this.items).filter((i=>!this._getItemDisabled(i))).map((i=>this._getItemValue(i)))}get _allChecked(){const i=this._selectableValues();return 0!==i.length&&i.every((i=>this._selectedSet.has(i)))}get _indeterminate(){const i=this._selectableValues(),s=i.filter((i=>this._selectedSet.has(i))).length;return s>0&&s<i.length}get _countLabel(){const i=this._isInfiniteMode?this.totalCount??0:this.items.length;return`${this._selectedSet.size} of ${i} ${this.itemsLabel} selected`}_emitSelectionChange(){this.selected=[...this._selectedSet],this.dispatchEvent(new CustomEvent("nile-change",{detail:{selected:[...this._selectedSet]},bubbles:!0,composed:!0}))}_onItemChange(i,s,e){if(s)return void e.preventDefault();const n=e.target,o=new Set(this._selectedSet);n.checked?o.add(i):o.delete(i),this._selectedSet=o,this._emitSelectionChange()}_onSelectAllChange(i){const s=i.target,e=this._selectableValues(),n=new Set(this._selectedSet);s.checked?e.forEach((i=>n.add(i))):e.forEach((i=>n.delete(i))),this._selectedSet=n,this._emitSelectionChange()}_emitSearch(i){this.dispatchEvent(new CustomEvent("nile-search",{detail:{value:i},bubbles:!0,composed:!0}))}_onSearchInput(i){const s=i.target.value??"";this._searchTerm=s,this.disableLocalSearch&&this._emitSearch(s)}_onSearchClear(){this._searchTerm="",this.disableLocalSearch&&this._emitSearch("")}_onRestore(i){i.preventDefault();const s=this._restoreDefaults??this._selectableValues();this._selectedSet=new Set(s),this._emitSelectionChange()}_onClear(i){i.preventDefault(),this._selectedSet=new Set,this._emitSelectionChange()}_stopHeaderToggle(i){i.stopPropagation()}_handleSummaryClick(i){i.preventDefault(),g(this)}_handleSummaryKeyDown(i){v(i,this)}async handleOpenChange(){this.open?(this._detailOpen=!0,await j(this)):(await h(this),this._detailOpen=!1)}async show(){return d(this)}async hide(){return u(this)}get _summaryLabel(){return[this.heading,this.description].filter(Boolean).join(", ")}_renderSelectionLabel(){return s`
+import{__decorate as i}from"tslib";import{html as s,nothing as e}from"lit";import{query as n,property as o,state as t,customElement as c}from"lit/decorators.js";import{classMap as r}from"lit/directives/class-map.js";import{unsafeHTML as l}from"lit/directives/unsafe-html.js";import{s as m}from"./nile-detail.css.esm.js";import{N as p}from"../internal/nile-element.esm.js";import{w as a}from"../internal/watch.esm.js";import{h as g,a as v,b as j,c as h,s as d,d as u}from"./nile-detail.utils.esm.js";import"../nile-checkbox/nile-checkbox.esm.js";import"../nile-input/nile-input.esm.js";import"../nile-link/nile-link.esm.js";import"../nile-icon/index.esm.js";import"../nile-lite-tooltip/nile-lite-tooltip.esm.js";import{V as f}from"../index-199b0eac.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"../internal/animate.esm.js";import"../utilities/animation-registry.esm.js";import"../internal/event.esm.js";import"../nile-checkbox/nile-checkbox.css.esm.js";import"../internal/default-value.esm.js";import"lit/directives/if-defined.js";import"lit/directives/live.js";import"../nile-input/nile-input.css.esm.js";import"../internal/form.esm.js";import"../internal/slot.esm.js";import"../nile-link/nile-link.css.esm.js";import"../slot.esm.js";import"../internal/accessibility/a11y.custom-value.enum.esm.js";import"../internal/accessibility/a11y.role.enum.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"../nile-lite-tooltip/nile-lite-tooltip.css.esm.js";import"../tippy.esm-57628c2b.esm.js";import"../nile-lite-tooltip/utils.esm.js";import"../utilities/visibility-manager.esm.js";const b="undefined"!=typeof window;let _=class extends p{constructor(){super(...arguments),this.open=!1,this.heading="",this.description="",this.expandIconPlacement="right",this.disabled=!1,this.variant="default",this.items=[],this.selected=[],this.allowHtmlLabel=!1,this.disableLocalSearch=!1,this.pageSize=200,this.placeholderLabel="Loading…",this.searchPlaceholder="Search...",this.itemsLabel="attributes",this.restoreLabel="Restore",this.clearLabel="Clear",this.gridRows=6,this.gridColumns=3,this.minColumnWidth="220px",this.laneHeight=32,this.orientation="horizontal",this.maxHeight="320px",this.matrixColumns=20,this.virtualize=!1,this.virtualizeThreshold=60,this.overscan=4,this._detailOpen=!1,this._hasSlottedContent=!1,this._searchTerm="",this._selectedSet=new Set,this._showSelectedOnly=!1,this.showSelectedToggle=!1,this.selectedOnlyLabel="Selected",this.showAllLabel="Show all",this._restoreDefaults=null,this._gridResizeObserver=null,this._virtCtrl=null,this._rowVirtCtrl=null,this._colVirtCtrl=null,this._pageCache=new Map,this._pendingPages=new Set}get _isInfiniteMode(){return"selection"===this.variant&&"function"==typeof this.fetchPage&&"number"==typeof this.totalCount&&"both"!==this.orientation}_effectiveTotalCount(){return this._isInfiniteMode?this.totalCount??0:this._filteredItems.length}_getItemAt(i){if(!this._isInfiniteMode)return this._filteredItems[i];const s=Math.max(1,this.pageSize),e=Math.floor(i/s),n=this._pageCache.get(e);return n?n[i-e*s]:void 0}_scheduleFetchForRange(i,s){if(!this._isInfiniteMode||!this.fetchPage)return;const e=Math.max(1,this.pageSize),n=this.totalCount??0;if(n<=0)return;const o=Math.floor(i/e),t=Math.floor(Math.min(s,n-1)/e);for(let i=o;i<=t;i++)this._pageCache.has(i)||this._pendingPages.has(i)||this._loadPage(i)}async _loadPage(i){if(!this.fetchPage)return;const s=Math.max(1,this.pageSize),e=i*s,n=this.totalCount??0,o=Math.min(s,Math.max(0,n-e));if(!(o<=0)){this._pendingPages.add(i);try{const s=await this.fetchPage(e,o);this._pageCache.set(i,Array.isArray(s)?s:[]),this.dispatchEvent(new CustomEvent("nile-page-load",{detail:{pageIndex:i,offset:e,limit:o,rows:this._pageCache.get(i)},bubbles:!0,composed:!0}))}catch(s){this.dispatchEvent(new CustomEvent("nile-page-error",{detail:{pageIndex:i,offset:e,limit:o,error:s},bubbles:!0,composed:!0}))}finally{this._pendingPages.delete(i),this.requestUpdate()}}}resetPages(){this._pageCache=new Map,this._pendingPages=new Set,this.requestUpdate()}get _isVirtualized(){return!!b&&(!!this._isInfiniteMode||"selection"===this.variant&&(this.virtualize||this.items.length>this.virtualizeThreshold))}get _columnWidthPx(){const i=parseInt(this.minColumnWidth,10);return Number.isFinite(i)&&i>0?i:220}firstUpdated(){this._detailOpen=this.open,this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0",this._syncSelectedFromProperty(),null===this._restoreDefaults&&(this._restoreDefaults=[...this._selectedSet]),this._setupGridResizeObserver()}disconnectedCallback(){super.disconnectedCallback(),this._gridResizeObserver?.disconnect(),this._gridResizeObserver=null}updated(i){"selection"===this.variant&&(this._setupGridResizeObserver(),this._syncVirtualizer(),this._scheduleTooltipOverflowCheck())}_syncVirtualizer(){if(!b)return;if(!this._isVirtualized)return this._virtCtrl=null,this._rowVirtCtrl=null,void(this._colVirtCtrl=null);const i=this.shadowRoot?.querySelector(".detail__selection-grid");if(!i)return;if("both"===this.orientation)return this._virtCtrl=null,void this._syncBothVirtualizers();this._rowVirtCtrl=null,this._colVirtCtrl=null;const s=this._effectiveTotalCount(),e="vertical"===this.orientation,n=Math.max(1,e?this.gridColumns:this.gridRows),o=e?this.laneHeight:this._columnWidthPx;if(!this._virtCtrl)return void(this._virtCtrl=new f(this,{count:s,getScrollElement:()=>this.shadowRoot?.querySelector(".detail__selection-grid"),estimateSize:()=>o,horizontal:!e,lanes:n,overscan:this.overscan}));const t=this._virtCtrl.getVirtualizer(),c=t.options,r=!!c.horizontal!=!e;(c.count!==s||c.lanes!==n||c.overscan!==this.overscan||r)&&(t.setOptions({...c,count:s,lanes:n,overscan:this.overscan,horizontal:!e,estimateSize:()=>o}),t.measure())}_syncBothVirtualizers(){const i=this._filteredItems.length,s=Math.max(1,this.matrixColumns),e=Math.max(1,Math.ceil(i/s)),n=this._columnWidthPx,o=this.laneHeight,t=()=>this.shadowRoot?.querySelector(".detail__selection-grid");if(this._rowVirtCtrl){const i=this._rowVirtCtrl.getVirtualizer(),s=i.options;s.count===e&&s.overscan===this.overscan||(i.setOptions({...s,count:e,overscan:this.overscan,estimateSize:()=>o}),i.measure())}else this._rowVirtCtrl=new f(this,{count:e,getScrollElement:t,estimateSize:()=>o,horizontal:!1,overscan:this.overscan});if(this._colVirtCtrl){const i=this._colVirtCtrl.getVirtualizer(),e=i.options;e.count===s&&e.overscan===this.overscan||(i.setOptions({...e,count:s,overscan:this.overscan,estimateSize:()=>n}),i.measure())}else this._colVirtCtrl=new f(this,{count:s,getScrollElement:t,estimateSize:()=>n,horizontal:!0,overscan:this.overscan})}_setupGridResizeObserver(){if("selection"!==this.variant)return;if("undefined"==typeof ResizeObserver)return;const i=this.shadowRoot?.querySelector(".detail__selection-grid");i&&(this._gridResizeObserver||(this._gridResizeObserver=new ResizeObserver((()=>this._scheduleTooltipOverflowCheck())),this._gridResizeObserver.observe(i)))}_scheduleTooltipOverflowCheck(){"undefined"!=typeof requestAnimationFrame&&requestAnimationFrame((()=>this._updateTooltipOverflowStates()))}async _updateTooltipOverflowStates(){const i=this.shadowRoot?.querySelectorAll(".detail__selection-tooltip");if(i)for(const s of i){const i=s.querySelector("nile-checkbox");if(!i)continue;i.updateComplete&&await i.updateComplete;const e=i.shadowRoot?.querySelector('[part="label"]');!!e&&e.scrollWidth>e.clientWidth+1?s.removeAttribute("disabled"):s.setAttribute("disabled","")}}_onSelectedPropertyChange(){this._syncSelectedFromProperty()}_onConfigChange(){this._applyConfig()}_applyConfig(){const i=this.config;if(i){if(void 0!==i.variant&&(this.variant=i.variant),void 0!==i.heading&&(this.heading=i.heading),void 0!==i.description&&(this.description=i.description),void 0!==i.itemsLabel&&(this.itemsLabel=i.itemsLabel),void 0!==i.open&&(this.open=i.open),void 0!==i.disabled&&(this.disabled=i.disabled),void 0!==i.items&&(this.items=i.items),void 0!==i.selected&&(this.selected=i.selected),void 0!==i.renderItemConfig&&(this.renderItemConfig=i.renderItemConfig),void 0!==i.allowHtmlLabel&&(this.allowHtmlLabel=i.allowHtmlLabel),i.layout){const s=i.layout;void 0!==s.orientation&&(this.orientation=s.orientation),void 0!==s.gridRows&&(this.gridRows=s.gridRows),void 0!==s.gridColumns&&(this.gridColumns=s.gridColumns),void 0!==s.matrixColumns&&(this.matrixColumns=s.matrixColumns),void 0!==s.minColumnWidth&&(this.minColumnWidth=s.minColumnWidth),void 0!==s.laneHeight&&(this.laneHeight=s.laneHeight),void 0!==s.maxHeight&&(this.maxHeight=s.maxHeight),void 0!==s.expandIconPlacement&&(this.expandIconPlacement=s.expandIconPlacement)}i.search&&(void 0!==i.search.placeholder&&(this.searchPlaceholder=i.search.placeholder),void 0!==i.search.disableLocal&&(this.disableLocalSearch=i.search.disableLocal)),i.virtualization&&(void 0!==i.virtualization.enabled&&(this.virtualize=i.virtualization.enabled),void 0!==i.virtualization.threshold&&(this.virtualizeThreshold=i.virtualization.threshold),void 0!==i.virtualization.overscan&&(this.overscan=i.virtualization.overscan)),i.pagination&&(void 0!==i.pagination.totalCount&&(this.totalCount=i.pagination.totalCount),void 0!==i.pagination.pageSize&&(this.pageSize=i.pagination.pageSize),void 0!==i.pagination.fetchPage&&(this.fetchPage=i.pagination.fetchPage),void 0!==i.pagination.placeholderLabel&&(this.placeholderLabel=i.pagination.placeholderLabel)),i.labels&&(void 0!==i.labels.restore&&(this.restoreLabel=i.labels.restore),void 0!==i.labels.clear&&(this.clearLabel=i.labels.clear),void 0!==i.labels.selectedOnly&&(this.selectedOnlyLabel=i.labels.selectedOnly),void 0!==i.labels.showAll&&(this.showAllLabel=i.labels.showAll)),void 0!==i.showSelectedToggle&&(this.showSelectedToggle=i.showSelectedToggle)}}_syncSelectedFromProperty(){this._selectedSet=new Set(this.selected||[])}_getItemValue(i){const s=this.renderItemConfig;return s?.getValue?String(s.getValue(i)):"string"==typeof i?i:String(i.value??"")}_getItemLabel(i){const s=this.renderItemConfig;return s?.getDisplayText?s.getDisplayText(i):"string"==typeof i?i:i.label??this._getItemValue(i)}_getItemSearchText(i){const s=this.renderItemConfig;return s?.getSearchText?s.getSearchText(i):this._getItemLabel(i)}_getItemDescription(i){const s=this.renderItemConfig;return s?.getDescription?s.getDescription(i)??"":"string"==typeof i?"":i.description??""}_getItemPrefix(i){const s=this.renderItemConfig;return s?.getPrefix?s.getPrefix(i)??"":"string"==typeof i?"":i.prefix??""}_getItemSuffix(i){const s=this.renderItemConfig;return s?.getSuffix?s.getSuffix(i)??"":"string"==typeof i?"":i.suffix??""}_getItemDisabled(i){const s=this.renderItemConfig;return s?.getDisabled?!!s.getDisabled(i):"string"!=typeof i&&!!i.disabled}_getItemClassName(i){const s=this.renderItemConfig;return s?.getClassName?s.getClassName(i)??"":"string"==typeof i?"":i.className??""}get _filteredItems(){let i=this.items;if(this._showSelectedOnly&&(i=i.filter((i=>this._selectedSet.has(this._getItemValue(i))))),this.disableLocalSearch)return i;const s=this._searchTerm.trim().toLowerCase();return s?i.filter((i=>this._getItemSearchText(i).toLowerCase().includes(s))):i}_onToggleSelectedOnly(i){i.preventDefault();const s=!this._showSelectedOnly;s&&0===this._selectedSet.size||(this._showSelectedOnly=s)}_selectableValues(){return(this._isInfiniteMode?Array.from(this._pageCache.values()).flat():this.items).filter((i=>!this._getItemDisabled(i))).map((i=>this._getItemValue(i)))}get _allChecked(){const i=this._selectableValues();return 0!==i.length&&i.every((i=>this._selectedSet.has(i)))}get _indeterminate(){const i=this._selectableValues(),s=i.filter((i=>this._selectedSet.has(i))).length;return s>0&&s<i.length}get _countLabel(){const i=this._isInfiniteMode?this.totalCount??0:this.items.length;return`${this._selectedSet.size} of ${i} ${this.itemsLabel} selected`}_emitSelectionChange(){this.selected=[...this._selectedSet],this.dispatchEvent(new CustomEvent("nile-change",{detail:{selected:[...this._selectedSet]},bubbles:!0,composed:!0}))}_onItemChange(i,s,e){if(s)return void e.preventDefault();const n=e.target,o=new Set(this._selectedSet);n.checked?o.add(i):o.delete(i),this._selectedSet=o,this._emitSelectionChange()}_onSelectAllChange(i){const s=i.target,e=this._selectableValues(),n=new Set(this._selectedSet);s.checked?e.forEach((i=>n.add(i))):e.forEach((i=>n.delete(i))),this._selectedSet=n,this._emitSelectionChange()}_emitSearch(i){this.dispatchEvent(new CustomEvent("nile-search",{detail:{value:i},bubbles:!0,composed:!0}))}_onSearchInput(i){const s=i.target.value??"";this._searchTerm=s,this.disableLocalSearch&&this._emitSearch(s)}_onSearchClear(){this._searchTerm="",this.disableLocalSearch&&this._emitSearch("")}_onRestore(i){i.preventDefault();const s=this._restoreDefaults??this._selectableValues();this._selectedSet=new Set(s),this._emitSelectionChange()}_onClear(i){i.preventDefault(),this._selectedSet=new Set,this._showSelectedOnly=!1,this._emitSelectionChange()}_handleDefaultSlotChange(i){const s=i.target.assignedNodes({flatten:!0});this._hasSlottedContent=s.some((i=>i.nodeType===Node.ELEMENT_NODE||i.nodeType===Node.TEXT_NODE&&!(!i.textContent||!i.textContent.trim())))}_stopHeaderToggle(i){i.stopPropagation()}_handleSummaryClick(i){i.preventDefault(),g(this)}_handleSummaryKeyDown(i){v(i,this)}async handleOpenChange(){this.open?(this._detailOpen=!0,await j(this)):(await h(this),this._detailOpen=!1)}async show(){return d(this)}async hide(){return u(this)}get _summaryLabel(){return[this.heading,this.description].filter(Boolean).join(", ")}_renderSelectionLabel(){return s`
       <div part="selection-label" class="detail__selection-label">
         <nile-checkbox
           part="select-all"
@@ -14,39 +14,54 @@ import{__decorate as i}from"tslib";import{html as s,nothing as e}from"lit";impor
           <span part="selection-count" class="detail__selection-count">${this._countLabel}</span>
         </div>
       </div>
-    `}_renderSelectionBody(){const i=this._isVirtualized,e="vertical"===this.orientation,n="both"===this.orientation,o=this.laneHeight,t=this._columnWidthPx;let c="";if(i)if(n)c=`max-height: ${this.maxHeight}; height: ${this.maxHeight};`;else if(e)c=`max-height: ${this.maxHeight}; height: ${this.maxHeight};`;else{c=`height: ${Math.max(1,this.gridRows)*o}px;`}else if(e){c=`grid-template-columns: repeat(${Math.max(1,this.gridColumns)}, minmax(0, 1fr)); grid-auto-flow: row; max-height: ${this.maxHeight}; overflow-y: auto; overflow-x: hidden;`}else{c=`grid-template-rows: repeat(${Math.max(1,this.gridRows)}, auto); grid-auto-columns: minmax(${this.minColumnWidth}, 1fr);`}return s`
+    `}_renderSelectionBody(){const i=this._isVirtualized,n="vertical"===this.orientation,o="both"===this.orientation,t=this.laneHeight,c=this._columnWidthPx;let l="";if(i)if(o)l=`max-height: ${this.maxHeight}; height: ${this.maxHeight};`;else if(n)l=`max-height: ${this.maxHeight}; height: ${this.maxHeight};`;else{l=`height: ${Math.max(1,this.gridRows)*t}px;`}else if(n){l=`grid-template-columns: repeat(${Math.max(1,this.gridColumns)}, minmax(0, 1fr)); grid-auto-flow: row; max-height: ${this.maxHeight}; overflow-y: auto; overflow-x: hidden;`}else{l=`grid-template-rows: repeat(${Math.max(1,this.gridRows)}, auto); grid-auto-columns: minmax(${this.minColumnWidth}, 1fr);`}return s`
       <div part="selection-toolbar" class="detail__selection-toolbar">
-        <nile-input
-          part="search"
-          class="detail__selection-search"
-          placeholder=${this.searchPlaceholder}
-          clearable
-          .value=${this._searchTerm}
-          @nile-input=${this._onSearchInput}
-          @nile-clear=${this._onSearchClear}
-        >
-          <nile-icon slot="prefix" name="search" library="system"></nile-icon>
-        </nile-input>
-        <div part="selection-actions" class="detail__selection-actions">
+      <slot name="tooblar-actions-prefix"></slot>
+        <slot name="toolbar-search" class="detail__selection-search-slot">
+          <nile-input
+            part="search"
+            class="detail__selection-search"
+            placeholder=${this.searchPlaceholder}
+            clearable
+            .value=${this._searchTerm}
+            @nile-input=${this._onSearchInput}
+            @nile-clear=${this._onSearchClear}
+          >
+            <nile-icon slot="prefix" name="search" library="system"></nile-icon>
+          </nile-input>
+        </slot>
+        <slot name="toolbar-actions" class="detail__selection-actions">
+          ${this.showSelectedToggle?s`
+                <nile-link
+                  href="#"
+                  variant="subtle"
+                  class="detail__selected-toggle"
+                  @click=${this._onToggleSelectedOnly}
+                >
+                  <nile-icon slot="prefix" name="filter" library="system"></nile-icon>
+                  ${this._showSelectedOnly?this.showAllLabel:this.selectedOnlyLabel}
+                </nile-link>
+              `:e}
           <nile-link href="#" variant="subtle" @click=${this._onRestore}>${this.restoreLabel}</nile-link>
           <nile-link href="#" variant="subtle" @click=${this._onClear}>${this.clearLabel}</nile-link>
-        </div>
+        </slot>
+        <slot name="tooblar-actions-suffix"></slot>
       </div>
       <div
         part="selection-grid"
-        class=${r({"detail__selection-grid":!0,"detail__selection-grid--virtual":i,"detail__selection-grid--vertical":e,"detail__selection-grid--both":n})}
-        style=${c}
+        class=${r({"detail__selection-grid":!0,"detail__selection-grid--virtual":i,"detail__selection-grid--vertical":n,"detail__selection-grid--both":o})}
+        style=${l}
       >
-        ${i?n?this._renderBothVirtualGrid(o,t):this._renderVirtualGrid(o,t,e):this._renderStaticGrid()}
+        ${i?o?this._renderBothVirtualGrid(t,c):this._renderVirtualGrid(t,c,n):this._renderStaticGrid()}
       </div>
     `}_renderItemContent(i){const e=this._getItemLabel(i),n=this._getItemDescription(i),o=this._getItemPrefix(i),t=this._getItemSuffix(i),c=this.allowHtmlLabel;return s`
-      ${o?s`<span class="detail__selection-prefix" part="item-prefix">${c?m(o):o}</span>`:""}
+      ${o?s`<span class="detail__selection-prefix" part="item-prefix">${c?l(o):o}</span>`:""}
       <span class="detail__selection-text" part="item-text">
-        <span class="detail__selection-item-label" part="item-label">${c?m(e):e}</span>
-        ${n?s`<span class="detail__selection-desc" part="item-description">${c?m(n):n}</span>`:""}
+        <span class="detail__selection-item-label" part="item-label">${c?l(e):e}</span>
+        ${n?s`<span class="detail__selection-desc" part="item-description">${c?l(n):n}</span>`:""}
       </span>
-      ${t?s`<span class="detail__selection-suffix" part="item-suffix">${c?m(t):t}</span>`:""}
-    `}_renderItemTooltip(i,n={}){const o=this._getItemValue(i),t=this._getItemLabel(i),c=this._getItemDescription(i),m=this._getItemDisabled(i),l=this._getItemClassName(i),p=c?`${t} — ${c}`:t,a="detail__selection-tooltip"+(n.extraClasses?" "+n.extraClasses:""),g=r({"detail__selection-checkbox":!0,"detail__selection-checkbox--disabled":m,[l]:!!l});return s`
+      ${t?s`<span class="detail__selection-suffix" part="item-suffix">${c?l(t):t}</span>`:""}
+    `}_renderItemTooltip(i,n={}){const o=this._getItemValue(i),t=this._getItemLabel(i),c=this._getItemDescription(i),l=this._getItemDisabled(i),m=this._getItemClassName(i),p=c?`${t} — ${c}`:t,a="detail__selection-tooltip"+(n.extraClasses?" "+n.extraClasses:""),g=r({"detail__selection-checkbox":!0,"detail__selection-checkbox--disabled":l,[m]:!!m});return s`
       <nile-lite-tooltip
         class=${a}
         content=${p}
@@ -57,16 +72,16 @@ import{__decorate as i}from"tslib";import{html as s,nothing as e}from"lit";impor
         <nile-checkbox
           class=${g}
           ?checked=${this._selectedSet.has(o)}
-          ?disabled=${m}
-          @nile-change=${i=>this._onItemChange(o,m,i)}
+          ?disabled=${l}
+          @nile-change=${i=>this._onItemChange(o,l,i)}
         >${this._renderItemContent(i)}</nile-checkbox>
       </nile-lite-tooltip>
-    `}_renderStaticGrid(){return s`${this._filteredItems.map((i=>this._renderItemTooltip(i)))}`}_renderBothVirtualGrid(i,e){const n=this._rowVirtCtrl?.getVirtualizer(),o=this._colVirtCtrl?.getVirtualizer(),t=n?.getTotalSize()??0,c=o?.getTotalSize()??0,r=n?.getVirtualItems()??[],m=o?.getVirtualItems()??[],l=Math.max(1,this.matrixColumns),p=this._filteredItems.length;return s`
+    `}_renderStaticGrid(){return s`${this._filteredItems.map((i=>this._renderItemTooltip(i)))}`}_renderBothVirtualGrid(i,e){const n=this._rowVirtCtrl?.getVirtualizer(),o=this._colVirtCtrl?.getVirtualizer(),t=n?.getTotalSize()??0,c=o?.getTotalSize()??0,r=n?.getVirtualItems()??[],l=o?.getVirtualItems()??[],m=Math.max(1,this.matrixColumns),p=this._filteredItems.length;return s`
       <div
         class="detail__selection-track"
         style="width: ${c}px; height: ${t}px; position: relative;"
       >
-        ${r.flatMap((i=>m.map((s=>{const e=i.index*l+s.index;if(e>=p)return null;const n=this._filteredItems[e];if(void 0===n)return null;const o=`position: absolute; top: ${i.start}px; left: ${s.start}px; width: ${s.size}px; height: ${i.size}px;`;return this._renderItemTooltip(n,{positionStyle:o,extraClasses:"detail__selection-tooltip--virtual"})}))))}
+        ${r.flatMap((i=>l.map((s=>{const e=i.index*m+s.index;if(e>=p)return null;const n=this._filteredItems[e];if(void 0===n)return null;const o=`position: absolute; top: ${i.start}px; left: ${s.start}px; width: ${s.size}px; height: ${i.size}px;`;return this._renderItemTooltip(n,{positionStyle:o,extraClasses:"detail__selection-tooltip--virtual"})}))))}
       </div>
     `}_renderVirtualGrid(i,e,n){const o=this._virtCtrl?.getVirtualizer(),t=o?.getTotalSize()??0,c=o?.getVirtualItems()??[],r=Math.max(1,n?this.gridColumns:this.gridRows);if(this._isInfiniteMode&&c.length>0){const i=c[0].index,s=c[c.length-1].index;this._scheduleFetchForRange(i,s)}return s`
       <div class="detail__selection-track" style=${n?`width: 100%; height: ${t}px; position: relative;`:`width: ${t}px; height: 100%; position: relative;`}>
@@ -121,7 +136,11 @@ import{__decorate as i}from"tslib";import{html as s,nothing as e}from"lit";impor
 
         <div part="content" class="detail__body">
           ${i?s`<div part="selection-content" class="detail__selection-content">${this._renderSelectionBody()}</div>`:""}
-          <slot id="content" class="detail__content"></slot>
+          <slot
+            id="content"
+            class=${r({detail__content:!0,"detail__content--empty":!this._hasSlottedContent})}
+            @slotchange=${this._handleDefaultSlotChange}
+          ></slot>
         </div>
       </details>
-    `}};_.styles=l,i([n("details")],_.prototype,"detail",void 0),i([n("summary")],_.prototype,"header",void 0),i([n(".detail__body")],_.prototype,"body",void 0),i([o({attribute:!0,type:Boolean,reflect:!0})],_.prototype,"open",void 0),i([o({attribute:!0,type:String,reflect:!0})],_.prototype,"heading",void 0),i([o({attribute:!0,type:String,reflect:!0})],_.prototype,"description",void 0),i([o({attribute:!0,reflect:!0})],_.prototype,"expandIconPlacement",void 0),i([o({attribute:!0,type:Boolean,reflect:!0})],_.prototype,"disabled",void 0),i([o({attribute:!0,type:String,reflect:!0})],_.prototype,"variant",void 0),i([o({attribute:!1,type:Array})],_.prototype,"items",void 0),i([o({attribute:!1,type:Array})],_.prototype,"selected",void 0),i([o({attribute:!1})],_.prototype,"renderItemConfig",void 0),i([o({attribute:"allow-html-label",type:Boolean})],_.prototype,"allowHtmlLabel",void 0),i([o({attribute:"disable-local-search",type:Boolean})],_.prototype,"disableLocalSearch",void 0),i([o({attribute:"total-count",type:Number})],_.prototype,"totalCount",void 0),i([o({attribute:"page-size",type:Number})],_.prototype,"pageSize",void 0),i([o({attribute:!1})],_.prototype,"fetchPage",void 0),i([o({attribute:"placeholder-label",type:String})],_.prototype,"placeholderLabel",void 0),i([o({attribute:!1})],_.prototype,"config",void 0),i([o({attribute:"search-placeholder",type:String})],_.prototype,"searchPlaceholder",void 0),i([o({attribute:"items-label",type:String})],_.prototype,"itemsLabel",void 0),i([o({attribute:"restore-label",type:String})],_.prototype,"restoreLabel",void 0),i([o({attribute:"clear-label",type:String})],_.prototype,"clearLabel",void 0),i([o({attribute:"grid-rows",type:Number})],_.prototype,"gridRows",void 0),i([o({attribute:"grid-columns",type:Number})],_.prototype,"gridColumns",void 0),i([o({attribute:"min-column-width",type:String})],_.prototype,"minColumnWidth",void 0),i([o({attribute:"lane-height",type:Number})],_.prototype,"laneHeight",void 0),i([o({attribute:!0,type:String,reflect:!0})],_.prototype,"orientation",void 0),i([o({attribute:"max-height",type:String})],_.prototype,"maxHeight",void 0),i([o({attribute:"matrix-columns",type:Number})],_.prototype,"matrixColumns",void 0),i([o({attribute:!0,type:Boolean})],_.prototype,"virtualize",void 0),i([o({attribute:"virtualize-threshold",type:Number})],_.prototype,"virtualizeThreshold",void 0),i([o({attribute:"overscan",type:Number})],_.prototype,"overscan",void 0),i([t()],_.prototype,"_detailOpen",void 0),i([t()],_.prototype,"_searchTerm",void 0),i([t()],_.prototype,"_selectedSet",void 0),i([a("selected",{waitUntilFirstUpdate:!1})],_.prototype,"_onSelectedPropertyChange",null),i([a("config",{waitUntilFirstUpdate:!1})],_.prototype,"_onConfigChange",null),i([a("open",{waitUntilFirstUpdate:!0})],_.prototype,"handleOpenChange",null),_=i([c("nile-detail")],_);export{_ as N};
+    `}};_.styles=m,i([n("details")],_.prototype,"detail",void 0),i([n("summary")],_.prototype,"header",void 0),i([n(".detail__body")],_.prototype,"body",void 0),i([o({attribute:!0,type:Boolean,reflect:!0})],_.prototype,"open",void 0),i([o({attribute:!0,type:String,reflect:!0})],_.prototype,"heading",void 0),i([o({attribute:!0,type:String,reflect:!0})],_.prototype,"description",void 0),i([o({attribute:!0,reflect:!0})],_.prototype,"expandIconPlacement",void 0),i([o({attribute:!0,type:Boolean,reflect:!0})],_.prototype,"disabled",void 0),i([o({attribute:!0,type:String,reflect:!0})],_.prototype,"variant",void 0),i([o({attribute:!1,type:Array})],_.prototype,"items",void 0),i([o({attribute:!1,type:Array})],_.prototype,"selected",void 0),i([o({attribute:!1})],_.prototype,"renderItemConfig",void 0),i([o({attribute:"allow-html-label",type:Boolean})],_.prototype,"allowHtmlLabel",void 0),i([o({attribute:"disable-local-search",type:Boolean})],_.prototype,"disableLocalSearch",void 0),i([o({attribute:"total-count",type:Number})],_.prototype,"totalCount",void 0),i([o({attribute:"page-size",type:Number})],_.prototype,"pageSize",void 0),i([o({attribute:!1})],_.prototype,"fetchPage",void 0),i([o({attribute:"placeholder-label",type:String})],_.prototype,"placeholderLabel",void 0),i([o({attribute:!1})],_.prototype,"config",void 0),i([o({attribute:"search-placeholder",type:String})],_.prototype,"searchPlaceholder",void 0),i([o({attribute:"items-label",type:String})],_.prototype,"itemsLabel",void 0),i([o({attribute:"restore-label",type:String})],_.prototype,"restoreLabel",void 0),i([o({attribute:"clear-label",type:String})],_.prototype,"clearLabel",void 0),i([o({attribute:"grid-rows",type:Number})],_.prototype,"gridRows",void 0),i([o({attribute:"grid-columns",type:Number})],_.prototype,"gridColumns",void 0),i([o({attribute:"min-column-width",type:String})],_.prototype,"minColumnWidth",void 0),i([o({attribute:"lane-height",type:Number})],_.prototype,"laneHeight",void 0),i([o({attribute:!0,type:String,reflect:!0})],_.prototype,"orientation",void 0),i([o({attribute:"max-height",type:String})],_.prototype,"maxHeight",void 0),i([o({attribute:"matrix-columns",type:Number})],_.prototype,"matrixColumns",void 0),i([o({attribute:!0,type:Boolean})],_.prototype,"virtualize",void 0),i([o({attribute:"virtualize-threshold",type:Number})],_.prototype,"virtualizeThreshold",void 0),i([o({attribute:"overscan",type:Number})],_.prototype,"overscan",void 0),i([t()],_.prototype,"_detailOpen",void 0),i([t()],_.prototype,"_hasSlottedContent",void 0),i([t()],_.prototype,"_searchTerm",void 0),i([t()],_.prototype,"_selectedSet",void 0),i([t()],_.prototype,"_showSelectedOnly",void 0),i([o({attribute:"show-selected-toggle",type:Boolean,reflect:!0})],_.prototype,"showSelectedToggle",void 0),i([o({attribute:"selected-only-label",type:String})],_.prototype,"selectedOnlyLabel",void 0),i([o({attribute:"show-all-label",type:String})],_.prototype,"showAllLabel",void 0),i([a("selected",{waitUntilFirstUpdate:!1})],_.prototype,"_onSelectedPropertyChange",null),i([a("config",{waitUntilFirstUpdate:!1})],_.prototype,"_onConfigChange",null),i([a("open",{waitUntilFirstUpdate:!0})],_.prototype,"handleOpenChange",null),_=i([c("nile-detail")],_);export{_ as N};

package/dist/src/nile-detail/nile-detail.css.js

@@ -148,6 +148,11 @@ export const styles = css `
     padding: var(--nile-spacing-xl, var(--ng-spacing-xl));
   }
 
+  .detail__content--empty {
+    display: none;
+    padding: 0;
+  }
+
   /* ── Selection variant ──────────────────────────────────────────────────── */
 
   .detail__selection-label {
@@ -192,6 +197,23 @@ export const styles = css `
     min-width: 0;
   }
 
+  .detail__selection-search-slot {
+    display: flex;
+    flex: 1;
+    min-width: 0;
+  }
+
+  .detail__selection-search-slot::slotted(*) {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .detail__selected-toggle {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+  }
+
   .detail__selection-actions {
     display: flex;
     align-items: center;
@@ -205,7 +227,7 @@ export const styles = css `
     gap: 8px 24px;
     overflow-x: auto;
     overflow-y: hidden;
-    padding-bottom: 8px;
+    padding: 4px 4px 8px;
     scroll-snap-type: x proximity;
   }
 
@@ -252,7 +274,8 @@ export const styles = css `
     min-width: 0;
     display: block;
     max-width: 100%;
-    overflow: hidden;
+    overflow: visible;
+    padding-left: 4px;
   }
 
   .detail__selection-checkbox {

package/dist/src/nile-detail/nile-detail.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-detail.css.js","sourceRoot":"","sources":["../../../src/nile-detail/nile-detail.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0XxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none;\n  }\n\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .detail {\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-md, var(--ng-radius-xl));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n    overflow: hidden;\n    width: 100%;\n    line-height: var(--nile-line-height-inherit, var(--ng-line-height-text-sm));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .detail--disabled {\n    opacity: var(--nile-opacity-50, var(--ng-opacity-50));\n  }\n\n  .detail__header {\n    display: flex;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    align-items: center;\n    border-radius: inherit;\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-tertiary));\n    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary));\n    user-select: none;\n    cursor: pointer;\n    list-style: none;\n  }\n\n  .detail__header::-webkit-details-marker {\n    display: none;\n  }\n\n  .detail__header::marker {\n    content: '';\n  }\n\n  .detail__header--icon-left {\n    flex-direction: row-reverse;\n  }\n\n  .detail__header:focus {\n    outline: none;\n  }\n\n  .detail__header:focus-visible {\n    outline: solid 3px var(--nile-colors-blue-500, var(--ng-colors-fg-brand-primary-600));\n    outline-offset: calc(1px + 1px);\n  }\n\n  .detail--disabled .detail__header {\n    cursor: not-allowed;\n  }\n\n  .detail--disabled .detail__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .detail__label {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .detail__header-actions {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__prefix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__heading-text {\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));\n  }\n\n  .detail__description {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n  }\n\n  .detail__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms transform ease;\n    color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary));\n    transform: rotate(90deg);\n  }\n\n  .detail--open .detail__summary-icon {\n    transform: rotate(-90deg);\n  }\n\n  .detail__body {\n    overflow: hidden;\n  }\n\n  .detail__body[hidden] {\n    display: none;\n  }\n\n  .detail__content {\n    display: block;\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  /* ── Selection variant ──────────────────────────────────────────────────── */\n\n  .detail__selection-label {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__select-all {\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-title {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.3;\n    min-width: 0;\n  }\n\n  .detail__selection-count {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n  }\n\n  .detail__selection-content {\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .detail__selection-toolbar {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    margin-bottom: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .detail__selection-search {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selection-actions {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-grid {\n    display: grid;\n    grid-auto-flow: column;\n    gap: 8px 24px;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding-bottom: 8px;\n    scroll-snap-type: x proximity;\n  }\n\n  .detail__selection-grid--virtual {\n    display: block;\n    position: relative;\n    width: 100%;\n    contain: layout paint;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--vertical {\n    overflow-x: hidden;\n    overflow-y: auto;\n    scroll-snap-type: y proximity;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--vertical::-webkit-scrollbar {\n    width: 8px;\n    height: 0;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--both {\n    overflow: auto;\n    scroll-snap-type: none;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--both::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n\n  .detail__selection-grid--virtual .detail__selection-track {\n    position: relative;\n  }\n\n  .detail__selection-tooltip--virtual {\n    box-sizing: border-box;\n    padding-right: 24px;\n  }\n\n  .detail__selection-grid > nile-checkbox,\n  .detail__selection-grid > .detail__selection-tooltip {\n    scroll-snap-align: start;\n    min-width: 0;\n    display: block;\n    max-width: 100%;\n    overflow: hidden;\n  }\n\n  .detail__selection-checkbox {\n    display: block;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .detail__selection-checkbox::part(base) {\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    align-items: center;\n  }\n\n  .detail__selection-checkbox::part(label) {\n    flex: 1 1 auto;\n    min-width: 0;\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-checkbox--disabled {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .detail__selection-text {\n    display: inline-flex;\n    flex-direction: column;\n    min-width: 0;\n    flex: 1 1 auto;\n    line-height: 1.25;\n  }\n\n  .detail__selection-item-label {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-desc {\n    display: block;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-prefix,\n  .detail__selection-suffix {\n    display: inline-flex;\n    align-items: center;\n    flex: 0 0 auto;\n    margin: 0 6px;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n  }\n\n  .detail__selection-prefix { margin-left: 0; }\n  .detail__selection-suffix { margin-right: 0; }\n\n  .detail__selection-placeholder {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 4px 8px;\n    box-sizing: border-box;\n    opacity: 0.6;\n  }\n\n  .detail__selection-placeholder-bar {\n    width: 16px;\n    height: 16px;\n    border-radius: 4px;\n    background: linear-gradient(\n      90deg,\n      rgba(0,0,0,0.06) 0%,\n      rgba(0,0,0,0.12) 50%,\n      rgba(0,0,0,0.06) 100%\n    );\n    background-size: 200% 100%;\n    animation: nile-detail-shimmer 1.4s linear infinite;\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-placeholder-label {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    background: linear-gradient(\n      90deg,\n      rgba(0,0,0,0.06) 0%,\n      rgba(0,0,0,0.12) 50%,\n      rgba(0,0,0,0.06) 100%\n    );\n    background-size: 200% 100%;\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    animation: nile-detail-shimmer 1.4s linear infinite;\n  }\n\n  @keyframes nile-detail-shimmer {\n    0%   { background-position: 200% 0; }\n    100% { background-position: -200% 0; }\n  }\n\n  .detail__selection-grid::-webkit-scrollbar {\n    height: 8px;\n  }\n\n  .detail__selection-grid::-webkit-scrollbar-thumb {\n    background: rgba(0, 0, 0, 0.2);\n    border-radius: 4px;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-detail.css.js","sourceRoot":"","sources":["../../../src/nile-detail/nile-detail.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiZxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none;\n  }\n\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .detail {\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-md, var(--ng-radius-xl));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n    overflow: hidden;\n    width: 100%;\n    line-height: var(--nile-line-height-inherit, var(--ng-line-height-text-sm));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .detail--disabled {\n    opacity: var(--nile-opacity-50, var(--ng-opacity-50));\n  }\n\n  .detail__header {\n    display: flex;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    align-items: center;\n    border-radius: inherit;\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-tertiary));\n    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary));\n    user-select: none;\n    cursor: pointer;\n    list-style: none;\n  }\n\n  .detail__header::-webkit-details-marker {\n    display: none;\n  }\n\n  .detail__header::marker {\n    content: '';\n  }\n\n  .detail__header--icon-left {\n    flex-direction: row-reverse;\n  }\n\n  .detail__header:focus {\n    outline: none;\n  }\n\n  .detail__header:focus-visible {\n    outline: solid 3px var(--nile-colors-blue-500, var(--ng-colors-fg-brand-primary-600));\n    outline-offset: calc(1px + 1px);\n  }\n\n  .detail--disabled .detail__header {\n    cursor: not-allowed;\n  }\n\n  .detail--disabled .detail__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .detail__label {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .detail__header-actions {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__prefix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__heading-text {\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));\n  }\n\n  .detail__description {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n  }\n\n  .detail__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms transform ease;\n    color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary));\n    transform: rotate(90deg);\n  }\n\n  .detail--open .detail__summary-icon {\n    transform: rotate(-90deg);\n  }\n\n  .detail__body {\n    overflow: hidden;\n  }\n\n  .detail__body[hidden] {\n    display: none;\n  }\n\n  .detail__content {\n    display: block;\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .detail__content--empty {\n    display: none;\n    padding: 0;\n  }\n\n  /* ── Selection variant ──────────────────────────────────────────────────── */\n\n  .detail__selection-label {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__select-all {\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-title {\n    display: flex;\n    flex-direction: column;\n    line-height: 1.3;\n    min-width: 0;\n  }\n\n  .detail__selection-count {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n  }\n\n  .detail__selection-content {\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .detail__selection-toolbar {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    margin-bottom: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .detail__selection-search {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selection-search-slot {\n    display: flex;\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selection-search-slot::slotted(*) {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .detail__selected-toggle {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .detail__selection-actions {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-grid {\n    display: grid;\n    grid-auto-flow: column;\n    gap: 8px 24px;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 4px 4px 8px;\n    scroll-snap-type: x proximity;\n  }\n\n  .detail__selection-grid--virtual {\n    display: block;\n    position: relative;\n    width: 100%;\n    contain: layout paint;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--vertical {\n    overflow-x: hidden;\n    overflow-y: auto;\n    scroll-snap-type: y proximity;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--vertical::-webkit-scrollbar {\n    width: 8px;\n    height: 0;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--both {\n    overflow: auto;\n    scroll-snap-type: none;\n  }\n\n  .detail__selection-grid--virtual.detail__selection-grid--both::-webkit-scrollbar {\n    width: 8px;\n    height: 8px;\n  }\n\n  .detail__selection-grid--virtual .detail__selection-track {\n    position: relative;\n  }\n\n  .detail__selection-tooltip--virtual {\n    box-sizing: border-box;\n    padding-right: 24px;\n  }\n\n  .detail__selection-grid > nile-checkbox,\n  .detail__selection-grid > .detail__selection-tooltip {\n    scroll-snap-align: start;\n    min-width: 0;\n    display: block;\n    max-width: 100%;\n    overflow: visible;\n    padding-left: 4px;\n  }\n\n  .detail__selection-checkbox {\n    display: block;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .detail__selection-checkbox::part(base) {\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    align-items: center;\n  }\n\n  .detail__selection-checkbox::part(label) {\n    flex: 1 1 auto;\n    min-width: 0;\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-checkbox--disabled {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .detail__selection-text {\n    display: inline-flex;\n    flex-direction: column;\n    min-width: 0;\n    flex: 1 1 auto;\n    line-height: 1.25;\n  }\n\n  .detail__selection-item-label {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-desc {\n    display: block;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .detail__selection-prefix,\n  .detail__selection-suffix {\n    display: inline-flex;\n    align-items: center;\n    flex: 0 0 auto;\n    margin: 0 6px;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n  }\n\n  .detail__selection-prefix { margin-left: 0; }\n  .detail__selection-suffix { margin-right: 0; }\n\n  .detail__selection-placeholder {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 4px 8px;\n    box-sizing: border-box;\n    opacity: 0.6;\n  }\n\n  .detail__selection-placeholder-bar {\n    width: 16px;\n    height: 16px;\n    border-radius: 4px;\n    background: linear-gradient(\n      90deg,\n      rgba(0,0,0,0.06) 0%,\n      rgba(0,0,0,0.12) 50%,\n      rgba(0,0,0,0.06) 100%\n    );\n    background-size: 200% 100%;\n    animation: nile-detail-shimmer 1.4s linear infinite;\n    flex: 0 0 auto;\n  }\n\n  .detail__selection-placeholder-label {\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    background: linear-gradient(\n      90deg,\n      rgba(0,0,0,0.06) 0%,\n      rgba(0,0,0,0.12) 50%,\n      rgba(0,0,0,0.06) 100%\n    );\n    background-size: 200% 100%;\n    background-clip: text;\n    -webkit-background-clip: text;\n    color: transparent;\n    animation: nile-detail-shimmer 1.4s linear infinite;\n  }\n\n  @keyframes nile-detail-shimmer {\n    0%   { background-position: 200% 0; }\n    100% { background-position: -200% 0; }\n  }\n\n  .detail__selection-grid::-webkit-scrollbar {\n    height: 8px;\n  }\n\n  .detail__selection-grid::-webkit-scrollbar-thumb {\n    background: rgba(0, 0, 0, 0.2);\n    border-radius: 4px;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-detail/nile-detail.d.ts

@@ -64,7 +64,10 @@ export interface NileDetailSelectionConfig {
     labels?: {
         restore?: string;
         clear?: string;
+        selectedOnly?: string;
+        showAll?: string;
     };
+    showSelectedToggle?: boolean;
     open?: boolean;
     disabled?: boolean;
 }
@@ -104,8 +107,13 @@ export declare class NileDetail extends NileElement {
     virtualizeThreshold: number;
     overscan: number;
     private _detailOpen;
+    private _hasSlottedContent;
     private _searchTerm;
     private _selectedSet;
+    private _showSelectedOnly;
+    showSelectedToggle: boolean;
+    selectedOnlyLabel: string;
+    showAllLabel: string;
     private _restoreDefaults;
     private _gridResizeObserver;
     private _virtCtrl;
@@ -143,6 +151,7 @@ export declare class NileDetail extends NileElement {
     private _getItemDisabled;
     private _getItemClassName;
     private get _filteredItems();
+    private _onToggleSelectedOnly;
     private _selectableValues;
     private get _allChecked();
     private get _indeterminate();
@@ -155,6 +164,7 @@ export declare class NileDetail extends NileElement {
     private _onSearchClear;
     private _onRestore;
     private _onClear;
+    private _handleDefaultSlotChange;
     private _stopHeaderToggle;
     private _handleSummaryClick;
     private _handleSummaryKeyDown;