barsa-develop-components 1.0.375 → 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/esm2020/lib/form-content-quick-view/form-content-quick-view.component.mjs +4 -3
- package/fesm2015/barsa-develop-components.mjs +4 -4
- package/fesm2015/barsa-develop-components.mjs.map +1 -1
- package/fesm2020/barsa-develop-components.mjs +4 -4
- package/fesm2020/barsa-develop-components.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1210,10 +1210,10 @@ class CardContentImageAndTitleComponent extends BaseItemContentPropsComponent {
|
|
|
1210
1210
|
}
|
|
1211
1211
|
}
|
|
1212
1212
|
CardContentImageAndTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardContentImageAndTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1213
|
-
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 });
|
|
1213
|
+
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 });
|
|
1214
1214
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: CardContentImageAndTitleComponent, decorators: [{
|
|
1215
1215
|
type: Component,
|
|
1216
|
-
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"] }]
|
|
1216
|
+
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"] }]
|
|
1217
1217
|
}], propDecorators: { iconRef: [{
|
|
1218
1218
|
type: ViewChild,
|
|
1219
1219
|
args: ['iconRef', { static: false }]
|
|
@@ -1348,10 +1348,10 @@ class FormContentQuickViewComponent extends FormPropsBaseComponent {
|
|
|
1348
1348
|
}
|
|
1349
1349
|
}
|
|
1350
1350
|
FormContentQuickViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormContentQuickViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1351
|
-
FormContentQuickViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormContentQuickViewComponent, selector: "bdc-form-content-quick-view", usesInheritance: true, ngImport: i0, template: "<fd-quick-view>\n <fd-quick-view-subheader>\n <fd-avatar\n title=\"avatar\"\n [glyph]=\"fontIcon\"\n [image]=\"imageUrl\"\n [size]=\"'s'\"\n [border]=\"settings.ShowLogoBorder\"\n [transparent]=\"settings.TransparentLogo\"\n [colorAccent]=\"settings.AccentColor\"\n ></fd-avatar>\n <fd-quick-view-subheader-title>\n {{ title }}\n </fd-quick-view-subheader-title>\n <fd-quick-view-subheader-subtitle>\n {{ subtitle }}\n </fd-quick-view-subheader-subtitle>\n </fd-quick-view-subheader>\n\n <fd-quick-view-group *ngFor=\"let group of groups | keyvalue\" [attr.aria-labelledby]=\"group.key\">\n <fd-quick-view-group-title [id]=\"group.key\">\n {{ group.key }}\n </fd-quick-view-group-title>\n <fd-quick-view-group-item *ngFor=\"let item of group.value\">\n <fd-quick-view-group-item-label>\n {{ item.caption }}\n </fd-quick-view-group-item-label>\n <fd-quick-view-group-item-content>\n <ng-container [ngSwitch]=\"item.type\">\n <ng-container *ngSwitchCase=\"6\">\n <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n <a\n *ngFor=\"let website of item.value\"\n [href]=\"website\"\n [innerText]=\"website\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n </div>\n </ng-container>\n <a\n *ngSwitchCase=\"0\"\n [href]=\"item.value\"\n [innerText]=\"item.value\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n <a\n *ngSwitchCase=\"1\"\n [href]=\"'tel:' + item.value\"\n [innerText]=\"item.value\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n <ng-container *ngSwitchCase=\"4\">\n <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n <a\n *ngFor=\"let tel of item.value\"\n [href]=\"'tel:' + tel\"\n [innerText]=\"tel\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"5\">\n <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n <a\n *ngFor=\"let email of item.value\"\n style=\"direction: ltr; font-family: monospace\"\n [href]=\"'mailto:' + email\"\n [innerText]=\"email\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n </div>\n </ng-container>\n <a\n style=\"direction: ltr; font-family: monospace\"\n *ngSwitchCase=\"2\"\n [href]=\"'mailto:' + item.value\"\n [innerText]=\"item.value\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n <div
|
|
1351
|
+
FormContentQuickViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: FormContentQuickViewComponent, selector: "bdc-form-content-quick-view", usesInheritance: true, ngImport: i0, template: "<fd-quick-view>\n <fd-quick-view-subheader>\n <fd-avatar\n title=\"avatar\"\n [glyph]=\"fontIcon\"\n [image]=\"imageUrl\"\n [size]=\"'s'\"\n [border]=\"settings.ShowLogoBorder\"\n [transparent]=\"settings.TransparentLogo\"\n [colorAccent]=\"settings.AccentColor\"\n ></fd-avatar>\n <fd-quick-view-subheader-title>\n {{ title | bbbTranslate }}\n </fd-quick-view-subheader-title>\n <fd-quick-view-subheader-subtitle>\n {{ subtitle | bbbTranslate }}\n </fd-quick-view-subheader-subtitle>\n </fd-quick-view-subheader>\n\n <fd-quick-view-group *ngFor=\"let group of groups | keyvalue\" [attr.aria-labelledby]=\"group.key\">\n <fd-quick-view-group-title [id]=\"group.key\">\n {{ group.key | bbbTranslate }}\n </fd-quick-view-group-title>\n <fd-quick-view-group-item *ngFor=\"let item of group.value\">\n <fd-quick-view-group-item-label>\n {{ item.caption | bbbTranslate }}\n </fd-quick-view-group-item-label>\n <fd-quick-view-group-item-content>\n <ng-container [ngSwitch]=\"item.type\">\n <ng-container *ngSwitchCase=\"6\">\n <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n <a\n *ngFor=\"let website of item.value\"\n [href]=\"website\"\n [innerText]=\"website | bbbTranslate\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n </div>\n </ng-container>\n <a\n *ngSwitchCase=\"0\"\n [href]=\"item.value\"\n [innerText]=\"item.value | bbbTranslate\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n <a\n *ngSwitchCase=\"1\"\n [href]=\"'tel:' + item.value\"\n [innerText]=\"item.value | bbbTranslate\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n <ng-container *ngSwitchCase=\"4\">\n <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n <a\n *ngFor=\"let tel of item.value\"\n [href]=\"'tel:' + tel\"\n [innerText]=\"tel\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"5\">\n <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n <a\n *ngFor=\"let email of item.value\"\n style=\"direction: ltr; font-family: monospace\"\n [href]=\"'mailto:' + email\"\n [innerText]=\"email\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n </div>\n </ng-container>\n <a\n style=\"direction: ltr; font-family: monospace\"\n *ngSwitchCase=\"2\"\n [href]=\"'mailto:' + item.value\"\n [innerText]=\"item.value\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n <div\n *ngSwitchDefault\n [innerText]=\"item.value | bbbTranslate\"\n fd-quick-view-group-item-content-element\n ></div>\n </ng-container>\n </fd-quick-view-group-item-content>\n </fd-quick-view-group-item>\n </fd-quick-view-group>\n</fd-quick-view>\n", styles: [":host{display:block;background-color:var(--sapField_Background)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i4$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4$4.LinkComponent, selector: "[fdLink], [fd-link], [fd-breadcrumb-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i4$5.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i4$5.QuickViewSubheaderComponent, selector: "fd-quick-view-subheader" }, { kind: "component", type: i4$5.QuickViewSubheaderTitleComponent, selector: "fd-quick-view-subheader-title" }, { kind: "component", type: i4$5.QuickViewSubheaderSubtitleComponent, selector: "fd-quick-view-subheader-subtitle" }, { kind: "component", type: i4$5.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i4$5.QuickViewGroupTitleComponent, selector: "fd-quick-view-group-title", inputs: ["id"] }, { kind: "component", type: i4$5.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i4$5.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i4$5.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "directive", type: i4$5.QuickViewGroupItemContentElementDirective, selector: "[fd-quick-view-group-item-content-element]" }, { kind: "pipe", type: i1$1.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1352
1352
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormContentQuickViewComponent, decorators: [{
|
|
1353
1353
|
type: Component,
|
|
1354
|
-
args: [{ selector: 'bdc-form-content-quick-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-quick-view>\n <fd-quick-view-subheader>\n <fd-avatar\n title=\"avatar\"\n [glyph]=\"fontIcon\"\n [image]=\"imageUrl\"\n [size]=\"'s'\"\n [border]=\"settings.ShowLogoBorder\"\n [transparent]=\"settings.TransparentLogo\"\n [colorAccent]=\"settings.AccentColor\"\n ></fd-avatar>\n <fd-quick-view-subheader-title>\n {{ title }}\n </fd-quick-view-subheader-title>\n <fd-quick-view-subheader-subtitle>\n {{ subtitle }}\n </fd-quick-view-subheader-subtitle>\n </fd-quick-view-subheader>\n\n <fd-quick-view-group *ngFor=\"let group of groups | keyvalue\" [attr.aria-labelledby]=\"group.key\">\n <fd-quick-view-group-title [id]=\"group.key\">\n {{ group.key }}\n </fd-quick-view-group-title>\n <fd-quick-view-group-item *ngFor=\"let item of group.value\">\n <fd-quick-view-group-item-label>\n {{ item.caption }}\n </fd-quick-view-group-item-label>\n <fd-quick-view-group-item-content>\n <ng-container [ngSwitch]=\"item.type\">\n <ng-container *ngSwitchCase=\"6\">\n <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n <a\n *ngFor=\"let website of item.value\"\n [href]=\"website\"\n [innerText]=\"website\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n </div>\n </ng-container>\n <a\n *ngSwitchCase=\"0\"\n [href]=\"item.value\"\n [innerText]=\"item.value\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n <a\n *ngSwitchCase=\"1\"\n [href]=\"'tel:' + item.value\"\n [innerText]=\"item.value\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n <ng-container *ngSwitchCase=\"4\">\n <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n <a\n *ngFor=\"let tel of item.value\"\n [href]=\"'tel:' + tel\"\n [innerText]=\"tel\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"5\">\n <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n <a\n *ngFor=\"let email of item.value\"\n style=\"direction: ltr; font-family: monospace\"\n [href]=\"'mailto:' + email\"\n [innerText]=\"email\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n </div>\n </ng-container>\n <a\n style=\"direction: ltr; font-family: monospace\"\n *ngSwitchCase=\"2\"\n [href]=\"'mailto:' + item.value\"\n [innerText]=\"item.value\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n <div
|
|
1354
|
+
args: [{ selector: 'bdc-form-content-quick-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-quick-view>\n <fd-quick-view-subheader>\n <fd-avatar\n title=\"avatar\"\n [glyph]=\"fontIcon\"\n [image]=\"imageUrl\"\n [size]=\"'s'\"\n [border]=\"settings.ShowLogoBorder\"\n [transparent]=\"settings.TransparentLogo\"\n [colorAccent]=\"settings.AccentColor\"\n ></fd-avatar>\n <fd-quick-view-subheader-title>\n {{ title | bbbTranslate }}\n </fd-quick-view-subheader-title>\n <fd-quick-view-subheader-subtitle>\n {{ subtitle | bbbTranslate }}\n </fd-quick-view-subheader-subtitle>\n </fd-quick-view-subheader>\n\n <fd-quick-view-group *ngFor=\"let group of groups | keyvalue\" [attr.aria-labelledby]=\"group.key\">\n <fd-quick-view-group-title [id]=\"group.key\">\n {{ group.key | bbbTranslate }}\n </fd-quick-view-group-title>\n <fd-quick-view-group-item *ngFor=\"let item of group.value\">\n <fd-quick-view-group-item-label>\n {{ item.caption | bbbTranslate }}\n </fd-quick-view-group-item-label>\n <fd-quick-view-group-item-content>\n <ng-container [ngSwitch]=\"item.type\">\n <ng-container *ngSwitchCase=\"6\">\n <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n <a\n *ngFor=\"let website of item.value\"\n [href]=\"website\"\n [innerText]=\"website | bbbTranslate\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n </div>\n </ng-container>\n <a\n *ngSwitchCase=\"0\"\n [href]=\"item.value\"\n [innerText]=\"item.value | bbbTranslate\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n <a\n *ngSwitchCase=\"1\"\n [href]=\"'tel:' + item.value\"\n [innerText]=\"item.value | bbbTranslate\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n <ng-container *ngSwitchCase=\"4\">\n <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n <a\n *ngFor=\"let tel of item.value\"\n [href]=\"'tel:' + tel\"\n [innerText]=\"tel\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n </div>\n </ng-container>\n <ng-container *ngSwitchCase=\"5\">\n <div style=\"display: flex; flex-direction: column; row-gap: 3px\">\n <a\n *ngFor=\"let email of item.value\"\n style=\"direction: ltr; font-family: monospace\"\n [href]=\"'mailto:' + email\"\n [innerText]=\"email\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n </div>\n </ng-container>\n <a\n style=\"direction: ltr; font-family: monospace\"\n *ngSwitchCase=\"2\"\n [href]=\"'mailto:' + item.value\"\n [innerText]=\"item.value\"\n fd-link\n fd-quick-view-group-item-content-element\n ></a>\n <div\n *ngSwitchDefault\n [innerText]=\"item.value | bbbTranslate\"\n fd-quick-view-group-item-content-element\n ></div>\n </ng-container>\n </fd-quick-view-group-item-content>\n </fd-quick-view-group-item>\n </fd-quick-view-group>\n</fd-quick-view>\n", styles: [":host{display:block;background-color:var(--sapField_Background)}\n"] }]
|
|
1355
1355
|
}] });
|
|
1356
1356
|
|
|
1357
1357
|
class ServiceDeskServcieDetailComponent extends FormPropsBaseComponent {
|