@churchillliving/se-ui-toolkit 6.54.310 → 6.54.312
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.
|
@@ -59,7 +59,7 @@ import * as i7$1 from '@angular/cdk/drag-drop';
|
|
|
59
59
|
import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
|
|
60
60
|
import * as i6$1 from 'primeng/card';
|
|
61
61
|
import { CardModule } from 'primeng/card';
|
|
62
|
-
import * as
|
|
62
|
+
import * as i5$1 from 'primeng/splitter';
|
|
63
63
|
import { SplitterModule } from 'primeng/splitter';
|
|
64
64
|
import * as i3$4 from 'primeng/galleria';
|
|
65
65
|
import { GalleriaModule } from 'primeng/galleria';
|
|
@@ -67,7 +67,7 @@ import { RadioButtonModule } from 'primeng/radiobutton';
|
|
|
67
67
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
68
68
|
import { TabViewModule } from 'primeng/tabview';
|
|
69
69
|
import { TriStateCheckboxModule } from 'primeng/tristatecheckbox';
|
|
70
|
-
import * as i5$
|
|
70
|
+
import * as i5$2 from 'primeng/panelmenu';
|
|
71
71
|
import { PanelMenuModule } from 'primeng/panelmenu';
|
|
72
72
|
import * as i2$2 from 'ngx-cookie-service';
|
|
73
73
|
import * as i6$2 from 'primeng/avatar';
|
|
@@ -393,7 +393,7 @@ function onScreenSplitChange() {
|
|
|
393
393
|
return splitScreen.asObservable();
|
|
394
394
|
}
|
|
395
395
|
function changeSplitScreen(menuItem) {
|
|
396
|
-
splitScreen.next({ origComponent: menuItem.origComponent, panelComponent: menuItem?.component, configData: menuItem?.data });
|
|
396
|
+
splitScreen.next({ origComponent: menuItem.origComponent, panelComponent: menuItem?.component, configData: menuItem?.data?.data });
|
|
397
397
|
}
|
|
398
398
|
function changeDynamicFormState(id, data, loadComponent) {
|
|
399
399
|
formstate.next({ id, data, loadComponent });
|
|
@@ -7129,7 +7129,6 @@ class SplitterComponent {
|
|
|
7129
7129
|
this.closePanelEmitter = new EventEmitter();
|
|
7130
7130
|
}
|
|
7131
7131
|
ngAfterViewInit() {
|
|
7132
|
-
debugger;
|
|
7133
7132
|
this.ngZone.onStable
|
|
7134
7133
|
.pipe(take(1)) // Emit only once when the zone becomes stable
|
|
7135
7134
|
.subscribe(() => {
|
|
@@ -7153,11 +7152,11 @@ class SplitterComponent {
|
|
|
7153
7152
|
this.formService.isComponentExist = false;
|
|
7154
7153
|
}
|
|
7155
7154
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SplitterComponent, deps: [{ token: i0.NgZone }, { token: i1.DomSanitizer }, { token: FormService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7156
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SplitterComponent, selector: "se-splitter", inputs: { panelComponent: "panelComponent", existingCopmonent: "existingCopmonent", configData: "configData" }, outputs: { closePanelEmitter: "closePanelEmitter" }, viewQueries: [{ propertyName: "viewContainerPanelRef", first: true, predicate: ["viewContainerPanelRef"], descendants: true, read: ViewContainerRef }, { propertyName: "viewContainerRef", first: true, predicate: ["viewContainerRef"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"card\">\n <p-splitter class=\"splitter-wrapper\"\n [style]=\"{ height: '830px', width:'100%'}\" \n layout=\"vertical\">\n <ng-template pTemplate>\n <div
|
|
7155
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SplitterComponent, selector: "se-splitter", inputs: { panelComponent: "panelComponent", existingCopmonent: "existingCopmonent", configData: "configData" }, outputs: { closePanelEmitter: "closePanelEmitter" }, viewQueries: [{ propertyName: "viewContainerPanelRef", first: true, predicate: ["viewContainerPanelRef"], descendants: true, read: ViewContainerRef }, { propertyName: "viewContainerRef", first: true, predicate: ["viewContainerRef"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div class=\"card\" *ngIf=\"!formService?.isComponentExist\">\n <p-splitter class=\"splitter-wrapper\"\n [style]=\"{ height: '830px', width:'100%'}\" \n layout=\"vertical\">\n <ng-template pTemplate>\n <div [innerHTML]=\"sanitizedContent\"></div>\n </ng-template>\n <ng-template pTemplate>\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div #viewContainerPanelRef></div>\n </ng-template>\n </p-splitter>\n</div>", styles: [".closeIcon{cursor:pointer;position:absolute;right:10px;top:10px;z-index:9}:host ::ng-deep .p-splitter-panel-nested{position:relative;width:100%}:host ::ng-deep .p-splitter-panel-nested>*:not(span.closeIcon){width:100%}\n"], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5$1.Splitter, selector: "p-splitter", inputs: ["styleClass", "panelStyleClass", "style", "panelStyle", "stateStorage", "stateKey", "layout", "gutterSize", "step", "minSizes", "panelSizes"], outputs: ["onResizeEnd", "onResizeStart"] }] }); }
|
|
7157
7156
|
}
|
|
7158
7157
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SplitterComponent, decorators: [{
|
|
7159
7158
|
type: Component,
|
|
7160
|
-
args: [{ selector: 'se-splitter', template: "<div class=\"card\">\n <p-splitter class=\"splitter-wrapper\"\n [style]=\"{ height: '830px', width:'100%'}\" \n layout=\"vertical\">\n <ng-template pTemplate>\n <div
|
|
7159
|
+
args: [{ selector: 'se-splitter', template: "<div class=\"card\" *ngIf=\"!formService?.isComponentExist\">\n <p-splitter class=\"splitter-wrapper\"\n [style]=\"{ height: '830px', width:'100%'}\" \n layout=\"vertical\">\n <ng-template pTemplate>\n <div [innerHTML]=\"sanitizedContent\"></div>\n </ng-template>\n <ng-template pTemplate>\n <span class=\"closeIcon\"> <i class=\"fa-regular fa-x\" (click)=\"closePanel()\"></i></span>\n <div #viewContainerPanelRef></div>\n </ng-template>\n </p-splitter>\n</div>", styles: [".closeIcon{cursor:pointer;position:absolute;right:10px;top:10px;z-index:9}:host ::ng-deep .p-splitter-panel-nested{position:relative;width:100%}:host ::ng-deep .p-splitter-panel-nested>*:not(span.closeIcon){width:100%}\n"] }]
|
|
7161
7160
|
}], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.DomSanitizer }, { type: FormService }]; }, propDecorators: { panelComponent: [{
|
|
7162
7161
|
type: Input
|
|
7163
7162
|
}], existingCopmonent: [{
|
|
@@ -12227,7 +12226,7 @@ class MenuBarComponent {
|
|
|
12227
12226
|
});
|
|
12228
12227
|
}
|
|
12229
12228
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: MenuBarComponent, deps: [{ token: AuthenticationService }, { token: i2$2.CookieService }, { token: i6.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12230
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: MenuBarComponent, selector: "se-menu-bar", inputs: { hiddenPanelMenu: "hiddenPanelMenu", toolTip: "toolTip", menuItemsTop: "menuItemsTop", menuItemsBottom: "menuItemsBottom", menuFooter: "menuFooter", menuTitle: "menuTitle", headshotPath: "headshotPath" }, outputs: { onClickEvent: "onClickEvent" }, usesOnChanges: true, ngImport: i0, template: "<ng-template #testavatar>\n <p-avatar\n pBadge\n (click)=\"clickEvent()\"\n [image]=\"headshotPath\"\n size=\"xlarge\"\n [hidden]=\"!this.headshotPath \"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <p-avatar\n pBadge\n (click)=\"clickEvent()\"\n icon=\"pi pi-user\"\n size=\"xlarge\"\n [hidden]=\"this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n</ng-template>\n<div\n class=\"wrapper menu-bar-wrapper main-menu-bar menu-bar-component\"\n *ngIf=\"hiddenPanelMenu\"\n>\n <div\n *ngIf=\"!isMenubarHidden\"\n class=\"p-0 sidebar\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <!-- [style]=\"{ backgroundColor: menuBackColor }\" -->\n <div class=\"flex align-items-center toggle-btn\">\n <ng-template *ngIf=\"!toggleMenu\" [ngTemplateOutlet]=\"testavatar\"></ng-template>\n\n <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n ></i>\n\n <span>{{ menuTitle }}</span>\n </button>\n </div>\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <div class=\"main-menu-menus-wrapper\">\n <div class=\"top-menu-main-menu-wrapper\">\n <p-panelMenu\n [model]=\"menuBarItemsTop\"\n class=\"menuSidebar first\"\n ></p-panelMenu>\n </div>\n <div class=\"bottom-menu-main-menu-wrapper\">\n <ng-template *ngIf=\"toggleMenu\" [ngTemplateOutlet]=\"testavatar\"></ng-template>\n <p-panelMenu\n [model]=\"menuBarItemsBottom\"\n class=\"menuSidebar second\"\n ></p-panelMenu>\n </div>\n </div>\n </nav>\n <div class=\"nav-footer m-2\" [innerHtml]=\"menuFooter\"></div>\n </div>\n</div>\n", styles: [".wrapper{position:relative;z-index:1}:host ::ng-deep .p-avatar img{-o-object-fit:cover;object-fit:cover}.hide-nav .p-menuitem-text,.hide-nav .p-panelmenu-icon,.hide-nav+.nav-footer{display:none;opacity:0}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5$
|
|
12229
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: MenuBarComponent, selector: "se-menu-bar", inputs: { hiddenPanelMenu: "hiddenPanelMenu", toolTip: "toolTip", menuItemsTop: "menuItemsTop", menuItemsBottom: "menuItemsBottom", menuFooter: "menuFooter", menuTitle: "menuTitle", headshotPath: "headshotPath" }, outputs: { onClickEvent: "onClickEvent" }, usesOnChanges: true, ngImport: i0, template: "<ng-template #testavatar>\n <p-avatar\n pBadge\n (click)=\"clickEvent()\"\n [image]=\"headshotPath\"\n size=\"xlarge\"\n [hidden]=\"!this.headshotPath \"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n <p-avatar\n pBadge\n (click)=\"clickEvent()\"\n icon=\"pi pi-user\"\n size=\"xlarge\"\n [hidden]=\"this.headshotPath\"\n shape=\"circle\"\n class=\"pr-3\"\n [title]=\"toolTip\"\n ></p-avatar>\n</ng-template>\n<div\n class=\"wrapper menu-bar-wrapper main-menu-bar menu-bar-component\"\n *ngIf=\"hiddenPanelMenu\"\n>\n <div\n *ngIf=\"!isMenubarHidden\"\n class=\"p-0 sidebar\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <!-- [style]=\"{ backgroundColor: menuBackColor }\" -->\n <div class=\"flex align-items-center toggle-btn\">\n <ng-template *ngIf=\"!toggleMenu\" [ngTemplateOutlet]=\"testavatar\"></ng-template>\n\n <button class=\"toggle-btn hover-scale\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"toggleMenu ? 'pi-chevron-right' : 'pi-chevron-left'\"\n ></i>\n\n <span>{{ menuTitle }}</span>\n </button>\n </div>\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <div class=\"main-menu-menus-wrapper\">\n <div class=\"top-menu-main-menu-wrapper\">\n <p-panelMenu\n [model]=\"menuBarItemsTop\"\n class=\"menuSidebar first\"\n ></p-panelMenu>\n </div>\n <div class=\"bottom-menu-main-menu-wrapper\">\n <ng-template *ngIf=\"toggleMenu\" [ngTemplateOutlet]=\"testavatar\"></ng-template>\n <p-panelMenu\n [model]=\"menuBarItemsBottom\"\n class=\"menuSidebar second\"\n ></p-panelMenu>\n </div>\n </div>\n </nav>\n <div class=\"nav-footer m-2\" [innerHtml]=\"menuFooter\"></div>\n </div>\n</div>\n", styles: [".wrapper{position:relative;z-index:1}:host ::ng-deep .p-avatar img{-o-object-fit:cover;object-fit:cover}.hide-nav .p-menuitem-text,.hide-nav .p-panelmenu-icon,.hide-nav+.nav-footer{display:none;opacity:0}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5$2.PanelMenu, selector: "p-panelMenu", inputs: ["model", "style", "styleClass", "multiple", "transitionOptions", "id", "tabindex"] }, { kind: "component", type: i6$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "style", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }] }); }
|
|
12231
12230
|
}
|
|
12232
12231
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: MenuBarComponent, decorators: [{
|
|
12233
12232
|
type: Component,
|
|
@@ -12634,7 +12633,7 @@ class SidebarComponent {
|
|
|
12634
12633
|
});
|
|
12635
12634
|
}
|
|
12636
12635
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SidebarComponent, deps: [{ token: i0.Renderer2 }, { token: FormService }, { token: GridService }, { token: AuthenticationService }, { token: i1$1.DialogService }, { token: i6.Router }, { token: PageLoggerService }, { token: HyperlinkService }, { token: AlertService }, { token: i0.NgZone }, { token: i6.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12637
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SidebarComponent, selector: "se-sidebar", inputs: { navHidden: "navHidden", collapseSidebar: "collapseSidebar", menuTitle: "menuTitle", activeTestMode: "activeTestMode", sidebarItems: "sidebarItems" }, usesOnChanges: true, ngImport: i0, template: "<span\n *ngIf=\"!isSidebarHidden && sidebarItemsList && sidebarItemsList.length > 0\"\n>\n<span *ngIf=\"!navHidden\">\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"{\n 'pi-chevron-left': (toggleMenu && !isLeftSidebar) || (!toggleMenu && isLeftSidebar),\n 'pi-chevron-right': (!toggleMenu && !isLeftSidebar) || (toggleMenu && isLeftSidebar)\n }\"\n ></i>\n <span>{{ menuTitle }}</span>\n </button>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </nav>\n</span>\n</span>", styles: [":host ::ng-deep .p-menu{width:auto!important}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon:before{display:none}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.hide-nav .toggle-btn span{display:none}:host ::ng-deep .p-panelmenu-panel,:host ::ng-deep .p-element,:host ::ng-deep .p-panelmenu-header,:host ::ng-deep .p-panelmenu .p-panelmenu-header{border-bottom:0!important}:host ::ng-deep .hide-nav .p-menuitem-text,:host ::ng-deep .hide-nav .p-panelmenu-icon,:host ::ng-deep .hide-nav+.nav-footer{display:none;opacity:0}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$
|
|
12636
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SidebarComponent, selector: "se-sidebar", inputs: { navHidden: "navHidden", collapseSidebar: "collapseSidebar", menuTitle: "menuTitle", activeTestMode: "activeTestMode", sidebarItems: "sidebarItems" }, usesOnChanges: true, ngImport: i0, template: "<span\n *ngIf=\"!isSidebarHidden && sidebarItemsList && sidebarItemsList.length > 0\"\n>\n<span *ngIf=\"!navHidden\">\n <nav\n class=\"navbar navbar-expand-lg p-0 grow-1\"\n [ngClass]=\"toggleMenu ? 'hide-nav' : ''\"\n >\n <button class=\"toggle-btn\" (click)=\"toggleSidebar()\">\n <i\n class=\"pi pi-fw toggle-icon\"\n [ngClass]=\"{\n 'pi-chevron-left': (toggleMenu && !isLeftSidebar) || (!toggleMenu && isLeftSidebar),\n 'pi-chevron-right': (!toggleMenu && !isLeftSidebar) || (toggleMenu && isLeftSidebar)\n }\"\n ></i>\n <span>{{ menuTitle }}</span>\n </button>\n <p-panelMenu [model]=\"menuItems\" (click)=\"clickedMenu(menuItems)\"></p-panelMenu>\n </nav>\n</span>\n</span>", styles: [":host ::ng-deep .p-menu{width:auto!important}:host ::ng-deep .p-panelmenu-header-link .p-panelmenu-icon:before{display:none}.sidebar .navbar{width:260px;overflow:auto;transition:width .5s;-webkit-transition:width .5s}.hide-nav .toggle-btn span{display:none}:host ::ng-deep .p-panelmenu-panel,:host ::ng-deep .p-element,:host ::ng-deep .p-panelmenu-header,:host ::ng-deep .p-panelmenu .p-panelmenu-header{border-bottom:0!important}:host ::ng-deep .hide-nav .p-menuitem-text,:host ::ng-deep .hide-nav .p-panelmenu-icon,:host ::ng-deep .hide-nav+.nav-footer{display:none;opacity:0}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5$2.PanelMenu, selector: "p-panelMenu", inputs: ["model", "style", "styleClass", "multiple", "transitionOptions", "id", "tabindex"] }] }); }
|
|
12638
12637
|
}
|
|
12639
12638
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SidebarComponent, decorators: [{
|
|
12640
12639
|
type: Component,
|