asksuite-citrus 1.7.8 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2,8 +2,9 @@ import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/co
|
|
|
2
2
|
import * as _ from 'lodash';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "
|
|
6
|
-
import * as i3 from "
|
|
5
|
+
import * as i2 from "../../directives/tooltip/ask-tooltip.directive";
|
|
6
|
+
import * as i3 from "../pagination/pagination.component";
|
|
7
|
+
import * as i4 from "@ngx-translate/core";
|
|
7
8
|
export class TableComponent {
|
|
8
9
|
constructor() {
|
|
9
10
|
this._tableConfig = {
|
|
@@ -41,11 +42,11 @@ export class TableComponent {
|
|
|
41
42
|
this.sort.emit(column);
|
|
42
43
|
}
|
|
43
44
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
-
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: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";: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-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color:var(--asksuite-orange)}.ask-text-button.-secondary{color:#616e7c}.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)}.ql-editor{padding:14px 16px;font-size:.875rem;word-break:break-word}.bubble-toolbox{position:absolute;background-color:var(--grey-800);border-radius:8px;z-index:999}.top-toolbox{background-color:var(--grey-100)}.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;border-top:1px solid var(--grey-100)}::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-800);font-size:12px}.table-th>div{display:flex;flex-direction:row;align-items:center}.table-th>div span:first-child{font-weight:500}.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;padding-left:4px}.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: i2.PaginationComponent, selector: "ask-pagination", inputs: ["maxPages", "selectedPage", "maxPageItemsOnDisplay", "resultsPerPage", "resultsPerPageOptions"], outputs: ["pageChange"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
|
|
45
|
+
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\n *ngIf=\"column.icon\"\n class=\"material-icons header-icon notranslate\"\n askTooltip\n [askTooltipMessage]=\"(column.icon.message || '') | translate\"\n [askTooltipPosition]=\"'above'\"\n >\n {{ column.icon.name }}\n </span>\n\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: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";: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-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color:var(--asksuite-orange)}.ask-text-button.-secondary{color:#616e7c}.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)}.ql-editor{padding:14px 16px;font-size:.875rem;word-break:break-word}.bubble-toolbox{position:absolute;background-color:var(--grey-800);border-radius:8px;z-index:999}.top-toolbox{background-color:var(--grey-100)}.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;border-top:1px solid var(--grey-100)}::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-800);font-size:12px}.table-th>div{display:flex;flex-direction:row;align-items:center}.table-th>div span:first-child{font-weight:500}.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;padding-left:4px}.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)}.header-icon{font-size:16px;margin-right:4px;color:var(--font-color-200)}\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: "directive", type: i2.AskTooltipDirective, selector: "[askTooltip]", inputs: ["askTooltipMessage", "askTooltipPosition"] }, { kind: "component", type: i3.PaginationComponent, selector: "ask-pagination", inputs: ["maxPages", "selectedPage", "maxPageItemsOnDisplay", "resultsPerPage", "resultsPerPageOptions"], outputs: ["pageChange"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
|
|
45
46
|
}
|
|
46
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TableComponent, decorators: [{
|
|
47
48
|
type: Component,
|
|
48
|
-
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: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";: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-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color:var(--asksuite-orange)}.ask-text-button.-secondary{color:#616e7c}.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)}.ql-editor{padding:14px 16px;font-size:.875rem;word-break:break-word}.bubble-toolbox{position:absolute;background-color:var(--grey-800);border-radius:8px;z-index:999}.top-toolbox{background-color:var(--grey-100)}.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;border-top:1px solid var(--grey-100)}::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-800);font-size:12px}.table-th>div{display:flex;flex-direction:row;align-items:center}.table-th>div span:first-child{font-weight:500}.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;padding-left:4px}.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"] }]
|
|
49
|
+
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\n *ngIf=\"column.icon\"\n class=\"material-icons header-icon notranslate\"\n askTooltip\n [askTooltipMessage]=\"(column.icon.message || '') | translate\"\n [askTooltipPosition]=\"'above'\"\n >\n {{ column.icon.name }}\n </span>\n\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: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";: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-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color:var(--asksuite-orange)}.ask-text-button.-secondary{color:#616e7c}.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)}.ql-editor{padding:14px 16px;font-size:.875rem;word-break:break-word}.bubble-toolbox{position:absolute;background-color:var(--grey-800);border-radius:8px;z-index:999}.top-toolbox{background-color:var(--grey-100)}.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;border-top:1px solid var(--grey-100)}::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-800);font-size:12px}.table-th>div{display:flex;flex-direction:row;align-items:center}.table-th>div span:first-child{font-weight:500}.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;padding-left:4px}.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)}.header-icon{font-size:16px;margin-right:4px;color:var(--font-color-200)}\n"] }]
|
|
49
50
|
}], propDecorators: { tableConfig: [{
|
|
50
51
|
type: Input
|
|
51
52
|
}], data: [{
|
|
@@ -60,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
60
61
|
}, {
|
|
61
62
|
type: Input
|
|
62
63
|
}] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNrc3VpdGUtY2l0cnVzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS90YWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9jb21wb25lbnRzL3RhYmxlL3RhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sS0FBSyxDQUFDLE1BQU0sUUFBUSxDQUFDOzs7Ozs7QUEyQzVCLE1BQU0sT0FBTyxjQUFjO0lBTDNCO1FBT1UsaUJBQVksR0FBZ0I7WUFDbEMsWUFBWSxFQUFFLEVBQUU7U0FDakIsQ0FBQztRQUVpQixtQ0FBOEIsR0FBRyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUN2RCw4QkFBeUIsR0FBRyxDQUFDLENBQUM7UUFReEMsU0FBSSxHQUFVLEVBQUUsQ0FBQztRQUVoQixTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMxQixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQW1CLENBQUM7UUFHZCxjQUFTLEdBQVksU0FBUyxDQUFDO0tBdUI3RTtJQW5DQyxJQUFhLFdBQVcsQ0FBQyxNQUFtQjtRQUMzQyxJQUFJLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQztRQUUzQixJQUFJLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUM7SUFDbkMsQ0FBQztJQUFBLENBQUM7SUFVRixZQUFZLENBQUMsS0FBc0I7UUFDakMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBQUEsQ0FBQztJQUVGLE1BQU0sQ0FBQyxNQUFvQjtRQUN6QixJQUFHLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBQztZQUNsQixPQUFPO1NBQ1I7UUFDRCxNQUFNLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQyxJQUFJLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUNyRCxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLE9BQU8sQ0FBQyxFQUFFO1lBQ2pELElBQUcsT0FBTyxDQUFDLFFBQVEsS0FBSyxNQUFNLENBQUMsUUFBUSxFQUFDO2dCQUN0QyxPQUFPLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQzthQUMxQjtRQUNILENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDekIsQ0FBQzs4R0ExQ1UsY0FBYztrR0FBZCxjQUFjLHVQQzVDM0IsdXFFQXlEQTs7MkZEYmEsY0FBYztrQkFMMUIsU0FBUzsrQkFDRSxXQUFXOzhCQWFSLFdBQVc7c0JBQXZCLEtBQUs7Z0JBTUcsSUFBSTtzQkFBWixLQUFLO2dCQUVJLElBQUk7c0JBQWIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQUdzQyxTQUFTO3NCQUFyRCxXQUFXO3VCQUFDLHFCQUFxQjs7c0JBQUcsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0ICogYXMgXyBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHtQYWdlQ2hhbmdlRXZlbnR9IGZyb20gXCIuLi9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50XCI7XG5cbmV4cG9ydCB0eXBlIENvbHVtbkNvbmZpZyA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc29ydGFibGU6IGJvb2xlYW47XG4gIHByb3BOYW1lOiBzdHJpbmc7XG4gIGp1c3RpZnk6ICdsZWZ0JyB8ICdyaWdodCcgfCAnY2VudGVyJztcbiAgc29ydD86ICdhc2MnIHwgJ2Rlc2MnO1xuICB3aWR0aD86IHN0cmluZztcbiAgZXhwb3J0Pzp7XG4gICAgaGlkZGVuPzogYm9vbGVhbjtcbiAgICB0eXBlPzogJ1BFUkNFTlRBR0UnIHwgJ0RBVEUnfCAnU1RSSU5HJyB8ICdOVU1CRVInXG4gIH1cbiAgaWNvbj86IENvbHVtbkNvbmZpZ0ljb247XG59XG5cbmV4cG9ydCB0eXBlIENvbHVtbkNvbmZpZ0ljb24gPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgbWVzc2FnZT86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Db25maWcgPSB7XG4gIGl0ZW1zUGVyUGFnZTogbnVtYmVyO1xuICBpdGVtc1BlclBhZ2VPcHRpb25zPzogQXJyYXk8bnVtYmVyPjtcbiAgbWF4UGFnZUl0ZW1zT25EaXNwbGF5PzogbnVtYmVyO1xuICB0b3RhbEl0ZW1zOiBudW1iZXI7XG4gIGN1cnJlbnRQYWdlOiBudW1iZXI7XG4gIHRvdGFsUGFnZXM6IG51bWJlcjtcbn1cblxuZXhwb3J0IHR5cGUgVGFibGVDb25maWcgPSB7XG4gIGNvbHVtbkNvbmZpZzogQ29sdW1uQ29uZmlnW107XG4gIHBhZ2luYXRpb25Db25maWc/OiBQYWdpbmF0aW9uQ29uZmlnO1xuICBoYXNUb3RhbGl6ZXI/OiBib29sZWFuO1xuICBtYXhIZWlnaHQ/OiBudW1iZXI7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Fzay10YWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RhYmxlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGFibGVDb21wb25lbnR7XG5cbiAgcHJpdmF0ZSBfdGFibGVDb25maWc6IFRhYmxlQ29uZmlnID0ge1xuICAgIGNvbHVtbkNvbmZpZzogW11cbiAgfTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgSVRFTVNfUEVSX1BBR0VfT1BUSU9OU19ERUZBVUxUID0gWzEwLCAyMCwgMzAsIDUwLCAxMDBdO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgTUFYX1BBR0VfSVRFTVNfT05fRElTUExBWSA9IDU7XG5cbiAgQElucHV0KCkgc2V0IHRhYmxlQ29uZmlnKGNvbmZpZzogVGFibGVDb25maWcpe1xuICAgdGhpcy5fdGFibGVDb25maWcgPSBjb25maWc7XG5cbiAgIHRoaXMubWF4SGVpZ2h0ID0gY29uZmlnLm1heEhlaWdodDtcbiAgfTtcblxuICBASW5wdXQoKSBkYXRhOiBhbnlbXSA9IFtdO1xuXG4gIEBPdXRwdXQoKSBzb3J0ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8UGFnZUNoYW5nZUV2ZW50PigpO1xuXG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5tYXgtaGVpZ2h0LnB4JykgQElucHV0KCkgbWF4SGVpZ2h0PzogbnVtYmVyID0gdW5kZWZpbmVkO1xuXG4gIG9uUGFnZUNoYW5nZShldmVudDogUGFnZUNoYW5nZUV2ZW50KXtcbiAgICB0aGlzLnBhZ2VDaGFuZ2UuZW1pdChldmVudCk7XG4gIH1cblxuICBnZXQgdGFibGVDb25maWcoKTogVGFibGVDb25maWd7XG4gICAgcmV0dXJuIHRoaXMuX3RhYmxlQ29uZmlnO1xuICB9O1xuXG4gIG9uU29ydChjb2x1bW46IENvbHVtbkNvbmZpZyl7XG4gICAgaWYoIWNvbHVtbi5zb3J0YWJsZSl7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbHVtbi5zb3J0ID0gY29sdW1uLnNvcnQgPT09ICdhc2MnID8gJ2Rlc2MnIDogJ2FzYyc7XG4gICAgXy5mb3JFYWNoKHRoaXMudGFibGVDb25maWcuY29sdW1uQ29uZmlnLCBjY29uZmlnID0+IHtcbiAgICAgIGlmKGNjb25maWcucHJvcE5hbWUgIT09IGNvbHVtbi5wcm9wTmFtZSl7XG4gICAgICAgIGNjb25maWcuc29ydCA9IHVuZGVmaW5lZDtcbiAgICAgIH1cbiAgICB9KTtcbiAgICB0aGlzLnNvcnQuZW1pdChjb2x1bW4pO1xuICB9XG5cbn1cbiIsIjx0YWJsZSBjbGFzcz1cInRhYmxlLWNvbnRhaW5lclwiPlxuICA8dGhlYWQgY2xhc3M9XCJ0YWJsZS1oZWFkZXJcIj5cbiAgPHRyIGNsYXNzPVwiaGVhZGVyLXJvd1wiPlxuICAgIDx0aCBjbGFzcz1cInRhYmxlLXRoXCIgW2NsYXNzLi1zb3J0YWJsZV09XCJjb2x1bW4uc29ydGFibGVcIlxuICAgICAgICAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIHRhYmxlQ29uZmlnLmNvbHVtbkNvbmZpZ1wiXG4gICAgICAgIChjbGljayk9XCJvblNvcnQoY29sdW1uKVwiXG4gICAgICAgIFtzdHlsZS53aWR0aF09XCJjb2x1bW4ud2lkdGhcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCIte3tjb2x1bW4uanVzdGlmeX19XCI+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgKm5nSWY9XCJjb2x1bW4uaWNvblwiXG4gICAgICAgICAgY2xhc3M9XCJtYXRlcmlhbC1pY29ucyBoZWFkZXItaWNvbiBub3RyYW5zbGF0ZVwiXG4gICAgICAgICAgYXNrVG9vbHRpcFxuICAgICAgICAgIFthc2tUb29sdGlwTWVzc2FnZV09XCIoY29sdW1uLmljb24ubWVzc2FnZSB8fCAnJykgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgIFthc2tUb29sdGlwUG9zaXRpb25dPVwiJ2Fib3ZlJ1wiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBjb2x1bW4uaWNvbi5uYW1lIH19XG4gICAgICAgIDwvc3Bhbj5cblxuICAgICAgICA8c3Bhbj57eyBjb2x1bW4udGl0bGUgfCB0cmFuc2xhdGUgfX08L3NwYW4+XG5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJjb2x1bW4uc29ydGFibGVcIiBjbGFzcz1cIm1hdGVyaWFsLWljb25zIHNvcnQtaWNvblwiIFtjbGFzcy5hY3RpdmVdPVwiISFjb2x1bW4uc29ydFwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImNvbHVtbi5zb3J0XCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYXNjJ1wiPnNvdXRoPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInZGVzYydcIj5ub3J0aDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PnNvdXRoPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvdGg+XG4gIDwvdHI+XG4gIDwvdGhlYWQ+XG5cbiAgPHRib2R5PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbYXNrLXRhYmxlLWJvZHldXCI+PC9uZy1jb250ZW50PlxuICA8L3Rib2R5PlxuXG4gIDx0Zm9vdCBjbGFzcz1cInRhYmxlLWZvb3RlclwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0YWJsZUNvbmZpZy5oYXNUb3RhbGl6ZXJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlthc2stdGFibGUtdG90YWxpemVyXVwiPjwvbmctY29udGVudD5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiKHRhYmxlQ29uZmlnLnBhZ2luYXRpb25Db25maWc/LnRvdGFsUGFnZXMgfHwgMCkgPj0gMVwiXG4gICAgICBjbGFzcz1cInBhZ2luYXRpb24td3JhcHBlclwiXG4gICAgPlxuICAgICAgPGFzay1wYWdpbmF0aW9uXG4gICAgICAgIGNsYXNzPVwicGFnaW5hdGlvblwiXG4gICAgICAgIFttYXhQYWdlc109XCJ0YWJsZUNvbmZpZy5wYWdpbmF0aW9uQ29uZmlnPy50b3RhbFBhZ2VzIHx8IDBcIlxuICAgICAgICBbcmVzdWx0c1BlclBhZ2VdPVwidGFibGVDb25maWcucGFnaW5hdGlvbkNvbmZpZz8uaXRlbXNQZXJQYWdlIHx8IElURU1TX1BFUl9QQUdFX09QVElPTlNfREVGQVVMVFswXVwiXG4gICAgICAgIFtyZXN1bHRzUGVyUGFnZU9wdGlvbnNdPVwidGFibGVDb25maWcucGFnaW5hdGlvbkNvbmZpZz8uaXRlbXNQZXJQYWdlT3B0aW9ucyB8fCBJVEVNU19QRVJfUEFHRV9PUFRJT05TX0RFRkFVTFRcIlxuICAgICAgICBbbWF4UGFnZUl0ZW1zT25EaXNwbGF5XT1cInRhYmxlQ29uZmlnLnBhZ2luYXRpb25Db25maWc/Lm1heFBhZ2VJdGVtc09uRGlzcGxheSB8fCBNQVhfUEFHRV9JVEVNU19PTl9ESVNQTEFZXCJcbiAgICAgICAgW3NlbGVjdGVkUGFnZV09XCJ0YWJsZUNvbmZpZy5wYWdpbmF0aW9uQ29uZmlnPy5jdXJyZW50UGFnZSB8fCAxXCJcbiAgICAgICAgKHBhZ2VDaGFuZ2UpPVwib25QYWdlQ2hhbmdlKCRldmVudClcIlxuICAgICAgPjwvYXNrLXBhZ2luYXRpb24+XG4gICAgPC9kaXY+XG4gIDwvdGZvb3Q+XG48L3RhYmxlPlxuIl19
|
|
@@ -2940,11 +2940,11 @@ class TableComponent {
|
|
|
2940
2940
|
this.sort.emit(column);
|
|
2941
2941
|
}
|
|
2942
2942
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2943
|
-
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: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";: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-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color:var(--asksuite-orange)}.ask-text-button.-secondary{color:#616e7c}.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)}.ql-editor{padding:14px 16px;font-size:.875rem;word-break:break-word}.bubble-toolbox{position:absolute;background-color:var(--grey-800);border-radius:8px;z-index:999}.top-toolbox{background-color:var(--grey-100)}.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;border-top:1px solid var(--grey-100)}::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-800);font-size:12px}.table-th>div{display:flex;flex-direction:row;align-items:center}.table-th>div span:first-child{font-weight:500}.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;padding-left:4px}.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" }] }); }
|
|
2943
|
+
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\n *ngIf=\"column.icon\"\n class=\"material-icons header-icon notranslate\"\n askTooltip\n [askTooltipMessage]=\"(column.icon.message || '') | translate\"\n [askTooltipPosition]=\"'above'\"\n >\n {{ column.icon.name }}\n </span>\n\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: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";: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-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color:var(--asksuite-orange)}.ask-text-button.-secondary{color:#616e7c}.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)}.ql-editor{padding:14px 16px;font-size:.875rem;word-break:break-word}.bubble-toolbox{position:absolute;background-color:var(--grey-800);border-radius:8px;z-index:999}.top-toolbox{background-color:var(--grey-100)}.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;border-top:1px solid var(--grey-100)}::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-800);font-size:12px}.table-th>div{display:flex;flex-direction:row;align-items:center}.table-th>div span:first-child{font-weight:500}.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;padding-left:4px}.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)}.header-icon{font-size:16px;margin-right:4px;color:var(--font-color-200)}\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: "directive", type: AskTooltipDirective, selector: "[askTooltip]", inputs: ["askTooltipMessage", "askTooltipPosition"] }, { kind: "component", type: PaginationComponent, selector: "ask-pagination", inputs: ["maxPages", "selectedPage", "maxPageItemsOnDisplay", "resultsPerPage", "resultsPerPageOptions"], outputs: ["pageChange"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
|
|
2944
2944
|
}
|
|
2945
2945
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TableComponent, decorators: [{
|
|
2946
2946
|
type: Component,
|
|
2947
|
-
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: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";: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-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color:var(--asksuite-orange)}.ask-text-button.-secondary{color:#616e7c}.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)}.ql-editor{padding:14px 16px;font-size:.875rem;word-break:break-word}.bubble-toolbox{position:absolute;background-color:var(--grey-800);border-radius:8px;z-index:999}.top-toolbox{background-color:var(--grey-100)}.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;border-top:1px solid var(--grey-100)}::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-800);font-size:12px}.table-th>div{display:flex;flex-direction:row;align-items:center}.table-th>div span:first-child{font-weight:500}.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;padding-left:4px}.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"] }]
|
|
2947
|
+
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\n *ngIf=\"column.icon\"\n class=\"material-icons header-icon notranslate\"\n askTooltip\n [askTooltipMessage]=\"(column.icon.message || '') | translate\"\n [askTooltipPosition]=\"'above'\"\n >\n {{ column.icon.name }}\n </span>\n\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: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";: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-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color:var(--asksuite-orange)}.ask-text-button.-secondary{color:#616e7c}.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)}.ql-editor{padding:14px 16px;font-size:.875rem;word-break:break-word}.bubble-toolbox{position:absolute;background-color:var(--grey-800);border-radius:8px;z-index:999}.top-toolbox{background-color:var(--grey-100)}.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;border-top:1px solid var(--grey-100)}::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-800);font-size:12px}.table-th>div{display:flex;flex-direction:row;align-items:center}.table-th>div span:first-child{font-weight:500}.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;padding-left:4px}.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)}.header-icon{font-size:16px;margin-right:4px;color:var(--font-color-200)}\n"] }]
|
|
2948
2948
|
}], propDecorators: { tableConfig: [{
|
|
2949
2949
|
type: Input
|
|
2950
2950
|
}], data: [{
|