barsa-sap-ui 1.0.455 → 2.0.1

package/esm2022/lib/ui-multi-select-card/ui-multi-select-card.component.mjs

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { getUniqueId } from 'barsa-novin-ray-core';
+import { UiMultiSelectComboComponent } from '../ui-multi-select-combo/ui-multi-select-combo.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@fundamental-ngx/core/card";
+import * as i3 from "@fundamental-ngx/core/form";
+import * as i4 from "@fundamental-ngx/core/radio";
+import * as i5 from "@angular/common";
+import * as i6 from "barsa-novin-ray-core";
+export class UiMultiSelectCardComponent extends UiMultiSelectComboComponent {
+    constructor() {
+        super(...arguments);
+        this.selectedItems = [];
+        this.id = getUniqueId(4);
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.context.fireEvent('TriggerClick', this.context, '');
+    }
+    ngAfterViewInit() {
+        // overriede parent to avoid do more
+        // super.ngAfterContentInit();
+    }
+    onRadioClicked(item) {
+        this.selectedItems.push(item);
+        this.value = item.id;
+        this._raiseValueChanged();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiMultiSelectCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiMultiSelectCardComponent, selector: "bsu-ui-multi-select-card", usesInheritance: true, ngImport: i0, template: "<fd-form-group [isInline]=\"!parameters?.IsVertically && !(isMobile && parameters?.OnlyInMobileVertically)\">\n    @for (item of dataList; track item; let i = $index; let first = $first) {\n    <div fd-form-item>\n        <fd-card>\n            <fd-card-content>\n                <img\n                    width=\"90px\"\n                    [src]=\"item.fileId | picFieldSrc: 'PictureFileInfo':item.Id:item.fieldDefId\"\n                    [alt]=\"item.txt\"\n                    [attr.aria-label]=\"item.txt\"\n                    [title]=\"item.txt\"\n                />\n            </fd-card-content>\n            <fd-card-header (click)=\"onRadioClicked(item)\">\n                <fd-radio-button\n                    fd-card-title\n                    [value]=\"item.id\"\n                    [id]=\"'radio-' + id + i\"\n                    [name]=\"'radio' + id + i\"\n                    [disabled]=\"(disableOrReadonly$ | async)!!\"\n                    [ngModel]=\"value\"\n                    [selectedValue]=\"value\"\n                >\n                    {{ item.txt }}\n                </fd-radio-button>\n            </fd-card-header>\n        </fd-card>\n    </div>\n    }\n</fd-form-group>\n", styles: [":host{display:block;width:100%;height:100%}:host div[fd-form-item]{margin:0 .5rem}fd-form-group{row-gap:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i2.CardHeaderComponent, selector: "fd-card-header", inputs: ["interactive", "tabindex"] }, { kind: "component", type: i2.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i2.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "component", type: i3.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i3.FormGroupComponent, selector: "fd-form-group", inputs: ["isInline"] }, { kind: "component", type: i4.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required", "standalone"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PictureFieldSourcePipe, name: "picFieldSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiMultiSelectCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-ui-multi-select-card', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-form-group [isInline]=\"!parameters?.IsVertically && !(isMobile && parameters?.OnlyInMobileVertically)\">\n    @for (item of dataList; track item; let i = $index; let first = $first) {\n    <div fd-form-item>\n        <fd-card>\n            <fd-card-content>\n                <img\n                    width=\"90px\"\n                    [src]=\"item.fileId | picFieldSrc: 'PictureFileInfo':item.Id:item.fieldDefId\"\n                    [alt]=\"item.txt\"\n                    [attr.aria-label]=\"item.txt\"\n                    [title]=\"item.txt\"\n                />\n            </fd-card-content>\n            <fd-card-header (click)=\"onRadioClicked(item)\">\n                <fd-radio-button\n                    fd-card-title\n                    [value]=\"item.id\"\n                    [id]=\"'radio-' + id + i\"\n                    [name]=\"'radio' + id + i\"\n                    [disabled]=\"(disableOrReadonly$ | async)!!\"\n                    [ngModel]=\"value\"\n                    [selectedValue]=\"value\"\n                >\n                    {{ item.txt }}\n                </fd-radio-button>\n            </fd-card-header>\n        </fd-card>\n    </div>\n    }\n</fd-form-group>\n", styles: [":host{display:block;width:100%;height:100%}:host div[fd-form-item]{margin:0 .5rem}fd-form-group{row-gap:1rem}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktbXVsdGktc2VsZWN0LWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktbXVsdGktc2VsZWN0LWNhcmQvdWktbXVsdGktc2VsZWN0LWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktbXVsdGktc2VsZWN0LWNhcmQvdWktbXVsdGktc2VsZWN0LWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ25ELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDBEQUEwRCxDQUFDOzs7Ozs7OztBQVF2RyxNQUFNLE9BQU8sMEJBQTJCLFNBQVEsMkJBQTJCO0lBTjNFOztRQU9JLGtCQUFhLEdBQWtDLEVBQUUsQ0FBQztRQUdsRCxPQUFFLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDO0tBY3ZCO0lBYkcsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBQ0QsZUFBZTtRQUNYLG9DQUFvQztRQUNwQyw4QkFBOEI7SUFDbEMsQ0FBQztJQUNELGNBQWMsQ0FBQyxJQUFJO1FBQ2YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzlCLENBQUM7OEdBakJRLDBCQUEwQjtrR0FBMUIsMEJBQTBCLHVGQ1Z2Qyw4ckNBOEJBOzsyRkRwQmEsMEJBQTBCO2tCQU50QyxTQUFTOytCQUNJLDBCQUEwQixtQkFHbkIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBnZXRVbmlxdWVJZCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcbmltcG9ydCB7IFVpTXVsdGlTZWxlY3RDb21ib0NvbXBvbmVudCB9IGZyb20gJy4uL3VpLW11bHRpLXNlbGVjdC1jb21iby91aS1tdWx0aS1zZWxlY3QtY29tYm8uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdic3UtdWktbXVsdGktc2VsZWN0LWNhcmQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi91aS1tdWx0aS1zZWxlY3QtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdWktbXVsdGktc2VsZWN0LWNhcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBVaU11bHRpU2VsZWN0Q2FyZENvbXBvbmVudCBleHRlbmRzIFVpTXVsdGlTZWxlY3RDb21ib0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgICBzZWxlY3RlZEl0ZW1zOiB7IGlkOiBzdHJpbmc7IHR4dDogc3RyaW5nIH1bXSA9IFtdO1xuICAgIG1heFdpZHRoOiBhbnk7XG4gICAgZGF0YUxpc3Q6IGFueTtcbiAgICBpZCA9IGdldFVuaXF1ZUlkKDQpO1xuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICB0aGlzLmNvbnRleHQuZmlyZUV2ZW50KCdUcmlnZ2VyQ2xpY2snLCB0aGlzLmNvbnRleHQsICcnKTtcbiAgICB9XG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICAvLyBvdmVycmllZGUgcGFyZW50IHRvIGF2b2lkIGRvIG1vcmVcbiAgICAgICAgLy8gc3VwZXIubmdBZnRlckNvbnRlbnRJbml0KCk7XG4gICAgfVxuICAgIG9uUmFkaW9DbGlja2VkKGl0ZW0pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zLnB1c2goaXRlbSk7XG4gICAgICAgIHRoaXMudmFsdWUgPSBpdGVtLmlkO1xuICAgICAgICB0aGlzLl9yYWlzZVZhbHVlQ2hhbmdlZCgpO1xuICAgIH1cbn1cbiIsIjxmZC1mb3JtLWdyb3VwIFtpc0lubGluZV09XCIhcGFyYW1ldGVycz8uSXNWZXJ0aWNhbGx5ICYmICEoaXNNb2JpbGUgJiYgcGFyYW1ldGVycz8uT25seUluTW9iaWxlVmVydGljYWxseSlcIj5cbiAgICBAZm9yIChpdGVtIG9mIGRhdGFMaXN0OyB0cmFjayBpdGVtOyBsZXQgaSA9ICRpbmRleDsgbGV0IGZpcnN0ID0gJGZpcnN0KSB7XG4gICAgPGRpdiBmZC1mb3JtLWl0ZW0+XG4gICAgICAgIDxmZC1jYXJkPlxuICAgICAgICAgICAgPGZkLWNhcmQtY29udGVudD5cbiAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgIHdpZHRoPVwiOTBweFwiXG4gICAgICAgICAgICAgICAgICAgIFtzcmNdPVwiaXRlbS5maWxlSWQgfCBwaWNGaWVsZFNyYzogJ1BpY3R1cmVGaWxlSW5mbyc6aXRlbS5JZDppdGVtLmZpZWxkRGVmSWRcIlxuICAgICAgICAgICAgICAgICAgICBbYWx0XT1cIml0ZW0udHh0XCJcbiAgICAgICAgICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJpdGVtLnR4dFwiXG4gICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJpdGVtLnR4dFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZmQtY2FyZC1jb250ZW50PlxuICAgICAgICAgICAgPGZkLWNhcmQtaGVhZGVyIChjbGljayk9XCJvblJhZGlvQ2xpY2tlZChpdGVtKVwiPlxuICAgICAgICAgICAgICAgIDxmZC1yYWRpby1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgZmQtY2FyZC10aXRsZVxuICAgICAgICAgICAgICAgICAgICBbdmFsdWVdPVwiaXRlbS5pZFwiXG4gICAgICAgICAgICAgICAgICAgIFtpZF09XCIncmFkaW8tJyArIGlkICsgaVwiXG4gICAgICAgICAgICAgICAgICAgIFtuYW1lXT1cIidyYWRpbycgKyBpZCArIGlcIlxuICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwiKGRpc2FibGVPclJlYWRvbmx5JCB8IGFzeW5jKSEhXCJcbiAgICAgICAgICAgICAgICAgICAgW25nTW9kZWxdPVwidmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICBbc2VsZWN0ZWRWYWx1ZV09XCJ2YWx1ZVwiXG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICB7eyBpdGVtLnR4dCB9fVxuICAgICAgICAgICAgICAgIDwvZmQtcmFkaW8tYnV0dG9uPlxuICAgICAgICAgICAgPC9mZC1jYXJkLWhlYWRlcj5cbiAgICAgICAgPC9mZC1jYXJkPlxuICAgIDwvZGl2PlxuICAgIH1cbjwvZmQtZm9ybS1ncm91cD5cbiJdfQ==

package/esm2022/lib/ui-multi-select-checkbox/ui-multi-select-checkbox.component.mjs

@@ -0,0 +1,59 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { getUniqueId } from 'barsa-novin-ray-core';
+import { UiMultiSelectComboComponent } from '../ui-multi-select-combo/ui-multi-select-combo.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@fundamental-ngx/core/checkbox";
+import * as i3 from "@fundamental-ngx/core/form";
+import * as i4 from "@angular/common";
+export class UiMultiSelectCheckboxComponent extends UiMultiSelectComboComponent {
+    constructor() {
+        super(...arguments);
+        this.selectedItems = [];
+        this.id = getUniqueId(4);
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.context.fireEvent('TriggerClick', this.context, '');
+    }
+    _setDataList() {
+        const store = this.context.store;
+        this.dataList = store.data[store.root];
+        this._handleSetValue();
+        this._cdr.detectChanges();
+    }
+    _handleSetValue() {
+        const store = this.context.store;
+        const splitedValue = this.value.split(',');
+        const dropDownValues = store.data[store.root];
+        dropDownValues.forEach((item) => {
+            const selected = splitedValue.find((c) => c === item.id);
+            if (selected) {
+                item.checked = true;
+                this.selectedItems.push(item);
+            }
+        });
+    }
+    ngAfterViewInit() {
+        // overriede parent to avoid do more
+        // super.ngAfterContentInit();
+    }
+    onCheckedChange(item) {
+        item.checked = !item.checked;
+        if (item.checked) {
+            this.selectedItems.push(item);
+        }
+        else {
+            this.selectedItems = this.selectedItems.filter((c) => c.id === item.id);
+        }
+        this.value = this.selectedItems.map((c) => (typeof c === 'string' ? c : c.id)).join(',');
+        this._raiseValueChanged();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiMultiSelectCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiMultiSelectCheckboxComponent, selector: "bsu-ui-multi-select-checkbox", usesInheritance: true, ngImport: i0, template: "<fd-form-group [isInline]=\"!parameters?.IsVertically && !(isMobile && parameters?.OnlyInMobileVertically)\">\n    @for (item of dataList; track item; let i = $index; let first = $first) {\n    <div fd-form-item>\n        <fd-checkbox\n            [id]=\"id + i\"\n            (change)=\"onCheckedChange(item)\"\n            [ngModel]=\"item.checked\"\n            [disabled]=\"(disableOrReadonly$ | async)!!\"\n            [label]=\"item.txt\"\n        >\n        </fd-checkbox>\n    </div>\n    }\n</fd-form-group>\n", styles: [":host{display:block;width:100%;height:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i3.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i3.FormGroupComponent, selector: "fd-form-group", inputs: ["isInline"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiMultiSelectCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-ui-multi-select-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-form-group [isInline]=\"!parameters?.IsVertically && !(isMobile && parameters?.OnlyInMobileVertically)\">\n    @for (item of dataList; track item; let i = $index; let first = $first) {\n    <div fd-form-item>\n        <fd-checkbox\n            [id]=\"id + i\"\n            (change)=\"onCheckedChange(item)\"\n            [ngModel]=\"item.checked\"\n            [disabled]=\"(disableOrReadonly$ | async)!!\"\n            [label]=\"item.txt\"\n        >\n        </fd-checkbox>\n    </div>\n    }\n</fd-form-group>\n", styles: [":host{display:block;width:100%;height:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktbXVsdGktc2VsZWN0LWNoZWNrYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXNhcC11aS9zcmMvbGliL3VpLW11bHRpLXNlbGVjdC1jaGVja2JveC91aS1tdWx0aS1zZWxlY3QtY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktbXVsdGktc2VsZWN0LWNoZWNrYm94L3VpLW11bHRpLXNlbGVjdC1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFnQyxNQUFNLGVBQWUsQ0FBQztBQUNqRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDbkQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sMERBQTBELENBQUM7Ozs7OztBQVF2RyxNQUFNLE9BQU8sOEJBQ1QsU0FBUSwyQkFBMkI7SUFQdkM7O1FBVUksa0JBQWEsR0FBa0MsRUFBRSxDQUFDO1FBR2xELE9BQUUsR0FBRyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUM7S0F1Q3ZCO0lBdENHLFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDN0QsQ0FBQztJQUVTLFlBQVk7UUFDbEIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUM7UUFDakMsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN2QyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBQ0QsZUFBZTtRQUNYLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO1FBQ2pDLE1BQU0sWUFBWSxHQUFhLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3JELE1BQU0sY0FBYyxHQUFvRCxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMvRixjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDNUIsTUFBTSxRQUFRLEdBQUcsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFLLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUN6RCxJQUFJLFFBQVEsRUFBRSxDQUFDO2dCQUNYLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO2dCQUNwQixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNsQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBQ0QsZUFBZTtRQUNYLG9DQUFvQztRQUNwQyw4QkFBOEI7SUFDbEMsQ0FBQztJQUNELGVBQWUsQ0FBQyxJQUFJO1FBQ2hCLElBQUksQ0FBQyxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQzdCLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbEMsQ0FBQzthQUFNLENBQUM7WUFDSixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM1RSxDQUFDO1FBQ0QsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxPQUFPLENBQUMsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3pGLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzlCLENBQUM7OEdBN0NRLDhCQUE4QjtrR0FBOUIsOEJBQThCLDJGQ1YzQyx3Z0JBY0E7OzJGREphLDhCQUE4QjtrQkFOMUMsU0FBUzsrQkFDSSw4QkFBOEIsbUJBR3ZCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBPbkNoYW5nZXMsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBnZXRVbmlxdWVJZCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcbmltcG9ydCB7IFVpTXVsdGlTZWxlY3RDb21ib0NvbXBvbmVudCB9IGZyb20gJy4uL3VpLW11bHRpLXNlbGVjdC1jb21iby91aS1tdWx0aS1zZWxlY3QtY29tYm8uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdic3UtdWktbXVsdGktc2VsZWN0LWNoZWNrYm94JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdWktbXVsdGktc2VsZWN0LWNoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi91aS1tdWx0aS1zZWxlY3QtY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBVaU11bHRpU2VsZWN0Q2hlY2tib3hDb21wb25lbnRcbiAgICBleHRlbmRzIFVpTXVsdGlTZWxlY3RDb21ib0NvbXBvbmVudFxuICAgIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3ksIE9uQ2hhbmdlc1xue1xuICAgIHNlbGVjdGVkSXRlbXM6IHsgaWQ6IHN0cmluZzsgdHh0OiBzdHJpbmcgfVtdID0gW107XG4gICAgbWF4V2lkdGg6IGFueTtcbiAgICBkYXRhTGlzdDogYW55O1xuICAgIGlkID0gZ2V0VW5pcXVlSWQoNCk7XG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG5cbiAgICAgICAgdGhpcy5jb250ZXh0LmZpcmVFdmVudCgnVHJpZ2dlckNsaWNrJywgdGhpcy5jb250ZXh0LCAnJyk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIF9zZXREYXRhTGlzdCgpOiB2b2lkIHtcbiAgICAgICAgY29uc3Qgc3RvcmUgPSB0aGlzLmNvbnRleHQuc3RvcmU7XG4gICAgICAgIHRoaXMuZGF0YUxpc3QgPSBzdG9yZS5kYXRhW3N0b3JlLnJvb3RdO1xuICAgICAgICB0aGlzLl9oYW5kbGVTZXRWYWx1ZSgpO1xuICAgICAgICB0aGlzLl9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cbiAgICBfaGFuZGxlU2V0VmFsdWUoKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IHN0b3JlID0gdGhpcy5jb250ZXh0LnN0b3JlO1xuICAgICAgICBjb25zdCBzcGxpdGVkVmFsdWU6IHN0cmluZ1tdID0gdGhpcy52YWx1ZS5zcGxpdCgnLCcpO1xuICAgICAgICBjb25zdCBkcm9wRG93blZhbHVlczogeyBpZDogc3RyaW5nOyB0eHQ6IHN0cmluZzsgY2hlY2tlZDogYm9vbGVhbiB9W10gPSBzdG9yZS5kYXRhW3N0b3JlLnJvb3RdO1xuICAgICAgICBkcm9wRG93blZhbHVlcy5mb3JFYWNoKChpdGVtKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBzZWxlY3RlZCA9IHNwbGl0ZWRWYWx1ZS5maW5kKChjKSA9PiBjID09PSBpdGVtLmlkKTtcbiAgICAgICAgICAgIGlmIChzZWxlY3RlZCkge1xuICAgICAgICAgICAgICAgIGl0ZW0uY2hlY2tlZCA9IHRydWU7XG4gICAgICAgICAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zLnB1c2goaXRlbSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIC8vIG92ZXJyaWVkZSBwYXJlbnQgdG8gYXZvaWQgZG8gbW9yZVxuICAgICAgICAvLyBzdXBlci5uZ0FmdGVyQ29udGVudEluaXQoKTtcbiAgICB9XG4gICAgb25DaGVja2VkQ2hhbmdlKGl0ZW0pOiB2b2lkIHtcbiAgICAgICAgaXRlbS5jaGVja2VkID0gIWl0ZW0uY2hlY2tlZDtcbiAgICAgICAgaWYgKGl0ZW0uY2hlY2tlZCkge1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zLnB1c2goaXRlbSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLnNlbGVjdGVkSXRlbXMgPSB0aGlzLnNlbGVjdGVkSXRlbXMuZmlsdGVyKChjKSA9PiBjLmlkID09PSBpdGVtLmlkKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnZhbHVlID0gdGhpcy5zZWxlY3RlZEl0ZW1zLm1hcCgoYykgPT4gKHR5cGVvZiBjID09PSAnc3RyaW5nJyA/IGMgOiBjLmlkKSkuam9pbignLCcpO1xuICAgICAgICB0aGlzLl9yYWlzZVZhbHVlQ2hhbmdlZCgpO1xuICAgIH1cbn1cbiIsIjxmZC1mb3JtLWdyb3VwIFtpc0lubGluZV09XCIhcGFyYW1ldGVycz8uSXNWZXJ0aWNhbGx5ICYmICEoaXNNb2JpbGUgJiYgcGFyYW1ldGVycz8uT25seUluTW9iaWxlVmVydGljYWxseSlcIj5cbiAgICBAZm9yIChpdGVtIG9mIGRhdGFMaXN0OyB0cmFjayBpdGVtOyBsZXQgaSA9ICRpbmRleDsgbGV0IGZpcnN0ID0gJGZpcnN0KSB7XG4gICAgPGRpdiBmZC1mb3JtLWl0ZW0+XG4gICAgICAgIDxmZC1jaGVja2JveFxuICAgICAgICAgICAgW2lkXT1cImlkICsgaVwiXG4gICAgICAgICAgICAoY2hhbmdlKT1cIm9uQ2hlY2tlZENoYW5nZShpdGVtKVwiXG4gICAgICAgICAgICBbbmdNb2RlbF09XCJpdGVtLmNoZWNrZWRcIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cIihkaXNhYmxlT3JSZWFkb25seSQgfCBhc3luYykhIVwiXG4gICAgICAgICAgICBbbGFiZWxdPVwiaXRlbS50eHRcIlxuICAgICAgICA+XG4gICAgICAgIDwvZmQtY2hlY2tib3g+XG4gICAgPC9kaXY+XG4gICAgfVxuPC9mZC1mb3JtLWdyb3VwPlxuIl19

package/esm2022/lib/ui-multi-select-combo/ui-multi-select-combo.component.mjs

@@ -0,0 +1,93 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { FieldBaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "barsa-novin-ray-core";
+import * as i3 from "@fundamental-ngx/core/list";
+import * as i4 from "@fundamental-ngx/core/multi-input";
+import * as i5 from "@angular/common";
+export class UiMultiSelectComboComponent extends FieldBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.selectedItems = [];
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.context.on({
+            DataListChanged: this._setDataList.bind(this)
+        });
+        this._initSelectedItems();
+    }
+    ngAfterViewInit() {
+        super.ngAfterContentInit();
+        setTimeout(() => {
+            const width = this._el.nativeElement.clientWidth;
+            const layoutWidth = this.layoutInfo.Bounds.width;
+            if (width > layoutWidth) {
+                this.maxWidth = width;
+            }
+            else {
+                this.maxWidth = layoutWidth;
+            }
+        }, 0);
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.context.un('DataListChanged', this._setDataList);
+    }
+    onOpenChange(isOpen, multiInput) {
+        if (isOpen) {
+            setTimeout(() => {
+                this.context.fireEvent('TriggerClick', this.context, '');
+                multiInput?.searchInputElement?.nativeElement?.focus();
+            }, 0);
+        }
+    }
+    onSelectedChange() {
+        this.value = this.selectedItems.map((c) => (typeof c === 'string' ? c : c.id)).join(',');
+        this._raiseValueChanged();
+    }
+    // IsSelected(item): boolean {
+    //   if (!this.value) {
+    //     return false;
+    //   }
+    //   const arr = this.value.split(',');
+    //   return arr.indexOf(item.id) > -1;
+    // }
+    displayFunc(obj) {
+        return obj.txt;
+    }
+    valueFunc(obj) {
+        return obj;
+    }
+    _initSelectedItems() {
+        const store = this.context.store;
+        if (this.value) {
+            const splitedValue = this.value.split(',');
+            const dropDownValues = store.data[store.root];
+            dropDownValues.forEach((item) => {
+                const selected = splitedValue.find((c) => c === item.id);
+                if (selected) {
+                    this.selectedItems.push(item);
+                }
+            });
+        }
+        this.dataList = store.data[store.root];
+    }
+    _setDataList() {
+        const store = this.context.store;
+        this.dataList = store.data[store.root];
+        this._cdr.detectChanges();
+    }
+    _raiseValueChanged() {
+        this.valueChange.emit(this.value);
+        this.fireContextEvent('select', this.value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiMultiSelectComboComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiMultiSelectComboComponent, selector: "bsu-ui-multi-select-combo", usesInheritance: true, ngImport: i0, template: "<fd-multi-input\n    #multiInput\n    inputId=\"multiInput\"\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\n    [dropdownValues]=\"dataList\"\n    [placeholder]=\"'Search' | bbbTranslate\"\n    [(ngModel)]=\"selectedItems\"\n    [displayFn]=\"displayFunc\"\n    [valueFn]=\"valueFunc\"\n    [itemTemplate]=\"template\"\n    (openChange)=\"onOpenChange($event, multiInput)\"\n    (selectedChange)=\"onSelectedChange()\"\n    [style.max-width.px]=\"maxWidth\"\n></fd-multi-input>\n<ng-template #template let-item>\n    <div style=\"display: flex; align-items: center\">\n        @if (item.url) {\n        <img [attrRtl] [src]=\"item.url\" />\n        }\n        <span fd-list-title>{{ item.txt | bbbTranslate }}</span>\n    </div>\n</ng-template>\n", styles: [":host{display:block;width:100%;height:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "directive", type: i3.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i4.MultiInputComponent, selector: "fd-multi-input", inputs: ["placeholder", "disabled", "required", "compactCollapse", "maxHeight", "glyph", "glyphFont", "dropdownValues", "openDropdownOnAddOnClicked", "addonIconTitle", "searchTerm", "inputId", "highlight", "selected", "class", "filterFn", "valueFn", "displayFn", "newTokenParseFn", "optionItemIdentifier", "newTokenValidateFn", "ariaLabel", "ariaLabelledBy", "fillControlMode", "state", "buttonFocusable", "allowNewTokens", "mobile", "showAllButton", "bodyMaxWidth", "mobileConfig", "includes", "itemTemplate", "title", "byline", "autoComplete", "open", "displayAddonButton", "tokenHiddenId"], outputs: ["searchTermChange", "selectedChange", "openChange", "addOnButtonClicked", "allItemsSelectedChange"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiMultiSelectComboComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-ui-multi-select-combo', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-multi-input\n    #multiInput\n    inputId=\"multiInput\"\n    [disabled]=\"(disableOrReadonly$ | async)!!\"\n    [dropdownValues]=\"dataList\"\n    [placeholder]=\"'Search' | bbbTranslate\"\n    [(ngModel)]=\"selectedItems\"\n    [displayFn]=\"displayFunc\"\n    [valueFn]=\"valueFunc\"\n    [itemTemplate]=\"template\"\n    (openChange)=\"onOpenChange($event, multiInput)\"\n    (selectedChange)=\"onSelectedChange()\"\n    [style.max-width.px]=\"maxWidth\"\n></fd-multi-input>\n<ng-template #template let-item>\n    <div style=\"display: flex; align-items: center\">\n        @if (item.url) {\n        <img [attrRtl] [src]=\"item.url\" />\n        }\n        <span fd-list-title>{{ item.txt | bbbTranslate }}</span>\n    </div>\n</ng-template>\n", styles: [":host{display:block;width:100%;height:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktbXVsdGktc2VsZWN0LWNvbWJvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXNhcC11aS9zcmMvbGliL3VpLW11bHRpLXNlbGVjdC1jb21iby91aS1tdWx0aS1zZWxlY3QtY29tYm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktbXVsdGktc2VsZWN0LWNvbWJvL3VpLW11bHRpLXNlbGVjdC1jb21iby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUd0RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7OztBQU8xRCxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsa0JBQWtCO0lBTm5FOztRQU9JLGtCQUFhLEdBQWtDLEVBQUUsQ0FBQztLQTRFckQ7SUF6RUcsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztZQUNaLGVBQWUsRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7U0FDaEQsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELGVBQWU7UUFDWCxLQUFLLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUMzQixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ1osTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO1lBQ2pELE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztZQUNqRCxJQUFJLEtBQUssR0FBRyxXQUFXLEVBQUUsQ0FBQztnQkFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDMUIsQ0FBQztpQkFBTSxDQUFDO2dCQUNKLElBQUksQ0FBQyxRQUFRLEdBQUcsV0FBVyxDQUFDO1lBQ2hDLENBQUM7UUFDTCxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDVixDQUFDO0lBQ0QsV0FBVztRQUNQLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUNELFlBQVksQ0FBQyxNQUFlLEVBQUUsVUFBK0I7UUFDekQsSUFBSSxNQUFNLEVBQUUsQ0FBQztZQUNULFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ1osSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBQ3pELFVBQVUsRUFBRSxrQkFBa0IsRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLENBQUM7WUFDM0QsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQ1YsQ0FBQztJQUNMLENBQUM7SUFFRCxnQkFBZ0I7UUFDWixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDekYsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUNELDhCQUE4QjtJQUM5Qix1QkFBdUI7SUFDdkIsb0JBQW9CO0lBQ3BCLE1BQU07SUFDTix1Q0FBdUM7SUFDdkMsc0NBQXNDO0lBQ3RDLElBQUk7SUFDSixXQUFXLENBQUMsR0FBUTtRQUNoQixPQUFPLEdBQUcsQ0FBQyxHQUFHLENBQUM7SUFDbkIsQ0FBQztJQUNELFNBQVMsQ0FBQyxHQUFnQztRQUN0QyxPQUFPLEdBQUcsQ0FBQztJQUNmLENBQUM7SUFDUyxrQkFBa0I7UUFDeEIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUM7UUFDakMsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDYixNQUFNLFlBQVksR0FBYSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUNyRCxNQUFNLGNBQWMsR0FBa0MsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDN0UsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO2dCQUM1QixNQUFNLFFBQVEsR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEtBQUssSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO2dCQUN6RCxJQUFJLFFBQVEsRUFBRSxDQUFDO29CQUNYLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUNsQyxDQUFDO1lBQ0wsQ0FBQyxDQUFDLENBQUM7UUFDUCxDQUFDO1FBQ0QsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBQ1MsWUFBWTtRQUNsQixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztRQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUNTLGtCQUFrQjtRQUN4QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDaEQsQ0FBQzs4R0E1RVEsMkJBQTJCO2tHQUEzQiwyQkFBMkIsd0ZDVnhDLGl2QkFzQkE7OzJGRFphLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDSSwyQkFBMkIsbUJBR3BCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTXVsdGlJbnB1dENvbXBvbmVudCB9IGZyb20gJ0BmdW5kYW1lbnRhbC1uZ3gvY29yZSc7XG5cbmltcG9ydCB7IEZpZWxkQmFzZUNvbXBvbmVudCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYnN1LXVpLW11bHRpLXNlbGVjdC1jb21ibycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VpLW11bHRpLXNlbGVjdC1jb21iby5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdWktbXVsdGktc2VsZWN0LWNvbWJvLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgVWlNdWx0aVNlbGVjdENvbWJvQ29tcG9uZW50IGV4dGVuZHMgRmllbGRCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAgIHNlbGVjdGVkSXRlbXM6IHsgaWQ6IHN0cmluZzsgdHh0OiBzdHJpbmcgfVtdID0gW107XG4gICAgbWF4V2lkdGg6IGFueTtcbiAgICBkYXRhTGlzdDogYW55O1xuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICB0aGlzLmNvbnRleHQub24oe1xuICAgICAgICAgICAgRGF0YUxpc3RDaGFuZ2VkOiB0aGlzLl9zZXREYXRhTGlzdC5iaW5kKHRoaXMpXG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLl9pbml0U2VsZWN0ZWRJdGVtcygpO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdBZnRlckNvbnRlbnRJbml0KCk7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgY29uc3Qgd2lkdGggPSB0aGlzLl9lbC5uYXRpdmVFbGVtZW50LmNsaWVudFdpZHRoO1xuICAgICAgICAgICAgY29uc3QgbGF5b3V0V2lkdGggPSB0aGlzLmxheW91dEluZm8uQm91bmRzLndpZHRoO1xuICAgICAgICAgICAgaWYgKHdpZHRoID4gbGF5b3V0V2lkdGgpIHtcbiAgICAgICAgICAgICAgICB0aGlzLm1heFdpZHRoID0gd2lkdGg7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMubWF4V2lkdGggPSBsYXlvdXRXaWR0aDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSwgMCk7XG4gICAgfVxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgICAgICB0aGlzLmNvbnRleHQudW4oJ0RhdGFMaXN0Q2hhbmdlZCcsIHRoaXMuX3NldERhdGFMaXN0KTtcbiAgICB9XG4gICAgb25PcGVuQ2hhbmdlKGlzT3BlbjogYm9vbGVhbiwgbXVsdGlJbnB1dDogTXVsdGlJbnB1dENvbXBvbmVudCk6IHZvaWQge1xuICAgICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmNvbnRleHQuZmlyZUV2ZW50KCdUcmlnZ2VyQ2xpY2snLCB0aGlzLmNvbnRleHQsICcnKTtcbiAgICAgICAgICAgICAgICBtdWx0aUlucHV0Py5zZWFyY2hJbnB1dEVsZW1lbnQ/Lm5hdGl2ZUVsZW1lbnQ/LmZvY3VzKCk7XG4gICAgICAgICAgICB9LCAwKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uU2VsZWN0ZWRDaGFuZ2UoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudmFsdWUgPSB0aGlzLnNlbGVjdGVkSXRlbXMubWFwKChjKSA9PiAodHlwZW9mIGMgPT09ICdzdHJpbmcnID8gYyA6IGMuaWQpKS5qb2luKCcsJyk7XG4gICAgICAgIHRoaXMuX3JhaXNlVmFsdWVDaGFuZ2VkKCk7XG4gICAgfVxuICAgIC8vIElzU2VsZWN0ZWQoaXRlbSk6IGJvb2xlYW4ge1xuICAgIC8vICAgaWYgKCF0aGlzLnZhbHVlKSB7XG4gICAgLy8gICAgIHJldHVybiBmYWxzZTtcbiAgICAvLyAgIH1cbiAgICAvLyAgIGNvbnN0IGFyciA9IHRoaXMudmFsdWUuc3BsaXQoJywnKTtcbiAgICAvLyAgIHJldHVybiBhcnIuaW5kZXhPZihpdGVtLmlkKSA+IC0xO1xuICAgIC8vIH1cbiAgICBkaXNwbGF5RnVuYyhvYmo6IGFueSk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiBvYmoudHh0O1xuICAgIH1cbiAgICB2YWx1ZUZ1bmMob2JqOiB7IGlkOiBzdHJpbmc7IHR4dDogc3RyaW5nIH0pOiBhbnkge1xuICAgICAgICByZXR1cm4gb2JqO1xuICAgIH1cbiAgICBwcm90ZWN0ZWQgX2luaXRTZWxlY3RlZEl0ZW1zKCk6IHZvaWQge1xuICAgICAgICBjb25zdCBzdG9yZSA9IHRoaXMuY29udGV4dC5zdG9yZTtcbiAgICAgICAgaWYgKHRoaXMudmFsdWUpIHtcbiAgICAgICAgICAgIGNvbnN0IHNwbGl0ZWRWYWx1ZTogc3RyaW5nW10gPSB0aGlzLnZhbHVlLnNwbGl0KCcsJyk7XG4gICAgICAgICAgICBjb25zdCBkcm9wRG93blZhbHVlczogeyBpZDogc3RyaW5nOyB0eHQ6IHN0cmluZyB9W10gPSBzdG9yZS5kYXRhW3N0b3JlLnJvb3RdO1xuICAgICAgICAgICAgZHJvcERvd25WYWx1ZXMuZm9yRWFjaCgoaXRlbSkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHNlbGVjdGVkID0gc3BsaXRlZFZhbHVlLmZpbmQoKGMpID0+IGMgPT09IGl0ZW0uaWQpO1xuICAgICAgICAgICAgICAgIGlmIChzZWxlY3RlZCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnNlbGVjdGVkSXRlbXMucHVzaChpdGVtKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmRhdGFMaXN0ID0gc3RvcmUuZGF0YVtzdG9yZS5yb290XTtcbiAgICB9XG4gICAgcHJvdGVjdGVkIF9zZXREYXRhTGlzdCgpOiB2b2lkIHtcbiAgICAgICAgY29uc3Qgc3RvcmUgPSB0aGlzLmNvbnRleHQuc3RvcmU7XG4gICAgICAgIHRoaXMuZGF0YUxpc3QgPSBzdG9yZS5kYXRhW3N0b3JlLnJvb3RdO1xuICAgICAgICB0aGlzLl9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cbiAgICBwcm90ZWN0ZWQgX3JhaXNlVmFsdWVDaGFuZ2VkKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XG4gICAgICAgIHRoaXMuZmlyZUNvbnRleHRFdmVudCgnc2VsZWN0JywgdGhpcy52YWx1ZSk7XG4gICAgfVxufVxuIiwiPGZkLW11bHRpLWlucHV0XG4gICAgI211bHRpSW5wdXRcbiAgICBpbnB1dElkPVwibXVsdGlJbnB1dFwiXG4gICAgW2Rpc2FibGVkXT1cIihkaXNhYmxlT3JSZWFkb25seSQgfCBhc3luYykhIVwiXG4gICAgW2Ryb3Bkb3duVmFsdWVzXT1cImRhdGFMaXN0XCJcbiAgICBbcGxhY2Vob2xkZXJdPVwiJ1NlYXJjaCcgfCBiYmJUcmFuc2xhdGVcIlxuICAgIFsobmdNb2RlbCldPVwic2VsZWN0ZWRJdGVtc1wiXG4gICAgW2Rpc3BsYXlGbl09XCJkaXNwbGF5RnVuY1wiXG4gICAgW3ZhbHVlRm5dPVwidmFsdWVGdW5jXCJcbiAgICBbaXRlbVRlbXBsYXRlXT1cInRlbXBsYXRlXCJcbiAgICAob3BlbkNoYW5nZSk9XCJvbk9wZW5DaGFuZ2UoJGV2ZW50LCBtdWx0aUlucHV0KVwiXG4gICAgKHNlbGVjdGVkQ2hhbmdlKT1cIm9uU2VsZWN0ZWRDaGFuZ2UoKVwiXG4gICAgW3N0eWxlLm1heC13aWR0aC5weF09XCJtYXhXaWR0aFwiXG4+PC9mZC1tdWx0aS1pbnB1dD5cbjxuZy10ZW1wbGF0ZSAjdGVtcGxhdGUgbGV0LWl0ZW0+XG4gICAgPGRpdiBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGFsaWduLWl0ZW1zOiBjZW50ZXJcIj5cbiAgICAgICAgQGlmIChpdGVtLnVybCkge1xuICAgICAgICA8aW1nIFthdHRyUnRsXSBbc3JjXT1cIml0ZW0udXJsXCIgLz5cbiAgICAgICAgfVxuICAgICAgICA8c3BhbiBmZC1saXN0LXRpdGxlPnt7IGl0ZW0udHh0IHwgYmJiVHJhbnNsYXRlIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2022/lib/ui-multi-select-radio/ui-multi-select-radio.component.mjs

@@ -0,0 +1,36 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { getUniqueId } from 'barsa-novin-ray-core';
+import { UiMultiSelectComboComponent } from '../ui-multi-select-combo/ui-multi-select-combo.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@fundamental-ngx/core/form";
+import * as i3 from "@fundamental-ngx/core/radio";
+import * as i4 from "@angular/common";
+export class UiMultiSelectRadioComponent extends UiMultiSelectComboComponent {
+    constructor() {
+        super(...arguments);
+        this.selectedItems = [];
+        this.id = getUniqueId(4);
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.context.fireEvent('TriggerClick', this.context, '');
+    }
+    ngAfterViewInit() {
+        // overriede parent to avoid do more
+        // super.ngAfterContentInit();
+    }
+    onItemClicked(item) {
+        this.selectedItems = [];
+        this.selectedItems.push(item);
+        this.value = item.id;
+        this._raiseValueChanged();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiMultiSelectRadioComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiMultiSelectRadioComponent, selector: "bsu-ui-multi-select-radio", usesInheritance: true, ngImport: i0, template: "<fd-form-group [isInline]=\"!parameters?.IsVertically && !(isMobile && parameters?.OnlyInMobileVertically)\">\n    @for (item of dataList; track item; let i = $index; let first = $first) {\n    <div fd-form-item>\n        <fd-radio-button\n            [value]=\"item.id\"\n            [id]=\"'radio-' + id + i\"\n            [name]=\"'radio' + id + i\"\n            [disabled]=\"(disableOrReadonly$ | async)!!\"\n            (click)=\"onItemClicked(item)\"\n            [ngModel]=\"value\"\n            [selectedValue]=\"value\"\n        >\n            {{ item.txt }}\n        </fd-radio-button>\n    </div>\n    }\n</fd-form-group>\n", styles: [":host{display:block;width:100%;height:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i2.FormGroupComponent, selector: "fd-form-group", inputs: ["isInline"] }, { kind: "component", type: i3.RadioButtonComponent, selector: "fd-radio-button", inputs: ["ariaLabel", "ariaLabelledBy", "ariaDescribedBy", "title", "tabIndex", "state", "disabled", "selectedValue", "name", "id", "value", "required", "standalone"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiMultiSelectRadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-ui-multi-select-radio', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-form-group [isInline]=\"!parameters?.IsVertically && !(isMobile && parameters?.OnlyInMobileVertically)\">\n    @for (item of dataList; track item; let i = $index; let first = $first) {\n    <div fd-form-item>\n        <fd-radio-button\n            [value]=\"item.id\"\n            [id]=\"'radio-' + id + i\"\n            [name]=\"'radio' + id + i\"\n            [disabled]=\"(disableOrReadonly$ | async)!!\"\n            (click)=\"onItemClicked(item)\"\n            [ngModel]=\"value\"\n            [selectedValue]=\"value\"\n        >\n            {{ item.txt }}\n        </fd-radio-button>\n    </div>\n    }\n</fd-form-group>\n", styles: [":host{display:block;width:100%;height:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktbXVsdGktc2VsZWN0LXJhZGlvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXNhcC11aS9zcmMvbGliL3VpLW11bHRpLXNlbGVjdC1yYWRpby91aS1tdWx0aS1zZWxlY3QtcmFkaW8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktbXVsdGktc2VsZWN0LXJhZGlvL3VpLW11bHRpLXNlbGVjdC1yYWRpby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUN0RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDbkQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sMERBQTBELENBQUM7Ozs7OztBQVF2RyxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsMkJBQTJCO0lBTjVFOztRQU9JLGtCQUFhLEdBQWtDLEVBQUUsQ0FBQztRQUdsRCxPQUFFLEdBQUcsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDO0tBZ0J2QjtJQWZHLFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDN0QsQ0FBQztJQUNELGVBQWU7UUFDWCxvQ0FBb0M7UUFDcEMsOEJBQThCO0lBQ2xDLENBQUM7SUFDRCxhQUFhLENBQUMsSUFBSTtRQUNkLElBQUksQ0FBQyxhQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM5QixDQUFDOzhHQW5CUSwyQkFBMkI7a0dBQTNCLDJCQUEyQix3RkNWeEMsNG5CQWlCQTs7MkZEUGEsMkJBQTJCO2tCQU52QyxTQUFTOytCQUNJLDJCQUEyQixtQkFHcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBnZXRVbmlxdWVJZCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcbmltcG9ydCB7IFVpTXVsdGlTZWxlY3RDb21ib0NvbXBvbmVudCB9IGZyb20gJy4uL3VpLW11bHRpLXNlbGVjdC1jb21iby91aS1tdWx0aS1zZWxlY3QtY29tYm8uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdic3UtdWktbXVsdGktc2VsZWN0LXJhZGlvJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdWktbXVsdGktc2VsZWN0LXJhZGlvLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi91aS1tdWx0aS1zZWxlY3QtcmFkaW8uY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBVaU11bHRpU2VsZWN0UmFkaW9Db21wb25lbnQgZXh0ZW5kcyBVaU11bHRpU2VsZWN0Q29tYm9Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gICAgc2VsZWN0ZWRJdGVtczogeyBpZDogc3RyaW5nOyB0eHQ6IHN0cmluZyB9W10gPSBbXTtcbiAgICBtYXhXaWR0aDogYW55O1xuICAgIGRhdGFMaXN0OiBhbnk7XG4gICAgaWQgPSBnZXRVbmlxdWVJZCg0KTtcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcblxuICAgICAgICB0aGlzLmNvbnRleHQuZmlyZUV2ZW50KCdUcmlnZ2VyQ2xpY2snLCB0aGlzLmNvbnRleHQsICcnKTtcbiAgICB9XG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICAvLyBvdmVycmllZGUgcGFyZW50IHRvIGF2b2lkIGRvIG1vcmVcbiAgICAgICAgLy8gc3VwZXIubmdBZnRlckNvbnRlbnRJbml0KCk7XG4gICAgfVxuICAgIG9uSXRlbUNsaWNrZWQoaXRlbSk6IHZvaWQge1xuICAgICAgICB0aGlzLnNlbGVjdGVkSXRlbXMgPSBbXTtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zLnB1c2goaXRlbSk7XG4gICAgICAgIHRoaXMudmFsdWUgPSBpdGVtLmlkO1xuICAgICAgICB0aGlzLl9yYWlzZVZhbHVlQ2hhbmdlZCgpO1xuICAgIH1cbn1cbiIsIjxmZC1mb3JtLWdyb3VwIFtpc0lubGluZV09XCIhcGFyYW1ldGVycz8uSXNWZXJ0aWNhbGx5ICYmICEoaXNNb2JpbGUgJiYgcGFyYW1ldGVycz8uT25seUluTW9iaWxlVmVydGljYWxseSlcIj5cbiAgICBAZm9yIChpdGVtIG9mIGRhdGFMaXN0OyB0cmFjayBpdGVtOyBsZXQgaSA9ICRpbmRleDsgbGV0IGZpcnN0ID0gJGZpcnN0KSB7XG4gICAgPGRpdiBmZC1mb3JtLWl0ZW0+XG4gICAgICAgIDxmZC1yYWRpby1idXR0b25cbiAgICAgICAgICAgIFt2YWx1ZV09XCJpdGVtLmlkXCJcbiAgICAgICAgICAgIFtpZF09XCIncmFkaW8tJyArIGlkICsgaVwiXG4gICAgICAgICAgICBbbmFtZV09XCIncmFkaW8nICsgaWQgKyBpXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCIoZGlzYWJsZU9yUmVhZG9ubHkkIHwgYXN5bmMpISFcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uSXRlbUNsaWNrZWQoaXRlbSlcIlxuICAgICAgICAgICAgW25nTW9kZWxdPVwidmFsdWVcIlxuICAgICAgICAgICAgW3NlbGVjdGVkVmFsdWVdPVwidmFsdWVcIlxuICAgICAgICA+XG4gICAgICAgICAgICB7eyBpdGVtLnR4dCB9fVxuICAgICAgICA8L2ZkLXJhZGlvLWJ1dHRvbj5cbiAgICA8L2Rpdj5cbiAgICB9XG48L2ZkLWZvcm0tZ3JvdXA+XG4iXX0=

package/esm2022/lib/ui-multi-select-slider/ui-multi-select-slider.component.mjs

@@ -0,0 +1,56 @@
+import { ChangeDetectionStrategy, Component, ViewChild } from '@angular/core';
+import { SliderComponent } from '@fundamental-ngx/core';
+import { UiMultiSelectComboComponent } from '../ui-multi-select-combo/ui-multi-select-combo.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@fundamental-ngx/core/slider";
+import * as i3 from "@angular/common";
+export class UiMultiSelectSliderComponent extends UiMultiSelectComboComponent {
+    ngOnInit() {
+        super.ngOnInit();
+        this.context.fireEvent('TriggerClick', this.context, '');
+        if (this.slider) {
+            this.slider.registerOnChange((val) => {
+                if (this.value !== val.value) {
+                    this.value = val.value;
+                    this._raiseValueChanged();
+                }
+            });
+        }
+    }
+    _setDataList() {
+        const store = this.context.store;
+        this.dataList = store.data[store.root];
+        this.dataList.forEach((c) => {
+            c.value = c.id;
+            c.label = c.txt;
+        });
+        this._handleSetValue();
+        this._cdr.detectChanges();
+    }
+    _handleSetValue() {
+        const store = this.context.store;
+        const splitedValue = this.value.split(',');
+        const dropDownValues = store.data[store.root];
+        dropDownValues.forEach((item) => {
+            const selected = splitedValue.find((c) => c === item.id);
+            if (selected) {
+                this.selectedValue = { value: item.id, label: item.txt };
+            }
+        });
+    }
+    ngAfterViewInit() {
+        // overriede parent to avoid do more
+        // super.ngAfterContentInit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiMultiSelectSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: UiMultiSelectSliderComponent, selector: "bsu-ui-multi-select-slider", viewQueries: [{ propertyName: "slider", first: true, predicate: SliderComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<fd-slider\n    [style.width.px]=\"parameters?.MaxWidth > 0 ? parameters.MaxWidth : null\"\n    [disabled]=\"(disableOrReadonly$ | async) === true ? true : false\"\n    [(ngModel)]=\"selectedValue\"\n    [showTicks]=\"true\"\n    [showTicksLabels]=\"true\"\n    [customValues]=\"dataList\"\n>\n</fd-slider>\n", styles: [":host{display:block;width:100%;height:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.SliderComponent, selector: "fd-slider", inputs: ["id", "class", "ariaLabelledBy", "ariaLabel", "min", "max", "step", "jump", "tickmarksBetweenLabels", "mode", "showTicks", "showTicksLabels", "customValues", "tooltipMode", "hideProgressBar", "disabled", "vertical", "value"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiMultiSelectSliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-ui-multi-select-slider', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-slider\n    [style.width.px]=\"parameters?.MaxWidth > 0 ? parameters.MaxWidth : null\"\n    [disabled]=\"(disableOrReadonly$ | async) === true ? true : false\"\n    [(ngModel)]=\"selectedValue\"\n    [showTicks]=\"true\"\n    [showTicksLabels]=\"true\"\n    [customValues]=\"dataList\"\n>\n</fd-slider>\n", styles: [":host{display:block;width:100%;height:100%}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}\n"] }]
+        }], propDecorators: { slider: [{
+                type: ViewChild,
+                args: [SliderComponent, { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktbXVsdGktc2VsZWN0LXNsaWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1zYXAtdWkvc3JjL2xpYi91aS1tdWx0aS1zZWxlY3Qtc2xpZGVyL3VpLW11bHRpLXNlbGVjdC1zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktbXVsdGktc2VsZWN0LXNsaWRlci91aS1tdWx0aS1zZWxlY3Qtc2xpZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQXFCLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDeEQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sMERBQTBELENBQUM7Ozs7O0FBU3ZHLE1BQU0sT0FBTyw0QkFBNkIsU0FBUSwyQkFBMkI7SUFLekUsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxjQUFjLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsQ0FBQztRQUN6RCxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUNkLElBQUksQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxHQUFRLEVBQUUsRUFBRTtnQkFDdEMsSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLEdBQUcsQ0FBQyxLQUFLLEVBQUUsQ0FBQztvQkFDM0IsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUMsS0FBSyxDQUFDO29CQUN2QixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztnQkFDOUIsQ0FBQztZQUNMLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztJQUNMLENBQUM7SUFFUyxZQUFZO1FBQ2xCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDdkMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUN4QixDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDZixDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUM7UUFDcEIsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBQ0QsZUFBZTtRQUNYLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO1FBQ2pDLE1BQU0sWUFBWSxHQUFhLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3JELE1BQU0sY0FBYyxHQUFvRCxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMvRixjQUFjLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDNUIsTUFBTSxRQUFRLEdBQUcsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxLQUFLLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUN6RCxJQUFJLFFBQVEsRUFBRSxDQUFDO2dCQUNYLElBQUksQ0FBQyxhQUFhLEdBQUcsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDO1lBQzdELENBQUM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFDRCxlQUFlO1FBQ1gsb0NBQW9DO1FBQ3BDLDhCQUE4QjtJQUNsQyxDQUFDOzhHQTVDUSw0QkFBNEI7a0dBQTVCLDRCQUE0QiwwR0FDMUIsZUFBZSxxRkNaOUIsc1RBU0E7OzJGREVhLDRCQUE0QjtrQkFOeEMsU0FBUzsrQkFDSSw0QkFBNEIsbUJBR3JCLHVCQUF1QixDQUFDLE1BQU07OEJBR0QsTUFBTTtzQkFBbkQsU0FBUzt1QkFBQyxlQUFlLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT25EZXN0cm95LCBPbkluaXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2xpZGVyQ29tcG9uZW50IH0gZnJvbSAnQGZ1bmRhbWVudGFsLW5neC9jb3JlJztcbmltcG9ydCB7IFVpTXVsdGlTZWxlY3RDb21ib0NvbXBvbmVudCB9IGZyb20gJy4uL3VpLW11bHRpLXNlbGVjdC1jb21iby91aS1tdWx0aS1zZWxlY3QtY29tYm8uY29tcG9uZW50JztcbmltcG9ydCB7IE1ldGFvYmplY3REYXRhTW9kZWwgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYnN1LXVpLW11bHRpLXNlbGVjdC1zbGlkZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi91aS1tdWx0aS1zZWxlY3Qtc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi91aS1tdWx0aS1zZWxlY3Qtc2xpZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgVWlNdWx0aVNlbGVjdFNsaWRlckNvbXBvbmVudCBleHRlbmRzIFVpTXVsdGlTZWxlY3RDb21ib0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgICBAVmlld0NoaWxkKFNsaWRlckNvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSkgc2xpZGVyOiBTbGlkZXJDb21wb25lbnQ7XG4gICAgc2VsZWN0ZWRWYWx1ZTogeyB2YWx1ZTogc3RyaW5nOyBsYWJlbDogc3RyaW5nIH07XG4gICAgc2xpZGVyV2lkdGg6IG51bWJlcjtcbiAgICBwYXJhbWV0ZXJzOiBNdWx0aVNlbGVjdFNsaWRlclNldHRpbmcgfCBNZXRhb2JqZWN0RGF0YU1vZGVsO1xuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICB0aGlzLmNvbnRleHQuZmlyZUV2ZW50KCdUcmlnZ2VyQ2xpY2snLCB0aGlzLmNvbnRleHQsICcnKTtcbiAgICAgICAgaWYgKHRoaXMuc2xpZGVyKSB7XG4gICAgICAgICAgICB0aGlzLnNsaWRlci5yZWdpc3Rlck9uQ2hhbmdlKCh2YWw6IGFueSkgPT4ge1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLnZhbHVlICE9PSB2YWwudmFsdWUpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy52YWx1ZSA9IHZhbC52YWx1ZTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5fcmFpc2VWYWx1ZUNoYW5nZWQoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByb3RlY3RlZCBfc2V0RGF0YUxpc3QoKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IHN0b3JlID0gdGhpcy5jb250ZXh0LnN0b3JlO1xuICAgICAgICB0aGlzLmRhdGFMaXN0ID0gc3RvcmUuZGF0YVtzdG9yZS5yb290XTtcbiAgICAgICAgdGhpcy5kYXRhTGlzdC5mb3JFYWNoKChjKSA9PiB7XG4gICAgICAgICAgICBjLnZhbHVlID0gYy5pZDtcbiAgICAgICAgICAgIGMubGFiZWwgPSBjLnR4dDtcbiAgICAgICAgfSk7XG5cbiAgICAgICAgdGhpcy5faGFuZGxlU2V0VmFsdWUoKTtcblxuICAgICAgICB0aGlzLl9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cbiAgICBfaGFuZGxlU2V0VmFsdWUoKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IHN0b3JlID0gdGhpcy5jb250ZXh0LnN0b3JlO1xuICAgICAgICBjb25zdCBzcGxpdGVkVmFsdWU6IHN0cmluZ1tdID0gdGhpcy52YWx1ZS5zcGxpdCgnLCcpO1xuICAgICAgICBjb25zdCBkcm9wRG93blZhbHVlczogeyBpZDogc3RyaW5nOyB0eHQ6IHN0cmluZzsgY2hlY2tlZDogYm9vbGVhbiB9W10gPSBzdG9yZS5kYXRhW3N0b3JlLnJvb3RdO1xuICAgICAgICBkcm9wRG93blZhbHVlcy5mb3JFYWNoKChpdGVtKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBzZWxlY3RlZCA9IHNwbGl0ZWRWYWx1ZS5maW5kKChjKSA9PiBjID09PSBpdGVtLmlkKTtcbiAgICAgICAgICAgIGlmIChzZWxlY3RlZCkge1xuICAgICAgICAgICAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHsgdmFsdWU6IGl0ZW0uaWQsIGxhYmVsOiBpdGVtLnR4dCB9O1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG4gICAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgICAgICAvLyBvdmVycmllZGUgcGFyZW50IHRvIGF2b2lkIGRvIG1vcmVcbiAgICAgICAgLy8gc3VwZXIubmdBZnRlckNvbnRlbnRJbml0KCk7XG4gICAgfVxufVxuaW50ZXJmYWNlIE11bHRpU2VsZWN0U2xpZGVyU2V0dGluZyBleHRlbmRzIE1ldGFvYmplY3REYXRhTW9kZWwge1xuICAgIE1heFdpZHRoOiBudW1iZXI7XG59XG4iLCI8ZmQtc2xpZGVyXG4gICAgW3N0eWxlLndpZHRoLnB4XT1cInBhcmFtZXRlcnM/Lk1heFdpZHRoID4gMCA/IHBhcmFtZXRlcnMuTWF4V2lkdGggOiBudWxsXCJcbiAgICBbZGlzYWJsZWRdPVwiKGRpc2FibGVPclJlYWRvbmx5JCB8IGFzeW5jKSA9PT0gdHJ1ZSA/IHRydWUgOiBmYWxzZVwiXG4gICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZFZhbHVlXCJcbiAgICBbc2hvd1RpY2tzXT1cInRydWVcIlxuICAgIFtzaG93VGlja3NMYWJlbHNdPVwidHJ1ZVwiXG4gICAgW2N1c3RvbVZhbHVlc109XCJkYXRhTGlzdFwiXG4+XG48L2ZkLXNsaWRlcj5cbiJdfQ==

package/esm2022/lib/ui-multi-select-smile/ui-multi-select-smile.component.mjs

@@ -0,0 +1,28 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { UiMultiSelectSliderComponent } from '../ui-multi-select-slider/ui-multi-select-slider.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@fundamental-ngx/core/form";
+import * as i3 from "@fundamental-ngx/core/icon";
+import * as i4 from "barsa-novin-ray-core";
+export class UiMultiSelectSmileComponent extends UiMultiSelectSliderComponent {
+    ngOnInit() {
+        super.ngOnInit();
+        this.smileIcons = this.parameters.FacesMode.MoDataList;
+    }
+    onItemClicked(smile) {
+        const item = this.dataList.find((c) => c.txt === smile.FaceModeValue);
+        if (item) {
+            this.value = item.id;
+            this.selectedValue = { value: item.id, label: item.txt };
+            this._raiseValueChanged();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiMultiSelectSmileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiMultiSelectSmileComponent, selector: "bsu-ui-multi-select-smile", usesInheritance: true, ngImport: i0, template: "<fd-form-group [isInline]=\"!parameters?.IsVertically && !(isMobile && parameters?.OnlyInMobileVertically)\">\n    @for (item of smileIcons; track item; let i = $index; let first = $first) {\n    <div fd-form-item (click)=\"onItemClicked(item)\">\n        <div class=\"fd-avatar\" [ngClass]=\"'fd-avatar--' + parameters.SizeValue$Caption\">\n            <fd-icon\n                class=\"fd-avatar__icon\"\n                [glyph]=\"item.FaceMode$Caption\"\n                font=\"BusinessSuiteInAppSymbols\"\n                [style.color]=\"selectedValue?.label === item.FaceModeValue ? item.FaceColor : '#d4d4d4'\"\n            >\n            </fd-icon>\n            <span>{{ item.FaceModeText | bbbTranslate }}</span>\n        </div>\n    </div>\n    }\n</fd-form-group>\n<!-- [class.selected]=\"selectedValue?.label === item.FaceModeValue\" -->\n", styles: [":host{display:block;width:100%;height:100%}:host div[fd-form-item]{margin:0 .5rem;cursor:pointer}:host fd-icon{background:transparent}:host div.fd-avatar{background:transparent;display:flex;flex-direction:column;row-gap:1rem}:host div.fd-avatar span{font-size:.825rem;color:#000}:host div.selected{--fdAvatarBorderColor: var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor: var(--sapButton_Selected_Background);--fdAvatarColor: var(--sapButton_Selected_TextColor);border:2px solid var(--fdAvatarBorderColor)}fd-form-group{row-gap:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i2.FormGroupComponent, selector: "fd-form-group", inputs: ["isInline"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "pipe", type: i4.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiMultiSelectSmileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-ui-multi-select-smile', changeDetection: ChangeDetectionStrategy.OnPush, template: "<fd-form-group [isInline]=\"!parameters?.IsVertically && !(isMobile && parameters?.OnlyInMobileVertically)\">\n    @for (item of smileIcons; track item; let i = $index; let first = $first) {\n    <div fd-form-item (click)=\"onItemClicked(item)\">\n        <div class=\"fd-avatar\" [ngClass]=\"'fd-avatar--' + parameters.SizeValue$Caption\">\n            <fd-icon\n                class=\"fd-avatar__icon\"\n                [glyph]=\"item.FaceMode$Caption\"\n                font=\"BusinessSuiteInAppSymbols\"\n                [style.color]=\"selectedValue?.label === item.FaceModeValue ? item.FaceColor : '#d4d4d4'\"\n            >\n            </fd-icon>\n            <span>{{ item.FaceModeText | bbbTranslate }}</span>\n        </div>\n    </div>\n    }\n</fd-form-group>\n<!-- [class.selected]=\"selectedValue?.label === item.FaceModeValue\" -->\n", styles: [":host{display:block;width:100%;height:100%}:host div[fd-form-item]{margin:0 .5rem;cursor:pointer}:host fd-icon{background:transparent}:host div.fd-avatar{background:transparent;display:flex;flex-direction:column;row-gap:1rem}:host div.fd-avatar span{font-size:.825rem;color:#000}:host div.selected{--fdAvatarBorderColor: var(--sapButton_Selected_BorderColor);--fdAvatarBackgroundColor: var(--sapButton_Selected_Background);--fdAvatarColor: var(--sapButton_Selected_TextColor);border:2px solid var(--fdAvatarBorderColor)}fd-form-group{row-gap:1rem}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktbXVsdGktc2VsZWN0LXNtaWxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXNhcC11aS9zcmMvbGliL3VpLW11bHRpLXNlbGVjdC1zbWlsZS91aS1tdWx0aS1zZWxlY3Qtc21pbGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktbXVsdGktc2VsZWN0LXNtaWxlL3VpLW11bHRpLXNlbGVjdC1zbWlsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUV0RixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQzs7Ozs7O0FBUTFHLE1BQU0sT0FBTywyQkFBNEIsU0FBUSw0QkFBNEI7SUFHekUsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLFVBQTRCLENBQUM7SUFDN0UsQ0FBQztJQUNELGFBQWEsQ0FBQyxLQUFtQjtRQUM3QixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLEdBQUcsS0FBSyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDdEUsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUNQLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQztZQUNyQixJQUFJLENBQUMsYUFBYSxHQUFHLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQztZQUN6RCxJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztRQUM5QixDQUFDO0lBQ0wsQ0FBQzs4R0FkUSwyQkFBMkI7a0dBQTNCLDJCQUEyQix3RkNWeEMsbzFCQWlCQTs7MkZEUGEsMkJBQTJCO2tCQU52QyxTQUFTOytCQUNJLDJCQUEyQixtQkFHcEIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNZXRhb2JqZWN0RGF0YU1vZGVsLCBNb0ZvclJlcG9ydE1vZGVsIH0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuaW1wb3J0IHsgVWlNdWx0aVNlbGVjdFNsaWRlckNvbXBvbmVudCB9IGZyb20gJy4uL3VpLW11bHRpLXNlbGVjdC1zbGlkZXIvdWktbXVsdGktc2VsZWN0LXNsaWRlci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JzdS11aS1tdWx0aS1zZWxlY3Qtc21pbGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi91aS1tdWx0aS1zZWxlY3Qtc21pbGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3VpLW11bHRpLXNlbGVjdC1zbWlsZS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFVpTXVsdGlTZWxlY3RTbWlsZUNvbXBvbmVudCBleHRlbmRzIFVpTXVsdGlTZWxlY3RTbGlkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gICAgc21pbGVJY29uczogU21pbGVTZXR0aW5nW107XG4gICAgcGFyYW1ldGVyczogTXVsdGlTZWxlY3RTbWlsZVNldHRpbmc7XG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMuc21pbGVJY29ucyA9IHRoaXMucGFyYW1ldGVycy5GYWNlc01vZGUuTW9EYXRhTGlzdCBhcyBTbWlsZVNldHRpbmdbXTtcbiAgICB9XG4gICAgb25JdGVtQ2xpY2tlZChzbWlsZTogU21pbGVTZXR0aW5nKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGl0ZW0gPSB0aGlzLmRhdGFMaXN0LmZpbmQoKGMpID0+IGMudHh0ID09PSBzbWlsZS5GYWNlTW9kZVZhbHVlKTtcbiAgICAgICAgaWYgKGl0ZW0pIHtcbiAgICAgICAgICAgIHRoaXMudmFsdWUgPSBpdGVtLmlkO1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0geyB2YWx1ZTogaXRlbS5pZCwgbGFiZWw6IGl0ZW0udHh0IH07XG4gICAgICAgICAgICB0aGlzLl9yYWlzZVZhbHVlQ2hhbmdlZCgpO1xuICAgICAgICB9XG4gICAgfVxufVxuaW50ZXJmYWNlIE11bHRpU2VsZWN0U21pbGVTZXR0aW5nIGV4dGVuZHMgTWV0YW9iamVjdERhdGFNb2RlbCB7XG4gICAgRmFjZXNNb2RlOiBNb0ZvclJlcG9ydE1vZGVsO1xuICAgIFNpemVWYWx1ZSRDYXB0aW9uOiBzdHJpbmc7XG59XG5pbnRlcmZhY2UgU21pbGVTZXR0aW5nIGV4dGVuZHMgTWV0YW9iamVjdERhdGFNb2RlbCB7XG4gICAgRmFjZU1vZGUkQ2FwdGlvbjogc3RyaW5nO1xuICAgIEZhY2VNb2RlVGV4dDogc3RyaW5nO1xuICAgIEZhY2VNb2RlVmFsdWU6IHN0cmluZztcbiAgICBGYWNlQ29sb3I6IHN0cmluZztcbn1cbiIsIjxmZC1mb3JtLWdyb3VwIFtpc0lubGluZV09XCIhcGFyYW1ldGVycz8uSXNWZXJ0aWNhbGx5ICYmICEoaXNNb2JpbGUgJiYgcGFyYW1ldGVycz8uT25seUluTW9iaWxlVmVydGljYWxseSlcIj5cbiAgICBAZm9yIChpdGVtIG9mIHNtaWxlSWNvbnM7IHRyYWNrIGl0ZW07IGxldCBpID0gJGluZGV4OyBsZXQgZmlyc3QgPSAkZmlyc3QpIHtcbiAgICA8ZGl2IGZkLWZvcm0taXRlbSAoY2xpY2spPVwib25JdGVtQ2xpY2tlZChpdGVtKVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmQtYXZhdGFyXCIgW25nQ2xhc3NdPVwiJ2ZkLWF2YXRhci0tJyArIHBhcmFtZXRlcnMuU2l6ZVZhbHVlJENhcHRpb25cIj5cbiAgICAgICAgICAgIDxmZC1pY29uXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmZC1hdmF0YXJfX2ljb25cIlxuICAgICAgICAgICAgICAgIFtnbHlwaF09XCJpdGVtLkZhY2VNb2RlJENhcHRpb25cIlxuICAgICAgICAgICAgICAgIGZvbnQ9XCJCdXNpbmVzc1N1aXRlSW5BcHBTeW1ib2xzXCJcbiAgICAgICAgICAgICAgICBbc3R5bGUuY29sb3JdPVwic2VsZWN0ZWRWYWx1ZT8ubGFiZWwgPT09IGl0ZW0uRmFjZU1vZGVWYWx1ZSA/IGl0ZW0uRmFjZUNvbG9yIDogJyNkNGQ0ZDQnXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIDwvZmQtaWNvbj5cbiAgICAgICAgICAgIDxzcGFuPnt7IGl0ZW0uRmFjZU1vZGVUZXh0IHwgYmJiVHJhbnNsYXRlIH19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICB9XG48L2ZkLWZvcm0tZ3JvdXA+XG48IS0tIFtjbGFzcy5zZWxlY3RlZF09XCJzZWxlY3RlZFZhbHVlPy5sYWJlbCA9PT0gaXRlbS5GYWNlTW9kZVZhbHVlXCIgLS0+XG4iXX0=

package/esm2022/lib/ui-num-decimal-ui/ui-num-decimal-ui.component.mjs

@@ -0,0 +1,24 @@
+import { ChangeDetectionStrategy, Component, ElementRef, ViewChild } from '@angular/core';
+import { NumberBaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@fundamental-ngx/core/form";
+import * as i2 from "@angular/common";
+export class UiNumDecimalUiComponent extends NumberBaseComponent {
+    ngOnInit() {
+        this.inputElement = this.inputRef.nativeElement;
+        super.ngOnInit();
+    }
+    raiseValueChange(val) {
+        this.valueChange.emit(val);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiNumDecimalUiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiNumDecimalUiComponent, selector: "bsu-ui-num-decimal-ui", viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<input\n    #inputRef\n    fd-form-control\n    [id]=\"id\"\n    [placeholder]=\"Setting.NullText || ''\"\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\n    class=\"number-input\"\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n    (keydown)=\"onKeyDown($event)\"\n    (input)=\"onValueChange($event)\"\n/>\n@if (Setting.CurrencySymbol) {\n<label fd-form-label flexShrink=\"0\">{{ Setting.CurrencySymbol }} </label>\n}\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center}.number-input{display:block}label{flex-shrink:0;padding:0!important}\n"], dependencies: [{ kind: "component", type: i1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiNumDecimalUiComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-ui-num-decimal-ui', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n    #inputRef\n    fd-form-control\n    [id]=\"id\"\n    [placeholder]=\"Setting.NullText || ''\"\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\n    class=\"number-input\"\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\n    (keydown)=\"onKeyDown($event)\"\n    (input)=\"onValueChange($event)\"\n/>\n@if (Setting.CurrencySymbol) {\n<label fd-form-label flexShrink=\"0\">{{ Setting.CurrencySymbol }} </label>\n}\n", styles: [":host{display:flex;width:100%;height:100%;align-items:center}.number-input{display:block}label{flex-shrink:0;padding:0!important}\n"] }]
+        }], propDecorators: { inputRef: [{
+                type: ViewChild,
+                args: ['inputRef', { read: ElementRef, static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktbnVtLWRlY2ltYWwtdWkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktbnVtLWRlY2ltYWwtdWkvdWktbnVtLWRlY2ltYWwtdWkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktbnVtLWRlY2ltYWwtdWkvdWktbnVtLWRlY2ltYWwtdWkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQVUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxHLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7O0FBTzNELE1BQU0sT0FBTyx1QkFBd0IsU0FBUSxtQkFBbUI7SUFJNUQsUUFBUTtRQUNKLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUM7UUFDaEQsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFDUyxnQkFBZ0IsQ0FBQyxHQUFHO1FBQzFCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQy9CLENBQUM7OEdBVlEsdUJBQXVCO2tHQUF2Qix1QkFBdUIsOElBQ0QsVUFBVSxrRUNWN0MsaWhCQWVBOzsyRkROYSx1QkFBdUI7a0JBTm5DLFNBQVM7K0JBQ0ksdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUkvQyxRQUFRO3NCQURQLFNBQVM7dUJBQUMsVUFBVSxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IE51bWJlckJhc2VDb21wb25lbnQgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdic3UtdWktbnVtLWRlY2ltYWwtdWknLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VpLW51bS1kZWNpbWFsLXVpLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL3VpLW51bS1kZWNpbWFsLXVpLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVWlOdW1EZWNpbWFsVWlDb21wb25lbnQgZXh0ZW5kcyBOdW1iZXJCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIEBWaWV3Q2hpbGQoJ2lucHV0UmVmJywgeyByZWFkOiBFbGVtZW50UmVmLCBzdGF0aWM6IHRydWUgfSlcclxuICAgIGlucHV0UmVmOiBFbGVtZW50UmVmO1xyXG4gICAgaW5wdXRFbGVtZW50OiBIVE1MSW5wdXRFbGVtZW50IHwgbnVsbCB8IHVuZGVmaW5lZDtcclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuaW5wdXRFbGVtZW50ID0gdGhpcy5pbnB1dFJlZi5uYXRpdmVFbGVtZW50O1xyXG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgICB9XHJcbiAgICBwcm90ZWN0ZWQgcmFpc2VWYWx1ZUNoYW5nZSh2YWwpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodmFsKTtcclxuICAgIH1cclxufVxyXG4iLCI8aW5wdXRcbiAgICAjaW5wdXRSZWZcbiAgICBmZC1mb3JtLWNvbnRyb2xcbiAgICBbaWRdPVwiaWRcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJTZXR0aW5nLk51bGxUZXh0IHx8ICcnXCJcbiAgICBbYXR0ci5yZWFkb25seV09XCIocmVhZG9ubHkkIHwgYXN5bmMpID09PSB0cnVlID8gdHJ1ZSA6IG51bGxcIlxuICAgIFthdHRyLmRpc2FibGVkXT1cIihkaXNhYmxlJCB8IGFzeW5jKSA9PT0gdHJ1ZSA/IHRydWUgOiBudWxsXCJcbiAgICBjbGFzcz1cIm51bWJlci1pbnB1dFwiXG4gICAgW3N0eWxlLmRpcmVjdGlvbl09XCJTZXR0aW5nLklzTHRyID09PSB0cnVlID8gJ2x0cicgOiBudWxsXCJcbiAgICAoa2V5ZG93bik9XCJvbktleURvd24oJGV2ZW50KVwiXG4gICAgKGlucHV0KT1cIm9uVmFsdWVDaGFuZ2UoJGV2ZW50KVwiXG4vPlxuQGlmIChTZXR0aW5nLkN1cnJlbmN5U3ltYm9sKSB7XG48bGFiZWwgZmQtZm9ybS1sYWJlbCBmbGV4U2hyaW5rPVwiMFwiPnt7IFNldHRpbmcuQ3VycmVuY3lTeW1ib2wgfX0gPC9sYWJlbD5cbn1cbiJdfQ==

package/esm2022/lib/ui-num-int-slider/ui-num-int-slider.component.mjs

@@ -0,0 +1,27 @@
+import { Component, ViewChild } from '@angular/core';
+import { SliderComponent } from '@fundamental-ngx/core';
+import { FieldBaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@fundamental-ngx/core/slider";
+import * as i2 from "@angular/common";
+export class UiNumIntSliderComponent extends FieldBaseComponent {
+    ngOnInit() {
+        super.ngOnInit();
+        this.slider.registerOnChange((val) => {
+            if (this.value !== val) {
+                this.value = val;
+                this.valueChange.emit(this.value);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiNumIntSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: UiNumIntSliderComponent, selector: "bsu-ui-num-int-slider", viewQueries: [{ propertyName: "slider", first: true, predicate: SliderComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<fd-slider\n    [disabled]=\"(disableOrReadonly$ | async) === true ? true : false\"\n    [min]=\"+parameters.Min\"\n    [max]=\"+parameters.Max\"\n    [step]=\"+parameters.Step\"\n    [value]=\"+value\"\n    [tickmarksBetweenLabels]=\"1\"\n    [showTicks]=\"true\"\n    [showTicksLabels]=\"true\"\n    [style.width.px]=\"parameters.MaxWidth > 0 ? parameters.MaxWidth : null\"\n>\n</fd-slider>\n", styles: [":host{display:block}.number-input{display:block}\n"], dependencies: [{ kind: "component", type: i1.SliderComponent, selector: "fd-slider", inputs: ["id", "class", "ariaLabelledBy", "ariaLabel", "min", "max", "step", "jump", "tickmarksBetweenLabels", "mode", "showTicks", "showTicksLabels", "customValues", "tooltipMode", "hideProgressBar", "disabled", "vertical", "value"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiNumIntSliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-ui-num-int-slider', template: "<fd-slider\n    [disabled]=\"(disableOrReadonly$ | async) === true ? true : false\"\n    [min]=\"+parameters.Min\"\n    [max]=\"+parameters.Max\"\n    [step]=\"+parameters.Step\"\n    [value]=\"+value\"\n    [tickmarksBetweenLabels]=\"1\"\n    [showTicks]=\"true\"\n    [showTicksLabels]=\"true\"\n    [style.width.px]=\"parameters.MaxWidth > 0 ? parameters.MaxWidth : null\"\n>\n</fd-slider>\n", styles: [":host{display:block}.number-input{display:block}\n"] }]
+        }], propDecorators: { slider: [{
+                type: ViewChild,
+                args: [SliderComponent, { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktbnVtLWludC1zbGlkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktbnVtLWludC1zbGlkZXIvdWktbnVtLWludC1zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktbnVtLWludC1zbGlkZXIvdWktbnVtLWludC1zbGlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRXhELE9BQU8sRUFBRSxrQkFBa0IsRUFBdUIsTUFBTSxzQkFBc0IsQ0FBQzs7OztBQU0vRSxNQUFNLE9BQU8sdUJBQXdCLFNBQVEsa0JBQWtCO0lBRzNELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQ2pDLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxHQUFHLEVBQUUsQ0FBQztnQkFDckIsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7Z0JBQ2pCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUN0QyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzhHQVhRLHVCQUF1QjtrR0FBdkIsdUJBQXVCLHFHQUNyQixlQUFlLHFGQ1Y5Qiw0WUFZQTs7MkZESGEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNJLHVCQUF1Qjs4QkFLYSxNQUFNO3NCQUFuRCxTQUFTO3VCQUFDLGVBQWUsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTbGlkZXJDb21wb25lbnQgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUnO1xuXG5pbXBvcnQgeyBGaWVsZEJhc2VDb21wb25lbnQsIE1ldGFvYmplY3REYXRhTW9kZWwgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JzdS11aS1udW0taW50LXNsaWRlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3VpLW51bS1pbnQtc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi91aS1udW0taW50LXNsaWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFVpTnVtSW50U2xpZGVyQ29tcG9uZW50IGV4dGVuZHMgRmllbGRCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBAVmlld0NoaWxkKFNsaWRlckNvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSkgc2xpZGVyOiBTbGlkZXJDb21wb25lbnQ7XG4gICAgcGFyYW1ldGVyczogTnVtSW50U2xpZGVyU2V0dGluZztcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAgICAgdGhpcy5zbGlkZXIucmVnaXN0ZXJPbkNoYW5nZSgodmFsKSA9PiB7XG4gICAgICAgICAgICBpZiAodGhpcy52YWx1ZSAhPT0gdmFsKSB7XG4gICAgICAgICAgICAgICAgdGhpcy52YWx1ZSA9IHZhbDtcbiAgICAgICAgICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbmludGVyZmFjZSBOdW1JbnRTbGlkZXJTZXR0aW5nIGV4dGVuZHMgTWV0YW9iamVjdERhdGFNb2RlbCB7XG4gICAgTWluOiBudW1iZXI7XG4gICAgTWF4OiBudW1iZXI7XG4gICAgU3RlcDogbnVtYmVyO1xuICAgIE1heFdpZHRoOiBudW1iZXI7XG59XG4iLCI8ZmQtc2xpZGVyXG4gICAgW2Rpc2FibGVkXT1cIihkaXNhYmxlT3JSZWFkb25seSQgfCBhc3luYykgPT09IHRydWUgPyB0cnVlIDogZmFsc2VcIlxuICAgIFttaW5dPVwiK3BhcmFtZXRlcnMuTWluXCJcbiAgICBbbWF4XT1cIitwYXJhbWV0ZXJzLk1heFwiXG4gICAgW3N0ZXBdPVwiK3BhcmFtZXRlcnMuU3RlcFwiXG4gICAgW3ZhbHVlXT1cIit2YWx1ZVwiXG4gICAgW3RpY2ttYXJrc0JldHdlZW5MYWJlbHNdPVwiMVwiXG4gICAgW3Nob3dUaWNrc109XCJ0cnVlXCJcbiAgICBbc2hvd1RpY2tzTGFiZWxzXT1cInRydWVcIlxuICAgIFtzdHlsZS53aWR0aC5weF09XCJwYXJhbWV0ZXJzLk1heFdpZHRoID4gMCA/IHBhcmFtZXRlcnMuTWF4V2lkdGggOiBudWxsXCJcbj5cbjwvZmQtc2xpZGVyPlxuIl19

package/{esm2020 → esm2022}/lib/ui-num-int-ui/ui-num-int-ui.component.mjs

@@ -1,21 +1,21 @@
-import { Component, ElementRef, ViewChild } from '@angular/core';
-import { NumberBaseComponent } from 'barsa-novin-ray-core';
-import * as i0 from "@angular/core";
-import * as i1 from "@fundamental-ngx/core/form";
-import * as i2 from "@angular/common";
-export class UiNumIntUiComponent extends NumberBaseComponent {
-    ngOnInit() {
-        this.inputElement = this.inputRef.nativeElement;
-        super.ngOnInit();
-    }
-}
-UiNumIntUiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiNumIntUiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-UiNumIntUiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: UiNumIntUiComponent, selector: "bsu-ui-num-int-ui", viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<input\r\n    #inputRef\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"Setting.IsPassword ? 'password' : 'text'\"\r\n    [type]=\"hasMask ? 'text' : 'number'\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"'ltr'\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : 'right'\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n    (input)=\"onValueChange($event)\"\r\n/>\r\n", styles: [":host{display:block}.number-input{display:block}\n"], dependencies: [{ kind: "component", type: i1.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class"] }, { kind: "directive", type: i1.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: UiNumIntUiComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bsu-ui-num-int-ui', template: "<input\r\n    #inputRef\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"Setting.IsPassword ? 'password' : 'text'\"\r\n    [type]=\"hasMask ? 'text' : 'number'\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"'ltr'\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : 'right'\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n    (input)=\"onValueChange($event)\"\r\n/>\r\n", styles: [":host{display:block}.number-input{display:block}\n"] }]
-        }], propDecorators: { inputRef: [{
-                type: ViewChild,
-                args: ['inputRef', { read: ElementRef, static: true }]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktbnVtLWludC11aS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1zYXAtdWkvc3JjL2xpYi91aS1udW0taW50LXVpL3VpLW51bS1pbnQtdWkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktbnVtLWludC11aS91aS1udW0taW50LXVpLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7OztBQU0zRCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsbUJBQW1CO0lBS3hELFFBQVE7UUFDSixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDO1FBQ2hELEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNyQixDQUFDOztnSEFSUSxtQkFBbUI7b0dBQW5CLG1CQUFtQiwwSUFDRyxVQUFVLGtFQ1Q3Qyw0aUJBY0E7MkZETmEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNJLG1CQUFtQjs4QkFNN0IsUUFBUTtzQkFEUCxTQUFTO3VCQUFDLFVBQVUsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IE51bWJlckJhc2VDb21wb25lbnQgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdic3UtdWktbnVtLWludC11aScsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vdWktbnVtLWludC11aS5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi91aS1udW0taW50LXVpLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFVpTnVtSW50VWlDb21wb25lbnQgZXh0ZW5kcyBOdW1iZXJCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIEBWaWV3Q2hpbGQoJ2lucHV0UmVmJywgeyByZWFkOiBFbGVtZW50UmVmLCBzdGF0aWM6IHRydWUgfSlcclxuICAgIGlucHV0UmVmOiBFbGVtZW50UmVmO1xyXG4gICAgaW5wdXRFbGVtZW50OiBIVE1MSW5wdXRFbGVtZW50IHwgbnVsbCB8IHVuZGVmaW5lZDtcclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmlucHV0RWxlbWVudCA9IHRoaXMuaW5wdXRSZWYubmF0aXZlRWxlbWVudDtcclxuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxpbnB1dFxyXG4gICAgI2lucHV0UmVmXHJcbiAgICBmZC1mb3JtLWNvbnRyb2xcclxuICAgIFtwbGFjZWhvbGRlcl09XCJTZXR0aW5nLk51bGxUZXh0IHx8ICcnXCJcclxuICAgIFthdHRyLnJlYWRvbmx5XT1cIihyZWFkb25seSQgfCBhc3luYykgPT09IHRydWUgPyB0cnVlIDogbnVsbFwiXHJcbiAgICBbYXR0ci5kaXNhYmxlZF09XCIoZGlzYWJsZSQgfCBhc3luYykgPT09IHRydWUgPyB0cnVlIDogbnVsbFwiXHJcbiAgICBbdHlwZV09XCJTZXR0aW5nLklzUGFzc3dvcmQgPyAncGFzc3dvcmQnIDogJ3RleHQnXCJcclxuICAgIFt0eXBlXT1cImhhc01hc2sgPyAndGV4dCcgOiAnbnVtYmVyJ1wiXHJcbiAgICBbaWRdPVwiaWRcIlxyXG4gICAgW3N0eWxlLmRpcmVjdGlvbl09XCInbHRyJ1wiXHJcbiAgICBbc3R5bGUudGV4dC1hbGlnbl09XCJTZXR0aW5nLklzTHRyID09PSB0cnVlID8gJ2xlZnQnIDogJ3JpZ2h0J1wiXHJcbiAgICAoa2V5ZG93bik9XCJvbktleURvd24oJGV2ZW50KVwiXHJcbiAgICAoaW5wdXQpPVwib25WYWx1ZUNoYW5nZSgkZXZlbnQpXCJcclxuLz5cclxuIl19
+import { Component, ElementRef, ViewChild } from '@angular/core';
+import { NumberBaseComponent } from 'barsa-novin-ray-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@fundamental-ngx/core/form";
+import * as i2 from "@angular/common";
+export class UiNumIntUiComponent extends NumberBaseComponent {
+    ngOnInit() {
+        this.inputElement = this.inputRef.nativeElement;
+        super.ngOnInit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiNumIntUiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: UiNumIntUiComponent, selector: "bsu-ui-num-int-ui", viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<input\r\n    #inputRef\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"Setting.IsPassword ? 'password' : 'text'\"\r\n    [type]=\"hasMask ? 'text' : 'number'\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"'ltr'\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : 'right'\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n    (input)=\"onValueChange($event)\"\r\n/>\r\n", styles: [":host{display:block}.number-input{display:block}\n"], dependencies: [{ kind: "component", type: i1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiNumIntUiComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bsu-ui-num-int-ui', template: "<input\r\n    #inputRef\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [attr.disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"Setting.IsPassword ? 'password' : 'text'\"\r\n    [type]=\"hasMask ? 'text' : 'number'\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"'ltr'\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : 'right'\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n    (input)=\"onValueChange($event)\"\r\n/>\r\n", styles: [":host{display:block}.number-input{display:block}\n"] }]
+        }], propDecorators: { inputRef: [{
+                type: ViewChild,
+                args: ['inputRef', { read: ElementRef, static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktbnVtLWludC11aS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1zYXAtdWkvc3JjL2xpYi91aS1udW0taW50LXVpL3VpLW51bS1pbnQtdWkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktbnVtLWludC11aS91aS1udW0taW50LXVpLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFVLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7OztBQU0zRCxNQUFNLE9BQU8sbUJBQW9CLFNBQVEsbUJBQW1CO0lBS3hELFFBQVE7UUFDSixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDO1FBQ2hELEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNyQixDQUFDOzhHQVJRLG1CQUFtQjtrR0FBbkIsbUJBQW1CLDBJQUNHLFVBQVUsa0VDVDdDLDRpQkFjQTs7MkZETmEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNJLG1CQUFtQjs4QkFNN0IsUUFBUTtzQkFEUCxTQUFTO3VCQUFDLFVBQVUsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IE51bWJlckJhc2VDb21wb25lbnQgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdic3UtdWktbnVtLWludC11aScsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vdWktbnVtLWludC11aS5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi91aS1udW0taW50LXVpLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFVpTnVtSW50VWlDb21wb25lbnQgZXh0ZW5kcyBOdW1iZXJCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIEBWaWV3Q2hpbGQoJ2lucHV0UmVmJywgeyByZWFkOiBFbGVtZW50UmVmLCBzdGF0aWM6IHRydWUgfSlcclxuICAgIGlucHV0UmVmOiBFbGVtZW50UmVmO1xyXG4gICAgaW5wdXRFbGVtZW50OiBIVE1MSW5wdXRFbGVtZW50IHwgbnVsbCB8IHVuZGVmaW5lZDtcclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLmlucHV0RWxlbWVudCA9IHRoaXMuaW5wdXRSZWYubmF0aXZlRWxlbWVudDtcclxuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xyXG4gICAgfVxyXG59XHJcbiIsIjxpbnB1dFxyXG4gICAgI2lucHV0UmVmXHJcbiAgICBmZC1mb3JtLWNvbnRyb2xcclxuICAgIFtwbGFjZWhvbGRlcl09XCJTZXR0aW5nLk51bGxUZXh0IHx8ICcnXCJcclxuICAgIFthdHRyLnJlYWRvbmx5XT1cIihyZWFkb25seSQgfCBhc3luYykgPT09IHRydWUgPyB0cnVlIDogbnVsbFwiXHJcbiAgICBbYXR0ci5kaXNhYmxlZF09XCIoZGlzYWJsZSQgfCBhc3luYykgPT09IHRydWUgPyB0cnVlIDogbnVsbFwiXHJcbiAgICBbdHlwZV09XCJTZXR0aW5nLklzUGFzc3dvcmQgPyAncGFzc3dvcmQnIDogJ3RleHQnXCJcclxuICAgIFt0eXBlXT1cImhhc01hc2sgPyAndGV4dCcgOiAnbnVtYmVyJ1wiXHJcbiAgICBbaWRdPVwiaWRcIlxyXG4gICAgW3N0eWxlLmRpcmVjdGlvbl09XCInbHRyJ1wiXHJcbiAgICBbc3R5bGUudGV4dC1hbGlnbl09XCJTZXR0aW5nLklzTHRyID09PSB0cnVlID8gJ2xlZnQnIDogJ3JpZ2h0J1wiXHJcbiAgICAoa2V5ZG93bik9XCJvbktleURvd24oJGV2ZW50KVwiXHJcbiAgICAoaW5wdXQpPVwib25WYWx1ZUNoYW5nZSgkZXZlbnQpXCJcclxuLz5cclxuIl19