barsa-develop-components 1.0.307 → 1.0.308
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 +48 -7
- package/esm2020/lib/table-view-vertical-columns/table-view-vertical-columns.component.mjs +3 -3
- package/fesm2015/barsa-develop-components.mjs +49 -8
- package/fesm2015/barsa-develop-components.mjs.map +1 -1
- package/fesm2020/barsa-develop-components.mjs +49 -8
- package/fesm2020/barsa-develop-components.mjs.map +1 -1
- package/lib/form-content-quick-view/form-content-quick-view.component.d.ts +4 -0
- package/package.json +1 -1
|
@@ -1289,32 +1289,73 @@ class FormContentQuickViewComponent extends FormPropsBaseComponent {
|
|
|
1289
1289
|
caption: d,
|
|
1290
1290
|
fieldUi: this._controlUiPipe.transform(d, this.layout94)
|
|
1291
1291
|
}))
|
|
1292
|
-
.map((d) => ({ ...d, value: d.fieldUi?.FieldUi?.value }))
|
|
1292
|
+
.map((d) => ({ ...d, value: this.getFieldValue(d.fieldUi?.FieldUi?.value) }))
|
|
1293
1293
|
.map((d) => ({ ...d, type: this.getFieldType(d.value) }));
|
|
1294
1294
|
});
|
|
1295
1295
|
}
|
|
1296
1296
|
this.groups = groups;
|
|
1297
1297
|
}
|
|
1298
|
+
getFieldValue(value) {
|
|
1299
|
+
if (!value) {
|
|
1300
|
+
return value;
|
|
1301
|
+
}
|
|
1302
|
+
const t = value.toString();
|
|
1303
|
+
if (t.indexOf(',') > -1) {
|
|
1304
|
+
return t.split(',');
|
|
1305
|
+
}
|
|
1306
|
+
return value;
|
|
1307
|
+
}
|
|
1308
|
+
getIsPhone(value) {
|
|
1309
|
+
if (value.startsWith('0') || (value.startsWith('+') && !Number.isNaN(value.substring(1, value.length)))) {
|
|
1310
|
+
return true;
|
|
1311
|
+
}
|
|
1312
|
+
return false;
|
|
1313
|
+
}
|
|
1314
|
+
getIsEmail(value) {
|
|
1315
|
+
if (value.indexOf('@') > -1) {
|
|
1316
|
+
return true;
|
|
1317
|
+
}
|
|
1318
|
+
return false;
|
|
1319
|
+
}
|
|
1320
|
+
getIsWebsite(value) {
|
|
1321
|
+
if (value.startsWith('http') || value.startsWith('https')) {
|
|
1322
|
+
return true;
|
|
1323
|
+
}
|
|
1324
|
+
return false;
|
|
1325
|
+
}
|
|
1298
1326
|
getFieldType(value) {
|
|
1299
1327
|
if (typeof value === 'string') {
|
|
1300
|
-
if (
|
|
1328
|
+
if (this.getIsWebsite(value)) {
|
|
1301
1329
|
return 0;
|
|
1302
1330
|
}
|
|
1303
|
-
if (
|
|
1331
|
+
if (this.getIsPhone(value)) {
|
|
1304
1332
|
return 1;
|
|
1305
1333
|
}
|
|
1306
|
-
if (
|
|
1334
|
+
if (this.getIsEmail(value)) {
|
|
1307
1335
|
return 2;
|
|
1308
1336
|
}
|
|
1309
1337
|
return 3;
|
|
1310
1338
|
}
|
|
1339
|
+
else if (Array.isArray(value)) {
|
|
1340
|
+
if (value.length) {
|
|
1341
|
+
if (this.getIsPhone(value[0])) {
|
|
1342
|
+
return 4;
|
|
1343
|
+
}
|
|
1344
|
+
if (this.getIsEmail(value[0])) {
|
|
1345
|
+
return 5;
|
|
1346
|
+
}
|
|
1347
|
+
if (this.getIsWebsite(value[0])) {
|
|
1348
|
+
return 6;
|
|
1349
|
+
}
|
|
1350
|
+
}
|
|
1351
|
+
}
|
|
1311
1352
|
}
|
|
1312
1353
|
}
|
|
1313
1354
|
FormContentQuickViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormContentQuickViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1314
|
-
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 <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 <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 *ngSwitchDefault [innerText]=\"item.value\" fd-quick-view-group-item-content-element></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$9.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$3.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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1355
|
+
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 *ngSwitchDefault [innerText]=\"item.value\" fd-quick-view-group-item-content-element></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$9.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$3.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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1315
1356
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: FormContentQuickViewComponent, decorators: [{
|
|
1316
1357
|
type: Component,
|
|
1317
|
-
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 <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 <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 *ngSwitchDefault [innerText]=\"item.value\" fd-quick-view-group-item-content-element></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"] }]
|
|
1358
|
+
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 *ngSwitchDefault [innerText]=\"item.value\" fd-quick-view-group-item-content-element></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"] }]
|
|
1318
1359
|
}] });
|
|
1319
1360
|
|
|
1320
1361
|
class ServiceDeskServcieDetailComponent extends FormPropsBaseComponent {
|
|
@@ -1903,10 +1944,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
|
|
|
1903
1944
|
class TableViewVerticalColumnsComponent extends ReportViewBaseComponent {
|
|
1904
1945
|
}
|
|
1905
1946
|
TableViewVerticalColumnsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TableViewVerticalColumnsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1906
|
-
TableViewVerticalColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: TableViewVerticalColumnsComponent, selector: "bdc-table-view-vertical-columns", usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index\">\n <ng-container *ngIf=\"mo.$Group\">\n <h3>{{ mo.$Group }}</h3>\n <ng-container\n *ngTemplateOutlet=\"tplTable; context: { $implicit: mo.$Children, index: this.index }\"\n ></ng-container>\n </ng-container>\n</ng-container>\n<ng-template #tplTable let-children let-index=\"index\">\n <table fd-table [style.margin-top]=\"index > 0 ? '2rem' : 0\">\n <tbody fd-table-body>\n <tr fd-table-row *ngFor=\"let column of columns\">\n <th fd-table-cell>\n <strong>{{ column.Alias }}:</strong>\n </th>\n <ng-container *ngFor=\"let mo of children; let index = index\">\n <td\n fd-table-cell\n #tdEl\n [applyConditionalFormats]=\"conditionalFormats\"\n [hostEl]=\"tdEl\"\n [styleIndex]=\"mo.$StyleIndex\"\n [dbName]=\"column.Name\"\n >\n <bsu-column-renderer\n [mo]=\"mo\"\n [column]=\"column\"\n [editMode]=\"false\"\n [isChecked]=\"false\"\n [isNewInlineMo]=\"false\"\n [index]=\"index\"\n [rtl]=\"rtl\"\n [deviceName]=\"deviceName\"\n [formLayoutShowLabel]=\"false\"\n [deviceSize]=\"deviceSize\"\n ></bsu-column-renderer>\n </td>\n </ng-container>\n </tr>\n </tbody>\n </table>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "component", type: i3$2.ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "rtl", "deviceName", "deviceSize"] }, { kind: "directive", type: i3$2.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i4$6.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i4$6.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i4$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "pipe", type: i1$2.MultipleGroupByPipe, name: "multipleGroupBy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1947
|
+
TableViewVerticalColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: TableViewVerticalColumnsComponent, selector: "bdc-table-view-vertical-columns", usesInheritance: true, ngImport: i0, template: "<ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index\">\n <ng-container *ngIf=\"mo.$Group\">\n <h3>{{ mo.$Group }}</h3>\n <ng-container\n *ngTemplateOutlet=\"tplTable; context: { $implicit: mo.$Children, index: this.index }\"\n ></ng-container>\n </ng-container>\n</ng-container>\n<ng-template #tplTable let-children let-index=\"index\">\n <table fd-table [style.margin-top]=\"index > 0 ? '2rem' : 0\">\n <tbody fd-table-body>\n <tr fd-table-row *ngFor=\"let column of columns\">\n <th fd-table-cell>\n <strong>{{ column.Alias }}:</strong>\n </th>\n <ng-container *ngFor=\"let mo of children; let index = index\">\n <td\n fd-table-cell\n #tdEl\n [applyConditionalFormats]=\"conditionalFormats\"\n [hostEl]=\"tdEl\"\n [styleIndex]=\"mo.$StyleIndex\"\n [dbName]=\"column.Name\"\n >\n <bsu-column-renderer\n [mo]=\"mo\"\n [column]=\"column\"\n [value]=\"column | columnValue: mo\"\n [icon]=\"column | columnIcon: mo\"\n [editMode]=\"false\"\n [isChecked]=\"false\"\n [isNewInlineMo]=\"false\"\n [index]=\"index\"\n [rtl]=\"rtl\"\n [deviceName]=\"deviceName\"\n [formLayoutShowLabel]=\"false\"\n [deviceSize]=\"deviceSize\"\n ></bsu-column-renderer>\n </td>\n </ng-container>\n </tr>\n </tbody>\n </table>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "component", type: i3$2.ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "rtl", "deviceName", "deviceSize", "value", "icon"] }, { kind: "directive", type: i3$2.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "component", type: i4$6.TableComponent, selector: "table[fd-table]", inputs: ["noBorderX", "noBorderY", "popIn", "responsive", "keys", "allCellsFocusable"], exportAs: ["fd-table"] }, { kind: "directive", type: i4$6.TableBodyDirective, selector: "[fdTableBody], [fd-table-body]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i4$6.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i4$6.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "pipe", type: i1$2.MultipleGroupByPipe, name: "multipleGroupBy" }, { kind: "pipe", type: i1$2.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i1$2.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1907
1948
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: TableViewVerticalColumnsComponent, decorators: [{
|
|
1908
1949
|
type: Component,
|
|
1909
|
-
args: [{ selector: 'bdc-table-view-vertical-columns', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index\">\n <ng-container *ngIf=\"mo.$Group\">\n <h3>{{ mo.$Group }}</h3>\n <ng-container\n *ngTemplateOutlet=\"tplTable; context: { $implicit: mo.$Children, index: this.index }\"\n ></ng-container>\n </ng-container>\n</ng-container>\n<ng-template #tplTable let-children let-index=\"index\">\n <table fd-table [style.margin-top]=\"index > 0 ? '2rem' : 0\">\n <tbody fd-table-body>\n <tr fd-table-row *ngFor=\"let column of columns\">\n <th fd-table-cell>\n <strong>{{ column.Alias }}:</strong>\n </th>\n <ng-container *ngFor=\"let mo of children; let index = index\">\n <td\n fd-table-cell\n #tdEl\n [applyConditionalFormats]=\"conditionalFormats\"\n [hostEl]=\"tdEl\"\n [styleIndex]=\"mo.$StyleIndex\"\n [dbName]=\"column.Name\"\n >\n <bsu-column-renderer\n [mo]=\"mo\"\n [column]=\"column\"\n [editMode]=\"false\"\n [isChecked]=\"false\"\n [isNewInlineMo]=\"false\"\n [index]=\"index\"\n [rtl]=\"rtl\"\n [deviceName]=\"deviceName\"\n [formLayoutShowLabel]=\"false\"\n [deviceSize]=\"deviceSize\"\n ></bsu-column-renderer>\n </td>\n </ng-container>\n </tr>\n </tbody>\n </table>\n</ng-template>\n" }]
|
|
1950
|
+
args: [{ selector: 'bdc-table-view-vertical-columns', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngFor=\"let mo of moDataList | multipleGroupBy: groupby; let index = index\">\n <ng-container *ngIf=\"mo.$Group\">\n <h3>{{ mo.$Group }}</h3>\n <ng-container\n *ngTemplateOutlet=\"tplTable; context: { $implicit: mo.$Children, index: this.index }\"\n ></ng-container>\n </ng-container>\n</ng-container>\n<ng-template #tplTable let-children let-index=\"index\">\n <table fd-table [style.margin-top]=\"index > 0 ? '2rem' : 0\">\n <tbody fd-table-body>\n <tr fd-table-row *ngFor=\"let column of columns\">\n <th fd-table-cell>\n <strong>{{ column.Alias }}:</strong>\n </th>\n <ng-container *ngFor=\"let mo of children; let index = index\">\n <td\n fd-table-cell\n #tdEl\n [applyConditionalFormats]=\"conditionalFormats\"\n [hostEl]=\"tdEl\"\n [styleIndex]=\"mo.$StyleIndex\"\n [dbName]=\"column.Name\"\n >\n <bsu-column-renderer\n [mo]=\"mo\"\n [column]=\"column\"\n [value]=\"column | columnValue: mo\"\n [icon]=\"column | columnIcon: mo\"\n [editMode]=\"false\"\n [isChecked]=\"false\"\n [isNewInlineMo]=\"false\"\n [index]=\"index\"\n [rtl]=\"rtl\"\n [deviceName]=\"deviceName\"\n [formLayoutShowLabel]=\"false\"\n [deviceSize]=\"deviceSize\"\n ></bsu-column-renderer>\n </td>\n </ng-container>\n </tr>\n </tbody>\n </table>\n</ng-template>\n" }]
|
|
1910
1951
|
}] });
|
|
1911
1952
|
|
|
1912
1953
|
class QueryStringObservableComponent extends FieldBaseComponent {
|