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
|
@@ -2157,19 +2157,19 @@ class SessionStorageService {
|
|
|
2157
2157
|
this.previousUrl = "previousUrl";
|
|
2158
2158
|
}
|
|
2159
2159
|
setPreviousRoute(previousRoute) {
|
|
2160
|
-
window.
|
|
2160
|
+
window.sessionStorage.setItem(this.previousUrl, previousRoute);
|
|
2161
2161
|
}
|
|
2162
2162
|
getPreviousRoute() {
|
|
2163
|
-
return
|
|
2163
|
+
return sessionStorage.getItem(this.previousUrl);
|
|
2164
2164
|
}
|
|
2165
2165
|
setLastFilterPanelQuery(storedQuery) {
|
|
2166
|
-
|
|
2166
|
+
sessionStorage.setItem(this.lastQuery, JSON.stringify(storedQuery));
|
|
2167
2167
|
}
|
|
2168
2168
|
getLastFilterPanelQuery() {
|
|
2169
|
-
return JSON.parse(
|
|
2169
|
+
return JSON.parse(sessionStorage.getItem(this.lastQuery));
|
|
2170
2170
|
}
|
|
2171
2171
|
removeLastFilterPanelQuery() {
|
|
2172
|
-
|
|
2172
|
+
sessionStorage.removeItem(this.lastQuery);
|
|
2173
2173
|
}
|
|
2174
2174
|
}
|
|
2175
2175
|
SessionStorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SessionStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
@@ -2639,7 +2639,7 @@ class WFilterPanelComponent {
|
|
|
2639
2639
|
while (route.parent) {
|
|
2640
2640
|
route = route.parent;
|
|
2641
2641
|
if (route.snapshot.routeConfig && route.snapshot.routeConfig.path) {
|
|
2642
|
-
parentRoute = route.snapshot.routeConfig.path + '/' + parentRoute;
|
|
2642
|
+
parentRoute = route.snapshot.routeConfig.path + (parentRoute ? '/' : '') + parentRoute;
|
|
2643
2643
|
}
|
|
2644
2644
|
}
|
|
2645
2645
|
return parentRoute;
|
|
@@ -4408,38 +4408,39 @@ class WMapsComponent {
|
|
|
4408
4408
|
ngOnInit() {
|
|
4409
4409
|
}
|
|
4410
4410
|
ngAfterViewInit() {
|
|
4411
|
-
|
|
4412
|
-
|
|
4413
|
-
|
|
4414
|
-
|
|
4415
|
-
|
|
4416
|
-
|
|
4417
|
-
|
|
4418
|
-
|
|
4419
|
-
if (this.initialCoords != undefined) {
|
|
4420
|
-
let position = {
|
|
4421
|
-
coords: {
|
|
4422
|
-
latitude: this.initialCoords.latitude,
|
|
4423
|
-
longitude: this.initialCoords.longitude,
|
|
4424
|
-
}
|
|
4425
|
-
};
|
|
4426
|
-
this.loadMap(position);
|
|
4427
|
-
}
|
|
4428
|
-
else {
|
|
4429
|
-
if (navigator.geolocation) {
|
|
4430
|
-
const opciones = {
|
|
4431
|
-
enableHighAccuracy: true,
|
|
4432
|
-
timeout: 5000,
|
|
4433
|
-
maximumAge: 0
|
|
4411
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
4412
|
+
this.loadAutoComplete();
|
|
4413
|
+
if (this.initialCoords != undefined) {
|
|
4414
|
+
let position = {
|
|
4415
|
+
coords: {
|
|
4416
|
+
latitude: this.initialCoords.latitude,
|
|
4417
|
+
longitude: this.initialCoords.longitude,
|
|
4418
|
+
}
|
|
4434
4419
|
};
|
|
4435
|
-
|
|
4436
|
-
yield this.loadMap(position);
|
|
4437
|
-
}), null, opciones);
|
|
4420
|
+
yield this.loadMap(position);
|
|
4438
4421
|
}
|
|
4439
4422
|
else {
|
|
4440
|
-
|
|
4423
|
+
if (navigator.geolocation) {
|
|
4424
|
+
const opciones = {
|
|
4425
|
+
enableHighAccuracy: true,
|
|
4426
|
+
timeout: 5000,
|
|
4427
|
+
maximumAge: 10000
|
|
4428
|
+
};
|
|
4429
|
+
navigator.geolocation.getCurrentPosition((position) => __awaiter(this, void 0, void 0, function* () {
|
|
4430
|
+
this.initialCoords = {
|
|
4431
|
+
coords: {
|
|
4432
|
+
latitude: position.coords.latitude,
|
|
4433
|
+
longitude: position.coords.longitude
|
|
4434
|
+
}
|
|
4435
|
+
};
|
|
4436
|
+
yield this.loadMap(this.initialCoords);
|
|
4437
|
+
}), null, opciones);
|
|
4438
|
+
}
|
|
4439
|
+
else {
|
|
4440
|
+
console.log('Navegador no compatible');
|
|
4441
|
+
}
|
|
4441
4442
|
}
|
|
4442
|
-
}
|
|
4443
|
+
});
|
|
4443
4444
|
}
|
|
4444
4445
|
ngOnChanges(changes) {
|
|
4445
4446
|
if (changes['initialCoords']) {
|
|
@@ -4457,18 +4458,20 @@ class WMapsComponent {
|
|
|
4457
4458
|
}
|
|
4458
4459
|
}
|
|
4459
4460
|
loadMap(position) {
|
|
4460
|
-
|
|
4461
|
-
|
|
4462
|
-
|
|
4463
|
-
|
|
4464
|
-
|
|
4465
|
-
|
|
4466
|
-
|
|
4467
|
-
|
|
4468
|
-
|
|
4469
|
-
|
|
4461
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
4462
|
+
const opciones = {
|
|
4463
|
+
center: new google.maps.LatLng(position.coords.latitude, position.coords.longitude),
|
|
4464
|
+
zoom: 11,
|
|
4465
|
+
mapTypeId: google.maps.MapTypeId.ROADMAP
|
|
4466
|
+
};
|
|
4467
|
+
this.map = yield new google.maps.Map(this.render.selectRootElement(this.divMap.nativeElement), opciones);
|
|
4468
|
+
const marker = new google.maps.Marker;
|
|
4469
|
+
marker.setMap(null);
|
|
4470
|
+
this.marker = new google.maps.Marker({
|
|
4471
|
+
position: this.map.getCenter(),
|
|
4472
|
+
});
|
|
4473
|
+
this.marker.setMap(this.map);
|
|
4470
4474
|
});
|
|
4471
|
-
this.marker.setMap(this.map);
|
|
4472
4475
|
}
|
|
4473
4476
|
returnAddress(place) {
|
|
4474
4477
|
let address_component = place.address_components;
|
|
@@ -4499,10 +4502,10 @@ class WMapsComponent {
|
|
|
4499
4502
|
}
|
|
4500
4503
|
}
|
|
4501
4504
|
WMapsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WMapsComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
4502
|
-
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 });
|
|
4505
|
+
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 });
|
|
4503
4506
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: WMapsComponent, decorators: [{
|
|
4504
4507
|
type: Component,
|
|
4505
|
-
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"] }]
|
|
4508
|
+
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"] }]
|
|
4506
4509
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { searchField: [{
|
|
4507
4510
|
type: ViewChild,
|
|
4508
4511
|
args: ['mapSearchField']
|