ngx-tethys 19.1.13 → 20.0.0-next.0

package/fesm2022/ngx-tethys-segment.mjs

@@ -23,17 +23,17 @@ class ThySegmentItem {
         /**
          * 选项的值
          */
-        this.thyValue = input();
+        this.thyValue = input(...(ngDevMode ? [undefined, { debugName: "thyValue" }] : []));
         /**
          * 选项的图标
          */
-        this.thyIcon = input();
+        this.thyIcon = input(...(ngDevMode ? [undefined, { debugName: "thyIcon" }] : []));
         /**
          * 是否禁用该选项
          */
-        this.thyDisabled = input(false, { transform: coerceBooleanProperty });
-        this.isOnlyIcon = signal(false);
-        this.isWithText = signal(false);
+        this.thyDisabled = input(false, ...(ngDevMode ? [{ debugName: "thyDisabled", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
+        this.isOnlyIcon = signal(false, ...(ngDevMode ? [{ debugName: "isOnlyIcon" }] : []));
+        this.isWithText = signal(false, ...(ngDevMode ? [{ debugName: "isWithText" }] : []));
         this.destroyRef = inject(DestroyRef);
         const elementRef = this.elementRef;
         const ngZone = this.ngZone;
@@ -75,16 +75,16 @@ class ThySegmentItem {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySegmentItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThySegmentItem, isStandalone: true, selector: "thy-segment-item,[thy-segment-item]", inputs: { thyValue: { classPropertyName: "thyValue", publicName: "thyValue", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.disabled": "thyDisabled()" }, classAttribute: "thy-segment-item" }, ngImport: i0, template: "<div\n  class=\"thy-segment-item-label\"\n  [ngClass]=\"{\n    'thy-segment-item-label-only-icon': isOnlyIcon()\n  }\"\n  >\n  @if (thyIcon()) {\n    <thy-icon class=\"thy-segment-item-icon\" [ngClass]=\"{ 'icon-with-text': isWithText() }\" [thyIconName]=\"thyIcon()\"></thy-icon>\n  }\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySegmentItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThySegmentItem, isStandalone: true, selector: "thy-segment-item,[thy-segment-item]", inputs: { thyValue: { classPropertyName: "thyValue", publicName: "thyValue", isSignal: true, isRequired: false, transformFunction: null }, thyIcon: { classPropertyName: "thyIcon", publicName: "thyIcon", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.disabled": "thyDisabled()" }, classAttribute: "thy-segment-item" }, ngImport: i0, template: "<div\n  class=\"thy-segment-item-label\"\n  [ngClass]=\"{\n    'thy-segment-item-label-only-icon': isOnlyIcon()\n  }\"\n  >\n  @if (thyIcon()) {\n    <thy-icon class=\"thy-segment-item-icon\" [ngClass]=\"{ 'icon-with-text': isWithText() }\" [thyIconName]=\"thyIcon()\"></thy-icon>\n  }\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ThyIcon, selector: "thy-icon, [thy-icon]", inputs: ["thyIconType", "thyTwotoneColor", "thyIconName", "thyIconRotate", "thyIconSet", "thyIconLegging", "thyIconLinearGradient"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySegmentItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySegmentItem, decorators: [{
             type: Component,
             args: [{ selector: 'thy-segment-item,[thy-segment-item]', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'thy-segment-item',
                         '[class.disabled]': 'thyDisabled()'
                     }, imports: [NgClass, ThyIcon], template: "<div\n  class=\"thy-segment-item-label\"\n  [ngClass]=\"{\n    'thy-segment-item-label-only-icon': isOnlyIcon()\n  }\"\n  >\n  @if (thyIcon()) {\n    <thy-icon class=\"thy-segment-item-icon\" [ngClass]=\"{ 'icon-with-text': isWithText() }\" [thyIconName]=\"thyIcon()\"></thy-icon>\n  }\n  <ng-content></ng-content>\n</div>\n" }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { thyValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyValue", required: false }] }], thyIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyIcon", required: false }] }], thyDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDisabled", required: false }] }] } });
 
 /**
  * 分段控制器组件
@@ -97,30 +97,30 @@ class ThySegment {
         /**
          * @internal
          */
-        this.options = contentChildren(ThySegmentItem);
+        this.options = contentChildren(ThySegmentItem, ...(ngDevMode ? [{ debugName: "options" }] : []));
         /**
          * 大小
          * @type xs | sm | md | default
          */
-        this.thySize = input('default');
+        this.thySize = input('default', ...(ngDevMode ? [{ debugName: "thySize" }] : []));
         /**
          * 模式
          * @type block | inline
          */
-        this.thyMode = input('block');
+        this.thyMode = input('block', ...(ngDevMode ? [{ debugName: "thyMode" }] : []));
         /**
          * 是否禁用分段控制器
          */
-        this.thyDisabled = input(false, { transform: coerceBooleanProperty });
+        this.thyDisabled = input(false, ...(ngDevMode ? [{ debugName: "thyDisabled", transform: coerceBooleanProperty }] : [{ transform: coerceBooleanProperty }]));
         /**
          * 选中选项的索引
          */
-        this.thyActiveIndex = input(undefined, { transform: numberAttribute });
+        this.thyActiveIndex = input(undefined, ...(ngDevMode ? [{ debugName: "thyActiveIndex", transform: numberAttribute }] : [{ transform: numberAttribute }]));
         /**
          * 选项被选中的回调事件
          */
         this.thySelectChange = output();
-        this.animationState = signal(null);
+        this.animationState = signal(null, ...(ngDevMode ? [{ debugName: "animationState" }] : []));
         this.transitionedTo = null;
         effect(() => {
             const value = this.thyActiveIndex();
@@ -175,15 +175,15 @@ class ThySegment {
             this.animationState.set(null);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySegment, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: ThySegment, isStandalone: true, selector: "thy-segment", inputs: { thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyMode: { classPropertyName: "thyMode", publicName: "thyMode", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null }, thyActiveIndex: { classPropertyName: "thyActiveIndex", publicName: "thyActiveIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thySelectChange: "thySelectChange" }, host: { properties: { "class.thy-segment-xs": "thySize() === 'xs'", "class.thy-segment-sm": "thySize() === 'sm'", "class.thy-segment-md": "thySize() === 'md'", "class.thy-segment-default": "!thySize() || thySize() === 'default'", "class.thy-segment-block": "thyMode() === 'block'", "class.disabled": "thyDisabled()" }, classAttribute: "thy-segment" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySegment, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: ThySegment, isStandalone: true, selector: "thy-segment", inputs: { thySize: { classPropertyName: "thySize", publicName: "thySize", isSignal: true, isRequired: false, transformFunction: null }, thyMode: { classPropertyName: "thyMode", publicName: "thyMode", isSignal: true, isRequired: false, transformFunction: null }, thyDisabled: { classPropertyName: "thyDisabled", publicName: "thyDisabled", isSignal: true, isRequired: false, transformFunction: null }, thyActiveIndex: { classPropertyName: "thyActiveIndex", publicName: "thyActiveIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { thySelectChange: "thySelectChange" }, host: { properties: { "class.thy-segment-xs": "thySize() === 'xs'", "class.thy-segment-sm": "thySize() === 'sm'", "class.thy-segment-md": "thySize() === 'md'", "class.thy-segment-default": "!thySize() || thySize() === 'default'", "class.thy-segment-block": "thyMode() === 'block'", "class.disabled": "thyDisabled()" }, classAttribute: "thy-segment" }, providers: [
             {
                 provide: THY_SEGMENTED_COMPONENT,
                 useExisting: ThySegment
             }
         ], queries: [{ propertyName: "options", predicate: ThySegmentItem, isSignal: true }], exportAs: ["thySegment"], ngImport: i0, template: "<div class=\"thy-segment-group\">\n  @if (animationState()) {\n    <div\n      class=\"thy-segment-thumb thy-segment-thumb-motion\"\n      [@thumbMotion]=\"animationState()\"\n      (@thumbMotion.done)=\"handleThumbAnimationDone($event)\"\n    ></div>\n  }\n\n  <ng-content></ng-content>\n</div>\n", animations: [thumbMotion], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySegment, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySegment, decorators: [{
             type: Component,
             args: [{ selector: 'thy-segment', exportAs: 'thySegment', animations: [thumbMotion], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -199,7 +199,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '[class.thy-segment-block]': `thyMode() === 'block'`,
                         '[class.disabled]': 'thyDisabled()'
                     }, imports: [], template: "<div class=\"thy-segment-group\">\n  @if (animationState()) {\n    <div\n      class=\"thy-segment-thumb thy-segment-thumb-motion\"\n      [@thumbMotion]=\"animationState()\"\n      (@thumbMotion.done)=\"handleThumbAnimationDone($event)\"\n    ></div>\n  }\n\n  <ng-content></ng-content>\n</div>\n" }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ThySegmentItem), { isSignal: true }] }], thySize: [{ type: i0.Input, args: [{ isSignal: true, alias: "thySize", required: false }] }], thyMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyMode", required: false }] }], thyDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyDisabled", required: false }] }], thyActiveIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "thyActiveIndex", required: false }] }], thySelectChange: [{ type: i0.Output, args: ["thySelectChange"] }] } });
 function getThumbAnimationProps(element) {
     return {
         transform: element.offsetLeft,
@@ -208,11 +208,11 @@ function getThumbAnimationProps(element) {
 }
 
 class ThySegmentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySegmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: ThySegmentModule, imports: [CommonModule, ThyIconModule, ThyTooltipModule, ThySegment, ThySegmentItem], exports: [ThySegment, ThySegmentItem] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySegmentModule, imports: [CommonModule, ThyIconModule, ThyTooltipModule, ThySegmentItem] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySegmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.10", ngImport: i0, type: ThySegmentModule, imports: [CommonModule, ThyIconModule, ThyTooltipModule, ThySegment, ThySegmentItem], exports: [ThySegment, ThySegmentItem] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySegmentModule, imports: [CommonModule, ThyIconModule, ThyTooltipModule, ThySegmentItem] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: ThySegmentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ThySegmentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, ThyIconModule, ThyTooltipModule, ThySegment, ThySegmentItem],

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-segment.mjs","sources":["../../../src/segment/segment.token.ts","../../../src/segment/segment-item.component.ts","../../../src/segment/segment-item.component.html","../../../src/segment/segment.component.ts","../../../src/segment/segment.component.html","../../../src/segment/segment.module.ts","../../../src/segment/ngx-tethys-segment.ts"],"sourcesContent":["import { ElementRef, InjectionToken, InputSignal, InputSignalWithTransform } from '@angular/core';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { ThyBooleanInput } from 'ngx-tethys/util';\n\nexport interface IThySegmentItemComponent {\n    elementRef: ElementRef<HTMLElement>;\n    thyValue: SafeAny;\n    unselect: () => void;\n    select: () => void;\n}\n\nexport interface IThySegmentComponent {\n    thyMode: InputSignal<string>;\n    thyDisabled: InputSignalWithTransform<boolean, ThyBooleanInput> | InputSignal<boolean>;\n    selectedItem: IThySegmentItemComponent;\n    changeSelectedItem: (item: IThySegmentItemComponent, event?: Event) => void;\n}\n\nexport const THY_SEGMENTED_COMPONENT = new InjectionToken<IThySegmentComponent>('THY_SEGMENTED_COMPONENT');\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    ElementRef,\n    NgZone,\n    Renderer2,\n    afterNextRender,\n    inject,\n    input,\n    signal\n} from '@angular/core';\nimport { IThySegmentItemComponent, THY_SEGMENTED_COMPONENT } from './segment.token';\nimport { assertIconOnly, coerceBooleanProperty } from 'ngx-tethys/util';\nimport { fromEvent } from 'rxjs';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgClass } from '@angular/common';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n/**\n * 分段控制器的选项组件\n * @name thy-segment-item,[thy-segment-item]\n */\n@Component({\n    selector: 'thy-segment-item,[thy-segment-item]',\n    templateUrl: './segment-item.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-segment-item',\n        '[class.disabled]': 'thyDisabled()'\n    },\n    imports: [NgClass, ThyIcon]\n})\nexport class ThySegmentItem implements IThySegmentItemComponent {\n    elementRef = inject(ElementRef);\n    private ngZone = inject(NgZone);\n    private renderer = inject(Renderer2);\n    private parent = inject(THY_SEGMENTED_COMPONENT, { optional: true })!;\n\n    /**\n     * 选项的值\n     */\n    readonly thyValue = input<SafeAny>();\n\n    /**\n     * 选项的图标\n     */\n    readonly thyIcon = input<string>();\n\n    /**\n     * 是否禁用该选项\n     */\n    readonly thyDisabled = input(false, { transform: coerceBooleanProperty });\n\n    public isOnlyIcon = signal(false);\n\n    public isWithText = signal(false);\n\n    private destroyRef = inject(DestroyRef);\n\n    constructor() {\n        const elementRef = this.elementRef;\n        const ngZone = this.ngZone;\n\n        ngZone.runOutsideAngular(() =>\n            fromEvent(elementRef.nativeElement, 'click')\n                .pipe(takeUntilDestroyed(this.destroyRef))\n                .subscribe((event: Event) => {\n                    if (\n                        !this.thyDisabled() &&\n                        !this.parent.thyDisabled() &&\n                        this.parent.selectedItem &&\n                        this.parent.selectedItem !== this\n                    ) {\n                        ngZone.run(() => {\n                            this.parent.selectedItem.unselect();\n                            this.parent.changeSelectedItem(this, event);\n                        });\n                    }\n                })\n        );\n\n        afterNextRender(() => {\n            const labelDiv = this.elementRef.nativeElement.children[0];\n            this.isOnlyIcon.set(assertIconOnly(labelDiv) && this.parent.thyMode() === 'inline');\n            this.wrapSpanForText(labelDiv.childNodes);\n        });\n    }\n\n    public select(): void {\n        this.elementRef.nativeElement.classList.add('active');\n    }\n\n    public unselect(): void {\n        this.elementRef.nativeElement.classList.remove('active');\n    }\n\n    private wrapSpanForText(nodes: NodeList): void {\n        nodes.forEach(node => {\n            if (node.nodeName === '#text') {\n                const span = this.renderer.createElement('span');\n                const parent = this.renderer.parentNode(node);\n                this.renderer.insertBefore(parent, span, node);\n                this.renderer.appendChild(span, node);\n            }\n\n            if (node.nodeName === '#text' || node.nodeName === 'SPAN') {\n                this.isWithText.set(true);\n            }\n        });\n    }\n}\n","<div\n  class=\"thy-segment-item-label\"\n  [ngClass]=\"{\n    'thy-segment-item-label-only-icon': isOnlyIcon()\n  }\"\n  >\n  @if (thyIcon()) {\n    <thy-icon class=\"thy-segment-item-icon\" [ngClass]=\"{ 'icon-with-text': isWithText() }\" [thyIconName]=\"thyIcon()\"></thy-icon>\n  }\n  <ng-content></ng-content>\n</div>\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    DestroyRef,\n    ViewEncapsulation,\n    numberAttribute,\n    inject,\n    input,\n    signal,\n    effect,\n    output,\n    contentChildren\n} from '@angular/core';\nimport { ThumbAnimationProps } from 'ngx-tethys/core';\nimport { thumbMotion } from 'ngx-tethys/core';\nimport { ThySegmentItem } from './segment-item.component';\nimport { IThySegmentComponent, THY_SEGMENTED_COMPONENT } from './segment.token';\nimport { ThySegmentEvent } from './types';\nimport { AnimationEvent } from '@angular/animations';\n\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nexport type ThySegmentSize = 'xs' | 'sm' | 'md' | 'default';\n\nexport type ThySegmentMode = 'block' | 'inline';\n\n/**\n * 分段控制器组件\n * @name thy-segment\n */\n@Component({\n    selector: 'thy-segment',\n    templateUrl: './segment.component.html',\n    exportAs: 'thySegment',\n    animations: [thumbMotion],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: THY_SEGMENTED_COMPONENT,\n            useExisting: ThySegment\n        }\n    ],\n    host: {\n        class: 'thy-segment',\n        '[class.thy-segment-xs]': `thySize() === 'xs'`,\n        '[class.thy-segment-sm]': `thySize() === 'sm'`,\n        '[class.thy-segment-md]': `thySize() === 'md'`,\n        '[class.thy-segment-default]': `!thySize() || thySize() === 'default'`,\n        '[class.thy-segment-block]': `thyMode() === 'block'`,\n        '[class.disabled]': 'thyDisabled()'\n    },\n    imports: []\n})\nexport class ThySegment implements IThySegmentComponent {\n    private cdr = inject(ChangeDetectorRef);\n    private destroyRef = inject(DestroyRef);\n\n    /**\n     * @internal\n     */\n    readonly options = contentChildren(ThySegmentItem);\n\n    /**\n     * 大小\n     * @type xs | sm | md | default\n     */\n    readonly thySize = input<ThySegmentSize>('default');\n\n    /**\n     * 模式\n     * @type block | inline\n     */\n    readonly thyMode = input<ThySegmentMode>('block');\n\n    /**\n     * 是否禁用分段控制器\n     */\n    readonly thyDisabled = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 选中选项的索引\n     */\n    readonly thyActiveIndex = input(undefined, { transform: numberAttribute });\n\n    /**\n     * 选项被选中的回调事件\n     */\n    readonly thySelectChange = output<ThySegmentEvent>();\n\n    public selectedItem: ThySegmentItem;\n\n    private newActiveIndex: number;\n\n    private activeIndex: number;\n\n    public animationState = signal<{ value: string; params: ThumbAnimationProps }>(null);\n\n    public transitionedTo: any = null;\n\n    constructor() {\n        effect(() => {\n            const value = this.thyActiveIndex();\n            this.newActiveIndex = value;\n            if (value < 0 || value === this.activeIndex) {\n                return;\n            }\n            setTimeout(() => {\n                const options = this.options();\n                const selectedItem = options?.[this.activeIndex];\n                if (selectedItem) {\n                    selectedItem.unselect();\n                    this.changeSelectedItem(options?.[value]);\n                } else {\n                    this.activeIndex = value;\n                }\n            });\n        });\n\n        effect(() => {\n            const options = this.options();\n            (options || []).forEach(item => {\n                item.unselect();\n            });\n            this.selectedItem = options?.[this.newActiveIndex] || options?.[0];\n            this.selectedItem?.select();\n        });\n    }\n\n    public changeSelectedItem(item: ThySegmentItem, event?: Event): void {\n        const options = this.options();\n        this.animationState.set({\n            value: 'from',\n            params: getThumbAnimationProps(options?.[this.activeIndex || 0]?.elementRef.nativeElement!)\n        });\n        this.selectedItem = null;\n        this.cdr.detectChanges();\n\n        this.animationState.set({\n            value: 'to',\n            params: getThumbAnimationProps(item.elementRef.nativeElement!)\n        });\n        this.transitionedTo = item;\n        this.activeIndex = options.findIndex(option => {\n            return option.thyValue() === item?.thyValue();\n        });\n        this.thySelectChange.emit({ event: event, value: item.thyValue(), activeIndex: this.activeIndex });\n    }\n\n    public handleThumbAnimationDone(event: AnimationEvent): void {\n        if (event.fromState === 'from') {\n            this.selectedItem = this.transitionedTo;\n            this.selectedItem?.select();\n            this.transitionedTo = null;\n            this.animationState.set(null);\n        }\n    }\n}\n\nfunction getThumbAnimationProps(element: HTMLElement): ThumbAnimationProps {\n    return {\n        transform: element.offsetLeft,\n        width: element.clientWidth\n    };\n}\n","<div class=\"thy-segment-group\">\n  @if (animationState()) {\n    <div\n      class=\"thy-segment-thumb thy-segment-thumb-motion\"\n      [@thumbMotion]=\"animationState()\"\n      (@thumbMotion.done)=\"handleThumbAnimationDone($event)\"\n    ></div>\n  }\n\n  <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyTooltipModule } from 'ngx-tethys/tooltip';\nimport { ThySegment } from './segment.component';\nimport { ThySegmentItem } from './segment-item.component';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyTooltipModule, ThySegment, ThySegmentItem],\n    exports: [ThySegment, ThySegmentItem]\n})\nexport class ThySegmentModule {}\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-segment.mjs","sources":["../../../src/segment/segment.token.ts","../../../src/segment/segment-item.component.ts","../../../src/segment/segment-item.component.html","../../../src/segment/segment.component.ts","../../../src/segment/segment.component.html","../../../src/segment/segment.module.ts","../../../src/segment/ngx-tethys-segment.ts"],"sourcesContent":["import { ElementRef, InjectionToken, InputSignal, InputSignalWithTransform } from '@angular/core';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { ThyBooleanInput } from 'ngx-tethys/util';\n\nexport interface IThySegmentItemComponent {\n    elementRef: ElementRef<HTMLElement>;\n    thyValue: SafeAny;\n    unselect: () => void;\n    select: () => void;\n}\n\nexport interface IThySegmentComponent {\n    thyMode: InputSignal<string>;\n    thyDisabled: InputSignalWithTransform<boolean, ThyBooleanInput> | InputSignal<boolean>;\n    selectedItem: IThySegmentItemComponent;\n    changeSelectedItem: (item: IThySegmentItemComponent, event?: Event) => void;\n}\n\nexport const THY_SEGMENTED_COMPONENT = new InjectionToken<IThySegmentComponent>('THY_SEGMENTED_COMPONENT');\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    ElementRef,\n    NgZone,\n    Renderer2,\n    afterNextRender,\n    inject,\n    input,\n    signal\n} from '@angular/core';\nimport { IThySegmentItemComponent, THY_SEGMENTED_COMPONENT } from './segment.token';\nimport { assertIconOnly, coerceBooleanProperty } from 'ngx-tethys/util';\nimport { fromEvent } from 'rxjs';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgClass } from '@angular/common';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n/**\n * 分段控制器的选项组件\n * @name thy-segment-item,[thy-segment-item]\n */\n@Component({\n    selector: 'thy-segment-item,[thy-segment-item]',\n    templateUrl: './segment-item.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'thy-segment-item',\n        '[class.disabled]': 'thyDisabled()'\n    },\n    imports: [NgClass, ThyIcon]\n})\nexport class ThySegmentItem implements IThySegmentItemComponent {\n    elementRef = inject(ElementRef);\n    private ngZone = inject(NgZone);\n    private renderer = inject(Renderer2);\n    private parent = inject(THY_SEGMENTED_COMPONENT, { optional: true })!;\n\n    /**\n     * 选项的值\n     */\n    readonly thyValue = input<SafeAny>();\n\n    /**\n     * 选项的图标\n     */\n    readonly thyIcon = input<string>();\n\n    /**\n     * 是否禁用该选项\n     */\n    readonly thyDisabled = input(false, { transform: coerceBooleanProperty });\n\n    public isOnlyIcon = signal(false);\n\n    public isWithText = signal(false);\n\n    private destroyRef = inject(DestroyRef);\n\n    constructor() {\n        const elementRef = this.elementRef;\n        const ngZone = this.ngZone;\n\n        ngZone.runOutsideAngular(() =>\n            fromEvent(elementRef.nativeElement, 'click')\n                .pipe(takeUntilDestroyed(this.destroyRef))\n                .subscribe((event: Event) => {\n                    if (\n                        !this.thyDisabled() &&\n                        !this.parent.thyDisabled() &&\n                        this.parent.selectedItem &&\n                        this.parent.selectedItem !== this\n                    ) {\n                        ngZone.run(() => {\n                            this.parent.selectedItem.unselect();\n                            this.parent.changeSelectedItem(this, event);\n                        });\n                    }\n                })\n        );\n\n        afterNextRender(() => {\n            const labelDiv = this.elementRef.nativeElement.children[0];\n            this.isOnlyIcon.set(assertIconOnly(labelDiv) && this.parent.thyMode() === 'inline');\n            this.wrapSpanForText(labelDiv.childNodes);\n        });\n    }\n\n    public select(): void {\n        this.elementRef.nativeElement.classList.add('active');\n    }\n\n    public unselect(): void {\n        this.elementRef.nativeElement.classList.remove('active');\n    }\n\n    private wrapSpanForText(nodes: NodeList): void {\n        nodes.forEach(node => {\n            if (node.nodeName === '#text') {\n                const span = this.renderer.createElement('span');\n                const parent = this.renderer.parentNode(node);\n                this.renderer.insertBefore(parent, span, node);\n                this.renderer.appendChild(span, node);\n            }\n\n            if (node.nodeName === '#text' || node.nodeName === 'SPAN') {\n                this.isWithText.set(true);\n            }\n        });\n    }\n}\n","<div\n  class=\"thy-segment-item-label\"\n  [ngClass]=\"{\n    'thy-segment-item-label-only-icon': isOnlyIcon()\n  }\"\n  >\n  @if (thyIcon()) {\n    <thy-icon class=\"thy-segment-item-icon\" [ngClass]=\"{ 'icon-with-text': isWithText() }\" [thyIconName]=\"thyIcon()\"></thy-icon>\n  }\n  <ng-content></ng-content>\n</div>\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    DestroyRef,\n    ViewEncapsulation,\n    numberAttribute,\n    inject,\n    input,\n    signal,\n    effect,\n    output,\n    contentChildren\n} from '@angular/core';\nimport { ThumbAnimationProps } from 'ngx-tethys/core';\nimport { thumbMotion } from 'ngx-tethys/core';\nimport { ThySegmentItem } from './segment-item.component';\nimport { IThySegmentComponent, THY_SEGMENTED_COMPONENT } from './segment.token';\nimport { ThySegmentEvent } from './types';\nimport { AnimationEvent } from '@angular/animations';\n\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nexport type ThySegmentSize = 'xs' | 'sm' | 'md' | 'default';\n\nexport type ThySegmentMode = 'block' | 'inline';\n\n/**\n * 分段控制器组件\n * @name thy-segment\n */\n@Component({\n    selector: 'thy-segment',\n    templateUrl: './segment.component.html',\n    exportAs: 'thySegment',\n    animations: [thumbMotion],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: THY_SEGMENTED_COMPONENT,\n            useExisting: ThySegment\n        }\n    ],\n    host: {\n        class: 'thy-segment',\n        '[class.thy-segment-xs]': `thySize() === 'xs'`,\n        '[class.thy-segment-sm]': `thySize() === 'sm'`,\n        '[class.thy-segment-md]': `thySize() === 'md'`,\n        '[class.thy-segment-default]': `!thySize() || thySize() === 'default'`,\n        '[class.thy-segment-block]': `thyMode() === 'block'`,\n        '[class.disabled]': 'thyDisabled()'\n    },\n    imports: []\n})\nexport class ThySegment implements IThySegmentComponent {\n    private cdr = inject(ChangeDetectorRef);\n    private destroyRef = inject(DestroyRef);\n\n    /**\n     * @internal\n     */\n    readonly options = contentChildren(ThySegmentItem);\n\n    /**\n     * 大小\n     * @type xs | sm | md | default\n     */\n    readonly thySize = input<ThySegmentSize>('default');\n\n    /**\n     * 模式\n     * @type block | inline\n     */\n    readonly thyMode = input<ThySegmentMode>('block');\n\n    /**\n     * 是否禁用分段控制器\n     */\n    readonly thyDisabled = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 选中选项的索引\n     */\n    readonly thyActiveIndex = input(undefined, { transform: numberAttribute });\n\n    /**\n     * 选项被选中的回调事件\n     */\n    readonly thySelectChange = output<ThySegmentEvent>();\n\n    public selectedItem: ThySegmentItem;\n\n    private newActiveIndex: number;\n\n    private activeIndex: number;\n\n    public animationState = signal<{ value: string; params: ThumbAnimationProps }>(null);\n\n    public transitionedTo: any = null;\n\n    constructor() {\n        effect(() => {\n            const value = this.thyActiveIndex();\n            this.newActiveIndex = value;\n            if (value < 0 || value === this.activeIndex) {\n                return;\n            }\n            setTimeout(() => {\n                const options = this.options();\n                const selectedItem = options?.[this.activeIndex];\n                if (selectedItem) {\n                    selectedItem.unselect();\n                    this.changeSelectedItem(options?.[value]);\n                } else {\n                    this.activeIndex = value;\n                }\n            });\n        });\n\n        effect(() => {\n            const options = this.options();\n            (options || []).forEach(item => {\n                item.unselect();\n            });\n            this.selectedItem = options?.[this.newActiveIndex] || options?.[0];\n            this.selectedItem?.select();\n        });\n    }\n\n    public changeSelectedItem(item: ThySegmentItem, event?: Event): void {\n        const options = this.options();\n        this.animationState.set({\n            value: 'from',\n            params: getThumbAnimationProps(options?.[this.activeIndex || 0]?.elementRef.nativeElement!)\n        });\n        this.selectedItem = null;\n        this.cdr.detectChanges();\n\n        this.animationState.set({\n            value: 'to',\n            params: getThumbAnimationProps(item.elementRef.nativeElement!)\n        });\n        this.transitionedTo = item;\n        this.activeIndex = options.findIndex(option => {\n            return option.thyValue() === item?.thyValue();\n        });\n        this.thySelectChange.emit({ event: event, value: item.thyValue(), activeIndex: this.activeIndex });\n    }\n\n    public handleThumbAnimationDone(event: AnimationEvent): void {\n        if (event.fromState === 'from') {\n            this.selectedItem = this.transitionedTo;\n            this.selectedItem?.select();\n            this.transitionedTo = null;\n            this.animationState.set(null);\n        }\n    }\n}\n\nfunction getThumbAnimationProps(element: HTMLElement): ThumbAnimationProps {\n    return {\n        transform: element.offsetLeft,\n        width: element.clientWidth\n    };\n}\n","<div class=\"thy-segment-group\">\n  @if (animationState()) {\n    <div\n      class=\"thy-segment-thumb thy-segment-thumb-motion\"\n      [@thumbMotion]=\"animationState()\"\n      (@thumbMotion.done)=\"handleThumbAnimationDone($event)\"\n    ></div>\n  }\n\n  <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyTooltipModule } from 'ngx-tethys/tooltip';\nimport { ThySegment } from './segment.component';\nimport { ThySegmentItem } from './segment-item.component';\n\n@NgModule({\n    imports: [CommonModule, ThyIconModule, ThyTooltipModule, ThySegment, ThySegmentItem],\n    exports: [ThySegment, ThySegmentItem]\n})\nexport class ThySegmentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}