@tsi-developpement/tsi-shared-ui 0.0.1

package/esm2022/lib/tsi-components/input-components/tsi-checkbox/tsi-checkbox.component.mjs

@@ -0,0 +1,120 @@
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import { TsiInputBase } from '../../../tsi-base/tsi-input-base/tsi-input-base.component';
+import { TooltipPosition } from '../../../enums/tooltipPosition.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "primeng/checkbox";
+import * as i4 from "primeng/tooltip";
+export class TsiCheckboxComponent extends TsiInputBase {
+    constructor() {
+        super(...arguments);
+        //#region inputs
+        this.class = {};
+        this.isBinary = false;
+        this._checked = undefined;
+        this.tooltipPosition = TooltipPosition.Top;
+        //#region outputs
+        this.inputFieldChange = new EventEmitter();
+        this.checkedChange = new EventEmitter();
+    }
+    // @Input()
+    // set inputField(value: boolean | undefined) {
+    //   this._checked = value;
+    // }
+    // get inputField(): boolean | undefined {
+    //   return this._checked;
+    // }
+    set checked(value) {
+        this._checked = value;
+    }
+    get checked() {
+        return this._checked;
+    }
+    //#endregion
+    ngOnInit() {
+        super.ngOnInit();
+        // if (this.inputField === undefined || this.inputField === null) {
+        //   this.inputField = false;
+        //   this.inputFieldChange.emit(this.inputField);
+        // }
+    }
+    ngOnChanges(changes) {
+        if (changes['inputField']) {
+            this.checked = changes['inputField'].currentValue;
+            this.updateTooltipText();
+        }
+    }
+    onChangeofOptions(event) {
+        this.toggleCheckbox();
+        this.inputField = this.checked;
+        //console.log(">>> this.inputField:", this.inputField);
+        this.inputFieldChange.emit(this.inputField);
+    }
+    toggleCheckbox() {
+        if (this.isBinary) {
+            this.checked = this.checked === true ? false : true;
+        }
+        else {
+            if (this.checked === undefined) {
+                this.checked = true;
+            }
+            else if (this.checked === true) {
+                this.checked = false;
+            }
+            else {
+                this.checked = undefined;
+            }
+        }
+        this.updateTooltipText();
+        this.checkedChange.emit(this.checked);
+    }
+    getCheckboxClass() {
+        if (this.isBinary) {
+            return {
+                'checkbox-true': this.checked === true,
+                'checkbox-false': this.checked === false
+            };
+        }
+        else {
+            return {
+                'checkbox-true': this.checked === true,
+                'checkbox-false': this.checked === false,
+                'checkbox-indeterminate': this.checked === undefined
+            };
+        }
+    }
+    updateTooltipText() {
+        if (this.checked === true) {
+            this.tooltipText = 'True';
+        }
+        else if (this.checked === false) {
+            this.tooltipText = 'False';
+        }
+        else {
+            this.tooltipText = 'Undefined';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiCheckboxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiCheckboxComponent, selector: "Tsi-CheckBox", inputs: { class: "class", isBinary: "isBinary", checked: "checked", tooltipText: "tooltipText", tooltipPosition: "tooltipPosition" }, outputs: { inputFieldChange: "inputFieldChange", checkedChange: "checkedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex\">\r\n    <p-checkbox \r\n        class=\"{{validationStatusCssClass}}\"\r\n        [ngModel]=\"checked\" \r\n        [binary]=\"true\" \r\n        (ngModelChange)=\"onChangeofOptions($event)\"\r\n        [disabled]=\"disabled\"\r\n        [ngClass]=\"getCheckboxClass()\"\r\n        [tooltipPosition]=\"tooltipPosition\"\r\n        [pTooltip]=\"tooltipText\">\r\n    </p-checkbox>\r\n</div>\r\n", styles: [".checkbox-true .p-checkbox-box,.checkbox-indeterminate .p-checkbox-box{background-color:#0a65db!important;border-color:#0a65db!important}.checkbox-false .p-checkbox-box{color:#fff!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "autofocus", "trueValue", "falseValue", "variant"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-CheckBox', encapsulation: ViewEncapsulation.None, template: "<div class=\"flex\">\r\n    <p-checkbox \r\n        class=\"{{validationStatusCssClass}}\"\r\n        [ngModel]=\"checked\" \r\n        [binary]=\"true\" \r\n        (ngModelChange)=\"onChangeofOptions($event)\"\r\n        [disabled]=\"disabled\"\r\n        [ngClass]=\"getCheckboxClass()\"\r\n        [tooltipPosition]=\"tooltipPosition\"\r\n        [pTooltip]=\"tooltipText\">\r\n    </p-checkbox>\r\n</div>\r\n", styles: [".checkbox-true .p-checkbox-box,.checkbox-indeterminate .p-checkbox-box{background-color:#0a65db!important;border-color:#0a65db!important}.checkbox-false .p-checkbox-box{color:#fff!important}\n"] }]
+        }], propDecorators: { class: [{
+                type: Input,
+                args: ['class']
+            }], isBinary: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], tooltipText: [{
+                type: Input
+            }], tooltipPosition: [{
+                type: Input
+            }], inputFieldChange: [{
+                type: Output
+            }], checkedChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLWNoZWNrYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9pbnB1dC1jb21wb25lbnRzL3RzaS1jaGVja2JveC90c2ktY2hlY2tib3guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL2lucHV0LWNvbXBvbmVudHMvdHNpLWNoZWNrYm94L3RzaS1jaGVja2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUlsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDekYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7Ozs7QUFRdEUsTUFBTSxPQUFPLG9CQUFxQixTQUFRLFlBQWlDO0lBTjNFOztRQVFFLGdCQUFnQjtRQUNBLFVBQUssR0FBUSxFQUFFLENBQUM7UUFDdkIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUUzQixhQUFRLEdBQXdCLFNBQVMsQ0FBQztRQXNCekMsb0JBQWUsR0FBaUIsZUFBZSxDQUFDLEdBQUcsQ0FBQztRQUU3RCxpQkFBaUI7UUFDUCxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBQy9DLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztLQW9FbkQ7SUE1RkMsV0FBVztJQUNYLCtDQUErQztJQUMvQywyQkFBMkI7SUFDM0IsSUFBSTtJQUVKLDBDQUEwQztJQUMxQywwQkFBMEI7SUFDMUIsSUFBSTtJQUVKLElBQ0ksT0FBTyxDQUFDLEtBQTBCO1FBQ3BDLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQVNELFlBQVk7SUFFSCxRQUFRO1FBQ2YsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLG1FQUFtRTtRQUNuRSw2QkFBNkI7UUFDN0IsaURBQWlEO1FBQ2pELElBQUk7SUFDTixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMsWUFBWSxDQUFDLENBQUMsWUFBWSxDQUFDO1lBQ2xELElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQzNCLENBQUM7SUFDSCxDQUFDO0lBRUQsaUJBQWlCLENBQUMsS0FBYztRQUM5QixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQy9CLHVEQUF1RDtRQUN2RCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRUQsY0FBYztRQUVaLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ3RELENBQUM7YUFBTSxDQUFDO1lBQ04sSUFBSSxJQUFJLENBQUMsT0FBTyxLQUFLLFNBQVMsRUFBRSxDQUFDO2dCQUMvQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztZQUN0QixDQUFDO2lCQUFNLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxJQUFJLEVBQUUsQ0FBQztnQkFDakMsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDdkIsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsU0FBUyxDQUFDO1lBQzNCLENBQUM7UUFDSCxDQUFDO1FBRUQsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQixPQUFPO2dCQUNMLGVBQWUsRUFBRSxJQUFJLENBQUMsT0FBTyxLQUFLLElBQUk7Z0JBQ3RDLGdCQUFnQixFQUFFLElBQUksQ0FBQyxPQUFPLEtBQUssS0FBSzthQUN6QyxDQUFDO1FBQ0osQ0FBQzthQUFNLENBQUM7WUFDTixPQUFPO2dCQUNMLGVBQWUsRUFBRSxJQUFJLENBQUMsT0FBTyxLQUFLLElBQUk7Z0JBQ3RDLGdCQUFnQixFQUFFLElBQUksQ0FBQyxPQUFPLEtBQUssS0FBSztnQkFDeEMsd0JBQXdCLEVBQUUsSUFBSSxDQUFDLE9BQU8sS0FBSyxTQUFTO2FBQ3JELENBQUM7UUFDSixDQUFDO0lBQ0gsQ0FBQztJQUVPLGlCQUFpQjtRQUN2QixJQUFJLElBQUksQ0FBQyxPQUFPLEtBQUssSUFBSSxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUM7UUFDNUIsQ0FBQzthQUFNLElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxLQUFLLEVBQUUsQ0FBQztZQUNsQyxJQUFJLENBQUMsV0FBVyxHQUFHLE9BQU8sQ0FBQztRQUM3QixDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxXQUFXLEdBQUcsV0FBVyxDQUFDO1FBQ2pDLENBQUM7SUFDSCxDQUFDOytHQWxHVSxvQkFBb0I7bUdBQXBCLG9CQUFvQix5VENuQmpDLCtaQVlBOzs0RkRPYSxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0UsY0FBYyxpQkFHVCxpQkFBaUIsQ0FBQyxJQUFJOzhCQUtyQixLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ0wsUUFBUTtzQkFBaEIsS0FBSztnQkFjRixPQUFPO3NCQURWLEtBQUs7Z0JBVUcsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUdJLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBPbkNoYW5nZXMsXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxuICBPbkluaXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRzaUlucHV0QmFzZSB9IGZyb20gJy4uLy4uLy4uL3RzaS1iYXNlL3RzaS1pbnB1dC1iYXNlL3RzaS1pbnB1dC1iYXNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRvb2x0aXBQb3NpdGlvbiB9IGZyb20gJy4uLy4uLy4uL2VudW1zL3Rvb2x0aXBQb3NpdGlvbi5lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnVHNpLUNoZWNrQm94JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdHNpLWNoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90c2ktY2hlY2tib3guY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVHNpQ2hlY2tib3hDb21wb25lbnQgZXh0ZW5kcyBUc2lJbnB1dEJhc2U8Ym9vbGVhbiB8IHVuZGVmaW5lZD4gaW1wbGVtZW50cyBPbkNoYW5nZXMsIE9uSW5pdCB7XHJcbiAgXHJcbiAgLy8jcmVnaW9uIGlucHV0c1xyXG4gIEBJbnB1dCgnY2xhc3MnKSBjbGFzczogYW55ID0ge307XHJcbiAgQElucHV0KCkgaXNCaW5hcnk6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgcHJpdmF0ZSBfY2hlY2tlZDogYm9vbGVhbiB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcclxuXHJcbiAgLy8gQElucHV0KClcclxuICAvLyBzZXQgaW5wdXRGaWVsZCh2YWx1ZTogYm9vbGVhbiB8IHVuZGVmaW5lZCkge1xyXG4gIC8vICAgdGhpcy5fY2hlY2tlZCA9IHZhbHVlO1xyXG4gIC8vIH1cclxuXHJcbiAgLy8gZ2V0IGlucHV0RmllbGQoKTogYm9vbGVhbiB8IHVuZGVmaW5lZCB7XHJcbiAgLy8gICByZXR1cm4gdGhpcy5fY2hlY2tlZDtcclxuICAvLyB9XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgc2V0IGNoZWNrZWQodmFsdWU6IGJvb2xlYW4gfCB1bmRlZmluZWQpIHtcclxuICAgIHRoaXMuX2NoZWNrZWQgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIGdldCBjaGVja2VkKCk6IGJvb2xlYW4gfCB1bmRlZmluZWQge1xyXG4gICAgcmV0dXJuIHRoaXMuX2NoZWNrZWQ7XHJcbiAgfVxyXG4gIC8vI2VuZHJlZ2lvblxyXG5cclxuICBASW5wdXQoKSB0b29sdGlwVGV4dDogYW55O1xyXG4gIEBJbnB1dCgpIHRvb2x0aXBQb3NpdGlvbjogc3RyaW5nIHwgYW55ID0gVG9vbHRpcFBvc2l0aW9uLlRvcDtcclxuXHJcbiAgLy8jcmVnaW9uIG91dHB1dHNcclxuICBAT3V0cHV0KCkgaW5wdXRGaWVsZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuICBAT3V0cHV0KCkgY2hlY2tlZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIC8vI2VuZHJlZ2lvblxyXG5cclxuICBvdmVycmlkZSBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgICAvLyBpZiAodGhpcy5pbnB1dEZpZWxkID09PSB1bmRlZmluZWQgfHwgdGhpcy5pbnB1dEZpZWxkID09PSBudWxsKSB7XHJcbiAgICAvLyAgIHRoaXMuaW5wdXRGaWVsZCA9IGZhbHNlO1xyXG4gICAgLy8gICB0aGlzLmlucHV0RmllbGRDaGFuZ2UuZW1pdCh0aGlzLmlucHV0RmllbGQpO1xyXG4gICAgLy8gfVxyXG4gIH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xyXG4gICAgaWYgKGNoYW5nZXNbJ2lucHV0RmllbGQnXSkge1xyXG4gICAgICB0aGlzLmNoZWNrZWQgPSBjaGFuZ2VzWydpbnB1dEZpZWxkJ10uY3VycmVudFZhbHVlO1xyXG4gICAgICB0aGlzLnVwZGF0ZVRvb2x0aXBUZXh0KCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbkNoYW5nZW9mT3B0aW9ucyhldmVudDogYm9vbGVhbikge1xyXG4gICAgdGhpcy50b2dnbGVDaGVja2JveCgpO1xyXG4gICAgdGhpcy5pbnB1dEZpZWxkID0gdGhpcy5jaGVja2VkO1xyXG4gICAgLy9jb25zb2xlLmxvZyhcIj4+PiB0aGlzLmlucHV0RmllbGQ6XCIsIHRoaXMuaW5wdXRGaWVsZCk7XHJcbiAgICB0aGlzLmlucHV0RmllbGRDaGFuZ2UuZW1pdCh0aGlzLmlucHV0RmllbGQpO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlQ2hlY2tib3goKSB7XHJcblxyXG4gICAgaWYgKHRoaXMuaXNCaW5hcnkpIHtcclxuICAgICAgdGhpcy5jaGVja2VkID0gdGhpcy5jaGVja2VkID09PSB0cnVlID8gZmFsc2UgOiB0cnVlO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgaWYgKHRoaXMuY2hlY2tlZCA9PT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgICAgdGhpcy5jaGVja2VkID0gdHJ1ZTtcclxuICAgICAgfSBlbHNlIGlmICh0aGlzLmNoZWNrZWQgPT09IHRydWUpIHtcclxuICAgICAgICB0aGlzLmNoZWNrZWQgPSBmYWxzZTtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLmNoZWNrZWQgPSB1bmRlZmluZWQ7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICB0aGlzLnVwZGF0ZVRvb2x0aXBUZXh0KCk7XHJcbiAgICB0aGlzLmNoZWNrZWRDaGFuZ2UuZW1pdCh0aGlzLmNoZWNrZWQpO1xyXG4gIH1cclxuXHJcbiAgZ2V0Q2hlY2tib3hDbGFzcygpIHtcclxuICAgIGlmICh0aGlzLmlzQmluYXJ5KSB7XHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgJ2NoZWNrYm94LXRydWUnOiB0aGlzLmNoZWNrZWQgPT09IHRydWUsXHJcbiAgICAgICAgJ2NoZWNrYm94LWZhbHNlJzogdGhpcy5jaGVja2VkID09PSBmYWxzZVxyXG4gICAgICB9O1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgcmV0dXJuIHtcclxuICAgICAgICAnY2hlY2tib3gtdHJ1ZSc6IHRoaXMuY2hlY2tlZCA9PT0gdHJ1ZSxcclxuICAgICAgICAnY2hlY2tib3gtZmFsc2UnOiB0aGlzLmNoZWNrZWQgPT09IGZhbHNlLFxyXG4gICAgICAgICdjaGVja2JveC1pbmRldGVybWluYXRlJzogdGhpcy5jaGVja2VkID09PSB1bmRlZmluZWRcclxuICAgICAgfTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgdXBkYXRlVG9vbHRpcFRleHQoKSB7XHJcbiAgICBpZiAodGhpcy5jaGVja2VkID09PSB0cnVlKSB7XHJcbiAgICAgIHRoaXMudG9vbHRpcFRleHQgPSAnVHJ1ZSc7XHJcbiAgICB9IGVsc2UgaWYgKHRoaXMuY2hlY2tlZCA9PT0gZmFsc2UpIHtcclxuICAgICAgdGhpcy50b29sdGlwVGV4dCA9ICdGYWxzZSc7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLnRvb2x0aXBUZXh0ID0gJ1VuZGVmaW5lZCc7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleFwiPlxyXG4gICAgPHAtY2hlY2tib3ggXHJcbiAgICAgICAgY2xhc3M9XCJ7e3ZhbGlkYXRpb25TdGF0dXNDc3NDbGFzc319XCJcclxuICAgICAgICBbbmdNb2RlbF09XCJjaGVja2VkXCIgXHJcbiAgICAgICAgW2JpbmFyeV09XCJ0cnVlXCIgXHJcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25DaGFuZ2VvZk9wdGlvbnMoJGV2ZW50KVwiXHJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgICBbbmdDbGFzc109XCJnZXRDaGVja2JveENsYXNzKClcIlxyXG4gICAgICAgIFt0b29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCJcclxuICAgICAgICBbcFRvb2x0aXBdPVwidG9vbHRpcFRleHRcIj5cclxuICAgIDwvcC1jaGVja2JveD5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/tsi-components/input-components/tsi-currency-other-input/tsi-currency-other-input.component.mjs

@@ -0,0 +1,53 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { TsiInputBase } from '../../../tsi-base/tsi-input-base/tsi-input-base.component';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../pipes/localize.pipe";
+import * as i2 from "@angular/forms";
+import * as i3 from "primeng/inputnumber";
+import * as i4 from "../../tsi-bubble-info/tsi-bubble-info.component";
+import * as i5 from "../../../tsi-directives/auto-select.directive";
+export class TsiCurrencyOtherInputComponent extends TsiInputBase {
+    constructor(_localizationPipe) {
+        super();
+        this._localizationPipe = _localizationPipe;
+        //#region inputs
+        this.numOfDecimal = 2;
+        // @Input() inputField?: number;
+        this.currency = 'TND';
+        this.class = {};
+        //#endregion
+        //#region outputs
+        this.inputFieldChange = new EventEmitter();
+        //#endregion
+        this.isValueChanged = false;
+    }
+    valueChanged() {
+        this.isValueChanged = true;
+    }
+    onChangeofOptions() {
+        if (this.isValueChanged) {
+            this.inputFieldChange.emit(this.inputField);
+            this.isValueChanged = false;
+        }
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.currency = this._localizationPipe.transform(this.currency ?? "");
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiCurrencyOtherInputComponent, deps: [{ token: i1.LocalizePipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiCurrencyOtherInputComponent, selector: "Tsi-Currency-Other-Input", inputs: { numOfDecimal: "numOfDecimal", currency: "currency", class: "class" }, outputs: { inputFieldChange: "inputFieldChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex h-2rem\">\r\n    <p-inputNumber \r\n        autoSelect\r\n        [disabled]=\"disabled\"\r\n        (onBlur)=\"onChangeofOptions()\"\r\n        [(ngModel)]=\"inputField\" \r\n        (ngModelChange)=\"valueChanged()\"\r\n        class=\"{{myStyleClass}}\" styleClass=\"{{myStyleClass}} border-radius-7 {{validationStatusCssClass}}\" \r\n        inputStyleClass=\"{{myStyleClass}}\" name=\"{{inputName}}\"\r\n        id=\"{{inputId}}\" [suffix]=\"currency\" [minFractionDigits]=\"numOfDecimal ?? 0\" [maxFractionDigits]=\"numOfDecimal ?? 0\">\r\n    </p-inputNumber>\r\n    <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: i4.TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }, { kind: "directive", type: i5.AutoSelectDirective, selector: "[autoSelect]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiCurrencyOtherInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-Currency-Other-Input', standalone: false, template: "<div class=\"flex h-2rem\">\r\n    <p-inputNumber \r\n        autoSelect\r\n        [disabled]=\"disabled\"\r\n        (onBlur)=\"onChangeofOptions()\"\r\n        [(ngModel)]=\"inputField\" \r\n        (ngModelChange)=\"valueChanged()\"\r\n        class=\"{{myStyleClass}}\" styleClass=\"{{myStyleClass}} border-radius-7 {{validationStatusCssClass}}\" \r\n        inputStyleClass=\"{{myStyleClass}}\" name=\"{{inputName}}\"\r\n        id=\"{{inputId}}\" [suffix]=\"currency\" [minFractionDigits]=\"numOfDecimal ?? 0\" [maxFractionDigits]=\"numOfDecimal ?? 0\">\r\n    </p-inputNumber>\r\n    <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>" }]
+        }], ctorParameters: () => [{ type: i1.LocalizePipe }], propDecorators: { numOfDecimal: [{
+                type: Input
+            }], currency: [{
+                type: Input
+            }], class: [{
+                type: Input,
+                args: ['class']
+            }], inputFieldChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLWN1cnJlbmN5LW90aGVyLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9pbnB1dC1jb21wb25lbnRzL3RzaS1jdXJyZW5jeS1vdGhlci1pbnB1dC90c2ktY3VycmVuY3ktb3RoZXItaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL2lucHV0LWNvbXBvbmVudHMvdHNpLWN1cnJlbmN5LW90aGVyLWlucHV0L3RzaS1jdXJyZW5jeS1vdGhlci1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwyREFBMkQsQ0FBQzs7Ozs7OztBQVN6RixNQUFNLE9BQU8sOEJBQStCLFNBQVEsWUFBZ0M7SUFhbEYsWUFBb0IsaUJBQStCO1FBQ2pELEtBQUssRUFBRSxDQUFBO1FBRFcsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFjO1FBWm5ELGdCQUFnQjtRQUNQLGlCQUFZLEdBQVksQ0FBQyxDQUFBO1FBQ2xDLGdDQUFnQztRQUN2QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQ25CLFVBQUssR0FBUSxFQUFFLENBQUM7UUFDaEMsWUFBWTtRQUVaLGlCQUFpQjtRQUNQLHFCQUFnQixHQUF5QixJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzlFLFlBQVk7UUFFSixtQkFBYyxHQUFZLEtBQUssQ0FBQTtJQUd2QyxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFBO0lBQzVCLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUM1QyxJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQTtRQUM3QixDQUFDO0lBQ0gsQ0FBQztJQUdRLFFBQVE7UUFDZixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLENBQUE7SUFDdkUsQ0FBQzsrR0FoQ1UsOEJBQThCO21HQUE5Qiw4QkFBOEIsME5DVjNDLHVwQkFZTTs7NEZERk8sOEJBQThCO2tCQU4xQyxTQUFTOytCQUNFLDBCQUEwQixjQUd4QixLQUFLO2lGQUlSLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBSUosZ0JBQWdCO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUc2lJbnB1dEJhc2UgfSBmcm9tICcuLi8uLi8uLi90c2ktYmFzZS90c2ktaW5wdXQtYmFzZS90c2ktaW5wdXQtYmFzZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBMb2NhbGl6ZVBpcGUgfSBmcm9tICcuLi8uLi8uLi9waXBlcy9sb2NhbGl6ZS5waXBlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnVHNpLUN1cnJlbmN5LU90aGVyLUlucHV0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdHNpLWN1cnJlbmN5LW90aGVyLWlucHV0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90c2ktY3VycmVuY3ktb3RoZXItaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcclxuICBzdGFuZGFsb25lOiBmYWxzZVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVHNpQ3VycmVuY3lPdGhlcklucHV0Q29tcG9uZW50IGV4dGVuZHMgVHNpSW5wdXRCYXNlPG51bWJlciB8IHVuZGVmaW5lZD4gaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIC8vI3JlZ2lvbiBpbnB1dHNcclxuICBASW5wdXQoKSBudW1PZkRlY2ltYWw/OiBudW1iZXIgPSAyXHJcbiAgLy8gQElucHV0KCkgaW5wdXRGaWVsZD86IG51bWJlcjtcclxuICBASW5wdXQoKSBjdXJyZW5jeT86IHN0cmluZyA9ICdUTkQnO1xyXG4gIEBJbnB1dCgnY2xhc3MnKSBjbGFzczogYW55ID0ge307XHJcbiAgLy8jZW5kcmVnaW9uXHJcblxyXG4gIC8vI3JlZ2lvbiBvdXRwdXRzXHJcbiAgQE91dHB1dCgpIGlucHV0RmllbGRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XHJcbiAgLy8jZW5kcmVnaW9uXHJcblxyXG4gIHByaXZhdGUgaXNWYWx1ZUNoYW5nZWQ6IGJvb2xlYW4gPSBmYWxzZVxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2xvY2FsaXphdGlvblBpcGU6IExvY2FsaXplUGlwZSkge1xyXG4gICAgc3VwZXIoKVxyXG4gIH1cclxuXHJcbiAgdmFsdWVDaGFuZ2VkKCkge1xyXG4gICAgdGhpcy5pc1ZhbHVlQ2hhbmdlZCA9IHRydWVcclxuICB9XHJcblxyXG4gIG9uQ2hhbmdlb2ZPcHRpb25zKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuaXNWYWx1ZUNoYW5nZWQpIHtcclxuICAgICAgdGhpcy5pbnB1dEZpZWxkQ2hhbmdlLmVtaXQodGhpcy5pbnB1dEZpZWxkKTtcclxuICAgICAgdGhpcy5pc1ZhbHVlQ2hhbmdlZCA9IGZhbHNlXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuXHJcbiAgb3ZlcnJpZGUgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBzdXBlci5uZ09uSW5pdCgpO1xyXG4gICAgdGhpcy5jdXJyZW5jeSA9IHRoaXMuX2xvY2FsaXphdGlvblBpcGUudHJhbnNmb3JtKHRoaXMuY3VycmVuY3kgPz8gXCJcIilcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZsZXggaC0ycmVtXCI+XHJcbiAgICA8cC1pbnB1dE51bWJlciBcclxuICAgICAgICBhdXRvU2VsZWN0XHJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgICAgICAob25CbHVyKT1cIm9uQ2hhbmdlb2ZPcHRpb25zKClcIlxyXG4gICAgICAgIFsobmdNb2RlbCldPVwiaW5wdXRGaWVsZFwiIFxyXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cInZhbHVlQ2hhbmdlZCgpXCJcclxuICAgICAgICBjbGFzcz1cInt7bXlTdHlsZUNsYXNzfX1cIiBzdHlsZUNsYXNzPVwie3tteVN0eWxlQ2xhc3N9fSBib3JkZXItcmFkaXVzLTcge3t2YWxpZGF0aW9uU3RhdHVzQ3NzQ2xhc3N9fVwiIFxyXG4gICAgICAgIGlucHV0U3R5bGVDbGFzcz1cInt7bXlTdHlsZUNsYXNzfX1cIiBuYW1lPVwie3tpbnB1dE5hbWV9fVwiXHJcbiAgICAgICAgaWQ9XCJ7e2lucHV0SWR9fVwiIFtzdWZmaXhdPVwiY3VycmVuY3lcIiBbbWluRnJhY3Rpb25EaWdpdHNdPVwibnVtT2ZEZWNpbWFsID8/IDBcIiBbbWF4RnJhY3Rpb25EaWdpdHNdPVwibnVtT2ZEZWNpbWFsID8/IDBcIj5cclxuICAgIDwvcC1pbnB1dE51bWJlcj5cclxuICAgIDxUc2ktQnViYmxlLUluZm8gW2luZm9UZXh0XT1cImluZm9UZXh0XCI+PC9Uc2ktQnViYmxlLUluZm8+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/tsi-components/input-components/tsi-currency-societe-input/tsi-currency-societe-input.component.mjs

@@ -0,0 +1,62 @@
+import { Component, EventEmitter, Input, Output, } from '@angular/core';
+import { TsiInputBase } from '../../../tsi-base/tsi-input-base/tsi-input-base.component';
+import { DefaultSocieteDevise } from '../../../consts/tsi-consts';
+import * as i0 from "@angular/core";
+import * as i1 from "../../../services/settings/app-settings.service";
+import * as i2 from "../../../pipes/localize.pipe";
+import * as i3 from "@angular/forms";
+import * as i4 from "primeng/inputnumber";
+import * as i5 from "../../tsi-bubble-info/tsi-bubble-info.component";
+import * as i6 from "../../../tsi-directives/auto-select.directive";
+export class TsiCurrencySocieteInputComponent extends TsiInputBase {
+    constructor(appSettingsService, _localizationPipe) {
+        super();
+        this.appSettingsService = appSettingsService;
+        this._localizationPipe = _localizationPipe;
+        //#region local vars
+        this.currency = DefaultSocieteDevise.codeDevise;
+        this.style = { width: 'inherit' };
+        this.numOfDecimal = 3;
+        //#endregion
+        //#region inputs
+        // @Input() inputField?: number = 0;
+        this.class = {};
+        //#endregion
+        //#region outputs
+        this.inputFieldChange = new EventEmitter();
+        //#endregion
+        this.isValueChanged = false;
+        this.currency = appSettingsService.appSettings.deviseSociete.codeDevise ?? DefaultSocieteDevise.codeDevise;
+        this.numOfDecimal =
+            appSettingsService.appSettings.deviseSociete.nombreDecimales ??
+                DefaultSocieteDevise.nombreDecimales;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.currency = this._localizationPipe.transform(this.currency);
+        // if (this.inputField === undefined || this.inputField === null) {
+        //   this.inputField = 0;
+        // }
+    }
+    valueChanged() {
+        this.isValueChanged = true;
+    }
+    onChangeofOptions() {
+        if (this.isValueChanged) {
+            this.inputFieldChange.emit(this.inputField);
+            this.isValueChanged = false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiCurrencySocieteInputComponent, deps: [{ token: i1.AppSettingsService }, { token: i2.LocalizePipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiCurrencySocieteInputComponent, selector: "Tsi-Currency-Societe-Input", inputs: { class: "class" }, outputs: { inputFieldChange: "inputFieldChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex h-2rem\">\r\n  <p-inputNumber\r\n    autoSelect\r\n    class=\"{{ myStyleClass }} {{ class }}\"\r\n    styleClass=\"{{ myStyleClass }} border-radius-7 {{validationStatusCssClass}}\"\r\n    inputStyleClass=\"{{ myStyleClass }}\"\r\n    [disabled]=\"disabled\"\r\n    [(ngModel)]=\"inputField\"\r\n    (ngModelChange)=\"valueChanged()\"\r\n    (onBlur)=\"onChangeofOptions()\"\r\n    name=\"{{ inputName }}\"\r\n    id=\"{{ inputId }}\"\r\n    suffix=\" {{currency}}\" \r\n    locale=\"en-US\"\r\n    [minFractionDigits]=\"numOfDecimal ?? 0\"\r\n    [maxFractionDigits]=\"numOfDecimal ?? 0\"\r\n  >\r\n  </p-inputNumber>\r\n\r\n  <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [":host{width:inherit}\n"], dependencies: [{ kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: i5.TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }, { kind: "directive", type: i6.AutoSelectDirective, selector: "[autoSelect]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiCurrencySocieteInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-Currency-Societe-Input', template: "<div class=\"flex h-2rem\">\r\n  <p-inputNumber\r\n    autoSelect\r\n    class=\"{{ myStyleClass }} {{ class }}\"\r\n    styleClass=\"{{ myStyleClass }} border-radius-7 {{validationStatusCssClass}}\"\r\n    inputStyleClass=\"{{ myStyleClass }}\"\r\n    [disabled]=\"disabled\"\r\n    [(ngModel)]=\"inputField\"\r\n    (ngModelChange)=\"valueChanged()\"\r\n    (onBlur)=\"onChangeofOptions()\"\r\n    name=\"{{ inputName }}\"\r\n    id=\"{{ inputId }}\"\r\n    suffix=\" {{currency}}\" \r\n    locale=\"en-US\"\r\n    [minFractionDigits]=\"numOfDecimal ?? 0\"\r\n    [maxFractionDigits]=\"numOfDecimal ?? 0\"\r\n  >\r\n  </p-inputNumber>\r\n\r\n  <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [":host{width:inherit}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AppSettingsService }, { type: i2.LocalizePipe }], propDecorators: { class: [{
+                type: Input,
+                args: ['class']
+            }], inputFieldChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLWN1cnJlbmN5LXNvY2lldGUtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL2lucHV0LWNvbXBvbmVudHMvdHNpLWN1cnJlbmN5LXNvY2lldGUtaW5wdXQvdHNpLWN1cnJlbmN5LXNvY2lldGUtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL2lucHV0LWNvbXBvbmVudHMvdHNpLWN1cnJlbmN5LXNvY2lldGUtaW5wdXQvdHNpLWN1cnJlbmN5LXNvY2lldGUtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFHekYsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7Ozs7O0FBT2xFLE1BQU0sT0FBTyxnQ0FBaUMsU0FBUSxZQUFnQztJQWtCcEYsWUFBb0Isa0JBQXNDLEVBQ2hELGlCQUErQjtRQUN2QyxLQUFLLEVBQUUsQ0FBQztRQUZVLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7UUFDaEQsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFjO1FBaEJ6QyxvQkFBb0I7UUFDcEIsYUFBUSxHQUFXLG9CQUFvQixDQUFDLFVBQVUsQ0FBQztRQUNuRCxVQUFLLEdBQVEsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUM7UUFDeEIsaUJBQVksR0FBWSxDQUFDLENBQUM7UUFDcEMsWUFBWTtRQUNaLGdCQUFnQjtRQUNoQixvQ0FBb0M7UUFDcEIsVUFBSyxHQUFRLEVBQUUsQ0FBQztRQUNoQyxZQUFZO1FBRVosaUJBQWlCO1FBQ1AscUJBQWdCLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFDOUUsWUFBWTtRQUNKLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBS3RDLElBQUksQ0FBQyxRQUFRLEdBQUcsa0JBQWtCLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxVQUFVLElBQUksb0JBQW9CLENBQUMsVUFBVSxDQUFDO1FBQzNHLElBQUksQ0FBQyxZQUFZO1lBQ2Ysa0JBQWtCLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxlQUFlO2dCQUM1RCxvQkFBb0IsQ0FBQyxlQUFlLENBQUM7SUFDekMsQ0FBQztJQUVRLFFBQVE7UUFDZixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNoRSxtRUFBbUU7UUFDbkUseUJBQXlCO1FBQ3pCLElBQUk7SUFDTixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDO0lBQzdCLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN4QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztZQUM1QyxJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztRQUM5QixDQUFDO0lBQ0gsQ0FBQzsrR0E1Q1UsZ0NBQWdDO21HQUFoQyxnQ0FBZ0Msd0tDbEI3Qyw2c0JBb0JNOzs0RkRGTyxnQ0FBZ0M7a0JBTDVDLFNBQVM7K0JBQ0UsNEJBQTRCO2tIQWN0QixLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBSUosZ0JBQWdCO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXQsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRzaUlucHV0QmFzZSB9IGZyb20gJy4uLy4uLy4uL3RzaS1iYXNlL3RzaS1pbnB1dC1iYXNlL3RzaS1pbnB1dC1iYXNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEFwcFNldHRpbmdzU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3NldHRpbmdzL2FwcC1zZXR0aW5ncy5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTG9jYWxpemVQaXBlIH0gZnJvbSAnLi4vLi4vLi4vcGlwZXMvbG9jYWxpemUucGlwZSc7XHJcbmltcG9ydCB7IERlZmF1bHRTb2NpZXRlRGV2aXNlIH0gZnJvbSAnLi4vLi4vLi4vY29uc3RzL3RzaS1jb25zdHMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdUc2ktQ3VycmVuY3ktU29jaWV0ZS1JbnB1dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RzaS1jdXJyZW5jeS1zb2NpZXRlLWlucHV0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90c2ktY3VycmVuY3ktc29jaWV0ZS1pbnB1dC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVHNpQ3VycmVuY3lTb2NpZXRlSW5wdXRDb21wb25lbnQgZXh0ZW5kcyBUc2lJbnB1dEJhc2U8bnVtYmVyIHwgdW5kZWZpbmVkPiBpbXBsZW1lbnRzIE9uSW5pdFxyXG57XHJcblxyXG4gIC8vI3JlZ2lvbiBsb2NhbCB2YXJzXHJcbiAgY3VycmVuY3k6IHN0cmluZyA9IERlZmF1bHRTb2NpZXRlRGV2aXNlLmNvZGVEZXZpc2U7XHJcbiAgc3R5bGU6IGFueSA9IHsgd2lkdGg6ICdpbmhlcml0JyB9O1xyXG4gIHByb3RlY3RlZCBudW1PZkRlY2ltYWw/OiBudW1iZXIgPSAzO1xyXG4gIC8vI2VuZHJlZ2lvblxyXG4gIC8vI3JlZ2lvbiBpbnB1dHNcclxuICAvLyBASW5wdXQoKSBpbnB1dEZpZWxkPzogbnVtYmVyID0gMDtcclxuICBASW5wdXQoJ2NsYXNzJykgY2xhc3M6IGFueSA9IHt9O1xyXG4gIC8vI2VuZHJlZ2lvblxyXG5cclxuICAvLyNyZWdpb24gb3V0cHV0c1xyXG4gIEBPdXRwdXQoKSBpbnB1dEZpZWxkQ2hhbmdlOiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xyXG4gIC8vI2VuZHJlZ2lvblxyXG4gIHByaXZhdGUgaXNWYWx1ZUNoYW5nZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhcHBTZXR0aW5nc1NlcnZpY2U6IEFwcFNldHRpbmdzU2VydmljZSxcclxuICAgIHByaXZhdGUgX2xvY2FsaXphdGlvblBpcGU6IExvY2FsaXplUGlwZSkge1xyXG4gICAgc3VwZXIoKTtcclxuICAgIHRoaXMuY3VycmVuY3kgPSBhcHBTZXR0aW5nc1NlcnZpY2UuYXBwU2V0dGluZ3MuZGV2aXNlU29jaWV0ZS5jb2RlRGV2aXNlID8/IERlZmF1bHRTb2NpZXRlRGV2aXNlLmNvZGVEZXZpc2U7XHJcbiAgICB0aGlzLm51bU9mRGVjaW1hbCA9XHJcbiAgICAgIGFwcFNldHRpbmdzU2VydmljZS5hcHBTZXR0aW5ncy5kZXZpc2VTb2NpZXRlLm5vbWJyZURlY2ltYWxlcyA/P1xyXG4gICAgICBEZWZhdWx0U29jaWV0ZURldmlzZS5ub21icmVEZWNpbWFsZXM7XHJcbiAgfVxyXG5cclxuICBvdmVycmlkZSBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHN1cGVyLm5nT25Jbml0KCk7XHJcbiAgICB0aGlzLmN1cnJlbmN5ID0gdGhpcy5fbG9jYWxpemF0aW9uUGlwZS50cmFuc2Zvcm0odGhpcy5jdXJyZW5jeSk7XHJcbiAgICAvLyBpZiAodGhpcy5pbnB1dEZpZWxkID09PSB1bmRlZmluZWQgfHwgdGhpcy5pbnB1dEZpZWxkID09PSBudWxsKSB7XHJcbiAgICAvLyAgIHRoaXMuaW5wdXRGaWVsZCA9IDA7XHJcbiAgICAvLyB9XHJcbiAgfVxyXG5cclxuICB2YWx1ZUNoYW5nZWQoKSB7XHJcbiAgICB0aGlzLmlzVmFsdWVDaGFuZ2VkID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIG9uQ2hhbmdlb2ZPcHRpb25zKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuaXNWYWx1ZUNoYW5nZWQpIHtcclxuICAgICAgdGhpcy5pbnB1dEZpZWxkQ2hhbmdlLmVtaXQodGhpcy5pbnB1dEZpZWxkKTtcclxuICAgICAgdGhpcy5pc1ZhbHVlQ2hhbmdlZCA9IGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBoLTJyZW1cIj5cclxuICA8cC1pbnB1dE51bWJlclxyXG4gICAgYXV0b1NlbGVjdFxyXG4gICAgY2xhc3M9XCJ7eyBteVN0eWxlQ2xhc3MgfX0ge3sgY2xhc3MgfX1cIlxyXG4gICAgc3R5bGVDbGFzcz1cInt7IG15U3R5bGVDbGFzcyB9fSBib3JkZXItcmFkaXVzLTcge3t2YWxpZGF0aW9uU3RhdHVzQ3NzQ2xhc3N9fVwiXHJcbiAgICBpbnB1dFN0eWxlQ2xhc3M9XCJ7eyBteVN0eWxlQ2xhc3MgfX1cIlxyXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgIFsobmdNb2RlbCldPVwiaW5wdXRGaWVsZFwiXHJcbiAgICAobmdNb2RlbENoYW5nZSk9XCJ2YWx1ZUNoYW5nZWQoKVwiXHJcbiAgICAob25CbHVyKT1cIm9uQ2hhbmdlb2ZPcHRpb25zKClcIlxyXG4gICAgbmFtZT1cInt7IGlucHV0TmFtZSB9fVwiXHJcbiAgICBpZD1cInt7IGlucHV0SWQgfX1cIlxyXG4gICAgc3VmZml4PVwiIHt7Y3VycmVuY3l9fVwiIFxyXG4gICAgbG9jYWxlPVwiZW4tVVNcIlxyXG4gICAgW21pbkZyYWN0aW9uRGlnaXRzXT1cIm51bU9mRGVjaW1hbCA/PyAwXCJcclxuICAgIFttYXhGcmFjdGlvbkRpZ2l0c109XCJudW1PZkRlY2ltYWwgPz8gMFwiXHJcbiAgPlxyXG4gIDwvcC1pbnB1dE51bWJlcj5cclxuXHJcbiAgPFRzaS1CdWJibGUtSW5mbyBbaW5mb1RleHRdPVwiaW5mb1RleHRcIj48L1RzaS1CdWJibGUtSW5mbz5cclxuPC9kaXY+Il19

package/esm2022/lib/tsi-components/input-components/tsi-date-picker/tsi-date-picker.component.mjs

@@ -0,0 +1,116 @@
+import { Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation } from '@angular/core';
+import { TsiInputBase } from '../../../tsi-base/tsi-input-base/tsi-input-base.component';
+import { DateFormat, DatePickerDateFormat, DateTimeFormat, TimeZoneLocale } from '../../../consts/tsi-consts';
+import { primengDateLocalAr } from '../../../tsi-helpers/primeng-translate-config';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../../services/date-helper.service";
+import * as i3 from "primeng/api";
+import * as i4 from "../../../services/application/app.layout.service";
+import * as i5 from "@angular/forms";
+import * as i6 from "primeng/calendar";
+import * as i7 from "../../tsi-bubble-info/tsi-bubble-info.component";
+export class TsiDatePickerComponent extends TsiInputBase {
+    get inputField() {
+        return this._value;
+    }
+    set inputField(value) {
+        this._value = value ? this._createUtcDate(value) : undefined;
+        this.dateString = this._toString(this.inputField);
+    }
+    //#endregion
+    //#region ctor
+    /**
+     *
+     */
+    constructor(_datePipe, _dateHelperService, primeNGConfig, _layoutService) {
+        super();
+        this._datePipe = _datePipe;
+        this._dateHelperService = _dateHelperService;
+        this.primeNGConfig = primeNGConfig;
+        this._layoutService = _layoutService;
+        this.datePickerFormat = DatePickerDateFormat;
+        this.showTime = false;
+        this.showButtonBar = true;
+        //#endregion
+        //#region outputs
+        this.inputFieldChange = new EventEmitter();
+    }
+    //#endregion
+    //#region handle events
+    onFocusOut(event) {
+        this._handleDateChange();
+    }
+    onSelect(event) {
+        this._handleDateChange();
+    }
+    //#endregion
+    ngOnInit() {
+        super.ngOnInit();
+        this._layoutService.enableRtlModeSubject$.subscribe({
+            next: (data) => {
+                if (data && data == true) {
+                    this._initArabicLocal();
+                }
+            }
+        });
+        if (this._layoutService.isRtlModeEnabled()) {
+            this._initArabicLocal();
+        }
+    }
+    //#region private methods
+    _toString(value) {
+        if (value) {
+            let dateString = this._datePipe.transform(value, this.showTime ? DateTimeFormat : DateFormat, TimeZoneLocale) ?? undefined;
+            return dateString;
+        }
+        return undefined;
+    }
+    _updateInputFieldFromStringDate() {
+        let date = this.dateString && this.dateString != ''
+            ? this.showTime
+                ? this._dateHelperService.parseDateTimeString(this.dateString)
+                : this._dateHelperService.parseDateString(this.dateString)
+            : undefined;
+        this._value = date;
+    }
+    _handleDateChange() {
+        this._updateInputFieldFromStringDate();
+        this.inputFieldChange.emit(this.inputField);
+    }
+    _createUtcDate(value) {
+        if (value instanceof Date) {
+            return value;
+        }
+        else {
+            return this._dateHelperService.createUtcDateFromString(value);
+        }
+    }
+    //#endregion
+    //#region add arabic region
+    _initArabicLocal() {
+        this.primeNGConfig.setTranslation(primengDateLocalAr);
+    }
+    //#endregion
+    onFocusHandler(event) {
+        this.calendarRef.overlayVisible = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiDatePickerComponent, deps: [{ token: i1.DatePipe }, { token: i2.DateHelperService }, { token: i3.PrimeNGConfig }, { token: i4.LayoutService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiDatePickerComponent, selector: "Tsi-Date-Picker", inputs: { required: "required", showTime: "showTime", showButtonBar: "showButtonBar" }, outputs: { inputFieldChange: "inputFieldChange" }, viewQueries: [{ propertyName: "calendarRef", first: true, predicate: ["calendarRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"flex\">\r\n    <p-calendar #calendarRef\r\n    [dataType]=\"'string'\"\r\n    [appendTo]=\"'body'\"\r\n    [disabled]=\"disabled\"\r\n    [showIcon]=\"true\"\r\n    [showButtonBar]=\"showButtonBar\"\r\n    [dateFormat]=\"datePickerFormat\"\r\n    class=\"{{myStyleClass}}\"\r\n    styleClass=\"{{myStyleClass}} border-radius-7\"\r\n    inputStyleClass=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n    [showTime]=\"showTime\"\r\n    [showSeconds]=\"showTime\"\r\n    [(ngModel)]=\"dateString\"\r\n    (onBlur)=\"onFocusOut($event)\"\r\n    (onSelect)=\"onSelect($event)\"\r\n    (onFocus)=\"onFocusHandler($event)\"\r\n    >\r\n    </p-calendar>\r\n    <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [".ColorClass{background-color:#2bff00;text-align:right}.p-datepicker-trigger{border-top-right-radius:7px!important;border-bottom-right-radius:7px!important}\n"], dependencies: [{ kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i7.TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiDatePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-Date-Picker', encapsulation: ViewEncapsulation.None, template: "<div class=\"flex\">\r\n    <p-calendar #calendarRef\r\n    [dataType]=\"'string'\"\r\n    [appendTo]=\"'body'\"\r\n    [disabled]=\"disabled\"\r\n    [showIcon]=\"true\"\r\n    [showButtonBar]=\"showButtonBar\"\r\n    [dateFormat]=\"datePickerFormat\"\r\n    class=\"{{myStyleClass}}\"\r\n    styleClass=\"{{myStyleClass}} border-radius-7\"\r\n    inputStyleClass=\"{{myStyleClass}} {{validationStatusCssClass}}\"\r\n    [showTime]=\"showTime\"\r\n    [showSeconds]=\"showTime\"\r\n    [(ngModel)]=\"dateString\"\r\n    (onBlur)=\"onFocusOut($event)\"\r\n    (onSelect)=\"onSelect($event)\"\r\n    (onFocus)=\"onFocusHandler($event)\"\r\n    >\r\n    </p-calendar>\r\n    <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [".ColorClass{background-color:#2bff00;text-align:right}.p-datepicker-trigger{border-top-right-radius:7px!important;border-bottom-right-radius:7px!important}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DatePipe }, { type: i2.DateHelperService }, { type: i3.PrimeNGConfig }, { type: i4.LayoutService }], propDecorators: { calendarRef: [{
+                type: ViewChild,
+                args: ['calendarRef']
+            }], required: [{
+                type: Input
+            }], showTime: [{
+                type: Input
+            }], showButtonBar: [{
+                type: Input
+            }], inputFieldChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLWRhdGUtcGlja2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RzaS1zaGFyZWQtdWkvc3JjL2xpYi90c2ktY29tcG9uZW50cy9pbnB1dC1jb21wb25lbnRzL3RzaS1kYXRlLXBpY2tlci90c2ktZGF0ZS1waWNrZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL2lucHV0LWNvbXBvbmVudHMvdHNpLWRhdGUtcGlja2VyL3RzaS1kYXRlLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU3RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDekYsT0FBTyxFQUFFLFVBQVUsRUFBRSxvQkFBb0IsRUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFHOUcsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sK0NBQStDLENBQUM7Ozs7Ozs7OztBQVNuRixNQUFNLE9BQU8sc0JBQXVCLFNBQVEsWUFBOEI7SUFnQnhFLElBQWEsVUFBVTtRQUNyQixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUVELElBQWEsVUFBVSxDQUFDLEtBQXVCO1FBQzdDLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFDN0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUks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QUNELFlBQVk7SUFFWiwyQkFBMkI7SUFFM0IsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsa0JBQWtCLENBQUMsQ0FBQTtJQUN2RCxDQUFDO0lBRUQsWUFBWTtJQUNaLGNBQWMsQ0FBQyxLQUFVO1FBQ3ZCLElBQUksQ0FBQyxXQUFXLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztJQUMxQyxDQUFDOytHQXBIVSxzQkFBc0I7bUdBQXRCLHNCQUFzQixxVUNoQm5DLHd1QkFvQk07OzRGREpPLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFDRSxpQkFBaUIsaUJBRVosaUJBQWlCLENBQUMsSUFBSTtxS0FLWCxXQUFXO3NCQUFwQyxTQUFTO3VCQUFDLGFBQWE7Z0JBVWYsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBYUksZ0JBQWdCO3NCQUF6QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGF0ZVBpcGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFByaW1lTkdDb25maWcgfSBmcm9tICdwcmltZW5nL2FwaSc7XHJcbmltcG9ydCB7IFRzaUlucHV0QmFzZSB9IGZyb20gJy4uLy4uLy4uL3RzaS1iYXNlL3RzaS1pbnB1dC1iYXNlL3RzaS1pbnB1dC1iYXNlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IERhdGVGb3JtYXQsIERhdGVQaWNrZXJEYXRlRm9ybWF0LCBEYXRlVGltZUZvcm1hdCwgVGltZVpvbmVMb2NhbGUgfSBmcm9tICcuLi8uLi8uLi9jb25zdHMvdHNpLWNvbnN0cyc7XHJcbmltcG9ydCB7IERhdGVIZWxwZXJTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvZGF0ZS1oZWxwZXIuc2VydmljZSc7XHJcbmltcG9ydCB7IExheW91dFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9hcHBsaWNhdGlvbi9hcHAubGF5b3V0LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBwcmltZW5nRGF0ZUxvY2FsQXIgfSBmcm9tICcuLi8uLi8uLi90c2ktaGVscGVycy9wcmltZW5nLXRyYW5zbGF0ZS1jb25maWcnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnVHNpLURhdGUtUGlja2VyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdHNpLWRhdGUtcGlja2VyLmNvbXBvbmVudC5odG1sJyxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIHN0eWxlVXJsczogWycuL3RzaS1kYXRlLXBpY2tlci5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRzaURhdGVQaWNrZXJDb21wb25lbnQgZXh0ZW5kcyBUc2lJbnB1dEJhc2U8RGF0ZSB8IHVuZGVmaW5lZD4gaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBAVmlld0NoaWxkKCdjYWxlbmRhclJlZicpIGNhbGVuZGFyUmVmITogYW55O1xyXG5cclxuICAvLyNyZWdpb24gbG9jYWwgcHJvcGVydGllc1xyXG4gIHByaXZhdGUgX3ZhbHVlOiBEYXRlIHwgdW5kZWZpbmVkO1xyXG5cclxuICBkYXRlU3RyaW5nOiBzdHJpbmcgfCB1bmRlZmluZWQ7XHJcbiAgZGF0ZVBpY2tlckZvcm1hdDogc3RyaW5nID0gRGF0ZVBpY2tlckRhdGVGb3JtYXQ7XHJcbiAgLy8jZW5kcmVnaW9uXHJcblxyXG4gIC8vI3JlZ2lvbiBpbnB1dHNcclxuICBASW5wdXQoKSByZXF1aXJlZD86IGJvb2xlYW47XHJcbiAgQElucHV0KCkgc2hvd1RpbWU6IGJvb2xlYW4gPSBmYWxzZTsgXHJcbiAgQElucHV0KCkgc2hvd0J1dHRvbkJhcjogYm9vbGVhbiA9IHRydWU7IFxyXG5cclxuICBvdmVycmlkZSBnZXQgaW5wdXRGaWVsZCgpOiBEYXRlIHwgdW5kZWZpbmVkIHtcclxuICAgIHJldHVybiB0aGlzLl92YWx1ZTtcclxuICB9XHJcblxyXG4gIG92ZXJyaWRlIHNldCBpbnB1dEZpZWxkKHZhbHVlOiBEYXRlIHwgdW5kZWZpbmVkKSB7XHJcbiAgICB0aGlzLl92YWx1ZSA9IHZhbHVlID8gdGhpcy5fY3JlYXRlVXRjRGF0ZSh2YWx1ZSkgOiB1bmRlZmluZWQ7XHJcbiAgICB0aGlzLmRhdGVTdHJpbmcgPSB0aGlzLl90b1N0cmluZyh0aGlzLmlucHV0RmllbGQpO1xyXG4gIH1cclxuICAvLyNlbmRyZWdpb25cclxuXHJcbiAgLy8jcmVnaW9uIG91dHB1dHNcclxuICBAT3V0cHV0KCkgaW5wdXRGaWVsZENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8RGF0ZT4oKTtcclxuICAvLyNlbmRyZWdpb25cclxuXHJcbiAgLy8jcmVnaW9uIGN0b3JcclxuICAvKipcclxuICAgKlxyXG4gICAqL1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX2RhdGVQaXBlOiBEYXRlUGlwZVxyXG4gICAgLCBwcml2YXRlIF9kYXRlSGVscGVyU2VydmljZSA6IERhdGVIZWxwZXJTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBwcmltZU5HQ29uZmlnOiBQcmltZU5HQ29uZmlnLFxyXG4gIHByaXZhdGUgX2xheW91dFNlcnZpY2UgOiBMYXlvdXRTZXJ2aWNlKSB7XHJcbiAgICBzdXBlcigpO1xyXG5cclxuICB9XHJcbiAgLy8jZW5kcmVnaW9uXHJcblxyXG4gIC8vI3JlZ2lvbiBoYW5kbGUgZXZlbnRzXHJcbiAgb25Gb2N1c091dChldmVudDogYW55KSB7XHJcbiAgICB0aGlzLl9oYW5kbGVEYXRlQ2hhbmdlKCk7XHJcbiAgfVxyXG5cclxuICBvblNlbGVjdChldmVudDogYW55KSB7XHJcbiAgICB0aGlzLl9oYW5kbGVEYXRlQ2hhbmdlKCk7XHJcbiAgfVxyXG5cclxuICAvLyNlbmRyZWdpb25cclxuXHJcbiAgb3ZlcnJpZGUgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBzdXBlci5uZ09uSW5pdCgpXHJcbiAgICB0aGlzLl9sYXlvdXRTZXJ2aWNlLmVuYWJsZVJ0bE1vZGVTdWJqZWN0JC5zdWJzY3JpYmUoe1xyXG4gICAgICBuZXh0OihkYXRhKT0+e1xyXG4gICAgICAgIGlmIChkYXRhICYmIGRhdGEgPT0gdHJ1ZSkge1xyXG4gICAgICAgICAgdGhpcy5faW5pdEFyYWJpY0xvY2FsKClcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgIH0pXHJcblxyXG4gICAgaWYodGhpcy5fbGF5b3V0U2VydmljZS5pc1J0bE1vZGVFbmFibGVkKCkpe1xyXG4gICAgICB0aGlzLl9pbml0QXJhYmljTG9jYWwoKVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLy8jcmVnaW9uIHByaXZhdGUgbWV0aG9kc1xyXG4gIHByaXZhdGUgX3RvU3RyaW5nKHZhbHVlOiBEYXRlIHwgdW5kZWZpbmVkKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcclxuICAgIGlmKHZhbHVlKXtcclxuICAgICAgbGV0IGRhdGVTdHJpbmc6IHN0cmluZyB8IHVuZGVmaW5lZFxyXG4gICAgICAgID0gdGhpcy5fZGF0ZVBpcGUudHJhbnNmb3JtKHZhbHVlXHJcbiAgICAgICAgICAgICwgdGhpcy5zaG93VGltZSA/IERhdGVUaW1lRm9ybWF0IDogRGF0ZUZvcm1hdCwgVGltZVpvbmVMb2NhbGVcclxuICAgICAgICAgICkgPz8gdW5kZWZpbmVkIDtcclxuXHJcbiAgICAgIHJldHVybiBkYXRlU3RyaW5nO1xyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiB1bmRlZmluZWQ7XHJcbiAgfVxyXG5cclxuICBfdXBkYXRlSW5wdXRGaWVsZEZyb21TdHJpbmdEYXRlKCk6IHZvaWQge1xyXG4gICAgbGV0IGRhdGU6IERhdGUgfCB1bmRlZmluZWQgPSB0aGlzLmRhdGVTdHJpbmcgJiYgdGhpcy5kYXRlU3RyaW5nICE9ICcnXHJcbiAgICAgID8gdGhpcy5zaG93VGltZVxyXG4gICAgICAgICAgICAgICAgICAgID8gdGhpcy5fZGF0ZUhlbHBlclNlcnZpY2UucGFyc2VEYXRlVGltZVN0cmluZyh0aGlzLmRhdGVTdHJpbmcpXHJcbiAgICAgICAgICAgICAgICAgICAgOiB0aGlzLl9kYXRlSGVscGVyU2VydmljZS5wYXJzZURhdGVTdHJpbmcodGhpcy5kYXRlU3RyaW5nKVxyXG4gICAgICA6IHVuZGVmaW5lZDtcclxuICAgIHRoaXMuX3ZhbHVlID0gZGF0ZTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgX2hhbmRsZURhdGVDaGFuZ2UoKTogdm9pZCB7XHJcbiAgICB0aGlzLl91cGRhdGVJbnB1dEZpZWxkRnJvbVN0cmluZ0RhdGUoKTtcclxuICAgIHRoaXMuaW5wdXRGaWVsZENoYW5nZS5lbWl0KHRoaXMuaW5wdXRGaWVsZCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIF9jcmVhdGVVdGNEYXRlKHZhbHVlOiBhbnkpOiBEYXRlIHwgdW5kZWZpbmVke1xyXG4gICAgaWYodmFsdWUgaW5zdGFuY2VvZiBEYXRlKXtcclxuICAgICAgcmV0dXJuIHZhbHVlO1xyXG4gICAgfVxyXG4gICAgZWxzZXtcclxuICAgICAgcmV0dXJuIHRoaXMuX2RhdGVIZWxwZXJTZXJ2aWNlLmNyZWF0ZVV0Y0RhdGVGcm9tU3RyaW5nKHZhbHVlKTtcclxuICAgIH1cclxuICB9XHJcbiAgLy8jZW5kcmVnaW9uXHJcblxyXG4gIC8vI3JlZ2lvbiBhZGQgYXJhYmljIHJlZ2lvblxyXG5cclxuICBfaW5pdEFyYWJpY0xvY2FsKCl7XHJcbiAgICB0aGlzLnByaW1lTkdDb25maWcuc2V0VHJhbnNsYXRpb24ocHJpbWVuZ0RhdGVMb2NhbEFyKVxyXG4gIH1cclxuXHJcbiAgLy8jZW5kcmVnaW9uXHJcbiAgb25Gb2N1c0hhbmRsZXIoZXZlbnQ6IGFueSkge1xyXG4gICAgdGhpcy5jYWxlbmRhclJlZi5vdmVybGF5VmlzaWJsZSA9IGZhbHNlO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleFwiPlxyXG4gICAgPHAtY2FsZW5kYXIgI2NhbGVuZGFyUmVmXHJcbiAgICBbZGF0YVR5cGVdPVwiJ3N0cmluZydcIlxyXG4gICAgW2FwcGVuZFRvXT1cIidib2R5J1wiXHJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gICAgW3Nob3dJY29uXT1cInRydWVcIlxyXG4gICAgW3Nob3dCdXR0b25CYXJdPVwic2hvd0J1dHRvbkJhclwiXHJcbiAgICBbZGF0ZUZvcm1hdF09XCJkYXRlUGlja2VyRm9ybWF0XCJcclxuICAgIGNsYXNzPVwie3tteVN0eWxlQ2xhc3N9fVwiXHJcbiAgICBzdHlsZUNsYXNzPVwie3tteVN0eWxlQ2xhc3N9fSBib3JkZXItcmFkaXVzLTdcIlxyXG4gICAgaW5wdXRTdHlsZUNsYXNzPVwie3tteVN0eWxlQ2xhc3N9fSB7e3ZhbGlkYXRpb25TdGF0dXNDc3NDbGFzc319XCJcclxuICAgIFtzaG93VGltZV09XCJzaG93VGltZVwiXHJcbiAgICBbc2hvd1NlY29uZHNdPVwic2hvd1RpbWVcIlxyXG4gICAgWyhuZ01vZGVsKV09XCJkYXRlU3RyaW5nXCJcclxuICAgIChvbkJsdXIpPVwib25Gb2N1c091dCgkZXZlbnQpXCJcclxuICAgIChvblNlbGVjdCk9XCJvblNlbGVjdCgkZXZlbnQpXCJcclxuICAgIChvbkZvY3VzKT1cIm9uRm9jdXNIYW5kbGVyKCRldmVudClcIlxyXG4gICAgPlxyXG4gICAgPC9wLWNhbGVuZGFyPlxyXG4gICAgPFRzaS1CdWJibGUtSW5mbyBbaW5mb1RleHRdPVwiaW5mb1RleHRcIj48L1RzaS1CdWJibGUtSW5mbz5cclxuPC9kaXY+Il19

package/esm2022/lib/tsi-components/input-components/tsi-decimal-input/tsi-decimal-input.component.mjs

@@ -0,0 +1,51 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { TsiInputBase } from '../../../tsi-base/tsi-input-base/tsi-input-base.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "primeng/inputnumber";
+import * as i3 from "../../tsi-bubble-info/tsi-bubble-info.component";
+import * as i4 from "../../../tsi-directives/auto-select.directive";
+export class TsiDecimalInputComponent extends TsiInputBase {
+    constructor() {
+        super(...arguments);
+        //#region inputs
+        // @Input() inputField?: number;
+        this.numOfDecimal = 2;
+        this.class = {};
+        //#endregion
+        //#region outputs
+        this.inputFieldChange = new EventEmitter();
+        //#endregion
+        this.isValueChanged = false;
+    }
+    valueChange() {
+        this.isValueChanged = true;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        // if (this.inputField === undefined || this.inputField === null) {
+        //   this.inputField = 0;
+        //   this.inputFieldChange.emit(this.inputField);
+        // }
+    }
+    onChangeofOptions() {
+        if (this.isValueChanged) {
+            this.inputFieldChange.emit(this.inputField);
+            this.isValueChanged = false;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiDecimalInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TsiDecimalInputComponent, selector: "Tsi-Decimal-Input", inputs: { numOfDecimal: "numOfDecimal", class: "class" }, outputs: { inputFieldChange: "inputFieldChange" }, usesInheritance: true, ngImport: i0, template: "<div class=\"flex h-2rem\">\r\n    <p-inputNumber autoSelect [disabled]=\"disabled\" [(ngModel)]=\"inputField\" (ngModelChange)=\"valueChange()\"\r\n        name=\"{{inputName}}\" id=\"{{inputId}}\" [minFractionDigits]=\"numOfDecimal ?? 2\" [maxFractionDigits]=\"numOfDecimal ?? 2\"\r\n        class=\"{{myStyleClass}}\"\r\n        styleClass=\"{{myStyleClass}} border-radius-7\" \r\n        inputStyleClass=\"{{myStyleClass}} {{validationStatusCssClass}}\" \r\n        (onBlur)=\"onChangeofOptions()\">\r\n    </p-inputNumber>\r\n    <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>", styles: [""], 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.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: i3.TsiBubbleInfoComponent, selector: "Tsi-Bubble-Info", inputs: ["infoText"] }, { kind: "directive", type: i4.AutoSelectDirective, selector: "[autoSelect]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TsiDecimalInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'Tsi-Decimal-Input', template: "<div class=\"flex h-2rem\">\r\n    <p-inputNumber autoSelect [disabled]=\"disabled\" [(ngModel)]=\"inputField\" (ngModelChange)=\"valueChange()\"\r\n        name=\"{{inputName}}\" id=\"{{inputId}}\" [minFractionDigits]=\"numOfDecimal ?? 2\" [maxFractionDigits]=\"numOfDecimal ?? 2\"\r\n        class=\"{{myStyleClass}}\"\r\n        styleClass=\"{{myStyleClass}} border-radius-7\" \r\n        inputStyleClass=\"{{myStyleClass}} {{validationStatusCssClass}}\" \r\n        (onBlur)=\"onChangeofOptions()\">\r\n    </p-inputNumber>\r\n    <Tsi-Bubble-Info [infoText]=\"infoText\"></Tsi-Bubble-Info>\r\n</div>" }]
+        }], propDecorators: { numOfDecimal: [{
+                type: Input
+            }], class: [{
+                type: Input,
+                args: ['class']
+            }], inputFieldChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHNpLWRlY2ltYWwtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL2lucHV0LWNvbXBvbmVudHMvdHNpLWRlY2ltYWwtaW5wdXQvdHNpLWRlY2ltYWwtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHNpLXNoYXJlZC11aS9zcmMvbGliL3RzaS1jb21wb25lbnRzL2lucHV0LWNvbXBvbmVudHMvdHNpLWRlY2ltYWwtaW5wdXQvdHNpLWRlY2ltYWwtaW5wdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkRBQTJELENBQUM7Ozs7OztBQU96RixNQUFNLE9BQU8sd0JBQXlCLFNBQVEsWUFBZ0M7SUFMOUU7O1FBTUUsZ0JBQWdCO1FBQ2hCLGdDQUFnQztRQUN2QixpQkFBWSxHQUFZLENBQUMsQ0FBQztRQUNuQixVQUFLLEdBQVEsRUFBRSxDQUFDO1FBQ2hDLFlBQVk7UUFFWixpQkFBaUI7UUFDUCxxQkFBZ0IsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUM5RSxZQUFZO1FBRUosbUJBQWMsR0FBYSxLQUFLLENBQUE7S0FtQnpDO0lBakJDLFdBQVc7UUFDVCxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQTtJQUM1QixDQUFDO0lBQ1EsUUFBUTtRQUNmLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixtRUFBbUU7UUFDbkUseUJBQXlCO1FBQ3pCLGlEQUFpRDtRQUNqRCxJQUFJO0lBQ04sQ0FBQztJQUNELGlCQUFpQjtRQUNmLElBQUcsSUFBSSxDQUFDLGNBQWMsRUFBQyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBQzVDLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFBO1FBQzdCLENBQUM7SUFDSCxDQUFDOytHQTVCVSx3QkFBd0I7bUdBQXhCLHdCQUF3Qiw2TENSckMsOGxCQVNNOzs0RkRETyx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQU9wQixZQUFZO3NCQUFwQixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTztnQkFJSixnQkFBZ0I7c0JBQXpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUc2lJbnB1dEJhc2UgfSBmcm9tICcuLi8uLi8uLi90c2ktYmFzZS90c2ktaW5wdXQtYmFzZS90c2ktaW5wdXQtYmFzZS5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdUc2ktRGVjaW1hbC1JbnB1dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RzaS1kZWNpbWFsLWlucHV0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90c2ktZGVjaW1hbC1pbnB1dC5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRzaURlY2ltYWxJbnB1dENvbXBvbmVudCBleHRlbmRzIFRzaUlucHV0QmFzZTxudW1iZXIgfCB1bmRlZmluZWQ+IHtcclxuICAvLyNyZWdpb24gaW5wdXRzXHJcbiAgLy8gQElucHV0KCkgaW5wdXRGaWVsZD86IG51bWJlcjtcclxuICBASW5wdXQoKSBudW1PZkRlY2ltYWw/OiBudW1iZXIgPSAyO1xyXG4gIEBJbnB1dCgnY2xhc3MnKSBjbGFzczogYW55ID0ge307XHJcbiAgLy8jZW5kcmVnaW9uXHJcblxyXG4gIC8vI3JlZ2lvbiBvdXRwdXRzXHJcbiAgQE91dHB1dCgpIGlucHV0RmllbGRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XHJcbiAgLy8jZW5kcmVnaW9uXHJcblxyXG4gIHByaXZhdGUgaXNWYWx1ZUNoYW5nZWQgOiBib29sZWFuID0gZmFsc2VcclxuXHJcbiAgdmFsdWVDaGFuZ2UoKXtcclxuICAgIHRoaXMuaXNWYWx1ZUNoYW5nZWQgPSB0cnVlXHJcbiAgfVxyXG4gIG92ZXJyaWRlIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgc3VwZXIubmdPbkluaXQoKTtcclxuICAgIC8vIGlmICh0aGlzLmlucHV0RmllbGQgPT09IHVuZGVmaW5lZCB8fCB0aGlzLmlucHV0RmllbGQgPT09IG51bGwpIHtcclxuICAgIC8vICAgdGhpcy5pbnB1dEZpZWxkID0gMDtcclxuICAgIC8vICAgdGhpcy5pbnB1dEZpZWxkQ2hhbmdlLmVtaXQodGhpcy5pbnB1dEZpZWxkKTtcclxuICAgIC8vIH1cclxuICB9XHJcbiAgb25DaGFuZ2VvZk9wdGlvbnMoKTogdm9pZCB7XHJcbiAgICBpZih0aGlzLmlzVmFsdWVDaGFuZ2VkKXtcclxuICAgICAgdGhpcy5pbnB1dEZpZWxkQ2hhbmdlLmVtaXQodGhpcy5pbnB1dEZpZWxkKTtcclxuICAgICAgdGhpcy5pc1ZhbHVlQ2hhbmdlZCA9IGZhbHNlXHJcbiAgICB9XHJcbiAgfVxyXG4gIFxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJmbGV4IGgtMnJlbVwiPlxyXG4gICAgPHAtaW5wdXROdW1iZXIgYXV0b1NlbGVjdCBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbKG5nTW9kZWwpXT1cImlucHV0RmllbGRcIiAobmdNb2RlbENoYW5nZSk9XCJ2YWx1ZUNoYW5nZSgpXCJcclxuICAgICAgICBuYW1lPVwie3tpbnB1dE5hbWV9fVwiIGlkPVwie3tpbnB1dElkfX1cIiBbbWluRnJhY3Rpb25EaWdpdHNdPVwibnVtT2ZEZWNpbWFsID8/IDJcIiBbbWF4RnJhY3Rpb25EaWdpdHNdPVwibnVtT2ZEZWNpbWFsID8/IDJcIlxyXG4gICAgICAgIGNsYXNzPVwie3tteVN0eWxlQ2xhc3N9fVwiXHJcbiAgICAgICAgc3R5bGVDbGFzcz1cInt7bXlTdHlsZUNsYXNzfX0gYm9yZGVyLXJhZGl1cy03XCIgXHJcbiAgICAgICAgaW5wdXRTdHlsZUNsYXNzPVwie3tteVN0eWxlQ2xhc3N9fSB7e3ZhbGlkYXRpb25TdGF0dXNDc3NDbGFzc319XCIgXHJcbiAgICAgICAgKG9uQmx1cik9XCJvbkNoYW5nZW9mT3B0aW9ucygpXCI+XHJcbiAgICA8L3AtaW5wdXROdW1iZXI+XHJcbiAgICA8VHNpLUJ1YmJsZS1JbmZvIFtpbmZvVGV4dF09XCJpbmZvVGV4dFwiPjwvVHNpLUJ1YmJsZS1JbmZvPlxyXG48L2Rpdj4iXX0=