ngx-tethys 19.0.12 → 19.0.13

package/fesm2022/ngx-tethys-avatar.mjs

@@ -1,10 +1,12 @@
 import * as i0 from '@angular/core';
-import { Injectable, Pipe, inject, ElementRef, output, input, computed, model, signal, effect, ChangeDetectionStrategy, Component, contentChild, contentChildren, NgModule } from '@angular/core';
+import { Injectable, Pipe, inject, ElementRef, EventEmitter, Input, Output, HostBinding, ChangeDetectionStrategy, Component, ContentChildren, ContentChild, NgModule } from '@angular/core';
 import { NgClass, NgStyle, NgTemplateOutlet, CommonModule } from '@angular/common';
-import { coerceBooleanProperty, isString } from 'ngx-tethys/util';
+import { isString, coerceBooleanProperty } from 'ngx-tethys/util';
 import { useHostRenderer } from '@tethys/cdk/dom';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
 import { UpdateHostClassService } from 'ngx-tethys/core';
+import { Subject } from 'rxjs';
+import { startWith, takeUntil } from 'rxjs/operators';
 
 class ThyAvatarService {
     constructor() {
@@ -134,100 +136,73 @@ class ThyAvatar {
     constructor() {
         this.thyAvatarService = inject(ThyAvatarService);
         this.elementRef = inject(ElementRef);
+        this._showRemove = false;
+        this._isAvatar = true;
         /**
          * * 已废弃，请使用 thyRemove
          * @deprecated
          */
-        this.thyOnRemove = output();
+        this.thyOnRemove = new EventEmitter();
         /**
-         *  移除按钮的事件，当 thyRemovable 为 true 时起作用
+         *  移除按钮的事件, 当 thyRemovable 为 true 时起作用
          */
-        this.thyRemove = output();
+        this.thyRemove = new EventEmitter();
         /**
          *  头像 img 加载 error 时触发
          */
-        this.thyError = output();
-        /**
-         * 是否展示人员名称
-         */
-        this.thyShowName = input(false, { transform: coerceBooleanProperty });
-        /**
-         * 头像路径地址, 默认为全路径，如果不是全路径，可以通过自定义服务 ThyAvatarService，重写 srcTransform 方法实现转换
-         */
-        this.thySrc = input();
-        this.src = computed(() => {
-            if (this.isAvatarImgError()) {
-                return null;
-            }
-            if (this.thySrc() && this.thyAvatarService.ignoreAvatarSrcPaths.indexOf(this.thySrc()) < 0) {
-                return this.thySrc();
-            }
-            return null;
-        });
-        /**
-         * 人员名称（可设置自定义名称，需通过自定义服务 ThyAvatarService，重写 nameTransform 方法去实现转换）
-         */
-        this.thyName = input();
-        this.avatarName = computed(() => {
-            const name = this.thyAvatarService.nameTransform(this.thyName());
-            return isString(name) ? name : this.thyName();
-        });
-        this.avatarNameSafeHtml = computed(() => {
-            const name = this.thyAvatarService.nameTransform(this.thyName());
-            if (!isString(name)) {
-                return name;
-            }
-            return null;
-        });
-        /**
-         * 头像大小
-         * @type 16 | 22 | 24 | 28 | 32 | 36 | 44 | 48 | 68 | 110 | 160 | xxs(22px) | xs(24px) | sm(32px) | md(36px) | lg(48px)
-         * @default md
-         */
-        this.thySize = model('md');
-        this.size = computed(() => {
-            const sizeKey = this.thySize();
-            if (thyAvatarSizeMap[sizeKey]) {
-                return thyAvatarSizeMap[sizeKey];
-            }
-            else {
-                const size = this.thySize() * 1;
-                return sizeArray.indexOf(size) > -1 ? size : this.findClosestSize(sizeArray, size);
-            }
-        });
-        /**
-         * 已废弃，请使用 thyRemovable
-         * @deprecated
-         */
-        this.thyShowRemove = input(false, { transform: coerceBooleanProperty });
-        /**
-         * 是否展示移除按钮
-         */
-        this.thyRemovable = input(false, { transform: coerceBooleanProperty });
-        this.showRemove = computed(() => this.thyRemovable() || this.thyShowRemove());
-        /**
-         * 图片自定义类
-         */
-        this.thyImgClass = input();
-        /**
-         * 是否禁用
-         */
-        this.thyDisabled = input(false, { transform: coerceBooleanProperty });
-        /**
-         * 图片加载策略
-         * @type eager(立即加载) | lazy(延迟加载)
-         */
-        this.thyLoading = input();
-        /**
-         * 图片加载优先级
-         * @type auto(默认) | high(高) | low(低)
-         */
-        this.thyFetchPriority = input();
-        this.isAvatarImgError = signal(false);
+        this.thyError = new EventEmitter();
         this.hostRenderer = useHostRenderer();
-        effect(() => {
-            this.hostRenderer.updateClass([`thy-avatar-${this.size()}`]);
-        });
+    }
+    /**
+     * 头像路径地址, 默认为全路径，如果不是全路径，可以通过自定义服务 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]);
+        }
+        else {
+            this._setAvatarSize(value * 1);
+        }
+    }
+    /**
+     * 已废弃，请使用 thyRemovable
+     * @deprecated
+     * @default false
+     */
+    set thyShowRemove(value) {
+        this._showRemove = value;
+    }
+    /**
+     * 是否展示移除按钮
+     * @default false
+     */
+    set thyRemovable(value) {
+        this._showRemove = value;
+    }
+    _setAvatarSize(size) {
+        if (sizeArray.indexOf(size) > -1) {
+            this._size = size;
+        }
+        else {
+            this._size = this.findClosestSize(sizeArray, size);
+        }
+        this.hostRenderer.updateClass([`thy-avatar-${this._size}`]);
     }
     findClosestSize(sizeArray, currentSize) {
         let closestValue = sizeArray[0];
@@ -241,23 +216,78 @@ class ThyAvatar {
         }
         return closestValue;
     }
+    _setAvatarSrc(src) {
+        if (src && this.thyAvatarService.ignoreAvatarSrcPaths.indexOf(src) < 0) {
+            this._src = src;
+        }
+        else {
+            this._src = null;
+        }
+    }
+    _setAvatarName(value) {
+        const name = this.thyAvatarService.nameTransform(value);
+        if (isString(name)) {
+            this.avatarName = name;
+        }
+        else {
+            this.avatarName = value;
+            this.avatarNameSafeHtml = name;
+        }
+    }
+    ngOnInit() {
+        if (!this._size) {
+            this._setAvatarSize(DEFAULT_SIZE);
+        }
+        this.hostRenderer.updateClass([`thy-avatar-${this._size}`]);
+    }
     remove($event) {
         this.thyOnRemove.emit($event);
         this.thyRemove.emit($event);
     }
     avatarImgError($event) {
-        this.isAvatarImgError.set(true);
+        this._setAvatarSrc(null);
         this.thyError.emit($event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyAvatar, isStandalone: true, selector: "thy-avatar", inputs: { thyShowName: { classPropertyName: "thyShowName", publicName: "thyShowName", isSignal: true, isRequired: false, transformFunction: null }, thySrc: { classPropertyName: "thySrc", publicName: "thySrc", isSignal: true, isRequired: false, transformFunction: null }, thyName: { classPropertyName: "thyName", publicName: "thyName", isSignal: true, isRequired: false, transformFunction: null }, thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyShowRemove: { classPropertyName: "thyShowRemove", publicName: "thyShowRemove", isSignal: true, isRequired: false, transformFunction: null }, thyRemovable: { classPropertyName: "thyRemovable", publicName: "thyRemovable", isSignal: true, isRequired: false, transformFunction: null }, thyImgClass: { classPropertyName: "thyImgClass", publicName: "thyImgClass", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null }, thyLoading: { classPropertyName: "thyLoading", publicName: "thyLoading", isSignal: true, isRequired: false, transformFunction: null }, thyFetchPriority: { classPropertyName: "thyFetchPriority", publicName: "thyFetchPriority", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thyOnRemove: "thyOnRemove", thyRemove: "thyRemove", thyError: "thyError", thySize: "thySizeChange" }, host: { classAttribute: "thy-avatar" }, ngImport: i0, template: "@if (src()) {\n  <img\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} @else {\n  <span class=\"avatar-default\" [ngStyle]=\"avatarName() | avatarBgColor\">\n    <div>{{ avatarName() | avatarShortName }}</div>\n  </span>\n}\n\n@if (thyShowName()) {\n  @if (avatarNameSafeHtml()) {\n    <div class=\"avatar-name\" [innerHtml]=\"avatarNameSafeHtml()\"></div>\n  } @else {\n    <div class=\"avatar-name\">{{ avatarName() }}</div>\n  }\n}\n\n@if (showRemove()) {\n  <a (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}\n@if (thyDisabled()) {\n  <div class=\"thy-avatar-disabled\">\n    <thy-icon class=\"thy-avatar-disabled-icon\" thyIconName=\"ban\"></thy-icon>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ThyIcon, 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyAvatar, isStandalone: true, selector: "thy-avatar", inputs: { thyShowName: ["thyShowName", "thyShowName", coerceBooleanProperty], thySrc: "thySrc", thyName: "thyName", thySize: "thySize", thyShowRemove: ["thyShowRemove", "thyShowRemove", coerceBooleanProperty], thyRemovable: ["thyRemovable", "thyRemovable", coerceBooleanProperty], thyImgClass: "thyImgClass", thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty], thyLoading: "thyLoading", thyFetchPriority: "thyFetchPriority" }, outputs: { thyOnRemove: "thyOnRemove", thyRemove: "thyRemove", thyError: "thyError" }, host: { properties: { "class.thy-avatar": "this._isAvatar" } }, ngImport: i0, template: "@if (_src) {\n  <img\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} @else {\n  <span class=\"avatar-default\" [ngStyle]=\"avatarName | avatarBgColor\">\n    <div>{{ avatarName | avatarShortName }}</div>\n  </span>\n}\n\n\n@if (thyShowName) {\n  @if (avatarNameSafeHtml) {\n    <div class=\"avatar-name\" [innerHtml]=\"avatarNameSafeHtml\"></div>\n  } @else {\n    <div class=\"avatar-name\">{{ avatarName }}</div>\n  }\n}\n\n@if (_showRemove) {\n  <a (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}\n@if (thyDisabled) {\n  <div class=\"thy-avatar-disabled\">\n    <thy-icon class=\"thy-avatar-disabled-icon\" thyIconName=\"ban\"></thy-icon>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ThyIcon, 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: "19.2.8", ngImport: i0, type: ThyAvatar, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-avatar', host: {
-                        class: 'thy-avatar'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, NgStyle, ThyIcon, AvatarShortNamePipe, AvatarBgColorPipe, AvatarSrcPipe], template: "@if (src()) {\n  <img\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} @else {\n  <span class=\"avatar-default\" [ngStyle]=\"avatarName() | avatarBgColor\">\n    <div>{{ avatarName() | avatarShortName }}</div>\n  </span>\n}\n\n@if (thyShowName()) {\n  @if (avatarNameSafeHtml()) {\n    <div class=\"avatar-name\" [innerHtml]=\"avatarNameSafeHtml()\"></div>\n  } @else {\n    <div class=\"avatar-name\">{{ avatarName() }}</div>\n  }\n}\n\n@if (showRemove()) {\n  <a (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}\n@if (thyDisabled()) {\n  <div class=\"thy-avatar-disabled\">\n    <thy-icon class=\"thy-avatar-disabled-icon\" thyIconName=\"ban\"></thy-icon>\n  </div>\n}\n" }]
-        }], ctorParameters: () => [] });
+            args: [{ selector: 'thy-avatar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, NgStyle, ThyIcon, AvatarShortNamePipe, AvatarBgColorPipe, AvatarSrcPipe], template: "@if (_src) {\n  <img\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} @else {\n  <span class=\"avatar-default\" [ngStyle]=\"avatarName | avatarBgColor\">\n    <div>{{ avatarName | avatarShortName }}</div>\n  </span>\n}\n\n\n@if (thyShowName) {\n  @if (avatarNameSafeHtml) {\n    <div class=\"avatar-name\" [innerHtml]=\"avatarNameSafeHtml\"></div>\n  } @else {\n    <div class=\"avatar-name\">{{ avatarName }}</div>\n  }\n}\n\n@if (_showRemove) {\n  <a (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}\n@if (thyDisabled) {\n  <div class=\"thy-avatar-disabled\">\n    <thy-icon class=\"thy-avatar-disabled-icon\" thyIconName=\"ban\"></thy-icon>\n  </div>\n}\n" }]
+        }], propDecorators: { _isAvatar: [{
+                type: HostBinding,
+                args: ['class.thy-avatar']
+            }], thyOnRemove: [{
+                type: Output
+            }], thyRemove: [{
+                type: Output
+            }], thyError: [{
+                type: Output
+            }], thyShowName: [{
+                type: Input,
+                args: [{ transform: coerceBooleanProperty }]
+            }], thySrc: [{
+                type: Input
+            }], thyName: [{
+                type: Input
+            }], thySize: [{
+                type: Input
+            }], thyShowRemove: [{
+                type: Input,
+                args: [{ transform: coerceBooleanProperty }]
+            }], thyRemovable: [{
+                type: Input,
+                args: [{ transform: coerceBooleanProperty }]
+            }], thyImgClass: [{
+                type: Input
+            }], thyDisabled: [{
+                type: Input,
+                args: [{ transform: coerceBooleanProperty }]
+            }], thyLoading: [{
+                type: Input
+            }], thyFetchPriority: [{
+                type: Input
+            }] } });
 
 const THY_AVATAR_ITEM_SPACE = 4;
 const THY_OVERLAP_AVATAR_ITEM_SPACE = -8;
@@ -268,50 +298,65 @@ const THY_OVERLAP_AVATAR_ITEM_SPACE = -8;
  */
 class ThyAvatarList {
     constructor() {
+        this.overlapMode = false;
         this.avatarItems = [];
-        /**
-         * 展示方式
-         * @type  overlap | default
-         */
-        this.thyMode = input("default" /* ThyAvatarListMode.default */);
-        this.isOverlapMode = computed(() => {
-            return this.thyMode() === "overlap" /* ThyAvatarListMode.overlap */;
-        });
+        this.ngUnsubscribe$ = new Subject();
         /**
          * 头像大小
          * @type 16 | 22 | 24 | 28 | 32 | 36 | 44 | 48 | 68 | 110 | 160 | xxs(22px) | xs(24px) | sm(32px) | md(36px) | lg(48px)
          * @default 36
          */
-        this.thyAvatarSize = input(DEFAULT_SIZE);
-        /**
-         *  append 自定义操作
-         */
-        this.append = contentChild('append');
-        /**
-         * @private
-         */
-        this.avatarComponents = contentChildren(ThyAvatar);
-        effect(() => {
+        this.thyAvatarSize = DEFAULT_SIZE;
+    }
+    ngOnChanges(changes) {
+        if (changes.thyAvatarSize && !changes.thyAvatarSize.firstChange) {
+            this.updateAvatarItems();
+        }
+        if (changes.thyMode) {
+            this.overlapMode = changes.thyMode.currentValue === "overlap" /* ThyAvatarListMode.overlap */;
+            if (!changes.thyMode.firstChange) {
+                this.updateAvatarItems();
+            }
+        }
+    }
+    ngAfterContentInit() {
+        this.avatarComponents.changes.pipe(startWith(this.avatarComponents), takeUntil(this.ngUnsubscribe$)).subscribe(() => {
             this.updateAvatarItems();
         });
     }
     updateAvatarItems() {
-        this.avatarItems = Array.from(this.avatarComponents());
+        this.avatarItems = this.avatarComponents.toArray();
         this.avatarItems.forEach((item, index) => {
-            item.thySize.set(this.thyAvatarSize());
+            item.thySize = this.thyAvatarSize;
             item.elementRef.nativeElement.style.zIndex = this.avatarItems.length - index;
         });
     }
+    ngOnDestroy() {
+        this.ngUnsubscribe$.next();
+        this.ngUnsubscribe$.complete();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyAvatarList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyAvatarList, isStandalone: true, selector: "thy-avatar-list", inputs: { thyMode: { classPropertyName: "thyMode", publicName: "thyMode", isSignal: true, isRequired: false, transformFunction: null }, thyAvatarSize: { classPropertyName: "thyAvatarSize", publicName: "thyAvatarSize", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.thy-avatar-list-overlap": "isOverlapMode()" }, classAttribute: "thy-avatar-list" }, providers: [UpdateHostClassService], queries: [{ propertyName: "append", first: true, predicate: ["append"], descendants: true, isSignal: true }, { propertyName: "avatarComponents", predicate: ThyAvatar, isSignal: true }], ngImport: i0, template: "<ng-content></ng-content>\n\n@if (append()) {\n  <div class=\"thy-avatar-append\">\n    <ng-container [ngTemplateOutlet]=\"append()\"></ng-container>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyAvatarList, isStandalone: true, selector: "thy-avatar-list", inputs: { thyMode: "thyMode", thyAvatarSize: "thyAvatarSize" }, host: { properties: { "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: ThyAvatar }], usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n\n@if (append) {\n  <div class=\"thy-avatar-append\">\n    <ng-container [ngTemplateOutlet]=\"append\"></ng-container>\n  </div>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyAvatarList, decorators: [{
             type: Component,
             args: [{ selector: 'thy-avatar-list', host: {
-                        class: 'thy-avatar-list',
-                        '[class.thy-avatar-list-overlap]': 'isOverlapMode()'
-                    }, providers: [UpdateHostClassService], imports: [NgTemplateOutlet], template: "<ng-content></ng-content>\n\n@if (append()) {\n  <div class=\"thy-avatar-append\">\n    <ng-container [ngTemplateOutlet]=\"append()\"></ng-container>\n  </div>\n}\n" }]
-        }], ctorParameters: () => [] });
+                        class: 'thy-avatar-list'
+                    }, providers: [UpdateHostClassService], imports: [NgTemplateOutlet], template: "<ng-content></ng-content>\n\n@if (append) {\n  <div class=\"thy-avatar-append\">\n    <ng-container [ngTemplateOutlet]=\"append\"></ng-container>\n  </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { overlapMode: [{
+                type: HostBinding,
+                args: ['class.thy-avatar-list-overlap']
+            }], thyMode: [{
+                type: Input
+            }], thyAvatarSize: [{
+                type: Input
+            }], append: [{
+                type: ContentChild,
+                args: ['append', { static: false }]
+            }], avatarComponents: [{
+                type: ContentChildren,
+                args: [ThyAvatar]
+            }] } });
 
 class ThyAvatarModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }

package/fesm2022/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-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, inject } 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/**\n * @private\n */\n@Pipe({\n    name: 'avatarShortName'\n})\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/**\n * @private\n */\n@Pipe({\n    name: 'avatarBgColor'\n})\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/**\n * @private\n */\n@Pipe({\n    name: 'thyAvatarSrc'\n})\nexport class AvatarSrcPipe implements PipeTransform {\n    private thyAvatarService = inject(ThyAvatarService);\n\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 {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    Signal,\n    WritableSignal,\n    computed,\n    effect,\n    inject,\n    input,\n    model,\n    output,\n    signal\n} from '@angular/core';\nimport { SafeHtml } from '@angular/platform-browser';\nimport { isString, coerceBooleanProperty } from 'ngx-tethys/util';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { ThyAvatarService } from './avatar.service';\nimport { AvatarShortNamePipe, AvatarBgColorPipe, AvatarSrcPipe } from './avatar.pipe';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgClass, NgStyle } from '@angular/common';\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 * @name thy-avatar\n * @order 10\n */\n@Component({\n    selector: 'thy-avatar',\n    templateUrl: './avatar.component.html',\n    host: {\n        class: 'thy-avatar'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [NgClass, NgStyle, ThyIcon, AvatarShortNamePipe, AvatarBgColorPipe, AvatarSrcPipe]\n})\nexport class ThyAvatar {\n    private thyAvatarService = inject(ThyAvatarService);\n    elementRef = inject(ElementRef);\n\n    /**\n     * * 已废弃，请使用 thyRemove\n     * @deprecated\n     */\n    readonly thyOnRemove = output<Event>();\n\n    /**\n     *  移除按钮的事件，当 thyRemovable 为 true 时起作用\n     */\n    readonly thyRemove = output<Event>();\n\n    /**\n     *  头像 img 加载 error 时触发\n     */\n    readonly thyError = output<Event>();\n\n    /**\n     * 是否展示人员名称\n     */\n    readonly thyShowName = input<boolean, unknown>(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 头像路径地址, 默认为全路径，如果不是全路径，可以通过自定义服务 ThyAvatarService，重写 srcTransform 方法实现转换\n     */\n    readonly thySrc = input<string>();\n\n    src = computed(() => {\n        if (this.isAvatarImgError()) {\n            return null;\n        }\n        if (this.thySrc() && this.thyAvatarService.ignoreAvatarSrcPaths.indexOf(this.thySrc()) < 0) {\n            return this.thySrc();\n        }\n        return null;\n    });\n\n    /**\n     * 人员名称（可设置自定义名称，需通过自定义服务 ThyAvatarService，重写 nameTransform 方法去实现转换）\n     */\n    readonly thyName = input<string>();\n\n    avatarName: Signal<string> = computed(() => {\n        const name = this.thyAvatarService.nameTransform(this.thyName());\n        return isString(name) ? name : this.thyName();\n    });\n\n    avatarNameSafeHtml: Signal<SafeHtml> = computed(() => {\n        const name = this.thyAvatarService.nameTransform(this.thyName());\n        if (!isString(name)) {\n            return name;\n        }\n        return null;\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    readonly thySize = model<number | string>('md');\n\n    size: Signal<number> = computed(() => {\n        const sizeKey = this.thySize() as 'xxs' | 'xs' | 'sm' | 'md' | 'lg';\n        if (thyAvatarSizeMap[sizeKey]) {\n            return thyAvatarSizeMap[sizeKey];\n        } else {\n            const size = (this.thySize() as number) * 1;\n            return sizeArray.indexOf(size) > -1 ? size : this.findClosestSize(sizeArray, size);\n        }\n    });\n\n    /**\n     * 已废弃，请使用 thyRemovable\n     * @deprecated\n     */\n    readonly thyShowRemove = input<boolean, unknown>(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 是否展示移除按钮\n     */\n    readonly thyRemovable = input<boolean, unknown>(false, { transform: coerceBooleanProperty });\n\n    showRemove: Signal<boolean> = computed(() => this.thyRemovable() || this.thyShowRemove());\n\n    /**\n     * 图片自定义类\n     */\n    readonly thyImgClass = input<string>();\n\n    /**\n     * 是否禁用\n     */\n    readonly thyDisabled = input<boolean, unknown>(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 图片加载策略\n     * @type eager(立即加载) | lazy(延迟加载)\n     */\n    readonly thyLoading = input<ThyAvatarLoading>();\n\n    /**\n     * 图片加载优先级\n     * @type auto(默认) | high(高) | low(低)\n     */\n    readonly thyFetchPriority = input<ThyAvatarFetchPriority>();\n\n    private isAvatarImgError: WritableSignal<boolean> = signal(false);\n\n    private hostRenderer = useHostRenderer();\n\n    constructor() {\n        effect(() => {\n            this.hostRenderer.updateClass([`thy-avatar-${this.size()}`]);\n        });\n    }\n\n    private findClosestSize(sizeArray: number[], currentSize: number): number {\n        let closestValue = sizeArray[0];\n        let closestDifference = Math.abs(closestValue - currentSize);\n\n        for (let i = 1; i < sizeArray.length; i++) {\n            const currentDifference = Math.abs(sizeArray[i] - currentSize);\n            if (currentDifference <= closestDifference) {\n                closestValue = sizeArray[i];\n                closestDifference = currentDifference;\n            }\n        }\n\n        return closestValue;\n    }\n\n    remove($event: Event) {\n        this.thyOnRemove.emit($event);\n        this.thyRemove.emit($event);\n    }\n\n    avatarImgError($event: Event) {\n        this.isAvatarImgError.set(true);\n        this.thyError.emit($event);\n    }\n}\n","@if (src()) {\n  <img\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} @else {\n  <span class=\"avatar-default\" [ngStyle]=\"avatarName() | avatarBgColor\">\n    <div>{{ avatarName() | avatarShortName }}</div>\n  </span>\n}\n\n@if (thyShowName()) {\n  @if (avatarNameSafeHtml()) {\n    <div class=\"avatar-name\" [innerHtml]=\"avatarNameSafeHtml()\"></div>\n  } @else {\n    <div class=\"avatar-name\">{{ avatarName() }}</div>\n  }\n}\n\n@if (showRemove()) {\n  <a (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}\n@if (thyDisabled()) {\n  <div class=\"thy-avatar-disabled\">\n    <thy-icon class=\"thy-avatar-disabled-icon\" thyIconName=\"ban\"></thy-icon>\n  </div>\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { Component, computed, contentChild, effect, input, Signal, TemplateRef, contentChildren } from '@angular/core';\nimport { UpdateHostClassService } from 'ngx-tethys/core';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { DEFAULT_SIZE, ThyAvatar } from '../avatar.component';\n\nexport const THY_AVATAR_ITEM_SPACE = 4;\n\nexport const THY_OVERLAP_AVATAR_ITEM_SPACE = -8;\n\nexport const enum ThyAvatarListMode {\n    overlap = 'overlap',\n    default = 'default'\n}\n\n/**\n * 头像列表组件\n * @name thy-avatar-list\n * @order 20\n */\n@Component({\n    selector: 'thy-avatar-list',\n    templateUrl: `./avatar-list.component.html`,\n    host: {\n        class: 'thy-avatar-list',\n        '[class.thy-avatar-list-overlap]': 'isOverlapMode()'\n    },\n    providers: [UpdateHostClassService],\n    imports: [NgTemplateOutlet]\n})\nexport class ThyAvatarList {\n    public avatarItems: ThyAvatar[] = [];\n\n    /**\n     * 展示方式\n     * @type  overlap | default\n     */\n    readonly thyMode = input<ThyAvatarListMode>(ThyAvatarListMode.default);\n\n    isOverlapMode: Signal<boolean> = computed(() => {\n        return this.thyMode() === ThyAvatarListMode.overlap;\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 36\n     */\n    readonly thyAvatarSize = input<number | string>(DEFAULT_SIZE);\n\n    /**\n     *  append 自定义操作\n     */\n    readonly append = contentChild<TemplateRef<SafeAny>>('append');\n\n    /**\n     * @private\n     */\n    readonly avatarComponents = contentChildren<ThyAvatar>(ThyAvatar);\n\n    constructor() {\n        effect(() => {\n            this.updateAvatarItems();\n        });\n    }\n\n    private updateAvatarItems() {\n        this.avatarItems = Array.from(this.avatarComponents());\n        this.avatarItems.forEach((item, index) => {\n            item.thySize.set(this.thyAvatarSize());\n            item.elementRef.nativeElement.style.zIndex = this.avatarItems.length - index;\n        });\n    }\n}\n","<ng-content></ng-content>\n\n@if (append()) {\n  <div class=\"thy-avatar-append\">\n    <ng-container [ngTemplateOutlet]=\"append()\"></ng-container>\n  </div>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyAvatar } from './avatar.component';\nimport { AvatarPipes } from './avatar.pipe';\nimport { ThyAvatarService, ThyDefaultAvatarService } from './avatar.service';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyAvatarList } from './avatar-list/avatar-list.component';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyAvatar, ThyAvatarList, AvatarPipes],\n    providers: [\n        {\n            provide: ThyAvatarService,\n            useClass: ThyDefaultAvatarService\n        }\n    ],\n    exports: [ThyAvatar, ThyAvatarList, AvatarPipes]\n})\nexport class ThyAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["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, inject } 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/**\n * @private\n */\n@Pipe({\n    name: 'avatarShortName'\n})\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/**\n * @private\n */\n@Pipe({\n    name: 'avatarBgColor'\n})\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/**\n * @private\n */\n@Pipe({\n    name: 'thyAvatarSrc'\n})\nexport class AvatarSrcPipe implements PipeTransform {\n    private thyAvatarService = inject(ThyAvatarService);\n\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, ElementRef, EventEmitter, HostBinding, Input, OnInit, Output, inject } from '@angular/core';\nimport { SafeHtml } from '@angular/platform-browser';\nimport { isString, coerceBooleanProperty } from 'ngx-tethys/util';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { ThyAvatarService } from './avatar.service';\nimport { AvatarShortNamePipe, AvatarBgColorPipe, AvatarSrcPipe } from './avatar.pipe';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgClass, NgStyle } from '@angular/common';\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 * @name thy-avatar\n * @order 10\n */\n@Component({\n    selector: 'thy-avatar',\n    templateUrl: './avatar.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [NgClass, NgStyle, ThyIcon, AvatarShortNamePipe, AvatarBgColorPipe, AvatarSrcPipe]\n})\nexport class ThyAvatar implements OnInit {\n    private thyAvatarService = inject(ThyAvatarService);\n    elementRef = inject(ElementRef);\n\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({ transform: coerceBooleanProperty }) 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({ transform: coerceBooleanProperty })\n    set thyShowRemove(value: boolean) {\n        this._showRemove = value;\n    }\n\n    /**\n     * 是否展示移除按钮\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyRemovable(value: boolean) {\n        this._showRemove = value;\n    }\n\n    /**\n     * 图片自定义类\n     */\n    @Input() thyImgClass: string;\n\n    /**\n     * 是否禁用\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty }) 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(sizeArray: number[], currentSize: number): number {\n        let closestValue = sizeArray[0];\n        let closestDifference = Math.abs(closestValue - currentSize);\n\n        for (let i = 1; i < sizeArray.length; i++) {\n            const currentDifference = Math.abs(sizeArray[i] - currentSize);\n            if (currentDifference <= closestDifference) {\n                closestValue = sizeArray[i];\n                closestDifference = currentDifference;\n            }\n        }\n\n        return closestValue;\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    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","@if (_src) {\n  <img\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} @else {\n  <span class=\"avatar-default\" [ngStyle]=\"avatarName | avatarBgColor\">\n    <div>{{ avatarName | avatarShortName }}</div>\n  </span>\n}\n\n\n@if (thyShowName) {\n  @if (avatarNameSafeHtml) {\n    <div class=\"avatar-name\" [innerHtml]=\"avatarNameSafeHtml\"></div>\n  } @else {\n    <div class=\"avatar-name\">{{ avatarName }}</div>\n  }\n}\n\n@if (_showRemove) {\n  <a (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}\n@if (thyDisabled) {\n  <div class=\"thy-avatar-disabled\">\n    <thy-icon class=\"thy-avatar-disabled-icon\" thyIconName=\"ban\"></thy-icon>\n  </div>\n}\n","import { NgClass, NgStyle, NgTemplateOutlet } from '@angular/common';\nimport {\n    AfterContentInit,\n    Component,\n    ContentChild,\n    ContentChildren,\n    HostBinding,\n    Input,\n    OnChanges,\n    OnDestroy,\n    QueryList,\n    SimpleChanges,\n    TemplateRef\n} from '@angular/core';\nimport { UpdateHostClassService } from 'ngx-tethys/core';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { Subject } from 'rxjs';\nimport { DEFAULT_SIZE, ThyAvatar } from '../avatar.component';\nimport { takeUntil, startWith } from 'rxjs/operators';\n\nexport const THY_AVATAR_ITEM_SPACE = 4;\n\nexport const THY_OVERLAP_AVATAR_ITEM_SPACE = -8;\n\nexport const enum ThyAvatarListMode {\n    overlap = 'overlap',\n    default = 'default'\n}\n\n/**\n * 头像列表组件\n * @name thy-avatar-list\n * @order 20\n */\n@Component({\n    selector: 'thy-avatar-list',\n    templateUrl: `./avatar-list.component.html`,\n    host: {\n        class: 'thy-avatar-list'\n    },\n    providers: [UpdateHostClassService],\n    imports: [NgTemplateOutlet]\n})\nexport class ThyAvatarList implements OnChanges, OnDestroy, AfterContentInit {\n    @HostBinding('class.thy-avatar-list-overlap') overlapMode = false;\n\n    public avatarItems: ThyAvatar[] = [];\n\n    private ngUnsubscribe$ = new Subject<void>();\n\n    /**\n     * 展示方式\n     * @type  overlap | default\n     * @default default\n     */\n    @Input() thyMode: ThyAvatarListMode;\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 36\n     */\n    @Input() thyAvatarSize: number | string = DEFAULT_SIZE;\n\n    /**\n     *  append 自定义操作\n     */\n    @ContentChild('append', { static: false }) append: TemplateRef<SafeAny>;\n\n    /**\n     * @private\n     */\n    @ContentChildren(ThyAvatar) avatarComponents: QueryList<ThyAvatar>;\n\n    constructor() {}\n\n    ngOnChanges(changes: SimpleChanges) {\n        if (changes.thyAvatarSize && !changes.thyAvatarSize.firstChange) {\n            this.updateAvatarItems();\n        }\n        if (changes.thyMode) {\n            this.overlapMode = changes.thyMode.currentValue === ThyAvatarListMode.overlap;\n            if (!changes.thyMode.firstChange) {\n                this.updateAvatarItems();\n            }\n        }\n    }\n\n    ngAfterContentInit() {\n        this.avatarComponents.changes.pipe(startWith(this.avatarComponents), takeUntil(this.ngUnsubscribe$)).subscribe(() => {\n            this.updateAvatarItems();\n        });\n    }\n\n    private updateAvatarItems() {\n        this.avatarItems = this.avatarComponents.toArray();\n        this.avatarItems.forEach((item, index) => {\n            item.thySize = this.thyAvatarSize;\n            item.elementRef.nativeElement.style.zIndex = this.avatarItems.length - index;\n        });\n    }\n\n    ngOnDestroy() {\n        this.ngUnsubscribe$.next();\n        this.ngUnsubscribe$.complete();\n    }\n}\n","<ng-content></ng-content>\n\n@if (append) {\n  <div class=\"thy-avatar-append\">\n    <ng-container [ngTemplateOutlet]=\"append\"></ng-container>\n  </div>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyAvatar } from './avatar.component';\nimport { AvatarPipes } from './avatar.pipe';\nimport { ThyAvatarService, ThyDefaultAvatarService } from './avatar.service';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyAvatarList } from './avatar-list/avatar-list.component';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyAvatar, ThyAvatarList, AvatarPipes],\n    providers: [\n        {\n            provide: ThyAvatarService,\n            useClass: ThyDefaultAvatarService\n        }\n    ],\n    exports: [ThyAvatar, ThyAvatarList, AvatarPipes]\n})\nexport class ThyAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.AvatarShortNamePipe","i1.AvatarBgColorPipe","i1.AvatarSrcPipe"],"mappings":"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"}

package/fesm2022/ngx-tethys-comment.mjs

@@ -15,7 +15,7 @@ class ThyComment {
         this.isTemplateRef = isTemplateRef;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyComment, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyComment, isStandalone: true, selector: "thy-comment", inputs: { thyAuthor: "thyAuthor", thyDatetime: "thyDatetime", thyAvatar: "thyAvatar" }, host: { classAttribute: "thy-comment" }, ngImport: i0, template: "<div class=\"thy-comment-inner\">\n  @if (isTemplateRef(this.thyAvatar)) {\n    <ng-template [ngTemplateOutlet]=\"thyAvatar\"></ng-template>\n  } @else {\n    @if (thyAuthor || thyAvatar) {\n      <div class=\"thy-comment-avatar\">\n        <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor) && thyAuthor\" thySize=\"28\" [thySrc]=\"thyAvatar || ''\"></thy-avatar>\n      </div>\n    }\n  }\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", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ThyStringOrTemplateOutletDirective, selector: "[thyStringOrTemplateOutlet]", inputs: ["thyStringOrTemplateOutletContext", "thyStringOrTemplateOutlet"], exportAs: ["thyStringOrTemplateOutlet"] }, { kind: "component", type: ThyAvatar, selector: "thy-avatar", inputs: ["thyShowName", "thySrc", "thyName", "thySize", "thyShowRemove", "thyRemovable", "thyImgClass", "thyDisabled", "thyLoading", "thyFetchPriority"], outputs: ["thyOnRemove", "thyRemove", "thyError", "thySizeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyComment, isStandalone: true, selector: "thy-comment", inputs: { thyAuthor: "thyAuthor", thyDatetime: "thyDatetime", thyAvatar: "thyAvatar" }, host: { classAttribute: "thy-comment" }, ngImport: i0, template: "<div class=\"thy-comment-inner\">\n  @if (isTemplateRef(this.thyAvatar)) {\n    <ng-template [ngTemplateOutlet]=\"thyAvatar\"></ng-template>\n  } @else {\n    @if (thyAuthor || thyAvatar) {\n      <div class=\"thy-comment-avatar\">\n        <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor) && thyAuthor\" thySize=\"28\" [thySrc]=\"thyAvatar || ''\"></thy-avatar>\n      </div>\n    }\n  }\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", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: ThyStringOrTemplateOutletDirective, selector: "[thyStringOrTemplateOutlet]", inputs: ["thyStringOrTemplateOutletContext", "thyStringOrTemplateOutlet"], exportAs: ["thyStringOrTemplateOutlet"] }, { kind: "component", type: ThyAvatar, 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: "19.2.8", ngImport: i0, type: ThyComment, decorators: [{
             type: Component,

package/fesm2022/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 } from '@angular/core';\nimport { ThyAvatar } from 'ngx-tethys/avatar';\nimport { ThyStringOrTemplateOutletDirective } from 'ngx-tethys/shared';\nimport { NgTemplateOutlet } from '@angular/common';\n\n/**\n * 评论组件\n * @name thy-comment\n */\n@Component({\n    selector: 'thy-comment',\n    templateUrl: './comment.component.html',\n    host: {\n        class: 'thy-comment'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [NgTemplateOutlet, ThyStringOrTemplateOutletDirective, ThyAvatar]\n})\nexport class ThyComment {\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  @if (isTemplateRef(this.thyAvatar)) {\n    <ng-template [ngTemplateOutlet]=\"thyAvatar\"></ng-template>\n  } @else {\n    @if (thyAuthor || thyAvatar) {\n      <div class=\"thy-comment-avatar\">\n        <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor) && thyAuthor\" thySize=\"28\" [thySrc]=\"thyAvatar || ''\"></thy-avatar>\n      </div>\n    }\n  }\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","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 { ThyComment } 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    imports: [\n        CommonModule,\n        ThySharedModule,\n        ThyIconModule,\n        ThyAvatarModule,\n        ThyComment,\n        ThyCommentContentDirective,\n        ThyCommentActionsDirective\n    ],\n    exports: [ThyComment, 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 } from '@angular/core';\nimport { ThyAvatar } from 'ngx-tethys/avatar';\nimport { ThyStringOrTemplateOutletDirective } from 'ngx-tethys/shared';\nimport { NgTemplateOutlet } from '@angular/common';\n\n/**\n * 评论组件\n * @name thy-comment\n */\n@Component({\n    selector: 'thy-comment',\n    templateUrl: './comment.component.html',\n    host: {\n        class: 'thy-comment'\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [NgTemplateOutlet, ThyStringOrTemplateOutletDirective, ThyAvatar]\n})\nexport class ThyComment {\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  @if (isTemplateRef(this.thyAvatar)) {\n    <ng-template [ngTemplateOutlet]=\"thyAvatar\"></ng-template>\n  } @else {\n    @if (thyAuthor || thyAvatar) {\n      <div class=\"thy-comment-avatar\">\n        <thy-avatar [thyName]=\"!isTemplateRef(thyAuthor) && thyAuthor\" thySize=\"28\" [thySrc]=\"thyAvatar || ''\"></thy-avatar>\n      </div>\n    }\n  }\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","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 { ThyComment } 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    imports: [\n        CommonModule,\n        ThySharedModule,\n        ThyIconModule,\n        ThyAvatarModule,\n        ThyComment,\n        ThyCommentContentDirective,\n        ThyCommentActionsDirective\n    ],\n    exports: [ThyComment, 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/fesm2022/ngx-tethys-list.mjs

@@ -461,7 +461,7 @@ class ThyListItemMeta {
         this.className = `thy-list-item-meta`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyListItemMeta, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyListItemMeta, isStandalone: true, 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  @if (thyAvatar) {\n    <thy-avatar [thySrc]=\"thyAvatar\"></thy-avatar>\n  } @else {\n    <ng-template [ngTemplateOutlet]=\"avatarTemplateRef\"></ng-template>\n  }\n</div>\n<div class=\"thy-list-item-meta-content\">\n  <div class=\"thy-list-item-meta-title\">\n    @if (thyTitle) {\n      {{ thyTitle }}\n    } @else {\n      <ng-template [ngTemplateOutlet]=\"titleTemplateRef\"></ng-template>\n    }\n  </div>\n  <div class=\"thy-list-item-meta-description\">\n    @if (thyDescription) {\n      {{ thyDescription }}\n    } @else {\n      <ng-template [ngTemplateOutlet]=\"descriptionTemplateRef\"></ng-template>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: ThyAvatar, selector: "thy-avatar", inputs: ["thyShowName", "thySrc", "thyName", "thySize", "thyShowRemove", "thyRemovable", "thyImgClass", "thyDisabled", "thyLoading", "thyFetchPriority"], outputs: ["thyOnRemove", "thyRemove", "thyError", "thySizeChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThyListItemMeta, isStandalone: true, 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  @if (thyAvatar) {\n    <thy-avatar [thySrc]=\"thyAvatar\"></thy-avatar>\n  } @else {\n    <ng-template [ngTemplateOutlet]=\"avatarTemplateRef\"></ng-template>\n  }\n</div>\n<div class=\"thy-list-item-meta-content\">\n  <div class=\"thy-list-item-meta-title\">\n    @if (thyTitle) {\n      {{ thyTitle }}\n    } @else {\n      <ng-template [ngTemplateOutlet]=\"titleTemplateRef\"></ng-template>\n    }\n  </div>\n  <div class=\"thy-list-item-meta-description\">\n    @if (thyDescription) {\n      {{ thyDescription }}\n    } @else {\n      <ng-template [ngTemplateOutlet]=\"descriptionTemplateRef\"></ng-template>\n    }\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: ThyAvatar, selector: "thy-avatar", inputs: ["thyShowName", "thySrc", "thyName", "thySize", "thyShowRemove", "thyRemovable", "thyImgClass", "thyDisabled", "thyLoading", "thyFetchPriority"], outputs: ["thyOnRemove", "thyRemove", "thyError"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThyListItemMeta, decorators: [{
             type: Component,