@stemy/ngx-utils 19.9.41 → 19.9.43

package/fesm2022/stemy-ngx-utils.mjs

@@ -1,6 +1,6 @@
 import 'zone.js';
 import * as i0 from '@angular/core';
-import { InjectionToken, runInInjectionContext, PLATFORM_ID, Inject, Injectable, Optional, inject, Injector, untracked, computed, signal, DestroyRef, isDevMode, ErrorHandler, EventEmitter, createComponent, NgZone, Pipe, input, output, ChangeDetectorRef, ElementRef, effect, HostListener, Directive, Input, HostBinding, Output, TemplateRef, ViewEncapsulation, Component, ChangeDetectionStrategy, model, ViewChild, forwardRef, ContentChild, contentChild, contentChildren, Renderer2, ContentChildren, provideAppInitializer, makeEnvironmentProviders, NgModule } from '@angular/core';
+import { InjectionToken, runInInjectionContext, PLATFORM_ID, Inject, Injectable, Optional, inject, Injector, untracked, computed, signal, DestroyRef, isDevMode, ErrorHandler, EventEmitter, createComponent, NgZone, Pipe, input, output, ChangeDetectorRef, ElementRef, effect, HostListener, Directive, Input, HostBinding, Output, TemplateRef, ViewEncapsulation, Component, ChangeDetectionStrategy, model, ViewChild, viewChild, forwardRef, ContentChild, contentChild, contentChildren, Renderer2, ContentChildren, provideAppInitializer, makeEnvironmentProviders, NgModule } from '@angular/core';
 import 'reflect-metadata';
 import * as i2 from '@angular/router';
 import { ActivatedRouteSnapshot, Scroll, NavigationEnd, UrlTree, Router, DefaultUrlSerializer, UrlSegmentGroup, UrlSegment, UrlSerializer, ROUTES } from '@angular/router';
@@ -172,6 +172,12 @@ function getType(obj) {
 function isObject(value) {
     return getType(value) === "object";
 }
+function isDefined(value) {
+    return typeof value !== "undefined" && value !== null;
+}
+function isDate(value) {
+    return null !== value && !isNaN(value) && "undefined" !== typeof value.getDate;
+}
 function isString(value) {
     return typeof value === "string";
 }
@@ -308,7 +314,7 @@ class ObjectUtils {
         let curKey = "";
         do {
             curKey += keys.shift();
-            if (ObjectUtils.isDefined(obj) && ObjectUtils.isDefined(obj[curKey]) && (typeof obj[curKey] === "object" || !keys.length)) {
+            if (isDefined(obj) && isDefined(obj[curKey]) && (typeof obj[curKey] === "object" || !keys.length)) {
                 obj = obj[curKey];
                 curKey = "";
             }
@@ -369,7 +375,7 @@ class ObjectUtils {
         return isObject(value);
     }
     static isDefined(value) {
-        return typeof value !== "undefined" && value !== null;
+        return isDefined(value);
     }
     static isNullOrUndefined(value) {
         return typeof value == "undefined" || value == null;
@@ -384,7 +390,7 @@ class ObjectUtils {
         return isFunction(value);
     }
     static isDate(value) {
-        return null !== value && !isNaN(value) && "undefined" !== typeof value.getDate;
+        return isDate(value);
     }
     static isBlob(value) {
         return (hasBlob && value instanceof Blob) || (hasFile && value instanceof File);
@@ -433,7 +439,7 @@ class ObjectUtils {
         return true;
     }
     static pad(obj, width, chr = "0") {
-        const str = ObjectUtils.isDefined(obj) ? obj.toString() : "";
+        const str = isDefined(obj) ? obj.toString() : "";
         return str.length >= width ? str : new Array(width - str.length + 1).join(chr) + str;
     }
     static copyRecursive(target, source, predicate, copies) {
@@ -1660,6 +1666,71 @@ function getISOWeekNumber(date) {
     }
     return 1 + Math.ceil((firstThursday - target.valueOf()) / 604800000);
 }
+/**
+ * Convert value to a string with corrected date format (date, date-time)
+ * @param value Value to convert to date string
+ * @param format Expected date format (date, date-time)
+ */
+function convertToDateFormat(value, format = "date") {
+    if (!isDefined(value) || !format?.includes("date"))
+        return value;
+    value = isDate(value) ? value : new Date(value);
+    const date = isNaN(value) ? new Date() : value;
+    const target = new Date(date.getTime() - date.getTimezoneOffset() * 60000).toISOString();
+    return format === "datetime-local" || format === "date-time"
+        ? target.slice(0, 16)
+        : target.slice(0, 10);
+}
+/**
+ * Returns if the day of the week is in the provided date is disabled
+ * @param date Checked date
+ * @param disabledDays An array of disabled days of the week (0-7, where 0 and 7 both means saturday)
+ */
+function isDayOfWeekDisabled(date, disabledDays = []) {
+    if (!Array.isArray(disabledDays))
+        return false;
+    const day = date.getDay();
+    return disabledDays.some(d => (d === 7 ? 0 : d) === day);
+}
+/**
+ * Finds the closest valid date in between the specified conditions
+ * @param base Target date
+ * @param min Minimum date
+ * @param max Maximum date
+ * @param disabledTimes An array of disabled dates (midnight timestamps)
+ * @param disabledDays An array of disabled days of the week (0-7, where 0 and 7 both means saturday)
+ */
+function findClosestValidDate(base, min, max, disabledTimes, disabledDays) {
+    const midnightBase = toMidnight(base);
+    let direction = 1;
+    let testDate = new Date(midnightBase.getTime());
+    if (min && midnightBase < toMidnight(min)) {
+        testDate = new Date(toMidnight(min).getTime());
+        direction = 1;
+    }
+    else if (max && midnightBase > toMidnight(max)) {
+        testDate = new Date(toMidnight(max).getTime());
+        direction = -1;
+    }
+    let iterations = 0;
+    while (iterations < 365) {
+        const currentT = testDate.getTime();
+        let isInvalid = false;
+        if (min && testDate < toMidnight(min))
+            isInvalid = true;
+        if (max && testDate > toMidnight(max))
+            isInvalid = true;
+        if (disabledTimes.includes(currentT))
+            isInvalid = true;
+        if (isDayOfWeekDisabled(testDate, disabledDays))
+            isInvalid = true;
+        if (!isInvalid)
+            return testDate;
+        testDate.setDate(testDate.getDate() + direction);
+        iterations++;
+    }
+    return min ? min : (max ? max : new Date());
+}
 /**
  * Adds an amount of units to the specified date
  * @param date
@@ -7526,7 +7597,7 @@ class DropdownDirective {
                     parents.push(this.nativeElement);
                 }
                 // If one of the parents contains the target then we clicked inside
-                if (parents.some(child => child.contains(target)))
+                if (!document.contains(target) || parents.some(child => child.contains(target)))
                     return;
             }
             setTimeout(() => this.hide(), event.type == "touchend" ? 250 : 100);
@@ -7788,6 +7859,7 @@ class DropdownContentDirective {
         arrow.classList.add(`dropdown-content-arrow`);
         arrow.style.position = `absolute`;
         wrapper.appendChild(arrow);
+        wrapper.popover = "manual";
         const ref = this.vcr.createEmbeddedView(this.templateRef);
         ref.rootNodes.forEach(node => wrapper.appendChild(node));
         ref.detectChanges();
@@ -7819,6 +7891,10 @@ class DropdownContentDirective {
             }
         }
         wrapper.classList.add("dropdown-content-wrap");
+        wrapper.style.margin = "0";
+        wrapper.style.padding = "0";
+        wrapper.style.border = "none";
+        wrapper.showPopover();
         return [wrapper, arrow];
     }
     initialize() {
@@ -8103,23 +8179,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 type: Input
             }] } });
 
-class CalendarComponent {
+class CalendarInputs {
     constructor() {
-        this.months = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"];
-        this.daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat", "sun"];
         this.value = model(null);
         this.min = input(null);
         this.max = input(null);
         this.disabledDates = input([]);
         this.disabledDays = input([]);
-        this.currentMonth = signal(new Date().getMonth());
-        this.currentYear = signal(new Date().getFullYear());
-        this.isDragging = signal(false);
-        this.dragStartCellDate = signal(null);
-        this.dragCurrentCellDate = signal(null);
-        this.initialSelectedStateBeforeDrag = signal(new Map());
-        this.dragTargetState = signal(true);
-        this.isInitialized = false;
+        this.disabled = model(false);
+        this.strict = input(true);
+        this.testId = input("calendar", {
+            transform: value => String(value || "calendar")
+        });
         this.minDate = computed(() => parseValidDate(this.min()));
         this.maxDate = computed(() => parseValidDate(this.max()));
         this.disabledTimestamps = computed(() => {
@@ -8128,18 +8199,16 @@ class CalendarComponent {
                 .filter((d) => d !== null)
                 .map(d => toMidnight(d).getTime());
         });
-        this.isMultiSelect = computed(() => Array.isArray(this.value()));
-        // Common Day Validator mapping strategy shared across computed environments
-        this.isDayOfWeekDisabledFn = computed(() => {
-            const disDays = this.disabledDays();
-            return (jsDay) => disDays.some(d => (d === 7 ? 0 : d) === jsDay);
+        this.parsedValue = computed(() => {
+            const value = this.value();
+            return isString(value) ? parseValidDate(value) : value;
         });
         this.validatedValue = computed(() => {
-            const val = this.value();
+            const value = this.parsedValue();
             const min = this.minDate();
             const max = this.maxDate();
             const disabledTimes = this.disabledTimestamps();
-            const isDayOfWeekDisabled = this.isDayOfWeekDisabledFn();
+            const disabledDays = this.disabledDays();
             const checkInvalid = (d) => {
                 const midnight = toMidnight(d);
                 if (min && midnight < toMidnight(min))
@@ -8148,19 +8217,55 @@ class CalendarComponent {
                     return true;
                 if (disabledTimes.includes(midnight.getTime()))
                     return true;
-                return isDayOfWeekDisabled(midnight.getDay());
+                return isDayOfWeekDisabled(midnight, disabledDays);
             };
-            if (Array.isArray(val)) {
-                return val.filter(d => d instanceof Date && !isNaN(d.getTime()) && !checkInvalid(d));
+            if (Array.isArray(value)) {
+                const filtered = value.filter(d => d instanceof Date && !isNaN(d.getTime()) && !checkInvalid(d));
+                return (value.length !== filtered.length) ? filtered : value;
             }
-            else if (val instanceof Date && !isNaN(val.getTime())) {
-                if (checkInvalid(val)) {
-                    return this.findClosestValidDate(val, min, max, disabledTimes, isDayOfWeekDisabled);
+            else if (value instanceof Date && !isNaN(value.getTime())) {
+                if (checkInvalid(value)) {
+                    return findClosestValidDate(value, min, max, disabledTimes, disabledDays);
                 }
-                return val;
+                return value;
             }
             return null;
         });
+        effect(() => {
+            const strict = this.strict();
+            const value = this.value();
+            const parsed = this.parsedValue();
+            const valid = this.validatedValue();
+            // Force select a valid value based on preferences
+            if (valid !== parsed || (strict && valid !== value)) {
+                this.value.set(valid);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: CalendarInputs, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.22", type: CalendarInputs, isStandalone: true, selector: "ng-component", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, disabledDates: { classPropertyName: "disabledDates", publicName: "disabledDates", isSignal: true, isRequired: false, transformFunction: null }, disabledDays: { classPropertyName: "disabledDays", publicName: "disabledDays", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, strict: { classPropertyName: "strict", publicName: "strict", isSignal: true, isRequired: false, transformFunction: null }, testId: { classPropertyName: "testId", publicName: "testId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", disabled: "disabledChange" }, ngImport: i0, template: ``, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: CalendarInputs, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``
+                }]
+        }], ctorParameters: () => [] });
+
+class CalendarComponent extends CalendarInputs {
+    constructor() {
+        super();
+        this.months = ["jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec"];
+        this.daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat", "sun"];
+        this.currentMonth = signal(new Date().getMonth());
+        this.currentYear = signal(new Date().getFullYear());
+        this.isDragging = signal(false);
+        this.dragStartCellDate = signal(null);
+        this.dragCurrentCellDate = signal(null);
+        this.initialSelectedStateBeforeDrag = signal(new Map());
+        this.dragTargetState = signal(true);
+        this.isInitialized = false;
+        this.isMultiSelect = computed(() => Array.isArray(this.value()));
         // --- Computed Navigation States ---
         this.canGoPrev = computed(() => {
             const min = this.minDate();
@@ -8220,20 +8325,21 @@ class CalendarComponent {
             return false;
         });
         this.calendarCells = computed(() => {
-            const year = this.currentYear();
-            const month = this.currentMonth();
-            const firstDayOfMonth = new Date(year, month, 1);
+            const curYear = this.currentYear();
+            const curMonth = this.currentMonth();
+            const firstDayOfMonth = new Date(curYear, curMonth, 1);
             let startOffset = firstDayOfMonth.getDay() - 1;
             if (startOffset === -1)
                 startOffset = 6;
             if (startOffset === 0)
                 startOffset = 7;
-            const gridStartDate = new Date(year, month, 1 - startOffset);
+            const gridStartDate = new Date(curYear, curMonth, 1 - startOffset);
             const rawCells = [];
+            const id = this.testId();
             const min = this.minDate();
             const max = this.maxDate();
             const disabledTimes = this.disabledTimestamps();
-            const isDayOfWeekDisabled = this.isDayOfWeekDisabledFn();
+            const disabledDays = this.disabledDays();
             const currentValue = this.validatedValue();
             const startDrag = this.dragStartCellDate();
             const currentDrag = this.dragCurrentCellDate();
@@ -8250,14 +8356,14 @@ class CalendarComponent {
                 dragMinT = Math.min(startT, endT);
                 dragMaxT = Math.max(startT, endT);
             }
-            const prevMonthLastDayT = toMidnight(new Date(year, month, 0)).getTime();
-            const nextMonthFirstDayT = toMidnight(new Date(year, month + 1, 1)).getTime();
+            const prevMonthLastDayT = toMidnight(new Date(curYear, curMonth, 0)).getTime();
+            const nextMonthFirstDayT = toMidnight(new Date(curYear, curMonth + 1, 1)).getTime();
             for (let row = 0; row < 6; row++) {
                 const firstDateOfRow = new Date(gridStartDate.getFullYear(), gridStartDate.getMonth(), gridStartDate.getDate() + (row * 7));
                 rawCells.push({
-                    id: `week-${row}-${firstDateOfRow.getTime()}`,
+                    id: `${id}-week-${row}`,
                     date: null, isCurrentMonth: false, isDisabled: true, isSelected: false, isInDragRange: false,
-                    isWeekNum: true, weekNumber: getISOWeekNumber(firstDateOfRow), isRangeStart: false, isRangeEnd: false,
+                    isWeekNum: true, numValue: getISOWeekNumber(firstDateOfRow), isRangeStart: false, isRangeEnd: false,
                     isFillerStart: false, isFillerEnd: false
                 });
                 for (let col = 0; col < 7; col++) {
@@ -8271,7 +8377,7 @@ class CalendarComponent {
                         isDisabled = true;
                     if (disabledTimes.includes(timestamp))
                         isDisabled = true;
-                    if (isDayOfWeekDisabled(cellMidnight.getDay()))
+                    if (isDayOfWeekDisabled(cellMidnight, disabledDays))
                         isDisabled = true;
                     let isSelected = false;
                     if (!multiSelectMode) {
@@ -8306,10 +8412,19 @@ class CalendarComponent {
                             isRangeEnd = true;
                         }
                     }
+                    const date = cellDate.getDate();
+                    const month = cellDate.getMonth();
                     rawCells.push({
-                        id: String(timestamp), date: cellDate, isCurrentMonth: cellDate.getMonth() === month,
-                        isDisabled, isSelected, isInDragRange, isWeekNum: false, weekNumber: null,
-                        isRangeStart, isRangeEnd,
+                        id: `${id}-day-${month}-${date}`,
+                        date: cellDate,
+                        isCurrentMonth: month === curMonth,
+                        isDisabled,
+                        isSelected,
+                        isInDragRange,
+                        isWeekNum: false,
+                        numValue: date,
+                        isRangeStart,
+                        isRangeEnd,
                         isFillerStart: timestamp === nextMonthFirstDayT,
                         isFillerEnd: timestamp === prevMonthLastDayT
                     });
@@ -8319,22 +8434,31 @@ class CalendarComponent {
         });
         effect(() => {
             const val = this.validatedValue();
-            if (val && !this.isInitialized) {
-                untracked(() => {
-                    let referenceDate = null;
-                    if (Array.isArray(val) && val.length > 0) {
-                        referenceDate = new Date(Math.max(...val.map(d => d.getTime())));
-                    }
-                    else if (val instanceof Date) {
-                        referenceDate = val;
-                    }
-                    if (referenceDate && !isNaN(referenceDate.getTime())) {
-                        this.currentMonth.set(referenceDate.getMonth());
-                        this.currentYear.set(referenceDate.getFullYear());
-                        this.isInitialized = true;
-                    }
-                });
-            }
+            untracked(() => {
+                let referenceDate = null;
+                // 1. If a valid selection exists, use the latest date as the reference view anchor
+                if (Array.isArray(val) && val.length > 0) {
+                    referenceDate = new Date(Math.max(...val.map(d => d.getTime())));
+                }
+                else if (val instanceof Date) {
+                    referenceDate = val;
+                }
+                // 2. FALLBACK: If no selection exists, dynamically look up the first allowed calendar date
+                if (!referenceDate || isNaN(referenceDate.getTime())) {
+                    const min = this.minDate();
+                    const max = this.maxDate();
+                    const disabledTimes = this.disabledTimestamps();
+                    const disabledDays = this.disabledDays();
+                    // Start searching from today
+                    referenceDate = findClosestValidDate(new Date(), min, max, disabledTimes, disabledDays);
+                }
+                // 3. Update the view tracking states cleanly
+                if (referenceDate && !isNaN(referenceDate.getTime())) {
+                    this.currentMonth.set(referenceDate.getMonth());
+                    this.currentYear.set(referenceDate.getFullYear());
+                    this.isInitialized = true;
+                }
+            });
         });
     }
     // --- Dynamic Month Verification Engine ---
@@ -8342,7 +8466,7 @@ class CalendarComponent {
         const min = this.minDate();
         const max = this.maxDate();
         const disabledTimes = this.disabledTimestamps();
-        const isDayOfWeekDisabled = this.isDayOfWeekDisabledFn();
+        const disabledDays = this.disabledDays();
         const loopDate = new Date(year, month, 1);
         const minMidnight = min ? toMidnight(min).getTime() : -Infinity;
         const maxMidnight = max ? toMidnight(max).getTime() : Infinity;
@@ -8351,7 +8475,7 @@ class CalendarComponent {
             const currentMidnight = toMidnight(loopDate);
             const currentT = currentMidnight.getTime();
             if (currentT >= minMidnight && currentT <= maxMidnight) {
-                if (!disabledTimes.includes(currentT) && !isDayOfWeekDisabled(currentMidnight.getDay())) {
+                if (!disabledTimes.includes(currentT) && !isDayOfWeekDisabled(currentMidnight, disabledDays)) {
                     return true; // Found a valid date slot
                 }
             }
@@ -8423,7 +8547,8 @@ class CalendarComponent {
             return;
         this.dragCurrentCellDate.set(cell.date);
     }
-    onGridMouseLeave() { }
+    onGridMouseLeave() {
+    }
     onMouseUpGlobal() {
         if (!this.isDragging())
             return;
@@ -8436,8 +8561,6 @@ class CalendarComponent {
                     const hoveredCell = cellCells.find(c => c.date && isSameDay(c.date, currentDrag));
                     if (hoveredCell && !hoveredCell.isDisabled) {
                         this.value.set(currentDrag);
-                        this.currentMonth.set(currentDrag.getMonth());
-                        this.currentYear.set(currentDrag.getFullYear());
                     }
                 }
                 else {
@@ -8456,7 +8579,7 @@ class CalendarComponent {
                     const min = this.minDate();
                     const max = this.maxDate();
                     const disabledTimes = this.disabledTimestamps();
-                    const isDayOfWeekDisabled = this.isDayOfWeekDisabledFn();
+                    const disabledDays = this.disabledDays();
                     const dynamicDateCursor = new Date(minT);
                     const loopEndMidnight = new Date(maxT);
                     while (dynamicDateCursor <= loopEndMidnight) {
@@ -8468,7 +8591,7 @@ class CalendarComponent {
                             isDayRestricted = true;
                         if (disabledTimes.includes(currentT))
                             isDayRestricted = true;
-                        if (isDayOfWeekDisabled(dynamicDateCursor.getDay()))
+                        if (isDayOfWeekDisabled(dynamicDateCursor, disabledDays))
                             isDayRestricted = true;
                         if (!isDayRestricted) {
                             if (targetState) {
@@ -8481,8 +8604,6 @@ class CalendarComponent {
                         dynamicDateCursor.setDate(dynamicDateCursor.getDate() + 1);
                     }
                     this.value.set(Array.from(updatedSelectionMap.values()));
-                    this.currentMonth.set(currentDrag.getMonth());
-                    this.currentYear.set(currentDrag.getFullYear());
                 }
             }
         });
@@ -8491,43 +8612,12 @@ class CalendarComponent {
         this.dragCurrentCellDate.set(null);
         this.initialSelectedStateBeforeDrag.set(new Map());
     }
-    findClosestValidDate(baseDate, min, max, disabledTimes, isDayOfWeekDisabled = (jsDay) => false) {
-        const midnightBase = toMidnight(baseDate);
-        let direction = 1;
-        let testDate = new Date(midnightBase.getTime());
-        if (min && midnightBase < toMidnight(min)) {
-            testDate = new Date(toMidnight(min).getTime());
-            direction = 1;
-        }
-        else if (max && midnightBase > toMidnight(max)) {
-            testDate = new Date(toMidnight(max).getTime());
-            direction = -1;
-        }
-        let iterations = 0;
-        while (iterations < 365) {
-            const currentT = testDate.getTime();
-            let isInvalid = false;
-            if (min && testDate < toMidnight(min))
-                isInvalid = true;
-            if (max && testDate > toMidnight(max))
-                isInvalid = true;
-            if (disabledTimes.includes(currentT))
-                isInvalid = true;
-            if (isDayOfWeekDisabled(testDate.getDay()))
-                isInvalid = true;
-            if (!isInvalid)
-                return testDate;
-            testDate.setDate(testDate.getDate() + direction);
-            iterations++;
-        }
-        return min ? min : (max ? max : new Date());
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: CalendarComponent, isStandalone: false, selector: "calendar", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, disabledDates: { classPropertyName: "disabledDates", publicName: "disabledDates", isSignal: true, isRequired: false, transformFunction: null }, disabledDays: { classPropertyName: "disabledDays", publicName: "disabledDays", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { listeners: { "window:mouseup": "onMouseUpGlobal($event)" } }, ngImport: i0, template: "<div class=\"calendar-container\">\r\n    <div class=\"calendar-header\">\r\n        <div class=\"prev\">\r\n            @if (canGoPrev()) {\r\n                <btn (click)=\"prevMonth()\" icon=\"chevron-left\"></btn>\r\n            }\r\n        </div>\r\n        <div class=\"header-label\">\r\n            {{ \"month.\" + months[currentMonth()] | translate }} {{ currentYear() }}\r\n        </div>\r\n        <div class=\"next\">\r\n            @if (canGoNext()) {\r\n                <btn (click)=\"nextMonth()\" icon=\"chevron-right\"></btn>\r\n            }\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"calendar-grid days-header\">\r\n        <div class=\"day-label\"></div>\r\n        @for (day of daysOfWeek; track day) {\r\n            <div class=\"day-label\">{{ \"day.\" + day | translate }}</div>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"calendar-grid days-grid\" (mouseleave)=\"onGridMouseLeave()\">\r\n        @for (cell of calendarCells(); track cell.id) {\r\n            @if (cell.isWeekNum) {\r\n                <div class=\"calendar-cell week-number-cell\">\r\n                    {{ cell.weekNumber }}\r\n                </div>\r\n            }\r\n\r\n            @else {\r\n                <div\r\n                    class=\"calendar-cell\"\r\n                    [class.filler]=\"!cell.isCurrentMonth\"\r\n                    [class.filler-start]=\"cell.isFillerStart\"\r\n                    [class.filler-end]=\"cell.isFillerEnd\"\r\n                    [class.disabled]=\"cell.isDisabled\"\r\n                    [class.in-range]=\"cell.isInDragRange\"\r\n                    [class.range-start]=\"cell.isRangeStart\"\r\n                    [class.range-end]=\"cell.isRangeEnd\"\r\n                    [class.active]=\"cell.isSelected\"\r\n                    (mousedown)=\"onMouseDown(cell, $event)\"\r\n                    (mouseenter)=\"onMouseEnter(cell)\"\r\n                >\r\n                    <span class=\"cell-number\">{{ cell.date?.getDate() }}</span>\r\n                </div>\r\n            }\r\n        }\r\n    </div>\r\n</div>\r\n", styles: [".calendar-container{--calendar-color: var(--primary-color, var(--bs-primary, var(--mat-sys-primary, #666666)));--calendar-secondary-color: #686868;--calendar-padding: 4px;--calendar-cell-padding: 3px;--calendar-num-size: 30px;--calendar-num-radius: calc(var(--calendar-num-size) / 2 + var(--calendar-cell-padding));min-width:300px;margin-bottom:5px;border:1px solid #e0e0e0;padding:var(--calendar-padding);-webkit-user-select:none;user-select:none;background:#fff}.calendar-container *{box-sizing:border-box}.calendar-container .calendar-header{display:grid;grid-template-columns:50px 1fr 50px;justify-content:space-between;align-items:center;background-color:var(--calendar-color);color:#fff;padding:var(--calendar-padding);border-radius:3px;font-weight:700}.calendar-container .calendar-header .header-label{text-align:center}.calendar-container .calendar-header .prev{display:flex;justify-content:flex-start}.calendar-container .calendar-header .next{display:flex;justify-content:flex-end}.calendar-container .calendar-grid{display:grid;gap:5px 0;grid-template-columns:repeat(8,1fr);text-align:center}.calendar-container .days-header{margin-top:12px;font-weight:500;color:#757575;font-size:14px}.calendar-container .day-label{padding:8px 0}.calendar-container .days-grid{margin-top:8px}.calendar-container .calendar-cell{position:relative;padding:var(--calendar-cell-padding);font-size:14px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center}.calendar-container .calendar-cell.week-number-cell{color:var(--calendar-color);font-weight:700;cursor:default;pointer-events:none}.calendar-container .calendar-cell.filler{color:#666;background-color:#f6f6f6}.calendar-container .calendar-cell.filler.filler-start{border-top-left-radius:var(--calendar-num-radius);border-bottom-left-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.filler.filler-end{border-top-right-radius:var(--calendar-num-radius);border-bottom-right-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.in-range:before{opacity:.5;inset:0;content:\" \";position:absolute;background:var(--calendar-color)}.calendar-container .calendar-cell.in-range.range-start:before{border-top-left-radius:var(--calendar-num-radius);border-bottom-left-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.in-range.range-end:before{border-top-right-radius:var(--calendar-num-radius);border-bottom-right-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.disabled{color:#7e7e7e;opacity:.75;cursor:default}.calendar-container .cell-number{position:relative;border-radius:50%;width:var(--calendar-num-size);height:var(--calendar-num-size);display:flex;align-items:center;justify-content:center}.calendar-container .calendar-cell.active .cell-number{background-color:var(--calendar-color);color:#fff}\n"], dependencies: [{ kind: "component", type: BtnComponent, selector: "btn", inputs: ["label", "tooltip", "icon", "disabled", "path", "type", "size"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: CalendarComponent, isStandalone: false, selector: "calendar", host: { listeners: { "window:mouseup": "onMouseUpGlobal($event)" } }, usesInheritance: true, ngImport: i0, template: "@let id = testId();\r\n<div class=\"calendar-container\">\r\n    <div class=\"calendar-header\">\r\n        <div class=\"prev\">\r\n            @if (canGoPrev()) {\r\n                <btn icon=\"chevron-left\"\r\n                     [attr.data-testid]=\"id + '-prev-month'\"\r\n                     (click)=\"prevMonth()\"></btn>\r\n            }\r\n        </div>\r\n        <div class=\"header-label\">\r\n            @let month = currentMonth();\r\n            <span [attr.data-testid]=\"id + '-month'\"\r\n                  [attr.data-value]=\"month\">\r\n                {{ \"month.\" + months[month] | translate }}\r\n            </span>\r\n            @let year = currentYear();\r\n            <span [attr.data-testid]=\"id + '-year'\"\r\n                  [attr.data-value]=\"year\">\r\n                {{ year }}\r\n            </span>\r\n        </div>\r\n        <div class=\"next\">\r\n            @if (canGoNext()) {\r\n                <btn icon=\"chevron-right\"\r\n                     [attr.data-testid]=\"id + '-next-month'\"\r\n                     (click)=\"nextMonth()\"></btn>\r\n            }\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"calendar-grid days-header\">\r\n        <div class=\"day-label\"></div>\r\n        @for (day of daysOfWeek; track day) {\r\n            <div class=\"day-label\">{{ \"day.\" + day | translate }}</div>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"calendar-grid days-grid\" (mouseleave)=\"onGridMouseLeave()\">\r\n        @for (cell of calendarCells(); track cell.id) {\r\n            @if (cell.isWeekNum) {\r\n                <div class=\"calendar-cell week-number-cell\"\r\n                     [attr.data-testid]=\"cell.id\">\r\n                    {{ cell.numValue }}\r\n                </div>\r\n            }\r\n            @else {\r\n                <div\r\n                    class=\"calendar-cell\"\r\n                    [class.filler]=\"!cell.isCurrentMonth\"\r\n                    [class.filler-start]=\"cell.isFillerStart\"\r\n                    [class.filler-end]=\"cell.isFillerEnd\"\r\n                    [class.disabled]=\"cell.isDisabled\"\r\n                    [class.in-range]=\"cell.isInDragRange\"\r\n                    [class.range-start]=\"cell.isRangeStart\"\r\n                    [class.range-end]=\"cell.isRangeEnd\"\r\n                    [class.active]=\"cell.isSelected\"\r\n                    [attr.data-testid]=\"cell.id\"\r\n                    (mousedown)=\"onMouseDown(cell, $event)\"\r\n                    (mouseenter)=\"onMouseEnter(cell)\"\r\n                >\r\n                    <span class=\"cell-number\">{{ cell.numValue }}</span>\r\n                </div>\r\n            }\r\n        }\r\n    </div>\r\n</div>\r\n", styles: [".calendar-container{--calendar-color: var(--primary-color, var(--bs-primary, var(--mat-sys-primary, #666666)));--calendar-secondary-color: #686868;--calendar-padding: 4px;--calendar-cell-padding: 3px;--calendar-num-size: 30px;--calendar-num-radius: calc(var(--calendar-num-size) / 2 + var(--calendar-cell-padding));min-width:300px;border:1px solid #e0e0e0;padding:var(--calendar-padding);-webkit-user-select:none;user-select:none;background:#fff}.calendar-container *{box-sizing:border-box}.calendar-container .calendar-header{display:grid;grid-template-columns:50px 1fr 50px;justify-content:space-between;align-items:center;background-color:var(--calendar-color);color:#fff;padding:var(--calendar-padding);border-radius:3px;font-weight:700}.calendar-container .calendar-header .header-label{text-align:center}.calendar-container .calendar-header .prev{display:flex;justify-content:flex-start}.calendar-container .calendar-header .next{display:flex;justify-content:flex-end}.calendar-container .calendar-grid{display:grid;gap:5px 0;grid-template-columns:repeat(8,1fr);text-align:center}.calendar-container .days-header{margin-top:12px;font-weight:500;color:#757575;font-size:14px}.calendar-container .day-label{padding:8px 0}.calendar-container .days-grid{margin-top:8px}.calendar-container .calendar-cell{position:relative;padding:var(--calendar-cell-padding);font-size:14px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center}.calendar-container .calendar-cell.week-number-cell{color:var(--calendar-color);font-weight:700;cursor:default;pointer-events:none}.calendar-container .calendar-cell.filler{color:#666;background-color:#f6f6f6}.calendar-container .calendar-cell.filler.filler-start{border-top-left-radius:var(--calendar-num-radius);border-bottom-left-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.filler.filler-end{border-top-right-radius:var(--calendar-num-radius);border-bottom-right-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.in-range:before{opacity:.5;inset:0;content:\" \";position:absolute;background:var(--calendar-color)}.calendar-container .calendar-cell.in-range.range-start:before{border-top-left-radius:var(--calendar-num-radius);border-bottom-left-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.in-range.range-end:before{border-top-right-radius:var(--calendar-num-radius);border-bottom-right-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.disabled{color:#7e7e7e;opacity:.75;cursor:default}.calendar-container .cell-number{position:relative;border-radius:50%;width:var(--calendar-num-size);height:var(--calendar-num-size);display:flex;align-items:center;justify-content:center}.calendar-container .calendar-cell.active .cell-number{background-color:var(--calendar-color);color:#fff}\n"], dependencies: [{ kind: "component", type: BtnComponent, selector: "btn", inputs: ["label", "tooltip", "icon", "disabled", "path", "type", "size"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: CalendarComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, encapsulation: ViewEncapsulation.None, selector: "calendar", template: "<div class=\"calendar-container\">\r\n    <div class=\"calendar-header\">\r\n        <div class=\"prev\">\r\n            @if (canGoPrev()) {\r\n                <btn (click)=\"prevMonth()\" icon=\"chevron-left\"></btn>\r\n            }\r\n        </div>\r\n        <div class=\"header-label\">\r\n            {{ \"month.\" + months[currentMonth()] | translate }} {{ currentYear() }}\r\n        </div>\r\n        <div class=\"next\">\r\n            @if (canGoNext()) {\r\n                <btn (click)=\"nextMonth()\" icon=\"chevron-right\"></btn>\r\n            }\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"calendar-grid days-header\">\r\n        <div class=\"day-label\"></div>\r\n        @for (day of daysOfWeek; track day) {\r\n            <div class=\"day-label\">{{ \"day.\" + day | translate }}</div>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"calendar-grid days-grid\" (mouseleave)=\"onGridMouseLeave()\">\r\n        @for (cell of calendarCells(); track cell.id) {\r\n            @if (cell.isWeekNum) {\r\n                <div class=\"calendar-cell week-number-cell\">\r\n                    {{ cell.weekNumber }}\r\n                </div>\r\n            }\r\n\r\n            @else {\r\n                <div\r\n                    class=\"calendar-cell\"\r\n                    [class.filler]=\"!cell.isCurrentMonth\"\r\n                    [class.filler-start]=\"cell.isFillerStart\"\r\n                    [class.filler-end]=\"cell.isFillerEnd\"\r\n                    [class.disabled]=\"cell.isDisabled\"\r\n                    [class.in-range]=\"cell.isInDragRange\"\r\n                    [class.range-start]=\"cell.isRangeStart\"\r\n                    [class.range-end]=\"cell.isRangeEnd\"\r\n                    [class.active]=\"cell.isSelected\"\r\n                    (mousedown)=\"onMouseDown(cell, $event)\"\r\n                    (mouseenter)=\"onMouseEnter(cell)\"\r\n                >\r\n                    <span class=\"cell-number\">{{ cell.date?.getDate() }}</span>\r\n                </div>\r\n            }\r\n        }\r\n    </div>\r\n</div>\r\n", styles: [".calendar-container{--calendar-color: var(--primary-color, var(--bs-primary, var(--mat-sys-primary, #666666)));--calendar-secondary-color: #686868;--calendar-padding: 4px;--calendar-cell-padding: 3px;--calendar-num-size: 30px;--calendar-num-radius: calc(var(--calendar-num-size) / 2 + var(--calendar-cell-padding));min-width:300px;margin-bottom:5px;border:1px solid #e0e0e0;padding:var(--calendar-padding);-webkit-user-select:none;user-select:none;background:#fff}.calendar-container *{box-sizing:border-box}.calendar-container .calendar-header{display:grid;grid-template-columns:50px 1fr 50px;justify-content:space-between;align-items:center;background-color:var(--calendar-color);color:#fff;padding:var(--calendar-padding);border-radius:3px;font-weight:700}.calendar-container .calendar-header .header-label{text-align:center}.calendar-container .calendar-header .prev{display:flex;justify-content:flex-start}.calendar-container .calendar-header .next{display:flex;justify-content:flex-end}.calendar-container .calendar-grid{display:grid;gap:5px 0;grid-template-columns:repeat(8,1fr);text-align:center}.calendar-container .days-header{margin-top:12px;font-weight:500;color:#757575;font-size:14px}.calendar-container .day-label{padding:8px 0}.calendar-container .days-grid{margin-top:8px}.calendar-container .calendar-cell{position:relative;padding:var(--calendar-cell-padding);font-size:14px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center}.calendar-container .calendar-cell.week-number-cell{color:var(--calendar-color);font-weight:700;cursor:default;pointer-events:none}.calendar-container .calendar-cell.filler{color:#666;background-color:#f6f6f6}.calendar-container .calendar-cell.filler.filler-start{border-top-left-radius:var(--calendar-num-radius);border-bottom-left-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.filler.filler-end{border-top-right-radius:var(--calendar-num-radius);border-bottom-right-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.in-range:before{opacity:.5;inset:0;content:\" \";position:absolute;background:var(--calendar-color)}.calendar-container .calendar-cell.in-range.range-start:before{border-top-left-radius:var(--calendar-num-radius);border-bottom-left-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.in-range.range-end:before{border-top-right-radius:var(--calendar-num-radius);border-bottom-right-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.disabled{color:#7e7e7e;opacity:.75;cursor:default}.calendar-container .cell-number{position:relative;border-radius:50%;width:var(--calendar-num-size);height:var(--calendar-num-size);display:flex;align-items:center;justify-content:center}.calendar-container .calendar-cell.active .cell-number{background-color:var(--calendar-color);color:#fff}\n"] }]
+            args: [{ standalone: false, encapsulation: ViewEncapsulation.None, selector: "calendar", template: "@let id = testId();\r\n<div class=\"calendar-container\">\r\n    <div class=\"calendar-header\">\r\n        <div class=\"prev\">\r\n            @if (canGoPrev()) {\r\n                <btn icon=\"chevron-left\"\r\n                     [attr.data-testid]=\"id + '-prev-month'\"\r\n                     (click)=\"prevMonth()\"></btn>\r\n            }\r\n        </div>\r\n        <div class=\"header-label\">\r\n            @let month = currentMonth();\r\n            <span [attr.data-testid]=\"id + '-month'\"\r\n                  [attr.data-value]=\"month\">\r\n                {{ \"month.\" + months[month] | translate }}\r\n            </span>\r\n            @let year = currentYear();\r\n            <span [attr.data-testid]=\"id + '-year'\"\r\n                  [attr.data-value]=\"year\">\r\n                {{ year }}\r\n            </span>\r\n        </div>\r\n        <div class=\"next\">\r\n            @if (canGoNext()) {\r\n                <btn icon=\"chevron-right\"\r\n                     [attr.data-testid]=\"id + '-next-month'\"\r\n                     (click)=\"nextMonth()\"></btn>\r\n            }\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"calendar-grid days-header\">\r\n        <div class=\"day-label\"></div>\r\n        @for (day of daysOfWeek; track day) {\r\n            <div class=\"day-label\">{{ \"day.\" + day | translate }}</div>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"calendar-grid days-grid\" (mouseleave)=\"onGridMouseLeave()\">\r\n        @for (cell of calendarCells(); track cell.id) {\r\n            @if (cell.isWeekNum) {\r\n                <div class=\"calendar-cell week-number-cell\"\r\n                     [attr.data-testid]=\"cell.id\">\r\n                    {{ cell.numValue }}\r\n                </div>\r\n            }\r\n            @else {\r\n                <div\r\n                    class=\"calendar-cell\"\r\n                    [class.filler]=\"!cell.isCurrentMonth\"\r\n                    [class.filler-start]=\"cell.isFillerStart\"\r\n                    [class.filler-end]=\"cell.isFillerEnd\"\r\n                    [class.disabled]=\"cell.isDisabled\"\r\n                    [class.in-range]=\"cell.isInDragRange\"\r\n                    [class.range-start]=\"cell.isRangeStart\"\r\n                    [class.range-end]=\"cell.isRangeEnd\"\r\n                    [class.active]=\"cell.isSelected\"\r\n                    [attr.data-testid]=\"cell.id\"\r\n                    (mousedown)=\"onMouseDown(cell, $event)\"\r\n                    (mouseenter)=\"onMouseEnter(cell)\"\r\n                >\r\n                    <span class=\"cell-number\">{{ cell.numValue }}</span>\r\n                </div>\r\n            }\r\n        }\r\n    </div>\r\n</div>\r\n", styles: [".calendar-container{--calendar-color: var(--primary-color, var(--bs-primary, var(--mat-sys-primary, #666666)));--calendar-secondary-color: #686868;--calendar-padding: 4px;--calendar-cell-padding: 3px;--calendar-num-size: 30px;--calendar-num-radius: calc(var(--calendar-num-size) / 2 + var(--calendar-cell-padding));min-width:300px;border:1px solid #e0e0e0;padding:var(--calendar-padding);-webkit-user-select:none;user-select:none;background:#fff}.calendar-container *{box-sizing:border-box}.calendar-container .calendar-header{display:grid;grid-template-columns:50px 1fr 50px;justify-content:space-between;align-items:center;background-color:var(--calendar-color);color:#fff;padding:var(--calendar-padding);border-radius:3px;font-weight:700}.calendar-container .calendar-header .header-label{text-align:center}.calendar-container .calendar-header .prev{display:flex;justify-content:flex-start}.calendar-container .calendar-header .next{display:flex;justify-content:flex-end}.calendar-container .calendar-grid{display:grid;gap:5px 0;grid-template-columns:repeat(8,1fr);text-align:center}.calendar-container .days-header{margin-top:12px;font-weight:500;color:#757575;font-size:14px}.calendar-container .day-label{padding:8px 0}.calendar-container .days-grid{margin-top:8px}.calendar-container .calendar-cell{position:relative;padding:var(--calendar-cell-padding);font-size:14px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center}.calendar-container .calendar-cell.week-number-cell{color:var(--calendar-color);font-weight:700;cursor:default;pointer-events:none}.calendar-container .calendar-cell.filler{color:#666;background-color:#f6f6f6}.calendar-container .calendar-cell.filler.filler-start{border-top-left-radius:var(--calendar-num-radius);border-bottom-left-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.filler.filler-end{border-top-right-radius:var(--calendar-num-radius);border-bottom-right-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.in-range:before{opacity:.5;inset:0;content:\" \";position:absolute;background:var(--calendar-color)}.calendar-container .calendar-cell.in-range.range-start:before{border-top-left-radius:var(--calendar-num-radius);border-bottom-left-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.in-range.range-end:before{border-top-right-radius:var(--calendar-num-radius);border-bottom-right-radius:var(--calendar-num-radius)}.calendar-container .calendar-cell.disabled{color:#7e7e7e;opacity:.75;cursor:default}.calendar-container .cell-number{position:relative;border-radius:50%;width:var(--calendar-num-size);height:var(--calendar-num-size);display:flex;align-items:center;justify-content:center}.calendar-container .calendar-cell.active .cell-number{background-color:var(--calendar-color);color:#fff}\n"] }]
         }], ctorParameters: () => [], propDecorators: { onMouseUpGlobal: [{
                 type: HostListener,
                 args: ["window:mouseup", ["$event"]]
@@ -8935,6 +9025,89 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
                 args: ["editor"]
             }] } });
 
+class DatePickerComponent extends CalendarInputs {
+    constructor() {
+        super(...arguments);
+        this.autoPlacement = {
+            autoAlignment: true,
+            allowedPlacements: ["top-end", "bottom-end"]
+        };
+        this.inputValue = computed(() => {
+            const value = this.validatedValue();
+            return isDate(value) ? convertToDateFormat(value, "date") : String(this.value() || "");
+        });
+        this.pickerDropdown = viewChild("pickerDropdown");
+        this.onChange = () => {
+        };
+        this.onTouched = () => {
+        };
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(value) {
+        this.value.set(value);
+    }
+    setDisabledState(isDisabled) {
+        this.disabled.set(isDisabled);
+    }
+    onPickerChange(date) {
+        this.value.set(date);
+        untracked(() => {
+            this.pickerDropdown()?.hide();
+        });
+        this.onChange(date);
+        this.onTouched();
+    }
+    onFocus() {
+        untracked(() => {
+            this.pickerDropdown()?.hide();
+        });
+    }
+    onBlur(ev) {
+        const target = ev.target;
+        let date = parseValidDate(target.value);
+        let value = date;
+        untracked(() => {
+            const strict = this.strict();
+            const min = this.minDate();
+            const max = this.maxDate();
+            const disabledTimes = this.disabledTimestamps();
+            const disabledDays = this.disabledDays();
+            date = date
+                ? findClosestValidDate(date, min, max, disabledTimes, disabledDays)
+                : null;
+            target.value = isDate(date)
+                ? convertToDateFormat(date, "date")
+                : (strict ? null : target.value);
+            value = isDate(date)
+                ? date
+                : (strict ? null : target.value);
+        });
+        this.value.set(value);
+        this.onChange(value);
+        this.onTouched();
+    }
+    clear() {
+        this.value.set(null);
+        this.onChange(null);
+        this.onTouched();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DatePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.22", type: DatePickerComponent, isStandalone: false, selector: "date-picker", providers: [
+            { provide: NG_VALUE_ACCESSOR, useExisting: DatePickerComponent, multi: true }
+        ], viewQueries: [{ propertyName: "pickerDropdown", first: true, predicate: ["pickerDropdown"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let id = testId();\r\n<div class=\"date-picker\"\r\n     drop-down\r\n     [closeInside]=\"false\"\r\n     [autoPlacement]=\"autoPlacement\"\r\n     [ngClass]=\"{disabled: disabled()}\"\r\n     #pickerDropdown=\"dropdown\">\r\n    <input class=\"date-picker-input\"\r\n           [attr.data-testid]=\"id\"\r\n           [type]=\"strict() ? 'date' : 'text'\"\r\n           [value]=\"inputValue()\"\r\n           (focus)=\"onFocus()\"\r\n           (blur)=\"onBlur($event)\"/>\r\n    <div class=\"date-picker-buttons\">\r\n        @if (value()) {\r\n            <btn [attr.data-testid]=\"id + '-clear'\"\r\n                 type=\"transparent\"\r\n                 icon=\"close\" (click)=\"clear()\"></btn>\r\n        }\r\n        <btn [attr.data-testid]=\"id + '-open-picker'\"\r\n             type=\"transparent\"\r\n             icon=\"calendar-days\" dropdownToggle></btn>\r\n    </div>\r\n    <div *dropdownContent>\r\n        <calendar [testId]=\"id + '-picker'\"\r\n                  [min]=\"min()\"\r\n                  [max]=\"max()\"\r\n                  [disabledDates]=\"disabledDates()\"\r\n                  [disabledDays]=\"disabledDays()\"\r\n                  [disabled]=\"disabled()\"\r\n                  [strict]=\"strict()\"\r\n                  [value]=\"value()\"\r\n                  (valueChange)=\"onPickerChange($event)\"></calendar>\r\n    </div>\r\n</div>\r\n", styles: [".date-picker{--date-picker-border-size: var(--border-size, 1px);--date-picker-border-radius: var(--border-radius, 5px);--date-picker-bg-color: var(--bg-color, #ffffff);--date-picker-border-color: var(--border-color, #ced4da);--date-picker-highlight-color: var(--highlight-color, var(--primary-color, #888888));--date-picker-highlight-text-color: var(--highlight-text-color, #ffffff);--date-picker-text-color: var(--text-color, #151515);--date-picker-text-size: var(--text-size, 16px);--date-picker-padding-vertical: 6px;--date-picker-padding-horizontal: 12px;--date-picker-padding: var(--date-picker-padding-vertical) var(--date-picker-padding-horizontal);--date-picker-btn-padding: 12px;--date-picker-btn-gap: calc(var(--date-picker-btn-padding) / 2);--date-picker-btn-color: white;--date-picker-btn-valid-color: rgba(200, 255, 200, .7);--date-picker-btn-invalid-color: rgba(255, 200, 200, .7);position:relative;margin:5px 0;font-size:var(--date-picker-text-size);padding:var(--date-picker-padding);background:var(--date-picker-bg-color);color:var(--date-picker-text-color);border:var(--date-picker-border-size) solid var(--date-picker-border-color);border-radius:var(--date-picker-border-radius)}.date-picker *{box-sizing:border-box}.date-picker .date-picker-input{background:var(--date-picker-bg-color);font-size:var(--date-picker-text-size);outline:none;border:none;width:100%;-webkit-user-select:none;user-select:none;font-weight:400}.date-picker .date-picker-input::-webkit-calendar-picker-indicator{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-input::-webkit-clear-button{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-input::-webkit-inner-spin-button{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-buttons{display:flex;justify-content:flex-end;position:absolute;aspect-ratio:2/1;top:0;bottom:0;right:0}.date-picker.disabled{opacity:.75}.date-picker.disabled .chips-button{padding-right:var(--date-picker-btn-padding)}\n"], dependencies: [{ kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: DropdownDirective, selector: "[dd],[drop-down]", inputs: ["closeInside", "attachTo", "boundary", "placement", "autoPlacement", "mobileViewUnder", "fixed", "keyboardHandler", "isDisabled"], outputs: ["onShown", "onHidden", "onKeyboard"], exportAs: ["dropdown"] }, { kind: "directive", type: DropdownContentDirective, selector: "[dropdownContent]", exportAs: ["dropdown-content"] }, { kind: "directive", type: DropdownToggleDirective, selector: "[dropdownToggle]", inputs: ["beforeOpen", "switch"], exportAs: ["dropdown-toggle"] }, { kind: "component", type: BtnComponent, selector: "btn", inputs: ["label", "tooltip", "icon", "disabled", "path", "type", "size"] }, { kind: "component", type: CalendarComponent, selector: "calendar" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: DatePickerComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, encapsulation: ViewEncapsulation.None, selector: "date-picker", providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: DatePickerComponent, multi: true }
+                    ], template: "@let id = testId();\r\n<div class=\"date-picker\"\r\n     drop-down\r\n     [closeInside]=\"false\"\r\n     [autoPlacement]=\"autoPlacement\"\r\n     [ngClass]=\"{disabled: disabled()}\"\r\n     #pickerDropdown=\"dropdown\">\r\n    <input class=\"date-picker-input\"\r\n           [attr.data-testid]=\"id\"\r\n           [type]=\"strict() ? 'date' : 'text'\"\r\n           [value]=\"inputValue()\"\r\n           (focus)=\"onFocus()\"\r\n           (blur)=\"onBlur($event)\"/>\r\n    <div class=\"date-picker-buttons\">\r\n        @if (value()) {\r\n            <btn [attr.data-testid]=\"id + '-clear'\"\r\n                 type=\"transparent\"\r\n                 icon=\"close\" (click)=\"clear()\"></btn>\r\n        }\r\n        <btn [attr.data-testid]=\"id + '-open-picker'\"\r\n             type=\"transparent\"\r\n             icon=\"calendar-days\" dropdownToggle></btn>\r\n    </div>\r\n    <div *dropdownContent>\r\n        <calendar [testId]=\"id + '-picker'\"\r\n                  [min]=\"min()\"\r\n                  [max]=\"max()\"\r\n                  [disabledDates]=\"disabledDates()\"\r\n                  [disabledDays]=\"disabledDays()\"\r\n                  [disabled]=\"disabled()\"\r\n                  [strict]=\"strict()\"\r\n                  [value]=\"value()\"\r\n                  (valueChange)=\"onPickerChange($event)\"></calendar>\r\n    </div>\r\n</div>\r\n", styles: [".date-picker{--date-picker-border-size: var(--border-size, 1px);--date-picker-border-radius: var(--border-radius, 5px);--date-picker-bg-color: var(--bg-color, #ffffff);--date-picker-border-color: var(--border-color, #ced4da);--date-picker-highlight-color: var(--highlight-color, var(--primary-color, #888888));--date-picker-highlight-text-color: var(--highlight-text-color, #ffffff);--date-picker-text-color: var(--text-color, #151515);--date-picker-text-size: var(--text-size, 16px);--date-picker-padding-vertical: 6px;--date-picker-padding-horizontal: 12px;--date-picker-padding: var(--date-picker-padding-vertical) var(--date-picker-padding-horizontal);--date-picker-btn-padding: 12px;--date-picker-btn-gap: calc(var(--date-picker-btn-padding) / 2);--date-picker-btn-color: white;--date-picker-btn-valid-color: rgba(200, 255, 200, .7);--date-picker-btn-invalid-color: rgba(255, 200, 200, .7);position:relative;margin:5px 0;font-size:var(--date-picker-text-size);padding:var(--date-picker-padding);background:var(--date-picker-bg-color);color:var(--date-picker-text-color);border:var(--date-picker-border-size) solid var(--date-picker-border-color);border-radius:var(--date-picker-border-radius)}.date-picker *{box-sizing:border-box}.date-picker .date-picker-input{background:var(--date-picker-bg-color);font-size:var(--date-picker-text-size);outline:none;border:none;width:100%;-webkit-user-select:none;user-select:none;font-weight:400}.date-picker .date-picker-input::-webkit-calendar-picker-indicator{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-input::-webkit-clear-button{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-input::-webkit-inner-spin-button{display:none!important;-webkit-appearance:none!important}.date-picker .date-picker-buttons{display:flex;justify-content:flex-end;position:absolute;aspect-ratio:2/1;top:0;bottom:0;right:0}.date-picker.disabled{opacity:.75}.date-picker.disabled .chips-button{padding-right:var(--date-picker-btn-padding)}\n"] }]
+        }] });
+
 class DropListComponent {
     constructor(cdr) {
         this.cdr = cdr;
@@ -10816,6 +10989,7 @@ const components = [
     ChipsComponent,
     CloseBtnComponent,
     CodeEditorComponent,
+    DatePickerComponent,
     DropListComponent,
     DropdownBoxComponent,
     DynamicTableComponent,
@@ -11058,8 +11232,8 @@ class NgxUtilsModule {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: NgxUtilsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: NgxUtilsModule, declarations: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IncludesPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, SyncAsyncPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, AsyncMethodTargetDirective, BackgroundDirective, ComponentLoaderDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownContentDirective, DropdownToggleDirective, TabsItemDirective, TabsTemplateDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, BtnComponent, BtnDefaultComponent, CalendarComponent, ChipsComponent, CloseBtnComponent, CodeEditorComponent, DropListComponent, DropdownBoxComponent, DynamicTableComponent, DynamicTableCellComponent, FakeModuleComponent, PaginationMenuComponent, IconComponent, IconDefaultComponent, InteractiveCanvasComponent, InteractiveItemComponent, InteractiveCircleComponent, InteractiveRectComponent, TabsComponent, UnorderedListComponent, UploadComponent, WysiwygComponent], imports: [CommonModule,
-            FormsModule], exports: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IncludesPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, SyncAsyncPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, AsyncMethodTargetDirective, BackgroundDirective, ComponentLoaderDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownContentDirective, DropdownToggleDirective, TabsItemDirective, TabsTemplateDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, BtnComponent, BtnDefaultComponent, CalendarComponent, ChipsComponent, CloseBtnComponent, CodeEditorComponent, DropListComponent, DropdownBoxComponent, DynamicTableComponent, DynamicTableCellComponent, FakeModuleComponent, PaginationMenuComponent, IconComponent, IconDefaultComponent, InteractiveCanvasComponent, InteractiveItemComponent, InteractiveCircleComponent, InteractiveRectComponent, TabsComponent, UnorderedListComponent, UploadComponent, WysiwygComponent, FormsModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.22", ngImport: i0, type: NgxUtilsModule, declarations: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IncludesPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, SyncAsyncPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, AsyncMethodTargetDirective, BackgroundDirective, ComponentLoaderDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownContentDirective, DropdownToggleDirective, TabsItemDirective, TabsTemplateDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, BtnComponent, BtnDefaultComponent, CalendarComponent, ChipsComponent, CloseBtnComponent, CodeEditorComponent, DatePickerComponent, DropListComponent, DropdownBoxComponent, DynamicTableComponent, DynamicTableCellComponent, FakeModuleComponent, PaginationMenuComponent, IconComponent, IconDefaultComponent, InteractiveCanvasComponent, InteractiveItemComponent, InteractiveCircleComponent, InteractiveRectComponent, TabsComponent, UnorderedListComponent, UploadComponent, WysiwygComponent], imports: [CommonModule,
+            FormsModule], exports: [ChunkPipe, EntriesPipe, ExtraItemPropertiesPipe, FilterPipe, FindPipe, FormatNumberPipe, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplatePipe, GroupByPipe, IncludesPipe, IsTypePipe, JoinPipe, KeysPipe, MapPipe, MaxPipe, MinPipe, PopPipe, ReducePipe, RemapPipe, ReplacePipe, ReversePipe, RoundPipe, SafeHtmlPipe, ShiftPipe, SplitPipe, SyncAsyncPipe, TranslatePipe, ValuesPipe, AsyncMethodBase, AsyncMethodDirective, AsyncMethodTargetDirective, BackgroundDirective, ComponentLoaderDirective, DynamicTableTemplateDirective, GlobalTemplateDirective, IconDirective, NgxTemplateOutletDirective, PaginationDirective, PaginationItemDirective, ResourceIfDirective, StickyDirective, StickyClassDirective, DropdownDirective, DropdownContentDirective, DropdownToggleDirective, TabsItemDirective, TabsTemplateDirective, UnorderedListItemDirective, UnorderedListTemplateDirective, BtnComponent, BtnDefaultComponent, CalendarComponent, ChipsComponent, CloseBtnComponent, CodeEditorComponent, DatePickerComponent, DropListComponent, DropdownBoxComponent, DynamicTableComponent, DynamicTableCellComponent, FakeModuleComponent, PaginationMenuComponent, IconComponent, IconDefaultComponent, InteractiveCanvasComponent, InteractiveItemComponent, InteractiveCircleComponent, InteractiveRectComponent, TabsComponent, UnorderedListComponent, UploadComponent, WysiwygComponent, FormsModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.22", ngImport: i0, type: NgxUtilsModule, providers: pipes, imports: [CommonModule,
             FormsModule, FormsModule] }); }
 }
@@ -11089,5 +11263,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.22", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AsyncMethodTargetDirective, AuthGuard, BASE_CONFIG, BUTTON_TYPE, BackgroundDirective, BaseDialogService, BaseHttpClient, BaseHttpService, BaseToasterService, BtnComponent, BtnDefaultComponent, CONFIG_SERVICE, CacheService, CalendarComponent, CanvasColor, CanvasUtils, ChipsComponent, ChunkPipe, Circle, CloseBtnComponent, CodeEditorComponent, ComponentLoaderDirective, ComponentLoaderService, ConfigService, DIALOG_SERVICE, DateUtils, DragDropEventPlugin, DropListComponent, DropdownBoxComponent, DropdownContentDirective, DropdownDirective, DropdownToggleDirective, DynamicTableCellComponent, DynamicTableComponent, DynamicTableTemplateDirective, EDITOR_TYPES, EPSILON, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, Enum, ErrorHandlerService, EventsService, ExclusionsRenderer, ExtraItemPropertiesPipe, FactoryDependencies, FakeModuleComponent, FileSystemEntry, FileUtils, FilterPipe, FindPipe, ForbiddenZone, FormatNumberPipe, FormatterService, GenericValue, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, HitZoneRenderer, HrefSerializer, ICON_MAP, ICON_SERVICE, ICON_TYPE, IConfiguration, IconComponent, IconDefaultComponent, IconDirective, IconService, IncludesPipe, Initializer, InteractiveCanvasComponent, InteractiveCircleComponent, InteractiveItemComponent, InteractiveRectComponent, IsTypePipe, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, LocalHttpService, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, OPTIONS_TOKEN, ObjectType, ObjectUtils, ObservableUtils, OpenApiService, Oval, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, RESIZE_DELAY, RESIZE_STRATEGY, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, RequestBag, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, RulerCanvasRenderer, SCHEMA_SELECTOR, SCRIPT_PARAMS, STATIC_SCHEMAS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShapeGroup, ShiftPipe, SocketClient, SocketService, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, SyncAsyncPipe, TOASTER_SERVICE, TabsComponent, TabsItemDirective, TabsTemplateDirective, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UploadComponent, ValuedPromise, ValuesPipe, WysiwygComponent, addDate, addPts, cachedFactory, cancelablePromise, checkTransitions, clamp, computedPrevious, createTypedProvider, cssStyles, cssVariables, diffEntities, distance, distanceSq, dividePts, dotProduct, ensurePoint, eqPts, getComponentDef, getCssVariables, getISOWeekNumber, getRoot, getType, impatientPromise, injectOptions, isBrowser, isEqual, isFunction, isObject, isPoint, isSameDay, isString, isStringWithValue, isZero, lengthOfPt, lengthSq, lerpPts, md5, multiplyPts, negatePt, normalizePt, normalizeRange, overflow, parseSelector, parseValidDate, perpendicular, promiseTimeout, provideEntryComponents, provideOptions, provideWithOptions, rotateDeg, rotateRad, scalePt, selectorMatchesList, stringify, subPts, svgToDataUri, switchClass, toDegrees, toMidnight, toRadians, toStringArray, tripleProduct };
+export { API_SERVICE, APP_BASE_URL, AUTH_SERVICE, AclService, AjaxRequestHandler, ApiService, ArrayUtils, AsyncMethodBase, AsyncMethodDirective, AsyncMethodTargetDirective, AuthGuard, BASE_CONFIG, BUTTON_TYPE, BackgroundDirective, BaseDialogService, BaseHttpClient, BaseHttpService, BaseToasterService, BtnComponent, BtnDefaultComponent, CONFIG_SERVICE, CacheService, CalendarComponent, CanvasColor, CanvasUtils, ChipsComponent, ChunkPipe, Circle, CloseBtnComponent, CodeEditorComponent, ComponentLoaderDirective, ComponentLoaderService, ConfigService, DIALOG_SERVICE, DatePickerComponent, DateUtils, DragDropEventPlugin, DropListComponent, DropdownBoxComponent, DropdownContentDirective, DropdownDirective, DropdownToggleDirective, DynamicTableCellComponent, DynamicTableComponent, DynamicTableTemplateDirective, EDITOR_TYPES, EPSILON, ERROR_HANDLER, EXPRESS_REQUEST, EntriesPipe, Enum, ErrorHandlerService, EventsService, ExclusionsRenderer, ExtraItemPropertiesPipe, FactoryDependencies, FakeModuleComponent, FileSystemEntry, FileUtils, FilterPipe, FindPipe, ForbiddenZone, FormatNumberPipe, FormatterService, GenericValue, GetOffsetPipe, GetTypePipe, GetValuePipe, GlobalTemplateDirective, GlobalTemplatePipe, GlobalTemplateService, GroupByPipe, HitZoneRenderer, HrefSerializer, ICON_MAP, ICON_SERVICE, ICON_TYPE, IConfiguration, IconComponent, IconDefaultComponent, IconDirective, IconService, IncludesPipe, Initializer, InteractiveCanvasComponent, InteractiveCircleComponent, InteractiveItemComponent, InteractiveRectComponent, IsTypePipe, JoinPipe, KeysPipe, LANGUAGE_SERVICE, LanguageService, LoaderUtils, LocalHttpService, MapPipe, MathUtils, MaxPipe, MinPipe, NgxTemplateOutletDirective, NgxUtilsModule, OPTIONS_TOKEN, ObjectType, ObjectUtils, ObservableUtils, OpenApiService, Oval, PROMISE_SERVICE, PaginationDirective, PaginationItemContext, PaginationItemDirective, PaginationMenuComponent, Point, PopPipe, PromiseService, RESIZE_DELAY, RESIZE_STRATEGY, ROOT_ELEMENT, Rect, ReducePipe, ReflectUtils, RemapPipe, ReplacePipe, RequestBag, ResizeEventPlugin, ResourceIfContext, ResourceIfDirective, ReversePipe, RoundPipe, RulerCanvasRenderer, SCHEMA_SELECTOR, SCRIPT_PARAMS, STATIC_SCHEMAS, SafeHtmlPipe, ScrollEventPlugin, SetUtils, ShapeGroup, ShiftPipe, SocketClient, SocketService, SplitPipe, StateService, StaticAuthService, StaticLanguageService, StickyClassDirective, StickyDirective, StorageMode, StorageService, StringUtils, SyncAsyncPipe, TOASTER_SERVICE, TabsComponent, TabsItemDirective, TabsTemplateDirective, TimerUtils, TranslatePipe, TranslatedUrlSerializer, UniqueUtils, UniversalService, UnorderedListComponent, UnorderedListItemDirective, UnorderedListTemplateDirective, UploadComponent, ValuedPromise, ValuesPipe, WysiwygComponent, addDate, addPts, cachedFactory, cancelablePromise, checkTransitions, clamp, computedPrevious, convertToDateFormat, createTypedProvider, cssStyles, cssVariables, diffEntities, distance, distanceSq, dividePts, dotProduct, ensurePoint, eqPts, findClosestValidDate, getComponentDef, getCssVariables, getISOWeekNumber, getRoot, getType, impatientPromise, injectOptions, isBrowser, isDate, isDayOfWeekDisabled, isDefined, isEqual, isFunction, isObject, isPoint, isSameDay, isString, isStringWithValue, isZero, lengthOfPt, lengthSq, lerpPts, md5, multiplyPts, negatePt, normalizePt, normalizeRange, overflow, parseSelector, parseValidDate, perpendicular, promiseTimeout, provideEntryComponents, provideOptions, provideWithOptions, rotateDeg, rotateRad, scalePt, selectorMatchesList, stringify, subPts, svgToDataUri, switchClass, toDegrees, toMidnight, toRadians, toStringArray, tripleProduct };
 //# sourceMappingURL=stemy-ngx-utils.mjs.map