angular-tailwind-components 1.1.1 → 1.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-tailwind-components",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "files": [
     "fesm2022",
     "types",

package/types/angular-tailwind-components.d.ts

@@ -269,6 +269,14 @@ declare class TailwindToggle extends TailwindComponent implements ControlValueAc
     readonly isDisabled: _angular_core.WritableSignal<boolean>;
     /** Track (background) classes */
     readonly trackClasses: _angular_core.Signal<string>;
+    /** `aria-label` / `aria-labelledby` for the switch (label text is not a hit target) */
+    readonly switchAria: _angular_core.Signal<{
+        label: string;
+        labelledBy: string | null;
+    } | {
+        label: null;
+        labelledBy: string;
+    }>;
     /** Thumb (knob) classes */
     readonly thumbClasses: _angular_core.Signal<string>;
     private onChange;
@@ -306,6 +314,7 @@ declare class TailwindTitle extends TailwindComponent {
     /** HTML heading element */
     readonly titleTag: _angular_core.InputSignal<TailwindTitleTag>;
     readonly headingClasses: _angular_core.Signal<string>;
+    readonly iconSize: _angular_core.Signal<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindTitle, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindTitle, "tailwind-title", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "titleTag": { "alias": "titleTag"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -611,6 +620,7 @@ declare class TailwindTable extends TailwindComponent {
 }
 
 declare class TailwindDatePicker extends TailwindComponent implements ControlValueAccessor {
+    private readonly host;
     private readonly lang;
     protected readonly i18n: {
         months: string[];
@@ -648,6 +658,8 @@ declare class TailwindDatePicker extends TailwindComponent implements ControlVal
     isSelected(day: number): boolean;
     isToday(day: number): boolean;
     goToToday(): void;
+    onDocumentPointerDown(event: PointerEvent): void;
+    onDocumentKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindDatePicker, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindDatePicker, "tailwind-date-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
@@ -657,6 +669,7 @@ type TimeDraft = {
     m: number;
 };
 declare class TailwindTimePicker extends TailwindComponent implements ControlValueAccessor {
+    private readonly host;
     private readonly lang;
     protected readonly i18n: {
         placeholder: string;
@@ -682,11 +695,14 @@ declare class TailwindTimePicker extends TailwindComponent implements ControlVal
     goToNow(): void;
     onHourChange(e: Event): void;
     onMinuteChange(e: Event): void;
+    onDocumentPointerDown(event: PointerEvent): void;
+    onDocumentKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindTimePicker, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindTimePicker, "tailwind-time-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 declare class TailwindDateTimePicker extends TailwindComponent implements ControlValueAccessor {
+    private readonly host;
     private readonly lang;
     protected readonly i18n: {
         months: string[];
@@ -731,6 +747,8 @@ declare class TailwindDateTimePicker extends TailwindComponent implements Contro
     onMinuteChange(e: Event): void;
     private todayNow;
     private emitValue;
+    onDocumentPointerDown(event: PointerEvent): void;
+    onDocumentKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindDateTimePicker, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindDateTimePicker, "tailwind-datetime-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -966,6 +984,8 @@ declare class TailwindSlider extends TailwindComponent implements ControlValueAc
     readonly showTicks: _angular_core.InputSignal<boolean>;
     /** Control size */
     readonly size: _angular_core.InputSignal<TailwindSize>;
+    /** Track fill / thumb color */
+    readonly variant: _angular_core.InputSignal<"primary" | TailwindSeverity>;
     readonly trackRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     /** Single-thumb value */
     readonly singleValue: _angular_core.WritableSignal<number>;
@@ -983,6 +1003,15 @@ declare class TailwindSlider extends TailwindComponent implements ControlValueAc
     readonly thumbSizeClass: _angular_core.Signal<string>;
     readonly trackThickness: _angular_core.Signal<string>;
     readonly verticalTrackThickness: _angular_core.Signal<string>;
+    /**
+     * Uses theme CSS variables (`--color-*`) so accent colors work even when dynamic
+     * `bg-*` utilities are not present in the compiled stylesheet (Tailwind content scan).
+     */
+    readonly accentVars: _angular_core.Signal<{
+        fill: string;
+        thumb: string;
+        ring: string;
+    }>;
     readonly singlePct: _angular_core.Signal<number>;
     readonly lowPct: _angular_core.Signal<number>;
     readonly highPct: _angular_core.Signal<number>;
@@ -1002,7 +1031,7 @@ declare class TailwindSlider extends TailwindComponent implements ControlValueAc
     private applyPointer;
     onKeyDown(event: KeyboardEvent, thumbIndex: 0 | 1): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindSlider, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindSlider, "tailwind-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "showTicks": { "alias": "showTicks"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hostDisabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindSlider, "tailwind-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "showTicks": { "alias": "showTicks"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "hostDisabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare const TAILWIND_MODAL_DATA: InjectionToken<unknown>;