asksuite-citrus 1.1.1 → 1.3.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.
- package/esm2022/lib/components/skeleton/skeleton.component.mjs +3 -3
- package/esm2022/lib/components/table/table.component.mjs +3 -3
- package/esm2022/lib/directives/spinner/spinner-size.type.mjs +2 -0
- package/esm2022/lib/directives/spinner/spinner.component.mjs +10 -4
- package/esm2022/lib/directives/spinner/spinner.directive.mjs +6 -2
- package/fesm2022/asksuite-citrus.mjs +18 -8
- package/fesm2022/asksuite-citrus.mjs.map +1 -1
- package/lib/components/skeleton/skeleton.component.d.ts +1 -3
- package/lib/components/table/table.component.d.ts +5 -0
- package/lib/directives/spinner/spinner-size.type.d.ts +1 -0
- package/lib/directives/spinner/spinner.component.d.ts +7 -2
- package/lib/directives/spinner/spinner.directive.d.ts +4 -2
- package/package.json +1 -1
|
@@ -11,7 +11,7 @@ export class SkeletonComponent {
|
|
|
11
11
|
this.barsCount = 0;
|
|
12
12
|
this.baseTheme = {
|
|
13
13
|
'border-radius': '',
|
|
14
|
-
height:
|
|
14
|
+
height: '100px',
|
|
15
15
|
margin: 0,
|
|
16
16
|
display: 'block',
|
|
17
17
|
};
|
|
@@ -21,7 +21,7 @@ export class SkeletonComponent {
|
|
|
21
21
|
this.barsCount = Math.round(height / this.barsHeight) || 1;
|
|
22
22
|
this.baseTheme = {
|
|
23
23
|
...this.baseTheme,
|
|
24
|
-
...(this.appearance !== 'circle' && { 'border-radius':
|
|
24
|
+
...(this.appearance !== 'circle' && { 'border-radius': '5px' }),
|
|
25
25
|
...this.customTheme,
|
|
26
26
|
};
|
|
27
27
|
}
|
|
@@ -40,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
40
40
|
}], appearance: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNrc3VpdGUtY2l0cnVzL3NyYy9saWIvY29tcG9uZW50cy9za2VsZXRvbi9za2VsZXRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9jb21wb25lbnRzL3NrZWxldG9uL3NrZWxldG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPN0QsTUFBTSxPQUFPLGlCQUFpQjtJQWE1QixZQUFvQixVQUFtQztRQUFuQyxlQUFVLEdBQVYsVUFBVSxDQUF5QjtRQVo5QyxlQUFVLEdBQUcsR0FBRyxDQUFDO1FBQ2pCLFdBQU0sR0FBRyxDQUFDLENBQUM7UUFDWCxnQkFBVyxHQUF3QixFQUFFLENBQUE7UUFDckMsZUFBVSxHQUFzQixNQUFNLENBQUM7UUFDekMsY0FBUyxHQUFHLENBQUMsQ0FBQztRQUNYLGNBQVMsR0FBRztZQUNwQixlQUFlLEVBQUUsRUFBRTtZQUNuQixNQUFNLEVBQUUsT0FBTztZQUNmLE1BQU0sRUFBRSxDQUFDO1lBQ1QsT0FBTyxFQUFFLE9BQU87U0FDakIsQ0FBQTtJQUV5RCxDQUFDO0lBRTNELFFBQVE7UUFDTixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7UUFDMUQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzNELElBQUksQ0FBQyxTQUFTLEdBQUc7WUFDZixHQUFHLElBQUksQ0FBQyxTQUFTO1lBQ2pCLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxLQUFLLFFBQVEsSUFBSSxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQUUsQ0FBQztZQUMvRCxHQUFHLElBQUksQ0FBQyxXQUFXO1NBQ3BCLENBQUE7SUFDSCxDQUFDOzhHQXZCVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixrS0NQOUIsK05BUUE7OzJGRERhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxjQUFjO2lHQUtmLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXNrLXNrZWxldG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NrZWxldG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2tlbGV0b24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2tlbGV0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBiYXJzSGVpZ2h0ID0gMTAwO1xuICBASW5wdXQoKSByYWRpdXMgPSA1O1xuICBASW5wdXQoKSBjdXN0b21UaGVtZTogUmVjb3JkPHN0cmluZywgYW55PiA9IHt9XG4gIEBJbnB1dCgpIGFwcGVhcmFuY2U6ICdsaW5lJyB8ICdjaXJjbGUnID0gJ2xpbmUnO1xuICBwdWJsaWMgYmFyc0NvdW50ID0gMDtcbiAgcHJvdGVjdGVkIGJhc2VUaGVtZSA9IHtcbiAgICAnYm9yZGVyLXJhZGl1cyc6ICcnLFxuICAgIGhlaWdodDogJzEwMHB4JyxcbiAgICBtYXJnaW46IDAsXG4gICAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgY29uc3QgaGVpZ2h0ID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xpZW50SGVpZ2h0O1xuICAgIHRoaXMuYmFyc0NvdW50ID0gTWF0aC5yb3VuZChoZWlnaHQgLyB0aGlzLmJhcnNIZWlnaHQpIHx8IDE7XG4gICAgdGhpcy5iYXNlVGhlbWUgPSB7XG4gICAgICAuLi50aGlzLmJhc2VUaGVtZSxcbiAgICAgIC4uLih0aGlzLmFwcGVhcmFuY2UgIT09ICdjaXJjbGUnICYmIHsgJ2JvcmRlci1yYWRpdXMnOiAnNXB4JyB9KSxcbiAgICAgIC4uLnRoaXMuY3VzdG9tVGhlbWUsXG4gICAgfVxuICB9XG59XG4iLCI8bmd4LXNrZWxldG9uLWxvYWRlclxuICBbY291bnRdPVwiYmFyc0NvdW50XCJcbiAgZGF0YS10ZXN0aWQ9XCJza2VsZXRvbi1sb2FkZXJcIlxuICBjbGFzcz1cInNrZWxldG9uLWNvbXBvbmVudFwiXG4gIFthcHBlYXJhbmNlXT1cImFwcGVhcmFuY2VcIlxuICBhbmltYXRpb249XCJwcm9ncmVzc1wiXG4gIFt0aGVtZV09XCJiYXNlVGhlbWVcIlxuPjwvbmd4LXNrZWxldG9uLWxvYWRlcj5cbiJdfQ==
|
|
@@ -36,11 +36,11 @@ export class TableComponent {
|
|
|
36
36
|
this.sort.emit(column);
|
|
37
37
|
}
|
|
38
38
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
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" }, 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 <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\n <tr *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) > 1\">\n <p>pagination</p>\n </tr>\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}.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)}\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: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
|
|
39
|
+
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" }, 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\n <tr *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) > 1\">\n <p>pagination</p>\n </tr>\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}.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)}\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: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
|
|
40
40
|
}
|
|
41
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TableComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
|
-
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 <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\n <tr *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) > 1\">\n <p>pagination</p>\n </tr>\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}.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)}\n"] }]
|
|
43
|
+
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\n <tr *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) > 1\">\n <p>pagination</p>\n </tr>\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}.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)}\n"] }]
|
|
44
44
|
}], propDecorators: { tableConfig: [{
|
|
45
45
|
type: Input
|
|
46
46
|
}], data: [{
|
|
@@ -53,4 +53,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
53
53
|
}, {
|
|
54
54
|
type: Input
|
|
55
55
|
}] } });
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNrc3VpdGUtY2l0cnVzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS90YWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9jb21wb25lbnRzL3RhYmxlL3RhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sS0FBSyxDQUFDLE1BQU0sUUFBUSxDQUFDOzs7O0FBa0M1QixNQUFNLE9BQU8sY0FBYztJQUwzQjtRQU9VLGlCQUFZLEdBQWdCO1lBQ2xDLFlBQVksRUFBRSxFQUFFO1NBQ2pCLENBQUM7UUFRTyxTQUFJLEdBQVUsRUFBRSxDQUFDO1FBRWhCLFNBQUksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBR1MsY0FBUyxHQUFZLFNBQVMsQ0FBQztLQXVCN0U7SUFsQ0MsSUFBYSxXQUFXLENBQUMsTUFBbUI7UUFDM0MsSUFBSSxDQUFDLFlBQVksR0FBRyxNQUFNLENBQUM7UUFFM0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDO0lBQ25DLENBQUM7SUFBQSxDQUFDO0lBU0YsWUFBWTtJQUVaLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQUFBLENBQUM7SUFFRixNQUFNLENBQUMsTUFBb0I7UUFDekIsSUFBRyxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUM7WUFDbEIsT0FBTztTQUNSO1FBQ0QsTUFBTSxDQUFDLElBQUksR0FBRyxNQUFNLENBQUMsSUFBSSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7UUFDckQsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksRUFBRSxPQUFPLENBQUMsRUFBRTtZQUNqRCxJQUFHLE9BQU8sQ0FBQyxRQUFRLEtBQUssTUFBTSxDQUFDLFFBQVEsRUFBQztnQkFDdEMsT0FBTyxDQUFDLElBQUksR0FBRyxTQUFTLENBQUM7YUFDMUI7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3pCLENBQUM7OEdBdENVLGNBQWM7a0dBQWQsY0FBYyw2TkNuQzNCLHl1Q0FxQ0E7OzJGREZhLGNBQWM7a0JBTDFCLFNBQVM7K0JBQ0UsV0FBVzs4QkFVUixXQUFXO3NCQUF2QixLQUFLO2dCQU1HLElBQUk7c0JBQVosS0FBSztnQkFFSSxJQUFJO3NCQUFiLE1BQU07Z0JBR3NDLFNBQVM7c0JBQXJELFdBQVc7dUJBQUMscUJBQXFCOztzQkFBRyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgKiBhcyBfIGZyb20gJ2xvZGFzaCc7XG5cbmV4cG9ydCB0eXBlIENvbHVtbkNvbmZpZyA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc29ydGFibGU6IGJvb2xlYW47XG4gIHByb3BOYW1lOiBzdHJpbmc7XG4gIGp1c3RpZnk6ICdsZWZ0JyB8ICdyaWdodCcgfCAnY2VudGVyJztcbiAgc29ydD86ICdhc2MnIHwgJ2Rlc2MnO1xuICB3aWR0aD86IHN0cmluZztcbiAgZXhwb3J0Pzp7XG4gICAgaGlkZGVuPzogYm9vbGVhbjtcbiAgICB0eXBlPzogJ1BFUkNFTlRBR0UnIHwgJ0RBVEUnfCAnU1RSSU5HJyB8ICdOVU1CRVInXG4gIH1cblxufVxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvbkNvbmZpZyA9IHtcbiAgaXRlbXNQZXJQYWdlOiBudW1iZXI7XG4gIHRvdGFsSXRlbXM6IG51bWJlcjtcbiAgY3VycmVudFBhZ2U6IG51bWJlcjtcbiAgdG90YWxQYWdlczogbnVtYmVyO1xufVxuXG5leHBvcnQgdHlwZSBUYWJsZUNvbmZpZyA9IHtcbiAgY29sdW1uQ29uZmlnOiBDb2x1bW5Db25maWdbXTtcbiAgcGFnaW5hdGlvbkNvbmZpZz86IFBhZ2luYXRpb25Db25maWc7XG4gIGhhc1RvdGFsaXplcj86IGJvb2xlYW47XG4gIG1heEhlaWdodD86IG51bWJlcjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXNrLXRhYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGFibGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZUNvbXBvbmVudHtcblxuICBwcml2YXRlIF90YWJsZUNvbmZpZzogVGFibGVDb25maWcgPSB7XG4gICAgY29sdW1uQ29uZmlnOiBbXVxuICB9O1xuXG4gIEBJbnB1dCgpIHNldCB0YWJsZUNvbmZpZyhjb25maWc6IFRhYmxlQ29uZmlnKXtcbiAgIHRoaXMuX3RhYmxlQ29uZmlnID0gY29uZmlnO1xuXG4gICB0aGlzLm1heEhlaWdodCA9IGNvbmZpZy5tYXhIZWlnaHQ7XG4gIH07XG5cbiAgQElucHV0KCkgZGF0YTogYW55W10gPSBbXTtcblxuICBAT3V0cHV0KCkgc29ydCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuXG4gIEBIb3N0QmluZGluZygnc3R5bGUubWF4LWhlaWdodC5weCcpIEBJbnB1dCgpIG1heEhlaWdodD86IG51bWJlciA9IHVuZGVmaW5lZDtcblxuICBvblBhZ2VDaGFuZ2UoKXtcblxuICB9XG5cbiAgZ2V0IHRhYmxlQ29uZmlnKCk6IFRhYmxlQ29uZmlne1xuICAgIHJldHVybiB0aGlzLl90YWJsZUNvbmZpZztcbiAgfTtcblxuICBvblNvcnQoY29sdW1uOiBDb2x1bW5Db25maWcpe1xuICAgIGlmKCFjb2x1bW4uc29ydGFibGUpe1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb2x1bW4uc29ydCA9IGNvbHVtbi5zb3J0ID09PSAnYXNjJyA/ICdkZXNjJyA6ICdhc2MnO1xuICAgIF8uZm9yRWFjaCh0aGlzLnRhYmxlQ29uZmlnLmNvbHVtbkNvbmZpZywgY2NvbmZpZyA9PiB7XG4gICAgICBpZihjY29uZmlnLnByb3BOYW1lICE9PSBjb2x1bW4ucHJvcE5hbWUpe1xuICAgICAgICBjY29uZmlnLnNvcnQgPSB1bmRlZmluZWQ7XG4gICAgICB9XG4gICAgfSk7XG4gICAgdGhpcy5zb3J0LmVtaXQoY29sdW1uKTtcbiAgfVxuXG59XG4iLCI8dGFibGUgY2xhc3M9XCJ0YWJsZS1jb250YWluZXJcIj5cbiAgPHRoZWFkIGNsYXNzPVwidGFibGUtaGVhZGVyXCI+XG4gIDx0ciBjbGFzcz1cImhlYWRlci1yb3dcIj5cbiAgICA8dGggY2xhc3M9XCJ0YWJsZS10aFwiIFtjbGFzcy4tc29ydGFibGVdPVwiY29sdW1uLnNvcnRhYmxlXCJcbiAgICAgICAgKm5nRm9yPVwibGV0IGNvbHVtbiBvZiB0YWJsZUNvbmZpZy5jb2x1bW5Db25maWdcIlxuICAgICAgICAoY2xpY2spPVwib25Tb3J0KGNvbHVtbilcIlxuICAgICAgICBbc3R5bGUud2lkdGhdPVwiY29sdW1uLndpZHRoXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiLXt7Y29sdW1uLmp1c3RpZnl9fVwiPlxuICAgICAgICA8c3Bhbj57eyBjb2x1bW4udGl0bGUgfCB0cmFuc2xhdGUgfX08L3NwYW4+XG5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJjb2x1bW4uc29ydGFibGVcIiBjbGFzcz1cIm1hdGVyaWFsLWljb25zIHNvcnQtaWNvblwiIFtjbGFzcy5hY3RpdmVdPVwiISFjb2x1bW4uc29ydFwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImNvbHVtbi5zb3J0XCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYXNjJ1wiPnNvdXRoPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInZGVzYydcIj5ub3J0aDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PnNvdXRoPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvdGg+XG4gIDwvdHI+XG4gIDwvdGhlYWQ+XG5cbiAgPHRib2R5PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbYXNrLXRhYmxlLWJvZHldXCI+PC9uZy1jb250ZW50PlxuICA8L3Rib2R5PlxuXG4gIDx0Zm9vdCBjbGFzcz1cInRhYmxlLWZvb3RlclwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0YWJsZUNvbmZpZy5oYXNUb3RhbGl6ZXJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlthc2stdGFibGUtdG90YWxpemVyXVwiPjwvbmctY29udGVudD5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuXG4gICAgPHRyICpuZ0lmPVwiKHRhYmxlQ29uZmlnLnBhZ2luYXRpb25Db25maWc/LnRvdGFsUGFnZXMgfHwgMCkgPiAxXCI+XG4gICAgICA8cD5wYWdpbmF0aW9uPC9wPlxuICAgIDwvdHI+XG4gIDwvdGZvb3Q+XG48L3RhYmxlPlxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci1zaXplLnR5cGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9kaXJlY3RpdmVzL3NwaW5uZXIvc3Bpbm5lci1zaXplLnR5cGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIFNwaW5uZXJTaXplID0gJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ21lZGl1bS1iaWcnIHwgJ2JpZyc7Il19
|
|
@@ -3,15 +3,21 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
export class SpinnerComponent {
|
|
5
5
|
constructor() {
|
|
6
|
-
this.
|
|
6
|
+
this.sizeClass = {};
|
|
7
|
+
this.color = '';
|
|
8
|
+
}
|
|
9
|
+
set size(newSize) {
|
|
10
|
+
this.sizeClass = { [`-${newSize}`]: true };
|
|
7
11
|
}
|
|
8
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SpinnerComponent, selector: "app-spinner", inputs: { size: "size" }, ngImport: i0, template: "<span
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SpinnerComponent, selector: "app-spinner", inputs: { size: "size", color: "color" }, ngImport: i0, template: "<span\n class=\"spin-circle\"\n [ngClass]=\"sizeClass\"\n [ngStyle]=\"{\n 'border-color': color\n }\"\n></span>", styles: [":host{position:absolute;border-radius:inherit;inset:0;overflow:hidden;z-index:9999;display:flex;justify-content:center;align-items:center;visibility:visible;transition:background-color .1s,box-shadow .1s}:host.-blur:before{content:\"\";position:absolute;inset:0;background-color:var(--grey-200);opacity:.2;z-index:-1}:host .spin-circle{opacity:1;animation:spin .8s infinite linear;border-radius:50%;border:2px solid var(--grey-400);border-top-color:transparent!important;width:1em;height:1em}:host .spin-circle.-medium{width:2em;height:2em;border-width:3px}:host .spin-circle.-medium-big{width:24px;height:24px;border-width:2px}:host .spin-circle.-big{width:4em;height:4em;border-width:5px}@keyframes spin{0%{transform:rotate(0)}40%{transform:rotate(230deg)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
10
14
|
}
|
|
11
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
12
16
|
type: Component,
|
|
13
|
-
args: [{ selector: 'app-spinner', template: "<span
|
|
17
|
+
args: [{ selector: 'app-spinner', template: "<span\n class=\"spin-circle\"\n [ngClass]=\"sizeClass\"\n [ngStyle]=\"{\n 'border-color': color\n }\"\n></span>", styles: [":host{position:absolute;border-radius:inherit;inset:0;overflow:hidden;z-index:9999;display:flex;justify-content:center;align-items:center;visibility:visible;transition:background-color .1s,box-shadow .1s}:host.-blur:before{content:\"\";position:absolute;inset:0;background-color:var(--grey-200);opacity:.2;z-index:-1}:host .spin-circle{opacity:1;animation:spin .8s infinite linear;border-radius:50%;border:2px solid var(--grey-400);border-top-color:transparent!important;width:1em;height:1em}:host .spin-circle.-medium{width:2em;height:2em;border-width:3px}:host .spin-circle.-medium-big{width:24px;height:24px;border-width:2px}:host .spin-circle.-big{width:4em;height:4em;border-width:5px}@keyframes spin{0%{transform:rotate(0)}40%{transform:rotate(230deg)}to{transform:rotate(360deg)}}\n"] }]
|
|
14
18
|
}], propDecorators: { size: [{
|
|
15
19
|
type: Input
|
|
20
|
+
}], color: [{
|
|
21
|
+
type: Input
|
|
16
22
|
}] } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9kaXJlY3RpdmVzL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9kaXJlY3RpdmVzL3NwaW5uZXIvc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUWpELE1BQU0sT0FBTyxnQkFBZ0I7SUFMN0I7UUFNRSxjQUFTLEdBQStCLEVBQUUsQ0FBQztRQUtsQyxVQUFLLEdBQVcsRUFBRSxDQUFDO0tBQzdCO0lBSkMsSUFBYSxJQUFJLENBQUMsT0FBb0I7UUFDcEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUMsSUFBSSxPQUFPLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxDQUFDO0lBQzdDLENBQUM7OEdBTFUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IsNkZDUjdCLHdIQU1ROzsyRkRFSyxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsYUFBYTs4QkFPVixJQUFJO3NCQUFoQixLQUFLO2dCQUdHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNwaW5uZXJTaXplIH0gZnJvbSAnLi9zcGlubmVyLXNpemUudHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1zcGlubmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NwaW5uZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zcGlubmVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNwaW5uZXJDb21wb25lbnQge1xuICBzaXplQ2xhc3M6IHsgW2tleTogc3RyaW5nXTogYm9vbGVhbiB9ID0ge307XG5cbiAgQElucHV0KCkgc2V0IHNpemUobmV3U2l6ZTogU3Bpbm5lclNpemUpIHtcbiAgICB0aGlzLnNpemVDbGFzcyA9IHsgW2AtJHtuZXdTaXplfWBdOiB0cnVlIH07XG4gIH1cbiAgQElucHV0KCkgY29sb3I6IHN0cmluZyA9ICcnO1xufVxuIiwiPHNwYW5cbiAgY2xhc3M9XCJzcGluLWNpcmNsZVwiXG4gIFtuZ0NsYXNzXT1cInNpemVDbGFzc1wiXG4gIFtuZ1N0eWxlXT1cIntcbiAgICAnYm9yZGVyLWNvbG9yJzogY29sb3JcbiAgfVwiXG4+PC9zcGFuPiJdfQ==
|
|
@@ -17,6 +17,7 @@ export class SpinnerDirective {
|
|
|
17
17
|
this.shouldShow = false;
|
|
18
18
|
this.spinnerSize = 'small';
|
|
19
19
|
this.spinnerBlur = true;
|
|
20
|
+
this.spinnerColor = '';
|
|
20
21
|
this.isSpinnerExist = false;
|
|
21
22
|
}
|
|
22
23
|
ngOnInit() {
|
|
@@ -34,6 +35,7 @@ export class SpinnerDirective {
|
|
|
34
35
|
if (!this.isSpinnerExist) {
|
|
35
36
|
this.spinner = this.directiveView.createComponent(SpinnerComponent);
|
|
36
37
|
this.spinner.instance.size = this.spinnerSize;
|
|
38
|
+
this.spinner.instance.color = this.spinnerColor;
|
|
37
39
|
this.spinner.changeDetectorRef.detectChanges();
|
|
38
40
|
if (this.spinnerBlur) {
|
|
39
41
|
this.directiveElement.nativeElement.classList.add('-blur');
|
|
@@ -44,7 +46,7 @@ export class SpinnerDirective {
|
|
|
44
46
|
}
|
|
45
47
|
}
|
|
46
48
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SpinnerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
47
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: SpinnerDirective, selector: "[askSpinner]", inputs: { nbSpinner: ["askSpinner", "nbSpinner"], spinnerSize: "spinnerSize", spinnerBlur: "spinnerBlur" }, host: { properties: { "class.nb-spinner-container": "this.isSpinnerExist" } }, ngImport: i0 }); }
|
|
49
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: SpinnerDirective, selector: "[askSpinner]", inputs: { nbSpinner: ["askSpinner", "nbSpinner"], spinnerSize: "spinnerSize", spinnerBlur: "spinnerBlur", spinnerColor: "spinnerColor" }, host: { properties: { "class.nb-spinner-container": "this.isSpinnerExist" } }, ngImport: i0 }); }
|
|
48
50
|
}
|
|
49
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SpinnerDirective, decorators: [{
|
|
50
52
|
type: Directive,
|
|
@@ -58,8 +60,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
58
60
|
type: Input
|
|
59
61
|
}], spinnerBlur: [{
|
|
60
62
|
type: Input
|
|
63
|
+
}], spinnerColor: [{
|
|
64
|
+
type: Input
|
|
61
65
|
}], isSpinnerExist: [{
|
|
62
66
|
type: HostBinding,
|
|
63
67
|
args: ['class.nb-spinner-container']
|
|
64
68
|
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9kaXJlY3RpdmVzL3NwaW5uZXIvc3Bpbm5lci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxXQUFXLEVBQ1gsS0FBSyxHQUdOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQU12RCxNQUFNLE9BQU8sZ0JBQWdCO0lBSTNCLElBQ0ksU0FBUyxDQUFDLEdBQVk7UUFDeEIsSUFBSSxHQUFHLEVBQUU7WUFDUCxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDYjthQUFNO1lBQ0wsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ2I7SUFDSCxDQUFDO0lBUUQsWUFDVSxhQUErQixFQUMvQixRQUFtQixFQUNuQixnQkFBNEI7UUFGNUIsa0JBQWEsR0FBYixhQUFhLENBQWtCO1FBQy9CLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFZO1FBckI5QixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBWWxCLGdCQUFXLEdBQWdCLE9BQU8sQ0FBQTtRQUNsQyxnQkFBVyxHQUFHLElBQUksQ0FBQTtRQUNsQixpQkFBWSxHQUFXLEVBQUUsQ0FBQTtRQUVTLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0lBTS9ELENBQUM7SUFFSixRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ25CLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUNiO0lBQ0gsQ0FBQztJQUVELElBQUk7UUFDRixJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDdkIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztTQUM3QjtJQUNILENBQUM7SUFFRCxJQUFJO1FBQ0YsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDeEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1lBQ3BFLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFBO1lBQzdDLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFBO1lBQy9DLElBQUksQ0FBQyxPQUFPLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUM7WUFDL0MsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFO2dCQUNwQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUE7YUFDM0Q7WUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxFQUFFLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQztZQUNwRixJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FDdkIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsRUFDbkMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUNwQyxDQUFDO1lBQ0YsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7U0FDNUI7SUFDSCxDQUFDOzhHQXREVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQjs7MkZBQWhCLGdCQUFnQjtrQkFINUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztpQkFDekI7d0pBTUssU0FBUztzQkFEWixLQUFLO3VCQUFDLFlBQVk7Z0JBU1YsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRXFDLGNBQWM7c0JBQXhELFdBQVc7dUJBQUMsNEJBQTRCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50UmVmLFxuICBEaXJlY3RpdmUsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgUmVuZGVyZXIyLFxuICBWaWV3Q29udGFpbmVyUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNwaW5uZXJDb21wb25lbnQgfSBmcm9tICcuL3NwaW5uZXIuY29tcG9uZW50JztcbmltcG9ydCB7IFNwaW5uZXJTaXplIH0gZnJvbSAnLi9zcGlubmVyLXNpemUudHlwZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1thc2tTcGlubmVyXScsXG59KVxuZXhwb3J0IGNsYXNzIFNwaW5uZXJEaXJlY3RpdmUge1xuICBwcml2YXRlIHNob3VsZFNob3cgPSBmYWxzZTtcbiAgc3Bpbm5lcjogQ29tcG9uZW50UmVmPFNwaW5uZXJDb21wb25lbnQ+IHwgdW5kZWZpbmVkO1xuXG4gIEBJbnB1dCgnYXNrU3Bpbm5lcicpXG4gIHNldCBuYlNwaW5uZXIodmFsOiBib29sZWFuKSB7XG4gICAgaWYgKHZhbCkge1xuICAgICAgdGhpcy5zaG93KCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuaGlkZSgpO1xuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgpIHNwaW5uZXJTaXplOiBTcGlubmVyU2l6ZSA9ICdzbWFsbCdcbiAgQElucHV0KCkgc3Bpbm5lckJsdXIgPSB0cnVlXG4gIEBJbnB1dCgpIHNwaW5uZXJDb2xvcjogc3RyaW5nID0gJydcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm5iLXNwaW5uZXItY29udGFpbmVyJykgaXNTcGlubmVyRXhpc3QgPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGRpcmVjdGl2ZVZpZXc6IFZpZXdDb250YWluZXJSZWYsXG4gICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgIHByaXZhdGUgZGlyZWN0aXZlRWxlbWVudDogRWxlbWVudFJlZlxuICApIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKHRoaXMuc2hvdWxkU2hvdykge1xuICAgICAgdGhpcy5zaG93KCk7XG4gICAgfVxuICB9XG5cbiAgaGlkZSgpIHtcbiAgICBpZiAodGhpcy5pc1NwaW5uZXJFeGlzdCkge1xuICAgICAgdGhpcy5kaXJlY3RpdmVWaWV3LnJlbW92ZSgpO1xuICAgICAgdGhpcy5pc1NwaW5uZXJFeGlzdCA9IGZhbHNlO1xuICAgIH1cbiAgfVxuXG4gIHNob3coKSB7XG4gICAgaWYgKCF0aGlzLmlzU3Bpbm5lckV4aXN0KSB7XG4gICAgICB0aGlzLnNwaW5uZXIgPSB0aGlzLmRpcmVjdGl2ZVZpZXcuY3JlYXRlQ29tcG9uZW50KFNwaW5uZXJDb21wb25lbnQpO1xuICAgICAgdGhpcy5zcGlubmVyLmluc3RhbmNlLnNpemUgPSB0aGlzLnNwaW5uZXJTaXplXG4gICAgICB0aGlzLnNwaW5uZXIuaW5zdGFuY2UuY29sb3IgPSB0aGlzLnNwaW5uZXJDb2xvclxuICAgICAgdGhpcy5zcGlubmVyLmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICAgIGlmICh0aGlzLnNwaW5uZXJCbHVyKSB7XG4gICAgICAgIHRoaXMuZGlyZWN0aXZlRWxlbWVudC5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5hZGQoJy1ibHVyJylcbiAgICAgIH1cbiAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUodGhpcy5kaXJlY3RpdmVFbGVtZW50Lm5hdGl2ZUVsZW1lbnQsICdwb3NpdGlvbicsICdyZWxhdGl2ZScpO1xuICAgICAgdGhpcy5yZW5kZXJlci5hcHBlbmRDaGlsZChcbiAgICAgICAgdGhpcy5kaXJlY3RpdmVFbGVtZW50Lm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgIHRoaXMuc3Bpbm5lci5sb2NhdGlvbi5uYXRpdmVFbGVtZW50XG4gICAgICApO1xuICAgICAgdGhpcy5pc1NwaW5uZXJFeGlzdCA9IHRydWU7XG4gICAgfVxuICB9XG59XG4iXX0=
|
|
@@ -1285,7 +1285,7 @@ class SkeletonComponent {
|
|
|
1285
1285
|
this.barsCount = 0;
|
|
1286
1286
|
this.baseTheme = {
|
|
1287
1287
|
'border-radius': '',
|
|
1288
|
-
height:
|
|
1288
|
+
height: '100px',
|
|
1289
1289
|
margin: 0,
|
|
1290
1290
|
display: 'block',
|
|
1291
1291
|
};
|
|
@@ -1295,7 +1295,7 @@ class SkeletonComponent {
|
|
|
1295
1295
|
this.barsCount = Math.round(height / this.barsHeight) || 1;
|
|
1296
1296
|
this.baseTheme = {
|
|
1297
1297
|
...this.baseTheme,
|
|
1298
|
-
...(this.appearance !== 'circle' && { 'border-radius':
|
|
1298
|
+
...(this.appearance !== 'circle' && { 'border-radius': '5px' }),
|
|
1299
1299
|
...this.customTheme,
|
|
1300
1300
|
};
|
|
1301
1301
|
}
|
|
@@ -1395,16 +1395,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1395
1395
|
|
|
1396
1396
|
class SpinnerComponent {
|
|
1397
1397
|
constructor() {
|
|
1398
|
-
this.
|
|
1398
|
+
this.sizeClass = {};
|
|
1399
|
+
this.color = '';
|
|
1400
|
+
}
|
|
1401
|
+
set size(newSize) {
|
|
1402
|
+
this.sizeClass = { [`-${newSize}`]: true };
|
|
1399
1403
|
}
|
|
1400
1404
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1401
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SpinnerComponent, selector: "app-spinner", inputs: { size: "size" }, ngImport: i0, template: "<span
|
|
1405
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: SpinnerComponent, selector: "app-spinner", inputs: { size: "size", color: "color" }, ngImport: i0, template: "<span\n class=\"spin-circle\"\n [ngClass]=\"sizeClass\"\n [ngStyle]=\"{\n 'border-color': color\n }\"\n></span>", styles: [":host{position:absolute;border-radius:inherit;inset:0;overflow:hidden;z-index:9999;display:flex;justify-content:center;align-items:center;visibility:visible;transition:background-color .1s,box-shadow .1s}:host.-blur:before{content:\"\";position:absolute;inset:0;background-color:var(--grey-200);opacity:.2;z-index:-1}:host .spin-circle{opacity:1;animation:spin .8s infinite linear;border-radius:50%;border:2px solid var(--grey-400);border-top-color:transparent!important;width:1em;height:1em}:host .spin-circle.-medium{width:2em;height:2em;border-width:3px}:host .spin-circle.-medium-big{width:24px;height:24px;border-width:2px}:host .spin-circle.-big{width:4em;height:4em;border-width:5px}@keyframes spin{0%{transform:rotate(0)}40%{transform:rotate(230deg)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
1402
1406
|
}
|
|
1403
1407
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
1404
1408
|
type: Component,
|
|
1405
|
-
args: [{ selector: 'app-spinner', template: "<span
|
|
1409
|
+
args: [{ selector: 'app-spinner', template: "<span\n class=\"spin-circle\"\n [ngClass]=\"sizeClass\"\n [ngStyle]=\"{\n 'border-color': color\n }\"\n></span>", styles: [":host{position:absolute;border-radius:inherit;inset:0;overflow:hidden;z-index:9999;display:flex;justify-content:center;align-items:center;visibility:visible;transition:background-color .1s,box-shadow .1s}:host.-blur:before{content:\"\";position:absolute;inset:0;background-color:var(--grey-200);opacity:.2;z-index:-1}:host .spin-circle{opacity:1;animation:spin .8s infinite linear;border-radius:50%;border:2px solid var(--grey-400);border-top-color:transparent!important;width:1em;height:1em}:host .spin-circle.-medium{width:2em;height:2em;border-width:3px}:host .spin-circle.-medium-big{width:24px;height:24px;border-width:2px}:host .spin-circle.-big{width:4em;height:4em;border-width:5px}@keyframes spin{0%{transform:rotate(0)}40%{transform:rotate(230deg)}to{transform:rotate(360deg)}}\n"] }]
|
|
1406
1410
|
}], propDecorators: { size: [{
|
|
1407
1411
|
type: Input
|
|
1412
|
+
}], color: [{
|
|
1413
|
+
type: Input
|
|
1408
1414
|
}] } });
|
|
1409
1415
|
|
|
1410
1416
|
class BadgeDirective {
|
|
@@ -1532,6 +1538,7 @@ class SpinnerDirective {
|
|
|
1532
1538
|
this.shouldShow = false;
|
|
1533
1539
|
this.spinnerSize = 'small';
|
|
1534
1540
|
this.spinnerBlur = true;
|
|
1541
|
+
this.spinnerColor = '';
|
|
1535
1542
|
this.isSpinnerExist = false;
|
|
1536
1543
|
}
|
|
1537
1544
|
ngOnInit() {
|
|
@@ -1549,6 +1556,7 @@ class SpinnerDirective {
|
|
|
1549
1556
|
if (!this.isSpinnerExist) {
|
|
1550
1557
|
this.spinner = this.directiveView.createComponent(SpinnerComponent);
|
|
1551
1558
|
this.spinner.instance.size = this.spinnerSize;
|
|
1559
|
+
this.spinner.instance.color = this.spinnerColor;
|
|
1552
1560
|
this.spinner.changeDetectorRef.detectChanges();
|
|
1553
1561
|
if (this.spinnerBlur) {
|
|
1554
1562
|
this.directiveElement.nativeElement.classList.add('-blur');
|
|
@@ -1559,7 +1567,7 @@ class SpinnerDirective {
|
|
|
1559
1567
|
}
|
|
1560
1568
|
}
|
|
1561
1569
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SpinnerDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1562
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: SpinnerDirective, selector: "[askSpinner]", inputs: { nbSpinner: ["askSpinner", "nbSpinner"], spinnerSize: "spinnerSize", spinnerBlur: "spinnerBlur" }, host: { properties: { "class.nb-spinner-container": "this.isSpinnerExist" } }, ngImport: i0 }); }
|
|
1570
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: SpinnerDirective, selector: "[askSpinner]", inputs: { nbSpinner: ["askSpinner", "nbSpinner"], spinnerSize: "spinnerSize", spinnerBlur: "spinnerBlur", spinnerColor: "spinnerColor" }, host: { properties: { "class.nb-spinner-container": "this.isSpinnerExist" } }, ngImport: i0 }); }
|
|
1563
1571
|
}
|
|
1564
1572
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: SpinnerDirective, decorators: [{
|
|
1565
1573
|
type: Directive,
|
|
@@ -1573,6 +1581,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1573
1581
|
type: Input
|
|
1574
1582
|
}], spinnerBlur: [{
|
|
1575
1583
|
type: Input
|
|
1584
|
+
}], spinnerColor: [{
|
|
1585
|
+
type: Input
|
|
1576
1586
|
}], isSpinnerExist: [{
|
|
1577
1587
|
type: HostBinding,
|
|
1578
1588
|
args: ['class.nb-spinner-container']
|
|
@@ -1868,11 +1878,11 @@ class TableComponent {
|
|
|
1868
1878
|
this.sort.emit(column);
|
|
1869
1879
|
}
|
|
1870
1880
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1871
|
-
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" }, 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 <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\n <tr *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) > 1\">\n <p>pagination</p>\n </tr>\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}.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)}\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: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
|
|
1881
|
+
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" }, 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\n <tr *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) > 1\">\n <p>pagination</p>\n </tr>\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}.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)}\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: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
|
|
1872
1882
|
}
|
|
1873
1883
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TableComponent, decorators: [{
|
|
1874
1884
|
type: Component,
|
|
1875
|
-
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 <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\n <tr *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) > 1\">\n <p>pagination</p>\n </tr>\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}.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)}\n"] }]
|
|
1885
|
+
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\n <tr *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) > 1\">\n <p>pagination</p>\n </tr>\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}.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)}\n"] }]
|
|
1876
1886
|
}], propDecorators: { tableConfig: [{
|
|
1877
1887
|
type: Input
|
|
1878
1888
|
}], data: [{
|