@coolon/angular-ui-powerups 16.1.0-aplpha.26 → 16.1.0-aplpha.28
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/commands/command-face/command-face.component.mjs +11 -3
- package/fesm2022/coolon-angular-ui-powerups.mjs +10 -2
- package/fesm2022/coolon-angular-ui-powerups.mjs.map +1 -1
- package/lib/components/commands/command-face/command-face.component.d.ts +2 -0
- package/package.json +1 -1
|
@@ -22,6 +22,7 @@ export class CommandFaceComponent extends DisposableComponent {
|
|
|
22
22
|
// tslint:disable-next-line:no-input-rename
|
|
23
23
|
get _rawFaces() { return this.#_rawFaces_accessor_storage; }
|
|
24
24
|
set _rawFaces(value) { this.#_rawFaces_accessor_storage = value; }
|
|
25
|
+
hasTextAndLeadingIcon$;
|
|
25
26
|
set face(face) {
|
|
26
27
|
this.faces$.value = [face];
|
|
27
28
|
}
|
|
@@ -41,6 +42,7 @@ export class CommandFaceComponent extends DisposableComponent {
|
|
|
41
42
|
const activeFace = this.faceAdapters.first();
|
|
42
43
|
this.activeIcon = activeFace.pluck("icon");
|
|
43
44
|
this.activeColor = activeFace.pluck("color");
|
|
45
|
+
this.hasTextAndLeadingIcon$ = valueOf.all(this.activeIcon.isNotNil(), activeFace.pluckString('text').isNotBlank(), activeFace.pluck("iconPosition").doesNotEqual(CommandFace.Position.END)).areTruthy();
|
|
44
46
|
}
|
|
45
47
|
shouldIncludeIcon(face) {
|
|
46
48
|
return (!this.ignoreIcon && face.icon) || this.includeMissingIconInLayout;
|
|
@@ -54,8 +56,11 @@ export class CommandFaceComponent extends DisposableComponent {
|
|
|
54
56
|
get color() {
|
|
55
57
|
return this.activeColor.value;
|
|
56
58
|
}
|
|
59
|
+
get hasTextAndIcon() {
|
|
60
|
+
return this.hasTextAndLeadingIcon$.value;
|
|
61
|
+
}
|
|
57
62
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CommandFaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
58
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CommandFaceComponent, selector: "aup-command-face", inputs: { _rawFaces: ["faces", "_rawFaces"], face: "face", ignoreIcon: "ignoreIcon", ignoreText: "ignoreText", includeMissingIconInLayout: "includeMissingIconInLayout" }, host: { properties: { "class.hide-icon": "this.requiresMissingIconInLayout", "attr.color": "this.color" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n <span *ngIf=\"face.text\">{{face.text}}</span>\n <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}
|
|
63
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CommandFaceComponent, selector: "aup-command-face", inputs: { _rawFaces: ["faces", "_rawFaces"], face: "face", ignoreIcon: "ignoreIcon", ignoreText: "ignoreText", includeMissingIconInLayout: "includeMissingIconInLayout" }, host: { properties: { "class.hide-icon": "this.requiresMissingIconInLayout", "attr.color": "this.color", "class.has-text-and-leading-icon": "this.hasTextAndIcon" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n <span *ngIf=\"face.text\">{{face.text}}</span>\n <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container>span{white-space:nowrap}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}aup-command-face.has-text-and-leading-icon{margin-top:4px}\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: "component", type: i2.IconComponent, selector: "aup-icon", inputs: ["icon"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
59
64
|
}
|
|
60
65
|
__decorate([
|
|
61
66
|
StoreInListModel("faces$"),
|
|
@@ -63,7 +68,7 @@ __decorate([
|
|
|
63
68
|
], CommandFaceComponent.prototype, "_rawFaces", null);
|
|
64
69
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CommandFaceComponent, decorators: [{
|
|
65
70
|
type: Component,
|
|
66
|
-
args: [{ selector: 'aup-command-face', encapsulation: ViewEncapsulation.None, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n <span *ngIf=\"face.text\">{{face.text}}</span>\n <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}
|
|
71
|
+
args: [{ selector: 'aup-command-face', encapsulation: ViewEncapsulation.None, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n <span *ngIf=\"face.text\">{{face.text}}</span>\n <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container>span{white-space:nowrap}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}aup-command-face.has-text-and-leading-icon{margin-top:4px}\n"] }]
|
|
67
72
|
}], ctorParameters: function () { return []; }, propDecorators: { _rawFaces: [{
|
|
68
73
|
type: Input,
|
|
69
74
|
args: ['faces']
|
|
@@ -81,5 +86,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
81
86
|
}], color: [{
|
|
82
87
|
type: HostBinding,
|
|
83
88
|
args: ['attr.color']
|
|
89
|
+
}], hasTextAndIcon: [{
|
|
90
|
+
type: HostBinding,
|
|
91
|
+
args: ['class.has-text-and-leading-icon']
|
|
84
92
|
}] } });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWFuZC1mYWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci11aS1wb3dlcnVwcy9zcmMvbGliL2NvbXBvbmVudHMvY29tbWFuZHMvY29tbWFuZC1mYWNlL2NvbW1hbmQtZmFjZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL2NvbW1hbmRzL2NvbW1hbmQtZmFjZS9jb21tYW5kLWZhY2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBRUwsR0FBRyxFQUVILGdCQUFnQixFQUNoQixnQkFBZ0IsRUFFakIsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQUMvRCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0saUJBQWlCLENBQUM7Ozs7QUFFNUM7Ozs7Ozs7OztHQVNHO0FBT0gsTUFBTSxPQUFPLG9CQUF3QixTQUFRLG1CQUFtQjtJQUU3QyxNQUFNLEdBQUcsSUFBSSxnQkFBZ0IsRUFBZSxDQUFDO0lBSXJELDRCQUFzRDtJQUYvRCwyQ0FBMkM7SUFFbEMsSUFBQSxTQUFTLCtDQUE2QztJQUF0RCxJQUFBLFNBQVMscURBQTZDO0lBQ3ZELHNCQUFzQixDQUF5QjtJQUV2RCxJQUNJLElBQUksQ0FBQyxJQUFpQjtRQUN4QixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFHRCxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBR25CLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFH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V0FBVzt1QkFBQyxpQ0FBaUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBCb29sZWFuVmFsdWVNb2RlbENoYWluLFxuICBEc2wsXG4gIExpc3RNb2RlbENoYWluLFxuICBNdXRhYmxlTGlzdE1vZGVsLFxuICBTdG9yZUluTGlzdE1vZGVsLFxuICBWYWx1ZU1vZGVsQ2hhaW5cbn0gZnJvbSAnQGNvb2xvbi9wZWN0aW4nO1xuaW1wb3J0IHtEaXNwb3NhYmxlQ29tcG9uZW50fSBmcm9tICcuLi8uLi9kaXNwb3NhYmxlLWNvbXBvbmVudCc7XG5pbXBvcnQge0NvbW1hbmRGYWNlfSBmcm9tICcuLi9jb21tYW5kLWZhY2UnO1xuXG4vKipcbiAqIEN1c3RvbSBDU1M6XG4gKiBAZXhhbXBsZVxuICogcm9vdDogeyAvLyBnbG9iYWxseVxuICogICAtLWF1cC1jb21tYW5kLWZhY2UtaWNvbi1nYXA6IDhweDtcbiAqIH1cbiAqIGF1cC1jb21tYW5kLWZhY2UgeyAvLyBwZXIgaW5zdGFuY2VcbiAqICAgLS1pY29uLWdhcDogNHB4O1xuICogfVxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdXAtY29tbWFuZC1mYWNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbW1hbmQtZmFjZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbW1hbmQtZmFjZS5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIENvbW1hbmRGYWNlQ29tcG9uZW50PFQ+IGV4dGVuZHMgRGlzcG9zYWJsZUNvbXBvbmVudCB7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBmYWNlcyQgPSBuZXcgTXV0YWJsZUxpc3RNb2RlbDxDb21tYW5kRmFjZT4oKTtcblxuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6bm8taW5wdXQtcmVuYW1lXG4gIEBJbnB1dCgnZmFjZXMnKSBAU3RvcmVJbkxpc3RNb2RlbChcImZhY2VzJFwiKVxuICBhY2Nlc3NvciBfcmF3RmFjZXM6IENvbW1hbmRGYWNlW10gfCBSZWFkb25seUFycmF5PENvbW1hbmRGYWNlPjtcbiAgcHJpdmF0ZSBoYXNUZXh0QW5kTGVhZGluZ0ljb24kOiBCb29sZWFuVmFsdWVNb2RlbENoYWluO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBmYWNlKGZhY2U6IENvbW1hbmRGYWNlKSB7XG4gICAgdGhpcy5mYWNlcyQudmFsdWUgPSBbZmFjZV07XG4gIH1cblxuICBASW5wdXQoKVxuICBpZ25vcmVJY29uID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgaWdub3JlVGV4dCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGluY2x1ZGVNaXNzaW5nSWNvbkluTGF5b3V0ID0gZmFsc2U7XG5cbiAgcmVhZG9ubHkgZmFjZUFkYXB0ZXJzOiBMaXN0TW9kZWxDaGFpbjxDb21tYW5kRmFjZS5BZGFwdGVyPjtcbiAgcHJpdmF0ZSBhY3RpdmVJY29uOiBWYWx1ZU1vZGVsQ2hhaW48c3RyaW5nPjtcbiAgcHJpdmF0ZSBhY3RpdmVDb2xvcjogVmFsdWVNb2RlbENoYWluPHN0cmluZz47XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5oaWRlLWljb24nKVxuICBnZXQgcmVxdWlyZXNNaXNzaW5nSWNvbkluTGF5b3V0KCkge1xuICAgIHJldHVybiB0aGlzLmluY2x1ZGVNaXNzaW5nSWNvbkluTGF5b3V0ICYmICF0aGlzLmFjdGl2ZUljb24udmFsdWU7XG4gIH1cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIGNvbnN0IHsgY2hhaW4sIHZhbHVlT2YsIGJlZm9yZSwgd2hlbiwgYWZ0ZXIsIG9ic2VydmUsIHN3aXRjaE9uIH0gPSBEc2wuZGlzcG9zZVdpdGgodGhpcyk7XG4gICAgdGhpcy5mYWNlQWRhcHRlcnMgPSBjaGFpbih0aGlzLmZhY2VzJCkubWFwKGZhY2UgPT4gbmV3IENvbW1hbmRGYWNlLkFkYXB0ZXIoZmFjZSkpO1xuICAgIGNvbnN0IGFjdGl2ZUZhY2UgPSB0aGlzLmZhY2VBZGFwdGVycy5maXJzdCgpO1xuICAgIHRoaXMuYWN0aXZlSWNvbiA9IGFjdGl2ZUZhY2UucGx1Y2soXCJpY29uXCIpXG4gICAgdGhpcy5hY3RpdmVDb2xvciA9IGFjdGl2ZUZhY2UucGx1Y2soXCJjb2xvclwiKVxuICAgIHRoaXMuaGFzVGV4dEFuZExlYWRpbmdJY29uJCA9IHZhbHVlT2YuYWxsKFxuICAgICAgdGhpcy5hY3RpdmVJY29uLmlzTm90TmlsKCksXG4gICAgICBhY3RpdmVGYWNlLnBsdWNrU3RyaW5nKCd0ZXh0JykuaXNOb3RCbGFuaygpLFxuICAgICAgYWN0aXZlRmFjZS5wbHVjayhcImljb25Qb3NpdGlvblwiKS5kb2VzTm90RXF1YWwoQ29tbWFuZEZhY2UuUG9zaXRpb24uRU5EKVxuICAgICkuYXJlVHJ1dGh5KClcbiAgfVxuXG4gIHNob3VsZEluY2x1ZGVJY29uKGZhY2U6IENvbW1hbmRGYWNlLkFkYXB0ZXIpIHtcbiAgICByZXR1cm4gKCF0aGlzLmlnbm9yZUljb24gJiYgZmFjZS5pY29uKSB8fCB0aGlzLmluY2x1ZGVNaXNzaW5nSWNvbkluTGF5b3V0O1xuICB9XG5cbiAgaGFzSWNvblN0YXJ0KGZhY2U6Q29tbWFuZEZhY2UuQWRhcHRlcik6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnNob3VsZEluY2x1ZGVJY29uKGZhY2UpICYmICghZmFjZS5pY29uUG9zaXRpb24gfHwgZmFjZS5pY29uUG9zaXRpb24gPT09IENvbW1hbmRGYWNlLlBvc2l0aW9uLlNUQVJUKTtcbiAgfVxuXG4gIGhhc0ljb25FbmQoZmFjZTpDb21tYW5kRmFjZS5BZGFwdGVyKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuc2hvdWxkSW5jbHVkZUljb24oZmFjZSkgJiYgZmFjZS5pY29uUG9zaXRpb24gPT09IENvbW1hbmRGYWNlLlBvc2l0aW9uLkVORDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnYXR0ci5jb2xvcicpXG4gIGdldCBjb2xvcigpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmFjdGl2ZUNvbG9yLnZhbHVlO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5oYXMtdGV4dC1hbmQtbGVhZGluZy1pY29uJylcbiAgZ2V0IGhhc1RleHRBbmRJY29uKCkge1xuICAgIHJldHVybiB0aGlzLmhhc1RleHRBbmRMZWFkaW5nSWNvbiQudmFsdWVcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZhY2UtY29udGFpbmVyXCIgKm5nRm9yPVwibGV0IGZhY2Ugb2YgZmFjZUFkYXB0ZXJzLnZhbHVlXCI+XG4gIDxhdXAtaWNvbiAqbmdJZj1cImhhc0ljb25TdGFydChmYWNlKVwiIFtpY29uXT1cImZhY2UuaWNvblwiPjwvYXVwLWljb24+XG4gIDxzcGFuICpuZ0lmPVwiZmFjZS50ZXh0XCI+e3tmYWNlLnRleHR9fTwvc3Bhbj5cbiAgPGF1cC1pY29uICpuZ0lmPVwiaGFzSWNvbkVuZChmYWNlKVwiIFtpY29uXT1cImZhY2UuaWNvblwiPjwvYXVwLWljb24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -882,6 +882,7 @@ class CommandFaceComponent extends DisposableComponent {
|
|
|
882
882
|
// tslint:disable-next-line:no-input-rename
|
|
883
883
|
get _rawFaces() { return this.#_rawFaces_accessor_storage; }
|
|
884
884
|
set _rawFaces(value) { this.#_rawFaces_accessor_storage = value; }
|
|
885
|
+
hasTextAndLeadingIcon$;
|
|
885
886
|
set face(face) {
|
|
886
887
|
this.faces$.value = [face];
|
|
887
888
|
}
|
|
@@ -901,6 +902,7 @@ class CommandFaceComponent extends DisposableComponent {
|
|
|
901
902
|
const activeFace = this.faceAdapters.first();
|
|
902
903
|
this.activeIcon = activeFace.pluck("icon");
|
|
903
904
|
this.activeColor = activeFace.pluck("color");
|
|
905
|
+
this.hasTextAndLeadingIcon$ = valueOf.all(this.activeIcon.isNotNil(), activeFace.pluckString('text').isNotBlank(), activeFace.pluck("iconPosition").doesNotEqual(CommandFace.Position.END)).areTruthy();
|
|
904
906
|
}
|
|
905
907
|
shouldIncludeIcon(face) {
|
|
906
908
|
return (!this.ignoreIcon && face.icon) || this.includeMissingIconInLayout;
|
|
@@ -914,8 +916,11 @@ class CommandFaceComponent extends DisposableComponent {
|
|
|
914
916
|
get color() {
|
|
915
917
|
return this.activeColor.value;
|
|
916
918
|
}
|
|
919
|
+
get hasTextAndIcon() {
|
|
920
|
+
return this.hasTextAndLeadingIcon$.value;
|
|
921
|
+
}
|
|
917
922
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CommandFaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
918
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CommandFaceComponent, selector: "aup-command-face", inputs: { _rawFaces: ["faces", "_rawFaces"], face: "face", ignoreIcon: "ignoreIcon", ignoreText: "ignoreText", includeMissingIconInLayout: "includeMissingIconInLayout" }, host: { properties: { "class.hide-icon": "this.requiresMissingIconInLayout", "attr.color": "this.color" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n <span *ngIf=\"face.text\">{{face.text}}</span>\n <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}
|
|
923
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CommandFaceComponent, selector: "aup-command-face", inputs: { _rawFaces: ["faces", "_rawFaces"], face: "face", ignoreIcon: "ignoreIcon", ignoreText: "ignoreText", includeMissingIconInLayout: "includeMissingIconInLayout" }, host: { properties: { "class.hide-icon": "this.requiresMissingIconInLayout", "attr.color": "this.color", "class.has-text-and-leading-icon": "this.hasTextAndIcon" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n <span *ngIf=\"face.text\">{{face.text}}</span>\n <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container>span{white-space:nowrap}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}aup-command-face.has-text-and-leading-icon{margin-top:4px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "aup-icon", inputs: ["icon"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
919
924
|
}
|
|
920
925
|
__decorate([
|
|
921
926
|
StoreInListModel("faces$"),
|
|
@@ -923,7 +928,7 @@ __decorate([
|
|
|
923
928
|
], CommandFaceComponent.prototype, "_rawFaces", null);
|
|
924
929
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CommandFaceComponent, decorators: [{
|
|
925
930
|
type: Component,
|
|
926
|
-
args: [{ selector: 'aup-command-face', encapsulation: ViewEncapsulation.None, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n <span *ngIf=\"face.text\">{{face.text}}</span>\n <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}
|
|
931
|
+
args: [{ selector: 'aup-command-face', encapsulation: ViewEncapsulation.None, template: "<div class=\"face-container\" *ngFor=\"let face of faceAdapters.value\">\n <aup-icon *ngIf=\"hasIconStart(face)\" [icon]=\"face.icon\"></aup-icon>\n <span *ngIf=\"face.text\">{{face.text}}</span>\n <aup-icon *ngIf=\"hasIconEnd(face)\" [icon]=\"face.icon\"></aup-icon>\n</div>\n", styles: ["aup-command-face{--icon-gap: var(--aup-command-face-icon-gap);display:inline-grid}aup-command-face>.face-container{grid-column:1;grid-row:1;display:inline-flex;flex-direction:row;align-items:center}aup-command-face>.face-container>span{white-space:nowrap}aup-command-face>.face-container:not(:first-child){visibility:hidden}aup-command-face>.face-container *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}aup-command-face.centered{justify-items:center}aup-command-face.start{justify-items:self-start}aup-command-face.end{justify-items:self-end}aup-command-face.has-text-and-leading-icon{margin-top:4px}\n"] }]
|
|
927
932
|
}], ctorParameters: function () { return []; }, propDecorators: { _rawFaces: [{
|
|
928
933
|
type: Input,
|
|
929
934
|
args: ['faces']
|
|
@@ -941,6 +946,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
941
946
|
}], color: [{
|
|
942
947
|
type: HostBinding,
|
|
943
948
|
args: ['attr.color']
|
|
949
|
+
}], hasTextAndIcon: [{
|
|
950
|
+
type: HostBinding,
|
|
951
|
+
args: ['class.has-text-and-leading-icon']
|
|
944
952
|
}] } });
|
|
945
953
|
|
|
946
954
|
/**
|