@wavemaker-ai/app-ng-runtime 1.0.0-rc.309

package/components/input/textarea/bundles/index.umd.js

@@ -0,0 +1,108 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/forms'), require('@angular/core'), require('@wm/components/base'), require('@wm/core'), require('@wm/components/input/text')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@angular/forms', '@angular/core', '@wm/components/base', '@wm/core', '@wm/components/input/text'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.input = global.wm.components.input || {}, global.wm.components.input.textarea = {}), global.ng.common, global.ng.forms, global.ng.core, global.wm.components.base, global.wm.core, global.wm.components.input.text));
+})(this, (function (exports, i1, i2, i0, base, core, text) { 'use strict';
+
+    function _interopNamespaceDefault(e) {
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n.default = e;
+        return Object.freeze(n);
+    }
+
+    var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+
+    const textareaProps = new Map([
+        ['autofocus', base.PROP_BOOLEAN],
+        ['autotrim', { value: true, ...base.PROP_BOOLEAN }],
+        ['class', base.PROP_STRING],
+        ['datavaluesource', base.PROP_ANY],
+        ['datavalue', base.PROP_STRING],
+        ['disabled', base.PROP_BOOLEAN],
+        ['hint', base.PROP_STRING],
+        ['arialabel', base.PROP_STRING],
+        ['maxchars', base.PROP_NUMBER],
+        ['name', base.PROP_STRING],
+        ['placeholder', { value: 'Place your text', ...base.PROP_STRING }],
+        ['readonly', base.PROP_BOOLEAN],
+        ['required', base.PROP_BOOLEAN],
+        ['shortcutkey', base.PROP_STRING],
+        ['show', { value: true, ...base.PROP_BOOLEAN }],
+        ['tabindex', { value: 0, ...base.PROP_NUMBER }],
+        ['updateon', base.PROP_STRING],
+        ['limitdisplaytext', base.PROP_STRING],
+        ['charlength', base.PROP_NUMBER],
+        ['conditionalclass', base.PROP_ANY],
+        ['conditionalstyle', base.PROP_ANY]
+    ]);
+    const registerProps = () => {
+        base.register('wm-textarea', textareaProps);
+        base.registerFormWidget(core.FormWidgetType.TEXTAREA, new Map(textareaProps));
+    };
+
+    const WIDGET_CONFIG = {
+        widgetType: 'wm-textarea',
+        hostClass: 'app-input-wrapper'
+    };
+    class TextareaComponent extends text.BaseInput {
+        static { this.initializeProps = registerProps(); }
+        constructor(inj, explicitContext) {
+            super(inj, WIDGET_CONFIG, explicitContext);
+            this.charlength = 0;
+        }
+        onInputChange() {
+            this.charlength = this.inputEl.nativeElement.value.length;
+        }
+        ngAfterViewChecked() {
+            this.charlength = this.inputEl.nativeElement.value.length;
+        }
+        ngOnDestroy() {
+            // MEMORY LEAK FIX: Clear ViewChild references
+            this.inputEl = null;
+            this.ngModel = null;
+            // Call parent ngOnDestroy
+            super.ngOnDestroy();
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TextareaComponent, 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: "20.3.19", type: TextareaComponent, isStandalone: true, selector: "wm-textarea", providers: [
+                base.provideAs(TextareaComponent, i2.NG_VALUE_ACCESSOR, true),
+                base.provideAs(TextareaComponent, i2.NG_VALIDATORS, true),
+                base.provideAsWidgetRef(TextareaComponent)
+            ], viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["textarea"], descendants: true, static: true }, { propertyName: "ngModel", first: true, predicate: i2.NgModel, descendants: true }], usesInheritance: true, ngImport: i0__namespace, 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: i1.CommonModule }, { kind: "directive", type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: i2.FormsModule }, { kind: "directive", type: i2__namespace.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__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2__namespace.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: TextareaComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [i1.CommonModule, i2.FormsModule], selector: 'wm-textarea', providers: [
+                            base.provideAs(TextareaComponent, i2.NG_VALUE_ACCESSOR, true),
+                            base.provideAs(TextareaComponent, i2.NG_VALIDATORS, true),
+                            base.provideAsWidgetRef(TextareaComponent)
+                        ], 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" }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { inputEl: [{
+                    type: i0.ViewChild,
+                    args: ['textarea', { static: true }]
+                }], ngModel: [{
+                    type: i0.ViewChild,
+                    args: [i2.NgModel]
+                }] } });
+
+    exports.TextareaComponent = TextareaComponent;
+
+}));

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

@@ -0,0 +1,94 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule, NgModel, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import * as i0 from '@angular/core';
+import { ViewChild, Inject, Optional, Component } from '@angular/core';
+import { PROP_BOOLEAN, PROP_STRING, PROP_ANY, PROP_NUMBER, register, registerFormWidget, provideAs, provideAsWidgetRef } from '@wm/components/base';
+import { FormWidgetType } from '@wm/core';
+import { BaseInput } from '@wm/components/input/text';
+
+const textareaProps = new Map([
+    ['autofocus', PROP_BOOLEAN],
+    ['autotrim', { value: true, ...PROP_BOOLEAN }],
+    ['class', PROP_STRING],
+    ['datavaluesource', PROP_ANY],
+    ['datavalue', PROP_STRING],
+    ['disabled', PROP_BOOLEAN],
+    ['hint', PROP_STRING],
+    ['arialabel', PROP_STRING],
+    ['maxchars', PROP_NUMBER],
+    ['name', PROP_STRING],
+    ['placeholder', { value: 'Place your text', ...PROP_STRING }],
+    ['readonly', PROP_BOOLEAN],
+    ['required', PROP_BOOLEAN],
+    ['shortcutkey', PROP_STRING],
+    ['show', { value: true, ...PROP_BOOLEAN }],
+    ['tabindex', { value: 0, ...PROP_NUMBER }],
+    ['updateon', PROP_STRING],
+    ['limitdisplaytext', PROP_STRING],
+    ['charlength', PROP_NUMBER],
+    ['conditionalclass', PROP_ANY],
+    ['conditionalstyle', PROP_ANY]
+]);
+const registerProps = () => {
+    register('wm-textarea', textareaProps);
+    registerFormWidget(FormWidgetType.TEXTAREA, new Map(textareaProps));
+};
+
+const WIDGET_CONFIG = {
+    widgetType: 'wm-textarea',
+    hostClass: 'app-input-wrapper'
+};
+class TextareaComponent extends BaseInput {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        this.charlength = 0;
+    }
+    onInputChange() {
+        this.charlength = this.inputEl.nativeElement.value.length;
+    }
+    ngAfterViewChecked() {
+        this.charlength = this.inputEl.nativeElement.value.length;
+    }
+    ngOnDestroy() {
+        // MEMORY LEAK FIX: Clear ViewChild references
+        this.inputEl = null;
+        this.ngModel = null;
+        // Call parent ngOnDestroy
+        super.ngOnDestroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", 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: "20.3.19", 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: "20.3.19", ngImport: i0, type: TextareaComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, FormsModule], selector: 'wm-textarea', providers: [
+                        provideAs(TextareaComponent, NG_VALUE_ACCESSOR, true),
+                        provideAs(TextareaComponent, NG_VALIDATORS, true),
+                        provideAsWidgetRef(TextareaComponent)
+                    ], 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" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { inputEl: [{
+                type: ViewChild,
+                args: ['textarea', { static: true }]
+            }], ngModel: [{
+                type: ViewChild,
+                args: [NgModel]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TextareaComponent };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +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":"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"}

package/components/input/textarea/index.d.ts

@@ -0,0 +1,33 @@
+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;
+    required: boolean;
+    maxchars: number;
+    disabled: boolean;
+    name: string;
+    readonly: boolean;
+    conditionalclass: any;
+    conditionalstyle: any;
+    tabindex: any;
+    placeholder: any;
+    shortcutkey: string;
+    autofocus: boolean;
+    hint: string;
+    arialabel: string;
+    limitdisplaytext: string;
+    charlength: number;
+    inputEl: ElementRef;
+    ngModel: NgModel;
+    constructor(inj: Injector, explicitContext: any);
+    onInputChange(): void;
+    ngAfterViewChecked(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextareaComponent, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextareaComponent, "wm-textarea", never, {}, {}, never, never, true, never>;
+}
+
+export { TextareaComponent };

package/components/input/textarea/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@wm/components/input/textarea",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2022/index.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

package/components/navigation/breadcrumb/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json

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

@@ -0,0 +1,138 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@angular/common'), require('@wm/core'), require('@wm/components/base')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/router', '@angular/common', '@wm/core', '@wm/components/base'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.navigation = global.wm.components.navigation || {}, global.wm.components.navigation.breadcrumb = {}), global.ng.core, global.ng.router, global.ng.common, global.wm.core, global.wm.components.base));
+})(this, (function (exports, i0, i1, i2, core, base) { 'use strict';
+
+    function _interopNamespaceDefault(e) {
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n.default = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
+
+    const registerProps = () => {
+        base.register('wm-breadcrumb', new Map([
+            ['class', base.PROP_STRING],
+            ['dataset', base.PROP_ANY],
+            ['itemlabel', base.PROP_STRING],
+            ['itemid', base.PROP_STRING],
+            ['itemlink', base.PROP_STRING],
+            ['itemicon', base.PROP_STRING],
+            ['itemchildren', base.PROP_STRING],
+            ['itemclass', base.PROP_STRING],
+            ['itemtarget', base.PROP_STRING],
+            ['name', base.PROP_STRING],
+            ['show', { value: true, ...base.PROP_BOOLEAN }]
+        ]));
+    };
+
+    const DEFAULT_CLS = 'breadcrumb app-breadcrumb';
+    const WIDGET_CONFIG = { widgetType: 'wm-breadcrumb', hostClass: DEFAULT_CLS };
+    class BreadcrumbComponent extends base.DatasetAwareNavComponent {
+        static { this.initializeProps = registerProps(); }
+        constructor(inj, route, location, beforeNavigateCB, explicitContext) {
+            super(inj, WIDGET_CONFIG, explicitContext);
+            this.route = route;
+            this.location = location;
+            base.styler(this.nativeElement, this, base.APPLY_STYLES_TYPE.CONTAINER);
+            this.disableMenuContext = !!beforeNavigateCB;
+        }
+        /**
+         * Gets the first path found based on the key provided inside info Object.
+         * @param info - Info object which has properties key(Active Page Name) and isPathFound[boolean] is set true if path found.
+         * @param children - a child Object form children Array.
+         * @param path - final path.
+         * @returns {*|Array}: returns array of objects which represents the final path.
+         */
+        getPath(info, children, path = []) {
+            children.forEach((child) => {
+                // return if path already found.
+                if (info.isPathFound) {
+                    return path;
+                }
+                // if key is matched set path found to true and return the path.
+                if (child.id === info.key) {
+                    info.isPathFound = true;
+                    // only push the child object by omiting the children within it.
+                    path.push(child);
+                    return path;
+                }
+                // if the node has children make a recursive call.
+                if (child.children.length) {
+                    path.push(child);
+                    this.getPath(info, child.children, path);
+                    // if path is not found in that node pop the node.
+                    if (!info.isPathFound) {
+                        path.pop();
+                    }
+                }
+            });
+            // return the path.
+            return path;
+        }
+        getCurrentRoute() {
+            return this.location.path().substr(1).split('?')[0];
+        }
+        // over rides resetNode function, generating path for the breadcrumb.
+        resetNodes() {
+            super.resetNodes();
+            // get path only if the widget have id property.
+            if (this.itemid || this.binditemid) {
+                this.nodes = this.getPath({ key: this.getCurrentRoute(), isPathFound: false }, this.nodes);
+            }
+        }
+        onItemClick($event, $item) {
+            $event.preventDefault();
+            const locals = { $item: $item.value, $event };
+            const canNavigate = !(this.invokeEventCallback('beforenavigate', locals) === false);
+            const linkTarget = $item.target;
+            let itemLink = $item.link;
+            if (itemLink && canNavigate) {
+                if (itemLink.startsWith('#/') && (!linkTarget || linkTarget === '_self')) {
+                    const queryParams = core.getUrlParams(itemLink);
+                    itemLink = core.getRouteNameFromLink(itemLink);
+                    this.route.navigate([itemLink], { queryParams });
+                }
+                else {
+                    core.openLink(itemLink, linkTarget);
+                }
+            }
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", 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: "20.3.19", 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    <i class=\"{{item.icon}}\"></i>\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"] }] }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: BreadcrumbComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [base.TextContentDirective], selector: '[wmBreadcrumb]', providers: [
+                            base.provideAsWidgetRef(BreadcrumbComponent)
+                        ], template: "@for (item of nodes; track item; let last = $last; let index = $index) {\n  <li [class.active]=\"last\" class=\"{{item.class}}\">\n    <i class=\"{{item.icon}}\"></i>\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" }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: i1__namespace.Router }, { type: i2__namespace.Location }, { type: undefined, decorators: [{
+                        type: i0.Attribute,
+                        args: ['beforenavigate.event']
+                    }] }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }] });
+
+    exports.BreadcrumbComponent = BreadcrumbComponent;
+
+}));

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

@@ -0,0 +1,121 @@
+import * as i0 from '@angular/core';
+import { Attribute, Inject, Optional, Component } from '@angular/core';
+import * as i1 from '@angular/router';
+import * as i2 from '@angular/common';
+import { getUrlParams, getRouteNameFromLink, openLink } from '@wm/core';
+import { register, PROP_STRING, PROP_ANY, PROP_BOOLEAN, DatasetAwareNavComponent, styler, APPLY_STYLES_TYPE, TextContentDirective, provideAsWidgetRef } from '@wm/components/base';
+
+const registerProps = () => {
+    register('wm-breadcrumb', new Map([
+        ['class', PROP_STRING],
+        ['dataset', PROP_ANY],
+        ['itemlabel', PROP_STRING],
+        ['itemid', PROP_STRING],
+        ['itemlink', PROP_STRING],
+        ['itemicon', PROP_STRING],
+        ['itemchildren', PROP_STRING],
+        ['itemclass', PROP_STRING],
+        ['itemtarget', PROP_STRING],
+        ['name', PROP_STRING],
+        ['show', { value: true, ...PROP_BOOLEAN }]
+    ]));
+};
+
+const DEFAULT_CLS = 'breadcrumb app-breadcrumb';
+const WIDGET_CONFIG = { widgetType: 'wm-breadcrumb', hostClass: DEFAULT_CLS };
+class BreadcrumbComponent extends DatasetAwareNavComponent {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, route, location, beforeNavigateCB, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        this.route = route;
+        this.location = location;
+        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER);
+        this.disableMenuContext = !!beforeNavigateCB;
+    }
+    /**
+     * Gets the first path found based on the key provided inside info Object.
+     * @param info - Info object which has properties key(Active Page Name) and isPathFound[boolean] is set true if path found.
+     * @param children - a child Object form children Array.
+     * @param path - final path.
+     * @returns {*|Array}: returns array of objects which represents the final path.
+     */
+    getPath(info, children, path = []) {
+        children.forEach((child) => {
+            // return if path already found.
+            if (info.isPathFound) {
+                return path;
+            }
+            // if key is matched set path found to true and return the path.
+            if (child.id === info.key) {
+                info.isPathFound = true;
+                // only push the child object by omiting the children within it.
+                path.push(child);
+                return path;
+            }
+            // if the node has children make a recursive call.
+            if (child.children.length) {
+                path.push(child);
+                this.getPath(info, child.children, path);
+                // if path is not found in that node pop the node.
+                if (!info.isPathFound) {
+                    path.pop();
+                }
+            }
+        });
+        // return the path.
+        return path;
+    }
+    getCurrentRoute() {
+        return this.location.path().substr(1).split('?')[0];
+    }
+    // over rides resetNode function, generating path for the breadcrumb.
+    resetNodes() {
+        super.resetNodes();
+        // get path only if the widget have id property.
+        if (this.itemid || this.binditemid) {
+            this.nodes = this.getPath({ key: this.getCurrentRoute(), isPathFound: false }, this.nodes);
+        }
+    }
+    onItemClick($event, $item) {
+        $event.preventDefault();
+        const locals = { $item: $item.value, $event };
+        const canNavigate = !(this.invokeEventCallback('beforenavigate', locals) === false);
+        const linkTarget = $item.target;
+        let itemLink = $item.link;
+        if (itemLink && canNavigate) {
+            if (itemLink.startsWith('#/') && (!linkTarget || linkTarget === '_self')) {
+                const queryParams = getUrlParams(itemLink);
+                itemLink = getRouteNameFromLink(itemLink);
+                this.route.navigate([itemLink], { queryParams });
+            }
+            else {
+                openLink(itemLink, linkTarget);
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", 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: "20.3.19", 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    <i class=\"{{item.icon}}\"></i>\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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: BreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [TextContentDirective], selector: '[wmBreadcrumb]', providers: [
+                        provideAsWidgetRef(BreadcrumbComponent)
+                    ], template: "@for (item of nodes; track item; let last = $last; let index = $index) {\n  <li [class.active]=\"last\" class=\"{{item.class}}\">\n    <i class=\"{{item.icon}}\"></i>\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" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.Router }, { type: i2.Location }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['beforenavigate.event']
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BreadcrumbComponent };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +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  } 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],\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    <i class=\"{{item.icon}}\"></i>\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/index.d.ts

@@ -0,0 +1,28 @@
+import * as i0 from '@angular/core';
+import { Injector } from '@angular/core';
+import { Router } from '@angular/router';
+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;
+    constructor(inj: Injector, route: Router, location: Location, beforeNavigateCB: string, explicitContext: any);
+    /**
+     * Gets the first path found based on the key provided inside info Object.
+     * @param info - Info object which has properties key(Active Page Name) and isPathFound[boolean] is set true if path found.
+     * @param children - a child Object form children Array.
+     * @param path - final path.
+     * @returns {*|Array}: returns array of objects which represents the final path.
+     */
+    private getPath;
+    private getCurrentRoute;
+    protected resetNodes(): void;
+    onItemClick($event: Event, $item: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, [null, null, null, { attribute: "beforenavigate.event"; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "[wmBreadcrumb]", never, {}, {}, never, never, true, never>;
+}
+
+export { BreadcrumbComponent };

package/components/navigation/breadcrumb/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@wm/components/navigation/breadcrumb",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2022/index.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/index.mjs"
+    }
+  }
+}

package/components/navigation/menu/.npmignore

@@ -0,0 +1,2 @@
+# Nested package.json's are only needed for development.
+**/package.json