ngx-wapp-components 1.0.79 → 1.0.81
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-chip/w-chip.component.mjs +59 -0
- package/esm2020/lib/shared/models/w-tree-table.model.mjs +1 -1
- package/esm2020/lib/shared/skeletons/w-skeleton-list/w-skeleton-list.component.mjs +8 -3
- package/esm2020/lib/tables/w-table/w-table.component.mjs +3 -3
- package/esm2020/lib/tables/w-table-lazy/w-table-lazy.component.mjs +6 -4
- package/esm2020/lib/tables/w-tree-table/w-tree-table.component.mjs +22 -3
- package/esm2020/lib/wapp-components.module.mjs +17 -5
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/ngx-wapp-components.mjs +139 -54
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +139 -54
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/misc/w-chip/w-chip.component.d.ts +20 -0
- package/lib/shared/models/w-tree-table.model.d.ts +2 -0
- package/lib/tables/w-tree-table/w-tree-table.component.d.ts +2 -0
- package/lib/wapp-components.module.d.ts +58 -56
- package/package.json +1 -1
- package/public-api.d.ts +1 -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: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"] });
|
|
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;vertical-align:middle}.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}.w-badge.color-darkBlue1{background:rgba(0,32,199,.1);color:#0020c7;border:1px solid #0020C7}.w-badge.color-darkBlue2{background:rgba(71,101,255,.1);color:#4765ff;border:1px solid #4765FF}.w-badge.color-darkBlue3{background:rgba(173,186,255,.4);color:#4765ff;border:1px solid #ADBAFF}.w-badge.color-purple1{background:rgba(123,0,199,.1);color:#7b00c7;border:1px solid #7B00C7}.w-badge.color-purple2{background:rgba(185,71,255,.1);color:#b947ff;border:1px solid #B947FF}.w-badge.color-purple3{background:rgba(224,173,255,.4);color:#b947ff;border:1px solid #E0ADFF}.w-badge.color-pink1{background:rgba(199,0,179,.1);color:#c700b3;border:1px solid #C700B3}.w-badge.color-pink2{background:rgba(255,97,239,.1);color:#ff61ef;border:1px solid #FF61EF}.w-badge.color-pink3{background:rgba(255,173,247,.4);color:#ff61ef;border:1px solid #FFADF7}.w-badge.color-primary900{background:rgba(0,51,69,.1);color:#003345;border:1px solid #003345}.w-badge.color-primary700{background:rgba(31,91,114,.1);color:#1f5b72;border:1px solid #1f5b72}.w-badge.color-primary500{background:rgba(60,126,154,.1);color:#3c7e9a;border:1px solid #3c7e9a}.w-badge.color-secondary900{background:rgba(0,85,147,.1);color:#005593;border:1px solid #005593}.w-badge.color-secondary700{background:rgba(0,133,199,.1);color:#0085c7;border:1px solid #0085c7}.w-badge.color-secondary500{background:rgba(0,166,233,.1);color:#00a6e9;border:1px solid #00a6e9}.w-badge.color-tertiary900{background:rgba(0,113,112,.1);color:#007170;border:1px solid #007170}.w-badge.color-tertiary700{background:rgba(0,169,182,.1);color:#00a9b6;border:1px solid #00a9b6}.w-badge.color-tertiary500{background:rgba(0,208,229,.1);color:#00a9b6;border:1px solid #00d0e5}\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: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"] }]
|
|
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;vertical-align:middle}.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}.w-badge.color-darkBlue1{background:rgba(0,32,199,.1);color:#0020c7;border:1px solid #0020C7}.w-badge.color-darkBlue2{background:rgba(71,101,255,.1);color:#4765ff;border:1px solid #4765FF}.w-badge.color-darkBlue3{background:rgba(173,186,255,.4);color:#4765ff;border:1px solid #ADBAFF}.w-badge.color-purple1{background:rgba(123,0,199,.1);color:#7b00c7;border:1px solid #7B00C7}.w-badge.color-purple2{background:rgba(185,71,255,.1);color:#b947ff;border:1px solid #B947FF}.w-badge.color-purple3{background:rgba(224,173,255,.4);color:#b947ff;border:1px solid #E0ADFF}.w-badge.color-pink1{background:rgba(199,0,179,.1);color:#c700b3;border:1px solid #C700B3}.w-badge.color-pink2{background:rgba(255,97,239,.1);color:#ff61ef;border:1px solid #FF61EF}.w-badge.color-pink3{background:rgba(255,173,247,.4);color:#ff61ef;border:1px solid #FFADF7}.w-badge.color-primary900{background:rgba(0,51,69,.1);color:#003345;border:1px solid #003345}.w-badge.color-primary700{background:rgba(31,91,114,.1);color:#1f5b72;border:1px solid #1f5b72}.w-badge.color-primary500{background:rgba(60,126,154,.1);color:#3c7e9a;border:1px solid #3c7e9a}.w-badge.color-secondary900{background:rgba(0,85,147,.1);color:#005593;border:1px solid #005593}.w-badge.color-secondary700{background:rgba(0,133,199,.1);color:#0085c7;border:1px solid #0085c7}.w-badge.color-secondary500{background:rgba(0,166,233,.1);color:#00a6e9;border:1px solid #00a6e9}.w-badge.color-tertiary900{background:rgba(0,113,112,.1);color:#007170;border:1px solid #007170}.w-badge.color-tertiary700{background:rgba(0,169,182,.1);color:#00a9b6;border:1px solid #00a9b6}.w-badge.color-tertiary500{background:rgba(0,208,229,.1);color:#00a9b6;border:1px solid #00d0e5}\n"] }]
|
|
14
14
|
}], propDecorators: { label: [{
|
|
15
15
|
type: Input,
|
|
16
16
|
args: ['label']
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
import * as i2 from "primeng/tooltip";
|
|
5
|
+
import * as i3 from "primeng/chip";
|
|
6
|
+
import * as i4 from "../../icons/wapping-icons/w-icons.component";
|
|
7
|
+
export class WChipComponent {
|
|
8
|
+
constructor(elementRef) {
|
|
9
|
+
this.elementRef = elementRef;
|
|
10
|
+
this.iconColor = "#1e293b";
|
|
11
|
+
this.backgroundColor = "#e2e8f0";
|
|
12
|
+
this.labelColor = "#1e293b";
|
|
13
|
+
this.tooltipPosition = 'bottom';
|
|
14
|
+
this.click = new EventEmitter();
|
|
15
|
+
}
|
|
16
|
+
ngOnInit() {
|
|
17
|
+
this.elementRef.nativeElement.style.setProperty("--bgcolor", this.backgroundColor);
|
|
18
|
+
}
|
|
19
|
+
chipClick() {
|
|
20
|
+
this.click.emit(true);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
WChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WChipComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
WChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WChipComponent, selector: "w-chip", inputs: { image: "image", icon: "icon", iconColor: "iconColor", backgroundColor: "backgroundColor", labelColor: "labelColor", wappIcon: "wappIcon", label: "label", tooltip: "tooltip", tooltipPosition: "tooltipPosition" }, outputs: { click: "click" }, ngImport: i0, template: "<p-chip *ngIf=\"icon || image; else wappIconChip\" \r\n class=\"w-chip\"\r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (click)=\"chipClick()\">\r\n <i *ngIf=\"icon; else imageChip\" class=\"p-chip-icon\" [class]=\"'pi ' + icon\" [style]=\"'color: '+iconColor\"></i>\r\n <ng-template #imageChip> <img [src]=\"image\"> </ng-template>\r\n <span class=\"p-chip-text\" [style]=\"'color:'+ labelColor\"> {{label}} </span>\r\n</p-chip>\r\n\r\n<ng-template #wappIconChip>\r\n <p-chip class=\"w-chip\"\r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (click)=\"chipClick()\">\r\n <w-icons *ngIf=\"wappIcon\" \r\n [name]=\"wappIcon\" \r\n [color]=\"iconColor\" \r\n [height]=\"18\" \r\n [width]=\"18\" \r\n class=\"wapp-chip-icon\">\r\n </w-icons>\r\n <span class=\"p-chip-text\" [style]=\"'color:'+ labelColor\"> {{label}} </span>\r\n </p-chip>\r\n</ng-template>\r\n\r\n\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption,::ng-deep .w-chip .p-chip-text{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}:host ::ng-deep .p-chip{background-color:var(--bgcolor)}.w-chip{cursor:pointer}::ng-deep .w-chip .p-chip-text{line-height:1.5;margin-top:.375rem;margin-bottom:.375rem}::ng-deep .w-chip .p-chip-icon{margin-right:.5rem;line-height:1.5}.wapp-chip-icon{margin-right:.5rem;line-height:.5}.w-chip img{width:2.25rem;height:2.25rem;margin-left:-.75rem;margin-right:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i3.Chip, selector: "p-chip", inputs: ["label", "icon", "image", "style", "styleClass", "removable", "removeIcon"], outputs: ["onRemove", "onImageError"] }, { kind: "component", type: i4.WIconsComponent, selector: "w-icons", inputs: ["name", "width", "height", "color"] }] });
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WChipComponent, decorators: [{
|
|
26
|
+
type: Component,
|
|
27
|
+
args: [{ selector: 'w-chip', template: "<p-chip *ngIf=\"icon || image; else wappIconChip\" \r\n class=\"w-chip\"\r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (click)=\"chipClick()\">\r\n <i *ngIf=\"icon; else imageChip\" class=\"p-chip-icon\" [class]=\"'pi ' + icon\" [style]=\"'color: '+iconColor\"></i>\r\n <ng-template #imageChip> <img [src]=\"image\"> </ng-template>\r\n <span class=\"p-chip-text\" [style]=\"'color:'+ labelColor\"> {{label}} </span>\r\n</p-chip>\r\n\r\n<ng-template #wappIconChip>\r\n <p-chip class=\"w-chip\"\r\n [pTooltip]=\"tooltip\" \r\n [tooltipPosition]=\"tooltipPosition\" \r\n (click)=\"chipClick()\">\r\n <w-icons *ngIf=\"wappIcon\" \r\n [name]=\"wappIcon\" \r\n [color]=\"iconColor\" \r\n [height]=\"18\" \r\n [width]=\"18\" \r\n class=\"wapp-chip-icon\">\r\n </w-icons>\r\n <span class=\"p-chip-text\" [style]=\"'color:'+ labelColor\"> {{label}} </span>\r\n </p-chip>\r\n</ng-template>\r\n\r\n\r\n", styles: [".heading1{font-size:3.1428571429rem;line-height:3.4285714286rem;font-weight:700}.heading2{font-size:2.8571428571rem;line-height:3.1428571429rem;font-weight:700}.heading3{font-size:2.5714285714rem;line-height:2.8571428571rem;font-weight:700}.heading4{font-size:2.2857142857rem;line-height:2.5714285714rem;font-weight:700}.heading5{font-size:2rem;line-height:2.2857142857rem;font-weight:700}.heading6{font-size:1.7142857143rem;line-height:2rem;font-weight:700}.subtitle1{font-size:1.4285714286rem;line-height:1.7142857143rem;font-weight:700}.subtitle2{font-size:1.1428571429rem;line-height:1.4285714286rem;font-weight:700}.body,.input-generic-placeholder-small,.input-generic-small{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption,::ng-deep .w-chip .p-chip-text{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}:host ::ng-deep .p-chip{background-color:var(--bgcolor)}.w-chip{cursor:pointer}::ng-deep .w-chip .p-chip-text{line-height:1.5;margin-top:.375rem;margin-bottom:.375rem}::ng-deep .w-chip .p-chip-icon{margin-right:.5rem;line-height:1.5}.wapp-chip-icon{margin-right:.5rem;line-height:.5}.w-chip img{width:2.25rem;height:2.25rem;margin-left:-.75rem;margin-right:.5rem}\n"] }]
|
|
28
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { image: [{
|
|
29
|
+
type: Input,
|
|
30
|
+
args: ['image']
|
|
31
|
+
}], icon: [{
|
|
32
|
+
type: Input,
|
|
33
|
+
args: ['icon']
|
|
34
|
+
}], iconColor: [{
|
|
35
|
+
type: Input,
|
|
36
|
+
args: ['iconColor']
|
|
37
|
+
}], backgroundColor: [{
|
|
38
|
+
type: Input,
|
|
39
|
+
args: ['backgroundColor']
|
|
40
|
+
}], labelColor: [{
|
|
41
|
+
type: Input,
|
|
42
|
+
args: ['labelColor']
|
|
43
|
+
}], wappIcon: [{
|
|
44
|
+
type: Input,
|
|
45
|
+
args: ['wappIcon']
|
|
46
|
+
}], label: [{
|
|
47
|
+
type: Input,
|
|
48
|
+
args: ['label']
|
|
49
|
+
}], tooltip: [{
|
|
50
|
+
type: Input,
|
|
51
|
+
args: ['tooltip']
|
|
52
|
+
}], tooltipPosition: [{
|
|
53
|
+
type: Input,
|
|
54
|
+
args: ['tooltipPosition']
|
|
55
|
+
}], click: [{
|
|
56
|
+
type: Output,
|
|
57
|
+
args: ['click']
|
|
58
|
+
}] } });
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1jaGlwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL21pc2Mvdy1jaGlwL3ctY2hpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9taXNjL3ctY2hpcC93LWNoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBTzNGLE1BQU0sT0FBTyxjQUFjO0lBZ0J6QixZQUFvQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBWHRCLGNBQVMsR0FBVyxTQUFTLENBQUM7UUFDeEIsb0JBQWUsR0FBVyxTQUFTLENBQUM7UUFDekMsZUFBVSxHQUFXLFNBQVMsQ0FBQztRQUsxQixvQkFBZSxHQUFXLFFBQVEsQ0FBQztRQUU1QyxVQUFLLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7SUFFL0IsQ0FBQztJQUU5QyxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFBO0lBQ3BGLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDeEIsQ0FBQzs7MkdBeEJVLGNBQWM7K0ZBQWQsY0FBYyx5U0NQM0IsMmtDQTJCQTsyRkRwQmEsY0FBYztrQkFMMUIsU0FBUzsrQkFDRSxRQUFRO2lHQU1GLEtBQUs7c0JBQXBCLEtBQUs7dUJBQUMsT0FBTztnQkFDQyxJQUFJO3NCQUFsQixLQUFLO3VCQUFDLE1BQU07Z0JBRU8sU0FBUztzQkFBNUIsS0FBSzt1QkFBQyxXQUFXO2dCQUNRLGVBQWU7c0JBQXhDLEtBQUs7dUJBQUMsaUJBQWlCO2dCQUNILFVBQVU7c0JBQTlCLEtBQUs7dUJBQUMsWUFBWTtnQkFFQSxRQUFRO3NCQUExQixLQUFLO3VCQUFDLFVBQVU7Z0JBQ0QsS0FBSztzQkFBcEIsS0FBSzt1QkFBQyxPQUFPO2dCQUNJLE9BQU87c0JBQXhCLEtBQUs7dUJBQUMsU0FBUztnQkFDVSxlQUFlO3NCQUF4QyxLQUFLO3VCQUFDLGlCQUFpQjtnQkFFUCxLQUFLO3NCQUFyQixNQUFNO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3ctY2hpcCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3ctY2hpcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdy1jaGlwLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdDaGlwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KCdpbWFnZScpIGltYWdlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnaWNvbicpIGljb24hOiBzdHJpbmc7XHJcblxyXG4gIEBJbnB1dCgnaWNvbkNvbG9yJykgaWNvbkNvbG9yOiBzdHJpbmcgPSBcIiMxZTI5M2JcIjtcclxuICBASW5wdXQoJ2JhY2tncm91bmRDb2xvcicpIGJhY2tncm91bmRDb2xvcjogc3RyaW5nID0gXCIjZTJlOGYwXCI7XHJcbiAgQElucHV0KCdsYWJlbENvbG9yJykgbGFiZWxDb2xvcjogc3RyaW5nID0gXCIjMWUyOTNiXCI7XHJcbiAgXHJcbiAgQElucHV0KCd3YXBwSWNvbicpIHdhcHBJY29uITogc3RyaW5nO1xyXG4gIEBJbnB1dCgnbGFiZWwnKSBsYWJlbCE6IHN0cmluZztcclxuICBASW5wdXQoJ3Rvb2x0aXAnKSB0b29sdGlwITogc3RyaW5nO1xyXG4gIEBJbnB1dCgndG9vbHRpcFBvc2l0aW9uJykgdG9vbHRpcFBvc2l0aW9uOiBzdHJpbmcgPSAnYm90dG9tJztcclxuICBcclxuICBAT3V0cHV0KCdjbGljaycpIGNsaWNrOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZikge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eShcIi0tYmdjb2xvclwiLCB0aGlzLmJhY2tncm91bmRDb2xvcilcclxuICB9XHJcblxyXG4gIGNoaXBDbGljaygpIHtcclxuICAgIHRoaXMuY2xpY2suZW1pdCh0cnVlKTtcclxuICB9XHJcbn1cclxuIiwiPHAtY2hpcCAqbmdJZj1cImljb24gfHwgaW1hZ2U7IGVsc2Ugd2FwcEljb25DaGlwXCIgXHJcbiAgICAgICAgY2xhc3M9XCJ3LWNoaXBcIlxyXG4gICAgICAgIFtwVG9vbHRpcF09XCJ0b29sdGlwXCIgXHJcbiAgICAgICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIiBcclxuICAgICAgICAoY2xpY2spPVwiY2hpcENsaWNrKClcIj5cclxuICAgIDxpICpuZ0lmPVwiaWNvbjsgZWxzZSBpbWFnZUNoaXBcIiBjbGFzcz1cInAtY2hpcC1pY29uXCIgW2NsYXNzXT1cIidwaSAnICsgaWNvblwiIFtzdHlsZV09XCInY29sb3I6ICcraWNvbkNvbG9yXCI+PC9pPlxyXG4gICAgPG5nLXRlbXBsYXRlICNpbWFnZUNoaXA+IDxpbWcgW3NyY109XCJpbWFnZVwiPiA8L25nLXRlbXBsYXRlPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJwLWNoaXAtdGV4dFwiIFtzdHlsZV09XCInY29sb3I6JysgbGFiZWxDb2xvclwiPiB7e2xhYmVsfX0gPC9zcGFuPlxyXG48L3AtY2hpcD5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjd2FwcEljb25DaGlwPlxyXG4gICAgPHAtY2hpcCBjbGFzcz1cInctY2hpcFwiXHJcbiAgICAgICAgICAgIFtwVG9vbHRpcF09XCJ0b29sdGlwXCIgXHJcbiAgICAgICAgICAgIFt0b29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCIgXHJcbiAgICAgICAgICAgIChjbGljayk9XCJjaGlwQ2xpY2soKVwiPlxyXG4gICAgICAgIDx3LWljb25zICpuZ0lmPVwid2FwcEljb25cIiBcclxuICAgICAgICAgICAgICAgICBbbmFtZV09XCJ3YXBwSWNvblwiIFxyXG4gICAgICAgICAgICAgICAgIFtjb2xvcl09XCJpY29uQ29sb3JcIiBcclxuICAgICAgICAgICAgICAgICBbaGVpZ2h0XT1cIjE4XCIgXHJcbiAgICAgICAgICAgICAgICAgW3dpZHRoXT1cIjE4XCIgXHJcbiAgICAgICAgICAgICAgICAgY2xhc3M9XCJ3YXBwLWNoaXAtaWNvblwiPlxyXG4gICAgICAgIDwvdy1pY29ucz5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cInAtY2hpcC10ZXh0XCIgW3N0eWxlXT1cIidjb2xvcjonKyBsYWJlbENvbG9yXCI+IHt7bGFiZWx9fSA8L3NwYW4+XHJcbiAgICA8L3AtY2hpcD5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcblxyXG4iXX0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy10cmVlLXRhYmxlLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvc2hhcmVkL21vZGVscy93LXRyZWUtdGFibGUubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFdhcHBUYWJsZUNvbHVtbkFsaWduVHlwZXMgfSBmcm9tIFwiLi9lbnVtcy5tb2RlbFwiXHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFdUcmVlVGFibGVDb2x1bW4ge1xyXG4gICAgZmllbGQ6IHN0cmluZywgXHJcbiAgICBoZWFkZXI6IHN0cmluZ1xyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIEFjdGlvbkJ1dHRvbiB7XHJcbiAgICBpZDogbnVtYmVyLFxyXG4gICAgaWNvbjogc3RyaW5nLFxyXG4gICAgdG9vbHRpcD86IHN0cmluZyxcclxuICAgIHRvb2x0aXBQb3NpdGlvbj86IHN0cmluZyxcclxuICAgIHN0eWxlQ2xhc3M/OiBzdHJpbmcgXHJcbn1cclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQWN0aW9uQnV0dG9uUmVzcG9uc2Uge1xyXG4gICAgaWQ6IG51bWJlcixcclxuICAgIGVsZW1lbnQ6IGFueVxyXG59XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFdUcmVlVGFibGUge1xyXG4gICAgY29sdW1uczogV1RyZWVUYWJsZUNvbHVtbltdLFxyXG4gICAgY29sdW1uQWxpZ24/OiBXYXBwVGFibGVDb2x1bW5BbGlnblR5cGVzW10sXHJcbiAgICBoYXNEZWxldGVCdXR0b246IGJvb2xlYW4sXHJcbiAgICBkZWxldGVCdXR0b25Ub29sdGlwPzogc3RyaW5nLFxyXG4gICAgc2VhcmNoUGxhY2Vob2xkZXI6IHN0cmluZyxcclxuICAgIG5vUmVjb3Jkc0xhYmVsOiBzdHJpbmdcclxuICAgIGFjdGlvbkJ1dHRvbnM/OiBBY3Rpb25CdXR0b25bXSxcclxuICAgIGNvbmZpcm1TaW5nbGVEZWxldGVMYWJlbD86IHN0cmluZyxcclxuICAgIGNvbmZpcm1EZWxldGVCdG5MYWJlbD86IHN0cmluZyxcclxuICAgIGN1cnJlbnRQYWdlUmVwb3J0VGVtcGxhdGU/OiBzdHJpbmcsXHJcbiAgICB0YWJsZUNvbnRhaW5lcj86IGJvb2xlYW4sXHJcbiAgICB0YWJsZU1pbldpZHRoPzogc3RyaW5nXHJcbn1cclxuIl19
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
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 "../w-skeleton-input-generic/w-skeleton-input-generic.component";
|
|
3
8
|
export class WSkeletonListComponent {
|
|
4
9
|
}
|
|
5
10
|
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: "<
|
|
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: "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.WSkeletonInputGenericComponent, selector: "w-skeleton-input-generic", inputs: ["height", "width", "hasAlign", "label"] }] });
|
|
7
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSkeletonListComponent, decorators: [{
|
|
8
13
|
type: Component,
|
|
9
|
-
args: [{ selector: 'w-skeleton-list', template: "<
|
|
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>" }]
|
|
10
15
|
}] });
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidy1za2VsZXRvbi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dhcHAtY29tcG9uZW50cy9zcmMvbGliL3NoYXJlZC9za2VsZXRvbnMvdy1za2VsZXRvbi1saXN0L3ctc2tlbGV0b24tbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93YXBwLWNvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvc2tlbGV0b25zL3ctc2tlbGV0b24tbGlzdC93LXNrZWxldG9uLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQU8xQyxNQUFNLE9BQU8sc0JBQXNCOzttSEFBdEIsc0JBQXNCO3VHQUF0QixzQkFBc0IsdURDUG5DLDRrQkFXbUI7MkZESk4sc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3LXNrZWxldG9uLWxpc3QnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93LXNrZWxldG9uLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3ctc2tlbGV0b24tbGlzdC5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFdTa2VsZXRvbkxpc3RDb21wb25lbnQge1xyXG5cclxufVxyXG4iLCI8dy1ib2R5LWNvbnRhaW5lcj5cclxuICAgIDx3LWhlYWRlci1wYW5lbCBjbGFzcz1cImNvbC0xMlwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJtYWluLWFjdGlvbnNcIj5cclxuICAgICAgICAgICAgPHAtc2tlbGV0b24gaGVpZ2h0PVwiMzJweFwiIHdpZHRoPVwiMTkwcHhcIj48L3Atc2tlbGV0b24+XHJcbiAgICAgICAgICAgIDxwLXNrZWxldG9uIGhlaWdodD1cIjMycHhcIiB3aWR0aD1cIjE5MHB4XCI+PC9wLXNrZWxldG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC93LWhlYWRlci1wYW5lbD5cclxuICAgIDx3LXBhbmVsIGNsYXNzPVwiY29sLTEyXCI+XHJcbiAgICAgICAgPHctc2tlbGV0b24taW5wdXQtZ2VuZXJpYyBjbGFzcz1cImNvbC0xMlwiIFtoYXNBbGlnbl09XCJmYWxzZVwiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG4gICAgICAgIDx3LXNrZWxldG9uLWlucHV0LWdlbmVyaWMgY2xhc3M9XCJjb2wtMTJcIiBbaGFzQWxpZ25dPVwiZmFsc2VcIiBoZWlnaHQ9XCIzMDBweFwiPjwvdy1za2VsZXRvbi1pbnB1dC1nZW5lcmljPlxyXG4gICAgPC93LXBhbmVsPlxyXG48L3ctYm9keS1jb250YWluZXI+Il19
|