@theseam/ui-common 0.3.4 → 0.3.7

package/breadcrumbs/_breadcrumbs-theme.scss

@@ -1,3 +1,3 @@
-@import './styles/utilities';
-
-@import './breadcrumbs/breadcrumbs.component.scss';
+@import './styles/utilities';
+
+@import './breadcrumbs/breadcrumbs.component.scss';

package/breadcrumbs/breadcrumbs/breadcrumbs.component.scss

@@ -1,10 +1,10 @@
-@import '../styles/utilities';
-
-seam-breadcrumbs {
-  li {
-    color: $breadcrumb-color;
-    a {
-      color: inherit;
-    }
-  }
-}
+@import '../styles/utilities';
+
+seam-breadcrumbs {
+  li {
+    color: $breadcrumb-color;
+    a {
+      color: inherit;
+    }
+  }
+}

package/bundles/theseam-ui-common-google-maps.umd.js

@@ -420,6 +420,27 @@
         }
         coordinates.push(coordinates[0]);
     }
+    function polygonHasValidPathsLengths(polygon, minPointsInValidPath) {
+        var e_3, _a;
+        if (minPointsInValidPath === void 0) { minPointsInValidPath = 3; }
+        var paths = polygon.getPaths().getArray();
+        try {
+            for (var paths_1 = __values(paths), paths_1_1 = paths_1.next(); !paths_1_1.done; paths_1_1 = paths_1.next()) {
+                var path = paths_1_1.value;
+                if (path.getLength() < minPointsInValidPath) {
+                    return false;
+                }
+            }
+        }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
+        finally {
+            try {
+                if (paths_1_1 && !paths_1_1.done && (_a = paths_1.return)) _a.call(paths_1);
+            }
+            finally { if (e_3) throw e_3.error; }
+        }
+        return true;
+    }
     function polygonCoordinates(polygon) {
         return polygon.getArray().map(function (linRing) {
             var coords = linRing.getArray().map(function (x) { return [x.lng(), x.lat()]; });
@@ -451,9 +472,9 @@
         return booleanContains__default["default"](polygonA, polygonB);
     }
     function createDataFeatureFromPolygon(polygon) {
-        var arr = polygon.getPath().getArray();
+        var arr = polygon.getPaths().getArray().map(function (x) { return x.getArray(); });
         return new google.maps.Data.Feature({
-            geometry: new google.maps.Data.Polygon([arr])
+            geometry: new google.maps.Data.Polygon(arr)
         });
     }
     function getBoundsWithAllFeatures(data) {
@@ -829,7 +850,7 @@
         };
         GoogleMapsService.prototype.setData = function (data) {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_b) {
+                return __generator(this, function (_c) {
                     this._assertInitialized();
                     removeAllFeatures(this.googleMap.data);
                     this.googleMap.data.addGeoJson(data);
@@ -857,7 +878,7 @@
             this._allowDrawingHoleInPolygon = allow;
         };
         GoogleMapsService.prototype.setFileInputHandler = function (handler) {
-            this._fileInputHandler;
+            this._fileInputHandler = handler;
         };
         GoogleMapsService.prototype.getFileInputHandler = function () {
             return this._fileInputHandler;
@@ -917,7 +938,7 @@
             });
             if (utils.notNullOrUndefined(this._drawingManager)) {
                 google.maps.event.addListener(this._drawingManager, 'polygoncomplete', function (polygon) {
-                    var _a;
+                    var _a, _b;
                     // The DrawingManager doesn't seem to have a way to access the overlays,
                     // so if the map is not set then it shouldn'y be considered a successful
                     // completion. I am canceling the active drawing by disabling drawing
@@ -927,12 +948,22 @@
                         return;
                     }
                     _this._assertInitialized();
+                    // TODO: See if there is a way to prevent the polygon from completing
+                    // without enough points. This is very low priority, because starting
+                    // over after adding a single point isn't a major inconvenience.
+                    if (!polygonHasValidPathsLengths(polygon)) {
+                        // Remove the drawn polygon.
+                        polygon.setMap(null);
+                        // Stop drawing.
+                        (_a = _this._drawingManager) === null || _a === void 0 ? void 0 : _a.setDrawingMode(null);
+                        return;
+                    }
                     // Create a map feature of the drawn polygon.
                     var feature = createDataFeatureFromPolygon(polygon);
                     // Remove the drawn polygon.
                     polygon.setMap(null);
                     // Stop drawing.
-                    (_a = _this._drawingManager) === null || _a === void 0 ? void 0 : _a.setDrawingMode(null);
+                    (_b = _this._drawingManager) === null || _b === void 0 ? void 0 : _b.setDrawingMode(null);
                     // Check if the feature should be used as a cutout to an existing
                     // feature or added as it's own feature.
                     var exteriorPolygonFeature = _this._allowDrawingHoleInPolygon
@@ -1894,7 +1925,7 @@
     TheSeamGoogleMapsPlacesAutoCompleteComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'seam-google-maps-places-autocomplete',
-                    template: "<div *ngIf=\"icon\" class=\"search-container--icon-wrapper\">\n  <seam-icon [icon]=\"icon\" class=\"text-muted\" size=\"lg\"></seam-icon>\n</div>\n<label *ngIf=\"label || placeholder\" [attr.for]=\"inp.id\" class=\"sr-only\">{{ label || placeholder }}</label>\n<input #inp=\"seamInput\"\n  seamInput\n  seamGoogleMapsPlacesAutocomplete\n  [disabled]=\"disabled\"\n  [attr.placeholder]=\"placeholder\"\n  [attr.autocorrect]=\"autocorrect\"\n  [attr.autocapitalize]=\"autocapitalize\"\n  [options]=\"_options\"\n/>\n",
+                    template: "<div *ngIf=\"icon\" class=\"search-container--icon-wrapper\">\r\n  <seam-icon [icon]=\"icon\" class=\"text-muted\" size=\"lg\"></seam-icon>\r\n</div>\r\n<label *ngIf=\"label || placeholder\" [attr.for]=\"inp.id\" class=\"sr-only\">{{ label || placeholder }}</label>\r\n<input #inp=\"seamInput\"\r\n  seamInput\r\n  seamGoogleMapsPlacesAutocomplete\r\n  [disabled]=\"disabled\"\r\n  [attr.placeholder]=\"placeholder\"\r\n  [attr.autocorrect]=\"autocorrect\"\r\n  [attr.autocapitalize]=\"autocapitalize\"\r\n  [options]=\"_options\"\r\n/>\r\n",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
                     exportAs: 'seamGoogleMapsPlacesAutoComplete',
                     styles: [":host{position:relative;width:100%}:host>input{padding-left:40px}:host .search-container--icon-wrapper{position:absolute;top:6px;left:10px;bottom:0px}:host .search-container--icon-wrapper ::ng-deep .svg-inline--fa{vertical-align:middle}\n"]
@@ -2186,6 +2217,7 @@
     exports.isFeatureSelected = isFeatureSelected;
     exports.multiPolygonCoordinates = multiPolygonCoordinates;
     exports.polygonCoordinates = polygonCoordinates;
+    exports.polygonHasValidPathsLengths = polygonHasValidPathsLengths;
     exports.removeAllFeatures = removeAllFeatures;
     exports.setFeatureSelected = setFeatureSelected;
     exports.stripAppFeaturePropertiesFromJson = stripAppFeaturePropertiesFromJson;