@wizishop/angular-components 15.1.137 → 15.1.139
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/angular-components.scss +1651 -1653
- package/esm2020/lib/components/alert-popup/alert-popup.component.mjs +6 -37
- package/esm2020/lib/components/color-picker/color-picker.component.mjs +17 -4
- package/esm2020/lib/components/menu-tile/menu-tile.component.mjs +3 -3
- package/fesm2015/wizishop-angular-components.mjs +21 -41
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +21 -40
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/alert-popup/alert-popup.component.d.ts +3 -9
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.139.tgz +0 -0
- package/wizishop-angular-components-15.1.137.tgz +0 -0
|
@@ -3,32 +3,15 @@ import { Component, ViewEncapsulation } from '@angular/core';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/common";
|
|
5
5
|
export class AlertPopupComponent {
|
|
6
|
-
constructor(
|
|
7
|
-
this.elRef = elRef;
|
|
8
|
-
this.renderer = renderer;
|
|
6
|
+
constructor() {
|
|
9
7
|
/** Subject for notifying the user that the dialog has finished closing. */
|
|
10
8
|
this.afterClosedPopup = new Subject();
|
|
11
9
|
this.open = false;
|
|
12
10
|
}
|
|
13
|
-
|
|
11
|
+
ngAfterViewInit() {
|
|
14
12
|
setTimeout(() => {
|
|
15
13
|
this.open = true;
|
|
16
|
-
},
|
|
17
|
-
this.observer = new MutationObserver(() => {
|
|
18
|
-
const alert = document.querySelector('.wac-alert-popup:last-child .alert');
|
|
19
|
-
if (alert) {
|
|
20
|
-
const bgColor = getComputedStyle(alert).backgroundColor;
|
|
21
|
-
const hexColor = this.rgbToHex(bgColor);
|
|
22
|
-
if ((hexColor === '#2ecc71' || hexColor === '#e95656') && !alert.classList.contains('is-loaded')) {
|
|
23
|
-
alert.classList.add('is-loaded');
|
|
24
|
-
this.observer.disconnect();
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
});
|
|
28
|
-
this.observer.observe(document.body, {
|
|
29
|
-
childList: true,
|
|
30
|
-
subtree: true
|
|
31
|
-
});
|
|
14
|
+
}, 50);
|
|
32
15
|
if (this.config.duration > 0) {
|
|
33
16
|
this.timer = setTimeout(() => this.dismiss(), this.config.duration);
|
|
34
17
|
}
|
|
@@ -46,27 +29,13 @@ export class AlertPopupComponent {
|
|
|
46
29
|
afterClosed() {
|
|
47
30
|
return this.afterClosedPopup.asObservable();
|
|
48
31
|
}
|
|
49
|
-
ngOnDestroy() {
|
|
50
|
-
this.observer?.disconnect();
|
|
51
|
-
}
|
|
52
|
-
rgbToHex(rgb) {
|
|
53
|
-
const result = rgb.match(/\d+/g);
|
|
54
|
-
if (!result)
|
|
55
|
-
return '';
|
|
56
|
-
const [r, g, b] = result.map(Number);
|
|
57
|
-
return ('#' +
|
|
58
|
-
[r, g, b]
|
|
59
|
-
.map((x) => x.toString(16).padStart(2, '0'))
|
|
60
|
-
.join('')
|
|
61
|
-
.toLowerCase());
|
|
62
|
-
}
|
|
63
32
|
}
|
|
64
|
-
AlertPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupComponent, deps: [
|
|
33
|
+
AlertPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
65
34
|
AlertPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: AlertPopupComponent, selector: "wac-alert-popup", host: { classAttribute: "wac-alert-popup" }, ngImport: i0, template: "<div\r\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '') + ((config.duration) ? '' : ' no-duration')\"\r\n [ngClass]=\"{'is-active': open, 'has-close': config.closeButton}\"\r\n>\r\n <div class=\"alert--message\">\r\n <span class=\"icon\" *ngIf=\"config.icon\">\r\n <i [class]=\"config.icon\"></i>\r\n </span>\r\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\" *ngIf=\"!config.small || (config.small && config.closeButton)\"><i class=\"far fa-times\"></i></span>\r\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\r\n <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
66
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupComponent, decorators: [{
|
|
67
36
|
type: Component,
|
|
68
37
|
args: [{ selector: 'wac-alert-popup', host: {
|
|
69
38
|
class: 'wac-alert-popup'
|
|
70
39
|
}, encapsulation: ViewEncapsulation.None, template: "<div\r\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '') + ((config.duration) ? '' : ' no-duration')\"\r\n [ngClass]=\"{'is-active': open, 'has-close': config.closeButton}\"\r\n>\r\n <div class=\"alert--message\">\r\n <span class=\"icon\" *ngIf=\"config.icon\">\r\n <i [class]=\"config.icon\"></i>\r\n </span>\r\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\" *ngIf=\"!config.small || (config.small && config.closeButton)\"><i class=\"far fa-times\"></i></span>\r\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\r\n <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\r\n </div>\r\n</div>\r\n" }]
|
|
71
|
-
}]
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
}] });
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtcG9wdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9hbGVydC1wb3B1cC9hbGVydC1wb3B1cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2FsZXJ0LXBvcHVwL2FsZXJ0LXBvcHVwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBYyxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFM0MsT0FBTyxFQUFnQixTQUFTLEVBQVUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQVVsRixNQUFNLE9BQU8sbUJBQW1CO0lBUmhDO1FBV0UsMkVBQTJFO1FBQ25FLHFCQUFnQixHQUFpQixJQUFJLE9BQU8sRUFBRSxDQUFDO1FBRXZELFNBQUksR0FBRyxLQUFLLENBQUM7S0E2QmQ7SUF6QkMsZUFBZTtRQUNiLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNuQixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFFUCxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxHQUFHLENBQUMsRUFBRTtZQUM1QixJQUFJLENBQUMsS0FBSyxHQUFHLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUNyRTtJQUNILENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFFbEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDakMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ25DLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUNWLENBQUM7SUFFRDs7T0FFRztJQUNILFdBQVc7UUFDVCxPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUM5QyxDQUFDOztnSEFsQ1UsbUJBQW1CO29HQUFuQixtQkFBbUIsb0dDWmhDLHkvQkFhQTsyRkREYSxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0UsaUJBQWlCLFFBRXJCO3dCQUNKLEtBQUssRUFBRSxpQkFBaUI7cUJBQ3pCLGlCQUNjLGlCQUFpQixDQUFDLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPYnNlcnZhYmxlLCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IEFsZXJ0UG9wdXBDb25maWcgfSBmcm9tICcuL2FsZXJ0LXBvcHVwLnNlcnZpY2UnO1xyXG5pbXBvcnQge0FmdGVyVmlld0luaXQsIENvbXBvbmVudCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3dhYy1hbGVydC1wb3B1cCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FsZXJ0LXBvcHVwLmNvbXBvbmVudC5odG1sJyxcclxuICBob3N0OiB7XHJcbiAgICBjbGFzczogJ3dhYy1hbGVydC1wb3B1cCdcclxuICB9LFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuZXhwb3J0IGNsYXNzIEFsZXJ0UG9wdXBDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcclxuICBjb25maWc6IEFsZXJ0UG9wdXBDb25maWc7XHJcblxyXG4gIC8qKiBTdWJqZWN0IGZvciBub3RpZnlpbmcgdGhlIHVzZXIgdGhhdCB0aGUgZGlhbG9nIGhhcyBmaW5pc2hlZCBjbG9zaW5nLiAqL1xyXG4gIHByaXZhdGUgYWZ0ZXJDbG9zZWRQb3B1cDogU3ViamVjdDxhbnk+ID0gbmV3IFN1YmplY3QoKTtcclxuXHJcbiAgb3BlbiA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIHRpbWVyOiBhbnk7XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICB0aGlzLm9wZW4gPSB0cnVlO1xyXG4gICAgfSwgNTApO1xyXG5cclxuICAgIGlmICh0aGlzLmNvbmZpZy5kdXJhdGlvbiA+IDApIHtcclxuICAgICAgdGhpcy50aW1lciA9IHNldFRpbWVvdXQoKCkgPT4gdGhpcy5kaXNtaXNzKCksIHRoaXMuY29uZmlnLmR1cmF0aW9uKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGRpc21pc3MoKSB7XHJcbiAgICB0aGlzLm9wZW4gPSBmYWxzZTtcclxuXHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5hZnRlckNsb3NlZFBvcHVwLm5leHQodHJ1ZSk7XHJcbiAgICAgIHRoaXMuYWZ0ZXJDbG9zZWRQb3B1cC5jb21wbGV0ZSgpO1xyXG4gICAgfSwgMjAwKTtcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIEdldHMgYW4gb2JzZXJ2YWJsZSB0aGF0IGlzIG5vdGlmaWVkIHdoZW4gdGhlIGRpYWxvZyBpcyBmaW5pc2hlZCBjbG9zaW5nLlxyXG4gICAqL1xyXG4gIGFmdGVyQ2xvc2VkKCk6IE9ic2VydmFibGU8YW55PiB7XHJcbiAgICByZXR1cm4gdGhpcy5hZnRlckNsb3NlZFBvcHVwLmFzT2JzZXJ2YWJsZSgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2XHJcbiAgW2NsYXNzXT1cIidhbGVydCAnICsgKChjb25maWcuY29sb3IpID8gY29uZmlnLmNvbG9yIDogJyBpcy1wcmltYXJ5JykgKyAoKGNvbmZpZy5leHRyYUNsYXNzZXMpID8gJyAnICsgY29uZmlnLmV4dHJhQ2xhc3NlcyA6ICcnKSArICgoY29uZmlnLnBvc2l0aW9uKSA/ICcgJyArIGNvbmZpZy5wb3NpdGlvbiA6ICcnKSArICgoY29uZmlnLmZ1bGxzaXplKSA/ICcgZnVsbHNpemUnIDogJycpICsgKChjb25maWcub3BhY2l0eSkgPyAnIG9wYWNpdHktYWN0aXZlJyA6ICcnKSArICgoY29uZmlnLnNtYWxsKSA/ICcgc21hbGwnIDogJycpICsgKChjb25maWcuaWNvbikgPyAnIHdpdGgtaWNvbicgOiAnJykgKyAoKGNvbmZpZy5kdXJhdGlvbikgPyAnJyA6ICcgbm8tZHVyYXRpb24nKVwiXHJcbiAgW25nQ2xhc3NdPVwieydpcy1hY3RpdmUnOiBvcGVuLCAnaGFzLWNsb3NlJzogY29uZmlnLmNsb3NlQnV0dG9ufVwiXHJcbj5cclxuICA8ZGl2IGNsYXNzPVwiYWxlcnQtLW1lc3NhZ2VcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwiaWNvblwiICpuZ0lmPVwiY29uZmlnLmljb25cIj5cclxuICAgICAgICA8aSBbY2xhc3NdPVwiY29uZmlnLmljb25cIj48L2k+XHJcbiAgICA8L3NwYW4+XHJcbiAgICA8c3BhbiAoY2xpY2spPVwiZGlzbWlzcygpXCIgY2xhc3M9XCJ3YWMtYWxlcnQtcG9wdXBfX2Nsb3NlXCIgKm5nSWY9XCIhY29uZmlnLnNtYWxsIHx8IChjb25maWcuc21hbGwgJiYgY29uZmlnLmNsb3NlQnV0dG9uKVwiPjxpIGNsYXNzPVwiZmFyIGZhLXRpbWVzXCI+PC9pPjwvc3Bhbj5cclxuICAgIDxwICpuZ0lmPVwiY29uZmlnLnRpdGxlXCIgY2xhc3M9XCJ3YWMtYWxlcnQtcG9wdXBfX3RpdGxlXCIgW2lubmVySFRNTF09XCJjb25maWcudGl0bGVcIj48L3A+XHJcbiAgICA8cCAqbmdJZj1cImNvbmZpZy5tZXNzYWdlXCIgY2xhc3M9XCJ3YWMtYWxlcnQtcG9wdXBfX3RleHRcIiBbaW5uZXJIVE1MXT1cImNvbmZpZy5tZXNzYWdlXCI+PC9wPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output } from "@angular/core";
|
|
1
|
+
import { Component, EventEmitter, forwardRef, Input, Output } from "@angular/core";
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
import * as i1 from "@angular/common";
|
|
4
5
|
import * as i2 from "@angular/forms";
|
|
@@ -61,10 +62,22 @@ export class ColorPickerComponent {
|
|
|
61
62
|
}
|
|
62
63
|
}
|
|
63
64
|
ColorPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
64
|
-
ColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: ColorPickerComponent, selector: "wac-color-picker", inputs: { label: "label", value: "value", gap: "gap", fontSize: "fontSize", id: "id", info: "info" }, outputs: { colorChange: "colorChange" },
|
|
65
|
+
ColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: ColorPickerComponent, selector: "wac-color-picker", inputs: { label: "label", value: "value", gap: "gap", fontSize: "fontSize", id: "id", info: "info" }, outputs: { colorChange: "colorChange" }, providers: [
|
|
66
|
+
{
|
|
67
|
+
provide: NG_VALUE_ACCESSOR,
|
|
68
|
+
useExisting: forwardRef(() => ColorPickerComponent),
|
|
69
|
+
multi: true
|
|
70
|
+
}
|
|
71
|
+
], ngImport: i0, template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <div class=\"w-label\">\r\n <label class=\"cp-label\" [for]=\"id\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n <wac-info *ngIf=\"info\" [colorPicker]=\"'true'\">{{ info }}</wac-info>\r\n </div>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div\r\n class=\"color-preview\"\r\n [colorPicker]=\"value\"\r\n (click)=\"colorPickerInput.openDialog()\"\r\n [ngStyle]=\"{'background-color': value}\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n ></div>\r\n\r\n <input\r\n class=\"cp-input\"\r\n [id]=\"id\"\r\n #colorPickerInput=\"ngxColorPicker\"\r\n maxlength=\"7\"\r\n placeholder=\"#000000\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"changeColor($event)\"\r\n [colorPicker]=\"value\"\r\n (colorPickerChange)=\"changeColor($event)\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.ColorPickerDirective, selector: "[colorPicker]", inputs: ["colorPicker", "cpWidth", "cpHeight", "cpToggle", "cpDisabled", "cpIgnoredElements", "cpFallbackColor", "cpColorMode", "cpCmykEnabled", "cpOutputFormat", "cpAlphaChannel", "cpDisableInput", "cpDialogDisplay", "cpSaveClickOutside", "cpCloseClickOutside", "cpUseRootViewContainer", "cpPosition", "cpPositionOffset", "cpPositionRelativeToArrow", "cpOKButton", "cpOKButtonText", "cpOKButtonClass", "cpCancelButton", "cpCancelButtonText", "cpCancelButtonClass", "cpEyeDropper", "cpPresetLabel", "cpPresetColors", "cpPresetColorsClass", "cpMaxPresetColorsLength", "cpPresetEmptyMessage", "cpPresetEmptyMessageClass", "cpAddColorButton", "cpAddColorButtonText", "cpAddColorButtonClass", "cpRemoveColorButtonClass", "cpArrowPosition", "cpExtraTemplate"], outputs: ["cpInputChange", "cpToggleChange", "cpSliderChange", "cpSliderDragEnd", "cpSliderDragStart", "colorPickerOpen", "colorPickerClose", "colorPickerCancel", "colorPickerSelect", "colorPickerChange", "cpCmykColorChange", "cpPresetColorsChange"], exportAs: ["ngxColorPicker"] }, { kind: "component", type: i4.InfoComponent, selector: "wac-info", inputs: ["colorPicker"] }] });
|
|
65
72
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ColorPickerComponent, decorators: [{
|
|
66
73
|
type: Component,
|
|
67
|
-
args: [{ selector: "wac-color-picker",
|
|
74
|
+
args: [{ selector: "wac-color-picker", providers: [
|
|
75
|
+
{
|
|
76
|
+
provide: NG_VALUE_ACCESSOR,
|
|
77
|
+
useExisting: forwardRef(() => ColorPickerComponent),
|
|
78
|
+
multi: true
|
|
79
|
+
}
|
|
80
|
+
], template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <div class=\"w-label\">\r\n <label class=\"cp-label\" [for]=\"id\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n <wac-info *ngIf=\"info\" [colorPicker]=\"'true'\">{{ info }}</wac-info>\r\n </div>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div\r\n class=\"color-preview\"\r\n [colorPicker]=\"value\"\r\n (click)=\"colorPickerInput.openDialog()\"\r\n [ngStyle]=\"{'background-color': value}\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n ></div>\r\n\r\n <input\r\n class=\"cp-input\"\r\n [id]=\"id\"\r\n #colorPickerInput=\"ngxColorPicker\"\r\n maxlength=\"7\"\r\n placeholder=\"#000000\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"changeColor($event)\"\r\n [colorPicker]=\"value\"\r\n (colorPickerChange)=\"changeColor($event)\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n" }]
|
|
68
81
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
69
82
|
type: Input
|
|
70
83
|
}], value: [{
|
|
@@ -80,4 +93,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
80
93
|
}], colorChange: [{
|
|
81
94
|
type: Output
|
|
82
95
|
}] } });
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3ItcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY29sb3ItcGlja2VyL2NvbG9yLXBpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NvbG9yLXBpY2tlci9jb2xvci1waWNrZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDakYsT0FBTyxFQUF1QixpQkFBaUIsRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFjdkUsTUFBTSxPQUFPLG9CQUFvQjtJQVMvQjtRQVBTLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsUUFBRyxHQUFXLE1BQU0sQ0FBQztRQUNyQixhQUFRLEdBQVcsTUFBTSxDQUFDO1FBQzFCLE9BQUUsR0FBVyxhQUFhLENBQUM7UUFFMUIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBSW5ELGFBQVEsR0FBUSxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDekIsY0FBUyxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUhYLENBQUM7SUFLaEIsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxLQUFLLEtBQUssU0FBUyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1NBQ3BCO0lBQ0gsQ0FBQztJQUdELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELFFBQVEsQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDaEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBYTtRQUN6Qiw4QkFBOEI7UUFDOUIsSUFBSSxLQUFLLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQzVCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1lBQ25CLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQzFCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNsQyxPQUFPO1NBQ1I7UUFFRCxvQkFBb0I7UUFDcEIsS0FBSyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBRTNDLHlCQUF5QjtRQUN6QixJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUMxQixLQUFLLEdBQUcsR0FBRyxHQUFHLEtBQUssQ0FBQztTQUNyQjtRQUdELDRCQUE0QjtRQUM1QixJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDNUIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7WUFDbkIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ25DO2FBQU07WUFDTCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbkM7SUFDSCxDQUFDO0lBR0MsWUFBWSxDQUFDLEtBQWE7UUFDeEIsTUFBTSxDQUFDLEdBQUcsSUFBSSxNQUFNLEVBQUUsQ0FBQyxLQUFLLENBQUM7UUFDN0IsQ0FBQyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDaEIsT0FBTyxDQUFDLENBQUMsS0FBSyxLQUFLLEVBQUUsQ0FBQztJQUN4QixDQUFDOztpSEFwRVUsb0JBQW9CO3FHQUFwQixvQkFBb0IsMExBVHBCO1FBQ1Q7WUFDRSxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsb0JBQW9CLENBQUM7WUFDbkQsS0FBSyxFQUFFLElBQUk7U0FDWjtLQUNGLDBCQ1pILDRqQ0FvQ0E7MkZEckJhLG9CQUFvQjtrQkFaaEMsU0FBUzsrQkFDRSxrQkFBa0IsYUFFakI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzBFQUlRLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgSW5wdXQsIE91dHB1dH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHtDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1J9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQgKHtcclxuICBzZWxlY3RvcjogXCJ3YWMtY29sb3ItcGlja2VyXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9jb2xvci1waWNrZXIuY29tcG9uZW50Lmh0bWxcIixcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IENvbG9yUGlja2VyQ29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWVcclxuICAgIH1cclxuICBdXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgQ29sb3JQaWNrZXJDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcclxuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgZ2FwOiBzdHJpbmcgPSAnMTJweCc7XHJcbiAgQElucHV0KCkgZm9udFNpemU6IHN0cmluZyA9ICcxNHB4JztcclxuICBASW5wdXQoKSBpZDogc3RyaW5nID0gJ2NvbG9yUGlja2VyJztcclxuICBASW5wdXQoKSBpbmZvOiBzdHJpbmc7XHJcbiAgQE91dHB1dCgpIGNvbG9yQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgb25DaGFuZ2U6IGFueSA9ICgpID0+IHt9O1xyXG4gIG9uVG91Y2hlZDogYW55ID0gKCkgPT4ge307XHJcblxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IHN0cmluZyk6IHZvaWQge1xyXG4gICAgaWYgKHZhbHVlICE9PSB1bmRlZmluZWQpIHtcclxuICAgICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcclxuICB9XHJcblxyXG4gIHNldFZhbHVlKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMudmFsdWUgPSBldmVudC50YXJnZXQudmFsdWU7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gICAgdGhpcy5jb2xvckNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xyXG4gIH1cclxuXHJcbiAgY2hhbmdlQ29sb3IoY29sb3I6IHN0cmluZykge1xyXG4gIC8vIENoZWNrIGlmIGl0J3MgYW4gcmdiYSBjb2xvclxyXG4gIGlmIChjb2xvci5zdGFydHNXaXRoKCdyZ2JhJykpIHtcclxuICAgIHRoaXMudmFsdWUgPSBjb2xvcjtcclxuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XHJcbiAgICB0aGlzLmNvbG9yQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgICByZXR1cm47XHJcbiAgfVxyXG5cclxuICAvLyBIYW5kbGUgaGV4IGNvbG9yc1xyXG4gIGNvbG9yID0gY29sb3IucmVwbGFjZSgvW15hLWZBLUYwLTldL2csICcnKTtcclxuXHJcbiAgLy8gQWRkICcjJyBpZiBub3QgcHJlc2VudFxyXG4gIGlmICghY29sb3Iuc3RhcnRzV2l0aCgnIycpKSB7XHJcbiAgICBjb2xvciA9ICcjJyArIGNvbG9yO1xyXG4gIH1cclxuXHJcblxyXG4gIC8vIFZhbGlkYXRlIGFuZCB1cGRhdGUgY29sb3JcclxuICBpZiAodGhpcy5pc1ZhbGlkQ29sb3IoY29sb3IpKSB7XHJcbiAgICB0aGlzLnZhbHVlID0gY29sb3I7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gICAgdGhpcy5jb2xvckNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xyXG4gIH0gZWxzZSB7XHJcbiAgICB0aGlzLmNvbG9yQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgfVxyXG59XHJcblxyXG5cclxuICBpc1ZhbGlkQ29sb3IoY29sb3I6IHN0cmluZyk6IGJvb2xlYW4ge1xyXG4gICAgY29uc3QgcyA9IG5ldyBPcHRpb24oKS5zdHlsZTtcclxuICAgIHMuY29sb3IgPSBjb2xvcjtcclxuICAgIHJldHVybiBzLmNvbG9yICE9PSAnJztcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInctY29sb3ItcGlja2VyXCIgW25nU3R5bGVdPVwieydnYXAnOiBnYXB9XCI+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJ3LWxhYmVsXCI+XHJcbiAgICA8bGFiZWwgY2xhc3M9XCJjcC1sYWJlbFwiIFtmb3JdPVwiaWRcIiBbbmdTdHlsZV09XCJ7J2ZvbnQtc2l6ZSc6IGZvbnRTaXplfVwiPnt7IGxhYmVsIH19PC9sYWJlbD5cclxuICAgIDx3YWMtaW5mbyAqbmdJZj1cImluZm9cIiBbY29sb3JQaWNrZXJdPVwiJ3RydWUnXCI+e3sgaW5mbyB9fTwvd2FjLWluZm8+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJ3LWlucHV0XCI+XHJcblxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cImNvbG9yLXByZXZpZXdcIlxyXG4gICAgICBbY29sb3JQaWNrZXJdPVwidmFsdWVcIlxyXG4gICAgICAoY2xpY2spPVwiY29sb3JQaWNrZXJJbnB1dC5vcGVuRGlhbG9nKClcIlxyXG4gICAgICBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQtY29sb3InOiB2YWx1ZX1cIlxyXG4gICAgICBbY3BQb3NpdGlvbl09XCInYm90dG9tJ1wiXHJcbiAgICAgIFtjcFBvc2l0aW9uT2Zmc2V0XT1cIictMzUnXCJcclxuICAgID48L2Rpdj5cclxuXHJcbiAgICA8aW5wdXRcclxuICAgICAgY2xhc3M9XCJjcC1pbnB1dFwiXHJcbiAgICAgIFtpZF09XCJpZFwiXHJcbiAgICAgICNjb2xvclBpY2tlcklucHV0PVwibmd4Q29sb3JQaWNrZXJcIlxyXG4gICAgICBtYXhsZW5ndGg9XCI3XCJcclxuICAgICAgcGxhY2Vob2xkZXI9XCIjMDAwMDAwXCJcclxuICAgICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXHJcbiAgICAgIChuZ01vZGVsQ2hhbmdlKT1cImNoYW5nZUNvbG9yKCRldmVudClcIlxyXG4gICAgICBbY29sb3JQaWNrZXJdPVwidmFsdWVcIlxyXG4gICAgICAoY29sb3JQaWNrZXJDaGFuZ2UpPVwiY2hhbmdlQ29sb3IoJGV2ZW50KVwiXHJcbiAgICAgIFtjcFBvc2l0aW9uXT1cIidib3R0b20nXCJcclxuICAgICAgW2NwUG9zaXRpb25PZmZzZXRdPVwiJy0zNSdcIlxyXG4gICAgICAoaW5wdXQpPVwic2V0VmFsdWUoJGV2ZW50KVwiXHJcbiAgICAvPlxyXG5cclxuICA8L2Rpdj5cclxuXHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -36,10 +36,10 @@ export class MenuTileComponent {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
MenuTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuTileComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
-
MenuTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MenuTileComponent, selector: "wac-menu-tile", inputs: { col: "col", iconPath: "iconPath", title: "title", description: "description", new: "new", newElement: "newElement", url: "url", urlQueryParams: "urlQueryParams", external: "external" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <wac-text noMargin><i class=\"fa-regular fa-wand-magic-sparkles\"></i> {{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{position:relative}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;background-color:#59d0cf;color:#fff;font-weight:500;font-size:12px;padding:6px;top:0;left:15px}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:35px}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile a{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TextComponent, selector: "wac-text", inputs: ["textClass", "noMargin"] }] });
|
|
39
|
+
MenuTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MenuTileComponent, selector: "wac-menu-tile", inputs: { col: "col", iconPath: "iconPath", title: "title", description: "description", new: "new", newElement: "newElement", url: "url", urlQueryParams: "urlQueryParams", external: "external" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <wac-text noMargin><i class=\"fa-regular fa-wand-magic-sparkles\"></i> {{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{height:100%;position:relative}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;background-color:#59d0cf;color:#fff;font-weight:500;font-size:12px;padding:6px;top:0;left:15px}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;min-height:150px;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:35px}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile .with-desc{min-height:none!important}.wac-menu-tile a{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TextComponent, selector: "wac-text", inputs: ["textClass", "noMargin"] }] });
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuTileComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
|
-
args: [{ selector: 'wac-menu-tile', template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <wac-text noMargin><i class=\"fa-regular fa-wand-magic-sparkles\"></i> {{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{position:relative}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;background-color:#59d0cf;color:#fff;font-weight:500;font-size:12px;padding:6px;top:0;left:15px}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:35px}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile a{cursor:pointer}\n"] }]
|
|
42
|
+
args: [{ selector: 'wac-menu-tile', template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <wac-text noMargin><i class=\"fa-regular fa-wand-magic-sparkles\"></i> {{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{height:100%;position:relative}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;background-color:#59d0cf;color:#fff;font-weight:500;font-size:12px;padding:6px;top:0;left:15px}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;min-height:150px;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:35px}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile .with-desc{min-height:none!important}.wac-menu-tile a{cursor:pointer}\n"] }]
|
|
43
43
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { col: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}], hostClasses: [{
|
|
@@ -62,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
62
62
|
}], external: [{
|
|
63
63
|
type: Input
|
|
64
64
|
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS10aWxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbWVudS10aWxlL21lbnUtdGlsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUtdGlsZS9tZW51LXRpbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7OztBQVF0RSxNQUFNLE9BQU8saUJBQWlCO0lBSTVCLElBQ0ksR0FBRztRQUNMLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDO0lBQ0QsSUFBSSxHQUFHLENBQUMsS0FBYTtRQUNuQixrREFBa0Q7UUFDbEQsSUFBSSxDQUFDLElBQUksR0FBRyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMvRixDQUFDO0lBRUQsSUFDSSxXQUFXO1FBQ2IsT0FBTyxvQ0FBb0MsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO0lBQ3hELENBQUM7SUFrQkQsWUFBb0IsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFoQzFCLFNBQUksR0FBVyxDQUFDLENBQUM7UUFnQmhCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFFdEIsVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUVuQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUV6QixRQUFHLEdBQVcsRUFBRSxDQUFDO1FBRWpCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFFNUIsUUFBRyxHQUFrQixJQUFJLENBQUM7UUFFMUIsbUJBQWMsR0FBVyxJQUFJLENBQUM7UUFFOUIsYUFBUSxHQUFZLEtBQUssQ0FBQztJQUVFLENBQUM7SUFFdEMsUUFBUSxLQUFJLENBQUM7SUFFYixRQUFRO1FBQ04sTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQztRQUN4QyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFDN0I7WUFDRSxXQUFXO1lBQ1gsbUJBQW1CLEVBQUUsT0FBTztTQUM3QixDQUNGLENBQUM7SUFDSixDQUFDOzs4R0E5Q1UsaUJBQWlCO2tHQUFqQixpQkFBaUIsZ1RDUjlCLG93Q0F3QkE7MkZEaEJhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxlQUFlOzZGQVNyQixHQUFHO3NCQUROLEtBQUs7Z0JBVUYsV0FBVztzQkFEZCxXQUFXO3VCQUFDLE9BQU87Z0JBS1gsUUFBUTtzQkFBaEIsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFFRyxHQUFHO3NCQUFYLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFFRyxHQUFHO3NCQUFYLEtBQUs7Z0JBRUcsY0FBYztzQkFBdEIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBQYXJhbXMsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3dhYy1tZW51LXRpbGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tZW51LXRpbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL21lbnUtdGlsZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNZW51VGlsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIHByaXZhdGUgX2NvbDogbnVtYmVyID0gMTtcclxuXHJcbiAgQElucHV0KClcclxuICBnZXQgY29sKCk6IG51bWJlciB7IFxyXG4gICAgcmV0dXJuIHRoaXMuX2NvbDsgXHJcbiAgfVxyXG4gIHNldCBjb2wodmFsdWU6IG51bWJlcikge1xyXG4gICAgLy8gRW5zdXJlIGNvbCBpcyBiZXR3ZWVuIDEtMTIgZm9yIGEgMTItY29sdW1uIGdyaWRcclxuICAgIHRoaXMuX2NvbCA9ICFpc05hTihOdW1iZXIodmFsdWUpKSA/IE1hdGgubWluKE1hdGgubWF4KE1hdGgucm91bmQoTnVtYmVyKHZhbHVlKSksIDEpLCAxMikgOiAxO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXHJcbiAgZ2V0IGhvc3RDbGFzc2VzKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gYHdhYy1tZW51LXRpbGUgd2FjLW1lbnUtdGlsZS0tY29sLSR7dGhpcy5jb2x9YDtcclxuICB9XHJcblxyXG4gIEBJbnB1dCgpIGljb25QYXRoOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9ICcnO1xyXG5cclxuICBASW5wdXQoKSBkZXNjcmlwdGlvbjogc3RyaW5nID0gJyc7XHJcblxyXG4gIEBJbnB1dCgpIG5ldzogc3RyaW5nID0gJyc7XHJcblxyXG4gIEBJbnB1dCgpIG5ld0VsZW1lbnQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgdXJsOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcclxuXHJcbiAgQElucHV0KCkgdXJsUXVlcnlQYXJhbXM6IFBhcmFtcyA9IG51bGw7XHJcblxyXG4gIEBJbnB1dCgpIGV4dGVybmFsOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcm91dGVyOiBSb3V0ZXIpIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge31cclxuXHJcbiAgbmF2aWdhdGUoKSB7XHJcbiAgICBjb25zdCBxdWVyeVBhcmFtcyA9IHRoaXMudXJsUXVlcnlQYXJhbXM7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbdGhpcy51cmxdLCBcclxuICAgICAge1xyXG4gICAgICAgIHF1ZXJ5UGFyYW1zLFxyXG4gICAgICAgIHF1ZXJ5UGFyYW1zSGFuZGxpbmc6ICdtZXJnZScsXHJcbiAgICAgIH1cclxuICAgICk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ3YWMtbWVudS10aWxlX19uZXdcIiAqbmdJZj1cIm5ld0VsZW1lbnRcIj5cclxuICA8d2FjLXRleHQgbm9NYXJnaW4+PGkgY2xhc3M9XCJmYS1yZWd1bGFyIGZhLXdhbmQtbWFnaWMtc3BhcmtsZXNcIj48L2k+Jm5ic3A7e3sgbmV3IH19PC93YWMtdGV4dD5cclxuPC9kaXY+XHJcbjxhIGNsYXNzPVwid2FjLW1lbnUtdGlsZV9fY29udGVudFwiIFtuZ0NsYXNzXT1cInsnd2l0aC1kZXNjJzogZGVzY3JpcHRpb259XCIgKm5nSWY9XCJ1cmwgJiYgdXJsLnN0YXJ0c1dpdGgoJ2h0dHAnKVwiIFtocmVmXT1cInVybFwiIFt0YXJnZXRdPVwiZXh0ZXJuYWwgPyAnX2JsYW5rJyA6ICdfc2VsZidcIj5cclxuICA8aW1nIFtzcmNdPVwiaWNvblBhdGhcIiAvPlxyXG4gIDxkaXYgY2xhc3M9XCJ3LXRleHRcIj5cclxuICAgIDx3YWMtdGV4dCBub01hcmdpbj57eyB0aXRsZSB9fTwvd2FjLXRleHQ+XHJcbiAgICA8d2FjLXRleHQgKm5nSWY9XCJkZXNjcmlwdGlvblwiIG5vTWFyZ2luIFt0ZXh0Q2xhc3NdPVwiJ2dyZXknXCI+e3sgZGVzY3JpcHRpb24gfX08L3dhYy10ZXh0PlxyXG4gIDwvZGl2PlxyXG48L2E+XHJcbjxhIGNsYXNzPVwid2FjLW1lbnUtdGlsZV9fY29udGVudFwiIFtuZ0NsYXNzXT1cInsnd2l0aC1kZXNjJzogZGVzY3JpcHRpb259XCIgKm5nSWY9XCJ1cmwgJiYgIXVybC5zdGFydHNXaXRoKCdodHRwJylcIiAoY2xpY2spPVwibmF2aWdhdGUoKVwiPlxyXG4gIDxpbWcgW3NyY109XCJpY29uUGF0aFwiIC8+XHJcbiAgPGRpdiBjbGFzcz1cInctdGV4dFwiPlxyXG4gICAgPHdhYy10ZXh0IG5vTWFyZ2luPnt7IHRpdGxlIH19PC93YWMtdGV4dD5cclxuICAgIDx3YWMtdGV4dCAqbmdJZj1cImRlc2NyaXB0aW9uXCIgbm9NYXJnaW4gW3RleHRDbGFzc109XCInZ3JleSdcIj57eyBkZXNjcmlwdGlvbiB9fTwvd2FjLXRleHQ+XHJcbiAgPC9kaXY+XHJcbjwvYT5cclxuPGRpdiAqbmdJZj1cIiF1cmxcIiBjbGFzcz1cIndhYy1tZW51LXRpbGVfX2NvbnRlbnRcIiBbbmdDbGFzc109XCJ7J3dpdGgtZGVzYyc6IGRlc2NyaXB0aW9ufVwiPlxyXG4gIDxpbWcgW3NyY109XCJpY29uUGF0aFwiIC8+XHJcbiAgPGRpdiBjbGFzcz1cInctdGV4dFwiPlxyXG4gICAgPHdhYy10ZXh0IG5vTWFyZ2luPnt7IHRpdGxlIH19PC93YWMtdGV4dD5cclxuICAgIDx3YWMtdGV4dCAqbmdJZj1cImRlc2NyaXB0aW9uXCIgbm9NYXJnaW4gW3RleHRDbGFzc109XCInZ3JleSdcIj57eyBkZXNjcmlwdGlvbiB9fTwvd2FjLXRleHQ+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -4612,32 +4612,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
|
|
|
4612
4612
|
}] } });
|
|
4613
4613
|
|
|
4614
4614
|
class AlertPopupComponent {
|
|
4615
|
-
constructor(
|
|
4616
|
-
this.elRef = elRef;
|
|
4617
|
-
this.renderer = renderer;
|
|
4615
|
+
constructor() {
|
|
4618
4616
|
/** Subject for notifying the user that the dialog has finished closing. */
|
|
4619
4617
|
this.afterClosedPopup = new Subject();
|
|
4620
4618
|
this.open = false;
|
|
4621
4619
|
}
|
|
4622
|
-
|
|
4620
|
+
ngAfterViewInit() {
|
|
4623
4621
|
setTimeout(() => {
|
|
4624
4622
|
this.open = true;
|
|
4625
|
-
},
|
|
4626
|
-
this.observer = new MutationObserver(() => {
|
|
4627
|
-
const alert = document.querySelector('.wac-alert-popup:last-child .alert');
|
|
4628
|
-
if (alert) {
|
|
4629
|
-
const bgColor = getComputedStyle(alert).backgroundColor;
|
|
4630
|
-
const hexColor = this.rgbToHex(bgColor);
|
|
4631
|
-
if ((hexColor === '#2ecc71' || hexColor === '#e95656') && !alert.classList.contains('is-loaded')) {
|
|
4632
|
-
alert.classList.add('is-loaded');
|
|
4633
|
-
this.observer.disconnect();
|
|
4634
|
-
}
|
|
4635
|
-
}
|
|
4636
|
-
});
|
|
4637
|
-
this.observer.observe(document.body, {
|
|
4638
|
-
childList: true,
|
|
4639
|
-
subtree: true
|
|
4640
|
-
});
|
|
4623
|
+
}, 50);
|
|
4641
4624
|
if (this.config.duration > 0) {
|
|
4642
4625
|
this.timer = setTimeout(() => this.dismiss(), this.config.duration);
|
|
4643
4626
|
}
|
|
@@ -4655,30 +4638,15 @@ class AlertPopupComponent {
|
|
|
4655
4638
|
afterClosed() {
|
|
4656
4639
|
return this.afterClosedPopup.asObservable();
|
|
4657
4640
|
}
|
|
4658
|
-
ngOnDestroy() {
|
|
4659
|
-
var _a;
|
|
4660
|
-
(_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
4661
|
-
}
|
|
4662
|
-
rgbToHex(rgb) {
|
|
4663
|
-
const result = rgb.match(/\d+/g);
|
|
4664
|
-
if (!result)
|
|
4665
|
-
return '';
|
|
4666
|
-
const [r, g, b] = result.map(Number);
|
|
4667
|
-
return ('#' +
|
|
4668
|
-
[r, g, b]
|
|
4669
|
-
.map((x) => x.toString(16).padStart(2, '0'))
|
|
4670
|
-
.join('')
|
|
4671
|
-
.toLowerCase());
|
|
4672
|
-
}
|
|
4673
4641
|
}
|
|
4674
|
-
AlertPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupComponent, deps: [
|
|
4642
|
+
AlertPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4675
4643
|
AlertPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: AlertPopupComponent, selector: "wac-alert-popup", host: { classAttribute: "wac-alert-popup" }, ngImport: i0, template: "<div\r\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '') + ((config.duration) ? '' : ' no-duration')\"\r\n [ngClass]=\"{'is-active': open, 'has-close': config.closeButton}\"\r\n>\r\n <div class=\"alert--message\">\r\n <span class=\"icon\" *ngIf=\"config.icon\">\r\n <i [class]=\"config.icon\"></i>\r\n </span>\r\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\" *ngIf=\"!config.small || (config.small && config.closeButton)\"><i class=\"far fa-times\"></i></span>\r\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\r\n <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\r\n </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
4676
4644
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AlertPopupComponent, decorators: [{
|
|
4677
4645
|
type: Component,
|
|
4678
4646
|
args: [{ selector: 'wac-alert-popup', host: {
|
|
4679
4647
|
class: 'wac-alert-popup'
|
|
4680
4648
|
}, encapsulation: ViewEncapsulation.None, template: "<div\r\n [class]=\"'alert ' + ((config.color) ? config.color : ' is-primary') + ((config.extraClasses) ? ' ' + config.extraClasses : '') + ((config.position) ? ' ' + config.position : '') + ((config.fullsize) ? ' fullsize' : '') + ((config.opacity) ? ' opacity-active' : '') + ((config.small) ? ' small' : '') + ((config.icon) ? ' with-icon' : '') + ((config.duration) ? '' : ' no-duration')\"\r\n [ngClass]=\"{'is-active': open, 'has-close': config.closeButton}\"\r\n>\r\n <div class=\"alert--message\">\r\n <span class=\"icon\" *ngIf=\"config.icon\">\r\n <i [class]=\"config.icon\"></i>\r\n </span>\r\n <span (click)=\"dismiss()\" class=\"wac-alert-popup__close\" *ngIf=\"!config.small || (config.small && config.closeButton)\"><i class=\"far fa-times\"></i></span>\r\n <p *ngIf=\"config.title\" class=\"wac-alert-popup__title\" [innerHTML]=\"config.title\"></p>\r\n <p *ngIf=\"config.message\" class=\"wac-alert-popup__text\" [innerHTML]=\"config.message\"></p>\r\n </div>\r\n</div>\r\n" }]
|
|
4681
|
-
}]
|
|
4649
|
+
}] });
|
|
4682
4650
|
|
|
4683
4651
|
class AlertPopupService {
|
|
4684
4652
|
constructor(domService) {
|
|
@@ -6700,10 +6668,22 @@ class ColorPickerComponent {
|
|
|
6700
6668
|
}
|
|
6701
6669
|
}
|
|
6702
6670
|
ColorPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6703
|
-
ColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: ColorPickerComponent, selector: "wac-color-picker", inputs: { label: "label", value: "value", gap: "gap", fontSize: "fontSize", id: "id", info: "info" }, outputs: { colorChange: "colorChange" },
|
|
6671
|
+
ColorPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: ColorPickerComponent, selector: "wac-color-picker", inputs: { label: "label", value: "value", gap: "gap", fontSize: "fontSize", id: "id", info: "info" }, outputs: { colorChange: "colorChange" }, providers: [
|
|
6672
|
+
{
|
|
6673
|
+
provide: NG_VALUE_ACCESSOR,
|
|
6674
|
+
useExisting: forwardRef(() => ColorPickerComponent),
|
|
6675
|
+
multi: true
|
|
6676
|
+
}
|
|
6677
|
+
], ngImport: i0, template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <div class=\"w-label\">\r\n <label class=\"cp-label\" [for]=\"id\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n <wac-info *ngIf=\"info\" [colorPicker]=\"'true'\">{{ info }}</wac-info>\r\n </div>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div\r\n class=\"color-preview\"\r\n [colorPicker]=\"value\"\r\n (click)=\"colorPickerInput.openDialog()\"\r\n [ngStyle]=\"{'background-color': value}\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n ></div>\r\n\r\n <input\r\n class=\"cp-input\"\r\n [id]=\"id\"\r\n #colorPickerInput=\"ngxColorPicker\"\r\n maxlength=\"7\"\r\n placeholder=\"#000000\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"changeColor($event)\"\r\n [colorPicker]=\"value\"\r\n (colorPickerChange)=\"changeColor($event)\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$3.ColorPickerDirective, selector: "[colorPicker]", inputs: ["colorPicker", "cpWidth", "cpHeight", "cpToggle", "cpDisabled", "cpIgnoredElements", "cpFallbackColor", "cpColorMode", "cpCmykEnabled", "cpOutputFormat", "cpAlphaChannel", "cpDisableInput", "cpDialogDisplay", "cpSaveClickOutside", "cpCloseClickOutside", "cpUseRootViewContainer", "cpPosition", "cpPositionOffset", "cpPositionRelativeToArrow", "cpOKButton", "cpOKButtonText", "cpOKButtonClass", "cpCancelButton", "cpCancelButtonText", "cpCancelButtonClass", "cpEyeDropper", "cpPresetLabel", "cpPresetColors", "cpPresetColorsClass", "cpMaxPresetColorsLength", "cpPresetEmptyMessage", "cpPresetEmptyMessageClass", "cpAddColorButton", "cpAddColorButtonText", "cpAddColorButtonClass", "cpRemoveColorButtonClass", "cpArrowPosition", "cpExtraTemplate"], outputs: ["cpInputChange", "cpToggleChange", "cpSliderChange", "cpSliderDragEnd", "cpSliderDragStart", "colorPickerOpen", "colorPickerClose", "colorPickerCancel", "colorPickerSelect", "colorPickerChange", "cpCmykColorChange", "cpPresetColorsChange"], exportAs: ["ngxColorPicker"] }, { kind: "component", type: InfoComponent, selector: "wac-info", inputs: ["colorPicker"] }] });
|
|
6704
6678
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ColorPickerComponent, decorators: [{
|
|
6705
6679
|
type: Component,
|
|
6706
|
-
args: [{ selector: "wac-color-picker",
|
|
6680
|
+
args: [{ selector: "wac-color-picker", providers: [
|
|
6681
|
+
{
|
|
6682
|
+
provide: NG_VALUE_ACCESSOR,
|
|
6683
|
+
useExisting: forwardRef(() => ColorPickerComponent),
|
|
6684
|
+
multi: true
|
|
6685
|
+
}
|
|
6686
|
+
], template: "<div class=\"w-color-picker\" [ngStyle]=\"{'gap': gap}\">\r\n\r\n <div class=\"w-label\">\r\n <label class=\"cp-label\" [for]=\"id\" [ngStyle]=\"{'font-size': fontSize}\">{{ label }}</label>\r\n <wac-info *ngIf=\"info\" [colorPicker]=\"'true'\">{{ info }}</wac-info>\r\n </div>\r\n\r\n <div class=\"w-input\">\r\n\r\n <div\r\n class=\"color-preview\"\r\n [colorPicker]=\"value\"\r\n (click)=\"colorPickerInput.openDialog()\"\r\n [ngStyle]=\"{'background-color': value}\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n ></div>\r\n\r\n <input\r\n class=\"cp-input\"\r\n [id]=\"id\"\r\n #colorPickerInput=\"ngxColorPicker\"\r\n maxlength=\"7\"\r\n placeholder=\"#000000\"\r\n [(ngModel)]=\"value\"\r\n (ngModelChange)=\"changeColor($event)\"\r\n [colorPicker]=\"value\"\r\n (colorPickerChange)=\"changeColor($event)\"\r\n [cpPosition]=\"'bottom'\"\r\n [cpPositionOffset]=\"'-35'\"\r\n (input)=\"setValue($event)\"\r\n />\r\n\r\n </div>\r\n\r\n</div>\r\n" }]
|
|
6707
6687
|
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
6708
6688
|
type: Input
|
|
6709
6689
|
}], value: [{
|
|
@@ -6947,10 +6927,10 @@ class MenuTileComponent {
|
|
|
6947
6927
|
}
|
|
6948
6928
|
}
|
|
6949
6929
|
MenuTileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuTileComponent, deps: [{ token: i1$3.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
6950
|
-
MenuTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MenuTileComponent, selector: "wac-menu-tile", inputs: { col: "col", iconPath: "iconPath", title: "title", description: "description", new: "new", newElement: "newElement", url: "url", urlQueryParams: "urlQueryParams", external: "external" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <wac-text noMargin><i class=\"fa-regular fa-wand-magic-sparkles\"></i> {{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{position:relative}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;background-color:#59d0cf;color:#fff;font-weight:500;font-size:12px;padding:6px;top:0;left:15px}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:35px}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile a{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TextComponent, selector: "wac-text", inputs: ["textClass", "noMargin"] }] });
|
|
6930
|
+
MenuTileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: MenuTileComponent, selector: "wac-menu-tile", inputs: { col: "col", iconPath: "iconPath", title: "title", description: "description", new: "new", newElement: "newElement", url: "url", urlQueryParams: "urlQueryParams", external: "external" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <wac-text noMargin><i class=\"fa-regular fa-wand-magic-sparkles\"></i> {{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{height:100%;position:relative}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;background-color:#59d0cf;color:#fff;font-weight:500;font-size:12px;padding:6px;top:0;left:15px}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;min-height:150px;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:35px}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile .with-desc{min-height:none!important}.wac-menu-tile a{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TextComponent, selector: "wac-text", inputs: ["textClass", "noMargin"] }] });
|
|
6951
6931
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: MenuTileComponent, decorators: [{
|
|
6952
6932
|
type: Component,
|
|
6953
|
-
args: [{ selector: 'wac-menu-tile', template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <wac-text noMargin><i class=\"fa-regular fa-wand-magic-sparkles\"></i> {{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{position:relative}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;background-color:#59d0cf;color:#fff;font-weight:500;font-size:12px;padding:6px;top:0;left:15px}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:35px}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile a{cursor:pointer}\n"] }]
|
|
6933
|
+
args: [{ selector: 'wac-menu-tile', template: "<div class=\"wac-menu-tile__new\" *ngIf=\"newElement\">\r\n <wac-text noMargin><i class=\"fa-regular fa-wand-magic-sparkles\"></i> {{ new }}</wac-text>\r\n</div>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && url.startsWith('http')\" [href]=\"url\" [target]=\"external ? '_blank' : '_self'\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<a class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\" *ngIf=\"url && !url.startsWith('http')\" (click)=\"navigate()\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</a>\r\n<div *ngIf=\"!url\" class=\"wac-menu-tile__content\" [ngClass]=\"{'with-desc': description}\">\r\n <img [src]=\"iconPath\" />\r\n <div class=\"w-text\">\r\n <wac-text noMargin>{{ title }}</wac-text>\r\n <wac-text *ngIf=\"description\" noMargin [textClass]=\"'grey'\">{{ description }}</wac-text>\r\n </div>\r\n</div>\r\n", styles: [":host{height:100%;position:relative}:host.wac-menu-tile--col-1{grid-column:span 1}:host.wac-menu-tile--col-2{grid-column:span 2}:host.wac-menu-tile--col-3{grid-column:span 3}:host.wac-menu-tile--col-4{grid-column:span 4}:host.wac-menu-tile--col-5{grid-column:span 5}:host.wac-menu-tile--col-6{grid-column:span 6}:host.wac-menu-tile--col-7{grid-column:span 7}:host.wac-menu-tile--col-8{grid-column:span 8}:host.wac-menu-tile--col-9{grid-column:span 9}:host.wac-menu-tile--col-10{grid-column:span 10}:host.wac-menu-tile--col-11{grid-column:span 11}:host.wac-menu-tile--col-12{grid-column:span 12}.wac-menu-tile__new{position:absolute;background-color:#59d0cf;color:#fff;font-weight:500;font-size:12px;padding:6px;top:0;left:15px}.wac-menu-tile__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;min-height:150px;background:#ffffff;width:100%;padding:20px;border:1px solid #ffffff;border-radius:3px;box-shadow:0 2px 6px #0000000d;transition:border-color .3s ease-in-out}.wac-menu-tile__content:hover,.wac-menu-tile__content:active,.wac-menu-tile__content:focus{border-color:#3ba6ec;transition:border-color .3s ease-in-out}.wac-menu-tile__content img{width:auto;height:35px}.wac-menu-tile__content .w-text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.wac-menu-tile .with-desc{min-height:none!important}.wac-menu-tile a{cursor:pointer}\n"] }]
|
|
6954
6934
|
}], ctorParameters: function () { return [{ type: i1$3.Router }]; }, propDecorators: { col: [{
|
|
6955
6935
|
type: Input
|
|
6956
6936
|
}], hostClasses: [{
|