barsa-tiles 1.0.456 → 2.0.2

package/lib/pipes/group-tiles.pipe.d.ts

@@ -1,14 +1,14 @@
-import { PipeTransform } from '@angular/core';
-import { Observable } from 'rxjs';
-import { MetaobjectDataModel } from 'barsa-novin-ray-core';
-import * as i0 from "@angular/core";
-interface AppTileModel extends MetaobjectDataModel {
-    Component: MetaobjectDataModel;
-    Selector: string;
-}
-export declare class GroupTilesPipe implements PipeTransform {
-    transform(appGroup: MetaobjectDataModel): Observable<AppTileModel[]>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GroupTilesPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<GroupTilesPipe, "groupTiles", false>;
-}
-export {};
+import { PipeTransform } from '@angular/core';
+import { Observable } from 'rxjs';
+import { MetaobjectDataModel } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+interface AppTileModel extends MetaobjectDataModel {
+    Component: MetaobjectDataModel;
+    Selector: string;
+}
+export declare class GroupTilesPipe implements PipeTransform {
+    transform(appGroup: MetaobjectDataModel): Observable<AppTileModel[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GroupTilesPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<GroupTilesPipe, "groupTiles", false>;
+}
+export {};

package/lib/pipes/home-group.pipe.d.ts

@@ -1,9 +1,9 @@
-import { PipeTransform } from '@angular/core';
-import { MetaobjectDataModel } from 'barsa-novin-ray-core';
-import * as i0 from "@angular/core";
-export declare class HomeGroupPipe implements PipeTransform {
-    constructor();
-    transform(appGroups: MetaobjectDataModel[]): MetaobjectDataModel[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<HomeGroupPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<HomeGroupPipe, "homeGroup", false>;
-}
+import { PipeTransform } from '@angular/core';
+import { MetaobjectDataModel } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+export declare class HomeGroupPipe implements PipeTransform {
+    constructor();
+    transform(appGroups: MetaobjectDataModel[]): MetaobjectDataModel[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<HomeGroupPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<HomeGroupPipe, "homeGroup", false>;
+}

package/lib/pipes/tile-home-filter.pipe.d.ts

@@ -1,8 +1,8 @@
-import { PipeTransform } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class TileHomeFilterPipe implements PipeTransform {
-    transform(collection: any[]): any[];
-    matchFilter(value: any): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TileHomeFilterPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<TileHomeFilterPipe, "tileHomeFilter", false>;
-}
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TileHomeFilterPipe implements PipeTransform {
+    transform(collection: any[]): any[];
+    matchFilter(value: any): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TileHomeFilterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TileHomeFilterPipe, "tileHomeFilter", false>;
+}

package/lib/pipes/tile-prop.pipe.d.ts

@@ -1,8 +1,8 @@
-import { PipeTransform } from '@angular/core';
-import { MetaobjectDataModel } from 'barsa-novin-ray-core';
-import * as i0 from "@angular/core";
-export declare class TilePropPipe implements PipeTransform {
-    transform(data: any, prop: string, parameters?: MetaobjectDataModel): string | any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TilePropPipe, never>;
-    static ɵpipe: i0.ɵɵPipeDeclaration<TilePropPipe, "tileProp", false>;
-}
+import { PipeTransform } from '@angular/core';
+import { MetaobjectDataModel } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+export declare class TilePropPipe implements PipeTransform {
+    transform(data: any, prop: string, parameters?: MetaobjectDataModel): string | any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TilePropPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TilePropPipe, "tileProp", false>;
+}

package/lib/popover-app-finder/filter-apps-grouped.pipe.d.ts

@@ -0,0 +1,13 @@
+import { PipeTransform } from '@angular/core';
+import { MetaobjectDataModel } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+export declare class FilterAppsGroupedPipe implements PipeTransform {
+    transform(value: MetaobjectDataModel[] | undefined | null, term: string): MetaobjectDataModel[] | undefined | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterAppsGroupedPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FilterAppsGroupedPipe, "filterAppsGrouped", true>;
+}
+export declare class FilterAppsPipe implements PipeTransform {
+    transform(value: MetaobjectDataModel[] | undefined | null, term: string): MetaobjectDataModel[] | undefined | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FilterAppsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FilterAppsPipe, "filterApps", true>;
+}

package/lib/popover-app-finder/popover-app-finder.component.d.ts

@@ -0,0 +1,39 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { ContentDensity, ContentDensityService, DialogService } from '@fundamental-ngx/core';
+import { BaseComponent, MetaobjectDataModel, AbbrevationDeviceSize } from 'barsa-novin-ray-core';
+import { AppFinderService } from '../app-finder.service';
+import { AppTileGroupPin } from '../models';
+import * as i0 from "@angular/core";
+export declare class PopoverAppFinderComponent extends BaseComponent implements OnInit {
+    private _cdr;
+    private _dialogService;
+    private _appFinderService;
+    private _el;
+    closeMenu: EventEmitter<void>;
+    selectedGroups: MetaobjectDataModel[];
+    isAllSelected: boolean;
+    appGroups$: Observable<MetaobjectDataModel[] | undefined>;
+    appTileGroups$: Observable<MetaobjectDataModel[]>;
+    searchTerm: string;
+    deviceSize$: Observable<AbbrevationDeviceSize>;
+    sideContentSize$: Observable<string>;
+    contentDensity$: Observable<ContentDensity>;
+    selectedAppGroup$: Observable<MetaobjectDataModel | undefined>;
+    selectedAppGroupId$: Observable<string>;
+    mobile$: Observable<boolean>;
+    contentHeight: string;
+    pinnedAppInAppTileGroups$: Observable<Record<string, string[]>>;
+    constructor(_cdr: ChangeDetectorRef, _dialogService: DialogService, _appFinderService: AppFinderService, _el: ElementRef, _contentDensityService: ContentDensityService);
+    ngOnInit(): void;
+    onSelectedAppGroupChange(appGroupId: string): void;
+    onPinClick(app: MetaobjectDataModel): void;
+    onRefresh(): void;
+    _appTileGroupsPinChange(result: {
+        appTileGroupsPin: AppTileGroupPin[];
+        app: MetaobjectDataModel;
+    }): Promise<void>;
+    private _changeGroup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverAppFinderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverAppFinderComponent, "bt-popover-app-finder", never, {}, { "closeMenu": "closeMenu"; }, never, never, false, never>;
+}

package/lib/profile-tile/profile-tile.component.d.ts

@@ -1,7 +1,7 @@
-import { BaseBtTileComponent, ProfileTileSetting } from '../models';
-import * as i0 from "@angular/core";
-export declare class ProfileTileComponent extends BaseBtTileComponent<ProfileTileSetting> {
-    get fileId(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ProfileTileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProfileTileComponent, "bt-profile-tile", never, {}, {}, never, never, false>;
-}
+import { BaseBtTileComponent, ProfileTileSetting } from '../models';
+import * as i0 from "@angular/core";
+export declare class ProfileTileComponent extends BaseBtTileComponent<ProfileTileSetting> {
+    get fileId(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProfileTileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProfileTileComponent, "bt-profile-tile", never, {}, {}, never, never, false, never>;
+}

package/lib/shellbar/shellbar.component.d.ts

@@ -1,94 +1,94 @@
-import { ChangeDetectorRef, OnInit, TemplateRef } from '@angular/core';
-import { Observable, Subject } from 'rxjs';
-import { ComboboxComponent, PopoverComponent, ProductSwitchItem, ShellbarMenuItem, ShellbarUser } from '@fundamental-ngx/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { BaseComponent, MetaobjectDataModel, FilePictureInfoModel, MoForReportModel, PortalService, BreadcrumbService, NotificationService, NotificationItem, NotificationAction, BbbTranslatePipe } from 'barsa-novin-ray-core';
-import { TilesService } from '../tiles.service';
-import { AbbrevationDeviceSize } from 'barsa-novin-ray-core';
-import * as i0 from "@angular/core";
-interface ShellbarSetting extends MetaobjectDataModel {
-    subtitle: string;
-    calcSubtitle: string;
-    logo: FilePictureInfoModel;
-    ProductSwitchItems: MoForReportModel;
-    ProductMenuItems: MoForReportModel;
-    UserMenuItems: MoForReportModel;
-    ActionItems: MoForReportModel;
-}
-export declare class ShellbarComponent extends BaseComponent implements OnInit {
-    private _bbbTranslatePipe;
-    private _portalService;
-    private _breadCrumbService;
-    private _tilesService;
-    private _cdr;
-    private _domSanitizer;
-    private _notificationService;
-    appVersion: string;
-    comboboxComponent: ComboboxComponent;
-    popoverComponent: PopoverComponent;
-    _notificationsDialog: TemplateRef<any>;
-    shellbarData: ShellbarSetting;
-    settings: MetaobjectDataModel;
-    isOpenNotificatoin: boolean;
-    deviceSize$: Observable<AbbrevationDeviceSize>;
-    productMenuControl: string;
-    user: ShellbarUser;
-    productMenuItems1: ShellbarMenuItem[];
-    userLoggedIn$: Observable<boolean>;
-    cssUrl$: any;
-    cssCustomUrl$: any;
-    allowAnonymous: boolean;
-    cultures: Record<string, any>;
-    notificationsCount$: Observable<{
-        unread: number;
-        all: number;
-    }>;
-    notifications$: Observable<NotificationItem[]>;
-    notificationLoading$: Observable<boolean>;
-    notifcationLoaded: boolean;
-    notifiationCountLoaded$: Observable<boolean>;
-    _viewedNotifications$: Subject<NotificationItem>;
-    _viewedNotifications: NotificationItem[];
-    bodyClick: string;
-    get subtitle(): string;
-    get logo(): {
-        FileId: string;
-    };
-    get actions(): Array<MetaobjectDataModel>;
-    get userMenu(): {
-        text: string;
-        callback: () => void;
-    }[];
-    get productSwitcher(): ProductSwitchItem[];
-    get multiLanguages(): boolean;
-    get productMenuItems(): ShellbarMenuItem[];
-    constructor(_bbbTranslatePipe: BbbTranslatePipe, _portalService: PortalService, _breadCrumbService: BreadcrumbService, _tilesService: TilesService, _cdr: ChangeDetectorRef, _domSanitizer: DomSanitizer, _notificationService: NotificationService, appVersion: string);
-    ngOnInit(): void;
-    onCultureChange(culture: any): void;
-    onShowNotification(e: {
-        tag: string;
-        mo: MetaobjectDataModel;
-        nama: string;
-    }): void;
-    onNotificationItemViewed(viewedMo: NotificationItem): void;
-    onRemoveNotifications(e: {
-        items: MetaobjectDataModel[];
-        silent: boolean;
-    }): void;
-    onOpenNotification: () => void;
-    onNotificationAction(e: {
-        item: NotificationItem;
-        btn: NotificationAction;
-    }): void;
-    onCultureChanged: (culture: string) => void;
-    onNotificationLoadMore(): void;
-    onNotificationWorkflowChoiceSuccess(result: any): void;
-    onNotificationWorkflowChoiceFailed(err: any): void;
-    onHandleOpenNotificationPanel(): void;
-    private _handleOpenNotificationPanel;
-    private _mapNotifications;
-    private _changeCulture;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ShellbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarComponent, "bt-shellbar", never, {}, {}, never, never, false>;
-}
-export {};
+import { ChangeDetectorRef, OnInit, TemplateRef } from '@angular/core';
+import { Observable, Subject } from 'rxjs';
+import { ComboboxComponent, PopoverComponent, ProductSwitchItem, ShellbarMenuItem, ShellbarUser } from '@fundamental-ngx/core';
+import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
+import { BaseComponent, MetaobjectDataModel, FilePictureInfoModel, MoForReportModel, PortalService, BreadcrumbService, NotificationService, NotificationItem, NotificationAction, BbbTranslatePipe, AbbrevationDeviceSize } from 'barsa-novin-ray-core';
+import { TilesService } from '../tiles.service';
+import * as i0 from "@angular/core";
+interface ShellbarSetting extends MetaobjectDataModel {
+    subtitle: string;
+    calcSubtitle: string;
+    logo: FilePictureInfoModel;
+    ProductSwitchItems: MoForReportModel;
+    ProductMenuItems: MoForReportModel;
+    UserMenuItems: MoForReportModel;
+    ActionItems: MoForReportModel;
+}
+export declare class ShellbarComponent extends BaseComponent implements OnInit {
+    private _bbbTranslatePipe;
+    private _portalService;
+    private _breadCrumbService;
+    private _tilesService;
+    private _cdr;
+    private _domSanitizer;
+    private _notificationService;
+    appVersion: string;
+    comboboxComponent: ComboboxComponent;
+    popoverComponent: PopoverComponent;
+    _notificationsDialog: TemplateRef<any>;
+    shellbarData: ShellbarSetting;
+    settings: MetaobjectDataModel;
+    isOpenNotificatoin: boolean;
+    deviceSize$: Observable<AbbrevationDeviceSize>;
+    productMenuControl: string;
+    user: ShellbarUser;
+    productMenuItems1: ShellbarMenuItem[];
+    userLoggedIn$: Observable<boolean>;
+    cssUrl$: Observable<SafeResourceUrl | null>;
+    cssCustomUrl$: Observable<SafeResourceUrl | null>;
+    allowAnonymous: boolean;
+    cultures: Record<string, any>;
+    notificationsCount$: Observable<{
+        unread: number;
+        all: number;
+    }>;
+    notifications$: Observable<NotificationItem[]>;
+    notificationLoading$: Observable<boolean>;
+    notifcationLoaded: boolean;
+    notifiationCountLoaded$: Observable<boolean>;
+    _viewedNotifications$: Subject<NotificationItem>;
+    _viewedNotifications: NotificationItem[];
+    bodyClick: string;
+    isMobile: boolean;
+    get subtitle(): string;
+    get logo(): {
+        FileId: string;
+    };
+    get actions(): Array<MetaobjectDataModel>;
+    get userMenu(): {
+        text: string;
+        callback: () => void;
+    }[];
+    get productSwitcher(): ProductSwitchItem[];
+    get multiLanguages(): boolean;
+    get productMenuItems(): ShellbarMenuItem[];
+    constructor(_bbbTranslatePipe: BbbTranslatePipe, _portalService: PortalService, _breadCrumbService: BreadcrumbService, _tilesService: TilesService, _cdr: ChangeDetectorRef, _domSanitizer: DomSanitizer, _notificationService: NotificationService, appVersion: string);
+    ngOnInit(): void;
+    onCultureChange(culture: any): void;
+    onShowNotification(e: {
+        tag: string;
+        mo: MetaobjectDataModel;
+        nama: string;
+    }): void;
+    onNotificationItemViewed(viewedMo: NotificationItem): void;
+    onRemoveNotifications(e: {
+        items: MetaobjectDataModel[];
+        silent: boolean;
+    }): void;
+    onOpenNotification: () => void;
+    onNotificationAction(e: {
+        item: NotificationItem;
+        btn: NotificationAction;
+    }): void;
+    onCultureChanged: (culture: string) => void;
+    onNotificationLoadMore(): void;
+    onNotificationWorkflowChoiceSuccess(result: any): void;
+    onNotificationWorkflowChoiceFailed(err: any): void;
+    onHandleOpenNotificationPanel(): void;
+    private _handleOpenNotificationPanel;
+    private _mapNotifications;
+    private _changeCulture;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ShellbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ShellbarComponent, "bt-shellbar", never, {}, {}, never, never, false, never>;
+}
+export {};

package/lib/simple-tile/simple-tile.component.d.ts

@@ -1,10 +1,10 @@
-import { OnInit } from '@angular/core';
-import { BaseBtTileComponent, BaseTileSetting } from '../models';
-import * as i0 from "@angular/core";
-export declare class SimpleTileComponent extends BaseBtTileComponent<BaseTileSetting> implements OnInit {
-    icon: string;
-    iconColor: string;
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SimpleTileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SimpleTileComponent, "bt-simple-tile", never, {}, {}, never, never, false>;
-}
+import { OnInit } from '@angular/core';
+import { BaseBtTileComponent, BaseTileSetting } from '../models';
+import * as i0 from "@angular/core";
+export declare class SimpleTileComponent extends BaseBtTileComponent<BaseTileSetting> implements OnInit {
+    icon: string;
+    iconColor: string;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SimpleTileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SimpleTileComponent, "bt-simple-tile", never, {}, {}, never, never, false, never>;
+}

package/lib/tile/tile.component.d.ts

@@ -1,20 +1,22 @@
-import { TemplateRef } from '@angular/core';
-import { TilePropsComponent } from 'barsa-novin-ray-core';
-import { AppTileFooter } from '../models';
-import * as i0 from "@angular/core";
-export declare class TileComponent extends TilePropsComponent {
-    type: 'feed' | 'launch' | 'kpi';
-    footerTemplate: TemplateRef<any>;
-    footer: AppTileFooter;
-    disableClick: boolean;
-    title: string;
-    icon: string;
-    subtitle: string;
-    isDouble: boolean;
-    edit: boolean;
-    dynamicCommand: any;
-    runningCommand: boolean;
-    onClick(ev: any): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TileComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TileComponent, "bt-tile", never, { "type": "type"; "footerTemplate": "footerTemplate"; "footer": "footer"; "disableClick": "disableClick"; "title": "title"; "icon": "icon"; "subtitle": "subtitle"; "isDouble": "isDouble"; "edit": "edit"; "dynamicCommand": "dynamicCommand"; }, {}, never, ["*"], false>;
-}
+import { TemplateRef } from '@angular/core';
+import { TilePropsComponent } from 'barsa-novin-ray-core';
+import { AppTileFooter } from '../models';
+import * as i0 from "@angular/core";
+export declare class TileComponent extends TilePropsComponent {
+    type: 'feed' | 'launch' | 'kpi';
+    footerTemplate: TemplateRef<any>;
+    footer: AppTileFooter;
+    disableClick: boolean;
+    title: string;
+    icon: string;
+    subtitle: string;
+    isDouble: boolean;
+    edit: boolean;
+    backColor: string;
+    dynamicCommand: any;
+    runningCommand: boolean;
+    onClick(ev: any): boolean;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TileComponent, "bt-tile", never, { "type": { "alias": "type"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "footer": { "alias": "footer"; "required": false; }; "disableClick": { "alias": "disableClick"; "required": false; }; "title": { "alias": "title"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "isDouble": { "alias": "isDouble"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "backColor": { "alias": "backColor"; "required": false; }; "dynamicCommand": { "alias": "dynamicCommand"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

package/lib/tile-renderer.directive.d.ts

@@ -1,28 +1,28 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, SimpleChanges, ViewContainerRef } from '@angular/core';
-import { BaseDirective, PortalService } from 'barsa-novin-ray-core';
-import { BaseTileSetting } from './models';
-import * as i0 from "@angular/core";
-export declare class TileRendererDirective extends BaseDirective implements OnInit, OnChanges, OnDestroy {
-    private _cdr;
-    private _portalService;
-    private _vcr;
-    private _injector;
-    protected _el: ElementRef;
-    component: {
-        Module: string;
-        ModuleFileName: string;
-        Name: string;
-        Selector: string;
-    };
-    data: BaseTileSetting;
-    edit: boolean;
-    hideClick: EventEmitter<any>;
-    renameClick: EventEmitter<any>;
-    private _tileRef;
-    constructor(_cdr: ChangeDetectorRef, _portalService: PortalService, _vcr: ViewContainerRef, _injector: Injector, _el: ElementRef);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TileRendererDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TileRendererDirective, "[tileRenderer]", never, { "component": "component"; "data": "data"; "edit": "edit"; }, { "hideClick": "hideClick"; "renameClick": "renameClick"; }, never, never, false>;
-}
+import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, OnInit, SimpleChanges, ViewContainerRef } from '@angular/core';
+import { BaseDirective, PortalService } from 'barsa-novin-ray-core';
+import { BaseTileSetting } from './models';
+import * as i0 from "@angular/core";
+export declare class TileRendererDirective extends BaseDirective implements OnInit, OnChanges, OnDestroy {
+    private _cdr;
+    private _portalService;
+    private _vcr;
+    private _injector;
+    protected _el: ElementRef;
+    component: {
+        Module: string;
+        ModuleFileName: string;
+        Name: string;
+        Selector: string;
+    };
+    data: BaseTileSetting;
+    edit: boolean;
+    hideClick: EventEmitter<any>;
+    renameClick: EventEmitter<any>;
+    private _tileRef;
+    constructor(_cdr: ChangeDetectorRef, _portalService: PortalService, _vcr: ViewContainerRef, _injector: Injector, _el: ElementRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TileRendererDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TileRendererDirective, "[tileRenderer]", never, { "component": { "alias": "component"; "required": false; }; "data": { "alias": "data"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; }, { "hideClick": "hideClick"; "renameClick": "renameClick"; }, never, never, false, never>;
+}

package/lib/tile-style.directive.d.ts

@@ -0,0 +1,12 @@
+import { ElementRef, OnChanges, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { BaseDirective } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+export declare class TileStyleDirective extends BaseDirective implements OnInit, OnChanges, OnDestroy {
+    private _renderer2;
+    protected _el: ElementRef;
+    backColor: string;
+    constructor(_renderer2: Renderer2, _el: ElementRef);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TileStyleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TileStyleDirective, "[tileStyle]", never, { "backColor": { "alias": "backColor"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/tiles-viewer/tiles-viewer.component.d.ts

@@ -1,63 +1,65 @@
-import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
-import { BaseComponent, MetaobjectDataModel, AbbrevationDeviceSize, SaveScrollPositionService, IntersectionStatus } from 'barsa-novin-ray-core';
-import { Nullable, TabListComponent, TabPanelComponent } from '@fundamental-ngx/core';
-import * as i0 from "@angular/core";
-export declare class TilesViewerComponent extends BaseComponent implements OnInit {
-    protected _cdr: ChangeDetectorRef;
-    protected _saveScrollPosition: SaveScrollPositionService;
-    tabListComponent: TabListComponent;
-    contentPageRef: ElementRef<any>;
-    pageContentClass: boolean;
-    appTileGroups: Array<MetaobjectDataModel>;
-    loading: boolean;
-    edit: boolean;
-    rtl: boolean;
-    stackContent: boolean;
-    deviceSize: AbbrevationDeviceSize;
-    selectedAppGroupId: string;
-    DynamicComponents: any;
-    stackContentChange: EventEmitter<boolean>;
-    closeEditHome: EventEmitter<any>;
-    save: EventEmitter<any>;
-    listDropped: EventEmitter<{
-        appTileGroups: MetaobjectDataModel[];
-        event: CdkDragDrop<MetaobjectDataModel[]>;
-    }>;
-    tabChanged: EventEmitter<{
-        firstSelected: boolean;
-        selectedTabTitle: string;
-        tabPanels: TabPanelComponent[];
-        appTileGroups: MetaobjectDataModel[];
-    }>;
-    toggleGroup: EventEmitter<MetaobjectDataModel>;
-    resetGroup: EventEmitter<MetaobjectDataModel>;
-    deleteGroup: EventEmitter<MetaobjectDataModel>;
-    hideAppTileClick: EventEmitter<MetaobjectDataModel>;
-    renameAppTileClick: EventEmitter<MetaobjectDataModel>;
-    tilesDropped: EventEmitter<{
-        appTileGroup: MetaobjectDataModel;
-        event: CdkDragDrop<{
-            isTile: boolean;
-            items: MetaobjectDataModel[];
-        }>;
-    }>;
-    _rtl: any;
-    selectedTabTitle: Nullable<string>;
-    selectedTabId: string;
-    _tilesIntersection: any;
-    formVisibilityStatus: IntersectionStatus;
-    constructor(_cdr: ChangeDetectorRef, _saveScrollPosition: SaveScrollPositionService);
-    id: string;
-    ngOnInit(): void;
-    onSelectedTabChange(selectedTab: TabPanelComponent, appTileGroups: MetaobjectDataModel[]): void;
-    onDropGroup(appTileGroups: MetaobjectDataModel[], event: CdkDragDrop<MetaobjectDataModel[]>): void;
-    onDrop($event: any): void;
-    onStackContentChanged(checked: any): void;
-    onExitEditHome(appGroups: MetaobjectDataModel[]): void;
-    onCloseEditHome(): void;
-    _trackById(item: any, index: any): string | number;
-    protected _onInView(e: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TilesViewerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TilesViewerComponent, "bt-tiles-viewer", never, { "appTileGroups": "appTileGroups"; "loading": "loading"; "edit": "edit"; "rtl": "rtl"; "stackContent": "stackContent"; "deviceSize": "deviceSize"; "selectedAppGroupId": "selectedAppGroupId"; "DynamicComponents": "DynamicComponents"; }, { "stackContentChange": "stackContentChange"; "closeEditHome": "closeEditHome"; "save": "save"; "listDropped": "listDropped"; "tabChanged": "tabChanged"; "toggleGroup": "toggleGroup"; "resetGroup": "resetGroup"; "deleteGroup": "deleteGroup"; "hideAppTileClick": "hideAppTileClick"; "renameAppTileClick": "renameAppTileClick"; "tilesDropped": "tilesDropped"; }, never, never, false>;
-}
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { BaseComponent, MetaobjectDataModel, AbbrevationDeviceSize, SaveScrollPositionService, IntersectionStatus } from 'barsa-novin-ray-core';
+import { Nullable, TabListComponent, TabPanelComponent } from '@fundamental-ngx/core';
+import * as i0 from "@angular/core";
+export declare class TilesViewerComponent extends BaseComponent implements OnInit {
+    protected _cdr: ChangeDetectorRef;
+    protected _saveScrollPosition: SaveScrollPositionService;
+    tabListComponent: TabListComponent;
+    contentPageRef: ElementRef<any>;
+    pageContentClass: boolean;
+    appTileGroups: Array<MetaobjectDataModel>;
+    loading: boolean;
+    edit: boolean;
+    rtl: boolean;
+    defaultTab: string;
+    stackContent: boolean;
+    deviceSize: AbbrevationDeviceSize;
+    selectedAppGroupId: string;
+    DynamicComponents: any;
+    stackContentChange: EventEmitter<boolean>;
+    closeEditHome: EventEmitter<any>;
+    save: EventEmitter<any>;
+    listDropped: EventEmitter<{
+        appTileGroups: MetaobjectDataModel[];
+        event: CdkDragDrop<MetaobjectDataModel[]>;
+    }>;
+    tabChanged: EventEmitter<{
+        firstSelected: boolean;
+        selectedTabTitle: string;
+        tabPanels: TabPanelComponent[];
+        appTileGroups: MetaobjectDataModel[];
+    }>;
+    toggleGroup: EventEmitter<MetaobjectDataModel>;
+    resetGroup: EventEmitter<MetaobjectDataModel>;
+    deleteGroup: EventEmitter<MetaobjectDataModel>;
+    hideAppTileClick: EventEmitter<MetaobjectDataModel>;
+    renameAppTileClick: EventEmitter<MetaobjectDataModel>;
+    tilesDropped: EventEmitter<{
+        appTileGroup: MetaobjectDataModel;
+        event: CdkDragDrop<{
+            isTile: boolean;
+            items: MetaobjectDataModel[];
+        }>;
+    }>;
+    _rtl: any;
+    selectedTabTitle: Nullable<string>;
+    selectedTabId: string;
+    _tilesIntersection: any;
+    formVisibilityStatus: IntersectionStatus;
+    constructor(_cdr: ChangeDetectorRef, _saveScrollPosition: SaveScrollPositionService);
+    id: string;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onSelectedTabChange(selectedTab: TabPanelComponent, appTileGroups: MetaobjectDataModel[]): void;
+    onDropGroup(appTileGroups: MetaobjectDataModel[], event: CdkDragDrop<MetaobjectDataModel[]>): void;
+    onDrop($event: any): void;
+    onStackContentChanged(checked: any): void;
+    onExitEditHome(appGroups: MetaobjectDataModel[]): void;
+    onCloseEditHome(): void;
+    _trackById(index: any, item: any): string | number;
+    protected _onInView(e: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TilesViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TilesViewerComponent, "bt-tiles-viewer", never, { "appTileGroups": { "alias": "appTileGroups"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "edit": { "alias": "edit"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "defaultTab": { "alias": "defaultTab"; "required": false; }; "stackContent": { "alias": "stackContent"; "required": false; }; "deviceSize": { "alias": "deviceSize"; "required": false; }; "selectedAppGroupId": { "alias": "selectedAppGroupId"; "required": false; }; "DynamicComponents": { "alias": "DynamicComponents"; "required": false; }; }, { "stackContentChange": "stackContentChange"; "closeEditHome": "closeEditHome"; "save": "save"; "listDropped": "listDropped"; "tabChanged": "tabChanged"; "toggleGroup": "toggleGroup"; "resetGroup": "resetGroup"; "deleteGroup": "deleteGroup"; "hideAppTileClick": "hideAppTileClick"; "renameAppTileClick": "renameAppTileClick"; "tilesDropped": "tilesDropped"; }, never, never, false, never>;
+}