@ng-nest/ui 12.0.11 → 13.0.3

package/fesm2020/ng-nest-ui-pagination.mjs

@@ -0,0 +1,310 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+import * as i1 from '@ng-nest/ui/core';
+import { XProperty, XWithConfig, XInputNumber, XInputBoolean, XIsChange } from '@ng-nest/ui/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { ENTER } from '@angular/cdk/keycodes';
+import * as i2 from '@ng-nest/ui/i18n';
+import { XI18nModule } from '@ng-nest/ui/i18n';
+import * as i3 from '@ng-nest/ui/button';
+import { XButtonModule } from '@ng-nest/ui/button';
+import * as i4 from '@ng-nest/ui/input';
+import { XInputModule } from '@ng-nest/ui/input';
+import * as i5 from '@ng-nest/ui/select';
+import { XSelectModule } from '@ng-nest/ui/select';
+import * as i6 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i7 from '@ng-nest/ui/outlet';
+import { XOutletModule } from '@ng-nest/ui/outlet';
+import * as i8 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+
+/**
+ * Pagination
+ * @selector x-pagination
+ * @decorator component
+ */
+const XPaginationPrefix = 'x-pagination';
+const X_CONFIG_NAME = 'pagination';
+/**
+ * Pagination Property
+ */
+class XPaginationProperty extends XProperty {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 总数
+         * @en_US Total
+         */
+        this.total = 0;
+        /**
+         * @zh_CN 查询条件
+         * @en_US Query conditions
+         */
+        this.query = {};
+        /**
+         * @zh_CN 页码变化的事件
+         * @en_US Page number change event
+         */
+        this.queryChange = new EventEmitter();
+        /**
+         * @zh_CN 页码变化的事件
+         * @en_US Page number change event
+         */
+        this.indexChange = new EventEmitter();
+        /**
+         * @zh_CN 每页显示条数变化的事件
+         * @en_US Show the number of events on each page
+         */
+        this.sizeChange = new EventEmitter();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XPaginationProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPaginationProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XPaginationProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XPaginationProperty, selector: "ng-component", inputs: { index: "index", size: "size", total: "total", query: "query", pageLinkSize: "pageLinkSize", showEllipsis: "showEllipsis", showTotal: "showTotal", space: "space", hiddenBorder: "hiddenBorder", showSize: "showSize", sizeWidth: "sizeWidth", sizeData: "sizeData", disabled: "disabled", showJump: "showJump", jumpWidth: "jumpWidth", totalTpl: "totalTpl", simple: "simple", simpleIndexWidth: "simpleIndexWidth" }, outputs: { queryChange: "queryChange", indexChange: "indexChange", sizeChange: "sizeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 1),
+    XInputNumber()
+], XPaginationProperty.prototype, "index", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 10),
+    XInputNumber()
+], XPaginationProperty.prototype, "size", void 0);
+__decorate([
+    XInputNumber()
+], XPaginationProperty.prototype, "total", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 5),
+    XInputNumber()
+], XPaginationProperty.prototype, "pageLinkSize", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, true),
+    XInputBoolean()
+], XPaginationProperty.prototype, "showEllipsis", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, true),
+    XInputBoolean()
+], XPaginationProperty.prototype, "showTotal", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 0),
+    XInputNumber()
+], XPaginationProperty.prototype, "space", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, false),
+    XInputBoolean()
+], XPaginationProperty.prototype, "hiddenBorder", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, false),
+    XInputBoolean()
+], XPaginationProperty.prototype, "showSize", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 100),
+    XInputNumber()
+], XPaginationProperty.prototype, "sizeWidth", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, [10, 20, 50, 100])
+], XPaginationProperty.prototype, "sizeData", void 0);
+__decorate([
+    XInputBoolean()
+], XPaginationProperty.prototype, "disabled", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, false),
+    XInputBoolean()
+], XPaginationProperty.prototype, "showJump", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 50),
+    XInputNumber()
+], XPaginationProperty.prototype, "jumpWidth", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, false),
+    XInputBoolean()
+], XPaginationProperty.prototype, "simple", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 130),
+    XInputNumber()
+], XPaginationProperty.prototype, "simpleIndexWidth", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPaginationProperty, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { index: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], total: [{
+                type: Input
+            }], query: [{
+                type: Input
+            }], pageLinkSize: [{
+                type: Input
+            }], showEllipsis: [{
+                type: Input
+            }], showTotal: [{
+                type: Input
+            }], space: [{
+                type: Input
+            }], hiddenBorder: [{
+                type: Input
+            }], showSize: [{
+                type: Input
+            }], sizeWidth: [{
+                type: Input
+            }], sizeData: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], showJump: [{
+                type: Input
+            }], jumpWidth: [{
+                type: Input
+            }], totalTpl: [{
+                type: Input
+            }], simple: [{
+                type: Input
+            }], simpleIndexWidth: [{
+                type: Input
+            }], queryChange: [{
+                type: Output
+            }], indexChange: [{
+                type: Output
+            }], sizeChange: [{
+                type: Output
+            }] } });
+
+class XPaginationComponent extends XPaginationProperty {
+    constructor(configService, elementRef, renderer, cdr, i18n) {
+        super();
+        this.configService = configService;
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.cdr = cdr;
+        this.i18n = i18n;
+        this.indexes = [];
+        this.indexFirst = 1;
+        this.indexLast = 1;
+        this.jumpPage = null;
+        this._unSubject = new Subject();
+        this.renderer.addClass(this.elementRef.nativeElement, XPaginationPrefix);
+    }
+    get leftDisabled() {
+        return Number(this.index) === 1 || Number(this.total) === 0;
+    }
+    get rightDisabled() {
+        return Number(this.index) === this.lastIndex || Number(this.total) === 0;
+    }
+    get firstActivated() {
+        return Number(this.index) === 1;
+    }
+    get lastActivated() {
+        return Number(this.index) === this.lastIndex;
+    }
+    ngOnInit() {
+        this.i18n.localeChange.pipe(takeUntil(this._unSubject)).subscribe(() => this.cdr.markForCheck());
+    }
+    ngOnChanges(changes) {
+        const { total, size, index } = changes;
+        XIsChange(total, size, index) && this.setIndexes();
+    }
+    ngOnDestory() {
+        this._unSubject.next();
+        this._unSubject.unsubscribe();
+    }
+    sizeChanged() {
+        this.setIndexes();
+        this.sizeChange.emit(this.size);
+    }
+    setIndexes() {
+        this.lastIndex = Math.ceil(Number(this.total) / Number(this.size)) || 1;
+        const indexes = [];
+        const current = Number(this.index) - 1;
+        const maxSize = Number(this.pageLinkSize);
+        const pages = Math.min(maxSize, this.lastIndex);
+        let start = Math.max(0, Math.ceil(current - pages / 2)), end = Math.min(this.lastIndex - 1, start + pages - 1);
+        var delta = maxSize - (end - start + 1);
+        start = Math.max(0, start - delta);
+        for (let i = start; i <= end; i++) {
+            indexes.push(i + 1);
+        }
+        this.indexes = indexes;
+        this.cdr.detectChanges();
+    }
+    jump(index, isDiff = false) {
+        const ix = this.validateIndex(isDiff ? Number(this.index) + index : index);
+        if (ix !== this.index) {
+            this.index = ix;
+            this.setIndexes();
+            this.indexChange.emit(this.index);
+        }
+    }
+    onKeydown(event) {
+        if (this.jumpPage !== null && event.keyCode === ENTER) {
+            if (this.jumpPage <= this.indexFirst) {
+                this.jump(this.indexFirst);
+            }
+            else if (this.jumpPage >= this.lastIndex) {
+                this.jump(this.lastIndex);
+            }
+            else {
+                this.jump(this.jumpPage);
+            }
+            this.jumpPage = null;
+            this.cdr.detectChanges();
+        }
+    }
+    onSimpleKeydown(event) {
+        if (this.index !== null && event.keyCode === ENTER) {
+            if (this.index <= this.indexFirst) {
+                this.index = this.indexFirst;
+            }
+            else if (this.index >= this.lastIndex) {
+                this.index = this.lastIndex;
+            }
+            this.jump(this.index);
+            this.cdr.detectChanges();
+        }
+    }
+    validateIndex(value) {
+        if (value > this.lastIndex) {
+            return this.lastIndex;
+        }
+        else if (value < 1) {
+            return 1;
+        }
+        else {
+            return value;
+        }
+    }
+    getActivated(index) {
+        return Number(this.index) === index;
+    }
+    trackByItem(_index, item) {
+        return item;
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XPaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPaginationComponent, deps: [{ token: i1.XConfigService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XPaginationComponent, selector: "x-pagination", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<x-buttons *ngIf=\"!simple; else simpleTpl\" [space]=\"space\" [hiddenBorder]=\"hiddenBorder\">\r\n  <x-button\r\n    *ngIf=\"showEllipsis\"\r\n    [icon]=\"'fto-chevrons-left'\"\r\n    [title]=\"'pagination.first' | xI18n\"\r\n    [disabled]=\"disabled || firstActivated\"\r\n    (click)=\"jump(1)\"\r\n  ></x-button>\r\n  <ng-container *xOutlet=\"previousTpl\"></ng-container>\r\n  <x-button\r\n    *ngFor=\"let item of indexes; trackBy: trackByItem\"\r\n    [disabled]=\"disabled\"\r\n    [activated]=\"getActivated(item)\"\r\n    (click)=\"jump(item)\"\r\n    >{{ item }}</x-button\r\n  >\r\n  <ng-container *xOutlet=\"nextTpl\"></ng-container>\r\n  <x-button\r\n    *ngIf=\"showEllipsis && !simple\"\r\n    [icon]=\"'fto-chevrons-right'\"\r\n    [title]=\"'pagination.last' | xI18n\"\r\n    [disabled]=\"disabled || lastActivated\"\r\n    (click)=\"jump(lastIndex)\"\r\n  ></x-button>\r\n</x-buttons>\r\n<ng-template #simpleTpl>\r\n  <div class=\"x-pagination-simple\">\r\n    <x-input\r\n      [bordered]=\"!hiddenBorder\"\r\n      [before]=\"previousTpl\"\r\n      [after]=\"nextTpl\"\r\n      [style.width.px]=\"simpleIndexWidth\"\r\n      [(ngModel)]=\"index\"\r\n      (xKeydown)=\"onSimpleKeydown($event)\"\r\n    ></x-input>\r\n    <span>/</span>\r\n    <span>{{ lastIndex }}</span>\r\n  </div>\r\n</ng-template>\r\n<x-select\r\n  *ngIf=\"showSize\"\r\n  [style.width.px]=\"sizeWidth\"\r\n  class=\"x-pagination-size\"\r\n  [data]=\"sizeData\"\r\n  clearable=\"false\"\r\n  [disabled]=\"disabled\"\r\n  [bordered]=\"!hiddenBorder\"\r\n  [nodeTpl]=\"nodeTpl\"\r\n  [(ngModel)]=\"size\"\r\n  (ngModelChange)=\"sizeChanged()\"\r\n></x-select>\r\n<div *ngIf=\"showJump && !simple\" class=\"x-pagination-jump\">\r\n  <span>{{ 'pagination.jump' | xI18n }}</span>\r\n  <x-input [bordered]=\"!hiddenBorder\" [style.width.px]=\"jumpWidth\" [(ngModel)]=\"jumpPage\" (xKeydown)=\"onKeydown($event)\"></x-input>\r\n</div>\r\n<x-button *ngIf=\"showTotal\" [disabled]=\"disabled\" class=\"x-pagination-total\" [type]=\"hiddenBorder === true ? 'text' : 'initial'\"\r\n  ><ng-container *xOutlet=\"totalTpl; context: { $total: total }\"\r\n    >{{ 'pagination.total' | xI18n }} {{ total }} {{ 'pagination.item' | xI18n }}</ng-container\r\n  ></x-button\r\n>\r\n\r\n<ng-template #previousTpl>\r\n  <x-button\r\n    [icon]=\"'fto-chevron-left'\"\r\n    [title]=\"'pagination.previous' | xI18n\"\r\n    [disabled]=\"disabled || leftDisabled\"\r\n    (click)=\"jump(-1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nextTpl>\r\n  <x-button\r\n    [icon]=\"'fto-chevron-right'\"\r\n    [title]=\"'pagination.next' | xI18n\"\r\n    [disabled]=\"disabled || rightDisabled\"\r\n    (click)=\"jump(1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  <ng-container *ngIf=\"node\"> {{ node?.label }} {{ 'pagination.sizePage' | xI18n }} </ng-container>\r\n</ng-template>\r\n", styles: [".x-pagination{margin:0;padding:0;display:inline-flex}.x-pagination>.x-buttons.x-buttons-hiddenBorder>x-button>.x-button{min-width:1.75rem}.x-pagination>.x-buttons.x-buttons-hiddenBorder>x-button>.x-button-activated{background-color:#0000000d}.x-pagination-size{margin-left:.5rem}.x-pagination-total{margin-left:.5rem}.x-pagination-jump{margin-left:.5rem;display:inline-flex;align-items:center}.x-pagination-jump x-input{margin-left:.5rem}.x-pagination-simple{margin:0 .5rem;display:inline-flex;align-items:center}.x-pagination-simple>x-input input{text-align:center}.x-pagination-simple>span{margin-left:.5rem}\n"], components: [{ type: i3.XButtonsComponent, selector: "x-buttons" }, { type: i3.XButtonComponent, selector: "x-button" }, { type: i4.XInputComponent, selector: "x-input" }, { type: i5.XSelectComponent, selector: "x-select" }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "xI18n": i2.XI18nPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XPaginationPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<x-buttons *ngIf=\"!simple; else simpleTpl\" [space]=\"space\" [hiddenBorder]=\"hiddenBorder\">\r\n  <x-button\r\n    *ngIf=\"showEllipsis\"\r\n    [icon]=\"'fto-chevrons-left'\"\r\n    [title]=\"'pagination.first' | xI18n\"\r\n    [disabled]=\"disabled || firstActivated\"\r\n    (click)=\"jump(1)\"\r\n  ></x-button>\r\n  <ng-container *xOutlet=\"previousTpl\"></ng-container>\r\n  <x-button\r\n    *ngFor=\"let item of indexes; trackBy: trackByItem\"\r\n    [disabled]=\"disabled\"\r\n    [activated]=\"getActivated(item)\"\r\n    (click)=\"jump(item)\"\r\n    >{{ item }}</x-button\r\n  >\r\n  <ng-container *xOutlet=\"nextTpl\"></ng-container>\r\n  <x-button\r\n    *ngIf=\"showEllipsis && !simple\"\r\n    [icon]=\"'fto-chevrons-right'\"\r\n    [title]=\"'pagination.last' | xI18n\"\r\n    [disabled]=\"disabled || lastActivated\"\r\n    (click)=\"jump(lastIndex)\"\r\n  ></x-button>\r\n</x-buttons>\r\n<ng-template #simpleTpl>\r\n  <div class=\"x-pagination-simple\">\r\n    <x-input\r\n      [bordered]=\"!hiddenBorder\"\r\n      [before]=\"previousTpl\"\r\n      [after]=\"nextTpl\"\r\n      [style.width.px]=\"simpleIndexWidth\"\r\n      [(ngModel)]=\"index\"\r\n      (xKeydown)=\"onSimpleKeydown($event)\"\r\n    ></x-input>\r\n    <span>/</span>\r\n    <span>{{ lastIndex }}</span>\r\n  </div>\r\n</ng-template>\r\n<x-select\r\n  *ngIf=\"showSize\"\r\n  [style.width.px]=\"sizeWidth\"\r\n  class=\"x-pagination-size\"\r\n  [data]=\"sizeData\"\r\n  clearable=\"false\"\r\n  [disabled]=\"disabled\"\r\n  [bordered]=\"!hiddenBorder\"\r\n  [nodeTpl]=\"nodeTpl\"\r\n  [(ngModel)]=\"size\"\r\n  (ngModelChange)=\"sizeChanged()\"\r\n></x-select>\r\n<div *ngIf=\"showJump && !simple\" class=\"x-pagination-jump\">\r\n  <span>{{ 'pagination.jump' | xI18n }}</span>\r\n  <x-input [bordered]=\"!hiddenBorder\" [style.width.px]=\"jumpWidth\" [(ngModel)]=\"jumpPage\" (xKeydown)=\"onKeydown($event)\"></x-input>\r\n</div>\r\n<x-button *ngIf=\"showTotal\" [disabled]=\"disabled\" class=\"x-pagination-total\" [type]=\"hiddenBorder === true ? 'text' : 'initial'\"\r\n  ><ng-container *xOutlet=\"totalTpl; context: { $total: total }\"\r\n    >{{ 'pagination.total' | xI18n }} {{ total }} {{ 'pagination.item' | xI18n }}</ng-container\r\n  ></x-button\r\n>\r\n\r\n<ng-template #previousTpl>\r\n  <x-button\r\n    [icon]=\"'fto-chevron-left'\"\r\n    [title]=\"'pagination.previous' | xI18n\"\r\n    [disabled]=\"disabled || leftDisabled\"\r\n    (click)=\"jump(-1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nextTpl>\r\n  <x-button\r\n    [icon]=\"'fto-chevron-right'\"\r\n    [title]=\"'pagination.next' | xI18n\"\r\n    [disabled]=\"disabled || rightDisabled\"\r\n    (click)=\"jump(1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  <ng-container *ngIf=\"node\"> {{ node?.label }} {{ 'pagination.sizePage' | xI18n }} </ng-container>\r\n</ng-template>\r\n", styles: [".x-pagination{margin:0;padding:0;display:inline-flex}.x-pagination>.x-buttons.x-buttons-hiddenBorder>x-button>.x-button{min-width:1.75rem}.x-pagination>.x-buttons.x-buttons-hiddenBorder>x-button>.x-button-activated{background-color:#0000000d}.x-pagination-size{margin-left:.5rem}.x-pagination-total{margin-left:.5rem}.x-pagination-jump{margin-left:.5rem;display:inline-flex;align-items:center}.x-pagination-jump x-input{margin-left:.5rem}.x-pagination-simple{margin:0 .5rem;display:inline-flex;align-items:center}.x-pagination-simple>x-input input{text-align:center}.x-pagination-simple>span{margin-left:.5rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.XConfigService }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }, { type: i2.XI18nService }]; } });
+
+class XPaginationModule {
+}
+/** @nocollapse */ /** @nocollapse */ XPaginationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPaginationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XPaginationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPaginationModule, declarations: [XPaginationComponent, XPaginationProperty], imports: [CommonModule, FormsModule, XButtonModule, XI18nModule, XSelectModule, XInputModule, XOutletModule], exports: [XPaginationComponent] });
+/** @nocollapse */ /** @nocollapse */ XPaginationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPaginationModule, imports: [[CommonModule, FormsModule, XButtonModule, XI18nModule, XSelectModule, XInputModule, XOutletModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPaginationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [XPaginationComponent, XPaginationProperty],
+                    exports: [XPaginationComponent],
+                    imports: [CommonModule, FormsModule, XButtonModule, XI18nModule, XSelectModule, XInputModule, XOutletModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XPaginationComponent, XPaginationModule, XPaginationPrefix, XPaginationProperty };
+//# sourceMappingURL=ng-nest-ui-pagination.mjs.map

package/fesm2020/ng-nest-ui-pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-pagination.mjs","sources":["../../../../lib/ng-nest/ui/pagination/pagination.property.ts","../../../../lib/ng-nest/ui/pagination/pagination.component.ts","../../../../lib/ng-nest/ui/pagination/pagination.component.html","../../../../lib/ng-nest/ui/pagination/pagination.module.ts","../../../../lib/ng-nest/ui/pagination/ng-nest-ui-pagination.ts"],"sourcesContent":["import { XProperty, XInputNumber, XNumber, XQuery, XWithConfig, XBoolean, XInputBoolean, XData, XTemplate } from '@ng-nest/ui/core';\r\nimport { Input, Output, EventEmitter, Component } from '@angular/core';\r\nimport { XSelectNode } from '@ng-nest/ui/select';\r\n\r\n/**\r\n * Pagination\r\n * @selector x-pagination\r\n * @decorator component\r\n */\r\nexport const XPaginationPrefix = 'x-pagination';\r\nconst X_CONFIG_NAME = 'pagination';\r\n\r\n/**\r\n * Pagination Property\r\n */\r\n@Component({ template: '' })\r\nexport class XPaginationProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 当前页码\r\n   * @en_US Current page number\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 1) @XInputNumber() index!: XNumber;\r\n  /**\r\n   * @zh_CN 每页显示条数\r\n   * @en_US Number of items displayed per page\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 10) @XInputNumber() size!: XNumber;\r\n  /**\r\n   * @zh_CN 总数\r\n   * @en_US Total\r\n   */\r\n  @Input() @XInputNumber() total: XNumber = 0;\r\n  /**\r\n   * @zh_CN 查询条件\r\n   * @en_US Query conditions\r\n   */\r\n  @Input() query: XQuery = {};\r\n  /**\r\n   * @zh_CN 最多显示的分页数量\r\n   * @en_US The largest number of pages display\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 5) @XInputNumber() pageLinkSize!: XNumber;\r\n  /**\r\n   * @zh_CN 显示首尾页跳转\r\n   * @en_US Display the first and last page\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) @XInputBoolean() showEllipsis!: XBoolean;\r\n  /**\r\n   * @zh_CN 显示总条数\r\n   * @en_US Display the total\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, true) @XInputBoolean() showTotal!: XBoolean;\r\n  /**\r\n   * @zh_CN 按钮间距，单位 rem （按 1rem = 16px 比例来计算）\r\n   * @en_US Button spacing, unit rem (calculated according to the ratio of 1rem = 16px)\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 0) @XInputNumber() space!: XNumber;\r\n  /**\r\n   * @zh_CN 隐藏边框\r\n   * @en_US Hide border\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() hiddenBorder!: XBoolean;\r\n  /**\r\n   * @zh_CN 显示分页条数\r\n   * @en_US Show size\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() showSize!: XBoolean;\r\n  /**\r\n   * @zh_CN 分页条数的宽度\r\n   * @en_US size with\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 100) @XInputNumber() sizeWidth!: XNumber;\r\n  /**\r\n   * @zh_CN 分页条数的宽度\r\n   * @en_US size with\r\n   */\r\n  @Input() @XWithConfig<XData<XSelectNode>>(X_CONFIG_NAME, [10, 20, 50, 100]) sizeData!: XData<XSelectNode>;\r\n  /**\r\n   * @zh_CN 禁用整个分页\r\n   * @en_US disabled\r\n   */\r\n  @Input() @XInputBoolean() disabled!: XBoolean;\r\n  /**\r\n   * @zh_CN 显示跳转输入框\r\n   * @en_US Show size\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() showJump!: XBoolean;\r\n  /**\r\n   * @zh_CN 跳转页的宽度\r\n   * @en_US size with\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 50) @XInputNumber() jumpWidth!: XNumber;\r\n  /**\r\n   * @zh_CN 总数自定义模板\r\n   * @en_US Total template\r\n   */\r\n  @Input() totalTpl?: XTemplate;\r\n  /**\r\n   * @zh_CN 简单分页\r\n   * @en_US Simple\r\n   */\r\n  @Input() @XWithConfig<XBoolean>(X_CONFIG_NAME, false) @XInputBoolean() simple!: XBoolean;\r\n  /**\r\n   * @zh_CN 简单分页输入框宽度\r\n   * @en_US Simple index with\r\n   */\r\n  @Input() @XWithConfig<XNumber>(X_CONFIG_NAME, 130) @XInputNumber() simpleIndexWidth!: XNumber;\r\n  /**\r\n   * @zh_CN 页码变化的事件\r\n   * @en_US Page number change event\r\n   */\r\n  @Output() queryChange = new EventEmitter<XQuery>();\r\n  /**\r\n   * @zh_CN 页码变化的事件\r\n   * @en_US Page number change event\r\n   */\r\n  @Output() indexChange = new EventEmitter<number>();\r\n  /**\r\n   * @zh_CN 每页显示条数变化的事件\r\n   * @en_US Show the number of events on each page\r\n   */\r\n  @Output() sizeChange = new EventEmitter<number>();\r\n}\r\n\r\n/**\r\n * PaginationOption\r\n */\r\nexport interface XPaginationOption {\r\n  /**\r\n   * @zh_CN 当前页码\r\n   * @en_US Current page number\r\n   */\r\n  index?: XNumber;\r\n  /**\r\n   * @zh_CN 每页显示条数\r\n   * @en_US Number of items displayed per page\r\n   */\r\n  size?: XNumber;\r\n  /**\r\n   * @zh_CN 总数\r\n   * @en_US total\r\n   */\r\n  total?: XNumber;\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  OnChanges,\r\n  SimpleChanges,\r\n  ElementRef,\r\n  Renderer2,\r\n  ChangeDetectorRef\r\n} from '@angular/core';\r\nimport { XPaginationPrefix, XPaginationProperty } from './pagination.property';\r\nimport { XIsChange, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\nimport { XI18nService } from '@ng-nest/ui/i18n';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { ENTER } from '@angular/cdk/keycodes';\r\n\r\n@Component({\r\n  selector: `${XPaginationPrefix}`,\r\n  templateUrl: './pagination.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XPaginationComponent extends XPaginationProperty implements OnChanges {\r\n  lastIndex!: number;\r\n  indexes: number[] = [];\r\n  indexFirst: number = 1;\r\n  indexLast: number = 1;\r\n  jumpPage: number | null = null;\r\n\r\n  private _unSubject = new Subject<void>();\r\n\r\n  get leftDisabled() {\r\n    return Number(this.index) === 1 || Number(this.total) === 0;\r\n  }\r\n\r\n  get rightDisabled() {\r\n    return Number(this.index) === this.lastIndex || Number(this.total) === 0;\r\n  }\r\n\r\n  get firstActivated() {\r\n    return Number(this.index) === 1;\r\n  }\r\n\r\n  get lastActivated() {\r\n    return Number(this.index) === this.lastIndex;\r\n  }\r\n\r\n  constructor(\r\n    public configService: XConfigService,\r\n    public elementRef: ElementRef,\r\n    public renderer: Renderer2,\r\n    public cdr: ChangeDetectorRef,\r\n    public i18n: XI18nService\r\n  ) {\r\n    super();\r\n    this.renderer.addClass(this.elementRef.nativeElement, XPaginationPrefix);\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange.pipe(takeUntil(this._unSubject)).subscribe(() => this.cdr.markForCheck());\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    const { total, size, index } = changes;\r\n    XIsChange(total, size, index) && this.setIndexes();\r\n  }\r\n\r\n  ngOnDestory() {\r\n    this._unSubject.next();\r\n    this._unSubject.unsubscribe();\r\n  }\r\n\r\n  sizeChanged() {\r\n    this.setIndexes();\r\n    this.sizeChange.emit(this.size as number);\r\n  }\r\n\r\n  setIndexes() {\r\n    this.lastIndex = Math.ceil(Number(this.total) / Number(this.size)) || 1;\r\n    const indexes: number[] = [];\r\n    const current = Number(this.index) - 1;\r\n    const maxSize = Number(this.pageLinkSize);\r\n    const pages = Math.min(maxSize, this.lastIndex);\r\n    let start = Math.max(0, Math.ceil(current - pages / 2)),\r\n      end = Math.min(this.lastIndex - 1, start + pages - 1);\r\n    var delta = maxSize - (end - start + 1);\r\n    start = Math.max(0, start - delta);\r\n\r\n    for (let i = start; i <= end; i++) {\r\n      indexes.push(i + 1);\r\n    }\r\n    this.indexes = indexes;\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  jump(index: number, isDiff = false) {\r\n    const ix = this.validateIndex(isDiff ? Number(this.index) + index : index);\r\n    if (ix !== this.index) {\r\n      this.index = ix;\r\n      this.setIndexes();\r\n      this.indexChange.emit(this.index);\r\n    }\r\n  }\r\n\r\n  onKeydown(event: KeyboardEvent) {\r\n    if (this.jumpPage !== null && event.keyCode === ENTER) {\r\n      if (this.jumpPage <= this.indexFirst) {\r\n        this.jump(this.indexFirst);\r\n      } else if (this.jumpPage >= this.lastIndex) {\r\n        this.jump(this.lastIndex);\r\n      } else {\r\n        this.jump(this.jumpPage);\r\n      }\r\n      this.jumpPage = null;\r\n      this.cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  onSimpleKeydown(event: KeyboardEvent) {\r\n    if (this.index !== null && event.keyCode === ENTER) {\r\n      if (this.index <= this.indexFirst) {\r\n        this.index = this.indexFirst;\r\n      } else if (this.index >= this.lastIndex) {\r\n        this.index = this.lastIndex;\r\n      }\r\n      this.jump(this.index as number);\r\n      this.cdr.detectChanges();\r\n    }\r\n  }\r\n\r\n  validateIndex(value: number): number {\r\n    if (value > this.lastIndex) {\r\n      return this.lastIndex;\r\n    } else if (value < 1) {\r\n      return 1;\r\n    } else {\r\n      return value;\r\n    }\r\n  }\r\n\r\n  getActivated(index: number) {\r\n    return Number(this.index) === index;\r\n  }\r\n\r\n  trackByItem(_index: number, item: number) {\r\n    return item;\r\n  }\r\n}\r\n","<x-buttons *ngIf=\"!simple; else simpleTpl\" [space]=\"space\" [hiddenBorder]=\"hiddenBorder\">\r\n  <x-button\r\n    *ngIf=\"showEllipsis\"\r\n    [icon]=\"'fto-chevrons-left'\"\r\n    [title]=\"'pagination.first' | xI18n\"\r\n    [disabled]=\"disabled || firstActivated\"\r\n    (click)=\"jump(1)\"\r\n  ></x-button>\r\n  <ng-container *xOutlet=\"previousTpl\"></ng-container>\r\n  <x-button\r\n    *ngFor=\"let item of indexes; trackBy: trackByItem\"\r\n    [disabled]=\"disabled\"\r\n    [activated]=\"getActivated(item)\"\r\n    (click)=\"jump(item)\"\r\n    >{{ item }}</x-button\r\n  >\r\n  <ng-container *xOutlet=\"nextTpl\"></ng-container>\r\n  <x-button\r\n    *ngIf=\"showEllipsis && !simple\"\r\n    [icon]=\"'fto-chevrons-right'\"\r\n    [title]=\"'pagination.last' | xI18n\"\r\n    [disabled]=\"disabled || lastActivated\"\r\n    (click)=\"jump(lastIndex)\"\r\n  ></x-button>\r\n</x-buttons>\r\n<ng-template #simpleTpl>\r\n  <div class=\"x-pagination-simple\">\r\n    <x-input\r\n      [bordered]=\"!hiddenBorder\"\r\n      [before]=\"previousTpl\"\r\n      [after]=\"nextTpl\"\r\n      [style.width.px]=\"simpleIndexWidth\"\r\n      [(ngModel)]=\"index\"\r\n      (xKeydown)=\"onSimpleKeydown($event)\"\r\n    ></x-input>\r\n    <span>/</span>\r\n    <span>{{ lastIndex }}</span>\r\n  </div>\r\n</ng-template>\r\n<x-select\r\n  *ngIf=\"showSize\"\r\n  [style.width.px]=\"sizeWidth\"\r\n  class=\"x-pagination-size\"\r\n  [data]=\"sizeData\"\r\n  clearable=\"false\"\r\n  [disabled]=\"disabled\"\r\n  [bordered]=\"!hiddenBorder\"\r\n  [nodeTpl]=\"nodeTpl\"\r\n  [(ngModel)]=\"size\"\r\n  (ngModelChange)=\"sizeChanged()\"\r\n></x-select>\r\n<div *ngIf=\"showJump && !simple\" class=\"x-pagination-jump\">\r\n  <span>{{ 'pagination.jump' | xI18n }}</span>\r\n  <x-input [bordered]=\"!hiddenBorder\" [style.width.px]=\"jumpWidth\" [(ngModel)]=\"jumpPage\" (xKeydown)=\"onKeydown($event)\"></x-input>\r\n</div>\r\n<x-button *ngIf=\"showTotal\" [disabled]=\"disabled\" class=\"x-pagination-total\" [type]=\"hiddenBorder === true ? 'text' : 'initial'\"\r\n  ><ng-container *xOutlet=\"totalTpl; context: { $total: total }\"\r\n    >{{ 'pagination.total' | xI18n }} {{ total }} {{ 'pagination.item' | xI18n }}</ng-container\r\n  ></x-button\r\n>\r\n\r\n<ng-template #previousTpl>\r\n  <x-button\r\n    [icon]=\"'fto-chevron-left'\"\r\n    [title]=\"'pagination.previous' | xI18n\"\r\n    [disabled]=\"disabled || leftDisabled\"\r\n    (click)=\"jump(-1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nextTpl>\r\n  <x-button\r\n    [icon]=\"'fto-chevron-right'\"\r\n    [title]=\"'pagination.next' | xI18n\"\r\n    [disabled]=\"disabled || rightDisabled\"\r\n    (click)=\"jump(1, true)\"\r\n  ></x-button>\r\n</ng-template>\r\n\r\n<ng-template #nodeTpl let-node=\"$node\">\r\n  <ng-container *ngIf=\"node\"> {{ node?.label }} {{ 'pagination.sizePage' | xI18n }} </ng-container>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XPaginationComponent } from './pagination.component';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XPaginationProperty } from './pagination.property';\r\nimport { XI18nModule } from '@ng-nest/ui/i18n';\r\nimport { XSelectModule } from '@ng-nest/ui/select';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { XInputModule } from '@ng-nest/ui/input';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\n\r\n@NgModule({\r\n  declarations: [XPaginationComponent, XPaginationProperty],\r\n  exports: [XPaginationComponent],\r\n  imports: [CommonModule, FormsModule, XButtonModule, XI18nModule, XSelectModule, XInputModule, XOutletModule]\r\n})\r\nexport class XPaginationModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/ng-nest-ui-pattern.mjs

@@ -0,0 +1,45 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+/**
+ * Pattern
+ * @selector x-pattern
+ * @decorator component
+ */
+const PatternPrefix = 'x-pattern';
+
+class XPatternComponent {
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.renderer.addClass(this.elementRef.nativeElement, PatternPrefix);
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XPatternComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPatternComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XPatternComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XPatternComponent, selector: "x-pattern", ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".x-pattern{margin:0;padding:0;display:block}.x-pattern>table>tr>td:nth-child(1){color:navy;width:25%}.x-pattern>table>tr>td:nth-child(3){color:#d14}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPatternComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'x-pattern', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\r\n", styles: [".x-pattern{margin:0;padding:0;display:block}.x-pattern>table>tr>td:nth-child(1){color:navy;width:25%}.x-pattern>table>tr>td:nth-child(3){color:#d14}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; } });
+
+class XPatternModule {
+}
+/** @nocollapse */ /** @nocollapse */ XPatternModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPatternModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XPatternModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPatternModule, declarations: [XPatternComponent], imports: [CommonModule], exports: [XPatternComponent] });
+/** @nocollapse */ /** @nocollapse */ XPatternModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPatternModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPatternModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [XPatternComponent],
+                    exports: [XPatternComponent],
+                    imports: [CommonModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { PatternPrefix, XPatternComponent, XPatternModule };
+//# sourceMappingURL=ng-nest-ui-pattern.mjs.map

package/fesm2020/ng-nest-ui-pattern.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-pattern.mjs","sources":["../../../../lib/ng-nest/ui/pattern/pattern.property.ts","../../../../lib/ng-nest/ui/pattern/pattern.component.ts","../../../../lib/ng-nest/ui/pattern/pattern.component.html","../../../../lib/ng-nest/ui/pattern/pattern.module.ts","../../../../lib/ng-nest/ui/pattern/ng-nest-ui-pattern.ts"],"sourcesContent":["/**\r\n * Pattern\r\n * @selector x-pattern\r\n * @decorator component\r\n */\r\nexport const PatternPrefix = 'x-pattern';\r\n","import { Component, ViewEncapsulation, ChangeDetectionStrategy, Renderer2, ElementRef } from '@angular/core';\r\nimport { PatternPrefix } from './pattern.property';\r\n\r\n@Component({\r\n  selector: 'x-pattern',\r\n  templateUrl: './pattern.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XPatternComponent {\r\n  constructor(private renderer: Renderer2, private elementRef: ElementRef) {\r\n    this.renderer.addClass(this.elementRef.nativeElement, PatternPrefix);\r\n  }\r\n}\r\n","<ng-content></ng-content>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XPatternComponent } from './pattern.component';\r\n\r\n@NgModule({\r\n  declarations: [XPatternComponent],\r\n  exports: [XPatternComponent],\r\n  imports: [CommonModule]\r\n})\r\nexport class XPatternModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;;;;;MAKa,aAAa,GAAG;;MCKhB,iBAAiB;IAC5B,YAAoB,QAAmB,EAAU,UAAsB;QAAnD,aAAQ,GAAR,QAAQ,CAAW;QAAU,eAAU,GAAV,UAAU,CAAY;QACrE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;KACtE;;oJAHU,iBAAiB;wIAAjB,iBAAiB,iDCV9B,+BACA;2FDSa,iBAAiB;kBAP7B,SAAS;+BACE,WAAW,iBAGN,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM;;;MECpC,cAAc;;iJAAd,cAAc;kJAAd,cAAc,iBAJV,iBAAiB,aAEtB,YAAY,aADZ,iBAAiB;kJAGhB,cAAc,YAFhB,CAAC,YAAY,CAAC;2FAEZ,cAAc;kBAL1B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,OAAO,EAAE,CAAC,YAAY,CAAC;iBACxB;;;ACRD;;;;;;"}

package/fesm2020/ng-nest-ui-popconfirm.mjs

@@ -0,0 +1,155 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+import * as i1 from '@ng-nest/ui/core';
+import { XProperty, XWithConfig } from '@ng-nest/ui/core';
+import { Subject } from 'rxjs';
+import { map, takeUntil } from 'rxjs/operators';
+import * as i2 from '@ng-nest/ui/i18n';
+import * as i3 from '@ng-nest/ui/icon';
+import { XIconModule } from '@ng-nest/ui/icon';
+import * as i4 from '@ng-nest/ui/button';
+import { XButtonModule } from '@ng-nest/ui/button';
+import * as i5 from '@ng-nest/ui/popover';
+import { XPopoverModule } from '@ng-nest/ui/popover';
+import * as i6 from '@ng-nest/ui/outlet';
+import { XOutletModule } from '@ng-nest/ui/outlet';
+import * as i7 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+/**
+ * Popconfirm
+ * @selector x-popconfirm
+ * @decorator component
+ */
+const XPopconfirmPrefix = 'x-popconfirm';
+const X_CONFIG_NAME = 'popconfirm';
+/**
+ * Popconfirm Property
+ */
+class XPopconfirmProperty extends XProperty {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 取消的点击事件
+         * @en_US Cancelled click event
+         */
+        this.cancel = new EventEmitter();
+        /**
+         * @zh_CN 确认的点击事件
+         * @en_US Confirmed click event
+         */
+        this.confirm = new EventEmitter();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XPopconfirmProperty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPopconfirmProperty, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XPopconfirmProperty.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XPopconfirmProperty, selector: "ng-component", inputs: { title: "title", content: "content", placement: "placement", trigger: "trigger", width: "width", icon: "icon", iconColor: "iconColor", cancelText: "cancelText", confirmText: "confirmText" }, outputs: { cancel: "cancel", confirm: "confirm" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 'bottom')
+], XPopconfirmProperty.prototype, "placement", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 'click')
+], XPopconfirmProperty.prototype, "trigger", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, '12rem')
+], XPopconfirmProperty.prototype, "width", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, 'fto-help-circle')
+], XPopconfirmProperty.prototype, "icon", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME, '#e6a23c')
+], XPopconfirmProperty.prototype, "iconColor", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME)
+], XPopconfirmProperty.prototype, "cancelText", void 0);
+__decorate([
+    XWithConfig(X_CONFIG_NAME)
+], XPopconfirmProperty.prototype, "confirmText", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPopconfirmProperty, decorators: [{
+            type: Component,
+            args: [{ template: '' }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], content: [{
+                type: Input
+            }], placement: [{
+                type: Input
+            }], trigger: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconColor: [{
+                type: Input
+            }], cancelText: [{
+                type: Input
+            }], confirmText: [{
+                type: Input
+            }], cancel: [{
+                type: Output
+            }], confirm: [{
+                type: Output
+            }] } });
+
+class XPopconfirmComponent extends XPopconfirmProperty {
+    constructor(renderer, elementRef, cdr, configService, i18n) {
+        super();
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+        this.configService = configService;
+        this.i18n = i18n;
+        this.locale = {};
+        this._unSubject = new Subject();
+    }
+    get getCancelText() {
+        return this.cancelText || this.locale.cancelText;
+    }
+    get getConfirmText() {
+        return this.confirmText || this.locale.confirmText;
+    }
+    ngOnInit() {
+        this.i18n.localeChange
+            .pipe(map((x) => x.popconfirm), takeUntil(this._unSubject))
+            .subscribe((x) => {
+            this.locale = x;
+            this.cdr.markForCheck();
+        });
+    }
+    onCancel() {
+        this.visible = false;
+        this.cancel.emit();
+    }
+    onConfirm() {
+        this.visible = false;
+        this.confirm.emit();
+    }
+}
+/** @nocollapse */ /** @nocollapse */ XPopconfirmComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPopconfirmComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.XConfigService }, { token: i2.XI18nService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ /** @nocollapse */ XPopconfirmComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: XPopconfirmComponent, selector: "x-popconfirm", usesInheritance: true, ngImport: i0, template: "<div\r\n  #popconfirm\r\n  class=\"x-popconfirm\"\r\n  x-popover\r\n  [title]=\"titleTpl\"\r\n  [content]=\"content\"\r\n  [footer]=\"footerTpl\"\r\n  [placement]=\"placement\"\r\n  [trigger]=\"trigger\"\r\n  [width]=\"width\"\r\n  [(visible)]=\"visible\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #titleTpl>\r\n  <div class=\"x-popconfirm-title\">\r\n    <ng-container *xOutlet=\"title\">\r\n      <x-icon *ngIf=\"icon\" [style.color]=\"iconColor\" [type]=\"icon\"></x-icon>\r\n      <span>{{ title }}</span>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #footerTpl>\r\n  <div class=\"x-popconfirm-buttons\">\r\n    <x-button (click)=\"onCancel()\">{{ getCancelText }}</x-button>\r\n    <x-button type=\"primary\" (click)=\"onConfirm()\">{{ getConfirmText }}</x-button>\r\n  </div>\r\n</ng-template>\r\n", styles: [".x-popconfirm{margin:0;padding:0;display:inline-block}.x-popconfirm-buttons{display:flex;justify-content:flex-end}.x-popconfirm-buttons>x-button:not(:first-child){margin-left:.5rem}.x-popconfirm-title{display:flex;align-items:center}.x-popconfirm-title>.x-icon{margin-right:.325rem;font-size:1rem}\n"], components: [{ type: i3.XIconComponent, selector: "x-icon" }, { type: i4.XButtonComponent, selector: "x-button" }], directives: [{ type: i5.XPopoverDirective, selector: "[x-popover], x-popover" }, { type: i6.XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPopconfirmComponent, decorators: [{
+            type: Component,
+            args: [{ selector: `${XPopconfirmPrefix}`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  #popconfirm\r\n  class=\"x-popconfirm\"\r\n  x-popover\r\n  [title]=\"titleTpl\"\r\n  [content]=\"content\"\r\n  [footer]=\"footerTpl\"\r\n  [placement]=\"placement\"\r\n  [trigger]=\"trigger\"\r\n  [width]=\"width\"\r\n  [(visible)]=\"visible\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #titleTpl>\r\n  <div class=\"x-popconfirm-title\">\r\n    <ng-container *xOutlet=\"title\">\r\n      <x-icon *ngIf=\"icon\" [style.color]=\"iconColor\" [type]=\"icon\"></x-icon>\r\n      <span>{{ title }}</span>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #footerTpl>\r\n  <div class=\"x-popconfirm-buttons\">\r\n    <x-button (click)=\"onCancel()\">{{ getCancelText }}</x-button>\r\n    <x-button type=\"primary\" (click)=\"onConfirm()\">{{ getConfirmText }}</x-button>\r\n  </div>\r\n</ng-template>\r\n", styles: [".x-popconfirm{margin:0;padding:0;display:inline-block}.x-popconfirm-buttons{display:flex;justify-content:flex-end}.x-popconfirm-buttons>x-button:not(:first-child){margin-left:.5rem}.x-popconfirm-title{display:flex;align-items:center}.x-popconfirm-title>.x-icon{margin-right:.325rem;font-size:1rem}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.XConfigService }, { type: i2.XI18nService }]; } });
+
+class XPopconfirmModule {
+}
+/** @nocollapse */ /** @nocollapse */ XPopconfirmModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPopconfirmModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ /** @nocollapse */ XPopconfirmModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPopconfirmModule, declarations: [XPopconfirmComponent, XPopconfirmProperty], imports: [CommonModule, XPopoverModule, XButtonModule, XIconModule, XOutletModule], exports: [XPopconfirmComponent] });
+/** @nocollapse */ /** @nocollapse */ XPopconfirmModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPopconfirmModule, imports: [[CommonModule, XPopoverModule, XButtonModule, XIconModule, XOutletModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: XPopconfirmModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [XPopconfirmComponent, XPopconfirmProperty],
+                    exports: [XPopconfirmComponent],
+                    imports: [CommonModule, XPopoverModule, XButtonModule, XIconModule, XOutletModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XPopconfirmComponent, XPopconfirmModule, XPopconfirmPrefix, XPopconfirmProperty };
+//# sourceMappingURL=ng-nest-ui-popconfirm.mjs.map

package/fesm2020/ng-nest-ui-popconfirm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-popconfirm.mjs","sources":["../../../../lib/ng-nest/ui/popconfirm/popconfirm.property.ts","../../../../lib/ng-nest/ui/popconfirm/popconfirm.component.ts","../../../../lib/ng-nest/ui/popconfirm/popconfirm.component.html","../../../../lib/ng-nest/ui/popconfirm/popconfirm.module.ts","../../../../lib/ng-nest/ui/popconfirm/ng-nest-ui-popconfirm.ts"],"sourcesContent":["import { XPlacement, XTemplate, XProperty, XWithConfig } from '@ng-nest/ui/core';\r\nimport { XPopoverTrigger } from '@ng-nest/ui/popover';\r\nimport { Input, Output, EventEmitter, Component } from '@angular/core';\r\n\r\n/**\r\n * Popconfirm\r\n * @selector x-popconfirm\r\n * @decorator component\r\n */\r\nexport const XPopconfirmPrefix = 'x-popconfirm';\r\nconst X_CONFIG_NAME = 'popconfirm';\r\n\r\n/**\r\n * Popconfirm Property\r\n */\r\n@Component({ template: '' })\r\nexport class XPopconfirmProperty extends XProperty {\r\n  /**\r\n   * @zh_CN 标题，支持自定义模板\r\n   * @en_US Title, support custom template\r\n   */\r\n  @Input() title?: XTemplate;\r\n  /**\r\n   * @zh_CN 内容，支持自定义模板\r\n   * @en_US Content, support custom templates\r\n   */\r\n  @Input() content?: XTemplate;\r\n  /**\r\n   * @zh_CN 弹出的位置\r\n   * @en_US Pop-up position\r\n   */\r\n  @Input() @XWithConfig<XPlacement>(X_CONFIG_NAME, 'bottom') placement?: XPlacement;\r\n  /**\r\n   * @zh_CN 激活方式\r\n   * @en_US Activation method\r\n   */\r\n  @Input() @XWithConfig<XPopoverTrigger>(X_CONFIG_NAME, 'click') trigger?: XPopoverTrigger;\r\n  /**\r\n   * @zh_CN 宽度\r\n   * @en_US Width\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '12rem') width?: string;\r\n  /**\r\n   * @zh_CN 图标\r\n   * @en_US Icon\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, 'fto-help-circle') icon?: string;\r\n  /**\r\n   * @zh_CN 图标颜色\r\n   * @en_US Icon color\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME, '#e6a23c') iconColor?: string;\r\n  /**\r\n   * @zh_CN 取消的文字\r\n   * @en_US Canceled text\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) cancelText?: string;\r\n  /**\r\n   * @zh_CN 确认的文字\r\n   * @en_US Confirmed text\r\n   */\r\n  @Input() @XWithConfig<string>(X_CONFIG_NAME) confirmText?: string;\r\n  /**\r\n   * @zh_CN 取消的点击事件\r\n   * @en_US Cancelled click event\r\n   */\r\n  @Output() cancel = new EventEmitter();\r\n  /**\r\n   * @zh_CN 确认的点击事件\r\n   * @en_US Confirmed click event\r\n   */\r\n  @Output() confirm = new EventEmitter();\r\n}\r\n","import { Renderer2, ElementRef, ChangeDetectorRef, Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\r\nimport { XPopconfirmProperty, XPopconfirmPrefix } from './popconfirm.property';\r\nimport { XBoolean, XConfigService } from '@ng-nest/ui/core';\r\nimport { Subject } from 'rxjs';\r\nimport { XI18nService, XI18nPopconfirm } from '@ng-nest/ui/i18n';\r\nimport { map, takeUntil } from 'rxjs/operators';\r\n\r\n@Component({\r\n  selector: `${XPopconfirmPrefix}`,\r\n  templateUrl: './popconfirm.component.html',\r\n  styleUrls: ['./popconfirm.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XPopconfirmComponent extends XPopconfirmProperty {\r\n  visible!: XBoolean;\r\n  locale: XI18nPopconfirm = {};\r\n\r\n  private _unSubject = new Subject<void>();\r\n\r\n  get getCancelText() {\r\n    return this.cancelText || this.locale.cancelText;\r\n  }\r\n\r\n  get getConfirmText() {\r\n    return this.confirmText || this.locale.confirmText;\r\n  }\r\n\r\n  constructor(\r\n    public renderer: Renderer2,\r\n    public elementRef: ElementRef,\r\n    public cdr: ChangeDetectorRef,\r\n    public configService: XConfigService,\r\n    public i18n: XI18nService\r\n  ) {\r\n    super();\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.i18n.localeChange\r\n      .pipe(\r\n        map((x) => x.popconfirm as XI18nPopconfirm),\r\n        takeUntil(this._unSubject)\r\n      )\r\n      .subscribe((x) => {\r\n        this.locale = x;\r\n        this.cdr.markForCheck();\r\n      });\r\n  }\r\n\r\n  onCancel() {\r\n    this.visible = false;\r\n    this.cancel.emit();\r\n  }\r\n\r\n  onConfirm() {\r\n    this.visible = false;\r\n    this.confirm.emit();\r\n  }\r\n}\r\n","<div\r\n  #popconfirm\r\n  class=\"x-popconfirm\"\r\n  x-popover\r\n  [title]=\"titleTpl\"\r\n  [content]=\"content\"\r\n  [footer]=\"footerTpl\"\r\n  [placement]=\"placement\"\r\n  [trigger]=\"trigger\"\r\n  [width]=\"width\"\r\n  [(visible)]=\"visible\"\r\n>\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-template #titleTpl>\r\n  <div class=\"x-popconfirm-title\">\r\n    <ng-container *xOutlet=\"title\">\r\n      <x-icon *ngIf=\"icon\" [style.color]=\"iconColor\" [type]=\"icon\"></x-icon>\r\n      <span>{{ title }}</span>\r\n    </ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #footerTpl>\r\n  <div class=\"x-popconfirm-buttons\">\r\n    <x-button (click)=\"onCancel()\">{{ getCancelText }}</x-button>\r\n    <x-button type=\"primary\" (click)=\"onConfirm()\">{{ getConfirmText }}</x-button>\r\n  </div>\r\n</ng-template>\r\n","import { NgModule } from '@angular/core';\r\nimport { XPopconfirmComponent } from './popconfirm.component';\r\nimport { XPopoverModule } from '@ng-nest/ui/popover';\r\nimport { XButtonModule } from '@ng-nest/ui/button';\r\nimport { XIconModule } from '@ng-nest/ui/icon';\r\nimport { XOutletModule } from '@ng-nest/ui/outlet';\r\nimport { CommonModule } from '@angular/common';\r\nimport { XPopconfirmProperty } from './popconfirm.property';\r\n\r\n@NgModule({\r\n  declarations: [XPopconfirmComponent, XPopconfirmProperty],\r\n  exports: [XPopconfirmComponent],\r\n  imports: [CommonModule, XPopoverModule, XButtonModule, XIconModule, XOutletModule]\r\n})\r\nexport class XPopconfirmModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}