ol-wfst 4.3.0 → 5.0.0

package/dist/css/ol-wfst.css

@@ -1,3 +1,14 @@
+:root {
+  --ol-subtle-background-color: transparent;
+}
+
+.ol-zoom {
+  top: inherit;
+  left: inherit;
+  bottom: 5em;
+  right: 0.5em;
+}
+
 .ol-wfst--input-field-container {
   display: inline-block;
   width: 49%;
@@ -14,6 +25,29 @@
 .ol-wfst--input-field-input {
   width: 100%;
   padding: 5px;
+  border: 1px solid black;
+  border-radius: 3px;
+}
+
+.ol-wfst--input-field-input.ol-wfst--input-multiple::-moz-placeholder {
+  font-style: italic;
+  color: #888;
+}
+
+.ol-wfst--input-field-input.ol-wfst--input-multiple::placeholder {
+  font-style: italic;
+  color: #888;
+}
+
+.ol-wfst--edit-modal-notice {
+  padding: 10px 12px;
+  margin-bottom: 12px;
+  border: 1px solid #ffc107;
+  border-radius: 8px;
+  background: #fff8e1;
+  color: #6b5300;
+  font-size: 13px;
+  font-weight: 500;
 }
 
 .ol-wfst--edit-button-cnt {
@@ -37,73 +71,235 @@
   background: #f5f5f5;
 }
 .ol-wfst--edit-button:active {
-  background: #fafafa;
+  background: rgb(98%, 98%, 98%);
   transform: translateY(1px);
 }
-.ol-wfst--edit-button img {
+.ol-wfst--edit-button svg {
   fill: #333;
   width: 20px;
   height: 20px;
 }
 
+.ol-wfst--extend-button-cnt {
+  display: inline-block;
+}
+
+.ol-wfst--extend-button {
+  outline: 0;
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  width: 24px;
+  height: 24px;
+  background: #ffffff;
+  border: 1px solid #b3b3b3;
+  border-radius: 50%;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.42);
+  cursor: pointer;
+}
+.ol-wfst--extend-button:hover {
+  background: #f5f5f5;
+}
+.ol-wfst--extend-button:active {
+  background: rgb(98%, 98%, 98%);
+  transform: translateY(1px);
+}
+.ol-wfst--extend-button svg {
+  fill: #333;
+  width: 16px;
+  height: 16px;
+}
+
 .ol-wfst--changes-control {
   position: absolute;
   left: 50%;
   top: 0;
-  right: 0;
   transform: translateX(-50%);
-  max-width: 290px;
+  z-index: 10;
+  max-width: 320px;
   width: 90%;
   background: #ff6161;
-  border: 1px solid #969696;
+  color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.18);
   border-top: 0;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.529);
-  border-radius: 0 0 4px 4px;
-  padding: 10px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 8px 24px rgba(0, 0, 0, 0.35);
+  border-radius: 0 0 8px 8px;
+  padding: 12px 14px 14px;
+  animation: ol-wfst--slide-down 0.28s ease-out;
+}
+
+@keyframes ol-wfst--slide-down {
+  from {
+    opacity: 0;
+    transform: translate(-50%, -10px);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, 0);
+  }
 }
-
 .ol-wfst--changes-control-el {
-  text-align: center;
+  display: -webkit-flex;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
 }
 .ol-wfst--changes-control-el button {
-  margin: 0 5px;
+  margin: 0;
+  transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
+}
+.ol-wfst--changes-control-el button:hover {
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
+  filter: brightness(1.05);
+}
+.ol-wfst--changes-control-el button:active {
+  transform: translateY(-1px);
+  box-shadow: none;
+  filter: brightness(0.97);
+}
+.ol-wfst--changes-control-el .btn-danger-outline {
+  color: rgba(255, 255, 255, 0.9);
+  border: 1px solid rgba(255, 255, 255, 0.55);
+  background: transparent;
+}
+.ol-wfst--changes-control-el .btn-danger-outline:hover {
+  background: rgba(255, 255, 255, 0.15);
+  box-shadow: none;
+}
+.ol-wfst--changes-control-el .btn-danger-outline:active {
+  background: rgba(255, 255, 255, 0.25);
 }
 
 .ol-wfst--changes-control-id {
-  margin-bottom: 10px;
+  flex-basis: 100%;
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  margin-bottom: 8px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
   font-size: 12px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.4px;
   color: #fff;
 }
-
+.ol-wfst--changes-control-id b {
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+}
+.ol-wfst--changes-control-id b::before {
+  content: "";
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: currentColor;
+  animation: ol-wfst--pulse 1.6s infinite;
+}
+.ol-wfst--changes-control-id i {
+  font-style: normal;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 11px;
+  font-weight: 500;
+  text-transform: none;
+  letter-spacing: 0;
+  background: rgba(255, 255, 255, 0.22);
+  border-radius: 999px;
+  padding: 2px 10px;
+  max-width: 180px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+@keyframes ol-wfst--pulse {
+  0% {
+    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
+  }
+  70% {
+    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0);
+  }
+  100% {
+    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
+  }
+}
 .ol-wfst--tools-control {
   position: absolute;
-  left: 10px;
-  bottom: 10px;
-  background-color: #fff;
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.42);
-  border: 1px solid rgba(169, 169, 169, 0.7333333333);
-  border-radius: 4px;
+  top: 0.5em;
+  left: 0.5em;
+}
+
+.ol-control button {
+  cursor: pointer;
+}
+
+.ol-wfst--fullscreen {
+  top: auto;
+  left: auto;
+  right: 0.5em;
+  bottom: 18px;
+}
+.ol-wfst--fullscreen button {
+  background: #fff;
+  border-radius: 8px;
+  outline: 0;
+  width: 32px;
+  height: 32px;
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+}
+.ol-wfst--fullscreen button svg {
+  width: 20px;
+  height: 20px;
+  pointer-events: none;
+}
+.ol-wfst--fullscreen button:hover, .ol-wfst--fullscreen button:active {
+  opacity: 0.95;
+}
+.ol-wfst--fullscreen button:active {
+  transform: translateY(1px);
 }
 
 .btn.btn-third {
-  float: left;
+  margin-right: auto;
   color: #d43f3a;
 }
 
 .ol-wfst--layer-not-visible {
   opacity: 0.5 !important;
-}
-
-.ol-wfst--layer-not-visible {
   font-style: italic;
 }
 
 .wfst--layer-control {
   position: relative;
+  min-width: 200px;
+  opacity: 0.7;
+  display: -webkit-flex;
+  display: flex;
+}
+.wfst--layer-control label {
+  width: 100%;
   padding: 5px 10px;
+  display: -webkit-flex;
+  display: flex;
+  gap: 6px;
+}
+.wfst--layer-control.ol-wfst--visible-on {
+  opacity: 1;
 }
 .wfst--layer-control.ol-wfst--selected-on {
-  background-color: rgba(240, 223, 0, 0.6) !important;
+  background-color: rgba(94%, 87.3647058824%, 0%, 0.6) !important;
 }
 .wfst--layer-control:hover, .wfst--layer-control:active {
   background-color: #f5f5f5;
@@ -112,18 +308,22 @@
   display: none;
 }
 
+.wfst--tools-control--select-layers .wfst--tools-control--select-layers-title {
+  padding: 5px 10px;
+  font-weight: bold;
+  border-bottom: 1px solid rgba(169, 169, 169, 0.7333333333);
+  background-color: #dddddd;
+}
+.wfst--tools-control--select-layers .wfst--tools-control--select-layers-list {
+  max-height: 150px;
+  overflow-y: auto;
+}
 .wfst--tools-control--select-layers .wfst--layer-control:not(.ol-wfst--selected-on) label {
   cursor: pointer;
 }
-.wfst--tools-control--select-layers label {
-  position: absolute;
-  left: 30px;
-  right: 0;
-}
 
 .ol-wfst--tools-control-btn {
-  background: #ffffff;
-  border-radius: 4px;
+  border-radius: 8px;
   outline: 0;
   width: 40px;
   height: 32px;
@@ -132,11 +332,10 @@
   vertical-align: middle;
   cursor: pointer;
   border: 1px solid #c0c0c0;
+  background-color: #fff;
 }
 .ol-wfst--tools-control-btn.wfst--active {
   background-color: #ffed00 !important;
-}
-.ol-wfst--tools-control-btn.wfst--active {
   opacity: 1;
 }
 .ol-wfst--tools-control-btn:hover, .ol-wfst--tools-control-btn:active {
@@ -146,25 +345,84 @@
 .ol-wfst--tools-control-btn:active {
   transform: translateY(1px);
 }
-.ol-wfst--tools-control-btn img {
+.ol-wfst--tools-control-btn svg {
   width: 20px;
   height: 20px;
 }
 
 .wfst--tools-control--head {
+  position: absolute;
   background: #dddddd;
   padding: 10px;
-  border-bottom: 1px solid rgba(169, 169, 169, 0.7333333333);
-  border-radius: 4px 4px 0 0;
+  border: 1px solid rgba(169, 169, 169, 0.7333333333);
+  border-radius: 8px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.42);
+  display: -webkit-flex;
+  display: flex;
+  pointer-events: auto;
+  gap: 6px;
+}
+.wfst--tools-control--head label {
+  cursor: pointer;
 }
 .wfst--tools-control--head > * {
-  display: inline-block;
+  display: -webkit-flex;
+  display: flex;
 }
 
-.ol-wfst--tools-control-draw-cnt:not(:first-child) {
+.ol-wfst--layers-control {
+  font-size: 13px;
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+  pointer-events: auto;
+}
+.ol-wfst--layers-control .wfst--tools-control--select-layers {
+  border-radius: 8px;
+  border: 1px solid rgba(169, 169, 169, 0.7333333333);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.42);
+  background-color: #fff;
+  overflow: hidden;
+}
+
+.ol-wfst--tools-control-select-cnt {
+  font-size: 0;
+}
+.ol-wfst--tools-control-select-cnt:not(:first-child) {
   margin-left: 6px;
 }
 
+.ol-wfst--tools-control-btn-select,
+.ol-wfst--tools-control-btn-select-box,
+.ol-wfst--tools-control-btn-select-freehand {
+  width: 34px;
+  padding: 0;
+  border-radius: 0;
+}
+
+.ol-wfst--tools-control-btn-select {
+  border-radius: 8px 0 0 8px;
+}
+.ol-wfst--tools-control-btn-select svg {
+  width: 11px;
+  height: auto;
+}
+
+.ol-wfst--tools-control-btn-select-box {
+  border-left: 0;
+}
+
+.ol-wfst--tools-control-btn-select-freehand {
+  border-left: 0;
+  border-radius: 0 8px 8px 0;
+}
+
+.ol-box.ol-wfst--dragbox {
+  border: 2px dashed #ffc800;
+  background-color: rgba(255, 200, 0, 0.1);
+  border-radius: 0;
+}
+
 .ol-wfst--tools-control-btn-upload {
   padding: 3px;
 }
@@ -172,7 +430,7 @@
 .wfst--tools-control--select-draw {
   outline: 0;
   border: 1px solid #c0c0c0;
-  border-radius: 4px;
+  border-radius: 8px;
   padding: 0 3px;
   height: 32px;
   background: #f7f7f7;
@@ -182,11 +440,11 @@
   vertical-align: middle;
   font-size: 0.9em;
   border-left: 0;
-  border-radius: 0 4px 4px 0;
+  border-radius: 0 8px 8px 0;
 }
 
 .ol-wfst--tools-control-btn-draw {
-  border-radius: 4px 0 0 4px;
+  border-radius: 8px 0 0 8px;
   opacity: 0.7;
 }
 
@@ -196,10 +454,6 @@
   background: #fffab5;
 }
 
-.wfst--tools-control--head label {
-  cursor: pointer;
-}
-
 #ol-wfst--upload {
   display: none;
   visibility: hidden;
@@ -208,18 +462,46 @@
 .ol-wfst--tools-control--loading {
   display: none;
   position: absolute;
-  top: -25px;
+  top: -10px;
+  width: 100%;
+  height: 4px;
+  overflow: hidden;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 4px;
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
 }
 
+.ol-wfst--tools-control--loading::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 35%;
+  height: 100%;
+  background: #ffed00;
+  border-radius: inherit;
+  animation: ol-wfst-loading-sweep 1.1s ease-in-out infinite;
+}
+
+@keyframes ol-wfst-loading-sweep {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(300%);
+  }
+}
 .ol-wfst--tools-control--loading.ol-wfst--tools-control--loading-show {
   display: block;
 }
 
 .ol-wfst--tools-control-visible {
   display: inline-block;
+  position: relative;
+  z-index: 999;
 }
 
-.ol-wfst--tools-control-visible img {
+.ol-wfst--tools-control-visible svg {
   width: 14px;
   height: 14px;
 }
@@ -233,13 +515,6 @@
   opacity: 0.9;
 }
 
-.wfst--layer-control {
-  opacity: 0.7;
-}
-.wfst--layer-control.ol-wfst--visible-on {
-  opacity: 1;
-}
-
 .ol-wfst--visible-btn-on {
   display: none;
 }
@@ -253,4 +528,107 @@
 
 .ol-wfst--visible-btn-off {
   display: block;
+}
+
+.ol-wfst--tools-control-query-cnt .ol-wfst--tools-control-btn-query {
+  border-radius: 8px;
+}
+.ol-wfst--tools-control-query-cnt svg {
+  width: 16px;
+  height: 16px;
+}
+
+.ol-wfst--query-popup {
+  position: relative;
+  width: 260px;
+  max-width: 280px;
+  background: #ffffff;
+  border: 1px solid #a9a9a9;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.42);
+  font-size: 12px;
+  color: #333;
+  overflow: hidden;
+}
+
+.ol-wfst--query-popup-head {
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 6px 8px;
+  background: #f2f2f2;
+  border-bottom: 1px solid #d9d9d9;
+}
+
+.ol-wfst--query-popup-title {
+  font-weight: 600;
+  font-size: 12px;
+}
+
+.ol-wfst--query-popup-close {
+  outline: 0;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+  font-size: 18px;
+  line-height: 1;
+  color: #555;
+  padding: 0 2px;
+}
+.ol-wfst--query-popup-close:hover {
+  color: #000;
+}
+
+.ol-wfst--query-popup-subtitle {
+  display: -webkit-flex;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 6px 10px;
+  border-bottom: 1px solid #efefef;
+}
+.ol-wfst--query-popup-subtitle b {
+  font-weight: 600;
+}
+.ol-wfst--query-popup-subtitle i {
+  font-style: normal;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 11px;
+  color: #777;
+  max-width: 150px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ol-wfst--query-popup-body {
+  max-height: 220px;
+  overflow-y: auto;
+  padding: 4px 0;
+}
+
+.ol-wfst--query-popup-row {
+  display: -webkit-flex;
+  display: flex;
+  gap: 8px;
+  padding: 3px 10px;
+  word-break: break-word;
+}
+.ol-wfst--query-popup-row:nth-child(odd) {
+  background: #fafafa;
+}
+
+.ol-wfst--query-popup-key {
+  flex: 0 0 35%;
+  font-weight: 600;
+  color: #555;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.ol-wfst--query-popup-value {
+  flex: 1;
+  color: #222;
 }

package/dist/css/ol-wfst.min.css

@@ -1 +1 @@
-.ol-wfst--input-field-container{display:inline-block;margin-bottom:10px;padding:5px;width:49%}.ol-wfst--input-field-label{display:block;font-weight:500;margin-bottom:4px}.ol-wfst--input-field-input{padding:5px;width:100%}.ol-wfst--edit-button-cnt{display:inline-block;margin:0 5px}.ol-wfst--edit-button{background:#fff;border:1px solid #b3b3b3;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.42);cursor:pointer;font-size:12px;height:38px;outline:0;padding:8px;width:38px}.ol-wfst--edit-button:hover{background:#f5f5f5}.ol-wfst--edit-button:active{background:#fafafa;transform:translateY(1px)}.ol-wfst--edit-button img{fill:#333;height:20px;width:20px}.ol-wfst--changes-control{background:#ff6161;border:1px solid #969696;border-radius:0 0 4px 4px;border-top:0;box-shadow:0 1px 4px rgba(0,0,0,.529);left:50%;max-width:290px;padding:10px;position:absolute;right:0;top:0;transform:translateX(-50%);width:90%}.ol-wfst--changes-control-el{text-align:center}.ol-wfst--changes-control-el button{margin:0 5px}.ol-wfst--changes-control-id{color:#fff;font-size:12px;margin-bottom:10px}.ol-wfst--tools-control{background-color:#fff;border:1px solid hsla(0,0%,66%,.733);border-radius:4px;bottom:10px;box-shadow:0 1px 4px rgba(0,0,0,.42);left:10px;position:absolute}.btn.btn-third{color:#d43f3a;float:left}.ol-wfst--layer-not-visible{font-style:italic;opacity:.5!important}.wfst--layer-control{padding:5px 10px;position:relative}.wfst--layer-control.ol-wfst--selected-on{background-color:rgba(240,223,0,.6)!important}.wfst--layer-control:active,.wfst--layer-control:hover{background-color:#f5f5f5}.wfst--layer-control input[type=radio]{display:none}.wfst--tools-control--select-layers .wfst--layer-control:not(.ol-wfst--selected-on) label{cursor:pointer}.wfst--tools-control--select-layers label{left:30px;position:absolute;right:0}.ol-wfst--tools-control-btn{background:#fff;border:1px solid silver;border-radius:4px;cursor:pointer;display:inline-block;height:32px;outline:0;text-align:center;vertical-align:middle;width:40px}.ol-wfst--tools-control-btn.wfst--active{background-color:#ffed00!important;opacity:1}.ol-wfst--tools-control-btn:active,.ol-wfst--tools-control-btn:hover{background-color:#f5f5f5;opacity:.95}.ol-wfst--tools-control-btn:active{transform:translateY(1px)}.ol-wfst--tools-control-btn img{height:20px;width:20px}.wfst--tools-control--head{background:#ddd;border-bottom:1px solid hsla(0,0%,66%,.733);border-radius:4px 4px 0 0;padding:10px}.wfst--tools-control--head>*{display:inline-block}.ol-wfst--tools-control-draw-cnt:not(:first-child){margin-left:6px}.ol-wfst--tools-control-btn-upload{padding:3px}.wfst--tools-control--select-draw{background:#f7f7f7;border:1px solid silver;border-left:0;border-radius:4px;border-radius:0 4px 4px 0;cursor:pointer;font-size:.9em;height:32px;opacity:.5;outline:0;padding:0 3px;pointer-events:none;vertical-align:middle}.ol-wfst--tools-control-btn-draw{border-radius:4px 0 0 4px;opacity:.7}.draw-mode .wfst--tools-control--select-draw{background:#fffab5;opacity:1;pointer-events:inherit}.wfst--tools-control--head label{cursor:pointer}#ol-wfst--upload{display:none;visibility:hidden}.ol-wfst--tools-control--loading{display:none;position:absolute;top:-25px}.ol-wfst--tools-control--loading.ol-wfst--tools-control--loading-show{display:block}.ol-wfst--tools-control-visible{display:inline-block}.ol-wfst--tools-control-visible img{height:14px;width:14px}.ol-wfst--tools-control-visible-btn{cursor:pointer;opacity:.6}.ol-wfst--tools-control-visible-btn:hover{opacity:.9}.wfst--layer-control{opacity:.7}.wfst--layer-control.ol-wfst--visible-on{opacity:1}.ol-wfst--visible-btn-on{display:none}.ol-wfst--visible-on .ol-wfst--visible-btn-on{display:block}.ol-wfst--visible-on .ol-wfst--visible-btn-off{display:none}.ol-wfst--visible-btn-off{display:block}
+:root{--ol-subtle-background-color:transparent}.ol-zoom{bottom:5em;left:inherit;right:.5em;top:inherit}.ol-wfst--input-field-container{display:inline-block;margin-bottom:10px;padding:5px;width:49%}.ol-wfst--input-field-label{display:block;font-weight:500;margin-bottom:4px}.ol-wfst--input-field-input{border:1px solid #000;border-radius:3px;padding:5px;width:100%}.ol-wfst--input-field-input.ol-wfst--input-multiple::-moz-placeholder{color:#888;font-style:italic}.ol-wfst--input-field-input.ol-wfst--input-multiple::placeholder{color:#888;font-style:italic}.ol-wfst--edit-modal-notice{background:#fff8e1;border:1px solid #ffc107;border-radius:8px;color:#6b5300;font-size:13px;font-weight:500;margin-bottom:12px;padding:10px 12px}.ol-wfst--edit-button-cnt{display:inline-block;margin:0 5px}.ol-wfst--edit-button{background:#fff;border:1px solid #b3b3b3;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.42);cursor:pointer;font-size:12px;height:38px;outline:0;padding:8px;width:38px}.ol-wfst--edit-button:hover{background:#f5f5f5}.ol-wfst--edit-button:active{background:#fafafa;transform:translateY(1px)}.ol-wfst--edit-button svg{fill:#333;height:20px;width:20px}.ol-wfst--extend-button-cnt{display:inline-block}.ol-wfst--extend-button{align-items:center;background:#fff;border:1px solid #b3b3b3;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.42);cursor:pointer;display:-webkit-flex;display:flex;height:24px;justify-content:center;outline:0;padding:0;width:24px}.ol-wfst--extend-button:hover{background:#f5f5f5}.ol-wfst--extend-button:active{background:#fafafa;transform:translateY(1px)}.ol-wfst--extend-button svg{fill:#333;height:16px;width:16px}.ol-wfst--changes-control{animation:ol-wfst--slide-down .28s ease-out;background:#ff6161;border:1px solid rgba(0,0,0,.18);border-radius:0 0 8px 8px;border-top:0;box-shadow:0 2px 6px rgba(0,0,0,.2),0 8px 24px rgba(0,0,0,.35);color:#fff;left:50%;max-width:320px;padding:12px 14px 14px;position:absolute;top:0;transform:translateX(-50%);width:90%;z-index:10}@keyframes ol-wfst--slide-down{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.ol-wfst--changes-control-el{align-items:center;display:-webkit-flex;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ol-wfst--changes-control-el button{margin:0;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.ol-wfst--changes-control-el button:hover{box-shadow:0 3px 8px rgba(0,0,0,.25);filter:brightness(1.05)}.ol-wfst--changes-control-el button:active{box-shadow:none;filter:brightness(.97);transform:translateY(-1px)}.ol-wfst--changes-control-el .btn-danger-outline{background:transparent;border:1px solid hsla(0,0%,100%,.55);color:hsla(0,0%,100%,.9)}.ol-wfst--changes-control-el .btn-danger-outline:hover{background:hsla(0,0%,100%,.15);box-shadow:none}.ol-wfst--changes-control-el .btn-danger-outline:active{background:hsla(0,0%,100%,.25)}.ol-wfst--changes-control-id{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.25);color:#fff;display:-webkit-flex;display:flex;flex-basis:100%;font-size:12px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.4px;margin-bottom:8px;padding-bottom:10px;text-transform:uppercase}.ol-wfst--changes-control-id b{align-items:center;display:-webkit-inline-flex;display:inline-flex;gap:6px}.ol-wfst--changes-control-id b:before{animation:ol-wfst--pulse 1.6s infinite;background:currentColor;border-radius:50%;content:"";height:8px;width:8px}.ol-wfst--changes-control-id i{background:hsla(0,0%,100%,.22);border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-style:normal;font-weight:500;letter-spacing:0;max-width:180px;overflow:hidden;padding:2px 10px;text-overflow:ellipsis;text-transform:none;white-space:nowrap}@keyframes ol-wfst--pulse{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.7)}70%{box-shadow:0 0 0 6px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.ol-wfst--tools-control{left:.5em;position:absolute;top:.5em}.ol-control button{cursor:pointer}.ol-wfst--fullscreen{bottom:18px;left:auto;right:.5em;top:auto}.ol-wfst--fullscreen button{align-items:center;background:#fff;border-radius:8px;display:-webkit-inline-flex;display:inline-flex;height:32px;justify-content:center;outline:0;padding:0;width:32px}.ol-wfst--fullscreen button svg{height:20px;pointer-events:none;width:20px}.ol-wfst--fullscreen button:active,.ol-wfst--fullscreen button:hover{opacity:.95}.ol-wfst--fullscreen button:active{transform:translateY(1px)}.btn.btn-third{color:#d43f3a;margin-right:auto}.ol-wfst--layer-not-visible{font-style:italic;opacity:.5!important}.wfst--layer-control{display:-webkit-flex;display:flex;min-width:200px;opacity:.7;position:relative}.wfst--layer-control label{display:-webkit-flex;display:flex;gap:6px;padding:5px 10px;width:100%}.wfst--layer-control.ol-wfst--visible-on{opacity:1}.wfst--layer-control.ol-wfst--selected-on{background-color:rgba(240,223,0,.6)!important}.wfst--layer-control:active,.wfst--layer-control:hover{background-color:#f5f5f5}.wfst--layer-control input[type=radio]{display:none}.wfst--tools-control--select-layers .wfst--tools-control--select-layers-title{background-color:#ddd;border-bottom:1px solid hsla(0,0%,66%,.733);font-weight:700;padding:5px 10px}.wfst--tools-control--select-layers .wfst--tools-control--select-layers-list{max-height:150px;overflow-y:auto}.wfst--tools-control--select-layers .wfst--layer-control:not(.ol-wfst--selected-on) label{cursor:pointer}.ol-wfst--tools-control-btn{background-color:#fff;border:1px solid silver;border-radius:8px;cursor:pointer;display:inline-block;height:32px;outline:0;text-align:center;vertical-align:middle;width:40px}.ol-wfst--tools-control-btn.wfst--active{background-color:#ffed00!important;opacity:1}.ol-wfst--tools-control-btn:active,.ol-wfst--tools-control-btn:hover{background-color:#f5f5f5;opacity:.95}.ol-wfst--tools-control-btn:active{transform:translateY(1px)}.ol-wfst--tools-control-btn svg{height:20px;width:20px}.wfst--tools-control--head{background:#ddd;border:1px solid hsla(0,0%,66%,.733);border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.42);display:-webkit-flex;display:flex;gap:6px;padding:10px;pointer-events:auto;position:absolute}.wfst--tools-control--head label{cursor:pointer}.wfst--tools-control--head>*{display:-webkit-flex;display:flex}.ol-wfst--layers-control{bottom:10px;font-size:13px;left:10px;pointer-events:auto;position:absolute}.ol-wfst--layers-control .wfst--tools-control--select-layers{background-color:#fff;border:1px solid hsla(0,0%,66%,.733);border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.42);overflow:hidden}.ol-wfst--tools-control-select-cnt{font-size:0}.ol-wfst--tools-control-select-cnt:not(:first-child){margin-left:6px}.ol-wfst--tools-control-btn-select,.ol-wfst--tools-control-btn-select-box,.ol-wfst--tools-control-btn-select-freehand{border-radius:0;padding:0;width:34px}.ol-wfst--tools-control-btn-select{border-radius:8px 0 0 8px}.ol-wfst--tools-control-btn-select svg{height:auto;width:11px}.ol-wfst--tools-control-btn-select-box{border-left:0}.ol-wfst--tools-control-btn-select-freehand{border-left:0;border-radius:0 8px 8px 0}.ol-box.ol-wfst--dragbox{background-color:rgba(255,200,0,.1);border:2px dashed #ffc800;border-radius:0}.ol-wfst--tools-control-btn-upload{padding:3px}.wfst--tools-control--select-draw{background:#f7f7f7;border:1px solid silver;border-left:0;border-radius:8px;border-radius:0 8px 8px 0;cursor:pointer;font-size:.9em;height:32px;opacity:.5;outline:0;padding:0 3px;pointer-events:none;vertical-align:middle}.ol-wfst--tools-control-btn-draw{border-radius:8px 0 0 8px;opacity:.7}.draw-mode .wfst--tools-control--select-draw{background:#fffab5;opacity:1;pointer-events:inherit}#ol-wfst--upload{display:none;visibility:hidden}.ol-wfst--tools-control--loading{background:rgba(0,0,0,.5);border-radius:4px;box-shadow:0 0 4px rgba(0,0,0,.15);display:none;height:4px;overflow:hidden;position:absolute;top:-10px;width:100%}.ol-wfst--tools-control--loading:before{animation:ol-wfst-loading-sweep 1.1s ease-in-out infinite;background:#ffed00;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:35%}@keyframes ol-wfst-loading-sweep{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}.ol-wfst--tools-control--loading.ol-wfst--tools-control--loading-show{display:block}.ol-wfst--tools-control-visible{display:inline-block;position:relative;z-index:999}.ol-wfst--tools-control-visible svg{height:14px;width:14px}.ol-wfst--tools-control-visible-btn{cursor:pointer;opacity:.6}.ol-wfst--tools-control-visible-btn:hover{opacity:.9}.ol-wfst--visible-btn-on{display:none}.ol-wfst--visible-on .ol-wfst--visible-btn-on{display:block}.ol-wfst--visible-on .ol-wfst--visible-btn-off{display:none}.ol-wfst--visible-btn-off{display:block}.ol-wfst--tools-control-query-cnt .ol-wfst--tools-control-btn-query{border-radius:8px}.ol-wfst--tools-control-query-cnt svg{height:16px;width:16px}.ol-wfst--query-popup{background:#fff;border:1px solid #a9a9a9;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.42);color:#333;font-size:12px;max-width:280px;overflow:hidden;position:relative;width:260px}.ol-wfst--query-popup-head{align-items:center;background:#f2f2f2;border-bottom:1px solid #d9d9d9;display:-webkit-flex;display:flex;justify-content:space-between;padding:6px 8px}.ol-wfst--query-popup-title{font-size:12px;font-weight:600}.ol-wfst--query-popup-close{background:transparent;border:0;color:#555;cursor:pointer;font-size:18px;line-height:1;outline:0;padding:0 2px}.ol-wfst--query-popup-close:hover{color:#000}.ol-wfst--query-popup-subtitle{align-items:center;border-bottom:1px solid #efefef;display:-webkit-flex;display:flex;gap:8px;justify-content:space-between;padding:6px 10px}.ol-wfst--query-popup-subtitle b{font-weight:600}.ol-wfst--query-popup-subtitle i{color:#777;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-style:normal;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ol-wfst--query-popup-body{max-height:220px;overflow-y:auto;padding:4px 0}.ol-wfst--query-popup-row{display:-webkit-flex;display:flex;gap:8px;padding:3px 10px;word-break:break-word}.ol-wfst--query-popup-row:nth-child(odd){background:#fafafa}.ol-wfst--query-popup-key{color:#555;flex:0 0 35%;font-weight:600;overflow:hidden;text-overflow:ellipsis}.ol-wfst--query-popup-value{color:#222;flex:1}

package/dist/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../src/defaults.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAErC,eAAO,MAAM,iBAAiB,QAAO,OAoBpC,CAAC"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../src/defaults.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,eAAO,MAAM,gBAAgB,OAAO,CAAC;AAErC,eAAO,MAAM,iBAAiB,QAAO,OAqBpC,CAAC"}

package/dist/jsx-runtime.d.ts

@@ -0,0 +1,4 @@
+export declare function jsx(type: any, props: any): HTMLElement;
+export declare function jsxs(type: any, props: any): HTMLElement;
+export declare function Fragment(type: any, children: any): DocumentFragment;
+//# sourceMappingURL=jsx-runtime.d.ts.map

package/dist/jsx-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AAyDA,wBAAgB,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,GACA,WAAW,CACnD;AAED,wBAAgB,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,GACD,WAAW,CACnD;AAED,wBAAgB,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,KAAA,GACU,gBAAgB,CACrE"}

package/dist/modules/EditControlChanges.d.ts

@@ -12,7 +12,8 @@ export default class EditControlChangesEl extends Control {
     on: OnSignature<EventTypes, BaseEvent, EventsKey> & OnSignature<ChangesEventTypes, VectorSourceEvent, EventsKey> & OnSignature<ObjectEventTypes, ObjectEvent, EventsKey> & CombinedOnSignature<ChangesEventTypes | ObjectEventTypes | EventTypes, EventsKey>;
     once: OnSignature<EventTypes, BaseEvent, EventsKey> & OnSignature<ChangesEventTypes, VectorSourceEvent, EventsKey> & OnSignature<ObjectEventTypes, ObjectEvent, EventsKey> & CombinedOnSignature<ChangesEventTypes | ObjectEventTypes | EventTypes, EventsKey>;
     un: OnSignature<EventTypes, BaseEvent, void> & OnSignature<ChangesEventTypes, VectorSourceEvent, EventsKey> & OnSignature<ObjectEventTypes, ObjectEvent, void> & CombinedOnSignature<ChangesEventTypes | ObjectEventTypes | EventTypes, void>;
-    constructor(feature: Feature<Geometry>);
+    constructor(features: Feature<Geometry>[]);
+    private _dispatch;
 }
 export {};
 //# sourceMappingURL=EditControlChanges.d.ts.map

package/dist/modules/EditControlChanges.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditControlChanges.d.ts","sourceRoot":"","sources":["../../src/modules/EditControlChanges.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAMlE,KAAK,iBAAiB,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvD,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,OAAO;IAC7C,EAAE,EAAE,WAAW,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,GACrD,WAAW,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,SAAS,CAAC,GAC5D,WAAW,CAAC,gBAAgB,EAAE,WAAW,EAAE,SAAS,CAAC,GACrD,mBAAmB,CACf,iBAAiB,GAAG,gBAAgB,GAAG,UAAU,EACjD,SAAS,CACZ,CAAC;IAEE,IAAI,EAAE,WAAW,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,GACvD,WAAW,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,SAAS,CAAC,GAC5D,WAAW,CAAC,gBAAgB,EAAE,WAAW,EAAE,SAAS,CAAC,GACrD,mBAAmB,CACf,iBAAiB,GAAG,gBAAgB,GAAG,UAAU,EACjD,SAAS,CACZ,CAAC;IAEE,EAAE,EAAE,WAAW,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC,GAChD,WAAW,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,SAAS,CAAC,GAC5D,WAAW,CAAC,gBAAgB,EAAE,WAAW,EAAE,IAAI,CAAC,GAChD,mBAAmB,CACf,iBAAiB,GAAG,gBAAgB,GAAG,UAAU,EACjD,IAAI,CACP,CAAC;gBAEM,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC;CA+CzC"}
+{"version":3,"file":"EditControlChanges.d.ts","sourceRoot":"","sources":["../../src/modules/EditControlChanges.tsx"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAIlE,KAAK,iBAAiB,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEvD,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,OAAO;IAC7C,EAAE,EAAE,WAAW,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,GACrD,WAAW,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,SAAS,CAAC,GAC5D,WAAW,CAAC,gBAAgB,EAAE,WAAW,EAAE,SAAS,CAAC,GACrD,mBAAmB,CACf,iBAAiB,GAAG,gBAAgB,GAAG,UAAU,EACjD,SAAS,CACZ,CAAC;IAEE,IAAI,EAAE,WAAW,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,GACvD,WAAW,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,SAAS,CAAC,GAC5D,WAAW,CAAC,gBAAgB,EAAE,WAAW,EAAE,SAAS,CAAC,GACrD,mBAAmB,CACf,iBAAiB,GAAG,gBAAgB,GAAG,UAAU,EACjD,SAAS,CACZ,CAAC;IAEE,EAAE,EAAE,WAAW,CAAC,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC,GAChD,WAAW,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,SAAS,CAAC,GAC5D,WAAW,CAAC,gBAAgB,EAAE,WAAW,EAAE,IAAI,CAAC,GAChD,mBAAmB,CACf,iBAAiB,GAAG,gBAAgB,GAAG,UAAU,EACjD,IAAI,CACP,CAAC;gBAEM,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE;IA8CzC,OAAO,CAAC,SAAS;CAQpB"}