@po-ui/ng-components 19.39.18 → 19.39.19
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/fesm2022/po-ui-ng-components.mjs +11 -16
- package/fesm2022/po-ui-ng-components.mjs.map +1 -1
- package/lib/components/po-list-view/po-list-view.component.d.ts +3 -4
- package/package.json +5 -5
- package/po-ui-ng-components-19.39.19.tgz +0 -0
- package/schematics/ng-add/index.js +1 -1
- package/schematics/ng-update/v14/index.js +1 -1
- package/schematics/ng-update/v15/index.js +1 -1
- package/schematics/ng-update/v16/index.js +1 -1
- package/schematics/ng-update/v17/index.js +1 -1
- package/schematics/ng-update/v18/index.js +2 -2
- package/schematics/ng-update/v19/index.js +2 -2
- package/schematics/ng-update/v2/index.js +1 -1
- package/schematics/ng-update/v3/index.js +1 -1
- package/schematics/ng-update/v4/index.js +1 -1
- package/schematics/ng-update/v5/index.js +1 -1
- package/schematics/ng-update/v6/index.js +1 -1
- package/po-ui-ng-components-19.39.18.tgz +0 -0
|
@@ -9542,11 +9542,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
9542
9542
|
*/
|
|
9543
9543
|
class PoButtonGroupComponent extends PoButtonGroupBaseComponent {
|
|
9544
9544
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PoButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
9545
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: PoButtonGroupComponent, isStandalone: false, selector: "po-button-group", usesInheritance: true, ngImport: i0, template: "<div class=\"po-button-group-container\">\n @for (button of buttons(); track button; let i = $index) {\n <po-button\n class=\"po-sm-12 po-button-group\"\n [class.po-button-group-button-selected]=\"button.selected\"\n [class.po-button-group-disabled]=\"button.disabled\"\n
|
|
9545
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: PoButtonGroupComponent, isStandalone: false, selector: "po-button-group", usesInheritance: true, ngImport: i0, template: "<div class=\"po-button-group-container\">\n @for (button of buttons(); track button; let i = $index) {\n <po-button\n class=\"po-sm-12 po-button-group\"\n [class.po-button-group-button-selected]=\"button.selected\"\n [class.po-button-group-disabled]=\"button.disabled\"\n [p-disabled]=\"button.disabled\"\n [p-icon]=\"button.icon\"\n [p-label]=\"button.label\"\n [p-size]=\"size\"\n [p-tooltip]=\"!button.disabled ? button.tooltip : undefined\"\n p-tooltip-position=\"bottom\"\n [p-append-in-body]=\"true\"\n (p-click)=\"onButtonClick(button, i); button.action(button)\"\n >\n </po-button>\n }\n</div>\n", dependencies: [{ kind: "component", type: PoButtonComponent, selector: "po-button" }, { kind: "directive", type: PoTooltipDirective, selector: "[p-tooltip]" }] });
|
|
9546
9546
|
}
|
|
9547
9547
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PoButtonGroupComponent, decorators: [{
|
|
9548
9548
|
type: Component,
|
|
9549
|
-
args: [{ selector: 'po-button-group', standalone: false, template: "<div class=\"po-button-group-container\">\n @for (button of buttons(); track button; let i = $index) {\n <po-button\n class=\"po-sm-12 po-button-group\"\n [class.po-button-group-button-selected]=\"button.selected\"\n [class.po-button-group-disabled]=\"button.disabled\"\n
|
|
9549
|
+
args: [{ selector: 'po-button-group', standalone: false, template: "<div class=\"po-button-group-container\">\n @for (button of buttons(); track button; let i = $index) {\n <po-button\n class=\"po-sm-12 po-button-group\"\n [class.po-button-group-button-selected]=\"button.selected\"\n [class.po-button-group-disabled]=\"button.disabled\"\n [p-disabled]=\"button.disabled\"\n [p-icon]=\"button.icon\"\n [p-label]=\"button.label\"\n [p-size]=\"size\"\n [p-tooltip]=\"!button.disabled ? button.tooltip : undefined\"\n p-tooltip-position=\"bottom\"\n [p-append-in-body]=\"true\"\n (p-click)=\"onButtonClick(button, i); button.action(button)\"\n >\n </po-button>\n }\n</div>\n" }]
|
|
9550
9550
|
}] });
|
|
9551
9551
|
|
|
9552
9552
|
/**
|
|
@@ -11383,7 +11383,7 @@ class PoChartGridUtils {
|
|
|
11383
11383
|
left: this.component.options?.axis?.paddingLeft || 16,
|
|
11384
11384
|
right: this.component.options?.axis?.paddingRight || 32,
|
|
11385
11385
|
bottom: this.component.options?.axis?.paddingBottom || paddingBottom,
|
|
11386
|
-
|
|
11386
|
+
outerBoundsMode: 'same',
|
|
11387
11387
|
borderWidth: tokenBorderWidthSm
|
|
11388
11388
|
};
|
|
11389
11389
|
}
|
|
@@ -11450,7 +11450,6 @@ class PoChartGridUtils {
|
|
|
11450
11450
|
realtime: true,
|
|
11451
11451
|
bottom: this.component.options?.bottomDataZoom || 'calc(100%)',
|
|
11452
11452
|
height: 25,
|
|
11453
|
-
right: this.component.options?.axis?.paddingRight || 32,
|
|
11454
11453
|
xAxisIndex: [0]
|
|
11455
11454
|
},
|
|
11456
11455
|
{
|
|
@@ -47439,6 +47438,7 @@ class PoListViewComponent extends PoListViewBaseComponent {
|
|
|
47439
47438
|
listViewContentTemplate;
|
|
47440
47439
|
listViewDetailTemplate;
|
|
47441
47440
|
poPopupComponent;
|
|
47441
|
+
popupActions = [];
|
|
47442
47442
|
differ;
|
|
47443
47443
|
constructor() {
|
|
47444
47444
|
const differs = inject(IterableDiffers);
|
|
@@ -47455,19 +47455,9 @@ class PoListViewComponent extends PoListViewBaseComponent {
|
|
|
47455
47455
|
get displayShowMoreButton() {
|
|
47456
47456
|
return this.items && this.items.length > 0 && this.showMore.observers.length > 0;
|
|
47457
47457
|
}
|
|
47458
|
-
get showButtonsActions() {
|
|
47459
|
-
return this.visibleActions && this.visibleActions.length > 0 && this.visibleActions.length <= 2;
|
|
47460
|
-
}
|
|
47461
|
-
get showPopupActions() {
|
|
47462
|
-
return this.visibleActions && this.visibleActions.length > 2;
|
|
47463
|
-
}
|
|
47464
47458
|
get titleHasAction() {
|
|
47465
47459
|
return this.titleAction.observers.length > 0;
|
|
47466
47460
|
}
|
|
47467
|
-
get visibleActions() {
|
|
47468
|
-
return (this.actions &&
|
|
47469
|
-
this.actions.filter(action => this.returnBooleanValue(action, action.visible, 'visible') !== false));
|
|
47470
|
-
}
|
|
47471
47461
|
ngAfterContentInit() {
|
|
47472
47462
|
this.initShowDetail();
|
|
47473
47463
|
}
|
|
@@ -47498,12 +47488,17 @@ class PoListViewComponent extends PoListViewBaseComponent {
|
|
|
47498
47488
|
}
|
|
47499
47489
|
togglePopup(item, targetRef) {
|
|
47500
47490
|
this.popupTarget = targetRef;
|
|
47491
|
+
this.popupActions = this.getVisibleActions(item);
|
|
47501
47492
|
this.changeDetector.detectChanges();
|
|
47502
47493
|
this.poPopupComponent.toggle(item);
|
|
47503
47494
|
}
|
|
47504
47495
|
onAnimationEvent(event, detail) {
|
|
47505
47496
|
this.showDetail.emit(detail);
|
|
47506
47497
|
}
|
|
47498
|
+
// Avalia a visibilidade das ações por item, passando o item corrente.
|
|
47499
|
+
getVisibleActions(item) {
|
|
47500
|
+
return this.actions?.filter(action => this.returnBooleanValue(action, item, 'visible') !== false) ?? [];
|
|
47501
|
+
}
|
|
47507
47502
|
checkItemsChange() {
|
|
47508
47503
|
const changesItems = this.differ.diff(this.items);
|
|
47509
47504
|
if (changesItems && this.selectAll) {
|
|
@@ -47519,7 +47514,7 @@ class PoListViewComponent extends PoListViewBaseComponent {
|
|
|
47519
47514
|
}
|
|
47520
47515
|
}
|
|
47521
47516
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: PoListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47522
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: PoListViewComponent, isStandalone: false, selector: "po-list-view", queries: [{ propertyName: "listViewContentTemplate", first: true, predicate: PoListViewContentTemplateDirective, descendants: true, static: true }, { propertyName: "listViewDetailTemplate", first: true, predicate: PoListViewDetailTemplateDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "poPopupComponent", first: true, predicate: ["popup"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n [class.po-list-view-main-container-header]=\"showHeader\"\n [class.po-list-view-main-container]=\"!showHeader\"\n [style.height.px]=\"height\"\n>\n @if (showHeader) {\n <div class=\"po-list-view-main-header\">\n <div class=\"po-checkbox-group-item\">\n <div class=\"po-list-view-main-select\">\n <po-checkbox\n name=\"selectAll\"\n [(ngModel)]=\"selectAll\"\n [p-label]=\"literals.selectAll\"\n [p-size]=\"componentsSize\"\n (p-change)=\"selectAllListItems()\"\n (click)=\"selectAllListItems()\"\n ></po-checkbox>\n </div>\n </div>\n </div>\n }\n\n <div class=\"po-list-view-main-content\">\n @if (!hasItems()) {\n <po-container [p-no-padding]=\"true\">\n <div class=\"po-list-view-container-no-data po-text-center\">\n <span> {{ literals.noData }} </span>\n </div>\n </po-container>\n }\n\n @for (item of items; track trackBy; let index = $index) {\n <po-container [p-no-padding]=\"true\">\n <div class=\"po-list-view-container\">\n <div class=\"po-list-view-header\">\n <div class=\"po-list-view-title\" [ngSwitch]=\"checkTitleType(item)\">\n @if (select) {\n <div class=\"po-list-view-select\">\n <po-checkbox\n [(ngModel)]=\"item.$selected\"\n name=\"checkbox\"\n [p-size]=\"componentsSize\"\n (p-change)=\"selectListItem(item)\"\n (click)=\"selectListItem(item)\"\n ></po-checkbox>\n </div>\n }\n\n <a\n *ngSwitchCase=\"'externalLink'\"\n class=\"po-list-view-title-link\"\n target=\"_blank\"\n [href]=\"item[propertyLink]\"\n (click)=\"runTitleAction(item)\"\n >\n {{ getItemTitle(item) }}\n </a>\n <a\n *ngSwitchCase=\"'internalLink'\"\n class=\"po-list-view-title-link\"\n [routerLink]=\"item[propertyLink]\"\n (click)=\"runTitleAction(item)\"\n >\n {{ getItemTitle(item) }}\n </a>\n <span\n *ngSwitchCase=\"'noLink'\"\n class=\"po-list-view-title-no-link\"\n [class.po-list-view-title-link]=\"titleHasAction\"\n (click)=\"titleHasAction && runTitleAction(item)\"\n >\n {{ getItemTitle(item) }}\n </span>\n </div>\n\n @if (
|
|
47517
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: PoListViewComponent, isStandalone: false, selector: "po-list-view", queries: [{ propertyName: "listViewContentTemplate", first: true, predicate: PoListViewContentTemplateDirective, descendants: true, static: true }, { propertyName: "listViewDetailTemplate", first: true, predicate: PoListViewDetailTemplateDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "poPopupComponent", first: true, predicate: ["popup"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div\n [class.po-list-view-main-container-header]=\"showHeader\"\n [class.po-list-view-main-container]=\"!showHeader\"\n [style.height.px]=\"height\"\n>\n @if (showHeader) {\n <div class=\"po-list-view-main-header\">\n <div class=\"po-checkbox-group-item\">\n <div class=\"po-list-view-main-select\">\n <po-checkbox\n name=\"selectAll\"\n [(ngModel)]=\"selectAll\"\n [p-label]=\"literals.selectAll\"\n [p-size]=\"componentsSize\"\n (p-change)=\"selectAllListItems()\"\n (click)=\"selectAllListItems()\"\n ></po-checkbox>\n </div>\n </div>\n </div>\n }\n\n <div class=\"po-list-view-main-content\">\n @if (!hasItems()) {\n <po-container [p-no-padding]=\"true\">\n <div class=\"po-list-view-container-no-data po-text-center\">\n <span> {{ literals.noData }} </span>\n </div>\n </po-container>\n }\n\n @for (item of items; track trackBy($index); let index = $index) {\n @let visibleActionsForItem = getVisibleActions(item);\n\n <po-container [p-no-padding]=\"true\">\n <div class=\"po-list-view-container\">\n <div class=\"po-list-view-header\">\n <div class=\"po-list-view-title\" [ngSwitch]=\"checkTitleType(item)\">\n @if (select) {\n <div class=\"po-list-view-select\">\n <po-checkbox\n [(ngModel)]=\"item.$selected\"\n name=\"checkbox\"\n [p-size]=\"componentsSize\"\n (p-change)=\"selectListItem(item)\"\n (click)=\"selectListItem(item)\"\n ></po-checkbox>\n </div>\n }\n\n <a\n *ngSwitchCase=\"'externalLink'\"\n class=\"po-list-view-title-link\"\n target=\"_blank\"\n [href]=\"item[propertyLink]\"\n (click)=\"runTitleAction(item)\"\n >\n {{ getItemTitle(item) }}\n </a>\n <a\n *ngSwitchCase=\"'internalLink'\"\n class=\"po-list-view-title-link\"\n [routerLink]=\"item[propertyLink]\"\n (click)=\"runTitleAction(item)\"\n >\n {{ getItemTitle(item) }}\n </a>\n <span\n *ngSwitchCase=\"'noLink'\"\n class=\"po-list-view-title-no-link\"\n [class.po-list-view-title-link]=\"titleHasAction\"\n (click)=\"titleHasAction && runTitleAction(item)\"\n >\n {{ getItemTitle(item) }}\n </span>\n </div>\n\n @if (visibleActionsForItem.length > 0 && visibleActionsForItem.length <= 2) {\n <div class=\"po-list-view-actions\">\n @for (action of visibleActionsForItem; track action) {\n <po-button\n [p-disabled]=\"returnBooleanValue(action, item, 'disabled')\"\n [p-icon]=\"action.icon\"\n [p-label]=\"action.label\"\n [p-danger]=\"action.type === 'danger'\"\n [p-size]=\"componentsSize\"\n (p-click)=\"onClickAction(action, item)\"\n >\n </po-button>\n }\n </div>\n }\n\n @if (visibleActionsForItem.length > 2) {\n <div class=\"po-list-view-more-actions\">\n <div #popupTarget class=\"po-list-view-more-icon po-clickable\" (click)=\"togglePopup(item, popupTarget)\">\n <po-icon p-icon=\"ICON_MORE\"></po-icon>\n </div>\n </div>\n }\n </div>\n\n @if (hasContentTemplate) {\n <div class=\"po-list-view-content\">\n <ng-template\n [ngTemplateOutlet]=\"listViewContentTemplate.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: item, index: index }\"\n >\n </ng-template>\n </div>\n }\n\n @if (hasDetailTemplate && item.$showDetail) {\n <div\n @showHideDetail\n (@showHideDetail.start)=\"item.$showDetail ? onAnimationEvent($event, item) : 'undefined'\"\n class=\"po-list-view-detail\"\n >\n <ng-template\n [ngTemplateOutlet]=\"listViewDetailTemplate.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: item, index: index }\"\n >\n </ng-template>\n </div>\n }\n </div>\n\n @if (hasDetailTemplate) {\n <div class=\"po-list-view-detail-button\">\n <po-button\n p-kind=\"tertiary\"\n [p-label]=\"item.$showDetail ? literals.hideDetails : literals.showDetails\"\n [p-size]=\"componentsSize\"\n (p-click)=\"item.$showDetail = !item.$showDetail\"\n >\n </po-button>\n </div>\n }\n </po-container>\n }\n </div>\n</div>\n\n@if (displayShowMoreButton) {\n <div class=\"po-mb-2 po-text-center\">\n <po-button\n [p-disabled]=\"showMoreDisabled\"\n [p-label]=\"literals.loadMoreData\"\n [p-size]=\"componentsSize\"\n (p-click)=\"onShowMore()\"\n >\n </po-button>\n </div>\n}\n\n<po-popup #popup [p-actions]=\"popupActions\" [p-size]=\"componentsSize\" [p-target]=\"popupTarget\"> </po-popup>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: PoButtonComponent, selector: "po-button" }, { kind: "component", type: PoIconComponent, selector: "po-icon", inputs: ["p-icon"] }, { kind: "component", type: PoPopupComponent, selector: "po-popup" }, { kind: "component", type: PoCheckboxComponent, selector: "po-checkbox" }, { kind: "component", type: PoContainerComponent, selector: "po-container" }], animations: [
|
|
47523
47518
|
trigger('showHideDetail', [
|
|
47524
47519
|
state('*', style({ 'overflow-y': 'visible' })),
|
|
47525
47520
|
state('void', style({ 'overflow-y': 'hidden' })),
|
|
@@ -47537,7 +47532,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
|
|
|
47537
47532
|
transition('* => void', [style({ height: '*', 'overflow-y': 'hidden' }), animate(100, style({ height: 0 }))]),
|
|
47538
47533
|
transition('void => *', [style({ height: '0' }), animate(100, style({ height: '*' }))])
|
|
47539
47534
|
])
|
|
47540
|
-
], standalone: false, template: "<div\n [class.po-list-view-main-container-header]=\"showHeader\"\n [class.po-list-view-main-container]=\"!showHeader\"\n [style.height.px]=\"height\"\n>\n @if (showHeader) {\n <div class=\"po-list-view-main-header\">\n <div class=\"po-checkbox-group-item\">\n <div class=\"po-list-view-main-select\">\n <po-checkbox\n name=\"selectAll\"\n [(ngModel)]=\"selectAll\"\n [p-label]=\"literals.selectAll\"\n [p-size]=\"componentsSize\"\n (p-change)=\"selectAllListItems()\"\n (click)=\"selectAllListItems()\"\n ></po-checkbox>\n </div>\n </div>\n </div>\n }\n\n <div class=\"po-list-view-main-content\">\n @if (!hasItems()) {\n <po-container [p-no-padding]=\"true\">\n <div class=\"po-list-view-container-no-data po-text-center\">\n <span> {{ literals.noData }} </span>\n </div>\n </po-container>\n }\n\n @for (item of items; track trackBy; let index = $index) {\n <po-container [p-no-padding]=\"true\">\n <div class=\"po-list-view-container\">\n <div class=\"po-list-view-header\">\n <div class=\"po-list-view-title\" [ngSwitch]=\"checkTitleType(item)\">\n @if (select) {\n <div class=\"po-list-view-select\">\n <po-checkbox\n [(ngModel)]=\"item.$selected\"\n name=\"checkbox\"\n [p-size]=\"componentsSize\"\n (p-change)=\"selectListItem(item)\"\n (click)=\"selectListItem(item)\"\n ></po-checkbox>\n </div>\n }\n\n <a\n *ngSwitchCase=\"'externalLink'\"\n class=\"po-list-view-title-link\"\n target=\"_blank\"\n [href]=\"item[propertyLink]\"\n (click)=\"runTitleAction(item)\"\n >\n {{ getItemTitle(item) }}\n </a>\n <a\n *ngSwitchCase=\"'internalLink'\"\n class=\"po-list-view-title-link\"\n [routerLink]=\"item[propertyLink]\"\n (click)=\"runTitleAction(item)\"\n >\n {{ getItemTitle(item) }}\n </a>\n <span\n *ngSwitchCase=\"'noLink'\"\n class=\"po-list-view-title-no-link\"\n [class.po-list-view-title-link]=\"titleHasAction\"\n (click)=\"titleHasAction && runTitleAction(item)\"\n >\n {{ getItemTitle(item) }}\n </span>\n </div>\n\n @if (
|
|
47535
|
+
], standalone: false, template: "<div\n [class.po-list-view-main-container-header]=\"showHeader\"\n [class.po-list-view-main-container]=\"!showHeader\"\n [style.height.px]=\"height\"\n>\n @if (showHeader) {\n <div class=\"po-list-view-main-header\">\n <div class=\"po-checkbox-group-item\">\n <div class=\"po-list-view-main-select\">\n <po-checkbox\n name=\"selectAll\"\n [(ngModel)]=\"selectAll\"\n [p-label]=\"literals.selectAll\"\n [p-size]=\"componentsSize\"\n (p-change)=\"selectAllListItems()\"\n (click)=\"selectAllListItems()\"\n ></po-checkbox>\n </div>\n </div>\n </div>\n }\n\n <div class=\"po-list-view-main-content\">\n @if (!hasItems()) {\n <po-container [p-no-padding]=\"true\">\n <div class=\"po-list-view-container-no-data po-text-center\">\n <span> {{ literals.noData }} </span>\n </div>\n </po-container>\n }\n\n @for (item of items; track trackBy($index); let index = $index) {\n @let visibleActionsForItem = getVisibleActions(item);\n\n <po-container [p-no-padding]=\"true\">\n <div class=\"po-list-view-container\">\n <div class=\"po-list-view-header\">\n <div class=\"po-list-view-title\" [ngSwitch]=\"checkTitleType(item)\">\n @if (select) {\n <div class=\"po-list-view-select\">\n <po-checkbox\n [(ngModel)]=\"item.$selected\"\n name=\"checkbox\"\n [p-size]=\"componentsSize\"\n (p-change)=\"selectListItem(item)\"\n (click)=\"selectListItem(item)\"\n ></po-checkbox>\n </div>\n }\n\n <a\n *ngSwitchCase=\"'externalLink'\"\n class=\"po-list-view-title-link\"\n target=\"_blank\"\n [href]=\"item[propertyLink]\"\n (click)=\"runTitleAction(item)\"\n >\n {{ getItemTitle(item) }}\n </a>\n <a\n *ngSwitchCase=\"'internalLink'\"\n class=\"po-list-view-title-link\"\n [routerLink]=\"item[propertyLink]\"\n (click)=\"runTitleAction(item)\"\n >\n {{ getItemTitle(item) }}\n </a>\n <span\n *ngSwitchCase=\"'noLink'\"\n class=\"po-list-view-title-no-link\"\n [class.po-list-view-title-link]=\"titleHasAction\"\n (click)=\"titleHasAction && runTitleAction(item)\"\n >\n {{ getItemTitle(item) }}\n </span>\n </div>\n\n @if (visibleActionsForItem.length > 0 && visibleActionsForItem.length <= 2) {\n <div class=\"po-list-view-actions\">\n @for (action of visibleActionsForItem; track action) {\n <po-button\n [p-disabled]=\"returnBooleanValue(action, item, 'disabled')\"\n [p-icon]=\"action.icon\"\n [p-label]=\"action.label\"\n [p-danger]=\"action.type === 'danger'\"\n [p-size]=\"componentsSize\"\n (p-click)=\"onClickAction(action, item)\"\n >\n </po-button>\n }\n </div>\n }\n\n @if (visibleActionsForItem.length > 2) {\n <div class=\"po-list-view-more-actions\">\n <div #popupTarget class=\"po-list-view-more-icon po-clickable\" (click)=\"togglePopup(item, popupTarget)\">\n <po-icon p-icon=\"ICON_MORE\"></po-icon>\n </div>\n </div>\n }\n </div>\n\n @if (hasContentTemplate) {\n <div class=\"po-list-view-content\">\n <ng-template\n [ngTemplateOutlet]=\"listViewContentTemplate.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: item, index: index }\"\n >\n </ng-template>\n </div>\n }\n\n @if (hasDetailTemplate && item.$showDetail) {\n <div\n @showHideDetail\n (@showHideDetail.start)=\"item.$showDetail ? onAnimationEvent($event, item) : 'undefined'\"\n class=\"po-list-view-detail\"\n >\n <ng-template\n [ngTemplateOutlet]=\"listViewDetailTemplate.templateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: item, index: index }\"\n >\n </ng-template>\n </div>\n }\n </div>\n\n @if (hasDetailTemplate) {\n <div class=\"po-list-view-detail-button\">\n <po-button\n p-kind=\"tertiary\"\n [p-label]=\"item.$showDetail ? literals.hideDetails : literals.showDetails\"\n [p-size]=\"componentsSize\"\n (p-click)=\"item.$showDetail = !item.$showDetail\"\n >\n </po-button>\n </div>\n }\n </po-container>\n }\n </div>\n</div>\n\n@if (displayShowMoreButton) {\n <div class=\"po-mb-2 po-text-center\">\n <po-button\n [p-disabled]=\"showMoreDisabled\"\n [p-label]=\"literals.loadMoreData\"\n [p-size]=\"componentsSize\"\n (p-click)=\"onShowMore()\"\n >\n </po-button>\n </div>\n}\n\n<po-popup #popup [p-actions]=\"popupActions\" [p-size]=\"componentsSize\" [p-target]=\"popupTarget\"> </po-popup>\n" }]
|
|
47541
47536
|
}], ctorParameters: () => [], propDecorators: { listViewContentTemplate: [{
|
|
47542
47537
|
type: ContentChild,
|
|
47543
47538
|
args: [PoListViewContentTemplateDirective, { static: true }]
|