ngx-wapp-components 1.0.77 → 1.0.79
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-badge/w-badge.component.mjs +2 -2
- package/esm2020/lib/misc/w-timeline/w-timeline.component.mjs +3 -3
- package/esm2020/lib/shared/skeletons/w-skeleton-edit/w-skeleton-edit.component.mjs +26 -0
- package/esm2020/lib/shared/skeletons/w-skeleton-edit-product/w-skeleton-edit-product.component.mjs +17 -0
- package/esm2020/lib/shared/skeletons/w-skeleton-iframe/w-skeleton-iframe.component.mjs +12 -0
- package/esm2020/lib/shared/skeletons/w-skeleton-input-generic/w-skeleton-input-generic.component.mjs +30 -0
- package/esm2020/lib/shared/skeletons/w-skeleton-list/w-skeleton-list.component.mjs +11 -0
- package/esm2020/lib/shared/skeletons/w-skeleton-powerbi-report/w-skeleton-powerbi-report.component.mjs +12 -0
- package/esm2020/lib/shared/skeletons/w-skeleton-profile-sidebar/w-skeleton-profile-sidebar.component.mjs +12 -0
- package/esm2020/lib/shared/skeletons/w-skeleton-query-builder/w-skeleton-query-builder.component.mjs +26 -0
- package/esm2020/lib/shared/skeletons/w-skeleton-sidebar/w-skeleton-sidebar.component.mjs +22 -0
- package/esm2020/lib/shared/skeletons/w-skeleton-timeline/w-skeleton-timeline.component.mjs +25 -0
- package/esm2020/lib/shared/skeletons/w-skeleton-tree/w-skeleton-tree.component.mjs +27 -0
- package/esm2020/lib/shared/skeletons/w-skeleton-user-profile-info-sidebar/w-skeleton-user-profile-info-sidebar.component.mjs +12 -0
- package/esm2020/lib/wapp-components.module.mjs +64 -4
- package/esm2020/public-api.mjs +14 -1
- package/fesm2015/ngx-wapp-components.mjs +245 -18
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +245 -18
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/shared/skeletons/w-skeleton-edit/w-skeleton-edit.component.d.ts +8 -0
- package/lib/shared/skeletons/w-skeleton-edit-product/w-skeleton-edit-product.component.d.ts +5 -0
- package/lib/shared/skeletons/w-skeleton-iframe/w-skeleton-iframe.component.d.ts +5 -0
- package/lib/shared/skeletons/w-skeleton-input-generic/w-skeleton-input-generic.component.d.ts +9 -0
- package/lib/shared/skeletons/w-skeleton-list/w-skeleton-list.component.d.ts +5 -0
- package/lib/shared/skeletons/w-skeleton-powerbi-report/w-skeleton-powerbi-report.component.d.ts +5 -0
- package/lib/shared/skeletons/w-skeleton-profile-sidebar/w-skeleton-profile-sidebar.component.d.ts +5 -0
- package/lib/shared/skeletons/w-skeleton-query-builder/w-skeleton-query-builder.component.d.ts +8 -0
- package/lib/shared/skeletons/w-skeleton-sidebar/w-skeleton-sidebar.component.d.ts +8 -0
- package/lib/shared/skeletons/w-skeleton-timeline/w-skeleton-timeline.component.d.ts +9 -0
- package/lib/shared/skeletons/w-skeleton-tree/w-skeleton-tree.component.d.ts +11 -0
- package/lib/shared/skeletons/w-skeleton-user-profile-info-sidebar/w-skeleton-user-profile-info-sidebar.component.d.ts +5 -0
- package/lib/wapp-components.module.d.ts +56 -44
- package/package.json +1 -1
- package/public-api.d.ts +12 -0
|
@@ -7,10 +7,10 @@ export class WBadgeComponent {
|
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
WBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
WBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WBadgeComponent, selector: "w-badge", inputs: { label: "label", color: "color" }, ngImport: i0, template: "<span [class]=\"'w-badge color-' + color\">\r\n {{label}}\r\n</span>", 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:1px 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:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.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}.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}.w-badge{height:16px;border-radius:8px;border:1px solid #dadce0;padding:3px 12px;font-weight:700;font-size:
|
|
10
|
+
WBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WBadgeComponent, selector: "w-badge", inputs: { label: "label", color: "color" }, ngImport: i0, template: "<span [class]=\"'w-badge color-' + color\">\r\n {{label}}\r\n</span>", 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:1px 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:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.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}.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}.w-badge{height:16px;border-radius:8px;border:1px solid #dadce0;padding:3px 12px;font-weight:700;font-size:8px;line-height:8px}.w-badge.color-default{background:#ffffff;color:#5f6368;border:1px solid #dadce0}.w-badge.color-success{background:#B3FFD3;color:#00db5d;border:1px solid #46FF9B}.w-badge.color-warn{background:#FFECB8;color:#eeae00;border:1px solid #FFCD46}.w-badge.color-info{background:#C2E8FF;color:#009dfd;border:1px solid #62C3FF}.w-badge.color-error{background:#FFBDBD;color:#e50000;border:1px solid #FF5555}.w-badge.color-disabled{background:#ffffff;color:#9aa0a6;border:1px solid #dadce0}\n"] });
|
|
11
11
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WBadgeComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
|
-
args: [{ selector: 'w-badge', template: "<span [class]=\"'w-badge color-' + color\">\r\n {{label}}\r\n</span>", 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:1px 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:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.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}.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}.w-badge{height:16px;border-radius:8px;border:1px solid #dadce0;padding:3px 12px;font-weight:700;font-size:
|
|
13
|
+
args: [{ selector: 'w-badge', template: "<span [class]=\"'w-badge color-' + color\">\r\n {{label}}\r\n</span>", 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:1px 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:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.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}.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}.w-badge{height:16px;border-radius:8px;border:1px solid #dadce0;padding:3px 12px;font-weight:700;font-size:8px;line-height:8px}.w-badge.color-default{background:#ffffff;color:#5f6368;border:1px solid #dadce0}.w-badge.color-success{background:#B3FFD3;color:#00db5d;border:1px solid #46FF9B}.w-badge.color-warn{background:#FFECB8;color:#eeae00;border:1px solid #FFCD46}.w-badge.color-info{background:#C2E8FF;color:#009dfd;border:1px solid #62C3FF}.w-badge.color-error{background:#FFBDBD;color:#e50000;border:1px solid #FF5555}.w-badge.color-disabled{background:#ffffff;color:#9aa0a6;border:1px solid #dadce0}\n"] }]
|
|
14
14
|
}], propDecorators: { label: [{
|
|
15
15
|
type: Input,
|
|
16
16
|
args: ['label']
|
|
@@ -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 <
|
|
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 <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 [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</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:1px 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:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.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}.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", "heightOverflow", "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 <
|
|
25
|
+
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 [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</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:1px 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:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.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}.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy10aW1lbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9taXNjL3ctdGltZWxpbmUvdy10aW1lbGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9taXNjL3ctdGltZWxpbmUvdy10aW1lbGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBU3ZFLE1BQU0sT0FBTyxrQkFBa0I7SUFXN0I7UUFQZ0IsVUFBSyxHQUFZLEtBQUssQ0FBQztRQUN2QixVQUFLLEdBQVcsV0FBVyxDQUFDO1FBQ2YsdUJBQWtCLEdBQVksS0FBSyxDQUFDO1FBQy9CLDRCQUF1QixHQUFZLEtBQUssQ0FBQztRQUVwRCxnQkFBVyxHQUF1QyxJQUFJLFlBQVksRUFBd0IsQ0FBQztJQUVuRyxDQUFDO0lBRWhCLGFBQWEsQ0FBQyxLQUF5QjtRQUNyQyxJQUFHLEtBQUssQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFDLEVBQUUsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLEVBQUUsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFDLENBQUMsQ0FBQTtJQUNoRSxDQUFDOzsrR0FoQlUsa0JBQWtCO21HQUFsQixrQkFBa0IseVFDVC9CLDAzRUEyQ2M7MkZEbENELGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxZQUFZOzBFQU1MLE1BQU07c0JBQXRCLEtBQUs7dUJBQUMsUUFBUTtnQkFDRSxNQUFNO3NCQUF0QixLQUFLO3VCQUFDLFFBQVE7Z0JBQ0MsS0FBSztzQkFBcEIsS0FBSzt1QkFBQyxPQUFPO2dCQUNFLEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTztnQkFDZSxrQkFBa0I7c0JBQTlDLEtBQUs7dUJBQUMsb0JBQW9CO2dCQUNPLHVCQUF1QjtzQkFBeEQsS0FBSzt1QkFBQyx5QkFBeUI7Z0JBRVQsV0FBVztzQkFBakMsTUFBTTt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgV1RpbWVsaW5lRXZlbnRJdGVtIH0gZnJvbSAnLi4vLi4vc2hhcmVkL21vZGVscy93LXRpbWVsaW5lLWV2ZW50LWl0ZW0ubW9kZWwnO1xyXG5pbXBvcnQgeyBBY3Rpb25CdXR0b25SZXNwb25zZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9tb2RlbHMvYWN0aW9uLWJ1dHRvbi1yZXNwb25zZS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctdGltZWxpbmUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LXRpbWVsaW5lLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LXRpbWVsaW5lLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdUaW1lbGluZUNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgnZXZlbnRzJykgZXZlbnRzITogV1RpbWVsaW5lRXZlbnRJdGVtW107XHJcbiAgQElucHV0KCdoZWFkZXInKSBoZWFkZXIhOiBzdHJpbmc7XHJcbiAgQElucHV0KCdwYW5lbCcpIHBhbmVsOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCdhbGlnbicpIGFsaWduOiBzdHJpbmcgPSBcImFsdGVybmF0ZVwiO1xyXG4gIEBJbnB1dCgncmVkdWNlZFBhbmVsTWFyZ2luJykgcmVkdWNlZFBhbmVsTWFyZ2luOiBib29sZWFuID0gZmFsc2U7IFxyXG4gIEBJbnB1dCgncmVkdWNlZEV2ZW50UGFuZWxNYXJnaW4nKSByZWR1Y2VkRXZlbnRQYW5lbE1hcmdpbjogYm9vbGVhbiA9IGZhbHNlOyBcclxuXHJcbiAgQE91dHB1dCgnYnV0dG9uQ2xpY2snKSBidXR0b25DbGljazogRXZlbnRFbWl0dGVyPEFjdGlvbkJ1dHRvblJlc3BvbnNlPiA9IG5ldyBFdmVudEVtaXR0ZXI8QWN0aW9uQnV0dG9uUmVzcG9uc2U+KCk7IFxyXG5cclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG9uQnV0dG9uQ2xpY2soZXZlbnQ6IFdUaW1lbGluZUV2ZW50SXRlbSkge1xyXG4gICAgaWYoZXZlbnQuYnV0dG9uPy5pZCkgXHJcbiAgICAgIHRoaXMuYnV0dG9uQ2xpY2suZW1pdCh7aWQ6IGV2ZW50LmJ1dHRvbi5pZCwgZWxlbWVudDogZXZlbnR9KVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2ICpuZ0lmPVwicGFuZWw7IGVsc2UgdGltZWxpbmVcIj5cclxuICAgIDx3LXBhbmVsIFt0aXRsZV09XCJoZWFkZXJcIiBbcmVkdWNlZF09XCJyZWR1Y2VkUGFuZWxNYXJnaW5cIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTEyXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0aW1lbGluZVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC93LXBhbmVsPlxyXG48L2Rpdj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjdGltZWxpbmU+XHJcbiAgICA8cC10aW1lbGluZSBbdmFsdWVdPVwiZXZlbnRzXCIgW2FsaWduXT1cImFsaWduXCIgc3R5bGVDbGFzcz1cImN1c3RvbWl6ZWQtdGltZWxpbmVcIiBcclxuICAgICAgICAgICAgICAgIFtjbGFzcy53LXRpbWVsaW5lLW5vbi1hbHRlcm5hdGVdPVwiYWxpZ24gIT0gJ2FsdGVybmF0ZSdcIj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwibWFya2VyXCIgbGV0LWV2ZW50PlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cImV2ZW50LmNvbG9yLmluY2x1ZGVzKCcjJyk7IGVsc2Ugd2FwcGluZ0NvbG9yc1wiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImZsZXggdy0ycmVtIGgtMnJlbSBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciB0ZXh0LXdoaXRlIGJvcmRlci1jaXJjbGUgei0xIHNoYWRvdy0xIHNoYWRvdy0yXCJcclxuICAgICAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kQ29sb3JdPVwiZXZlbnQuY29sb3JcIj5cclxuICAgICAgICAgICAgICAgIDxpIFtuZ0NsYXNzXT1cIidwaSAnK2V2ZW50Lmljb25cIj48L2k+XHJcbiAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlICN3YXBwaW5nQ29sb3JzPlxyXG4gICAgICAgICAgICAgICAgPHNwYW5cclxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZsZXggdy0ycmVtIGgtMnJlbSBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciB0ZXh0LXdoaXRlIGJvcmRlci1jaXJjbGUgei0xIHNoYWRvdy0xIHNoYWRvdy0yXCJcclxuICAgICAgICAgICAgICAgICAgICBbY2xhc3NdPVwiJ3ctdGltZWxpbmUtZXZlbnQgY29sb3ItJytldmVudC5jb2xvclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpIFtuZ0NsYXNzXT1cIidwaSAnK2V2ZW50Lmljb25cIiBbY2xhc3NdPVwiJ3ctdGltZWxpbmUtZXZlbnQgY29sb3ItJytldmVudC5jb2xvclwiPjwvaT5cclxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJjb250ZW50XCIgbGV0LWV2ZW50PlxyXG4gICAgICAgICAgICA8dy1wYW5lbCBbdGl0bGVdPVwiZXZlbnQuc3RhdHVzXCIgW3N1YnRpdGxlXT1cImV2ZW50LmRhdGVcIiBbcmVkdWNlZF09XCJyZWR1Y2VkRXZlbnRQYW5lbE1hcmdpblwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC0xMlwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpbWcgKm5nSWY9XCJldmVudC5pbWFnZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtzcmNdPVwiZXZlbnQuaW1hZ2VcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBbYWx0XT1cImV2ZW50Lm5hbWVcIiB3aWR0aD1cIjIwMFwiIGNsYXNzPVwic2hhZG93LTJcIiAvPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwPiB7e2V2ZW50LmNvbnRlbnR9fSA8L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggdy10aW1lbGluZS1idXR0b25cIiBbbmdDbGFzc109XCJ7J3ctdGltZWxpbmUtYnV0dG9uLWVuZCc6YWxpZ24gPT0gJ2xlZnQnLCAndy10aW1lbGluZS1idXR0b24tc3RhcnQnOmFsaWduID09ICdyaWdodCd9XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDx3LWJ1dHRvbiAqbmdJZj1cImV2ZW50LmJ1dHRvblwiIHR5cGU9XCJ0ZXh0XCIgXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cImV2ZW50LmJ1dHRvbi5sYWJlbFwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uXT1cImV2ZW50LmJ1dHRvbi5pY29uIVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKG9uQ2xpY2spPVwib25CdXR0b25DbGljayhldmVudClcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC93LWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L3ctcGFuZWw+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDwvcC10aW1lbGluZT5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "primeng/skeleton";
|
|
5
|
+
import * as i3 from "../../../layout/w-panel/w-panel.component";
|
|
6
|
+
import * as i4 from "../../../layout/w-body-container/w-body-container.component";
|
|
7
|
+
import * as i5 from "../../../layout/w-header-panel/w-header-panel.component";
|
|
8
|
+
export class WSkeletonEditComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.columnsNumber = 3;
|
|
11
|
+
this.columnsArray = new Array(this.columnsNumber);
|
|
12
|
+
}
|
|
13
|
+
ngOnInit() {
|
|
14
|
+
this.columnsArray.length = this.columnsNumber;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
WSkeletonEditComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
+
WSkeletonEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSkeletonEditComponent, selector: "w-skeleton-edit", inputs: { columnsNumber: "columnsNumber" }, ngImport: i0, template: "<w-body-container>\r\n <w-header-panel class=\"col-12\">\r\n <div class=\"main-actions\">\r\n <p-skeleton height=\"32px\" width=\"190px\"></p-skeleton>\r\n <p-skeleton height=\"32px\" width=\"190px\"></p-skeleton>\r\n </div>\r\n </w-header-panel>\r\n <ng-container *ngFor=\"let item of columnsArray\">\r\n <w-panel *ngIf=\"columnsNumber == 1\" class=\"col-12\">\r\n <p-skeleton class=\"col-12\" width=\"100%\" height=\"20px\"></p-skeleton>\r\n <p-skeleton class=\"col-12\" height=\"500px\"></p-skeleton>\r\n </w-panel>\r\n <w-panel *ngIf=\"columnsNumber == 3\" class=\"col-4\">\r\n <p-skeleton class=\"col-12\" width=\"100%\" height=\"20px\"></p-skeleton>\r\n <p-skeleton class=\"col-12\" height=\"500px\"></p-skeleton>\r\n </w-panel>\r\n <w-panel *ngIf=\"columnsNumber == 2\" class=\"col-6\">\r\n <p-skeleton class=\"col-12\" width=\"100%\" height=\"20px\"></p-skeleton>\r\n <p-skeleton class=\"col-12\" height=\"500px\"></p-skeleton>\r\n </w-panel>\r\n </ng-container>\r\n <w-panel class=\"col-12\">\r\n <p-skeleton class=\"col-12\" width=\"100%\" height=\"20px\"></p-skeleton>\r\n <p-skeleton class=\"col-12\" height=\"500px\"></p-skeleton>\r\n </w-panel>\r\n</w-body-container>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: i3.WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow"] }, { kind: "component", type: i4.WBodyContainerComponent, selector: "w-body-container" }, { kind: "component", type: i5.WHeaderPanelComponent, selector: "w-header-panel", inputs: ["showButtonBack", "backToCustomRoute"], outputs: ["onClickButtonBack"] }] });
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonEditComponent, decorators: [{
|
|
20
|
+
type: Component,
|
|
21
|
+
args: [{ selector: 'w-skeleton-edit', template: "<w-body-container>\r\n <w-header-panel class=\"col-12\">\r\n <div class=\"main-actions\">\r\n <p-skeleton height=\"32px\" width=\"190px\"></p-skeleton>\r\n <p-skeleton height=\"32px\" width=\"190px\"></p-skeleton>\r\n </div>\r\n </w-header-panel>\r\n <ng-container *ngFor=\"let item of columnsArray\">\r\n <w-panel *ngIf=\"columnsNumber == 1\" class=\"col-12\">\r\n <p-skeleton class=\"col-12\" width=\"100%\" height=\"20px\"></p-skeleton>\r\n <p-skeleton class=\"col-12\" height=\"500px\"></p-skeleton>\r\n </w-panel>\r\n <w-panel *ngIf=\"columnsNumber == 3\" class=\"col-4\">\r\n <p-skeleton class=\"col-12\" width=\"100%\" height=\"20px\"></p-skeleton>\r\n <p-skeleton class=\"col-12\" height=\"500px\"></p-skeleton>\r\n </w-panel>\r\n <w-panel *ngIf=\"columnsNumber == 2\" class=\"col-6\">\r\n <p-skeleton class=\"col-12\" width=\"100%\" height=\"20px\"></p-skeleton>\r\n <p-skeleton class=\"col-12\" height=\"500px\"></p-skeleton>\r\n </w-panel>\r\n </ng-container>\r\n <w-panel class=\"col-12\">\r\n <p-skeleton class=\"col-12\" width=\"100%\" height=\"20px\"></p-skeleton>\r\n <p-skeleton class=\"col-12\" height=\"500px\"></p-skeleton>\r\n </w-panel>\r\n</w-body-container>\r\n" }]
|
|
22
|
+
}], propDecorators: { columnsNumber: [{
|
|
23
|
+
type: Input,
|
|
24
|
+
args: ['columnsNumber']
|
|
25
|
+
}] } });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1za2VsZXRvbi1lZGl0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL3NoYXJlZC9za2VsZXRvbnMvdy1za2VsZXRvbi1lZGl0L3ctc2tlbGV0b24tZWRpdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvc2tlbGV0b25zL3ctc2tlbGV0b24tZWRpdC93LXNrZWxldG9uLWVkaXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFPakQsTUFBTSxPQUFPLHNCQUFzQjtJQUxuQztRQU0wQixrQkFBYSxHQUFXLENBQUMsQ0FBQztRQUNsRCxpQkFBWSxHQUFVLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztLQUtyRDtJQUhDLFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQ2hELENBQUM7O21IQU5VLHNCQUFzQjt1R0FBdEIsc0JBQXNCLG1HQ1BuQyxtMUNBMEJBOzJGRG5CYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQUtILGFBQWE7c0JBQXBDLEtBQUs7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1za2VsZXRvbi1lZGl0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1za2VsZXRvbi1lZGl0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LXNrZWxldG9uLWVkaXQuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXU2tlbGV0b25FZGl0Q29tcG9uZW50IHtcclxuICBASW5wdXQoJ2NvbHVtbnNOdW1iZXInKSBjb2x1bW5zTnVtYmVyOiBudW1iZXIgPSAzO1xyXG4gIGNvbHVtbnNBcnJheTogYW55W10gPSBuZXcgQXJyYXkodGhpcy5jb2x1bW5zTnVtYmVyKTtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZHtcclxuICAgIHRoaXMuY29sdW1uc0FycmF5Lmxlbmd0aCA9IHRoaXMuY29sdW1uc051bWJlcjtcclxuICB9XHJcbn1cclxuIiwiPHctYm9keS1jb250YWluZXI+XHJcbiAgICA8dy1oZWFkZXItcGFuZWwgY2xhc3M9XCJjb2wtMTJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibWFpbi1hY3Rpb25zXCI+XHJcbiAgICAgICAgICAgIDxwLXNrZWxldG9uIGhlaWdodD1cIjMycHhcIiB3aWR0aD1cIjE5MHB4XCI+PC9wLXNrZWxldG9uPlxyXG4gICAgICAgICAgICA8cC1za2VsZXRvbiBoZWlnaHQ9XCIzMnB4XCIgd2lkdGg9XCIxOTBweFwiPjwvcC1za2VsZXRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvdy1oZWFkZXItcGFuZWw+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGNvbHVtbnNBcnJheVwiPlxyXG4gICAgICAgIDx3LXBhbmVsICpuZ0lmPVwiY29sdW1uc051bWJlciA9PSAxXCIgY2xhc3M9XCJjb2wtMTJcIj5cclxuICAgICAgICAgICAgPHAtc2tlbGV0b24gY2xhc3M9XCJjb2wtMTJcIiB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIyMHB4XCI+PC9wLXNrZWxldG9uPlxyXG4gICAgICAgICAgICA8cC1za2VsZXRvbiBjbGFzcz1cImNvbC0xMlwiIGhlaWdodD1cIjUwMHB4XCI+PC9wLXNrZWxldG9uPlxyXG4gICAgICAgIDwvdy1wYW5lbD5cclxuICAgICAgICA8dy1wYW5lbCAqbmdJZj1cImNvbHVtbnNOdW1iZXIgPT0gM1wiIGNsYXNzPVwiY29sLTRcIj5cclxuICAgICAgICAgICAgPHAtc2tlbGV0b24gY2xhc3M9XCJjb2wtMTJcIiB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIyMHB4XCI+PC9wLXNrZWxldG9uPlxyXG4gICAgICAgICAgICA8cC1za2VsZXRvbiBjbGFzcz1cImNvbC0xMlwiIGhlaWdodD1cIjUwMHB4XCI+PC9wLXNrZWxldG9uPlxyXG4gICAgICAgIDwvdy1wYW5lbD5cclxuICAgICAgICA8dy1wYW5lbCAqbmdJZj1cImNvbHVtbnNOdW1iZXIgPT0gMlwiIGNsYXNzPVwiY29sLTZcIj5cclxuICAgICAgICAgICAgPHAtc2tlbGV0b24gY2xhc3M9XCJjb2wtMTJcIiB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIyMHB4XCI+PC9wLXNrZWxldG9uPlxyXG4gICAgICAgICAgICA8cC1za2VsZXRvbiBjbGFzcz1cImNvbC0xMlwiIGhlaWdodD1cIjUwMHB4XCI+PC9wLXNrZWxldG9uPlxyXG4gICAgICAgIDwvdy1wYW5lbD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPHctcGFuZWwgY2xhc3M9XCJjb2wtMTJcIj5cclxuICAgICAgICA8cC1za2VsZXRvbiBjbGFzcz1cImNvbC0xMlwiIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjIwcHhcIj48L3Atc2tlbGV0b24+XHJcbiAgICAgICAgPHAtc2tlbGV0b24gY2xhc3M9XCJjb2wtMTJcIiBoZWlnaHQ9XCI1MDBweFwiPjwvcC1za2VsZXRvbj5cclxuICAgIDwvdy1wYW5lbD5cclxuPC93LWJvZHktY29udGFpbmVyPlxyXG4iXX0=
|
package/esm2020/lib/shared/skeletons/w-skeleton-edit-product/w-skeleton-edit-product.component.mjs
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "primeng/skeleton";
|
|
4
|
+
import * as i2 from "../../../layout/w-panel/w-panel.component";
|
|
5
|
+
import * as i3 from "../../../layout/w-body-container/w-body-container.component";
|
|
6
|
+
import * as i4 from "../../../layout/w-header-panel/w-header-panel.component";
|
|
7
|
+
import * as i5 from "../../../layout/w-panel-grid/w-panel-grid.component";
|
|
8
|
+
import * as i6 from "../w-skeleton-input-generic/w-skeleton-input-generic.component";
|
|
9
|
+
export class WSkeletonEditProductComponent {
|
|
10
|
+
}
|
|
11
|
+
WSkeletonEditProductComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonEditProductComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
+
WSkeletonEditProductComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSkeletonEditProductComponent, selector: "w-skeleton-edit-product", ngImport: i0, template: "<w-body-container>\r\n <w-header-panel class=\"col-12\">\r\n <div class=\"main-actions\" >\r\n <p-skeleton height=\"32px\" width=\"129px\"></p-skeleton>\r\n </div>\r\n </w-header-panel>\r\n\r\n <w-panel class=\"col-12 xl:col-8\">\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\" height=\"140px\"></w-skeleton-input-generic>\r\n\r\n <w-skeleton-input-generic class=\"col-6 xl:col-3\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-6 xl:col-3\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-6 xl:col-3\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-6 xl:col-3\" label=\"''\"></w-skeleton-input-generic>\r\n\r\n <w-skeleton-input-generic class=\"col-6 xl:col-4\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-6 xl:col-4\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-6 xl:col-4\" label=\"''\"></w-skeleton-input-generic>\r\n </w-panel>\r\n <w-panel class=\"col-12 xl:col-4\">\r\n <w-panel-grid class=\"col-12\">\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\"></w-skeleton-input-generic>\r\n </w-panel-grid>\r\n </w-panel>\r\n <w-panel class=\"col-12 xl:col-12\">\r\n <w-skeleton-input-generic class=\"col-4\" label=\"''\"></w-skeleton-input-generic>\r\n </w-panel>\r\n <w-panel class=\"col-12 xl:col-12\">\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\" height=\"140px\"></w-skeleton-input-generic>\r\n </w-panel>\r\n</w-body-container>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: i2.WPanelComponent, selector: "w-panel", inputs: ["width", "title", "subtitle", "activeGrid", "reduced", "justifyContent", "activeOverflow", "heightOverflow", "maxHeightOverflow"] }, { kind: "component", type: i3.WBodyContainerComponent, selector: "w-body-container" }, { kind: "component", type: i4.WHeaderPanelComponent, selector: "w-header-panel", inputs: ["showButtonBack", "backToCustomRoute"], outputs: ["onClickButtonBack"] }, { kind: "component", type: i5.WPanelGridComponent, selector: "w-panel-grid" }, { kind: "component", type: i6.WSkeletonInputGenericComponent, selector: "w-skeleton-input-generic", inputs: ["height", "width", "hasAlign", "label"] }] });
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonEditProductComponent, decorators: [{
|
|
14
|
+
type: Component,
|
|
15
|
+
args: [{ selector: 'w-skeleton-edit-product', template: "<w-body-container>\r\n <w-header-panel class=\"col-12\">\r\n <div class=\"main-actions\" >\r\n <p-skeleton height=\"32px\" width=\"129px\"></p-skeleton>\r\n </div>\r\n </w-header-panel>\r\n\r\n <w-panel class=\"col-12 xl:col-8\">\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\" height=\"140px\"></w-skeleton-input-generic>\r\n\r\n <w-skeleton-input-generic class=\"col-6 xl:col-3\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-6 xl:col-3\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-6 xl:col-3\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-6 xl:col-3\" label=\"''\"></w-skeleton-input-generic>\r\n\r\n <w-skeleton-input-generic class=\"col-6 xl:col-4\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-6 xl:col-4\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-6 xl:col-4\" label=\"''\"></w-skeleton-input-generic>\r\n </w-panel>\r\n <w-panel class=\"col-12 xl:col-4\">\r\n <w-panel-grid class=\"col-12\">\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\"></w-skeleton-input-generic>\r\n </w-panel-grid>\r\n </w-panel>\r\n <w-panel class=\"col-12 xl:col-12\">\r\n <w-skeleton-input-generic class=\"col-4\" label=\"''\"></w-skeleton-input-generic>\r\n </w-panel>\r\n <w-panel class=\"col-12 xl:col-12\">\r\n <w-skeleton-input-generic class=\"col-12\" label=\"''\" height=\"140px\"></w-skeleton-input-generic>\r\n </w-panel>\r\n</w-body-container>\r\n" }]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1za2VsZXRvbi1lZGl0LXByb2R1Y3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvc2hhcmVkL3NrZWxldG9ucy93LXNrZWxldG9uLWVkaXQtcHJvZHVjdC93LXNrZWxldG9uLWVkaXQtcHJvZHVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvc2tlbGV0b25zL3ctc2tlbGV0b24tZWRpdC1wcm9kdWN0L3ctc2tlbGV0b24tZWRpdC1wcm9kdWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBTzFDLE1BQU0sT0FBTyw2QkFBNkI7OzBIQUE3Qiw2QkFBNkI7OEdBQTdCLDZCQUE2QiwrRENQMUMsNnZFQXFDQTsyRkQ5QmEsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHlCQUF5QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXNrZWxldG9uLWVkaXQtcHJvZHVjdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ctc2tlbGV0b24tZWRpdC1wcm9kdWN0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LXNrZWxldG9uLWVkaXQtcHJvZHVjdC5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdTa2VsZXRvbkVkaXRQcm9kdWN0Q29tcG9uZW50IHtcclxuXHJcbn1cclxuIiwiPHctYm9keS1jb250YWluZXI+XHJcbiAgICA8dy1oZWFkZXItcGFuZWwgY2xhc3M9XCJjb2wtMTJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibWFpbi1hY3Rpb25zXCIgPlxyXG4gICAgICAgICAgICA8cC1za2VsZXRvbiBoZWlnaHQ9XCIzMnB4XCIgd2lkdGg9XCIxMjlweFwiPjwvcC1za2VsZXRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvdy1oZWFkZXItcGFuZWw+XHJcblxyXG4gICAgPHctcGFuZWwgY2xhc3M9XCJjb2wtMTIgeGw6Y29sLThcIj5cclxuICAgICAgICA8dy1za2VsZXRvbi1pbnB1dC1nZW5lcmljIGNsYXNzPVwiY29sLTEyXCIgbGFiZWw9XCInJ1wiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG4gICAgICAgIDx3LXNrZWxldG9uLWlucHV0LWdlbmVyaWMgY2xhc3M9XCJjb2wtMTJcIiBsYWJlbD1cIicnXCIgaGVpZ2h0PVwiMTQwcHhcIj48L3ctc2tlbGV0b24taW5wdXQtZ2VuZXJpYz5cclxuXHJcbiAgICAgICAgPHctc2tlbGV0b24taW5wdXQtZ2VuZXJpYyBjbGFzcz1cImNvbC02IHhsOmNvbC0zXCIgbGFiZWw9XCInJ1wiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG4gICAgICAgIDx3LXNrZWxldG9uLWlucHV0LWdlbmVyaWMgY2xhc3M9XCJjb2wtNiB4bDpjb2wtM1wiIGxhYmVsPVwiJydcIj48L3ctc2tlbGV0b24taW5wdXQtZ2VuZXJpYz5cclxuICAgICAgICA8dy1za2VsZXRvbi1pbnB1dC1nZW5lcmljIGNsYXNzPVwiY29sLTYgeGw6Y29sLTNcIiBsYWJlbD1cIicnXCI+PC93LXNrZWxldG9uLWlucHV0LWdlbmVyaWM+XHJcbiAgICAgICAgPHctc2tlbGV0b24taW5wdXQtZ2VuZXJpYyBjbGFzcz1cImNvbC02IHhsOmNvbC0zXCIgbGFiZWw9XCInJ1wiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG5cclxuICAgICAgICA8dy1za2VsZXRvbi1pbnB1dC1nZW5lcmljIGNsYXNzPVwiY29sLTYgeGw6Y29sLTRcIiBsYWJlbD1cIicnXCI+PC93LXNrZWxldG9uLWlucHV0LWdlbmVyaWM+XHJcbiAgICAgICAgPHctc2tlbGV0b24taW5wdXQtZ2VuZXJpYyBjbGFzcz1cImNvbC02IHhsOmNvbC00XCIgbGFiZWw9XCInJ1wiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG4gICAgICAgIDx3LXNrZWxldG9uLWlucHV0LWdlbmVyaWMgY2xhc3M9XCJjb2wtNiB4bDpjb2wtNFwiIGxhYmVsPVwiJydcIj48L3ctc2tlbGV0b24taW5wdXQtZ2VuZXJpYz5cclxuICAgIDwvdy1wYW5lbD5cclxuICAgIDx3LXBhbmVsIGNsYXNzPVwiY29sLTEyIHhsOmNvbC00XCI+XHJcbiAgICAgICAgPHctcGFuZWwtZ3JpZCBjbGFzcz1cImNvbC0xMlwiPlxyXG4gICAgICAgICAgICA8dy1za2VsZXRvbi1pbnB1dC1nZW5lcmljIGNsYXNzPVwiY29sLTEyXCIgbGFiZWw9XCInJ1wiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG4gICAgICAgICAgICA8dy1za2VsZXRvbi1pbnB1dC1nZW5lcmljIGNsYXNzPVwiY29sLTEyXCIgbGFiZWw9XCInJ1wiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG4gICAgICAgICAgICA8dy1za2VsZXRvbi1pbnB1dC1nZW5lcmljIGNsYXNzPVwiY29sLTEyXCIgbGFiZWw9XCInJ1wiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG4gICAgICAgICAgICA8dy1za2VsZXRvbi1pbnB1dC1nZW5lcmljIGNsYXNzPVwiY29sLTEyXCIgbGFiZWw9XCInJ1wiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG4gICAgICAgICAgICA8dy1za2VsZXRvbi1pbnB1dC1nZW5lcmljIGNsYXNzPVwiY29sLTEyXCIgbGFiZWw9XCInJ1wiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG4gICAgICAgICAgICA8dy1za2VsZXRvbi1pbnB1dC1nZW5lcmljIGNsYXNzPVwiY29sLTEyXCIgbGFiZWw9XCInJ1wiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG4gICAgICAgIDwvdy1wYW5lbC1ncmlkPlxyXG4gICAgPC93LXBhbmVsPlxyXG4gICAgPHctcGFuZWwgY2xhc3M9XCJjb2wtMTIgeGw6Y29sLTEyXCI+XHJcbiAgICAgICAgPHctc2tlbGV0b24taW5wdXQtZ2VuZXJpYyBjbGFzcz1cImNvbC00XCIgbGFiZWw9XCInJ1wiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG4gICAgPC93LXBhbmVsPlxyXG4gICAgPHctcGFuZWwgY2xhc3M9XCJjb2wtMTIgeGw6Y29sLTEyXCI+XHJcbiAgICAgICAgPHctc2tlbGV0b24taW5wdXQtZ2VuZXJpYyBjbGFzcz1cImNvbC0xMlwiIGxhYmVsPVwiJydcIiBoZWlnaHQ9XCIxNDBweFwiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG4gICAgPC93LXBhbmVsPlxyXG48L3ctYm9keS1jb250YWluZXI+XHJcbiJdfQ==
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "primeng/skeleton";
|
|
4
|
+
export class WSkeletonIframeComponent {
|
|
5
|
+
}
|
|
6
|
+
WSkeletonIframeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonIframeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
WSkeletonIframeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSkeletonIframeComponent, selector: "w-skeleton-iframe", ngImport: i0, template: "<p-skeleton width=\"100%\" height=\"4rem\" styleClass=\"mb-2\"></p-skeleton>\r\n<p-skeleton width=\"100%\" height=\"30rem\" styleClass=\"mb-2\"></p-skeleton>\r\n<p-skeleton width=\"100%\" height=\"4rem\"></p-skeleton>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonIframeComponent, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{ selector: 'w-skeleton-iframe', template: "<p-skeleton width=\"100%\" height=\"4rem\" styleClass=\"mb-2\"></p-skeleton>\r\n<p-skeleton width=\"100%\" height=\"30rem\" styleClass=\"mb-2\"></p-skeleton>\r\n<p-skeleton width=\"100%\" height=\"4rem\"></p-skeleton>\r\n" }]
|
|
11
|
+
}] });
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1za2VsZXRvbi1pZnJhbWUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvc2hhcmVkL3NrZWxldG9ucy93LXNrZWxldG9uLWlmcmFtZS93LXNrZWxldG9uLWlmcmFtZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvc2tlbGV0b25zL3ctc2tlbGV0b24taWZyYW1lL3ctc2tlbGV0b24taWZyYW1lLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU8xQyxNQUFNLE9BQU8sd0JBQXdCOztxSEFBeEIsd0JBQXdCO3lHQUF4Qix3QkFBd0IseURDUHJDLCtOQUdBOzJGRElhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1za2VsZXRvbi1pZnJhbWUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LXNrZWxldG9uLWlmcmFtZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy1za2VsZXRvbi1pZnJhbWUuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXU2tlbGV0b25JZnJhbWVDb21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8cC1za2VsZXRvbiB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCI0cmVtXCIgc3R5bGVDbGFzcz1cIm1iLTJcIj48L3Atc2tlbGV0b24+XHJcbjxwLXNrZWxldG9uIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjMwcmVtXCIgc3R5bGVDbGFzcz1cIm1iLTJcIj48L3Atc2tlbGV0b24+XHJcbjxwLXNrZWxldG9uIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjRyZW1cIj48L3Atc2tlbGV0b24+XHJcbiJdfQ==
|
package/esm2020/lib/shared/skeletons/w-skeleton-input-generic/w-skeleton-input-generic.component.mjs
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "primeng/skeleton";
|
|
5
|
+
export class WSkeletonInputGenericComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.height = '40px';
|
|
8
|
+
this.width = '100%';
|
|
9
|
+
this.hasAlign = true;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
WSkeletonInputGenericComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonInputGenericComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
WSkeletonInputGenericComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSkeletonInputGenericComponent, selector: "w-skeleton-input-generic", inputs: { height: "height", width: "width", hasAlign: "hasAlign", label: "label" }, ngImport: i0, template: "<div *ngIf=\"hasAlign\" class=\"flex align-items-center w-height-label\">\r\n <label *ngIf=\"label != undefined\" for=\"input-skeleton-generic\">\r\n <p-skeleton height=\"16px\" width=\"70px\"></p-skeleton>\r\n </label>\r\n</div>\r\n<p-skeleton id='input-skeleton-generic' [height]=\"height\" width=\"width\"></p-skeleton>\r\n", styles: [".w-height-label{height:36px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonInputGenericComponent, decorators: [{
|
|
15
|
+
type: Component,
|
|
16
|
+
args: [{ selector: 'w-skeleton-input-generic', template: "<div *ngIf=\"hasAlign\" class=\"flex align-items-center w-height-label\">\r\n <label *ngIf=\"label != undefined\" for=\"input-skeleton-generic\">\r\n <p-skeleton height=\"16px\" width=\"70px\"></p-skeleton>\r\n </label>\r\n</div>\r\n<p-skeleton id='input-skeleton-generic' [height]=\"height\" width=\"width\"></p-skeleton>\r\n", styles: [".w-height-label{height:36px}\n"] }]
|
|
17
|
+
}], propDecorators: { height: [{
|
|
18
|
+
type: Input,
|
|
19
|
+
args: ['height']
|
|
20
|
+
}], width: [{
|
|
21
|
+
type: Input,
|
|
22
|
+
args: ['width']
|
|
23
|
+
}], hasAlign: [{
|
|
24
|
+
type: Input,
|
|
25
|
+
args: ['hasAlign']
|
|
26
|
+
}], label: [{
|
|
27
|
+
type: Input,
|
|
28
|
+
args: ['label']
|
|
29
|
+
}] } });
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1za2VsZXRvbi1pbnB1dC1nZW5lcmljLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL3NoYXJlZC9za2VsZXRvbnMvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljL3ctc2tlbGV0b24taW5wdXQtZ2VuZXJpYy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvc2tlbGV0b25zL3ctc2tlbGV0b24taW5wdXQtZ2VuZXJpYy93LXNrZWxldG9uLWlucHV0LWdlbmVyaWMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPakQsTUFBTSxPQUFPLDhCQUE4QjtJQUwzQztRQU1tQixXQUFNLEdBQVEsTUFBTSxDQUFDO1FBQ3RCLFVBQUssR0FBUSxNQUFNLENBQUM7UUFDakIsYUFBUSxHQUFRLElBQUksQ0FBQztLQUV6Qzs7MkhBTFksOEJBQThCOytHQUE5Qiw4QkFBOEIsb0pDUDNDLHFWQU1BOzJGRENhLDhCQUE4QjtrQkFMMUMsU0FBUzsrQkFDRSwwQkFBMEI7OEJBS25CLE1BQU07c0JBQXRCLEtBQUs7dUJBQUMsUUFBUTtnQkFDQyxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ0ssUUFBUTtzQkFBMUIsS0FBSzt1QkFBQyxVQUFVO2dCQUNELEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1za2VsZXRvbi1pbnB1dC1nZW5lcmljJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LXNrZWxldG9uLWlucHV0LWdlbmVyaWMuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXU2tlbGV0b25JbnB1dEdlbmVyaWNDb21wb25lbnQge1xyXG4gIEBJbnB1dCgnaGVpZ2h0JykgaGVpZ2h0OiBhbnkgPSAnNDBweCc7XHJcbiAgQElucHV0KCd3aWR0aCcpIHdpZHRoOiBhbnkgPSAnMTAwJSc7XHJcbiAgQElucHV0KCdoYXNBbGlnbicpIGhhc0FsaWduOiBhbnkgPSB0cnVlO1xyXG4gIEBJbnB1dCgnbGFiZWwnKSBsYWJlbDogYW55O1xyXG59XHJcbiIsIjxkaXYgKm5nSWY9XCJoYXNBbGlnblwiIGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgdy1oZWlnaHQtbGFiZWxcIj5cclxuICAgIDxsYWJlbCAqbmdJZj1cImxhYmVsICE9IHVuZGVmaW5lZFwiIGZvcj1cImlucHV0LXNrZWxldG9uLWdlbmVyaWNcIj5cclxuICAgICAgICA8cC1za2VsZXRvbiBoZWlnaHQ9XCIxNnB4XCIgd2lkdGg9XCI3MHB4XCI+PC9wLXNrZWxldG9uPlxyXG4gICAgPC9sYWJlbD5cclxuPC9kaXY+XHJcbjxwLXNrZWxldG9uIGlkPSdpbnB1dC1za2VsZXRvbi1nZW5lcmljJyBbaGVpZ2h0XT1cImhlaWdodFwiIHdpZHRoPVwid2lkdGhcIj48L3Atc2tlbGV0b24+XHJcbiJdfQ==
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class WSkeletonListComponent {
|
|
4
|
+
}
|
|
5
|
+
WSkeletonListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
+
WSkeletonListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSkeletonListComponent, selector: "w-skeleton-list", ngImport: i0, template: "<p>w-skeleton-list works!</p>\r\n", styles: [""] });
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonListComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{ selector: 'w-skeleton-list', template: "<p>w-skeleton-list works!</p>\r\n" }]
|
|
10
|
+
}] });
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1za2VsZXRvbi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL3NoYXJlZC9za2VsZXRvbnMvdy1za2VsZXRvbi1saXN0L3ctc2tlbGV0b24tbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvc2tlbGV0b25zL3ctc2tlbGV0b24tbGlzdC93LXNrZWxldG9uLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPMUMsTUFBTSxPQUFPLHNCQUFzQjs7bUhBQXRCLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHVEQ1BuQyxtQ0FDQTsyRkRNYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctc2tlbGV0b24tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ctc2tlbGV0b24tbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy1za2VsZXRvbi1saXN0LmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV1NrZWxldG9uTGlzdENvbXBvbmVudCB7XHJcblxyXG59XHJcbiIsIjxwPnctc2tlbGV0b24tbGlzdCB3b3JrcyE8L3A+XHJcbiJdfQ==
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "primeng/skeleton";
|
|
4
|
+
export class WSkeletonPowerbiReportComponent {
|
|
5
|
+
}
|
|
6
|
+
WSkeletonPowerbiReportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonPowerbiReportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
WSkeletonPowerbiReportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSkeletonPowerbiReportComponent, selector: "w-skeleton-powerbi-report", ngImport: i0, template: "<div class=\"flex justify-content-between flex-wrap mb-3\">\r\n <div class=\"flex align-items-center justify-content-center\">\r\n <p-skeleton width=\"15rem\" height=\"3rem\"></p-skeleton>\r\n </div>\r\n <div class=\"flex align-items-center justify-content-center\">\r\n <p-skeleton shape=\"circle\" size=\"3rem\" styleClass=\"mr-2\"></p-skeleton>\r\n <p-skeleton shape=\"circle\" size=\"3rem\" styleClass=\"mr-2\"></p-skeleton>\r\n </div>\r\n</div>\r\n<p-skeleton width=\"100%\" height=\"100vh\" styleClass=\"mb-2\"></p-skeleton>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonPowerbiReportComponent, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{ selector: 'w-skeleton-powerbi-report', template: "<div class=\"flex justify-content-between flex-wrap mb-3\">\r\n <div class=\"flex align-items-center justify-content-center\">\r\n <p-skeleton width=\"15rem\" height=\"3rem\"></p-skeleton>\r\n </div>\r\n <div class=\"flex align-items-center justify-content-center\">\r\n <p-skeleton shape=\"circle\" size=\"3rem\" styleClass=\"mr-2\"></p-skeleton>\r\n <p-skeleton shape=\"circle\" size=\"3rem\" styleClass=\"mr-2\"></p-skeleton>\r\n </div>\r\n</div>\r\n<p-skeleton width=\"100%\" height=\"100vh\" styleClass=\"mb-2\"></p-skeleton>\r\n" }]
|
|
11
|
+
}] });
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1za2VsZXRvbi1wb3dlcmJpLXJlcG9ydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvc2tlbGV0b25zL3ctc2tlbGV0b24tcG93ZXJiaS1yZXBvcnQvdy1za2VsZXRvbi1wb3dlcmJpLXJlcG9ydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvc2tlbGV0b25zL3ctc2tlbGV0b24tcG93ZXJiaS1yZXBvcnQvdy1za2VsZXRvbi1wb3dlcmJpLXJlcG9ydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPMUMsTUFBTSxPQUFPLCtCQUErQjs7NEhBQS9CLCtCQUErQjtnSEFBL0IsK0JBQStCLGlFQ1A1Qyx5akJBVUE7MkZESGEsK0JBQStCO2tCQUwzQyxTQUFTOytCQUNFLDJCQUEyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXNrZWxldG9uLXBvd2VyYmktcmVwb3J0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1za2VsZXRvbi1wb3dlcmJpLXJlcG9ydC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy1za2VsZXRvbi1wb3dlcmJpLXJlcG9ydC5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdTa2VsZXRvblBvd2VyYmlSZXBvcnRDb21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiBmbGV4LXdyYXAgbWItM1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cclxuICAgICAgICA8cC1za2VsZXRvbiB3aWR0aD1cIjE1cmVtXCIgaGVpZ2h0PVwiM3JlbVwiPjwvcC1za2VsZXRvbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIj5cclxuICAgICAgICA8cC1za2VsZXRvbiBzaGFwZT1cImNpcmNsZVwiIHNpemU9XCIzcmVtXCIgc3R5bGVDbGFzcz1cIm1yLTJcIj48L3Atc2tlbGV0b24+XHJcbiAgICAgICAgPHAtc2tlbGV0b24gc2hhcGU9XCJjaXJjbGVcIiBzaXplPVwiM3JlbVwiIHN0eWxlQ2xhc3M9XCJtci0yXCI+PC9wLXNrZWxldG9uPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG48cC1za2VsZXRvbiB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDB2aFwiIHN0eWxlQ2xhc3M9XCJtYi0yXCI+PC9wLXNrZWxldG9uPlxyXG4iXX0=
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "primeng/skeleton";
|
|
4
|
+
export class WSkeletonProfileSidebarComponent {
|
|
5
|
+
}
|
|
6
|
+
WSkeletonProfileSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonProfileSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
+
WSkeletonProfileSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSkeletonProfileSidebarComponent, selector: "w-skeleton-profile-sidebar", ngImport: i0, template: "<div class=\"flex justify-content-center flex-wrap\">\r\n <p-skeleton shape=\"circle\" size=\"4rem\" styleClass=\"mb-3\"></p-skeleton>\r\n </div>\r\n <div class=\"flex justify-content-center flex-wrap\">\r\n <p-skeleton width=\"10rem\" styleClass=\"mb-3\"></p-skeleton>\r\n <p-skeleton width=\"20rem\" styleClass=\"mb-5\"></p-skeleton>\r\n </div>\r\n <div class=\"flex justify-content-center flex-wrap mb-3\">\r\n <p-skeleton width=\"20rem\" height=\"5rem\"></p-skeleton>\r\n </div>\r\n <div class=\"flex justify-content-center flex-wrap mb-3\">\r\n <p-skeleton width=\"20rem\" height=\"4rem\"></p-skeleton>\r\n </div>\r\n ", styles: [""], dependencies: [{ kind: "component", type: i1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonProfileSidebarComponent, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{ selector: 'w-skeleton-profile-sidebar', template: "<div class=\"flex justify-content-center flex-wrap\">\r\n <p-skeleton shape=\"circle\" size=\"4rem\" styleClass=\"mb-3\"></p-skeleton>\r\n </div>\r\n <div class=\"flex justify-content-center flex-wrap\">\r\n <p-skeleton width=\"10rem\" styleClass=\"mb-3\"></p-skeleton>\r\n <p-skeleton width=\"20rem\" styleClass=\"mb-5\"></p-skeleton>\r\n </div>\r\n <div class=\"flex justify-content-center flex-wrap mb-3\">\r\n <p-skeleton width=\"20rem\" height=\"5rem\"></p-skeleton>\r\n </div>\r\n <div class=\"flex justify-content-center flex-wrap mb-3\">\r\n <p-skeleton width=\"20rem\" height=\"4rem\"></p-skeleton>\r\n </div>\r\n " }]
|
|
11
|
+
}] });
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1za2VsZXRvbi1wcm9maWxlLXNpZGViYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvc2hhcmVkL3NrZWxldG9ucy93LXNrZWxldG9uLXByb2ZpbGUtc2lkZWJhci93LXNrZWxldG9uLXByb2ZpbGUtc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvc2tlbGV0b25zL3ctc2tlbGV0b24tcHJvZmlsZS1zaWRlYmFyL3ctc2tlbGV0b24tcHJvZmlsZS1zaWRlYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU8xQyxNQUFNLE9BQU8sZ0NBQWdDOzs2SEFBaEMsZ0NBQWdDO2lIQUFoQyxnQ0FBZ0Msa0VDUDdDLHdvQkFhRTsyRkROVyxnQ0FBZ0M7a0JBTDVDLFNBQVM7K0JBQ0UsNEJBQTRCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctc2tlbGV0b24tcHJvZmlsZS1zaWRlYmFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1za2VsZXRvbi1wcm9maWxlLXNpZGViYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctc2tlbGV0b24tcHJvZmlsZS1zaWRlYmFyLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV1NrZWxldG9uUHJvZmlsZVNpZGViYXJDb21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGZsZXgtd3JhcFwiPlxyXG4gICAgPHAtc2tlbGV0b24gc2hhcGU9XCJjaXJjbGVcIiBzaXplPVwiNHJlbVwiIHN0eWxlQ2xhc3M9XCJtYi0zXCI+PC9wLXNrZWxldG9uPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJmbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXIgZmxleC13cmFwXCI+XHJcbiAgICA8cC1za2VsZXRvbiB3aWR0aD1cIjEwcmVtXCIgc3R5bGVDbGFzcz1cIm1iLTNcIj48L3Atc2tlbGV0b24+XHJcbiAgICA8cC1za2VsZXRvbiB3aWR0aD1cIjIwcmVtXCIgc3R5bGVDbGFzcz1cIm1iLTVcIj48L3Atc2tlbGV0b24+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1jb250ZW50LWNlbnRlciBmbGV4LXdyYXAgbWItM1wiPlxyXG4gICAgPHAtc2tlbGV0b24gd2lkdGg9XCIyMHJlbVwiIGhlaWdodD1cIjVyZW1cIj48L3Atc2tlbGV0b24+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1jb250ZW50LWNlbnRlciBmbGV4LXdyYXAgbWItM1wiPlxyXG4gICAgPHAtc2tlbGV0b24gd2lkdGg9XCIyMHJlbVwiIGhlaWdodD1cIjRyZW1cIj48L3Atc2tlbGV0b24+XHJcbiAgPC9kaXY+XHJcbiAgIl19
|
package/esm2020/lib/shared/skeletons/w-skeleton-query-builder/w-skeleton-query-builder.component.mjs
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "primeng/button";
|
|
4
|
+
import * as i2 from "primeng/ripple";
|
|
5
|
+
import * as i3 from "primeng/skeleton";
|
|
6
|
+
import * as i4 from "primeng/selectbutton";
|
|
7
|
+
export class WSkeletonQueryBuilderComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.rule = "Rule";
|
|
10
|
+
this.ruleSet = "Rule set";
|
|
11
|
+
this.stateOptions = [{ label: 'And', value: 'and' }, { label: 'Or', value: 'or' }];
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
WSkeletonQueryBuilderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonQueryBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
WSkeletonQueryBuilderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSkeletonQueryBuilderComponent, selector: "w-skeleton-query-builder", inputs: { rule: "rule", ruleSet: "ruleSet" }, ngImport: i0, template: "<div class=\"grid\">\r\n <div class=\"col-12\">\r\n <div class=\"flex justify-content-between flex-wrap card-container\">\r\n <div class=\"flex align-items-center justify-content-center m-2\">\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-chevron-down\" class=\"p-button-rounded p-button-text\"></button>\r\n <p-selectButton [options]=\"stateOptions\" optionLabel=\"label\" optionValue=\"value\"></p-selectButton>\r\n </div>\r\n <div class=\"flex align-items-center justify-content-center m-2\"></div>\r\n <div class=\"flex align-items-center justify-content-center m-2 gap-3\">\r\n <p-button [label]=\"rule\" styleClass=\"p-button-outlined\" icon=\"pi pi-plus\"></p-button>\r\n <p-button [label]=\"ruleSet\" styleClass=\"p-button-outlined\" icon=\"pi pi-plus\"></p-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 pl-6\">\r\n <div class=\"flex justify-content-between flex-wrap card-container wapp-query-builder-skeleton-rule pl-3\">\r\n <div class=\"flex align-items-center justify-content-center gap-3\">\r\n <div class=\"p-3 p-0 p-dropdown list-none bg-white\"><p-skeleton width=\"8rem\"></p-skeleton></div>\r\n <div class=\"p-3 p-0 p-dropdown list-none bg-white\"><p-skeleton width=\"8rem\"></p-skeleton></div>\r\n <div class=\"p-3 p-0 p-dropdown list-none bg-white\"><p-skeleton width=\"4rem\"></p-skeleton></div>\r\n </div>\r\n <div class=\"flex align-items-center justify-content-center m-2\"></div>\r\n <div class=\"flex align-items-center justify-content-center m-2\">\r\n <p-button styleClass=\"p-button-outlined p-button-danger\" icon=\"pi pi-times\"></p-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 pl-6\">\r\n <div class=\"flex justify-content-between flex-wrap card-container wapp-query-builder-skeleton-rule pl-3\">\r\n <div class=\"flex align-items-center justify-content-center gap-3\">\r\n <div class=\"p-3 p-0 p-dropdown list-none bg-white\"><p-skeleton width=\"8rem\"></p-skeleton></div>\r\n <div class=\"p-3 p-0 p-dropdown list-none bg-white\"><p-skeleton width=\"8rem\"></p-skeleton></div>\r\n <div class=\"p-3 p-0 p-dropdown list-none bg-white\"><p-skeleton width=\"4rem\"></p-skeleton></div>\r\n </div>\r\n <div class=\"flex align-items-center justify-content-center m-2\"></div>\r\n <div class=\"flex align-items-center justify-content-center m-2\">\r\n <p-button styleClass=\"p-button-outlined p-button-danger\" icon=\"pi pi-times\"></p-button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i3.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: i4.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "tabindex", "multiple", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey"], outputs: ["onOptionClick", "onChange"] }] });
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonQueryBuilderComponent, decorators: [{
|
|
17
|
+
type: Component,
|
|
18
|
+
args: [{ selector: 'w-skeleton-query-builder', template: "<div class=\"grid\">\r\n <div class=\"col-12\">\r\n <div class=\"flex justify-content-between flex-wrap card-container\">\r\n <div class=\"flex align-items-center justify-content-center m-2\">\r\n <button pButton pRipple type=\"button\" icon=\"pi pi-chevron-down\" class=\"p-button-rounded p-button-text\"></button>\r\n <p-selectButton [options]=\"stateOptions\" optionLabel=\"label\" optionValue=\"value\"></p-selectButton>\r\n </div>\r\n <div class=\"flex align-items-center justify-content-center m-2\"></div>\r\n <div class=\"flex align-items-center justify-content-center m-2 gap-3\">\r\n <p-button [label]=\"rule\" styleClass=\"p-button-outlined\" icon=\"pi pi-plus\"></p-button>\r\n <p-button [label]=\"ruleSet\" styleClass=\"p-button-outlined\" icon=\"pi pi-plus\"></p-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 pl-6\">\r\n <div class=\"flex justify-content-between flex-wrap card-container wapp-query-builder-skeleton-rule pl-3\">\r\n <div class=\"flex align-items-center justify-content-center gap-3\">\r\n <div class=\"p-3 p-0 p-dropdown list-none bg-white\"><p-skeleton width=\"8rem\"></p-skeleton></div>\r\n <div class=\"p-3 p-0 p-dropdown list-none bg-white\"><p-skeleton width=\"8rem\"></p-skeleton></div>\r\n <div class=\"p-3 p-0 p-dropdown list-none bg-white\"><p-skeleton width=\"4rem\"></p-skeleton></div>\r\n </div>\r\n <div class=\"flex align-items-center justify-content-center m-2\"></div>\r\n <div class=\"flex align-items-center justify-content-center m-2\">\r\n <p-button styleClass=\"p-button-outlined p-button-danger\" icon=\"pi pi-times\"></p-button>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-12 pl-6\">\r\n <div class=\"flex justify-content-between flex-wrap card-container wapp-query-builder-skeleton-rule pl-3\">\r\n <div class=\"flex align-items-center justify-content-center gap-3\">\r\n <div class=\"p-3 p-0 p-dropdown list-none bg-white\"><p-skeleton width=\"8rem\"></p-skeleton></div>\r\n <div class=\"p-3 p-0 p-dropdown list-none bg-white\"><p-skeleton width=\"8rem\"></p-skeleton></div>\r\n <div class=\"p-3 p-0 p-dropdown list-none bg-white\"><p-skeleton width=\"4rem\"></p-skeleton></div>\r\n </div>\r\n <div class=\"flex align-items-center justify-content-center m-2\"></div>\r\n <div class=\"flex align-items-center justify-content-center m-2\">\r\n <p-button styleClass=\"p-button-outlined p-button-danger\" icon=\"pi pi-times\"></p-button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n" }]
|
|
19
|
+
}], propDecorators: { rule: [{
|
|
20
|
+
type: Input,
|
|
21
|
+
args: ['rule']
|
|
22
|
+
}], ruleSet: [{
|
|
23
|
+
type: Input,
|
|
24
|
+
args: ['ruleSet']
|
|
25
|
+
}] } });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1za2VsZXRvbi1xdWVyeS1idWlsZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL3NoYXJlZC9za2VsZXRvbnMvdy1za2VsZXRvbi1xdWVyeS1idWlsZGVyL3ctc2tlbGV0b24tcXVlcnktYnVpbGRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvc2tlbGV0b25zL3ctc2tlbGV0b24tcXVlcnktYnVpbGRlci93LXNrZWxldG9uLXF1ZXJ5LWJ1aWxkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQU9qRCxNQUFNLE9BQU8sOEJBQThCO0lBTDNDO1FBTWlCLFNBQUksR0FBVyxNQUFNLENBQUM7UUFDbkIsWUFBTyxHQUFXLFVBQVUsQ0FBQztRQUUvQyxpQkFBWSxHQUFVLENBQUMsRUFBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUMsRUFBRSxFQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBQyxDQUFDLENBQUM7S0FDbEY7OzJIQUxZLDhCQUE4QjsrR0FBOUIsOEJBQThCLDhHQ1AzQyx3ekZBeUNBOzJGRGxDYSw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsMEJBQTBCOzhCQUtyQixJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBQ0ssT0FBTztzQkFBeEIsS0FBSzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXNrZWxldG9uLXF1ZXJ5LWJ1aWxkZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LXNrZWxldG9uLXF1ZXJ5LWJ1aWxkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctc2tlbGV0b24tcXVlcnktYnVpbGRlci5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdTa2VsZXRvblF1ZXJ5QnVpbGRlckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCdydWxlJykgcnVsZTogc3RyaW5nID0gXCJSdWxlXCI7XHJcbiAgQElucHV0KCdydWxlU2V0JykgcnVsZVNldDogc3RyaW5nID0gXCJSdWxlIHNldFwiO1xyXG5cclxuICBzdGF0ZU9wdGlvbnM6IGFueVtdID0gW3tsYWJlbDogJ0FuZCcsIHZhbHVlOiAnYW5kJ30sIHtsYWJlbDogJ09yJywgdmFsdWU6ICdvcid9XTtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZ3JpZFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC0xMlwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuIGZsZXgtd3JhcCBjYXJkLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciBtLTJcIj5cclxuICAgICAgICAgICAgICAgIDxidXR0b24gcEJ1dHRvbiBwUmlwcGxlIHR5cGU9XCJidXR0b25cIiBpY29uPVwicGkgcGktY2hldnJvbi1kb3duXCIgY2xhc3M9XCJwLWJ1dHRvbi1yb3VuZGVkIHAtYnV0dG9uLXRleHRcIj48L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDxwLXNlbGVjdEJ1dHRvbiBbb3B0aW9uc109XCJzdGF0ZU9wdGlvbnNcIiBvcHRpb25MYWJlbD1cImxhYmVsXCIgb3B0aW9uVmFsdWU9XCJ2YWx1ZVwiPjwvcC1zZWxlY3RCdXR0b24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciBtLTJcIj48L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXIgbS0yIGdhcC0zXCI+XHJcbiAgICAgICAgICAgICAgICA8cC1idXR0b24gW2xhYmVsXT1cInJ1bGVcIiBzdHlsZUNsYXNzPVwicC1idXR0b24tb3V0bGluZWRcIiBpY29uPVwicGkgcGktcGx1c1wiPjwvcC1idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8cC1idXR0b24gW2xhYmVsXT1cInJ1bGVTZXRcIiBzdHlsZUNsYXNzPVwicC1idXR0b24tb3V0bGluZWRcIiBpY29uPVwicGkgcGktcGx1c1wiPjwvcC1idXR0b24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLTEyIHBsLTZcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiBmbGV4LXdyYXAgY2FyZC1jb250YWluZXIgd2FwcC1xdWVyeS1idWlsZGVyLXNrZWxldG9uLXJ1bGUgcGwtM1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciBnYXAtM1wiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInAtMyBwLTAgcC1kcm9wZG93biBsaXN0LW5vbmUgYmctd2hpdGVcIj48cC1za2VsZXRvbiB3aWR0aD1cIjhyZW1cIj48L3Atc2tlbGV0b24+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicC0zIHAtMCBwLWRyb3Bkb3duIGxpc3Qtbm9uZSBiZy13aGl0ZVwiPjxwLXNrZWxldG9uIHdpZHRoPVwiOHJlbVwiPjwvcC1za2VsZXRvbj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwLTMgcC0wIHAtZHJvcGRvd24gbGlzdC1ub25lIGJnLXdoaXRlXCI+PHAtc2tlbGV0b24gd2lkdGg9XCI0cmVtXCI+PC9wLXNrZWxldG9uPjwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXIgbS0yXCI+PC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIG0tMlwiPlxyXG4gICAgICAgICAgICAgICAgPHAtYnV0dG9uIHN0eWxlQ2xhc3M9XCJwLWJ1dHRvbi1vdXRsaW5lZCBwLWJ1dHRvbi1kYW5nZXJcIiBpY29uPVwicGkgcGktdGltZXNcIj48L3AtYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC0xMiBwbC02XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gZmxleC13cmFwIGNhcmQtY29udGFpbmVyIHdhcHAtcXVlcnktYnVpbGRlci1za2VsZXRvbi1ydWxlIHBsLTNcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXIgZ2FwLTNcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwLTMgcC0wIHAtZHJvcGRvd24gbGlzdC1ub25lIGJnLXdoaXRlXCI+PHAtc2tlbGV0b24gd2lkdGg9XCI4cmVtXCI+PC9wLXNrZWxldG9uPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInAtMyBwLTAgcC1kcm9wZG93biBsaXN0LW5vbmUgYmctd2hpdGVcIj48cC1za2VsZXRvbiB3aWR0aD1cIjhyZW1cIj48L3Atc2tlbGV0b24+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicC0zIHAtMCBwLWRyb3Bkb3duIGxpc3Qtbm9uZSBiZy13aGl0ZVwiPjxwLXNrZWxldG9uIHdpZHRoPVwiNHJlbVwiPjwvcC1za2VsZXRvbj48L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIG0tMlwiPjwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciBtLTJcIj5cclxuICAgICAgICAgICAgICAgIDxwLWJ1dHRvbiBzdHlsZUNsYXNzPVwicC1idXR0b24tb3V0bGluZWQgcC1idXR0b24tZGFuZ2VyXCIgaWNvbj1cInBpIHBpLXRpbWVzXCI+PC9wLWJ1dHRvbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "primeng/skeleton";
|
|
5
|
+
export class WSkeletonSidebarComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.items = 6;
|
|
8
|
+
}
|
|
9
|
+
ngOnInit() {
|
|
10
|
+
this.items = Array(this.items);
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
WSkeletonSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
+
WSkeletonSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSkeletonSidebarComponent, selector: "w-skeleton-sidebar", inputs: { items: ["itemsNumber", "items"] }, ngImport: i0, template: "<div *ngFor=\"let item of items\" class=\"w-view-text-content grid flex align-content-center\">\r\n <div class=\"col-4 body\">\r\n <p class=\"w-view-text-label-color\"> <p-skeleton></p-skeleton> </p>\r\n </div>\r\n <div class=\"col-8 body\">\r\n <p> <p-skeleton></p-skeleton> </p>\r\n </div>\r\n</div>", 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:1px 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:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.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}.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}.w-view-text-label-color{color:#bdc1c6}.w-view-text-content{height:40px}:host ::ng-deep .w-view-text-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-view-text-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-view-text-content.grid{display:flex;flex-wrap:wrap;margin:4px -20px -4px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonSidebarComponent, decorators: [{
|
|
16
|
+
type: Component,
|
|
17
|
+
args: [{ selector: 'w-skeleton-sidebar', template: "<div *ngFor=\"let item of items\" class=\"w-view-text-content grid flex align-content-center\">\r\n <div class=\"col-4 body\">\r\n <p class=\"w-view-text-label-color\"> <p-skeleton></p-skeleton> </p>\r\n </div>\r\n <div class=\"col-8 body\">\r\n <p> <p-skeleton></p-skeleton> </p>\r\n </div>\r\n</div>", 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:1px 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:#9aa0a6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#9aa0a6!important}.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}.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}.w-view-text-label-color{color:#bdc1c6}.w-view-text-content{height:40px}:host ::ng-deep .w-view-text-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-view-text-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-view-text-content.grid{display:flex;flex-wrap:wrap;margin:4px -20px -4px!important}\n"] }]
|
|
18
|
+
}], propDecorators: { items: [{
|
|
19
|
+
type: Input,
|
|
20
|
+
args: ['itemsNumber']
|
|
21
|
+
}] } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1za2VsZXRvbi1zaWRlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL3NoYXJlZC9za2VsZXRvbnMvdy1za2VsZXRvbi1zaWRlYmFyL3ctc2tlbGV0b24tc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvc2tlbGV0b25zL3ctc2tlbGV0b24tc2lkZWJhci93LXNrZWxldG9uLXNpZGViYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPekQsTUFBTSxPQUFPLHlCQUF5QjtJQUx0QztRQU13QixVQUFLLEdBQVEsQ0FBQyxDQUFDO0tBS3RDO0lBSEMsUUFBUTtRQUNOLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDOztzSEFMVSx5QkFBeUI7MEdBQXpCLHlCQUF5Qix1R0NQdEMseVVBT007MkZEQU8seUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLG9CQUFvQjs4QkFLUixLQUFLO3NCQUExQixLQUFLO3VCQUFDLGFBQWEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1za2VsZXRvbi1zaWRlYmFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1za2VsZXRvbi1zaWRlYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi93LXNrZWxldG9uLXNpZGViYXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV1NrZWxldG9uU2lkZWJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCdpdGVtc051bWJlcicpIGl0ZW1zOiBhbnkgPSA2O1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuaXRlbXMgPSBBcnJheSh0aGlzLml0ZW1zKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiIGNsYXNzPVwidy12aWV3LXRleHQtY29udGVudCBncmlkIGZsZXggYWxpZ24tY29udGVudC1jZW50ZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wtNCBib2R5XCI+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJ3LXZpZXctdGV4dC1sYWJlbC1jb2xvclwiPiA8cC1za2VsZXRvbj48L3Atc2tlbGV0b24+IDwvcD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC04IGJvZHlcIj5cclxuICAgICAgICA8cD4gPHAtc2tlbGV0b24+PC9wLXNrZWxldG9uPiA8L3A+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "primeng/api";
|
|
4
|
+
import * as i2 from "primeng/skeleton";
|
|
5
|
+
import * as i3 from "primeng/timeline";
|
|
6
|
+
import * as i4 from "../../../layout/w-panel/w-panel.component";
|
|
7
|
+
export class WSkeletonTimelineComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.eventsNumber = 3;
|
|
10
|
+
this.events = [];
|
|
11
|
+
}
|
|
12
|
+
ngOnInit() {
|
|
13
|
+
this.events.length = this.eventsNumber;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
WSkeletonTimelineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
WSkeletonTimelineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSkeletonTimelineComponent, selector: "w-skeleton-timeline", inputs: { eventsNumber: "eventsNumber" }, ngImport: i0, template: "<p-timeline [value]=\"events\" [align]=\"'alternate'\" styleClass=\"customized-timeline\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <p-skeleton shape=\"circle\" size=\"2rem\"></p-skeleton>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [reduced]=\"true\">\r\n <p-skeleton class=\"col-12\" width=\"100%\" height=\"20px\"></p-skeleton>\r\n <p-skeleton class=\"col-12\" width=\"100%\" height=\"100px\"></p-skeleton>\r\n </w-panel>\r\n </ng-template>\r\n</p-timeline>", styles: [""], dependencies: [{ kind: "directive", type: i1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { 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"] }] });
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonTimelineComponent, decorators: [{
|
|
19
|
+
type: Component,
|
|
20
|
+
args: [{ selector: 'w-skeleton-timeline', template: "<p-timeline [value]=\"events\" [align]=\"'alternate'\" styleClass=\"customized-timeline\">\r\n <ng-template pTemplate=\"marker\" let-event>\r\n <p-skeleton shape=\"circle\" size=\"2rem\"></p-skeleton>\r\n </ng-template>\r\n <ng-template pTemplate=\"content\" let-event>\r\n <w-panel [reduced]=\"true\">\r\n <p-skeleton class=\"col-12\" width=\"100%\" height=\"20px\"></p-skeleton>\r\n <p-skeleton class=\"col-12\" width=\"100%\" height=\"100px\"></p-skeleton>\r\n </w-panel>\r\n </ng-template>\r\n</p-timeline>" }]
|
|
21
|
+
}], propDecorators: { eventsNumber: [{
|
|
22
|
+
type: Input,
|
|
23
|
+
args: ['eventsNumber']
|
|
24
|
+
}] } });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1za2VsZXRvbi10aW1lbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvc2tlbGV0b25zL3ctc2tlbGV0b24tdGltZWxpbmUvdy1za2VsZXRvbi10aW1lbGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvc2tlbGV0b25zL3ctc2tlbGV0b24tdGltZWxpbmUvdy1za2VsZXRvbi10aW1lbGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBT3pELE1BQU0sT0FBTywwQkFBMEI7SUFMdkM7UUFNeUIsaUJBQVksR0FBVyxDQUFDLENBQUM7UUFFaEQsV0FBTSxHQUFVLEVBQUUsQ0FBQTtLQUtuQjtJQUhDLFFBQVE7UUFDTixJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQ3pDLENBQUM7O3VIQVBVLDBCQUEwQjsyR0FBMUIsMEJBQTBCLHFHQ1B2Qyx1akJBVWE7MkZESEEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLHFCQUFxQjs4QkFLUixZQUFZO3NCQUFsQyxLQUFLO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndy1za2VsZXRvbi10aW1lbGluZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ctc2tlbGV0b24tdGltZWxpbmUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctc2tlbGV0b24tdGltZWxpbmUuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXU2tlbGV0b25UaW1lbGluZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCdldmVudHNOdW1iZXInKSBldmVudHNOdW1iZXI6IG51bWJlciA9IDM7XHJcblxyXG4gIGV2ZW50czogYW55W10gPSBbXVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZXZlbnRzLmxlbmd0aCA9IHRoaXMuZXZlbnRzTnVtYmVyO1xyXG4gIH1cclxufVxyXG4iLCI8cC10aW1lbGluZSBbdmFsdWVdPVwiZXZlbnRzXCIgW2FsaWduXT1cIidhbHRlcm5hdGUnXCIgc3R5bGVDbGFzcz1cImN1c3RvbWl6ZWQtdGltZWxpbmVcIj5cclxuICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJtYXJrZXJcIiBsZXQtZXZlbnQ+XHJcbiAgICAgICAgPHAtc2tlbGV0b24gc2hhcGU9XCJjaXJjbGVcIiBzaXplPVwiMnJlbVwiPjwvcC1za2VsZXRvbj5cclxuICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiY29udGVudFwiIGxldC1ldmVudD5cclxuICAgICAgICA8dy1wYW5lbCBbcmVkdWNlZF09XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgIDxwLXNrZWxldG9uIGNsYXNzPVwiY29sLTEyXCIgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMjBweFwiPjwvcC1za2VsZXRvbj5cclxuICAgICAgICAgICAgPHAtc2tlbGV0b24gY2xhc3M9XCJjb2wtMTJcIiB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDBweFwiPjwvcC1za2VsZXRvbj5cclxuICAgICAgICA8L3ctcGFuZWw+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG48L3AtdGltZWxpbmU+Il19
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "primeng/skeleton";
|
|
5
|
+
export class WSkeletonTreeComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.rowsToShow = 4;
|
|
8
|
+
this.rowHeight = '24px';
|
|
9
|
+
this.rowsArray = [];
|
|
10
|
+
}
|
|
11
|
+
ngOnInit() {
|
|
12
|
+
this.rowsArray.length = this.rowsToShow - 1;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
WSkeletonTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
+
WSkeletonTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSkeletonTreeComponent, selector: "w-skeleton-tree", inputs: { rowsToShow: "rowsToShow", rowHeight: "rowHeight" }, ngImport: i0, template: "<div class=\"border-round border-1 surface-border p-4 surface-card\">\r\n <ul class=\"m-0 p-0 list-none\">\r\n <li *ngFor=\"let row of rowsArray\">\r\n <p-skeleton width=\"100%\" height=\"{{rowHeight}}\" styleClass=\"mb-4\"></p-skeleton>\r\n </li>\r\n <li>\r\n <p-skeleton width=\"100%\" height=\"{{rowHeight}}\"></p-skeleton>\r\n </li>\r\n </ul>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonTreeComponent, decorators: [{
|
|
18
|
+
type: Component,
|
|
19
|
+
args: [{ selector: 'w-skeleton-tree', template: "<div class=\"border-round border-1 surface-border p-4 surface-card\">\r\n <ul class=\"m-0 p-0 list-none\">\r\n <li *ngFor=\"let row of rowsArray\">\r\n <p-skeleton width=\"100%\" height=\"{{rowHeight}}\" styleClass=\"mb-4\"></p-skeleton>\r\n </li>\r\n <li>\r\n <p-skeleton width=\"100%\" height=\"{{rowHeight}}\"></p-skeleton>\r\n </li>\r\n </ul>\r\n</div>\r\n" }]
|
|
20
|
+
}], ctorParameters: function () { return []; }, propDecorators: { rowsToShow: [{
|
|
21
|
+
type: Input,
|
|
22
|
+
args: ['rowsToShow']
|
|
23
|
+
}], rowHeight: [{
|
|
24
|
+
type: Input,
|
|
25
|
+
args: ['rowHeight']
|
|
26
|
+
}] } });
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1za2VsZXRvbi10cmVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL3NoYXJlZC9za2VsZXRvbnMvdy1za2VsZXRvbi10cmVlL3ctc2tlbGV0b24tdHJlZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvc2tlbGV0b25zL3ctc2tlbGV0b24tdHJlZS93LXNrZWxldG9uLXRyZWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPekQsTUFBTSxPQUFPLHNCQUFzQjtJQUtqQztRQUpxQixlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3hCLGNBQVMsR0FBVyxNQUFNLENBQUM7UUFDL0MsY0FBUyxHQUFRLEVBQUUsQ0FBQztJQUVOLENBQUM7SUFFZixRQUFRO1FBQ04sSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFVBQVUsR0FBQyxDQUFDLENBQUM7SUFDNUMsQ0FBQzs7bUhBVFUsc0JBQXNCO3VHQUF0QixzQkFBc0IscUhDUG5DLGthQVVBOzJGREhhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUI7MEVBS04sVUFBVTtzQkFBOUIsS0FBSzt1QkFBQyxZQUFZO2dCQUNDLFNBQVM7c0JBQTVCLEtBQUs7dUJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXNrZWxldG9uLXRyZWUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LXNrZWxldG9uLXRyZWUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctc2tlbGV0b24tdHJlZS5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdTa2VsZXRvblRyZWVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgncm93c1RvU2hvdycpIHJvd3NUb1Nob3c6IG51bWJlciA9IDQ7XHJcbiAgQElucHV0KCdyb3dIZWlnaHQnKSByb3dIZWlnaHQ6IHN0cmluZyA9ICcyNHB4JztcclxuICByb3dzQXJyYXk6IGFueSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3Rvcigpe31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZHtcclxuICAgIHRoaXMucm93c0FycmF5Lmxlbmd0aCA9IHRoaXMucm93c1RvU2hvdy0xO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiYm9yZGVyLXJvdW5kIGJvcmRlci0xIHN1cmZhY2UtYm9yZGVyIHAtNCBzdXJmYWNlLWNhcmRcIj5cclxuICAgIDx1bCBjbGFzcz1cIm0tMCBwLTAgbGlzdC1ub25lXCI+XHJcbiAgICAgICAgPGxpICpuZ0Zvcj1cImxldCByb3cgb2Ygcm93c0FycmF5XCI+XHJcbiAgICAgICAgICAgIDxwLXNrZWxldG9uIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cInt7cm93SGVpZ2h0fX1cIiBzdHlsZUNsYXNzPVwibWItNFwiPjwvcC1za2VsZXRvbj5cclxuICAgICAgICA8L2xpPlxyXG4gICAgICAgIDxsaT5cclxuICAgICAgICAgICAgPHAtc2tlbGV0b24gd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwie3tyb3dIZWlnaHR9fVwiPjwvcC1za2VsZXRvbj5cclxuICAgICAgICA8L2xpPlxyXG4gICAgPC91bD5cclxuPC9kaXY+XHJcbiJdfQ==
|