cmat 0.0.78 → 0.0.80

package/fesm2022/cmat-components-rating.mjs

@@ -1,7 +1,7 @@
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import { NgStyle, NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, inject, ChangeDetectorRef, Input, Output, ViewChild, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { EventEmitter, signal, inject, Input, Output, ViewChild, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import * as i1 from '@angular/material/icon';
@@ -18,12 +18,13 @@ class CmatRatingComponent {
         this.readonly = false;
         this.showMode = 'horizontal';
         this.valueChange = new EventEmitter();
+        this.starArray = signal([], ...(ngDevMode ? [{ debugName: "starArray" }] : /* istanbul ignore next */ []));
+        this.currentValue = signal(0, ...(ngDevMode ? [{ debugName: "currentValue" }] : /* istanbul ignore next */ []));
         this.stateChanges = new Subject();
         this.focused = false;
         this.touched = false;
         this.controlType = 'cmat-rating';
         this.ngControl = inject(NgControl, { optional: true, self: true });
-        this._changeDetectorRef = inject(ChangeDetectorRef);
         // eslint-disable-next-line @typescript-eslint/no-empty-function
         this.onModelChange = () => { };
         // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -97,8 +98,7 @@ class CmatRatingComponent {
     writeValue(value) {
         if (value) {
             this.value = value;
-            this.currentValue = value;
-            this._changeDetectorRef.markForCheck();
+            this.currentValue.set(value);
         }
     }
     setDisabledState(isDisabled) {
@@ -134,9 +134,9 @@ class CmatRatingComponent {
             if (half && this.half) {
                 this.value -= 0.5;
             }
-            this.currentValue = this.value;
-            this.valueChange.emit(this.currentValue);
-            this.onModelChange(this.currentValue);
+            this.currentValue.set(this.value);
+            this.valueChange.emit(this.currentValue());
+            this.onModelChange(this.currentValue());
         }
     }
     onMouseover(event, value, half) {
@@ -149,19 +149,19 @@ class CmatRatingComponent {
         }
     }
     onMouseleave() {
-        if (this.value !== this.currentValue) {
-            this.value = this.currentValue;
+        if (this.value !== this.currentValue()) {
+            this.value = this.currentValue();
         }
     }
     _initializeStarArray() {
-        this.starArray = Array.from({ length: this.stars }, (_, i) => i);
+        this.starArray.set(Array.from({ length: this.stars }, (_, i) => i));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CmatRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: CmatRatingComponent, isStandalone: true, selector: "cmat-rating", inputs: { id: "id", stars: "stars", readonly: "readonly", hover: "hover", half: "half", color: "color", showMode: "showMode", placeholder: "placeholder", value: "value", required: "required", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: CmatRatingComponent }], viewQueries: [{ propertyName: "_ratingElementRef", first: true, predicate: ["rating"], descendants: true }], exportAs: ["cmatRating"], usesOnChanges: true, ngImport: i0, template: "<div #rating class=\"flex\" [class.cmat-rating-readonly]=\"readonly||disabled\" [ngClass]=\"{'flex-col':showMode==='vertical','flex-row':showMode==='horizontal'}\"\r\n  (focus)=\"onFocus()\" (mouseleave)=\"onMouseleave()\">\r\n  @for (star of starArray; track $index; let i = $index) {\r\n  <div class=\"cmat-rating-item\">\r\n    @if (half) {\r\n    <div role=\"presentation\" class=\"cmat-rating-half\" [ngStyle]=\"{'opacity': isIn(i)?1:0}\" (focus)=\"onFocus()\"\r\n      (mouseover)=\"onMouseover($event, i, true)\" (click)=\"onClick($event, i, true)\">\r\n      <mat-icon [ngClass]=\"{'text-current': !color}\" [color]=\"color\"\r\n        [svgIcon]=\"'mat_outline:'+((!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n    }\r\n    <div role=\"presentation\" (mouseover)=\"onMouseover($event, i)\" (click)=\"onClick($event, i)\" (focus)=\"onFocus()\">\r\n      <mat-icon [color]=\"color\" [ngClass]=\"{'text-current': !color}\"\r\n        [svgIcon]=\"'mat_outline:'+((half && isIn(i)) || (!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>", styles: ["cmat-rating{display:flex;align-items:center}cmat-rating .cmat-rating-item{position:relative;cursor:pointer;line-height:0}cmat-rating .cmat-rating-item div{display:inline-block;font-size:1rem;padding:0 .1rem}cmat-rating .cmat-rating-item .cmat-rating-half{position:absolute;top:0;left:0;width:45%;z-index:10;opacity:0;overflow:hidden;padding-right:0}cmat-rating .cmat-rating-readonly .cmat-rating-item{cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatRatingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CmatRatingComponent, isStandalone: true, selector: "cmat-rating", inputs: { id: "id", stars: "stars", readonly: "readonly", hover: "hover", half: "half", color: "color", showMode: "showMode", placeholder: "placeholder", value: "value", required: "required", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, host: { properties: { "attr.id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: CmatRatingComponent }], viewQueries: [{ propertyName: "_ratingElementRef", first: true, predicate: ["rating"], descendants: true }], exportAs: ["cmatRating"], usesOnChanges: true, ngImport: i0, template: "<div #rating class=\"flex\" [class.cmat-rating-readonly]=\"readonly||disabled\" [ngClass]=\"{'flex-col':showMode==='vertical','flex-row':showMode==='horizontal'}\"\r\n  (focus)=\"onFocus()\" (mouseleave)=\"onMouseleave()\">\r\n  @for (star of starArray(); track $index; let i = $index) {\r\n  <div class=\"cmat-rating-item\">\r\n    @if (half) {\r\n    <div role=\"presentation\" class=\"cmat-rating-half\" [ngStyle]=\"{'opacity': isIn(i)?1:0}\" (focus)=\"onFocus()\"\r\n      (mouseover)=\"onMouseover($event, i, true)\" (click)=\"onClick($event, i, true)\">\r\n      <mat-icon [ngClass]=\"{'text-current': !color}\" [color]=\"color\"\r\n        [svgIcon]=\"'mat_outline:'+((!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n    }\r\n    <div role=\"presentation\" (mouseover)=\"onMouseover($event, i)\" (click)=\"onClick($event, i)\" (focus)=\"onFocus()\">\r\n      <mat-icon [color]=\"color\" [ngClass]=\"{'text-current': !color}\"\r\n        [svgIcon]=\"'mat_outline:'+((half && isIn(i)) || (!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: ["cmat-rating{display:flex;align-items:center}cmat-rating .cmat-rating-item{position:relative;cursor:pointer;line-height:0}cmat-rating .cmat-rating-item div{display:inline-block;font-size:1rem;padding:0 .1rem}cmat-rating .cmat-rating-item .cmat-rating-half{position:absolute;top:0;left:0;width:45%;z-index:10;opacity:0;overflow:hidden;padding-right:0}cmat-rating .cmat-rating-readonly .cmat-rating-item{cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CmatRatingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatRatingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cmat-rating', providers: [{ provide: MatFormFieldControl, useExisting: CmatRatingComponent }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatRating', imports: [MatIconModule, NgStyle, NgClass], template: "<div #rating class=\"flex\" [class.cmat-rating-readonly]=\"readonly||disabled\" [ngClass]=\"{'flex-col':showMode==='vertical','flex-row':showMode==='horizontal'}\"\r\n  (focus)=\"onFocus()\" (mouseleave)=\"onMouseleave()\">\r\n  @for (star of starArray; track $index; let i = $index) {\r\n  <div class=\"cmat-rating-item\">\r\n    @if (half) {\r\n    <div role=\"presentation\" class=\"cmat-rating-half\" [ngStyle]=\"{'opacity': isIn(i)?1:0}\" (focus)=\"onFocus()\"\r\n      (mouseover)=\"onMouseover($event, i, true)\" (click)=\"onClick($event, i, true)\">\r\n      <mat-icon [ngClass]=\"{'text-current': !color}\" [color]=\"color\"\r\n        [svgIcon]=\"'mat_outline:'+((!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n    }\r\n    <div role=\"presentation\" (mouseover)=\"onMouseover($event, i)\" (click)=\"onClick($event, i)\" (focus)=\"onFocus()\">\r\n      <mat-icon [color]=\"color\" [ngClass]=\"{'text-current': !color}\"\r\n        [svgIcon]=\"'mat_outline:'+((half && isIn(i)) || (!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>", styles: ["cmat-rating{display:flex;align-items:center}cmat-rating .cmat-rating-item{position:relative;cursor:pointer;line-height:0}cmat-rating .cmat-rating-item div{display:inline-block;font-size:1rem;padding:0 .1rem}cmat-rating .cmat-rating-item .cmat-rating-half{position:absolute;top:0;left:0;width:45%;z-index:10;opacity:0;overflow:hidden;padding-right:0}cmat-rating .cmat-rating-readonly .cmat-rating-item{cursor:not-allowed}\n"] }]
+            args: [{ selector: 'cmat-rating', providers: [{ provide: MatFormFieldControl, useExisting: CmatRatingComponent }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatRating', imports: [MatIconModule, NgStyle, NgClass], template: "<div #rating class=\"flex\" [class.cmat-rating-readonly]=\"readonly||disabled\" [ngClass]=\"{'flex-col':showMode==='vertical','flex-row':showMode==='horizontal'}\"\r\n  (focus)=\"onFocus()\" (mouseleave)=\"onMouseleave()\">\r\n  @for (star of starArray(); track $index; let i = $index) {\r\n  <div class=\"cmat-rating-item\">\r\n    @if (half) {\r\n    <div role=\"presentation\" class=\"cmat-rating-half\" [ngStyle]=\"{'opacity': isIn(i)?1:0}\" (focus)=\"onFocus()\"\r\n      (mouseover)=\"onMouseover($event, i, true)\" (click)=\"onClick($event, i, true)\">\r\n      <mat-icon [ngClass]=\"{'text-current': !color}\" [color]=\"color\"\r\n        [svgIcon]=\"'mat_outline:'+((!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n    }\r\n    <div role=\"presentation\" (mouseover)=\"onMouseover($event, i)\" (click)=\"onClick($event, i)\" (focus)=\"onFocus()\">\r\n      <mat-icon [color]=\"color\" [ngClass]=\"{'text-current': !color}\"\r\n        [svgIcon]=\"'mat_outline:'+((half && isIn(i)) || (!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: ["cmat-rating{display:flex;align-items:center}cmat-rating .cmat-rating-item{position:relative;cursor:pointer;line-height:0}cmat-rating .cmat-rating-item div{display:inline-block;font-size:1rem;padding:0 .1rem}cmat-rating .cmat-rating-item .cmat-rating-half{position:absolute;top:0;left:0;width:45%;z-index:10;opacity:0;overflow:hidden;padding-right:0}cmat-rating .cmat-rating-readonly .cmat-rating-item{cursor:not-allowed}\n"] }]
         }], ctorParameters: () => [], propDecorators: { id: [{
                 type: HostBinding,
                 args: ['attr.id']

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

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-rating.mjs","sources":["../../../projects/cmat/components/rating/rating.component.ts","../../../projects/cmat/components/rating/rating.component.html","../../../projects/cmat/components/rating/cmat-components-rating.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/member-ordering */\r\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\r\nimport { NgClass, NgStyle } from '@angular/common';\r\nimport { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ViewEncapsulation, OnChanges, SimpleChanges, OnInit, ChangeDetectorRef, ElementRef, HostBinding, ViewChild, OnDestroy, inject } from '@angular/core';\r\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\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-rating',\r\n  templateUrl: './rating.component.html',\r\n  styleUrls: ['./rating.component.scss'],\r\n  providers: [{ provide: MatFormFieldControl, useExisting: CmatRatingComponent }],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  exportAs: 'cmatRating',\r\n  imports: [MatIconModule, NgStyle, NgClass]\r\n})\r\nexport class CmatRatingComponent implements MatFormFieldControl<any>, ControlValueAccessor, OnInit, OnChanges, OnDestroy {\r\n  @HostBinding('attr.id')\r\n  @Input()\r\n  public id = `cmat-chip-input-${NEXT_ID++}`;\r\n\r\n  @ViewChild('rating', { static: false }) private _ratingElementRef: ElementRef<HTMLDivElement>;\r\n\r\n  @Input() stars: number = 5;\r\n  @Input() readonly: boolean = false;\r\n  @Input() hover: boolean;\r\n  @Input() half: boolean;\r\n  @Input() color?: string;\r\n  @Input() showMode?: 'horizontal' | 'vertical' = 'horizontal';\r\n  @Output() valueChange = new EventEmitter<any>();\r\n\r\n  starArray: number[];\r\n  currentValue: number;\r\n\r\n  readonly stateChanges: Subject<void> = new Subject<void>();\r\n  focused: boolean = false;\r\n  touched: boolean = false;\r\n  controlType: string = 'cmat-rating';\r\n  ngControl = inject(NgControl, { optional: true, self: true })!;\r\n  private _changeDetectorRef = inject(ChangeDetectorRef);\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  // eslint-disable-next-line @typescript-eslint/no-empty-function\r\n  onModelChange: (value: any) => void = () => { };\r\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\r\n  onTouchedChange: () => any = () => { };\r\n\r\n  ngOnInit(): void {\r\n    this._initializeStarArray();\r\n  }\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if ('stars' in changes) {\r\n      this._initializeStarArray();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.stateChanges.complete();\r\n  }\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\r\n  onFocus(): void {\r\n\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(): any {\r\n    return this._value;\r\n  }\r\n  set value(value: any) {\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: any;\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: any) {\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.readonly;\r\n  }\r\n  set disabled(value: BooleanInput) {\r\n    this.readonly = 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\r\n  writeValue(value: number): void {\r\n    if (value) {\r\n      this.value = value;\r\n      this.currentValue = value;\r\n\r\n      this._changeDetectorRef.markForCheck();\r\n    }\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n  }\r\n\r\n  registerOnChange(fn: any): void {\r\n    this.onModelChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouchedChange = fn;\r\n  }\r\n\r\n  setDescribedByIds(ids: string[]): void {\r\n    if (ids.length) {\r\n      this._ratingElementRef?.nativeElement.setAttribute('aria-describedby', ids.join(' '));\r\n    } else {\r\n      this._ratingElementRef?.nativeElement.removeAttribute('aria-describedby');\r\n    }\r\n  }\r\n\r\n  onContainerClick(): void {\r\n    if (!this.focused) {\r\n      this._ratingElementRef.nativeElement.focus();\r\n    }\r\n  }\r\n\r\n  isIn(value: number): boolean {\r\n    const ex = this.value - value;\r\n    return ex > 0 && ex < 1;\r\n  }\r\n\r\n  onClick(event: any, value: number, half?: boolean): void {\r\n    event.stopPropagation();\r\n    if (!this.readonly) {\r\n      this.value = value + 1;\r\n      if (half && this.half) {\r\n        this.value -= 0.5;\r\n      }\r\n      this.currentValue = this.value;\r\n      this.valueChange.emit(this.currentValue);\r\n      this.onModelChange(this.currentValue);\r\n    }\r\n  }\r\n\r\n  onMouseover(event: any, value: number, half?: boolean): void {\r\n    event.stopPropagation();\r\n    if (this.hover && !this.readonly) {\r\n      this.value = value + 1;\r\n      if (half && this.half) {\r\n        this.value -= 0.5;\r\n      }\r\n    }\r\n  }\r\n\r\n  onMouseleave(): void {\r\n    if (this.value !== this.currentValue) {\r\n      this.value = this.currentValue;\r\n    }\r\n  }\r\n\r\n  private _initializeStarArray(): void {\r\n    this.starArray = Array.from({ length: this.stars }, (_, i) => i);\r\n  }\r\n}\r\n\r\n","<div #rating class=\"flex\" [class.cmat-rating-readonly]=\"readonly||disabled\" [ngClass]=\"{'flex-col':showMode==='vertical','flex-row':showMode==='horizontal'}\"\r\n  (focus)=\"onFocus()\" (mouseleave)=\"onMouseleave()\">\r\n  @for (star of starArray; track $index; let i = $index) {\r\n  <div class=\"cmat-rating-item\">\r\n    @if (half) {\r\n    <div role=\"presentation\" class=\"cmat-rating-half\" [ngStyle]=\"{'opacity': isIn(i)?1:0}\" (focus)=\"onFocus()\"\r\n      (mouseover)=\"onMouseover($event, i, true)\" (click)=\"onClick($event, i, true)\">\r\n      <mat-icon [ngClass]=\"{'text-current': !color}\" [color]=\"color\"\r\n        [svgIcon]=\"'mat_outline:'+((!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n    }\r\n    <div role=\"presentation\" (mouseover)=\"onMouseover($event, i)\" (click)=\"onClick($event, i)\" (focus)=\"onFocus()\">\r\n      <mat-icon [color]=\"color\" [ngClass]=\"{'text-current': !color}\"\r\n        [svgIcon]=\"'mat_outline:'+((half && isIn(i)) || (!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>","/**\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-rating.mjs","sources":["../../../projects/cmat/components/rating/rating.component.ts","../../../projects/cmat/components/rating/rating.component.html","../../../projects/cmat/components/rating/cmat-components-rating.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/member-ordering */\r\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\r\nimport { NgClass, NgStyle } from '@angular/common';\r\nimport { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ViewEncapsulation, OnChanges, SimpleChanges, OnInit, ElementRef, HostBinding, ViewChild, OnDestroy, inject, signal } from '@angular/core';\r\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\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-rating',\r\n  templateUrl: './rating.component.html',\r\n  styleUrls: ['./rating.component.scss'],\r\n  providers: [{ provide: MatFormFieldControl, useExisting: CmatRatingComponent }],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  exportAs: 'cmatRating',\r\n  imports: [MatIconModule, NgStyle, NgClass]\r\n})\r\nexport class CmatRatingComponent implements MatFormFieldControl<any>, ControlValueAccessor, OnInit, OnChanges, OnDestroy {\r\n  @HostBinding('attr.id')\r\n  @Input()\r\n  public id = `cmat-chip-input-${NEXT_ID++}`;\r\n\r\n  @ViewChild('rating', { static: false }) private _ratingElementRef: ElementRef<HTMLDivElement>;\r\n\r\n  @Input() stars: number = 5;\r\n  @Input() readonly: boolean = false;\r\n  @Input() hover: boolean;\r\n  @Input() half: boolean;\r\n  @Input() color?: string;\r\n  @Input() showMode?: 'horizontal' | 'vertical' = 'horizontal';\r\n  @Output() valueChange = new EventEmitter<any>();\r\n\r\n  readonly starArray = signal<number[]>([]);\r\n  readonly currentValue = signal(0);\r\n\r\n  readonly stateChanges: Subject<void> = new Subject<void>();\r\n  focused: boolean = false;\r\n  touched: boolean = false;\r\n  controlType: string = 'cmat-rating';\r\n  ngControl = inject(NgControl, { optional: true, self: true })!;\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  // eslint-disable-next-line @typescript-eslint/no-empty-function\r\n  onModelChange: (value: any) => void = () => { };\r\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\r\n  onTouchedChange: () => any = () => { };\r\n\r\n  ngOnInit(): void {\r\n    this._initializeStarArray();\r\n  }\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if ('stars' in changes) {\r\n      this._initializeStarArray();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.stateChanges.complete();\r\n  }\r\n\r\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\r\n  onFocus(): void {\r\n\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(): any {\r\n    return this._value;\r\n  }\r\n  set value(value: any) {\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: any;\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: any) {\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.readonly;\r\n  }\r\n  set disabled(value: BooleanInput) {\r\n    this.readonly = 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\r\n  writeValue(value: number): void {\r\n    if (value) {\r\n      this.value = value;\r\n      this.currentValue.set(value);\r\n    }\r\n  }\r\n\r\n  setDisabledState(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n  }\r\n\r\n  registerOnChange(fn: any): void {\r\n    this.onModelChange = fn;\r\n  }\r\n\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouchedChange = fn;\r\n  }\r\n\r\n  setDescribedByIds(ids: string[]): void {\r\n    if (ids.length) {\r\n      this._ratingElementRef?.nativeElement.setAttribute('aria-describedby', ids.join(' '));\r\n    } else {\r\n      this._ratingElementRef?.nativeElement.removeAttribute('aria-describedby');\r\n    }\r\n  }\r\n\r\n  onContainerClick(): void {\r\n    if (!this.focused) {\r\n      this._ratingElementRef.nativeElement.focus();\r\n    }\r\n  }\r\n\r\n  isIn(value: number): boolean {\r\n    const ex = this.value - value;\r\n    return ex > 0 && ex < 1;\r\n  }\r\n\r\n  onClick(event: any, value: number, half?: boolean): void {\r\n    event.stopPropagation();\r\n    if (!this.readonly) {\r\n      this.value = value + 1;\r\n      if (half && this.half) {\r\n        this.value -= 0.5;\r\n      }\r\n      this.currentValue.set(this.value);\r\n      this.valueChange.emit(this.currentValue());\r\n      this.onModelChange(this.currentValue());\r\n    }\r\n  }\r\n\r\n  onMouseover(event: any, value: number, half?: boolean): void {\r\n    event.stopPropagation();\r\n    if (this.hover && !this.readonly) {\r\n      this.value = value + 1;\r\n      if (half && this.half) {\r\n        this.value -= 0.5;\r\n      }\r\n    }\r\n  }\r\n\r\n  onMouseleave(): void {\r\n    if (this.value !== this.currentValue()) {\r\n      this.value = this.currentValue();\r\n    }\r\n  }\r\n\r\n  private _initializeStarArray(): void {\r\n    this.starArray.set(Array.from({ length: this.stars }, (_, i) => i));\r\n  }\r\n}\r\n\r\n","<div #rating class=\"flex\" [class.cmat-rating-readonly]=\"readonly||disabled\" [ngClass]=\"{'flex-col':showMode==='vertical','flex-row':showMode==='horizontal'}\"\r\n  (focus)=\"onFocus()\" (mouseleave)=\"onMouseleave()\">\r\n  @for (star of starArray(); track $index; let i = $index) {\r\n  <div class=\"cmat-rating-item\">\r\n    @if (half) {\r\n    <div role=\"presentation\" class=\"cmat-rating-half\" [ngStyle]=\"{'opacity': isIn(i)?1:0}\" (focus)=\"onFocus()\"\r\n      (mouseover)=\"onMouseover($event, i, true)\" (click)=\"onClick($event, i, true)\">\r\n      <mat-icon [ngClass]=\"{'text-current': !color}\" [color]=\"color\"\r\n        [svgIcon]=\"'mat_outline:'+((!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n    }\r\n    <div role=\"presentation\" (mouseover)=\"onMouseover($event, i)\" (click)=\"onClick($event, i)\" (focus)=\"onFocus()\">\r\n      <mat-icon [color]=\"color\" [ngClass]=\"{'text-current': !color}\"\r\n        [svgIcon]=\"'mat_outline:'+((half && isIn(i)) || (!value || i >= value)?'star_border':'star')\">\r\n      </mat-icon>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cmat-components-rich-text-editor.mjs

@@ -5,45 +5,24 @@ import { FormControl, ReactiveFormsModule } from '@angular/forms';
 
 class CmatRichTextEditorComponent {
     constructor() {
-        /**
-         * 编辑器内容。
-         */
         this.value = '';
-        /**
-         * 占位文字。
-         */
         this.placeholder = '请输入内容';
-        /**
-         * 是否只读。
-         */
         this.readOnly = false;
-        /**
-         * 编辑器主题。
-         */
         this.theme = 'snow';
-        /**
-         * 编辑器最小高度。
-         */
         this.minHeight = '240px';
-        /**
-         * 编辑器控件。
-         */
         this.control = new FormControl('');
     }
-    /**
-     * 同步外部输入值。
-     */
     ngOnChanges(changes) {
         if (changes['value']) {
             this.control.setValue(this.value ?? '', { emitEvent: false });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CmatRichTextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: CmatRichTextEditorComponent, isStandalone: true, selector: "cmat-rich-text-editor", inputs: { value: "value", placeholder: "placeholder", readOnly: "readOnly", theme: "theme", minHeight: "minHeight" }, usesOnChanges: true, ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n@defer (on viewport) {\r\n    <div class=\"rounded-2xl border border-default bg-card shadow-sm\">\r\n        <quill-editor class=\"w-full\" [formControl]=\"control\" [placeholder]=\"placeholder\" [readOnly]=\"readOnly\" [theme]=\"theme\" [styles]=\"{ minHeight }\"></quill-editor>\r\n    </div>\r\n} @placeholder {\r\n    <div class=\"flex items-center justify-center rounded-2xl border border-dashed border-default bg-card px-4 py-6 text-sm text-secondary shadow-sm\" [style.minHeight]=\"minHeight\">\r\n        \u5BCC\u6587\u672C\u7F16\u8F91\u5668\u52A0\u8F7D\u4E2D...\r\n    </div>\r\n}\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('ngx-quill').then(m => m.QuillEditorComponent), i1.NgControlStatus, i1.FormControlDirective]] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatRichTextEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CmatRichTextEditorComponent, isStandalone: true, selector: "cmat-rich-text-editor", inputs: { value: "value", placeholder: "placeholder", readOnly: "readOnly", theme: "theme", minHeight: "minHeight" }, usesOnChanges: true, ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n@defer (on viewport) {\r\n    <div class=\"rounded-2xl border border-default bg-card shadow-sm\">\r\n        <quill-editor class=\"w-full\" [formControl]=\"control\" [placeholder]=\"placeholder\" [readOnly]=\"readOnly\" [theme]=\"theme\" [styles]=\"{ minHeight }\"></quill-editor>\r\n    </div>\r\n} @placeholder {\r\n    <div class=\"flex items-center justify-center rounded-2xl border border-dashed border-default bg-card px-4 py-6 text-sm text-secondary shadow-sm\" [style.minHeight]=\"minHeight\">\r\n        \u5BCC\u6587\u672C\u7F16\u8F91\u5668\u52A0\u8F7D\u4E2D...\r\n    </div>\r\n}\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('ngx-quill').then(m => m.QuillEditorComponent), i1.NgControlStatus, i1.FormControlDirective]] }); }
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.7", ngImport: i0, type: CmatRichTextEditorComponent, resolveDeferredDeps: () => [import('ngx-quill').then(m => m.QuillEditorComponent)], resolveMetadata: QuillEditorComponent => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.9", ngImport: i0, type: CmatRichTextEditorComponent, resolveDeferredDeps: () => [import('ngx-quill').then(m => m.QuillEditorComponent)], resolveMetadata: QuillEditorComponent => ({ decorators: [{
                 type: Component,
-                args: [{ selector: 'cmat-rich-text-editor', changeDetection: ChangeDetectionStrategy.OnPush, imports: [QuillEditorComponent, ReactiveFormsModule], template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n@defer (on viewport) {\r\n    <div class=\"rounded-2xl border border-default bg-card shadow-sm\">\r\n        <quill-editor class=\"w-full\" [formControl]=\"control\" [placeholder]=\"placeholder\" [readOnly]=\"readOnly\" [theme]=\"theme\" [styles]=\"{ minHeight }\"></quill-editor>\r\n    </div>\r\n} @placeholder {\r\n    <div class=\"flex items-center justify-center rounded-2xl border border-dashed border-default bg-card px-4 py-6 text-sm text-secondary shadow-sm\" [style.minHeight]=\"minHeight\">\r\n        \u5BCC\u6587\u672C\u7F16\u8F91\u5668\u52A0\u8F7D\u4E2D...\r\n    </div>\r\n}\r\n", styles: [":host{display:block}\n"] }]
+                args: [{ selector: 'cmat-rich-text-editor', changeDetection: ChangeDetectionStrategy.OnPush, imports: [QuillEditorComponent, ReactiveFormsModule], template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n@defer (on viewport) {\r\n    <div class=\"rounded-2xl border border-default bg-card shadow-sm\">\r\n        <quill-editor class=\"w-full\" [formControl]=\"control\" [placeholder]=\"placeholder\" [readOnly]=\"readOnly\" [theme]=\"theme\" [styles]=\"{ minHeight }\"></quill-editor>\r\n    </div>\r\n} @placeholder {\r\n    <div class=\"flex items-center justify-center rounded-2xl border border-dashed border-default bg-card px-4 py-6 text-sm text-secondary shadow-sm\" [style.minHeight]=\"minHeight\">\r\n        \u5BCC\u6587\u672C\u7F16\u8F91\u5668\u52A0\u8F7D\u4E2D...\r\n    </div>\r\n}\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n", styles: [":host{display:block}\n"] }]
             }], ctorParameters: null, propDecorators: { value: [{
                     type: Input
                 }], placeholder: [{

package/fesm2022/cmat-components-rich-text-editor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-rich-text-editor.mjs","sources":["../../../projects/cmat/components/rich-text-editor/rich-text-editor.component.ts","../../../projects/cmat/components/rich-text-editor/rich-text-editor.component.html","../../../projects/cmat/components/rich-text-editor/cmat-components-rich-text-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { QuillEditorComponent } from 'ngx-quill';\r\n\r\n@Component({\r\n    selector: 'cmat-rich-text-editor',\r\n    templateUrl: './rich-text-editor.component.html',\r\n    styleUrls: ['./rich-text-editor.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [QuillEditorComponent, ReactiveFormsModule]\r\n})\r\nexport class CmatRichTextEditorComponent implements OnChanges {\r\n    /**\r\n     * 编辑器内容。\r\n     */\r\n    @Input() value = '';\r\n\r\n    /**\r\n     * 占位文字。\r\n     */\r\n    @Input() placeholder = '请输入内容';\r\n\r\n    /**\r\n     * 是否只读。\r\n     */\r\n    @Input() readOnly = false;\r\n\r\n    /**\r\n     * 编辑器主题。\r\n     */\r\n    @Input() theme = 'snow';\r\n\r\n    /**\r\n     * 编辑器最小高度。\r\n     */\r\n    @Input() minHeight = '240px';\r\n\r\n    /**\r\n     * 编辑器控件。\r\n     */\r\n    control = new FormControl('');\r\n\r\n    /**\r\n     * 同步外部输入值。\r\n     */\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['value']) {\r\n            this.control.setValue(this.value ?? '', { emitEvent: false });\r\n        }\r\n    }\r\n}\r\n","<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n@defer (on viewport) {\r\n    <div class=\"rounded-2xl border border-default bg-card shadow-sm\">\r\n        <quill-editor class=\"w-full\" [formControl]=\"control\" [placeholder]=\"placeholder\" [readOnly]=\"readOnly\" [theme]=\"theme\" [styles]=\"{ minHeight }\"></quill-editor>\r\n    </div>\r\n} @placeholder {\r\n    <div class=\"flex items-center justify-center rounded-2xl border border-dashed border-default bg-card px-4 py-6 text-sm text-secondary shadow-sm\" [style.minHeight]=\"minHeight\">\r\n        富文本编辑器加载中...\r\n    </div>\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAWa,2BAA2B,CAAA;AAPxC,IAAA,WAAA,GAAA;AAQI;;AAEG;QACM,IAAA,CAAA,KAAK,GAAG,EAAE;AAEnB;;AAEG;QACM,IAAA,CAAA,WAAW,GAAG,OAAO;AAE9B;;AAEG;QACM,IAAA,CAAA,QAAQ,GAAG,KAAK;AAEzB;;AAEG;QACM,IAAA,CAAA,KAAK,GAAG,MAAM;AAEvB;;AAEG;QACM,IAAA,CAAA,SAAS,GAAG,OAAO;AAE5B;;AAEG;AACH,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC;AAUhC,IAAA;AARG;;AAEG;AACH,IAAA,WAAW,CAAC,OAAsB,EAAA;AAC9B,QAAA,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;AAClB,YAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QACjE;IACJ;8GAtCS,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXxC,wpBAUA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDDoC,mBAAmB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,sBAAA,EAAA,CAAA,MAAA,CAAA,OAAA,WAAA,CAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,CAAA,eAAA,EAAA,EAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,CAAA,CAAA;;gGAE1C,2BAA2B,EAAA,mBAAA,EAAA,MAAA,CAAA,OAAA,WAAA,CAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,eAAA,EAAA,oBAAA,KAAA,EAAA,UAAA,EAAA,CAAA;sBAPvC,SAAS;mCACI,uBAAuB,EAAA,eAAA,EAGhB,uBAAuB,CAAC,MAAM,WACtC,CAAC,oBAAoB,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,wpBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;0BAMnD;;0BAKA;;0BAKA;;0BAKA;;0BAKA;;;AEnCL;;AAEG;;;;"}
+{"version":3,"file":"cmat-components-rich-text-editor.mjs","sources":["../../../projects/cmat/components/rich-text-editor/rich-text-editor.component.ts","../../../projects/cmat/components/rich-text-editor/rich-text-editor.component.html","../../../projects/cmat/components/rich-text-editor/cmat-components-rich-text-editor.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnChanges, SimpleChanges } from '@angular/core';\r\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\r\nimport { QuillEditorComponent } from 'ngx-quill';\r\n\r\n@Component({\r\n    selector: 'cmat-rich-text-editor',\r\n    templateUrl: './rich-text-editor.component.html',\r\n    styleUrls: ['./rich-text-editor.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [QuillEditorComponent, ReactiveFormsModule]\r\n})\r\nexport class CmatRichTextEditorComponent implements OnChanges {\r\n    \r\n    @Input() value = '';\r\n\r\n    \r\n    @Input() placeholder = '请输入内容';\r\n\r\n    \r\n    @Input() readOnly = false;\r\n\r\n    \r\n    @Input() theme = 'snow';\r\n\r\n    \r\n    @Input() minHeight = '240px';\r\n\r\n    \r\n    control = new FormControl('');\r\n\r\n    \r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes['value']) {\r\n            this.control.setValue(this.value ?? '', { emitEvent: false });\r\n        }\r\n    }\r\n}\r\n","<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n@defer (on viewport) {\r\n    <div class=\"rounded-2xl border border-default bg-card shadow-sm\">\r\n        <quill-editor class=\"w-full\" [formControl]=\"control\" [placeholder]=\"placeholder\" [readOnly]=\"readOnly\" [theme]=\"theme\" [styles]=\"{ minHeight }\"></quill-editor>\r\n    </div>\r\n} @placeholder {\r\n    <div class=\"flex items-center justify-center rounded-2xl border border-dashed border-default bg-card px-4 py-6 text-sm text-secondary shadow-sm\" [style.minHeight]=\"minHeight\">\r\n        富文本编辑器加载中...\r\n    </div>\r\n}\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAWa,2BAA2B,CAAA;AAPxC,IAAA,WAAA,GAAA;QASa,IAAA,CAAA,KAAK,GAAG,EAAE;QAGV,IAAA,CAAA,WAAW,GAAG,OAAO;QAGrB,IAAA,CAAA,QAAQ,GAAG,KAAK;QAGhB,IAAA,CAAA,KAAK,GAAG,MAAM;QAGd,IAAA,CAAA,SAAS,GAAG,OAAO;AAG5B,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,WAAW,CAAC,EAAE,CAAC;AAQhC,IAAA;AALG,IAAA,WAAW,CAAC,OAAsB,EAAA;AAC9B,QAAA,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;AAClB,YAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;QACjE;IACJ;8GAxBS,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXxC,4tBAWA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDFoC,mBAAmB,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,sBAAA,EAAA,CAAA,MAAA,CAAA,OAAA,WAAA,CAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,CAAA,eAAA,EAAA,EAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,CAAA,CAAA;;gGAE1C,2BAA2B,EAAA,mBAAA,EAAA,MAAA,CAAA,OAAA,WAAA,CAAA,CAAA,IAAA,CAAA,CAAA,IAAA,CAAA,CAAA,oBAAA,CAAA,CAAA,EAAA,eAAA,EAAA,oBAAA,KAAA,EAAA,UAAA,EAAA,CAAA;sBAPvC,SAAS;mCACI,uBAAuB,EAAA,eAAA,EAGhB,uBAAuB,CAAC,MAAM,WACtC,CAAC,oBAAoB,EAAE,mBAAmB,CAAC,EAAA,QAAA,EAAA,4tBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;0BAInD;;0BAGA;;0BAGA;;0BAGA;;0BAGA;;;AEzBL;;AAEG;;;;"}