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

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

@@ -115,15 +115,13 @@
                 if (!data.length) {
                     ratingItems.push({ key: i, value: i, index: i, label: i });
                 }
+                else if (i > data.length) {
+                    ratingItems.push({ key: i, value: i, index: i, label: i });
+                }
                 else {
-                    if (i > data.length) {
-                        ratingItems.push({ key: i, value: i, index: i, label: i });
-                    }
-                    else {
-                        data = base.getOrderedDataset(data, 'index:desc');
-                        ratingItems = ratingItems.concat(data);
-                        break;
-                    }
+                    data = base.getOrderedDataset(data, 'index:desc');
+                    ratingItems = ratingItems.concat(data);
+                    break;
                 }
             }
             this.ratingItems = ratingItems;
@@ -249,13 +247,13 @@
             // Call parent ngOnDestroy (DatasetAwareFormComponent has cleanup)
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: RatingComponent, 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: "21.2.20", type: RatingComponent, isStandalone: true, selector: "[wmRating]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: RatingComponent, 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: "21.2.21", type: RatingComponent, isStandalone: true, selector: "[wmRating]", providers: [
                 base.provideAs(RatingComponent, i2.NG_VALUE_ACCESSOR, true),
                 base.provideAsWidgetRef(RatingComponent)
             ], viewQueries: [{ propertyName: "ratingEl", first: true, predicate: ["ratingInput"], descendants: true, read: i0.ElementRef }], usesInheritance: true, ngImport: i0__namespace, template: "<div (focus)=\"onFocus($event)\" [(ngModel)]=\"modelByKey\" [ngModelOptions]=\"{standalone: true}\"\n  class=\"ratings-wrapper\" ngDefaultControl>\n  <div [class.hidden]=\"readonly && isDecimal\" [class.disabled]=\"readonly\" class=\"rating-style\">\n    @for (rate of ratingItems; track rate) {\n      <label\n        [ngClass]=\"{active : rate.index <= selectedRatingValue}\"\n        [ngStyle]=\"{'font-size' :iconsize, color: rate.index <= selectedRatingValue && iconcolor}\"\n        [title]=\"rate.label || rate.index\"\n        (touchstart)=\"onTouchStart($event)\"\n        (mouseleave)=\"onMouseleave($event, rate)\"\n        (mouseover)=\"onMouseOver($event, rate)\"\n        [for]=\"_id + '-' + rate.index\">\n        @if (rate.index <= selectedRatingValue) {\n          <wm-app-icon [iconclass]=\"activeiconclass\"\n                       [iconurl]=\"activeiconurl\"\n                       [defaultIconClass]=\"defaultActiveIconClass\"\n                       alt=\"Rating\"></wm-app-icon>\n        } @else {\n          <wm-app-icon [iconclass]=\"inactiveiconclass\"\n                       [iconurl]=\"inactiveiconurl\"\n                       [defaultIconClass]=\"defaultInactiveIconClass\"\n                       alt=\"Rating\"></wm-app-icon>\n        }\n        <input #ratingInput type=\"radio\" role=\"radio\" [attr.aria-label]=\"(rate.label || rate.index) + ' out of ' + ratingItems.length + ' ratings'\" [attr.aria-checked]=\"rate.label === datavalue ? 'true' : 'false'\"\n          [id]=\"_id + '-' + rate.index\" (click)=\"onRatingClick($event, rate)\" name=\"ratings-id\" [value]=\"rate.key || rate.index\"/>\n      </label>\n    }\n  </div>\n    <div class=\"ratings-container readonly\" [class.hidden]=\"!isDecimal\" [ngStyle]=\"{ 'font-size': iconsize }\">\n        <div class=\"ratings-base\">\n            <wm-app-icon *ngFor=\"let s of starsArray\"\n                         [iconclass]=\"inactiveiconclass\"\n                         [iconurl]=\"inactiveiconurl\"\n                         [defaultIconClass]=\"defaultInactiveIconClass\"\n                         alt=\"Rating\"></wm-app-icon>\n        </div>\n        <div class=\"ratings active\" [ngStyle]=\"{ width: ratingsWidth, color: iconcolor }\">\n            <wm-app-icon *ngFor=\"let s of starsArray\"\n                         [iconclass]=\"activeiconclass\"\n                         [iconurl]=\"activeiconurl\"\n                         [defaultIconClass]=\"defaultActiveIconClass\"\n                         alt=\"Rating\"></wm-app-icon>\n        </div>\n    </div>\n    @if (showcaptions) {\n    <label class=\"caption\" [textContent]=\"caption\"></label>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: i1.CommonModule }, { kind: "directive", type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: base.WmAppIconComponent, selector: "wm-app-icon", inputs: ["icon", "iconclass", "iconurl", "defaultIconClass", "defaultClasses", "iconStyle", "alt"] }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: RatingComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: RatingComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [i1.CommonModule, i2.FormsModule, base.WmAppIconComponent], selector: '[wmRating]', providers: [
                             base.provideAs(RatingComponent, i2.NG_VALUE_ACCESSOR, true),

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

@@ -99,15 +99,13 @@ class RatingComponent extends DatasetAwareFormComponent {
             if (!data.length) {
                 ratingItems.push({ key: i, value: i, index: i, label: i });
             }
+            else if (i > data.length) {
+                ratingItems.push({ key: i, value: i, index: i, label: i });
+            }
             else {
-                if (i > data.length) {
-                    ratingItems.push({ key: i, value: i, index: i, label: i });
-                }
-                else {
-                    data = getOrderedDataset(data, 'index:desc');
-                    ratingItems = ratingItems.concat(data);
-                    break;
-                }
+                data = getOrderedDataset(data, 'index:desc');
+                ratingItems = ratingItems.concat(data);
+                break;
             }
         }
         this.ratingItems = ratingItems;
@@ -233,13 +231,13 @@ class RatingComponent extends DatasetAwareFormComponent {
         // Call parent ngOnDestroy (DatasetAwareFormComponent has cleanup)
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: RatingComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: RatingComponent, isStandalone: true, selector: "[wmRating]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: RatingComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: RatingComponent, isStandalone: true, selector: "[wmRating]", providers: [
             provideAs(RatingComponent, NG_VALUE_ACCESSOR, true),
             provideAsWidgetRef(RatingComponent)
         ], viewQueries: [{ propertyName: "ratingEl", first: true, predicate: ["ratingInput"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div (focus)=\"onFocus($event)\" [(ngModel)]=\"modelByKey\" [ngModelOptions]=\"{standalone: true}\"\n  class=\"ratings-wrapper\" ngDefaultControl>\n  <div [class.hidden]=\"readonly && isDecimal\" [class.disabled]=\"readonly\" class=\"rating-style\">\n    @for (rate of ratingItems; track rate) {\n      <label\n        [ngClass]=\"{active : rate.index <= selectedRatingValue}\"\n        [ngStyle]=\"{'font-size' :iconsize, color: rate.index <= selectedRatingValue && iconcolor}\"\n        [title]=\"rate.label || rate.index\"\n        (touchstart)=\"onTouchStart($event)\"\n        (mouseleave)=\"onMouseleave($event, rate)\"\n        (mouseover)=\"onMouseOver($event, rate)\"\n        [for]=\"_id + '-' + rate.index\">\n        @if (rate.index <= selectedRatingValue) {\n          <wm-app-icon [iconclass]=\"activeiconclass\"\n                       [iconurl]=\"activeiconurl\"\n                       [defaultIconClass]=\"defaultActiveIconClass\"\n                       alt=\"Rating\"></wm-app-icon>\n        } @else {\n          <wm-app-icon [iconclass]=\"inactiveiconclass\"\n                       [iconurl]=\"inactiveiconurl\"\n                       [defaultIconClass]=\"defaultInactiveIconClass\"\n                       alt=\"Rating\"></wm-app-icon>\n        }\n        <input #ratingInput type=\"radio\" role=\"radio\" [attr.aria-label]=\"(rate.label || rate.index) + ' out of ' + ratingItems.length + ' ratings'\" [attr.aria-checked]=\"rate.label === datavalue ? 'true' : 'false'\"\n          [id]=\"_id + '-' + rate.index\" (click)=\"onRatingClick($event, rate)\" name=\"ratings-id\" [value]=\"rate.key || rate.index\"/>\n      </label>\n    }\n  </div>\n    <div class=\"ratings-container readonly\" [class.hidden]=\"!isDecimal\" [ngStyle]=\"{ 'font-size': iconsize }\">\n        <div class=\"ratings-base\">\n            <wm-app-icon *ngFor=\"let s of starsArray\"\n                         [iconclass]=\"inactiveiconclass\"\n                         [iconurl]=\"inactiveiconurl\"\n                         [defaultIconClass]=\"defaultInactiveIconClass\"\n                         alt=\"Rating\"></wm-app-icon>\n        </div>\n        <div class=\"ratings active\" [ngStyle]=\"{ width: ratingsWidth, color: iconcolor }\">\n            <wm-app-icon *ngFor=\"let s of starsArray\"\n                         [iconclass]=\"activeiconclass\"\n                         [iconurl]=\"activeiconurl\"\n                         [defaultIconClass]=\"defaultActiveIconClass\"\n                         alt=\"Rating\"></wm-app-icon>\n        </div>\n    </div>\n    @if (showcaptions) {\n    <label class=\"caption\" [textContent]=\"caption\"></label>\n  }\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: WmAppIconComponent, selector: "wm-app-icon", inputs: ["icon", "iconclass", "iconurl", "defaultIconClass", "defaultClasses", "iconStyle", "alt"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: RatingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: RatingComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, FormsModule, WmAppIconComponent], selector: '[wmRating]', providers: [
                         provideAs(RatingComponent, NG_VALUE_ACCESSOR, true),

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/rating/src/rating.props.ts","../../../../../projects/components/widgets/input/rating/src/rating.component.ts","../../../../../projects/components/widgets/input/rating/src/rating.component.html","../../../../../projects/components/widgets/input/rating/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 ratingProps = new Map(\n    [\n        ['caption', PROP_STRING],\n        ['class', PROP_STRING],\n        ['datafield', PROP_STRING],\n        ['dataset', PROP_ANY],\n        ['datavaluesource', PROP_ANY],\n        ['datavalue', PROP_STRING],\n        ['displayexpression', PROP_STRING],\n        ['displayfield', PROP_STRING],\n        ['iconcolor', PROP_STRING],\n        ['activeiconclass', {value: 'wi wi-star', ...PROP_STRING}],\n        ['inactiveiconclass', {value: 'wi wi-star-border', ...PROP_STRING}],\n        ['activeiconurl', PROP_STRING],\n        ['inactiveiconurl', PROP_STRING],\n        ['iconsize', PROP_STRING],\n        ['maxvalue', {value: 5, ...PROP_NUMBER}],\n        ['name', PROP_STRING],\n        ['orderby', PROP_STRING],\n        ['readonly', PROP_BOOLEAN],\n        ['show', {value: true, ...PROP_BOOLEAN}],\n        ['showcaptions', {value: true, ...PROP_BOOLEAN}],\n        ['tabindex', {value: 0, ...PROP_NUMBER}],\n        ['usekeys', PROP_BOOLEAN]\n    ]\n);\n\nexport const registerProps = () => {\n    register(\n        'wm-rating',\n        ratingProps\n    );\n    registerFormWidget(\n        FormWidgetType.RATING,\n        new Map(ratingProps)\n    );\n};\n","import { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport {Component, ElementRef, Inject, Injector, OnDestroy, Optional, ViewChild} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport {generateGUId, noop} from '@wm/core';\nimport { getOrderedDataset, provideAs, provideAsWidgetRef, styler, WmAppIconComponent } from '@wm/components/base';\nimport { DatasetAwareFormComponent } from '@wm/components/input/dataset-aware-form';\n\nimport { registerProps } from './rating.props';\nimport {find, isEmpty, isUndefined, slice, toString} from \"lodash-es\";\n\nconst DEFAULT_CLS = 'app-ratings';\nconst WIDGET_CONFIG = {widgetType: 'wm-rating', hostClass: DEFAULT_CLS};\n\nconst MAX_RATING = 10;\nconst DEFAULT_RATING = 5;\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, FormsModule, WmAppIconComponent],\n    selector: '[wmRating]',\n    templateUrl: './rating.component.html',\n    providers: [\n        provideAs(RatingComponent, NG_VALUE_ACCESSOR, true),\n        provideAsWidgetRef(RatingComponent)\n    ]\n})\nexport class RatingComponent extends DatasetAwareFormComponent implements OnDestroy {\n    static initializeProps = registerProps();\n\n    public caption: string;\n    public showcaptions: boolean;\n    public maxvalue;\n\n    private _selectedRatingValue;\n    public ratingsWidth;\n    public ratingItems;\n    private _id;\n    public starsArray;\n    public isDecimal=false;\n\n    public iconsize: string;\n    public iconcolor: string;\n    public onFocus: any;\n    private touchEnabled:boolean;\n    public activeiconclass: string = '';\n    public inactiveiconclass: string = '';\n    public activeiconurl: string;\n    public inactiveiconurl: string;\n    @ViewChild('ratingInput', /* TODO: add static flag */ { read: ElementRef }) ratingEl: ElementRef;\n\n    public static readonly DEFAULT_ACTIVE_ICON_CLASS = 'wi wi-star';\n    public static readonly DEFAULT_INACTIVE_ICON_CLASS = 'wi wi-star-border';\n    public readonly defaultActiveIconClass = RatingComponent.DEFAULT_ACTIVE_ICON_CLASS;\n    public readonly defaultInactiveIconClass = RatingComponent.DEFAULT_INACTIVE_ICON_CLASS;\n\n    get selectedRatingValue() {\n        return this._selectedRatingValue;\n    }\n\n    set selectedRatingValue(val) {\n        this._selectedRatingValue = val;\n        this.calculateRatingsWidth();\n    }\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        this._id = generateGUId();\n        styler(this.nativeElement, this);\n\n        // prepare the rating options on dataset ready.\n        const datasetSubscription = this.dataset$.subscribe(() => {\n            this.prepareRatingDataset();\n        });\n        this.registerDestroyListener(() => datasetSubscription.unsubscribe());\n\n        // listen to changes in datavalue.\n        const datavalueSubscription = this.datavalue$.subscribe(() => this.onDatavalueChange(this.datavalue));\n        this.registerDestroyListener(() => datavalueSubscription.unsubscribe());\n    }\n\n    // Change event is registered from the template, Prevent the framework from registering one more event\n    protected handleEvent(node: HTMLElement, eventName: string, eventCallback: Function, locals: any) {\n        if (eventName !== 'change' && eventName !== 'blur') {\n            super.handleEvent(this.ratingEl.nativeElement, eventName, eventCallback, locals);\n        }\n    }\n\n    // This function returns the rating widget dataset containing the index, value and label\n    private prepareRatingDataset() {\n        if (!this.datasetItems.length) {\n            this.ratingItems = [];\n            this.caption = '';\n        }\n\n        let ratingItems = [];\n        let data = this.datasetItems;\n        const maxvalue = parseInt(this.maxvalue || this.datasetItems.length, 10);\n        const maxValue = (maxvalue > MAX_RATING ? MAX_RATING : maxvalue) || DEFAULT_RATING;\n\n        /**\n         * 1. If datasetItems.length is more than maxValue (i.e. 10 ratings) then just extract maxValue of items from datasetItems.\n         * 2. If datasetItems are not available then prepare ratings value depending on maxvalue. eg: 1,2,3 .. upto maxvalue\n         * 3. If maxvalue / i value is more than datasetItems length, prepare default rating items for i values more than datasetItems.length\n         */\n        if (data.length && data.length > maxValue) {\n            data = slice(data, 0, maxValue);\n        }\n\n        for (let i = maxValue; i > 0; i--) {\n            if (!data.length) {\n                ratingItems.push({key: i, value: i, index: i, label: i});\n            } else {\n                if (i > data.length) {\n                    ratingItems.push({key: i, value: i, index: i, label: i});\n                } else {\n                    data = getOrderedDataset(data, 'index:desc');\n                    ratingItems = ratingItems.concat(data);\n                    break;\n                }\n            }\n        }\n\n        this.ratingItems = ratingItems;\n        if (!data.length) { // constructs default datasetItems when there is no dataset binding.\n            this.datasetItems = ratingItems;\n        }\n        this.onDatavalueChange(this.datavalue);\n    }\n\n    onRatingClick($event, rate) {\n        this.modelByKey = rate.key;\n        this.selectedRatingValue = rate.index;\n\n        // support if the caption is binded in the old projects for backward compatibility\n        if (!this.showcaptions) {\n            this.caption = rate.label;\n        }\n\n        this.invokeOnTouched();\n        // invoke on datavalue change.\n        this.invokeOnChange(this.datavalue, $event || {}, true);\n    }\n\n    // Update the selected flag on datasetItems and assign the ratingValue.\n    /**\n     * On datavalue change, update the caption, selectedRatingValue.\n     * 1. if datasetItems contain the selected item (check the selected flag on item), find the index of selected item.\n     * 2. if not, just check if the datavalue is provided as the index on the item.\n     *\n     * @param dataVal datavalue\n     */\n    onDatavalueChange(dataVal) {\n        if (!isEmpty(this.datasetItems)) {\n            let selectedItem = find(this.datasetItems, {'selected': true});\n\n            if (!selectedItem && !isUndefined(dataVal)) {\n                selectedItem = find(this.datasetItems, function (item) {\n                    return toString(item.index) === dataVal;\n                });\n                if (selectedItem) {\n                    selectedItem.selected = true;\n                }\n            }\n\n            if (!selectedItem) {\n                // reset the  model if there is no item found.\n                this.modelByKey = undefined;\n                this.caption = '';\n            }\n\n            this.selectedRatingValue = selectedItem ? selectedItem.index : 0;\n            if (selectedItem) {\n                this.caption = selectedItem.label;\n            }\n        } else {\n            this.selectedRatingValue = 0;\n        }\n        if (this.readonly) {\n            // when dataset is not given but datavalue is provided which is integer\n            if (!this.selectedRatingValue && !isNaN(dataVal)) {\n                this.selectedRatingValue = (parseFloat(dataVal) <= this.maxvalue) ? dataVal : this.maxvalue;\n            }\n            this.ratingsWidth = this.calculateRatingsWidth(dataVal);\n        }\n        if(this.readonly && !isNaN(dataVal) && !Number.isInteger(parseFloat(dataVal))) {\n            this._modelByKey = dataVal;\n            this._modelByValue=dataVal\n            this.isDecimal=true;\n            this.ratingsWidth = this.calculateRatingsWidth(this.getPrevDataValue());\n            this.caption = this.selectedRatingValue\n        }\n    }\n\n    calculateRatingsWidth(dataVal?: any) {\n        const selectedRating = parseFloat(this.selectedRatingValue),\n            maxValue = parseInt(this.maxvalue || this.datasetItems.length, 10) || DEFAULT_RATING;\n\n        dataVal = dataVal || this.datavalue;\n        if ((dataVal === undefined || dataVal === '' || dataVal === null)||selectedRating <= 0) {\n            this.caption = '';\n            return '0%';\n        }\n        const safeRating = Math.min(selectedRating, maxValue);\n        return ( (safeRating / maxValue) * 100)+'%';\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'readonly') {\n            this.isDecimal=false;\n            if (nv) {\n                this.ratingsWidth = this.calculateRatingsWidth();\n                this.onDatavalueChange(this.getPrevDataValue())\n            }\n        } else if (key === 'maxvalue') {\n            /** Storing the datavalue in temp variable and assiging back to datavalue\n             * after default datalist is prepared to trigger Dataset Aware class select cycle\n             * as the datavalue property change is triggering first rather than maxvalue\n             * in the rating widget is used inside a datatable\n             */\n            this.starsArray = Array(this.maxvalue);\n            let tempDataValue = this.datavalue;\n            this.prepareRatingDataset();\n            // reset all the items.\n            this.resetDatasetItems();\n            if (!isUndefined(tempDataValue)) {\n                this.datavalue = tempDataValue;\n            }\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    /* Detect touch enabled devices & update hover styles*/\n    onTouchStart($event) {\n        this.touchEnabled = true;\n        this.onTouchStart = noop;\n    }\n    onMouseleave() {\n        this.caption = this.displayValue as string;\n    }\n\n    onMouseOver($event, rate) {\n        this.caption = rate.label;\n        !this.touchEnabled && !$event.target.classList.contains('rating-label-hover') && $event.target.classList.add('rating-label-hover');\n    }\n\n    ngOnDestroy() {\n        // MEMORY LEAK FIX: Clear ViewChild reference\n        this.ratingEl = null;\n\n        // MEMORY LEAK FIX: Clear rating items array\n        if (this.ratingItems) {\n            this.ratingItems = [];\n        }\n\n        // Call parent ngOnDestroy (DatasetAwareFormComponent has cleanup)\n        super.ngOnDestroy();\n    }\n}\n","<div (focus)=\"onFocus($event)\" [(ngModel)]=\"modelByKey\" [ngModelOptions]=\"{standalone: true}\"\n  class=\"ratings-wrapper\" ngDefaultControl>\n  <div [class.hidden]=\"readonly && isDecimal\" [class.disabled]=\"readonly\" class=\"rating-style\">\n    @for (rate of ratingItems; track rate) {\n      <label\n        [ngClass]=\"{active : rate.index <= selectedRatingValue}\"\n        [ngStyle]=\"{'font-size' :iconsize, color: rate.index <= selectedRatingValue && iconcolor}\"\n        [title]=\"rate.label || rate.index\"\n        (touchstart)=\"onTouchStart($event)\"\n        (mouseleave)=\"onMouseleave($event, rate)\"\n        (mouseover)=\"onMouseOver($event, rate)\"\n        [for]=\"_id + '-' + rate.index\">\n        @if (rate.index <= selectedRatingValue) {\n          <wm-app-icon [iconclass]=\"activeiconclass\"\n                       [iconurl]=\"activeiconurl\"\n                       [defaultIconClass]=\"defaultActiveIconClass\"\n                       alt=\"Rating\"></wm-app-icon>\n        } @else {\n          <wm-app-icon [iconclass]=\"inactiveiconclass\"\n                       [iconurl]=\"inactiveiconurl\"\n                       [defaultIconClass]=\"defaultInactiveIconClass\"\n                       alt=\"Rating\"></wm-app-icon>\n        }\n        <input #ratingInput type=\"radio\" role=\"radio\" [attr.aria-label]=\"(rate.label || rate.index) + ' out of ' + ratingItems.length + ' ratings'\" [attr.aria-checked]=\"rate.label === datavalue ? 'true' : 'false'\"\n          [id]=\"_id + '-' + rate.index\" (click)=\"onRatingClick($event, rate)\" name=\"ratings-id\" [value]=\"rate.key || rate.index\"/>\n      </label>\n    }\n  </div>\n    <div class=\"ratings-container readonly\" [class.hidden]=\"!isDecimal\" [ngStyle]=\"{ 'font-size': iconsize }\">\n        <div class=\"ratings-base\">\n            <wm-app-icon *ngFor=\"let s of starsArray\"\n                         [iconclass]=\"inactiveiconclass\"\n                         [iconurl]=\"inactiveiconurl\"\n                         [defaultIconClass]=\"defaultInactiveIconClass\"\n                         alt=\"Rating\"></wm-app-icon>\n        </div>\n        <div class=\"ratings active\" [ngStyle]=\"{ width: ratingsWidth, color: iconcolor }\">\n            <wm-app-icon *ngFor=\"let s of starsArray\"\n                         [iconclass]=\"activeiconclass\"\n                         [iconurl]=\"activeiconurl\"\n                         [defaultIconClass]=\"defaultActiveIconClass\"\n                         alt=\"Rating\"></wm-app-icon>\n        </div>\n    </div>\n    @if (showcaptions) {\n    <label class=\"caption\" [textContent]=\"caption\"></label>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/rating/src/rating.props.ts","../../../../../projects/components/widgets/input/rating/src/rating.component.ts","../../../../../projects/components/widgets/input/rating/src/rating.component.html","../../../../../projects/components/widgets/input/rating/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 ratingProps = new Map(\n    [\n        ['caption', PROP_STRING],\n        ['class', PROP_STRING],\n        ['datafield', PROP_STRING],\n        ['dataset', PROP_ANY],\n        ['datavaluesource', PROP_ANY],\n        ['datavalue', PROP_STRING],\n        ['displayexpression', PROP_STRING],\n        ['displayfield', PROP_STRING],\n        ['iconcolor', PROP_STRING],\n        ['activeiconclass', {value: 'wi wi-star', ...PROP_STRING}],\n        ['inactiveiconclass', {value: 'wi wi-star-border', ...PROP_STRING}],\n        ['activeiconurl', PROP_STRING],\n        ['inactiveiconurl', PROP_STRING],\n        ['iconsize', PROP_STRING],\n        ['maxvalue', {value: 5, ...PROP_NUMBER}],\n        ['name', PROP_STRING],\n        ['orderby', PROP_STRING],\n        ['readonly', PROP_BOOLEAN],\n        ['show', {value: true, ...PROP_BOOLEAN}],\n        ['showcaptions', {value: true, ...PROP_BOOLEAN}],\n        ['tabindex', {value: 0, ...PROP_NUMBER}],\n        ['usekeys', PROP_BOOLEAN]\n    ]\n);\n\nexport const registerProps = () => {\n    register(\n        'wm-rating',\n        ratingProps\n    );\n    registerFormWidget(\n        FormWidgetType.RATING,\n        new Map(ratingProps)\n    );\n};\n","import { CommonModule } from '@angular/common';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport {Component, ElementRef, Inject, Injector, OnDestroy, Optional, ViewChild} from '@angular/core';\n\nimport {generateGUId, noop} from '@wm/core';\nimport { getOrderedDataset, provideAs, provideAsWidgetRef, styler, WmAppIconComponent } from '@wm/components/base';\nimport { DatasetAwareFormComponent } from '@wm/components/input/dataset-aware-form';\n\nimport { registerProps } from './rating.props';\nimport {find, isEmpty, isUndefined, slice, toString} from \"lodash-es\";\n\nconst DEFAULT_CLS = 'app-ratings';\nconst WIDGET_CONFIG = {widgetType: 'wm-rating', hostClass: DEFAULT_CLS};\n\nconst MAX_RATING = 10;\nconst DEFAULT_RATING = 5;\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, FormsModule, WmAppIconComponent],\n    selector: '[wmRating]',\n    templateUrl: './rating.component.html',\n    providers: [\n        provideAs(RatingComponent, NG_VALUE_ACCESSOR, true),\n        provideAsWidgetRef(RatingComponent)\n    ]\n})\nexport class RatingComponent extends DatasetAwareFormComponent implements OnDestroy {\n    static readonly initializeProps = registerProps();\n\n    public caption: string;\n    public showcaptions: boolean;\n    public maxvalue;\n\n    private _selectedRatingValue;\n    public ratingsWidth;\n    public ratingItems;\n    private readonly _id;\n    public starsArray;\n    public isDecimal=false;\n\n    public iconsize: string;\n    public iconcolor: string;\n    public onFocus: any;\n    private touchEnabled:boolean;\n    public activeiconclass: string = '';\n    public inactiveiconclass: string = '';\n    public activeiconurl: string;\n    public inactiveiconurl: string;\n    @ViewChild('ratingInput', /* TODO: add static flag */ { read: ElementRef }) ratingEl: ElementRef;\n\n    public static readonly DEFAULT_ACTIVE_ICON_CLASS = 'wi wi-star';\n    public static readonly DEFAULT_INACTIVE_ICON_CLASS = 'wi wi-star-border';\n    public readonly defaultActiveIconClass = RatingComponent.DEFAULT_ACTIVE_ICON_CLASS;\n    public readonly defaultInactiveIconClass = RatingComponent.DEFAULT_INACTIVE_ICON_CLASS;\n\n    get selectedRatingValue() {\n        return this._selectedRatingValue;\n    }\n\n    set selectedRatingValue(val) {\n        this._selectedRatingValue = val;\n        this.calculateRatingsWidth();\n    }\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        this._id = generateGUId();\n        styler(this.nativeElement, this);\n\n        // prepare the rating options on dataset ready.\n        const datasetSubscription = this.dataset$.subscribe(() => {\n            this.prepareRatingDataset();\n        });\n        this.registerDestroyListener(() => datasetSubscription.unsubscribe());\n\n        // listen to changes in datavalue.\n        const datavalueSubscription = this.datavalue$.subscribe(() => this.onDatavalueChange(this.datavalue));\n        this.registerDestroyListener(() => datavalueSubscription.unsubscribe());\n    }\n\n    // Change event is registered from the template, Prevent the framework from registering one more event\n    protected handleEvent(node: HTMLElement, eventName: string, eventCallback: Function, locals: any) {\n        if (eventName !== 'change' && eventName !== 'blur') {\n            super.handleEvent(this.ratingEl.nativeElement, eventName, eventCallback, locals);\n        }\n    }\n\n    // This function returns the rating widget dataset containing the index, value and label\n    private prepareRatingDataset() {\n        if (!this.datasetItems.length) {\n            this.ratingItems = [];\n            this.caption = '';\n        }\n\n        let ratingItems = [];\n        let data = this.datasetItems;\n        const maxvalue = parseInt(this.maxvalue || this.datasetItems.length, 10);\n        const maxValue = (maxvalue > MAX_RATING ? MAX_RATING : maxvalue) || DEFAULT_RATING;\n\n        /**\n         * 1. If datasetItems.length is more than maxValue (i.e. 10 ratings) then just extract maxValue of items from datasetItems.\n         * 2. If datasetItems are not available then prepare ratings value depending on maxvalue. eg: 1,2,3 .. upto maxvalue\n         * 3. If maxvalue / i value is more than datasetItems length, prepare default rating items for i values more than datasetItems.length\n         */\n        if (data.length && data.length > maxValue) {\n            data = slice(data, 0, maxValue);\n        }\n\n        for (let i = maxValue; i > 0; i--) {\n            if (!data.length) {\n                ratingItems.push({key: i, value: i, index: i, label: i});\n            } else \n                if (i > data.length) {\n                    ratingItems.push({key: i, value: i, index: i, label: i});\n                } else {\n                    data = getOrderedDataset(data, 'index:desc');\n                    ratingItems = ratingItems.concat(data);\n                    break;\n                }\n            \n        }\n\n        this.ratingItems = ratingItems;\n        if (!data.length) { // constructs default datasetItems when there is no dataset binding.\n            this.datasetItems = ratingItems;\n        }\n        this.onDatavalueChange(this.datavalue);\n    }\n\n    onRatingClick($event, rate) {\n        this.modelByKey = rate.key;\n        this.selectedRatingValue = rate.index;\n\n        // support if the caption is binded in the old projects for backward compatibility\n        if (!this.showcaptions) {\n            this.caption = rate.label;\n        }\n\n        this.invokeOnTouched();\n        // invoke on datavalue change.\n        this.invokeOnChange(this.datavalue, $event || {}, true);\n    }\n\n    // Update the selected flag on datasetItems and assign the ratingValue.\n    /**\n     * On datavalue change, update the caption, selectedRatingValue.\n     * 1. if datasetItems contain the selected item (check the selected flag on item), find the index of selected item.\n     * 2. if not, just check if the datavalue is provided as the index on the item.\n     *\n     * @param dataVal datavalue\n     */\n    onDatavalueChange(dataVal) {\n        if (!isEmpty(this.datasetItems)) {\n            let selectedItem = find(this.datasetItems, {'selected': true});\n\n            if (!selectedItem && !isUndefined(dataVal)) {\n                selectedItem = find(this.datasetItems, function (item) {\n                    return toString(item.index) === dataVal;\n                });\n                if (selectedItem) {\n                    selectedItem.selected = true;\n                }\n            }\n\n            if (!selectedItem) {\n                // reset the  model if there is no item found.\n                this.modelByKey = undefined;\n                this.caption = '';\n            }\n\n            this.selectedRatingValue = selectedItem ? selectedItem.index : 0;\n            if (selectedItem) {\n                this.caption = selectedItem.label;\n            }\n        } else {\n            this.selectedRatingValue = 0;\n        }\n        if (this.readonly) {\n            // when dataset is not given but datavalue is provided which is integer\n            if (!this.selectedRatingValue && !isNaN(dataVal)) {\n                this.selectedRatingValue = (parseFloat(dataVal) <= this.maxvalue) ? dataVal : this.maxvalue;\n            }\n            this.ratingsWidth = this.calculateRatingsWidth(dataVal);\n        }\n        if(this.readonly && !isNaN(dataVal) && !Number.isInteger(parseFloat(dataVal))) {\n            this._modelByKey = dataVal;\n            this._modelByValue=dataVal\n            this.isDecimal=true;\n            this.ratingsWidth = this.calculateRatingsWidth(this.getPrevDataValue());\n            this.caption = this.selectedRatingValue\n        }\n    }\n\n    calculateRatingsWidth(dataVal?: any) {\n        const selectedRating = parseFloat(this.selectedRatingValue),\n            maxValue = parseInt(this.maxvalue || this.datasetItems.length, 10) || DEFAULT_RATING;\n\n        dataVal = dataVal || this.datavalue;\n        if ((dataVal === undefined || dataVal === '' || dataVal === null)||selectedRating <= 0) {\n            this.caption = '';\n            return '0%';\n        }\n        const safeRating = Math.min(selectedRating, maxValue);\n        return ( (safeRating / maxValue) * 100)+'%';\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'readonly') {\n            this.isDecimal=false;\n            if (nv) {\n                this.ratingsWidth = this.calculateRatingsWidth();\n                this.onDatavalueChange(this.getPrevDataValue())\n            }\n        } else if (key === 'maxvalue') {\n            /** Storing the datavalue in temp variable and assiging back to datavalue\n             * after default datalist is prepared to trigger Dataset Aware class select cycle\n             * as the datavalue property change is triggering first rather than maxvalue\n             * in the rating widget is used inside a datatable\n             */\n            this.starsArray = Array(this.maxvalue);\n            let tempDataValue = this.datavalue;\n            this.prepareRatingDataset();\n            // reset all the items.\n            this.resetDatasetItems();\n            if (!isUndefined(tempDataValue)) {\n                this.datavalue = tempDataValue;\n            }\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    /* Detect touch enabled devices & update hover styles*/\n    onTouchStart($event) {\n        this.touchEnabled = true;\n        this.onTouchStart = noop;\n    }\n    onMouseleave() {\n        this.caption = this.displayValue as string;\n    }\n\n    onMouseOver($event, rate) {\n        this.caption = rate.label;\n        !this.touchEnabled && !$event.target.classList.contains('rating-label-hover') && $event.target.classList.add('rating-label-hover');\n    }\n\n    ngOnDestroy() {\n        // MEMORY LEAK FIX: Clear ViewChild reference\n        this.ratingEl = null;\n\n        // MEMORY LEAK FIX: Clear rating items array\n        if (this.ratingItems) {\n            this.ratingItems = [];\n        }\n\n        // Call parent ngOnDestroy (DatasetAwareFormComponent has cleanup)\n        super.ngOnDestroy();\n    }\n}\n","<div (focus)=\"onFocus($event)\" [(ngModel)]=\"modelByKey\" [ngModelOptions]=\"{standalone: true}\"\n  class=\"ratings-wrapper\" ngDefaultControl>\n  <div [class.hidden]=\"readonly && isDecimal\" [class.disabled]=\"readonly\" class=\"rating-style\">\n    @for (rate of ratingItems; track rate) {\n      <label\n        [ngClass]=\"{active : rate.index <= selectedRatingValue}\"\n        [ngStyle]=\"{'font-size' :iconsize, color: rate.index <= selectedRatingValue && iconcolor}\"\n        [title]=\"rate.label || rate.index\"\n        (touchstart)=\"onTouchStart($event)\"\n        (mouseleave)=\"onMouseleave($event, rate)\"\n        (mouseover)=\"onMouseOver($event, rate)\"\n        [for]=\"_id + '-' + rate.index\">\n        @if (rate.index <= selectedRatingValue) {\n          <wm-app-icon [iconclass]=\"activeiconclass\"\n                       [iconurl]=\"activeiconurl\"\n                       [defaultIconClass]=\"defaultActiveIconClass\"\n                       alt=\"Rating\"></wm-app-icon>\n        } @else {\n          <wm-app-icon [iconclass]=\"inactiveiconclass\"\n                       [iconurl]=\"inactiveiconurl\"\n                       [defaultIconClass]=\"defaultInactiveIconClass\"\n                       alt=\"Rating\"></wm-app-icon>\n        }\n        <input #ratingInput type=\"radio\" role=\"radio\" [attr.aria-label]=\"(rate.label || rate.index) + ' out of ' + ratingItems.length + ' ratings'\" [attr.aria-checked]=\"rate.label === datavalue ? 'true' : 'false'\"\n          [id]=\"_id + '-' + rate.index\" (click)=\"onRatingClick($event, rate)\" name=\"ratings-id\" [value]=\"rate.key || rate.index\"/>\n      </label>\n    }\n  </div>\n    <div class=\"ratings-container readonly\" [class.hidden]=\"!isDecimal\" [ngStyle]=\"{ 'font-size': iconsize }\">\n        <div class=\"ratings-base\">\n            <wm-app-icon *ngFor=\"let s of starsArray\"\n                         [iconclass]=\"inactiveiconclass\"\n                         [iconurl]=\"inactiveiconurl\"\n                         [defaultIconClass]=\"defaultInactiveIconClass\"\n                         alt=\"Rating\"></wm-app-icon>\n        </div>\n        <div class=\"ratings active\" [ngStyle]=\"{ width: ratingsWidth, color: iconcolor }\">\n            <wm-app-icon *ngFor=\"let s of starsArray\"\n                         [iconclass]=\"activeiconclass\"\n                         [iconurl]=\"activeiconurl\"\n                         [defaultIconClass]=\"defaultActiveIconClass\"\n                         alt=\"Rating\"></wm-app-icon>\n        </div>\n    </div>\n    @if (showcaptions) {\n    <label class=\"caption\" [textContent]=\"caption\"></label>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/input/rating/types/index.d.ts

@@ -3,14 +3,14 @@ import { OnDestroy, ElementRef, Injector } from '@angular/core';
 import { DatasetAwareFormComponent } from '@wm/components/input/dataset-aware-form';
 
 declare class RatingComponent extends DatasetAwareFormComponent implements OnDestroy {
-    static initializeProps: void;
+    static readonly initializeProps: void;
     caption: string;
     showcaptions: boolean;
     maxvalue: any;
     private _selectedRatingValue;
     ratingsWidth: any;
     ratingItems: any;
-    private _id;
+    private readonly _id;
     starsArray: any;
     isDecimal: boolean;
     iconsize: string;

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

@@ -63,7 +63,7 @@
     class SelectComponent extends datasetAwareForm.DatasetAwareFormComponent {
         static { this.initializeProps = registerProps(); }
         set datasource(ds) {
-            if (ds && ds.execute && ds.execute(core.DataSource.Operation.IS_BOUND_TO_LOCALE)) {
+            if (ds?.execute?.(core.DataSource.Operation.IS_BOUND_TO_LOCALE)) {
                 this.datavalue = ds.execute(core.DataSource.Operation.GET_DEFAULT_LOCALE);
             }
         }
@@ -196,14 +196,14 @@
             // Call parent ngOnDestroy (DatasetAwareFormComponent has cleanup)
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: SelectComponent, 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: "21.2.20", type: SelectComponent, isStandalone: true, selector: "wm-select", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: SelectComponent, 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: "21.2.21", type: SelectComponent, isStandalone: true, selector: "wm-select", providers: [
                 base.provideAs(SelectComponent, i2.NG_VALUE_ACCESSOR, true),
                 base.provideAs(SelectComponent, i2.NG_VALIDATORS, true),
                 base.provideAsWidgetRef(SelectComponent)
             ], viewQueries: [{ propertyName: "selectEl", first: true, predicate: ["select"], descendants: true, read: i0.ElementRef, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<!--Updated focus with mousedown event. IOS devices not allow update of option value after opening dropdown-->\n<select #select\n  focus-target\n  [ngClass]=\"['app-select form-control', class]\"\n  [disabled]=\"disabled\"\n  [required]=\"required\"\n  [tabindex]=\"tabindex\"\n  [attr.accesskey]=\"shortcutkey\"\n  [(ngModel)]=\"modelByKey\"\n  [ngModelOptions]=\"{standalone: true}\"\n  [multiple]=\"multiple\"\n  (change)=\"onSelectValueChange($event)\"\n  (mousedown)=\"checkForFloatingLabel($event)\"\n  (blur)=\"invokeOnTouched($event); checkForFloatingLabel($event)\"\n  [attr.name]=\"name\"\n  [attr.aria-label]=\"arialabel\"\n  [autofocus]=\"autofocus\">\n\n  <option selected\n    value=\"undefined\"\n    [textContent]=\"placeholder\"\n    id=\"placeholderOption\"\n  [hidden]=\"!placeholder\"></option>\n\n  @if (groupby) {\n    @for (groupObj of groupedData; track groupObj) {\n      <optgroup\n        [label]=\"groupObj.key\">\n        @for (item of groupObj.data; track item) {\n          <option\n            [value]=\"item.key\"\n            [selected]=\"item.selected\"\n            [textContent]=\"item.label\"\n          ></option>\n        }\n      </optgroup>\n    }\n  }\n\n  @if (!groupby) {\n    @for (item of datasetItems; track item) {\n      <option\n        [value]=\"item.key\"\n        [selected]=\"item.selected\"\n        [textContent]=\"item.label\"\n      ></option>\n    }\n  }\n</select>\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: "ngmodule", type: i2.FormsModule }, { kind: "directive", type: i2__namespace.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2__namespace.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2__namespace.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: SelectComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: SelectComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [i1.CommonModule, base.TextContentDirective, i2.FormsModule], selector: 'wm-select', providers: [
                             base.provideAs(SelectComponent, i2.NG_VALUE_ACCESSOR, true),

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

@@ -46,7 +46,7 @@ const WIDGET_CONFIG = { widgetType: 'wm-select', hostClass: 'app-select-wrapper'
 class SelectComponent extends DatasetAwareFormComponent {
     static { this.initializeProps = registerProps(); }
     set datasource(ds) {
-        if (ds && ds.execute && ds.execute(DataSource.Operation.IS_BOUND_TO_LOCALE)) {
+        if (ds?.execute?.(DataSource.Operation.IS_BOUND_TO_LOCALE)) {
             this.datavalue = ds.execute(DataSource.Operation.GET_DEFAULT_LOCALE);
         }
     }
@@ -179,14 +179,14 @@ class SelectComponent extends DatasetAwareFormComponent {
         // Call parent ngOnDestroy (DatasetAwareFormComponent has cleanup)
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: SelectComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: SelectComponent, isStandalone: true, selector: "wm-select", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SelectComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: SelectComponent, isStandalone: true, selector: "wm-select", providers: [
             provideAs(SelectComponent, NG_VALUE_ACCESSOR, true),
             provideAs(SelectComponent, NG_VALIDATORS, true),
             provideAsWidgetRef(SelectComponent)
         ], viewQueries: [{ propertyName: "selectEl", first: true, predicate: ["select"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<!--Updated focus with mousedown event. IOS devices not allow update of option value after opening dropdown-->\n<select #select\n  focus-target\n  [ngClass]=\"['app-select form-control', class]\"\n  [disabled]=\"disabled\"\n  [required]=\"required\"\n  [tabindex]=\"tabindex\"\n  [attr.accesskey]=\"shortcutkey\"\n  [(ngModel)]=\"modelByKey\"\n  [ngModelOptions]=\"{standalone: true}\"\n  [multiple]=\"multiple\"\n  (change)=\"onSelectValueChange($event)\"\n  (mousedown)=\"checkForFloatingLabel($event)\"\n  (blur)=\"invokeOnTouched($event); checkForFloatingLabel($event)\"\n  [attr.name]=\"name\"\n  [attr.aria-label]=\"arialabel\"\n  [autofocus]=\"autofocus\">\n\n  <option selected\n    value=\"undefined\"\n    [textContent]=\"placeholder\"\n    id=\"placeholderOption\"\n  [hidden]=\"!placeholder\"></option>\n\n  @if (groupby) {\n    @for (groupObj of groupedData; track groupObj) {\n      <optgroup\n        [label]=\"groupObj.key\">\n        @for (item of groupObj.data; track item) {\n          <option\n            [value]=\"item.key\"\n            [selected]=\"item.selected\"\n            [textContent]=\"item.label\"\n          ></option>\n        }\n      </optgroup>\n    }\n  }\n\n  @if (!groupby) {\n    @for (item of datasetItems; track item) {\n      <option\n        [value]=\"item.key\"\n        [selected]=\"item.selected\"\n        [textContent]=\"item.label\"\n      ></option>\n    }\n  }\n</select>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: SelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SelectComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CommonModule, TextContentDirective, FormsModule], selector: 'wm-select', providers: [
                         provideAs(SelectComponent, NG_VALUE_ACCESSOR, true),

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/select/src/select.props.ts","../../../../../projects/components/widgets/input/select/src/select.component.ts","../../../../../projects/components/widgets/input/select/src/select.component.html","../../../../../projects/components/widgets/input/select/src/index.ts"],"sourcesContent":["import {FormWidgetType} from '@wm/core';\nimport {PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register, registerFormWidget} from '@wm/components/base';\n\nexport const selectProps = new Map(\n    [\n        ['autofocus', PROP_BOOLEAN],\n        ['class', {value: '', ...PROP_STRING}],\n        ['compareby', PROP_STRING],\n        ['datafield', PROP_STRING],\n        ['dataset', PROP_ANY],\n        ['datavaluesource', PROP_ANY],\n        ['datavalue', PROP_STRING],\n        ['dateformat', PROP_STRING],\n        ['disabled', PROP_BOOLEAN],\n        ['displayexpression', PROP_STRING],\n        ['displayfield', PROP_STRING],\n        ['displayValue', PROP_STRING],\n        ['groupby', PROP_STRING],\n        ['hint', PROP_STRING],\n        ['arialabel', PROP_STRING],\n        ['match', PROP_STRING],\n        ['multiple', {value: false, ...PROP_BOOLEAN}],\n        ['name', PROP_STRING],\n        ['orderby', PROP_STRING],\n        ['placeholder', 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        ['usekeys', PROP_BOOLEAN]\n    ]\n);\n\nexport const registerProps = () => {\n    register(\n        'wm-select',\n        selectProps\n    );\n    registerFormWidget(\n        FormWidgetType.SELECT,\n        new Map(selectProps)\n    );\n    registerFormWidget(\n        FormWidgetType.TYPEAHEAD,\n        new Map(selectProps)\n    );\n};\n","import { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport {AfterViewInit, Component, ElementRef, Inject, Injector, OnDestroy, Optional, ViewChild} from '@angular/core';\nimport {NG_VALIDATORS, NG_VALUE_ACCESSOR} from '@angular/forms';\nimport {DataSource, isIos, removeAttr, setAttr, isSafari} from '@wm/core';\nimport {provideAs, provideAsWidgetRef, styler, TextContentDirective} from '@wm/components/base';\nimport {DatasetAwareFormComponent} from '@wm/components/input/dataset-aware-form';\n\nimport {registerProps} from './select.props';\n\nconst WIDGET_CONFIG = {widgetType: 'wm-select', hostClass: 'app-select-wrapper'};\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, TextContentDirective, FormsModule],\n    selector: 'wm-select',\n    templateUrl: './select.component.html',\n    providers: [\n        provideAs(SelectComponent, NG_VALUE_ACCESSOR, true),\n        provideAs(SelectComponent, NG_VALIDATORS, true),\n        provideAsWidgetRef(SelectComponent)\n    ]\n})\nexport class SelectComponent extends DatasetAwareFormComponent implements AfterViewInit, OnDestroy {\n    static initializeProps = registerProps();\n\n    public readonly: boolean;\n    public placeholder: string;\n    public navsearchbar: any;\n    public class: any;\n    public required: boolean;\n    public disabled: boolean;\n    public tabindex: any;\n    public name: string;\n    public autofocus: boolean;\n    public hint: string;\n    public arialabel: string;\n    public shortcutkey: string;\n\n    @ViewChild('select', { static: true, read: ElementRef }) selectEl: ElementRef;\n\n    set datasource(ds) {\n        if (ds && ds.execute && ds.execute(DataSource.Operation.IS_BOUND_TO_LOCALE)) {\n            this.datavalue = ds.execute(DataSource.Operation.GET_DEFAULT_LOCALE);\n        }\n    }\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        this.acceptsArray = true;\n\n        /*\n        * When the dataset for a select element is updated and no longer includes the previously selected value:\n        * The select element becomes empty, and the ngModel value is updated to reflect this change.\n        * However, the change event is not triggered, preventing the form control from recognizing the update and applying necessary validations.\n        * As this widget implements ControlValueAccessor, manually updating the ngModel (or modelByKey) is necessary to ensure correct form behavior.\n        * */\n        const datasetSubscription = this.dataset$.subscribe(() => {\n            if(isIos() || isSafari()) {\n                if (this.datavalue) {\n                    const selectedItem = this.datasetItems.find(item => item.selected);\n                    if (!selectedItem) {\n                        setTimeout(() => {\n                            if(!this.placeholder) {\n                                this.selectEl.nativeElement.value = '';\n                            }\n                            this.modelByKey = undefined;\n                        }, 100);\n                    }\n                } else {\n                    setTimeout(() => {\n                        if(!this.placeholder) {\n                            this.selectEl.nativeElement.value = '';\n                        }\n\n                    }, 100);\n                }\n            }\n        });\n        this.registerDestroyListener(() => datasetSubscription.unsubscribe());\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n        styler(this.selectEl.nativeElement as HTMLElement, this);\n    }\n\n    // Change event is registered from the template, Prevent the framework from registering one more event\n    protected handleEvent(node: HTMLElement, eventName: string, eventCallback: Function, locals: any) {\n        if (!['blur', 'change'].includes(eventName)) {\n            super.handleEvent(this.selectEl.nativeElement, eventName, eventCallback, locals);\n        }\n    }\n\n    onSelectValueChange($event) {\n        if (this.readonly) {\n            if (this.placeholder) {\n                this.selectEl.nativeElement.value = this.placeholder;\n            } else {\n                this.selectEl.nativeElement.value = '';\n            }\n            this.datavalue = (this as any).prevDatavalue;\n            return;\n        }\n        this.invokeOnTouched();\n        // invoke on datavalue change.\n        this.invokeOnChange(this.datavalue, $event || {}, true);\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'required')  {\n            this._onChange(this.datavalue);\n            return;\n        }\n        if (key === 'class' ||  key === 'tabindex') {\n            if(key === 'class') {\n                // After NG15 upgrade ng-invalid class is added even the field is valid, so we are removing the ng-invalid manually\n                const isNgUntouchedValid = this.selectEl.nativeElement.classList.contains('ng-untouched') && this.selectEl.nativeElement.classList.contains('ng-valid')\n                if(isNgUntouchedValid && nv.includes('ng-untouched') && nv.includes('ng-invalid')) {\n                    setTimeout(()=> {\n                        if(this.selectEl.nativeElement.classList.contains('ng-untouched') && this.selectEl.nativeElement.classList.contains('ng-valid') && this.selectEl.nativeElement.classList.contains('ng-invalid')) {\n                            this.selectEl.nativeElement.classList.remove('ng-invalid');\n                        }\n                    });\n                }\n            }\n            return;\n        } else if (key === 'readonly') {\n             (nv === true) ? setAttr(this.selectEl.nativeElement, 'readonly', 'readonly') : removeAttr(this.selectEl.nativeElement, 'readonly') ;\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n\n    /**\n     * When caption floating is enabled and placeholder is given, do not show placeholder until user focuses on the field\n     * When focused add the placeholder to the option which is selected\n     * On blur, remove the placeholder and do not animate the label\n     * @param $event event received will be either a blur or focus event\n     */\n    checkForFloatingLabel($event) {\n        const captionEl = $(this.selectEl.nativeElement).closest('.app-composite-widget.caption-floating');\n        if(!this.placeholder && (isIos() || isSafari())) {\n            this.removePlaceholderOption();\n        }\n        if (captionEl.length > 0) {\n            const placeholderOption = this.selectEl.nativeElement.querySelector('#placeholderOption');\n            if ($event.type === 'mousedown' && (!this.datavalue || (this.datavalue && $(this.selectEl).find('select option:selected').text() === '' && this.placeholder))) {\n                if(this.placeholder) {\n                    placeholderOption.textContent = this.placeholder;\n                }\n            } else if (!this.datavalue) {\n                if(this.placeholder) {\n                    placeholderOption.textContent = '';\n                }\n                captionEl.removeClass('float-active');\n            }\n        }\n    }\n\n    /*\n    * Removing the placeholder option if no placeholder is provided.\n    * In html we are hiding the placeholder option using css but in Apple devices and safari option is showing.\n    * Styles are not allowed on option tag in ios safari\n    * After removing the option, if no datavalue is present and native select element sets value to the first option by default, so we are setting it to empty\n    * */\n    private removePlaceholderOption() {\n        const hiddenEle = $(this.selectEl.nativeElement).find('#placeholderOption');\n        if (hiddenEle.length) {\n            hiddenEle.remove();\n            if(!this.datavalue) {\n                this.selectEl.nativeElement.value = '';\n            }\n        }\n    }\n\n    ngOnDestroy() {\n        // MEMORY LEAK FIX: Clear ViewChild reference\n        this.selectEl = null;\n\n        // Call parent ngOnDestroy (DatasetAwareFormComponent has cleanup)\n        super.ngOnDestroy();\n    }\n}\n","<!--Updated focus with mousedown event. IOS devices not allow update of option value after opening dropdown-->\n<select #select\n  focus-target\n  [ngClass]=\"['app-select form-control', class]\"\n  [disabled]=\"disabled\"\n  [required]=\"required\"\n  [tabindex]=\"tabindex\"\n  [attr.accesskey]=\"shortcutkey\"\n  [(ngModel)]=\"modelByKey\"\n  [ngModelOptions]=\"{standalone: true}\"\n  [multiple]=\"multiple\"\n  (change)=\"onSelectValueChange($event)\"\n  (mousedown)=\"checkForFloatingLabel($event)\"\n  (blur)=\"invokeOnTouched($event); checkForFloatingLabel($event)\"\n  [attr.name]=\"name\"\n  [attr.aria-label]=\"arialabel\"\n  [autofocus]=\"autofocus\">\n\n  <option selected\n    value=\"undefined\"\n    [textContent]=\"placeholder\"\n    id=\"placeholderOption\"\n  [hidden]=\"!placeholder\"></option>\n\n  @if (groupby) {\n    @for (groupObj of groupedData; track groupObj) {\n      <optgroup\n        [label]=\"groupObj.key\">\n        @for (item of groupObj.data; track item) {\n          <option\n            [value]=\"item.key\"\n            [selected]=\"item.selected\"\n            [textContent]=\"item.label\"\n          ></option>\n        }\n      </optgroup>\n    }\n  }\n\n  @if (!groupby) {\n    @for (item of datasetItems; track item) {\n      <option\n        [value]=\"item.key\"\n        [selected]=\"item.selected\"\n        [textContent]=\"item.label\"\n      ></option>\n    }\n  }\n</select>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/select/src/select.props.ts","../../../../../projects/components/widgets/input/select/src/select.component.ts","../../../../../projects/components/widgets/input/select/src/select.component.html","../../../../../projects/components/widgets/input/select/src/index.ts"],"sourcesContent":["import {FormWidgetType} from '@wm/core';\nimport {PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register, registerFormWidget} from '@wm/components/base';\n\nexport const selectProps = new Map(\n    [\n        ['autofocus', PROP_BOOLEAN],\n        ['class', {value: '', ...PROP_STRING}],\n        ['compareby', PROP_STRING],\n        ['datafield', PROP_STRING],\n        ['dataset', PROP_ANY],\n        ['datavaluesource', PROP_ANY],\n        ['datavalue', PROP_STRING],\n        ['dateformat', PROP_STRING],\n        ['disabled', PROP_BOOLEAN],\n        ['displayexpression', PROP_STRING],\n        ['displayfield', PROP_STRING],\n        ['displayValue', PROP_STRING],\n        ['groupby', PROP_STRING],\n        ['hint', PROP_STRING],\n        ['arialabel', PROP_STRING],\n        ['match', PROP_STRING],\n        ['multiple', {value: false, ...PROP_BOOLEAN}],\n        ['name', PROP_STRING],\n        ['orderby', PROP_STRING],\n        ['placeholder', 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        ['usekeys', PROP_BOOLEAN]\n    ]\n);\n\nexport const registerProps = () => {\n    register(\n        'wm-select',\n        selectProps\n    );\n    registerFormWidget(\n        FormWidgetType.SELECT,\n        new Map(selectProps)\n    );\n    registerFormWidget(\n        FormWidgetType.TYPEAHEAD,\n        new Map(selectProps)\n    );\n};\n","import { CommonModule } from '@angular/common';\nimport { FormsModule, NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport {AfterViewInit, Component, ElementRef, Inject, Injector, OnDestroy, Optional, ViewChild} from '@angular/core';\nimport {DataSource, isIos, removeAttr, setAttr, isSafari} from '@wm/core';\nimport {provideAs, provideAsWidgetRef, styler, TextContentDirective} from '@wm/components/base';\nimport {DatasetAwareFormComponent} from '@wm/components/input/dataset-aware-form';\n\nimport {registerProps} from './select.props';\n\nconst WIDGET_CONFIG = {widgetType: 'wm-select', hostClass: 'app-select-wrapper'};\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, TextContentDirective, FormsModule],\n    selector: 'wm-select',\n    templateUrl: './select.component.html',\n    providers: [\n        provideAs(SelectComponent, NG_VALUE_ACCESSOR, true),\n        provideAs(SelectComponent, NG_VALIDATORS, true),\n        provideAsWidgetRef(SelectComponent)\n    ]\n})\nexport class SelectComponent extends DatasetAwareFormComponent implements AfterViewInit, OnDestroy {\n    static readonly initializeProps = registerProps();\n\n    public readonly: boolean;\n    public placeholder: string;\n    public navsearchbar: any;\n    public class: any;\n    public required: boolean;\n    public disabled: boolean;\n    public tabindex: any;\n    public name: string;\n    public autofocus: boolean;\n    public hint: string;\n    public arialabel: string;\n    public shortcutkey: string;\n\n    @ViewChild('select', { static: true, read: ElementRef }) selectEl: ElementRef;\n\n    set datasource(ds) {\n        if (ds?.execute?.(DataSource.Operation.IS_BOUND_TO_LOCALE)) {\n            this.datavalue = ds.execute(DataSource.Operation.GET_DEFAULT_LOCALE);\n        }\n    }\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        this.acceptsArray = true;\n\n        /*\n        * When the dataset for a select element is updated and no longer includes the previously selected value:\n        * The select element becomes empty, and the ngModel value is updated to reflect this change.\n        * However, the change event is not triggered, preventing the form control from recognizing the update and applying necessary validations.\n        * As this widget implements ControlValueAccessor, manually updating the ngModel (or modelByKey) is necessary to ensure correct form behavior.\n        * */\n        const datasetSubscription = this.dataset$.subscribe(() => {\n            if(isIos() || isSafari()) {\n                if (this.datavalue) {\n                    const selectedItem = this.datasetItems.find(item => item.selected);\n                    if (!selectedItem) {\n                        setTimeout(() => {\n                            if(!this.placeholder) {\n                                this.selectEl.nativeElement.value = '';\n                            }\n                            this.modelByKey = undefined;\n                        }, 100);\n                    }\n                } else {\n                    setTimeout(() => {\n                        if(!this.placeholder) {\n                            this.selectEl.nativeElement.value = '';\n                        }\n\n                    }, 100);\n                }\n            }\n        });\n        this.registerDestroyListener(() => datasetSubscription.unsubscribe());\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n        styler(this.selectEl.nativeElement as HTMLElement, this);\n    }\n\n    // Change event is registered from the template, Prevent the framework from registering one more event\n    protected handleEvent(node: HTMLElement, eventName: string, eventCallback: Function, locals: any) {\n        if (!['blur', 'change'].includes(eventName)) {\n            super.handleEvent(this.selectEl.nativeElement, eventName, eventCallback, locals);\n        }\n    }\n\n    onSelectValueChange($event) {\n        if (this.readonly) {\n            if (this.placeholder) {\n                this.selectEl.nativeElement.value = this.placeholder;\n            } else {\n                this.selectEl.nativeElement.value = '';\n            }\n            this.datavalue = (this as any).prevDatavalue;\n            return;\n        }\n        this.invokeOnTouched();\n        // invoke on datavalue change.\n        this.invokeOnChange(this.datavalue, $event || {}, true);\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'required')  {\n            this._onChange(this.datavalue);\n            return;\n        }\n        if (key === 'class' ||  key === 'tabindex') {\n            if(key === 'class') {\n                // After NG15 upgrade ng-invalid class is added even the field is valid, so we are removing the ng-invalid manually\n                const isNgUntouchedValid = this.selectEl.nativeElement.classList.contains('ng-untouched') && this.selectEl.nativeElement.classList.contains('ng-valid')\n                if(isNgUntouchedValid && nv.includes('ng-untouched') && nv.includes('ng-invalid')) {\n                    setTimeout(()=> {\n                        if(this.selectEl.nativeElement.classList.contains('ng-untouched') && this.selectEl.nativeElement.classList.contains('ng-valid') && this.selectEl.nativeElement.classList.contains('ng-invalid')) {\n                            this.selectEl.nativeElement.classList.remove('ng-invalid');\n                        }\n                    });\n                }\n            }\n            return;\n        } else if (key === 'readonly') {\n             (nv === true) ? setAttr(this.selectEl.nativeElement, 'readonly', 'readonly') : removeAttr(this.selectEl.nativeElement, 'readonly') ;\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n\n    /**\n     * When caption floating is enabled and placeholder is given, do not show placeholder until user focuses on the field\n     * When focused add the placeholder to the option which is selected\n     * On blur, remove the placeholder and do not animate the label\n     * @param $event event received will be either a blur or focus event\n     */\n    checkForFloatingLabel($event) {\n        const captionEl = $(this.selectEl.nativeElement).closest('.app-composite-widget.caption-floating');\n        if(!this.placeholder && (isIos() || isSafari())) {\n            this.removePlaceholderOption();\n        }\n        if (captionEl.length > 0) {\n            const placeholderOption = this.selectEl.nativeElement.querySelector('#placeholderOption');\n            if ($event.type === 'mousedown' && (!this.datavalue || (this.datavalue && $(this.selectEl).find('select option:selected').text() === '' && this.placeholder))) {\n                if(this.placeholder) {\n                    placeholderOption.textContent = this.placeholder;\n                }\n            } else if (!this.datavalue) {\n                if(this.placeholder) {\n                    placeholderOption.textContent = '';\n                }\n                captionEl.removeClass('float-active');\n            }\n        }\n    }\n\n    /*\n    * Removing the placeholder option if no placeholder is provided.\n    * In html we are hiding the placeholder option using css but in Apple devices and safari option is showing.\n    * Styles are not allowed on option tag in ios safari\n    * After removing the option, if no datavalue is present and native select element sets value to the first option by default, so we are setting it to empty\n    * */\n    private removePlaceholderOption() {\n        const hiddenEle = $(this.selectEl.nativeElement).find('#placeholderOption');\n        if (hiddenEle.length) {\n            hiddenEle.remove();\n            if(!this.datavalue) {\n                this.selectEl.nativeElement.value = '';\n            }\n        }\n    }\n\n    ngOnDestroy() {\n        // MEMORY LEAK FIX: Clear ViewChild reference\n        this.selectEl = null;\n\n        // Call parent ngOnDestroy (DatasetAwareFormComponent has cleanup)\n        super.ngOnDestroy();\n    }\n}\n","<!--Updated focus with mousedown event. IOS devices not allow update of option value after opening dropdown-->\n<select #select\n  focus-target\n  [ngClass]=\"['app-select form-control', class]\"\n  [disabled]=\"disabled\"\n  [required]=\"required\"\n  [tabindex]=\"tabindex\"\n  [attr.accesskey]=\"shortcutkey\"\n  [(ngModel)]=\"modelByKey\"\n  [ngModelOptions]=\"{standalone: true}\"\n  [multiple]=\"multiple\"\n  (change)=\"onSelectValueChange($event)\"\n  (mousedown)=\"checkForFloatingLabel($event)\"\n  (blur)=\"invokeOnTouched($event); checkForFloatingLabel($event)\"\n  [attr.name]=\"name\"\n  [attr.aria-label]=\"arialabel\"\n  [autofocus]=\"autofocus\">\n\n  <option selected\n    value=\"undefined\"\n    [textContent]=\"placeholder\"\n    id=\"placeholderOption\"\n  [hidden]=\"!placeholder\"></option>\n\n  @if (groupby) {\n    @for (groupObj of groupedData; track groupObj) {\n      <optgroup\n        [label]=\"groupObj.key\">\n        @for (item of groupObj.data; track item) {\n          <option\n            [value]=\"item.key\"\n            [selected]=\"item.selected\"\n            [textContent]=\"item.label\"\n          ></option>\n        }\n      </optgroup>\n    }\n  }\n\n  @if (!groupby) {\n    @for (item of datasetItems; track item) {\n      <option\n        [value]=\"item.key\"\n        [selected]=\"item.selected\"\n        [textContent]=\"item.label\"\n      ></option>\n    }\n  }\n</select>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/input/select/types/index.d.ts

@@ -3,7 +3,7 @@ import { AfterViewInit, OnDestroy, ElementRef, Injector } from '@angular/core';
 import { DatasetAwareFormComponent } from '@wm/components/input/dataset-aware-form';
 
 declare class SelectComponent extends DatasetAwareFormComponent implements AfterViewInit, OnDestroy {
-    static initializeProps: void;
+    static readonly initializeProps: void;
     readonly: boolean;
     placeholder: string;
     navsearchbar: any;

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

@@ -178,13 +178,13 @@
             // Call parent ngOnDestroy
             super.ngOnDestroy();
         }
-        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: SliderComponent, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }, { token: i1__namespace.App }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
-        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: SliderComponent, isStandalone: true, selector: "[wmSlider]", providers: [
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: SliderComponent, deps: [{ token: i0__namespace.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }, { token: i1__namespace.App }], target: i0__namespace.ɵɵFactoryTarget.Component }); }
+        static { this.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: SliderComponent, isStandalone: true, selector: "[wmSlider]", providers: [
                 base.provideAs(SliderComponent, i2.NG_VALUE_ACCESSOR, true),
                 base.provideAsWidgetRef(SliderComponent)
             ], viewQueries: [{ propertyName: "ngModel", first: true, predicate: i2.NgModel, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "@if (isPrism) {\n<div class=\"slider-container\">\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"decrementButton\" (click)=\"decrementButtonClick($event)\">\n    <wm-app-icon [iconclass]=\"starticon\" [iconurl]=\"starticonurl\"></wm-app-icon> \n  </button>\n  }\n  <div class=\"slider-control\">\n    @if(!showmarkers){\n    <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n    <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n    }\n    <input class=\"range-input\" type=\"range\" aria-orientation=\"horizontal\" focus-target [title]=\"datavalue\"\n      [attr.min]=\"minvalue\" [attr.max]=\"maxvalue\" [attr.step]=\"step\" [(ngModel)]=\"datavalue\"\n      [ngModelOptions]=\"{ standalone: true }\" [disabled]=\"disabled||readonly\" [attr.accesskey]=\"shortcutkey\"\n      [attr.aria-label]=\"arialabel\" (blur)=\"invokeOnTouched($event)\" (ngModelChange)=\"handleChange($event)\"\n      [attr.name]=\"name\" [tabindex]=\"tabindex\" />\n    <p class=\"active-slider\"></p>\n  </div>\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"incrementButton\" (click)=\"incrementButtonClick($event)\">\n    <wm-app-icon [iconclass]=\"endicon\" [iconurl]=\"endiconurl\"></wm-app-icon> \n  </button>\n  }\n</div>\n\n} @else {\n  @if(!showmarkers){\n  <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n  <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n}\n<input class=\"range-input\" aria-orientation=\"horizontal\"\n  focus-target\n  type=\"range\" [title]=\"datavalue\"\n  [attr.min]=\"minvalue\"\n  [attr.max]=\"maxvalue\"\n  [attr.step]=\"step\"\n  [(ngModel)]=\"datavalue\"\n  [ngModelOptions]=\"{standalone: true}\"\n  [disabled]=\"disabled||readonly\"\n  [attr.accesskey]=\"shortcutkey\"\n  [attr.aria-label]=\"arialabel\"\n  (blur)=\"invokeOnTouched($event)\"\n  (ngModelChange)=\"handleChange($event)\"\n  [attr.name]=\"name\"\n  [tabindex]=\"tabindex\"/>\n}\n@if (readonly || disabled) {\n  <div aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n}\n@if(showmarkers){\n    <div class=\"marker-container\">\n@for (marker of markerItems; track marker) {\n        <div class=\"marker-wrapper\"\n             [ngStyle]=\"{ left: marker.left + 'px' }\"\n             [attr.title]=\"marker.label\">\n            <div class=\"marker-label\" [ngClass]=\"marker.position\" [attr.title]=\"marker.label\">\n                {{ marker.label }}\n            </div>\n            <div class=\"marker-dot\" [attr.title]=\"marker.label\"></div>\n        </div>\n      }\n    </div>\n\n}\n", dependencies: [{ kind: "directive", type: base.TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { 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.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i2__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "component", type: base.WmAppIconComponent, selector: "wm-app-icon", inputs: ["icon", "iconclass", "iconurl", "defaultIconClass", "defaultClasses", "iconStyle", "alt"] }] }); }
     }
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0__namespace, type: SliderComponent, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0__namespace, type: SliderComponent, decorators: [{
                 type: i0.Component,
                 args: [{ standalone: true, imports: [base.TextContentDirective, i2.FormsModule, i3.CommonModule, base.WmAppIconComponent], selector: '[wmSlider]', providers: [
                             base.provideAs(SliderComponent, i2.NG_VALUE_ACCESSOR, true),

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

@@ -161,13 +161,13 @@ class SliderComponent extends BaseFormCustomComponent {
         // Call parent ngOnDestroy
         super.ngOnDestroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: SliderComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }, { token: i1.App }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.20", type: SliderComponent, isStandalone: true, selector: "[wmSlider]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SliderComponent, deps: [{ token: i0.Injector }, { token: 'EXPLICIT_CONTEXT', optional: true }, { token: i1.App }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.21", type: SliderComponent, isStandalone: true, selector: "[wmSlider]", providers: [
             provideAs(SliderComponent, NG_VALUE_ACCESSOR, true),
             provideAsWidgetRef(SliderComponent)
         ], viewQueries: [{ propertyName: "ngModel", first: true, predicate: NgModel, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (isPrism) {\n<div class=\"slider-container\">\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"decrementButton\" (click)=\"decrementButtonClick($event)\">\n    <wm-app-icon [iconclass]=\"starticon\" [iconurl]=\"starticonurl\"></wm-app-icon> \n  </button>\n  }\n  <div class=\"slider-control\">\n    @if(!showmarkers){\n    <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n    <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n    }\n    <input class=\"range-input\" type=\"range\" aria-orientation=\"horizontal\" focus-target [title]=\"datavalue\"\n      [attr.min]=\"minvalue\" [attr.max]=\"maxvalue\" [attr.step]=\"step\" [(ngModel)]=\"datavalue\"\n      [ngModelOptions]=\"{ standalone: true }\" [disabled]=\"disabled||readonly\" [attr.accesskey]=\"shortcutkey\"\n      [attr.aria-label]=\"arialabel\" (blur)=\"invokeOnTouched($event)\" (ngModelChange)=\"handleChange($event)\"\n      [attr.name]=\"name\" [tabindex]=\"tabindex\" />\n    <p class=\"active-slider\"></p>\n  </div>\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"incrementButton\" (click)=\"incrementButtonClick($event)\">\n    <wm-app-icon [iconclass]=\"endicon\" [iconurl]=\"endiconurl\"></wm-app-icon> \n  </button>\n  }\n</div>\n\n} @else {\n  @if(!showmarkers){\n  <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n  <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n}\n<input class=\"range-input\" aria-orientation=\"horizontal\"\n  focus-target\n  type=\"range\" [title]=\"datavalue\"\n  [attr.min]=\"minvalue\"\n  [attr.max]=\"maxvalue\"\n  [attr.step]=\"step\"\n  [(ngModel)]=\"datavalue\"\n  [ngModelOptions]=\"{standalone: true}\"\n  [disabled]=\"disabled||readonly\"\n  [attr.accesskey]=\"shortcutkey\"\n  [attr.aria-label]=\"arialabel\"\n  (blur)=\"invokeOnTouched($event)\"\n  (ngModelChange)=\"handleChange($event)\"\n  [attr.name]=\"name\"\n  [tabindex]=\"tabindex\"/>\n}\n@if (readonly || disabled) {\n  <div aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n}\n@if(showmarkers){\n    <div class=\"marker-container\">\n@for (marker of markerItems; track marker) {\n        <div class=\"marker-wrapper\"\n             [ngStyle]=\"{ left: marker.left + 'px' }\"\n             [attr.title]=\"marker.label\">\n            <div class=\"marker-label\" [ngClass]=\"marker.position\" [attr.title]=\"marker.label\">\n                {{ marker.label }}\n            </div>\n            <div class=\"marker-dot\" [attr.title]=\"marker.label\"></div>\n        </div>\n      }\n    </div>\n\n}\n", dependencies: [{ kind: "directive", type: TextContentDirective, selector: "[textContent]", inputs: ["textContent"] }, { 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.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: WmAppIconComponent, selector: "wm-app-icon", inputs: ["icon", "iconclass", "iconurl", "defaultIconClass", "defaultClasses", "iconStyle", "alt"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.20", ngImport: i0, type: SliderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.21", ngImport: i0, type: SliderComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [TextContentDirective, FormsModule, CommonModule, WmAppIconComponent], selector: '[wmSlider]', providers: [
                         provideAs(SliderComponent, NG_VALUE_ACCESSOR, true),

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/slider/src/slider.props.ts","../../../../../projects/components/widgets/input/slider/src/slider.component.ts","../../../../../projects/components/widgets/input/slider/src/slider.component.html","../../../../../projects/components/widgets/input/slider/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 sliderProps = new Map(\n    [\n        ['class', PROP_STRING],\n        ['datavalue', PROP_STRING],\n        ['disabled', PROP_BOOLEAN],\n        ['hint', PROP_STRING],\n        ['arialabel', PROP_STRING],\n        ['maxvalue', PROP_NUMBER],\n        ['minvalue', PROP_NUMBER],\n        ['name', PROP_STRING],\n        ['readonly', PROP_BOOLEAN],\n        ['shortcutkey', PROP_STRING],\n        ['show', {value: true, ...PROP_BOOLEAN}],\n        ['step', PROP_NUMBER],\n        ['tabindex', {value: 0, ...PROP_NUMBER}],\n        ['showmarkers',{value: false, ...PROP_BOOLEAN}],\n        ['markerlabeltext',PROP_ANY],\n        ['showicons', PROP_BOOLEAN],\n        ['starticon',{value : 'wi wi-minus', ...PROP_STRING}],\n        ['endicon',{value : 'wi wi-plus', ...PROP_STRING}],\n        ['starticonurl', PROP_STRING],\n        ['endiconurl', PROP_STRING],\n        ['rangelabelposition',{value : 'bottom', ...PROP_STRING}],\n    ]\n);\n\nexport const registerProps = () => {\n    register(\n        'wm-slider',\n        sliderProps\n    );\n    registerFormWidget(\n        FormWidgetType.SLIDER,\n        new Map(sliderProps)\n    );\n};\n","import {\n    convertDataToObject,\n    IWidgetConfig,\n    provideAs,\n    provideAsWidgetRef,\n    styler,\n    TextContentDirective,\n    WmAppIconComponent\n} from \"@wm/components/base\";\nimport {FormsModule, NG_VALUE_ACCESSOR, NgModel} from '@angular/forms';\nimport {Component, Inject, Injector, OnDestroy, Optional, ViewChild} from '@angular/core';\nimport {BaseFormCustomComponent} from '@wm/components/input/base-form-custom';\n\nimport {registerProps} from './slider.props';\nimport {App, isDefined, switchClass} from \"@wm/core\";\nimport { CommonModule } from \"@angular/common\";\n\n\nconst DEFAULT_CLS = 'app-slider slider';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-slider',\n    hostClass: DEFAULT_CLS\n};\nconst RANGE_LABEL_POSITION: {[key: string]: string} = {\n  top: 'range-label-top',\n  side: 'range-label-side',\n  bottom: 'range-label-bottom',\n};\n@Component({\n    standalone: true,\n    imports: [TextContentDirective, FormsModule, CommonModule, WmAppIconComponent],\n    selector: '[wmSlider]',\n    templateUrl: './slider.component.html',\n    providers: [\n        provideAs(SliderComponent, NG_VALUE_ACCESSOR, true),\n        provideAsWidgetRef(SliderComponent)\n    ]\n})\nexport class SliderComponent extends BaseFormCustomComponent implements OnDestroy {\n    static initializeProps = registerProps();\n\n    public minvalue: number;\n    public maxvalue: number;\n    public disabled: boolean;\n    public step: number;\n    public shortcutkey: string;\n    public tabindex: any;\n    public name: string;\n    public readonly: boolean;\n    public hint: string;\n    public arialabel: string;\n    public markerlabeltext: string\n    public showmarkers: boolean;\n    public showicons: boolean;\n    public starticon: string;\n    public endicon:string;\n    public starticonurl:string;\n    public endiconurl: string;\n    public isPrism: boolean = false;\n\n    @ViewChild(NgModel) ngModel: NgModel;\n    public markerItems: any[];\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any, public app?: App) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n        this.isPrism = this.app.isPrism;\n    }\n\n    // change and blur events are added from the template\n    protected handleEvent(node: HTMLElement, eventName: string, callback: Function, locals: any) {\n        if (eventName !== 'change' && eventName !== 'blur') {\n            super.handleEvent(node, eventName, callback, locals);\n        }\n    }\n\n    public handleChange(newVal?: boolean) {\n        this.updateSliderValue();\n        this.invokeOnChange(this.datavalue, {type: 'change'}, this.ngModel.valid);\n    }\n\n    updateSliderValue() {\n        const sliderValue = 100 - ((((Number(this.datavalue) || 0) - (this.minvalue || 0)) / ((this.maxvalue || 100) - (this.minvalue || 0))) * 100);\n        const slider = this.nativeElement.querySelector('.slider-control') as HTMLElement;\n        if (slider) {\n            const safePercent = Math.min(100, Math.max(0, sliderValue));\n            slider.style.setProperty('--end', `${safePercent}%`);\n        }\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'tabindex') {\n            return;\n        }\n        else if(key === 'showmarkers'||key === 'markerlabeltext' || key === 'minvalue'||key === 'maxvalue'||key === 'step') {\n            if(this.showmarkers) {\n                this.renderMarkers();\n            }\n        } else if(key === 'rangelabelposition'){\n             switchClass(this.nativeElement, RANGE_LABEL_POSITION[nv], RANGE_LABEL_POSITION[ov]);\n        }else if(key === 'datavalue'){\n             this.datavalue = (nv === \"\" || nv === null) ? (this.datavalue ?? 50) : nv\n             this.updateSliderValue()\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n    private renderMarkers() {\n        const sliderTrack = this.nativeElement.querySelector('.range-input') as HTMLElement;\n        const trackWidth = sliderTrack?.offsetWidth-9|| 0;\n        const tickCount = this.step > 0 ? Math.floor((this.maxvalue||100 - this.minvalue||0) / this.step) + 1 : 0;\n        const labels = convertDataToObject(this.markerlabeltext);\n        this.markerItems = [];\n        for (let i = 0; i < tickCount; i++) {\n            const left = ((trackWidth / (tickCount - 1)) * i);\n            const label = labels?.[i]?.dataValue ?? (Array.isArray(labels) ? (typeof labels[i] === 'object' && labels[i]?.title ? labels[i].title : labels[i]) : `${i}`);\n            const position = Array.isArray(labels) && typeof labels[i] === 'object' && labels[i]?.position ? labels[i].position : 'up';\n            this.markerItems.push({ label, position, left });\n        }\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n        if(this.showmarkers) {\n            setTimeout(() => {this.renderMarkers();}, 40);\n        }\n        if(this.datavalue){\n          setTimeout(() => {this.updateSliderValue();});\n        }\n    }\n\n    decrementButtonClick(event: Event) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (this.disabled) {\n            return;\n        }\n\n        const step = Number(this.step) || 1;\n        const min = Number(this.minvalue) || 0;\n\n        let value = Number(this.datavalue ?? 50);\n        value = value - step;\n        if (value <= min) {\n            return;\n        }\n        if (!isNaN(min)) {\n            value = Math.max(value, min);\n        }\n\n        this.datavalue = value;\n        this.handleChange()\n    }\n\n\n    incrementButtonClick(event: Event) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (this.disabled) {\n            return;\n        }\n\n        const step = Number(this.step) || 1;\n        const max = Number(this.maxvalue) || 100;\n\n        let value = Number(this.datavalue ?? 50);\n        value = value + step;\n        if (value >= max)  return;\n\n        if (!isNaN(max)) {\n            value = Math.min(value, max);\n        }\n\n        this.datavalue = value;\n        this.handleChange()\n    }\n\n\n    ngOnDestroy() {\n        // MEMORY LEAK FIX: Clear ViewChild reference\n        this.ngModel = null;\n\n        // MEMORY LEAK FIX: Clear marker items array\n        if (this.markerItems) {\n            this.markerItems = [];\n        }\n\n        // Call parent ngOnDestroy\n        super.ngOnDestroy();\n    }\n}\n","@if (isPrism) {\n<div class=\"slider-container\">\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"decrementButton\" (click)=\"decrementButtonClick($event)\">\n    <wm-app-icon [iconclass]=\"starticon\" [iconurl]=\"starticonurl\"></wm-app-icon> \n  </button>\n  }\n  <div class=\"slider-control\">\n    @if(!showmarkers){\n    <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n    <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n    }\n    <input class=\"range-input\" type=\"range\" aria-orientation=\"horizontal\" focus-target [title]=\"datavalue\"\n      [attr.min]=\"minvalue\" [attr.max]=\"maxvalue\" [attr.step]=\"step\" [(ngModel)]=\"datavalue\"\n      [ngModelOptions]=\"{ standalone: true }\" [disabled]=\"disabled||readonly\" [attr.accesskey]=\"shortcutkey\"\n      [attr.aria-label]=\"arialabel\" (blur)=\"invokeOnTouched($event)\" (ngModelChange)=\"handleChange($event)\"\n      [attr.name]=\"name\" [tabindex]=\"tabindex\" />\n    <p class=\"active-slider\"></p>\n  </div>\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"incrementButton\" (click)=\"incrementButtonClick($event)\">\n    <wm-app-icon [iconclass]=\"endicon\" [iconurl]=\"endiconurl\"></wm-app-icon> \n  </button>\n  }\n</div>\n\n} @else {\n  @if(!showmarkers){\n  <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n  <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n}\n<input class=\"range-input\" aria-orientation=\"horizontal\"\n  focus-target\n  type=\"range\" [title]=\"datavalue\"\n  [attr.min]=\"minvalue\"\n  [attr.max]=\"maxvalue\"\n  [attr.step]=\"step\"\n  [(ngModel)]=\"datavalue\"\n  [ngModelOptions]=\"{standalone: true}\"\n  [disabled]=\"disabled||readonly\"\n  [attr.accesskey]=\"shortcutkey\"\n  [attr.aria-label]=\"arialabel\"\n  (blur)=\"invokeOnTouched($event)\"\n  (ngModelChange)=\"handleChange($event)\"\n  [attr.name]=\"name\"\n  [tabindex]=\"tabindex\"/>\n}\n@if (readonly || disabled) {\n  <div aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n}\n@if(showmarkers){\n    <div class=\"marker-container\">\n@for (marker of markerItems; track marker) {\n        <div class=\"marker-wrapper\"\n             [ngStyle]=\"{ left: marker.left + 'px' }\"\n             [attr.title]=\"marker.label\">\n            <div class=\"marker-label\" [ngClass]=\"marker.position\" [attr.title]=\"marker.label\">\n                {{ marker.label }}\n            </div>\n            <div class=\"marker-dot\" [attr.title]=\"marker.label\"></div>\n        </div>\n      }\n    </div>\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/input/slider/src/slider.props.ts","../../../../../projects/components/widgets/input/slider/src/slider.component.ts","../../../../../projects/components/widgets/input/slider/src/slider.component.html","../../../../../projects/components/widgets/input/slider/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 sliderProps = new Map(\n    [\n        ['class', PROP_STRING],\n        ['datavalue', PROP_STRING],\n        ['disabled', PROP_BOOLEAN],\n        ['hint', PROP_STRING],\n        ['arialabel', PROP_STRING],\n        ['maxvalue', PROP_NUMBER],\n        ['minvalue', PROP_NUMBER],\n        ['name', PROP_STRING],\n        ['readonly', PROP_BOOLEAN],\n        ['shortcutkey', PROP_STRING],\n        ['show', {value: true, ...PROP_BOOLEAN}],\n        ['step', PROP_NUMBER],\n        ['tabindex', {value: 0, ...PROP_NUMBER}],\n        ['showmarkers',{value: false, ...PROP_BOOLEAN}],\n        ['markerlabeltext',PROP_ANY],\n        ['showicons', PROP_BOOLEAN],\n        ['starticon',{value : 'wi wi-minus', ...PROP_STRING}],\n        ['endicon',{value : 'wi wi-plus', ...PROP_STRING}],\n        ['starticonurl', PROP_STRING],\n        ['endiconurl', PROP_STRING],\n        ['rangelabelposition',{value : 'bottom', ...PROP_STRING}],\n    ]\n);\n\nexport const registerProps = () => {\n    register(\n        'wm-slider',\n        sliderProps\n    );\n    registerFormWidget(\n        FormWidgetType.SLIDER,\n        new Map(sliderProps)\n    );\n};\n","import {\n    convertDataToObject,\n    IWidgetConfig,\n    provideAs,\n    provideAsWidgetRef,\n    styler,\n    TextContentDirective,\n    WmAppIconComponent\n} from \"@wm/components/base\";\nimport {FormsModule, NG_VALUE_ACCESSOR, NgModel} from '@angular/forms';\nimport {Component, Inject, Injector, OnDestroy, Optional, ViewChild} from '@angular/core';\nimport {BaseFormCustomComponent} from '@wm/components/input/base-form-custom';\n\nimport {registerProps} from './slider.props';\nimport {App, switchClass} from \"@wm/core\";\nimport { CommonModule } from \"@angular/common\";\n\n\nconst DEFAULT_CLS = 'app-slider slider';\nconst WIDGET_CONFIG: IWidgetConfig = {\n    widgetType: 'wm-slider',\n    hostClass: DEFAULT_CLS\n};\nconst RANGE_LABEL_POSITION: {[key: string]: string} = {\n  top: 'range-label-top',\n  side: 'range-label-side',\n  bottom: 'range-label-bottom',\n};\n@Component({\n    standalone: true,\n    imports: [TextContentDirective, FormsModule, CommonModule, WmAppIconComponent],\n    selector: '[wmSlider]',\n    templateUrl: './slider.component.html',\n    providers: [\n        provideAs(SliderComponent, NG_VALUE_ACCESSOR, true),\n        provideAsWidgetRef(SliderComponent)\n    ]\n})\nexport class SliderComponent extends BaseFormCustomComponent implements OnDestroy {\n    static readonly initializeProps = registerProps();\n\n    public minvalue: number;\n    public maxvalue: number;\n    public disabled: boolean;\n    public step: number;\n    public shortcutkey: string;\n    public tabindex: any;\n    public name: string;\n    public readonly: boolean;\n    public hint: string;\n    public arialabel: string;\n    public markerlabeltext: string\n    public showmarkers: boolean;\n    public showicons: boolean;\n    public starticon: string;\n    public endicon:string;\n    public starticonurl:string;\n    public endiconurl: string;\n    public isPrism: boolean = false;\n\n    @ViewChild(NgModel) ngModel: NgModel;\n    public markerItems: any[];\n\n    constructor(inj: Injector, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any, public app?: App) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n        this.isPrism = this.app.isPrism;\n    }\n\n    // change and blur events are added from the template\n    protected handleEvent(node: HTMLElement, eventName: string, callback: Function, locals: any) {\n        if (eventName !== 'change' && eventName !== 'blur') {\n            super.handleEvent(node, eventName, callback, locals);\n        }\n    }\n\n    public handleChange(newVal?: boolean) {\n        this.updateSliderValue();\n        this.invokeOnChange(this.datavalue, {type: 'change'}, this.ngModel.valid);\n    }\n\n    updateSliderValue() {\n        const sliderValue = 100 - ((((Number(this.datavalue) || 0) - (this.minvalue || 0)) / ((this.maxvalue || 100) - (this.minvalue || 0))) * 100);\n        const slider = this.nativeElement.querySelector('.slider-control') as HTMLElement;\n        if (slider) {\n            const safePercent = Math.min(100, Math.max(0, sliderValue));\n            slider.style.setProperty('--end', `${safePercent}%`);\n        }\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'tabindex') {\n            return;\n        }\n        else if(key === 'showmarkers'||key === 'markerlabeltext' || key === 'minvalue'||key === 'maxvalue'||key === 'step') {\n            if(this.showmarkers) {\n                this.renderMarkers();\n            }\n        } else if(key === 'rangelabelposition'){\n             switchClass(this.nativeElement, RANGE_LABEL_POSITION[nv], RANGE_LABEL_POSITION[ov]);\n        }else if(key === 'datavalue'){\n             this.datavalue = (nv === \"\" || nv === null) ? (this.datavalue ?? 50) : nv\n             this.updateSliderValue()\n        }\n        super.onPropertyChange(key, nv, ov);\n    }\n    private renderMarkers() {\n        const sliderTrack = this.nativeElement.querySelector('.range-input') as HTMLElement;\n        const trackWidth = sliderTrack?.offsetWidth-9|| 0;\n        const tickCount = this.step > 0 ? Math.floor((this.maxvalue||100 - this.minvalue||0) / this.step) + 1 : 0;\n        const labels = convertDataToObject(this.markerlabeltext);\n        this.markerItems = [];\n        for (let i = 0; i < tickCount; i++) {\n            const left = ((trackWidth / (tickCount - 1)) * i);\n            const label = labels?.[i]?.dataValue ?? (Array.isArray(labels) ? (typeof labels[i] === 'object' && labels[i]?.title ? labels[i].title : labels[i]) : `${i}`);\n            const position = Array.isArray(labels) && typeof labels[i] === 'object' && labels[i]?.position ? labels[i].position : 'up';\n            this.markerItems.push({ label, position, left });\n        }\n    }\n\n    ngAfterViewInit() {\n        super.ngAfterViewInit();\n        if(this.showmarkers) {\n            setTimeout(() => {this.renderMarkers();}, 40);\n        }\n        if(this.datavalue){\n          setTimeout(() => {this.updateSliderValue();});\n        }\n    }\n\n    decrementButtonClick(event: Event) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (this.disabled) {\n            return;\n        }\n\n        const step = Number(this.step) || 1;\n        const min = Number(this.minvalue) || 0;\n\n        let value = Number(this.datavalue ?? 50);\n        value = value - step;\n        if (value <= min) {\n            return;\n        }\n        if (!isNaN(min)) {\n            value = Math.max(value, min);\n        }\n\n        this.datavalue = value;\n        this.handleChange()\n    }\n\n\n    incrementButtonClick(event: Event) {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (this.disabled) {\n            return;\n        }\n\n        const step = Number(this.step) || 1;\n        const max = Number(this.maxvalue) || 100;\n\n        let value = Number(this.datavalue ?? 50);\n        value = value + step;\n        if (value >= max)  return;\n\n        if (!isNaN(max)) {\n            value = Math.min(value, max);\n        }\n\n        this.datavalue = value;\n        this.handleChange()\n    }\n\n\n    ngOnDestroy() {\n        // MEMORY LEAK FIX: Clear ViewChild reference\n        this.ngModel = null;\n\n        // MEMORY LEAK FIX: Clear marker items array\n        if (this.markerItems) {\n            this.markerItems = [];\n        }\n\n        // Call parent ngOnDestroy\n        super.ngOnDestroy();\n    }\n}\n","@if (isPrism) {\n<div class=\"slider-container\">\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"decrementButton\" (click)=\"decrementButtonClick($event)\">\n    <wm-app-icon [iconclass]=\"starticon\" [iconurl]=\"starticonurl\"></wm-app-icon> \n  </button>\n  }\n  <div class=\"slider-control\">\n    @if(!showmarkers){\n    <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n    <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n    }\n    <input class=\"range-input\" type=\"range\" aria-orientation=\"horizontal\" focus-target [title]=\"datavalue\"\n      [attr.min]=\"minvalue\" [attr.max]=\"maxvalue\" [attr.step]=\"step\" [(ngModel)]=\"datavalue\"\n      [ngModelOptions]=\"{ standalone: true }\" [disabled]=\"disabled||readonly\" [attr.accesskey]=\"shortcutkey\"\n      [attr.aria-label]=\"arialabel\" (blur)=\"invokeOnTouched($event)\" (ngModelChange)=\"handleChange($event)\"\n      [attr.name]=\"name\" [tabindex]=\"tabindex\" />\n    <p class=\"active-slider\"></p>\n  </div>\n  @if (showicons) {\n  <button class=\"btn-icon\" type=\"button\" name=\"incrementButton\" (click)=\"incrementButtonClick($event)\">\n    <wm-app-icon [iconclass]=\"endicon\" [iconurl]=\"endiconurl\"></wm-app-icon> \n  </button>\n  }\n</div>\n\n} @else {\n  @if(!showmarkers){\n  <span [textContent]=\"minvalue||0\" class=\"app-slider-value pull-left\"></span>\n  <span [textContent]=\"maxvalue||100\" class=\"app-slider-value pull-right\"></span>\n}\n<input class=\"range-input\" aria-orientation=\"horizontal\"\n  focus-target\n  type=\"range\" [title]=\"datavalue\"\n  [attr.min]=\"minvalue\"\n  [attr.max]=\"maxvalue\"\n  [attr.step]=\"step\"\n  [(ngModel)]=\"datavalue\"\n  [ngModelOptions]=\"{standalone: true}\"\n  [disabled]=\"disabled||readonly\"\n  [attr.accesskey]=\"shortcutkey\"\n  [attr.aria-label]=\"arialabel\"\n  (blur)=\"invokeOnTouched($event)\"\n  (ngModelChange)=\"handleChange($event)\"\n  [attr.name]=\"name\"\n  [tabindex]=\"tabindex\"/>\n}\n@if (readonly || disabled) {\n  <div aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n}\n@if(showmarkers){\n    <div class=\"marker-container\">\n@for (marker of markerItems; track marker) {\n        <div class=\"marker-wrapper\"\n             [ngStyle]=\"{ left: marker.left + 'px' }\"\n             [attr.title]=\"marker.label\">\n            <div class=\"marker-label\" [ngClass]=\"marker.position\" [attr.title]=\"marker.label\">\n                {{ marker.label }}\n            </div>\n            <div class=\"marker-dot\" [attr.title]=\"marker.label\"></div>\n        </div>\n      }\n    </div>\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}