ngx-tethys 18.0.8 → 18.1.0-next.1

package/fesm2022/ngx-tethys-property-operation.mjs

@@ -1,11 +1,11 @@
 import { ThyButtonIcon, ThyButtonModule } from 'ngx-tethys/button';
 import { ThyFlexibleText, ThyFlexibleTextModule } from 'ngx-tethys/flexible-text';
 import { ThyIcon, ThyIconModule } from 'ngx-tethys/icon';
-import { NgTemplateOutlet, NgIf, NgClass, CommonModule } from '@angular/common';
+import { NgTemplateOutlet, NgClass, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, HostBinding, EventEmitter, Output, ContentChild, ViewChild, Input, NgModule } from '@angular/core';
+import { Component, HostBinding, inject, ElementRef, NgZone, EventEmitter, Output, ContentChild, ViewChild, Input, NgModule } from '@angular/core';
 import { useHostRenderer } from '@tethys/cdk/dom';
-import * as i1 from 'ngx-tethys/core';
+import { ThyTranslate } from 'ngx-tethys/core';
 import { htmlElementIsEmpty, coerceBooleanProperty } from 'ngx-tethys/util';
 import { Subject, fromEvent } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -34,6 +34,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 10
  */
 class ThyPropertyOperation {
+    constructor() {
+        this.thyTranslate = inject(ThyTranslate);
+        this.elementRef = inject(ElementRef);
+        this.ngZone = inject(NgZone);
+        this.initialized = false;
+        this.hostRenderer = useHostRenderer();
+        this.onlyHasTips = false;
+        this.showClose = false;
+        this.labelHideWhenHasValue = false;
+        /**
+         * 点击移除图标时的事件回调，此函数只有在thyShowClose为true时才会发生
+         */
+        this.thyOnRemove = new EventEmitter();
+        /**
+         * 点击事件回调
+         */
+        this.thyClick = new EventEmitter();
+        this._isPropertyOperation = true;
+        this.destroy$ = new Subject();
+    }
     /**
      * 属性的 Label 文本
      */
@@ -106,26 +126,6 @@ class ThyPropertyOperation {
             this.onlyHasTips = false;
         }
     }
-    constructor(thyTranslate, elementRef, ngZone) {
-        this.thyTranslate = thyTranslate;
-        this.elementRef = elementRef;
-        this.ngZone = ngZone;
-        this.initialized = false;
-        this.hostRenderer = useHostRenderer();
-        this.onlyHasTips = false;
-        this.showClose = false;
-        this.labelHideWhenHasValue = false;
-        /**
-         * 点击移除图标时的事件回调，此函数只有在thyShowClose为true时才会发生
-         */
-        this.thyOnRemove = new EventEmitter();
-        /**
-         * 点击事件回调
-         */
-        this.thyClick = new EventEmitter();
-        this._isPropertyOperation = true;
-        this.destroy$ = new Subject();
-    }
     ngOnInit() {
         this.setHostClass(true);
         this.ngZone.runOutsideAngular(() => fromEvent(this.elementRef.nativeElement, 'click')
@@ -148,13 +148,13 @@ class ThyPropertyOperation {
         $event.stopPropagation();
         this.thyOnRemove.emit($event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyPropertyOperation, deps: [{ token: i1.ThyTranslate }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: ThyPropertyOperation, isStandalone: true, selector: "thy-property-operation", inputs: { thyLabelText: "thyLabelText", thyValue: "thyValue", thyLabelTextTranslateKey: "thyLabelTextTranslateKey", thyIcon: "thyIcon", thyShowClose: ["thyShowClose", "thyShowClose", coerceBooleanProperty], thyLabelHasValue: ["thyLabelHasValue", "thyLabelHasValue", coerceBooleanProperty], thyLabelHideWhenHasValue: ["thyLabelHideWhenHasValue", "thyLabelHideWhenHasValue", coerceBooleanProperty], thyType: "thyType", active: ["thyActive", "active", coerceBooleanProperty], disabled: ["thyDisabled", "disabled", coerceBooleanProperty] }, outputs: { thyOnRemove: "thyOnRemove", thyClick: "thyClick" }, host: { properties: { "class.thy-property-operation": "this._isPropertyOperation", "class.active": "this.active", "class.thy-property-operation-disabled": "this.disabled" } }, queries: [{ propertyName: "operationIcon", first: true, predicate: ["operationIcon"], descendants: true }], viewQueries: [{ propertyName: "contentElement", first: true, predicate: ["contentElement"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"thy-operation-icon\">\n  <ng-container *ngTemplateOutlet=\"operationIcon\"></ng-container>\n  <button\n    *ngIf=\"icon\"\n    [ngClass]=\"{ disabled: disabled }\"\n    [thyButtonIcon]=\"icon\"\n    [thyShape]=\"onlyHasTips ? 'circle-thick-dashed' : 'circle-thick-solid'\"\n  ></button>\n</div>\n<div class=\"thy-operation-content\" [ngClass]=\"{ 'only-has-tips': onlyHasTips }\">\n  <div #contentElement>\n    <ng-content></ng-content>\n  </div>\n  <ng-container *ngIf=\"value\">\n    <span thyFlexibleText [thyTooltipContent]=\"value\">{{ value }}</span>\n  </ng-container>\n\n  <div class=\"thy-tips\" *ngIf=\"!value || (!labelHideWhenHasValue && value)\">{{ labelText }}</div>\n</div>\n<span *ngIf=\"showClose && !disabled\" (click)=\"remove($event)\" class=\"close-link close-link-danger\">\n  <thy-icon thyIconName=\"close\" class=\" close-link-sm\"></thy-icon>\n</span>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyButtonIcon, selector: "thy-button-icon,[thy-button-icon],[thyButtonIcon]", inputs: ["thySize", "thyIcon", "thyButtonIcon", "thyShape", "thyLight", "thyActive", "thyTheme", "thyColor"] }, { kind: "component", type: ThyFlexibleText, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyPropertyOperation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyPropertyOperation, isStandalone: true, selector: "thy-property-operation", inputs: { thyLabelText: "thyLabelText", thyValue: "thyValue", thyLabelTextTranslateKey: "thyLabelTextTranslateKey", thyIcon: "thyIcon", thyShowClose: ["thyShowClose", "thyShowClose", coerceBooleanProperty], thyLabelHasValue: ["thyLabelHasValue", "thyLabelHasValue", coerceBooleanProperty], thyLabelHideWhenHasValue: ["thyLabelHideWhenHasValue", "thyLabelHideWhenHasValue", coerceBooleanProperty], thyType: "thyType", active: ["thyActive", "active", coerceBooleanProperty], disabled: ["thyDisabled", "disabled", coerceBooleanProperty] }, outputs: { thyOnRemove: "thyOnRemove", thyClick: "thyClick" }, host: { properties: { "class.thy-property-operation": "this._isPropertyOperation", "class.active": "this.active", "class.thy-property-operation-disabled": "this.disabled" } }, queries: [{ propertyName: "operationIcon", first: true, predicate: ["operationIcon"], descendants: true }], viewQueries: [{ propertyName: "contentElement", first: true, predicate: ["contentElement"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"thy-operation-icon\">\n  <ng-container *ngTemplateOutlet=\"operationIcon\"></ng-container>\n  @if (icon) {\n    <button\n      [ngClass]=\"{ disabled: disabled }\"\n      [thyButtonIcon]=\"icon\"\n      [thyShape]=\"onlyHasTips ? 'circle-thick-dashed' : 'circle-thick-solid'\"\n    ></button>\n  }\n</div>\n<div class=\"thy-operation-content\" [ngClass]=\"{ 'only-has-tips': onlyHasTips }\">\n  <div #contentElement>\n    <ng-content></ng-content>\n  </div>\n  @if (value) {\n    <span thyFlexibleText [thyTooltipContent]=\"value\">{{ value }}</span>\n  }\n\n  @if (!value || (!labelHideWhenHasValue && value)) {\n    <div class=\"thy-tips\">{{ labelText }}</div>\n  }\n</div>\n@if (showClose && !disabled) {\n  <span (click)=\"remove($event)\" class=\"close-link close-link-danger\">\n    <thy-icon thyIconName=\"close\" class=\" close-link-sm\"></thy-icon>\n  </span>\n}\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyButtonIcon, selector: "thy-button-icon,[thy-button-icon],[thyButtonIcon]", inputs: ["thySize", "thyIcon", "thyButtonIcon", "thyShape", "thyLight", "thyActive", "thyTheme", "thyColor"] }, { kind: "component", type: ThyFlexibleText, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyPropertyOperation, decorators: [{
             type: Component,
-            args: [{ selector: 'thy-property-operation', standalone: true, imports: [NgTemplateOutlet, NgIf, NgClass, ThyButtonIcon, ThyFlexibleText, ThyIcon], template: "<div class=\"thy-operation-icon\">\n  <ng-container *ngTemplateOutlet=\"operationIcon\"></ng-container>\n  <button\n    *ngIf=\"icon\"\n    [ngClass]=\"{ disabled: disabled }\"\n    [thyButtonIcon]=\"icon\"\n    [thyShape]=\"onlyHasTips ? 'circle-thick-dashed' : 'circle-thick-solid'\"\n  ></button>\n</div>\n<div class=\"thy-operation-content\" [ngClass]=\"{ 'only-has-tips': onlyHasTips }\">\n  <div #contentElement>\n    <ng-content></ng-content>\n  </div>\n  <ng-container *ngIf=\"value\">\n    <span thyFlexibleText [thyTooltipContent]=\"value\">{{ value }}</span>\n  </ng-container>\n\n  <div class=\"thy-tips\" *ngIf=\"!value || (!labelHideWhenHasValue && value)\">{{ labelText }}</div>\n</div>\n<span *ngIf=\"showClose && !disabled\" (click)=\"remove($event)\" class=\"close-link close-link-danger\">\n  <thy-icon thyIconName=\"close\" class=\" close-link-sm\"></thy-icon>\n</span>\n" }]
-        }], ctorParameters: () => [{ type: i1.ThyTranslate }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { thyOnRemove: [{
+            args: [{ selector: 'thy-property-operation', standalone: true, imports: [NgTemplateOutlet, NgClass, ThyButtonIcon, ThyFlexibleText, ThyIcon], template: "<div class=\"thy-operation-icon\">\n  <ng-container *ngTemplateOutlet=\"operationIcon\"></ng-container>\n  @if (icon) {\n    <button\n      [ngClass]=\"{ disabled: disabled }\"\n      [thyButtonIcon]=\"icon\"\n      [thyShape]=\"onlyHasTips ? 'circle-thick-dashed' : 'circle-thick-solid'\"\n    ></button>\n  }\n</div>\n<div class=\"thy-operation-content\" [ngClass]=\"{ 'only-has-tips': onlyHasTips }\">\n  <div #contentElement>\n    <ng-content></ng-content>\n  </div>\n  @if (value) {\n    <span thyFlexibleText [thyTooltipContent]=\"value\">{{ value }}</span>\n  }\n\n  @if (!value || (!labelHideWhenHasValue && value)) {\n    <div class=\"thy-tips\">{{ labelText }}</div>\n  }\n</div>\n@if (showClose && !disabled) {\n  <span (click)=\"remove($event)\" class=\"close-link close-link-danger\">\n    <thy-icon thyIconName=\"close\" class=\" close-link-sm\"></thy-icon>\n  </span>\n}\n" }]
+        }], propDecorators: { thyOnRemove: [{
                 type: Output
             }], thyClick: [{
                 type: Output

package/fesm2022/ngx-tethys-property-operation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-property-operation.mjs","sources":["../../../src/property-operation/group/property-operation-group.component.ts","../../../src/property-operation/group/property-operation-group.component.html","../../../src/property-operation/property-operation.component.ts","../../../src/property-operation/property-operation.component.html","../../../src/property-operation/module.ts","../../../src/property-operation/ngx-tethys-property-operation.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\n\n/**\n * @name thy-property-operation-group\n */\n@Component({\n    selector: 'thy-property-operation-group',\n    templateUrl: './property-operation-group.component.html',\n    standalone: true\n})\nexport class ThyPropertyOperationGroup {\n    @HostBinding('class.thy-property-operation-group') _isPropertyOperationGroup = true;\n\n    constructor() {}\n}\n","<ng-content></ng-content>\n","import {\n    AfterContentInit,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Input,\n    OnInit,\n    Output,\n    TemplateRef,\n    ViewChild,\n    OnDestroy,\n    NgZone\n} from '@angular/core';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { ThyTranslate } from 'ngx-tethys/core';\nimport { coerceBooleanProperty, htmlElementIsEmpty } from 'ngx-tethys/util';\nimport { fromEvent, Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { ThyFlexibleText } from 'ngx-tethys/flexible-text';\nimport { ThyButtonIcon } from 'ngx-tethys/button';\nimport { NgTemplateOutlet, NgIf, NgClass } from '@angular/common';\n\ntype ThyPropertyOperationTypes = 'primary' | 'success' | 'warning' | 'danger';\n\n/**\n * 属性操作组件\n * @name thy-property-operation\n * @order 10\n */\n@Component({\n    selector: 'thy-property-operation',\n    templateUrl: './property-operation.component.html',\n    standalone: true,\n    imports: [NgTemplateOutlet, NgIf, NgClass, ThyButtonIcon, ThyFlexibleText, ThyIcon]\n})\nexport class ThyPropertyOperation implements OnInit, AfterContentInit, OnDestroy {\n    private initialized = false;\n\n    private hostRenderer = useHostRenderer();\n\n    labelText: string;\n\n    onlyHasTips = false;\n\n    showClose = false;\n\n    type: ThyPropertyOperationTypes;\n\n    icon: string;\n\n    value: string;\n\n    labelHideWhenHasValue = false;\n\n    /**\n     * 点击移除图标时的事件回调，此函数只有在thyShowClose为true时才会发生\n     */\n    @Output() thyOnRemove = new EventEmitter();\n\n    /**\n     * 点击事件回调\n     */\n    @Output() thyClick = new EventEmitter<Event>();\n\n    @HostBinding('class.thy-property-operation') _isPropertyOperation = true;\n\n    @ContentChild('operationIcon') operationIcon: TemplateRef<any>;\n\n    @ViewChild('contentElement', { static: true }) contentElement: ElementRef;\n\n    /**\n     * 属性的 Label 文本\n     */\n    @Input()\n    set thyLabelText(value: string) {\n        this.labelText = value;\n    }\n\n    /**\n     * 属性的值\n     */\n    @Input()\n    set thyValue(value: string) {\n        this.value = value;\n        this.setOnlyHasTips();\n    }\n\n    /**\n     * 属性的 Label Translate Key\n     */\n    @Input()\n    set thyLabelTextTranslateKey(value: string) {\n        this.labelText = this.thyTranslate.instant(value);\n    }\n\n    /**\n     * 图标\n     */\n    @Input()\n    set thyIcon(value: string) {\n        this.icon = value;\n    }\n\n    /**\n     * 当有属性值时是否展示移除图标\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyShowClose(value: boolean) {\n        this.showClose = value;\n    }\n\n    // 支持有值时，label不显示\n    @Input({ transform: coerceBooleanProperty })\n    set thyLabelHasValue(value: boolean) {\n        this.labelHideWhenHasValue = !value;\n    }\n\n    /**\n     * 有值时隐藏 label\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyLabelHideWhenHasValue(value: boolean) {\n        this.labelHideWhenHasValue = value;\n    }\n\n    /**\n     * 属性类型\n     * @type  danger | primary | success | warning | null\n     * @default null\n     */\n    @Input()\n    set thyType(value: ThyPropertyOperationTypes) {\n        this.type = value;\n        this.setHostClass();\n    }\n\n    /**\n     * 激活状态\n     * @default false\n     */\n    @HostBinding('class.active')\n    @Input({ alias: 'thyActive', transform: coerceBooleanProperty })\n    active: boolean;\n\n    /**\n     * 禁用操作，添加后property operation中thyClick和thyOnRemove事件将会被禁用\n     * @default false\n     */\n    @HostBinding('class.thy-property-operation-disabled')\n    @Input({ alias: 'thyDisabled', transform: coerceBooleanProperty })\n    disabled: boolean;\n\n    private destroy$ = new Subject<void>();\n\n    private setHostClass(first = false) {\n        if (!this.initialized && !first) {\n            return;\n        }\n        this.hostRenderer.updateClass(this.type ? [`thy-property-operation-${this.type}`] : []);\n    }\n\n    private setOnlyHasTips(first = false) {\n        if (!this.initialized && !first) {\n            return;\n        }\n        if (this.value) {\n            this.onlyHasTips = false;\n        } else if (htmlElementIsEmpty(this.contentElement.nativeElement)) {\n            this.onlyHasTips = true;\n        } else {\n            this.onlyHasTips = false;\n        }\n    }\n\n    constructor(\n        private thyTranslate: ThyTranslate,\n        private elementRef: ElementRef<HTMLElement>,\n        private ngZone: NgZone\n    ) {}\n\n    ngOnInit() {\n        this.setHostClass(true);\n\n        this.ngZone.runOutsideAngular(() =>\n            fromEvent<Event>(this.elementRef.nativeElement, 'click')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe(event => {\n                    if (this.disabled || this.thyClick.observers.length === 0) {\n                        return;\n                    }\n\n                    this.ngZone.run(() => this.thyClick.emit(event));\n                })\n        );\n    }\n\n    ngAfterContentInit() {\n        this.setOnlyHasTips(true);\n        this.initialized = true;\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n    }\n\n    remove($event: Event) {\n        $event.stopPropagation();\n        this.thyOnRemove.emit($event);\n    }\n}\n","<div class=\"thy-operation-icon\">\n  <ng-container *ngTemplateOutlet=\"operationIcon\"></ng-container>\n  <button\n    *ngIf=\"icon\"\n    [ngClass]=\"{ disabled: disabled }\"\n    [thyButtonIcon]=\"icon\"\n    [thyShape]=\"onlyHasTips ? 'circle-thick-dashed' : 'circle-thick-solid'\"\n  ></button>\n</div>\n<div class=\"thy-operation-content\" [ngClass]=\"{ 'only-has-tips': onlyHasTips }\">\n  <div #contentElement>\n    <ng-content></ng-content>\n  </div>\n  <ng-container *ngIf=\"value\">\n    <span thyFlexibleText [thyTooltipContent]=\"value\">{{ value }}</span>\n  </ng-container>\n\n  <div class=\"thy-tips\" *ngIf=\"!value || (!labelHideWhenHasValue && value)\">{{ labelText }}</div>\n</div>\n<span *ngIf=\"showClose && !disabled\" (click)=\"remove($event)\" class=\"close-link close-link-danger\">\n  <thy-icon thyIconName=\"close\" class=\" close-link-sm\"></thy-icon>\n</span>\n","import { ThyButtonModule } from 'ngx-tethys/button';\nimport { ThyFlexibleTextModule } from 'ngx-tethys/flexible-text';\nimport { ThyIconModule } from 'ngx-tethys/icon';\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ThyPropertyOperationGroup } from './group/property-operation-group.component';\nimport { ThyPropertyOperation } from './property-operation.component';\n\n@NgModule({\n    imports: [CommonModule, ThyButtonModule, ThyIconModule, ThyFlexibleTextModule, ThyPropertyOperation, ThyPropertyOperationGroup],\n    exports: [ThyPropertyOperation, ThyPropertyOperationGroup]\n})\nexport class ThyPropertyOperationModule {}\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-property-operation.mjs","sources":["../../../src/property-operation/group/property-operation-group.component.ts","../../../src/property-operation/group/property-operation-group.component.html","../../../src/property-operation/property-operation.component.ts","../../../src/property-operation/property-operation.component.html","../../../src/property-operation/module.ts","../../../src/property-operation/ngx-tethys-property-operation.ts"],"sourcesContent":["import { Component, HostBinding } from '@angular/core';\n\n/**\n * @name thy-property-operation-group\n */\n@Component({\n    selector: 'thy-property-operation-group',\n    templateUrl: './property-operation-group.component.html',\n    standalone: true\n})\nexport class ThyPropertyOperationGroup {\n    @HostBinding('class.thy-property-operation-group') _isPropertyOperationGroup = true;\n\n    constructor() {}\n}\n","<ng-content></ng-content>\n","import {\n    AfterContentInit,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Input,\n    OnInit,\n    Output,\n    TemplateRef,\n    ViewChild,\n    OnDestroy,\n    NgZone,\n    inject\n} from '@angular/core';\nimport { useHostRenderer } from '@tethys/cdk/dom';\nimport { ThyTranslate } from 'ngx-tethys/core';\nimport { coerceBooleanProperty, htmlElementIsEmpty } from 'ngx-tethys/util';\nimport { fromEvent, Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { ThyFlexibleText } from 'ngx-tethys/flexible-text';\nimport { ThyButtonIcon } from 'ngx-tethys/button';\nimport { NgTemplateOutlet, NgClass } from '@angular/common';\n\ntype ThyPropertyOperationTypes = 'primary' | 'success' | 'warning' | 'danger';\n\n/**\n * 属性操作组件\n * @name thy-property-operation\n * @order 10\n */\n@Component({\n    selector: 'thy-property-operation',\n    templateUrl: './property-operation.component.html',\n    standalone: true,\n    imports: [NgTemplateOutlet, NgClass, ThyButtonIcon, ThyFlexibleText, ThyIcon]\n})\nexport class ThyPropertyOperation implements OnInit, AfterContentInit, OnDestroy {\n    private thyTranslate = inject(ThyTranslate);\n    private elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private ngZone = inject(NgZone);\n\n    private initialized = false;\n\n    private hostRenderer = useHostRenderer();\n\n    labelText: string;\n\n    onlyHasTips = false;\n\n    showClose = false;\n\n    type: ThyPropertyOperationTypes;\n\n    icon: string;\n\n    value: string;\n\n    labelHideWhenHasValue = false;\n\n    /**\n     * 点击移除图标时的事件回调，此函数只有在thyShowClose为true时才会发生\n     */\n    @Output() thyOnRemove = new EventEmitter();\n\n    /**\n     * 点击事件回调\n     */\n    @Output() thyClick = new EventEmitter<Event>();\n\n    @HostBinding('class.thy-property-operation') _isPropertyOperation = true;\n\n    @ContentChild('operationIcon') operationIcon: TemplateRef<any>;\n\n    @ViewChild('contentElement', { static: true }) contentElement: ElementRef;\n\n    /**\n     * 属性的 Label 文本\n     */\n    @Input()\n    set thyLabelText(value: string) {\n        this.labelText = value;\n    }\n\n    /**\n     * 属性的值\n     */\n    @Input()\n    set thyValue(value: string) {\n        this.value = value;\n        this.setOnlyHasTips();\n    }\n\n    /**\n     * 属性的 Label Translate Key\n     */\n    @Input()\n    set thyLabelTextTranslateKey(value: string) {\n        this.labelText = this.thyTranslate.instant(value);\n    }\n\n    /**\n     * 图标\n     */\n    @Input()\n    set thyIcon(value: string) {\n        this.icon = value;\n    }\n\n    /**\n     * 当有属性值时是否展示移除图标\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyShowClose(value: boolean) {\n        this.showClose = value;\n    }\n\n    // 支持有值时，label不显示\n    @Input({ transform: coerceBooleanProperty })\n    set thyLabelHasValue(value: boolean) {\n        this.labelHideWhenHasValue = !value;\n    }\n\n    /**\n     * 有值时隐藏 label\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty })\n    set thyLabelHideWhenHasValue(value: boolean) {\n        this.labelHideWhenHasValue = value;\n    }\n\n    /**\n     * 属性类型\n     * @type  danger | primary | success | warning | null\n     * @default null\n     */\n    @Input()\n    set thyType(value: ThyPropertyOperationTypes) {\n        this.type = value;\n        this.setHostClass();\n    }\n\n    /**\n     * 激活状态\n     * @default false\n     */\n    @HostBinding('class.active')\n    @Input({ alias: 'thyActive', transform: coerceBooleanProperty })\n    active: boolean;\n\n    /**\n     * 禁用操作，添加后property operation中thyClick和thyOnRemove事件将会被禁用\n     * @default false\n     */\n    @HostBinding('class.thy-property-operation-disabled')\n    @Input({ alias: 'thyDisabled', transform: coerceBooleanProperty })\n    disabled: boolean;\n\n    private destroy$ = new Subject<void>();\n\n    private setHostClass(first = false) {\n        if (!this.initialized && !first) {\n            return;\n        }\n        this.hostRenderer.updateClass(this.type ? [`thy-property-operation-${this.type}`] : []);\n    }\n\n    private setOnlyHasTips(first = false) {\n        if (!this.initialized && !first) {\n            return;\n        }\n        if (this.value) {\n            this.onlyHasTips = false;\n        } else if (htmlElementIsEmpty(this.contentElement.nativeElement)) {\n            this.onlyHasTips = true;\n        } else {\n            this.onlyHasTips = false;\n        }\n    }\n\n    ngOnInit() {\n        this.setHostClass(true);\n\n        this.ngZone.runOutsideAngular(() =>\n            fromEvent<Event>(this.elementRef.nativeElement, 'click')\n                .pipe(takeUntil(this.destroy$))\n                .subscribe(event => {\n                    if (this.disabled || this.thyClick.observers.length === 0) {\n                        return;\n                    }\n\n                    this.ngZone.run(() => this.thyClick.emit(event));\n                })\n        );\n    }\n\n    ngAfterContentInit() {\n        this.setOnlyHasTips(true);\n        this.initialized = true;\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n    }\n\n    remove($event: Event) {\n        $event.stopPropagation();\n        this.thyOnRemove.emit($event);\n    }\n}\n","<div class=\"thy-operation-icon\">\n  <ng-container *ngTemplateOutlet=\"operationIcon\"></ng-container>\n  @if (icon) {\n    <button\n      [ngClass]=\"{ disabled: disabled }\"\n      [thyButtonIcon]=\"icon\"\n      [thyShape]=\"onlyHasTips ? 'circle-thick-dashed' : 'circle-thick-solid'\"\n    ></button>\n  }\n</div>\n<div class=\"thy-operation-content\" [ngClass]=\"{ 'only-has-tips': onlyHasTips }\">\n  <div #contentElement>\n    <ng-content></ng-content>\n  </div>\n  @if (value) {\n    <span thyFlexibleText [thyTooltipContent]=\"value\">{{ value }}</span>\n  }\n\n  @if (!value || (!labelHideWhenHasValue && value)) {\n    <div class=\"thy-tips\">{{ labelText }}</div>\n  }\n</div>\n@if (showClose && !disabled) {\n  <span (click)=\"remove($event)\" class=\"close-link close-link-danger\">\n    <thy-icon thyIconName=\"close\" class=\" close-link-sm\"></thy-icon>\n  </span>\n}\n","import { ThyButtonModule } from 'ngx-tethys/button';\nimport { ThyFlexibleTextModule } from 'ngx-tethys/flexible-text';\nimport { ThyIconModule } from 'ngx-tethys/icon';\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ThyPropertyOperationGroup } from './group/property-operation-group.component';\nimport { ThyPropertyOperation } from './property-operation.component';\n\n@NgModule({\n    imports: [CommonModule, ThyButtonModule, ThyIconModule, ThyFlexibleTextModule, ThyPropertyOperation, ThyPropertyOperationGroup],\n    exports: [ThyPropertyOperation, ThyPropertyOperationGroup]\n})\nexport class ThyPropertyOperationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;AAEA;;AAEG;MAMU,yBAAyB,CAAA;AAGlC,IAAA,WAAA,GAAA;QAFmD,IAAyB,CAAA,yBAAA,GAAG,IAAI,CAAC;KAEpE;8GAHP,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,0LCVtC,6BACA,EAAA,CAAA,CAAA,EAAA;;2FDSa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,8BAA8B,cAE5B,IAAI,EAAA,QAAA,EAAA,6BAAA,EAAA,CAAA;wDAGmC,yBAAyB,EAAA,CAAA;sBAA3E,WAAW;uBAAC,oCAAoC,CAAA;;;AEiBrD;;;;AAIG;MAOU,oBAAoB,CAAA;AANjC,IAAA,WAAA,GAAA;AAOY,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AACpC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC,CAAC;AACzD,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;QAExB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QAEpB,IAAY,CAAA,YAAA,GAAG,eAAe,EAAE,CAAC;QAIzC,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;QAEpB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QAQlB,IAAqB,CAAA,qBAAA,GAAG,KAAK,CAAC;AAE9B;;AAEG;AACO,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAE,CAAC;AAE3C;;AAEG;AACO,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,YAAY,EAAS,CAAC;QAEF,IAAoB,CAAA,oBAAA,GAAG,IAAI,CAAC;AA0FjE,QAAA,IAAA,CAAA,QAAQ,GAAG,IAAI,OAAO,EAAQ,CAAC;AAmD1C,KAAA;AAvIG;;AAEG;IACH,IACI,YAAY,CAAC,KAAa,EAAA;AAC1B,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;KAC1B;AAED;;AAEG;IACH,IACI,QAAQ,CAAC,KAAa,EAAA;AACtB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,cAAc,EAAE,CAAC;KACzB;AAED;;AAEG;IACH,IACI,wBAAwB,CAAC,KAAa,EAAA;QACtC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KACrD;AAED;;AAEG;IACH,IACI,OAAO,CAAC,KAAa,EAAA;AACrB,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACrB;AAED;;;AAGG;IACH,IACI,YAAY,CAAC,KAAc,EAAA;AAC3B,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;KAC1B;;IAGD,IACI,gBAAgB,CAAC,KAAc,EAAA;AAC/B,QAAA,IAAI,CAAC,qBAAqB,GAAG,CAAC,KAAK,CAAC;KACvC;AAED;;;AAGG;IACH,IACI,wBAAwB,CAAC,KAAc,EAAA;AACvC,QAAA,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;KACtC;AAED;;;;AAIG;IACH,IACI,OAAO,CAAC,KAAgC,EAAA;AACxC,QAAA,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,YAAY,EAAE,CAAC;KACvB;IAoBO,YAAY,CAAC,KAAK,GAAG,KAAK,EAAA;QAC9B,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,KAAK,EAAE;YAC7B,OAAO;SACV;QACD,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAA0B,uBAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,CAAC,GAAG,EAAE,CAAC,CAAC;KAC3F;IAEO,cAAc,CAAC,KAAK,GAAG,KAAK,EAAA;QAChC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,KAAK,EAAE;YAC7B,OAAO;SACV;AACD,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;SAC5B;aAAM,IAAI,kBAAkB,CAAC,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE;AAC9D,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;SAC3B;aAAM;AACH,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;SAC5B;KACJ;IAED,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;AAExB,QAAA,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,MAC1B,SAAS,CAAQ,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,OAAO,CAAC;AACnD,aAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aAC9B,SAAS,CAAC,KAAK,IAAG;AACf,YAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;gBACvD,OAAO;aACV;AAED,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;SACpD,CAAC,CACT,CAAC;KACL;IAED,kBAAkB,GAAA;AACd,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAC1B,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;KAC3B;IAED,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;KACxB;AAED,IAAA,MAAM,CAAC,MAAa,EAAA;QAChB,MAAM,CAAC,eAAe,EAAE,CAAC;AACzB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACjC;8GA7KQ,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,QAAA,EAAA,UAAA,EAAA,wBAAA,EAAA,0BAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EA4ET,qBAAqB,CAMrB,EAAA,gBAAA,EAAA,CAAA,kBAAA,EAAA,kBAAA,EAAA,qBAAqB,sFASrB,qBAAqB,CAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAqBD,qBAAqB,CAQnB,EAAA,QAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,qBAAqB,wfC/JnE,y3BA2BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDUc,gBAAgB,EAAE,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,oFAAE,aAAa,EAAA,QAAA,EAAA,mDAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,eAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,EAAA,QAAA,EAAA,qCAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,uBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAEnE,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,EAEtB,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,gBAAgB,EAAE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,OAAO,CAAC,EAAA,QAAA,EAAA,y3BAAA,EAAA,CAAA;8BA4BnE,WAAW,EAAA,CAAA;sBAApB,MAAM;gBAKG,QAAQ,EAAA,CAAA;sBAAjB,MAAM;gBAEsC,oBAAoB,EAAA,CAAA;sBAAhE,WAAW;uBAAC,8BAA8B,CAAA;gBAEZ,aAAa,EAAA,CAAA;sBAA3C,YAAY;uBAAC,eAAe,CAAA;gBAEkB,cAAc,EAAA,CAAA;sBAA5D,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,gBAAgB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAMzC,YAAY,EAAA,CAAA;sBADf,KAAK;gBASF,QAAQ,EAAA,CAAA;sBADX,KAAK;gBAUF,wBAAwB,EAAA,CAAA;sBAD3B,KAAK;gBASF,OAAO,EAAA,CAAA;sBADV,KAAK;gBAUF,YAAY,EAAA,CAAA;sBADf,KAAK;uBAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA;gBAOvC,gBAAgB,EAAA,CAAA;sBADnB,KAAK;uBAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA;gBAUvC,wBAAwB,EAAA,CAAA;sBAD3B,KAAK;uBAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA;gBAWvC,OAAO,EAAA,CAAA;sBADV,KAAK;gBAYN,MAAM,EAAA,CAAA;sBAFL,WAAW;uBAAC,cAAc,CAAA;;sBAC1B,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA;gBAS/D,QAAQ,EAAA,CAAA;sBAFP,WAAW;uBAAC,uCAAuC,CAAA;;sBACnD,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA;;;MEjJxD,0BAA0B,CAAA;8GAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,EAHzB,OAAA,EAAA,CAAA,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,yBAAyB,CACpH,EAAA,OAAA,EAAA,CAAA,oBAAoB,EAAE,yBAAyB,CAAA,EAAA,CAAA,CAAA,EAAA;+GAEhD,0BAA0B,EAAA,OAAA,EAAA,CAHzB,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,qBAAqB,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAG1F,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAJtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,yBAAyB,CAAC;AAC/H,oBAAA,OAAO,EAAE,CAAC,oBAAoB,EAAE,yBAAyB,CAAC;AAC7D,iBAAA,CAAA;;;ACbD;;AAEG;;;;"}

package/fesm2022/ngx-tethys-property.mjs

@@ -1,11 +1,11 @@
 import { BehaviorSubject, Subject, fromEvent, combineLatest, timer } from 'rxjs';
 import * as i0 from '@angular/core';
-import { numberAttribute, Component, ChangeDetectionStrategy, Input, HostBinding, EventEmitter, Output, ContentChild, ViewChild, NgModule } from '@angular/core';
-import * as i1 from 'ngx-tethys/core';
+import { numberAttribute, Component, ChangeDetectionStrategy, Input, HostBinding, inject, ChangeDetectorRef, NgZone, EventEmitter, Output, ContentChild, ViewChild, NgModule } from '@angular/core';
+import { ThyClickDispatcher } from 'ngx-tethys/core';
 import { ThyFlexibleText, ThyFlexibleTextModule } from 'ngx-tethys/flexible-text';
 import { takeUntil, delay, take, filter } from 'rxjs/operators';
-import * as i2 from '@angular/cdk/overlay';
-import { NgIf, NgTemplateOutlet, CommonModule } from '@angular/common';
+import { OverlayOutsideClickDispatcher } from '@angular/cdk/overlay';
+import { NgTemplateOutlet, CommonModule } from '@angular/common';
 import { coerceBooleanProperty } from 'ngx-tethys/util';
 import { ThyTooltipModule } from 'ngx-tethys/tooltip';
 
@@ -73,12 +73,12 @@ class ThyPropertyItem {
     get gridColumn() {
         return `span ${Math.min(this.thySpan, this.parent.thyColumn)}`;
     }
-    constructor(cdr, clickDispatcher, ngZone, overlayOutsideClickDispatcher, parent) {
-        this.cdr = cdr;
-        this.clickDispatcher = clickDispatcher;
-        this.ngZone = ngZone;
-        this.overlayOutsideClickDispatcher = overlayOutsideClickDispatcher;
-        this.parent = parent;
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
+        this.clickDispatcher = inject(ThyClickDispatcher);
+        this.ngZone = inject(NgZone);
+        this.overlayOutsideClickDispatcher = inject(OverlayOutsideClickDispatcher);
+        this.parent = inject(ThyProperties);
         /**
          * 设置跨列的数量
          * @type number
@@ -188,8 +188,8 @@ class ThyPropertyItem {
         this.eventDestroy$.next();
         this.eventDestroy$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyPropertyItem, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.ThyClickDispatcher }, { token: i0.NgZone }, { token: i2.OverlayOutsideClickDispatcher }, { token: ThyProperties }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: ThyPropertyItem, isStandalone: true, selector: "thy-property-item", inputs: { thyLabelText: "thyLabelText", thyEditable: ["thyEditable", "thyEditable", coerceBooleanProperty], thySpan: ["thySpan", "thySpan", numberAttribute], thyOperationTrigger: "thyOperationTrigger" }, outputs: { thyEditingChange: "thyEditingChange" }, host: { properties: { "class.thy-property-item-operational": "!!operation", "class.thy-property-item-operational-hover": "thyOperationTrigger === 'hover'", "style.grid-column": "this.gridColumn" }, classAttribute: "thy-property-item" }, queries: [{ propertyName: "label", first: true, predicate: ["label"], descendants: true, static: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true, static: true }, { propertyName: "operation", first: true, predicate: ["operation"], descendants: true, static: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplate"], descendants: true, static: true }, { propertyName: "itemContent", first: true, predicate: ["item"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n<div class=\"thy-property-item-label\">\n  <span *ngIf=\"thyLabelText\" thyFlexibleText [thyTooltipContent]=\"thyLabelText\">{{ thyLabelText }}</span>\n  <ng-container *ngIf=\"label\">\n    <span> <ng-template [ngTemplateOutlet]=\"label\"></ng-template></span>\n  </ng-container>\n  <div class=\"thy-property-item-operation\" *ngIf=\"operation && isVertical\">\n    <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n  </div>\n</div>\n<div class=\"thy-property-item-wrapper\">\n  <div\n    #item\n    class=\"thy-property-item-content\"\n    [class.thy-property-item-content-editable]=\"thyEditable\"\n    [class.thy-property-item-content-editing]=\"editing\">\n    <div class=\"thy-property-item-content-text\">\n      <ng-template *ngIf=\"content\" [ngTemplateOutlet]=\"content\"></ng-template>\n    </div>\n    <div class=\"thy-property-item-content-editor\" *ngIf=\"thyEditable\">\n      <ng-template *ngIf=\"editor\" [ngTemplateOutlet]=\"editor\"></ng-template>\n    </div>\n  </div>\n  <div class=\"thy-property-item-operation\" *ngIf=\"operation && !isVertical\">\n    <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ThyFlexibleText, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyPropertyItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyPropertyItem, isStandalone: true, selector: "thy-property-item", inputs: { thyLabelText: "thyLabelText", thyEditable: ["thyEditable", "thyEditable", coerceBooleanProperty], thySpan: ["thySpan", "thySpan", numberAttribute], thyOperationTrigger: "thyOperationTrigger" }, outputs: { thyEditingChange: "thyEditingChange" }, host: { properties: { "class.thy-property-item-operational": "!!operation", "class.thy-property-item-operational-hover": "thyOperationTrigger === 'hover'", "style.grid-column": "this.gridColumn" }, classAttribute: "thy-property-item" }, queries: [{ propertyName: "label", first: true, predicate: ["label"], descendants: true, static: true }, { propertyName: "editor", first: true, predicate: ["editor"], descendants: true, static: true }, { propertyName: "operation", first: true, predicate: ["operation"], descendants: true, static: true }], viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplate"], descendants: true, static: true }, { propertyName: "itemContent", first: true, predicate: ["item"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n<div class=\"thy-property-item-label\">\n  @if (thyLabelText) {\n    <span thyFlexibleText [thyTooltipContent]=\"thyLabelText\">{{ thyLabelText }}</span>\n  }\n  @if (label) {\n    <span> <ng-template [ngTemplateOutlet]=\"label\"></ng-template></span>\n  }\n  @if (operation && isVertical) {\n    <div class=\"thy-property-item-operation\">\n      <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n    </div>\n  }\n</div>\n<div class=\"thy-property-item-wrapper\">\n  <div\n    #item\n    class=\"thy-property-item-content\"\n    [class.thy-property-item-content-editable]=\"thyEditable\"\n    [class.thy-property-item-content-editing]=\"editing\">\n    <div class=\"thy-property-item-content-text\">\n      @if (content) {\n        <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n      }\n    </div>\n    @if (thyEditable) {\n      <div class=\"thy-property-item-content-editor\">\n        @if (editor) {\n          <ng-template [ngTemplateOutlet]=\"editor\"></ng-template>\n        }\n      </div>\n    }\n  </div>\n  @if (operation && !isVertical) {\n    <div class=\"thy-property-item-operation\">\n      <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n    </div>\n  }\n</div>\n", dependencies: [{ kind: "component", type: ThyFlexibleText, selector: "thy-flexible-text,[thyFlexibleText]", inputs: ["thyTooltipTrigger", "thyContainerClass", "thyTooltipContent", "thyTooltipPlacement", "thyTooltipOffset"], exportAs: ["thyFlexibleText"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyPropertyItem, decorators: [{
             type: Component,
@@ -197,8 +197,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         class: 'thy-property-item',
                         '[class.thy-property-item-operational]': '!!operation',
                         '[class.thy-property-item-operational-hover]': "thyOperationTrigger === 'hover'"
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgIf, ThyFlexibleText, NgTemplateOutlet], template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n<div class=\"thy-property-item-label\">\n  <span *ngIf=\"thyLabelText\" thyFlexibleText [thyTooltipContent]=\"thyLabelText\">{{ thyLabelText }}</span>\n  <ng-container *ngIf=\"label\">\n    <span> <ng-template [ngTemplateOutlet]=\"label\"></ng-template></span>\n  </ng-container>\n  <div class=\"thy-property-item-operation\" *ngIf=\"operation && isVertical\">\n    <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n  </div>\n</div>\n<div class=\"thy-property-item-wrapper\">\n  <div\n    #item\n    class=\"thy-property-item-content\"\n    [class.thy-property-item-content-editable]=\"thyEditable\"\n    [class.thy-property-item-content-editing]=\"editing\">\n    <div class=\"thy-property-item-content-text\">\n      <ng-template *ngIf=\"content\" [ngTemplateOutlet]=\"content\"></ng-template>\n    </div>\n    <div class=\"thy-property-item-content-editor\" *ngIf=\"thyEditable\">\n      <ng-template *ngIf=\"editor\" [ngTemplateOutlet]=\"editor\"></ng-template>\n    </div>\n  </div>\n  <div class=\"thy-property-item-operation\" *ngIf=\"operation && !isVertical\">\n    <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n  </div>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.ThyClickDispatcher }, { type: i0.NgZone }, { type: i2.OverlayOutsideClickDispatcher }, { type: ThyProperties }], propDecorators: { thyLabelText: [{
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [ThyFlexibleText, NgTemplateOutlet], template: "<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n<div class=\"thy-property-item-label\">\n  @if (thyLabelText) {\n    <span thyFlexibleText [thyTooltipContent]=\"thyLabelText\">{{ thyLabelText }}</span>\n  }\n  @if (label) {\n    <span> <ng-template [ngTemplateOutlet]=\"label\"></ng-template></span>\n  }\n  @if (operation && isVertical) {\n    <div class=\"thy-property-item-operation\">\n      <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n    </div>\n  }\n</div>\n<div class=\"thy-property-item-wrapper\">\n  <div\n    #item\n    class=\"thy-property-item-content\"\n    [class.thy-property-item-content-editable]=\"thyEditable\"\n    [class.thy-property-item-content-editing]=\"editing\">\n    <div class=\"thy-property-item-content-text\">\n      @if (content) {\n        <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n      }\n    </div>\n    @if (thyEditable) {\n      <div class=\"thy-property-item-content-editor\">\n        @if (editor) {\n          <ng-template [ngTemplateOutlet]=\"editor\"></ng-template>\n        }\n      </div>\n    }\n  </div>\n  @if (operation && !isVertical) {\n    <div class=\"thy-property-item-operation\">\n      <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n    </div>\n  }\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { thyLabelText: [{
                 type: Input
             }], thyEditable: [{
                 type: Input,

package/fesm2022/ngx-tethys-property.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-property.mjs","sources":["../../../src/property/properties.component.ts","../../../src/property/properties.component.html","../../../src/property/property-item.component.ts","../../../src/property/property-item.component.html","../../../src/property/module.ts","../../../src/property/ngx-tethys-property.ts"],"sourcesContent":["import { BehaviorSubject } from 'rxjs';\n\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, OnInit, numberAttribute } from '@angular/core';\n\nexport type ThyPropertiesLayout = 'horizontal' | 'vertical';\n\n/**\n * 属性列表组件\n * @name thy-properties\n */\n@Component({\n    selector: 'thy-properties',\n    templateUrl: './properties.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-properties',\n        '[class.thy-properties-vertical]': 'layout === \"vertical\"',\n        '[class.thy-properties-horizontal]': 'layout === \"horizontal\"',\n        '[class.thy-properties-edit-trigger-hover]': 'thyEditTrigger === \"hover\"',\n        '[class.thy-properties-edit-trigger-click]': 'thyEditTrigger === \"click\"'\n    },\n    standalone: true\n})\nexport class ThyProperties implements OnInit {\n    layout$ = new BehaviorSubject<ThyPropertiesLayout>('horizontal');\n\n    layout: ThyPropertiesLayout = 'horizontal';\n\n    /**\n     * 展示布局\n     * @type \"horizontal\" | \"vertical\"\n     * @default horizontal\n     */\n    @Input() set thyLayout(layout: ThyPropertiesLayout) {\n        this.layout = layout;\n        this.layout$.next(layout);\n    }\n\n    /**\n     * 设置一行的可以 property-item 的数量\n     * @type  number\n     */\n    @Input({ transform: numberAttribute }) thyColumn: number = 1;\n\n    /**\n     * 设置编辑状态触发方法\n     * @type 'hover' | 'click'\n     */\n    @Input() thyEditTrigger: 'hover' | 'click' = 'hover';\n\n    @HostBinding('style.grid-template-columns')\n    get gridTemplateColumns() {\n        return `repeat(${this.thyColumn}, 1fr)`;\n    }\n\n    constructor() {}\n\n    ngOnInit() {}\n}\n","<ng-content></ng-content>\n","import { ThyClickDispatcher } from 'ngx-tethys/core';\nimport { ThyFlexibleText } from 'ngx-tethys/flexible-text';\nimport { combineLatest, fromEvent, Subject, Subscription, timer } from 'rxjs';\nimport { delay, filter, take, takeUntil } from 'rxjs/operators';\n\nimport { OverlayOutsideClickDispatcher, OverlayRef } from '@angular/cdk/overlay';\nimport { NgIf, NgTemplateOutlet } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Input,\n    NgZone,\n    numberAttribute,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Output,\n    SimpleChanges,\n    TemplateRef,\n    ViewChild\n} from '@angular/core';\n\nimport { ThyProperties } from './properties.component';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nexport type ThyPropertyItemOperationTrigger = 'hover' | 'always';\n\n/**\n * 属性组件\n * @name thy-property-item\n */\n@Component({\n    selector: 'thy-property-item',\n    templateUrl: './property-item.component.html',\n    host: {\n        class: 'thy-property-item',\n        '[class.thy-property-item-operational]': '!!operation',\n        '[class.thy-property-item-operational-hover]': \"thyOperationTrigger === 'hover'\"\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [NgIf, ThyFlexibleText, NgTemplateOutlet]\n})\nexport class ThyPropertyItem implements OnInit, OnChanges, OnDestroy {\n    /**\n     * 属性名称\n     * @type sting\n     * @default thyLabelText\n     */\n    @Input() thyLabelText: string;\n\n    /**\n     * 设置属性是否是可编辑的\n     * @type sting\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty }) thyEditable: boolean;\n\n    /**\n     * 设置跨列的数量\n     * @type number\n     */\n    @Input({ transform: numberAttribute }) thySpan: number = 1;\n\n    /**\n     * 设置属性操作现实触发方式，默认 always 一直显示\n     * @type 'hover' | 'always'\n     */\n    @Input() thyOperationTrigger: ThyPropertyItemOperationTrigger = 'always';\n\n    @Output() thyEditingChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    /**\n     * 属性名称自定义模板\n     * @type TemplateRef\n     */\n    @ContentChild('label', { static: true }) label!: TemplateRef<void>;\n\n    /**\n     * 属性内容编辑模板，只有在 thyEditable 为 true 时生效\n     * @type TemplateRef\n     */\n    @ContentChild('editor', { static: true }) editor!: TemplateRef<void>;\n\n    /**\n     * 操作区模板\n     * @type TemplateRef\n     */\n    @ContentChild('operation', { static: true }) operation!: TemplateRef<void>;\n\n    /**\n     * @private\n     */\n    @ViewChild('contentTemplate', { static: true }) content!: TemplateRef<void>;\n\n    /**\n     * @private\n     */\n    @ViewChild('item', { static: true }) itemContent: ElementRef<HTMLElement>;\n\n    editing: boolean;\n\n    changes$ = new Subject<SimpleChanges>();\n\n    private destroy$ = new Subject<void>();\n\n    private eventDestroy$ = new Subject<void>();\n\n    private originOverlays: OverlayRef[] = [];\n\n    private clickEventSubscription: Subscription;\n\n    @HostBinding('style.grid-column')\n    get gridColumn() {\n        return `span ${Math.min(this.thySpan, this.parent.thyColumn)}`;\n    }\n\n    isVertical = false;\n\n    constructor(\n        private cdr: ChangeDetectorRef,\n        private clickDispatcher: ThyClickDispatcher,\n        private ngZone: NgZone,\n        private overlayOutsideClickDispatcher: OverlayOutsideClickDispatcher,\n        private parent: ThyProperties\n    ) {\n        this.originOverlays = [...this.overlayOutsideClickDispatcher._attachedOverlays] as OverlayRef[];\n    }\n\n    ngOnInit() {\n        this.subscribeClick();\n        this.parent.layout$.pipe(takeUntil(this.destroy$)).subscribe(layout => {\n            this.isVertical = layout === 'vertical';\n            this.cdr.markForCheck();\n        });\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes.thyEditable && changes.thyEditable.currentValue) {\n            this.subscribeClick();\n        } else {\n            this.setEditing(false);\n            this.eventDestroy$.next();\n            this.eventDestroy$.complete();\n\n            if (this.clickEventSubscription) {\n                this.clickEventSubscription.unsubscribe();\n                this.clickEventSubscription = null;\n            }\n        }\n    }\n\n    setEditing(editing: boolean) {\n        this.ngZone.run(() => {\n            if (!!this.editing !== !!editing) {\n                this.thyEditingChange.emit(editing);\n            }\n            this.editing = editing;\n            this.cdr.markForCheck();\n        });\n    }\n\n    /**\n     * @deprecated please use setEditing(editing: boolean)\n     */\n    setKeepEditing(keep: boolean) {\n        this.setEditing(keep);\n    }\n\n    private hasOverlay() {\n        return this.overlayOutsideClickDispatcher._attachedOverlays.length > this.originOverlays.length;\n    }\n\n    private subscribeClick() {\n        if (this.thyEditable === true) {\n            this.ngZone.runOutsideAngular(() => {\n                if (this.clickEventSubscription) {\n                    return;\n                }\n                this.clickEventSubscription = fromEvent(this.itemContent.nativeElement, 'click')\n                    .pipe(takeUntil(this.eventDestroy$))\n                    .subscribe(() => {\n                        this.setEditing(true);\n                        this.bindEditorBlurEvent(this.itemContent.nativeElement);\n                    });\n            });\n        }\n    }\n\n    private subscribeOverlayDetach() {\n        const openedOverlays = this.overlayOutsideClickDispatcher._attachedOverlays.slice(this.originOverlays.length);\n        const overlaysDetachments$ = openedOverlays.map(overlay => overlay.detachments());\n        if (overlaysDetachments$.length) {\n            combineLatest(overlaysDetachments$)\n                .pipe(delay(50), take(1), takeUntil(this.destroy$))\n                .subscribe(() => {\n                    this.setEditing(false);\n                });\n        }\n    }\n\n    private subscribeDocumentClick(editorElement: HTMLElement) {\n        this.clickDispatcher\n            .clicked(0)\n            .pipe(\n                filter(event => {\n                    return !editorElement.contains(event.target as HTMLElement);\n                }),\n                take(1),\n                takeUntil(this.destroy$)\n            )\n            .subscribe(() => {\n                this.setEditing(false);\n            });\n    }\n\n    private bindEditorBlurEvent(editorElement: HTMLElement) {\n        timer(0).subscribe(() => {\n            if (this.hasOverlay()) {\n                this.subscribeOverlayDetach();\n            } else {\n                this.subscribeDocumentClick(editorElement);\n            }\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n\n        this.eventDestroy$.next();\n        this.eventDestroy$.complete();\n    }\n}\n","<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n<div class=\"thy-property-item-label\">\n  <span *ngIf=\"thyLabelText\" thyFlexibleText [thyTooltipContent]=\"thyLabelText\">{{ thyLabelText }}</span>\n  <ng-container *ngIf=\"label\">\n    <span> <ng-template [ngTemplateOutlet]=\"label\"></ng-template></span>\n  </ng-container>\n  <div class=\"thy-property-item-operation\" *ngIf=\"operation && isVertical\">\n    <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n  </div>\n</div>\n<div class=\"thy-property-item-wrapper\">\n  <div\n    #item\n    class=\"thy-property-item-content\"\n    [class.thy-property-item-content-editable]=\"thyEditable\"\n    [class.thy-property-item-content-editing]=\"editing\">\n    <div class=\"thy-property-item-content-text\">\n      <ng-template *ngIf=\"content\" [ngTemplateOutlet]=\"content\"></ng-template>\n    </div>\n    <div class=\"thy-property-item-content-editor\" *ngIf=\"thyEditable\">\n      <ng-template *ngIf=\"editor\" [ngTemplateOutlet]=\"editor\"></ng-template>\n    </div>\n  </div>\n  <div class=\"thy-property-item-operation\" *ngIf=\"operation && !isVertical\">\n    <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n  </div>\n</div>\n","import { ThyFlexibleTextModule } from 'ngx-tethys/flexible-text';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThyProperties } from './properties.component';\nimport { ThyPropertyItem } from './property-item.component';\nimport { ThyTooltipModule } from 'ngx-tethys/tooltip';\n\n@NgModule({\n    imports: [CommonModule, ThyFlexibleTextModule, ThyTooltipModule, ThyProperties, ThyPropertyItem],\n    exports: [ThyProperties, ThyPropertyItem]\n})\nexport class ThyPropertyModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i3.ThyProperties"],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-property.mjs","sources":["../../../src/property/properties.component.ts","../../../src/property/properties.component.html","../../../src/property/property-item.component.ts","../../../src/property/property-item.component.html","../../../src/property/module.ts","../../../src/property/ngx-tethys-property.ts"],"sourcesContent":["import { BehaviorSubject } from 'rxjs';\n\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, OnInit, numberAttribute } from '@angular/core';\n\nexport type ThyPropertiesLayout = 'horizontal' | 'vertical';\n\n/**\n * 属性列表组件\n * @name thy-properties\n */\n@Component({\n    selector: 'thy-properties',\n    templateUrl: './properties.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-properties',\n        '[class.thy-properties-vertical]': 'layout === \"vertical\"',\n        '[class.thy-properties-horizontal]': 'layout === \"horizontal\"',\n        '[class.thy-properties-edit-trigger-hover]': 'thyEditTrigger === \"hover\"',\n        '[class.thy-properties-edit-trigger-click]': 'thyEditTrigger === \"click\"'\n    },\n    standalone: true\n})\nexport class ThyProperties implements OnInit {\n    layout$ = new BehaviorSubject<ThyPropertiesLayout>('horizontal');\n\n    layout: ThyPropertiesLayout = 'horizontal';\n\n    /**\n     * 展示布局\n     * @type \"horizontal\" | \"vertical\"\n     * @default horizontal\n     */\n    @Input() set thyLayout(layout: ThyPropertiesLayout) {\n        this.layout = layout;\n        this.layout$.next(layout);\n    }\n\n    /**\n     * 设置一行的可以 property-item 的数量\n     * @type  number\n     */\n    @Input({ transform: numberAttribute }) thyColumn: number = 1;\n\n    /**\n     * 设置编辑状态触发方法\n     * @type 'hover' | 'click'\n     */\n    @Input() thyEditTrigger: 'hover' | 'click' = 'hover';\n\n    @HostBinding('style.grid-template-columns')\n    get gridTemplateColumns() {\n        return `repeat(${this.thyColumn}, 1fr)`;\n    }\n\n    constructor() {}\n\n    ngOnInit() {}\n}\n","<ng-content></ng-content>\n","import { ThyClickDispatcher } from 'ngx-tethys/core';\nimport { ThyFlexibleText } from 'ngx-tethys/flexible-text';\nimport { combineLatest, fromEvent, Subject, Subscription, timer } from 'rxjs';\nimport { delay, filter, take, takeUntil } from 'rxjs/operators';\n\nimport { OverlayOutsideClickDispatcher, OverlayRef } from '@angular/cdk/overlay';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    Input,\n    NgZone,\n    numberAttribute,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Output,\n    SimpleChanges,\n    TemplateRef,\n    ViewChild,\n    inject\n} from '@angular/core';\n\nimport { ThyProperties } from './properties.component';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nexport type ThyPropertyItemOperationTrigger = 'hover' | 'always';\n\n/**\n * 属性组件\n * @name thy-property-item\n */\n@Component({\n    selector: 'thy-property-item',\n    templateUrl: './property-item.component.html',\n    host: {\n        class: 'thy-property-item',\n        '[class.thy-property-item-operational]': '!!operation',\n        '[class.thy-property-item-operational-hover]': \"thyOperationTrigger === 'hover'\"\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    standalone: true,\n    imports: [ThyFlexibleText, NgTemplateOutlet]\n})\nexport class ThyPropertyItem implements OnInit, OnChanges, OnDestroy {\n    private cdr = inject(ChangeDetectorRef);\n    private clickDispatcher = inject(ThyClickDispatcher);\n    private ngZone = inject(NgZone);\n    private overlayOutsideClickDispatcher = inject(OverlayOutsideClickDispatcher);\n    private parent = inject(ThyProperties);\n\n    /**\n     * 属性名称\n     * @type sting\n     * @default thyLabelText\n     */\n    @Input() thyLabelText: string;\n\n    /**\n     * 设置属性是否是可编辑的\n     * @type sting\n     * @default false\n     */\n    @Input({ transform: coerceBooleanProperty }) thyEditable: boolean;\n\n    /**\n     * 设置跨列的数量\n     * @type number\n     */\n    @Input({ transform: numberAttribute }) thySpan: number = 1;\n\n    /**\n     * 设置属性操作现实触发方式，默认 always 一直显示\n     * @type 'hover' | 'always'\n     */\n    @Input() thyOperationTrigger: ThyPropertyItemOperationTrigger = 'always';\n\n    @Output() thyEditingChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    /**\n     * 属性名称自定义模板\n     * @type TemplateRef\n     */\n    @ContentChild('label', { static: true }) label!: TemplateRef<void>;\n\n    /**\n     * 属性内容编辑模板，只有在 thyEditable 为 true 时生效\n     * @type TemplateRef\n     */\n    @ContentChild('editor', { static: true }) editor!: TemplateRef<void>;\n\n    /**\n     * 操作区模板\n     * @type TemplateRef\n     */\n    @ContentChild('operation', { static: true }) operation!: TemplateRef<void>;\n\n    /**\n     * @private\n     */\n    @ViewChild('contentTemplate', { static: true }) content!: TemplateRef<void>;\n\n    /**\n     * @private\n     */\n    @ViewChild('item', { static: true }) itemContent: ElementRef<HTMLElement>;\n\n    editing: boolean;\n\n    changes$ = new Subject<SimpleChanges>();\n\n    private destroy$ = new Subject<void>();\n\n    private eventDestroy$ = new Subject<void>();\n\n    private originOverlays: OverlayRef[] = [];\n\n    private clickEventSubscription: Subscription;\n\n    @HostBinding('style.grid-column')\n    get gridColumn() {\n        return `span ${Math.min(this.thySpan, this.parent.thyColumn)}`;\n    }\n\n    isVertical = false;\n\n    constructor() {\n        this.originOverlays = [...this.overlayOutsideClickDispatcher._attachedOverlays] as OverlayRef[];\n    }\n\n    ngOnInit() {\n        this.subscribeClick();\n        this.parent.layout$.pipe(takeUntil(this.destroy$)).subscribe(layout => {\n            this.isVertical = layout === 'vertical';\n            this.cdr.markForCheck();\n        });\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes.thyEditable && changes.thyEditable.currentValue) {\n            this.subscribeClick();\n        } else {\n            this.setEditing(false);\n            this.eventDestroy$.next();\n            this.eventDestroy$.complete();\n\n            if (this.clickEventSubscription) {\n                this.clickEventSubscription.unsubscribe();\n                this.clickEventSubscription = null;\n            }\n        }\n    }\n\n    setEditing(editing: boolean) {\n        this.ngZone.run(() => {\n            if (!!this.editing !== !!editing) {\n                this.thyEditingChange.emit(editing);\n            }\n            this.editing = editing;\n            this.cdr.markForCheck();\n        });\n    }\n\n    /**\n     * @deprecated please use setEditing(editing: boolean)\n     */\n    setKeepEditing(keep: boolean) {\n        this.setEditing(keep);\n    }\n\n    private hasOverlay() {\n        return this.overlayOutsideClickDispatcher._attachedOverlays.length > this.originOverlays.length;\n    }\n\n    private subscribeClick() {\n        if (this.thyEditable === true) {\n            this.ngZone.runOutsideAngular(() => {\n                if (this.clickEventSubscription) {\n                    return;\n                }\n                this.clickEventSubscription = fromEvent(this.itemContent.nativeElement, 'click')\n                    .pipe(takeUntil(this.eventDestroy$))\n                    .subscribe(() => {\n                        this.setEditing(true);\n                        this.bindEditorBlurEvent(this.itemContent.nativeElement);\n                    });\n            });\n        }\n    }\n\n    private subscribeOverlayDetach() {\n        const openedOverlays = this.overlayOutsideClickDispatcher._attachedOverlays.slice(this.originOverlays.length);\n        const overlaysDetachments$ = openedOverlays.map(overlay => overlay.detachments());\n        if (overlaysDetachments$.length) {\n            combineLatest(overlaysDetachments$)\n                .pipe(delay(50), take(1), takeUntil(this.destroy$))\n                .subscribe(() => {\n                    this.setEditing(false);\n                });\n        }\n    }\n\n    private subscribeDocumentClick(editorElement: HTMLElement) {\n        this.clickDispatcher\n            .clicked(0)\n            .pipe(\n                filter(event => {\n                    return !editorElement.contains(event.target as HTMLElement);\n                }),\n                take(1),\n                takeUntil(this.destroy$)\n            )\n            .subscribe(() => {\n                this.setEditing(false);\n            });\n    }\n\n    private bindEditorBlurEvent(editorElement: HTMLElement) {\n        timer(0).subscribe(() => {\n            if (this.hasOverlay()) {\n                this.subscribeOverlayDetach();\n            } else {\n                this.subscribeDocumentClick(editorElement);\n            }\n        });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n\n        this.eventDestroy$.next();\n        this.eventDestroy$.complete();\n    }\n}\n","<ng-template #contentTemplate>\n  <ng-content></ng-content>\n</ng-template>\n<div class=\"thy-property-item-label\">\n  @if (thyLabelText) {\n    <span thyFlexibleText [thyTooltipContent]=\"thyLabelText\">{{ thyLabelText }}</span>\n  }\n  @if (label) {\n    <span> <ng-template [ngTemplateOutlet]=\"label\"></ng-template></span>\n  }\n  @if (operation && isVertical) {\n    <div class=\"thy-property-item-operation\">\n      <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n    </div>\n  }\n</div>\n<div class=\"thy-property-item-wrapper\">\n  <div\n    #item\n    class=\"thy-property-item-content\"\n    [class.thy-property-item-content-editable]=\"thyEditable\"\n    [class.thy-property-item-content-editing]=\"editing\">\n    <div class=\"thy-property-item-content-text\">\n      @if (content) {\n        <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\n      }\n    </div>\n    @if (thyEditable) {\n      <div class=\"thy-property-item-content-editor\">\n        @if (editor) {\n          <ng-template [ngTemplateOutlet]=\"editor\"></ng-template>\n        }\n      </div>\n    }\n  </div>\n  @if (operation && !isVertical) {\n    <div class=\"thy-property-item-operation\">\n      <ng-template [ngTemplateOutlet]=\"operation\"></ng-template>\n    </div>\n  }\n</div>\n","import { ThyFlexibleTextModule } from 'ngx-tethys/flexible-text';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThyProperties } from './properties.component';\nimport { ThyPropertyItem } from './property-item.component';\nimport { ThyTooltipModule } from 'ngx-tethys/tooltip';\n\n@NgModule({\n    imports: [CommonModule, ThyFlexibleTextModule, ThyTooltipModule, ThyProperties, ThyPropertyItem],\n    exports: [ThyProperties, ThyPropertyItem]\n})\nexport class ThyPropertyModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-radio.mjs

@@ -1,8 +1,7 @@
 import * as i0 from '@angular/core';
-import { forwardRef, Component, ChangeDetectionStrategy, HostBinding, Input, Optional, HostListener, NgModule } from '@angular/core';
-import { NgClass, NgIf, CommonModule } from '@angular/common';
+import { inject, ChangeDetectorRef, forwardRef, Component, ChangeDetectionStrategy, HostBinding, Input, HostListener, NgModule } from '@angular/core';
+import { NgClass, CommonModule } from '@angular/common';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
-import * as i1 from 'ngx-tethys/core';
 import { ThyFormCheckBaseComponent } from 'ngx-tethys/shared';
 import { useHostRenderer } from '@tethys/cdk/dom';
 import { coerceBooleanProperty } from 'ngx-tethys/util';
@@ -20,19 +19,8 @@ const radioGroupLayoutMap = {
  * @order 20
  */
 class ThyRadioGroup {
-    /**
-     * 大小
-     * @type sm | md | lg
-     * @default md
-     */
-    set thySize(size) {
-        this._size = size;
-    }
-    set thyLayout(layout) {
-        this._layout = layout;
-    }
-    constructor(changeDetectorRef) {
-        this.changeDetectorRef = changeDetectorRef;
+    constructor() {
+        this.changeDetectorRef = inject(ChangeDetectorRef);
         this.thyRadioGroup = true;
         this.isButtonGroup = false;
         this.isButtonGroupOutline = false;
@@ -46,6 +34,17 @@ class ThyRadioGroup {
         this.onChange = () => null;
         this.onTouched = () => null;
     }
+    /**
+     * 大小
+     * @type sm | md | lg
+     * @default md
+     */
+    set thySize(size) {
+        this._size = size;
+    }
+    set thyLayout(layout) {
+        this._layout = layout;
+    }
     addRadio(radio) {
         this.radios.push(radio);
         radio.thyChecked = radio.thyValue === this._innerValue;
@@ -103,7 +102,7 @@ class ThyRadioGroup {
         }
         this.hostRenderer.updateClass(classNames);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyRadioGroup, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyRadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.0", type: ThyRadioGroup, isStandalone: true, selector: "thy-radio-group", inputs: { thySize: "thySize", thyLayout: "thyLayout", thyDisabled: ["thyDisabled", "thyDisabled", coerceBooleanProperty] }, host: { properties: { "attr.tabindex": "-1", "class.thy-radio-group": "this.thyRadioGroup", "class.btn-group": "this.isButtonGroup", "class.btn-group-outline-default": "this.isButtonGroupOutline" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -123,7 +122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                     ], host: {
                         '[attr.tabindex]': `-1`
                     }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { thyRadioGroup: [{
+        }], propDecorators: { thyRadioGroup: [{
                 type: HostBinding,
                 args: ['class.thy-radio-group']
             }], isButtonGroup: [{
@@ -147,15 +146,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @order 10
  */
 class ThyRadio extends ThyFormCheckBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.thyRadioGroupComponent = inject(ThyRadioGroup, { optional: true });
+    }
     set thyChecked(value) {
         this.writeValue(coerceBooleanProperty$1(value));
         this.changeDetectorRef.markForCheck();
     }
-    constructor(thyTranslate, thyRadioGroupComponent, changeDetectorRef) {
-        super(thyTranslate, changeDetectorRef);
-        this.thyTranslate = thyTranslate;
-        this.thyRadioGroupComponent = thyRadioGroupComponent;
-    }
     ngOnInit() {
         if (this.thyRadioGroupComponent) {
             this.thyRadioGroupComponent.addRadio(this);
@@ -169,14 +167,14 @@ class ThyRadio extends ThyFormCheckBaseComponent {
             this.updateValue(!this._innerValue);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyRadio, deps: [{ token: i1.ThyTranslate }, { token: ThyRadioGroup, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ThyRadio, isStandalone: true, selector: "[thy-radio],[thyRadio]", inputs: { thyValue: "thyValue" }, host: { properties: { "attr.tabindex": "-1" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyRadio, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: ThyRadio, isStandalone: true, selector: "[thy-radio],[thyRadio]", inputs: { thyValue: "thyValue" }, host: { properties: { "attr.tabindex": "-1" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ThyRadio),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "<input\n  class=\"form-check-input\"\n  [checked]=\"_isChecked\"\n  (change)=\"change()\"\n  type=\"radio\"\n  [attr.tabindex]=\"tabIndex\"\n  [disabled]=\"_disabled\"\n  [attr.name]=\"name\"\n  [ngClass]=\"{ 'form-check-no-label-text': !_labelText }\" />\n<span class=\"form-check-label\" *ngIf=\"_labelText\">{{ _labelText }}</span>\n<ng-content></ng-content>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<input\n  class=\"form-check-input\"\n  [checked]=\"_isChecked\"\n  (change)=\"change()\"\n  type=\"radio\"\n  [attr.tabindex]=\"tabIndex\"\n  [disabled]=\"_disabled\"\n  [attr.name]=\"name\"\n  [ngClass]=\"{ 'form-check-no-label-text': !_labelText }\" />\n@if (_labelText) {\n  <span class=\"form-check-label\">{{ _labelText }}</span>\n}\n<ng-content></ng-content>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyRadio, decorators: [{
             type: Component,
@@ -188,10 +186,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                         }
                     ], host: {
                         '[attr.tabindex]': `-1`
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass, NgIf], template: "<input\n  class=\"form-check-input\"\n  [checked]=\"_isChecked\"\n  (change)=\"change()\"\n  type=\"radio\"\n  [attr.tabindex]=\"tabIndex\"\n  [disabled]=\"_disabled\"\n  [attr.name]=\"name\"\n  [ngClass]=\"{ 'form-check-no-label-text': !_labelText }\" />\n<span class=\"form-check-label\" *ngIf=\"_labelText\">{{ _labelText }}</span>\n<ng-content></ng-content>\n" }]
-        }], ctorParameters: () => [{ type: i1.ThyTranslate }, { type: ThyRadioGroup, decorators: [{
-                    type: Optional
-                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { thyValue: [{
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [NgClass], template: "<input\n  class=\"form-check-input\"\n  [checked]=\"_isChecked\"\n  (change)=\"change()\"\n  type=\"radio\"\n  [attr.tabindex]=\"tabIndex\"\n  [disabled]=\"_disabled\"\n  [attr.name]=\"name\"\n  [ngClass]=\"{ 'form-check-no-label-text': !_labelText }\" />\n@if (_labelText) {\n  <span class=\"form-check-label\">{{ _labelText }}</span>\n}\n<ng-content></ng-content>\n" }]
+        }], propDecorators: { thyValue: [{
                 type: Input
             }] } });
 
@@ -199,6 +195,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * @name [thy-radio-button],[thyRadioButton]
  */
 class ThyRadioButton extends ThyRadio {
+    constructor() {
+        super(...arguments);
+        this.isButton = true;
+        this.isActive = false;
+    }
     get isDisabled() {
         return this._disabled;
     }
@@ -206,11 +207,6 @@ class ThyRadioButton extends ThyRadio {
         this.isActive = !!value;
         this.writeValue(coerceBooleanProperty$1(value));
     }
-    constructor(thyTranslate, thyRadioGroupComponent, changeDetectorRef) {
-        super(thyTranslate, thyRadioGroupComponent, changeDetectorRef);
-        this.isButton = true;
-        this.isActive = false;
-    }
     ngOnInit() {
         this._isFormCheck = false;
         if (this.thyRadioGroupComponent) {
@@ -223,7 +219,7 @@ class ThyRadioButton extends ThyRadio {
             this.change();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyRadioButton, deps: [{ token: i1.ThyTranslate }, { token: ThyRadioGroup, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyRadioButton, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ThyRadioButton, isStandalone: true, selector: "[thy-radio-button],[thyRadioButton]", inputs: { thyValue: "thyValue" }, host: { listeners: { "click": "click($event)" }, properties: { "attr.tabindex": "tabIndex", "class.btn": "this.isButton", "class.active": "this.isActive", "class.disabled": "this.isDisabled" } }, usesInheritance: true, ngImport: i0, template: "<ng-container> {{ _labelText }}</ng-container>\n<ng-content></ng-content>\n" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ThyRadioButton, decorators: [{
@@ -231,9 +227,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
             args: [{ selector: '[thy-radio-button],[thyRadioButton]', standalone: true, host: {
                         '[attr.tabindex]': `tabIndex`
                     }, template: "<ng-container> {{ _labelText }}</ng-container>\n<ng-content></ng-content>\n" }]
-        }], ctorParameters: () => [{ type: i1.ThyTranslate }, { type: ThyRadioGroup, decorators: [{
-                    type: Optional
-                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { isButton: [{
+        }], propDecorators: { isButton: [{
                 type: HostBinding,
                 args: ['class.btn']
             }], isActive: [{