barsa-develop-components 1.0.376 → 1.0.377
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/esm2020/lib/card-content-image-and-title/card-content-image-and-title.component.mjs +3 -3
- package/fesm2015/barsa-develop-components.mjs +2 -2
- package/fesm2015/barsa-develop-components.mjs.map +1 -1
- package/fesm2020/barsa-develop-components.mjs +2 -2
- package/fesm2020/barsa-develop-components.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -34,10 +34,10 @@ export class CardContentImageAndTitleComponent extends BaseItemContentPropsCompo
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
CardContentImageAndTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardContentImageAndTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
-
CardContentImageAndTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardContentImageAndTitleComponent, selector: "bdc-card-content-image-and-title", host: { properties: { "style.background-color": "this.backgroundColor", "style.color": "this.color" } }, viewQueries: [{ propertyName: "iconRef", first: true, predicate: ["iconRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"card-content\" #elemRef>\n <div class=\"item-data\">\n <img\n *ngIf=\"picture; else iconTemplate\"\n [imgLazy]=\"picture.FileId | picFieldSrc: 'ID':null:'':100:70\"\n height=\"70\"\n width=\"100\"\n [alt]=\"title\"\n />\n <ng-template #iconTemplate>\n <fd-icon #iconRef *ngIf=\"icon\" [glyph]=\"icon\" [style.color]=\"color\"> </fd-icon>\n </ng-template>\n </div>\n <h5 fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ title }}\n </h5>\n <h6 *ngIf=\"subtitle\" fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ subtitle }}\n </h6>\n</div>\n", styles: [":host{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;min-height:180px}:host:hover{opacity:.8}:host:hover{cursor:pointer}.card-content{display:flex;align-items:center;flex-direction:column;align-self:stretch;margin-top:auto;margin-bottom:auto;width:100%}.item-data{text-align:center}fd-icon{font-size:2.5rem}h4{height:60px;width:80%;text-align:center}h6{line-height:2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
37
|
+
CardContentImageAndTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardContentImageAndTitleComponent, selector: "bdc-card-content-image-and-title", host: { properties: { "style.background-color": "this.backgroundColor", "style.color": "this.color" } }, viewQueries: [{ propertyName: "iconRef", first: true, predicate: ["iconRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"card-content\" #elemRef>\n <div class=\"item-data\">\n <img\n *ngIf=\"picture; else iconTemplate\"\n [imgLazy]=\"picture.FileId | picFieldSrc: 'ID':null:'':100:70\"\n height=\"70\"\n width=\"100\"\n [alt]=\"title | bbbTranslate\"\n />\n <ng-template #iconTemplate>\n <fd-icon #iconRef *ngIf=\"icon\" [glyph]=\"icon\" [style.color]=\"color\"> </fd-icon>\n </ng-template>\n </div>\n <h5 fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ title | bbbTranslate }}\n </h5>\n <h6 *ngIf=\"subtitle\" fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ subtitle | bbbTranslate }}\n </h6>\n</div>\n", styles: [":host{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;min-height:180px}:host:hover{opacity:.8}:host:hover{cursor:pointer}.card-content{display:flex;align-items:center;flex-direction:column;align-self:stretch;margin-top:auto;margin-bottom:auto;width:100%}.item-data{text-align:center}fd-icon{font-size:2.5rem}h4{height:60px;width:80%;text-align:center}h6{line-height:2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
38
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardContentImageAndTitleComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
|
-
args: [{ selector: 'bdc-card-content-image-and-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card-content\" #elemRef>\n <div class=\"item-data\">\n <img\n *ngIf=\"picture; else iconTemplate\"\n [imgLazy]=\"picture.FileId | picFieldSrc: 'ID':null:'':100:70\"\n height=\"70\"\n width=\"100\"\n [alt]=\"title\"\n />\n <ng-template #iconTemplate>\n <fd-icon #iconRef *ngIf=\"icon\" [glyph]=\"icon\" [style.color]=\"color\"> </fd-icon>\n </ng-template>\n </div>\n <h5 fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ title }}\n </h5>\n <h6 *ngIf=\"subtitle\" fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ subtitle }}\n </h6>\n</div>\n", styles: [":host{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;min-height:180px}:host:hover{opacity:.8}:host:hover{cursor:pointer}.card-content{display:flex;align-items:center;flex-direction:column;align-self:stretch;margin-top:auto;margin-bottom:auto;width:100%}.item-data{text-align:center}fd-icon{font-size:2.5rem}h4{height:60px;width:80%;text-align:center}h6{line-height:2rem}\n"] }]
|
|
40
|
+
args: [{ selector: 'bdc-card-content-image-and-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card-content\" #elemRef>\n <div class=\"item-data\">\n <img\n *ngIf=\"picture; else iconTemplate\"\n [imgLazy]=\"picture.FileId | picFieldSrc: 'ID':null:'':100:70\"\n height=\"70\"\n width=\"100\"\n [alt]=\"title | bbbTranslate\"\n />\n <ng-template #iconTemplate>\n <fd-icon #iconRef *ngIf=\"icon\" [glyph]=\"icon\" [style.color]=\"color\"> </fd-icon>\n </ng-template>\n </div>\n <h5 fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ title | bbbTranslate }}\n </h5>\n <h6 *ngIf=\"subtitle\" fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ subtitle | bbbTranslate }}\n </h6>\n</div>\n", styles: [":host{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;min-height:180px}:host:hover{opacity:.8}:host:hover{cursor:pointer}.card-content{display:flex;align-items:center;flex-direction:column;align-self:stretch;margin-top:auto;margin-bottom:auto;width:100%}.item-data{text-align:center}fd-icon{font-size:2.5rem}h4{height:60px;width:80%;text-align:center}h6{line-height:2rem}\n"] }]
|
|
41
41
|
}], propDecorators: { iconRef: [{
|
|
42
42
|
type: ViewChild,
|
|
43
43
|
args: ['iconRef', { static: false }]
|
|
@@ -48,4 +48,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
|
|
|
48
48
|
type: HostBinding,
|
|
49
49
|
args: ['style.color']
|
|
50
50
|
}] } });
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1jb250ZW50LWltYWdlLWFuZC10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1kZXZlbG9wLWNvbXBvbmVudHMvc3JjL2xpYi9jYXJkLWNvbnRlbnQtaW1hZ2UtYW5kLXRpdGxlL2NhcmQtY29udGVudC1pbWFnZS1hbmQtdGl0bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2EtZGV2ZWxvcC1jb21wb25lbnRzL3NyYy9saWIvY2FyZC1jb250ZW50LWltYWdlLWFuZC10aXRsZS9jYXJkLWNvbnRlbnQtaW1hZ2UtYW5kLXRpdGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRyxPQUFPLEVBQXdCLDZCQUE2QixFQUEyQixNQUFNLHNCQUFzQixDQUFDOzs7Ozs7QUFRcEgsTUFBTSxPQUFPLGlDQUNULFNBQVEsNkJBQXNEO0lBUGxFOztRQVkyQyxvQkFBZSxHQUFrQixJQUFJLENBQUM7UUFDakQsVUFBSyxHQUFrQixJQUFJLENBQUM7S0FrQzNEO0lBekJHLFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUNuQyxJQUFJLFVBQVUsSUFBSSxJQUFJLEVBQUU7WUFDcEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxHQUFHLFVBQVUsQ0FBQyxLQUFLLENBQUM7WUFDbEQsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsc0JBQXNCLEdBQUcsVUFBVSxDQUFDLGVBQWUsQ0FBQztZQUVoRixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7WUFDbEYsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxVQUFVLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQzlFLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUNwRixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7WUFFNUUsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7U0FDNUI7SUFDTCxDQUFDO0lBRU8saUJBQWlCO1FBQ3JCLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzVDLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUM7U0FDeEM7UUFFRCxJQUFJLElBQUksQ0FBQyxlQUFlLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ2hFLElBQUksQ0FBQyxlQUFlLEdBQUcsR0FBRyxHQUFHLElBQUksQ0FBQyxzQkFBc0IsQ0FBQztTQUM1RDtJQUNMLENBQUM7OzhIQXhDUSxpQ0FBaUM7a0hBQWpDLGlDQUFpQyw0U0NUOUMsdXdCQW9CQTsyRkRYYSxpQ0FBaUM7a0JBTjdDLFNBQVM7K0JBQ0ksa0NBQWtDLG1CQUczQix1QkFBdUIsQ0FBQyxNQUFNOzhCQU1OLE9BQU87c0JBQS9DLFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFFQSxlQUFlO3NCQUFyRCxXQUFXO3VCQUFDLHdCQUF3QjtnQkFDVCxLQUFLO3NCQUFoQyxXQUFXO3VCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdDaGlsZCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZpbGVQaWN0dXJlSW5mb01vZGVsLCBCYXNlSXRlbUNvbnRlbnRQcm9wc0NvbXBvbmVudCwgVWlSZXBvcnRWaWV3QmFzZVNldHRpbmcgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYmRjLWNhcmQtY29udGVudC1pbWFnZS1hbmQtdGl0bGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYXJkLWNvbnRlbnQtaW1hZ2UtYW5kLXRpdGxlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jYXJkLWNvbnRlbnQtaW1hZ2UtYW5kLXRpdGxlLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgQ2FyZENvbnRlbnRJbWFnZUFuZFRpdGxlQ29tcG9uZW50XG4gICAgZXh0ZW5kcyBCYXNlSXRlbUNvbnRlbnRQcm9wc0NvbXBvbmVudDxVaVJlcG9ydFZpZXdCYXNlU2V0dGluZz5cbiAgICBpbXBsZW1lbnRzIE9uSW5pdFxue1xuICAgIEBWaWV3Q2hpbGQoJ2ljb25SZWYnLCB7IHN0YXRpYzogZmFsc2UgfSkgaWNvblJlZjogRWxlbWVudFJlZjtcblxuICAgIEBIb3N0QmluZGluZygnc3R5bGUuYmFja2dyb3VuZC1jb2xvcicpIGJhY2tncm91bmRDb2xvcjogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5jb2xvcicpIGNvbG9yOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcblxuICAgIGJhY2tncm91bmRDb2xvclNldHRpbmc6IHN0cmluZztcbiAgICB0aXRsZTogc3RyaW5nO1xuICAgIHN1YnRpdGxlOiBzdHJpbmc7XG4gICAgaWNvbjogc3RyaW5nO1xuICAgIGNvbG9yU2V0dGluZzogc3RyaW5nO1xuICAgIHBpY3R1cmU6IEZpbGVQaWN0dXJlSW5mb01vZGVsO1xuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIGNvbnN0IHBhcmFtZXRlcnMgPSB0aGlzLnBhcmFtZXRlcnM7XG4gICAgICAgIGlmIChwYXJhbWV0ZXJzICE9IG51bGwpIHtcbiAgICAgICAgICAgIHRoaXMuY29sb3IgPSB0aGlzLmNvbG9yU2V0dGluZyA9IHBhcmFtZXRlcnMuQ29sb3I7XG4gICAgICAgICAgICB0aGlzLmJhY2tncm91bmRDb2xvciA9IHRoaXMuYmFja2dyb3VuZENvbG9yU2V0dGluZyA9IHBhcmFtZXRlcnMuQmFja2dyb3VuZENvbG9yO1xuXG4gICAgICAgICAgICB0aGlzLnBpY3R1cmUgPSB0aGlzLl9ydmFsLnRyYW5zZm9ybShwYXJhbWV0ZXJzLlBpY3R1cmUsIHRoaXMubW8sIHRoaXMuYWxsQ29sdW1ucyk7XG4gICAgICAgICAgICB0aGlzLnRpdGxlID0gdGhpcy5fcnZhbC50cmFuc2Zvcm0ocGFyYW1ldGVycy5UaXRsZSwgdGhpcy5tbywgdGhpcy5hbGxDb2x1bW5zKTtcbiAgICAgICAgICAgIHRoaXMuc3VidGl0bGUgPSB0aGlzLl9ydmFsLnRyYW5zZm9ybShwYXJhbWV0ZXJzLlN1YnRpdGxlLCB0aGlzLm1vLCB0aGlzLmFsbENvbHVtbnMpO1xuICAgICAgICAgICAgdGhpcy5pY29uID0gdGhpcy5fcnZhbC50cmFuc2Zvcm0ocGFyYW1ldGVycy5JY29uLCB0aGlzLm1vLCB0aGlzLmFsbENvbHVtbnMpO1xuXG4gICAgICAgICAgICB0aGlzLnByZXBhcmVOdW1iZXJTaWduKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIHByZXBhcmVOdW1iZXJTaWduKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5jb2xvciAmJiBOdW1iZXIodGhpcy5jb2xvclNldHRpbmdbMF0pKSB7XG4gICAgICAgICAgICB0aGlzLmNvbG9yID0gJyMnICsgdGhpcy5jb2xvclNldHRpbmc7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5iYWNrZ3JvdW5kQ29sb3IgJiYgTnVtYmVyKHRoaXMuYmFja2dyb3VuZENvbG9yU2V0dGluZ1swXSkpIHtcbiAgICAgICAgICAgIHRoaXMuYmFja2dyb3VuZENvbG9yID0gJyMnICsgdGhpcy5iYWNrZ3JvdW5kQ29sb3JTZXR0aW5nO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNhcmQtY29udGVudFwiICNlbGVtUmVmPlxuICAgIDxkaXYgY2xhc3M9XCJpdGVtLWRhdGFcIj5cbiAgICAgICAgPGltZ1xuICAgICAgICAgICAgKm5nSWY9XCJwaWN0dXJlOyBlbHNlIGljb25UZW1wbGF0ZVwiXG4gICAgICAgICAgICBbaW1nTGF6eV09XCJwaWN0dXJlLkZpbGVJZCB8IHBpY0ZpZWxkU3JjOiAnSUQnOm51bGw6Jyc6MTAwOjcwXCJcbiAgICAgICAgICAgIGhlaWdodD1cIjcwXCJcbiAgICAgICAgICAgIHdpZHRoPVwiMTAwXCJcbiAgICAgICAgICAgIFthbHRdPVwidGl0bGUgfCBiYmJUcmFuc2xhdGVcIlxuICAgICAgICAvPlxuICAgICAgICA8bmctdGVtcGxhdGUgI2ljb25UZW1wbGF0ZT5cbiAgICAgICAgICAgIDxmZC1pY29uICNpY29uUmVmICpuZ0lmPVwiaWNvblwiIFtnbHlwaF09XCJpY29uXCIgW3N0eWxlLmNvbG9yXT1cImNvbG9yXCI+IDwvZmQtaWNvbj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgICA8aDUgZmQtdGl0bGUgY2xhc3M9XCJpdGVtLWRhdGEgZmQtdGl0bGUtLXdyYXBcIiBbc3R5bGUuY29sb3JdPVwiY29sb3JcIj5cbiAgICAgICAge3sgdGl0bGUgfCBiYmJUcmFuc2xhdGUgfX1cbiAgICA8L2g1PlxuICAgIDxoNiAqbmdJZj1cInN1YnRpdGxlXCIgZmQtdGl0bGUgY2xhc3M9XCJpdGVtLWRhdGEgZmQtdGl0bGUtLXdyYXBcIiBbc3R5bGUuY29sb3JdPVwiY29sb3JcIj5cbiAgICAgICAge3sgc3VidGl0bGUgfCBiYmJUcmFuc2xhdGUgfX1cbiAgICA8L2g2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1227,10 +1227,10 @@ class CardContentImageAndTitleComponent extends BaseItemContentPropsComponent {
|
|
|
1227
1227
|
}
|
|
1228
1228
|
}
|
|
1229
1229
|
CardContentImageAndTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardContentImageAndTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1230
|
-
CardContentImageAndTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardContentImageAndTitleComponent, selector: "bdc-card-content-image-and-title", host: { properties: { "style.background-color": "this.backgroundColor", "style.color": "this.color" } }, viewQueries: [{ propertyName: "iconRef", first: true, predicate: ["iconRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"card-content\" #elemRef>\n <div class=\"item-data\">\n <img\n *ngIf=\"picture; else iconTemplate\"\n [imgLazy]=\"picture.FileId | picFieldSrc: 'ID':null:'':100:70\"\n height=\"70\"\n width=\"100\"\n [alt]=\"title\"\n />\n <ng-template #iconTemplate>\n <fd-icon #iconRef *ngIf=\"icon\" [glyph]=\"icon\" [style.color]=\"color\"> </fd-icon>\n </ng-template>\n </div>\n <h5 fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ title }}\n </h5>\n <h6 *ngIf=\"subtitle\" fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ subtitle }}\n </h6>\n</div>\n", styles: [":host{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;min-height:180px}:host:hover{opacity:.8}:host:hover{cursor:pointer}.card-content{display:flex;align-items:center;flex-direction:column;align-self:stretch;margin-top:auto;margin-bottom:auto;width:100%}.item-data{text-align:center}fd-icon{font-size:2.5rem}h4{height:60px;width:80%;text-align:center}h6{line-height:2rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { kind: "component", type: i8$1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4$3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1230
|
+
CardContentImageAndTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: CardContentImageAndTitleComponent, selector: "bdc-card-content-image-and-title", host: { properties: { "style.background-color": "this.backgroundColor", "style.color": "this.color" } }, viewQueries: [{ propertyName: "iconRef", first: true, predicate: ["iconRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"card-content\" #elemRef>\n <div class=\"item-data\">\n <img\n *ngIf=\"picture; else iconTemplate\"\n [imgLazy]=\"picture.FileId | picFieldSrc: 'ID':null:'':100:70\"\n height=\"70\"\n width=\"100\"\n [alt]=\"title | bbbTranslate\"\n />\n <ng-template #iconTemplate>\n <fd-icon #iconRef *ngIf=\"icon\" [glyph]=\"icon\" [style.color]=\"color\"> </fd-icon>\n </ng-template>\n </div>\n <h5 fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ title | bbbTranslate }}\n </h5>\n <h6 *ngIf=\"subtitle\" fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ subtitle | bbbTranslate }}\n </h6>\n</div>\n", styles: [":host{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;min-height:180px}:host:hover{opacity:.8}:host:hover{cursor:pointer}.card-content{display:flex;align-items:center;flex-direction:column;align-self:stretch;margin-top:auto;margin-bottom:auto;width:100%}.item-data{text-align:center}fd-icon{font-size:2.5rem}h4{height:60px;width:80%;text-align:center}h6{line-height:2rem}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.ImageLazyDirective, selector: "[imgLazy]", inputs: ["auto", "threshold", "imgLazy"], outputs: ["imageLoaded"] }, { kind: "component", type: i8$1.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "component", type: i4$3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1231
1231
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardContentImageAndTitleComponent, decorators: [{
|
|
1232
1232
|
type: Component,
|
|
1233
|
-
args: [{ selector: 'bdc-card-content-image-and-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card-content\" #elemRef>\n <div class=\"item-data\">\n <img\n *ngIf=\"picture; else iconTemplate\"\n [imgLazy]=\"picture.FileId | picFieldSrc: 'ID':null:'':100:70\"\n height=\"70\"\n width=\"100\"\n [alt]=\"title\"\n />\n <ng-template #iconTemplate>\n <fd-icon #iconRef *ngIf=\"icon\" [glyph]=\"icon\" [style.color]=\"color\"> </fd-icon>\n </ng-template>\n </div>\n <h5 fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ title }}\n </h5>\n <h6 *ngIf=\"subtitle\" fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ subtitle }}\n </h6>\n</div>\n", styles: [":host{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;min-height:180px}:host:hover{opacity:.8}:host:hover{cursor:pointer}.card-content{display:flex;align-items:center;flex-direction:column;align-self:stretch;margin-top:auto;margin-bottom:auto;width:100%}.item-data{text-align:center}fd-icon{font-size:2.5rem}h4{height:60px;width:80%;text-align:center}h6{line-height:2rem}\n"] }]
|
|
1233
|
+
args: [{ selector: 'bdc-card-content-image-and-title', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"card-content\" #elemRef>\n <div class=\"item-data\">\n <img\n *ngIf=\"picture; else iconTemplate\"\n [imgLazy]=\"picture.FileId | picFieldSrc: 'ID':null:'':100:70\"\n height=\"70\"\n width=\"100\"\n [alt]=\"title | bbbTranslate\"\n />\n <ng-template #iconTemplate>\n <fd-icon #iconRef *ngIf=\"icon\" [glyph]=\"icon\" [style.color]=\"color\"> </fd-icon>\n </ng-template>\n </div>\n <h5 fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ title | bbbTranslate }}\n </h5>\n <h6 *ngIf=\"subtitle\" fd-title class=\"item-data fd-title--wrap\" [style.color]=\"color\">\n {{ subtitle | bbbTranslate }}\n </h6>\n</div>\n", styles: [":host{display:flex;justify-content:center;align-items:stretch;height:100%;width:100%;min-height:180px}:host:hover{opacity:.8}:host:hover{cursor:pointer}.card-content{display:flex;align-items:center;flex-direction:column;align-self:stretch;margin-top:auto;margin-bottom:auto;width:100%}.item-data{text-align:center}fd-icon{font-size:2.5rem}h4{height:60px;width:80%;text-align:center}h6{line-height:2rem}\n"] }]
|
|
1234
1234
|
}], propDecorators: { iconRef: [{
|
|
1235
1235
|
type: ViewChild,
|
|
1236
1236
|
args: ['iconRef', { static: false }]
|