mapshaper 0.6.18 → 0.6.20

package/www/modules.js

@@ -9198,7 +9198,307 @@ if ("Ā" != "\u0100") {
     console.error("iconv-lite warning: js files use non-utf8 encoding. See https://github.com/ashtuchkin/iconv-lite/wiki/Javascript-source-file-encodings for more info.");
 }
 
-},{"../encodings":6,"./bom-handling":22,"./streams":23,"safer-buffer":39,"stream":2}],"kdbush":[function(require,module,exports){
+},{"../encodings":6,"./bom-handling":22,"./streams":23,"safer-buffer":39,"stream":2}],"idb-keyval":[function(require,module,exports){
+'use strict';
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+function promisifyRequest(request) {
+  return new Promise(function (resolve, reject) {
+    // @ts-ignore - file size hacks
+    request.oncomplete = request.onsuccess = function () {
+      return resolve(request.result);
+    }; // @ts-ignore - file size hacks
+
+
+    request.onabort = request.onerror = function () {
+      return reject(request.error);
+    };
+  });
+}
+
+function createStore(dbName, storeName) {
+  var request = indexedDB.open(dbName);
+
+  request.onupgradeneeded = function () {
+    return request.result.createObjectStore(storeName);
+  };
+
+  var dbp = promisifyRequest(request);
+  return function (txMode, callback) {
+    return dbp.then(function (db) {
+      return callback(db.transaction(storeName, txMode).objectStore(storeName));
+    });
+  };
+}
+
+var defaultGetStoreFunc;
+
+function defaultGetStore() {
+  if (!defaultGetStoreFunc) {
+    defaultGetStoreFunc = createStore('keyval-store', 'keyval');
+  }
+
+  return defaultGetStoreFunc;
+}
+/**
+ * Get a value by its key.
+ *
+ * @param key
+ * @param customStore Method to get a custom store. Use with caution (see the docs).
+ */
+
+
+function get(key) {
+  var customStore = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultGetStore();
+  return customStore('readonly', function (store) {
+    return promisifyRequest(store.get(key));
+  });
+}
+/**
+ * Set a value with a key.
+ *
+ * @param key
+ * @param value
+ * @param customStore Method to get a custom store. Use with caution (see the docs).
+ */
+
+
+function set(key, value) {
+  var customStore = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultGetStore();
+  return customStore('readwrite', function (store) {
+    store.put(value, key);
+    return promisifyRequest(store.transaction);
+  });
+}
+/**
+ * Set multiple values at once. This is faster than calling set() multiple times.
+ * It's also atomic – if one of the pairs can't be added, none will be added.
+ *
+ * @param entries Array of entries, where each entry is an array of `[key, value]`.
+ * @param customStore Method to get a custom store. Use with caution (see the docs).
+ */
+
+
+function setMany(entries) {
+  var customStore = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultGetStore();
+  return customStore('readwrite', function (store) {
+    entries.forEach(function (entry) {
+      return store.put(entry[1], entry[0]);
+    });
+    return promisifyRequest(store.transaction);
+  });
+}
+/**
+ * Get multiple values by their keys
+ *
+ * @param keys
+ * @param customStore Method to get a custom store. Use with caution (see the docs).
+ */
+
+
+function getMany(keys) {
+  var customStore = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultGetStore();
+  return customStore('readonly', function (store) {
+    return Promise.all(keys.map(function (key) {
+      return promisifyRequest(store.get(key));
+    }));
+  });
+}
+/**
+ * Update a value. This lets you see the old value and update it as an atomic operation.
+ *
+ * @param key
+ * @param updater A callback that takes the old value and returns a new value.
+ * @param customStore Method to get a custom store. Use with caution (see the docs).
+ */
+
+
+function update(key, updater) {
+  var customStore = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultGetStore();
+  return customStore('readwrite', function (store) {
+    return (// Need to create the promise manually.
+      // If I try to chain promises, the transaction closes in browsers
+      // that use a promise polyfill (IE10/11).
+      new Promise(function (resolve, reject) {
+        store.get(key).onsuccess = function () {
+          try {
+            store.put(updater(this.result), key);
+            resolve(promisifyRequest(store.transaction));
+          } catch (err) {
+            reject(err);
+          }
+        };
+      })
+    );
+  });
+}
+/**
+ * Delete a particular key from the store.
+ *
+ * @param key
+ * @param customStore Method to get a custom store. Use with caution (see the docs).
+ */
+
+
+function del(key) {
+  var customStore = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultGetStore();
+  return customStore('readwrite', function (store) {
+    store.delete(key);
+    return promisifyRequest(store.transaction);
+  });
+}
+/**
+ * Delete multiple keys at once.
+ *
+ * @param keys List of keys to delete.
+ * @param customStore Method to get a custom store. Use with caution (see the docs).
+ */
+
+
+function delMany(keys) {
+  var customStore = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultGetStore();
+  return customStore('readwrite', function (store) {
+    keys.forEach(function (key) {
+      return store.delete(key);
+    });
+    return promisifyRequest(store.transaction);
+  });
+}
+/**
+ * Clear all values in the store.
+ *
+ * @param customStore Method to get a custom store. Use with caution (see the docs).
+ */
+
+
+function clear() {
+  var customStore = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultGetStore();
+  return customStore('readwrite', function (store) {
+    store.clear();
+    return promisifyRequest(store.transaction);
+  });
+}
+
+function eachCursor(store, callback) {
+  store.openCursor().onsuccess = function () {
+    if (!this.result) return;
+    callback(this.result);
+    this.result.continue();
+  };
+
+  return promisifyRequest(store.transaction);
+}
+/**
+ * Get all keys in the store.
+ *
+ * @param customStore Method to get a custom store. Use with caution (see the docs).
+ */
+
+
+function keys() {
+  var customStore = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultGetStore();
+  return customStore('readonly', function (store) {
+    // Fast path for modern browsers
+    if (store.getAllKeys) {
+      return promisifyRequest(store.getAllKeys());
+    }
+
+    var items = [];
+    return eachCursor(store, function (cursor) {
+      return items.push(cursor.key);
+    }).then(function () {
+      return items;
+    });
+  });
+}
+/**
+ * Get all values in the store.
+ *
+ * @param customStore Method to get a custom store. Use with caution (see the docs).
+ */
+
+
+function values() {
+  var customStore = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultGetStore();
+  return customStore('readonly', function (store) {
+    // Fast path for modern browsers
+    if (store.getAll) {
+      return promisifyRequest(store.getAll());
+    }
+
+    var items = [];
+    return eachCursor(store, function (cursor) {
+      return items.push(cursor.value);
+    }).then(function () {
+      return items;
+    });
+  });
+}
+/**
+ * Get all entries in the store. Each entry is an array of `[key, value]`.
+ *
+ * @param customStore Method to get a custom store. Use with caution (see the docs).
+ */
+
+
+function entries() {
+  var customStore = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultGetStore();
+  return customStore('readonly', function (store) {
+    // Fast path for modern browsers
+    // (although, hopefully we'll get a simpler path some day)
+    if (store.getAll && store.getAllKeys) {
+      return Promise.all([promisifyRequest(store.getAllKeys()), promisifyRequest(store.getAll())]).then(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+            keys = _ref2[0],
+            values = _ref2[1];
+
+        return keys.map(function (key, i) {
+          return [key, values[i]];
+        });
+      });
+    }
+
+    var items = [];
+    return customStore('readonly', function (store) {
+      return eachCursor(store, function (cursor) {
+        return items.push([cursor.key, cursor.value]);
+      }).then(function () {
+        return items;
+      });
+    });
+  });
+}
+
+exports.clear = clear;
+exports.createStore = createStore;
+exports.del = del;
+exports.delMany = delMany;
+exports.entries = entries;
+exports.get = get;
+exports.getMany = getMany;
+exports.keys = keys;
+exports.promisifyRequest = promisifyRequest;
+exports.set = set;
+exports.setMany = setMany;
+exports.update = update;
+exports.values = values;
+
+},{}],"kdbush":[function(require,module,exports){
 (function (global, factory) {
 typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
 typeof define === 'function' && define.amd ? define(factory) :

package/www/page.css

@@ -56,6 +56,8 @@ body {
 }
 
 .colored-text,
+.save-menu-link,
+.save-menu-btn,
 .nav-menu-item {
 	color: #10699b;
 }
@@ -72,6 +74,10 @@ body {
 	border-bottom: 1px dotted black;
 }
 
+/*.nav-btn * {
+	fill: #1385B7;
+}*/
+
 .nav-btn * {
 	fill: #1385B7;
 }
@@ -732,18 +738,29 @@ body.simplify .layer-control-btn {
 }
 
 .layer-menu .layer-list {
-	margin: 6px 0 6px 0;
+	margin: 6px 0 7px 0;
 }
 
 .layer-menu .layer-item {
 	position: relative;
 	margin-left: -14px;
 	margin-right: 6px;
-	padding: 8px 14px;
-	cursor: pointer;
+	padding: 6px 14px;
 	width: 100%;
 }
 
+.layer-menu .layer-list .layer-item {
+	cursor: pointer;
+}
+
+.layer-menu .file-list {
+	padding-bottom: 4px;
+}
+
+.layer-menu .file-list .layer-item {
+	padding: 0px 14px 2px 14px;
+}
+
 .pin-all img,
 .layer-item img {
 	position: absolute;
@@ -780,14 +797,13 @@ img.close-btn {
 	cursor: pointer;
 }
 
-
 .layer-item img.pin-btn {
-	top: 7px;
+	top: 4px;
 }
 
 .layer-item img.close-btn {
 	/* top: 29px; */
-	bottom: 8px;
+	bottom: 5px;
 }
 
 /* hide close button when not hovering */
@@ -855,7 +871,7 @@ img.close-btn:hover,
 	text-decoration: none;
 }
 
-.layer-menu .layer-item:hover:not(.active):not(.dragging) {
+.layer-list .layer-item:hover:not(.active):not(.dragging) {
 	background-color: #f7f7f7;
 }
 
@@ -1160,6 +1176,10 @@ div.basemap-style-btn.active img {
 
 /* ---  MAP BUTTONS --- */
 
+.pointer-btn {
+	z-index: 2;
+}
+
 .nav-buttons {
 	z-index: 20;
 	position: absolute;
@@ -1188,16 +1208,19 @@ div.basemap-style-btn.active img {
 	fill: black !important;
 }
 
+.save-btn .save-menu {
+	top: 23px;
+}
+
 .nav-sub-menu {
 	position: absolute;
-	/* top: 5px;
-	right: 21px; */
-	z-index: -1;
+	z-index: -1; 
 	display: none;
 	pointer-events: none;
 	padding-top: 4px;
-	top: 26px;
+	top: 27px;
 	right: -3px;
+	white-space: nowrap;
 }
 
 .nav-btn.open .nav-sub-menu {
@@ -1205,21 +1228,22 @@ div.basemap-style-btn.active img {
 	pointer-events: inherit;
 }
 
-
 .nav-menu-item {
 	background-color: #fff;
 	float: right;
 	clear: right;
 	white-space: nowrap;
 	display: inline-block;
-	padding: 4px 7px 5px 7px;
+	padding: 5px 7px 5px 7px;
 	line-height: 11px;
 	cursor: pointer;
 }
 
+
 .nav-menu-item:hover,
 .nav-btn:hover .nav-sub-menu:not(.active):not(:hover) .nav-menu-item[data-name=info] {
 	font-weight: bold;
+	background: #e6f7ff;
 }
 
 .nav-menu-item.selected {
@@ -1251,13 +1275,71 @@ div.basemap-style-btn.active img {
 
 .nav-btn:hover:not(.disabled) svg *,
 .nav-btn.hover.menu-btn:not(.disabled) svg * {
-	fill: #1A6A96;
+	fill: #166689;
 }
 
 .nav-btn.menu-btn.selected:not(.disabled) svg * {
 	fill: white;
 }
 
+.save-menu {
+	text-align: right;
+}
+
+.save-menu-entry {
+	/* padding: 4px 7px 5px 7px; */
+	line-height: 11px;
+	padding: 4px 7px 5px 7px;
+	display: inline-block;
+	background: white;
+}
+
+.save-menu-btn {
+	display: inline-block;
+	border-radius: 4px;
+	border: 1px solid #aaa;
+	font-size: 12px;
+	margin-left: 2px;
+	padding: 1px 2px 3px 2px;
+}
+
+.save-menu-link,
+.save-menu-btn {
+	cursor: pointer;
+}
+
+.save-menu-btn:hover {
+	background: #e6f7ff;
+	color: black;
+}
+
+.save-menu-link:hover {
+	/* background: #e6f7ff; */
+	font-weight: bold;	
+}
+
+.save-item-label {
+	font-weight: bold;
+}
+
+.save-item-size {
+	/*color: #999;*/
+	font-weight: bold;
+	font-size: 11px;
+	letter-spacing: 0.5;
+}
+
+.save-menu-item {
+	position: relative;
+	right: 0;
+	text-align: right;
+	background-color: #fff;
+	white-space: nowrap;
+	padding: 2px 7px 0px 7px;
+	line-height: 11px;
+	cursor: pointer;
+}
+
 .nav-btn.disabled {
 	opacity: 0.4;
 	cursor: default;