@artstesh/maps 1.1.30 → 1.1.32

package/dist/bundles/maps-components.umd.js

@@ -3504,6 +3504,7 @@
             _this.mapFactory = mapFactory;
             _this.registrator = registrator;
             _this.detector = detector;
+            _this.renderTryCount = 0;
             _this.osmUrl = '';
             _this.drawingLayerSettings = new FeatureLayerSettings().setName(MapConstants.DrawingLayerId);
             _this._settings = new MapSettings();
@@ -3523,7 +3524,7 @@
             enumerable: false,
             configurable: true
         });
-        MapPlateComponent.prototype.ngOnInit = function () {
+        MapPlateComponent.prototype.initializeMap = function () {
             var _this = this;
             proj.useGeographic();
             this.map = this.mapFactory.build(this._settings);
@@ -3538,6 +3539,21 @@
             });
             this.setOsm();
         };
+        MapPlateComponent.prototype.ngAfterViewInit = function () {
+            var _this = this;
+            var mapContainer = this.elementRef.nativeElement;
+            var checkContainerSize = function () {
+                var clientWidth = mapContainer.clientWidth, clientHeight = mapContainer.clientHeight;
+                if (clientWidth > 0 && clientHeight > 0) {
+                    _this.initializeMap();
+                }
+                else {
+                    console.error("Map's container is not rendered yet or has zero size. Trying again in 100 ms.");
+                    setTimeout(checkContainerSize, 20 * ++_this.renderTryCount); // Проверка каждые 100 мс
+                }
+            };
+            checkContainerSize();
+        };
         MapPlateComponent.prototype.setOsm = function () {
             if (!this.map)
                 return;
@@ -3559,7 +3575,7 @@
             FeatureService,
             FeatureModificationService,
             ControlsService,
-        ], usesInheritance: true, ngImport: i0__namespace, template: "<ng-content></ng-content>\r\n<art-osm-tile-layer *ngIf=\"osmUrl && map\" [map]=\"map\" [url]=\"osmUrl\"></art-osm-tile-layer>\r\n<art-feature-layer *ngIf=\"map\" [settings]=\"drawingLayerSettings\"></art-feature-layer>\r\n", styles: ["art-map-plate{position:relative;display:flex;flex-direction:column;height:100%}\n"], components: [{ type: OsmTileLayerComponent, selector: "art-osm-tile-layer", inputs: ["url", "map"] }, { type: FeatureLayerComponent, selector: "art-feature-layer", inputs: ["settings"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        ], usesInheritance: true, ngImport: i0__namespace, template: "<ng-content></ng-content>\r\n<art-osm-tile-layer *ngIf=\"osmUrl && map\" [map]=\"map\" [url]=\"osmUrl\"></art-osm-tile-layer>\r\n<art-feature-layer *ngIf=\"map\" [settings]=\"drawingLayerSettings\"></art-feature-layer>\r\n", styles: ["art-map-plate{display:block;width:100%;height:100%}\n"], components: [{ type: OsmTileLayerComponent, selector: "art-osm-tile-layer", inputs: ["url", "map"] }, { type: FeatureLayerComponent, selector: "art-feature-layer", inputs: ["settings"] }], directives: [{ type: i6__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: MapPlateComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -3579,6 +3595,7 @@
                             FeatureModificationService,
                             ControlsService,
                         ],
+                        encapsulation: i0.ViewEncapsulation.None,
                     }]
             }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: MapPostboyService }, { type: MapPlateFactory }, { type: MessageRegistratorService }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { settings: [{
                     type: i0.Input