@pepperi-addons/ngx-lib 0.2.59-query-builder.13 → 0.2.61-beta.2

package/fesm2015/pepperi-addons-ngx-lib-menu.js

@@ -155,7 +155,7 @@ class PepMenuComponent {
 PepMenuComponent.decorators = [
     { type: Component, args: [{
                 selector: 'pep-menu',
-                template: "<div class=\"menu-container\" dir=\"{{ layoutService.isRtl() ? 'rtl' : 'ltr' }}\">\r\n\r\n    <ng-container *ngIf=\"hideOnEmptyItems then animationTemplate else regularTemplate\">\r\n    </ng-container>\r\n    <ng-template #animationTemplate>\r\n        <button mat-button class=\"pep-button {{ sizeType }} {{ styleType }} {{ classNames }}\"\r\n            [ngClass]=\"{ 'icon-button': !displayText || screenSize > PepScreenSizeType.SM, 'pep-button-limited-width': screenSize < PepScreenSizeType.XS  }\"\r\n            pepRtlDirection pepMenuBlur (click)=\"onMenuClicked($event)\" [@slideInOut]=\"state\"\r\n            (@slideInOut.done)=\"animationDone()\" (@slideInOut.start)=\"animationStart()\"\r\n            [matMenuTriggerFor]=\"menu.childMenu\">\r\n            <ng-container *ngTemplateOutlet=\"triggerTemplate\">\r\n            </ng-container>\r\n        </button>\r\n        <pep-menu-item #menu [type]=\"type\" [items]=\"items\" [selectedItem]=\"selectedItem\" [xPosition]=\"xPosition\"\r\n            (menuItemClick)=\"onMenuItemClicked($event)\">\r\n        </pep-menu-item>\r\n    </ng-template>\r\n    <ng-template #regularTemplate>\r\n        <ng-container *ngIf=\"items then menuTemplate else buttonTemplate\"></ng-container>\r\n        <ng-template #menuTemplate>\r\n            <button mat-button class=\"pep-button {{ sizeType }} {{ styleType }} {{ classNames }}\"\r\n                [ngClass]=\"{ 'icon-button': !displayText || screenSize > PepScreenSizeType.SM, 'pep-button-limited-width': screenSize < PepScreenSizeType.XS, disabled: disabled }\"\r\n                pepRtlDirection pepMenuBlur (menuClick)=\"onMenuClicked($event)\" [disabled]=\"disabled\"\r\n                [matMenuTriggerFor]=\"menu.childMenu\">\r\n                <ng-container *ngTemplateOutlet=\"triggerTemplate\">\r\n                </ng-container>\r\n            </button>\r\n            <pep-menu-item #menu [type]=\"type\" [items]=\"items\" [selectedItem]=\"selectedItem\" [xPosition]=\"xPosition\"\r\n                (menuItemClick)=\"onMenuItemClicked($event)\"></pep-menu-item>\r\n        </ng-template>\r\n        <ng-template #buttonTemplate>\r\n            <button mat-button class=\"pep-button {{ sizeType }} {{ styleType }} {{ classNames }}\"\r\n                [ngClass]=\"{ 'icon-button': !displayText || screenSize > PepScreenSizeType.SM, 'pep-button-limited-width': screenSize < PepScreenSizeType.XS, disabled: disabled }\"\r\n                pepRtlDirection pepMenuBlur (menuClick)=\"onMenuClicked($event)\" [disabled]=\"disabled\">\r\n                <ng-container *ngTemplateOutlet=\"triggerTemplate\">\r\n                </ng-container>\r\n            </button>\r\n        </ng-template>\r\n    </ng-template>\r\n</div>\r\n\r\n<ng-template #triggerTemplate>\r\n    <span *ngIf=\"displayText && screenSize <= PepScreenSizeType.SM\" class=\"ellipsis\"\r\n        [ngClass]=\"{ 'button-title-with-icon': iconName }\" [title]=\"displayText\">\r\n        {{ displayText }}\r\n    </span>\r\n    <mat-icon *ngIf=\"iconName\">\r\n        <pep-icon name=\"{{ iconName }}\"></pep-icon>\r\n    </mat-icon>\r\n</ng-template>",
+                template: "<div class=\"menu-container\" dir=\"{{ layoutService.isRtl() ? 'rtl' : 'ltr' }}\">\n\n    <ng-container *ngIf=\"hideOnEmptyItems then animationTemplate else regularTemplate\">\n    </ng-container>\n    <ng-template #animationTemplate>\n        <button mat-button class=\"pep-button {{ sizeType }} {{ styleType }} {{ classNames }}\"\n            [ngClass]=\"{ 'icon-button': !displayText || screenSize > PepScreenSizeType.SM, 'pep-button-limited-width': screenSize < PepScreenSizeType.XS  }\"\n            pepRtlDirection pepMenuBlur (click)=\"onMenuClicked($event)\" [@slideInOut]=\"state\"\n            (@slideInOut.done)=\"animationDone()\" (@slideInOut.start)=\"animationStart()\"\n            [matMenuTriggerFor]=\"menu.childMenu\">\n            <ng-container *ngTemplateOutlet=\"triggerTemplate\">\n            </ng-container>\n        </button>\n        <pep-menu-item #menu [type]=\"type\" [items]=\"items\" [selectedItem]=\"selectedItem\" [xPosition]=\"xPosition\"\n            (menuItemClick)=\"onMenuItemClicked($event)\">\n        </pep-menu-item>\n    </ng-template>\n    <ng-template #regularTemplate>\n        <ng-container *ngIf=\"items then menuTemplate else buttonTemplate\"></ng-container>\n        <ng-template #menuTemplate>\n            <button mat-button class=\"pep-button {{ sizeType }} {{ styleType }} {{ classNames }}\"\n                [ngClass]=\"{ 'icon-button': !displayText || screenSize > PepScreenSizeType.SM, 'pep-button-limited-width': screenSize < PepScreenSizeType.XS, disabled: disabled }\"\n                pepRtlDirection pepMenuBlur (menuClick)=\"onMenuClicked($event)\" [disabled]=\"disabled\"\n                [matMenuTriggerFor]=\"menu.childMenu\">\n                <ng-container *ngTemplateOutlet=\"triggerTemplate\">\n                </ng-container>\n            </button>\n            <pep-menu-item #menu [type]=\"type\" [items]=\"items\" [selectedItem]=\"selectedItem\" [xPosition]=\"xPosition\"\n                (menuItemClick)=\"onMenuItemClicked($event)\"></pep-menu-item>\n        </ng-template>\n        <ng-template #buttonTemplate>\n            <button mat-button class=\"pep-button {{ sizeType }} {{ styleType }} {{ classNames }}\"\n                [ngClass]=\"{ 'icon-button': !displayText || screenSize > PepScreenSizeType.SM, 'pep-button-limited-width': screenSize < PepScreenSizeType.XS, disabled: disabled }\"\n                pepRtlDirection pepMenuBlur (menuClick)=\"onMenuClicked($event)\" [disabled]=\"disabled\">\n                <ng-container *ngTemplateOutlet=\"triggerTemplate\">\n                </ng-container>\n            </button>\n        </ng-template>\n    </ng-template>\n</div>\n\n<ng-template #triggerTemplate>\n    <span *ngIf=\"displayText && screenSize <= PepScreenSizeType.SM\" class=\"ellipsis\"\n        [ngClass]=\"{ 'button-title-with-icon': iconName }\" [title]=\"displayText\">\n        {{ displayText }}\n    </span>\n    <mat-icon *ngIf=\"iconName\">\n        <pep-icon name=\"{{ iconName }}\"></pep-icon>\n    </mat-icon>\n</ng-template>",
                 animations: [
                     trigger('slideInOut', [
                         state('hidden', style({
@@ -281,7 +281,7 @@ class PepMenuItemComponent {
 PepMenuItemComponent.decorators = [
     { type: Component, args: [{
                 selector: 'pep-menu-item',
-                template: "<mat-menu #childMenu=\"matMenu\" xPosition=\"{{ xPosition }}\" class=\"pep-{{type}}-menu\">\r\n    <ng-container *ngFor=\"let menuItem of items\">\r\n        <ng-container *ngIf=\"!menuItem.hidden\">\r\n            <ng-container *ngIf=\"menuItem.type === 'splitter'; then splitterBlock; else buttonBlock\"></ng-container>\r\n            <ng-template #splitterBlock>\r\n                <div mat-menu-item class=\"splitter\"></div>\r\n            </ng-template>\r\n\r\n            <ng-template #buttonBlock>\r\n                <ng-container\r\n                    *ngIf=\"type !== 'select' && menuItem.children?.length > 0; then childrenBlock; else regularBlock\">\r\n                </ng-container>\r\n                <ng-template #childrenBlock>\r\n                    <button mat-menu-item (click)=\"onMenuItemClicked(menuItem)\" [matMenuTriggerFor]=\"menu.childMenu\"\r\n                        title=\"{{ menuItem.text }}\" pepRtlDirection [disabled]=\"menuItem.disabled\"\r\n                        [ngClass]=\"{ selected: type === 'action-select' && menuItem.selected, disabled: menuItem.disabled }\">\r\n                        <ng-container *ngTemplateOutlet=\"itemTemplate; context: {\r\n                            itemIconName: menuItem.iconName,\r\n                            itemText: menuItem.text,\r\n                            itemType: menuItem.type,\r\n                            hasChildren: true\r\n                        }\"></ng-container>\r\n                    </button>\r\n                    <pep-menu-item #menu [type]=\"type\" [items]=\"menuItem.children\" [parent]=\"menuItem\"\r\n                        (menuItemClick)=\"onChildClicked($event)\">\r\n                    </pep-menu-item>\r\n                </ng-template>\r\n                <ng-template #regularBlock>\r\n                    <button mat-menu-item (click)=\"onMenuItemClicked(menuItem)\" title=\"{{ menuItem.text }}\"\r\n                        pepRtlDirection [disabled]=\"menuItem.disabled\"\r\n                        [ngClass]=\"{ selected: (type === 'select' || type === 'action-select') && menuItem.selected, disabled: menuItem.disabled }\">\r\n                        <ng-container *ngTemplateOutlet=\"itemTemplate; context: {\r\n                            itemIconName: menuItem.iconName,\r\n                            itemText: menuItem.text,\r\n                            itemType: menuItem.type,\r\n                            hasChildren: false\r\n                        }\"></ng-container>\r\n                    </button>\r\n                </ng-template>\r\n            </ng-template>\r\n        </ng-container>\r\n    </ng-container>\r\n</mat-menu>\r\n\r\n<ng-template #itemTemplate let-itemIconName=\"itemIconName\" let-itemText=\"itemText\" let-itemType=\"itemType\"\r\n    let-hasChildren=\"hasChildren\">\r\n    <ng-container>\r\n        <mat-icon *ngIf=\"itemIconName\" class=\"pull-left flip\">\r\n            <pep-icon name=\"{{itemIconName}}\"></pep-icon>\r\n        </mat-icon>\r\n        <span *ngIf=\"itemText\" class=\"pull-left flip title ellipsis\"\r\n            [ngClass]=\"{ 'spacing-from-icon': itemIconName, 'spacing-from-submenu-trigger': hasChildren }\"\r\n            [title]=\"itemText\">\r\n            {{ itemText }}\r\n        </span>\r\n        <mat-icon *ngIf=\"hasChildren\" class=\"pull-left flip submenu-trigger\"\r\n            [ngClass]=\"{ 'rotate': xPosition === 'before' }\">\r\n            <pep-icon name=\"{{ subMenuIconName }}\"></pep-icon>\r\n        </mat-icon>\r\n    </ng-container>\r\n</ng-template>",
+                template: "<mat-menu #childMenu=\"matMenu\" xPosition=\"{{ xPosition }}\" class=\"pep-{{type}}-menu\">\n    <ng-container *ngFor=\"let menuItem of items\">\n        <ng-container *ngIf=\"!menuItem.hidden\">\n            <ng-container *ngIf=\"menuItem.type === 'splitter'; then splitterBlock; else buttonBlock\"></ng-container>\n            <ng-template #splitterBlock>\n                <div mat-menu-item class=\"splitter\"></div>\n            </ng-template>\n\n            <ng-template #buttonBlock>\n                <ng-container\n                    *ngIf=\"type !== 'select' && menuItem.children?.length > 0; then childrenBlock; else regularBlock\">\n                </ng-container>\n                <ng-template #childrenBlock>\n                    <button mat-menu-item (click)=\"onMenuItemClicked(menuItem)\" [matMenuTriggerFor]=\"menu.childMenu\"\n                        title=\"{{ menuItem.text }}\" pepRtlDirection [disabled]=\"menuItem.disabled\"\n                        [ngClass]=\"{ selected: type === 'action-select' && menuItem.selected, disabled: menuItem.disabled }\">\n                        <ng-container *ngTemplateOutlet=\"itemTemplate; context: {\n                            itemIconName: menuItem.iconName,\n                            itemText: menuItem.text,\n                            itemType: menuItem.type,\n                            hasChildren: true\n                        }\"></ng-container>\n                    </button>\n                    <pep-menu-item #menu [type]=\"type\" [items]=\"menuItem.children\" [parent]=\"menuItem\"\n                        (menuItemClick)=\"onChildClicked($event)\">\n                    </pep-menu-item>\n                </ng-template>\n                <ng-template #regularBlock>\n                    <button mat-menu-item (click)=\"onMenuItemClicked(menuItem)\" title=\"{{ menuItem.text }}\"\n                        pepRtlDirection [disabled]=\"menuItem.disabled\"\n                        [ngClass]=\"{ selected: (type === 'select' || type === 'action-select') && menuItem.selected, disabled: menuItem.disabled }\">\n                        <ng-container *ngTemplateOutlet=\"itemTemplate; context: {\n                            itemIconName: menuItem.iconName,\n                            itemText: menuItem.text,\n                            itemType: menuItem.type,\n                            hasChildren: false\n                        }\"></ng-container>\n                    </button>\n                </ng-template>\n            </ng-template>\n        </ng-container>\n    </ng-container>\n</mat-menu>\n\n<ng-template #itemTemplate let-itemIconName=\"itemIconName\" let-itemText=\"itemText\" let-itemType=\"itemType\"\n    let-hasChildren=\"hasChildren\">\n    <ng-container>\n        <mat-icon *ngIf=\"itemIconName\" class=\"pull-left flip\">\n            <pep-icon name=\"{{itemIconName}}\"></pep-icon>\n        </mat-icon>\n        <span *ngIf=\"itemText\" class=\"pull-left flip title ellipsis\"\n            [ngClass]=\"{ 'spacing-from-icon': itemIconName, 'spacing-from-submenu-trigger': hasChildren }\"\n            [title]=\"itemText\">\n            {{ itemText }}\n        </span>\n        <mat-icon *ngIf=\"hasChildren\" class=\"pull-left flip submenu-trigger\"\n            [ngClass]=\"{ 'rotate': xPosition === 'before' }\">\n            <pep-icon name=\"{{ subMenuIconName }}\"></pep-icon>\n        </mat-icon>\n    </ng-container>\n</ng-template>",
                 styles: [".mat-menu-item-submenu-trigger:after{display:none}.mat-menu-item .title{margin:0 .25rem;margin:0 var(--pep-spacing-xs,.25rem)}.mat-menu-item .title.spacing-from-icon{margin:0 .5rem;margin:0 var(--pep-spacing-sm,.5rem)}.mat-menu-item .title.spacing-from-submenu-trigger{-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-end:var(--pep-spacing-lg,1rem);padding-inline-end:var(--pep-spacing-lg,1rem)}.mat-menu-item .mat-icon{margin:0}.mat-menu-item .submenu-trigger{position:absolute;right:.5rem;right:var(--pep-spacing-sm,.5rem);width:1rem}.mat-menu-item .submenu-trigger.rotate{transform:rotate(180deg)}.mat-menu-item.splitter{height:1px!important;margin:.5rem 0;margin:var(--pep-spacing-sm,.5rem) 0}.mat-menu-item[dir=rtl] .submenu-trigger{right:unset;left:.5rem;left:var(--pep-spacing-sm,.5rem);transform:rotate(180deg)}.mat-menu-item[dir=rtl] .submenu-trigger.rotate{transform:rotate(0deg)}.mat-menu-item-submenu-trigger:after{width:unset;height:unset;transform:unset}"]
             },] }
 ];

package/fesm2015/pepperi-addons-ngx-lib-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-lib-menu.js","sources":["../../../projects/ngx-lib/menu/menu.model.ts","../../../projects/ngx-lib/menu/menu.component.ts","../../../projects/ngx-lib/menu/menu-item.component.ts","../../../projects/ngx-lib/menu/menu.module.ts","../../../projects/ngx-lib/menu/public-api.ts","../../../projects/ngx-lib/menu/pepperi-addons-ngx-lib-menu.ts"],"sourcesContent":["export type PepMenuType = 'action' | 'action-select' | 'select';\r\n\r\nexport type PepMenuItemType = 'regular' | 'splitter';\r\n\r\nexport type PepMenuStateType = 'visible' | 'hidden';\r\n\r\nexport class PepMenuItemParent {\r\n    key: string;\r\n    parent?: PepMenuItemParent = null;\r\n\r\n    constructor(data: PepMenuItem) {\r\n        this.key = data.key;\r\n        this.parent = data.parent;\r\n    }\r\n}\r\nexport class PepMenuItem {\r\n    key: string;\r\n    text?: string;\r\n    disabled?: boolean = false;\r\n    hidden?: boolean = false;\r\n    iconName?: string = null;\r\n    type?: PepMenuItemType = 'regular';\r\n    children?: Array<PepMenuItem> = null;\r\n    parent?: PepMenuItemParent = null;\r\n\r\n    constructor(data: Partial<PepMenuItem>) {\r\n        Object.assign(this, data);\r\n    }\r\n}\r\n\r\nexport interface IPepMenuItemClickEvent {\r\n    source: PepMenuItem;\r\n}\r\n\r\nexport interface IPepMenuStateChangeEvent {\r\n    state: PepMenuStateType;\r\n}\r\n","import {\r\n    Component,\r\n    Input,\r\n    Output,\r\n    EventEmitter,\r\n    OnChanges,\r\n    OnDestroy,\r\n} from '@angular/core';\r\nimport {\r\n    trigger,\r\n    state,\r\n    style,\r\n    transition,\r\n    animate,\r\n} from '@angular/animations';\r\nimport {\r\n    PepLayoutService,\r\n    PepStyleType,\r\n    PepSizeType,\r\n    PepScreenSizeType,\r\n} from '@pepperi-addons/ngx-lib';\r\nimport { pepIconSystemMenu, PepIconType } from '@pepperi-addons/ngx-lib/icon';\r\nimport {\r\n    PepMenuItem,\r\n    IPepMenuItemClickEvent,\r\n    IPepMenuStateChangeEvent,\r\n    PepMenuStateType,\r\n    PepMenuType,\r\n    PepMenuItemParent,\r\n} from './menu.model';\r\n\r\n@Component({\r\n    selector: 'pep-menu',\r\n    templateUrl: './menu.component.html',\r\n    styleUrls: ['./menu.component.scss'],\r\n    animations: [\r\n        trigger('slideInOut', [\r\n            state(\r\n                'hidden',\r\n                style({\r\n                    width: '0px',\r\n                    padding: '0',\r\n                    margin: '0',\r\n                    minWidth: '0px',\r\n                    opacity: 0,\r\n                })\r\n            ),\r\n            state(\r\n                'visible',\r\n                style({\r\n                    width: 'inherit',\r\n                    opacity: 1,\r\n                })\r\n            ),\r\n            transition('close => open', animate('500ms ease-in')),\r\n            transition('open => close', animate('500ms ease-out')),\r\n        ]),\r\n    ],\r\n})\r\nexport class PepMenuComponent implements OnChanges, OnDestroy {\r\n    @Input() text: string = null;\r\n    /**\r\n     * The icon name to show on the menu. look in (@link icon -> All icons)\r\n     *\r\n     * @type {PepIconType} See {@link PepIconType}\r\n     * @memberof PepMenuComponent\r\n     */\r\n    @Input() iconName: PepIconType = pepIconSystemMenu.name;\r\n    @Input() type: PepMenuType = 'action';\r\n    @Input() styleType: PepStyleType = 'weak';\r\n    @Input() sizeType: PepSizeType = 'md';\r\n    @Input() classNames = '';\r\n    @Input() xPosition: 'before' | 'after' = 'after';\r\n    @Input() hideOnEmptyItems = false;\r\n\r\n    private _items: Array<PepMenuItem> = null;\r\n    @Input()\r\n    set items(items: Array<PepMenuItem>) {\r\n        this.setItemsParent(items);\r\n        this._items = items;\r\n    }\r\n    get items(): Array<PepMenuItem> {\r\n        return this._items;\r\n    }\r\n\r\n    @Input() selectedItem: PepMenuItem = null;\r\n    @Input() disabled = false;\r\n\r\n    @Output()\r\n    stateChange: EventEmitter<IPepMenuStateChangeEvent> = new EventEmitter<IPepMenuStateChangeEvent>();\r\n    @Output()\r\n    menuItemClick: EventEmitter<IPepMenuItemClickEvent> = new EventEmitter<IPepMenuItemClickEvent>();\r\n    @Output() menuClick: EventEmitter<void> = new EventEmitter<void>();\r\n\r\n    state: PepMenuStateType = 'hidden';\r\n\r\n    PepScreenSizeType = PepScreenSizeType;\r\n    screenSize: PepScreenSizeType;\r\n\r\n    displayText: string = null;\r\n\r\n    constructor(public layoutService: PepLayoutService) {\r\n        this.layoutService.onResize$.subscribe((size) => {\r\n            this.screenSize = size;\r\n        });\r\n    }\r\n\r\n    private setChildrenParent(\r\n        item: PepMenuItem,\r\n        parent: PepMenuItemParent\r\n    ): void {\r\n        item.parent = parent;\r\n\r\n        if (item.children && item.children.length > 0) {\r\n            item.children.forEach((child) => {\r\n                this.setChildrenParent(child, new PepMenuItemParent(item));\r\n            });\r\n        }\r\n    }\r\n\r\n    private setItemsParent(items: Array<PepMenuItem>): void {\r\n        if (items) {\r\n            items.forEach((item) => {\r\n                item.parent = null;\r\n\r\n                if (item.children && item.children.length > 0) {\r\n                    item.children.forEach((child) => {\r\n                        this.setChildrenParent(\r\n                            child,\r\n                            new PepMenuItemParent(item)\r\n                        );\r\n                    });\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    private updateText(): void {\r\n        if (this.type === 'select' || this.type === 'action-select') {\r\n            this.displayText = this.selectedItem\r\n                ? this.selectedItem.text\r\n                : this.text;\r\n        } else {\r\n            this.displayText = this.text;\r\n        }\r\n    }\r\n\r\n    ngOnChanges(changes): void {\r\n        if (this.hideOnEmptyItems) {\r\n            this.state =\r\n                !this.disabled &&\r\n                    this.items &&\r\n                    this.items.filter((item) => !item.disabled).length > 0\r\n                    ? 'visible'\r\n                    : 'hidden';\r\n        } else {\r\n            this.state = 'visible';\r\n        }\r\n\r\n        if (this.type === 'select') {\r\n            if (\r\n                this.selectedItem === null &&\r\n                this.items &&\r\n                this.items.length > 0\r\n            ) {\r\n                this.selectedItem = this.items[0];\r\n            }\r\n        }\r\n\r\n        this.updateText();\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        // if (this.menuItemClick) {\r\n        //     this.menuItemClick.unsubscribe();\r\n        // }\r\n    }\r\n\r\n    onMenuClicked(event): void {\r\n        this.menuClick.emit();\r\n    }\r\n\r\n    // private manipulateData(menuItem: PepMenuItem) {\r\n    //     menuItem.children = null;\r\n\r\n    //     if (menuItem.parent) {\r\n    //         menuItem.parent = new PepMenuItem(menuItem.parent);\r\n    //         this.manipulateData(menuItem.parent);\r\n    //     }\r\n    // }\r\n\r\n    onMenuItemClicked(click: IPepMenuItemClickEvent): void {\r\n        this.selectedItem = click.source;\r\n        this.updateText();\r\n\r\n        // Manipulate click data because the data is dupplicate in parent.children\r\n        // const tmp = new PepMenuItem(click.source);\r\n        // this.manipulateData(tmp);\r\n        // click.source = tmp;\r\n\r\n        this.menuItemClick.emit(click);\r\n    }\r\n\r\n    animationDone(): void {\r\n        if (this.state === 'hidden') {\r\n            setTimeout(() => {\r\n                this.stateChange.emit({ state: this.state });\r\n            }, 500);\r\n        }\r\n    }\r\n\r\n    animationStart(): void {\r\n        if (this.state === 'visible') {\r\n            this.stateChange.emit({ state: this.state });\r\n        }\r\n    }\r\n}\r\n","import {\r\n    Component,\r\n    Input,\r\n    Output,\r\n    EventEmitter,\r\n    OnDestroy,\r\n    ViewChild,\r\n} from '@angular/core';\r\nimport { pepIconArrowRight } from '@pepperi-addons/ngx-lib/icon';\r\nimport {\r\n    PepMenuItem,\r\n    IPepMenuItemClickEvent,\r\n    PepMenuType,\r\n    PepMenuItemParent,\r\n} from './menu.model';\r\n\r\nexport class PepInternalMenuItem extends PepMenuItem {\r\n    selected?: boolean = false;\r\n}\r\n\r\n@Component({\r\n    selector: 'pep-menu-item',\r\n    templateUrl: './menu-item.component.html',\r\n    styleUrls: ['./menu-item.component.scss'],\r\n})\r\nexport class PepMenuItemComponent implements OnDestroy {\r\n    @Input() type: PepMenuType = 'action';\r\n\r\n    @Input() parent: PepMenuItemParent = null;\r\n    @Input() items: Array<PepInternalMenuItem> = [];\r\n\r\n    private _selectedItem: PepInternalMenuItem = null;\r\n    @Input()\r\n    set selectedItem(selectedItem: PepInternalMenuItem) {\r\n        this.updateSelectedItem(selectedItem);\r\n    }\r\n    get selectedItem(): PepInternalMenuItem {\r\n        return this._selectedItem;\r\n    }\r\n\r\n    @Input() xPosition: 'before' | 'after' = 'after';\r\n    @Input() subMenuIconName: string = pepIconArrowRight.name;\r\n\r\n    @ViewChild('childMenu', { static: true }) public childMenu: any;\r\n\r\n    @Output()\r\n    menuItemClick: EventEmitter<IPepMenuItemClickEvent> = new EventEmitter<IPepMenuItemClickEvent>();\r\n\r\n    ngOnDestroy(): void {\r\n        // if (this.menuItemClick) {\r\n        //     this.menuItemClick.unsubscribe();\r\n        // }\r\n    }\r\n\r\n    private clearSelectedItem(selectedItem: PepInternalMenuItem): void {\r\n        if (this.items) {\r\n            this.items.forEach((item) => {\r\n                item.selected = selectedItem?.key === item.key;\r\n\r\n                if (item.children) {\r\n                    item.children.forEach((child) => {\r\n                        this.clearSelectedChildren(child, selectedItem);\r\n                    });\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    private clearSelectedChildren(\r\n        item: PepInternalMenuItem,\r\n        selectedItem: PepInternalMenuItem\r\n    ): void {\r\n        item.selected = selectedItem?.key === item.key;\r\n\r\n        if (item.children) {\r\n            item.children.forEach((child) => {\r\n                this.clearSelectedChildren(child, selectedItem);\r\n            });\r\n        }\r\n    }\r\n\r\n    private selectParentAndChildren(\r\n        items: Array<PepInternalMenuItem>,\r\n        parentsKeys: Array<string>\r\n    ) {\r\n        if (parentsKeys.length > 0) {\r\n            const key = parentsKeys.pop();\r\n            const selectedParent = items.find((item) => item.key === key);\r\n\r\n            if (selectedParent) {\r\n                selectedParent.selected = true;\r\n                this.selectParentAndChildren(\r\n                    selectedParent.children,\r\n                    parentsKeys\r\n                );\r\n            }\r\n        }\r\n    }\r\n\r\n    private updateSelectedParent(\r\n        parentItem: PepMenuItemParent,\r\n        parentsKeys: Array<string>\r\n    ) {\r\n        parentsKeys.push(parentItem.key);\r\n\r\n        if (parentItem.parent) {\r\n            this.updateSelectedParent(parentItem.parent, parentsKeys);\r\n        } else {\r\n            this.selectParentAndChildren(this.items, parentsKeys);\r\n        }\r\n    }\r\n\r\n    private updateSelectedItem(selectedItem: PepInternalMenuItem) {\r\n        this.clearSelectedItem(selectedItem);\r\n        this._selectedItem = selectedItem;\r\n\r\n        if (selectedItem && selectedItem.parent) {\r\n            this.updateSelectedParent(selectedItem.parent, []);\r\n        }\r\n    }\r\n\r\n    onChildClicked(click: IPepMenuItemClickEvent): void {\r\n        // click.source.selected = true;\r\n        this.menuItemClick.emit(click);\r\n    }\r\n\r\n    onMenuItemClicked(item: PepMenuItem): void {\r\n        // item.selected = true;\r\n        this.menuItemClick.emit({ source: item });\r\n    }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { MatCommonModule } from '@angular/material/core';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\nimport { MatIconModule } from '@angular/material/icon';\r\n\r\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\r\nimport {\r\n    PepIconModule,\r\n    PepIconRegistry,\r\n    pepIconSystemMenu,\r\n    pepIconArrowRight,\r\n} from '@pepperi-addons/ngx-lib/icon';\r\n\r\nimport { PepMenuComponent } from './menu.component';\r\nimport { PepMenuItemComponent } from './menu-item.component';\r\n\r\n@NgModule({\r\n    imports: [\r\n        CommonModule,\r\n        // Material modules,\r\n        MatCommonModule,\r\n        MatFormFieldModule,\r\n        MatMenuModule,\r\n        MatIconModule,\r\n        // ngx-lib modules\r\n        PepNgxLibModule,\r\n        PepIconModule,\r\n    ],\r\n    exports: [PepMenuComponent],\r\n    declarations: [PepMenuComponent, PepMenuItemComponent],\r\n})\r\nexport class PepMenuModule {\r\n    constructor(private pepIconRegistry: PepIconRegistry) {\r\n        this.pepIconRegistry.registerIcons([\r\n            pepIconSystemMenu,\r\n            pepIconArrowRight,\r\n        ]);\r\n    }\r\n}\r\n","/*\r\n * Public API Surface of ngx-lib/menu\r\n */\r\nexport * from './menu.module';\r\nexport * from './menu.model';\r\nexport * from './menu.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n\nexport {PepMenuItemComponent as ɵa} from './menu-item.component';"],"names":[],"mappings":"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"}
+{"version":3,"file":"pepperi-addons-ngx-lib-menu.js","sources":["../../../projects/ngx-lib/menu/menu.model.ts","../../../projects/ngx-lib/menu/menu.component.ts","../../../projects/ngx-lib/menu/menu-item.component.ts","../../../projects/ngx-lib/menu/menu.module.ts","../../../projects/ngx-lib/menu/public-api.ts","../../../projects/ngx-lib/menu/pepperi-addons-ngx-lib-menu.ts"],"sourcesContent":["export type PepMenuType = 'action' | 'action-select' | 'select';\n\nexport type PepMenuItemType = 'regular' | 'splitter';\n\nexport type PepMenuStateType = 'visible' | 'hidden';\n\nexport class PepMenuItemParent {\n    key: string;\n    parent?: PepMenuItemParent = null;\n\n    constructor(data: PepMenuItem) {\n        this.key = data.key;\n        this.parent = data.parent;\n    }\n}\nexport class PepMenuItem {\n    key: string;\n    text?: string;\n    disabled?: boolean = false;\n    hidden?: boolean = false;\n    iconName?: string = null;\n    type?: PepMenuItemType = 'regular';\n    children?: Array<PepMenuItem> = null;\n    parent?: PepMenuItemParent = null;\n\n    constructor(data: Partial<PepMenuItem>) {\n        Object.assign(this, data);\n    }\n}\n\nexport interface IPepMenuItemClickEvent {\n    source: PepMenuItem;\n}\n\nexport interface IPepMenuStateChangeEvent {\n    state: PepMenuStateType;\n}\n","import {\n    Component,\n    Input,\n    Output,\n    EventEmitter,\n    OnChanges,\n    OnDestroy,\n} from '@angular/core';\nimport {\n    trigger,\n    state,\n    style,\n    transition,\n    animate,\n} from '@angular/animations';\nimport {\n    PepLayoutService,\n    PepStyleType,\n    PepSizeType,\n    PepScreenSizeType,\n} from '@pepperi-addons/ngx-lib';\nimport { pepIconSystemMenu, PepIconType } from '@pepperi-addons/ngx-lib/icon';\nimport {\n    PepMenuItem,\n    IPepMenuItemClickEvent,\n    IPepMenuStateChangeEvent,\n    PepMenuStateType,\n    PepMenuType,\n    PepMenuItemParent,\n} from './menu.model';\n\n@Component({\n    selector: 'pep-menu',\n    templateUrl: './menu.component.html',\n    styleUrls: ['./menu.component.scss'],\n    animations: [\n        trigger('slideInOut', [\n            state(\n                'hidden',\n                style({\n                    width: '0px',\n                    padding: '0',\n                    margin: '0',\n                    minWidth: '0px',\n                    opacity: 0,\n                })\n            ),\n            state(\n                'visible',\n                style({\n                    width: 'inherit',\n                    opacity: 1,\n                })\n            ),\n            transition('close => open', animate('500ms ease-in')),\n            transition('open => close', animate('500ms ease-out')),\n        ]),\n    ],\n})\nexport class PepMenuComponent implements OnChanges, OnDestroy {\n    @Input() text: string = null;\n    /**\n     * The icon name to show on the menu. look in (@link icon -> All icons)\n     *\n     * @type {PepIconType} See {@link PepIconType}\n     * @memberof PepMenuComponent\n     */\n    @Input() iconName: PepIconType = pepIconSystemMenu.name;\n    @Input() type: PepMenuType = 'action';\n    @Input() styleType: PepStyleType = 'weak';\n    @Input() sizeType: PepSizeType = 'md';\n    @Input() classNames = '';\n    @Input() xPosition: 'before' | 'after' = 'after';\n    @Input() hideOnEmptyItems = false;\n\n    private _items: Array<PepMenuItem> = null;\n    @Input()\n    set items(items: Array<PepMenuItem>) {\n        this.setItemsParent(items);\n        this._items = items;\n    }\n    get items(): Array<PepMenuItem> {\n        return this._items;\n    }\n\n    @Input() selectedItem: PepMenuItem = null;\n    @Input() disabled = false;\n\n    @Output()\n    stateChange: EventEmitter<IPepMenuStateChangeEvent> = new EventEmitter<IPepMenuStateChangeEvent>();\n    @Output()\n    menuItemClick: EventEmitter<IPepMenuItemClickEvent> = new EventEmitter<IPepMenuItemClickEvent>();\n    @Output() menuClick: EventEmitter<void> = new EventEmitter<void>();\n\n    state: PepMenuStateType = 'hidden';\n\n    PepScreenSizeType = PepScreenSizeType;\n    screenSize: PepScreenSizeType;\n\n    displayText: string = null;\n\n    constructor(public layoutService: PepLayoutService) {\n        this.layoutService.onResize$.subscribe((size) => {\n            this.screenSize = size;\n        });\n    }\n\n    private setChildrenParent(\n        item: PepMenuItem,\n        parent: PepMenuItemParent\n    ): void {\n        item.parent = parent;\n\n        if (item.children && item.children.length > 0) {\n            item.children.forEach((child) => {\n                this.setChildrenParent(child, new PepMenuItemParent(item));\n            });\n        }\n    }\n\n    private setItemsParent(items: Array<PepMenuItem>): void {\n        if (items) {\n            items.forEach((item) => {\n                item.parent = null;\n\n                if (item.children && item.children.length > 0) {\n                    item.children.forEach((child) => {\n                        this.setChildrenParent(\n                            child,\n                            new PepMenuItemParent(item)\n                        );\n                    });\n                }\n            });\n        }\n    }\n\n    private updateText(): void {\n        if (this.type === 'select' || this.type === 'action-select') {\n            this.displayText = this.selectedItem\n                ? this.selectedItem.text\n                : this.text;\n        } else {\n            this.displayText = this.text;\n        }\n    }\n\n    ngOnChanges(changes): void {\n        if (this.hideOnEmptyItems) {\n            this.state =\n                !this.disabled &&\n                    this.items &&\n                    this.items.filter((item) => !item.disabled).length > 0\n                    ? 'visible'\n                    : 'hidden';\n        } else {\n            this.state = 'visible';\n        }\n\n        if (this.type === 'select') {\n            if (\n                this.selectedItem === null &&\n                this.items &&\n                this.items.length > 0\n            ) {\n                this.selectedItem = this.items[0];\n            }\n        }\n\n        this.updateText();\n    }\n\n    ngOnDestroy(): void {\n        // if (this.menuItemClick) {\n        //     this.menuItemClick.unsubscribe();\n        // }\n    }\n\n    onMenuClicked(event): void {\n        this.menuClick.emit();\n    }\n\n    // private manipulateData(menuItem: PepMenuItem) {\n    //     menuItem.children = null;\n\n    //     if (menuItem.parent) {\n    //         menuItem.parent = new PepMenuItem(menuItem.parent);\n    //         this.manipulateData(menuItem.parent);\n    //     }\n    // }\n\n    onMenuItemClicked(click: IPepMenuItemClickEvent): void {\n        this.selectedItem = click.source;\n        this.updateText();\n\n        // Manipulate click data because the data is dupplicate in parent.children\n        // const tmp = new PepMenuItem(click.source);\n        // this.manipulateData(tmp);\n        // click.source = tmp;\n\n        this.menuItemClick.emit(click);\n    }\n\n    animationDone(): void {\n        if (this.state === 'hidden') {\n            setTimeout(() => {\n                this.stateChange.emit({ state: this.state });\n            }, 500);\n        }\n    }\n\n    animationStart(): void {\n        if (this.state === 'visible') {\n            this.stateChange.emit({ state: this.state });\n        }\n    }\n}\n","import {\n    Component,\n    Input,\n    Output,\n    EventEmitter,\n    OnDestroy,\n    ViewChild,\n} from '@angular/core';\nimport { pepIconArrowRight } from '@pepperi-addons/ngx-lib/icon';\nimport {\n    PepMenuItem,\n    IPepMenuItemClickEvent,\n    PepMenuType,\n    PepMenuItemParent,\n} from './menu.model';\n\nexport class PepInternalMenuItem extends PepMenuItem {\n    selected?: boolean = false;\n}\n\n@Component({\n    selector: 'pep-menu-item',\n    templateUrl: './menu-item.component.html',\n    styleUrls: ['./menu-item.component.scss'],\n})\nexport class PepMenuItemComponent implements OnDestroy {\n    @Input() type: PepMenuType = 'action';\n\n    @Input() parent: PepMenuItemParent = null;\n    @Input() items: Array<PepInternalMenuItem> = [];\n\n    private _selectedItem: PepInternalMenuItem = null;\n    @Input()\n    set selectedItem(selectedItem: PepInternalMenuItem) {\n        this.updateSelectedItem(selectedItem);\n    }\n    get selectedItem(): PepInternalMenuItem {\n        return this._selectedItem;\n    }\n\n    @Input() xPosition: 'before' | 'after' = 'after';\n    @Input() subMenuIconName: string = pepIconArrowRight.name;\n\n    @ViewChild('childMenu', { static: true }) public childMenu: any;\n\n    @Output()\n    menuItemClick: EventEmitter<IPepMenuItemClickEvent> = new EventEmitter<IPepMenuItemClickEvent>();\n\n    ngOnDestroy(): void {\n        // if (this.menuItemClick) {\n        //     this.menuItemClick.unsubscribe();\n        // }\n    }\n\n    private clearSelectedItem(selectedItem: PepInternalMenuItem): void {\n        if (this.items) {\n            this.items.forEach((item) => {\n                item.selected = selectedItem?.key === item.key;\n\n                if (item.children) {\n                    item.children.forEach((child) => {\n                        this.clearSelectedChildren(child, selectedItem);\n                    });\n                }\n            });\n        }\n    }\n\n    private clearSelectedChildren(\n        item: PepInternalMenuItem,\n        selectedItem: PepInternalMenuItem\n    ): void {\n        item.selected = selectedItem?.key === item.key;\n\n        if (item.children) {\n            item.children.forEach((child) => {\n                this.clearSelectedChildren(child, selectedItem);\n            });\n        }\n    }\n\n    private selectParentAndChildren(\n        items: Array<PepInternalMenuItem>,\n        parentsKeys: Array<string>\n    ) {\n        if (parentsKeys.length > 0) {\n            const key = parentsKeys.pop();\n            const selectedParent = items.find((item) => item.key === key);\n\n            if (selectedParent) {\n                selectedParent.selected = true;\n                this.selectParentAndChildren(\n                    selectedParent.children,\n                    parentsKeys\n                );\n            }\n        }\n    }\n\n    private updateSelectedParent(\n        parentItem: PepMenuItemParent,\n        parentsKeys: Array<string>\n    ) {\n        parentsKeys.push(parentItem.key);\n\n        if (parentItem.parent) {\n            this.updateSelectedParent(parentItem.parent, parentsKeys);\n        } else {\n            this.selectParentAndChildren(this.items, parentsKeys);\n        }\n    }\n\n    private updateSelectedItem(selectedItem: PepInternalMenuItem) {\n        this.clearSelectedItem(selectedItem);\n        this._selectedItem = selectedItem;\n\n        if (selectedItem && selectedItem.parent) {\n            this.updateSelectedParent(selectedItem.parent, []);\n        }\n    }\n\n    onChildClicked(click: IPepMenuItemClickEvent): void {\n        // click.source.selected = true;\n        this.menuItemClick.emit(click);\n    }\n\n    onMenuItemClicked(item: PepMenuItem): void {\n        // item.selected = true;\n        this.menuItemClick.emit({ source: item });\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatCommonModule } from '@angular/material/core';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport {\n    PepIconModule,\n    PepIconRegistry,\n    pepIconSystemMenu,\n    pepIconArrowRight,\n} from '@pepperi-addons/ngx-lib/icon';\n\nimport { PepMenuComponent } from './menu.component';\nimport { PepMenuItemComponent } from './menu-item.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        // Material modules,\n        MatCommonModule,\n        MatFormFieldModule,\n        MatMenuModule,\n        MatIconModule,\n        // ngx-lib modules\n        PepNgxLibModule,\n        PepIconModule,\n    ],\n    exports: [PepMenuComponent],\n    declarations: [PepMenuComponent, PepMenuItemComponent],\n})\nexport class PepMenuModule {\n    constructor(private pepIconRegistry: PepIconRegistry) {\n        this.pepIconRegistry.registerIcons([\n            pepIconSystemMenu,\n            pepIconArrowRight,\n        ]);\n    }\n}\n","/*\n * Public API Surface of ngx-lib/menu\n */\nexport * from './menu.module';\nexport * from './menu.model';\nexport * from './menu.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n\nexport {PepMenuItemComponent as ɵa} from './menu-item.component';"],"names":[],"mappings":"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"}

package/fesm2015/pepperi-addons-ngx-lib-page-layout.js

@@ -26,7 +26,7 @@ class PepPageLayoutComponent {
 PepPageLayoutComponent.decorators = [
     { type: Component, args: [{
                 selector: 'pep-page-layout',
-                template: "<div class=\"pep-page-header-layout\">\r\n    <ng-content select=\"[pep-header-area]\"></ng-content>\r\n</div>\r\n<div class=\"pep-page-side-layout\" [ngClass]=\"{ 'show-shadow': showShadow }\">\r\n    <ng-content select=\"pep-side-bar\"></ng-content>\r\n    <ng-content select=\"[pep-side-area]\"></ng-content>\r\n</div>\r\n<div class=\"pep-page-main-layout\" [ngClass]=\"{ 'add-padding': addPadding }\">\r\n    <div class=\"pep-top-area\">\r\n        <ng-content select=\"[pep-top-area]\"></ng-content>\r\n    </div>\r\n    <div class=\"pep-main-area\">\r\n        <ng-content select=\"[pep-main-area]\"></ng-content>\r\n    </div>\r\n</div>",
+                template: "<div class=\"pep-page-header-layout\">\n    <ng-content select=\"[pep-header-area]\"></ng-content>\n</div>\n<div class=\"pep-page-side-layout\" [ngClass]=\"{ 'show-shadow': showShadow }\">\n    <ng-content select=\"pep-side-bar\"></ng-content>\n    <ng-content select=\"[pep-side-area]\"></ng-content>\n</div>\n<div class=\"pep-page-main-layout\" [ngClass]=\"{ 'add-padding': addPadding }\">\n    <div class=\"pep-top-area\">\n        <ng-content select=\"[pep-top-area]\"></ng-content>\n    </div>\n    <div class=\"pep-main-area\">\n        <ng-content select=\"[pep-main-area]\"></ng-content>\n    </div>\n</div>",
                 styles: [":host.pep-page-layout{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;grid-template-areas:\"header-layout  header-layout\" \"side-layout    main-layout\";height:100%;width:100%;overflow:hidden}:host.pep-page-layout .pep-page-header-layout{grid-area:header-layout;z-index:10}:host.pep-page-layout .pep-page-side-layout{grid-area:side-layout;overflow:hidden;height:100%;z-index:5}:host.pep-page-layout .pep-page-side-layout.show-shadow{-webkit-padding-end:1rem;padding-inline-end:1rem;-webkit-padding-end:var(--pep-spacing-lg,1rem);padding-inline-end:var(--pep-spacing-lg,1rem)}:host.pep-page-layout .pep-page-main-layout{grid-area:main-layout;overflow:hidden;height:100%;z-index:1;padding-bottom:4.5rem;padding-bottom:var(--pep-footer-bar-height,4.5rem);display:grid;grid-template-rows:auto 1fr;grid-template-areas:\"top-area\" \"main-area\"}:host.pep-page-layout .pep-page-main-layout.add-padding{padding-inline:1rem;padding-inline:var(--pep-spacing-lg,1rem)}:host.pep-page-layout .pep-page-main-layout .pep-top-area{grid-area:top-area}:host.pep-page-layout .pep-page-main-layout .pep-main-area{grid-area:main-area;overflow:auto;height:100%;display:block}:host.pep-page-layout .pep-page-main-layout .pep-main-area>*{height:inherit}"]
             },] }
 ];

package/fesm2015/pepperi-addons-ngx-lib-page-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"pepperi-addons-ngx-lib-page-layout.js","sources":["../../../projects/ngx-lib/page-layout/page-layout.component.ts","../../../projects/ngx-lib/page-layout/page-layout.module.ts","../../../projects/ngx-lib/page-layout/public-api.ts","../../../projects/ngx-lib/page-layout/pepperi-addons-ngx-lib-page-layout.ts"],"sourcesContent":["import {\r\n    AfterContentInit,\r\n    ChangeDetectorRef,\r\n    ContentChild,\r\n    ElementRef,\r\n    Renderer2,\r\n    ViewChild,\r\n} from '@angular/core';\r\nimport {\r\n    AfterViewInit,\r\n    Component,\r\n    EventEmitter,\r\n    Input,\r\n    Output,\r\n} from '@angular/core';\r\nimport {\r\n    PepCustomizationService,\r\n    PepLayoutService,\r\n    PepScreenSizeType,\r\n} from '@pepperi-addons/ngx-lib';\r\n\r\n@Component({\r\n    selector: 'pep-page-layout',\r\n    templateUrl: './page-layout.component.html',\r\n    styleUrls: ['./page-layout.component.scss'],\r\n})\r\nexport class PepPageLayoutComponent implements AfterViewInit, AfterContentInit {\r\n    @Input() addPadding = true;\r\n    @Input() showShadow = false;\r\n\r\n    screenSize: PepScreenSizeType;\r\n\r\n    constructor(\r\n        public customizationService: PepCustomizationService,\r\n        public layoutService: PepLayoutService,\r\n        private cdRef: ChangeDetectorRef,\r\n        private hostElement: ElementRef,\r\n        private renderer: Renderer2,\r\n    ) {\r\n        this.renderer.addClass(this.hostElement.nativeElement, 'pep-page-layout');\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        this.layoutService.onResize$.subscribe((size: PepScreenSizeType) => {\r\n            this.screenSize = size;\r\n        });\r\n\r\n    }\r\n\r\n    ngAfterContentInit() {\r\n        //\r\n    }\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { MatCommonModule } from '@angular/material/core';\r\n\r\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\r\n\r\nimport { PepPageLayoutComponent } from './page-layout.component';\r\n\r\n@NgModule({\r\n    imports: [\r\n        CommonModule,\r\n        // Material modules,\r\n        MatCommonModule,\r\n        // ngx-lib modules\r\n        PepNgxLibModule,\r\n    ],\r\n    exports: [PepPageLayoutComponent],\r\n    declarations: [PepPageLayoutComponent],\r\n})\r\nexport class PepPageLayoutModule { }\r\n","/*\r\n * Public API Surface of ngx-lib/page-layout\r\n */\r\nexport * from './page-layout.module';\r\nexport * from './page-layout.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MA0Ba,sBAAsB;IAM/B,YACW,oBAA6C,EAC7C,aAA+B,EAC9B,KAAwB,EACxB,WAAuB,EACvB,QAAmB;QAJpB,yBAAoB,GAApB,oBAAoB,CAAyB;QAC7C,kBAAa,GAAb,aAAa,CAAkB;QAC9B,UAAK,GAAL,KAAK,CAAmB;QACxB,gBAAW,GAAX,WAAW,CAAY;QACvB,aAAQ,GAAR,QAAQ,CAAW;QAVtB,eAAU,GAAG,IAAI,CAAC;QAClB,eAAU,GAAG,KAAK,CAAC;QAWxB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;KAC7E;IAED,eAAe;QACX,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,IAAuB;YAC3D,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SAC1B,CAAC,CAAC;KAEN;IAED,kBAAkB;;KAEjB;;;YA9BJ,SAAS,SAAC;gBACP,QAAQ,EAAE,iBAAiB;gBAC3B,+oBAA2C;;aAE9C;;;YATG,uBAAuB;YACvB,gBAAgB;YAfhB,iBAAiB;YAEjB,UAAU;YACV,SAAS;;;yBAsBR,KAAK;yBACL,KAAK;;;MCRG,mBAAmB;;;YAX/B,QAAQ,SAAC;gBACN,OAAO,EAAE;oBACL,YAAY;;oBAEZ,eAAe;;oBAEf,eAAe;iBAClB;gBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;gBACjC,YAAY,EAAE,CAAC,sBAAsB,CAAC;aACzC;;;ACnBD;;;;ACAA;;;;;;"}
+{"version":3,"file":"pepperi-addons-ngx-lib-page-layout.js","sources":["../../../projects/ngx-lib/page-layout/page-layout.component.ts","../../../projects/ngx-lib/page-layout/page-layout.module.ts","../../../projects/ngx-lib/page-layout/public-api.ts","../../../projects/ngx-lib/page-layout/pepperi-addons-ngx-lib-page-layout.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    ChangeDetectorRef,\n    ContentChild,\n    ElementRef,\n    Renderer2,\n    ViewChild,\n} from '@angular/core';\nimport {\n    AfterViewInit,\n    Component,\n    EventEmitter,\n    Input,\n    Output,\n} from '@angular/core';\nimport {\n    PepCustomizationService,\n    PepLayoutService,\n    PepScreenSizeType,\n} from '@pepperi-addons/ngx-lib';\n\n@Component({\n    selector: 'pep-page-layout',\n    templateUrl: './page-layout.component.html',\n    styleUrls: ['./page-layout.component.scss'],\n})\nexport class PepPageLayoutComponent implements AfterViewInit, AfterContentInit {\n    @Input() addPadding = true;\n    @Input() showShadow = false;\n\n    screenSize: PepScreenSizeType;\n\n    constructor(\n        public customizationService: PepCustomizationService,\n        public layoutService: PepLayoutService,\n        private cdRef: ChangeDetectorRef,\n        private hostElement: ElementRef,\n        private renderer: Renderer2,\n    ) {\n        this.renderer.addClass(this.hostElement.nativeElement, 'pep-page-layout');\n    }\n\n    ngAfterViewInit(): void {\n        this.layoutService.onResize$.subscribe((size: PepScreenSizeType) => {\n            this.screenSize = size;\n        });\n\n    }\n\n    ngAfterContentInit() {\n        //\n    }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatCommonModule } from '@angular/material/core';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\n\nimport { PepPageLayoutComponent } from './page-layout.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        // Material modules,\n        MatCommonModule,\n        // ngx-lib modules\n        PepNgxLibModule,\n    ],\n    exports: [PepPageLayoutComponent],\n    declarations: [PepPageLayoutComponent],\n})\nexport class PepPageLayoutModule { }\n","/*\n * Public API Surface of ngx-lib/page-layout\n */\nexport * from './page-layout.module';\nexport * from './page-layout.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MA0Ba,sBAAsB;IAM/B,YACW,oBAA6C,EAC7C,aAA+B,EAC9B,KAAwB,EACxB,WAAuB,EACvB,QAAmB;QAJpB,yBAAoB,GAApB,oBAAoB,CAAyB;QAC7C,kBAAa,GAAb,aAAa,CAAkB;QAC9B,UAAK,GAAL,KAAK,CAAmB;QACxB,gBAAW,GAAX,WAAW,CAAY;QACvB,aAAQ,GAAR,QAAQ,CAAW;QAVtB,eAAU,GAAG,IAAI,CAAC;QAClB,eAAU,GAAG,KAAK,CAAC;QAWxB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC;KAC7E;IAED,eAAe;QACX,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,IAAuB;YAC3D,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;SAC1B,CAAC,CAAC;KAEN;IAED,kBAAkB;;KAEjB;;;YA9BJ,SAAS,SAAC;gBACP,QAAQ,EAAE,iBAAiB;gBAC3B,mnBAA2C;;aAE9C;;;YATG,uBAAuB;YACvB,gBAAgB;YAfhB,iBAAiB;YAEjB,UAAU;YACV,SAAS;;;yBAsBR,KAAK;yBACL,KAAK;;;MCRG,mBAAmB;;;YAX/B,QAAQ,SAAC;gBACN,OAAO,EAAE;oBACL,YAAY;;oBAEZ,eAAe;;oBAEf,eAAe;iBAClB;gBACD,OAAO,EAAE,CAAC,sBAAsB,CAAC;gBACjC,YAAY,EAAE,CAAC,sBAAsB,CAAC;aACzC;;;ACnBD;;;;ACAA;;;;;;"}