ngx-tethys 14.2.21 → 14.2.22

package/fesm2015/ngx-tethys-avatar.mjs

@@ -1,11 +1,15 @@
 import * as i0 from '@angular/core';
-import { Injectable, Pipe, EventEmitter, Component, ChangeDetectionStrategy, HostBinding, Output, Input, NgModule } from '@angular/core';
-import * as i2 from '@angular/common';
+import { Injectable, Pipe, EventEmitter, Component, ChangeDetectionStrategy, HostBinding, Output, Input, ContentChild, ContentChildren, ViewChild, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { coerceBooleanProperty, isString } from 'ngx-tethys/util';
 import { useHostRenderer } from '@tethys/cdk/dom';
 import * as i3 from 'ngx-tethys/icon';
 import { ThyIconModule } from 'ngx-tethys/icon';
+import { __decorate, __metadata } from 'tslib';
+import { UpdateHostClassService, InputBoolean } from 'ngx-tethys/core';
+import { Subject, merge, of, Observable } from 'rxjs';
+import { take, debounceTime, takeUntil } from 'rxjs/operators';
 
 class ThyAvatarService {
     constructor() {
@@ -111,22 +115,48 @@ const thyAvatarSizeMap = {
     md: 36,
     lg: 48
 };
+/**
+ * 头像组件
+ */
 class ThyAvatarComponent {
     constructor(thyAvatarService) {
         this.thyAvatarService = thyAvatarService;
         this._showRemove = false;
         this._isAvatar = true;
+        /**
+         * * 已废弃，请使用 thyRemove
+         * @deprecated
+         */
         this.thyOnRemove = new EventEmitter();
+        /**
+         *  移除按钮的事件, 当 thyRemovable 为 true 时起作用
+         */
+        this.thyRemove = new EventEmitter();
+        /**
+         *  头像 img 加载 error 时触发
+         */
         this.thyError = new EventEmitter();
         this.hostRenderer = useHostRenderer();
     }
+    /**
+     * 头像路径地址, 默认为全路径，如果不是全路径，可以通过自定义服务 ThyAvatarService，重写 srcTransform 方法实现转换
+     *
+     */
     set thySrc(value) {
         this._setAvatarSrc(value);
     }
+    /**
+     * 人员名称（可设置自定义名称，需通过自定义服务 ThyAvatarService，重写 nameTransform 方法去实现转换）
+     */
     set thyName(value) {
         // this._name = value;
         this._setAvatarName(value);
     }
+    /**
+     * 头像大小
+     * @type 16 | 22 | 24 | 28 | 32 | 36 | 44 | 48 | 68 | 110 | 160 | xxs(22px) | xs(24px) | sm(32px) | md(36px) | lg(48px)
+     * @default md
+     */
     set thySize(value) {
         if (thyAvatarSizeMap[value]) {
             this._setAvatarSize(thyAvatarSizeMap[value]);
@@ -135,9 +165,21 @@ class ThyAvatarComponent {
             this._setAvatarSize(value * 1);
         }
     }
+    /**
+     * 已废弃，请使用 thyRemovable
+     * @deprecated
+     * @default false
+     */
     set thyShowRemove(value) {
         this._showRemove = coerceBooleanProperty(value);
     }
+    /**
+     * 是否展示移除按钮
+     * @default false
+     */
+    set thyRemovable(value) {
+        this._showRemove = coerceBooleanProperty(value);
+    }
     _setAvatarSize(size) {
         if (sizeArray.indexOf(size) > -1) {
             this._size = size;
@@ -145,6 +187,7 @@ class ThyAvatarComponent {
         else {
             this._size = this.findClosestSize(sizeArray, size);
         }
+        this.hostRenderer.updateClass([`thy-avatar-${this._size}`]);
     }
     findClosestSize(sizes, value) {
         let left = 0, right = sizes.length - 1, middle, result;
@@ -193,6 +236,7 @@ class ThyAvatarComponent {
     }
     remove($event) {
         this.thyOnRemove.emit($event);
+        this.thyRemove.emit($event);
     }
     avatarImgError($event) {
         this._setAvatarSrc(null);
@@ -200,7 +244,7 @@ class ThyAvatarComponent {
     }
 }
 ThyAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThyAvatarComponent, deps: [{ token: ThyAvatarService }], target: i0.ɵɵFactoryTarget.Component });
-ThyAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ThyAvatarComponent, selector: "thy-avatar", inputs: { thyShowName: "thyShowName", thySrc: "thySrc", thyName: "thyName", thySize: "thySize", thyShowRemove: "thyShowRemove", thyImgClass: "thyImgClass", thyDisabled: "thyDisabled", thyLoading: "thyLoading", thyFetchPriority: "thyFetchPriority" }, outputs: { thyOnRemove: "thyOnRemove", thyError: "thyError" }, host: { properties: { "class.thy-avatar": "this._isAvatar" } }, ngImport: i0, template: "<img\n  *ngIf=\"_src; else noSrc\"\n  [src]=\"_src | thyAvatarSrc: _size\"\n  class=\"avatar-avatar\"\n  [ngClass]=\"thyImgClass\"\n  alt=\"{{ avatarName || '' }}\"\n  [attr.loading]=\"thyLoading\"\n  [attr.fetchpriority]=\"thyFetchPriority\"\n  (error)=\"avatarImgError($event)\"\n/>\n\n<ng-template #noSrc>\n  <span class=\"avatar-default\" [ngStyle]=\"avatarName | avatarBgColor\">\n    <div>{{ avatarName | avatarShortName }}</div>\n  </span>\n</ng-template>\n\n<ng-template [ngIf]=\"thyShowName\">\n  <div *ngIf=\"avatarNameSafeHtml; else noAvatarNameSafeHtml\" class=\"avatar-name\" [innerHtml]=\"avatarNameSafeHtml\"></div>\n  <ng-template #noAvatarNameSafeHtml>\n    <div class=\"avatar-name\">{{ avatarName }}</div>\n  </ng-template>\n</ng-template>\n\n<a *ngIf=\"_showRemove\" (click)=\"remove($event)\" href=\"javascript:;\" class=\"remove-link avatar-remove\">\n  <thy-icon class=\"remove-link-icon\" thyIconName=\"close-circle-bold-fill\"></thy-icon>\n</a>\n<div *ngIf=\"thyDisabled\" class=\"thy-avatar-disabled\">\n  <thy-icon class=\"thy-avatar-disabled-icon\" thyIconName=\"ban\"></thy-icon>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "pipe", type: AvatarShortNamePipe, name: "avatarShortName" }, { kind: "pipe", type: AvatarBgColorPipe, name: "avatarBgColor" }, { kind: "pipe", type: AvatarSrcPipe, name: "thyAvatarSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ThyAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ThyAvatarComponent, selector: "thy-avatar", inputs: { thyShowName: "thyShowName", thySrc: "thySrc", thyName: "thyName", thySize: "thySize", thyShowRemove: "thyShowRemove", thyRemovable: "thyRemovable", thyImgClass: "thyImgClass", thyDisabled: "thyDisabled", thyLoading: "thyLoading", thyFetchPriority: "thyFetchPriority" }, outputs: { thyOnRemove: "thyOnRemove", thyRemove: "thyRemove", thyError: "thyError" }, host: { properties: { "class.thy-avatar": "this._isAvatar" } }, ngImport: i0, template: "<img\n  *ngIf=\"_src; else noSrc\"\n  [src]=\"_src | thyAvatarSrc: _size\"\n  class=\"avatar-avatar\"\n  [ngClass]=\"thyImgClass\"\n  alt=\"{{ avatarName || '' }}\"\n  [attr.loading]=\"thyLoading\"\n  [attr.fetchpriority]=\"thyFetchPriority\"\n  (error)=\"avatarImgError($event)\"\n/>\n\n<ng-template #noSrc>\n  <span class=\"avatar-default\" [ngStyle]=\"avatarName | avatarBgColor\">\n    <div>{{ avatarName | avatarShortName }}</div>\n  </span>\n</ng-template>\n\n<ng-template [ngIf]=\"thyShowName\">\n  <div *ngIf=\"avatarNameSafeHtml; else noAvatarNameSafeHtml\" class=\"avatar-name\" [innerHtml]=\"avatarNameSafeHtml\"></div>\n  <ng-template #noAvatarNameSafeHtml>\n    <div class=\"avatar-name\">{{ avatarName }}</div>\n  </ng-template>\n</ng-template>\n\n<a *ngIf=\"_showRemove\" (click)=\"remove($event)\" href=\"javascript:;\" class=\"remove-link avatar-remove\">\n  <thy-icon class=\"remove-link-icon\" thyIconName=\"close-circle-bold-fill\"></thy-icon>\n</a>\n<div *ngIf=\"thyDisabled\" class=\"thy-avatar-disabled\">\n  <thy-icon class=\"thy-avatar-disabled-icon\" thyIconName=\"ban\"></thy-icon>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.ThyIconComponent, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }, { kind: "pipe", type: AvatarShortNamePipe, name: "avatarShortName" }, { kind: "pipe", type: AvatarBgColorPipe, name: "avatarBgColor" }, { kind: "pipe", type: AvatarSrcPipe, name: "thyAvatarSrc" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThyAvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'thy-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<img\n  *ngIf=\"_src; else noSrc\"\n  [src]=\"_src | thyAvatarSrc: _size\"\n  class=\"avatar-avatar\"\n  [ngClass]=\"thyImgClass\"\n  alt=\"{{ avatarName || '' }}\"\n  [attr.loading]=\"thyLoading\"\n  [attr.fetchpriority]=\"thyFetchPriority\"\n  (error)=\"avatarImgError($event)\"\n/>\n\n<ng-template #noSrc>\n  <span class=\"avatar-default\" [ngStyle]=\"avatarName | avatarBgColor\">\n    <div>{{ avatarName | avatarShortName }}</div>\n  </span>\n</ng-template>\n\n<ng-template [ngIf]=\"thyShowName\">\n  <div *ngIf=\"avatarNameSafeHtml; else noAvatarNameSafeHtml\" class=\"avatar-name\" [innerHtml]=\"avatarNameSafeHtml\"></div>\n  <ng-template #noAvatarNameSafeHtml>\n    <div class=\"avatar-name\">{{ avatarName }}</div>\n  </ng-template>\n</ng-template>\n\n<a *ngIf=\"_showRemove\" (click)=\"remove($event)\" href=\"javascript:;\" class=\"remove-link avatar-remove\">\n  <thy-icon class=\"remove-link-icon\" thyIconName=\"close-circle-bold-fill\"></thy-icon>\n</a>\n<div *ngIf=\"thyDisabled\" class=\"thy-avatar-disabled\">\n  <thy-icon class=\"thy-avatar-disabled-icon\" thyIconName=\"ban\"></thy-icon>\n</div>\n" }]
@@ -209,6 +253,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 args: ['class.thy-avatar']
             }], thyOnRemove: [{
                 type: Output
+            }], thyRemove: [{
+                type: Output
             }], thyError: [{
                 type: Output
             }], thyShowName: [{
@@ -221,6 +267,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 type: Input
             }], thyShowRemove: [{
                 type: Input
+            }], thyRemovable: [{
+                type: Input
             }], thyImgClass: [{
                 type: Input
             }], thyDisabled: [{
@@ -231,10 +279,176 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 type: Input
             }] } });
 
+const AVATAR_ITEM_SPACE = 6;
+const OVERLAP_AVATAR_ITEM_SPACE = -8;
+/**
+ * 头像列表组件
+ */
+class ThyAvatarListComponent {
+    constructor(elementRef, ngZone) {
+        this.elementRef = elementRef;
+        this.ngZone = ngZone;
+        this.overlapMode = false;
+        this.avatarItems = [];
+        this.avatarRenderItems = [];
+        this.avatarSpace = AVATAR_ITEM_SPACE;
+        this.avatarOverlapSpace = OVERLAP_AVATAR_ITEM_SPACE;
+        this.ngUnsubscribe$ = new Subject();
+        /**
+         * 响应式，自动计算宽度存放 avatar
+         * @default false
+         */
+        this.thyResponsive = false;
+        /**
+         * 头像大小
+         * @type 22 | 24 | 28 | 32 | 36 | 44 | 48 | 68 | 110 | 160 | xxs(22px) | xs(24px) | sm(32px) | md(36px) | lg(48px)
+         * @default 36
+         */
+        this.thyAvatarSize = DEFAULT_SIZE;
+        /**
+         * 是否展示移除按钮
+         * @type boolean
+         * @default false
+         */
+        this.thyRemovable = false;
+        /**
+         * avatar 移除按钮事件
+         */
+        this.thyRemove = new EventEmitter();
+    }
+    get more() {
+        return this.avatarItems.length - this.avatarRenderItems.length;
+    }
+    /**
+     * 展示方式
+     * @type  'overlap'| 'default'
+     * @default default
+     */
+    set thyMode(value) {
+        this.overlapMode = value === "overlap" /* ThyAvatarListMode.overlap */;
+    }
+    /**
+     * @private
+     */
+    set avatarComponents(value) {
+        this.avatarItems = value.toArray();
+        this.avatarList = value;
+    }
+    ngOnChanges(changes) {
+        if (changes.thyAvatarSize && !changes.thyAvatarSize.firstChange) {
+            this.setAvatarSize();
+        }
+        if (changes.thyMax && !changes.thyMax.firstChange) {
+            this.getRenderAvatar();
+        }
+    }
+    ngAfterContentInit() {
+        this.setAvatarSize();
+    }
+    ngAfterViewInit() {
+        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
+            this.getRenderAvatar();
+        });
+        if (this.thyResponsive) {
+            this.ngZone.runOutsideAngular(() => {
+                merge(this.avatarList.changes, this.createResizeObserver(this.elementRef.nativeElement))
+                    .pipe(debounceTime(100), takeUntil(this.ngUnsubscribe$))
+                    .subscribe(() => {
+                    this.getRenderAvatar();
+                });
+            });
+        }
+    }
+    setAvatarSize() {
+        this.avatarItems.forEach((avatar) => {
+            avatar.thySize = this.thyAvatarSize;
+        });
+        this.getRenderAvatar();
+    }
+    remove(name) {
+        this.thyRemove.emit(name);
+    }
+    getRenderAvatar() {
+        const endIndex = this.getEndIndex();
+        const max = this.thyMax || this.avatarItems.length;
+        const showCount = Math.max(0, Math.min(max, endIndex));
+        this.avatarRenderItems = this.avatarItems.slice(0, showCount);
+    }
+    getEndIndex() {
+        if (this.avatarItems.length) {
+            const space = this.overlapMode ? this.avatarOverlapSpace : this.avatarSpace;
+            const avatarWidth = this.avatarItems[0]._size + space;
+            const wrapperWidth = this.elementRef.nativeElement.offsetWidth;
+            const appendWidth = this.appendContent ? this.appendContent.nativeElement.offsetWidth : 0;
+            const lastAvatarSpecialSpace = this.overlapMode ? space : 0; // overlap 模式下最后一个 avatar 元素占位比其他多 this.avatarSpace 个 px
+            return Math.floor((wrapperWidth - appendWidth + lastAvatarSpecialSpace) / avatarWidth);
+        }
+        else {
+            return 0;
+        }
+    }
+    createResizeObserver(element) {
+        return typeof ResizeObserver === 'undefined'
+            ? of(null)
+            : new Observable(observer => {
+                const resize = new ResizeObserver(entries => {
+                    this.ngZone.run(() => {
+                        observer.next(entries);
+                    });
+                });
+                resize.observe(element);
+                return () => {
+                    resize.disconnect();
+                };
+            });
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe$.next();
+        this.ngUnsubscribe$.complete();
+    }
+}
+ThyAvatarListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThyAvatarListComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+ThyAvatarListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ThyAvatarListComponent, selector: "thy-avatar-list", inputs: { thyMode: "thyMode", thyResponsive: "thyResponsive", thyMax: "thyMax", thyAvatarSize: "thyAvatarSize", thyRemovable: "thyRemovable" }, outputs: { thyRemove: "thyRemove" }, host: { properties: { "style.margin-left.px": "overlapMode ? -avatarOverlapSpace : 0", "class.thy-avatar-list-overlap": "this.overlapMode" }, classAttribute: "thy-avatar-list" }, providers: [UpdateHostClassService], queries: [{ propertyName: "append", first: true, predicate: ["append"], descendants: true }, { propertyName: "avatarComponents", predicate: ThyAvatarComponent }], viewQueries: [{ propertyName: "appendContent", first: true, predicate: ["appendContent"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-container *ngFor=\"let avatar of avatarRenderItems; index as index; last as isLast\">\n  <div\n    class=\"thy-avatar-content\"\n    [ngStyle]=\"overlapMode ? { 'margin-left.px': avatarOverlapSpace } : { 'margin-right.px': isLast ? 0 : avatarSpace }\"\n  >\n    <thy-avatar\n      [thySrc]=\"avatar._src\"\n      [thyName]=\"avatar.avatarName\"\n      [thySize]=\"avatar._size\"\n      [thyRemovable]=\"overlapMode ? false : thyRemovable\"\n      [thyImgClass]=\"avatar.thyImgClass\"\n      [thyDisabled]=\"avatar.thyDisabled\"\n      [thyLoading]=\"avatar.thyLoading\"\n      [thyFetchPriority]=\"avatar.thyFetchPriority\"\n      (thyRemove)=\"remove(avatar.avatarName)\"\n    ></thy-avatar>\n    <span *ngIf=\"isLast && more && thyResponsive\" ngClass=\"more-{{ avatar._size }}\">+{{ more }} </span>\n  </div>\n</ng-container>\n\n<div #appendContent *ngIf=\"append\" [ngStyle]=\"{ 'padding-left.px': avatarSpace }\">\n  <ng-container [ngTemplateOutlet]=\"append\"></ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ThyAvatarComponent, selector: "thy-avatar", inputs: ["thyShowName", "thySrc", "thyName", "thySize", "thyShowRemove", "thyRemovable", "thyImgClass", "thyDisabled", "thyLoading", "thyFetchPriority"], outputs: ["thyOnRemove", "thyRemove", "thyError"] }] });
+__decorate([
+    InputBoolean(),
+    __metadata("design:type", Object)
+], ThyAvatarListComponent.prototype, "thyResponsive", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThyAvatarListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'thy-avatar-list', host: {
+                        class: 'thy-avatar-list',
+                        '[style.margin-left.px]': 'overlapMode ? -avatarOverlapSpace : 0'
+                    }, providers: [UpdateHostClassService], template: "<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-container *ngFor=\"let avatar of avatarRenderItems; index as index; last as isLast\">\n  <div\n    class=\"thy-avatar-content\"\n    [ngStyle]=\"overlapMode ? { 'margin-left.px': avatarOverlapSpace } : { 'margin-right.px': isLast ? 0 : avatarSpace }\"\n  >\n    <thy-avatar\n      [thySrc]=\"avatar._src\"\n      [thyName]=\"avatar.avatarName\"\n      [thySize]=\"avatar._size\"\n      [thyRemovable]=\"overlapMode ? false : thyRemovable\"\n      [thyImgClass]=\"avatar.thyImgClass\"\n      [thyDisabled]=\"avatar.thyDisabled\"\n      [thyLoading]=\"avatar.thyLoading\"\n      [thyFetchPriority]=\"avatar.thyFetchPriority\"\n      (thyRemove)=\"remove(avatar.avatarName)\"\n    ></thy-avatar>\n    <span *ngIf=\"isLast && more && thyResponsive\" ngClass=\"more-{{ avatar._size }}\">+{{ more }} </span>\n  </div>\n</ng-container>\n\n<div #appendContent *ngIf=\"append\" [ngStyle]=\"{ 'padding-left.px': avatarSpace }\">\n  <ng-container [ngTemplateOutlet]=\"append\"></ng-container>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { overlapMode: [{
+                type: HostBinding,
+                args: ['class.thy-avatar-list-overlap']
+            }], thyMode: [{
+                type: Input
+            }], thyResponsive: [{
+                type: Input
+            }], thyMax: [{
+                type: Input
+            }], thyAvatarSize: [{
+                type: Input
+            }], thyRemovable: [{
+                type: Input
+            }], thyRemove: [{
+                type: Output
+            }], append: [{
+                type: ContentChild,
+                args: ['append', { static: false }]
+            }], avatarComponents: [{
+                type: ContentChildren,
+                args: [ThyAvatarComponent]
+            }], appendContent: [{
+                type: ViewChild,
+                args: ['appendContent']
+            }] } });
+
 class ThyAvatarModule {
 }
 ThyAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThyAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ThyAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: ThyAvatarModule, declarations: [ThyAvatarComponent, AvatarShortNamePipe, AvatarBgColorPipe, AvatarSrcPipe], imports: [CommonModule, ThyIconModule], exports: [ThyAvatarComponent, AvatarShortNamePipe, AvatarBgColorPipe, AvatarSrcPipe] });
+ThyAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: ThyAvatarModule, declarations: [ThyAvatarComponent, ThyAvatarListComponent, AvatarShortNamePipe, AvatarBgColorPipe, AvatarSrcPipe], imports: [CommonModule, ThyIconModule], exports: [ThyAvatarComponent, ThyAvatarListComponent, AvatarShortNamePipe, AvatarBgColorPipe, AvatarSrcPipe] });
 ThyAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThyAvatarModule, providers: [
         {
             provide: ThyAvatarService,
@@ -244,7 +458,7 @@ ThyAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThyAvatarModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [ThyAvatarComponent, AvatarPipes],
+                    declarations: [ThyAvatarComponent, ThyAvatarListComponent, AvatarPipes],
                     imports: [CommonModule, ThyIconModule],
                     providers: [
                         {
@@ -252,7 +466,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                             useClass: ThyDefaultAvatarService
                         }
                     ],
-                    exports: [ThyAvatarComponent, AvatarPipes]
+                    exports: [ThyAvatarComponent, ThyAvatarListComponent, AvatarPipes]
                 }]
         }] });
 
@@ -260,5 +474,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AvatarBgColorPipe, AvatarPipes, AvatarShortNamePipe, AvatarSrcPipe, ThyAvatarComponent, ThyAvatarModule, ThyAvatarService, ThyDefaultAvatarService, thyAvatarSizeMap };
+export { AvatarBgColorPipe, AvatarPipes, AvatarShortNamePipe, AvatarSrcPipe, DEFAULT_SIZE, ThyAvatarComponent, ThyAvatarListComponent, ThyAvatarModule, ThyAvatarService, ThyDefaultAvatarService, thyAvatarSizeMap };
 //# sourceMappingURL=ngx-tethys-avatar.mjs.map

package/fesm2015/ngx-tethys-avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-avatar.mjs","sources":["../../../src/avatar/avatar.service.ts","../../../src/avatar/avatar.pipe.ts","../../../src/avatar/avatar.component.ts","../../../src/avatar/avatar.component.html","../../../src/avatar/avatar.module.ts","../../../src/avatar/ngx-tethys-avatar.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { SafeHtml } from '@angular/platform-browser';\n\nexport abstract class ThyAvatarService {\n    ignoreAvatarSrcPaths = [`default.png`];\n\n    /**\n     * @deprecated the avatarSrcTransform method will be deprecated, please use srcTransform.\n     */\n    abstract avatarSrcTransform(src: string, size: number): string;\n\n    abstract srcTransform(src: string, size: number): string;\n\n    abstract nameTransform(name: string): string | SafeHtml;\n}\n\n@Injectable()\nexport class ThyDefaultAvatarService extends ThyAvatarService {\n    /**\n     * @deprecated the avatarSrcTransform method will be deprecated, please use srcTransform.\n     */\n    avatarSrcTransform(src: string, size: number): string {\n        return src;\n    }\n\n    srcTransform(src: string, size: number): string {\n        return src;\n    }\n\n    nameTransform(name: string): string | SafeHtml {\n        return name;\n    }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { ThyAvatarService } from './avatar.service';\n\n/**\n * `\\u4e00`: https://www.compart.com/en/unicode/U+4E00\n * `\\u9fa5`: https://www.compart.com/en/unicode/U+9FA5\n */\nconst UNIFIED_IDEOGRAPHS_REGEX = /^[\\u4e00-\\u9fa5]+$/;\n\nconst SET_OF_LETTERS_REGEX = /^[a-zA-Z\\/ ]+$/;\n\n@Pipe({ name: 'avatarShortName' })\nexport class AvatarShortNamePipe implements PipeTransform {\n    transform(name: string | null | undefined): string {\n        if (!name) {\n            return '';\n        }\n\n        name = name.trim();\n\n        if (UNIFIED_IDEOGRAPHS_REGEX.test(name) && name.length > 2) {\n            return name.slice(name.length - 2);\n        }\n\n        if (SET_OF_LETTERS_REGEX.test(name) && name.indexOf(' ') > 0) {\n            const words: string[] = name.split(' ');\n            return (words[0].slice(0, 1) + words[1].slice(0, 1)).toUpperCase();\n        }\n\n        return name.length > 2 ? name.slice(0, 2).toUpperCase() : name.toUpperCase();\n    }\n}\n\n@Pipe({ name: 'avatarBgColor' })\nexport class AvatarBgColorPipe implements PipeTransform {\n    transform(name: string) {\n        if (!name) {\n            return;\n        }\n        const colors = ['#56abfb', '#5dcfff', '#84e17e', '#73d897', '#ff9f73', '#fa8888', '#fb7fb7', '#9a7ef4', '#868af6'];\n        const nameArray: string[] = name.split('');\n        const code: number =\n            name && name.length > 0\n                ? nameArray.reduce(\n                      function(result, item) {\n                          result.value += item.charCodeAt(0);\n                          return result;\n                      },\n                      { value: 0 }\n                  ).value\n                : 0;\n        return {\n            'background-color': colors[code % 9]\n        };\n    }\n}\n\n@Pipe({ name: 'thyAvatarSrc' })\nexport class AvatarSrcPipe implements PipeTransform {\n    constructor(private thyAvatarService: ThyAvatarService) {}\n    transform(src: string, size: number) {\n        return this.thyAvatarService.srcTransform\n            ? this.thyAvatarService.srcTransform(src, size)\n            : this.thyAvatarService.avatarSrcTransform(src, size);\n    }\n}\n\nexport const AvatarPipes = [AvatarShortNamePipe, AvatarBgColorPipe, AvatarSrcPipe];\n","import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, OnInit, Output } from '@angular/core';\nimport { SafeHtml } from '@angular/platform-browser';\nimport { coerceBooleanProperty, isString } from 'ngx-tethys/util';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { ThyAvatarService } from './avatar.service';\n\nconst sizeArray = [16, 22, 24, 28, 32, 36, 44, 48, 68, 110, 160];\n\nconst DEFAULT_SIZE = 36;\n\nexport const thyAvatarSizeMap = {\n    xxs: 22,\n    xs: 24,\n    sm: 32,\n    md: 36,\n    lg: 48\n};\n\n/** https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-loading */\nexport type ThyAvatarLoading = 'eager' | 'lazy';\n\n/** https://wicg.github.io/priority-hints/#idl-index */\nexport type ThyAvatarFetchPriority = 'high' | 'low' | 'auto';\n\n@Component({\n    selector: 'thy-avatar',\n    templateUrl: './avatar.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ThyAvatarComponent implements OnInit {\n    _src: string;\n    _name: string;\n    _size: number;\n    _showRemove = false;\n\n    public avatarSrc: string;\n    public avatarName?: string;\n    public avatarNameSafeHtml?: SafeHtml;\n\n    @HostBinding('class.thy-avatar') _isAvatar = true;\n\n    @Output() thyOnRemove = new EventEmitter();\n\n    @Output() thyError: EventEmitter<Event> = new EventEmitter<Event>();\n\n    @Input() thyShowName: boolean;\n\n    @Input()\n    set thySrc(value: string) {\n        this._setAvatarSrc(value);\n    }\n\n    @Input()\n    set thyName(value: string) {\n        // this._name = value;\n        this._setAvatarName(value);\n    }\n\n    @Input()\n    set thySize(value: number | string) {\n        if (thyAvatarSizeMap[value]) {\n            this._setAvatarSize(thyAvatarSizeMap[value]);\n        } else {\n            this._setAvatarSize((value as number) * 1);\n        }\n    }\n\n    @Input()\n    set thyShowRemove(value: boolean) {\n        this._showRemove = coerceBooleanProperty(value);\n    }\n\n    @Input() thyImgClass: string;\n\n    @Input() thyDisabled: boolean;\n\n    @Input() thyLoading?: ThyAvatarLoading;\n\n    @Input() thyFetchPriority?: ThyAvatarFetchPriority;\n\n    private _setAvatarSize(size: number) {\n        if (sizeArray.indexOf(size) > -1) {\n            this._size = size;\n        } else {\n            this._size = this.findClosestSize(sizeArray, size);\n        }\n    }\n\n    private findClosestSize(sizes: number[], value: number): number {\n        let left = 0,\n            right = sizes.length - 1,\n            middle: number,\n            result: number;\n\n        while (left <= right) {\n            middle = Math.floor((left + right) / 2);\n            if (right - left <= 1) {\n                result = sizes[right];\n                break;\n            }\n            result = sizes[middle];\n            if (result === value) {\n                return value;\n            } else if (result > value) {\n                right = middle;\n            } else {\n                left = middle;\n            }\n        }\n        return value - sizes[left] < sizes[right] - value ? sizes[left] : sizes[right];\n    }\n\n    private _setAvatarSrc(src: string) {\n        if (src && this.thyAvatarService.ignoreAvatarSrcPaths.indexOf(src) < 0) {\n            this._src = src;\n        } else {\n            this._src = null;\n        }\n    }\n\n    private _setAvatarName(value: string) {\n        const name = this.thyAvatarService.nameTransform(value);\n        if (isString(name)) {\n            this.avatarName = name as string;\n        } else {\n            this.avatarName = value;\n            this.avatarNameSafeHtml = name;\n        }\n    }\n\n    private hostRenderer = useHostRenderer();\n\n    constructor(private thyAvatarService: ThyAvatarService) {}\n\n    ngOnInit() {\n        if (!this._size) {\n            this._setAvatarSize(DEFAULT_SIZE);\n        }\n        this.hostRenderer.updateClass([`thy-avatar-${this._size}`]);\n    }\n\n    remove($event: Event) {\n        this.thyOnRemove.emit($event);\n    }\n\n    avatarImgError($event: Event) {\n        this._setAvatarSrc(null);\n        this.thyError.emit($event);\n    }\n}\n","<img\n  *ngIf=\"_src; else noSrc\"\n  [src]=\"_src | thyAvatarSrc: _size\"\n  class=\"avatar-avatar\"\n  [ngClass]=\"thyImgClass\"\n  alt=\"{{ avatarName || '' }}\"\n  [attr.loading]=\"thyLoading\"\n  [attr.fetchpriority]=\"thyFetchPriority\"\n  (error)=\"avatarImgError($event)\"\n/>\n\n<ng-template #noSrc>\n  <span class=\"avatar-default\" [ngStyle]=\"avatarName | avatarBgColor\">\n    <div>{{ avatarName | avatarShortName }}</div>\n  </span>\n</ng-template>\n\n<ng-template [ngIf]=\"thyShowName\">\n  <div *ngIf=\"avatarNameSafeHtml; else noAvatarNameSafeHtml\" class=\"avatar-name\" [innerHtml]=\"avatarNameSafeHtml\"></div>\n  <ng-template #noAvatarNameSafeHtml>\n    <div class=\"avatar-name\">{{ avatarName }}</div>\n  </ng-template>\n</ng-template>\n\n<a *ngIf=\"_showRemove\" (click)=\"remove($event)\" href=\"javascript:;\" class=\"remove-link avatar-remove\">\n  <thy-icon class=\"remove-link-icon\" thyIconName=\"close-circle-bold-fill\"></thy-icon>\n</a>\n<div *ngIf=\"thyDisabled\" class=\"thy-avatar-disabled\">\n  <thy-icon class=\"thy-avatar-disabled-icon\" thyIconName=\"ban\"></thy-icon>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyAvatarComponent } from './avatar.component';\nimport { AvatarPipes } from './avatar.pipe';\nimport { ThyAvatarService, ThyDefaultAvatarService } from './avatar.service';\nimport { ThyIconModule } from 'ngx-tethys/icon';\n\n@NgModule({\n    declarations: [ThyAvatarComponent, AvatarPipes],\n    imports: [CommonModule, ThyIconModule],\n    providers: [\n        {\n            provide: ThyAvatarService,\n            useClass: ThyDefaultAvatarService\n        }\n    ],\n    exports: [ThyAvatarComponent, AvatarPipes]\n})\nexport class ThyAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.ThyAvatarService","i4.AvatarShortNamePipe","i4.AvatarBgColorPipe","i4.AvatarSrcPipe","i1.AvatarShortNamePipe","i1.AvatarBgColorPipe","i1.AvatarSrcPipe"],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-avatar.mjs","sources":["../../../src/avatar/avatar.service.ts","../../../src/avatar/avatar.pipe.ts","../../../src/avatar/avatar.component.ts","../../../src/avatar/avatar.component.html","../../../src/avatar/avatar-list/avatar-list.component.ts","../../../src/avatar/avatar-list/avatar-list.component.html","../../../src/avatar/avatar.module.ts","../../../src/avatar/ngx-tethys-avatar.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { SafeHtml } from '@angular/platform-browser';\n\nexport abstract class ThyAvatarService {\n    ignoreAvatarSrcPaths = [`default.png`];\n\n    /**\n     * @deprecated the avatarSrcTransform method will be deprecated, please use srcTransform.\n     */\n    abstract avatarSrcTransform(src: string, size: number): string;\n\n    abstract srcTransform(src: string, size: number): string;\n\n    abstract nameTransform(name: string): string | SafeHtml;\n}\n\n@Injectable()\nexport class ThyDefaultAvatarService extends ThyAvatarService {\n    /**\n     * @deprecated the avatarSrcTransform method will be deprecated, please use srcTransform.\n     */\n    avatarSrcTransform(src: string, size: number): string {\n        return src;\n    }\n\n    srcTransform(src: string, size: number): string {\n        return src;\n    }\n\n    nameTransform(name: string): string | SafeHtml {\n        return name;\n    }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { ThyAvatarService } from './avatar.service';\n\n/**\n * `\\u4e00`: https://www.compart.com/en/unicode/U+4E00\n * `\\u9fa5`: https://www.compart.com/en/unicode/U+9FA5\n */\nconst UNIFIED_IDEOGRAPHS_REGEX = /^[\\u4e00-\\u9fa5]+$/;\n\nconst SET_OF_LETTERS_REGEX = /^[a-zA-Z\\/ ]+$/;\n\n@Pipe({ name: 'avatarShortName' })\nexport class AvatarShortNamePipe implements PipeTransform {\n    transform(name: string | null | undefined): string {\n        if (!name) {\n            return '';\n        }\n\n        name = name.trim();\n\n        if (UNIFIED_IDEOGRAPHS_REGEX.test(name) && name.length > 2) {\n            return name.slice(name.length - 2);\n        }\n\n        if (SET_OF_LETTERS_REGEX.test(name) && name.indexOf(' ') > 0) {\n            const words: string[] = name.split(' ');\n            return (words[0].slice(0, 1) + words[1].slice(0, 1)).toUpperCase();\n        }\n\n        return name.length > 2 ? name.slice(0, 2).toUpperCase() : name.toUpperCase();\n    }\n}\n\n@Pipe({ name: 'avatarBgColor' })\nexport class AvatarBgColorPipe implements PipeTransform {\n    transform(name: string) {\n        if (!name) {\n            return;\n        }\n        const colors = ['#56abfb', '#5dcfff', '#84e17e', '#73d897', '#ff9f73', '#fa8888', '#fb7fb7', '#9a7ef4', '#868af6'];\n        const nameArray: string[] = name.split('');\n        const code: number =\n            name && name.length > 0\n                ? nameArray.reduce(\n                      function(result, item) {\n                          result.value += item.charCodeAt(0);\n                          return result;\n                      },\n                      { value: 0 }\n                  ).value\n                : 0;\n        return {\n            'background-color': colors[code % 9]\n        };\n    }\n}\n\n@Pipe({ name: 'thyAvatarSrc' })\nexport class AvatarSrcPipe implements PipeTransform {\n    constructor(private thyAvatarService: ThyAvatarService) {}\n    transform(src: string, size: number) {\n        return this.thyAvatarService.srcTransform\n            ? this.thyAvatarService.srcTransform(src, size)\n            : this.thyAvatarService.avatarSrcTransform(src, size);\n    }\n}\n\nexport const AvatarPipes = [AvatarShortNamePipe, AvatarBgColorPipe, AvatarSrcPipe];\n","import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, OnInit, Output } from '@angular/core';\nimport { SafeHtml } from '@angular/platform-browser';\nimport { coerceBooleanProperty, isString } from 'ngx-tethys/util';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { ThyAvatarService } from './avatar.service';\n\nconst sizeArray = [16, 22, 24, 28, 32, 36, 44, 48, 68, 110, 160];\n\nexport const DEFAULT_SIZE = 36;\n\nexport const thyAvatarSizeMap = {\n    xxs: 22,\n    xs: 24,\n    sm: 32,\n    md: 36,\n    lg: 48\n};\n\n/** https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-loading */\nexport type ThyAvatarLoading = 'eager' | 'lazy';\n\n/** https://wicg.github.io/priority-hints/#idl-index */\nexport type ThyAvatarFetchPriority = 'high' | 'low' | 'auto';\n\n/**\n * 头像组件\n */\n@Component({\n    selector: 'thy-avatar',\n    templateUrl: './avatar.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ThyAvatarComponent implements OnInit {\n    _src: string;\n    _name: string;\n    _size: number;\n    _showRemove = false;\n\n    public avatarSrc: string;\n    public avatarName?: string;\n    public avatarNameSafeHtml?: SafeHtml;\n\n    @HostBinding('class.thy-avatar') _isAvatar = true;\n\n    /**\n     * * 已废弃，请使用 thyRemove\n     * @deprecated\n     */\n    @Output() thyOnRemove = new EventEmitter();\n\n    /**\n     *  移除按钮的事件, 当 thyRemovable 为 true 时起作用\n     */\n    @Output() thyRemove = new EventEmitter();\n\n    /**\n     *  头像 img 加载 error 时触发\n     */\n    @Output() thyError: EventEmitter<Event> = new EventEmitter<Event>();\n\n    /**\n     * 是否展示人员名称\n     * @default false\n     */\n    @Input() thyShowName: boolean;\n\n    /**\n     * 头像路径地址, 默认为全路径，如果不是全路径，可以通过自定义服务 ThyAvatarService，重写 srcTransform 方法实现转换\n     *\n     */\n    @Input()\n    set thySrc(value: string) {\n        this._setAvatarSrc(value);\n    }\n\n    /**\n     * 人员名称（可设置自定义名称，需通过自定义服务 ThyAvatarService，重写 nameTransform 方法去实现转换）\n     */\n    @Input()\n    set thyName(value: string) {\n        // this._name = value;\n        this._setAvatarName(value);\n    }\n\n    /**\n     * 头像大小\n     * @type 16 | 22 | 24 | 28 | 32 | 36 | 44 | 48 | 68 | 110 | 160 | xxs(22px) | xs(24px) | sm(32px) | md(36px) | lg(48px)\n     * @default md\n     */\n    @Input()\n    set thySize(value: number | string) {\n        if (thyAvatarSizeMap[value]) {\n            this._setAvatarSize(thyAvatarSizeMap[value]);\n        } else {\n            this._setAvatarSize((value as number) * 1);\n        }\n    }\n\n    /**\n     * 已废弃，请使用 thyRemovable\n     * @deprecated\n     * @default false\n     */\n    @Input()\n    set thyShowRemove(value: boolean) {\n        this._showRemove = coerceBooleanProperty(value);\n    }\n\n    /**\n     * 是否展示移除按钮\n     * @default false\n     */\n    @Input()\n    set thyRemovable(value: boolean) {\n        this._showRemove = coerceBooleanProperty(value);\n    }\n\n    /**\n     * 图片自定义类\n     */\n    @Input() thyImgClass: string;\n\n    /**\n     * 禁用\n     * @default false\n     */\n    @Input() thyDisabled: boolean;\n\n    /**\n     * 图片加载策略\n     * @type eager(立即加载) | lazy(延迟加载)\n     */\n    @Input() thyLoading?: ThyAvatarLoading;\n\n    /**\n     * 图片加载优先级\n     * @type auto(默认) | high(高) | low(低)\n     */\n    @Input() thyFetchPriority?: ThyAvatarFetchPriority;\n\n    private _setAvatarSize(size: number) {\n        if (sizeArray.indexOf(size) > -1) {\n            this._size = size;\n        } else {\n            this._size = this.findClosestSize(sizeArray, size);\n        }\n        this.hostRenderer.updateClass([`thy-avatar-${this._size}`]);\n    }\n\n    private findClosestSize(sizes: number[], value: number): number {\n        let left = 0,\n            right = sizes.length - 1,\n            middle: number,\n            result: number;\n\n        while (left <= right) {\n            middle = Math.floor((left + right) / 2);\n            if (right - left <= 1) {\n                result = sizes[right];\n                break;\n            }\n            result = sizes[middle];\n            if (result === value) {\n                return value;\n            } else if (result > value) {\n                right = middle;\n            } else {\n                left = middle;\n            }\n        }\n        return value - sizes[left] < sizes[right] - value ? sizes[left] : sizes[right];\n    }\n\n    private _setAvatarSrc(src: string) {\n        if (src && this.thyAvatarService.ignoreAvatarSrcPaths.indexOf(src) < 0) {\n            this._src = src;\n        } else {\n            this._src = null;\n        }\n    }\n\n    private _setAvatarName(value: string) {\n        const name = this.thyAvatarService.nameTransform(value);\n        if (isString(name)) {\n            this.avatarName = name as string;\n        } else {\n            this.avatarName = value;\n            this.avatarNameSafeHtml = name;\n        }\n    }\n\n    private hostRenderer = useHostRenderer();\n\n    constructor(private thyAvatarService: ThyAvatarService) {}\n\n    ngOnInit() {\n        if (!this._size) {\n            this._setAvatarSize(DEFAULT_SIZE);\n        }\n        this.hostRenderer.updateClass([`thy-avatar-${this._size}`]);\n    }\n\n    remove($event: Event) {\n        this.thyOnRemove.emit($event);\n        this.thyRemove.emit($event);\n    }\n\n    avatarImgError($event: Event) {\n        this._setAvatarSrc(null);\n        this.thyError.emit($event);\n    }\n}\n","<img\n  *ngIf=\"_src; else noSrc\"\n  [src]=\"_src | thyAvatarSrc: _size\"\n  class=\"avatar-avatar\"\n  [ngClass]=\"thyImgClass\"\n  alt=\"{{ avatarName || '' }}\"\n  [attr.loading]=\"thyLoading\"\n  [attr.fetchpriority]=\"thyFetchPriority\"\n  (error)=\"avatarImgError($event)\"\n/>\n\n<ng-template #noSrc>\n  <span class=\"avatar-default\" [ngStyle]=\"avatarName | avatarBgColor\">\n    <div>{{ avatarName | avatarShortName }}</div>\n  </span>\n</ng-template>\n\n<ng-template [ngIf]=\"thyShowName\">\n  <div *ngIf=\"avatarNameSafeHtml; else noAvatarNameSafeHtml\" class=\"avatar-name\" [innerHtml]=\"avatarNameSafeHtml\"></div>\n  <ng-template #noAvatarNameSafeHtml>\n    <div class=\"avatar-name\">{{ avatarName }}</div>\n  </ng-template>\n</ng-template>\n\n<a *ngIf=\"_showRemove\" (click)=\"remove($event)\" href=\"javascript:;\" class=\"remove-link avatar-remove\">\n  <thy-icon class=\"remove-link-icon\" thyIconName=\"close-circle-bold-fill\"></thy-icon>\n</a>\n<div *ngIf=\"thyDisabled\" class=\"thy-avatar-disabled\">\n  <thy-icon class=\"thy-avatar-disabled-icon\" thyIconName=\"ban\"></thy-icon>\n</div>\n","import {\n    AfterContentInit,\n    AfterViewInit,\n    Component,\n    ContentChild,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Input,\n    NgZone,\n    OnChanges,\n    OnDestroy,\n    Output,\n    QueryList,\n    SimpleChanges,\n    TemplateRef,\n    ViewChild\n} from '@angular/core';\nimport { InputBoolean, UpdateHostClassService } from 'ngx-tethys/core';\nimport { merge, Observable, of, Subject } from 'rxjs';\nimport { debounceTime, take, takeUntil } from 'rxjs/operators';\nimport { DEFAULT_SIZE, ThyAvatarComponent } from '../avatar.component';\nimport { SafeAny } from 'ngx-tethys/types';\n\nconst AVATAR_ITEM_SPACE = 6;\n\nconst OVERLAP_AVATAR_ITEM_SPACE = -8;\n\nexport const enum ThyAvatarListMode {\n    overlap = 'overlap',\n    default = 'default'\n}\n/**\n * 头像列表组件\n */\n@Component({\n    selector: 'thy-avatar-list',\n    templateUrl: `./avatar-list.component.html`,\n    host: {\n        class: 'thy-avatar-list',\n        '[style.margin-left.px]': 'overlapMode ? -avatarOverlapSpace : 0'\n    },\n    providers: [UpdateHostClassService]\n})\nexport class ThyAvatarListComponent implements OnChanges, OnDestroy, AfterContentInit, AfterViewInit {\n    @HostBinding('class.thy-avatar-list-overlap') overlapMode = false;\n\n    public avatarItems: ThyAvatarComponent[] = [];\n\n    public avatarRenderItems: ThyAvatarComponent[] = [];\n\n    public avatarSpace = AVATAR_ITEM_SPACE;\n\n    public avatarOverlapSpace = OVERLAP_AVATAR_ITEM_SPACE;\n\n    public get more() {\n        return this.avatarItems.length - this.avatarRenderItems.length;\n    }\n\n    private ngUnsubscribe$ = new Subject<void>();\n\n    private avatarList: QueryList<ThyAvatarComponent>;\n\n    /**\n     * 展示方式\n     * @type  'overlap'| 'default'\n     * @default default\n     */\n    @Input()\n    set thyMode(value: ThyAvatarListMode) {\n        this.overlapMode = value === ThyAvatarListMode.overlap;\n    }\n\n    /**\n     * 响应式，自动计算宽度存放 avatar\n     * @default false\n     */\n    @Input()\n    @InputBoolean()\n    thyResponsive = false;\n\n    /**\n     * 列表组件允许展示 avatar 最大数量\n     */\n    @Input() thyMax: number;\n\n    /**\n     * 头像大小\n     * @type 22 | 24 | 28 | 32 | 36 | 44 | 48 | 68 | 110 | 160 | xxs(22px) | xs(24px) | sm(32px) | md(36px) | lg(48px)\n     * @default 36\n     */\n    @Input() thyAvatarSize: number | string = DEFAULT_SIZE;\n\n    /**\n     * 是否展示移除按钮\n     * @type boolean\n     * @default false\n     */\n    @Input() thyRemovable = false;\n\n    /**\n     * avatar 移除按钮事件\n     */\n    @Output() thyRemove = new EventEmitter<string>();\n\n    /**\n     *  append 自定义操作\n     */\n    @ContentChild('append', { static: false }) append: TemplateRef<SafeAny>;\n\n    /**\n     * @private\n     */\n    @ContentChildren(ThyAvatarComponent)\n    private set avatarComponents(value: QueryList<ThyAvatarComponent>) {\n        this.avatarItems = value.toArray();\n        this.avatarList = value;\n    }\n\n    @ViewChild('appendContent') appendContent: ElementRef<HTMLInputElement>;\n\n    constructor(private elementRef: ElementRef, private ngZone: NgZone) {}\n\n    ngOnChanges(changes: SimpleChanges) {\n        if (changes.thyAvatarSize && !changes.thyAvatarSize.firstChange) {\n            this.setAvatarSize();\n        }\n\n        if (changes.thyMax && !changes.thyMax.firstChange) {\n            this.getRenderAvatar();\n        }\n    }\n\n    ngAfterContentInit() {\n        this.setAvatarSize();\n    }\n\n    ngAfterViewInit() {\n        this.ngZone.onStable.pipe(take(1)).subscribe(() => {\n            this.getRenderAvatar();\n        });\n\n        if (this.thyResponsive) {\n            this.ngZone.runOutsideAngular(() => {\n                merge(this.avatarList.changes, this.createResizeObserver(this.elementRef.nativeElement))\n                    .pipe(debounceTime(100), takeUntil(this.ngUnsubscribe$))\n                    .subscribe(() => {\n                        this.getRenderAvatar();\n                    });\n            });\n        }\n    }\n\n    private setAvatarSize() {\n        this.avatarItems.forEach((avatar: ThyAvatarComponent) => {\n            avatar.thySize = this.thyAvatarSize;\n        });\n        this.getRenderAvatar();\n    }\n\n    public remove(name: string) {\n        this.thyRemove.emit(name);\n    }\n\n    private getRenderAvatar() {\n        const endIndex = this.getEndIndex();\n        const max = this.thyMax || this.avatarItems.length;\n        const showCount = Math.max(0, Math.min(max, endIndex));\n        this.avatarRenderItems = this.avatarItems.slice(0, showCount);\n    }\n\n    private getEndIndex() {\n        if (this.avatarItems.length) {\n            const space = this.overlapMode ? this.avatarOverlapSpace : this.avatarSpace;\n            const avatarWidth = this.avatarItems[0]._size + space;\n            const wrapperWidth = this.elementRef.nativeElement.offsetWidth;\n            const appendWidth = this.appendContent ? this.appendContent.nativeElement.offsetWidth : 0;\n            const lastAvatarSpecialSpace = this.overlapMode ? space : 0; // overlap 模式下最后一个 avatar 元素占位比其他多 this.avatarSpace 个 px\n            return Math.floor((wrapperWidth - appendWidth + lastAvatarSpecialSpace) / avatarWidth);\n        } else {\n            return 0;\n        }\n    }\n\n    private createResizeObserver(element: HTMLElement) {\n        return typeof ResizeObserver === 'undefined'\n            ? of(null)\n            : new Observable(observer => {\n                  const resize = new ResizeObserver(entries => {\n                      this.ngZone.run(() => {\n                          observer.next(entries);\n                      });\n                  });\n                  resize.observe(element);\n                  return () => {\n                      resize.disconnect();\n                  };\n              });\n    }\n\n    ngOnDestroy() {\n        this.ngUnsubscribe$.next();\n        this.ngUnsubscribe$.complete();\n    }\n}\n","<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n\n<ng-container *ngFor=\"let avatar of avatarRenderItems; index as index; last as isLast\">\n  <div\n    class=\"thy-avatar-content\"\n    [ngStyle]=\"overlapMode ? { 'margin-left.px': avatarOverlapSpace } : { 'margin-right.px': isLast ? 0 : avatarSpace }\"\n  >\n    <thy-avatar\n      [thySrc]=\"avatar._src\"\n      [thyName]=\"avatar.avatarName\"\n      [thySize]=\"avatar._size\"\n      [thyRemovable]=\"overlapMode ? false : thyRemovable\"\n      [thyImgClass]=\"avatar.thyImgClass\"\n      [thyDisabled]=\"avatar.thyDisabled\"\n      [thyLoading]=\"avatar.thyLoading\"\n      [thyFetchPriority]=\"avatar.thyFetchPriority\"\n      (thyRemove)=\"remove(avatar.avatarName)\"\n    ></thy-avatar>\n    <span *ngIf=\"isLast && more && thyResponsive\" ngClass=\"more-{{ avatar._size }}\">+{{ more }} </span>\n  </div>\n</ng-container>\n\n<div #appendContent *ngIf=\"append\" [ngStyle]=\"{ 'padding-left.px': avatarSpace }\">\n  <ng-container [ngTemplateOutlet]=\"append\"></ng-container>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyAvatarComponent } from './avatar.component';\nimport { AvatarPipes } from './avatar.pipe';\nimport { ThyAvatarService, ThyDefaultAvatarService } from './avatar.service';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyAvatarListComponent } from './avatar-list/avatar-list.component';\n\n@NgModule({\n    declarations: [ThyAvatarComponent, ThyAvatarListComponent, AvatarPipes],\n    imports: [CommonModule, ThyIconModule],\n    providers: [\n        {\n            provide: ThyAvatarService,\n            useClass: ThyDefaultAvatarService\n        }\n    ],\n    exports: [ThyAvatarComponent, ThyAvatarListComponent, AvatarPipes]\n})\nexport class ThyAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.ThyAvatarService","i2","i4.AvatarShortNamePipe","i4.AvatarBgColorPipe","i4.AvatarSrcPipe","i2.ThyAvatarComponent","i1.AvatarShortNamePipe","i1.AvatarBgColorPipe","i1.AvatarSrcPipe"],"mappings":"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"}

package/fesm2015/ngx-tethys-comment.mjs

@@ -15,7 +15,7 @@ class ThyCommentComponent {
     }
 }
 ThyCommentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThyCommentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ThyCommentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ThyCommentComponent, selector: "thy-comment", inputs: { thyAuthor: "thyAuthor", thyDatetime: "thyDatetime", thyAvatar: "thyAvatar" }, host: { classAttribute: "thy-comment" }, ngImport: i0, template: "<div class=\"thy-comment-inner\">\n  <ng-container *ngIf=\"isTemplateRef(this.thyAvatar); else defaultAvatar\">\n    <ng-template [ngTemplateOutlet]=\"thyAvatar\"></ng-template>\n  </ng-container>\n\n  <div class=\"thy-comment-body\">\n    <div class=\"thy-comment-body-author\">\n      <span class=\"thy-comment-body-author-name\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyAuthor\"></ng-container>\n      </span>\n      <span class=\"thy-comment-body-author-time\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyDatetime\"></ng-container>\n      </span>\n    </div>\n    <ng-content select=\"[thyCommentContent]\"></ng-content>\n  </div>\n  <ng-content select=\"[thyCommentActions]\"></ng-content>\n</div>\n<div class=\"thy-comment-nested\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template #defaultAvatar>\n  <ng-container *ngIf=\"thyAuthor || thyAvatar\">\n    <div class=\"thy-comment-avatar\">\n      <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor) && thyAuthor\" thySize=\"28\" [thySrc]=\"thyAvatar || ''\"></thy-avatar>\n    </div>\n  </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ThyStringOrTemplateOutletDirective, selector: "[thyStringOrTemplateOutlet]", inputs: ["thyStringOrTemplateOutletContext", "thyStringOrTemplateOutlet"], exportAs: ["thyStringOrTemplateOutlet"] }, { kind: "component", type: i3.ThyAvatarComponent, selector: "thy-avatar", inputs: ["thyShowName", "thySrc", "thyName", "thySize", "thyShowRemove", "thyImgClass", "thyDisabled", "thyLoading", "thyFetchPriority"], outputs: ["thyOnRemove", "thyError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ThyCommentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ThyCommentComponent, selector: "thy-comment", inputs: { thyAuthor: "thyAuthor", thyDatetime: "thyDatetime", thyAvatar: "thyAvatar" }, host: { classAttribute: "thy-comment" }, ngImport: i0, template: "<div class=\"thy-comment-inner\">\n  <ng-container *ngIf=\"isTemplateRef(this.thyAvatar); else defaultAvatar\">\n    <ng-template [ngTemplateOutlet]=\"thyAvatar\"></ng-template>\n  </ng-container>\n\n  <div class=\"thy-comment-body\">\n    <div class=\"thy-comment-body-author\">\n      <span class=\"thy-comment-body-author-name\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyAuthor\"></ng-container>\n      </span>\n      <span class=\"thy-comment-body-author-time\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyDatetime\"></ng-container>\n      </span>\n    </div>\n    <ng-content select=\"[thyCommentContent]\"></ng-content>\n  </div>\n  <ng-content select=\"[thyCommentActions]\"></ng-content>\n</div>\n<div class=\"thy-comment-nested\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template #defaultAvatar>\n  <ng-container *ngIf=\"thyAuthor || thyAvatar\">\n    <div class=\"thy-comment-avatar\">\n      <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor) && thyAuthor\" thySize=\"28\" [thySrc]=\"thyAvatar || ''\"></thy-avatar>\n    </div>\n  </ng-container>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.ThyStringOrTemplateOutletDirective, selector: "[thyStringOrTemplateOutlet]", inputs: ["thyStringOrTemplateOutletContext", "thyStringOrTemplateOutlet"], exportAs: ["thyStringOrTemplateOutlet"] }, { kind: "component", type: i3.ThyAvatarComponent, selector: "thy-avatar", inputs: ["thyShowName", "thySrc", "thyName", "thySize", "thyShowRemove", "thyRemovable", "thyImgClass", "thyDisabled", "thyLoading", "thyFetchPriority"], outputs: ["thyOnRemove", "thyRemove", "thyError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThyCommentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'thy-comment', host: {

package/fesm2015/ngx-tethys-comment.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-comment.mjs","sources":["../../../src/comment/comment.component.ts","../../../src/comment/comment.component.html","../../../src/comment/comment-content.directive.ts","../../../src/comment/comment-actions.directive.ts","../../../src/comment/comment.module.ts","../../../src/comment/ngx-tethys-comment.ts"],"sourcesContent":["import { isTemplateRef } from 'ngx-tethys/util';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { ChangeDetectionStrategy, Component, Input, TemplateRef, OnInit } from '@angular/core';\nimport { InputBoolean } from 'ngx-tethys/core';\n@Component({\n    selector: 'thy-comment',\n    templateUrl: './comment.component.html',\n    host: {\n        class: 'thy-comment'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ThyCommentComponent {\n    /**\n     * 展示评论作者\n     */\n    @Input() thyAuthor?: string | TemplateRef<SafeAny>;\n\n    /**\n     * 展示评论时间\n     */\n    @Input() thyDatetime?: string | TemplateRef<SafeAny>;\n\n    /**\n     * 展示评论作者头像\n     */\n    @Input() thyAvatar?: string | TemplateRef<SafeAny>;\n\n    isTemplateRef = isTemplateRef;\n}\n","<div class=\"thy-comment-inner\">\n  <ng-container *ngIf=\"isTemplateRef(this.thyAvatar); else defaultAvatar\">\n    <ng-template [ngTemplateOutlet]=\"thyAvatar\"></ng-template>\n  </ng-container>\n\n  <div class=\"thy-comment-body\">\n    <div class=\"thy-comment-body-author\">\n      <span class=\"thy-comment-body-author-name\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyAuthor\"></ng-container>\n      </span>\n      <span class=\"thy-comment-body-author-time\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyDatetime\"></ng-container>\n      </span>\n    </div>\n    <ng-content select=\"[thyCommentContent]\"></ng-content>\n  </div>\n  <ng-content select=\"[thyCommentActions]\"></ng-content>\n</div>\n<div class=\"thy-comment-nested\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template #defaultAvatar>\n  <ng-container *ngIf=\"thyAuthor || thyAvatar\">\n    <div class=\"thy-comment-avatar\">\n      <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor) && thyAuthor\" thySize=\"28\" [thySrc]=\"thyAvatar || ''\"></thy-avatar>\n    </div>\n  </ng-container>\n</ng-template>\n","import { Directive } from '@angular/core';\n\n/**\n * @private\n */\n@Directive({\n    selector: '[thyCommentContent]',\n    exportAs: 'thyCommentContent',\n    host: { class: 'thy-comment-content' }\n})\nexport class ThyCommentContentDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * @private\n */\n@Directive({\n    selector: '[thyCommentActions]',\n    exportAs: 'thyCommentActions',\n    host: { class: 'thy-comment-actions' }\n})\nexport class ThyCommentActionsDirective {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyCommentComponent } from './comment.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyAvatarModule } from 'ngx-tethys/avatar';\nimport { ThyCommentContentDirective } from './comment-content.directive';\nimport { ThyCommentActionsDirective } from './comment-actions.directive';\n@NgModule({\n    declarations: [ThyCommentComponent, ThyCommentContentDirective, ThyCommentActionsDirective],\n    imports: [CommonModule, ThySharedModule, ThyIconModule, ThyAvatarModule],\n    exports: [ThyCommentComponent, ThyCommentContentDirective, ThyCommentActionsDirective],\n    providers: []\n})\nexport class ThyCommentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-comment.mjs","sources":["../../../src/comment/comment.component.ts","../../../src/comment/comment.component.html","../../../src/comment/comment-content.directive.ts","../../../src/comment/comment-actions.directive.ts","../../../src/comment/comment.module.ts","../../../src/comment/ngx-tethys-comment.ts"],"sourcesContent":["import { isTemplateRef } from 'ngx-tethys/util';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { ChangeDetectionStrategy, Component, Input, TemplateRef, OnInit } from '@angular/core';\nimport { InputBoolean } from 'ngx-tethys/core';\n@Component({\n    selector: 'thy-comment',\n    templateUrl: './comment.component.html',\n    host: {\n        class: 'thy-comment'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ThyCommentComponent {\n    /**\n     * 展示评论作者\n     */\n    @Input() thyAuthor?: string | TemplateRef<SafeAny>;\n\n    /**\n     * 展示评论时间\n     */\n    @Input() thyDatetime?: string | TemplateRef<SafeAny>;\n\n    /**\n     * 展示评论作者头像\n     */\n    @Input() thyAvatar?: string | TemplateRef<SafeAny>;\n\n    isTemplateRef = isTemplateRef;\n}\n","<div class=\"thy-comment-inner\">\n  <ng-container *ngIf=\"isTemplateRef(this.thyAvatar); else defaultAvatar\">\n    <ng-template [ngTemplateOutlet]=\"thyAvatar\"></ng-template>\n  </ng-container>\n\n  <div class=\"thy-comment-body\">\n    <div class=\"thy-comment-body-author\">\n      <span class=\"thy-comment-body-author-name\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyAuthor\"></ng-container>\n      </span>\n      <span class=\"thy-comment-body-author-time\">\n        <ng-container *thyStringOrTemplateOutlet=\"thyDatetime\"></ng-container>\n      </span>\n    </div>\n    <ng-content select=\"[thyCommentContent]\"></ng-content>\n  </div>\n  <ng-content select=\"[thyCommentActions]\"></ng-content>\n</div>\n<div class=\"thy-comment-nested\">\n  <ng-content></ng-content>\n</div>\n\n<ng-template #defaultAvatar>\n  <ng-container *ngIf=\"thyAuthor || thyAvatar\">\n    <div class=\"thy-comment-avatar\">\n      <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor) && thyAuthor\" thySize=\"28\" [thySrc]=\"thyAvatar || ''\"></thy-avatar>\n    </div>\n  </ng-container>\n</ng-template>\n","import { Directive } from '@angular/core';\n\n/**\n * @private\n */\n@Directive({\n    selector: '[thyCommentContent]',\n    exportAs: 'thyCommentContent',\n    host: { class: 'thy-comment-content' }\n})\nexport class ThyCommentContentDirective {}\n","import { Directive } from '@angular/core';\n\n/**\n * @private\n */\n@Directive({\n    selector: '[thyCommentActions]',\n    exportAs: 'thyCommentActions',\n    host: { class: 'thy-comment-actions' }\n})\nexport class ThyCommentActionsDirective {}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyCommentComponent } from './comment.component';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyAvatarModule } from 'ngx-tethys/avatar';\nimport { ThyCommentContentDirective } from './comment-content.directive';\nimport { ThyCommentActionsDirective } from './comment-actions.directive';\n@NgModule({\n    declarations: [ThyCommentComponent, ThyCommentContentDirective, ThyCommentActionsDirective],\n    imports: [CommonModule, ThySharedModule, ThyIconModule, ThyAvatarModule],\n    exports: [ThyCommentComponent, ThyCommentContentDirective, ThyCommentActionsDirective],\n    providers: []\n})\nexport class ThyCommentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/ngx-tethys-list.mjs

@@ -424,7 +424,7 @@ class ThyListItemMetaComponent {
     }
 }
 ThyListItemMetaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThyListItemMetaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ThyListItemMetaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ThyListItemMetaComponent, selector: "thy-list-item-meta,[thy-list-item-meta]", inputs: { thyAvatar: "thyAvatar", thyTitle: "thyTitle", thyDescription: "thyDescription" }, host: { properties: { "class": "this.className" } }, queries: [{ propertyName: "avatarTemplateRef", first: true, predicate: ["metaAvatar"], descendants: true }, { propertyName: "titleTemplateRef", first: true, predicate: ["metaTitle"], descendants: true }, { propertyName: "descriptionTemplateRef", first: true, predicate: ["metaDescription"], descendants: true }], ngImport: i0, template: "<div class=\"thy-list-item-meta-avatar\">\n  <ng-container *ngIf=\"thyAvatar; else avatarTemplateRef\">\n    <thy-avatar [thySrc]=\"thyAvatar\"></thy-avatar>\n  </ng-container>\n</div>\n<div class=\"thy-list-item-meta-content\">\n  <div class=\"thy-list-item-meta-title\">\n    <ng-container *ngIf=\"thyTitle; else titleTemplateRef\">{{ thyTitle }}</ng-container>\n  </div>\n  <div class=\"thy-list-item-meta-description\">\n    <ng-container *ngIf=\"thyDescription; else descriptionTemplateRef\">{{ thyDescription }}</ng-container>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ThyAvatarComponent, selector: "thy-avatar", inputs: ["thyShowName", "thySrc", "thyName", "thySize", "thyShowRemove", "thyImgClass", "thyDisabled", "thyLoading", "thyFetchPriority"], outputs: ["thyOnRemove", "thyError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ThyListItemMetaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ThyListItemMetaComponent, selector: "thy-list-item-meta,[thy-list-item-meta]", inputs: { thyAvatar: "thyAvatar", thyTitle: "thyTitle", thyDescription: "thyDescription" }, host: { properties: { "class": "this.className" } }, queries: [{ propertyName: "avatarTemplateRef", first: true, predicate: ["metaAvatar"], descendants: true }, { propertyName: "titleTemplateRef", first: true, predicate: ["metaTitle"], descendants: true }, { propertyName: "descriptionTemplateRef", first: true, predicate: ["metaDescription"], descendants: true }], ngImport: i0, template: "<div class=\"thy-list-item-meta-avatar\">\n  <ng-container *ngIf=\"thyAvatar; else avatarTemplateRef\">\n    <thy-avatar [thySrc]=\"thyAvatar\"></thy-avatar>\n  </ng-container>\n</div>\n<div class=\"thy-list-item-meta-content\">\n  <div class=\"thy-list-item-meta-title\">\n    <ng-container *ngIf=\"thyTitle; else titleTemplateRef\">{{ thyTitle }}</ng-container>\n  </div>\n  <div class=\"thy-list-item-meta-description\">\n    <ng-container *ngIf=\"thyDescription; else descriptionTemplateRef\">{{ thyDescription }}</ng-container>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ThyAvatarComponent, selector: "thy-avatar", inputs: ["thyShowName", "thySrc", "thyName", "thySize", "thyShowRemove", "thyRemovable", "thyImgClass", "thyDisabled", "thyLoading", "thyFetchPriority"], outputs: ["thyOnRemove", "thyRemove", "thyError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ThyListItemMetaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'thy-list-item-meta,[thy-list-item-meta]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"thy-list-item-meta-avatar\">\n  <ng-container *ngIf=\"thyAvatar; else avatarTemplateRef\">\n    <thy-avatar [thySrc]=\"thyAvatar\"></thy-avatar>\n  </ng-container>\n</div>\n<div class=\"thy-list-item-meta-content\">\n  <div class=\"thy-list-item-meta-title\">\n    <ng-container *ngIf=\"thyTitle; else titleTemplateRef\">{{ thyTitle }}</ng-container>\n  </div>\n  <div class=\"thy-list-item-meta-description\">\n    <ng-container *ngIf=\"thyDescription; else descriptionTemplateRef\">{{ thyDescription }}</ng-container>\n  </div>\n</div>\n" }]