npm - @bcgov/nr-ngx-component-lib - Versions diffs - 0.0.59 → 0.0.61 - Mend

@bcgov/nr-ngx-component-lib 0.0.59 → 0.0.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/esm2022/directives/pagination.base.mjs CHANGED Viewed

@@ -80,10 +80,19 @@ export class PaginationBase extends NrclBase {
             totalItems: this._totalRowCount
         };
     }
+    getPagingInfoRequest(query) {
+        return {
+            query,
+            pageNumber: this._pageConfig.pageNumber,
+            pageRowCount: this._pageConfig.pageSize,
+            sortColumn: this.sortActive,
+            sortDirection: this.sortDirection
+        };
+    }
     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
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2RpcmVjdGl2ZXMvcGFnaW5hdGlvbi5iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sYUFBYSxDQUFDOztBQVl2QyxNQUFNLE9BQWdCLGNBQWtCLFNBQVEsUUFBUTtJQUR4RDs7UUFFSSxxQkFBZ0IsR0FBRyxNQUFNLENBQUUsZ0JBQWdCLENBQUUsQ0FBQTtRQUM3QyxzQkFBaUIsR0FBRyxNQUFNLENBQUUsaUJBQWlCLENBQUUsQ0FBQTtRQUVyQyxtQkFBYyxHQUFXLENBQUMsQ0FBQTtRQUc1QixnQkFBVyxHQUFxQjtZQUNwQyxRQUFRLEVBQVEsQ0FBQztZQUNqQixVQUFVLEVBQU0sQ0FBQztZQUNqQixVQUFVLEVBQU0sRUFBRTtZQUNsQixhQUFhLEVBQUcsS0FBSztTQUN4QixDQUFBO0tBaUZKO0lBeEZHLElBQUksYUFBYSxLQUFhLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQSxDQUFDLENBQUM7SUFRMUQsSUFBSSxRQUFRLEtBQTBCLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUEsQ0FBQyxDQUFDO0lBQ3hFLElBQUksVUFBVSxLQUF3QixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFBLENBQUMsQ0FBQztJQUMxRSxJQUFJLFVBQVUsS0FBd0IsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQSxDQUFDLENBQUM7SUFDMUUsSUFBSSxhQUFhLEtBQXFCLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUEsQ0FBQyxDQUFDO0lBRzdFLElBQUksTUFBTTtRQUNOLE9BQU8sSUFBSSxDQUFDLE9BQVksQ0FBQTtJQUM1QixDQUFDO0lBQ0QsSUFBYyxNQUFNLENBQUUsQ0FBSTtRQUN0QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUUsQ0FBQyxDQUFFLENBQUE7SUFDbEMsQ0FBQztJQUVELGVBQWU7UUFDWCxnREFBZ0Q7UUFDaEQsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFBO0lBQ3hCLENBQUM7SUFFRCxLQUFLLENBQUUsR0FBUTtRQUNYLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBRSxJQUFJLENBQUMsU0FBUyxDQUFFLEdBQUcsQ0FBRSxDQUFFLENBQUE7SUFDOUMsQ0FBQztJQUVELGNBQWMsQ0FBRSxFQUFLO1FBQ2pCLElBQUksQ0FBQyxNQUFNLEdBQUcsRUFBRSxDQUFBO1FBQ2hCLElBQUksQ0FBQyxrQkFBa0IsQ0FBRSxDQUFDLENBQUUsQ0FBQTtJQUNoQyxDQUFDO0lBRUQsWUFBWSxDQUFFLEVBQVE7UUFDbEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDLE1BQU0sQ0FBQTtRQUN2QyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsR0FBRyxFQUFFLENBQUMsU0FBUyxDQUFBO1FBQzdDLElBQUksQ0FBQyxrQkFBa0IsQ0FBRSxDQUFDLENBQUUsQ0FBQTtJQUNoQyxDQUFDO0lBRUQsZ0JBQWdCLENBQUUsRUFBVTtRQUN4QixJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUE7UUFDOUIsSUFBSSxDQUFDLGtCQUFrQixDQUFFLENBQUMsQ0FBRSxDQUFBO0lBQ2hDLENBQUM7SUFFRCxrQkFBa0IsQ0FBRSxFQUFVO1FBQzFCLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQTtJQUNwQyxDQUFDO0lBRUQsSUFBSSxnQkFBZ0I7UUFDaEIsT0FBTyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQTtJQUNyQyxDQUFDO0lBSUQsYUFBYTtRQUNULElBQUksS0FBSyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLENBQXNCLElBQUksQ0FBQyxXQUFXLEVBQUUsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFFLENBQUE7UUFFbkgsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFBO1FBQzFCLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFBO1FBQ3JELElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFBO1FBQ3pELElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFBO1FBQ3pELElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFBO0lBQ25FLENBQUM7SUFFRCxhQUFhO1FBQ1QsSUFBSSxLQUFLLEdBQXVCLElBQUksQ0FBQyxLQUFLLENBQUU7WUFDeEMsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNO1lBQ25CLFVBQVUsRUFBRTtnQkFDUixRQUFRLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRO2dCQUNuQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVO2dCQUN2QyxVQUFVLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVO2dCQUN2QyxhQUFhLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhO2FBQ2hEO1NBQ0osQ0FBRSxDQUFBO1FBRUgsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFlBQVksQ0FBc0IsSUFBSSxDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUUsQ0FBQTtJQUNyRixDQUFDO0lBRUQsYUFBYSxDQUFFLEVBQVU7UUFDckIsT0FBTztZQUNILEVBQUU7WUFDRixZQUFZLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRO1lBQ3ZDLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVU7WUFDeEMsVUFBVSxFQUFFLElBQUksQ0FBQyxjQUFjO1NBQ2xDLENBQUE7SUFDTCxDQUFDOytHQTVGaUIsY0FBYzttR0FBZCxjQUFjOzs0RkFBZCxjQUFjO2tCQURuQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIERpcmVjdGl2ZSwgaW5qZWN0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFNvcnQsIFNvcnREaXJlY3Rpb24gfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvc29ydFwiO1xuaW1wb3J0IHsgUGFnZVN0YXRlU2VydmljZSB9IGZyb20gXCIuLi9zZXJ2aWNlcy9wYWdlLXN0YXRlLnNlcnZpY2VcIjtcbmltcG9ydCB7IE5yY2xCYXNlIH0gZnJvbSBcIi4vbnJjbC5iYXNlXCI7XG5cbmV4cG9ydCB0eXBlIFBhZ2luYXRpb25Db25maWcgPSB7ICAgIFxuICAgIHBhZ2VTaXplOiBudW1iZXJcbiAgICBwYWdlTnVtYmVyOiBudW1iZXJcbiAgICBzb3J0QWN0aXZlOiBzdHJpbmcgXG4gICAgc29ydERpcmVjdGlvbjogU29ydERpcmVjdGlvblxufVxuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uU3RhdGU8Rj4gPSB7IHBhZ2VDb25maWc6IFBhZ2luYXRpb25Db25maWcsIGZpbHRlcjogRiB9XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFBhZ2luYXRpb25CYXNlPEY+IGV4dGVuZHMgTnJjbEJhc2UgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgICBwYWdlU3RhdGVTZXJ2aWNlID0gaW5qZWN0KCBQYWdlU3RhdGVTZXJ2aWNlIClcbiAgICBjaGFuZ2VEZXRlY3RvclJlZiA9IGluamVjdCggQ2hhbmdlRGV0ZWN0b3JSZWYgKVxuXG4gICAgcHJvdGVjdGVkIF90b3RhbFJvd0NvdW50OiBudW1iZXIgPSAwXG4gICAgZ2V0IHRvdGFsUm93Q291bnQoKTogbnVtYmVyIHsgcmV0dXJuIHRoaXMuX3RvdGFsUm93Q291bnQgfVxuXG4gICAgcHJpdmF0ZSBfcGFnZUNvbmZpZzogUGFnaW5hdGlvbkNvbmZpZyA9IHtcbiAgICAgICAgcGFnZVNpemU6ICAgICAgIDAsXG4gICAgICAgIHBhZ2VOdW1iZXI6ICAgICAxLFxuICAgICAgICBzb3J0QWN0aXZlOiAgICAgJycsXG4gICAgICAgIHNvcnREaXJlY3Rpb246ICAnYXNjJ1xuICAgIH1cbiAgICBnZXQgcGFnZVNpemUoKTogbnVtYmVyICAgICAgICAgICAgICB7IHJldHVybiB0aGlzLl9wYWdlQ29uZmlnLnBhZ2VTaXplIH1cbiAgICBnZXQgcGFnZU51bWJlcigpOiBudW1iZXIgICAgICAgICAgICB7IHJldHVybiB0aGlzLl9wYWdlQ29uZmlnLnBhZ2VOdW1iZXIgfVxuICAgIGdldCBzb3J0QWN0aXZlKCk6IHN0cmluZyAgICAgICAgICAgIHsgcmV0dXJuIHRoaXMuX3BhZ2VDb25maWcuc29ydEFjdGl2ZSB9XG4gICAgZ2V0IHNvcnREaXJlY3Rpb24oKTogU29ydERpcmVjdGlvbiAgeyByZXR1cm4gdGhpcy5fcGFnZUNvbmZpZy5zb3J0RGlyZWN0aW9uIH1cblxuICAgIHByaXZhdGUgX2ZpbHRlcj86IEZcbiAgICBnZXQgZmlsdGVyKCk6IEYge1xuICAgICAgICByZXR1cm4gdGhpcy5fZmlsdGVyIGFzIEZcbiAgICB9XG4gICAgcHJvdGVjdGVkIHNldCBmaWx0ZXIoIGY6IEYgKSB7XG4gICAgICAgIHRoaXMuX2ZpbHRlciA9IHRoaXMuY2xvbmUoIGYgKVxuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgLy8gY29uc29sZS5sb2coJ1BhZ2luYXRpb25CYXNlLm5nQWZ0ZXJWaWV3SW5pdCcpXG4gICAgICAgIHRoaXMubG9hZFBhZ2VTdGF0ZSgpICAgICAgICBcbiAgICB9XG5cbiAgICBjbG9uZSggb2JqOiBhbnkgKSB7XG4gICAgICAgIHJldHVybiBKU09OLnBhcnNlKCBKU09OLnN0cmluZ2lmeSggb2JqICkgKSBcbiAgICB9XG5cbiAgICBvbkZpbHRlckNoYW5nZSggZXY6IEYgKSB7XG4gICAgICAgIHRoaXMuZmlsdGVyID0gZXYgXG4gICAgICAgIHRoaXMub25QYWdlTnVtYmVyQ2hhbmdlKCAxIClcbiAgICB9XG5cbiAgICBvblNvcnRDaGFuZ2UoIGV2OiBTb3J0ICkge1xuICAgICAgICB0aGlzLl9wYWdlQ29uZmlnLnNvcnRBY3RpdmUgPSBldi5hY3RpdmVcbiAgICAgICAgdGhpcy5fcGFnZUNvbmZpZy5zb3J0RGlyZWN0aW9uID0gZXYuZGlyZWN0aW9uXG4gICAgICAgIHRoaXMub25QYWdlTnVtYmVyQ2hhbmdlKCAxIClcbiAgICB9XG5cbiAgICBvblBhZ2VTaXplQ2hhbmdlKCBldjogbnVtYmVyICkge1xuICAgICAgICB0aGlzLl9wYWdlQ29uZmlnLnBhZ2VTaXplID0gZXYgXG4gICAgICAgIHRoaXMub25QYWdlTnVtYmVyQ2hhbmdlKCAxIClcbiAgICB9XG5cbiAgICBvblBhZ2VOdW1iZXJDaGFuZ2UoIGV2OiBudW1iZXIgKSB7XG4gICAgICAgIHRoaXMuX3BhZ2VDb25maWcucGFnZU51bWJlciA9IGV2XG4gICAgfVxuXG4gICAgZ2V0IGluaXRpYWxQYWdlU3RhdGUoKTogUGFnaW5hdGlvblN0YXRlPEY+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZ2V0SW5pdGlhbFBhZ2VTdGF0ZSgpXG4gICAgfVxuXG4gICAgYWJzdHJhY3QgZ2V0SW5pdGlhbFBhZ2VTdGF0ZSgpOiBQYWdpbmF0aW9uU3RhdGU8Rj5cblxuICAgIGxvYWRQYWdlU3RhdGUoKSB7XG4gICAgICAgIGxldCBzdGF0ZSA9IHRoaXMucGFnZVN0YXRlU2VydmljZS5nZXRQYWdlU3RhdGU8UGFnaW5hdGlvblN0YXRlPEY+PiggdGhpcy5jb25zdHJ1Y3RvciwgKCkgPT4gdGhpcy5pbml0aWFsUGFnZVN0YXRlIClcblxuICAgICAgICB0aGlzLmZpbHRlciA9IHN0YXRlLmZpbHRlclxuICAgICAgICB0aGlzLl9wYWdlQ29uZmlnLnBhZ2VTaXplID0gc3RhdGUucGFnZUNvbmZpZy5wYWdlU2l6ZVxuICAgICAgICB0aGlzLl9wYWdlQ29uZmlnLnBhZ2VOdW1iZXIgPSBzdGF0ZS5wYWdlQ29uZmlnLnBhZ2VOdW1iZXJcbiAgICAgICAgdGhpcy5fcGFnZUNvbmZpZy5zb3J0QWN0aXZlID0gc3RhdGUucGFnZUNvbmZpZy5zb3J0QWN0aXZlXG4gICAgICAgIHRoaXMuX3BhZ2VDb25maWcuc29ydERpcmVjdGlvbiA9IHN0YXRlLnBhZ2VDb25maWcuc29ydERpcmVjdGlvblxuICAgIH1cblxuICAgIHNhdmVQYWdlU3RhdGUoKSB7XG4gICAgICAgIGxldCBzdGF0ZTogUGFnaW5hdGlvblN0YXRlPEY+ID0gdGhpcy5jbG9uZSggeyAgICAgICAgICAgIFxuICAgICAgICAgICAgZmlsdGVyOiB0aGlzLmZpbHRlcixcbiAgICAgICAgICAgIHBhZ2VDb25maWc6IHtcbiAgICAgICAgICAgICAgICBwYWdlU2l6ZTogdGhpcy5fcGFnZUNvbmZpZy5wYWdlU2l6ZSxcbiAgICAgICAgICAgICAgICBwYWdlTnVtYmVyOiB0aGlzLl9wYWdlQ29uZmlnLnBhZ2VOdW1iZXIsXG4gICAgICAgICAgICAgICAgc29ydEFjdGl2ZTogdGhpcy5fcGFnZUNvbmZpZy5zb3J0QWN0aXZlLFxuICAgICAgICAgICAgICAgIHNvcnREaXJlY3Rpb246IHRoaXMuX3BhZ2VDb25maWcuc29ydERpcmVjdGlvbixcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSApIFxuICAgICAgICBcbiAgICAgICAgdGhpcy5wYWdlU3RhdGVTZXJ2aWNlLnNldFBhZ2VTdGF0ZTxQYWdpbmF0aW9uU3RhdGU8Rj4+KCB0aGlzLmNvbnN0cnVjdG9yLCBzdGF0ZSApXG4gICAgfVxuXG4gICAgcGFnaW5hdGVTdGF0ZSggaWQ6IHN0cmluZyApIHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIGlkLFxuICAgICAgICAgICAgaXRlbXNQZXJQYWdlOiB0aGlzLl9wYWdlQ29uZmlnLnBhZ2VTaXplLFxuICAgICAgICAgICAgY3VycmVudFBhZ2U6IHRoaXMuX3BhZ2VDb25maWcucGFnZU51bWJlcixcbiAgICAgICAgICAgIHRvdGFsSXRlbXM6IHRoaXMuX3RvdGFsUm93Q291bnRcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2RpcmVjdGl2ZXMvcGFnaW5hdGlvbi5iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sYUFBYSxDQUFDOztBQW9CdkMsTUFBTSxPQUFnQixjQUFrQixTQUFRLFFBQVE7SUFEeEQ7O1FBRUkscUJBQWdCLEdBQUcsTUFBTSxDQUFFLGdCQUFnQixDQUFFLENBQUE7UUFDN0Msc0JBQWlCLEdBQUcsTUFBTSxDQUFFLGlCQUFpQixDQUFFLENBQUE7UUFFckMsbUJBQWMsR0FBVyxDQUFDLENBQUE7UUFHNUIsZ0JBQVcsR0FBcUI7WUFDcEMsUUFBUSxFQUFRLENBQUM7WUFDakIsVUFBVSxFQUFNLENBQUM7WUFDakIsVUFBVSxFQUFNLEVBQUU7WUFDbEIsYUFBYSxFQUFHLEtBQUs7U0FDeEIsQ0FBQTtLQTJGSjtJQWxHRyxJQUFJLGFBQWEsS0FBYSxPQUFPLElBQUksQ0FBQyxjQUFjLENBQUEsQ0FBQyxDQUFDO0lBUTFELElBQUksUUFBUSxLQUEwQixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFBLENBQUMsQ0FBQztJQUN4RSxJQUFJLFVBQVUsS0FBd0IsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQSxDQUFDLENBQUM7SUFDMUUsSUFBSSxVQUFVLEtBQXdCLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUEsQ0FBQyxDQUFDO0lBQzFFLElBQUksYUFBYSxLQUFxQixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFBLENBQUMsQ0FBQztJQUc3RSxJQUFJLE1BQU07UUFDTixPQUFPLElBQUksQ0FBQyxPQUFZLENBQUE7SUFDNUIsQ0FBQztJQUNELElBQWMsTUFBTSxDQUFFLENBQUk7UUFDdEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFFLENBQUMsQ0FBRSxDQUFBO0lBQ2xDLENBQUM7SUFFRCxlQUFlO1FBQ1gsZ0RBQWdEO1FBQ2hELElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQTtJQUN4QixDQUFDO0lBRUQsS0FBSyxDQUFFLEdBQVE7UUFDWCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBRSxHQUFHLENBQUUsQ0FBRSxDQUFBO0lBQzlDLENBQUM7SUFFRCxjQUFjLENBQUUsRUFBSztRQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQTtRQUNoQixJQUFJLENBQUMsa0JBQWtCLENBQUUsQ0FBQyxDQUFFLENBQUE7SUFDaEMsQ0FBQztJQUVELFlBQVksQ0FBRSxFQUFRO1FBQ2xCLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQyxNQUFNLENBQUE7UUFDdkMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLEdBQUcsRUFBRSxDQUFDLFNBQVMsQ0FBQTtRQUM3QyxJQUFJLENBQUMsa0JBQWtCLENBQUUsQ0FBQyxDQUFFLENBQUE7SUFDaEMsQ0FBQztJQUVELGdCQUFnQixDQUFFLEVBQVU7UUFDeEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFBO1FBQzlCLElBQUksQ0FBQyxrQkFBa0IsQ0FBRSxDQUFDLENBQUUsQ0FBQTtJQUNoQyxDQUFDO0lBRUQsa0JBQWtCLENBQUUsRUFBVTtRQUMxQixJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsR0FBRyxFQUFFLENBQUE7SUFDcEMsQ0FBQztJQUVELElBQUksZ0JBQWdCO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUE7SUFDckMsQ0FBQztJQUlELGFBQWE7UUFDVCxJQUFJLEtBQUssR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsWUFBWSxDQUFzQixJQUFJLENBQUMsV0FBVyxFQUFFLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBRSxDQUFBO1FBRW5ILElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQTtRQUMxQixJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQTtRQUNyRCxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQTtRQUN6RCxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQTtRQUN6RCxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQTtJQUNuRSxDQUFDO0lBRUQsYUFBYTtRQUNULElBQUksS0FBSyxHQUF1QixJQUFJLENBQUMsS0FBSyxDQUFFO1lBQ3hDLE1BQU0sRUFBRSxJQUFJLENBQUMsTUFBTTtZQUNuQixVQUFVLEVBQUU7Z0JBQ1IsUUFBUSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUTtnQkFDbkMsVUFBVSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVTtnQkFDdkMsVUFBVSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsVUFBVTtnQkFDdkMsYUFBYSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYTthQUNoRDtTQUNKLENBQUUsQ0FBQTtRQUVILElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZLENBQXNCLElBQUksQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFFLENBQUE7SUFDckYsQ0FBQztJQUVELGFBQWEsQ0FBRSxFQUFVO1FBQ3JCLE9BQU87WUFDSCxFQUFFO1lBQ0YsWUFBWSxFQUFFLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUTtZQUN2QyxXQUFXLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVO1lBQ3hDLFVBQVUsRUFBRSxJQUFJLENBQUMsY0FBYztTQUNsQyxDQUFBO0lBQ0wsQ0FBQztJQUVELG9CQUFvQixDQUFFLEtBQWM7UUFDaEMsT0FBTztZQUNILEtBQUs7WUFDTCxVQUFVLEVBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVO1lBQ3ZDLFlBQVksRUFBRyxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVE7WUFDeEMsVUFBVSxFQUFFLElBQUksQ0FBQyxVQUFVO1lBQzNCLGFBQWEsRUFBRSxJQUFJLENBQUMsYUFBYTtTQUNwQyxDQUFBO0lBQ0wsQ0FBQzsrR0F0R2lCLGNBQWM7bUdBQWQsY0FBYzs7NEZBQWQsY0FBYztrQkFEbkMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIENoYW5nZURldGVjdG9yUmVmLCBEaXJlY3RpdmUsIGluamVjdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBTb3J0LCBTb3J0RGlyZWN0aW9uIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3NvcnRcIjtcbmltcG9ydCB7IFBhZ2VTdGF0ZVNlcnZpY2UgfSBmcm9tIFwiLi4vc2VydmljZXMvcGFnZS1zdGF0ZS5zZXJ2aWNlXCI7XG5pbXBvcnQgeyBOcmNsQmFzZSB9IGZyb20gXCIuL25yY2wuYmFzZVwiO1xuXG5leHBvcnQgdHlwZSBQYWdpbmF0aW9uQ29uZmlnID0geyAgICBcbiAgICBwYWdlU2l6ZTogbnVtYmVyXG4gICAgcGFnZU51bWJlcjogbnVtYmVyXG4gICAgc29ydEFjdGl2ZTogc3RyaW5nIFxuICAgIHNvcnREaXJlY3Rpb246IFNvcnREaXJlY3Rpb25cbn1cblxuZXhwb3J0IGludGVyZmFjZSBQYWdpbmdJbmZvUmVxdWVzdCB7XG4gICAgcXVlcnk/OiBzdHJpbmc7XG4gICAgcGFnZU51bWJlcjogbnVtYmVyO1xuICAgIHBhZ2VSb3dDb3VudDogbnVtYmVyO1xuICAgIHNvcnRDb2x1bW4/OiBzdHJpbmc7XG4gICAgc29ydERpcmVjdGlvbj86IHN0cmluZztcbn1cblxuZXhwb3J0IHR5cGUgUGFnaW5hdGlvblN0YXRlPEY+ID0geyBwYWdlQ29uZmlnOiBQYWdpbmF0aW9uQ29uZmlnLCBmaWx0ZXI6IEYgfVxuXG5ARGlyZWN0aXZlKClcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBQYWdpbmF0aW9uQmFzZTxGPiBleHRlbmRzIE5yY2xCYXNlIGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gICAgcGFnZVN0YXRlU2VydmljZSA9IGluamVjdCggUGFnZVN0YXRlU2VydmljZSApXG4gICAgY2hhbmdlRGV0ZWN0b3JSZWYgPSBpbmplY3QoIENoYW5nZURldGVjdG9yUmVmIClcblxuICAgIHByb3RlY3RlZCBfdG90YWxSb3dDb3VudDogbnVtYmVyID0gMFxuICAgIGdldCB0b3RhbFJvd0NvdW50KCk6IG51bWJlciB7IHJldHVybiB0aGlzLl90b3RhbFJvd0NvdW50IH1cblxuICAgIHByaXZhdGUgX3BhZ2VDb25maWc6IFBhZ2luYXRpb25Db25maWcgPSB7XG4gICAgICAgIHBhZ2VTaXplOiAgICAgICAwLFxuICAgICAgICBwYWdlTnVtYmVyOiAgICAgMSxcbiAgICAgICAgc29ydEFjdGl2ZTogICAgICcnLFxuICAgICAgICBzb3J0RGlyZWN0aW9uOiAgJ2FzYydcbiAgICB9XG4gICAgZ2V0IHBhZ2VTaXplKCk6IG51bWJlciAgICAgICAgICAgICAgeyByZXR1cm4gdGhpcy5fcGFnZUNvbmZpZy5wYWdlU2l6ZSB9XG4gICAgZ2V0IHBhZ2VOdW1iZXIoKTogbnVtYmVyICAgICAgICAgICAgeyByZXR1cm4gdGhpcy5fcGFnZUNvbmZpZy5wYWdlTnVtYmVyIH1cbiAgICBnZXQgc29ydEFjdGl2ZSgpOiBzdHJpbmcgICAgICAgICAgICB7IHJldHVybiB0aGlzLl9wYWdlQ29uZmlnLnNvcnRBY3RpdmUgfVxuICAgIGdldCBzb3J0RGlyZWN0aW9uKCk6IFNvcnREaXJlY3Rpb24gIHsgcmV0dXJuIHRoaXMuX3BhZ2VDb25maWcuc29ydERpcmVjdGlvbiB9XG5cbiAgICBwcml2YXRlIF9maWx0ZXI/OiBGXG4gICAgZ2V0IGZpbHRlcigpOiBGIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2ZpbHRlciBhcyBGXG4gICAgfVxuICAgIHByb3RlY3RlZCBzZXQgZmlsdGVyKCBmOiBGICkge1xuICAgICAgICB0aGlzLl9maWx0ZXIgPSB0aGlzLmNsb25lKCBmIClcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIC8vIGNvbnNvbGUubG9nKCdQYWdpbmF0aW9uQmFzZS5uZ0FmdGVyVmlld0luaXQnKVxuICAgICAgICB0aGlzLmxvYWRQYWdlU3RhdGUoKSAgICAgICAgXG4gICAgfVxuXG4gICAgY2xvbmUoIG9iajogYW55ICkge1xuICAgICAgICByZXR1cm4gSlNPTi5wYXJzZSggSlNPTi5zdHJpbmdpZnkoIG9iaiApICkgXG4gICAgfVxuXG4gICAgb25GaWx0ZXJDaGFuZ2UoIGV2OiBGICkge1xuICAgICAgICB0aGlzLmZpbHRlciA9IGV2IFxuICAgICAgICB0aGlzLm9uUGFnZU51bWJlckNoYW5nZSggMSApXG4gICAgfVxuXG4gICAgb25Tb3J0Q2hhbmdlKCBldjogU29ydCApIHtcbiAgICAgICAgdGhpcy5fcGFnZUNvbmZpZy5zb3J0QWN0aXZlID0gZXYuYWN0aXZlXG4gICAgICAgIHRoaXMuX3BhZ2VDb25maWcuc29ydERpcmVjdGlvbiA9IGV2LmRpcmVjdGlvblxuICAgICAgICB0aGlzLm9uUGFnZU51bWJlckNoYW5nZSggMSApXG4gICAgfVxuXG4gICAgb25QYWdlU2l6ZUNoYW5nZSggZXY6IG51bWJlciApIHtcbiAgICAgICAgdGhpcy5fcGFnZUNvbmZpZy5wYWdlU2l6ZSA9IGV2IFxuICAgICAgICB0aGlzLm9uUGFnZU51bWJlckNoYW5nZSggMSApXG4gICAgfVxuXG4gICAgb25QYWdlTnVtYmVyQ2hhbmdlKCBldjogbnVtYmVyICkge1xuICAgICAgICB0aGlzLl9wYWdlQ29uZmlnLnBhZ2VOdW1iZXIgPSBldlxuICAgIH1cblxuICAgIGdldCBpbml0aWFsUGFnZVN0YXRlKCk6IFBhZ2luYXRpb25TdGF0ZTxGPiB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldEluaXRpYWxQYWdlU3RhdGUoKVxuICAgIH1cblxuICAgIGFic3RyYWN0IGdldEluaXRpYWxQYWdlU3RhdGUoKTogUGFnaW5hdGlvblN0YXRlPEY+XG5cbiAgICBsb2FkUGFnZVN0YXRlKCkge1xuICAgICAgICBsZXQgc3RhdGUgPSB0aGlzLnBhZ2VTdGF0ZVNlcnZpY2UuZ2V0UGFnZVN0YXRlPFBhZ2luYXRpb25TdGF0ZTxGPj4oIHRoaXMuY29uc3RydWN0b3IsICgpID0+IHRoaXMuaW5pdGlhbFBhZ2VTdGF0ZSApXG5cbiAgICAgICAgdGhpcy5maWx0ZXIgPSBzdGF0ZS5maWx0ZXJcbiAgICAgICAgdGhpcy5fcGFnZUNvbmZpZy5wYWdlU2l6ZSA9IHN0YXRlLnBhZ2VDb25maWcucGFnZVNpemVcbiAgICAgICAgdGhpcy5fcGFnZUNvbmZpZy5wYWdlTnVtYmVyID0gc3RhdGUucGFnZUNvbmZpZy5wYWdlTnVtYmVyXG4gICAgICAgIHRoaXMuX3BhZ2VDb25maWcuc29ydEFjdGl2ZSA9IHN0YXRlLnBhZ2VDb25maWcuc29ydEFjdGl2ZVxuICAgICAgICB0aGlzLl9wYWdlQ29uZmlnLnNvcnREaXJlY3Rpb24gPSBzdGF0ZS5wYWdlQ29uZmlnLnNvcnREaXJlY3Rpb25cbiAgICB9XG5cbiAgICBzYXZlUGFnZVN0YXRlKCkge1xuICAgICAgICBsZXQgc3RhdGU6IFBhZ2luYXRpb25TdGF0ZTxGPiA9IHRoaXMuY2xvbmUoIHsgICAgICAgICAgICBcbiAgICAgICAgICAgIGZpbHRlcjogdGhpcy5maWx0ZXIsXG4gICAgICAgICAgICBwYWdlQ29uZmlnOiB7XG4gICAgICAgICAgICAgICAgcGFnZVNpemU6IHRoaXMuX3BhZ2VDb25maWcucGFnZVNpemUsXG4gICAgICAgICAgICAgICAgcGFnZU51bWJlcjogdGhpcy5fcGFnZUNvbmZpZy5wYWdlTnVtYmVyLFxuICAgICAgICAgICAgICAgIHNvcnRBY3RpdmU6IHRoaXMuX3BhZ2VDb25maWcuc29ydEFjdGl2ZSxcbiAgICAgICAgICAgICAgICBzb3J0RGlyZWN0aW9uOiB0aGlzLl9wYWdlQ29uZmlnLnNvcnREaXJlY3Rpb24sXG4gICAgICAgICAgICB9XG4gICAgICAgIH0gKSBcbiAgICAgICAgXG4gICAgICAgIHRoaXMucGFnZVN0YXRlU2VydmljZS5zZXRQYWdlU3RhdGU8UGFnaW5hdGlvblN0YXRlPEY+PiggdGhpcy5jb25zdHJ1Y3Rvciwgc3RhdGUgKVxuICAgIH1cblxuICAgIHBhZ2luYXRlU3RhdGUoIGlkOiBzdHJpbmcgKSB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBpZCxcbiAgICAgICAgICAgIGl0ZW1zUGVyUGFnZTogdGhpcy5fcGFnZUNvbmZpZy5wYWdlU2l6ZSxcbiAgICAgICAgICAgIGN1cnJlbnRQYWdlOiB0aGlzLl9wYWdlQ29uZmlnLnBhZ2VOdW1iZXIsXG4gICAgICAgICAgICB0b3RhbEl0ZW1zOiB0aGlzLl90b3RhbFJvd0NvdW50XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBnZXRQYWdpbmdJbmZvUmVxdWVzdCggcXVlcnk/OiBzdHJpbmcgKTogUGFnaW5nSW5mb1JlcXVlc3Qge1xuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgcXVlcnksXG4gICAgICAgICAgICBwYWdlTnVtYmVyOiB0aGlzLl9wYWdlQ29uZmlnLnBhZ2VOdW1iZXIsXG4gICAgICAgICAgICBwYWdlUm93Q291bnQ6ICB0aGlzLl9wYWdlQ29uZmlnLnBhZ2VTaXplLFxuICAgICAgICAgICAgc29ydENvbHVtbjogdGhpcy5zb3J0QWN0aXZlLFxuICAgICAgICAgICAgc29ydERpcmVjdGlvbjogdGhpcy5zb3J0RGlyZWN0aW9uXG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=

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

@@ -295,7 +295,7 @@ class ButtonComponent extends ConfigurationSubscriberBase {
         this.useContent = !this.hasLabel && !this.hasIconLeft && !this.hasIconRight && !this.hasIconCompact;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ButtonComponent, selector: "nrcl-button", inputs: { label: "label", icon: "icon", iconRight: "iconRight", iconCompact: "iconCompact", tooltip: "tooltip", compact: "compact", small: "small", primary: ["primary", "primary", booleanAttribute], secondary: ["secondary", "secondary", booleanAttribute], tertiary: ["tertiary", "tertiary", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], anchor: "anchor" }, outputs: { click: "click" }, host: { properties: { "class.disabled": "disabled", "class.primary": "isPrimary", "class.secondary": "isSecondary", "class.tertiary": "isTertiary", "class.anchor": "isAnchor", "class.normal": "!isCompact && !isSmall", "class.compact": "isCompact", "class.small": "isSmall && !isCompact", "class.label": "hasLabel", "class.icon-left": "hasIconLeft", "class.icon-right": "hasIconRight", "class.icon-compact": "hasIconCompact", "class.icon-small": "isIconSmall" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if ( !isAnchor ) {\n    <button\n        matRipple\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltipVal\"\n    >\n        @if ( useContent ) {\n            <div class=\"content\">\n                <ng-content></ng-content>\n            </div>\n        }\n        @else {\n            @if ( hasIconLeft ) {\n                <nrcl-icon class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n            }\n\n            @if ( hasIconRight ) {\n                <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n            }\n\n            @if ( hasIconCompact ) {\n                <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n            }\n\n            @if ( hasLabel ) {\n                <span class=\"label\">{{ label }}</span>\n            }\n        }\n    </button>\n}\n@else {\n    <a \n        [attr.href]=\"href\" \n        [attr.target]=\"href && target\"\n        [matTooltip]=\"tooltipVal\"\n    >\n        @if ( hasIconLeft ) {\n            <nrcl-icon class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n        }\n\n        @if ( hasIconRight ) {\n            <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n        }\n\n        @if ( hasIconCompact ) {\n            <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n        }\n\n        @if ( hasLabel ) {\n            <span class=\"label\">{{ label }}</span>\n        }\n    </a>\n}", styles: ["::ng-deep :root{--nrcl-button-normal-height: 36px;--nrcl-button-normal-padding-horizontal: 16px;--nrcl-button-normal-icon-padding-horizontal: 36px;--nrcl-button-normal-font-size: var( --nrcl-font-size );--nrcl-button-normal-icon-size: var( --nrcl-icon-normal-size );--nrcl-button-small-height: 24px;--nrcl-button-small-padding-horizontal: 8px;--nrcl-button-small-icon-padding-horizontal: 24px;--nrcl-button-small-font-size: var( --nrcl-font-size-small );--nrcl-button-small-icon-size: var( --nrcl-icon-small-size );--nrcl-button-compact-height: 44px;--nrcl-button-compact-padding-horizontal: 8px;--nrcl-button-compact-font-size: var( --nrcl-font-size-small );--nrcl-button-compact-icon-size: var( --nrcl-icon-normal-size );--nrcl-button-primary-foreground-color: white;--nrcl-button-primary-background-color: #003366;--nrcl-button-primary-border-color: #003366;--nrcl-button-primary-hover-background-color: #144a89cc;--nrcl-button-primary-disabled-foreground-color: #7E7E7E;--nrcl-button-primary-disabled-background-color: #CCCCCC;--nrcl-button-primary-disabled-border-color: #CCCCCC;--nrcl-button-primary-disabled-hover-background-color: #CCCCCC;--nrcl-button-secondary-foreground-color: black;--nrcl-button-secondary-background-color: white;--nrcl-button-secondary-border-color: #003366;--nrcl-button-secondary-hover-background-color: #f5f5f5;--nrcl-button-secondary-disabled-foreground-color: #7E7E7E;--nrcl-button-secondary-disabled-background-color: #CCCCCC;--nrcl-button-secondary-disabled-border-color: #CCCCCC;--nrcl-button-secondary-disabled-hover-background-color: #CCCCCC;--nrcl-button-tertiary-foreground-color: black;--nrcl-button-tertiary-background-color: transparent;--nrcl-button-tertiary-border-color: transparent;--nrcl-button-tertiary-hover-background-color: rgba(0, 0, 0, .04);--nrcl-button-tertiary-disabled-foreground-color: #7E7E7E;--nrcl-button-tertiary-disabled-background-color: transparent;--nrcl-button-tertiary-disabled-border-color: transparent;--nrcl-button-tertiary-disabled-hover-background-color: transparent;--nrcl-button-anchor-foreground-color: #027DB4;--nrcl-button-anchor-background-color: transparent;--nrcl-button-anchor-border-color: transparent;--nrcl-button-anchor-hover-foreground-color: #F59A23;--nrcl-button-anchor-hover-background-color: rgba(0, 0, 0, .04);--nrcl-button-anchor-disabled-foreground-color: #7E7E7E;--nrcl-button-anchor-disabled-background-color: transparent;--nrcl-button-anchor-disabled-border-color: transparent;--nrcl-button-anchor-disabled-hover-background-color: transparent}:host{--nrcl-button-height: 50px;--nrcl-icon-padding: 50px;--nrcl-button-font-size: 40px;--nrcl-button-font-weight: 500;--nrcl-button-padding-left: 50px;--nrcl-button-padding-right: 50px;--nrcl-button-foreground-color: #red;--nrcl-button-background-color: #green;--nrcl-button-border-color: #yellow;--nrcl-button-hover-background-color: #blue}:host button,:host a{display:inline-flex;align-items:center;position:relative;height:var(--nrcl-button-height);min-width:var(--nrcl-button-height);width:var(--nrcl-button-width);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;padding:0;background-color:var(--nrcl-button-background-color);color:var(--nrcl-button-foreground-color);border-color:var(--nrcl-button-border-color);border-width:1px;border-style:solid;border-radius:4px}:host button:hover,:host a:hover{background-color:var(--nrcl-button-hover-background-color)}:host button .label,:host button .content,:host a .label,:host a .content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-button-font-size);font-weight:var(--nrcl-button-font-weight);width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}:host button .content,:host a .content{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right);display:flex;align-items:center}:host.normal{--nrcl-button-height: var( --nrcl-button-normal-height );--nrcl-button-padding-left: var( --nrcl-button-normal-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-normal-padding-horizontal );--nrcl-button-font-size: var( --nrcl-button-normal-font-size );--nrcl-button-icon-size: var( --nrcl-button-normal-icon-size );--nrcl-icon-padding: var( --nrcl-button-normal-icon-padding-horizontal )}:host.small{--nrcl-button-height: var( --nrcl-button-small-height );--nrcl-button-font-size: var( --nrcl-button-small-font-size )}:host.icon-small{--nrcl-button-padding-left: var( --nrcl-button-small-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-small-padding-horizontal );--nrcl-button-icon-size: var( --nrcl-button-small-icon-size );--nrcl-icon-padding: var( --nrcl-button-small-icon-padding-horizontal )}:host.compact{--nrcl-button-height: var( --nrcl-button-compact-height );--nrcl-button-padding-left: var( --nrcl-button-compact-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-compact-padding-horizontal );--nrcl-button-font-size: var( --nrcl-button-compact-font-size );--nrcl-button-icon-size: var( --nrcl-button-normal-icon-size )}:host.compact button{flex-direction:column;justify-content:center}:host.label button,:host.label a{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right)}:host.icon-left button,:host.icon-left a{--nrcl-button-padding-left: var( --nrcl-icon-padding )}:host.icon-left button .content,:host.icon-left a .content{padding-left:0}:host.icon-left button ::ng-deep .mat-icon.left,:host.icon-left button ::ng-deep nrcl-icon.left,:host.icon-left a ::ng-deep .mat-icon.left,:host.icon-left a ::ng-deep nrcl-icon.left{position:absolute;left:calc((var(--nrcl-icon-padding) - var(--nrcl-button-icon-size)) / 2 - 1px)}:host.icon-right button,:host.icon-right a{--nrcl-button-padding-right: var( --nrcl-icon-padding )}:host.icon-right button .content,:host.icon-right a .content{padding-right:0}:host.icon-right button ::ng-deep .mat-icon.right,:host.icon-right button ::ng-deep nrcl-icon.right,:host.icon-right a ::ng-deep .mat-icon.right,:host.icon-right a ::ng-deep nrcl-icon.right{position:absolute;right:calc((var(--nrcl-icon-padding) - var(--nrcl-button-icon-size)) / 2 - 1px)}:host.primary{--nrcl-button-foreground-color: var( --nrcl-button-primary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-primary-background-color );--nrcl-button-border-color: var( --nrcl-button-primary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-primary-hover-background-color )}:host.primary button{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host.primary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-primary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-primary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-primary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-primary-disabled-hover-background-color )}:host.secondary{--nrcl-button-foreground-color: var( --nrcl-button-secondary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-secondary-background-color );--nrcl-button-border-color: var( --nrcl-button-secondary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-secondary-hover-background-color )}:host.secondary button{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host.secondary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-secondary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-secondary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-secondary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-secondary-disabled-hover-background-color )}:host.tertiary{--nrcl-button-foreground-color: var( --nrcl-button-tertiary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-tertiary-background-color );--nrcl-button-border-color: var( --nrcl-button-tertiary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-tertiary-hover-background-color )}:host.tertiary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-tertiary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-tertiary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-tertiary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-tertiary-disabled-hover-background-color )}:host.anchor{--nrcl-button-foreground-color: var( --nrcl-button-anchor-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-hover-background-color );--nrcl-button-padding-left: 0;--nrcl-button-padding-right: 0;--nrcl-button-normal-height: 20px}:host.anchor a{box-sizing:border-box}:host.anchor a:hover{color:var(--nrcl-button-anchor-hover-foreground-color)}:host.anchor a .label,:host.anchor a .content{text-decoration:underline}:host.anchor.disabled{--nrcl-button-foreground-color: var( --nrcl-button-anchor-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-disabled-hover-background-color )}:host.disabled button,:host.disabled a{cursor:default}:host.disabled button:hover,:host.disabled a:hover{color:var(--nrcl-button-foreground-color)}\n"], dependencies: [{ 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: IconComponent, selector: "nrcl-icon", inputs: ["small", "large"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ButtonComponent, selector: "nrcl-button", inputs: { label: "label", icon: "icon", iconRight: "iconRight", iconCompact: "iconCompact", tooltip: "tooltip", compact: "compact", small: "small", primary: ["primary", "primary", booleanAttribute], secondary: ["secondary", "secondary", booleanAttribute], tertiary: ["tertiary", "tertiary", booleanAttribute], disabled: ["disabled", "disabled", booleanAttribute], anchor: "anchor" }, outputs: { click: "click" }, host: { properties: { "class.disabled": "disabled", "class.primary": "isPrimary", "class.secondary": "isSecondary", "class.tertiary": "isTertiary", "class.anchor": "isAnchor", "class.normal": "!isCompact && !isSmall", "class.compact": "isCompact", "class.small": "isSmall && !isCompact", "class.label": "hasLabel", "class.icon-left": "hasIconLeft", "class.icon-right": "hasIconRight", "class.icon-compact": "hasIconCompact", "class.icon-small": "isIconSmall" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if ( !isAnchor ) {\n    <button\n        matRipple\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltipVal\"\n    >\n        @if ( useContent ) {\n            <div class=\"content\">\n                <ng-content></ng-content>\n            </div>\n        }\n        @else {\n            @if ( hasIconLeft ) {\n                <nrcl-icon class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n            }\n\n            @if ( hasIconRight ) {\n                <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n            }\n\n            @if ( hasIconCompact ) {\n                <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n            }\n\n            @if ( hasLabel ) {\n                <span class=\"label\">{{ label }}</span>\n            }\n        }\n    </button>\n}\n@else {\n    <a \n        [attr.href]=\"href\" \n        [attr.target]=\"href && target\"\n        [matTooltip]=\"tooltipVal\"\n    >\n        @if ( hasIconLeft ) {\n            <nrcl-icon class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n        }\n\n        @if ( hasIconRight ) {\n            <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n        }\n\n        @if ( hasIconCompact ) {\n            <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n        }\n\n        @if ( hasLabel ) {\n            <span class=\"label\">{{ label }}</span>\n        }\n    </a>\n}", styles: ["::ng-deep :root{--nrcl-button-normal-height: 36px;--nrcl-button-normal-padding-horizontal: 16px;--nrcl-button-normal-icon-padding-horizontal: 36px;--nrcl-button-normal-font-size: var( --nrcl-font-size );--nrcl-button-normal-icon-size: var( --nrcl-icon-normal-size );--nrcl-button-small-height: 24px;--nrcl-button-small-padding-horizontal: 8px;--nrcl-button-small-icon-padding-horizontal: 24px;--nrcl-button-small-font-size: var( --nrcl-font-size-small );--nrcl-button-small-icon-size: var( --nrcl-icon-small-size );--nrcl-button-compact-height: 44px;--nrcl-button-compact-padding-horizontal: 8px;--nrcl-button-compact-font-size: var( --nrcl-font-size-small );--nrcl-button-compact-icon-size: var( --nrcl-icon-normal-size );--nrcl-button-primary-foreground-color: white;--nrcl-button-primary-background-color: #003366;--nrcl-button-primary-border-color: #003366;--nrcl-button-primary-hover-background-color: #144a89cc;--nrcl-button-primary-disabled-foreground-color: #7E7E7E;--nrcl-button-primary-disabled-background-color: #CCCCCC;--nrcl-button-primary-disabled-border-color: #CCCCCC;--nrcl-button-primary-disabled-hover-background-color: #CCCCCC;--nrcl-button-secondary-foreground-color: black;--nrcl-button-secondary-background-color: white;--nrcl-button-secondary-border-color: #003366;--nrcl-button-secondary-hover-background-color: #f5f5f5;--nrcl-button-secondary-disabled-foreground-color: #7E7E7E;--nrcl-button-secondary-disabled-background-color: #CCCCCC;--nrcl-button-secondary-disabled-border-color: #CCCCCC;--nrcl-button-secondary-disabled-hover-background-color: #CCCCCC;--nrcl-button-tertiary-foreground-color: black;--nrcl-button-tertiary-background-color: transparent;--nrcl-button-tertiary-border-color: transparent;--nrcl-button-tertiary-hover-background-color: rgba(0, 0, 0, .04);--nrcl-button-tertiary-disabled-foreground-color: #7E7E7E;--nrcl-button-tertiary-disabled-background-color: transparent;--nrcl-button-tertiary-disabled-border-color: transparent;--nrcl-button-tertiary-disabled-hover-background-color: transparent;--nrcl-button-anchor-foreground-color: #255a90;--nrcl-button-anchor-background-color: transparent;--nrcl-button-anchor-border-color: transparent;--nrcl-button-anchor-hover-foreground-color: #0000ee;--nrcl-button-anchor-hover-background-color: transparent;--nrcl-button-anchor-disabled-foreground-color: #7E7E7E;--nrcl-button-anchor-disabled-background-color: transparent;--nrcl-button-anchor-disabled-border-color: transparent;--nrcl-button-anchor-disabled-hover-background-color: transparent}:host{--nrcl-button-height: 50px;--nrcl-icon-padding: 50px;--nrcl-button-font-size: 40px;--nrcl-button-font-weight: 500;--nrcl-button-padding-left: 50px;--nrcl-button-padding-right: 50px;--nrcl-button-foreground-color: #red;--nrcl-button-background-color: #green;--nrcl-button-border-color: #yellow;--nrcl-button-hover-background-color: #blue}:host button,:host a{display:inline-flex;align-items:center;position:relative;height:var(--nrcl-button-height);min-width:var(--nrcl-button-height);width:var(--nrcl-button-width);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;padding:0;background-color:var(--nrcl-button-background-color);color:var(--nrcl-button-foreground-color);border-color:var(--nrcl-button-border-color);border-width:1px;border-style:solid;border-radius:4px}:host button:hover,:host a:hover{background-color:var(--nrcl-button-hover-background-color)}:host button .label,:host button .content,:host a .label,:host a .content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-button-font-size);font-weight:var(--nrcl-button-font-weight);width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}:host button .content,:host a .content{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right);display:flex;align-items:center}:host.normal{--nrcl-button-height: var( --nrcl-button-normal-height );--nrcl-button-padding-left: var( --nrcl-button-normal-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-normal-padding-horizontal );--nrcl-button-font-size: var( --nrcl-button-normal-font-size );--nrcl-button-icon-size: var( --nrcl-button-normal-icon-size );--nrcl-icon-padding: var( --nrcl-button-normal-icon-padding-horizontal )}:host.small{--nrcl-button-height: var( --nrcl-button-small-height );--nrcl-button-font-size: var( --nrcl-button-small-font-size )}:host.icon-small{--nrcl-button-padding-left: var( --nrcl-button-small-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-small-padding-horizontal );--nrcl-button-icon-size: var( --nrcl-button-small-icon-size );--nrcl-icon-padding: var( --nrcl-button-small-icon-padding-horizontal )}:host.compact{--nrcl-button-height: var( --nrcl-button-compact-height );--nrcl-button-padding-left: var( --nrcl-button-compact-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-compact-padding-horizontal );--nrcl-button-font-size: var( --nrcl-button-compact-font-size );--nrcl-button-icon-size: var( --nrcl-button-normal-icon-size )}:host.compact button{flex-direction:column;justify-content:center}:host.label button,:host.label a{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right)}:host.icon-left button,:host.icon-left a{--nrcl-button-padding-left: var( --nrcl-icon-padding )}:host.icon-left button .content,:host.icon-left a .content{padding-left:0}:host.icon-left button ::ng-deep .mat-icon.left,:host.icon-left button ::ng-deep nrcl-icon.left,:host.icon-left a ::ng-deep .mat-icon.left,:host.icon-left a ::ng-deep nrcl-icon.left{position:absolute;left:calc((var(--nrcl-icon-padding) - var(--nrcl-button-icon-size)) / 2 - 1px)}:host.icon-right button,:host.icon-right a{--nrcl-button-padding-right: var( --nrcl-icon-padding )}:host.icon-right button .content,:host.icon-right a .content{padding-right:0}:host.icon-right button ::ng-deep .mat-icon.right,:host.icon-right button ::ng-deep nrcl-icon.right,:host.icon-right a ::ng-deep .mat-icon.right,:host.icon-right a ::ng-deep nrcl-icon.right{position:absolute;right:calc((var(--nrcl-icon-padding) - var(--nrcl-button-icon-size)) / 2 - 1px)}:host.primary{--nrcl-button-foreground-color: var( --nrcl-button-primary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-primary-background-color );--nrcl-button-border-color: var( --nrcl-button-primary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-primary-hover-background-color )}:host.primary button{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host.primary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-primary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-primary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-primary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-primary-disabled-hover-background-color )}:host.secondary{--nrcl-button-foreground-color: var( --nrcl-button-secondary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-secondary-background-color );--nrcl-button-border-color: var( --nrcl-button-secondary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-secondary-hover-background-color )}:host.secondary button{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host.secondary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-secondary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-secondary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-secondary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-secondary-disabled-hover-background-color )}:host.tertiary{--nrcl-button-foreground-color: var( --nrcl-button-tertiary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-tertiary-background-color );--nrcl-button-border-color: var( --nrcl-button-tertiary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-tertiary-hover-background-color )}:host.tertiary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-tertiary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-tertiary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-tertiary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-tertiary-disabled-hover-background-color )}:host.anchor{--nrcl-button-foreground-color: var( --nrcl-button-anchor-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-hover-background-color );--nrcl-button-padding-left: 0;--nrcl-button-padding-right: 0;--nrcl-button-normal-height: 20px}:host.anchor a{box-sizing:border-box}:host.anchor a:hover{color:var(--nrcl-button-anchor-hover-foreground-color)}:host.anchor a .label,:host.anchor a .content{text-decoration:underline}:host.anchor.disabled{--nrcl-button-foreground-color: var( --nrcl-button-anchor-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-disabled-hover-background-color )}:host.disabled button,:host.disabled a{cursor:default}:host.disabled button:hover,:host.disabled a:hover{color:var(--nrcl-button-foreground-color)}\n"], dependencies: [{ 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: IconComponent, selector: "nrcl-icon", inputs: ["small", "large"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
@@ -313,7 +313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         '[class.icon-right]': 'hasIconRight',
                         '[class.icon-compact]': 'hasIconCompact',
                         '[class.icon-small]': 'isIconSmall',
-                    }, template: "@if ( !isAnchor ) {\n    <button\n        matRipple\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltipVal\"\n    >\n        @if ( useContent ) {\n            <div class=\"content\">\n                <ng-content></ng-content>\n            </div>\n        }\n        @else {\n            @if ( hasIconLeft ) {\n                <nrcl-icon class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n            }\n\n            @if ( hasIconRight ) {\n                <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n            }\n\n            @if ( hasIconCompact ) {\n                <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n            }\n\n            @if ( hasLabel ) {\n                <span class=\"label\">{{ label }}</span>\n            }\n        }\n    </button>\n}\n@else {\n    <a \n        [attr.href]=\"href\" \n        [attr.target]=\"href && target\"\n        [matTooltip]=\"tooltipVal\"\n    >\n        @if ( hasIconLeft ) {\n            <nrcl-icon class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n        }\n\n        @if ( hasIconRight ) {\n            <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n        }\n\n        @if ( hasIconCompact ) {\n            <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n        }\n\n        @if ( hasLabel ) {\n            <span class=\"label\">{{ label }}</span>\n        }\n    </a>\n}", styles: ["::ng-deep :root{--nrcl-button-normal-height: 36px;--nrcl-button-normal-padding-horizontal: 16px;--nrcl-button-normal-icon-padding-horizontal: 36px;--nrcl-button-normal-font-size: var( --nrcl-font-size );--nrcl-button-normal-icon-size: var( --nrcl-icon-normal-size );--nrcl-button-small-height: 24px;--nrcl-button-small-padding-horizontal: 8px;--nrcl-button-small-icon-padding-horizontal: 24px;--nrcl-button-small-font-size: var( --nrcl-font-size-small );--nrcl-button-small-icon-size: var( --nrcl-icon-small-size );--nrcl-button-compact-height: 44px;--nrcl-button-compact-padding-horizontal: 8px;--nrcl-button-compact-font-size: var( --nrcl-font-size-small );--nrcl-button-compact-icon-size: var( --nrcl-icon-normal-size );--nrcl-button-primary-foreground-color: white;--nrcl-button-primary-background-color: #003366;--nrcl-button-primary-border-color: #003366;--nrcl-button-primary-hover-background-color: #144a89cc;--nrcl-button-primary-disabled-foreground-color: #7E7E7E;--nrcl-button-primary-disabled-background-color: #CCCCCC;--nrcl-button-primary-disabled-border-color: #CCCCCC;--nrcl-button-primary-disabled-hover-background-color: #CCCCCC;--nrcl-button-secondary-foreground-color: black;--nrcl-button-secondary-background-color: white;--nrcl-button-secondary-border-color: #003366;--nrcl-button-secondary-hover-background-color: #f5f5f5;--nrcl-button-secondary-disabled-foreground-color: #7E7E7E;--nrcl-button-secondary-disabled-background-color: #CCCCCC;--nrcl-button-secondary-disabled-border-color: #CCCCCC;--nrcl-button-secondary-disabled-hover-background-color: #CCCCCC;--nrcl-button-tertiary-foreground-color: black;--nrcl-button-tertiary-background-color: transparent;--nrcl-button-tertiary-border-color: transparent;--nrcl-button-tertiary-hover-background-color: rgba(0, 0, 0, .04);--nrcl-button-tertiary-disabled-foreground-color: #7E7E7E;--nrcl-button-tertiary-disabled-background-color: transparent;--nrcl-button-tertiary-disabled-border-color: transparent;--nrcl-button-tertiary-disabled-hover-background-color: transparent;--nrcl-button-anchor-foreground-color: #027DB4;--nrcl-button-anchor-background-color: transparent;--nrcl-button-anchor-border-color: transparent;--nrcl-button-anchor-hover-foreground-color: #F59A23;--nrcl-button-anchor-hover-background-color: rgba(0, 0, 0, .04);--nrcl-button-anchor-disabled-foreground-color: #7E7E7E;--nrcl-button-anchor-disabled-background-color: transparent;--nrcl-button-anchor-disabled-border-color: transparent;--nrcl-button-anchor-disabled-hover-background-color: transparent}:host{--nrcl-button-height: 50px;--nrcl-icon-padding: 50px;--nrcl-button-font-size: 40px;--nrcl-button-font-weight: 500;--nrcl-button-padding-left: 50px;--nrcl-button-padding-right: 50px;--nrcl-button-foreground-color: #red;--nrcl-button-background-color: #green;--nrcl-button-border-color: #yellow;--nrcl-button-hover-background-color: #blue}:host button,:host a{display:inline-flex;align-items:center;position:relative;height:var(--nrcl-button-height);min-width:var(--nrcl-button-height);width:var(--nrcl-button-width);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;padding:0;background-color:var(--nrcl-button-background-color);color:var(--nrcl-button-foreground-color);border-color:var(--nrcl-button-border-color);border-width:1px;border-style:solid;border-radius:4px}:host button:hover,:host a:hover{background-color:var(--nrcl-button-hover-background-color)}:host button .label,:host button .content,:host a .label,:host a .content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-button-font-size);font-weight:var(--nrcl-button-font-weight);width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}:host button .content,:host a .content{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right);display:flex;align-items:center}:host.normal{--nrcl-button-height: var( --nrcl-button-normal-height );--nrcl-button-padding-left: var( --nrcl-button-normal-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-normal-padding-horizontal );--nrcl-button-font-size: var( --nrcl-button-normal-font-size );--nrcl-button-icon-size: var( --nrcl-button-normal-icon-size );--nrcl-icon-padding: var( --nrcl-button-normal-icon-padding-horizontal )}:host.small{--nrcl-button-height: var( --nrcl-button-small-height );--nrcl-button-font-size: var( --nrcl-button-small-font-size )}:host.icon-small{--nrcl-button-padding-left: var( --nrcl-button-small-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-small-padding-horizontal );--nrcl-button-icon-size: var( --nrcl-button-small-icon-size );--nrcl-icon-padding: var( --nrcl-button-small-icon-padding-horizontal )}:host.compact{--nrcl-button-height: var( --nrcl-button-compact-height );--nrcl-button-padding-left: var( --nrcl-button-compact-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-compact-padding-horizontal );--nrcl-button-font-size: var( --nrcl-button-compact-font-size );--nrcl-button-icon-size: var( --nrcl-button-normal-icon-size )}:host.compact button{flex-direction:column;justify-content:center}:host.label button,:host.label a{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right)}:host.icon-left button,:host.icon-left a{--nrcl-button-padding-left: var( --nrcl-icon-padding )}:host.icon-left button .content,:host.icon-left a .content{padding-left:0}:host.icon-left button ::ng-deep .mat-icon.left,:host.icon-left button ::ng-deep nrcl-icon.left,:host.icon-left a ::ng-deep .mat-icon.left,:host.icon-left a ::ng-deep nrcl-icon.left{position:absolute;left:calc((var(--nrcl-icon-padding) - var(--nrcl-button-icon-size)) / 2 - 1px)}:host.icon-right button,:host.icon-right a{--nrcl-button-padding-right: var( --nrcl-icon-padding )}:host.icon-right button .content,:host.icon-right a .content{padding-right:0}:host.icon-right button ::ng-deep .mat-icon.right,:host.icon-right button ::ng-deep nrcl-icon.right,:host.icon-right a ::ng-deep .mat-icon.right,:host.icon-right a ::ng-deep nrcl-icon.right{position:absolute;right:calc((var(--nrcl-icon-padding) - var(--nrcl-button-icon-size)) / 2 - 1px)}:host.primary{--nrcl-button-foreground-color: var( --nrcl-button-primary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-primary-background-color );--nrcl-button-border-color: var( --nrcl-button-primary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-primary-hover-background-color )}:host.primary button{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host.primary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-primary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-primary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-primary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-primary-disabled-hover-background-color )}:host.secondary{--nrcl-button-foreground-color: var( --nrcl-button-secondary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-secondary-background-color );--nrcl-button-border-color: var( --nrcl-button-secondary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-secondary-hover-background-color )}:host.secondary button{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host.secondary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-secondary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-secondary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-secondary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-secondary-disabled-hover-background-color )}:host.tertiary{--nrcl-button-foreground-color: var( --nrcl-button-tertiary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-tertiary-background-color );--nrcl-button-border-color: var( --nrcl-button-tertiary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-tertiary-hover-background-color )}:host.tertiary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-tertiary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-tertiary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-tertiary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-tertiary-disabled-hover-background-color )}:host.anchor{--nrcl-button-foreground-color: var( --nrcl-button-anchor-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-hover-background-color );--nrcl-button-padding-left: 0;--nrcl-button-padding-right: 0;--nrcl-button-normal-height: 20px}:host.anchor a{box-sizing:border-box}:host.anchor a:hover{color:var(--nrcl-button-anchor-hover-foreground-color)}:host.anchor a .label,:host.anchor a .content{text-decoration:underline}:host.anchor.disabled{--nrcl-button-foreground-color: var( --nrcl-button-anchor-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-disabled-hover-background-color )}:host.disabled button,:host.disabled a{cursor:default}:host.disabled button:hover,:host.disabled a:hover{color:var(--nrcl-button-foreground-color)}\n"] }]
+                    }, template: "@if ( !isAnchor ) {\n    <button\n        matRipple\n        [disabled]=\"disabled\"\n        [matTooltip]=\"tooltipVal\"\n    >\n        @if ( useContent ) {\n            <div class=\"content\">\n                <ng-content></ng-content>\n            </div>\n        }\n        @else {\n            @if ( hasIconLeft ) {\n                <nrcl-icon class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n            }\n\n            @if ( hasIconRight ) {\n                <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n            }\n\n            @if ( hasIconCompact ) {\n                <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n            }\n\n            @if ( hasLabel ) {\n                <span class=\"label\">{{ label }}</span>\n            }\n        }\n    </button>\n}\n@else {\n    <a \n        [attr.href]=\"href\" \n        [attr.target]=\"href && target\"\n        [matTooltip]=\"tooltipVal\"\n    >\n        @if ( hasIconLeft ) {\n            <nrcl-icon class=\"left\" [small]=\"isIconSmall\">{{ icon }}</nrcl-icon>\n        }\n\n        @if ( hasIconRight ) {\n            <nrcl-icon class=\"right\" [small]=\"isIconSmall\">{{ iconRight }}</nrcl-icon>\n        }\n\n        @if ( hasIconCompact ) {\n            <nrcl-icon class=\"compact\" [small]=\"isIconSmall\">{{ iconCompact || icon }}</nrcl-icon>\n        }\n\n        @if ( hasLabel ) {\n            <span class=\"label\">{{ label }}</span>\n        }\n    </a>\n}", styles: ["::ng-deep :root{--nrcl-button-normal-height: 36px;--nrcl-button-normal-padding-horizontal: 16px;--nrcl-button-normal-icon-padding-horizontal: 36px;--nrcl-button-normal-font-size: var( --nrcl-font-size );--nrcl-button-normal-icon-size: var( --nrcl-icon-normal-size );--nrcl-button-small-height: 24px;--nrcl-button-small-padding-horizontal: 8px;--nrcl-button-small-icon-padding-horizontal: 24px;--nrcl-button-small-font-size: var( --nrcl-font-size-small );--nrcl-button-small-icon-size: var( --nrcl-icon-small-size );--nrcl-button-compact-height: 44px;--nrcl-button-compact-padding-horizontal: 8px;--nrcl-button-compact-font-size: var( --nrcl-font-size-small );--nrcl-button-compact-icon-size: var( --nrcl-icon-normal-size );--nrcl-button-primary-foreground-color: white;--nrcl-button-primary-background-color: #003366;--nrcl-button-primary-border-color: #003366;--nrcl-button-primary-hover-background-color: #144a89cc;--nrcl-button-primary-disabled-foreground-color: #7E7E7E;--nrcl-button-primary-disabled-background-color: #CCCCCC;--nrcl-button-primary-disabled-border-color: #CCCCCC;--nrcl-button-primary-disabled-hover-background-color: #CCCCCC;--nrcl-button-secondary-foreground-color: black;--nrcl-button-secondary-background-color: white;--nrcl-button-secondary-border-color: #003366;--nrcl-button-secondary-hover-background-color: #f5f5f5;--nrcl-button-secondary-disabled-foreground-color: #7E7E7E;--nrcl-button-secondary-disabled-background-color: #CCCCCC;--nrcl-button-secondary-disabled-border-color: #CCCCCC;--nrcl-button-secondary-disabled-hover-background-color: #CCCCCC;--nrcl-button-tertiary-foreground-color: black;--nrcl-button-tertiary-background-color: transparent;--nrcl-button-tertiary-border-color: transparent;--nrcl-button-tertiary-hover-background-color: rgba(0, 0, 0, .04);--nrcl-button-tertiary-disabled-foreground-color: #7E7E7E;--nrcl-button-tertiary-disabled-background-color: transparent;--nrcl-button-tertiary-disabled-border-color: transparent;--nrcl-button-tertiary-disabled-hover-background-color: transparent;--nrcl-button-anchor-foreground-color: #255a90;--nrcl-button-anchor-background-color: transparent;--nrcl-button-anchor-border-color: transparent;--nrcl-button-anchor-hover-foreground-color: #0000ee;--nrcl-button-anchor-hover-background-color: transparent;--nrcl-button-anchor-disabled-foreground-color: #7E7E7E;--nrcl-button-anchor-disabled-background-color: transparent;--nrcl-button-anchor-disabled-border-color: transparent;--nrcl-button-anchor-disabled-hover-background-color: transparent}:host{--nrcl-button-height: 50px;--nrcl-icon-padding: 50px;--nrcl-button-font-size: 40px;--nrcl-button-font-weight: 500;--nrcl-button-padding-left: 50px;--nrcl-button-padding-right: 50px;--nrcl-button-foreground-color: #red;--nrcl-button-background-color: #green;--nrcl-button-border-color: #yellow;--nrcl-button-hover-background-color: #blue}:host button,:host a{display:inline-flex;align-items:center;position:relative;height:var(--nrcl-button-height);min-width:var(--nrcl-button-height);width:var(--nrcl-button-width);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;padding:0;background-color:var(--nrcl-button-background-color);color:var(--nrcl-button-foreground-color);border-color:var(--nrcl-button-border-color);border-width:1px;border-style:solid;border-radius:4px}:host button:hover,:host a:hover{background-color:var(--nrcl-button-hover-background-color)}:host button .label,:host button .content,:host a .label,:host a .content{font-family:var(--nrcl-font-family);font-size:var(--nrcl-button-font-size);font-weight:var(--nrcl-button-font-weight);width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}:host button .content,:host a .content{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right);display:flex;align-items:center}:host.normal{--nrcl-button-height: var( --nrcl-button-normal-height );--nrcl-button-padding-left: var( --nrcl-button-normal-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-normal-padding-horizontal );--nrcl-button-font-size: var( --nrcl-button-normal-font-size );--nrcl-button-icon-size: var( --nrcl-button-normal-icon-size );--nrcl-icon-padding: var( --nrcl-button-normal-icon-padding-horizontal )}:host.small{--nrcl-button-height: var( --nrcl-button-small-height );--nrcl-button-font-size: var( --nrcl-button-small-font-size )}:host.icon-small{--nrcl-button-padding-left: var( --nrcl-button-small-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-small-padding-horizontal );--nrcl-button-icon-size: var( --nrcl-button-small-icon-size );--nrcl-icon-padding: var( --nrcl-button-small-icon-padding-horizontal )}:host.compact{--nrcl-button-height: var( --nrcl-button-compact-height );--nrcl-button-padding-left: var( --nrcl-button-compact-padding-horizontal );--nrcl-button-padding-right: var( --nrcl-button-compact-padding-horizontal );--nrcl-button-font-size: var( --nrcl-button-compact-font-size );--nrcl-button-icon-size: var( --nrcl-button-normal-icon-size )}:host.compact button{flex-direction:column;justify-content:center}:host.label button,:host.label a{padding-left:var(--nrcl-button-padding-left);padding-right:var(--nrcl-button-padding-right)}:host.icon-left button,:host.icon-left a{--nrcl-button-padding-left: var( --nrcl-icon-padding )}:host.icon-left button .content,:host.icon-left a .content{padding-left:0}:host.icon-left button ::ng-deep .mat-icon.left,:host.icon-left button ::ng-deep nrcl-icon.left,:host.icon-left a ::ng-deep .mat-icon.left,:host.icon-left a ::ng-deep nrcl-icon.left{position:absolute;left:calc((var(--nrcl-icon-padding) - var(--nrcl-button-icon-size)) / 2 - 1px)}:host.icon-right button,:host.icon-right a{--nrcl-button-padding-right: var( --nrcl-icon-padding )}:host.icon-right button .content,:host.icon-right a .content{padding-right:0}:host.icon-right button ::ng-deep .mat-icon.right,:host.icon-right button ::ng-deep nrcl-icon.right,:host.icon-right a ::ng-deep .mat-icon.right,:host.icon-right a ::ng-deep nrcl-icon.right{position:absolute;right:calc((var(--nrcl-icon-padding) - var(--nrcl-button-icon-size)) / 2 - 1px)}:host.primary{--nrcl-button-foreground-color: var( --nrcl-button-primary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-primary-background-color );--nrcl-button-border-color: var( --nrcl-button-primary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-primary-hover-background-color )}:host.primary button{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host.primary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-primary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-primary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-primary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-primary-disabled-hover-background-color )}:host.secondary{--nrcl-button-foreground-color: var( --nrcl-button-secondary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-secondary-background-color );--nrcl-button-border-color: var( --nrcl-button-secondary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-secondary-hover-background-color )}:host.secondary button{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}:host.secondary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-secondary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-secondary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-secondary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-secondary-disabled-hover-background-color )}:host.tertiary{--nrcl-button-foreground-color: var( --nrcl-button-tertiary-foreground-color );--nrcl-button-background-color: var( --nrcl-button-tertiary-background-color );--nrcl-button-border-color: var( --nrcl-button-tertiary-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-tertiary-hover-background-color )}:host.tertiary.disabled{--nrcl-button-foreground-color: var( --nrcl-button-tertiary-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-tertiary-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-tertiary-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-tertiary-disabled-hover-background-color )}:host.anchor{--nrcl-button-foreground-color: var( --nrcl-button-anchor-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-hover-background-color );--nrcl-button-padding-left: 0;--nrcl-button-padding-right: 0;--nrcl-button-normal-height: 20px}:host.anchor a{box-sizing:border-box}:host.anchor a:hover{color:var(--nrcl-button-anchor-hover-foreground-color)}:host.anchor a .label,:host.anchor a .content{text-decoration:underline}:host.anchor.disabled{--nrcl-button-foreground-color: var( --nrcl-button-anchor-disabled-foreground-color );--nrcl-button-background-color: var( --nrcl-button-anchor-disabled-background-color );--nrcl-button-border-color: var( --nrcl-button-anchor-disabled-border-color );--nrcl-button-hover-background-color: var( --nrcl-button-anchor-disabled-hover-background-color )}:host.disabled button,:host.disabled a{cursor:default}:host.disabled button:hover,:host.disabled a:hover{color:var(--nrcl-button-foreground-color)}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], icon: [{
@@ -1426,6 +1426,15 @@ class PaginationBase extends NrclBase {
             totalItems: this._totalRowCount
         };
     }
+    getPagingInfoRequest(query) {
+        return {
+            query,
+            pageNumber: this._pageConfig.pageNumber,
+            pageRowCount: this._pageConfig.pageSize,
+            sortColumn: this.sortActive,
+            sortDirection: this.sortDirection
+        };
+    }
     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 }); }
 }
@@ -2412,17 +2421,12 @@ class ScheduleComponent extends RowListBase {
     loadRowList() {
         if (!this.provider?.startloadSchedule)
             throw Error('ScheduleComponent.provider.startloadSchedule not set');
-        return this.provider.startloadSchedule(super.loadRowList);
+        return this.provider.startloadSchedule(() => { return super.loadRowList(); });
     }
     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,
-        });
+        return this.provider.fetchSchedule();
     }
     parseRows(res) {
         if (!this.provider?.parseSchedule)
@@ -2502,13 +2506,13 @@ class ScheduleComponent extends RowListBase {
         }) || [];
     }
     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: "@if ( rows?.length > 0 ) {\n    <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\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: 80px}:host{display:flex;flex-direction:column;font-family:var(--nrcl-font-family)}: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" }] }); }
+    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: "@if ( rows?.length > 0 ) {\n    <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\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</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: 80px}:host{display:flex;flex-direction:column;font-family:var(--nrcl-font-family)}: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{box-sizing:border-box;height:var(--nrcl-schedule-row-schedule-height);display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;border-right:1px solid var(--nrcl-schedule-border-color);border-bottom:1px solid var(--nrcl-schedule-border-color)}:host .schedule .row.items .outer.item:hover .item{background-color:#06e;color:#fff}:host .schedule .row.items .outer.item.menu-open .item{background-color:#036;color:#fff}:host .schedule .row.items .outer.item .item{flex-grow:1;cursor:pointer;position:relative;padding:4px 4px 8px}:host .schedule .row.items .outer.item .item .icons{position:absolute;right:2px;bottom:2px;display:flex;gap:2px;background-color:#f1ebe4;border-radius:4px;padding:3px;color:var(--nrcl-schedule-row-days-foreground-color)}: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.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: "@if ( rows?.length > 0 ) {\n    <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\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: 80px}:host{display:flex;flex-direction:column;font-family:var(--nrcl-font-family)}: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"] }]
+                    }, template: "@if ( rows?.length > 0 ) {\n    <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\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</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: 80px}:host{display:flex;flex-direction:column;font-family:var(--nrcl-font-family)}: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{box-sizing:border-box;height:var(--nrcl-schedule-row-schedule-height);display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;border-right:1px solid var(--nrcl-schedule-border-color);border-bottom:1px solid var(--nrcl-schedule-border-color)}:host .schedule .row.items .outer.item:hover .item{background-color:#06e;color:#fff}:host .schedule .row.items .outer.item.menu-open .item{background-color:#036;color:#fff}:host .schedule .row.items .outer.item .item{flex-grow:1;cursor:pointer;position:relative;padding:4px 4px 8px}:host .schedule .row.items .outer.item .item .icons{position:absolute;right:2px;bottom:2px;display:flex;gap:2px;background-color:#f1ebe4;border-radius:4px;padding:3px;color:var(--nrcl-schedule-row-days-foreground-color)}: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.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: [{
@@ -2547,11 +2551,11 @@ class ResourceScheduleComponent {
         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>OOS</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>{{ data.shiftType }}</h3>\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>{{ data.shiftType }}</h3>\n        <!-- <h3>STBY</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>{{ data.shiftType }}</h3>\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>{{ data.shiftType }}</h3>\n        <!-- <h3>Reg Day</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-duty-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>Duty Day</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-standby-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>STBY</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-off-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>Day Off</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-regular-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>Reg 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:12px;line-height:13px;text-align:center;display:flex;justify-content:center;align-items:center}.nrcl-schedule ::ng-deep .inner.item h2.wrap{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;min-height:0;overflow:hidden}.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 }); }
+    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>OOS</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>{{ data.shiftType }}</h3>\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>{{ data.shiftType }}</h3>\n        <!-- <h3>STBY</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>{{ data.shiftType }}</h3>\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>{{ data.shiftType }}</h3>\n        <!-- <h3>Reg Day</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-duty-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>Duty Day</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-standby-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>STBY</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-off-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>Day Off</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-regular-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>Reg 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;font-size:15px;line-height:18px;text-align:center}.nrcl-schedule ::ng-deep .inner.item h2{flex-grow:1;text-align:center;display:flex;justify-content:center;align-items:center}.nrcl-schedule ::ng-deep .inner.item h2.wrap{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:0;overflow:hidden}.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>OOS</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>{{ data.shiftType }}</h3>\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>{{ data.shiftType }}</h3>\n        <!-- <h3>STBY</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>{{ data.shiftType }}</h3>\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>{{ data.shiftType }}</h3>\n        <!-- <h3>Reg Day</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-duty-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>Duty Day</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-standby-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>STBY</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-off-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>Day Off</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-regular-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>Reg 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:12px;line-height:13px;text-align:center;display:flex;justify-content:center;align-items:center}.nrcl-schedule ::ng-deep .inner.item h2.wrap{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;min-height:0;overflow:hidden}.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"] }]
+            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>OOS</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>{{ data.shiftType }}</h3>\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>{{ data.shiftType }}</h3>\n        <!-- <h3>STBY</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>{{ data.shiftType }}</h3>\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>{{ data.shiftType }}</h3>\n        <!-- <h3>Reg Day</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-duty-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>Duty Day</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-standby-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>STBY</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-off-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>Day Off</h3> -->\n    </ng-template>\n\n    <ng-template nrclScheduleItem=\"assigned-regular-day\" let-data>\n        <!-- <h1></h1> -->\n        <h2 class=\"wrap\">{{ data.assignmentName }}</h2>\n        <h3>{{ data.shiftType }}</h3>\n        <!-- <h3>Reg 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;font-size:15px;line-height:18px;text-align:center}.nrcl-schedule ::ng-deep .inner.item h2{flex-grow:1;text-align:center;display:flex;justify-content:center;align-items:center}.nrcl-schedule ::ng-deep .inner.item h2.wrap{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:0;overflow:hidden}.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: [{