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

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

@@ -1,13 +1,12 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i2 from '@wm/components/base';
-import { PROP_STRING, PROP_ANY, PROP_NUMBER, PROP_BOOLEAN, register, registerFormWidget, styler, getOrderedDataset, provideAs, provideAsWidgetRef, WmComponentsModule } from '@wm/components/base';
-import * as i3 from '@angular/forms';
-import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import * as i2 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i0 from '@angular/core';
-import { ElementRef, Component, Inject, Optional, ViewChild } from '@angular/core';
+import { ElementRef, ViewChild, Inject, Optional, Component } from '@angular/core';
 import { FormWidgetType, generateGUId, noop } from '@wm/core';
-import { DatasetAwareFormComponent } from '@wm/components/input';
+import { PROP_STRING, PROP_ANY, PROP_NUMBER, PROP_BOOLEAN, register, registerFormWidget, styler, getOrderedDataset, TextContentDirective, provideAs, provideAsWidgetRef } from '@wm/components/base';
+import { DatasetAwareFormComponent } from '@wm/components/input/dataset-aware-form';
 import { slice, isEmpty, find, isUndefined, toString } from 'lodash-es';
 
 const ratingProps = new Map([
@@ -37,35 +36,6 @@ const registerProps = () => {
     registerFormWidget(FormWidgetType.RATING, new Map(ratingProps));
 };
 
-const _c0 = ["ratingInput"];
-const _c1 = ["wmRating", ""];
-const _c2 = () => ({ standalone: true });
-const _c3 = a0 => ({ active: a0 });
-const _c4 = (a0, a1) => ({ "font-size": a0, color: a1 });
-function RatingComponent_For_3_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 5);
-    i0.ɵɵlistener("touchstart", function RatingComponent_For_3_Template_label_touchstart_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onTouchStart($event)); })("mouseleave", function RatingComponent_For_3_Template_label_mouseleave_0_listener($event) { const rate_r3 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onMouseleave($event, rate_r3)); })("mouseover", function RatingComponent_For_3_Template_label_mouseover_0_listener($event) { const rate_r3 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onMouseOver($event, rate_r3)); });
-    i0.ɵɵelement(1, "i", 6);
-    i0.ɵɵelementStart(2, "input", 7, 0);
-    i0.ɵɵlistener("click", function RatingComponent_For_3_Template_input_click_2_listener($event) { const rate_r3 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRatingClick($event, rate_r3)); });
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const rate_r3 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(11, _c3, rate_r3.index <= ctx_r1.selectedRatingValue))("ngStyle", i0.ɵɵpureFunction2(13, _c4, ctx_r1.iconsize, rate_r3.index <= ctx_r1.selectedRatingValue && ctx_r1.iconcolor))("title", rate_r3.label || rate_r3.index)("for", ctx_r1._id + "-" + rate_r3.index);
-    i0.ɵɵadvance();
-    i0.ɵɵclassMapInterpolate1("app-icon ", rate_r3.index <= ctx_r1.selectedRatingValue ? ctx_r1.activeiconclass : ctx_r1.inactiveiconclass, "");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("id", ctx_r1._id + "-" + rate_r3.index)("value", rate_r3.key || rate_r3.index);
-    i0.ɵɵattribute("aria-label", (rate_r3.label || rate_r3.index) + " out of " + ctx_r1.ratingItems.length + " ratings")("aria-checked", rate_r3.label === ctx_r1.datavalue ? "true" : "false");
-} }
-function RatingComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "label", 4);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("textContent", ctx_r1.caption);
-} }
 const DEFAULT_CLS = 'app-ratings';
 const WIDGET_CONFIG = { widgetType: 'wm-rating', hostClass: DEFAULT_CLS };
 const MAX_RATING = 10;
@@ -240,51 +210,27 @@ class RatingComponent extends DatasetAwareFormComponent {
         this.caption = rate.label;
         !this.touchEnabled && !$event.target.classList.contains('rating-label-hover') && $event.target.classList.add('rating-label-hover');
     }
-    static { this.ɵfac = function RatingComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RatingComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RatingComponent, selectors: [["", "wmRating", ""]], viewQuery: function RatingComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0, 5, ElementRef);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ratingEl = _t.first);
-        } }, standalone: true, features: [i0.ɵɵProvidersFeature([
-                provideAs(RatingComponent, NG_VALUE_ACCESSOR, true),
-                provideAsWidgetRef(RatingComponent)
-            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], attrs: _c1, decls: 5, vars: 6, consts: [["ratingInput", ""], ["ngDefaultControl", "", 1, "ratings-wrapper", 3, "focus", "ngModelChange", "ngModel", "ngModelOptions"], [1, "rating-style"], [3, "ngClass", "ngStyle", "title", "for"], [1, "caption", 3, "textContent"], [3, "touchstart", "mouseleave", "mouseover", "ngClass", "ngStyle", "title", "for"], ["aria-hidden", "true"], ["type", "radio", "role", "radio", "name", "ratings-id", 3, "click", "id", "value"]], template: function RatingComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵlistener("focus", function RatingComponent_Template_div_focus_0_listener($event) { return ctx.onFocus($event); });
-            i0.ɵɵtwoWayListener("ngModelChange", function RatingComponent_Template_div_ngModelChange_0_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.modelByKey, $event) || (ctx.modelByKey = $event); return $event; });
-            i0.ɵɵelementStart(1, "div", 2);
-            i0.ɵɵrepeaterCreate(2, RatingComponent_For_3_Template, 4, 16, "label", 3, i0.ɵɵrepeaterTrackByIdentity);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(4, RatingComponent_Conditional_4_Template, 1, 1, "label", 4);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵtwoWayProperty("ngModel", ctx.modelByKey);
-            i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(5, _c2));
-            i0.ɵɵadvance();
-            i0.ɵɵclassProp("disabled", ctx.readonly);
-            i0.ɵɵadvance();
-            i0.ɵɵrepeater(ctx.ratingItems);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.showcaptions ? 4 : -1);
-        } }, dependencies: [CommonModule, i1.NgClass, i1.NgStyle, WmComponentsModule, i2.TextContentDirective, FormsModule, i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel], encapsulation: 2 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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.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        <i class=\"app-icon {{rate.index <= selectedRatingValue ? activeiconclass : inactiveiconclass}}\" aria-hidden=\"true\"></i>\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  @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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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.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"] }] }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RatingComponent, [{
-        type: Component,
-        args: [{ standalone: true, imports: [CommonModule, WmComponentsModule, FormsModule], selector: '[wmRating]', providers: [
-                    provideAs(RatingComponent, NG_VALUE_ACCESSOR, true),
-                    provideAsWidgetRef(RatingComponent)
-                ], template: "<div (focus)=\"onFocus($event)\" [(ngModel)]=\"modelByKey\" [ngModelOptions]=\"{standalone: true}\"\n  class=\"ratings-wrapper\" ngDefaultControl>\n  <div [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        <i class=\"app-icon {{rate.index <= selectedRatingValue ? activeiconclass : inactiveiconclass}}\" aria-hidden=\"true\"></i>\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  @if (showcaptions) {\n    <label class=\"caption\" [textContent]=\"caption\"></label>\n  }\n</div>\n" }]
-    }], () => [{ type: i0.Injector }, { type: undefined, decorators: [{
-                type: Inject,
-                args: ['EXPLICIT_CONTEXT']
-            }, {
-                type: Optional
-            }] }], { ratingEl: [{
-            type: ViewChild,
-            args: ['ratingInput', /* TODO: add static flag */ { read: ElementRef }]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RatingComponent, { className: "RatingComponent", filePath: "rating.component.ts", lineNumber: 30 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RatingComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, imports: [CommonModule, TextContentDirective, FormsModule], selector: '[wmRating]', providers: [
+                        provideAs(RatingComponent, NG_VALUE_ACCESSOR, true),
+                        provideAsWidgetRef(RatingComponent)
+                    ], template: "<div (focus)=\"onFocus($event)\" [(ngModel)]=\"modelByKey\" [ngModelOptions]=\"{standalone: true}\"\n  class=\"ratings-wrapper\" ngDefaultControl>\n  <div [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        <i class=\"app-icon {{rate.index <= selectedRatingValue ? activeiconclass : inactiveiconclass}}\" aria-hidden=\"true\"></i>\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  @if (showcaptions) {\n    <label class=\"caption\" [textContent]=\"caption\"></label>\n  }\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.Injector }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: Optional
+                }] }], propDecorators: { ratingEl: [{
+                type: ViewChild,
+                args: ['ratingInput', /* TODO: add static flag */ { read: ElementRef }]
+            }] } });
 
 /**
  * Generated bundle index. Do not edit.

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.html","../../../../../projects/components/widgets/input/rating/src/rating.component.ts","../../../../../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        ['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","<div (focus)=\"onFocus($event)\" [(ngModel)]=\"modelByKey\" [ngModelOptions]=\"{standalone: true}\"\n  class=\"ratings-wrapper\" ngDefaultControl>\n  <div [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        <i class=\"app-icon {{rate.index <= selectedRatingValue ? activeiconclass : inactiveiconclass}}\" aria-hidden=\"true\"></i>\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  @if (showcaptions) {\n    <label class=\"caption\" [textContent]=\"caption\"></label>\n  }\n</div>\n","import { CommonModule } from '@angular/common';\nimport { WmComponentsModule } from \"@wm/components/base\";\nimport { FormsModule } from '@angular/forms';\nimport {Component, ElementRef, Inject, Injector, Optional, ViewChild} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport {generateGUId, setCSS, noop} from '@wm/core';\nimport { getOrderedDataset, provideAs, provideAsWidgetRef, styler } from '@wm/components/base';\nimport { DatasetAwareFormComponent } from '@wm/components/input';\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, WmComponentsModule, FormsModule],\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 {\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\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    @ViewChild('ratingInput', /* TODO: add static flag */ { read: ElementRef }) ratingEl: ElementRef;\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    }\n\n    calculateRatingsWidth(dataVal?: any) {\n        const selectedRating = parseFloat(this.selectedRatingValue),\n            starWidth = 0.925,\n            maxValue = parseInt(this.maxvalue || this.datasetItems.length, 10) || DEFAULT_RATING;\n\n        dataVal = dataVal || this.datavalue;\n        if (dataVal === undefined || dataVal === '' || dataVal === null) {\n            this.caption = '';\n            return 0;\n        }\n        if (selectedRating <= maxValue && selectedRating >= 0) {\n            return selectedRating * starWidth + 'em';\n        }\n        if (selectedRating > maxValue) {\n            return maxValue * starWidth + 'em';\n        }\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'readonly') {\n            if (nv) {\n                this.ratingsWidth = this.calculateRatingsWidth();\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            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","/**\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        ['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, Optional, ViewChild} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport {generateGUId, noop} from '@wm/core';\nimport { getOrderedDataset, provideAs, provideAsWidgetRef, styler, TextContentDirective } 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, TextContentDirective, FormsModule],\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 {\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\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    @ViewChild('ratingInput', /* TODO: add static flag */ { read: ElementRef }) ratingEl: ElementRef;\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    }\n\n    calculateRatingsWidth(dataVal?: any) {\n        const selectedRating = parseFloat(this.selectedRatingValue),\n            starWidth = 0.925,\n            maxValue = parseInt(this.maxvalue || this.datasetItems.length, 10) || DEFAULT_RATING;\n\n        dataVal = dataVal || this.datavalue;\n        if (dataVal === undefined || dataVal === '' || dataVal === null) {\n            this.caption = '';\n            return 0;\n        }\n        if (selectedRating <= maxValue && selectedRating >= 0) {\n            return selectedRating * starWidth + 'em';\n        }\n        if (selectedRating > maxValue) {\n            return maxValue * starWidth + 'em';\n        }\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'readonly') {\n            if (nv) {\n                this.ratingsWidth = this.calculateRatingsWidth();\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            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","<div (focus)=\"onFocus($event)\" [(ngModel)]=\"modelByKey\" [ngModelOptions]=\"{standalone: true}\"\n  class=\"ratings-wrapper\" ngDefaultControl>\n  <div [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        <i class=\"app-icon {{rate.index <= selectedRatingValue ? activeiconclass : inactiveiconclass}}\" aria-hidden=\"true\"></i>\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  @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/package.json

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

package/components/input/rating/rating.component.d.ts

@@ -1,5 +1,5 @@
 import { ElementRef, Injector } from '@angular/core';
-import { DatasetAwareFormComponent } from '@wm/components/input';
+import { DatasetAwareFormComponent } from '@wm/components/input/dataset-aware-form';
 import * as i0 from "@angular/core";
 export declare class RatingComponent extends DatasetAwareFormComponent {
     static initializeProps: void;

package/components/input/select/.npmignore

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

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

@@ -0,0 +1,219 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/forms'), require('@angular/core'), require('@wm/core'), require('@wm/components/base'), require('@wm/components/input/dataset-aware-form')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/common', '@angular/forms', '@angular/core', '@wm/core', '@wm/components/base', '@wm/components/input/dataset-aware-form'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wm = global.wm || {}, global.wm.components = global.wm.components || {}, global.wm.components.input = global.wm.components.input || {}, global.wm.components.input.select = {}), global.ng.common, global.ng.forms, global.ng.core, global.wm.core, global.wm.components.base, global.wm.components.input.datasetawareform));
+})(this, (function (exports, i1, i2, i0, core, base, datasetAwareForm) { 'use strict';
+
+    function _interopNamespaceDefault(e) {
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n.default = e;
+        return Object.freeze(n);
+    }
+
+    var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+
+    const selectProps = new Map([
+        ['autofocus', base.PROP_BOOLEAN],
+        ['class', { value: '', ...base.PROP_STRING }],
+        ['compareby', base.PROP_STRING],
+        ['datafield', base.PROP_STRING],
+        ['dataset', base.PROP_ANY],
+        ['datavaluesource', base.PROP_ANY],
+        ['datavalue', base.PROP_STRING],
+        ['dateformat', base.PROP_STRING],
+        ['disabled', base.PROP_BOOLEAN],
+        ['displayexpression', base.PROP_STRING],
+        ['displayfield', base.PROP_STRING],
+        ['displayValue', base.PROP_STRING],
+        ['groupby', base.PROP_STRING],
+        ['hint', base.PROP_STRING],
+        ['arialabel', base.PROP_STRING],
+        ['match', base.PROP_STRING],
+        ['multiple', { value: false, ...base.PROP_BOOLEAN }],
+        ['name', base.PROP_STRING],
+        ['orderby', base.PROP_STRING],
+        ['placeholder', base.PROP_STRING],
+        ['readonly', base.PROP_BOOLEAN],
+        ['required', base.PROP_BOOLEAN],
+        ['shortcutkey', base.PROP_STRING],
+        ['show', { value: true, ...base.PROP_BOOLEAN }],
+        ['tabindex', { value: 0, ...base.PROP_NUMBER }],
+        ['usekeys', base.PROP_BOOLEAN]
+    ]);
+    const registerProps = () => {
+        base.register('wm-select', selectProps);
+        base.registerFormWidget(core.FormWidgetType.SELECT, new Map(selectProps));
+        base.registerFormWidget(core.FormWidgetType.TYPEAHEAD, new Map(selectProps));
+    };
+
+    const WIDGET_CONFIG = { widgetType: 'wm-select', hostClass: 'app-select-wrapper' };
+    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)) {
+                this.datavalue = ds.execute(core.DataSource.Operation.GET_DEFAULT_LOCALE);
+            }
+        }
+        constructor(inj, explicitContext) {
+            super(inj, WIDGET_CONFIG, explicitContext);
+            this.acceptsArray = true;
+            /*
+            * When the dataset for a select element is updated and no longer includes the previously selected value:
+            * The select element becomes empty, and the ngModel value is updated to reflect this change.
+            * However, the change event is not triggered, preventing the form control from recognizing the update and applying necessary validations.
+            * As this widget implements ControlValueAccessor, manually updating the ngModel (or modelByKey) is necessary to ensure correct form behavior.
+            * */
+            const datasetSubscription = this.dataset$.subscribe(() => {
+                if (core.isIos() || core.isSafari()) {
+                    if (this.datavalue) {
+                        const selectedItem = this.datasetItems.find(item => item.selected);
+                        if (!selectedItem) {
+                            setTimeout(() => {
+                                if (!this.placeholder) {
+                                    this.selectEl.nativeElement.value = '';
+                                }
+                                this.modelByKey = undefined;
+                            }, 100);
+                        }
+                    }
+                    else {
+                        setTimeout(() => {
+                            if (!this.placeholder) {
+                                this.selectEl.nativeElement.value = '';
+                            }
+                        }, 100);
+                    }
+                }
+            });
+            this.registerDestroyListener(() => datasetSubscription.unsubscribe());
+        }
+        ngAfterViewInit() {
+            super.ngAfterViewInit();
+            base.styler(this.selectEl.nativeElement, this);
+        }
+        // Change event is registered from the template, Prevent the framework from registering one more event
+        handleEvent(node, eventName, eventCallback, locals) {
+            if (!['blur', 'change'].includes(eventName)) {
+                super.handleEvent(this.selectEl.nativeElement, eventName, eventCallback, locals);
+            }
+        }
+        onSelectValueChange($event) {
+            if (this.readonly) {
+                if (this.placeholder) {
+                    this.selectEl.nativeElement.value = this.placeholder;
+                }
+                else {
+                    this.selectEl.nativeElement.value = '';
+                }
+                this.datavalue = this.prevDatavalue;
+                return;
+            }
+            this.invokeOnTouched();
+            // invoke on datavalue change.
+            this.invokeOnChange(this.datavalue, $event || {}, true);
+        }
+        onPropertyChange(key, nv, ov) {
+            if (key === 'required') {
+                this._onChange(this.datavalue);
+                return;
+            }
+            if (key === 'class' || key === 'tabindex') {
+                if (key === 'class') {
+                    // After NG15 upgrade ng-invalid class is added even the field is valid, so we are removing the ng-invalid manually
+                    const isNgUntouchedValid = this.selectEl.nativeElement.classList.contains('ng-untouched') && this.selectEl.nativeElement.classList.contains('ng-valid');
+                    if (isNgUntouchedValid && nv.includes('ng-untouched') && nv.includes('ng-invalid')) {
+                        setTimeout(() => {
+                            if (this.selectEl.nativeElement.classList.contains('ng-untouched') && this.selectEl.nativeElement.classList.contains('ng-valid') && this.selectEl.nativeElement.classList.contains('ng-invalid')) {
+                                this.selectEl.nativeElement.classList.remove('ng-invalid');
+                            }
+                        });
+                    }
+                }
+                return;
+            }
+            else if (key === 'readonly') {
+                (nv === true) ? core.setAttr(this.selectEl.nativeElement, 'readonly', 'readonly') : core.removeAttr(this.selectEl.nativeElement, 'readonly');
+            }
+            super.onPropertyChange(key, nv, ov);
+        }
+        /**
+         * When caption floating is enabled and placeholder is given, do not show placeholder until user focuses on the field
+         * When focused add the placeholder to the option which is selected
+         * On blur, remove the placeholder and do not animate the label
+         * @param $event event received will be either a blur or focus event
+         */
+        checkForFloatingLabel($event) {
+            const captionEl = $(this.selectEl.nativeElement).closest('.app-composite-widget.caption-floating');
+            if (!this.placeholder && (core.isIos() || core.isSafari())) {
+                this.removePlaceholderOption();
+            }
+            if (captionEl.length > 0) {
+                const placeholderOption = this.selectEl.nativeElement.querySelector('#placeholderOption');
+                if ($event.type === 'mousedown' && (!this.datavalue || (this.datavalue && $(this.selectEl).find('select option:selected').text() === '' && this.placeholder))) {
+                    if (this.placeholder) {
+                        placeholderOption.textContent = this.placeholder;
+                    }
+                }
+                else if (!this.datavalue) {
+                    if (this.placeholder) {
+                        placeholderOption.textContent = '';
+                    }
+                    captionEl.removeClass('float-active');
+                }
+            }
+        }
+        /*
+        * Removing the placeholder option if no placeholder is provided.
+        * In html we are hiding the placeholder option using css but in Apple devices and safari option is showing.
+        * Styles are not allowed on option tag in ios safari
+        * 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
+        * */
+        removePlaceholderOption() {
+            const hiddenEle = $(this.selectEl.nativeElement).find('#placeholderOption');
+            if (hiddenEle.length) {
+                hiddenEle.remove();
+                if (!this.datavalue) {
+                    this.selectEl.nativeElement.value = '';
+                }
+            }
+        }
+        static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", 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: "18.2.13", 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),
+                            base.provideAs(SelectComponent, i2.NG_VALIDATORS, true),
+                            base.provideAsWidgetRef(SelectComponent)
+                        ], 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" }]
+            }], ctorParameters: () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                        type: i0.Inject,
+                        args: ['EXPLICIT_CONTEXT']
+                    }, {
+                        type: i0.Optional
+                    }] }], propDecorators: { selectEl: [{
+                    type: i0.ViewChild,
+                    args: ['select', { static: true, read: i0.ElementRef }]
+                }] } });
+
+    exports.SelectComponent = SelectComponent;
+
+}));

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvaW5wdXQvc2VsZWN0L3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19

package/components/input/select/esm2022/public_api.mjs

@@ -0,0 +1,2 @@
+export * from './select.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvd2lkZ2V0cy9pbnB1dC9zZWxlY3Qvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc2VsZWN0LmNvbXBvbmVudCc7XG4iXX0=