asksuite-citrus 1.5.1 → 1.5.3

package/fesm2022/asksuite-citrus.mjs

@@ -1849,21 +1849,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
 class PaginationComponent {
     constructor() {
         this.maxPages = 1;
+        this.selectedPage = 1;
         this.maxPageItemsOnDisplay = 5;
         this.resultsPerPage = 10;
         this.resultsPerPageOptions = [10, 20, 30, 50, 100];
         this.pageChange = new EventEmitter();
         this.pagesDisplay = [];
         this.currentPageGroup = 0;
-        this.selectedPage = 1;
         this.disablePrevious = true;
         this.disableNext = false;
     }
     ngOnInit() {
+        this.currentPageGroup = this.getGroupByPage(this.selectedPage);
         this.buildDisplay(this.currentPageGroup);
     }
     ngOnChanges(changes) {
-        if (changes['maxPages']) {
+        if (changes['maxPages'] && this.pagesDisplay.length) {
             this.buildDisplay(0);
             this.changePage(1);
         }
@@ -1874,12 +1875,13 @@ class PaginationComponent {
         this.pagesDisplay.forEach(page => {
             page.isSelected = page.page === pageAsString;
         });
-        this.disablePrevious = this.selectedPage === 1;
-        this.disableNext = this.selectedPage === this.maxPages;
         const selectedPageGroup = this.getGroupByPage(this.selectedPage);
         if (selectedPageGroup !== this.currentPageGroup) {
             this.buildDisplay(selectedPageGroup);
         }
+        else {
+            this.checkArrowsState();
+        }
         this.emitChange();
     }
     buildDisplay(pageGroup) {
@@ -1888,6 +1890,7 @@ class PaginationComponent {
         this.buildCurrentPageGroup(newDisplay, pageGroup);
         this.addPreviousPageGroupIfNeeded(newDisplay);
         this.addNextPageGroupIfNeeded(newDisplay);
+        this.checkArrowsState();
         this.pagesDisplay = newDisplay;
     }
     buildCurrentPageGroup(newDisplay, pageGroup) {
@@ -1920,9 +1923,13 @@ class PaginationComponent {
     getGroupByPage(page) {
         return Math.ceil(page / this.maxPageItemsOnDisplay) - 1;
     }
+    checkArrowsState() {
+        this.disablePrevious = this.selectedPage === 1;
+        this.disableNext = this.selectedPage === this.maxPages;
+    }
     handleResultsPerPageChange(value) {
         this.resultsPerPage = Number(value);
-        this.emitChange();
+        this.changePage(1);
     }
     emitChange() {
         this.pageChange.emit({
@@ -1931,14 +1938,16 @@ class PaginationComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PaginationComponent, selector: "ask-pagination", inputs: { maxPages: "maxPages", maxPageItemsOnDisplay: "maxPageItemsOnDisplay", resultsPerPage: "resultsPerPage", resultsPerPageOptions: "resultsPerPageOptions" }, outputs: { pageChange: "pageChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"page-size\">\n  <p class=\"label\">{{ 'RESULTS_PER_PAGE' | translate }}</p>\n\n  <select\n    class=\"size\"\n    name=\"resultsPerPage\"\n    id=\"resultsPerPage\"\n    data-testid=\"results-per-page-select\"\n    [ngModel]=\"resultsPerPage\"\n    (ngModelChange)=\"handleResultsPerPageChange($event)\"\n  >\n    <option *ngFor=\"let value of resultsPerPageOptions\" [value]=\"value\">{{ value }}</option>\n  </select>\n</div>\n\n<div class=\"page-selector\">\n  <button\n    type=\"button\"\n    class=\"previous\"\n    data-testid=\"previous-button\"\n    [disabled]=\"disablePrevious\"\n    (click)=\"changePage(selectedPage - 1)\"\n  >\n    <span class=\"material-icons\">\n      chevron_left\n    </span>\n  </button>\n\n  <div class=\"page-list\" data-testid=\"page-list\">\n    <button\n      *ngFor=\"let page of pagesDisplay\"\n      type=\"button\"\n      class=\"page\"\n      [ngClass]=\"{\n        '-selected': page.isSelected,\n        '-more': page.isGroupChange,\n      }\"\n      (click)=\"page.onClick()\"\n    >\n      {{ page.page }}\n    </button>\n  </div>\n\n  <button\n    type=\"button\"\n    class=\"next\"\n    data-testid=\"next-button\"\n    [disabled]=\"disableNext\"\n    (click)=\"changePage(selectedPage + 1)\"\n  >\n    <span class=\"material-icons\">\n      chevron_right\n    </span>\n  </button>\n</div>\n", styles: [":root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{display:flex;flex-direction:row;gap:32px}.page-size{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--font-color-200)}.page-size>.label{font-size:.875rem}.page-size>.size{border:1px solid var(--font-color-200);background:none;border-radius:2px;outline:none;padding:5.5px 8px;font-size:.875rem;color:var(--font-color-200)}.page-selector{display:flex;flex-direction:row;gap:2px}.page-selector>.previous,.page-selector>.next{display:flex;align-items:center;justify-content:center;border:1px solid var(--font-color-200);background:none;border-radius:2px;outline:none;padding:0 8px;font-size:.875rem;color:var(--font-color-200);width:32px;cursor:pointer;transition:all .2s}.page-selector>.previous:hover:not(:disabled),.page-selector>.next:hover:not(:disabled){border-color:var(--font-color-300);color:var(--font-color-300)}.page-selector>.previous:disabled,.page-selector>.next:disabled{border-color:var(--grey-200);color:var(--grey-200);cursor:not-allowed}.page-list{display:flex;flex-direction:row;gap:1px}.page-list>.page{display:flex;align-items:center;justify-content:center;background:var(--divider-background);color:var(--font-color-200);border:none;min-width:32px;padding:0 6px;cursor:pointer;transition:all .2s}.page-list>.page:first-child{border-radius:2px 0 0 2px}.page-list>.page:last-child{border-radius:0 2px 2px 0}.page-list>.page:hover{background:var(--hover-background)}.page-list>.page.-selected{background:var(--font-color-200);color:var(--primary-background)}.page-list>.page.-selected:hover{background:var(--font-color-300)}.page-list>.page.-more{background:none}.page-list>.page.-more:hover{background:var(--hover-background)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PaginationComponent, selector: "ask-pagination", inputs: { maxPages: "maxPages", selectedPage: "selectedPage", maxPageItemsOnDisplay: "maxPageItemsOnDisplay", resultsPerPage: "resultsPerPage", resultsPerPageOptions: "resultsPerPageOptions" }, outputs: { pageChange: "pageChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"page-size\">\n  <p class=\"label\">{{ 'RESULTS_PER_PAGE' | translate }}</p>\n\n  <select\n    class=\"size\"\n    name=\"resultsPerPage\"\n    id=\"resultsPerPage\"\n    data-testid=\"results-per-page-select\"\n    [ngModel]=\"resultsPerPage\"\n    (ngModelChange)=\"handleResultsPerPageChange($event)\"\n  >\n    <option *ngFor=\"let value of resultsPerPageOptions\" [value]=\"value\">{{ value }}</option>\n  </select>\n</div>\n\n<div class=\"page-selector\">\n  <button\n    type=\"button\"\n    class=\"previous\"\n    data-testid=\"previous-button\"\n    [disabled]=\"disablePrevious\"\n    (click)=\"changePage(selectedPage - 1)\"\n  >\n    <span class=\"material-icons\">\n      chevron_left\n    </span>\n  </button>\n\n  <div class=\"page-list\" data-testid=\"page-list\">\n    <button\n      *ngFor=\"let page of pagesDisplay\"\n      type=\"button\"\n      class=\"page\"\n      [ngClass]=\"{\n        '-selected': page.isSelected,\n        '-more': page.isGroupChange,\n      }\"\n      (click)=\"page.onClick()\"\n    >\n      {{ page.page }}\n    </button>\n  </div>\n\n  <button\n    type=\"button\"\n    class=\"next\"\n    data-testid=\"next-button\"\n    [disabled]=\"disableNext\"\n    (click)=\"changePage(selectedPage + 1)\"\n  >\n    <span class=\"material-icons\">\n      chevron_right\n    </span>\n  </button>\n</div>\n", styles: [":root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{display:flex;flex-direction:row;gap:32px}.page-size{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--font-color-200)}.page-size>.label{font-size:.875rem}.page-size>.size{border:1px solid var(--font-color-200);background:none;border-radius:2px;outline:none;padding:5.5px 8px;font-size:.875rem;color:var(--font-color-200)}.page-selector{display:flex;flex-direction:row;gap:2px}.page-selector>.previous,.page-selector>.next{display:flex;align-items:center;justify-content:center;border:1px solid var(--font-color-200);background:none;border-radius:2px;outline:none;padding:0 8px;font-size:.875rem;color:var(--font-color-200);width:32px;cursor:pointer;transition:all .2s}.page-selector>.previous:hover:not(:disabled),.page-selector>.next:hover:not(:disabled){border-color:var(--font-color-300);color:var(--font-color-300)}.page-selector>.previous:disabled,.page-selector>.next:disabled{border-color:var(--grey-200);color:var(--grey-200);cursor:not-allowed}.page-list{display:flex;flex-direction:row;gap:1px}.page-list>.page{display:flex;align-items:center;justify-content:center;background:var(--divider-background);color:var(--font-color-200);border:none;min-width:32px;padding:0 6px;cursor:pointer;transition:all .2s}.page-list>.page:first-child{border-radius:2px 0 0 2px}.page-list>.page:last-child{border-radius:0 2px 2px 0}.page-list>.page:first-child:last-child{border-radius:2px}.page-list>.page:hover{background:var(--hover-background)}.page-list>.page.-selected{background:var(--font-color-200);color:var(--primary-background)}.page-list>.page.-selected:hover{background:var(--font-color-300)}.page-list>.page.-more{background:none}.page-list>.page.-more:hover{background:var(--hover-background)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PaginationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ask-pagination', template: "<div class=\"page-size\">\n  <p class=\"label\">{{ 'RESULTS_PER_PAGE' | translate }}</p>\n\n  <select\n    class=\"size\"\n    name=\"resultsPerPage\"\n    id=\"resultsPerPage\"\n    data-testid=\"results-per-page-select\"\n    [ngModel]=\"resultsPerPage\"\n    (ngModelChange)=\"handleResultsPerPageChange($event)\"\n  >\n    <option *ngFor=\"let value of resultsPerPageOptions\" [value]=\"value\">{{ value }}</option>\n  </select>\n</div>\n\n<div class=\"page-selector\">\n  <button\n    type=\"button\"\n    class=\"previous\"\n    data-testid=\"previous-button\"\n    [disabled]=\"disablePrevious\"\n    (click)=\"changePage(selectedPage - 1)\"\n  >\n    <span class=\"material-icons\">\n      chevron_left\n    </span>\n  </button>\n\n  <div class=\"page-list\" data-testid=\"page-list\">\n    <button\n      *ngFor=\"let page of pagesDisplay\"\n      type=\"button\"\n      class=\"page\"\n      [ngClass]=\"{\n        '-selected': page.isSelected,\n        '-more': page.isGroupChange,\n      }\"\n      (click)=\"page.onClick()\"\n    >\n      {{ page.page }}\n    </button>\n  </div>\n\n  <button\n    type=\"button\"\n    class=\"next\"\n    data-testid=\"next-button\"\n    [disabled]=\"disableNext\"\n    (click)=\"changePage(selectedPage + 1)\"\n  >\n    <span class=\"material-icons\">\n      chevron_right\n    </span>\n  </button>\n</div>\n", styles: [":root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{display:flex;flex-direction:row;gap:32px}.page-size{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--font-color-200)}.page-size>.label{font-size:.875rem}.page-size>.size{border:1px solid var(--font-color-200);background:none;border-radius:2px;outline:none;padding:5.5px 8px;font-size:.875rem;color:var(--font-color-200)}.page-selector{display:flex;flex-direction:row;gap:2px}.page-selector>.previous,.page-selector>.next{display:flex;align-items:center;justify-content:center;border:1px solid var(--font-color-200);background:none;border-radius:2px;outline:none;padding:0 8px;font-size:.875rem;color:var(--font-color-200);width:32px;cursor:pointer;transition:all .2s}.page-selector>.previous:hover:not(:disabled),.page-selector>.next:hover:not(:disabled){border-color:var(--font-color-300);color:var(--font-color-300)}.page-selector>.previous:disabled,.page-selector>.next:disabled{border-color:var(--grey-200);color:var(--grey-200);cursor:not-allowed}.page-list{display:flex;flex-direction:row;gap:1px}.page-list>.page{display:flex;align-items:center;justify-content:center;background:var(--divider-background);color:var(--font-color-200);border:none;min-width:32px;padding:0 6px;cursor:pointer;transition:all .2s}.page-list>.page:first-child{border-radius:2px 0 0 2px}.page-list>.page:last-child{border-radius:0 2px 2px 0}.page-list>.page:hover{background:var(--hover-background)}.page-list>.page.-selected{background:var(--font-color-200);color:var(--primary-background)}.page-list>.page.-selected:hover{background:var(--font-color-300)}.page-list>.page.-more{background:none}.page-list>.page.-more:hover{background:var(--hover-background)}\n"] }]
+            args: [{ selector: 'ask-pagination', template: "<div class=\"page-size\">\n  <p class=\"label\">{{ 'RESULTS_PER_PAGE' | translate }}</p>\n\n  <select\n    class=\"size\"\n    name=\"resultsPerPage\"\n    id=\"resultsPerPage\"\n    data-testid=\"results-per-page-select\"\n    [ngModel]=\"resultsPerPage\"\n    (ngModelChange)=\"handleResultsPerPageChange($event)\"\n  >\n    <option *ngFor=\"let value of resultsPerPageOptions\" [value]=\"value\">{{ value }}</option>\n  </select>\n</div>\n\n<div class=\"page-selector\">\n  <button\n    type=\"button\"\n    class=\"previous\"\n    data-testid=\"previous-button\"\n    [disabled]=\"disablePrevious\"\n    (click)=\"changePage(selectedPage - 1)\"\n  >\n    <span class=\"material-icons\">\n      chevron_left\n    </span>\n  </button>\n\n  <div class=\"page-list\" data-testid=\"page-list\">\n    <button\n      *ngFor=\"let page of pagesDisplay\"\n      type=\"button\"\n      class=\"page\"\n      [ngClass]=\"{\n        '-selected': page.isSelected,\n        '-more': page.isGroupChange,\n      }\"\n      (click)=\"page.onClick()\"\n    >\n      {{ page.page }}\n    </button>\n  </div>\n\n  <button\n    type=\"button\"\n    class=\"next\"\n    data-testid=\"next-button\"\n    [disabled]=\"disableNext\"\n    (click)=\"changePage(selectedPage + 1)\"\n  >\n    <span class=\"material-icons\">\n      chevron_right\n    </span>\n  </button>\n</div>\n", styles: [":root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{display:flex;flex-direction:row;gap:32px}.page-size{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--font-color-200)}.page-size>.label{font-size:.875rem}.page-size>.size{border:1px solid var(--font-color-200);background:none;border-radius:2px;outline:none;padding:5.5px 8px;font-size:.875rem;color:var(--font-color-200)}.page-selector{display:flex;flex-direction:row;gap:2px}.page-selector>.previous,.page-selector>.next{display:flex;align-items:center;justify-content:center;border:1px solid var(--font-color-200);background:none;border-radius:2px;outline:none;padding:0 8px;font-size:.875rem;color:var(--font-color-200);width:32px;cursor:pointer;transition:all .2s}.page-selector>.previous:hover:not(:disabled),.page-selector>.next:hover:not(:disabled){border-color:var(--font-color-300);color:var(--font-color-300)}.page-selector>.previous:disabled,.page-selector>.next:disabled{border-color:var(--grey-200);color:var(--grey-200);cursor:not-allowed}.page-list{display:flex;flex-direction:row;gap:1px}.page-list>.page{display:flex;align-items:center;justify-content:center;background:var(--divider-background);color:var(--font-color-200);border:none;min-width:32px;padding:0 6px;cursor:pointer;transition:all .2s}.page-list>.page:first-child{border-radius:2px 0 0 2px}.page-list>.page:last-child{border-radius:0 2px 2px 0}.page-list>.page:first-child:last-child{border-radius:2px}.page-list>.page:hover{background:var(--hover-background)}.page-list>.page.-selected{background:var(--font-color-200);color:var(--primary-background)}.page-list>.page.-selected:hover{background:var(--font-color-300)}.page-list>.page.-more{background:none}.page-list>.page.-more:hover{background:var(--hover-background)}\n"] }]
         }], propDecorators: { maxPages: [{
                 type: Input,
                 args: [{ required: true }]
+            }], selectedPage: [{
+                type: Input
             }], maxPageItemsOnDisplay: [{
                 type: Input
             }], resultsPerPage: [{
@@ -1986,11 +1995,11 @@ class TableComponent {
         this.sort.emit(column);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: TableComponent, selector: "ask-table", inputs: { tableConfig: "tableConfig", data: "data", maxHeight: "maxHeight" }, outputs: { sort: "sort", pageChange: "pageChange" }, host: { properties: { "style.max-height.px": "this.maxHeight" } }, ngImport: i0, template: "<table class=\"table-container\">\n  <thead class=\"table-header\">\n  <tr class=\"header-row\">\n    <th class=\"table-th\" [class.-sortable]=\"column.sortable\"\n        *ngFor=\"let column of tableConfig.columnConfig\"\n        (click)=\"onSort(column)\"\n        [style.width]=\"column.width\">\n      <div class=\"-{{column.justify}}\">\n        <span>{{ column.title | translate }}</span>\n\n        <span *ngIf=\"column.sortable\" class=\"material-icons sort-icon\" [class.active]=\"!!column.sort\">\n          <ng-container [ngSwitch]=\"column.sort\">\n            <ng-container *ngSwitchCase=\"'asc'\">south</ng-container>\n            <ng-container *ngSwitchCase=\"'desc'\">north</ng-container>\n            <ng-container *ngSwitchDefault>south</ng-container>\n          </ng-container>\n        </span>\n      </div>\n    </th>\n  </tr>\n  </thead>\n\n  <tbody>\n  <ng-content select=\"[ask-table-body]\"></ng-content>\n  </tbody>\n\n  <tfoot class=\"table-footer\">\n    <ng-container *ngIf=\"tableConfig.hasTotalizer\">\n      <ng-content select=\"[ask-table-totalizer]\"></ng-content>\n    </ng-container>\n\n    <div\n      *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) >= 1\"\n      class=\"pagination-wrapper\"\n    >\n      <ask-pagination\n        class=\"pagination\"\n        [maxPages]=\"tableConfig.paginationConfig?.totalPages || 0\"\n        [resultsPerPage]=\"tableConfig.paginationConfig?.itemsPerPage || ITEMS_PER_PAGE_OPTIONS_DEFAULT[0]\"\n        [resultsPerPageOptions]=\"tableConfig.paginationConfig?.itemsPerPageOptions || ITEMS_PER_PAGE_OPTIONS_DEFAULT\"\n        [maxPageItemsOnDisplay]=\"tableConfig.paginationConfig?.maxPageItemsOnDisplay || MAX_PAGE_ITEMS_ON_DISPLAY\"\n        (pageChange)=\"onPageChange($event)\"\n      ></ask-pagination>\n    </div>\n  </tfoot>\n</table>\n", styles: [":root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{display:block;overflow-y:auto;overflow-x:hidden}.table-container{width:100%;background-color:var(--primary-background);border-spacing:0px}.table-header{background-color:var(--primary-background);position:sticky;top:0;box-shadow:0 0 0 1px var(--grey-100)}.table-footer{background-color:var(--primary-background);position:sticky;bottom:0}::ng-deep tbody{font-size:14px;font-weight:400;color:var(--grey-500)}::ng-deep tbody td{padding:8px 0;border-top:1px solid var(--grey-100);border-bottom:none;vertical-align:middle}.table-th{padding:20px 0 8px;color:var(--grey-300);font-size:12px;font-weight:400}.table-th>div{display:flex;flex-direction:row;align-items:center}.table-th.-sortable{cursor:pointer}.table-th>.-left{text-align:left;justify-content:left}.table-th>.-right{text-align:right;justify-content:right}.table-th>.-center{text-align:center;justify-content:center}::ng-deep tfoot{font-size:14px;font-weight:500;color:var(--grey-500)}::ng-deep tfoot td{font-size:14px;font-weight:500;padding:16px 0;border-top:3px solid var(--grey-100);border-bottom:none;vertical-align:middle}.sort-icon{color:var(--grey-200)}.sort-icon.active{color:var(--grey-400)}.pagination-wrapper{position:relative;height:32px}.pagination-wrapper>.pagination{position:absolute;width:100vw;background-color:var(--primary-background)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: PaginationComponent, selector: "ask-pagination", inputs: ["maxPages", "maxPageItemsOnDisplay", "resultsPerPage", "resultsPerPageOptions"], outputs: ["pageChange"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: TableComponent, selector: "ask-table", inputs: { tableConfig: "tableConfig", data: "data", maxHeight: "maxHeight" }, outputs: { sort: "sort", pageChange: "pageChange" }, host: { properties: { "style.max-height.px": "this.maxHeight" } }, ngImport: i0, template: "<table class=\"table-container\">\n  <thead class=\"table-header\">\n  <tr class=\"header-row\">\n    <th class=\"table-th\" [class.-sortable]=\"column.sortable\"\n        *ngFor=\"let column of tableConfig.columnConfig\"\n        (click)=\"onSort(column)\"\n        [style.width]=\"column.width\">\n      <div class=\"-{{column.justify}}\">\n        <span>{{ column.title | translate }}</span>\n\n        <span *ngIf=\"column.sortable\" class=\"material-icons sort-icon\" [class.active]=\"!!column.sort\">\n          <ng-container [ngSwitch]=\"column.sort\">\n            <ng-container *ngSwitchCase=\"'asc'\">south</ng-container>\n            <ng-container *ngSwitchCase=\"'desc'\">north</ng-container>\n            <ng-container *ngSwitchDefault>south</ng-container>\n          </ng-container>\n        </span>\n      </div>\n    </th>\n  </tr>\n  </thead>\n\n  <tbody>\n  <ng-content select=\"[ask-table-body]\"></ng-content>\n  </tbody>\n\n  <tfoot class=\"table-footer\">\n    <ng-container *ngIf=\"tableConfig.hasTotalizer\">\n      <ng-content select=\"[ask-table-totalizer]\"></ng-content>\n    </ng-container>\n\n    <div\n      *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) >= 1\"\n      class=\"pagination-wrapper\"\n    >\n      <ask-pagination\n        class=\"pagination\"\n        [maxPages]=\"tableConfig.paginationConfig?.totalPages || 0\"\n        [resultsPerPage]=\"tableConfig.paginationConfig?.itemsPerPage || ITEMS_PER_PAGE_OPTIONS_DEFAULT[0]\"\n        [resultsPerPageOptions]=\"tableConfig.paginationConfig?.itemsPerPageOptions || ITEMS_PER_PAGE_OPTIONS_DEFAULT\"\n        [maxPageItemsOnDisplay]=\"tableConfig.paginationConfig?.maxPageItemsOnDisplay || MAX_PAGE_ITEMS_ON_DISPLAY\"\n        [selectedPage]=\"tableConfig.paginationConfig?.currentPage || 1\"\n        (pageChange)=\"onPageChange($event)\"\n      ></ask-pagination>\n    </div>\n  </tfoot>\n</table>\n", styles: [":root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{display:block;overflow-y:auto;overflow-x:hidden}.table-container{width:100%;background-color:var(--primary-background);border-spacing:0px}.table-header{background-color:var(--primary-background);position:sticky;top:0;box-shadow:0 0 0 1px var(--grey-100)}.table-footer{background-color:var(--primary-background);position:sticky;bottom:0}::ng-deep tbody{font-size:14px;font-weight:400;color:var(--grey-500)}::ng-deep tbody td{padding:8px;border-top:1px solid var(--grey-100);border-bottom:none;vertical-align:middle}.table-th{padding:8px;color:var(--grey-300);font-size:12px;font-weight:400}.table-th>div{display:flex;flex-direction:row;align-items:center}.table-th.-sortable{cursor:default}.table-th>.-left{text-align:left;justify-content:left}.table-th>.-right{text-align:right;justify-content:right}.table-th>.-center{text-align:center;justify-content:center}::ng-deep tfoot{font-size:14px;font-weight:500;color:var(--grey-500)}::ng-deep tfoot td{font-size:14px;font-weight:500;padding:16px 8px;border-top:3px solid var(--grey-100);border-bottom:none;vertical-align:middle}.sort-icon{color:var(--grey-200);-webkit-user-select:none;user-select:none;font-size:14px;cursor:pointer}.sort-icon.active{color:var(--grey-600)}.pagination-wrapper{position:relative;height:32px;margin-top:24px}.pagination-wrapper>.pagination{position:absolute;width:100vw;background-color:var(--primary-background)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: PaginationComponent, selector: "ask-pagination", inputs: ["maxPages", "selectedPage", "maxPageItemsOnDisplay", "resultsPerPage", "resultsPerPageOptions"], outputs: ["pageChange"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ask-table', template: "<table class=\"table-container\">\n  <thead class=\"table-header\">\n  <tr class=\"header-row\">\n    <th class=\"table-th\" [class.-sortable]=\"column.sortable\"\n        *ngFor=\"let column of tableConfig.columnConfig\"\n        (click)=\"onSort(column)\"\n        [style.width]=\"column.width\">\n      <div class=\"-{{column.justify}}\">\n        <span>{{ column.title | translate }}</span>\n\n        <span *ngIf=\"column.sortable\" class=\"material-icons sort-icon\" [class.active]=\"!!column.sort\">\n          <ng-container [ngSwitch]=\"column.sort\">\n            <ng-container *ngSwitchCase=\"'asc'\">south</ng-container>\n            <ng-container *ngSwitchCase=\"'desc'\">north</ng-container>\n            <ng-container *ngSwitchDefault>south</ng-container>\n          </ng-container>\n        </span>\n      </div>\n    </th>\n  </tr>\n  </thead>\n\n  <tbody>\n  <ng-content select=\"[ask-table-body]\"></ng-content>\n  </tbody>\n\n  <tfoot class=\"table-footer\">\n    <ng-container *ngIf=\"tableConfig.hasTotalizer\">\n      <ng-content select=\"[ask-table-totalizer]\"></ng-content>\n    </ng-container>\n\n    <div\n      *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) >= 1\"\n      class=\"pagination-wrapper\"\n    >\n      <ask-pagination\n        class=\"pagination\"\n        [maxPages]=\"tableConfig.paginationConfig?.totalPages || 0\"\n        [resultsPerPage]=\"tableConfig.paginationConfig?.itemsPerPage || ITEMS_PER_PAGE_OPTIONS_DEFAULT[0]\"\n        [resultsPerPageOptions]=\"tableConfig.paginationConfig?.itemsPerPageOptions || ITEMS_PER_PAGE_OPTIONS_DEFAULT\"\n        [maxPageItemsOnDisplay]=\"tableConfig.paginationConfig?.maxPageItemsOnDisplay || MAX_PAGE_ITEMS_ON_DISPLAY\"\n        (pageChange)=\"onPageChange($event)\"\n      ></ask-pagination>\n    </div>\n  </tfoot>\n</table>\n", styles: [":root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{display:block;overflow-y:auto;overflow-x:hidden}.table-container{width:100%;background-color:var(--primary-background);border-spacing:0px}.table-header{background-color:var(--primary-background);position:sticky;top:0;box-shadow:0 0 0 1px var(--grey-100)}.table-footer{background-color:var(--primary-background);position:sticky;bottom:0}::ng-deep tbody{font-size:14px;font-weight:400;color:var(--grey-500)}::ng-deep tbody td{padding:8px 0;border-top:1px solid var(--grey-100);border-bottom:none;vertical-align:middle}.table-th{padding:20px 0 8px;color:var(--grey-300);font-size:12px;font-weight:400}.table-th>div{display:flex;flex-direction:row;align-items:center}.table-th.-sortable{cursor:pointer}.table-th>.-left{text-align:left;justify-content:left}.table-th>.-right{text-align:right;justify-content:right}.table-th>.-center{text-align:center;justify-content:center}::ng-deep tfoot{font-size:14px;font-weight:500;color:var(--grey-500)}::ng-deep tfoot td{font-size:14px;font-weight:500;padding:16px 0;border-top:3px solid var(--grey-100);border-bottom:none;vertical-align:middle}.sort-icon{color:var(--grey-200)}.sort-icon.active{color:var(--grey-400)}.pagination-wrapper{position:relative;height:32px}.pagination-wrapper>.pagination{position:absolute;width:100vw;background-color:var(--primary-background)}\n"] }]
+            args: [{ selector: 'ask-table', template: "<table class=\"table-container\">\n  <thead class=\"table-header\">\n  <tr class=\"header-row\">\n    <th class=\"table-th\" [class.-sortable]=\"column.sortable\"\n        *ngFor=\"let column of tableConfig.columnConfig\"\n        (click)=\"onSort(column)\"\n        [style.width]=\"column.width\">\n      <div class=\"-{{column.justify}}\">\n        <span>{{ column.title | translate }}</span>\n\n        <span *ngIf=\"column.sortable\" class=\"material-icons sort-icon\" [class.active]=\"!!column.sort\">\n          <ng-container [ngSwitch]=\"column.sort\">\n            <ng-container *ngSwitchCase=\"'asc'\">south</ng-container>\n            <ng-container *ngSwitchCase=\"'desc'\">north</ng-container>\n            <ng-container *ngSwitchDefault>south</ng-container>\n          </ng-container>\n        </span>\n      </div>\n    </th>\n  </tr>\n  </thead>\n\n  <tbody>\n  <ng-content select=\"[ask-table-body]\"></ng-content>\n  </tbody>\n\n  <tfoot class=\"table-footer\">\n    <ng-container *ngIf=\"tableConfig.hasTotalizer\">\n      <ng-content select=\"[ask-table-totalizer]\"></ng-content>\n    </ng-container>\n\n    <div\n      *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) >= 1\"\n      class=\"pagination-wrapper\"\n    >\n      <ask-pagination\n        class=\"pagination\"\n        [maxPages]=\"tableConfig.paginationConfig?.totalPages || 0\"\n        [resultsPerPage]=\"tableConfig.paginationConfig?.itemsPerPage || ITEMS_PER_PAGE_OPTIONS_DEFAULT[0]\"\n        [resultsPerPageOptions]=\"tableConfig.paginationConfig?.itemsPerPageOptions || ITEMS_PER_PAGE_OPTIONS_DEFAULT\"\n        [maxPageItemsOnDisplay]=\"tableConfig.paginationConfig?.maxPageItemsOnDisplay || MAX_PAGE_ITEMS_ON_DISPLAY\"\n        [selectedPage]=\"tableConfig.paginationConfig?.currentPage || 1\"\n        (pageChange)=\"onPageChange($event)\"\n      ></ask-pagination>\n    </div>\n  </tfoot>\n</table>\n", styles: [":root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{display:block;overflow-y:auto;overflow-x:hidden}.table-container{width:100%;background-color:var(--primary-background);border-spacing:0px}.table-header{background-color:var(--primary-background);position:sticky;top:0;box-shadow:0 0 0 1px var(--grey-100)}.table-footer{background-color:var(--primary-background);position:sticky;bottom:0}::ng-deep tbody{font-size:14px;font-weight:400;color:var(--grey-500)}::ng-deep tbody td{padding:8px;border-top:1px solid var(--grey-100);border-bottom:none;vertical-align:middle}.table-th{padding:8px;color:var(--grey-300);font-size:12px;font-weight:400}.table-th>div{display:flex;flex-direction:row;align-items:center}.table-th.-sortable{cursor:default}.table-th>.-left{text-align:left;justify-content:left}.table-th>.-right{text-align:right;justify-content:right}.table-th>.-center{text-align:center;justify-content:center}::ng-deep tfoot{font-size:14px;font-weight:500;color:var(--grey-500)}::ng-deep tfoot td{font-size:14px;font-weight:500;padding:16px 8px;border-top:3px solid var(--grey-100);border-bottom:none;vertical-align:middle}.sort-icon{color:var(--grey-200);-webkit-user-select:none;user-select:none;font-size:14px;cursor:pointer}.sort-icon.active{color:var(--grey-600)}.pagination-wrapper{position:relative;height:32px;margin-top:24px}.pagination-wrapper>.pagination{position:absolute;width:100vw;background-color:var(--primary-background)}\n"] }]
         }], propDecorators: { tableConfig: [{
                 type: Input
             }], data: [{