ngx-resource-scheduler 1.0.1 → 1.0.3

package/README.md

@@ -81,7 +81,6 @@ events: SchedulerEvent[] = [
 | `slotLineStyle` | `slot` | `slot`, `hour`, or `both` |
 | `readonly` | `false` | Disable interactions |
 | `timezone` | `local` | `local`, `UTC`, or IANA zone (e.g. `Europe/Kiev`) |
-| `weekStartsOn` | `1` | First day of week. 0 = Sunday |
 
 > **Important**
 >

package/fesm2022/ngx-resource-scheduler.mjs

@@ -0,0 +1,592 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import { fromZonedTime, toZonedTime } from 'date-fns-tz';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class NgxResourceSchedulerComponent {
+    constructor() {
+        this.resources = [];
+        this.events = [];
+        // --- FLEXIBILITY ---
+        this.nDays = 7; // clamp [1..7]
+        this.primaryAxis = 'days';
+        // --- TIME WINDOW (vertical) ---
+        this.dayStart = '08:00'; // HH:mm
+        this.dayEnd = '20:00'; // HH:mm
+        this.slotDuration = '00:30'; // HH:mm (grid resolution)
+        this.snapToSlot = true;
+        this.showSlotLines = true;
+        this.slotLineStyle = 'slot';
+        // NAVIGATION
+        this.showToolbar = true;
+        this.prevLabel = '‹';
+        this.nextLabel = '›';
+        this.lastRangeKey = null;
+        // i18n
+        this.showDaysResourcesLabel = true;
+        this.daysLabel = 'days';
+        this.resourcesLabel = 'resources';
+        this.todayLabel = 'Today';
+        this.readonly = false;
+        // --- OUTPUTS ---
+        this.slotClick = new EventEmitter();
+        this.eventClick = new EventEmitter();
+        this.eventChange = new EventEmitter();
+        this.rangeChange = new EventEmitter();
+        this.startDateChange = new EventEmitter();
+        // --- INTERNAL LAYOUT CONSTANTS ---
+        this.pxPerMinute = 1; // 60px per hour
+        // --- COMPUTED ---
+        this.visibleDays = [];
+        this.primaryColumns = [];
+        this.secondaryColumns = [];
+        this.dayStartMinutes = 8 * 60;
+        this.dayEndMinutes = 20 * 60;
+        this.slotMinutes = 30;
+        // ------------- TRACK BYS -------------
+        this.trackPrimary = (_, c) => c.key;
+        this.trackSecondary = (_, c) => c.key;
+        this.trackEvent = (_, e) => e.id;
+    }
+    ngOnChanges(_) {
+        this.recompute();
+    }
+    // ---------- PUBLIC METHODS ---------
+    /** Navigate by one "page" (nDays) backward */
+    prev() {
+        this.navigatePrev();
+    }
+    /** Navigate by one "page" (nDays) forward */
+    next() {
+        this.navigateNext();
+    }
+    /** Go to today (start of day) */
+    today() {
+        this.navigateToday();
+    }
+    /** Programmatically set the visible start date */
+    goToDate(d) {
+        this.setStartDate(this.startOfDay(d));
+    }
+    // ---------- TEMPLATE HELPERS ----------
+    get timelineHeightPx() {
+        return Math.max(0, (this.dayEndMinutes - this.dayStartMinutes) * this.pxPerMinute);
+    }
+    get hourLabels() {
+        const startH = Math.floor(this.dayStartMinutes / 60);
+        const endH = Math.floor(this.dayEndMinutes / 60);
+        const hours = [];
+        for (let h = startH; h <= endH; h++)
+            hours.push(h);
+        return hours;
+    }
+    get slotLines() {
+        if (!this.showSlotLines)
+            return [];
+        const spanMin = this.dayEndMinutes - this.dayStartMinutes;
+        if (spanMin <= 0 || this.slotMinutes <= 0)
+            return [];
+        const lines = [];
+        for (let m = 0; m <= spanMin; m += this.slotMinutes) {
+            const absoluteMin = this.dayStartMinutes + m;
+            // true at hh:30 exactly (e.g., 08:30, 09:30, ...)
+            const isHalfHour = absoluteMin % 60 === 30;
+            lines.push({
+                top: m * this.pxPerMinute,
+                isHalfHour,
+            });
+        }
+        return lines;
+    }
+    get hourLineOffsetsPx() {
+        const spanMin = this.dayEndMinutes - this.dayStartMinutes;
+        if (spanMin <= 0)
+            return [];
+        const offsets = [];
+        const firstHourMin = Math.ceil(this.dayStartMinutes / 60) * 60;
+        for (let m = firstHourMin; m <= this.dayEndMinutes; m += 60) {
+            offsets.push((m - this.dayStartMinutes) * this.pxPerMinute);
+        }
+        // Also include the top edge at 0 for a clean line
+        offsets.unshift(0);
+        return offsets;
+    }
+    get rangeTitle() {
+        if (!this.visibleDays.length)
+            return '';
+        const start = this.visibleDays[0];
+        const end = this.visibleDays[this.visibleDays.length - 1];
+        const sameMonth = start.getFullYear() === end.getFullYear() && start.getMonth() === end.getMonth();
+        const opts = { month: 'short', day: 'numeric' };
+        if (this.visibleDays.length === 1) {
+            return start.toLocaleDateString(this.locale, { weekday: 'short', ...opts });
+        }
+        if (sameMonth) {
+            const month = start.toLocaleDateString(this.locale, { month: 'short' });
+            return `${month} ${start.getDate()}–${end.getDate()}`;
+        }
+        return `${start.toLocaleDateString(this.locale, opts)} – ${end.toLocaleDateString(this.locale, opts)}`;
+    }
+    /**
+     * Returns events that intersect a given (day, resource) cell.
+     */
+    eventsForCell(day, resourceId) {
+        const { startUtc, endUtc } = this.windowBoundsUtc(day);
+        const list = this.events
+            .filter((e) => e.resourceId === resourceId &&
+            e.start < endUtc &&
+            e.end > startUtc)
+            .sort((a, b) => a.start.getTime() - b.start.getTime());
+        return this.layoutOverlaps(list);
+    }
+    /**
+     * CSS positioning for an event within a day cell.
+     */
+    styleForEvent(e, day) {
+        const { startUtc: windowStartUtc, endUtc: windowEndUtc } = this.windowBoundsUtc(day);
+        // If event doesn't intersect visible window, don't render it
+        if (e.end <= windowStartUtc || e.start >= windowEndUtc) {
+            return { display: 'none' };
+        }
+        const start = new Date(Math.max(e.start.getTime(), windowStartUtc.getTime()));
+        const end = new Date(Math.min(e.end.getTime(), windowEndUtc.getTime()));
+        const topMin = (start.getTime() - windowStartUtc.getTime()) / 60000;
+        const durMin = Math.max(10, (end.getTime() - start.getTime()) / 60000);
+        // overlap columns (same as you already have)
+        const gapPx = 6;
+        const cols = Math.max(1, e._cols);
+        const col = Math.max(0, e._col);
+        const widthExpr = `calc(${100 / cols}% - ${gapPx}px)`;
+        const leftExpr = `calc(${(100 * col) / cols}% + ${gapPx / 2}px)`;
+        return {
+            top: `${topMin * this.pxPerMinute}px`,
+            height: `${durMin * this.pxPerMinute}px`,
+            width: widthExpr,
+            left: leftExpr,
+            right: 'auto',
+        };
+    }
+    onEventClick(e, mouse) {
+        this.eventClick.emit({ event: e, nativeEvent: mouse });
+    }
+    onCellClick(day, resourceId, mouse) {
+        if (this.readonly)
+            return;
+        const clickedDate = this.computeClickedTime(day, mouse);
+        const primaryKey = this.primaryAxis === 'days' ? this.dayKey(day) : resourceId;
+        const secondaryKey = this.primaryAxis === 'days' ? resourceId : this.dayKey(day);
+        this.slotClick.emit({
+            date: clickedDate,
+            day: this.startOfDay(day),
+            resourceId,
+            primaryAxis: this.primaryAxis,
+            primaryKey,
+            secondaryKey,
+        });
+    }
+    cellDayKey(p, s) {
+        return this.dayKey(this.resolveCellDay(p, s));
+    }
+    cellResourceId(p, s) {
+        return this.resolveCellResourceId(p, s);
+    }
+    resolveCellResourceId(p, s) {
+        return this.primaryAxis === 'days' ? s.resource.id : p.resource.id;
+    }
+    resolveCellResource(p, s) {
+        return this.primaryAxis === 'days' ? s.resource : p.resource;
+    }
+    cellEvents(p, s) {
+        const day = this.resolveCellDay(p, s);
+        const resourceId = this.resolveCellResourceId(p, s);
+        return this.eventsForCell(day, resourceId); // now PositionedEvent[]
+    }
+    cellClick(p, s, ev) {
+        const day = this.resolveCellDay(p, s);
+        const resourceId = this.resolveCellResourceId(p, s);
+        this.onCellClick(day, resourceId, ev);
+    }
+    getEventLayoutStyle(e, p, s) {
+        const day = this.resolveCellDay(p, s);
+        const layout = this.styleForEvent(e, day); // contains top/height/left/width
+        const userStyle = this.eventStyle ? this.eventStyle(e) : null;
+        // IMPORTANT: layout must win so users can’t break positioning
+        return userStyle ? { ...userStyle, ...layout } : layout;
+    }
+    // ---------- INTERNAL COMPUTATION ----------
+    windowBoundsUtc(day) {
+        const base = this.startOfDay(day);
+        // wall-clock dates for "day at HH:mm" (fields matter)
+        const wallStart = this.setTime(base, this.dayStartMinutes);
+        const wallEnd = this.setTime(base, this.dayEndMinutes);
+        if (!this.timezone || this.timezone === 'local') {
+            // interpreted as device local instants
+            return { startUtc: wallStart, endUtc: wallEnd };
+        }
+        if (this.timezone === 'UTC') {
+            // build true UTC instants for the wall clock
+            const y = base.getFullYear();
+            const m = base.getMonth();
+            const d = base.getDate();
+            const sH = Math.floor(this.dayStartMinutes / 60);
+            const sM = this.dayStartMinutes % 60;
+            const eH = Math.floor(this.dayEndMinutes / 60);
+            const eM = this.dayEndMinutes % 60;
+            return {
+                startUtc: new Date(Date.UTC(y, m, d, sH, sM, 0, 0)),
+                endUtc: new Date(Date.UTC(y, m, d, eH, eM, 0, 0)),
+            };
+        }
+        // IANA timezone: wall-clock in zone -> UTC instant
+        return {
+            startUtc: fromZonedTime(wallStart, this.timezone),
+            endUtc: fromZonedTime(wallEnd, this.timezone),
+        };
+    }
+    assignColumns(cluster) {
+        // columnsEndTimes[col] = endTime of last event in that col
+        const columnsEndTimes = [];
+        const out = [];
+        for (const e of cluster) {
+            const s = e.start.getTime();
+            const en = e.end.getTime();
+            // Find first available column
+            let col = 0;
+            for (; col < columnsEndTimes.length; col++) {
+                if (s >= columnsEndTimes[col])
+                    break;
+            }
+            if (col === columnsEndTimes.length)
+                columnsEndTimes.push(en);
+            else
+                columnsEndTimes[col] = en;
+            out.push({ ...e, _col: col, _cols: 0 });
+        }
+        const totalCols = columnsEndTimes.length;
+        // write total columns for all events in this cluster
+        for (const pe of out)
+            pe._cols = totalCols;
+        return out;
+    }
+    emitRangeIfChanged(payload) {
+        const key = `${payload.start.toISOString()}|${payload.end.toISOString()}|${payload.primaryAxis}|${payload.days}`;
+        if (key === this.lastRangeKey)
+            return;
+        this.lastRangeKey = key;
+        queueMicrotask(() => this.rangeChange.emit(payload));
+    }
+    setStartDate(d) {
+        this.startDate = d;
+        this.recompute();
+        this.startDateChange.emit(d);
+    }
+    // Computes clicked time from y offset within a cell (very handy for creating events)
+    computeClickedTime(day, mouse) {
+        const target = mouse.currentTarget;
+        if (!target || typeof target.getBoundingClientRect !== 'function') {
+            return this.setTime(this.startOfDay(day), this.dayStartMinutes);
+        }
+        const rect = target.getBoundingClientRect();
+        const y = mouse.clientY - rect.top;
+        const minutesFromStart = Math.max(0, Math.min(this.dayEndMinutes - this.dayStartMinutes, y / this.pxPerMinute));
+        let snapped = minutesFromStart;
+        if (this.snapToSlot && this.slotMinutes > 0) {
+            snapped = Math.round(minutesFromStart / this.slotMinutes) * this.slotMinutes;
+        }
+        const totalMinutes = this.dayStartMinutes + snapped;
+        return this.setTime(this.startOfDay(day), totalMinutes);
+    }
+    layoutOverlaps(events) {
+        // Sweep through events, grouping overlapping "clusters"
+        const positioned = [];
+        let cluster = [];
+        let clusterEnd = -Infinity;
+        const flushCluster = () => {
+            if (cluster.length === 0)
+                return;
+            positioned.push(...this.assignColumns(cluster));
+            cluster = [];
+            clusterEnd = -Infinity;
+        };
+        for (const e of events) {
+            const s = e.start.getTime();
+            const en = e.end.getTime();
+            if (cluster.length === 0) {
+                cluster = [e];
+                clusterEnd = en;
+                continue;
+            }
+            // If this event starts after cluster ends, it's a new cluster
+            if (s >= clusterEnd) {
+                flushCluster();
+                cluster = [e];
+                clusterEnd = en;
+                continue;
+            }
+            // Still overlapping cluster
+            cluster.push(e);
+            if (en > clusterEnd)
+                clusterEnd = en;
+        }
+        flushCluster();
+        return positioned;
+    }
+    resolveCellDay(p, s) {
+        return this.primaryAxis === 'days' ? p.day : s.day;
+    }
+    recompute() {
+        // Clamp days
+        const d = Math.max(1, Math.min(7, Math.floor(this.nDays || 7)));
+        // Parse times
+        this.dayStartMinutes = this.parseHmToMinutes(this.dayStart, 8 * 60);
+        this.dayEndMinutes = this.parseHmToMinutes(this.dayEnd, 20 * 60);
+        if (this.dayEndMinutes <= this.dayStartMinutes) {
+            // fallback to a sane window
+            this.dayEndMinutes = this.dayStartMinutes + 10 * 60;
+        }
+        this.slotMinutes = this.parseHmToMinutes(this.slotDuration, 30);
+        if (this.slotMinutes <= 0)
+            this.slotMinutes = 30;
+        // Visible days
+        const start = this.startOfDay(this.startDate ?? new Date());
+        this.visibleDays = Array.from({ length: d }, (_, i) => this.addDays(start, i));
+        // Columns
+        if (this.primaryAxis === 'days') {
+            this.primaryColumns = this.visibleDays.map((day) => ({
+                kind: 'day',
+                day,
+                key: this.dayKey(day),
+                title: this.formatDay(day),
+            }));
+            this.secondaryColumns = this.resources.map((r) => ({
+                kind: 'resource',
+                resource: r,
+                key: r.id,
+                title: r.title,
+            }));
+        }
+        else {
+            this.primaryColumns = this.resources.map((r) => ({
+                kind: 'resource',
+                resource: r,
+                key: r.id,
+                title: r.title,
+            }));
+            this.secondaryColumns = this.visibleDays.map((day) => ({
+                kind: 'day',
+                day,
+                key: this.dayKey(day),
+                title: this.formatDay(day),
+            }));
+        }
+        // Emit range
+        const rangeStart = start;
+        const rangeEnd = this.addDays(start, d);
+        const view = 'custom-range';
+        this.emitRangeIfChanged({
+            start: rangeStart,
+            end: rangeEnd,
+            days: d,
+            primaryAxis: this.primaryAxis,
+            view,
+        });
+    }
+    // ------------- NAVIGATION -------------
+    navigatePrev() {
+        const next = this.addDays(this.startOfDay(this.startDate ?? new Date()), -this.normalizedDays());
+        this.setStartDate(next);
+    }
+    navigateNext() {
+        const next = this.addDays(this.startOfDay(this.startDate ?? new Date()), this.normalizedDays());
+        this.setStartDate(next);
+    }
+    navigateToday() {
+        const today = this.startOfDay(new Date());
+        this.setStartDate(today);
+    }
+    // ---------- DATE/TIME UTILS ----------
+    formatHour(h) {
+        return `${String(h).padStart(2, '0')}:00`;
+    }
+    hourTopPx(h) {
+        const minutes = (h * 60) - this.dayStartMinutes;
+        return minutes * this.pxPerMinute;
+    }
+    isIanaTz() {
+        return !!this.timezone && this.timezone !== 'local' && this.timezone !== 'UTC';
+    }
+    toDisplayZone(dUtc) {
+        if (this.timezone === 'UTC')
+            return new Date(dUtc);
+        if (this.timezone === 'local' || !this.timezone)
+            return new Date(dUtc);
+        // Converts a UTC instant to a Date whose wall-clock matches the IANA zone
+        return toZonedTime(dUtc, this.timezone);
+    }
+    fromDisplayZone(dZoned) {
+        if (this.timezone === 'UTC')
+            return new Date(dZoned);
+        if (this.timezone === 'local' || !this.timezone)
+            return new Date(dZoned);
+        // Converts a wall-clock-in-zone Date back to a UTC instant
+        return fromZonedTime(dZoned, this.timezone);
+    }
+    parseHmToMinutes(hm, fallback) {
+        const m = /^(\d{1,2}):(\d{2})$/.exec((hm || '').trim());
+        if (!m)
+            return fallback;
+        const hh = Number(m[1]);
+        const mm = Number(m[2]);
+        if (!Number.isFinite(hh) || !Number.isFinite(mm))
+            return fallback;
+        return Math.max(0, Math.min(24 * 60, hh * 60 + mm));
+    }
+    startOfDay(d) {
+        const x = new Date(d);
+        x.setHours(0, 0, 0, 0);
+        return x;
+    }
+    addDays(d, n) {
+        const x = new Date(d);
+        x.setDate(x.getDate() + n);
+        return x;
+    }
+    setTime(day, minutes) {
+        const x = new Date(day);
+        const hh = Math.floor(minutes / 60);
+        const mm = minutes % 60;
+        x.setHours(hh, mm, 0, 0);
+        return x;
+    }
+    dayKey(d) {
+        // Use YYYY-MM-DD (stable key) instead of full ISO with timezone offsets
+        const y = d.getFullYear();
+        const m = String(d.getMonth() + 1).padStart(2, '0');
+        const day = String(d.getDate()).padStart(2, '0');
+        return `${y}-${m}-${day}`;
+    }
+    formatDay(d) {
+        return d.toLocaleDateString(this.locale, { weekday: 'short', month: 'short', day: 'numeric' });
+    }
+    normalizedDays() {
+        const v = Math.floor(this.nDays ?? 7);
+        return Math.max(1, Math.min(7, v));
+    }
+    // ------------- EVENT TOOLTIP -------------
+    eventTooltip(e) {
+        const start = this.toDisplayZone(e.start);
+        const end = this.toDisplayZone(e.end);
+        const startStr = start.toLocaleTimeString(this.locale, { hour: '2-digit', minute: '2-digit' });
+        const endStr = end.toLocaleTimeString(this.locale, { hour: '2-digit', minute: '2-digit' });
+        // keep it short so the native tooltip looks good
+        return `${e.title}\n${startStr}–${endStr}`;
+    }
+    // ------------- CUSTOM EVENT STYLING -----------
+    eventTemplateCtx(e, p, s) {
+        const day = this.resolveCellDay(p, s);
+        const resourceId = this.resolveCellResourceId(p, s);
+        return {
+            $implicit: e,
+            event: e,
+            startZoned: this.toDisplayZone(e.start),
+            endZoned: this.toDisplayZone(e.end),
+            resourceId,
+            day,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgxResourceSchedulerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NgxResourceSchedulerComponent, isStandalone: false, selector: "ngx-resource-scheduler", inputs: { startDate: "startDate", resources: "resources", events: "events", nDays: "nDays", primaryAxis: "primaryAxis", dayStart: "dayStart", dayEnd: "dayEnd", slotDuration: "slotDuration", snapToSlot: "snapToSlot", showSlotLines: "showSlotLines", slotLineStyle: "slotLineStyle", showToolbar: "showToolbar", prevLabel: "prevLabel", nextLabel: "nextLabel", eventTemplate: "eventTemplate", eventClass: "eventClass", eventStyle: "eventStyle", showDaysResourcesLabel: "showDaysResourcesLabel", daysLabel: "daysLabel", resourcesLabel: "resourcesLabel", todayLabel: "todayLabel", locale: "locale", timezone: "timezone", readonly: "readonly" }, outputs: { slotClick: "slotClick", eventClick: "eventClick", eventChange: "eventChange", rangeChange: "rangeChange", startDateChange: "startDateChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ngx-scheduler\">\n\n  <!-- Toolbar -->\n  @if (showToolbar) {\n    <div class=\"ngx-toolbar\">\n      <div class=\"ngx-toolbar-left\">\n        <button type=\"button\" class=\"ngx-btn\" (click)=\"navigatePrev()\">{{ prevLabel }}</button>\n        <button type=\"button\" class=\"ngx-btn ngx-btn--ghost\" (click)=\"navigateToday()\">{{ todayLabel }}</button>\n        <button type=\"button\" class=\"ngx-btn\" (click)=\"navigateNext()\">{{ nextLabel }}</button>\n      </div>\n      <div class=\"ngx-toolbar-title\">\n        {{ rangeTitle }}\n      </div>\n      <div class=\"ngx-toolbar-right\">\n        @if (showDaysResourcesLabel) {\n          <span class=\"ngx-toolbar-meta\">\n            {{ primaryAxis === 'days' ? (visibleDays.length + ' ' + daysLabel) : (resources.length + ' ' + resourcesLabel ) }}\n          </span>\n        }\n        @if (!showDaysResourcesLabel) {\n          <span class=\"ngx-toolbar-meta\">&nbsp;</span>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Header row -->\n  <div class=\"ngx-header\">\n    <div class=\"ngx-time-gutter\"></div>\n\n    <div class=\"ngx-primary-headers\" [style.gridTemplateColumns]=\"'repeat(' + primaryColumns.length + ', minmax(0, 1fr))'\">\n      @for (p of primaryColumns; track trackPrimary($index, p)) {\n        <div class=\"ngx-primary-header\">\n          <div class=\"ngx-primary-title-row\">\n            <div class=\"ngx-primary-title\">{{ p.title }}</div>\n          </div>\n          <div class=\"ngx-secondary-header-row\" [style.gridTemplateColumns]=\"'repeat(' + secondaryColumns.length + ', minmax(0, 1fr))'\">\n            @for (s of secondaryColumns; track trackSecondary($index, s)) {\n              <div class=\"ngx-secondary-header\">\n                <span class=\"ngx-secondary-header-title\">{{ s.title }}</span>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Body -->\n  <div class=\"ngx-body\">\n    <!-- time gutter -->\n    <div class=\"ngx-time-gutter\" [style.height.px]=\"timelineHeightPx\">\n      @for (h of hourLabels; track h) {\n        <div\n          class=\"ngx-hour-label\"\n          [style.top.px]=\"hourTopPx(h)\">\n          {{ formatHour(h) }}\n        </div>\n      }\n    </div>\n\n\n    <!-- grid -->\n    <div class=\"ngx-grid\"\n      [style.gridTemplateColumns]=\"'repeat(' + primaryColumns.length + ', minmax(0, 1fr))'\"\n      [style.height.px]=\"timelineHeightPx\">\n\n      @for (p of primaryColumns; track trackPrimary($index, p)) {\n        <div class=\"ngx-primary-col\">\n          <div class=\"ngx-secondary-cols\"\n            [style.gridTemplateColumns]=\"'repeat(' + secondaryColumns.length + ', minmax(0, 1fr))'\"\n            [style.height.px]=\"timelineHeightPx\">\n            <!-- Each cell is (day, resource) regardless of axis order -->\n            @for (s of secondaryColumns; track trackSecondary($index, s)) {\n              <div class=\"ngx-cell\"\n                #cellEl\n                [style.height.px]=\"timelineHeightPx\"\n                (click)=\"cellClick(p, s, $event)\"\n                [attr.data-day]=\"cellDayKey(p,s)\"\n                [attr.data-resource]=\"cellResourceId(p,s)\">\n                <!-- grid lines -->\n                <div class=\"ngx-lines\" aria-hidden=\"true\">\n                  <!-- slot lines -->\n                  @for (line of slotLines; track line) {\n                    <div\n                      class=\"ngx-line ngx-line--slot\"\n                      [style.top.px]=\"line.top\"\n                      [class.ngx-line--half]=\"line.isHalfHour\"\n                      [class.is-hidden]=\"slotLineStyle === 'hour'\">\n                    </div>\n                  }\n                  <!-- hour lines -->\n                  @for (top of hourLineOffsetsPx; track top) {\n                    <div\n                      class=\"ngx-line ngx-line--hour\"\n                      [style.top.px]=\"top\"\n                      [class.is-hidden]=\"slotLineStyle === 'slot'\">\n                    </div>\n                  }\n                </div>\n                <!-- events -->\n                <!-- ngClass and 2nd ngStyle are only used when user passes custom class/style -->\n                @for (e of cellEvents(p, s); track trackEvent($index, e)) {\n                  <div class=\"ngx-event\"\n                    [ngStyle]=\"getEventLayoutStyle(e, p, s)\"\n                    (click)=\"onEventClick(e, $event); $event.stopPropagation()\"\n                    [ngClass]=\"eventClass ? eventClass(e) : null\"\n                    [attr.title]=\"eventTooltip(e)\">\n                    @if (eventTemplate) {\n                      <ng-container\n                        [ngTemplateOutlet]=\"eventTemplate\"\n                        [ngTemplateOutletContext]=\"eventTemplateCtx(e, p, s)\">\n                      </ng-container>\n                    } @else {\n                      <div class=\"ngx-event-title\">{{ e.title }}</div>\n                      <div class=\"ngx-event-time\">\n                        {{ toDisplayZone(e.start) | date:'HH:mm' }}\u2013{{ toDisplayZone(e.end) | date:'HH:mm' }}\n                      </div>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n    </div>\n  </div>\n\n</div>\n", styles: [":host{display:block;--ngx-bg: #ffffff;--ngx-surface: #ffffff;--ngx-muted: #f6f7f9;--ngx-border: rgba(16, 24, 40, .1);--ngx-border-soft: rgba(16, 24, 40, .06);--ngx-text: #101828;--ngx-text-muted: rgba(16, 24, 40, .6);--ngx-radius: 6px;--ngx-shadow: 0 10px 25px rgba(16, 24, 40, .06);--ngx-shadow-soft: 0 8px 18px rgba(16, 24, 40, .05);--ngx-event-bg: #eef4ff;--ngx-event-border: rgba(53, 122, 246, .25);--ngx-event-text: #0b1f44;--ngx-time-gutter-width: 72px;--ngx-header-height: 78px;--ngx-primary-title-height: 40px;--ngx-secondary-title-height: 45px;background:var(--ngx-bg);color:var(--ngx-text);--ngx-grid-gap: 5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"}.ngx-scheduler{display:grid;grid-template-rows:auto 1fr;gap:var(--ngx-grid-gap)}.ngx-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 10px 2px}.ngx-toolbar-title{text-align:center;font-weight:650;font-size:14px;color:var(--ngx-text);letter-spacing:.2px}.ngx-toolbar-meta{font-size:12px;color:var(--ngx-text-muted);padding-right:6px}.ngx-toolbar-left{display:flex;gap:8px;align-items:center}.ngx-btn{height:34px;padding:0 10px;border-radius:12px;border:1px solid var(--ngx-border);background:#fff;color:var(--ngx-text);font-weight:600;font-size:12px;cursor:pointer;box-shadow:0 8px 14px #1018280f;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.ngx-btn:hover{transform:translateY(-1px);box-shadow:0 12px 18px #1018281a}.ngx-btn:active{transform:translateY(0);box-shadow:0 8px 14px #10182814}.ngx-btn--ghost{background:var(--ngx-muted)}.ngx-header{position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:var(--ngx-grid-gap);display:grid;grid-template-columns:var(--ngx-time-gutter-width) 1fr;align-items:stretch;background:var(--ngx-bg)}.ngx-header .ngx-time-gutter{background:transparent}.ngx-primary-headers{display:grid;gap:var(--ngx-grid-gap)}.ngx-primary-header{border:1px solid var(--ngx-border);border-radius:var(--ngx-radius);overflow:hidden;background:var(--ngx-surface);box-shadow:var(--ngx-shadow-soft)}.ngx-primary-title-row{height:var(--ngx-primary-title-height);display:flex;align-items:center;padding:0 12px;font-weight:650;font-size:13px;letter-spacing:.2px;border-bottom:1px solid var(--ngx-border-soft);background:linear-gradient(to bottom,#fff,#fbfbfc)}.ngx-primary-title-row .ngx-primary-title{margin:auto;text-align:center}.ngx-secondary-header-row{height:var(--ngx-secondary-title-height);display:grid}.ngx-secondary-header{display:flex;align-items:center;padding:0 6px;font-size:12px;text-align:center;color:var(--ngx-text-muted);border-left:1px solid var(--ngx-border-soft);background:#fff}.ngx-secondary-header-title{margin:auto}.ngx-secondary-header:first-child{border-left:none}.ngx-body{display:grid;grid-template-columns:var(--ngx-time-gutter-width) 1fr;gap:10px;min-height:320px}.ngx-time-gutter{position:relative;-webkit-user-select:none;user-select:none}.ngx-hour-label{position:absolute;left:0;right:8px;transform:translateY(-50%);text-align:right;font-size:12px;color:var(--ngx-text-muted);pointer-events:none}.ngx-hour-label:first-child{transform:translateY(0);top:0!important}.ngx-hour-label:last-child{transform:translateY(-100%)}.ngx-grid{position:relative;display:grid;gap:var(--ngx-grid-gap)}.ngx-primary-col{border:1px solid var(--ngx-border);border-radius:var(--ngx-radius);overflow:hidden;background:var(--ngx-surface);box-shadow:var(--ngx-shadow)}.ngx-secondary-cols{display:grid;height:100%}.ngx-cell{position:relative;border-left:1px solid var(--ngx-border-soft);background:#fff;cursor:pointer;transition:background .12s ease}.ngx-cell .ngx-event{box-sizing:border-box}.ngx-cell:first-child{border-left:none}.ngx-cell:hover{background:#10182805}.ngx-lines{position:absolute;inset:0;pointer-events:none}.ngx-line{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--ngx-border-soft);opacity:.75}.ngx-line--slot{opacity:.5}.ngx-line--half{opacity:.7;border-top-color:#10182817}.ngx-line--hour{opacity:.9;border-top-color:#1018281a}.is-hidden{display:none}.ngx-event{display:flex;flex-direction:column;gap:2px;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden;position:absolute;min-width:0;margin:0;border-radius:4px;background:var(--ngx-event-bg);border:1px solid var(--ngx-event-border);color:var(--ngx-event-text);padding:2px 4px;box-sizing:border-box;box-shadow:0 10px 18px #10182814;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.ngx-event:hover{transform:translateY(-1px);box-shadow:0 14px 22px #1018281f;filter:saturate(1.05)}.ngx-event:hover .ngx-resize{opacity:1}.ngx-event:active{transform:translateY(0);box-shadow:0 10px 18px #1018281a;cursor:grabbing}.ngx-event-title{font-weight:650;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ngx-event-time{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;color:#0b1f44b8}.ngx-event-time,.ngx-toolbar-meta,.ngx-secondary-header{letter-spacing:.01em}.ngx-hour,.ngx-event-time{font-variant-numeric:tabular-nums}.ngx-body{overflow:auto;padding-bottom:4px;gap:var(--ngx-grid-gap)}.ngx-body::-webkit-scrollbar{width:10px;height:10px}.ngx-body::-webkit-scrollbar-thumb{background:#10182824;border-radius:10px;border:2px solid rgba(255,255,255,.9)}.ngx-body::-webkit-scrollbar-track{background:#1018280a;border-radius:10px}@media(max-width:900px){:host{--ngx-time-gutter-width: 58px}.ngx-primary-headers,.ngx-grid{display:grid;gap:10px}.ngx-primary-headers{padding-left:calc(var(--ngx-grid-gap) / 2);padding-right:calc(var(--ngx-grid-gap) / 2)}.ngx-event{left:6px;right:6px;border-radius:10px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgxResourceSchedulerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngx-resource-scheduler', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"ngx-scheduler\">\n\n  <!-- Toolbar -->\n  @if (showToolbar) {\n    <div class=\"ngx-toolbar\">\n      <div class=\"ngx-toolbar-left\">\n        <button type=\"button\" class=\"ngx-btn\" (click)=\"navigatePrev()\">{{ prevLabel }}</button>\n        <button type=\"button\" class=\"ngx-btn ngx-btn--ghost\" (click)=\"navigateToday()\">{{ todayLabel }}</button>\n        <button type=\"button\" class=\"ngx-btn\" (click)=\"navigateNext()\">{{ nextLabel }}</button>\n      </div>\n      <div class=\"ngx-toolbar-title\">\n        {{ rangeTitle }}\n      </div>\n      <div class=\"ngx-toolbar-right\">\n        @if (showDaysResourcesLabel) {\n          <span class=\"ngx-toolbar-meta\">\n            {{ primaryAxis === 'days' ? (visibleDays.length + ' ' + daysLabel) : (resources.length + ' ' + resourcesLabel ) }}\n          </span>\n        }\n        @if (!showDaysResourcesLabel) {\n          <span class=\"ngx-toolbar-meta\">&nbsp;</span>\n        }\n      </div>\n    </div>\n  }\n\n  <!-- Header row -->\n  <div class=\"ngx-header\">\n    <div class=\"ngx-time-gutter\"></div>\n\n    <div class=\"ngx-primary-headers\" [style.gridTemplateColumns]=\"'repeat(' + primaryColumns.length + ', minmax(0, 1fr))'\">\n      @for (p of primaryColumns; track trackPrimary($index, p)) {\n        <div class=\"ngx-primary-header\">\n          <div class=\"ngx-primary-title-row\">\n            <div class=\"ngx-primary-title\">{{ p.title }}</div>\n          </div>\n          <div class=\"ngx-secondary-header-row\" [style.gridTemplateColumns]=\"'repeat(' + secondaryColumns.length + ', minmax(0, 1fr))'\">\n            @for (s of secondaryColumns; track trackSecondary($index, s)) {\n              <div class=\"ngx-secondary-header\">\n                <span class=\"ngx-secondary-header-title\">{{ s.title }}</span>\n              </div>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Body -->\n  <div class=\"ngx-body\">\n    <!-- time gutter -->\n    <div class=\"ngx-time-gutter\" [style.height.px]=\"timelineHeightPx\">\n      @for (h of hourLabels; track h) {\n        <div\n          class=\"ngx-hour-label\"\n          [style.top.px]=\"hourTopPx(h)\">\n          {{ formatHour(h) }}\n        </div>\n      }\n    </div>\n\n\n    <!-- grid -->\n    <div class=\"ngx-grid\"\n      [style.gridTemplateColumns]=\"'repeat(' + primaryColumns.length + ', minmax(0, 1fr))'\"\n      [style.height.px]=\"timelineHeightPx\">\n\n      @for (p of primaryColumns; track trackPrimary($index, p)) {\n        <div class=\"ngx-primary-col\">\n          <div class=\"ngx-secondary-cols\"\n            [style.gridTemplateColumns]=\"'repeat(' + secondaryColumns.length + ', minmax(0, 1fr))'\"\n            [style.height.px]=\"timelineHeightPx\">\n            <!-- Each cell is (day, resource) regardless of axis order -->\n            @for (s of secondaryColumns; track trackSecondary($index, s)) {\n              <div class=\"ngx-cell\"\n                #cellEl\n                [style.height.px]=\"timelineHeightPx\"\n                (click)=\"cellClick(p, s, $event)\"\n                [attr.data-day]=\"cellDayKey(p,s)\"\n                [attr.data-resource]=\"cellResourceId(p,s)\">\n                <!-- grid lines -->\n                <div class=\"ngx-lines\" aria-hidden=\"true\">\n                  <!-- slot lines -->\n                  @for (line of slotLines; track line) {\n                    <div\n                      class=\"ngx-line ngx-line--slot\"\n                      [style.top.px]=\"line.top\"\n                      [class.ngx-line--half]=\"line.isHalfHour\"\n                      [class.is-hidden]=\"slotLineStyle === 'hour'\">\n                    </div>\n                  }\n                  <!-- hour lines -->\n                  @for (top of hourLineOffsetsPx; track top) {\n                    <div\n                      class=\"ngx-line ngx-line--hour\"\n                      [style.top.px]=\"top\"\n                      [class.is-hidden]=\"slotLineStyle === 'slot'\">\n                    </div>\n                  }\n                </div>\n                <!-- events -->\n                <!-- ngClass and 2nd ngStyle are only used when user passes custom class/style -->\n                @for (e of cellEvents(p, s); track trackEvent($index, e)) {\n                  <div class=\"ngx-event\"\n                    [ngStyle]=\"getEventLayoutStyle(e, p, s)\"\n                    (click)=\"onEventClick(e, $event); $event.stopPropagation()\"\n                    [ngClass]=\"eventClass ? eventClass(e) : null\"\n                    [attr.title]=\"eventTooltip(e)\">\n                    @if (eventTemplate) {\n                      <ng-container\n                        [ngTemplateOutlet]=\"eventTemplate\"\n                        [ngTemplateOutletContext]=\"eventTemplateCtx(e, p, s)\">\n                      </ng-container>\n                    } @else {\n                      <div class=\"ngx-event-title\">{{ e.title }}</div>\n                      <div class=\"ngx-event-time\">\n                        {{ toDisplayZone(e.start) | date:'HH:mm' }}\u2013{{ toDisplayZone(e.end) | date:'HH:mm' }}\n                      </div>\n                    }\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n      }\n\n    </div>\n  </div>\n\n</div>\n", styles: [":host{display:block;--ngx-bg: #ffffff;--ngx-surface: #ffffff;--ngx-muted: #f6f7f9;--ngx-border: rgba(16, 24, 40, .1);--ngx-border-soft: rgba(16, 24, 40, .06);--ngx-text: #101828;--ngx-text-muted: rgba(16, 24, 40, .6);--ngx-radius: 6px;--ngx-shadow: 0 10px 25px rgba(16, 24, 40, .06);--ngx-shadow-soft: 0 8px 18px rgba(16, 24, 40, .05);--ngx-event-bg: #eef4ff;--ngx-event-border: rgba(53, 122, 246, .25);--ngx-event-text: #0b1f44;--ngx-time-gutter-width: 72px;--ngx-header-height: 78px;--ngx-primary-title-height: 40px;--ngx-secondary-title-height: 45px;background:var(--ngx-bg);color:var(--ngx-text);--ngx-grid-gap: 5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"}.ngx-scheduler{display:grid;grid-template-rows:auto 1fr;gap:var(--ngx-grid-gap)}.ngx-toolbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 10px 2px}.ngx-toolbar-title{text-align:center;font-weight:650;font-size:14px;color:var(--ngx-text);letter-spacing:.2px}.ngx-toolbar-meta{font-size:12px;color:var(--ngx-text-muted);padding-right:6px}.ngx-toolbar-left{display:flex;gap:8px;align-items:center}.ngx-btn{height:34px;padding:0 10px;border-radius:12px;border:1px solid var(--ngx-border);background:#fff;color:var(--ngx-text);font-weight:600;font-size:12px;cursor:pointer;box-shadow:0 8px 14px #1018280f;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.ngx-btn:hover{transform:translateY(-1px);box-shadow:0 12px 18px #1018281a}.ngx-btn:active{transform:translateY(0);box-shadow:0 8px 14px #10182814}.ngx-btn--ghost{background:var(--ngx-muted)}.ngx-header{position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:var(--ngx-grid-gap);display:grid;grid-template-columns:var(--ngx-time-gutter-width) 1fr;align-items:stretch;background:var(--ngx-bg)}.ngx-header .ngx-time-gutter{background:transparent}.ngx-primary-headers{display:grid;gap:var(--ngx-grid-gap)}.ngx-primary-header{border:1px solid var(--ngx-border);border-radius:var(--ngx-radius);overflow:hidden;background:var(--ngx-surface);box-shadow:var(--ngx-shadow-soft)}.ngx-primary-title-row{height:var(--ngx-primary-title-height);display:flex;align-items:center;padding:0 12px;font-weight:650;font-size:13px;letter-spacing:.2px;border-bottom:1px solid var(--ngx-border-soft);background:linear-gradient(to bottom,#fff,#fbfbfc)}.ngx-primary-title-row .ngx-primary-title{margin:auto;text-align:center}.ngx-secondary-header-row{height:var(--ngx-secondary-title-height);display:grid}.ngx-secondary-header{display:flex;align-items:center;padding:0 6px;font-size:12px;text-align:center;color:var(--ngx-text-muted);border-left:1px solid var(--ngx-border-soft);background:#fff}.ngx-secondary-header-title{margin:auto}.ngx-secondary-header:first-child{border-left:none}.ngx-body{display:grid;grid-template-columns:var(--ngx-time-gutter-width) 1fr;gap:10px;min-height:320px}.ngx-time-gutter{position:relative;-webkit-user-select:none;user-select:none}.ngx-hour-label{position:absolute;left:0;right:8px;transform:translateY(-50%);text-align:right;font-size:12px;color:var(--ngx-text-muted);pointer-events:none}.ngx-hour-label:first-child{transform:translateY(0);top:0!important}.ngx-hour-label:last-child{transform:translateY(-100%)}.ngx-grid{position:relative;display:grid;gap:var(--ngx-grid-gap)}.ngx-primary-col{border:1px solid var(--ngx-border);border-radius:var(--ngx-radius);overflow:hidden;background:var(--ngx-surface);box-shadow:var(--ngx-shadow)}.ngx-secondary-cols{display:grid;height:100%}.ngx-cell{position:relative;border-left:1px solid var(--ngx-border-soft);background:#fff;cursor:pointer;transition:background .12s ease}.ngx-cell .ngx-event{box-sizing:border-box}.ngx-cell:first-child{border-left:none}.ngx-cell:hover{background:#10182805}.ngx-lines{position:absolute;inset:0;pointer-events:none}.ngx-line{position:absolute;left:0;right:0;height:0;border-top:1px solid var(--ngx-border-soft);opacity:.75}.ngx-line--slot{opacity:.5}.ngx-line--half{opacity:.7;border-top-color:#10182817}.ngx-line--hour{opacity:.9;border-top-color:#1018281a}.is-hidden{display:none}.ngx-event{display:flex;flex-direction:column;gap:2px;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden;position:absolute;min-width:0;margin:0;border-radius:4px;background:var(--ngx-event-bg);border:1px solid var(--ngx-event-border);color:var(--ngx-event-text);padding:2px 4px;box-sizing:border-box;box-shadow:0 10px 18px #10182814;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.ngx-event:hover{transform:translateY(-1px);box-shadow:0 14px 22px #1018281f;filter:saturate(1.05)}.ngx-event:hover .ngx-resize{opacity:1}.ngx-event:active{transform:translateY(0);box-shadow:0 10px 18px #1018281a;cursor:grabbing}.ngx-event-title{font-weight:650;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ngx-event-time{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;color:#0b1f44b8}.ngx-event-time,.ngx-toolbar-meta,.ngx-secondary-header{letter-spacing:.01em}.ngx-hour,.ngx-event-time{font-variant-numeric:tabular-nums}.ngx-body{overflow:auto;padding-bottom:4px;gap:var(--ngx-grid-gap)}.ngx-body::-webkit-scrollbar{width:10px;height:10px}.ngx-body::-webkit-scrollbar-thumb{background:#10182824;border-radius:10px;border:2px solid rgba(255,255,255,.9)}.ngx-body::-webkit-scrollbar-track{background:#1018280a;border-radius:10px}@media(max-width:900px){:host{--ngx-time-gutter-width: 58px}.ngx-primary-headers,.ngx-grid{display:grid;gap:10px}.ngx-primary-headers{padding-left:calc(var(--ngx-grid-gap) / 2);padding-right:calc(var(--ngx-grid-gap) / 2)}.ngx-event{left:6px;right:6px;border-radius:10px}}\n"] }]
+        }], propDecorators: { startDate: [{
+                type: Input
+            }], resources: [{
+                type: Input
+            }], events: [{
+                type: Input
+            }], nDays: [{
+                type: Input
+            }], primaryAxis: [{
+                type: Input
+            }], dayStart: [{
+                type: Input
+            }], dayEnd: [{
+                type: Input
+            }], slotDuration: [{
+                type: Input
+            }], snapToSlot: [{
+                type: Input
+            }], showSlotLines: [{
+                type: Input
+            }], slotLineStyle: [{
+                type: Input
+            }], showToolbar: [{
+                type: Input
+            }], prevLabel: [{
+                type: Input
+            }], nextLabel: [{
+                type: Input
+            }], eventTemplate: [{
+                type: Input
+            }], eventClass: [{
+                type: Input
+            }], eventStyle: [{
+                type: Input
+            }], showDaysResourcesLabel: [{
+                type: Input
+            }], daysLabel: [{
+                type: Input
+            }], resourcesLabel: [{
+                type: Input
+            }], todayLabel: [{
+                type: Input
+            }], locale: [{
+                type: Input
+            }], timezone: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], slotClick: [{
+                type: Output
+            }], eventClick: [{
+                type: Output
+            }], eventChange: [{
+                type: Output
+            }], rangeChange: [{
+                type: Output
+            }], startDateChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Public types for ngx-resource-scheduler
+ * Keep this file framework-agnostic (no Angular imports).
+ */
+
+class NgxResourceSchedulerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgxResourceSchedulerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: NgxResourceSchedulerModule, declarations: [NgxResourceSchedulerComponent], imports: [CommonModule], exports: [NgxResourceSchedulerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgxResourceSchedulerModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NgxResourceSchedulerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [NgxResourceSchedulerComponent],
+                    exports: [NgxResourceSchedulerComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of ngx-resource-scheduler
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgxResourceSchedulerComponent, NgxResourceSchedulerModule };
+//# sourceMappingURL=ngx-resource-scheduler.mjs.map