@symphony-talent/component-library 3.26.1 → 3.26.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/organisms/sidebar-navigation/sidebar-navigation.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/organisms/sidebar-navigation/sidebar-navigation.component.mjs +2 -2
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +2 -2
- package/fesm2015/symphony-talent-component-library.mjs +2 -2
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +2 -2
- package/fesm2020/symphony-talent-component-library.mjs +2 -2
- package/package.json +1 -1
|
@@ -23,10 +23,10 @@ export class SidebarNavigationComponent {
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
SidebarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;
|
|
26
|
+
SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.NavigationLinkComponent, selector: "symphony-navigation-link", inputs: ["navigationLinkModel", "isMenuOpen"], outputs: ["linkClick"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
|
-
args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;
|
|
29
|
+
args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"] }]
|
|
30
30
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { navLinks: [{
|
|
31
31
|
type: Input
|
|
32
32
|
}], linkClick: [{
|
|
@@ -23,10 +23,10 @@ export class SidebarNavigationComponent {
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
SidebarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
-
SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;
|
|
26
|
+
SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.NavigationLinkComponent, selector: "symphony-navigation-link", inputs: ["navigationLinkModel", "isMenuOpen"], outputs: ["linkClick"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
|
-
args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;
|
|
29
|
+
args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"] }]
|
|
30
30
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { navLinks: [{
|
|
31
31
|
type: Input
|
|
32
32
|
}], linkClick: [{
|
|
@@ -2915,10 +2915,10 @@ class SidebarNavigationComponent {
|
|
|
2915
2915
|
}
|
|
2916
2916
|
}
|
|
2917
2917
|
SidebarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2918
|
-
SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;
|
|
2918
|
+
SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: NavigationLinkComponent, selector: "symphony-navigation-link", inputs: ["navigationLinkModel", "isMenuOpen"], outputs: ["linkClick"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2919
2919
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
|
|
2920
2920
|
type: Component,
|
|
2921
|
-
args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;
|
|
2921
|
+
args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"] }]
|
|
2922
2922
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { navLinks: [{
|
|
2923
2923
|
type: Input
|
|
2924
2924
|
}], linkClick: [{
|
|
@@ -2915,10 +2915,10 @@ class SidebarNavigationComponent {
|
|
|
2915
2915
|
}
|
|
2916
2916
|
}
|
|
2917
2917
|
SidebarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2918
|
-
SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;
|
|
2918
|
+
SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: NavigationLinkComponent, selector: "symphony-navigation-link", inputs: ["navigationLinkModel", "isMenuOpen"], outputs: ["linkClick"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2919
2919
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
|
|
2920
2920
|
type: Component,
|
|
2921
|
-
args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;
|
|
2921
|
+
args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"] }]
|
|
2922
2922
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { navLinks: [{
|
|
2923
2923
|
type: Input
|
|
2924
2924
|
}], linkClick: [{
|
|
@@ -2912,10 +2912,10 @@ class SidebarNavigationComponent {
|
|
|
2912
2912
|
}
|
|
2913
2913
|
}
|
|
2914
2914
|
SidebarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2915
|
-
SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;
|
|
2915
|
+
SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: NavigationLinkComponent, selector: "symphony-navigation-link", inputs: ["navigationLinkModel", "isMenuOpen"], outputs: ["linkClick"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2916
2916
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
|
|
2917
2917
|
type: Component,
|
|
2918
|
-
args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;
|
|
2918
|
+
args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"] }]
|
|
2919
2919
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { navLinks: [{
|
|
2920
2920
|
type: Input
|
|
2921
2921
|
}], linkClick: [{
|
|
@@ -2912,10 +2912,10 @@ class SidebarNavigationComponent {
|
|
|
2912
2912
|
}
|
|
2913
2913
|
}
|
|
2914
2914
|
SidebarNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2915
|
-
SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;
|
|
2915
|
+
SidebarNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SidebarNavigationComponent, selector: "symphony-sidebar-navigation", inputs: { navLinks: "navLinks", isMenuOpen: "isMenuOpen" }, outputs: { linkClick: "linkClick" }, ngImport: i0, template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: NavigationLinkComponent, selector: "symphony-navigation-link", inputs: ["navigationLinkModel", "isMenuOpen"], outputs: ["linkClick"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2916
2916
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SidebarNavigationComponent, decorators: [{
|
|
2917
2917
|
type: Component,
|
|
2918
|
-
args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;
|
|
2918
|
+
args: [{ selector: 'symphony-sidebar-navigation', template: "<nav\n class=\"sfx-sidebar-parent sfx-bg-white\"\n [ngClass]=\"{ 'sfx-menu-open': isMenuOpen }\"\n role=\"navigation\"\n>\n <div class=\"menu-collapse\" (click)=\"onMenuClick()\">\n <div class=\"menu-btn\" *ngIf=\"!isMenuOpen\">\n <symphony-tooltip-wrapper [placement]=\"'right'\" [tooltipHtml]=\"'Menu'\">\n <symphony-icon [icon]=\"'si-menu-all'\" [size]=\"'22px'\"></symphony-icon>\n </symphony-tooltip-wrapper>\n </div>\n\n <div class=\"back-btn\" *ngIf=\"isMenuOpen\">\n <symphony-icon\n *ngIf=\"isMenuOpen\"\n [icon]=\"'si-menu-return'\"\n [size]=\"'22px'\"\n ></symphony-icon>\n <span class=\"back-button-text\">Back</span>\n </div>\n </div>\n <div class=\"nav-link-list\">\n <symphony-navigation-link\n *ngFor=\"let navLink of navLinks; index as i\"\n [navigationLinkModel]=\"navLink\"\n [isMenuOpen]=\"isMenuOpen\"\n (linkClick)=\"onLinkClick($event)\"\n ></symphony-navigation-link>\n </div>\n</nav>\n", styles: [".sfx-sidebar-parent{z-index:99999999;top:0;left:0;width:110px;height:100%;position:fixed;transition:width .5s;padding-top:.625rem}.sfx-sidebar-parent .menu-collapse{cursor:pointer}.sfx-sidebar-parent .back-btn{display:flex}.sfx-sidebar-parent .back-button-text{padding-top:20px;margin-left:20px;font-size:12px;text-transform:uppercase;vertical-align:middle;font-weight:600;font-family:neuzeit_groteskbold,sans-serif;animation:fade-in .5s forwards}.sfx-sidebar-parent .nav-link-list{overflow:hidden}.sfx-sidebar-parent .nav-link-list symphony-navigation-link{display:block}.sfx-sidebar-parent symphony-icon{display:inline-block;line-height:.6;vertical-align:middle;padding:17px 10px 17px 46px}.sfx-sidebar-parent.sfx-menu-open{width:280px}.sfx-sidebar-parent.sfx-menu-open .menu-collapse:hover{background:#eb0d8b;color:#fff;border-left-color:#eb0d8b}\n"] }]
|
|
2919
2919
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { navLinks: [{
|
|
2920
2920
|
type: Input
|
|
2921
2921
|
}], linkClick: [{
|