@tailng-ui/components 0.14.0 → 0.16.0

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@tailng-ui/components",
-  "version": "0.14.0",
+  "version": "0.16.0",
+  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/tailng/tailng-ui"
   },
   "dependencies": {
-    "@tailng-ui/primitives": "^0.14.0"
+    "@tailng-ui/primitives": "^0.16.0"
   },
   "peerDependencies": {
     "@angular/core": "^21.1.0",

package/src/lib/form/button-toggle/tng-button-toggle-group.component.d.ts

@@ -28,12 +28,12 @@ export declare class TngButtonToggleGroupComponent {
         previousValue: TngButtonToggleValue | null;
         previousValues: readonly TngButtonToggleValue[];
         values: readonly TngButtonToggleValue[];
-        trigger: "programmatic" | "pointer" | "keyboard";
+        trigger: "programmatic" | "keyboard" | "pointer";
     }>>;
     readonly focusChange: import("@angular/core").OutputEmitterRef<Readonly<{
         value: TngButtonToggleValue;
         previousValue: TngButtonToggleValue | null;
-        trigger: "programmatic" | "pointer" | "keyboard";
+        trigger: "programmatic" | "keyboard" | "pointer";
     }>>;
     protected resolvedValue(): TngButtonToggleValue | null | undefined;
     protected resolvedValues(): readonly TngButtonToggleValue[] | undefined;

package/src/lib/form/datepicker/tng-datepicker.component.d.ts

@@ -0,0 +1,236 @@
+import type { OnDestroy } from '@angular/core';
+import { type TngCalendarView, type TngDateCell, type TngDateInputValue, type TngDateSelectionInput, type TngDateValue, type TngDatepickerCloseReason, type TngDatepickerDirection, type TngDatepickerSelectionMode, type TngMonthOption, type TngWeekdayIndex, type TngYearOption } from '@tailng-ui/primitives';
+type OptionalBooleanInput = boolean | null | string | undefined;
+type TngDatepickerPlacement = 'auto' | 'bottom' | 'top';
+export declare class TngDatepickerComponent<TDate = Date> implements OnDestroy {
+    private readonly hostElement;
+    private readonly defaultLocale;
+    private readonly fallbackInputId;
+    private readonly ownerDocument;
+    private readonly ownerWindow;
+    private readonly renderVersion;
+    private readonly overlayOpen;
+    private readonly resolvedOverlayPlacement;
+    private readonly anchorRef;
+    private readonly triggerRef;
+    private readonly overlayRef;
+    private overlayPlaceholder;
+    private overlayOriginalParent;
+    private removeResizeListener;
+    private removeScrollListener;
+    private resizeObserver;
+    private overlayLayoutFrame;
+    private appliedInitialState;
+    private readonly controller;
+    private readonly unsubscribe;
+    readonly adapter: import("@angular/core").InputSignal<Readonly<{
+        addDays: (date: TDate, amount: number) => TDate;
+        addMonths: (date: TDate, amount: number) => TDate;
+        addYears: (date: TDate, amount: number) => TDate;
+        compare: (left: TDate, right: TDate) => -1 | 0 | 1;
+        createDate: (year: number, month: number, day: number) => TDate;
+        deserialize?: ((value: unknown, locale?: string) => TDate | null) | undefined;
+        endOfMonth: (date: TDate) => TDate;
+        format: (date: TDate, format: import("@tailng-ui/primitives").TngDateFormatToken | string, locale?: string) => string;
+        getDate: (date: TDate) => number;
+        getDay: (date: TDate) => number;
+        getMonth: (date: TDate) => number;
+        getYear: (date: TDate) => number;
+        isValid: (date: TDate) => boolean;
+        parse: (text: string, locale?: string) => TDate | null;
+        startOfMonth: (date: TDate) => TDate;
+        startOfWeek: (date: TDate, weekStartsOn: TngWeekdayIndex) => TDate;
+        today: () => TDate;
+    }> | undefined>;
+    readonly allowDeselect: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly allowManualInput: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly ariaDescribedBy: import("@angular/core").InputSignal<string | null>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
+    readonly ariaLabelledBy: import("@angular/core").InputSignal<string | null>;
+    readonly autoCommitView: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly closeOnEscape: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly closeOnOutsideClick: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly closeOnSelect: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly closeOthersOnOpen: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly defaultOpen: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly defaultValue: import("@angular/core").InputSignal<TngDateSelectionInput<TDate>>;
+    readonly direction: import("@angular/core").InputSignal<TngDatepickerDirection>;
+    readonly disableDate: import("@angular/core").InputSignal<((date: TDate) => boolean) | null>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly fullWidth: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly id: import("@angular/core").InputSignal<string | null>;
+    readonly inputAriaLabel: import("@angular/core").InputSignal<string>;
+    readonly invalid: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly locale: import("@angular/core").InputSignal<string>;
+    readonly maxDate: import("@angular/core").InputSignal<TngDateInputValue<TDate>>;
+    readonly minDate: import("@angular/core").InputSignal<TngDateInputValue<TDate>>;
+    readonly open: import("@angular/core").InputSignalWithTransform<boolean | undefined, OptionalBooleanInput>;
+    readonly overlaySize: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly placement: import("@angular/core").InputSignal<TngDatepickerPlacement>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly restoreFocus: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly selectionMode: import("@angular/core").InputSignal<TngDatepickerSelectionMode>;
+    readonly showOutsideDays: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly today: import("@angular/core").InputSignal<TngDateInputValue<TDate>>;
+    readonly trapFocus: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+    readonly value: import("@angular/core").InputSignal<TngDateSelectionInput<TDate>>;
+    readonly weekStartsOn: import("@angular/core").InputSignalWithTransform<TngWeekdayIndex, string | number>;
+    readonly yearPageSize: import("@angular/core").InputSignalWithTransform<number, string | number>;
+    readonly activeDateChange: import("@angular/core").OutputEmitterRef<TDate>;
+    readonly closed: import("@angular/core").OutputEmitterRef<TngDatepickerCloseReason>;
+    readonly monthChange: import("@angular/core").OutputEmitterRef<TDate>;
+    readonly openChange: import("@angular/core").OutputEmitterRef<boolean>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<TngDateValue<TDate>>;
+    readonly viewChange: import("@angular/core").OutputEmitterRef<TngCalendarView>;
+    readonly yearChange: import("@angular/core").OutputEmitterRef<number>;
+    protected readonly outputs: import("@angular/core").Signal<Readonly<{
+        activeDate: TDate;
+        cells: readonly Readonly<{
+            active: boolean;
+            colIndex: number;
+            date: TDate;
+            disabled: boolean;
+            focusVisible: boolean;
+            hidden: boolean;
+            id: string;
+            inMonth: boolean;
+            inRange: boolean;
+            label: string;
+            rangeEnd: boolean;
+            rangeStart: boolean;
+            rowIndex: number;
+            selected: boolean;
+            tabindex: -1 | 0;
+            today: boolean;
+        }>[];
+        focusedSection: import("@tailng-ui/primitives").TngDatepickerFocusedSection;
+        getCellAttributes: (cellOrDate: TDate | Readonly<Readonly<{
+            active: boolean;
+            colIndex: number;
+            date: TDate;
+            disabled: boolean;
+            focusVisible: boolean;
+            hidden: boolean;
+            id: string;
+            inMonth: boolean;
+            inRange: boolean;
+            label: string;
+            rangeEnd: boolean;
+            rangeStart: boolean;
+            rowIndex: number;
+            selected: boolean;
+            tabindex: -1 | 0;
+            today: boolean;
+        }>>) => import("@tailng-ui/primitives").TngDatepickerAttributeMap;
+        getGridAttributes: () => import("@tailng-ui/primitives").TngDatepickerAttributeMap;
+        getHostAttributes: () => import("@tailng-ui/primitives").TngDatepickerAttributeMap;
+        getMonthAttributes: (monthOrOption: number | Readonly<Readonly<{
+            active: boolean;
+            date: TDate;
+            disabled: boolean;
+            focusVisible: boolean;
+            id: string;
+            index: number;
+            label: string;
+            selected: boolean;
+            tabindex: -1 | 0;
+        }>>) => import("@tailng-ui/primitives").TngDatepickerAttributeMap;
+        getOverlayAttributes: () => import("@tailng-ui/primitives").TngDatepickerAttributeMap;
+        getTriggerAttributes: () => import("@tailng-ui/primitives").TngDatepickerAttributeMap;
+        getYearAttributes: (yearOrOption: number | Readonly<Readonly<{
+            active: boolean;
+            date: TDate;
+            disabled: boolean;
+            focusVisible: boolean;
+            id: string;
+            label: string;
+            selected: boolean;
+            tabindex: -1 | 0;
+            year: number;
+        }>>) => import("@tailng-ui/primitives").TngDatepickerAttributeMap;
+        inputText: string;
+        labelMonthYear: string;
+        layout: Readonly<{
+            mode: import("dist/libs/tailng-ui/primitives/src/lib/form/datepicker/datepicker.types").TngDatepickerOverlayMode;
+            offsetX: number;
+            width: number;
+        }>;
+        monthOptions: readonly Readonly<{
+            active: boolean;
+            date: TDate;
+            disabled: boolean;
+            focusVisible: boolean;
+            id: string;
+            index: number;
+            label: string;
+            selected: boolean;
+            tabindex: -1 | 0;
+        }>[];
+        open: boolean;
+        validationError: string | null;
+        value: TngDateValue<TDate>;
+        view: TngCalendarView;
+        visibleMonth: TDate;
+        weekdayLabels: readonly string[];
+        yearOptions: readonly Readonly<{
+            active: boolean;
+            date: TDate;
+            disabled: boolean;
+            focusVisible: boolean;
+            id: string;
+            label: string;
+            selected: boolean;
+            tabindex: -1 | 0;
+            year: number;
+        }>[];
+    }>>;
+    protected readonly invalidState: import("@angular/core").Signal<boolean>;
+    protected readonly currentOverlayPlacement: import("@angular/core").Signal<"bottom" | "top">;
+    protected readonly materialPeriodLabel: import("@angular/core").Signal<string>;
+    protected get dataFullWidth(): '' | null;
+    constructor();
+    ngOnDestroy(): void;
+    clear(): void;
+    close(reason?: TngDatepickerCloseReason): void;
+    openDatepicker(): void;
+    showDaysPanel(): void;
+    showMonthsPanel(): void;
+    showYearsPanel(): void;
+    toggleOpen(): void;
+    protected resolveInputId(): string;
+    protected isDayView(): boolean;
+    protected isMonthView(): boolean;
+    protected isYearView(): boolean;
+    protected onDayCellClick(cell: Readonly<TngDateCell<TDate>>): void;
+    protected onInputBlur(): void;
+    protected onInputChange(event: Event): void;
+    protected onInputKeydown(event: KeyboardEvent): void;
+    protected onGridKeydown(event: KeyboardEvent): void;
+    protected onMonthKeydown(event: KeyboardEvent): void;
+    protected onMonthOptionClick(option: Readonly<TngMonthOption<TDate>>): void;
+    protected onOverlayKeydown(event: KeyboardEvent): void;
+    protected onTriggerClick(): void;
+    protected onTriggerKeydown(event: KeyboardEvent): void;
+    protected onPeriodButtonClick(): void;
+    protected onYearKeydown(event: KeyboardEvent): void;
+    protected onYearOptionClick(option: Readonly<TngYearOption<TDate>>): void;
+    protected pageBackward(): void;
+    protected pageForward(): void;
+    private queueOverlayFocusSync;
+    private resolveCurrentFocusTargetId;
+    private shouldSyncOverlayFocusAfterPickerKey;
+    private isPickerActivationKey;
+    private scheduleOverlayLayoutSync;
+    private initializeOverlayPortal;
+    private positionOverlay;
+    private mountOverlayToBodyAndPosition;
+    private restoreOverlayToPlaceholder;
+    private setupOverlayRepositionListeners;
+    private teardownOverlayRepositionListeners;
+    private resolveOverlayCollision;
+    private resolveOverlayOffset;
+    private resolveOverlayPlacement;
+}
+export {};
+//# sourceMappingURL=tng-datepicker.component.d.ts.map

package/src/lib/form/datepicker/tng-datepicker.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tng-datepicker.component.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/tailng-ui/components/src/lib/form/datepicker/tng-datepicker.component.ts"],"names":[],"mappings":"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"}