@wavemaker/app-ng-runtime 11.8.0-rc.5666 → 11.8.0-rc.5668

app-ng-runtime/components/input/rating/fesm2022/index.mjs

@@ -0,0 +1,329 @@
+import * as i0 from '@angular/core';
+import { ElementRef, Component, Inject, Optional, ViewChild, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import * as i3 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 { FormWidgetType, generateGUId, setCSS, noop } from '@wm/core';
+import { DatasetAwareFormComponent } from '@wm/components/input';
+import { slice, isEmpty, find, isUndefined, toString } from 'lodash-es';
+
+const ratingProps = new Map([
+    ['caption', PROP_STRING],
+    ['class', PROP_STRING],
+    ['datafield', PROP_STRING],
+    ['dataset', PROP_ANY],
+    ['datavaluesource', PROP_ANY],
+    ['datavalue', PROP_STRING],
+    ['displayexpression', PROP_STRING],
+    ['displayfield', PROP_STRING],
+    ['iconcolor', PROP_STRING],
+    ['iconsize', PROP_STRING],
+    ['maxvalue', { value: 5, ...PROP_NUMBER }],
+    ['name', PROP_STRING],
+    ['orderby', PROP_STRING],
+    ['readonly', PROP_BOOLEAN],
+    ['show', { value: true, ...PROP_BOOLEAN }],
+    ['showcaptions', { value: true, ...PROP_BOOLEAN }],
+    ['tabindex', { value: 0, ...PROP_NUMBER }],
+    ['usekeys', PROP_BOOLEAN]
+]);
+const registerProps = () => {
+    register('wm-rating', ratingProps);
+    registerFormWidget(FormWidgetType.RATING, new Map(ratingProps));
+};
+
+const _c0 = ["ratingInput"];
+const _c1 = ["wmRating", ""];
+const _c2 = () => ({ standalone: true });
+const _c3 = a0 => ({ "font-size": a0 });
+const _c4 = (a0, a1) => ({ width: a0, color: a1 });
+const _c5 = a0 => ({ active: a0 });
+const _c6 = (a0, a1) => ({ "font-size": a0, color: a1 });
+function RatingComponent_div_1_label_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 8);
+    i0.ɵɵlistener("touchstart", function RatingComponent_div_1_label_1_Template_label_touchstart_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onTouchStart($event)); })("mouseleave", function RatingComponent_div_1_label_1_Template_label_mouseleave_0_listener($event) { const rate_r3 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onMouseleave($event, rate_r3)); })("mouseover", function RatingComponent_div_1_label_1_Template_label_mouseover_0_listener($event) { const rate_r3 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onMouseOver($event, rate_r3)); });
+    i0.ɵɵelementStart(1, "input", 9, 0);
+    i0.ɵɵlistener("click", function RatingComponent_div_1_label_1_Template_input_click_1_listener($event) { const rate_r3 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onRatingClick($event, rate_r3)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const rate_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c5, rate_r3.index <= ctx_r1.selectedRatingValue))("ngStyle", i0.ɵɵpureFunction2(10, _c6, 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.ɵɵ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_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵtemplate(1, RatingComponent_div_1_label_1_Template, 3, 13, "label", 7);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.ratingItems);
+} }
+function RatingComponent_label_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "label", 10);
+} 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;
+const DEFAULT_RATING = 5;
+class RatingComponent extends DatasetAwareFormComponent {
+    static { this.initializeProps = registerProps(); }
+    get selectedRatingValue() {
+        return this._selectedRatingValue;
+    }
+    set selectedRatingValue(val) {
+        this._selectedRatingValue = val;
+        this.calculateRatingsWidth();
+    }
+    constructor(inj, explicitContext) {
+        super(inj, WIDGET_CONFIG, explicitContext);
+        this._id = generateGUId();
+        styler(this.nativeElement, this);
+        // prepare the rating options on dataset ready.
+        const datasetSubscription = this.dataset$.subscribe(() => {
+            this.prepareRatingDataset();
+        });
+        this.registerDestroyListener(() => datasetSubscription.unsubscribe());
+        // listen to changes in datavalue.
+        const datavalueSubscription = this.datavalue$.subscribe(() => this.onDatavalueChange(this.datavalue));
+        this.registerDestroyListener(() => datavalueSubscription.unsubscribe());
+    }
+    // Change event is registered from the template, Prevent the framework from registering one more event
+    handleEvent(node, eventName, eventCallback, locals) {
+        if (eventName !== 'change' && eventName !== 'blur') {
+            super.handleEvent(this.ratingEl.nativeElement, eventName, eventCallback, locals);
+        }
+    }
+    // This function returns the rating widget dataset containing the index, value and label
+    prepareRatingDataset() {
+        if (!this.datasetItems.length) {
+            this.ratingItems = [];
+            this.caption = '';
+        }
+        let ratingItems = [];
+        let data = this.datasetItems;
+        const maxvalue = parseInt(this.maxvalue || this.datasetItems.length, 10);
+        const maxValue = (maxvalue > MAX_RATING ? MAX_RATING : maxvalue) || DEFAULT_RATING;
+        /**
+         * 1. If datasetItems.length is more than maxValue (i.e. 10 ratings) then just extract maxValue of items from datasetItems.
+         * 2. If datasetItems are not available then prepare ratings value depending on maxvalue. eg: 1,2,3 .. upto maxvalue
+         * 3. If maxvalue / i value is more than datasetItems length, prepare default rating items for i values more than datasetItems.length
+         */
+        if (data.length && data.length > maxValue) {
+            data = slice(data, 0, maxValue);
+        }
+        for (let i = maxValue; i > 0; i--) {
+            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 {
+                    data = getOrderedDataset(data, 'index:desc');
+                    ratingItems = ratingItems.concat(data);
+                    break;
+                }
+            }
+        }
+        this.ratingItems = ratingItems;
+        if (!data.length) { // constructs default datasetItems when there is no dataset binding.
+            this.datasetItems = ratingItems;
+        }
+        this.onDatavalueChange(this.datavalue);
+    }
+    onRatingClick($event, rate) {
+        this.modelByKey = rate.key;
+        this.selectedRatingValue = rate.index;
+        // support if the caption is binded in the old projects for backward compatibility
+        if (!this.showcaptions) {
+            this.caption = rate.label;
+        }
+        this.invokeOnTouched();
+        // invoke on datavalue change.
+        this.invokeOnChange(this.datavalue, $event || {}, true);
+    }
+    // Update the selected flag on datasetItems and assign the ratingValue.
+    /**
+     * On datavalue change, update the caption, selectedRatingValue.
+     * 1. if datasetItems contain the selected item (check the selected flag on item), find the index of selected item.
+     * 2. if not, just check if the datavalue is provided as the index on the item.
+     *
+     * @param dataVal datavalue
+     */
+    onDatavalueChange(dataVal) {
+        if (!isEmpty(this.datasetItems)) {
+            let selectedItem = find(this.datasetItems, { 'selected': true });
+            if (!selectedItem && !isUndefined(dataVal)) {
+                selectedItem = find(this.datasetItems, function (item) {
+                    return toString(item.index) === dataVal;
+                });
+                if (selectedItem) {
+                    selectedItem.selected = true;
+                }
+            }
+            if (!selectedItem) {
+                // reset the  model if there is no item found.
+                this.modelByKey = undefined;
+                this.caption = '';
+            }
+            this.selectedRatingValue = selectedItem ? selectedItem.index : 0;
+            if (selectedItem) {
+                this.caption = selectedItem.label;
+            }
+        }
+        else {
+            this.selectedRatingValue = 0;
+        }
+        if (this.readonly) {
+            // when dataset is not given but datavalue is provided which is integer
+            if (!this.selectedRatingValue && !isNaN(dataVal)) {
+                this.selectedRatingValue = (parseFloat(dataVal) <= this.maxvalue) ? dataVal : this.maxvalue;
+            }
+            this.ratingsWidth = this.calculateRatingsWidth(dataVal);
+        }
+    }
+    calculateRatingsWidth(dataVal) {
+        const selectedRating = parseFloat(this.selectedRatingValue), starWidth = 0.925, maxValue = parseInt(this.maxvalue || this.datasetItems.length, 10) || DEFAULT_RATING;
+        setCSS(this.nativeElement.querySelector('.ratings-container'), 'width', (starWidth * maxValue) + 'em');
+        dataVal = dataVal || this.datavalue;
+        if (dataVal === undefined || dataVal === '' || dataVal === null) {
+            this.caption = '';
+            return 0;
+        }
+        if (selectedRating <= maxValue && selectedRating >= 0) {
+            return selectedRating * starWidth + 'em';
+        }
+        if (selectedRating > maxValue) {
+            return maxValue * starWidth + 'em';
+        }
+    }
+    onPropertyChange(key, nv, ov) {
+        if (key === 'readonly') {
+            if (nv) {
+                this.ratingsWidth = this.calculateRatingsWidth();
+            }
+        }
+        else if (key === 'maxvalue') {
+            /** Storing the datavalue in temp variable and assiging back to datavalue
+             * after default datalist is prepared to trigger Dataset Aware class select cycle
+             * as the datavalue property change is triggering first rather than maxvalue
+             * in the rating widget is used inside a datatable
+             */
+            let tempDataValue = this.datavalue;
+            this.prepareRatingDataset();
+            // reset all the items.
+            this.resetDatasetItems();
+            if (!isUndefined(tempDataValue)) {
+                this.datavalue = tempDataValue;
+            }
+        }
+        else {
+            super.onPropertyChange(key, nv, ov);
+        }
+    }
+    /* Detect touch enabled devices & update hover styles*/
+    onTouchStart($event) {
+        this.touchEnabled = true;
+        this.onTouchStart = noop;
+    }
+    onMouseleave() {
+        this.caption = this.displayValue;
+    }
+    onMouseOver($event, rate) {
+        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(t) { return new (t || 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);
+        } }, features: [i0.ɵɵProvidersFeature([
+                provideAs(RatingComponent, NG_VALUE_ACCESSOR, true),
+                provideAsWidgetRef(RatingComponent)
+            ]), i0.ɵɵInheritDefinitionFeature], attrs: _c1, decls: 5, vars: 14, consts: [["ratingInput", ""], ["aria-multiselectable", "true", "ngDefaultControl", "", 1, "ratings-wrapper", 3, "focus", "ngModelChange", "ngModel", "ngModelOptions"], ["class", "rating-style", 4, "ngIf"], [1, "ratings-container", "disabled", 3, "ngStyle"], [1, "ratings", "active", 3, "ngStyle"], ["class", "caption", 3, "textContent", 4, "ngIf"], [1, "rating-style"], [3, "ngClass", "ngStyle", "title", "for", "touchstart", "mouseleave", "mouseover", 4, "ngFor", "ngForOf"], [3, "touchstart", "mouseleave", "mouseover", "ngClass", "ngStyle", "title", "for"], ["type", "radio", "role", "radio", "name", "ratings-id", 3, "click", "id", "value"], [1, "caption", 3, "textContent"]], 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.ɵɵtemplate(1, RatingComponent_div_1_Template, 2, 1, "div", 2);
+            i0.ɵɵelementStart(2, "div", 3);
+            i0.ɵɵelement(3, "div", 4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(4, RatingComponent_label_4_Template, 1, 1, "label", 5);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵtwoWayProperty("ngModel", ctx.modelByKey);
+            i0.ɵɵproperty("ngModelOptions", i0.ɵɵpureFunction0(8, _c2));
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.readonly);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("hidden", !ctx.readonly);
+            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(9, _c3, ctx.iconsize));
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction2(11, _c4, ctx.ratingsWidth, ctx.iconcolor));
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.showcaptions);
+        } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i1.NgStyle, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.TextContentDirective], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RatingComponent, [{
+        type: Component,
+        args: [{ selector: '[wmRating]', providers: [
+                    provideAs(RatingComponent, NG_VALUE_ACCESSOR, true),
+                    provideAsWidgetRef(RatingComponent)
+                ], template: "<div (focus)=\"onFocus($event)\" [(ngModel)]=\"modelByKey\" [ngModelOptions]=\"{standalone: true}\" aria-multiselectable=\"true\"\n     class=\"ratings-wrapper\" ngDefaultControl>\n    <div *ngIf=\"!readonly\" class=\"rating-style\">\n        <label *ngFor=\"let rate of ratingItems;\"\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            <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    </div>\n    <div [class.hidden]=\"!readonly\" [ngStyle]=\"{'font-size' :iconsize}\" class=\"ratings-container disabled\" >\n        <div class=\"ratings active\" [ngStyle]=\"{width: ratingsWidth, color: iconcolor}\"></div>\n    </div>\n    <label *ngIf=\"showcaptions\" class=\"caption\" [textContent]=\"caption\"></label>\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: 25 }); })();
+
+const components = [
+    RatingComponent
+];
+class RatingModule {
+    static { this.ɵfac = function RatingModule_Factory(t) { return new (t || RatingModule)(); }; }
+    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: RatingModule }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+            FormsModule,
+            WmComponentsModule] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RatingModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    FormsModule,
+                    WmComponentsModule
+                ],
+                declarations: [...components],
+                exports: [...components]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(RatingModule, { declarations: [RatingComponent], imports: [CommonModule,
+        FormsModule,
+        WmComponentsModule], exports: [RatingComponent] }); })();
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RatingComponent, RatingModule };
+//# sourceMappingURL=index.mjs.map

app-ng-runtime/components/input/rating/fesm2022/index.mjs.map

@@ -0,0 +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/rating.module.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        ['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}\" aria-multiselectable=\"true\"\n     class=\"ratings-wrapper\" ngDefaultControl>\n    <div *ngIf=\"!readonly\" class=\"rating-style\">\n        <label *ngFor=\"let rate of ratingItems;\"\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            <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    </div>\n    <div [class.hidden]=\"!readonly\" [ngStyle]=\"{'font-size' :iconsize}\" class=\"ratings-container disabled\" >\n        <div class=\"ratings active\" [ngStyle]=\"{width: ratingsWidth, color: iconcolor}\"></div>\n    </div>\n    <label *ngIf=\"showcaptions\" class=\"caption\" [textContent]=\"caption\"></label>\n</div>\n","import {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    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    private ratingItems;\n    private _id;\n\n    public iconsize: string;\n    public iconcolor: string;\n    public onFocus: any;\n    private touchEnabled:boolean;\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        setCSS(\n            this.nativeElement.querySelector('.ratings-container') as HTMLElement,\n            'width',\n            (starWidth * maxValue) + 'em'\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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { RatingComponent } from './rating.component';\n\nconst components = [\n    RatingComponent\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        FormsModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class RatingModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

app-ng-runtime/components/input/rating/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@wm/components/input/rating",
+  "sideEffects": false,
+  "dependencies": {
+    "tslib": "^2.0.0"
+  },
+  "module": "fesm2022/index.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/index.mjs",
+      "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"
+  }
+}

app-ng-runtime/components/input/slider/.npmignore

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

app-ng-runtime/components/input/slider/bundles/index.umd.js

@@ -0,0 +1,156 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@wm/components/base'), require('@wm/components/input'), require('@wm/core')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@angular/common', '@angular/forms', '@wm/components/base', '@wm/components/input', '@wm/core'], 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.slider = {}), global.ng.core, global.ng.common, global.ng.forms, global.wm.components.base, global.wm.components.input, global.wm.core));
+})(this, (function (exports, i0, i1, i2, i3, input, core) { 'use strict';
+
+    function _interopNamespaceDefault(e) {
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n.default = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespaceDefault(i0);
+    var i1__namespace = /*#__PURE__*/_interopNamespaceDefault(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespaceDefault(i2);
+    var i3__namespace = /*#__PURE__*/_interopNamespaceDefault(i3);
+
+    const sliderProps = new Map([
+        ['class', i3.PROP_STRING],
+        ['datavalue', i3.PROP_STRING],
+        ['disabled', i3.PROP_BOOLEAN],
+        ['hint', i3.PROP_STRING],
+        ['maxvalue', i3.PROP_NUMBER],
+        ['minvalue', i3.PROP_NUMBER],
+        ['name', i3.PROP_STRING],
+        ['readonly', i3.PROP_BOOLEAN],
+        ['shortcutkey', i3.PROP_STRING],
+        ['show', { value: true, ...i3.PROP_BOOLEAN }],
+        ['step', i3.PROP_NUMBER],
+        ['tabindex', { value: 0, ...i3.PROP_NUMBER }]
+    ]);
+    const registerProps = () => {
+        i3.register('wm-slider', sliderProps);
+        i3.registerFormWidget(core.FormWidgetType.SLIDER, new Map(sliderProps));
+    };
+
+    const _c0 = ["wmSlider", ""];
+    const _c1 = () => ({ standalone: true });
+    function SliderComponent_div_3_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelement(0, "div", 4);
+    } }
+    const DEFAULT_CLS = 'app-slider slider';
+    const WIDGET_CONFIG = {
+        widgetType: 'wm-slider',
+        hostClass: DEFAULT_CLS
+    };
+    class SliderComponent extends input.BaseFormCustomComponent {
+        static { this.initializeProps = registerProps(); }
+        constructor(inj, explicitContext) {
+            super(inj, WIDGET_CONFIG, explicitContext);
+            i3.styler(this.nativeElement, this);
+        }
+        // change and blur events are added from the template
+        handleEvent(node, eventName, callback, locals) {
+            if (eventName !== 'change' && eventName !== 'blur') {
+                super.handleEvent(node, eventName, callback, locals);
+            }
+        }
+        handleChange(newVal) {
+            this.invokeOnChange(this.datavalue, { type: 'change' }, this.ngModel.valid);
+        }
+        onPropertyChange(key, nv, ov) {
+            if (key === 'tabindex') {
+                return;
+            }
+            super.onPropertyChange(key, nv, ov);
+        }
+        static { this.ɵfac = function SliderComponent_Factory(t) { return new (t || SliderComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.Injector), i0__namespace.ɵɵdirectiveInject('EXPLICIT_CONTEXT', 8)); }; }
+        static { this.ɵcmp = /*@__PURE__*/ i0__namespace.ɵɵdefineComponent({ type: SliderComponent, selectors: [["", "wmSlider", ""]], viewQuery: function SliderComponent_Query(rf, ctx) { if (rf & 1) {
+                i0__namespace.ɵɵviewQuery(i2.NgModel, 5);
+            } if (rf & 2) {
+                let _t;
+                i0__namespace.ɵɵqueryRefresh(_t = i0__namespace.ɵɵloadQuery()) && (ctx.ngModel = _t.first);
+            } }, features: [i0__namespace.ɵɵProvidersFeature([
+                    i3.provideAs(SliderComponent, i2.NG_VALUE_ACCESSOR, true),
+                    i3.provideAsWidgetRef(SliderComponent)
+                ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c0, decls: 4, vars: 21, consts: [[1, "app-slider-value", "pull-left", 3, "textContent"], [1, "app-slider-value", "pull-right", 3, "textContent"], ["aria-orientation", "horizontal", "focus-target", "", "type", "range", 1, "range-input", 3, "ngModelChange", "blur", "title", "ngModel", "ngModelOptions", "disabled", "tabindex"], ["aria-readonly", "true", "class", "readonly-wrapper", 4, "ngIf"], ["aria-readonly", "true", 1, "readonly-wrapper"]], template: function SliderComponent_Template(rf, ctx) { if (rf & 1) {
+                i0__namespace.ɵɵelement(0, "span", 0)(1, "span", 1);
+                i0__namespace.ɵɵelementStart(2, "input", 2);
+                i0__namespace.ɵɵtwoWayListener("ngModelChange", function SliderComponent_Template_input_ngModelChange_2_listener($event) { i0__namespace.ɵɵtwoWayBindingSet(ctx.datavalue, $event) || (ctx.datavalue = $event); return $event; });
+                i0__namespace.ɵɵlistener("blur", function SliderComponent_Template_input_blur_2_listener($event) { return ctx.invokeOnTouched($event); })("ngModelChange", function SliderComponent_Template_input_ngModelChange_2_listener($event) { return ctx.handleChange($event); });
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(3, SliderComponent_div_3_Template, 1, 0, "div", 3);
+            } if (rf & 2) {
+                i0__namespace.ɵɵproperty("textContent", ctx.minvalue);
+                i0__namespace.ɵɵattribute("aria-valuemin", ctx.minvalue);
+                i0__namespace.ɵɵadvance();
+                i0__namespace.ɵɵproperty("textContent", ctx.maxvalue);
+                i0__namespace.ɵɵattribute("aria-valuemax", ctx.maxvalue);
+                i0__namespace.ɵɵadvance();
+                i0__namespace.ɵɵproperty("title", ctx.datavalue);
+                i0__namespace.ɵɵtwoWayProperty("ngModel", ctx.datavalue);
+                i0__namespace.ɵɵproperty("ngModelOptions", i0__namespace.ɵɵpureFunction0(20, _c1))("disabled", ctx.disabled)("tabindex", ctx.tabindex)("tabindex", ctx.tabindex);
+                i0__namespace.ɵɵattribute("min", ctx.minvalue)("max", ctx.maxvalue)("step", ctx.step)("accesskey", ctx.shortcutkey)("aria-label", ctx.hint || "Slider")("aria-valuemin", ctx.minvalue)("aria-valuemax", ctx.maxvalue)("aria-valuenow", ctx.datavalue)("name", ctx.name);
+                i0__namespace.ɵɵadvance();
+                i0__namespace.ɵɵproperty("ngIf", ctx.readonly || ctx.disabled);
+            } }, dependencies: [i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.RangeValueAccessor, i2__namespace.NgControlStatus, i2__namespace.NgModel, i3__namespace.TextContentDirective], encapsulation: 2 }); }
+    }
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SliderComponent, [{
+            type: i0.Component,
+            args: [{ selector: '[wmSlider]', providers: [
+                        i3.provideAs(SliderComponent, i2.NG_VALUE_ACCESSOR, true),
+                        i3.provideAsWidgetRef(SliderComponent)
+                    ], template: "<span class=\"app-slider-value pull-left\" [attr.aria-valuemin]=\"minvalue\" [textContent]=\"minvalue\"></span>\n<span class=\"app-slider-value pull-right\" [attr.aria-valuemax]=\"maxvalue\" [textContent]=\"maxvalue\"></span>\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\"\n       [attr.accesskey]=\"shortcutkey\"\n       [attr.aria-label]=\"hint || 'Slider'\"\n       [attr.aria-valuemin]=\"minvalue\"\n       [attr.aria-valuemax]=\"maxvalue\"\n       [attr.aria-valuenow]=\"datavalue\"\n       [tabindex]=\"tabindex\"\n       (blur)=\"invokeOnTouched($event)\"\n       (ngModelChange)=\"handleChange($event)\"\n       [attr.name]=\"name\"\n       [tabindex]=\"tabindex\"/>\n<div *ngIf=\"readonly || disabled\" aria-readonly=\"true\" class=\"readonly-wrapper\"></div>\n" }]
+        }], () => [{ type: i0__namespace.Injector }, { type: undefined, decorators: [{
+                    type: i0.Inject,
+                    args: ['EXPLICIT_CONTEXT']
+                }, {
+                    type: i0.Optional
+                }] }], { ngModel: [{
+                type: i0.ViewChild,
+                args: [i2.NgModel]
+            }] }); })();
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassDebugInfo(SliderComponent, { className: "SliderComponent", filePath: "slider.component.ts", lineNumber: 24 }); })();
+
+    const components = [
+        SliderComponent
+    ];
+    class SliderModule {
+        static { this.ɵfac = function SliderModule_Factory(t) { return new (t || SliderModule)(); }; }
+        static { this.ɵmod = /*@__PURE__*/ i0__namespace.ɵɵdefineNgModule({ type: SliderModule }); }
+        static { this.ɵinj = /*@__PURE__*/ i0__namespace.ɵɵdefineInjector({ imports: [i1.CommonModule,
+                i2.FormsModule,
+                i3.WmComponentsModule] }); }
+    }
+    (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SliderModule, [{
+            type: i0.NgModule,
+            args: [{
+                    imports: [
+                        i1.CommonModule,
+                        i2.FormsModule,
+                        i3.WmComponentsModule
+                    ],
+                    declarations: [...components],
+                    exports: [...components]
+                }]
+        }], null, null); })();
+    (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0__namespace.ɵɵsetNgModuleScope(SliderModule, { declarations: [SliderComponent], imports: [i1.CommonModule,
+            i2.FormsModule,
+            i3.WmComponentsModule], exports: [SliderComponent] }); })();
+
+    exports.SliderComponent = SliderComponent;
+    exports.SliderModule = SliderModule;
+
+}));