ngx-wapp-components 1.0.84 → 1.0.85
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/layout/w-panel/w-panel.component.mjs +1 -1
- package/esm2020/lib/layout/w-panel-title/w-panel-title.component.mjs +7 -3
- package/esm2020/lib/shared/skeletons/w-skeleton-list/w-skeleton-list.component.mjs +17 -10
- package/fesm2015/ngx-wapp-components.mjs +49 -40
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +49 -40
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/layout/w-panel-title/w-panel-title.component.d.ts +2 -1
- package/lib/shared/skeletons/w-skeleton-list/w-skeleton-list.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -25,7 +25,7 @@ export class WPanelComponent {
|
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
WPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
-
WPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelComponent, selector: "w-panel", inputs: { width: "width", title: "title", subtitle: "subtitle", activeGrid: "activeGrid", reduced: "reduced", justifyContent: "justifyContent", activeOverflow: "activeOverflow", heightOverflow: "heightOverflow", maxHeightOverflow: "maxHeightOverflow" }, ngImport: i0, template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n <w-panel-title *ngIf=\"title\" [title]=\"title\"></w-panel-title>\r\n <w-panel-subtitle *ngIf=\"subtitle\" [subtitle]=\"subtitle\"></w-panel-subtitle>\r\n <div [ngClass]=\"getCombinedClasses()\" [style.height]=\"heightOverflow\" [style.max-height]=\"maxHeightOverflow\">\r\n <ng-content></ng-content>\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-panel{padding:12px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-reduced-panel{padding:16px 20px 20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-panel-justify-gap{gap:8px}:host ::ng-deep .w-panel-content .col-1{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-2{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-3{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-5{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-6{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-7{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-9{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-10{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-11{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-12{padding:4px 20px!important}:host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}.w-panel-overflow{overflow:auto;box-sizing:border-box}.w-panel-overflow.w-panel-content.grid{margin-top:0!important;margin-bottom:0!important;margin-right:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WPanelTitleComponent, selector: "w-panel-title", inputs: ["title"] }, { kind: "component", type: i3.WPanelSubtitleComponent, selector: "w-panel-subtitle", inputs: ["subtitle"] }] });
|
|
28
|
+
WPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelComponent, selector: "w-panel", inputs: { width: "width", title: "title", subtitle: "subtitle", activeGrid: "activeGrid", reduced: "reduced", justifyContent: "justifyContent", activeOverflow: "activeOverflow", heightOverflow: "heightOverflow", maxHeightOverflow: "maxHeightOverflow" }, ngImport: i0, template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n <w-panel-title *ngIf=\"title\" [title]=\"title\"></w-panel-title>\r\n <w-panel-subtitle *ngIf=\"subtitle\" [subtitle]=\"subtitle\"></w-panel-subtitle>\r\n <div [ngClass]=\"getCombinedClasses()\" [style.height]=\"heightOverflow\" [style.max-height]=\"maxHeightOverflow\">\r\n <ng-content></ng-content>\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-panel{padding:12px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-reduced-panel{padding:16px 20px 20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-panel-justify-gap{gap:8px}:host ::ng-deep .w-panel-content .col-1{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-2{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-3{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-5{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-6{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-7{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-9{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-10{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-11{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-12{padding:4px 20px!important}:host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}.w-panel-overflow{overflow:auto;box-sizing:border-box}.w-panel-overflow.w-panel-content.grid{margin-top:0!important;margin-bottom:0!important;margin-right:0!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.WPanelTitleComponent, selector: "w-panel-title", inputs: ["title", "activePaddingBottom"] }, { kind: "component", type: i3.WPanelSubtitleComponent, selector: "w-panel-subtitle", inputs: ["subtitle"] }] });
|
|
29
29
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
31
|
args: [{ selector: 'w-panel', template: "<div [ngClass]=\"{ 'w-panel': !reduced, 'w-reduced-panel': reduced}\" class=\"w-full h-full\">\r\n <w-panel-title *ngIf=\"title\" [title]=\"title\"></w-panel-title>\r\n <w-panel-subtitle *ngIf=\"subtitle\" [subtitle]=\"subtitle\"></w-panel-subtitle>\r\n <div [ngClass]=\"getCombinedClasses()\" [style.height]=\"heightOverflow\" [style.max-height]=\"maxHeightOverflow\">\r\n <ng-content></ng-content>\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-panel{padding:12px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-reduced-panel{padding:16px 20px 20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.w-panel-justify-gap{gap:8px}:host ::ng-deep .w-panel-content .col-1{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-2{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-3{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-5{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-6{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-7{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-9{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-10{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-11{padding:4px 20px!important}:host ::ng-deep .w-panel-content .col-12{padding:4px 20px!important}:host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}.w-panel-overflow{overflow:auto;box-sizing:border-box}.w-panel-overflow.w-panel-content.grid{margin-top:0!important;margin-bottom:0!important;margin-right:0!important}\n"] }]
|
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
3
4
|
export class WPanelTitleComponent {
|
|
4
5
|
}
|
|
5
6
|
WPanelTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6
|
-
WPanelTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelTitleComponent, selector: "w-panel-title", inputs: { title: "title" }, ngImport: i0, template: "<div class=\"w-panel-title subtitle2\">{{title}}</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-panel-title{padding-bottom:16px;margin-bottom:0}\n"] });
|
|
7
|
+
WPanelTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelTitleComponent, selector: "w-panel-title", inputs: { title: "title", activePaddingBottom: "activePaddingBottom" }, ngImport: i0, template: "<div class=\"w-panel-title subtitle2\" [ngClass]=\"{'pb-0': activePaddingBottom}\">{{title}}</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-panel-title{padding-bottom:16px;margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
7
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelTitleComponent, decorators: [{
|
|
8
9
|
type: Component,
|
|
9
|
-
args: [{ selector: 'w-panel-title', template: "<div class=\"w-panel-title subtitle2\">{{title}}</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-panel-title{padding-bottom:16px;margin-bottom:0}\n"] }]
|
|
10
|
+
args: [{ selector: 'w-panel-title', template: "<div class=\"w-panel-title subtitle2\" [ngClass]=\"{'pb-0': activePaddingBottom}\">{{title}}</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-panel-title{padding-bottom:16px;margin-bottom:0}\n"] }]
|
|
10
11
|
}], propDecorators: { title: [{
|
|
11
12
|
type: Input,
|
|
12
13
|
args: ['title']
|
|
14
|
+
}], activePaddingBottom: [{
|
|
15
|
+
type: Input,
|
|
16
|
+
args: ['activePaddingBottom']
|
|
13
17
|
}] } });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1wYW5lbC10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9sYXlvdXQvdy1wYW5lbC10aXRsZS93LXBhbmVsLXRpdGxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL2xheW91dC93LXBhbmVsLXRpdGxlL3ctcGFuZWwtdGl0bGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU9qRCxNQUFNLE9BQU8sb0JBQW9COztpSEFBcEIsb0JBQW9CO3FHQUFwQixvQkFBb0IsNkhDUGpDLG9HQUE4RjsyRkRPakYsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGVBQWU7OEJBS1QsS0FBSztzQkFBcEIsS0FBSzt1QkFBQyxPQUFPO2dCQUNnQixtQkFBbUI7c0JBQWhELEtBQUs7dUJBQUMscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXBhbmVsLXRpdGxlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdy1wYW5lbC10aXRsZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy1wYW5lbC10aXRsZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXUGFuZWxUaXRsZUNvbXBvbmVudCB7XHJcbiAgQElucHV0KCd0aXRsZScpIHRpdGxlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnYWN0aXZlUGFkZGluZ0JvdHRvbScpIGFjdGl2ZVBhZGRpbmdCb3R0b20hOiBib29sZWFuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInctcGFuZWwtdGl0bGUgc3VidGl0bGUyXCIgW25nQ2xhc3NdPVwieydwYi0wJzogYWN0aXZlUGFkZGluZ0JvdHRvbX1cIj57e3RpdGxlfX08L2Rpdj4iXX0=
|
|
@@ -1,16 +1,23 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
4
|
-
import * as i2 from "
|
|
5
|
-
import * as i3 from "../../../layout/w-
|
|
6
|
-
import * as i4 from "../../../layout/w-
|
|
7
|
-
import * as i5 from "
|
|
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
|
+
import * as i6 from "../w-skeleton-input-generic/w-skeleton-input-generic.component";
|
|
8
9
|
export class WSkeletonListComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.headerPanel = true;
|
|
12
|
+
}
|
|
9
13
|
}
|
|
10
14
|
WSkeletonListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
WSkeletonListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSkeletonListComponent, selector: "w-skeleton-list", 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 <w-panel class=\"col-12\">\r\n <w-skeleton-input-generic class=\"col-12\" [hasAlign]=\"false\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" [hasAlign]=\"false\" height=\"300px\"></w-skeleton-input-generic>\r\n </w-panel>\r\n</w-body-container>", styles: [""], dependencies: [{ kind: "
|
|
15
|
+
WSkeletonListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSkeletonListComponent, selector: "w-skeleton-list", inputs: { headerPanel: "headerPanel" }, ngImport: i0, template: "<w-body-container>\r\n <w-header-panel *ngIf=\"headerPanel\" 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 <w-panel class=\"col-12\">\r\n <w-skeleton-input-generic class=\"col-12\" [hasAlign]=\"false\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" [hasAlign]=\"false\" height=\"300px\"></w-skeleton-input-generic>\r\n </w-panel>\r\n</w-body-container>", styles: [""], 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"] }, { 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"] }, { kind: "component", type: i6.WSkeletonInputGenericComponent, selector: "w-skeleton-input-generic", inputs: ["height", "width", "hasAlign", "label"] }] });
|
|
12
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonListComponent, decorators: [{
|
|
13
17
|
type: Component,
|
|
14
|
-
args: [{ selector: 'w-skeleton-list', 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 <w-panel class=\"col-12\">\r\n <w-skeleton-input-generic class=\"col-12\" [hasAlign]=\"false\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" [hasAlign]=\"false\" height=\"300px\"></w-skeleton-input-generic>\r\n </w-panel>\r\n</w-body-container>" }]
|
|
15
|
-
}]
|
|
16
|
-
|
|
18
|
+
args: [{ selector: 'w-skeleton-list', template: "<w-body-container>\r\n <w-header-panel *ngIf=\"headerPanel\" 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 <w-panel class=\"col-12\">\r\n <w-skeleton-input-generic class=\"col-12\" [hasAlign]=\"false\"></w-skeleton-input-generic>\r\n <w-skeleton-input-generic class=\"col-12\" [hasAlign]=\"false\" height=\"300px\"></w-skeleton-input-generic>\r\n </w-panel>\r\n</w-body-container>" }]
|
|
19
|
+
}], propDecorators: { headerPanel: [{
|
|
20
|
+
type: Input,
|
|
21
|
+
args: ['headerPanel']
|
|
22
|
+
}] } });
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1za2VsZXRvbi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL3NoYXJlZC9za2VsZXRvbnMvdy1za2VsZXRvbi1saXN0L3ctc2tlbGV0b24tbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvc2tlbGV0b25zL3ctc2tlbGV0b24tbGlzdC93LXNrZWxldG9uLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBT2pELE1BQU0sT0FBTyxzQkFBc0I7SUFMbkM7UUFPd0IsZ0JBQVcsR0FBWSxJQUFJLENBQUM7S0FFbkQ7O21IQUpZLHNCQUFzQjt1R0FBdEIsc0JBQXNCLCtGQ1BuQyxrbUJBV21COzJGREpOLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUI7OEJBTUwsV0FBVztzQkFBaEMsS0FBSzt1QkFBQyxhQUFhIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXNrZWxldG9uLWxpc3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LXNrZWxldG9uLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctc2tlbGV0b24tbGlzdC5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdTa2VsZXRvbkxpc3RDb21wb25lbnQge1xyXG5cclxuICBASW5wdXQoJ2hlYWRlclBhbmVsJykgaGVhZGVyUGFuZWw6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIFxyXG59XHJcbiIsIjx3LWJvZHktY29udGFpbmVyPlxyXG4gICAgPHctaGVhZGVyLXBhbmVsICpuZ0lmPVwiaGVhZGVyUGFuZWxcIiBjbGFzcz1cImNvbC0xMlwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtYWluLWFjdGlvbnNcIj5cclxuICAgICAgICAgICAgPHAtc2tlbGV0b24gaGVpZ2h0PVwiMzJweFwiIHdpZHRoPVwiMTkwcHhcIj48L3Atc2tlbGV0b24+XHJcbiAgICAgICAgICAgIDxwLXNrZWxldG9uIGhlaWdodD1cIjMycHhcIiB3aWR0aD1cIjE5MHB4XCI+PC9wLXNrZWxldG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC93LWhlYWRlci1wYW5lbD5cclxuICAgIDx3LXBhbmVsIGNsYXNzPVwiY29sLTEyXCI+XHJcbiAgICAgICAgPHctc2tlbGV0b24taW5wdXQtZ2VuZXJpYyBjbGFzcz1cImNvbC0xMlwiIFtoYXNBbGlnbl09XCJmYWxzZVwiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG4gICAgICAgIDx3LXNrZWxldG9uLWlucHV0LWdlbmVyaWMgY2xhc3M9XCJjb2wtMTJcIiBbaGFzQWxpZ25dPVwiZmFsc2VcIiBoZWlnaHQ9XCIzMDBweFwiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG4gICAgPC93LXBhbmVsPlxyXG48L3ctYm9keS1jb250YWluZXI+Il19
|