@spartan-ng/brain 0.0.1-alpha.489 → 0.0.1-alpha.491

package/fesm2022/spartan-ng-brain-calendar.mjs

@@ -15,25 +15,25 @@ function injectBrnCalendar() {
 
 class BrnCalendarCellButtonDirective {
     /** Access the date adapter */
-    dateAdapter = injectDateAdapter();
+    _dateAdapter = injectDateAdapter();
     /** Access the calendar component */
-    calendar = injectBrnCalendar();
+    _calendar = injectBrnCalendar();
     /** Access the element ref */
     _elementRef = inject(ElementRef);
     /** The date this cell represents */
     date = input.required();
     /** Whether this date is currently selected */
-    selected = computed(() => this.calendar.isSelected(this.date()));
+    selected = computed(() => this._calendar.isSelected(this.date()));
     /** Whether this date is focusable */
-    focusable = computed(() => this.dateAdapter.isSameDay(this.calendar.focusedDate(), this.date()));
+    focusable = computed(() => this._dateAdapter.isSameDay(this._calendar.focusedDate(), this.date()));
     outside = computed(() => {
-        const focusedDate = this.calendar.focusedDate();
-        return !this.dateAdapter.isSameMonth(this.date(), focusedDate);
+        const focusedDate = this._calendar.focusedDate();
+        return !this._dateAdapter.isSameMonth(this.date(), focusedDate);
     });
     /** Whether this date is today */
-    today = computed(() => this.dateAdapter.isSameDay(this.date(), this.dateAdapter.now()));
+    today = computed(() => this._dateAdapter.isSameDay(this.date(), this._dateAdapter.now()));
     /** Whether this date is disabled */
-    disabled = computed(() => this.calendar.isDateDisabled(this.date()) || this.calendar.disabled());
+    disabled = computed(() => this._calendar.isDateDisabled(this.date()) || this._calendar.disabled());
     /**
      * Focus the previous cell.
      */
@@ -41,10 +41,10 @@ class BrnCalendarCellButtonDirective {
         event.preventDefault();
         event.stopPropagation();
         // in rtl, the arrow keys are reversed.
-        const targetDate = this.dateAdapter.add(this.calendar.focusedDate(), {
+        const targetDate = this._dateAdapter.add(this._calendar.focusedDate(), {
             days: this.getDirection() === 'rtl' ? 1 : -1,
         });
-        this.calendar.setFocusedDate(targetDate);
+        this._calendar.setFocusedDate(targetDate);
     }
     /**
      * Focus the next cell.
@@ -52,10 +52,10 @@ class BrnCalendarCellButtonDirective {
     focusNext(event) {
         event.preventDefault();
         event.stopPropagation();
-        const targetDate = this.dateAdapter.add(this.calendar.focusedDate(), {
+        const targetDate = this._dateAdapter.add(this._calendar.focusedDate(), {
             days: this.getDirection() === 'rtl' ? -1 : 1,
         });
-        this.calendar.setFocusedDate(targetDate);
+        this._calendar.setFocusedDate(targetDate);
     }
     /**
      * Focus the above cell.
@@ -63,7 +63,7 @@ class BrnCalendarCellButtonDirective {
     focusAbove(event) {
         event.preventDefault();
         event.stopPropagation();
-        this.calendar.setFocusedDate(this.dateAdapter.subtract(this.calendar.focusedDate(), { days: 7 }));
+        this._calendar.setFocusedDate(this._dateAdapter.subtract(this._calendar.focusedDate(), { days: 7 }));
     }
     /**
      * Focus the below cell.
@@ -71,7 +71,7 @@ class BrnCalendarCellButtonDirective {
     focusBelow(event) {
         event.preventDefault();
         event.stopPropagation();
-        this.calendar.setFocusedDate(this.dateAdapter.add(this.calendar.focusedDate(), { days: 7 }));
+        this._calendar.setFocusedDate(this._dateAdapter.add(this._calendar.focusedDate(), { days: 7 }));
     }
     /**
      * Focus the first date of the month.
@@ -79,7 +79,7 @@ class BrnCalendarCellButtonDirective {
     focusFirst(event) {
         event.preventDefault();
         event.stopPropagation();
-        this.calendar.setFocusedDate(this.dateAdapter.startOfMonth(this.calendar.focusedDate()));
+        this._calendar.setFocusedDate(this._dateAdapter.startOfMonth(this._calendar.focusedDate()));
     }
     /**
      * Focus the last date of the month.
@@ -87,7 +87,7 @@ class BrnCalendarCellButtonDirective {
     focusLast(event) {
         event.preventDefault();
         event.stopPropagation();
-        this.calendar.setFocusedDate(this.dateAdapter.endOfMonth(this.calendar.focusedDate()));
+        this._calendar.setFocusedDate(this._dateAdapter.endOfMonth(this._calendar.focusedDate()));
     }
     /**
      * Focus the same date in the previous month.
@@ -95,16 +95,16 @@ class BrnCalendarCellButtonDirective {
     focusPreviousMonth(event) {
         event.preventDefault();
         event.stopPropagation();
-        const date = this.dateAdapter.getDate(this.calendar.focusedDate());
-        let previousMonthTarget = this.dateAdapter.startOfMonth(this.calendar.focusedDate());
-        previousMonthTarget = this.dateAdapter.subtract(previousMonthTarget, { months: 1 });
-        const lastDay = this.dateAdapter.endOfMonth(previousMonthTarget);
+        const date = this._dateAdapter.getDate(this._calendar.focusedDate());
+        let previousMonthTarget = this._dateAdapter.startOfMonth(this._calendar.focusedDate());
+        previousMonthTarget = this._dateAdapter.subtract(previousMonthTarget, { months: 1 });
+        const lastDay = this._dateAdapter.endOfMonth(previousMonthTarget);
         // if we are on a date that does not exist in the previous month, we should focus the last day of the month.
-        if (date > this.dateAdapter.getDate(lastDay)) {
-            this.calendar.setFocusedDate(lastDay);
+        if (date > this._dateAdapter.getDate(lastDay)) {
+            this._calendar.setFocusedDate(lastDay);
         }
         else {
-            this.calendar.setFocusedDate(this.dateAdapter.set(previousMonthTarget, { day: date }));
+            this._calendar.setFocusedDate(this._dateAdapter.set(previousMonthTarget, { day: date }));
         }
     }
     /**
@@ -113,16 +113,16 @@ class BrnCalendarCellButtonDirective {
     focusNextMonth(event) {
         event.preventDefault();
         event.stopPropagation();
-        const date = this.dateAdapter.getDate(this.calendar.focusedDate());
-        let nextMonthTarget = this.dateAdapter.startOfMonth(this.calendar.focusedDate());
-        nextMonthTarget = this.dateAdapter.add(nextMonthTarget, { months: 1 });
-        const lastDay = this.dateAdapter.endOfMonth(nextMonthTarget);
+        const date = this._dateAdapter.getDate(this._calendar.focusedDate());
+        let nextMonthTarget = this._dateAdapter.startOfMonth(this._calendar.focusedDate());
+        nextMonthTarget = this._dateAdapter.add(nextMonthTarget, { months: 1 });
+        const lastDay = this._dateAdapter.endOfMonth(nextMonthTarget);
         // if we are on a date that does not exist in the next month, we should focus the last day of the month.
-        if (date > this.dateAdapter.getDate(lastDay)) {
-            this.calendar.setFocusedDate(lastDay);
+        if (date > this._dateAdapter.getDate(lastDay)) {
+            this._calendar.setFocusedDate(lastDay);
         }
         else {
-            this.calendar.setFocusedDate(this.dateAdapter.set(nextMonthTarget, { day: date }));
+            this._calendar.setFocusedDate(this._dateAdapter.set(nextMonthTarget, { day: date }));
         }
     }
     /**
@@ -135,7 +135,7 @@ class BrnCalendarCellButtonDirective {
         this._elementRef.nativeElement.focus();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnCalendarCellButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: BrnCalendarCellButtonDirective, isStandalone: true, selector: "button[brnCalendarCellButton]", inputs: { date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "gridcell", "type": "button" }, listeners: { "click": "calendar.selectDate(date())", "keydown.arrowLeft": "focusPrevious($event)", "keydown.arrowRight": "focusNext($event)", "keydown.arrowUp": "focusAbove($event)", "keydown.arrowDown": "focusBelow($event)", "keydown.home": "focusFirst($event)", "keydown.end": "focusLast($event)", "keydown.pageUp": "focusPreviousMonth($event)", "keydown.pageDown": "focusNextMonth($event)" }, properties: { "tabindex": "focusable() ? 0 : -1", "attr.data-outside": "outside() ? '' : null", "attr.data-today": "today() && !selected() ? '' : null", "attr.data-selected": "selected() ? '' : null", "attr.data-disabled": "disabled() ? '' : null", "attr.aria-selected": "selected() ? 'true' : null", "attr.aria-disabled": "disabled() ? 'true' : null", "disabled": "disabled()" } }, ngImport: i0 });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.8", type: BrnCalendarCellButtonDirective, isStandalone: true, selector: "button[brnCalendarCellButton]", inputs: { date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "gridcell", "type": "button" }, listeners: { "click": "_calendar.selectDate(date())", "keydown.arrowLeft": "focusPrevious($event)", "keydown.arrowRight": "focusNext($event)", "keydown.arrowUp": "focusAbove($event)", "keydown.arrowDown": "focusBelow($event)", "keydown.home": "focusFirst($event)", "keydown.end": "focusLast($event)", "keydown.pageUp": "focusPreviousMonth($event)", "keydown.pageDown": "focusNextMonth($event)" }, properties: { "tabindex": "focusable() ? 0 : -1", "attr.data-outside": "outside() ? '' : null", "attr.data-today": "today() && !selected() ? '' : null", "attr.data-selected": "selected() ? '' : null", "attr.data-disabled": "disabled() ? '' : null", "attr.aria-selected": "selected() ? 'true' : null", "attr.aria-disabled": "disabled() ? 'true' : null", "disabled": "disabled()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnCalendarCellButtonDirective, decorators: [{
             type: Directive,
@@ -152,7 +152,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                         '[attr.aria-selected]': "selected() ? 'true' : null",
                         '[attr.aria-disabled]': "disabled() ? 'true' : null",
                         '[disabled]': 'disabled()',
-                        '(click)': 'calendar.selectDate(date())',
+                        '(click)': '_calendar.selectDate(date())',
                         '(keydown.arrowLeft)': 'focusPrevious($event)',
                         '(keydown.arrowRight)': 'focusNext($event)',
                         '(keydown.arrowUp)': 'focusAbove($event)',
@@ -181,9 +181,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 
 class BrnCalendarGridDirective {
     /** Access the calendar component */
-    calendar = injectBrnCalendar();
+    _calendar = injectBrnCalendar();
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnCalendarGridDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: BrnCalendarGridDirective, isStandalone: true, selector: "[brnCalendarGrid]", host: { attributes: { "role": "grid" }, properties: { "attr.aria-labelledby": "calendar.header()?.id()" } }, ngImport: i0 });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: BrnCalendarGridDirective, isStandalone: true, selector: "[brnCalendarGrid]", host: { attributes: { "role": "grid" }, properties: { "attr.aria-labelledby": "_calendar.header()?.id()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnCalendarGridDirective, decorators: [{
             type: Directive,
@@ -191,7 +191,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     selector: '[brnCalendarGrid]',
                     host: {
                         role: 'grid',
-                        '[attr.aria-labelledby]': 'calendar.header()?.id()',
+                        '[attr.aria-labelledby]': '_calendar.header()?.id()',
                     },
                 }]
         }] });
@@ -253,7 +253,7 @@ class BrnCalendarNextButtonDirective {
     /** Access the date adapter */
     _dateAdapter = injectDateAdapter();
     /** Access the calendar i18n */
-    i18n = injectBrnCalendarI18n();
+    _i18n = injectBrnCalendarI18n();
     /** Focus the previous month */
     focusPreviousMonth() {
         const targetDate = this._dateAdapter.add(this._calendar.state().focusedDate(), { months: 1 });
@@ -267,7 +267,7 @@ class BrnCalendarNextButtonDirective {
         this._calendar.state().focusedDate.set(targetDate);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnCalendarNextButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: BrnCalendarNextButtonDirective, isStandalone: true, selector: "[brnCalendarNextButton]", host: { attributes: { "type": "button" }, listeners: { "click": "focusPreviousMonth()" }, properties: { "attr.aria-label": "i18n.labelNext()" } }, ngImport: i0 });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: BrnCalendarNextButtonDirective, isStandalone: true, selector: "[brnCalendarNextButton]", host: { attributes: { "type": "button" }, listeners: { "click": "focusPreviousMonth()" }, properties: { "attr.aria-label": "_i18n.labelNext()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnCalendarNextButtonDirective, decorators: [{
             type: Directive,
@@ -275,7 +275,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     selector: '[brnCalendarNextButton]',
                     host: {
                         type: 'button',
-                        '[attr.aria-label]': 'i18n.labelNext()',
+                        '[attr.aria-label]': '_i18n.labelNext()',
                     },
                 }]
         }], propDecorators: { focusPreviousMonth: [{
@@ -289,7 +289,7 @@ class BrnCalendarPreviousButtonDirective {
     /** Access the date adapter */
     _dateAdapter = injectDateAdapter();
     /** Access the calendar i18n */
-    i18n = injectBrnCalendarI18n();
+    _i18n = injectBrnCalendarI18n();
     /** Focus the previous month */
     focusPreviousMonth() {
         const targetDate = this._dateAdapter.subtract(this._calendar.state().focusedDate(), { months: 1 });
@@ -303,7 +303,7 @@ class BrnCalendarPreviousButtonDirective {
         this._calendar.state().focusedDate.set(targetDate);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnCalendarPreviousButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: BrnCalendarPreviousButtonDirective, isStandalone: true, selector: "[brnCalendarPreviousButton]", host: { attributes: { "type": "button" }, listeners: { "click": "focusPreviousMonth()" }, properties: { "attr.aria-label": "i18n.labelPrevious()" } }, ngImport: i0 });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.8", type: BrnCalendarPreviousButtonDirective, isStandalone: true, selector: "[brnCalendarPreviousButton]", host: { attributes: { "type": "button" }, listeners: { "click": "focusPreviousMonth()" }, properties: { "attr.aria-label": "_i18n.labelPrevious()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnCalendarPreviousButtonDirective, decorators: [{
             type: Directive,
@@ -311,7 +311,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
                     selector: '[brnCalendarPreviousButton]',
                     host: {
                         type: 'button',
-                        '[attr.aria-label]': 'i18n.labelPrevious()',
+                        '[attr.aria-label]': '_i18n.labelPrevious()',
                     },
                 }]
         }], propDecorators: { focusPreviousMonth: [{
@@ -329,7 +329,7 @@ class BrnCalendarWeekDirective {
     /** Access the template ref */
     _templateRef = inject(TemplateRef);
     // get the weeks to display.
-    weeks = computed(() => {
+    _weeks = computed(() => {
         const days = this._calendar.days();
         const weeks = [];
         for (let i = 0; i < days.length; i += 7) {
@@ -347,7 +347,7 @@ class BrnCalendarWeekDirective {
     constructor() {
         // this should use `afterRenderEffect` but it's not available in the current version
         effect(() => {
-            const weeks = this.weeks();
+            const weeks = this._weeks();
             untracked(() => this._renderWeeks(weeks));
         });
     }
@@ -394,7 +394,7 @@ class BrnCalendarWeekdayDirective {
     /** Access the template ref */
     _templateRef = inject(TemplateRef);
     /** Get the days of the week to display in the header. */
-    weekdays = computed(() => this._calendar.days().slice(0, 7));
+    _weekdays = computed(() => this._calendar.days().slice(0, 7));
     /** Store the view refs */
     _viewRefs = [];
     // Make sure the template checker knows the type of the context with which the
@@ -406,7 +406,7 @@ class BrnCalendarWeekdayDirective {
         // Create a new view for each day
         effect(() => {
             // Get the weekdays to display
-            const weekdays = this.weekdays();
+            const weekdays = this._weekdays();
             // Render the weekdays
             untracked(() => this._renderWeekdays(weekdays));
         });
@@ -444,7 +444,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 
 class BrnCalendarDirective {
     /** Access the date adapter */
-    dateAdapter = injectDateAdapter();
+    _dateAdapter = injectDateAdapter();
     /** Access the change detector */
     _changeDetector = inject(ChangeDetectorRef);
     /** Access the injector */
@@ -470,7 +470,7 @@ class BrnCalendarDirective {
     /** @internal Access the header */
     header = contentChild(BrnCalendarHeaderDirective);
     /** Store the cells */
-    cells = contentChildren(BrnCalendarCellButtonDirective, {
+    _cells = contentChildren(BrnCalendarCellButtonDirective, {
         descendants: true,
     });
     /**
@@ -478,7 +478,7 @@ class BrnCalendarDirective {
      * The internal state of the component.
      */
     state = computed(() => ({
-        focusedDate: signal(this.constrainDate(this.defaultFocusedDate() ?? this.date() ?? this.dateAdapter.now())),
+        focusedDate: signal(this.constrainDate(this.defaultFocusedDate() ?? this.date() ?? this._dateAdapter.now())),
     }));
     /**
      * The focused date.
@@ -493,21 +493,21 @@ class BrnCalendarDirective {
         const month = this.state().focusedDate();
         const days = [];
         // Get the first and last day of the month.
-        let firstDay = this.dateAdapter.startOfMonth(month);
-        let lastDay = this.dateAdapter.endOfMonth(month);
+        let firstDay = this._dateAdapter.startOfMonth(month);
+        let lastDay = this._dateAdapter.endOfMonth(month);
         // we need to subtract until we get the to starting day before or on the start of the month.
-        while (this.dateAdapter.getDay(firstDay) !== weekStartsOn) {
-            firstDay = this.dateAdapter.subtract(firstDay, { days: 1 });
+        while (this._dateAdapter.getDay(firstDay) !== weekStartsOn) {
+            firstDay = this._dateAdapter.subtract(firstDay, { days: 1 });
         }
         const weekEndsOn = (weekStartsOn + 6) % 7;
         // we need to add until we get to the ending day after or on the end of the month.
-        while (this.dateAdapter.getDay(lastDay) !== weekEndsOn) {
-            lastDay = this.dateAdapter.add(lastDay, { days: 1 });
+        while (this._dateAdapter.getDay(lastDay) !== weekEndsOn) {
+            lastDay = this._dateAdapter.add(lastDay, { days: 1 });
         }
         // collect all the days to display.
         while (firstDay <= lastDay) {
             days.push(firstDay);
-            firstDay = this.dateAdapter.add(firstDay, { days: 1 });
+            firstDay = this._dateAdapter.add(firstDay, { days: 1 });
         }
         return days;
     });
@@ -520,11 +520,11 @@ class BrnCalendarDirective {
             return date;
         }
         // If there is a min and the date is before the min, return the min.
-        if (min && this.dateAdapter.isBefore(date, this.dateAdapter.startOfDay(min))) {
+        if (min && this._dateAdapter.isBefore(date, this._dateAdapter.startOfDay(min))) {
             return min;
         }
         // If there is a max and the date is after the max, return the max.
-        if (max && this.dateAdapter.isAfter(date, this.dateAdapter.endOfDay(max))) {
+        if (max && this._dateAdapter.isAfter(date, this._dateAdapter.endOfDay(max))) {
             return max;
         }
         // Return the date.
@@ -539,10 +539,10 @@ class BrnCalendarDirective {
         // if the date is outside the min and max range
         const min = this.min();
         const max = this.max();
-        if (min && this.dateAdapter.isBefore(date, this.dateAdapter.startOfDay(min))) {
+        if (min && this._dateAdapter.isBefore(date, this._dateAdapter.startOfDay(min))) {
             return true;
         }
-        if (max && this.dateAdapter.isAfter(date, this.dateAdapter.endOfDay(max))) {
+        if (max && this._dateAdapter.isAfter(date, this._dateAdapter.endOfDay(max))) {
             return true;
         }
         // if this specific date is disabled
@@ -554,7 +554,7 @@ class BrnCalendarDirective {
     }
     isSelected(date) {
         const selected = this.date();
-        return selected !== undefined && this.dateAdapter.isSameDay(date, selected);
+        return selected !== undefined && this._dateAdapter.isSameDay(date, selected);
     }
     selectDate(date) {
         if (this.isSelected(date)) {
@@ -576,7 +576,7 @@ class BrnCalendarDirective {
         afterNextRender({
             write: () => {
                 // focus the cell with the target date.
-                const cell = this.cells().find((c) => this.dateAdapter.isSameDay(c.date(), date));
+                const cell = this._cells().find((c) => this._dateAdapter.isSameDay(c.date(), date));
                 if (cell) {
                     cell.focus();
                 }
@@ -588,7 +588,7 @@ class BrnCalendarDirective {
         this._changeDetector.detectChanges();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnCalendarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.8", type: BrnCalendarDirective, isStandalone: true, selector: "[brnCalendar]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, dateDisabled: { classPropertyName: "dateDisabled", publicName: "dateDisabled", isSignal: true, isRequired: false, transformFunction: null }, weekStartsOn: { classPropertyName: "weekStartsOn", publicName: "weekStartsOn", isSignal: true, isRequired: false, transformFunction: null }, defaultFocusedDate: { classPropertyName: "defaultFocusedDate", publicName: "defaultFocusedDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { date: "dateChange" }, providers: [provideBrnCalendar(BrnCalendarDirective)], queries: [{ propertyName: "header", first: true, predicate: BrnCalendarHeaderDirective, descendants: true, isSignal: true }, { propertyName: "cells", predicate: BrnCalendarCellButtonDirective, descendants: true, isSignal: true }], ngImport: i0 });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.8", type: BrnCalendarDirective, isStandalone: true, selector: "[brnCalendar]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, dateDisabled: { classPropertyName: "dateDisabled", publicName: "dateDisabled", isSignal: true, isRequired: false, transformFunction: null }, weekStartsOn: { classPropertyName: "weekStartsOn", publicName: "weekStartsOn", isSignal: true, isRequired: false, transformFunction: null }, defaultFocusedDate: { classPropertyName: "defaultFocusedDate", publicName: "defaultFocusedDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { date: "dateChange" }, providers: [provideBrnCalendar(BrnCalendarDirective)], queries: [{ propertyName: "header", first: true, predicate: BrnCalendarHeaderDirective, descendants: true, isSignal: true }, { propertyName: "_cells", predicate: BrnCalendarCellButtonDirective, descendants: true, isSignal: true }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnCalendarDirective, decorators: [{
             type: Directive,
@@ -600,7 +600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
 
 class BrnCalendarMultiDirective {
     // /** Access the date adapter */
-    dateAdapter = injectDateAdapter();
+    _dateAdapter = injectDateAdapter();
     /** Access the change detector */
     _changeDetector = inject(ChangeDetectorRef);
     /** Access the injector */
@@ -634,7 +634,7 @@ class BrnCalendarMultiDirective {
     /** @internal Access the header */
     header = contentChild(BrnCalendarHeaderDirective);
     /** Store the cells */
-    cells = contentChildren(BrnCalendarCellButtonDirective, {
+    _cells = contentChildren(BrnCalendarCellButtonDirective, {
         descendants: true,
     });
     /**
@@ -642,7 +642,7 @@ class BrnCalendarMultiDirective {
      * The internal state of the component.
      */
     state = computed(() => ({
-        focusedDate: signal(this.constrainDate(this.defaultFocusedDate() ?? this.dateAdapter.now())),
+        focusedDate: signal(this.constrainDate(this.defaultFocusedDate() ?? this._dateAdapter.now())),
     }));
     /**
      * The focused date.
@@ -657,26 +657,26 @@ class BrnCalendarMultiDirective {
         const month = this.state().focusedDate();
         const days = [];
         // Get the first and last day of the month.
-        let firstDay = this.dateAdapter.startOfMonth(month);
-        let lastDay = this.dateAdapter.endOfMonth(month);
+        let firstDay = this._dateAdapter.startOfMonth(month);
+        let lastDay = this._dateAdapter.endOfMonth(month);
         // we need to subtract until we get the to starting day before or on the start of the month.
-        while (this.dateAdapter.getDay(firstDay) !== weekStartsOn) {
-            firstDay = this.dateAdapter.subtract(firstDay, { days: 1 });
+        while (this._dateAdapter.getDay(firstDay) !== weekStartsOn) {
+            firstDay = this._dateAdapter.subtract(firstDay, { days: 1 });
         }
         const weekEndsOn = (weekStartsOn + 6) % 7;
         // we need to add until we get to the ending day after or on the end of the month.
-        while (this.dateAdapter.getDay(lastDay) !== weekEndsOn) {
-            lastDay = this.dateAdapter.add(lastDay, { days: 1 });
+        while (this._dateAdapter.getDay(lastDay) !== weekEndsOn) {
+            lastDay = this._dateAdapter.add(lastDay, { days: 1 });
         }
         // collect all the days to display.
         while (firstDay <= lastDay) {
             days.push(firstDay);
-            firstDay = this.dateAdapter.add(firstDay, { days: 1 });
+            firstDay = this._dateAdapter.add(firstDay, { days: 1 });
         }
         return days;
     });
     isSelected(date) {
-        return this.date()?.some((d) => this.dateAdapter.isSameDay(d, date)) ?? false;
+        return this.date()?.some((d) => this._dateAdapter.isSameDay(d, date)) ?? false;
     }
     selectDate(date) {
         const selected = this.date();
@@ -686,7 +686,7 @@ class BrnCalendarMultiDirective {
                 // min selection reached, do not allow to deselect
                 return;
             }
-            this.date.set(selected?.filter((d) => !this.dateAdapter.isSameDay(d, date)));
+            this.date.set(selected?.filter((d) => !this._dateAdapter.isSameDay(d, date)));
         }
         else {
             const maxSelection = this.maxSelection();
@@ -710,11 +710,11 @@ class BrnCalendarMultiDirective {
             return date;
         }
         // If there is a min and the date is before the min, return the min.
-        if (min && this.dateAdapter.isBefore(date, this.dateAdapter.startOfDay(min))) {
+        if (min && this._dateAdapter.isBefore(date, this._dateAdapter.startOfDay(min))) {
             return min;
         }
         // If there is a max and the date is after the max, return the max.
-        if (max && this.dateAdapter.isAfter(date, this.dateAdapter.endOfDay(max))) {
+        if (max && this._dateAdapter.isAfter(date, this._dateAdapter.endOfDay(max))) {
             return max;
         }
         // Return the date.
@@ -729,10 +729,10 @@ class BrnCalendarMultiDirective {
         // if the date is outside the min and max range
         const min = this.min();
         const max = this.max();
-        if (min && this.dateAdapter.isBefore(date, this.dateAdapter.startOfDay(min))) {
+        if (min && this._dateAdapter.isBefore(date, this._dateAdapter.startOfDay(min))) {
             return true;
         }
-        if (max && this.dateAdapter.isAfter(date, this.dateAdapter.endOfDay(max))) {
+        if (max && this._dateAdapter.isAfter(date, this._dateAdapter.endOfDay(max))) {
             return true;
         }
         // if this specific date is disabled
@@ -753,7 +753,7 @@ class BrnCalendarMultiDirective {
         afterNextRender({
             write: () => {
                 // focus the cell with the target date.
-                const cell = this.cells().find((c) => this.dateAdapter.isSameDay(c.date(), date));
+                const cell = this._cells().find((c) => this._dateAdapter.isSameDay(c.date(), date));
                 if (cell) {
                     cell.focus();
                 }
@@ -765,7 +765,7 @@ class BrnCalendarMultiDirective {
         this._changeDetector.detectChanges();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnCalendarMultiDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.8", type: BrnCalendarMultiDirective, isStandalone: true, selector: "[brnCalendarMulti]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, minSelection: { classPropertyName: "minSelection", publicName: "minSelection", isSignal: true, isRequired: false, transformFunction: null }, maxSelection: { classPropertyName: "maxSelection", publicName: "maxSelection", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, dateDisabled: { classPropertyName: "dateDisabled", publicName: "dateDisabled", isSignal: true, isRequired: false, transformFunction: null }, weekStartsOn: { classPropertyName: "weekStartsOn", publicName: "weekStartsOn", isSignal: true, isRequired: false, transformFunction: null }, defaultFocusedDate: { classPropertyName: "defaultFocusedDate", publicName: "defaultFocusedDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { date: "dateChange" }, providers: [provideBrnCalendar(BrnCalendarMultiDirective)], queries: [{ propertyName: "header", first: true, predicate: BrnCalendarHeaderDirective, descendants: true, isSignal: true }, { propertyName: "cells", predicate: BrnCalendarCellButtonDirective, descendants: true, isSignal: true }], ngImport: i0 });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.2.8", type: BrnCalendarMultiDirective, isStandalone: true, selector: "[brnCalendarMulti]", inputs: { min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, minSelection: { classPropertyName: "minSelection", publicName: "minSelection", isSignal: true, isRequired: false, transformFunction: null }, maxSelection: { classPropertyName: "maxSelection", publicName: "maxSelection", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, date: { classPropertyName: "date", publicName: "date", isSignal: true, isRequired: false, transformFunction: null }, dateDisabled: { classPropertyName: "dateDisabled", publicName: "dateDisabled", isSignal: true, isRequired: false, transformFunction: null }, weekStartsOn: { classPropertyName: "weekStartsOn", publicName: "weekStartsOn", isSignal: true, isRequired: false, transformFunction: null }, defaultFocusedDate: { classPropertyName: "defaultFocusedDate", publicName: "defaultFocusedDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { date: "dateChange" }, providers: [provideBrnCalendar(BrnCalendarMultiDirective)], queries: [{ propertyName: "header", first: true, predicate: BrnCalendarHeaderDirective, descendants: true, isSignal: true }, { propertyName: "_cells", predicate: BrnCalendarCellButtonDirective, descendants: true, isSignal: true }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: BrnCalendarMultiDirective, decorators: [{
             type: Directive,