@aquera/nile-elements 0.1.46-beta-1.8 → 0.1.46-beta-2.0

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

@@ -1,10 +1,7 @@
-import{css as n}from"lit";const i=n`
+import{css as o}from"lit";const i=o`
   :host {
     display: block;
     user-select: none;
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 
   :host(:focus) {
@@ -15,34 +12,30 @@ import{css as n}from"lit";const i=n`
     position: relative;
     display: flex;
     align-items: center;
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
-    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-500));
-    line-height: var(--nile-line-height-large, var(--ng-line-height-text-md));
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.8;
     letter-spacing: normal;
-    color: var(--nile-color-dark-1, var(--ng-colors-text-primary-900));
-    padding: var(--nile-spacing-sm, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-md));
+    color: hsl(240 5.3% 26.1%);
+    padding: 6px 0;
     transition: 150ms fill;
-    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
     cursor: pointer;
-    margin-bottom: var(--nile-spacing-none, var(--ng-spacing-xxs) )
   }
 
   .option--single-select {
-    padding: var(--nile-spacing-9px, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-md));
+    padding: 9px 12px;
   }
 
   .option--hover:not(.option--current):not(.option--disabled) {
-    background-color: var(--nile-colors-primary-100, var(--ng-colors-bg-active));
-    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
-    border-radius: var(--nile-radius-none, var(--ng-radius-sm));
+    background-color: rgba(0, 94, 166, 0.1);
+    color: hsl(0, 0%, 0%);
   }
 
   .option--current,
   .option--current.option--disabled {
-    background-color: var(--nile-colors-primary-100, var(--ng-colors-bg-active));
-    color: var(--nile-colors-primary-600, var(--ng-colors-text-primary-900));
+    background-color: rgba(0, 94, 166, 0.1);
+    color: var(--nile-colors-primary-600);
     opacity: 1;
-    border-radius: var(--nile-radius-none, var(--ng-radius-sm));
   }
 
   .option--disabled {
@@ -64,7 +57,7 @@ import{css as n}from"lit";const i=n`
     align-items: center;
     justify-content: center;
     visibility: hidden;
-    padding-inline-end: var(--nile-spacing-xs);
+    padding-inline-end: 0.25rem;
   }
 
   .option--selected .option__check {
@@ -79,26 +72,20 @@ import{css as n}from"lit";const i=n`
   }
 
   .option__prefix::slotted(*) {
-    margin-inline-end: var(--nile-spacing-md, var(--ng-spacing-md));
+    margin-inline-end: 0.5rem;
   }
 
   .option__suffix::slotted(*) {
-    margin-inline-start: var(--nile-spacing-md, var(--ng-spacing-md));
-  }
-
-  :host(:not([aria-selected='true'])) .option .option__suffix{
-    display: var(--nile-display-block, var(--ng-display-none));
+    margin-inline-start: 0.5rem;
   }
 
   .option--checkbox{
     pointer-events: none;
-    margin-left: var(--nile-spacing-lg, var(--ng-spacing-lg));
-    margin-right: var(--nile-spacing-lg, var(--ng-spacing-lg));
+    margin-left: 12px;
+    margin-right: 12px;
     width:auto;
-    display:var(--nile-display-inline-block, var(--ng-display-none));
   }
 
-
   @media (forced-colors: active) {
     :host(:hover:not([aria-disabled='true'])) .option {
       outline: dashed 1px SelectedItem;

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

@@ -1,4 +1,4 @@
-import{__decorate as i}from"tslib";import{s}from"./nile-option.css.esm.js";import"../nile-icon/index.esm.js";import{classMap as o}from"lit/directives/class-map.js";import{query as n,state as e,property as c,customElement as m}from"lit/decorators.js";import{html as t}from"lit";import{w as r}from"../internal/watch.esm.js";import{N as l}from"../internal/nile-element.esm.js";import"../nile-checkbox/nile-checkbox.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/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/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-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.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/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/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/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/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/foreach.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/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/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/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/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/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/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/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.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-activity.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-up.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-12.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-calendar-plus-02.esm.js";import"../nile-icon/icons/svg/ng-calendar.esm.js";import"../nile-icon/icons/svg/ng-check-circle.esm.js";import"../nile-icon/icons/svg/ng-check-square-broken.esm.js";import"../nile-icon/icons/svg/ng-chevron-down.esm.js";import"../nile-icon/icons/svg/ng-chevron-left.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-copy-03.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-file-02.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-grid-01.esm.js";import"../nile-icon/icons/svg/ng-help-circle.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-list.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-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-plus.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-search-lg.esm.js";import"../nile-icon/icons/svg/ng-send-01.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-stars-02.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-x-close.esm.js";import"../nile-icon/icons/svg/ng-x-square.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/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/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/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/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-checkbox/nile-checkbox.css.esm.js";import"../internal/default-value.esm.js";import"lit/directives/if-defined.js";import"lit/directives/live.js";let p=class extends l{constructor(){super(...arguments),this.current=!1,this.selected=!1,this.hasHover=!1,this.hidden=!1,this.isMultipleSelect=!1,this.value="",this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false");const i=this.closest("nile-select");if(i&&i.hasAttribute("multiple")){let s=i.getAttribute("multiple");"false"!==s&&(""===s&&(s="true"),this.isMultipleSelect=Boolean(s))}}handleDefaultSlotChange(){const i=this.getTextLabel();void 0!==this.cachedTextLabel?i!==this.cachedTextLabel&&(this.cachedTextLabel=i,this.emit("slotchange")):this.cachedTextLabel=i}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){"string"!=typeof this.value&&(this.value=String(this.value))}getTextLabel(){const i=this.querySelector("label");return i?i.textContent?.trim()??"":(this.textContent??"").trim()}render(){return t`
+import{__decorate as i}from"tslib";import{s}from"./nile-option.css.esm.js";import"../nile-icon/index.esm.js";import{classMap as o}from"lit/directives/class-map.js";import{query as n,state as e,property as c,customElement as m}from"lit/decorators.js";import{html as t}from"lit";import{w as r}from"../internal/watch.esm.js";import{N as l}from"../internal/nile-element.esm.js";import"../nile-checkbox/nile-checkbox.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/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/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-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.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/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/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/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/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/foreach.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/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/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/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/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/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/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/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.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/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/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/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/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/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-checkbox/nile-checkbox.css.esm.js";import"../internal/default-value.esm.js";import"lit/directives/if-defined.js";import"lit/directives/live.js";let p=class extends l{constructor(){super(...arguments),this.current=!1,this.selected=!1,this.hasHover=!1,this.hidden=!1,this.isMultipleSelect=!1,this.value="",this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false");const i=this.closest("nile-select");if(i&&i.hasAttribute("multiple")){let s=i.getAttribute("multiple");"false"!==s&&(""===s&&(s="true"),this.isMultipleSelect=Boolean(s))}}handleDefaultSlotChange(){const i=this.getTextLabel();void 0!==this.cachedTextLabel?i!==this.cachedTextLabel&&(this.cachedTextLabel=i,this.emit("slotchange")):this.cachedTextLabel=i}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){"string"!=typeof this.value&&(this.value=String(this.value))}getTextLabel(){const i=this.querySelector("label");return i?i.textContent?.trim()??"":(this.textContent??"").trim()}render(){return t`
       ${this.hidden?"":t` <div
             part="base"
             class=${o({option:!0,"option--single-select":!this.isMultipleSelect,"option--current":this.selected&&!this.isMultipleSelect,"option--disabled":this.disabled,"option--selected":this.selected&&!this.isMultipleSelect,"option--hover":this.hasHover})}

package/dist/nile-page-header/nile-page-header.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",n=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    width: 100%;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .header {\n    display: flex;\n    flex-direction: column;\n    text-align: start;\n    font-family: var(--nile-font-family-sans-serif);\n    font-style: normal;\n  }\n\n  .header__heading {\n    display: block;\n    color: var(--nile-page-header-heading-font-color);\n    font-size: var(--nile-page-header-heading-font-size);\n    font-style: normal;\n    font-weight: var(--nile-page-header-heading-font-weight);\n    line-height: var(--nile-page-header-heading-line-height);\n  }\n\n  .header__subheading {\n    display: block;\n    color: var(--nile-page-header-subheading-font-color);\n    font-size: var(--nile-page-header-subheading-font-size);\n    font-style: normal;\n    font-weight: var(--nile-page-header-subheading-font-weight);\n    line-height: var(--nile-page-header-subheading-line-height);\n    margin-top: var(--nile-spacing-xs);\n  }\n\n  [hidden] {\n    display: none;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",a=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .header {\n    display: flex;\n    flex-direction: column;\n    text-align: start;\n    font-family: var(--nile-font-family-sans-serif);\n    font-style: normal;\n  }\n\n  .header__heading {\n    display: block;\n    color: var(--nile-page-header-heading-font-color);\n    font-size: var(--nile-page-header-heading-font-size);\n    font-style: normal;\n    font-weight: var(--nile-page-header-heading-font-weight);\n    line-height: var(--nile-page-header-heading-line-height);\n  }\n\n  .header__subheading {\n    display: block;\n    color: var(--nile-page-header-subheading-font-color);\n    font-size: var(--nile-page-header-subheading-font-size);\n    font-style: normal;\n    font-weight: var(--nile-page-header-subheading-font-weight);\n    line-height: var(--nile-page-header-subheading-line-height);\n    margin-top: 3px;\n  }\n\n  [hidden] {\n    display: none;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-page-header.css.cjs.js.map

package/dist/nile-page-header/nile-page-header.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-page-header.css.cjs.js","sources":["../../../src/nile-page-header/nile-page-header.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * PageHeader CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    width: 100%;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .header {\n    display: flex;\n    flex-direction: column;\n    text-align: start;\n    font-family: var(--nile-font-family-sans-serif);\n    font-style: normal;\n  }\n\n  .header__heading {\n    display: block;\n    color: var(--nile-page-header-heading-font-color);\n    font-size: var(--nile-page-header-heading-font-size);\n    font-style: normal;\n    font-weight: var(--nile-page-header-heading-font-weight);\n    line-height: var(--nile-page-header-heading-line-height);\n  }\n\n  .header__subheading {\n    display: block;\n    color: var(--nile-page-header-subheading-font-color);\n    font-size: var(--nile-page-header-subheading-font-size);\n    font-style: normal;\n    font-weight: var(--nile-page-header-subheading-font-weight);\n    line-height: var(--nile-page-header-subheading-line-height);\n    margin-top: var(--nile-spacing-xs);\n  }\n\n  [hidden] {\n    display: none;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-page-header.css.cjs.js","sources":["../../../src/nile-page-header/nile-page-header.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * PageHeader CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .header {\n    display: flex;\n    flex-direction: column;\n    text-align: start;\n    font-family: var(--nile-font-family-sans-serif);\n    font-style: normal;\n  }\n\n  .header__heading {\n    display: block;\n    color: var(--nile-page-header-heading-font-color);\n    font-size: var(--nile-page-header-heading-font-size);\n    font-style: normal;\n    font-weight: var(--nile-page-header-heading-font-weight);\n    line-height: var(--nile-page-header-heading-line-height);\n  }\n\n  .header__subheading {\n    display: block;\n    color: var(--nile-page-header-subheading-font-color);\n    font-size: var(--nile-page-header-subheading-font-size);\n    font-style: normal;\n    font-weight: var(--nile-page-header-subheading-font-weight);\n    line-height: var(--nile-page-header-subheading-line-height);\n    margin-top: 3px;\n  }\n\n  [hidden] {\n    display: none;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-page-header/nile-page-header.css.esm.js

@@ -1,10 +1,7 @@
-import{css as e}from"lit";const n=e`
+import{css as e}from"lit";const a=e`
   :host {
     display: block;
     width: 100%;
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 
   .header {
@@ -31,10 +28,10 @@ import{css as e}from"lit";const n=e`
     font-style: normal;
     font-weight: var(--nile-page-header-subheading-font-weight);
     line-height: var(--nile-page-header-subheading-line-height);
-    margin-top: var(--nile-spacing-xs);
+    margin-top: 3px;
   }
 
   [hidden] {
     display: none;
   }
-`;export{n as s};
+`;export{a as s};

package/dist/nile-pagination/nile-pagination.cjs.js

@@ -1,2 +1,2 @@
-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);}System.register(["tslib","lit","lit/decorators.js","./nile-pagination.css.cjs.js","../internal/nile-element.cjs.js","./nile-pagination-utils.cjs.js"],function(_export,_context){"use strict";var i,t,e,r,s,n,a,l,o,h,c,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,u;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;r=_litDecoratorsJs.state;s=_litDecoratorsJs.query;n=_litDecoratorsJs.customElement;},function(_nilePaginationCssCjsJs){a=_nilePaginationCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_nilePaginationUtilsCjsJs){o=_nilePaginationUtilsCjsJs.c;h=_nilePaginationUtilsCjsJs.g;c=_nilePaginationUtilsCjsJs.a;d=_nilePaginationUtilsCjsJs.b;}],execute:function execute(){_export("N",u=/*#__PURE__*/function(_l){function u(){var _this;_classCallCheck(this,u);_this=_callSuper(this,u,arguments),_this.totalItems=0,_this.currentPage=1,_this.pageSize=50,_this.pageSizeOptions=[10,25,50,100],_this.variant="fluid",_this.disabled=!1,_this.showTitle=!0,_this._pageSizeOpen=!1;return _this;}_inherits(u,_l);return _createClass(u,[{key:"firstUpdated",value:function firstUpdated(){var _this2=this;this._pageSizeDropdown.addEventListener("nile-show",function(){_this2._pageSizeOpen=!0;}),this._pageSizeDropdown.addEventListener("nile-after-hide",function(){_this2._pageSizeOpen=!1;});}},{key:"totalPages",get:function get(){return Math.max(1,o(this.totalItems,this.pageSize));}},{key:"goToPage",value:function goToPage(i){this.disabled||(this.currentPage=i,this.emit("nile-change",{page:this.currentPage,pageSize:this.pageSize}));}},{key:"onPageSizeSelect",value:function onPageSizeSelect(i){this.disabled||this.pageSize===i||(this.pageSize=i,this.currentPage=1,this.emit("nile-change",{page:1,pageSize:i}));}},{key:"renderRangeText",value:function renderRangeText(){return 0===this.totalItems?t(_templateObject||(_templateObject=_taggedTemplateLiteral(["<div class=\"range-text\">Showing 0 of 0</div>"]))):t(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"range-text\">\n      ","\n    </div>"])),h(this.totalItems,this.pageSize,this.currentPage));}},{key:"renderPageSizeSelect",value:function renderPageSizeSelect(){var _this3=this;return"fluid"!==this.variant?null:t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <div class=\"page-size-select\">\n        <nile-dropdown class=\"page-size-dropdown\" ?disabled=",">\n          <nile-button slot=\"trigger\" variant=\"tertiary\" class=\"down ","\"\n            ?disabled=","\n          >\n            ","\n            <nile-icon name=\"chevrondown\" size=\"14\" color=\"var(--nile-colors-dark-500,var(--ng-colors-fg-quaternary-400))\" class=\"chevron\"></nile-icon>\n          </nile-button>\n          <nile-menu class=\"page-size-menu\">\n            ","\n          </nile-menu>\n        </nile-dropdown>\n        <span class=\"page-size-label\">Items per page</span>\n      </div>\n    "])),this.disabled,this._pageSizeOpen?"open":"",this.disabled,this.pageSize,this.pageSizeOptions.map(function(i){return t(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                <nile-menu-item\n                  ?disabled=","\n                  @click=","\n                >\n                  ","\n                </nile-menu-item>"])),_this3.disabled,function(){return _this3.onPageSizeSelect(i);},i);}));}},{key:"renderPrevButton",value:function renderPrevButton(){var _this4=this;return t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n        class=\"arrow\"\n          variant=\"tertiary\"\n          ?disabled=","\n          @click=","\n        >\n          <nile-icon name=\"arrowleft\" color=\"var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400))\" size=\"14\"></nile-icon>\n        </nile-button>\n      </li>\n    "])),1===this.currentPage||this.disabled,function(){return _this4.goToPage(_this4.currentPage-1);});}},{key:"renderNextButton",value:function renderNextButton(){var _this5=this;return t(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          class=\"arrow\" \n          ?disabled=","\n          @click=","\n        >\n          <nile-icon name=\"arrowright\" color=\"var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400))\" size=\"14\"></nile-icon>\n        </nile-button>\n      </li>\n    "])),this.currentPage===this.totalPages||this.disabled,function(){return _this5.goToPage(_this5.currentPage+1);});}},{key:"renderPageItem",value:function renderPageItem(i,e,r){var _this6=this;return"…"===i?t(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n        <li>\n          <nile-dropdown class=\"ellipsis-dropdown\" ?disabled=",">\n            <nile-button slot=\"trigger\" variant=\"ghost\" ?disabled=",">\n              \u2026\n            </nile-button>\n            <nile-menu>\n              <div class=\"ellipsis-scroll-wrapper\">\n                ","\n              </div>\n            </nile-menu>\n          </nile-dropdown>\n        </li>\n      "])),this.disabled,this.disabled,c(this.totalPages,r,this.currentPage,e<r.indexOf(this.currentPage)?"left":"right").map(function(i){return t(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n                    <nile-menu-item\n                      ?disabled=","\n                      @click=","\n                    >\n                      ","\n                    </nile-menu-item>"])),_this6.disabled,function(){return _this6.goToPage(i);},i);})):t(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=","\n          ?disabled=","\n          @click=","\n        >\n          ","\n        </nile-button>\n      </li>\n    "])),i===this.currentPage?"primary":"ghost",this.disabled,function(){return _this6.goToPage(i);},i);}},{key:"renderPageList",value:function renderPageList(){var _this7=this;var i=d(this.totalPages,this.currentPage);return t(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n      <nav aria-label=\"Pagination\">\n        <ul class=\"pagination\">\n          ","\n          ","\n          ","\n        </ul>\n      </nav>\n    "])),this.renderPrevButton(),i.map(function(t,e){return _this7.renderPageItem(t,e,i);}),this.renderNextButton());}},{key:"render",value:function render(){return t(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n      <div class=\"pagination-wrapper ","\">\n        <div class=\"pager-container\">\n          ","\n          ","\n        </div>\n        ","\n      </div>\n    "])),this.variant,this.showTitle?this.renderRangeText():null,this.renderPageSizeSelect(),this.renderPageList());}}],[{key:"styles",get:function get(){return[a];}}]);}(l));i([e({attribute:"totalitems",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var t=Number(i);return Number.isFinite(t)&&t>=0?Math.floor(t):0;}}})],u.prototype,"totalItems",void 0),i([e({attribute:"currentpage",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var t=Number(i);return Number.isFinite(t)&&t>=1?Math.floor(t):1;}}})],u.prototype,"currentPage",void 0),i([e({attribute:"pagesize",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var t=Number(i);return Number.isFinite(t)&&t>=1?Math.floor(t):50;}}})],u.prototype,"pageSize",void 0),i([e({attribute:"pagesizeoptions",reflect:!1,converter:{fromAttribute:function fromAttribute(i){try{var _t=JSON.parse(i);if(Array.isArray(_t)&&_t.every(function(i){return"number"==typeof i;}))return _t;}catch(_unused){}return[10,25,50,100];}}})],u.prototype,"pageSizeOptions",void 0),i([e({type:String})],u.prototype,"variant",void 0),i([e({type:Boolean})],u.prototype,"disabled",void 0),i([e({type:Boolean})],u.prototype,"showTitle",void 0),i([r()],u.prototype,"_pageSizeOpen",void 0),i([s(".page-size-dropdown")],u.prototype,"_pageSizeDropdown",void 0),_export("N",u=i([n("nile-pagination")],u));}};});
+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);}System.register(["tslib","lit","lit/decorators.js","./nile-pagination.css.cjs.js","../internal/nile-element.cjs.js","./nile-pagination-utils.cjs.js"],function(_export,_context){"use strict";var i,e,t,n,s,r,a,l,o,h,c,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,p;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;n=_litDecoratorsJs.state;s=_litDecoratorsJs.query;r=_litDecoratorsJs.customElement;},function(_nilePaginationCssCjsJs){a=_nilePaginationCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_nilePaginationUtilsCjsJs){o=_nilePaginationUtilsCjsJs.c;h=_nilePaginationUtilsCjsJs.g;c=_nilePaginationUtilsCjsJs.a;d=_nilePaginationUtilsCjsJs.b;}],execute:function execute(){_export("N",p=/*#__PURE__*/function(_l){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.totalItems=0,_this.currentPage=1,_this.pageSize=50,_this.pageSizeOptions=[10,25,50,100],_this.variant="fluid",_this.disabled=!1,_this.showTitle=!0,_this._pageSizeOpen=!1,_this._pageOpen=!1;return _this;}_inherits(p,_l);return _createClass(p,[{key:"firstUpdated",value:function firstUpdated(){var _this2=this;this._pageSizeDropdown&&(this._pageSizeDropdown.addEventListener("nile-show",function(){_this2._pageSizeOpen=!0;}),this._pageSizeDropdown.addEventListener("nile-after-hide",function(){_this2._pageSizeOpen=!1;}));}},{key:"totalPages",get:function get(){return Math.max(1,o(this.totalItems,this.pageSize));}},{key:"goToPage",value:function goToPage(i){if(this.disabled)return;var e=this.currentPage;this.currentPage=i,console.log("→ emitting nile-change",{newPage:i,pageSize:this.pageSize}),this.emit("nile-change",{page:i,previousPage:e,pageSize:this.pageSize});}},{key:"onPageSizeSelect",value:function onPageSizeSelect(i){if(this.disabled||this.pageSize===i)return;var e=this.currentPage;this.pageSize=i,this.currentPage=1,this.emit("nile-change",{page:1,previousPage:e,pageSize:i});}},{key:"renderCompactRangeText",value:function renderCompactRangeText(){var i=h(this.totalItems,this.pageSize,this.currentPage).replace(/^Showing\s*/,"");return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["<div class=\"range-text\">","</div>"])),i);}},{key:"renderRangeText",value:function renderRangeText(){return 0===this.totalItems?e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div class=\"range-text\">Showing 0 of 0</div>"]))):e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <div part=\"range-text\" class=\"range-text\">\n        ","\n      </div>\n    "])),h(this.totalItems,this.pageSize,this.currentPage));}},{key:"renderPageSizeSelect",value:function renderPageSizeSelect(){var _this3=this;return"fluid"!==this.variant?null:e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n      <div class=\"page-size-select\">\n        <nile-dropdown class=\"page-size-dropdown\" ?disabled=",">\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"down ","\"\n            ?disabled=","\n          >\n            ","\n            <nile-icon\n              name=\"chevrondown\"\n              size=\"14\"\n              color=\"var(--nile-colors-dark-500)\"\n              class=\"chevron\"\n            ></nile-icon>\n          </nile-button>\n          <nile-menu>\n            <div class=\"down-scroll-wrapper\">\n              ","\n            </div>\n          </nile-menu>\n        </nile-dropdown>\n        <span part=\"pagesize-label\" class=\"page-size-label\">Items per page</span>\n      </div>\n    "])),this.disabled,this._pageSizeOpen?"open":"",this.disabled,this.pageSize,this.pageSizeOptions.map(function(i){return e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                  <nile-menu-item\n                    ?disabled=","\n                    @click=","\n                  >\n                    ","\n                  </nile-menu-item>\n                "])),_this3.disabled,function(){return _this3.onPageSizeSelect(i);},i);}));}},{key:"renderCompactPageSize",value:function renderCompactPageSize(){var _this4=this;return e(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      <nile-dropdown\n        class=\"compact-dropdown\"\n        ?disabled=","\n        @nile-show=","\n        @nile-after-hide=","\n      >\n        <nile-button\n          slot=\"trigger\"\n          variant=\"tertiary\"\n          class=\"down ","\"\n          ?disabled=","\n        >\n          ","\n          <nile-icon\n            name=\"chevrondown\"\n            size=\"14\"\n            color=\"var(--nile-colors-dark-500)\"\n            class=\"chevron\"\n          ></nile-icon>\n        </nile-button>\n        <nile-menu>\n          <div class=\"compact-scroll-wrapper\">\n            ","\n          </div>\n        </nile-menu>\n      </nile-dropdown>\n    "])),this.disabled,function(){return _this4._pageSizeOpen=!0;},function(){return _this4._pageSizeOpen=!1;},this._pageSizeOpen?"open":"",this.disabled,this.pageSize,this.pageSizeOptions.map(function(i){return e(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n                <nile-menu-item\n                  ?disabled=","\n                  @click=","\n                >\n                  ","\n                </nile-menu-item>\n              "])),_this4.disabled,function(){return _this4.onPageSizeSelect(i);},i);}));}},{key:"renderPrevButton",value:function renderPrevButton(){var _this5=this;return e(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=","\n          @click=","\n        >\n          <nile-icon name=\"arrowleft\" size=\"14\"></nile-icon>\n        </nile-button>\n      </li>\n    "])),1===this.currentPage||this.disabled,function(){return _this5.goToPage(_this5.currentPage-1);});}},{key:"renderNextButton",value:function renderNextButton(){var _this6=this;return e(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=","\n          @click=","\n        >\n          <nile-icon name=\"arrowright\" size=\"14\"></nile-icon>\n        </nile-button>\n      </li>\n    "])),this.currentPage===this.totalPages||this.disabled,function(){return _this6.goToPage(_this6.currentPage+1);});}},{key:"renderPageItem",value:function renderPageItem(i,t,n){var _this7=this;return"…"===i?e(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n        <li>\n          <nile-dropdown class=\"ellipsis-dropdown\" ?disabled=",">\n            <nile-button slot=\"trigger\" variant=\"ghost\" ?disabled=",">\n              \u2026\n            </nile-button>\n            <nile-menu>\n              <div class=\"ellipsis-scroll-wrapper\">\n                ","\n              </div>\n            </nile-menu>\n          </nile-dropdown>\n        </li>\n      "])),this.disabled,this.disabled,c(this.totalPages,n,this.currentPage,t<n.indexOf(this.currentPage)?"left":"right").map(function(i){return e(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n                    <nile-menu-item\n                      ?disabled=","\n                      @click=","\n                    >\n                      ","\n                    </nile-menu-item>\n                  "])),_this7.disabled,function(){return _this7.goToPage(i);},i);})):e(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=","\n          ?disabled=","\n          @click=","\n        >\n          ","\n        </nile-button>\n      </li>\n    "])),i===this.currentPage?"primary":"ghost",this.disabled,function(){return _this7.goToPage(i);},i);}},{key:"renderPageList",value:function renderPageList(){var _this8=this;if("compact"===this.variant)return e(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n        <nav aria-label=\"Pagination\">\n          <ul class=\"pagination compact-pagination\">\n            ","\n            <li>\n              <nile-dropdown\n                class=\"compact-dropdown1\"\n                ?disabled=","\n                @nile-show=","\n                @nile-after-hide=","\n              >\n                <nile-button\n                  slot=\"trigger\"\n                  variant=\"tertiary\"\n                  class=\"current-page-btn ","\"\n                  ?disabled=","\n                >\n                  ","\n                  <nile-icon\n                    name=\"chevrondown\"\n                    size=\"14\"\n                    class=\"chevron\"\n                  ></nile-icon>\n                </nile-button>\n                <nile-menu>\n                  <div class=\"compact-scroll-wrapper1\">\n                    ","\n                  </div>\n                </nile-menu>\n              </nile-dropdown>\n            </li>\n            ","\n          </ul>\n        </nav>\n      "])),this.renderPrevButton(),this.disabled,function(){return _this8._pageOpen=!0;},function(){return _this8._pageOpen=!1;},this._pageOpen?"open":"",this.disabled,this.currentPage,Array.from({length:this.totalPages},function(i,e){return e+1;}).map(function(i){return e(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n                        <nile-menu-item\n                          ?disabled=","\n                          @click=","\n                        >\n                          ","\n                        </nile-menu-item>\n                      "])),_this8.disabled,function(){return _this8.goToPage(i);},i);}),this.renderNextButton());var i=d(this.totalPages,this.currentPage);return e(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n      <nav aria-label=\"Pagination\">\n        <ul part=\"page-list\" class=\"pagination\">\n          ","\n          ","\n          ","\n        </ul>\n      </nav>\n    "])),this.renderPrevButton(),i.map(function(e,t){return _this8.renderPageItem(e,t,i);}),this.renderNextButton());}},{key:"render",value:function render(){return e(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n    <div part=\"wrapper\" class=\"pagination-wrapper ","\">\n      <div part=\"pager-container\" class=\"pager-container\">\n        ","\n        ","\n      </div>\n      ","\n    </div>\n  "])),this.variant,"fluid"===this.variant&&this.showTitle?this.renderRangeText():"compact"===this.variant?this.renderCompactRangeText():null,"fluid"===this.variant?this.renderPageSizeSelect():this.renderCompactPageSize(),this.renderPageList());}}],[{key:"styles",get:function get(){return[a];}}]);}(l));i([t({attribute:"totalitems",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var e=Number(i);return Number.isFinite(e)&&e>=0?Math.floor(e):0;}}})],p.prototype,"totalItems",void 0),i([t({attribute:"currentpage",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var e=Number(i);return Number.isFinite(e)&&e>=1?Math.floor(e):1;}}})],p.prototype,"currentPage",void 0),i([t({attribute:"pagesize",reflect:!0,converter:{fromAttribute:function fromAttribute(i){var e=Number(i);return Number.isFinite(e)&&e>=1?Math.floor(e):50;}}})],p.prototype,"pageSize",void 0),i([t({attribute:"pagesizeoptions",reflect:!1,converter:{fromAttribute:function fromAttribute(i){try{var _e=JSON.parse(i);if(Array.isArray(_e)&&_e.every(function(i){return"number"==typeof i;}))return _e;}catch(_unused){}return[10,25,50,100];}}})],p.prototype,"pageSizeOptions",void 0),i([t({type:String})],p.prototype,"variant",void 0),i([t({type:Boolean})],p.prototype,"disabled",void 0),i([t({type:Boolean})],p.prototype,"showTitle",void 0),i([n()],p.prototype,"_pageSizeOpen",void 0),i([n()],p.prototype,"_pageOpen",void 0),i([s(".page-size-dropdown")],p.prototype,"_pageSizeDropdown",void 0),_export("N",p=i([r("nile-pagination")],p));}};});
 //# sourceMappingURL=nile-pagination.cjs.js.map

package/dist/nile-pagination/nile-pagination.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-pagination.cjs.js","sources":["../../../src/nile-pagination/nile-pagination.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-pagination.css';\nimport NileElement from '../internal/nile-element';\nimport {\n  calculateTotalPages,\n  getPaginationItems,\n  getHiddenPages,\n  getRangeText,\n} from './nile-pagination-utils';\n\n@customElement('nile-pagination')\nexport class NilePagination extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  \n  @property({attribute: 'totalitems',reflect: true, converter: { fromAttribute: (v: string) => {const n = Number(v);\n        return Number.isFinite(n) && n >= 0 ? Math.floor(n) : 0; }}})totalItems: number = 0;\n\n  @property({ attribute: 'currentpage',reflect: true,converter: { fromAttribute: (v: string) => { const n = Number(v);\n        return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 1;}}}) currentPage : number = 1;\n\n\n  @property({attribute: 'pagesize',reflect: true, converter: { fromAttribute: (v: string) => {\n        const n = Number(v);\n        return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 50;}}}) pageSize: number = 50;\n\n\n  @property({ attribute: 'pagesizeoptions', reflect: false,converter: { fromAttribute: (v: string) => { try { const arr = JSON.parse(v);\n          if (Array.isArray(arr) && arr.every(x => typeof x === 'number')) {\n            return arr as number[];\n          }\n        } catch {}return [10, 25, 50, 100];}}}) pageSizeOptions: number[] = [10, 25, 50, 100];\n\n  @property({ type: String }) variant: 'fluid' | 'compact' = 'fluid';\n  @property({ type: Boolean }) disabled = false;\n  @property({ type: Boolean }) showTitle = true;\n\n  @state() private _pageSizeOpen = false;\n  @query('.page-size-dropdown') private _pageSizeDropdown!: HTMLElement;\n\n  firstUpdated() {\n    this._pageSizeDropdown.addEventListener('nile-show', () => {\n      this._pageSizeOpen = true;\n    });\n    this._pageSizeDropdown.addEventListener('nile-after-hide', () => {\n      this._pageSizeOpen = false;\n    });\n  }\n \n  private get totalPages(): number {\n    return Math.max(1, calculateTotalPages(this.totalItems, this.pageSize));\n  }\n\n  private goToPage(page: number) {\n    if (this.disabled) return;\n    this.currentPage = page;  \n    this.emit('nile-change', { page: this.currentPage, pageSize: this.pageSize });\n  }\n\n  private onPageSizeSelect(size: number) {\n    if (this.disabled || this.pageSize === size) return;\n    this.pageSize = size;\n    this.currentPage = 1;\n    this.emit('nile-change', { page: 1, pageSize: size });\n  }\n\n  private renderRangeText(): TemplateResult {\n    if (this.totalItems === 0) {\n      return html`<div class=\"range-text\">Showing 0 of 0</div>`;\n    }\n    return html`<div class=\"range-text\">\n      ${getRangeText(this.totalItems, this.pageSize, this.currentPage)}\n    </div>`;\n  }\n\n  private renderPageSizeSelect(): TemplateResult | null {\n    if (this.variant !== 'fluid') return null;\n    return html`\n      <div class=\"page-size-select\">\n        <nile-dropdown class=\"page-size-dropdown\" ?disabled=${this.disabled}>\n          <nile-button slot=\"trigger\" variant=\"tertiary\" class=\"down ${this._pageSizeOpen ? 'open' : ''}\"\n            ?disabled=${this.disabled}\n          >\n            ${this.pageSize}\n            <nile-icon name=\"chevrondown\" size=\"14\" color=\"var(--nile-colors-dark-500,var(--ng-colors-fg-quaternary-400))\" class=\"chevron\"></nile-icon>\n          </nile-button>\n          <nile-menu class=\"page-size-menu\">\n            ${this.pageSizeOptions.map(\n              size => html`\n                <nile-menu-item\n                  ?disabled=${this.disabled}\n                  @click=${() => this.onPageSizeSelect(size)}\n                >\n                  ${size}\n                </nile-menu-item>`\n            )}\n          </nile-menu>\n        </nile-dropdown>\n        <span class=\"page-size-label\">Items per page</span>\n      </div>\n    `;\n  }\n\n  private renderPrevButton(): TemplateResult {\n    return html`\n      <li>\n        <nile-button\n        class=\"arrow\"\n          variant=\"tertiary\"\n          ?disabled=${this.currentPage === 1 || this.disabled}\n          @click=${() => this.goToPage(this.currentPage - 1)}\n        >\n          <nile-icon name=\"arrowleft\" color=\"var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400))\" size=\"14\"></nile-icon>\n        </nile-button>\n      </li>\n    `;\n  }\n\n  private renderNextButton(): TemplateResult {\n    return html`\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          class=\"arrow\" \n          ?disabled=${this.currentPage === this.totalPages || this.disabled}\n          @click=${() => this.goToPage(this.currentPage + 1)}\n        >\n          <nile-icon name=\"arrowright\" color=\"var(--nile-colors-dark-500, var(--ng-colors-fg-quaternary-400))\" size=\"14\"></nile-icon>\n        </nile-button>\n      </li>\n    `;\n  }\n\n  private renderPageItem(\n    item: number | string,\n    idx: number,\n    items: (number | string)[]\n  ): TemplateResult {\n    if (item === '…') {\n      return html`\n        <li>\n          <nile-dropdown class=\"ellipsis-dropdown\" ?disabled=${this.disabled}>\n            <nile-button slot=\"trigger\" variant=\"ghost\" ?disabled=${this.disabled}>\n              …\n            </nile-button>\n            <nile-menu>\n              <div class=\"ellipsis-scroll-wrapper\">\n                ${getHiddenPages(\n                  this.totalPages,\n                  items,\n                  this.currentPage,\n                  idx < items.indexOf(this.currentPage) ? 'left' : 'right'\n                ).map(\n                  page => html`\n                    <nile-menu-item\n                      ?disabled=${this.disabled}\n                      @click=${() => this.goToPage(page)}\n                    >\n                      ${page}\n                    </nile-menu-item>`\n                )}\n              </div>\n            </nile-menu>\n          </nile-dropdown>\n        </li>\n      `;\n    }\n\n    return html`\n      <li>\n        <nile-button\n          variant=${item === this.currentPage ? 'primary' : 'ghost'}\n          ?disabled=${this.disabled}\n          @click=${() => this.goToPage(item as number)}\n        >\n          ${item}\n        </nile-button>\n      </li>\n    `;\n  }\n\n  private renderPageList(): TemplateResult {\n    const items = getPaginationItems(this.totalPages, this.currentPage);\n    return html`\n      <nav aria-label=\"Pagination\">\n        <ul class=\"pagination\">\n          ${this.renderPrevButton()}\n          ${items.map((item, idx) => this.renderPageItem(item, idx, items))}\n          ${this.renderNextButton()}\n        </ul>\n      </nav>\n    `;\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div class=\"pagination-wrapper ${this.variant}\">\n        <div class=\"pager-container\">\n          ${this.showTitle ? this.renderRangeText() : null}\n          ${this.renderPageSizeSelect()}\n        </div>\n        ${this.renderPageList()}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-pagination': NilePagination;\n  }\n}\n"],"names":["NilePagination","_l","u","this","totalItems","currentPage","pageSize","pageSizeOptions","variant","disabled","showTitle","_pageSizeOpen","_this","_inherits","_createClass","key","value","firstUpdated","_pageSizeDropdown","addEventListener","get","Math","max","calculateTotalPages","goToPage","page","emit","onPageSizeSelect","size","renderRangeText","html","_templateObject","_taggedTemplateLiteral","_templateObject2","getRangeText","renderPageSizeSelect","_this3","_templateObject3","map","_templateObject4","renderPrevButton","_this4","_templateObject5","renderNextButton","_this5","_templateObject6","totalPages","renderPageItem","item","idx","items","_templateObject7","getHiddenPages","indexOf","_templateObject8","_templateObject9","renderPageList","_this7","getPaginationItems","_templateObject10","render","_templateObject11","styles","NileElement","__decorate","property","attribute","reflect","converter","fromAttribute","v","n","Number","isFinite","floor","prototype","arr","JSON","parse","Array","isArray","every","x","_unused","type","String","Boolean","state","query","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-pagination.cjs.js","sources":["../../../src/nile-pagination/nile-pagination.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-pagination.css';\nimport NileElement from '../internal/nile-element';\nimport {\n  calculateTotalPages,\n  getPaginationItems,\n  getHiddenPages,\n  getRangeText,\n} from './nile-pagination-utils';\n\n@customElement('nile-pagination')\nexport class NilePagination extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({\n    attribute: 'totalitems',\n    reflect: true,\n    converter: {\n      fromAttribute: (v: string) => {\n        const n = Number(v);\n        return Number.isFinite(n) && n >= 0 ? Math.floor(n) : 0;\n      },\n    },\n  })\n  totalItems: number = 0;\n\n  @property({\n    attribute: 'currentpage',\n    reflect: true,\n    converter: {\n      fromAttribute: (v: string) => {\n        const n = Number(v);\n        return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 1;\n      },\n    },\n  })\n  currentPage: number = 1;\n\n  @property({\n    attribute: 'pagesize',\n    reflect: true,\n    converter: {\n      fromAttribute: (v: string) => {\n        const n = Number(v);\n        return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 50;\n      },\n    },\n  })\n  pageSize: number = 50;\n\n  @property({ attribute: 'pagesizeoptions', reflect: false, converter: { fromAttribute: (v: string) => {\n        try {\n          const arr = JSON.parse(v);\n          if (Array.isArray(arr) && arr.every(x => typeof x === 'number')) {\n            return arr as number[];\n          }\n        } catch {}\n        return [10, 25, 50, 100];\n  }}})\n  pageSizeOptions: number[] = [10, 25, 50, 100];\n\n  /** variant: fluid (full) or compact (just two dropdowns + arrows) */\n  @property({ type: String })\n  variant: 'fluid' | 'compact' = 'fluid';\n\n  @property({ type: Boolean }) disabled = false;\n  @property({ type: Boolean }) showTitle = true;\n\n  @state() private _pageSizeOpen = false;\n  @state() private _pageOpen = false;\n  @query('.page-size-dropdown') private _pageSizeDropdown!: HTMLElement;\n\n  firstUpdated() {\n    if (this._pageSizeDropdown) { \n    this._pageSizeDropdown.addEventListener('nile-show', () => {\n      this._pageSizeOpen = true;\n    });\n    this._pageSizeDropdown.addEventListener('nile-after-hide', () => {\n      this._pageSizeOpen = false;\n    });\n  }\n  }\n\n  private get totalPages(): number {\n    return Math.max(1, calculateTotalPages(this.totalItems, this.pageSize));\n  }\n\n  private goToPage(newPage: number) {\n    \n    if (this.disabled) return;\n    const previousPage = this.currentPage;\n    this.currentPage = newPage;\n    console.log('→ emitting nile-change', { newPage, pageSize: this.pageSize });\n    this.emit('nile-change', { page: newPage, previousPage, pageSize: this.pageSize });\n  }\n\n private onPageSizeSelect(newSize: number) {\n  if (this.disabled || this.pageSize === newSize) return;\n\n  const previousPage = this.currentPage;\n  this.pageSize = newSize;\n  this.currentPage = 1;\n  this.emit('nile-change', {\n    page: 1,\n    previousPage,\n    pageSize: newSize\n  });\n}\n\nprivate renderCompactRangeText(): TemplateResult {\n  const full = getRangeText(this.totalItems, this.pageSize, this.currentPage);\n  const trimmed = full.replace(/^Showing\\s*/, ''); \n  return html`<div class=\"range-text\">${trimmed}</div>`;\n}\n\n  // ─── Fluid Variant ────────────────────────────────────────────────────────────\n\n  private renderRangeText(): TemplateResult {\n    if (this.totalItems === 0) {\n      return html`<div class=\"range-text\">Showing 0 of 0</div>`;\n    }\n    return html`\n      <div part=\"range-text\" class=\"range-text\">\n        ${getRangeText(this.totalItems, this.pageSize, this.currentPage)}\n      </div>\n    `;\n  }\n\n  private renderPageSizeSelect(): TemplateResult | null {\n    if (this.variant !== 'fluid') return null;\n    return html`\n      <div class=\"page-size-select\">\n        <nile-dropdown class=\"page-size-dropdown\" ?disabled=${this.disabled}>\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"down ${this._pageSizeOpen ? 'open' : ''}\"\n            ?disabled=${this.disabled}\n          >\n            ${this.pageSize}\n            <nile-icon\n              name=\"chevrondown\"\n              size=\"14\"\n              color=\"var(--nile-colors-dark-500)\"\n              class=\"chevron\"\n            ></nile-icon>\n          </nile-button>\n          <nile-menu>\n            <div class=\"down-scroll-wrapper\">\n              ${this.pageSizeOptions.map(\n                size => html`\n                  <nile-menu-item\n                    ?disabled=${this.disabled}\n                    @click=${() => this.onPageSizeSelect(size)}\n                  >\n                    ${size}\n                  </nile-menu-item>\n                `\n              )}\n            </div>\n          </nile-menu>\n        </nile-dropdown>\n        <span part=\"pagesize-label\" class=\"page-size-label\">Items per page</span>\n      </div>\n    `;\n  }\n\n  // ─── Compact Variant ──────────────────────────────────────────────────────────\n\n  private renderCompactPageSize(): TemplateResult {\n    return html`\n      <nile-dropdown\n        class=\"compact-dropdown\"\n        ?disabled=${this.disabled}\n        @nile-show=${() => (this._pageSizeOpen = true)}\n        @nile-after-hide=${() => (this._pageSizeOpen = false)}\n      >\n        <nile-button\n          slot=\"trigger\"\n          variant=\"tertiary\"\n          class=\"down ${this._pageSizeOpen ? 'open' : ''}\"\n          ?disabled=${this.disabled}\n        >\n          ${this.pageSize}\n          <nile-icon\n            name=\"chevrondown\"\n            size=\"14\"\n            color=\"var(--nile-colors-dark-500)\"\n            class=\"chevron\"\n          ></nile-icon>\n        </nile-button>\n        <nile-menu>\n          <div class=\"compact-scroll-wrapper\">\n            ${this.pageSizeOptions.map(\n              size => html`\n                <nile-menu-item\n                  ?disabled=${this.disabled}\n                  @click=${() => this.onPageSizeSelect(size)}\n                >\n                  ${size}\n                </nile-menu-item>\n              `\n            )}\n          </div>\n        </nile-menu>\n      </nile-dropdown>\n    `;\n  }\n\n  // ─── Shared Page Controls ─────────────────────────────────────────────────────\n\n  private renderPrevButton(): TemplateResult {\n    return html`\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=${this.currentPage === 1 || this.disabled}\n          @click=${() => this.goToPage(this.currentPage - 1)}\n        >\n          <nile-icon name=\"arrowleft\" size=\"14\"></nile-icon>\n        </nile-button>\n      </li>\n    `;\n  }\n\n  private renderNextButton(): TemplateResult {\n    return html`\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=${this.currentPage === this.totalPages || this.disabled}\n          @click=${() => this.goToPage(this.currentPage + 1)}\n        >\n          <nile-icon name=\"arrowright\" size=\"14\"></nile-icon>\n        </nile-button>\n      </li>\n    `;\n  }\n\n  private renderPageItem(\n    item: number | string,\n    idx: number,\n    items: (number | string)[]\n  ): TemplateResult {\n    if (item === '…') {\n      return html`\n        <li>\n          <nile-dropdown class=\"ellipsis-dropdown\" ?disabled=${this.disabled}>\n            <nile-button slot=\"trigger\" variant=\"ghost\" ?disabled=${this.disabled}>\n              …\n            </nile-button>\n            <nile-menu>\n              <div class=\"ellipsis-scroll-wrapper\">\n                ${getHiddenPages(\n                  this.totalPages,\n                  items,\n                  this.currentPage,\n                  idx < items.indexOf(this.currentPage) ? 'left' : 'right'\n                ).map(\n                  page => html`\n                    <nile-menu-item\n                      ?disabled=${this.disabled}\n                      @click=${() => this.goToPage(page)}\n                    >\n                      ${page}\n                    </nile-menu-item>\n                  `\n                )}\n              </div>\n            </nile-menu>\n          </nile-dropdown>\n        </li>\n      `;\n    }\n    return html`\n      <li>\n        <nile-button\n          variant=${item === this.currentPage ? 'primary' : 'ghost'}\n          ?disabled=${this.disabled}\n          @click=${() => this.goToPage(item as number)}\n        >\n          ${item}\n        </nile-button>\n      </li>\n    `;\n  }\n\n  private renderPageList(): TemplateResult {\n    if (this.variant === 'compact') {\n      return html`\n        <nav aria-label=\"Pagination\">\n          <ul class=\"pagination compact-pagination\">\n            ${this.renderPrevButton()}\n            <li>\n              <nile-dropdown\n                class=\"compact-dropdown1\"\n                ?disabled=${this.disabled}\n                @nile-show=${() => (this._pageOpen = true)}\n                @nile-after-hide=${() => (this._pageOpen = false)}\n              >\n                <nile-button\n                  slot=\"trigger\"\n                  variant=\"tertiary\"\n                  class=\"current-page-btn ${this._pageOpen ? 'open' : ''}\"\n                  ?disabled=${this.disabled}\n                >\n                  ${this.currentPage}\n                  <nile-icon\n                    name=\"chevrondown\"\n                    size=\"14\"\n                    class=\"chevron\"\n                  ></nile-icon>\n                </nile-button>\n                <nile-menu>\n                  <div class=\"compact-scroll-wrapper1\">\n                    ${Array.from({ length: this.totalPages }, (_, i) => i + 1).map(\n                      p => html`\n                        <nile-menu-item\n                          ?disabled=${this.disabled}\n                          @click=${() => this.goToPage(p)}\n                        >\n                          ${p}\n                        </nile-menu-item>\n                      `\n                    )}\n                  </div>\n                </nile-menu>\n              </nile-dropdown>\n            </li>\n            ${this.renderNextButton()}\n          </ul>\n        </nav>\n      `;\n    }\n    const items = getPaginationItems(this.totalPages, this.currentPage);\n    return html`\n      <nav aria-label=\"Pagination\">\n        <ul part=\"page-list\" class=\"pagination\">\n          ${this.renderPrevButton()}\n          ${items.map((item, idx) => this.renderPageItem(item, idx, items))}\n          ${this.renderNextButton()}\n        </ul>\n      </nav>\n    `;\n  }\n\n public render(): TemplateResult {\n  return html`\n    <div part=\"wrapper\" class=\"pagination-wrapper ${this.variant}\">\n      <div part=\"pager-container\" class=\"pager-container\">\n        ${this.variant === 'fluid' && this.showTitle\n            ? this.renderRangeText()\n          : this.variant === 'compact'\n            ? this.renderCompactRangeText()\n            : null}\n        ${this.variant === 'fluid'\n          ? this.renderPageSizeSelect()\n          : this.renderCompactPageSize()}\n      </div>\n      ${this.renderPageList()}\n    </div>\n  `;\n}\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-pagination': NilePagination;\n  }\n}\n"],"names":["NilePagination","p","this","totalItems","currentPage","pageSize","pageSizeOptions","variant","disabled","showTitle","_pageSizeOpen","_pageOpen","_this","_inherits","_l","_createClass","key","value","firstUpdated","_pageSizeDropdown","addEventListener","get","totalPages","Math","max","calculateTotalPages","goToPage","newPage","previousPage","console","log","emit","page","onPageSizeSelect","newSize","renderCompactRangeText","trimmed","getRangeText","replace","html","_templateObject","_taggedTemplateLiteral","renderRangeText","_templateObject2","_templateObject3","renderPageSizeSelect","_this3","_templateObject4","map","size","_templateObject5","renderCompactPageSize","_this4","_templateObject6","_templateObject7","renderPrevButton","_this5","_templateObject8","renderNextButton","_this6","_templateObject9","renderPageItem","item","idx","items","_templateObject10","getHiddenPages","indexOf","_templateObject11","_templateObject12","renderPageList","_this8","_templateObject13","Array","from","length","_","i","_templateObject14","getPaginationItems","_templateObject15","render","_templateObject16","__decorate","styles","NileElement","property","attribute","reflect","converter","fromAttribute","v","n","Number","isFinite","floor","prototype","arr","JSON","parse","isArray","every","x","_unused","type","String","Boolean","state","query","_export","customElement"],"mappings":"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"}

package/dist/nile-pagination/nile-pagination.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var n,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){n=_lit.css;}],execute:function execute(){_export("s",a=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .pagination-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--nile-spacing-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .pagination-wrapper.v2 {\n    justify-content: flex-start;\n    gap: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .pagination-wrapper.v2 .pager-container {\n    flex-direction: row;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-md,  var(--ng-spacing-md));\n    margin-right: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .pagination-wrapper.v2 .range-text {\n    margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n  }\n\n  .pager-container {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-3xl, var( --ng-spacing-3xl));\n  }\n\n  .range-text {\n    font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n    white-space: nowrap;\n  }\n\n  .page-size-select {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  ul.pagination {\n    display: flex;\n    list-style: none;\n    padding: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    gap: var(--nile-radius-radius-xxs, var(--ng-spacing-xs));\n  }\n\n  ul.pagination li {\n    margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n  }\n\n  .ellipsis-scroll-wrapper {\n    max-height: 194px;\n    overflow-y: auto;\n    width: 66px;\n  }\n\n  .ellipsis-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n \n\n  .page-size-menu {\n    max-height: 144px;\n    overflow-y: auto;\n  }\n\n  ul.pagination li:first-child {\n    margin-right: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n  }\n  ul.pagination li:last-child {\n    margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n  }\n\n  .page-size-label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n  }\n\n  nile-button::part(base) {\n      min-width: 32px;\n     \n  height: 32px;\n  padding: 0px 6px;\n   \n}\n\n  nile-button::part(base):active {\n  min-width: 32px;\n  height: 32px;\n  padding: 0px 6px;\n  box-shadow: var(--nile-box-shadow-none);\n  border:none;\n}\n \n nile-button.down::part(base){\n  min-width: 62px;\n  border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n }\n\n  nile-button.arrow::part(base){\n  border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n }\n\n.page-size-dropdown .chevron {\n  transition: transform 0.2s;\n}\n.page-size-dropdown .open .chevron {\n  transform: rotate(180deg);\n}\n\n\n\n\n\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var a,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){a=_lit.css;}],execute:function execute(){_export("s",n=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .pagination-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--nile-spacing-spacing-md) var(--nile-spacing-spacing-lg) ;\n  }\n\n \n  .pagination-wrapper.v2 .pager-container {\n    flex-direction: row;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-md);\n    margin-right: var(--nile-spacing-spacing-xl);\n  }\n\n  .pagination-wrapper.v2 .range-text {\n    margin-right: var(--nile-spacing-spacing-md);\n    font-size: var(--nile-font-size-small);\n    color: var(--nile-colors-dark-900);\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n \n  .pagination-wrapper.compact {\n    min-width: 324px;\n    /* max-width: 481px; */\n    justify-content: space-between;\n  }\n\n\n\n.pagination-wrapper.compact .range-text {\n  margin-right: var(--nile-spacing-spacing-md);\n  white-space: nowrap;\n}\n\n\n.pagination-wrapper.compact .pager-container {\n  gap: var(--nile-spacing-spacing-md);\n}\n\n\n  .pagination-wrapper.compact .pager-container {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-md);\n  }\n\n  /* page-size dropdown button in compact mode (no label) */\n  .pagination-wrapper.compact .page-size-dropdown ::part(base) {\n    min-width: 32px;\n    height: 32px;\n    padding: 0 6px;\n  }\n\n  .pagination-wrapper.compact .page-size-dropdown .chevron {\n    transition: transform 0.2s;\n  }\n  .pagination-wrapper.compact .page-size-dropdown .open .chevron {\n    transform: rotate(180deg);\n  }\n\n  /* compact only: hide the fluid-style page list */\n  .pagination-wrapper.compact ul.pagination:not(.compact-pagination) {\n    display: none;\n  }\n\n  /* compact pagination list */\n  .compact-pagination {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-xs);\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n\n  /* trigger button for the \u201Ccurrent page / total pages\u201D dropdown */\n  .page-dropdown .current-page-btn {\n    padding: 2px;\n    font-size: var(--nile-font-size-small);\n  }\n\n  nile-button.current-page-btn::part(base){\n    min-width: 51px;\n  }\n\n  nile-button.current-page-btn::part(base):active {\n  min-width: 51px;\n}\n\n  /* \u2500\u2500\u2500 Common / Fluid Styles \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n \n\n  .pager-container {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-3xl);\n  }\n\n.pagination-wrapper.compact .pager-container {\n  gap: var(--nile-spacing-xxs) !important;\n}\n\n\n\n\n\n\n  .range-text {\n    font-size: var(--nile-font-size-small);\n    color: var(--nile-colors-dark-900);\n    white-space: nowrap;\n  }\n\n  .page-size-select {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  ul.pagination {\n    display: flex;\n    list-style: none;\n    padding: var(--nile-spacing-spacing-none);\n    margin: var(--nile-spacing-spacing-none);\n    gap: var(--nile-radius-radius-xxs);\n  }\n\n  ul.pagination li {\n    margin: var(--nile-spacing-spacing-none);\n  }\n\n  .ellipsis-scroll-wrapper {\n    max-height: 194px;\n    overflow-y: auto;\n    width: 66px;\n  }\n    .down-scroll-wrapper {\n    max-height: 150px;\n    overflow-y: auto;\n    width: 60px;\n  }\n\n\n    .compact-scroll-wrapper {\n    max-height: 160px;\n    overflow-y: auto;\n    width: 60px;\n  }\n  .compact-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n  \n    .page-size-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n      .compact-scroll-wrapper1 {\n    max-height: 164px;\n    overflow-y: auto;\n    width: 60px;\n  }\n\n  .compact-dropdown1 nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n  \n    .compact-dropdown1 nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n\n  .ellipsis-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .page-size-menu {\n    max-height: 144px;\n    overflow-y: auto;\n  }\n\n  /* Only apply first/last margins in the fluid variant */\n.pagination-wrapper.fluid ul.pagination li:first-child {\n  margin-right: var(--nile-spacing-spacing-xs);\n}\n.pagination-wrapper.fluid ul.pagination li:last-child {\n  margin-left: var(--nile-spacing-spacing-md);\n}\n\n\n  .page-size-label {\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-dark-500);\n    margin-left: var(--nile-spacing-spacing-md);\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular); \n  }\n\n  nile-button::part(base) {\n    min-width: 32px;\n    height: 32px;\n    padding: 0px 6px;\n    box-shadow: none;\n  }\n\n  nile-button::part(base):active {\n    min-width: 32px;\n    height: 32px;\n    padding: 0px 6px;\n    box-shadow: none;\n    border: none;\n  }\n\n  nile-button.down::part(base) {\n    min-width: 62px;\n  }\n\n  nile-button.compactbtn:part(base){\n    background-color: red;\n  }\n  .page-size-dropdown .chevron {\n    transition: transform 0.2s;\n  }\n  .page-size-dropdown .open .chevron {\n    transform: rotate(180deg);\n  }\n\n   /* chevron rotation - compact page-size and page-number */\n  .pagination-wrapper.compact .compact-dropdown .chevron,\n  .pagination-wrapper.compact .compact-dropdown1 .chevron {\n    transition: transform 0.2s;\n  }\n  .pagination-wrapper.compact .compact-dropdown .down.open .chevron,\n  .pagination-wrapper.compact .compact-dropdown1 .current-page-btn.open .chevron {\n    transform: rotate(180deg);\n  }\n\n\n"]))));}};});
 //# sourceMappingURL=nile-pagination.css.cjs.js.map

package/dist/nile-pagination/nile-pagination.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-pagination.css.cjs.js","sources":["../../../src/nile-pagination/nile-pagination.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Pagination CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .pagination-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--nile-spacing-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .pagination-wrapper.v2 {\n    justify-content: flex-start;\n    gap: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .pagination-wrapper.v2 .pager-container {\n    flex-direction: row;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-md,  var(--ng-spacing-md));\n    margin-right: var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .pagination-wrapper.v2 .range-text {\n    margin-right: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n  }\n\n  .pager-container {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-3xl, var( --ng-spacing-3xl));\n  }\n\n  .range-text {\n    font-size: var(--nile-font-size-small, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n    white-space: nowrap;\n  }\n\n  .page-size-select {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  ul.pagination {\n    display: flex;\n    list-style: none;\n    padding: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    gap: var(--nile-radius-radius-xxs, var(--ng-spacing-xs));\n  }\n\n  ul.pagination li {\n    margin: var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n  }\n\n  .ellipsis-scroll-wrapper {\n    max-height: 194px;\n    overflow-y: auto;\n    width: 66px;\n  }\n\n  .ellipsis-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-spacing-none, var(--ng-spacing-none));\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n \n\n  .page-size-menu {\n    max-height: 144px;\n    overflow-y: auto;\n  }\n\n  ul.pagination li:first-child {\n    margin-right: var(--nile-spacing-spacing-xs, var(--ng-spacing-xs));\n  }\n  ul.pagination li:last-child {\n    margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n  }\n\n  .page-size-label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    margin-left: var(--nile-spacing-spacing-md, var(--ng-spacing-md));\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n  }\n\n  nile-button::part(base) {\n      min-width: 32px;\n     \n  height: 32px;\n  padding: 0px 6px;\n   \n}\n\n  nile-button::part(base):active {\n  min-width: 32px;\n  height: 32px;\n  padding: 0px 6px;\n  box-shadow: var(--nile-box-shadow-none);\n  border:none;\n}\n \n nile-button.down::part(base){\n  min-width: 62px;\n  border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n }\n\n  nile-button.arrow::part(base){\n  border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n }\n\n.page-size-dropdown .chevron {\n  transition: transform 0.2s;\n}\n.page-size-dropdown .open .chevron {\n  transform: rotate(180deg);\n}\n\n\n\n\n\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-pagination.css.cjs.js","sources":["../../../src/nile-pagination/nile-pagination.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Pagination CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .pagination-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: var(--nile-spacing-spacing-md) var(--nile-spacing-spacing-lg) ;\n  }\n\n \n  .pagination-wrapper.v2 .pager-container {\n    flex-direction: row;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-md);\n    margin-right: var(--nile-spacing-spacing-xl);\n  }\n\n  .pagination-wrapper.v2 .range-text {\n    margin-right: var(--nile-spacing-spacing-md);\n    font-size: var(--nile-font-size-small);\n    color: var(--nile-colors-dark-900);\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular);\n  }\n\n \n  .pagination-wrapper.compact {\n    min-width: 324px;\n    /* max-width: 481px; */\n    justify-content: space-between;\n  }\n\n\n\n.pagination-wrapper.compact .range-text {\n  margin-right: var(--nile-spacing-spacing-md);\n  white-space: nowrap;\n}\n\n\n.pagination-wrapper.compact .pager-container {\n  gap: var(--nile-spacing-spacing-md);\n}\n\n\n  .pagination-wrapper.compact .pager-container {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-md);\n  }\n\n  /* page-size dropdown button in compact mode (no label) */\n  .pagination-wrapper.compact .page-size-dropdown ::part(base) {\n    min-width: 32px;\n    height: 32px;\n    padding: 0 6px;\n  }\n\n  .pagination-wrapper.compact .page-size-dropdown .chevron {\n    transition: transform 0.2s;\n  }\n  .pagination-wrapper.compact .page-size-dropdown .open .chevron {\n    transform: rotate(180deg);\n  }\n\n  /* compact only: hide the fluid-style page list */\n  .pagination-wrapper.compact ul.pagination:not(.compact-pagination) {\n    display: none;\n  }\n\n  /* compact pagination list */\n  .compact-pagination {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-xs);\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n\n\n  /* trigger button for the “current page / total pages” dropdown */\n  .page-dropdown .current-page-btn {\n    padding: 2px;\n    font-size: var(--nile-font-size-small);\n  }\n\n  nile-button.current-page-btn::part(base){\n    min-width: 51px;\n  }\n\n  nile-button.current-page-btn::part(base):active {\n  min-width: 51px;\n}\n\n  /* ─── Common / Fluid Styles ───────────────────────────────────────────────── */\n\n \n\n  .pager-container {\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-spacing-3xl);\n  }\n\n.pagination-wrapper.compact .pager-container {\n  gap: var(--nile-spacing-xxs) !important;\n}\n\n\n\n\n\n\n  .range-text {\n    font-size: var(--nile-font-size-small);\n    color: var(--nile-colors-dark-900);\n    white-space: nowrap;\n  }\n\n  .page-size-select {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  ul.pagination {\n    display: flex;\n    list-style: none;\n    padding: var(--nile-spacing-spacing-none);\n    margin: var(--nile-spacing-spacing-none);\n    gap: var(--nile-radius-radius-xxs);\n  }\n\n  ul.pagination li {\n    margin: var(--nile-spacing-spacing-none);\n  }\n\n  .ellipsis-scroll-wrapper {\n    max-height: 194px;\n    overflow-y: auto;\n    width: 66px;\n  }\n    .down-scroll-wrapper {\n    max-height: 150px;\n    overflow-y: auto;\n    width: 60px;\n  }\n\n\n    .compact-scroll-wrapper {\n    max-height: 160px;\n    overflow-y: auto;\n    width: 60px;\n  }\n  .compact-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n  \n    .page-size-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n      .compact-scroll-wrapper1 {\n    max-height: 164px;\n    overflow-y: auto;\n    width: 60px;\n  }\n\n  .compact-dropdown1 nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n  \n    .compact-dropdown1 nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n\n  .ellipsis-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .page-size-menu {\n    max-height: 144px;\n    overflow-y: auto;\n  }\n\n  /* Only apply first/last margins in the fluid variant */\n.pagination-wrapper.fluid ul.pagination li:first-child {\n  margin-right: var(--nile-spacing-spacing-xs);\n}\n.pagination-wrapper.fluid ul.pagination li:last-child {\n  margin-left: var(--nile-spacing-spacing-md);\n}\n\n\n  .page-size-label {\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-dark-500);\n    margin-left: var(--nile-spacing-spacing-md);\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-weight: var(--nile-font-weight-regular); \n  }\n\n  nile-button::part(base) {\n    min-width: 32px;\n    height: 32px;\n    padding: 0px 6px;\n    box-shadow: none;\n  }\n\n  nile-button::part(base):active {\n    min-width: 32px;\n    height: 32px;\n    padding: 0px 6px;\n    box-shadow: none;\n    border: none;\n  }\n\n  nile-button.down::part(base) {\n    min-width: 62px;\n  }\n\n  nile-button.compactbtn:part(base){\n    background-color: red;\n  }\n  .page-size-dropdown .chevron {\n    transition: transform 0.2s;\n  }\n  .page-size-dropdown .open .chevron {\n    transform: rotate(180deg);\n  }\n\n   /* chevron rotation - compact page-size and page-number */\n  .pagination-wrapper.compact .compact-dropdown .chevron,\n  .pagination-wrapper.compact .compact-dropdown1 .chevron {\n    transition: transform 0.2s;\n  }\n  .pagination-wrapper.compact .compact-dropdown .down.open .chevron,\n  .pagination-wrapper.compact .compact-dropdown1 .current-page-btn.open .chevron {\n    transform: rotate(180deg);\n  }\n\n\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}