barsa-develop-components 1.0.375 → 1.0.376
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/form-content-quick-view/form-content-quick-view.component.mjs +4 -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
|
@@ -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 {
|