ngx-wapp-components 1.0.38 → 1.0.39
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/file/w-image-cropper/w-image-cropper.component.mjs +4 -3
- package/esm2020/lib/file/w-image-file-uploader/w-image-file-uploader.component.mjs +1 -1
- package/esm2020/lib/layout/w-footer/w-footer.component.mjs +3 -3
- package/esm2020/lib/layout/w-panel/w-panel.component.mjs +7 -3
- package/esm2020/lib/search/w-input-search/w-input-search.component.mjs +29 -33
- package/esm2020/lib/sidebar/w-sidebar/w-sidebar.component.mjs +7 -3
- package/esm2020/lib/wapp-components.module.mjs +8 -8
- package/esm2020/public-api.mjs +2 -3
- package/fesm2015/ngx-wapp-components.mjs +48 -140
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +48 -140
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/layout/w-panel/w-panel.component.d.ts +2 -1
- package/lib/search/w-input-search/w-input-search.component.d.ts +3 -7
- package/lib/sidebar/w-sidebar/w-sidebar.component.d.ts +2 -1
- package/lib/wapp-components.module.d.ts +39 -40
- package/package.json +3 -3
- package/public-api.d.ts +1 -2
- package/esm2020/lib/search/w-autocomplete-search/w-autocomplete-search.component.mjs +0 -106
- package/esm2020/lib/shared/models/uploader-file.model.mjs +0 -2
- package/lib/search/w-autocomplete-search/w-autocomplete-search.component.d.ts +0 -29
- package/lib/shared/models/uploader-file.model.d.ts +0 -6
|
@@ -1309,10 +1309,10 @@ class WFooterComponent {
|
|
|
1309
1309
|
}
|
|
1310
1310
|
}
|
|
1311
1311
|
WFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1312
|
-
WFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WFooterComponent, selector: "w-footer", inputs: { supportLabel: "supportLabel", support: "support" }, ngImport: i0, template: "\r\n<div class=\"w-footer flex justify-content-between flex-wrap w-full\">\r\n <div class=\"w-info-footer flex align-items-center justify-content-center\">\r\n <w-logos [name]=\"'wappingIsotype'\" [width]=\"16\" [height]=\"20\"></w-logos>\r\n <div class=\"caption\">Wapping S.L. \u00A9 {{year}} </div>\r\n </div>\r\n <div class=\"w-support-footer flex align-items-center justify-content-center\">\r\n <div class=\"body\" style=\"font-weight: bold;\">{{supportLabel}}</div>\r\n <w-icons *ngIf=\"support\" name=\"support\" pTooltip=\"support\" [width]=\"16\" [height]=\"16\"></w-icons>\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}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-footer{padding:6px 60px 12px;padding-top:8px!important;border-top:2px solid #e8eaed;background-color:#f8f9fa;max-height:40px}.w-info-footer{gap:28px}.w-support-footer{gap:12px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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: WIconsComponent, selector: "w-icons", inputs: ["name", "width", "height", "color"] }, { kind: "component", type: WLogosComponent, selector: "w-logos", inputs: ["name", "width", "height", "color"] }] });
|
|
1312
|
+
WFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WFooterComponent, selector: "w-footer", inputs: { supportLabel: "supportLabel", support: "support" }, ngImport: i0, template: "\r\n<div class=\"w-footer flex justify-content-between flex-wrap w-full\">\r\n <div class=\"w-info-footer flex align-items-center justify-content-center\">\r\n <w-logos [name]=\"'wappingIsotype'\" [width]=\"16\" [height]=\"20\"></w-logos>\r\n <div class=\"caption\">Wapping Networks S.L. \u00A9 {{year}} </div>\r\n </div>\r\n <div class=\"w-support-footer flex align-items-center justify-content-center\">\r\n <div class=\"body\" style=\"font-weight: bold;\">{{supportLabel}}</div>\r\n <w-icons *ngIf=\"support\" name=\"support\" pTooltip=\"support\" [width]=\"16\" [height]=\"16\"></w-icons>\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}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-footer{padding:6px 60px 12px;padding-top:8px!important;border-top:2px solid #e8eaed;background-color:#f8f9fa;max-height:40px}.w-info-footer{gap:28px}.w-support-footer{gap:12px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.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: WIconsComponent, selector: "w-icons", inputs: ["name", "width", "height", "color"] }, { kind: "component", type: WLogosComponent, selector: "w-logos", inputs: ["name", "width", "height", "color"] }] });
|
|
1313
1313
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WFooterComponent, decorators: [{
|
|
1314
1314
|
type: Component,
|
|
1315
|
-
args: [{ selector: 'w-footer', template: "\r\n<div class=\"w-footer flex justify-content-between flex-wrap w-full\">\r\n <div class=\"w-info-footer flex align-items-center justify-content-center\">\r\n <w-logos [name]=\"'wappingIsotype'\" [width]=\"16\" [height]=\"20\"></w-logos>\r\n <div class=\"caption\">Wapping S.L. \u00A9 {{year}} </div>\r\n </div>\r\n <div class=\"w-support-footer flex align-items-center justify-content-center\">\r\n <div class=\"body\" style=\"font-weight: bold;\">{{supportLabel}}</div>\r\n <w-icons *ngIf=\"support\" name=\"support\" pTooltip=\"support\" [width]=\"16\" [height]=\"16\"></w-icons>\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}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-footer{padding:6px 60px 12px;padding-top:8px!important;border-top:2px solid #e8eaed;background-color:#f8f9fa;max-height:40px}.w-info-footer{gap:28px}.w-support-footer{gap:12px}\n"] }]
|
|
1315
|
+
args: [{ selector: 'w-footer', template: "\r\n<div class=\"w-footer flex justify-content-between flex-wrap w-full\">\r\n <div class=\"w-info-footer flex align-items-center justify-content-center\">\r\n <w-logos [name]=\"'wappingIsotype'\" [width]=\"16\" [height]=\"20\"></w-logos>\r\n <div class=\"caption\">Wapping Networks S.L. \u00A9 {{year}} </div>\r\n </div>\r\n <div class=\"w-support-footer flex align-items-center justify-content-center\">\r\n <div class=\"body\" style=\"font-weight: bold;\">{{supportLabel}}</div>\r\n <w-icons *ngIf=\"support\" name=\"support\" pTooltip=\"support\" [width]=\"16\" [height]=\"16\"></w-icons>\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}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-footer{padding:6px 60px 12px;padding-top:8px!important;border-top:2px solid #e8eaed;background-color:#f8f9fa;max-height:40px}.w-info-footer{gap:28px}.w-support-footer{gap:12px}\n"] }]
|
|
1316
1316
|
}], propDecorators: { supportLabel: [{
|
|
1317
1317
|
type: Input,
|
|
1318
1318
|
args: ['supportLabel']
|
|
@@ -1552,13 +1552,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
1552
1552
|
class WPanelComponent {
|
|
1553
1553
|
constructor() {
|
|
1554
1554
|
this.activeGrid = true;
|
|
1555
|
+
this.reduced = false;
|
|
1555
1556
|
}
|
|
1556
1557
|
}
|
|
1557
1558
|
WPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1558
|
-
WPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelComponent, selector: "w-panel", inputs: { width: "width", title: "title", activeGrid: "activeGrid" }, ngImport: i0, template: "<div
|
|
1559
|
+
WPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WPanelComponent, selector: "w-panel", inputs: { width: "width", title: "title", activeGrid: "activeGrid", reduced: "reduced" }, 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 <div [ngClass]=\"{'w-panel-content grid' : activeGrid}\">\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}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-panel{padding:28px 32px;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}:host ::ng-deep .w-panel-content .col-1{padding:2px 10px}:host ::ng-deep .w-panel-content .col-2{padding:2px 10px}:host ::ng-deep .w-panel-content .col-3{padding:2px 10px}:host ::ng-deep .w-panel-content .col-4{padding:2px 10px}:host ::ng-deep .w-panel-content .col-5{padding:2px 10px}:host ::ng-deep .w-panel-content .col-6{padding:2px 10px}:host ::ng-deep .w-panel-content .col-7{padding:2px 10px}:host ::ng-deep .w-panel-content .col-8{padding:2px 10px}:host ::ng-deep .w-panel-content .col-9{padding:2px 10px}:host ::ng-deep .w-panel-content .col-10{padding:2px 10px}:host ::ng-deep .w-panel-content .col-11{padding:2px 10px}:host ::ng-deep .w-panel-content .col-12{padding:2px 10px}:host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px;margin-top:-2px}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WPanelTitleComponent, selector: "w-panel-title", inputs: ["title"] }] });
|
|
1559
1560
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WPanelComponent, decorators: [{
|
|
1560
1561
|
type: Component,
|
|
1561
|
-
args: [{ selector: 'w-panel', template: "<div
|
|
1562
|
+
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 <div [ngClass]=\"{'w-panel-content grid' : activeGrid}\">\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}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-panel{padding:28px 32px;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}:host ::ng-deep .w-panel-content .col-1{padding:2px 10px}:host ::ng-deep .w-panel-content .col-2{padding:2px 10px}:host ::ng-deep .w-panel-content .col-3{padding:2px 10px}:host ::ng-deep .w-panel-content .col-4{padding:2px 10px}:host ::ng-deep .w-panel-content .col-5{padding:2px 10px}:host ::ng-deep .w-panel-content .col-6{padding:2px 10px}:host ::ng-deep .w-panel-content .col-7{padding:2px 10px}:host ::ng-deep .w-panel-content .col-8{padding:2px 10px}:host ::ng-deep .w-panel-content .col-9{padding:2px 10px}:host ::ng-deep .w-panel-content .col-10{padding:2px 10px}:host ::ng-deep .w-panel-content .col-11{padding:2px 10px}:host ::ng-deep .w-panel-content .col-12{padding:2px 10px}:host ::ng-deep .w-panel-content.grid{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px;margin-top:-2px}\n"] }]
|
|
1562
1563
|
}], propDecorators: { width: [{
|
|
1563
1564
|
type: Input,
|
|
1564
1565
|
args: ['width']
|
|
@@ -1568,6 +1569,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
1568
1569
|
}], activeGrid: [{
|
|
1569
1570
|
type: Input,
|
|
1570
1571
|
args: ['activeGrid']
|
|
1572
|
+
}], reduced: [{
|
|
1573
|
+
type: Input,
|
|
1574
|
+
args: ['reduced']
|
|
1571
1575
|
}] } });
|
|
1572
1576
|
|
|
1573
1577
|
class WBodyContainerComponent {
|
|
@@ -1725,24 +1729,18 @@ class WInputSearchComponent {
|
|
|
1725
1729
|
this.placeholder = "";
|
|
1726
1730
|
this.isRequired = false;
|
|
1727
1731
|
this.isDisabled = false;
|
|
1728
|
-
this.hasButton = true;
|
|
1729
|
-
this.disabledButton = false;
|
|
1730
|
-
this.inputIcon = '';
|
|
1731
1732
|
this.size = "medium";
|
|
1732
|
-
this.
|
|
1733
|
+
this.items = [
|
|
1734
|
+
{ "name": "Afghanistan", "code": "AF" },
|
|
1735
|
+
{ "name": "México", "code": "MX" },
|
|
1736
|
+
{ "name": "Turquía", "code": "TQ" },
|
|
1737
|
+
{ "name": "Estados unidos", "code": "EU" },
|
|
1738
|
+
];
|
|
1733
1739
|
this.suggestions = [];
|
|
1734
1740
|
this.isTouched = false;
|
|
1735
1741
|
this.onChange = (_) => { };
|
|
1736
1742
|
this.onTouch = () => { };
|
|
1737
1743
|
}
|
|
1738
|
-
onInputData() {
|
|
1739
|
-
if (this.formControl) {
|
|
1740
|
-
this.getInputData.emit(this.formControl.value);
|
|
1741
|
-
}
|
|
1742
|
-
else {
|
|
1743
|
-
this.getInputData.emit(this.value);
|
|
1744
|
-
}
|
|
1745
|
-
}
|
|
1746
1744
|
writeValue(value) {
|
|
1747
1745
|
this.value = value;
|
|
1748
1746
|
}
|
|
@@ -1765,6 +1763,17 @@ class WInputSearchComponent {
|
|
|
1765
1763
|
this.onChange(this.value);
|
|
1766
1764
|
this.onTouch();
|
|
1767
1765
|
}
|
|
1766
|
+
search(event) {
|
|
1767
|
+
let filtered = [];
|
|
1768
|
+
let query = event.query;
|
|
1769
|
+
for (let i = 0; i < this.items.length; i++) {
|
|
1770
|
+
let item = this.items[i];
|
|
1771
|
+
if (item.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
|
|
1772
|
+
filtered.push(item);
|
|
1773
|
+
}
|
|
1774
|
+
}
|
|
1775
|
+
this.suggestions = filtered;
|
|
1776
|
+
}
|
|
1768
1777
|
getSizeName(value) {
|
|
1769
1778
|
return SizeType[value];
|
|
1770
1779
|
}
|
|
@@ -1773,13 +1782,13 @@ class WInputSearchComponent {
|
|
|
1773
1782
|
}
|
|
1774
1783
|
}
|
|
1775
1784
|
WInputSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WInputSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1776
|
-
WInputSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WInputSearchComponent, selector: "w-input-search", inputs: { label: "label", placeholder: "placeholder", isRequired: "isRequired", isDisabled: "isDisabled",
|
|
1785
|
+
WInputSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WInputSearchComponent, selector: "w-input-search", inputs: { label: "label", placeholder: "placeholder", isRequired: "isRequired", isDisabled: "isDisabled", size: "size", items: "items", formControl: "formControl" }, providers: [
|
|
1777
1786
|
{
|
|
1778
1787
|
provide: NG_VALUE_ACCESSOR,
|
|
1779
1788
|
useExisting: forwardRef(() => WInputSearchComponent),
|
|
1780
1789
|
multi: true
|
|
1781
1790
|
}
|
|
1782
|
-
], ngImport: i0, template: "<div *ngIf=\"formControl != null; else noNgControl\" class=\"p-fluid field\">\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size; else inputSmall\" class=\"w-input-search\">\r\n <div *ngIf=\"hasButton; else withoutButton\">\r\n <div class=\"w-input-search p-inputgroup\">\r\n <button (click)=\"onInputData()\" type=\"button\" \r\n pButton icon=\"pi {{inputIcon}}\"\r\n [disabled]=\"disabledButton\"></button>\r\n <input type=\"text\" pInputText [formControl]=\"formControl\"\r\n (keydown.enter)='onInputData()'\r\n class=\"w-input-search-text\"\r\n [placeholder]=\"placeholder\"/>\r\n </div>\r\n </div>\r\n <ng-template #withoutButton>\r\n <div class=\"p-fluid field\">\r\n <span class=\"p-input-icon-left\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"pi {{inputIcon}}\"></i>\r\n <input pInputText\r\n (keydown.enter)='onInputData()'\r\n class=\"w-input-search-text-wo-button flex flex-1 col-12\"\r\n [placeholder]=\"placeholder\"\r\n [formControl]=\"formControl\">\r\n </span>\r\n </div>\r\n </ng-template>\r\n </div>\r\n <ng-template #inputSmall>\r\n <div *ngIf=\"hasButton; else withoutButton\">\r\n <div class=\"w-input-search-small p-inputgroup\">\r\n <button (click)=\"onInputData()\" type=\"button\" \r\n pButton icon=\"pi {{inputIcon}}\"\r\n [disabled]=\"disabledButton\"></button>\r\n <input type=\"text\" pInputText \r\n (keydown.enter)='onInputData()'\r\n [formControl]=\"formControl\"\r\n class=\"w-input-search-text\"\r\n [placeholder]=\"placeholder\"/>\r\n </div>\r\n </div>\r\n <ng-template #withoutButton>\r\n <div class=\"w-input-search-small p-fluid field\">\r\n <span class=\"p-input-icon-left\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"pi {{inputIcon}}\"></i>\r\n <input pInputText\r\n (keydown.enter)='onInputData()'\r\n class=\"flex flex-1 col-12 w-input-search-text-wo-button\"\r\n [placeholder]=\"placeholder\"\r\n [formControl]=\"formControl\">\r\n </span>\r\n </div>\r\n </ng-template>\r\n </ng-template>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size; else inputSmall\" >\r\n <div *ngIf=\"hasButton; else withoutButton\">\r\n <div class=\"w-input-search p-inputgroup\">\r\n <button (click)=\"onInputData()\" type=\"button\" \r\n pButton icon=\"pi {{inputIcon}}\"\r\n [disabled]=\"disabledButton\"></button>\r\n <input type=\"text\" pInputText \r\n (keydown.enter)='onInputData()'\r\n class=\"w-input-search-text\"\r\n [(ngModel)]=\"value\"\r\n (input)=\"onValueChanged()\"\r\n [disabled]=\"isDisabled\"\r\n [placeholder]=\"placeholder\"/>\r\n </div>\r\n </div>\r\n <ng-template #withoutButton>\r\n <div class=\"w-input-search p-fluid field\">\r\n <span class=\"p-input-icon-left\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"pi {{inputIcon}}\"></i>\r\n <input pInputText\r\n (keydown.enter)='onInputData()'\r\n class=\"flex flex-1 col-12 w-input-search-text-wo-button\"\r\n [placeholder]=\"placeholder\"\r\n [(ngModel)]=\"value\"\r\n (input)=\"onValueChanged()\"\r\n [disabled]=\"isDisabled\">\r\n </span>\r\n </div>\r\n </ng-template>\r\n </div>\r\n <ng-template #inputSmall>\r\n <div *ngIf=\"hasButton; else withoutButton\">\r\n <div class=\"w-input-search-small p-inputgroup\">\r\n <button (click)=\"onInputData()\" type=\"button\" \r\n pButton icon=\"pi {{inputIcon}}\"\r\n [disabled]=\"disabledButton\"></button>\r\n <input type=\"text\" pInputText \r\n (keydown.enter)='onInputData()'\r\n [(ngModel)]=\"value\"\r\n (input)=\"onValueChanged()\"\r\n class=\"w-input-search-text\"\r\n [disabled]=\"isDisabled\"\r\n [placeholder]=\"placeholder\"/>\r\n </div>\r\n </div>\r\n <ng-template #withoutButton>\r\n <div class=\"w-input-search-small p-fluid field\">\r\n <span class=\"p-input-icon-left\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"pi {{inputIcon}}\"></i>\r\n <input pInputText\r\n (keydown.enter)='onInputData()'\r\n class=\"flex flex-1 col-12 w-input-search-text-wo-button\"\r\n [placeholder]=\"placeholder\"\r\n [(ngModel)]=\"value\"\r\n (input)=\"onValueChanged()\"\r\n [disabled]=\"isDisabled\">\r\n </span>\r\n </div>\r\n </ng-template>\r\n </ng-template>\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,.w-input-search-small .w-input-search-text:-moz-placeholder,.w-input-search-small .w-input-search-text:-ms-input-placeholder,.w-input-search-small .w-input-search-text::-moz-placeholder,.w-input-search-small .w-input-search-text::-webkit-input-placeholder,.input-generic-small,.w-input-search-small .w-input-search-text-wo-button,.w-input-search-small .w-input-search-text{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;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,.w-input-search-small .w-input-search-text-wo-button:hover,.w-input-search-small .w-input-search-text:hover,.w-input-search .w-input-search-text-wo-button:hover,.w-input-search .w-input-search-text:hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,.w-input-search .w-input-search-text:-moz-placeholder,.w-input-search .w-input-search-text:-ms-input-placeholder,.w-input-search .w-input-search-text::-moz-placeholder,.w-input-search .w-input-search-text::-webkit-input-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic,.w-input-search .w-input-search-text-wo-button,.w-input-search .w-input-search-text{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small,.w-input-search-small .w-input-search-text:-moz-placeholder,.w-input-search-small .w-input-search-text:-ms-input-placeholder,.w-input-search-small .w-input-search-text::-moz-placeholder,.w-input-search-small .w-input-search-text::-webkit-input-placeholder{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-input-search{height:40px}.w-input-search .w-input-search-text{border-radius:0 8px 8px 0;border-width:2px;padding-left:16px!important;border:2px solid #e8eaed}.w-input-search .w-input-search-text:hover{border-radius:0 8px 8px 0}.w-input-search .w-input-search-text:focus{border-radius:0 8px 8px 0;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:16px}.w-input-search .w-input-search-text-wo-button{border-radius:8px;border-width:2px;height:40px;border:2px solid #e8eaed}.w-input-search .w-input-search-text-wo-button:focus{border-radius:8px;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important}.w-input-search .w-input-search-text:focus::-webkit-input-placeholder{color:transparent}.w-input-search .w-input-search-text:focus::-moz-placeholder{color:transparent}.w-input-search .w-input-search-text:focus:-ms-input-placeholder{color:transparent}.w-input-search .w-input-search-text:focus:-moz-placeholder{color:transparent}.w-input-search-small{height:32px!important}.w-input-search-small .w-input-search-text{border-radius:0 8px 8px 0;border-width:2px;padding-left:12px!important;border:2px solid #e8eaed}.w-input-search-small .w-input-search-text:hover{border-radius:0 8px 8px 0}.w-input-search-small .w-input-search-text:focus{border-radius:0 8px 8px 0;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:12px}.w-input-search-small .w-input-search-text-wo-button{border-radius:8px;border-width:2px;border:2px solid #e8eaed;height:32px!important}.w-input-search-small .w-input-search-text-wo-button:focus{border-radius:8px;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important}\n"], dependencies: [{ kind: "directive", type: i2.InputText, selector: "[pInputText]" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }] });
|
|
1791
|
+
], ngImport: i0, template: "<div *ngIf=\"formControl != null; else noNgControl\">\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size; else inputSmall\">\r\n <span class=\"p-input-icon-left w-container w-full\">\r\n <i class=\"pi pi-search\"></i>\r\n <p-autoComplete\r\n [style]=\"{'width':'100%'}\"\r\n [inputStyle]=\"{'width':'100%'}\"\r\n class=\"w-autocomplete\"\r\n [suggestions]=\"suggestions\"\r\n (completeMethod)=\"search($event)\"\r\n [formControl]=\"formControl\"\r\n [placeholder]=\"placeholder\"\r\n field=\"name\">\r\n <ng-template let-item pTemplate=\"item\">\r\n <div class=\"flex align-items-center gap-2\">\r\n <i class=\"pi pi-search\"></i>\r\n <div class=\"item-content\">{{item.name}}</div>\r\n </div>\r\n </ng-template>\r\n </p-autoComplete>\r\n </span>\r\n </div>\r\n <ng-template #inputSmall>\r\n <span class=\"p-input-icon-left w-container-small w-full\">\r\n <i class=\"pi pi-search\"></i>\r\n <p-autoComplete\r\n [style]=\"{'width':'100%'}\"\r\n [inputStyle]=\"{'width':'100%'}\"\r\n class=\"w-autocomplete-small\"\r\n [suggestions]=\"suggestions\"\r\n (completeMethod)=\"search($event)\"\r\n [formControl]=\"formControl\"\r\n [placeholder]=\"placeholder\"\r\n field=\"name\">\r\n <ng-template let-item pTemplate=\"item\">\r\n <div class=\"flex align-items-center gap-2\">\r\n <i class=\"pi pi-search\"></i>\r\n <div class=\"item-content-small\">{{item.name}}</div>\r\n </div>\r\n </ng-template>\r\n </p-autoComplete>\r\n </span>\r\n </ng-template>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size; else inputSmall\">\r\n <span class=\"p-input-icon-left w-container w-full\">\r\n <i class=\"pi pi-search\"></i>\r\n <p-autoComplete\r\n [style]=\"{'width':'100%'}\"\r\n [inputStyle]=\"{'width':'100%'}\"\r\n class=\"w-autocomplete\"\r\n [suggestions]=\"suggestions\"\r\n (completeMethod)=\"search($event)\"\r\n [placeholder]=\"placeholder\"\r\n [(ngModel)]=\"value\" \r\n (ngModelChange)=\"onValueChanged()\" \r\n [disabled]=\"isDisabled\"\r\n field=\"name\">\r\n <ng-template let-item pTemplate=\"item\">\r\n <div class=\"flex align-items-center gap-2\">\r\n <i class=\"pi pi-search\"></i>\r\n <div class=\"item-content\">{{item.name}}</div>\r\n </div>\r\n </ng-template>\r\n </p-autoComplete>\r\n </span>\r\n </div>\r\n <ng-template #inputSmall>\r\n <span class=\"p-input-icon-left w-container-small w-full\">\r\n <i class=\"pi pi-search\"></i>\r\n <p-autoComplete\r\n [style]=\"{'width':'100%'}\"\r\n [inputStyle]=\"{'width':'100%'}\"\r\n class=\"w-autocomplete-small\"\r\n [suggestions]=\"suggestions\"\r\n [(ngModel)]=\"value\" \r\n (input)=\"onValueChanged()\" \r\n [disabled]=\"isDisabled\"\r\n (completeMethod)=\"search($event)\"\r\n [placeholder]=\"placeholder\"\r\n field=\"name\">\r\n <ng-template let-item pTemplate=\"item\">\r\n <div class=\"flex align-items-center gap-2\">\r\n <i class=\"pi pi-search\"></i>\r\n <div class=\"item-content-small\">{{item.name}}</div>\r\n </div>\r\n </ng-template>\r\n </p-autoComplete>\r\n </span>\r\n </ng-template>\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,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder,.input-generic-small,:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;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,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input:hover,:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input:hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input::-moz-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic,:host ::ng-deep .w-autocomplete .p-autocomplete-panel,:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input{height:40px;padding-left:38px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:40px!important}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input::-moz-placeholder{color:#bdc1c6}.w-container>i:last-of-type{color:#bdc1c6;left:16px!important;z-index:1}:host ::ng-deep .w-autocomplete .p-autocomplete-panel{margin-top:4px;padding:8px 8px 16px;border-radius:8px}:host ::ng-deep .w-autocomplete .p-autocomplete-panel i:last-of-type{left:16px}:host ::ng-deep .w-autocomplete .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .w-autocomplete .p-autocomplete-panel .p-autocomplete-item{border-radius:8px;height:40px;padding-bottom:8px;padding-top:8px;padding-left:16px}:host ::ng-deep .w-autocomplete .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#d6f2ff}:host ::ng-deep .w-autocomplete .p-autocomplete-panel .p-autocomplete-item .item-content{padding-left:8px}:host ::ng-deep .p-element .p-overlay{width:100%}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input{height:32px;padding-left:32px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:34px!important}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder{color:#bdc1c6}.w-container-small>i:last-of-type{color:#bdc1c6;left:12px!important;z-index:1}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel{margin-top:4px;padding:8px 8px 12px;border-radius:8px}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel i:last-of-type{left:8px}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel .p-autocomplete-item{border-radius:8px;height:28px;padding-bottom:8px;padding-top:8px;padding-left:16px}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#d6f2ff}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel .p-autocomplete-item .item-content{padding-left:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$1.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] });
|
|
1783
1792
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WInputSearchComponent, decorators: [{
|
|
1784
1793
|
type: Component,
|
|
1785
1794
|
args: [{ selector: 'w-input-search', providers: [
|
|
@@ -1788,7 +1797,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
1788
1797
|
useExisting: forwardRef(() => WInputSearchComponent),
|
|
1789
1798
|
multi: true
|
|
1790
1799
|
}
|
|
1791
|
-
], template: "<div *ngIf=\"formControl != null; else noNgControl\" class=\"p-fluid field\">\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size; else inputSmall\" class=\"w-input-search\">\r\n <div *ngIf=\"hasButton; else withoutButton\">\r\n <div class=\"w-input-search p-inputgroup\">\r\n <button (click)=\"onInputData()\" type=\"button\" \r\n pButton icon=\"pi {{inputIcon}}\"\r\n [disabled]=\"disabledButton\"></button>\r\n <input type=\"text\" pInputText [formControl]=\"formControl\"\r\n (keydown.enter)='onInputData()'\r\n class=\"w-input-search-text\"\r\n [placeholder]=\"placeholder\"/>\r\n </div>\r\n </div>\r\n <ng-template #withoutButton>\r\n <div class=\"p-fluid field\">\r\n <span class=\"p-input-icon-left\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"pi {{inputIcon}}\"></i>\r\n <input pInputText\r\n (keydown.enter)='onInputData()'\r\n class=\"w-input-search-text-wo-button flex flex-1 col-12\"\r\n [placeholder]=\"placeholder\"\r\n [formControl]=\"formControl\">\r\n </span>\r\n </div>\r\n </ng-template>\r\n </div>\r\n <ng-template #inputSmall>\r\n <div *ngIf=\"hasButton; else withoutButton\">\r\n <div class=\"w-input-search-small p-inputgroup\">\r\n <button (click)=\"onInputData()\" type=\"button\" \r\n pButton icon=\"pi {{inputIcon}}\"\r\n [disabled]=\"disabledButton\"></button>\r\n <input type=\"text\" pInputText \r\n (keydown.enter)='onInputData()'\r\n [formControl]=\"formControl\"\r\n class=\"w-input-search-text\"\r\n [placeholder]=\"placeholder\"/>\r\n </div>\r\n </div>\r\n <ng-template #withoutButton>\r\n <div class=\"w-input-search-small p-fluid field\">\r\n <span class=\"p-input-icon-left\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"pi {{inputIcon}}\"></i>\r\n <input pInputText\r\n (keydown.enter)='onInputData()'\r\n class=\"flex flex-1 col-12 w-input-search-text-wo-button\"\r\n [placeholder]=\"placeholder\"\r\n [formControl]=\"formControl\">\r\n </span>\r\n </div>\r\n </ng-template>\r\n </ng-template>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size; else inputSmall\" >\r\n <div *ngIf=\"hasButton; else withoutButton\">\r\n <div class=\"w-input-search p-inputgroup\">\r\n <button (click)=\"onInputData()\" type=\"button\" \r\n pButton icon=\"pi {{inputIcon}}\"\r\n [disabled]=\"disabledButton\"></button>\r\n <input type=\"text\" pInputText \r\n (keydown.enter)='onInputData()'\r\n class=\"w-input-search-text\"\r\n [(ngModel)]=\"value\"\r\n (input)=\"onValueChanged()\"\r\n [disabled]=\"isDisabled\"\r\n [placeholder]=\"placeholder\"/>\r\n </div>\r\n </div>\r\n <ng-template #withoutButton>\r\n <div class=\"w-input-search p-fluid field\">\r\n <span class=\"p-input-icon-left\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"pi {{inputIcon}}\"></i>\r\n <input pInputText\r\n (keydown.enter)='onInputData()'\r\n class=\"flex flex-1 col-12 w-input-search-text-wo-button\"\r\n [placeholder]=\"placeholder\"\r\n [(ngModel)]=\"value\"\r\n (input)=\"onValueChanged()\"\r\n [disabled]=\"isDisabled\">\r\n </span>\r\n </div>\r\n </ng-template>\r\n </div>\r\n <ng-template #inputSmall>\r\n <div *ngIf=\"hasButton; else withoutButton\">\r\n <div class=\"w-input-search-small p-inputgroup\">\r\n <button (click)=\"onInputData()\" type=\"button\" \r\n pButton icon=\"pi {{inputIcon}}\"\r\n [disabled]=\"disabledButton\"></button>\r\n <input type=\"text\" pInputText \r\n (keydown.enter)='onInputData()'\r\n [(ngModel)]=\"value\"\r\n (input)=\"onValueChanged()\"\r\n class=\"w-input-search-text\"\r\n [disabled]=\"isDisabled\"\r\n [placeholder]=\"placeholder\"/>\r\n </div>\r\n </div>\r\n <ng-template #withoutButton>\r\n <div class=\"w-input-search-small p-fluid field\">\r\n <span class=\"p-input-icon-left\">\r\n <i *ngIf=\"inputIcon != ''\" class=\"pi {{inputIcon}}\"></i>\r\n <input pInputText\r\n (keydown.enter)='onInputData()'\r\n class=\"flex flex-1 col-12 w-input-search-text-wo-button\"\r\n [placeholder]=\"placeholder\"\r\n [(ngModel)]=\"value\"\r\n (input)=\"onValueChanged()\"\r\n [disabled]=\"isDisabled\">\r\n </span>\r\n </div>\r\n </ng-template>\r\n </ng-template>\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,.w-input-search-small .w-input-search-text:-moz-placeholder,.w-input-search-small .w-input-search-text:-ms-input-placeholder,.w-input-search-small .w-input-search-text::-moz-placeholder,.w-input-search-small .w-input-search-text::-webkit-input-placeholder,.input-generic-small,.w-input-search-small .w-input-search-text-wo-button,.w-input-search-small .w-input-search-text{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;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,.w-input-search-small .w-input-search-text-wo-button:hover,.w-input-search-small .w-input-search-text:hover,.w-input-search .w-input-search-text-wo-button:hover,.w-input-search .w-input-search-text:hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,.w-input-search .w-input-search-text:-moz-placeholder,.w-input-search .w-input-search-text:-ms-input-placeholder,.w-input-search .w-input-search-text::-moz-placeholder,.w-input-search .w-input-search-text::-webkit-input-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic,.w-input-search .w-input-search-text-wo-button,.w-input-search .w-input-search-text{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small,.w-input-search-small .w-input-search-text:-moz-placeholder,.w-input-search-small .w-input-search-text:-ms-input-placeholder,.w-input-search-small .w-input-search-text::-moz-placeholder,.w-input-search-small .w-input-search-text::-webkit-input-placeholder{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-input-search{height:40px}.w-input-search .w-input-search-text{border-radius:0 8px 8px 0;border-width:2px;padding-left:16px!important;border:2px solid #e8eaed}.w-input-search .w-input-search-text:hover{border-radius:0 8px 8px 0}.w-input-search .w-input-search-text:focus{border-radius:0 8px 8px 0;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:16px}.w-input-search .w-input-search-text-wo-button{border-radius:8px;border-width:2px;height:40px;border:2px solid #e8eaed}.w-input-search .w-input-search-text-wo-button:focus{border-radius:8px;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important}.w-input-search .w-input-search-text:focus::-webkit-input-placeholder{color:transparent}.w-input-search .w-input-search-text:focus::-moz-placeholder{color:transparent}.w-input-search .w-input-search-text:focus:-ms-input-placeholder{color:transparent}.w-input-search .w-input-search-text:focus:-moz-placeholder{color:transparent}.w-input-search-small{height:32px!important}.w-input-search-small .w-input-search-text{border-radius:0 8px 8px 0;border-width:2px;padding-left:12px!important;border:2px solid #e8eaed}.w-input-search-small .w-input-search-text:hover{border-radius:0 8px 8px 0}.w-input-search-small .w-input-search-text:focus{border-radius:0 8px 8px 0;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:12px}.w-input-search-small .w-input-search-text-wo-button{border-radius:8px;border-width:2px;border:2px solid #e8eaed;height:32px!important}.w-input-search-small .w-input-search-text-wo-button:focus{border-radius:8px;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important}\n"] }]
|
|
1800
|
+
], template: "<div *ngIf=\"formControl != null; else noNgControl\">\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size; else inputSmall\">\r\n <span class=\"p-input-icon-left w-container w-full\">\r\n <i class=\"pi pi-search\"></i>\r\n <p-autoComplete\r\n [style]=\"{'width':'100%'}\"\r\n [inputStyle]=\"{'width':'100%'}\"\r\n class=\"w-autocomplete\"\r\n [suggestions]=\"suggestions\"\r\n (completeMethod)=\"search($event)\"\r\n [formControl]=\"formControl\"\r\n [placeholder]=\"placeholder\"\r\n field=\"name\">\r\n <ng-template let-item pTemplate=\"item\">\r\n <div class=\"flex align-items-center gap-2\">\r\n <i class=\"pi pi-search\"></i>\r\n <div class=\"item-content\">{{item.name}}</div>\r\n </div>\r\n </ng-template>\r\n </p-autoComplete>\r\n </span>\r\n </div>\r\n <ng-template #inputSmall>\r\n <span class=\"p-input-icon-left w-container-small w-full\">\r\n <i class=\"pi pi-search\"></i>\r\n <p-autoComplete\r\n [style]=\"{'width':'100%'}\"\r\n [inputStyle]=\"{'width':'100%'}\"\r\n class=\"w-autocomplete-small\"\r\n [suggestions]=\"suggestions\"\r\n (completeMethod)=\"search($event)\"\r\n [formControl]=\"formControl\"\r\n [placeholder]=\"placeholder\"\r\n field=\"name\">\r\n <ng-template let-item pTemplate=\"item\">\r\n <div class=\"flex align-items-center gap-2\">\r\n <i class=\"pi pi-search\"></i>\r\n <div class=\"item-content-small\">{{item.name}}</div>\r\n </div>\r\n </ng-template>\r\n </p-autoComplete>\r\n </span>\r\n </ng-template>\r\n</div>\r\n<ng-template #noNgControl>\r\n <div *ngIf=\"getSizeName(sizeType.medium) == size; else inputSmall\">\r\n <span class=\"p-input-icon-left w-container w-full\">\r\n <i class=\"pi pi-search\"></i>\r\n <p-autoComplete\r\n [style]=\"{'width':'100%'}\"\r\n [inputStyle]=\"{'width':'100%'}\"\r\n class=\"w-autocomplete\"\r\n [suggestions]=\"suggestions\"\r\n (completeMethod)=\"search($event)\"\r\n [placeholder]=\"placeholder\"\r\n [(ngModel)]=\"value\" \r\n (ngModelChange)=\"onValueChanged()\" \r\n [disabled]=\"isDisabled\"\r\n field=\"name\">\r\n <ng-template let-item pTemplate=\"item\">\r\n <div class=\"flex align-items-center gap-2\">\r\n <i class=\"pi pi-search\"></i>\r\n <div class=\"item-content\">{{item.name}}</div>\r\n </div>\r\n </ng-template>\r\n </p-autoComplete>\r\n </span>\r\n </div>\r\n <ng-template #inputSmall>\r\n <span class=\"p-input-icon-left w-container-small w-full\">\r\n <i class=\"pi pi-search\"></i>\r\n <p-autoComplete\r\n [style]=\"{'width':'100%'}\"\r\n [inputStyle]=\"{'width':'100%'}\"\r\n class=\"w-autocomplete-small\"\r\n [suggestions]=\"suggestions\"\r\n [(ngModel)]=\"value\" \r\n (input)=\"onValueChanged()\" \r\n [disabled]=\"isDisabled\"\r\n (completeMethod)=\"search($event)\"\r\n [placeholder]=\"placeholder\"\r\n field=\"name\">\r\n <ng-template let-item pTemplate=\"item\">\r\n <div class=\"flex align-items-center gap-2\">\r\n <i class=\"pi pi-search\"></i>\r\n <div class=\"item-content-small\">{{item.name}}</div>\r\n </div>\r\n </ng-template>\r\n </p-autoComplete>\r\n </span>\r\n </ng-template>\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,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder,.input-generic-small,:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;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,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input:hover,:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input:hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input::-moz-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic,:host ::ng-deep .w-autocomplete .p-autocomplete-panel,:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input{height:40px;padding-left:38px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:40px!important}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input::-moz-placeholder{color:#bdc1c6}.w-container>i:last-of-type{color:#bdc1c6;left:16px!important;z-index:1}:host ::ng-deep .w-autocomplete .p-autocomplete-panel{margin-top:4px;padding:8px 8px 16px;border-radius:8px}:host ::ng-deep .w-autocomplete .p-autocomplete-panel i:last-of-type{left:16px}:host ::ng-deep .w-autocomplete .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .w-autocomplete .p-autocomplete-panel .p-autocomplete-item{border-radius:8px;height:40px;padding-bottom:8px;padding-top:8px;padding-left:16px}:host ::ng-deep .w-autocomplete .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#d6f2ff}:host ::ng-deep .w-autocomplete .p-autocomplete-panel .p-autocomplete-item .item-content{padding-left:8px}:host ::ng-deep .p-element .p-overlay{width:100%}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input{height:32px;padding-left:32px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:34px!important}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder{color:#bdc1c6}.w-container-small>i:last-of-type{color:#bdc1c6;left:12px!important;z-index:1}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel{margin-top:4px;padding:8px 8px 12px;border-radius:8px}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel i:last-of-type{left:8px}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel .p-autocomplete-item{border-radius:8px;height:28px;padding-bottom:8px;padding-top:8px;padding-left:16px}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#d6f2ff}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel .p-autocomplete-item .item-content{padding-left:8px}\n"] }]
|
|
1792
1801
|
}], propDecorators: { label: [{
|
|
1793
1802
|
type: Input,
|
|
1794
1803
|
args: ['label']
|
|
@@ -1801,24 +1810,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
1801
1810
|
}], isDisabled: [{
|
|
1802
1811
|
type: Input,
|
|
1803
1812
|
args: ['isDisabled']
|
|
1804
|
-
}], hasButton: [{
|
|
1805
|
-
type: Input,
|
|
1806
|
-
args: ['hasButton']
|
|
1807
|
-
}], disabledButton: [{
|
|
1808
|
-
type: Input,
|
|
1809
|
-
args: ['disabledButton']
|
|
1810
|
-
}], inputIcon: [{
|
|
1811
|
-
type: Input,
|
|
1812
|
-
args: ['inputIcon']
|
|
1813
1813
|
}], size: [{
|
|
1814
1814
|
type: Input,
|
|
1815
1815
|
args: ['size']
|
|
1816
|
+
}], items: [{
|
|
1817
|
+
type: Input,
|
|
1818
|
+
args: ['items']
|
|
1816
1819
|
}], formControl: [{
|
|
1817
1820
|
type: Input,
|
|
1818
1821
|
args: ['formControl']
|
|
1819
|
-
}], getInputData: [{
|
|
1820
|
-
type: Output,
|
|
1821
|
-
args: ['getInputData']
|
|
1822
1822
|
}] } });
|
|
1823
1823
|
|
|
1824
1824
|
var QueryResultType;
|
|
@@ -2440,7 +2440,8 @@ class WImageCropperComponent {
|
|
|
2440
2440
|
this.maxFileSize = this.dynamicDialogConfig.data.dataModal.maxFileSize;
|
|
2441
2441
|
this.translationsImageCropper = this.dynamicDialogConfig.data.translations;
|
|
2442
2442
|
this.blob = this.dynamicDialogConfig.data.blob;
|
|
2443
|
-
this.
|
|
2443
|
+
if (this.blob)
|
|
2444
|
+
this.setCroppeImageFileObject();
|
|
2444
2445
|
}
|
|
2445
2446
|
}
|
|
2446
2447
|
myUploader(event) {
|
|
@@ -2591,7 +2592,7 @@ class WImageCropperComponent {
|
|
|
2591
2592
|
this.translateV = 0;
|
|
2592
2593
|
}
|
|
2593
2594
|
imageCroppedToBase64(imageData, imageName) {
|
|
2594
|
-
const base64Parts = imageData
|
|
2595
|
+
const base64Parts = imageData?.split(',');
|
|
2595
2596
|
if (base64Parts.length === 2) {
|
|
2596
2597
|
const base64Content = base64Parts[1];
|
|
2597
2598
|
return base64Content;
|
|
@@ -3207,6 +3208,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
3207
3208
|
|
|
3208
3209
|
class WSidebarComponent {
|
|
3209
3210
|
constructor() {
|
|
3211
|
+
this.styleClass = "w-full md:w-6 lg:w-5 xl:w-5";
|
|
3210
3212
|
this.visibleChange = new EventEmitter();
|
|
3211
3213
|
this._visible = false;
|
|
3212
3214
|
}
|
|
@@ -3225,13 +3227,16 @@ class WSidebarComponent {
|
|
|
3225
3227
|
}
|
|
3226
3228
|
}
|
|
3227
3229
|
WSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3228
|
-
WSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSidebarComponent, selector: "w-sidebar", inputs: { headerTitle: "headerTitle", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" styleClass=\"
|
|
3230
|
+
WSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WSidebarComponent, selector: "w-sidebar", inputs: { headerTitle: "headerTitle", styleClass: "styleClass", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, ngImport: i0, template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" [styleClass]=\"styleClass\" class=\"wapp-sidebar\">\r\n <ng-template pTemplate=\"header\"><span class=\"subtitle2\">{{headerTitle}}</span></ng-template>\r\n \r\n <ng-template pTemplate=\"content\">\r\n <ng-content></ng-content>\r\n </ng-template>\r\n\r\n <ng-template pTemplate=\"footer\"></ng-template>\r\n</p-sidebar>", 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}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}:host ::ng-deep .wapp-sidebar .p-sidebar-content{padding:0 20px}:host ::ng-deep .p-sidebar-footer{padding:40px!important}\n"], dependencies: [{ kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2$3.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }] });
|
|
3229
3231
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WSidebarComponent, decorators: [{
|
|
3230
3232
|
type: Component,
|
|
3231
|
-
args: [{ selector: 'w-sidebar', template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" styleClass=\"
|
|
3233
|
+
args: [{ selector: 'w-sidebar', template: "<p-sidebar [(visible)]=\"visible\" position=\"right\" [modal]=\"true\" [blockScroll]=\"true\" [styleClass]=\"styleClass\" class=\"wapp-sidebar\">\r\n <ng-template pTemplate=\"header\"><span class=\"subtitle2\">{{headerTitle}}</span></ng-template>\r\n \r\n <ng-template pTemplate=\"content\">\r\n <ng-content></ng-content>\r\n </ng-template>\r\n\r\n <ng-template pTemplate=\"footer\"></ng-template>\r\n</p-sidebar>", 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}.icon-small-size{font-size:8px}.icon-small-x-size{font-size:12px}.icon-medium-size{font-size:16px}.icon-large-size{font-size:24px}.spacingXXS{padding:4px}.spacingXSM{padding:6px}.spacingXS{padding:8px}.spacingS{padding:12px}.spacingM{padding:16px}.spacingL{padding:20px}.spacingXL{padding:24px}.spacingXXL{padding:28px}.spacingXXXL{padding:32px}.focus{box-shadow:0 0 8px #00a6e980}.hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}:host ::ng-deep .wapp-sidebar .p-sidebar-content{padding:0 20px}:host ::ng-deep .p-sidebar-footer{padding:40px!important}\n"] }]
|
|
3232
3234
|
}], ctorParameters: function () { return []; }, propDecorators: { headerTitle: [{
|
|
3233
3235
|
type: Input,
|
|
3234
3236
|
args: ['headerTitle']
|
|
3237
|
+
}], styleClass: [{
|
|
3238
|
+
type: Input,
|
|
3239
|
+
args: ['styleClass']
|
|
3235
3240
|
}], visibleChange: [{
|
|
3236
3241
|
type: Output
|
|
3237
3242
|
}], visible: [{
|
|
@@ -3461,104 +3466,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
3461
3466
|
args: ['toggleState']
|
|
3462
3467
|
}] } });
|
|
3463
3468
|
|
|
3464
|
-
class WAutocompleteSearchComponent {
|
|
3465
|
-
constructor() {
|
|
3466
|
-
this.label = "Default Label";
|
|
3467
|
-
this.placeholder = "";
|
|
3468
|
-
this.isRequired = false;
|
|
3469
|
-
this.isDisabled = false;
|
|
3470
|
-
this.size = "medium";
|
|
3471
|
-
this.items = [
|
|
3472
|
-
{ "name": "Afghanistan", "code": "AF" },
|
|
3473
|
-
{ "name": "México", "code": "MX" },
|
|
3474
|
-
{ "name": "Turquía", "code": "TQ" },
|
|
3475
|
-
{ "name": "Estados unidos", "code": "EU" },
|
|
3476
|
-
];
|
|
3477
|
-
this.suggestions = [];
|
|
3478
|
-
this.isTouched = false;
|
|
3479
|
-
this.onChange = (_) => { };
|
|
3480
|
-
this.onTouch = () => { };
|
|
3481
|
-
}
|
|
3482
|
-
writeValue(value) {
|
|
3483
|
-
this.value = value;
|
|
3484
|
-
}
|
|
3485
|
-
registerOnChange(onChange) {
|
|
3486
|
-
this.onChange = onChange;
|
|
3487
|
-
}
|
|
3488
|
-
registerOnTouched(onTouch) {
|
|
3489
|
-
this.onTouch = onTouch;
|
|
3490
|
-
}
|
|
3491
|
-
setDisabledState(isDisabled) {
|
|
3492
|
-
this.isDisabled = isDisabled;
|
|
3493
|
-
}
|
|
3494
|
-
onValueChanged() {
|
|
3495
|
-
this.onChange(this.value);
|
|
3496
|
-
this.onTouch();
|
|
3497
|
-
}
|
|
3498
|
-
onInputBlur(event) {
|
|
3499
|
-
const newValue = event.target.value;
|
|
3500
|
-
this.value = newValue;
|
|
3501
|
-
this.onChange(this.value);
|
|
3502
|
-
this.onTouch();
|
|
3503
|
-
}
|
|
3504
|
-
search(event) {
|
|
3505
|
-
let filtered = [];
|
|
3506
|
-
let query = event.query;
|
|
3507
|
-
for (let i = 0; i < this.items.length; i++) {
|
|
3508
|
-
let item = this.items[i];
|
|
3509
|
-
if (item.name.toLowerCase().indexOf(query.toLowerCase()) == 0) {
|
|
3510
|
-
filtered.push(item);
|
|
3511
|
-
}
|
|
3512
|
-
}
|
|
3513
|
-
this.suggestions = filtered;
|
|
3514
|
-
}
|
|
3515
|
-
getSizeName(value) {
|
|
3516
|
-
return SizeType[value];
|
|
3517
|
-
}
|
|
3518
|
-
get sizeType() {
|
|
3519
|
-
return SizeType;
|
|
3520
|
-
}
|
|
3521
|
-
}
|
|
3522
|
-
WAutocompleteSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WAutocompleteSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3523
|
-
WAutocompleteSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WAutocompleteSearchComponent, selector: "w-autocomplete-search", inputs: { label: "label", placeholder: "placeholder", isRequired: "isRequired", isDisabled: "isDisabled", size: "size", items: "items", formControl: "formControl" }, providers: [
|
|
3524
|
-
{
|
|
3525
|
-
provide: NG_VALUE_ACCESSOR,
|
|
3526
|
-
useExisting: forwardRef(() => WAutocompleteSearchComponent),
|
|
3527
|
-
multi: true
|
|
3528
|
-
}
|
|
3529
|
-
], ngImport: i0, template: "<div *ngIf=\"formControl != null; else noNgControl\">\n <div *ngIf=\"getSizeName(sizeType.medium) == size; else inputSmall\">\n <span class=\"p-input-icon-left w-container w-full\">\n <i class=\"pi pi-search\"></i>\n <p-autoComplete\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\"\n class=\"w-autocomplete\"\n [suggestions]=\"suggestions\"\n (completeMethod)=\"search($event)\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n field=\"name\">\n <ng-template let-item pTemplate=\"item\">\n <div class=\"flex align-items-center gap-2\">\n <i class=\"pi pi-search\"></i>\n <div class=\"item-content\">{{item.name}}</div>\n </div>\n </ng-template>\n </p-autoComplete>\n </span>\n </div>\n <ng-template #inputSmall>\n <span class=\"p-input-icon-left w-container-small w-full\">\n <i class=\"pi pi-search\"></i>\n <p-autoComplete\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\"\n class=\"w-autocomplete-small\"\n [suggestions]=\"suggestions\"\n (completeMethod)=\"search($event)\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n field=\"name\">\n <ng-template let-item pTemplate=\"item\">\n <div class=\"flex align-items-center gap-2\">\n <i class=\"pi pi-search\"></i>\n <div class=\"item-content-small\">{{item.name}}</div>\n </div>\n </ng-template>\n </p-autoComplete>\n </span>\n </ng-template>\n</div>\n<ng-template #noNgControl>\n <div *ngIf=\"getSizeName(sizeType.medium) == size; else inputSmall\">\n <span class=\"p-input-icon-left w-container w-full\">\n <i class=\"pi pi-search\"></i>\n <p-autoComplete\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\"\n class=\"w-autocomplete\"\n [suggestions]=\"suggestions\"\n (completeMethod)=\"search($event)\"\n [placeholder]=\"placeholder\"\n [(ngModel)]=\"value\" \n (ngModelChange)=\"onValueChanged()\" \n [disabled]=\"isDisabled\"\n field=\"name\">\n <ng-template let-item pTemplate=\"item\">\n <div class=\"flex align-items-center gap-2\">\n <i class=\"pi pi-search\"></i>\n <div class=\"item-content\">{{item.name}}</div>\n </div>\n </ng-template>\n </p-autoComplete>\n </span>\n </div>\n <ng-template #inputSmall>\n <span class=\"p-input-icon-left w-container-small w-full\">\n <i class=\"pi pi-search\"></i>\n <p-autoComplete\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\"\n class=\"w-autocomplete-small\"\n [suggestions]=\"suggestions\"\n [(ngModel)]=\"value\" \n (input)=\"onValueChanged()\" \n [disabled]=\"isDisabled\"\n (completeMethod)=\"search($event)\"\n [placeholder]=\"placeholder\"\n field=\"name\">\n <ng-template let-item pTemplate=\"item\">\n <div class=\"flex align-items-center gap-2\">\n <i class=\"pi pi-search\"></i>\n <div class=\"item-content-small\">{{item.name}}</div>\n </div>\n </ng-template>\n </p-autoComplete>\n </span>\n </ng-template>\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,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder,.input-generic-small,:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;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,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input:hover,:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input:hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input::-moz-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic,:host ::ng-deep .w-autocomplete .p-autocomplete-panel,:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input{height:40px;padding-left:38px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:40px!important}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input::-moz-placeholder{color:#bdc1c6}.w-container>i:last-of-type{color:#bdc1c6;left:16px!important;z-index:1}:host ::ng-deep .w-autocomplete .p-autocomplete-panel{margin-top:4px;padding:8px 8px 16px;border-radius:8px}:host ::ng-deep .w-autocomplete .p-autocomplete-panel i:last-of-type{left:16px}:host ::ng-deep .w-autocomplete .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .w-autocomplete .p-autocomplete-panel .p-autocomplete-item{border-radius:8px;height:40px;padding-bottom:8px;padding-top:8px;padding-left:16px}:host ::ng-deep .w-autocomplete .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#d6f2ff}:host ::ng-deep .w-autocomplete .p-autocomplete-panel .p-autocomplete-item .item-content{padding-left:8px}:host ::ng-deep .p-element .p-overlay{width:100%}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input{height:32px;padding-left:32px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:34px!important}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder{color:#bdc1c6}.w-container-small>i:last-of-type{color:#bdc1c6;left:12px!important;z-index:1}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel{margin-top:4px;padding:8px 8px 12px;border-radius:8px}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel i:last-of-type{left:8px}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel .p-autocomplete-item{border-radius:8px;height:28px;padding-bottom:8px;padding-top:8px;padding-left:16px}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#d6f2ff}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel .p-autocomplete-item .item-content{padding-left:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$1.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "itemSize", "suggestions"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] });
|
|
3530
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WAutocompleteSearchComponent, decorators: [{
|
|
3531
|
-
type: Component,
|
|
3532
|
-
args: [{ selector: 'w-autocomplete-search', providers: [
|
|
3533
|
-
{
|
|
3534
|
-
provide: NG_VALUE_ACCESSOR,
|
|
3535
|
-
useExisting: forwardRef(() => WAutocompleteSearchComponent),
|
|
3536
|
-
multi: true
|
|
3537
|
-
}
|
|
3538
|
-
], template: "<div *ngIf=\"formControl != null; else noNgControl\">\n <div *ngIf=\"getSizeName(sizeType.medium) == size; else inputSmall\">\n <span class=\"p-input-icon-left w-container w-full\">\n <i class=\"pi pi-search\"></i>\n <p-autoComplete\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\"\n class=\"w-autocomplete\"\n [suggestions]=\"suggestions\"\n (completeMethod)=\"search($event)\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n field=\"name\">\n <ng-template let-item pTemplate=\"item\">\n <div class=\"flex align-items-center gap-2\">\n <i class=\"pi pi-search\"></i>\n <div class=\"item-content\">{{item.name}}</div>\n </div>\n </ng-template>\n </p-autoComplete>\n </span>\n </div>\n <ng-template #inputSmall>\n <span class=\"p-input-icon-left w-container-small w-full\">\n <i class=\"pi pi-search\"></i>\n <p-autoComplete\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\"\n class=\"w-autocomplete-small\"\n [suggestions]=\"suggestions\"\n (completeMethod)=\"search($event)\"\n [formControl]=\"formControl\"\n [placeholder]=\"placeholder\"\n field=\"name\">\n <ng-template let-item pTemplate=\"item\">\n <div class=\"flex align-items-center gap-2\">\n <i class=\"pi pi-search\"></i>\n <div class=\"item-content-small\">{{item.name}}</div>\n </div>\n </ng-template>\n </p-autoComplete>\n </span>\n </ng-template>\n</div>\n<ng-template #noNgControl>\n <div *ngIf=\"getSizeName(sizeType.medium) == size; else inputSmall\">\n <span class=\"p-input-icon-left w-container w-full\">\n <i class=\"pi pi-search\"></i>\n <p-autoComplete\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\"\n class=\"w-autocomplete\"\n [suggestions]=\"suggestions\"\n (completeMethod)=\"search($event)\"\n [placeholder]=\"placeholder\"\n [(ngModel)]=\"value\" \n (ngModelChange)=\"onValueChanged()\" \n [disabled]=\"isDisabled\"\n field=\"name\">\n <ng-template let-item pTemplate=\"item\">\n <div class=\"flex align-items-center gap-2\">\n <i class=\"pi pi-search\"></i>\n <div class=\"item-content\">{{item.name}}</div>\n </div>\n </ng-template>\n </p-autoComplete>\n </span>\n </div>\n <ng-template #inputSmall>\n <span class=\"p-input-icon-left w-container-small w-full\">\n <i class=\"pi pi-search\"></i>\n <p-autoComplete\n [style]=\"{'width':'100%'}\"\n [inputStyle]=\"{'width':'100%'}\"\n class=\"w-autocomplete-small\"\n [suggestions]=\"suggestions\"\n [(ngModel)]=\"value\" \n (input)=\"onValueChanged()\" \n [disabled]=\"isDisabled\"\n (completeMethod)=\"search($event)\"\n [placeholder]=\"placeholder\"\n field=\"name\">\n <ng-template let-item pTemplate=\"item\">\n <div class=\"flex align-items-center gap-2\">\n <i class=\"pi pi-search\"></i>\n <div class=\"item-content-small\">{{item.name}}</div>\n </div>\n </ng-template>\n </p-autoComplete>\n </span>\n </ng-template>\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,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder,.input-generic-small,:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input{font-size:1rem;line-height:1.1428571429rem;font-weight:600}.caption{font-size:.8571428571rem;line-height:1.1428571429rem;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,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input:hover,:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input:hover{border-radius:8px;border:2px solid #00b2eb}.button-large-typography{font-size:20px;line-height:24px;font-weight:700}.button-medium-typography{font-size:16px;line-height:16px;font-weight:700}.button-small-typography{font-size:12px;line-height:16px;font-weight:700}.button-text-typography,.input-generic-label{font-size:14px;line-height:16px;font-weight:700}.input-generic-placeholder,:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input::-moz-placeholder{font-size:16px;line-height:24px;font-weight:600;color:#bdc1c6!important;opacity:unset!important}.input-generic,:host ::ng-deep .w-autocomplete .p-autocomplete-panel,:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small,:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder{padding:8px 12px 12px;color:#bdc1c6!important}.input-generic-valid{border-radius:8px;border:2px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:2px solid #B3FFD3!important;box-shadow:0 0 2px 2px #b3ffd3!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:2px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:2px solid #FFECB8!important;box-shadow:0 0 2px 2px #ffecb8!important;padding-left:16px}.input-generic-error{border-radius:8px;border:2px solid #FFBDBD}.tag-generic{font-size:14px;line-height:16px;font-weight:700}.tag-generic-small{font-size:12px;line-height:16px;font-weight:700}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input{height:40px;padding-left:38px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:40px!important}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .w-autocomplete .p-autocomplete .p-autocomplete-input::-moz-placeholder{color:#bdc1c6}.w-container>i:last-of-type{color:#bdc1c6;left:16px!important;z-index:1}:host ::ng-deep .w-autocomplete .p-autocomplete-panel{margin-top:4px;padding:8px 8px 16px;border-radius:8px}:host ::ng-deep .w-autocomplete .p-autocomplete-panel i:last-of-type{left:16px}:host ::ng-deep .w-autocomplete .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .w-autocomplete .p-autocomplete-panel .p-autocomplete-item{border-radius:8px;height:40px;padding-bottom:8px;padding-top:8px;padding-left:16px}:host ::ng-deep .w-autocomplete .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#d6f2ff}:host ::ng-deep .w-autocomplete .p-autocomplete-panel .p-autocomplete-item .item-content{padding-left:8px}:host ::ng-deep .p-element .p-overlay{width:100%}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input{height:32px;padding-left:32px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #d6f2ff;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:34px!important}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .w-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder{color:#bdc1c6}.w-container-small>i:last-of-type{color:#bdc1c6;left:12px!important;z-index:1}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel{margin-top:4px;padding:8px 8px 12px;border-radius:8px}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel i:last-of-type{left:8px}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel .p-autocomplete-item{border-radius:8px;height:28px;padding-bottom:8px;padding-top:8px;padding-left:16px}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#d6f2ff}:host ::ng-deep .w-autocomplete-small .p-autocomplete-panel .p-autocomplete-item .item-content{padding-left:8px}\n"] }]
|
|
3539
|
-
}], propDecorators: { label: [{
|
|
3540
|
-
type: Input,
|
|
3541
|
-
args: ['label']
|
|
3542
|
-
}], placeholder: [{
|
|
3543
|
-
type: Input,
|
|
3544
|
-
args: ['placeholder']
|
|
3545
|
-
}], isRequired: [{
|
|
3546
|
-
type: Input,
|
|
3547
|
-
args: ['isRequired']
|
|
3548
|
-
}], isDisabled: [{
|
|
3549
|
-
type: Input,
|
|
3550
|
-
args: ['isDisabled']
|
|
3551
|
-
}], size: [{
|
|
3552
|
-
type: Input,
|
|
3553
|
-
args: ['size']
|
|
3554
|
-
}], items: [{
|
|
3555
|
-
type: Input,
|
|
3556
|
-
args: ['items']
|
|
3557
|
-
}], formControl: [{
|
|
3558
|
-
type: Input,
|
|
3559
|
-
args: ['formControl']
|
|
3560
|
-
}] } });
|
|
3561
|
-
|
|
3562
3469
|
class WappComponentsModule {
|
|
3563
3470
|
}
|
|
3564
3471
|
WappComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WappComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -3597,8 +3504,7 @@ WappComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
|
|
|
3597
3504
|
WButtonsFooterComponent,
|
|
3598
3505
|
WTreeTableComponent,
|
|
3599
3506
|
WGridComponent,
|
|
3600
|
-
WEditToggleComponent,
|
|
3601
|
-
WAutocompleteSearchComponent], imports: [InputTextModule,
|
|
3507
|
+
WEditToggleComponent], imports: [InputTextModule,
|
|
3602
3508
|
FormsModule,
|
|
3603
3509
|
ReactiveFormsModule,
|
|
3604
3510
|
CommonModule,
|
|
@@ -3668,13 +3574,14 @@ WappComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
|
|
|
3668
3574
|
FileUploadModule,
|
|
3669
3575
|
SliderModule,
|
|
3670
3576
|
WImageFileUploaderComponent,
|
|
3577
|
+
WImageCropperComponent,
|
|
3671
3578
|
WPowerbiReportComponent,
|
|
3672
3579
|
WSidebarComponent,
|
|
3673
3580
|
WButtonsFooterComponent,
|
|
3674
3581
|
WTreeTableComponent,
|
|
3675
3582
|
WGridComponent,
|
|
3676
3583
|
WEditToggleComponent,
|
|
3677
|
-
|
|
3584
|
+
ImageCropperModule] });
|
|
3678
3585
|
WappComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WappComponentsModule, providers: [
|
|
3679
3586
|
{
|
|
3680
3587
|
provide: HIGHLIGHT_OPTIONS,
|
|
@@ -3725,7 +3632,8 @@ WappComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
|
|
|
3725
3632
|
QueryBuilderModule,
|
|
3726
3633
|
ImageModule,
|
|
3727
3634
|
FileUploadModule,
|
|
3728
|
-
SliderModule
|
|
3635
|
+
SliderModule,
|
|
3636
|
+
ImageCropperModule] });
|
|
3729
3637
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WappComponentsModule, decorators: [{
|
|
3730
3638
|
type: NgModule,
|
|
3731
3639
|
args: [{
|
|
@@ -3766,7 +3674,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
3766
3674
|
WTreeTableComponent,
|
|
3767
3675
|
WGridComponent,
|
|
3768
3676
|
WEditToggleComponent,
|
|
3769
|
-
WAutocompleteSearchComponent,
|
|
3770
3677
|
],
|
|
3771
3678
|
imports: [
|
|
3772
3679
|
InputTextModule,
|
|
@@ -3842,13 +3749,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
3842
3749
|
FileUploadModule,
|
|
3843
3750
|
SliderModule,
|
|
3844
3751
|
WImageFileUploaderComponent,
|
|
3752
|
+
WImageCropperComponent,
|
|
3845
3753
|
WPowerbiReportComponent,
|
|
3846
3754
|
WSidebarComponent,
|
|
3847
3755
|
WButtonsFooterComponent,
|
|
3848
3756
|
WTreeTableComponent,
|
|
3849
3757
|
WGridComponent,
|
|
3850
3758
|
WEditToggleComponent,
|
|
3851
|
-
|
|
3759
|
+
ImageCropperModule
|
|
3852
3760
|
],
|
|
3853
3761
|
providers: [
|
|
3854
3762
|
{
|
|
@@ -3913,5 +3821,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
3913
3821
|
* Generated bundle index. Do not edit.
|
|
3914
3822
|
*/
|
|
3915
3823
|
|
|
3916
|
-
export { ColorTextPipe, DataTypeEnum, FormControlService, ModalService, OperatorEnum, QBDataTypeEnum, TableColumnFilterTypes, TableColumnTypes, TreeService,
|
|
3824
|
+
export { ColorTextPipe, DataTypeEnum, FormControlService, ModalService, OperatorEnum, QBDataTypeEnum, TableColumnFilterTypes, TableColumnTypes, TreeService, WBodyComponent, WBodyContainerComponent, WButtonComponent, WButtonsFooterComponent, WClipboardComponent, WContainerComponent, WEditInputNumberComponent, WEditInputTextComponent, WEditInputTextareaComponent, WEditMultiselectComponent, WEditSelectComponent, WEditToggleComponent, WEditTreeselectComponent, WFilterPanelComponent, WFooterComponent, WGridComponent, WHeaderPanelComponent, WIconsComponent, WImageCropperComponent, WImageFileUploaderComponent, WInputSearchComponent, WLogosComponent, WNavbarComponent, WPanelComponent, WPanelTitleComponent, WPowerbiReportComponent, WPreviewImageComponent, WSidebarComponent, WTableComponent, WTableLazyComponent, WTreeTableComponent, WappComponentsComponent, WappComponentsModule, WappComponentsService };
|
|
3917
3825
|
//# sourceMappingURL=ngx-wapp-components.mjs.map
|