@sebgroup/green-angular 6.4.0 → 6.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sebgroup/green-angular",
-  "version": "6.4.0",
+  "version": "6.4.1",
   "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"
@@ -99,18 +99,6 @@
       "esm": "./esm2022/src/lib/dropdown/sebgroup-green-angular-src-lib-dropdown.mjs",
       "default": "./fesm2022/sebgroup-green-angular-src-lib-dropdown.mjs"
     },
-    "./src/lib/in-page-wizard": {
-      "types": "./src/lib/in-page-wizard/index.d.ts",
-      "esm2022": "./esm2022/src/lib/in-page-wizard/sebgroup-green-angular-src-lib-in-page-wizard.mjs",
-      "esm": "./esm2022/src/lib/in-page-wizard/sebgroup-green-angular-src-lib-in-page-wizard.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-in-page-wizard.mjs"
-    },
-    "./src/lib/modal": {
-      "types": "./src/lib/modal/index.d.ts",
-      "esm2022": "./esm2022/src/lib/modal/sebgroup-green-angular-src-lib-modal.mjs",
-      "esm": "./esm2022/src/lib/modal/sebgroup-green-angular-src-lib-modal.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-lib-modal.mjs"
-    },
     "./src/lib/pagination": {
       "types": "./src/lib/pagination/index.d.ts",
       "esm2022": "./esm2022/src/lib/pagination/sebgroup-green-angular-src-lib-pagination.mjs",
@@ -123,12 +111,24 @@
       "esm": "./esm2022/src/lib/progress-circle/sebgroup-green-angular-src-lib-progress-circle.mjs",
       "default": "./fesm2022/sebgroup-green-angular-src-lib-progress-circle.mjs"
     },
+    "./src/lib/modal": {
+      "types": "./src/lib/modal/index.d.ts",
+      "esm2022": "./esm2022/src/lib/modal/sebgroup-green-angular-src-lib-modal.mjs",
+      "esm": "./esm2022/src/lib/modal/sebgroup-green-angular-src-lib-modal.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-lib-modal.mjs"
+    },
     "./src/lib/segmented-control": {
       "types": "./src/lib/segmented-control/index.d.ts",
       "esm2022": "./esm2022/src/lib/segmented-control/sebgroup-green-angular-src-lib-segmented-control.mjs",
       "esm": "./esm2022/src/lib/segmented-control/sebgroup-green-angular-src-lib-segmented-control.mjs",
       "default": "./fesm2022/sebgroup-green-angular-src-lib-segmented-control.mjs"
     },
+    "./src/lib/in-page-wizard": {
+      "types": "./src/lib/in-page-wizard/index.d.ts",
+      "esm2022": "./esm2022/src/lib/in-page-wizard/sebgroup-green-angular-src-lib-in-page-wizard.mjs",
+      "esm": "./esm2022/src/lib/in-page-wizard/sebgroup-green-angular-src-lib-in-page-wizard.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-lib-in-page-wizard.mjs"
+    },
     "./src/lib/shared": {
       "types": "./src/lib/shared/index.d.ts",
       "esm2022": "./esm2022/src/lib/shared/sebgroup-green-angular-src-lib-shared.mjs",
@@ -213,18 +213,18 @@
       "esm": "./esm2022/src/v-angular/drag-drop/sebgroup-green-angular-src-v-angular-drag-drop.mjs",
       "default": "./fesm2022/sebgroup-green-angular-src-v-angular-drag-drop.mjs"
     },
-    "./src/v-angular/dropdown": {
-      "types": "./src/v-angular/dropdown/index.d.ts",
-      "esm2022": "./esm2022/src/v-angular/dropdown/sebgroup-green-angular-src-v-angular-dropdown.mjs",
-      "esm": "./esm2022/src/v-angular/dropdown/sebgroup-green-angular-src-v-angular-dropdown.mjs",
-      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs"
-    },
     "./src/v-angular/external-link": {
       "types": "./src/v-angular/external-link/index.d.ts",
       "esm2022": "./esm2022/src/v-angular/external-link/sebgroup-green-angular-src-v-angular-external-link.mjs",
       "esm": "./esm2022/src/v-angular/external-link/sebgroup-green-angular-src-v-angular-external-link.mjs",
       "default": "./fesm2022/sebgroup-green-angular-src-v-angular-external-link.mjs"
     },
+    "./src/v-angular/dropdown": {
+      "types": "./src/v-angular/dropdown/index.d.ts",
+      "esm2022": "./esm2022/src/v-angular/dropdown/sebgroup-green-angular-src-v-angular-dropdown.mjs",
+      "esm": "./esm2022/src/v-angular/dropdown/sebgroup-green-angular-src-v-angular-dropdown.mjs",
+      "default": "./fesm2022/sebgroup-green-angular-src-v-angular-dropdown.mjs"
+    },
     "./src/v-angular/i18n": {
       "types": "./src/v-angular/i18n/index.d.ts",
       "esm2022": "./esm2022/src/v-angular/i18n/sebgroup-green-angular-src-v-angular-i18n.mjs",

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>;
 }