ngx-wapp-components 1.4.2 → 1.4.4
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/maps/w-maps/w-maps.component.mjs +15 -16
- package/esm2020/lib/misc/w-filter-panel/w-filter-panel.component.mjs +2 -2
- package/esm2020/lib/shared/services/session-storage.service.mjs +6 -6
- package/fesm2015/ngx-wapp-components.mjs +50 -47
- package/fesm2015/ngx-wapp-components.mjs.map +1 -1
- package/fesm2020/ngx-wapp-components.mjs +20 -21
- package/fesm2020/ngx-wapp-components.mjs.map +1 -1
- package/lib/maps/w-maps/w-maps.component.d.ts +2 -2
- package/package.json +1 -1
|
@@ -2152,19 +2152,19 @@ class SessionStorageService {
|
|
|
2152
2152
|
this.previousUrl = "previousUrl";
|
|
2153
2153
|
}
|
|
2154
2154
|
setPreviousRoute(previousRoute) {
|
|
2155
|
-
window.
|
|
2155
|
+
window.sessionStorage.setItem(this.previousUrl, previousRoute);
|
|
2156
2156
|
}
|
|
2157
2157
|
getPreviousRoute() {
|
|
2158
|
-
return
|
|
2158
|
+
return sessionStorage.getItem(this.previousUrl);
|
|
2159
2159
|
}
|
|
2160
2160
|
setLastFilterPanelQuery(storedQuery) {
|
|
2161
|
-
|
|
2161
|
+
sessionStorage.setItem(this.lastQuery, JSON.stringify(storedQuery));
|
|
2162
2162
|
}
|
|
2163
2163
|
getLastFilterPanelQuery() {
|
|
2164
|
-
return JSON.parse(
|
|
2164
|
+
return JSON.parse(sessionStorage.getItem(this.lastQuery));
|
|
2165
2165
|
}
|
|
2166
2166
|
removeLastFilterPanelQuery() {
|
|
2167
|
-
|
|
2167
|
+
sessionStorage.removeItem(this.lastQuery);
|
|
2168
2168
|
}
|
|
2169
2169
|
}
|
|
2170
2170
|
SessionStorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SessionStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
@@ -2632,7 +2632,7 @@ class WFilterPanelComponent {
|
|
|
2632
2632
|
while (route.parent) {
|
|
2633
2633
|
route = route.parent;
|
|
2634
2634
|
if (route.snapshot.routeConfig && route.snapshot.routeConfig.path) {
|
|
2635
|
-
parentRoute = route.snapshot.routeConfig.path + '/' + parentRoute;
|
|
2635
|
+
parentRoute = route.snapshot.routeConfig.path + (parentRoute ? '/' : '') + parentRoute;
|
|
2636
2636
|
}
|
|
2637
2637
|
}
|
|
2638
2638
|
return parentRoute;
|
|
@@ -4434,14 +4434,7 @@ class WMapsComponent {
|
|
|
4434
4434
|
}
|
|
4435
4435
|
ngOnInit() {
|
|
4436
4436
|
}
|
|
4437
|
-
ngAfterViewInit() {
|
|
4438
|
-
let position = {
|
|
4439
|
-
coords: {
|
|
4440
|
-
latitude: 43.33378176040853,
|
|
4441
|
-
longitude: -8.439276623678447,
|
|
4442
|
-
}
|
|
4443
|
-
};
|
|
4444
|
-
this.loadMap(position);
|
|
4437
|
+
async ngAfterViewInit() {
|
|
4445
4438
|
this.loadAutoComplete();
|
|
4446
4439
|
if (this.initialCoords != undefined) {
|
|
4447
4440
|
let position = {
|
|
@@ -4450,17 +4443,23 @@ class WMapsComponent {
|
|
|
4450
4443
|
longitude: this.initialCoords.longitude,
|
|
4451
4444
|
}
|
|
4452
4445
|
};
|
|
4453
|
-
this.loadMap(position);
|
|
4446
|
+
await this.loadMap(position);
|
|
4454
4447
|
}
|
|
4455
4448
|
else {
|
|
4456
4449
|
if (navigator.geolocation) {
|
|
4457
4450
|
const opciones = {
|
|
4458
4451
|
enableHighAccuracy: true,
|
|
4459
4452
|
timeout: 5000,
|
|
4460
|
-
maximumAge:
|
|
4453
|
+
maximumAge: 10000
|
|
4461
4454
|
};
|
|
4462
4455
|
navigator.geolocation.getCurrentPosition(async (position) => {
|
|
4463
|
-
|
|
4456
|
+
this.initialCoords = {
|
|
4457
|
+
coords: {
|
|
4458
|
+
latitude: position.coords.latitude,
|
|
4459
|
+
longitude: position.coords.longitude
|
|
4460
|
+
}
|
|
4461
|
+
};
|
|
4462
|
+
await this.loadMap(this.initialCoords);
|
|
4464
4463
|
}, null, opciones);
|
|
4465
4464
|
}
|
|
4466
4465
|
else {
|
|
@@ -4483,13 +4482,13 @@ class WMapsComponent {
|
|
|
4483
4482
|
}
|
|
4484
4483
|
}
|
|
4485
4484
|
}
|
|
4486
|
-
loadMap(position) {
|
|
4485
|
+
async loadMap(position) {
|
|
4487
4486
|
const opciones = {
|
|
4488
4487
|
center: new google.maps.LatLng(position.coords.latitude, position.coords.longitude),
|
|
4489
4488
|
zoom: 11,
|
|
4490
4489
|
mapTypeId: google.maps.MapTypeId.ROADMAP
|
|
4491
4490
|
};
|
|
4492
|
-
this.map = new google.maps.Map(this.render.selectRootElement(this.divMap.nativeElement), opciones);
|
|
4491
|
+
this.map = await new google.maps.Map(this.render.selectRootElement(this.divMap.nativeElement), opciones);
|
|
4493
4492
|
const marker = new google.maps.Marker;
|
|
4494
4493
|
marker.setMap(null);
|
|
4495
4494
|
this.marker = new google.maps.Marker({
|
|
@@ -4526,10 +4525,10 @@ class WMapsComponent {
|
|
|
4526
4525
|
}
|
|
4527
4526
|
}
|
|
4528
4527
|
WMapsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WMapsComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
4529
|
-
WMapsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WMapsComponent, selector: "w-maps", inputs: { isEdit: "isEdit", mapHeight: "mapHeight", showMap: "showMap", showMapButton: "showMapButton", smallSearchInput: "smallSearchInput", showMapLabel: "showMapLabel", hideMapLabel: "hideMapLabel", componentRestrictions: "componentRestrictions", initialCoords: "initialCoords", streetAddress: "streetAddress", address: "address", label: "label" }, outputs: { addressVerbose: "addressVerbose" }, viewQueries: [{ propertyName: "searchField", first: true, predicate: ["mapSearchField"], descendants: true }, { propertyName: "divMap", first: true, predicate: ["divMap"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<w-view-text *ngIf=\"address\" [label]=\"label\" [value]=\"address!.areaLevel1+', '+address!.areaLevel2+', '+address!.locality+', '+address!.postalCode+'. '+address!.country\"></w-view-text>\r\n<w-panel-grid>\r\n <div class=\"col-12\">\r\n <w-panel-grid>\r\n <div *ngIf=\"isEdit\" [class.flex-1]=\"showMapButton\" [class.w-full]=\"!showMapButton\" class=\"w-maps-input-text-padding\">\r\n <input type=\"text\" \r\n #mapSearchField \r\n class=\"w-full\"\r\n [(ngModel)]=\"streetAddress\" \r\n [ngClass]=\"{'w-maps-input-text-height-small': smallSearchInput,\r\n 'w-maps-input-text-height-medium': !smallSearchInput,\r\n 'w-maps-input-text-small': smallSearchInput,\r\n 'w-maps-input-text-medium': !smallSearchInput}\" pInputText/>\r\n </div>\r\n <div *ngIf=\"isEdit\" class=\"flex flex-none align-items-end flex-wrap\">\r\n <div *ngIf=\"showMapButton\" class=\"flex align-items-center justify-content-start w-maps-button-padding\">\r\n <w-button *ngIf=\"!showMap\" \r\n [label]=\"showMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n <w-button *ngIf=\"showMap\" \r\n [label]=\"hideMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n </div> \r\n </div>\r\n </w-panel-grid>\r\n </div>\r\n <div class=\"col-12\" *ngIf=\"initialCoords || initialCoords.latitude && initialCoords.longitude\">\r\n <w-panel-grid>\r\n <div [hidden]=\"!showMap\" class=\"w-full\">\r\n <div class=\"col-12\">\r\n <div class=\"w-full\" [class]=\"mapHeight\" id=\"map\" #divMap></div>\r\n </div>\r\n </div>\r\n </w-panel-grid>\r\n </div>\r\n</w-panel-grid>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-maps-input-text-small,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.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,.w-maps-input-text-medium:focus,.w-maps-input-text-small:focus{box-shadow:0 0 8px #00a6e980}.hover,.w-maps-input-text-medium:hover,.w-maps-input-text-small:hover{border-radius:8px;border:1px solid #00b2eb}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,.w-maps-input-text-small,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,.w-maps-input-text-medium{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-maps-input-text-medium,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-maps-input-text-padding{padding-bottom:12px!important;padding-left:20px!important;padding-top:4px!important}.w-maps-button-padding{padding-bottom:12px!important;padding-right:20px!important;padding-top:4px!important}.w-maps-input-text-height-small{height:32px!important}.w-maps-input-text-height-medium{height:40px!important}.w-maps-input-text-small{border-radius:8px;border-width:1px;padding-left:11px;border:1px solid #e8eaed}.w-maps-input-text-medium{border-radius:8px;border-width:1px;padding-left:15px!important;border:1px solid #e8eaed}.w-maps-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:16px}.w-maps-input-text-small::-webkit-input-placeholder{color:#5f6368}.w-maps-input-text-small::-moz-placeholder{color:#5f6368}.w-maps-input-text-small:-ms-input-placeholder{color:#5f6368}.w-maps-input-text-small:-moz-placeholder{color:#5f6368}.w-maps-input-text-medium::-webkit-input-placeholder{color:#5f6368}.w-maps-input-text-medium::-moz-placeholder{color:#5f6368}.w-maps-input-text-medium:-ms-input-placeholder{color:#5f6368}.w-maps-input-text-medium:-moz-placeholder{color:#5f6368}.w-maps-input-text-small:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:11px}.w-maps-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:15px}.w-maps-input-text-small:focus::-webkit-input-placeholder,.w-maps-input-text-medium:focus::-webkit-input-placeholder{color:transparent}.w-maps-input-text-small:focus::-moz-placeholder,.w-maps-input-text-medium:focus::-moz-placeholder{color:transparent}.w-maps-input-text-small:focus:-ms-input,.w-maps-input-text-medium:focus:-ms-input-placeholder{color:transparent}.w-maps-input-text-small:focus:-moz-placeholder,.w-maps-input-text-medium:focus:-moz-placeholder{color:transparent}.w-view-text-label-color{color:#bdc1c6}.w-view-text-content{height:40px}:host ::ng-deep .w-view-text-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-view-text-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-view-text-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading"], outputs: ["onClick"] }, { kind: "component", type: WPanelGridComponent, selector: "w-panel-grid" }, { kind: "component", type: WViewTextComponent, selector: "w-view-text", inputs: ["label", "value", "layout"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4528
|
+
WMapsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: WMapsComponent, selector: "w-maps", inputs: { isEdit: "isEdit", mapHeight: "mapHeight", showMap: "showMap", showMapButton: "showMapButton", smallSearchInput: "smallSearchInput", showMapLabel: "showMapLabel", hideMapLabel: "hideMapLabel", componentRestrictions: "componentRestrictions", initialCoords: "initialCoords", streetAddress: "streetAddress", address: "address", label: "label" }, outputs: { addressVerbose: "addressVerbose" }, viewQueries: [{ propertyName: "searchField", first: true, predicate: ["mapSearchField"], descendants: true }, { propertyName: "divMap", first: true, predicate: ["divMap"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<w-view-text *ngIf=\"address\" [label]=\"label\" [value]=\"address!.areaLevel1+', '+address!.areaLevel2+', '+address!.locality+', '+address!.postalCode+'. '+address!.country\"></w-view-text>\r\n<w-panel-grid>\r\n <div class=\"col-12\">\r\n <w-panel-grid>\r\n <div *ngIf=\"isEdit\" [class.flex-1]=\"showMapButton\" [class.w-full]=\"!showMapButton\" class=\"w-maps-input-text-padding\">\r\n <input type=\"text\" \r\n #mapSearchField \r\n class=\"w-full\"\r\n [(ngModel)]=\"streetAddress\" \r\n [ngClass]=\"{'w-maps-input-text-height-small': smallSearchInput,\r\n 'w-maps-input-text-height-medium': !smallSearchInput,\r\n 'w-maps-input-text-small': smallSearchInput,\r\n 'w-maps-input-text-medium': !smallSearchInput}\" pInputText/>\r\n </div>\r\n <div *ngIf=\"isEdit\" class=\"flex flex-none align-items-end flex-wrap\">\r\n <div *ngIf=\"showMapButton\" class=\"flex align-items-center justify-content-start w-maps-button-padding\">\r\n <w-button *ngIf=\"!showMap\" \r\n [label]=\"showMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n <w-button *ngIf=\"showMap\" \r\n [label]=\"hideMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n </div> \r\n </div>\r\n </w-panel-grid>\r\n </div>\r\n <div class=\"col-12\">\r\n <w-panel-grid>\r\n <div [hidden]=\"!showMap\" class=\"w-full\">\r\n <div class=\"col-12\">\r\n <div class=\"w-full\" [class]=\"mapHeight\" id=\"map\" #divMap></div>\r\n </div>\r\n </div>\r\n </w-panel-grid>\r\n </div>\r\n</w-panel-grid>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-maps-input-text-small,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.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,.w-maps-input-text-medium:focus,.w-maps-input-text-small:focus{box-shadow:0 0 8px #00a6e980}.hover,.w-maps-input-text-medium:hover,.w-maps-input-text-small:hover{border-radius:8px;border:1px solid #00b2eb}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,.w-maps-input-text-small,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,.w-maps-input-text-medium{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-maps-input-text-medium,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-maps-input-text-padding{padding-bottom:12px!important;padding-left:20px!important;padding-top:4px!important}.w-maps-button-padding{padding-bottom:12px!important;padding-right:20px!important;padding-top:4px!important}.w-maps-input-text-height-small{height:32px!important}.w-maps-input-text-height-medium{height:40px!important}.w-maps-input-text-small{border-radius:8px;border-width:1px;padding-left:11px;border:1px solid #e8eaed}.w-maps-input-text-medium{border-radius:8px;border-width:1px;padding-left:15px!important;border:1px solid #e8eaed}.w-maps-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:16px}.w-maps-input-text-small::-webkit-input-placeholder{color:#5f6368}.w-maps-input-text-small::-moz-placeholder{color:#5f6368}.w-maps-input-text-small:-ms-input-placeholder{color:#5f6368}.w-maps-input-text-small:-moz-placeholder{color:#5f6368}.w-maps-input-text-medium::-webkit-input-placeholder{color:#5f6368}.w-maps-input-text-medium::-moz-placeholder{color:#5f6368}.w-maps-input-text-medium:-ms-input-placeholder{color:#5f6368}.w-maps-input-text-medium:-moz-placeholder{color:#5f6368}.w-maps-input-text-small:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:11px}.w-maps-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:15px}.w-maps-input-text-small:focus::-webkit-input-placeholder,.w-maps-input-text-medium:focus::-webkit-input-placeholder{color:transparent}.w-maps-input-text-small:focus::-moz-placeholder,.w-maps-input-text-medium:focus::-moz-placeholder{color:transparent}.w-maps-input-text-small:focus:-ms-input,.w-maps-input-text-medium:focus:-ms-input-placeholder{color:transparent}.w-maps-input-text-small:focus:-moz-placeholder,.w-maps-input-text-medium:focus:-moz-placeholder{color:transparent}.w-view-text-label-color{color:#bdc1c6}.w-view-text-content{height:40px}:host ::ng-deep .w-view-text-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-view-text-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-view-text-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WButtonComponent, selector: "w-button", inputs: ["type", "label", "size", "icon", "tooltipPosition", "tooltip", "disabled", "loading"], outputs: ["onClick"] }, { kind: "component", type: WPanelGridComponent, selector: "w-panel-grid" }, { kind: "component", type: WViewTextComponent, selector: "w-view-text", inputs: ["label", "value", "layout"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4530
4529
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WMapsComponent, decorators: [{
|
|
4531
4530
|
type: Component,
|
|
4532
|
-
args: [{ selector: 'w-maps', changeDetection: ChangeDetectionStrategy.OnPush, template: "<w-view-text *ngIf=\"address\" [label]=\"label\" [value]=\"address!.areaLevel1+', '+address!.areaLevel2+', '+address!.locality+', '+address!.postalCode+'. '+address!.country\"></w-view-text>\r\n<w-panel-grid>\r\n <div class=\"col-12\">\r\n <w-panel-grid>\r\n <div *ngIf=\"isEdit\" [class.flex-1]=\"showMapButton\" [class.w-full]=\"!showMapButton\" class=\"w-maps-input-text-padding\">\r\n <input type=\"text\" \r\n #mapSearchField \r\n class=\"w-full\"\r\n [(ngModel)]=\"streetAddress\" \r\n [ngClass]=\"{'w-maps-input-text-height-small': smallSearchInput,\r\n 'w-maps-input-text-height-medium': !smallSearchInput,\r\n 'w-maps-input-text-small': smallSearchInput,\r\n 'w-maps-input-text-medium': !smallSearchInput}\" pInputText/>\r\n </div>\r\n <div *ngIf=\"isEdit\" class=\"flex flex-none align-items-end flex-wrap\">\r\n <div *ngIf=\"showMapButton\" class=\"flex align-items-center justify-content-start w-maps-button-padding\">\r\n <w-button *ngIf=\"!showMap\" \r\n [label]=\"showMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n <w-button *ngIf=\"showMap\" \r\n [label]=\"hideMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n </div> \r\n </div>\r\n </w-panel-grid>\r\n </div>\r\n <div class=\"col-12\" *ngIf=\"initialCoords || initialCoords.latitude && initialCoords.longitude\">\r\n <w-panel-grid>\r\n <div [hidden]=\"!showMap\" class=\"w-full\">\r\n <div class=\"col-12\">\r\n <div class=\"w-full\" [class]=\"mapHeight\" id=\"map\" #divMap></div>\r\n </div>\r\n </div>\r\n </w-panel-grid>\r\n </div>\r\n</w-panel-grid>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-maps-input-text-small,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.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,.w-maps-input-text-medium:focus,.w-maps-input-text-small:focus{box-shadow:0 0 8px #00a6e980}.hover,.w-maps-input-text-medium:hover,.w-maps-input-text-small:hover{border-radius:8px;border:1px solid #00b2eb}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,.w-maps-input-text-small,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,.w-maps-input-text-medium{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-maps-input-text-medium,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-maps-input-text-padding{padding-bottom:12px!important;padding-left:20px!important;padding-top:4px!important}.w-maps-button-padding{padding-bottom:12px!important;padding-right:20px!important;padding-top:4px!important}.w-maps-input-text-height-small{height:32px!important}.w-maps-input-text-height-medium{height:40px!important}.w-maps-input-text-small{border-radius:8px;border-width:1px;padding-left:11px;border:1px solid #e8eaed}.w-maps-input-text-medium{border-radius:8px;border-width:1px;padding-left:15px!important;border:1px solid #e8eaed}.w-maps-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:16px}.w-maps-input-text-small::-webkit-input-placeholder{color:#5f6368}.w-maps-input-text-small::-moz-placeholder{color:#5f6368}.w-maps-input-text-small:-ms-input-placeholder{color:#5f6368}.w-maps-input-text-small:-moz-placeholder{color:#5f6368}.w-maps-input-text-medium::-webkit-input-placeholder{color:#5f6368}.w-maps-input-text-medium::-moz-placeholder{color:#5f6368}.w-maps-input-text-medium:-ms-input-placeholder{color:#5f6368}.w-maps-input-text-medium:-moz-placeholder{color:#5f6368}.w-maps-input-text-small:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:11px}.w-maps-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:15px}.w-maps-input-text-small:focus::-webkit-input-placeholder,.w-maps-input-text-medium:focus::-webkit-input-placeholder{color:transparent}.w-maps-input-text-small:focus::-moz-placeholder,.w-maps-input-text-medium:focus::-moz-placeholder{color:transparent}.w-maps-input-text-small:focus:-ms-input,.w-maps-input-text-medium:focus:-ms-input-placeholder{color:transparent}.w-maps-input-text-small:focus:-moz-placeholder,.w-maps-input-text-medium:focus:-moz-placeholder{color:transparent}.w-view-text-label-color{color:#bdc1c6}.w-view-text-content{height:40px}:host ::ng-deep .w-view-text-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-view-text-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-view-text-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}\n"] }]
|
|
4531
|
+
args: [{ selector: 'w-maps', changeDetection: ChangeDetectionStrategy.OnPush, template: "<w-view-text *ngIf=\"address\" [label]=\"label\" [value]=\"address!.areaLevel1+', '+address!.areaLevel2+', '+address!.locality+', '+address!.postalCode+'. '+address!.country\"></w-view-text>\r\n<w-panel-grid>\r\n <div class=\"col-12\">\r\n <w-panel-grid>\r\n <div *ngIf=\"isEdit\" [class.flex-1]=\"showMapButton\" [class.w-full]=\"!showMapButton\" class=\"w-maps-input-text-padding\">\r\n <input type=\"text\" \r\n #mapSearchField \r\n class=\"w-full\"\r\n [(ngModel)]=\"streetAddress\" \r\n [ngClass]=\"{'w-maps-input-text-height-small': smallSearchInput,\r\n 'w-maps-input-text-height-medium': !smallSearchInput,\r\n 'w-maps-input-text-small': smallSearchInput,\r\n 'w-maps-input-text-medium': !smallSearchInput}\" pInputText/>\r\n </div>\r\n <div *ngIf=\"isEdit\" class=\"flex flex-none align-items-end flex-wrap\">\r\n <div *ngIf=\"showMapButton\" class=\"flex align-items-center justify-content-start w-maps-button-padding\">\r\n <w-button *ngIf=\"!showMap\" \r\n [label]=\"showMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n <w-button *ngIf=\"showMap\" \r\n [label]=\"hideMapLabel\"\r\n icon=\"pi-map-marker\"\r\n type=\"text\"\r\n (click)=\"showMap = !showMap\">\r\n </w-button>\r\n </div> \r\n </div>\r\n </w-panel-grid>\r\n </div>\r\n <div class=\"col-12\">\r\n <w-panel-grid>\r\n <div [hidden]=\"!showMap\" class=\"w-full\">\r\n <div class=\"col-12\">\r\n <div class=\"w-full\" [class]=\"mapHeight\" id=\"map\" #divMap></div>\r\n </div>\r\n </div>\r\n </w-panel-grid>\r\n </div>\r\n</w-panel-grid>", styles: [".heading1{font-size:2.6666666667rem;line-height:3rem;font-weight:700}.heading2{font-size:2.3333333333rem;line-height:2.6666666667rem;font-weight:700}.heading3{font-size:2rem;line-height:2.3333333333rem;font-weight:700}.heading4{font-size:1.6666666667rem;line-height:2rem;font-weight:400}.heading5{font-size:1.5rem;line-height:1.8333333333rem;font-weight:600}.heading6{font-size:1.3333333333rem;line-height:1.6666666667rem;font-weight:400}.subtitle1,.w-tab-text,.w-panel-title-text,.w-sidebar-title-text{font-size:1.1666666667rem;line-height:1.3333333333rem;font-weight:600}.subtitle2,.w-table-th-text,.w-panel-subtitle-text,.w-input-small-label-text-typography,.w-input-small-label-text,.w-input-small-label-disabled,.w-view-small-label-text-typography,.w-view-small-label-text,.w-button-small-text-label-text-typography,.w-button-small-text-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:600}.body,.w-table-td-text,.w-chip-text,.w-panel-content,.w-input-small-select-options-text,.w-input-small-placeholder-text-typography,.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text,.w-maps-input-text-small,.w-view-small-value-text-typography,.w-view-small-value-text,.w-button-small-label-text-typography,.w-button-small-tertiary-label-text{font-size:1rem;line-height:1.3333333333rem;font-weight:400}.caption,.w-input-error-alert-text,.w-input-warning-alert-text,.w-input-success-alert-text{font-size:.6666666667rem;line-height:1rem;font-weight:400}.text846{color:#2e3134}.text700{color:#5f6368}.text500{color:#9aa0a6}.textWhite{color:#fff}.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,.w-maps-input-text-medium:focus,.w-maps-input-text-small:focus{box-shadow:0 0 8px #00a6e980}.hover,.w-maps-input-text-medium:hover,.w-maps-input-text-small:hover{border-radius:8px;border:1px solid #00b2eb}.input-generic-valid{border-radius:8px;border:1px solid #B3FFD3}.input-generic-valid-focus{border-radius:8px;border:1px solid #B3FFD3!important;box-shadow:0 0 8px #46ff9b80!important;padding-left:16px}.input-generic-warning{border-radius:8px;border:1px solid #FFECB8!important}.input-generic-warning-focus{border-radius:8px;border:1px solid #FFECB8!important;box-shadow:0 0 8px #ffcd4680!important;padding-left:16px}.input-generic-error-focus{border-radius:8px;border:1px solid #FFBDBD!important;box-shadow:0 0 8px #ff555580!important;padding-left:16px}.input-generic-error{border-radius:8px;border:1px solid #FFBDBD}.toggle-small-typography{font-size:12px;line-height:16px;font-weight:600}.w-button-small-tertiary-label-text,.w-button-small-text-label-text{color:#2e3134}.w-button-small-icon-text{font-size:12px}.w-control-button-small-label-text{font-size:12px;font-weight:600;line-height:16px}.w-control-button-x-small-icon-text{font-size:10px;font-weight:700}.w-control-button-small-icon-text{font-size:8px;font-weight:700}.w-button-medium-label-text-typography,.w-button-medium-tertiary-label-text{font-size:16px;font-weight:400;line-height:16px}.w-button-medium-tertiary-label-text{color:#2e3134}.w-button-medium-icon-text{font-size:16px}.w-control-button-medium-label-text{font-size:14px;font-weight:600;line-height:16px}.w-control-button-medium-icon-text{font-size:12px;font-weight:700}.w-button-large-label-text-typography,.w-button-large-tertiary-label-text{font-size:20px;font-weight:400;line-height:24px}.w-button-large-tertiary-label-text{color:#2e3134}.w-button-x-small-label-text{font-size:10px;font-weight:600;line-height:10px}.w-button-small-only-label-text{font-size:12px;font-weight:600;line-height:16px}.w-button-large-icon-text{font-size:24px}.w-view-small-label-text,.w-view-small-value-text{color:#2e3134}.w-input-no-label-height{height:36px}.w-input-disabled{background-color:#f1f3f4;border-color:#e8eaed;opacity:1}.w-input-small-label-text,.w-input-small-label-disabled{color:#2e3134}.w-input-small-label-disabled{color:#9aa0a6}.w-input-small-label-text-content{padding:12px 8px 8px 0;margin:0}.w-input-small-placeholder-text,.w-maps-input-text-small,.w-input-small-placeholder-text-only-color{color:#2e3134}.w-input-small-placeholder-text-disabled,.w-input-small-placeholder-text-disabled-only-color{color:#5f6368}.w-input-small-text-icon,.w-input-small-select-options-text{color:#2e3134}.w-input-medium-label-text-typography,.w-input-medium-label-text,.w-input-medium-label-disabled{font-size:14px;font-weight:600;line-height:16px}.w-input-medium-label-text,.w-input-medium-label-disabled{color:#2e3134}.w-input-medium-label-disabled{color:#9aa0a6}.w-input-medium-placeholder-text-typography,.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text,.w-maps-input-text-medium{font-size:16px;font-weight:400;line-height:24px}.w-input-medium-placeholder-text,.w-maps-input-text-medium,.w-input-medium-placeholder-text-only-color{color:#2e3134}.w-input-medium-placeholder-text-disabled,.w-input-medium-placeholder-text-disabled-only-color{color:#5f6368}.w-input-medium-text-icon{color:#2e3134}.w-input-medium-select-options-text{font-size:16px;font-weight:400;line-height:24px;color:#2e3134}.w-input-success-alert-text{color:#00db5d;padding:8px 8px 0;margin-top:0}.w-input-warning-alert-text{color:#eeae00;padding:8px 8px 0;margin-top:0}.w-input-error-alert-text{color:#e50000;padding:8px 8px 0;margin-top:0}.w-input-alert-message-height{height:32px}.w-sidebar-title-text,.w-panel-title-text,.w-panel-subtitle-text{color:#2e3134}.w-panel-content{color:#5f6368}.w-tab-text,.w-chip-text{color:#2e3134}.w-badge-text{font-size:8px;font-weight:700;line-height:8px}.w-table-th-text{color:#2e3134}.w-table-td-text{color:#5f6368}.w-maps-input-text-padding{padding-bottom:12px!important;padding-left:20px!important;padding-top:4px!important}.w-maps-button-padding{padding-bottom:12px!important;padding-right:20px!important;padding-top:4px!important}.w-maps-input-text-height-small{height:32px!important}.w-maps-input-text-height-medium{height:40px!important}.w-maps-input-text-small{border-radius:8px;border-width:1px;padding-left:11px;border:1px solid #e8eaed}.w-maps-input-text-medium{border-radius:8px;border-width:1px;padding-left:15px!important;border:1px solid #e8eaed}.w-maps-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:16px}.w-maps-input-text-small::-webkit-input-placeholder{color:#5f6368}.w-maps-input-text-small::-moz-placeholder{color:#5f6368}.w-maps-input-text-small:-ms-input-placeholder{color:#5f6368}.w-maps-input-text-small:-moz-placeholder{color:#5f6368}.w-maps-input-text-medium::-webkit-input-placeholder{color:#5f6368}.w-maps-input-text-medium::-moz-placeholder{color:#5f6368}.w-maps-input-text-medium:-ms-input-placeholder{color:#5f6368}.w-maps-input-text-medium:-moz-placeholder{color:#5f6368}.w-maps-input-text-small:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:11px}.w-maps-input-text-medium:focus{border-radius:8px;border:1px solid #d6f2ff;padding-left:15px}.w-maps-input-text-small:focus::-webkit-input-placeholder,.w-maps-input-text-medium:focus::-webkit-input-placeholder{color:transparent}.w-maps-input-text-small:focus::-moz-placeholder,.w-maps-input-text-medium:focus::-moz-placeholder{color:transparent}.w-maps-input-text-small:focus:-ms-input,.w-maps-input-text-medium:focus:-ms-input-placeholder{color:transparent}.w-maps-input-text-small:focus:-moz-placeholder,.w-maps-input-text-medium:focus:-moz-placeholder{color:transparent}.w-view-text-label-color{color:#bdc1c6}.w-view-text-content{height:40px}:host ::ng-deep .w-view-text-content .col-4{padding:4px 20px!important}:host ::ng-deep .w-view-text-content .col-8{padding:4px 20px!important}:host ::ng-deep .w-view-text-content.grid{display:flex;flex-wrap:wrap;margin:-4px -20px!important}\n"] }]
|
|
4533
4532
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { searchField: [{
|
|
4534
4533
|
type: ViewChild,
|
|
4535
4534
|
args: ['mapSearchField']
|