ngx-wapp-components 1.0.59 → 1.0.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/misc/w-timeline/w-timeline.component.mjs +3 -3
- package/esm2020/lib/shared/enums/enum.mjs +7 -1
- package/esm2020/lib/sidebar/w-sidebar/w-sidebar.component.mjs +25 -4
- package/fesm2015/ngx-wapp-components.mjs +31 -6
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +31 -6
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/shared/enums/enum.d.ts +5 -0
- package/lib/sidebar/w-sidebar/w-sidebar.component.d.ts +6 -1
- package/package.json +1 -1
|
@@ -19,10 +19,10 @@ export class WTimelineComponent {
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
WTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
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", reducedPanelMargin: "reducedPanelMargin", reducedEventPanelMargin: "reducedEventPanelMargin" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <div class=\"col-12\">\r\n <p-timeline [value]=\"events\" [align]=\"align\" styleClass=\"customized-timeline\" \r\n [class.w-timeline-non-alternate]=\"align != 'alternate'\">\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-1 shadow-1 shadow-2\"\r\n [class]=\"'w-timeline-event color-'+event.color\">\r\n
|
|
22
|
+
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", reducedPanelMargin: "reducedPanelMargin", reducedEventPanelMargin: "reducedEventPanelMargin" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <div class=\"col-12\">\r\n <p-timeline [value]=\"events\" [align]=\"align\" styleClass=\"customized-timeline\" \r\n [class.w-timeline-non-alternate]=\"align != 'alternate'\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <span *ngIf=\"event.color.includes('#'); else wappingColors\"\r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 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 #wappingColors>\r\n <span\r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 shadow-1 shadow-2\"\r\n [class]=\"'w-timeline-event color-'+event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\" [class]=\"'w-timeline-event color-'+event.color\"></i>\r\n </span>\r\n </ng-template>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [title]=\"event.status\" [subtitle]=\"event.date\" [reduced]=\"reducedEventPanelMargin\">\r\n <div class=\"col-12\">\r\n <img *ngIf=\"event.image\"\r\n [src]=\"event.image\"\r\n [alt]=\"event.name\" width=\"200\" class=\"shadow-2\" />\r\n <p> {{event.content}} </p>\r\n <div class=\"flex w-timeline-button\" [ngClass]=\"{'w-timeline-button-end':align == 'left', 'w-timeline-button-start':align == 'right'}\">\r\n <w-button *ngIf=\"event.button\" type=\"text\" \r\n [label]=\"event.button.label\" \r\n [icon]=\"event.button.icon!\"\r\n (onClick)=\"onButtonClick(event)\">\r\n </w-button>\r\n </div>\r\n </div>\r\n </w-panel>\r\n </ng-template>\r\n </p-timeline>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{text-align:right;padding:0}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{text-align:left;padding:0 0 0 16px}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-content .w-timeline-button{justify-content:end}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n) .p-timeline-event-content{text-align:right;padding:0 16px 0 0}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n) .p-timeline-event-content .w-timeline-button{justify-content:start}::ng-deep .w-timeline-non-alternate .p-timeline-event-content{padding:0 1rem;margin-bottom:16px!important}.w-timeline-button-end{justify-content:end}.w-timeline-button-start{justify-content:start}.w-timeline-event.color-success{background-color:#46ff9b;color:#00db5d}.w-timeline-event.color-warn{background-color:#ffcd46;color:#eeae00}.w-timeline-event.color-info{background-color:#62c3ff;color:#009dfd}.w-timeline-event.color-error{background-color:#f55;color:#e50000}.w-timeline-event-icon-white{color:#fff}\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.WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading"], outputs: ["onClick"] }, { kind: "component", type: i5.WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "maxHeightOverflow"] }] });
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTimelineComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: 'w-timeline', template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <div class=\"col-12\">\r\n <p-timeline [value]=\"events\" [align]=\"align\" styleClass=\"customized-timeline\" \r\n [class.w-timeline-non-alternate]=\"align != 'alternate'\">\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-1 shadow-1 shadow-2\"\r\n [class]=\"'w-timeline-event color-'+event.color\">\r\n
|
|
25
|
+
args: [{ selector: 'w-timeline', template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <div class=\"col-12\">\r\n <p-timeline [value]=\"events\" [align]=\"align\" styleClass=\"customized-timeline\" \r\n [class.w-timeline-non-alternate]=\"align != 'alternate'\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <span *ngIf=\"event.color.includes('#'); else wappingColors\"\r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 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 #wappingColors>\r\n <span\r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 shadow-1 shadow-2\"\r\n [class]=\"'w-timeline-event color-'+event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\" [class]=\"'w-timeline-event color-'+event.color\"></i>\r\n </span>\r\n </ng-template>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [title]=\"event.status\" [subtitle]=\"event.date\" [reduced]=\"reducedEventPanelMargin\">\r\n <div class=\"col-12\">\r\n <img *ngIf=\"event.image\"\r\n [src]=\"event.image\"\r\n [alt]=\"event.name\" width=\"200\" class=\"shadow-2\" />\r\n <p> {{event.content}} </p>\r\n <div class=\"flex w-timeline-button\" [ngClass]=\"{'w-timeline-button-end':align == 'left', 'w-timeline-button-start':align == 'right'}\">\r\n <w-button *ngIf=\"event.button\" type=\"text\" \r\n [label]=\"event.button.label\" \r\n [icon]=\"event.button.icon!\"\r\n (onClick)=\"onButtonClick(event)\">\r\n </w-button>\r\n </div>\r\n </div>\r\n </w-panel>\r\n </ng-template>\r\n </p-timeline>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{text-align:right;padding:0}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{text-align:left;padding:0 0 0 16px}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-content .w-timeline-button{justify-content:end}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n) .p-timeline-event-content{text-align:right;padding:0 16px 0 0}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n) .p-timeline-event-content .w-timeline-button{justify-content:start}::ng-deep .w-timeline-non-alternate .p-timeline-event-content{padding:0 1rem;margin-bottom:16px!important}.w-timeline-button-end{justify-content:end}.w-timeline-button-start{justify-content:start}.w-timeline-event.color-success{background-color:#46ff9b;color:#00db5d}.w-timeline-event.color-warn{background-color:#ffcd46;color:#eeae00}.w-timeline-event.color-info{background-color:#62c3ff;color:#009dfd}.w-timeline-event.color-error{background-color:#f55;color:#e50000}.w-timeline-event-icon-white{color:#fff}\n"] }]
|
|
26
26
|
}], ctorParameters: function () { return []; }, propDecorators: { events: [{
|
|
27
27
|
type: Input,
|
|
28
28
|
args: ['events']
|
|
@@ -45,4 +45,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
45
45
|
type: Output,
|
|
46
46
|
args: ['buttonClick']
|
|
47
47
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy10aW1lbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9taXNjL3ctdGltZWxpbmUvdy10aW1lbGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9taXNjL3ctdGltZWxpbmUvdy10aW1lbGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBU3ZFLE1BQU0sT0FBTyxrQkFBa0I7SUFXN0I7UUFQZ0IsVUFBSyxHQUFZLEtBQUssQ0FBQztRQUN2QixVQUFLLEdBQVcsV0FBVyxDQUFDO1FBQ2YsdUJBQWtCLEdBQVksS0FBSyxDQUFDO1FBQy9CLDRCQUF1QixHQUFZLEtBQUssQ0FBQztRQUVwRCxnQkFBVyxHQUF1QyxJQUFJLFlBQVksRUFBd0IsQ0FBQztJQUVuRyxDQUFDO0lBRWhCLGFBQWEsQ0FBQyxLQUF5QjtRQUNyQyxJQUFHLEtBQUssQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFDLEVBQUUsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQUUsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFDLENBQUMsQ0FBQTtJQUNoRSxDQUFDOzsrR0FoQlUsa0JBQWtCO21HQUFsQixrQkFBa0IseVFDVC9CLHMvRUEyQ2M7MkZEbENELGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxZQUFZOzBFQU1MLE1BQU07c0JBQXRCLEtBQUs7dUJBQUMsUUFBUTtnQkFDRSxNQUFNO3NCQUF0QixLQUFLO3VCQUFDLFFBQVE7Z0JBQ0MsS0FBSztzQkFBcEIsS0FBSzt1QkFBQyxPQUFPO2dCQUNFLEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTztnQkFDZSxrQkFBa0I7c0JBQTlDLEtBQUs7dUJBQUMsb0JBQW9CO2dCQUNPLHVCQUF1QjtzQkFBeEQsS0FBSzt1QkFBQyx5QkFBeUI7Z0JBRVQsV0FBVztzQkFBakMsTUFBTTt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgV1RpbWVsaW5lRXZlbnRJdGVtIH0gZnJvbSAnLi4vLi4vc2hhcmVkL21vZGVscy93LXRpbWVsaW5lLWV2ZW50LWl0ZW0ubW9kZWwnO1xyXG5pbXBvcnQgeyBBY3Rpb25CdXR0b25SZXNwb25zZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9tb2RlbHMvYWN0aW9uLWJ1dHRvbi1yZXNwb25zZS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctdGltZWxpbmUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LXRpbWVsaW5lLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LXRpbWVsaW5lLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdUaW1lbGluZUNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgnZXZlbnRzJykgZXZlbnRzITogV1RpbWVsaW5lRXZlbnRJdGVtW107XHJcbiAgQElucHV0KCdoZWFkZXInKSBoZWFkZXIhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdwYW5lbCcpIHBhbmVsOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdhbGlnbicpIGFsaWduOiBzdHJpbmcgPSBcImFsdGVybmF0ZVwiO1xyXG4gIEBJbnB1dCgncmVkdWNlZFBhbmVsTWFyZ2luJykgcmVkdWNlZFBhbmVsTWFyZ2luOiBib29sZWFuID0gZmFsc2U7IFxyXG4gIEBJbnB1dCgncmVkdWNlZEV2ZW50UGFuZWxNYXJnaW4nKSByZWR1Y2VkRXZlbnRQYW5lbE1hcmdpbjogYm9vbGVhbiA9IGZhbHNlOyBcclxuXHJcbiAgQE91dHB1dCgnYnV0dG9uQ2xpY2snKSBidXR0b25DbGljazogRXZlbnRFbWl0dGVyPEFjdGlvbkJ1dHRvblJlc3BvbnNlPiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uQnV0dG9uUmVzcG9uc2U+KCk7IFxyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG9uQnV0dG9uQ2xpY2soZXZlbnQ6IFdUaW1lbGluZUV2ZW50SXRlbSkge1xyXG4gICAgaWYoZXZlbnQuYnV0dG9uPy5pZCkgXHJcbiAgICAgIHRoaXMuYnV0dG9uQ2xpY2suZW1pdCh7aWQ6IGV2ZW50LmJ1dHRvbi5pZCwgZWxlbWVudDogZXZlbnR9KVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2ICpuZ0lmPVwicGFuZWw7IGVsc2UgdGltZWxpbmVcIj5cclxuICAgIDx3LXBhbmVsIFt0aXRsZV09XCJoZWFkZXJcIiBbcmVkdWNlZF09XCJyZWR1Y2VkUGFuZWxNYXJnaW5cIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGltZWxpbmVcIj48L25nLWNvbnRhaW5lcj5cclxuICAgIDwvdy1wYW5lbD5cclxuPC9kaXY+XHJcblxyXG48bmctdGVtcGxhdGUgI3RpbWVsaW5lPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC0xMlwiPlxyXG4gICAgICAgIDxwLXRpbWVsaW5lIFt2YWx1ZV09XCJldmVudHNcIiBbYWxpZ25dPVwiYWxpZ25cIiBzdHlsZUNsYXNzPVwiY3VzdG9taXplZC10aW1lbGluZVwiIFxyXG4gICAgICAgICAgICAgICAgICAgIFtjbGFzcy53LXRpbWVsaW5lLW5vbi1hbHRlcm5hdGVdPVwiYWxpZ24gIT0gJ2FsdGVybmF0ZSdcIj5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cIm1hcmtlclwiIGxldC1ldmVudD5cclxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZXZlbnQuY29sb3IuaW5jbHVkZXMoJyMnKTsgZWxzZSB3YXBwaW5nQ29sb3JzXCJcclxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZsZXggdy0ycmVtIGgtMnJlbSBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciB0ZXh0LXdoaXRlIGJvcmRlci1jaXJjbGUgei0xIHNoYWRvdy0xIHNoYWRvdy0yXCJcclxuICAgICAgICAgICAgICAgICAgICBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImV2ZW50LmNvbG9yXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGkgW25nQ2xhc3NdPVwiJ3BpICcrZXZlbnQuaWNvblwiPjwvaT5cclxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjd2FwcGluZ0NvbG9ycz5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhblxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZsZXggdy0ycmVtIGgtMnJlbSBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciB0ZXh0LXdoaXRlIGJvcmRlci1jaXJjbGUgei0xIHNoYWRvdy0xIHNoYWRvdy0yXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzXT1cIid3LXRpbWVsaW5lLWV2ZW50IGNvbG9yLScrZXZlbnQuY29sb3JcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGkgW25nQ2xhc3NdPVwiJ3BpICcrZXZlbnQuaWNvblwiIFtjbGFzc109XCIndy10aW1lbGluZS1ldmVudCBjb2xvci0nK2V2ZW50LmNvbG9yXCI+PC9pPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJjb250ZW50XCIgbGV0LWV2ZW50PlxyXG4gICAgICAgICAgICAgICAgPHctcGFuZWwgW3RpdGxlXT1cImV2ZW50LnN0YXR1c1wiIFtzdWJ0aXRsZV09XCJldmVudC5kYXRlXCIgW3JlZHVjZWRdPVwicmVkdWNlZEV2ZW50UGFuZWxNYXJnaW5cIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgKm5nSWY9XCJldmVudC5pbWFnZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cImV2ZW50LmltYWdlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFthbHRdPVwiZXZlbnQubmFtZVwiIHdpZHRoPVwiMjAwXCIgY2xhc3M9XCJzaGFkb3ctMlwiIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwPiB7e2V2ZW50LmNvbnRlbnR9fSA8L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IHctdGltZWxpbmUtYnV0dG9uXCIgW25nQ2xhc3NdPVwieyd3LXRpbWVsaW5lLWJ1dHRvbi1lbmQnOmFsaWduID09ICdsZWZ0JywgJ3ctdGltZWxpbmUtYnV0dG9uLXN0YXJ0JzphbGlnbiA9PSAncmlnaHQnfVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHctYnV0dG9uICpuZ0lmPVwiZXZlbnQuYnV0dG9uXCIgdHlwZT1cInRleHRcIiBcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImV2ZW50LmJ1dHRvbi5sYWJlbFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCJldmVudC5idXR0b24uaWNvbiFcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAob25DbGljayk9XCJvbkJ1dHRvbkNsaWNrKGV2ZW50KVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC93LWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L3ctcGFuZWw+XHJcbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPC9wLXRpbWVsaW5lPlxyXG4gICAgPC9kaXY+XHJcbjwvbmctdGVtcGxhdGU+Il19
|
|
@@ -11,4 +11,10 @@ export var ButtonType;
|
|
|
11
11
|
ButtonType[ButtonType["tertiary"] = 2] = "tertiary";
|
|
12
12
|
ButtonType[ButtonType["text"] = 3] = "text";
|
|
13
13
|
})(ButtonType || (ButtonType = {}));
|
|
14
|
-
|
|
14
|
+
export var IconType;
|
|
15
|
+
(function (IconType) {
|
|
16
|
+
IconType[IconType["pIcon"] = 0] = "pIcon";
|
|
17
|
+
IconType[IconType["urlIcon"] = 1] = "urlIcon";
|
|
18
|
+
IconType[IconType["wIcon"] = 2] = "wIcon";
|
|
19
|
+
})(IconType || (IconType = {}));
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL3NoYXJlZC9lbnVtcy9lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFFBSVg7QUFKRCxXQUFZLFFBQVE7SUFDaEIseUNBQVMsQ0FBQTtJQUNULDJDQUFVLENBQUE7SUFDVix5Q0FBUyxDQUFBO0FBQ2IsQ0FBQyxFQUpXLFFBQVEsS0FBUixRQUFRLFFBSW5CO0FBRUQsTUFBTSxDQUFOLElBQVksVUFLWDtBQUxELFdBQVksVUFBVTtJQUNwQixpREFBVyxDQUFBO0lBQ1gscURBQWEsQ0FBQTtJQUNiLG1EQUFZLENBQUE7SUFDWiwyQ0FBUSxDQUFBO0FBQ1YsQ0FBQyxFQUxXLFVBQVUsS0FBVixVQUFVLFFBS3JCO0FBRUQsTUFBTSxDQUFOLElBQVksUUFJWDtBQUpELFdBQVksUUFBUTtJQUNsQix5Q0FBUyxDQUFBO0lBQ1QsNkNBQVcsQ0FBQTtJQUNYLHlDQUFTLENBQUE7QUFDWCxDQUFDLEVBSlcsUUFBUSxLQUFSLFFBQVEsUUFJbkIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBTaXplVHlwZSB7XHJcbiAgICBzbWFsbCA9IDAsXHJcbiAgICBtZWRpdW0gPSAxLFxyXG4gICAgbGFyZ2UgPSAyXHJcbn1cclxuXHJcbmV4cG9ydCBlbnVtIEJ1dHRvblR5cGV7XHJcbiAgcHJpbWFyeSA9IDAsXHJcbiAgc2Vjb25kYXJ5ID0gMSxcclxuICB0ZXJ0aWFyeSA9IDIsXHJcbiAgdGV4dCA9IDNcclxufVxyXG5cclxuZXhwb3J0IGVudW0gSWNvblR5cGV7XHJcbiAgcEljb24gPSAwLCBcclxuICB1cmxJY29uID0gMSwgXHJcbiAgd0ljb24gPSAyXHJcbn1cclxuIl19
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import { IconType } from '../../shared/enums/enum';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
4
|
import * as i1 from "@angular/common";
|
|
4
5
|
import * as i2 from "primeng/api";
|
|
5
6
|
import * as i3 from "primeng/sidebar";
|
|
7
|
+
import * as i4 from "../../icons/wapping-icons/w-icons.component";
|
|
6
8
|
export class WSidebarComponent {
|
|
7
9
|
constructor() {
|
|
8
10
|
this.activeGrid = false;
|
|
9
11
|
this.closeOnOverlay = false;
|
|
10
|
-
this.styleClass = "w-full md:w-
|
|
12
|
+
this.styleClass = "w-full md:w-6 lg:w-5";
|
|
13
|
+
this.iconType = IconType;
|
|
11
14
|
this.visibleChange = new EventEmitter();
|
|
12
15
|
this._visible = false;
|
|
13
16
|
}
|
|
@@ -24,12 +27,27 @@ export class WSidebarComponent {
|
|
|
24
27
|
onClose() {
|
|
25
28
|
this.visible = false;
|
|
26
29
|
}
|
|
30
|
+
getIconType() {
|
|
31
|
+
if (this.icon.includes("pi pi-")) {
|
|
32
|
+
return IconType.pIcon;
|
|
33
|
+
}
|
|
34
|
+
else if (this.isURL(this.icon)) {
|
|
35
|
+
return IconType.urlIcon;
|
|
36
|
+
}
|
|
37
|
+
else {
|
|
38
|
+
return IconType.wIcon;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
isURL(url) {
|
|
42
|
+
const patronURL = /^(ftp|http|https):\/\/[^ "]+$/;
|
|
43
|
+
return patronURL.test(url);
|
|
44
|
+
}
|
|
27
45
|
}
|
|
28
46
|
WSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
-
WSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSidebarComponent, selector: "w-sidebar", inputs: { headerTitle: "headerTitle", activeGrid: "activeGrid", closeOnOverlay: "closeOnOverlay", styleClass: "styleClass", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" [dismissible]=\"closeOnOverlay\" [styleClass]=\"styleClass\" class=\"wapp-sidebar\">\r\n <ng-template pTemplate=\"header\"
|
|
47
|
+
WSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSidebarComponent, selector: "w-sidebar", inputs: { headerTitle: "headerTitle", activeGrid: "activeGrid", closeOnOverlay: "closeOnOverlay", styleClass: "styleClass", icon: "icon", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" [dismissible]=\"closeOnOverlay\" [styleClass]=\"styleClass\" class=\"wapp-sidebar\">\r\n <ng-template pTemplate=\"header\">\r\n <span *ngIf=\"icon && getIconType() == iconType.pIcon\" class=\"w-sidebar-icon icon-large-size\" [ngClass]=\"icon\"></span>\r\n <img *ngIf=\"icon && getIconType() == iconType.urlIcon\" class=\"w-sidebar-icon\" [src]=\"icon\" width=\"24\" height=\"24\">\r\n <w-icons *ngIf=\"icon && getIconType() == iconType.wIcon\" class=\"w-sidebar-icon\" [name]=\"icon\" [width]=\"24\" [height]=\"24\"></w-icons>\r\n\r\n <span class=\"subtitle1 m-0\">{{headerTitle}}</span>\r\n </ng-template>\r\n \r\n <ng-template pTemplate=\"content\">\r\n <div [ngClass]=\"{'w-sidebar-content grid' : activeGrid}\">\r\n <ng-content></ng-content>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template pTemplate=\"footer\"></ng-template>\r\n</p-sidebar>\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .wapp-sidebar .p-sidebar-header{padding:40px}:host ::ng-deep .wapp-sidebar .p-sidebar-content{padding:0 40px}:host ::ng-deep .p-sidebar-footer{padding:60px!important}:host ::ng-deep .w-sidebar-content .col-1{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-2{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-3{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-4{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-5{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-6{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-7{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-8{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-9{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-10{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-11{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-12{padding:4px 20px}:host ::ng-deep .w-sidebar-content.grid{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px;margin-top:-4px}.w-sidebar-icon{margin-right:12px}\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: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: i4.WIconsComponent, selector: "w-icons", inputs: ["name", "width", "height", "color"] }] });
|
|
30
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSidebarComponent, decorators: [{
|
|
31
49
|
type: Component,
|
|
32
|
-
args: [{ selector: 'w-sidebar', template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" [dismissible]=\"closeOnOverlay\" [styleClass]=\"styleClass\" class=\"wapp-sidebar\">\r\n <ng-template pTemplate=\"header\"
|
|
50
|
+
args: [{ selector: 'w-sidebar', template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" [dismissible]=\"closeOnOverlay\" [styleClass]=\"styleClass\" class=\"wapp-sidebar\">\r\n <ng-template pTemplate=\"header\">\r\n <span *ngIf=\"icon && getIconType() == iconType.pIcon\" class=\"w-sidebar-icon icon-large-size\" [ngClass]=\"icon\"></span>\r\n <img *ngIf=\"icon && getIconType() == iconType.urlIcon\" class=\"w-sidebar-icon\" [src]=\"icon\" width=\"24\" height=\"24\">\r\n <w-icons *ngIf=\"icon && getIconType() == iconType.wIcon\" class=\"w-sidebar-icon\" [name]=\"icon\" [width]=\"24\" [height]=\"24\"></w-icons>\r\n\r\n <span class=\"subtitle1 m-0\">{{headerTitle}}</span>\r\n </ng-template>\r\n \r\n <ng-template pTemplate=\"content\">\r\n <div [ngClass]=\"{'w-sidebar-content grid' : activeGrid}\">\r\n <ng-content></ng-content>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template pTemplate=\"footer\"></ng-template>\r\n</p-sidebar>\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .wapp-sidebar .p-sidebar-header{padding:40px}:host ::ng-deep .wapp-sidebar .p-sidebar-content{padding:0 40px}:host ::ng-deep .p-sidebar-footer{padding:60px!important}:host ::ng-deep .w-sidebar-content .col-1{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-2{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-3{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-4{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-5{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-6{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-7{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-8{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-9{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-10{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-11{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-12{padding:4px 20px}:host ::ng-deep .w-sidebar-content.grid{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px;margin-top:-4px}.w-sidebar-icon{margin-right:12px}\n"] }]
|
|
33
51
|
}], ctorParameters: function () { return []; }, propDecorators: { headerTitle: [{
|
|
34
52
|
type: Input,
|
|
35
53
|
args: ['headerTitle']
|
|
@@ -42,9 +60,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
42
60
|
}], styleClass: [{
|
|
43
61
|
type: Input,
|
|
44
62
|
args: ['styleClass']
|
|
63
|
+
}], icon: [{
|
|
64
|
+
type: Input,
|
|
65
|
+
args: ['icon']
|
|
45
66
|
}], visibleChange: [{
|
|
46
67
|
type: Output
|
|
47
68
|
}], visible: [{
|
|
48
69
|
type: Input
|
|
49
70
|
}] } });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1zaWRlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL3NpZGViYXIvdy1zaWRlYmFyL3ctc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaWRlYmFyL3ctc2lkZWJhci93LXNpZGViYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7OztBQU9uRCxNQUFNLE9BQU8saUJBQWlCO0lBd0I1QjtRQXRCcUIsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUN4QixtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUNwQyxlQUFVLEdBQVcsc0JBQXNCLENBQUM7UUFHakUsYUFBUSxHQUFvQixRQUFRLENBQUM7UUFFM0Isa0JBQWEsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUVyRSxhQUFRLEdBQVksS0FBSyxDQUFDO0lBYXBCLENBQUM7SUFaZixJQUNJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUVELElBQUksT0FBTyxDQUFDLEtBQWM7UUFDeEIsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUMzQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztZQUN0QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7U0FDeEM7SUFDSCxDQUFDO0lBSUQsUUFBUSxLQUFVLENBQUM7SUFFbkIsT0FBTztRQUNMLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsRUFBQztZQUM5QixPQUFPLFFBQVEsQ0FBQyxLQUFLLENBQUM7U0FDdkI7YUFBSyxJQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFDO1lBQzdCLE9BQU8sUUFBUSxDQUFDLE9BQU8sQ0FBQztTQUN6QjthQUFLO1lBQ0osT0FBTyxRQUFRLENBQUMsS0FBSyxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVPLEtBQUssQ0FBQyxHQUFXO1FBQ3ZCLE1BQU0sU0FBUyxHQUFHLCtCQUErQixDQUFDO1FBQ2xELE9BQU8sU0FBUyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM3QixDQUFDOzs4R0E3Q1UsaUJBQWlCO2tHQUFqQixpQkFBaUIsOFBDUjlCLDIvQkFpQkE7MkZEVGEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLFdBQVc7MEVBS0MsV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhO2dCQUNDLFVBQVU7c0JBQTlCLEtBQUs7dUJBQUMsWUFBWTtnQkFDTSxjQUFjO3NCQUF0QyxLQUFLO3VCQUFDLGdCQUFnQjtnQkFDRixVQUFVO3NCQUE5QixLQUFLO3VCQUFDLFlBQVk7Z0JBQ0osSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNO2dCQUlILGFBQWE7c0JBQXRCLE1BQU07Z0JBSUgsT0FBTztzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJY29uVHlwZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9lbnVtcy9lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1zaWRlYmFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1zaWRlYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LXNpZGViYXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV1NpZGViYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgnaGVhZGVyVGl0bGUnKSBoZWFkZXJUaXRsZSE6IHN0cmluZztcclxuICBASW5wdXQoJ2FjdGl2ZUdyaWQnKSBhY3RpdmVHcmlkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdjbG9zZU9uT3ZlcmxheScpIGNsb3NlT25PdmVybGF5OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdzdHlsZUNsYXNzJykgc3R5bGVDbGFzczogc3RyaW5nID0gXCJ3LWZ1bGwgbWQ6dy02IGxnOnctNVwiO1xyXG4gIEBJbnB1dCgnaWNvbicpIGljb24hOiBzdHJpbmcgO1xyXG5cclxuICBpY29uVHlwZTogdHlwZW9mIEljb25UeXBlID0gSWNvblR5cGU7XHJcbiAgXHJcbiAgQE91dHB1dCgpIHZpc2libGVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuXHJcbiAgcHJpdmF0ZSBfdmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpXHJcbiAgZ2V0IHZpc2libGUoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5fdmlzaWJsZTtcclxuICB9XHJcblxyXG4gIHNldCB2aXNpYmxlKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICBpZiAodmFsdWUgIT09IHRoaXMuX3Zpc2libGUpIHtcclxuICAgICAgdGhpcy5fdmlzaWJsZSA9IHZhbHVlO1xyXG4gICAgICB0aGlzLnZpc2libGVDaGFuZ2UuZW1pdCh0aGlzLl92aXNpYmxlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKCl7fVxyXG4gIFxyXG4gIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcbiAgb25DbG9zZSgpe1xyXG4gICAgdGhpcy52aXNpYmxlID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBnZXRJY29uVHlwZSgpe1xyXG4gICAgaWYodGhpcy5pY29uLmluY2x1ZGVzKFwicGkgcGktXCIpKXtcclxuICAgICAgcmV0dXJuIEljb25UeXBlLnBJY29uO1xyXG4gICAgfWVsc2UgaWYodGhpcy5pc1VSTCh0aGlzLmljb24pKXtcclxuICAgICAgcmV0dXJuIEljb25UeXBlLnVybEljb247XHJcbiAgICB9ZWxzZSB7XHJcbiAgICAgIHJldHVybiBJY29uVHlwZS53SWNvbjtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgaXNVUkwodXJsOiBzdHJpbmcpIHtcclxuICAgIGNvbnN0IHBhdHJvblVSTCA9IC9eKGZ0cHxodHRwfGh0dHBzKTpcXC9cXC9bXiBcIl0rJC87XHJcbiAgICByZXR1cm4gcGF0cm9uVVJMLnRlc3QodXJsKTtcclxuICB9XHJcbn1cclxuIiwiPHAtc2lkZWJhciBbKHZpc2libGUpXT1cInZpc2libGVcIiBwb3NpdGlvbj1cInJpZ2h0XCIgW21vZGFsXT1cInRydWVcIiBbYmxvY2tTY3JvbGxdPVwidHJ1ZVwiIFtkaXNtaXNzaWJsZV09XCJjbG9zZU9uT3ZlcmxheVwiIFtzdHlsZUNsYXNzXT1cInN0eWxlQ2xhc3NcIiBjbGFzcz1cIndhcHAtc2lkZWJhclwiPlxyXG4gICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImhlYWRlclwiPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiaWNvbiAmJiBnZXRJY29uVHlwZSgpID09IGljb25UeXBlLnBJY29uXCIgY2xhc3M9XCJ3LXNpZGViYXItaWNvbiBpY29uLWxhcmdlLXNpemVcIiBbbmdDbGFzc109XCJpY29uXCI+PC9zcGFuPlxyXG4gICAgICAgIDxpbWcgKm5nSWY9XCJpY29uICYmIGdldEljb25UeXBlKCkgPT0gaWNvblR5cGUudXJsSWNvblwiIGNsYXNzPVwidy1zaWRlYmFyLWljb25cIiBbc3JjXT1cImljb25cIiB3aWR0aD1cIjI0XCIgaGVpZ2h0PVwiMjRcIj5cclxuICAgICAgICA8dy1pY29ucyAqbmdJZj1cImljb24gJiYgZ2V0SWNvblR5cGUoKSA9PSBpY29uVHlwZS53SWNvblwiIGNsYXNzPVwidy1zaWRlYmFyLWljb25cIiBbbmFtZV09XCJpY29uXCIgW3dpZHRoXT1cIjI0XCIgW2hlaWdodF09XCIyNFwiPjwvdy1pY29ucz5cclxuXHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzdWJ0aXRsZTEgbS0wXCI+e3toZWFkZXJUaXRsZX19PC9zcGFuPlxyXG4gICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIFxyXG4gICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImNvbnRlbnRcIj5cclxuICAgICAgICA8ZGl2IFtuZ0NsYXNzXT1cInsndy1zaWRlYmFyLWNvbnRlbnQgZ3JpZCcgOiBhY3RpdmVHcmlkfVwiPlxyXG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJmb290ZXJcIj48L25nLXRlbXBsYXRlPlxyXG48L3Atc2lkZWJhcj5cclxuIl19
|
|
@@ -135,7 +135,13 @@ var ButtonType;
|
|
|
135
135
|
ButtonType[ButtonType["secondary"] = 1] = "secondary";
|
|
136
136
|
ButtonType[ButtonType["tertiary"] = 2] = "tertiary";
|
|
137
137
|
ButtonType[ButtonType["text"] = 3] = "text";
|
|
138
|
-
})(ButtonType || (ButtonType = {}));
|
|
138
|
+
})(ButtonType || (ButtonType = {}));
|
|
139
|
+
var IconType;
|
|
140
|
+
(function (IconType) {
|
|
141
|
+
IconType[IconType["pIcon"] = 0] = "pIcon";
|
|
142
|
+
IconType[IconType["urlIcon"] = 1] = "urlIcon";
|
|
143
|
+
IconType[IconType["wIcon"] = 2] = "wIcon";
|
|
144
|
+
})(IconType || (IconType = {}));
|
|
139
145
|
|
|
140
146
|
class WEditInputTextComponent {
|
|
141
147
|
constructor() {
|
|
@@ -3451,7 +3457,8 @@ class WSidebarComponent {
|
|
|
3451
3457
|
constructor() {
|
|
3452
3458
|
this.activeGrid = false;
|
|
3453
3459
|
this.closeOnOverlay = false;
|
|
3454
|
-
this.styleClass = "w-full md:w-
|
|
3460
|
+
this.styleClass = "w-full md:w-6 lg:w-5";
|
|
3461
|
+
this.iconType = IconType;
|
|
3455
3462
|
this.visibleChange = new EventEmitter();
|
|
3456
3463
|
this._visible = false;
|
|
3457
3464
|
}
|
|
@@ -3468,12 +3475,27 @@ class WSidebarComponent {
|
|
|
3468
3475
|
onClose() {
|
|
3469
3476
|
this.visible = false;
|
|
3470
3477
|
}
|
|
3478
|
+
getIconType() {
|
|
3479
|
+
if (this.icon.includes("pi pi-")) {
|
|
3480
|
+
return IconType.pIcon;
|
|
3481
|
+
}
|
|
3482
|
+
else if (this.isURL(this.icon)) {
|
|
3483
|
+
return IconType.urlIcon;
|
|
3484
|
+
}
|
|
3485
|
+
else {
|
|
3486
|
+
return IconType.wIcon;
|
|
3487
|
+
}
|
|
3488
|
+
}
|
|
3489
|
+
isURL(url) {
|
|
3490
|
+
const patronURL = /^(ftp|http|https):\/\/[^ "]+$/;
|
|
3491
|
+
return patronURL.test(url);
|
|
3492
|
+
}
|
|
3471
3493
|
}
|
|
3472
3494
|
WSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3473
|
-
WSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSidebarComponent, selector: "w-sidebar", inputs: { headerTitle: "headerTitle", activeGrid: "activeGrid", closeOnOverlay: "closeOnOverlay", styleClass: "styleClass", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" [dismissible]=\"closeOnOverlay\" [styleClass]=\"styleClass\" class=\"wapp-sidebar\">\r\n <ng-template pTemplate=\"header\"
|
|
3495
|
+
WSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSidebarComponent, selector: "w-sidebar", inputs: { headerTitle: "headerTitle", activeGrid: "activeGrid", closeOnOverlay: "closeOnOverlay", styleClass: "styleClass", icon: "icon", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" [dismissible]=\"closeOnOverlay\" [styleClass]=\"styleClass\" class=\"wapp-sidebar\">\r\n <ng-template pTemplate=\"header\">\r\n <span *ngIf=\"icon && getIconType() == iconType.pIcon\" class=\"w-sidebar-icon icon-large-size\" [ngClass]=\"icon\"></span>\r\n <img *ngIf=\"icon && getIconType() == iconType.urlIcon\" class=\"w-sidebar-icon\" [src]=\"icon\" width=\"24\" height=\"24\">\r\n <w-icons *ngIf=\"icon && getIconType() == iconType.wIcon\" class=\"w-sidebar-icon\" [name]=\"icon\" [width]=\"24\" [height]=\"24\"></w-icons>\r\n\r\n <span class=\"subtitle1 m-0\">{{headerTitle}}</span>\r\n </ng-template>\r\n \r\n <ng-template pTemplate=\"content\">\r\n <div [ngClass]=\"{'w-sidebar-content grid' : activeGrid}\">\r\n <ng-content></ng-content>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template pTemplate=\"footer\"></ng-template>\r\n</p-sidebar>\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .wapp-sidebar .p-sidebar-header{padding:40px}:host ::ng-deep .wapp-sidebar .p-sidebar-content{padding:0 40px}:host ::ng-deep .p-sidebar-footer{padding:60px!important}:host ::ng-deep .w-sidebar-content .col-1{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-2{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-3{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-4{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-5{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-6{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-7{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-8{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-9{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-10{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-11{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-12{padding:4px 20px}:host ::ng-deep .w-sidebar-content.grid{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px;margin-top:-4px}.w-sidebar-icon{margin-right:12px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$6.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: WIconsComponent, selector: "w-icons", inputs: ["name", "width", "height", "color"] }] });
|
|
3474
3496
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSidebarComponent, decorators: [{
|
|
3475
3497
|
type: Component,
|
|
3476
|
-
args: [{ selector: 'w-sidebar', template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" [dismissible]=\"closeOnOverlay\" [styleClass]=\"styleClass\" class=\"wapp-sidebar\">\r\n <ng-template pTemplate=\"header\"
|
|
3498
|
+
args: [{ selector: 'w-sidebar', template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" [dismissible]=\"closeOnOverlay\" [styleClass]=\"styleClass\" class=\"wapp-sidebar\">\r\n <ng-template pTemplate=\"header\">\r\n <span *ngIf=\"icon && getIconType() == iconType.pIcon\" class=\"w-sidebar-icon icon-large-size\" [ngClass]=\"icon\"></span>\r\n <img *ngIf=\"icon && getIconType() == iconType.urlIcon\" class=\"w-sidebar-icon\" [src]=\"icon\" width=\"24\" height=\"24\">\r\n <w-icons *ngIf=\"icon && getIconType() == iconType.wIcon\" class=\"w-sidebar-icon\" [name]=\"icon\" [width]=\"24\" [height]=\"24\"></w-icons>\r\n\r\n <span class=\"subtitle1 m-0\">{{headerTitle}}</span>\r\n </ng-template>\r\n \r\n <ng-template pTemplate=\"content\">\r\n <div [ngClass]=\"{'w-sidebar-content grid' : activeGrid}\">\r\n <ng-content></ng-content>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template pTemplate=\"footer\"></ng-template>\r\n</p-sidebar>\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}:host ::ng-deep .wapp-sidebar .p-sidebar-header{padding:40px}:host ::ng-deep .wapp-sidebar .p-sidebar-content{padding:0 40px}:host ::ng-deep .p-sidebar-footer{padding:60px!important}:host ::ng-deep .w-sidebar-content .col-1{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-2{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-3{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-4{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-5{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-6{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-7{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-8{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-9{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-10{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-11{padding:4px 20px}:host ::ng-deep .w-sidebar-content .col-12{padding:4px 20px}:host ::ng-deep .w-sidebar-content.grid{display:flex;flex-wrap:wrap;margin-right:-20px;margin-left:-20px;margin-top:-4px}.w-sidebar-icon{margin-right:12px}\n"] }]
|
|
3477
3499
|
}], ctorParameters: function () { return []; }, propDecorators: { headerTitle: [{
|
|
3478
3500
|
type: Input,
|
|
3479
3501
|
args: ['headerTitle']
|
|
@@ -3486,6 +3508,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
3486
3508
|
}], styleClass: [{
|
|
3487
3509
|
type: Input,
|
|
3488
3510
|
args: ['styleClass']
|
|
3511
|
+
}], icon: [{
|
|
3512
|
+
type: Input,
|
|
3513
|
+
args: ['icon']
|
|
3489
3514
|
}], visibleChange: [{
|
|
3490
3515
|
type: Output
|
|
3491
3516
|
}], visible: [{
|
|
@@ -4491,10 +4516,10 @@ class WTimelineComponent {
|
|
|
4491
4516
|
}
|
|
4492
4517
|
}
|
|
4493
4518
|
WTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4494
|
-
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", reducedPanelMargin: "reducedPanelMargin", reducedEventPanelMargin: "reducedEventPanelMargin" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <div class=\"col-12\">\r\n <p-timeline [value]=\"events\" [align]=\"align\" styleClass=\"customized-timeline\" \r\n [class.w-timeline-non-alternate]=\"align != 'alternate'\">\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-1 shadow-1 shadow-2\"\r\n [class]=\"'w-timeline-event color-'+event.color\">\r\n
|
|
4519
|
+
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", reducedPanelMargin: "reducedPanelMargin", reducedEventPanelMargin: "reducedEventPanelMargin" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <div class=\"col-12\">\r\n <p-timeline [value]=\"events\" [align]=\"align\" styleClass=\"customized-timeline\" \r\n [class.w-timeline-non-alternate]=\"align != 'alternate'\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <span *ngIf=\"event.color.includes('#'); else wappingColors\"\r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 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 #wappingColors>\r\n <span\r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 shadow-1 shadow-2\"\r\n [class]=\"'w-timeline-event color-'+event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\" [class]=\"'w-timeline-event color-'+event.color\"></i>\r\n </span>\r\n </ng-template>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [title]=\"event.status\" [subtitle]=\"event.date\" [reduced]=\"reducedEventPanelMargin\">\r\n <div class=\"col-12\">\r\n <img *ngIf=\"event.image\"\r\n [src]=\"event.image\"\r\n [alt]=\"event.name\" width=\"200\" class=\"shadow-2\" />\r\n <p> {{event.content}} </p>\r\n <div class=\"flex w-timeline-button\" [ngClass]=\"{'w-timeline-button-end':align == 'left', 'w-timeline-button-start':align == 'right'}\">\r\n <w-button *ngIf=\"event.button\" type=\"text\" \r\n [label]=\"event.button.label\" \r\n [icon]=\"event.button.icon!\"\r\n (onClick)=\"onButtonClick(event)\">\r\n </w-button>\r\n </div>\r\n </div>\r\n </w-panel>\r\n </ng-template>\r\n </p-timeline>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{text-align:right;padding:0}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{text-align:left;padding:0 0 0 16px}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-content .w-timeline-button{justify-content:end}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n) .p-timeline-event-content{text-align:right;padding:0 16px 0 0}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n) .p-timeline-event-content .w-timeline-button{justify-content:start}::ng-deep .w-timeline-non-alternate .p-timeline-event-content{padding:0 1rem;margin-bottom:16px!important}.w-timeline-button-end{justify-content:end}.w-timeline-button-start{justify-content:start}.w-timeline-event.color-success{background-color:#46ff9b;color:#00db5d}.w-timeline-event.color-warn{background-color:#ffcd46;color:#eeae00}.w-timeline-event.color-info{background-color:#62c3ff;color:#009dfd}.w-timeline-event.color-error{background-color:#f55;color:#e50000}.w-timeline-event-icon-white{color:#fff}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$d.Timeline, selector: "p-timeline", inputs: ["value", "style", "styleClass", "align", "layout"] }, { kind: "component", type: WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading"], outputs: ["onClick"] }, { kind: "component", type: WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "maxHeightOverflow"] }] });
|
|
4495
4520
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WTimelineComponent, decorators: [{
|
|
4496
4521
|
type: Component,
|
|
4497
|
-
args: [{ selector: 'w-timeline', template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <div class=\"col-12\">\r\n <p-timeline [value]=\"events\" [align]=\"align\" styleClass=\"customized-timeline\" \r\n [class.w-timeline-non-alternate]=\"align != 'alternate'\">\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-1 shadow-1 shadow-2\"\r\n [class]=\"'w-timeline-event color-'+event.color\">\r\n
|
|
4522
|
+
args: [{ selector: 'w-timeline', template: "<div *ngIf=\"panel; else timeline\">\r\n <w-panel [title]=\"header\" [reduced]=\"reducedPanelMargin\">\r\n <ng-container *ngTemplateOutlet=\"timeline\"></ng-container>\r\n </w-panel>\r\n</div>\r\n\r\n<ng-template #timeline>\r\n <div class=\"col-12\">\r\n <p-timeline [value]=\"events\" [align]=\"align\" styleClass=\"customized-timeline\" \r\n [class.w-timeline-non-alternate]=\"align != 'alternate'\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <span *ngIf=\"event.color.includes('#'); else wappingColors\"\r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 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 #wappingColors>\r\n <span\r\n class=\"flex w-2rem h-2rem align-items-center justify-content-center text-white border-circle z-1 shadow-1 shadow-2\"\r\n [class]=\"'w-timeline-event color-'+event.color\">\r\n <i [ngClass]=\"'pi '+event.icon\" [class]=\"'w-timeline-event color-'+event.color\"></i>\r\n </span>\r\n </ng-template>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [title]=\"event.status\" [subtitle]=\"event.date\" [reduced]=\"reducedEventPanelMargin\">\r\n <div class=\"col-12\">\r\n <img *ngIf=\"event.image\"\r\n [src]=\"event.image\"\r\n [alt]=\"event.name\" width=\"200\" class=\"shadow-2\" />\r\n <p> {{event.content}} </p>\r\n <div class=\"flex w-timeline-button\" [ngClass]=\"{'w-timeline-button-end':align == 'left', 'w-timeline-button-start':align == 'right'}\">\r\n <w-button *ngIf=\"event.button\" type=\"text\" \r\n [label]=\"event.button.label\" \r\n [icon]=\"event.button.icon!\"\r\n (onClick)=\"onButtonClick(event)\">\r\n </w-button>\r\n </div>\r\n </div>\r\n </w-panel>\r\n </ng-template>\r\n </p-timeline>\r\n </div>\r\n</ng-template>", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;font-weight:600}.select-option-text{font-size:16;line-height:24px;font-weight:600}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:2px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-generic-input-no-label-height{height:36px}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-opposite{text-align:right;padding:0}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-content{text-align:left;padding:0 0 0 16px}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n+1) .p-timeline-event-content .w-timeline-button{justify-content:end}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n) .p-timeline-event-content{text-align:right;padding:0 16px 0 0}::ng-deep .p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(2n) .p-timeline-event-content .w-timeline-button{justify-content:start}::ng-deep .w-timeline-non-alternate .p-timeline-event-content{padding:0 1rem;margin-bottom:16px!important}.w-timeline-button-end{justify-content:end}.w-timeline-button-start{justify-content:start}.w-timeline-event.color-success{background-color:#46ff9b;color:#00db5d}.w-timeline-event.color-warn{background-color:#ffcd46;color:#eeae00}.w-timeline-event.color-info{background-color:#62c3ff;color:#009dfd}.w-timeline-event.color-error{background-color:#f55;color:#e50000}.w-timeline-event-icon-white{color:#fff}\n"] }]
|
|
4498
4523
|
}], ctorParameters: function () { return []; }, propDecorators: { events: [{
|
|
4499
4524
|
type: Input,
|
|
4500
4525
|
args: ['events']
|