@smart-solutions-tech/smart-angular-calendar 0.0.1 → 0.0.2

package/fesm2020/smart-solutions-tech-smart-angular-calendar.mjs

@@ -1,5 +1,7 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, NgModule } from '@angular/core';
+import { Injectable, Component, Input, Pipe, EventEmitter, Output, ViewChild, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
 
 class SmartAngularCalendarService {
     constructor() { }
@@ -13,40 +15,321 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }], ctorParameters: function () { return []; } });
 
-class SmartAngularCalendarComponent {
-    constructor() { }
+const isDarkColor = (hexColor, threshold = 0.5) => {
+    const hex = hexColor.replace('#', '');
+    const r = parseInt(hex.substring(0, 2), 16);
+    const g = parseInt(hex.substring(2, 4), 16);
+    const b = parseInt(hex.substring(4, 6), 16);
+    const [rs, gs, bs] = [r, g, b].map((c) => {
+        const cs = c / 255;
+        return cs <= 0.03928 ? cs / 12.92 : Math.pow((cs + 0.055) / 1.055, 2.4);
+    });
+    const luminance = 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;
+    return luminance < threshold;
+};
+
+class CalendarEventComponent {
+    constructor() {
+        this.isDarkColor = false;
+    }
     ngOnInit() {
+        this.isDarkColor = isDarkColor(this.event.color || '#000000');
     }
 }
-SmartAngularCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SmartAngularCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmartAngularCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SmartAngularCalendarComponent, selector: "lib-smart-angular-calendar", ngImport: i0, template: `
-    <p>
-      smart-angular-calendar works!
-    </p>
-  `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SmartAngularCalendarComponent, decorators: [{
+CalendarEventComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CalendarEventComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CalendarEventComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CalendarEventComponent, selector: "lib-calendar-event", inputs: { event: "event" }, ngImport: i0, template: "<div class=\"calendar-event-component\" style=\"--color: {{ event.color }};\" [ngClass]=\"{'dark-color': isDarkColor}\"\r\n    [title]=\"event.title\">\r\n    <div class=\"event-title\">{{ event.title }}</div>\r\n</div>", styles: [".calendar-event-component{position:relative;z-index:1;background-color:var(--color, rgba(0, 0, 0, .05));border-radius:4px;padding:2px 8px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#212121}.calendar-event-component.dark-color{color:#fafafa}.event-title{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CalendarEventComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-smart-angular-calendar', template: `
-    <p>
-      smart-angular-calendar works!
-    </p>
-  ` }]
+            args: [{ selector: 'lib-calendar-event', template: "<div class=\"calendar-event-component\" style=\"--color: {{ event.color }};\" [ngClass]=\"{'dark-color': isDarkColor}\"\r\n    [title]=\"event.title\">\r\n    <div class=\"event-title\">{{ event.title }}</div>\r\n</div>", styles: [".calendar-event-component{position:relative;z-index:1;background-color:var(--color, rgba(0, 0, 0, .05));border-radius:4px;padding:2px 8px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#212121}.calendar-event-component.dark-color{color:#fafafa}.event-title{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { event: [{
+                type: Input
+            }] } });
+
+const TRANSLATIONS = {
+    en: {
+        sun: 'Sunday',
+        mon: 'Monday',
+        tue: 'Tuesday',
+        wed: 'Wednesday',
+        thu: 'Thursday',
+        fri: 'Friday',
+        sat: 'Saturday',
+        moreEvents: 'More events',
+        nMoreEvents: '{{n}} More events'
+    },
+    es: {
+        sun: 'Domingo',
+        mon: 'Lunes',
+        tue: 'Martes',
+        wed: 'Miércoles',
+        thu: 'Jueves',
+        fri: 'Viernes',
+        sat: 'Sábado',
+        moreEvents: 'Más eventos',
+        nMoreEvents: '{{n}} Eventos más'
+    },
+};
+
+class TranslationService {
+    constructor() {
+        this.currentLanguage = 'en';
+    }
+    translate(tag, args) {
+        if (tag === 'nMoreEvents' && args) {
+            const n = args['n'];
+            return TRANSLATIONS[this.currentLanguage][tag].replace('{{n}}', n);
+        }
+        return TRANSLATIONS[this.currentLanguage][tag];
+    }
+    setLanguage(lang) {
+        if (TRANSLATIONS[lang]) {
+            this.currentLanguage = lang;
+        }
+    }
+}
+TranslationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TranslationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TranslationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TranslationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TranslationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return []; } });
 
+class TranslatePipe {
+    constructor(translationService) {
+        this.translationService = translationService;
+    }
+    transform(tag, args) {
+        return this.translationService.translate(tag, args);
+    }
+}
+TranslatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TranslatePipe, deps: [{ token: TranslationService }], target: i0.ɵɵFactoryTarget.Pipe });
+TranslatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: TranslatePipe, name: "translate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TranslatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'translate'
+                }]
+        }], ctorParameters: function () { return [{ type: TranslationService }]; } });
+
+class MoreEventsModalComponent {
+    constructor() {
+        this.events = [];
+        this.close = new EventEmitter();
+        this.eventClick = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    isDarkColor(color) {
+        return isDarkColor(color || '#ffffff');
+    }
+    onClose() {
+        this.close.emit();
+    }
+    onEventClick(event) {
+        this.eventClick.emit(event);
+    }
+}
+MoreEventsModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MoreEventsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MoreEventsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: MoreEventsModalComponent, selector: "lib-more-events-modal", inputs: { events: "events", date: "date" }, outputs: { close: "close", eventClick: "eventClick" }, ngImport: i0, template: "<div class=\"more-events-modal-component\">\n    <div class=\"backdrop\" (click)=\"onClose()\"></div>\n\n    <div class=\"modal\">\n        <div class=\"header\">\n            <div class=\"title\">{{'moreEvents' | translate}}</div>\n            <div class=\"subtitle\">{{date.toLocaleDateString()}}</div>\n\n            <button class=\"btn-close\" (click)=\"onClose()\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n                    stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                    class=\"feather feather-x\" fill=\"yellow\">\n                    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n                    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n                </svg>\n            </button>\n        </div>\n\n        <div class=\"events-list\">\n            <div class=\"event-item\" *ngFor=\"let event of events\" style=\"--color: {{event.color}};\"\n                [ngClass]=\"{'is-dark':isDarkColor(event.color)}\" (click)=\"onEventClick(event)\">\n                <div class=\"event-title\">{{ event.title }}</div>\n            </div>\n        </div>\n    </div>\n</div>", styles: [".more-events-modal-component{position:absolute;top:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;box-shadow:0 2px 8px #00000026}.more-events-modal-component .backdrop{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:#00000080;cursor:pointer}.modal{z-index:2;display:flex;flex-direction:column;max-width:400px;width:100%;max-height:80vh;margin:24px;background-color:#fff;border-radius:8px}.header{position:relative;display:flex;flex-direction:column;padding:16px 64px 16px 16px}.title{font-size:18px;font-weight:700}.subtitle{font-size:13px;color:#666}.btn-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:50%;cursor:pointer}.btn-close:hover{background-color:#f0f0f0}.events-list{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;padding:0 16px 16px;overflow-y:auto}.events-list .event-item{display:flex;padding:8px;background-color:var(--color, #e2e2e2);border-radius:4px;color:#212121;cursor:pointer;-webkit-user-select:none;user-select:none}.events-list .event-item.is-dark{color:#fafafa}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MoreEventsModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-more-events-modal', template: "<div class=\"more-events-modal-component\">\n    <div class=\"backdrop\" (click)=\"onClose()\"></div>\n\n    <div class=\"modal\">\n        <div class=\"header\">\n            <div class=\"title\">{{'moreEvents' | translate}}</div>\n            <div class=\"subtitle\">{{date.toLocaleDateString()}}</div>\n\n            <button class=\"btn-close\" (click)=\"onClose()\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n                    stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                    class=\"feather feather-x\" fill=\"yellow\">\n                    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n                    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n                </svg>\n            </button>\n        </div>\n\n        <div class=\"events-list\">\n            <div class=\"event-item\" *ngFor=\"let event of events\" style=\"--color: {{event.color}};\"\n                [ngClass]=\"{'is-dark':isDarkColor(event.color)}\" (click)=\"onEventClick(event)\">\n                <div class=\"event-title\">{{ event.title }}</div>\n            </div>\n        </div>\n    </div>\n</div>", styles: [".more-events-modal-component{position:absolute;top:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;box-shadow:0 2px 8px #00000026}.more-events-modal-component .backdrop{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:#00000080;cursor:pointer}.modal{z-index:2;display:flex;flex-direction:column;max-width:400px;width:100%;max-height:80vh;margin:24px;background-color:#fff;border-radius:8px}.header{position:relative;display:flex;flex-direction:column;padding:16px 64px 16px 16px}.title{font-size:18px;font-weight:700}.subtitle{font-size:13px;color:#666}.btn-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:50%;cursor:pointer}.btn-close:hover{background-color:#f0f0f0}.events-list{flex:1 1 auto;display:flex;flex-direction:column;gap:4px;padding:0 16px 16px;overflow-y:auto}.events-list .event-item{display:flex;padding:8px;background-color:var(--color, #e2e2e2);border-radius:4px;color:#212121;cursor:pointer;-webkit-user-select:none;user-select:none}.events-list .event-item.is-dark{color:#fafafa}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { events: [{
+                type: Input
+            }], date: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }], eventClick: [{
+                type: Output
+            }] } });
+
+class CalendarComponent {
+    constructor() {
+        this.currentMonth = {
+            year: new Date().getFullYear(),
+            month: new Date().getMonth() + 1
+        };
+        this.events = [];
+        this.startAt = 'sunday';
+        this.monthChange = new EventEmitter();
+        this.dayCells = [];
+        this.weekDays = [
+            { tag: 'sun' },
+            { tag: 'mon' },
+            { tag: 'tue' },
+            { tag: 'wed' },
+            { tag: 'thu' },
+            { tag: 'fri' },
+            { tag: 'sat' },
+        ];
+        this.showMoreEventsModal = false;
+        this.moreEventsModalEvents = [];
+        this.resizeListener = () => {
+            this.setCalendarBodyHeight();
+            this.setMaxEventsInDayCell();
+        };
+    }
+    isToday(date) {
+        const today = new Date();
+        return date.getDate() === today.getDate() &&
+            date.getMonth() === today.getMonth() &&
+            date.getFullYear() === today.getFullYear();
+    }
+    getEventsForDay(date) {
+        return this.events.filter(event => {
+            const eventStart = new Date(event.start);
+            const eventEnd = event.end ? new Date(event.end) : eventStart;
+            return date >= new Date(eventStart.getFullYear(), eventStart.getMonth(), eventStart.getDate()) &&
+                date <= new Date(eventEnd.getFullYear(), eventEnd.getMonth(), eventEnd.getDate());
+        });
+    }
+    initDaysCells() {
+        const daysInMonth = new Date(this.currentMonth.year, this.currentMonth.month, 0).getDate();
+        const firstDayOfWeek = new Date(this.currentMonth.year, this.currentMonth.month - 1, 1).getDay();
+        const prevDaysCount = this.startAt === 'monday' ? (firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1) : firstDayOfWeek;
+        // const nextDaysCount = (7 - ((prevDaysCount + daysInMonth) % 7)) % 7;
+        const nextDaysCount = 42 - (prevDaysCount + daysInMonth); // Always show 6 weeks
+        this.dayCells = [];
+        for (let i = 0; i < prevDaysCount; i++) {
+            const date = new Date(this.currentMonth.year, this.currentMonth.month - 1, i - prevDaysCount + 1);
+            const _events = this.getEventsForDay(date);
+            this.dayCells.push({
+                date,
+                events: _events,
+                isOutsideMonth: true,
+                isToday: this.isToday(date)
+            });
+        }
+        for (let day = 1; day <= daysInMonth; day++) {
+            const date = new Date(this.currentMonth.year, this.currentMonth.month - 1, day);
+            const _events = this.getEventsForDay(date);
+            this.dayCells.push({
+                date,
+                events: _events,
+                isToday: this.isToday(date)
+            });
+        }
+        for (let i = 1; i <= nextDaysCount; i++) {
+            const date = new Date(this.currentMonth.year, this.currentMonth.month - 1, daysInMonth + i);
+            const _events = this.getEventsForDay(date);
+            this.dayCells.push({
+                date,
+                events: _events,
+                isOutsideMonth: true,
+                isToday: this.isToday(date)
+            });
+        }
+    }
+    setCalendarBodyHeight() {
+        this.calendarBodyHeight = this.calendarBodyRef.nativeElement.clientHeight;
+    }
+    setMaxEventsInDayCell() {
+        const element = document.getElementsByClassName('events-list')[0];
+        console.log(element);
+        if (element) {
+            const eventItemHeight = 22;
+            this.maxEventsInDayCell = Math.floor(element.clientHeight / eventItemHeight) - 1;
+        }
+    }
+    openMoreEventsModal(date, events) {
+        this.moreEventsModalDate = date;
+        this.moreEventsModalEvents = events;
+        this.showMoreEventsModal = true;
+    }
+    closeMoreEventsModal() {
+        this.showMoreEventsModal = false;
+        this.moreEventsModalDate = undefined;
+        this.moreEventsModalEvents = [];
+    }
+    ngOnInit() {
+        if (this.startAt === 'monday') {
+            this.weekDays = [
+                { tag: 'mon' },
+                { tag: 'tue' },
+                { tag: 'wed' },
+                { tag: 'thu' },
+                { tag: 'fri' },
+                { tag: 'sat' },
+                { tag: 'sun' },
+            ];
+        }
+        this.initDaysCells();
+    }
+    ngAfterViewInit() {
+        window.addEventListener('resize', this.resizeListener);
+        setTimeout(() => {
+            this.setCalendarBodyHeight();
+            this.setMaxEventsInDayCell();
+        });
+    }
+    onDestroy() {
+        window.removeEventListener('resize', this.resizeListener);
+    }
+}
+CalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CalendarComponent, selector: "lib-calendar", inputs: { currentMonth: "currentMonth", events: "events", startAt: "startAt" }, outputs: { monthChange: "monthChange" }, viewQueries: [{ propertyName: "calendarRef", first: true, predicate: ["calendar"], descendants: true }, { propertyName: "calendarBodyRef", first: true, predicate: ["calendarBody"], descendants: true }], ngImport: i0, template: "<div class=\"calendar-component\">\r\n    <div class=\"header\">\r\n        Header {{ maxEventsInDayCell }}\r\n    </div>\r\n\r\n    <div class=\"body\" #calendarBody>\r\n        <div class=\"week-days\">\r\n            <div class=\"week-day\" *ngFor=\"let day of weekDays\">\r\n                {{ day.tag | translate | slice:0:3 }}\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"days-grid\">\r\n            <div class=\"day-cell\" *ngFor=\"let day of dayCells; let i = index\"\r\n                [ngClass]=\"{'outside-month': day.isOutsideMonth, 'is-today': day.isToday}\">\r\n                <div class=\"day-number\">\r\n                    {{ day.date.getDate() }}\r\n                </div>\r\n\r\n                <div class=\"events-list\">\r\n                    <lib-calendar-event *ngFor=\"let event of day.events | slice:0:maxEventsInDayCell\"\r\n                        [event]=\"event\"></lib-calendar-event>\r\n\r\n                    <div class=\"more-events\" *ngIf=\"day.events.length > (maxEventsInDayCell || 0)\"\r\n                        (click)=\"openMoreEventsModal(day.date, day.events)\">\r\n                        {{'nMoreEvents' | translate: {n:(day.events.length - (maxEventsInDayCell || 0))} }}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"footer\">\r\n        Footer\r\n    </div>\r\n\r\n    <lib-more-events-modal *ngIf=\"showMoreEventsModal && moreEventsModalDate\" [events]=\"moreEventsModalEvents\"\r\n        [date]=\"moreEventsModalDate\" (close)=\"closeMoreEventsModal()\"\r\n        (eventClick)=\"closeMoreEventsModal()\"></lib-more-events-modal>\r\n</div>", styles: ["*{box-sizing:border-box;margin:0;padding:0}.calendar-component{display:flex;flex-direction:column;width:100%;height:100%}.header{flex-shrink:0;background-color:#add8e6}.body{flex:1 1 0;display:flex;flex-direction:column;width:100%;min-height:0;height:100%}.week-days{flex-shrink:0;display:grid;grid-template-columns:repeat(7,1fr);width:100%;background-color:#f4f4f4}.week-day{display:flex;align-items:center;justify-content:center;padding:4px;background-color:#fff;font-size:14px;color:#00000080}.days-grid{flex:1 1 0;display:grid;grid-template-columns:repeat(7,1fr);gap:1px;grid-auto-rows:1fr;width:100%;padding:1px;background-color:#f4f4f4;min-height:0;height:100%}.day-cell{display:flex;flex-direction:column;gap:4px;padding:4px;background-color:#fff;overflow:hidden}.day-cell .day-number{display:flex;align-items:center;justify-content:center;width:fit-content;aspect-ratio:1;padding:2px;border-radius:50%;font-size:12px;line-height:16px;font-weight:600;-webkit-user-select:none;user-select:none}.day-cell.outside-month{background-color:#f8f8f8}.day-cell.is-today .day-number{background-color:#007bff;color:#fff}.day-cell .events-list{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;overflow:hidden;min-height:0;max-height:100%}.day-cell .events-list .more-events{padding:2px 8px;border-radius:4px;font-size:12px;color:#555;cursor:pointer}.day-cell .events-list .more-events:hover{background-color:#eee}.footer{flex-shrink:0;background-color:#add8e6}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CalendarEventComponent, selector: "lib-calendar-event", inputs: ["event"] }, { kind: "component", type: MoreEventsModalComponent, selector: "lib-more-events-modal", inputs: ["events", "date"], outputs: ["close", "eventClick"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-calendar', template: "<div class=\"calendar-component\">\r\n    <div class=\"header\">\r\n        Header {{ maxEventsInDayCell }}\r\n    </div>\r\n\r\n    <div class=\"body\" #calendarBody>\r\n        <div class=\"week-days\">\r\n            <div class=\"week-day\" *ngFor=\"let day of weekDays\">\r\n                {{ day.tag | translate | slice:0:3 }}\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"days-grid\">\r\n            <div class=\"day-cell\" *ngFor=\"let day of dayCells; let i = index\"\r\n                [ngClass]=\"{'outside-month': day.isOutsideMonth, 'is-today': day.isToday}\">\r\n                <div class=\"day-number\">\r\n                    {{ day.date.getDate() }}\r\n                </div>\r\n\r\n                <div class=\"events-list\">\r\n                    <lib-calendar-event *ngFor=\"let event of day.events | slice:0:maxEventsInDayCell\"\r\n                        [event]=\"event\"></lib-calendar-event>\r\n\r\n                    <div class=\"more-events\" *ngIf=\"day.events.length > (maxEventsInDayCell || 0)\"\r\n                        (click)=\"openMoreEventsModal(day.date, day.events)\">\r\n                        {{'nMoreEvents' | translate: {n:(day.events.length - (maxEventsInDayCell || 0))} }}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"footer\">\r\n        Footer\r\n    </div>\r\n\r\n    <lib-more-events-modal *ngIf=\"showMoreEventsModal && moreEventsModalDate\" [events]=\"moreEventsModalEvents\"\r\n        [date]=\"moreEventsModalDate\" (close)=\"closeMoreEventsModal()\"\r\n        (eventClick)=\"closeMoreEventsModal()\"></lib-more-events-modal>\r\n</div>", styles: ["*{box-sizing:border-box;margin:0;padding:0}.calendar-component{display:flex;flex-direction:column;width:100%;height:100%}.header{flex-shrink:0;background-color:#add8e6}.body{flex:1 1 0;display:flex;flex-direction:column;width:100%;min-height:0;height:100%}.week-days{flex-shrink:0;display:grid;grid-template-columns:repeat(7,1fr);width:100%;background-color:#f4f4f4}.week-day{display:flex;align-items:center;justify-content:center;padding:4px;background-color:#fff;font-size:14px;color:#00000080}.days-grid{flex:1 1 0;display:grid;grid-template-columns:repeat(7,1fr);gap:1px;grid-auto-rows:1fr;width:100%;padding:1px;background-color:#f4f4f4;min-height:0;height:100%}.day-cell{display:flex;flex-direction:column;gap:4px;padding:4px;background-color:#fff;overflow:hidden}.day-cell .day-number{display:flex;align-items:center;justify-content:center;width:fit-content;aspect-ratio:1;padding:2px;border-radius:50%;font-size:12px;line-height:16px;font-weight:600;-webkit-user-select:none;user-select:none}.day-cell.outside-month{background-color:#f8f8f8}.day-cell.is-today .day-number{background-color:#007bff;color:#fff}.day-cell .events-list{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;overflow:hidden;min-height:0;max-height:100%}.day-cell .events-list .more-events{padding:2px 8px;border-radius:4px;font-size:12px;color:#555;cursor:pointer}.day-cell .events-list .more-events:hover{background-color:#eee}.footer{flex-shrink:0;background-color:#add8e6}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { currentMonth: [{
+                type: Input
+            }], events: [{
+                type: Input
+            }], startAt: [{
+                type: Input
+            }], monthChange: [{
+                type: Output
+            }], calendarRef: [{
+                type: ViewChild,
+                args: ['calendar']
+            }], calendarBodyRef: [{
+                type: ViewChild,
+                args: ['calendarBody']
+            }] } });
+
+class SmartCalendarComponent {
+    constructor() {
+        this.events = [];
+    }
+    ngOnInit() {
+    }
+}
+SmartCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SmartCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SmartCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SmartCalendarComponent, selector: "smart-calendar", inputs: { events: "events" }, ngImport: i0, template: "<div class=\"smart-calendar-component\">\n    <lib-calendar [events]=\"events\"></lib-calendar>\n</div>", styles: [".smart-calendar-component{width:100%;height:100%;background-color:#fff;border:1px solid #dddddd}\n"], dependencies: [{ kind: "component", type: CalendarComponent, selector: "lib-calendar", inputs: ["currentMonth", "events", "startAt"], outputs: ["monthChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SmartCalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'smart-calendar', template: "<div class=\"smart-calendar-component\">\n    <lib-calendar [events]=\"events\"></lib-calendar>\n</div>", styles: [".smart-calendar-component{width:100%;height:100%;background-color:#fff;border:1px solid #dddddd}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { events: [{
+                type: Input
+            }] } });
+
 class SmartAngularCalendarModule {
 }
 SmartAngularCalendarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SmartAngularCalendarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SmartAngularCalendarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SmartAngularCalendarModule, declarations: [SmartAngularCalendarComponent], exports: [SmartAngularCalendarComponent] });
-SmartAngularCalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SmartAngularCalendarModule });
+SmartAngularCalendarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SmartAngularCalendarModule, declarations: [SmartCalendarComponent,
+        CalendarComponent,
+        TranslatePipe,
+        CalendarEventComponent,
+        MoreEventsModalComponent], imports: [CommonModule], exports: [SmartCalendarComponent] });
+SmartAngularCalendarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SmartAngularCalendarModule, imports: [CommonModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SmartAngularCalendarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
-                        SmartAngularCalendarComponent
+                        SmartCalendarComponent,
+                        CalendarComponent,
+                        TranslatePipe,
+                        CalendarEventComponent,
+                        MoreEventsModalComponent
+                    ],
+                    imports: [
+                        CommonModule
                     ],
-                    imports: [],
                     exports: [
-                        SmartAngularCalendarComponent
+                        SmartCalendarComponent
                     ]
                 }]
         }] });
@@ -59,5 +342,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SmartAngularCalendarComponent, SmartAngularCalendarModule, SmartAngularCalendarService };
+export { SmartAngularCalendarModule, SmartAngularCalendarService, SmartCalendarComponent };
 //# sourceMappingURL=smart-solutions-tech-smart-angular-calendar.mjs.map

package/fesm2020/smart-solutions-tech-smart-angular-calendar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"smart-solutions-tech-smart-angular-calendar.mjs","sources":["../../../projects/smart-angular-calendar/src/lib/smart-angular-calendar.service.ts","../../../projects/smart-angular-calendar/src/lib/smart-angular-calendar.component.ts","../../../projects/smart-angular-calendar/src/lib/smart-angular-calendar.module.ts","../../../projects/smart-angular-calendar/src/public-api.ts","../../../projects/smart-angular-calendar/src/smart-solutions-tech-smart-angular-calendar.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class SmartAngularCalendarService {\r\n\r\n  constructor() { }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'lib-smart-angular-calendar',\r\n  template: `\r\n    <p>\r\n      smart-angular-calendar works!\r\n    </p>\r\n  `,\r\n  styles: [\r\n  ]\r\n})\r\nexport class SmartAngularCalendarComponent implements OnInit {\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { SmartAngularCalendarComponent } from './smart-angular-calendar.component';\r\n\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    SmartAngularCalendarComponent\r\n  ],\r\n  imports: [\r\n  ],\r\n  exports: [\r\n    SmartAngularCalendarComponent\r\n  ]\r\n})\r\nexport class SmartAngularCalendarModule { }\r\n","/*\r\n * Public API Surface of smart-angular-calendar\r\n */\r\n\r\nexport * from './lib/smart-angular-calendar.service';\r\nexport * from './lib/smart-angular-calendar.component';\r\nexport * from './lib/smart-angular-calendar.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAKa,2BAA2B,CAAA;AAEtC,IAAA,WAAA,GAAA,GAAiB;;wHAFN,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAA3B,2BAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,2BAA2B,cAF1B,MAAM,EAAA,CAAA,CAAA;2FAEP,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA,CAAA;;;MCQY,6BAA6B,CAAA;AAExC,IAAA,WAAA,GAAA,GAAiB;IAEjB,QAAQ,GAAA;KACP;;0HALU,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,EAR9B,QAAA,EAAA,4BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;2FAIU,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAVzC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,4BAA4B,EAC5B,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,CAAA;;;MCOU,0BAA0B,CAAA;;uHAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;wHAA1B,0BAA0B,EAAA,YAAA,EAAA,CARnC,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAK7B,6BAA6B,CAAA,EAAA,CAAA,CAAA;wHAGpB,0BAA0B,EAAA,CAAA,CAAA;2FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAVtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,6BAA6B;AAC9B,qBAAA;AACD,oBAAA,OAAO,EAAE,EACR;AACD,oBAAA,OAAO,EAAE;wBACP,6BAA6B;AAC9B,qBAAA;AACF,iBAAA,CAAA;;;ACdD;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"smart-solutions-tech-smart-angular-calendar.mjs","sources":["../../../projects/smart-angular-calendar/src/lib/smart-angular-calendar.service.ts","../../../projects/smart-angular-calendar/src/lib/utils/colors.ts","../../../projects/smart-angular-calendar/src/lib/components/calendar-event/calendar-event.component.ts","../../../projects/smart-angular-calendar/src/lib/components/calendar-event/calendar-event.component.html","../../../projects/smart-angular-calendar/src/lib/translations.ts","../../../projects/smart-angular-calendar/src/lib/services/translation.service.ts","../../../projects/smart-angular-calendar/src/lib/pipes/translate.pipe.ts","../../../projects/smart-angular-calendar/src/lib/components/more-events-modal/more-events-modal.component.ts","../../../projects/smart-angular-calendar/src/lib/components/more-events-modal/more-events-modal.component.html","../../../projects/smart-angular-calendar/src/lib/components/calendar/calendar.component.ts","../../../projects/smart-angular-calendar/src/lib/components/calendar/calendar.component.html","../../../projects/smart-angular-calendar/src/lib/components/smart-calendar/smart-calendar.component.ts","../../../projects/smart-angular-calendar/src/lib/components/smart-calendar/smart-calendar.component.html","../../../projects/smart-angular-calendar/src/lib/smart-angular-calendar.module.ts","../../../projects/smart-angular-calendar/src/public-api.ts","../../../projects/smart-angular-calendar/src/smart-solutions-tech-smart-angular-calendar.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class SmartAngularCalendarService {\r\n\r\n  constructor() { }\r\n}\r\n","export const isDarkColor = (hexColor: string, threshold: number = 0.5): boolean => {\r\n    const hex = hexColor.replace('#', '');\r\n\r\n    const r = parseInt(hex.substring(0, 2), 16);\r\n    const g = parseInt(hex.substring(2, 4), 16);\r\n    const b = parseInt(hex.substring(4, 6), 16);\r\n\r\n    const [rs, gs, bs] = [r, g, b].map((c) => {\r\n        const cs = c / 255;\r\n        return cs <= 0.03928 ? cs / 12.92 : Math.pow((cs + 0.055) / 1.055, 2.4);\r\n    });\r\n    const luminance = 0.2126 * rs + 0.7152 * gs + 0.0722 * bs;\r\n\r\n    return luminance < threshold;\r\n}","import { Component, Input, OnInit } from '@angular/core';\r\nimport { CalendarEvent } from '../../types';\r\nimport { isDarkColor } from '../../utils/colors';\r\n\r\n@Component({\r\n  selector: 'lib-calendar-event',\r\n  templateUrl: './calendar-event.component.html',\r\n  styleUrls: ['./calendar-event.component.scss']\r\n})\r\nexport class CalendarEventComponent implements OnInit {\r\n\r\n  @Input() event!: CalendarEvent;\r\n\r\n  isDarkColor: boolean = false;\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n    this.isDarkColor = isDarkColor(this.event.color || '#000000');\r\n  }\r\n\r\n}\r\n","<div class=\"calendar-event-component\" style=\"--color: {{ event.color }};\" [ngClass]=\"{'dark-color': isDarkColor}\"\r\n    [title]=\"event.title\">\r\n    <div class=\"event-title\">{{ event.title }}</div>\r\n</div>","import { Translation } from \"./types\";\r\n\r\nconst TRANSLATIONS: Record<string, Translation> = {\r\n    en: {\r\n        sun: 'Sunday',\r\n        mon: 'Monday',\r\n        tue: 'Tuesday',\r\n        wed: 'Wednesday',\r\n        thu: 'Thursday',\r\n        fri: 'Friday',\r\n        sat: 'Saturday',\r\n        moreEvents: 'More events',\r\n        nMoreEvents: '{{n}} More events'\r\n    },\r\n    es: {\r\n        sun: 'Domingo',\r\n        mon: 'Lunes',\r\n        tue: 'Martes',\r\n        wed: 'Miércoles',\r\n        thu: 'Jueves',\r\n        fri: 'Viernes',\r\n        sat: 'Sábado',\r\n        moreEvents: 'Más eventos',\r\n        nMoreEvents: '{{n}} Eventos más'\r\n    },\r\n}\r\n\r\nexport default TRANSLATIONS;","import { Injectable } from '@angular/core';\nimport TRANSLATIONS from '../translations';\nimport { Translation } from '../types';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class TranslationService {\n  private currentLanguage = 'en';\n\n  constructor() { }\n\n  translate(tag: keyof Translation, args?: { [key: string]: any }): string {\n    if (tag === 'nMoreEvents' && args) {\n      const n = args['n'];\n      return TRANSLATIONS[this.currentLanguage][tag].replace('{{n}}', n);\n    }\n\n    return TRANSLATIONS[this.currentLanguage][tag];\n  }\n\n  setLanguage(lang: string): void {\n    if (TRANSLATIONS[lang]) {\n      this.currentLanguage = lang;\n    }\n  }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport TRANSLATIONS from '../translations';\nimport { TranslationService } from '../services/translation.service';\nimport { Translation } from '../types';\n\n@Pipe({\n  name: 'translate'\n})\nexport class TranslatePipe implements PipeTransform {\n\n  constructor(\n    private translationService: TranslationService\n  ) { }\n\n  transform(tag: keyof Translation, args?: { [key: string]: any }): string {\n    return this.translationService.translate(tag as keyof Translation, args);\n  }\n\n}\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { CalendarEvent } from '../../types';\nimport { isDarkColor } from '../../utils/colors';\n\n@Component({\n  selector: 'lib-more-events-modal',\n  templateUrl: './more-events-modal.component.html',\n  styleUrls: ['./more-events-modal.component.scss']\n})\nexport class MoreEventsModalComponent implements OnInit {\n\n  @Input() events: CalendarEvent[] = [];\n  @Input() date!: Date;\n\n  @Output() close = new EventEmitter();\n  @Output() eventClick = new EventEmitter<CalendarEvent>();\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n  isDarkColor(color?: string): boolean {\n    return isDarkColor(color || '#ffffff');\n  }\n\n  onClose() {\n    this.close.emit();\n  }\n\n  onEventClick(event: CalendarEvent) {\n    this.eventClick.emit(event);\n  }\n\n}\n","<div class=\"more-events-modal-component\">\n    <div class=\"backdrop\" (click)=\"onClose()\"></div>\n\n    <div class=\"modal\">\n        <div class=\"header\">\n            <div class=\"title\">{{'moreEvents' | translate}}</div>\n            <div class=\"subtitle\">{{date.toLocaleDateString()}}</div>\n\n            <button class=\"btn-close\" (click)=\"onClose()\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\"\n                    stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                    class=\"feather feather-x\" fill=\"yellow\">\n                    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n                    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n                </svg>\n            </button>\n        </div>\n\n        <div class=\"events-list\">\n            <div class=\"event-item\" *ngFor=\"let event of events\" style=\"--color: {{event.color}};\"\n                [ngClass]=\"{'is-dark':isDarkColor(event.color)}\" (click)=\"onEventClick(event)\">\n                <div class=\"event-title\">{{ event.title }}</div>\n            </div>\n        </div>\n    </div>\n</div>","import { AfterViewInit, Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';\r\nimport { CalendarEvent, DayCell, WeekDay } from '../../types';\r\n\r\n@Component({\r\n  selector: 'lib-calendar',\r\n  templateUrl: './calendar.component.html',\r\n  styleUrls: ['./calendar.component.scss']\r\n})\r\nexport class CalendarComponent implements OnInit, AfterViewInit {\r\n\r\n  @Input() currentMonth: { year: number, month: number } = {\r\n    year: new Date().getFullYear(),\r\n    month: new Date().getMonth() + 1\r\n  };\r\n\r\n  @Input() events: CalendarEvent[] = [];\r\n\r\n  @Input() startAt: 'monday' | 'sunday' = 'sunday';\r\n\r\n  @Output() monthChange = new EventEmitter<{\r\n    newMonth: { year: number, month: number },\r\n    oldMonth: { year: number, month: number }\r\n  }>();\r\n\r\n  @ViewChild('calendar') calendarRef!: ElementRef;\r\n  @ViewChild('calendarBody') calendarBodyRef!: ElementRef;\r\n\r\n  calendarWidth?: number;\r\n  columnWidth?: number;\r\n  calendarBodyHeight?: number;\r\n  maxEventsInDayCell?: number;\r\n\r\n  dayCells: DayCell[] = [];\r\n\r\n  weekDays: WeekDay[] = [\r\n    { tag: 'sun' },\r\n    { tag: 'mon' },\r\n    { tag: 'tue' },\r\n    { tag: 'wed' },\r\n    { tag: 'thu' },\r\n    { tag: 'fri' },\r\n    { tag: 'sat' },\r\n  ];\r\n\r\n  showMoreEventsModal: boolean = false;\r\n  moreEventsModalDate?: Date;\r\n  moreEventsModalEvents: CalendarEvent[] = [];\r\n\r\n  constructor() { }\r\n\r\n  isToday(date: Date): boolean {\r\n    const today = new Date();\r\n    return date.getDate() === today.getDate() &&\r\n      date.getMonth() === today.getMonth() &&\r\n      date.getFullYear() === today.getFullYear();\r\n  }\r\n\r\n  getEventsForDay(date: Date): CalendarEvent[] {\r\n    return this.events.filter(event => {\r\n      const eventStart = new Date(event.start);\r\n      const eventEnd = event.end ? new Date(event.end) : eventStart;\r\n\r\n      return date >= new Date(eventStart.getFullYear(), eventStart.getMonth(), eventStart.getDate()) &&\r\n        date <= new Date(eventEnd.getFullYear(), eventEnd.getMonth(), eventEnd.getDate());\r\n    });\r\n  }\r\n\r\n  initDaysCells() {\r\n    const daysInMonth = new Date(this.currentMonth.year, this.currentMonth.month, 0).getDate();\r\n    const firstDayOfWeek = new Date(this.currentMonth.year, this.currentMonth.month - 1, 1).getDay();\r\n    const prevDaysCount = this.startAt === 'monday' ? (firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1) : firstDayOfWeek;\r\n    // const nextDaysCount = (7 - ((prevDaysCount + daysInMonth) % 7)) % 7;\r\n    const nextDaysCount = 42 - (prevDaysCount + daysInMonth); // Always show 6 weeks\r\n\r\n    this.dayCells = [];\r\n\r\n    for (let i = 0; i < prevDaysCount; i++) {\r\n      const date = new Date(this.currentMonth.year, this.currentMonth.month - 1, i - prevDaysCount + 1);\r\n      const _events = this.getEventsForDay(date);\r\n\r\n      this.dayCells.push({\r\n        date,\r\n        events: _events,\r\n        isOutsideMonth: true,\r\n        isToday: this.isToday(date)\r\n      });\r\n    }\r\n\r\n    for (let day = 1; day <= daysInMonth; day++) {\r\n      const date = new Date(this.currentMonth.year, this.currentMonth.month - 1, day);\r\n      const _events = this.getEventsForDay(date);\r\n\r\n      this.dayCells.push({\r\n        date,\r\n        events: _events,\r\n        isToday: this.isToday(date)\r\n      });\r\n    }\r\n\r\n    for (let i = 1; i <= nextDaysCount; i++) {\r\n      const date = new Date(this.currentMonth.year, this.currentMonth.month - 1, daysInMonth + i);\r\n      const _events = this.getEventsForDay(date);\r\n\r\n      this.dayCells.push({\r\n        date,\r\n        events: _events,\r\n        isOutsideMonth: true,\r\n        isToday: this.isToday(date)\r\n      });\r\n    }\r\n  }\r\n\r\n  setCalendarBodyHeight() {\r\n    this.calendarBodyHeight = this.calendarBodyRef.nativeElement.clientHeight;\r\n  }\r\n\r\n  setMaxEventsInDayCell() {\r\n    const element = document.getElementsByClassName('events-list')[0] as HTMLElement;\r\n    console.log(element);\r\n\r\n    if (element) {\r\n      const eventItemHeight = 22;\r\n      this.maxEventsInDayCell = Math.floor(element.clientHeight / eventItemHeight) - 1;\r\n    }\r\n  }\r\n\r\n  openMoreEventsModal(date: Date, events: CalendarEvent[]) {\r\n    this.moreEventsModalDate = date;\r\n    this.moreEventsModalEvents = events;\r\n    this.showMoreEventsModal = true;\r\n  }\r\n\r\n  closeMoreEventsModal() {\r\n    this.showMoreEventsModal = false;\r\n    this.moreEventsModalDate = undefined;\r\n    this.moreEventsModalEvents = [];\r\n  }\r\n\r\n  resizeListener = () => {\r\n    this.setCalendarBodyHeight();\r\n    this.setMaxEventsInDayCell();\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    if (this.startAt === 'monday') {\r\n      this.weekDays = [\r\n        { tag: 'mon' },\r\n        { tag: 'tue' },\r\n        { tag: 'wed' },\r\n        { tag: 'thu' },\r\n        { tag: 'fri' },\r\n        { tag: 'sat' },\r\n        { tag: 'sun' },\r\n      ];\r\n    }\r\n\r\n    this.initDaysCells();\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    window.addEventListener('resize', this.resizeListener);\r\n\r\n    setTimeout(() => {\r\n      this.setCalendarBodyHeight();\r\n      this.setMaxEventsInDayCell();\r\n    });\r\n  }\r\n\r\n  onDestroy(): void {\r\n    window.removeEventListener('resize', this.resizeListener);\r\n  }\r\n}\r\n","<div class=\"calendar-component\">\r\n    <div class=\"header\">\r\n        Header {{ maxEventsInDayCell }}\r\n    </div>\r\n\r\n    <div class=\"body\" #calendarBody>\r\n        <div class=\"week-days\">\r\n            <div class=\"week-day\" *ngFor=\"let day of weekDays\">\r\n                {{ day.tag | translate | slice:0:3 }}\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"days-grid\">\r\n            <div class=\"day-cell\" *ngFor=\"let day of dayCells; let i = index\"\r\n                [ngClass]=\"{'outside-month': day.isOutsideMonth, 'is-today': day.isToday}\">\r\n                <div class=\"day-number\">\r\n                    {{ day.date.getDate() }}\r\n                </div>\r\n\r\n                <div class=\"events-list\">\r\n                    <lib-calendar-event *ngFor=\"let event of day.events | slice:0:maxEventsInDayCell\"\r\n                        [event]=\"event\"></lib-calendar-event>\r\n\r\n                    <div class=\"more-events\" *ngIf=\"day.events.length > (maxEventsInDayCell || 0)\"\r\n                        (click)=\"openMoreEventsModal(day.date, day.events)\">\r\n                        {{'nMoreEvents' | translate: {n:(day.events.length - (maxEventsInDayCell || 0))} }}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"footer\">\r\n        Footer\r\n    </div>\r\n\r\n    <lib-more-events-modal *ngIf=\"showMoreEventsModal && moreEventsModalDate\" [events]=\"moreEventsModalEvents\"\r\n        [date]=\"moreEventsModalDate\" (close)=\"closeMoreEventsModal()\"\r\n        (eventClick)=\"closeMoreEventsModal()\"></lib-more-events-modal>\r\n</div>","import { Component, Input, OnInit } from '@angular/core';\nimport { CalendarEvent } from '../../types';\n\n@Component({\n  selector: 'smart-calendar',\n  templateUrl: './smart-calendar.component.html',\n  styleUrls: ['./smart-calendar.component.scss']\n})\nexport class SmartCalendarComponent implements OnInit {\n\n  @Input() events: CalendarEvent[] = [];\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<div class=\"smart-calendar-component\">\n    <lib-calendar [events]=\"events\"></lib-calendar>\n</div>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { SmartCalendarComponent } from './components/smart-calendar/smart-calendar.component';\r\nimport { CalendarComponent } from './components/calendar/calendar.component';\r\nimport { TranslatePipe } from './pipes/translate.pipe';\r\nimport { CalendarEventComponent } from './components/calendar-event/calendar-event.component';\nimport { MoreEventsModalComponent } from './components/more-events-modal/more-events-modal.component';\r\n\r\n@NgModule({\r\n  declarations: [\r\n    SmartCalendarComponent,\r\n    CalendarComponent,\r\n    TranslatePipe,\r\n    CalendarEventComponent,\r\n    MoreEventsModalComponent\r\n  ],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: [\r\n    SmartCalendarComponent\r\n  ]\r\n})\r\nexport class SmartAngularCalendarModule { }\r\n","/*\r\n * Public API Surface of smart-angular-calendar\r\n */\r\n\r\nexport * from './lib/smart-angular-calendar.service';\r\nexport * from './lib/components/smart-calendar/smart-calendar.component';\r\nexport * from './lib/smart-angular-calendar.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.TranslationService","i2.TranslatePipe","i2.CalendarEventComponent","i3.MoreEventsModalComponent","i4.TranslatePipe","i1.CalendarComponent"],"mappings":"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"}

package/lib/components/calendar/calendar.component.d.ts

@@ -0,0 +1,46 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { CalendarEvent, DayCell, WeekDay } from '../../types';
+import * as i0 from "@angular/core";
+export declare class CalendarComponent implements OnInit, AfterViewInit {
+    currentMonth: {
+        year: number;
+        month: number;
+    };
+    events: CalendarEvent[];
+    startAt: 'monday' | 'sunday';
+    monthChange: EventEmitter<{
+        newMonth: {
+            year: number;
+            month: number;
+        };
+        oldMonth: {
+            year: number;
+            month: number;
+        };
+    }>;
+    calendarRef: ElementRef;
+    calendarBodyRef: ElementRef;
+    calendarWidth?: number;
+    columnWidth?: number;
+    calendarBodyHeight?: number;
+    maxEventsInDayCell?: number;
+    dayCells: DayCell[];
+    weekDays: WeekDay[];
+    showMoreEventsModal: boolean;
+    moreEventsModalDate?: Date;
+    moreEventsModalEvents: CalendarEvent[];
+    constructor();
+    isToday(date: Date): boolean;
+    getEventsForDay(date: Date): CalendarEvent[];
+    initDaysCells(): void;
+    setCalendarBodyHeight(): void;
+    setMaxEventsInDayCell(): void;
+    openMoreEventsModal(date: Date, events: CalendarEvent[]): void;
+    closeMoreEventsModal(): void;
+    resizeListener: () => void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "lib-calendar", never, { "currentMonth": "currentMonth"; "events": "events"; "startAt": "startAt"; }, { "monthChange": "monthChange"; }, never, never, false>;
+}

package/lib/components/calendar-event/calendar-event.component.d.ts

@@ -0,0 +1,11 @@
+import { OnInit } from '@angular/core';
+import { CalendarEvent } from '../../types';
+import * as i0 from "@angular/core";
+export declare class CalendarEventComponent implements OnInit {
+    event: CalendarEvent;
+    isDarkColor: boolean;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarEventComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarEventComponent, "lib-calendar-event", never, { "event": "event"; }, {}, never, never, false>;
+}

package/lib/components/more-events-modal/more-events-modal.component.d.ts

@@ -0,0 +1,16 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { CalendarEvent } from '../../types';
+import * as i0 from "@angular/core";
+export declare class MoreEventsModalComponent implements OnInit {
+    events: CalendarEvent[];
+    date: Date;
+    close: EventEmitter<any>;
+    eventClick: EventEmitter<CalendarEvent>;
+    constructor();
+    ngOnInit(): void;
+    isDarkColor(color?: string): boolean;
+    onClose(): void;
+    onEventClick(event: CalendarEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MoreEventsModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MoreEventsModalComponent, "lib-more-events-modal", never, { "events": "events"; "date": "date"; }, { "close": "close"; "eventClick": "eventClick"; }, never, never, false>;
+}

package/lib/components/smart-calendar/smart-calendar.component.d.ts

@@ -0,0 +1,10 @@
+import { OnInit } from '@angular/core';
+import { CalendarEvent } from '../../types';
+import * as i0 from "@angular/core";
+export declare class SmartCalendarComponent implements OnInit {
+    events: CalendarEvent[];
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SmartCalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SmartCalendarComponent, "smart-calendar", never, { "events": "events"; }, {}, never, never, false>;
+}

package/lib/pipes/translate.pipe.d.ts

@@ -0,0 +1,13 @@
+import { PipeTransform } from '@angular/core';
+import { TranslationService } from '../services/translation.service';
+import { Translation } from '../types';
+import * as i0 from "@angular/core";
+export declare class TranslatePipe implements PipeTransform {
+    private translationService;
+    constructor(translationService: TranslationService);
+    transform(tag: keyof Translation, args?: {
+        [key: string]: any;
+    }): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TranslatePipe, "translate", false>;
+}

package/lib/services/translation.service.d.ts

@@ -0,0 +1,12 @@
+import { Translation } from '../types';
+import * as i0 from "@angular/core";
+export declare class TranslationService {
+    private currentLanguage;
+    constructor();
+    translate(tag: keyof Translation, args?: {
+        [key: string]: any;
+    }): string;
+    setLanguage(lang: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TranslationService>;
+}

package/lib/smart-angular-calendar.module.d.ts

@@ -1,7 +1,12 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./smart-angular-calendar.component";
+import * as i1 from "./components/smart-calendar/smart-calendar.component";
+import * as i2 from "./components/calendar/calendar.component";
+import * as i3 from "./pipes/translate.pipe";
+import * as i4 from "./components/calendar-event/calendar-event.component";
+import * as i5 from "./components/more-events-modal/more-events-modal.component";
+import * as i6 from "@angular/common";
 export declare class SmartAngularCalendarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartAngularCalendarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SmartAngularCalendarModule, [typeof i1.SmartAngularCalendarComponent], never, [typeof i1.SmartAngularCalendarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SmartAngularCalendarModule, [typeof i1.SmartCalendarComponent, typeof i2.CalendarComponent, typeof i3.TranslatePipe, typeof i4.CalendarEventComponent, typeof i5.MoreEventsModalComponent], [typeof i6.CommonModule], [typeof i1.SmartCalendarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SmartAngularCalendarModule>;
 }

package/lib/translations.d.ts

@@ -0,0 +1,3 @@
+import { Translation } from "./types";
+declare const TRANSLATIONS: Record<string, Translation>;
+export default TRANSLATIONS;

package/lib/types.d.ts

@@ -0,0 +1,29 @@
+export interface Translation {
+    sun: string;
+    mon: string;
+    tue: string;
+    wed: string;
+    thu: string;
+    fri: string;
+    sat: string;
+    moreEvents: string;
+    nMoreEvents: string;
+}
+export interface WeekDay {
+    tag: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat';
+}
+export interface CalendarEvent {
+    id: string;
+    title: string;
+    start: Date;
+    end?: Date;
+    allDay?: boolean;
+    color?: string;
+    meta?: any;
+}
+export interface DayCell {
+    date: Date;
+    events: CalendarEvent[];
+    isOutsideMonth?: boolean;
+    isToday?: boolean;
+}

package/lib/utils/colors.d.ts

@@ -0,0 +1 @@
+export declare const isDarkColor: (hexColor: string, threshold?: number) => boolean;