@bcgov/nr-ngx-component-lib 0.0.78 → 0.0.80
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.
- package/components/resource-schedule/resource-schedule.component.d.ts +1 -1
- package/directives/tooltip/tooltip.directive.d.ts +2 -0
- package/esm2022/components/resource-schedule/resource-schedule.component.mjs +3 -3
- package/esm2022/directives/tooltip/tooltip.directive.mjs +16 -3
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs +16 -3
- package/fesm2022/bcgov-nr-ngx-component-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/global.scss +0 -1
|
@@ -9,7 +9,7 @@ export declare class ResourceScheduleRowHeadingDirective {
|
|
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<ResourceScheduleRowHeadingDirective, never>;
|
|
10
10
|
static ɵdir: i0.ɵɵDirectiveDeclaration<ResourceScheduleRowHeadingDirective, "[nrclResourceScheduleRowHeading]", never, {}, {}, never, never, false, never>;
|
|
11
11
|
}
|
|
12
|
-
export type ResourceScheduleItemTypes = 'empty' | 'out-of-service' | '
|
|
12
|
+
export type ResourceScheduleItemTypes = 'empty' | 'out-of-service' | 'available-rostered' | 'available-duty-day' | 'available-standby-day' | 'available-off-day' | 'available-regular-day' | 'available-hired' | 'assigned-rostered' | 'assigned-duty-day' | 'assigned-standby-day' | 'assigned-off-day' | 'assigned-regular-day';
|
|
13
13
|
export type ResourceScheduleRowItem = ScheduleRowItem & {
|
|
14
14
|
name: ResourceScheduleItemTypes;
|
|
15
15
|
allocationType?: string;
|
|
@@ -9,11 +9,13 @@ export declare class TooltipDirective {
|
|
|
9
9
|
private overlay;
|
|
10
10
|
private elementRef;
|
|
11
11
|
private viewContainerRef;
|
|
12
|
+
private renderer;
|
|
12
13
|
tooltipTemplate: TemplateRef<any> | string;
|
|
13
14
|
tooltipContext: any;
|
|
14
15
|
tooltipClass?: string;
|
|
15
16
|
tooltipDelay: number;
|
|
16
17
|
private overlayRef;
|
|
18
|
+
private hideTooltipTimeout?;
|
|
17
19
|
show(): void;
|
|
18
20
|
hide(): void;
|
|
19
21
|
ngOnDestroy(): void;
|
|
@@ -26,11 +26,11 @@ export class ResourceScheduleComponent extends NrclBase {
|
|
|
26
26
|
this.heading = true;
|
|
27
27
|
}
|
|
28
28
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResourceScheduleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: ResourceScheduleComponent, selector: "nrcl-resource-schedule", inputs: { provider: "provider", startDate: "startDate", highlightDate: "highlightDate", weekStart: "weekStart", dayCount: ["dayCount", "dayCount", numberAttribute], menu: "menu", hover: "hover", pagination: "pagination", heading: "heading" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ResourceScheduleRowHeadingDirective, descendants: true }], viewQueries: [{ propertyName: "scheduleComponent", first: true, predicate: ScheduleComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<nrcl-schedule #schedule\n [provider]=\"provider\"\n [startDate]=\"startDate\"\n [highlightDate]=\"highlightDate\"\n [weekStart]=\"weekStart\"\n [dayCount]=\"dayCount\"\n [menu]=\"menu\"\n [hover]=\"hover\"\n [pagination]=\"pagination\"\n [heading]=\"heading\"\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\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
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: ResourceScheduleComponent, selector: "nrcl-resource-schedule", inputs: { provider: "provider", startDate: "startDate", highlightDate: "highlightDate", weekStart: "weekStart", dayCount: ["dayCount", "dayCount", numberAttribute], menu: "menu", hover: "hover", pagination: "pagination", heading: "heading" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ResourceScheduleRowHeadingDirective, descendants: true }], viewQueries: [{ propertyName: "scheduleComponent", first: true, predicate: ScheduleComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<nrcl-schedule #schedule\n [provider]=\"provider\"\n [startDate]=\"startDate\"\n [highlightDate]=\"highlightDate\"\n [weekStart]=\"weekStart\"\n [dayCount]=\"dayCount\"\n [menu]=\"menu\"\n [hover]=\"hover\"\n [pagination]=\"pagination\"\n [heading]=\"heading\"\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\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 \n <ng-template nrclScheduleItem=\"available-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=\"available-duty-day\" let-data>\n <h1>Available</h1>\n <h2>{{ data.allocationType }}</h2>\n <h3>{{ data.shiftType }}</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 </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 </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 </ng-template>\n\n <ng-template nrclScheduleItem=\"available-hired\" let-data>\n </ng-template>\n\n\n <ng-template nrclScheduleItem=\"assigned-rostered\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-duty-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-standby-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-off-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-regular-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n</nrcl-schedule>\n\n", styles: ["::ng-deep :root{--nrcl-resource-schedule-item-foreground-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: #09A748;--nrcl-resource-schedule-item-off-day-background-color: #D4D2D2;--nrcl-resource-schedule-item-duty-day-background-color: #2E9FE0;--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: #BCA8F1;--nrcl-resource-schedule-item-hired-background-color: #CEEDDA;--nrcl-resource-schedule-item-empty-background-color: #FFFFFF}: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-foreground-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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{white-space:wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:0;overflow:hidden}.nrcl-schedule ::ng-deep .inner.item:has(h2:empty):has(h3:empty) h1{flex-grow:1;text-align:center;display:flex;justify-content:center;align-items:center}.nrcl-schedule ::ng-deep .inner.item:has(h2:empty):has(h3:empty) h2,.nrcl-schedule ::ng-deep .inner.item:has(h2:empty):has(h3:empty) h3{display:none}.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-empty{background-color:var(--nrcl-resource-schedule-item-empty-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-available-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-available-hired{background-color:var(--nrcl-resource-schedule-item-hired-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-assigned-rostered{background-color:var(--nrcl-resource-schedule-item-rostered-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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ScheduleComponent, selector: "nrcl-schedule", inputs: ["provider", "startDate", "weekStart", "dayCount", "menu", "hover", "pagination", "heading", "highlightDate"] }, { kind: "directive", type: i2.ScheduleItemDirective, selector: "[nrclScheduleItem]", inputs: ["nrclScheduleItem"] }, { kind: "directive", type: i2.ScheduleRowHeadingDirective, selector: "[nrclScheduleRowHeading]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
30
30
|
}
|
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResourceScheduleComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
|
-
args: [{ selector: "nrcl-resource-schedule", changeDetection: ChangeDetectionStrategy.OnPush, template: "<nrcl-schedule #schedule\n [provider]=\"provider\"\n [startDate]=\"startDate\"\n [highlightDate]=\"highlightDate\"\n [weekStart]=\"weekStart\"\n [dayCount]=\"dayCount\"\n [menu]=\"menu\"\n [hover]=\"hover\"\n [pagination]=\"pagination\"\n [heading]=\"heading\"\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\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
|
|
33
|
+
args: [{ selector: "nrcl-resource-schedule", changeDetection: ChangeDetectionStrategy.OnPush, template: "<nrcl-schedule #schedule\n [provider]=\"provider\"\n [startDate]=\"startDate\"\n [highlightDate]=\"highlightDate\"\n [weekStart]=\"weekStart\"\n [dayCount]=\"dayCount\"\n [menu]=\"menu\"\n [hover]=\"hover\"\n [pagination]=\"pagination\"\n [heading]=\"heading\"\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\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 \n <ng-template nrclScheduleItem=\"available-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=\"available-duty-day\" let-data>\n <h1>Available</h1>\n <h2>{{ data.allocationType }}</h2>\n <h3>{{ data.shiftType }}</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 </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 </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 </ng-template>\n\n <ng-template nrclScheduleItem=\"available-hired\" let-data>\n </ng-template>\n\n\n <ng-template nrclScheduleItem=\"assigned-rostered\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-duty-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-standby-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-off-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-regular-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n</nrcl-schedule>\n\n", styles: ["::ng-deep :root{--nrcl-resource-schedule-item-foreground-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: #09A748;--nrcl-resource-schedule-item-off-day-background-color: #D4D2D2;--nrcl-resource-schedule-item-duty-day-background-color: #2E9FE0;--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: #BCA8F1;--nrcl-resource-schedule-item-hired-background-color: #CEEDDA;--nrcl-resource-schedule-item-empty-background-color: #FFFFFF}: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-foreground-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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{white-space:wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:0;overflow:hidden}.nrcl-schedule ::ng-deep .inner.item:has(h2:empty):has(h3:empty) h1{flex-grow:1;text-align:center;display:flex;justify-content:center;align-items:center}.nrcl-schedule ::ng-deep .inner.item:has(h2:empty):has(h3:empty) h2,.nrcl-schedule ::ng-deep .inner.item:has(h2:empty):has(h3:empty) h3{display:none}.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-empty{background-color:var(--nrcl-resource-schedule-item-empty-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-available-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-available-hired{background-color:var(--nrcl-resource-schedule-item-hired-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-assigned-rostered{background-color:var(--nrcl-resource-schedule-item-rostered-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"] }]
|
|
34
34
|
}], propDecorators: { provider: [{
|
|
35
35
|
type: Input
|
|
36
36
|
}], startDate: [{
|
|
@@ -57,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
57
57
|
type: ContentChild,
|
|
58
58
|
args: [ResourceScheduleRowHeadingDirective]
|
|
59
59
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzb3VyY2Utc2NoZWR1bGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvcmVzb3VyY2Utc2NoZWR1bGUvcmVzb3VyY2Utc2NoZWR1bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnItbmd4LWNvbXBvbmVudC1saWIvc3JjL2NvbXBvbmVudHMvcmVzb3VyY2Utc2NoZWR1bGUvcmVzb3VyY2Utc2NoZWR1bGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxlQUFlLEVBQWUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTVJLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsaUJBQWlCLEVBQWtELE1BQU0sZ0NBQWdDLENBQUM7Ozs7QUFLbkgsTUFBTSxPQUFPLG1DQUFtQztJQUM1QyxZQUNXLFFBQTBCO1FBQTFCLGFBQVEsR0FBUixRQUFRLENBQWtCO0lBQ25DLENBQUM7K0dBSE0sbUNBQW1DO21HQUFuQyxtQ0FBbUM7OzRGQUFuQyxtQ0FBbUM7a0JBSC9DLFNBQVM7bUJBQUU7b0JBQ1IsUUFBUSxFQUFFLGtDQUFrQztpQkFDL0M7O0FBK0NELE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxRQUFRO0lBTnZEOztRQVVhLGNBQVMsR0FBRyxDQUFDLENBQUE7UUFHYixVQUFLLEdBQUcsSUFBSSxDQUFBO1FBQ1osZUFBVSxHQUFHLElBQUksQ0FBQTtRQUNqQixZQUFPLEdBQUcsSUFBSSxDQUFBO0tBSzFCOytHQWRZLHlCQUF5QjttR0FBekIseUJBQXlCLHlMQUtiLGVBQWUscUpBUXRCLG1DQUFtQyxtR0FGckMsaUJBQWlCLHVFQ2pFakMsbTZGQTZGQTs7NEZEdkNhLHlCQUF5QjtrQkFOckMsU0FBUzsrQkFDSSx3QkFBd0IsbUJBR2pCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ21DLFFBQVE7c0JBQWhELEtBQUs7dUJBQUUsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFO2dCQUM3QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUUwQixpQkFBaUI7c0JBQWhELFNBQVM7dUJBQUUsaUJBQWlCO2dCQUVzQixjQUFjO3NCQUFoRSxZQUFZO3VCQUFDLG1DQUFtQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRGlyZWN0aXZlLCBJbnB1dCwgbnVtYmVyQXR0cmlidXRlLCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE1hdE1lbnVQYW5lbCB9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9tZW51XCI7XG5pbXBvcnQgeyBOcmNsQmFzZSB9IGZyb20gXCIuLi8uLi9kaXJlY3RpdmVzL25yY2wuYmFzZVwiO1xuaW1wb3J0IHsgU2NoZWR1bGVDb21wb25lbnQsIFNjaGVkdWxlUHJvdmlkZXIsIFNjaGVkdWxlUm93LCBTY2hlZHVsZVJvd0l0ZW0gfSBmcm9tIFwiLi4vc2NoZWR1bGUvc2NoZWR1bGUuY29tcG9uZW50XCI7XG5cbkBEaXJlY3RpdmUoIHtcbiAgICBzZWxlY3RvcjogJ1tucmNsUmVzb3VyY2VTY2hlZHVsZVJvd0hlYWRpbmddJ1xufSApXG5leHBvcnQgY2xhc3MgUmVzb3VyY2VTY2hlZHVsZVJvd0hlYWRpbmdEaXJlY3RpdmUge1xuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT5cbiAgICApe31cbn1cblxuLy8gPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT1cblxuZXhwb3J0IHR5cGUgUmVzb3VyY2VTY2hlZHVsZUl0ZW1UeXBlcyA9IFxuICAgICdlbXB0eScgfFxuICAgIFxuICAgICdvdXQtb2Ytc2VydmljZScgfFxuICAgIFxuICAgICdhdmFpbGFibGUtcm9zdGVyZWQnIHxcbiAgICAnYXZhaWxhYmxlLWR1dHktZGF5JyB8XG4gICAgJ2F2YWlsYWJsZS1zdGFuZGJ5LWRheScgfFxuICAgICdhdmFpbGFibGUtb2ZmLWRheScgfFxuICAgICdhdmFpbGFibGUtcmVndWxhci1kYXknIHxcbiAgICAnYXZhaWxhYmxlLWhpcmVkJyB8XG5cbiAgICAnYXNzaWduZWQtcm9zdGVyZWQnIHxcbiAgICAnYXNzaWduZWQtZHV0eS1kYXknIHxcbiAgICAnYXNzaWduZWQtc3RhbmRieS1kYXknIHxcbiAgICAnYXNzaWduZWQtb2ZmLWRheScgfFxuICAgICdhc3NpZ25lZC1yZWd1bGFyLWRheScgXG5cbmV4cG9ydCB0eXBlIFJlc291cmNlU2NoZWR1bGVSb3dJdGVtID0gU2NoZWR1bGVSb3dJdGVtICYge1xuICAgIG5hbWU6IFJlc291cmNlU2NoZWR1bGVJdGVtVHlwZXMsXG4gICAgYWxsb2NhdGlvblR5cGU/OiBzdHJpbmcsXG4gICAgc2hpZnRUeXBlPzogc3RyaW5nLFxuICAgIGFzc2lnbm1lbnROYW1lPzogc3RyaW5nLFxuICAgIGZ1bmN0aW9uTmFtZT86IHN0cmluZyxcbn1cblxuZXhwb3J0IHR5cGUgUmVzb3VyY2VTY2hlZHVsZVJvdyA9IFNjaGVkdWxlUm93ICYge1xuICAgIGl0ZW1zOiAoIFByb21pc2U8UmVzb3VyY2VTY2hlZHVsZVJvd0l0ZW1bXT4gKVxufVxuXG5leHBvcnQgdHlwZSBSZXNvdXJjZVNjaGVkdWxlID0gUmVzb3VyY2VTY2hlZHVsZVJvd1tdXG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm5yY2wtcmVzb3VyY2Utc2NoZWR1bGVcIixcbiAgICB0ZW1wbGF0ZVVybDogXCIuL3Jlc291cmNlLXNjaGVkdWxlLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmw6IFwiLi9yZXNvdXJjZS1zY2hlZHVsZS5jb21wb25lbnQuc2Nzc1wiLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIFJlc291cmNlU2NoZWR1bGVDb21wb25lbnQgZXh0ZW5kcyBOcmNsQmFzZSB7XG4gICAgQElucHV0KCkgcHJvdmlkZXI/OiBTY2hlZHVsZVByb3ZpZGVyXG4gICAgQElucHV0KCkgc3RhcnREYXRlPzogc3RyaW5nXG4gICAgQElucHV0KCkgaGlnaGxpZ2h0RGF0ZT86IHN0cmluZ1xuICAgIEBJbnB1dCgpIHdlZWtTdGFydCA9IDBcbiAgICBASW5wdXQoIHsgdHJhbnNmb3JtOiBudW1iZXJBdHRyaWJ1dGUgfSApIGRheUNvdW50PzogbnVtYmVyXG4gICAgQElucHV0KCkgbWVudT86IE1hdE1lbnVQYW5lbFxuICAgIEBJbnB1dCgpIGhvdmVyID0gdHJ1ZVxuICAgIEBJbnB1dCgpIHBhZ2luYXRpb24gPSB0cnVlXG4gICAgQElucHV0KCkgaGVhZGluZyA9IHRydWVcblxuICAgIEBWaWV3Q2hpbGQoIFNjaGVkdWxlQ29tcG9uZW50ICkgc2NoZWR1bGVDb21wb25lbnQ/OiBTY2hlZHVsZUNvbXBvbmVudFxuXG4gICAgQENvbnRlbnRDaGlsZChSZXNvdXJjZVNjaGVkdWxlUm93SGVhZGluZ0RpcmVjdGl2ZSkgaGVhZGVyVGVtcGxhdGUhOiBSZXNvdXJjZVNjaGVkdWxlUm93SGVhZGluZ0RpcmVjdGl2ZVxufVxuIiwiPG5yY2wtc2NoZWR1bGUgI3NjaGVkdWxlXG4gICAgW3Byb3ZpZGVyXT1cInByb3ZpZGVyXCJcbiAgICBbc3RhcnREYXRlXT1cInN0YXJ0RGF0ZVwiXG4gICAgW2hpZ2hsaWdodERhdGVdPVwiaGlnaGxpZ2h0RGF0ZVwiXG4gICAgW3dlZWtTdGFydF09XCJ3ZWVrU3RhcnRcIlxuICAgIFtkYXlDb3VudF09XCJkYXlDb3VudFwiXG4gICAgW21lbnVdPVwibWVudVwiXG4gICAgW2hvdmVyXT1cImhvdmVyXCJcbiAgICBbcGFnaW5hdGlvbl09XCJwYWdpbmF0aW9uXCJcbiAgICBbaGVhZGluZ109XCJoZWFkaW5nXCJcbj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cbiAgICA8bmctdGVtcGxhdGUgbnJjbFNjaGVkdWxlUm93SGVhZGluZyBsZXQtaXRlbT5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBcbiAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImhlYWRlclRlbXBsYXRlLnRlbXBsYXRlXCJcbiAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogaXRlbSB9XCIgICAgICAgICAgICBcbiAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgIDwvbmctdGVtcGxhdGU+XG5cblxuICAgIDxuZy10ZW1wbGF0ZSBucmNsU2NoZWR1bGVJdGVtPVwib3V0LW9mLXNlcnZpY2VcIiBsZXQtZGF0YT5cbiAgICAgICAgPGgxPk9PUzwvaDE+XG4gICAgICAgIDxoMj57eyBkYXRhLmFsbG9jYXRpb25UeXBlIH19PC9oMj5cbiAgICAgICAgPGgzPnt7IGRhdGEuc2hpZnRUeXBlIH19PC9oMz5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgXG4gICAgPG5nLXRlbXBsYXRlIG5yY2xTY2hlZHVsZUl0ZW09XCJhdmFpbGFibGUtcm9zdGVyZWRcIiBsZXQtZGF0YT5cbiAgICAgICAgPGgxPkF2YWlsYWJsZTwvaDE+XG4gICAgICAgIDxoMj57eyBkYXRhLmFsbG9jYXRpb25UeXBlIH19PC9oMj5cbiAgICAgICAgPGgzPnt7IGRhdGEuc2hpZnRUeXBlIH19PC9oMz5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPG5nLXRlbXBsYXRlIG5yY2xTY2hlZHVsZUl0ZW09XCJhdmFpbGFibGUtZHV0eS1kYXlcIiBsZXQtZGF0YT5cbiAgICAgICAgPGgxPkF2YWlsYWJsZTwvaDE+XG4gICAgICAgIDxoMj57eyBkYXRhLmFsbG9jYXRpb25UeXBlIH19PC9oMj5cbiAgICAgICAgPGgzPnt7IGRhdGEuc2hpZnRUeXBlIH19PC9oMz5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPG5nLXRlbXBsYXRlIG5yY2xTY2hlZHVsZUl0ZW09XCJhdmFpbGFibGUtc3RhbmRieS1kYXlcIiBsZXQtZGF0YT5cbiAgICAgICAgPGgxPkF2YWlsYWJsZTwvaDE+XG4gICAgICAgIDxoMj57eyBkYXRhLmFsbG9jYXRpb25UeXBlIH19PC9oMj5cbiAgICAgICAgPGgzPnt7IGRhdGEuc2hpZnRUeXBlIH19PC9oMz5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPG5nLXRlbXBsYXRlIG5yY2xTY2hlZHVsZUl0ZW09XCJhdmFpbGFibGUtb2ZmLWRheVwiIGxldC1kYXRhPlxuICAgICAgICA8aDE+QXZhaWxhYmxlPC9oMT5cbiAgICAgICAgPGgyPnt7IGRhdGEuYWxsb2NhdGlvblR5cGUgfX08L2gyPlxuICAgICAgICA8aDM+e3sgZGF0YS5zaGlmdFR5cGUgfX08L2gzPlxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8bmctdGVtcGxhdGUgbnJjbFNjaGVkdWxlSXRlbT1cImF2YWlsYWJsZS1yZWd1bGFyLWRheVwiIGxldC1kYXRhPlxuICAgICAgICA8aDE+QXZhaWxhYmxlPC9oMT5cbiAgICAgICAgPGgyPnt7IGRhdGEuYWxsb2NhdGlvblR5cGUgfX08L2gyPlxuICAgICAgICA8aDM+e3sgZGF0YS5zaGlmdFR5cGUgfX08L2gzPlxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8bmctdGVtcGxhdGUgbnJjbFNjaGVkdWxlSXRlbT1cImF2YWlsYWJsZS1oaXJlZFwiIGxldC1kYXRhPlxuICAgIDwvbmctdGVtcGxhdGU+XG5cblxuICAgIDxuZy10ZW1wbGF0ZSBucmNsU2NoZWR1bGVJdGVtPVwiYXNzaWduZWQtcm9zdGVyZWRcIiBsZXQtZGF0YT5cbiAgICAgICAgPGgxPnt7IGRhdGEuYXNzaWdubWVudE5hbWUgfX08L2gxPlxuICAgICAgICA8aDI+e3sgZGF0YS5mdW5jdGlvbk5hbWUgfX08L2gyPlxuICAgICAgICA8aDM+e3sgZGF0YS5zaGlmdFR5cGUgfX08L2gzPlxuICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICA8bmctdGVtcGxhdGUgbnJjbFNjaGVkdWxlSXRlbT1cImFzc2lnbmVkLWR1dHktZGF5XCIgbGV0LWRhdGE+XG4gICAgICAgIDxoMT57eyBkYXRhLmFzc2lnbm1lbnROYW1lIH19PC9oMT5cbiAgICAgICAgPGgyPnt7IGRhdGEuZnVuY3Rpb25OYW1lIH19PC9oMj5cbiAgICAgICAgPGgzPnt7IGRhdGEuc2hpZnRUeXBlIH19PC9oMz5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPG5nLXRlbXBsYXRlIG5yY2xTY2hlZHVsZUl0ZW09XCJhc3NpZ25lZC1zdGFuZGJ5LWRheVwiIGxldC1kYXRhPlxuICAgICAgICA8aDE+e3sgZGF0YS5hc3NpZ25tZW50TmFtZSB9fTwvaDE+XG4gICAgICAgIDxoMj57eyBkYXRhLmZ1bmN0aW9uTmFtZSB9fTwvaDI+XG4gICAgICAgIDxoMz57eyBkYXRhLnNoaWZ0VHlwZSB9fTwvaDM+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxuZy10ZW1wbGF0ZSBucmNsU2NoZWR1bGVJdGVtPVwiYXNzaWduZWQtb2ZmLWRheVwiIGxldC1kYXRhPlxuICAgICAgICA8aDE+e3sgZGF0YS5hc3NpZ25tZW50TmFtZSB9fTwvaDE+XG4gICAgICAgIDxoMj57eyBkYXRhLmZ1bmN0aW9uTmFtZSB9fTwvaDI+XG4gICAgICAgIDxoMz57eyBkYXRhLnNoaWZ0VHlwZSB9fTwvaDM+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxuZy10ZW1wbGF0ZSBucmNsU2NoZWR1bGVJdGVtPVwiYXNzaWduZWQtcmVndWxhci1kYXlcIiBsZXQtZGF0YT5cbiAgICAgICAgPGgxPnt7IGRhdGEuYXNzaWdubWVudE5hbWUgfX08L2gxPlxuICAgICAgICA8aDI+e3sgZGF0YS5mdW5jdGlvbk5hbWUgfX08L2gyPlxuICAgICAgICA8aDM+e3sgZGF0YS5zaGlmdFR5cGUgfX08L2gzPlxuICAgIDwvbmctdGVtcGxhdGU+XG48L25yY2wtc2NoZWR1bGU+XG5cbiJdfQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Directive, Input, TemplateRef, ViewContainerRef, HostListener, ElementRef, inject, Component, numberAttribute } from '@angular/core';
|
|
1
|
+
import { Directive, Input, TemplateRef, ViewContainerRef, HostListener, ElementRef, inject, Component, numberAttribute, Renderer2 } from '@angular/core';
|
|
2
2
|
import { Overlay } from '@angular/cdk/overlay';
|
|
3
3
|
import { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -25,10 +25,13 @@ export class TooltipDirective {
|
|
|
25
25
|
this.overlay = inject(Overlay);
|
|
26
26
|
this.elementRef = inject(ElementRef);
|
|
27
27
|
this.viewContainerRef = inject(ViewContainerRef);
|
|
28
|
+
this.renderer = inject(Renderer2);
|
|
28
29
|
this.tooltipDelay = 300;
|
|
29
30
|
this.overlayRef = null;
|
|
30
31
|
}
|
|
31
32
|
show() {
|
|
33
|
+
if (this.hideTooltipTimeout)
|
|
34
|
+
clearTimeout(this.hideTooltipTimeout);
|
|
32
35
|
if (this.overlayRef || !this.tooltipTemplate)
|
|
33
36
|
return;
|
|
34
37
|
const positionStrategy = this.overlay
|
|
@@ -43,6 +46,14 @@ export class TooltipDirective {
|
|
|
43
46
|
scrollStrategy: this.overlay.scrollStrategies.reposition(),
|
|
44
47
|
panelClass: ['nrcl-tooltip-panel', ...(this.tooltipClass ? [this.tooltipClass] : [])],
|
|
45
48
|
});
|
|
49
|
+
const overlayElement = this.overlayRef.overlayElement;
|
|
50
|
+
this.renderer.listen(overlayElement, 'mouseenter', () => {
|
|
51
|
+
if (this.hideTooltipTimeout)
|
|
52
|
+
clearTimeout(this.hideTooltipTimeout);
|
|
53
|
+
});
|
|
54
|
+
this.renderer.listen(overlayElement, 'mouseleave', () => {
|
|
55
|
+
this.hide();
|
|
56
|
+
});
|
|
46
57
|
if (this.tooltipTemplate instanceof TemplateRef) {
|
|
47
58
|
const portal = new TemplatePortal(this.tooltipTemplate, this.viewContainerRef, this.tooltipContext);
|
|
48
59
|
setTimeout(() => {
|
|
@@ -59,7 +70,9 @@ export class TooltipDirective {
|
|
|
59
70
|
}
|
|
60
71
|
}
|
|
61
72
|
hide() {
|
|
62
|
-
this.
|
|
73
|
+
this.hideTooltipTimeout = setTimeout(() => {
|
|
74
|
+
this.closeTooltip();
|
|
75
|
+
}, this.tooltipDelay);
|
|
63
76
|
}
|
|
64
77
|
ngOnDestroy() {
|
|
65
78
|
this.closeTooltip();
|
|
@@ -98,4 +111,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
98
111
|
type: HostListener,
|
|
99
112
|
args: ['mouseleave']
|
|
100
113
|
}] } });
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
114
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uci1uZ3gtY29tcG9uZW50LWxpYi9zcmMvZGlyZWN0aXZlcy90b29sdGlwL3Rvb2x0aXAuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxnQkFBZ0IsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6SixPQUFPLEVBQUUsT0FBTyxFQUFjLE1BQU0sc0JBQXNCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFnQnRFLE1BQU0sT0FBTyxnQkFBZ0I7SUFaN0I7UUFhYSxTQUFJLEdBQVcsRUFBRSxDQUFDO0tBQzlCOytHQUZZLGdCQUFnQjttR0FBaEIsZ0JBQWdCLHNGQVZmOztLQUVUOzs0RkFRUSxnQkFBZ0I7a0JBWjVCLFNBQVM7K0JBQ0ksc0JBQXNCLFlBQ3RCOztLQUVUOzhCQVNRLElBQUk7c0JBQVosS0FBSzs7QUFHViw4RkFBOEY7QUFLOUYsTUFBTSxPQUFPLGdCQUFnQjtJQUg3QjtRQUlZLFlBQU8sR0FBRyxNQUFNLENBQUUsT0FBTyxDQUFFLENBQUE7UUFDM0IsZUFBVSxHQUFHLE1BQU0sQ0FBRSxVQUFVLENBQUUsQ0FBQTtRQUNqQyxxQkFBZ0IsR0FBRyxNQUFNLENBQUUsZ0JBQWdCLENBQUUsQ0FBQTtRQUM3QyxhQUFRLEdBQUcsTUFBTSxDQUFFLFNBQVMsQ0FBRSxDQUFBO1FBSzhCLGlCQUFZLEdBQUcsR0FBRyxDQUFBO1FBRTlFLGVBQVUsR0FBc0IsSUFBSSxDQUFBO0tBb0UvQztJQWhFRyxJQUFJO1FBQ0EsSUFBSyxJQUFJLENBQUMsa0JBQWtCO1lBQUcs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O1FBQ1AsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFBO0lBQ3ZCLENBQUM7SUFFTyxZQUFZO1FBQ2hCLElBQUssSUFBSSxDQUFDLFVBQVUsRUFBRyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxFQUFFLENBQUE7WUFDeEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLEVBQUUsQ0FBQTtZQUN6QixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQTtRQUMxQixDQUFDO0lBQ0wsQ0FBQzsrR0E5RVEsZ0JBQWdCO21HQUFoQixnQkFBZ0IsNlBBU3VCLGVBQWU7OzRGQVR0RCxnQkFBZ0I7a0JBSDVCLFNBQVM7bUJBQUU7b0JBQ1IsUUFBUSxFQUFFLGVBQWU7aUJBQzVCOzhCQU8yQixlQUFlO3NCQUF0QyxLQUFLO3VCQUFFLGFBQWE7Z0JBQ1UsY0FBYztzQkFBNUMsS0FBSzt1QkFBRSxvQkFBb0I7Z0JBQ0MsWUFBWTtzQkFBeEMsS0FBSzt1QkFBRSxrQkFBa0I7Z0JBQzBDLFlBQVk7c0JBQS9FLEtBQUs7dUJBQUUsRUFBRSxLQUFLLEVBQUUsa0JBQWtCLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRTtnQkFNakUsSUFBSTtzQkFESCxZQUFZO3VCQUFFLFlBQVk7Z0JBZ0QzQixJQUFJO3NCQURILFlBQVk7dUJBQUUsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q29udGFpbmVyUmVmLCBIb3N0TGlzdGVuZXIsIEVsZW1lbnRSZWYsIGluamVjdCwgQ29tcG9uZW50LCBudW1iZXJBdHRyaWJ1dGUsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcbmltcG9ydCB7IENvbXBvbmVudFBvcnRhbCwgVGVtcGxhdGVQb3J0YWwgfSBmcm9tICdAYW5ndWxhci9jZGsvcG9ydGFsJztcblxuXG5cbkBDb21wb25lbnQoIHtcbiAgICBzZWxlY3RvcjogJ25yY2wtZGVmYXVsdC10b29sdGlwJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgICAgICB7eyB0ZXh0IH19XG4gICAgYCxcbiAgICBzdHlsZXM6IFsgYFxuICAgICAgICA6aG9zdCB7XG4gICAgICAgICAgICB3aGl0ZS1zcGFjZTogcHJlLWxpbmU7XG4gICAgICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICB9XG4gICAgYF1cbn0gKVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHRleHQ6IHN0cmluZyA9ICcnO1xufVxuXG4vLyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjXG5cbkBEaXJlY3RpdmUoIHtcbiAgICBzZWxlY3RvcjogJ1tucmNsVG9vbHRpcF0nLFxufSApXG5leHBvcnQgY2xhc3MgVG9vbHRpcERpcmVjdGl2ZSB7XG4gICAgcHJpdmF0ZSBvdmVybGF5ID0gaW5qZWN0KCBPdmVybGF5IClcbiAgICBwcml2YXRlIGVsZW1lbnRSZWYgPSBpbmplY3QoIEVsZW1lbnRSZWYgKVxuICAgIHByaXZhdGUgdmlld0NvbnRhaW5lclJlZiA9IGluamVjdCggVmlld0NvbnRhaW5lclJlZiApXG4gICAgcHJpdmF0ZSByZW5kZXJlciA9IGluamVjdCggUmVuZGVyZXIyIClcblxuICAgIEBJbnB1dCggJ25yY2xUb29sdGlwJyApIHRvb2x0aXBUZW1wbGF0ZSE6IFRlbXBsYXRlUmVmPGFueT4gfCBzdHJpbmdcbiAgICBASW5wdXQoICducmNsVG9vbHRpcENvbnRleHQnICkgdG9vbHRpcENvbnRleHQ6IGFueVxuICAgIEBJbnB1dCggJ25yY2xUb29sdGlwQ2xhc3MnICkgdG9vbHRpcENsYXNzPzogc3RyaW5nXG4gICAgQElucHV0KCB7IGFsaWFzOiAnbnJjbFRvb2x0aXBEZWxheScsIHRyYW5zZm9ybTogbnVtYmVyQXR0cmlidXRlIH0gKSB0b29sdGlwRGVsYXkgPSAzMDBcblxuICAgIHByaXZhdGUgb3ZlcmxheVJlZjogT3ZlcmxheVJlZiB8IG51bGwgPSBudWxsXG4gICAgcHJpdmF0ZSBoaWRlVG9vbHRpcFRpbWVvdXQ/OiBhbnlcblxuICAgIEBIb3N0TGlzdGVuZXIoICdtb3VzZWVudGVyJyApXG4gICAgc2hvdygpIHtcbiAgICAgICAgaWYgKCB0aGlzLmhpZGVUb29sdGlwVGltZW91dCApIGNsZWFyVGltZW91dCggdGhpcy5oaWRlVG9vbHRpcFRpbWVvdXQgKVxuXG4gICAgICAgIGlmICggdGhpcy5vdmVybGF5UmVmIHx8ICF0aGlzLnRvb2x0aXBUZW1wbGF0ZSApIHJldHVyblxuXG4gICAgICAgIGNvbnN0IHBvc2l0aW9uU3RyYXRlZ3kgPSB0aGlzLm92ZXJsYXlcbiAgICAgICAgICAgIC5wb3NpdGlvbigpXG4gICAgICAgICAgICAuZmxleGlibGVDb25uZWN0ZWRUbyggdGhpcy5lbGVtZW50UmVmIClcbiAgICAgICAgICAgIC53aXRoUG9zaXRpb25zKCBbXG4gICAgICAgICAgICAgICAgeyBvcmlnaW5YOiAnc3RhcnQnLCBvcmlnaW5ZOiAnYm90dG9tJywgb3ZlcmxheVg6ICdzdGFydCcsIG92ZXJsYXlZOiAndG9wJywgb2Zmc2V0WTogOCB9LCAvLyBCb3R0b21cbiAgICAgICAgICAgICAgICB7IG9yaWdpblg6ICdzdGFydCcsIG9yaWdpblk6ICd0b3AnLCBvdmVybGF5WDogJ3N0YXJ0Jywgb3ZlcmxheVk6ICdib3R0b20nLCBvZmZzZXRZOiAtOCB9IC8vIFRvcCBmYWxsYmFja1xuICAgICAgICAgICAgXSApXG5cbiAgICAgICAgdGhpcy5vdmVybGF5UmVmID0gdGhpcy5vdmVybGF5LmNyZWF0ZSgge1xuICAgICAgICAgICAgcG9zaXRpb25TdHJhdGVneSxcbiAgICAgICAgICAgIHNjcm9sbFN0cmF0ZWd5OiB0aGlzLm92ZXJsYXkuc2Nyb2xsU3RyYXRlZ2llcy5yZXBvc2l0aW9uKCksXG4gICAgICAgICAgICBwYW5lbENsYXNzOiBbICducmNsLXRvb2x0aXAtcGFuZWwnLCAuLi4oIHRoaXMudG9vbHRpcENsYXNzID8gWyB0aGlzLnRvb2x0aXBDbGFzcyBdOiBbXSApIF0sXG4gICAgICAgIH0gKVxuXG4gICAgICAgIGNvbnN0IG92ZXJsYXlFbGVtZW50ID0gdGhpcy5vdmVybGF5UmVmLm92ZXJsYXlFbGVtZW50O1xuXG4gICAgICAgIHRoaXMucmVuZGVyZXIubGlzdGVuKG92ZXJsYXlFbGVtZW50LCAnbW91c2VlbnRlcicsICgpID0+IHtcbiAgICAgICAgICAgIGlmICh0aGlzLmhpZGVUb29sdGlwVGltZW91dCkgY2xlYXJUaW1lb3V0KHRoaXMuaGlkZVRvb2x0aXBUaW1lb3V0KTtcbiAgICAgICAgfSk7XG5cbiAgICAgICAgdGhpcy5yZW5kZXJlci5saXN0ZW4ob3ZlcmxheUVsZW1lbnQsICdtb3VzZWxlYXZlJywgKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5oaWRlKCk7XG4gICAgICAgIH0gKVxuXG4gICAgICAgIGlmICggdGhpcy50b29sdGlwVGVtcGxhdGUgaW5zdGFuY2VvZiBUZW1wbGF0ZVJlZiApIHtcbiAgICAgICAgICAgIGNvbnN0IHBvcnRhbCA9IG5ldyBUZW1wbGF0ZVBvcnRhbCggdGhpcy50b29sdGlwVGVtcGxhdGUsIHRoaXMudmlld0NvbnRhaW5lclJlZiwgdGhpcy50b29sdGlwQ29udGV4dCApXG4gICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLm92ZXJsYXlSZWY/LmF0dGFjaCggcG9ydGFsIClcbiAgICAgICAgICAgIH0sIHRoaXMudG9vbHRpcERlbGF5IClcbiAgICAgICAgfVxuICAgICAgICBlbHNlIHtcbiAgICAgICAgICAgIGNvbnN0IGNvbXBvbmVudFBvcnRhbCA9IG5ldyBDb21wb25lbnRQb3J0YWwoIFRvb2x0aXBDb21wb25lbnQsIHRoaXMudmlld0NvbnRhaW5lclJlZiApXG4gICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBjb21wb25lbnRSZWYgPSB0aGlzLm92ZXJsYXlSZWY/LmF0dGFjaCggY29tcG9uZW50UG9ydGFsIClcblxuICAgICAgICAgICAgICAgIGlmICggY29tcG9uZW50UmVmIClcbiAgICAgICAgICAgICAgICAgICAgY29tcG9uZW50UmVmLmluc3RhbmNlLnRleHQgPSB0aGlzLnRvb2x0aXBUZW1wbGF0ZSBhcyBzdHJpbmdcbiAgICAgICAgICAgIH0sIHRoaXMudG9vbHRpcERlbGF5IClcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoICdtb3VzZWxlYXZlJyApXG4gICAgaGlkZSgpIHtcbiAgICAgICAgdGhpcy5oaWRlVG9vbHRpcFRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuY2xvc2VUb29sdGlwKClcbiAgICAgICAgfSwgdGhpcy50b29sdGlwRGVsYXkgKVxuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLmNsb3NlVG9vbHRpcCgpXG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjbG9zZVRvb2x0aXAoKSB7XG4gICAgICAgIGlmICggdGhpcy5vdmVybGF5UmVmICkge1xuICAgICAgICAgICAgdGhpcy5vdmVybGF5UmVmLmRldGFjaCgpXG4gICAgICAgICAgICB0aGlzLm92ZXJsYXlSZWYuZGlzcG9zZSgpXG4gICAgICAgICAgICB0aGlzLm92ZXJsYXlSZWYgPSBudWxsXG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=
|
|
@@ -2453,10 +2453,13 @@ class TooltipDirective {
|
|
|
2453
2453
|
this.overlay = inject(Overlay);
|
|
2454
2454
|
this.elementRef = inject(ElementRef);
|
|
2455
2455
|
this.viewContainerRef = inject(ViewContainerRef);
|
|
2456
|
+
this.renderer = inject(Renderer2);
|
|
2456
2457
|
this.tooltipDelay = 300;
|
|
2457
2458
|
this.overlayRef = null;
|
|
2458
2459
|
}
|
|
2459
2460
|
show() {
|
|
2461
|
+
if (this.hideTooltipTimeout)
|
|
2462
|
+
clearTimeout(this.hideTooltipTimeout);
|
|
2460
2463
|
if (this.overlayRef || !this.tooltipTemplate)
|
|
2461
2464
|
return;
|
|
2462
2465
|
const positionStrategy = this.overlay
|
|
@@ -2471,6 +2474,14 @@ class TooltipDirective {
|
|
|
2471
2474
|
scrollStrategy: this.overlay.scrollStrategies.reposition(),
|
|
2472
2475
|
panelClass: ['nrcl-tooltip-panel', ...(this.tooltipClass ? [this.tooltipClass] : [])],
|
|
2473
2476
|
});
|
|
2477
|
+
const overlayElement = this.overlayRef.overlayElement;
|
|
2478
|
+
this.renderer.listen(overlayElement, 'mouseenter', () => {
|
|
2479
|
+
if (this.hideTooltipTimeout)
|
|
2480
|
+
clearTimeout(this.hideTooltipTimeout);
|
|
2481
|
+
});
|
|
2482
|
+
this.renderer.listen(overlayElement, 'mouseleave', () => {
|
|
2483
|
+
this.hide();
|
|
2484
|
+
});
|
|
2474
2485
|
if (this.tooltipTemplate instanceof TemplateRef) {
|
|
2475
2486
|
const portal = new TemplatePortal(this.tooltipTemplate, this.viewContainerRef, this.tooltipContext);
|
|
2476
2487
|
setTimeout(() => {
|
|
@@ -2487,7 +2498,9 @@ class TooltipDirective {
|
|
|
2487
2498
|
}
|
|
2488
2499
|
}
|
|
2489
2500
|
hide() {
|
|
2490
|
-
this.
|
|
2501
|
+
this.hideTooltipTimeout = setTimeout(() => {
|
|
2502
|
+
this.closeTooltip();
|
|
2503
|
+
}, this.tooltipDelay);
|
|
2491
2504
|
}
|
|
2492
2505
|
ngOnDestroy() {
|
|
2493
2506
|
this.closeTooltip();
|
|
@@ -2731,11 +2744,11 @@ class ResourceScheduleComponent extends NrclBase {
|
|
|
2731
2744
|
this.heading = true;
|
|
2732
2745
|
}
|
|
2733
2746
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResourceScheduleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2734
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: ResourceScheduleComponent, selector: "nrcl-resource-schedule", inputs: { provider: "provider", startDate: "startDate", highlightDate: "highlightDate", weekStart: "weekStart", dayCount: ["dayCount", "dayCount", numberAttribute], menu: "menu", hover: "hover", pagination: "pagination", heading: "heading" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ResourceScheduleRowHeadingDirective, descendants: true }], viewQueries: [{ propertyName: "scheduleComponent", first: true, predicate: ScheduleComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<nrcl-schedule #schedule\n [provider]=\"provider\"\n [startDate]=\"startDate\"\n [highlightDate]=\"highlightDate\"\n [weekStart]=\"weekStart\"\n [dayCount]=\"dayCount\"\n [menu]=\"menu\"\n [hover]=\"hover\"\n [pagination]=\"pagination\"\n [heading]=\"heading\"\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\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
|
|
2747
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.14", type: ResourceScheduleComponent, selector: "nrcl-resource-schedule", inputs: { provider: "provider", startDate: "startDate", highlightDate: "highlightDate", weekStart: "weekStart", dayCount: ["dayCount", "dayCount", numberAttribute], menu: "menu", hover: "hover", pagination: "pagination", heading: "heading" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ResourceScheduleRowHeadingDirective, descendants: true }], viewQueries: [{ propertyName: "scheduleComponent", first: true, predicate: ScheduleComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<nrcl-schedule #schedule\n [provider]=\"provider\"\n [startDate]=\"startDate\"\n [highlightDate]=\"highlightDate\"\n [weekStart]=\"weekStart\"\n [dayCount]=\"dayCount\"\n [menu]=\"menu\"\n [hover]=\"hover\"\n [pagination]=\"pagination\"\n [heading]=\"heading\"\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\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 \n <ng-template nrclScheduleItem=\"available-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=\"available-duty-day\" let-data>\n <h1>Available</h1>\n <h2>{{ data.allocationType }}</h2>\n <h3>{{ data.shiftType }}</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 </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 </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 </ng-template>\n\n <ng-template nrclScheduleItem=\"available-hired\" let-data>\n </ng-template>\n\n\n <ng-template nrclScheduleItem=\"assigned-rostered\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-duty-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-standby-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-off-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-regular-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n</nrcl-schedule>\n\n", styles: ["::ng-deep :root{--nrcl-resource-schedule-item-foreground-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: #09A748;--nrcl-resource-schedule-item-off-day-background-color: #D4D2D2;--nrcl-resource-schedule-item-duty-day-background-color: #2E9FE0;--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: #BCA8F1;--nrcl-resource-schedule-item-hired-background-color: #CEEDDA;--nrcl-resource-schedule-item-empty-background-color: #FFFFFF}: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-foreground-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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{white-space:wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:0;overflow:hidden}.nrcl-schedule ::ng-deep .inner.item:has(h2:empty):has(h3:empty) h1{flex-grow:1;text-align:center;display:flex;justify-content:center;align-items:center}.nrcl-schedule ::ng-deep .inner.item:has(h2:empty):has(h3:empty) h2,.nrcl-schedule ::ng-deep .inner.item:has(h2:empty):has(h3:empty) h3{display:none}.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-empty{background-color:var(--nrcl-resource-schedule-item-empty-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-available-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-available-hired{background-color:var(--nrcl-resource-schedule-item-hired-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-assigned-rostered{background-color:var(--nrcl-resource-schedule-item-rostered-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", "hover", "pagination", "heading", "highlightDate"] }, { kind: "directive", type: ScheduleItemDirective, selector: "[nrclScheduleItem]", inputs: ["nrclScheduleItem"] }, { kind: "directive", type: ScheduleRowHeadingDirective, selector: "[nrclScheduleRowHeading]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2735
2748
|
}
|
|
2736
2749
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ResourceScheduleComponent, decorators: [{
|
|
2737
2750
|
type: Component,
|
|
2738
|
-
args: [{ selector: "nrcl-resource-schedule", changeDetection: ChangeDetectionStrategy.OnPush, template: "<nrcl-schedule #schedule\n [provider]=\"provider\"\n [startDate]=\"startDate\"\n [highlightDate]=\"highlightDate\"\n [weekStart]=\"weekStart\"\n [dayCount]=\"dayCount\"\n [menu]=\"menu\"\n [hover]=\"hover\"\n [pagination]=\"pagination\"\n [heading]=\"heading\"\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\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
|
|
2751
|
+
args: [{ selector: "nrcl-resource-schedule", changeDetection: ChangeDetectionStrategy.OnPush, template: "<nrcl-schedule #schedule\n [provider]=\"provider\"\n [startDate]=\"startDate\"\n [highlightDate]=\"highlightDate\"\n [weekStart]=\"weekStart\"\n [dayCount]=\"dayCount\"\n [menu]=\"menu\"\n [hover]=\"hover\"\n [pagination]=\"pagination\"\n [heading]=\"heading\"\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\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 \n <ng-template nrclScheduleItem=\"available-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=\"available-duty-day\" let-data>\n <h1>Available</h1>\n <h2>{{ data.allocationType }}</h2>\n <h3>{{ data.shiftType }}</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 </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 </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 </ng-template>\n\n <ng-template nrclScheduleItem=\"available-hired\" let-data>\n </ng-template>\n\n\n <ng-template nrclScheduleItem=\"assigned-rostered\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-duty-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-standby-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-off-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n\n <ng-template nrclScheduleItem=\"assigned-regular-day\" let-data>\n <h1>{{ data.assignmentName }}</h1>\n <h2>{{ data.functionName }}</h2>\n <h3>{{ data.shiftType }}</h3>\n </ng-template>\n</nrcl-schedule>\n\n", styles: ["::ng-deep :root{--nrcl-resource-schedule-item-foreground-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: #09A748;--nrcl-resource-schedule-item-off-day-background-color: #D4D2D2;--nrcl-resource-schedule-item-duty-day-background-color: #2E9FE0;--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: #BCA8F1;--nrcl-resource-schedule-item-hired-background-color: #CEEDDA;--nrcl-resource-schedule-item-empty-background-color: #FFFFFF}: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-foreground-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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{white-space:wrap;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:0;overflow:hidden}.nrcl-schedule ::ng-deep .inner.item:has(h2:empty):has(h3:empty) h1{flex-grow:1;text-align:center;display:flex;justify-content:center;align-items:center}.nrcl-schedule ::ng-deep .inner.item:has(h2:empty):has(h3:empty) h2,.nrcl-schedule ::ng-deep .inner.item:has(h2:empty):has(h3:empty) h3{display:none}.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-empty{background-color:var(--nrcl-resource-schedule-item-empty-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-available-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-available-hired{background-color:var(--nrcl-resource-schedule-item-hired-background-color)}.nrcl-schedule ::ng-deep .inner.item.item-assigned-rostered{background-color:var(--nrcl-resource-schedule-item-rostered-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"] }]
|
|
2739
2752
|
}], propDecorators: { provider: [{
|
|
2740
2753
|
type: Input
|
|
2741
2754
|
}], startDate: [{
|