ngx-wapp-components 1.0.1 → 1.0.2
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/search/w-input-search/w-input-search.component.mjs +6 -45
- package/esm2020/lib/wapp-components.module.mjs +1 -9
- package/fesm2015/ngx-wapp-components.mjs +4 -51
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +4 -51
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/search/w-input-search/w-input-search.component.d.ts +2 -13
- package/lib/wapp-components.module.d.ts +27 -29
- package/package.json +1 -1
|
@@ -4,10 +4,8 @@ import * as i1 from '@angular/forms';
|
|
|
4
4
|
import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
5
5
|
import * as i2$1 from '@angular/common';
|
|
6
6
|
import { CommonModule } from '@angular/common';
|
|
7
|
-
import { BrowserModule } from '@angular/platform-browser';
|
|
8
7
|
import * as i1$4 from '@angular/common/http';
|
|
9
8
|
import { HttpHeaders, HttpClientModule } from '@angular/common/http';
|
|
10
|
-
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
11
9
|
import * as i1$3 from '@angular/router';
|
|
12
10
|
import { NavigationEnd, RouterModule } from '@angular/router';
|
|
13
11
|
import * as i2 from 'primeng/inputtext';
|
|
@@ -1626,18 +1624,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
1626
1624
|
|
|
1627
1625
|
class WInputSearchComponent {
|
|
1628
1626
|
constructor() {
|
|
1629
|
-
this.inputValue = "";
|
|
1630
|
-
this.onValueEvent = new EventEmitter();
|
|
1631
1627
|
this.label = "Default Label";
|
|
1632
1628
|
this.placeholder = "";
|
|
1633
|
-
this.rows = 4;
|
|
1634
|
-
this.autoResize = true;
|
|
1635
1629
|
this.isRequired = false;
|
|
1636
1630
|
this.isDisabled = false;
|
|
1637
|
-
this.successMessage = "Default success message";
|
|
1638
|
-
this.requiredErrorDescription = "Default required error description";
|
|
1639
|
-
this.minlengthErrorDescription = "Mensaje default min";
|
|
1640
|
-
this.maxlengthErrorDescription = "Mensaje default max";
|
|
1641
1631
|
this.size = "medium";
|
|
1642
1632
|
this.items = [
|
|
1643
1633
|
{ "name": "Afghanistan", "code": "AF" },
|
|
@@ -1646,7 +1636,6 @@ class WInputSearchComponent {
|
|
|
1646
1636
|
{ "name": "Estados unidos", "code": "EU" },
|
|
1647
1637
|
];
|
|
1648
1638
|
this.suggestions = [];
|
|
1649
|
-
this.value = '';
|
|
1650
1639
|
this.isTouched = false;
|
|
1651
1640
|
this.onChange = (_) => { };
|
|
1652
1641
|
this.onTouch = () => { };
|
|
@@ -1692,13 +1681,13 @@ class WInputSearchComponent {
|
|
|
1692
1681
|
}
|
|
1693
1682
|
}
|
|
1694
1683
|
WInputSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WInputSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1695
|
-
WInputSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WInputSearchComponent, selector: "w-input-search", inputs: {
|
|
1684
|
+
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: [
|
|
1696
1685
|
{
|
|
1697
1686
|
provide: NG_VALUE_ACCESSOR,
|
|
1698
1687
|
useExisting: forwardRef(() => WInputSearchComponent),
|
|
1699
1688
|
multi: true
|
|
1700
1689
|
}
|
|
1701
|
-
], 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=\"wapp-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=\"wapp-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=\"wapp-autocomplete\"\r\n [suggestions]=\"suggestions\"\r\n (completeMethod)=\"search($event)\"\r\n [placeholder]=\"placeholder\"\r\n [(ngModel)]=\"value\" \r\n (input)=\"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=\"wapp-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 .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder,.input-generic-small,:host ::ng-deep .wapp-autocomplete-small .p-autocomplete-panel,:host ::ng-deep .wapp-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 .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input:hover,:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input:hover{border-radius:8px;border:2px solid #0085c7}.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 .wapp-autocomplete .p-autocomplete .p-autocomplete-input::-moz-placeholder{font-size:16px;line-height:24px;font-weight:600}.input-generic,:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel,:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small,:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder{padding:8px 12px 12px}.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}:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input{height:40px;padding-left:38px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #e0f5fc;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:40px!important}:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .wapp-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 .wapp-autocomplete .p-autocomplete-panel{margin-top:4px;padding:8px 8px 16px;border-radius:8px}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel i:last-of-type{left:16px}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel .p-autocomplete-item{border-radius:8px;height:40px;padding-bottom:8px;padding-top:8px;padding-left:16px}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#e0f5fc}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel .p-autocomplete-item .item-content{padding-left:8px}:host ::ng-deep .p-element .p-overlay{width:100%}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input{height:32px;padding-left:32px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #e0f5fc;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:34px!important}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .wapp-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 .wapp-autocomplete-small .p-autocomplete-panel{margin-top:4px;padding:8px 8px 12px;border-radius:8px}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete-panel i:last-of-type{left:8px}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .wapp-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 .wapp-autocomplete-small .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#e0f5fc}:host ::ng-deep .wapp-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: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.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"] }] });
|
|
1690
|
+
], 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=\"wapp-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=\"wapp-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=\"wapp-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=\"wapp-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 .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder,.input-generic-small,:host ::ng-deep .wapp-autocomplete-small .p-autocomplete-panel,:host ::ng-deep .wapp-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 .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input:hover,:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input:hover{border-radius:8px;border:2px solid #0085c7}.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 .wapp-autocomplete .p-autocomplete .p-autocomplete-input::-moz-placeholder{font-size:16px;line-height:24px;font-weight:600}.input-generic,:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel,:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small,:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder{padding:8px 12px 12px}.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}:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input{height:40px;padding-left:38px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #e0f5fc;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:40px!important}:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .wapp-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 .wapp-autocomplete .p-autocomplete-panel{margin-top:4px;padding:8px 8px 16px;border-radius:8px}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel i:last-of-type{left:16px}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel .p-autocomplete-item{border-radius:8px;height:40px;padding-bottom:8px;padding-top:8px;padding-left:16px}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#e0f5fc}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel .p-autocomplete-item .item-content{padding-left:8px}:host ::ng-deep .p-element .p-overlay{width:100%}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input{height:32px;padding-left:32px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #e0f5fc;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:34px!important}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .wapp-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 .wapp-autocomplete-small .p-autocomplete-panel{margin-top:4px;padding:8px 8px 12px;border-radius:8px}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete-panel i:last-of-type{left:8px}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .wapp-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 .wapp-autocomplete-small .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#e0f5fc}:host ::ng-deep .wapp-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: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.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"] }] });
|
|
1702
1691
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WInputSearchComponent, decorators: [{
|
|
1703
1692
|
type: Component,
|
|
1704
1693
|
args: [{ selector: 'w-input-search', providers: [
|
|
@@ -1707,49 +1696,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
1707
1696
|
useExisting: forwardRef(() => WInputSearchComponent),
|
|
1708
1697
|
multi: true
|
|
1709
1698
|
}
|
|
1710
|
-
], 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=\"wapp-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=\"wapp-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=\"wapp-autocomplete\"\r\n [suggestions]=\"suggestions\"\r\n (completeMethod)=\"search($event)\"\r\n [placeholder]=\"placeholder\"\r\n [(ngModel)]=\"value\" \r\n (input)=\"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=\"wapp-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 .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder,.input-generic-small,:host ::ng-deep .wapp-autocomplete-small .p-autocomplete-panel,:host ::ng-deep .wapp-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 .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input:hover,:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input:hover{border-radius:8px;border:2px solid #0085c7}.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 .wapp-autocomplete .p-autocomplete .p-autocomplete-input::-moz-placeholder{font-size:16px;line-height:24px;font-weight:600}.input-generic,:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel,:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small,:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder{padding:8px 12px 12px}.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}:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input{height:40px;padding-left:38px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #e0f5fc;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:40px!important}:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .wapp-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 .wapp-autocomplete .p-autocomplete-panel{margin-top:4px;padding:8px 8px 16px;border-radius:8px}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel i:last-of-type{left:16px}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel .p-autocomplete-item{border-radius:8px;height:40px;padding-bottom:8px;padding-top:8px;padding-left:16px}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#e0f5fc}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel .p-autocomplete-item .item-content{padding-left:8px}:host ::ng-deep .p-element .p-overlay{width:100%}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input{height:32px;padding-left:32px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #e0f5fc;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:34px!important}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .wapp-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 .wapp-autocomplete-small .p-autocomplete-panel{margin-top:4px;padding:8px 8px 12px;border-radius:8px}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete-panel i:last-of-type{left:8px}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .wapp-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 .wapp-autocomplete-small .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#e0f5fc}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete-panel .p-autocomplete-item .item-content{padding-left:8px}\n"] }]
|
|
1711
|
-
}], propDecorators: {
|
|
1712
|
-
type: Input,
|
|
1713
|
-
args: ['inputValue']
|
|
1714
|
-
}], onValueEvent: [{
|
|
1715
|
-
type: Output,
|
|
1716
|
-
args: ['onValue']
|
|
1717
|
-
}], label: [{
|
|
1699
|
+
], 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=\"wapp-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=\"wapp-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=\"wapp-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=\"wapp-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 .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder,.input-generic-small,:host ::ng-deep .wapp-autocomplete-small .p-autocomplete-panel,:host ::ng-deep .wapp-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 .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input:hover,:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input:hover{border-radius:8px;border:2px solid #0085c7}.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 .wapp-autocomplete .p-autocomplete .p-autocomplete-input::-moz-placeholder{font-size:16px;line-height:24px;font-weight:600}.input-generic,:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel,:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input{font-size:16px;line-height:24px;font-weight:600}.input-generic-placeholder-small,:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input::-moz-placeholder{padding:8px 12px 12px}.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}:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input{height:40px;padding-left:38px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #e0f5fc;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:40px!important}:host ::ng-deep .wapp-autocomplete .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .wapp-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 .wapp-autocomplete .p-autocomplete-panel{margin-top:4px;padding:8px 8px 16px;border-radius:8px}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel i:last-of-type{left:16px}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel .p-autocomplete-item{border-radius:8px;height:40px;padding-bottom:8px;padding-top:8px;padding-left:16px}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#e0f5fc}:host ::ng-deep .wapp-autocomplete .p-autocomplete-panel .p-autocomplete-item .item-content{padding-left:8px}:host ::ng-deep .p-element .p-overlay{width:100%}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input{height:32px;padding-left:32px;border:2px solid #e8eaed;border-radius:8px}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input:focus{border-radius:8px;border:2px #e0f5fc;box-shadow:0 0 4px 4px #00a6e940!important;padding-left:34px!important}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete .p-autocomplete-input:focus::-moz-placeholder{color:transparent}:host ::ng-deep .wapp-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 .wapp-autocomplete-small .p-autocomplete-panel{margin-top:4px;padding:8px 8px 12px;border-radius:8px}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete-panel i:last-of-type{left:8px}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete-panel ul{padding:0!important}:host ::ng-deep .wapp-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 .wapp-autocomplete-small .p-autocomplete-panel .p-autocomplete-item:hover{background-color:#e0f5fc}:host ::ng-deep .wapp-autocomplete-small .p-autocomplete-panel .p-autocomplete-item .item-content{padding-left:8px}\n"] }]
|
|
1700
|
+
}], propDecorators: { label: [{
|
|
1718
1701
|
type: Input,
|
|
1719
1702
|
args: ['label']
|
|
1720
1703
|
}], placeholder: [{
|
|
1721
1704
|
type: Input,
|
|
1722
1705
|
args: ['placeholder']
|
|
1723
|
-
}], rows: [{
|
|
1724
|
-
type: Input,
|
|
1725
|
-
args: ['rows']
|
|
1726
|
-
}], minlength: [{
|
|
1727
|
-
type: Input,
|
|
1728
|
-
args: ['minlength']
|
|
1729
|
-
}], maxlength: [{
|
|
1730
|
-
type: Input,
|
|
1731
|
-
args: ['maxlength']
|
|
1732
|
-
}], autoResize: [{
|
|
1733
|
-
type: Input,
|
|
1734
|
-
args: ['autoResize']
|
|
1735
1706
|
}], isRequired: [{
|
|
1736
1707
|
type: Input,
|
|
1737
1708
|
args: ['isRequired']
|
|
1738
1709
|
}], isDisabled: [{
|
|
1739
1710
|
type: Input,
|
|
1740
1711
|
args: ['isDisabled']
|
|
1741
|
-
}], successMessage: [{
|
|
1742
|
-
type: Input,
|
|
1743
|
-
args: ['successMessage']
|
|
1744
|
-
}], requiredErrorDescription: [{
|
|
1745
|
-
type: Input,
|
|
1746
|
-
args: ['requiredErrorDescription']
|
|
1747
|
-
}], minlengthErrorDescription: [{
|
|
1748
|
-
type: Input,
|
|
1749
|
-
args: ['minlengthErrorDescription']
|
|
1750
|
-
}], maxlengthErrorDescription: [{
|
|
1751
|
-
type: Input,
|
|
1752
|
-
args: ['maxlengthErrorDescription']
|
|
1753
1712
|
}], size: [{
|
|
1754
1713
|
type: Input,
|
|
1755
1714
|
args: ['size']
|
|
@@ -2298,9 +2257,7 @@ WappComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
|
|
|
2298
2257
|
FormsModule,
|
|
2299
2258
|
ReactiveFormsModule,
|
|
2300
2259
|
CommonModule,
|
|
2301
|
-
BrowserModule,
|
|
2302
2260
|
HttpClientModule,
|
|
2303
|
-
BrowserAnimationsModule,
|
|
2304
2261
|
RouterModule,
|
|
2305
2262
|
ButtonModule,
|
|
2306
2263
|
HighlightModule,
|
|
@@ -2364,9 +2321,7 @@ WappComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
|
|
|
2364
2321
|
FormsModule,
|
|
2365
2322
|
ReactiveFormsModule,
|
|
2366
2323
|
CommonModule,
|
|
2367
|
-
BrowserModule,
|
|
2368
2324
|
HttpClientModule,
|
|
2369
|
-
BrowserAnimationsModule,
|
|
2370
2325
|
RouterModule,
|
|
2371
2326
|
ButtonModule,
|
|
2372
2327
|
HighlightModule,
|
|
@@ -2431,9 +2386,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImpor
|
|
|
2431
2386
|
FormsModule,
|
|
2432
2387
|
ReactiveFormsModule,
|
|
2433
2388
|
CommonModule,
|
|
2434
|
-
BrowserModule,
|
|
2435
2389
|
HttpClientModule,
|
|
2436
|
-
BrowserAnimationsModule,
|
|
2437
2390
|
RouterModule,
|
|
2438
2391
|
ButtonModule,
|
|
2439
2392
|
HighlightModule,
|