@bcgov/nr-ngx-component-lib 0.0.56 → 0.0.57

package/fesm2022/bcgov-nr-ngx-component-lib.mjs

@@ -45,9 +45,10 @@ import * as i2$5 from '@angular/material/dialog';
 import { MatDialogRef, MAT_DIALOG_DATA, MatDialog, MatDialogModule } from '@angular/material/dialog';
 import * as i2$6 from '@angular/material/tabs';
 import { MatTabGroup, MatTabsModule } from '@angular/material/tabs';
+import * as i2$7 from '@angular/material/menu';
+import { MatMenuModule } from '@angular/material/menu';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCheckboxModule } from '@angular/material/checkbox';
-import { MatMenuModule } from '@angular/material/menu';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { RouterModule } from '@angular/router';
 
@@ -182,6 +183,17 @@ const ICON = {
                 </g>
             </g>
         </svg>
+    `,
+    'user-clock': `
+        <!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) -->
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
+            <path d="M496 224c-79.6 0-144 64.4-144 144s64.4 144 144 144 144-64.4 144-144-64.4-144-144-144zm64 150.3c0 5.3-4.4 9.7-9.7 9.7h-60.6c-5.3 0-9.7-4.4-9.7-9.7v-76.6c0-5.3 4.4-9.7 9.7-9.7h12.6c5.3 0 9.7 4.4 9.7 9.7V352h38.3c5.3 0 9.7 4.4 9.7 9.7v12.6zM320 368c0-27.8 6.7-54.1 18.2-77.5-8-1.5-16.2-2.5-24.6-2.5h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h347.1c-45.3-31.9-75.1-84.5-75.1-144zm-96-112c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128z" />
+        </svg>
+    `,
+    'roster': `
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="120 -840 720 720">
+            <path d="M120-180v-600q0-24.75 17.625-42.375T180-840h600q24.75 0 42.375 17.625T840-780v600q0 24.75-17.625 42.375T780-120H180q-24.75 0-42.375-17.625T120-180Zm60-440h600v-160H180v160Zm220 220h160v-160H400v160Zm0 220h160v-160H400v160ZM180-400h160v-160H180v160Zm440 0h160v-160H620v160ZM180-180h160v-160H180v160Zm440 0h160v-160H620v160Z" />
+        </svg>
     `
 };
 
@@ -1311,30 +1323,11 @@ class ObservableAborter {
     }
 }
 
-class RowListBase extends NrclBase {
-    get isLoading() { return this._isLoading; }
-    set isLoading(v) {
-        if (v == this._isLoading)
-            return;
-        this._isLoading = v;
-        this.isLoadingChange.emit(v);
-    }
-    get rows() { return this._rows; }
-    get totalRowCount() { return this._totalRowCount; }
-    get pageSize() { return this._pageConfig.pageSize; }
-    get pageNumber() { return this._pageConfig.pageNumber; }
-    get sortActive() { return this._pageConfig.sortActive; }
-    get sortDirection() { return this._pageConfig.sortDirection; }
-    get filter() {
-        return this._filter;
-    }
+class PaginationBase extends NrclBase {
     constructor() {
-        super();
+        super(...arguments);
         this.pageStateService = inject(PageStateService);
         this.changeDetectorRef = inject(ChangeDetectorRef);
-        this.isLoadingChange = new EventEmitter();
-        this._isLoading = false;
-        this._rows = [];
         this._totalRowCount = 0;
         this._pageConfig = {
             pageSize: 0,
@@ -1342,49 +1335,26 @@ class RowListBase extends NrclBase {
             sortActive: '',
             sortDirection: 'asc'
         };
-        this.loadPageState();
-    }
-    ngAfterViewInit() {
-        this.refreshRowList();
     }
-    refreshRowList() {
-        this.isLoading = true;
-        this.changeDetectorRef.detectChanges();
-        if (this._loadRowListRequest)
-            this._loadRowListRequest.abort();
-        this._loadRowListRequest = new ObservableAborter(() => {
-            return this.fetchRowListPage();
-        });
-        return this._loadRowListRequest.promise
-            .then(res => {
-            this._totalRowCount = this.parseTotalRowCount(res);
-            this._rows = this.parseRows(res);
-        })
-            .catch((e) => {
-            if (e instanceof Aborted)
-                return;
-            this.loadRowListPageFailed(e);
-        })
-            .finally(() => {
-            this.isLoading = false;
-            this.changeDetectorRef.detectChanges();
-        });
+    get totalRowCount() { return this._totalRowCount; }
+    get pageSize() { return this._pageConfig.pageSize; }
+    get pageNumber() { return this._pageConfig.pageNumber; }
+    get sortActive() { return this._pageConfig.sortActive; }
+    get sortDirection() { return this._pageConfig.sortDirection; }
+    get filter() {
+        return this._filter;
     }
-    parseTotalRowCount(res) {
-        if ('totalRowCount' in res)
-            return res['totalRowCount'];
-        throw 'Missing res.totalRowCount, might need to override RowListBase.parseTotalRowCount';
+    set filter(f) {
+        this._filter = this.clone(f);
     }
-    loadRowListPageFailed(error) {
-        console.warn(error);
-        this._rows = [];
-        this._totalRowCount = 0;
+    ngAfterViewInit() {
+        this.loadPageState();
     }
     clone(obj) {
         return JSON.parse(JSON.stringify(obj));
     }
     onFilterChange(ev) {
-        this._filter = this.clone(ev);
+        this.filter = ev;
         this.onPageNumberChange(1);
     }
     onSortChange(ev) {
@@ -1398,14 +1368,13 @@ class RowListBase extends NrclBase {
     }
     onPageNumberChange(ev) {
         this._pageConfig.pageNumber = ev;
-        this.refreshRowList()
-            .then(() => {
-            this.savePageState();
-        });
+    }
+    get initialPageState() {
+        return this.getInitialPageState();
     }
     loadPageState() {
         let state = this.pageStateService.getPageState(this.constructor, () => this.initialPageState);
-        this._filter = state.filter;
+        this.filter = state.filter;
         this._pageConfig.pageSize = state.pageConfig.pageSize;
         this._pageConfig.pageNumber = state.pageConfig.pageNumber;
         this._pageConfig.sortActive = state.pageConfig.sortActive;
@@ -1413,7 +1382,7 @@ class RowListBase extends NrclBase {
     }
     savePageState() {
         let state = this.clone({
-            filter: this._filter,
+            filter: this.filter,
             pageConfig: {
                 pageSize: this._pageConfig.pageSize,
                 pageNumber: this._pageConfig.pageNumber,
@@ -1431,12 +1400,86 @@ class RowListBase extends NrclBase {
             totalItems: this._totalRowCount
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowListBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PaginationBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PaginationBase, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PaginationBase, decorators: [{
+            type: Directive
+        }] });
+
+class RowListBase extends PaginationBase {
+    constructor() {
+        super(...arguments);
+        this.pageStateService = inject(PageStateService);
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.isLoadingChange = new EventEmitter();
+        this._isLoading = false;
+        this._rows = [];
+    }
+    get isLoading() { return this._isLoading; }
+    set isLoading(v) {
+        if (v == this._isLoading)
+            return;
+        this._isLoading = v;
+        this.isLoadingChange.emit(v);
+    }
+    get rows() { return this._rows; }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        this.refreshRowList();
+    }
+    refreshRowList() {
+        return this.loadRowList().then(result => this.parseRowList(result));
+    }
+    loadRowList() {
+        this.isLoading = true;
+        this.changeDetectorRef.detectChanges();
+        if (this._loadRowListRequest)
+            this._loadRowListRequest.abort();
+        this._loadRowListRequest = new ObservableAborter(() => {
+            return this.fetchRowListPage();
+        });
+        return this._loadRowListRequest.promise;
+    }
+    parseRowList(result) {
+        return Promise.resolve(result)
+            .then(res => {
+            this._totalRowCount = this.parseTotalRowCount(res);
+            this._rows = this.parseRows(res);
+        })
+            .catch((e) => {
+            if (e instanceof Aborted)
+                return;
+            this.loadRowListPageFailed(e);
+        })
+            .finally(() => {
+            this.isLoading = false;
+            this.changeDetectorRef.detectChanges();
+        });
+    }
+    parseTotalRowCount(res) {
+        if ('totalRowCount' in res)
+            return res['totalRowCount'];
+        throw 'Missing res.totalRowCount, might need to override RowListBase.parseTotalRowCount';
+    }
+    loadRowListPageFailed(error) {
+        console.warn(error);
+        this._rows = [];
+        this._totalRowCount = 0;
+    }
+    onPageNumberChange(ev) {
+        super.onPageNumberChange(ev);
+        this.refreshRowList()
+            .then(() => {
+            this.savePageState();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowListBase, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: RowListBase, outputs: { isLoadingChange: "isLoadingChange" }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowListBase, decorators: [{
             type: Directive
-        }], ctorParameters: () => [], propDecorators: { isLoadingChange: [{
+        }], propDecorators: { isLoadingChange: [{
                 type: Output
             }] } });
 
@@ -1671,7 +1714,7 @@ class ListAttachmentsComponent extends RowListBase {
             ];
         }
     }
-    get initialPageState() {
+    getInitialPageState() {
         return {
             filter: {},
             pageConfig: {
@@ -1760,7 +1803,7 @@ class ListEventHistoryComponent extends RowListBase {
             throw Error('no provider for ListEventHistoryComponent.rowListProvider.displayRowListPage');
         return this.rowListProvider.displayRowListPage(res);
     }
-    get initialPageState() {
+    getInitialPageState() {
         return {
             filter: {},
             pageConfig: {
@@ -1815,7 +1858,7 @@ class ListSelectComponent extends RowListBase {
             this.displayColumns = this.displayColumnsProvider([...this.defaultDisplayColumns]);
         });
     }
-    get initialPageState() {
+    getInitialPageState() {
         return {
             filter: {},
             pageConfig: {
@@ -2248,6 +2291,204 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: [{ transform: booleanAttribute }]
             }] } });
 
+class ScheduleRowHeadingDirective {
+    constructor(template) {
+        this.template = template;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScheduleRowHeadingDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ScheduleRowHeadingDirective, selector: "[nrclScheduleRowHeading]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScheduleRowHeadingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[nrclScheduleRowHeading]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+// ================================================================================
+class ScheduleItemDirective {
+    constructor(template) {
+        this.template = template;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScheduleItemDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ScheduleItemDirective, selector: "[nrclScheduleItem]", inputs: { name: ["nrclScheduleItem", "name"] }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScheduleItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[nrclScheduleItem]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { name: [{
+                type: Input,
+                args: ['nrclScheduleItem']
+            }] } });
+// --------------------------------------------------------------------------------
+class ScheduleComponent extends RowListBase {
+    constructor() {
+        super(...arguments);
+        this.weekStart = 0;
+        this._days = [];
+        this._weeks = [];
+        this._templates = [];
+    }
+    ngOnChanges(changes) {
+        this.refreshRowList();
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            super.ngAfterViewInit();
+        });
+    }
+    fetchRowListPage() {
+        if (!this.provider?.fetchSchedule)
+            throw Error('ScheduleComponent.provider.fetchSchedule not set');
+        return this.provider.fetchSchedule({
+            pageNumber: this.pageNumber,
+            pageSize: this.pageSize,
+            sortActive: this.sortActive,
+            sortDirection: this.sortDirection,
+        });
+    }
+    parseRows(res) {
+        if (!this.provider?.parseSchedule)
+            throw Error('ResourceScheduleComponent.provider.parseSchedule not set');
+        let rows = this.provider.parseSchedule(res);
+        return this.makeRows(rows);
+    }
+    getInitialPageState() {
+        if (!this.provider?.getInitialPageState)
+            throw Error('ResourceScheduleComponent.provider.getInitialPageState not set');
+        return this.provider.getInitialPageState();
+    }
+    onSamePageFilterChange(ev) {
+        this.filter = ev;
+    }
+    makeRows(schedule) {
+        let start = moment(this.startDate);
+        let today = moment();
+        this._weeks = Array.from({ length: this.dayCount }).reduce((a, x, i) => {
+            let m = start.clone().add(i, 'day');
+            let date = m.format('MMM D');
+            let day = m.day();
+            if (a.length == 0)
+                return a.concat({
+                    start: date,
+                    end: date,
+                    span: 1
+                });
+            let prev = a[a.length - 1];
+            if (day == this.weekStart)
+                return a.concat({
+                    start: date,
+                    end: date,
+                    span: 1
+                });
+            prev.end = date;
+            prev.span += 1;
+            return a;
+        }, []);
+        this._days = Array.from({ length: this.dayCount }).map((x, i) => {
+            let d = start.clone().add(i, 'day');
+            return {
+                dayName: d.format('ddd'),
+                monthDay: d.date(),
+                date: d.format('Y-MM-DD'),
+                isFirst: d.date() == 1,
+                isWeekend: d.day() == 0 || d.day() == 6,
+                isToday: d.isSame(today, 'day'),
+            };
+        });
+        this._templates = Array.from({ length: schedule.length });
+        return schedule.map((row, i) => {
+            this._templates[i] = Array.from({ length: this.dayCount });
+            return {
+                id: row.id ?? String(i),
+                heading: row.heading,
+                items: row.items
+                    .then(rowItems => {
+                    return Array.from({ length: this.dayCount }).map((x, j) => {
+                        let rowItem = rowItems[j];
+                        if (rowItem == null)
+                            return {
+                                id: String(j),
+                                name: 'empty'
+                            };
+                        this._templates[i][j] = this.itemTemplates?.find(i => i.name == rowItem?.name)?.template;
+                        return rowItem;
+                    });
+                })
+            };
+        }) || [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScheduleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScheduleComponent, selector: "nrcl-schedule", inputs: { provider: "provider", startDate: "startDate", weekStart: ["weekStart", "weekStart", numberAttribute], dayCount: ["dayCount", "dayCount", numberAttribute], menu: "menu" }, host: { properties: { "style.--nrcl-schedule-day-count": "this.dayCount" } }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ScheduleRowHeadingDirective, descendants: true }, { propertyName: "itemTemplates", predicate: ScheduleItemDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"schedule\">\n    <div class=\"upper-left\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"row weeks\">\n        @for ( week of _weeks; track $index ) {\n            @if ( week.span == 1 ) {\n                <div class=\"week\">\n                    {{ week.start }}\n                </div>\n            }\n            @else {\n                <div class=\"week\" [style.grid-column]=\"'span ' + week.span\">\n                    {{ week.start }} - {{ week.end }}\n                </div>\n            }\n        }\n    </div>\n\n    <div class=\"row days\">    \n        @for ( day of _days; track $index ) {\n            <div class=\"day\"\n                [class.weekend]=\"day.isWeekend\"\n                [class.today]=\"day.isToday\"\n                [class.first]=\"day.isFirst\"\n            >\n                <div class=\"day-name\">{{ day.dayName }}</div>\n                <div class=\"date\">{{ day.monthDay }}</div>\n            </div>\n        }\n    </div>\n\n    @for ( row of rows | paginate: paginateState( 'nrcl-schedule' ); track row.id; let rowIndex = $index ) {\n        <div class=\"row items\">\n            <div class=\"outer heading\">\n                <div class=\"inner heading\">\n                    <ng-container \n                        [ngTemplateOutlet]=\"headerTemplate?.template\" \n                        [ngTemplateOutletContext]=\"{ $implicit: row.heading }\"            \n                    ></ng-container>\n                </div>\n            </div>    \n\n            @if ( row.items | async; as rowItems ) {\n                @for ( item of rowItems; track item.id; let colIndex = $index ) {\n                    <div class=\"outer item\"\n                        [class.menu-open]=\"itemMenu.menuOpen\"\n                    >\n                        <div class=\"inner item\" #itemMenu=\"matMenuTrigger\"\n                            [class]=\"'item-' + item.name\" \n                            matRipple\n                            [matMenuTriggerFor]=\"menu\"\n                            [matMenuTriggerData]=\"{ $implicit: { item: item, heading: row.heading } }\"\n                            [matTooltip]=\"item?.tooltip?.()\"\n                            matTooltipClass=\"nrcl-schedule-multiline\"\n                            [class.travel]=\"item?.travel\"\n                        >\n                            <ng-container \n                                [ngTemplateOutlet]=\"_templates[ rowIndex ][ colIndex ] || empty\" \n                                [ngTemplateOutletContext]=\"{ $implicit: item }\"\n                            ></ng-container>\n                            \n                            @let icons = item?.icons?.();\n                            @if ( icons && icons.length > 0 ) {\n                                <div class=\"icons\">\n                                    @for ( icon of icons; track icon ) {\n                                        <nrcl-icon small>{{ icon }}</nrcl-icon>\n                                    }                                \n                                </div>\n                            }\n                        </div>\n                    </div>\n                }\n            }\n            @else {\n                @for ( day of _days; track day ) {\n                    <div class=\"item item-loading\"></div>\n                }\n            }\n        </div>\n    }\n</div>\n\n<nrcl-gap/>\n\n<nrcl-row-list-pagination\n    paginationId=\"nrcl-schedule\"\n    [pageSize]=\"pageSize\"\n    [pageNumber]=\"pageNumber\"\n    [rowCount]=\"totalRowCount\"\n    (pageNumberChange)=\"onPageNumberChange( $event )\"\n    (pageSizeChange)=\"onPageSizeChange( $event )\"\n></nrcl-row-list-pagination>\n\n<ng-template #empty>\n    <div class=\"empty\">(empty)</div>\n</ng-template>\n", styles: ["::ng-deep :root{--nrcl-schedule-border-color: #c6c8cb;--nrcl-schedule-background-color: white;--nrcl-schedule-alternate-background-color: #f2f2f2;--nrcl-schedule-hover-background-color: #d7d7d7;--nrcl-schedule-row-weeks-height: 30px;--nrcl-schedule-row-weeks-font-size: 15px;--nrcl-schedule-row-weeks-font-weight: bold;--nrcl-schedule-row-weeks-foreground-color: black;--nrcl-schedule-row-days-height: 45px;--nrcl-schedule-row-days-font-size: 15px;--nrcl-schedule-row-days-font-weight: normal;--nrcl-schedule-row-days-foreground-color: black;--nrcl-schedule-row-days-weekend-background-color: #e0f8fc;--nrcl-schedule-row-days-today-background-color: #fcf8d9;--nrcl-schedule-row-schedule-height: 70px;--nrcl-schedule-heading-width: 300px;--nrcl-schedule-item-width: 100px}:host{display:flex;flex-direction:column;font-family:var(--nrcl-font-family);height:100%}:host .schedule{display:grid;grid-template-columns:var(--nrcl-schedule-heading-width) repeat(var(--nrcl-schedule-day-count),var(--nrcl-schedule-item-width));overflow:auto;height:100%;flex-grow:1}:host .schedule .upper-left{grid-row:1/span 2;grid-column:1;border-right:1px solid var(--nrcl-schedule-border-color);border-bottom:1px solid var(--nrcl-schedule-border-color);position:sticky;top:0;left:0;z-index:2;background:var(--nrcl-schedule-background-color)}:host .schedule .row{display:contents}:host .schedule .row.weeks>*{height:var(--nrcl-schedule-row-weeks-height)}:host .schedule .row.days>*{height:var(--nrcl-schedule-row-days-height)}:host .schedule .row .outer.heading,:host .schedule .row .day,:host .schedule .row .week{border-right:1px solid var(--nrcl-schedule-border-color);border-bottom:1px solid var(--nrcl-schedule-border-color)}:host .schedule .row .outer.heading{border-left:1px solid var(--nrcl-schedule-border-color)}:host .schedule .row .outer.item:last-child{border-right:1px solid var(--nrcl-schedule-border-color)}:host .schedule .row:last-child .outer.item{border-bottom:1px solid var(--nrcl-schedule-border-color)}:host .schedule .row .week{border-top:1px solid var(--nrcl-schedule-border-color);display:flex;justify-content:center;align-items:center;font-size:var(--nrcl-schedule-row-weeks-font-size);font-weight:var(--nrcl-schedule-row-weeks-font-weight);color:var(--nrcl-schedule-row-weeks-foreground-color);position:sticky;top:0;background-color:var(--nrcl-schedule-background-color);z-index:1}:host .schedule .row .day{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--nrcl-schedule-row-days-font-size);font-weight:var(--nrcl-schedule-row-days-font-weight);color:var(--nrcl-schedule-row-days-foreground-color);position:sticky;top:calc(var(--nrcl-schedule-row-weeks-height) + 2px);background-color:var(--nrcl-schedule-background-color);z-index:1}:host .schedule .row .day .day-name{font-size:13px}:host .schedule .row .day.weekend{background-color:var(--nrcl-schedule-row-days-weekend-background-color)}:host .schedule .row .day.today{background-color:var(--nrcl-schedule-row-days-today-background-color)}:host .schedule .row .day.first:after{content:\"\";position:absolute;top:0;left:0;bottom:0;border-left:2px solid black}:host .schedule .row.items .outer.item{padding:2px;box-sizing:border-box;height:var(--nrcl-schedule-row-schedule-height);display:flex;flex-direction:column;justify-content:stretch;align-items:stretch}:host .schedule .row.items .outer.item.menu-open,:host .schedule .row.items .outer.item:hover{background-color:#000;border-radius:6px}:host .schedule .row.items .outer.item .item{flex-grow:1;cursor:pointer;border-radius:4px;position:relative;padding:4px 4px 8px}:host .schedule .row.items .outer.item .item .icons{position:absolute;right:2px;bottom:2px;display:flex;flex-direction:column;gap:2px;background-color:#f1ebe4;border-radius:4px;padding:3px}:host .schedule .row.items .outer.item .item.travel{position:relative}:host .schedule .row.items .outer.item .item.travel:after{content:\"\";position:absolute;inset:0 0 2px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAABAQMAAAD+YPzoAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlP/AOW3MEoAAAAMSURBVHicY+BwEgAAALAAW97nJhUAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:calc(100% - 8px) 3px;background-position:bottom}:host .schedule .row.items .outer.item .item.travel:hover:after{filter:brightness(0)}:host .schedule .row.items .outer.heading{box-sizing:border-box;cursor:default;position:sticky;left:0;z-index:1;height:var(--nrcl-schedule-row-schedule-height)}:host .schedule .row.items .outer.heading .heading{flex-grow:1;cursor:default;height:100%}:host .schedule .row:nth-child(odd) .outer{background-color:var(--nrcl-schedule-background-color)}:host .schedule .row:nth-child(2n) .outer{background-color:var(--nrcl-schedule-alternate-background-color)}:host .schedule .row:hover .outer{background-color:var(--nrcl-schedule-hover-background-color)}.empty{height:100%;display:flex;justify-content:center;align-items:center;color:#aaa}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i1$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: GapComponent, selector: "nrcl-gap", inputs: ["horizontal", "vertical", "divider"] }, { kind: "component", type: RowListPaginationComponent, selector: "nrcl-row-list-pagination", inputs: ["paginationId", "pageSizeOptions", "pageSize", "pageNumber", "rowCount", "showPageSize", "noRowsMessage"], outputs: ["pageSizeChange", "pageNumberChange"] }, { kind: "component", type: IconComponent, selector: "nrcl-icon", inputs: ["small", "large"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$6.PaginatePipe, name: "paginate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScheduleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'nrcl-schedule', host: {
+                        '[style.--nrcl-schedule-day-count]': 'this.dayCount'
+                    }, template: "<div class=\"schedule\">\n    <div class=\"upper-left\">\n        <ng-content></ng-content>\n    </div>\n\n    <div class=\"row weeks\">\n        @for ( week of _weeks; track $index ) {\n            @if ( week.span == 1 ) {\n                <div class=\"week\">\n                    {{ week.start }}\n                </div>\n            }\n            @else {\n                <div class=\"week\" [style.grid-column]=\"'span ' + week.span\">\n                    {{ week.start }} - {{ week.end }}\n                </div>\n            }\n        }\n    </div>\n\n    <div class=\"row days\">    \n        @for ( day of _days; track $index ) {\n            <div class=\"day\"\n                [class.weekend]=\"day.isWeekend\"\n                [class.today]=\"day.isToday\"\n                [class.first]=\"day.isFirst\"\n            >\n                <div class=\"day-name\">{{ day.dayName }}</div>\n                <div class=\"date\">{{ day.monthDay }}</div>\n            </div>\n        }\n    </div>\n\n    @for ( row of rows | paginate: paginateState( 'nrcl-schedule' ); track row.id; let rowIndex = $index ) {\n        <div class=\"row items\">\n            <div class=\"outer heading\">\n                <div class=\"inner heading\">\n                    <ng-container \n                        [ngTemplateOutlet]=\"headerTemplate?.template\" \n                        [ngTemplateOutletContext]=\"{ $implicit: row.heading }\"            \n                    ></ng-container>\n                </div>\n            </div>    \n\n            @if ( row.items | async; as rowItems ) {\n                @for ( item of rowItems; track item.id; let colIndex = $index ) {\n                    <div class=\"outer item\"\n                        [class.menu-open]=\"itemMenu.menuOpen\"\n                    >\n                        <div class=\"inner item\" #itemMenu=\"matMenuTrigger\"\n                            [class]=\"'item-' + item.name\" \n                            matRipple\n                            [matMenuTriggerFor]=\"menu\"\n                            [matMenuTriggerData]=\"{ $implicit: { item: item, heading: row.heading } }\"\n                            [matTooltip]=\"item?.tooltip?.()\"\n                            matTooltipClass=\"nrcl-schedule-multiline\"\n                            [class.travel]=\"item?.travel\"\n                        >\n                            <ng-container \n                                [ngTemplateOutlet]=\"_templates[ rowIndex ][ colIndex ] || empty\" \n                                [ngTemplateOutletContext]=\"{ $implicit: item }\"\n                            ></ng-container>\n                            \n                            @let icons = item?.icons?.();\n                            @if ( icons && icons.length > 0 ) {\n                                <div class=\"icons\">\n                                    @for ( icon of icons; track icon ) {\n                                        <nrcl-icon small>{{ icon }}</nrcl-icon>\n                                    }                                \n                                </div>\n                            }\n                        </div>\n                    </div>\n                }\n            }\n            @else {\n                @for ( day of _days; track day ) {\n                    <div class=\"item item-loading\"></div>\n                }\n            }\n        </div>\n    }\n</div>\n\n<nrcl-gap/>\n\n<nrcl-row-list-pagination\n    paginationId=\"nrcl-schedule\"\n    [pageSize]=\"pageSize\"\n    [pageNumber]=\"pageNumber\"\n    [rowCount]=\"totalRowCount\"\n    (pageNumberChange)=\"onPageNumberChange( $event )\"\n    (pageSizeChange)=\"onPageSizeChange( $event )\"\n></nrcl-row-list-pagination>\n\n<ng-template #empty>\n    <div class=\"empty\">(empty)</div>\n</ng-template>\n", styles: ["::ng-deep :root{--nrcl-schedule-border-color: #c6c8cb;--nrcl-schedule-background-color: white;--nrcl-schedule-alternate-background-color: #f2f2f2;--nrcl-schedule-hover-background-color: #d7d7d7;--nrcl-schedule-row-weeks-height: 30px;--nrcl-schedule-row-weeks-font-size: 15px;--nrcl-schedule-row-weeks-font-weight: bold;--nrcl-schedule-row-weeks-foreground-color: black;--nrcl-schedule-row-days-height: 45px;--nrcl-schedule-row-days-font-size: 15px;--nrcl-schedule-row-days-font-weight: normal;--nrcl-schedule-row-days-foreground-color: black;--nrcl-schedule-row-days-weekend-background-color: #e0f8fc;--nrcl-schedule-row-days-today-background-color: #fcf8d9;--nrcl-schedule-row-schedule-height: 70px;--nrcl-schedule-heading-width: 300px;--nrcl-schedule-item-width: 100px}:host{display:flex;flex-direction:column;font-family:var(--nrcl-font-family);height:100%}:host .schedule{display:grid;grid-template-columns:var(--nrcl-schedule-heading-width) repeat(var(--nrcl-schedule-day-count),var(--nrcl-schedule-item-width));overflow:auto;height:100%;flex-grow:1}:host .schedule .upper-left{grid-row:1/span 2;grid-column:1;border-right:1px solid var(--nrcl-schedule-border-color);border-bottom:1px solid var(--nrcl-schedule-border-color);position:sticky;top:0;left:0;z-index:2;background:var(--nrcl-schedule-background-color)}:host .schedule .row{display:contents}:host .schedule .row.weeks>*{height:var(--nrcl-schedule-row-weeks-height)}:host .schedule .row.days>*{height:var(--nrcl-schedule-row-days-height)}:host .schedule .row .outer.heading,:host .schedule .row .day,:host .schedule .row .week{border-right:1px solid var(--nrcl-schedule-border-color);border-bottom:1px solid var(--nrcl-schedule-border-color)}:host .schedule .row .outer.heading{border-left:1px solid var(--nrcl-schedule-border-color)}:host .schedule .row .outer.item:last-child{border-right:1px solid var(--nrcl-schedule-border-color)}:host .schedule .row:last-child .outer.item{border-bottom:1px solid var(--nrcl-schedule-border-color)}:host .schedule .row .week{border-top:1px solid var(--nrcl-schedule-border-color);display:flex;justify-content:center;align-items:center;font-size:var(--nrcl-schedule-row-weeks-font-size);font-weight:var(--nrcl-schedule-row-weeks-font-weight);color:var(--nrcl-schedule-row-weeks-foreground-color);position:sticky;top:0;background-color:var(--nrcl-schedule-background-color);z-index:1}:host .schedule .row .day{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--nrcl-schedule-row-days-font-size);font-weight:var(--nrcl-schedule-row-days-font-weight);color:var(--nrcl-schedule-row-days-foreground-color);position:sticky;top:calc(var(--nrcl-schedule-row-weeks-height) + 2px);background-color:var(--nrcl-schedule-background-color);z-index:1}:host .schedule .row .day .day-name{font-size:13px}:host .schedule .row .day.weekend{background-color:var(--nrcl-schedule-row-days-weekend-background-color)}:host .schedule .row .day.today{background-color:var(--nrcl-schedule-row-days-today-background-color)}:host .schedule .row .day.first:after{content:\"\";position:absolute;top:0;left:0;bottom:0;border-left:2px solid black}:host .schedule .row.items .outer.item{padding:2px;box-sizing:border-box;height:var(--nrcl-schedule-row-schedule-height);display:flex;flex-direction:column;justify-content:stretch;align-items:stretch}:host .schedule .row.items .outer.item.menu-open,:host .schedule .row.items .outer.item:hover{background-color:#000;border-radius:6px}:host .schedule .row.items .outer.item .item{flex-grow:1;cursor:pointer;border-radius:4px;position:relative;padding:4px 4px 8px}:host .schedule .row.items .outer.item .item .icons{position:absolute;right:2px;bottom:2px;display:flex;flex-direction:column;gap:2px;background-color:#f1ebe4;border-radius:4px;padding:3px}:host .schedule .row.items .outer.item .item.travel{position:relative}:host .schedule .row.items .outer.item .item.travel:after{content:\"\";position:absolute;inset:0 0 2px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAABAQMAAAD+YPzoAAAABlBMVEX///8AAABVwtN+AAAAAnRSTlP/AOW3MEoAAAAMSURBVHicY+BwEgAAALAAW97nJhUAAAAASUVORK5CYII=);background-repeat:no-repeat;background-size:calc(100% - 8px) 3px;background-position:bottom}:host .schedule .row.items .outer.item .item.travel:hover:after{filter:brightness(0)}:host .schedule .row.items .outer.heading{box-sizing:border-box;cursor:default;position:sticky;left:0;z-index:1;height:var(--nrcl-schedule-row-schedule-height)}:host .schedule .row.items .outer.heading .heading{flex-grow:1;cursor:default;height:100%}:host .schedule .row:nth-child(odd) .outer{background-color:var(--nrcl-schedule-background-color)}:host .schedule .row:nth-child(2n) .outer{background-color:var(--nrcl-schedule-alternate-background-color)}:host .schedule .row:hover .outer{background-color:var(--nrcl-schedule-hover-background-color)}.empty{height:100%;display:flex;justify-content:center;align-items:center;color:#aaa}\n"] }]
+        }], propDecorators: { provider: [{
+                type: Input
+            }], startDate: [{
+                type: Input
+            }], weekStart: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], dayCount: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], menu: [{
+                type: Input
+            }], itemTemplates: [{
+                type: ContentChildren,
+                args: [ScheduleItemDirective]
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: [ScheduleRowHeadingDirective]
+            }] } });
+
+class ResourceScheduleRowHeadingDirective {
+    constructor(template) {
+        this.template = template;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResourceScheduleRowHeadingDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ResourceScheduleRowHeadingDirective, selector: "[nrclResourceScheduleRowHeading]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResourceScheduleRowHeadingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[nrclResourceScheduleRowHeading]'
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class ResourceScheduleComponent {
+    constructor() {
+        this.weekStart = 0;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResourceScheduleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: ResourceScheduleComponent, selector: "nrcl-resource-schedule", inputs: { provider: "provider", startDate: "startDate", weekStart: "weekStart", dayCount: ["dayCount", "dayCount", numberAttribute], menu: "menu" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ResourceScheduleRowHeadingDirective, descendants: true }], viewQueries: [{ propertyName: "scheduleComponent", first: true, predicate: ScheduleComponent, descendants: true }], ngImport: i0, template: "<nrcl-schedule #schedule\n    [provider]=\"provider\"\n    [startDate]=\"startDate\"\n    [weekStart]=\"weekStart\"\n    [dayCount]=\"dayCount\"\n    [menu]=\"menu\"\n>\n    <ng-content></ng-content>\n\n    <ng-template nrclScheduleRowHeading let-item>\n        <ng-container \n            [ngTemplateOutlet]=\"headerTemplate.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: item }\"            \n        ></ng-container>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"rostered\" let-data>\n        <h1>Available</h1>\n        <h2>{{ data.allocationType }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"out-of-service\" let-data>\n        <h1>Out of Svc</h1>\n        <h2>{{ data.allocationType }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"available-duty-day\" let-data>\n        <h1>Available</h1>\n        <h2>{{ data.allocationType }}</h2>\n        <h3>Duty Day</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"available-standby-day\" let-data>\n        <h1>Available</h1>\n        <h2>{{ data.allocationType }}</h2>\n        <h3>Standby Day</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"available-off-day\" let-data>\n        <h1>Available</h1>\n        <h2>{{ data.allocationType }}</h2>\n        <h3>Day Off</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"available-regular-day\" let-data>\n        <h1>Available</h1>\n        <h2>{{ data.allocationType }}</h2>\n        <h3>Regular Day</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-duty-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2>{{ data.assignmentName }}</h2>\n        <h3>Duty Day</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-standby-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2>{{ data.assignmentName }}</h2>\n        <h3>Standby Day</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-off-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2>{{ data.assignmentName }}</h2>\n        <h3>Day Off</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-regular-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2>{{ data.assignmentName }}</h2>\n        <h3>Regular Day</h3>\n    </ng-template>\n</nrcl-schedule>\n\n", styles: ["::ng-deep :root{--nrcl-resource-schedule-item-foregroud-color: black;--nrcl-resource-schedule-item-text-shadow: 1px 0px 5px #ffffffa0, -1px 0px 5px #ffffffa0, 0px 1px 5px #ffffffa0, 0px -1px 5px #ffffffa0;--nrcl-resource-schedule-item-regular-day-background-color: #0AA647;--nrcl-resource-schedule-item-off-day-background-color: #d4d2d2;--nrcl-resource-schedule-item-duty-day-background-color: #2f9fe0;--nrcl-resource-schedule-item-standby-day-background-color: #f6cf43;--nrcl-resource-schedule-item-out-of-service-background-color: #f55353;--nrcl-resource-schedule-item-rostered-background-color: #ba9ef7}:host{height:100%;display:block}.nrcl-schedule ::ng-deep .inner.item{display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;color:var(--nrcl-resource-schedule-item-foregroud-color)}.nrcl-schedule ::ng-deep .inner.item h1,.nrcl-schedule ::ng-deep .inner.item h2,.nrcl-schedule ::ng-deep .inner.item h3{padding:0;margin:0;font-weight:200}.nrcl-schedule ::ng-deep .inner.item h1{font-size:15px;line-height:15px;text-align:center}.nrcl-schedule ::ng-deep .inner.item h2{flex-grow:1;font-size:14px;line-height:14px;text-align:center;display:flex;justify-content:center;align-items:center}.nrcl-schedule ::ng-deep .inner.item h3{font-size:14px;line-height:14px;text-align:center}.nrcl-schedule ::ng-deep .inner.item.item-out-of-service{background-color:var(--nrcl-resource-schedule-item-out-of-service-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-rostered{background-color:var(--nrcl-resource-schedule-item-rostered-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-available-duty-day{background-color:var(--nrcl-resource-schedule-item-duty-day-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-available-standby-day{background-color:var(--nrcl-resource-schedule-item-standby-day-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-available-off-day{background-color:var(--nrcl-resource-schedule-item-off-day-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-available-regular-day{background-color:var(--nrcl-resource-schedule-item-regular-day-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-assigned-duty-day{background-color:var(--nrcl-resource-schedule-item-duty-day-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-assigned-standby-day{background-color:var(--nrcl-resource-schedule-item-standby-day-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-assigned-off-day{background-color:var(--nrcl-resource-schedule-item-off-day-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-assigned-regular-day{background-color:var(--nrcl-resource-schedule-item-regular-day-background-color)}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ScheduleComponent, selector: "nrcl-schedule", inputs: ["provider", "startDate", "weekStart", "dayCount", "menu"] }, { kind: "directive", type: ScheduleItemDirective, selector: "[nrclScheduleItem]", inputs: ["nrclScheduleItem"] }, { kind: "directive", type: ScheduleRowHeadingDirective, selector: "[nrclScheduleRowHeading]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResourceScheduleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "nrcl-resource-schedule", changeDetection: ChangeDetectionStrategy.OnPush, template: "<nrcl-schedule #schedule\n    [provider]=\"provider\"\n    [startDate]=\"startDate\"\n    [weekStart]=\"weekStart\"\n    [dayCount]=\"dayCount\"\n    [menu]=\"menu\"\n>\n    <ng-content></ng-content>\n\n    <ng-template nrclScheduleRowHeading let-item>\n        <ng-container \n            [ngTemplateOutlet]=\"headerTemplate.template\"\n            [ngTemplateOutletContext]=\"{ $implicit: item }\"            \n        ></ng-container>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"rostered\" let-data>\n        <h1>Available</h1>\n        <h2>{{ data.allocationType }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"out-of-service\" let-data>\n        <h1>Out of Svc</h1>\n        <h2>{{ data.allocationType }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"available-duty-day\" let-data>\n        <h1>Available</h1>\n        <h2>{{ data.allocationType }}</h2>\n        <h3>Duty Day</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"available-standby-day\" let-data>\n        <h1>Available</h1>\n        <h2>{{ data.allocationType }}</h2>\n        <h3>Standby Day</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"available-off-day\" let-data>\n        <h1>Available</h1>\n        <h2>{{ data.allocationType }}</h2>\n        <h3>Day Off</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"available-regular-day\" let-data>\n        <h1>Available</h1>\n        <h2>{{ data.allocationType }}</h2>\n        <h3>Regular Day</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-duty-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2>{{ data.assignmentName }}</h2>\n        <h3>Duty Day</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-standby-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2>{{ data.assignmentName }}</h2>\n        <h3>Standby Day</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-off-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2>{{ data.assignmentName }}</h2>\n        <h3>Day Off</h3>\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-regular-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2>{{ data.assignmentName }}</h2>\n        <h3>Regular Day</h3>\n    </ng-template>\n</nrcl-schedule>\n\n", styles: ["::ng-deep :root{--nrcl-resource-schedule-item-foregroud-color: black;--nrcl-resource-schedule-item-text-shadow: 1px 0px 5px #ffffffa0, -1px 0px 5px #ffffffa0, 0px 1px 5px #ffffffa0, 0px -1px 5px #ffffffa0;--nrcl-resource-schedule-item-regular-day-background-color: #0AA647;--nrcl-resource-schedule-item-off-day-background-color: #d4d2d2;--nrcl-resource-schedule-item-duty-day-background-color: #2f9fe0;--nrcl-resource-schedule-item-standby-day-background-color: #f6cf43;--nrcl-resource-schedule-item-out-of-service-background-color: #f55353;--nrcl-resource-schedule-item-rostered-background-color: #ba9ef7}:host{height:100%;display:block}.nrcl-schedule ::ng-deep .inner.item{display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;color:var(--nrcl-resource-schedule-item-foregroud-color)}.nrcl-schedule ::ng-deep .inner.item h1,.nrcl-schedule ::ng-deep .inner.item h2,.nrcl-schedule ::ng-deep .inner.item h3{padding:0;margin:0;font-weight:200}.nrcl-schedule ::ng-deep .inner.item h1{font-size:15px;line-height:15px;text-align:center}.nrcl-schedule ::ng-deep .inner.item h2{flex-grow:1;font-size:14px;line-height:14px;text-align:center;display:flex;justify-content:center;align-items:center}.nrcl-schedule ::ng-deep .inner.item h3{font-size:14px;line-height:14px;text-align:center}.nrcl-schedule ::ng-deep .inner.item.item-out-of-service{background-color:var(--nrcl-resource-schedule-item-out-of-service-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-rostered{background-color:var(--nrcl-resource-schedule-item-rostered-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-available-duty-day{background-color:var(--nrcl-resource-schedule-item-duty-day-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-available-standby-day{background-color:var(--nrcl-resource-schedule-item-standby-day-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-available-off-day{background-color:var(--nrcl-resource-schedule-item-off-day-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-available-regular-day{background-color:var(--nrcl-resource-schedule-item-regular-day-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-assigned-duty-day{background-color:var(--nrcl-resource-schedule-item-duty-day-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-assigned-standby-day{background-color:var(--nrcl-resource-schedule-item-standby-day-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-assigned-off-day{background-color:var(--nrcl-resource-schedule-item-off-day-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-assigned-regular-day{background-color:var(--nrcl-resource-schedule-item-regular-day-background-color)}\n"] }]
+        }], propDecorators: { provider: [{
+                type: Input
+            }], startDate: [{
+                type: Input
+            }], weekStart: [{
+                type: Input
+            }], dayCount: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], menu: [{
+                type: Input
+            }], scheduleComponent: [{
+                type: ViewChild,
+                args: [ScheduleComponent]
+            }], headerTemplate: [{
+                type: ContentChild,
+                args: [ResourceScheduleRowHeadingDirective]
+            }] } });
+
 class SnackbarUtilService {
     constructor() {
         this.snackbar = inject(MatSnackBar);
@@ -2408,7 +2649,12 @@ class NrNgxComponentLibModule {
             TabComponent,
             TabLabelDirective,
             TabContentDirective,
-            LoadingStatusComponent], imports: [BrowserAnimationsModule,
+            LoadingStatusComponent,
+            ScheduleComponent,
+            ScheduleItemDirective,
+            ScheduleRowHeadingDirective,
+            ResourceScheduleComponent,
+            ResourceScheduleRowHeadingDirective], imports: [BrowserAnimationsModule,
             CommonModule,
             FormsModule,
             MatButtonModule,
@@ -2470,7 +2716,12 @@ class NrNgxComponentLibModule {
             TabComponent,
             TabLabelDirective,
             TabContentDirective,
-            LoadingStatusComponent] }); }
+            LoadingStatusComponent,
+            ScheduleComponent,
+            ScheduleItemDirective,
+            ScheduleRowHeadingDirective,
+            ResourceScheduleComponent,
+            ResourceScheduleRowHeadingDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NrNgxComponentLibModule, providers: [
             SnackbarUtilService,
             ConfigurationService,
@@ -2574,6 +2825,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TabLabelDirective,
                         TabContentDirective,
                         LoadingStatusComponent,
+                        ScheduleComponent,
+                        ScheduleItemDirective,
+                        ScheduleRowHeadingDirective,
+                        ResourceScheduleComponent,
+                        ResourceScheduleRowHeadingDirective,
                     ],
                     exports: [
                         ButtonComponent,
@@ -2614,6 +2870,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         TabLabelDirective,
                         TabContentDirective,
                         LoadingStatusComponent,
+                        ScheduleComponent,
+                        ScheduleItemDirective,
+                        ScheduleRowHeadingDirective,
+                        ResourceScheduleComponent,
+                        ResourceScheduleRowHeadingDirective,
                     ],
                     providers: [
                         SnackbarUtilService,
@@ -2633,5 +2894,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { Aborted, ButtonComponent, CellContentComponent, CodeTable, ConfigurationService, ConfigurationSubscriberBase, DATE_FORMATS, DesktopViewDirective, DeviceViewComponent, DialogBase, DialogComponent, DialogConfirmComponent, DialogService, ExpansionPanelComponent, ExpansionPanelFooterComponent, ExpansionPanelHeaderComponent, ExpansionPanelSectionComponent, FilterContainerComponent, FilterDateComponent, FilterSearchComponent, FilterSelectComponent, FiltersPanelComponent, FormFieldComponent, FormLayoutComponent, GapComponent, IconComponent, IndicatorComponent, IndicatorSelectComponent, ListAttachmentsComponent, ListEventHistoryComponent, ListSelectComponent, LoadingStatusComponent, MobileViewDirective, NrNgxComponentLibModule, NrclBase, ObservableAborter, PageContainerComponent, PageHeaderComponent, PageStateService, RowListBase, RowListDesktopComponent, RowListMobileComponent, RowListPaginationComponent, RowListSortingComponent, SnackbarComponent, SnackbarUtilService, TabComponent, TabContentDirective, TabGroupComponent, TabLabelDirective, TagListComponent, mapToCodeDescription, unwrapFilterValue, wrapFilterValue };
+export { Aborted, ButtonComponent, CellContentComponent, CodeTable, ConfigurationService, ConfigurationSubscriberBase, DATE_FORMATS, DesktopViewDirective, DeviceViewComponent, DialogBase, DialogComponent, DialogConfirmComponent, DialogService, ExpansionPanelComponent, ExpansionPanelFooterComponent, ExpansionPanelHeaderComponent, ExpansionPanelSectionComponent, FilterContainerComponent, FilterDateComponent, FilterSearchComponent, FilterSelectComponent, FiltersPanelComponent, FormFieldComponent, FormLayoutComponent, GapComponent, IconComponent, IndicatorComponent, IndicatorSelectComponent, ListAttachmentsComponent, ListEventHistoryComponent, ListSelectComponent, LoadingStatusComponent, MobileViewDirective, NrNgxComponentLibModule, NrclBase, ObservableAborter, PageContainerComponent, PageHeaderComponent, PageStateService, PaginationBase, ResourceScheduleComponent, ResourceScheduleRowHeadingDirective, RowListBase, RowListDesktopComponent, RowListMobileComponent, RowListPaginationComponent, RowListSortingComponent, ScheduleComponent, ScheduleItemDirective, ScheduleRowHeadingDirective, SnackbarComponent, SnackbarUtilService, TabComponent, TabContentDirective, TabGroupComponent, TabLabelDirective, TagListComponent, mapToCodeDescription, unwrapFilterValue, wrapFilterValue };
 //# sourceMappingURL=bcgov-nr-ngx-component-lib.mjs.map