barsa-tiles 2.0.45 → 2.0.46
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/esm2022/lib/barsa-tile-group-page/barsa-tile-group-page.component.mjs +28 -12
- package/fesm2022/barsa-tiles.mjs +19 -8
- package/fesm2022/barsa-tiles.mjs.map +1 -1
- package/lib/barsa-tile-group-page/barsa-tile-group-page.component.d.ts +15 -3
- package/lib/barsa-tiles.module.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1,19 +1,32 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';
|
|
2
|
-
import { ActivatedRoute } from '@angular/router';
|
|
3
|
-
import { BarsaApi, BaseComponent, LogService } from 'barsa-novin-ray-core';
|
|
2
|
+
import { ActivatedRoute, Router } from '@angular/router';
|
|
3
|
+
import { BarsaApi, BaseComponent, getDeviceIsMobile, LogService } from 'barsa-novin-ray-core';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "
|
|
6
|
-
import * as i2 from "@
|
|
7
|
-
import * as i3 from "
|
|
5
|
+
import * as i1 from "barsa-novin-ray-core";
|
|
6
|
+
import * as i2 from "@angular/router";
|
|
7
|
+
import * as i3 from "@angular/cdk/scrolling";
|
|
8
|
+
import * as i4 from "@fundamental-ngx/core/button";
|
|
9
|
+
import * as i5 from "@fundamental-ngx/core/dynamic-page";
|
|
10
|
+
import * as i6 from "@fundamental-ngx/core/toolbar";
|
|
11
|
+
import * as i7 from "barsa-sap-ui";
|
|
12
|
+
import * as i8 from "../tile-renderer.directive";
|
|
8
13
|
export class BarsaTileGroupPageComponent extends BaseComponent {
|
|
9
|
-
|
|
10
|
-
|
|
14
|
+
/**
|
|
15
|
+
*
|
|
16
|
+
*/
|
|
17
|
+
constructor(_breadcrumbService) {
|
|
18
|
+
super();
|
|
19
|
+
this._breadcrumbService = _breadcrumbService;
|
|
11
20
|
this._logService = inject(LogService);
|
|
12
21
|
this._activatedRoute = inject(ActivatedRoute);
|
|
22
|
+
this._router = inject(Router);
|
|
13
23
|
this.moList = signal([]);
|
|
24
|
+
this.isMobile = getDeviceIsMobile();
|
|
25
|
+
this.rtl = BarsaApi.LoginFormData.IsRtl;
|
|
14
26
|
}
|
|
15
27
|
ngOnInit() {
|
|
16
28
|
super.ngOnInit();
|
|
29
|
+
this.breadCrumbs$ = this._breadcrumbService.breadcrumbs$;
|
|
17
30
|
const id = this._activatedRoute.snapshot.params['id'];
|
|
18
31
|
BarsaApi.Bw.RunBlMethodAsync({
|
|
19
32
|
Parameters: [id],
|
|
@@ -29,11 +42,14 @@ export class BarsaTileGroupPageComponent extends BaseComponent {
|
|
|
29
42
|
ngOnChanges(changes) {
|
|
30
43
|
super.ngOnChanges(changes);
|
|
31
44
|
}
|
|
32
|
-
|
|
33
|
-
|
|
45
|
+
onClose() {
|
|
46
|
+
this._router.navigate(['/home']);
|
|
47
|
+
}
|
|
48
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTileGroupPageComponent, deps: [{ token: i1.BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTileGroupPageComponent, selector: "bt-barsa-tile-group-page", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<router-outlet></router-outlet>\n\n<fd-dynamic-page size=\"large\" [autoResponsive]=\"true\">\n <fd-dynamic-page-header\n [class.simple-title]=\"true\"\n [title]=\"''\"\n [class.p-b0]=\"true\"\n [class.hide-title]=\"false\"\n #titleRef\n >\n <!-- @if (!isMobile ){\n @if(breadCrumbs$ | async ; as breadCrumbs)\n {\n <fd-breadcrumb>\n @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\n breadCrumb; let i = $index; let last = $last) {\n <fd-breadcrumb-item>\n <bsu-breadcrumb\n [index]=\"i\"\n [isLast]=\"last\"\n [breadCrumb]=\"breadCrumb\"\n [allBreadCrumb]=\"breadCrumbs\"\n ></bsu-breadcrumb>\n </fd-breadcrumb-item>\n } }\n </fd-breadcrumb>\n }\n } -->\n <fd-dynamic-page-layout-actions>\n <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n </button>\n </fd-toolbar>\n </fd-dynamic-page-layout-actions>\n </fd-dynamic-page-header>\n\n <fd-dynamic-page-content cdkScrollable>\n <div class=\"tw-flex tw-gap-1\">\n @for(app of moList();track app.Id){\n <span\n [dynamicCommand]=\"app.DynamicCommand\"\n [enableCommand]=\"app.Component\"\n tileRenderer\n [data]=\"app\"\n [edit]=\"false\"\n [component]=\"app.Component\"\n >\n </span>\n }\n </div>\n </fd-dynamic-page-content>\n</fd-dynamic-page>\n\n<ng-template #loadingTpl>\n <bsu-mask></bsu-mask>\n</ng-template>\n", styles: [".app-groups{width:25vw;border-left:.0625rem solid var(--sapGroup_TitleBorderColor, #d9d9d9)}\n"], dependencies: [{ kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i3.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["disableSnapOnScroll", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i5.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "titleWrap", "subtitle", "subtitleWrap"] }, { kind: "component", type: i5.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i5.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i6.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i7.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "directive", type: i8.TileRendererDirective, selector: "[tileRenderer]", inputs: ["component", "data", "edit"], outputs: ["hideClick", "renameClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
34
50
|
}
|
|
35
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTileGroupPageComponent, decorators: [{
|
|
36
52
|
type: Component,
|
|
37
|
-
args: [{ selector: 'bt-barsa-tile-group-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<
|
|
38
|
-
}] });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
args: [{ selector: 'bt-barsa-tile-group-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<router-outlet></router-outlet>\n\n<fd-dynamic-page size=\"large\" [autoResponsive]=\"true\">\n <fd-dynamic-page-header\n [class.simple-title]=\"true\"\n [title]=\"''\"\n [class.p-b0]=\"true\"\n [class.hide-title]=\"false\"\n #titleRef\n >\n <!-- @if (!isMobile ){\n @if(breadCrumbs$ | async ; as breadCrumbs)\n {\n <fd-breadcrumb>\n @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\n breadCrumb; let i = $index; let last = $last) {\n <fd-breadcrumb-item>\n <bsu-breadcrumb\n [index]=\"i\"\n [isLast]=\"last\"\n [breadCrumb]=\"breadCrumb\"\n [allBreadCrumb]=\"breadCrumbs\"\n ></bsu-breadcrumb>\n </fd-breadcrumb-item>\n } }\n </fd-breadcrumb>\n }\n } -->\n <fd-dynamic-page-layout-actions>\n <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n </button>\n </fd-toolbar>\n </fd-dynamic-page-layout-actions>\n </fd-dynamic-page-header>\n\n <fd-dynamic-page-content cdkScrollable>\n <div class=\"tw-flex tw-gap-1\">\n @for(app of moList();track app.Id){\n <span\n [dynamicCommand]=\"app.DynamicCommand\"\n [enableCommand]=\"app.Component\"\n tileRenderer\n [data]=\"app\"\n [edit]=\"false\"\n [component]=\"app.Component\"\n >\n </span>\n }\n </div>\n </fd-dynamic-page-content>\n</fd-dynamic-page>\n\n<ng-template #loadingTpl>\n <bsu-mask></bsu-mask>\n</ng-template>\n", styles: [".app-groups{width:25vw;border-left:.0625rem solid var(--sapGroup_TitleBorderColor, #d9d9d9)}\n"] }]
|
|
54
|
+
}], ctorParameters: () => [{ type: i1.BreadcrumbService }] });
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtdGlsZS1ncm91cC1wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXRpbGVzL3NyYy9saWIvYmFyc2EtdGlsZS1ncm91cC1wYWdlL2JhcnNhLXRpbGUtZ3JvdXAtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS10aWxlcy9zcmMvbGliL2JhcnNhLXRpbGUtZ3JvdXAtcGFnZS9iYXJzYS10aWxlLWdyb3VwLXBhZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQWEsTUFBTSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRXpELE9BQU8sRUFDSCxRQUFRLEVBQ1IsYUFBYSxFQUdiLGlCQUFpQixFQUNqQixVQUFVLEVBRWIsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7OztBQVM5QixNQUFNLE9BQU8sMkJBQTRCLFNBQVEsYUFBYTtJQVExRDs7T0FFRztJQUNILFlBQW9CLGtCQUFxQztRQUNyRCxLQUFLLEVBQUUsQ0FBQztRQURRLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBbUI7UUFWL0MsZ0JBQVcsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDakMsb0JBQWUsR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDekMsWUFBTyxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNuQyxXQUFNLEdBQUcsTUFBTSxDQUFvQixFQUFFLENBQUMsQ0FBQztRQUV2QyxhQUFRLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQztRQUMvQixRQUFHLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUM7SUFNbkMsQ0FBQztJQUNELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxDQUFDO1FBRXpELE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN0RCxRQUFRLENBQUMsRUFBRSxDQUFDLGdCQUFnQixDQUFDO1lBQ3pCLFVBQVUsRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUNoQixNQUFNLEVBQUUsa0JBQWtCO1lBQzFCLFNBQVMsRUFBRSxDQUFDLENBQW1CLEVBQUUsRUFBRTtnQkFDL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFVBQW9DLENBQUMsQ0FBQztZQUM1RCxDQUFDO1lBQ0QsTUFBTSxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUU7Z0JBQ1YsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDOUIsQ0FBQztTQUNKLENBQUMsQ0FBQztJQUNQLENBQUM7SUFDRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsS0FBSyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBQ0QsT0FBTztRQUNILElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUNyQyxDQUFDOzhHQW5DUSwyQkFBMkI7a0dBQTNCLDJCQUEyQiw0R0NwQnhDLG8vREF5REE7OzJGRHJDYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0ksMEJBQTBCLG1CQUduQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgaW5qZWN0LCBPbkNoYW5nZXMsIHNpZ25hbCwgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWN0aXZhdGVkUm91dGUsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7XG4gICAgQmFyc2FBcGksXG4gICAgQmFzZUNvbXBvbmVudCxcbiAgICBCcmVhZENydW1iSW5mbyxcbiAgICBCcmVhZGNydW1iU2VydmljZSxcbiAgICBnZXREZXZpY2VJc01vYmlsZSxcbiAgICBMb2dTZXJ2aWNlLFxuICAgIE1vRm9yUmVwb3J0TW9kZWxcbn0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuaW1wb3J0IHsgQmFzZVRpbGVTZXR0aW5nIH0gZnJvbSAnLi4vbW9kZWxzJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYnQtYmFyc2EtdGlsZS1ncm91cC1wYWdlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYmFyc2EtdGlsZS1ncm91cC1wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9iYXJzYS10aWxlLWdyb3VwLXBhZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBCYXJzYVRpbGVHcm91cFBhZ2VDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgICBwcm90ZWN0ZWQgX2xvZ1NlcnZpY2UgPSBpbmplY3QoTG9nU2VydmljZSk7XG4gICAgcHJvdGVjdGVkIF9hY3RpdmF0ZWRSb3V0ZSA9IGluamVjdChBY3RpdmF0ZWRSb3V0ZSk7XG4gICAgcHJvdGVjdGVkIF9yb3V0ZXIgPSBpbmplY3QoUm91dGVyKTtcbiAgICBtb0xpc3QgPSBzaWduYWw8QmFzZVRpbGVTZXR0aW5nW10+KFtdKTtcbiAgICBicmVhZENydW1icyQ6IE9ic2VydmFibGU8QnJlYWRDcnVtYkluZm9bXT47XG4gICAgaXNNb2JpbGUgPSBnZXREZXZpY2VJc01vYmlsZSgpO1xuICAgIHJ0bCA9IEJhcnNhQXBpLkxvZ2luRm9ybURhdGEuSXNSdGw7XG4gICAgLyoqXG4gICAgICpcbiAgICAgKi9cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9icmVhZGNydW1iU2VydmljZTogQnJlYWRjcnVtYlNlcnZpY2UpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMuYnJlYWRDcnVtYnMkID0gdGhpcy5fYnJlYWRjcnVtYlNlcnZpY2UuYnJlYWRjcnVtYnMkO1xuXG4gICAgICAgIGNvbnN0IGlkID0gdGhpcy5fYWN0aXZhdGVkUm91dGUuc25hcHNob3QucGFyYW1zWydpZCddO1xuICAgICAgICBCYXJzYUFwaS5Cdy5SdW5CbE1ldGhvZEFzeW5jKHtcbiAgICAgICAgICAgIFBhcmFtZXRlcnM6IFtpZF0sXG4gICAgICAgICAgICBNZXRob2Q6ICdHZXRUaWxlR3JvdXBBcHBzJyxcbiAgICAgICAgICAgIFN1Y2Nlc3NGbjogKGU6IE1vRm9yUmVwb3J0TW9kZWwpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLm1vTGlzdC5zZXQoZS5Nb0RhdGFMaXN0IGFzIEFycmF5PEJhc2VUaWxlU2V0dGluZz4pO1xuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIEZhaWxGbjogKGUpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLl9sb2dTZXJ2aWNlLmVycm9yKGUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG4gICAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uQ2hhbmdlcyhjaGFuZ2VzKTtcbiAgICB9XG4gICAgb25DbG9zZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5fcm91dGVyLm5hdmlnYXRlKFsnL2hvbWUnXSk7XG4gICAgfVxufVxuIiwiPHJvdXRlci1vdXRsZXQ+PC9yb3V0ZXItb3V0bGV0PlxuXG48ZmQtZHluYW1pYy1wYWdlIHNpemU9XCJsYXJnZVwiIFthdXRvUmVzcG9uc2l2ZV09XCJ0cnVlXCI+XG4gICAgPGZkLWR5bmFtaWMtcGFnZS1oZWFkZXJcbiAgICAgICAgW2NsYXNzLnNpbXBsZS10aXRsZV09XCJ0cnVlXCJcbiAgICAgICAgW3RpdGxlXT1cIicnXCJcbiAgICAgICAgW2NsYXNzLnAtYjBdPVwidHJ1ZVwiXG4gICAgICAgIFtjbGFzcy5oaWRlLXRpdGxlXT1cImZhbHNlXCJcbiAgICAgICAgI3RpdGxlUmVmXG4gICAgPlxuICAgICAgICA8IS0tIEBpZiAoIWlzTW9iaWxlICl7XG4gICAgICAgIEBpZihicmVhZENydW1icyQgfCBhc3luYyA7IGFzIGJyZWFkQ3J1bWJzKVxuICAgICAgICB7XG4gICAgICAgIDxmZC1icmVhZGNydW1iPlxuICAgICAgICAgICAgQGlmIChicmVhZENydW1icyAmJiAhaXNNb2JpbGUpIHsgQGZvciAoYnJlYWRDcnVtYiBvZiBicmVhZENydW1icyB8IHNsaWNlOiAwOmJyZWFkQ3J1bWJzLmxlbmd0aDsgdHJhY2tcbiAgICAgICAgICAgIGJyZWFkQ3J1bWI7IGxldCBpID0gJGluZGV4OyBsZXQgbGFzdCA9ICRsYXN0KSB7XG4gICAgICAgICAgICA8ZmQtYnJlYWRjcnVtYi1pdGVtPlxuICAgICAgICAgICAgICAgIDxic3UtYnJlYWRjcnVtYlxuICAgICAgICAgICAgICAgICAgICBbaW5kZXhdPVwiaVwiXG4gICAgICAgICAgICAgICAgICAgIFtpc0xhc3RdPVwibGFzdFwiXG4gICAgICAgICAgICAgICAgICAgIFticmVhZENydW1iXT1cImJyZWFkQ3J1bWJcIlxuICAgICAgICAgICAgICAgICAgICBbYWxsQnJlYWRDcnVtYl09XCJicmVhZENydW1ic1wiXG4gICAgICAgICAgICAgICAgPjwvYnN1LWJyZWFkY3J1bWI+XG4gICAgICAgICAgICA8L2ZkLWJyZWFkY3J1bWItaXRlbT5cbiAgICAgICAgICAgIH0gfVxuICAgICAgICA8L2ZkLWJyZWFkY3J1bWI+XG4gICAgICAgIH1cbiAgICB9IC0tPlxuICAgICAgICA8ZmQtZHluYW1pYy1wYWdlLWxheW91dC1hY3Rpb25zPlxuICAgICAgICAgICAgPGZkLXRvb2xiYXIgZmRUeXBlPVwidHJhbnNwYXJlbnRcIiBbY2xlYXJCb3JkZXJdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gZmQtYnV0dG9uIGZkVHlwZT1cInRyYW5zcGFyZW50XCIgYXJpYS1sYWJlbD1cIkNsb3NlXCIgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiIHRpdGxlPVwiQ2xvc2VcIj5cbiAgICAgICAgICAgICAgICAgICAgPGkgW2NsYXNzXT1cIidzYXAtaWNvbi0tJyArIChpc01vYmlsZSA/IChydGwgPyAnYXJyb3ctcmlnaHQnIDogJ2Fycm93LWxlZnQnKSA6ICdkZWNsaW5lJylcIj48L2k+XG4gICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8L2ZkLXRvb2xiYXI+XG4gICAgICAgIDwvZmQtZHluYW1pYy1wYWdlLWxheW91dC1hY3Rpb25zPlxuICAgIDwvZmQtZHluYW1pYy1wYWdlLWhlYWRlcj5cblxuICAgIDxmZC1keW5hbWljLXBhZ2UtY29udGVudCBjZGtTY3JvbGxhYmxlPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidHctZmxleCB0dy1nYXAtMVwiPlxuICAgICAgICAgICAgQGZvcihhcHAgb2YgbW9MaXN0KCk7dHJhY2sgYXBwLklkKXtcbiAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgW2R5bmFtaWNDb21tYW5kXT1cImFwcC5EeW5hbWljQ29tbWFuZFwiXG4gICAgICAgICAgICAgICAgW2VuYWJsZUNvbW1hbmRdPVwiYXBwLkNvbXBvbmVudFwiXG4gICAgICAgICAgICAgICAgdGlsZVJlbmRlcmVyXG4gICAgICAgICAgICAgICAgW2RhdGFdPVwiYXBwXCJcbiAgICAgICAgICAgICAgICBbZWRpdF09XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgW2NvbXBvbmVudF09XCJhcHAuQ29tcG9uZW50XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgPC9kaXY+XG4gICAgPC9mZC1keW5hbWljLXBhZ2UtY29udGVudD5cbjwvZmQtZHluYW1pYy1wYWdlPlxuXG48bmctdGVtcGxhdGUgI2xvYWRpbmdUcGw+XG4gICAgPGJzdS1tYXNrPjwvYnN1LW1hc2s+XG48L25nLXRlbXBsYXRlPlxuIl19
|
package/fesm2022/barsa-tiles.mjs
CHANGED
|
@@ -15,7 +15,7 @@ import * as i4 from 'barsa-sap-ui';
|
|
|
15
15
|
import { BarsaTreeItemComponent, BarsaSapUiModule } from 'barsa-sap-ui';
|
|
16
16
|
import * as i1$2 from '@fundamental-ngx/core/icon';
|
|
17
17
|
import * as i3$2 from '@angular/router';
|
|
18
|
-
import { ActivatedRoute, RouterModule } from '@angular/router';
|
|
18
|
+
import { ActivatedRoute, Router, RouterModule } from '@angular/router';
|
|
19
19
|
import * as i3$1 from '@angular/cdk/drag-drop';
|
|
20
20
|
import { moveItemInArray, transferArrayItem, DragDropModule } from '@angular/cdk/drag-drop';
|
|
21
21
|
import * as i4$2 from '@fundamental-ngx/core/busy-indicator';
|
|
@@ -46,7 +46,7 @@ import * as i10 from '@fundamental-ngx/core/product-switch';
|
|
|
46
46
|
import * as i11 from '@fundamental-ngx/core/popover';
|
|
47
47
|
import * as i12 from '@fundamental-ngx/core/shellbar';
|
|
48
48
|
import * as i4$5 from '@fundamental-ngx/core/notification';
|
|
49
|
-
import * as
|
|
49
|
+
import * as i3$5 from '@angular/cdk/scrolling';
|
|
50
50
|
import { CdkTableModule } from '@angular/cdk/table';
|
|
51
51
|
import { IconTabBarComponent, IconTabBarTabComponent, IconTabBarTabContentDirective } from '@fundamental-ngx/platform';
|
|
52
52
|
|
|
@@ -3009,14 +3009,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
3009
3009
|
}] } });
|
|
3010
3010
|
|
|
3011
3011
|
class BarsaTileGroupPageComponent extends BaseComponent {
|
|
3012
|
-
|
|
3013
|
-
|
|
3012
|
+
/**
|
|
3013
|
+
*
|
|
3014
|
+
*/
|
|
3015
|
+
constructor(_breadcrumbService) {
|
|
3016
|
+
super();
|
|
3017
|
+
this._breadcrumbService = _breadcrumbService;
|
|
3014
3018
|
this._logService = inject(LogService);
|
|
3015
3019
|
this._activatedRoute = inject(ActivatedRoute);
|
|
3020
|
+
this._router = inject(Router);
|
|
3016
3021
|
this.moList = signal([]);
|
|
3022
|
+
this.isMobile = getDeviceIsMobile();
|
|
3023
|
+
this.rtl = BarsaApi.LoginFormData.IsRtl;
|
|
3017
3024
|
}
|
|
3018
3025
|
ngOnInit() {
|
|
3019
3026
|
super.ngOnInit();
|
|
3027
|
+
this.breadCrumbs$ = this._breadcrumbService.breadcrumbs$;
|
|
3020
3028
|
const id = this._activatedRoute.snapshot.params['id'];
|
|
3021
3029
|
BarsaApi.Bw.RunBlMethodAsync({
|
|
3022
3030
|
Parameters: [id],
|
|
@@ -3032,13 +3040,16 @@ class BarsaTileGroupPageComponent extends BaseComponent {
|
|
|
3032
3040
|
ngOnChanges(changes) {
|
|
3033
3041
|
super.ngOnChanges(changes);
|
|
3034
3042
|
}
|
|
3035
|
-
|
|
3036
|
-
|
|
3043
|
+
onClose() {
|
|
3044
|
+
this._router.navigate(['/home']);
|
|
3045
|
+
}
|
|
3046
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTileGroupPageComponent, deps: [{ token: i1.BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3047
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTileGroupPageComponent, selector: "bt-barsa-tile-group-page", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<router-outlet></router-outlet>\n\n<fd-dynamic-page size=\"large\" [autoResponsive]=\"true\">\n <fd-dynamic-page-header\n [class.simple-title]=\"true\"\n [title]=\"''\"\n [class.p-b0]=\"true\"\n [class.hide-title]=\"false\"\n #titleRef\n >\n <!-- @if (!isMobile ){\n @if(breadCrumbs$ | async ; as breadCrumbs)\n {\n <fd-breadcrumb>\n @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\n breadCrumb; let i = $index; let last = $last) {\n <fd-breadcrumb-item>\n <bsu-breadcrumb\n [index]=\"i\"\n [isLast]=\"last\"\n [breadCrumb]=\"breadCrumb\"\n [allBreadCrumb]=\"breadCrumbs\"\n ></bsu-breadcrumb>\n </fd-breadcrumb-item>\n } }\n </fd-breadcrumb>\n }\n } -->\n <fd-dynamic-page-layout-actions>\n <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n </button>\n </fd-toolbar>\n </fd-dynamic-page-layout-actions>\n </fd-dynamic-page-header>\n\n <fd-dynamic-page-content cdkScrollable>\n <div class=\"tw-flex tw-gap-1\">\n @for(app of moList();track app.Id){\n <span\n [dynamicCommand]=\"app.DynamicCommand\"\n [enableCommand]=\"app.Component\"\n tileRenderer\n [data]=\"app\"\n [edit]=\"false\"\n [component]=\"app.Component\"\n >\n </span>\n }\n </div>\n </fd-dynamic-page-content>\n</fd-dynamic-page>\n\n<ng-template #loadingTpl>\n <bsu-mask></bsu-mask>\n</ng-template>\n", styles: [".app-groups{width:25vw;border-left:.0625rem solid var(--sapGroup_TitleBorderColor, #d9d9d9)}\n"], dependencies: [{ kind: "directive", type: i3$2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: i3$5.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$2.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["disableSnapOnScroll", "ariaLabel", "background", "autoResponsive", "size", "offset", "expandContent"] }, { kind: "component", type: i6$2.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "titleWrap", "subtitle", "subtitleWrap"] }, { kind: "component", type: i6$2.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i6$2.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i5$1.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i4.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "directive", type: TileRendererDirective, selector: "[tileRenderer]", inputs: ["component", "data", "edit"], outputs: ["hideClick", "renameClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3037
3048
|
}
|
|
3038
3049
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTileGroupPageComponent, decorators: [{
|
|
3039
3050
|
type: Component,
|
|
3040
|
-
args: [{ selector: 'bt-barsa-tile-group-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<
|
|
3041
|
-
}] });
|
|
3051
|
+
args: [{ selector: 'bt-barsa-tile-group-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<router-outlet></router-outlet>\n\n<fd-dynamic-page size=\"large\" [autoResponsive]=\"true\">\n <fd-dynamic-page-header\n [class.simple-title]=\"true\"\n [title]=\"''\"\n [class.p-b0]=\"true\"\n [class.hide-title]=\"false\"\n #titleRef\n >\n <!-- @if (!isMobile ){\n @if(breadCrumbs$ | async ; as breadCrumbs)\n {\n <fd-breadcrumb>\n @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\n breadCrumb; let i = $index; let last = $last) {\n <fd-breadcrumb-item>\n <bsu-breadcrumb\n [index]=\"i\"\n [isLast]=\"last\"\n [breadCrumb]=\"breadCrumb\"\n [allBreadCrumb]=\"breadCrumbs\"\n ></bsu-breadcrumb>\n </fd-breadcrumb-item>\n } }\n </fd-breadcrumb>\n }\n } -->\n <fd-dynamic-page-layout-actions>\n <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"onClose()\" title=\"Close\">\n <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n </button>\n </fd-toolbar>\n </fd-dynamic-page-layout-actions>\n </fd-dynamic-page-header>\n\n <fd-dynamic-page-content cdkScrollable>\n <div class=\"tw-flex tw-gap-1\">\n @for(app of moList();track app.Id){\n <span\n [dynamicCommand]=\"app.DynamicCommand\"\n [enableCommand]=\"app.Component\"\n tileRenderer\n [data]=\"app\"\n [edit]=\"false\"\n [component]=\"app.Component\"\n >\n </span>\n }\n </div>\n </fd-dynamic-page-content>\n</fd-dynamic-page>\n\n<ng-template #loadingTpl>\n <bsu-mask></bsu-mask>\n</ng-template>\n", styles: [".app-groups{width:25vw;border-left:.0625rem solid var(--sapGroup_TitleBorderColor, #d9d9d9)}\n"] }]
|
|
3052
|
+
}], ctorParameters: () => [{ type: i1.BreadcrumbService }] });
|
|
3042
3053
|
|
|
3043
3054
|
class HomeGroupPipe {
|
|
3044
3055
|
constructor() { }
|