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

package/components/input/file-upload/index.d.ts

@@ -0,0 +1,106 @@
+import * as i0 from '@angular/core';
+import { OnInit, AfterViewInit, OnDestroy, Injector } from '@angular/core';
+import { Subject } from 'rxjs';
+import { App, AbstractDialogService } from '@wm/core';
+import { StylableComponent } from '@wm/components/base';
+
+declare class FileUploadComponent extends StylableComponent implements OnInit, AfterViewInit, OnDestroy {
+    private app;
+    onSelectEvt: any;
+    private dialogService;
+    static initializeProps: void;
+    selectedFiles: any;
+    uploadedFiles: any;
+    selectedFolders: any;
+    progressObservable: Subject<any>;
+    deleteFileObservable: Subject<any>;
+    name: any;
+    hint: any;
+    arialabel: any;
+    multiple: any;
+    fileTransfers: {};
+    caption: string;
+    formName: string;
+    maxfilesize: any;
+    cleariconclass: any;
+    cleariconhint: any;
+    selectedUploadTypePath: any;
+    DEFAULT_CAPTIONS: {
+        MULTIPLE_SELECT: string;
+        SELECT: string;
+    };
+    DEVICE_CONTENTTYPES: {
+        IMAGE: string;
+        VIDEO: string;
+        AUDIO: string;
+        FILES: string;
+    };
+    FILESIZE_MB: number;
+    widgetProps: any;
+    _isMobileType: any;
+    CONSTANT_FILE_SERVICE: string;
+    uploadData: {
+        file: any;
+        uploadPath: any;
+    };
+    allowedFileUploadExtensions: any;
+    defaultAllowedExtensions: any;
+    chooseFilter: any;
+    datasource: any;
+    deletedatasource: any;
+    fileUploadMessage: string;
+    highlightDropArea: any;
+    showprogressbar: any;
+    showprogressbarpercentage: any;
+    deleteiconhint: any;
+    private uploadProgressSubscription;
+    private deleteProgressSubscription;
+    private idGenerator;
+    private boundDragOverCb;
+    private boundDropCb;
+    private boundDisableDropZone;
+    isValidFile(filename: any, contenttype: any, extensionName: any, isMobileType: any): any;
+    getValidFiles($files: any): {
+        validFiles: any[];
+        errorFiles: any[];
+    };
+    handleErrorFiles(key: any, msg: any, file: any, errorFiles: any): void;
+    getCaption(caption: any, isMultiple: any, isMobileType: any): any;
+    uploadUrl: string;
+    changeServerUploadPath(path: any): void;
+    getFileExtension(fileName: any): any;
+    /**
+     * Calls select Event
+     * @param $event
+     * @param $files
+     */
+    onSelectEventCall($event: any, $files: any): void;
+    onFileElemClick($event: any): void;
+    disableDropZone(): void;
+    clear(fileObj: any): void;
+    private clearFile;
+    setClearIconClass(classValue: any): void;
+    setClearIconHint(hint: any): void;
+    onFileSelect($event: any, $files: any): void;
+    onFileDelete($event: any, file: any): void;
+    dragOverHandler($event: any): void;
+    onFileDrop($event: any): void;
+    dragOverCb(e: any): void;
+    dropCb(): void;
+    triggerFileSelect(): void;
+    /**
+     * Aborts a file upload request
+     * @param $file, the file for which the request is to be aborted
+     */
+    abortFileUpload($file: any): void;
+    isMimeType(file: string): boolean;
+    onPropertyChange(key: any, nv: any, ov: any): void;
+    constructor(inj: Injector, app: App, onSelectEvt: any, dialogService: AbstractDialogService, explicitContext: any);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, [null, null, { attribute: "select.event"; }, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "[wmFileUpload]", never, {}, {}, never, never, true, never>;
+}
+
+export { FileUploadComponent };

package/components/input/file-upload/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@wm/components/input/file-upload",
+  "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/input/number/.npmignore

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

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

@@ -0,0 +1,109 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/forms'), require('@angular/core'), require('@wm/core'), require('@wm/components/base'), require('@wm/components/input/text')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@angular/forms', '@angular/core', '@wm/core', '@wm/components/base', '@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.number = {}), global.ng.common, global.ng.forms, global.ng.core, global.wm.core, global.wm.components.base, global.wm.components.input.text));
+})(this, (function (exports, i3, i4, i0, i1, i2, 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 i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
+    var i4__namespace = /*#__PURE__*/_interopNamespaceDefault(i4);
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
+
+    const numberProps = new Map([
+        ['autofocus', i2.PROP_BOOLEAN],
+        ['class', i2.PROP_STRING],
+        ['datavaluesource', i2.PROP_ANY],
+        ['datavalue', i2.PROP_STRING],
+        ['disabled', i2.PROP_BOOLEAN],
+        ['hint', i2.PROP_STRING],
+        ['arialabel', i2.PROP_STRING],
+        ['localefilter', i2.PROP_STRING],
+        ['minvalue', i2.PROP_NUMBER],
+        ['maxvalue', i2.PROP_NUMBER],
+        ['name', i2.PROP_STRING],
+        ['numberfilter', i2.PROP_STRING],
+        ['placeholder', { value: 'Enter number', ...i2.PROP_STRING }],
+        ['readonly', i2.PROP_BOOLEAN],
+        ['regexp', i2.PROP_STRING],
+        ['required', i2.PROP_BOOLEAN],
+        ['shortcutkey', i2.PROP_STRING],
+        ['show', { value: true, ...i2.PROP_BOOLEAN }],
+        ['step', { value: 1, ...i2.PROP_NUMBER }],
+        ['tabindex', { value: 0, ...i2.PROP_NUMBER }],
+        ['trailingzero', { value: false, ...i2.PROP_BOOLEAN }],
+        ['updateon', i2.PROP_STRING],
+        ['inputmode', { value: 'natural', ...i2.PROP_STRING }],
+        ['decimalplaces', i2.PROP_NUMBER],
+        ['conditionalclass', i2.PROP_ANY],
+        ['conditionalstyle', i2.PROP_ANY]
+    ]);
+    const registerProps = () => {
+        i2.register('wm-number', numberProps);
+        i2.registerFormWidget(i1.FormWidgetType.NUMBER, new Map(numberProps));
+    };
+
+    const WIDGET_CONFIG = {
+        widgetType: 'wm-number',
+        hostClass: 'app-input-wrapper'
+    };
+    class NumberComponent extends text.NumberLocale {
+        static { this.initializeProps = registerProps(); }
+        constructor(inj, i18nService, trailingZeroDecimalPipe, explicitContext) {
+            super(inj, WIDGET_CONFIG, i18nService, trailingZeroDecimalPipe, explicitContext);
+        }
+        ngOnDestroy() {
+            // MEMORY LEAK FIX: Clear ViewChild references
+            // These retain the entire component tree including parent contexts
+            this.inputEl = null;
+            this.ngModel = null;
+            // Call parent ngOnDestroy (NumberLocale → StylableComponent → BaseComponent)
+            super.ngOnDestroy();
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: NumberComponent, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.AbstractI18nService }, { token: i2__namespace.TrailingZeroDecimalPipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NumberComponent, isStandalone: true, selector: "[wmNumber]", providers: [
+                i2.provideAs(NumberComponent, i4.NG_VALUE_ACCESSOR, true),
+                i2.provideAs(NumberComponent, i4.NG_VALIDATORS, true),
+                i2.provideAsWidgetRef(NumberComponent)
+            ], viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["input"], descendants: true, static: true }, { propertyName: "ngModel", first: true, predicate: i4.NgModel, descendants: true, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<input class=\"form-control app-textbox app-number-input\"\n       inputmode=\"decimal\"\n       focus-target\n       [attr.name]=\"name\"\n       type=\"text\"\n       [ngModel]=\"displayValue\"\n       [readonly]=\"readonly\"\n       [disabled]=\"disabled\"\n       [pattern]=\"regexp\"\n       [attr.tabindex]=\"tabindex\"\n       [attr.placeholder]=\"placeholder\"\n       [attr.accesskey]=\"shortcutkey\"\n       [attr.aria-label]=\"arialabel\"\n       [autofocus]=\"autofocus\"\n       [ngClass]=\"conditionalclass\"\n       [ngStyle]=\"conditionalstyle\"\n       (ngModelChange)=\"onModelChange($event)\"\n       (blur)=\"handleBlur($event); checkForTrailingZeros($event);\"\n       (focus)=\"checkForTrailingZeros($event)\"\n       (input)=\"onInputChange($event.target.value)\"\n       [ngModelOptions]=\"ngModelOptions\"\n       [required]=\"required\"\n       (keypress)=\"validateInputEntry($event)\"\n       (paste)=\"onPaste($event)\"\n       (keydown.backspace)=\"onBackspace($event)\"\n       (keydown.delete)=\"onDelete($event)\"\n       (keydown.enter)=\"onEnter($event)\"\n       (keydown.ArrowUp)=\"onArrowPress($event, 'UP')\"\n       (keydown.ArrowDown)=\"onArrowPress($event, 'DOWN')\"\n       #input>\n", dependencies: [{ kind: "ngmodule", type: i3.CommonModule }, { kind: "directive", type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: i4.FormsModule }, { kind: "directive", type: i4__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: i4__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4__namespace.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4__namespace.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4__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: NumberComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [i3.CommonModule, i4.FormsModule], selector: '[wmNumber]', providers: [
+                            i2.provideAs(NumberComponent, i4.NG_VALUE_ACCESSOR, true),
+                            i2.provideAs(NumberComponent, i4.NG_VALIDATORS, true),
+                            i2.provideAsWidgetRef(NumberComponent)
+                        ], template: "<input class=\"form-control app-textbox app-number-input\"\n       inputmode=\"decimal\"\n       focus-target\n       [attr.name]=\"name\"\n       type=\"text\"\n       [ngModel]=\"displayValue\"\n       [readonly]=\"readonly\"\n       [disabled]=\"disabled\"\n       [pattern]=\"regexp\"\n       [attr.tabindex]=\"tabindex\"\n       [attr.placeholder]=\"placeholder\"\n       [attr.accesskey]=\"shortcutkey\"\n       [attr.aria-label]=\"arialabel\"\n       [autofocus]=\"autofocus\"\n       [ngClass]=\"conditionalclass\"\n       [ngStyle]=\"conditionalstyle\"\n       (ngModelChange)=\"onModelChange($event)\"\n       (blur)=\"handleBlur($event); checkForTrailingZeros($event);\"\n       (focus)=\"checkForTrailingZeros($event)\"\n       (input)=\"onInputChange($event.target.value)\"\n       [ngModelOptions]=\"ngModelOptions\"\n       [required]=\"required\"\n       (keypress)=\"validateInputEntry($event)\"\n       (paste)=\"onPaste($event)\"\n       (keydown.backspace)=\"onBackspace($event)\"\n       (keydown.delete)=\"onDelete($event)\"\n       (keydown.enter)=\"onEnter($event)\"\n       (keydown.ArrowUp)=\"onArrowPress($event, 'UP')\"\n       (keydown.ArrowDown)=\"onArrowPress($event, 'DOWN')\"\n       #input>\n" }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: i1__namespace.AbstractI18nService }, { type: i2__namespace.TrailingZeroDecimalPipe }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { inputEl: [{
+                    type: i0.ViewChild,
+                    args: ['input', { static: true }]
+                }], ngModel: [{
+                    type: i0.ViewChild,
+                    args: [i4.NgModel, { static: true }]
+                }] } });
+
+    exports.NumberComponent = NumberComponent;
+
+}));

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

@@ -0,0 +1,95 @@
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 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 * as i1 from '@wm/core';
+import { FormWidgetType } from '@wm/core';
+import * as i2 from '@wm/components/base';
+import { PROP_BOOLEAN, PROP_STRING, PROP_ANY, PROP_NUMBER, register, registerFormWidget, provideAs, provideAsWidgetRef } from '@wm/components/base';
+import { NumberLocale } from '@wm/components/input/text';
+
+const numberProps = new Map([
+    ['autofocus', PROP_BOOLEAN],
+    ['class', PROP_STRING],
+    ['datavaluesource', PROP_ANY],
+    ['datavalue', PROP_STRING],
+    ['disabled', PROP_BOOLEAN],
+    ['hint', PROP_STRING],
+    ['arialabel', PROP_STRING],
+    ['localefilter', PROP_STRING],
+    ['minvalue', PROP_NUMBER],
+    ['maxvalue', PROP_NUMBER],
+    ['name', PROP_STRING],
+    ['numberfilter', PROP_STRING],
+    ['placeholder', { value: 'Enter number', ...PROP_STRING }],
+    ['readonly', PROP_BOOLEAN],
+    ['regexp', PROP_STRING],
+    ['required', PROP_BOOLEAN],
+    ['shortcutkey', PROP_STRING],
+    ['show', { value: true, ...PROP_BOOLEAN }],
+    ['step', { value: 1, ...PROP_NUMBER }],
+    ['tabindex', { value: 0, ...PROP_NUMBER }],
+    ['trailingzero', { value: false, ...PROP_BOOLEAN }],
+    ['updateon', PROP_STRING],
+    ['inputmode', { value: 'natural', ...PROP_STRING }],
+    ['decimalplaces', PROP_NUMBER],
+    ['conditionalclass', PROP_ANY],
+    ['conditionalstyle', PROP_ANY]
+]);
+const registerProps = () => {
+    register('wm-number', numberProps);
+    registerFormWidget(FormWidgetType.NUMBER, new Map(numberProps));
+};
+
+const WIDGET_CONFIG = {
+    widgetType: 'wm-number',
+    hostClass: 'app-input-wrapper'
+};
+class NumberComponent extends NumberLocale {
+    static { this.initializeProps = registerProps(); }
+    constructor(inj, i18nService, trailingZeroDecimalPipe, explicitContext) {
+        super(inj, WIDGET_CONFIG, i18nService, trailingZeroDecimalPipe, explicitContext);
+    }
+    ngOnDestroy() {
+        // MEMORY LEAK FIX: Clear ViewChild references
+        // These retain the entire component tree including parent contexts
+        this.inputEl = null;
+        this.ngModel = null;
+        // Call parent ngOnDestroy (NumberLocale → StylableComponent → BaseComponent)
+        super.ngOnDestroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: NumberComponent, deps: [{ token: i0.Injector }, { token: i1.AbstractI18nService }, { token: i2.TrailingZeroDecimalPipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: NumberComponent, isStandalone: true, selector: "[wmNumber]", providers: [
+            provideAs(NumberComponent, NG_VALUE_ACCESSOR, true),
+            provideAs(NumberComponent, NG_VALIDATORS, true),
+            provideAsWidgetRef(NumberComponent)
+        ], viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["input"], descendants: true, static: true }, { propertyName: "ngModel", first: true, predicate: NgModel, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<input class=\"form-control app-textbox app-number-input\"\n       inputmode=\"decimal\"\n       focus-target\n       [attr.name]=\"name\"\n       type=\"text\"\n       [ngModel]=\"displayValue\"\n       [readonly]=\"readonly\"\n       [disabled]=\"disabled\"\n       [pattern]=\"regexp\"\n       [attr.tabindex]=\"tabindex\"\n       [attr.placeholder]=\"placeholder\"\n       [attr.accesskey]=\"shortcutkey\"\n       [attr.aria-label]=\"arialabel\"\n       [autofocus]=\"autofocus\"\n       [ngClass]=\"conditionalclass\"\n       [ngStyle]=\"conditionalstyle\"\n       (ngModelChange)=\"onModelChange($event)\"\n       (blur)=\"handleBlur($event); checkForTrailingZeros($event);\"\n       (focus)=\"checkForTrailingZeros($event)\"\n       (input)=\"onInputChange($event.target.value)\"\n       [ngModelOptions]=\"ngModelOptions\"\n       [required]=\"required\"\n       (keypress)=\"validateInputEntry($event)\"\n       (paste)=\"onPaste($event)\"\n       (keydown.backspace)=\"onBackspace($event)\"\n       (keydown.delete)=\"onDelete($event)\"\n       (keydown.enter)=\"onEnter($event)\"\n       (keydown.ArrowUp)=\"onArrowPress($event, 'UP')\"\n       (keydown.ArrowDown)=\"onArrowPress($event, 'DOWN')\"\n       #input>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.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: NumberComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, FormsModule], selector: '[wmNumber]', providers: [
+                        provideAs(NumberComponent, NG_VALUE_ACCESSOR, true),
+                        provideAs(NumberComponent, NG_VALIDATORS, true),
+                        provideAsWidgetRef(NumberComponent)
+                    ], template: "<input class=\"form-control app-textbox app-number-input\"\n       inputmode=\"decimal\"\n       focus-target\n       [attr.name]=\"name\"\n       type=\"text\"\n       [ngModel]=\"displayValue\"\n       [readonly]=\"readonly\"\n       [disabled]=\"disabled\"\n       [pattern]=\"regexp\"\n       [attr.tabindex]=\"tabindex\"\n       [attr.placeholder]=\"placeholder\"\n       [attr.accesskey]=\"shortcutkey\"\n       [attr.aria-label]=\"arialabel\"\n       [autofocus]=\"autofocus\"\n       [ngClass]=\"conditionalclass\"\n       [ngStyle]=\"conditionalstyle\"\n       (ngModelChange)=\"onModelChange($event)\"\n       (blur)=\"handleBlur($event); checkForTrailingZeros($event);\"\n       (focus)=\"checkForTrailingZeros($event)\"\n       (input)=\"onInputChange($event.target.value)\"\n       [ngModelOptions]=\"ngModelOptions\"\n       [required]=\"required\"\n       (keypress)=\"validateInputEntry($event)\"\n       (paste)=\"onPaste($event)\"\n       (keydown.backspace)=\"onBackspace($event)\"\n       (keydown.delete)=\"onDelete($event)\"\n       (keydown.enter)=\"onEnter($event)\"\n       (keydown.ArrowUp)=\"onArrowPress($event, 'UP')\"\n       (keydown.ArrowDown)=\"onArrowPress($event, 'DOWN')\"\n       #input>\n" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.AbstractI18nService }, { type: i2.TrailingZeroDecimalPipe }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { inputEl: [{
+                type: ViewChild,
+                args: ['input', { static: true }]
+            }], ngModel: [{
+                type: ViewChild,
+                args: [NgModel, { static: true }]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NumberComponent };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/number/src/number.props.ts","../../../../../projects/components/widgets/input/number/src/number.component.ts","../../../../../projects/components/widgets/input/number/src/number.component.html","../../../../../projects/components/widgets/input/number/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 numberProps = new Map(\n    [\n        ['autofocus', 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        ['localefilter', PROP_STRING],\n        ['minvalue', PROP_NUMBER],\n        ['maxvalue', PROP_NUMBER],\n        ['name', PROP_STRING],\n        ['numberfilter', PROP_STRING],\n        ['placeholder', {value: 'Enter number', ...PROP_STRING}],\n        ['readonly', PROP_BOOLEAN],\n        ['regexp', PROP_STRING],\n        ['required', PROP_BOOLEAN],\n        ['shortcutkey', PROP_STRING],\n        ['show', {value: true, ...PROP_BOOLEAN}],\n        ['step', {value: 1, ...PROP_NUMBER}],\n        ['tabindex', {value: 0, ...PROP_NUMBER}],\n        ['trailingzero', {value: false, ...PROP_BOOLEAN}],\n        ['updateon', PROP_STRING],\n        ['inputmode', {value: 'natural', ...PROP_STRING}],\n        ['decimalplaces', PROP_NUMBER],\n        ['conditionalclass', PROP_ANY],\n        ['conditionalstyle', PROP_ANY]\n    ]\n);\n\nexport const registerProps = () => {\n    register(\n        'wm-number',\n        numberProps\n    );\n    registerFormWidget(\n        FormWidgetType.NUMBER,\n        new Map(numberProps)\n    );\n};\n","import { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport {NG_VALIDATORS, NG_VALUE_ACCESSOR, NgModel} from '@angular/forms';\nimport {Component, ElementRef, Inject, Injector, OnDestroy, Optional, ViewChild} from '@angular/core';\n\nimport {AbstractI18nService} from '@wm/core';\nimport {IWidgetConfig, provideAs, provideAsWidgetRef, TrailingZeroDecimalPipe} from '@wm/components/base';\n\nimport {registerProps} from './number.props';\nimport { NumberLocale } from '@wm/components/input/text';\n\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-number',\n    hostClass: 'app-input-wrapper'\n};\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, FormsModule],\n    selector: '[wmNumber]',\n    templateUrl: './number.component.html',\n    providers: [\n        provideAs(NumberComponent, NG_VALUE_ACCESSOR, true),\n        provideAs(NumberComponent, NG_VALIDATORS, true),\n        provideAsWidgetRef(NumberComponent)\n    ]\n})\nexport class NumberComponent extends NumberLocale implements OnDestroy {\n    static initializeProps = registerProps();\n\n    public required: boolean;\n    public regexp: string;\n    public disabled: boolean;\n    public name: string;\n    public hint: string;\n    public arialabel: string;\n    public tabindex: any;\n    public conditionalclass: any;\n    public conditionalstyle: any;\n    public shortcutkey: string;\n    public autofocus: boolean;\n    @ViewChild('input', {static: true}) inputEl: ElementRef;\n    @ViewChild(NgModel, {static: true}) ngModel: NgModel;\n\n    constructor(inj: Injector, i18nService: AbstractI18nService, trailingZeroDecimalPipe: TrailingZeroDecimalPipe, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, i18nService, trailingZeroDecimalPipe, explicitContext);\n    }\n\n    ngOnDestroy() {\n        // MEMORY LEAK FIX: Clear ViewChild references\n        // These retain the entire component tree including parent contexts\n        this.inputEl = null;\n        this.ngModel = null;\n\n        // Call parent ngOnDestroy (NumberLocale → StylableComponent → BaseComponent)\n        super.ngOnDestroy();\n    }\n}\n","<input class=\"form-control app-textbox app-number-input\"\n       inputmode=\"decimal\"\n       focus-target\n       [attr.name]=\"name\"\n       type=\"text\"\n       [ngModel]=\"displayValue\"\n       [readonly]=\"readonly\"\n       [disabled]=\"disabled\"\n       [pattern]=\"regexp\"\n       [attr.tabindex]=\"tabindex\"\n       [attr.placeholder]=\"placeholder\"\n       [attr.accesskey]=\"shortcutkey\"\n       [attr.aria-label]=\"arialabel\"\n       [autofocus]=\"autofocus\"\n       [ngClass]=\"conditionalclass\"\n       [ngStyle]=\"conditionalstyle\"\n       (ngModelChange)=\"onModelChange($event)\"\n       (blur)=\"handleBlur($event); checkForTrailingZeros($event);\"\n       (focus)=\"checkForTrailingZeros($event)\"\n       (input)=\"onInputChange($event.target.value)\"\n       [ngModelOptions]=\"ngModelOptions\"\n       [required]=\"required\"\n       (keypress)=\"validateInputEntry($event)\"\n       (paste)=\"onPaste($event)\"\n       (keydown.backspace)=\"onBackspace($event)\"\n       (keydown.delete)=\"onDelete($event)\"\n       (keydown.enter)=\"onEnter($event)\"\n       (keydown.ArrowUp)=\"onArrowPress($event, 'UP')\"\n       (keydown.ArrowDown)=\"onArrowPress($event, 'DOWN')\"\n       #input>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+import { NgModel } from '@angular/forms';
+import * as i0 from '@angular/core';
+import { OnDestroy, ElementRef, Injector } from '@angular/core';
+import { AbstractI18nService } from '@wm/core';
+import { TrailingZeroDecimalPipe } from '@wm/components/base';
+import { NumberLocale } from '@wm/components/input/text';
+
+declare class NumberComponent extends NumberLocale implements OnDestroy {
+    static initializeProps: void;
+    required: boolean;
+    regexp: string;
+    disabled: boolean;
+    name: string;
+    hint: string;
+    arialabel: string;
+    tabindex: any;
+    conditionalclass: any;
+    conditionalstyle: any;
+    shortcutkey: string;
+    autofocus: boolean;
+    inputEl: ElementRef;
+    ngModel: NgModel;
+    constructor(inj: Injector, i18nService: AbstractI18nService, trailingZeroDecimalPipe: TrailingZeroDecimalPipe, explicitContext: any);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NumberComponent, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberComponent, "[wmNumber]", never, {}, {}, never, never, true, never>;
+}
+
+export { NumberComponent };

package/components/input/number/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@wm/components/input/number",
+  "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/input/radioset/.npmignore

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

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

@@ -0,0 +1,164 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@wm/core'), require('@wm/components/base'), require('@wm/components/input/dataset-aware-form'), require('lodash-es')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@angular/core', '@angular/forms', '@wm/core', '@wm/components/base', '@wm/components/input/dataset-aware-form', 'lodash-es'], 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.radioset = {}), global.ng.common, global.ng.core, global.ng.forms, global.wm.core, global.wm.components.base, global.wm.components.input.datasetawareform, global._));
+})(this, (function (exports, i1, i0, forms, core, base, datasetAwareForm, lodashEs) { '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 i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+
+    const radiosetProps = new Map([
+        ['class', base.PROP_STRING],
+        ['collapsible', base.PROP_BOOLEAN],
+        ['compareby', base.PROP_STRING],
+        ['datafield', base.PROP_STRING],
+        ['dataset', { value: 'Option 1, Option 2, Option 3', ...base.PROP_ANY }],
+        ['datavaluesource', base.PROP_ANY],
+        ['datavalue', base.PROP_ANY],
+        ['dateformat', base.PROP_STRING],
+        ['disabled', base.PROP_BOOLEAN],
+        ['displayexpression', base.PROP_STRING],
+        ['displayfield', base.PROP_STRING],
+        ['displayValue', base.PROP_STRING],
+        ['groupby', base.PROP_STRING],
+        ['itemclass', { value: '', ...base.PROP_STRING }],
+        ['itemsperrow', { value: 'xs-1 sm-1 md-1 lg-1', ...base.PROP_STRING }],
+        ['listclass', { value: '', ...base.PROP_STRING }],
+        ['match', base.PROP_STRING],
+        ['name', base.PROP_STRING],
+        ['orderby', base.PROP_STRING],
+        ['readonly', base.PROP_BOOLEAN],
+        ['required', base.PROP_BOOLEAN],
+        ['show', { value: true, ...base.PROP_BOOLEAN }],
+        ['showcount', base.PROP_BOOLEAN],
+        ['showindevice', { displayType: 'inline-block', value: 'all', ...base.PROP_STRING }],
+        ['tabindex', { value: 0, ...base.PROP_NUMBER }],
+        ['usekeys', base.PROP_BOOLEAN],
+        ['hint', base.PROP_STRING],
+        ['layout', base.PROP_STRING]
+    ]);
+    const registerProps = () => {
+        base.register('wm-radioset', radiosetProps);
+        base.registerFormWidget(core.FormWidgetType.RADIOSET, new Map(radiosetProps));
+    };
+
+    const DEFAULT_CLS = 'app-radioset list-group inline';
+    const WIDGET_CONFIG = { widgetType: 'wm-radioset', hostClass: DEFAULT_CLS };
+    class RadiosetComponent extends datasetAwareForm.DatasetAwareFormComponent {
+        static { this.initializeProps = registerProps(); }
+        constructor(inj, explicitContext) {
+            super(inj, WIDGET_CONFIG, explicitContext);
+            this.layout = '';
+            this.eventListeners = new Map();
+            base.styler(this.nativeElement, this);
+            this.multiple = false;
+        }
+        triggerInvokeOnChange(key, $event) {
+            this.modelByKey = key;
+            if (this.viewParent.containerWidget && this.viewParent.containerWidget.updateDataValue)
+                this.viewParent.containerWidget.updateDataValue(this.datavalue);
+            this.invokeOnTouched();
+            // invoke on datavalue change.
+            this.invokeOnChange(this.datavalue, $event || {}, true);
+        }
+        /**
+         * On click of the option, update the datavalue
+         */
+        onRadioLabelClick($event, key) {
+            if (!$($event.target).is('input')) {
+                return;
+            }
+            this.triggerInvokeOnChange(key, $event);
+        }
+        // change and blur events are added from the template
+        handleEvent(node, eventName, callback, locals) {
+            if (eventName === 'click') {
+                const handler = (e) => {
+                    if (!$(e.target).is('input')) {
+                        return;
+                    }
+                    locals.$event = e;
+                    return callback();
+                };
+                const deregister = this.eventManager.addEventListener(node, eventName, handler);
+                this.eventListeners.set(node, deregister);
+            }
+            else if (!lodashEs.includes(['change'], eventName)) {
+                super.handleEvent(node, eventName, callback, locals);
+            }
+        }
+        onPropertyChange(key, nv, ov) {
+            if (key === 'tabindex') {
+                return;
+            }
+            else if (key === 'layout') {
+                this.handleLayout(nv);
+            }
+            if (key === 'itemsperrow') {
+                core.setListClass(this);
+            }
+            else {
+                super.onPropertyChange(key, nv, ov);
+            }
+        }
+        handleLayout(layout) {
+            const direction = layout === 'vertical' ? 'column' : 'row';
+            this.$element.css({
+                display: 'flex',
+                flexDirection: direction
+            });
+        }
+        ngOnDestroy() {
+            // MEMORY LEAK FIX: Remove all event listeners
+            if (this.eventListeners && this.eventListeners.size > 0) {
+                this.eventListeners.forEach((deregister) => {
+                    if (deregister && typeof deregister === 'function') {
+                        deregister();
+                    }
+                });
+                this.eventListeners.clear();
+                this.eventListeners = null;
+            }
+            super.ngOnDestroy();
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: RadiosetComponent, 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: RadiosetComponent, isStandalone: true, selector: "[wmRadioset]", providers: [
+                base.provideAs(RadiosetComponent, forms.NG_VALUE_ACCESSOR, true),
+                base.provideAs(RadiosetComponent, forms.NG_VALIDATORS, true),
+                base.provideAsWidgetRef(RadiosetComponent)
+            ], exportAs: ["wmRadioset"], usesInheritance: true, ngImport: i0__namespace, template: "@if (!groupby) {\n  @for (item of datasetItems; track item; let i = $index) {\n    <li [ngClass]=\"['radio', 'app-radio', itemclass, itemsPerRowClass]\"\n      [class.active]=\"item.selected\"\n      [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n      (click)=\"onRadioLabelClick($event, item.key)\" role=\"presentation\">\n      <!-- Default item template -->\n      @if (!content) {\n        <label class=\"app-radioset-label\"\n          [ngClass]=\"{'disabled':disabled || readonly}\">\n          <input [attr.data-attr-index]=\"i\" [checked]=\"item.selected\" [disabled]=\"disabled || readonly\"\n            [name]=\"'radioset_' + widgetId\" [tabindex]=\"tabindex\" [value]=\"item.key\"\n            type=\"radio\"/>\n          <span class=\"caption\" [textContent]=\"item.label\"></span>\n        </label>\n      }\n      <!-- Custom partial template -->\n      @if (content) {\n        <label class=\"app-radioset-label\"\n          [ngClass]=\"{'disabled':disabled || readonly}\">\n          <input [attr.data-attr-index]=\"i\" [checked]=\"item.selected\" [disabled]=\"disabled || readonly\"\n            [name]=\"'radioset_' + widgetId\" [tabindex]=\"tabindex\" [value]=\"item.key\"\n            type=\"radio\"/>\n          <span class=\"caption customTemplate\" partial-container-target></span>\n        </label>\n      }\n    </li>\n  }\n} @else {\n  @for (groupObj of groupedData; track groupObj; let groupindex = $index) {\n    <li class=\"app-list-item-group\" role=\"presentation\" >\n      <ul class=\"item-group\" [attr.aria-labelledby]=\"'group_' + widgetId + '_' + groupindex\">\n        <li [id]=\"'group_' + widgetId + '_' + groupindex\" aria-hidden=\"true\" class=\"list-group-header\" (click)=\"handleHeaderClick($event)\" [title]=\"groupObj.key\" [ngClass]=\"{'collapsible-content': collapsible}\">\n          <h4 class=\"group-title\" [attr.aria-label]=\"'Group '+groupObj.key\">{{groupObj.key}}\n            <div class=\"header-action\">\n              @if (collapsible) {\n                <i class=\"app-icon wi action wi-chevron-up\" title=\"{{appLocale.LABEL_COLLAPSE}}/{{appLocale.LABEL_EXPAND}}\"></i>\n              }\n              @if (showcount) {\n                <span class=\"label label-default\" [textContent]=\"groupObj.data.length\"></span>\n              }\n            </div>\n          </h4>\n        </li>\n        @for (item of groupObj.data; track item; let i = $index) {\n          <li\n            [ngClass]=\"['radio', 'app-radio', 'group-list-item', itemclass, itemsPerRowClass]\"\n            [class.active]=\"item.selected\"\n            [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n            (click)=\"onRadioLabelClick($event, item)\">\n            <!-- Default item template -->\n            @if (!content) {\n              <label class=\"app-radioset-label\"\n                [ngClass]=\"{'disabled':disabled || readonly}\">\n                <input [attr.data-attr-index]=\"i\" [name]=\"'radioset_' + widgetId\" type=\"radio\"\n                  [value]=\"item.key\" [disabled]=\"disabled || readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n                <span class=\"caption\" [textContent]=\"item.label\"></span>\n              </label>\n            }\n            <!-- Custom partial template -->\n            @if (content) {\n              <label class=\"app-radioset-label\"\n                [ngClass]=\"{'disabled':disabled || readonly}\">\n                <input [attr.data-attr-index]=\"i\" [name]=\"'radioset_' + widgetId\" type=\"radio\"\n                  [value]=\"item.key\" [disabled]=\"disabled || readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n                <span class=\"caption customTemplate\" partial-container-target></span>\n              </label>\n            }\n          </li>\n        }\n      </ul>\n    </li>\n  }\n}\n\n<input [disabled]=\"disabled || readonly\" hidden class=\"model-holder\">\n@if (readonly || disabled) {\n  <div aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n}\n\n<!-- This template will be displayed when groupby is specified. -->\n", dependencies: [{ kind: "ngmodule", type: i1.CommonModule }, { kind: "directive", type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: base.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "directive", type: base.ItemTemplateDirective, selector: "[wmItemTemplate]", inputs: ["userComponentParams", "wmItemTemplate"], exportAs: ["itemTemplateRef"] }, { kind: "directive", type: base.PartialParamHandlerDirective, selector: "[partialContainer]" }, { kind: "directive", type: base.PartialContainerDirective, selector: "[partialContainer]" }] }); }
+    }
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0__namespace, type: RadiosetComponent, decorators: [{
+                type: i0.Component,
+                args: [{ standalone: true, imports: [i1.CommonModule, base.TextContentDirective, base.ItemTemplateDirective, base.PartialParamHandlerDirective, base.PartialContainerDirective], selector: '[wmRadioset]', exportAs: 'wmRadioset', providers: [
+                            base.provideAs(RadiosetComponent, forms.NG_VALUE_ACCESSOR, true),
+                            base.provideAs(RadiosetComponent, forms.NG_VALIDATORS, true),
+                            base.provideAsWidgetRef(RadiosetComponent)
+                        ], template: "@if (!groupby) {\n  @for (item of datasetItems; track item; let i = $index) {\n    <li [ngClass]=\"['radio', 'app-radio', itemclass, itemsPerRowClass]\"\n      [class.active]=\"item.selected\"\n      [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n      (click)=\"onRadioLabelClick($event, item.key)\" role=\"presentation\">\n      <!-- Default item template -->\n      @if (!content) {\n        <label class=\"app-radioset-label\"\n          [ngClass]=\"{'disabled':disabled || readonly}\">\n          <input [attr.data-attr-index]=\"i\" [checked]=\"item.selected\" [disabled]=\"disabled || readonly\"\n            [name]=\"'radioset_' + widgetId\" [tabindex]=\"tabindex\" [value]=\"item.key\"\n            type=\"radio\"/>\n          <span class=\"caption\" [textContent]=\"item.label\"></span>\n        </label>\n      }\n      <!-- Custom partial template -->\n      @if (content) {\n        <label class=\"app-radioset-label\"\n          [ngClass]=\"{'disabled':disabled || readonly}\">\n          <input [attr.data-attr-index]=\"i\" [checked]=\"item.selected\" [disabled]=\"disabled || readonly\"\n            [name]=\"'radioset_' + widgetId\" [tabindex]=\"tabindex\" [value]=\"item.key\"\n            type=\"radio\"/>\n          <span class=\"caption customTemplate\" partial-container-target></span>\n        </label>\n      }\n    </li>\n  }\n} @else {\n  @for (groupObj of groupedData; track groupObj; let groupindex = $index) {\n    <li class=\"app-list-item-group\" role=\"presentation\" >\n      <ul class=\"item-group\" [attr.aria-labelledby]=\"'group_' + widgetId + '_' + groupindex\">\n        <li [id]=\"'group_' + widgetId + '_' + groupindex\" aria-hidden=\"true\" class=\"list-group-header\" (click)=\"handleHeaderClick($event)\" [title]=\"groupObj.key\" [ngClass]=\"{'collapsible-content': collapsible}\">\n          <h4 class=\"group-title\" [attr.aria-label]=\"'Group '+groupObj.key\">{{groupObj.key}}\n            <div class=\"header-action\">\n              @if (collapsible) {\n                <i class=\"app-icon wi action wi-chevron-up\" title=\"{{appLocale.LABEL_COLLAPSE}}/{{appLocale.LABEL_EXPAND}}\"></i>\n              }\n              @if (showcount) {\n                <span class=\"label label-default\" [textContent]=\"groupObj.data.length\"></span>\n              }\n            </div>\n          </h4>\n        </li>\n        @for (item of groupObj.data; track item; let i = $index) {\n          <li\n            [ngClass]=\"['radio', 'app-radio', 'group-list-item', itemclass, itemsPerRowClass]\"\n            [class.active]=\"item.selected\"\n            [wmItemTemplate]=\"content\" [userComponentParams]=\"item\" partialContainer\n            (click)=\"onRadioLabelClick($event, item)\">\n            <!-- Default item template -->\n            @if (!content) {\n              <label class=\"app-radioset-label\"\n                [ngClass]=\"{'disabled':disabled || readonly}\">\n                <input [attr.data-attr-index]=\"i\" [name]=\"'radioset_' + widgetId\" type=\"radio\"\n                  [value]=\"item.key\" [disabled]=\"disabled || readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n                <span class=\"caption\" [textContent]=\"item.label\"></span>\n              </label>\n            }\n            <!-- Custom partial template -->\n            @if (content) {\n              <label class=\"app-radioset-label\"\n                [ngClass]=\"{'disabled':disabled || readonly}\">\n                <input [attr.data-attr-index]=\"i\" [name]=\"'radioset_' + widgetId\" type=\"radio\"\n                  [value]=\"item.key\" [disabled]=\"disabled || readonly\" [tabindex]=\"tabindex\" [checked]=\"item.selected\"/>\n                <span class=\"caption customTemplate\" partial-container-target></span>\n              </label>\n            }\n          </li>\n        }\n      </ul>\n    </li>\n  }\n}\n\n<input [disabled]=\"disabled || readonly\" hidden class=\"model-holder\">\n@if (readonly || disabled) {\n  <div aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n}\n\n<!-- This template will be displayed when groupby is specified. -->\n" }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }] });
+
+    exports.RadiosetComponent = RadiosetComponent;
+
+}));