@clr/angular 18.0.0-beta.9 → 18.1.0

package/types/clr-angular-forms-datepicker.d.ts

@@ -13,6 +13,20 @@ import * as i13 from '@angular/common';
 import * as i16 from '@clr/angular/icon';
 import * as i18 from '@clr/angular/layout/vertical-nav';
 
+/**
+ * Index of the day of the week, matching JavaScript's Date.getDay() convention.
+ * Used to override the locale-derived first day of the week in the date picker.
+ */
+declare enum ClrWeekday {
+    Sunday = 0,
+    Monday = 1,
+    Tuesday = 2,
+    Wednesday = 3,
+    Thursday = 4,
+    Friday = 5,
+    Saturday = 6
+}
+
 declare class DateFormControlService {
     disabled: boolean;
     private _touchedChange;
@@ -48,6 +62,12 @@ declare class LocaleHelperService {
     get localeMonthsAbbreviated(): ReadonlyArray<string>;
     get localeMonthsWide(): ReadonlyArray<string>;
     get localeDateFormat(): string;
+    /**
+     * Overrides the first day of the week regardless of locale.
+     * Accepts a `ClrWeekday` value (Sunday=0 through Saturday=6), or null to revert to locale default.
+     * Incorrect values will revert to default value (Sunday).
+     */
+    updateFirstDayOfWeek(day: ClrWeekday | null): void;
     /**
      * Initializes the locale data.
      */
@@ -70,7 +90,7 @@ declare class LocaleHelperService {
     /**
      * Initializes the first day of the week based on the locale.
      */
-    private initializeFirstDayOfWeek;
+    private initializeLocaleFirstDayOfWeek;
     private initializeLocaleDateFormat;
     static ɵfac: i0.ɵɵFactoryDeclaration<LocaleHelperService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<LocaleHelperService>;
@@ -335,10 +355,17 @@ declare class ClrDateContainer extends ClrAbstractContainer implements AfterView
     protected controlClassService: ControlClassService;
     protected layoutService: LayoutService;
     protected ngControlService: NgControlService;
+    private localeHelperService;
     focus: boolean;
     protected popoverType: ClrPopoverType;
     private toggleButton;
-    constructor(renderer: Renderer2, elem: ElementRef, popoverService: ClrPopoverService, dateNavigationService: DateNavigationService, datepickerEnabledService: DatepickerEnabledService, dateFormControlService: DateFormControlService, dateIOService: DateIOService, commonStrings: ClrCommonStringsService, focusService: FormsFocusService, viewManagerService: ViewManagerService, controlClassService: ControlClassService, layoutService: LayoutService, ngControlService: NgControlService);
+    constructor(renderer: Renderer2, elem: ElementRef, popoverService: ClrPopoverService, dateNavigationService: DateNavigationService, datepickerEnabledService: DatepickerEnabledService, dateFormControlService: DateFormControlService, dateIOService: DateIOService, commonStrings: ClrCommonStringsService, focusService: FormsFocusService, viewManagerService: ViewManagerService, controlClassService: ControlClassService, layoutService: LayoutService, ngControlService: NgControlService, localeHelperService: LocaleHelperService);
+    /**
+     * Overrides the locale-derived first day of the week for the calendar.
+     * Accepts a `ClrWeekday` value (Sunday=0 through Saturday=6).
+     * When not set, the first day of the week is determined by the Angular locale.
+     */
+    set firstDayOfWeek(value: ClrWeekday | null);
     /**
      * For date range picker actions buttons are shown by default
      */
@@ -371,8 +398,8 @@ declare class ClrDateContainer extends ClrAbstractContainer implements AfterView
      */
     private initializeCalendar;
     private dateRangeStructuralChecks;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ClrDateContainer, [null, null, null, null, null, null, null, null, null, null, null, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ClrDateContainer, "clr-date-container, clr-date-range-container", never, { "showActionButtons": { "alias": "showActionButtons"; "required": false; }; "clrPosition": { "alias": "clrPosition"; "required": false; }; "rangeOptions": { "alias": "rangeOptions"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, {}, never, ["label", "[clrStartDate]", "[clrEndDate]", "[clrDate]", "clr-control-helper", "clr-control-error", "clr-control-success"], false, [{ directive: typeof i1.ClrPopoverHostDirective; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ClrDateContainer, [null, null, null, null, null, null, null, null, null, null, null, { optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ClrDateContainer, "clr-date-container, clr-date-range-container", never, { "firstDayOfWeek": { "alias": "clrFirstDayOfWeek"; "required": false; }; "showActionButtons": { "alias": "showActionButtons"; "required": false; }; "clrPosition": { "alias": "clrPosition"; "required": false; }; "rangeOptions": { "alias": "rangeOptions"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; }, {}, never, ["label", "[clrStartDate]", "[clrEndDate]", "[clrDate]", "clr-control-helper", "clr-control-error", "clr-control-success"], false, [{ directive: typeof i1.ClrPopoverHostDirective; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -955,4 +982,5 @@ declare class ClrDatepickerModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<ClrDatepickerModule>;
 }
 
-export { CLR_DATEPICKER_DIRECTIVES, ClrCalendar, ClrDateContainer, ClrDateInput, ClrDateInputBase, ClrDateInputValidator, ClrDatepickerActions, ClrDatepickerModule, ClrDatepickerViewManager, ClrDay, ClrDaypicker, ClrEndDateInput, ClrEndDateInputValidator, ClrMonthpicker, ClrStartDateInput, ClrStartDateInputValidator, ClrYearpicker };
+export { CLR_DATEPICKER_DIRECTIVES, ClrCalendar, ClrDateContainer, ClrDateInput, ClrDateInputBase, ClrDateInputValidator, ClrDatepickerActions, ClrDatepickerModule, ClrDatepickerViewManager, ClrDay, ClrDaypicker, ClrEndDateInput, ClrEndDateInputValidator, ClrMonthpicker, ClrStartDateInput, ClrStartDateInputValidator, ClrWeekday, ClrYearpicker };
+export type { ClrDayOfWeek };

package/types/clr-angular-popover-common.d.ts

@@ -40,6 +40,7 @@ interface ClrPopoverPoint {
     y: number;
 }
 declare class ClrPopoverService {
+    pointTargetElement: HTMLElement | undefined;
     origin: FlexibleConnectedPositionStrategyOrigin;
     closeButtonRef: ElementRef;
     panelClass: string[];
@@ -73,7 +74,7 @@ declare class ClrPopoverService {
      * Opens the popover at a specific screen coordinate.
      * Useful for context menus where the popover should appear at the cursor position.
      */
-    openAtPoint(point: ClrPopoverPoint): void;
+    openAtPoint(point: ClrPopoverPoint, targetElement?: HTMLElement): void;
     popoverVisibleEmit(visible: boolean): void;
     resetPositions(): void;
     updatePosition(): void;
@@ -100,7 +101,6 @@ declare class ClrPopoverContent implements OnDestroy, AfterViewInit {
     private popoverType;
     private _availablePositions;
     private _position;
-    private scrollableParents;
     private subscriptions;
     private openCloseSubscription;
     private domPortal;
@@ -145,7 +145,6 @@ declare class ClrPopoverContent implements OnDestroy, AfterViewInit {
      */
     private setupIntersectionObserver;
     private listenToScrollEvents;
-    private listenToScrollForPointOrigin;
     private listenToScrollForElementOrigin;
     private getRootPopover;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrPopoverContent, [null, null, { optional: true; }, null, { optional: true; skipSelf: true; }, null, null, null, null]>;

package/types/clr-angular-popover-dropdown.d.ts

@@ -57,7 +57,7 @@ declare class ClrDropdown implements OnDestroy {
     isMenuClosable: boolean;
     private subscriptions;
     constructor(parent: ClrDropdown, popoverService: ClrPopoverService, focusHandler: DropdownFocusHandler, cdr: ChangeDetectorRef, dropdownService: RootDropdownService);
-    openAtPoint(point: ClrPopoverPoint): void;
+    openAtPoint(point: ClrPopoverPoint, targetElement?: HTMLElement): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrDropdown, [{ optional: true; skipSelf: true; }, null, null, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrDropdown, "clr-dropdown", never, { "isMenuClosable": { "alias": "clrCloseMenuOnItemClick"; "required": false; }; }, {}, never, ["*"], false, [{ directive: typeof i1.ClrPopoverHostDirective; inputs: {}; outputs: {}; }]>;

package/types/clr-angular-popover-signpost.d.ts

@@ -76,7 +76,7 @@ declare class ClrSignpost {
      */
     set customTrigger(trigger: ClrSignpostTrigger);
     get showDefaultTrigger(): boolean;
-    openAtPoint(point: ClrPopoverPoint): void;
+    openAtPoint(point: ClrPopoverPoint, targetElement?: HTMLElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ClrSignpost, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ClrSignpost, "clr-signpost", never, { "signpostTriggerAriaLabel": { "alias": "clrSignpostTriggerAriaLabel"; "required": false; }; "hideTrigger": { "alias": "clrSignpostHideTrigger"; "required": false; }; }, {}, ["customTrigger"], ["*"], false, [{ directive: typeof i8.ClrPopoverHostDirective; inputs: {}; outputs: {}; }]>;
 }