@coolon/angular-ui-powerups 16.1.0-aplpha.176 → 16.1.0-aplpha.178
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/cards/abstract-card-container.component.mjs +28 -5
- package/esm2022/lib/components/cards/card-container/card-container.component.mjs +3 -3
- package/fesm2022/coolon-angular-ui-powerups.mjs +28 -5
- package/fesm2022/coolon-angular-ui-powerups.mjs.map +1 -1
- package/lib/components/cards/abstract-card-container.component.d.ts +6 -3
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __decorate, __metadata } from "tslib";
|
|
2
2
|
import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
|
|
3
|
-
import { Command, proxify, Proxify } from '@coolon/pectin';
|
|
3
|
+
import { Command, Dsl, proxify, Proxify, StoreInValueModel, ValueModel } from '@coolon/pectin';
|
|
4
4
|
import { CommandFace } from '../commands/command-face';
|
|
5
5
|
import { DisposableComponent } from '../disposable-component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
@@ -8,30 +8,53 @@ export class AbstractCardContainerComponent extends DisposableComponent {
|
|
|
8
8
|
#addCardCommand_accessor_storage = proxify((Command));
|
|
9
9
|
get addCardCommand() { return this.#addCardCommand_accessor_storage; }
|
|
10
10
|
set addCardCommand(value) { this.#addCardCommand_accessor_storage = value; }
|
|
11
|
-
addCardFace;
|
|
11
|
+
#addCardFace$_accessor_storage = proxify((ValueModel));
|
|
12
|
+
get addCardFace$() { return this.#addCardFace$_accessor_storage; }
|
|
13
|
+
set addCardFace$(value) { this.#addCardFace$_accessor_storage = value; }
|
|
14
|
+
#addCardFace_accessor_storage;
|
|
15
|
+
get addCardFace() { return this.#addCardFace_accessor_storage; }
|
|
16
|
+
set addCardFace(value) { this.#addCardFace_accessor_storage = value; }
|
|
12
17
|
addCardTemplate;
|
|
18
|
+
_addCardFaces$;
|
|
19
|
+
hasFace$;
|
|
13
20
|
constructor() {
|
|
14
21
|
super();
|
|
22
|
+
const { chain } = Dsl.disposeWith(this);
|
|
23
|
+
this._addCardFaces$ = chain(this.addCardFace$).mapToList(f => f ? [f] : this.addCardCommand.faces$.value, {
|
|
24
|
+
allowNil: true,
|
|
25
|
+
dependsOn: this.addCardCommand.faces$
|
|
26
|
+
});
|
|
27
|
+
this.hasFace$ = chain(this._addCardFaces$).isNotEmpty();
|
|
15
28
|
}
|
|
16
29
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AbstractCardContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: AbstractCardContainerComponent, selector: "aup-abstract-card-container", inputs: { addCardCommand: "addCardCommand", addCardFace: "addCardFace" }, queries: [{ propertyName: "addCardTemplate", first: true, predicate: ["addCardTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
30
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: AbstractCardContainerComponent, selector: "aup-abstract-card-container", inputs: { addCardCommand: "addCardCommand", addCardFace$: "addCardFace$", addCardFace: "addCardFace" }, queries: [{ propertyName: "addCardTemplate", first: true, predicate: ["addCardTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
18
31
|
}
|
|
19
32
|
__decorate([
|
|
20
33
|
Proxify(),
|
|
21
34
|
__metadata("design:type", Object)
|
|
22
35
|
], AbstractCardContainerComponent.prototype, "addCardCommand", null);
|
|
36
|
+
__decorate([
|
|
37
|
+
Proxify(),
|
|
38
|
+
__metadata("design:type", ValueModel)
|
|
39
|
+
], AbstractCardContainerComponent.prototype, "addCardFace$", null);
|
|
40
|
+
__decorate([
|
|
41
|
+
StoreInValueModel(),
|
|
42
|
+
__metadata("design:type", Object)
|
|
43
|
+
], AbstractCardContainerComponent.prototype, "addCardFace", null);
|
|
23
44
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AbstractCardContainerComponent, decorators: [{
|
|
24
45
|
type: Component,
|
|
25
46
|
args: [{
|
|
26
47
|
selector: 'aup-abstract-card-container',
|
|
27
|
-
template: ''
|
|
48
|
+
template: ''
|
|
28
49
|
}]
|
|
29
50
|
}], ctorParameters: function () { return []; }, propDecorators: { addCardCommand: [{
|
|
30
51
|
type: Input
|
|
52
|
+
}], addCardFace$: [{
|
|
53
|
+
type: Input
|
|
31
54
|
}], addCardFace: [{
|
|
32
55
|
type: Input
|
|
33
56
|
}], addCardTemplate: [{
|
|
34
57
|
type: ContentChild,
|
|
35
58
|
args: ['addCardTemplate']
|
|
36
59
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QtY2FyZC1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvY29tcG9uZW50cy9jYXJkcy9hYnN0cmFjdC1jYXJkLWNvbnRhaW5lci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUUsT0FBTyxFQUVMLE9BQU8sRUFDUCxHQUFHLEVBRUgsT0FBTyxFQUNQLE9BQU8sRUFDUCxpQkFBaUIsRUFDakIsVUFBVSxFQUNYLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQU05RCxNQUFNLE9BQU8sOEJBQStCLFNBQVEsbUJBQW1CO0lBRzVELG1DQUFpQixPQUFPLENBQUMsQ0FBQSxPQUFZLENBQUEsQ0FBQyxDQUFDO0lBQXZDLElBQUEsY0FBYyxvREFBeUI7SUFBdkMsSUFBQSxjQUFjLDBEQUF5QjtJQUd2QyxpQ0FBd0MsT0FBTyxDQUFDLENBQUEsVUFBdUIsQ0FBQSxDQUFDLENBQUM7SUFBekUsSUFBQSxZQUFZLGtEQUE2RDtJQUF6RSxJQUFBLFlBQVksd0RBQTZEO0lBR3pFLDhCQUF5QjtJQUF6QixJQUFBLFdBQVcsaURBQWM7SUFBekIsSUFBQSxXQUFXLHVEQUFjO0lBR2xDLGVBQWUsQ0FBbUI7SUFFZixjQUFjLENBQThCO0lBQzVDLFFBQVEsQ0FBeUI7SUFFcEQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztRQUNSLE1BQU0sRUFBRSxLQUFLLEVBQUUsR0FBRyxHQUFHLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRXhDLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxTQUFTLENBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLEtBQUssRUFBRTtZQUN6RyxRQUFRLEVBQUUsSUFBSTtZQUNkLFNBQVMsRUFBRSxJQUFJLENBQUMsY0FBYyxDQUFDLE1BQU07U0FDdEMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLFVBQVUsRUFBRSxDQUFBO0lBQ3pELENBQUM7dUdBMUJVLDhCQUE4QjsyRkFBOUIsOEJBQThCLGtUQUYvQixFQUFFOztBQUtIO0lBREMsT0FBTyxFQUFFOztvRUFDNkI7QUFHdkM7SUFEQyxPQUFPLEVBQUU7OEJBQ0ksVUFBVTtrRUFBaUQ7QUFHekU7SUFEQyxpQkFBaUIsRUFBRTs7aUVBQ0s7MkZBVHZCLDhCQUE4QjtrQkFKMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNkJBQTZCO29CQUN2QyxRQUFRLEVBQUUsRUFBRTtpQkFDYjswRUFJVSxjQUFjO3NCQUR0QixLQUFLO2dCQUlHLFlBQVk7c0JBRHBCLEtBQUs7Z0JBSUcsV0FBVztzQkFEbkIsS0FBSztnQkFJTixlQUFlO3NCQURkLFlBQVk7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQm9vbGVhblZhbHVlTW9kZWxDaGFpbixcbiAgQ29tbWFuZCxcbiAgRHNsLFxuICBMaXN0TW9kZWxDaGFpbixcbiAgcHJveGlmeSxcbiAgUHJveGlmeSxcbiAgU3RvcmVJblZhbHVlTW9kZWwsXG4gIFZhbHVlTW9kZWxcbn0gZnJvbSAnQGNvb2xvbi9wZWN0aW4nO1xuaW1wb3J0IHsgQ29tbWFuZEZhY2UgfSBmcm9tICcuLi9jb21tYW5kcy9jb21tYW5kLWZhY2UnO1xuaW1wb3J0IHsgRGlzcG9zYWJsZUNvbXBvbmVudCB9IGZyb20gJy4uL2Rpc3Bvc2FibGUtY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLWFic3RyYWN0LWNhcmQtY29udGFpbmVyJyxcbiAgdGVtcGxhdGU6ICcnXG59KVxuZXhwb3J0IGNsYXNzIEFic3RyYWN0Q2FyZENvbnRhaW5lckNvbXBvbmVudCBleHRlbmRzIERpc3Bvc2FibGVDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpIEBQcm94aWZ5KClcbiAgYWNjZXNzb3IgYWRkQ2FyZENvbW1hbmQgPSBwcm94aWZ5KENvbW1hbmQ8YW55Pik7XG5cbiAgQElucHV0KCkgQFByb3hpZnkoKVxuICBhY2Nlc3NvciBhZGRDYXJkRmFjZSQ6IFZhbHVlTW9kZWw8Q29tbWFuZEZhY2U+ID0gcHJveGlmeShWYWx1ZU1vZGVsPENvbW1hbmRGYWNlPik7XG5cbiAgQElucHV0KCkgQFN0b3JlSW5WYWx1ZU1vZGVsKClcbiAgYWNjZXNzb3IgYWRkQ2FyZEZhY2U6IENvbW1hbmRGYWNlO1xuXG4gIEBDb250ZW50Q2hpbGQoJ2FkZENhcmRUZW1wbGF0ZScpXG4gIGFkZENhcmRUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgX2FkZENhcmRGYWNlcyQ6IExpc3RNb2RlbENoYWluPENvbW1hbmRGYWNlPjtcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGhhc0ZhY2UkOiBCb29sZWFuVmFsdWVNb2RlbENoYWluO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgY29uc3QgeyBjaGFpbiB9ID0gRHNsLmRpc3Bvc2VXaXRoKHRoaXMpO1xuXG4gICAgdGhpcy5fYWRkQ2FyZEZhY2VzJCA9IGNoYWluKHRoaXMuYWRkQ2FyZEZhY2UkKS5tYXBUb0xpc3QoIGYgPT4gZiA/IFtmXSA6IHRoaXMuYWRkQ2FyZENvbW1hbmQuZmFjZXMkLnZhbHVlLCB7XG4gICAgICBhbGxvd05pbDogdHJ1ZSxcbiAgICAgIGRlcGVuZHNPbjogdGhpcy5hZGRDYXJkQ29tbWFuZC5mYWNlcyRcbiAgICB9KTtcbiAgICB0aGlzLmhhc0ZhY2UkID0gY2hhaW4odGhpcy5fYWRkQ2FyZEZhY2VzJCkuaXNOb3RFbXB0eSgpXG4gIH1cblxufVxuIl19
|
|
@@ -109,11 +109,11 @@ export class CardContainerComponent extends AbstractCardContainerComponent {
|
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CardContainerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
112
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CardContainerComponent, selector: "aup-card-container", inputs: { columnCount: "columnCount", enableScroll: "enableScroll" }, host: { properties: { "class.auto-columns": "this.isAutoColumns", "class.single-column": "this.isSingleColumn" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"header-container\">\n <ng-content select=\"[card-container-header], [slot=header]\"></ng-content>\n</div>\n\n<ng-template #content>\n <div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled$.value\" [pectinCommand]=\"addCardCommand\">\n <aup-command-face *ngIf=\"
|
|
112
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CardContainerComponent, selector: "aup-card-container", inputs: { columnCount: "columnCount", enableScroll: "enableScroll" }, host: { properties: { "class.auto-columns": "this.isAutoColumns", "class.single-column": "this.isSingleColumn" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"header-container\">\n <ng-content select=\"[card-container-header], [slot=header]\"></ng-content>\n</div>\n\n<ng-template #content>\n <div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled$.value\" [pectinCommand]=\"addCardCommand\">\n <aup-command-face *ngIf=\"hasFace$.value\" [faces]=\"_addCardFaces$.value\"/>\n <aup-icon *ngIf=\"!hasFace$.value\" icon=\"mat:add\"/>\n </div>\n\n <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n </div>\n </div>\n</ng-template>\n\n<div class=\"no-scroll-container\" *ngIf=\"!enableScroll\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n\n<aup-scroll-container *ngIf=\"enableScroll\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</aup-scroll-container>\n\n<div class=\"footer-container\">\n <ng-content select=\"[card-container-footer], [slot=footer]\"></ng-content>\n</div>\n\n", styles: [":host{--resolved-card-gap: var(--card-gap, 16px);--resolved-card-width: var(--card-width, 300px);--resolved-card-min-width: var(--card-min-width, var(--card-width, var(--card-max-width)));--resolved-card-max-width: var(--card-max-width, var(--card-width, var(--card-min-width)));--resolved-card-height: var(--card-height, auto);--resolved-card-min-height: var(--card-min-height, auto);--resolved-card-background: var(--card-background, var(--aup-card-container-default-background-color));flex:1;display:flex;flex-direction:column;align-items:stretch;background:var(--resolved-card-background)}:host.auto-columns>*>.card-container{grid-template-columns:repeat(auto-fill,minmax(var(--resolved-card-min-width),var(--resolved-card-max-width)))}:host:not(.auto-columns)>*>.card-container{grid-template-columns:repeat(var(--aup-card-container-column-count),1fr)}.card-container{display:grid;box-sizing:border-box;padding:var(--resolved-card-gap);min-height:calc(var(--resolved-card-height) + 2 * var(--resolved-card-gap));max-width:100%;grid-auto-rows:minmax(var(--resolved-card-min-height),var(--resolved-card-height));grid-gap:var(--resolved-card-gap)}aup-scroll-container,.no-scroll-container{flex:1}.add-card-container{height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.add-card-container:hover{border-color:transparent;background-color:#fff;color:#0000008a}.add-card-template-container{height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CommandDirective, selector: "[pectinCommand]", inputs: ["pectinCommand", "commandParameter", "preventDefault"] }, { kind: "component", type: i3.ScrollContainerComponent, selector: "aup-scroll-container", inputs: ["disableScroll$", "disableScroll"] }, { kind: "component", type: i4.IconComponent, selector: "aup-icon", inputs: ["icon"] }, { kind: "component", type: i5.CommandFaceComponent, selector: "aup-command-face", inputs: ["faces", "face", "ignoreIcon", "ignoreText", "includeMissingIconInLayout"] }] });
|
|
113
113
|
}
|
|
114
114
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CardContainerComponent, decorators: [{
|
|
115
115
|
type: Component,
|
|
116
|
-
args: [{ selector: 'aup-card-container', template: "<div class=\"header-container\">\n <ng-content select=\"[card-container-header], [slot=header]\"></ng-content>\n</div>\n\n<ng-template #content>\n <div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled$.value\" [pectinCommand]=\"addCardCommand\">\n <aup-command-face *ngIf=\"
|
|
116
|
+
args: [{ selector: 'aup-card-container', template: "<div class=\"header-container\">\n <ng-content select=\"[card-container-header], [slot=header]\"></ng-content>\n</div>\n\n<ng-template #content>\n <div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled$.value\" [pectinCommand]=\"addCardCommand\">\n <aup-command-face *ngIf=\"hasFace$.value\" [faces]=\"_addCardFaces$.value\"/>\n <aup-icon *ngIf=\"!hasFace$.value\" icon=\"mat:add\"/>\n </div>\n\n <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n </div>\n </div>\n</ng-template>\n\n<div class=\"no-scroll-container\" *ngIf=\"!enableScroll\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n\n<aup-scroll-container *ngIf=\"enableScroll\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</aup-scroll-container>\n\n<div class=\"footer-container\">\n <ng-content select=\"[card-container-footer], [slot=footer]\"></ng-content>\n</div>\n\n", styles: [":host{--resolved-card-gap: var(--card-gap, 16px);--resolved-card-width: var(--card-width, 300px);--resolved-card-min-width: var(--card-min-width, var(--card-width, var(--card-max-width)));--resolved-card-max-width: var(--card-max-width, var(--card-width, var(--card-min-width)));--resolved-card-height: var(--card-height, auto);--resolved-card-min-height: var(--card-min-height, auto);--resolved-card-background: var(--card-background, var(--aup-card-container-default-background-color));flex:1;display:flex;flex-direction:column;align-items:stretch;background:var(--resolved-card-background)}:host.auto-columns>*>.card-container{grid-template-columns:repeat(auto-fill,minmax(var(--resolved-card-min-width),var(--resolved-card-max-width)))}:host:not(.auto-columns)>*>.card-container{grid-template-columns:repeat(var(--aup-card-container-column-count),1fr)}.card-container{display:grid;box-sizing:border-box;padding:var(--resolved-card-gap);min-height:calc(var(--resolved-card-height) + 2 * var(--resolved-card-gap));max-width:100%;grid-auto-rows:minmax(var(--resolved-card-min-height),var(--resolved-card-height));grid-gap:var(--resolved-card-gap)}aup-scroll-container,.no-scroll-container{flex:1}.add-card-container{height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.add-card-container:hover{border-color:transparent;background-color:#fff;color:#0000008a}.add-card-template-container{height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}\n"] }]
|
|
117
117
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { columnCount: [{
|
|
118
118
|
type: Input
|
|
119
119
|
}], enableScroll: [{
|
|
@@ -125,4 +125,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImpor
|
|
|
125
125
|
type: HostBinding,
|
|
126
126
|
args: ['class.single-column']
|
|
127
127
|
}] } });
|
|
128
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
128
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyLXVpLXBvd2VydXBzL3NyYy9saWIvY29tcG9uZW50cy9jYXJkcy9jYXJkLWNvbnRhaW5lci9jYXJkLWNvbnRhaW5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItdWktcG93ZXJ1cHMvc3JjL2xpYi9jb21wb25lbnRzL2NhcmRzL2NhcmQtY29udGFpbmVyL2NhcmQtY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEUsT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBRWxELE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sV0FBVyxDQUFDO0FBQzNDLE9BQU8sRUFBQyw4QkFBOEIsRUFBQyxNQUFNLHNDQUFzQyxDQUFDOzs7Ozs7O0FBR3BGOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkRHO0FBTUgsTUFBTSxPQUFPLHNCQUF1QixTQUFRLDhCQUE4QjtJQXdCM0M7SUF0QnJCLFlBQVksQ0FBcUI7SUFFekMsSUFDSSxXQUFXLENBQUMsS0FBeUI7UUFDdkMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLEtBQUssR0FBRyxDQUFDLENBQUMsRUFBRTtZQUNyRCxJQUFJLENBQUMsWUFBWSxDQUFDLCtDQUErQyxDQUFDLENBQUM7U0FDcEU7UUFDRCxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNCLENBQUM7SUFFRDs7O09BR0c7SUFFSCxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBRXJCLFlBQTZCLFVBQXNCO1FBQ2pELEtBQUssRUFBRSxDQUFDO1FBRG1CLGVBQVUsR0FBVixVQUFVLENBQVk7UUFFakQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQyxDQUFBO0lBQ25ELENBQUM7SUFFRCxJQUNJLGFBQWE7UUFDZixPQUFPLEtBQUssQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQ0ksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxZQUFZLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFUyx1QkFBdUI7UUFDL0IsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7UUFDekMsSUFBSSxLQUFLLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUFFO1lBQzVCLEVBQUUsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLG1DQUFtQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO1NBQy9EO2FBQU07WUFDTCxFQUFFLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxtQ0FBbUMsRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDOUU7SUFDSCxDQUFDO3VHQTlDVSxzQkFBc0I7MkZBQXRCLHNCQUFzQiwyUUMxRW5DLDJpQ0ErQkE7OzJGRDJDYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0Usb0JBQW9CO2lHQVMxQixXQUFXO3NCQURkLEtBQUs7Z0JBa0JOLFlBQVk7c0JBRFgsS0FBSztnQkFTRixhQUFhO3NCQURoQixXQUFXO3VCQUFDLG9CQUFvQjtnQkFNN0IsY0FBYztzQkFEakIsV0FBVzt1QkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7bGFuZ30gZnJvbSAnQGNvb2xvbi90eXBlc2NyaXB0LXV0aWxpdGllcyc7XG5cbmltcG9ydCB7aXNJbnRlZ2VyLCBpc05pbH0gZnJvbSAnbG9kYXNoLWVzJztcbmltcG9ydCB7QWJzdHJhY3RDYXJkQ29udGFpbmVyQ29tcG9uZW50fSBmcm9tICcuLi9hYnN0cmFjdC1jYXJkLWNvbnRhaW5lci5jb21wb25lbnQnO1xuXG5cbi8qKlxuICogQGV4YW1wbGVcbiAqIC8vIGJhc2ljIHVzYWdlXG4gKiA8YXVwLWNhcmQtY29udGFpbmVyPlxuICogICA8bXktY2FyZCAqbmdGb3I9XCIuLi5cIj48L215LWNhcmQ+XG4gKiA8L2F1cC1jYXJkLWNvbnRhaW5lcj5cbiAqXG4gKiAvLyBhZGRzIGFuIGFkZCBidXR0b24gd2l0aCBhIHRoZSAnKycgaWNvbiB0byB0aGUgZW5kIG9mIHRoZSBjYXJkIGxpc3QuXG4gKiA8YXVwLWNhcmQtY29udGFpbmVyIFthZGRDYXJkQ29tbWFuZF09XCJhZGRDYXJkXCI+XG4gKiAgIDxteS1jYXJkICpuZ0Zvcj1cIi4uLlwiPjwvbXktY2FyZD5cbiAqIDwvYXVwLWNhcmQtY29udGFpbmVyPlxuICpcbiAqIC8vIGFkZHMgYW4gYWRkIGJ1dHRvbiB3aXRoIHRoZSBzcGVjaWZpZWQgZmFjZVxuICogPGF1cC1jYXJkLWNvbnRhaW5lciBbYWRkQ2FyZENvbW1hbmRdPVwiYWRkQ2FyZFwiIFthZGRDYXJkRmFjZV09XCJpMThuLmFkZENhcmRcIiA+XG4gKiAgIDxteS1jYXJkICpuZ0Zvcj1cIi4uLlwiPjwvbXktY2FyZD5cbiAqIDwvYXVwLWNhcmQtY29udGFpbmVyPlxuICpcbiAqIC8vIHVzZSB0aGUgYXVwLWFkZC1jYXJkLWFjdGl2aXR5IHRvIGRpc3BsYXkgYXMgdGhlIG5ldyBjYXJkIHBsYWNlIGhvbGRlciBhbmQgdG8gcnVuXG4gKiAvLyB0aGUgYWN0aXZpdHkgaW5zaWRlIHRlaCBjYXJkXG4gKiA8YXVwLWNhcmQtY29udGFpbmVyIFthZGRDYXJkQ29tbWFuZF09XCJhZGRDYXJkXCIgW2FkZENhcmRGYWNlXT1cImkxOG4uYWRkQ2FyZFwiID5cbiAqICAgPG15LWNhcmQgKm5nRm9yPVwiLi4uXCI+PC9teS1jYXJkPlxuICogICA8YXVwLWFkZC1jYXJkLWFjdGl2aXR5IHR5cGU9XCJpbmxpbmVcIiByZW5kZXJBcz1cImNhcmRcIiBbZmFjZV09XCJpMThuLmNvbW1hbmRzLmFkZE1vZGFsXCIgW2FjdGl2aXR5Q2xhc3NdPVwiQWRkQ2FyZEFjdGl2aXR5XCI+PC9hdXAtYWRkLWNhcmQtYWN0aXZpdHk+XG4gKiA8L2F1cC1jYXJkLWNvbnRhaW5lcj5cbiAqXG4gKiAvLyBhZGRzIGFuIGFkZCBjYXJkIGNvbXBvbmVudCB1c2luZyB0aGUgc3BlY2lmaWVkIHRlbXBsYXRlLiAgVGhlIHRlbXBsYXRlXG4gKiAvLyB3aWxsIGZpbGwgaXQncyBjb250YWluZXIgaW4gdGhlIGdyaWQuXG4gKiA8YXVwLWNhcmQtY29udGFpbmVyPlxuICogICA8bXktY2FyZCAqbmdGb3I9XCIuLi5cIj48L215LWNhcmQ+XG4gKiAgIDxuZy10ZW1wbGF0ZSAjYWRkQ2FyZFRlbXBsYXRlPlxuICogICAgIDxkaXY+VGhpcyBpcyBhIG5ldyBjYXJkIHRlbXBsYXRlLCBpdCB3aWxsIHRoZSB0aGUgc2l6ZSBvZiB0aGUgb3RoZXIgY2FyZHMuPC9kaXY+XG4gKiAgIDwvbmctdGVtcGxhdGU+XG4gKiA8L2F1cC1jYXJkLWNvbnRhaW5lcj5cbiAqXG4gKiAvLyBzaW5nIHRoZSBkZWZhdWx0IG5ldyBjYXJkIHN0eWxlcyBmb3IgeW91ciB0ZW1wbGF0ZVxuICogQGltcG9ydCBcIi4uLy4uLy4uLy4uL2Fzc2V0cy9zdHlsZXNcIjtcbiAqIC5teS1uZXctY2FyZCB7XG4gKiAgIEBpbmNsdWRlIGF1cC1jYXJkLWNvbnRhaW5lci1uZXctY2FyZC1zdHlsZSgpO1xuICogICAvLyBPUlxuICogICBAaW5jbHVkZSBhdXAtY2FyZC1jb250YWluZXItbmV3LWNhcmQtc3R5bGUoXG4gKiAgICAgICRjb2xvcjogcmdiYSgwLDAsMCwwLjU0KSxcbiAqICAgICAgJGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjU1LDI1NSwyNTUsMC44KSxcbiAqICAgICAgJGhvdmVyLWNvbG9yOiAkY29sb3IsXG4gKiAgICAgICRiYWNrZ3JvdW5kLWhvdmVyLWNvbG9yOiB3aGl0ZVxuICogICApXG4gKiB9XG4gKiA8YXVwLWNhcmQtY29udGFpbmVyPlxuICogICA8bXktY2FyZCAqbmdGb3I9XCIuLi5cIj48L215LWNhcmQ+XG4gKiAgIDxuZy10ZW1wbGF0ZSAjYWRkQ2FyZFRlbXBsYXRlPlxuICogICAgIDxkaXYgY2xhc3M9XCJteS1uZXctY2FyZFwiID5UaGlzIGlzIGEgbmV3IGNhcmQgdGVtcGxhdGUsIGl0IHdpbGwgdGhlIHRoZSBzaXplIG9mIHRoZSBvdGhlciBjYXJkcy48L2Rpdj5cbiAqICAgPC9uZy10ZW1wbGF0ZT5cbiAqIDwvYXVwLWNhcmQtY29udGFpbmVyPlxuICpcbiAqIC8vIENTUyBWYXJzXG4gKiBhdXAtY2FyZC1jb250YWluZXIge1xuICogICAtLWNhcmQtZ2FwOiB2YXIoLS1jYXJkLWdhcCwgMTZweCk7XG4gKiAgIC0tY2FyZC13aWR0aDogdmFyKC0tY2FyZC13aWR0aCwgMzAwcHgpO1xuICogICAtLWNhcmQtbWF4LXdpZHRoOiBhdXRvO1xuICogICAtLWNhcmQtaGVpZ2h0OiB2YXIoLS1jYXJkLWhlaWdodCwgYXV0byk7XG4gKiAgIC0tY2FyZC1taW4taGVpZ2h0OiB2YXIoLS1jYXJkLW1pbi1oZWlnaHQsIGF1dG8pO1xuICogICAtLWNhcmQtYmFja2dyb3VuZDogdmFyKC0tY2FyZC1iYWNrZ3JvdW5kLCAjZmNmY2ZiKTtcbiAqIH1cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVwLWNhcmQtY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2FyZC1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDYXJkQ29udGFpbmVyQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RDYXJkQ29udGFpbmVyQ29tcG9uZW50IHtcblxuICBwcml2YXRlIF9jb2x1bW5Db3VudDogbnVtYmVyIHwgdW5kZWZpbmVkO1xuXG4gIEBJbnB1dCgpXG4gIHNldCBjb2x1bW5Db3VudChjb3VudDogbnVtYmVyIHwgdW5kZWZpbmVkKSB7XG4gICAgaWYgKCFpc05pbChjb3VudCkgJiYgKCFpc0ludGVnZXIoY291bnQpIHx8IGNvdW50IDwgMSkpIHtcbiAgICAgIGxhbmcuaWxsZWdhbFN0YXRlKCdjb2x1bW5Db3VudCBtdXN0IGJlIGEgcG9zaXRpdmUgaW50ZWdlciBvciBuaWwnKTtcbiAgICB9XG4gICAgdGhpcy5fY29sdW1uQ291bnQgPSBjb3VudDtcbiAgICB0aGlzLnVwZGF0ZUNvbHVtbkNvdW50U3R5bGVzKCk7XG4gIH1cblxuICBnZXQgY29sdW1uQ291bnQoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2NvbHVtbkNvdW50O1xuICB9XG5cbiAgLyoqXG4gICAqIEVuYWJsZSBzY3JvbGxpbmcuICBJZiB0cnVlIHRoZSBjb250YWluZXIgd2lsbCBoYXZlIGhlaWdodD09MCBzbyB5b3UgbXVzdCBzZXQgaXQncyBoZWlnaHQgZXhwbGljaXRseVxuICAgKiBvciBwbGFjZSBpbiBhIGxheW91dCB0aGF0IHdpbGwgc3RyZXRjaCBpdCBzdWNoIGFzIGEgZ3JpZCBvciBmbGV4IGxheW91dC5cbiAgICovXG4gIEBJbnB1dCgpXG4gIGVuYWJsZVNjcm9sbCA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudFJlZjogRWxlbWVudFJlZikge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5vbkluaXQoKCkgPT4gdGhpcy51cGRhdGVDb2x1bW5Db3VudFN0eWxlcygpKVxuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5hdXRvLWNvbHVtbnMnKVxuICBnZXQgaXNBdXRvQ29sdW1ucygpIHtcbiAgICByZXR1cm4gaXNOaWwodGhpcy5fY29sdW1uQ291bnQpO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zaW5nbGUtY29sdW1uJylcbiAgZ2V0IGlzU2luZ2xlQ29sdW1uKCkge1xuICAgIHJldHVybiB0aGlzLl9jb2x1bW5Db3VudCA9PT0gMTtcbiAgfVxuXG4gIHByb3RlY3RlZCB1cGRhdGVDb2x1bW5Db3VudFN0eWxlcygpIHtcbiAgICBjb25zdCBlbCA9IHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50O1xuICAgIGlmIChpc05pbCh0aGlzLl9jb2x1bW5Db3VudCkpIHtcbiAgICAgIGVsLnN0eWxlLnNldFByb3BlcnR5KCctLWF1cC1jYXJkLWNvbnRhaW5lci1jb2x1bW4tY291bnQnLCAnJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGVsLnN0eWxlLnNldFByb3BlcnR5KCctLWF1cC1jYXJkLWNvbnRhaW5lci1jb2x1bW4tY291bnQnLCB0aGlzLl9jb2x1bW5Db3VudCk7XG4gICAgfVxuICB9XG5cbn1cblxuZXhwb3J0IG5hbWVzcGFjZSBDYXJkQ29udGFpbmVyQ29tcG9uZW50IHtcbiAgZXhwb3J0IGludGVyZmFjZSBDb2x1bW5Db25maWd1cmF0aW9uIHtcbiAgICBjb3VudDogbnVtYmVyO1xuICAgIHN0cmV0Y2hUb0ZpbGw6IGJvb2xlYW47XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJoZWFkZXItY29udGFpbmVyXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltjYXJkLWNvbnRhaW5lci1oZWFkZXJdLCBbc2xvdD1oZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgPGRpdiBjbGFzcz1cImNhcmQtY29udGFpbmVyXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuXG4gICAgPGRpdiBjbGFzcz1cImFkZC1jYXJkLWNvbnRhaW5lclwiICpuZ0lmPVwiYWRkQ2FyZENvbW1hbmQuZW5hYmxlZCQudmFsdWVcIiBbcGVjdGluQ29tbWFuZF09XCJhZGRDYXJkQ29tbWFuZFwiPlxuICAgICAgPGF1cC1jb21tYW5kLWZhY2UgKm5nSWY9XCJoYXNGYWNlJC52YWx1ZVwiIFtmYWNlc109XCJfYWRkQ2FyZEZhY2VzJC52YWx1ZVwiLz5cbiAgICAgIDxhdXAtaWNvbiAqbmdJZj1cIiFoYXNGYWNlJC52YWx1ZVwiIGljb249XCJtYXQ6YWRkXCIvPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImFkZC1jYXJkLXRlbXBsYXRlXCIgKm5nSWY9XCJhZGRDYXJkVGVtcGxhdGVcIj5cbiAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiYWRkQ2FyZFRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cblxuPGRpdiBjbGFzcz1cIm5vLXNjcm9sbC1jb250YWluZXJcIiAqbmdJZj1cIiFlbmFibGVTY3JvbGxcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuXG48YXVwLXNjcm9sbC1jb250YWluZXIgKm5nSWY9XCJlbmFibGVTY3JvbGxcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbjwvYXVwLXNjcm9sbC1jb250YWluZXI+XG5cbjxkaXYgY2xhc3M9XCJmb290ZXItY29udGFpbmVyXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltjYXJkLWNvbnRhaW5lci1mb290ZXJdLCBbc2xvdD1mb290ZXJdXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG5cbiJdfQ==
|
|
@@ -789,26 +789,49 @@ class AbstractCardContainerComponent extends DisposableComponent {
|
|
|
789
789
|
#addCardCommand_accessor_storage = proxify((Command));
|
|
790
790
|
get addCardCommand() { return this.#addCardCommand_accessor_storage; }
|
|
791
791
|
set addCardCommand(value) { this.#addCardCommand_accessor_storage = value; }
|
|
792
|
-
addCardFace;
|
|
792
|
+
#addCardFace$_accessor_storage = proxify((ValueModel));
|
|
793
|
+
get addCardFace$() { return this.#addCardFace$_accessor_storage; }
|
|
794
|
+
set addCardFace$(value) { this.#addCardFace$_accessor_storage = value; }
|
|
795
|
+
#addCardFace_accessor_storage;
|
|
796
|
+
get addCardFace() { return this.#addCardFace_accessor_storage; }
|
|
797
|
+
set addCardFace(value) { this.#addCardFace_accessor_storage = value; }
|
|
793
798
|
addCardTemplate;
|
|
799
|
+
_addCardFaces$;
|
|
800
|
+
hasFace$;
|
|
794
801
|
constructor() {
|
|
795
802
|
super();
|
|
803
|
+
const { chain } = Dsl.disposeWith(this);
|
|
804
|
+
this._addCardFaces$ = chain(this.addCardFace$).mapToList(f => f ? [f] : this.addCardCommand.faces$.value, {
|
|
805
|
+
allowNil: true,
|
|
806
|
+
dependsOn: this.addCardCommand.faces$
|
|
807
|
+
});
|
|
808
|
+
this.hasFace$ = chain(this._addCardFaces$).isNotEmpty();
|
|
796
809
|
}
|
|
797
810
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AbstractCardContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
798
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: AbstractCardContainerComponent, selector: "aup-abstract-card-container", inputs: { addCardCommand: "addCardCommand", addCardFace: "addCardFace" }, queries: [{ propertyName: "addCardTemplate", first: true, predicate: ["addCardTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
811
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: AbstractCardContainerComponent, selector: "aup-abstract-card-container", inputs: { addCardCommand: "addCardCommand", addCardFace$: "addCardFace$", addCardFace: "addCardFace" }, queries: [{ propertyName: "addCardTemplate", first: true, predicate: ["addCardTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
|
|
799
812
|
}
|
|
800
813
|
__decorate([
|
|
801
814
|
Proxify(),
|
|
802
815
|
__metadata("design:type", Object)
|
|
803
816
|
], AbstractCardContainerComponent.prototype, "addCardCommand", null);
|
|
817
|
+
__decorate([
|
|
818
|
+
Proxify(),
|
|
819
|
+
__metadata("design:type", ValueModel)
|
|
820
|
+
], AbstractCardContainerComponent.prototype, "addCardFace$", null);
|
|
821
|
+
__decorate([
|
|
822
|
+
StoreInValueModel(),
|
|
823
|
+
__metadata("design:type", Object)
|
|
824
|
+
], AbstractCardContainerComponent.prototype, "addCardFace", null);
|
|
804
825
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: AbstractCardContainerComponent, decorators: [{
|
|
805
826
|
type: Component,
|
|
806
827
|
args: [{
|
|
807
828
|
selector: 'aup-abstract-card-container',
|
|
808
|
-
template: ''
|
|
829
|
+
template: ''
|
|
809
830
|
}]
|
|
810
831
|
}], ctorParameters: function () { return []; }, propDecorators: { addCardCommand: [{
|
|
811
832
|
type: Input
|
|
833
|
+
}], addCardFace$: [{
|
|
834
|
+
type: Input
|
|
812
835
|
}], addCardFace: [{
|
|
813
836
|
type: Input
|
|
814
837
|
}], addCardTemplate: [{
|
|
@@ -1088,11 +1111,11 @@ class CardContainerComponent extends AbstractCardContainerComponent {
|
|
|
1088
1111
|
}
|
|
1089
1112
|
}
|
|
1090
1113
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CardContainerComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1091
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CardContainerComponent, selector: "aup-card-container", inputs: { columnCount: "columnCount", enableScroll: "enableScroll" }, host: { properties: { "class.auto-columns": "this.isAutoColumns", "class.single-column": "this.isSingleColumn" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"header-container\">\n <ng-content select=\"[card-container-header], [slot=header]\"></ng-content>\n</div>\n\n<ng-template #content>\n <div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled$.value\" [pectinCommand]=\"addCardCommand\">\n <aup-command-face *ngIf=\"
|
|
1114
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: CardContainerComponent, selector: "aup-card-container", inputs: { columnCount: "columnCount", enableScroll: "enableScroll" }, host: { properties: { "class.auto-columns": "this.isAutoColumns", "class.single-column": "this.isSingleColumn" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"header-container\">\n <ng-content select=\"[card-container-header], [slot=header]\"></ng-content>\n</div>\n\n<ng-template #content>\n <div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled$.value\" [pectinCommand]=\"addCardCommand\">\n <aup-command-face *ngIf=\"hasFace$.value\" [faces]=\"_addCardFaces$.value\"/>\n <aup-icon *ngIf=\"!hasFace$.value\" icon=\"mat:add\"/>\n </div>\n\n <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n </div>\n </div>\n</ng-template>\n\n<div class=\"no-scroll-container\" *ngIf=\"!enableScroll\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n\n<aup-scroll-container *ngIf=\"enableScroll\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</aup-scroll-container>\n\n<div class=\"footer-container\">\n <ng-content select=\"[card-container-footer], [slot=footer]\"></ng-content>\n</div>\n\n", styles: [":host{--resolved-card-gap: var(--card-gap, 16px);--resolved-card-width: var(--card-width, 300px);--resolved-card-min-width: var(--card-min-width, var(--card-width, var(--card-max-width)));--resolved-card-max-width: var(--card-max-width, var(--card-width, var(--card-min-width)));--resolved-card-height: var(--card-height, auto);--resolved-card-min-height: var(--card-min-height, auto);--resolved-card-background: var(--card-background, var(--aup-card-container-default-background-color));flex:1;display:flex;flex-direction:column;align-items:stretch;background:var(--resolved-card-background)}:host.auto-columns>*>.card-container{grid-template-columns:repeat(auto-fill,minmax(var(--resolved-card-min-width),var(--resolved-card-max-width)))}:host:not(.auto-columns)>*>.card-container{grid-template-columns:repeat(var(--aup-card-container-column-count),1fr)}.card-container{display:grid;box-sizing:border-box;padding:var(--resolved-card-gap);min-height:calc(var(--resolved-card-height) + 2 * var(--resolved-card-gap));max-width:100%;grid-auto-rows:minmax(var(--resolved-card-min-height),var(--resolved-card-height));grid-gap:var(--resolved-card-gap)}aup-scroll-container,.no-scroll-container{flex:1}.add-card-container{height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.add-card-container:hover{border-color:transparent;background-color:#fff;color:#0000008a}.add-card-template-container{height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CommandDirective, selector: "[pectinCommand]", inputs: ["pectinCommand", "commandParameter", "preventDefault"] }, { kind: "component", type: ScrollContainerComponent, selector: "aup-scroll-container", inputs: ["disableScroll$", "disableScroll"] }, { kind: "component", type: IconComponent, selector: "aup-icon", inputs: ["icon"] }, { kind: "component", type: CommandFaceComponent, selector: "aup-command-face", inputs: ["faces", "face", "ignoreIcon", "ignoreText", "includeMissingIconInLayout"] }] });
|
|
1092
1115
|
}
|
|
1093
1116
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: CardContainerComponent, decorators: [{
|
|
1094
1117
|
type: Component,
|
|
1095
|
-
args: [{ selector: 'aup-card-container', template: "<div class=\"header-container\">\n <ng-content select=\"[card-container-header], [slot=header]\"></ng-content>\n</div>\n\n<ng-template #content>\n <div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled$.value\" [pectinCommand]=\"addCardCommand\">\n <aup-command-face *ngIf=\"
|
|
1118
|
+
args: [{ selector: 'aup-card-container', template: "<div class=\"header-container\">\n <ng-content select=\"[card-container-header], [slot=header]\"></ng-content>\n</div>\n\n<ng-template #content>\n <div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled$.value\" [pectinCommand]=\"addCardCommand\">\n <aup-command-face *ngIf=\"hasFace$.value\" [faces]=\"_addCardFaces$.value\"/>\n <aup-icon *ngIf=\"!hasFace$.value\" icon=\"mat:add\"/>\n </div>\n\n <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n </div>\n </div>\n</ng-template>\n\n<div class=\"no-scroll-container\" *ngIf=\"!enableScroll\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</div>\n\n<aup-scroll-container *ngIf=\"enableScroll\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</aup-scroll-container>\n\n<div class=\"footer-container\">\n <ng-content select=\"[card-container-footer], [slot=footer]\"></ng-content>\n</div>\n\n", styles: [":host{--resolved-card-gap: var(--card-gap, 16px);--resolved-card-width: var(--card-width, 300px);--resolved-card-min-width: var(--card-min-width, var(--card-width, var(--card-max-width)));--resolved-card-max-width: var(--card-max-width, var(--card-width, var(--card-min-width)));--resolved-card-height: var(--card-height, auto);--resolved-card-min-height: var(--card-min-height, auto);--resolved-card-background: var(--card-background, var(--aup-card-container-default-background-color));flex:1;display:flex;flex-direction:column;align-items:stretch;background:var(--resolved-card-background)}:host.auto-columns>*>.card-container{grid-template-columns:repeat(auto-fill,minmax(var(--resolved-card-min-width),var(--resolved-card-max-width)))}:host:not(.auto-columns)>*>.card-container{grid-template-columns:repeat(var(--aup-card-container-column-count),1fr)}.card-container{display:grid;box-sizing:border-box;padding:var(--resolved-card-gap);min-height:calc(var(--resolved-card-height) + 2 * var(--resolved-card-gap));max-width:100%;grid-auto-rows:minmax(var(--resolved-card-min-height),var(--resolved-card-height));grid-gap:var(--resolved-card-gap)}aup-scroll-container,.no-scroll-container{flex:1}.add-card-container{height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:#0000008a;background-color:#fffc}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.add-card-container:hover{border-color:transparent;background-color:#fff;color:#0000008a}.add-card-template-container{height:var(--resolved-card-height);min-height:var(--resolved-card-min-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}\n"] }]
|
|
1096
1119
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { columnCount: [{
|
|
1097
1120
|
type: Input
|
|
1098
1121
|
}], enableScroll: [{
|