@record-evolution/widget-scada 1.0.2 → 1.0.3

package/dist/widget-scada.js

@@ -1,13 +1,13 @@
-const R = globalThis, G = R.ShadowRoot && (R.ShadyCSS === void 0 || R.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Y = /* @__PURE__ */ Symbol(), et = /* @__PURE__ */ new WeakMap();
+const L = globalThis, Y = L.ShadowRoot && (L.ShadyCSS === void 0 || L.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, X = /* @__PURE__ */ Symbol(), et = /* @__PURE__ */ new WeakMap();
 let pt = class {
   constructor(t, e, s) {
-    if (this._$cssResult$ = !0, s !== Y) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, s !== X) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if (G && t === void 0) {
+    if (Y && t === void 0) {
       const s = e !== void 0 && e.length === 1;
       s && (t = et.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && et.set(e, t));
     }
@@ -17,23 +17,23 @@ let pt = class {
     return this.cssText;
   }
 };
-const vt = (n) => new pt(typeof n == "string" ? n : n + "", void 0, Y), _t = (n, ...t) => {
+const At = (n) => new pt(typeof n == "string" ? n : n + "", void 0, X), _t = (n, ...t) => {
   const e = n.length === 1 ? n[0] : t.reduce((s, i, r) => s + ((o) => {
     if (o._$cssResult$ === !0) return o.cssText;
     if (typeof o == "number") return o;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(i) + n[r + 1], n[0]);
-  return new pt(e, n, Y);
+  return new pt(e, n, X);
 }, St = (n, t) => {
-  if (G) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+  if (Y) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
-    const s = document.createElement("style"), i = R.litNonce;
+    const s = document.createElement("style"), i = L.litNonce;
     i !== void 0 && s.setAttribute("nonce", i), s.textContent = e.cssText, n.appendChild(s);
   }
-}, st = G ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
+}, st = Y ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const s of t.cssRules) e += s.cssText;
-  return vt(e);
+  return At(e);
 })(n) : n;
 const { is: wt, defineProperty: Et, getOwnPropertyDescriptor: Ct, getOwnPropertyNames: xt, getOwnPropertySymbols: Tt, getPrototypeOf: Pt } = Object, j = globalThis, it = j.trustedTypes, kt = it ? it.emptyScript : "", Ot = j.reactiveElementPolyfillSupport, P = (n, t) => n, H = { toAttribute(n, t) {
   switch (t) {
@@ -63,7 +63,7 @@ const { is: wt, defineProperty: Et, getOwnPropertyDescriptor: Ct, getOwnProperty
       }
   }
   return e;
-} }, X = (n, t) => !wt(n, t), rt = { attribute: !0, type: String, converter: H, reflect: !1, useDefault: !1, hasChanged: X };
+} }, J = (n, t) => !wt(n, t), rt = { attribute: !0, type: String, converter: H, reflect: !1, useDefault: !1, hasChanged: J };
 Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), j.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 let C = class extends HTMLElement {
   static addInitializer(t) {
@@ -178,7 +178,7 @@ let C = class extends HTMLElement {
   requestUpdate(t, e, s, i = !1, r) {
     if (t !== void 0) {
       const o = this.constructor;
-      if (i === !1 && (r = this[t]), s ??= o.getPropertyOptions(t), !((s.hasChanged ?? X)(r, e) || s.useDefault && s.reflect && r === this._$Ej?.get(t) && !this.hasAttribute(o._$Eu(t, s)))) return;
+      if (i === !1 && (r = this[t]), s ??= o.getPropertyOptions(t), !((s.hasChanged ?? J)(r, e) || s.useDefault && s.reflect && r === this._$Ej?.get(t) && !this.hasAttribute(o._$Eu(t, s)))) return;
       this.C(t, e, s);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -247,14 +247,14 @@ let C = class extends HTMLElement {
   }
 };
 C.elementStyles = [], C.shadowRootOptions = { mode: "open" }, C[P("elementProperties")] = /* @__PURE__ */ new Map(), C[P("finalized")] = /* @__PURE__ */ new Map(), Ot?.({ ReactiveElement: C }), (j.reactiveElementVersions ??= []).push("2.1.2");
-const J = globalThis, nt = (n) => n, I = J.trustedTypes, ot = I ? I.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, mt = "$lit$", b = `lit$${Math.random().toFixed(9).slice(2)}$`, gt = "?" + b, Nt = `<${gt}>`, S = document, O = () => S.createComment(""), N = (n) => n === null || typeof n != "object" && typeof n != "function", Z = Array.isArray, Mt = (n) => Z(n) || typeof n?.[Symbol.iterator] == "function", B = `[ 	
-\f\r]`, T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, at = /-->/g, ht = />/g, A = RegExp(`>|${B}(?:([^\\s"'>=/]+)(${B}*=${B}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), lt = /'/g, ct = /"/g, yt = /^(?:script|style|textarea|title)$/i, Lt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), z = Lt(1), w = /* @__PURE__ */ Symbol.for("lit-noChange"), d = /* @__PURE__ */ Symbol.for("lit-nothing"), ut = /* @__PURE__ */ new WeakMap(), _ = S.createTreeWalker(S, 129);
+const Z = globalThis, nt = (n) => n, D = Z.trustedTypes, ot = D ? D.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, mt = "$lit$", b = `lit$${Math.random().toFixed(9).slice(2)}$`, gt = "?" + b, Nt = `<${gt}>`, w = document, O = () => w.createComment(""), N = (n) => n === null || typeof n != "object" && typeof n != "function", K = Array.isArray, Mt = (n) => K(n) || typeof n?.[Symbol.iterator] == "function", z = `[ 	
+\f\r]`, T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, at = /-->/g, ht = />/g, A = RegExp(`>|${z}(?:([^\\s"'>=/]+)(${z}*=${z}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), lt = /'/g, ct = /"/g, yt = /^(?:script|style|textarea|title)$/i, Ut = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), W = Ut(1), E = /* @__PURE__ */ Symbol.for("lit-noChange"), d = /* @__PURE__ */ Symbol.for("lit-nothing"), ut = /* @__PURE__ */ new WeakMap(), S = w.createTreeWalker(w, 129);
 function $t(n, t) {
-  if (!Z(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  if (!K(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return ot !== void 0 ? ot.createHTML(t) : t;
 }
-const Rt = (n, t) => {
+const Lt = (n, t) => {
   const e = n.length - 1, s = [];
   let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = T;
   for (let h = 0; h < e; h++) {
@@ -271,22 +271,22 @@ class M {
     let i;
     this.parts = [];
     let r = 0, o = 0;
-    const h = t.length - 1, a = this.parts, [u, c] = Rt(t, e);
-    if (this.el = M.createElement(u, s), _.currentNode = this.el.content, e === 2 || e === 3) {
+    const h = t.length - 1, a = this.parts, [u, c] = Lt(t, e);
+    if (this.el = M.createElement(u, s), S.currentNode = this.el.content, e === 2 || e === 3) {
       const l = this.el.content.firstChild;
       l.replaceWith(...l.childNodes);
     }
-    for (; (i = _.nextNode()) !== null && a.length < h; ) {
+    for (; (i = S.nextNode()) !== null && a.length < h; ) {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) for (const l of i.getAttributeNames()) if (l.endsWith(mt)) {
-          const p = c[o++], m = i.getAttribute(l).split(b), y = /([.?@])?(.*)/.exec(p);
-          a.push({ type: 1, index: r, name: y[2], strings: m, ctor: y[1] === "." ? Ht : y[1] === "?" ? It : y[1] === "@" ? Dt : F }), i.removeAttribute(l);
+          const p = c[o++], m = i.getAttribute(l).split(b), $ = /([.?@])?(.*)/.exec(p);
+          a.push({ type: 1, index: r, name: $[2], strings: m, ctor: $[1] === "." ? Ht : $[1] === "?" ? Dt : $[1] === "@" ? It : F }), i.removeAttribute(l);
         } else l.startsWith(b) && (a.push({ type: 6, index: r }), i.removeAttribute(l));
         if (yt.test(i.tagName)) {
           const l = i.textContent.split(b), p = l.length - 1;
           if (p > 0) {
-            i.textContent = I ? I.emptyScript : "";
-            for (let m = 0; m < p; m++) i.append(l[m], O()), _.nextNode(), a.push({ type: 2, index: ++r });
+            i.textContent = D ? D.emptyScript : "";
+            for (let m = 0; m < p; m++) i.append(l[m], O()), S.nextNode(), a.push({ type: 2, index: ++r });
             i.append(l[p], O());
           }
         }
@@ -299,17 +299,17 @@ class M {
     }
   }
   static createElement(t, e) {
-    const s = S.createElement("template");
+    const s = w.createElement("template");
     return s.innerHTML = t, s;
   }
 }
 function x(n, t, e = n, s) {
-  if (t === w) return t;
+  if (t === E) return t;
   let i = s !== void 0 ? e._$Co?.[s] : e._$Cl;
   const r = N(t) ? void 0 : t._$litDirective$;
   return i?.constructor !== r && (i?._$AO?.(!1), r === void 0 ? i = void 0 : (i = new r(n), i._$AT(n, e, s)), s !== void 0 ? (e._$Co ??= [])[s] = i : e._$Cl = i), i !== void 0 && (t = x(n, i._$AS(n, t.values), i, s)), t;
 }
-class Ut {
+class Rt {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -320,24 +320,24 @@ class Ut {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: e }, parts: s } = this._$AD, i = (t?.creationScope ?? S).importNode(e, !0);
-    _.currentNode = i;
-    let r = _.nextNode(), o = 0, h = 0, a = s[0];
+    const { el: { content: e }, parts: s } = this._$AD, i = (t?.creationScope ?? w).importNode(e, !0);
+    S.currentNode = i;
+    let r = S.nextNode(), o = 0, h = 0, a = s[0];
     for (; a !== void 0; ) {
       if (o === a.index) {
         let u;
-        a.type === 2 ? u = new L(r, r.nextSibling, this, t) : a.type === 1 ? u = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (u = new jt(r, this, t)), this._$AV.push(u), a = s[++h];
+        a.type === 2 ? u = new U(r, r.nextSibling, this, t) : a.type === 1 ? u = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (u = new jt(r, this, t)), this._$AV.push(u), a = s[++h];
       }
-      o !== a?.index && (r = _.nextNode(), o++);
+      o !== a?.index && (r = S.nextNode(), o++);
     }
-    return _.currentNode = S, i;
+    return S.currentNode = w, i;
   }
   p(t) {
     let e = 0;
     for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
   }
 }
-class L {
+class U {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
@@ -356,7 +356,7 @@ class L {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = x(this, t, e), N(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== w && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Mt(t) ? this.k(t) : this._(t);
+    t = x(this, t, e), N(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== E && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Mt(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -365,13 +365,13 @@ class L {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== d && N(this._$AH) ? this._$AA.nextSibling.data = t : this.T(S.createTextNode(t)), this._$AH = t;
+    this._$AH !== d && N(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w.createTextNode(t)), this._$AH = t;
   }
   $(t) {
     const { values: e, _$litType$: s } = t, i = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = M.createElement($t(s.h, s.h[0]), this.options)), s);
     if (this._$AH?._$AD === i) this._$AH.p(e);
     else {
-      const r = new Ut(i, this), o = r.u(this.options);
+      const r = new Rt(i, this), o = r.u(this.options);
       r.p(e), this.T(o), this._$AH = r;
     }
   }
@@ -380,10 +380,10 @@ class L {
     return e === void 0 && ut.set(t.strings, e = new M(t)), e;
   }
   k(t) {
-    Z(this._$AH) || (this._$AH = [], this._$AR());
+    K(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let s, i = 0;
-    for (const r of t) i === e.length ? e.push(s = new L(this.O(O()), this.O(O()), this, this.options)) : s = e[i], s._$AI(r), i++;
+    for (const r of t) i === e.length ? e.push(s = new U(this.O(O()), this.O(O()), this, this.options)) : s = e[i], s._$AI(r), i++;
     i < e.length && (this._$AR(s && s._$AB.nextSibling, i), e.length = i);
   }
   _$AR(t = this._$AA.nextSibling, e) {
@@ -409,11 +409,11 @@ class F {
   _$AI(t, e = this, s, i) {
     const r = this.strings;
     let o = !1;
-    if (r === void 0) t = x(this, t, e, 0), o = !N(t) || t !== this._$AH && t !== w, o && (this._$AH = t);
+    if (r === void 0) t = x(this, t, e, 0), o = !N(t) || t !== this._$AH && t !== E, o && (this._$AH = t);
     else {
       const h = t;
       let a, u;
-      for (t = r[0], a = 0; a < r.length - 1; a++) u = x(this, h[s + a], e, a), u === w && (u = this._$AH[a]), o ||= !N(u) || u !== this._$AH[a], u === d ? t = d : t !== d && (t += (u ?? "") + r[a + 1]), this._$AH[a] = u;
+      for (t = r[0], a = 0; a < r.length - 1; a++) u = x(this, h[s + a], e, a), u === E && (u = this._$AH[a]), o ||= !N(u) || u !== this._$AH[a], u === d ? t = d : t !== d && (t += (u ?? "") + r[a + 1]), this._$AH[a] = u;
     }
     o && !i && this.j(t);
   }
@@ -429,7 +429,7 @@ class Ht extends F {
     this.element[this.name] = t === d ? void 0 : t;
   }
 }
-class It extends F {
+class Dt extends F {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -437,12 +437,12 @@ class It extends F {
     this.element.toggleAttribute(this.name, !!t && t !== d);
   }
 }
-class Dt extends F {
+class It extends F {
   constructor(t, e, s, i, r) {
     super(t, e, s, i, r), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = x(this, t, e, 0) ?? d) === w) return;
+    if ((t = x(this, t, e, 0) ?? d) === E) return;
     const s = this._$AH, i = t === d && s !== d || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, r = t !== d && (s === d || i);
     i && this.element.removeEventListener(this.name, this, s), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -461,18 +461,18 @@ class jt {
     x(this, t);
   }
 }
-const Ft = J.litHtmlPolyfillSupport;
-Ft?.(M, L), (J.litHtmlVersions ??= []).push("3.3.2");
+const Ft = Z.litHtmlPolyfillSupport;
+Ft?.(M, U), (Z.litHtmlVersions ??= []).push("3.3.2");
 const Bt = (n, t, e) => {
   const s = e?.renderBefore ?? t;
   let i = s._$litPart$;
   if (i === void 0) {
     const r = e?.renderBefore ?? null;
-    s._$litPart$ = i = new L(t.insertBefore(O(), r), r, void 0, e ?? {});
+    s._$litPart$ = i = new U(t.insertBefore(O(), r), r, void 0, e ?? {});
   }
   return i._$AI(n), i;
 };
-const K = globalThis;
+const Q = globalThis;
 let k = class extends C {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
@@ -492,19 +492,19 @@ let k = class extends C {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return w;
+    return E;
   }
 };
-k._$litElement$ = !0, k.finalized = !0, K.litElementHydrateSupport?.({ LitElement: k });
-const zt = K.litElementPolyfillSupport;
+k._$litElement$ = !0, k.finalized = !0, Q.litElementHydrateSupport?.({ LitElement: k });
+const zt = Q.litElementPolyfillSupport;
 zt?.({ LitElement: k });
-(K.litElementVersions ??= []).push("4.2.2");
+(Q.litElementVersions ??= []).push("4.2.2");
 const Wt = (n) => (t, e) => {
   e !== void 0 ? e.addInitializer(() => {
     customElements.define(n, t);
   }) : customElements.define(n, t);
 };
-const qt = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: X }, Vt = (n = qt, t, e) => {
+const qt = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: J }, Vt = (n = qt, t, e) => {
   const { kind: s, metadata: i } = e;
   let r = globalThis.litPropertyMetadata.get(i);
   if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), s === "setter" && ((n = Object.create(n)).wrapped = !0), r.set(e.name, n), s === "accessor") {
@@ -525,14 +525,14 @@ const qt = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged:
   }
   throw Error("Unsupported decorator location: " + s);
 };
-function Q(n) {
+function B(n) {
   return (t, e) => typeof e == "object" ? Vt(n, t, e) : ((s, i, r) => {
     const o = i.hasOwnProperty(r);
     return i.constructor.createProperty(r, s), o ? Object.getOwnPropertyDescriptor(i, r) : void 0;
   })(n, t, e);
 }
 function tt(n) {
-  return Q({ ...n, state: !0, attribute: !1 });
+  return B({ ...n, state: !0, attribute: !1 });
 }
 const Gt = (n, t, e) => (e.configurable = !0, e.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(n, t, e), e);
 function Yt(n, t) {
@@ -560,13 +560,13 @@ class Zt {
     return this.render(...e);
   }
 }
-class q extends Zt {
+class V extends Zt {
   constructor(t) {
     if (super(t), this.it = d, t.type !== Xt.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(t) {
     if (t === d || t == null) return this._t = void 0, this.it = t;
-    if (t === w) return t;
+    if (t === E) return t;
     if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
     if (t === this.it) return this._t;
     this.it = t;
@@ -574,16 +574,16 @@ class q extends Zt {
     return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
   }
 }
-q.directiveName = "unsafeHTML", q.resultType = 1;
-class V extends q {
+V.directiveName = "unsafeHTML", V.resultType = 1;
+class G extends V {
 }
-V.directiveName = "unsafeSVG", V.resultType = 2;
-const Kt = Jt(V), ft = /* @__PURE__ */ new WeakMap();
+G.directiveName = "unsafeSVG", G.resultType = 2;
+const Kt = Jt(G), ft = /* @__PURE__ */ new WeakMap();
 function bt(n) {
   let t = ft.get(n);
   return t || (t = /* @__PURE__ */ new Map(), ft.set(n, t)), t;
 }
-const v = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap();
+const _ = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap();
 class Qt {
   constructor(t, e, s) {
     this.pathEl = null, this.lineWidth = 2, this.lineColor = "#fff", this.dashCap = "round", this.dashWidth = 10, this.dashGap = 10, this.dur = 1, this.dir = "forward", this.rafId = 0, this.rafActive = !1, this.rafLastTime = 0, this.offset = 0, this.tick = (i) => {
@@ -608,7 +608,7 @@ class Qt {
     return this.ensurePath(), this.rafActive || (this.rafActive = !0, this.rafLastTime = 0, this.rafId = requestAnimationFrame(this.tick)), this;
   }
   finish() {
-    this.cancelRaf(), this.pathEl && this.pathEl.parentNode && this.pathEl.parentNode.removeChild(this.pathEl), this.pathEl = null, U.delete(this.container);
+    this.cancelRaf(), this.pathEl && this.pathEl.parentNode && this.pathEl.parentNode.removeChild(this.pathEl), this.pathEl = null, R.delete(this.container);
   }
   ensurePath() {
     if (this.pathEl) return;
@@ -832,7 +832,7 @@ class f {
     return this.el;
   }
 }
-class D {
+class I {
   constructor(t) {
     typeof t == "string" ? (this.settings = { type: "constant", color: t }, this.color = t) : (this.settings = t, this.color = t.color ?? "#000000");
   }
@@ -864,8 +864,8 @@ class D {
 }
 function se(n, t, e) {
   const s = (m) => {
-    const y = m.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
-    if (y) return [+y[1], +y[2], +y[3]];
+    const $ = m.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+    if ($) return [+$[1], +$[2], +$[3]];
     const g = m.replace("#", "");
     return g.length === 3 ? [
       parseInt(g[0] + g[0], 16),
@@ -951,7 +951,7 @@ const re = {
   ohms: "Ω",
   kilohms: "kΩ"
 };
-function At(n) {
+function vt(n) {
   return re[n] ?? n ?? "";
 }
 function ne(n, t, e, s) {
@@ -961,7 +961,7 @@ function ne(n, t, e, s) {
   let r = 0, o = "", h = !1;
   typeof t == "object" && t !== null ? (r = t.decimals ?? 0, o = t.units ?? "", h = t.ignoreUnitSymbol ?? !1) : (r = t ?? 0, o = e ?? "", h = s === !0);
   let a = i.toFixed(r);
-  return !h && o && (a += " " + At(o)), a;
+  return !h && o && (a += " " + vt(o)), a;
 }
 function oe(n, t) {
   return n;
@@ -969,22 +969,22 @@ function oe(n, t) {
 function ae(n) {
   return {
     cssAnimate(t, e) {
-      const s = t instanceof f ? t.native : t, i = v.get(s);
+      const s = t instanceof f ? t.native : t, i = _.get(s);
       i && i.cancel();
       const r = new ee(s, e);
-      return v.set(s, r), r;
+      return _.set(s, r), r;
     },
     cssAnimation(t) {
       const e = t instanceof f ? t.native : t;
-      return v.get(e) ?? null;
+      return _.get(e) ?? null;
     },
     resetCssAnimation(t) {
-      const e = t instanceof f ? t.native : t, s = v.get(e);
-      s && (s.cancel(), v.delete(e));
+      const e = t instanceof f ? t.native : t, s = _.get(e);
+      s && (s.cancel(), _.delete(e));
     },
     finishCssAnimation(t) {
-      const e = t instanceof f ? t.native : t, s = v.get(e);
-      s && (s.finish(), v.delete(e));
+      const e = t instanceof f ? t.native : t, s = _.get(e);
+      s && (s.finish(), _.delete(e));
     },
     font(t, e, s) {
       if (Array.isArray(t)) {
@@ -997,7 +997,7 @@ function ae(n) {
         i.style.fontSize = e.size + (e.sizeUnit || "px"), i.style.fontFamily = o ? r : r + ", sans-serif", i.style.fontWeight = e.weight || "400", i.style.fontStyle = e.style || "normal";
       }
       if (s) {
-        const r = s instanceof D ? s.color : String(s);
+        const r = s instanceof I ? s.color : String(s);
         i.setAttribute("fill", r);
       }
     },
@@ -1006,7 +1006,7 @@ function ae(n) {
       i ? i.textContent = e : s.textContent = e;
     },
     formatValue: ne,
-    unitSymbol: At,
+    unitSymbol: vt,
     convertUnitValue: oe,
     callAction(t, e, s, i) {
       if (i?.next)
@@ -1036,7 +1036,7 @@ function ae(n) {
     icon(t, e, s, i, r) {
       const o = t instanceof f ? t.native : t;
       te();
-      const h = s ?? 14, a = i instanceof D ? i.color : typeof i == "string" ? i : "#000000";
+      const h = s ?? 14, a = i instanceof I ? i.color : typeof i == "string" ? i : "#000000";
       let u = o.querySelector("text.__scada-icon");
       u || (o.textContent = "", u = document.createElementNS("http://www.w3.org/2000/svg", "text"), u.classList.add("__scada-icon"), u.setAttribute("dominant-baseline", "central"), u.setAttribute("text-anchor", "middle"), o.appendChild(u)), u.setAttribute("font-family", "Material Symbols Outlined"), u.setAttribute("font-size", String(h)), u.setAttribute("fill", a), u.textContent = e;
     },
@@ -1044,25 +1044,25 @@ function ae(n) {
       t instanceof f ? t.transform(e) : new f(t).transform(e);
     },
     connectorAnimate(t, e, s) {
-      const i = t instanceof f ? t.native : t, r = U.get(i);
+      const i = t instanceof f ? t.native : t, r = R.get(i);
       r && r.finish();
       const o = new Qt(i, e, s);
-      return U.set(i, o), o;
+      return R.set(i, o), o;
     },
     connectorAnimation(t) {
       const e = t instanceof f ? t.native : t;
-      return U.get(e) ?? null;
+      return R.get(e) ?? null;
     }
   };
 }
 function he(n, t, e, s, i) {
   const r = {};
   for (const [c, l] of Object.entries(s))
-    l && typeof l == "object" && l.type && (l.type === "constant" || l.type === "gradient" || l.type === "range" || l.type === "function") && "color" in l ? r[c] = new D(l) : r[c] = l;
+    l && typeof l == "object" && l.type && (l.type === "constant" || l.type === "gradient" || l.type === "range" || l.type === "function") && "color" in l ? r[c] = new I(l) : r[c] = l;
   for (const c of t.properties)
     if (r[c.id] === void 0 && c.default !== void 0) {
       const l = c.default;
-      c.type === "color_settings" && l && typeof l == "object" ? r[c.id] = new D(l) : r[c.id] = l;
+      c.type === "color_settings" && l && typeof l == "object" ? r[c.id] = new I(l) : r[c.id] = l;
     }
   for (const c of t.behavior)
     c.type === "value" && e[c.id] === void 0 && (c.valueType === "BOOLEAN" ? e[c.id] = !1 : (c.valueType === "DOUBLE" || c.valueType === "INTEGER") && (e[c.id] = 0));
@@ -1135,7 +1135,7 @@ function fe(n, t, e) {
   }
   return s;
 }
-function W(n) {
+function q(n) {
   const t = {}, e = {}, s = {}, i = /* @__PURE__ */ new Set(["color", "color_settings", "font"]);
   for (const r of n.properties)
     r.default !== void 0 && (i.has(r.type) ? e[r.id] = r.default : t[r.id] = r.default);
@@ -1143,14 +1143,14 @@ function W(n) {
     r.type === "value" && (r.valueType === "BOOLEAN" ? s[r.id] = !1 : r.valueType === "DOUBLE" || r.valueType === "INTEGER" ? s[r.id] = 0 : s[r.id] = "");
   return Object.keys(e).length > 0 && (t.styling = e), Object.keys(s).length > 0 && (t.bindings = s), t;
 }
-var de = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, E = (n, t, e, s) => {
+var de = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, v = (n, t, e, s) => {
   for (var i = s > 1 ? void 0 : s ? pe(t, e) : t, r = n.length - 1, o; r >= 0; r--)
     (o = n[r]) && (i = (s ? o(t, e, i) : o(i)) || i);
   return s && i && de(t, e, i), i;
 };
-let $ = class extends k {
+let y = class extends k {
   constructor() {
-    super(), this.svgContent = "", this.version = "1.0.2", this.svgModules = /* @__PURE__ */ new Map(), this.actionCleanups = [], this.resizeObserver = new ResizeObserver(() => this.requestUpdate()), this.resizeObserver.observe(this);
+    super(), this.svgContent = "", this.version = "1.0.3", this.svgModules = /* @__PURE__ */ new Map(), this.actionCleanups = [], this.resizeObserver = new ResizeObserver(() => this.requestUpdate()), this.resizeObserver.observe(this);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.resizeObserver?.disconnect(), this.cleanupActions();
@@ -1164,12 +1164,12 @@ let $ = class extends k {
    */
   getDefaults() {
     if (this.metadata)
-      return W(this.metadata);
+      return q(this.metadata);
   }
   dispatchDefaults() {
     this.metadata && this.dispatchEvent(
       new CustomEvent("widget-defaults", {
-        detail: W(this.metadata),
+        detail: q(this.metadata),
         bubbles: !0,
         composed: !0
       })
@@ -1187,8 +1187,10 @@ let $ = class extends k {
     this.themeBgColor = n || this.theme?.theme_object?.backgroundColor;
   }
   getSymbolUrl(n) {
+    if (this.baseUrl)
+      return (this.baseUrl.endsWith("/") ? this.baseUrl.slice(0, -1) : this.baseUrl) + "/scada_symbols/" + n + ".svg";
     const e = import.meta.url.split("/");
-    return e.pop(), e.pop(), e.join("/") + "/scada_symbols/" + n + ".svg";
+    return e.pop(), e[e.length - 1] === "src" && e.pop(), e.join("/") + "/scada_symbols/" + n + ".svg";
   }
   async loadSymbol(n) {
     const t = this.svgModules.get(n);
@@ -1223,7 +1225,7 @@ let $ = class extends k {
       const t = {}, e = this.inputData?.bindings ?? {};
       for (const [c, l] of Object.entries(e))
         t[c] = l;
-      const s = this.inputData, i = W(this.metadata), { styling: r, bindings: o, ...h } = i, a = { ...h, ...s };
+      const s = this.inputData, i = q(this.metadata), { styling: r, bindings: o, ...h } = i, a = { ...h, ...s };
       delete a.symbol, delete a.bindings, delete a.actions, delete a.styling, Object.assign(a, r ?? {}, s?.styling ?? {});
       const u = {
         onAction: (c, l, p, m) => {
@@ -1249,16 +1251,16 @@ let $ = class extends k {
     });
   }
   render() {
-    return z`
+    return W`
             <div class="wrapper" style="background-color: ${this.themeBgColor ?? ""}">
-                ${this.svgContent ? z`<div class="svg-container">${Kt(this.svgContent)}</div>` : z`<div class="no-symbol">
+                ${this.svgContent ? W`<div class="svg-container">${Kt(this.svgContent)}</div>` : W`<div class="no-symbol">
                           ${this.inputData?.symbol ? "Loading..." : "Select a SCADA symbol"}
                       </div>`}
             </div>
         `;
   }
 };
-$.styles = _t`
+y.styles = _t`
         :host {
             display: block;
             box-sizing: border-box;
@@ -1304,28 +1306,31 @@ $.styles = _t`
             font-family: sans-serif;
         }
     `;
-E([
-  Q({ type: Object })
-], $.prototype, "inputData", 2);
-E([
-  Q({ type: Object })
-], $.prototype, "theme", 2);
-E([
+v([
+  B({ type: Object })
+], y.prototype, "inputData", 2);
+v([
+  B({ type: Object })
+], y.prototype, "theme", 2);
+v([
+  B({ type: String })
+], y.prototype, "baseUrl", 2);
+v([
   tt()
-], $.prototype, "svgContent", 2);
-E([
+], y.prototype, "svgContent", 2);
+v([
   tt()
-], $.prototype, "metadata", 2);
-E([
+], y.prototype, "metadata", 2);
+v([
   tt()
-], $.prototype, "themeBgColor", 2);
-E([
+], y.prototype, "themeBgColor", 2);
+v([
   Yt(".svg-container")
-], $.prototype, "svgContainer", 2);
-$ = E([
-  Wt("widget-scada-1.0.2")
-], $);
+], y.prototype, "svgContainer", 2);
+y = v([
+  Wt("widget-scada-1.0.3")
+], y);
 export {
-  $ as WidgetScada
+  y as WidgetScada
 };
 //# sourceMappingURL=widget-scada.js.map