barsa-tiles 3.0.12 → 3.0.13
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/barsa-tiles.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { signal, computed, inject, Injectable, DestroyRef, NgZone, ChangeDetectionStrategy, Component, EventEmitter, Output, Input, Directive, ChangeDetectorRef, ViewContainerRef, HostListener, ViewChild, ElementRef,
|
|
2
|
+
import { signal, computed, inject, Injectable, DestroyRef, NgZone, ChangeDetectionStrategy, Component, EventEmitter, Output, Input, Directive, ChangeDetectorRef, ViewContainerRef, HostListener, Pipe, ViewChild, ElementRef, HostBinding, Injector, EnvironmentInjector, input, Renderer2, TemplateRef, DOCUMENT, NgModule, provideAppInitializer, NO_ERRORS_SCHEMA } from '@angular/core';
|
|
3
3
|
import * as i5 from 'barsa-novin-ray-core';
|
|
4
4
|
import { BarsaApi, BbbTranslatePipe, PortalService, TilePropsComponent, BaseComponent, BaseDirective, IsDarkMode, LocalStorageService, PreventDefaulEvent, hhmmToMs, ScrollLayoutContextHolder, getDeviceIsMobile, BaseController, BaseDynamicComponent, SaveScrollPositionService, ExecuteDynamicCommand, ShellbarHeightService, ViewBase, EnumCaptionPipe, ReportContainerComponent, GroupByService, APP_VERSION, FavoriteItemsService, resolveShellbarLogo, bodyClick, getDeviceIsDesktop, getDeviceIsTablet, ApplicationCtrlrService, BreadcrumbService, NotificationService, SortDirection, LogService, RoutingService, EmptyPageComponent, ReportNavigatorComponent, TileGroupBreadcrumResolver, PortalPageResolver, AuthGuard, BaseModule, DynamicComponentService, BarsaNovinRayCoreModule } from 'barsa-novin-ray-core';
|
|
5
5
|
import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
@@ -739,6 +739,8 @@ class TilesService {
|
|
|
739
739
|
appTiles.MoDataList.forEach((element) => {
|
|
740
740
|
element.Component = element.A_App_Component ?? element.A_AppTile_App_Component;
|
|
741
741
|
element.DynamicCommand = element.A_App_DynamicCommand ?? element.A_AppTile_App_DynamicCommand;
|
|
742
|
+
element.DisableDynamicCommand =
|
|
743
|
+
element.A_App_DisableDynamicCommand ?? element.A_AppTile_App_DisableDynamicCommand;
|
|
742
744
|
element.Predefined = element.Predefined ?? element.A_AppTile_Predefined;
|
|
743
745
|
});
|
|
744
746
|
return { ...appTilegroup, $TilesLoaded: true, AppTiles: appTiles };
|
|
@@ -1015,6 +1017,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
1015
1017
|
args: ['click', ['$event']]
|
|
1016
1018
|
}] } });
|
|
1017
1019
|
|
|
1020
|
+
class TilePropPipe {
|
|
1021
|
+
transform(data, prop, parameters) {
|
|
1022
|
+
if (data) {
|
|
1023
|
+
if (prop === 'Title') {
|
|
1024
|
+
let val = data.TileTitle;
|
|
1025
|
+
if (!val) {
|
|
1026
|
+
val = BarsaApi.Common.Util.TryGetValue(data, 'Component.Settings.TileSetting.Title', '');
|
|
1027
|
+
}
|
|
1028
|
+
if (!val) {
|
|
1029
|
+
val = BarsaApi.Common.Util.TryGetValue(data, 'Title', '');
|
|
1030
|
+
}
|
|
1031
|
+
return val;
|
|
1032
|
+
}
|
|
1033
|
+
if (prop === 'Subtitle') {
|
|
1034
|
+
let val = data.Subtitle;
|
|
1035
|
+
if (!val) {
|
|
1036
|
+
val = BarsaApi.Common.Util.TryGetValue(data, 'Component.Settings.TileSetting.Subtitle', '');
|
|
1037
|
+
}
|
|
1038
|
+
if (!val) {
|
|
1039
|
+
val = BarsaApi.Common.Util.TryGetValue(data, 'Subtitle', '');
|
|
1040
|
+
}
|
|
1041
|
+
return val;
|
|
1042
|
+
}
|
|
1043
|
+
if (prop === 'DynamicCommand') {
|
|
1044
|
+
return data['DynamicCommand'];
|
|
1045
|
+
}
|
|
1046
|
+
if (prop === 'DisableDynamicCommand') {
|
|
1047
|
+
// App.DisableDynamicCommand lives on the tile data row, not in Component.Settings
|
|
1048
|
+
const val = data.DisableDynamicCommand ??
|
|
1049
|
+
data.A_App_DisableDynamicCommand ??
|
|
1050
|
+
data.A_AppTile_App_DisableDynamicCommand;
|
|
1051
|
+
return val === true;
|
|
1052
|
+
}
|
|
1053
|
+
if (data.Component && data.Component.Settings) {
|
|
1054
|
+
const val = data.Component.Settings.TileSetting[prop];
|
|
1055
|
+
if (typeof val === 'undefined') {
|
|
1056
|
+
return data.Component.Settings[prop];
|
|
1057
|
+
}
|
|
1058
|
+
return val;
|
|
1059
|
+
}
|
|
1060
|
+
return '';
|
|
1061
|
+
}
|
|
1062
|
+
return parameters ? parameters.TileSetting[prop] : '';
|
|
1063
|
+
}
|
|
1064
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TilePropPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1065
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: TilePropPipe, isStandalone: false, name: "tileProp" }); }
|
|
1066
|
+
}
|
|
1067
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TilePropPipe, decorators: [{
|
|
1068
|
+
type: Pipe,
|
|
1069
|
+
args: [{
|
|
1070
|
+
name: 'tileProp',
|
|
1071
|
+
standalone: false
|
|
1072
|
+
}]
|
|
1073
|
+
}] });
|
|
1074
|
+
|
|
1018
1075
|
class TileComponent extends TilePropsComponent {
|
|
1019
1076
|
constructor() {
|
|
1020
1077
|
super(...arguments);
|
|
@@ -1028,11 +1085,11 @@ class TileComponent extends TilePropsComponent {
|
|
|
1028
1085
|
this._footer?.markUpdated();
|
|
1029
1086
|
}
|
|
1030
1087
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1031
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: TileComponent, isStandalone: false, selector: "bt-tile", inputs: { type: "type", footerTemplate: "footerTemplate", footer: "footer", title: "title", icon: "icon", subtitle: "subtitle", isDouble: "isDouble", canReload: "canReload", showUpdateTime: "showUpdateTime", darkMode: "darkMode", disableClick: "disableClick", edit: "edit", dynamicCommand: "dynamicCommand", backColor: "backColor", hideHeader: "hideHeader", setToStorage: "setToStorage", listMode: "listMode", navigateBackOnClick: "navigateBackOnClick", contentOnly: "contentOnly" }, outputs: { changeGroupClick: "changeGroupClick", reloadClick: "reloadClick" }, viewQueries: [{ propertyName: "_footer", first: true, predicate: FooterTileComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if(!listMode) {\r\n<fd-tile\r\n [type]=\"type\"\r\n [double]=\"isDouble === true\"\r\n [action]=\"edit\"\r\n tileStyle\r\n [backColor]=\"darkMode ? '' : backColor\"\r\n [size]=\"'s'\"\r\n tileDynCommand\r\n [disableClick]=\"disableClick\"\r\n [edit]=\"edit\"\r\n [navigateBackOnClick]=\"navigateBackOnClick\"\r\n [title]=\"title\"\r\n [setToStorage]=\"setToStorage\"\r\n [dynamicCommand]=\"dynamicCommand\"\r\n [class.bt-tile--content-only]=\"contentOnly\"\r\n [class.bt-tile--content-only-edit]=\"contentOnly && edit\"\r\n>\r\n @if (edit && !data.Locked) {\r\n <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\r\n } @if (edit && !data.Locked) {\r\n <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\r\n } @if(!hideHeader && !contentOnly){\r\n <div fd-tile-header>\r\n <h1 fd-tile-title [overflowText]=\"title | bbbTranslate\">\r\n {{ title | bbbTranslate }}\r\n </h1>\r\n <h2 fd-tile-subtitle>\r\n {{ subtitle | bbbTranslate }}\r\n </h2>\r\n </div>\r\n }\r\n <ng-content></ng-content>\r\n @if (!contentOnly) {\r\n <ng-container [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultFooter\"></ng-container>\r\n }\r\n</fd-tile>\r\n}@else{\r\n<span fd-list-title> {{ title | bbbTranslate }} </span>\r\n<span fd-list-secondary> {{ subtitle | bbbTranslate }} </span>\r\n@if(icon){ <i fd-list-icon [glyph]=\"icon\"></i>} }\r\n<ng-template #defaultFooter>\r\n @if (footer) {\r\n <div\r\n fd-tile-footer\r\n bt-footer-tile\r\n [canReload]=\"canReload\"\r\n [showUpdateTime]=\"showUpdateTime\"\r\n [secondSection]=\"footer.SecondSection\"\r\n [twoColumn]=\"footer.twoColumn\"\r\n [firstSection]=\"footer.FirstSection\"\r\n (reloadClick)=\"reloadClick.emit()\"\r\n ></div>\r\n\r\n }\r\n</ng-template>\r\n<fd-menu #menu>\r\n <li fd-menu-item>\r\n <a (click)=\"menu.close(); renameClick.emit()\" fd-menu-interactive>\r\n <span fd-menu-title>{{ 'Rename' | bbbTranslate }}</span>\r\n </a>\r\n </li>\r\n <li fd-menu-item>\r\n <a (click)=\"menu.close(); changeGroupClick.emit()\" fd-menu-interactive>\r\n <span fd-menu-title>{{ 'Groups' | bbbTranslate }}</span>\r\n </a>\r\n </li>\r\n</fd-menu>\r\n", styles: [":host,fd-tile{display:block}fd-tile.bt-tile--content-only{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-height:none!important;min-height:0!important;min-width:0!important;overflow:visible;padding:0!important}fd-tile.bt-tile--content-only:hover,fd-tile.bt-tile--content-only:active,fd-tile.bt-tile--content-only.is-hover,fd-tile.bt-tile--content-only.is-active{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;box-shadow:none!important}fd-tile.bt-tile--content-only ::ng-deep .fd-tile__content{margin:0!important;max-height:none!important;min-height:0!important;padding:0!important}fd-tile.bt-tile--content-only-edit{outline:var(--sapContent_FocusWidth, .0625rem) dashed var(--sapContent_FocusColor, #0070f2);outline-offset:calc(-1 * var(--sapContent_FocusWidth, .0625rem))}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap", "truncate", "scope"] }, { kind: "directive", type: i7.ListSecondaryDirective, selector: "[fd-list-secondary], [fdListSecondary]", inputs: ["type"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "component", type: i4.MenuComponent, selector: "fd-menu", inputs: ["openOnHoverTime", "ariaLabel", "ariaLabelledby", "id", "config", "mobile", "mobileConfig", "placement", "closeOnEscapeKey", "focusAutoCapture", "disabled", "disableScrollbar", "triggers", "fillControlMode", "closeOnOutsideClick", "noArrow", "focusTrapped", "additionalBodyClass", "closeOnNavigation", "restoreFocusOnClose", "appendTo", "fixedPosition", "scrollStrategy", "isOpen"], outputs: ["isOpenChange", "activePath", "beforeOpen"] }, { kind: "component", type: i4.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i4.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i4.MenuTitleDirective, selector: "[fd-menu-title]", inputs: ["truncate"] }, { kind: "directive", type: i4.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i1$1.TileComponent, selector: "fd-tile, [fd-tile]", inputs: ["size", "double", "type", "action", "clickable", "role", "ariaLabel", "ariaLabelledby", "id"], outputs: ["tileClick"] }, { kind: "directive", type: i1$1.TileHeaderDirective, selector: "[fdTileHeader], [fd-tile-header]", inputs: ["twoColumn"] }, { kind: "directive", type: i1$1.TileFooterDirective, selector: "[fdTileFooter], [fd-tile-footer]", inputs: ["twoColumn"] }, { kind: "directive", type: i1$1.TileTitleDirective, selector: "[fdTileTitle], [fd-tile-title]" }, { kind: "directive", type: i1$1.TileSubtitleDirective, selector: "[fdTileTitle], [fd-tile-subtitle]" }, { kind: "directive", type: i1$1.TileActionCloseDirective, selector: "[fdTileActionClose], [fd-tile-action-close]" }, { kind: "directive", type: i1$1.TileActionIndicatorDirective, selector: "[fdTileActionIndicator], [fd-tile-action-indicator]" }, { kind: "directive", type: i5.OverflowTextDirective, selector: "[overflowText]", exportAs: ["overflowText"] }, { kind: "component", type: FooterTileComponent, selector: "bt-footer-tile,div[bt-footer-tile]", inputs: ["firstSection", "secondSection", "twoColumn", "canReload", "showUpdateTime"], outputs: ["reloadClick"] }, { kind: "directive", type: TileStyleDirective, selector: "[tileStyle]", inputs: ["backColor"] }, { kind: "directive", type: TileDynamicCommandDirective, selector: "[tileDynCommand]", inputs: ["disableClick", "edit", "dynamicCommand", "title", "setToStorage", "navigateBackOnClick"] }, { kind: "pipe", type: i5.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1088
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: TileComponent, isStandalone: false, selector: "bt-tile", inputs: { type: "type", footerTemplate: "footerTemplate", footer: "footer", title: "title", icon: "icon", subtitle: "subtitle", isDouble: "isDouble", canReload: "canReload", showUpdateTime: "showUpdateTime", darkMode: "darkMode", disableClick: "disableClick", edit: "edit", dynamicCommand: "dynamicCommand", backColor: "backColor", hideHeader: "hideHeader", setToStorage: "setToStorage", listMode: "listMode", navigateBackOnClick: "navigateBackOnClick", contentOnly: "contentOnly" }, outputs: { changeGroupClick: "changeGroupClick", reloadClick: "reloadClick" }, viewQueries: [{ propertyName: "_footer", first: true, predicate: FooterTileComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if(!listMode) {\r\n<fd-tile\r\n [type]=\"type\"\r\n [double]=\"isDouble === true\"\r\n [action]=\"edit\"\r\n tileStyle\r\n [backColor]=\"darkMode ? '' : backColor\"\r\n [size]=\"'s'\"\r\n tileDynCommand\r\n [disableClick]=\"disableClick || (data | tileProp: 'DisableDynamicCommand')\"\r\n [edit]=\"edit\"\r\n [navigateBackOnClick]=\"navigateBackOnClick\"\r\n [title]=\"title\"\r\n [setToStorage]=\"setToStorage\"\r\n [dynamicCommand]=\"dynamicCommand\"\r\n [class.bt-tile--content-only]=\"contentOnly\"\r\n [class.bt-tile--content-only-edit]=\"contentOnly && edit\"\r\n>\r\n @if (edit && !data.Locked) {\r\n <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\r\n } @if (edit && !data.Locked) {\r\n <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\r\n } @if(!hideHeader && !contentOnly){\r\n <div fd-tile-header>\r\n <h1 fd-tile-title [overflowText]=\"title | bbbTranslate\">\r\n {{ title | bbbTranslate }}\r\n </h1>\r\n <h2 fd-tile-subtitle>\r\n {{ subtitle | bbbTranslate }}\r\n </h2>\r\n </div>\r\n }\r\n <ng-content></ng-content>\r\n @if (!contentOnly) {\r\n <ng-container [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultFooter\"></ng-container>\r\n }\r\n</fd-tile>\r\n}@else{\r\n<span fd-list-title> {{ title | bbbTranslate }} </span>\r\n<span fd-list-secondary> {{ subtitle | bbbTranslate }} </span>\r\n@if(icon){ <i fd-list-icon [glyph]=\"icon\"></i>} }\r\n<ng-template #defaultFooter>\r\n @if (footer) {\r\n <div\r\n fd-tile-footer\r\n bt-footer-tile\r\n [canReload]=\"canReload\"\r\n [showUpdateTime]=\"showUpdateTime\"\r\n [secondSection]=\"footer.SecondSection\"\r\n [twoColumn]=\"footer.twoColumn\"\r\n [firstSection]=\"footer.FirstSection\"\r\n (reloadClick)=\"reloadClick.emit()\"\r\n ></div>\r\n\r\n }\r\n</ng-template>\r\n<fd-menu #menu>\r\n <li fd-menu-item>\r\n <a (click)=\"menu.close(); renameClick.emit()\" fd-menu-interactive>\r\n <span fd-menu-title>{{ 'Rename' | bbbTranslate }}</span>\r\n </a>\r\n </li>\r\n <li fd-menu-item>\r\n <a (click)=\"menu.close(); changeGroupClick.emit()\" fd-menu-interactive>\r\n <span fd-menu-title>{{ 'Groups' | bbbTranslate }}</span>\r\n </a>\r\n </li>\r\n</fd-menu>\r\n", styles: [":host,fd-tile{display:block}fd-tile.bt-tile--content-only{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-height:none!important;min-height:0!important;min-width:0!important;overflow:visible;padding:0!important}fd-tile.bt-tile--content-only:hover,fd-tile.bt-tile--content-only:active,fd-tile.bt-tile--content-only.is-hover,fd-tile.bt-tile--content-only.is-active{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;box-shadow:none!important}fd-tile.bt-tile--content-only ::ng-deep .fd-tile__content{margin:0!important;max-height:none!important;min-height:0!important;padding:0!important}fd-tile.bt-tile--content-only-edit{outline:var(--sapContent_FocusWidth, .0625rem) dashed var(--sapContent_FocusColor, #0070f2);outline-offset:calc(-1 * var(--sapContent_FocusWidth, .0625rem))}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap", "truncate", "scope"] }, { kind: "directive", type: i7.ListSecondaryDirective, selector: "[fd-list-secondary], [fdListSecondary]", inputs: ["type"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "component", type: i4.MenuComponent, selector: "fd-menu", inputs: ["openOnHoverTime", "ariaLabel", "ariaLabelledby", "id", "config", "mobile", "mobileConfig", "placement", "closeOnEscapeKey", "focusAutoCapture", "disabled", "disableScrollbar", "triggers", "fillControlMode", "closeOnOutsideClick", "noArrow", "focusTrapped", "additionalBodyClass", "closeOnNavigation", "restoreFocusOnClose", "appendTo", "fixedPosition", "scrollStrategy", "isOpen"], outputs: ["isOpenChange", "activePath", "beforeOpen"] }, { kind: "component", type: i4.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i4.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i4.MenuTitleDirective, selector: "[fd-menu-title]", inputs: ["truncate"] }, { kind: "directive", type: i4.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i1$1.TileComponent, selector: "fd-tile, [fd-tile]", inputs: ["size", "double", "type", "action", "clickable", "role", "ariaLabel", "ariaLabelledby", "id"], outputs: ["tileClick"] }, { kind: "directive", type: i1$1.TileHeaderDirective, selector: "[fdTileHeader], [fd-tile-header]", inputs: ["twoColumn"] }, { kind: "directive", type: i1$1.TileFooterDirective, selector: "[fdTileFooter], [fd-tile-footer]", inputs: ["twoColumn"] }, { kind: "directive", type: i1$1.TileTitleDirective, selector: "[fdTileTitle], [fd-tile-title]" }, { kind: "directive", type: i1$1.TileSubtitleDirective, selector: "[fdTileTitle], [fd-tile-subtitle]" }, { kind: "directive", type: i1$1.TileActionCloseDirective, selector: "[fdTileActionClose], [fd-tile-action-close]" }, { kind: "directive", type: i1$1.TileActionIndicatorDirective, selector: "[fdTileActionIndicator], [fd-tile-action-indicator]" }, { kind: "directive", type: i5.OverflowTextDirective, selector: "[overflowText]", exportAs: ["overflowText"] }, { kind: "component", type: FooterTileComponent, selector: "bt-footer-tile,div[bt-footer-tile]", inputs: ["firstSection", "secondSection", "twoColumn", "canReload", "showUpdateTime"], outputs: ["reloadClick"] }, { kind: "directive", type: TileStyleDirective, selector: "[tileStyle]", inputs: ["backColor"] }, { kind: "directive", type: TileDynamicCommandDirective, selector: "[tileDynCommand]", inputs: ["disableClick", "edit", "dynamicCommand", "title", "setToStorage", "navigateBackOnClick"] }, { kind: "pipe", type: i5.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: TilePropPipe, name: "tileProp" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1032
1089
|
}
|
|
1033
1090
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TileComponent, decorators: [{
|
|
1034
1091
|
type: Component,
|
|
1035
|
-
args: [{ selector: 'bt-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if(!listMode) {\r\n<fd-tile\r\n [type]=\"type\"\r\n [double]=\"isDouble === true\"\r\n [action]=\"edit\"\r\n tileStyle\r\n [backColor]=\"darkMode ? '' : backColor\"\r\n [size]=\"'s'\"\r\n tileDynCommand\r\n [disableClick]=\"disableClick\"\r\n [edit]=\"edit\"\r\n [navigateBackOnClick]=\"navigateBackOnClick\"\r\n [title]=\"title\"\r\n [setToStorage]=\"setToStorage\"\r\n [dynamicCommand]=\"dynamicCommand\"\r\n [class.bt-tile--content-only]=\"contentOnly\"\r\n [class.bt-tile--content-only-edit]=\"contentOnly && edit\"\r\n>\r\n @if (edit && !data.Locked) {\r\n <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\r\n } @if (edit && !data.Locked) {\r\n <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\r\n } @if(!hideHeader && !contentOnly){\r\n <div fd-tile-header>\r\n <h1 fd-tile-title [overflowText]=\"title | bbbTranslate\">\r\n {{ title | bbbTranslate }}\r\n </h1>\r\n <h2 fd-tile-subtitle>\r\n {{ subtitle | bbbTranslate }}\r\n </h2>\r\n </div>\r\n }\r\n <ng-content></ng-content>\r\n @if (!contentOnly) {\r\n <ng-container [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultFooter\"></ng-container>\r\n }\r\n</fd-tile>\r\n}@else{\r\n<span fd-list-title> {{ title | bbbTranslate }} </span>\r\n<span fd-list-secondary> {{ subtitle | bbbTranslate }} </span>\r\n@if(icon){ <i fd-list-icon [glyph]=\"icon\"></i>} }\r\n<ng-template #defaultFooter>\r\n @if (footer) {\r\n <div\r\n fd-tile-footer\r\n bt-footer-tile\r\n [canReload]=\"canReload\"\r\n [showUpdateTime]=\"showUpdateTime\"\r\n [secondSection]=\"footer.SecondSection\"\r\n [twoColumn]=\"footer.twoColumn\"\r\n [firstSection]=\"footer.FirstSection\"\r\n (reloadClick)=\"reloadClick.emit()\"\r\n ></div>\r\n\r\n }\r\n</ng-template>\r\n<fd-menu #menu>\r\n <li fd-menu-item>\r\n <a (click)=\"menu.close(); renameClick.emit()\" fd-menu-interactive>\r\n <span fd-menu-title>{{ 'Rename' | bbbTranslate }}</span>\r\n </a>\r\n </li>\r\n <li fd-menu-item>\r\n <a (click)=\"menu.close(); changeGroupClick.emit()\" fd-menu-interactive>\r\n <span fd-menu-title>{{ 'Groups' | bbbTranslate }}</span>\r\n </a>\r\n </li>\r\n</fd-menu>\r\n", styles: [":host,fd-tile{display:block}fd-tile.bt-tile--content-only{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-height:none!important;min-height:0!important;min-width:0!important;overflow:visible;padding:0!important}fd-tile.bt-tile--content-only:hover,fd-tile.bt-tile--content-only:active,fd-tile.bt-tile--content-only.is-hover,fd-tile.bt-tile--content-only.is-active{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;box-shadow:none!important}fd-tile.bt-tile--content-only ::ng-deep .fd-tile__content{margin:0!important;max-height:none!important;min-height:0!important;padding:0!important}fd-tile.bt-tile--content-only-edit{outline:var(--sapContent_FocusWidth, .0625rem) dashed var(--sapContent_FocusColor, #0070f2);outline-offset:calc(-1 * var(--sapContent_FocusWidth, .0625rem))}\n"] }]
|
|
1092
|
+
args: [{ selector: 'bt-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if(!listMode) {\r\n<fd-tile\r\n [type]=\"type\"\r\n [double]=\"isDouble === true\"\r\n [action]=\"edit\"\r\n tileStyle\r\n [backColor]=\"darkMode ? '' : backColor\"\r\n [size]=\"'s'\"\r\n tileDynCommand\r\n [disableClick]=\"disableClick || (data | tileProp: 'DisableDynamicCommand')\"\r\n [edit]=\"edit\"\r\n [navigateBackOnClick]=\"navigateBackOnClick\"\r\n [title]=\"title\"\r\n [setToStorage]=\"setToStorage\"\r\n [dynamicCommand]=\"dynamicCommand\"\r\n [class.bt-tile--content-only]=\"contentOnly\"\r\n [class.bt-tile--content-only-edit]=\"contentOnly && edit\"\r\n>\r\n @if (edit && !data.Locked) {\r\n <button fd-button fd-tile-action-close fdType=\"transparent\" (click)=\"hideClick.emit()\"></button>\r\n } @if (edit && !data.Locked) {\r\n <button fd-button fd-tile-action-indicator fdType=\"transparent\" [fdMenuTrigger]=\"menu\"></button>\r\n } @if(!hideHeader && !contentOnly){\r\n <div fd-tile-header>\r\n <h1 fd-tile-title [overflowText]=\"title | bbbTranslate\">\r\n {{ title | bbbTranslate }}\r\n </h1>\r\n <h2 fd-tile-subtitle>\r\n {{ subtitle | bbbTranslate }}\r\n </h2>\r\n </div>\r\n }\r\n <ng-content></ng-content>\r\n @if (!contentOnly) {\r\n <ng-container [ngTemplateOutlet]=\"footerTemplate ? footerTemplate : defaultFooter\"></ng-container>\r\n }\r\n</fd-tile>\r\n}@else{\r\n<span fd-list-title> {{ title | bbbTranslate }} </span>\r\n<span fd-list-secondary> {{ subtitle | bbbTranslate }} </span>\r\n@if(icon){ <i fd-list-icon [glyph]=\"icon\"></i>} }\r\n<ng-template #defaultFooter>\r\n @if (footer) {\r\n <div\r\n fd-tile-footer\r\n bt-footer-tile\r\n [canReload]=\"canReload\"\r\n [showUpdateTime]=\"showUpdateTime\"\r\n [secondSection]=\"footer.SecondSection\"\r\n [twoColumn]=\"footer.twoColumn\"\r\n [firstSection]=\"footer.FirstSection\"\r\n (reloadClick)=\"reloadClick.emit()\"\r\n ></div>\r\n\r\n }\r\n</ng-template>\r\n<fd-menu #menu>\r\n <li fd-menu-item>\r\n <a (click)=\"menu.close(); renameClick.emit()\" fd-menu-interactive>\r\n <span fd-menu-title>{{ 'Rename' | bbbTranslate }}</span>\r\n </a>\r\n </li>\r\n <li fd-menu-item>\r\n <a (click)=\"menu.close(); changeGroupClick.emit()\" fd-menu-interactive>\r\n <span fd-menu-title>{{ 'Groups' | bbbTranslate }}</span>\r\n </a>\r\n </li>\r\n</fd-menu>\r\n", styles: [":host,fd-tile{display:block}fd-tile.bt-tile--content-only{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;max-height:none!important;min-height:0!important;min-width:0!important;overflow:visible;padding:0!important}fd-tile.bt-tile--content-only:hover,fd-tile.bt-tile--content-only:active,fd-tile.bt-tile--content-only.is-hover,fd-tile.bt-tile--content-only.is-active{--fdTile_Background: transparent;--fdTile_Border: transparent;--fdTile_Box_Shadow: none;background:transparent!important;border:0!important;box-shadow:none!important}fd-tile.bt-tile--content-only ::ng-deep .fd-tile__content{margin:0!important;max-height:none!important;min-height:0!important;padding:0!important}fd-tile.bt-tile--content-only-edit{outline:var(--sapContent_FocusWidth, .0625rem) dashed var(--sapContent_FocusColor, #0070f2);outline-offset:calc(-1 * var(--sapContent_FocusWidth, .0625rem))}\n"] }]
|
|
1036
1093
|
}], propDecorators: { type: [{
|
|
1037
1094
|
type: Input
|
|
1038
1095
|
}], footerTemplate: [{
|
|
@@ -1179,78 +1236,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
|
|
|
1179
1236
|
;
|
|
1180
1237
|
;
|
|
1181
1238
|
|
|
1182
|
-
class TilePropPipe {
|
|
1183
|
-
transform(data, prop, parameters) {
|
|
1184
|
-
if (data) {
|
|
1185
|
-
if (prop === 'Title') {
|
|
1186
|
-
let val = data.TileTitle;
|
|
1187
|
-
if (!val) {
|
|
1188
|
-
val = BarsaApi.Common.Util.TryGetValue(data, 'Component.Settings.TileSetting.Title', '');
|
|
1189
|
-
}
|
|
1190
|
-
if (!val) {
|
|
1191
|
-
val = BarsaApi.Common.Util.TryGetValue(data, 'Title', '');
|
|
1192
|
-
}
|
|
1193
|
-
return val;
|
|
1194
|
-
}
|
|
1195
|
-
if (prop === 'Subtitle') {
|
|
1196
|
-
let val = data.Subtitle;
|
|
1197
|
-
if (!val) {
|
|
1198
|
-
val = BarsaApi.Common.Util.TryGetValue(data, 'Component.Settings.TileSetting.Subtitle', '');
|
|
1199
|
-
}
|
|
1200
|
-
if (!val) {
|
|
1201
|
-
val = BarsaApi.Common.Util.TryGetValue(data, 'Subtitle', '');
|
|
1202
|
-
}
|
|
1203
|
-
return val;
|
|
1204
|
-
}
|
|
1205
|
-
if (prop === 'DynamicCommand') {
|
|
1206
|
-
return data['DynamicCommand'];
|
|
1207
|
-
}
|
|
1208
|
-
if (data.Component && data.Component.Settings) {
|
|
1209
|
-
const val = data.Component.Settings.TileSetting[prop];
|
|
1210
|
-
if (typeof val === 'undefined') {
|
|
1211
|
-
return data.Component.Settings[prop];
|
|
1212
|
-
}
|
|
1213
|
-
return val;
|
|
1214
|
-
}
|
|
1215
|
-
return '';
|
|
1216
|
-
}
|
|
1217
|
-
return parameters ? parameters.TileSetting[prop] : '';
|
|
1218
|
-
}
|
|
1219
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TilePropPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1220
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: TilePropPipe, isStandalone: false, name: "tileProp" }); }
|
|
1221
|
-
}
|
|
1222
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TilePropPipe, decorators: [{
|
|
1223
|
-
type: Pipe,
|
|
1224
|
-
args: [{
|
|
1225
|
-
name: 'tileProp',
|
|
1226
|
-
standalone: false
|
|
1227
|
-
}]
|
|
1228
|
-
}] });
|
|
1229
|
-
|
|
1230
1239
|
class FormTileComponent extends BaseBtTileComponent {
|
|
1231
1240
|
ngOnInit() {
|
|
1232
1241
|
super.ngOnInit();
|
|
1233
|
-
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
|
|
1238
|
-
moId: mo.$State === 'New' ? '0' : mo.Id,
|
|
1239
|
-
typeDefId: this.settings.TypeDef.Id,
|
|
1240
|
-
viewId: this.settings.TypeViewEntity.Id
|
|
1241
|
-
};
|
|
1242
|
-
this._cdr.detectChanges();
|
|
1243
|
-
},
|
|
1244
|
-
FailFn: () => { }
|
|
1242
|
+
this.params = {
|
|
1243
|
+
moId: this.settings?.SelectedMo,
|
|
1244
|
+
typeDefId: this.settings.TypeDef.Id,
|
|
1245
|
+
viewId: this.settings.TypeViewEntity.Id,
|
|
1246
|
+
isSimple: true
|
|
1245
1247
|
};
|
|
1246
|
-
BarsaApi.Bw.RunBlMethodAsync(options);
|
|
1247
1248
|
}
|
|
1248
1249
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormTileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
1249
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: FormTileComponent, isStandalone: false, selector: "bt-form-tile", usesInheritance: true, ngImport: i0, template: "<bt-tile\r\n [data]=\"data\"\r\n [type]=\"'launch'\"\r\n [edit]=\"edit\"\r\n [setToStorage]=\"setToStorage\"\r\n [listMode]=\"listMode\"\r\n [deviceSize]=\"deviceSize\"\r\n [navigateBackOnClick]=\"navigateBackOnClick\"\r\n [title]=\"data | tileProp: 'Title':parameters\"\r\n [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\r\n [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\r\n [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\r\n [footer]=\"data | tileProp: 'Footer':parameters\"\r\n [disableClick]=\"true\"\r\n (hideClick)=\"hideClick.emit()\"\r\n (renameClick)=\"renameClick.emit()\"\r\n (changeGroupClick)=\"changeGroupClick.emit()\"\r\n (reloadClick)=\"reload()\"\r\n>\r\n <div fd-tile-content>\r\n @if (params) {\r\n <bnrc-form [params]=\"params\"></bnrc-form>\r\n }\r\n </div>\r\n</bt-tile>\r\n", styles: [":host{display:block}
|
|
1250
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: FormTileComponent, isStandalone: false, selector: "bt-form-tile", usesInheritance: true, ngImport: i0, template: "<bt-tile\r\n [data]=\"data\"\r\n [type]=\"'launch'\"\r\n [edit]=\"edit\"\r\n [setToStorage]=\"setToStorage\"\r\n [listMode]=\"listMode\"\r\n [deviceSize]=\"deviceSize\"\r\n [navigateBackOnClick]=\"navigateBackOnClick\"\r\n [title]=\"data | tileProp: 'Title':parameters\"\r\n [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\r\n [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\r\n [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\r\n [footer]=\"data | tileProp: 'Footer':parameters\"\r\n [disableClick]=\"true\"\r\n (hideClick)=\"hideClick.emit()\"\r\n (renameClick)=\"renameClick.emit()\"\r\n (changeGroupClick)=\"changeGroupClick.emit()\"\r\n (reloadClick)=\"reload()\"\r\n>\r\n <div fd-tile-content>\r\n @if (params) {\r\n <bnrc-form [params]=\"params\"></bnrc-form>\r\n }\r\n </div>\r\n</bt-tile>\r\n", styles: ["bnrc-form{z-index:3}:host{display:block}:host bt-tile ::ng-deep>fd-tile{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}:host bt-tile ::ng-deep>fd-tile .fd-tile__content{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}\n"], dependencies: [{ kind: "directive", type: i1$1.TileContentDirective, selector: "[fdTileContent], [fd-tile-content]", inputs: ["twoColumn"] }, { kind: "component", type: i5.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: TileComponent, selector: "bt-tile", inputs: ["type", "footerTemplate", "footer", "title", "icon", "subtitle", "isDouble", "canReload", "showUpdateTime", "darkMode", "disableClick", "edit", "dynamicCommand", "backColor", "hideHeader", "setToStorage", "listMode", "navigateBackOnClick", "contentOnly"], outputs: ["changeGroupClick", "reloadClick"] }, { kind: "pipe", type: TilePropPipe, name: "tileProp" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1250
1251
|
}
|
|
1251
1252
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormTileComponent, decorators: [{
|
|
1252
1253
|
type: Component,
|
|
1253
|
-
args: [{ selector: 'bt-form-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\r\n [data]=\"data\"\r\n [type]=\"'launch'\"\r\n [edit]=\"edit\"\r\n [setToStorage]=\"setToStorage\"\r\n [listMode]=\"listMode\"\r\n [deviceSize]=\"deviceSize\"\r\n [navigateBackOnClick]=\"navigateBackOnClick\"\r\n [title]=\"data | tileProp: 'Title':parameters\"\r\n [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\r\n [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\r\n [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\r\n [footer]=\"data | tileProp: 'Footer':parameters\"\r\n [disableClick]=\"true\"\r\n (hideClick)=\"hideClick.emit()\"\r\n (renameClick)=\"renameClick.emit()\"\r\n (changeGroupClick)=\"changeGroupClick.emit()\"\r\n (reloadClick)=\"reload()\"\r\n>\r\n <div fd-tile-content>\r\n @if (params) {\r\n <bnrc-form [params]=\"params\"></bnrc-form>\r\n }\r\n </div>\r\n</bt-tile>\r\n", styles: [":host{display:block}
|
|
1254
|
+
args: [{ selector: 'bt-form-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\r\n [data]=\"data\"\r\n [type]=\"'launch'\"\r\n [edit]=\"edit\"\r\n [setToStorage]=\"setToStorage\"\r\n [listMode]=\"listMode\"\r\n [deviceSize]=\"deviceSize\"\r\n [navigateBackOnClick]=\"navigateBackOnClick\"\r\n [title]=\"data | tileProp: 'Title':parameters\"\r\n [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\r\n [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\r\n [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\r\n [footer]=\"data | tileProp: 'Footer':parameters\"\r\n [disableClick]=\"true\"\r\n (hideClick)=\"hideClick.emit()\"\r\n (renameClick)=\"renameClick.emit()\"\r\n (changeGroupClick)=\"changeGroupClick.emit()\"\r\n (reloadClick)=\"reload()\"\r\n>\r\n <div fd-tile-content>\r\n @if (params) {\r\n <bnrc-form [params]=\"params\"></bnrc-form>\r\n }\r\n </div>\r\n</bt-tile>\r\n", styles: ["bnrc-form{z-index:3}:host{display:block}:host bt-tile ::ng-deep>fd-tile{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}:host bt-tile ::ng-deep>fd-tile .fd-tile__content{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}\n"] }]
|
|
1254
1255
|
}] });
|
|
1255
1256
|
|
|
1256
1257
|
class TileGroupBaseComponent extends BaseComponent {
|
|
@@ -2800,6 +2801,13 @@ class TilesViewerContainerComponent extends ViewBase {
|
|
|
2800
2801
|
get selectedAppGroupId() {
|
|
2801
2802
|
return this.controller.selectedAppGroupId;
|
|
2802
2803
|
}
|
|
2804
|
+
/** DisplayMode caption is stored with Arabic yeh (U+064A, 'تب بندي'); normalize it to Persian yeh before comparing. */
|
|
2805
|
+
get isTabMode() {
|
|
2806
|
+
const caption = (this.settings?.DisplayMode$Caption ?? '')
|
|
2807
|
+
.replace(/\u064A/g, '\u06CC')
|
|
2808
|
+
.replace(/[\s\u200C]/g, '');
|
|
2809
|
+
return caption === 'تببندی';
|
|
2810
|
+
}
|
|
2803
2811
|
ngOnInit() {
|
|
2804
2812
|
super.ngOnInit();
|
|
2805
2813
|
}
|
|
@@ -2827,11 +2835,11 @@ class TilesViewerContainerComponent extends ViewBase {
|
|
|
2827
2835
|
onRenameAppTile(appTile) { this.controller.onRenameAppTile(appTile); }
|
|
2828
2836
|
onChangeGroupAppTile(appTile) { this.controller.onChangeGroupAppTile(appTile); }
|
|
2829
2837
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TilesViewerContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2830
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: TilesViewerContainerComponent, isStandalone: false, selector: "bt-tiles-viewer-container", usesInheritance: true, ngImport: i0, template: "@if (appTileGroups$ | async; as appTileGroups) { @if (appTileGroups) {\r\n<ng-container\r\n *ngTemplateOutlet=\"\r\n
|
|
2838
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: TilesViewerContainerComponent, isStandalone: false, selector: "bt-tiles-viewer-container", usesInheritance: true, ngImport: i0, template: "@if (appTileGroups$ | async; as appTileGroups) { @if (appTileGroups) {\r\n<ng-container\r\n *ngTemplateOutlet=\"\r\n isTabMode ? tabmode : megamenu;\r\n context: { $implicit: appTileGroups }\r\n \"\r\n>\r\n</ng-container>\r\n<ng-template #tabmode let-appTileGroups>\r\n <bt-tiles-viewer\r\n darkClass\r\n [class.edit]=\"(edit$ | async) === true\"\r\n [appTileGroups]=\"appTileGroups\"\r\n [loading]=\"(viewLoading$ | async)!!\"\r\n [iconTabType]=\"settings?.TabType?.$Caption\"\r\n [class.hideTabs]=\"settings?.HideTabs\"\r\n [class.centerContent]=\"settings?.CenterContent\"\r\n [class.boxShadow]=\"settings?.BoxShadow\"\r\n [class.tabsBackColor]=\"settings?.TabsBackColor\"\r\n cssRootVariable\r\n [cssVariableValue]=\"settings?.TabsBackColor\"\r\n [cssVariableName]=\"'--tile-tabs-custom-color'\"\r\n [edit]=\"(edit$ | async) === true\"\r\n [rtl]=\"(rtl$ | async) === true\"\r\n [stackContent]=\"(stackContent$ | async) === true\"\r\n [deviceSize]=\"(deviceSize$ | async)!!\"\r\n [defaultTab]=\"selectedAppGroupId\"\r\n (stackContentChange)=\"onStackContentChanged($event)\"\r\n (closeEditHome)=\"onCloseEditHome()\"\r\n (save)=\"onExitEditHome($event)\"\r\n (listDropped)=\"onDropGroup($event)\"\r\n (tabChanged)=\"onSelectedTabChange($event)\"\r\n (toggleGroup)=\"onToggleShowHide($event)\"\r\n (resetGroup)=\"onReset($event)\"\r\n (deleteGroup)=\"onDelete($event)\"\r\n (tilesDropped)=\"onDrop($event)\"\r\n (hideAppTileClick)=\"onHideAppTile($event)\"\r\n (renameAppTileClick)=\"onRenameAppTile($event)\"\r\n (changeGroupAppTileClick)=\"onChangeGroupAppTile($event)\"\r\n ></bt-tiles-viewer>\r\n</ng-template>\r\n<ng-template #megamenu>\r\n <bt-tiles-viewer-megamenu\r\n darkClass\r\n [appTileGroups]=\"appTileGroups\"\r\n [loading]=\"(viewLoading$ | async)!!\"\r\n [class.centerContent]=\"settings?.CenterContent\"\r\n [rtl]=\"(rtl$ | async)!!\"\r\n [deviceSize]=\"(deviceSize$ | async)!!\"\r\n (loadAppTileGroup)=\"onLoadAppTileGroup($event)\"\r\n ></bt-tiles-viewer-megamenu>\r\n</ng-template>\r\n} @else {\r\n<bsu-no-data></bsu-no-data>\r\n} } @else {\r\n<bsu-mask></bsu-mask>\r\n}\r\n\r\n<ng-template #loading>\r\n <bsu-mask></bsu-mask>\r\n</ng-template>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i5.DynamicRootVariableDirective, selector: "[cssRootVariable]", inputs: ["cssVariableName", "cssVariableValue", "disable"], exportAs: ["cssRootVariable"] }, { kind: "component", type: i3.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i3.NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "directive", type: i3.DarkClassDirective, selector: "[darkClass]" }, { kind: "component", type: TilesViewerComponent, selector: "bt-tiles-viewer", inputs: ["appTileGroups", "loading", "edit", "rtl", "defaultTab", "tabsBackColor", "stackContent", "iconTabType", "deviceSize", "selectedAppGroupId", "DynamicComponents"], outputs: ["stackContentChange", "closeEditHome", "save", "listDropped", "tabChanged", "toggleGroup", "resetGroup", "deleteGroup", "hideAppTileClick", "renameAppTileClick", "changeGroupAppTileClick", "tilesDropped"] }, { kind: "component", type: TilesViewerMegamenuComponent, selector: "bt-tiles-viewer-megamenu", inputs: ["appTileGroups", "loading", "rtl", "deviceSize", "selectedAppGroupId", "DynamicComponents"], outputs: ["loadAppTileGroup"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2831
2839
|
}
|
|
2832
2840
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TilesViewerContainerComponent, decorators: [{
|
|
2833
2841
|
type: Component,
|
|
2834
|
-
args: [{ selector: 'bt-tiles-viewer-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (appTileGroups$ | async; as appTileGroups) { @if (appTileGroups) {\r\n<ng-container\r\n *ngTemplateOutlet=\"\r\n
|
|
2842
|
+
args: [{ selector: 'bt-tiles-viewer-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (appTileGroups$ | async; as appTileGroups) { @if (appTileGroups) {\r\n<ng-container\r\n *ngTemplateOutlet=\"\r\n isTabMode ? tabmode : megamenu;\r\n context: { $implicit: appTileGroups }\r\n \"\r\n>\r\n</ng-container>\r\n<ng-template #tabmode let-appTileGroups>\r\n <bt-tiles-viewer\r\n darkClass\r\n [class.edit]=\"(edit$ | async) === true\"\r\n [appTileGroups]=\"appTileGroups\"\r\n [loading]=\"(viewLoading$ | async)!!\"\r\n [iconTabType]=\"settings?.TabType?.$Caption\"\r\n [class.hideTabs]=\"settings?.HideTabs\"\r\n [class.centerContent]=\"settings?.CenterContent\"\r\n [class.boxShadow]=\"settings?.BoxShadow\"\r\n [class.tabsBackColor]=\"settings?.TabsBackColor\"\r\n cssRootVariable\r\n [cssVariableValue]=\"settings?.TabsBackColor\"\r\n [cssVariableName]=\"'--tile-tabs-custom-color'\"\r\n [edit]=\"(edit$ | async) === true\"\r\n [rtl]=\"(rtl$ | async) === true\"\r\n [stackContent]=\"(stackContent$ | async) === true\"\r\n [deviceSize]=\"(deviceSize$ | async)!!\"\r\n [defaultTab]=\"selectedAppGroupId\"\r\n (stackContentChange)=\"onStackContentChanged($event)\"\r\n (closeEditHome)=\"onCloseEditHome()\"\r\n (save)=\"onExitEditHome($event)\"\r\n (listDropped)=\"onDropGroup($event)\"\r\n (tabChanged)=\"onSelectedTabChange($event)\"\r\n (toggleGroup)=\"onToggleShowHide($event)\"\r\n (resetGroup)=\"onReset($event)\"\r\n (deleteGroup)=\"onDelete($event)\"\r\n (tilesDropped)=\"onDrop($event)\"\r\n (hideAppTileClick)=\"onHideAppTile($event)\"\r\n (renameAppTileClick)=\"onRenameAppTile($event)\"\r\n (changeGroupAppTileClick)=\"onChangeGroupAppTile($event)\"\r\n ></bt-tiles-viewer>\r\n</ng-template>\r\n<ng-template #megamenu>\r\n <bt-tiles-viewer-megamenu\r\n darkClass\r\n [appTileGroups]=\"appTileGroups\"\r\n [loading]=\"(viewLoading$ | async)!!\"\r\n [class.centerContent]=\"settings?.CenterContent\"\r\n [rtl]=\"(rtl$ | async)!!\"\r\n [deviceSize]=\"(deviceSize$ | async)!!\"\r\n (loadAppTileGroup)=\"onLoadAppTileGroup($event)\"\r\n ></bt-tiles-viewer-megamenu>\r\n</ng-template>\r\n} @else {\r\n<bsu-no-data></bsu-no-data>\r\n} } @else {\r\n<bsu-mask></bsu-mask>\r\n}\r\n\r\n<ng-template #loading>\r\n <bsu-mask></bsu-mask>\r\n</ng-template>\r\n", styles: [":host{display:block}\n"] }]
|
|
2835
2843
|
}] });
|
|
2836
2844
|
|
|
2837
2845
|
class MicroTileChartBulletComponent extends BaseBtTileComponent {
|
|
@@ -3378,11 +3386,11 @@ class ReportTileComponent extends BaseBtTileComponent {
|
|
|
3378
3386
|
this.reportContainer.ReloadReport();
|
|
3379
3387
|
}
|
|
3380
3388
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportTileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
3381
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ReportTileComponent, isStandalone: false, selector: "bt-report-tile", host: { properties: { "style.width": "this._width", "style.height": "this._height" } }, viewQueries: [{ propertyName: "reportContainer", first: true, predicate: ReportContainerComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<bt-tile\r\n [data]=\"data\"\r\n [type]=\"'launch'\"\r\n [edit]=\"edit\"\r\n [navigateBackOnClick]=\"navigateBackOnClick\"\r\n [contentOnly]=\"contentOnly\"\r\n [title]=\"data | tileProp: 'Title':parameters\"\r\n [setToStorage]=\"setToStorage\"\r\n [
|
|
3389
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ReportTileComponent, isStandalone: false, selector: "bt-report-tile", host: { properties: { "style.width": "this._width", "style.height": "this._height" } }, viewQueries: [{ propertyName: "reportContainer", first: true, predicate: ReportContainerComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<bt-tile\r\n [data]=\"data\"\r\n [type]=\"'launch'\"\r\n [edit]=\"edit\"\r\n [navigateBackOnClick]=\"navigateBackOnClick\"\r\n [contentOnly]=\"contentOnly\"\r\n [title]=\"data | tileProp: 'Title':parameters\"\r\n [setToStorage]=\"setToStorage\"\r\n [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\r\n [listMode]=\"listMode\"\r\n [darkMode]=\"(isDark$ | async) === true\"\r\n [backColor]=\"backColor\"\r\n [deviceSize]=\"deviceSize\"\r\n [canReload]=\"data | tileProp: 'CanReload':parameters\"\r\n [showUpdateTime]=\"data | tileProp: 'ShowUpdateTime':parameters\"\r\n [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\r\n [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\r\n [footer]=\"data | tileProp: 'Footer':parameters\"\r\n (hideClick)=\"hideClick.emit()\"\r\n (renameClick)=\"renameClick.emit()\"\r\n (changeGroupClick)=\"changeGroupClick.emit()\"\r\n (click)=\"onTileClick()\"\r\n (reloadClick)=\"onReloadClick()\"\r\n>\r\n <div fd-tile-content>\r\n <bnrc-report-container [settings]=\"reportSettings()\"> </bnrc-report-container>\r\n </div>\r\n</bt-tile>\r\n", styles: [":host{display:block}:host bt-tile ::ng-deep>fd-tile{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}:host bt-tile ::ng-deep>fd-tile .fd-tile__content{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}\n"], dependencies: [{ kind: "directive", type: i1$1.TileContentDirective, selector: "[fdTileContent], [fd-tile-content]", inputs: ["twoColumn"] }, { kind: "component", type: i5.ReportContainerComponent, selector: "bnrc-report-container", inputs: ["settings"] }, { kind: "component", type: TileComponent, selector: "bt-tile", inputs: ["type", "footerTemplate", "footer", "title", "icon", "subtitle", "isDouble", "canReload", "showUpdateTime", "darkMode", "disableClick", "edit", "dynamicCommand", "backColor", "hideHeader", "setToStorage", "listMode", "navigateBackOnClick", "contentOnly"], outputs: ["changeGroupClick", "reloadClick"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: TilePropPipe, name: "tileProp" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3382
3390
|
}
|
|
3383
3391
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportTileComponent, decorators: [{
|
|
3384
3392
|
type: Component,
|
|
3385
|
-
args: [{ selector: 'bt-report-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\r\n [data]=\"data\"\r\n [type]=\"'launch'\"\r\n [edit]=\"edit\"\r\n [navigateBackOnClick]=\"navigateBackOnClick\"\r\n [contentOnly]=\"contentOnly\"\r\n [title]=\"data | tileProp: 'Title':parameters\"\r\n [setToStorage]=\"setToStorage\"\r\n [
|
|
3393
|
+
args: [{ selector: 'bt-report-tile', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<bt-tile\r\n [data]=\"data\"\r\n [type]=\"'launch'\"\r\n [edit]=\"edit\"\r\n [navigateBackOnClick]=\"navigateBackOnClick\"\r\n [contentOnly]=\"contentOnly\"\r\n [title]=\"data | tileProp: 'Title':parameters\"\r\n [setToStorage]=\"setToStorage\"\r\n [dynamicCommand]=\"data | tileProp: 'DynamicCommand':parameters\"\r\n [listMode]=\"listMode\"\r\n [darkMode]=\"(isDark$ | async) === true\"\r\n [backColor]=\"backColor\"\r\n [deviceSize]=\"deviceSize\"\r\n [canReload]=\"data | tileProp: 'CanReload':parameters\"\r\n [showUpdateTime]=\"data | tileProp: 'ShowUpdateTime':parameters\"\r\n [subtitle]=\"data | tileProp: 'Subtitle':parameters\"\r\n [isDouble]=\"data | tileProp: 'IsDouble':parameters\"\r\n [footer]=\"data | tileProp: 'Footer':parameters\"\r\n (hideClick)=\"hideClick.emit()\"\r\n (renameClick)=\"renameClick.emit()\"\r\n (changeGroupClick)=\"changeGroupClick.emit()\"\r\n (click)=\"onTileClick()\"\r\n (reloadClick)=\"onReloadClick()\"\r\n>\r\n <div fd-tile-content>\r\n <bnrc-report-container [settings]=\"reportSettings()\"> </bnrc-report-container>\r\n </div>\r\n</bt-tile>\r\n", styles: [":host{display:block}:host bt-tile ::ng-deep>fd-tile{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}:host bt-tile ::ng-deep>fd-tile .fd-tile__content{max-width:100%!important;width:100%!important;height:auto;max-height:fit-content!important}\n"] }]
|
|
3386
3394
|
}], propDecorators: { _width: [{
|
|
3387
3395
|
type: HostBinding,
|
|
3388
3396
|
args: ['style.width']
|