@eox/drawtools - npm Package Compare versions

Comparing version 0.8.0 to 0.8.1

dist/eox-drawtools.js

 var _t = Object.defineProperty;
-var xt = (r, t, e) => t in r ? _t(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var b = (r, t, e) => (xt(r, typeof t != "symbol" ? t + "" : t, e), e), Q = (r, t, e) => {
-  if (!t.has(r))
+var xt = (i, t, e) => t in i ? _t(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var $ = (i, t, e) => (xt(i, typeof t != "symbol" ? t + "" : t, e), e), Q = (i, t, e) => {
+  if (!t.has(i))
     throw TypeError("Cannot " + e);
 };
-var g = (r, t, e) => (Q(r, t, "read from private field"), e ? e.call(r) : t.get(r)), S = (r, t, e) => {
-  if (t.has(r))
+var y = (i, t, e) => (Q(i, t, "read from private field"), e ? e.call(i) : t.get(i)), S = (i, t, e) => {
+  if (t.has(i))
     throw TypeError("Cannot add the same private member more than once");
-  t instanceof WeakSet ? t.add(r) : t.set(r, e);
-}, E = (r, t, e, i) => (Q(r, t, "write to private field"), i ? i.call(r, e) : t.set(r, e), e);
+  t instanceof WeakSet ? t.add(i) : t.set(i, e);
+}, E = (i, t, e, r) => (Q(i, t, "write to private field"), r ? r.call(i, e) : t.set(i, e), e);
 /**
@@ -19,4 +19,4 @@ * @license
 let At = class {
-  constructor(t, e, i) {
-    if (this._$cssResult$ = !0, i !== pt)
+  constructor(t, e, r) {
+    if (this._$cssResult$ = !0, r !== pt)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -29,4 +29,4 @@ this.cssText = t, this.t = e;
     if (K && t === void 0) {
-      const i = e !== void 0 && e.length === 1;
-      i && (t = X.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && X.set(e, t));
+      const r = e !== void 0 && e.length === 1;
+      r && (t = X.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && X.set(e, t));
     }
@@ -39,16 +39,16 @@ return t;
 };
-const St = (r) => new At(typeof r == "string" ? r : r + "", void 0, pt), Et = (r, t) => {
+const St = (i) => new At(typeof i == "string" ? i : i + "", void 0, pt), Et = (i, t) => {
   if (K)
-    r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+    i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else
     for (const e of t) {
-      const i = document.createElement("style"), s = D.litNonce;
-      s !== void 0 && i.setAttribute("nonce", s), i.textContent = e.cssText, r.appendChild(i);
+      const r = document.createElement("style"), s = D.litNonce;
+      s !== void 0 && r.setAttribute("nonce", s), r.textContent = e.cssText, i.appendChild(r);
     }
-}, Y = K ? (r) => r : (r) => r instanceof CSSStyleSheet ? ((t) => {
+}, Y = K ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
   let e = "";
-  for (const i of t.cssRules)
-    e += i.cssText;
+  for (const r of t.cssRules)
+    e += r.cssText;
   return St(e);
-})(r) : r;
+})(i) : i;
 /**
@@ -59,20 +59,20 @@ * @license
  */
-const { is: Ct, defineProperty: Ft, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: kt, getOwnPropertySymbols: Mt, getPrototypeOf: Ut } = Object, $ = globalThis, tt = $.trustedTypes, Pt = tt ? tt.emptyScript : "", q = $.reactiveElementPolyfillSupport, M = (r, t) => r, Z = { toAttribute(r, t) {
+const { is: Ct, defineProperty: Ft, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: kt, getOwnPropertySymbols: Mt, getPrototypeOf: Ut } = Object, b = globalThis, tt = b.trustedTypes, Pt = tt ? tt.emptyScript : "", q = b.reactiveElementPolyfillSupport, M = (i, t) => i, Z = { toAttribute(i, t) {
   switch (t) {
     case Boolean:
-      r = r ? Pt : null;
+      i = i ? Pt : null;
       break;
     case Object:
     case Array:
-      r = r == null ? r : JSON.stringify(r);
+      i = i == null ? i : JSON.stringify(i);
   }
-  return r;
-}, fromAttribute(r, t) {
-  let e = r;
+  return i;
+}, fromAttribute(i, t) {
+  let e = i;
   switch (t) {
     case Boolean:
-      e = r !== null;
+      e = i !== null;
       break;
     case Number:
-      e = r === null ? null : Number(r);
+      e = i === null ? null : Number(i);
       break;
@@ -82,3 +82,3 @@ case Object:
       try {
-        e = JSON.parse(r);
+        e = JSON.parse(i);
       } catch {
@@ -89,4 +89,4 @@ e = null;
   return e;
-} }, ut = (r, t) => !Ct(r, t), et = { attribute: !0, type: String, converter: Z, reflect: !1, hasChanged: ut };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), $.litPropertyMetadata ?? ($.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+} }, ut = (i, t) => !Ct(i, t), et = { attribute: !0, type: String, converter: Z, reflect: !1, hasChanged: ut };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), b.litPropertyMetadata ?? (b.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 class C extends HTMLElement {
@@ -101,7 +101,7 @@ static addInitializer(t) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
-      const i = Symbol(), s = this.getPropertyDescriptor(t, i, e);
+      const r = Symbol(), s = this.getPropertyDescriptor(t, r, e);
       s !== void 0 && Ft(this.prototype, t, s);
     }
   }
-  static getPropertyDescriptor(t, e, i) {
+  static getPropertyDescriptor(t, e, r) {
     const { get: s, set: n } = Ht(this.prototype, t) ?? { get() {
@@ -116,3 +116,3 @@ return this[e];
       const l = s == null ? void 0 : s.call(this);
-      n.call(this, o), this.requestUpdate(t, l, i);
+      n.call(this, o), this.requestUpdate(t, l, r);
     }, configurable: !0, enumerable: !0 };
@@ -133,4 +133,4 @@ }
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(M("properties"))) {
-      const e = this.properties, i = [...kt(e), ...Mt(e)];
-      for (const s of i)
+      const e = this.properties, r = [...kt(e), ...Mt(e)];
+      for (const s of r)
         this.createProperty(s, e[s]);
@@ -142,8 +142,8 @@ }
       if (e !== void 0)
-        for (const [i, s] of e)
-          this.elementProperties.set(i, s);
+        for (const [r, s] of e)
+          this.elementProperties.set(r, s);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [e, i] of this.elementProperties) {
-      const s = this._$Eu(e, i);
+    for (const [e, r] of this.elementProperties) {
+      const s = this._$Eu(e, r);
       s !== void 0 && this._$Eh.set(s, e);
@@ -156,4 +156,4 @@ }
     if (Array.isArray(t)) {
-      const i = new Set(t.flat(1 / 0).reverse());
-      for (const s of i)
+      const r = new Set(t.flat(1 / 0).reverse());
+      for (const s of r)
         e.unshift(Y(s));
@@ -165,4 +165,4 @@ } else
   static _$Eu(t, e) {
-    const i = e.attribute;
-    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
+    const r = e.attribute;
+    return r === !1 ? void 0 : typeof r == "string" ? r : typeof t == "string" ? t.toLowerCase() : void 0;
   }
@@ -186,4 +186,4 @@ constructor() {
     const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
-    for (const i of e.keys())
-      this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
+    for (const r of e.keys())
+      this.hasOwnProperty(r) && (t.set(r, this[r]), delete this[r]);
     t.size > 0 && (this._$Ep = t);
@@ -198,4 +198,4 @@ }
     this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
-      var i;
-      return (i = e.hostConnected) == null ? void 0 : i.call(e);
+      var r;
+      return (r = e.hostConnected) == null ? void 0 : r.call(e);
     });
@@ -208,14 +208,14 @@ }
     (t = this._$EO) == null || t.forEach((e) => {
-      var i;
-      return (i = e.hostDisconnected) == null ? void 0 : i.call(e);
+      var r;
+      return (r = e.hostDisconnected) == null ? void 0 : r.call(e);
     });
   }
-  attributeChangedCallback(t, e, i) {
-    this._$AK(t, i);
+  attributeChangedCallback(t, e, r) {
+    this._$AK(t, r);
   }
   _$EC(t, e) {
     var n;
-    const i = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, i);
-    if (s !== void 0 && i.reflect === !0) {
-      const o = (((n = i.converter) == null ? void 0 : n.toAttribute) !== void 0 ? i.converter : Z).toAttribute(e, i.type);
+    const r = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, r);
+    if (s !== void 0 && r.reflect === !0) {
+      const o = (((n = r.converter) == null ? void 0 : n.toAttribute) !== void 0 ? r.converter : Z).toAttribute(e, r.type);
       this._$Em = t, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
@@ -226,18 +226,18 @@ }
     var n;
-    const i = this.constructor, s = i._$Eh.get(t);
+    const r = this.constructor, s = r._$Eh.get(t);
     if (s !== void 0 && this._$Em !== s) {
-      const o = i.getPropertyOptions(s), l = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : Z;
+      const o = r.getPropertyOptions(s), l = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : Z;
       this._$Em = s, this[s] = l.fromAttribute(e, o.type), this._$Em = null;
     }
   }
-  requestUpdate(t, e, i) {
+  requestUpdate(t, e, r) {
     if (t !== void 0) {
-      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? ut)(this[t], e))
+      if (r ?? (r = this.constructor.getPropertyOptions(t)), !(r.hasChanged ?? ut)(this[t], e))
         return;
-      this.P(t, e, i);
+      this.P(t, e, r);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$ET());
   }
-  P(t, e, i) {
-    this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
+  P(t, e, r) {
+    this._$AL.has(t) || this._$AL.set(t, e), r.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
   }
@@ -258,3 +258,3 @@ async _$ET() {
   performUpdate() {
-    var i;
+    var r;
     if (!this.isUpdatePending)
@@ -276,3 +276,3 @@ return;
     try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$EO) == null || i.forEach((s) => {
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (r = this._$EO) == null || r.forEach((s) => {
         var n;
@@ -290,5 +290,5 @@ return (n = s.hostUpdate) == null ? void 0 : n.call(s);
     var e;
-    (e = this._$EO) == null || e.forEach((i) => {
+    (e = this._$EO) == null || e.forEach((r) => {
       var s;
-      return (s = i.hostUpdated) == null ? void 0 : s.call(i);
+      return (s = r.hostUpdated) == null ? void 0 : s.call(r);
     }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
@@ -316,3 +316,3 @@ }
 }
-C.elementStyles = [], C.shadowRootOptions = { mode: "open" }, C[M("elementProperties")] = /* @__PURE__ */ new Map(), C[M("finalized")] = /* @__PURE__ */ new Map(), q == null || q({ ReactiveElement: C }), ($.reactiveElementVersions ?? ($.reactiveElementVersions = [])).push("2.0.4");
+C.elementStyles = [], C.shadowRootOptions = { mode: "open" }, C[M("elementProperties")] = /* @__PURE__ */ new Map(), C[M("finalized")] = /* @__PURE__ */ new Map(), q == null || q({ ReactiveElement: C }), (b.reactiveElementVersions ?? (b.reactiveElementVersions = [])).push("2.0.4");
 /**
@@ -323,25 +323,25 @@ * @license
  */
-const U = globalThis, j = U.trustedTypes, rt = j ? j.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, gt = "$lit$", f = `lit$${(Math.random() + "").slice(9)}$`, yt = "?" + f, Ot = `<${yt}>`, A = document, P = () => A.createComment(""), O = (r) => r === null || typeof r != "object" && typeof r != "function", ft = Array.isArray, Nt = (r) => ft(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", T = `[ 	
-\f\r]`, k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, it = /-->/g, st = />/g, v = RegExp(`>|${T}(?:([^\\s"'>=/]+)(${T}*=${T}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), nt = /'/g, ot = /"/g, mt = /^(?:script|style|textarea|title)$/i, It = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), _ = It(1), F = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), at = /* @__PURE__ */ new WeakMap(), w = A.createTreeWalker(A, 129);
-function $t(r, t) {
-  if (!Array.isArray(r) || !r.hasOwnProperty("raw"))
+const U = globalThis, j = U.trustedTypes, it = j ? j.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, yt = "$lit$", f = `lit$${(Math.random() + "").slice(9)}$`, gt = "?" + f, Ot = `<${gt}>`, A = document, P = () => A.createComment(""), O = (i) => i === null || typeof i != "object" && typeof i != "function", ft = Array.isArray, Nt = (i) => ft(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", T = `[ 	
+\f\r]`, k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, rt = /-->/g, st = />/g, v = RegExp(`>|${T}(?:([^\\s"'>=/]+)(${T}*=${T}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), nt = /'/g, ot = /"/g, mt = /^(?:script|style|textarea|title)$/i, It = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), _ = It(1), F = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), at = /* @__PURE__ */ new WeakMap(), w = A.createTreeWalker(A, 129);
+function bt(i, t) {
+  if (!Array.isArray(i) || !i.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
-  return rt !== void 0 ? rt.createHTML(t) : t;
+  return it !== void 0 ? it.createHTML(t) : t;
 }
-const Bt = (r, t) => {
-  const e = r.length - 1, i = [];
+const Bt = (i, t) => {
+  const e = i.length - 1, r = [];
   let s, n = t === 2 ? "<svg>" : "", o = k;
   for (let l = 0; l < e; l++) {
-    const a = r[l];
+    const a = i[l];
     let h, p, c = -1, u = 0;
     for (; u < a.length && (o.lastIndex = u, p = o.exec(a), p !== null); )
-      u = o.lastIndex, o === k ? p[1] === "!--" ? o = it : p[1] !== void 0 ? o = st : p[2] !== void 0 ? (mt.test(p[2]) && (s = RegExp("</" + p[2], "g")), o = v) : p[3] !== void 0 && (o = v) : o === v ? p[0] === ">" ? (o = s ?? k, c = -1) : p[1] === void 0 ? c = -2 : (c = o.lastIndex - p[2].length, h = p[1], o = p[3] === void 0 ? v : p[3] === '"' ? ot : nt) : o === ot || o === nt ? o = v : o === it || o === st ? o = k : (o = v, s = void 0);
-    const y = o === v && r[l + 1].startsWith("/>") ? " " : "";
-    n += o === k ? a + Ot : c >= 0 ? (i.push(h), a.slice(0, c) + gt + a.slice(c) + f + y) : a + f + (c === -2 ? l : y);
+      u = o.lastIndex, o === k ? p[1] === "!--" ? o = rt : p[1] !== void 0 ? o = st : p[2] !== void 0 ? (mt.test(p[2]) && (s = RegExp("</" + p[2], "g")), o = v) : p[3] !== void 0 && (o = v) : o === v ? p[0] === ">" ? (o = s ?? k, c = -1) : p[1] === void 0 ? c = -2 : (c = o.lastIndex - p[2].length, h = p[1], o = p[3] === void 0 ? v : p[3] === '"' ? ot : nt) : o === ot || o === nt ? o = v : o === rt || o === st ? o = k : (o = v, s = void 0);
+    const g = o === v && i[l + 1].startsWith("/>") ? " " : "";
+    n += o === k ? a + Ot : c >= 0 ? (r.push(h), a.slice(0, c) + yt + a.slice(c) + f + g) : a + f + (c === -2 ? l : g);
   }
-  return [$t(r, n + (r[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+  return [bt(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : "")), r];
 };
 class N {
-  constructor({ strings: t, _$litType$: e }, i) {
+  constructor({ strings: t, _$litType$: e }, r) {
     let s;
@@ -351,3 +351,3 @@ this.parts = [];
     const l = t.length - 1, a = this.parts, [h, p] = Bt(t, e);
-    if (this.el = N.createElement(h, i), w.currentNode = this.el.content, e === 2) {
+    if (this.el = N.createElement(h, r), w.currentNode = this.el.content, e === 2) {
       const c = this.el.content.firstChild;
@@ -360,5 +360,5 @@ c.replaceWith(...c.childNodes);
           for (const c of s.getAttributeNames())
-            if (c.endsWith(gt)) {
-              const u = p[o++], y = s.getAttribute(c).split(f), z = /([.?@])?(.*)/.exec(u);
-              a.push({ type: 1, index: n, name: z[2], strings: y, ctor: z[1] === "." ? Rt : z[1] === "?" ? Vt : z[1] === "@" ? zt : J }), s.removeAttribute(c);
+            if (c.endsWith(yt)) {
+              const u = p[o++], g = s.getAttribute(c).split(f), z = /([.?@])?(.*)/.exec(u);
+              a.push({ type: 1, index: n, name: z[2], strings: g, ctor: z[1] === "." ? Rt : z[1] === "?" ? Vt : z[1] === "@" ? zt : J }), s.removeAttribute(c);
             } else
@@ -370,4 +370,4 @@ c.startsWith(f) && (a.push({ type: 6, index: n }), s.removeAttribute(c));
             s.textContent = j ? j.emptyScript : "";
-            for (let y = 0; y < u; y++)
-              s.append(c[y], P()), w.nextNode(), a.push({ type: 2, index: ++n });
+            for (let g = 0; g < u; g++)
+              s.append(c[g], P()), w.nextNode(), a.push({ type: 2, index: ++n });
             s.append(c[u], P());
@@ -377,3 +377,3 @@ }
       } else if (s.nodeType === 8)
-        if (s.data === yt)
+        if (s.data === gt)
           a.push({ type: 2, index: n });
@@ -389,13 +389,13 @@ else {
   static createElement(t, e) {
-    const i = A.createElement("template");
-    return i.innerHTML = t, i;
+    const r = A.createElement("template");
+    return r.innerHTML = t, r;
   }
 }
-function H(r, t, e = r, i) {
+function H(i, t, e = i, r) {
   var o, l;
   if (t === F)
     return t;
-  let s = i !== void 0 ? (o = e._$Co) == null ? void 0 : o[i] : e._$Cl;
+  let s = r !== void 0 ? (o = e._$Co) == null ? void 0 : o[r] : e._$Cl;
   const n = O(t) ? void 0 : t._$litDirective$;
-  return (s == null ? void 0 : s.constructor) !== n && ((l = s == null ? void 0 : s._$AO) == null || l.call(s, !1), n === void 0 ? s = void 0 : (s = new n(r), s._$AT(r, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = s : e._$Cl = s), s !== void 0 && (t = H(r, s._$AS(r, t.values), s, i)), t;
+  return (s == null ? void 0 : s.constructor) !== n && ((l = s == null ? void 0 : s._$AO) == null || l.call(s, !1), n === void 0 ? s = void 0 : (s = new n(i), s._$AT(i, e, r)), r !== void 0 ? (e._$Co ?? (e._$Co = []))[r] = s : e._$Cl = s), s !== void 0 && (t = H(i, s._$AS(i, t.values), s, r)), t;
 }
@@ -413,9 +413,9 @@ class Lt {
   u(t) {
-    const { el: { content: e }, parts: i } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? A).importNode(e, !0);
+    const { el: { content: e }, parts: r } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? A).importNode(e, !0);
     w.currentNode = s;
-    let n = w.nextNode(), o = 0, l = 0, a = i[0];
+    let n = w.nextNode(), o = 0, l = 0, a = r[0];
     for (; a !== void 0; ) {
       if (o === a.index) {
         let h;
-        a.type === 2 ? h = new V(n, n.nextSibling, this, t) : a.type === 1 ? h = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (h = new Dt(n, this, t)), this._$AV.push(h), a = i[++l];
+        a.type === 2 ? h = new V(n, n.nextSibling, this, t) : a.type === 1 ? h = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (h = new Dt(n, this, t)), this._$AV.push(h), a = r[++l];
       }
@@ -428,4 +428,4 @@ o !== (a == null ? void 0 : a.index) && (n = w.nextNode(), o++);
     let e = 0;
-    for (const i of this._$AV)
-      i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
+    for (const r of this._$AV)
+      r !== void 0 && (r.strings !== void 0 ? (r._$AI(t, r, e), e += r.strings.length - 2) : r._$AI(t[e])), e++;
   }
@@ -438,4 +438,4 @@ }
   }
-  constructor(t, e, i, s) {
-    this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
+  constructor(t, e, r, s) {
+    this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = r, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
   }
@@ -467,3 +467,3 @@ get parentNode() {
     var n;
-    const { values: e, _$litType$: i } = t, s = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = N.createElement($t(i.h, i.h[0]), this.options)), i);
+    const { values: e, _$litType$: r } = t, s = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = N.createElement(bt(r.h, r.h[0]), this.options)), r);
     if (((n = this._$AH) == null ? void 0 : n._$AD) === s)
@@ -483,10 +483,10 @@ this._$AH.p(e);
     const e = this._$AH;
-    let i, s = 0;
+    let r, s = 0;
     for (const n of t)
-      s === e.length ? e.push(i = new V(this.S(P()), this.S(P()), this, this.options)) : i = e[s], i._$AI(n), s++;
-    s < e.length && (this._$AR(i && i._$AB.nextSibling, s), e.length = s);
+      s === e.length ? e.push(r = new V(this.S(P()), this.S(P()), this, this.options)) : r = e[s], r._$AI(n), s++;
+    s < e.length && (this._$AR(r && r._$AB.nextSibling, s), e.length = s);
   }
   _$AR(t = this._$AA.nextSibling, e) {
-    var i;
-    for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
+    var r;
+    for ((r = this._$AP) == null ? void 0 : r.call(this, !1, !0, e); t && t !== this._$AB; ) {
       const s = t.nextSibling;
@@ -508,6 +508,6 @@ t.remove(), t = s;
   }
-  constructor(t, e, i, s, n) {
-    this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = d;
+  constructor(t, e, r, s, n) {
+    this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = n, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = d;
   }
-  _$AI(t, e = this, i, s) {
+  _$AI(t, e = this, r, s) {
     const n = this.strings;
@@ -521,3 +521,3 @@ let o = !1;
       for (t = n[0], a = 0; a < n.length - 1; a++)
-        h = H(this, l[i + a], e, a), h === F && (h = this._$AH[a]), o || (o = !O(h) || h !== this._$AH[a]), h === d ? t = d : t !== d && (t += (h ?? "") + n[a + 1]), this._$AH[a] = h;
+        h = H(this, l[r + a], e, a), h === F && (h = this._$AH[a]), o || (o = !O(h) || h !== this._$AH[a]), h === d ? t = d : t !== d && (t += (h ?? "") + n[a + 1]), this._$AH[a] = h;
     }
@@ -547,4 +547,4 @@ o && !s && this.j(t);
 class zt extends J {
-  constructor(t, e, i, s, n) {
-    super(t, e, i, s, n), this.type = 5;
+  constructor(t, e, r, s, n) {
+    super(t, e, r, s, n), this.type = 5;
   }
@@ -554,4 +554,4 @@ _$AI(t, e = this) {
       return;
-    const i = this._$AH, s = t === d && i !== d || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== d && (i === d || s);
-    s && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    const r = this._$AH, s = t === d && r !== d || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, n = t !== d && (r === d || s);
+    s && this.element.removeEventListener(this.name, this, r), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -564,4 +564,4 @@ handleEvent(t) {
 class Dt {
-  constructor(t, e, i) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
+  constructor(t, e, r) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = r;
   }
@@ -577,10 +577,10 @@ get _$AU() {
 G == null || G(N, V), (U.litHtmlVersions ?? (U.litHtmlVersions = [])).push("3.1.2");
-const jt = (r, t, e) => {
-  const i = (e == null ? void 0 : e.renderBefore) ?? t;
-  let s = i._$litPart$;
+const jt = (i, t, e) => {
+  const r = (e == null ? void 0 : e.renderBefore) ?? t;
+  let s = r._$litPart$;
   if (s === void 0) {
     const n = (e == null ? void 0 : e.renderBefore) ?? null;
-    i._$litPart$ = s = new V(t.insertBefore(P(), n), n, void 0, e ?? {});
+    r._$litPart$ = s = new V(t.insertBefore(P(), n), n, void 0, e ?? {});
   }
-  return s._$AI(r), s;
+  return s._$AI(i), s;
 };
@@ -627,3 +627,3 @@ /**
  */
-const Jt = (r) => (...t) => ({ _$litDirective$: r, values: t });
+const Jt = (i) => (...t) => ({ _$litDirective$: i, values: t });
 let qt = class {
@@ -635,4 +635,4 @@ constructor(t) {
   }
-  _$AT(t, e, i) {
-    this._$Ct = t, this._$AM = e, this._$Ci = i;
+  _$AT(t, e, r) {
+    this._$Ct = t, this._$AM = e, this._$Ci = r;
   }
@@ -651,3 +651,3 @@ _$AS(t, e) {
  */
-const Tt = {}, Gt = (r, t = Tt) => r._$AH = t;
+const Tt = {}, Gt = (i, t = Tt) => i._$AH = t;
 /**
@@ -662,34 +662,34 @@ * @license
   }
-  render(r, t) {
-    return this.key = r, t;
+  render(i, t) {
+    return this.key = i, t;
   }
-  update(r, [t, e]) {
-    return t !== this.key && (Gt(r), this.key = t), e;
+  update(i, [t, e]) {
+    return t !== this.key && (Gt(i), this.key = t), e;
   }
-}), Zt = (r) => {
-  r.hoverInteraction = r.eoxMap.selectInteractions.selectHover, r.clickInteraction = r.eoxMap.selectInteractions.selectClick;
+}), Zt = (i) => {
+  i.hoverInteraction = i.eoxMap.selectInteractions.selectHover, i.clickInteraction = i.eoxMap.selectInteractions.selectClick;
   const t = () => {
-    r.requestUpdate();
+    i.requestUpdate();
   };
-  r.hoverInteraction.selectStyleLayer.on(
+  i.hoverInteraction.selectStyleLayer.on(
     "change",
     t
-  ), r.clickInteraction.selectStyleLayer.on(
+  ), i.clickInteraction.selectStyleLayer.on(
     "change",
     t
   );
-}, Kt = (r, t, e) => {
-  if (r.clickId === t)
+}, Kt = (i, t, e) => {
+  if (i.clickId === t)
     return;
-  const i = e ? [] : [t];
-  r.hoverInteraction.highlightById(i);
-}, Qt = (r, t) => {
-  r.stopPropagation();
-  const e = Number(r.target.getAttribute("index")), i = t.drawnFeatures[e];
-  t.drawLayer.getSource().removeFeature(i), t.drawnFeatures.splice(e, 1), t.requestUpdate();
+  const r = e ? [] : [t];
+  i.hoverInteraction.highlightById(r);
+}, Qt = (i, t) => {
+  i.stopPropagation();
+  const e = Number(i.target.getAttribute("index")), r = t.drawnFeatures[e];
+  t.drawLayer.getSource().removeFeature(r), t.drawnFeatures.splice(e, 1), t.requestUpdate();
 }, lt = { duration: 750 }, ct = {
   type: "FeatureCollection",
   features: []
-}, Xt = (r, t) => {
-  const e = r.get("id"), { clickId: i, drawLayer: s, olMap: n, clickInteraction: o } = t, l = i === e, a = r.getGeometry();
+}, Xt = (i, t) => {
+  const e = i.get("id"), { clickId: r, drawLayer: s, olMap: n, clickInteraction: o } = t, l = r === e, a = i.getGeometry();
   if (l) {
@@ -704,3 +704,3 @@ const h = s.getSource().getExtent();
 }, Yt = "ul.list-wrap { padding: 0;}ul.list-wrap li:hover,ul.list-wrap li.selected { background: var(--secondary-bg-color-hover);}ul.list-wrap li { list-style: none; padding: 4px;}ul.list-wrap li { border-bottom: 1.2px solid var(--secondary-color);}ul.list-wrap li:first-child { border-top: 1.2px solid var(--secondary-color);}ul.list-wrap li .list { width: 100%; align-items: center; justify-content: space-between; display: flex; align-items: center; cursor: pointer; font-size: small; gap: 10px;}ul.list-wrap li .list span { display: flex; align-items: center; cursor: pointer; font-size: small; flex-grow: 1;}";
-class bt extends x {
+class $t extends x {
   constructor() {
@@ -711,15 +711,15 @@ super();
      */
-    b(this, "hoverInteraction");
+    $(this, "hoverInteraction");
     /**
      * @type import("../../../map/src/select").EOxSelectInteraction
      */
-    b(this, "clickInteraction");
+    $(this, "clickInteraction");
     /**
      * @type string | number
      */
-    b(this, "hoverId");
+    $(this, "hoverId");
     /**
      * @type string | number
      */
-    b(this, "clickId");
+    $(this, "clickId");
     this.eoxMap = null, this.olMap = null, this.draw = null, this.drawLayer = null, this.drawnFeatures = [], this.modify = null, this.unstyled = !1;
@@ -748,4 +748,4 @@ }
    */
-  _handleHoverFeature(e, i = !1) {
-    Kt(this, e, i);
+  _handleHoverFeature(e, r = !1) {
+    Kt(this, e, r);
   }
@@ -765,4 +765,4 @@ /**
   render() {
-    var e, i;
-    return this.hoverId = (e = this.hoverInteraction) == null ? void 0 : e.selectedFids[0], this.clickId = (i = this.clickInteraction) == null ? void 0 : i.selectedFids[0], _`
+    var e, r;
+    return this.hoverId = (e = this.hoverInteraction) == null ? void 0 : e.selectedFids[0], this.clickId = (r = this.clickInteraction) == null ? void 0 : r.selectedFids[0], _`
       <style>
@@ -803,3 +803,3 @@ ${!this.unstyled && Yt}
 }
-b(bt, "properties", {
+$($t, "properties", {
   eoxMap: { attribute: !1, state: !0 },
@@ -813,9 +813,9 @@ olMap: { attribute: !1, state: !0 },
 });
-customElements.define("eox-drawtools-list", bt);
-const te = (r) => {
-  const { multipleFeatures: t, drawnFeatures: e, currentlyDrawing: i } = r, s = !t && (e == null ? void 0 : e.length) > 0 || i, n = !(e != null && e.length) && !i;
+customElements.define("eox-drawtools-list", $t);
+const te = (i) => {
+  const { multipleFeatures: t, drawnFeatures: e, currentlyDrawing: r } = i, s = !t && (e == null ? void 0 : e.length) > 0 || r, n = !(e != null && e.length) && !r;
   return { drawDisabled: s, discardDisabled: n };
-}, ee = "button,.button { display: inline-flex; position: relative; align-items: center; color: #fff; border-width: 0; outline: none; border-radius: 4px; padding: 16px; height: 36px; cursor: pointer; font-family: inherit; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 1.25px; font-weight: 500; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); transition-property: box-shadow, transform, opacity, background; transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}button:hover:not([disabled]):not(.icon),.button:hover:not([disabled]):not(.icon) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background: var(--primary-btn-color-hover);}button,button:active,.button,.button:active { background: var(--primary-color);}button[disabled],.button[disabled] { opacity: 0.5; cursor: not-allowed;}button.outline,.button.outline { background: transparent; box-shadow: none; color: var(--primary-color); outline: 1px solid var(--primary-color);}button.outline:hover,.button.outline:hover { background: transparent;}button.icon,.button.icon { background: transparent; border: none; box-shadow: none; padding: 0; border-radius: 50%; width: 24px; height: 24px; text-indent: -9999px;}button.icon-text,.button.icon-text { text-indent: 26px;}button.icon:before,button.icon-text:before,.button.icon:before,.button.icon-text:before { position: absolute; text-indent: 0; line-height: initial;}button.icon:before,.button.icon:before { width: 24px; height: 24px; margin-right: 0;}button.icon-text:before,.button.icon-text:before { width: 18px; height: 18px;}button.small,.button.small { height: 28px; padding: 12.4px; font-size: 0.75rem;}button.smallest.icon,button.smallest.icon::before { height: 16px; width: 16px; padding: 0px;}", re = "textarea { height: 90px; resize: none; border-radius: 4px; box-sizing: border-box !important; width: 100%; padding: 5px 7px; border: 1px solid var(--secondary-color); font-size: smaller; background: var(--background-color);}";
-function ie(r) {
-  navigator.clipboard.writeText(r).then(
+}, ee = 'button,.button { display: inline-flex; position: relative; align-items: center; color: #fff; border-width: 0; outline: none; border-radius: 4px; padding: 16px; height: 36px; cursor: pointer; font-family: inherit; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 1.25px; font-weight: 500; box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); transition-property: box-shadow, transform, opacity, background; transition-duration: 0.28s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}button:hover:not([disabled]):not(.icon):not(.json-editor-btntype-*),.button:hover:not([disabled]):not(.icon) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background: var(--primary-btn-color-hover);}button,button:active,.button,.button:active { background: var(--primary-color);}button[disabled],.button[disabled] { opacity: 0.5; cursor: not-allowed;}button.block,.button.block { display: block;}button.outline,.button.outline { background: transparent; box-shadow: none; color: var(--primary-color); outline: 1px solid var(--primary-color);}button.outline:hover,.button.outline:hover { background: transparent;}button.icon,.button.icon,button[class*="json-editor-btntype-"] { background: transparent; border: none; box-shadow: none; padding: 0; border-radius: 50%; width: 24px; height: 24px; text-indent: -9999px;}button.icon-text,.button.icon-text { text-indent: 26px;}button.icon-text.block,.button.icon-text.block { text-indent: 20px;}button.icon:before,button.icon-text:before,.button.icon:before,.button.icon-text:before { position: absolute; text-indent: 0; line-height: initial;}button.icon-text.block:before,.button.icon-text.block:before { text-indent: -54px;}button.icon:before,.button.icon:before,button[class*="json-editor-btntype-"]::before { width: 24px; height: 24px; margin-right: 0;}button.icon-text:before,.button.icon-text:before { width: 18px; height: 18px;}button.small,.button.small { height: 28px; padding: 12.4px; font-size: 0.75rem;}button.smallest.icon,button.smallest.icon::before { height: 16px; width: 16px; padding: 0;}', ie = 'textarea { height: 90px; resize: none; border-radius: 4px; box-sizing: border-box !important; width: 100%; padding: 5px 7px; border: 1px solid var(--secondary-color); font-size: smaller; background: var(--background-color);}input[type="text"],input[type="url"],input[type="email"],input[type="password"],input[type="text"],input[type="number"],input[type="search"],input[type="tel"],select { box-sizing: border-box; width: 100%; margin-top: 0.5rem; margin-bottom: 0.5rem; padding: 5px 7px; border-radius: 4px; border: 1px solid #0004;}';
+function re(i) {
+  navigator.clipboard.writeText(i).then(
     function() {
@@ -833,4 +833,4 @@ },
  */
-function ht(r, t, e) {
-  return r ? t(r) : e == null ? void 0 : e(r);
+function ht(i, t, e) {
+  return i ? t(i) : e == null ? void 0 : e(i);
 }
@@ -855,4 +855,4 @@ var I, B;
   updateButtonStates() {
-    const { drawDisabled: e, discardDisabled: i } = te(this);
-    E(this, I, e), E(this, B, i);
+    const { drawDisabled: e, discardDisabled: r } = te(this);
+    E(this, I, e), E(this, B, r);
   }
@@ -871,3 +871,3 @@ /**
         ${!this.unstyled && ee}
-        ${!this.unstyled && re}
+        ${!this.unstyled && ie}
       </style>
@@ -881,3 +881,3 @@ <div class="wrap-btn">
             class="polygon icon"
-            ?disabled="${g(this, I) || d}"
+            ?disabled="${y(this, I) || d}"
             @click="${() => this.drawFunc.start()}"
@@ -892,3 +892,3 @@ >
             class="discard icon"
-            ?disabled="${g(this, B) || d}"
+            ?disabled="${y(this, B) || d}"
             @click="${() => this.drawFunc.discard()}"
@@ -940,3 +940,3 @@ >
               class="icon-copy"
-              @click=${() => ie(this.geoJSON)}
+              @click=${() => re(this.geoJSON)}
             >
@@ -952,3 +952,3 @@ ${this.unstyled ? "copy" : d}
 I = new WeakMap(), B = new WeakMap(), // Define properties with default values and types
-b(vt, "properties", {
+$(vt, "properties", {
   multipleFeatures: { attribute: !1, type: Boolean },
@@ -1006,17 +1006,17 @@ drawnFeatures: { attribute: !1, state: !0, type: Array },
    }
-`, ne = (r) => {
+`, ne = (i) => {
   (() => {
-    r.emitDrawnFeatures(), r.multipleFeatures || (r.draw.setActive(!1), r.currentlyDrawing = !1);
-  })(), r.requestUpdate();
-}, oe = (r) => {
+    i.emitDrawnFeatures(), i.multipleFeatures || (i.draw.setActive(!1), i.currentlyDrawing = !1);
+  })(), i.requestUpdate();
+}, oe = (i) => {
   const t = () => {
-    r.drawLayer.set("isDrawingEnabled", !0), r.draw.setActive(!0);
+    i.drawLayer.set("isDrawingEnabled", !0), i.draw.setActive(!0);
   }, e = () => {
-    r.currentlyDrawing = !0, r.requestUpdate();
+    i.currentlyDrawing = !0, i.requestUpdate();
   };
   t(), e();
-}, ae = (r, t) => {
+}, ae = (i, t) => {
   var n;
-  const i = document.querySelector(r.for), s = i.map;
-  return r.drawLayer = i.addOrUpdateLayer({
+  const r = document.querySelector(i.for), s = r.map;
+  return i.drawLayer = r.addOrUpdateLayer({
     type: "Vector",
@@ -1038,4 +1038,4 @@ properties: {
           id: "drawInteraction",
-          type: r.type,
-          modify: r.allowModify,
+          type: i.type,
+          modify: i.allowModify,
           stopClick: !0
@@ -1070,24 +1070,24 @@ }
     ]
-  }), r.draw = /** @type {import("ol/interaction").Draw} */
+  }), i.draw = /** @type {import("ol/interaction").Draw} */
   /** @type {unknown} */
-  i.interactions.drawInteraction, r.modify = /** @type {import("ol/interaction").Modify} */
+  r.interactions.drawInteraction, i.modify = /** @type {import("ol/interaction").Modify} */
   /** @type {unknown} */
-  i.interactions.drawInteractionmodify, (n = r.modify) == null || n.on("modifyend", () => r.onModifyEnd()), i.addEventListener("addfeatures", () => ne(r)), { EoxMap: i, OlMap: s };
-}, le = (r) => {
+  r.interactions.drawInteractionmodify, (n = i.modify) == null || n.on("modifyend", () => i.onModifyEnd()), r.addEventListener("addfeatures", () => ne(i)), { EoxMap: r, OlMap: s };
+}, le = (i) => {
   const t = () => {
-    r.drawnFeatures = [], r.draw.setActive(!1), r.drawLayer.getSource().clear(), r.geoJSON = null;
+    i.drawnFeatures = [], i.draw.setActive(!1), i.drawLayer.getSource().clear(), i.geoJSON = null;
   }, e = () => {
-    r.emitDrawnFeatures(), r.currentlyDrawing = !1, r.requestUpdate();
+    i.emitDrawnFeatures(), i.currentlyDrawing = !1, i.requestUpdate();
   };
   t(), e();
-}, ce = (r, t) => {
+}, ce = (i, t) => {
   setTimeout(() => {
-    r.drawnFeatures = r.drawLayer.getSource().getFeatures(), r.updateGeoJSON(), r.requestUpdate(), t();
+    i.drawnFeatures = i.drawLayer.getSource().getFeatures(), i.updateGeoJSON(), i.requestUpdate(), t();
   }, 0);
-}, he = ':root,:host { --spacing: 1rem; --block-spacing-vertical: calc(var(--spacing) * 2); --block-spacing-horizontal: var(--spacing); --background-color: var(--eox-background-color, white); --color: var(--eox-color, #2c3d49); --h-color: var(--eox-h-color, var(--color)); --hover-transparency: var(--eox-hover-transparency, 20%); --bg-hover-transparency: var(--eox-bg-hover-transparency, 40%); --btn-hover-transparency: var(--eox-btn-hover-transparency, 80%); --primary-color: var(--eox-primary-color, #004170); --primary-color-hover: color-mix( in srgb, var(--primary-color) var(--hover-transparency), transparent ); --primary-bg-color-hover: color-mix( in srgb, var(--primary-color) var(--bg-hover-transparency), transparent ); --primary-btn-color-hover: color-mix( in srgb, var(--primary-color) var(--btn-hover-transparency), transparent ); --secondary-color: var(--eox-secondary-color, #c6d4df); --secondary-color-hover: color-mix( in srgb, var(--secondary-color) var(--hover-transparency), transparent ); --secondary-bg-color-hover: color-mix( in srgb, var(--secondary-color) var(--bg-hover-transparency), transparent ); --secondary-btn-color-hover: color-mix( in srgb, var(--secondary-color) var(--btn-hover-transparency), transparent ); --success: var(--eox-success, #26cc0f); --warning: var(--eox-warning, #f18e32); --error: var(--eox-error, #ff5252); --header-font-family: var(--eox-header-font-family, "Roboto", sans-serif); --body-font-family: var(--eox-body-font-family, "Roboto", sans-serif);}* { font-family: var(--body-font-family); color: var(--eox-color);}h1,h2,h3,h4,h5,h6 { font-family: var(--header-font-family);}span,p,div,main,label { font-family: var(--body-font-family);}@media (min-width: 576px) { .container { max-width: 510px; padding-right: 0; padding-left: 0; --block-spacing-vertical: calc(var(--spacing) * 2.5); }}@media (min-width: 768px) { .container { max-width: 700px; --block-spacing-vertical: calc(var(--spacing) * 3); }}@media (min-width: 992px) { .container { max-width: 920px; --block-spacing-vertical: calc(var(--spacing) * 3.5); }}@media (min-width: 1200px) { .container { max-width: 1130px; --block-spacing-vertical: calc(var(--spacing) * 4); }}.container { width: 100%; margin-right: auto; margin-left: auto; display: block; padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);}h1,h2,h3 { line-height: 120%; margin-top: 0.8rem; margin-bottom: 0.8rem;}p { font-weight: 400; line-height: 170%; margin-top: 0.8rem; margin-bottom: 1.6rem;}body { padding: 0; margin: 0;}.sb-show-main.sb-main-padded { padding: 0;}h1,h2,h3,h4,h5,h6 { --font-weight: 700;}h1 { --font-size: 3rem; --typography-spacing-vertical: 0.5rem;}h2 { --font-size: 2rem; --typography-spacing-vertical: 0.5rem;}h3 { --font-size: 1.75rem; --typography-spacing-vertical: 0.5rem;}h4 { --font-size: 1.5rem; --typography-spacing-vertical: 0.5rem;}h5 { --font-size: 1.25rem; --typography-spacing-vertical: 0.5rem;}h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: var(--typography-spacing-vertical); color: var(--h-color); font-weight: var(--font-weight); font-size: var(--font-size); font-family: var(--header-font-family);}';
-function de(r, t) {
+}, he = ':root,:host { --spacing: 1rem; --block-spacing-vertical: calc(var(--spacing) * 2); --block-spacing-horizontal: var(--spacing); --background-color: var(--eox-background-color, white); --color: var(--eox-color, #2c3d49); --h-color: var(--eox-h-color, var(--color)); --hover-transparency: var(--eox-hover-transparency, 20%); --bg-hover-transparency: var(--eox-bg-hover-transparency, 40%); --btn-hover-transparency: var(--eox-btn-hover-transparency, 80%); --primary-color: var(--eox-primary-color, #004170); --primary-color-hover: color-mix( in srgb, var(--primary-color) var(--hover-transparency), transparent ); --primary-bg-color-hover: color-mix( in srgb, var(--primary-color) var(--bg-hover-transparency), transparent ); --primary-btn-color-hover: color-mix( in srgb, var(--primary-color) var(--btn-hover-transparency), transparent ); --secondary-color: var(--eox-secondary-color, #c6d4df); --secondary-color-hover: color-mix( in srgb, var(--secondary-color) var(--hover-transparency), transparent ); --secondary-bg-color-hover: color-mix( in srgb, var(--secondary-color) var(--bg-hover-transparency), transparent ); --secondary-btn-color-hover: color-mix( in srgb, var(--secondary-color) var(--btn-hover-transparency), transparent ); --success: var(--eox-success, #26cc0f); --warning: var(--eox-warning, #f18e32); --error: var(--eox-error, #ff5252); --header-font-family: var(--eox-header-font-family, "Roboto", sans-serif); --body-font-family: var(--eox-body-font-family, "Roboto", sans-serif);}* { font-size: normal; font-family: var(--body-font-family); color: var(--eox-color);}h1,h2,h3,h4,h5,h6 { font-family: var(--header-font-family);}span,p,div,main,label { font-family: var(--body-font-family);}@media (min-width: 576px) { .container { max-width: 510px; padding-right: 0; padding-left: 0; --block-spacing-vertical: calc(var(--spacing) * 2.5); }}@media (min-width: 768px) { .container { max-width: 700px; --block-spacing-vertical: calc(var(--spacing) * 3); }}@media (min-width: 992px) { .container { max-width: 920px; --block-spacing-vertical: calc(var(--spacing) * 3.5); }}@media (min-width: 1200px) { .container { max-width: 1130px; --block-spacing-vertical: calc(var(--spacing) * 4); }}.container { width: 100%; margin-right: auto; margin-left: auto; display: block; padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);}h1,h2,h3 { line-height: 120%; margin-top: 0.8rem; margin-bottom: 0.8rem;}p { --font-size: 1rem; font-weight: 400; line-height: 170%; margin-top: 0.8rem; margin-bottom: 1.6rem; font-size: var(--font-size);}body { padding: 0; margin: 0;}.sb-show-main.sb-main-padded { padding: 0;}h1,h2,h3,h4,h5,h6 { --font-weight: 700;}h1 { --font-size: 3rem; --typography-spacing-vertical: 0.5rem;}h2 { --font-size: 2rem; --typography-spacing-vertical: 0.5rem;}h3 { --font-size: 1.75rem; --typography-spacing-vertical: 0.5rem;}h4 { --font-size: 1.5rem; --typography-spacing-vertical: 0.5rem;}h5 { --font-size: 1.25rem; --typography-spacing-vertical: 0.5rem;}h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: var(--typography-spacing-vertical); color: var(--h-color); font-weight: var(--font-weight); font-size: var(--font-size); font-family: var(--header-font-family);}';
+function de(i, t) {
   function e(n) {
     n.preventDefault(), n.stopPropagation();
   }
-  function i(n) {
+  function r(n) {
     n.srcElement.style.opacity = "0.4";
@@ -1099,16 +1099,16 @@ }
   ["dragenter", "dragover", "dragleave", "drop"].forEach((n) => {
-    t.addEventListener(n, e, !1), ["dragenter", "dragover"].includes(n) ? t.addEventListener(n, i, !1) : t.addEventListener(n, s, !1);
-  }), t.addEventListener("drop", (n) => wt(n, r), !1);
+    t.addEventListener(n, e, !1), ["dragenter", "dragover"].includes(n) ? t.addEventListener(n, r, !1) : t.addEventListener(n, s, !1);
+  }), t.addEventListener("drop", (n) => wt(n, i), !1);
 }
-function pe(r) {
-  r.preventDefault(), r.stopPropagation();
+function pe(i) {
+  i.preventDefault(), i.stopPropagation();
 }
-function wt(r, t) {
-  pe(r);
-  const e = r.dataTransfer ? r.dataTransfer.files : r.target.files;
-  Array.from(e).forEach((i) => ue(i, t));
+function wt(i, t) {
+  pe(i);
+  const e = i.dataTransfer ? i.dataTransfer.files : i.target.files;
+  Array.from(e).forEach((r) => ue(r, t));
 }
-function ue(r, t) {
+function ue(i, t) {
   const e = new FileReader();
-  e.readAsText(r), e.onloadend = function() {
+  e.readAsText(i), e.onloadend = function() {
     typeof e.result == "string" && t.handleFeatureChange(e.result);
@@ -1118,3 +1118,3 @@ };
 var m, L, R;
-class ge extends x {
+class ye extends x {
   constructor() {
@@ -1172,7 +1172,7 @@ super();
    */
-  handleFeatureChange(e, i = !1) {
-    g(this, m).parseTextToFeature(
+  handleFeatureChange(e, r = !1) {
+    y(this, m).parseTextToFeature(
       e || JSON.stringify(ct),
       this.drawLayer,
-      i
+      r
     );
@@ -1197,3 +1197,3 @@ }
     E(this, R, JSON.stringify(
-      g(this, m).parseFeature(this.drawnFeatures) || ct,
+      y(this, m).parseFeature(this.drawnFeatures) || ct,
       void 0,
@@ -1225,4 +1225,4 @@ 2
   firstUpdated() {
-    const { EoxMap: e, OlMap: i } = ae(this, this.multipleFeatures);
-    E(this, m, e), E(this, L, i), this.importFeatures && de(this, g(this, m)), this.updateGeoJSON(), this.requestUpdate();
+    const { EoxMap: e, OlMap: r } = ae(this, this.multipleFeatures);
+    E(this, m, e), E(this, L, r), this.importFeatures && de(this, y(this, m)), this.updateGeoJSON(), this.requestUpdate();
   }
@@ -1244,4 +1244,4 @@ // Render method for UI display
       discard: () => this.handleDiscardDrawing(),
-      editor: (i) => this.handleFeatureChange(i.target.value, !0),
-      import: (i) => this.handleFilesChange(i)
+      editor: (r) => this.handleFeatureChange(r.target.value, !0),
+      import: (r) => this.handleFilesChange(r)
     }}
@@ -1254,3 +1254,3 @@ .unstyled=${this.unstyled}
         .showEditor=${this.showEditor}
-        .geoJSON=${g(this, R)}
+        .geoJSON=${y(this, R)}
       ></eox-drawtools-controller>
@@ -1260,4 +1260,4 @@
       ${this.showList && ((e = this.drawnFeatures) != null && e.length) ? _`<eox-drawtools-list
-            .eoxMap=${g(this, m)}
-            .olMap=${g(this, L)}
+            .eoxMap=${y(this, m)}
+            .olMap=${y(this, L)}
             .draw=${this.draw}
@@ -1276,5 +1276,5 @@ .drawLayer=${this.drawLayer}
 m = new WeakMap(), L = new WeakMap(), R = new WeakMap();
-customElements.define("eox-drawtools", ge);
+customElements.define("eox-drawtools", ye);
 export {
-  ge as EOxDrawTools
+  ye as EOxDrawTools
 };

package.json

 {
   "name": "@eox/drawtools",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "type": "module",
@@ -10,3 +10,3 @@ "devDependencies": {
     "eslint-plugin-typescript": "^0.14.0",
-    "ol": "^8.1.0",
+    "ol": "^9.0.0",
     "typescript": "^5.2.2",
@@ -13,0 +13,0 @@ "vite": "^5.0.2"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

91445

increased by1.52%

Lines of code

1722

increased by0.29%

No dependency changes