@startinblox/components-ds4go 3.0.2 → 3.1.0

package/dist/index.js

@@ -1,3032 +1 @@
-import { StoreType as me, StoreService as ge } from "https://cdn.jsdelivr.net/npm/@startinblox/core@beta/+esm";
-const nt = globalThis, xt = nt.ShadowRoot && (nt.ShadyCSS === void 0 || nt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Pt = /* @__PURE__ */ Symbol(), Ot = /* @__PURE__ */ new WeakMap();
-let te = class {
-  constructor(t, r, i) {
-    if (this._$cssResult$ = !0, i !== Pt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t, this.t = r;
-  }
-  get styleSheet() {
-    let t = this.o;
-    const r = this.t;
-    if (xt && t === void 0) {
-      const i = r !== void 0 && r.length === 1;
-      i && (t = Ot.get(r)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Ot.set(r, t));
-    }
-    return t;
-  }
-  toString() {
-    return this.cssText;
-  }
-};
-const Et = (e) => new te(typeof e == "string" ? e : e + "", void 0, Pt), tt = (e, ...t) => {
-  const r = e.length === 1 ? e[0] : t.reduce((i, s, o) => i + ((n) => {
-    if (n._$cssResult$ === !0) return n.cssText;
-    if (typeof n == "number") return n;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(s) + e[o + 1], e[0]);
-  return new te(r, e, Pt);
-}, ye = (e, t) => {
-  if (xt) e.adoptedStyleSheets = t.map((r) => r instanceof CSSStyleSheet ? r : r.styleSheet);
-  else for (const r of t) {
-    const i = document.createElement("style"), s = nt.litNonce;
-    s !== void 0 && i.setAttribute("nonce", s), i.textContent = r.cssText, e.appendChild(i);
-  }
-}, Lt = xt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
-  let r = "";
-  for (const i of t.cssRules) r += i.cssText;
-  return Et(r);
-})(e) : e;
-const { is: ve, defineProperty: be, getOwnPropertyDescriptor: $e, getOwnPropertyNames: _e, getOwnPropertySymbols: we, getPrototypeOf: Ae } = Object, ht = globalThis, Tt = ht.trustedTypes, Ce = Tt ? Tt.emptyScript : "", Se = ht.reactiveElementPolyfillSupport, G = (e, t) => e, at = { toAttribute(e, t) {
-  switch (t) {
-    case Boolean:
-      e = e ? Ce : null;
-      break;
-    case Object:
-    case Array:
-      e = e == null ? e : JSON.stringify(e);
-  }
-  return e;
-}, fromAttribute(e, t) {
-  let r = e;
-  switch (t) {
-    case Boolean:
-      r = e !== null;
-      break;
-    case Number:
-      r = e === null ? null : Number(e);
-      break;
-    case Object:
-    case Array:
-      try {
-        r = JSON.parse(e);
-      } catch {
-        r = null;
-      }
-  }
-  return r;
-} }, pt = (e, t) => !ve(e, t), It = { attribute: !0, type: String, converter: at, reflect: !1, useDefault: !1, hasChanged: pt };
-Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), ht.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let B = class extends HTMLElement {
-  static addInitializer(t) {
-    this._$Ei(), (this.l ??= []).push(t);
-  }
-  static get observedAttributes() {
-    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
-  }
-  static createProperty(t, r = It) {
-    if (r.state && (r.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((r = Object.create(r)).wrapped = !0), this.elementProperties.set(t, r), !r.noAccessor) {
-      const i = /* @__PURE__ */ Symbol(), s = this.getPropertyDescriptor(t, i, r);
-      s !== void 0 && be(this.prototype, t, s);
-    }
-  }
-  static getPropertyDescriptor(t, r, i) {
-    const { get: s, set: o } = $e(this.prototype, t) ?? { get() {
-      return this[r];
-    }, set(n) {
-      this[r] = n;
-    } };
-    return { get: s, set(n) {
-      const a = s?.call(this);
-      o?.call(this, n), this.requestUpdate(t, a, i);
-    }, configurable: !0, enumerable: !0 };
-  }
-  static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? It;
-  }
-  static _$Ei() {
-    if (this.hasOwnProperty(G("elementProperties"))) return;
-    const t = Ae(this);
-    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
-  }
-  static finalize() {
-    if (this.hasOwnProperty(G("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(G("properties"))) {
-      const r = this.properties, i = [..._e(r), ...we(r)];
-      for (const s of i) this.createProperty(s, r[s]);
-    }
-    const t = this[Symbol.metadata];
-    if (t !== null) {
-      const r = litPropertyMetadata.get(t);
-      if (r !== void 0) for (const [i, s] of r) this.elementProperties.set(i, s);
-    }
-    this._$Eh = /* @__PURE__ */ new Map();
-    for (const [r, i] of this.elementProperties) {
-      const s = this._$Eu(r, i);
-      s !== void 0 && this._$Eh.set(s, r);
-    }
-    this.elementStyles = this.finalizeStyles(this.styles);
-  }
-  static finalizeStyles(t) {
-    const r = [];
-    if (Array.isArray(t)) {
-      const i = new Set(t.flat(1 / 0).reverse());
-      for (const s of i) r.unshift(Lt(s));
-    } else t !== void 0 && r.push(Lt(t));
-    return r;
-  }
-  static _$Eu(t, r) {
-    const i = r.attribute;
-    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
-  }
-  constructor() {
-    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
-  }
-  _$Ev() {
-    this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t) => t(this));
-  }
-  addController(t) {
-    (this._$EO ??= /* @__PURE__ */ new Set()).add(t), this.renderRoot !== void 0 && this.isConnected && t.hostConnected?.();
-  }
-  removeController(t) {
-    this._$EO?.delete(t);
-  }
-  _$E_() {
-    const t = /* @__PURE__ */ new Map(), r = this.constructor.elementProperties;
-    for (const i of r.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
-    t.size > 0 && (this._$Ep = t);
-  }
-  createRenderRoot() {
-    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return ye(t, this.constructor.elementStyles), t;
-  }
-  connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
-  }
-  enableUpdating(t) {
-  }
-  disconnectedCallback() {
-    this._$EO?.forEach((t) => t.hostDisconnected?.());
-  }
-  attributeChangedCallback(t, r, i) {
-    this._$AK(t, i);
-  }
-  _$ET(t, r) {
-    const i = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, i);
-    if (s !== void 0 && i.reflect === !0) {
-      const o = (i.converter?.toAttribute !== void 0 ? i.converter : at).toAttribute(r, i.type);
-      this._$Em = t, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
-    }
-  }
-  _$AK(t, r) {
-    const i = this.constructor, s = i._$Eh.get(t);
-    if (s !== void 0 && this._$Em !== s) {
-      const o = i.getPropertyOptions(s), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : at;
-      this._$Em = s;
-      const a = n.fromAttribute(r, o.type);
-      this[s] = a ?? this._$Ej?.get(s) ?? a, this._$Em = null;
-    }
-  }
-  requestUpdate(t, r, i, s = !1, o) {
-    if (t !== void 0) {
-      const n = this.constructor;
-      if (s === !1 && (o = this[t]), i ??= n.getPropertyOptions(t), !((i.hasChanged ?? pt)(o, r) || i.useDefault && i.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(n._$Eu(t, i)))) return;
-      this.C(t, r, i);
-    }
-    this.isUpdatePending === !1 && (this._$ES = this._$EP());
-  }
-  C(t, r, { useDefault: i, reflect: s, wrapped: o }, n) {
-    i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, n ?? r ?? this[t]), o !== !0 || n !== void 0) || (this._$AL.has(t) || (this.hasUpdated || i || (r = void 0), this._$AL.set(t, r)), s === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
-  }
-  async _$EP() {
-    this.isUpdatePending = !0;
-    try {
-      await this._$ES;
-    } catch (r) {
-      Promise.reject(r);
-    }
-    const t = this.scheduleUpdate();
-    return t != null && await t, !this.isUpdatePending;
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    if (!this.isUpdatePending) return;
-    if (!this.hasUpdated) {
-      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [s, o] of this._$Ep) this[s] = o;
-        this._$Ep = void 0;
-      }
-      const i = this.constructor.elementProperties;
-      if (i.size > 0) for (const [s, o] of i) {
-        const { wrapped: n } = o, a = this[s];
-        n !== !0 || this._$AL.has(s) || a === void 0 || this.C(s, void 0, o, a);
-      }
-    }
-    let t = !1;
-    const r = this._$AL;
-    try {
-      t = this.shouldUpdate(r), t ? (this.willUpdate(r), this._$EO?.forEach((i) => i.hostUpdate?.()), this.update(r)) : this._$EM();
-    } catch (i) {
-      throw t = !1, this._$EM(), i;
-    }
-    t && this._$AE(r);
-  }
-  willUpdate(t) {
-  }
-  _$AE(t) {
-    this._$EO?.forEach((r) => r.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
-  }
-  _$EM() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$ES;
-  }
-  shouldUpdate(t) {
-    return !0;
-  }
-  update(t) {
-    this._$Eq &&= this._$Eq.forEach((r) => this._$ET(r, this[r])), this._$EM();
-  }
-  updated(t) {
-  }
-  firstUpdated(t) {
-  }
-};
-B.elementStyles = [], B.shadowRootOptions = { mode: "open" }, B[G("elementProperties")] = /* @__PURE__ */ new Map(), B[G("finalized")] = /* @__PURE__ */ new Map(), Se?.({ ReactiveElement: B }), (ht.reactiveElementVersions ??= []).push("2.1.2");
-const Rt = globalThis, Ft = (e) => e, ct = Rt.trustedTypes, Nt = ct ? ct.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, ee = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, re = "?" + E, xe = `<${re}>`, F = document, J = () => F.createComment(""), Z = (e) => e === null || typeof e != "object" && typeof e != "function", jt = Array.isArray, Pe = (e) => jt(e) || typeof e?.[Symbol.iterator] == "function", gt = `[ 	
-\f\r]`, K = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Mt = /-->/g, Bt = />/g, k = RegExp(`>|${gt}(?:([^\\s"'>=/]+)(${gt}*=${gt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), qt = /'/g, Ht = /"/g, se = /^(?:script|style|textarea|title)$/i, Ee = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), f = Ee(1), V = /* @__PURE__ */ Symbol.for("lit-noChange"), l = /* @__PURE__ */ Symbol.for("lit-nothing"), zt = /* @__PURE__ */ new WeakMap(), T = F.createTreeWalker(F, 129);
-function ie(e, t) {
-  if (!jt(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return Nt !== void 0 ? Nt.createHTML(t) : t;
-}
-const Re = (e, t) => {
-  const r = e.length - 1, i = [];
-  let s, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = K;
-  for (let a = 0; a < r; a++) {
-    const c = e[a];
-    let d, p, u = -1, g = 0;
-    for (; g < c.length && (n.lastIndex = g, p = n.exec(c), p !== null); ) g = n.lastIndex, n === K ? p[1] === "!--" ? n = Mt : p[1] !== void 0 ? n = Bt : p[2] !== void 0 ? (se.test(p[2]) && (s = RegExp("</" + p[2], "g")), n = k) : p[3] !== void 0 && (n = k) : n === k ? p[0] === ">" ? (n = s ?? K, u = -1) : p[1] === void 0 ? u = -2 : (u = n.lastIndex - p[2].length, d = p[1], n = p[3] === void 0 ? k : p[3] === '"' ? Ht : qt) : n === Ht || n === qt ? n = k : n === Mt || n === Bt ? n = K : (n = k, s = void 0);
-    const w = n === k && e[a + 1].startsWith("/>") ? " " : "";
-    o += n === K ? c + xe : u >= 0 ? (i.push(d), c.slice(0, u) + ee + c.slice(u) + E + w) : c + E + (u === -2 ? a : w);
-  }
-  return [ie(e, o + (e[r] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
-};
-class X {
-  constructor({ strings: t, _$litType$: r }, i) {
-    let s;
-    this.parts = [];
-    let o = 0, n = 0;
-    const a = t.length - 1, c = this.parts, [d, p] = Re(t, r);
-    if (this.el = X.createElement(d, i), T.currentNode = this.el.content, r === 2 || r === 3) {
-      const u = this.el.content.firstChild;
-      u.replaceWith(...u.childNodes);
-    }
-    for (; (s = T.nextNode()) !== null && c.length < a; ) {
-      if (s.nodeType === 1) {
-        if (s.hasAttributes()) for (const u of s.getAttributeNames()) if (u.endsWith(ee)) {
-          const g = p[n++], w = s.getAttribute(u).split(E), it = /([.?@])?(.*)/.exec(g);
-          c.push({ type: 1, index: o, name: it[2], strings: w, ctor: it[1] === "." ? Ue : it[1] === "?" ? ke : it[1] === "@" ? De : ft }), s.removeAttribute(u);
-        } else u.startsWith(E) && (c.push({ type: 6, index: o }), s.removeAttribute(u));
-        if (se.test(s.tagName)) {
-          const u = s.textContent.split(E), g = u.length - 1;
-          if (g > 0) {
-            s.textContent = ct ? ct.emptyScript : "";
-            for (let w = 0; w < g; w++) s.append(u[w], J()), T.nextNode(), c.push({ type: 2, index: ++o });
-            s.append(u[g], J());
-          }
-        }
-      } else if (s.nodeType === 8) if (s.data === re) c.push({ type: 2, index: o });
-      else {
-        let u = -1;
-        for (; (u = s.data.indexOf(E, u + 1)) !== -1; ) c.push({ type: 7, index: o }), u += E.length - 1;
-      }
-      o++;
-    }
-  }
-  static createElement(t, r) {
-    const i = F.createElement("template");
-    return i.innerHTML = t, i;
-  }
-}
-function W(e, t, r = e, i) {
-  if (t === V) return t;
-  let s = i !== void 0 ? r._$Co?.[i] : r._$Cl;
-  const o = Z(t) ? void 0 : t._$litDirective$;
-  return s?.constructor !== o && (s?._$AO?.(!1), o === void 0 ? s = void 0 : (s = new o(e), s._$AT(e, r, i)), i !== void 0 ? (r._$Co ??= [])[i] = s : r._$Cl = s), s !== void 0 && (t = W(e, s._$AS(e, t.values), s, i)), t;
-}
-class je {
-  constructor(t, r) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = r;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(t) {
-    const { el: { content: r }, parts: i } = this._$AD, s = (t?.creationScope ?? F).importNode(r, !0);
-    T.currentNode = s;
-    let o = T.nextNode(), n = 0, a = 0, c = i[0];
-    for (; c !== void 0; ) {
-      if (n === c.index) {
-        let d;
-        c.type === 2 ? d = new et(o, o.nextSibling, this, t) : c.type === 1 ? d = new c.ctor(o, c.name, c.strings, this, t) : c.type === 6 && (d = new Oe(o, this, t)), this._$AV.push(d), c = i[++a];
-      }
-      n !== c?.index && (o = T.nextNode(), n++);
-    }
-    return T.currentNode = F, s;
-  }
-  p(t) {
-    let r = 0;
-    for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, r), r += i.strings.length - 2) : i._$AI(t[r])), r++;
-  }
-}
-class et {
-  get _$AU() {
-    return this._$AM?._$AU ?? this._$Cv;
-  }
-  constructor(t, r, i, s) {
-    this.type = 2, this._$AH = l, this._$AN = void 0, this._$AA = t, this._$AB = r, this._$AM = i, this.options = s, this._$Cv = s?.isConnected ?? !0;
-  }
-  get parentNode() {
-    let t = this._$AA.parentNode;
-    const r = this._$AM;
-    return r !== void 0 && t?.nodeType === 11 && (t = r.parentNode), t;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t, r = this) {
-    t = W(this, t, r), Z(t) ? t === l || t == null || t === "" ? (this._$AH !== l && this._$AR(), this._$AH = l) : t !== this._$AH && t !== V && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Pe(t) ? this.k(t) : this._(t);
-  }
-  O(t) {
-    return this._$AA.parentNode.insertBefore(t, this._$AB);
-  }
-  T(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
-  }
-  _(t) {
-    this._$AH !== l && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(F.createTextNode(t)), this._$AH = t;
-  }
-  $(t) {
-    const { values: r, _$litType$: i } = t, s = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = X.createElement(ie(i.h, i.h[0]), this.options)), i);
-    if (this._$AH?._$AD === s) this._$AH.p(r);
-    else {
-      const o = new je(s, this), n = o.u(this.options);
-      o.p(r), this.T(n), this._$AH = o;
-    }
-  }
-  _$AC(t) {
-    let r = zt.get(t.strings);
-    return r === void 0 && zt.set(t.strings, r = new X(t)), r;
-  }
-  k(t) {
-    jt(this._$AH) || (this._$AH = [], this._$AR());
-    const r = this._$AH;
-    let i, s = 0;
-    for (const o of t) s === r.length ? r.push(i = new et(this.O(J()), this.O(J()), this, this.options)) : i = r[s], i._$AI(o), s++;
-    s < r.length && (this._$AR(i && i._$AB.nextSibling, s), r.length = s);
-  }
-  _$AR(t = this._$AA.nextSibling, r) {
-    for (this._$AP?.(!1, !0, r); t !== this._$AB; ) {
-      const i = Ft(t).nextSibling;
-      Ft(t).remove(), t = i;
-    }
-  }
-  setConnected(t) {
-    this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
-  }
-}
-class ft {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(t, r, i, s, o) {
-    this.type = 1, this._$AH = l, this._$AN = void 0, this.element = t, this.name = r, this._$AM = s, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = l;
-  }
-  _$AI(t, r = this, i, s) {
-    const o = this.strings;
-    let n = !1;
-    if (o === void 0) t = W(this, t, r, 0), n = !Z(t) || t !== this._$AH && t !== V, n && (this._$AH = t);
-    else {
-      const a = t;
-      let c, d;
-      for (t = o[0], c = 0; c < o.length - 1; c++) d = W(this, a[i + c], r, c), d === V && (d = this._$AH[c]), n ||= !Z(d) || d !== this._$AH[c], d === l ? t = l : t !== l && (t += (d ?? "") + o[c + 1]), this._$AH[c] = d;
-    }
-    n && !s && this.j(t);
-  }
-  j(t) {
-    t === l ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
-  }
-}
-class Ue extends ft {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(t) {
-    this.element[this.name] = t === l ? void 0 : t;
-  }
-}
-class ke extends ft {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== l);
-  }
-}
-class De extends ft {
-  constructor(t, r, i, s, o) {
-    super(t, r, i, s, o), this.type = 5;
-  }
-  _$AI(t, r = this) {
-    if ((t = W(this, t, r, 0) ?? l) === V) return;
-    const i = this._$AH, s = t === l && i !== l || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== l && (i === l || s);
-    s && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
-  }
-  handleEvent(t) {
-    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
-  }
-}
-class Oe {
-  constructor(t, r, i) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = r, this.options = i;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t) {
-    W(this, t);
-  }
-}
-const Le = Rt.litHtmlPolyfillSupport;
-Le?.(X, et), (Rt.litHtmlVersions ??= []).push("3.3.2");
-const Te = (e, t, r) => {
-  const i = r?.renderBefore ?? t;
-  let s = i._$litPart$;
-  if (s === void 0) {
-    const o = r?.renderBefore ?? null;
-    i._$litPart$ = s = new et(t.insertBefore(J(), o), o, void 0, r ?? {});
-  }
-  return s._$AI(e), s;
-};
-const Ut = globalThis;
-let z = class extends B {
-  constructor() {
-    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
-  }
-  createRenderRoot() {
-    const t = super.createRenderRoot();
-    return this.renderOptions.renderBefore ??= t.firstChild, t;
-  }
-  update(t) {
-    const r = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Te(r, this.renderRoot, this.renderOptions);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._$Do?.setConnected(!0);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._$Do?.setConnected(!1);
-  }
-  render() {
-    return V;
-  }
-};
-z._$litElement$ = !0, z.finalized = !0, Ut.litElementHydrateSupport?.({ LitElement: z });
-const Ie = Ut.litElementPolyfillSupport;
-Ie?.({ LitElement: z });
-(Ut.litElementVersions ??= []).push("4.2.2");
-class Fe extends z {
-  constructor() {
-    super(...arguments), this.object = {
-      "@id": ""
-    }, this.isType = (t, r) => {
-      const s = (r ?? this.object)["@type"];
-      return Array.isArray(s) ? s.includes(t) : typeof s == "string" ? s === t : !1;
-    };
-  }
-}
-const M = (e) => (t, r) => {
-  r !== void 0 ? r.addInitializer(() => {
-    customElements.define(e, t);
-  }) : customElements.define(e, t);
-};
-const Ne = { attribute: !0, type: String, converter: at, reflect: !1, hasChanged: pt }, Me = (e = Ne, t, r) => {
-  const { kind: i, metadata: s } = r;
-  let o = globalThis.litPropertyMetadata.get(s);
-  if (o === void 0 && globalThis.litPropertyMetadata.set(s, o = /* @__PURE__ */ new Map()), i === "setter" && ((e = Object.create(e)).wrapped = !0), o.set(r.name, e), i === "accessor") {
-    const { name: n } = r;
-    return { set(a) {
-      const c = t.get.call(this);
-      t.set.call(this, a), this.requestUpdate(n, c, e, !0, a);
-    }, init(a) {
-      return a !== void 0 && this.C(n, void 0, e, a), a;
-    } };
-  }
-  if (i === "setter") {
-    const { name: n } = r;
-    return function(a) {
-      const c = this[n];
-      t.call(this, a), this.requestUpdate(n, c, e, !0, a);
-    };
-  }
-  throw Error("Unsupported decorator location: " + i);
-};
-function v(e) {
-  return (t, r) => typeof r == "object" ? Me(e, t, r) : ((i, s, o) => {
-    const n = s.hasOwnProperty(o);
-    return s.constructor.createProperty(o, i), n ? Object.getOwnPropertyDescriptor(s, o) : void 0;
-  })(e, t, r);
-}
-function m(e) {
-  return v({ ...e, state: !0, attribute: !1 });
-}
-var Be = Object.defineProperty, qe = (e, t, r, i) => {
-  for (var s = void 0, o = e.length - 1, n; o >= 0; o--)
-    (n = e[o]) && (s = n(t, r, s) || s);
-  return s && Be(t, r, s), s;
-};
-class kt extends z {
-  constructor() {
-    super(...arguments), this.objects = [], this.hasType = (t, r) => (r ?? this.objects ?? []).some((s) => {
-      const o = s["@type"];
-      return Array.isArray(o) ? o.includes(t) : typeof o == "string" ? o === t : !1;
-    });
-  }
-}
-qe([
-  v({ attribute: !1 })
-], kt.prototype, "objects");
-var He = Object.defineProperty, x = (e, t, r, i) => {
-  for (var s = void 0, o = e.length - 1, n; o >= 0; o--)
-    (n = e[o]) && (s = n(t, r, s) || s);
-  return s && He(t, r, s), s;
-};
-class $ extends kt {
-  constructor({
-    defaultRoute: t = !1,
-    setupSubscriptions: r = !0,
-    ignoreRouter: i = !1
-  } = {}) {
-    super(), this.ready = !1, this.cherryPickedProperties = [], this.currentRoute = "";
-    const s = () => {
-      document.readyState === "complete" && this._attach(t, r, i).then(
-        (o) => {
-          o && this.requestUpdate();
-        }
-      );
-    };
-    document.readyState === "complete" ? s() : document.addEventListener("readystatechange", s);
-  }
-  async _attach(t, r, i) {
-    if (!this.orbit && window.orbit && (this.orbit = window.orbit, r)) {
-      if (ne({
-        component: this,
-        defaultRoute: t,
-        ignoreRouter: i
-      }), this.route && (this.component = this.orbit.getComponentFromRoute(this.route), this.component))
-        for (const s of this.orbit.components)
-          s.uniq === this.component.uniq && (s.instance = this);
-      return await this._afterAttach(), this.ready = !0, this.dispatchEvent(
-        new CustomEvent("component-ready", {
-          detail: {
-            component: this.component
-          }
-        })
-      ), Promise.resolve(!0);
-    }
-    return Promise.resolve(!1);
-  }
-  async _afterAttach() {
-    return Promise.resolve();
-  }
-  _navigate(t) {
-    window.sibRouter.previousRoute = this.currentRoute, window.sibRouter.previousResource = window.sibRouter.currentResource;
-    const r = t.target?.closest("[navigation-target]");
-    let i = r.getAttribute("navigation-target");
-    const s = r.getAttribute("navigation-subrouter"), o = r.getAttribute("navigation-resource"), n = r.getAttribute("navigation-rdf-type");
-    if (n) {
-      const a = window.orbit?.components?.filter(
-        (c) => c?.routeAttributes?.["rdf-type"] === n
-      );
-      a && (i = a[0]?.uniq);
-    }
-    i && L(
-      (window.orbit ? window.orbit.getRoute(i, !0) : i) + (s ? `-${s}` : ""),
-      o
-    ), t.preventDefault();
-  }
-  _normalizeLdpContains(t) {
-    return t === null ? [] : Array.isArray(t) ? t : [t];
-  }
-  async _expandContainer(t, r = !0, i = this.cherryPickedProperties) {
-    const s = [];
-    return await Promise.all(
-      t.map(async (o) => {
-        const n = await this._getProxyValue(
-          await o,
-          r,
-          i
-        );
-        n && s.push(n);
-      })
-    ), s;
-  }
-  async _getProperties(t, r = !0, i = this.cherryPickedProperties) {
-    const s = await t.properties, o = {
-      "@id": t["@id"],
-      "@type": t["@type"],
-      "@context": t.serverContext,
-      _originalResource: t
-    }, n = i.map(async (c) => {
-      if (!s?.includes(c.key)) return;
-      let d = await t.get(c.key);
-      return c.expand && (d = await this._getProxyValue(d, r, i)), c.cast && (d = await c.cast(d)), { prop: c, value: d };
-    }), a = (await Promise.all(n)).filter(
-      (c) => c !== void 0
-    );
-    for (const { prop: c, value: d } of a)
-      d !== void 0 && (o[c.value] = d);
-    return await this._responseAdaptator(o);
-  }
-  async _hasCherryPickedProperties(t) {
-    const r = await t.properties;
-    for (const i of this.cherryPickedProperties)
-      if (r?.includes(i.key))
-        return !0;
-    return !1;
-  }
-  async _getProxyValue(t, r = !0, i = this.cherryPickedProperties) {
-    try {
-      if (!t) return;
-      let s = t;
-      if (typeof t == "string" ? s = await window.sibStore.getData(t, Gt) : t.isFullResource && !t.isFullResource?.() && (s = await window.sibStore.getData(t["@id"], Gt)), !s) return { _originalResource: s };
-      if (typeof s != "object" || s === null) return;
-      if (s.isContainer?.() && s["ldp:contains"]) {
-        if (await this._hasCherryPickedProperties(s))
-          return await this._getProperties(s, r, i);
-        const o = this._normalizeLdpContains(await s["ldp:contains"]);
-        return await this._expandContainer(o, r, i);
-      }
-      return await this._getProperties(s, r, i);
-    } catch {
-    }
-  }
-  async _responseAdaptator(t) {
-    return Promise.resolve(t);
-  }
-  gatekeeper() {
-    if (!this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute) || !this.dataSrc)
-      return l;
-  }
-}
-x([
-  m()
-], $.prototype, "ready");
-x([
-  v({ attribute: "default-data-src", reflect: !0 })
-], $.prototype, "defaultDataSrc");
-x([
-  v({ attribute: "data-src", reflect: !0 })
-], $.prototype, "dataSrc");
-x([
-  v({ attribute: "nested-field" })
-], $.prototype, "nestedField");
-x([
-  v({ attribute: "uniq" })
-], $.prototype, "uniq");
-x([
-  v({ attribute: "route" })
-], $.prototype, "route");
-x([
-  v({ attribute: !1 })
-], $.prototype, "cherryPickedProperties");
-x([
-  m()
-], $.prototype, "orbit");
-x([
-  m()
-], $.prototype, "currentRoute");
-function H(e) {
-  return e ? e.replace(/^urn:uuid:/i, "").replace(/^urn:tems:/i, "") : "";
-}
-function ze(e, t, r) {
-  if (!e) return null;
-  const i = JSON.parse(JSON.stringify(e));
-  i["@id"] && (i["@id"] = H(i["@id"]));
-  const s = q(t, ["@id"]) || "";
-  return i.target = H(s), i;
-}
-function q(e, t) {
-  if (t.length === 0)
-    return;
-  let r = e;
-  for (const i of t) {
-    if (r == null)
-      return;
-    r = r[i];
-  }
-  return r;
-}
-class Ve {
-  constructor(t) {
-    this.config = t;
-  }
-  /**
-   * Maps source data to TEMS-compatible resource
-   */
-  map(t, r = {}) {
-    const i = {};
-    for (const [s, o] of Object.entries(this.config.baseFields)) {
-      const n = this.mapField(t, o, r);
-      n !== void 0 && (i[s] = n);
-    }
-    if (this.config.containerFields)
-      for (const [s, o] of Object.entries(
-        this.config.containerFields
-      )) {
-        const n = this.mapContainerField(t, o, r);
-        n && (i[s] = n);
-      }
-    if (this.config.nestedObjects)
-      for (const [s, o] of Object.entries(
-        this.config.nestedObjects
-      )) {
-        const n = this.mapNestedObject(t, o, r);
-        n && (i[s] = n);
-      }
-    if (this.config.contractFields)
-      for (const [s, o] of Object.entries(
-        this.config.contractFields
-      )) {
-        const n = this.mapField(t, o, r);
-        n !== void 0 && (i[s] = n);
-      }
-    return this.config.postProcess ? this.config.postProcess(i, t, r) : i;
-  }
-  /**
-   * Maps a single field
-   */
-  mapField(t, r, i) {
-    let s = q(t, r.source);
-    return r.transform && (s = r.transform(s, t, i)), (s == null || s === "") && r.fallback && (typeof r.fallback == "function" ? s = r.fallback(t, i) : s = q(t, [r.fallback])), (s == null || s === "") && (s = r.defaultValue), s;
-  }
-  /**
-   * Maps a container field (array wrapped in LDP container)
-   */
-  mapContainerField(t, r, i) {
-    let s = q(t, r.source);
-    if (!s)
-      return null;
-    r.transform && (s = r.transform(s, t, i)), Array.isArray(s) || (s = [s]), r.filter && (s = s.filter(
-      (n, a) => r.filter(n, a, i)
-    ));
-    const o = s.map((n, a) => {
-      const c = {
-        "@type": r.itemType
-      };
-      for (const [d, p] of Object.entries(r.itemFields)) {
-        const u = p(n, a, i);
-        u !== void 0 && (c[d] = u);
-      }
-      return c;
-    });
-    return {
-      "@type": r.containerType,
-      "ldp:contains": o
-    };
-  }
-  /**
-   * Maps a nested object
-   */
-  mapNestedObject(t, r, i) {
-    const s = q(t, r.source);
-    if (!s)
-      return null;
-    const o = {};
-    r.type && (o["@type"] = r.type);
-    for (const [n, a] of Object.entries(r.fields)) {
-      let c;
-      Array.isArray(a) ? c = q(s, a) : c = this.mapField(s, a, i), c !== void 0 && (o[n] = c);
-    }
-    return Object.keys(o).length > (r.type ? 1 : 0) ? o : null;
-  }
-  /**
-   * Unwraps LDP containers (converts ldp:contains arrays to plain arrays)
-   *
-   * This is typically called by components after mapping to simplify data structure
-   * for rendering.
-   */
-  static unwrapLdpContainers(t) {
-    const r = { ...t };
-    for (const [i, s] of Object.entries(r))
-      s && typeof s == "object" && s["@type"] === "ldp:Container" && s["ldp:contains"] && (r[i] = s["ldp:contains"]);
-    return r;
-  }
-}
-function y(e) {
-  return e["dcat:distribution"]?.[0] || e.properties || e;
-}
-function Vt(e) {
-  const t = y(e);
-  return e["dcat:endpointUrl"] || e["dcat:endpointURL"] || e["http://www.w3.org/ns/dcat#endpointUrl"] || e.endpointUrl || e.endpointURL || // Then check distribution/props level
-  t["http://www.w3.org/ns/dcat#endpointUrl"] || t["dcat:endpointUrl"] || t["dcat:endpointURL"] || t["dcat:accessService"]?.["dcat:endpointURL"] || t.endpointURL || t.endpointUrl || "";
-}
-function We(e) {
-  const t = y(e);
-  return e.contenttype || e.contentType || e["http://www.w3.org/ns/dcat#mediaType"] || e["dcat:mediaType"] || // Then check distribution/props level
-  t.contenttype || t.contentType || t["http://www.w3.org/ns/dcat#mediaType"] || t["dcat:mediaType"] || "";
-}
-const Ke = {
-  baseFields: {
-    "@id": {
-      source: ["@id"],
-      transform: (e, t, r) => {
-        const s = H(e || t.id || "") || e?.split("/").pop() || "unknown", o = r.providerParticipantId ? `${encodeURIComponent(r.providerParticipantId)}/` : "";
-        return `${r.temsServiceBase || "https://api.tems.example.com/services/"}${o}${encodeURIComponent(s)}/`;
-      }
-    },
-    "@type": {
-      source: [],
-      defaultValue: "tems:Service"
-    },
-    name: {
-      source: [],
-      transform: (e, t) => {
-        const r = y(t);
-        return (
-          // Source-level fields (EDC catalog returns these at top level)
-          t.name || t.title || t["dct:title"] || t["dcterms:title"] || // EDC namespace fields at source level
-          t["https://w3id.org/edc/v0.0.1/ns/name"] || t["edc:name"] || // Distribution/props level
-          r["dct:title"] || r["dcterms:title"] || r.title || r["https://w3id.org/edc/v0.0.1/ns/name"] || r["edc:name"] || r.name || // Fall back to ID but extract meaningful part
-          (t["@id"]?.startsWith("urn:uuid:") ? t["@id"] : t["@id"]?.split("/").pop() || t["@id"]) || t.id || ""
-        );
-      }
-    },
-    description: {
-      source: [],
-      transform: (e, t) => {
-        const r = y(t);
-        return (
-          // Source-level fields (EDC catalog returns these at top level)
-          t.description || t["dct:description"] || t["dcterms:description"] || t["https://w3id.org/edc/v0.0.1/ns/description"] || t["edc:description"] || // Distribution/props level
-          r["dct:description"] || r["dcterms:description"] || r.description || r["https://w3id.org/edc/v0.0.1/ns/description"] || r["edc:description"] || ""
-        );
-      }
-    },
-    long_description: {
-      source: [],
-      transform: (e, t) => {
-        const r = y(t), i = Array.isArray(r["dcat:keyword"]) ? r["dcat:keyword"] : r["dcat:keyword"] ? [r["dcat:keyword"]] : [], s = r["dct:description"] || r["dcterms:description"] || r.description || "";
-        return i.length > 0 ? `Keywords: ${i.join(", ")}` : s;
-      }
-    },
-    url: {
-      source: [],
-      transform: (e, t) => Vt(t)
-    },
-    endpointUrl: {
-      source: [],
-      transform: (e, t) => Vt(t)
-    },
-    contentType: {
-      source: [],
-      transform: (e, t) => We(t)
-    },
-    activation_status: {
-      source: [],
-      transform: (e, t) => {
-        const r = y(t);
-        return (r["dcat:endpointURL"] || r["dcat:accessService"]?.["dcat:endpointURL"] || r.endpointURL || "").trim().length > 0;
-      }
-    },
-    is_in_app: {
-      source: [],
-      transform: (e, t) => {
-        const r = y(t);
-        return (r["dcat:endpointURL"] || r["dcat:accessService"]?.["dcat:endpointURL"] || r.endpointURL || "").trim().length > 0;
-      }
-    },
-    is_external: {
-      source: [],
-      transform: (e, t) => {
-        const r = y(t);
-        return (r["dcat:endpointURL"] || r["dcat:accessService"]?.["dcat:endpointURL"] || r.endpointURL || "").trim().length > 0;
-      }
-    },
-    is_api: {
-      source: [],
-      transform: (e, t) => {
-        const r = y(t);
-        return (r["dcat:endpointURL"] || r["dcat:accessService"]?.["dcat:endpointURL"] || r.endpointURL || "").trim().length > 0;
-      }
-    },
-    contact_url: {
-      source: [],
-      transform: (e, t) => {
-        const r = y(t);
-        return r["dcat:endpointDescription"] || r["dct:conformsTo"] || "";
-      }
-    },
-    documentation_url: {
-      source: [],
-      transform: (e, t) => {
-        const r = y(t);
-        return r["dcat:endpointDescription"] || r["dct:conformsTo"] || "";
-      }
-    },
-    creation_date: {
-      source: [],
-      transform: (e, t) => {
-        const r = y(t);
-        return r["dct:issued"] || r["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
-      }
-    },
-    update_date: {
-      source: [],
-      transform: (e, t) => {
-        const r = y(t), i = r["dct:issued"] || r["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
-        return r["dct:modified"] || r["dcterms:modified"] || i;
-      }
-    },
-    release_date: {
-      source: [],
-      transform: (e, t) => {
-        const r = y(t);
-        return r["dct:issued"] || r["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
-      }
-    },
-    last_update: {
-      source: [],
-      transform: (e, t) => {
-        const r = y(t), i = r["dct:issued"] || r["dcterms:issued"] || (/* @__PURE__ */ new Date()).toISOString();
-        return r["dct:modified"] || r["dcterms:modified"] || i;
-      }
-    },
-    activation_date: {
-      source: [],
-      defaultValue: null
-    },
-    licence: {
-      source: [],
-      defaultValue: null
-    },
-    developper: {
-      source: [],
-      defaultValue: null
-    },
-    data_offers: {
-      source: [],
-      defaultValue: []
-    }
-  },
-  containerFields: {
-    categories: {
-      source: [],
-      containerType: "ldp:Container",
-      itemType: "tems:Category",
-      transform: (e, t) => {
-        const i = y(t)["dcat:keyword"];
-        return i ? Array.isArray(i) ? i : [i] : [];
-      },
-      itemFields: {
-        "@id": (e, t, r) => `${r.temsCategoryBase || "https://api.tems.example.com/categories/"}${encodeURIComponent(e)}/`,
-        name: (e) => e
-      }
-    },
-    images: {
-      source: [],
-      containerType: "ldp:Container",
-      itemType: "tems:Image",
-      transform: (e, t) => {
-        const r = y(t), i = [];
-        return r["foaf:thumbnail"]?.["rdf:resource"] && i.push(r["foaf:thumbnail"]["rdf:resource"]), r["dcterms:creator"]?.["foaf:thumbnail"]?.["rdf:resource"] && i.push(
-          r["dcterms:creator"]["foaf:thumbnail"]["rdf:resource"]
-        ), i;
-      },
-      itemFields: {
-        "@id": (e, t, r) => {
-          const i = e.split("/").pop() || `image-${t}`;
-          return `${r.temsImageBase || "https://api.tems.example.com/images/"}${encodeURIComponent(i)}/`;
-        },
-        url: (e) => e,
-        iframe: () => !1,
-        name: (e) => e.split("/").pop() || "image"
-      }
-    }
-  },
-  nestedObjects: {
-    provider: {
-      source: [],
-      type: "tems:Provider",
-      fields: {
-        "@id": {
-          source: [],
-          transform: (e, t, r) => {
-            const i = r.providerParticipantId || r.providerName || "unknown";
-            return `${r.temsProviderBase || "https://api.tems.example.com/providers/"}${encodeURIComponent(i)}/`;
-          }
-        },
-        name: {
-          source: [],
-          transform: (e, t, r) => y(t)["dcterms:creator"]?.["foaf:name"] || r.providerName || ""
-        },
-        image: {
-          source: [],
-          transform: (e, t, r) => {
-            const s = y(t)["dcterms:creator"]?.["foaf:thumbnail"]?.["rdf:resource"];
-            if (!s) return;
-            const o = s.split("/").pop() || "provider-logo";
-            return {
-              // FIXME: Avoid magic strings
-              "@id": `${r.temsImageBase || "https://api.tems.example.com/images/"}${encodeURIComponent(o)}/`,
-              "@type": "tems:Image",
-              iframe: !1,
-              url: s,
-              name: o
-            };
-          }
-        }
-      }
-    }
-  },
-  contractFields: {
-    counterPartyAddress: {
-      source: [],
-      transform: (e, t, r) => r.providerAddress
-    },
-    counterPartyId: {
-      source: [],
-      transform: (e, t, r) => r.providerParticipantId || r.providerName
-    },
-    assetId: {
-      source: ["@id"],
-      transform: (e, t) => H(e || t.id || "")
-    },
-    datasetId: {
-      source: ["@id"],
-      transform: (e, t) => H(e || t.id || "")
-    },
-    // Index endpoint URL for index assets - try multiple property variations
-    // Priority: source-level dcat:endpointUrl (index endpoint) over props-level dcat:endpointURL (protocol URL)
-    indexEndpointUrl: {
-      source: [],
-      transform: (e, t, r) => {
-        const i = y(t);
-        console.log("[DSP Mapping] indexEndpointUrl extraction for:", {
-          assetId: t["@id"] || t.id,
-          assetName: t.name || i.name || i["dct:title"],
-          provider: r.providerName,
-          providerParticipantId: r.providerParticipantId,
-          "source.dcat:endpointUrl": t["dcat:endpointUrl"],
-          "props.dcat:endpointUrl": i["dcat:endpointUrl"],
-          "source.dcat:endpointURL": t["dcat:endpointURL"],
-          "props.dcat:accessService": i["dcat:accessService"]
-        });
-        const s = t["dcat:endpointUrl"] || i["dcat:endpointUrl"] || t["dcat:endpointURL"] || i["dcat:accessService"]?.["dcat:endpointUrl"] || i["dcat:accessService"]?.["dcat:endpointURL"] || i.endpointUrl || i.endpointURL || void 0;
-        return console.log("[DSP Mapping] indexEndpointUrl result:", s), s;
-      }
-    },
-    policy: {
-      source: ["odrl:hasPolicy"],
-      fallback: (e) => e.hasPolicy,
-      transform: (e, t, r) => {
-        if (!e) return;
-        const i = ze(e, t);
-        if (i) {
-          const s = (o) => Array.isArray(o) ? o.map((n) => (n["@id"] && (n["@id"] = H(n["@id"])), n)) : o;
-          i["odrl:permission"] && (i["odrl:permission"] = s(
-            i["odrl:permission"]
-          )), i["odrl:prohibition"] && (i["odrl:prohibition"] = s(
-            i["odrl:prohibition"]
-          )), i["odrl:obligation"] && (i["odrl:obligation"] = s(
-            i["odrl:obligation"]
-          ));
-        }
-        return i;
-      }
-    }
-  },
-  // Post-processing to add provider metadata fields
-  postProcess: (e, t, r) => ({
-    ...e,
-    _provider: r.providerName,
-    _providerAddress: r.providerAddress,
-    _providerColor: r.providerColor || "#1976d2",
-    _providerParticipantId: r.providerParticipantId
-  })
-};
-var Ge = Object.defineProperty, j = (e, t, r, i) => {
-  for (var s = void 0, o = e.length - 1, n; o >= 0; o--)
-    (n = e[o]) && (s = n(t, r, s) || s);
-  return s && Ge(t, r, s), s;
-};
-class P extends $ {
-  constructor() {
-    super(...arguments), this.providers = [];
-  }
-  willUpdate(t) {
-    (!this.providers || this.providers.length === 0) && this.component?.parameters?.providers && (this.providers = this.component.parameters.providers || []);
-  }
-  async _attach(t, r, i) {
-    if (!this.orbit && window.orbit && (this.orbit = window.orbit, r)) {
-      if (ne({
-        component: this,
-        defaultRoute: t,
-        ignoreRouter: i
-      }), this.route && (this.component = this.orbit.getComponentFromRoute(this.route), this.component))
-        for (const o of this.orbit.components)
-          o.uniq === this.component.uniq && (o.instance = this);
-      if (!this.participantConnectorUri) {
-        const o = this.component?.parameters;
-        o?.["participant-connector-uri"] && (this.participantConnectorUri = o["participant-connector-uri"]), o?.["participant-api-key"] && (this.participantApiKey = o["participant-api-key"]), o?.providers && (this.providers = o.providers), o?.["participant-id"] && (this.participantId = o["participant-id"]);
-      }
-      const s = this.component?.parameters;
-      if (s?.["api-gateway-config"]) {
-        this.apiGatewayConfig = s["api-gateway-config"];
-        try {
-          this._apiGatewayConfigParsed = typeof this.apiGatewayConfig == "string" ? JSON.parse(this.apiGatewayConfig) : this.apiGatewayConfig;
-        } catch {
-          this._apiGatewayConfigParsed = null;
-        }
-      }
-      if (!this.storeService && this.participantConnectorUri)
-        try {
-          const o = `dsp-connector-${this.component.uniq}`, n = {
-            type: me.DataspaceConnector,
-            endpoint: this.participantConnectorUri,
-            catalogEndpoint: `${this.participantConnectorUri}/management/v3/catalog/request`,
-            contractNegotiationEndpoint: `${this.participantConnectorUri}/management/v3/contractnegotiations`,
-            transferProcessEndpoint: `${this.participantConnectorUri}/management/v3/transferprocesses`,
-            edrsEndpoint: `${this.participantConnectorUri}/management/v3/edrs`,
-            authMethod: "dsp-api-key",
-            dspApiKey: this.participantApiKey || "password",
-            participantId: this.participantId || "stbx-consumer",
-            retryAttempts: 10,
-            timeout: 3e4,
-            // Include API Gateway configuration ONLY if available
-            ...this._apiGatewayConfigParsed && {
-              apiGatewayConfig: this._apiGatewayConfigParsed
-            }
-          };
-          this.storeService = ge.addStore(o, n), this.dspStoreService = this.storeService, window.dspStore || (window.dspStore = this.storeService);
-        } catch (o) {
-          console.error("DSP Store initialization error:", o);
-        }
-      return await this._afterAttach(), this.ready = !0, this.dispatchEvent(
-        new CustomEvent("component-ready", {
-          detail: {
-            component: this.component
-          }
-        })
-      ), Promise.resolve(!0);
-    }
-    return Promise.resolve(!1);
-  }
-  /**
-   * Fetch catalog from multiple DSP providers
-   */
-  async fetchFederatedCatalog() {
-    if (!this.storeService || !this.providers || this.providers.length === 0)
-      return console.warn("DSP store or providers not configured"), [];
-    try {
-      const t = "https://api.tems.example.com/services/", r = new Ve(Ke), i = this.providers.map(async (n) => {
-        try {
-          const a = await this.storeService.getCatalog(n.address);
-          if (a?.["dcat:dataset"]) {
-            const c = a["dcat:dataset"], d = Array.isArray(c) ? c : [c], p = a.participantId || a["edc:participantId"] || a["https://w3id.org/edc/v0.0.1/ns/participantId"], u = n.participantId || p;
-            return d.map((g) => {
-              const w = {
-                temsServiceBase: t,
-                temsCategoryBase: t.replace(
-                  "/services/",
-                  "/providers/categories/"
-                ),
-                temsImageBase: t.replace(
-                  "/services/",
-                  "/objects/images/"
-                ),
-                temsProviderBase: t.replace("/services/", "/providers/"),
-                // Provider context for mapping - use config's participantId as authoritative
-                providerName: n.name,
-                providerAddress: n.address,
-                providerColor: n.color,
-                providerParticipantId: u
-              };
-              return r.map(g, w);
-            });
-          }
-          return [];
-        } catch {
-          return [];
-        }
-      });
-      return (await Promise.all(i)).flat();
-    } catch {
-      return [];
-    }
-  }
-  /**
-   * Get current DataspaceConnectorStore instance
-   */
-  getStoreService() {
-    return this.storeService;
-  }
-}
-j([
-  v({ attribute: "participant-connector-uri", reflect: !0 })
-], P.prototype, "participantConnectorUri");
-j([
-  v({ attribute: "participant-id", reflect: !0 })
-], P.prototype, "participantId");
-j([
-  v({ attribute: "participant-api-key", reflect: !0 })
-], P.prototype, "participantApiKey");
-j([
-  v({ attribute: "api-gateway-config", reflect: !0 })
-], P.prototype, "apiGatewayConfig");
-j([
-  m()
-], P.prototype, "storeService");
-j([
-  m()
-], P.prototype, "dspStoreService");
-j([
-  m()
-], P.prototype, "_apiGatewayConfigParsed");
-j([
-  v({ type: Array })
-], P.prototype, "providers");
-const oe = (e, { keywords: t = [], attributes: r = ["dataSrc"] } = {}) => {
-  const i = () => {
-    if (!t.length || !r.length) return;
-    e.caching === void 0 && (e.caching = 0), e.hasCachedDatas === void 0 && (e.hasCachedDatas = !1);
-    let s = !1;
-    const o = new Set(t);
-    e.cacheListener = (n) => {
-      const a = n.detail.id || n.detail.resource?.["@id"];
-      if (!a || !Array.from(o).some((p) => {
-        const u = a.indexOf(p);
-        return u !== -1 && (u === 0 || a[u - 1] === "/");
-      })) return;
-      let d = !1;
-      for (const p of r)
-        e[p] && a !== e[p] && (window.sibStore.clearCache(e[p]), d = !0);
-      d && (e.caching++, e.hasCachedDatas = !1, s || (s = !0, requestAnimationFrame(() => {
-        e.requestUpdate(), s = !1;
-      })));
-    }, e._subscriptions.add(["save", e.cacheListener]), e._subscribe();
-  };
-  if (document.readyState !== "complete") {
-    const s = () => {
-      document.readyState === "complete" && (document.removeEventListener("readystatechange", s), i());
-    };
-    document.addEventListener("readystatechange", s);
-  } else
-    i();
-};
-function Je() {
-  return `${Date.now()}-${Math.random().toString(16).slice(2)}`;
-}
-const ne = ({
-  component: e,
-  defaultRoute: t = !1,
-  ignoreRouter: r = !1
-}) => {
-  if (e.uniq || (e.uniq = Je(), t && !e.route && !r && (e.route = t)), e._subscriptions = /* @__PURE__ */ new Set(), !r) {
-    e.route || (e.route = e.uniq, window.orbit && (e.route = window.orbit.getRoute(e.uniq))), e.noRouter = !0;
-    let i = document.querySelector("solid-router");
-    const s = window.sibRouter.currentResource;
-    for (; i; ) {
-      e.noRouter = !1, e.currentRoute = i.currentRouteName, e.currentResource = s;
-      const o = `[data-view="${i.currentRouteName}"] solid-router`;
-      i = document.querySelector(o);
-    }
-    e.navigationListener = () => {
-      let o = document.querySelector("solid-router");
-      const n = window.sibRouter.currentResource;
-      for (; o; ) {
-        e.noRouter = !1, e.currentRoute = o.currentRouteName, e.currentResource = n;
-        const a = `[data-view="${o.currentRouteName}"] solid-router`;
-        o = document.querySelector(a);
-      }
-      e.requestUpdate();
-    }, e._subscriptions.add(["navigate", e.navigationListener]);
-  }
-  e._subscribe = () => {
-    e._unsubscribe();
-    for (const i of e._subscriptions)
-      document.addEventListener(i[0], i[1]);
-  }, e._unsubscribe = () => {
-    for (const i of e._subscriptions)
-      document.removeEventListener(i[0], i[1]);
-  }, e._subscribe();
-};
-function Wt(e) {
-  return !Number.isNaN(new Date(e).getTime());
-}
-const bt = (e, t, r) => {
-  if (e == null)
-    return !1;
-  const i = t.split(".");
-  let s = e;
-  for (const o of i)
-    if (s && typeof s == "object" && o in s)
-      s = s[o];
-    else
-      return !1;
-  if (Wt(s)) {
-    if (new Date(s) > r)
-      return !0;
-  } else
-    return !1;
-  return Array.isArray(e) ? e.some(
-    (o) => bt(o, t, r)
-  ) : typeof e == "object" ? Object.entries(e).some(([o, n]) => o === t && Wt(n) ? !1 : bt(n, t, r)) : !1;
-}, Ze = (e, t, r) => {
-  if (!t || !r || typeof r != "string")
-    return e;
-  const i = new Date(r);
-  return Number.isNaN(i.getTime()) ? (console.warn(`Invalid threshold date provided: ${r}`), e) : e.filter(
-    (s) => bt(s, t, i)
-  );
-};
-function Xe(e) {
-  return typeof e != "string" && typeof e != "number" && !(e instanceof Date) ? !1 : !Number.isNaN(new Date(e).getTime());
-}
-const $t = (e, t, r, i) => {
-  if (e == null)
-    return !1;
-  const s = t.split(".");
-  let o = e;
-  for (const n of s)
-    if (o && typeof o == "object" && n in o)
-      o = o[n];
-    else
-      return !1;
-  if (typeof o == "number") {
-    if (typeof r == "number" && typeof i == "number" && r <= o && o <= i)
-      return !0;
-  } else if (Xe(o)) {
-    const n = new Date(o);
-    if (r instanceof Date && i instanceof Date && r <= n && n <= i)
-      return !0;
-  } else
-    return !1;
-  return Array.isArray(e) ? e.some(
-    (n) => $t(n, t, r, i)
-  ) : typeof e == "object" ? Object.entries(e).some(
-    ([n, a]) => $t(a, t, r, i)
-  ) : !1;
-}, Qe = (e, t, r) => {
-  if (!t || !r)
-    return e;
-  const i = t.split(".");
-  return e.filter((s) => {
-    let o = s;
-    for (const a of i)
-      if (o && typeof o == "object" && a in o)
-        o = o[a];
-      else
-        return !1;
-    const n = o;
-    return n ? typeof n == "object" && !Array.isArray(n) && n !== null && "@id" in n && n["@id"] === r ? !0 : Array.isArray(n) ? n.some(
-      (a) => typeof a == "object" && a !== null && "@id" in a && a["@id"] === r
-    ) : !1 : !1;
-  });
-}, Ye = (e, t, r) => {
-  if (!t || !r || typeof r != "string")
-    return e;
-  const [i, s] = r.split("/").map(Number);
-  return Number.isNaN(i) || Number.isNaN(s) ? e : i > s ? (console.warn(`Start number is after end number in interval: ${r}`), e) : e.filter(
-    (o) => $t(o, t, i, s)
-  );
-}, _t = (e, t, r) => {
-  if (e == null)
-    return 0;
-  if (typeof e != "object") {
-    const s = String(e).toLowerCase(), o = t.replace(
-      /[.*+?^${}()|[\]\\]/g,
-      "\\$&"
-    ), n = new RegExp(`\\b${o}\\b`);
-    let a = 0;
-    return n.test(s) ? a = 2 : s.includes(t) && (a = 1), a;
-  }
-  if (Array.isArray(e)) {
-    let s = 0;
-    for (const o of e)
-      if (s = Math.max(
-        s,
-        _t(
-          o,
-          t
-        )
-      ), s === 2) break;
-    return s;
-  }
-  let i = 0;
-  for (const s of Object.values(e))
-    if (i = Math.max(
-      i,
-      _t(
-        s,
-        t
-      )
-    ), i === 2) break;
-  return i;
-}, tr = (e, t, r) => {
-  if (!t || !r || r.trim() === "")
-    return e;
-  const i = r.toLowerCase(), s = t.split(".");
-  return e.map((o) => {
-    let n = o;
-    for (const c of s)
-      if (n && typeof n == "object" && c in n)
-        n = n[c];
-      else {
-        n = null;
-        break;
-      }
-    let a = 0;
-    return n && (a = _t(
-      n,
-      i
-    )), { obj: o, score: a };
-  }).filter((o) => o.score > 0).sort((o, n) => n.score - o.score).map((o) => o.obj);
-}, er = (e, t) => t ? e.filter((r) => {
-  const i = r["@type"];
-  return i ? typeof i == "string" ? i === t : Array.isArray(i) ? i.some((s) => s === t) : !1 : !1;
-}) : e, wt = (e, t, r) => {
-  if (e == null)
-    return 0;
-  if (typeof e != "object") {
-    const s = String(e).toLowerCase(), o = t.replace(
-      /[.*+?^${}()|[\]\\]/g,
-      "\\$&"
-    ), n = new RegExp(`\\b${o}\\b`);
-    let a = 0;
-    return n.test(s) ? r === "name" || r === "title" ? a = 4 : a = 3 : s.includes(t) && (r === "name" || r === "title" ? a = 2 : a = 1), a;
-  }
-  if (Array.isArray(e)) {
-    let s = 0;
-    for (const o of e)
-      if (s = Math.max(
-        s,
-        wt(o, t)
-      ), s === 4) break;
-    return s;
-  }
-  let i = 0;
-  for (const [s, o] of Object.entries(e))
-    if (i = Math.max(
-      i,
-      wt(o, t, s)
-    ), i === 4) break;
-  return i;
-}, ae = (e, t) => {
-  if (!t || t.trim() === "")
-    return e;
-  const r = t.toLowerCase();
-  return e.map((i) => ({
-    obj: i,
-    score: wt(i, r)
-  })).filter((i) => i.score > 0).sort((i, s) => s.score - i.score).map((i) => i.obj);
-}, D = (e, t) => {
-  let r = e;
-  for (const i of t)
-    if (r && i in r)
-      r = r[i];
-    else
-      return;
-  return r;
-}, S = (e, t, r = "asc") => {
-  const i = Array.isArray(t) ? t : [t], s = r !== "asc", o = [...e], a = (() => {
-    const c = D(o[0], i);
-    if (typeof c == "number")
-      return (d, p) => {
-        const u = D(d, i), g = D(p, i);
-        return u == null ? g == null ? 0 : 1 : g == null ? -1 : u - g;
-      };
-    if (typeof c == "string")
-      return (d, p) => {
-        const u = D(d, i), g = D(p, i);
-        return u == null ? g == null ? 0 : 1 : g == null ? -1 : u.localeCompare(g);
-      };
-    if (c instanceof Date)
-      return (d, p) => {
-        const u = D(d, i), g = D(p, i);
-        return u == null ? g == null ? 0 : 1 : g == null ? -1 : u.getTime() - g.getTime();
-      };
-    throw new TypeError(`Unsupported data type for key "${t}"`);
-  })();
-  return o.sort((c, d) => {
-    const p = a(c, d);
-    return s ? -p : p;
-  }), o;
-}, Kt = /* @__PURE__ */ new Map(), rr = (e) => {
-  const t = JSON.stringify(e);
-  let r = Kt.get(t);
-  return r || (r = new Intl.DateTimeFormat(void 0, e), Kt.set(t, r)), r;
-}, I = (e, t = {
-  day: "2-digit",
-  month: "2-digit",
-  year: "2-digit"
-}) => {
-  if (!e) return "";
-  const r = typeof e == "string" ? new Date(e) : e, s = rr(t).format(r);
-  return typeof e == "string" && s === "Invalid Date" ? e : s;
-}, L = (e, t = !1) => {
-  window.dispatchEvent(
-    new CustomEvent("requestNavigation", {
-      detail: {
-        route: e,
-        resource: typeof t == "string" ? { "@id": t } : t
-      }
-    })
-  );
-}, sr = "https://cdn.startinblox.com/owl/ds4go.jsonld#", ir = { "@id": "ds4go:link", "@type": "@id" }, or = { "@id": "ds4go:enclosure", "@type": "@id" }, nr = { "@id": "ds4go:url", "@type": "@id" }, Gt = {
-  ds4go: sr,
-  link: ir,
-  enclosure: or,
-  url: nr
-};
-const At = "lit-localize-status";
-const ar = (e, ...t) => ({
-  strTag: !0,
-  strings: e,
-  values: t
-}), R = ar, cr = (e) => typeof e != "string" && "strTag" in e, ce = (e, t, r) => {
-  let i = e[0];
-  for (let s = 1; s < e.length; s++)
-    i += t[r ? r[s - 1] : s - 1], i += e[s];
-  return i;
-};
-const le = ((e) => cr(e) ? ce(e.strings, e.values) : e);
-let h = le, Jt = !1;
-function lr(e) {
-  if (Jt)
-    throw new Error("lit-localize can only be configured once");
-  h = e, Jt = !0;
-}
-class dr {
-  constructor(t) {
-    this.__litLocalizeEventHandler = (r) => {
-      r.detail.status === "ready" && this.host.requestUpdate();
-    }, this.host = t;
-  }
-  hostConnected() {
-    window.addEventListener(At, this.__litLocalizeEventHandler);
-  }
-  hostDisconnected() {
-    window.removeEventListener(At, this.__litLocalizeEventHandler);
-  }
-}
-const ur = (e) => e.addController(new dr(e)), hr = ur;
-const pr = () => (e, t) => (e.addInitializer(hr), e);
-class de {
-  constructor() {
-    this.settled = !1, this.promise = new Promise((t, r) => {
-      this._resolve = t, this._reject = r;
-    });
-  }
-  resolve(t) {
-    this.settled = !0, this._resolve(t);
-  }
-  reject(t) {
-    this.settled = !0, this._reject(t);
-  }
-}
-const C = [];
-for (let e = 0; e < 256; e++)
-  C[e] = (e >> 4 & 15).toString(16) + (e & 15).toString(16);
-function fr(e) {
-  let t = 0, r = 8997, i = 0, s = 33826, o = 0, n = 40164, a = 0, c = 52210;
-  for (let d = 0; d < e.length; d++)
-    r ^= e.charCodeAt(d), t = r * 435, i = s * 435, o = n * 435, a = c * 435, o += r << 8, a += s << 8, i += t >>> 16, r = t & 65535, o += i >>> 16, s = i & 65535, c = a + (o >>> 16) & 65535, n = o & 65535;
-  return C[c >> 8] + C[c & 255] + C[n >> 8] + C[n & 255] + C[s >> 8] + C[s & 255] + C[r >> 8] + C[r & 255];
-}
-const mr = "", gr = "h", yr = "s";
-function vr(e, t) {
-  return (t ? gr : yr) + fr(typeof e == "string" ? e : e.join(mr));
-}
-const Zt = /* @__PURE__ */ new WeakMap(), Xt = /* @__PURE__ */ new Map();
-function br(e, t, r) {
-  if (e) {
-    const i = r?.id ?? $r(t), s = e[i];
-    if (s) {
-      if (typeof s == "string")
-        return s;
-      if ("strTag" in s)
-        return ce(
-          s.strings,
-          // Cast `template` because its type wasn't automatically narrowed (but
-          // we know it must be the same type as `localized`).
-          t.values,
-          s.values
-        );
-      {
-        let o = Zt.get(s);
-        return o === void 0 && (o = s.values, Zt.set(s, o)), {
-          ...s,
-          values: o.map((n) => t.values[n])
-        };
-      }
-    }
-  }
-  return le(t);
-}
-function $r(e) {
-  const t = typeof e == "string" ? e : e.strings;
-  let r = Xt.get(t);
-  return r === void 0 && (r = vr(t, typeof e != "string" && !("strTag" in e)), Xt.set(t, r)), r;
-}
-function yt(e) {
-  window.dispatchEvent(new CustomEvent(At, { detail: e }));
-}
-let lt = "", vt, ue, dt, Ct, he, O = new de();
-O.resolve();
-let ot = 0;
-const _r = (e) => (lr(((t, r) => br(he, t, r))), lt = ue = e.sourceLocale, dt = new Set(e.targetLocales), dt.add(e.sourceLocale), Ct = e.loadLocale, { getLocale: wr, setLocale: Ar }), wr = () => lt, Ar = (e) => {
-  if (e === (vt ?? lt))
-    return O.promise;
-  if (!dt || !Ct)
-    throw new Error("Internal error");
-  if (!dt.has(e))
-    throw new Error("Invalid locale code");
-  ot++;
-  const t = ot;
-  return vt = e, O.settled && (O = new de()), yt({ status: "loading", loadingLocale: e }), (e === ue ? (
-    // We could switch to the source locale synchronously, but we prefer to
-    // queue it on a microtask so that switching locales is consistently
-    // asynchronous.
-    Promise.resolve({ templates: void 0 })
-  ) : Ct(e)).then((i) => {
-    ot === t && (lt = e, vt = void 0, he = i.templates, yt({ status: "ready", readyLocale: e }), O.resolve());
-  }, (i) => {
-    ot === t && (yt({
-      status: "error",
-      errorLocale: e,
-      errorMessage: i.toString()
-    }), O.reject(i));
-  }), O.promise;
-};
-var Cr = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, Dt = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Sr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
-    (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
-  return i && s && Cr(t, r, s), s;
-};
-let Q = class extends kt {
-  constructor() {
-    super(...arguments), this.search = [], this._displayObjects = [];
-  }
-  filter(e, t = []) {
-    if (!t || t.length === 0 || !e || e.length === 0)
-      return e;
-    const r = /* @__PURE__ */ new Map();
-    for (const s of t) {
-      const o = s.name, n = r.get(o) || [];
-      n.push(s), r.set(o, n);
-    }
-    let i = [...e];
-    for (const s of r.values()) {
-      if (i.length === 0)
-        break;
-      const o = [];
-      for (const n of s)
-        switch (n.type) {
-          case "interval":
-            o.push(
-              Ye(
-                i,
-                n.name,
-                n.value
-              )
-            );
-            break;
-          case "dateAfter":
-            o.push(
-              Ze(
-                i,
-                n.name,
-                n.value
-              )
-            );
-            break;
-          case "matchId":
-            o.push(
-              Qe(
-                i,
-                n.name,
-                n.value
-              )
-            );
-            break;
-          case "matchType":
-            o.push(
-              er(i, n.value)
-            );
-            break;
-          case "exact":
-            o.push(
-              tr(
-                i,
-                n.name,
-                n.value
-              )
-            );
-            break;
-          default:
-            o.push(
-              ae(i, n.value)
-            );
-        }
-      i = [...o.flat()];
-    }
-    return i;
-  }
-  _handleClickEvent(e) {
-    this.dispatchEvent(new CustomEvent("clicked", { detail: e }));
-  }
-  willUpdate(e) {
-    (e.has("objects") || e.has("search")) && (this.objects ? this._displayObjects = this.filter(this.objects, this.search) : this._displayObjects = [], this.dispatchEvent(
-      new CustomEvent("result-count", {
-        detail: this._displayObjects.length
-      })
-    ));
-  }
-  render() {
-    return !this._displayObjects || this._displayObjects.length === 0 ? l : f`<div class="card-grid card-grid-vertical">
-      ${this._displayObjects.map((e) => {
-      const t = [
-        {
-          name: `${e.facts.length} ${e.facts.length > 1 ? h("facts") : h("fact")}`,
-          type: "information"
-        }
-      ];
-      return f`<tems-card-catalog
-          .object=${l}
-          type=${"bill-image"}
-          .tags=${t}
-          .header=${e.name || l}
-          .content=${e.description || l}
-          date=${e.updated_at || l}
-          @click=${() => this._handleClickEvent(e)}
-        ></tems-card-catalog>`;
-    })}
-    </div>`;
-  }
-};
-Q.styles = tt`
-    .card-grid {
-      display: flex;
-      flex-direction: row;
-      flex-wrap: wrap;
-      gap: 20px;
-    }
-    .card-grid-vertical {
-      justify-content: stretch;
-    }
-    .card-grid-vertical tems-card-catalog {
-      width: 354px;
-      height: auto;
-    }
-    tems-card-catalog {
-      cursor: pointer;
-    }
-  `;
-Dt([
-  m()
-], Q.prototype, "search", 2);
-Dt([
-  m()
-], Q.prototype, "_displayObjects", 2);
-Q = Dt([
-  M("ds4go-fact-bundle-holder")
-], Q);
-const xr = ".flex{display:flex}.flex.flex-row{flex-direction:row}.flex.flex-column{flex-direction:column}.flex.wrap{flex-wrap:wrap}.flex.flex-1{flex:1}.flex .half,.flex.half{flex-basis:50%}.flex.justify-content-center{justify-content:center}.flex.justify-content-space-between{justify-content:space-between}.flex.align-items-center{align-items:center}.flex.align-items-flex-start{align-items:flex-start}.flex .align-items-flex-end{align-items:flex-end}.full-width{width:100%}.modal{background-color:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-lg);color:var(--color-text-body);display:flex;flex-direction:column;font-family:var(--font-family-body);font-size:var(--typography-size-body-md);font-style:normal;font-weight:var(--font-weight-regular);gap:var(--scale-600);height:90vh;letter-spacing:var(--font-letter-spacing-default);line-height:var(--line-height-body-md);padding:var(--scale-600) var(--scale-900);width:90vw}.modal .topbar{display:flex;flex-direction:row;gap:var(--scale-400);width:100%}.modal .topbar tems-button:nth-child(2){margin-left:auto}.modal .modal-content-wrapper{display:flex;flex:1;flex-direction:column;overflow:hidden}.modal .modal-content-wrapper .modal-box{display:flex;flex:1;overflow-x:hidden;overflow-y:scroll}.modal .modal-content-wrapper .modal-content{display:flex;flex-direction:column;gap:var(--scale-400);height:fit-content;width:100%}.modal .modal-content-wrapper tems-division{width:fit-content}.modal .modal-content-wrapper tems-division div{display:block;height:auto;overflow:hidden;text-overflow:ellipsis}.modal .modal-content-wrapper .card-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}.modal .modal-content-wrapper .card-grid-vertical{justify-content:stretch}.modal .modal-content-wrapper .card-grid-vertical tems-card-catalog{height:auto;width:354px}@media screen and (min-width:1100px){div.modal{height:fit-content;max-height:80vw;max-width:80vw;width:fit-content}}";
-var Pr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, pe = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Er(t, r) : t, o = e.length - 1, n; o >= 0; o--)
-    (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
-  return i && s && Pr(t, r, s), s;
-};
-let ut = class extends Fe {
-  constructor() {
-    super(...arguments), this.object = { "@id": "" };
-  }
-  _closeModal() {
-    this.dispatchEvent(new CustomEvent("close"));
-  }
-  render() {
-    return f`<div class="modal">
-      <div class="topbar">
-        <tems-button
-          @click=${this._closeModal}
-          type="outline-gray"
-          .iconLeft=${f`<icon-material-symbols-close-rounded></icon-material-symbols-close-rounded>`}
-        ></tems-button>
-      </div>
-      <div class="modal-content-wrapper">
-        <div class="modal-box">
-          <div class="modal-content">
-            <tems-division type="h3"
-              ><div>${String(this.object.name || "")}</div></tems-division
-            >
-            <tems-division type="body-m"
-              ><div>${String(this.object.description || "")}</div></tems-division
-            >
-            <tems-division type="h4"
-              ><div>${h("All facts in this bundle")}</div></tems-division
-            >
-            <div class="card-grid card-grid-vertical">
-              ${this.object.facts.map((e) => {
-      const t = e.categories.map((r) => ({
-        name: r.name,
-        type: "information"
-      }));
-      if (t.length > 3) {
-        const r = t.length - 3;
-        t.splice(3, r), t.push({
-          name: `+${r} ${h("more")}`,
-          type: "information"
-        });
-      }
-      return f`<tems-card-catalog
-                  .object=${l}
-                  .tags=${t}
-                  .header=${e.name || l}
-                  .content=${e.description || l}
-                  date=${e.updated_at || l}
-                ></tems-card-catalog>`;
-    })}
-            </div>
-            <tems-division type="body-sm"
-              ><div>
-                <div>
-                  ${h("Bundle created on")} ${String(this.object.created_at)}
-                </div>
-                <div>
-                  ${h("Bundle updated on")} ${String(this.object.updated_at)}
-                </div>
-              </div></tems-division
-            >
-          </div>
-        </div>
-      </div>
-    </div>`;
-  }
-};
-ut.styles = tt`
-    ${Et(xr)}
-  `;
-pe([
-  v({ attribute: !1, type: Object })
-], ut.prototype, "object", 2);
-ut = pe([
-  M("ds4go-fact-bundle-modal"),
-  pr()
-], ut);
-const Rr = /* @__PURE__ */ Symbol();
-class rt {
-  get taskComplete() {
-    return this.t || (this.i === 1 ? this.t = new Promise(((t, r) => {
-      this.o = t, this.h = r;
-    })) : this.i === 3 ? this.t = Promise.reject(this.l) : this.t = Promise.resolve(this.u)), this.t;
-  }
-  constructor(t, r, i) {
-    this.p = 0, this.i = 0, (this._ = t).addController(this);
-    const s = typeof r == "object" ? r : { task: r, args: i };
-    this.v = s.task, this.j = s.args, this.m = s.argsEqual ?? jr, this.k = s.onComplete, this.A = s.onError, this.autoRun = s.autoRun ?? !0, "initialValue" in s && (this.u = s.initialValue, this.i = 2, this.O = this.T?.());
-  }
-  hostUpdate() {
-    this.autoRun === !0 && this.S();
-  }
-  hostUpdated() {
-    this.autoRun === "afterUpdate" && this.S();
-  }
-  T() {
-    if (this.j === void 0) return;
-    const t = this.j();
-    if (!Array.isArray(t)) throw Error("The args function must return an array");
-    return t;
-  }
-  async S() {
-    const t = this.T(), r = this.O;
-    this.O = t, t === r || t === void 0 || r !== void 0 && this.m(r, t) || await this.run(t);
-  }
-  async run(t) {
-    let r, i;
-    t ??= this.T(), this.O = t, this.i === 1 ? this.q?.abort() : (this.t = void 0, this.o = void 0, this.h = void 0), this.i = 1, this.autoRun === "afterUpdate" ? queueMicrotask((() => this._.requestUpdate())) : this._.requestUpdate();
-    const s = ++this.p;
-    this.q = new AbortController();
-    let o = !1;
-    try {
-      r = await this.v(t, { signal: this.q.signal });
-    } catch (n) {
-      o = !0, i = n;
-    }
-    if (this.p === s) {
-      if (r === Rr) this.i = 0;
-      else {
-        if (o === !1) {
-          try {
-            this.k?.(r);
-          } catch {
-          }
-          this.i = 2, this.o?.(r);
-        } else {
-          try {
-            this.A?.(i);
-          } catch {
-          }
-          this.i = 3, this.h?.(i);
-        }
-        this.u = r, this.l = i;
-      }
-      this._.requestUpdate();
-    }
-  }
-  abort(t) {
-    this.i === 1 && this.q?.abort(t);
-  }
-  get value() {
-    return this.u;
-  }
-  get error() {
-    return this.l;
-  }
-  get status() {
-    return this.i;
-  }
-  render(t) {
-    switch (this.i) {
-      case 0:
-        return t.initial?.();
-      case 1:
-        return t.pending?.();
-      case 2:
-        return t.complete?.(this.value);
-      case 3:
-        return t.error?.(this.error);
-      default:
-        throw Error("Unexpected status: " + this.i);
-    }
-  }
-}
-const jr = (e, t) => e === t || e.length === t.length && e.every(((r, i) => !pt(r, t[i])));
-!window.orbit && !"/".includes("cypress") && await new Promise((e) => {
-  document.addEventListener("orbit-ready", () => {
-    e(!0);
-  });
-});
-var Ur = Object.getOwnPropertyDescriptor, kr = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ur(t, r) : t, o = e.length - 1, n; o >= 0; o--)
-    (n = e[o]) && (s = n(s) || s);
-  return s;
-};
-let St = class extends $ {
-  constructor() {
-    super(...arguments), this.cherryPickedProperties = [{ key: "name", value: "name" }], this._getResource = new rt(this, {
-      task: async ([e]) => {
-        if (!(!e || !this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute))) {
-          if (!this.hasCachedDatas || this.oldDataSrc !== e) {
-            if (!e) return;
-            this.datas = await this._getProxyValue(e), this.hasCachedDatas = !0;
-          }
-          return this.oldDataSrc !== e && (this.oldDataSrc = e), S(this.datas, "name", "asc");
-        }
-      },
-      args: () => [this.dataSrc, this.caching, this.currentRoute]
-    });
-  }
-  async _afterAttach() {
-    return oe(this, {
-      keywords: ["some-keyword", "for-invalidating", "cache"]
-    }), Promise.resolve();
-  }
-  render() {
-    return this.gatekeeper() || this._getResource.render({
-      pending: () => f`<solid-loader></solid-loader>`,
-      complete: (e) => e ? f`<div>
-            <sample-objects .objects=${e}></sample-objects>
-          </div>` : l
-    });
-  }
-};
-St.styles = tt`
-    div {
-      background-color: red;
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-    }
-  `;
-St = kr([
-  M("solid-boilerplate")
-], St);
-var Dr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, U = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Or(t, r) : t, o = e.length - 1, n; o >= 0; o--)
-    (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
-  return i && s && Dr(t, r, s), s;
-};
-let A = class extends $ {
-  constructor() {
-    super(...arguments), this.search = [], this.resultCount = this.objects?.length || 0, this.cherryPickedProperties = [
-      { key: "dct:title", value: "title" },
-      { key: "dct:description", value: "description" },
-      { key: "dcat:dataset", value: "dataset", expand: !0 },
-      { key: "dct:creator", value: "creator" }
-    ], this.sectors = [], this._getResource = new rt(this, {
-      task: async ([e, t, r]) => {
-        if (!(!e || !this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute))) {
-          if (this.displayFiltering = !this.component.parameters.disableFiltering, !this.hasCachedDatas) {
-            if (!e) return;
-            this.sectors = [];
-            try {
-              const i = await fetch(e);
-              this.sectors = await i.json(), this.hasCachedDatas = !0;
-            } catch (i) {
-              console.warn(`Failed to fetch sector authority ${e}`, i);
-              return;
-            }
-          }
-          if (t) {
-            this.catalogs = [];
-            const i = t === "*" ? this.sectors : this.sectors.filter((s) => s.id === t);
-            if (i.length > 0 && (this.catalogs = (await Promise.all(
-              i.map(async (s) => {
-                try {
-                  return (await (await fetch(
-                    `${s.federatedCatalogEndpoint}/discovery`
-                  )).json()).catalogs;
-                } catch (o) {
-                  return console.warn(
-                    `Failed to fetch sector authority ${s.federatedCatalogEndpoint}/discovery`,
-                    o
-                  ), [];
-                }
-              })
-            )).flat()), r) {
-              if (r === "*")
-                return this.object = {
-                  "@id": "urn:uuid:all-catalogs",
-                  "dct:title": h("All Catalogs"),
-                  "dct:description": "",
-                  "dcat:dataset": (await Promise.all(
-                    this.catalogs.map(async (o) => {
-                      try {
-                        return (await (await fetch(o.endpoints.catalog)).json())["dcat:dataset"];
-                      } catch (n) {
-                        return console.warn(
-                          `Failed to fetch catalog from ${o.endpoints.catalog}`,
-                          n
-                        ), [];
-                      }
-                    })
-                  )).flat()
-                }, this.object;
-              const s = this.catalogs.find(
-                (o) => o.catalogId === r
-              );
-              if (s)
-                try {
-                  return this.object = await (await fetch(s.endpoints.catalog)).json(), this.object["dcat:dataset"] = S(
-                    this.object["dcat:dataset"],
-                    "dct:title",
-                    "asc"
-                  ), this.object;
-                } catch (o) {
-                  console.warn(
-                    `Failed to fetch catalog from ${s.endpoints.catalog}`,
-                    o
-                  );
-                  return;
-                }
-            }
-            return S(this.catalogs, "catalogId", "asc");
-          }
-          return S(this.sectors, "id", "asc");
-        }
-      },
-      args: () => [
-        this.dataSrc,
-        this.sectorId,
-        this.catalogId,
-        this.caching,
-        this.currentRoute
-      ]
-    });
-  }
-  async _afterAttach() {
-    return this.menuComponent = document.querySelector(
-      `[uniq="${this.orbit?.getComponent("menu")?.uniq}"]`
-    ), Promise.resolve();
-  }
-  _search(e) {
-    e.preventDefault(), this.search = e.detail, this.filterCount = this.search.filter((t) => t.name !== "search").length;
-  }
-  _resultCountUpdate(e) {
-    this.resultCount = e.detail ?? 0;
-  }
-  _back() {
-    this.catalogId ? this.catalogId = "" : this.sectorId && (this.sectorId = "");
-  }
-  _selectSector(e) {
-    this.sectors.find((t) => t.id === e) ? this.sectorId = e : this.sectorId = "";
-  }
-  _selectCatalog(e) {
-    this.catalogs?.find((t) => t.catalogId === e) ? this.catalogId = e : this.catalogId = "";
-  }
-  render() {
-    return this.gatekeeper() || this._getResource.render({
-      pending: () => f`<solid-loader></solid-loader>`,
-      error: (e) => (console.warn("[solid-dsif-explorer-poc] Task error:", e), l),
-      complete: (e) => f`<tems-viewport>
-            <tems-header
-              slot="header"
-              heading=${this.catalogId ? e ? this.catalogId === "*" ? `${h("All Datasets")}` : `${h("Datasets from")}
-                  ${e["dct:title"]} (From ${this.sectorId})` : `${h(R`Error while loading catalog ${this.catalogId}`)}` : this.sectorId ? this.sectorId === "*" ? `${h("All Sectors")}` : `${h("Catalogs available in")} ${this.sectorId}` : `${h("Root Authority")}`}
-              >${(this.sectorId || this.catalogId) && !(this.catalogId === "*" && this.sectorId === "*") && !(this.sectorId === "*" && !this.catalogId) ? f`<div slot="cta">
-                    <tems-button
-                      type="primary"
-                      label=${h(
-        R`Back to ${this.catalogId ? this.sectorId : "Root Authority"}`
-      )}
-                      @click=${this._back}
-                    ></tems-button>
-                  </div>` : l}</tems-header
-            >
-            <div slot="content">
-              ${e ? f`<div>
-                    ${this.catalogId ? f`<tems-division type="body-m"
-                          >${e["dct:description"]}</tems-division
-                        >` : l}
-                    <div class="card-grid card-grid-vertical">
-                      ${this.catalogId ? f`${e["dcat:dataset"].map(
-        (t) => f`<tems-card-catalog
-                                .object=${l}
-                                type=${"bill-image"}
-                                .header=${t["dct:title"] || l}
-                                .content=${t["dct:description"] || l}
-                              ></tems-card-catalog>`
-      )}` : this.sectorId ? f`${e.map(
-        (t) => f`<tems-card-catalog
-                                  class="cursor-pointer"
-                                  .object=${l}
-                                  type=${"bill-image"}
-                                  .header=${t.catalogId || l}
-                                  .content=${t.description || l}
-                                  date=${I(t.lastUpdated) || l}
-                                  @click=${() => this._selectCatalog(t.catalogId)}
-                                ></tems-card-catalog>`
-      )}` : f`${e.map(
-        (t) => f`<tems-card-catalog
-                                  class="cursor-pointer"
-                                  .object=${l}
-                                  type=${"bill-image"}
-                                  .header=${t.id || l}
-                                  .content=${t.description || l}
-                                  date=${I(t.lastUpdated) || l}
-                                  @click=${() => this._selectSector(t.id)}
-                                ></tems-card-catalog>`
-      )}`}
-                    </div>
-                  </div>` : f`<p>
-                      ${h(
-        "No data available, data source may be temporarily unavailable."
-      )}
-                    </p>
-                    ${this.sectorId || this.catalogId ? f`<tems-button
-                          type="primary"
-                          label=${h("Back")}
-                          @click=${this._back}
-                        ></tems-button>` : f`<tems-button
-                          type="primary"
-                          label=${h("Retry")}
-                          @click=${this.requestUpdate}
-                        ></tems-button>`}`}
-            </div>
-          </tems-viewport>`
-    });
-  }
-};
-A.styles = tt`
-    .card-grid {
-      margin: var(--scale-900) 0;
-      display: flex;
-      flex-direction: row;
-      flex-wrap: wrap;
-      gap: 20px;
-    }
-    .card-grid-vertical {
-      justify-content: stretch;
-    }
-    .card-grid-vertical tems-card-catalog {
-      width: 354px;
-      height: auto;
-    }
-    tems-card-catalog.cursor-pointer {
-      cursor: pointer;
-    }
-    tems-division {
-      margin-top: var(--scale-900);
-    }
-  `;
-U([
-  v({ attribute: "sector-id", type: String })
-], A.prototype, "sectorId", 2);
-U([
-  v({ attribute: "catalog-id", type: String })
-], A.prototype, "catalogId", 2);
-U([
-  m()
-], A.prototype, "search", 2);
-U([
-  m()
-], A.prototype, "resultCount", 2);
-U([
-  m()
-], A.prototype, "sectors", 2);
-U([
-  m()
-], A.prototype, "catalogs", 2);
-U([
-  m()
-], A.prototype, "object", 2);
-A = U([
-  M("solid-dsif-explorer-poc")
-], A);
-var Lr = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, mt = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Tr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
-    (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
-  return i && s && Lr(t, r, s), s;
-};
-let Y = class extends P {
-  constructor() {
-    super(...arguments), this.assets = [], this.policies = [], this.contracts = [], this._getResource = new rt(this, {
-      task: async () => {
-        if (this.orbit) {
-          if (!this.hasCachedDatas) {
-            const e = await this.fetchFederatedCatalog();
-            e !== void 0 && Array.isArray(e) && (this.datas = await Promise.all(
-              e.map(
-                async (t) => await this._responseAdaptator(t)
-              )
-            ), this.hasCachedDatas = !0);
-          }
-          return Array.isArray(this.datas) || (this.datas = []), this.datas;
-        }
-      },
-      args: () => [this.caching, this.currentRoute]
-    });
-  }
-  async _responseAdaptator(e) {
-    return e.providers ? Array.isArray(e.providers) || (e.providers = [e.providers].filter((t) => t)) : e.provider && (e.providers = [e.provider].filter((t) => t)), e;
-  }
-  async loadAssets() {
-    if (!this.storeService) {
-      console.error("Store not initialized. Check connector configuration.");
-      return;
-    }
-    try {
-      const e = await this.storeService.getAllAssets();
-      this.assets = Array.isArray(e) ? e : [];
-    } catch (e) {
-      console.error("Failed to load assets:", e);
-    }
-  }
-  async createAsset(e) {
-    if (!this.storeService) return !1;
-    try {
-      return await this.storeService.createAsset(e), await this.loadAssets(), this.dispatchEvent(
-        new CustomEvent("asset-created", {
-          detail: { asset: e },
-          bubbles: !0,
-          composed: !0
-        })
-      ), !0;
-    } catch (t) {
-      return console.error("Failed to create asset", t), !1;
-    }
-  }
-  async loadPolicies() {
-    if (!this.storeService) {
-      console.error("Store not initialized. Check connector configuration.");
-      return;
-    }
-    try {
-      const e = await this.storeService.getAllPolicies();
-      this.policies = Array.isArray(e) ? e : [];
-    } catch (e) {
-      console.error("Failed to load policies", e);
-    }
-  }
-  async createPolicy(e) {
-    if (!this.storeService) return !1;
-    try {
-      return await this.storeService.createPolicy(e), await this.loadPolicies(), this.dispatchEvent(
-        new CustomEvent("policy-created", {
-          detail: { policy: e },
-          bubbles: !0,
-          composed: !0
-        })
-      ), !0;
-    } catch (t) {
-      return console.error("Failed to create policy", t), !1;
-    }
-  }
-  async loadContracts() {
-    if (!this.storeService) {
-      console.error("Store not initialized. Check connector configuration.");
-      return;
-    }
-    try {
-      const e = await this.storeService.getAllContractDefinitions();
-      this.contracts = Array.isArray(e) ? e : [];
-    } catch (e) {
-      console.error("Failed to load contract definitions", e);
-    }
-  }
-  async createContract(e) {
-    if (!this.storeService) return !1;
-    try {
-      return await this.storeService.createContractDefinition(e), await this.loadContracts(), this.dispatchEvent(
-        new CustomEvent("contract-created", {
-          detail: { contract: e },
-          bubbles: !0,
-          composed: !0
-        })
-      ), !0;
-    } catch (t) {
-      return console.error("Failed to create contract definition", t), !1;
-    }
-  }
-  render() {
-    return this._getResource.render({
-      pending: () => l,
-      complete: () => l,
-      error: (e) => l
-    });
-  }
-};
-mt([
-  m()
-], Y.prototype, "assets", 2);
-mt([
-  m()
-], Y.prototype, "policies", 2);
-mt([
-  m()
-], Y.prototype, "contracts", 2);
-Y = mt([
-  M("solid-dsp-connector")
-], Y);
-const Ir = ".flex{display:flex}.flex.flex-row{flex-direction:row}.flex.flex-column{flex-direction:column}.flex.wrap{flex-wrap:wrap}.flex.flex-1{flex:1}.flex .half,.flex.half{flex-basis:50%}.flex.justify-content-center{justify-content:center}.flex.justify-content-space-between{justify-content:space-between}.flex.align-items-center{align-items:center}.flex.align-items-flex-start{align-items:flex-start}.flex .align-items-flex-end{align-items:flex-end}.full-width{width:100%}[slot=content]{height:100%}section{height:calc(100% - var(--scale-900)*2);padding:var(--scale-900) 0}section,section>div{gap:var(--scale-400)}section>div{display:flex;flex:1;flex-direction:column;height:100%}section>div:first-child{max-width:400px}.card-grid{align-content:flex-start;display:flex;flex:1;flex-direction:row;flex-wrap:wrap;gap:20px;overflow-y:scroll}.card-grid-vertical{justify-content:stretch}.card-grid-vertical tems-card-catalog{height:fit-content;width:354px}tems-card-catalog{cursor:pointer}tems-card-catalog[selected]{--color-border-primary:var(--color-surface-action-solid)}tems-search-bar{--scale-900:0}.gap-400{gap:var(--scale-400)}div.select{align-items:flex-start;display:flex;flex-direction:column;gap:var(--scale-200);width:100%}select{appearance:none;background-color:var(--color-surface-primary);border:var(--border-width-sm) solid var(--color-border-primary);border-radius:var(--border-radius-md);color:var(--color-text-body);cursor:pointer;font-family:var(--font-family-body);font-size:var(--typography-size-body-sm);font-style:normal;font-weight:var(--font-weight-regular);letter-spacing:var(--font-letter-spacing-default);line-height:var(--line-height-body-sm);padding:var(--scale-100) var(--scale-300);width:100%}select:hover{border:var(--border-width-sm) solid var(--color-border-action)}select option{background-color:var(--color-surface-primary);color:var(--color-text-body);cursor:pointer;font-family:var(--font-family-body);font-size:var(--typography-size-body-sm);font-style:normal;font-weight:var(--font-weight-regular);letter-spacing:var(--font-letter-spacing-default);line-height:var(--line-height-body-sm);padding:var(--scale-100) var(--scale-300)}";
-var Fr = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, _ = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Nr(t, r) : t, o = e.length - 1, n; o >= 0; o--)
-    (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
-  return i && s && Fr(t, r, s), s;
-};
-let b = class extends $ {
-  constructor() {
-    super(...arguments), this.header = "DS4GO Fact Bundling Creation", this.selectedFacts = [], this.bundleName = "", this.bundleDescription = "", this.bundleLanguage = "en", this.policyTemplates = [
-      {
-        id: "policy-open-access",
-        name: h("Open access"),
-        policy: {
-          "@type": "Set",
-          permission: [
-            {
-              action: "use"
-            }
-          ],
-          prohibition: [],
-          obligation: []
-        }
-      }
-    ], this.bundleAccessPolicy = this.policyTemplates[0].id, this.bundleContractPolicy = this.policyTemplates[0].id, this.filterFactText = "", this.spliceLength = 0, this.cherryPickedProperties = [
-      { key: "created_at", value: "created_at", cast: I },
-      { key: "updated_at", value: "updated_at", cast: I },
-      { key: "name", value: "name" },
-      { key: "description", value: "description" },
-      { key: "author", value: "author" },
-      {
-        key: "categories",
-        value: "categories",
-        expand: !0,
-        cast: (t) => S(t, "name")
-      }
-    ], this._getResource = new rt(this, {
-      task: async ([t, r, i]) => {
-        if (!(!t || !this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute))) {
-          if (!this.hasCachedDatas || this.oldDataSrc !== t) {
-            if (!t) return;
-            this.facts = await this._getProxyValue(t), this.hasCachedDatas = !0;
-          }
-          return this.oldDataSrc !== t && (this.oldDataSrc = t), Array.isArray(this.facts) || (this.facts = []), r ? S(
-            ae(
-              this.facts.filter(
-                (s) => !i.includes(s)
-              ),
-              r
-            ),
-            "name",
-            "asc"
-          ) : (i.length === 0 && (this.spliceLength = Math.floor((window.innerWidth - 800) / 354) * Math.floor((window.innerHeight - 255) / 500)), S(
-            this.facts.filter(
-              (s) => !this.selectedFacts.includes(s)
-            ),
-            "name",
-            "asc"
-          ));
-        }
-      },
-      args: () => [
-        this.factsSrc,
-        this.filterFactText,
-        this.selectedFacts,
-        this.caching,
-        this.currentRoute
-      ]
-    });
-  }
-  async _afterAttach() {
-    return this.dspConnector = this.orbit?.components.find((t) => t.type === "dsp-connector"), Promise.resolve();
-  }
-  _showMoreResults() {
-    this.spliceLength += Math.floor((window.innerWidth - 800) / 354);
-  }
-  _showAllResults() {
-    this.spliceLength = this.facts.length;
-  }
-  async _createFactBundle() {
-    if (!this.bundleName || !(this.selectedFacts.length > 0))
-      return;
-    const t = {
-      "@context": [
-        "https://cdn.startinblox.com/owl/context.jsonld",
-        "https://cdn.startinblox.com/owl/ds4go.jsonld"
-      ],
-      "@type": ["ldp:Container", "ds4go:FactBundle"],
-      name: this.bundleName,
-      description: this.bundleDescription || "",
-      "ldp:contains": this.selectedFacts.map((s) => ({
-        "@id": s["@id"]
-      }))
-    }, r = await window.sibStore.post(
-      t,
-      this.dataSrc
-    );
-    if (document.dispatchEvent(
-      new CustomEvent("save", {
-        detail: { resource: { "@id": r } },
-        bubbles: !0
-      })
-    ), document.dispatchEvent(
-      new CustomEvent("save", {
-        detail: { resource: { "@id": this.dataSrc } },
-        bubbles: !0
-      })
-    ), this.dspConnector) {
-      const s = await window.crypto.subtle.digest("SHA-256", new TextEncoder().encode(r)).then((c) => `sha-256:${Array.from(new Uint8Array(c)).map((d) => d.toString(16).padStart(2, "0")).join("")}`);
-      await this.dspConnector.instance?.createAsset({
-        "@id": `urn:asset-id:${s}`,
-        properties: {
-          name: this.bundleName,
-          description: this.bundleDescription,
-          contenttype: "application/ld+json",
-          language: this.bundleLanguage
-        },
-        dataAddress: {
-          "@type": "DataAddress",
-          type: "HttpData",
-          baseUrl: r
-        }
-      }), await Promise.all([
-        this.dspConnector.instance?.createPolicy({
-          "@id": `urn:access-policy-id:${s}`,
-          "@type": "PolicyDefinition",
-          policy: {
-            "@context": "http://www.w3.org/ns/odrl.jsonld",
-            ...this.policyTemplates.find(
-              (c) => c.id === this.bundleAccessPolicy
-            )?.policy
-          }
-        }),
-        this.dspConnector.instance?.createPolicy({
-          "@id": `urn:contract-policy-id:${s}`,
-          "@type": "PolicyDefinition",
-          policy: {
-            "@context": "http://www.w3.org/ns/odrl.jsonld",
-            ...this.policyTemplates.find(
-              (c) => c.id === this.bundleContractPolicy
-            )?.policy
-          }
-        }),
-        this.dspConnector.instance?.createContract({
-          "@id": `urn:contract-id:${s}`,
-          "@type": "ContractDefinition",
-          accessPolicyId: `urn:access-policy-id:${s}`,
-          contractPolicyId: `urn:contract-policy-id:${s}`,
-          assetsSelector: [
-            {
-              "@type": "Criterion",
-              operandLeft: "https://w3id.org/edc/v0.0.1/ns/id",
-              operator: "=",
-              operandRight: `urn:asset-id:${s}`
-            }
-          ]
-        })
-      ]);
-      const o = document.querySelector(
-        "solid-tems-assets-management"
-      );
-      o && o.loadAssets();
-      const n = document.querySelector(
-        "solid-tems-policies-management"
-      );
-      n && n.loadPolicies();
-      const a = document.querySelector(
-        "solid-tems-contracts-management"
-      );
-      a && a.loadData();
-    }
-    this.bundleName = "", this.bundleDescription = "", this.selectedFacts = [];
-    const i = this.orbit?.components.find((s) => s.type === "fact-bundle");
-    document.dispatchEvent(
-      new CustomEvent("save", {
-        detail: { resource: { "@id": i?.defaultDataSrc } },
-        bubbles: !0
-      })
-    ), i && L(
-      i?.route,
-      i?.defaultDataSrc
-    );
-  }
-  _updateBundleName(t) {
-    this.bundleName = t.detail.value;
-  }
-  _updateBundleDescription(t) {
-    this.bundleDescription = t.detail.value;
-  }
-  _updateBundleLanguage(t) {
-    this.bundleLanguage = t.detail.value;
-  }
-  _selectBundleAccessPolicy(t) {
-    t.preventDefault(), t.target && (this.bundleAccessPolicy = t.target.value);
-  }
-  _selectBundleContractPolicy(t) {
-    t.preventDefault(), t.target && (this.bundleContractPolicy = t.target.value);
-  }
-  _toggleFactSelection(t) {
-    this.selectedFacts.includes(t) ? this.selectedFacts = this.selectedFacts.filter((r) => r !== t) : this.selectedFacts = [...this.selectedFacts, t];
-  }
-  _searchFacts(t) {
-    this.filterFactText = t.detail;
-  }
-  render() {
-    return this.gatekeeper() || this._getResource.render({
-      pending: () => f`<solid-loader></solid-loader>`,
-      error: (t) => (console.warn("[solid-fact-bundle-creation] Task error:", t), l),
-      complete: (t) => {
-        if (!t) return l;
-        const r = t.slice(0, this.spliceLength), i = this.selectedFacts.length, s = !!this.bundleName && i > 0 && !!this.bundleLanguage && !!this.bundleAccessPolicy && !!this.bundleContractPolicy;
-        return f`<tems-viewport>
-            <tems-header slot="header" heading=${this.header}>
-              <div slot="cta">
-                <tems-button
-                  type="primary"
-                  disabled=${!s || l}
-                  label=${h("Create bundle")}
-                  @click=${this._createFactBundle}
-                ></tems-button>
-              </div>
-            </tems-header>
-            <div slot="content">
-              <section class="flex flex-1">
-                <div>
-                  <div>
-                    <tems-input
-                      type="text"
-                      label=${h("Bundle name")}
-                      placeholder=${h("Bundle name")}
-                      required=""
-                      .value=${this.bundleName}
-                      @change=${this._updateBundleName}
-                    ></tems-input>
-                  </div>
-                  <div>
-                    <tems-textarea
-                      rows="4"
-                      label=${h("Bundle description")}
-                      placeholder=${h("Bundle description")}
-                      .value=${this.bundleDescription}
-                      @change=${this._updateBundleDescription}
-                    ></tems-textarea>
-                  </div>
-                  <div>
-                    <tems-input
-                      type="text"
-                      label=${h("Language")}
-                      placeholder=${h("Language code (en, de, es, fr...)")}
-                      hint=${h("Comma-separated, eg.: en,de,es,fr)")}
-                      required=""
-                      .value=${this.bundleLanguage}
-                      @change=${this._updateBundleLanguage}
-                    ></tems-input>
-                  </div>
-                  <div class="select">
-                    <tems-label label=${h("Access policy")}></tems-label>
-                    <select @change=${this._selectBundleAccessPolicy}>
-                      ${this.policyTemplates.map((o) => f`<option
-                          value="${o.id}"
-                          ?selected="${o.id === this.bundleAccessPolicy}"
-                        >
-                          ${o.name}
-                        </option>`)}
-                    </select>
-                  </div>
-                  <div class="select">
-                    <tems-label label=${h("Contract policy")}></tems-label>
-                    <select @change=${this._selectBundleContractPolicy}>
-                      ${this.policyTemplates.map((o) => f`<option
-                          value="${o.id}"
-                          ?selected="${o.id === this.bundleContractPolicy}"
-                        >
-                          ${o.name}
-                        </option>`)}
-                    </select>
-                  </div>
-                  ${i > 0 ? f`<tems-division type="h4">
-                          <div>
-                            ${h(
-          R`${i} selected fact${i > 1 ? "s" : ""}`
-        )}
-                          </div></tems-division
-                        >
-                        <div class="card-grid card-grid-vertical">
-                          ${this.selectedFacts.map((o) => {
-          const n = o.categories.map((a) => ({
-            name: a.name,
-            type: "information"
-          }));
-          if (n.length > 3) {
-            const a = n.length - 3;
-            n.splice(3, a), n.push({
-              name: `+${a} ${h("more")}`,
-              type: "information"
-            });
-          }
-          return f`<tems-card-catalog
-                              .object=${l}
-                              .header=${o.name || l}
-                              date=${o.updated_at || l}
-                              @click=${this._toggleFactSelection.bind(
-            this,
-            o
-          )}
-                              selected=${!0}
-                            ></tems-card-catalog>`;
-        })}
-                        </div>` : l}
-                </div>
-                ${r.length > 0 || this.filterFactText ? f`<div>
-                      <div>
-                        <tems-search-bar
-                          .displayFilters=${!1}
-                          .displaySavedSearch=${!1}
-                          .displayViews=${!1}
-                          .dropdownCardElement=${!1}
-                          .dropdownListElement=${!1}
-                          .dropdownTableElement=${!1}
-                          .dropdownMapElement=${!1}
-                          .displayActiveTags=${!1}
-                          .value=${this.filterFactText}
-                          @search=${this._searchFacts}
-                        ></tems-search-bar>
-                      </div>
-                      ${r.length > 0 ? f` <div class="card-grid card-grid-vertical">
-                              ${r.map((o) => {
-          const n = o.categories.map(
-            (a) => ({
-              name: a.name,
-              type: "information"
-            })
-          );
-          if (n.length > 3) {
-            const a = n.length - 3;
-            n.splice(3, a), n.push({
-              name: `+${a} ${h("more")}`,
-              type: "information"
-            });
-          }
-          return f`<tems-card-catalog
-                                  .object=${l}
-                                  .tags=${n}
-                                  .header=${o.name || l}
-                                  .content=${o.description || l}
-                                  date=${o.updated_at || l}
-                                  @click=${this._toggleFactSelection.bind(
-            this,
-            o
-          )}
-                                ></tems-card-catalog>`;
-        })}
-                            </div>
-                            ${r.length < t.length ? f`<div
-                                  class="flex flex-row justify-content-space-between align-items-flex-end"
-                                >
-                                  <div>
-                                    ${h(
-          R`Displaying ${r.length} of ${t.length} result${t.length > 1 ? "s" : ""}`
-        )}
-                                  </div>
-                                  <div class="flex flex-row gap-400">
-                                    <tems-button
-                                      @click=${this._showMoreResults}
-                                      type="primary"
-                                      size="sm"
-                                      label=${h("Show more results")}
-                                    ></tems-button>
-                                    <tems-button
-                                      @click=${this._showAllResults}
-                                      type="primary"
-                                      size="sm"
-                                      label=${h("Show all results")}
-                                    ></tems-button>
-                                  </div>
-                                </div>` : l}` : f`${h("No results found")}
-                          ${this.filterFactText ? `for "${this.filterFactText}".` : ""}`}
-                    </div>` : l}
-              </section>
-            </div>
-          </tems-viewport>`;
-      }
-    });
-  }
-};
-b.styles = [Et(Ir)];
-_([
-  v({ attribute: "header", type: String })
-], b.prototype, "header", 2);
-_([
-  v({ attribute: "facts-src", reflect: !0 })
-], b.prototype, "factsSrc", 2);
-_([
-  m()
-], b.prototype, "selectedFacts", 2);
-_([
-  m()
-], b.prototype, "bundleName", 2);
-_([
-  m()
-], b.prototype, "bundleDescription", 2);
-_([
-  m()
-], b.prototype, "bundleLanguage", 2);
-_([
-  m()
-], b.prototype, "bundleAccessPolicy", 2);
-_([
-  m()
-], b.prototype, "bundleContractPolicy", 2);
-_([
-  m()
-], b.prototype, "filterFactText", 2);
-_([
-  m()
-], b.prototype, "spliceLength", 2);
-_([
-  m()
-], b.prototype, "dspConnector", 2);
-b = _([
-  M("solid-fact-bundle-creation")
-], b);
-var Mr = Object.defineProperty, Br = Object.getOwnPropertyDescriptor, st = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? Br(t, r) : t, o = e.length - 1, n; o >= 0; o--)
-    (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
-  return i && s && Mr(t, r, s), s;
-};
-let N = class extends $ {
-  constructor() {
-    super(...arguments), this.header = "DS4GO Fact Bundling", this.search = [], this.resultCount = this.objects?.length || 0, this.cherryPickedProperties = [
-      { key: "created_at", value: "created_at", cast: I },
-      { key: "updated_at", value: "updated_at", cast: I },
-      { key: "name", value: "name" },
-      { key: "description", value: "description" }
-    ], this._getResource = new rt(this, {
-      task: async ([e, t]) => {
-        if (!(!e || !this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute))) {
-          if (this.menuComponent.ready || await new Promise((r) => {
-            this.menuComponent.addEventListener("user-ready", () => {
-              r(!0);
-            });
-          }), this.displayFiltering = !this.component.parameters.disableFiltering, !this.hasCachedDatas || this.oldDataSrc !== e) {
-            if (!e) return;
-            this.objects = await this._getProxyValue(e), this.hasCachedDatas = !0;
-          }
-          return this.oldDataSrc !== e && (this.oldDataSrc = e), Array.isArray(this.objects) || (this.objects = []), t ? this.object = this.objects.find(
-            (r) => r["@id"] === t
-          ) : this.dataSrc = e, S(this.objects, "name", "asc");
-        }
-      },
-      args: () => [
-        this.defaultDataSrc,
-        this.dataSrc,
-        this.caching,
-        this.currentRoute
-      ]
-    });
-  }
-  async _responseAdaptator(e) {
-    return e?._originalResource?.hasType("ds4go:FactBundle") && (e.facts = await Promise.all(
-      (await e._originalResource["ldp:contains"]).map(
-        (t) => this._getProxyValue(t["@id"], !1, [
-          { key: "updated_at", value: "updated_at", cast: I },
-          { key: "name", value: "name" },
-          { key: "description", value: "description" },
-          {
-            key: "categories",
-            value: "categories",
-            expand: !0,
-            cast: (r) => S(r, "name")
-          },
-          { key: "author", value: "author" },
-          { key: "link", value: "link" },
-          { key: "enclosure", value: "enclosure" },
-          { key: "medias", value: "medias", expand: !0 },
-          { key: "url", value: "url" },
-          { key: "file_size", value: "file_size" },
-          { key: "file_type", value: "file_type" },
-          { key: "width", value: "width" },
-          { key: "height", value: "height" }
-          // Can't get raw review json, as store does not support datas without ids
-          // { key: "review", value: "review" },
-        ])
-      )
-    )), Promise.resolve(e);
-  }
-  async _afterAttach() {
-    return oe(this, {
-      keywords: ["factbundles"]
-    }), this.menuComponent = document.querySelector(
-      `[uniq="${this.orbit?.getComponent("menu")?.uniq}"]`
-    ), this.bundleCreationComponent = this.orbit?.components.find((e) => e.type === "fact-bundle-creation"), Promise.resolve();
-  }
-  _search(e) {
-    e.preventDefault(), this.search = e.detail, this.filterCount = this.search.filter((t) => t.name !== "search").length;
-  }
-  _openModal(e) {
-    if (e.preventDefault(), this.route)
-      if ("use-id" in (this.component.routeAttributes || {}))
-        L(this.route, e.detail["@id"]);
-      else {
-        const t = e.detail["@type"]?.at(-1) ?? e.detail["@type"];
-        if (t) {
-          const r = window.orbit?.components?.filter(
-            (i) => i?.routeAttributes?.["rdf-type"] === t
-          );
-          r?.[0]?.route && L(r[0]?.route, e.detail["@id"]);
-        }
-      }
-  }
-  _closeModal(e) {
-    e.preventDefault(), this.route && L(this.route, this.defaultDataSrc);
-  }
-  _closeModalFromBackground(e) {
-    e.preventDefault(), this.route && e.target?.classList.contains("modal") && L(this.route, this.defaultDataSrc);
-  }
-  _resultCountUpdate(e) {
-    this.resultCount = e.detail ?? 0;
-  }
-  _goToBundleCreation(e) {
-    e.preventDefault(), this.bundleCreationComponent?.route && L(this.bundleCreationComponent.route);
-  }
-  render() {
-    return this.gatekeeper() || this._getResource.render({
-      pending: () => f`<solid-loader></solid-loader>`,
-      error: (e) => (console.warn("[solid-fact-bundle] Task error:", e), l),
-      complete: (e) => f`<tems-viewport>
-            <tems-header slot="header" heading=${this.header}>
-              <div slot="cta">
-                <tems-button
-                  type="primary"
-                  disabled=${!this.bundleCreationComponent?.route || l}
-                  label=${h("Create a bundle")}
-                  @click=${this._goToBundleCreation}
-                ></tems-button>
-              </div>
-            </tems-header>
-            <div slot="content">
-              <tems-catalog-filter-holder
-                .displayFiltering=${this.displayFiltering}
-                @search=${this._search}
-                .search=${this.search}
-                .objects=${e}
-                .resultCount=${this.resultCount}
-                .filterCount=${this.filterCount}
-              ></tems-catalog-filter-holder>
-              <ds4go-fact-bundle-holder
-                .objects=${e}
-                .search=${this.search}
-                @clicked=${this._openModal}
-                @result-count=${this._resultCountUpdate}
-              ></ds4go-fact-bundle-holder>
-              ${this.object ? f`<div
-                    class="modal"
-                    @click=${this._closeModalFromBackground}
-                  >
-                    <ds4go-fact-bundle-modal
-                      .object=${this.object}
-                      @close=${this._closeModal}
-                    ></ds4go-fact-bundle-modal>
-                  </div>` : l}
-            </div>
-          </tems-viewport>`
-    });
-  }
-};
-N.styles = tt`
-    .modal {
-      position: fixed;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background-color: rgba(0, 2, 49, 0.2);
-      z-index: 9999;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-  `;
-st([
-  v({ attribute: "header", type: String })
-], N.prototype, "header", 2);
-st([
-  m()
-], N.prototype, "search", 2);
-st([
-  m()
-], N.prototype, "resultCount", 2);
-st([
-  m()
-], N.prototype, "bundleCreationComponent", 2);
-N = st([
-  M("solid-fact-bundle")
-], N);
-const qr = {
-  s20acf344316637a0: "All Catalogs",
-  s67269ab6dc51ec41: R`Error while loading catalog ${0}`,
-  s0b88896b7338837d: "All Datasets",
-  s541d9cd11a5bc840: "Datasets from",
-  s01ceffa02fa6bd7f: "All Sectors",
-  s4aaac20ff7887391: "Catalogs available in",
-  sa89a60c3e1230cec: "Root Authority",
-  se5784a16a6799dad: R`Back to ${0}`,
-  s6665daa6d6147db0: "No data available, data source may be temporarily unavailable.",
-  sc16e00a7a8b2fde2: "Back",
-  s2c8189544e3ea679: "Retry",
-  sc7e3b594ffcd9d61: "Open access",
-  seb1a452f2df70baf: "Create bundle",
-  sed5b6ae54e00125c: "Bundle name",
-  s11099da36cbc3173: "Bundle description",
-  sefcf950b3cc4fc3b: "Language",
-  s6ae6714aac4ba43d: "Language code (en, de, es, fr...)",
-  s21fb127cabcd5617: "Comma-separated, eg.: en,de,es,fr)",
-  sa6ef22f7e7e95e2b: "Access policy",
-  s6de61424bb681993: "Contract policy",
-  sac1b0231875ff056: R`${0} selected fact${1}`,
-  s0d1be7a2c400c080: "more",
-  s8272d3578b7c78d5: R`Displaying ${0} of ${1} result${2}`,
-  sa40e7f4f2a43e2f7: "Show more results",
-  sacf246e0fa11730d: "Show all results",
-  s9094c0cde8fb5058: "No results found",
-  sf5509a9f253b9836: "Create a bundle",
-  sefa717c1620c4ae4: "facts",
-  sef234a791696afff: "fact",
-  s4979bd417e7c8052: "All facts in this bundle",
-  s57a40de45f324b96: "Bundle created on",
-  sd3682395cf86f913: "Bundle updated on"
-}, Hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  templates: qr
-}, Symbol.toStringTag, { value: "Module" })), zr = "en", fe = [
-  "en"
-], Vr = /* @__PURE__ */ Object.assign({ "../../generated/locales/en.ts": Hr }), Wr = new Map(
-  fe.map((e) => [
-    e,
-    Vr[`../../generated/locales/${e}.ts`]
-  ])
-), { getLocale: Qt, setLocale: Yt } = _r({
-  sourceLocale: zr,
-  targetLocales: fe,
-  loadLocale: async (e) => Wr.get(e)
-});
-window.getLocale = window.getLocale ? window.getLocale.push(Qt) : [Qt];
-window.setLocale = window.setLocale ? window.setLocale.push(Yt) : [Yt];
+import "./index-BSwVRtNS.js";