@aquera/nile-elements 1.8.2 → 1.8.3

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

@@ -152,6 +152,41 @@ import{css as e}from"lit";const i=e`
     padding: 0;
   }
 
+  /* ── Preview state ──────────────────────────────────────────────────────── */
+
+  .detail__body--preview {
+    position: relative;
+    cursor: pointer;
+  }
+
+  .detail__body--preview::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    height: var(--nile-detail-preview-fade-height, 40px);
+    background: linear-gradient(
+      to bottom,
+      transparent,
+      var(--nile-colors-white-base, var(--ng-colors-bg-primary))
+    );
+    pointer-events: none;
+  }
+
+  .detail__body--preview:focus {
+    outline: none;
+  }
+
+  .detail__body--preview:focus-visible {
+    outline: solid 3px var(--nile-colors-blue-500, var(--ng-colors-fg-brand-primary-600));
+    outline-offset: -3px;
+  }
+
+  .detail--disabled .detail__body--preview {
+    cursor: not-allowed;
+  }
+
   /* ── Selection variant ──────────────────────────────────────────────────── */
 
   .detail__selection-label {
@@ -408,7 +443,8 @@ import{css as e}from"lit";const i=e`
       var(--nile-spacing-3xl, var(--ng-spacing-3xl));
   }
 
-  .detail--light.detail--open .detail__header {
+  .detail--light.detail--open .detail__header,
+  .detail--light.detail--preview .detail__header {
     border-bottom: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
   }
 

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 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 h,c as j,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-9931b440.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 _isSelectionVariant(){return"selection"===this.variant||"select-light"===this.variant}get _isLightVariant(){return"light"===this.variant||"select-light"===this.variant}get _isInfiniteMode(){return this._isSelectionVariant&&"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||this._isSelectionVariant&&(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){this._isSelectionVariant&&(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(!this._isSelectionVariant)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 h(this)):(await j(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 a}from"../internal/nile-element.esm.js";import{w as p}from"../internal/watch.esm.js";import{h as g,a as v,b as h,c as j,g as d,s as u,d as b}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-9931b440.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 _="undefined"!=typeof window;let y=class extends a{constructor(){super(...arguments),this.open=!1,this.heading="",this.description="",this.expandIconPlacement="right",this.disabled=!1,this.preview=!1,this.previewPercentage=30,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 _isSelectionVariant(){return"selection"===this.variant||"select-light"===this.variant}get _isLightVariant(){return"light"===this.variant||"select-light"===this.variant}get _previewEnabled(){return this.preview&&Math.min(100,Math.max(0,this.previewPercentage))>0}get _isPreviewActive(){return this._previewEnabled&&!this.open}get _isInfiniteMode(){return this._isSelectionVariant&&"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!!_&&(!!this._isInfiniteMode||this._isSelectionVariant&&(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._isPreviewActive,this.body.hidden=!this.open&&!this._isPreviewActive,this.body.style.height=this.open?"auto":"0",this._isPreviewActive&&this._applyPreviewHeight(),this._syncSelectedFromProperty(),null===this._restoreDefaults&&(this._restoreDefaults=[...this._selectedSet]),this._setupGridResizeObserver()}disconnectedCallback(){super.disconnectedCallback(),this._gridResizeObserver?.disconnect(),this._gridResizeObserver=null}updated(i){this._isSelectionVariant&&(this._setupGridResizeObserver(),this._syncVirtualizer(),this._scheduleTooltipOverflowCheck())}_syncVirtualizer(){if(!_)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(!this._isSelectionVariant)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),void 0!==i.preview&&(this.preview=i.preview),void 0!==i.previewPercentage&&(this.previewPercentage=i.previewPercentage)}}_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()))),this._isPreviewActive&&this._applyPreviewHeight()}_stopHeaderToggle(i){i.stopPropagation()}_handleSummaryClick(i){i.preventDefault(),g(this)}_handleSummaryKeyDown(i){v(i,this)}async handleOpenChange(){this.open?(this._detailOpen=!0,await h(this)):(await j(this),this._detailOpen=this._previewEnabled)}handlePreviewChange(){this.open||(this._previewEnabled?(this._detailOpen=!0,this._applyPreviewHeight()):(this.body.hidden=!0,this.body.style.height="0",this._detailOpen=!1))}async _applyPreviewHeight(){await this.updateComplete,this._isPreviewActive&&this.body&&(this.body.hidden=!1,this.body.style.height=`${d(this)}px`)}_handlePreviewClick(){this._isPreviewActive&&!this.disabled&&u(this)}_handlePreviewKeyDown(i){this._isPreviewActive&&!this.disabled&&("Enter"!==i.key&&" "!==i.key||(i.preventDefault(),u(this)))}async show(){return u(this)}async hide(){return b(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"
@@ -61,10 +61,10 @@ import{__decorate as i}from"tslib";import{html as s,nothing as e}from"lit";impor
         ${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?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`
+    `}_renderItemTooltip(i,n={}){const o=this._getItemValue(i),t=this._getItemLabel(i),c=this._getItemDescription(i),l=this._getItemDisabled(i),m=this._getItemClassName(i),a=c?`${t} — ${c}`:t,p="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}
+        class=${p}
+        content=${a}
         size="small"
         disabled
         style=${n.positionStyle??e}
@@ -76,12 +76,12 @@ import{__decorate as i}from"tslib";import{html as s,nothing as e}from"lit";impor
           @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()??[],l=o?.getVirtualItems()??[],m=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),a=this._filteredItems.length;return s`
       <div
         class="detail__selection-track"
         style="width: ${c}px; height: ${t}px; position: relative;"
       >
-        ${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"})}))))}
+        ${r.flatMap((i=>l.map((s=>{const e=i.index*m+s.index;if(e>=a)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;`}>
@@ -96,7 +96,7 @@ import{__decorate as i}from"tslib";import{html as s,nothing as e}from"lit";impor
       <details
         part="base"
         ?open=${this._detailOpen}
-        class=${r({detail:!0,"detail--open":this.open,"detail--disabled":this.disabled,"detail--selection":i,"detail--light":this._isLightVariant})}
+        class=${r({detail:!0,"detail--open":this.open,"detail--disabled":this.disabled,"detail--selection":i,"detail--light":this._isLightVariant,"detail--preview":this._isPreviewActive})}
       >
         <summary
           part="header"
@@ -134,7 +134,15 @@ import{__decorate as i}from"tslib";import{html as s,nothing as e}from"lit";impor
 
         </summary>
 
-        <div part="content" class="detail__body">
+        <div
+          part="content"
+          class=${r({detail__body:!0,"detail__body--preview":this._isPreviewActive})}
+          role=${this._isPreviewActive?"button":e}
+          tabindex=${this._isPreviewActive&&!this.disabled?"0":e}
+          aria-label=${this._isPreviewActive?"Expand to view full content":e}
+          @click=${this._handlePreviewClick}
+          @keydown=${this._handlePreviewKeyDown}
+        >
           ${i?s`<div part="selection-content" class="detail__selection-content">${this._renderSelectionBody()}</div>`:""}
           <slot
             id="content"
@@ -143,4 +151,4 @@ import{__decorate as i}from"tslib";import{html as s,nothing as e}from"lit";impor
           ></slot>
         </div>
       </details>
-    `}};_.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};
+    `}};y.styles=m,i([n("details")],y.prototype,"detail",void 0),i([n("summary")],y.prototype,"header",void 0),i([n(".detail__body")],y.prototype,"body",void 0),i([o({attribute:!0,type:Boolean,reflect:!0})],y.prototype,"open",void 0),i([o({attribute:!0,type:String,reflect:!0})],y.prototype,"heading",void 0),i([o({attribute:!0,type:String,reflect:!0})],y.prototype,"description",void 0),i([o({attribute:!0,reflect:!0})],y.prototype,"expandIconPlacement",void 0),i([o({attribute:!0,type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),i([o({attribute:!0,type:Boolean,reflect:!0})],y.prototype,"preview",void 0),i([o({attribute:"preview-percentage",type:Number,reflect:!0})],y.prototype,"previewPercentage",void 0),i([o({attribute:!0,type:String,reflect:!0})],y.prototype,"variant",void 0),i([o({attribute:!1,type:Array})],y.prototype,"items",void 0),i([o({attribute:!1,type:Array})],y.prototype,"selected",void 0),i([o({attribute:!1})],y.prototype,"renderItemConfig",void 0),i([o({attribute:"allow-html-label",type:Boolean})],y.prototype,"allowHtmlLabel",void 0),i([o({attribute:"disable-local-search",type:Boolean})],y.prototype,"disableLocalSearch",void 0),i([o({attribute:"total-count",type:Number})],y.prototype,"totalCount",void 0),i([o({attribute:"page-size",type:Number})],y.prototype,"pageSize",void 0),i([o({attribute:!1})],y.prototype,"fetchPage",void 0),i([o({attribute:"placeholder-label",type:String})],y.prototype,"placeholderLabel",void 0),i([o({attribute:!1})],y.prototype,"config",void 0),i([o({attribute:"search-placeholder",type:String})],y.prototype,"searchPlaceholder",void 0),i([o({attribute:"items-label",type:String})],y.prototype,"itemsLabel",void 0),i([o({attribute:"restore-label",type:String})],y.prototype,"restoreLabel",void 0),i([o({attribute:"clear-label",type:String})],y.prototype,"clearLabel",void 0),i([o({attribute:"grid-rows",type:Number})],y.prototype,"gridRows",void 0),i([o({attribute:"grid-columns",type:Number})],y.prototype,"gridColumns",void 0),i([o({attribute:"min-column-width",type:String})],y.prototype,"minColumnWidth",void 0),i([o({attribute:"lane-height",type:Number})],y.prototype,"laneHeight",void 0),i([o({attribute:!0,type:String,reflect:!0})],y.prototype,"orientation",void 0),i([o({attribute:"max-height",type:String})],y.prototype,"maxHeight",void 0),i([o({attribute:"matrix-columns",type:Number})],y.prototype,"matrixColumns",void 0),i([o({attribute:!0,type:Boolean})],y.prototype,"virtualize",void 0),i([o({attribute:"virtualize-threshold",type:Number})],y.prototype,"virtualizeThreshold",void 0),i([o({attribute:"overscan",type:Number})],y.prototype,"overscan",void 0),i([t()],y.prototype,"_detailOpen",void 0),i([t()],y.prototype,"_hasSlottedContent",void 0),i([t()],y.prototype,"_searchTerm",void 0),i([t()],y.prototype,"_selectedSet",void 0),i([t()],y.prototype,"_showSelectedOnly",void 0),i([o({attribute:"show-selected-toggle",type:Boolean,reflect:!0})],y.prototype,"showSelectedToggle",void 0),i([o({attribute:"selected-only-label",type:String})],y.prototype,"selectedOnlyLabel",void 0),i([o({attribute:"show-all-label",type:String})],y.prototype,"showAllLabel",void 0),i([p("selected",{waitUntilFirstUpdate:!1})],y.prototype,"_onSelectedPropertyChange",null),i([p("config",{waitUntilFirstUpdate:!1})],y.prototype,"_onConfigChange",null),i([p("open",{waitUntilFirstUpdate:!0})],y.prototype,"handleOpenChange",null),i([p(["preview","previewPercentage"],{waitUntilFirstUpdate:!0})],y.prototype,"handlePreviewChange",null),y=i([c("nile-detail")],y);export{y as N};

package/dist/nile-detail/nile-detail.utils.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../internal/animate.cjs.js","../utilities/animation-registry.cjs.js","../internal/event.cjs.js"],function(_export,_context){"use strict";var a,i,t,e,n,o;function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}function s(_x){return _s.apply(this,arguments);}function _s(){_s=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(e){var _n,o,s;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:if(!e.emit("nile-show",{cancelable:!0}).defaultPrevented){_context2.next=2;break;}return _context2.abrupt("return",void(e.open=!1));case 2:_context2.next=4;return a(e.body);case 4:e.body.hidden=!1;_n=n(e,"detail.show",{dir:"ltr"}),o=_n.keyframes,s=_n.options;_context2.next=8;return i(e.body,t(o,e.body.scrollHeight),s);case 8:e.body.style.height="auto";e.emit("nile-after-show");case 10:case"end":return _context2.stop();}},_callee);}));return _s.apply(this,arguments);}function r(_x2){return _r.apply(this,arguments);}function _r(){_r=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e){var _n2,o,s;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if(!e.emit("nile-hide",{cancelable:!0}).defaultPrevented){_context3.next=2;break;}return _context3.abrupt("return",void(e.open=!0));case 2:_context3.next=4;return a(e.body);case 4:_n2=n(e,"detail.hide",{dir:"ltr"}),o=_n2.keyframes,s=_n2.options;_context3.next=7;return i(e.body,t(o,e.body.scrollHeight),s);case 7:e.body.hidden=!0;e.body.style.height="auto";e.emit("nile-after-hide");case 10:case"end":return _context3.stop();}},_callee2);}));return _r.apply(this,arguments);}function c(_x3){return _c.apply(this,arguments);}function _c(){_c=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(a){return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:if(!(!a.open&&!a.disabled)){_context4.next=2;break;}return _context4.abrupt("return",(a.open=!0,o(a,"nile-after-show")));case 2:case"end":return _context4.stop();}},_callee3);}));return _c.apply(this,arguments);}function f(_x4){return _f.apply(this,arguments);}function _f(){_f=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(a){return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:if(!(a.open&&!a.disabled)){_context5.next=2;break;}return _context5.abrupt("return",(a.open=!1,o(a,"nile-after-hide")));case 2:case"end":return _context5.stop();}},_callee4);}));return _f.apply(this,arguments);}function h(a){a.disabled||(a.open?f(a):c(a));}function l(a,i){a.preventDefault(),"Enter"!==a.key&&" "!==a.key||(i.open?f(i):c(i)),"ArrowUp"!==a.key&&"ArrowLeft"!==a.key||f(i),"ArrowDown"!==a.key&&"ArrowRight"!==a.key||c(i);}_export({a:l,b:s,c:r,d:f,h:h,s:c});return{setters:[function(_internalAnimateCjsJs){a=_internalAnimateCjsJs.s;i=_internalAnimateCjsJs.a;t=_internalAnimateCjsJs.b;},function(_utilitiesAnimationRegistryCjsJs){e=_utilitiesAnimationRegistryCjsJs.s;n=_utilitiesAnimationRegistryCjsJs.g;},function(_internalEventCjsJs){o=_internalEventCjsJs.w;}],execute:function execute(){e("detail.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"ease"}}),e("detail.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"ease"}});}};});
+System.register(["../internal/animate.cjs.js","../utilities/animation-registry.cjs.js","../internal/event.cjs.js"],function(_export,_context){"use strict";var t,a,i,e,o,n;function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}function s(t){if(!t.preview)return 0;var a=Math.min(100,Math.max(0,t.previewPercentage));return a<=0?0:Math.max(1,Math.round(t.body.scrollHeight*a/100));}function r(_x){return _r.apply(this,arguments);}function _r(){_r=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(e){var n,_o,r,h,c;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:if(!e.emit("nile-show",{cancelable:!0}).defaultPrevented){_context2.next=2;break;}return _context2.abrupt("return",void(e.open=!1));case 2:_context2.next=4;return t(e.body);case 4:e.body.hidden=!1;n=s(e),_o=o(e,"detail.show",{dir:"ltr"}),r=_o.keyframes,h=_o.options,c=n>0?[{height:"".concat(n,"px"),opacity:"1"},{height:"auto",opacity:"1"}]:r;_context2.next=8;return a(e.body,i(c,e.body.scrollHeight),h);case 8:e.body.style.height="auto";e.emit("nile-after-show");case 10:case"end":return _context2.stop();}},_callee);}));return _r.apply(this,arguments);}function h(_x2){return _h.apply(this,arguments);}function _h(){_h=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e){var n,_o2,r,h,_t;return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if(!e.emit("nile-hide",{cancelable:!0}).defaultPrevented){_context3.next=2;break;}return _context3.abrupt("return",void(e.open=!0));case 2:_context3.next=4;return t(e.body);case 4:n=s(e),_o2=o(e,"detail.hide",{dir:"ltr"}),r=_o2.keyframes,h=_o2.options;if(!(n>0)){_context3.next=12;break;}_t=[{height:"auto",opacity:"1"},{height:"".concat(n,"px"),opacity:"1"}];_context3.next=9;return a(e.body,i(_t,e.body.scrollHeight),h);case 9:e.body.style.height="".concat(n,"px");_context3.next=16;break;case 12:_context3.next=14;return a(e.body,i(r,e.body.scrollHeight),h);case 14:e.body.hidden=!0;e.body.style.height="auto";case 16:e.emit("nile-after-hide");case 17:case"end":return _context3.stop();}},_callee2);}));return _h.apply(this,arguments);}function c(_x3){return _c.apply(this,arguments);}function _c(){_c=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(t){return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:if(!(!t.open&&!t.disabled)){_context4.next=2;break;}return _context4.abrupt("return",(t.open=!0,n(t,"nile-after-show")));case 2:case"end":return _context4.stop();}},_callee3);}));return _c.apply(this,arguments);}function f(_x4){return _f.apply(this,arguments);}function _f(){_f=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(t){return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:if(!(t.open&&!t.disabled)){_context5.next=2;break;}return _context5.abrupt("return",(t.open=!1,n(t,"nile-after-hide")));case 2:case"end":return _context5.stop();}},_callee4);}));return _f.apply(this,arguments);}function u(t){t.disabled||(t.open?f(t):c(t));}function l(t,a){t.preventDefault(),"Enter"!==t.key&&" "!==t.key||(a.open?f(a):c(a)),"ArrowUp"!==t.key&&"ArrowLeft"!==t.key||f(a),"ArrowDown"!==t.key&&"ArrowRight"!==t.key||c(a);}_export({a:l,b:r,c:h,d:f,g:s,h:u,s:c});return{setters:[function(_internalAnimateCjsJs){t=_internalAnimateCjsJs.s;a=_internalAnimateCjsJs.a;i=_internalAnimateCjsJs.b;},function(_utilitiesAnimationRegistryCjsJs){e=_utilitiesAnimationRegistryCjsJs.s;o=_utilitiesAnimationRegistryCjsJs.g;},function(_internalEventCjsJs){n=_internalEventCjsJs.w;}],execute:function execute(){e("detail.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"ease"}}),e("detail.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"ease"}});}};});
 //# sourceMappingURL=nile-detail.utils.cjs.js.map

package/dist/nile-detail/nile-detail.utils.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-detail.utils.cjs.js","sources":["../../../src/nile-detail/nile-detail.utils.ts"],"sourcesContent":["import { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../internal/animate';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { waitForEvent } from '../internal/event';\nimport type { NileDetail } from './nile-detail';\n\n/*\n  Runs the show animation on the detail body.\n  Emits nile-show (cancelable) before and nile-after-show after the animation.\n*/\nexport async function animateShow(component: NileDetail): Promise<void> {\n  const nileShow = component.emit('nile-show', { cancelable: true });\n  if (nileShow.defaultPrevented) {\n    component.open = false;\n    return;\n  }\n\n  await stopAnimations(component.body);\n  component.body.hidden = false;\n\n  const { keyframes, options } = getAnimation(component, 'detail.show', { dir: 'ltr' });\n  await animateTo(component.body, shimKeyframesHeightAuto(keyframes, component.body.scrollHeight), options);\n  component.body.style.height = 'auto';\n\n  component.emit('nile-after-show');\n}\n\n/*\n  Runs the hide animation on the detail body.\n  Emits nile-hide (cancelable) before and nile-after-hide after the animation.\n*/\nexport async function animateHide(component: NileDetail): Promise<void> {\n  const nileHide = component.emit('nile-hide', { cancelable: true });\n  if (nileHide.defaultPrevented) {\n    component.open = true;\n    return;\n  }\n\n  await stopAnimations(component.body);\n\n  const { keyframes, options } = getAnimation(component, 'detail.hide', { dir: 'ltr' });\n  await animateTo(component.body, shimKeyframesHeightAuto(keyframes, component.body.scrollHeight), options);\n  component.body.hidden = true;\n  component.body.style.height = 'auto';\n\n  component.emit('nile-after-hide');\n}\n\n/*\n  Programmatically shows the detail if it is not already open or disabled.\n  Returns a promise that resolves after the show animation completes.\n*/\nexport async function showDetail(component: NileDetail): Promise<unknown> {\n  if (component.open || component.disabled) {\n    return undefined;\n  }\n  component.open = true;\n  return waitForEvent(component, 'nile-after-show');\n}\n\n/*\n  Programmatically hides the detail if it is not already closed or disabled.\n  Returns a promise that resolves after the hide animation completes.\n*/\nexport async function hideDetail(component: NileDetail): Promise<unknown> {\n  if (!component.open || component.disabled) {\n    return undefined;\n  }\n  component.open = false;\n  return waitForEvent(component, 'nile-after-hide');\n}\n\n/*\n  Handles click on the header summary row.\n  Toggles the detail open/close and focuses the header.\n*/\nexport function handleSummaryClick(component: NileDetail): void {\n  if (!component.disabled) {\n    if (component.open) {\n      hideDetail(component);\n    } else {\n      showDetail(component);\n    }\n  }\n}\n\n/*\n  Handles keyboard interaction on the header summary row.\n  Enter/Space toggles, ArrowUp/Left closes, ArrowDown/Right opens.\n*/\nexport function handleSummaryKeyDown(event: KeyboardEvent, component: NileDetail): void {\n  event.preventDefault();\n\n  if (event.key === 'Enter' || event.key === ' ') {\n    if (component.open) {\n      hideDetail(component);\n    } else {\n      showDetail(component);\n    }\n  }\n\n  if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n    hideDetail(component);\n  }\n\n  if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n    showDetail(component);\n  }\n}\n\n/*\n  Registers the default show and hide animations for the detail component.\n  Show: animates from height 0 / opacity 0 to auto / 1 over 300ms.\n  Hide: animates from auto / 1 to height 0 / opacity 0 over 300ms.\n*/\nexport function registerDefaultAnimations(): void {\n  setDefaultAnimation('detail.show', {\n    keyframes: [\n      { height: '0', opacity: '0' },\n      { height: 'auto', opacity: '1' }\n    ],\n    options: { duration: 300, easing: 'ease' }\n  });\n\n  setDefaultAnimation('detail.hide', {\n    keyframes: [\n      { height: 'auto', opacity: '1' },\n      { height: '0', opacity: '0' }\n    ],\n    options: { duration: 300, easing: 'ease' }\n  });\n}\n\nregisterDefaultAnimations();"],"names":["animateShow","async","component","_n","o","s","_regeneratorRuntime","wrap","_callee$","_context2","prev","next","emit","cancelable","defaultPrevented","open","stopAnimations","body","hidden","getAnimation","dir","animateTo","keyframes","options","shimKeyframesHeightAuto","scrollHeight","style","height","stop","_callee","animateHide","_context3","_callee2","showDetail","disabled","waitForEvent","_context4","_callee3","hideDetail","_callee4$","_context5","abrupt","_callee4","_f","apply","arguments","handleSummaryClick","handleSummaryKeyDown","event","preventDefault","key","setDefaultAnimation","opacity","duration","easing"],"mappings":"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"}
+{"version":3,"file":"nile-detail.utils.cjs.js","sources":["../../../src/nile-detail/nile-detail.utils.ts"],"sourcesContent":["import { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../internal/animate';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { waitForEvent } from '../internal/event';\nimport type { NileDetail } from './nile-detail';\nexport function getPreviewHeight(component: NileDetail): number {\n  if (!component.preview) {\n    return 0;\n  }\n  const pct = Math.min(100, Math.max(0, component.previewPercentage));\n  if (pct <= 0) {\n    return 0;\n  }\n  return Math.max(1, Math.round((component.body.scrollHeight * pct) / 100));\n}\n\n/*\n  Runs the show animation on the detail body.\n  In preview mode the animation starts from the preview height instead of 0.\n  Emits nile-show (cancelable) before and nile-after-show after the animation.\n*/\nexport async function animateShow(component: NileDetail): Promise<void> {\n  const nileShow = component.emit('nile-show', { cancelable: true });\n  if (nileShow.defaultPrevented) {\n    component.open = false;\n    return;\n  }\n\n  await stopAnimations(component.body);\n  component.body.hidden = false;\n\n  const previewHeight = getPreviewHeight(component);\n  const { keyframes, options } = getAnimation(component, 'detail.show', { dir: 'ltr' });\n  const frames = previewHeight > 0\n    ? [\n        { height: `${previewHeight}px`, opacity: '1' },\n        { height: 'auto', opacity: '1' }\n      ]\n    : keyframes;\n  await animateTo(component.body, shimKeyframesHeightAuto(frames, component.body.scrollHeight), options);\n  component.body.style.height = 'auto';\n\n  component.emit('nile-after-show');\n}\n\n/*\n  Runs the hide animation on the detail body.\n  In preview mode the body collapses to the preview height and stays visible.\n  Emits nile-hide (cancelable) before and nile-after-hide after the animation.\n*/\nexport async function animateHide(component: NileDetail): Promise<void> {\n  const nileHide = component.emit('nile-hide', { cancelable: true });\n  if (nileHide.defaultPrevented) {\n    component.open = true;\n    return;\n  }\n\n  await stopAnimations(component.body);\n\n  const previewHeight = getPreviewHeight(component);\n  const { keyframes, options } = getAnimation(component, 'detail.hide', { dir: 'ltr' });\n\n  if (previewHeight > 0) {\n    const frames = [\n      { height: 'auto', opacity: '1' },\n      { height: `${previewHeight}px`, opacity: '1' }\n    ];\n    await animateTo(component.body, shimKeyframesHeightAuto(frames, component.body.scrollHeight), options);\n    component.body.style.height = `${previewHeight}px`;\n  } else {\n    await animateTo(component.body, shimKeyframesHeightAuto(keyframes, component.body.scrollHeight), options);\n    component.body.hidden = true;\n    component.body.style.height = 'auto';\n  }\n\n  component.emit('nile-after-hide');\n}\n\n/*\n  Programmatically shows the detail if it is not already open or disabled.\n  Returns a promise that resolves after the show animation completes.\n*/\nexport async function showDetail(component: NileDetail): Promise<unknown> {\n  if (component.open || component.disabled) {\n    return undefined;\n  }\n  component.open = true;\n  return waitForEvent(component, 'nile-after-show');\n}\n\n/*\n  Programmatically hides the detail if it is not already closed or disabled.\n  Returns a promise that resolves after the hide animation completes.\n*/\nexport async function hideDetail(component: NileDetail): Promise<unknown> {\n  if (!component.open || component.disabled) {\n    return undefined;\n  }\n  component.open = false;\n  return waitForEvent(component, 'nile-after-hide');\n}\n\n/*\n  Handles click on the header summary row.\n  Toggles the detail open/close and focuses the header.\n*/\nexport function handleSummaryClick(component: NileDetail): void {\n  if (!component.disabled) {\n    if (component.open) {\n      hideDetail(component);\n    } else {\n      showDetail(component);\n    }\n  }\n}\n\n/*\n  Handles keyboard interaction on the header summary row.\n  Enter/Space toggles, ArrowUp/Left closes, ArrowDown/Right opens.\n*/\nexport function handleSummaryKeyDown(event: KeyboardEvent, component: NileDetail): void {\n  event.preventDefault();\n\n  if (event.key === 'Enter' || event.key === ' ') {\n    if (component.open) {\n      hideDetail(component);\n    } else {\n      showDetail(component);\n    }\n  }\n\n  if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n    hideDetail(component);\n  }\n\n  if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n    showDetail(component);\n  }\n}\n\n/*\n  Registers the default show and hide animations for the detail component.\n  Show: animates from height 0 / opacity 0 to auto / 1 over 300ms.\n  Hide: animates from auto / 1 to height 0 / opacity 0 over 300ms.\n*/\nexport function registerDefaultAnimations(): void {\n  setDefaultAnimation('detail.show', {\n    keyframes: [\n      { height: '0', opacity: '0' },\n      { height: 'auto', opacity: '1' }\n    ],\n    options: { duration: 300, easing: 'ease' }\n  });\n\n  setDefaultAnimation('detail.hide', {\n    keyframes: [\n      { height: 'auto', opacity: '1' },\n      { height: '0', opacity: '0' }\n    ],\n    options: { duration: 300, easing: 'ease' }\n  });\n}\n\nregisterDefaultAnimations();"],"names":["getPreviewHeight","component","preview","pct","Math","min","max","previewPercentage","round","body","scrollHeight","async","animateShow","emit","cancelable","defaultPrevented","open","_context2","next","stopAnimations","hidden","previewHeight","getAnimation","dir","keyframes","options","frames","height","opacity","animateTo","shimKeyframesHeightAuto","style","stop","_callee","animateHide","n","_o2","r","h","_t","_regeneratorRuntime","wrap","_callee2$","_context3","prev","abrupt","_callee2","showDetail","_callee3$","_context4","disabled","waitForEvent","_callee3","hideDetail","_context5","_callee4","_f","apply","arguments","handleSummaryClick","handleSummaryKeyDown","event","preventDefault","key","setDefaultAnimation","duration","easing"],"mappings":"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"}

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

@@ -1 +1 @@
-import{s as a,a as i,b as t}from"../internal/animate.esm.js";import{s as e,g as n}from"../utilities/animation-registry.esm.js";import{w as o}from"../internal/event.esm.js";async function s(e){if(e.emit("nile-show",{cancelable:!0}).defaultPrevented)return void(e.open=!1);await a(e.body),e.body.hidden=!1;const{keyframes:o,options:s}=n(e,"detail.show",{dir:"ltr"});await i(e.body,t(o,e.body.scrollHeight),s),e.body.style.height="auto",e.emit("nile-after-show")}async function r(e){if(e.emit("nile-hide",{cancelable:!0}).defaultPrevented)return void(e.open=!0);await a(e.body);const{keyframes:o,options:s}=n(e,"detail.hide",{dir:"ltr"});await i(e.body,t(o,e.body.scrollHeight),s),e.body.hidden=!0,e.body.style.height="auto",e.emit("nile-after-hide")}async function f(a){if(!a.open&&!a.disabled)return a.open=!0,o(a,"nile-after-show")}async function c(a){if(a.open&&!a.disabled)return a.open=!1,o(a,"nile-after-hide")}function h(a){a.disabled||(a.open?c(a):f(a))}function l(a,i){a.preventDefault(),"Enter"!==a.key&&" "!==a.key||(i.open?c(i):f(i)),"ArrowUp"!==a.key&&"ArrowLeft"!==a.key||c(i),"ArrowDown"!==a.key&&"ArrowRight"!==a.key||f(i)}e("detail.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"ease"}}),e("detail.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"ease"}});export{l as a,s as b,r as c,c as d,h,f as s};
+import{s as t,a,b as i}from"../internal/animate.esm.js";import{s as e,g as o}from"../utilities/animation-registry.esm.js";import{w as n}from"../internal/event.esm.js";function s(t){if(!t.preview)return 0;const a=Math.min(100,Math.max(0,t.previewPercentage));return a<=0?0:Math.max(1,Math.round(t.body.scrollHeight*a/100))}async function r(e){if(e.emit("nile-show",{cancelable:!0}).defaultPrevented)return void(e.open=!1);await t(e.body),e.body.hidden=!1;const n=s(e),{keyframes:r,options:h}=o(e,"detail.show",{dir:"ltr"}),c=n>0?[{height:`${n}px`,opacity:"1"},{height:"auto",opacity:"1"}]:r;await a(e.body,i(c,e.body.scrollHeight),h),e.body.style.height="auto",e.emit("nile-after-show")}async function h(e){if(e.emit("nile-hide",{cancelable:!0}).defaultPrevented)return void(e.open=!0);await t(e.body);const n=s(e),{keyframes:r,options:h}=o(e,"detail.hide",{dir:"ltr"});if(n>0){const t=[{height:"auto",opacity:"1"},{height:`${n}px`,opacity:"1"}];await a(e.body,i(t,e.body.scrollHeight),h),e.body.style.height=`${n}px`}else await a(e.body,i(r,e.body.scrollHeight),h),e.body.hidden=!0,e.body.style.height="auto";e.emit("nile-after-hide")}async function c(t){if(!t.open&&!t.disabled)return t.open=!0,n(t,"nile-after-show")}async function f(t){if(t.open&&!t.disabled)return t.open=!1,n(t,"nile-after-hide")}function u(t){t.disabled||(t.open?f(t):c(t))}function l(t,a){t.preventDefault(),"Enter"!==t.key&&" "!==t.key||(a.open?f(a):c(a)),"ArrowUp"!==t.key&&"ArrowLeft"!==t.key||f(a),"ArrowDown"!==t.key&&"ArrowRight"!==t.key||c(a)}e("detail.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"ease"}}),e("detail.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"ease"}});export{l as a,r as b,h as c,f as d,s as g,u as h,c as s};