@acorex/components 7.0.41 → 7.1.0

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

@@ -1,300 +0,0 @@
-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 {
-    /**
-     *  @ignore
-     */
-    constructor(elementRef, cdr) {
-        super(elementRef, cdr);
-        this.cdr = cdr;
-        this._padDecimalZeros = false;
-        /**
-         *  Specifies the value that is used to increment or decrement the **Integer** part of number
-         */
-        this.step = 1;
-        this._decimals = 0;
-        /**
-         *  Specifies the value that is used to increment or decrement the **Deciaml** part of number
-         */
-        this.decimalStep = 'auto';
-        /**
-         *  Specifies whether the Up and Down spin buttons will be rendered or not
-         */
-        this.showSpinButtons = true;
-        this._minValue = Number.MIN_SAFE_INTEGER;
-        this._maxValue = Number.MAX_SAFE_INTEGER;
-    }
-    /**
-     *  A character value that specifies the separator character.
-     */
-    get thousandsSeparator() {
-        return this._thousandsSeparator;
-    }
-    set thousandsSeparator(v) {
-        this._setOption({
-            name: 'thousandsSeparator',
-            value: v !== null && v !== void 0 ? v : '',
-        });
-    }
-    /**
-     *  A character value that specifies the separator character.
-     */
-    get padDecimalZeros() {
-        return this._padDecimalZeros;
-    }
-    set padDecimalZeros(v) {
-        this._setOption({
-            name: 'padDecimalZeros',
-            value: v,
-        });
-    }
-    /**
-     *  Specifies the number of decimals that the user can enter
-     */
-    get decimals() {
-        return this._decimals;
-    }
-    set decimals(v) {
-        this._setOption({
-            name: 'decimals',
-            value: v !== null && v !== void 0 ? v : 0,
-        });
-    }
-    /**
-     *  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,
-        });
-    }
-    /**
-     *  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,
-        });
-    }
-    onViewInit() {
-        super.onViewInit();
-        this._updateMask();
-    }
-    _onOptionChanged(option) {
-        super._onOptionChanged(option);
-        this._updateMask();
-    }
-    focus() {
-        this.input.nativeElement.focus();
-    }
-    _updateMask() {
-        var _a, _b, _c, _d;
-        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,
-            });
-        }
-        (_b = (_a = this._maskDirective) === null || _a === void 0 ? void 0 : _a.maskRef) === null || _b === void 0 ? void 0 : _b.updateValue();
-        (_d = (_c = this._maskDirective) === null || _c === void 0 ? void 0 : _c.maskRef) === null || _d === void 0 ? void 0 : _d.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);
-    }
-}
-AXNumberBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXNumberBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXNumberBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", 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: "15.1.4", 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 {
-}
-AXNumberBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXNumberBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXNumberBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXNumberBoxModule, declarations: [AXNumberBoxComponent], imports: [CommonModule,
-        FormsModule,
-        AXButtonModule,
-        AXDecoratorModule,
-        IMaskModule], exports: [AXNumberBoxComponent] });
-AXNumberBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXNumberBoxModule, imports: [MODULES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", 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
-//# sourceMappingURL=acorex-components-number-box.mjs.map

package/fesm2015/acorex-components-page.mjs

@@ -1,127 +0,0 @@
-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 {
-    constructor(elementRef, cdr, _loadingService) {
-        super(elementRef, cdr);
-        this._loadingService = _loadingService;
-        this.isLoadingChange = new EventEmitter();
-        this._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();
-            }
-        });
-    }
-}
-AXPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPageComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXLoadingService }], target: i0.ɵɵFactoryTarget.Injectable });
-AXPageComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPageComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", 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);
-        this.isLoadingChange = new EventEmitter();
-        this._isLoading = false;
-        this._isPopup = false;
-        this.onClosed = new EventEmitter();
-    }
-    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();
-            },
-        });
-    }
-    get isPopup() {
-        return this._isPopup;
-    }
-    close(data) {
-        this.onClosed.emit({
-            component: this,
-            data: data,
-        });
-    }
-    onClosing(e) { }
-    ngOnDestroy() {
-        this.onClosed.unsubscribe();
-    }
-}
-AXBasePageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXBasePageComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Injectable });
-AXBasePageComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXBasePageComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", 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 {
-}
-AXPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXPageModule });
-AXPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPageModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", 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
-//# sourceMappingURL=acorex-components-page.mjs.map

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

@@ -1 +0,0 @@
-{"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":"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"}

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

@@ -1,99 +0,0 @@
-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 {
-    /**
-     *  @ignore
-     */
-    constructor(elementRef, cdr) {
-        super(elementRef, cdr);
-        this._type = 'password';
-        this._icon = 'ax-icon-visibility';
-        /**
-         *  A flag for showing or hiding password button.
-         */
-        this.showToggleButton = true;
-    }
-    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';
-        }
-    }
-}
-AXPasswordBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPasswordBoxComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-AXPasswordBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", 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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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: "15.1.4", 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 {
-}
-AXPasswordBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPasswordBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXPasswordBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXPasswordBoxModule, declarations: [AXPasswordBoxComponent], imports: [CommonModule,
-        FormsModule,
-        AXButtonModule,
-        AXDecoratorModule], exports: [AXPasswordBoxComponent] });
-AXPasswordBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPasswordBoxModule, imports: [MODULES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", 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
-//# sourceMappingURL=acorex-components-password-box.mjs.map

package/fesm2015/acorex-components-picker.mjs

@@ -1,77 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { AXLoadingModule } from '@acorex/components/loading';
-import { AXTranslationModule } from '@acorex/core/translation';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import { OverlayModule } from '@angular/cdk/overlay';
-import { AXPopoverModule } from '@acorex/components/popover';
-
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-class AXPickerColumnComponent {
-    constructor() {
-        this.divider = false;
-    }
-}
-AXPickerColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPickerColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXPickerColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXPickerColumnComponent, selector: "ax-picker-column", inputs: { divider: "divider" }, ngImport: i0, template: "<div class=\"picker-container\" [ngClass]=\"{'picker-divider':divider}\">\r\n    <div class=\"picker-scrollbar picker-time-spinner-wrapper\">\r\n        <div class=\"picker-scrollbar-wrap\">\r\n            <div class=\"picker-time-spinner-list\">\r\n                <div class=\"picker-time-spinner-item\">\r\n                    <ng-content></ng-content>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".picker-container{width:100%;white-space:nowrap}.picker-container.picker-divider{border-right:solid 1px rgba(var(--ax-color-border-default))}.picker-container .picker-scrollbar{position:relative;height:100%}.picker-container .picker-scrollbar.picker-time-spinner-wrapper{max-height:200px;display:inline-block;vertical-align:top;width:100%;position:relative}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap{max-height:inherit;overflow-y:hidden;height:100%;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap::-webkit-scrollbar{width:2px}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap:hover{overflow:scroll;height:100vh;overscroll-behavior:inherit;z-index:-1}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;list-style:none;text-align:center}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list:before{content:\"\";display:block;width:100%}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list .picker-time-spinner-item{scroll-snap-align:center;line-height:40px;cursor:pointer}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list .picker-time-spinner-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-radius:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPickerColumnComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-picker-column', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"picker-container\" [ngClass]=\"{'picker-divider':divider}\">\r\n    <div class=\"picker-scrollbar picker-time-spinner-wrapper\">\r\n        <div class=\"picker-scrollbar-wrap\">\r\n            <div class=\"picker-time-spinner-list\">\r\n                <div class=\"picker-time-spinner-item\">\r\n                    <ng-content></ng-content>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".picker-container{width:100%;white-space:nowrap}.picker-container.picker-divider{border-right:solid 1px rgba(var(--ax-color-border-default))}.picker-container .picker-scrollbar{position:relative;height:100%}.picker-container .picker-scrollbar.picker-time-spinner-wrapper{max-height:200px;display:inline-block;vertical-align:top;width:100%;position:relative}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap{max-height:inherit;overflow-y:hidden;height:100%;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap::-webkit-scrollbar{width:2px}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap:hover{overflow:scroll;height:100vh;overscroll-behavior:inherit;z-index:-1}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;list-style:none;text-align:center}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list:before{content:\"\";display:block;width:100%}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list .picker-time-spinner-item{scroll-snap-align:center;line-height:40px;cursor:pointer}.picker-container .picker-scrollbar.picker-time-spinner-wrapper .picker-scrollbar-wrap .picker-time-spinner-list .picker-time-spinner-item.ax-state-active{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-radius:8px}\n"] }]
-        }], propDecorators: { divider: [{
-                type: Input
-            }] } });
-
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-class AXPickerComponent {
-}
-AXPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AXPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXPickerComponent, selector: "ax-picker", ngImport: i0, template: "<div class=\"picker-container\">\r\n    <ng-content select=\"ax-picker-column\"></ng-content>\r\n</div>", styles: [".picker-container{display:flex;justify-content:space-between}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPickerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-picker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"picker-container\">\r\n    <ng-content select=\"ax-picker-column\"></ng-content>\r\n</div>", styles: [".picker-container{display:flex;justify-content:space-between}\n"] }]
-        }] });
-
-const COMPONENT = [AXPickerColumnComponent, AXPickerComponent];
-const MODULES = [
-    AXDecoratorModule,
-    AXLoadingModule,
-    AXTranslationModule,
-    OverlayModule,
-    AXPopoverModule
-];
-class AXPickerModule {
-}
-AXPickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXPickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXPickerModule, declarations: [AXPickerColumnComponent, AXPickerComponent], imports: [CommonModule, AXDecoratorModule,
-        AXLoadingModule,
-        AXTranslationModule,
-        OverlayModule,
-        AXPopoverModule], exports: [AXPickerColumnComponent, AXPickerComponent] });
-AXPickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPickerModule, imports: [CommonModule, MODULES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPickerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENT],
-                    imports: [CommonModule, ...MODULES],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXPickerColumnComponent, AXPickerComponent, AXPickerModule };
-//# sourceMappingURL=acorex-components-picker.mjs.map
-//# sourceMappingURL=acorex-components-picker.mjs.map