@lowcodeunit/applications-flow-common 1.37.137-stateApiRefactor → 1.37.138-ui-requests-10944
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/elements/activity-card/activity-card.component.mjs +18 -12
- package/esm2020/lib/elements/dashboard-toolbar/dashboard-toolbar.component.mjs +3 -3
- package/esm2020/lib/elements/feed-filter/feed-filter.component.mjs +11 -4
- package/esm2020/lib/elements/feed-header/feed-header.component.mjs +3 -3
- package/esm2020/lib/elements/slotted-card-lg/slotted-card-lg.component.mjs +2 -2
- package/fesm2015/lowcodeunit-applications-flow-common.mjs +25 -14
- package/fesm2015/lowcodeunit-applications-flow-common.mjs.map +1 -1
- package/fesm2020/lowcodeunit-applications-flow-common.mjs +25 -14
- package/fesm2020/lowcodeunit-applications-flow-common.mjs.map +1 -1
- package/lib/elements/activity-card/activity-card.component.d.ts +4 -1
- package/lib/elements/feed-filter/feed-filter.component.d.ts +3 -1
- package/package.json +1 -1
|
@@ -22,10 +22,10 @@ export class SlottedCardLgComponent {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
SlottedCardLgComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: SlottedCardLgComponent, deps: [{ token: i1.EaCService }], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
SlottedCardLgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: SlottedCardLgComponent, selector: "lcu-slotted-card-lg", inputs: { ActionText: ["action-text", "ActionText"], ActionPath: ["action-path", "ActionPath"], Icon: ["icon", "Icon"], MainSlotDescription: ["main-slot-description", "MainSlotDescription"], MainIcon: ["main-icon", "MainIcon"], ShowMainIcon: ["show-main-icon", "ShowMainIcon"], CardTitle: ["card-title", "CardTitle"], SecondarySlotDescription: ["secondary-slot-description", "SecondarySlotDescription"], Loading: ["loading", "Loading"] }, outputs: { MainActionClicked: "main-action-clicked" }, ngImport: i0, template: "<mat-card class=\"col-info-card\">\n <mat-card-header\n class=\"slotted-card-header\"\n fxLayoutAlign=\"space-between center\"\n >\n <!-- mat-card-avatar -->\n <mat-card-title fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <!-- <mat-icon class=\"header-icon\">{{ Icon }}</mat-icon> -->\n <div class=\"card-title\">{{ CardTitle }}s</div>\n </mat-card-title>\n\n <button\n mat-raised-button\n class=\"pointer\"\n (click)=\"MainActionClickEvent()\"\n matTooltip=\"Add {{ CardTitle }}\"\n *ngIf=\"!ActionPath && !Loading && ShowMainIcon\"\n color=\"accent\"\n >\n <!-- <mat-icon>\n {{ MainIcon }}\n </mat-icon> -->\n <div>Add {{ CardTitle }}</div>\n </button>\n\n <button\n mat-raised-button\n color=\"accent\"\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"header-icon\"\n *ngIf=\"Loading\"\n >\n <!-- <mat-icon> add </mat-icon> -->\n <div>Add {{ CardTitle }}</div>\n </button>\n </mat-card-header>\n\n <!-- SKELETON CONTENT -->\n\n <ng-container *ngIf=\"Loading\">\n <mat-card-content>\n <div class=\"slot-main-container\">\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"header-description\"\n >\n Descrption text\n </div>\n\n <div class=\"slot-main\">\n <ng-content\n skeleton-block\n [effect]=\"SkeletonEffect\"\n ></ng-content>\n </div>\n </div>\n\n <div\n class=\"slot-secondary\"\n fxLayout=\"row\"\n fxLayoutAlign=\"space-between center\"\n >\n <div class=\"slot-header-container\">\n <div class=\"slot-header\">\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >\n Name of the content\n </div>\n </div>\n\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >\n Description\n </div>\n </div>\n\n <div class=\"slot-actions-container\" fxLayout=\"row\">\n <mat-icon\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >\n edit\n </mat-icon>\n </div>\n </div>\n\n <div\n *ngIf=\"SecondarySlotDescription\"\n class=\"slot-secondary-container\"\n >\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"header-description\"\n >\n {{ SecondarySlotDescription }}\n </div>\n </div>\n </mat-card-content>\n\n <mat-card-actions fxLayoutAlign=\"center center\">\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n {{ ActionText }}\n </div>\n </mat-card-actions>\n </ng-container>\n <!-- END SKELETON CONTENT -->\n\n <!-- ACTUAL CONTENT -->\n\n <ng-container *ngIf=\"!Loading\">\n <mat-card-content class=\"slotted-card-content\">\n <div class=\"slot-main-container\">\n <div class=\"header-description\">{{ MainSlotDescription }}</div>\n\n <div class=\"slot-main\">\n <ng-content></ng-content>\n </div>\n </div>\n\n <div\n *ngIf=\"SecondarySlotDescription\"\n class=\"slot-secondary-container\"\n >\n <div class=\"header-description\">\n {{ SecondarySlotDescription }}\n </div>\n\n <div class=\"slot-secondary\">\n <ng-content select=\"[secondary]\"></ng-content>\n </div>\n </div>\n </mat-card-content>\n\n <mat-card-actions *ngIf=\"ActionText\" fxLayoutAlign=\"center\">\n <a\n mat-button\n *ngIf=\"ActionPath\"\n class=\"slotted-card-action-btn\"\n [href]=\"ActionPath\"\n color=\"primary\"\n >{{ ActionText }}\n </a>\n\n <a\n mat-button\n *ngIf=\"!ActionPath\"\n class=\"slotted-card-action-btn\"\n (click)=\"MainActionClickEvent()\"\n color=\"primary\"\n >\n {{ ActionText }}\n </a>\n </mat-card-actions>\n </ng-container>\n</mat-card>\n", styles: [".col-info-card{margin:20px;padding:0;height:inherit;overflow-y:hidden}.slotted-card-header{padding:5px}.slotted-card-content{height:430px}::ng-deep .slotted-card-header .mat-card-header-text{margin:0!important}::ng-deep .slotted-card-header mat-card-title{margin-bottom:0!important}.card-title{font-size:22px;margin-bottom:0!important}.pointer{cursor:pointer}.header-description{background-color:#b9dddd;padding:10px}mat-card-actions{margin-bottom:0!important;margin-left:-1px!important;margin-right:0!important}.slotted-card-action-btn{width:100%}.skeleton-item{margin:10px}.mat-card-avatar{width:75%!important}\n"], components: [{ type: i2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2.MatCardHeader, selector: "mat-card-header" }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab], a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }], directives: [{ type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i2.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i8.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i2.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i2.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }] });
|
|
25
|
+
SlottedCardLgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: SlottedCardLgComponent, selector: "lcu-slotted-card-lg", inputs: { ActionText: ["action-text", "ActionText"], ActionPath: ["action-path", "ActionPath"], Icon: ["icon", "Icon"], MainSlotDescription: ["main-slot-description", "MainSlotDescription"], MainIcon: ["main-icon", "MainIcon"], ShowMainIcon: ["show-main-icon", "ShowMainIcon"], CardTitle: ["card-title", "CardTitle"], SecondarySlotDescription: ["secondary-slot-description", "SecondarySlotDescription"], Loading: ["loading", "Loading"] }, outputs: { MainActionClicked: "main-action-clicked" }, ngImport: i0, template: "<mat-card class=\"col-info-card\">\n <mat-card-header\n class=\"slotted-card-header\"\n fxLayoutAlign=\"space-between center\"\n >\n <!-- mat-card-avatar -->\n <mat-card-title fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <!-- <mat-icon class=\"header-icon\">{{ Icon }}</mat-icon> -->\n <div class=\"card-title\">{{ CardTitle }}s</div>\n </mat-card-title>\n\n <button\n mat-raised-button\n class=\"pointer\"\n (click)=\"MainActionClickEvent()\"\n matTooltip=\"Add {{ CardTitle }}\"\n *ngIf=\"!ActionPath && !Loading && ShowMainIcon\"\n color=\"accent\"\n >\n <!-- <mat-icon>\n {{ MainIcon }}\n </mat-icon> -->\n <div>Add {{ CardTitle }}</div>\n </button>\n\n <button\n mat-raised-button\n color=\"accent\"\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"header-icon\"\n *ngIf=\"Loading\"\n >\n <!-- <mat-icon> add </mat-icon> -->\n <div>Add {{ CardTitle }}</div>\n </button>\n </mat-card-header>\n\n <!-- SKELETON CONTENT -->\n\n <ng-container *ngIf=\"Loading\">\n <mat-card-content>\n <div class=\"slot-main-container\">\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"header-description\"\n >\n Descrption text\n </div>\n\n <div class=\"slot-main\">\n <ng-content\n skeleton-block\n [effect]=\"SkeletonEffect\"\n ></ng-content>\n </div>\n </div>\n\n <div\n class=\"slot-secondary\"\n fxLayout=\"row\"\n fxLayoutAlign=\"space-between center\"\n >\n <div class=\"slot-header-container\">\n <div class=\"slot-header\">\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >\n Name of the content\n </div>\n </div>\n\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >\n Description\n </div>\n </div>\n\n <div class=\"slot-actions-container\" fxLayout=\"row\">\n <mat-icon\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >\n edit\n </mat-icon>\n </div>\n </div>\n\n <div\n *ngIf=\"SecondarySlotDescription\"\n class=\"slot-secondary-container\"\n >\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"header-description\"\n >\n {{ SecondarySlotDescription }}\n </div>\n </div>\n </mat-card-content>\n\n <mat-card-actions fxLayoutAlign=\"center center\">\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n {{ ActionText }}\n </div>\n </mat-card-actions>\n </ng-container>\n <!-- END SKELETON CONTENT -->\n\n <!-- ACTUAL CONTENT -->\n\n <ng-container *ngIf=\"!Loading\">\n <mat-card-content class=\"slotted-card-content\">\n <div class=\"slot-main-container\">\n <div class=\"header-description\">{{ MainSlotDescription }}</div>\n\n <div class=\"slot-main\">\n <ng-content></ng-content>\n </div>\n </div>\n\n <div\n *ngIf=\"SecondarySlotDescription\"\n class=\"slot-secondary-container\"\n >\n <div class=\"header-description\">\n {{ SecondarySlotDescription }}\n </div>\n\n <div class=\"slot-secondary\">\n <ng-content select=\"[secondary]\"></ng-content>\n </div>\n </div>\n </mat-card-content>\n\n <mat-card-actions *ngIf=\"ActionText\" fxLayoutAlign=\"center\">\n <a\n mat-button\n *ngIf=\"ActionPath\"\n class=\"slotted-card-action-btn\"\n [href]=\"ActionPath\"\n color=\"primary\"\n >{{ ActionText }}\n </a>\n\n <a\n mat-button\n *ngIf=\"!ActionPath\"\n class=\"slotted-card-action-btn\"\n (click)=\"MainActionClickEvent()\"\n color=\"primary\"\n >\n {{ ActionText }}\n </a>\n </mat-card-actions>\n </ng-container>\n</mat-card>\n", styles: [".col-info-card{margin:20px;padding:0;height:inherit;overflow-y:hidden}.slotted-card-header{padding:5px}.slotted-card-content{height:430px}::ng-deep .slotted-card-header .mat-card-header-text{margin:0!important}::ng-deep .slotted-card-header mat-card-title{margin-bottom:0!important}.card-title{font-size:22px;margin-bottom:0!important}.pointer{cursor:pointer}.header-description{background-color:#b9dddd;padding:10px}mat-card-actions{margin-bottom:0!important;margin-left:-1px!important;margin-right:0!important}.slotted-card-action-btn{width:100%}.skeleton-item{margin:10px}.mat-card-avatar{width:75%!important}@media only screen and (max-width: 850px){.col-info-card{height:unset}.slotted-card-content{height:unset!important}}\n"], components: [{ type: i2.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2.MatCardHeader, selector: "mat-card-header" }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab], a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }], directives: [{ type: i5.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i2.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i5.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i8.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i2.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i2.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }] });
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: SlottedCardLgComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'lcu-slotted-card-lg', template: "<mat-card class=\"col-info-card\">\n <mat-card-header\n class=\"slotted-card-header\"\n fxLayoutAlign=\"space-between center\"\n >\n <!-- mat-card-avatar -->\n <mat-card-title fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <!-- <mat-icon class=\"header-icon\">{{ Icon }}</mat-icon> -->\n <div class=\"card-title\">{{ CardTitle }}s</div>\n </mat-card-title>\n\n <button\n mat-raised-button\n class=\"pointer\"\n (click)=\"MainActionClickEvent()\"\n matTooltip=\"Add {{ CardTitle }}\"\n *ngIf=\"!ActionPath && !Loading && ShowMainIcon\"\n color=\"accent\"\n >\n <!-- <mat-icon>\n {{ MainIcon }}\n </mat-icon> -->\n <div>Add {{ CardTitle }}</div>\n </button>\n\n <button\n mat-raised-button\n color=\"accent\"\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"header-icon\"\n *ngIf=\"Loading\"\n >\n <!-- <mat-icon> add </mat-icon> -->\n <div>Add {{ CardTitle }}</div>\n </button>\n </mat-card-header>\n\n <!-- SKELETON CONTENT -->\n\n <ng-container *ngIf=\"Loading\">\n <mat-card-content>\n <div class=\"slot-main-container\">\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"header-description\"\n >\n Descrption text\n </div>\n\n <div class=\"slot-main\">\n <ng-content\n skeleton-block\n [effect]=\"SkeletonEffect\"\n ></ng-content>\n </div>\n </div>\n\n <div\n class=\"slot-secondary\"\n fxLayout=\"row\"\n fxLayoutAlign=\"space-between center\"\n >\n <div class=\"slot-header-container\">\n <div class=\"slot-header\">\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >\n Name of the content\n </div>\n </div>\n\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >\n Description\n </div>\n </div>\n\n <div class=\"slot-actions-container\" fxLayout=\"row\">\n <mat-icon\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >\n edit\n </mat-icon>\n </div>\n </div>\n\n <div\n *ngIf=\"SecondarySlotDescription\"\n class=\"slot-secondary-container\"\n >\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"header-description\"\n >\n {{ SecondarySlotDescription }}\n </div>\n </div>\n </mat-card-content>\n\n <mat-card-actions fxLayoutAlign=\"center center\">\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n {{ ActionText }}\n </div>\n </mat-card-actions>\n </ng-container>\n <!-- END SKELETON CONTENT -->\n\n <!-- ACTUAL CONTENT -->\n\n <ng-container *ngIf=\"!Loading\">\n <mat-card-content class=\"slotted-card-content\">\n <div class=\"slot-main-container\">\n <div class=\"header-description\">{{ MainSlotDescription }}</div>\n\n <div class=\"slot-main\">\n <ng-content></ng-content>\n </div>\n </div>\n\n <div\n *ngIf=\"SecondarySlotDescription\"\n class=\"slot-secondary-container\"\n >\n <div class=\"header-description\">\n {{ SecondarySlotDescription }}\n </div>\n\n <div class=\"slot-secondary\">\n <ng-content select=\"[secondary]\"></ng-content>\n </div>\n </div>\n </mat-card-content>\n\n <mat-card-actions *ngIf=\"ActionText\" fxLayoutAlign=\"center\">\n <a\n mat-button\n *ngIf=\"ActionPath\"\n class=\"slotted-card-action-btn\"\n [href]=\"ActionPath\"\n color=\"primary\"\n >{{ ActionText }}\n </a>\n\n <a\n mat-button\n *ngIf=\"!ActionPath\"\n class=\"slotted-card-action-btn\"\n (click)=\"MainActionClickEvent()\"\n color=\"primary\"\n >\n {{ ActionText }}\n </a>\n </mat-card-actions>\n </ng-container>\n</mat-card>\n", styles: [".col-info-card{margin:20px;padding:0;height:inherit;overflow-y:hidden}.slotted-card-header{padding:5px}.slotted-card-content{height:430px}::ng-deep .slotted-card-header .mat-card-header-text{margin:0!important}::ng-deep .slotted-card-header mat-card-title{margin-bottom:0!important}.card-title{font-size:22px;margin-bottom:0!important}.pointer{cursor:pointer}.header-description{background-color:#b9dddd;padding:10px}mat-card-actions{margin-bottom:0!important;margin-left:-1px!important;margin-right:0!important}.slotted-card-action-btn{width:100%}.skeleton-item{margin:10px}.mat-card-avatar{width:75%!important}\n"] }]
|
|
28
|
+
args: [{ selector: 'lcu-slotted-card-lg', template: "<mat-card class=\"col-info-card\">\n <mat-card-header\n class=\"slotted-card-header\"\n fxLayoutAlign=\"space-between center\"\n >\n <!-- mat-card-avatar -->\n <mat-card-title fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <!-- <mat-icon class=\"header-icon\">{{ Icon }}</mat-icon> -->\n <div class=\"card-title\">{{ CardTitle }}s</div>\n </mat-card-title>\n\n <button\n mat-raised-button\n class=\"pointer\"\n (click)=\"MainActionClickEvent()\"\n matTooltip=\"Add {{ CardTitle }}\"\n *ngIf=\"!ActionPath && !Loading && ShowMainIcon\"\n color=\"accent\"\n >\n <!-- <mat-icon>\n {{ MainIcon }}\n </mat-icon> -->\n <div>Add {{ CardTitle }}</div>\n </button>\n\n <button\n mat-raised-button\n color=\"accent\"\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"header-icon\"\n *ngIf=\"Loading\"\n >\n <!-- <mat-icon> add </mat-icon> -->\n <div>Add {{ CardTitle }}</div>\n </button>\n </mat-card-header>\n\n <!-- SKELETON CONTENT -->\n\n <ng-container *ngIf=\"Loading\">\n <mat-card-content>\n <div class=\"slot-main-container\">\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"header-description\"\n >\n Descrption text\n </div>\n\n <div class=\"slot-main\">\n <ng-content\n skeleton-block\n [effect]=\"SkeletonEffect\"\n ></ng-content>\n </div>\n </div>\n\n <div\n class=\"slot-secondary\"\n fxLayout=\"row\"\n fxLayoutAlign=\"space-between center\"\n >\n <div class=\"slot-header-container\">\n <div class=\"slot-header\">\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >\n Name of the content\n </div>\n </div>\n\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >\n Description\n </div>\n </div>\n\n <div class=\"slot-actions-container\" fxLayout=\"row\">\n <mat-icon\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"skeleton-item\"\n >\n edit\n </mat-icon>\n </div>\n </div>\n\n <div\n *ngIf=\"SecondarySlotDescription\"\n class=\"slot-secondary-container\"\n >\n <div\n skeleton-text\n [effect]=\"SkeletonEffect\"\n class=\"header-description\"\n >\n {{ SecondarySlotDescription }}\n </div>\n </div>\n </mat-card-content>\n\n <mat-card-actions fxLayoutAlign=\"center center\">\n <div skeleton-text [effect]=\"SkeletonEffect\" class=\"skeleton-item\">\n {{ ActionText }}\n </div>\n </mat-card-actions>\n </ng-container>\n <!-- END SKELETON CONTENT -->\n\n <!-- ACTUAL CONTENT -->\n\n <ng-container *ngIf=\"!Loading\">\n <mat-card-content class=\"slotted-card-content\">\n <div class=\"slot-main-container\">\n <div class=\"header-description\">{{ MainSlotDescription }}</div>\n\n <div class=\"slot-main\">\n <ng-content></ng-content>\n </div>\n </div>\n\n <div\n *ngIf=\"SecondarySlotDescription\"\n class=\"slot-secondary-container\"\n >\n <div class=\"header-description\">\n {{ SecondarySlotDescription }}\n </div>\n\n <div class=\"slot-secondary\">\n <ng-content select=\"[secondary]\"></ng-content>\n </div>\n </div>\n </mat-card-content>\n\n <mat-card-actions *ngIf=\"ActionText\" fxLayoutAlign=\"center\">\n <a\n mat-button\n *ngIf=\"ActionPath\"\n class=\"slotted-card-action-btn\"\n [href]=\"ActionPath\"\n color=\"primary\"\n >{{ ActionText }}\n </a>\n\n <a\n mat-button\n *ngIf=\"!ActionPath\"\n class=\"slotted-card-action-btn\"\n (click)=\"MainActionClickEvent()\"\n color=\"primary\"\n >\n {{ ActionText }}\n </a>\n </mat-card-actions>\n </ng-container>\n</mat-card>\n", styles: [".col-info-card{margin:20px;padding:0;height:inherit;overflow-y:hidden}.slotted-card-header{padding:5px}.slotted-card-content{height:430px}::ng-deep .slotted-card-header .mat-card-header-text{margin:0!important}::ng-deep .slotted-card-header mat-card-title{margin-bottom:0!important}.card-title{font-size:22px;margin-bottom:0!important}.pointer{cursor:pointer}.header-description{background-color:#b9dddd;padding:10px}mat-card-actions{margin-bottom:0!important;margin-left:-1px!important;margin-right:0!important}.slotted-card-action-btn{width:100%}.skeleton-item{margin:10px}.mat-card-avatar{width:75%!important}@media only screen and (max-width: 850px){.col-info-card{height:unset}.slotted-card-content{height:unset!important}}\n"] }]
|
|
29
29
|
}], ctorParameters: function () { return [{ type: i1.EaCService }]; }, propDecorators: { ActionText: [{
|
|
30
30
|
type: Input,
|
|
31
31
|
args: ['action-text']
|