ngx-tethys 22.0.2 → 22.0.3

package/fesm2022/ngx-tethys-collapse.mjs

@@ -115,8 +115,8 @@ class ThyCollapse {
         this.thyAppearance = input(/* @ts-ignore */
         ...(ngDevMode ? [undefined, { debugName: "thyAppearance" }] : /* istanbul ignore next */ []));
         /**
-         * 折叠面板主题（已废弃），请使用 thyAppearance
-         * @deprecated please use thyAppearance
+         * 折叠面板主题（已废弃，将在 v23 彻底移除），请使用 thyAppearance
+         * @deprecated please use thyAppearance, will be removed in v23
          * @type divided | bordered | ghost
          */
         this.thyTheme = input(/* @ts-ignore */

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-collapse.mjs","sources":["../../../src/collapse/collapse.token.ts","../../../src/collapse/collapse-item.component.ts","../../../src/collapse/collapse-item.component.html","../../../src/collapse/collapse.component.ts","../../../src/collapse/module.ts","../../../src/collapse/ngx-tethys-collapse.ts"],"sourcesContent":["import { InjectionToken, OutputEmitterRef, WritableSignal } from '@angular/core';\n\nexport interface IThyCollapseItemComponent {\n    thyActive: WritableSignal<boolean>;\n    thyActiveChange: OutputEmitterRef<{ active: boolean; event: Event }>;\n    markForCheck: () => void;\n}\n\nexport interface IThyCollapseComponent {\n    addPanel: (value: IThyCollapseItemComponent) => void;\n    removePanel: (value: IThyCollapseItemComponent) => void;\n    click: (collapseItem: IThyCollapseItemComponent, event: Event) => void;\n}\n\nexport const THY_COLLAPSE_COMPONENT = new InjectionToken<IThyCollapseComponent>('THY_COLLAPSE_COMPONENT');\n","import {\n    ChangeDetectorRef,\n    Component,\n    OnDestroy,\n    OnInit,\n    TemplateRef,\n    inject,\n    input,\n    output,\n    computed,\n    model,\n    linkedSignal\n} from '@angular/core';\n\nimport { IThyCollapseItemComponent, THY_COLLAPSE_COMPONENT } from './collapse.token';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { coerceBooleanProperty, isString } from 'ngx-tethys/util';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ThyAnimationCollapseDirective } from 'ngx-tethys/core';\n\nconst DEFAULT_ARROW_ICON = 'angle-right';\n\n/**\n * 折叠面板项组件\n * @name thy-collapse-panel,thy-collapse-item\n * @order 20\n */\n@Component({\n    selector: 'thy-collapse-panel, thy-collapse-item',\n    templateUrl: './collapse-item.component.html',\n    exportAs: 'ThyCollapseComponent',\n    host: {\n        '[class.thy-collapse-item]': 'true',\n        '[class.thy-collapse-no-arrow]': '!showArrow()',\n        '[class.thy-collapse-item-active]': 'thyActive()',\n        '[class.thy-collapse-item-disabled]': 'thyDisabled()'\n    },\n    imports: [NgTemplateOutlet, ThyIcon, ThyAnimationCollapseDirective]\n})\nexport class ThyCollapseItem implements IThyCollapseItemComponent, OnInit, OnDestroy {\n    private cdr = inject(ChangeDetectorRef);\n    private thyCollapseComponent = inject(THY_COLLAPSE_COMPONENT, { host: true })!;\n\n    /**\n     * 标题\n     */\n    readonly thyTitle = input<string>();\n\n    /**\n     * 是否处于激活展开状态\n     */\n    readonly thyActiveInput = input<boolean>(false, { alias: 'thyActive' });\n\n    readonly thyActive = linkedSignal(this.thyActiveInput);\n\n    /**\n     * 是否禁用当前面板\n     */\n    readonly thyDisabled = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 自定义面板头\n     */\n    readonly thyHeaderTemplate = input<TemplateRef<SafeAny>>();\n\n    /**\n     * 自定义箭头(展开收起)图标，设置为 false 表示隐藏图标\n     */\n    thyArrowIcon = model<string | TemplateRef<SafeAny> | boolean>(DEFAULT_ARROW_ICON);\n\n    readonly arrowIconTemplate = computed(() => {\n        const arrowIcon = this.thyArrowIcon();\n        return arrowIcon instanceof TemplateRef ? arrowIcon : null;\n    });\n\n    readonly arrowIcon = computed(() => {\n        const arrowIcon = this.thyArrowIcon();\n        return isString(arrowIcon) ? arrowIcon : DEFAULT_ARROW_ICON;\n    });\n\n    readonly showArrow = computed(() => {\n        const arrowIcon = this.thyArrowIcon();\n        if (!(arrowIcon instanceof TemplateRef) && !isString(arrowIcon)) {\n            return this.thyArrowIcon();\n        }\n        return true;\n    });\n\n    /**\n     * 额外附加模板\n     */\n    readonly thyExtra = input<TemplateRef<SafeAny>>();\n\n    /**\n     * 展开收起事件\n     */\n    readonly thyActiveChange = output<{ active: boolean; event: Event }>();\n\n    ngOnInit() {\n        this.thyCollapseComponent.addPanel(this);\n    }\n\n    markForCheck(): void {\n        this.cdr.markForCheck();\n    }\n\n    activeChange(event: Event) {\n        if (!this.thyDisabled()) {\n            this.thyCollapseComponent.click(this, event);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.thyCollapseComponent.removePanel(this);\n    }\n}\n","<div class=\"thy-collapse-header\" (click)=\"activeChange($event)\">\n  @if (showArrow()) {\n    @if (arrowIconTemplate()) {\n      <ng-template [ngTemplateOutlet]=\"arrowIconTemplate()\"></ng-template>\n    } @else {\n      <thy-icon [thyIconName]=\"arrowIcon() || 'angle-right'\" class=\"thy-collapse-icon\" [thyIconRotate]=\"thyActive() ? -90 : 0\"></thy-icon>\n    }\n  }\n\n  @if (thyHeaderTemplate()) {\n    <ng-template [ngTemplateOutlet]=\"thyHeaderTemplate()\"></ng-template>\n  } @else {\n    <ng-container>\n      <span class=\"d-flex thy-collapse-title\">{{ thyTitle() }}</span></ng-container\n    >\n  }\n\n  @if (thyExtra()) {\n    <div class=\"thy-collapse-extra\">\n      <ng-template [ngTemplateOutlet]=\"thyExtra()\"></ng-template>\n    </div>\n  }\n</div>\n<div class=\"thy-collapse-content\" thyAnimationCollapse [thyOpen]=\"thyActive()\" [thyLeavedClassName]=\"'thy-collapse-content-leaved'\">\n  <div class=\"thy-collapse-content-box\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","import { Component, computed, input } from '@angular/core';\nimport { IThyCollapseItemComponent, IThyCollapseComponent, THY_COLLAPSE_COMPONENT } from './collapse.token';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nexport type ThyCollapseAppearance = 'divided' | 'bordered' | 'ghost';\n\n/**\n * @deprecated please use ThyCollapseAppearance\n */\nexport type ThyCollapseTheme = ThyCollapseAppearance;\n\nexport type ThyCollapsedIconPosition = 'left' | 'right';\n\n/**\n * 折叠面板组件\n * @name thy-collapse\n * @order 10\n */\n@Component({\n    selector: 'thy-collapse',\n    template: `\n        <ng-container>\n            <ng-content></ng-content>\n        </ng-container>\n    `,\n    host: {\n        class: 'thy-collapse',\n        '[class.thy-collapse-divided]': `appearance() === 'divided'`,\n        '[class.thy-collapse-bordered]': `appearance() === 'bordered'`,\n        '[class.thy-collapse-ghost]': `appearance() === 'ghost'`,\n        '[class.thy-collapse-icon-position-right]': `thyArrowIconPosition() === 'right'`,\n        '[class.thy-collapse-icon-position-left]': `thyArrowIconPosition() === 'left'`\n    },\n    providers: [\n        {\n            provide: THY_COLLAPSE_COMPONENT,\n            useExisting: ThyCollapse\n        }\n    ]\n})\nexport class ThyCollapse implements IThyCollapseComponent {\n    /**\n     * 折叠面板外观，支持 `divided` | `bordered` | `ghost`\n     * @type divided | bordered | ghost\n     * @default divided\n     */\n    readonly thyAppearance = input<ThyCollapseAppearance>();\n\n    /**\n     * 折叠面板主题（已废弃），请使用 thyAppearance\n     * @deprecated please use thyAppearance\n     * @type divided | bordered | ghost\n     */\n    readonly thyTheme = input<ThyCollapseAppearance>();\n\n    readonly appearance = computed(() => this.thyAppearance() || this.thyTheme() || 'divided');\n\n    /**\n     * 是否为手风琴模式，手风琴模式下，只能展开一个面板\n     */\n    readonly thyAccordion = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 展开收起图标的位置，支持 `left` | `right`\n     */\n    readonly thyArrowIconPosition = input<ThyCollapsedIconPosition>('left');\n\n    private listOfCollapsePanelComponent: IThyCollapseItemComponent[] = [];\n\n    addPanel(value: IThyCollapseItemComponent): void {\n        this.listOfCollapsePanelComponent.push(value);\n    }\n\n    removePanel(value: IThyCollapseItemComponent): void {\n        this.listOfCollapsePanelComponent.splice(this.listOfCollapsePanelComponent.indexOf(value), 1);\n    }\n\n    click(collapseItem: IThyCollapseItemComponent, event: Event): void {\n        if (this.thyAccordion() && !collapseItem.thyActive()) {\n            this.listOfCollapsePanelComponent\n                .filter(item => item !== collapseItem)\n                .forEach(item => {\n                    if (item.thyActive()) {\n                        item.thyActive.set(false);\n                        item.thyActiveChange.emit({ active: collapseItem.thyActive(), event });\n                        item.markForCheck();\n                    }\n                });\n        }\n        collapseItem.thyActive.set(!collapseItem.thyActive());\n        collapseItem.thyActiveChange.emit({ active: collapseItem.thyActive(), event });\n    }\n}\n","import { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyInputModule } from 'ngx-tethys/input';\n\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { ThyCollapseItem } from './collapse-item.component';\nimport { ThyCollapse } from './collapse.component';\n\n@NgModule({\n    imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapse, ThyCollapseItem],\n    exports: [ThyCollapse, ThyCollapseItem]\n})\nexport class ThyCollapseModule {}\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-collapse.mjs","sources":["../../../src/collapse/collapse.token.ts","../../../src/collapse/collapse-item.component.ts","../../../src/collapse/collapse-item.component.html","../../../src/collapse/collapse.component.ts","../../../src/collapse/module.ts","../../../src/collapse/ngx-tethys-collapse.ts"],"sourcesContent":["import { InjectionToken, OutputEmitterRef, WritableSignal } from '@angular/core';\n\nexport interface IThyCollapseItemComponent {\n    thyActive: WritableSignal<boolean>;\n    thyActiveChange: OutputEmitterRef<{ active: boolean; event: Event }>;\n    markForCheck: () => void;\n}\n\nexport interface IThyCollapseComponent {\n    addPanel: (value: IThyCollapseItemComponent) => void;\n    removePanel: (value: IThyCollapseItemComponent) => void;\n    click: (collapseItem: IThyCollapseItemComponent, event: Event) => void;\n}\n\nexport const THY_COLLAPSE_COMPONENT = new InjectionToken<IThyCollapseComponent>('THY_COLLAPSE_COMPONENT');\n","import {\n    ChangeDetectorRef,\n    Component,\n    OnDestroy,\n    OnInit,\n    TemplateRef,\n    inject,\n    input,\n    output,\n    computed,\n    model,\n    linkedSignal\n} from '@angular/core';\n\nimport { IThyCollapseItemComponent, THY_COLLAPSE_COMPONENT } from './collapse.token';\nimport { SafeAny } from 'ngx-tethys/types';\nimport { coerceBooleanProperty, isString } from 'ngx-tethys/util';\nimport { ThyIcon } from 'ngx-tethys/icon';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ThyAnimationCollapseDirective } from 'ngx-tethys/core';\n\nconst DEFAULT_ARROW_ICON = 'angle-right';\n\n/**\n * 折叠面板项组件\n * @name thy-collapse-panel,thy-collapse-item\n * @order 20\n */\n@Component({\n    selector: 'thy-collapse-panel, thy-collapse-item',\n    templateUrl: './collapse-item.component.html',\n    exportAs: 'ThyCollapseComponent',\n    host: {\n        '[class.thy-collapse-item]': 'true',\n        '[class.thy-collapse-no-arrow]': '!showArrow()',\n        '[class.thy-collapse-item-active]': 'thyActive()',\n        '[class.thy-collapse-item-disabled]': 'thyDisabled()'\n    },\n    imports: [NgTemplateOutlet, ThyIcon, ThyAnimationCollapseDirective]\n})\nexport class ThyCollapseItem implements IThyCollapseItemComponent, OnInit, OnDestroy {\n    private cdr = inject(ChangeDetectorRef);\n    private thyCollapseComponent = inject(THY_COLLAPSE_COMPONENT, { host: true })!;\n\n    /**\n     * 标题\n     */\n    readonly thyTitle = input<string>();\n\n    /**\n     * 是否处于激活展开状态\n     */\n    readonly thyActiveInput = input<boolean>(false, { alias: 'thyActive' });\n\n    readonly thyActive = linkedSignal(this.thyActiveInput);\n\n    /**\n     * 是否禁用当前面板\n     */\n    readonly thyDisabled = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 自定义面板头\n     */\n    readonly thyHeaderTemplate = input<TemplateRef<SafeAny>>();\n\n    /**\n     * 自定义箭头(展开收起)图标，设置为 false 表示隐藏图标\n     */\n    thyArrowIcon = model<string | TemplateRef<SafeAny> | boolean>(DEFAULT_ARROW_ICON);\n\n    readonly arrowIconTemplate = computed(() => {\n        const arrowIcon = this.thyArrowIcon();\n        return arrowIcon instanceof TemplateRef ? arrowIcon : null;\n    });\n\n    readonly arrowIcon = computed(() => {\n        const arrowIcon = this.thyArrowIcon();\n        return isString(arrowIcon) ? arrowIcon : DEFAULT_ARROW_ICON;\n    });\n\n    readonly showArrow = computed(() => {\n        const arrowIcon = this.thyArrowIcon();\n        if (!(arrowIcon instanceof TemplateRef) && !isString(arrowIcon)) {\n            return this.thyArrowIcon();\n        }\n        return true;\n    });\n\n    /**\n     * 额外附加模板\n     */\n    readonly thyExtra = input<TemplateRef<SafeAny>>();\n\n    /**\n     * 展开收起事件\n     */\n    readonly thyActiveChange = output<{ active: boolean; event: Event }>();\n\n    ngOnInit() {\n        this.thyCollapseComponent.addPanel(this);\n    }\n\n    markForCheck(): void {\n        this.cdr.markForCheck();\n    }\n\n    activeChange(event: Event) {\n        if (!this.thyDisabled()) {\n            this.thyCollapseComponent.click(this, event);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.thyCollapseComponent.removePanel(this);\n    }\n}\n","<div class=\"thy-collapse-header\" (click)=\"activeChange($event)\">\n  @if (showArrow()) {\n    @if (arrowIconTemplate()) {\n      <ng-template [ngTemplateOutlet]=\"arrowIconTemplate()\"></ng-template>\n    } @else {\n      <thy-icon [thyIconName]=\"arrowIcon() || 'angle-right'\" class=\"thy-collapse-icon\" [thyIconRotate]=\"thyActive() ? -90 : 0\"></thy-icon>\n    }\n  }\n\n  @if (thyHeaderTemplate()) {\n    <ng-template [ngTemplateOutlet]=\"thyHeaderTemplate()\"></ng-template>\n  } @else {\n    <ng-container>\n      <span class=\"d-flex thy-collapse-title\">{{ thyTitle() }}</span></ng-container\n    >\n  }\n\n  @if (thyExtra()) {\n    <div class=\"thy-collapse-extra\">\n      <ng-template [ngTemplateOutlet]=\"thyExtra()\"></ng-template>\n    </div>\n  }\n</div>\n<div class=\"thy-collapse-content\" thyAnimationCollapse [thyOpen]=\"thyActive()\" [thyLeavedClassName]=\"'thy-collapse-content-leaved'\">\n  <div class=\"thy-collapse-content-box\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","import { Component, computed, input } from '@angular/core';\nimport { IThyCollapseItemComponent, IThyCollapseComponent, THY_COLLAPSE_COMPONENT } from './collapse.token';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\n\nexport type ThyCollapseAppearance = 'divided' | 'bordered' | 'ghost';\n\n/**\n * @deprecated please use ThyCollapseAppearance，will be removed in v23\n */\nexport type ThyCollapseTheme = ThyCollapseAppearance;\n\nexport type ThyCollapsedIconPosition = 'left' | 'right';\n\n/**\n * 折叠面板组件\n * @name thy-collapse\n * @order 10\n */\n@Component({\n    selector: 'thy-collapse',\n    template: `\n        <ng-container>\n            <ng-content></ng-content>\n        </ng-container>\n    `,\n    host: {\n        class: 'thy-collapse',\n        '[class.thy-collapse-divided]': `appearance() === 'divided'`,\n        '[class.thy-collapse-bordered]': `appearance() === 'bordered'`,\n        '[class.thy-collapse-ghost]': `appearance() === 'ghost'`,\n        '[class.thy-collapse-icon-position-right]': `thyArrowIconPosition() === 'right'`,\n        '[class.thy-collapse-icon-position-left]': `thyArrowIconPosition() === 'left'`\n    },\n    providers: [\n        {\n            provide: THY_COLLAPSE_COMPONENT,\n            useExisting: ThyCollapse\n        }\n    ]\n})\nexport class ThyCollapse implements IThyCollapseComponent {\n    /**\n     * 折叠面板外观，支持 `divided` | `bordered` | `ghost`\n     * @type divided | bordered | ghost\n     * @default divided\n     */\n    readonly thyAppearance = input<ThyCollapseAppearance>();\n\n    /**\n     * 折叠面板主题（已废弃，将在 v23 彻底移除），请使用 thyAppearance\n     * @deprecated please use thyAppearance, will be removed in v23\n     * @type divided | bordered | ghost\n     */\n    readonly thyTheme = input<ThyCollapseAppearance>();\n\n    readonly appearance = computed(() => this.thyAppearance() || this.thyTheme() || 'divided');\n\n    /**\n     * 是否为手风琴模式，手风琴模式下，只能展开一个面板\n     */\n    readonly thyAccordion = input(false, { transform: coerceBooleanProperty });\n\n    /**\n     * 展开收起图标的位置，支持 `left` | `right`\n     */\n    readonly thyArrowIconPosition = input<ThyCollapsedIconPosition>('left');\n\n    private listOfCollapsePanelComponent: IThyCollapseItemComponent[] = [];\n\n    addPanel(value: IThyCollapseItemComponent): void {\n        this.listOfCollapsePanelComponent.push(value);\n    }\n\n    removePanel(value: IThyCollapseItemComponent): void {\n        this.listOfCollapsePanelComponent.splice(this.listOfCollapsePanelComponent.indexOf(value), 1);\n    }\n\n    click(collapseItem: IThyCollapseItemComponent, event: Event): void {\n        if (this.thyAccordion() && !collapseItem.thyActive()) {\n            this.listOfCollapsePanelComponent\n                .filter(item => item !== collapseItem)\n                .forEach(item => {\n                    if (item.thyActive()) {\n                        item.thyActive.set(false);\n                        item.thyActiveChange.emit({ active: collapseItem.thyActive(), event });\n                        item.markForCheck();\n                    }\n                });\n        }\n        collapseItem.thyActive.set(!collapseItem.thyActive());\n        collapseItem.thyActiveChange.emit({ active: collapseItem.thyActive(), event });\n    }\n}\n","import { ThyIconModule } from 'ngx-tethys/icon';\nimport { ThyInputModule } from 'ngx-tethys/input';\n\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { ThyCollapseItem } from './collapse-item.component';\nimport { ThyCollapse } from './collapse.component';\n\n@NgModule({\n    imports: [CommonModule, FormsModule, OverlayModule, ThyInputModule, ThyIconModule, ThyCollapse, ThyCollapseItem],\n    exports: [ThyCollapse, ThyCollapseItem]\n})\nexport class ThyCollapseModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys-color-picker.mjs

@@ -720,7 +720,7 @@ class ThyColorInputs {
         this.colorChange.emit(newColor);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ThyColorInputs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: ThyColorInputs, isStandalone: true, selector: "thy-color-inputs", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-color-inputs": "this.className" } }, ngImport: i0, template: "<div class=\"hex-column\">\n  <thy-input-group class=\"hex-input-group\">\n    <ng-template #prefix>\n      <span>#</span>\n    </ng-template>\n    <input\n      class=\"px-0 form-control-xs\"\n      thyInput\n      [(ngModel)]=\"hex\"\n      [ngModelOptions]=\"{ standalone: true }\"\n      maxlength=\"6\"\n      (blur)=\"onInputChange($event, 'hex')\"\n      (thyEnter)=\"onInputChange($event, 'hex')\" />\n  </thy-input-group>\n  <span>HEX</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color().rgba.red\"\n    [ngModelOptions]=\"{ standalone: true }\"\n    (thyBlur)=\"onInputChange($event, 'R')\"\n    (thyEnter)=\"onInputChange($event, 'R')\"></thy-input-number>\n  <span>R</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color().rgba.green\"\n    [ngModelOptions]=\"{ standalone: true }\"\n    (thyBlur)=\"onInputChange($event, 'G')\"\n    (thyEnter)=\"onInputChange($event, 'G')\"></thy-input-number>\n  <span>G</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color().rgba.blue\"\n    [ngModelOptions]=\"{ standalone: true }\"\n    (thyBlur)=\"onInputChange($event, 'B')\"\n    (thyEnter)=\"onInputChange($event, 'B')\"></thy-input-number>\n  <span>B</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    [thyMin]=\"0\"\n    [thyMax]=\"100\"\n    thySize=\"xs\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"alpha\"\n    [ngModelOptions]=\"{ standalone: true }\"\n    (thyBlur)=\"onInputChange($event, 'A')\"\n    (thyEnter)=\"onInputChange($event, 'A')\"></thy-input-number>\n  <span>A</span>\n</div>\n", dependencies: [{ kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize"], exportAs: ["thyInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "component", type: ThyInputNumber, selector: "thy-input-number", inputs: ["thyAutoFocus", "thyPlaceholder", "thyDisabled", "thyMax", "thyMin", "thyStep", "thyShowStepControls", "thyStepDelay", "thySize", "thyPrecision", "thySuffix"], outputs: ["thyBlur", "thyFocus", "thyStepChange"] }, { kind: "component", type: ThyInputGroup, selector: "thy-input-group", inputs: ["thyAppendText", "thyAppendTextTranslateKey", "thyPrependText", "thyPrependTextTranslateKey", "thySize"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: ThyColorInputs, isStandalone: true, selector: "thy-color-inputs", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { colorChange: "colorChange" }, host: { properties: { "class.thy-color-inputs": "this.className" } }, ngImport: i0, template: "<div class=\"hex-column\">\n  <thy-input-group class=\"hex-input-group\">\n    <ng-template #prefix>\n      <span>#</span>\n    </ng-template>\n    <input\n      class=\"px-0 form-control-xs\"\n      thyInput\n      [(ngModel)]=\"hex\"\n      [ngModelOptions]=\"{ standalone: true }\"\n      maxlength=\"6\"\n      (blur)=\"onInputChange($event, 'hex')\"\n      (thyEnter)=\"onInputChange($event, 'hex')\" />\n  </thy-input-group>\n  <span>HEX</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color().rgba.red\"\n    [ngModelOptions]=\"{ standalone: true }\"\n    (thyBlur)=\"onInputChange($event, 'R')\"\n    (thyEnter)=\"onInputChange($event, 'R')\"></thy-input-number>\n  <span>R</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color().rgba.green\"\n    [ngModelOptions]=\"{ standalone: true }\"\n    (thyBlur)=\"onInputChange($event, 'G')\"\n    (thyEnter)=\"onInputChange($event, 'G')\"></thy-input-number>\n  <span>G</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    thySize=\"xs\"\n    [thyMin]=\"0\"\n    [thyMax]=\"255\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"color().rgba.blue\"\n    [ngModelOptions]=\"{ standalone: true }\"\n    (thyBlur)=\"onInputChange($event, 'B')\"\n    (thyEnter)=\"onInputChange($event, 'B')\"></thy-input-number>\n  <span>B</span>\n</div>\n<div class=\"column\">\n  <thy-input-number\n    [thyMin]=\"0\"\n    [thyMax]=\"100\"\n    thySize=\"xs\"\n    class=\"px-0 text-center\"\n    [(ngModel)]=\"alpha\"\n    [ngModelOptions]=\"{ standalone: true }\"\n    (thyBlur)=\"onInputChange($event, 'A')\"\n    (thyEnter)=\"onInputChange($event, 'A')\"></thy-input-number>\n  <span>A</span>\n</div>\n", dependencies: [{ kind: "directive", type: ThyInputDirective, selector: "input[thyInput], select[thyInput], textarea[thyInput]", inputs: ["thySize", "thyAppearance"], exportAs: ["thyInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ThyEnterDirective, selector: "[thyEnter]", outputs: ["thyEnter"] }, { kind: "component", type: ThyInputNumber, selector: "thy-input-number", inputs: ["thyAutoFocus", "thyPlaceholder", "thyDisabled", "thyMax", "thyMin", "thyStep", "thyShowStepControls", "thyStepDelay", "thySize", "thyAppearance", "thyPrecision", "thySuffix"], outputs: ["thyBlur", "thyFocus", "thyStepChange"] }, { kind: "component", type: ThyInputGroup, selector: "thy-input-group", inputs: ["thyAppendText", "thyAppendTextTranslateKey", "thyPrependText", "thyPrependTextTranslateKey", "thySize"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ThyColorInputs, decorators: [{
             type: Component,