@wavemaker/app-ng-runtime 11.13.0-rc.6255 → 11.14.0-rc.232

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Directive, Inject, Optional } from '@angular/core';
+import { Inject, Optional, Directive } from '@angular/core';
 import { register, PROP_STRING, PROP_BOOLEAN, BaseContainerComponent, styler, APPLY_STYLES_TYPE, provideAsWidgetRef, PROP_NUMBER, StylableComponent } from '@wm/components/base';
 
 const registerProps$1 = () => {
@@ -89,26 +89,26 @@ class LinearLayoutDirective extends BaseContainerComponent {
         }
         super.onPropertyChange(key, nv, ov);
     }
-    static { this.ɵfac = function LinearLayoutDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LinearLayoutDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LinearLayoutDirective, selectors: [["", "wmLinearLayout", ""]], standalone: true, features: [i0.ɵɵProvidersFeature([
-                provideAsWidgetRef(LinearLayoutDirective)
-            ]), i0.ɵɵInheritDefinitionFeature] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinearLayoutDirective, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: LinearLayoutDirective, isStandalone: true, selector: "[wmLinearLayout]", providers: [
+            provideAsWidgetRef(LinearLayoutDirective)
+        ], usesInheritance: true, ngImport: i0 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LinearLayoutDirective, [{
-        type: Directive,
-        args: [{
-                standalone: true,
-                selector: '[wmLinearLayout]',
-                providers: [
-                    provideAsWidgetRef(LinearLayoutDirective)
-                ]
-            }]
-    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
-            }, {
-                type: Optional
-            }] }], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinearLayoutDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmLinearLayout]',
+                    providers: [
+                        provideAsWidgetRef(LinearLayoutDirective)
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
 
 const registerProps = () => {
     register('wm-linearlayoutitem', new Map([
@@ -138,26 +138,26 @@ class LinearLayoutItemDirective extends StylableComponent {
         }
         super.onPropertyChange(key, nv, ov);
     }
-    static { this.ɵfac = function LinearLayoutItemDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LinearLayoutItemDirective)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: LinearLayoutItemDirective, selectors: [["", "wmLinearLayoutItem", ""]], standalone: true, features: [i0.ɵɵProvidersFeature([
-                provideAsWidgetRef(LinearLayoutItemDirective)
-            ]), i0.ɵɵInheritDefinitionFeature] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinearLayoutItemDirective, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: LinearLayoutItemDirective, isStandalone: true, selector: "[wmLinearLayoutItem]", providers: [
+            provideAsWidgetRef(LinearLayoutItemDirective)
+        ], usesInheritance: true, ngImport: i0 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LinearLayoutItemDirective, [{
-        type: Directive,
-        args: [{
-                standalone: true,
-                selector: '[wmLinearLayoutItem]',
-                providers: [
-                    provideAsWidgetRef(LinearLayoutItemDirective)
-                ]
-            }]
-    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
-            }, {
-                type: Optional
-            }] }], null); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LinearLayoutItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[wmLinearLayoutItem]',
+                    providers: [
+                        provideAsWidgetRef(LinearLayoutItemDirective)
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
 
 /**
  * Generated bundle index. Do not edit.

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/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  standalone: true,\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  standalone: true,\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","/**\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/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  standalone: true,\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  standalone: true,\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","/**\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;AACL,CAAC;;ACXD,MAAMC,aAAW,GAAG,4BAA4B;AAChD,MAAMC,eAAa,GAAkB;AACjC,IAAA,UAAU,EAAE,iBAAiB;AAC7B,IAAA,SAAS,EAAED;CACd;AACD,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;AASK,MAAO,qBAAsB,SAAQ,sBAAsB,CAAA;AACtD,IAAA,SAAA,IAAA,CAAA,eAAe,GAAGD,eAAa,EAAhB,CAAmB;IAMzC,WAAA,CAAY,GAAa,EAA0C,eAAoB,EAAA;AACnF,QAAA,KAAK,CAAC,GAAG,EAAEE,eAAa,EAAE,eAAe,CAAC;QAE1C,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC;IACjE;IAEQ,WAAW,CAAC,GAAG,EAAE,MAAM,EAAA;QAC3B,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,KAAI;AAC7B,YAAA,OAAO,SAAS,CAAC,KAAK,CAAC,GAAG;iBACzB,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC;iBAChC,IAAI,CAAC,GAAG,CAAC;AACd,QAAA,CAAC,CAAC;IACN;IAEQ,eAAe,CAAC,GAAG,EAAE,CAAC,EAAA;AAC1B,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,EAAE,6BAA6B,CAAC;AACpD,QAAA,GAAG,CAAC,QAAQ,CAAC,8BAA8B,GAAG,CAAC,CAAC;QAChD,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,aAAa,EAAE;AACpC,YAAA,GAAG,CAAC,GAAG,CAAC,iBAAiB,EAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAClE;aAAO,IAAI,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,gBAAgB,EAAE;AACjD,YAAA,GAAG,CAAC,GAAG,CAAC,iBAAiB,EAAE,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAChE;AACA,QAAA,GAAG,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAChC;AAEU,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;YAC1D;iBAAO;AACH,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC;YACtD;QACJ;AAAO,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;YAC1D;iBAAO;AACH,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC;YACtD;QACJ;QACA,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC;IACpC;AAEA,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;gBAC3C;AACA,YAAA,KAAK,iBAAiB;AAClB,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,iBAAiB,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC;gBAC1D;AACA,YAAA,KAAK,eAAe;AAChB,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,iBAAiB,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC;gBAC1D;AACA,YAAA,KAAK,SAAS;gBACV,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,2BAA2B,CAAC;gBAC5D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,4BAA4B,GAAG,EAAE,CAAC;gBAC7D;;QAEJ,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC;IACvC;AAlES,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,0CAOK,kBAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAP5C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,SAAA,EAJnB;YACP,kBAAkB,CAAC,qBAAqB;AAC3C,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAEQ,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AACd,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,SAAS,EAAE;AACP,wBAAA,kBAAkB,CAAA,qBAAA;AACrB;AACJ,iBAAA;;0BAQ+B,MAAM;2BAAC,kBAAkB;;0BAAG;;;AClCrD,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;AAC1C,KAAA,CACJ,CACJ;AACL,CAAC;;ACRD,MAAM,WAAW,GAAG,iCAAiC;AACrD,MAAM,aAAa,GAAkB;AACjC,IAAA,UAAU,EAAE,qBAAqB;AACjC,IAAA,SAAS,EAAE;CACd;AASK,MAAO,yBAA0B,SAAQ,iBAAiB,CAAA;AACrD,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB;IACzC,WAAA,CAAY,GAAa,EAA0C,eAAoB,EAAA;AACnF,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC;QAE1C,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC;IACjE;AAEA,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;gBACtC;;QAEJ,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC;IACvC;AAfS,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,0CAEC,kBAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAF5C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,SAAA,EAJvB;YACP,kBAAkB,CAAC,yBAAyB;AAC/C,SAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAEQ,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AACd,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,SAAS,EAAE;AACP,wBAAA,kBAAkB,CAAA,yBAAA;AACrB;AACJ,iBAAA;;0BAG+B,MAAM;2BAAC,kBAAkB;;0BAAG;;;ACrB5D;;AAEG;;;;"}

package/components/containers/linear-layout/package.json

@@ -16,8 +16,5 @@
       "esm": "./esm2022/index.mjs",
       "default": "./fesm2022/index.mjs"
     }
-  },
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
   }
 }

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

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@wm/components/base'), require('@angular/core'), require('@wm/core'), require('ngx-bootstrap/dropdown'), require('@wm/components/navigation/menu'), require('lodash-es')) :
     typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@wm/components/base', '@angular/core', '@wm/core', 'ngx-bootstrap/dropdown', '@wm/components/navigation/menu', '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.common, global.wm.components.base, global.ng.core, global.wm.core, global.dropdown, global.wm.components.navigation.menu, global._));
-})(this, (function (exports, i2, i3, i0, core, i1, menu, lodashEs) { 'use strict';
+})(this, (function (exports, i2, base, i0, core, i1, menu, lodashEs) { 'use strict';
 
     function _interopNamespaceDefault(e) {
         var n = Object.create(null);
@@ -22,165 +22,46 @@
     }
 
     var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
-    var i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
     var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
     var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
 
     const registerProps = () => {
-        i3.register('wm-panel', new Map([
+        base.register('wm-panel', new Map([
             ['actions', {}],
-            ['animation', i3.PROP_STRING],
-            ['autoclose', i3.PROP_STRING],
-            ['badgetype', { value: 'default', ...i3.PROP_STRING }],
-            ['badgevalue', i3.PROP_STRING],
-            ['class', i3.PROP_STRING],
-            ['closable', i3.PROP_BOOLEAN],
-            ['collapsible', i3.PROP_BOOLEAN],
-            ['conditionalclass', i3.PROP_ANY],
-            ['conditionalstyle', i3.PROP_ANY],
-            ['content', i3.PROP_STRING],
-            ['datafield', i3.PROP_STRING],
-            ['enablefullscreen', i3.PROP_BOOLEAN],
-            ['expanded', { value: true, ...i3.PROP_BOOLEAN }],
-            ['fullscreen', i3.PROP_BOOLEAN],
-            ['helptext', i3.PROP_STRING],
-            ['iconclass', i3.PROP_STRING],
-            ['iconheight', i3.PROP_STRING],
-            ['iconmargin', i3.PROP_STRING],
-            ['iconurl', i3.PROP_STRING],
-            ['iconwidth', i3.PROP_STRING],
-            ['itemaction', i3.PROP_STRING],
-            ['itemchildren', i3.PROP_STRING],
-            ['itemicon', i3.PROP_STRING],
-            ['itemlabel', i3.PROP_STRING],
-            ['itemlink', i3.PROP_STRING],
-            ['name', i3.PROP_STRING],
-            ['show', { value: true, ...i3.PROP_BOOLEAN }],
-            ['subheading', i3.PROP_STRING],
-            ['title', i3.PROP_STRING],
-            ['userrole', i3.PROP_STRING],
-            ['hint', i3.PROP_STRING]
+            ['animation', base.PROP_STRING],
+            ['autoclose', base.PROP_STRING],
+            ['badgetype', { value: 'default', ...base.PROP_STRING }],
+            ['badgevalue', base.PROP_STRING],
+            ['class', base.PROP_STRING],
+            ['closable', base.PROP_BOOLEAN],
+            ['collapsible', base.PROP_BOOLEAN],
+            ['conditionalclass', base.PROP_ANY],
+            ['conditionalstyle', base.PROP_ANY],
+            ['content', base.PROP_STRING],
+            ['datafield', base.PROP_STRING],
+            ['enablefullscreen', base.PROP_BOOLEAN],
+            ['expanded', { value: true, ...base.PROP_BOOLEAN }],
+            ['fullscreen', base.PROP_BOOLEAN],
+            ['helptext', base.PROP_STRING],
+            ['iconclass', base.PROP_STRING],
+            ['iconheight', base.PROP_STRING],
+            ['iconmargin', base.PROP_STRING],
+            ['iconurl', base.PROP_STRING],
+            ['iconwidth', base.PROP_STRING],
+            ['itemaction', base.PROP_STRING],
+            ['itemchildren', base.PROP_STRING],
+            ['itemicon', base.PROP_STRING],
+            ['itemlabel', base.PROP_STRING],
+            ['itemlink', base.PROP_STRING],
+            ['name', base.PROP_STRING],
+            ['show', { value: true, ...base.PROP_BOOLEAN }],
+            ['subheading', base.PROP_STRING],
+            ['title', base.PROP_STRING],
+            ['userrole', base.PROP_STRING],
+            ['hint', base.PROP_STRING]
         ]));
     };
 
-    const _c0 = ["panelHeading"];
-    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_Conditional_0_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "i");
-    } if (rf & 2) {
-        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵclassMapInterpolate1("app-icon panel-icon ", ctx_r1.iconclass, "");
-    } }
-    function PanelComponent_Conditional_0_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "img", 13);
-        i0__namespace.ɵɵpipe(1, "image");
-    } if (rf & 2) {
-        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_Conditional_0_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "span");
-        i0__namespace.ɵɵtext(1);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        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_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "div", 17);
-    } }
-    function PanelComponent_Conditional_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-        const _r3 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "button", 22);
-        i0__namespace.ɵɵlistener("click", function PanelComponent_Conditional_0_Conditional_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", 23);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵproperty("title", ctx_r1.appLocale.LABEL_HELP);
-    } }
-    function PanelComponent_Conditional_0_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-        const _r4 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "button", 24);
-        i0__namespace.ɵɵlistener("click", function PanelComponent_Conditional_0_Conditional_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", 25);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        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_Conditional_0_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-        const _r5 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "button", 26);
-        i0__namespace.ɵɵlistener("click", function PanelComponent_Conditional_0_Conditional_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", 25);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        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_Conditional_0_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-        const _r6 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "button", 27);
-        i0__namespace.ɵɵlistener("click", function PanelComponent_Conditional_0_Conditional_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", 28);
-        i0__namespace.ɵɵelementEnd();
-    } if (rf & 2) {
-        const ctx_r1 = i0__namespace.ɵɵnextContext(2);
-        i0__namespace.ɵɵpropertyInterpolate("title", ctx_r1.appLocale.LABEL_CLOSE);
-    } }
-    function PanelComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-        const _r1 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "div", null, 2)(2, "div", 10)(3, "a", 11);
-        i0__namespace.ɵɵlistener("click", function PanelComponent_Conditional_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_Conditional_0_Conditional_5_Template, 1, 3, "i", 3)(6, PanelComponent_Conditional_0_Conditional_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_Conditional_0_Conditional_11_Template, 2, 4, "span", 3)(12, PanelComponent_Conditional_0_Conditional_12_Template, 1, 0, "div", 17)(13, PanelComponent_Conditional_0_Conditional_13_Template, 2, 1, "button", 18)(14, PanelComponent_Conditional_0_Conditional_14_Template, 2, 3, "button", 19)(15, PanelComponent_Conditional_0_Conditional_15_Template, 2, 2, "button", 20)(16, PanelComponent_Conditional_0_Conditional_16_Template, 2, 1, "button", 21);
-        i0__namespace.ɵɵelementEnd()()();
-    } if (rf & 2) {
-        const ctx_r1 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵclassMapInterpolate1("panel-heading ", ctx_r1.helpClass, "");
-        i0__namespace.ɵɵadvance(3);
-        i0__namespace.ɵɵattribute("aria-expanded", !!ctx_r1.expanded);
-        i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵconditional(ctx_r1.iconclass && !ctx_r1.iconurl ? 5 : -1);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(ctx_r1.iconurl ? 6 : -1);
-        i0__namespace.ɵɵadvance(2);
-        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.ɵɵconditional(ctx_r1.badgevalue ? 11 : -1);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(ctx_r1.actions ? 12 : -1);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(ctx_r1.helptext ? 13 : -1);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(ctx_r1.collapsible ? 14 : -1);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(ctx_r1.enablefullscreen ? 15 : -1);
-        i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵconditional(ctx_r1.closable ? 16 : -1);
-    } }
     const DEFAULT_CLS = 'app-panel panel';
     const WIDGET_CONFIG = { widgetType: 'wm-panel', hostClass: DEFAULT_CLS };
     class PanelComponent extends menu.MenuAdapterComponent {
@@ -199,7 +80,7 @@
             this.expanded = true;
             this.helpClass = '';
             this.helptext = '';
-            i3.styler(this.nativeElement, this, i3.APPLY_STYLES_TYPE.SHELL);
+            base.styler(this.nativeElement, this, base.APPLY_STYLES_TYPE.SHELL);
             this.fullScreenTitle = `${this.appLocale.LABEL_FULLSCREEN}/${this.appLocale.LABEL_EXITFULLSCREEN}`;
             this.expandCollapseTitle = `${this.appLocale.LABEL_COLLAPSE}/${this.appLocale.LABEL_EXPAND}`;
             core.removeAttr(this.nativeElement, 'title');
@@ -293,78 +174,36 @@
         ngAfterContentInit() {
             super.ngAfterContentInit();
             this.hasFooter = !!this.nativeElement.querySelector('[wmPanelFooter]');
-            i3.styler(this.panelBody.nativeElement, this, i3.APPLY_STYLES_TYPE.INNER_SHELL);
+            base.styler(this.panelBody.nativeElement, this, base.APPLY_STYLES_TYPE.INNER_SHELL);
         }
-        static { this.ɵfac = function PanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || 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, i3.RedrawableDirective, 5);
-            } if (rf & 2) {
-                let _t;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.reDrawableComponents = _t);
-            } }, viewQuery: function PanelComponent_Query(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵviewQuery(_c0, 5);
-                i0__namespace.ɵɵviewQuery(_c1, 7);
-                i0__namespace.ɵɵviewQuery(_c2, 7);
-            } if (rf & 2) {
-                let _t;
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.panelHeader = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.panelContent = _t.first);
-                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.panelBody = _t.first);
-            } }, exportAs: ["wmPanel"], standalone: true, features: [i0__namespace.ɵɵProvidersFeature([
-                    i3.provideAsWidgetRef(PanelComponent)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature, i0__namespace.ɵɵStandaloneFeature], attrs: _c3, ngContentSelectors: _c5, decls: 12, vars: 12, consts: [["panelContent", ""], ["panelBody", ""], ["panelHeading", ""], [3, "class"], [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", 1, "panel-image-icon", 3, "src", "ngStyle"], [1, "heading", 3, "innerHTML", "title"], [1, "description", 3, "innerHTML"], [1, "panel-actions"], ["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"], ["type", "button", "aria-label", "Collapse/Expand", 1, "app-icon", "wi", "panel-action", 3, "title"], ["type", "button", "aria-label", "Fullscreen/Exit", 1, "app-icon", "panel-action", "wi", 3, "title"], ["type", "button", "aria-label", "Close button", 1, "app-icon", "panel-action", 3, "title"], ["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_Conditional_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", 6);
-                i0__namespace.ɵɵelement(7, "h5", 7)(8, "div", 8);
-                i0__namespace.ɵɵpipe(9, "trustAs");
-                i0__namespace.ɵɵelementEnd()();
-                i0__namespace.ɵɵelementStart(10, "div", 9);
-                i0__namespace.ɵɵprojection(11, 1);
-                i0__namespace.ɵɵelementEnd();
-            } if (rf & 2) {
-                i0__namespace.ɵɵconditional(ctx.showHeader ? 0 : -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();
-                i0__namespace.ɵɵproperty("textContent", ctx.appLocale.LABEL_HELP);
-                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.BsDropdownModule, i1__namespace.BsDropdownDirective, i2.CommonModule, i2__namespace.NgClass, i2__namespace.NgStyle, i3.WmComponentsModule, i3__namespace.TextContentDirective, i3__namespace.TrustAsPipe, i3__namespace.ImagePipe, menu.MenuComponent], encapsulation: 2 }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: PanelComponent, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: PanelComponent, isStandalone: true, selector: "[wmPanel]", providers: [
+                base.provideAsWidgetRef(PanelComponent)
+            ], queries: [{ propertyName: "reDrawableComponents", predicate: base.RedrawableDirective, descendants: true }], viewQueries: [{ propertyName: "panelHeader", first: true, predicate: ["panelHeading"], descendants: true }, { propertyName: "panelContent", first: true, predicate: ["panelContent"], descendants: true, static: true }, { propertyName: "panelBody", first: true, predicate: ["panelBody"], descendants: true, static: true }], exportAs: ["wmPanel"], usesInheritance: true, ngImport: i0__namespace, template: "@if (showHeader) {\n  <div class=\"panel-heading {{helpClass}}\"  #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          @if (iconclass && !iconurl) {\n            <i class=\"app-icon panel-icon {{iconclass}}\"></i>\n          }\n          @if (iconurl) {\n            <img data-identifier=\"img\" title=\"iconurl\" alt=\"Panel icon\" class=\"panel-image-icon\"\n              [src]=\"iconurl | image\"\n              [ngStyle]=\"{width: iconwidth ,height: iconheight, margin: iconmargin}\" />\n          }\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        @if (badgevalue) {\n          <span\n          class=\"app-badge label label-{{badgetype}}\">{{badgevalue}}</span>\n        }\n        @if (actions) {\n          <div wmMenu aria-label=\"dropdown\" dropdown type=\"anchor\" class=\"panel-action\" dataset.bind=\"actions\"\n            caption=\"\" menuposition=\"down,left\" iconclass=\"wi wi-more-vert\"\n            autoclose.bind=\"autoclose\" datafield.bind=\"datafield\" select.event=\"menuActionItemClick($event,$item)\">\n          </div>\n        }\n        @if (helptext) {\n          <button type=\"button\" aria-label=\"Help\" class=\"app-icon panel-action wi\" [title]=\"appLocale.LABEL_HELP\"\n            (click)=\"toggleHelp()\"><i class=\"wi-question\"></i></button>\n          }\n          @if (collapsible) {\n            <button type=\"button\" aria-label=\"Collapse/Expand\" class=\"app-icon wi panel-action\"\n              [title]=\"expandCollapseTitle\" (click)=\"toggle($event);\" [attr.aria-expanded]=\"!!expanded\"><i\n            [ngClass]=\"expanded ? 'wi-minus' : 'wi-plus'\"></i></button>\n          }\n          @if (enablefullscreen) {\n            <button type=\"button\" aria-label=\"Fullscreen/Exit\" class=\"app-icon panel-action wi\"\n              [title]=\"fullScreenTitle\" (click)=\"toggleFullScreen($event);\"><i\n            [ngClass]=\"fullscreen ? 'wi-fullscreen-exit' : 'wi-fullscreen'\"></i></button>\n          }\n          @if (closable) {\n            <button type=\"button\" aria-label=\"Close button\" class=\"app-icon panel-action\"\n              title=\"{{appLocale.LABEL_CLOSE}}\" (click)=\"close($event)\"><i\n            class=\"wi wi-close\"></i></button>\n          }\n        </div>\n      </div>\n    </div>\n  }\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", dependencies: [{ kind: "ngmodule", type: i1.BsDropdownModule }, { kind: "directive", type: i1__namespace.BsDropdownDirective, selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "ngmodule", type: i2.CommonModule }, { kind: "directive", type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: base.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "pipe", type: base.TrustAsPipe, name: "trustAs" }, { kind: "component", type: menu.MenuComponent, selector: "[wmMenu]" }] }); }
     }
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(PanelComponent, [{
-            type: i0.Component,
-            args: [{ standalone: true, imports: [i1.BsDropdownModule, i2.CommonModule, i3.WmComponentsModule, menu.MenuComponent], selector: '[wmPanel]', providers: [
-                        i3.provideAsWidgetRef(PanelComponent)
-                    ], exportAs: 'wmPanel', template: "@if (showHeader) {\n  <div class=\"panel-heading {{helpClass}}\"  #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          @if (iconclass && !iconurl) {\n            <i class=\"app-icon panel-icon {{iconclass}}\"></i>\n          }\n          @if (iconurl) {\n            <img data-identifier=\"img\" title=\"iconurl\" alt=\"Panel icon\" class=\"panel-image-icon\"\n              [src]=\"iconurl | image\"\n              [ngStyle]=\"{width: iconwidth ,height: iconheight, margin: iconmargin}\" />\n          }\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        @if (badgevalue) {\n          <span\n          class=\"app-badge label label-{{badgetype}}\">{{badgevalue}}</span>\n        }\n        @if (actions) {\n          <div wmMenu aria-label=\"dropdown\" dropdown type=\"anchor\" class=\"panel-action\" dataset.bind=\"actions\"\n            caption=\"\" menuposition=\"down,left\" iconclass=\"wi wi-more-vert\"\n            autoclose.bind=\"autoclose\" datafield.bind=\"datafield\" select.event=\"menuActionItemClick($event,$item)\">\n          </div>\n        }\n        @if (helptext) {\n          <button type=\"button\" aria-label=\"Help\" class=\"app-icon panel-action wi\" [title]=\"appLocale.LABEL_HELP\"\n            (click)=\"toggleHelp()\"><i class=\"wi-question\"></i></button>\n          }\n          @if (collapsible) {\n            <button type=\"button\" aria-label=\"Collapse/Expand\" class=\"app-icon wi panel-action\"\n              [title]=\"expandCollapseTitle\" (click)=\"toggle($event);\" [attr.aria-expanded]=\"!!expanded\"><i\n            [ngClass]=\"expanded ? 'wi-minus' : 'wi-plus'\"></i></button>\n          }\n          @if (enablefullscreen) {\n            <button type=\"button\" aria-label=\"Fullscreen/Exit\" class=\"app-icon panel-action wi\"\n              [title]=\"fullScreenTitle\" (click)=\"toggleFullScreen($event);\"><i\n            [ngClass]=\"fullscreen ? 'wi-fullscreen-exit' : 'wi-fullscreen'\"></i></button>\n          }\n          @if (closable) {\n            <button type=\"button\" aria-label=\"Close button\" class=\"app-icon panel-action\"\n              title=\"{{appLocale.LABEL_CLOSE}}\" (click)=\"close($event)\"><i\n            class=\"wi wi-close\"></i></button>\n          }\n        </div>\n      </div>\n    </div>\n  }\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" }]
-        }], () => [{ 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: [{
-                type: i0.ViewChild,
-                args: ['panelContent', { static: true }]
-            }], panelBody: [{
-                type: i0.ViewChild,
-                args: ['panelBody', { static: true }]
-            }], reDrawableComponents: [{
-                type: i0.ContentChildren,
-                args: [i3.RedrawableDirective, { descendants: true }]
-            }] }); })();
-    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(PanelComponent, { className: "PanelComponent", filePath: "panel.component.ts", lineNumber: 36 }); })();
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: PanelComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [i1.BsDropdownModule, i2.CommonModule, base.TextContentDirective, base.TrustAsPipe, menu.MenuComponent], selector: '[wmPanel]', providers: [
+                            base.provideAsWidgetRef(PanelComponent)
+                        ], exportAs: 'wmPanel', template: "@if (showHeader) {\n  <div class=\"panel-heading {{helpClass}}\"  #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          @if (iconclass && !iconurl) {\n            <i class=\"app-icon panel-icon {{iconclass}}\"></i>\n          }\n          @if (iconurl) {\n            <img data-identifier=\"img\" title=\"iconurl\" alt=\"Panel icon\" class=\"panel-image-icon\"\n              [src]=\"iconurl | image\"\n              [ngStyle]=\"{width: iconwidth ,height: iconheight, margin: iconmargin}\" />\n          }\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        @if (badgevalue) {\n          <span\n          class=\"app-badge label label-{{badgetype}}\">{{badgevalue}}</span>\n        }\n        @if (actions) {\n          <div wmMenu aria-label=\"dropdown\" dropdown type=\"anchor\" class=\"panel-action\" dataset.bind=\"actions\"\n            caption=\"\" menuposition=\"down,left\" iconclass=\"wi wi-more-vert\"\n            autoclose.bind=\"autoclose\" datafield.bind=\"datafield\" select.event=\"menuActionItemClick($event,$item)\">\n          </div>\n        }\n        @if (helptext) {\n          <button type=\"button\" aria-label=\"Help\" class=\"app-icon panel-action wi\" [title]=\"appLocale.LABEL_HELP\"\n            (click)=\"toggleHelp()\"><i class=\"wi-question\"></i></button>\n          }\n          @if (collapsible) {\n            <button type=\"button\" aria-label=\"Collapse/Expand\" class=\"app-icon wi panel-action\"\n              [title]=\"expandCollapseTitle\" (click)=\"toggle($event);\" [attr.aria-expanded]=\"!!expanded\"><i\n            [ngClass]=\"expanded ? 'wi-minus' : 'wi-plus'\"></i></button>\n          }\n          @if (enablefullscreen) {\n            <button type=\"button\" aria-label=\"Fullscreen/Exit\" class=\"app-icon panel-action wi\"\n              [title]=\"fullScreenTitle\" (click)=\"toggleFullScreen($event);\"><i\n            [ngClass]=\"fullscreen ? 'wi-fullscreen-exit' : 'wi-fullscreen'\"></i></button>\n          }\n          @if (closable) {\n            <button type=\"button\" aria-label=\"Close button\" class=\"app-icon panel-action\"\n              title=\"{{appLocale.LABEL_CLOSE}}\" (click)=\"close($event)\"><i\n            class=\"wi wi-close\"></i></button>\n          }\n        </div>\n      </div>\n    </div>\n  }\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" }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { panelHeader: [{
+                    type: i0.ViewChild,
+                    args: ['panelHeading', { static: false }]
+                }], panelContent: [{
+                    type: i0.ViewChild,
+                    args: ['panelContent', { static: true }]
+                }], panelBody: [{
+                    type: i0.ViewChild,
+                    args: ['panelBody', { static: true }]
+                }], reDrawableComponents: [{
+                    type: i0.ContentChildren,
+                    args: [base.RedrawableDirective, { descendants: true }]
+                }] } });
 
     exports.PanelComponent = PanelComponent;