ngx-com 0.0.5 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -362,7 +362,7 @@ type DropdownTagVariants = VariantProps<typeof dropdownTagVariants>;
362
362
  /**
363
363
  * CVA variants for the tag remove button.
364
364
  *
365
- * @tokens `--color-ring`, `--radius-interactive-sm`
365
+ * @tokens `--color-ring`, `--radius-interactive-sm`, `--color-muted-foreground`, `--color-foreground`
366
366
  */
367
367
  declare const dropdownTagRemoveVariants: (props?: {
368
368
  size?: DropdownSize;
@@ -398,7 +398,7 @@ type DropdownEmptyVariants = VariantProps<typeof dropdownEmptyVariants>;
398
398
  /**
399
399
  * CVA variants for the clear button.
400
400
  *
401
- * @tokens `--color-ring`, `--radius-interactive-sm`
401
+ * @tokens `--color-ring`, `--radius-interactive-sm`, `--color-muted-foreground`, `--color-foreground`
402
402
  */
403
403
  declare const dropdownClearVariants: (props?: {
404
404
  size?: DropdownSize;
@@ -406,6 +406,8 @@ declare const dropdownClearVariants: (props?: {
406
406
  type DropdownClearVariants = VariantProps<typeof dropdownClearVariants>;
407
407
  /**
408
408
  * CVA variants for the chevron icon.
409
+ *
410
+ * @tokens `--color-muted-foreground`
409
411
  */
410
412
  declare const dropdownChevronVariants: (props?: {
411
413
  size?: DropdownSize;
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Signal, InputSignal, InjectionToken, OnInit, InputSignalWithTransform } from '@angular/core';
2
+ import { Signal, InputSignal, InjectionToken, OnInit, DoCheck, InputSignalWithTransform } from '@angular/core';
3
3
  import { NgControl, AbstractControl, FormGroupDirective, NgForm } from '@angular/forms';
4
4
  import { VariantProps } from 'class-variance-authority';
5
5
 
@@ -400,7 +400,7 @@ declare const FORM_FIELD_DEFAULTS: InjectionToken<FormFieldDefaults>;
400
400
  * </com-form-field>
401
401
  * ```
402
402
  */
403
- declare class ComInput implements FormFieldControl<string>, OnInit {
403
+ declare class ComInput implements FormFieldControl<string>, OnInit, DoCheck {
404
404
  private readonly elementRef;
405
405
  private readonly destroyRef;
406
406
  private readonly autofillMonitor;
@@ -419,6 +419,7 @@ declare class ComInput implements FormFieldControl<string>, OnInit {
419
419
  private readonly _empty;
420
420
  private readonly _uniqueId;
421
421
  private readonly _appearance;
422
+ private _previousNativeValue;
422
423
  readonly focused: Signal<boolean>;
423
424
  readonly id: Signal<string>;
424
425
  readonly shouldLabelFloat: Signal<boolean>;
@@ -431,6 +432,8 @@ declare class ComInput implements FormFieldControl<string>, OnInit {
431
432
  /** Computed host classes including appearance-based padding. */
432
433
  protected readonly hostClasses: Signal<string>;
433
434
  ngOnInit(): void;
435
+ ngDoCheck(): void;
436
+ private dirtyCheckNativeValue;
434
437
  protected onFocus(): void;
435
438
  protected onBlur(): void;
436
439
  protected onInput(): void;
@@ -141,7 +141,7 @@ type ItemDensity = 'compact' | 'default' | 'comfortable';
141
141
  /**
142
142
  * CVA variants for the item container (host element).
143
143
  *
144
- * @tokens `--color-primary-subtle`, `--color-muted`, `--color-ring`
144
+ * @tokens `--color-primary-subtle`, `--color-muted`, `--color-muted-hover`, `--color-ring`, `--color-disabled-foreground`
145
145
  */
146
146
  declare const itemVariants: (props?: {
147
147
  size?: ItemSize;
@@ -159,6 +159,9 @@ declare const tabScrollButtonVariants: (props?: {
159
159
  variant?: TabVariant;
160
160
  }) => string;
161
161
  type TabScrollButtonVariants = VariantProps<typeof tabScrollButtonVariants>;
162
+ /**
163
+ * @tokens `--color-muted-foreground`, `--color-foreground`, `--color-ring`, `--radius-interactive-sm`
164
+ */
162
165
  declare const tabCloseButtonVariants: (props?: {
163
166
  size?: TabSize;
164
167
  }) => string;