@acorex/components 7.0.41 → 7.1.1

package/fesm2022/acorex-components-number-box.mjs

@@ -0,0 +1,306 @@
+import IMask from 'imask';
+import * as i3 from 'angular-imask';
+import { IMaskDirective, IMaskModule } from 'angular-imask';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, NgModule } from '@angular/core';
+import { toNumber } from 'lodash-es';
+import { AXBaseTextBoxMixin } from '@acorex/components/mixin';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+
+/**
+ * The NumberBox is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+class AXNumberBoxComponent extends AXBaseTextBoxMixin {
+    cdr;
+    input;
+    _thousandsSeparator;
+    /**
+     *  A character value that specifies the separator character.
+     */
+    get thousandsSeparator() {
+        return this._thousandsSeparator;
+    }
+    set thousandsSeparator(v) {
+        this._setOption({
+            name: 'thousandsSeparator',
+            value: v ?? '',
+        });
+    }
+    _padDecimalZeros = false;
+    /**
+     *  A character value that specifies the separator character.
+     */
+    get padDecimalZeros() {
+        return this._padDecimalZeros;
+    }
+    set padDecimalZeros(v) {
+        this._setOption({
+            name: 'padDecimalZeros',
+            value: v,
+        });
+    }
+    /**
+     *  Specifies the value that is used to increment or decrement the **Integer** part of number
+     */
+    step = 1;
+    _decimals = 0;
+    /**
+     *  Specifies the number of decimals that the user can enter
+     */
+    get decimals() {
+        return this._decimals;
+    }
+    set decimals(v) {
+        this._setOption({
+            name: 'decimals',
+            value: v ?? 0,
+        });
+    }
+    /**
+     *  Specifies the value that is used to increment or decrement the **Deciaml** part of number
+     */
+    decimalStep = 'auto';
+    /**
+     *  Specifies whether the Up and Down spin buttons will be rendered or not
+     */
+    showSpinButtons = true;
+    _minValue = Number.MIN_SAFE_INTEGER;
+    /**
+     *  Specifies the smallest value that is valid
+     */
+    get minValue() {
+        return this._minValue;
+    }
+    set minValue(v) {
+        this._setOption({
+            name: 'minValue',
+            value: v != null ? Number(v) : Number.MIN_SAFE_INTEGER,
+        });
+    }
+    _maxValue = Number.MAX_SAFE_INTEGER;
+    /**
+     *  Specifies the greatest value that is valid
+     */
+    get maxValue() {
+        return this._maxValue;
+    }
+    set maxValue(v) {
+        this._setOption({
+            name: 'maxValue',
+            value: v != null ? Number(v) : Number.MAX_SAFE_INTEGER,
+        });
+    }
+    /**
+     *  @ignore
+     */
+    _maskObj;
+    _maskDirective;
+    /**
+     *  @ignore
+     */
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+        this.cdr = cdr;
+    }
+    onViewInit() {
+        super.onViewInit();
+        this._updateMask();
+    }
+    _onOptionChanged(option) {
+        super._onOptionChanged(option);
+        this._updateMask();
+    }
+    focus() {
+        this.input.nativeElement.focus();
+    }
+    _updateMask() {
+        if (!this._maskObj) {
+            this._maskObj = IMask.createMask({
+                mask: Number,
+                min: this.minValue,
+                max: this.maxValue,
+                thousandsSeparator: this.thousandsSeparator || '',
+                scale: this.decimals,
+                radix: '.',
+                padFractionalZeros: this.decimals > 0 && this.padDecimalZeros,
+            });
+        }
+        else {
+            this._maskObj.updateOptions({
+                min: this.minValue,
+                max: this.maxValue,
+                thousandsSeparator: this.thousandsSeparator || '',
+                scale: this.decimals,
+                radix: '.',
+                padFractionalZeros: this.decimals > 0 && this.padDecimalZeros,
+            });
+        }
+        this._maskDirective?.maskRef?.updateValue();
+        this._maskDirective?.maskRef?.updateControl();
+    }
+    _handleOnKeydownEvent(e) {
+        if (this.disabled || this.readonly)
+            return;
+        const ignore = () => {
+            e.preventDefault();
+            e.stopPropagation();
+        };
+        this._setUserInteraction();
+        const input = e.target;
+        const valStr = input.value;
+        const decimalPointIndex = valStr.indexOf('.');
+        const _cursorPos = input.selectionStart;
+        if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
+            if (decimalPointIndex > 0 &&
+                _cursorPos > decimalPointIndex &&
+                this.decimals > 0) {
+                e.key === 'ArrowDown' ? this.decimalStepDown() : this.decimalStepUp();
+            }
+            else {
+                e.key === 'ArrowDown' ? this.stepDown() : this.stepUp();
+            }
+            ignore();
+            setTimeout(() => {
+                input.setSelectionRange(_cursorPos, _cursorPos);
+            }, 5);
+        }
+        super._emitOnKeydownEvent(e);
+    }
+    _handleUpDownClick(v) {
+        if (this.disabled || this.readonly)
+            return;
+        this._setUserInteraction();
+        v == 1 ? this.stepUp() : this.stepDown();
+    }
+    _setValue(value) {
+        if ((value == null || (value == 0 && !this._maskObj.value)) && this.allowNull) {
+            return null;
+        }
+        const v = toNumber(value);
+        if (v < this.minValue)
+            return this.minValue;
+        if (v > this.maxValue)
+            return this.maxValue;
+        return v;
+    }
+    stepUp() {
+        if (!this.value) {
+            this.value = Math.max(this.minValue, 0);
+        }
+        this.value += toNumber(this.step);
+    }
+    stepDown() {
+        if (!this.value) {
+            this.value = Math.max(this.minValue, 0);
+        }
+        this.value -= toNumber(this.step);
+    }
+    decimalStepUp() {
+        if (!this.value) {
+            this.value = Math.max(this.minValue, 0);
+        }
+        this.value += toNumber(this.decimalStep == 'auto'
+            ? 1 / Math.pow(10, this.decimals)
+            : this.decimalStep);
+    }
+    decimalStepDown() {
+        if (!this.value) {
+            this.value = Math.max(this.minValue, 0);
+        }
+        this.value -= toNumber(this.decimalStep == 'auto'
+            ? 1 / Math.pow(10, this.decimals)
+            : this.decimalStep);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNumberBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXNumberBoxComponent, selector: "ax-number-box", inputs: { disabled: "disabled", readonly: "readonly", tabIndex: "tabIndex", size: "size", value: "value", state: "state", placeholder: "placeholder", maxLength: "maxLength", allowNull: "allowNull", type: "type", autoComplete: "autoComplete", name: "name", checked: "checked", thousandsSeparator: "thousandsSeparator", padDecimalZeros: "padDecimalZeros", step: "step", decimals: "decimals", decimalStep: "decimalStep", showSpinButtons: "showSpinButtons", minValue: "minValue", maxValue: "maxValue" }, outputs: { valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus" }, host: { classAttribute: "ax-editor-container" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }, { propertyName: "_maskDirective", first: true, predicate: IMaskDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"> </ng-content>\r\n<input\r\n  #input\r\n  class=\"ax-input\"\r\n  type=\"text\"\r\n  [attr.placeholder]=\"placeholder\"\r\n  [attr.autocomplete]=\"autoComplete\"\r\n  [imask]=\"_maskObj\"\r\n  [unmask]=\"'typed'\"\r\n  [attr.min]=\"minValue\"\r\n  [attr.max]=\"maxValue\"\r\n  [class.ax-state-disabled]=\"disabled\"\r\n  [class.ax-state-readonly]=\"readonly\"\r\n  [disabled]=\"disabled\"\r\n  [readonly]=\"readonly\"\r\n  [tabindex]=\"tabIndex\"\r\n  [(ngModel)]=\"value\"\r\n  (keydown)=\"_handleOnKeydownEvent($event)\"\r\n  (keyup)=\"_emitOnKeyupEvent($event)\"\r\n  (keypress)=\"_emitOnKeypressEvent($event)\"\r\n  (focus)=\"_emitOnFocusEvent($event)\"\r\n  (blur)=\"_emitOnBlurEvent($event)\" />\r\n\r\n<div class=\"ax-number-box-control\" *ngIf=\"showSpinButtons\">\r\n  <button class=\"ax-general-button ax-button-icon\" (click)=\"_handleUpDownClick(1)\" tabindex=\"-1\">\r\n    <span class=\"ax-icon ax-icon-arrow-up\"></span>\r\n  </button>\r\n  <button class=\"ax-general-button ax-button-icon\" (click)=\"_handleUpDownClick(-1)\">\r\n    <span class=\"ax-icon ax-icon-arrow-down\" tabindex=\"-1\"></span>\r\n  </button>\r\n</div>\r\n\r\n<!-- <div class=\"ax-number-box-arrows\" *ngIf=\"showSpinButtons && !(disabled || readonly)\">\r\n    <ax-button color=\"light\" look=\"blank\" (onClick)=\"_handleUpDownClick($event,1)\" [tabIndex]=\"-1\">\r\n        <ax-prefix>\r\n            <ax-icon class=\"ax-icon-arrow-fill ax-rotation-90\">\r\n            </ax-icon>\r\n        </ax-prefix>\r\n    </ax-button>\r\n    <ax-button color=\"light\" look=\"blank\" (onClick)=\"_handleUpDownClick($event,-1)\" [tabIndex]=\"-1\">\r\n        <ax-prefix>\r\n            <ax-icon class=\"ax-icon-arrow-fill -ax-rotation-90\">\r\n            </ax-icon>\r\n        </ax-prefix>\r\n    </ax-button>\r\n</div> -->\r\n<ng-content select=\"ax-suffix\"> </ng-content>\r\n<ng-content select=\"ax-validation-rule\"> </ng-content>\r\n", styles: [".ax-number-box-control{display:flex;height:100%;align-items:center;justify-content:center;margin-inline-end:.25rem;flex-direction:column}.ax-number-box-control .ax-general-button{display:flex;width:1.25rem;height:1rem;border-radius:.2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.IMaskDirective, selector: "[imask]", inputs: ["imask", "unmask", "imaskElement"], outputs: ["accept", "complete"], exportAs: ["imask"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNumberBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-number-box', inputs: [
+                        'disabled',
+                        'readonly',
+                        'tabIndex',
+                        'size',
+                        'value',
+                        'state',
+                        'placeholder',
+                        'maxLength',
+                        'allowNull',
+                        'type',
+                        'autoComplete',
+                        'readonly',
+                        'allowNull',
+                        'value',
+                        'name',
+                        'checked',
+                    ], outputs: [
+                        'valueChange',
+                        'stateChange',
+                        'onValueChanged',
+                        'onBlur',
+                        'onFocus'
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { class: 'ax-editor-container' }, template: "<ng-content select=\"ax-prefix\"> </ng-content>\r\n<input\r\n  #input\r\n  class=\"ax-input\"\r\n  type=\"text\"\r\n  [attr.placeholder]=\"placeholder\"\r\n  [attr.autocomplete]=\"autoComplete\"\r\n  [imask]=\"_maskObj\"\r\n  [unmask]=\"'typed'\"\r\n  [attr.min]=\"minValue\"\r\n  [attr.max]=\"maxValue\"\r\n  [class.ax-state-disabled]=\"disabled\"\r\n  [class.ax-state-readonly]=\"readonly\"\r\n  [disabled]=\"disabled\"\r\n  [readonly]=\"readonly\"\r\n  [tabindex]=\"tabIndex\"\r\n  [(ngModel)]=\"value\"\r\n  (keydown)=\"_handleOnKeydownEvent($event)\"\r\n  (keyup)=\"_emitOnKeyupEvent($event)\"\r\n  (keypress)=\"_emitOnKeypressEvent($event)\"\r\n  (focus)=\"_emitOnFocusEvent($event)\"\r\n  (blur)=\"_emitOnBlurEvent($event)\" />\r\n\r\n<div class=\"ax-number-box-control\" *ngIf=\"showSpinButtons\">\r\n  <button class=\"ax-general-button ax-button-icon\" (click)=\"_handleUpDownClick(1)\" tabindex=\"-1\">\r\n    <span class=\"ax-icon ax-icon-arrow-up\"></span>\r\n  </button>\r\n  <button class=\"ax-general-button ax-button-icon\" (click)=\"_handleUpDownClick(-1)\">\r\n    <span class=\"ax-icon ax-icon-arrow-down\" tabindex=\"-1\"></span>\r\n  </button>\r\n</div>\r\n\r\n<!-- <div class=\"ax-number-box-arrows\" *ngIf=\"showSpinButtons && !(disabled || readonly)\">\r\n    <ax-button color=\"light\" look=\"blank\" (onClick)=\"_handleUpDownClick($event,1)\" [tabIndex]=\"-1\">\r\n        <ax-prefix>\r\n            <ax-icon class=\"ax-icon-arrow-fill ax-rotation-90\">\r\n            </ax-icon>\r\n        </ax-prefix>\r\n    </ax-button>\r\n    <ax-button color=\"light\" look=\"blank\" (onClick)=\"_handleUpDownClick($event,-1)\" [tabIndex]=\"-1\">\r\n        <ax-prefix>\r\n            <ax-icon class=\"ax-icon-arrow-fill -ax-rotation-90\">\r\n            </ax-icon>\r\n        </ax-prefix>\r\n    </ax-button>\r\n</div> -->\r\n<ng-content select=\"ax-suffix\"> </ng-content>\r\n<ng-content select=\"ax-validation-rule\"> </ng-content>\r\n", styles: [".ax-number-box-control{display:flex;height:100%;align-items:center;justify-content:center;margin-inline-end:.25rem;flex-direction:column}.ax-number-box-control .ax-general-button{display:flex;width:1.25rem;height:1rem;border-radius:.2rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { input: [{
+                type: ViewChild,
+                args: ['input']
+            }], thousandsSeparator: [{
+                type: Input
+            }], padDecimalZeros: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], decimals: [{
+                type: Input
+            }], decimalStep: [{
+                type: Input
+            }], showSpinButtons: [{
+                type: Input
+            }], minValue: [{
+                type: Input
+            }], maxValue: [{
+                type: Input
+            }], _maskDirective: [{
+                type: ViewChild,
+                args: [IMaskDirective]
+            }] } });
+
+const COMPONENT = [AXNumberBoxComponent];
+const MODULES = [
+    CommonModule,
+    FormsModule,
+    AXButtonModule,
+    AXDecoratorModule,
+    IMaskModule
+];
+class AXNumberBoxModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNumberBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXNumberBoxModule, declarations: [AXNumberBoxComponent], imports: [CommonModule,
+            FormsModule,
+            AXButtonModule,
+            AXDecoratorModule,
+            IMaskModule], exports: [AXNumberBoxComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNumberBoxModule, imports: [MODULES] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNumberBoxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXNumberBoxComponent, AXNumberBoxModule };
+//# sourceMappingURL=acorex-components-number-box.mjs.map

package/fesm2022/acorex-components-number-box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-number-box.mjs","sources":["../../../../projects/acorex/components/number-box/src/number-box.component.ts","../../../../projects/acorex/components/number-box/src/number-box.component.html","../../../../projects/acorex/components/number-box/src/number-box.module.ts","../../../../projects/acorex/components/number-box/acorex-components-number-box.ts"],"sourcesContent":["import IMask from 'imask';\r\nimport { IMaskDirective } from 'angular-imask';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  Input,\r\n  ViewChild,\r\n} from '@angular/core';\r\n\r\n\r\nimport { toNumber } from 'lodash-es';\r\nimport {\r\n  AXBaseTextBoxMixin,\r\n  AXComponentOptionChanged,\r\n} from '@acorex/components/mixin';\r\n\r\n/**\r\n * The NumberBox is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-number-box',\r\n  templateUrl: './number-box.component.html',\r\n  styleUrls: ['./number-box.component.scss'],\r\n  inputs: [\r\n    'disabled',\r\n    'readonly',\r\n    'tabIndex',\r\n    'size',\r\n    'value',\r\n    'state',\r\n    'placeholder',\r\n    'maxLength',\r\n    'allowNull',\r\n    'type',\r\n    'autoComplete',\r\n    'readonly',\r\n    'allowNull',\r\n    'value',\r\n    'name',\r\n    'checked',\r\n  ],\r\n  outputs: [\r\n    'valueChange',\r\n    'stateChange',\r\n    'onValueChanged',\r\n    'onBlur',\r\n    'onFocus'\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: { class: 'ax-editor-container' },\r\n})\r\nexport class AXNumberBoxComponent extends AXBaseTextBoxMixin {\r\n  @ViewChild('input') input: ElementRef<HTMLInputElement>;\r\n\r\n  private _thousandsSeparator: string;\r\n  /**\r\n   *  A character value that specifies the separator character.\r\n   */\r\n  @Input()\r\n  public get thousandsSeparator(): string {\r\n    return this._thousandsSeparator;\r\n  }\r\n  public set thousandsSeparator(v: string) {\r\n    this._setOption({\r\n      name: 'thousandsSeparator',\r\n      value: v ?? '',\r\n    });\r\n  }\r\n\r\n  private _padDecimalZeros: boolean = false;\r\n  /**\r\n   *  A character value that specifies the separator character.\r\n   */\r\n  @Input()\r\n  public get padDecimalZeros(): boolean {\r\n    return this._padDecimalZeros;\r\n  }\r\n  public set padDecimalZeros(v: boolean) {\r\n    this._setOption({\r\n      name: 'padDecimalZeros',\r\n      value: v,\r\n    });\r\n  }\r\n\r\n  /**\r\n   *  Specifies the value that is used to increment or decrement the **Integer** part of number\r\n   */\r\n  @Input()\r\n  step: number = 1;\r\n\r\n  private _decimals: number = 0;\r\n  /**\r\n   *  Specifies the number of decimals that the user can enter\r\n   */\r\n  @Input()\r\n  public get decimals(): number {\r\n    return this._decimals;\r\n  }\r\n  public set decimals(v: number) {\r\n    this._setOption({\r\n      name: 'decimals',\r\n      value: v ?? 0,\r\n    });\r\n  }\r\n\r\n  /**\r\n   *  Specifies the value that is used to increment or decrement the **Deciaml** part of number\r\n   */\r\n  @Input()\r\n  decimalStep: number | 'auto' = 'auto';\r\n\r\n  /**\r\n   *  Specifies whether the Up and Down spin buttons will be rendered or not\r\n   */\r\n  @Input()\r\n  showSpinButtons: boolean = true;\r\n\r\n  private _minValue: number = Number.MIN_SAFE_INTEGER;\r\n  /**\r\n   *  Specifies the smallest value that is valid\r\n   */\r\n  @Input()\r\n  public get minValue(): number {\r\n    return this._minValue;\r\n  }\r\n  public set minValue(v: number) {\r\n    this._setOption({\r\n      name: 'minValue',\r\n      value: v != null ? Number(v) : Number.MIN_SAFE_INTEGER,\r\n    });\r\n  }\r\n\r\n  private _maxValue: number = Number.MAX_SAFE_INTEGER;\r\n  /**\r\n   *  Specifies the greatest value that is valid\r\n   */\r\n  @Input()\r\n  public get maxValue(): number {\r\n    return this._maxValue;\r\n  }\r\n  public set maxValue(v: number) {\r\n    this._setOption({\r\n      name: 'maxValue',\r\n      value: v != null ? Number(v) : Number.MAX_SAFE_INTEGER,\r\n    });\r\n  }\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  _maskObj: IMask.MaskedNumber;\r\n\r\n  @ViewChild(IMaskDirective)\r\n  private _maskDirective: IMaskDirective<IMask.MaskedNumber>;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(elementRef: ElementRef, private cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  onViewInit(): void {\r\n    super.onViewInit();\r\n    this._updateMask();\r\n  }\r\n\r\n  _onOptionChanged(option: AXComponentOptionChanged): void {\r\n    super._onOptionChanged(option);\r\n    this._updateMask();\r\n  }\r\n\r\n  focus(): void {\r\n    this.input.nativeElement.focus()\r\n  }\r\n\r\n  private _updateMask() {\r\n    if (!this._maskObj) {\r\n      this._maskObj = IMask.createMask({\r\n        mask: Number,\r\n        min: this.minValue,\r\n        max: this.maxValue,\r\n        thousandsSeparator: this.thousandsSeparator || '',\r\n        scale: this.decimals,\r\n        radix: '.',\r\n        padFractionalZeros: this.decimals > 0 && this.padDecimalZeros,\r\n      });\r\n    } else {\r\n      this._maskObj.updateOptions({\r\n        min: this.minValue,\r\n        max: this.maxValue,\r\n        thousandsSeparator: this.thousandsSeparator || '',\r\n        scale: this.decimals,\r\n        radix: '.',\r\n        padFractionalZeros: this.decimals > 0 && this.padDecimalZeros,\r\n      });\r\n    }\r\n    this._maskDirective?.maskRef?.updateValue();\r\n    this._maskDirective?.maskRef?.updateControl();\r\n  }\r\n\r\n  _handleOnKeydownEvent(e: KeyboardEvent) {\r\n    if (this.disabled || this.readonly) return;\r\n    const ignore = () => {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    };\r\n    this._setUserInteraction();\r\n    const input = e.target as HTMLInputElement;\r\n    const valStr = input.value;\r\n    const decimalPointIndex = valStr.indexOf('.');\r\n    const _cursorPos = input.selectionStart!;\r\n\r\n    if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\r\n      if (\r\n        decimalPointIndex > 0 &&\r\n        _cursorPos > decimalPointIndex &&\r\n        this.decimals > 0\r\n      ) {\r\n        e.key === 'ArrowDown' ? this.decimalStepDown() : this.decimalStepUp();\r\n      } else {\r\n        e.key === 'ArrowDown' ? this.stepDown() : this.stepUp();\r\n      }\r\n      ignore();\r\n      setTimeout(() => {\r\n        input.setSelectionRange(_cursorPos, _cursorPos);\r\n      }, 5);\r\n    }\r\n    super._emitOnKeydownEvent(e);\r\n  }\r\n\r\n  _handleUpDownClick(v: -1 | 1) {\r\n    if (this.disabled || this.readonly) return;\r\n    this._setUserInteraction();\r\n    v == 1 ? this.stepUp() : this.stepDown();\r\n  }\r\n\r\n  _setValue(value: any) {\r\n    if ((value == null || (value == 0 && !this._maskObj.value)) && this.allowNull) {\r\n      return null;\r\n    }\r\n    const v = toNumber(value);\r\n    if (v < this.minValue) return this.minValue;\r\n    if (v > this.maxValue) return this.maxValue;\r\n    return v;\r\n  }\r\n\r\n  stepUp() {\r\n    if (!this.value) {\r\n      this.value = Math.max(this.minValue, 0);\r\n    }\r\n    this.value += toNumber(this.step);\r\n  }\r\n\r\n  stepDown() {\r\n    if (!this.value) {\r\n      this.value = Math.max(this.minValue, 0);\r\n    }\r\n    this.value -= toNumber(this.step);\r\n  }\r\n\r\n  decimalStepUp() {\r\n    if (!this.value) {\r\n      this.value = Math.max(this.minValue, 0);\r\n    }\r\n    this.value += toNumber(\r\n      this.decimalStep == 'auto'\r\n        ? 1 / Math.pow(10, this.decimals)\r\n        : this.decimalStep\r\n    );\r\n  }\r\n\r\n  decimalStepDown() {\r\n    if (!this.value) {\r\n      this.value = Math.max(this.minValue, 0);\r\n    }\r\n    this.value -= toNumber(\r\n      this.decimalStep == 'auto'\r\n        ? 1 / Math.pow(10, this.decimals)\r\n        : this.decimalStep\r\n    );\r\n  }\r\n}\r\n","<ng-content select=\"ax-prefix\"> </ng-content>\r\n<input\r\n  #input\r\n  class=\"ax-input\"\r\n  type=\"text\"\r\n  [attr.placeholder]=\"placeholder\"\r\n  [attr.autocomplete]=\"autoComplete\"\r\n  [imask]=\"_maskObj\"\r\n  [unmask]=\"'typed'\"\r\n  [attr.min]=\"minValue\"\r\n  [attr.max]=\"maxValue\"\r\n  [class.ax-state-disabled]=\"disabled\"\r\n  [class.ax-state-readonly]=\"readonly\"\r\n  [disabled]=\"disabled\"\r\n  [readonly]=\"readonly\"\r\n  [tabindex]=\"tabIndex\"\r\n  [(ngModel)]=\"value\"\r\n  (keydown)=\"_handleOnKeydownEvent($event)\"\r\n  (keyup)=\"_emitOnKeyupEvent($event)\"\r\n  (keypress)=\"_emitOnKeypressEvent($event)\"\r\n  (focus)=\"_emitOnFocusEvent($event)\"\r\n  (blur)=\"_emitOnBlurEvent($event)\" />\r\n\r\n<div class=\"ax-number-box-control\" *ngIf=\"showSpinButtons\">\r\n  <button class=\"ax-general-button ax-button-icon\" (click)=\"_handleUpDownClick(1)\" tabindex=\"-1\">\r\n    <span class=\"ax-icon ax-icon-arrow-up\"></span>\r\n  </button>\r\n  <button class=\"ax-general-button ax-button-icon\" (click)=\"_handleUpDownClick(-1)\">\r\n    <span class=\"ax-icon ax-icon-arrow-down\" tabindex=\"-1\"></span>\r\n  </button>\r\n</div>\r\n\r\n<!-- <div class=\"ax-number-box-arrows\" *ngIf=\"showSpinButtons && !(disabled || readonly)\">\r\n    <ax-button color=\"light\" look=\"blank\" (onClick)=\"_handleUpDownClick($event,1)\" [tabIndex]=\"-1\">\r\n        <ax-prefix>\r\n            <ax-icon class=\"ax-icon-arrow-fill ax-rotation-90\">\r\n            </ax-icon>\r\n        </ax-prefix>\r\n    </ax-button>\r\n    <ax-button color=\"light\" look=\"blank\" (onClick)=\"_handleUpDownClick($event,-1)\" [tabIndex]=\"-1\">\r\n        <ax-prefix>\r\n            <ax-icon class=\"ax-icon-arrow-fill -ax-rotation-90\">\r\n            </ax-icon>\r\n        </ax-prefix>\r\n    </ax-button>\r\n</div> -->\r\n<ng-content select=\"ax-suffix\"> </ng-content>\r\n<ng-content select=\"ax-validation-rule\"> </ng-content>\r\n","import { NgModule } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { CommonModule } from '@angular/common';\r\nimport {IMaskModule} from 'angular-imask';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXNumberBoxComponent } from './number-box.component';\r\n\r\nconst COMPONENT = [AXNumberBoxComponent];\r\nconst MODULES = [\r\n    CommonModule,\r\n    FormsModule,\r\n    AXButtonModule,\r\n    AXDecoratorModule,\r\n    IMaskModule\r\n];\r\n\r\n@NgModule({\r\n    declarations: [...COMPONENT],\r\n    imports: [...MODULES],\r\n    exports: [...COMPONENT],\r\n    providers: [],\r\n})\r\nexport class AXNumberBoxModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-page.mjs

@@ -0,0 +1,128 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Injectable, Inject, Output, Input, ViewChild, NgModule } from '@angular/core';
+import { AXLoadingService } from '@acorex/components/loading';
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import { AXDecoratorFooterComponent } from '@acorex/components/decorators';
+
+class AXPageComponent extends AXBaseComponentMixin {
+    _loadingService;
+    constructor(elementRef, cdr, _loadingService) {
+        super(elementRef, cdr);
+        this._loadingService = _loadingService;
+    }
+    _loadingId;
+    isLoadingChange = new EventEmitter();
+    _isLoading = false;
+    get isLoading() {
+        return this._isLoading;
+    }
+    set isLoading(v) {
+        this._setOption({
+            name: 'isLoading',
+            value: v,
+            afterCallback: () => {
+                if (this._loadingId && !v) {
+                    this._loadingService.hide(this._loadingId);
+                    this._loadingId = 0;
+                }
+                if (v) {
+                    this._loadingId = this._loadingService.show(this._getHostElement());
+                }
+                this._cdr.markForCheck();
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPageComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXLoadingService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPageComponent });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPageComponent, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [AXLoadingService]
+                }] }]; }, propDecorators: { isLoadingChange: [{
+                type: Output
+            }], isLoading: [{
+                type: Input
+            }] } });
+
+class AXBasePageComponent extends AXBaseComponentMixin {
+    /**
+     *  @ignore
+     */
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+    pageContainer;
+    footer;
+    isLoadingChange = new EventEmitter();
+    _isLoading = false;
+    get isLoading() {
+        return this._isLoading;
+    }
+    set isLoading(v) {
+        this._setOption({
+            name: 'isLoading',
+            value: v,
+            afterCallback: () => {
+                if (this.pageContainer) {
+                    this.pageContainer.isLoading = this.isLoading;
+                }
+                this._cdr.markForCheck();
+            },
+        });
+    }
+    _isPopup = false;
+    get isPopup() {
+        return this._isPopup;
+    }
+    onClosed = new EventEmitter();
+    close(data) {
+        this.onClosed.emit({
+            component: this,
+            data: data,
+        });
+    }
+    onClosing(e) { }
+    ngOnDestroy() {
+        this.onClosed.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXBasePageComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXBasePageComponent });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXBasePageComponent, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { pageContainer: [{
+                type: ViewChild,
+                args: [AXPageComponent, { static: true }]
+            }], footer: [{
+                type: ViewChild,
+                args: [AXDecoratorFooterComponent, { static: true }]
+            }], isLoadingChange: [{
+                type: Output
+            }], isLoading: [{
+                type: Input
+            }] } });
+
+// TODO: Module is empty!?
+class AXPageModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXPageModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPageModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    exports: [],
+                    declarations: [],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXBasePageComponent, AXPageComponent, AXPageModule };
+//# sourceMappingURL=acorex-components-page.mjs.map

package/fesm2022/acorex-components-page.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-page.mjs","sources":["../../../../projects/acorex/components/page/src/page.component.ts","../../../../projects/acorex/components/page/src/base-page.class.ts","../../../../projects/acorex/components/page/src/page.module.ts","../../../../projects/acorex/components/page/acorex-components-page.ts"],"sourcesContent":["import { ChangeDetectorRef, ElementRef, EventEmitter, Inject, Injectable, Input, Output } from \"@angular/core\";\r\nimport { AXLoadingService } from \"@acorex/components/loading\";\r\nimport { AXBaseComponentMixin } from \"@acorex/components/mixin\";\r\n\r\n@Injectable()\r\nexport abstract class AXPageComponent extends AXBaseComponentMixin {\r\n\r\n    constructor(\r\n        elementRef: ElementRef,\r\n        cdr: ChangeDetectorRef,\r\n        @Inject(AXLoadingService) private _loadingService\r\n    ) {\r\n        super(elementRef, cdr);\r\n    }\r\n\r\n    private _loadingId: number;\r\n\r\n    @Output()\r\n    isLoadingChange = new EventEmitter<boolean>();\r\n\r\n    private _isLoading: boolean = false;\r\n    @Input()\r\n    public get isLoading(): boolean {\r\n        return this._isLoading;\r\n    }\r\n    public set isLoading(v: boolean) {\r\n        this._setOption({\r\n            name: 'isLoading',\r\n            value: v,\r\n            afterCallback: () => {\r\n                if (this._loadingId && !v) {\r\n                    this._loadingService.hide(this._loadingId);\r\n                    this._loadingId = 0;\r\n                }\r\n                if (v) {\r\n                    this._loadingId = this._loadingService.show(this._getHostElement());\r\n                }\r\n                this._cdr.markForCheck();\r\n            }\r\n        });\r\n    }\r\n}","import {\r\n  ChangeDetectorRef,\r\n  ElementRef,\r\n  EventEmitter,\r\n  Injectable,\r\n  Input,\r\n  Output,\r\n  ViewChild,\r\n} from '@angular/core';\r\nimport { AXPageComponent } from './page.component';\r\nimport { AXDecoratorFooterComponent } from '@acorex/components/decorators';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport { AXComponentCloseEvent, AXComponentClosing } from '@acorex/components/common';\r\n\r\n\r\n\r\n@Injectable()\r\nexport class AXBasePageComponent extends AXBaseComponentMixin {\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  @ViewChild(AXPageComponent, { static: true })\r\n  private pageContainer: AXPageComponent;\r\n\r\n  @ViewChild(AXDecoratorFooterComponent, { static: true })\r\n  footer: AXDecoratorFooterComponent;\r\n\r\n  @Output()\r\n  isLoadingChange = new EventEmitter<boolean>();\r\n\r\n  private _isLoading: boolean = false;\r\n  @Input()\r\n  public get isLoading(): boolean {\r\n    return this._isLoading;\r\n  }\r\n  public set isLoading(v: boolean) {\r\n    this._setOption({\r\n      name: 'isLoading',\r\n      value: v,\r\n      afterCallback: () => {\r\n        if (this.pageContainer) {\r\n          this.pageContainer.isLoading = this.isLoading;\r\n        }\r\n        this._cdr.markForCheck();\r\n      },\r\n    });\r\n  }\r\n\r\n  private _isPopup: boolean = false;\r\n  public get isPopup(): boolean {\r\n    return this._isPopup;\r\n  }\r\n\r\n  onClosed: EventEmitter<AXComponentCloseEvent> =\r\n    new EventEmitter<AXComponentCloseEvent>();\r\n\r\n  close(data?: any) {\r\n    this.onClosed.emit({\r\n      component: this,\r\n      data: data,\r\n    });\r\n  }\r\n\r\n  onClosing(e: AXComponentClosing): void | Promise<void> {}\r\n\r\n  ngOnDestroy() {\r\n    this.onClosed.unsubscribe();\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\n\r\n// TODO: Module is empty!?\r\n@NgModule({\r\n    imports: [],\r\n    exports: [],\r\n    declarations: [],\r\n    providers: [],\r\n})\r\nexport class AXPageModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAIA,MACsB,eAAgB,SAAQ,oBAAoB,CAAA;AAKxB,IAAA,eAAA,CAAA;AAHtC,IAAA,WAAA,CACI,UAAsB,EACtB,GAAsB,EACY,eAAe,EAAA;AAEjD,QAAA,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;QAFW,IAAe,CAAA,eAAA,GAAf,eAAe,CAAA;KAGpD;AAEO,IAAA,UAAU,CAAS;AAG3B,IAAA,eAAe,GAAG,IAAI,YAAY,EAAW,CAAC;IAEtC,UAAU,GAAY,KAAK,CAAC;AACpC,IAAA,IACW,SAAS,GAAA;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;KAC1B;IACD,IAAW,SAAS,CAAC,CAAU,EAAA;QAC3B,IAAI,CAAC,UAAU,CAAC;AACZ,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,KAAK,EAAE,CAAC;YACR,aAAa,EAAE,MAAK;AAChB,gBAAA,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,EAAE;oBACvB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAC3C,oBAAA,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;AACvB,iBAAA;AACD,gBAAA,IAAI,CAAC,EAAE;AACH,oBAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;AACvE,iBAAA;AACD,gBAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;aAC5B;AACJ,SAAA,CAAC,CAAC;KACN;AAnCiB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,6EAKrB,gBAAgB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;2GALV,eAAe,EAAA,CAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBADpC,UAAU;;0BAMF,MAAM;2BAAC,gBAAgB,CAAA;4CAQ5B,eAAe,EAAA,CAAA;sBADd,MAAM;gBAKI,SAAS,EAAA,CAAA;sBADnB,KAAK;;;ACLV,MACa,mBAAoB,SAAQ,oBAAoB,CAAA;AAC3D;;AAEG;IACH,WAAY,CAAA,UAAsB,EAAE,GAAsB,EAAA;AACxD,QAAA,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;KACxB;AAGO,IAAA,aAAa,CAAkB;AAGvC,IAAA,MAAM,CAA6B;AAGnC,IAAA,eAAe,GAAG,IAAI,YAAY,EAAW,CAAC;IAEtC,UAAU,GAAY,KAAK,CAAC;AACpC,IAAA,IACW,SAAS,GAAA;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC;KACxB;IACD,IAAW,SAAS,CAAC,CAAU,EAAA;QAC7B,IAAI,CAAC,UAAU,CAAC;AACd,YAAA,IAAI,EAAE,WAAW;AACjB,YAAA,KAAK,EAAE,CAAC;YACR,aAAa,EAAE,MAAK;gBAClB,IAAI,IAAI,CAAC,aAAa,EAAE;oBACtB,IAAI,CAAC,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;AAC/C,iBAAA;AACD,gBAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;aAC1B;AACF,SAAA,CAAC,CAAC;KACJ;IAEO,QAAQ,GAAY,KAAK,CAAC;AAClC,IAAA,IAAW,OAAO,GAAA;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC;KACtB;AAED,IAAA,QAAQ,GACN,IAAI,YAAY,EAAyB,CAAC;AAE5C,IAAA,KAAK,CAAC,IAAU,EAAA;AACd,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACjB,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,IAAI,EAAE,IAAI;AACX,SAAA,CAAC,CAAC;KACJ;IAED,SAAS,CAAC,CAAqB,EAAA,GAA0B;IAEzD,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;KAC7B;uGAtDU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;2GAAnB,mBAAmB,EAAA,CAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,UAAU;iIAUD,aAAa,EAAA,CAAA;sBADpB,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAI5C,MAAM,EAAA,CAAA;sBADL,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,0BAA0B,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAIvD,eAAe,EAAA,CAAA;sBADd,MAAM;gBAKI,SAAS,EAAA,CAAA;sBADnB,KAAK;;;AChCR;AACA,MAMa,YAAY,CAAA;uGAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;wGAAZ,YAAY,EAAA,CAAA,CAAA;wGAAZ,YAAY,EAAA,CAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBANxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,OAAO,EAAE,EAAE;AACX,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,SAAS,EAAE,EAAE;AAChB,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/acorex-components-password-box.mjs

@@ -0,0 +1,99 @@
+import { AXBaseTextBoxMixin } from '@acorex/components/mixin';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+
+/**
+ * The Textbox is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+class AXPasswordBoxComponent extends AXBaseTextBoxMixin {
+    input;
+    _type = 'password';
+    _icon = 'ax-icon-visibility';
+    /**
+     *  A flag for showing or hiding password button.
+     */
+    showToggleButton = true;
+    /**
+     *  @ignore
+     */
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+    focus() {
+        this.input.nativeElement.focus();
+    }
+    toggleType() {
+        if (this._type === 'password') {
+            this._type = 'text';
+            this._icon = 'ax-icon-visibility-off';
+        }
+        else {
+            this._type = 'password';
+            this._icon = 'ax-icon-visibility';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPasswordBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXPasswordBoxComponent, selector: "ax-password-box", inputs: { disabled: "disabled", readonly: "readonly", tabIndex: "tabIndex", cssClass: "cssClass", size: "size", placeholder: "placeholder", maxLength: "maxLength", allowNull: "allowNull", type: "type", autoComplete: "autoComplete", value: "value", name: "name", checked: "checked", showToggleButton: "showToggleButton" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus" }, host: { classAttribute: "ax-password-box ax-editor-container" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<input #input class=\"ax-input\" [attr.name]=\"name\" [type]=\"_type\" [attr.placeholder]=\"placeholder\" [attr.maxlength]=\"maxLength\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\" [readonly]=\"readonly\" [tabindex]=\"tabIndex\"\r\n    [(ngModel)]=\"value\" (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.autocomplete]=\"autoComplete\">\r\n\r\n<ng-content select=\"ax-suffix\">\r\n\r\n</ng-content>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>\r\n<button class=\"ax-general-button ax-button-icon\" (click)=\"toggleType()\" [tabIndex]=\"-1\" *ngIf=\"showToggleButton\">\r\n    <span class=\"ax-icon {{_icon}}\"></span>\r\n</button>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPasswordBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-password-box', inputs: [
+                        'disabled',
+                        'readonly',
+                        'tabIndex',
+                        'cssClass',
+                        'size',
+                        'placeholder', 'maxLength', 'allowNull', 'type', 'autoComplete', 'readonly', 'allowNull', 'value', 'name', 'checked',
+                    ], outputs: [
+                        'valueChange',
+                        'onValueChanged',
+                        'onBlur',
+                        'onFocus',
+                        'valueChange', 'onValueChanged',
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'ax-password-box ax-editor-container' }, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<input #input class=\"ax-input\" [attr.name]=\"name\" [type]=\"_type\" [attr.placeholder]=\"placeholder\" [attr.maxlength]=\"maxLength\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\" [readonly]=\"readonly\" [tabindex]=\"tabIndex\"\r\n    [(ngModel)]=\"value\" (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.autocomplete]=\"autoComplete\">\r\n\r\n<ng-content select=\"ax-suffix\">\r\n\r\n</ng-content>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>\r\n<button class=\"ax-general-button ax-button-icon\" (click)=\"toggleType()\" [tabIndex]=\"-1\" *ngIf=\"showToggleButton\">\r\n    <span class=\"ax-icon {{_icon}}\"></span>\r\n</button>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { input: [{
+                type: ViewChild,
+                args: ['input']
+            }], showToggleButton: [{
+                type: Input
+            }] } });
+
+const COMPONENT = [AXPasswordBoxComponent];
+const MODULES = [
+    CommonModule,
+    FormsModule,
+    AXButtonModule,
+    AXDecoratorModule,
+];
+class AXPasswordBoxModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPasswordBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXPasswordBoxModule, declarations: [AXPasswordBoxComponent], imports: [CommonModule,
+            FormsModule,
+            AXButtonModule,
+            AXDecoratorModule], exports: [AXPasswordBoxComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPasswordBoxModule, imports: [MODULES] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXPasswordBoxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXPasswordBoxComponent, AXPasswordBoxModule };
+//# sourceMappingURL=acorex-components-password-box.mjs.map

package/fesm2022/acorex-components-password-box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-password-box.mjs","sources":["../../../../projects/acorex/components/password-box/src/password-box.component.ts","../../../../projects/acorex/components/password-box/src/password-box.component.html","../../../../projects/acorex/components/password-box/src/password-box.module.ts","../../../../projects/acorex/components/password-box/acorex-components-password-box.ts"],"sourcesContent":["\r\nimport { TEXTBOX_INPUTS, TEXTBOX_OUTPUT, AXBaseTextBoxMixin } from '@acorex/components/mixin';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  Input,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n\r\n/**\r\n * The Textbox is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-password-box',\r\n  templateUrl: 'password-box.component.html',\r\n  inputs: [\r\n    'disabled',\r\n    'readonly',\r\n    'tabIndex',\r\n    'cssClass',\r\n    'size',\r\n    'placeholder', 'maxLength', 'allowNull',  'type', 'autoComplete', 'readonly','allowNull','value','name', 'checked',\r\n  ],\r\n  outputs: [\r\n    'valueChange',\r\n    'onValueChanged',\r\n    'onBlur',\r\n    'onFocus',\r\n    'valueChange', 'onValueChanged',\r\n  ],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: { class: 'ax-password-box ax-editor-container' },\r\n})\r\nexport class AXPasswordBoxComponent extends AXBaseTextBoxMixin {\r\n  @ViewChild('input') input: ElementRef<HTMLInputElement>;\r\n\r\n  _type: 'password' | 'text' = 'password';\r\n  _icon: 'ax-icon-visibility' | 'ax-icon-visibility-off' = 'ax-icon-visibility';\r\n\r\n  /**\r\n   *  A flag for showing or hiding password button.\r\n   */\r\n  @Input() showToggleButton: boolean = true;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  focus(): void {\r\n    this.input.nativeElement.focus()\r\n  }\r\n\r\n  toggleType() {\r\n    if (this._type === 'password') {\r\n      this._type = 'text';\r\n      this._icon = 'ax-icon-visibility-off';\r\n    } else {\r\n      this._type = 'password';\r\n      this._icon = 'ax-icon-visibility';\r\n    }\r\n  }\r\n  \r\n}\r\n","<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<input #input class=\"ax-input\" [attr.name]=\"name\" [type]=\"_type\" [attr.placeholder]=\"placeholder\" [attr.maxlength]=\"maxLength\" [class.ax-state-disabled]=\"disabled\" [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\" [readonly]=\"readonly\" [tabindex]=\"tabIndex\"\r\n    [(ngModel)]=\"value\" (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\" [attr.autocomplete]=\"autoComplete\">\r\n\r\n<ng-content select=\"ax-suffix\">\r\n\r\n</ng-content>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>\r\n<button class=\"ax-general-button ax-button-icon\" (click)=\"toggleType()\" [tabIndex]=\"-1\" *ngIf=\"showToggleButton\">\r\n    <span class=\"ax-icon {{_icon}}\"></span>\r\n</button>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXPasswordBoxComponent } from './password-box.component';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\n\r\nconst COMPONENT = [AXPasswordBoxComponent];\r\nconst MODULES = [\r\n    CommonModule,\r\n    FormsModule,\r\n    AXButtonModule,\r\n    AXDecoratorModule,\r\n];\r\n\r\n@NgModule({\r\n    declarations: [...COMPONENT],\r\n    imports: [...MODULES],\r\n    exports: [...COMPONENT],\r\n    providers: [],\r\n})\r\nexport class AXPasswordBoxModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}