npm - @wavemaker-ai/app-ng-runtime - Versions diffs - 12.0.0-rc.335 → 12.0.1-rc.338 - Mend

@wavemaker-ai/app-ng-runtime 12.0.0-rc.335 → 12.0.1-rc.338

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (351) hide show

package/components/input/textarea/fesm2022/index.mjs CHANGED Viewed

@@ -59,14 +59,14 @@ class TextareaComponent extends BaseInput {
         // Call parent ngOnDestroy
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: TextareaComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: TextareaComponent, isStandalone: true, selector: "wm-textarea", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: TextareaComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: TextareaComponent, isStandalone: true, selector: "wm-textarea", providers: [
             provideAs(TextareaComponent, NG_VALUE_ACCESSOR, true),
             provideAs(TextareaComponent, NG_VALIDATORS, true),
             provideAsWidgetRef(TextareaComponent)
         ], viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["textarea"], descendants: true, static: true }, { propertyName: "ngModel", first: true, predicate: NgModel, descendants: true }], usesInheritance: true, ngImport: i0, template: "<textarea class=\"form-control app-textarea\"\n  focus-target\n  [attr.name]=\"name\"\n  [(ngModel)]=\"datavalue\"\n  [ngModelOptions]=\"ngModelOptions\"\n  [readonly]=\"readonly\"\n  [required]=\"required\"\n  [disabled]=\"disabled\"\n  [maxlength]=\"maxchars\"\n  [attr.tabindex]=\"tabindex\"\n  [attr.placeholder]=\"placeholder\"\n  [attr.accesskey]=\"shortcutkey\"\n  [attr.aria-label]=\"arialabel\"\n  aria-multiline=\"true\"\n  [autofocus]=\"autofocus\"\n  [ngClass]=\"conditionalclass\"\n  [ngStyle]=\"conditionalstyle\"\n  (blur)=\"handleBlur($event)\"\n  (input)=\"onInputChange()\"\n  (ngModelChange)=\"handleChange($event); onInputChange();\"\n  #textarea\n></textarea>\n\n@if (maxchars) {\n  <div class=\"textarea-count\"  >{{limitdisplaytext}}</div>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: TextareaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: TextareaComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, FormsModule], selector: 'wm-textarea', providers: [
                         provideAs(TextareaComponent, NG_VALUE_ACCESSOR, true),

package/components/input/textarea/fesm2022/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/textarea/src/textarea.props.ts","../../../../../projects/components/widgets/input/textarea/src/textarea.component.ts","../../../../../projects/components/widgets/input/textarea/src/textarea.component.html","../../../../../projects/components/widgets/input/textarea/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register, registerFormWidget} from '@wm/components/base';\nimport {FormWidgetType} from '@wm/core';\n\nexport const textareaProps = new Map(\n [\n ['autofocus', PROP_BOOLEAN],\n ['autotrim', {value: true, ...PROP_BOOLEAN}],\n ['class', PROP_STRING],\n ['datavaluesource', PROP_ANY],\n ['datavalue', PROP_STRING],\n ['disabled', PROP_BOOLEAN],\n ['hint', PROP_STRING],\n ['arialabel', PROP_STRING],\n ['maxchars', PROP_NUMBER],\n ['name', PROP_STRING],\n ['placeholder', {value: 'Place your text', ...PROP_STRING}],\n ['readonly', PROP_BOOLEAN],\n ['required', PROP_BOOLEAN],\n ['shortcutkey', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}],\n ['tabindex', {value: 0, ...PROP_NUMBER}],\n ['updateon', PROP_STRING],\n ['limitdisplaytext', PROP_STRING],\n ['charlength', PROP_NUMBER],\n ['conditionalclass', PROP_ANY],\n ['conditionalstyle', PROP_ANY]\n ]\n);\n\nexport const registerProps = () => {\n register(\n 'wm-textarea',\n textareaProps\n );\n registerFormWidget(\n FormWidgetType.TEXTAREA,\n new Map(textareaProps)\n );\n};\n","import { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport {AfterViewChecked, Component, ElementRef, Inject, Injector, OnDestroy, Optional, ViewChild} from '@angular/core';\~~nimport {NG_VALIDATORS, NG_VALUE_ACCESSOR, NgModel} from '@angular/forms';\~~n\nimport {provideAs, provideAsWidgetRef} from '@wm/components/base';\n\nimport {registerProps} from './textarea.props';\nimport { BaseInput } from '@wm/components/input/text';\n\nconst WIDGET_CONFIG = {\n widgetType: 'wm-textarea',\n hostClass: 'app-input-wrapper'\n};\n\n@Component({\n standalone: true,\n imports: [CommonModule, FormsModule],\n selector: 'wm-textarea',\n templateUrl: './textarea.component.html',\n providers: [\n provideAs(TextareaComponent, NG_VALUE_ACCESSOR, true),\n provideAs(TextareaComponent, NG_VALIDATORS, true),\n provideAsWidgetRef(TextareaComponent)\n ]\n})\nexport class TextareaComponent extends BaseInput implements AfterViewChecked, OnDestroy {\n static initializeProps = registerProps();\n public required: boolean;\n public maxchars: number;\n public disabled: boolean;\n public name: string;\n public readonly: boolean;\n public conditionalclass: any;\n public conditionalstyle: any;\n public tabindex: any;\n public placeholder: any;\n public shortcutkey: string;\n public autofocus: boolean;\n public hint: string;\n public arialabel: string;\n public limitdisplaytext: string;\n public charlength: number = 0;\n\n @ViewChild('textarea', {static: true}) inputEl: ElementRef;\n @ViewChild(NgModel) ngModel: NgModel;\n\n constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n }\n\n public onInputChange() {\n this.charlength = this.inputEl.nativeElement.value.length;\n }\n ngAfterViewChecked(): void {\n this.charlength = this.inputEl.nativeElement.value.length;\n }\n\n ngOnDestroy() {\n // MEMORY LEAK FIX: Clear ViewChild references\n this.inputEl = null;\n this.ngModel = null;\n\n // Call parent ngOnDestroy\n super.ngOnDestroy();\n }\n}\n","<textarea class=\"form-control app-textarea\"\n focus-target\n [attr.name]=\"name\"\n [(ngModel)]=\"datavalue\"\n [ngModelOptions]=\"ngModelOptions\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxchars\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"arialabel\"\n aria-multiline=\"true\"\n [autofocus]=\"autofocus\"\n [ngClass]=\"conditionalclass\"\n [ngStyle]=\"conditionalstyle\"\n (blur)=\"handleBlur($event)\"\n (input)=\"onInputChange()\"\n (ngModelChange)=\"handleChange($event); onInputChange();\"\n #textarea\n></textarea>\n\n@if (maxchars) {\n <div class=\"textarea-count\" >{{limitdisplaytext}}</div>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;AAGO,MAAM,aAAa,GAAG,IAAI,GAAG,CAChC;IACI,CAAC,WAAW,EAAE,YAAY,CAAC;IAC3B,CAAC,UAAU,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAC,CAAC;IAC5C,CAAC,OAAO,EAAE,WAAW,CAAC;IACtB,CAAC,iBAAiB,EAAE,QAAQ,CAAC;IAC7B,CAAC,WAAW,EAAE,WAAW,CAAC;IAC1B,CAAC,UAAU,EAAE,YAAY,CAAC;IAC1B,CAAC,MAAM,EAAE,WAAW,CAAC;IACrB,CAAC,WAAW,EAAE,WAAW,CAAC;IAC1B,CAAC,UAAU,EAAE,WAAW,CAAC;IACzB,CAAC,MAAM,EAAE,WAAW,CAAC;IACrB,CAAC,aAAa,EAAE,EAAC,KAAK,EAAE,iBAAiB,EAAE,GAAG,WAAW,EAAC,CAAC;IAC3D,CAAC,UAAU,EAAE,YAAY,CAAC;IAC1B,CAAC,UAAU,EAAE,YAAY,CAAC;IAC1B,CAAC,aAAa,EAAE,WAAW,CAAC;IAC5B,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAC,CAAC;IACxC,CAAC,UAAU,EAAE,EAAC,KAAK,EAAE,CAAC,EAAE,GAAG,WAAW,EAAC,CAAC;IACxC,CAAC,UAAU,EAAE,WAAW,CAAC;IACzB,CAAC,kBAAkB,EAAE,WAAW,CAAC;IACjC,CAAC,YAAY,EAAE,WAAW,CAAC;IAC3B,CAAC,kBAAkB,EAAE,QAAQ,CAAC;IAC9B,CAAC,kBAAkB,EAAE,QAAQ;AAChC,CAAA,CACJ;AAEM,MAAM,aAAa,GAAG,MAAK;AAC9B,IAAA,QAAQ,CACJ,aAAa,EACb,aAAa,CAChB;IACD,kBAAkB,CACd,cAAc,CAAC,QAAQ,EACvB,IAAI,GAAG,CAAC,aAAa,CAAC,CACzB;AACL,CAAC;;~~AC5BD~~,MAAM,aAAa,GAAG;AAClB,IAAA,UAAU,EAAE,aAAa;AACzB,IAAA,SAAS,EAAE;CACd;AAaK,MAAO,iBAAkB,SAAQ,SAAS,CAAA;~~AACrC~~,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB;~~IAoBzC~~,WAAA,CAAY,GAAa,EAA0C,eAAoB,EAAA;AACnF,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC;QANvC,IAAA,CAAA,UAAU,GAAW,CAAC;IAO7B;IAEO,aAAa,GAAA;AAChB,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM;IAC7D;IACA,kBAAkB,GAAA;AACd,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM;IAC3D;IAEF,WAAW,GAAA;;AAEP,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;;QAGnB,KAAK,CAAC,WAAW,EAAE;IACvB;AAvCS,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,iBAAiB,0CAqBS,kBAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AArB5C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,SAAA,EANf;AACP,YAAA,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,CAAC;AACrD,YAAA,SAAS,CAAC,iBAAiB,EAAE,aAAa,EAAE,IAAI,CAAC;YACjD,kBAAkB,CAAC,iBAAiB;AACvC,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAqBU,OAAO,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EC7CtB~~,iwBA0BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,~~EDTc~~,YAAY,iNAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,4EAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAS1B,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAX7B,SAAS;iCACM,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,WAAW,CAAC,EAAA,QAAA,EAC1B,aAAa,EAAA,SAAA,EAEZ;AACP,wBAAA,SAAS,CAAA,iBAAA,EAAoB,iBAAiB,EAAE,IAAI,CAAC;AACrD,wBAAA,SAAS,CAAA,iBAAA,EAAoB,aAAa,EAAE,IAAI,CAAC;AACjD,wBAAA,kBAAkB,CAAA,iBAAA;AACrB,qBAAA,EAAA,QAAA,EAAA,iwBAAA,EAAA;;0BAuB2B,MAAM;2BAAC,kBAAkB;;0BAAG;;sBAHvD,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,UAAU,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC;;sBACpC,SAAS;uBAAC,OAAO;;;~~AE7CtB~~;;AAEG;;;;"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/textarea/src/textarea.props.ts","../../../../../projects/components/widgets/input/textarea/src/textarea.component.ts","../../../../../projects/components/widgets/input/textarea/src/textarea.component.html","../../../../../projects/components/widgets/input/textarea/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register, registerFormWidget} from '@wm/components/base';\nimport {FormWidgetType} from '@wm/core';\n\nexport const textareaProps = new Map(\n [\n ['autofocus', PROP_BOOLEAN],\n ['autotrim', {value: true, ...PROP_BOOLEAN}],\n ['class', PROP_STRING],\n ['datavaluesource', PROP_ANY],\n ['datavalue', PROP_STRING],\n ['disabled', PROP_BOOLEAN],\n ['hint', PROP_STRING],\n ['arialabel', PROP_STRING],\n ['maxchars', PROP_NUMBER],\n ['name', PROP_STRING],\n ['placeholder', {value: 'Place your text', ...PROP_STRING}],\n ['readonly', PROP_BOOLEAN],\n ['required', PROP_BOOLEAN],\n ['shortcutkey', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}],\n ['tabindex', {value: 0, ...PROP_NUMBER}],\n ['updateon', PROP_STRING],\n ['limitdisplaytext', PROP_STRING],\n ['charlength', PROP_NUMBER],\n ['conditionalclass', PROP_ANY],\n ['conditionalstyle', PROP_ANY]\n ]\n);\n\nexport const registerProps = () => {\n register(\n 'wm-textarea',\n textareaProps\n );\n registerFormWidget(\n FormWidgetType.TEXTAREA,\n new Map(textareaProps)\n );\n};\n","import { CommonModule } from '@angular/common';\nimport { FormsModule, NG_VALIDATORS, NG_VALUE_ACCESSOR, NgModel } from '@angular/forms';\nimport {AfterViewChecked, Component, ElementRef, Inject, Injector, OnDestroy, Optional, ViewChild} from '@angular/core';\n\nimport {provideAs, provideAsWidgetRef} from '@wm/components/base';\n\nimport {registerProps} from './textarea.props';\nimport { BaseInput } from '@wm/components/input/text';\n\nconst WIDGET_CONFIG = {\n widgetType: 'wm-textarea',\n hostClass: 'app-input-wrapper'\n};\n\n@Component({\n standalone: true,\n imports: [CommonModule, FormsModule],\n selector: 'wm-textarea',\n templateUrl: './textarea.component.html',\n providers: [\n provideAs(TextareaComponent, NG_VALUE_ACCESSOR, true),\n provideAs(TextareaComponent, NG_VALIDATORS, true),\n provideAsWidgetRef(TextareaComponent)\n ]\n})\nexport class TextareaComponent extends BaseInput implements AfterViewChecked, OnDestroy {\n static readonly initializeProps = registerProps();\n public required: boolean;\n public maxchars: number;\n public disabled: boolean;\n public name: string;\n public readonly: boolean;\n public conditionalclass: any;\n public conditionalstyle: any;\n public tabindex: any;\n public placeholder: any;\n public shortcutkey: string;\n public autofocus: boolean;\n public hint: string;\n public arialabel: string;\n public limitdisplaytext: string;\n public charlength: number = 0;\n\n @ViewChild('textarea', {static: true}) inputEl: ElementRef;\n @ViewChild(NgModel) ngModel: NgModel;\n\n constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n super(inj, WIDGET_CONFIG, explicitContext);\n }\n\n public onInputChange() {\n this.charlength = this.inputEl.nativeElement.value.length;\n }\n ngAfterViewChecked(): void {\n this.charlength = this.inputEl.nativeElement.value.length;\n }\n\n ngOnDestroy() {\n // MEMORY LEAK FIX: Clear ViewChild references\n this.inputEl = null;\n this.ngModel = null;\n\n // Call parent ngOnDestroy\n super.ngOnDestroy();\n }\n}\n","<textarea class=\"form-control app-textarea\"\n focus-target\n [attr.name]=\"name\"\n [(ngModel)]=\"datavalue\"\n [ngModelOptions]=\"ngModelOptions\"\n [readonly]=\"readonly\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [maxlength]=\"maxchars\"\n [attr.tabindex]=\"tabindex\"\n [attr.placeholder]=\"placeholder\"\n [attr.accesskey]=\"shortcutkey\"\n [attr.aria-label]=\"arialabel\"\n aria-multiline=\"true\"\n [autofocus]=\"autofocus\"\n [ngClass]=\"conditionalclass\"\n [ngStyle]=\"conditionalstyle\"\n (blur)=\"handleBlur($event)\"\n (input)=\"onInputChange()\"\n (ngModelChange)=\"handleChange($event); onInputChange();\"\n #textarea\n></textarea>\n\n@if (maxchars) {\n <div class=\"textarea-count\" >{{limitdisplaytext}}</div>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}

package/components/input/textarea/types/index.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
+import { NgModel } from '@angular/forms';
 import * as i0 from '@angular/core';
 import { AfterViewChecked, OnDestroy, ElementRef, Injector } from '@angular/core';
-import { NgModel } from '@angular/forms';
 import { BaseInput } from '@wm/components/input/text';
 declare class TextareaComponent extends BaseInput implements AfterViewChecked, OnDestroy {
-    static initializeProps: void;
+    static readonly initializeProps: void;
     required: boolean;
     maxchars: number;
     disabled: boolean;

package/components/navigation/breadcrumb/bundles/index.umd.js CHANGED Viewed

@@ -113,12 +113,12 @@
                 }
             }
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: BreadcrumbComponent, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.Router }, { token: i2__namespace.Location }, { token: 'beforenavigate.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: BreadcrumbComponent, isStandalone: true, selector: "[wmBreadcrumb]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: BreadcrumbComponent, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.Router }, { token: i2__namespace.Location }, { token: 'beforenavigate.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: BreadcrumbComponent, isStandalone: true, selector: "[wmBreadcrumb]", providers: [
                 base.provideAsWidgetRef(BreadcrumbComponent)
             ], usesInheritance: true, ngImport: i0__namespace, template: "@for (item of nodes; track item; let last = $last; let index = $index) {\n  <li [class.active]=\"last\" class=\"{{item.class}}\">\n    @if (item.icon) {\n      <wm-app-icon [icon]=\"item.icon\"></wm-app-icon>\n    }\n    @if (!last) {\n      <a [title]=\"item.label\" href=\"javascript:void(0)\" [wmNavigationControl]=\"item.link\" [disableMenuContext]=\"disableMenuContext || !!item.action\" (click)=\"onItemClick($event, item)\" [textContent]=\"item.label\"></a>\n    }\n    @if (last) {\n      <a [title]=\"item.label\" [textContent]=\"item.label\" href=\"javascript:void(0)\" class=\"text-muted\"\n      tabindex=\"0\" aria-current=\"page\"></a>\n    }\n  </li>\n}\n", dependencies: [{ kind: "directive", type: base.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: base.WmAppIconComponent, selector: "wm-app-icon", inputs: ["icon", "iconclass", "iconurl", "defaultIconClass", "defaultClasses", "iconStyle", "alt"] }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: BreadcrumbComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: BreadcrumbComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [base.TextContentDirective, base.WmAppIconComponent], selector: '[wmBreadcrumb]', providers: [
                             base.provideAsWidgetRef(BreadcrumbComponent)

package/components/navigation/breadcrumb/fesm2022/index.mjs CHANGED Viewed

@@ -93,12 +93,12 @@ class BreadcrumbComponent extends DatasetAwareNavComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i0.Injector }, { token: i1.Router }, { token: i2.Location }, { token: 'beforenavigate.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: BreadcrumbComponent, isStandalone: true, selector: "[wmBreadcrumb]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i0.Injector }, { token: i1.Router }, { token: i2.Location }, { token: 'beforenavigate.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: BreadcrumbComponent, isStandalone: true, selector: "[wmBreadcrumb]", providers: [
             provideAsWidgetRef(BreadcrumbComponent)
         ], usesInheritance: true, ngImport: i0, template: "@for (item of nodes; track item; let last = $last; let index = $index) {\n  <li [class.active]=\"last\" class=\"{{item.class}}\">\n    @if (item.icon) {\n      <wm-app-icon [icon]=\"item.icon\"></wm-app-icon>\n    }\n    @if (!last) {\n      <a [title]=\"item.label\" href=\"javascript:void(0)\" [wmNavigationControl]=\"item.link\" [disableMenuContext]=\"disableMenuContext || !!item.action\" (click)=\"onItemClick($event, item)\" [textContent]=\"item.label\"></a>\n    }\n    @if (last) {\n      <a [title]=\"item.label\" [textContent]=\"item.label\" href=\"javascript:void(0)\" class=\"text-muted\"\n      tabindex=\"0\" aria-current=\"page\"></a>\n    }\n  </li>\n}\n", dependencies: [{ kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: WmAppIconComponent, selector: "wm-app-icon", inputs: ["icon", "iconclass", "iconurl", "defaultIconClass", "defaultClasses", "iconStyle", "alt"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [TextContentDirective, WmAppIconComponent], selector: '[wmBreadcrumb]', providers: [
                         provideAsWidgetRef(BreadcrumbComponent)

package/components/navigation/breadcrumb/fesm2022/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/navigation/breadcrumb/src/breadcrumb.props.ts","../../../../../projects/components/widgets/navigation/breadcrumb/src/breadcrumb.component.ts","../../../../../projects/components/widgets/navigation/breadcrumb/src/breadcrumb.component.html","../../../../../projects/components/widgets/navigation/breadcrumb/src/index.ts"],"sourcesContent":["import { PROP_ANY, PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n register(\n 'wm-breadcrumb',\n new Map(\n [\n ['class', PROP_STRING],\n ['dataset', PROP_ANY],\n ['itemlabel', PROP_STRING],\n ['itemid', PROP_STRING],\n ['itemlink', PROP_STRING],\n ['itemicon', PROP_STRING],\n ['itemchildren', PROP_STRING],\n ['itemclass', PROP_STRING],\n ['itemtarget', PROP_STRING],\n ['name', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}]\n ]\n )\n );\n};\n","import {Attribute, Component, Inject, Injector, Optional} from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Location } from '@angular/common';\n\nimport { getRouteNameFromLink, getUrlParams, openLink } from '@wm/core';\nimport { APPLY_STYLES_TYPE, provideAsWidgetRef, DatasetAwareNavComponent, NavNode, styler, TextContentDirective, WmAppIconComponent } from '@wm/components/base';\n\nimport { registerProps } from './breadcrumb.props';\n\nconst DEFAULT_CLS = 'breadcrumb app-breadcrumb';\nconst WIDGET_CONFIG = {widgetType: 'wm-breadcrumb', hostClass: DEFAULT_CLS};\n\n@Component({\n standalone: true,\n imports: [TextContentDirective, WmAppIconComponent],\n selector: '[wmBreadcrumb]',\n templateUrl: './breadcrumb.component.html',\n providers: [\n provideAsWidgetRef(BreadcrumbComponent)\n ]\n})\nexport class BreadcrumbComponent extends DatasetAwareNavComponent {\n static initializeProps = registerProps();\n private disableMenuContext: boolean;\n\n constructor(\n inj: Injector,\n private route: Router,\n private location: Location,\n @Attribute('beforenavigate.event') beforeNavigateCB: string,\n @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any\n ) {\n super(inj, WIDGET_CONFIG, explicitContext);\n styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n this.disableMenuContext = !!beforeNavigateCB;\n }\n\n /*\n Gets the first path found based on the key provided inside info Object.\n * @param info - Info object which has properties key(Active Page Name) and isPathFound[boolean] is set true if path found.\n * @param children - a child Object form children Array.\n * @param path - final path.\n * @returns {\|Array}: returns array of objects which represents the final path.\n /\n private getPath(info: {key: string, isPathFound: boolean}, children: Array<NavNode>, path = []): Array<NavNode> {\n children.forEach((child: NavNode) => {\n // return if path already found.\n if (info.isPathFound) {\n return path;\n }\n // if key is matched set path found to true and return the path.\n if (child.id === info.key) {\n info.isPathFound = true;\n // only push the child object by omiting the children within it.\n path.push(child);\n return path;\n }\n // if the node has children make a recursive call.\n if (child.children.length) {\n path.push(child);\n this.getPath(info, child.children, path);\n // if path is not found in that node pop the node.\n if (!info.isPathFound) {\n path.pop();\n }\n }\n });\n // return the path.\n return path;\n }\n\n private getCurrentRoute(): string {\n return this.location.path().substr(1).split('?')[0];\n }\n\n // over rides resetNode function, generating path for the breadcrumb.\n protected resetNodes() {\n super.resetNodes();\n // get path only if the widget have id property.\n if (this.itemid \|\| this.binditemid) {\n this.nodes = this.getPath({key: this.getCurrentRoute(), isPathFound: false}, this.nodes);\n }\n\n }\n\n onItemClick ($event: Event, $item: any) {\n $event.preventDefault();\n const locals = {$item: $item.value, $event};\n const canNavigate = !(this.invokeEventCallback('beforenavigate', locals) === false);\n const linkTarget = $item.target;\n let itemLink = $item.link;\n\n if (itemLink && canNavigate) {\n if (itemLink.startsWith('#/') && (!linkTarget \|\| linkTarget === '_self')) {\n const queryParams = getUrlParams(itemLink);\n itemLink = getRouteNameFromLink(itemLink);\n this.route.navigate([itemLink], { queryParams});\n } else {\n openLink(itemLink, linkTarget);\n }\n }\n }\n\n}\n","@for (item of nodes; track item; let last = $last; let index = $index) {\n <li [class.active]=\"last\" class=\"{{item.class}}\">\n @if (item.icon) {\n <wm-app-icon [icon]=\"item.icon\"></wm-app-icon>\n }\n @if (!last) {\n <a [title]=\"item.label\" href=\"javascript:void(0)\" [wmNavigationControl]=\"item.link\" [disableMenuContext]=\"disableMenuContext \|\| !!item.action\" (click)=\"onItemClick($event, item)\" [textContent]=\"item.label\"></a>\n }\n @if (last) {\n <a [title]=\"item.label\" [textContent]=\"item.label\" href=\"javascript:void(0)\" class=\"text-muted\"\n tabindex=\"0\" aria-current=\"page\"></a>\n }\n </li>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;;;;AAEO,MAAM,aAAa,GAAG,MAAK;AAC9B,IAAA,QAAQ,CACJ,eAAe,EACf,IAAI,GAAG,CACH;QACI,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,SAAS,EAAE,QAAQ,CAAC;QACrB,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,QAAQ,EAAE,WAAW,CAAC;QACvB,CAAC,UAAU,EAAE,WAAW,CAAC;QACzB,CAAC,UAAU,EAAE,WAAW,CAAC;QACzB,CAAC,cAAc,EAAE,WAAW,CAAC;QAC7B,CAAC,WAAW,EAAE,WAAW,CAAC;QAC1B,CAAC,YAAY,EAAE,WAAW,CAAC;QAC3B,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAC;AAC1C,KAAA,CACJ,CACJ;AACL,CAAC;;ACZD,MAAM,WAAW,GAAG,2BAA2B;AAC/C,MAAM,aAAa,GAAG,EAAC,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAC;AAWrE,MAAO,mBAAoB,SAAQ,wBAAwB,CAAA;~~AACtD~~,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB;~~IAGzC~~,WAAA,CACI,GAAa,~~EACL~~,KAAa,EACb,QAAkB,~~EACS~~,gBAAwB,EACnB,eAAoB,EAAA;AAE5D,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC;~~QALlC~~,IAAA,CAAA,KAAK,GAAL,KAAK;QACL,IAAA,CAAA,QAAQ,GAAR,QAAQ;~~QAKhB~~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"}
1	+ {"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/navigation/breadcrumb/src/breadcrumb.props.ts","../../../../../projects/components/widgets/navigation/breadcrumb/src/breadcrumb.component.ts","../../../../../projects/components/widgets/navigation/breadcrumb/src/breadcrumb.component.html","../../../../../projects/components/widgets/navigation/breadcrumb/src/index.ts"],"sourcesContent":["import { PROP_ANY, PROP_BOOLEAN, PROP_STRING, register } from '@wm/components/base';\n\nexport const registerProps = () => {\n register(\n 'wm-breadcrumb',\n new Map(\n [\n ['class', PROP_STRING],\n ['dataset', PROP_ANY],\n ['itemlabel', PROP_STRING],\n ['itemid', PROP_STRING],\n ['itemlink', PROP_STRING],\n ['itemicon', PROP_STRING],\n ['itemchildren', PROP_STRING],\n ['itemclass', PROP_STRING],\n ['itemtarget', PROP_STRING],\n ['name', PROP_STRING],\n ['show', {value: true, ...PROP_BOOLEAN}]\n ]\n )\n );\n};\n","import {Attribute, Component, Inject, Injector, Optional} from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Location } from '@angular/common';\n\nimport { getRouteNameFromLink, getUrlParams, openLink } from '@wm/core';\nimport { APPLY_STYLES_TYPE, provideAsWidgetRef, DatasetAwareNavComponent, NavNode, styler, TextContentDirective, WmAppIconComponent } from '@wm/components/base';\n\nimport { registerProps } from './breadcrumb.props';\n\nconst DEFAULT_CLS = 'breadcrumb app-breadcrumb';\nconst WIDGET_CONFIG = {widgetType: 'wm-breadcrumb', hostClass: DEFAULT_CLS};\n\n@Component({\n standalone: true,\n imports: [TextContentDirective, WmAppIconComponent],\n selector: '[wmBreadcrumb]',\n templateUrl: './breadcrumb.component.html',\n providers: [\n provideAsWidgetRef(BreadcrumbComponent)\n ]\n})\nexport class BreadcrumbComponent extends DatasetAwareNavComponent {\n static readonly initializeProps = registerProps();\n private readonly disableMenuContext: boolean;\n\n constructor(\n inj: Injector,\n private readonly route: Router,\n private readonly location: Location,\n @Attribute('beforenavigate.event') beforeNavigateCB: string,\n @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any\n ) {\n super(inj, WIDGET_CONFIG, explicitContext);\n styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);\n this.disableMenuContext = !!beforeNavigateCB;\n }\n\n /*\n Gets the first path found based on the key provided inside info Object.\n * @param info - Info object which has properties key(Active Page Name) and isPathFound[boolean] is set true if path found.\n * @param children - a child Object form children Array.\n * @param path - final path.\n * @returns {\|Array}: returns array of objects which represents the final path.\n /\n private getPath(info: {key: string, isPathFound: boolean}, children: Array<NavNode>, path = []): Array<NavNode> {\n children.forEach((child: NavNode) => {\n // return if path already found.\n if (info.isPathFound) {\n return path;\n }\n // if key is matched set path found to true and return the path.\n if (child.id === info.key) {\n info.isPathFound = true;\n // only push the child object by omiting the children within it.\n path.push(child);\n return path;\n }\n // if the node has children make a recursive call.\n if (child.children.length) {\n path.push(child);\n this.getPath(info, child.children, path);\n // if path is not found in that node pop the node.\n if (!info.isPathFound) {\n path.pop();\n }\n }\n });\n // return the path.\n return path;\n }\n\n private getCurrentRoute(): string {\n return this.location.path().substr(1).split('?')[0];\n }\n\n // over rides resetNode function, generating path for the breadcrumb.\n protected resetNodes() {\n super.resetNodes();\n // get path only if the widget have id property.\n if (this.itemid \|\| this.binditemid) {\n this.nodes = this.getPath({key: this.getCurrentRoute(), isPathFound: false}, this.nodes);\n }\n\n }\n\n onItemClick ($event: Event, $item: any) {\n $event.preventDefault();\n const locals = {$item: $item.value, $event};\n const canNavigate = !(this.invokeEventCallback('beforenavigate', locals) === false);\n const linkTarget = $item.target;\n let itemLink = $item.link;\n\n if (itemLink && canNavigate) {\n if (itemLink.startsWith('#/') && (!linkTarget \|\| linkTarget === '_self')) {\n const queryParams = getUrlParams(itemLink);\n itemLink = getRouteNameFromLink(itemLink);\n this.route.navigate([itemLink], { queryParams});\n } else {\n openLink(itemLink, linkTarget);\n }\n }\n }\n\n}\n","@for (item of nodes; track item; let last = $last; let index = $index) {\n <li [class.active]=\"last\" class=\"{{item.class}}\">\n @if (item.icon) {\n <wm-app-icon [icon]=\"item.icon\"></wm-app-icon>\n }\n @if (!last) {\n <a [title]=\"item.label\" href=\"javascript:void(0)\" [wmNavigationControl]=\"item.link\" [disableMenuContext]=\"disableMenuContext \|\| !!item.action\" (click)=\"onItemClick($event, item)\" [textContent]=\"item.label\"></a>\n }\n @if (last) {\n <a [title]=\"item.label\" [textContent]=\"item.label\" href=\"javascript:void(0)\" class=\"text-muted\"\n tabindex=\"0\" aria-current=\"page\"></a>\n }\n </li>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}

package/components/navigation/breadcrumb/types/index.d.ts CHANGED Viewed

@@ -5,10 +5,10 @@ import { Location } from '@angular/common';
 import { DatasetAwareNavComponent } from '@wm/components/base';
 declare class BreadcrumbComponent extends DatasetAwareNavComponent {
-    private route;
-    private location;
-    static initializeProps: void;
-    private disableMenuContext;
+    private readonly route;
+    private readonly location;
+    static readonly initializeProps: void;
+    private readonly disableMenuContext;
     constructor(inj: Injector, route: Router, location: Location, beforeNavigateCB: string, explicitContext: any);
     /**
      * Gets the first path found based on the key provided inside info Object.

package/components/navigation/menu/bundles/index.umd.js CHANGED Viewed

@@ -58,10 +58,10 @@
                 this.boundContextMenuHandler = null;
             }
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: NavigationControlDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: NavigationControlDirective, isStandalone: true, selector: "[wmNavigationControl]", inputs: { disableMenuContext: "disableMenuContext", wmNavigationControl: "wmNavigationControl" }, ngImport: i0__namespace }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: NavigationControlDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: NavigationControlDirective, isStandalone: true, selector: "[wmNavigationControl]", inputs: { disableMenuContext: "disableMenuContext", wmNavigationControl: "wmNavigationControl" }, ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: NavigationControlDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: NavigationControlDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         standalone: true,
@@ -110,12 +110,12 @@
             this.innerLink = null;
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: NavItemDirective, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: NavItemDirective, isStandalone: true, selector: "[wmNavItem]", host: { listeners: { "click": "makeActive()", "keydown.enter": "makeActive()" } }, providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: NavItemDirective, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: NavItemDirective, isStandalone: true, selector: "[wmNavItem]", host: { listeners: { "click": "makeActive()", "keydown.enter": "makeActive()" } }, providers: [
                 base.provideAsWidgetRef(NavItemDirective)
             ], queries: [{ propertyName: "innerLink", first: true, predicate: anchor.AnchorComponent, descendants: true }], exportAs: ["navItemRef"], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: NavItemDirective, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: NavItemDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
                         standalone: true,
@@ -263,12 +263,12 @@
             this.itemActionFn = null;
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: NavComponent, deps: [{ token: i0__namespace.Injector }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.Router }, { token: i2__namespace.UserDefinedExecutionContext }, { token: i2__namespace.App }, { token: 'select.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: NavComponent, isStandalone: true, selector: "[wmNav]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: NavComponent, deps: [{ token: i0__namespace.Injector }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.Router }, { token: i2__namespace.UserDefinedExecutionContext }, { token: i2__namespace.App }, { token: 'select.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: NavComponent, isStandalone: true, selector: "[wmNav]", providers: [
                 base.provideAsWidgetRef(NavComponent)
             ], usesInheritance: true, ngImport: i0__namespace, template: "<ng-template #menuRef let-item=\"item\" let-index=\"index\">\n  <div wmMenu dropdown\n    type=\"anchor\"\n    autoclose.bind=\"autoclose\"\n    iconclass.bind=\"item.icon\"\n    autoopen.bind=\"autoopen\"\n    caption.bind=\"item.label\"\n    hint.bind=\"item.hint\"\n    dataset.bind=\"item.children\"\n    badgevalue.bind=\"item.badge\"\n    iconposition.bind=\"iconposition\"\n    showonhover.bind=\"showonhover\"\n  select.event=\"onMenuItemSelect($event, widget, $item)\"></div>\n</ng-template>\n\n<ng-template #anchorRef let-item=\"item\" let-index=\"index\" let-liRef=\"liRef\">\n  <a wmAnchor\n    [disableMenuContext]=\"disableMenuContext || !!item.action\"\n    [wmNavigationControl]=\"item.link\"\n    [attr.aria-current]=\"item._selected || (!isactive && item.link === '#/' + activePageName) ? 'page' : ''\"\n    caption.bind=\"item.label\"\n    hint.bind=\"item.hint\"\n    iconclass.bind=\"item.icon\"\n    badgevalue.bind=\"item.badge\"\n    iconposition.bind=\"iconposition\"\n  click.event=\"onNavSelect($event, item)\"></a>\n</ng-template>\n\n@for (item of nodes; track item; let index = $index) {\n  <li #liRef=\"navItemRef\"\n    [ngClass]=\"{active: item._selected || (!isactive && item.link === '#/' + activePageName)}\"\n    class=\"app-nav-item {{item.class}}\"\n    wmNavItem>\n    @if (!item.children.length) {\n      <ng-container [ngTemplateOutlet]=\"anchorRef\"\n        [ngTemplateOutletContext]=\"{item: item, index:index, liRef: liRef}\"\n        [ngTemplateOutletInjector]=\"createCustomInjector('anchor_' + liRef.trackId, {item: item, index:index, liRef: liRef})\"\n      ></ng-container>\n    }\n    @if (item.children.length) {\n      <ng-container [ngTemplateOutlet]=\"menuRef\"\n        [ngTemplateOutletContext]=\"{item: item, index:index}\"\n        [ngTemplateOutletInjector]=\"createCustomInjector('menu_' + liRef.trackId, {item: item, index:index})\"\n      ></ng-container>\n    }\n  </li>\n}\n\n@if (!nodes.length) {\n  <ng-content select=\"[wmNavItem]\"></ng-content>\n}\n", dependencies: [{ kind: "ngmodule", type: i0__namespace.forwardRef(() => i3.CommonModule) }, { kind: "directive", type: i0__namespace.forwardRef(() => i3__namespace.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0__namespace.forwardRef(() => i3__namespace.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: i0__namespace.forwardRef(() => i3$1.BsDropdownModule) }, { kind: "directive", type: i0__namespace.forwardRef(() => i3$1__namespace.BsDropdownDirective), selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "component", type: i0__namespace.forwardRef(() => anchor.AnchorComponent), selector: "a[wmAnchor]", exportAs: ["wmAnchor"] }, { kind: "component", type: i0__namespace.forwardRef(() => MenuComponent), selector: "[wmMenu]" }, { kind: "directive", type: i0__namespace.forwardRef(() => NavItemDirective), selector: "[wmNavItem]", exportAs: ["navItemRef"] }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: NavComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: NavComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [i3.CommonModule, i3$1.BsDropdownModule, anchor.AnchorComponent, i0.forwardRef(() => MenuComponent), NavItemDirective,], selector: '[wmNav]', providers: [
                             base.provideAsWidgetRef(NavComponent)
@@ -330,23 +330,15 @@
         }
         getInitialKeyMovements() {
             const KEY_MOVEMENTS = lodashEs.clone(KEYBOARD_MOVEMENTS);
-            if (this.menuRef.menulayout === MENU_LAYOUT_TYPE.HORIZONTAL) {
+            if (this.menuRef.menulayout === MENU_LAYOUT_TYPE.HORIZONTAL || this.menuRef.menuposition === 'inline') {
                 KEY_MOVEMENTS.MOVE_UP = 'LEFT-ARROW';
                 KEY_MOVEMENTS.MOVE_LEFT = 'UP-ARROW';
                 KEY_MOVEMENTS.MOVE_RIGHT = 'DOWN-ARROW';
                 KEY_MOVEMENTS.MOVE_DOWN = 'RIGHT-ARROW';
             }
-            else {
-                if (this.menuRef.menuposition === MENU_POSITION.DOWN_LEFT || this.menuRef.menuposition === MENU_POSITION.UP_LEFT) {
-                    KEY_MOVEMENTS.MOVE_LEFT = 'RIGHT-ARROW';
-                    KEY_MOVEMENTS.MOVE_RIGHT = 'LEFT-ARROW';
-                }
-                else if (this.menuRef.menuposition === 'inline') {
-                    KEY_MOVEMENTS.MOVE_UP = 'LEFT-ARROW';
-                    KEY_MOVEMENTS.MOVE_LEFT = 'UP-ARROW';
-                    KEY_MOVEMENTS.MOVE_RIGHT = 'DOWN-ARROW';
-                    KEY_MOVEMENTS.MOVE_DOWN = 'RIGHT-ARROW';
-                }
+            else if (this.menuRef.menuposition === MENU_POSITION.DOWN_LEFT || this.menuRef.menuposition === MENU_POSITION.UP_LEFT) {
+                KEY_MOVEMENTS.MOVE_LEFT = 'RIGHT-ARROW';
+                KEY_MOVEMENTS.MOVE_RIGHT = 'LEFT-ARROW';
             }
             return KEY_MOVEMENTS;
         }
@@ -430,10 +422,10 @@
                 this.highlightActiveLinkSubscription();
             }
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: MenuDropdownItemComponent, deps: [{ token: i2__namespace.App }, { token: i2__namespace.UserDefinedExecutionContext }, { token: NavComponent, optional: true }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: MenuDropdownItemComponent, isStandalone: true, selector: "li[wmMenuDropdownItem]", inputs: { item: "item" }, host: { listeners: { "keydown.tab": "onKeyDownTab($event)", "keydown.shift.tab": "onKeyDownShiftTab($event)", "keydown.escape": "onKeyDownEscape($event)", "keydown.enter": "onKeyDownEnter($event)", "keydown.arrowup": "onKeyDownArrowUp($event)", "keydown.arrowdown": "onKeyDownArrowDown($event)", "keydown.arrowright": "onKeyDownArrowRight($event)", "keydown.arrowleft": "onKeyDownArrowLeft($event)", "click": "onSelect($event,item)" } }, ngImport: i0__namespace, template: "<a href=\"javascript:void(0);\" [title]=\"item.label\" [wmNavigationControl]=\"item.link\" [disableMenuContext]=\"menuRef.disableMenuContext || !!item.action\">\n  @if (item.children.length) {\n    <span class=\"pull-right fa caret {{menualign}}\"></span>\n  }\n  <i class=\"app-icon {{item.icon}}\"></i>\n  <span class=\"anchor-caption\">{{item.label}}</span>\n  @if (item.badge) {\n    <span class=\"badge pull-right\" [textContent]=\"item.badge\"></span>\n  }\n</a>\n@if (item.children.length) {\n  <ul wmMenuDropdown [items]=\"item.children\"></ul>\n}", dependencies: [{ kind: "directive", type: i0__namespace.forwardRef(() => base.TextContentDirective), selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: i0__namespace.forwardRef(() => MenuDropdownComponent), selector: "ul[wmMenuDropdown]", inputs: ["items"] }, { kind: "directive", type: i0__namespace.forwardRef(() => NavigationControlDirective), selector: "[wmNavigationControl]", inputs: ["disableMenuContext", "wmNavigationControl"] }] }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: MenuDropdownItemComponent, deps: [{ token: i2__namespace.App }, { token: i2__namespace.UserDefinedExecutionContext }, { token: NavComponent, optional: true }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: MenuDropdownItemComponent, isStandalone: true, selector: "li[wmMenuDropdownItem]", inputs: { item: "item" }, host: { listeners: { "keydown.tab": "onKeyDownTab($event)", "keydown.shift.tab": "onKeyDownShiftTab($event)", "keydown.escape": "onKeyDownEscape($event)", "keydown.enter": "onKeyDownEnter($event)", "keydown.arrowup": "onKeyDownArrowUp($event)", "keydown.arrowdown": "onKeyDownArrowDown($event)", "keydown.arrowright": "onKeyDownArrowRight($event)", "keydown.arrowleft": "onKeyDownArrowLeft($event)", "click": "onSelect($event,item)" } }, ngImport: i0__namespace, template: "<a href=\"javascript:void(0);\" [title]=\"item.label\" [wmNavigationControl]=\"item.link\" [disableMenuContext]=\"menuRef.disableMenuContext || !!item.action\">\n  @if (item.children.length) {\n    <span class=\"pull-right fa caret {{menualign}}\"></span>\n  }\n  <i class=\"app-icon {{item.icon}}\"></i>\n  <span class=\"anchor-caption\">{{item.label}}</span>\n  @if (item.badge) {\n    <span class=\"badge pull-right\" [textContent]=\"item.badge\"></span>\n  }\n</a>\n@if (item.children.length) {\n  <ul wmMenuDropdown [items]=\"item.children\"></ul>\n}", dependencies: [{ kind: "directive", type: i0__namespace.forwardRef(() => base.TextContentDirective), selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: i0__namespace.forwardRef(() => MenuDropdownComponent), selector: "ul[wmMenuDropdown]", inputs: ["items"] }, { kind: "directive", type: i0__namespace.forwardRef(() => NavigationControlDirective), selector: "[wmNavigationControl]", inputs: ["disableMenuContext", "wmNavigationControl"] }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: MenuDropdownItemComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: MenuDropdownItemComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [base.TextContentDirective, i0.forwardRef(() => MenuDropdownComponent), NavigationControlDirective], selector: 'li[wmMenuDropdownItem]', template: "<a href=\"javascript:void(0);\" [title]=\"item.label\" [wmNavigationControl]=\"item.link\" [disableMenuContext]=\"menuRef.disableMenuContext || !!item.action\">\n  @if (item.children.length) {\n    <span class=\"pull-right fa caret {{menualign}}\"></span>\n  }\n  <i class=\"app-icon {{item.icon}}\"></i>\n  <span class=\"anchor-caption\">{{item.label}}</span>\n  @if (item.badge) {\n    <span class=\"badge pull-right\" [textContent]=\"item.badge\"></span>\n  }\n</a>\n@if (item.children.length) {\n  <ul wmMenuDropdown [items]=\"item.children\"></ul>\n}" }]
             }], ctorParameters: () => [{ type: i2__namespace.App }, { type: i2__namespace.UserDefinedExecutionContext }, { type: NavComponent, decorators: [{
@@ -557,10 +549,10 @@
             const observer = new IntersectionObserver(callback.bind(this), options);
             observer.observe(target.nativeElement);
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: MenuDropdownComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: MenuDropdownComponent, isStandalone: true, selector: "ul[wmMenuDropdown]", inputs: { items: "items" }, ngImport: i0__namespace, template: "@for (item of items; track item) {\n  <li wmMenuDropdownItem\n    [item]=\"item\"\n    [ngClass]=\"{disabled: item.disabled, 'dropdown-submenu': item.children.length > 0}\"\n    class=\"{{item.class}}\"\n    role=\"menuitem\">\n  </li>\n}\n", dependencies: [{ kind: "ngmodule", type: i3.CommonModule }, { kind: "directive", type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MenuDropdownItemComponent, selector: "li[wmMenuDropdownItem]", inputs: ["item"] }] }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: MenuDropdownComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: MenuDropdownComponent, isStandalone: true, selector: "ul[wmMenuDropdown]", inputs: { items: "items" }, ngImport: i0__namespace, template: "@for (item of items; track item) {\n  <li wmMenuDropdownItem\n    [item]=\"item\"\n    [ngClass]=\"{disabled: item.disabled, 'dropdown-submenu': item.children.length > 0}\"\n    class=\"{{item.class}}\"\n    role=\"menuitem\">\n  </li>\n}\n", dependencies: [{ kind: "ngmodule", type: i3.CommonModule }, { kind: "directive", type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MenuDropdownItemComponent, selector: "li[wmMenuDropdownItem]", inputs: ["item"] }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: MenuDropdownComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: MenuDropdownComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [i3.CommonModule, MenuDropdownItemComponent], selector: 'ul[wmMenuDropdown]', template: "@for (item of items; track item) {\n  <li wmMenuDropdownItem\n    [item]=\"item\"\n    [ngClass]=\"{disabled: item.disabled, 'dropdown-submenu': item.children.length > 0}\"\n    class=\"{{item.class}}\"\n    role=\"menuitem\">\n  </li>\n}\n" }]
             }], ctorParameters: () => [{ type: i0__namespace.ElementRef }], propDecorators: { items: [{
@@ -823,12 +815,12 @@
             }
             base.styler(this.nativeElement.querySelector('.dropdown-toggle'), this);
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: MenuComponent, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.Router }, { token: i2__namespace.UserDefinedExecutionContext }, { token: i2__namespace.App }, { token: i3$1__namespace.BsDropdownDirective, optional: true, self: true }, { token: NavComponent, optional: true }, { token: 'select.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: MenuComponent, isStandalone: true, selector: "[wmMenu]", host: { listeners: { "onShown": "onShow()", "onHidden": "onHide()", "keydown.arrowup": "onKeyDownArrowUp($event)", "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave($event)", "keydown.arrowdown": "onKeyDownArrowDown($event)", "keydown.arrowright": "onKeyDownArrowRight($event)", "keydown.arrowleft": "onKeyDownArrowLeft($event)", "keydown.enter": "onKeyDownEnter($event)" } }, providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: MenuComponent, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.Router }, { token: i2__namespace.UserDefinedExecutionContext }, { token: i2__namespace.App }, { token: i3$1__namespace.BsDropdownDirective, optional: true, self: true }, { token: NavComponent, optional: true }, { token: 'select.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: MenuComponent, isStandalone: true, selector: "[wmMenu]", host: { listeners: { "onShown": "onShow()", "onHidden": "onHide()", "keydown.arrowup": "onKeyDownArrowUp($event)", "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave($event)", "keydown.arrowdown": "onKeyDownArrowDown($event)", "keydown.arrowright": "onKeyDownArrowRight($event)", "keydown.arrowleft": "onKeyDownArrowLeft($event)", "keydown.enter": "onKeyDownEnter($event)" } }, providers: [
                 base.provideAsWidgetRef(MenuComponent),
             ], usesInheritance: true, ngImport: i0__namespace, template: "\n\n<ng-template #innerTemplate>\n  <wm-app-icon [iconclass]=\"iconclass\" [iconurl]=\"iconurl\" alt=\"Menu icon\"></wm-app-icon>\n  <span class=\"caption\" [textContent]=\"caption\"></span>\n  <span class=\"pull-right caret fa {{menuCaret}}\"></span>\n</ng-template>\n\n@if (type === 'anchor') {\n  <a wmAnchor\n    dropdownToggle\n    [attr.aria-label]=\"arialabel || 'Menu'\"\n    href=\"javascript:void(0);\"\n    role=\"button\"\n    aria-haspopup=\"true\"\n    aria-expanded=\"false\"\n    hint.bind=\"hint\"\n    class=\"dropdown-toggle {{menuclass}}\"\n    shortcutkey.bind=\"shortcutkey\"\n    tabindex.bind=\"tabindex\"\n    caption.bind=\"caption\"\n    iconclass.bind=\"iconclass\"\n    iconurl.bind=\"iconurl\"\n    iconposition.bind=\"iconposition\"\n    badgevalue.bind=\"badgevalue\"\n    >\n    <span class=\"pull-right caret fa\" [ngClass]=\"[menuCaret]\"></span>\n  </a>\n} @else {\n  <button wmButton\n    dropdownToggle\n    aria-haspopup=\"true\"\n    aria-expanded=\"false\"\n    [attr.aria-label]=\"arialabel || 'Menu'\"\n    class=\"btn app-button dropdown-toggle {{menuclass}}\"\n    hint.bind=\"hint\"\n    shortcutkey.bind=\"shortcutkey\"\n    tabindex.bind=\"tabindex\"\n    caption.bind=\"caption\"\n    iconclass.bind=\"iconclass\"\n    iconurl.bind=\"iconurl\"\n    iconposition.bind=\"iconposition\"\n    type=\"button\">\n    <span class=\"pull-right caret fa\" [ngClass]=\"[menuCaret]\"></span>\n  </button>\n}\n\n<ul *dropdownMenu [items]=\"nodes\" [ngClass]=\"menulayout\" class=\"icon-position-{{iconposition}}\" role=\"menubar\"\nwmMenuDropdown></ul>\n", dependencies: [{ kind: "ngmodule", type: i3$1.BsDropdownModule }, { kind: "directive", type: i3$1__namespace.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i3$1__namespace.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "ngmodule", type: i3.CommonModule }, { kind: "directive", type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: base.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: anchor.AnchorComponent, selector: "a[wmAnchor]", exportAs: ["wmAnchor"] }, { kind: "component", type: button.ButtonComponent, selector: "button[wmButton]", exportAs: ["wmButton"] }, { kind: "component", type: MenuDropdownComponent, selector: "ul[wmMenuDropdown]", inputs: ["items"] }, { kind: "component", type: base.WmAppIconComponent, selector: "wm-app-icon", inputs: ["icon", "iconclass", "iconurl", "defaultIconClass", "defaultClasses", "iconStyle", "alt"] }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: MenuComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: MenuComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [i3$1.BsDropdownModule, i3.CommonModule, base.TextContentDirective, anchor.AnchorComponent, button.ButtonComponent, MenuDropdownComponent, base.WmAppIconComponent], selector: '[wmMenu]', providers: [
                             base.provideAsWidgetRef(MenuComponent),
@@ -936,10 +928,10 @@
                 }
             }
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: MenuAdapterComponent, deps: "invalid", target: i0__namespace.ɵɵFactoryTarget.Directive }); }
-        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: MenuAdapterComponent, isStandalone: true, viewQueries: [{ propertyName: "menuRefQL", predicate: MenuComponent, descendants: true }], usesInheritance: true, ngImport: i0__namespace }); }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: MenuAdapterComponent, deps: "invalid", target: i0__namespace.ɵɵFactoryTarget.Directive }); }
+        static { this.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: MenuAdapterComponent, isStandalone: true, viewQueries: [{ propertyName: "menuRefQL", predicate: MenuComponent, descendants: true }], usesInheritance: true, ngImport: i0__namespace }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: MenuAdapterComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: MenuAdapterComponent, decorators: [{
                 type: i0.Directive
             }], ctorParameters: () => [{ type: undefined }, { type: undefined }, { type: undefined, decorators: [{
                         type: i0.Inject,

package/components/navigation/menu/fesm2022/index.mjs CHANGED Viewed

@@ -43,10 +43,10 @@ class NavigationControlDirective {
             this.boundContextMenuHandler = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: NavigationControlDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: NavigationControlDirective, isStandalone: true, selector: "[wmNavigationControl]", inputs: { disableMenuContext: "disableMenuContext", wmNavigationControl: "wmNavigationControl" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: NavigationControlDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: NavigationControlDirective, isStandalone: true, selector: "[wmNavigationControl]", inputs: { disableMenuContext: "disableMenuContext", wmNavigationControl: "wmNavigationControl" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: NavigationControlDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: NavigationControlDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -95,12 +95,12 @@ class NavItemDirective extends StylableComponent {
         this.innerLink = null;
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: NavItemDirective, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: NavItemDirective, isStandalone: true, selector: "[wmNavItem]", host: { listeners: { "click": "makeActive()", "keydown.enter": "makeActive()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: NavItemDirective, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: NavItemDirective, isStandalone: true, selector: "[wmNavItem]", host: { listeners: { "click": "makeActive()", "keydown.enter": "makeActive()" } }, providers: [
             provideAsWidgetRef(NavItemDirective)
         ], queries: [{ propertyName: "innerLink", first: true, predicate: AnchorComponent, descendants: true }], exportAs: ["navItemRef"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: NavItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: NavItemDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -248,12 +248,12 @@ class NavComponent extends DatasetAwareNavComponent {
         this.itemActionFn = null;
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: NavComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: i1.Router }, { token: i2.UserDefinedExecutionContext }, { token: i2.App }, { token: 'select.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: NavComponent, isStandalone: true, selector: "[wmNav]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: NavComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: i1.Router }, { token: i2.UserDefinedExecutionContext }, { token: i2.App }, { token: 'select.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: NavComponent, isStandalone: true, selector: "[wmNav]", providers: [
             provideAsWidgetRef(NavComponent)
         ], usesInheritance: true, ngImport: i0, template: "<ng-template #menuRef let-item=\"item\" let-index=\"index\">\n  <div wmMenu dropdown\n    type=\"anchor\"\n    autoclose.bind=\"autoclose\"\n    iconclass.bind=\"item.icon\"\n    autoopen.bind=\"autoopen\"\n    caption.bind=\"item.label\"\n    hint.bind=\"item.hint\"\n    dataset.bind=\"item.children\"\n    badgevalue.bind=\"item.badge\"\n    iconposition.bind=\"iconposition\"\n    showonhover.bind=\"showonhover\"\n  select.event=\"onMenuItemSelect($event, widget, $item)\"></div>\n</ng-template>\n\n<ng-template #anchorRef let-item=\"item\" let-index=\"index\" let-liRef=\"liRef\">\n  <a wmAnchor\n    [disableMenuContext]=\"disableMenuContext || !!item.action\"\n    [wmNavigationControl]=\"item.link\"\n    [attr.aria-current]=\"item._selected || (!isactive && item.link === '#/' + activePageName) ? 'page' : ''\"\n    caption.bind=\"item.label\"\n    hint.bind=\"item.hint\"\n    iconclass.bind=\"item.icon\"\n    badgevalue.bind=\"item.badge\"\n    iconposition.bind=\"iconposition\"\n  click.event=\"onNavSelect($event, item)\"></a>\n</ng-template>\n\n@for (item of nodes; track item; let index = $index) {\n  <li #liRef=\"navItemRef\"\n    [ngClass]=\"{active: item._selected || (!isactive && item.link === '#/' + activePageName)}\"\n    class=\"app-nav-item {{item.class}}\"\n    wmNavItem>\n    @if (!item.children.length) {\n      <ng-container [ngTemplateOutlet]=\"anchorRef\"\n        [ngTemplateOutletContext]=\"{item: item, index:index, liRef: liRef}\"\n        [ngTemplateOutletInjector]=\"createCustomInjector('anchor_' + liRef.trackId, {item: item, index:index, liRef: liRef})\"\n      ></ng-container>\n    }\n    @if (item.children.length) {\n      <ng-container [ngTemplateOutlet]=\"menuRef\"\n        [ngTemplateOutletContext]=\"{item: item, index:index}\"\n        [ngTemplateOutletInjector]=\"createCustomInjector('menu_' + liRef.trackId, {item: item, index:index})\"\n      ></ng-container>\n    }\n  </li>\n}\n\n@if (!nodes.length) {\n  <ng-content select=\"[wmNavItem]\"></ng-content>\n}\n", dependencies: [{ kind: "ngmodule", type: i0.forwardRef(() => CommonModule) }, { kind: "directive", type: i0.forwardRef(() => i3.NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(() => i3.NgTemplateOutlet), selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: i0.forwardRef(() => BsDropdownModule) }, { kind: "directive", type: i0.forwardRef(() => i3$1.BsDropdownDirective), selector: "[bsDropdown], [dropdown]", inputs: ["placement", "triggers", "container", "dropup", "autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen"], outputs: ["isOpenChange", "onShown", "onHidden"], exportAs: ["bs-dropdown"] }, { kind: "component", type: i0.forwardRef(() => AnchorComponent), selector: "a[wmAnchor]", exportAs: ["wmAnchor"] }, { kind: "component", type: i0.forwardRef(() => MenuComponent), selector: "[wmMenu]" }, { kind: "directive", type: i0.forwardRef(() => NavItemDirective), selector: "[wmNavItem]", exportAs: ["navItemRef"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: NavComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: NavComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, BsDropdownModule, AnchorComponent, forwardRef(() => MenuComponent), NavItemDirective,], selector: '[wmNav]', providers: [
                         provideAsWidgetRef(NavComponent)
@@ -317,23 +317,15 @@ class MenuDropdownItemComponent {
     }
     getInitialKeyMovements() {
         const KEY_MOVEMENTS = clone(KEYBOARD_MOVEMENTS);
-        if (this.menuRef.menulayout === MENU_LAYOUT_TYPE.HORIZONTAL) {
+        if (this.menuRef.menulayout === MENU_LAYOUT_TYPE.HORIZONTAL || this.menuRef.menuposition === 'inline') {
             KEY_MOVEMENTS.MOVE_UP = 'LEFT-ARROW';
             KEY_MOVEMENTS.MOVE_LEFT = 'UP-ARROW';
             KEY_MOVEMENTS.MOVE_RIGHT = 'DOWN-ARROW';
             KEY_MOVEMENTS.MOVE_DOWN = 'RIGHT-ARROW';
         }
-        else {
-            if (this.menuRef.menuposition === MENU_POSITION.DOWN_LEFT || this.menuRef.menuposition === MENU_POSITION.UP_LEFT) {
-                KEY_MOVEMENTS.MOVE_LEFT = 'RIGHT-ARROW';
-                KEY_MOVEMENTS.MOVE_RIGHT = 'LEFT-ARROW';
-            }
-            else if (this.menuRef.menuposition === 'inline') {
-                KEY_MOVEMENTS.MOVE_UP = 'LEFT-ARROW';
-                KEY_MOVEMENTS.MOVE_LEFT = 'UP-ARROW';
-                KEY_MOVEMENTS.MOVE_RIGHT = 'DOWN-ARROW';
-                KEY_MOVEMENTS.MOVE_DOWN = 'RIGHT-ARROW';
-            }
+        else if (this.menuRef.menuposition === MENU_POSITION.DOWN_LEFT || this.menuRef.menuposition === MENU_POSITION.UP_LEFT) {
+            KEY_MOVEMENTS.MOVE_LEFT = 'RIGHT-ARROW';
+            KEY_MOVEMENTS.MOVE_RIGHT = 'LEFT-ARROW';
         }
         return KEY_MOVEMENTS;
     }
@@ -417,10 +409,10 @@ class MenuDropdownItemComponent {
             this.highlightActiveLinkSubscription();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: MenuDropdownItemComponent, deps: [{ token: i2.App }, { token: i2.UserDefinedExecutionContext }, { token: NavComponent, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: MenuDropdownItemComponent, isStandalone: true, selector: "li[wmMenuDropdownItem]", inputs: { item: "item" }, host: { listeners: { "keydown.tab": "onKeyDownTab($event)", "keydown.shift.tab": "onKeyDownShiftTab($event)", "keydown.escape": "onKeyDownEscape($event)", "keydown.enter": "onKeyDownEnter($event)", "keydown.arrowup": "onKeyDownArrowUp($event)", "keydown.arrowdown": "onKeyDownArrowDown($event)", "keydown.arrowright": "onKeyDownArrowRight($event)", "keydown.arrowleft": "onKeyDownArrowLeft($event)", "click": "onSelect($event,item)" } }, ngImport: i0, template: "<a href=\"javascript:void(0);\" [title]=\"item.label\" [wmNavigationControl]=\"item.link\" [disableMenuContext]=\"menuRef.disableMenuContext || !!item.action\">\n  @if (item.children.length) {\n    <span class=\"pull-right fa caret {{menualign}}\"></span>\n  }\n  <i class=\"app-icon {{item.icon}}\"></i>\n  <span class=\"anchor-caption\">{{item.label}}</span>\n  @if (item.badge) {\n    <span class=\"badge pull-right\" [textContent]=\"item.badge\"></span>\n  }\n</a>\n@if (item.children.length) {\n  <ul wmMenuDropdown [items]=\"item.children\"></ul>\n}", dependencies: [{ kind: "directive", type: i0.forwardRef(() => TextContentDirective), selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: i0.forwardRef(() => MenuDropdownComponent), selector: "ul[wmMenuDropdown]", inputs: ["items"] }, { kind: "directive", type: i0.forwardRef(() => NavigationControlDirective), selector: "[wmNavigationControl]", inputs: ["disableMenuContext", "wmNavigationControl"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MenuDropdownItemComponent, deps: [{ token: i2.App }, { token: i2.UserDefinedExecutionContext }, { token: NavComponent, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: MenuDropdownItemComponent, isStandalone: true, selector: "li[wmMenuDropdownItem]", inputs: { item: "item" }, host: { listeners: { "keydown.tab": "onKeyDownTab($event)", "keydown.shift.tab": "onKeyDownShiftTab($event)", "keydown.escape": "onKeyDownEscape($event)", "keydown.enter": "onKeyDownEnter($event)", "keydown.arrowup": "onKeyDownArrowUp($event)", "keydown.arrowdown": "onKeyDownArrowDown($event)", "keydown.arrowright": "onKeyDownArrowRight($event)", "keydown.arrowleft": "onKeyDownArrowLeft($event)", "click": "onSelect($event,item)" } }, ngImport: i0, template: "<a href=\"javascript:void(0);\" [title]=\"item.label\" [wmNavigationControl]=\"item.link\" [disableMenuContext]=\"menuRef.disableMenuContext || !!item.action\">\n  @if (item.children.length) {\n    <span class=\"pull-right fa caret {{menualign}}\"></span>\n  }\n  <i class=\"app-icon {{item.icon}}\"></i>\n  <span class=\"anchor-caption\">{{item.label}}</span>\n  @if (item.badge) {\n    <span class=\"badge pull-right\" [textContent]=\"item.badge\"></span>\n  }\n</a>\n@if (item.children.length) {\n  <ul wmMenuDropdown [items]=\"item.children\"></ul>\n}", dependencies: [{ kind: "directive", type: i0.forwardRef(() => TextContentDirective), selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: i0.forwardRef(() => MenuDropdownComponent), selector: "ul[wmMenuDropdown]", inputs: ["items"] }, { kind: "directive", type: i0.forwardRef(() => NavigationControlDirective), selector: "[wmNavigationControl]", inputs: ["disableMenuContext", "wmNavigationControl"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: MenuDropdownItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MenuDropdownItemComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [TextContentDirective, forwardRef(() => MenuDropdownComponent), NavigationControlDirective], selector: 'li[wmMenuDropdownItem]', template: "<a href=\"javascript:void(0);\" [title]=\"item.label\" [wmNavigationControl]=\"item.link\" [disableMenuContext]=\"menuRef.disableMenuContext || !!item.action\">\n  @if (item.children.length) {\n    <span class=\"pull-right fa caret {{menualign}}\"></span>\n  }\n  <i class=\"app-icon {{item.icon}}\"></i>\n  <span class=\"anchor-caption\">{{item.label}}</span>\n  @if (item.badge) {\n    <span class=\"badge pull-right\" [textContent]=\"item.badge\"></span>\n  }\n</a>\n@if (item.children.length) {\n  <ul wmMenuDropdown [items]=\"item.children\"></ul>\n}" }]
         }], ctorParameters: () => [{ type: i2.App }, { type: i2.UserDefinedExecutionContext }, { type: NavComponent, decorators: [{
@@ -544,10 +536,10 @@ class MenuDropdownComponent {
         const observer = new IntersectionObserver(callback.bind(this), options);
         observer.observe(target.nativeElement);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: MenuDropdownComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: MenuDropdownComponent, isStandalone: true, selector: "ul[wmMenuDropdown]", inputs: { items: "items" }, ngImport: i0, template: "@for (item of items; track item) {\n  <li wmMenuDropdownItem\n    [item]=\"item\"\n    [ngClass]=\"{disabled: item.disabled, 'dropdown-submenu': item.children.length > 0}\"\n    class=\"{{item.class}}\"\n    role=\"menuitem\">\n  </li>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MenuDropdownItemComponent, selector: "li[wmMenuDropdownItem]", inputs: ["item"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MenuDropdownComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: MenuDropdownComponent, isStandalone: true, selector: "ul[wmMenuDropdown]", inputs: { items: "items" }, ngImport: i0, template: "@for (item of items; track item) {\n  <li wmMenuDropdownItem\n    [item]=\"item\"\n    [ngClass]=\"{disabled: item.disabled, 'dropdown-submenu': item.children.length > 0}\"\n    class=\"{{item.class}}\"\n    role=\"menuitem\">\n  </li>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: MenuDropdownItemComponent, selector: "li[wmMenuDropdownItem]", inputs: ["item"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: MenuDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MenuDropdownComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, MenuDropdownItemComponent], selector: 'ul[wmMenuDropdown]', template: "@for (item of items; track item) {\n  <li wmMenuDropdownItem\n    [item]=\"item\"\n    [ngClass]=\"{disabled: item.disabled, 'dropdown-submenu': item.children.length > 0}\"\n    class=\"{{item.class}}\"\n    role=\"menuitem\">\n  </li>\n}\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { items: [{
@@ -811,12 +803,12 @@ class MenuComponent extends DatasetAwareNavComponent {
         }
         styler(this.nativeElement.querySelector('.dropdown-toggle'), this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: MenuComponent, deps: [{ token: i0.Injector }, { token: i1.Router }, { token: i2.UserDefinedExecutionContext }, { token: i2.App }, { token: i3$1.BsDropdownDirective, optional: true, self: true }, { token: NavComponent, optional: true }, { token: 'select.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: MenuComponent, isStandalone: true, selector: "[wmMenu]", host: { listeners: { "onShown": "onShow()", "onHidden": "onHide()", "keydown.arrowup": "onKeyDownArrowUp($event)", "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave($event)", "keydown.arrowdown": "onKeyDownArrowDown($event)", "keydown.arrowright": "onKeyDownArrowRight($event)", "keydown.arrowleft": "onKeyDownArrowLeft($event)", "keydown.enter": "onKeyDownEnter($event)" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MenuComponent, deps: [{ token: i0.Injector }, { token: i1.Router }, { token: i2.UserDefinedExecutionContext }, { token: i2.App }, { token: i3$1.BsDropdownDirective, optional: true, self: true }, { token: NavComponent, optional: true }, { token: 'select.event', attribute: true }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: MenuComponent, isStandalone: true, selector: "[wmMenu]", host: { listeners: { "onShown": "onShow()", "onHidden": "onHide()", "keydown.arrowup": "onKeyDownArrowUp($event)", "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave($event)", "keydown.arrowdown": "onKeyDownArrowDown($event)", "keydown.arrowright": "onKeyDownArrowRight($event)", "keydown.arrowleft": "onKeyDownArrowLeft($event)", "keydown.enter": "onKeyDownEnter($event)" } }, providers: [
             provideAsWidgetRef(MenuComponent),
         ], usesInheritance: true, ngImport: i0, template: "\n\n<ng-template #innerTemplate>\n  <wm-app-icon [iconclass]=\"iconclass\" [iconurl]=\"iconurl\" alt=\"Menu icon\"></wm-app-icon>\n  <span class=\"caption\" [textContent]=\"caption\"></span>\n  <span class=\"pull-right caret fa {{menuCaret}}\"></span>\n</ng-template>\n\n@if (type === 'anchor') {\n  <a wmAnchor\n    dropdownToggle\n    [attr.aria-label]=\"arialabel || 'Menu'\"\n    href=\"javascript:void(0);\"\n    role=\"button\"\n    aria-haspopup=\"true\"\n    aria-expanded=\"false\"\n    hint.bind=\"hint\"\n    class=\"dropdown-toggle {{menuclass}}\"\n    shortcutkey.bind=\"shortcutkey\"\n    tabindex.bind=\"tabindex\"\n    caption.bind=\"caption\"\n    iconclass.bind=\"iconclass\"\n    iconurl.bind=\"iconurl\"\n    iconposition.bind=\"iconposition\"\n    badgevalue.bind=\"badgevalue\"\n    >\n    <span class=\"pull-right caret fa\" [ngClass]=\"[menuCaret]\"></span>\n  </a>\n} @else {\n  <button wmButton\n    dropdownToggle\n    aria-haspopup=\"true\"\n    aria-expanded=\"false\"\n    [attr.aria-label]=\"arialabel || 'Menu'\"\n    class=\"btn app-button dropdown-toggle {{menuclass}}\"\n    hint.bind=\"hint\"\n    shortcutkey.bind=\"shortcutkey\"\n    tabindex.bind=\"tabindex\"\n    caption.bind=\"caption\"\n    iconclass.bind=\"iconclass\"\n    iconurl.bind=\"iconurl\"\n    iconposition.bind=\"iconposition\"\n    type=\"button\">\n    <span class=\"pull-right caret fa\" [ngClass]=\"[menuCaret]\"></span>\n  </button>\n}\n\n<ul *dropdownMenu [items]=\"nodes\" [ngClass]=\"menulayout\" class=\"icon-position-{{iconposition}}\" role=\"menubar\"\nwmMenuDropdown></ul>\n", dependencies: [{ kind: "ngmodule", type: BsDropdownModule }, { kind: "directive", type: i3$1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { kind: "directive", type: i3$1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "component", type: AnchorComponent, selector: "a[wmAnchor]", exportAs: ["wmAnchor"] }, { kind: "component", type: ButtonComponent, selector: "button[wmButton]", exportAs: ["wmButton"] }, { kind: "component", type: MenuDropdownComponent, selector: "ul[wmMenuDropdown]", inputs: ["items"] }, { kind: "component", type: WmAppIconComponent, selector: "wm-app-icon", inputs: ["icon", "iconclass", "iconurl", "defaultIconClass", "defaultClasses", "iconStyle", "alt"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: MenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [BsDropdownModule, CommonModule, TextContentDirective, AnchorComponent, ButtonComponent, MenuDropdownComponent, WmAppIconComponent], selector: '[wmMenu]', providers: [
                         provideAsWidgetRef(MenuComponent),
@@ -924,10 +916,10 @@ class MenuAdapterComponent extends BaseContainerComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: MenuAdapterComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.20", type: MenuAdapterComponent, isStandalone: true, viewQueries: [{ propertyName: "menuRefQL", predicate: MenuComponent, descendants: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MenuAdapterComponent, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.21", type: MenuAdapterComponent, isStandalone: true, viewQueries: [{ propertyName: "menuRefQL", predicate: MenuComponent, descendants: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: MenuAdapterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: MenuAdapterComponent, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: undefined }, { type: undefined }, { type: undefined, decorators: [{
                     type: Inject,