@wavemaker/app-ng-runtime 11.8.0-next.141669 → 11.8.0-next.141671

package/components/containers/linear-layout/fesm2022/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/containers/linear-layout/src/linear-layout.props.ts","../../../../../projects/components/widgets/containers/linear-layout/src/linear-layout.directive.ts","../../../../../projects/components/widgets/containers/linear-layout/src/linear-layout-item/linear-layout-item.props.ts","../../../../../projects/components/widgets/containers/linear-layout/src/linear-layout-item/linear-layout-item.directive.ts","../../../../../projects/components/widgets/containers/linear-layout/src/linear-layout.module.ts","../../../../../projects/components/widgets/containers/linear-layout/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-linearlayout',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['direction', PROP_STRING],\n                ['horizontalalign', PROP_STRING],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['spacing', PROP_STRING],\n                ['verticalalign', PROP_STRING],\n            ]\n        )\n    );\n};\n","import {Directive, Injector, Optional} from '@angular/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, styler, BaseContainerComponent } from '@wm/components/base';\n\nimport { registerProps } from './linear-layout.props';\n\nconst DEFAULT_CLS = 'app-linear-layout clearfix';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-linearlayout',\n    hostClass: DEFAULT_CLS\n};\nconst hAlignValues = {\n    'left': 'flex-start',\n    'right': 'flex-end',\n    'center': 'center',\n},\nvAlignValues = {\n    'top': 'flex-start',\n    'bottom': 'flex-end',\n    'center': 'center',\n};\n\n@Directive({\n    selector: '[wmLinearLayout]',\n    providers: [\n        provideAsWidgetRef(LinearLayoutDirective)\n    ]\n})\nexport class LinearLayoutDirective extends BaseContainerComponent {\n    static initializeProps = registerProps();\n\n    public direction;\n    public horizontalalign: string;\n    public verticalalign: string;\n\n    constructor(inj: Injector) {\n        super(inj, WIDGET_CONFIG);\n\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n    }\n\n    private removeClass($el, prefix) {\n        $el.removeClass((i, className) => {\n            return className.split(' ')\n            .filter(s => s.startsWith(prefix))\n            .join(' ');\n        });\n    }\n\n    private changeDirection($el, v) {\n        this.removeClass($el, 'app-linear-layout-direction');\n        $el.addClass('app-linear-layout-direction-' + v);\n        if (v === 'row' || v === 'row-reverse') {\n            $el.css('justify-content', hAlignValues[this.horizontalalign]);\n        } else if (v === 'column' || v === 'column-reverse') {\n            $el.css('justify-content', vAlignValues[this.verticalalign]);\n        }\n        $el.css('flex-direction', v);\n    }\n\n    protected onStyleChange(key: string, nv: any, ov?: any) {\n        if (key === 'horizontalalign') {\n            if (this.direction === 'row' || this.direction === 'row-reverse') {\n                this.$element.css('justify-content', hAlignValues[nv]);\n            } else {\n                this.$element.css('align-items', hAlignValues[nv]);\n            }\n        } else if (key === 'verticalalign') {\n            if (this.direction === 'column' || this.direction === 'column-reverse') {\n                this.$element.css('justify-content', vAlignValues[nv]);\n            } else {\n                this.$element.css('align-items', vAlignValues[nv]);\n            }\n        }\n        super.onStyleChange(key, nv, ov);\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        switch (key) {\n            case 'direction':\n                this.changeDirection(this.$element, nv);\n            break;\n            case 'horizontalalign':\n                this.$element.css('justify-content', hAlignValues[nv]);\n            break;\n            case 'verticalalign':\n                this.$element.css('justify-content', vAlignValues[nv]);\n            break;\n            case 'spacing':\n                this.removeClass(this.$element, 'app-linear-layout-spacing');\n                this.$element.addClass('app-linear-layout-spacing-' + nv);\n            break;\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n}\n","import { PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-linearlayoutitem',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['flexgrow', PROP_NUMBER],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}]\n            ]\n        )\n    );\n};\n","import {Directive, Injector, Optional} from '@angular/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, styler, StylableComponent } from '@wm/components/base';\n\nimport { registerProps } from './linear-layout-item.props';\n\nconst DEFAULT_CLS = 'app-linear-layout-item clearfix';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-linearlayoutitem',\n    hostClass: DEFAULT_CLS\n};\n\n@Directive({\n    selector: '[wmLinearLayoutItem]',\n    providers: [\n        provideAsWidgetRef(LinearLayoutItemDirective)\n    ]\n})\nexport class LinearLayoutItemDirective extends StylableComponent {\n    static initializeProps = registerProps();\n    constructor(inj: Injector) {\n        super(inj, WIDGET_CONFIG);\n\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        switch (key) {\n            case 'flexgrow':\n                this.$element.css('flex-grow', nv);\n            break;\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { LinearLayoutDirective } from './linear-layout.directive';\nimport { LinearLayoutItemDirective } from './linear-layout-item/linear-layout-item.directive';\n\nconst components = [\n    LinearLayoutDirective,\n    LinearLayoutItemDirective\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class LinearLayoutModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["registerProps","DEFAULT_CLS","WIDGET_CONFIG"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/containers/linear-layout/src/linear-layout.props.ts","../../../../../projects/components/widgets/containers/linear-layout/src/linear-layout.directive.ts","../../../../../projects/components/widgets/containers/linear-layout/src/linear-layout-item/linear-layout-item.props.ts","../../../../../projects/components/widgets/containers/linear-layout/src/linear-layout-item/linear-layout-item.directive.ts","../../../../../projects/components/widgets/containers/linear-layout/src/linear-layout.module.ts","../../../../../projects/components/widgets/containers/linear-layout/src/index.ts"],"sourcesContent":["import { PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-linearlayout',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['direction', PROP_STRING],\n                ['horizontalalign', PROP_STRING],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['spacing', PROP_STRING],\n                ['verticalalign', PROP_STRING],\n            ]\n        )\n    );\n};\n","import {Directive, Inject, Injector, Optional} from '@angular/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, styler, BaseContainerComponent } from '@wm/components/base';\n\nimport { registerProps } from './linear-layout.props';\n\nconst DEFAULT_CLS = 'app-linear-layout clearfix';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-linearlayout',\n    hostClass: DEFAULT_CLS\n};\nconst hAlignValues = {\n    'left': 'flex-start',\n    'right': 'flex-end',\n    'center': 'center',\n},\nvAlignValues = {\n    'top': 'flex-start',\n    'bottom': 'flex-end',\n    'center': 'center',\n};\n\n@Directive({\n    selector: '[wmLinearLayout]',\n    providers: [\n        provideAsWidgetRef(LinearLayoutDirective)\n    ]\n})\nexport class LinearLayoutDirective extends BaseContainerComponent {\n    static initializeProps = registerProps();\n\n    public direction;\n    public horizontalalign: string;\n    public verticalalign: string;\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n    }\n\n    private removeClass($el, prefix) {\n        $el.removeClass((i, className) => {\n            return className.split(' ')\n            .filter(s => s.startsWith(prefix))\n            .join(' ');\n        });\n    }\n\n    private changeDirection($el, v) {\n        this.removeClass($el, 'app-linear-layout-direction');\n        $el.addClass('app-linear-layout-direction-' + v);\n        if (v === 'row' || v === 'row-reverse') {\n            $el.css('justify-content', hAlignValues[this.horizontalalign]);\n        } else if (v === 'column' || v === 'column-reverse') {\n            $el.css('justify-content', vAlignValues[this.verticalalign]);\n        }\n        $el.css('flex-direction', v);\n    }\n\n    protected onStyleChange(key: string, nv: any, ov?: any) {\n        if (key === 'horizontalalign') {\n            if (this.direction === 'row' || this.direction === 'row-reverse') {\n                this.$element.css('justify-content', hAlignValues[nv]);\n            } else {\n                this.$element.css('align-items', hAlignValues[nv]);\n            }\n        } else if (key === 'verticalalign') {\n            if (this.direction === 'column' || this.direction === 'column-reverse') {\n                this.$element.css('justify-content', vAlignValues[nv]);\n            } else {\n                this.$element.css('align-items', vAlignValues[nv]);\n            }\n        }\n        super.onStyleChange(key, nv, ov);\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        switch (key) {\n            case 'direction':\n                this.changeDirection(this.$element, nv);\n            break;\n            case 'horizontalalign':\n                this.$element.css('justify-content', hAlignValues[nv]);\n            break;\n            case 'verticalalign':\n                this.$element.css('justify-content', vAlignValues[nv]);\n            break;\n            case 'spacing':\n                this.removeClass(this.$element, 'app-linear-layout-spacing');\n                this.$element.addClass('app-linear-layout-spacing-' + nv);\n            break;\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n}\n","import { PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-linearlayoutitem',\n        new Map(\n            [\n                ['class', PROP_STRING],\n                ['flexgrow', PROP_NUMBER],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}]\n            ]\n        )\n    );\n};\n","import {Directive, Inject, Injector, Optional} from '@angular/core';\n\nimport { APPLY_STYLES_TYPE, IWidgetConfig, provideAsWidgetRef, styler, StylableComponent } from '@wm/components/base';\n\nimport { registerProps } from './linear-layout-item.props';\n\nconst DEFAULT_CLS = 'app-linear-layout-item clearfix';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-linearlayoutitem',\n    hostClass: DEFAULT_CLS\n};\n\n@Directive({\n    selector: '[wmLinearLayoutItem]',\n    providers: [\n        provideAsWidgetRef(LinearLayoutItemDirective)\n    ]\n})\nexport class LinearLayoutItemDirective extends StylableComponent {\n    static initializeProps = registerProps();\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        switch (key) {\n            case 'flexgrow':\n                this.$element.css('flex-grow', nv);\n            break;\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { LinearLayoutDirective } from './linear-layout.directive';\nimport { LinearLayoutItemDirective } from './linear-layout-item/linear-layout-item.directive';\n\nconst components = [\n    LinearLayoutDirective,\n    LinearLayoutItemDirective\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class LinearLayoutModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["registerProps","DEFAULT_CLS","WIDGET_CONFIG"],"mappings":";;;;;AAEO,MAAMA,eAAa,GAAG,MAAK;AAC9B,IAAA,QAAQ,CACJ,iBAAiB,EACjB,IAAI,GAAG,CACH;QACI,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,iBAAiB,EAAE,WAAW,CAAC;QAChC,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAC,CAAC;QACxC,CAAC,SAAS,EAAE,WAAW,CAAC;QACxB,CAAC,eAAe,EAAE,WAAW,CAAC;AACjC,KAAA,CACJ,CACJ,CAAC;AACN,CAAC;;ACXD,MAAMC,aAAW,GAAG,4BAA4B,CAAC;AACjD,MAAMC,eAAa,GAAkB;AACjC,IAAA,UAAU,EAAE,iBAAiB;AAC7B,IAAA,SAAS,EAAED,aAAW;CACzB,CAAC;AACF,MAAM,YAAY,GAAG;AACjB,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,QAAQ,EAAE,QAAQ;AACrB,CAAA,EACD,YAAY,GAAG;AACX,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,QAAQ,EAAE,QAAQ;CACrB,CAAC;AAQI,MAAO,qBAAsB,SAAQ,sBAAsB,CAAA;AACtD,IAAA,SAAA,IAAA,CAAA,eAAe,GAAGD,eAAa,EAAhB,CAAmB,EAAA;IAMzC,WAAY,CAAA,GAAa,EAA0C,eAAoB,EAAA;AACnF,QAAA,KAAK,CAAC,GAAG,EAAEE,eAAa,EAAE,eAAe,CAAC,CAAC;QAE3C,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;KACjE;IAEO,WAAW,CAAC,GAAG,EAAE,MAAM,EAAA;QAC3B,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,KAAI;AAC7B,YAAA,OAAO,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC;iBAC1B,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;iBACjC,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,SAAC,CAAC,CAAC;KACN;IAEO,eAAe,CAAC,GAAG,EAAE,CAAC,EAAA;AAC1B,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,6BAA6B,CAAC,CAAC;AACrD,QAAA,GAAG,CAAC,QAAQ,CAAC,8BAA8B,GAAG,CAAC,CAAC,CAAC;QACjD,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,aAAa,EAAE;AACpC,YAAA,GAAG,CAAC,GAAG,CAAC,iBAAiB,EAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;SAClE;aAAM,IAAI,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,gBAAgB,EAAE;AACjD,YAAA,GAAG,CAAC,GAAG,CAAC,iBAAiB,EAAE,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;SAChE;AACD,QAAA,GAAG,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;KAChC;AAES,IAAA,aAAa,CAAC,GAAW,EAAE,EAAO,EAAE,EAAQ,EAAA;AAClD,QAAA,IAAI,GAAG,KAAK,iBAAiB,EAAE;AAC3B,YAAA,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,IAAI,IAAI,CAAC,SAAS,KAAK,aAAa,EAAE;AAC9D,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,iBAAiB,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;aAC1D;iBAAM;AACH,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;aACtD;SACJ;AAAM,aAAA,IAAI,GAAG,KAAK,eAAe,EAAE;AAChC,YAAA,IAAI,IAAI,CAAC,SAAS,KAAK,QAAQ,IAAI,IAAI,CAAC,SAAS,KAAK,gBAAgB,EAAE;AACpE,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,iBAAiB,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;aAC1D;iBAAM;AACH,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;aACtD;SACJ;QACD,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;KACpC;AAED,IAAA,gBAAgB,CAAC,GAAW,EAAE,EAAO,EAAE,EAAQ,EAAA;QAC3C,QAAQ,GAAG;AACP,YAAA,KAAK,WAAW;gBACZ,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;gBAC5C,MAAM;AACN,YAAA,KAAK,iBAAiB;AAClB,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,iBAAiB,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC3D,MAAM;AACN,YAAA,KAAK,eAAe;AAChB,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,iBAAiB,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC3D,MAAM;AACN,YAAA,KAAK,SAAS;gBACV,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,2BAA2B,CAAC,CAAC;gBAC7D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,4BAA4B,GAAG,EAAE,CAAC,CAAC;gBAC9D,MAAM;SACT;QACD,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;KACvC;AAlEQ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,SAAA,6BAAA,CAAA,CAAA,EAAA,EAAA,OAAA,KAAA,CAAA,IAAA,qBAAqB,0DAOK,kBAAkB,EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;AAP5C,IAAA,SAAA,IAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,IAAA,EAAA,qBAAqB,EAJnB,SAAA,EAAA,CAAA,CAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,CAAA,kBAAA,CAAA;gBACP,kBAAkB,CAAC,qBAAqB,CAAC;AAC5C,aAAA,CAAA,EAAA,EAAA,CAAA,0BAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;iFAEQ,qBAAqB,EAAA,CAAA;cANjC,SAAS;AAAC,QAAA,IAAA,EAAA,CAAA;AACP,gBAAA,QAAQ,EAAE,kBAAkB;AAC5B,gBAAA,SAAS,EAAE;AACP,oBAAA,kBAAkB,CAAuB,qBAAA,CAAA;AAC5C,iBAAA;AACJ,aAAA,CAAA;;sBAQ+B,MAAM;uBAAC,kBAAkB,CAAA;;sBAAG,QAAQ;;;ACjC7D,MAAM,aAAa,GAAG,MAAK;AAC9B,IAAA,QAAQ,CACJ,qBAAqB,EACrB,IAAI,GAAG,CACH;QACI,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,UAAU,EAAE,WAAW,CAAC;QACzB,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAC,CAAC;AAC3C,KAAA,CACJ,CACJ,CAAC;AACN,CAAC;;ACRD,MAAM,WAAW,GAAG,iCAAiC,CAAC;AACtD,MAAM,aAAa,GAAkB;AACjC,IAAA,UAAU,EAAE,qBAAqB;AACjC,IAAA,SAAS,EAAE,WAAW;CACzB,CAAC;AAQI,MAAO,yBAA0B,SAAQ,iBAAiB,CAAA;AACrD,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB,EAAA;IACzC,WAAY,CAAA,GAAa,EAA0C,eAAoB,EAAA;AACnF,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC;QAE3C,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;KACjE;AAED,IAAA,gBAAgB,CAAC,GAAW,EAAE,EAAO,EAAE,EAAQ,EAAA;QAC3C,QAAQ,GAAG;AACP,YAAA,KAAK,UAAU;gBACX,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;gBACvC,MAAM;SACT;QACD,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;KACvC;AAfQ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,SAAA,iCAAA,CAAA,CAAA,EAAA,EAAA,OAAA,KAAA,CAAA,IAAA,yBAAyB,0DAEC,kBAAkB,EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;AAF5C,IAAA,SAAA,IAAA,CAAA,IAAA,iBAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,IAAA,EAAA,yBAAyB,EAJvB,SAAA,EAAA,CAAA,CAAA,EAAA,EAAA,oBAAA,EAAA,EAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,CAAA,kBAAA,CAAA;gBACP,kBAAkB,CAAC,yBAAyB,CAAC;AAChD,aAAA,CAAA,EAAA,EAAA,CAAA,0BAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;iFAEQ,yBAAyB,EAAA,CAAA;cANrC,SAAS;AAAC,QAAA,IAAA,EAAA,CAAA;AACP,gBAAA,QAAQ,EAAE,sBAAsB;AAChC,gBAAA,SAAS,EAAE;AACP,oBAAA,kBAAkB,CAA2B,yBAAA,CAAA;AAChD,iBAAA;AACJ,aAAA,CAAA;;sBAG+B,MAAM;uBAAC,kBAAkB,CAAA;;sBAAG,QAAQ;;;ACZpE,MAAM,UAAU,GAAG;IACf,qBAAqB;IACrB,yBAAyB;CAC5B,CAAC;MAUW,kBAAkB,CAAA;mFAAlB,kBAAkB,GAAA,CAAA,EAAA,CAAA,EAAA;mEAAlB,kBAAkB,EAAA,CAAA,CAAA,EAAA;uEANvB,YAAY;YACZ,kBAAkB,CAAA,EAAA,CAAA,CAAA,EAAA;;iFAKb,kBAAkB,EAAA,CAAA;cAR9B,QAAQ;AAAC,QAAA,IAAA,EAAA,CAAA;AACN,gBAAA,OAAO,EAAE;oBACL,YAAY;oBACZ,kBAAkB;AACrB,iBAAA;AACD,gBAAA,YAAY,EAAE,CAAC,GAAG,UAAU,CAAC;AAC7B,gBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AAC3B,aAAA,CAAA;;AACY,CAAA,YAAA,EAAA,CAAA,OAAA,SAAA,KAAA,WAAA,IAAA,SAAA,KAAA,EAAA,CAAA,kBAAA,CAAA,kBAAkB,mBAZ3B,qBAAqB;AACrB,QAAA,yBAAyB,aAKrB,YAAY;AACZ,QAAA,kBAAkB,aAPtB,qBAAqB;QACrB,yBAAyB,CAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;ACV7B;;AAEG;;;;"}

package/components/containers/linear-layout/linear-layout-item/linear-layout-item.directive.d.ts

@@ -3,8 +3,8 @@ import { StylableComponent } from '@wm/components/base';
 import * as i0 from "@angular/core";
 export declare class LinearLayoutItemDirective extends StylableComponent {
     static initializeProps: void;
-    constructor(inj: Injector);
+    constructor(inj: Injector, explicitContext: any);
     onPropertyChange(key: string, nv: any, ov?: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LinearLayoutItemDirective, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearLayoutItemDirective, [null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<LinearLayoutItemDirective, "[wmLinearLayoutItem]", never, {}, {}, never, never, false, never>;
 }

package/components/containers/linear-layout/linear-layout.directive.d.ts

@@ -6,11 +6,11 @@ export declare class LinearLayoutDirective extends BaseContainerComponent {
     direction: any;
     horizontalalign: string;
     verticalalign: string;
-    constructor(inj: Injector);
+    constructor(inj: Injector, explicitContext: any);
     private removeClass;
     private changeDirection;
     protected onStyleChange(key: string, nv: any, ov?: any): void;
     onPropertyChange(key: string, nv: any, ov?: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LinearLayoutDirective, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinearLayoutDirective, [null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<LinearLayoutDirective, "[wmLinearLayout]", never, {}, {}, never, never, false, never>;
 }

package/components/containers/panel/bundles/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ngx-bootstrap/dropdown'), require('@wm/components/base'), require('@wm/components/navigation/menu'), require('@wm/core')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', 'ngx-bootstrap/dropdown', '@wm/components/base', '@wm/components/navigation/menu', '@wm/core'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.containers = global.wm.components.containers || {}, global.wm.components.containers.panel = {}), global.ng.core, global.ng.common, global.dropdown, global.wm.components.base, global.wm.components.navigation.menu, global.wm.core));
-})(this, (function (exports, i0, i2, i1, i4, i3, core) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('ngx-bootstrap/dropdown'), require('@wm/components/base'), require('@wm/components/navigation/menu'), require('@wm/core'), require('lodash-es')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', 'ngx-bootstrap/dropdown', '@wm/components/base', '@wm/components/navigation/menu', '@wm/core', 'lodash-es'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.containers = global.wm.components.containers || {}, global.wm.components.containers.panel = {}), global.ng.core, global.ng.common, global.dropdown, global.wm.components.base, global.wm.components.navigation.menu, global.wm.core, global._));
+})(this, (function (exports, i0, i2, i1, i4, i3, core, lodashEs) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -68,126 +68,120 @@
     const _c1 = ["panelContent"];
     const _c2 = ["panelBody"];
     const _c3 = ["wmPanel", ""];
+    const _c4 = ["*", [["", "wmPanelFooter", ""]]];
+    const _c5 = ["*", "[wmPanelFooter]"];
+    const _c6 = a0 => ["panel-body", a0];
+    const _c7 = (a0, a1, a2) => ({ width: a0, height: a1, margin: a2 });
     function PanelComponent_div_0_i_5_Template(rf, ctx) { if (rf & 1) {
         i0__namespace.ɵɵelement(0, "i");
     } if (rf & 2) {
-        const ctx_r4 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵclassMapInterpolate1("app-icon panel-icon ", ctx_r4.iconclass, "");
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        i0__namespace.ɵɵclassMapInterpolate1("app-icon panel-icon ", ctx_r1.iconclass, "");
     } }
-    const _c4 = function (a0, a1, a2) { return { width: a0, height: a1, margin: a2 }; };
     function PanelComponent_div_0_img_6_Template(rf, ctx) { if (rf & 1) {
         i0__namespace.ɵɵelement(0, "img", 23);
         i0__namespace.ɵɵpipe(1, "image");
     } if (rf & 2) {
-        const ctx_r5 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵproperty("src", i0__namespace.ɵɵpipeBind1(1, 2, ctx_r5.iconurl), i0__namespace.ɵɵsanitizeUrl)("ngStyle", i0__namespace.ɵɵpureFunction3(4, _c4, ctx_r5.iconwidth, ctx_r5.iconheight, ctx_r5.iconmargin));
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        i0__namespace.ɵɵproperty("src", i0__namespace.ɵɵpipeBind1(1, 2, ctx_r1.iconurl), i0__namespace.ɵɵsanitizeUrl)("ngStyle", i0__namespace.ɵɵpureFunction3(4, _c7, ctx_r1.iconwidth, ctx_r1.iconheight, ctx_r1.iconmargin));
     } }
     function PanelComponent_div_0_span_11_Template(rf, ctx) { if (rf & 1) {
         i0__namespace.ɵɵelementStart(0, "span", 24);
         i0__namespace.ɵɵtext(1);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
-        const ctx_r6 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵclassMapInterpolate1("app-badge label label-", ctx_r6.badgetype, "");
-        i0__namespace.ɵɵadvance(1);
-        i0__namespace.ɵɵtextInterpolate(ctx_r6.badgevalue);
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        i0__namespace.ɵɵclassMapInterpolate1("app-badge label label-", ctx_r1.badgetype, "");
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵtextInterpolate(ctx_r1.badgevalue);
     } }
     function PanelComponent_div_0_div_12_Template(rf, ctx) { if (rf & 1) {
         i0__namespace.ɵɵelement(0, "div", 25);
     } }
     function PanelComponent_div_0_button_13_Template(rf, ctx) { if (rf & 1) {
-        const _r13 = i0__namespace.ɵɵgetCurrentView();
+        const _r3 = i0__namespace.ɵɵgetCurrentView();
         i0__namespace.ɵɵelementStart(0, "button", 26);
-        i0__namespace.ɵɵlistener("click", function PanelComponent_div_0_button_13_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r13); const ctx_r12 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r12.toggleHelp()); });
+        i0__namespace.ɵɵlistener("click", function PanelComponent_div_0_button_13_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r3); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.toggleHelp()); });
         i0__namespace.ɵɵelement(1, "i", 27);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
-        const ctx_r8 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵproperty("title", ctx_r8.appLocale.LABEL_HELP);
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        i0__namespace.ɵɵproperty("title", ctx_r1.appLocale.LABEL_HELP);
     } }
     function PanelComponent_div_0_button_14_Template(rf, ctx) { if (rf & 1) {
-        const _r15 = i0__namespace.ɵɵgetCurrentView();
+        const _r4 = i0__namespace.ɵɵgetCurrentView();
         i0__namespace.ɵɵelementStart(0, "button", 28);
-        i0__namespace.ɵɵlistener("click", function PanelComponent_div_0_button_14_Template_button_click_0_listener($event) { i0__namespace.ɵɵrestoreView(_r15); const ctx_r14 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r14.toggle($event)); });
+        i0__namespace.ɵɵlistener("click", function PanelComponent_div_0_button_14_Template_button_click_0_listener($event) { i0__namespace.ɵɵrestoreView(_r4); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.toggle($event)); });
         i0__namespace.ɵɵelement(1, "i", 29);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
-        const ctx_r9 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵproperty("title", ctx_r9.expandCollapseTitle);
-        i0__namespace.ɵɵattribute("aria-expanded", !!ctx_r9.expanded);
-        i0__namespace.ɵɵadvance(1);
-        i0__namespace.ɵɵproperty("ngClass", ctx_r9.expanded ? "wi-minus" : "wi-plus");
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        i0__namespace.ɵɵproperty("title", ctx_r1.expandCollapseTitle);
+        i0__namespace.ɵɵattribute("aria-expanded", !!ctx_r1.expanded);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngClass", ctx_r1.expanded ? "wi-minus" : "wi-plus");
     } }
     function PanelComponent_div_0_button_15_Template(rf, ctx) { if (rf & 1) {
-        const _r17 = i0__namespace.ɵɵgetCurrentView();
+        const _r5 = i0__namespace.ɵɵgetCurrentView();
         i0__namespace.ɵɵelementStart(0, "button", 30);
-        i0__namespace.ɵɵlistener("click", function PanelComponent_div_0_button_15_Template_button_click_0_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r16 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r16.toggleFullScreen($event)); });
+        i0__namespace.ɵɵlistener("click", function PanelComponent_div_0_button_15_Template_button_click_0_listener($event) { i0__namespace.ɵɵrestoreView(_r5); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.toggleFullScreen($event)); });
         i0__namespace.ɵɵelement(1, "i", 29);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
-        const ctx_r10 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵproperty("title", ctx_r10.fullScreenTitle);
-        i0__namespace.ɵɵadvance(1);
-        i0__namespace.ɵɵproperty("ngClass", ctx_r10.fullscreen ? "wi-fullscreen-exit" : "wi-fullscreen");
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        i0__namespace.ɵɵproperty("title", ctx_r1.fullScreenTitle);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngClass", ctx_r1.fullscreen ? "wi-fullscreen-exit" : "wi-fullscreen");
     } }
     function PanelComponent_div_0_button_16_Template(rf, ctx) { if (rf & 1) {
-        const _r19 = i0__namespace.ɵɵgetCurrentView();
+        const _r6 = i0__namespace.ɵɵgetCurrentView();
         i0__namespace.ɵɵelementStart(0, "button", 31);
-        i0__namespace.ɵɵlistener("click", function PanelComponent_div_0_button_16_Template_button_click_0_listener($event) { i0__namespace.ɵɵrestoreView(_r19); const ctx_r18 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r18.close($event)); });
+        i0__namespace.ɵɵlistener("click", function PanelComponent_div_0_button_16_Template_button_click_0_listener($event) { i0__namespace.ɵɵrestoreView(_r6); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.close($event)); });
         i0__namespace.ɵɵelement(1, "i", 32);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
-        const ctx_r11 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵpropertyInterpolate("title", ctx_r11.appLocale.LABEL_CLOSE);
+        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
+        i0__namespace.ɵɵpropertyInterpolate("title", ctx_r1.appLocale.LABEL_CLOSE);
     } }
     function PanelComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-        const _r21 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "div", null, 9)(2, "div", 10)(3, "a", 11);
-        i0__namespace.ɵɵlistener("click", function PanelComponent_div_0_Template_a_click_3_listener($event) { i0__namespace.ɵɵrestoreView(_r21); const ctx_r20 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r20.toggle($event)); });
+        const _r1 = i0__namespace.ɵɵgetCurrentView();
+        i0__namespace.ɵɵelementStart(0, "div", null, 2)(2, "div", 10)(3, "a", 11);
+        i0__namespace.ɵɵlistener("click", function PanelComponent_div_0_Template_a_click_3_listener($event) { i0__namespace.ɵɵrestoreView(_r1); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.toggle($event)); });
         i0__namespace.ɵɵelementStart(4, "div", 12);
-        i0__namespace.ɵɵtemplate(5, PanelComponent_div_0_i_5_Template, 1, 3, "i", 0);
-        i0__namespace.ɵɵtemplate(6, PanelComponent_div_0_img_6_Template, 2, 8, "img", 13);
+        i0__namespace.ɵɵtemplate(5, PanelComponent_div_0_i_5_Template, 1, 3, "i", 3)(6, PanelComponent_div_0_img_6_Template, 2, 8, "img", 13);
         i0__namespace.ɵɵelementEnd();
         i0__namespace.ɵɵelementStart(7, "div", 12);
         i0__namespace.ɵɵelement(8, "div", 14)(9, "div", 15);
         i0__namespace.ɵɵelementEnd()();
         i0__namespace.ɵɵelementStart(10, "div", 16);
-        i0__namespace.ɵɵtemplate(11, PanelComponent_div_0_span_11_Template, 2, 4, "span", 17);
-        i0__namespace.ɵɵtemplate(12, PanelComponent_div_0_div_12_Template, 1, 0, "div", 18);
-        i0__namespace.ɵɵtemplate(13, PanelComponent_div_0_button_13_Template, 2, 1, "button", 19);
-        i0__namespace.ɵɵtemplate(14, PanelComponent_div_0_button_14_Template, 2, 3, "button", 20);
-        i0__namespace.ɵɵtemplate(15, PanelComponent_div_0_button_15_Template, 2, 2, "button", 21);
-        i0__namespace.ɵɵtemplate(16, PanelComponent_div_0_button_16_Template, 2, 1, "button", 22);
+        i0__namespace.ɵɵtemplate(11, PanelComponent_div_0_span_11_Template, 2, 4, "span", 17)(12, PanelComponent_div_0_div_12_Template, 1, 0, "div", 18)(13, PanelComponent_div_0_button_13_Template, 2, 1, "button", 19)(14, PanelComponent_div_0_button_14_Template, 2, 3, "button", 20)(15, PanelComponent_div_0_button_15_Template, 2, 2, "button", 21)(16, PanelComponent_div_0_button_16_Template, 2, 1, "button", 22);
         i0__namespace.ɵɵelementEnd()()();
     } if (rf & 2) {
-        const ctx_r0 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵclassMapInterpolate1("panel-heading ", ctx_r0.helpClass, "");
+        const ctx_r1 = i0__namespace.ɵɵnextContext();
+        i0__namespace.ɵɵclassMapInterpolate1("panel-heading ", ctx_r1.helpClass, "");
         i0__namespace.ɵɵadvance(3);
-        i0__namespace.ɵɵattribute("aria-expanded", !!ctx_r0.expanded);
+        i0__namespace.ɵɵattribute("aria-expanded", !!ctx_r1.expanded);
         i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵproperty("ngIf", ctx_r0.iconclass && !ctx_r0.iconurl);
-        i0__namespace.ɵɵadvance(1);
-        i0__namespace.ɵɵproperty("ngIf", ctx_r0.iconurl);
+        i0__namespace.ɵɵproperty("ngIf", ctx_r1.iconclass && !ctx_r1.iconurl);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngIf", ctx_r1.iconurl);
         i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵproperty("innerHTML", ctx_r0.title, i0__namespace.ɵɵsanitizeHtml)("title", ctx_r0.title);
-        i0__namespace.ɵɵadvance(1);
-        i0__namespace.ɵɵproperty("innerHTML", ctx_r0.subheading, i0__namespace.ɵɵsanitizeHtml);
+        i0__namespace.ɵɵproperty("innerHTML", ctx_r1.title, i0__namespace.ɵɵsanitizeHtml)("title", ctx_r1.title);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("innerHTML", ctx_r1.subheading, i0__namespace.ɵɵsanitizeHtml);
         i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵproperty("ngIf", ctx_r0.badgevalue);
-        i0__namespace.ɵɵadvance(1);
-        i0__namespace.ɵɵproperty("ngIf", ctx_r0.actions);
-        i0__namespace.ɵɵadvance(1);
-        i0__namespace.ɵɵproperty("ngIf", ctx_r0.helptext);
-        i0__namespace.ɵɵadvance(1);
-        i0__namespace.ɵɵproperty("ngIf", ctx_r0.collapsible);
-        i0__namespace.ɵɵadvance(1);
-        i0__namespace.ɵɵproperty("ngIf", ctx_r0.enablefullscreen);
-        i0__namespace.ɵɵadvance(1);
-        i0__namespace.ɵɵproperty("ngIf", ctx_r0.closable);
+        i0__namespace.ɵɵproperty("ngIf", ctx_r1.badgevalue);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngIf", ctx_r1.actions);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngIf", ctx_r1.helptext);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngIf", ctx_r1.collapsible);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngIf", ctx_r1.enablefullscreen);
+        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵproperty("ngIf", ctx_r1.closable);
     } }
-    const _c5 = ["*", [["", "wmPanelFooter", ""]]];
-    const _c6 = function (a1) { return ["panel-body", a1]; };
-    const _c7 = ["*", "[wmPanelFooter]"];
     const DEFAULT_CLS = 'app-panel panel';
     const WIDGET_CONFIG = { widgetType: 'wm-panel', hostClass: DEFAULT_CLS };
     class PanelComponent extends i3.MenuAdapterComponent {
@@ -200,8 +194,8 @@
         get showHeader() {
             return this.iconurl || this.iconclass || this.collapsible || this.actions || this.title || this.subheading || this.enablefullscreen;
         }
-        constructor(inj) {
-            super(inj, WIDGET_CONFIG);
+        constructor(inj, explicitContext) {
+            super(inj, WIDGET_CONFIG, explicitContext);
             this.$lazyLoad = core.noop;
             this.expanded = true;
             this.helpClass = '';
@@ -251,7 +245,7 @@
         }
         // On action item click
         menuActionItemClick($event, $item) {
-            this.selectedAction = _.omit($item, ['children', 'value']);
+            this.selectedAction = lodashEs.omit($item, ['children', 'value']);
             this.invokeEventCallback('actionsclick', { $event, $item: this.selectedAction });
         }
         // hide the panel and invoke the respective event handler
@@ -302,7 +296,7 @@
             this.hasFooter = !!this.nativeElement.querySelector('[wmPanelFooter]');
             i4.styler(this.panelBody.nativeElement, this, i4.APPLY_STYLES_TYPE.INNER_SHELL);
         }
-        static { this.ɵfac = function PanelComponent_Factory(t) { return new (t || PanelComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector)); }; }
+        static { this.ɵfac = function PanelComponent_Factory(t) { return new (t || PanelComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
         static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: PanelComponent, selectors: [["", "wmPanel", ""]], contentQueries: function PanelComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
                 i0__namespace.ɵɵcontentQuery(dirIndex, i4.RedrawableDirective, 5);
             } if (rf & 2) {
@@ -319,41 +313,46 @@
                 i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.panelBody = _t.first);
             } }, exportAs: ["wmPanel"], features: [i0__namespace.ɵɵProvidersFeature([
                     i4.provideAsWidgetRef(PanelComponent)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c3, ngContentSelectors: _c7, decls: 12, vars: 12, consts: [[3, "class", 4, "ngIf"], [1, "panel-content", 3, "hidden"], ["panelContent", ""], ["partial-container-target", "", 3, "ngClass"], ["panelBody", ""], [1, "panel-help-message", 3, "ngClass"], [1, "panel-help-header", 3, "textContent"], [1, "panel-help-content", 3, "innerHTML"], [1, "app-panel-footer", "panel-footer", "clearfix", 3, "hidden"], ["panelHeading", ""], [1, "panel-title"], ["href", "javascript:void(0)", 1, "panel-toggle", 3, "click"], [1, "pull-left"], ["data-identifier", "img", "title", "iconurl", "alt", "Panel icon", "class", "panel-image-icon", 3, "src", "ngStyle", 4, "ngIf"], [1, "heading", 3, "innerHTML", "title"], [1, "description", 3, "innerHTML"], [1, "panel-actions"], ["aria-label", "badge", 3, "class", 4, "ngIf"], ["wmMenu", "", "aria-label", "dropdown", "dropdown", "", "type", "anchor", "class", "panel-action", "dataset.bind", "actions", "caption", "", "menuposition", "down,left", "iconclass", "wi wi-more-vert", "autoclose.bind", "autoclose", "datafield.bind", "datafield", "select.event", "menuActionItemClick($event,$item)", 4, "ngIf"], ["type", "button", "aria-label", "Help", "class", "app-icon panel-action wi", 3, "title", "click", 4, "ngIf"], ["type", "button", "aria-label", "Collapse/Expand", "class", "app-icon wi panel-action", 3, "title", "click", 4, "ngIf"], ["type", "button", "aria-label", "Fullscreen/Exit", "class", "app-icon panel-action wi", 3, "title", "click", 4, "ngIf"], ["type", "button", "aria-label", "Close button", "class", "app-icon panel-action", 3, "title", "click", 4, "ngIf"], ["data-identifier", "img", "title", "iconurl", "alt", "Panel icon", 1, "panel-image-icon", 3, "src", "ngStyle"], ["aria-label", "badge"], ["wmMenu", "", "aria-label", "dropdown", "dropdown", "", "type", "anchor", "dataset.bind", "actions", "caption", "", "menuposition", "down,left", "iconclass", "wi wi-more-vert", "autoclose.bind", "autoclose", "datafield.bind", "datafield", "select.event", "menuActionItemClick($event,$item)", 1, "panel-action"], ["type", "button", "aria-label", "Help", 1, "app-icon", "panel-action", "wi", 3, "title", "click"], [1, "wi-question"], ["type", "button", "aria-label", "Collapse/Expand", 1, "app-icon", "wi", "panel-action", 3, "title", "click"], [3, "ngClass"], ["type", "button", "aria-label", "Fullscreen/Exit", 1, "app-icon", "panel-action", "wi", 3, "title", "click"], ["type", "button", "aria-label", "Close button", 1, "app-icon", "panel-action", 3, "title", "click"], [1, "wi", "wi-close"]], template: function PanelComponent_Template(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵprojectionDef(_c5);
-                i0__namespace.ɵɵtemplate(0, PanelComponent_div_0_Template, 17, 15, "div", 0);
-                i0__namespace.ɵɵelementStart(1, "div", 1, 2)(3, "div", 3, 4);
+                ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c3, ngContentSelectors: _c5, decls: 12, vars: 12, consts: [["panelContent", ""], ["panelBody", ""], ["panelHeading", ""], [3, "class", 4, "ngIf"], [1, "panel-content", 3, "hidden"], ["partial-container-target", "", 3, "ngClass"], [1, "panel-help-message", 3, "ngClass"], [1, "panel-help-header", 3, "textContent"], [1, "panel-help-content", 3, "innerHTML"], [1, "app-panel-footer", "panel-footer", "clearfix", 3, "hidden"], [1, "panel-title"], ["href", "javascript:void(0)", 1, "panel-toggle", 3, "click"], [1, "pull-left"], ["data-identifier", "img", "title", "iconurl", "alt", "Panel icon", "class", "panel-image-icon", 3, "src", "ngStyle", 4, "ngIf"], [1, "heading", 3, "innerHTML", "title"], [1, "description", 3, "innerHTML"], [1, "panel-actions"], ["aria-label", "badge", 3, "class", 4, "ngIf"], ["wmMenu", "", "aria-label", "dropdown", "dropdown", "", "type", "anchor", "class", "panel-action", "dataset.bind", "actions", "caption", "", "menuposition", "down,left", "iconclass", "wi wi-more-vert", "autoclose.bind", "autoclose", "datafield.bind", "datafield", "select.event", "menuActionItemClick($event,$item)", 4, "ngIf"], ["type", "button", "aria-label", "Help", "class", "app-icon panel-action wi", 3, "title", "click", 4, "ngIf"], ["type", "button", "aria-label", "Collapse/Expand", "class", "app-icon wi panel-action", 3, "title", "click", 4, "ngIf"], ["type", "button", "aria-label", "Fullscreen/Exit", "class", "app-icon panel-action wi", 3, "title", "click", 4, "ngIf"], ["type", "button", "aria-label", "Close button", "class", "app-icon panel-action", 3, "title", "click", 4, "ngIf"], ["data-identifier", "img", "title", "iconurl", "alt", "Panel icon", 1, "panel-image-icon", 3, "src", "ngStyle"], ["aria-label", "badge"], ["wmMenu", "", "aria-label", "dropdown", "dropdown", "", "type", "anchor", "dataset.bind", "actions", "caption", "", "menuposition", "down,left", "iconclass", "wi wi-more-vert", "autoclose.bind", "autoclose", "datafield.bind", "datafield", "select.event", "menuActionItemClick($event,$item)", 1, "panel-action"], ["type", "button", "aria-label", "Help", 1, "app-icon", "panel-action", "wi", 3, "click", "title"], [1, "wi-question"], ["type", "button", "aria-label", "Collapse/Expand", 1, "app-icon", "wi", "panel-action", 3, "click", "title"], [3, "ngClass"], ["type", "button", "aria-label", "Fullscreen/Exit", 1, "app-icon", "panel-action", "wi", 3, "click", "title"], ["type", "button", "aria-label", "Close button", 1, "app-icon", "panel-action", 3, "click", "title"], [1, "wi", "wi-close"]], template: function PanelComponent_Template(rf, ctx) { if (rf & 1) {
+                i0__namespace.ɵɵprojectionDef(_c4);
+                i0__namespace.ɵɵtemplate(0, PanelComponent_div_0_Template, 17, 15, "div", 3);
+                i0__namespace.ɵɵelementStart(1, "div", 4, 0)(3, "div", 5, 1);
                 i0__namespace.ɵɵprojection(5);
                 i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(6, "aside", 5);
-                i0__namespace.ɵɵelement(7, "h5", 6)(8, "div", 7);
+                i0__namespace.ɵɵelementStart(6, "aside", 6);
+                i0__namespace.ɵɵelement(7, "h5", 7)(8, "div", 8);
                 i0__namespace.ɵɵpipe(9, "trustAs");
                 i0__namespace.ɵɵelementEnd()();
-                i0__namespace.ɵɵelementStart(10, "div", 8);
+                i0__namespace.ɵɵelementStart(10, "div", 9);
                 i0__namespace.ɵɵprojection(11, 1);
                 i0__namespace.ɵɵelementEnd();
             } if (rf & 2) {
                 i0__namespace.ɵɵproperty("ngIf", ctx.showHeader);
-                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵadvance();
                 i0__namespace.ɵɵproperty("hidden", !ctx.expanded);
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c6, ctx.helpClass));
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngClass", ctx.helpClass);
-                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵadvance();
                 i0__namespace.ɵɵproperty("textContent", ctx.appLocale.LABEL_HELP);
-                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵadvance();
                 i0__namespace.ɵɵproperty("innerHTML", i0__namespace.ɵɵpipeBind2(9, 7, ctx.helptext, "html"), i0__namespace.ɵɵsanitizeHtml);
                 i0__namespace.ɵɵadvance(2);
                 i0__namespace.ɵɵproperty("hidden", ctx.hideFooter);
             } }, dependencies: [i1__namespace.BsDropdownDirective, i2__namespace.NgClass, i2__namespace.NgIf, i2__namespace.NgStyle, i3__namespace.MenuComponent, i4__namespace.TextContentDirective, i4__namespace.TrustAsPipe, i4__namespace.ImagePipe], encapsulation: 2 }); }
     }
-    (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PanelComponent, [{
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PanelComponent, [{
             type: i0.Component,
             args: [{ selector: '[wmPanel]', providers: [
                         i4.provideAsWidgetRef(PanelComponent)
                     ], exportAs: 'wmPanel', template: "<div class=\"panel-heading {{helpClass}}\"  *ngIf=\"showHeader\" #panelHeading>\n    <div class=\"panel-title\">\n        <a href=\"javascript:void(0)\" class=\"panel-toggle\" (click)=\"toggle($event)\" [attr.aria-expanded]=\"!!expanded\">\n            <div class=\"pull-left\">\n                <i class=\"app-icon panel-icon {{iconclass}}\" *ngIf=\"iconclass && !iconurl\"></i>\n                <img data-identifier=\"img\" title=\"iconurl\" alt=\"Panel icon\" class=\"panel-image-icon\"\n                     [src]=\"iconurl | image\" *ngIf=\"iconurl\"\n                     [ngStyle]=\"{width: iconwidth ,height: iconheight, margin: iconmargin}\" />\n            </div>\n            <div class=\"pull-left\">\n                <div class=\"heading\" [innerHTML]=\"title\" [title]=\"title\"></div>\n                <div class=\"description\" [innerHTML]=\"subheading\"></div>\n            </div>\n        </a>\n        <div class=\"panel-actions\">\n            <span *ngIf=\"badgevalue\" aria-label=\"badge\"\n                  class=\"app-badge label label-{{badgetype}}\">{{badgevalue}}</span>\n            <div wmMenu aria-label=\"dropdown\" dropdown type=\"anchor\" class=\"panel-action\" dataset.bind=\"actions\"\n                 *ngIf=\"actions\" caption=\"\" menuposition=\"down,left\" iconclass=\"wi wi-more-vert\"\n                 autoclose.bind=\"autoclose\" datafield.bind=\"datafield\" select.event=\"menuActionItemClick($event,$item)\">\n            </div>\n            <button type=\"button\" aria-label=\"Help\" class=\"app-icon panel-action wi\" [title]=\"appLocale.LABEL_HELP\"\n                    *ngIf=\"helptext\" (click)=\"toggleHelp()\"><i class=\"wi-question\"></i></button>\n            <button type=\"button\" aria-label=\"Collapse/Expand\" class=\"app-icon wi panel-action\" *ngIf=\"collapsible\"\n                    [title]=\"expandCollapseTitle\" (click)=\"toggle($event);\" [attr.aria-expanded]=\"!!expanded\"><i\n                   [ngClass]=\"expanded ? 'wi-minus' : 'wi-plus'\"></i></button>\n            <button type=\"button\" aria-label=\"Fullscreen/Exit\" class=\"app-icon panel-action wi\" *ngIf=\"enablefullscreen\"\n                    [title]=\"fullScreenTitle\" (click)=\"toggleFullScreen($event);\"><i\n                   [ngClass]=\"fullscreen ? 'wi-fullscreen-exit' : 'wi-fullscreen'\"></i></button>\n            <button type=\"button\" aria-label=\"Close button\" class=\"app-icon panel-action\"\n                    title=\"{{appLocale.LABEL_CLOSE}}\" *ngIf=\"closable\" (click)=\"close($event)\"><i\n                   class=\"wi wi-close\"></i></button>\n        </div>\n    </div>\n</div>\n<div class=\"panel-content\"  [hidden]=\"!expanded\" #panelContent>\n    <!-- Todo Bandhavya - implement smooth scroll -->\n    <div partial-container-target #panelBody [ngClass]=\"['panel-body', helpClass]\">\n        <ng-content></ng-content>\n    </div>\n    <aside class=\"panel-help-message\" [ngClass]=\"helpClass\">\n        <h5 class=\"panel-help-header\" [textContent]=\"appLocale.LABEL_HELP\"></h5>\n        <div class=\"panel-help-content\" [innerHTML]=\"helptext | trustAs : 'html'\"></div>\n    </aside>\n</div>\n<div class=\"app-panel-footer panel-footer clearfix\"  [hidden]=\"hideFooter\">\n    <ng-content select=\"[wmPanelFooter]\"></ng-content>\n</div>\n" }]
-        }], function () { return [{ type: i0__namespace.Injector }]; }, { panelHeader: [{
+        }], () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                    type: i0.Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: i0.Optional
+                }] }], { panelHeader: [{
                 type: i0.ViewChild,
                 args: ['panelHeading', { static: false }]
             }], panelContent: [{
@@ -366,6 +365,7 @@
                 type: i0.ContentChildren,
                 args: [i4.RedrawableDirective, { descendants: true }]
             }] }); })();
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(PanelComponent, { className: "PanelComponent", filePath: "panel.component.ts", lineNumber: 31 }); })();
 
     const components = [
         PanelComponent
@@ -378,7 +378,7 @@
                 i3.MenuModule,
                 i4.WmComponentsModule] }); }
     }
-    (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PanelModule, [{
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PanelModule, [{
             type: i0.NgModule,
             args: [{
                     imports: [