@spectric/ui 0.0.14 → 0.0.16

package/dist/index.es.js

@@ -45,7 +45,7 @@ const hn = (r) => new ns(typeof r == "string" ? r : r + "", void 0, wr), Z = (r,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: fn, defineProperty: gn, getOwnPropertyDescriptor: bn, getOwnPropertyNames: vn, getOwnPropertySymbols: mn, getPrototypeOf: yn } = Object, pe = globalThis, Ii = pe.trustedTypes, $n = Ii ? Ii.emptyScript : "", ar = pe.reactiveElementPolyfillSupport, Je = (r, i) => r, Lt = { toAttribute(r, i) {
+const { is: fn, defineProperty: gn, getOwnPropertyDescriptor: bn, getOwnPropertyNames: vn, getOwnPropertySymbols: mn, getPrototypeOf: yn } = Object, pe = globalThis, Ii = pe.trustedTypes, $n = Ii ? Ii.emptyScript : "", ar = pe.reactiveElementPolyfillSupport, tt = (r, i) => r, Lt = { toAttribute(r, i) {
   switch (i) {
     case Boolean:
       r = r ? $n : null;
@@ -75,7 +75,7 @@ const { is: fn, defineProperty: gn, getOwnPropertyDescriptor: bn, getOwnProperty
   return o;
 } }, _r = (r, i) => !fn(r, i), Qi = { attribute: !0, type: String, converter: Lt, reflect: !1, hasChanged: _r };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), pe.litPropertyMetadata ?? (pe.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class Re extends HTMLElement {
+class Be extends HTMLElement {
   static addInitializer(i) {
     this._$Ei(), (this.l ?? (this.l = [])).push(i);
   }
@@ -105,13 +105,13 @@ class Re extends HTMLElement {
     return this.elementProperties.get(i) ?? Qi;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(Je("elementProperties"))) return;
+    if (this.hasOwnProperty(tt("elementProperties"))) return;
     const i = yn(this);
     i.finalize(), i.l !== void 0 && (this.l = [...i.l]), this.elementProperties = new Map(i.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(Je("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(Je("properties"))) {
+    if (this.hasOwnProperty(tt("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(tt("properties"))) {
       const o = this.properties, s = [...vn(o), ...mn(o)];
       for (const n of s) this.createProperty(n, o[n]);
     }
@@ -273,14 +273,14 @@ class Re extends HTMLElement {
   firstUpdated(i) {
   }
 }
-Re.elementStyles = [], Re.shadowRootOptions = { mode: "open" }, Re[Je("elementProperties")] = /* @__PURE__ */ new Map(), Re[Je("finalized")] = /* @__PURE__ */ new Map(), ar == null || ar({ ReactiveElement: Re }), (pe.reactiveElementVersions ?? (pe.reactiveElementVersions = [])).push("2.0.4");
+Be.elementStyles = [], Be.shadowRootOptions = { mode: "open" }, Be[tt("elementProperties")] = /* @__PURE__ */ new Map(), Be[tt("finalized")] = /* @__PURE__ */ new Map(), ar == null || ar({ ReactiveElement: Be }), (pe.reactiveElementVersions ?? (pe.reactiveElementVersions = [])).push("2.0.4");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const et = globalThis, Dt = et.trustedTypes, qi = Dt ? Dt.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, xr = "$lit$", se = `lit$${Math.random().toFixed(9).slice(2)}$`, Ar = "?" + se, wn = `<${Ar}>`, xe = document, it = () => xe.createComment(""), st = (r) => r === null || typeof r != "object" && typeof r != "function", Sr = Array.isArray, as = (r) => Sr(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", cr = `[ 	
-\f\r]`, Ge = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Wi = /-->/g, Yi = />/g, ye = RegExp(`>|${cr}(?:([^\\s"'>=/]+)(${cr}*=${cr}*(?:[^ 	
+const rt = globalThis, Dt = rt.trustedTypes, qi = Dt ? Dt.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, xr = "$lit$", se = `lit$${Math.random().toFixed(9).slice(2)}$`, Ar = "?" + se, wn = `<${Ar}>`, xe = document, ot = () => xe.createComment(""), nt = (r) => r === null || typeof r != "object" && typeof r != "function", Sr = Array.isArray, as = (r) => Sr(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", cr = `[ 	
+\f\r]`, et = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Wi = /-->/g, Yi = />/g, ye = RegExp(`>|${cr}(?:([^\\s"'>=/]+)(${cr}*=${cr}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), Ki = /'/g, Zi = /"/g, cs = /^(?:script|style|textarea|title)$/i, _n = (r) => (i, ...o) => ({ _$litType$: r, strings: i, values: o }), x = _n(1), he = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), Vi = /* @__PURE__ */ new WeakMap(), _e = xe.createTreeWalker(xe, 129);
 function ls(r, i) {
   if (!Sr(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
@@ -288,23 +288,23 @@ function ls(r, i) {
 }
 const ps = (r, i) => {
   const o = r.length - 1, s = [];
-  let n, e = i === 2 ? "<svg>" : i === 3 ? "<math>" : "", p = Ge;
+  let n, e = i === 2 ? "<svg>" : i === 3 ? "<math>" : "", p = et;
   for (let d = 0; d < o; d++) {
     const g = r[d];
     let w, k, m = -1, S = 0;
-    for (; S < g.length && (p.lastIndex = S, k = p.exec(g), k !== null); ) S = p.lastIndex, p === Ge ? k[1] === "!--" ? p = Wi : k[1] !== void 0 ? p = Yi : k[2] !== void 0 ? (cs.test(k[2]) && (n = RegExp("</" + k[2], "g")), p = ye) : k[3] !== void 0 && (p = ye) : p === ye ? k[0] === ">" ? (p = n ?? Ge, m = -1) : k[1] === void 0 ? m = -2 : (m = p.lastIndex - k[2].length, w = k[1], p = k[3] === void 0 ? ye : k[3] === '"' ? Zi : Ki) : p === Zi || p === Ki ? p = ye : p === Wi || p === Yi ? p = Ge : (p = ye, n = void 0);
+    for (; S < g.length && (p.lastIndex = S, k = p.exec(g), k !== null); ) S = p.lastIndex, p === et ? k[1] === "!--" ? p = Wi : k[1] !== void 0 ? p = Yi : k[2] !== void 0 ? (cs.test(k[2]) && (n = RegExp("</" + k[2], "g")), p = ye) : k[3] !== void 0 && (p = ye) : p === ye ? k[0] === ">" ? (p = n ?? et, m = -1) : k[1] === void 0 ? m = -2 : (m = p.lastIndex - k[2].length, w = k[1], p = k[3] === void 0 ? ye : k[3] === '"' ? Zi : Ki) : p === Zi || p === Ki ? p = ye : p === Wi || p === Yi ? p = et : (p = ye, n = void 0);
     const A = p === ye && r[d + 1].startsWith("/>") ? " " : "";
-    e += p === Ge ? g + wn : m >= 0 ? (s.push(w), g.slice(0, m) + xr + g.slice(m) + se + A) : g + se + (m === -2 ? d : A);
+    e += p === et ? g + wn : m >= 0 ? (s.push(w), g.slice(0, m) + xr + g.slice(m) + se + A) : g + se + (m === -2 ? d : A);
   }
   return [ls(r, e + (r[o] || "<?>") + (i === 2 ? "</svg>" : i === 3 ? "</math>" : "")), s];
 };
-class ot {
+class at {
   constructor({ strings: i, _$litType$: o }, s) {
     let n;
     this.parts = [];
     let e = 0, p = 0;
     const d = i.length - 1, g = this.parts, [w, k] = ps(i, o);
-    if (this.el = ot.createElement(w, s), _e.currentNode = this.el.content, o === 2 || o === 3) {
+    if (this.el = at.createElement(w, s), _e.currentNode = this.el.content, o === 2 || o === 3) {
       const m = this.el.content.firstChild;
       m.replaceWith(...m.childNodes);
     }
@@ -312,14 +312,14 @@ class ot {
       if (n.nodeType === 1) {
         if (n.hasAttributes()) for (const m of n.getAttributeNames()) if (m.endsWith(xr)) {
           const S = k[p++], A = n.getAttribute(m).split(se), C = /([.?@])?(.*)/.exec(S);
-          g.push({ type: 1, index: e, name: C[2], strings: A, ctor: C[1] === "." ? hs : C[1] === "?" ? ds : C[1] === "@" ? fs : at }), n.removeAttribute(m);
+          g.push({ type: 1, index: e, name: C[2], strings: A, ctor: C[1] === "." ? hs : C[1] === "?" ? ds : C[1] === "@" ? fs : lt }), n.removeAttribute(m);
         } else m.startsWith(se) && (g.push({ type: 6, index: e }), n.removeAttribute(m));
         if (cs.test(n.tagName)) {
           const m = n.textContent.split(se), S = m.length - 1;
           if (S > 0) {
             n.textContent = Dt ? Dt.emptyScript : "";
-            for (let A = 0; A < S; A++) n.append(m[A], it()), _e.nextNode(), g.push({ type: 2, index: ++e });
-            n.append(m[S], it());
+            for (let A = 0; A < S; A++) n.append(m[A], ot()), _e.nextNode(), g.push({ type: 2, index: ++e });
+            n.append(m[S], ot());
           }
         }
       } else if (n.nodeType === 8) if (n.data === Ar) g.push({ type: 2, index: e });
@@ -339,7 +339,7 @@ function Ae(r, i, o = r, s) {
   var p, d;
   if (i === he) return i;
   let n = s !== void 0 ? (p = o._$Co) == null ? void 0 : p[s] : o._$Cl;
-  const e = st(i) ? void 0 : i._$litDirective$;
+  const e = nt(i) ? void 0 : i._$litDirective$;
   return (n == null ? void 0 : n.constructor) !== e && ((d = n == null ? void 0 : n._$AO) == null || d.call(n, !1), e === void 0 ? n = void 0 : (n = new e(r), n._$AT(r, o, s)), s !== void 0 ? (o._$Co ?? (o._$Co = []))[s] = n : o._$Cl = n), n !== void 0 && (i = Ae(r, n._$AS(r, i.values), n, s)), i;
 }
 let us = class {
@@ -390,7 +390,7 @@ class Qe {
     return this._$AB;
   }
   _$AI(i, o = this) {
-    i = Ae(this, i, o), st(i) ? i === E || i == null || i === "" ? (this._$AH !== E && this._$AR(), this._$AH = E) : i !== this._$AH && i !== he && this._(i) : i._$litType$ !== void 0 ? this.$(i) : i.nodeType !== void 0 ? this.T(i) : as(i) ? this.k(i) : this._(i);
+    i = Ae(this, i, o), nt(i) ? i === E || i == null || i === "" ? (this._$AH !== E && this._$AR(), this._$AH = E) : i !== this._$AH && i !== he && this._(i) : i._$litType$ !== void 0 ? this.$(i) : i.nodeType !== void 0 ? this.T(i) : as(i) ? this.k(i) : this._(i);
   }
   O(i) {
     return this._$AA.parentNode.insertBefore(i, this._$AB);
@@ -399,11 +399,11 @@ class Qe {
     this._$AH !== i && (this._$AR(), this._$AH = this.O(i));
   }
   _(i) {
-    this._$AH !== E && st(this._$AH) ? this._$AA.nextSibling.data = i : this.T(xe.createTextNode(i)), this._$AH = i;
+    this._$AH !== E && nt(this._$AH) ? this._$AA.nextSibling.data = i : this.T(xe.createTextNode(i)), this._$AH = i;
   }
   $(i) {
     var e;
-    const { values: o, _$litType$: s } = i, n = typeof s == "number" ? this._$AC(i) : (s.el === void 0 && (s.el = ot.createElement(ls(s.h, s.h[0]), this.options)), s);
+    const { values: o, _$litType$: s } = i, n = typeof s == "number" ? this._$AC(i) : (s.el === void 0 && (s.el = at.createElement(ls(s.h, s.h[0]), this.options)), s);
     if (((e = this._$AH) == null ? void 0 : e._$AD) === n) this._$AH.p(o);
     else {
       const p = new us(n, this), d = p.u(this.options);
@@ -412,13 +412,13 @@ class Qe {
   }
   _$AC(i) {
     let o = Vi.get(i.strings);
-    return o === void 0 && Vi.set(i.strings, o = new ot(i)), o;
+    return o === void 0 && Vi.set(i.strings, o = new at(i)), o;
   }
   k(i) {
     Sr(this._$AH) || (this._$AH = [], this._$AR());
     const o = this._$AH;
     let s, n = 0;
-    for (const e of i) n === o.length ? o.push(s = new Qe(this.O(it()), this.O(it()), this, this.options)) : s = o[n], s._$AI(e), n++;
+    for (const e of i) n === o.length ? o.push(s = new Qe(this.O(ot()), this.O(ot()), this, this.options)) : s = o[n], s._$AI(e), n++;
     n < o.length && (this._$AR(s && s._$AB.nextSibling, n), o.length = n);
   }
   _$AR(i = this._$AA.nextSibling, o) {
@@ -433,7 +433,7 @@ class Qe {
     this._$AM === void 0 && (this._$Cv = i, (o = this._$AP) == null || o.call(this, i));
   }
 }
-class at {
+class lt {
   get tagName() {
     return this.element.tagName;
   }
@@ -446,11 +446,11 @@ class at {
   _$AI(i, o = this, s, n) {
     const e = this.strings;
     let p = !1;
-    if (e === void 0) i = Ae(this, i, o, 0), p = !st(i) || i !== this._$AH && i !== he, p && (this._$AH = i);
+    if (e === void 0) i = Ae(this, i, o, 0), p = !nt(i) || i !== this._$AH && i !== he, p && (this._$AH = i);
     else {
       const d = i;
       let g, w;
-      for (i = e[0], g = 0; g < e.length - 1; g++) w = Ae(this, d[s + g], o, g), w === he && (w = this._$AH[g]), p || (p = !st(w) || w !== this._$AH[g]), w === E ? i = E : i !== E && (i += (w ?? "") + e[g + 1]), this._$AH[g] = w;
+      for (i = e[0], g = 0; g < e.length - 1; g++) w = Ae(this, d[s + g], o, g), w === he && (w = this._$AH[g]), p || (p = !nt(w) || w !== this._$AH[g]), w === E ? i = E : i !== E && (i += (w ?? "") + e[g + 1]), this._$AH[g] = w;
     }
     p && !n && this.j(i);
   }
@@ -458,7 +458,7 @@ class at {
     i === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, i ?? "");
   }
 }
-class hs extends at {
+class hs extends lt {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -466,7 +466,7 @@ class hs extends at {
     this.element[this.name] = i === E ? void 0 : i;
   }
 }
-class ds extends at {
+class ds extends lt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -474,7 +474,7 @@ class ds extends at {
     this.element.toggleAttribute(this.name, !!i && i !== E);
   }
 }
-class fs extends at {
+class fs extends lt {
   constructor(i, o, s, n, e) {
     super(i, o, s, n, e), this.type = 5;
   }
@@ -499,14 +499,14 @@ class gs {
     Ae(this, i);
   }
 }
-const xn = { M: xr, P: se, A: Ar, C: 1, L: ps, R: us, D: as, V: Ae, I: Qe, H: at, N: ds, U: fs, B: hs, F: gs }, lr = et.litHtmlPolyfillSupport;
-lr == null || lr(ot, Qe), (et.litHtmlVersions ?? (et.litHtmlVersions = [])).push("3.2.1");
-const ct = (r, i, o) => {
+const xn = { M: xr, P: se, A: Ar, C: 1, L: ps, R: us, D: as, V: Ae, I: Qe, H: lt, N: ds, U: fs, B: hs, F: gs }, lr = rt.litHtmlPolyfillSupport;
+lr == null || lr(at, Qe), (rt.litHtmlVersions ?? (rt.litHtmlVersions = [])).push("3.2.1");
+const pt = (r, i, o) => {
   const s = (o == null ? void 0 : o.renderBefore) ?? i;
   let n = s._$litPart$;
   if (n === void 0) {
     const e = (o == null ? void 0 : o.renderBefore) ?? null;
-    s._$litPart$ = n = new Qe(i.insertBefore(it(), e), e, void 0, o ?? {});
+    s._$litPart$ = n = new Qe(i.insertBefore(ot(), e), e, void 0, o ?? {});
   }
   return n._$AI(r), n;
 };
@@ -515,7 +515,7 @@ const ct = (r, i, o) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let L = class extends Re {
+let L = class extends Be {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -526,7 +526,7 @@ let L = class extends Re {
   }
   update(i) {
     const o = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(i), this._$Do = ct(o, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(i), this._$Do = pt(o, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var i;
@@ -550,7 +550,7 @@ pr == null || pr({ LitElement: L });
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const kr = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, lt = (r) => (...i) => ({ _$litDirective$: r, values: i });
+const kr = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, ut = (r) => (...i) => ({ _$litDirective$: r, values: i });
 let Ut = class {
   constructor(i) {
   }
@@ -572,7 +572,7 @@ let Ut = class {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const bs = "important", An = " !" + bs, Cr = lt(class extends Ut {
+const bs = "important", An = " !" + bs, Cr = ut(class extends Ut {
   constructor(r) {
     var i;
     if (super(r), r.type !== kr.ATTRIBUTE || r.name !== "style" || ((i = r.strings) == null ? void 0 : i.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
@@ -886,7 +886,7 @@ function b(r) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function pt(r) {
+function qe(r) {
   return b({ ...r, state: !0, attribute: !1 });
 }
 /**
@@ -900,7 +900,7 @@ const vs = (r, i, o) => (o.configurable = !0, o.enumerable = !0, Reflect.decorat
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function Ce(r, i) {
+function Ee(r, i) {
   return (o, s, n) => {
     const e = (p) => {
       var d;
@@ -932,7 +932,7 @@ class Xi {
     this._handler && (this._node && this._node.removeEventListener(this._type, this._handler, this._options), this._node = void 0, this._handler = void 0);
   }
 }
-class ut extends L {
+class ht extends L {
   constructor() {
     super(...arguments), this._disposables = /* @__PURE__ */ new Set(), this._isDisposed = !1, this._disposableListeners = [], this._connected = !1;
   }
@@ -971,7 +971,7 @@ const Ln = {
   secondary: "spectric-button--secondary",
   text: "spectric-button--text"
 };
-let H = class extends ut {
+let H = class extends ht {
   constructor() {
     super(), this.variant = "primary", this.disabled = !1, this.size = "small", this.label = "", this.danger = !1, this.icon = !1, this.tooltipPosition = "right", this._onClick = (r) => {
       if (r instanceof CustomEvent || (r.preventDefault(), r.stopImmediatePropagation(), r.stopPropagation(), this.disabled))
@@ -1077,11 +1077,11 @@ const { I: Dn } = xn, Gi = (r, i) => (r == null ? void 0 : r._$litType$) !== voi
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const tt = (r, i) => {
+const it = (r, i) => {
   var s;
   const o = r._$AN;
   if (o === void 0) return !1;
-  for (const n of o) (s = n._$AO) == null || s.call(n, i, !1), tt(n, i);
+  for (const n of o) (s = n._$AO) == null || s.call(n, i, !1), it(n, i);
   return !0;
 }, Nt = (r) => {
   let i, o;
@@ -1102,9 +1102,9 @@ function Bn(r) {
 }
 function Mn(r, i = !1, o = 0) {
   const s = this._$AH, n = this._$AN;
-  if (n !== void 0 && n.size !== 0) if (i) if (Array.isArray(s)) for (let e = o; e < s.length; e++) tt(s[e], !1), Nt(s[e]);
-  else s != null && (tt(s, !1), Nt(s));
-  else tt(this, r);
+  if (n !== void 0 && n.size !== 0) if (i) if (Array.isArray(s)) for (let e = o; e < s.length; e++) it(s[e], !1), Nt(s[e]);
+  else s != null && (it(s, !1), Nt(s));
+  else it(this, r);
 }
 const Un = (r) => {
   r.type == kr.CHILD && (r._$AP ?? (r._$AP = Mn), r._$AQ ?? (r._$AQ = Bn));
@@ -1118,7 +1118,7 @@ class ys extends Ut {
   }
   _$AO(i, o = !0) {
     var s, n;
-    i !== this.isConnected && (this.isConnected = i, i ? (s = this.reconnected) == null || s.call(this) : (n = this.disconnected) == null || n.call(this)), o && (tt(this, i), Nt(this));
+    i !== this.isConnected && (this.isConnected = i, i ? (s = this.reconnected) == null || s.call(this) : (n = this.disconnected) == null || n.call(this)), o && (it(this, i), Nt(this));
   }
   setValue(i) {
     if (jn(this._$Ct)) this._$Ct._$AI(i, this);
@@ -1140,7 +1140,7 @@ class ys extends Ut {
 const Pt = () => new Fn();
 let Fn = class {
 };
-const hr = /* @__PURE__ */ new WeakMap(), Tt = lt(class extends ys {
+const hr = /* @__PURE__ */ new WeakMap(), Tt = ut(class extends ys {
   render(r) {
     return E;
   }
@@ -1204,13 +1204,13 @@ const hr = /* @__PURE__ */ new WeakMap(), Tt = lt(class extends ys {
     });
   };
 };
-var In = Object.defineProperty, Qn = Object.getOwnPropertyDescriptor, Ee = (r, i, o, s) => {
+var In = Object.defineProperty, Qn = Object.getOwnPropertyDescriptor, Oe = (r, i, o, s) => {
   for (var n = s > 1 ? void 0 : s ? Qn(i, o) : i, e = r.length - 1, p; e >= 0; e--)
     (p = r[e]) && (n = (s ? p(i, o, n) : p(n)) || n);
   return s && n && In(i, o, n), n;
 };
 const qn = ["mousemove", "click", "dblclick", "mousedown", "mouseup", "contextmenu"], Ct = { width: 200, height: 200 }, jt = { width: 10, height: 10 };
-let oe = class extends ut {
+let oe = class extends ht {
   constructor() {
     super(), this.arrayBuffer = new ArrayBuffer(0), this.frameWidth = 100, this.scale = 1, this.width = 200, this.height = 200, this.state = {}, this.yStart = 0, this.xStart = 0, this.refs = {
       viewport: Pt(),
@@ -1427,25 +1427,25 @@ oe.styles = Z`
 }
 
     `;
-Ee([
+Oe([
   b({ type: Object, attribute: !1 })
 ], oe.prototype, "arrayBuffer", 2);
-Ee([
+Oe([
   b({ type: Number })
 ], oe.prototype, "frameWidth", 2);
-Ee([
+Oe([
   b({ type: Number })
 ], oe.prototype, "scale", 2);
-Ee([
+Oe([
   b({ type: Number })
 ], oe.prototype, "width", 2);
-Ee([
+Oe([
   b({ type: Number })
 ], oe.prototype, "height", 2);
-Ee([
+Oe([
   Ft("canvas")
 ], oe.prototype, "_canvas", 2);
-oe = Ee([
+oe = Oe([
   D("spectric-bit-display")
 ], oe);
 const Wn = Z`.spectric-header {
@@ -1489,7 +1489,7 @@ var Yn = Object.defineProperty, Kn = Object.getOwnPropertyDescriptor, Ht = (r, i
     (p = r[e]) && (n = (s ? p(i, o, n) : p(n)) || n);
   return s && n && Yn(i, o, n), n;
 };
-let Ue = class extends L {
+let Fe = class extends L {
   constructor() {
     super(...arguments), this.showCreateAccount = !1, this.showLoginButton = !1, this.username = "", this.onLogout = () => {
       const r = {
@@ -1534,20 +1534,20 @@ let Ue = class extends L {
   `;
   }
 };
-Ue.styles = Wn;
+Fe.styles = Wn;
 Ht([
   b({ type: Boolean, reflect: !0 })
-], Ue.prototype, "showCreateAccount", 2);
+], Fe.prototype, "showCreateAccount", 2);
 Ht([
   b({ type: Boolean, reflect: !0 })
-], Ue.prototype, "showLoginButton", 2);
+], Fe.prototype, "showLoginButton", 2);
 Ht([
   b({ type: String, reflect: !0 })
-], Ue.prototype, "username", 2);
-Ue = Ht([
+], Fe.prototype, "username", 2);
+Fe = Ht([
   D("spectric-header")
-], Ue);
-var Zn = Object.defineProperty, Vn = Object.getOwnPropertyDescriptor, qe = (r, i, o, s) => {
+], Fe);
+var Zn = Object.defineProperty, Vn = Object.getOwnPropertyDescriptor, We = (r, i, o, s) => {
   for (var n = s > 1 ? void 0 : s ? Vn(i, o) : i, e = r.length - 1, p; e >= 0; e--)
     (p = r[e]) && (n = (s ? p(i, o, n) : p(n)) || n);
   return s && n && Zn(i, o, n), n;
@@ -1585,22 +1585,22 @@ let Se = class extends L {
     `;
   }
 };
-qe([
+We([
   b({ type: Boolean, reflect: !0 })
 ], Se.prototype, "dismissable", 2);
-qe([
+We([
   b({ type: String, reflect: !0 })
 ], Se.prototype, "text", 2);
-qe([
+We([
   b({ type: String, reflect: !0 })
 ], Se.prototype, "bannerId", 2);
-qe([
+We([
   b({ type: Object })
 ], Se.prototype, "headerStyle", 2);
-qe([
+We([
   b({ state: !0, type: Boolean, attribute: !1 })
 ], Se.prototype, "_dismissed", 2);
-Se = qe([
+Se = We([
   D("spectric-banner")
 ], Se);
 const Gn = Z`
@@ -1792,7 +1792,7 @@ class Jn extends ys {
         (!i || !(n in i) && s[n] === o[n]) && (s[n] = void 0);
   }
 }
-const rt = lt(Jn);
+const st = ut(Jn);
 var br = /* @__PURE__ */ ((r) => (r.None = "none", r.Uscui = "us.cui", r.Usclassified = "us.classified", r.Usunclassified = "us.unclassified", r.Usconfidential = "us.confidential", r.Ussecret = "us.secret", r.Ustopsecret = "us.topsecret", r.UstopsecretSi = "us.topsecret.si", r.Uknotset = "uk.notset", r.Ukofficial = "uk.official", r.Uksecret = "uk.secret", r.Uktopsecret = "uk.topsecret", r.Caprotected_a = "ca.protected_a", r.Caprotected_b = "ca.protected_b", r.Caprotected_c = "ca.protected_c", r.Caconfidential = "ca.confidential", r.Casecret = "ca.secret", r.Catopsecret = "ca.topsecret", r.Auunofficial = "au.unofficial", r.Auofficial = "au.official", r.Auofficialsensitive = "au.officialsensitive", r.Auconfidential = "au.confidential", r.Ausecret = "au.secret", r.Autopsecret = "au.topsecret", r))(br || {});
 const Et = {
   none: {},
@@ -1937,10 +1937,10 @@ let I = class extends L {
     return x`
     ${this.classificationLevel && r ? x`
     <!-- Classification Banner -->
-    <spectric-banner ${rt({ text: r, headerStyle: Et[this.classificationLevel] })}></spectric-banner>
+    <spectric-banner ${st({ text: r, headerStyle: Et[this.classificationLevel] })}></spectric-banner>
       ` : null}
       <spectric-theme theme=${gr(this.theme)}>
-      ${this.notifications ? this.notifications.map((o) => x`<spectric-banner ${rt(o)} ></spectric-banner>`) : null}
+      ${this.notifications ? this.notifications.map((o) => x`<spectric-banner ${st(o)} ></spectric-banner>`) : null}
       ${this.headerSticky ? i : null}
       <article>
       ${this.headerSticky ? null : i}
@@ -1950,7 +1950,7 @@ let I = class extends L {
       </section>
     </article>
   </spectric-theme>
-  ${this.classificationLevel && r ? x`<spectric-banner ${rt({ text: r, headerStyle: Et[this.classificationLevel] })}></spectric-banner>` : null}
+  ${this.classificationLevel && r ? x`<spectric-banner ${st({ text: r, headerStyle: Et[this.classificationLevel] })}></spectric-banner>` : null}
 
   `;
   }
@@ -2050,18 +2050,18 @@ let O = class extends L {
                     ?disabled="${this.disabled}"
                     aria-describedby="helper-text"
                     id="input"
-                    name="${ze(this.name)}"
-                    pattern="${ze(this.pattern)}"
-                    placeholder="${ze(this.placeholder)}"
-                    autocomplete="${ze(this.autocomplete)}"
+                    name="${Re(this.name)}"
+                    pattern="${Re(this.pattern)}"
+                    placeholder="${Re(this.placeholder)}"
+                    autocomplete="${Re(this.autocomplete)}"
                     ?readonly="${this.readonly}"
                     ?required="${this.required}"
-                    type="${ze(
+                    type="${Re(
           this.variant !== "password" ? this.variant : this._showPassword ? "text" : "password"
           /* password */
         )}"
                     .value="${this._value}"
-                    maxlength="${ze(this.maxCount > 0 ? this.maxCount : void 0)}"
+                    maxlength="${Re(this.maxCount > 0 ? this.maxCount : void 0)}"
                     @input="${this._handleInput}" 
                     @change=${() => {
           this.dispatchEvent(new Event("change", { bubbles: !0 }));
@@ -2162,12 +2162,12 @@ P([
   b({ reflect: !0 })
 ], O.prototype, "value", 1);
 P([
-  Ce("input")
+  Ee("input")
 ], O.prototype, "_input", 2);
 O = P([
   D("spectric-input")
 ], O);
-const ze = (r) => gr(r === "" ? void 0 : r ?? void 0), oa = "end of input", na = {
+const Re = (r) => gr(r === "" ? void 0 : r ?? void 0), oa = "end of input", na = {
   fieldName: "field name",
   value: "value",
   literal: "literal",
@@ -2188,7 +2188,7 @@ class ws extends Error {
     super(n), this.name = "DQLSyntaxError", this.shortMessage = s;
   }
 }
-function Be(r) {
+function Me(r) {
   return {
     type: "literal",
     value: r
@@ -2199,7 +2199,7 @@ function Er(r) {
 }
 const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  buildNode: Be,
+  buildNode: Me,
   toOpenSearchQuery: Er
 }, Symbol.toStringTag, { value: "Module" })), {
   SyntaxError: ul,
@@ -2236,7 +2236,7 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         ...a,
         suggestionTypes: ["conjunction"]
       } : t;
-    }, V = ":", U = { type: "literal", value: ":", description: '":"' }, Pe = "{", Qt = { type: "literal", value: "{", description: '"{"' }, qt = "}", Wt = { type: "literal", value: "}", description: '"}"' }, Ps = function(t, a, l) {
+    }, V = ":", U = { type: "literal", value: ":", description: '":"' }, Te = "{", Qt = { type: "literal", value: "{", description: '"{"' }, qt = "}", Wt = { type: "literal", value: "}", description: '"}"' }, Ps = function(t, a, l) {
       return a.type === "cursor" ? {
         ...a,
         nestedPath: a.nestedPath ? `${t.value}.${a.nestedPath}` : t.value
@@ -2300,7 +2300,7 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       !cn && t.type === "wildcard" && me.wildcard.hasLeadingWildcard(t) && q("Leading wildcards are disabled. See query:allowLeadingWildcards in Advanced Settings.");
       const a = ce(!1);
       return (l) => G("is", [l, t, a]);
-    }, Hs = { type: "other", description: "OR" }, Nr = "or", jr = { type: "literal", value: "or", description: '"or"' }, Is = { type: "other", description: "AND" }, zr = "and", Rr = { type: "literal", value: "and", description: '"and"' }, Qs = { type: "other", description: "NOT" }, Br = "not", Mr = { type: "literal", value: "not", description: '"not"' }, qs = { type: "other", description: "literal" }, We = '"', Ye = { type: "literal", value: '"', description: '"\\""' }, Yt = function(t, a, l) {
+    }, Hs = { type: "other", description: "OR" }, Nr = "or", jr = { type: "literal", value: "or", description: '"or"' }, Is = { type: "other", description: "AND" }, zr = "and", Rr = { type: "literal", value: "and", description: '"and"' }, Qs = { type: "other", description: "NOT" }, Br = "not", Mr = { type: "literal", value: "not", description: '"not"' }, qs = { type: "other", description: "literal" }, Ke = '"', Ze = { type: "literal", value: '"', description: '"\\""' }, Yt = function(t, a, l) {
       const { start: u, end: f } = zo();
       return {
         type: "cursor",
@@ -2312,7 +2312,7 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       };
     }, Ws = function(t) {
       return ce(t.join(""));
-    }, Ke = "\\", Ze = { type: "literal", value: "\\", description: '"\\\\"' }, Ys = /^[\\"]/, Ks = { type: "class", value: '[\\\\"]', description: '[\\\\"]' }, ft = function(t) {
+    }, Ve = "\\", Xe = { type: "literal", value: "\\", description: '"\\\\"' }, Ys = /^[\\"]/, Ks = { type: "class", value: '[\\\\"]', description: '[\\\\"]' }, ft = function(t) {
       return t;
     }, Zs = /^[^"]/, Vs = { type: "class", value: '[^"]', description: '[^"]' }, Xs = function(t) {
       const a = t.join("").trim();
@@ -2356,7 +2356,7 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       q("LuceneWildcard");
     }, Kt = "/", Zt = { type: "literal", value: "/", description: '"/"' }, ui = /^[^\/]/, hi = { type: "class", value: "[^/]", description: "[^/]" }, Co = function() {
       q("LuceneRegex");
-    }, Vt = "~", Xt = { type: "literal", value: "~", description: '"~"' }, Te = /^[0-9]/, Le = { type: "class", value: "[0-9]", description: "[0-9]" }, Eo = function() {
+    }, Vt = "~", Xt = { type: "literal", value: "~", description: '"~"' }, Le = /^[0-9]/, De = { type: "class", value: "[0-9]", description: "[0-9]" }, Eo = function() {
       q("LuceneFuzzy");
     }, Oo = function() {
       q("LuceneProximity");
@@ -2440,9 +2440,9 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             return "\\u" + kt(ie);
           });
         }
-        var W = new Array(T.length), Mi, Ui, Xe;
-        for (Xe = 0; Xe < T.length; Xe++)
-          W[Xe] = T[Xe].description;
+        var W = new Array(T.length), Mi, Ui, Je;
+        for (Je = 0; Je < T.length; Je++)
+          W[Je] = T[Je].description;
         return Mi = T.length > 1 ? W.slice(0, -1).join(", ") + " or " + W[T.length - 1] : W[0], Ui = j ? '"' + le(j) + '"' : "end of input", "Expected " + Mi + " but " + Ui + " found.";
       }
       return a !== null && f(a), new i(
@@ -2490,7 +2490,7 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
             for (f = [], $ = y(); $ !== e; )
               f.push($), $ = y();
             if (f !== e)
-              if (s.charCodeAt(c) === 123 ? ($ = Pe, c++) : ($ = e, h === 0 && v(Qt)), $ !== e) {
+              if (s.charCodeAt(c) === 123 ? ($ = Te, c++) : ($ = e, h === 0 && v(Qt)), $ !== e) {
                 for (T = [], j = y(); j !== e; )
                   T.push(j), j = y();
                 T !== e ? (j = $t(), j !== e ? (le = At(), le !== e ? (s.charCodeAt(c) === 125 ? (W = qt, c++) : (W = e, h === 0 && v(Wt)), W !== e ? (_ = t, a = Ps(a, j, le), t = a) : (c = t, t = e)) : (c = t, t = e)) : (c = t, t = e)) : (c = t, t = e);
@@ -2641,14 +2641,14 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
     function xt() {
       var t, a, l, u, f, $;
-      if (t = c, s.charCodeAt(c) === 34 ? (a = We, c++) : (a = e, h === 0 && v(Ye)), a !== e) {
-        for (l = [], u = De(); u !== e; )
-          l.push(u), u = De();
+      if (t = c, s.charCodeAt(c) === 34 ? (a = Ke, c++) : (a = e, h === 0 && v(Ze)), a !== e) {
+        for (l = [], u = Ne(); u !== e; )
+          l.push(u), u = Ne();
         if (l !== e)
-          if (u = Ve(), u !== e) {
-            for (f = [], $ = De(); $ !== e; )
-              f.push($), $ = De();
-            f !== e ? (s.charCodeAt(c) === 34 ? ($ = We, c++) : ($ = e, h === 0 && v(Ye)), $ !== e ? (_ = t, a = Yt(l, u, f), t = a) : (c = t, t = e)) : (c = t, t = e);
+          if (u = Ge(), u !== e) {
+            for (f = [], $ = Ne(); $ !== e; )
+              f.push($), $ = Ne();
+            f !== e ? (s.charCodeAt(c) === 34 ? ($ = Ke, c++) : ($ = e, h === 0 && v(Ze)), $ !== e ? (_ = t, a = Yt(l, u, f), t = a) : (c = t, t = e)) : (c = t, t = e);
           } else
             c = t, t = e;
         else
@@ -2656,44 +2656,44 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       } else
         c = t, t = e;
       if (t === e)
-        if (t = c, s.charCodeAt(c) === 34 ? (a = We, c++) : (a = e, h === 0 && v(Ye)), a !== e) {
-          for (l = [], u = De(); u !== e; )
-            l.push(u), u = De();
-          l !== e ? (s.charCodeAt(c) === 34 ? (u = We, c++) : (u = e, h === 0 && v(Ye)), u !== e ? (_ = t, a = Ws(l), t = a) : (c = t, t = e)) : (c = t, t = e);
+        if (t = c, s.charCodeAt(c) === 34 ? (a = Ke, c++) : (a = e, h === 0 && v(Ze)), a !== e) {
+          for (l = [], u = Ne(); u !== e; )
+            l.push(u), u = Ne();
+          l !== e ? (s.charCodeAt(c) === 34 ? (u = Ke, c++) : (u = e, h === 0 && v(Ze)), u !== e ? (_ = t, a = Ws(l), t = a) : (c = t, t = e)) : (c = t, t = e);
         } else
           c = t, t = e;
       return t;
     }
-    function De() {
+    function Ne() {
       var t, a, l;
-      return t = or(), t === e && (t = c, s.charCodeAt(c) === 92 ? (a = Ke, c++) : (a = e, h === 0 && v(Ze)), a !== e ? (Ys.test(s.charAt(c)) ? (l = s.charAt(c), c++) : (l = e, h === 0 && v(Ks)), l !== e ? (_ = t, a = ft(l), t = a) : (c = t, t = e)) : (c = t, t = e), t === e && (t = c, a = c, h++, l = Ve(), h--, l === e ? a = void 0 : (c = a, a = e), a !== e ? (Zs.test(s.charAt(c)) ? (l = s.charAt(c), c++) : (l = e, h === 0 && v(Vs)), l !== e ? (_ = t, a = ft(l), t = a) : (c = t, t = e)) : (c = t, t = e))), t;
+      return t = or(), t === e && (t = c, s.charCodeAt(c) === 92 ? (a = Ve, c++) : (a = e, h === 0 && v(Xe)), a !== e ? (Ys.test(s.charAt(c)) ? (l = s.charAt(c), c++) : (l = e, h === 0 && v(Ks)), l !== e ? (_ = t, a = ft(l), t = a) : (c = t, t = e)) : (c = t, t = e), t === e && (t = c, a = c, h++, l = Ge(), h--, l === e ? a = void 0 : (c = a, a = e), a !== e ? (Zs.test(s.charAt(c)) ? (l = s.charAt(c), c++) : (l = e, h === 0 && v(Vs)), l !== e ? (_ = t, a = ft(l), t = a) : (c = t, t = e)) : (c = t, t = e))), t;
     }
     function Ei() {
       var t, a, l, u, f;
-      for (t = c, a = [], l = Ne(); l !== e; )
-        a.push(l), l = Ne();
+      for (t = c, a = [], l = je(); l !== e; )
+        a.push(l), l = je();
       if (a !== e)
-        if (l = Ve(), l !== e) {
-          for (u = [], f = Ne(); f !== e; )
-            u.push(f), f = Ne();
+        if (l = Ge(), l !== e) {
+          for (u = [], f = je(); f !== e; )
+            u.push(f), f = je();
           u !== e ? (_ = t, a = Yt(a, l, u), t = a) : (c = t, t = e);
         } else
           c = t, t = e;
       else
         c = t, t = e;
       if (t === e) {
-        if (t = c, a = [], l = Ne(), l !== e)
+        if (t = c, a = [], l = je(), l !== e)
           for (; l !== e; )
-            a.push(l), l = Ne();
+            a.push(l), l = je();
         else
           a = e;
         a !== e && (_ = t, a = Xs(a)), t = a;
       }
       return t;
     }
-    function Ne() {
+    function je() {
       var t, a, l, u, f;
-      return t = or(), t === e && (t = Io(), t === e && (t = Qo(), t === e && (t = Ho(), t === e && (t = c, a = c, h++, l = Oi(), h--, l === e ? a = void 0 : (c = a, a = e), a !== e ? (l = c, h++, u = qo(), h--, u === e ? l = void 0 : (c = l, l = e), l !== e ? (u = c, h++, f = Ve(), h--, f === e ? u = void 0 : (c = u, u = e), u !== e ? (s.length > c ? (f = s.charAt(c), c++) : (f = e, h === 0 && v(Ur)), f !== e ? (_ = t, a = ft(f), t = a) : (c = t, t = e)) : (c = t, t = e)) : (c = t, t = e)) : (c = t, t = e))))), t;
+      return t = or(), t === e && (t = Io(), t === e && (t = Qo(), t === e && (t = Ho(), t === e && (t = c, a = c, h++, l = Oi(), h--, l === e ? a = void 0 : (c = a, a = e), a !== e ? (l = c, h++, u = qo(), h--, u === e ? l = void 0 : (c = l, l = e), l !== e ? (u = c, h++, f = Ge(), h--, f === e ? u = void 0 : (c = u, u = e), u !== e ? (s.length > c ? (f = s.charAt(c), c++) : (f = e, h === 0 && v(Ur)), f !== e ? (_ = t, a = ft(f), t = a) : (c = t, t = e)) : (c = t, t = e)) : (c = t, t = e)) : (c = t, t = e))))), t;
     }
     function Ho() {
       var t, a;
@@ -2704,7 +2704,7 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       for (t = c, a = [], l = y(); l !== e; )
         a.push(l), l = y();
       if (a !== e)
-        if (l = Ve(), l !== e) {
+        if (l = Ge(), l !== e) {
           for (u = [], f = y(); f !== e; )
             u.push(f), f = y();
           u !== e ? (_ = t, a = Yt(a, l, u), t = a) : (c = t, t = e);
@@ -2723,11 +2723,11 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
     function Io() {
       var t, a, l;
-      return t = c, s.charCodeAt(c) === 92 ? (a = Ke, c++) : (a = e, h === 0 && v(Ze)), a !== e ? (l = Oi(), l !== e ? (_ = t, a = ft(l), t = a) : (c = t, t = e)) : (c = t, t = e), t;
+      return t = c, s.charCodeAt(c) === 92 ? (a = Ve, c++) : (a = e, h === 0 && v(Xe)), a !== e ? (l = Oi(), l !== e ? (_ = t, a = ft(l), t = a) : (c = t, t = e)) : (c = t, t = e), t;
     }
     function Qo() {
       var t, a, l;
-      return t = c, s.charCodeAt(c) === 92 ? (a = Ke, c++) : (a = e, h === 0 && v(Ze)), a !== e ? (s.substr(c, 2).toLowerCase() === Nr ? (l = s.substr(c, 2), c += 2) : (l = e, h === 0 && v(jr)), l === e && (s.substr(c, 3).toLowerCase() === zr ? (l = s.substr(c, 3), c += 3) : (l = e, h === 0 && v(Rr)), l === e && (s.substr(c, 3).toLowerCase() === Br ? (l = s.substr(c, 3), c += 3) : (l = e, h === 0 && v(Mr)))), l !== e ? (_ = t, a = oo(l), t = a) : (c = t, t = e)) : (c = t, t = e), t;
+      return t = c, s.charCodeAt(c) === 92 ? (a = Ve, c++) : (a = e, h === 0 && v(Xe)), a !== e ? (s.substr(c, 2).toLowerCase() === Nr ? (l = s.substr(c, 2), c += 2) : (l = e, h === 0 && v(jr)), l === e && (s.substr(c, 3).toLowerCase() === zr ? (l = s.substr(c, 3), c += 3) : (l = e, h === 0 && v(Rr)), l === e && (s.substr(c, 3).toLowerCase() === Br ? (l = s.substr(c, 3), c += 3) : (l = e, h === 0 && v(Mr)))), l !== e ? (_ = t, a = oo(l), t = a) : (c = t, t = e)) : (c = t, t = e), t;
     }
     function qo() {
       var t;
@@ -2745,7 +2745,7 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       var t;
       return h++, bo.test(s.charAt(c)) ? (t = s.charAt(c), c++) : (t = e, h === 0 && v(vo)), h--, t === e && h === 0 && v(go), t;
     }
-    function Ve() {
+    function Ge() {
       var t, a, l;
       return t = c, _ = c, a = mo(), a ? a = void 0 : a = e, a !== e ? (s.substr(c, 14) === Vr ? (l = Vr, c += 14) : (l = e, h === 0 && v(yo)), l !== e ? (_ = t, a = $o(), t = a) : (c = t, t = e)) : (c = t, t = e), t;
     }
@@ -2789,7 +2789,7 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
     function Yo() {
       var t, a, l, u, f, $;
-      if (t = c, a = je(), a !== e) {
+      if (t = c, a = ze(), a !== e) {
         for (l = [], u = y(); u !== e; )
           l.push(u), u = y();
         if (l !== e)
@@ -2818,7 +2818,7 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
           if (s.charCodeAt(c) === 58 ? (u = V, c++) : (u = e, h === 0 && v(U)), u !== e) {
             for (f = [], $ = y(); $ !== e; )
               f.push($), $ = y();
-            f !== e ? ($ = je(), $ !== e ? (_ = t, a = So(), t = a) : (c = t, t = e)) : (c = t, t = e);
+            f !== e ? ($ = ze(), $ !== e ? (_ = t, a = So(), t = a) : (c = t, t = e)) : (c = t, t = e);
           } else
             c = t, t = e;
         else
@@ -2832,14 +2832,14 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       if (t = c, a = Pi(), a !== e) {
         for (l = [], u = y(); u !== e; )
           l.push(u), u = y();
-        l !== e ? (u = je(), u !== e ? (_ = t, a = ci(), t = a) : (c = t, t = e)) : (c = t, t = e);
+        l !== e ? (u = ze(), u !== e ? (_ = t, a = ci(), t = a) : (c = t, t = e)) : (c = t, t = e);
       } else
         c = t, t = e;
       if (t === e)
         if (t = c, a = rn(), a !== e) {
           for (l = [], u = y(); u !== e; )
             l.push(u), u = y();
-          l !== e ? (u = je(), u !== e ? (f = Ri(), f !== e ? ($ = je(), $ !== e ? (T = sn(), T !== e ? (_ = t, a = ci(), t = a) : (c = t, t = e)) : (c = t, t = e)) : (c = t, t = e)) : (c = t, t = e)) : (c = t, t = e);
+          l !== e ? (u = ze(), u !== e ? (f = Ri(), f !== e ? ($ = ze(), $ !== e ? (T = sn(), T !== e ? (_ = t, a = ci(), t = a) : (c = t, t = e)) : (c = t, t = e)) : (c = t, t = e)) : (c = t, t = e)) : (c = t, t = e);
         } else
           c = t, t = e;
       return t;
@@ -2873,8 +2873,8 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       var t, a, l, u, f;
       if (t = c, a = ji(), a !== e)
         if (s.charCodeAt(c) === 126 ? (l = Vt, c++) : (l = e, h === 0 && v(Xt)), l !== e) {
-          for (u = [], Te.test(s.charAt(c)) ? (f = s.charAt(c), c++) : (f = e, h === 0 && v(Le)); f !== e; )
-            u.push(f), Te.test(s.charAt(c)) ? (f = s.charAt(c), c++) : (f = e, h === 0 && v(Le));
+          for (u = [], Le.test(s.charAt(c)) ? (f = s.charAt(c), c++) : (f = e, h === 0 && v(De)); f !== e; )
+            u.push(f), Le.test(s.charAt(c)) ? (f = s.charAt(c), c++) : (f = e, h === 0 && v(De));
           u !== e ? (_ = t, a = Eo(), t = a) : (c = t, t = e);
         } else
           c = t, t = e;
@@ -2886,8 +2886,8 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       var t, a, l, u, f;
       if (t = c, a = xt(), a !== e)
         if (s.charCodeAt(c) === 126 ? (l = Vt, c++) : (l = e, h === 0 && v(Xt)), l !== e) {
-          for (u = [], Te.test(s.charAt(c)) ? (f = s.charAt(c), c++) : (f = e, h === 0 && v(Le)); f !== e; )
-            u.push(f), Te.test(s.charAt(c)) ? (f = s.charAt(c), c++) : (f = e, h === 0 && v(Le));
+          for (u = [], Le.test(s.charAt(c)) ? (f = s.charAt(c), c++) : (f = e, h === 0 && v(De)); f !== e; )
+            u.push(f), Le.test(s.charAt(c)) ? (f = s.charAt(c), c++) : (f = e, h === 0 && v(De));
           u !== e ? (_ = t, a = Oo(), t = a) : (c = t, t = e);
         } else
           c = t, t = e;
@@ -2897,10 +2897,10 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
     function Jo() {
       var t, a, l, u, f;
-      if (t = c, a = je(), a !== e)
+      if (t = c, a = ze(), a !== e)
         if (s.charCodeAt(c) === 94 ? (l = di, c++) : (l = e, h === 0 && v(fi)), l !== e) {
-          for (u = [], Te.test(s.charAt(c)) ? (f = s.charAt(c), c++) : (f = e, h === 0 && v(Le)); f !== e; )
-            u.push(f), Te.test(s.charAt(c)) ? (f = s.charAt(c), c++) : (f = e, h === 0 && v(Le));
+          for (u = [], Le.test(s.charAt(c)) ? (f = s.charAt(c), c++) : (f = e, h === 0 && v(De)); f !== e; )
+            u.push(f), Le.test(s.charAt(c)) ? (f = s.charAt(c), c++) : (f = e, h === 0 && v(De));
           u !== e ? (_ = t, a = Po(), t = a) : (c = t, t = e);
         } else
           c = t, t = e;
@@ -2908,7 +2908,7 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
         c = t, t = e;
       return t;
     }
-    function je() {
+    function ze() {
       var t;
       return t = xt(), t === e && (t = ji()), t;
     }
@@ -2931,11 +2931,11 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
     function tn() {
       var t, a, l;
-      return t = c, s.charCodeAt(c) === 92 ? (a = Ke, c++) : (a = e, h === 0 && v(Ze)), a !== e ? (l = zi(), l !== e ? (_ = t, a = To(), t = a) : (c = t, t = e)) : (c = t, t = e), t;
+      return t = c, s.charCodeAt(c) === 92 ? (a = Ve, c++) : (a = e, h === 0 && v(Xe)), a !== e ? (l = zi(), l !== e ? (_ = t, a = To(), t = a) : (c = t, t = e)) : (c = t, t = e), t;
     }
     function zi() {
       var t;
-      return s.charCodeAt(c) === 43 ? (t = ei, c++) : (t = e, h === 0 && v(ti)), t === e && (s.charCodeAt(c) === 45 ? (t = ri, c++) : (t = e, h === 0 && v(ii)), t === e && (s.charCodeAt(c) === 61 ? (t = Lo, c++) : (t = e, h === 0 && v(Do)), t === e && (s.charCodeAt(c) === 62 ? (t = Kr, c++) : (t = e, h === 0 && v(Zr)), t === e && (s.charCodeAt(c) === 60 ? (t = Wr, c++) : (t = e, h === 0 && v(Yr)), t === e && (s.charCodeAt(c) === 33 ? (t = oi, c++) : (t = e, h === 0 && v(ni)), t === e && (s.charCodeAt(c) === 40 ? (t = A, c++) : (t = e, h === 0 && v(C)), t === e && (s.charCodeAt(c) === 41 ? (t = N, c++) : (t = e, h === 0 && v(z)), t === e && (s.charCodeAt(c) === 123 ? (t = Pe, c++) : (t = e, h === 0 && v(Qt)), t === e && (s.charCodeAt(c) === 125 ? (t = qt, c++) : (t = e, h === 0 && v(Wt)), t === e && (s.charCodeAt(c) === 91 ? (t = gi, c++) : (t = e, h === 0 && v(bi)), t === e && (s.charCodeAt(c) === 93 ? (t = vi, c++) : (t = e, h === 0 && v(mi)), t === e && (s.charCodeAt(c) === 94 ? (t = di, c++) : (t = e, h === 0 && v(fi)), t === e && (s.charCodeAt(c) === 34 ? (t = We, c++) : (t = e, h === 0 && v(Ye)), t === e && (s.charCodeAt(c) === 126 ? (t = Vt, c++) : (t = e, h === 0 && v(Xt)), t === e && (s.charCodeAt(c) === 42 ? (t = gt, c++) : (t = e, h === 0 && v(bt)), t === e && (s.charCodeAt(c) === 63 ? (t = li, c++) : (t = e, h === 0 && v(pi)), t === e && (s.charCodeAt(c) === 58 ? (t = V, c++) : (t = e, h === 0 && v(U)), t === e && (s.charCodeAt(c) === 92 ? (t = Ke, c++) : (t = e, h === 0 && v(Ze)), t === e && (s.charCodeAt(c) === 47 ? (t = Kt, c++) : (t = e, h === 0 && v(Zt))))))))))))))))))))), t;
+      return s.charCodeAt(c) === 43 ? (t = ei, c++) : (t = e, h === 0 && v(ti)), t === e && (s.charCodeAt(c) === 45 ? (t = ri, c++) : (t = e, h === 0 && v(ii)), t === e && (s.charCodeAt(c) === 61 ? (t = Lo, c++) : (t = e, h === 0 && v(Do)), t === e && (s.charCodeAt(c) === 62 ? (t = Kr, c++) : (t = e, h === 0 && v(Zr)), t === e && (s.charCodeAt(c) === 60 ? (t = Wr, c++) : (t = e, h === 0 && v(Yr)), t === e && (s.charCodeAt(c) === 33 ? (t = oi, c++) : (t = e, h === 0 && v(ni)), t === e && (s.charCodeAt(c) === 40 ? (t = A, c++) : (t = e, h === 0 && v(C)), t === e && (s.charCodeAt(c) === 41 ? (t = N, c++) : (t = e, h === 0 && v(z)), t === e && (s.charCodeAt(c) === 123 ? (t = Te, c++) : (t = e, h === 0 && v(Qt)), t === e && (s.charCodeAt(c) === 125 ? (t = qt, c++) : (t = e, h === 0 && v(Wt)), t === e && (s.charCodeAt(c) === 91 ? (t = gi, c++) : (t = e, h === 0 && v(bi)), t === e && (s.charCodeAt(c) === 93 ? (t = vi, c++) : (t = e, h === 0 && v(mi)), t === e && (s.charCodeAt(c) === 94 ? (t = di, c++) : (t = e, h === 0 && v(fi)), t === e && (s.charCodeAt(c) === 34 ? (t = Ke, c++) : (t = e, h === 0 && v(Ze)), t === e && (s.charCodeAt(c) === 126 ? (t = Vt, c++) : (t = e, h === 0 && v(Xt)), t === e && (s.charCodeAt(c) === 42 ? (t = gt, c++) : (t = e, h === 0 && v(bt)), t === e && (s.charCodeAt(c) === 63 ? (t = li, c++) : (t = e, h === 0 && v(pi)), t === e && (s.charCodeAt(c) === 58 ? (t = V, c++) : (t = e, h === 0 && v(U)), t === e && (s.charCodeAt(c) === 92 ? (t = Ve, c++) : (t = e, h === 0 && v(Xe)), t === e && (s.charCodeAt(c) === 47 ? (t = Kt, c++) : (t = e, h === 0 && v(Zt))))))))))))))))))))), t;
     }
     function Ri() {
       var t, a, l, u, f;
@@ -2960,7 +2960,7 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     }
     function rn() {
       var t;
-      return s.charCodeAt(c) === 91 ? (t = gi, c++) : (t = e, h === 0 && v(bi)), t === e && (s.charCodeAt(c) === 123 ? (t = Pe, c++) : (t = e, h === 0 && v(Qt))), t;
+      return s.charCodeAt(c) === 91 ? (t = gi, c++) : (t = e, h === 0 && v(bi)), t === e && (s.charCodeAt(c) === 123 ? (t = Te, c++) : (t = e, h === 0 && v(Qt))), t;
     }
     function sn() {
       var t;
@@ -2984,7 +2984,7 @@ const aa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   if (typeof r > "u")
     throw new Error("expression must be a string, got undefined instead");
   return o(r, { ...i, helpers: { nodeTypes: ue } });
-}, Fe = (r, i = {}) => Or(
+}, He = (r, i = {}) => Or(
   r,
   {
     ...i,
@@ -3014,7 +3014,7 @@ function ua(r) {
   return r.includes(ne) ? {
     type: "wildcard",
     value: r
-  } : Fe(r);
+  } : He(r);
 }
 function _s(r, i) {
   const { value: o } = r, s = o.split(ne).map(la).join("[\\s\\S]*");
@@ -3079,7 +3079,7 @@ function ga(r, i, o = !1) {
     throw new Error("fieldName is a required argument");
   if (i === void 0)
     throw new Error("value is a required argument");
-  const s = typeof r == "string" ? Fe(r) : Be(r), n = typeof i == "string" ? Fe(i) : Be(i), e = Be(o);
+  const s = typeof r == "string" ? He(r) : Me(r), n = typeof i == "string" ? He(i) : Me(i), e = Me(o);
   return {
     arguments: [s, n, e]
   };
@@ -3115,8 +3115,8 @@ function ba(r, i, o = {}, s = {}) {
     bool: {
       should: m.reduce((z, M) => {
         const V = (U) => {
-          var Pe;
-          return d.type !== "wildcard" || !((Pe = M.subType) != null && Pe.nested) || s != null && s.nested ? U : {
+          var Te;
+          return d.type !== "wildcard" || !((Te = M.subType) != null && Te.nested) || s != null && s.nested ? U : {
             nested: {
               path: M.subType.nested.path,
               query: U,
@@ -3240,7 +3240,7 @@ function Ca(r, ...i) {
   return o;
 }
 function Ea(r, i) {
-  const o = Ca(i, "gt", "lt", "gte", "lte", "format"), s = typeof r == "string" ? Fe(r) : ue.literal.buildNode(r), n = Object.entries(o).map((e) => {
+  const o = Ca(i, "gt", "lt", "gte", "lte", "format"), s = typeof r == "string" ? He(r) : ue.literal.buildNode(r), n = Object.entries(o).map((e) => {
     let [p, d] = e;
     return ue.namedArg.buildNode(p, d);
   });
@@ -3307,7 +3307,7 @@ const Ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" }));
 function La(r) {
   return {
-    arguments: [Be(r)]
+    arguments: [Me(r)]
   };
 }
 function Da(r, i, o = {}, s = {}) {
@@ -3330,7 +3330,7 @@ const Na = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" }));
 function ja(r, i) {
   return {
-    arguments: [typeof r == "string" ? Fe(r) : Be(r), i]
+    arguments: [typeof r == "string" ? He(r) : Me(r), i]
   };
 }
 function za(r, i, o = {}, s = {}) {
@@ -3509,7 +3509,7 @@ const Qa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   DQLSyntaxError: ws,
   doesKueryExpressionHaveLuceneSyntaxError: ca,
   fromKueryExpression: zt,
-  fromLiteralExpression: Fe,
+  fromLiteralExpression: He,
   nodeTypes: ue,
   parse: zt,
   toCql: ke,
@@ -3592,7 +3592,7 @@ let Y = class extends L {
     for (let n in r)
       o[n] = r[n];
     let s = document.createDocumentFragment();
-    return ct(i, s), o.appendChild(s), o.open = !0, document.body.appendChild(o), o;
+    return pt(i, s), o.appendChild(s), o.open = !0, document.body.appendChild(o), o;
   }
   connectedCallback() {
     super.connectedCallback(), this.dialogElement.then((r) => r.addEventListener("keydown", this._handleKeyDown));
@@ -3798,22 +3798,22 @@ re([
   b({ type: String, reflect: !0 })
 ], K.prototype, "outputLanguage", 2);
 re([
-  pt()
+  qe()
 ], K.prototype, "completions", 2);
 re([
-  pt()
+  qe()
 ], K.prototype, "completionIndex", 2);
 re([
   b({ type: Array, reflect: !0 })
 ], K.prototype, "fields", 2);
 re([
-  Ce(".autocomplete")
+  Ee(".autocomplete")
 ], K.prototype, "_autocomplete", 2);
 re([
   Ft(".autocomplete")
 ], K.prototype, "_asyncAutocomplete", 2);
 re([
-  Ce("spectric-input")
+  Ee("spectric-input")
 ], K.prototype, "_input", 2);
 K = re([
   D("spectric-query")
@@ -3863,7 +3863,7 @@ var xc = Object.defineProperty, Ac = Object.getOwnPropertyDescriptor, Lr = (r, i
     (p = r[e]) && (n = (s ? p(i, o, n) : p(n)) || n);
   return s && n && xc(i, o, n), n;
 };
-let nt = class extends L {
+let ct = class extends L {
   constructor() {
     super(...arguments), this.level = 0;
   }
@@ -3891,16 +3891,16 @@ let nt = class extends L {
     return x` <slot></slot> `;
   }
 };
-nt.styles = _c;
+ct.styles = _c;
 Lr([
   b({ type: Number, reflect: !0 })
-], nt.prototype, "level", 2);
+], ct.prototype, "level", 2);
 Lr([
   b({ attribute: !1 })
-], nt.prototype, "layers", 2);
-nt = Lr([
+], ct.prototype, "layers", 2);
+ct = Lr([
   D("spectric-panel")
-], nt);
+], ct);
 var Sc = Object.defineProperty, kc = Object.getOwnPropertyDescriptor, Cs = (r, i, o, s) => {
   for (var n = s > 1 ? void 0 : s ? kc(i, o) : i, e = r.length - 1, p; e >= 0; e--)
     (p = r[e]) && (n = (s ? p(i, o, n) : p(n)) || n);
@@ -4158,7 +4158,7 @@ var Oc = Object.defineProperty, Pc = Object.getOwnPropertyDescriptor, Q = (r, i,
   return s && n && Oc(i, o, n), n;
 }, Tc = /* @__PURE__ */ ((r) => (r.horizontal = "horizontal", r.vertical = "vertical", r))(Tc || {});
 const Lc = "spectric-splitview";
-let B = class extends ut {
+let B = class extends ht {
   constructor() {
     super(), this.orientation = "horizontal", this.percentage = 50, this.invisible = !1, this.min = 10, this.max = 90, this.useSavedState = !0, this.isDragging = !1, this._error = !1, this._emitChange = () => {
       let { percentage: i, orientation: o, invisible: s, min: n, max: e, useSavedState: p } = this, d = this.getAttribute("id");
@@ -4239,24 +4239,24 @@ Q([
   b({ type: Boolean, reflect: !0 })
 ], B.prototype, "useSavedState", 2);
 Q([
-  pt()
+  qe()
 ], B.prototype, "isDragging", 2);
 Q([
-  pt()
+  qe()
 ], B.prototype, "_error", 2);
 Q([
   Ft(".splitter")
 ], B.prototype, "_splitter", 2);
 Q([
-  Ce("slot[name='panel1']")
+  Ee("slot[name='panel1']")
 ], B.prototype, "_panel1", 2);
 Q([
-  Ce("slot[name='panel2']")
+  Ee("slot[name='panel2']")
 ], B.prototype, "_panel2", 2);
 B = Q([
   D(Lc)
 ], B);
-var Dc = Object.defineProperty, Nc = Object.getOwnPropertyDescriptor, Oe = (r, i, o, s) => {
+var Dc = Object.defineProperty, Nc = Object.getOwnPropertyDescriptor, Pe = (r, i, o, s) => {
   for (var n = s > 1 ? void 0 : s ? Nc(i, o) : i, e = r.length - 1, p; e >= 0; e--)
     (p = r[e]) && (n = (s ? p(i, o, n) : p(n)) || n);
   return s && n && Dc(i, o, n), n;
@@ -4314,25 +4314,25 @@ let fe = class extends L {
         `;
   }
 };
-Oe([
+Pe([
   b({ type: Number, reflect: !0 })
 ], fe.prototype, "page", 2);
-Oe([
+Pe([
   b({ type: Number, reflect: !0 })
 ], fe.prototype, "pageSize", 2);
-Oe([
+Pe([
   b({ type: Number, reflect: !0 })
 ], fe.prototype, "totalItems", 2);
-Oe([
+Pe([
   b({ type: Array })
 ], fe.prototype, "pageSizeOptions", 2);
-Oe([
-  Ce("select")
+Pe([
+  Ee("select")
 ], fe.prototype, "select", 2);
-Oe([
+Pe([
   b({ type: String, reflect: !0 })
 ], fe.prototype, "size", 2);
-fe = Oe([
+fe = Pe([
   D(jc)
 ], fe);
 var zc = Object.defineProperty, Rc = Object.getOwnPropertyDescriptor, Os = (r, i, o, s) => {
@@ -4383,7 +4383,7 @@ yr = Os([
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const is = (r) => Nn(r) ? r._$litType$.h : r.strings, Mc = lt(class extends Ut {
+const is = (r) => Nn(r) ? r._$litType$.h : r.strings, Mc = ut(class extends Ut {
   constructor(r) {
     super(r), this.et = /* @__PURE__ */ new WeakMap();
   }
@@ -4397,7 +4397,7 @@ const is = (r) => Nn(r) ? r._$litType$.h : r.strings, Mc = lt(class extends Ut {
       let e = this.et.get(o);
       if (e === void 0) {
         const p = document.createDocumentFragment();
-        e = ct(E, p), e.setConnected(!1), this.et.set(o, e);
+        e = pt(E, p), e.setConnected(!1), this.et.set(o, e);
       }
       dr(e, [n]), we(e, void 0, n);
     }
@@ -4414,17 +4414,17 @@ const is = (r) => Nn(r) ? r._$litType$.h : r.strings, Mc = lt(class extends Ut {
     return this.render(i);
   }
 });
-var Uc = Object.defineProperty, Fc = Object.getOwnPropertyDescriptor, ht = (r, i, o, s) => {
+var Uc = Object.defineProperty, Fc = Object.getOwnPropertyDescriptor, Ye = (r, i, o, s) => {
   for (var n = s > 1 ? void 0 : s ? Fc(i, o) : i, e = r.length - 1, p; e >= 0; e--)
     (p = r[e]) && (n = (s ? p(i, o, n) : p(n)) || n);
   return s && n && Uc(i, o, n), n;
 };
 const Hc = "spectric-table-cell";
-let He = class extends L {
+let Ce = class extends L {
   constructor() {
-    super(...arguments), this.styleRules = { whiteSpace: "", width: "" }, this._handleFilterOut = () => {
+    super(...arguments), this.overflow = "", this.styleRules = { whiteSpace: "", width: "" }, this._handleFilterOut = () => {
       let r;
-      this.column.key && typeof this.row == "object" && (r = Me(this.row, this.column.key)), this._emitFilter({
+      this.column.key && typeof this.row == "object" && (r = Ue(this.row, this.column.key)), this._emitFilter({
         include: !1,
         row: this.row,
         value: r,
@@ -4432,12 +4432,18 @@ let He = class extends L {
       });
     }, this._handleFilterFor = () => {
       let r;
-      this.column.key && typeof this.row == "object" && (r = Me(this.row, this.column.key)), this._emitFilter({
+      this.column.key && typeof this.row == "object" && (r = Ue(this.row, this.column.key)), this._emitFilter({
         include: !0,
         row: this.row,
         value: r,
         column: this.column
       });
+    }, this._displayTooltip = () => {
+      let r = this.querySelector("div"), i = this.querySelector("span");
+      if (r && i) {
+        let o = i.getBoundingClientRect(), s = r.getBoundingClientRect();
+        o.width * o.height > s.width * s.height ? (console.log("We need to show a tooltip witht he content because we are overflowing"), this.overflow = this.getRenderedValue()) : this.overflow = "";
+      }
     };
   }
   createRenderRoot() {
@@ -4452,10 +4458,12 @@ let He = class extends L {
       detail: r
     }));
   }
-  render() {
+  getRenderedValue() {
     let r;
-    this.column.render ? r = this.column.render(this.row, this.index, this.table) : this.column.key && typeof this.row == "object" ? r = Me(this.row, this.column.key) : r = x`error`;
-    let i = ["cell-contents"];
+    return this.column.render ? r = this.column.render(this.row, this.index, this.table) : this.column.key && typeof this.row == "object" ? r = Ue(this.row, this.column.key) : r = x`error`, r;
+  }
+  render() {
+    let r = this.getRenderedValue(), i = ["cell-contents"];
     this.column.filterable && i.push("filterable");
     let o = Mc(
       this.column.filterable ? x`<div class="table-cell-actions">
@@ -4466,31 +4474,34 @@ let He = class extends L {
       width: this.column.width ? this.column.width + "px" : "",
       whiteSpace: this.column.whiteSpace || ""
     }, x`
-            <td style=${Cr(this.styleRules)}>
+            <td style=${Cr(this.styleRules)} @mouseenter=${this._displayTooltip}>
                 ${o}
-                <div class=${i.join(" ")}>${r}</div>
+                <div class=${i.join(" ")}>${this.overflow ? x`<spectric-tooltip .text=${this.overflow}></spectric-tooltip>` : null}<span>${r}</span></div>
             </td>
             `;
   }
 };
-ht([
+Ye([
   b({ type: Object, attribute: !1 })
-], He.prototype, "row", 2);
-ht([
+], Ce.prototype, "row", 2);
+Ye([
   b({ type: Number, attribute: !1 })
-], He.prototype, "index", 2);
-ht([
+], Ce.prototype, "index", 2);
+Ye([
   b({ type: Object, attribute: !1 })
-], He.prototype, "column", 2);
-ht([
-  Ce("td")
-], He.prototype, "td", 2);
-He = ht([
+], Ce.prototype, "column", 2);
+Ye([
+  qe()
+], Ce.prototype, "overflow", 2);
+Ye([
+  Ee("td")
+], Ce.prototype, "td", 2);
+Ce = Ye([
   D(Hc)
-], He);
-const Me = (r, i) => {
+], Ce);
+const Ue = (r, i) => {
   let o = i.split("."), s = r[o[0]];
-  return o.length > 1 && (s = Me(s, o.slice(1).join("."))), s;
+  return s == null || o.length > 1 && (s = Ue(s, o.slice(1).join("."))), s;
 };
 /**
  * @license
@@ -4501,7 +4512,7 @@ const ss = (r, i, o) => {
   const s = /* @__PURE__ */ new Map();
   for (let n = i; n <= o; n++) s.set(r[n], n);
   return s;
-}, Bt = lt(class extends Ut {
+}, Bt = ut(class extends Ut {
   constructor(r) {
     if (super(r), r.type !== kr.CHILD) throw Error("repeat() can only be used in text expressions");
   }
@@ -4590,7 +4601,7 @@ var Wc = Object.defineProperty, Yc = Object.getOwnPropertyDescriptor, dt = (r, i
   return s && n && Wc(i, o, n), n;
 };
 const Kc = "spectric-table-virtual-body";
-let Ie = class extends ut {
+let Ie = class extends ht {
   constructor() {
     super(), this.data = [], this.columns = [], this.rowHeight = 30, this.startIndex = 0, this.addDisposableListener(() => this.table.querySelector(".table-wrapper"), "scroll", () => {
       const r = this.table.querySelector(".table-wrapper").scrollTop;
@@ -4654,7 +4665,7 @@ Ie = dt([
 const Zc = (r) => r.map(({ key: i, sortDirection: o, compareFn: s }) => (n, e) => {
   if (!i)
     return;
-  let p = Me(n, i), d = Me(e, i);
+  let p = Ue(n, i), d = Ue(e, i);
   if (s)
     return s(n, e);
   if (typeof p == "number" || typeof p == "bigint" || typeof p == "boolean") {
@@ -4736,7 +4747,7 @@ let ae = class extends L {
     return this.select !== "none" && r.unshift({
       title: this.select === "multi" ? x`<spectric-input variant="checkbox" @change=${this._handleSelectAllChange} .helperText=${"Select All"}></spectric-input>` : null,
       render: (o) => {
-        let s = document.createElement("div"), n = this.selected.includes(o), e = x`<spectric-input variant="checkbox" class="table-checkbox-${this.select}" ${rt({ checked: n })}  @change=${(p) => {
+        let s = document.createElement("div"), n = this.selected.includes(o), e = x`<spectric-input variant="checkbox" class="table-checkbox-${this.select}" ${st({ checked: n })}  @change=${(p) => {
           p.stopPropagation();
           let d = this.selected.findIndex((g) => g === o);
           if (!(p.target.checked && d !== -1)) {
@@ -4748,7 +4759,7 @@ let ae = class extends L {
             p.target.checked && (this.select === "single" && (this.selected = []), this.selected.push(o)), this.dispatchEvent(new CustomEvent("selected", { detail: [...this.selected] }));
           }
         }}></spectric-input>`;
-        return ct(e, s), e;
+        return pt(e, s), e;
       }
     }), x`
         <div class="table-wrapper" style="--rowHeight:${this.rowHeight - 4}px">
@@ -4757,7 +4768,7 @@ let ae = class extends L {
                 ${this.rowHeight >= 25 && this.data.length >= 100 ? x`<spectric-table-virtual-body .columns=${r} .data=${this.data} .table=${this} .rowHeight=${this.rowHeight}></spectric-table-virtual-body>` : x`<spectric-table-body .columns=${r} .data=${this.data} .table=${this}></spectric-table-body>`}
             </div>
         </div>
-        ${this.pagination ? x`<spectric-pagination ${rt(this.pagination)} @change=${this._handlePaginationChange}></spectric-pagination>` : null}
+        ${this.pagination ? x`<spectric-pagination ${st(this.pagination)} @change=${this._handlePaginationChange}></spectric-pagination>` : null}
         `;
   }
 };
@@ -4780,7 +4791,7 @@ be([
   b({ type: Number, reflect: !0 })
 ], ae.prototype, "rowHeight", 2);
 be([
-  pt()
+  qe()
 ], ae.prototype, "selected", 2);
 ae = be([
   D(Gc)
@@ -4792,7 +4803,7 @@ var tl = Object.defineProperty, rl = Object.getOwnPropertyDescriptor, ve = (r, i
 };
 const il = "spectric-tooltip";
 var sl = /* @__PURE__ */ ((r) => (r.top = "top", r.bottom = "bottom", r.left = "left", r.right = "right", r.mouse = "mouse", r))(sl || {});
-let J = class extends ut {
+let J = class extends ht {
   constructor() {
     super(), this.delay = 100, this.animationDuration = 0, this.text = "", this.position = "right", this.maxWidth = 300, this.portalTarget = document.body, this.open = !1, this._getMousePosition = (r) => {
       this.mouseLocation = {
@@ -4809,7 +4820,7 @@ let J = class extends ut {
             <span class="tooltip-caret"></span>
             <div class="tooltip-content">${this.text}</div>
         </div>`;
-      ct(r, this.portalElement), !(!this.target || !this.target.checkVisibility()) && (this.portalTarget.appendChild(this.portalElement), this.open = !0, requestAnimationFrame(this.positionTooltip));
+      pt(r, this.portalElement), !(!this.target || !this.target.checkVisibility()) && (this.portalTarget.appendChild(this.portalElement), this.open = !0, requestAnimationFrame(this.positionTooltip));
     }, this.applyStyle = (r) => {
       Object.entries(r).forEach(([i, o]) => {
         this.portalElement.style.setProperty(i, o);
@@ -4891,7 +4902,7 @@ export {
   Y as DialogElement,
   Ss as DialogElementTag,
   Lc as ElementTag,
-  Ue as Header,
+  Fe as Header,
   sa as InputVariants,
   Tc as Orientations,
   fe as PaginationElement,
@@ -4899,7 +4910,7 @@ export {
   H as SpectricButton,
   O as SpectricInput,
   I as SpectricPage,
-  nt as SpectricPanel,
+  ct as SpectricPanel,
   K as SpectricQuery,
   Rt as SpectricThemeProvider,
   B as SplitView,