ngx-wapp-components 1.34.3 → 1.34.4
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/esm2020/lib/misc/w-timeline/w-timeline.component.mjs +10 -3
- package/fesm2015/ngx-wapp-components.mjs +9 -2
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +9 -2
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/misc/w-timeline/w-timeline.component.d.ts +3 -1
- package/package.json +1 -1
|
@@ -12,6 +12,7 @@ export class WTimelineComponent {
|
|
|
12
12
|
this.setCustomOpposite = false;
|
|
13
13
|
this.customOppositeProperty = "";
|
|
14
14
|
this.isLoading = true;
|
|
15
|
+
this.emptyMessage = 'No events to show';
|
|
15
16
|
this.reducedPanelMargin = false;
|
|
16
17
|
this.reducedEventPanelMargin = false;
|
|
17
18
|
this.activePanelGrid = true;
|
|
@@ -37,12 +38,15 @@ export class WTimelineComponent {
|
|
|
37
38
|
getCustomOppositeValue(event) {
|
|
38
39
|
return this.customOppositeProperty ? event[this.customOppositeProperty] : event.date;
|
|
39
40
|
}
|
|
41
|
+
get locale() {
|
|
42
|
+
return window.navigator.language.slice(0, 2);
|
|
43
|
+
}
|
|
40
44
|
}
|
|
41
45
|
WTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
WTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WTimelineComponent, selector: "w-timeline", inputs: { events: "events", header: "header", panel: "panel", align: "align", setCustomOpposite: "setCustomOpposite", customOppositeProperty: "customOppositeProperty", isLoading: "isLoading", reducedPanelMargin: "reducedPanelMargin", reducedEventPanelMargin: "reducedEventPanelMargin", activePanelGrid: "activePanelGrid", activePanelTitle: "activePanelTitle", activePanelSubtitle: "activePanelSubtitle", disabledPanelCursor: "disabledPanelCursor", eventIdName: "eventIdName" }, outputs: { onEventCardEmit: "onEventCard" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <div class=\"col-12\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </div>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <p-timeline *ngIf=\"!isLoading; else timelineSkeleton\" [value]=\"events\" [align]=\"align\" [styleClass]=\"getClassNames()\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <span \r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-0 shadow-1 shadow-2\"\r\n [style.backgroundColor]=\"event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [class]=\"disabledPanelCursor ? '' : 'w-timeline-panel' \" [title]=\"activePanelTitle ? event.status : ''\" [subtitle]=\"activePanelSubtitle ? event.date : ''\" [activeGrid]=\"activePanelGrid\" [reduced]=\"reducedEventPanelMargin\" (click)=\"onEventCard(eventIdName ? event[eventIdName] : event)\">\r\n <ng-container *ngIf=\"contentTemplate\">\r\n <ng-container \r\n *ngTemplateOutlet=\"contentTemplate; context: { $implicit: event }\">\r\n </ng-container>\r\n </ng-container>\r\n </w-panel>\r\n </ng-template>\r\n <ng-template *ngIf=\"setCustomOpposite\" pTemplate=\"opposite\" let-event>\r\n {{ getCustomOppositeValue(event) }}\r\n </ng-template>\r\n </p-timeline>\r\n <ng-template #timelineSkeleton>\r\n <w-skeleton-timeline class=\"col-12\" [align]=\"align\" [setCustomOpposite]=\"setCustomOpposite\"></w-skeleton-timeline>\r\n </ng-template>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 0 0 16px;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 16px 0 0;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}.w-timeline-button-end{justify-content:end}.w-timeline-button-start{justify-content:start}.w-timeline-event-icon-white{color:#fff}.w-timeline-panel{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.Timeline, selector: "p-timeline", inputs: ["value", "style", "styleClass", "align", "layout"] }, { kind: "component", type: i4.WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions", "wPanelStyleClass", "wPanelContentStyleClass"] }, { kind: "component", type: i5.WSkeletonTimelineComponent, selector: "w-skeleton-timeline", inputs: ["eventsNumber", "align", "setCustomOpposite"] }] });
|
|
46
|
+
WTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WTimelineComponent, selector: "w-timeline", inputs: { events: "events", header: "header", panel: "panel", align: "align", setCustomOpposite: "setCustomOpposite", customOppositeProperty: "customOppositeProperty", isLoading: "isLoading", emptyMessage: "emptyMessage", reducedPanelMargin: "reducedPanelMargin", reducedEventPanelMargin: "reducedEventPanelMargin", activePanelGrid: "activePanelGrid", activePanelTitle: "activePanelTitle", activePanelSubtitle: "activePanelSubtitle", disabledPanelCursor: "disabledPanelCursor", eventIdName: "eventIdName" }, outputs: { onEventCardEmit: "onEventCard" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <div class=\"col-12\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </div>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <p *ngIf=\"events && events.length > 0\">\r\n <p-timeline *ngIf=\"!isLoading; else timelineSkeleton\" [value]=\"events\" [align]=\"align\" [styleClass]=\"getClassNames()\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <span \r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-0 shadow-1 shadow-2\"\r\n [style.backgroundColor]=\"event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [class]=\"disabledPanelCursor ? '' : 'w-timeline-panel' \" [title]=\"activePanelTitle ? event.status : ''\" [subtitle]=\"activePanelSubtitle ? event.date : ''\" [activeGrid]=\"activePanelGrid\" [reduced]=\"reducedEventPanelMargin\" (click)=\"onEventCard(eventIdName ? event[eventIdName] : event)\">\r\n <ng-container *ngIf=\"contentTemplate\">\r\n <ng-container \r\n *ngTemplateOutlet=\"contentTemplate; context: { $implicit: event }\">\r\n </ng-container>\r\n </ng-container>\r\n </w-panel>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"8\">{{emptyMessage}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template *ngIf=\"setCustomOpposite\" pTemplate=\"opposite\" let-event>\r\n {{ getCustomOppositeValue(event) }}\r\n </ng-template>\r\n </p-timeline>\r\n <ng-template #timelineSkeleton>\r\n <w-skeleton-timeline class=\"col-12\" [align]=\"align\" [setCustomOpposite]=\"setCustomOpposite\"></w-skeleton-timeline>\r\n </ng-template>\r\n </p>\r\n <p *ngIf=\"!events || events.length === 0\">\r\n {{emptyMessage}}\r\n </p>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 0 0 16px;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 16px 0 0;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}.w-timeline-button-end{justify-content:end}.w-timeline-button-start{justify-content:start}.w-timeline-event-icon-white{color:#fff}.w-timeline-panel{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.Timeline, selector: "p-timeline", inputs: ["value", "style", "styleClass", "align", "layout"] }, { kind: "component", type: i4.WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions", "wPanelStyleClass", "wPanelContentStyleClass"] }, { kind: "component", type: i5.WSkeletonTimelineComponent, selector: "w-skeleton-timeline", inputs: ["eventsNumber", "align", "setCustomOpposite"] }] });
|
|
43
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTimelineComponent, decorators: [{
|
|
44
48
|
type: Component,
|
|
45
|
-
args: [{ selector: 'w-timeline', template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <div class=\"col-12\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </div>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <p-timeline *ngIf=\"!isLoading; else timelineSkeleton\" [value]=\"events\" [align]=\"align\" [styleClass]=\"getClassNames()\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <span \r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-0 shadow-1 shadow-2\"\r\n [style.backgroundColor]=\"event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [class]=\"disabledPanelCursor ? '' : 'w-timeline-panel' \" [title]=\"activePanelTitle ? event.status : ''\" [subtitle]=\"activePanelSubtitle ? event.date : ''\" [activeGrid]=\"activePanelGrid\" [reduced]=\"reducedEventPanelMargin\" (click)=\"onEventCard(eventIdName ? event[eventIdName] : event)\">\r\n <ng-container *ngIf=\"contentTemplate\">\r\n <ng-container \r\n *ngTemplateOutlet=\"contentTemplate; context: { $implicit: event }\">\r\n </ng-container>\r\n </ng-container>\r\n </w-panel>\r\n </ng-template>\r\n <ng-template *ngIf=\"setCustomOpposite\" pTemplate=\"opposite\" let-event>\r\n {{ getCustomOppositeValue(event) }}\r\n </ng-template>\r\n </p-timeline>\r\n <ng-template #timelineSkeleton>\r\n <w-skeleton-timeline class=\"col-12\" [align]=\"align\" [setCustomOpposite]=\"setCustomOpposite\"></w-skeleton-timeline>\r\n </ng-template>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 0 0 16px;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 16px 0 0;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}.w-timeline-button-end{justify-content:end}.w-timeline-button-start{justify-content:start}.w-timeline-event-icon-white{color:#fff}.w-timeline-panel{cursor:pointer}\n"] }]
|
|
49
|
+
args: [{ selector: 'w-timeline', template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <div class=\"col-12\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </div>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <p *ngIf=\"events && events.length > 0\">\r\n <p-timeline *ngIf=\"!isLoading; else timelineSkeleton\" [value]=\"events\" [align]=\"align\" [styleClass]=\"getClassNames()\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <span \r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-0 shadow-1 shadow-2\"\r\n [style.backgroundColor]=\"event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [class]=\"disabledPanelCursor ? '' : 'w-timeline-panel' \" [title]=\"activePanelTitle ? event.status : ''\" [subtitle]=\"activePanelSubtitle ? event.date : ''\" [activeGrid]=\"activePanelGrid\" [reduced]=\"reducedEventPanelMargin\" (click)=\"onEventCard(eventIdName ? event[eventIdName] : event)\">\r\n <ng-container *ngIf=\"contentTemplate\">\r\n <ng-container \r\n *ngTemplateOutlet=\"contentTemplate; context: { $implicit: event }\">\r\n </ng-container>\r\n </ng-container>\r\n </w-panel>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"8\">{{emptyMessage}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template *ngIf=\"setCustomOpposite\" pTemplate=\"opposite\" let-event>\r\n {{ getCustomOppositeValue(event) }}\r\n </ng-template>\r\n </p-timeline>\r\n <ng-template #timelineSkeleton>\r\n <w-skeleton-timeline class=\"col-12\" [align]=\"align\" [setCustomOpposite]=\"setCustomOpposite\"></w-skeleton-timeline>\r\n </ng-template>\r\n </p>\r\n <p *ngIf=\"!events || events.length === 0\">\r\n {{emptyMessage}}\r\n </p>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 0 0 16px;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 16px 0 0;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}.w-timeline-button-end{justify-content:end}.w-timeline-button-start{justify-content:start}.w-timeline-event-icon-white{color:#fff}.w-timeline-panel{cursor:pointer}\n"] }]
|
|
46
50
|
}], ctorParameters: function () { return []; }, propDecorators: { events: [{
|
|
47
51
|
type: Input,
|
|
48
52
|
args: ['events']
|
|
@@ -64,6 +68,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
64
68
|
}], isLoading: [{
|
|
65
69
|
type: Input,
|
|
66
70
|
args: ['isLoading']
|
|
71
|
+
}], emptyMessage: [{
|
|
72
|
+
type: Input,
|
|
73
|
+
args: ['emptyMessage']
|
|
67
74
|
}], reducedPanelMargin: [{
|
|
68
75
|
type: Input,
|
|
69
76
|
args: ['reducedPanelMargin']
|
|
@@ -92,4 +99,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
92
99
|
type: Output,
|
|
93
100
|
args: ['onEventCard']
|
|
94
101
|
}] } });
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
102
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy10aW1lbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9taXNjL3ctdGltZWxpbmUvdy10aW1lbGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9taXNjL3ctdGltZWxpbmUvdy10aW1lbGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFxQixNQUFNLEVBQThCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBVXBJLE1BQU0sT0FBTyxrQkFBa0I7SUFvQjdCO1FBakJnQixVQUFLLEdBQVksS0FBSyxDQUFDO1FBQ3ZCLFVBQUssR0FBVyxXQUFXLENBQUM7UUFDaEIsc0JBQWlCLEdBQVksS0FBSyxDQUFDO1FBQzlCLDJCQUFzQixHQUFXLEVBQUUsQ0FBQztRQUNqRCxjQUFTLEdBQVksSUFBSSxDQUFDO1FBQ3ZCLGlCQUFZLEdBQVcsbUJBQW1CLENBQUM7UUFDckMsdUJBQWtCLEdBQVksS0FBSyxDQUFDO1FBQy9CLDRCQUF1QixHQUFZLEtBQUssQ0FBQztRQUNqRCxvQkFBZSxHQUFZLElBQUksQ0FBQztRQUMvQixxQkFBZ0IsR0FBWSxJQUFJLENBQUM7UUFDOUIsd0JBQW1CLEdBQVksSUFBSSxDQUFDO1FBQ3BDLHdCQUFtQixHQUFZLEtBQUssQ0FBQztRQUk1QyxvQkFBZSxHQUE2QyxJQUFJLFlBQVksRUFBOEIsQ0FBQztJQUVuSCxDQUFDO0lBRWhCLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFHLE9BQU8sQ0FBQyxRQUFRLENBQUMsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsYUFBYSxJQUFJLElBQUksRUFBQztZQUM5RCxJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsR0FBRyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDbkQ7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQStCO1FBQ3pDLElBQUcsS0FBSyxFQUFDO1lBQ1AsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7U0FDakM7SUFDSCxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksU0FBUyxHQUFHLFlBQVksQ0FBQztRQUM3QixPQUFPLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUMxRSxDQUFDO0lBRUQsc0JBQXNCLENBQUMsS0FBVTtRQUMvQixPQUFPLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDO0lBQ3ZGLENBQUM7SUFFRCxJQUFJLE1BQU07UUFDUixPQUFPLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUMsQ0FBQyxDQUFDLENBQUM7SUFDOUMsQ0FBQzs7K0dBN0NVLGtCQUFrQjttR0FBbEIsa0JBQWtCLGd1QkNWL0IseTFFQTRDQTsyRkRsQ2Esa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLFlBQVk7MEVBTUwsTUFBTTtzQkFBdEIsS0FBSzt1QkFBQyxRQUFRO2dCQUNFLE1BQU07c0JBQXRCLEtBQUs7dUJBQUMsUUFBUTtnQkFDQyxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ0UsS0FBSztzQkFBcEIsS0FBSzt1QkFBQyxPQUFPO2dCQUNjLGlCQUFpQjtzQkFBNUMsS0FBSzt1QkFBQyxtQkFBbUI7Z0JBQ08sc0JBQXNCO3NCQUF0RCxLQUFLO3VCQUFDLHdCQUF3QjtnQkFDWCxTQUFTO3NCQUE1QixLQUFLO3VCQUFDLFdBQVc7Z0JBQ0ssWUFBWTtzQkFBbEMsS0FBSzt1QkFBQyxjQUFjO2dCQUNRLGtCQUFrQjtzQkFBOUMsS0FBSzt1QkFBQyxvQkFBb0I7Z0JBQ08sdUJBQXVCO3NCQUF4RCxLQUFLO3VCQUFDLHlCQUF5QjtnQkFDTixlQUFlO3NCQUF4QyxLQUFLO3VCQUFDLGlCQUFpQjtnQkFDRyxnQkFBZ0I7c0JBQTFDLEtBQUs7dUJBQUMsa0JBQWtCO2dCQUNLLG1CQUFtQjtzQkFBaEQsS0FBSzt1QkFBQyxxQkFBcUI7Z0JBQ0UsbUJBQW1CO3NCQUFoRCxLQUFLO3VCQUFDLHFCQUFxQjtnQkFDTixXQUFXO3NCQUFoQyxLQUFLO3VCQUFDLGFBQWE7Z0JBRWEsZUFBZTtzQkFBL0MsWUFBWTt1QkFBQyxpQkFBaUI7Z0JBQ1IsZUFBZTtzQkFBckMsTUFBTTt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBPdXRwdXQsIFNpbXBsZUNoYW5nZXMsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFdUaW1lbGluZUV2ZW50SXRlbSB9IGZyb20gJy4uLy4uL3NoYXJlZC9tb2RlbHMvdy10aW1lbGluZS1ldmVudC1pdGVtLm1vZGVsJztcclxuaW1wb3J0IHsgQWN0aW9uQnV0dG9uUmVzcG9uc2UgfSBmcm9tICcuLi8uLi9zaGFyZWQvbW9kZWxzL2FjdGlvbi1idXR0b24tcmVzcG9uc2UubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXRpbWVsaW5lJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy10aW1lbGluZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy10aW1lbGluZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgV1RpbWVsaW5lQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2Vze1xyXG4gIEBJbnB1dCgnZXZlbnRzJykgZXZlbnRzITogV1RpbWVsaW5lRXZlbnRJdGVtW107XHJcbiAgQElucHV0KCdoZWFkZXInKSBoZWFkZXIhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdwYW5lbCcpIHBhbmVsOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdhbGlnbicpIGFsaWduOiBzdHJpbmcgPSBcImFsdGVybmF0ZVwiO1xyXG4gIEBJbnB1dCgnc2V0Q3VzdG9tT3Bwb3NpdGUnKSBzZXRDdXN0b21PcHBvc2l0ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgnY3VzdG9tT3Bwb3NpdGVQcm9wZXJ0eScpIGN1c3RvbU9wcG9zaXRlUHJvcGVydHk6IHN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCdpc0xvYWRpbmcnKSBpc0xvYWRpbmc6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgnZW1wdHlNZXNzYWdlJykgZW1wdHlNZXNzYWdlOiBzdHJpbmcgPSAnTm8gZXZlbnRzIHRvIHNob3cnO1xyXG4gIEBJbnB1dCgncmVkdWNlZFBhbmVsTWFyZ2luJykgcmVkdWNlZFBhbmVsTWFyZ2luOiBib29sZWFuID0gZmFsc2U7IFxyXG4gIEBJbnB1dCgncmVkdWNlZEV2ZW50UGFuZWxNYXJnaW4nKSByZWR1Y2VkRXZlbnRQYW5lbE1hcmdpbjogYm9vbGVhbiA9IGZhbHNlOyBcclxuICBASW5wdXQoJ2FjdGl2ZVBhbmVsR3JpZCcpIGFjdGl2ZVBhbmVsR3JpZDogYm9vbGVhbiA9IHRydWU7IFxyXG4gIEBJbnB1dCgnYWN0aXZlUGFuZWxUaXRsZScpIGFjdGl2ZVBhbmVsVGl0bGU6IGJvb2xlYW4gPSB0cnVlOyBcclxuICBASW5wdXQoJ2FjdGl2ZVBhbmVsU3VidGl0bGUnKSBhY3RpdmVQYW5lbFN1YnRpdGxlOiBib29sZWFuID0gdHJ1ZTsgXHJcbiAgQElucHV0KCdkaXNhYmxlZFBhbmVsQ3Vyc29yJykgZGlzYWJsZWRQYW5lbEN1cnNvcjogYm9vbGVhbiA9IGZhbHNlOyBcclxuICBASW5wdXQoJ2V2ZW50SWROYW1lJykgZXZlbnRJZE5hbWUhOiBzdHJpbmc7XHJcblxyXG4gIEBDb250ZW50Q2hpbGQoJ2NvbnRlbnRUZW1wbGF0ZScpIGNvbnRlbnRUZW1wbGF0ZSE6IFRlbXBsYXRlUmVmPGFueT47XHJcbiAgQE91dHB1dCgnb25FdmVudENhcmQnKSBvbkV2ZW50Q2FyZEVtaXQ6IEV2ZW50RW1pdHRlcjxBY3Rpb25CdXR0b25SZXNwb25zZSB8IGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyPEFjdGlvbkJ1dHRvblJlc3BvbnNlIHwgYW55PigpOyBcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBpZihjaGFuZ2VzWydldmVudHMnXSAmJiBjaGFuZ2VzWydldmVudHMnXS5wcmV2aW91c1ZhbHVlICE9IG51bGwpe1xyXG4gICAgICB0aGlzLmV2ZW50cyA9IFsuLi5jaGFuZ2VzWydldmVudHMnXS5jdXJyZW50VmFsdWVdO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25FdmVudENhcmQoZXZlbnQ6IFdUaW1lbGluZUV2ZW50SXRlbSB8IGFueSkge1xyXG4gICAgaWYoZXZlbnQpe1xyXG4gICAgICB0aGlzLm9uRXZlbnRDYXJkRW1pdC5lbWl0KGV2ZW50KVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0Q2xhc3NOYW1lcygpe1xyXG4gICAgbGV0IGNsYXNzTmFtZSA9ICd3LXRpbWVsaW5lJzsgXHJcbiAgICByZXR1cm4gKGNsYXNzTmFtZSArICh0aGlzLnNldEN1c3RvbU9wcG9zaXRlID8gJyBjdXN0b20tb3Bwb3NpdGUnIDogJycpKTtcclxuICB9XHJcblxyXG4gIGdldEN1c3RvbU9wcG9zaXRlVmFsdWUoZXZlbnQ6IGFueSl7XHJcbiAgICByZXR1cm4gdGhpcy5jdXN0b21PcHBvc2l0ZVByb3BlcnR5ID8gZXZlbnRbdGhpcy5jdXN0b21PcHBvc2l0ZVByb3BlcnR5XSA6IGV2ZW50LmRhdGU7XHJcbiAgfVxyXG4gIFxyXG4gIGdldCBsb2NhbGUoKSB7XHJcbiAgICByZXR1cm4gd2luZG93Lm5hdmlnYXRvci5sYW5ndWFnZS5zbGljZSgwLDIpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2ICpuZ0lmPVwicGFuZWw7IGVsc2UgdGltZWxpbmVcIj5cclxuICAgIDx3LXBhbmVsIFt0aXRsZV09XCJoZWFkZXJcIiBbcmVkdWNlZF09XCJyZWR1Y2VkUGFuZWxNYXJnaW5cIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEyXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aW1lbGluZVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC93LXBhbmVsPlxyXG48L2Rpdj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjdGltZWxpbmU+XHJcbiAgICA8cCAqbmdJZj1cImV2ZW50cyAmJiBldmVudHMubGVuZ3RoID4gMFwiPlxyXG4gICAgICAgIDxwLXRpbWVsaW5lICpuZ0lmPVwiIWlzTG9hZGluZzsgZWxzZSB0aW1lbGluZVNrZWxldG9uXCIgW3ZhbHVlXT1cImV2ZW50c1wiIFthbGlnbl09XCJhbGlnblwiIFtzdHlsZUNsYXNzXT1cImdldENsYXNzTmFtZXMoKVwiPlxyXG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwibWFya2VyXCIgbGV0LWV2ZW50PlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gXHJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJmbGV4IHctMnJlbSBoLTJyZW0gYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXIgdGV4dC13aGl0ZSBib3JkZXItY2lyY2xlIHotMCBzaGFkb3ctMSBzaGFkb3ctMlwiXHJcbiAgICAgICAgICAgICAgICAgICAgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJldmVudC5jb2xvclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpIFtuZ0NsYXNzXT1cIidwaSAnK2V2ZW50Lmljb25cIj48L2k+XHJcbiAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJjb250ZW50XCIgbGV0LWV2ZW50PlxyXG4gICAgICAgICAgICAgICAgPHctcGFuZWwgW2NsYXNzXT1cImRpc2FibGVkUGFuZWxDdXJzb3IgPyAnJyA6ICd3LXRpbWVsaW5lLXBhbmVsJyBcIiBbdGl0bGVdPVwiYWN0aXZlUGFuZWxUaXRsZSA/IGV2ZW50LnN0YXR1cyA6ICcnXCIgW3N1YnRpdGxlXT1cImFjdGl2ZVBhbmVsU3VidGl0bGUgPyBldmVudC5kYXRlIDogJydcIiBbYWN0aXZlR3JpZF09XCJhY3RpdmVQYW5lbEdyaWRcIiBbcmVkdWNlZF09XCJyZWR1Y2VkRXZlbnRQYW5lbE1hcmdpblwiIChjbGljayk9XCJvbkV2ZW50Q2FyZChldmVudElkTmFtZSA/IGV2ZW50W2V2ZW50SWROYW1lXSA6IGV2ZW50KVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjb250ZW50VGVtcGxhdGVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRUZW1wbGF0ZTsgY29udGV4dDogeyAkaW1wbGljaXQ6IGV2ZW50IH1cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8L3ctcGFuZWw+XHJcbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJlbXB0eW1lc3NhZ2VcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHRyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkIGNvbHNwYW49XCI4XCI+e3tlbXB0eU1lc3NhZ2V9fTwvdGQ+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvdHI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlICpuZ0lmPVwic2V0Q3VzdG9tT3Bwb3NpdGVcIiBwVGVtcGxhdGU9XCJvcHBvc2l0ZVwiIGxldC1ldmVudD5cclxuICAgICAgICAgICAgICAgIHt7IGdldEN1c3RvbU9wcG9zaXRlVmFsdWUoZXZlbnQpIH19XHJcbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPC9wLXRpbWVsaW5lPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjdGltZWxpbmVTa2VsZXRvbj5cclxuICAgICAgICAgICAgPHctc2tlbGV0b24tdGltZWxpbmUgY2xhc3M9XCJjb2wtMTJcIiBbYWxpZ25dPVwiYWxpZ25cIiBbc2V0Q3VzdG9tT3Bwb3NpdGVdPVwic2V0Q3VzdG9tT3Bwb3NpdGVcIj48L3ctc2tlbGV0b24tdGltZWxpbmU+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDwvcD5cclxuICAgIDxwICpuZ0lmPVwiIWV2ZW50cyB8fCBldmVudHMubGVuZ3RoID09PSAwXCI+XHJcbiAgICAgICAge3tlbXB0eU1lc3NhZ2V9fVxyXG4gICAgPC9wPlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
|
|
@@ -6821,6 +6821,7 @@ class WTimelineComponent {
|
|
|
6821
6821
|
this.setCustomOpposite = false;
|
|
6822
6822
|
this.customOppositeProperty = "";
|
|
6823
6823
|
this.isLoading = true;
|
|
6824
|
+
this.emptyMessage = 'No events to show';
|
|
6824
6825
|
this.reducedPanelMargin = false;
|
|
6825
6826
|
this.reducedEventPanelMargin = false;
|
|
6826
6827
|
this.activePanelGrid = true;
|
|
@@ -6846,12 +6847,15 @@ class WTimelineComponent {
|
|
|
6846
6847
|
getCustomOppositeValue(event) {
|
|
6847
6848
|
return this.customOppositeProperty ? event[this.customOppositeProperty] : event.date;
|
|
6848
6849
|
}
|
|
6850
|
+
get locale() {
|
|
6851
|
+
return window.navigator.language.slice(0, 2);
|
|
6852
|
+
}
|
|
6849
6853
|
}
|
|
6850
6854
|
WTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6851
|
-
WTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WTimelineComponent, selector: "w-timeline", inputs: { events: "events", header: "header", panel: "panel", align: "align", setCustomOpposite: "setCustomOpposite", customOppositeProperty: "customOppositeProperty", isLoading: "isLoading", reducedPanelMargin: "reducedPanelMargin", reducedEventPanelMargin: "reducedEventPanelMargin", activePanelGrid: "activePanelGrid", activePanelTitle: "activePanelTitle", activePanelSubtitle: "activePanelSubtitle", disabledPanelCursor: "disabledPanelCursor", eventIdName: "eventIdName" }, outputs: { onEventCardEmit: "onEventCard" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <div class=\"col-12\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </div>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <p-timeline *ngIf=\"!isLoading; else timelineSkeleton\" [value]=\"events\" [align]=\"align\" [styleClass]=\"getClassNames()\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <span \r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-0 shadow-1 shadow-2\"\r\n [style.backgroundColor]=\"event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [class]=\"disabledPanelCursor ? '' : 'w-timeline-panel' \" [title]=\"activePanelTitle ? event.status : ''\" [subtitle]=\"activePanelSubtitle ? event.date : ''\" [activeGrid]=\"activePanelGrid\" [reduced]=\"reducedEventPanelMargin\" (click)=\"onEventCard(eventIdName ? event[eventIdName] : event)\">\r\n <ng-container *ngIf=\"contentTemplate\">\r\n <ng-container \r\n *ngTemplateOutlet=\"contentTemplate; context: { $implicit: event }\">\r\n </ng-container>\r\n </ng-container>\r\n </w-panel>\r\n </ng-template>\r\n <ng-template *ngIf=\"setCustomOpposite\" pTemplate=\"opposite\" let-event>\r\n {{ getCustomOppositeValue(event) }}\r\n </ng-template>\r\n </p-timeline>\r\n <ng-template #timelineSkeleton>\r\n <w-skeleton-timeline class=\"col-12\" [align]=\"align\" [setCustomOpposite]=\"setCustomOpposite\"></w-skeleton-timeline>\r\n </ng-template>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 0 0 16px;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 16px 0 0;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}.w-timeline-button-end{justify-content:end}.w-timeline-button-start{justify-content:start}.w-timeline-event-icon-white{color:#fff}.w-timeline-panel{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$3.Timeline, selector: "p-timeline", inputs: ["value", "style", "styleClass", "align", "layout"] }, { kind: "component", type: WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions", "wPanelStyleClass", "wPanelContentStyleClass"] }, { kind: "component", type: WSkeletonTimelineComponent, selector: "w-skeleton-timeline", inputs: ["eventsNumber", "align", "setCustomOpposite"] }] });
|
|
6855
|
+
WTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WTimelineComponent, selector: "w-timeline", inputs: { events: "events", header: "header", panel: "panel", align: "align", setCustomOpposite: "setCustomOpposite", customOppositeProperty: "customOppositeProperty", isLoading: "isLoading", emptyMessage: "emptyMessage", reducedPanelMargin: "reducedPanelMargin", reducedEventPanelMargin: "reducedEventPanelMargin", activePanelGrid: "activePanelGrid", activePanelTitle: "activePanelTitle", activePanelSubtitle: "activePanelSubtitle", disabledPanelCursor: "disabledPanelCursor", eventIdName: "eventIdName" }, outputs: { onEventCardEmit: "onEventCard" }, queries: [{ propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <div class=\"col-12\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </div>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <p *ngIf=\"events && events.length > 0\">\r\n <p-timeline *ngIf=\"!isLoading; else timelineSkeleton\" [value]=\"events\" [align]=\"align\" [styleClass]=\"getClassNames()\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <span \r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-0 shadow-1 shadow-2\"\r\n [style.backgroundColor]=\"event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [class]=\"disabledPanelCursor ? '' : 'w-timeline-panel' \" [title]=\"activePanelTitle ? event.status : ''\" [subtitle]=\"activePanelSubtitle ? event.date : ''\" [activeGrid]=\"activePanelGrid\" [reduced]=\"reducedEventPanelMargin\" (click)=\"onEventCard(eventIdName ? event[eventIdName] : event)\">\r\n <ng-container *ngIf=\"contentTemplate\">\r\n <ng-container \r\n *ngTemplateOutlet=\"contentTemplate; context: { $implicit: event }\">\r\n </ng-container>\r\n </ng-container>\r\n </w-panel>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"8\">{{emptyMessage}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template *ngIf=\"setCustomOpposite\" pTemplate=\"opposite\" let-event>\r\n {{ getCustomOppositeValue(event) }}\r\n </ng-template>\r\n </p-timeline>\r\n <ng-template #timelineSkeleton>\r\n <w-skeleton-timeline class=\"col-12\" [align]=\"align\" [setCustomOpposite]=\"setCustomOpposite\"></w-skeleton-timeline>\r\n </ng-template>\r\n </p>\r\n <p *ngIf=\"!events || events.length === 0\">\r\n {{emptyMessage}}\r\n </p>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 0 0 16px;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 16px 0 0;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}.w-timeline-button-end{justify-content:end}.w-timeline-button-start{justify-content:start}.w-timeline-event-icon-white{color:#fff}.w-timeline-panel{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$3.Timeline, selector: "p-timeline", inputs: ["value", "style", "styleClass", "align", "layout"] }, { kind: "component", type: WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow", "backgroundColor", "activeMaxHeight", "activeMenu", "menuOptions", "wPanelStyleClass", "wPanelContentStyleClass"] }, { kind: "component", type: WSkeletonTimelineComponent, selector: "w-skeleton-timeline", inputs: ["eventsNumber", "align", "setCustomOpposite"] }] });
|
|
6852
6856
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTimelineComponent, decorators: [{
|
|
6853
6857
|
type: Component,
|
|
6854
|
-
args: [{ selector: 'w-timeline', template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <div class=\"col-12\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </div>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <p-timeline *ngIf=\"!isLoading; else timelineSkeleton\" [value]=\"events\" [align]=\"align\" [styleClass]=\"getClassNames()\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <span \r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-0 shadow-1 shadow-2\"\r\n [style.backgroundColor]=\"event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [class]=\"disabledPanelCursor ? '' : 'w-timeline-panel' \" [title]=\"activePanelTitle ? event.status : ''\" [subtitle]=\"activePanelSubtitle ? event.date : ''\" [activeGrid]=\"activePanelGrid\" [reduced]=\"reducedEventPanelMargin\" (click)=\"onEventCard(eventIdName ? event[eventIdName] : event)\">\r\n <ng-container *ngIf=\"contentTemplate\">\r\n <ng-container \r\n *ngTemplateOutlet=\"contentTemplate; context: { $implicit: event }\">\r\n </ng-container>\r\n </ng-container>\r\n </w-panel>\r\n </ng-template>\r\n <ng-template *ngIf=\"setCustomOpposite\" pTemplate=\"opposite\" let-event>\r\n {{ getCustomOppositeValue(event) }}\r\n </ng-template>\r\n </p-timeline>\r\n <ng-template #timelineSkeleton>\r\n <w-skeleton-timeline class=\"col-12\" [align]=\"align\" [setCustomOpposite]=\"setCustomOpposite\"></w-skeleton-timeline>\r\n </ng-template>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 0 0 16px;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 16px 0 0;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}.w-timeline-button-end{justify-content:end}.w-timeline-button-start{justify-content:start}.w-timeline-event-icon-white{color:#fff}.w-timeline-panel{cursor:pointer}\n"] }]
|
|
6858
|
+
args: [{ selector: 'w-timeline', template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <div class=\"col-12\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </div>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <p *ngIf=\"events && events.length > 0\">\r\n <p-timeline *ngIf=\"!isLoading; else timelineSkeleton\" [value]=\"events\" [align]=\"align\" [styleClass]=\"getClassNames()\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <span \r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-0 shadow-1 shadow-2\"\r\n [style.backgroundColor]=\"event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\"></i>\r\n </span>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [class]=\"disabledPanelCursor ? '' : 'w-timeline-panel' \" [title]=\"activePanelTitle ? event.status : ''\" [subtitle]=\"activePanelSubtitle ? event.date : ''\" [activeGrid]=\"activePanelGrid\" [reduced]=\"reducedEventPanelMargin\" (click)=\"onEventCard(eventIdName ? event[eventIdName] : event)\">\r\n <ng-container *ngIf=\"contentTemplate\">\r\n <ng-container \r\n *ngTemplateOutlet=\"contentTemplate; context: { $implicit: event }\">\r\n </ng-container>\r\n </ng-container>\r\n </w-panel>\r\n </ng-template>\r\n <ng-template pTemplate=\"emptymessage\">\r\n <tr>\r\n <td colspan=\"8\">{{emptyMessage}}</td>\r\n </tr>\r\n </ng-template>\r\n <ng-template *ngIf=\"setCustomOpposite\" pTemplate=\"opposite\" let-event>\r\n {{ getCustomOppositeValue(event) }}\r\n </ng-template>\r\n </p-timeline>\r\n <ng-template #timelineSkeleton>\r\n <w-skeleton-timeline class=\"col-12\" [align]=\"align\" [setCustomOpposite]=\"setCustomOpposite\"></w-skeleton-timeline>\r\n </ng-template>\r\n </p>\r\n <p *ngIf=\"!events || events.length === 0\">\r\n {{emptyMessage}}\r\n </p>\r\n</ng-template>\r\n", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:700}.heading5,.w-sidebar-title-text{font-size:1.5rem;line-height:1.8333333333rem;font-weight:700}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:700}.subtitle1,.w-tab-text,.w-panel-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:700}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:600}.body,.w-image-file-uploader-navigators-text,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.1666666667rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.light,.w-input-small-placeholder-text-only-color{font-size:.9166666667rem;line-height:1.0833333333rem;font-weight:300}.small,.w-button-small-label-text-typography-sm{font-size:.8333333333rem;line-height:1rem;font-weight:400}.textMainColor{color:#1f2224}.textSoftColor{color:#5f6468}.textSofterColor{color:#9aa0a7}.textSoftestColor{color:#e8ebee}.textInverseColor{color:#fff}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXSMDivider{height:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.panel-title-gap-divider{height:20px}.panel-section-gap-divider{height:32px}.input-vertical-gap-divider{height:24px}.input-label-gap-divider{height:6px}.focusedInput{border:1px solid rgba(0,157,253,.25);box-shadow:0 0 10px #00b3eb40}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:1px solid #00b3eb}.hoveredInput{border-radius:8px;border:1px solid rgba(0,179,235,.5)}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-label-text-typography,.w-button-small-tertiary-label-text,.w-button-small-label-text-typography-sm{font-weight:600}.w-button-small-tertiary-label-text{color:#5f6468}.w-button-small-text-label-text{color:#1f2224}.w-button-small-icon-text{font-size:12px;font-weight:600}.w-table-button-small-icon-text{font-size:12px;color:#9aa0a7}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:600;line-height:16px}.w-button-medium-tertiary-label-text{color:#1f2224}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:600;line-height:24px}.w-button-large-tertiary-label-text{color:#1f2224}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text{color:#1f2224}.w-view-small-value-text{color:#5f6468}.w-input-no-label-height{height:14px}.w-input-disabled{background-color:#f1f3f4!important;border-color:#e8ebee!important;opacity:1!important}.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled{height:-moz-fit-content;height:fit-content}.w-input-small-label-text,.w-input-small-label-disabled{color:#1f2224}.w-input-small-label-disabled{color:#9aa0a7}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-label-text-content-no-top{padding-top:0}.w-input-small-placeholder-text{color:#1f2224}.w-input-small-placeholder-text-only-color{color:#9aa0a7;line-height:1.3333333333rem}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6468}.w-input-small-text-icon,.w-input-small-select-options-text{color:#1f2224}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#1f2224}.w-input-medium-label-disabled{color:#9aa0a7}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-input-medium-placeholder-text-only-color{color:#1f2224}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6468}.w-input-medium-text-icon{color:#1f2224}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#1f2224}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#1f2224}.w-panel-content{color:#5f6468}.w-tab-text,.w-chip-text{color:#1f2224}.w-badge-text{font-size:10px;font-weight:700;line-height:8px}.w-table-th-text{color:#1f2224}.w-table-td-text{color:#5f6468}.w-table-height{padding:6px 8px 5px}.w-table-no-buttons-height{padding:16px 8px 15px!important}.w-tree-table-height{padding:8px 8px 7px}.w-image-file-uploader-navigators-text{font-size:12px;color:#fff}.grid{margin:0}::ng-deep .p-tooltip,.p-tooltip{filter:0px 0px 1px 0px rgba(0,0,0,.1) inset,1px 1px 5px rgba(0,0,0,.06),1px 1px 1px rgba(0,0,0,.08)}::ng-deep .p-tooltip .p-tooltip-text,.p-tooltip .p-tooltip-text{background:#ffffff!important;color:#1f2224;padding:12px 16px;max-width:192px;width:max-content;margin-left:3px;pointer-events:none}::ng-deep .p-tooltip.p-tooltip-left,.p-tooltip.p-tooltip-left{margin-right:6px;width:max-content;transform:translate(-6px)}::ng-deep .p-tooltip.p-tooltip-left .p-tooltip-arrow,.p-tooltip.p-tooltip-left .p-tooltip-arrow{border-left-color:#fff!important;top:50%;right:-3px;margin-top:-4px;border-width:4px 0 4px 6px!important}::ng-deep .p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-right{margin-left:6px;width:max-content;transform:translateY(-1px)}::ng-deep .p-tooltip.p-tooltip-right .p-tooltip-arrow,.p-tooltip.p-tooltip-right .p-tooltip-arrow{border-right-color:#fff!important;top:50%;left:0;margin-top:-4px;border-width:4px 6px 4px 0!important}::ng-deep .p-tooltip.p-tooltip-bottom .p-tooltip-arrow,.p-tooltip.p-tooltip-bottom .p-tooltip-arrow{border-bottom-color:#fff!important;border-width:0 4px 6px 4px!important;margin-top:-3px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate:not(.custom-opposite) .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{padding:0 16px 0 0}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-opposite{padding:0 0 0 16px}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-alternate.custom-opposite .p-timeline-event:nth-child(2n) .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-opposite{display:none}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left:not(.custom-opposite) .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 0 0 16px;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-right.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 16px 0 0;margin-bottom:16px!important}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-opposite{padding:0 16px 0 0;display:flex;flex-direction:column;max-width:15%}::ng-deep .w-timeline.p-timeline.p-timeline-vertical.p-timeline-left.custom-opposite .p-timeline-event .p-timeline-event-content{padding:0 0 0 16px;margin-bottom:16px!important}.w-timeline-button-end{justify-content:end}.w-timeline-button-start{justify-content:start}.w-timeline-event-icon-white{color:#fff}.w-timeline-panel{cursor:pointer}\n"] }]
|
|
6855
6859
|
}], ctorParameters: function () { return []; }, propDecorators: { events: [{
|
|
6856
6860
|
type: Input,
|
|
6857
6861
|
args: ['events']
|
|
@@ -6873,6 +6877,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
6873
6877
|
}], isLoading: [{
|
|
6874
6878
|
type: Input,
|
|
6875
6879
|
args: ['isLoading']
|
|
6880
|
+
}], emptyMessage: [{
|
|
6881
|
+
type: Input,
|
|
6882
|
+
args: ['emptyMessage']
|
|
6876
6883
|
}], reducedPanelMargin: [{
|
|
6877
6884
|
type: Input,
|
|
6878
6885
|
args: ['reducedPanelMargin']
|