barsa-develop-components 2.0.95 → 2.0.98
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.
|
@@ -20,10 +20,10 @@ export class AvatarComponent extends BaseItemContentPropsComponent {
|
|
|
20
20
|
this.pictureId = this.mo[this.parameters.FieldName]?.FileId;
|
|
21
21
|
}
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: AvatarComponent, selector: "bdc-avatar", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-card>\n <fd-card-header>\n <fd-card-main-header>\n <fd-avatar\n [placeholder]=\"!mo[parameters.FieldName]\"\n [size]=\"'xs'\"\n [glyph]=\"parameters.DefaultIcon || null\"\n [circle]=\"parameters.Circle\"\n [placeHolder]=\"parameters.DefaultIcon!!\"\n [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\n alterIcon=\"alt|content|backup|default-icon\"\n ></fd-avatar>\n <h2 fd-card-title nowraptext width=\"90%\">\n {{ column.Name | val: mo:true | bbbTranslate }}\n </h2>\n <h3 fd-card-subtitle nowraptext>{{ parameters.Subtitle | rval: mo:allColumns:true | bbbTranslate }}</h3>\n </fd-card-main-header>\n </fd-card-header>\n</fd-card>\n", styles: [":host{display:flex;align-items:flex-start;column-gap:5px;padding:3px 0}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card-header ::ng-deep .fd-card__header-main{background:transparent!important;padding:.2rem 0!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.PlaceHolderDirective, selector: "[placeHolder]", inputs: ["placeHolder"] }, { kind: "directive", type: i1.NowraptextDirective, selector: "[nowraptext]", inputs: ["width"] }, { kind: "component", type: i2.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i3.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "pipe", type: i1.MoValuePipe, name: "val" }, { kind: "pipe", type: i1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: AvatarComponent, selector: "bdc-avatar", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-card>\n <fd-card-header>\n <fd-card-main-header>\n <fd-avatar\n [placeholder]=\"!mo[parameters.FieldName]\"\n [size]=\"'xs'\"\n [glyph]=\"parameters.DefaultIcon || null\"\n [circle]=\"parameters.Circle\"\n [placeHolder]=\"parameters.DefaultIcon!!\"\n [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\n alterIcon=\"alt|content|backup|default-icon\"\n ></fd-avatar>\n <h2 fd-card-title nowraptext width=\"90%\">\n {{ column.Name | val: mo:true | bbbTranslate }}\n </h2>\n <h3 fd-card-subtitle nowraptext>{{ parameters.Subtitle | rval: mo:allColumns:true | bbbTranslate }}</h3>\n </fd-card-main-header>\n </fd-card-header>\n</fd-card>\n", styles: [":host{display:flex;align-items:flex-start;column-gap:5px;padding:3px 0;width:100%}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card-header ::ng-deep .fd-card__header-main{background:transparent!important;padding:.2rem 0!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.PlaceHolderDirective, selector: "[placeHolder]", inputs: ["placeHolder"] }, { kind: "directive", type: i1.NowraptextDirective, selector: "[nowraptext]", inputs: ["width"] }, { kind: "component", type: i2.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i3.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "pipe", type: i1.MoValuePipe, name: "val" }, { kind: "pipe", type: i1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
|
-
args: [{ selector: 'bdc-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card>\n <fd-card-header>\n <fd-card-main-header>\n <fd-avatar\n [placeholder]=\"!mo[parameters.FieldName]\"\n [size]=\"'xs'\"\n [glyph]=\"parameters.DefaultIcon || null\"\n [circle]=\"parameters.Circle\"\n [placeHolder]=\"parameters.DefaultIcon!!\"\n [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\n alterIcon=\"alt|content|backup|default-icon\"\n ></fd-avatar>\n <h2 fd-card-title nowraptext width=\"90%\">\n {{ column.Name | val: mo:true | bbbTranslate }}\n </h2>\n <h3 fd-card-subtitle nowraptext>{{ parameters.Subtitle | rval: mo:allColumns:true | bbbTranslate }}</h3>\n </fd-card-main-header>\n </fd-card-header>\n</fd-card>\n", styles: [":host{display:flex;align-items:flex-start;column-gap:5px;padding:3px 0}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card-header ::ng-deep .fd-card__header-main{background:transparent!important;padding:.2rem 0!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"] }]
|
|
27
|
+
args: [{ selector: 'bdc-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card>\n <fd-card-header>\n <fd-card-main-header>\n <fd-avatar\n [placeholder]=\"!mo[parameters.FieldName]\"\n [size]=\"'xs'\"\n [glyph]=\"parameters.DefaultIcon || null\"\n [circle]=\"parameters.Circle\"\n [placeHolder]=\"parameters.DefaultIcon!!\"\n [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\n alterIcon=\"alt|content|backup|default-icon\"\n ></fd-avatar>\n <h2 fd-card-title nowraptext width=\"90%\">\n {{ column.Name | val: mo:true | bbbTranslate }}\n </h2>\n <h3 fd-card-subtitle nowraptext>{{ parameters.Subtitle | rval: mo:allColumns:true | bbbTranslate }}</h3>\n </fd-card-main-header>\n </fd-card-header>\n</fd-card>\n", styles: [":host{display:flex;align-items:flex-start;column-gap:5px;padding:3px 0;width:100%}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card-header ::ng-deep .fd-card__header-main{background:transparent!important;padding:.2rem 0!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"] }]
|
|
28
28
|
}] });
|
|
29
29
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLWRldmVsb3AtY29tcG9uZW50cy9zcmMvbGliL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2EtZGV2ZWxvcC1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyL2F2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLHVCQUF1QixFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUMxRixPQUFPLEVBQUUsNkJBQTZCLEVBQWdELE1BQU0sc0JBQXNCLENBQUM7Ozs7O0FBUW5ILE1BQU0sT0FBTyxlQUFnQixTQUFRLDZCQUFzRDtJQUd2RixRQUFRO1FBQ0osS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFDRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsTUFBTSxFQUFFLEVBQUUsRUFBRSxHQUFHLE9BQU8sQ0FBQztRQUN2QixJQUFJLEVBQUUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsQ0FBQztZQUNoQyxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQzlCLENBQUM7SUFDTCxDQUFDO0lBQ1MsU0FBUyxDQUFDLEVBQXVCO1FBQ3ZDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxFQUFFLE1BQU0sQ0FBQztJQUNoRSxDQUFDOzhHQWhCUSxlQUFlO2tHQUFmLGVBQWUsOEZDVDVCLHEzQkFtQkE7OzJGRFZhLGVBQWU7a0JBTjNCLFNBQVM7K0JBQ0ksWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJhc2VJdGVtQ29udGVudFByb3BzQ29tcG9uZW50LCBVaVJlcG9ydFZpZXdCYXNlU2V0dGluZywgTWV0YW9iamVjdERhdGFNb2RlbCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdiZGMtYXZhdGFyJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vYXZhdGFyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQXZhdGFyQ29tcG9uZW50IGV4dGVuZHMgQmFzZUl0ZW1Db250ZW50UHJvcHNDb21wb25lbnQ8VWlSZXBvcnRWaWV3QmFzZVNldHRpbmc+IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIHBpY3R1cmVJZDogc3RyaW5nO1xyXG4gICAgc3VidGl0bGU6IHN0cmluZztcclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgICAgICAgdGhpcy5fc2V0UHJvcHModGhpcy5tbyk7XHJcbiAgICB9XHJcbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICAgICAgY29uc3QgeyBtbyB9ID0gY2hhbmdlcztcclxuICAgICAgICBpZiAobW8gJiYgIW1vLmZpcnN0Q2hhbmdlKSB7XHJcbiAgICAgICAgICAgIHRoaXMuX3NldFByb3BzKG1vLmN1cnJlbnRWYWx1ZSk7XHJcbiAgICAgICAgICAgIHRoaXMuX2Nkci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgcHJvdGVjdGVkIF9zZXRQcm9wcyhtbzogTWV0YW9iamVjdERhdGFNb2RlbCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMucGljdHVyZUlkID0gdGhpcy5tb1t0aGlzLnBhcmFtZXRlcnMuRmllbGROYW1lXT8uRmlsZUlkO1xyXG4gICAgfVxyXG59XHJcbiIsIjxmZC1jYXJkPlxuICAgIDxmZC1jYXJkLWhlYWRlcj5cbiAgICAgICAgPGZkLWNhcmQtbWFpbi1oZWFkZXI+XG4gICAgICAgICAgICA8ZmQtYXZhdGFyXG4gICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cIiFtb1twYXJhbWV0ZXJzLkZpZWxkTmFtZV1cIlxuICAgICAgICAgICAgICAgIFtzaXplXT1cIid4cydcIlxuICAgICAgICAgICAgICAgIFtnbHlwaF09XCJwYXJhbWV0ZXJzLkRlZmF1bHRJY29uIHx8IG51bGxcIlxuICAgICAgICAgICAgICAgIFtjaXJjbGVdPVwicGFyYW1ldGVycy5DaXJjbGVcIlxuICAgICAgICAgICAgICAgIFtwbGFjZUhvbGRlcl09XCJwYXJhbWV0ZXJzLkRlZmF1bHRJY29uISFcIlxuICAgICAgICAgICAgICAgIFtpbWFnZV09XCJwaWN0dXJlSWQgPyAocGljdHVyZUlkIHwgcGljRmllbGRTcmM6ICdQaWN0dXJlRmlsZUluZm8nOm1vLklkOmNvbHVtbi5GaWVsZERlZklkKSA6IG51bGxcIlxuICAgICAgICAgICAgICAgIGFsdGVySWNvbj1cImFsdHxjb250ZW50fGJhY2t1cHxkZWZhdWx0LWljb25cIlxuICAgICAgICAgICAgPjwvZmQtYXZhdGFyPlxuICAgICAgICAgICAgPGgyIGZkLWNhcmQtdGl0bGUgbm93cmFwdGV4dCB3aWR0aD1cIjkwJVwiPlxuICAgICAgICAgICAgICAgIHt7IGNvbHVtbi5OYW1lIHwgdmFsOiBtbzp0cnVlIHwgYmJiVHJhbnNsYXRlIH19XG4gICAgICAgICAgICA8L2gyPlxuICAgICAgICAgICAgPGgzIGZkLWNhcmQtc3VidGl0bGUgbm93cmFwdGV4dD57eyBwYXJhbWV0ZXJzLlN1YnRpdGxlIHwgcnZhbDogbW86YWxsQ29sdW1uczp0cnVlIHwgYmJiVHJhbnNsYXRlIH19PC9oMz5cbiAgICAgICAgPC9mZC1jYXJkLW1haW4taGVhZGVyPlxuICAgIDwvZmQtY2FyZC1oZWFkZXI+XG48L2ZkLWNhcmQ+XG4iXX0=
|
|
@@ -2042,11 +2042,11 @@ class AvatarComponent extends BaseItemContentPropsComponent {
|
|
|
2042
2042
|
this.pictureId = this.mo[this.parameters.FieldName]?.FileId;
|
|
2043
2043
|
}
|
|
2044
2044
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2045
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: AvatarComponent, selector: "bdc-avatar", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-card>\n <fd-card-header>\n <fd-card-main-header>\n <fd-avatar\n [placeholder]=\"!mo[parameters.FieldName]\"\n [size]=\"'xs'\"\n [glyph]=\"parameters.DefaultIcon || null\"\n [circle]=\"parameters.Circle\"\n [placeHolder]=\"parameters.DefaultIcon!!\"\n [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\n alterIcon=\"alt|content|backup|default-icon\"\n ></fd-avatar>\n <h2 fd-card-title nowraptext width=\"90%\">\n {{ column.Name | val: mo:true | bbbTranslate }}\n </h2>\n <h3 fd-card-subtitle nowraptext>{{ parameters.Subtitle | rval: mo:allColumns:true | bbbTranslate }}</h3>\n </fd-card-main-header>\n </fd-card-header>\n</fd-card>\n", styles: [":host{display:flex;align-items:flex-start;column-gap:5px;padding:3px 0}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card-header ::ng-deep .fd-card__header-main{background:transparent!important;padding:.2rem 0!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$1.PlaceHolderDirective, selector: "[placeHolder]", inputs: ["placeHolder"] }, { kind: "directive", type: i1$1.NowraptextDirective, selector: "[nowraptext]", inputs: ["width"] }, { kind: "component", type: i3$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4$3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i4$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i4$3.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i4$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "pipe", type: i1$1.MoValuePipe, name: "val" }, { kind: "pipe", type: i1$1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2045
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: AvatarComponent, selector: "bdc-avatar", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-card>\n <fd-card-header>\n <fd-card-main-header>\n <fd-avatar\n [placeholder]=\"!mo[parameters.FieldName]\"\n [size]=\"'xs'\"\n [glyph]=\"parameters.DefaultIcon || null\"\n [circle]=\"parameters.Circle\"\n [placeHolder]=\"parameters.DefaultIcon!!\"\n [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\n alterIcon=\"alt|content|backup|default-icon\"\n ></fd-avatar>\n <h2 fd-card-title nowraptext width=\"90%\">\n {{ column.Name | val: mo:true | bbbTranslate }}\n </h2>\n <h3 fd-card-subtitle nowraptext>{{ parameters.Subtitle | rval: mo:allColumns:true | bbbTranslate }}</h3>\n </fd-card-main-header>\n </fd-card-header>\n</fd-card>\n", styles: [":host{display:flex;align-items:flex-start;column-gap:5px;padding:3px 0;width:100%}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card-header ::ng-deep .fd-card__header-main{background:transparent!important;padding:.2rem 0!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$1.PlaceHolderDirective, selector: "[placeHolder]", inputs: ["placeHolder"] }, { kind: "directive", type: i1$1.NowraptextDirective, selector: "[nowraptext]", inputs: ["width"] }, { kind: "component", type: i3$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4$3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i4$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i4$3.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i4$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "pipe", type: i1$1.MoValuePipe, name: "val" }, { kind: "pipe", type: i1$1.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2046
2046
|
}
|
|
2047
2047
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
2048
2048
|
type: Component,
|
|
2049
|
-
args: [{ selector: 'bdc-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card>\n <fd-card-header>\n <fd-card-main-header>\n <fd-avatar\n [placeholder]=\"!mo[parameters.FieldName]\"\n [size]=\"'xs'\"\n [glyph]=\"parameters.DefaultIcon || null\"\n [circle]=\"parameters.Circle\"\n [placeHolder]=\"parameters.DefaultIcon!!\"\n [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\n alterIcon=\"alt|content|backup|default-icon\"\n ></fd-avatar>\n <h2 fd-card-title nowraptext width=\"90%\">\n {{ column.Name | val: mo:true | bbbTranslate }}\n </h2>\n <h3 fd-card-subtitle nowraptext>{{ parameters.Subtitle | rval: mo:allColumns:true | bbbTranslate }}</h3>\n </fd-card-main-header>\n </fd-card-header>\n</fd-card>\n", styles: [":host{display:flex;align-items:flex-start;column-gap:5px;padding:3px 0}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card-header ::ng-deep .fd-card__header-main{background:transparent!important;padding:.2rem 0!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"] }]
|
|
2049
|
+
args: [{ selector: 'bdc-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-card>\n <fd-card-header>\n <fd-card-main-header>\n <fd-avatar\n [placeholder]=\"!mo[parameters.FieldName]\"\n [size]=\"'xs'\"\n [glyph]=\"parameters.DefaultIcon || null\"\n [circle]=\"parameters.Circle\"\n [placeHolder]=\"parameters.DefaultIcon!!\"\n [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\n alterIcon=\"alt|content|backup|default-icon\"\n ></fd-avatar>\n <h2 fd-card-title nowraptext width=\"90%\">\n {{ column.Name | val: mo:true | bbbTranslate }}\n </h2>\n <h3 fd-card-subtitle nowraptext>{{ parameters.Subtitle | rval: mo:allColumns:true | bbbTranslate }}</h3>\n </fd-card-main-header>\n </fd-card-header>\n</fd-card>\n", styles: [":host{display:flex;align-items:flex-start;column-gap:5px;padding:3px 0;width:100%}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card-header ::ng-deep .fd-card__header-main{background:transparent!important;padding:.2rem 0!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"] }]
|
|
2050
2050
|
}] });
|
|
2051
2051
|
|
|
2052
2052
|
class G4bEstelamComponent extends BaseItemContentPropsComponent {
|