asksuite-citrus 1.7.7 → 1.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +2 -2
- package/esm2022/lib/components/avatar/avatar.component.mjs +2 -2
- package/esm2022/lib/components/box/box.component.mjs +2 -2
- package/esm2022/lib/components/button/button.component.mjs +2 -2
- package/esm2022/lib/components/character-counter/character-counter.component.mjs +2 -2
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/lib/components/chips/chips.component.mjs +2 -2
- package/esm2022/lib/components/date-picker/date-picker-calendar/date-picker-calendar.component.mjs +2 -2
- package/esm2022/lib/components/date-picker/date-picker.component.mjs +2 -2
- package/esm2022/lib/components/dropdown-container/dropdown-container.component.mjs +2 -2
- package/esm2022/lib/components/input/input.component.mjs +2 -2
- package/esm2022/lib/components/modal/modal.component.mjs +2 -2
- package/esm2022/lib/components/pagination/pagination.component.mjs +2 -2
- package/esm2022/lib/components/richtext-toolbox-core/richtext-toolbox-core.component.mjs +2 -2
- package/esm2022/lib/components/richtext-url-prompt/richtext-url-prompt.component.mjs +2 -2
- package/esm2022/lib/components/select/select.component.mjs +2 -2
- package/esm2022/lib/components/table/table.component.mjs +6 -5
- package/esm2022/lib/components/toast/toast.component.mjs +2 -2
- package/esm2022/lib/directives/button/ask-base-button.directive.mjs +15 -9
- package/esm2022/lib/directives/button/ask-button.directive.mjs +2 -3
- package/esm2022/lib/directives/button/ask-text-button.directive.mjs +2 -3
- package/fesm2022/asksuite-citrus.mjs +52 -48
- package/fesm2022/asksuite-citrus.mjs.map +1 -1
- package/lib/components/table/table.component.d.ts +5 -0
- package/lib/directives/button/ask-base-button.directive.d.ts +5 -3
- package/package.json +1 -1
- package/styles/button.scss +1 -1
|
@@ -2,8 +2,9 @@ import { Component, EventEmitter, HostBinding, Input, Output } from '@angular/co
|
|
|
2
2
|
import * as _ from 'lodash';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "
|
|
6
|
-
import * as i3 from "
|
|
5
|
+
import * as i2 from "../../directives/tooltip/ask-tooltip.directive";
|
|
6
|
+
import * as i3 from "../pagination/pagination.component";
|
|
7
|
+
import * as i4 from "@ngx-translate/core";
|
|
7
8
|
export class TableComponent {
|
|
8
9
|
constructor() {
|
|
9
10
|
this._tableConfig = {
|
|
@@ -41,11 +42,11 @@ export class TableComponent {
|
|
|
41
42
|
this.sort.emit(column);
|
|
42
43
|
}
|
|
43
44
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: TableComponent, selector: "ask-table", inputs: { tableConfig: "tableConfig", data: "data", maxHeight: "maxHeight" }, outputs: { sort: "sort", pageChange: "pageChange" }, host: { properties: { "style.max-height.px": "this.maxHeight" } }, ngImport: i0, template: "<table class=\"table-container\">\n <thead class=\"table-header\">\n <tr class=\"header-row\">\n <th class=\"table-th\" [class.-sortable]=\"column.sortable\"\n *ngFor=\"let column of tableConfig.columnConfig\"\n (click)=\"onSort(column)\"\n [style.width]=\"column.width\">\n <div class=\"-{{column.justify}}\">\n <span>{{ column.title | translate }}</span>\n\n <span *ngIf=\"column.sortable\" class=\"material-icons sort-icon\" [class.active]=\"!!column.sort\">\n <ng-container [ngSwitch]=\"column.sort\">\n <ng-container *ngSwitchCase=\"'asc'\">south</ng-container>\n <ng-container *ngSwitchCase=\"'desc'\">north</ng-container>\n <ng-container *ngSwitchDefault>south</ng-container>\n </ng-container>\n </span>\n </div>\n </th>\n </tr>\n </thead>\n\n <tbody>\n <ng-content select=\"[ask-table-body]\"></ng-content>\n </tbody>\n\n <tfoot class=\"table-footer\">\n <ng-container *ngIf=\"tableConfig.hasTotalizer\">\n <ng-content select=\"[ask-table-totalizer]\"></ng-content>\n </ng-container>\n\n <div\n *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) >= 1\"\n class=\"pagination-wrapper\"\n >\n <ask-pagination\n class=\"pagination\"\n [maxPages]=\"tableConfig.paginationConfig?.totalPages || 0\"\n [resultsPerPage]=\"tableConfig.paginationConfig?.itemsPerPage || ITEMS_PER_PAGE_OPTIONS_DEFAULT[0]\"\n [resultsPerPageOptions]=\"tableConfig.paginationConfig?.itemsPerPageOptions || ITEMS_PER_PAGE_OPTIONS_DEFAULT\"\n [maxPageItemsOnDisplay]=\"tableConfig.paginationConfig?.maxPageItemsOnDisplay || MAX_PAGE_ITEMS_ON_DISPLAY\"\n [selectedPage]=\"tableConfig.paginationConfig?.currentPage || 1\"\n (pageChange)=\"onPageChange($event)\"\n ></ask-pagination>\n </div>\n </tfoot>\n</table>\n", styles: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";:root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color:#fff}.ask-text-button.-secondary{color:#616e7c}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.ql-editor{padding:14px 16px;font-size:.875rem;word-break:break-word}.bubble-toolbox{position:absolute;background-color:var(--grey-800);border-radius:8px;z-index:999}.top-toolbox{background-color:var(--grey-100)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{display:block;overflow-y:auto;overflow-x:hidden}.table-container{width:100%;background-color:var(--primary-background);border-spacing:0px}.table-header{background-color:var(--primary-background);position:sticky;top:0;box-shadow:0 0 0 1px var(--grey-100)}.table-footer{background-color:var(--primary-background);position:sticky;bottom:0;border-top:1px solid var(--grey-100)}::ng-deep tbody{font-size:14px;font-weight:400;color:var(--grey-500)}::ng-deep tbody td{padding:8px;border-top:1px solid var(--grey-100);border-bottom:none;vertical-align:middle}.table-th{padding:8px;color:var(--grey-800);font-size:12px}.table-th>div{display:flex;flex-direction:row;align-items:center}.table-th>div span:first-child{font-weight:500}.table-th.-sortable{cursor:default}.table-th>.-left{text-align:left;justify-content:left}.table-th>.-right{text-align:right;justify-content:right}.table-th>.-center{text-align:center;justify-content:center}::ng-deep tfoot{font-size:14px;font-weight:500;color:var(--grey-500)}::ng-deep tfoot td{font-size:14px;font-weight:500;padding:16px 8px;border-top:3px solid var(--grey-100);border-bottom:none;vertical-align:middle}.sort-icon{color:var(--grey-200);-webkit-user-select:none;user-select:none;font-size:14px;cursor:pointer;padding-left:4px}.sort-icon.active{color:var(--grey-600)}.pagination-wrapper{position:relative;height:32px;margin-top:24px}.pagination-wrapper>.pagination{position:absolute;width:100vw;background-color:var(--primary-background)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.PaginationComponent, selector: "ask-pagination", inputs: ["maxPages", "selectedPage", "maxPageItemsOnDisplay", "resultsPerPage", "resultsPerPageOptions"], outputs: ["pageChange"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
|
|
45
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: TableComponent, selector: "ask-table", inputs: { tableConfig: "tableConfig", data: "data", maxHeight: "maxHeight" }, outputs: { sort: "sort", pageChange: "pageChange" }, host: { properties: { "style.max-height.px": "this.maxHeight" } }, ngImport: i0, template: "<table class=\"table-container\">\n <thead class=\"table-header\">\n <tr class=\"header-row\">\n <th class=\"table-th\" [class.-sortable]=\"column.sortable\"\n *ngFor=\"let column of tableConfig.columnConfig\"\n (click)=\"onSort(column)\"\n [style.width]=\"column.width\">\n <div class=\"-{{column.justify}}\">\n <span\n *ngIf=\"column.icon\"\n class=\"material-icons header-icon notranslate\"\n askTooltip\n [askTooltipMessage]=\"(column.icon.message || '') | translate\"\n [askTooltipPosition]=\"'above'\"\n >\n {{ column.icon.name }}\n </span>\n\n <span>{{ column.title | translate }}</span>\n\n <span *ngIf=\"column.sortable\" class=\"material-icons sort-icon\" [class.active]=\"!!column.sort\">\n <ng-container [ngSwitch]=\"column.sort\">\n <ng-container *ngSwitchCase=\"'asc'\">south</ng-container>\n <ng-container *ngSwitchCase=\"'desc'\">north</ng-container>\n <ng-container *ngSwitchDefault>south</ng-container>\n </ng-container>\n </span>\n </div>\n </th>\n </tr>\n </thead>\n\n <tbody>\n <ng-content select=\"[ask-table-body]\"></ng-content>\n </tbody>\n\n <tfoot class=\"table-footer\">\n <ng-container *ngIf=\"tableConfig.hasTotalizer\">\n <ng-content select=\"[ask-table-totalizer]\"></ng-content>\n </ng-container>\n\n <div\n *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) >= 1\"\n class=\"pagination-wrapper\"\n >\n <ask-pagination\n class=\"pagination\"\n [maxPages]=\"tableConfig.paginationConfig?.totalPages || 0\"\n [resultsPerPage]=\"tableConfig.paginationConfig?.itemsPerPage || ITEMS_PER_PAGE_OPTIONS_DEFAULT[0]\"\n [resultsPerPageOptions]=\"tableConfig.paginationConfig?.itemsPerPageOptions || ITEMS_PER_PAGE_OPTIONS_DEFAULT\"\n [maxPageItemsOnDisplay]=\"tableConfig.paginationConfig?.maxPageItemsOnDisplay || MAX_PAGE_ITEMS_ON_DISPLAY\"\n [selectedPage]=\"tableConfig.paginationConfig?.currentPage || 1\"\n (pageChange)=\"onPageChange($event)\"\n ></ask-pagination>\n </div>\n </tfoot>\n</table>\n", styles: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";:root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color:var(--asksuite-orange)}.ask-text-button.-secondary{color:#616e7c}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.ql-editor{padding:14px 16px;font-size:.875rem;word-break:break-word}.bubble-toolbox{position:absolute;background-color:var(--grey-800);border-radius:8px;z-index:999}.top-toolbox{background-color:var(--grey-100)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{display:block;overflow-y:auto;overflow-x:hidden}.table-container{width:100%;background-color:var(--primary-background);border-spacing:0px}.table-header{background-color:var(--primary-background);position:sticky;top:0;box-shadow:0 0 0 1px var(--grey-100)}.table-footer{background-color:var(--primary-background);position:sticky;bottom:0;border-top:1px solid var(--grey-100)}::ng-deep tbody{font-size:14px;font-weight:400;color:var(--grey-500)}::ng-deep tbody td{padding:8px;border-top:1px solid var(--grey-100);border-bottom:none;vertical-align:middle}.table-th{padding:8px;color:var(--grey-800);font-size:12px}.table-th>div{display:flex;flex-direction:row;align-items:center}.table-th>div span:first-child{font-weight:500}.table-th.-sortable{cursor:default}.table-th>.-left{text-align:left;justify-content:left}.table-th>.-right{text-align:right;justify-content:right}.table-th>.-center{text-align:center;justify-content:center}::ng-deep tfoot{font-size:14px;font-weight:500;color:var(--grey-500)}::ng-deep tfoot td{font-size:14px;font-weight:500;padding:16px 8px;border-top:3px solid var(--grey-100);border-bottom:none;vertical-align:middle}.sort-icon{color:var(--grey-200);-webkit-user-select:none;user-select:none;font-size:14px;cursor:pointer;padding-left:4px}.sort-icon.active{color:var(--grey-600)}.pagination-wrapper{position:relative;height:32px;margin-top:24px}.pagination-wrapper>.pagination{position:absolute;width:100vw;background-color:var(--primary-background)}.header-icon{font-size:16px;margin-right:4px;color:var(--font-color-200)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.AskTooltipDirective, selector: "[askTooltip]", inputs: ["askTooltipMessage", "askTooltipPosition"] }, { kind: "component", type: i3.PaginationComponent, selector: "ask-pagination", inputs: ["maxPages", "selectedPage", "maxPageItemsOnDisplay", "resultsPerPage", "resultsPerPageOptions"], outputs: ["pageChange"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
|
|
45
46
|
}
|
|
46
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TableComponent, decorators: [{
|
|
47
48
|
type: Component,
|
|
48
|
-
args: [{ selector: 'ask-table', template: "<table class=\"table-container\">\n <thead class=\"table-header\">\n <tr class=\"header-row\">\n <th class=\"table-th\" [class.-sortable]=\"column.sortable\"\n *ngFor=\"let column of tableConfig.columnConfig\"\n (click)=\"onSort(column)\"\n [style.width]=\"column.width\">\n <div class=\"-{{column.justify}}\">\n <span>{{ column.title | translate }}</span>\n\n <span *ngIf=\"column.sortable\" class=\"material-icons sort-icon\" [class.active]=\"!!column.sort\">\n <ng-container [ngSwitch]=\"column.sort\">\n <ng-container *ngSwitchCase=\"'asc'\">south</ng-container>\n <ng-container *ngSwitchCase=\"'desc'\">north</ng-container>\n <ng-container *ngSwitchDefault>south</ng-container>\n </ng-container>\n </span>\n </div>\n </th>\n </tr>\n </thead>\n\n <tbody>\n <ng-content select=\"[ask-table-body]\"></ng-content>\n </tbody>\n\n <tfoot class=\"table-footer\">\n <ng-container *ngIf=\"tableConfig.hasTotalizer\">\n <ng-content select=\"[ask-table-totalizer]\"></ng-content>\n </ng-container>\n\n <div\n *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) >= 1\"\n class=\"pagination-wrapper\"\n >\n <ask-pagination\n class=\"pagination\"\n [maxPages]=\"tableConfig.paginationConfig?.totalPages || 0\"\n [resultsPerPage]=\"tableConfig.paginationConfig?.itemsPerPage || ITEMS_PER_PAGE_OPTIONS_DEFAULT[0]\"\n [resultsPerPageOptions]=\"tableConfig.paginationConfig?.itemsPerPageOptions || ITEMS_PER_PAGE_OPTIONS_DEFAULT\"\n [maxPageItemsOnDisplay]=\"tableConfig.paginationConfig?.maxPageItemsOnDisplay || MAX_PAGE_ITEMS_ON_DISPLAY\"\n [selectedPage]=\"tableConfig.paginationConfig?.currentPage || 1\"\n (pageChange)=\"onPageChange($event)\"\n ></ask-pagination>\n </div>\n </tfoot>\n</table>\n", styles: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";:root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color
|
|
49
|
+
args: [{ selector: 'ask-table', template: "<table class=\"table-container\">\n <thead class=\"table-header\">\n <tr class=\"header-row\">\n <th class=\"table-th\" [class.-sortable]=\"column.sortable\"\n *ngFor=\"let column of tableConfig.columnConfig\"\n (click)=\"onSort(column)\"\n [style.width]=\"column.width\">\n <div class=\"-{{column.justify}}\">\n <span\n *ngIf=\"column.icon\"\n class=\"material-icons header-icon notranslate\"\n askTooltip\n [askTooltipMessage]=\"(column.icon.message || '') | translate\"\n [askTooltipPosition]=\"'above'\"\n >\n {{ column.icon.name }}\n </span>\n\n <span>{{ column.title | translate }}</span>\n\n <span *ngIf=\"column.sortable\" class=\"material-icons sort-icon\" [class.active]=\"!!column.sort\">\n <ng-container [ngSwitch]=\"column.sort\">\n <ng-container *ngSwitchCase=\"'asc'\">south</ng-container>\n <ng-container *ngSwitchCase=\"'desc'\">north</ng-container>\n <ng-container *ngSwitchDefault>south</ng-container>\n </ng-container>\n </span>\n </div>\n </th>\n </tr>\n </thead>\n\n <tbody>\n <ng-content select=\"[ask-table-body]\"></ng-content>\n </tbody>\n\n <tfoot class=\"table-footer\">\n <ng-container *ngIf=\"tableConfig.hasTotalizer\">\n <ng-content select=\"[ask-table-totalizer]\"></ng-content>\n </ng-container>\n\n <div\n *ngIf=\"(tableConfig.paginationConfig?.totalPages || 0) >= 1\"\n class=\"pagination-wrapper\"\n >\n <ask-pagination\n class=\"pagination\"\n [maxPages]=\"tableConfig.paginationConfig?.totalPages || 0\"\n [resultsPerPage]=\"tableConfig.paginationConfig?.itemsPerPage || ITEMS_PER_PAGE_OPTIONS_DEFAULT[0]\"\n [resultsPerPageOptions]=\"tableConfig.paginationConfig?.itemsPerPageOptions || ITEMS_PER_PAGE_OPTIONS_DEFAULT\"\n [maxPageItemsOnDisplay]=\"tableConfig.paginationConfig?.maxPageItemsOnDisplay || MAX_PAGE_ITEMS_ON_DISPLAY\"\n [selectedPage]=\"tableConfig.paginationConfig?.currentPage || 1\"\n (pageChange)=\"onPageChange($event)\"\n ></ask-pagination>\n </div>\n </tfoot>\n</table>\n", styles: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";:root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color:var(--asksuite-orange)}.ask-text-button.-secondary{color:#616e7c}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.ql-editor{padding:14px 16px;font-size:.875rem;word-break:break-word}.bubble-toolbox{position:absolute;background-color:var(--grey-800);border-radius:8px;z-index:999}.top-toolbox{background-color:var(--grey-100)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{display:block;overflow-y:auto;overflow-x:hidden}.table-container{width:100%;background-color:var(--primary-background);border-spacing:0px}.table-header{background-color:var(--primary-background);position:sticky;top:0;box-shadow:0 0 0 1px var(--grey-100)}.table-footer{background-color:var(--primary-background);position:sticky;bottom:0;border-top:1px solid var(--grey-100)}::ng-deep tbody{font-size:14px;font-weight:400;color:var(--grey-500)}::ng-deep tbody td{padding:8px;border-top:1px solid var(--grey-100);border-bottom:none;vertical-align:middle}.table-th{padding:8px;color:var(--grey-800);font-size:12px}.table-th>div{display:flex;flex-direction:row;align-items:center}.table-th>div span:first-child{font-weight:500}.table-th.-sortable{cursor:default}.table-th>.-left{text-align:left;justify-content:left}.table-th>.-right{text-align:right;justify-content:right}.table-th>.-center{text-align:center;justify-content:center}::ng-deep tfoot{font-size:14px;font-weight:500;color:var(--grey-500)}::ng-deep tfoot td{font-size:14px;font-weight:500;padding:16px 8px;border-top:3px solid var(--grey-100);border-bottom:none;vertical-align:middle}.sort-icon{color:var(--grey-200);-webkit-user-select:none;user-select:none;font-size:14px;cursor:pointer;padding-left:4px}.sort-icon.active{color:var(--grey-600)}.pagination-wrapper{position:relative;height:32px;margin-top:24px}.pagination-wrapper>.pagination{position:absolute;width:100vw;background-color:var(--primary-background)}.header-icon{font-size:16px;margin-right:4px;color:var(--font-color-200)}\n"] }]
|
|
49
50
|
}], propDecorators: { tableConfig: [{
|
|
50
51
|
type: Input
|
|
51
52
|
}], data: [{
|
|
@@ -60,4 +61,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
60
61
|
}, {
|
|
61
62
|
type: Input
|
|
62
63
|
}] } });
|
|
63
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNrc3VpdGUtY2l0cnVzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS90YWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9jb21wb25lbnRzL3RhYmxlL3RhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFGLE9BQU8sS0FBSyxDQUFDLE1BQU0sUUFBUSxDQUFDOzs7Ozs7QUEyQzVCLE1BQU0sT0FBTyxjQUFjO0lBTDNCO1FBT1UsaUJBQVksR0FBZ0I7WUFDbEMsWUFBWSxFQUFFLEVBQUU7U0FDakIsQ0FBQztRQUVpQixtQ0FBOEIsR0FBRyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUN2RCw4QkFBeUIsR0FBRyxDQUFDLENBQUM7UUFReEMsU0FBSSxHQUFVLEVBQUUsQ0FBQztRQUVoQixTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMxQixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQW1CLENBQUM7UUFHZCxjQUFTLEdBQVksU0FBUyxDQUFDO0tBdUI3RTtJQW5DQyxJQUFhLFdBQVcsQ0FBQyxNQUFtQjtRQUMzQyxJQUFJLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQztRQUUzQixJQUFJLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUM7SUFDbkMsQ0FBQztJQUFBLENBQUM7SUFVRixZQUFZLENBQUMsS0FBc0I7UUFDakMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBQUEsQ0FBQztJQUVGLE1BQU0sQ0FBQyxNQUFvQjtRQUN6QixJQUFHLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBQztZQUNsQixPQUFPO1NBQ1I7UUFDRCxNQUFNLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQyxJQUFJLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUNyRCxDQUFDLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxFQUFFLE9BQU8sQ0FBQyxFQUFFO1lBQ2pELElBQUcsT0FBTyxDQUFDLFFBQVEsS0FBSyxNQUFNLENBQUMsUUFBUSxFQUFDO2dCQUN0QyxPQUFPLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQzthQUMxQjtRQUNILENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDekIsQ0FBQzs4R0ExQ1UsY0FBYztrR0FBZCxjQUFjLHVQQzVDM0IsdXFFQXlEQTs7MkZEYmEsY0FBYztrQkFMMUIsU0FBUzsrQkFDRSxXQUFXOzhCQWFSLFdBQVc7c0JBQXZCLEtBQUs7Z0JBTUcsSUFBSTtzQkFBWixLQUFLO2dCQUVJLElBQUk7c0JBQWIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQUdzQyxTQUFTO3NCQUFyRCxXQUFXO3VCQUFDLHFCQUFxQjs7c0JBQUcsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0ICogYXMgXyBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHtQYWdlQ2hhbmdlRXZlbnR9IGZyb20gXCIuLi9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50XCI7XG5cbmV4cG9ydCB0eXBlIENvbHVtbkNvbmZpZyA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgc29ydGFibGU6IGJvb2xlYW47XG4gIHByb3BOYW1lOiBzdHJpbmc7XG4gIGp1c3RpZnk6ICdsZWZ0JyB8ICdyaWdodCcgfCAnY2VudGVyJztcbiAgc29ydD86ICdhc2MnIHwgJ2Rlc2MnO1xuICB3aWR0aD86IHN0cmluZztcbiAgZXhwb3J0Pzp7XG4gICAgaGlkZGVuPzogYm9vbGVhbjtcbiAgICB0eXBlPzogJ1BFUkNFTlRBR0UnIHwgJ0RBVEUnfCAnU1RSSU5HJyB8ICdOVU1CRVInXG4gIH1cbiAgaWNvbj86IENvbHVtbkNvbmZpZ0ljb247XG59XG5cbmV4cG9ydCB0eXBlIENvbHVtbkNvbmZpZ0ljb24gPSB7XG4gIG5hbWU6IHN0cmluZztcbiAgbWVzc2FnZT86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Db25maWcgPSB7XG4gIGl0ZW1zUGVyUGFnZTogbnVtYmVyO1xuICBpdGVtc1BlclBhZ2VPcHRpb25zPzogQXJyYXk8bnVtYmVyPjtcbiAgbWF4UGFnZUl0ZW1zT25EaXNwbGF5PzogbnVtYmVyO1xuICB0b3RhbEl0ZW1zOiBudW1iZXI7XG4gIGN1cnJlbnRQYWdlOiBudW1iZXI7XG4gIHRvdGFsUGFnZXM6IG51bWJlcjtcbn1cblxuZXhwb3J0IHR5cGUgVGFibGVDb25maWcgPSB7XG4gIGNvbHVtbkNvbmZpZzogQ29sdW1uQ29uZmlnW107XG4gIHBhZ2luYXRpb25Db25maWc/OiBQYWdpbmF0aW9uQ29uZmlnO1xuICBoYXNUb3RhbGl6ZXI/OiBib29sZWFuO1xuICBtYXhIZWlnaHQ/OiBudW1iZXI7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Fzay10YWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RhYmxlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGFibGVDb21wb25lbnR7XG5cbiAgcHJpdmF0ZSBfdGFibGVDb25maWc6IFRhYmxlQ29uZmlnID0ge1xuICAgIGNvbHVtbkNvbmZpZzogW11cbiAgfTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgSVRFTVNfUEVSX1BBR0VfT1BUSU9OU19ERUZBVUxUID0gWzEwLCAyMCwgMzAsIDUwLCAxMDBdO1xuICBwcm90ZWN0ZWQgcmVhZG9ubHkgTUFYX1BBR0VfSVRFTVNfT05fRElTUExBWSA9IDU7XG5cbiAgQElucHV0KCkgc2V0IHRhYmxlQ29uZmlnKGNvbmZpZzogVGFibGVDb25maWcpe1xuICAgdGhpcy5fdGFibGVDb25maWcgPSBjb25maWc7XG5cbiAgIHRoaXMubWF4SGVpZ2h0ID0gY29uZmlnLm1heEhlaWdodDtcbiAgfTtcblxuICBASW5wdXQoKSBkYXRhOiBhbnlbXSA9IFtdO1xuXG4gIEBPdXRwdXQoKSBzb3J0ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgcGFnZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8UGFnZUNoYW5nZUV2ZW50PigpO1xuXG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5tYXgtaGVpZ2h0LnB4JykgQElucHV0KCkgbWF4SGVpZ2h0PzogbnVtYmVyID0gdW5kZWZpbmVkO1xuXG4gIG9uUGFnZUNoYW5nZShldmVudDogUGFnZUNoYW5nZUV2ZW50KXtcbiAgICB0aGlzLnBhZ2VDaGFuZ2UuZW1pdChldmVudCk7XG4gIH1cblxuICBnZXQgdGFibGVDb25maWcoKTogVGFibGVDb25maWd7XG4gICAgcmV0dXJuIHRoaXMuX3RhYmxlQ29uZmlnO1xuICB9O1xuXG4gIG9uU29ydChjb2x1bW46IENvbHVtbkNvbmZpZyl7XG4gICAgaWYoIWNvbHVtbi5zb3J0YWJsZSl7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbHVtbi5zb3J0ID0gY29sdW1uLnNvcnQgPT09ICdhc2MnID8gJ2Rlc2MnIDogJ2FzYyc7XG4gICAgXy5mb3JFYWNoKHRoaXMudGFibGVDb25maWcuY29sdW1uQ29uZmlnLCBjY29uZmlnID0+IHtcbiAgICAgIGlmKGNjb25maWcucHJvcE5hbWUgIT09IGNvbHVtbi5wcm9wTmFtZSl7XG4gICAgICAgIGNjb25maWcuc29ydCA9IHVuZGVmaW5lZDtcbiAgICAgIH1cbiAgICB9KTtcbiAgICB0aGlzLnNvcnQuZW1pdChjb2x1bW4pO1xuICB9XG5cbn1cbiIsIjx0YWJsZSBjbGFzcz1cInRhYmxlLWNvbnRhaW5lclwiPlxuICA8dGhlYWQgY2xhc3M9XCJ0YWJsZS1oZWFkZXJcIj5cbiAgPHRyIGNsYXNzPVwiaGVhZGVyLXJvd1wiPlxuICAgIDx0aCBjbGFzcz1cInRhYmxlLXRoXCIgW2NsYXNzLi1zb3J0YWJsZV09XCJjb2x1bW4uc29ydGFibGVcIlxuICAgICAgICAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIHRhYmxlQ29uZmlnLmNvbHVtbkNvbmZpZ1wiXG4gICAgICAgIChjbGljayk9XCJvblNvcnQoY29sdW1uKVwiXG4gICAgICAgIFtzdHlsZS53aWR0aF09XCJjb2x1bW4ud2lkdGhcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCIte3tjb2x1bW4uanVzdGlmeX19XCI+XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgKm5nSWY9XCJjb2x1bW4uaWNvblwiXG4gICAgICAgICAgY2xhc3M9XCJtYXRlcmlhbC1pY29ucyBoZWFkZXItaWNvbiBub3RyYW5zbGF0ZVwiXG4gICAgICAgICAgYXNrVG9vbHRpcFxuICAgICAgICAgIFthc2tUb29sdGlwTWVzc2FnZV09XCIoY29sdW1uLmljb24ubWVzc2FnZSB8fCAnJykgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgIFthc2tUb29sdGlwUG9zaXRpb25dPVwiJ2Fib3ZlJ1wiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBjb2x1bW4uaWNvbi5uYW1lIH19XG4gICAgICAgIDwvc3Bhbj5cblxuICAgICAgICA8c3Bhbj57eyBjb2x1bW4udGl0bGUgfCB0cmFuc2xhdGUgfX08L3NwYW4+XG5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJjb2x1bW4uc29ydGFibGVcIiBjbGFzcz1cIm1hdGVyaWFsLWljb25zIHNvcnQtaWNvblwiIFtjbGFzcy5hY3RpdmVdPVwiISFjb2x1bW4uc29ydFwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImNvbHVtbi5zb3J0XCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYXNjJ1wiPnNvdXRoPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInZGVzYydcIj5ub3J0aDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hEZWZhdWx0PnNvdXRoPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvdGg+XG4gIDwvdHI+XG4gIDwvdGhlYWQ+XG5cbiAgPHRib2R5PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbYXNrLXRhYmxlLWJvZHldXCI+PC9uZy1jb250ZW50PlxuICA8L3Rib2R5PlxuXG4gIDx0Zm9vdCBjbGFzcz1cInRhYmxlLWZvb3RlclwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0YWJsZUNvbmZpZy5oYXNUb3RhbGl6ZXJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlthc2stdGFibGUtdG90YWxpemVyXVwiPjwvbmctY29udGVudD5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiKHRhYmxlQ29uZmlnLnBhZ2luYXRpb25Db25maWc/LnRvdGFsUGFnZXMgfHwgMCkgPj0gMVwiXG4gICAgICBjbGFzcz1cInBhZ2luYXRpb24td3JhcHBlclwiXG4gICAgPlxuICAgICAgPGFzay1wYWdpbmF0aW9uXG4gICAgICAgIGNsYXNzPVwicGFnaW5hdGlvblwiXG4gICAgICAgIFttYXhQYWdlc109XCJ0YWJsZUNvbmZpZy5wYWdpbmF0aW9uQ29uZmlnPy50b3RhbFBhZ2VzIHx8IDBcIlxuICAgICAgICBbcmVzdWx0c1BlclBhZ2VdPVwidGFibGVDb25maWcucGFnaW5hdGlvbkNvbmZpZz8uaXRlbXNQZXJQYWdlIHx8IElURU1TX1BFUl9QQUdFX09QVElPTlNfREVGQVVMVFswXVwiXG4gICAgICAgIFtyZXN1bHRzUGVyUGFnZU9wdGlvbnNdPVwidGFibGVDb25maWcucGFnaW5hdGlvbkNvbmZpZz8uaXRlbXNQZXJQYWdlT3B0aW9ucyB8fCBJVEVNU19QRVJfUEFHRV9PUFRJT05TX0RFRkFVTFRcIlxuICAgICAgICBbbWF4UGFnZUl0ZW1zT25EaXNwbGF5XT1cInRhYmxlQ29uZmlnLnBhZ2luYXRpb25Db25maWc/Lm1heFBhZ2VJdGVtc09uRGlzcGxheSB8fCBNQVhfUEFHRV9JVEVNU19PTl9ESVNQTEFZXCJcbiAgICAgICAgW3NlbGVjdGVkUGFnZV09XCJ0YWJsZUNvbmZpZy5wYWdpbmF0aW9uQ29uZmlnPy5jdXJyZW50UGFnZSB8fCAxXCJcbiAgICAgICAgKHBhZ2VDaGFuZ2UpPVwib25QYWdlQ2hhbmdlKCRldmVudClcIlxuICAgICAgPjwvYXNrLXBhZ2luYXRpb24+XG4gICAgPC9kaXY+XG4gIDwvdGZvb3Q+XG48L3RhYmxlPlxuIl19
|
|
@@ -45,11 +45,11 @@ export class ToastComponent {
|
|
|
45
45
|
setTimeout(() => this.ref.close(), 250);
|
|
46
46
|
}
|
|
47
47
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToastComponent, deps: [{ token: ASK_TOAST_CONFIG }, { token: i1.ToastRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ToastComponent, selector: "ask-toast", inputs: { type: "type" }, host: { properties: { "style.background-color": "this.color", "style.color": "this.fontColor", "class.closing": "this.isClosing" } }, ngImport: i0, template: "<span class=\"material-icons icon\">\n {{ icon }}\n</span>\n\n<p class=\"message\">\n {{ message }}\n</p>\n\n<button type=\"button\" class=\"close-icon\" (click)=\"close()\">\n <span class=\"material-icons icon\" [style.color]=\"fontColor\">close</span>\n</button>\n", styles: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";:root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ToastComponent, selector: "ask-toast", inputs: { type: "type" }, host: { properties: { "style.background-color": "this.color", "style.color": "this.fontColor", "class.closing": "this.isClosing" } }, ngImport: i0, template: "<span class=\"material-icons icon\">\n {{ icon }}\n</span>\n\n<p class=\"message\">\n {{ message }}\n</p>\n\n<button type=\"button\" class=\"close-icon\" (click)=\"close()\">\n <span class=\"material-icons icon\" [style.color]=\"fontColor\">close</span>\n</button>\n", styles: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";:root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color:var(--asksuite-orange)}.ask-text-button.-secondary{color:#616e7c}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.ql-editor{padding:14px 16px;font-size:.875rem;word-break:break-word}.bubble-toolbox{position:absolute;background-color:var(--grey-800);border-radius:8px;z-index:999}.top-toolbox{background-color:var(--grey-100)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{position:relative;display:flex;align-items:center;gap:8px;flex-direction:row;width:220px;padding:16px;border-radius:4px;box-shadow:0 0 6px #2a304229;animation:toastIn .2s ease-out 0s 1 normal forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}:host.closing{animation:toastOut .2s ease-out 0s 1 normal forwards}:host>.icon{width:24px;height:24px;-webkit-user-select:none;user-select:none}:host>.message{font-size:1rem}.close-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;outline:none;background:none;cursor:pointer;top:4px;right:4px}.close-icon>.icon{font-size:16px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
49
49
|
}
|
|
50
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToastComponent, decorators: [{
|
|
51
51
|
type: Component,
|
|
52
|
-
args: [{ selector: 'ask-toast', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"material-icons icon\">\n {{ icon }}\n</span>\n\n<p class=\"message\">\n {{ message }}\n</p>\n\n<button type=\"button\" class=\"close-icon\" (click)=\"close()\">\n <span class=\"material-icons icon\" [style.color]=\"fontColor\">close</span>\n</button>\n", styles: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";:root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color
|
|
52
|
+
args: [{ selector: 'ask-toast', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"material-icons icon\">\n {{ icon }}\n</span>\n\n<p class=\"message\">\n {{ message }}\n</p>\n\n<button type=\"button\" class=\"close-icon\" (click)=\"close()\">\n <span class=\"material-icons icon\" [style.color]=\"fontColor\">close</span>\n</button>\n", styles: ["@import\"https://cdn.quilljs.com/1.0.0/quill.core.css\";:root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-text-button{padding:8px 16px;border:none;border-radius:4px;outline:none;background:none;color:var(--asksuite-orange);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3ms}.ask-text-button:hover{text-decoration:none;background:#F5F7FA}.ask-text-button:disabled{cursor:not-allowed;color:#9aa5b1}.ask-text-button.-primary{color:var(--asksuite-orange)}.ask-text-button.-secondary{color:#616e7c}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.ql-editor{padding:14px 16px;font-size:.875rem;word-break:break-word}.bubble-toolbox{position:absolute;background-color:var(--grey-800);border-radius:8px;z-index:999}.top-toolbox{background-color:var(--grey-100)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{position:relative;display:flex;align-items:center;gap:8px;flex-direction:row;width:220px;padding:16px;border-radius:4px;box-shadow:0 0 6px #2a304229;animation:toastIn .2s ease-out 0s 1 normal forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}:host.closing{animation:toastOut .2s ease-out 0s 1 normal forwards}:host>.icon{width:24px;height:24px;-webkit-user-select:none;user-select:none}:host>.message{font-size:1rem}.close-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;outline:none;background:none;cursor:pointer;top:4px;right:4px}.close-icon>.icon{font-size:16px}\n"] }]
|
|
53
53
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
54
54
|
type: Inject,
|
|
55
55
|
args: [ASK_TOAST_CONFIG]
|
|
@@ -1,26 +1,32 @@
|
|
|
1
1
|
import { Directive, Input } from "@angular/core";
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export class AskBaseButtonDirective {
|
|
4
|
-
constructor(el) {
|
|
4
|
+
constructor(el, className) {
|
|
5
5
|
this.el = el;
|
|
6
6
|
this.color = '';
|
|
7
7
|
const element = this.el.nativeElement;
|
|
8
|
-
if (element.tagName.toLowerCase() !== 'button')
|
|
8
|
+
if (element.tagName.toLowerCase() !== 'button')
|
|
9
9
|
throw new Error(`AskButton can only be applied to buttons.`);
|
|
10
|
+
element.classList.add(className);
|
|
11
|
+
}
|
|
12
|
+
ngOnChanges(changes) {
|
|
13
|
+
if (changes['color']) {
|
|
14
|
+
this.updateColor();
|
|
10
15
|
}
|
|
16
|
+
}
|
|
17
|
+
updateColor() {
|
|
18
|
+
const element = this.el.nativeElement;
|
|
19
|
+
element.classList.remove('-primary', '-secondary');
|
|
11
20
|
if (this.color) {
|
|
12
21
|
element.classList.add('-' + this.color);
|
|
13
22
|
}
|
|
14
|
-
else {
|
|
15
|
-
element.classList.remove('-primary', '-secondary');
|
|
16
|
-
}
|
|
17
23
|
}
|
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AskBaseButtonDirective, deps:
|
|
19
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: AskBaseButtonDirective, inputs: { color: "color" }, ngImport: i0 }); }
|
|
24
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AskBaseButtonDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
|
|
25
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: AskBaseButtonDirective, inputs: { color: "color" }, usesOnChanges: true, ngImport: i0 }); }
|
|
20
26
|
}
|
|
21
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AskBaseButtonDirective, decorators: [{
|
|
22
28
|
type: Directive
|
|
23
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { color: [{
|
|
29
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: undefined }]; }, propDecorators: { color: [{
|
|
24
30
|
type: Input
|
|
25
31
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNrLWJhc2UtYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvbGliL2RpcmVjdGl2ZXMvYnV0dG9uL2Fzay1iYXNlLWJ1dHRvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBYyxLQUFLLEVBQTJCLE1BQU0sZUFBZSxDQUFDOztBQUdyRixNQUFNLE9BQWdCLHNCQUFzQjtJQUkxQyxZQUE4QixFQUFjLEVBQUUsU0FBaUI7UUFBakMsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUY1QyxVQUFLLEdBQWlDLEVBQUUsQ0FBQztRQUd2QyxNQUFNLE9BQU8sR0FBZ0IsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUM7UUFFbkQsSUFBSSxPQUFPLENBQUMsT0FBTyxDQUFDLFdBQVcsRUFBRSxLQUFLLFFBQVE7WUFDNUMsTUFBTSxJQUFJLEtBQUssQ0FBQywyQ0FBMkMsQ0FBQyxDQUFDO1FBQy9ELE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDcEIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUVPLFdBQVc7UUFDakIsTUFBTSxPQUFPLEdBQWdCLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDO1FBQ25ELE9BQU8sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFVBQVUsRUFBRSxZQUFZLENBQUMsQ0FBQztRQUNuRCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDZCxPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3pDO0lBQ0gsQ0FBQzs4R0F4Qm1CLHNCQUFzQjtrR0FBdEIsc0JBQXNCOzsyRkFBdEIsc0JBQXNCO2tCQUQzQyxTQUFTO3NIQUdSLEtBQUs7c0JBREosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7RGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBBc2tCYXNlQnV0dG9uRGlyZWN0aXZlIGltcGxlbWVudHMgT25DaGFuZ2Vze1xuICBASW5wdXQoKVxuICBjb2xvcjogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnJyA9ICcnO1xuXG4gIHByb3RlY3RlZCBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmLCBjbGFzc05hbWU6IHN0cmluZykge1xuICAgIGNvbnN0IGVsZW1lbnQ6IEhUTUxFbGVtZW50ID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50O1xuXG4gICAgaWYgKGVsZW1lbnQudGFnTmFtZS50b0xvd2VyQ2FzZSgpICE9PSAnYnV0dG9uJylcbiAgICAgIHRocm93IG5ldyBFcnJvcihgQXNrQnV0dG9uIGNhbiBvbmx5IGJlIGFwcGxpZWQgdG8gYnV0dG9ucy5gKTtcbiAgICBlbGVtZW50LmNsYXNzTGlzdC5hZGQoY2xhc3NOYW1lKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlc1snY29sb3InXSkge1xuICAgICAgdGhpcy51cGRhdGVDb2xvcigpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlQ29sb3IoKSB7XG4gICAgY29uc3QgZWxlbWVudDogSFRNTEVsZW1lbnQgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQ7XG4gICAgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCctcHJpbWFyeScsICctc2Vjb25kYXJ5Jyk7XG4gICAgaWYgKHRoaXMuY29sb3IpIHtcbiAgICAgIGVsZW1lbnQuY2xhc3NMaXN0LmFkZCgnLScgKyB0aGlzLmNvbG9yKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
|
@@ -3,8 +3,7 @@ import { AskBaseButtonDirective } from "./ask-base-button.directive";
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class AskButtonDirective extends AskBaseButtonDirective {
|
|
5
5
|
constructor(el) {
|
|
6
|
-
super(el);
|
|
7
|
-
el.nativeElement.classList.add('ask-button');
|
|
6
|
+
super(el, 'ask-button');
|
|
8
7
|
}
|
|
9
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AskButtonDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10
9
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: AskButtonDirective, selector: "button[askButton]", usesInheritance: true, ngImport: i0 }); }
|
|
@@ -15,4 +14,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
15
14
|
selector: 'button[askButton]'
|
|
16
15
|
}]
|
|
17
16
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNrLWJ1dHRvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9kaXJlY3RpdmVzL2J1dHRvbi9hc2stYnV0dG9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFvQixNQUFNLGVBQWUsQ0FBQztBQUMzRCxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQzs7QUFLbkUsTUFBTSxPQUFPLGtCQUFtQixTQUFRLHNCQUFzQjtJQUM1RCxZQUFZLEVBQWM7UUFDeEIsS0FBSyxDQUFDLEVBQUUsRUFBRSxZQUFZLENBQUMsQ0FBQztJQUMxQixDQUFDOzhHQUhVLGtCQUFrQjtrR0FBbEIsa0JBQWtCOzsyRkFBbEIsa0JBQWtCO2tCQUg5QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7aUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QXNrQmFzZUJ1dHRvbkRpcmVjdGl2ZX0gZnJvbSBcIi4vYXNrLWJhc2UtYnV0dG9uLmRpcmVjdGl2ZVwiO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdidXR0b25bYXNrQnV0dG9uXSdcbn0pXG5leHBvcnQgY2xhc3MgQXNrQnV0dG9uRGlyZWN0aXZlIGV4dGVuZHMgQXNrQmFzZUJ1dHRvbkRpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKGVsOiBFbGVtZW50UmVmKSB7XG4gICAgc3VwZXIoZWwsICdhc2stYnV0dG9uJyk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -3,8 +3,7 @@ import { AskBaseButtonDirective } from "./ask-base-button.directive";
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class AskTextButtonDirective extends AskBaseButtonDirective {
|
|
5
5
|
constructor(el) {
|
|
6
|
-
super(el);
|
|
7
|
-
el.nativeElement.classList.add('ask-text-button');
|
|
6
|
+
super(el, 'ask-text-button');
|
|
8
7
|
}
|
|
9
8
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AskTextButtonDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
10
9
|
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.1.6", type: AskTextButtonDirective, selector: "[askTextButton]", usesInheritance: true, ngImport: i0 }); }
|
|
@@ -15,4 +14,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
15
14
|
selector: '[askTextButton]'
|
|
16
15
|
}]
|
|
17
16
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNrLXRleHQtYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvbGliL2RpcmVjdGl2ZXMvYnV0dG9uL2Fzay10ZXh0LWJ1dHRvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUNwRCxPQUFPLEVBQUMsc0JBQXNCLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQzs7QUFLbkUsTUFBTSxPQUFPLHNCQUF1QixTQUFRLHNCQUFzQjtJQUNoRSxZQUFZLEVBQWM7UUFDeEIsS0FBSyxDQUFDLEVBQUUsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO0lBQy9CLENBQUM7OEdBSFUsc0JBQXNCO2tHQUF0QixzQkFBc0I7OzJGQUF0QixzQkFBc0I7a0JBSGxDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtpQkFDNUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0RpcmVjdGl2ZSwgRWxlbWVudFJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0Fza0Jhc2VCdXR0b25EaXJlY3RpdmV9IGZyb20gXCIuL2Fzay1iYXNlLWJ1dHRvbi5kaXJlY3RpdmVcIjtcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2Fza1RleHRCdXR0b25dJ1xufSlcbmV4cG9ydCBjbGFzcyBBc2tUZXh0QnV0dG9uRGlyZWN0aXZlIGV4dGVuZHMgQXNrQmFzZUJ1dHRvbkRpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKGVsOiBFbGVtZW50UmVmKSB7XG4gICAgc3VwZXIoZWwsICdhc2stdGV4dC1idXR0b24nKTtcbiAgfVxufVxuIl19
|