@sebgroup/green-angular 6.4.0 → 6.4.1-rc.20250926092854747

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sebgroup/green-angular",
-  "version": "6.4.0",
+  "version": "6.4.1-rc.20250926092854747",
   "peerDependencies": {
     "@angular/cdk": ">=18",
     "@angular/common": ">=18",
@@ -17,7 +17,7 @@
     "scroll-into-view-if-needed": "^2.2.31"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^2.5.3",
+    "@sebgroup/green-core": "^2.6.2",
     "@sebgroup/chlorophyll": "^3.6.20",
     "@sebgroup/extract": "^3.0.2",
     "tslib": "^2.3.1"

package/src/v-angular/datepicker/components/date-input/date-input.component.d.ts

@@ -1,4 +1,6 @@
 import '../../datepicker.globals';
+import '@sebgroup/green-core/components/icon/icons/calendar.js';
+import '@sebgroup/green-core/components/icon/icons/triangle-exclamation.js';
 import { WeekDay } from '@angular/common';
 import { ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
 import { NgControl } from '@angular/forms';
@@ -6,8 +8,6 @@ import { TranslocoScope, TranslocoService } from '@jsverse/transloco';
 import { Observable } from 'rxjs';
 import { DateControlValueAccessorComponent } from '../../date-control-value-accessor/date-control-value-accessor.component';
 import type { CalendarType } from '../../datepicker.models';
-import '@sebgroup/green-core/components/icon/icons/calendar.js';
-import '@sebgroup/green-core/components/icon/icons/triangle-exclamation.js';
 import * as i0 from "@angular/core";
 /**
  * Date pickers simplify the task of selecting a date in a visual representation of a calendar.
@@ -65,11 +65,14 @@ export declare class DateInputComponent extends DateControlValueAccessorComponen
      * Sets the displayed size of the date input field.
      */
     size: 'small' | 'large';
+    dynamicPosition: boolean;
     /** @internal */
     /** @internal */
     shown: boolean;
     /** @internal */
     showInput$: Observable<boolean>;
+    /** Observable for listening to scrolls when the datepicker is open */
+    private documentScroll$;
     /** Observable for listening to clicks outside of the datepicker. */
     private documentClick$;
     /** Subject used for unsubscribe pattern on above observable. */
@@ -104,5 +107,5 @@ export declare class DateInputComponent extends DateControlValueAccessorComponen
      */
     private setShown;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, [{ optional: true; self: true; }, { optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "nggv-dateinput,nggv-input[type=date]", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "minRows": { "alias": "minRows"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "closeCalendarOnEscape": { "alias": "closeCalendarOnEscape"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "nggv-dateinput,nggv-input[type=date]", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "minRows": { "alias": "minRows"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "closeCalendarOnEscape": { "alias": "closeCalendarOnEscape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dynamicPosition": { "alias": "dynamicPosition"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/src/v-angular/datepicker/components/datepicker/datepicker.component.d.ts

@@ -1,9 +1,11 @@
 import { WeekDay } from '@angular/common';
-import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
 import { CalendarMonth } from '../../datepicker.models';
 import type { CalendarType } from '../../datepicker.models';
 import * as i0 from "@angular/core";
 export declare class DatepickerComponent implements OnInit, OnChanges, OnDestroy {
+    private elementRef;
+    private renderer;
     calendarTemplate: TemplateRef<any> | null;
     /** Emits a Date upon selection. */
     ngvDateChange: EventEmitter<Date>;
@@ -27,6 +29,15 @@ export declare class DatepickerComponent implements OnInit, OnChanges, OnDestroy
     lastValid: Date | undefined;
     /** Sets a closing time for today to toggle availability for today's date. */
     closingTime: Date | undefined;
+    /**
+     * When true, the datepicker will automatically choose to open above or below the input
+     * based on available space in the viewport, and will scale its height to fit if needed.
+     */
+    dynamicPosition: boolean;
+    /** Needed to determent where to place datepicker if dropdownPosition === 'top' */
+    size: 'small' | 'large';
+    get positionAttr(): "bottom" | "top";
+    get sizeAttr(): "small" | "large";
     /** @internal */
     activeCalendar: CalendarMonth;
     /** @internal */
@@ -34,7 +45,9 @@ export declare class DatepickerComponent implements OnInit, OnChanges, OnDestroy
     weekdayArray: Date[];
     /** @internal */
     disabledDatesForActiveMonth: Date[];
+    datepickerPosition: 'bottom' | 'top';
     private subs;
+    constructor(elementRef: ElementRef, renderer: Renderer2);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -57,6 +70,7 @@ export declare class DatepickerComponent implements OnInit, OnChanges, OnDestroy
      * @param date date clicked in calendar
      */
     dateClickHandler(date: Date): void;
+    setDropdownPosition(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "nggv-datepicker", never, { "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "minCalendarRows": { "alias": "minCalendarRows"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "type": { "alias": "type"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; }, { "ngvDateChange": "ngvDateChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "nggv-datepicker", never, { "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "minCalendarRows": { "alias": "minCalendarRows"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "type": { "alias": "type"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; "dynamicPosition": { "alias": "dynamicPosition"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "ngvDateChange": "ngvDateChange"; }, never, ["*"], false, never>;
 }

package/v-angular/datepicker/components/date-input/date-input.component.d.ts

@@ -1,4 +1,6 @@
 import '../../datepicker.globals';
+import '@sebgroup/green-core/components/icon/icons/calendar.js';
+import '@sebgroup/green-core/components/icon/icons/triangle-exclamation.js';
 import { WeekDay } from '@angular/common';
 import { ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
 import { NgControl } from '@angular/forms';
@@ -6,8 +8,6 @@ import { TranslocoScope, TranslocoService } from '@jsverse/transloco';
 import { Observable } from 'rxjs';
 import { DateControlValueAccessorComponent } from '../../date-control-value-accessor/date-control-value-accessor.component';
 import type { CalendarType } from '../../datepicker.models';
-import '@sebgroup/green-core/components/icon/icons/calendar.js';
-import '@sebgroup/green-core/components/icon/icons/triangle-exclamation.js';
 import * as i0 from "@angular/core";
 /**
  * Date pickers simplify the task of selecting a date in a visual representation of a calendar.
@@ -65,11 +65,14 @@ export declare class DateInputComponent extends DateControlValueAccessorComponen
      * Sets the displayed size of the date input field.
      */
     size: 'small' | 'large';
+    dynamicPosition: boolean;
     /** @internal */
     /** @internal */
     shown: boolean;
     /** @internal */
     showInput$: Observable<boolean>;
+    /** Observable for listening to scrolls when the datepicker is open */
+    private documentScroll$;
     /** Observable for listening to clicks outside of the datepicker. */
     private documentClick$;
     /** Subject used for unsubscribe pattern on above observable. */
@@ -104,5 +107,5 @@ export declare class DateInputComponent extends DateControlValueAccessorComponen
      */
     private setShown;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateInputComponent, [{ optional: true; self: true; }, { optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "nggv-dateinput,nggv-input[type=date]", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "minRows": { "alias": "minRows"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "closeCalendarOnEscape": { "alias": "closeCalendarOnEscape"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateInputComponent, "nggv-dateinput,nggv-input[type=date]", never, { "thook": { "alias": "thook"; "required": false; }; "type": { "alias": "type"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "minRows": { "alias": "minRows"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "closeCalendarOnEscape": { "alias": "closeCalendarOnEscape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dynamicPosition": { "alias": "dynamicPosition"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/v-angular/datepicker/components/datepicker/datepicker.component.d.ts

@@ -1,9 +1,11 @@
 import { WeekDay } from '@angular/common';
-import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
 import { CalendarMonth } from '../../datepicker.models';
 import type { CalendarType } from '../../datepicker.models';
 import * as i0 from "@angular/core";
 export declare class DatepickerComponent implements OnInit, OnChanges, OnDestroy {
+    private elementRef;
+    private renderer;
     calendarTemplate: TemplateRef<any> | null;
     /** Emits a Date upon selection. */
     ngvDateChange: EventEmitter<Date>;
@@ -27,6 +29,15 @@ export declare class DatepickerComponent implements OnInit, OnChanges, OnDestroy
     lastValid: Date | undefined;
     /** Sets a closing time for today to toggle availability for today's date. */
     closingTime: Date | undefined;
+    /**
+     * When true, the datepicker will automatically choose to open above or below the input
+     * based on available space in the viewport, and will scale its height to fit if needed.
+     */
+    dynamicPosition: boolean;
+    /** Needed to determent where to place datepicker if dropdownPosition === 'top' */
+    size: 'small' | 'large';
+    get positionAttr(): "bottom" | "top";
+    get sizeAttr(): "small" | "large";
     /** @internal */
     activeCalendar: CalendarMonth;
     /** @internal */
@@ -34,7 +45,9 @@ export declare class DatepickerComponent implements OnInit, OnChanges, OnDestroy
     weekdayArray: Date[];
     /** @internal */
     disabledDatesForActiveMonth: Date[];
+    datepickerPosition: 'bottom' | 'top';
     private subs;
+    constructor(elementRef: ElementRef, renderer: Renderer2);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
@@ -57,6 +70,7 @@ export declare class DatepickerComponent implements OnInit, OnChanges, OnDestroy
      * @param date date clicked in calendar
      */
     dateClickHandler(date: Date): void;
+    setDropdownPosition(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "nggv-datepicker", never, { "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "minCalendarRows": { "alias": "minCalendarRows"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "type": { "alias": "type"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; }, { "ngvDateChange": "ngvDateChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "nggv-datepicker", never, { "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "disableDates": { "alias": "disableDates"; "required": false; }; "disableWeekDays": { "alias": "disableWeekDays"; "required": false; }; "minCalendarRows": { "alias": "minCalendarRows"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "type": { "alias": "type"; "required": false; }; "firstValid": { "alias": "firstValid"; "required": false; }; "lastValid": { "alias": "lastValid"; "required": false; }; "closingTime": { "alias": "closingTime"; "required": false; }; "dynamicPosition": { "alias": "dynamicPosition"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "ngvDateChange": "ngvDateChange"; }, never, ["*"], false, never>;
 }