cmat 0.0.87 → 0.0.88

package/fesm2022/cmat-components-knob-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-knob-input.mjs","sources":["../../../projects/cmat/components/knob-input/knob-input.component.ts","../../../projects/cmat/components/knob-input/knob-input.component.html","../../../projects/cmat/components/knob-input/cmat-components-knob-input.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/member-ordering */\r\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { NgStyle } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, OnDestroy, Output, Renderer2, ViewChild, ViewEncapsulation, DOCUMENT, inject, signal } from '@angular/core';\r\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { isNil } from 'lodash-es';\r\nimport { Subject } from 'rxjs';\r\n\r\nlet NEXT_ID = 0;\r\n\r\n@Component({\r\n    selector: 'cmat-knob-input',\r\n    templateUrl: './knob-input.component.html',\r\n    styleUrls: ['./knob-input.component.scss'],\r\n    providers: [\r\n        { provide: MatFormFieldControl, useExisting: CmatKnobInputComponent }\r\n    ],\r\n    exportAs: 'cmatKnobInput',\r\n    imports: [NgStyle],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CmatKnobInputComponent implements MatFormFieldControl<any>, OnDestroy, ControlValueAccessor {\r\n    @ViewChild('knob', { static: false }) private _knobElementRef: ElementRef<HTMLDivElement>;\r\n\r\n    @HostBinding('attr.id')\r\n    @Input()\r\n    public id = `cmat-knob-input-${NEXT_ID++}`;\r\n\r\n    @Input() valueColor: string = 'var(--cmat-primary)';\r\n\r\n    @Input() rangeColor: string = 'var(--cmat-border)';\r\n\r\n    @Input() textColor: string = 'var(--cmat-text-default)';\r\n    @Input() valueTemplate: string = '{value}';\r\n    @Input() name: string | undefined;\r\n\r\n    @Input() size: number = 100;\r\n    @Input() step: number = 1;\r\n    @Input() min: number = 0;\r\n    @Input() max: number = 100;\r\n    @Input() strokeWidth: number = 14;\r\n    @Input() showValue: boolean = true;\r\n\r\n    @Output() valueChange: EventEmitter<number | null> = new EventEmitter<number | null>();\r\n\r\n    radius: number = 40;\r\n\r\n    midX: number = 50;\r\n\r\n    midY: number = 50;\r\n\r\n    minRadians: number = (4 * Math.PI) / 3;\r\n\r\n    maxRadians: number = -Math.PI / 3;\r\n\r\n    windowMouseMoveListener: VoidFunction | null;\r\n\r\n    windowMouseUpListener: VoidFunction | null;\r\n\r\n    windowTouchMoveListener: VoidFunction | null;\r\n\r\n    windowTouchEndListener: VoidFunction | null;\r\n\r\n    readonly stateChanges: Subject<void> = new Subject<void>();\r\n    focused: boolean = false;\r\n    touched: boolean = false;\r\n    readonly refreshVersion = signal(0);\r\n\r\n    ngControl = inject(NgControl, { optional: true, self: true })!;\r\n    private _document = inject<Document>(DOCUMENT);\r\n    private _renderer = inject(Renderer2);\r\n    private _el = inject<ElementRef<HTMLElement>>(ElementRef);\r\n\r\n    constructor() {\r\n        if (this.ngControl != null) {\r\n            this.ngControl.valueAccessor = this;\r\n        }\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this.stateChanges.complete();\r\n    }\r\n\r\n    @Input()\r\n    get placeholder(): string {\r\n        return this._placeholder;\r\n    }\r\n    set placeholder(value: string) {\r\n        this._placeholder = value;\r\n        this.stateChanges.next();\r\n    }\r\n    private _placeholder: string = '';\r\n\r\n    @Input()\r\n    get value(): number {\r\n        return this._value ?? this.min;\r\n    }\r\n    set value(value: number) {\r\n        if (value !== this.value) {\r\n            this._value = value;\r\n\r\n            this.stateChanges.next();\r\n\r\n            this._onModelChange(value);\r\n        }\r\n    }\r\n    protected _value: number | null;\r\n\r\n    get empty(): boolean {\r\n        return !this._value;\r\n    }\r\n\r\n    get errorState(): boolean {\r\n        if (this.ngControl == null)\r\n            return false;\r\n\r\n        return (this.touched && this.ngControl?.invalid) ?? false;\r\n    }\r\n\r\n    get shouldLabelFloat(): boolean {\r\n        return this.focused || !this.empty;\r\n    }\r\n\r\n    @Input()\r\n    get required(): boolean { return this._required; }\r\n    set required(value: boolean) {\r\n        this._required = coerceBooleanProperty(value);\r\n        this.stateChanges.next();\r\n    }\r\n    protected _required = false;\r\n\r\n    @Input()\r\n    get disabled(): boolean {\r\n        if (!isNil(this.ngControl?.disabled)) {\r\n            return this.ngControl.disabled;\r\n        }\r\n        return this._disabled;\r\n    }\r\n    set disabled(value: BooleanInput) {\r\n        this._disabled = coerceBooleanProperty(value);\r\n\r\n        if (this.focused) {\r\n            this.focused = false;\r\n            this.stateChanges.next();\r\n        }\r\n    }\r\n    protected _disabled = false;\r\n\r\n    @HostListener('keydown', ['$event'])\r\n    onKeyDown(event: Event): void {\r\n        const keyboardEvent = event as KeyboardEvent;\r\n\r\n        if (!this.disabled) {\r\n            switch (keyboardEvent.code) {\r\n                case 'Enter':\r\n                case 'Space': {\r\n                    keyboardEvent.preventDefault();\r\n                    break;\r\n                }\r\n                case 'ArrowRight':\r\n                case 'ArrowUp': {\r\n                    keyboardEvent.preventDefault();\r\n                    this.updateModelValue(this.value + 1);\r\n                    break;\r\n                }\r\n                case 'ArrowLeft':\r\n                case 'ArrowDown': {\r\n                    keyboardEvent.preventDefault();\r\n                    this.updateModelValue(this.value - 1);\r\n                    break;\r\n                }\r\n                case 'Home': {\r\n                    keyboardEvent.preventDefault();\r\n                    this.updateModelValue(this.min);\r\n                    break;\r\n                }\r\n                case 'End': {\r\n                    keyboardEvent.preventDefault();\r\n                    this.updateModelValue(this.max);\r\n                    break;\r\n                }\r\n                case 'PageUp': {\r\n                    keyboardEvent.preventDefault();\r\n                    this.updateModelValue(this.value + 10);\r\n                    break;\r\n                }\r\n                case 'PageDown': {\r\n                    keyboardEvent.preventDefault();\r\n                    this.updateModelValue(this.value - 10);\r\n                    break;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    @HostListener('mousedown', ['$event'])\r\n    onMouseDown(event: MouseEvent): void {\r\n        if (!this.disabled) {\r\n            const window = this._document.defaultView ?? 'window';\r\n            this.windowMouseMoveListener = this._renderer.listen(window, 'mousemove', this.onMouseMove.bind(this));\r\n            this.windowMouseUpListener = this._renderer.listen(window, 'mouseup', this.onMouseUp.bind(this));\r\n            event.preventDefault();\r\n        }\r\n    }\r\n\r\n    @HostListener('mouseup', ['$event'])\r\n    onMouseUp(event: MouseEvent): void {\r\n        if (!this.disabled) {\r\n            if (this.windowMouseMoveListener) {\r\n                this.windowMouseMoveListener();\r\n                this.windowMouseUpListener = null;\r\n            }\r\n\r\n            if (this.windowMouseUpListener) {\r\n                this.windowMouseUpListener();\r\n                this.windowMouseMoveListener = null;\r\n            }\r\n            event.preventDefault();\r\n        }\r\n    }\r\n\r\n    @HostListener('touchstart', ['$event'])\r\n    onTouchStart(event: TouchEvent): void {\r\n        if (!this.disabled) {\r\n            const window = this._document.defaultView ?? 'window';\r\n            this.windowTouchMoveListener = this._renderer.listen(window, 'touchmove', this.onTouchMove.bind(this));\r\n            this.windowTouchEndListener = this._renderer.listen(window, 'touchend', this.onTouchEnd.bind(this));\r\n            event.preventDefault();\r\n        }\r\n    }\r\n\r\n    @HostListener('touchend', ['$event'])\r\n    onTouchEnd(event: TouchEvent): void {\r\n        if (!this.disabled) {\r\n            if (this.windowTouchMoveListener) {\r\n                this.windowTouchMoveListener();\r\n            }\r\n            if (this.windowTouchEndListener) {\r\n                this.windowTouchEndListener();\r\n            }\r\n            this.windowTouchMoveListener = null;\r\n            this.windowTouchEndListener = null;\r\n            event.preventDefault();\r\n        }\r\n    }\r\n\r\n    mapRange(x: number, inMin: number, inMax: number, outMin: number, outMax: number): number {\r\n        return ((x - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;\r\n    }\r\n\r\n    onClick(event: MouseEvent): void {\r\n        if (!this.disabled) {\r\n            this.updateValue(event.offsetX, event.offsetY);\r\n        }\r\n    }\r\n\r\n    onFocusIn(): void {\r\n        if (!this.focused) {\r\n            this.focused = true;\r\n            this.stateChanges.next();\r\n        }\r\n    }\r\n\r\n    onFocusOut(event: FocusEvent): void {\r\n        if (!this._knobElementRef.nativeElement.contains(event.relatedTarget as Element)) {\r\n            this.touched = true;\r\n            this.focused = false;\r\n            this._onTouchedChange();\r\n            this.stateChanges.next();\r\n        }\r\n    }\r\n\r\n    setDescribedByIds(ids: string[]): void {\r\n        if (ids.length) {\r\n            this._knobElementRef?.nativeElement.setAttribute('aria-describedby', ids.join(' '));\r\n        } else {\r\n            this._knobElementRef?.nativeElement.removeAttribute('aria-describedby');\r\n        }\r\n    }\r\n\r\n    onContainerClick(): void {\r\n        if (!this.focused) {\r\n            this._knobElementRef.nativeElement.focus();\r\n        }\r\n    }\r\n\r\n    updateValue(offsetX: number, offsetY: number): void {\r\n        let dx = offsetX - this.size / 2;\r\n        let dy = this.size / 2 - offsetY;\r\n        let angle = Math.atan2(dy, dx);\r\n        let start = -Math.PI / 2 - Math.PI / 6;\r\n        this.updateModel(angle, start);\r\n    }\r\n\r\n    updateModel(angle: number, start: number): void {\r\n        let mappedValue;\r\n        if (angle > this.maxRadians) mappedValue = this.mapRange(angle, this.minRadians, this.maxRadians, this.min, this.max);\r\n        else if (angle < start) mappedValue = this.mapRange(angle + 2 * Math.PI, this.minRadians, this.maxRadians, this.min, this.max);\r\n        else return;\r\n\r\n        let newValue = Math.round((mappedValue - this.min) / this.step) * this.step + this.min;\r\n        this.value = newValue;\r\n\r\n        this._onModelChange(this.value);\r\n        this.valueChange.emit(this.value);\r\n    }\r\n\r\n    onMouseMove(event: MouseEvent): void {\r\n        if (!this.disabled) {\r\n            this.updateValue(event.offsetX, event.offsetY);\r\n            event.preventDefault();\r\n\r\n            this.refreshVersion.update(value => value + 1);\r\n        }\r\n    }\r\n\r\n    onTouchMove(event: Event): void {\r\n        if (!this.disabled && event instanceof TouchEvent && event.touches.length === 1) {\r\n            const rect = this._el.nativeElement.firstElementChild?.getBoundingClientRect();\r\n            const touch = event.targetTouches.item(0);\r\n            if (touch && rect) {\r\n                const offsetX = touch.clientX - rect.left;\r\n                const offsetY = touch.clientY - rect.top;\r\n                this.updateValue(offsetX, offsetY);\r\n\r\n                this.refreshVersion.update(value => value + 1);\r\n            }\r\n        }\r\n    }\r\n\r\n    updateModelValue(newValue: number): void {\r\n        if (newValue > this.max) this.value = this.max;\r\n        else if (newValue < this.min) this.value = this.min;\r\n        else this.value = newValue;\r\n\r\n        this._onModelChange(this.value);\r\n        this.valueChange.emit(this.value);\r\n    }\r\n\r\n\r\n\r\n    writeValue(value: number | null): void {\r\n        this.value = value ?? this.min;\r\n        this.refreshVersion.update(value => value + 1);\r\n    }\r\n\r\n    registerOnChange(fn: (value: number) => void): void {\r\n        this._onModelChange = fn;\r\n    }\r\n\r\n    registerOnTouched(fn: () => void): void {\r\n        this._onTouchedChange = fn;\r\n    }\r\n\r\n    setDisabledState(val: boolean): void {\r\n        this.disabled = val;\r\n        this.refreshVersion.update(value => value + 1);\r\n    }\r\n\r\n    rangePath(): string {\r\n        return `M ${this.minX()} ${this.minY()} A ${this.radius} ${this.radius} 0 1 1 ${this.maxX()} ${this.maxY()}`;\r\n    }\r\n\r\n    valuePath(): string {\r\n        return `M ${this.zeroX()} ${this.zeroY()} A ${this.radius} ${this.radius} 0 ${this.largeArc()} ${this.sweep()} ${this.valueX()} ${this.valueY()}`;\r\n    }\r\n\r\n    zeroRadians(): number {\r\n        if (this.min > 0 && this.max > 0) return this.mapRange(this.min, this.min, this.max, this.minRadians, this.maxRadians);\r\n        else return this.mapRange(0, this.min, this.max, this.minRadians, this.maxRadians);\r\n    }\r\n\r\n    valueRadians(): number {\r\n        return this.mapRange(this.value, this.min, this.max, this.minRadians, this.maxRadians);\r\n    }\r\n\r\n    minX(): number {\r\n        return this.midX + Math.cos(this.minRadians) * this.radius;\r\n    }\r\n\r\n    minY(): number {\r\n        return this.midY - Math.sin(this.minRadians) * this.radius;\r\n    }\r\n\r\n    maxX(): number {\r\n        return this.midX + Math.cos(this.maxRadians) * this.radius;\r\n    }\r\n\r\n    maxY(): number {\r\n        return this.midY - Math.sin(this.maxRadians) * this.radius;\r\n    }\r\n\r\n    zeroX(): number {\r\n        return this.midX + Math.cos(this.zeroRadians()) * this.radius;\r\n    }\r\n\r\n    zeroY(): number {\r\n        return this.midY - Math.sin(this.zeroRadians()) * this.radius;\r\n    }\r\n\r\n    valueX(): number {\r\n        return this.midX + Math.cos(this.valueRadians()) * this.radius;\r\n    }\r\n\r\n    valueY(): number {\r\n        return this.midY - Math.sin(this.valueRadians()) * this.radius;\r\n    }\r\n\r\n    largeArc(): number {\r\n        return Math.abs(this.zeroRadians() - this.valueRadians()) < Math.PI ? 0 : 1;\r\n    }\r\n\r\n    sweep(): number {\r\n        return this.valueRadians() > this.zeroRadians() ? 0 : 1;\r\n    }\r\n\r\n    valueToDisplay(): string {\r\n        return this.valueTemplate.replace('{value}', this.value.toString());\r\n    }\r\n\r\n    private _onModelChange: (value: number) => void = () => { \r\n        // Intentionally left blank\r\n    };\r\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\r\n    private _onTouchedChange: () => void = () => { };\r\n}","<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n<div #knob [attr.data-refresh]=\"refreshVersion()\" [class.cmat-knob-disabled]=\"disabled\" (focusin)=\"onFocusIn()\" (focusout)=\"onFocusOut($event)\">\r\n    <svg  viewBox=\"0 0 100 100\" role=\"slider\" [style.width]=\"size + 'px'\" [style.height]=\"size + 'px'\"\r\n        [attr.aria-valuemin]=\"min\" [attr.aria-valuemax]=\"max\" [attr.aria-valuenow]=\"value\"\r\n        [attr.tabindex]=\"disabled ? -1 : 0\" (click)=\"onClick($event)\" (keydown.enter)=\"onKeyDown($event)\" (keydown.space)=\"onKeyDown($event)\">\r\n        <path class=\"knob-range\" [attr.d]=\"rangePath()\" [attr.stroke-width]=\"strokeWidth\" [attr.stroke]=\"rangeColor\">\r\n        </path>\r\n        <path class=\"knob-value\" [attr.d]=\"valuePath()\" [attr.stroke-width]=\"strokeWidth\" [attr.stroke]=\"valueColor\">\r\n        </path>\r\n        @if(showValue){\r\n        <text text-anchor=\"middle\" class=\"knob-text\" [attr.x]=\"50\" [attr.y]=\"57\" [attr.fill]=\"textColor\"\r\n            [attr.name]=\"name\">{{ valueToDisplay() }}</text>\r\n        }\r\n    </svg>\r\n</div>\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cmat-components-knob-input.mjs","sources":["../../../projects/cmat/components/knob-input/knob-input.component.ts","../../../projects/cmat/components/knob-input/knob-input.component.html","../../../projects/cmat/components/knob-input/cmat-components-knob-input.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/member-ordering */\r\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { NgStyle } from '@angular/common';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  HostListener,\r\n  OnDestroy,\r\n  Renderer2,\r\n  ViewEncapsulation,\r\n  DOCUMENT,\r\n  inject,\r\n  signal,\r\n  input,\r\n  output,\r\n  viewChild,\r\n  Input,\r\n} from '@angular/core';\r\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { isNil } from 'lodash-es';\r\nimport { Subject } from 'rxjs';\r\n\r\nlet NEXT_ID = 0;\r\n\r\n@Component({\r\n  selector: 'cmat-knob-input',\r\n  templateUrl: './knob-input.component.html',\r\n  styleUrls: ['./knob-input.component.scss'],\r\n  providers: [\r\n    { provide: MatFormFieldControl, useExisting: CmatKnobInputComponent },\r\n  ],\r\n  exportAs: 'cmatKnobInput',\r\n  imports: [NgStyle],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention\r\n    '[attr.id]': 'id',\r\n  }\r\n})\r\nexport class CmatKnobInputComponent\r\n  implements MatFormFieldControl<any>, OnDestroy, ControlValueAccessor {\r\n  readonly knobElementRef = viewChild<ElementRef<HTMLDivElement>>('knob');\r\n\r\n  readonly valueColor = input<string>('var(--cmat-primary)');\r\n  readonly rangeColor = input<string>('var(--cmat-border)');\r\n  readonly textColor = input<string>('var(--cmat-text-default)');\r\n  readonly valueTemplate = input<string>('{value}');\r\n  readonly name = input<string>();\r\n\r\n  readonly size = input<number>(100);\r\n  readonly step = input<number>(1);\r\n  readonly min = input<number>(0);\r\n  readonly max = input<number>(100);\r\n  readonly strokeWidth = input<number>(14);\r\n  readonly showValue = input<boolean>(true);\r\n\r\n  readonly valueChange = output<number | null>();\r\n\r\n  readonly id = `cmat-knob-input-${NEXT_ID++}`;\r\n\r\n  userAriaDescribedBy?: string;\r\n\r\n  readonly stateChanges: Subject<void> = new Subject<void>();\r\n\r\n  private readonly _valueSignal = signal<number | null>(null);\r\n  private readonly _placeholderSignal = signal<string>('');\r\n  private readonly _requiredSignal = signal<boolean>(false);\r\n  private readonly _disabledSignal = signal<boolean>(false);\r\n\r\n  private _focused = false;\r\n\r\n  readonly touched = signal(false);\r\n\r\n\r\n  readonly refreshVersion = signal(0);\r\n\r\n  @Input()\r\n  get value(): number {\r\n    return this._valueSignal() ?? this.min();\r\n  }\r\n\r\n  set value(val: number) {\r\n    const current = this._valueSignal();\r\n\r\n    if (val !== current) {\r\n      this._valueSignal.set(val);\r\n      this.stateChanges.next();\r\n      this._onModelChange(val);\r\n      this.valueChange.emit(val);\r\n    }\r\n  }\r\n\r\n  @Input()\r\n  get placeholder(): string {\r\n    return this._placeholderSignal();\r\n  }\r\n\r\n  set placeholder(plh: string) {\r\n    this._placeholderSignal.set(plh);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  @Input()\r\n  get required(): boolean {\r\n    return this._requiredSignal();\r\n  }\r\n\r\n  set required(req: boolean) {\r\n    this._requiredSignal.set(coerceBooleanProperty(req));\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  @Input()\r\n  get disabled(): boolean {\r\n    if (!isNil(this.ngControl?.disabled)) {\r\n      return this.ngControl.disabled;\r\n    }\r\n    return this._disabledSignal();\r\n  }\r\n\r\n  set disabled(val: BooleanInput) {\r\n    const coerced = coerceBooleanProperty(val);\r\n    this._disabledSignal.set(coerced);\r\n\r\n    if (this._focused && coerced) {\r\n      this._focused = false;\r\n    }\r\n    this.stateChanges.next();\r\n  }\r\n\r\n\r\n  get empty(): boolean {\r\n    return this._valueSignal() == null;\r\n  }\r\n\r\n  get errorState(): boolean {\r\n    if (this.ngControl == null) return false;\r\n    return (this.touched() && !!this.ngControl?.invalid) ?? false;\r\n  }\r\n\r\n  get shouldLabelFloat(): boolean {\r\n    return this._focused || !this.empty;\r\n  }\r\n\r\n  get focused(): boolean {\r\n    return this._focused;\r\n  }\r\n\r\n  readonly radius = 40;\r\n  readonly midX = 50;\r\n  readonly midY = 50;\r\n  readonly minRadians = (4 * Math.PI) / 3;\r\n  readonly maxRadians = -Math.PI / 3;\r\n\r\n  ngControl = inject(NgControl, { optional: true, self: true })!;\r\n  private readonly _document = inject<Document>(DOCUMENT);\r\n  private readonly _renderer = inject(Renderer2);\r\n  private readonly _el = inject<ElementRef<HTMLElement>>(ElementRef);\r\n\r\n  private windowMouseMoveListener: VoidFunction | null = null;\r\n  private windowMouseUpListener: VoidFunction | null = null;\r\n  private windowTouchMoveListener: VoidFunction | null = null;\r\n  private windowTouchEndListener: VoidFunction | null = null;\r\n\r\n  constructor() {\r\n    if (this.ngControl != null) {\r\n      this.ngControl.valueAccessor = this;\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.stateChanges.complete();\r\n    this._cleanupListeners();\r\n  }\r\n\r\n  private _cleanupListeners(): void {\r\n    if (this.windowMouseMoveListener) this.windowMouseMoveListener();\r\n    if (this.windowMouseUpListener) this.windowMouseUpListener();\r\n    if (this.windowTouchMoveListener) this.windowTouchMoveListener();\r\n    if (this.windowTouchEndListener) this.windowTouchEndListener();\r\n\r\n    this.windowMouseMoveListener = null;\r\n    this.windowMouseUpListener = null;\r\n    this.windowTouchMoveListener = null;\r\n    this.windowTouchEndListener = null;\r\n  }\r\n\r\n\r\n  writeValue(value: number | null): void {\r\n    this._valueSignal.set(value ?? this.min());\r\n    this.refreshVersion.update(v => v + 1);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  registerOnChange(fn: (value: number) => void): void {\r\n    this._onModelChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: () => void): void {\r\n    this._onTouchedChange = fn;\r\n  }\r\n\r\n  setDisabledState(val: boolean): void {\r\n    this.disabled = val;\r\n    this.refreshVersion.update(v => v + 1);\r\n    this.stateChanges.next();\r\n  }\r\n\r\n\r\n  setDescribedByIds(ids: string[]): void {\r\n    this.userAriaDescribedBy = ids.length ? ids.join(' ') : undefined;\r\n\r\n    const knobEl = this.knobElementRef()?.nativeElement;\r\n    if (knobEl) {\r\n      if (ids.length) {\r\n        knobEl.setAttribute('aria-describedby', ids.join(' '));\r\n      } else {\r\n        knobEl.removeAttribute('aria-describedby');\r\n      }\r\n    }\r\n    this.stateChanges.next();\r\n  }\r\n\r\n  onContainerClick(): void {\r\n    if (!this.focused) {\r\n      this.knobElementRef()?.nativeElement.focus();\r\n    }\r\n  }\r\n\r\n\r\n  @HostListener('keydown', ['$event'])\r\n  onKeyDown(event: Event): void {\r\n    const keyboardEvent = event as KeyboardEvent;\r\n\r\n    if (!this.disabled) {\r\n      switch (keyboardEvent.code) {\r\n        case 'Enter':\r\n        case 'Space': {\r\n          keyboardEvent.preventDefault();\r\n          break;\r\n        }\r\n        case 'ArrowRight':\r\n        case 'ArrowUp': {\r\n          keyboardEvent.preventDefault();\r\n          this.updateModelValue(this.value + 1);\r\n          break;\r\n        }\r\n        case 'ArrowLeft':\r\n        case 'ArrowDown': {\r\n          keyboardEvent.preventDefault();\r\n          this.updateModelValue(this.value - 1);\r\n          break;\r\n        }\r\n        case 'Home': {\r\n          keyboardEvent.preventDefault();\r\n          this.updateModelValue(this.min());\r\n          break;\r\n        }\r\n        case 'End': {\r\n          keyboardEvent.preventDefault();\r\n          this.updateModelValue(this.max());\r\n          break;\r\n        }\r\n        case 'PageUp': {\r\n          keyboardEvent.preventDefault();\r\n          this.updateModelValue(this.value + 10);\r\n          break;\r\n        }\r\n        case 'PageDown': {\r\n          keyboardEvent.preventDefault();\r\n          this.updateModelValue(this.value - 10);\r\n          break;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @HostListener('mousedown', ['$event'])\r\n  onMouseDown(event: MouseEvent): void {\r\n    if (!this.disabled) {\r\n      this._cleanupListeners();\r\n\r\n      const win = this._document.defaultView ?? window;\r\n      this.windowMouseMoveListener = this._renderer.listen(\r\n        win,\r\n        'mousemove',\r\n        this.onMouseMove.bind(this),\r\n      );\r\n      this.windowMouseUpListener = this._renderer.listen(\r\n        win,\r\n        'mouseup',\r\n        this.onMouseUp.bind(this),\r\n      );\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  @HostListener('mouseup', ['$event'])\r\n  onMouseUp(event: MouseEvent): void {\r\n    if (!this.disabled) {\r\n      this._cleanupListeners();\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  @HostListener('touchstart', ['$event'])\r\n  onTouchStart(event: TouchEvent): void {\r\n    if (!this.disabled) {\r\n      this._cleanupListeners();\r\n\r\n      const win = this._document.defaultView ?? window;\r\n      this.windowTouchMoveListener = this._renderer.listen(\r\n        win,\r\n        'touchmove',\r\n        this.onTouchMove.bind(this),\r\n      );\r\n      this.windowTouchEndListener = this._renderer.listen(\r\n        win,\r\n        'touchend',\r\n        this.onTouchEnd.bind(this),\r\n      );\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  @HostListener('touchend', ['$event'])\r\n  onTouchEnd(event: TouchEvent): void {\r\n    if (!this.disabled) {\r\n      this._cleanupListeners();\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  onFocusIn(): void {\r\n    if (!this._focused) {\r\n      this._focused = true;\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  onFocusOut(event: FocusEvent): void {\r\n    const knobEl = this.knobElementRef()?.nativeElement;\r\n    // Check if relatedTarget is outside the component\r\n    if (\r\n      knobEl &&\r\n      !knobEl.contains(event.relatedTarget as Element)\r\n    ) {\r\n      this.touched.set(true);\r\n      this._focused = false;\r\n      this._onTouchedChange();\r\n      this.stateChanges.next();\r\n    }\r\n  }\r\n\r\n  // --- Logic Methods ---\r\n\r\n  mapRange(\r\n    x: number,\r\n    inMin: number,\r\n    inMax: number,\r\n    outMin: number,\r\n    outMax: number,\r\n  ): number {\r\n    return ((x - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;\r\n  }\r\n\r\n  onClick(event: MouseEvent): void {\r\n    if (!this.disabled) {\r\n      this.updateValue(event.offsetX, event.offsetY);\r\n    }\r\n  }\r\n\r\n  updateValue(offsetX: number, offsetY: number): void {\r\n    let dx = offsetX - this.size() / 2;\r\n    let dy = this.size() / 2 - offsetY;\r\n    let angle = Math.atan2(dy, dx);\r\n    let start = -Math.PI / 2 - Math.PI / 6;\r\n    this.updateModel(angle, start);\r\n  }\r\n\r\n  updateModel(angle: number, start: number): void {\r\n    let mappedValue;\r\n    if (angle > this.maxRadians)\r\n      mappedValue = this.mapRange(\r\n        angle,\r\n        this.minRadians,\r\n        this.maxRadians,\r\n        this.min(),\r\n        this.max(),\r\n      );\r\n    else if (angle < start)\r\n      mappedValue = this.mapRange(\r\n        angle + 2 * Math.PI,\r\n        this.minRadians,\r\n        this.maxRadians,\r\n        this.min(),\r\n        this.max(),\r\n      );\r\n    else return;\r\n\r\n    let newValue =\r\n      Math.round((mappedValue - this.min()) / this.step()) * this.step() +\r\n      this.min();\r\n\r\n    this.value = newValue;\r\n  }\r\n\r\n  onMouseMove(event: MouseEvent): void {\r\n    if (!this.disabled) {\r\n      this.updateValue(event.offsetX, event.offsetY);\r\n      event.preventDefault();\r\n      this.refreshVersion.update(v => v + 1);\r\n    }\r\n  }\r\n\r\n  onTouchMove(event: Event): void {\r\n    if (\r\n      !this.disabled &&\r\n      event instanceof TouchEvent &&\r\n      event.touches.length === 1\r\n    ) {\r\n      const rect =\r\n        this._el.nativeElement.firstElementChild?.getBoundingClientRect();\r\n      const touch = event.targetTouches.item(0);\r\n      if (touch && rect) {\r\n        const offsetX = touch.clientX - rect.left;\r\n        const offsetY = touch.clientY - rect.top;\r\n        this.updateValue(offsetX, offsetY);\r\n        this.refreshVersion.update(v => v + 1);\r\n      }\r\n    }\r\n  }\r\n\r\n  updateModelValue(newValue: number): void {\r\n    if (newValue > this.max()) this.value = this.max();\r\n    else if (newValue < this.min()) this.value = this.min();\r\n    else this.value = newValue;\r\n  }\r\n\r\n  // --- SVG Path Calculations ---\r\n\r\n  rangePath(): string {\r\n    return `M ${this.minX()} ${this.minY()} A ${this.radius} ${this.radius} 0 1 1 ${this.maxX()} ${this.maxY()}`;\r\n  }\r\n\r\n  valuePath(): string {\r\n    return `M ${this.zeroX()} ${this.zeroY()} A ${this.radius} ${this.radius} 0 ${this.largeArc()} ${this.sweep()} ${this.valueX()} ${this.valueY()}`;\r\n  }\r\n\r\n  zeroRadians(): number {\r\n    if (this.min() > 0 && this.max() > 0)\r\n      return this.mapRange(\r\n        this.min(),\r\n        this.min(),\r\n        this.max(),\r\n        this.minRadians,\r\n        this.maxRadians,\r\n      );\r\n    else\r\n      return this.mapRange(\r\n        0,\r\n        this.min(),\r\n        this.max(),\r\n        this.minRadians,\r\n        this.maxRadians,\r\n      );\r\n  }\r\n\r\n  valueRadians(): number {\r\n    return this.mapRange(\r\n      this.value,\r\n      this.min(),\r\n      this.max(),\r\n      this.minRadians,\r\n      this.maxRadians,\r\n    );\r\n  }\r\n\r\n  minX(): number {\r\n    return this.midX + Math.cos(this.minRadians) * this.radius;\r\n  }\r\n\r\n  minY(): number {\r\n    return this.midY - Math.sin(this.minRadians) * this.radius;\r\n  }\r\n\r\n  maxX(): number {\r\n    return this.midX + Math.cos(this.maxRadians) * this.radius;\r\n  }\r\n\r\n  maxY(): number {\r\n    return this.midY - Math.sin(this.maxRadians) * this.radius;\r\n  }\r\n\r\n  zeroX(): number {\r\n    return this.midX + Math.cos(this.zeroRadians()) * this.radius;\r\n  }\r\n\r\n  zeroY(): number {\r\n    return this.midY - Math.sin(this.zeroRadians()) * this.radius;\r\n  }\r\n\r\n  valueX(): number {\r\n    return this.midX + Math.cos(this.valueRadians()) * this.radius;\r\n  }\r\n\r\n  valueY(): number {\r\n    return this.midY - Math.sin(this.valueRadians()) * this.radius;\r\n  }\r\n\r\n  largeArc(): number {\r\n    return Math.abs(this.zeroRadians() - this.valueRadians()) < Math.PI ? 0 : 1;\r\n  }\r\n\r\n  sweep(): number {\r\n    return this.valueRadians() > this.zeroRadians() ? 0 : 1;\r\n  }\r\n\r\n  valueToDisplay(): string {\r\n    return this.valueTemplate().replace('{value}', this.value.toString());\r\n  }\r\n\r\n  // --- CVA Internal Functions ---\r\n  private _onModelChange: (value: number) => void = () => {\r\n    // Intentionally left blank\r\n  };\r\n\r\n  private _onTouchedChange: () => void = () => { /* empty */ };\r\n}","<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n<div\r\n  #knob\r\n  tabindex=\"-1\"\r\n  [attr.data-refresh]=\"refreshVersion()\"\r\n  [class.cmat-knob-disabled]=\"disabled\"\r\n  (focusin)=\"onFocusIn()\"\r\n  (focusout)=\"onFocusOut($event)\"\r\n>\r\n  <svg\r\n    viewBox=\"0 0 100 100\"\r\n    role=\"slider\"\r\n    [style.width]=\"size() + 'px'\"\r\n    [style.height]=\"size() + 'px'\"\r\n    [attr.aria-valuemin]=\"min()\"\r\n    [attr.aria-valuemax]=\"max()\"\r\n    [attr.aria-valuenow]=\"value\"\r\n    [attr.tabindex]=\"disabled ? -1 : 0\"\r\n    (click)=\"onClick($event)\"\r\n    (keydown.enter)=\"onKeyDown($event)\"\r\n    (keydown.space)=\"onKeyDown($event)\"\r\n  >\r\n    <path\r\n      class=\"knob-range\"\r\n      [attr.d]=\"rangePath()\"\r\n      [attr.stroke-width]=\"strokeWidth()\"\r\n      [attr.stroke]=\"rangeColor()\"\r\n    ></path>\r\n    <path\r\n      class=\"knob-value\"\r\n      [attr.d]=\"valuePath()\"\r\n      [attr.stroke-width]=\"strokeWidth()\"\r\n      [attr.stroke]=\"valueColor()\"\r\n    ></path>\r\n    @if (showValue()) {\r\n      <text\r\n        text-anchor=\"middle\"\r\n        class=\"knob-text\"\r\n        [attr.x]=\"50\"\r\n        [attr.y]=\"57\"\r\n        [attr.fill]=\"textColor()\"\r\n        [attr.name]=\"name()\"\r\n      >\r\n        {{ valueToDisplay() }}\r\n      </text>\r\n    }\r\n  </svg>\r\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cmat-components-masonry.mjs

@@ -1,52 +1,37 @@
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { signal, Input, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 
 class CmatMasonryComponent {
     constructor() {
-        this.items = [];
-        this.distributedColumns = signal([], ...(ngDevMode ? [{ debugName: "distributedColumns" }] : /* istanbul ignore next */ []));
+        this.columnsTemplate = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columnsTemplate" }] : /* istanbul ignore next */ []));
+        this.columns = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+        this.items = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        this.distributedColumns = computed(() => {
+            const cols = this.columns();
+            const itemList = this.items();
+            if (!itemList || itemList.length === 0) {
+                return [];
+            }
+            const newDistributedColumns = Array.from({ length: cols }, () => ({ items: [] }));
+            for (let i = 0; i < itemList.length; i++) {
+                const columnIndex = i % cols;
+                newDistributedColumns[columnIndex].items.push(itemList[i]);
+            }
+            return newDistributedColumns;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "distributedColumns" }] : /* istanbul ignore next */ []));
     }
-    ngOnChanges(changes) {
-        if ('columns' in changes) {
-            this._distributeItems();
-        }
-        if ('items' in changes) {
-            this._distributeItems();
-        }
-    }
-    ngAfterViewInit() {
-        this._distributeItems();
-    }
-    _distributeItems() {
-        if (this.items.length === 0) {
-            this.distributedColumns.set([]);
-            return;
-        }
-        const newDistributedColumns = Array.from({ length: this.columns }, () => ({ items: [] }));
-        for (let i = 0; i < this.items.length; i++) {
-            const columnIndex = i % this.columns;
-            newDistributedColumns[columnIndex] = {
-                items: [...newDistributedColumns[columnIndex].items, this.items[i]]
-            };
-        }
-        this.distributedColumns.set(newDistributedColumns);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CmatMasonryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: CmatMasonryComponent, isStandalone: true, selector: "cmat-masonry", inputs: { columnsTemplate: "columnsTemplate", columns: "columns", items: "items" }, exportAs: ["cmatMasonry"], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex p-2\">\r\n    <ng-container *ngTemplateOutlet=\"columnsTemplate; context: { $implicit: distributedColumns() }\"></ng-container>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatMasonryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: CmatMasonryComponent, isStandalone: true, selector: "cmat-masonry", inputs: { columnsTemplate: { classPropertyName: "columnsTemplate", publicName: "columnsTemplate", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["cmatMasonry"], ngImport: i0, template: "<div class=\"flex p-2\">\r\n    <ng-container *ngTemplateOutlet=\"columnsTemplate(); context: { $implicit: distributedColumns() }\"></ng-container>\r\n</div>", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CmatMasonryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatMasonryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cmat-masonry', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatMasonry', imports: [NgTemplateOutlet], template: "<div class=\"flex p-2\">\r\n    <ng-container *ngTemplateOutlet=\"columnsTemplate; context: { $implicit: distributedColumns() }\"></ng-container>\r\n</div>\r\n" }]
-        }], propDecorators: { columnsTemplate: [{
-                type: Input,
-                args: [{ required: true }]
-            }], columns: [{
-                type: Input,
-                args: [{ required: true }]
-            }], items: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'cmat-masonry', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatMasonry', imports: [NgTemplateOutlet], template: "<div class=\"flex p-2\">\r\n    <ng-container *ngTemplateOutlet=\"columnsTemplate(); context: { $implicit: distributedColumns() }\"></ng-container>\r\n</div>" }]
+        }], propDecorators: { columnsTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnsTemplate", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: true }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/cmat-components-masonry.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-masonry.mjs","sources":["../../../projects/cmat/components/masonry/masonry.component.ts","../../../projects/cmat/components/masonry/masonry.component.html","../../../projects/cmat/components/masonry/cmat-components-masonry.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\r\nimport {\r\n    AfterViewInit,\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    Input,\r\n    OnChanges,\r\n    SimpleChanges,\r\n    TemplateRef,\r\n    ViewEncapsulation,\r\n    signal,\r\n} from '@angular/core';\r\n\r\ninterface MasonryColumn {\r\n  items: unknown[];\r\n}\r\n\r\n@Component({\r\n    selector: 'cmat-masonry',\r\n    templateUrl: './masonry.component.html',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatMasonry',\r\n    imports: [NgTemplateOutlet]\r\n})\r\nexport class CmatMasonryComponent implements OnChanges, AfterViewInit {\r\n    @Input({ required: true }) columnsTemplate: TemplateRef<unknown>;\r\n    @Input({ required: true }) columns: number;\r\n    @Input() items: unknown[] = [];\r\n    readonly distributedColumns = signal<MasonryColumn[]>([]);\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if ('columns' in changes) {\r\n            this._distributeItems();\r\n        }\r\n        if ('items' in changes) {\r\n            this._distributeItems();\r\n        }\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        this._distributeItems();\r\n    }\r\n\r\n    private _distributeItems(): void {\r\n        if (this.items.length === 0) {\r\n            this.distributedColumns.set([]);\r\n            return;\r\n        }\r\n\r\n        const newDistributedColumns: MasonryColumn[] = Array.from({ length: this.columns }, () => ({ items: [] }));\r\n\r\n        for (let i = 0; i < this.items.length; i++) {\r\n            const columnIndex = i % this.columns;\r\n            newDistributedColumns[columnIndex] = {\r\n                items: [...newDistributedColumns[columnIndex].items, this.items[i]]\r\n            };\r\n        }\r\n\r\n        this.distributedColumns.set(newDistributedColumns);\r\n    }\r\n}\r\n","<div class=\"flex p-2\">\r\n    <ng-container *ngTemplateOutlet=\"columnsTemplate; context: { $implicit: distributedColumns() }\"></ng-container>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAyBa,oBAAoB,CAAA;AARjC,IAAA,WAAA,GAAA;QAWa,IAAA,CAAA,KAAK,GAAc,EAAE;AACrB,QAAA,IAAA,CAAA,kBAAkB,GAAG,MAAM,CAAkB,EAAE,yFAAC;AAgC5D,IAAA;AA9BG,IAAA,WAAW,CAAC,OAAsB,EAAA;AAC9B,QAAA,IAAI,SAAS,IAAI,OAAO,EAAE;YACtB,IAAI,CAAC,gBAAgB,EAAE;QAC3B;AACA,QAAA,IAAI,OAAO,IAAI,OAAO,EAAE;YACpB,IAAI,CAAC,gBAAgB,EAAE;QAC3B;IACJ;IAEA,eAAe,GAAA;QACX,IAAI,CAAC,gBAAgB,EAAE;IAC3B;IAEQ,gBAAgB,GAAA;QACpB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACzB,YAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,CAAC;YAC/B;QACJ;QAEA,MAAM,qBAAqB,GAAoB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AAE1G,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACxC,YAAA,MAAM,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO;YACpC,qBAAqB,CAAC,WAAW,CAAC,GAAG;AACjC,gBAAA,KAAK,EAAE,CAAC,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;aACrE;QACL;AAEA,QAAA,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,qBAAqB,CAAC;IACtD;+GAnCS,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzBjC,iKAGA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDoBc,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAEjB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAAA,aAAA,EAET,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,aAAa,EAAA,OAAA,EACd,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,iKAAA,EAAA;;sBAG1B,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBACxB;;;AE5BL;;AAEG;;;;"}
+{"version":3,"file":"cmat-components-masonry.mjs","sources":["../../../projects/cmat/components/masonry/masonry.component.ts","../../../projects/cmat/components/masonry/masonry.component.html","../../../projects/cmat/components/masonry/cmat-components-masonry.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\r\nimport {\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    TemplateRef,\r\n    ViewEncapsulation,\r\n    computed,\r\n    input,\r\n} from '@angular/core';\r\n\r\ninterface MasonryColumn {\r\n  items: unknown[];\r\n}\r\n\r\n@Component({\r\n    selector: 'cmat-masonry',\r\n    templateUrl: './masonry.component.html',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatMasonry',\r\n    imports: [NgTemplateOutlet]\r\n})\r\nexport class CmatMasonryComponent {\r\n    readonly columnsTemplate = input.required<TemplateRef<unknown>>();    \r\n    readonly columns = input.required<number>();\r\n    readonly items = input<unknown[]>([]);\r\n\r\n    readonly distributedColumns = computed<MasonryColumn[]>(() => {\r\n        const cols = this.columns();\r\n        const itemList = this.items();\r\n\r\n        if (!itemList || itemList.length === 0) {\r\n            return [];\r\n        }\r\n\r\n        const newDistributedColumns: MasonryColumn[] = Array.from({ length: cols }, () => ({ items: [] }));\r\n\r\n        for (let i = 0; i < itemList.length; i++) {\r\n            const columnIndex = i % cols;\r\n            newDistributedColumns[columnIndex].items.push(itemList[i]);\r\n        }\r\n\r\n        return newDistributedColumns;\r\n    });\r\n}","<div class=\"flex p-2\">\r\n    <ng-container *ngTemplateOutlet=\"columnsTemplate(); context: { $implicit: distributedColumns() }\"></ng-container>\r\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAsBa,oBAAoB,CAAA;AARjC,IAAA,WAAA,GAAA;QASa,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,QAAQ;4FAAwB;QACxD,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ;oFAAU;QAClC,IAAA,CAAA,KAAK,GAAG,KAAK,CAAY,EAAE;kFAAC;AAE5B,QAAA,IAAA,CAAA,kBAAkB,GAAG,QAAQ,CAAkB,MAAK;AACzD,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE;AAC3B,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE;YAE7B,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;AACpC,gBAAA,OAAO,EAAE;YACb;YAEA,MAAM,qBAAqB,GAAoB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AAElG,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACtC,gBAAA,MAAM,WAAW,GAAG,CAAC,GAAG,IAAI;AAC5B,gBAAA,qBAAqB,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC9D;AAEA,YAAA,OAAO,qBAAqB;QAChC,CAAC;+FAAC;AACL,IAAA;8GAtBY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtBjC,+JAEM,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDkBQ,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAEjB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAAA,aAAA,EAET,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,aAAa,EAAA,OAAA,EACd,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,+JAAA,EAAA;;;AEpB/B;;AAEG;;;;"}

package/fesm2022/cmat-components-material-color-picker.mjs

@@ -1,6 +1,6 @@
 import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { forwardRef, EventEmitter, signal, Input, Output, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { forwardRef, input, output, signal, computed, effect, untracked, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i3 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
@@ -43,45 +43,40 @@ const CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR = {
 };
 class CmatMaterialColorPickerComponent {
     constructor() {
-        this.colorChanged = new EventEmitter();
-        this.selectedColor = signal({ palette: 'bg-indigo', hue: '500', color: 'bg-indigo-500' }, ...(ngDevMode ? [{ debugName: "selectedColor" }] : /* istanbul ignore next */ []));
-        this.palettes = baseColors;
-        this.hues = ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900'];
-        this.selectedHue = '500';
-        this.selectedPalette = 'bg-indigo';
-        this.view = 'palettes';
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
+        this.title = input('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.readonly = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []));
+        this.color = input(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+        this.colorChanged = output();
+        this.palettes = signal(baseColors, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "palettes" }] : /* istanbul ignore next */ []));
+        this.hues = signal(['50', '100', '200', '300', '400', '500', '600', '700', '800', '900'], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "hues" }] : /* istanbul ignore next */ []));
+        this.view = signal('palettes', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
+        this.selectedPalette = signal('bg-indigo', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedPalette" }] : /* istanbul ignore next */ []));
+        this.selectedHue = signal('500', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedHue" }] : /* istanbul ignore next */ []));
+        this.selectedColor = computed(() => ({
+            palette: this.selectedPalette(),
+            hue: this.selectedHue(),
+            color: `${this.selectedPalette()}-${this.selectedHue()}`
+        }), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selectedColor" }] : /* istanbul ignore next */ []));
+        this._isProcessingExternalChange = false;
         this._modelChange = () => { };
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
         this._modelTouched = () => { };
-        this.updateSelectedColor();
-    }
-    get color() {
-        return this._color;
-    }
-    set color(value) {
-        if (!value || value === '' || this._color === value) {
-            return;
-        }
-        const colorParts = value.split('-');
-        this.selectedHue = colorParts[colorParts.length - 1];
-        colorParts.pop();
-        this.selectedPalette = colorParts.join('-');
-        this.updateSelectedColor();
-    }
-    // eslint-disable-next-line @typescript-eslint/member-ordering
-    get title() {
-        return this._title;
-    }
-    set title(value) {
-        this._title = value;
-    }
-    // eslint-disable-next-line @typescript-eslint/member-ordering
-    get readonly() {
-        return this._readonly;
-    }
-    set readonly(value) {
-        this._readonly = value;
+        effect(() => {
+            const externalColor = this.color();
+            untracked(() => {
+                if (externalColor && externalColor !== '') {
+                    this._parseAndSetColor(externalColor);
+                }
+            });
+        });
     }
     registerOnChange(fn) {
         this._modelChange = fn;
@@ -89,64 +84,70 @@ class CmatMaterialColorPickerComponent {
     registerOnTouched(fn) {
         this._modelTouched = fn;
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     writeValue(color) {
-        if (!color) {
-            return;
-        }
-        this.color = color;
+        // 由于我们使用了 effect 监听 colorInput，这里不需要做太多事
+        // 但如果 writeValue 被直接调用（例如初始化），effect 也会捕获到 input 的变化
+        // 注意：如果父组件直接绑定 [color]，input 会更新，effect 会运行。
     }
     selectPalette(palette) {
-        this.view = 'hues';
-        this.selectedPalette = palette;
-        this.updateSelectedColor();
+        this.view.set('hues');
+        this.selectedPalette.set(palette);
     }
     selectHue(hue) {
-        this.selectedHue = hue;
-        this.updateSelectedColor();
+        this.selectedHue.set(hue);
+        this._notifyChange();
     }
     removeColor() {
-        this.view = 'palettes';
-        this.selectedPalette = 'bg-indigo';
-        this.selectedHue = '500';
-        this.updateSelectedColor();
-    }
-    updateSelectedColor() {
-        if (this.selectedColor()?.palette === this.selectedPalette && this.selectedColor()?.hue === this.selectedHue) {
-            return;
-        }
-        this.selectedColor.set({
-            palette: this.selectedPalette,
-            hue: this.selectedHue,
-            color: this.selectedPalette + '-' + this.selectedHue
-        });
-        this._color = this.selectedColor().color;
-        this.colorChanged.emit(this.selectedColor().color);
-        this._modelTouched(this.selectedColor().color);
-        this._modelChange(this.selectedColor().color);
+        this.view.set('palettes');
+        this.selectedPalette.set('bg-indigo');
+        this.selectedHue.set('500');
+        this._notifyChange();
     }
     goToPalettesView() {
-        this.view = 'palettes';
+        this.view.set('palettes');
     }
     onMenuOpen(opened) {
         if (opened) {
-            this.view = 'hues';
+            this.view.set('hues');
+        }
+    }
+    _notifyChange() {
+        // 如果正在处理外部变化，不触发通知以避免循环
+        if (this._isProcessingExternalChange) {
+            return;
+        }
+        const currentColor = this.selectedColor().color;
+        this.colorChanged.emit(currentColor);
+        this._modelTouched(currentColor);
+        this._modelChange(currentColor);
+    }
+    _parseAndSetColor(value) {
+        const colorParts = value.split('-');
+        if (colorParts.length < 2)
+            return;
+        const hue = colorParts[colorParts.length - 1];
+        const palette = colorParts.slice(0, -1).join('-');
+        // 只有当值真正改变时才更新，避免循环触发
+        if (this.selectedPalette() !== palette || this.selectedHue() !== hue) {
+            this._isProcessingExternalChange = true;
+            try {
+                this.selectedPalette.set(palette);
+                this.selectedHue.set(hue);
+            }
+            finally {
+                // 确保标志位被重置
+                this._isProcessingExternalChange = false;
+            }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CmatMaterialColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", type: CmatMaterialColorPickerComponent, isStandalone: true, selector: "cmat-material-color-picker", inputs: { color: "color", title: "title", readonly: "readonly" }, outputs: { colorChanged: "colorChanged" }, providers: [CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR], exportAs: ["cmatMaterialColorPicker"], ngImport: i0, template: "<div class=\"rounded\" [ngClass]=\"selectedColor().color\">\r\n  <mat-select value=\"init\" panelClass=\"min-w-64 overflow-hidden\" [disableOptionCentering]=\"true\" [hideSingleSelectionIndicator]=\"true\"\r\n    [disabled]=\"readonly\" (openedChange)=\"onMenuOpen($event)\">\r\n    <mat-select-trigger class=\"flex p-1\">\r\n      <mat-icon [svgIcon]=\"'heroicons_outline:paint-brush'\"></mat-icon>\r\n    </mat-select-trigger>\r\n\r\n    <header class=\"border-b-2 flex flex-row content-between justify-between p-2\">\r\n      <button type=\"button\" matIconButton  class=\"secondary-text\" aria-label=\"\u8C03\u8272\u677F\"\r\n        [class.invisible]=\"view === 'palettes'\" (click)=\"goToPalettesView()\">\r\n        <mat-icon svgIcon=\"mat_outline:arrow_back\"></mat-icon>\r\n      </button>\r\n      <span class=\"align-middle leading-loose text-xl font-bold\">{{title}}</span>\r\n      <button type=\"button\" matIconButton  class=\"remove-color-button secondary-text\" aria-label=\"\u79FB\u9664\u989C\u8272\"\r\n        matTooltip=\"\u79FB\u9664\u989C\u8272\" (click)=\"removeColor()\">\r\n        <mat-icon color=\"warn\" [svgIcon]=\"'mat_outline:cleaning_services'\"></mat-icon>\r\n      </button>\r\n    </header>\r\n\r\n    <div class=\"flex flex-wrap w-60 m-2\">\r\n      <mat-option value=\"init\" class=\"hidden\">\u521D\u59CB\u5316</mat-option>\r\n      <div>\r\n        @switch (view) {\r\n        @case ('palettes') {\r\n        <div>\r\n          <div class=\"flex flex-row flex-wrap justify-start content-start colors\">\r\n            @for (palette of palettes; track $index) {\r\n            <div role=\"presentation\" class=\"cursor-pointer hover:opacity-50\" (click)=\"selectPalette(palette)\">\r\n              <mat-option class=\"relative flex w-12 h-12 p-0 pointer-events-none rounded-full bg-transparent \"\r\n                [value]=\"selectedPalette\">\r\n                @if (selectedColor().color===palette + '-' + selectedHue) {\r\n                <mat-icon class=\"absolute m-3 text-white\" [svgIcon]=\"'heroicons_outline:check'\"></mat-icon>\r\n                }\r\n                <span class=\"flex w-10 h-10 m-1 rounded-full\" [ngClass]=\"palette + '-' + selectedHue\"></span>\r\n              </mat-option>\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @case ('hues') {\r\n        <div>\r\n          <div class=\"flex flex-row flex-wrap justify-start content-start colors\">\r\n            @for (hue of hues; track $index) {\r\n            <div role=\"presentation\" class=\"cursor-pointer hover:opacity-50\" (click)=\"selectHue(hue)\">\r\n              <mat-option class=\"relative flex w-12 h-12 p-0 pointer-events-none rounded-full bg-transparent \"\r\n                [value]=\"selectedHue\">\r\n                @if (selectedColor().color===selectedPalette + '-' + hue) {\r\n                <mat-icon class=\"absolute m-3 text-white\" [svgIcon]=\"'heroicons_outline:check'\"></mat-icon>\r\n                }\r\n                <span class=\"flex w-10 h-10 m-1 rounded-full\" [ngClass]=\"selectedPalette + '-' + hue\"></span>\r\n              </mat-option>\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n      </div>\r\n    </div>\r\n  </mat-select>\r\n</div>\r\n", styles: ["cmat-material-color-picker .mat-mdc-select-arrow-wrapper{display:none!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatMaterialColorPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatMaterialColorPickerComponent, isStandalone: true, selector: "cmat-material-color-picker", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { colorChanged: "colorChanged" }, providers: [CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR], exportAs: ["cmatMaterialColorPicker"], ngImport: i0, template: "<div class=\"rounded\" [ngClass]=\"selectedColor().color\">\r\n  <mat-select \r\n    value=\"init\" \r\n    panelClass=\"min-w-64 overflow-hidden!\" \r\n    [disableOptionCentering]=\"true\" \r\n    [hideSingleSelectionIndicator]=\"true\"\r\n    [disabled]=\"readonly()\" \r\n    (openedChange)=\"onMenuOpen($event)\">\r\n    \r\n    <mat-select-trigger class=\"flex p-1\">\r\n      <mat-icon [svgIcon]=\"'heroicons_outline:paint-brush'\"></mat-icon>\r\n    </mat-select-trigger>\r\n\r\n    <header class=\"border-b-2 flex flex-row content-between justify-between p-2\">\r\n      <button type=\"button\" matIconButton class=\"secondary-text\" aria-label=\"\u8C03\u8272\u677F\"\r\n        [class.invisible]=\"view() === 'palettes'\" (click)=\"goToPalettesView()\">\r\n        <mat-icon svgIcon=\"mat_outline:arrow_back\"></mat-icon>\r\n      </button>\r\n      <span class=\"align-middle leading-loose text-xl font-bold\">{{title()}}</span>\r\n      <button type=\"button\" matIconButton class=\"remove-color-button secondary-text\" aria-label=\"\u79FB\u9664\u989C\u8272\"\r\n        matTooltip=\"\u79FB\u9664\u989C\u8272\" (click)=\"removeColor()\">\r\n        <mat-icon color=\"warn\" [svgIcon]=\"'mat_outline:cleaning_services'\"></mat-icon>\r\n      </button>\r\n    </header>\r\n\r\n    <div class=\"flex flex-wrap w-60 m-2\">\r\n      <mat-option value=\"init\" class=\"hidden\">\u521D\u59CB\u5316</mat-option>\r\n      <div>\r\n        @switch (view()) {\r\n        @case ('palettes') {\r\n        <div>\r\n          <div class=\"flex flex-row flex-wrap justify-start content-start colors\">\r\n            @for (palette of palettes(); track $index) {\r\n            <div role=\"presentation\" class=\"cursor-pointer hover:opacity-50\" (click)=\"selectPalette(palette)\">\r\n              <mat-option class=\"relative flex w-12 h-12 p-0 pointer-events-none rounded-full bg-transparent \"\r\n                [value]=\"selectedPalette()\">\r\n                @if (selectedColor().color === palette + '-' + selectedHue()) {\r\n                <mat-icon class=\"absolute m-3 text-white\" [svgIcon]=\"'heroicons_outline:check'\"></mat-icon>\r\n                }\r\n                <span class=\"flex w-10 h-10 m-1 rounded-full\" [ngClass]=\"palette + '-' + selectedHue()\"></span>\r\n              </mat-option>\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @case ('hues') {\r\n        <div>\r\n          <div class=\"flex flex-row flex-wrap justify-start content-start colors\">\r\n            @for (hue of hues(); track $index) {\r\n            <div role=\"presentation\" class=\"cursor-pointer hover:opacity-50\" (click)=\"selectHue(hue)\">\r\n              <mat-option class=\"relative flex w-12 h-12 p-0 pointer-events-none rounded-full bg-transparent \"\r\n                [value]=\"selectedHue()\">\r\n                @if (selectedColor().color === selectedPalette() + '-' + hue) {\r\n                <mat-icon class=\"absolute m-3 text-white\" [svgIcon]=\"'heroicons_outline:check'\"></mat-icon>\r\n                }\r\n                <span class=\"flex w-10 h-10 m-1 rounded-full\" [ngClass]=\"selectedPalette() + '-' + hue\"></span>\r\n              </mat-option>\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n      </div>\r\n    </div>\r\n  </mat-select>\r\n</div>", styles: ["cmat-material-color-picker .mat-mdc-select-arrow-wrapper{display:none!important}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i1.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CmatMaterialColorPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatMaterialColorPickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cmat-material-color-picker', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatMaterialColorPicker', providers: [CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR], imports: [NgClass, MatSelectModule, MatIconModule, MatButtonModule, MatTooltipModule], template: "<div class=\"rounded\" [ngClass]=\"selectedColor().color\">\r\n  <mat-select value=\"init\" panelClass=\"min-w-64 overflow-hidden\" [disableOptionCentering]=\"true\" [hideSingleSelectionIndicator]=\"true\"\r\n    [disabled]=\"readonly\" (openedChange)=\"onMenuOpen($event)\">\r\n    <mat-select-trigger class=\"flex p-1\">\r\n      <mat-icon [svgIcon]=\"'heroicons_outline:paint-brush'\"></mat-icon>\r\n    </mat-select-trigger>\r\n\r\n    <header class=\"border-b-2 flex flex-row content-between justify-between p-2\">\r\n      <button type=\"button\" matIconButton  class=\"secondary-text\" aria-label=\"\u8C03\u8272\u677F\"\r\n        [class.invisible]=\"view === 'palettes'\" (click)=\"goToPalettesView()\">\r\n        <mat-icon svgIcon=\"mat_outline:arrow_back\"></mat-icon>\r\n      </button>\r\n      <span class=\"align-middle leading-loose text-xl font-bold\">{{title}}</span>\r\n      <button type=\"button\" matIconButton  class=\"remove-color-button secondary-text\" aria-label=\"\u79FB\u9664\u989C\u8272\"\r\n        matTooltip=\"\u79FB\u9664\u989C\u8272\" (click)=\"removeColor()\">\r\n        <mat-icon color=\"warn\" [svgIcon]=\"'mat_outline:cleaning_services'\"></mat-icon>\r\n      </button>\r\n    </header>\r\n\r\n    <div class=\"flex flex-wrap w-60 m-2\">\r\n      <mat-option value=\"init\" class=\"hidden\">\u521D\u59CB\u5316</mat-option>\r\n      <div>\r\n        @switch (view) {\r\n        @case ('palettes') {\r\n        <div>\r\n          <div class=\"flex flex-row flex-wrap justify-start content-start colors\">\r\n            @for (palette of palettes; track $index) {\r\n            <div role=\"presentation\" class=\"cursor-pointer hover:opacity-50\" (click)=\"selectPalette(palette)\">\r\n              <mat-option class=\"relative flex w-12 h-12 p-0 pointer-events-none rounded-full bg-transparent \"\r\n                [value]=\"selectedPalette\">\r\n                @if (selectedColor().color===palette + '-' + selectedHue) {\r\n                <mat-icon class=\"absolute m-3 text-white\" [svgIcon]=\"'heroicons_outline:check'\"></mat-icon>\r\n                }\r\n                <span class=\"flex w-10 h-10 m-1 rounded-full\" [ngClass]=\"palette + '-' + selectedHue\"></span>\r\n              </mat-option>\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @case ('hues') {\r\n        <div>\r\n          <div class=\"flex flex-row flex-wrap justify-start content-start colors\">\r\n            @for (hue of hues; track $index) {\r\n            <div role=\"presentation\" class=\"cursor-pointer hover:opacity-50\" (click)=\"selectHue(hue)\">\r\n              <mat-option class=\"relative flex w-12 h-12 p-0 pointer-events-none rounded-full bg-transparent \"\r\n                [value]=\"selectedHue\">\r\n                @if (selectedColor().color===selectedPalette + '-' + hue) {\r\n                <mat-icon class=\"absolute m-3 text-white\" [svgIcon]=\"'heroicons_outline:check'\"></mat-icon>\r\n                }\r\n                <span class=\"flex w-10 h-10 m-1 rounded-full\" [ngClass]=\"selectedPalette + '-' + hue\"></span>\r\n              </mat-option>\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n      </div>\r\n    </div>\r\n  </mat-select>\r\n</div>\r\n", styles: ["cmat-material-color-picker .mat-mdc-select-arrow-wrapper{display:none!important}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { colorChanged: [{
-                type: Output
-            }], color: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], readonly: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'cmat-material-color-picker', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatMaterialColorPicker', providers: [CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR], imports: [NgClass, MatSelectModule, MatIconModule, MatButtonModule, MatTooltipModule], template: "<div class=\"rounded\" [ngClass]=\"selectedColor().color\">\r\n  <mat-select \r\n    value=\"init\" \r\n    panelClass=\"min-w-64 overflow-hidden!\" \r\n    [disableOptionCentering]=\"true\" \r\n    [hideSingleSelectionIndicator]=\"true\"\r\n    [disabled]=\"readonly()\" \r\n    (openedChange)=\"onMenuOpen($event)\">\r\n    \r\n    <mat-select-trigger class=\"flex p-1\">\r\n      <mat-icon [svgIcon]=\"'heroicons_outline:paint-brush'\"></mat-icon>\r\n    </mat-select-trigger>\r\n\r\n    <header class=\"border-b-2 flex flex-row content-between justify-between p-2\">\r\n      <button type=\"button\" matIconButton class=\"secondary-text\" aria-label=\"\u8C03\u8272\u677F\"\r\n        [class.invisible]=\"view() === 'palettes'\" (click)=\"goToPalettesView()\">\r\n        <mat-icon svgIcon=\"mat_outline:arrow_back\"></mat-icon>\r\n      </button>\r\n      <span class=\"align-middle leading-loose text-xl font-bold\">{{title()}}</span>\r\n      <button type=\"button\" matIconButton class=\"remove-color-button secondary-text\" aria-label=\"\u79FB\u9664\u989C\u8272\"\r\n        matTooltip=\"\u79FB\u9664\u989C\u8272\" (click)=\"removeColor()\">\r\n        <mat-icon color=\"warn\" [svgIcon]=\"'mat_outline:cleaning_services'\"></mat-icon>\r\n      </button>\r\n    </header>\r\n\r\n    <div class=\"flex flex-wrap w-60 m-2\">\r\n      <mat-option value=\"init\" class=\"hidden\">\u521D\u59CB\u5316</mat-option>\r\n      <div>\r\n        @switch (view()) {\r\n        @case ('palettes') {\r\n        <div>\r\n          <div class=\"flex flex-row flex-wrap justify-start content-start colors\">\r\n            @for (palette of palettes(); track $index) {\r\n            <div role=\"presentation\" class=\"cursor-pointer hover:opacity-50\" (click)=\"selectPalette(palette)\">\r\n              <mat-option class=\"relative flex w-12 h-12 p-0 pointer-events-none rounded-full bg-transparent \"\r\n                [value]=\"selectedPalette()\">\r\n                @if (selectedColor().color === palette + '-' + selectedHue()) {\r\n                <mat-icon class=\"absolute m-3 text-white\" [svgIcon]=\"'heroicons_outline:check'\"></mat-icon>\r\n                }\r\n                <span class=\"flex w-10 h-10 m-1 rounded-full\" [ngClass]=\"palette + '-' + selectedHue()\"></span>\r\n              </mat-option>\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        @case ('hues') {\r\n        <div>\r\n          <div class=\"flex flex-row flex-wrap justify-start content-start colors\">\r\n            @for (hue of hues(); track $index) {\r\n            <div role=\"presentation\" class=\"cursor-pointer hover:opacity-50\" (click)=\"selectHue(hue)\">\r\n              <mat-option class=\"relative flex w-12 h-12 p-0 pointer-events-none rounded-full bg-transparent \"\r\n                [value]=\"selectedHue()\">\r\n                @if (selectedColor().color === selectedPalette() + '-' + hue) {\r\n                <mat-icon class=\"absolute m-3 text-white\" [svgIcon]=\"'heroicons_outline:check'\"></mat-icon>\r\n                }\r\n                <span class=\"flex w-10 h-10 m-1 rounded-full\" [ngClass]=\"selectedPalette() + '-' + hue\"></span>\r\n              </mat-option>\r\n            </div>\r\n            }\r\n          </div>\r\n        </div>\r\n        }\r\n        }\r\n      </div>\r\n    </div>\r\n  </mat-select>\r\n</div>", styles: ["cmat-material-color-picker .mat-mdc-select-arrow-wrapper{display:none!important}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], colorChanged: [{ type: i0.Output, args: ["colorChanged"] }] } });
 
 class CmatSelectedColor {
 }