@delon/abc 12.4.2 → 13.1.0

package/fesm2015/down-file.mjs

@@ -0,0 +1,141 @@
+import { __awaiter } from 'tslib';
+import * as i0 from '@angular/core';
+import { EventEmitter, Directive, Input, Output, NgModule } from '@angular/core';
+import { finalize } from 'rxjs/operators';
+import { saveAs } from 'file-saver';
+import * as i1 from '@delon/theme';
+import { AlainThemeModule } from '@delon/theme';
+import { CommonModule } from '@angular/common';
+
+class DownFileDirective {
+    constructor(el, _http) {
+        this.el = el;
+        this._http = _http;
+        this.isFileSaverSupported = true;
+        this.httpMethod = 'get';
+        this.success = new EventEmitter();
+        this.error = new EventEmitter();
+        let isFileSaverSupported = false;
+        try {
+            isFileSaverSupported = !!new Blob();
+        }
+        catch (_a) { }
+        this.isFileSaverSupported = isFileSaverSupported;
+        if (!isFileSaverSupported) {
+            el.nativeElement.classList.add(`down-file__not-support`);
+        }
+    }
+    getDisposition(data) {
+        const arr = (data || '')
+            .split(';')
+            .filter(i => i.includes('='))
+            .map(v => {
+            const strArr = v.split('=');
+            const utfId = `UTF-8''`;
+            let value = strArr[1];
+            if (value.startsWith(utfId))
+                value = value.substring(utfId.length);
+            return { [strArr[0].trim()]: value };
+        });
+        return arr.reduce((_o, item) => item, {});
+    }
+    setDisabled(status) {
+        const el = this.el.nativeElement;
+        el.disabled = status;
+        el.classList[status ? 'add' : 'remove'](`down-file__disabled`);
+    }
+    _click(ev) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.isFileSaverSupported || (typeof this.pre === 'function' && !(yield this.pre(ev)))) {
+                ev.stopPropagation();
+                ev.preventDefault();
+                return;
+            }
+            this.setDisabled(true);
+            this._http
+                .request(this.httpMethod, this.httpUrl, {
+                params: this.httpData || {},
+                responseType: 'blob',
+                observe: 'response',
+                body: this.httpBody
+            })
+                .pipe(finalize(() => this.setDisabled(false)))
+                .subscribe({
+                next: (res) => {
+                    if (res.status !== 200 || res.body.size <= 0) {
+                        this.error.emit(res);
+                        return;
+                    }
+                    const disposition = this.getDisposition(res.headers.get('content-disposition'));
+                    let fileName = this.fileName;
+                    if (typeof fileName === 'function')
+                        fileName = fileName(res);
+                    fileName =
+                        fileName ||
+                            disposition[`filename*`] ||
+                            disposition[`filename`] ||
+                            res.headers.get('filename') ||
+                            res.headers.get('x-filename');
+                    saveAs(res.body, decodeURI(fileName));
+                    this.success.emit(res);
+                },
+                error: err => this.error.emit(err)
+            });
+        });
+    }
+}
+DownFileDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DownFileDirective, deps: [{ token: i0.ElementRef }, { token: i1._HttpClient }], target: i0.ɵɵFactoryTarget.Directive });
+DownFileDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.2", type: DownFileDirective, selector: "[down-file]", inputs: { httpData: ["http-data", "httpData"], httpBody: ["http-body", "httpBody"], httpMethod: ["http-method", "httpMethod"], httpUrl: ["http-url", "httpUrl"], fileName: ["file-name", "fileName"], pre: "pre" }, outputs: { success: "success", error: "error" }, host: { listeners: { "click": "_click($event)" } }, exportAs: ["downFile"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DownFileDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[down-file]',
+                    exportAs: 'downFile',
+                    host: {
+                        '(click)': '_click($event)'
+                    }
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1._HttpClient }]; }, propDecorators: { httpData: [{
+                type: Input,
+                args: ['http-data']
+            }], httpBody: [{
+                type: Input,
+                args: ['http-body']
+            }], httpMethod: [{
+                type: Input,
+                args: ['http-method']
+            }], httpUrl: [{
+                type: Input,
+                args: ['http-url']
+            }], fileName: [{
+                type: Input,
+                args: ['file-name']
+            }], pre: [{
+                type: Input
+            }], success: [{
+                type: Output
+            }], error: [{
+                type: Output
+            }] } });
+
+const DIRECTIVES = [DownFileDirective];
+class DownFileModule {
+}
+DownFileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DownFileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DownFileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DownFileModule, declarations: [DownFileDirective], imports: [CommonModule, AlainThemeModule], exports: [DownFileDirective] });
+DownFileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DownFileModule, imports: [[CommonModule, AlainThemeModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DownFileModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, AlainThemeModule],
+                    declarations: [...DIRECTIVES],
+                    exports: [...DIRECTIVES]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DownFileDirective, DownFileModule };
+//# sourceMappingURL=down-file.mjs.map

package/fesm2015/down-file.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"down-file.mjs","sources":["../../../../packages/abc/down-file/down-file.directive.ts","../../../../packages/abc/down-file/down-file.module.ts","../../../../packages/abc/down-file/down-file.ts"],"sourcesContent":["import { HttpResponse } from '@angular/common/http';\nimport { Directive, ElementRef, EventEmitter, Input, Output } from '@angular/core';\nimport { finalize } from 'rxjs/operators';\n\nimport { saveAs } from 'file-saver';\n\nimport { _HttpClient } from '@delon/theme';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\n@Directive({\n  selector: '[down-file]',\n  exportAs: 'downFile',\n  host: {\n    '(click)': '_click($event)'\n  }\n})\nexport class DownFileDirective {\n  private isFileSaverSupported = true;\n  @Input('http-data') httpData: NzSafeAny;\n  @Input('http-body') httpBody: NzSafeAny;\n  @Input('http-method') httpMethod: string = 'get';\n  @Input('http-url') httpUrl!: string;\n  @Input('file-name') fileName?: string | ((rep: HttpResponse<Blob>) => string);\n  @Input() pre?: (ev: MouseEvent) => Promise<boolean>;\n  @Output() readonly success = new EventEmitter<HttpResponse<Blob>>();\n  @Output() readonly error = new EventEmitter<NzSafeAny>();\n\n  private getDisposition(data: string | null): NzSafeAny {\n    const arr: Array<Record<string, string>> = (data || '')\n      .split(';')\n      .filter(i => i.includes('='))\n      .map(v => {\n        const strArr = v.split('=');\n        const utfId = `UTF-8''`;\n        let value = strArr[1];\n        if (value.startsWith(utfId)) value = value.substring(utfId.length);\n        return { [strArr[0].trim()]: value };\n      });\n    return arr.reduce((_o, item) => item, {});\n  }\n\n  constructor(private el: ElementRef<HTMLButtonElement>, private _http: _HttpClient) {\n    let isFileSaverSupported = false;\n    try {\n      isFileSaverSupported = !!new Blob();\n    } catch {}\n    this.isFileSaverSupported = isFileSaverSupported;\n    if (!isFileSaverSupported) {\n      el.nativeElement.classList.add(`down-file__not-support`);\n    }\n  }\n\n  private setDisabled(status: boolean): void {\n    const el = this.el.nativeElement;\n    el.disabled = status;\n    el.classList[status ? 'add' : 'remove'](`down-file__disabled`);\n  }\n\n  async _click(ev: MouseEvent): Promise<void> {\n    if (!this.isFileSaverSupported || (typeof this.pre === 'function' && !(await this.pre(ev)))) {\n      ev.stopPropagation();\n      ev.preventDefault();\n      return;\n    }\n    this.setDisabled(true);\n    this._http\n      .request(this.httpMethod, this.httpUrl, {\n        params: this.httpData || {},\n        responseType: 'blob',\n        observe: 'response',\n        body: this.httpBody\n      })\n      .pipe(finalize(() => this.setDisabled(false)))\n      .subscribe({\n        next: (res: HttpResponse<Blob>) => {\n          if (res.status !== 200 || res.body!.size <= 0) {\n            this.error.emit(res);\n            return;\n          }\n          const disposition = this.getDisposition(res.headers.get('content-disposition'));\n          let fileName = this.fileName;\n          if (typeof fileName === 'function') fileName = fileName(res);\n          fileName =\n            fileName ||\n            disposition[`filename*`] ||\n            disposition[`filename`] ||\n            res.headers.get('filename') ||\n            res.headers.get('x-filename');\n          saveAs(res.body!, decodeURI(fileName as string));\n          this.success.emit(res);\n        },\n        error: err => this.error.emit(err)\n      });\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { AlainThemeModule } from '@delon/theme';\n\nimport { DownFileDirective } from './down-file.directive';\n\nconst DIRECTIVES = [DownFileDirective];\n\n@NgModule({\n  imports: [CommonModule, AlainThemeModule],\n  declarations: [...DIRECTIVES],\n  exports: [...DIRECTIVES]\n})\nexport class DownFileModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2015/ellipsis.mjs

@@ -0,0 +1,255 @@
+import { __decorate } from 'tslib';
+import * as i3 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, ViewChild, Input, NgModule } from '@angular/core';
+import { take } from 'rxjs/operators';
+import { InputBoolean, InputNumber } from '@delon/util/decorator';
+import * as i1 from '@angular/platform-browser';
+import * as i2 from '@angular/cdk/observers';
+import { ObserversModule } from '@angular/cdk/observers';
+import * as i4 from 'ng-zorro-antd/tooltip';
+import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
+
+class EllipsisComponent {
+    constructor(el, ngZone, dom, doc, cdr) {
+        this.el = el;
+        this.ngZone = ngZone;
+        this.dom = dom;
+        this.doc = doc;
+        this.cdr = cdr;
+        this.isSupportLineClamp = this.doc.body.style['webkitLineClamp'] !== undefined;
+        this.inited = false;
+        this.type = 'default';
+        this.cls = {};
+        this.text = '';
+        this.targetCount = 0;
+        this.tooltip = false;
+        this.fullWidthRecognition = false;
+        this.tail = '...';
+    }
+    get linsWord() {
+        const { targetCount, text, tail } = this;
+        return ((targetCount > 0 ? text.substring(0, targetCount) : '') +
+            (targetCount > 0 && targetCount < text.length ? tail : ''));
+    }
+    getStrFullLength(str) {
+        return str.split('').reduce((pre, cur) => {
+            const charCode = cur.charCodeAt(0);
+            if (charCode >= 0 && charCode <= 128) {
+                return pre + 1;
+            }
+            return pre + 2;
+        }, 0);
+    }
+    cutStrByFullLength(str, maxLength) {
+        let showLength = 0;
+        return str.split('').reduce((pre, cur) => {
+            const charCode = cur.charCodeAt(0);
+            if (charCode >= 0 && charCode <= 128) {
+                showLength += 1;
+            }
+            else {
+                showLength += 2;
+            }
+            if (showLength <= maxLength) {
+                return pre + cur;
+            }
+            return pre;
+        }, '');
+    }
+    bisection(targetHeight, mid, begin, end, text, node) {
+        const suffix = this.tail;
+        node.innerHTML = text.substring(0, mid) + suffix;
+        let sh = node.offsetHeight;
+        if (sh <= targetHeight) {
+            node.innerHTML = text.substring(0, mid + 1) + suffix;
+            sh = node.offsetHeight;
+            if (sh > targetHeight || mid === begin) {
+                return mid;
+            }
+            begin = mid;
+            mid = end - begin === 1 ? begin + 1 : Math.floor((end - begin) / 2) + begin;
+            return this.bisection(targetHeight, mid, begin, end, text, node);
+        }
+        if (mid - 1 < 0) {
+            return mid;
+        }
+        node.innerHTML = text.substring(0, mid - 1) + suffix;
+        sh = node.offsetHeight;
+        if (sh <= targetHeight) {
+            return mid - 1;
+        }
+        end = mid;
+        mid = Math.floor((end - begin) / 2) + begin;
+        return this.bisection(targetHeight, mid, begin, end, text, node);
+    }
+    genType() {
+        const { lines, length, isSupportLineClamp } = this;
+        this.cls = {
+            ellipsis: true,
+            ellipsis__lines: lines && !isSupportLineClamp,
+            'ellipsis__line-clamp': lines && isSupportLineClamp
+        };
+        if (!lines && !length) {
+            this.type = 'default';
+        }
+        else if (!lines) {
+            this.type = 'length';
+        }
+        else if (isSupportLineClamp) {
+            this.type = 'line-clamp';
+        }
+        else {
+            this.type = 'line';
+        }
+    }
+    gen() {
+        const { type, lines, length, fullWidthRecognition, tail, orgEl, cdr, ngZone } = this;
+        if (type === 'length') {
+            const el = orgEl.nativeElement;
+            if (el.children.length > 0) {
+                throw new Error('Ellipsis content must be string.');
+            }
+            const lengthText = el.textContent;
+            const textLength = fullWidthRecognition ? this.getStrFullLength(lengthText) : lengthText.length;
+            if (textLength <= length || length < 0) {
+                this.text = lengthText;
+            }
+            else {
+                let displayText;
+                if (length - tail.length <= 0) {
+                    displayText = '';
+                }
+                else {
+                    displayText = fullWidthRecognition
+                        ? this.cutStrByFullLength(lengthText, length)
+                        : lengthText.slice(0, length);
+                }
+                this.text = displayText + tail;
+            }
+            ngZone.run(() => cdr.detectChanges());
+        }
+        else if (type === 'line') {
+            const { shadowOrgEl, shadowTextEl } = this;
+            const orgNode = shadowOrgEl.nativeElement;
+            const lineText = orgNode.innerText || orgNode.textContent;
+            const lineHeight = parseInt(getComputedStyle(this.getEl('.ellipsis')).lineHeight, 10);
+            const targetHeight = lines * lineHeight;
+            this.getEl('.ellipsis__handle').style.height = `${targetHeight}px`;
+            if (orgNode.offsetHeight <= targetHeight) {
+                this.text = lineText;
+                this.targetCount = lineText.length;
+            }
+            else {
+                // bisection
+                const len = lineText.length;
+                const mid = Math.ceil(len / 2);
+                const count = this.bisection(targetHeight, mid, 0, len, lineText, shadowTextEl.nativeElement.firstChild);
+                this.text = lineText;
+                this.targetCount = count;
+            }
+            ngZone.run(() => cdr.detectChanges());
+        }
+    }
+    getEl(cls) {
+        return this.el.nativeElement.querySelector(cls);
+    }
+    executeOnStable(fn) {
+        if (this.ngZone.isStable) {
+            fn();
+        }
+        else {
+            this.ngZone.onStable.asObservable().pipe(take(1)).subscribe(fn);
+        }
+    }
+    refresh() {
+        this.genType();
+        const { type, dom, orgEl, cdr } = this;
+        const html = orgEl.nativeElement.innerHTML;
+        this.orgHtml = dom.bypassSecurityTrustHtml(html);
+        cdr.detectChanges();
+        this.executeOnStable(() => {
+            this.gen();
+            if (type !== 'line') {
+                const el = this.getEl('.ellipsis');
+                if (el) {
+                    el.innerHTML = html;
+                }
+            }
+        });
+    }
+    ngAfterViewInit() {
+        this.inited = true;
+        this.refresh();
+    }
+    ngOnChanges() {
+        if (this.inited) {
+            this.refresh();
+        }
+    }
+}
+EllipsisComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EllipsisComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.DomSanitizer }, { token: DOCUMENT }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+EllipsisComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EllipsisComponent, selector: "ellipsis", inputs: { tooltip: "tooltip", length: "length", lines: "lines", fullWidthRecognition: "fullWidthRecognition", tail: "tail" }, viewQueries: [{ propertyName: "orgEl", first: true, predicate: ["orgEl"], descendants: true }, { propertyName: "shadowOrgEl", first: true, predicate: ["shadowOrgEl"], descendants: true }, { propertyName: "shadowTextEl", first: true, predicate: ["shadowTextEl"], descendants: true }], exportAs: ["ellipsis"], usesOnChanges: true, ngImport: i0, template: "<div (cdkObserveContent)=\"refresh()\" #orgEl style=\"display: none\"><ng-content></ng-content></div>\n<ng-template #tooltipTpl let-con>\n  <span\n    *ngIf=\"tooltip; else con\"\n    nz-tooltip\n    [nzTooltipTitle]=\"titleTpl\"\n    [nzTooltipOverlayStyle]=\"{ 'overflow-wrap': 'break-word', 'word-wrap': 'break-word' }\"\n  >\n    <ng-container *ngTemplateOutlet=\"con\"></ng-container>\n    <ng-template #titleTpl><div [innerHTML]=\"orgHtml\"></div></ng-template>\n  </span>\n</ng-template>\n<ng-container [ngSwitch]=\"type\">\n  <span *ngSwitchCase=\"'default'\" [ngClass]=\"cls\"></span>\n  <ng-container *ngSwitchCase=\"'length'\">\n    <ng-template [ngTemplateOutlet]=\"tooltipTpl\" [ngTemplateOutletContext]=\"{ $implicit: lengthTpl }\"></ng-template>\n    <ng-template #lengthTpl>{{ text }}</ng-template>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'line-clamp'\">\n    <ng-template [ngTemplateOutlet]=\"tooltipTpl\" [ngTemplateOutletContext]=\"{ $implicit: lineClampTpl }\"></ng-template>\n    <ng-template #lineClampTpl>\n      <div [ngClass]=\"cls\" [ngStyle]=\"{ '-webkit-line-clamp': lines, '-webkit-box-orient': 'vertical' }\"></div>\n    </ng-template>\n  </ng-container>\n  <div *ngSwitchCase=\"'line'\" [ngClass]=\"cls\">\n    <div class=\"ellipsis__handle\">\n      <ng-template [ngTemplateOutlet]=\"tooltipTpl\" [ngTemplateOutletContext]=\"{ $implicit: lineTpl }\"></ng-template>\n      <ng-template #lineTpl>{{ linsWord }}</ng-template>\n      <div class=\"ellipsis__shadow\" #shadowOrgEl [innerHTML]=\"orgHtml\"></div>\n      <div class=\"ellipsis__shadow\" #shadowTextEl>\n        <span>{{ text }}</span>\n      </div>\n    </div>\n  </div>\n</ng-container>\n", directives: [{ type: i2.CdkObserveContent, selector: "[cdkObserveContent]", inputs: ["cdkObserveContentDisabled", "debounce"], outputs: ["cdkObserveContent"], exportAs: ["cdkObserveContent"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    InputBoolean()
+], EllipsisComponent.prototype, "tooltip", void 0);
+__decorate([
+    InputNumber(null)
+], EllipsisComponent.prototype, "length", void 0);
+__decorate([
+    InputNumber(null)
+], EllipsisComponent.prototype, "lines", void 0);
+__decorate([
+    InputBoolean()
+], EllipsisComponent.prototype, "fullWidthRecognition", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EllipsisComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ellipsis', exportAs: 'ellipsis', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div (cdkObserveContent)=\"refresh()\" #orgEl style=\"display: none\"><ng-content></ng-content></div>\n<ng-template #tooltipTpl let-con>\n  <span\n    *ngIf=\"tooltip; else con\"\n    nz-tooltip\n    [nzTooltipTitle]=\"titleTpl\"\n    [nzTooltipOverlayStyle]=\"{ 'overflow-wrap': 'break-word', 'word-wrap': 'break-word' }\"\n  >\n    <ng-container *ngTemplateOutlet=\"con\"></ng-container>\n    <ng-template #titleTpl><div [innerHTML]=\"orgHtml\"></div></ng-template>\n  </span>\n</ng-template>\n<ng-container [ngSwitch]=\"type\">\n  <span *ngSwitchCase=\"'default'\" [ngClass]=\"cls\"></span>\n  <ng-container *ngSwitchCase=\"'length'\">\n    <ng-template [ngTemplateOutlet]=\"tooltipTpl\" [ngTemplateOutletContext]=\"{ $implicit: lengthTpl }\"></ng-template>\n    <ng-template #lengthTpl>{{ text }}</ng-template>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'line-clamp'\">\n    <ng-template [ngTemplateOutlet]=\"tooltipTpl\" [ngTemplateOutletContext]=\"{ $implicit: lineClampTpl }\"></ng-template>\n    <ng-template #lineClampTpl>\n      <div [ngClass]=\"cls\" [ngStyle]=\"{ '-webkit-line-clamp': lines, '-webkit-box-orient': 'vertical' }\"></div>\n    </ng-template>\n  </ng-container>\n  <div *ngSwitchCase=\"'line'\" [ngClass]=\"cls\">\n    <div class=\"ellipsis__handle\">\n      <ng-template [ngTemplateOutlet]=\"tooltipTpl\" [ngTemplateOutletContext]=\"{ $implicit: lineTpl }\"></ng-template>\n      <ng-template #lineTpl>{{ linsWord }}</ng-template>\n      <div class=\"ellipsis__shadow\" #shadowOrgEl [innerHTML]=\"orgHtml\"></div>\n      <div class=\"ellipsis__shadow\" #shadowTextEl>\n        <span>{{ text }}</span>\n      </div>\n    </div>\n  </div>\n</ng-container>\n" }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.DomSanitizer }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.ChangeDetectorRef }];
+    }, propDecorators: { orgEl: [{
+                type: ViewChild,
+                args: ['orgEl', { static: false }]
+            }], shadowOrgEl: [{
+                type: ViewChild,
+                args: ['shadowOrgEl', { static: false }]
+            }], shadowTextEl: [{
+                type: ViewChild,
+                args: ['shadowTextEl', { static: false }]
+            }], tooltip: [{
+                type: Input
+            }], length: [{
+                type: Input
+            }], lines: [{
+                type: Input
+            }], fullWidthRecognition: [{
+                type: Input
+            }], tail: [{
+                type: Input
+            }] } });
+
+const COMPONENTS = [EllipsisComponent];
+class EllipsisModule {
+}
+EllipsisModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EllipsisModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EllipsisModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EllipsisModule, declarations: [EllipsisComponent], imports: [CommonModule, ObserversModule, NzToolTipModule], exports: [EllipsisComponent] });
+EllipsisModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EllipsisModule, imports: [[CommonModule, ObserversModule, NzToolTipModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EllipsisModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ObserversModule, NzToolTipModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EllipsisComponent, EllipsisModule };
+//# sourceMappingURL=ellipsis.mjs.map

package/fesm2015/ellipsis.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipsis.mjs","sources":["../../../../packages/abc/ellipsis/ellipsis.component.ts","../../../../packages/abc/ellipsis/ellipsis.component.html","../../../../packages/abc/ellipsis/ellipsis.module.ts","../../../../packages/abc/ellipsis/ellipsis.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  Inject,\n  Input,\n  NgZone,\n  OnChanges,\n  ViewChild,\n  ViewEncapsulation\n} from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { take } from 'rxjs/operators';\n\nimport { BooleanInput, InputBoolean, InputNumber, NumberInput } from '@delon/util/decorator';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\n@Component({\n  selector: 'ellipsis',\n  exportAs: 'ellipsis',\n  templateUrl: './ellipsis.component.html',\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class EllipsisComponent implements AfterViewInit, OnChanges {\n  static ngAcceptInputType_tooltip: BooleanInput;\n  static ngAcceptInputType_length: NumberInput;\n  static ngAcceptInputType_lines: NumberInput;\n  static ngAcceptInputType_fullWidthRecognition: BooleanInput;\n\n  private isSupportLineClamp = this.doc.body.style['webkitLineClamp'] !== undefined;\n  @ViewChild('orgEl', { static: false }) private orgEl!: ElementRef;\n  @ViewChild('shadowOrgEl', { static: false }) private shadowOrgEl!: ElementRef;\n  @ViewChild('shadowTextEl', { static: false }) private shadowTextEl!: ElementRef;\n  private inited = false;\n  orgHtml!: SafeHtml;\n  type = 'default';\n  cls = {};\n  text = '';\n  targetCount = 0;\n\n  @Input() @InputBoolean() tooltip = false;\n  @Input() @InputNumber(null) length?: number;\n  @Input() @InputNumber(null) lines?: number;\n  @Input() @InputBoolean() fullWidthRecognition = false;\n  @Input() tail = '...';\n\n  get linsWord(): string {\n    const { targetCount, text, tail } = this;\n    return (\n      (targetCount > 0 ? text.substring(0, targetCount) : '') +\n      (targetCount > 0 && targetCount < text.length ? tail : '')\n    );\n  }\n\n  constructor(\n    private el: ElementRef,\n    private ngZone: NgZone,\n    private dom: DomSanitizer,\n    @Inject(DOCUMENT) private doc: NzSafeAny,\n    private cdr: ChangeDetectorRef\n  ) {}\n\n  private getStrFullLength(str: string): number {\n    return str.split('').reduce((pre, cur) => {\n      const charCode = cur.charCodeAt(0);\n      if (charCode >= 0 && charCode <= 128) {\n        return pre + 1;\n      }\n      return pre + 2;\n    }, 0);\n  }\n\n  private cutStrByFullLength(str: string, maxLength: number): string {\n    let showLength = 0;\n    return str.split('').reduce((pre, cur) => {\n      const charCode = cur.charCodeAt(0);\n      if (charCode >= 0 && charCode <= 128) {\n        showLength += 1;\n      } else {\n        showLength += 2;\n      }\n      if (showLength <= maxLength) {\n        return pre + cur;\n      }\n      return pre;\n    }, '');\n  }\n\n  private bisection(\n    targetHeight: number,\n    mid: number,\n    begin: number,\n    end: number,\n    text: string,\n    node: HTMLElement\n  ): number {\n    const suffix = this.tail;\n    node.innerHTML = text.substring(0, mid) + suffix;\n    let sh = node.offsetHeight;\n\n    if (sh <= targetHeight) {\n      node.innerHTML = text.substring(0, mid + 1) + suffix;\n      sh = node.offsetHeight;\n      if (sh > targetHeight || mid === begin) {\n        return mid;\n      }\n      begin = mid;\n      mid = end - begin === 1 ? begin + 1 : Math.floor((end - begin) / 2) + begin;\n      return this.bisection(targetHeight, mid, begin, end, text, node);\n    }\n    if (mid - 1 < 0) {\n      return mid;\n    }\n    node.innerHTML = text.substring(0, mid - 1) + suffix;\n    sh = node.offsetHeight;\n    if (sh <= targetHeight) {\n      return mid - 1;\n    }\n    end = mid;\n    mid = Math.floor((end - begin) / 2) + begin;\n    return this.bisection(targetHeight, mid, begin, end, text, node);\n  }\n\n  private genType(): void {\n    const { lines, length, isSupportLineClamp } = this;\n    this.cls = {\n      ellipsis: true,\n      ellipsis__lines: lines && !isSupportLineClamp,\n      'ellipsis__line-clamp': lines && isSupportLineClamp\n    };\n    if (!lines && !length) {\n      this.type = 'default';\n    } else if (!lines) {\n      this.type = 'length';\n    } else if (isSupportLineClamp) {\n      this.type = 'line-clamp';\n    } else {\n      this.type = 'line';\n    }\n  }\n\n  private gen(): void {\n    const { type, lines, length, fullWidthRecognition, tail, orgEl, cdr, ngZone } = this;\n    if (type === 'length') {\n      const el = orgEl.nativeElement as HTMLElement;\n      if (el.children.length > 0) {\n        throw new Error('Ellipsis content must be string.');\n      }\n      const lengthText = el.textContent!;\n      const textLength = fullWidthRecognition ? this.getStrFullLength(lengthText) : lengthText.length;\n      if (textLength <= length! || length! < 0) {\n        this.text = lengthText;\n      } else {\n        let displayText: string;\n        if (length! - tail.length <= 0) {\n          displayText = '';\n        } else {\n          displayText = fullWidthRecognition\n            ? this.cutStrByFullLength(lengthText, length!)\n            : lengthText.slice(0, length);\n        }\n        this.text = displayText + tail;\n      }\n      ngZone.run(() => cdr.detectChanges());\n    } else if (type === 'line') {\n      const { shadowOrgEl, shadowTextEl } = this;\n      const orgNode = shadowOrgEl.nativeElement as HTMLElement;\n      const lineText = orgNode.innerText || orgNode.textContent!;\n      const lineHeight = parseInt(getComputedStyle(this.getEl('.ellipsis')).lineHeight!, 10);\n      const targetHeight = lines! * lineHeight;\n      this.getEl('.ellipsis__handle').style.height = `${targetHeight}px`;\n\n      if (orgNode.offsetHeight <= targetHeight) {\n        this.text = lineText;\n        this.targetCount = lineText.length;\n      } else {\n        // bisection\n        const len = lineText.length;\n        const mid = Math.ceil(len / 2);\n\n        const count = this.bisection(targetHeight, mid, 0, len, lineText, shadowTextEl.nativeElement.firstChild);\n        this.text = lineText;\n        this.targetCount = count;\n      }\n      ngZone.run(() => cdr.detectChanges());\n    }\n  }\n\n  private getEl(cls: string): HTMLElement {\n    return this.el.nativeElement.querySelector(cls);\n  }\n\n  private executeOnStable(fn: () => void): void {\n    if (this.ngZone.isStable) {\n      fn();\n    } else {\n      this.ngZone.onStable.asObservable().pipe(take(1)).subscribe(fn);\n    }\n  }\n\n  refresh(): void {\n    this.genType();\n    const { type, dom, orgEl, cdr } = this;\n    const html = orgEl.nativeElement.innerHTML;\n    this.orgHtml = dom.bypassSecurityTrustHtml(html);\n    cdr.detectChanges();\n    this.executeOnStable(() => {\n      this.gen();\n      if (type !== 'line') {\n        const el = this.getEl('.ellipsis');\n        if (el) {\n          el.innerHTML = html;\n        }\n      }\n    });\n  }\n\n  ngAfterViewInit(): void {\n    this.inited = true;\n    this.refresh();\n  }\n\n  ngOnChanges(): void {\n    if (this.inited) {\n      this.refresh();\n    }\n  }\n}\n","<div (cdkObserveContent)=\"refresh()\" #orgEl style=\"display: none\"><ng-content></ng-content></div>\n<ng-template #tooltipTpl let-con>\n  <span\n    *ngIf=\"tooltip; else con\"\n    nz-tooltip\n    [nzTooltipTitle]=\"titleTpl\"\n    [nzTooltipOverlayStyle]=\"{ 'overflow-wrap': 'break-word', 'word-wrap': 'break-word' }\"\n  >\n    <ng-container *ngTemplateOutlet=\"con\"></ng-container>\n    <ng-template #titleTpl><div [innerHTML]=\"orgHtml\"></div></ng-template>\n  </span>\n</ng-template>\n<ng-container [ngSwitch]=\"type\">\n  <span *ngSwitchCase=\"'default'\" [ngClass]=\"cls\"></span>\n  <ng-container *ngSwitchCase=\"'length'\">\n    <ng-template [ngTemplateOutlet]=\"tooltipTpl\" [ngTemplateOutletContext]=\"{ $implicit: lengthTpl }\"></ng-template>\n    <ng-template #lengthTpl>{{ text }}</ng-template>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'line-clamp'\">\n    <ng-template [ngTemplateOutlet]=\"tooltipTpl\" [ngTemplateOutletContext]=\"{ $implicit: lineClampTpl }\"></ng-template>\n    <ng-template #lineClampTpl>\n      <div [ngClass]=\"cls\" [ngStyle]=\"{ '-webkit-line-clamp': lines, '-webkit-box-orient': 'vertical' }\"></div>\n    </ng-template>\n  </ng-container>\n  <div *ngSwitchCase=\"'line'\" [ngClass]=\"cls\">\n    <div class=\"ellipsis__handle\">\n      <ng-template [ngTemplateOutlet]=\"tooltipTpl\" [ngTemplateOutletContext]=\"{ $implicit: lineTpl }\"></ng-template>\n      <ng-template #lineTpl>{{ linsWord }}</ng-template>\n      <div class=\"ellipsis__shadow\" #shadowOrgEl [innerHTML]=\"orgHtml\"></div>\n      <div class=\"ellipsis__shadow\" #shadowTextEl>\n        <span>{{ text }}</span>\n      </div>\n    </div>\n  </div>\n</ng-container>\n","import { ObserversModule } from '@angular/cdk/observers';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzToolTipModule } from 'ng-zorro-antd/tooltip';\n\nimport { EllipsisComponent } from './ellipsis.component';\n\nconst COMPONENTS = [EllipsisComponent];\n\n@NgModule({\n  imports: [CommonModule, ObserversModule, NzToolTipModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class EllipsisModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2015/error-collect.mjs

@@ -0,0 +1,144 @@
+import { __decorate } from 'tslib';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, Optional, Input, NgModule } from '@angular/core';
+import { Subject, interval } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { InputNumber } from '@delon/util/decorator';
+import * as i1 from '@delon/util/config';
+import * as i2 from '@angular/cdk/bidi';
+import * as i3 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+
+class ErrorCollectComponent {
+    constructor(el, cdr, doc, configSrv, directionality) {
+        this.el = el;
+        this.cdr = cdr;
+        this.doc = doc;
+        this.directionality = directionality;
+        this.formEl = null;
+        this.destroy$ = new Subject();
+        this._hiden = true;
+        this.count = 0;
+        this.dir = 'ltr';
+        configSrv.attach(this, 'errorCollect', { freq: 500, offsetTop: 65 + 64 + 8 * 2 });
+    }
+    get errEls() {
+        return this.formEl.querySelectorAll('.ant-form-item-has-error');
+    }
+    update() {
+        const count = this.errEls.length;
+        if (count === this.count)
+            return;
+        this.count = count;
+        this._hiden = count === 0;
+        this.cdr.markForCheck();
+    }
+    _click() {
+        if (this.count === 0)
+            return false;
+        // nz-form-control
+        const els = this.errEls;
+        const formItemEl = this.findParent(els[0], '[nz-form-control]') || els[0];
+        formItemEl.scrollIntoView(true);
+        // fix header height
+        this.doc.documentElement.scrollTop -= this.offsetTop;
+        return true;
+    }
+    install() {
+        var _a;
+        this.dir = this.directionality.value;
+        (_a = this.directionality.change) === null || _a === void 0 ? void 0 : _a.pipe(takeUntil(this.destroy$)).subscribe((direction) => {
+            this.dir = direction;
+        });
+        interval(this.freq)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => this.update());
+        this.update();
+    }
+    findParent(el, selector) {
+        let retEl = null;
+        while (el) {
+            if (el.querySelector(selector)) {
+                retEl = el;
+                break;
+            }
+            el = el.parentElement;
+        }
+        return retEl;
+    }
+    ngOnInit() {
+        this.formEl = this.findParent(this.el.nativeElement, 'form');
+        if (this.formEl === null)
+            throw new Error('No found form element');
+        this.install();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}
+ErrorCollectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ErrorCollectComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: DOCUMENT }, { token: i1.AlainConfigService }, { token: i2.Directionality, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+ErrorCollectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ErrorCollectComponent, selector: "error-collect, [error-collect]", inputs: { freq: "freq", offsetTop: "offsetTop" }, host: { listeners: { "click": "_click()" }, properties: { "class.error-collect": "true", "class.error-collect-rtl": "dir === 'rtl'", "class.d-none": "_hiden" } }, exportAs: ["errorCollect"], ngImport: i0, template: `
+    <i nz-icon nzType="exclamation-circle"></i>
+    <span class="error-collect__count">{{ count }}</span>
+  `, isInline: true, directives: [{ type: i3.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    InputNumber()
+], ErrorCollectComponent.prototype, "freq", void 0);
+__decorate([
+    InputNumber()
+], ErrorCollectComponent.prototype, "offsetTop", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ErrorCollectComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'error-collect, [error-collect]',
+                    exportAs: 'errorCollect',
+                    template: `
+    <i nz-icon nzType="exclamation-circle"></i>
+    <span class="error-collect__count">{{ count }}</span>
+  `,
+                    host: {
+                        '[class.error-collect]': 'true',
+                        '[class.error-collect-rtl]': `dir === 'rtl'`,
+                        '[class.d-none]': '_hiden',
+                        '(click)': '_click()'
+                    },
+                    preserveWhitespaces: false,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i1.AlainConfigService }, { type: i2.Directionality, decorators: [{
+                        type: Optional
+                    }] }];
+    }, propDecorators: { freq: [{
+                type: Input
+            }], offsetTop: [{
+                type: Input
+            }] } });
+
+const COMPONENTS = [ErrorCollectComponent];
+class ErrorCollectModule {
+}
+ErrorCollectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ErrorCollectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ErrorCollectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ErrorCollectModule, declarations: [ErrorCollectComponent], imports: [CommonModule, NzIconModule], exports: [ErrorCollectComponent] });
+ErrorCollectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ErrorCollectModule, imports: [[CommonModule, NzIconModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ErrorCollectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, NzIconModule],
+                    declarations: COMPONENTS,
+                    exports: COMPONENTS
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ErrorCollectComponent, ErrorCollectModule };
+//# sourceMappingURL=error-collect.mjs.map

package/fesm2015/error-collect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-collect.mjs","sources":["../../../../packages/abc/error-collect/error-collect.component.ts","../../../../packages/abc/error-collect/error-collect.module.ts","../../../../packages/abc/error-collect/error-collect.ts"],"sourcesContent":["import { Direction, Directionality } from '@angular/cdk/bidi';\nimport { DOCUMENT } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  Inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional,\n  ViewEncapsulation\n} from '@angular/core';\nimport { interval, Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { AlainConfigService } from '@delon/util/config';\nimport { InputNumber } from '@delon/util/decorator';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\n@Component({\n  selector: 'error-collect, [error-collect]',\n  exportAs: 'errorCollect',\n  template: `\n    <i nz-icon nzType=\"exclamation-circle\"></i>\n    <span class=\"error-collect__count\">{{ count }}</span>\n  `,\n  host: {\n    '[class.error-collect]': 'true',\n    '[class.error-collect-rtl]': `dir === 'rtl'`,\n    '[class.d-none]': '_hiden',\n    '(click)': '_click()'\n  },\n  preserveWhitespaces: false,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class ErrorCollectComponent implements OnInit, OnDestroy {\n  private formEl: HTMLFormElement | null = null;\n  private destroy$ = new Subject<void>();\n\n  _hiden = true;\n  count = 0;\n  dir: Direction = 'ltr';\n\n  @Input() @InputNumber() freq!: number;\n  @Input() @InputNumber() offsetTop!: number;\n\n  constructor(\n    private el: ElementRef,\n    private cdr: ChangeDetectorRef,\n    @Inject(DOCUMENT) private doc: NzSafeAny,\n    configSrv: AlainConfigService,\n    @Optional() private directionality: Directionality\n  ) {\n    configSrv.attach(this, 'errorCollect', { freq: 500, offsetTop: 65 + 64 + 8 * 2 });\n  }\n\n  private get errEls(): NodeListOf<HTMLElement> {\n    return this.formEl!.querySelectorAll('.ant-form-item-has-error');\n  }\n\n  private update(): void {\n    const count = this.errEls.length;\n    if (count === this.count) return;\n    this.count = count;\n    this._hiden = count === 0;\n    this.cdr.markForCheck();\n  }\n\n  _click(): boolean {\n    if (this.count === 0) return false;\n    // nz-form-control\n    const els = this.errEls;\n    const formItemEl = this.findParent(els[0], '[nz-form-control]') || els[0];\n    formItemEl.scrollIntoView(true);\n    // fix header height\n    this.doc.documentElement.scrollTop -= this.offsetTop;\n    return true;\n  }\n\n  private install(): void {\n    this.dir = this.directionality.value;\n    this.directionality.change?.pipe(takeUntil(this.destroy$)).subscribe((direction: Direction) => {\n      this.dir = direction;\n    });\n    interval(this.freq)\n      .pipe(takeUntil(this.destroy$))\n      .subscribe(() => this.update());\n    this.update();\n  }\n\n  private findParent(el: Element, selector: string): HTMLFormElement | null {\n    let retEl: HTMLFormElement | null = null;\n    while (el) {\n      if (el.querySelector(selector)) {\n        retEl = el as HTMLFormElement;\n        break;\n      }\n      el = el.parentElement as HTMLFormElement;\n    }\n    return retEl;\n  }\n\n  ngOnInit(): void {\n    this.formEl = this.findParent(this.el.nativeElement, 'form');\n    if (this.formEl === null) throw new Error('No found form element');\n    this.install();\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzIconModule } from 'ng-zorro-antd/icon';\n\nimport { ErrorCollectComponent } from './error-collect.component';\n\nconst COMPONENTS = [ErrorCollectComponent];\n\n@NgModule({\n  imports: [CommonModule, NzIconModule],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class ErrorCollectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}