verben-ng-ui 1.1.8 → 1.2.0
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.
|
@@ -32,11 +32,11 @@ export class LeftCardDataComponent {
|
|
|
32
32
|
item.isChildrenExpanded = !currToggleState;
|
|
33
33
|
}
|
|
34
34
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: LeftCardDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: LeftCardDataComponent, selector: "verben-left-card-data", inputs: { pd: "pd", mg: "mg", height: "height", weight: "weight", activeCss: "activeCss", inActiveCss: "inActiveCss", cardDataList: "cardDataList", iconCollapse: "iconCollapse", iconExpanded: "iconExpanded", parent: "parent", dataId: "dataId" }, queries: [{ propertyName: "card", first: true, predicate: ["card"], descendants: true }, { propertyName: "cardChild", first: true, predicate: ["cardChild"], descendants: true }, { propertyName: "cardFooter", first: true, predicate: ["cardFooter"], descendants: true }], ngImport: i0, template: "@for (item of cardDataList; track $index) {\n<div class=\"flex\">\n <div class=\"flex-col full-width\">\n <ng-content\n *ngTemplateOutlet=\"card; context: { $implicit: item }\"\n ></ng-content>\n <!-- children -->\n <div\n class=\"childrenPadding flex-col flex\"\n *ngIf=\"item.children.length > 0 && item.isChildrenExpanded\"\n >\n @for (child of item.children; track $index) {\n <ng-content\n *ngTemplateOutlet=\"\n cardChild;\n context: { index: $index, $implicit: child }\n \"\n ></ng-content>\n }\n </div>\n <ng-content\n
|
|
35
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: LeftCardDataComponent, selector: "verben-left-card-data", inputs: { pd: "pd", mg: "mg", height: "height", weight: "weight", activeCss: "activeCss", inActiveCss: "inActiveCss", cardDataList: "cardDataList", iconCollapse: "iconCollapse", iconExpanded: "iconExpanded", parent: "parent", dataId: "dataId" }, queries: [{ propertyName: "card", first: true, predicate: ["card"], descendants: true }, { propertyName: "cardChild", first: true, predicate: ["cardChild"], descendants: true }, { propertyName: "cardFooter", first: true, predicate: ["cardFooter"], descendants: true }], ngImport: i0, template: "@for (item of cardDataList; track $index) {\n<div class=\"flex\">\n <div class=\"flex-col full-width\">\n <ng-content\n *ngTemplateOutlet=\"card; context: { $implicit: item }\"\n ></ng-content>\n <!-- children -->\n <div\n class=\"childrenPadding flex-col flex\"\n *ngIf=\"item.children.length > 0 && item.isChildrenExpanded\"\n >\n @for (child of item.children; track $index) {\n <ng-content\n *ngTemplateOutlet=\"\n cardChild;\n context: { index: $index, $implicit: child }\n \"\n ></ng-content>\n }\n </div>\n <div *ngIf=\"item.isChildrenExpanded\" class=\"false-padding\">\n <ng-content\n *ngTemplateOutlet=\"\n cardFooter;\n context: { index: $index, $implicit: item }\n \"\n ></ng-content>\n </div>\n </div>\n</div>\n\n}\n", styles: [":host{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:15px}.pad15{padding:5px}.center-icon{align-items:center}.full-width{width:100%}.childrenPadding{width:100%;padding:10px 10px 10px 15%;display:flex;gap:10px}.false-padding{padding-left:15%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
36
36
|
}
|
|
37
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: LeftCardDataComponent, decorators: [{
|
|
38
38
|
type: Component,
|
|
39
|
-
args: [{ selector: 'verben-left-card-data', template: "@for (item of cardDataList; track $index) {\n<div class=\"flex\">\n <div class=\"flex-col full-width\">\n <ng-content\n *ngTemplateOutlet=\"card; context: { $implicit: item }\"\n ></ng-content>\n <!-- children -->\n <div\n class=\"childrenPadding flex-col flex\"\n *ngIf=\"item.children.length > 0 && item.isChildrenExpanded\"\n >\n @for (child of item.children; track $index) {\n <ng-content\n *ngTemplateOutlet=\"\n cardChild;\n context: { index: $index, $implicit: child }\n \"\n ></ng-content>\n }\n </div>\n <ng-content\n
|
|
39
|
+
args: [{ selector: 'verben-left-card-data', template: "@for (item of cardDataList; track $index) {\n<div class=\"flex\">\n <div class=\"flex-col full-width\">\n <ng-content\n *ngTemplateOutlet=\"card; context: { $implicit: item }\"\n ></ng-content>\n <!-- children -->\n <div\n class=\"childrenPadding flex-col flex\"\n *ngIf=\"item.children.length > 0 && item.isChildrenExpanded\"\n >\n @for (child of item.children; track $index) {\n <ng-content\n *ngTemplateOutlet=\"\n cardChild;\n context: { index: $index, $implicit: child }\n \"\n ></ng-content>\n }\n </div>\n <div *ngIf=\"item.isChildrenExpanded\" class=\"false-padding\">\n <ng-content\n *ngTemplateOutlet=\"\n cardFooter;\n context: { index: $index, $implicit: item }\n \"\n ></ng-content>\n </div>\n </div>\n</div>\n\n}\n", styles: [":host{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:15px}.pad15{padding:5px}.center-icon{align-items:center}.full-width{width:100%}.childrenPadding{width:100%;padding:10px 10px 10px 15%;display:flex;gap:10px}.false-padding{padding-left:15%}\n"] }]
|
|
40
40
|
}], propDecorators: { pd: [{
|
|
41
41
|
type: Input
|
|
42
42
|
}], mg: [{
|
|
@@ -69,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
|
|
|
69
69
|
}], dataId: [{
|
|
70
70
|
type: Input
|
|
71
71
|
}] } });
|
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGVmdC1jYXJkLWRhdGEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmVyYmVuLW5nLXVpL3NyYy9saWIvY29tcG9uZW50cy9jYXJkLWRhdGEtdmlldy9sZWZ0LWNhcmQtZGF0YS9sZWZ0LWNhcmQtZGF0YS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL2NhcmQtZGF0YS12aWV3L2xlZnQtY2FyZC1kYXRhL2xlZnQtY2FyZC1kYXRhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBZSxNQUFNLGVBQWUsQ0FBQzs7O0FBUzVFLE1BQU0sT0FBTyxxQkFBcUI7SUFDdkIsRUFBRSxHQUFHLE1BQU0sQ0FBQztJQUNaLEVBQUUsR0FBRyxLQUFLLENBQUM7SUFDWCxNQUFNLEdBQVksTUFBTSxDQUFDO0lBQ3pCLE1BQU0sR0FBWSxNQUFNLENBQUM7SUFDekIsU0FBUyxDQUFVO0lBQ25CLFdBQVcsQ0FBVTtJQUNyQixZQUFZLEdBQWUsRUFBRSxDQUFDO0lBQzlCLFlBQVksR0FBVyxNQUFNLENBQUM7SUFDOUIsWUFBWSxHQUFXLE9BQU8sQ0FBQztJQUMvQixNQUFNLENBQXlCO0lBQ2xCLElBQUksQ0FBb0I7SUFDbkIsU0FBUyxDQUFvQjtJQUM1QixVQUFVLENBQW9CO0lBQ2pELE1BQU0sQ0FBVSxDQUFDLG1DQUFtQztJQUM3RCxzQkFBc0I7SUFDdEIsVUFBVSxDQUFDLElBQWM7UUFDdkIseUNBQXlDO1FBQ3pDLE9BQU8sQ0FDTCxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDO1lBQ3RELElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FDekIsQ0FBQztJQUNKLENBQUM7SUFDRCxZQUFZLENBQUMsSUFBYztRQUN6QixJQUFJLGVBQWUsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUM7UUFDOUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUM5QixDQUFDLENBQUMsa0JBQWtCLEdBQUcsS0FBSyxDQUFDO1lBQzdCLENBQUMsQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLENBQUMsZUFBZSxDQUFDO0lBQzdDLENBQUM7d0dBL0JVLHFCQUFxQjs0RkFBckIscUJBQXFCLGlrQkNUbEMsaTJCQWdDQTs7NEZEdkJhLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSx1QkFBdUI7OEJBS3hCLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNnQixJQUFJO3NCQUF6QixZQUFZO3VCQUFDLE1BQU07Z0JBQ08sU0FBUztzQkFBbkMsWUFBWTt1QkFBQyxXQUFXO2dCQUNHLFVBQVU7c0JBQXJDLFlBQVk7dUJBQUMsWUFBWTtnQkFDakIsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2FyZERhdGEgfSBmcm9tICcuLi9jYXJkLWRhdGEnO1xuaW1wb3J0IHsgQ2FyZERhdGFWaWV3Q29tcG9uZW50IH0gZnJvbSAnLi4vY2FyZC1kYXRhLXZpZXcuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmVyYmVuLWxlZnQtY2FyZC1kYXRhJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xlZnQtY2FyZC1kYXRhLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2xlZnQtY2FyZC1kYXRhLmNvbXBvbmVudC5jc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBMZWZ0Q2FyZERhdGFDb21wb25lbnQge1xuICBASW5wdXQoKSBwZCA9ICcxMHB4JztcbiAgQElucHV0KCkgbWcgPSAnMHB4JztcbiAgQElucHV0KCkgaGVpZ2h0Pzogc3RyaW5nID0gJzEwMCUnO1xuICBASW5wdXQoKSB3ZWlnaHQ/OiBzdHJpbmcgPSAnMTAwJSc7XG4gIEBJbnB1dCgpIGFjdGl2ZUNzcz86IHN0cmluZztcbiAgQElucHV0KCkgaW5BY3RpdmVDc3M/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNhcmREYXRhTGlzdDogQ2FyZERhdGFbXSA9IFtdO1xuICBASW5wdXQoKSBpY29uQ29sbGFwc2U6IHN0cmluZyA9ICdwbHVzJztcbiAgQElucHV0KCkgaWNvbkV4cGFuZGVkOiBzdHJpbmcgPSAnbWludXMnO1xuICBASW5wdXQoKSBwYXJlbnQhOiBDYXJkRGF0YVZpZXdDb21wb25lbnQ7XG4gIEBDb250ZW50Q2hpbGQoJ2NhcmQnKSBjYXJkITogVGVtcGxhdGVSZWY8YW55PjtcbiAgQENvbnRlbnRDaGlsZCgnY2FyZENoaWxkJykgY2FyZENoaWxkITogVGVtcGxhdGVSZWY8YW55PjtcbiAgQENvbnRlbnRDaGlsZCgnY2FyZEZvb3RlcicpIGNhcmRGb290ZXIhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICBASW5wdXQoKSBkYXRhSWQhOiBzdHJpbmc7IC8vd2hhdCB0byB1c2UgdG8gaWRlbnRpZnkgZWFjaCBkYXRhXG4gIC8vIGN1cnJlbnRJdGVtOmFueT17fTtcbiAgc2hvd1RvZ2dsZShpdGVtOiBDYXJkRGF0YSkge1xuICAgIC8vIHNob3dUb2dnbGUoKSAmJiBpdGVtLmNoaWxkcmVuLmxlbmd0aD4wXG4gICAgcmV0dXJuIChcbiAgICAgIHRoaXMuY2FyZERhdGFMaXN0LmZpbHRlcigoXykgPT4gXy5zZWxlY3RlZCkubGVuZ3RoID4gMCAmJlxuICAgICAgaXRlbS5jaGlsZHJlbi5sZW5ndGggPiAwXG4gICAgKTtcbiAgfVxuICBzaG93Q2hpbGRyZW4oaXRlbTogQ2FyZERhdGEpIHtcbiAgICB2YXIgY3VyclRvZ2dsZVN0YXRlID0gaXRlbS5pc0NoaWxkcmVuRXhwYW5kZWQ7XG4gICAgdGhpcy5jYXJkRGF0YUxpc3QuZm9yRWFjaCgoXykgPT4ge1xuICAgICAgXy5pc0NoaWxkcmVuRXhwYW5kZWQgPSBmYWxzZTtcbiAgICAgIF8uc2VsZWN0ZWQgPSBmYWxzZTtcbiAgICB9KTtcbiAgICB0aGlzLnBhcmVudC5vbkl0ZW1DbGljayhpdGVtKTtcbiAgICBpdGVtLmlzQ2hpbGRyZW5FeHBhbmRlZCA9ICFjdXJyVG9nZ2xlU3RhdGU7XG4gIH1cbn1cbiIsIkBmb3IgKGl0ZW0gb2YgY2FyZERhdGFMaXN0OyB0cmFjayAkaW5kZXgpIHtcbjxkaXYgY2xhc3M9XCJmbGV4XCI+XG4gIDxkaXYgY2xhc3M9XCJmbGV4LWNvbCBmdWxsLXdpZHRoXCI+XG4gICAgPG5nLWNvbnRlbnRcbiAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiY2FyZDsgY29udGV4dDogeyAkaW1wbGljaXQ6IGl0ZW0gfVwiXG4gICAgPjwvbmctY29udGVudD5cbiAgICA8IS0tIGNoaWxkcmVuIC0tPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiY2hpbGRyZW5QYWRkaW5nIGZsZXgtY29sIGZsZXhcIlxuICAgICAgKm5nSWY9XCJpdGVtLmNoaWxkcmVuLmxlbmd0aCA+IDAgJiYgaXRlbS5pc0NoaWxkcmVuRXhwYW5kZWRcIlxuICAgID5cbiAgICAgIEBmb3IgKGNoaWxkIG9mIGl0ZW0uY2hpbGRyZW47IHRyYWNrICRpbmRleCkge1xuICAgICAgPG5nLWNvbnRlbnRcbiAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgICBjYXJkQ2hpbGQ7XG4gICAgICAgICAgY29udGV4dDogeyBpbmRleDogJGluZGV4LCAkaW1wbGljaXQ6IGNoaWxkIH1cbiAgICAgICAgXCJcbiAgICAgID48L25nLWNvbnRlbnQ+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cIml0ZW0uaXNDaGlsZHJlbkV4cGFuZGVkXCIgY2xhc3M9XCJmYWxzZS1wYWRkaW5nXCI+XG4gICAgICA8bmctY29udGVudFxuICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cIlxuICAgICAgICAgIGNhcmRGb290ZXI7XG4gICAgICAgICAgY29udGV4dDogeyBpbmRleDogJGluZGV4LCAkaW1wbGljaXQ6IGl0ZW0gfVxuICAgICAgICBcIlxuICAgICAgPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cblxufVxuIl19
|
|
@@ -454,11 +454,11 @@ class LeftCardDataComponent {
|
|
|
454
454
|
item.isChildrenExpanded = !currToggleState;
|
|
455
455
|
}
|
|
456
456
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: LeftCardDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
457
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: LeftCardDataComponent, selector: "verben-left-card-data", inputs: { pd: "pd", mg: "mg", height: "height", weight: "weight", activeCss: "activeCss", inActiveCss: "inActiveCss", cardDataList: "cardDataList", iconCollapse: "iconCollapse", iconExpanded: "iconExpanded", parent: "parent", dataId: "dataId" }, queries: [{ propertyName: "card", first: true, predicate: ["card"], descendants: true }, { propertyName: "cardChild", first: true, predicate: ["cardChild"], descendants: true }, { propertyName: "cardFooter", first: true, predicate: ["cardFooter"], descendants: true }], ngImport: i0, template: "@for (item of cardDataList; track $index) {\n<div class=\"flex\">\n <div class=\"flex-col full-width\">\n <ng-content\n *ngTemplateOutlet=\"card; context: { $implicit: item }\"\n ></ng-content>\n <!-- children -->\n <div\n class=\"childrenPadding flex-col flex\"\n *ngIf=\"item.children.length > 0 && item.isChildrenExpanded\"\n >\n @for (child of item.children; track $index) {\n <ng-content\n *ngTemplateOutlet=\"\n cardChild;\n context: { index: $index, $implicit: child }\n \"\n ></ng-content>\n }\n </div>\n <ng-content\n
|
|
457
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: LeftCardDataComponent, selector: "verben-left-card-data", inputs: { pd: "pd", mg: "mg", height: "height", weight: "weight", activeCss: "activeCss", inActiveCss: "inActiveCss", cardDataList: "cardDataList", iconCollapse: "iconCollapse", iconExpanded: "iconExpanded", parent: "parent", dataId: "dataId" }, queries: [{ propertyName: "card", first: true, predicate: ["card"], descendants: true }, { propertyName: "cardChild", first: true, predicate: ["cardChild"], descendants: true }, { propertyName: "cardFooter", first: true, predicate: ["cardFooter"], descendants: true }], ngImport: i0, template: "@for (item of cardDataList; track $index) {\n<div class=\"flex\">\n <div class=\"flex-col full-width\">\n <ng-content\n *ngTemplateOutlet=\"card; context: { $implicit: item }\"\n ></ng-content>\n <!-- children -->\n <div\n class=\"childrenPadding flex-col flex\"\n *ngIf=\"item.children.length > 0 && item.isChildrenExpanded\"\n >\n @for (child of item.children; track $index) {\n <ng-content\n *ngTemplateOutlet=\"\n cardChild;\n context: { index: $index, $implicit: child }\n \"\n ></ng-content>\n }\n </div>\n <div *ngIf=\"item.isChildrenExpanded\" class=\"false-padding\">\n <ng-content\n *ngTemplateOutlet=\"\n cardFooter;\n context: { index: $index, $implicit: item }\n \"\n ></ng-content>\n </div>\n </div>\n</div>\n\n}\n", styles: [":host{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:15px}.pad15{padding:5px}.center-icon{align-items:center}.full-width{width:100%}.childrenPadding{width:100%;padding:10px 10px 10px 15%;display:flex;gap:10px}.false-padding{padding-left:15%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
|
|
458
458
|
}
|
|
459
459
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: LeftCardDataComponent, decorators: [{
|
|
460
460
|
type: Component,
|
|
461
|
-
args: [{ selector: 'verben-left-card-data', template: "@for (item of cardDataList; track $index) {\n<div class=\"flex\">\n <div class=\"flex-col full-width\">\n <ng-content\n *ngTemplateOutlet=\"card; context: { $implicit: item }\"\n ></ng-content>\n <!-- children -->\n <div\n class=\"childrenPadding flex-col flex\"\n *ngIf=\"item.children.length > 0 && item.isChildrenExpanded\"\n >\n @for (child of item.children; track $index) {\n <ng-content\n *ngTemplateOutlet=\"\n cardChild;\n context: { index: $index, $implicit: child }\n \"\n ></ng-content>\n }\n </div>\n <ng-content\n
|
|
461
|
+
args: [{ selector: 'verben-left-card-data', template: "@for (item of cardDataList; track $index) {\n<div class=\"flex\">\n <div class=\"flex-col full-width\">\n <ng-content\n *ngTemplateOutlet=\"card; context: { $implicit: item }\"\n ></ng-content>\n <!-- children -->\n <div\n class=\"childrenPadding flex-col flex\"\n *ngIf=\"item.children.length > 0 && item.isChildrenExpanded\"\n >\n @for (child of item.children; track $index) {\n <ng-content\n *ngTemplateOutlet=\"\n cardChild;\n context: { index: $index, $implicit: child }\n \"\n ></ng-content>\n }\n </div>\n <div *ngIf=\"item.isChildrenExpanded\" class=\"false-padding\">\n <ng-content\n *ngTemplateOutlet=\"\n cardFooter;\n context: { index: $index, $implicit: item }\n \"\n ></ng-content>\n </div>\n </div>\n</div>\n\n}\n", styles: [":host{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:15px}.pad15{padding:5px}.center-icon{align-items:center}.full-width{width:100%}.childrenPadding{width:100%;padding:10px 10px 10px 15%;display:flex;gap:10px}.false-padding{padding-left:15%}\n"] }]
|
|
462
462
|
}], propDecorators: { pd: [{
|
|
463
463
|
type: Input
|
|
464
464
|
}], mg: [{
|