@idsoftsource/initial-process 2.9.9 → 3.1.1
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.
|
@@ -1843,11 +1843,11 @@ class AddressMapPickerComponent {
|
|
|
1843
1843
|
this.cancelled.emit();
|
|
1844
1844
|
}
|
|
1845
1845
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AddressMapPickerComponent, deps: [{ token: i0.NgZone }, { token: i1$1.BsModalService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1846
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AddressMapPickerComponent, isStandalone: false, selector: "im-address-map-picker", inputs: { visible: "visible", title: "title", searchPlaceholder: "searchPlaceholder", options: "options", initialLat: "initialLat", initialLng: "initialLng", initialAddress: "initialAddress" }, outputs: { confirmed: "confirmed", cancelled: "cancelled" }, viewQueries: [{ propertyName: "pickerModalTpl", first: true, predicate: ["pickerModal"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #pickerModal>\r\n <div class=\"im-map-picker-modal__header\">\r\n <h5 class=\"im-map-picker-modal__title\">{{ title }}</h5>\r\n <button type=\"button\" class=\"im-map-picker-modal__close\" aria-label=\"Close\" (click)=\"cancel()\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/></svg>\r\n </button>\r\n </div>\r\n\r\n <div class=\"im-map-picker-modal__body\">\r\n <div class=\"im-map-picker\" *ngIf=\"mapsApiReady; else mapsLoadingTpl\">\r\n <div class=\"im-map-picker__search\">\r\n <span class=\"im-map-picker__search-icon\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\">\r\n <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" stroke-width=\"1.8\" />\r\n <path d=\"m20 20-3.5-3.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" />\r\n </svg>\r\n </span>\r\n <input type=\"text\" class=\"im-map-picker__search-input\" ngx-google-places-autocomplete [options]=\"options\"\r\n [(ngModel)]=\"searchText\" (onAddressChange)=\"onSearchAddressChange($event)\"\r\n [placeholder]=\"searchPlaceholder\" />\r\n\r\n <button type=\"button\" class=\"im-map-picker__locate-btn\" (click)=\"useCurrentLocation()\"\r\n [disabled]=\"isLocating\" title=\"Use my current location\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\" />\r\n <path d=\"M12 2v3M12 19v3M2 12h3M19 12h3\" stroke=\"currentColor\" stroke-width=\"1.8\"\r\n stroke-linecap=\"round\" />\r\n </svg>\r\n <span>{{ isLocating ? 'Locating\u2026' : 'Current location' }}</span>\r\n </button>\r\n </div>\r\n\r\n <p class=\"im-map-picker__hint\">Click on the map or drag the pin to set the exact address location.\r\n <strong>US addresses only.</strong>\r\n </p>\r\n\r\n <div class=\"im-map-picker__map-wrap\">\r\n <google-map class=\"im-map-picker__map\" height=\"380px\" width=\"100%\" [zoom]=\"zoom\" [center]=\"center\"\r\n [options]=\"mapOptions\" (mapClick)=\"onMapClick($event)\">\r\n <map-marker *ngIf=\"markerPosition\" [position]=\"markerPosition\" [options]=\"markerOptions\"\r\n (mapDragend)=\"onMarkerDragEnd($event)\">\r\n </map-marker>\r\n </google-map>\r\n\r\n <button type=\"button\" class=\"im-map-picker__view-toggle\" [class.im-map-picker__view-toggle--active]=\"isSatelliteView\"\r\n (click)=\"toggleSatelliteView()\" [title]=\"isSatelliteView ? 'Switch to map view' : 'Switch to satellite view'\">\r\n <svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\">\r\n <path d=\"M12 2 2 7l10 5 10-5-10-5Z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\" />\r\n <path d=\"m2 12 10 5 10-5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path d=\"m2 17 10 5 10-5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <span>{{ isSatelliteView ? 'Map' : 'Satellite' }}</span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result im-map-picker__result--warn\" *ngIf=\"isOutOfCountry && !isResolving\">\r\n <span class=\"im-map-picker__result-icon\">!</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">This location is outside the United States.</div>\r\n <div class=\"im-map-picker__result-coords\">Please choose an address within the US.</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result im-map-picker__result--warn\"\r\n *ngIf=\"isNonAddressFeature && !isResolving\">\r\n <span class=\"im-map-picker__result-icon\">!</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">This looks like water, parkland, a rail line, or similar \u2014\r\n not a street address.</div>\r\n <div class=\"im-map-picker__result-coords\">Zoom in and click directly on a building, or search for the\r\n address above.</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result im-map-picker__result--warn\"\r\n *ngIf=\"isMissingStreetAddress && !isNonAddressFeature && !isResolving\">\r\n <span class=\"im-map-picker__result-icon\">!</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">We couldn't find an exact street address here.</div>\r\n <div class=\"im-map-picker__result-coords\">Zoom in and click directly on a building, or search for the\r\n address above.</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result\"\r\n *ngIf=\"resolvedAddress && !isResolving && !isOutOfCountry && !isMissingStreetAddress && !isNonAddressFeature\">\r\n <span class=\"im-map-picker__result-icon\">✓</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">{{ resolvedAddress.formattedAddress }}</div>\r\n <div class=\"im-map-picker__result-coords\">\r\n {{ resolvedAddress.latitude.toFixed(5) }}, {{ resolvedAddress.longitude.toFixed(5) }}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__empty\" *ngIf=\"!resolvedAddress && !isResolving\">\r\n No location selected yet \u2014 search above or click the map.\r\n </div>\r\n\r\n <div class=\"im-map-picker__loading\" *ngIf=\"isResolving\">Resolving address\u2026</div>\r\n </div>\r\n\r\n <ng-template #mapsLoadingTpl>\r\n <div class=\"im-map-picker im-map-picker__loading-state\">Loading map\u2026</div>\r\n </ng-template>\r\n </div>\r\n\r\n <div class=\"im-map-picker-modal__footer\">\r\n <div class=\"im-map-picker__actions\">\r\n <button type=\"button\" class=\"im-map-picker__btn im-map-picker__btn--secondary\" (click)=\"cancel()\">\r\n Cancel\r\n </button>\r\n <button type=\"button\" class=\"im-map-picker__btn im-map-picker__btn--primary\"\r\n [disabled]=\"!resolvedAddress || isResolving || isOutOfCountry || isMissingStreetAddress || isNonAddressFeature\"\r\n (click)=\"confirm()\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\">\r\n <path d=\"m5 13 4 4L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n Confirm Location\r\n </button>\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: ["::ng-deep .im-map-picker-modal .modal-content{border-radius:12px;overflow:hidden;background:#fff!important}.im-map-picker-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eef1f5}.im-map-picker-modal__title{margin:0;font-size:16px;font-weight:600;color:#1a2535}.im-map-picker-modal__close{border:none;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px}.im-map-picker-modal__close:hover{background:#f1f5f9;color:#1a2535}.im-map-picker-modal__body{padding:16px 20px}.im-map-picker-modal__footer{padding:14px 20px;border-top:1px solid #eef1f5}.im-map-picker__search{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:10px}.im-map-picker__search-icon{position:absolute;left:12px;color:#94a3b8;display:flex}.im-map-picker__search-input{flex:1;padding:10px 12px 10px 36px;border:1px solid #d1d9e6;border-radius:8px;font-size:13.5px;outline:none}.im-map-picker__search-input:focus{border-color:#4077ad;box-shadow:0 0 0 3px #4077ad1f}.im-map-picker__locate-btn{display:flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #d1d9e6;border-radius:8px;background:#fff;color:#4077ad;font-size:12.5px;white-space:nowrap;cursor:pointer}.im-map-picker__locate-btn:hover{background:#eef4ff}.im-map-picker__locate-btn:disabled{opacity:.6;cursor:default}.im-map-picker__hint{font-size:12px;color:#64748b;margin:0 0 10px}.im-map-picker__map-wrap{position:relative;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0}.im-map-picker__view-toggle{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:7px 10px;border:none;border-radius:8px;background:#fff;box-shadow:0 2px 8px #00000026;font-size:12px;cursor:pointer}.im-map-picker__view-toggle--active{background:#1a2535;color:#fff}.im-map-picker__result{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;border-radius:8px;background:#f0fdf7;border:1px solid #bbf7d0}.im-map-picker__result--warn{background:#fffaf0;border-color:#fde68a}.im-map-picker__result-icon{font-weight:700;color:#16a34a}.im-map-picker__result--warn .im-map-picker__result-icon{color:#b45309}.im-map-picker__result-address{font-size:13px;font-weight:600;color:#1a2535}.im-map-picker__result-coords{font-size:11.5px;color:#64748b;margin-top:2px}.im-map-picker__empty,.im-map-picker__loading,.im-map-picker__loading-state{margin-top:12px;font-size:12.5px;color:#64748b;text-align:center;padding:14px}.im-map-picker__actions{display:flex;justify-content:flex-end;gap:10px}.im-map-picker__btn{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer}.im-map-picker__btn--secondary{background:#f1f5f9;color:#334155}.im-map-picker__btn--secondary:hover{background:#e2e8f0}.im-map-picker__btn--primary{background:#4077ad;color:#fff}.im-map-picker__btn--primary:hover{background:#2e5c8a}.im-map-picker__btn--primary:disabled{opacity:.5;cursor:default}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapId", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: i4.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged", "markerInitialized"], exportAs: ["mapMarker"] }, { kind: "directive", type: GooglePlaceDirective, selector: "[ngx-google-places-autocomplete]", inputs: ["options"], outputs: ["onAddressChange"], exportAs: ["ngx-places"] }] });
|
|
1846
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AddressMapPickerComponent, isStandalone: false, selector: "im-address-map-picker", inputs: { visible: "visible", title: "title", searchPlaceholder: "searchPlaceholder", options: "options", initialLat: "initialLat", initialLng: "initialLng", initialAddress: "initialAddress" }, outputs: { confirmed: "confirmed", cancelled: "cancelled" }, viewQueries: [{ propertyName: "pickerModalTpl", first: true, predicate: ["pickerModal"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #pickerModal>\r\n <div class=\"im-map-picker-modal__header\">\r\n <h5 class=\"im-map-picker-modal__title\">{{ title }}</h5>\r\n <button type=\"button\" class=\"im-map-picker-modal__close\" aria-label=\"Close\" (click)=\"cancel()\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/></svg>\r\n </button>\r\n </div>\r\n\r\n <div class=\"im-map-picker-modal__body\">\r\n <div class=\"im-map-picker\" *ngIf=\"mapsApiReady; else mapsLoadingTpl\">\r\n <div class=\"im-map-picker__search\">\r\n <span class=\"im-map-picker__search-icon\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\">\r\n <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" stroke-width=\"1.8\" />\r\n <path d=\"m20 20-3.5-3.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" />\r\n </svg>\r\n </span>\r\n <input type=\"text\" class=\"im-map-picker__search-input\" ngx-google-places-autocomplete [options]=\"options\"\r\n [(ngModel)]=\"searchText\" (onAddressChange)=\"onSearchAddressChange($event)\"\r\n [placeholder]=\"searchPlaceholder\" />\r\n\r\n <button type=\"button\" class=\"im-map-picker__locate-btn\" (click)=\"useCurrentLocation()\"\r\n [disabled]=\"isLocating\" title=\"Use my current location\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\" />\r\n <path d=\"M12 2v3M12 19v3M2 12h3M19 12h3\" stroke=\"currentColor\" stroke-width=\"1.8\"\r\n stroke-linecap=\"round\" />\r\n </svg>\r\n <span>{{ isLocating ? 'Locating\u2026' : 'Current location' }}</span>\r\n </button>\r\n </div>\r\n\r\n <p class=\"im-map-picker__hint\">Click on the map or drag the pin to set the exact address location.\r\n <strong>US addresses only.</strong>\r\n </p>\r\n\r\n <div class=\"im-map-picker__map-wrap\">\r\n <google-map class=\"im-map-picker__map\" height=\"380px\" width=\"100%\" [zoom]=\"zoom\" [center]=\"center\"\r\n [options]=\"mapOptions\" (mapClick)=\"onMapClick($event)\">\r\n <map-marker *ngIf=\"markerPosition\" [position]=\"markerPosition\" [options]=\"markerOptions\"\r\n (mapDragend)=\"onMarkerDragEnd($event)\">\r\n </map-marker>\r\n </google-map>\r\n\r\n <button type=\"button\" class=\"im-map-picker__view-toggle\" [class.im-map-picker__view-toggle--active]=\"isSatelliteView\"\r\n (click)=\"toggleSatelliteView()\" [title]=\"isSatelliteView ? 'Switch to map view' : 'Switch to satellite view'\">\r\n <svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\">\r\n <path d=\"M12 2 2 7l10 5 10-5-10-5Z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\" />\r\n <path d=\"m2 12 10 5 10-5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path d=\"m2 17 10 5 10-5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <span>{{ isSatelliteView ? 'Map' : 'Satellite' }}</span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result im-map-picker__result--warn\" *ngIf=\"isOutOfCountry && !isResolving\">\r\n <span class=\"im-map-picker__result-icon\">!</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">This location is outside the United States.</div>\r\n <div class=\"im-map-picker__result-coords\">Please choose an address within the US.</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result im-map-picker__result--warn\"\r\n *ngIf=\"isNonAddressFeature && !isResolving\">\r\n <span class=\"im-map-picker__result-icon\">!</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">This looks like water, parkland, a rail line, or similar \u2014\r\n not a street address.</div>\r\n <div class=\"im-map-picker__result-coords\">Zoom in and click directly on a building, or search for the\r\n address above.</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result im-map-picker__result--warn\"\r\n *ngIf=\"isMissingStreetAddress && !isNonAddressFeature && !isResolving\">\r\n <span class=\"im-map-picker__result-icon\">!</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">We couldn't find an exact street address here.</div>\r\n <div class=\"im-map-picker__result-coords\">Zoom in and click directly on a building, or search for the\r\n address above.</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result\"\r\n *ngIf=\"resolvedAddress && !isResolving && !isOutOfCountry && !isMissingStreetAddress && !isNonAddressFeature\">\r\n <span class=\"im-map-picker__result-icon\">✓</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">{{ resolvedAddress.formattedAddress }}</div>\r\n <div class=\"im-map-picker__result-coords\">\r\n {{ resolvedAddress.latitude.toFixed(5) }}, {{ resolvedAddress.longitude.toFixed(5) }}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__empty\" *ngIf=\"!resolvedAddress && !isResolving\">\r\n No location selected yet \u2014 search above or click the map.\r\n </div>\r\n\r\n <div class=\"im-map-picker__loading\" *ngIf=\"isResolving\">Resolving address\u2026</div>\r\n </div>\r\n\r\n <ng-template #mapsLoadingTpl>\r\n <div class=\"im-map-picker im-map-picker__loading-state\">Loading map\u2026</div>\r\n </ng-template>\r\n </div>\r\n\r\n <div class=\"im-map-picker-modal__footer\">\r\n <div class=\"im-map-picker__actions\">\r\n <button type=\"button\" class=\"im-map-picker__btn im-map-picker__btn--secondary\" (click)=\"cancel()\">\r\n Cancel\r\n </button>\r\n <button type=\"button\" class=\"im-map-picker__btn im-map-picker__btn--primary\"\r\n [disabled]=\"!resolvedAddress || isResolving || isOutOfCountry || isMissingStreetAddress || isNonAddressFeature\"\r\n (click)=\"confirm()\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\">\r\n <path d=\"m5 13 4 4L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n Confirm Location\r\n </button>\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: ["::ng-deep .im-map-picker-modal .modal-content{border-radius:12px;overflow:hidden;background:#fff!important}::ng-deep .pac-container{z-index:1075!important}.im-map-picker-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eef1f5}.im-map-picker-modal__title{margin:0;font-size:16px;font-weight:600;color:#1a2535}.im-map-picker-modal__close{border:none;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px}.im-map-picker-modal__close:hover{background:#f1f5f9;color:#1a2535}.im-map-picker-modal__body{padding:16px 20px}.im-map-picker-modal__footer{padding:14px 20px;border-top:1px solid #eef1f5}.im-map-picker__search{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:10px}.im-map-picker__search-icon{position:absolute;left:12px;color:#94a3b8;display:flex}.im-map-picker__search-input{flex:1;padding:10px 12px 10px 36px;border:1px solid #d1d9e6;border-radius:8px;font-size:13.5px;outline:none}.im-map-picker__search-input:focus{border-color:#4077ad;box-shadow:0 0 0 3px #4077ad1f}.im-map-picker__locate-btn{display:flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #d1d9e6;border-radius:8px;background:#fff;color:#4077ad;font-size:12.5px;white-space:nowrap;cursor:pointer}.im-map-picker__locate-btn:hover{background:#eef4ff}.im-map-picker__locate-btn:disabled{opacity:.6;cursor:default}.im-map-picker__hint{font-size:12px;color:#64748b;margin:0 0 10px}.im-map-picker__map-wrap{position:relative;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0}.im-map-picker__view-toggle{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:7px 10px;border:none;border-radius:8px;background:#fff;box-shadow:0 2px 8px #00000026;font-size:12px;cursor:pointer}.im-map-picker__view-toggle--active{background:#1a2535;color:#fff}.im-map-picker__result{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;border-radius:8px;background:#f0fdf7;border:1px solid #bbf7d0}.im-map-picker__result--warn{background:#fffaf0;border-color:#fde68a}.im-map-picker__result-icon{font-weight:700;color:#16a34a}.im-map-picker__result--warn .im-map-picker__result-icon{color:#b45309}.im-map-picker__result-address{font-size:13px;font-weight:600;color:#1a2535}.im-map-picker__result-coords{font-size:11.5px;color:#64748b;margin-top:2px}.im-map-picker__empty,.im-map-picker__loading,.im-map-picker__loading-state{margin-top:12px;font-size:12.5px;color:#64748b;text-align:center;padding:14px}.im-map-picker__actions{display:flex;justify-content:flex-end;gap:10px}.im-map-picker__btn{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer}.im-map-picker__btn--secondary{background:#f1f5f9;color:#334155}.im-map-picker__btn--secondary:hover{background:#e2e8f0}.im-map-picker__btn--primary{background:#4077ad;color:#fff}.im-map-picker__btn--primary:hover{background:#2e5c8a}.im-map-picker__btn--primary:disabled{opacity:.5;cursor:default}\n"], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapId", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "directive", type: i4.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged", "markerInitialized"], exportAs: ["mapMarker"] }, { kind: "directive", type: GooglePlaceDirective, selector: "[ngx-google-places-autocomplete]", inputs: ["options"], outputs: ["onAddressChange"], exportAs: ["ngx-places"] }] });
|
|
1847
1847
|
}
|
|
1848
1848
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AddressMapPickerComponent, decorators: [{
|
|
1849
1849
|
type: Component,
|
|
1850
|
-
args: [{ selector: 'im-address-map-picker', standalone: false, template: "<ng-template #pickerModal>\r\n <div class=\"im-map-picker-modal__header\">\r\n <h5 class=\"im-map-picker-modal__title\">{{ title }}</h5>\r\n <button type=\"button\" class=\"im-map-picker-modal__close\" aria-label=\"Close\" (click)=\"cancel()\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/></svg>\r\n </button>\r\n </div>\r\n\r\n <div class=\"im-map-picker-modal__body\">\r\n <div class=\"im-map-picker\" *ngIf=\"mapsApiReady; else mapsLoadingTpl\">\r\n <div class=\"im-map-picker__search\">\r\n <span class=\"im-map-picker__search-icon\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\">\r\n <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" stroke-width=\"1.8\" />\r\n <path d=\"m20 20-3.5-3.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" />\r\n </svg>\r\n </span>\r\n <input type=\"text\" class=\"im-map-picker__search-input\" ngx-google-places-autocomplete [options]=\"options\"\r\n [(ngModel)]=\"searchText\" (onAddressChange)=\"onSearchAddressChange($event)\"\r\n [placeholder]=\"searchPlaceholder\" />\r\n\r\n <button type=\"button\" class=\"im-map-picker__locate-btn\" (click)=\"useCurrentLocation()\"\r\n [disabled]=\"isLocating\" title=\"Use my current location\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\" />\r\n <path d=\"M12 2v3M12 19v3M2 12h3M19 12h3\" stroke=\"currentColor\" stroke-width=\"1.8\"\r\n stroke-linecap=\"round\" />\r\n </svg>\r\n <span>{{ isLocating ? 'Locating\u2026' : 'Current location' }}</span>\r\n </button>\r\n </div>\r\n\r\n <p class=\"im-map-picker__hint\">Click on the map or drag the pin to set the exact address location.\r\n <strong>US addresses only.</strong>\r\n </p>\r\n\r\n <div class=\"im-map-picker__map-wrap\">\r\n <google-map class=\"im-map-picker__map\" height=\"380px\" width=\"100%\" [zoom]=\"zoom\" [center]=\"center\"\r\n [options]=\"mapOptions\" (mapClick)=\"onMapClick($event)\">\r\n <map-marker *ngIf=\"markerPosition\" [position]=\"markerPosition\" [options]=\"markerOptions\"\r\n (mapDragend)=\"onMarkerDragEnd($event)\">\r\n </map-marker>\r\n </google-map>\r\n\r\n <button type=\"button\" class=\"im-map-picker__view-toggle\" [class.im-map-picker__view-toggle--active]=\"isSatelliteView\"\r\n (click)=\"toggleSatelliteView()\" [title]=\"isSatelliteView ? 'Switch to map view' : 'Switch to satellite view'\">\r\n <svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\">\r\n <path d=\"M12 2 2 7l10 5 10-5-10-5Z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\" />\r\n <path d=\"m2 12 10 5 10-5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path d=\"m2 17 10 5 10-5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <span>{{ isSatelliteView ? 'Map' : 'Satellite' }}</span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result im-map-picker__result--warn\" *ngIf=\"isOutOfCountry && !isResolving\">\r\n <span class=\"im-map-picker__result-icon\">!</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">This location is outside the United States.</div>\r\n <div class=\"im-map-picker__result-coords\">Please choose an address within the US.</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result im-map-picker__result--warn\"\r\n *ngIf=\"isNonAddressFeature && !isResolving\">\r\n <span class=\"im-map-picker__result-icon\">!</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">This looks like water, parkland, a rail line, or similar \u2014\r\n not a street address.</div>\r\n <div class=\"im-map-picker__result-coords\">Zoom in and click directly on a building, or search for the\r\n address above.</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result im-map-picker__result--warn\"\r\n *ngIf=\"isMissingStreetAddress && !isNonAddressFeature && !isResolving\">\r\n <span class=\"im-map-picker__result-icon\">!</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">We couldn't find an exact street address here.</div>\r\n <div class=\"im-map-picker__result-coords\">Zoom in and click directly on a building, or search for the\r\n address above.</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result\"\r\n *ngIf=\"resolvedAddress && !isResolving && !isOutOfCountry && !isMissingStreetAddress && !isNonAddressFeature\">\r\n <span class=\"im-map-picker__result-icon\">✓</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">{{ resolvedAddress.formattedAddress }}</div>\r\n <div class=\"im-map-picker__result-coords\">\r\n {{ resolvedAddress.latitude.toFixed(5) }}, {{ resolvedAddress.longitude.toFixed(5) }}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__empty\" *ngIf=\"!resolvedAddress && !isResolving\">\r\n No location selected yet \u2014 search above or click the map.\r\n </div>\r\n\r\n <div class=\"im-map-picker__loading\" *ngIf=\"isResolving\">Resolving address\u2026</div>\r\n </div>\r\n\r\n <ng-template #mapsLoadingTpl>\r\n <div class=\"im-map-picker im-map-picker__loading-state\">Loading map\u2026</div>\r\n </ng-template>\r\n </div>\r\n\r\n <div class=\"im-map-picker-modal__footer\">\r\n <div class=\"im-map-picker__actions\">\r\n <button type=\"button\" class=\"im-map-picker__btn im-map-picker__btn--secondary\" (click)=\"cancel()\">\r\n Cancel\r\n </button>\r\n <button type=\"button\" class=\"im-map-picker__btn im-map-picker__btn--primary\"\r\n [disabled]=\"!resolvedAddress || isResolving || isOutOfCountry || isMissingStreetAddress || isNonAddressFeature\"\r\n (click)=\"confirm()\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\">\r\n <path d=\"m5 13 4 4L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n Confirm Location\r\n </button>\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: ["::ng-deep .im-map-picker-modal .modal-content{border-radius:12px;overflow:hidden;background:#fff!important}.im-map-picker-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eef1f5}.im-map-picker-modal__title{margin:0;font-size:16px;font-weight:600;color:#1a2535}.im-map-picker-modal__close{border:none;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px}.im-map-picker-modal__close:hover{background:#f1f5f9;color:#1a2535}.im-map-picker-modal__body{padding:16px 20px}.im-map-picker-modal__footer{padding:14px 20px;border-top:1px solid #eef1f5}.im-map-picker__search{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:10px}.im-map-picker__search-icon{position:absolute;left:12px;color:#94a3b8;display:flex}.im-map-picker__search-input{flex:1;padding:10px 12px 10px 36px;border:1px solid #d1d9e6;border-radius:8px;font-size:13.5px;outline:none}.im-map-picker__search-input:focus{border-color:#4077ad;box-shadow:0 0 0 3px #4077ad1f}.im-map-picker__locate-btn{display:flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #d1d9e6;border-radius:8px;background:#fff;color:#4077ad;font-size:12.5px;white-space:nowrap;cursor:pointer}.im-map-picker__locate-btn:hover{background:#eef4ff}.im-map-picker__locate-btn:disabled{opacity:.6;cursor:default}.im-map-picker__hint{font-size:12px;color:#64748b;margin:0 0 10px}.im-map-picker__map-wrap{position:relative;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0}.im-map-picker__view-toggle{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:7px 10px;border:none;border-radius:8px;background:#fff;box-shadow:0 2px 8px #00000026;font-size:12px;cursor:pointer}.im-map-picker__view-toggle--active{background:#1a2535;color:#fff}.im-map-picker__result{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;border-radius:8px;background:#f0fdf7;border:1px solid #bbf7d0}.im-map-picker__result--warn{background:#fffaf0;border-color:#fde68a}.im-map-picker__result-icon{font-weight:700;color:#16a34a}.im-map-picker__result--warn .im-map-picker__result-icon{color:#b45309}.im-map-picker__result-address{font-size:13px;font-weight:600;color:#1a2535}.im-map-picker__result-coords{font-size:11.5px;color:#64748b;margin-top:2px}.im-map-picker__empty,.im-map-picker__loading,.im-map-picker__loading-state{margin-top:12px;font-size:12.5px;color:#64748b;text-align:center;padding:14px}.im-map-picker__actions{display:flex;justify-content:flex-end;gap:10px}.im-map-picker__btn{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer}.im-map-picker__btn--secondary{background:#f1f5f9;color:#334155}.im-map-picker__btn--secondary:hover{background:#e2e8f0}.im-map-picker__btn--primary{background:#4077ad;color:#fff}.im-map-picker__btn--primary:hover{background:#2e5c8a}.im-map-picker__btn--primary:disabled{opacity:.5;cursor:default}\n"] }]
|
|
1850
|
+
args: [{ selector: 'im-address-map-picker', standalone: false, template: "<ng-template #pickerModal>\r\n <div class=\"im-map-picker-modal__header\">\r\n <h5 class=\"im-map-picker-modal__title\">{{ title }}</h5>\r\n <button type=\"button\" class=\"im-map-picker-modal__close\" aria-label=\"Close\" (click)=\"cancel()\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/></svg>\r\n </button>\r\n </div>\r\n\r\n <div class=\"im-map-picker-modal__body\">\r\n <div class=\"im-map-picker\" *ngIf=\"mapsApiReady; else mapsLoadingTpl\">\r\n <div class=\"im-map-picker__search\">\r\n <span class=\"im-map-picker__search-icon\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\">\r\n <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" stroke-width=\"1.8\" />\r\n <path d=\"m20 20-3.5-3.5\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" />\r\n </svg>\r\n </span>\r\n <input type=\"text\" class=\"im-map-picker__search-input\" ngx-google-places-autocomplete [options]=\"options\"\r\n [(ngModel)]=\"searchText\" (onAddressChange)=\"onSearchAddressChange($event)\"\r\n [placeholder]=\"searchPlaceholder\" />\r\n\r\n <button type=\"button\" class=\"im-map-picker__locate-btn\" (click)=\"useCurrentLocation()\"\r\n [disabled]=\"isLocating\" title=\"Use my current location\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\">\r\n <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\" />\r\n <path d=\"M12 2v3M12 19v3M2 12h3M19 12h3\" stroke=\"currentColor\" stroke-width=\"1.8\"\r\n stroke-linecap=\"round\" />\r\n </svg>\r\n <span>{{ isLocating ? 'Locating\u2026' : 'Current location' }}</span>\r\n </button>\r\n </div>\r\n\r\n <p class=\"im-map-picker__hint\">Click on the map or drag the pin to set the exact address location.\r\n <strong>US addresses only.</strong>\r\n </p>\r\n\r\n <div class=\"im-map-picker__map-wrap\">\r\n <google-map class=\"im-map-picker__map\" height=\"380px\" width=\"100%\" [zoom]=\"zoom\" [center]=\"center\"\r\n [options]=\"mapOptions\" (mapClick)=\"onMapClick($event)\">\r\n <map-marker *ngIf=\"markerPosition\" [position]=\"markerPosition\" [options]=\"markerOptions\"\r\n (mapDragend)=\"onMarkerDragEnd($event)\">\r\n </map-marker>\r\n </google-map>\r\n\r\n <button type=\"button\" class=\"im-map-picker__view-toggle\" [class.im-map-picker__view-toggle--active]=\"isSatelliteView\"\r\n (click)=\"toggleSatelliteView()\" [title]=\"isSatelliteView ? 'Switch to map view' : 'Switch to satellite view'\">\r\n <svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\">\r\n <path d=\"M12 2 2 7l10 5 10-5-10-5Z\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linejoin=\"round\" />\r\n <path d=\"m2 12 10 5 10-5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n <path d=\"m2 17 10 5 10-5\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n <span>{{ isSatelliteView ? 'Map' : 'Satellite' }}</span>\r\n </button>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result im-map-picker__result--warn\" *ngIf=\"isOutOfCountry && !isResolving\">\r\n <span class=\"im-map-picker__result-icon\">!</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">This location is outside the United States.</div>\r\n <div class=\"im-map-picker__result-coords\">Please choose an address within the US.</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result im-map-picker__result--warn\"\r\n *ngIf=\"isNonAddressFeature && !isResolving\">\r\n <span class=\"im-map-picker__result-icon\">!</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">This looks like water, parkland, a rail line, or similar \u2014\r\n not a street address.</div>\r\n <div class=\"im-map-picker__result-coords\">Zoom in and click directly on a building, or search for the\r\n address above.</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result im-map-picker__result--warn\"\r\n *ngIf=\"isMissingStreetAddress && !isNonAddressFeature && !isResolving\">\r\n <span class=\"im-map-picker__result-icon\">!</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">We couldn't find an exact street address here.</div>\r\n <div class=\"im-map-picker__result-coords\">Zoom in and click directly on a building, or search for the\r\n address above.</div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__result\"\r\n *ngIf=\"resolvedAddress && !isResolving && !isOutOfCountry && !isMissingStreetAddress && !isNonAddressFeature\">\r\n <span class=\"im-map-picker__result-icon\">✓</span>\r\n <div class=\"im-map-picker__result-text\">\r\n <div class=\"im-map-picker__result-address\">{{ resolvedAddress.formattedAddress }}</div>\r\n <div class=\"im-map-picker__result-coords\">\r\n {{ resolvedAddress.latitude.toFixed(5) }}, {{ resolvedAddress.longitude.toFixed(5) }}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"im-map-picker__empty\" *ngIf=\"!resolvedAddress && !isResolving\">\r\n No location selected yet \u2014 search above or click the map.\r\n </div>\r\n\r\n <div class=\"im-map-picker__loading\" *ngIf=\"isResolving\">Resolving address\u2026</div>\r\n </div>\r\n\r\n <ng-template #mapsLoadingTpl>\r\n <div class=\"im-map-picker im-map-picker__loading-state\">Loading map\u2026</div>\r\n </ng-template>\r\n </div>\r\n\r\n <div class=\"im-map-picker-modal__footer\">\r\n <div class=\"im-map-picker__actions\">\r\n <button type=\"button\" class=\"im-map-picker__btn im-map-picker__btn--secondary\" (click)=\"cancel()\">\r\n Cancel\r\n </button>\r\n <button type=\"button\" class=\"im-map-picker__btn im-map-picker__btn--primary\"\r\n [disabled]=\"!resolvedAddress || isResolving || isOutOfCountry || isMissingStreetAddress || isNonAddressFeature\"\r\n (click)=\"confirm()\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\">\r\n <path d=\"m5 13 4 4L19 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n Confirm Location\r\n </button>\r\n </div>\r\n </div>\r\n</ng-template>\r\n", styles: ["::ng-deep .im-map-picker-modal .modal-content{border-radius:12px;overflow:hidden;background:#fff!important}::ng-deep .pac-container{z-index:1075!important}.im-map-picker-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eef1f5}.im-map-picker-modal__title{margin:0;font-size:16px;font-weight:600;color:#1a2535}.im-map-picker-modal__close{border:none;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px}.im-map-picker-modal__close:hover{background:#f1f5f9;color:#1a2535}.im-map-picker-modal__body{padding:16px 20px}.im-map-picker-modal__footer{padding:14px 20px;border-top:1px solid #eef1f5}.im-map-picker__search{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:10px}.im-map-picker__search-icon{position:absolute;left:12px;color:#94a3b8;display:flex}.im-map-picker__search-input{flex:1;padding:10px 12px 10px 36px;border:1px solid #d1d9e6;border-radius:8px;font-size:13.5px;outline:none}.im-map-picker__search-input:focus{border-color:#4077ad;box-shadow:0 0 0 3px #4077ad1f}.im-map-picker__locate-btn{display:flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #d1d9e6;border-radius:8px;background:#fff;color:#4077ad;font-size:12.5px;white-space:nowrap;cursor:pointer}.im-map-picker__locate-btn:hover{background:#eef4ff}.im-map-picker__locate-btn:disabled{opacity:.6;cursor:default}.im-map-picker__hint{font-size:12px;color:#64748b;margin:0 0 10px}.im-map-picker__map-wrap{position:relative;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0}.im-map-picker__view-toggle{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:6px;padding:7px 10px;border:none;border-radius:8px;background:#fff;box-shadow:0 2px 8px #00000026;font-size:12px;cursor:pointer}.im-map-picker__view-toggle--active{background:#1a2535;color:#fff}.im-map-picker__result{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;border-radius:8px;background:#f0fdf7;border:1px solid #bbf7d0}.im-map-picker__result--warn{background:#fffaf0;border-color:#fde68a}.im-map-picker__result-icon{font-weight:700;color:#16a34a}.im-map-picker__result--warn .im-map-picker__result-icon{color:#b45309}.im-map-picker__result-address{font-size:13px;font-weight:600;color:#1a2535}.im-map-picker__result-coords{font-size:11.5px;color:#64748b;margin-top:2px}.im-map-picker__empty,.im-map-picker__loading,.im-map-picker__loading-state{margin-top:12px;font-size:12.5px;color:#64748b;text-align:center;padding:14px}.im-map-picker__actions{display:flex;justify-content:flex-end;gap:10px}.im-map-picker__btn{display:flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:600;border:none;cursor:pointer}.im-map-picker__btn--secondary{background:#f1f5f9;color:#334155}.im-map-picker__btn--secondary:hover{background:#e2e8f0}.im-map-picker__btn--primary{background:#4077ad;color:#fff}.im-map-picker__btn--primary:hover{background:#2e5c8a}.im-map-picker__btn--primary:disabled{opacity:.5;cursor:default}\n"] }]
|
|
1851
1851
|
}], ctorParameters: () => [{ type: i0.NgZone }, { type: i1$1.BsModalService }], propDecorators: { visible: [{
|
|
1852
1852
|
type: Input
|
|
1853
1853
|
}], title: [{
|