@eagami/ui 0.9.0 → 0.10.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eagami/ui",
-  "version": "0.9.0",
+  "version": "0.10.1",
   "description": "Lightweight, accessible Angular UI component library built on CSS custom properties",
   "author": "Michal Wiraszka <michal@eagami.com>",
   "license": "MIT",

package/types/eagami-ui.d.ts

@@ -277,12 +277,13 @@ declare class CardComponent {
     readonly padding: _angular_core.InputSignal<CardPadding>;
     readonly fullWidth: _angular_core.InputSignal<boolean>;
     readonly headerAlign: _angular_core.InputSignal<CardHeaderAlign>;
+    readonly headerDivider: _angular_core.InputSignal<boolean>;
     readonly hostClasses: _angular_core.Signal<{
         [x: string]: boolean;
         'ea-card--full-width': boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "ea-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "headerAlign": { "alias": "headerAlign"; "required": false; "isSignal": true; }; }, {}, never, ["[eaCardHeader]", "*", "[eaCardFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "ea-card", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "headerAlign": { "alias": "headerAlign"; "required": false; "isSignal": true; }; "headerDivider": { "alias": "headerDivider"; "required": false; "isSignal": true; }; }, {}, never, ["[eaCardHeader]", "*", "[eaCardFooter]"], true, never>;
 }
 
 type CheckboxSize = 'sm' | 'md' | 'lg';
@@ -403,6 +404,84 @@ declare class CodeInputComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CodeInputComponent, "ea-code-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "completed": "completed"; }, never, never, true, never>;
 }
 
+type DatePickerSize = 'sm' | 'md' | 'lg';
+type DatePickerFormat = 'short' | 'medium' | 'long';
+type DatePickerWeekStart = 0 | 1;
+type DatePickerValue = Date | string | null;
+interface CalendarDay {
+    date: Date;
+    day: number;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+    isFocused: boolean;
+}
+declare class DatePickerComponent implements ControlValueAccessor {
+    private readonly hostEl;
+    private readonly triggerEl;
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<DatePickerSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly hint: _angular_core.InputSignal<string | undefined>;
+    readonly errorMsg: _angular_core.InputSignal<string | undefined>;
+    readonly minDate: _angular_core.InputSignal<Date | null>;
+    readonly maxDate: _angular_core.InputSignal<Date | null>;
+    readonly format: _angular_core.InputSignal<DatePickerFormat>;
+    readonly weekStartsOn: _angular_core.InputSignal<DatePickerWeekStart>;
+    readonly locale: _angular_core.InputSignal<string | undefined>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.ModelSignal<Date | null>;
+    readonly changed: _angular_core.OutputEmitterRef<Date | null>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly viewYear: _angular_core.WritableSignal<number>;
+    readonly viewMonth: _angular_core.WritableSignal<number>;
+    readonly focusedDate: _angular_core.WritableSignal<Date | null>;
+    private readonly _formDisabled;
+    private onChange;
+    private onTouched;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly resolvedStatus: _angular_core.Signal<"default" | "error">;
+    readonly showError: _angular_core.Signal<boolean>;
+    readonly showHint: _angular_core.Signal<boolean>;
+    readonly triggerClasses: _angular_core.Signal<{
+        [x: string]: boolean;
+        'ea-date-picker__trigger--open': boolean;
+        'ea-date-picker__trigger--disabled': boolean;
+    }>;
+    readonly displayValue: _angular_core.Signal<string>;
+    readonly monthYearLabel: _angular_core.Signal<string>;
+    readonly weekdayLabels: _angular_core.Signal<string[]>;
+    readonly weeks: _angular_core.Signal<CalendarDay[][]>;
+    writeValue(val: DatePickerValue): void;
+    registerOnChange(fn: (value: Date | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    selectDay(day: CalendarDay): void;
+    clear(event: Event): void;
+    goToPrevMonth(): void;
+    goToNextMonth(): void;
+    goToPrevYear(): void;
+    goToNextYear(): void;
+    goToToday(): void;
+    handleTriggerKeydown(event: KeyboardEvent): void;
+    handleGridKeydown(event: KeyboardEvent): void;
+    onDocumentClick(event: Event): void;
+    private formatOptions;
+    private toDate;
+    private startOfDay;
+    private isSameDay;
+    private addDays;
+    private addMonths;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "ea-date-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "error"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "weekStartsOn": { "alias": "weekStartsOn"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "changed": "changed"; }, never, never, true, never>;
+}
+
 type DialogSize = 'sm' | 'md' | 'lg' | 'full';
 declare class DialogComponent {
     private readonly dialogEl;
@@ -509,13 +588,18 @@ declare class DropdownComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "ea-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMsg": { "alias": "error"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "changed": "changed"; }, never, never, true, never>;
 }
 
-type EagamiWordmarkVariant = 'logo' | 'signature' | 'brand';
-type EagamiWordmarkSize = 'sm' | 'md' | 'lg';
+type EagamiWordmarkVariant = 1 | 2 | 3 | 4;
+type EagamiWordmarkLayout = 'stacked' | 'inline';
 declare class EagamiWordmarkComponent {
     readonly variant: _angular_core.InputSignal<EagamiWordmarkVariant>;
-    readonly size: _angular_core.InputSignal<EagamiWordmarkSize>;
+    readonly layout: _angular_core.InputSignal<EagamiWordmarkLayout>;
+    readonly size: _angular_core.InputSignal<number>;
+    protected readonly showOverline: _angular_core.Signal<boolean>;
+    protected readonly showTagline: _angular_core.Signal<boolean>;
+    protected readonly brandText: _angular_core.Signal<"eagami" | "eagami design system">;
+    protected readonly ariaLabel: _angular_core.Signal<"eagami" | "eagami design system" | "handcrafted by eagami" | "eagami design system — elegant web design">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EagamiWordmarkComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EagamiWordmarkComponent, "ea-eagami-wordmark", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EagamiWordmarkComponent, "ea-eagami-wordmark", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class AlertCircleIconComponent {
@@ -1148,5 +1232,5 @@ declare class TooltipDirective implements OnDestroy {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[eaTooltip]", never, { "eaTooltip": { "alias": "eaTooltip"; "required": true; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { AccordionComponent, AccordionItemComponent, AlertCircleIconComponent, AlertComponent, AlertTriangleIconComponent, AppleIconComponent, ArrowDownIconComponent, ArrowLeftIconComponent, ArrowRightIconComponent, ArrowUpIconComponent, AutocompleteComponent, AvatarComponent, AvatarEditorComponent, BadgeComponent, BellIconComponent, BreadcrumbsComponent, ButtonComponent, CalendarIconComponent, CameraIconComponent, CardComponent, CheckCircleIconComponent, CheckIconComponent, CheckboxComponent, ChevronDownIconComponent, ChevronLeftIconComponent, ChevronRightIconComponent, ChevronUpIconComponent, ChevronsUpDownIconComponent, ClockIconComponent, CodeInputComponent, CopyIconComponent, DataTableComponent, DialogComponent, DividerComponent, DownloadIconComponent, DrawerComponent, DropdownComponent, EagamiIconComponent, EagamiWordmarkComponent, ExternalLinkIconComponent, EyeIconComponent, EyeOffIconComponent, FacebookIconComponent, FileIconComponent, FilterIconComponent, GithubIconComponent, GoogleIconComponent, HeartIconComponent, ImageIconComponent, InfoIconComponent, InputComponent, LinkIconComponent, LoaderIconComponent, LogOutIconComponent, MailIconComponent, MenuComponent, MenuIconComponent, MenuItemComponent, MicrosoftIconComponent, MinusIconComponent, MoreHorizontalIconComponent, PaginatorComponent, PencilIconComponent, PlusIconComponent, ProgressBarComponent, RadioComponent, RadioGroupComponent, RotateCcwIconComponent, SearchIconComponent, SettingsIconComponent, SkeletonComponent, SpinnerComponent, StarIconComponent, SwitchComponent, TabComponent, TabsComponent, TagComponent, TextareaComponent, ToastComponent, ToastService, TooltipDirective, TrashIconComponent, UploadIconComponent, UserIconComponent, XCircleIconComponent, XIconComponent, XTwitterIconComponent };
-export type { AlertVariant, AutocompleteOption, AutocompleteSize, AvatarEditorCropEvent, AvatarEditorCropState, AvatarEditorShape, AvatarShape, AvatarSize, BadgeSize, BadgeVariant, BreadcrumbClickEvent, BreadcrumbItem, BreadcrumbsSeparator, ButtonSize, ButtonType, ButtonVariant, CardHeaderAlign, CardPadding, CardVariant, CheckboxSize, CodeInputSize, CodeInputStatus, DataTableColumn, DataTableDensity, DataTableSortState, DialogSize, DividerOrientation, DrawerPosition, DrawerSize, DropdownOption, DropdownSize, EagamiWordmarkSize, EagamiWordmarkVariant, InputSize, InputStatus, InputType, MenuItemVariant, MenuPlacement, PaginatorPlacement, PaginatorState, ProgressBarSize, ProgressBarVariant, RadioOrientation, RadioSize, SkeletonVariant, SortDirection, SpinnerSize, SwitchSize, TabsSize, TabsVariant, TagSize, TagVariant, TextareaResize, TextareaSize, TextareaStatus, Toast, ToastOptions, ToastVariant, TooltipPosition };
+export { AccordionComponent, AccordionItemComponent, AlertCircleIconComponent, AlertComponent, AlertTriangleIconComponent, AppleIconComponent, ArrowDownIconComponent, ArrowLeftIconComponent, ArrowRightIconComponent, ArrowUpIconComponent, AutocompleteComponent, AvatarComponent, AvatarEditorComponent, BadgeComponent, BellIconComponent, BreadcrumbsComponent, ButtonComponent, CalendarIconComponent, CameraIconComponent, CardComponent, CheckCircleIconComponent, CheckIconComponent, CheckboxComponent, ChevronDownIconComponent, ChevronLeftIconComponent, ChevronRightIconComponent, ChevronUpIconComponent, ChevronsUpDownIconComponent, ClockIconComponent, CodeInputComponent, CopyIconComponent, DataTableComponent, DatePickerComponent, DialogComponent, DividerComponent, DownloadIconComponent, DrawerComponent, DropdownComponent, EagamiIconComponent, EagamiWordmarkComponent, ExternalLinkIconComponent, EyeIconComponent, EyeOffIconComponent, FacebookIconComponent, FileIconComponent, FilterIconComponent, GithubIconComponent, GoogleIconComponent, HeartIconComponent, ImageIconComponent, InfoIconComponent, InputComponent, LinkIconComponent, LoaderIconComponent, LogOutIconComponent, MailIconComponent, MenuComponent, MenuIconComponent, MenuItemComponent, MicrosoftIconComponent, MinusIconComponent, MoreHorizontalIconComponent, PaginatorComponent, PencilIconComponent, PlusIconComponent, ProgressBarComponent, RadioComponent, RadioGroupComponent, RotateCcwIconComponent, SearchIconComponent, SettingsIconComponent, SkeletonComponent, SpinnerComponent, StarIconComponent, SwitchComponent, TabComponent, TabsComponent, TagComponent, TextareaComponent, ToastComponent, ToastService, TooltipDirective, TrashIconComponent, UploadIconComponent, UserIconComponent, XCircleIconComponent, XIconComponent, XTwitterIconComponent };
+export type { AlertVariant, AutocompleteOption, AutocompleteSize, AvatarEditorCropEvent, AvatarEditorCropState, AvatarEditorShape, AvatarShape, AvatarSize, BadgeSize, BadgeVariant, BreadcrumbClickEvent, BreadcrumbItem, BreadcrumbsSeparator, ButtonSize, ButtonType, ButtonVariant, CardHeaderAlign, CardPadding, CardVariant, CheckboxSize, CodeInputSize, CodeInputStatus, DataTableColumn, DataTableDensity, DataTableSortState, DatePickerFormat, DatePickerSize, DatePickerValue, DatePickerWeekStart, DialogSize, DividerOrientation, DrawerPosition, DrawerSize, DropdownOption, DropdownSize, EagamiWordmarkLayout, EagamiWordmarkVariant, InputSize, InputStatus, InputType, MenuItemVariant, MenuPlacement, PaginatorPlacement, PaginatorState, ProgressBarSize, ProgressBarVariant, RadioOrientation, RadioSize, SkeletonVariant, SortDirection, SpinnerSize, SwitchSize, TabsSize, TabsVariant, TagSize, TagVariant, TextareaResize, TextareaSize, TextareaStatus, Toast, ToastOptions, ToastVariant, TooltipPosition };