angular-tailwind-components 1.8.3-RC5 → 1.9.0-RC1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-tailwind-components",
-  "version": "1.8.3-RC5",
+  "version": "1.9.0-RC1",
   "files": [
     "fesm2022",
     "types",

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

@@ -53,6 +53,19 @@ declare const TAILWIND_HEROICON_NAMES: readonly ["academic-cap", "adjustments-ho
 /** Use names listed in {@link TAILWIND_HEROICON_NAMES} (compile-time union omitted — large sets break Angular template inference). */
 type TailwindHeroicon = string;
 
+/** Labels for `tailwind-input-password` strength feedback panel. */
+interface TailwindPasswordLabels {
+    /** Shown when the field is empty or as panel heading while typing. */
+    prompt: string;
+    /** Weak password strength label. */
+    weak: string;
+    /** Medium password strength label. */
+    medium: string;
+    /** Strong password strength label. */
+    strong: string;
+}
+declare const DEFAULT_TAILWIND_PASSWORD_LABELS: TailwindPasswordLabels;
+
 declare class TailwindTooltipDirective implements OnDestroy {
     /** Tooltip text */
     readonly tooltip: _angular_core.InputSignal<string>;
@@ -216,6 +229,75 @@ declare class TailwindInput extends TailwindComponent implements ControlValueAcc
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindInput, "tailwind-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
+type PasswordStrengthLevel = 'weak' | 'medium' | 'strong';
+interface PasswordStrengthResult {
+    score: number;
+    level: PasswordStrengthLevel;
+}
+
+declare class TailwindInputPassword extends TailwindComponent implements ControlValueAccessor {
+    private readonly themeLabels;
+    /** Label text */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Placeholder text */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Size variant */
+    readonly size: _angular_core.InputSignal<TailwindSize>;
+    /** Helper text shown below input */
+    readonly helperText: _angular_core.InputSignal<string>;
+    /** Error text shown when hasError is true */
+    readonly errorText: _angular_core.InputSignal<string>;
+    /** Whether the input is in error state */
+    readonly hasError: _angular_core.InputSignal<boolean>;
+    /** Show strength feedback panel while typing */
+    readonly feedback: _angular_core.InputSignal<boolean>;
+    /** Show toggle to reveal/hide password */
+    readonly toggleMask: _angular_core.InputSignal<boolean>;
+    /** Override prompt label from theme token */
+    readonly promptLabel: _angular_core.InputSignal<string | undefined>;
+    /** Override weak strength label from theme token */
+    readonly weakLabel: _angular_core.InputSignal<string | undefined>;
+    /** Override medium strength label from theme token */
+    readonly mediumLabel: _angular_core.InputSignal<string | undefined>;
+    /** Override strong strength label from theme token */
+    readonly strongLabel: _angular_core.InputSignal<string | undefined>;
+    /** Two-way bound value */
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    readonly masked: _angular_core.WritableSignal<boolean>;
+    readonly isFocused: _angular_core.WritableSignal<boolean>;
+    readonly strength: _angular_core.Signal<PasswordStrengthResult>;
+    readonly strengthLevel: _angular_core.Signal<PasswordStrengthLevel>;
+    readonly meterFill: _angular_core.Signal<number>;
+    readonly showFeedbackPanel: _angular_core.Signal<boolean>;
+    readonly resolvedLabels: _angular_core.Signal<{
+        prompt: string;
+        weak: string;
+        medium: string;
+        strong: string;
+    }>;
+    readonly strengthLabel: _angular_core.Signal<string>;
+    readonly inputType: _angular_core.Signal<"text" | "password">;
+    readonly inputPaddingClass: _angular_core.Signal<"" | "pr-10">;
+    readonly toggleIcon: _angular_core.Signal<"eye" | "eye-slash">;
+    readonly toggleAriaLabel: _angular_core.Signal<"Mostra password" | "Nascondi password">;
+    readonly inputClasses: _angular_core.Signal<string>;
+    readonly meterSegmentClasses: _angular_core.Signal<("bg-danger-500" | "bg-warning-500" | "bg-success-600" | "bg-neutral-200")[]>;
+    private onChange;
+    private onTouched;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    onInputChange(event: Event): void;
+    onFocus(): void;
+    onBlur(): void;
+    toggleMaskVisibility(): void;
+    onEscape(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindInputPassword, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindInputPassword, "tailwind-input-password", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "feedback": { "alias": "feedback"; "required": false; "isSignal": true; }; "toggleMask": { "alias": "toggleMask"; "required": false; "isSignal": true; }; "promptLabel": { "alias": "promptLabel"; "required": false; "isSignal": true; }; "weakLabel": { "alias": "weakLabel"; "required": false; "isSignal": true; }; "mediumLabel": { "alias": "mediumLabel"; "required": false; "isSignal": true; }; "strongLabel": { "alias": "strongLabel"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
 declare class TailwindTextarea extends TailwindComponent implements ControlValueAccessor {
     /** Label text */
     readonly label: _angular_core.InputSignal<string>;
@@ -1419,6 +1501,10 @@ declare const TAILWIND_BUTTON_KIND: InjectionToken<TailwindButtonKind>;
  * Use placeholders `{start}`, `{end}`, `{total}` (same rules as the `summary` input).
  */
 declare const TAILWIND_PAGINATION_SUMMARY: InjectionToken<string>;
+/**
+ * Default labels for `tailwind-input-password` strength feedback when component inputs are omitted.
+ */
+declare const TAILWIND_PASSWORD_LABELS: InjectionToken<TailwindPasswordLabels>;
 
 /** Semantic color groups used by library components (maps to `--color-<name>-<shade>`). */
 type TailwindThemeSemantic = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
@@ -1460,6 +1546,8 @@ interface TailwindComponentsConfig {
     buttonKind?: TailwindButtonKind;
     /** Maps to {@link TAILWIND_PAGINATION_SUMMARY}. */
     paginationSummary?: string;
+    /** Maps to {@link TAILWIND_PASSWORD_LABELS}. */
+    passwordLabels?: TailwindPasswordLabels;
 }
 interface TailwindDefineThemeColors {
     primary?: TailwindThemeSeverityColor;
@@ -1512,5 +1600,5 @@ declare class TailwindModalRef<R = any> {
     _getResult(): R | undefined;
 }
 
-export { DEFAULT_PAGINATION_LENGTH_OPTIONS, TAILWIND_BUTTON_KIND, TAILWIND_COMPONENTS_SIZE, TAILWIND_DATETIME_LANGUAGE, TAILWIND_HEROICON_NAMES, TAILWIND_ICON_SIZE, TAILWIND_MODAL_DATA, TAILWIND_PAGINATION_SUMMARY, TW_TABLE_SORT_DIR_ATTR, TW_TABLE_SORT_KEY_ATTR, TailwindAccordion, TailwindAccordionItem, TailwindAlert, TailwindAutocomplete, TailwindBadge, TailwindBreadcrumb, TailwindButton, TailwindCard, TailwindCheckbox, TailwindDatePicker, TailwindDateTimePicker, TailwindDivider, TailwindDrawer, TailwindIcon, TailwindInput, TailwindInputOtp, TailwindMenu, TailwindMessage, TailwindMeter, TailwindModal, TailwindModalRef, TailwindModalService, TailwindNotification, TailwindPagination, TailwindProgressBar, TailwindRadioGroup, TailwindSelect, TailwindSkeleton, TailwindSlider, TailwindSortHeaderDirective, TailwindSpinner, TailwindStep, TailwindStepper, TailwindTab, TailwindTabGroup, TailwindTable, TailwindTableRowDirective, TailwindTableRowDirective as TailwindTableRowTemplateDirective, TailwindTag, TailwindTextarea, TailwindTimePicker, TailwindTitle, TailwindToast, TailwindToastService, TailwindToggle, TailwindToolbar, TailwindTooltip, TailwindTooltipDirective, TailwindUpload, buildTailwindThemeVariableEntries, defineTheme, provideTailwindComponents };
-export type { Pagination, TailwindAutocompleteItemContext, TailwindBreadcrumbItem, TailwindButtonKind, TailwindButtonRole, TailwindColor, TailwindComponentsConfig, TailwindDefineThemeColors, TailwindDefineThemeConfig, TailwindHeroicon, TailwindIconPosition, TailwindIconSize, TailwindMenuItem, TailwindMeterSegment, TailwindModalConfig, TailwindOption, TailwindOptionGroup, TailwindPosition, TailwindSeverity, TailwindShape, TailwindSize, TailwindSliderValue, TailwindTableSortHost, TailwindThemeColorShade, TailwindThemeSemantic, TailwindThemeSemanticPaletteObject, TailwindThemeSemanticShades, TailwindThemeSeverityColor, TailwindTitleTag, TailwindToastConfig, TailwindToastItem };
+export { DEFAULT_PAGINATION_LENGTH_OPTIONS, DEFAULT_TAILWIND_PASSWORD_LABELS, TAILWIND_BUTTON_KIND, TAILWIND_COMPONENTS_SIZE, TAILWIND_DATETIME_LANGUAGE, TAILWIND_HEROICON_NAMES, TAILWIND_ICON_SIZE, TAILWIND_MODAL_DATA, TAILWIND_PAGINATION_SUMMARY, TAILWIND_PASSWORD_LABELS, TW_TABLE_SORT_DIR_ATTR, TW_TABLE_SORT_KEY_ATTR, TailwindAccordion, TailwindAccordionItem, TailwindAlert, TailwindAutocomplete, TailwindBadge, TailwindBreadcrumb, TailwindButton, TailwindCard, TailwindCheckbox, TailwindDatePicker, TailwindDateTimePicker, TailwindDivider, TailwindDrawer, TailwindIcon, TailwindInput, TailwindInputOtp, TailwindInputPassword, TailwindMenu, TailwindMessage, TailwindMeter, TailwindModal, TailwindModalRef, TailwindModalService, TailwindNotification, TailwindPagination, TailwindProgressBar, TailwindRadioGroup, TailwindSelect, TailwindSkeleton, TailwindSlider, TailwindSortHeaderDirective, TailwindSpinner, TailwindStep, TailwindStepper, TailwindTab, TailwindTabGroup, TailwindTable, TailwindTableRowDirective, TailwindTableRowDirective as TailwindTableRowTemplateDirective, TailwindTag, TailwindTextarea, TailwindTimePicker, TailwindTitle, TailwindToast, TailwindToastService, TailwindToggle, TailwindToolbar, TailwindTooltip, TailwindTooltipDirective, TailwindUpload, buildTailwindThemeVariableEntries, defineTheme, provideTailwindComponents };
+export type { Pagination, TailwindAutocompleteItemContext, TailwindBreadcrumbItem, TailwindButtonKind, TailwindButtonRole, TailwindColor, TailwindComponentsConfig, TailwindDefineThemeColors, TailwindDefineThemeConfig, TailwindHeroicon, TailwindIconPosition, TailwindIconSize, TailwindMenuItem, TailwindMeterSegment, TailwindModalConfig, TailwindOption, TailwindOptionGroup, TailwindPasswordLabels, TailwindPosition, TailwindSeverity, TailwindShape, TailwindSize, TailwindSliderValue, TailwindTableSortHost, TailwindThemeColorShade, TailwindThemeSemantic, TailwindThemeSemanticPaletteObject, TailwindThemeSemanticShades, TailwindThemeSeverityColor, TailwindTitleTag, TailwindToastConfig, TailwindToastItem };