@aquera/nile-elements 1.9.0 → 1.9.1

package/dist/nile-file-upload/nile-file-upload.css.esm.js

@@ -1,4 +1,4 @@
-import{css as e}from"lit";const r=e`
+import{css as r}from"lit";const e=r`
   :host {
     display: inline-block;
     width: 100%;
@@ -31,10 +31,10 @@ import{css as e}from"lit";const r=e`
     align-items: center;
     justify-content: space-between;
     gap: 18px;
-    border-radius: var(--nile-radius-radius-xs);
-    border: 1px dashed var(--nile-colors-neutral-500);
-    color: var(--nile-colors-dark-900);
-    background-color: var(--nile-colors-white-base);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
+    border: 1px dashed var(--nile-colors-neutral-500, var(--ng-colors-border-neutral));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
   }
 
   @media (width < 400px) {
@@ -48,13 +48,13 @@ import{css as e}from"lit";const r=e`
   }
 
   .hover-border {
-    border-color: var(--nile-colors-primary-600);
+    border-color: var(--nile-colors-primary-600, var(--ng-colors-border-brand-alt));
   }
 
   .title {
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-900);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
@@ -63,9 +63,9 @@ import{css as e}from"lit";const r=e`
   }
 
   .subtitle {
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-500);
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
@@ -82,19 +82,19 @@ import{css as e}from"lit";const r=e`
     justify-content: space-between;
     align-items: center;
     padding: 12px;
-    border-radius: var(--nile-radius-radius-xs);
-    color: var(--nile-colors-dark-900);
-    border: 1px dashed var(--nile-colors-neutral-500);
-    background-color: var(--nile-colors-white-base);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
+    border: 1px dashed var(--nile-colors-neutral-500, var(--ng-colors-border-neutral));
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
     position: relative;
   }
 
   .vertical-div:hover {
-    border-color: var(--nile-colors-blue-500);
+    border-color: var(--nile-colors-blue-500, var(--ng-colors-border-brand));
   }
 
   .outer-div-border {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .inner-div {
@@ -114,9 +114,9 @@ import{css as e}from"lit";const r=e`
 
   .content h4 {
     margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-900);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
     text-align: center;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -126,8 +126,8 @@ import{css as e}from"lit";const r=e`
       
   .content p {
     margin: 0px;
-    font-size: var(--nile-type-scale-2);
-    color: var(--nile-colors-neutral-700);
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));
     text-align: center;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -147,26 +147,38 @@ import{css as e}from"lit";const r=e`
     cursor: pointer;
   }
 
+  nile-button::part(base) {
+    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-neutral));
+  }
+
+  nile-button:active::part(base) {
+    border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-neutral));
+  }
+
+  nile-button[disabled]::part(base) {
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
+  }
+
   /*  DISABLED STATE */
   .disable {
-    background-color: var(--nile-colors-dark-200);
+    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));
     opacity: 0.8;
     cursor: not-allowed;
-    color: var(--nile-colors-neutral-500);
+    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));
     pointer-events: none;
   }
 
   /* DRAGGING */
   .dragging {
-    background-color: var(--nile-colors-blue-100);
-    border-color: var(--nile-colors-primary-600);
+    background-color: var(--nile-colors-blue-100, var(--ng-colors-bg-brand-secondary));
+    border-color: var(--nile-colors-primary-600, var(--ng-colors-border-brand-alt));
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 18px;
-    color: var(--nile-colors-blue-700);
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
+    color: var(--nile-colors-blue-700, var(--ng-colors-text-brand-secondary-700));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .icons-container {
@@ -197,11 +209,11 @@ import{css as e}from"lit";const r=e`
     align-items: center;
     gap: 18px;
     box-sizing: border-box;
-    border: 1px solid var(--nile-colors-neutral-400)
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary))
   }
-  
+
   .uploading:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .progress-bar-container {
@@ -215,8 +227,8 @@ import{css as e}from"lit";const r=e`
     width: 100%;
     display: flex;
     justify-content: space-between;
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .progress-bar-container p {
@@ -224,17 +236,17 @@ import{css as e}from"lit";const r=e`
   }
 
   .progress-bar-container > p {
-    font-size: var(--nile-type-scale-1);
-    color: var(--nile-colors-dark-500);
+    font-size: var(--nile-type-scale-1, var(--ng-font-size-text-xs));
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
   }
 
   /* PREVIEW STATE */
   .preview {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .preview:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .preview-inner {
@@ -251,8 +263,8 @@ import{css as e}from"lit";const r=e`
     height: 42px;
     width: 42px;
     object-fit: contain;
-    border-radius: var(--nile-radius-radius-xs);
-    border: 1px solid var(--nile-colors-neutral-400);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
   
   .preview-file-info {
@@ -266,14 +278,14 @@ import{css as e}from"lit";const r=e`
 
   .preview-file-info p {
     margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .preview-file-info p:last-of-type{
-    color: var(--nile-colors-neutral-700);
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
+    color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .preview nile-icon:hover {
@@ -282,11 +294,11 @@ import{css as e}from"lit";const r=e`
 
   /* NO PREVIEW STATE */
   .no-preview {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .no-preview:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .no-preview-container {
@@ -297,13 +309,13 @@ import{css as e}from"lit";const r=e`
   .document-icon {
     height: 40px;
     width: 40px;
-    border-radius: var(--nile-radius-radius-xs);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
     padding: 2px 3px 2px 3px;
     display: flex;
     justify-content: center;
     align-items: center;
-    border: 1px solid var(--nile-colors-blue-400);
-    background-color: var(--nile-colors-blue-100);
+    border: 1px solid var(--nile-colors-blue-400, var(--ng-componentcolors-utility-blue-400));
+    background-color: var(--nile-colors-blue-100, var(--ng-colors-bg-brand-secondary));
   }
 
   .document-icon nile-icon {
@@ -322,14 +334,14 @@ import{css as e}from"lit";const r=e`
 
   .preview-file-info p {
     margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .preview-file-info p:last-of-type{
-    color: var(--nile-colors-neutral-700);
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
+    color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary-700));
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .no-preview > nile-icon:hover {
@@ -339,11 +351,11 @@ import{css as e}from"lit";const r=e`
   /* ERROR STATE */
   
   .error {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .error:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .error-container {
@@ -355,13 +367,13 @@ import{css as e}from"lit";const r=e`
   .error-icon {
     height: 40px;
     width: 40px;
-    border-radius: var(--nile-radius-radius-xs);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
     padding: 2px 3px 2px 3px;
     display: flex;
     justify-content: center;
     align-items: center;
-    border: 1px solid var(--nile-colors-red-400);
-    background-color: var(--nile-colors-red-100);
+    border: 1px solid var(--nile-colors-red-400, var(--ng-colors-border-error-subtle));
+    background-color: var(--nile-colors-red-100, var(--ng-colors-bg-error-secondary));
   }
 
   .error-icon nile-icon {
@@ -380,14 +392,14 @@ import{css as e}from"lit";const r=e`
 
   .file-info p {
     margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .file-info p:last-of-type{
-    color: var(--nile-colors-red-700);
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
+    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
   }
 
   .error > nile-icon:hover {
@@ -414,9 +426,9 @@ import{css as e}from"lit";const r=e`
   }
 
   .content-container div.title {
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-900);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
     text-align: center;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -425,9 +437,9 @@ import{css as e}from"lit";const r=e`
   }
 
   .content-container div.subtitle {
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-dark-500);
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
     text-align: center;
     white-space: nowrap;
     text-overflow: ellipsis;
@@ -442,10 +454,10 @@ import{css as e}from"lit";const r=e`
     justify-content: center;
     align-items: center;
     gap:18px;
-    font-size: var(--nile-type-scale-3);
-    color: var(--nile-colors-blue-700);
-    background-color: var(--nile-colors-blue-100);
-    border-color: var(--nile-colors-blue-500);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    color: var(--nile-colors-blue-700, var(--ng-colors-text-brand-secondary-700));
+    background-color: var(--nile-colors-blue-100, var(--ng-colors-bg-brand-secondary));
+    border-color: var(--nile-colors-blue-500, var(--ng-colors-border-brand));
   }
 
   /* Uploading State */
@@ -454,11 +466,11 @@ import{css as e}from"lit";const r=e`
     flex-direction: column;
     justify-content: flex-end;
     align-items: center;
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .vertical-uploading:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .loading {
@@ -475,28 +487,28 @@ import{css as e}from"lit";const r=e`
 
   /* Preview State */
   .vertical-preview {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .vertical-preview:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .image-preview {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
     object-fit: cover;
     width: 80px;
     height: 80px;
-    border-radius: var(--nile-radius-radius-xs);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
   }
 
   /* Vertical No Preview State */
   .vertical-no-preview {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .vertical-no-preview:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .vertical-document-icon {
@@ -506,23 +518,23 @@ import{css as e}from"lit";const r=e`
     display: flex;
     justify-content: center;
     align-items: center;
-    border-radius: var(--nile-radius-radius-xs);
-    border: 1px solid var(--nile-colors-blue-400);
-    background-color: var(--nile-colors-blue-100);
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
+    border: 1px solid var(--nile-colors-blue-400, var(--ng-componentcolors-utility-blue-400));
+    background-color: var(--nile-colors-blue-100, var(--ng-colors-bg-brand-secondary));
   }
 
   /* Veritcal Error State */
   .vertical-error {
-    border: 1px solid var(--nile-colors-neutral-400);
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .vertical-error:hover {
-    border-color: var(--nile-colors-neutral-400);
+    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
   }
 
   .error-bg {
-    background-color: var(--nile-colors-red-100);
-    border: 1px solid var(--nile-colors-red-400);
+    background-color: var(--nile-colors-red-100, var(--ng-colors-bg-error-secondary));
+    border: 1px solid var(--nile-colors-red-400, var(--ng-colors-border-error-subtle));
   }
 
   .error-message {
@@ -532,14 +544,14 @@ import{css as e}from"lit";const r=e`
     align-items: center;
     gap: 8px;
     margin: 0px;
-    font-size: var(--nile-type-scale-3);
-    font-weight: var(--nile-font-weight-regular);
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     text-align: start;
   }
 
   .error-p {
-    color: var(--nile-colors-red-700);
-    font-size: var(--nile-type-scale-2);
+    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
     width: 216px;
     white-space: nowrap;
     overflow: hidden;
@@ -566,8 +578,8 @@ import{css as e}from"lit";const r=e`
     min-width: 230px;
     max-height: 200px;
     overflow-y: auto;
-    border: 1px solid var(--nile-colors-neutral-700);
-    border-radius: var(--nile-radius-radius-xs);
+    border: 1px solid var(--nile-colors-neutral-700, var(--ng-colors-border-neutral));
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
     scrollbar-width: none;
     padding: 12px;
   }
@@ -582,18 +594,18 @@ import{css as e}from"lit";const r=e`
 
   /* for the upload error messages */
   .upload-error {
-    font-size: var(--nile-type-scale-2);
-    font-weight: var(--nile-font-weight-regular);
-    color: var(--nile-colors-red-700);
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
     display: flex;
     justify-content: flex-start;
     align-items: center;
-    gap: var(--nile-spacing-one-half-x);
+    gap: var(--nile-spacing-one-half-x, var(--ng-spacing-xxs));
     margin-top: 10px;
   }
 
   .upload-error > nile-tooltip > span {
-    color: var(--nile-colors-red-700);
+    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
     white-space: nowrap;
     text-align: left;
     max-width: 560px;
@@ -603,18 +615,27 @@ import{css as e}from"lit";const r=e`
 
   .vertical-upload-error {
     display: flex;
+    align-items: center;
     gap: 4px;
     margin-top: 10px;
   }
 
   .vertical-upload-error nile-tooltip span, .vertical-upload-error span {
-    color: var(--nile-colors-red-700);
+    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));
     white-space: nowrap;
     text-align: left;
     width: 222px;
     overflow: hidden;
     text-overflow: ellipsis;
-    font-size: var(--nile-type-scale-2);
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
     display: inline-block;
   }
-`;export{r as s};
+
+  .upload-error nile-lite-tooltip,
+  .vertical-upload-error nile-lite-tooltip {
+    display: flex;
+    align-items: center;
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    line-height: 1;
+  }
+`;export{e 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","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.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,_templateObject17,_templateObject18,_templateObject19,_templateObject20,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;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],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,_this._miniPageOpen=!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,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=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n              size=\"14\"\n              method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\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=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n            size=\"14\"\n            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\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          class=\"prev-button\"\n        >\n          <nile-icon name=\"var(--nile-icon-arrow-left, var(--ng-icon-chevron-left))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" 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          class=\"next-button\"\n        >\n          <nile-icon name=\"var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" 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:"renderMiniPrevButton",value:function renderMiniPrevButton(){var _this8=this;return e(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=","\n          @click=","\n          class=\"mini-prev-button\"\n        >\n          <nile-icon name=\"var(--nile-icon-arrow-left, var(--ng-icon-chevron-left))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"12\"></nile-icon>\n        </nile-button>\n      </li>\n    "])),1===this.currentPage||this.disabled,function(){return _this8.goToPage(_this8.currentPage-1);});}},{key:"renderMiniNextButton",value:function renderMiniNextButton(){var _this9=this;return e(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=","\n          @click=","\n          class=\"mini-next-button\"\n        >\n          <nile-icon name=\"var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"12\"></nile-icon>\n        </nile-button>\n      </li>\n    "])),this.currentPage===this.totalPages||this.disabled,function(){return _this9.goToPage(_this9.currentPage+1);});}},{key:"renderMini",value:function renderMini(){var _this10=this;return e(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n      <div part=\"wrapper\" class=\"pagination-wrapper mini\">\n        <span part=\"mini-showing-label\" class=\"mini-showing-label\">Showing</span>\n        <nile-dropdown\n          part=\"mini-page-dropdown\"\n          class=\"mini-page-dropdown\"\n          ?disabled=","\n          @nile-show=","\n          @nile-after-hide=","\n        >\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"mini-page-btn ","\"\n            ?disabled=","\n          >\n            ","\n            <nile-icon\n              name=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n              size=\"12\"\n              method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n              class=\"chevron\"\n            ></nile-icon>\n          </nile-button>\n          <nile-menu>\n            <div class=\"mini-scroll-wrapper\">\n              ","\n            </div>\n          </nile-menu>\n        </nile-dropdown>\n        <span part=\"mini-of-label\" class=\"mini-of-label\">of ","</span>\n        <nav aria-label=\"Pagination\" part=\"mini-nav\" class=\"mini-nav\">\n          <ul part=\"mini-page-list\" class=\"pagination mini-pagination\">\n            ","\n            ","\n          </ul>\n        </nav>\n      </div>\n    "])),this.disabled,function(){return _this10._miniPageOpen=!0;},function(){return _this10._miniPageOpen=!1;},this._miniPageOpen?"open":"",this.disabled,this.currentPage,Array.from({length:this.totalPages},function(i,e){return e+1;}).map(function(i){return e(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n                  <nile-menu-item\n                    ?disabled=","\n                    @click=","\n                  >\n                    ","\n                  </nile-menu-item>\n                "])),_this10.disabled,function(){return _this10.goToPage(i);},i);}),this.totalPages,this.renderMiniPrevButton(),this.renderMiniNextButton());}},{key:"renderPageList",value:function renderPageList(){var _this11=this;if("compact"===this.variant)return e(_templateObject17||(_templateObject17=_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=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n                    size=\"14\"\n                    method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\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 _this11._pageOpen=!0;},function(){return _this11._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(_templateObject18||(_templateObject18=_taggedTemplateLiteral(["\n                        <nile-menu-item\n                          ?disabled=","\n                          @click=","\n                        >\n                          ","\n                        </nile-menu-item>\n                      "])),_this11.disabled,function(){return _this11.goToPage(i);},i);}),this.renderNextButton());var i=d(this.totalPages,this.currentPage);return e(_templateObject19||(_templateObject19=_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 _this11.renderPageItem(e,t,i);}),this.renderNextButton());}},{key:"render",value:function render(){return"mini"===this.variant?this.renderMini():e(_templateObject20||(_templateObject20=_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,reflect:!0})],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([n()],p.prototype,"_miniPageOpen",void 0),i([s(".page-size-dropdown")],p.prototype,"_pageSizeDropdown",void 0),_export("N",p=i([r("nile-pagination")],p));}};});
+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","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.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,_templateObject17,_templateObject18,_templateObject19,_templateObject20,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;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],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.portal=!1,_this._pageSizeOpen=!1,_this._pageOpen=!1,_this._miniPageOpen=!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,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\" ?portal="," ?disabled=",">\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"down ","\"\n            ?disabled=","\n          >\n            ","\n            <nile-icon\n                 name=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n              size=\"14\"\n              method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\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.portal,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        ?portal=","\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=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n            size=\"14\"\n            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\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.portal,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          class=\"prev-button\"\n        >\n          <nile-icon name=\"var(--nile-icon-arrow-left, var(--ng-icon-chevron-left))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" 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          class=\"next-button\"\n        >\n          <nile-icon name=\"var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" 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\" ?portal="," ?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.portal,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:"renderMiniPrevButton",value:function renderMiniPrevButton(){var _this8=this;return e(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=","\n          @click=","\n          class=\"mini-prev-button\"\n        >\n          <nile-icon name=\"var(--nile-icon-arrow-left, var(--ng-icon-chevron-left))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"12\"></nile-icon>\n        </nile-button>\n      </li>\n    "])),1===this.currentPage||this.disabled,function(){return _this8.goToPage(_this8.currentPage-1);});}},{key:"renderMiniNextButton",value:function renderMiniNextButton(){var _this9=this;return e(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n      <li>\n        <nile-button\n          variant=\"tertiary\"\n          ?disabled=","\n          @click=","\n          class=\"mini-next-button\"\n        >\n          <nile-icon name=\"var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" size=\"12\"></nile-icon>\n        </nile-button>\n      </li>\n    "])),this.currentPage===this.totalPages||this.disabled,function(){return _this9.goToPage(_this9.currentPage+1);});}},{key:"renderMini",value:function renderMini(){var _this10=this;return e(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n      <div part=\"wrapper\" class=\"pagination-wrapper mini\">\n        <span part=\"mini-showing-label\" class=\"mini-showing-label\">Showing</span>\n        <nile-dropdown\n          part=\"mini-page-dropdown\"\n          class=\"mini-page-dropdown\"\n          ?portal=","\n          ?disabled=","\n          @nile-show=","\n          @nile-after-hide=","\n        >\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"mini-page-btn ","\"\n            ?disabled=","\n          >\n            ","\n            <nile-icon\n              name=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n              size=\"12\"\n              method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n              class=\"chevron\"\n            ></nile-icon>\n          </nile-button>\n          <nile-menu>\n            <div class=\"mini-scroll-wrapper\">\n              ","\n            </div>\n          </nile-menu>\n        </nile-dropdown>\n        <span part=\"mini-of-label\" class=\"mini-of-label\">of ","</span>\n        <nav aria-label=\"Pagination\" part=\"mini-nav\" class=\"mini-nav\">\n          <ul part=\"mini-page-list\" class=\"pagination mini-pagination\">\n            ","\n            ","\n          </ul>\n        </nav>\n      </div>\n    "])),this.portal,this.disabled,function(){return _this10._miniPageOpen=!0;},function(){return _this10._miniPageOpen=!1;},this._miniPageOpen?"open":"",this.disabled,this.currentPage,Array.from({length:this.totalPages},function(i,e){return e+1;}).map(function(i){return e(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n                  <nile-menu-item\n                    ?disabled=","\n                    @click=","\n                  >\n                    ","\n                  </nile-menu-item>\n                "])),_this10.disabled,function(){return _this10.goToPage(i);},i);}),this.totalPages,this.renderMiniPrevButton(),this.renderMiniNextButton());}},{key:"renderPageList",value:function renderPageList(){var _this11=this;if("compact"===this.variant)return e(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["\n        <nav aria-label=\"Pagination\">\n          <ul class=\"pagination compact-pagination\">\n            ","\n            <li>\n              <nile-dropdown\n                class=\"compact-dropdown1\"\n                ?portal=","\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=\"var(--nile-icon-chevron-down, var(--ng-icon-chevron-down))\"\n                    size=\"14\"\n                    method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\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.portal,this.disabled,function(){return _this11._pageOpen=!0;},function(){return _this11._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(_templateObject18||(_templateObject18=_taggedTemplateLiteral(["\n                        <nile-menu-item\n                          ?disabled=","\n                          @click=","\n                        >\n                          ","\n                        </nile-menu-item>\n                      "])),_this11.disabled,function(){return _this11.goToPage(i);},i);}),this.renderNextButton());var i=d(this.totalPages,this.currentPage);return e(_templateObject19||(_templateObject19=_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 _this11.renderPageItem(e,t,i);}),this.renderNextButton());}},{key:"render",value:function render(){return"mini"===this.variant?this.renderMini():e(_templateObject20||(_templateObject20=_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,reflect:!0})],p.prototype,"disabled",void 0),i([t({type:Boolean})],p.prototype,"showTitle",void 0),i([t({type:Boolean,reflect:!0})],p.prototype,"portal",void 0),i([n()],p.prototype,"_pageSizeOpen",void 0),i([n()],p.prototype,"_pageOpen",void 0),i([n()],p.prototype,"_miniPageOpen",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