@startinblox/boilerplate 4.3.1 → 5.0.0

package/.gitlab-ci.yml

@@ -10,7 +10,7 @@ cache:
     - .npm/
 
 default:
-  image: node:22
+  image: node:24
 
 stages:
   - prepare
@@ -19,7 +19,7 @@ stages:
 
 prepare:
   stage: prepare
-  image: node:22
+  image: node:24
   before_script:
     - npm ci --cache .npm --prefer-offline
     - npm install -g semantic-release@24 @semantic-release/gitlab@13
@@ -37,7 +37,7 @@ prepare:
 test:
   stage: test
   image: 
-    name: cypress/included:15.5.0
+    name: cypress/included:15.9.0
     entrypoint: [""]
   before_script:
     - npm ci --cache .npm --prefer-offline

package/biome.json

@@ -1,6 +1,6 @@
 {
   "root": false,
-  "$schema": "https://biomejs.dev/schemas/2.0.0/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.3.13/schema.json",
   "vcs": {
     "enabled": true,
     "clientKind": "git",

package/dist/index.js

@@ -1,20 +1,15 @@
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const N = globalThis, et = N.ShadowRoot && (N.ShadyCSS === void 0 || N.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, st = Symbol(), ut = /* @__PURE__ */ new WeakMap();
+const N = globalThis, Y = N.ShadowRoot && (N.ShadyCSS === void 0 || N.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, tt = /* @__PURE__ */ Symbol(), lt = /* @__PURE__ */ new WeakMap();
 let Ct = class {
   constructor(t, e, r) {
-    if (this._$cssResult$ = !0, r !== st) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, r !== tt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if (et && t === void 0) {
+    if (Y && t === void 0) {
       const r = e !== void 0 && e.length === 1;
-      r && (t = ut.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && ut.set(e, t));
+      r && (t = lt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && lt.set(e, t));
     }
     return t;
   }
@@ -22,33 +17,28 @@ let Ct = class {
     return this.cssText;
   }
 };
-const it = (s) => new Ct(typeof s == "string" ? s : s + "", void 0, st), rt = (s, ...t) => {
-  const e = s.length === 1 ? s[0] : t.reduce(((r, i, o) => r + ((n) => {
+const et = (s) => new Ct(typeof s == "string" ? s : s + "", void 0, tt), st = (s, ...t) => {
+  const e = s.length === 1 ? s[0] : t.reduce((r, i, o) => r + ((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.");
-  })(i) + s[o + 1]), s[0]);
-  return new Ct(e, s, st);
-}, Vt = (s, t) => {
-  if (et) s.adoptedStyleSheets = t.map(((e) => e instanceof CSSStyleSheet ? e : e.styleSheet));
+  })(i) + s[o + 1], s[0]);
+  return new Ct(e, s, tt);
+}, Bt = (s, t) => {
+  if (Y) s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else for (const e of t) {
     const r = document.createElement("style"), i = N.litNonce;
     i !== void 0 && r.setAttribute("nonce", i), r.textContent = e.cssText, s.appendChild(r);
   }
-}, dt = et ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
+}, ct = Y ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const r of t.cssRules) e += r.cssText;
-  return it(e);
+  return et(e);
 })(s) : s;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { is: Bt, defineProperty: Wt, getOwnPropertyDescriptor: Ft, getOwnPropertyNames: Kt, getOwnPropertySymbols: Xt, getPrototypeOf: Jt } = Object, B = globalThis, pt = B.trustedTypes, Zt = pt ? pt.emptyScript : "", Gt = B.reactiveElementPolyfillSupport, O = (s, t) => s, D = { toAttribute(s, t) {
+const { is: Wt, defineProperty: Ft, getOwnPropertyDescriptor: Kt, getOwnPropertyNames: Zt, getOwnPropertySymbols: Jt, getPrototypeOf: Xt } = Object, B = globalThis, ut = B.trustedTypes, Gt = ut ? ut.emptyScript : "", Qt = B.reactiveElementPolyfillSupport, O = (s, t) => s, D = { toAttribute(s, t) {
   switch (t) {
     case Boolean:
-      s = s ? Zt : null;
+      s = s ? Gt : null;
       break;
     case Object:
     case Array:
@@ -73,8 +63,8 @@ const { is: Bt, defineProperty: Wt, getOwnPropertyDescriptor: Ft, getOwnProperty
       }
   }
   return e;
-} }, W = (s, t) => !Bt(s, t), ft = { attribute: !0, type: String, converter: D, reflect: !1, useDefault: !1, hasChanged: W };
-Symbol.metadata ??= Symbol("metadata"), B.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+} }, W = (s, t) => !Wt(s, t), dt = { attribute: !0, type: String, converter: D, reflect: !1, useDefault: !1, hasChanged: W };
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), B.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 let E = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
@@ -82,14 +72,14 @@ let E = class extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, e = ft) {
+  static createProperty(t, e = dt) {
     if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
-      const r = Symbol(), i = this.getPropertyDescriptor(t, r, e);
-      i !== void 0 && Wt(this.prototype, t, i);
+      const r = /* @__PURE__ */ Symbol(), i = this.getPropertyDescriptor(t, r, e);
+      i !== void 0 && Ft(this.prototype, t, i);
     }
   }
   static getPropertyDescriptor(t, e, r) {
-    const { get: i, set: o } = Ft(this.prototype, t) ?? { get() {
+    const { get: i, set: o } = Kt(this.prototype, t) ?? { get() {
       return this[e];
     }, set(n) {
       this[e] = n;
@@ -100,17 +90,17 @@ let E = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? ft;
+    return this.elementProperties.get(t) ?? dt;
   }
   static _$Ei() {
     if (this.hasOwnProperty(O("elementProperties"))) return;
-    const t = Jt(this);
+    const t = Xt(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(O("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(O("properties"))) {
-      const e = this.properties, r = [...Kt(e), ...Xt(e)];
+      const e = this.properties, r = [...Zt(e), ...Jt(e)];
       for (const i of r) this.createProperty(i, e[i]);
     }
     const t = this[Symbol.metadata];
@@ -129,8 +119,8 @@ let E = class extends HTMLElement {
     const e = [];
     if (Array.isArray(t)) {
       const r = new Set(t.flat(1 / 0).reverse());
-      for (const i of r) e.unshift(dt(i));
-    } else t !== void 0 && e.push(dt(t));
+      for (const i of r) e.unshift(ct(i));
+    } else t !== void 0 && e.push(ct(t));
     return e;
   }
   static _$Eu(t, e) {
@@ -141,7 +131,7 @@ let E = class extends HTMLElement {
     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)));
+    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?.();
@@ -156,15 +146,15 @@ let E = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Vt(t, this.constructor.elementStyles), t;
+    return Bt(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t) => t.hostConnected?.()));
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
   }
   enableUpdating(t) {
   }
   disconnectedCallback() {
-    this._$EO?.forEach(((t) => t.hostDisconnected?.()));
+    this._$EO?.forEach((t) => t.hostDisconnected?.());
   }
   attributeChangedCallback(t, e, r) {
     this._$AK(t, r);
@@ -185,10 +175,10 @@ let E = class extends HTMLElement {
       this[i] = h ?? this._$Ej?.get(i) ?? h, this._$Em = null;
     }
   }
-  requestUpdate(t, e, r) {
+  requestUpdate(t, e, r, i = !1, o) {
     if (t !== void 0) {
-      const i = this.constructor, o = this[t];
-      if (r ??= i.getPropertyOptions(t), !((r.hasChanged ?? W)(o, e) || r.useDefault && r.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(i._$Eu(t, r)))) return;
+      const n = this.constructor;
+      if (i === !1 && (o = this[t]), r ??= n.getPropertyOptions(t), !((r.hasChanged ?? W)(o, e) || r.useDefault && r.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(n._$Eu(t, r)))) return;
       this.C(t, e, r);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -225,7 +215,7 @@ let E = class extends HTMLElement {
     let t = !1;
     const e = this._$AL;
     try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), this._$EO?.forEach(((r) => r.hostUpdate?.())), this.update(e)) : this._$EM();
+      t = this.shouldUpdate(e), t ? (this.willUpdate(e), this._$EO?.forEach((r) => r.hostUpdate?.()), this.update(e)) : this._$EM();
     } catch (r) {
       throw t = !1, this._$EM(), r;
     }
@@ -234,7 +224,7 @@ let E = class extends HTMLElement {
   willUpdate(t) {
   }
   _$AE(t) {
-    this._$EO?.forEach(((e) => e.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+    this._$EO?.forEach((e) => e.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
   }
   _$EM() {
     this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
@@ -249,55 +239,50 @@ let E = class extends HTMLElement {
     return !0;
   }
   update(t) {
-    this._$Eq &&= this._$Eq.forEach(((e) => this._$ET(e, this[e]))), this._$EM();
+    this._$Eq &&= this._$Eq.forEach((e) => this._$ET(e, this[e])), this._$EM();
   }
   updated(t) {
   }
   firstUpdated(t) {
   }
 };
-E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[O("elementProperties")] = /* @__PURE__ */ new Map(), E[O("finalized")] = /* @__PURE__ */ new Map(), Gt?.({ ReactiveElement: E }), (B.reactiveElementVersions ??= []).push("2.1.1");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const ot = globalThis, q = ot.trustedTypes, _t = q ? q.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Pt = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, Rt = "?" + y, Qt = `<${Rt}>`, A = document, j = () => A.createComment(""), x = (s) => s === null || typeof s != "object" && typeof s != "function", nt = Array.isArray, Yt = (s) => nt(s) || typeof s?.[Symbol.iterator] == "function", K = `[ 	
-\f\r]`, R = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, gt = />/g, b = RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), yt = /'/g, vt = /"/g, Ot = /^(?:script|style|textarea|title)$/i, te = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), T = te(1), C = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), bt = /* @__PURE__ */ new WeakMap(), w = A.createTreeWalker(A, 129);
-function jt(s, t) {
-  if (!nt(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return _t !== void 0 ? _t.createHTML(t) : t;
+E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[O("elementProperties")] = /* @__PURE__ */ new Map(), E[O("finalized")] = /* @__PURE__ */ new Map(), Qt?.({ ReactiveElement: E }), (B.reactiveElementVersions ??= []).push("2.1.2");
+const it = globalThis, pt = (s) => s, q = it.trustedTypes, ft = q ? q.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Rt = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, Ot = "?" + y, Yt = `<${Ot}>`, A = document, j = () => A.createComment(""), x = (s) => s === null || typeof s != "object" && typeof s != "function", rt = Array.isArray, te = (s) => rt(s) || typeof s?.[Symbol.iterator] == "function", K = `[ 	
+\f\r]`, R = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _t = /-->/g, $t = />/g, b = RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), gt = /'/g, yt = /"/g, jt = /^(?:script|style|textarea|title)$/i, ee = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), T = ee(1), P = /* @__PURE__ */ Symbol.for("lit-noChange"), c = /* @__PURE__ */ Symbol.for("lit-nothing"), vt = /* @__PURE__ */ new WeakMap(), w = A.createTreeWalker(A, 129);
+function xt(s, t) {
+  if (!rt(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return ft !== void 0 ? ft.createHTML(t) : t;
 }
-const ee = (s, t) => {
+const se = (s, t) => {
   const e = s.length - 1, r = [];
   let i, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = R;
   for (let h = 0; h < e; h++) {
     const a = s[h];
     let u, d, l = -1, f = 0;
-    for (; f < a.length && (n.lastIndex = f, d = n.exec(a), d !== null); ) f = n.lastIndex, n === R ? d[1] === "!--" ? n = $t : d[1] !== void 0 ? n = gt : d[2] !== void 0 ? (Ot.test(d[2]) && (i = RegExp("</" + d[2], "g")), n = b) : d[3] !== void 0 && (n = b) : n === b ? d[0] === ">" ? (n = i ?? R, l = -1) : d[1] === void 0 ? l = -2 : (l = n.lastIndex - d[2].length, u = d[1], n = d[3] === void 0 ? b : d[3] === '"' ? vt : yt) : n === vt || n === yt ? n = b : n === $t || n === gt ? n = R : (n = b, i = void 0);
+    for (; f < a.length && (n.lastIndex = f, d = n.exec(a), d !== null); ) f = n.lastIndex, n === R ? d[1] === "!--" ? n = _t : d[1] !== void 0 ? n = $t : d[2] !== void 0 ? (jt.test(d[2]) && (i = RegExp("</" + d[2], "g")), n = b) : d[3] !== void 0 && (n = b) : n === b ? d[0] === ">" ? (n = i ?? R, l = -1) : d[1] === void 0 ? l = -2 : (l = n.lastIndex - d[2].length, u = d[1], n = d[3] === void 0 ? b : d[3] === '"' ? yt : gt) : n === yt || n === gt ? n = b : n === _t || n === $t ? n = R : (n = b, i = void 0);
     const g = n === b && s[h + 1].startsWith("/>") ? " " : "";
-    o += n === R ? a + Qt : l >= 0 ? (r.push(u), a.slice(0, l) + Pt + a.slice(l) + y + g) : a + y + (l === -2 ? h : g);
+    o += n === R ? a + Yt : l >= 0 ? (r.push(u), a.slice(0, l) + Rt + a.slice(l) + y + g) : a + y + (l === -2 ? h : g);
   }
-  return [jt(s, o + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
+  return [xt(s, o + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
 };
 class L {
   constructor({ strings: t, _$litType$: e }, r) {
     let i;
     this.parts = [];
     let o = 0, n = 0;
-    const h = t.length - 1, a = this.parts, [u, d] = ee(t, e);
+    const h = t.length - 1, a = this.parts, [u, d] = se(t, e);
     if (this.el = L.createElement(u, r), w.currentNode = this.el.content, e === 2 || e === 3) {
       const l = this.el.content.firstChild;
       l.replaceWith(...l.childNodes);
     }
     for (; (i = w.nextNode()) !== null && a.length < h; ) {
       if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const l of i.getAttributeNames()) if (l.endsWith(Pt)) {
+        if (i.hasAttributes()) for (const l of i.getAttributeNames()) if (l.endsWith(Rt)) {
           const f = d[n++], g = i.getAttribute(l).split(y), M = /([.?@])?(.*)/.exec(f);
-          a.push({ type: 1, index: o, name: M[2], strings: g, ctor: M[1] === "." ? ie : M[1] === "?" ? re : M[1] === "@" ? oe : F }), i.removeAttribute(l);
+          a.push({ type: 1, index: o, name: M[2], strings: g, ctor: M[1] === "." ? re : M[1] === "?" ? oe : M[1] === "@" ? ne : F }), i.removeAttribute(l);
         } else l.startsWith(y) && (a.push({ type: 6, index: o }), i.removeAttribute(l));
-        if (Ot.test(i.tagName)) {
+        if (jt.test(i.tagName)) {
           const l = i.textContent.split(y), f = l.length - 1;
           if (f > 0) {
             i.textContent = q ? q.emptyScript : "";
@@ -305,7 +290,7 @@ class L {
             i.append(l[f], j());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === Rt) a.push({ type: 2, index: o });
+      } else if (i.nodeType === 8) if (i.data === Ot) a.push({ type: 2, index: o });
       else {
         let l = -1;
         for (; (l = i.data.indexOf(y, l + 1)) !== -1; ) a.push({ type: 7, index: o }), l += y.length - 1;
@@ -318,13 +303,13 @@ class L {
     return r.innerHTML = t, r;
   }
 }
-function P(s, t, e = s, r) {
-  if (t === C) return t;
+function C(s, t, e = s, r) {
+  if (t === P) return t;
   let i = r !== void 0 ? e._$Co?.[r] : e._$Cl;
   const o = x(t) ? void 0 : t._$litDirective$;
-  return i?.constructor !== o && (i?._$AO?.(!1), o === void 0 ? i = void 0 : (i = new o(s), i._$AT(s, e, r)), r !== void 0 ? (e._$Co ??= [])[r] = i : e._$Cl = i), i !== void 0 && (t = P(s, i._$AS(s, t.values), i, r)), t;
+  return i?.constructor !== o && (i?._$AO?.(!1), o === void 0 ? i = void 0 : (i = new o(s), i._$AT(s, e, r)), r !== void 0 ? (e._$Co ??= [])[r] = i : e._$Cl = i), i !== void 0 && (t = C(s, i._$AS(s, t.values), i, r)), t;
 }
-class se {
+class ie {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -341,7 +326,7 @@ class se {
     for (; a !== void 0; ) {
       if (n === a.index) {
         let u;
-        a.type === 2 ? u = new U(o, o.nextSibling, this, t) : a.type === 1 ? u = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (u = new ne(o, this, t)), this._$AV.push(u), a = r[++h];
+        a.type === 2 ? u = new U(o, o.nextSibling, this, t) : a.type === 1 ? u = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (u = new ae(o, this, t)), this._$AV.push(u), a = r[++h];
       }
       n !== a?.index && (o = w.nextNode(), n++);
     }
@@ -371,7 +356,7 @@ class U {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = P(this, t, e), x(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== C && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Yt(t) ? this.k(t) : this._(t);
+    t = C(this, t, e), x(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== P && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : te(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -383,19 +368,19 @@ class U {
     this._$AH !== c && x(this._$AH) ? this._$AA.nextSibling.data = t : this.T(A.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    const { values: e, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = L.createElement(jt(r.h, r.h[0]), this.options)), r);
+    const { values: e, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = L.createElement(xt(r.h, r.h[0]), this.options)), r);
     if (this._$AH?._$AD === i) this._$AH.p(e);
     else {
-      const o = new se(i, this), n = o.u(this.options);
+      const o = new ie(i, this), n = o.u(this.options);
       o.p(e), this.T(n), this._$AH = o;
     }
   }
   _$AC(t) {
-    let e = bt.get(t.strings);
-    return e === void 0 && bt.set(t.strings, e = new L(t)), e;
+    let e = vt.get(t.strings);
+    return e === void 0 && vt.set(t.strings, e = new L(t)), e;
   }
   k(t) {
-    nt(this._$AH) || (this._$AH = [], this._$AR());
+    rt(this._$AH) || (this._$AH = [], this._$AR());
     const e = this._$AH;
     let r, i = 0;
     for (const o of t) i === e.length ? e.push(r = new U(this.O(j()), this.O(j()), this, this.options)) : r = e[i], r._$AI(o), i++;
@@ -403,8 +388,8 @@ class U {
   }
   _$AR(t = this._$AA.nextSibling, e) {
     for (this._$AP?.(!1, !0, e); t !== this._$AB; ) {
-      const r = t.nextSibling;
-      t.remove(), t = r;
+      const r = pt(t).nextSibling;
+      pt(t).remove(), t = r;
     }
   }
   setConnected(t) {
@@ -424,11 +409,11 @@ class F {
   _$AI(t, e = this, r, i) {
     const o = this.strings;
     let n = !1;
-    if (o === void 0) t = P(this, t, e, 0), n = !x(t) || t !== this._$AH && t !== C, n && (this._$AH = t);
+    if (o === void 0) t = C(this, t, e, 0), n = !x(t) || t !== this._$AH && t !== P, n && (this._$AH = t);
     else {
       const h = t;
       let a, u;
-      for (t = o[0], a = 0; a < o.length - 1; a++) u = P(this, h[r + a], e, a), u === C && (u = this._$AH[a]), n ||= !x(u) || u !== this._$AH[a], u === c ? t = c : t !== c && (t += (u ?? "") + o[a + 1]), this._$AH[a] = u;
+      for (t = o[0], a = 0; a < o.length - 1; a++) u = C(this, h[r + a], e, a), u === P && (u = this._$AH[a]), n ||= !x(u) || u !== this._$AH[a], u === c ? t = c : t !== c && (t += (u ?? "") + o[a + 1]), this._$AH[a] = u;
     }
     n && !i && this.j(t);
   }
@@ -436,7 +421,7 @@ class F {
     t === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class ie extends F {
+class re extends F {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -444,7 +429,7 @@ class ie extends F {
     this.element[this.name] = t === c ? void 0 : t;
   }
 }
-class re extends F {
+class oe extends F {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -452,12 +437,12 @@ class re extends F {
     this.element.toggleAttribute(this.name, !!t && t !== c);
   }
 }
-class oe extends F {
+class ne extends F {
   constructor(t, e, r, i, o) {
     super(t, e, r, i, o), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = P(this, t, e, 0) ?? c) === C) return;
+    if ((t = C(this, t, e, 0) ?? c) === P) return;
     const r = this._$AH, i = t === c && r !== c || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, o = t !== c && (r === c || i);
     i && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -465,7 +450,7 @@ class oe extends F {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class ne {
+class ae {
   constructor(t, e, r) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = r;
   }
@@ -473,12 +458,12 @@ class ne {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    P(this, t);
+    C(this, t);
   }
 }
-const ae = ot.litHtmlPolyfillSupport;
-ae?.(L, U), (ot.litHtmlVersions ??= []).push("3.3.1");
-const he = (s, t, e) => {
+const he = it.litHtmlPolyfillSupport;
+he?.(L, U), (it.litHtmlVersions ??= []).push("3.3.2");
+const le = (s, t, e) => {
   const r = e?.renderBefore ?? t;
   let i = r._$litPart$;
   if (i === void 0) {
@@ -487,12 +472,7 @@ const he = (s, t, e) => {
   }
   return i._$AI(s), i;
 };
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const at = globalThis;
+const ot = globalThis;
 let S = class extends E {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
@@ -503,7 +483,7 @@ let S = class extends E {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = he(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = le(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -512,36 +492,26 @@ let S = class extends E {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return C;
+    return P;
   }
 };
-S._$litElement$ = !0, S.finalized = !0, at.litElementHydrateSupport?.({ LitElement: S });
-const le = at.litElementPolyfillSupport;
-le?.({ LitElement: S });
-(at.litElementVersions ??= []).push("4.2.1");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const ht = (s) => (t, e) => {
-  e !== void 0 ? e.addInitializer((() => {
+S._$litElement$ = !0, S.finalized = !0, ot.litElementHydrateSupport?.({ LitElement: S });
+const ce = ot.litElementPolyfillSupport;
+ce?.({ LitElement: S });
+(ot.litElementVersions ??= []).push("4.2.2");
+const nt = (s) => (t, e) => {
+  e !== void 0 ? e.addInitializer(() => {
     customElements.define(s, t);
-  })) : customElements.define(s, t);
+  }) : customElements.define(s, t);
 };
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const ce = { attribute: !0, type: String, converter: D, reflect: !1, hasChanged: W }, ue = (s = ce, t, e) => {
+const ue = { attribute: !0, type: String, converter: D, reflect: !1, hasChanged: W }, de = (s = ue, t, e) => {
   const { kind: r, metadata: i } = e;
   let o = globalThis.litPropertyMetadata.get(i);
   if (o === void 0 && globalThis.litPropertyMetadata.set(i, o = /* @__PURE__ */ new Map()), r === "setter" && ((s = Object.create(s)).wrapped = !0), o.set(e.name, s), r === "accessor") {
     const { name: n } = e;
     return { set(h) {
       const a = t.get.call(this);
-      t.set.call(this, h), this.requestUpdate(n, a, s);
+      t.set.call(this, h), this.requestUpdate(n, a, s, !0, h);
     }, init(h) {
       return h !== void 0 && this.C(n, void 0, s, h), h;
     } };
@@ -550,32 +520,22 @@ const ce = { attribute: !0, type: String, converter: D, reflect: !1, hasChanged:
     const { name: n } = e;
     return function(h) {
       const a = this[n];
-      t.call(this, h), this.requestUpdate(n, a, s);
+      t.call(this, h), this.requestUpdate(n, a, s, !0, h);
     };
   }
   throw Error("Unsupported decorator location: " + r);
 };
 function p(s) {
-  return (t, e) => typeof e == "object" ? ue(s, t, e) : ((r, i, o) => {
+  return (t, e) => typeof e == "object" ? de(s, t, e) : ((r, i, o) => {
     const n = i.hasOwnProperty(o);
     return i.constructor.createProperty(o, r), n ? Object.getOwnPropertyDescriptor(i, o) : void 0;
   })(s, t, e);
 }
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function xt(s) {
+function Tt(s) {
   return p({ ...s, state: !0, attribute: !1 });
 }
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const de = Symbol();
-class pe {
+const pe = /* @__PURE__ */ Symbol();
+class fe {
   get taskComplete() {
     return this.t || (this.i === 1 ? this.t = new Promise(((t, e) => {
       this.o = t, this.h = e;
@@ -584,7 +544,7 @@ class pe {
   constructor(t, e, r) {
     this.p = 0, this.i = 0, (this._ = t).addController(this);
     const i = typeof e == "object" ? e : { task: e, args: r };
-    this.v = i.task, this.j = i.args, this.m = i.argsEqual ?? fe, this.k = i.onComplete, this.A = i.onError, this.autoRun = i.autoRun ?? !0, "initialValue" in i && (this.u = i.initialValue, this.i = 2, this.O = this.T?.());
+    this.v = i.task, this.j = i.args, this.m = i.argsEqual ?? _e, this.k = i.onComplete, this.A = i.onError, this.autoRun = i.autoRun ?? !0, "initialValue" in i && (this.u = i.initialValue, this.i = 2, this.O = this.T?.());
   }
   hostUpdate() {
     this.autoRun === !0 && this.S();
@@ -614,7 +574,7 @@ class pe {
       o = !0, r = n;
     }
     if (this.p === i) {
-      if (e === de) this.i = 0;
+      if (e === pe) this.i = 0;
       else {
         if (o === !1) {
           try {
@@ -661,31 +621,31 @@ class pe {
     }
   }
 }
-const fe = (s, t) => s === t || s.length === t.length && s.every(((e, r) => !W(e, t[r])));
+const _e = (s, t) => s === t || s.length === t.length && s.every(((e, r) => !W(e, t[r])));
 !window.orbit && !"/".includes("cypress") && await new Promise((s) => {
   document.addEventListener("orbit-ready", () => {
     s(!0);
   });
 });
-var _e = Object.defineProperty, $e = (s, t, e, r) => {
+var $e = Object.defineProperty, ge = (s, t, e, r) => {
   for (var i = void 0, o = s.length - 1, n; o >= 0; o--)
     (n = s[o]) && (i = n(t, e, i) || i);
-  return i && _e(t, e, i), i;
+  return i && $e(t, e, i), i;
 };
-class lt extends S {
+class at extends S {
   constructor() {
     super(...arguments), this.objects = [], this.hasType = (t, e = this.objects) => new Set(e.flatMap((i) => i["@type"])).has(t);
   }
 }
-$e([
+ge([
   p({ attribute: !1 })
-], lt.prototype, "objects");
-var ge = Object.defineProperty, v = (s, t, e, r) => {
+], at.prototype, "objects");
+var ye = Object.defineProperty, v = (s, t, e, r) => {
   for (var i = void 0, o = s.length - 1, n; o >= 0; o--)
     (n = s[o]) && (i = n(t, e, i) || i);
-  return i && ge(t, e, i), i;
+  return i && ye(t, e, i), i;
 };
-class $ extends lt {
+class $ extends at {
   constructor({
     defaultRoute: t = !1,
     setupSubscriptions: e = !0,
@@ -702,7 +662,7 @@ class $ extends lt {
     document.readyState === "complete" ? i() : document.addEventListener("readystatechange", i);
   }
   async _attach(t, e, r) {
-    return !this.orbit && window.orbit && (this.orbit = window.orbit, e) ? (be({
+    return !this.orbit && window.orbit && (this.orbit = window.orbit, e) ? (me({
       component: this,
       defaultRoute: t,
       ignoreRouter: r
@@ -722,7 +682,7 @@ class $ extends lt {
       );
       h && (r = h[0]?.uniq);
     }
-    r && Ae(
+    r && Ee(
       (window.orbit ? window.orbit.getRoute(r, !0) : r) + (i ? `-${i}` : ""),
       o
     ), t.preventDefault();
@@ -730,13 +690,17 @@ class $ extends lt {
   _normalizeLdpContains(t) {
     return !Array.isArray(t) && t !== null ? [t] : t;
   }
-  async _expandContainer(t, e = !0) {
-    const r = [];
-    for (const i of t) {
-      const o = await this._getProxyValue(i, e);
-      o && r.push(o);
+  async _expandContainer(t, e = !0, r = this.cherryPickedProperties) {
+    const i = [];
+    for (const o of t) {
+      const n = await this._getProxyValue(
+        await o,
+        e,
+        r
+      );
+      n && i.push(n);
     }
-    return r;
+    return i;
   }
   async _getProperties(t, e = !0, r = this.cherryPickedProperties) {
     const i = await t.properties, o = {
@@ -753,18 +717,37 @@ class $ extends lt {
       )), n.cast && (o[n.value] = await n.cast(o[n.value])));
     return await this._responseAdaptator(o);
   }
+  async _hasCherryPickedProperties(t) {
+    const e = await t.properties;
+    for (const r of this.cherryPickedProperties)
+      if (e?.includes(r.key))
+        return !0;
+    return !1;
+  }
   async _getProxyValue(t, e = !0, r = this.cherryPickedProperties) {
     try {
       if (t) {
         let i = t;
-        if (typeof t == "string" && (i = await window.sibStore.getData(t, wt)), typeof t != "string" && t.isFullResource && (t.isFullResource?.() || (i = await window.sibStore.getData(
+        if (typeof t == "string" && (i = await window.sibStore.getData(t, mt)), typeof t != "string" && t.isFullResource && (t.isFullResource?.() || (i = await window.sibStore.getData(
           t["@id"],
-          wt
+          mt
         ))), typeof t != "string" && !t.isFullResource && (i.properties = Object.keys(i), i.get = (o) => i[o]), !i) return { _originalResource: i };
         if (typeof i == "object" && i !== null) {
-          if (i["ldp:contains"]) {
-            const o = this._normalizeLdpContains(i["ldp:contains"]);
-            return await this._expandContainer(o, e);
+          if (i.isContainer?.() && i["ldp:contains"]) {
+            if (await this._hasCherryPickedProperties(i))
+              return await this._getProperties(
+                i,
+                e,
+                r
+              );
+            const o = this._normalizeLdpContains(
+              await i["ldp:contains"]
+            );
+            return await this._expandContainer(
+              o,
+              e,
+              r
+            );
           }
           return await this._getProperties(i, e, r);
         }
@@ -800,12 +783,12 @@ v([
   p({ attribute: !1 })
 ], $.prototype, "cherryPickedProperties");
 v([
-  xt()
+  Tt()
 ], $.prototype, "orbit");
 v([
-  xt()
+  Tt()
 ], $.prototype, "currentRoute");
-const ye = (s, { keywords: t = [], attributes: e = ["dataSrc"] } = {}) => {
+const ve = (s, { keywords: t = [], attributes: e = ["dataSrc"] } = {}) => {
   const r = () => {
     t && e && (s.caching === void 0 && (s.caching = 0), s.hasCachedDatas === void 0 && (s.hasCachedDatas = !1), s.cacheListener = (i) => {
       const o = i.detail.id || i.detail.resource["@id"];
@@ -818,15 +801,15 @@ const ye = (s, { keywords: t = [], attributes: e = ["dataSrc"] } = {}) => {
   };
   document.readyState !== "complete" ? document.addEventListener("DOMContentLoaded", r) : r();
 };
-function ve() {
+function be() {
   return Math.random().toString(16).slice(2);
 }
-const be = ({
+const me = ({
   component: s,
   defaultRoute: t = !1,
   ignoreRouter: e = !1
 }) => {
-  if (s.uniq || (s.uniq = ve(), t && !s.route && !e && (s.route = t)), s._subscriptions = /* @__PURE__ */ new Set(), !e) {
+  if (s.uniq || (s.uniq = be(), t && !s.route && !e && (s.route = t)), s._subscriptions = /* @__PURE__ */ new Set(), !e) {
     s.route || (s.route = s.uniq, window.orbit && (s.route = window.orbit.getRoute(s.uniq))), s.noRouter = !0;
     let r = document.querySelector("solid-router");
     for (; r; )
@@ -851,7 +834,7 @@ const be = ({
       document.removeEventListener(r[0], r[1]);
   }, s._subscribe();
 };
-class me extends S {
+class we extends S {
   constructor() {
     super(...arguments), this.object = {
       "@id": ""
@@ -861,14 +844,14 @@ class me extends S {
     };
   }
 }
-const mt = (s, t) => {
+const bt = (s, t) => {
   let e = s;
   for (let r = 0; r < t.length && (e && t[r] in e); r++)
     e = e[t[r]];
   return e;
-}, we = (s, t, e = "asc") => s.sort((r, i) => {
+}, Ae = (s, t, e = "asc") => s.sort((r, i) => {
   let o = r, n = i;
-  Array.isArray(t) ? (o = mt(r, t), n = mt(i, t)) : (o = r[t], n = i[t]);
+  Array.isArray(t) ? (o = bt(r, t), n = bt(i, t)) : (o = r[t], n = i[t]);
   let h = 0;
   if (typeof o == "number" && typeof n == "number")
     h = o - n;
@@ -879,7 +862,7 @@ const mt = (s, t) => {
   else
     throw new TypeError(`Unsupported data type for key "${t}"`);
   return e === "asc" ? h : -h;
-}), Ae = (s, t = !1) => {
+}), Ee = (s, t = !1) => {
   window.dispatchEvent(
     new CustomEvent("requestNavigation", {
       detail: {
@@ -888,31 +871,31 @@ const mt = (s, t) => {
       }
     })
   );
-}, wt = {};
-var Ee = Object.getOwnPropertyDescriptor, Se = (s, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ee(t, e) : t, o = s.length - 1, n; o >= 0; o--)
+}, mt = {};
+var Se = Object.getOwnPropertyDescriptor, Pe = (s, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Se(t, e) : t, o = s.length - 1, n; o >= 0; o--)
     (n = s[o]) && (i = n(i) || i);
   return i;
 };
-let Q = class extends $ {
+let X = class extends $ {
   constructor() {
     super(...arguments), this.cherryPickedProperties = [
       { key: "name", value: "name" }
-    ], this._getResource = new pe(this, {
+    ], this._getResource = new fe(this, {
       task: async ([s]) => {
         if (!(!s || !this.orbit || !this.noRouter && this.route && this.currentRoute && !this.route.startsWith(this.currentRoute))) {
           if (!this.hasCachedDatas || this.oldDataSrc !== s) {
             if (!s) return;
             this.datas = await this._getProxyValue(s), this.hasCachedDatas = !0;
           }
-          return this.oldDataSrc !== s && (this.oldDataSrc = s), we(this.datas, "name", "asc");
+          return this.oldDataSrc !== s && (this.oldDataSrc = s), Ae(this.datas, "name", "asc");
         }
       },
       args: () => [this.dataSrc, this.caching, this.currentRoute]
     });
   }
   async _afterAttach() {
-    return ye(this, {
+    return ve(this, {
       keywords: ["some-keyword", "for-invalidating", "cache"]
     }), Promise.resolve();
   }
@@ -925,7 +908,7 @@ let Q = class extends $ {
     });
   }
 };
-Q.styles = rt`
+X.styles = st`
     div {
       background-color: red;
       position: absolute;
@@ -935,73 +918,43 @@ Q.styles = rt`
       bottom: 0;
     }
   `;
-Q = Se([
-  ht("solid-boilerplate")
-], Q);
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Y = "lit-localize-status";
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
+X = Pe([
+  nt("solid-boilerplate")
+], X);
+const G = "lit-localize-status";
 const Ce = (s, ...t) => ({
   strTag: !0,
   strings: s,
   values: t
-}), Tt = Ce, Pe = (s) => typeof s != "string" && "strTag" in s, Lt = (s, t, e) => {
+}), Lt = Ce, Re = (s) => typeof s != "string" && "strTag" in s, Ut = (s, t, e) => {
   let r = s[0];
   for (let i = 1; i < s.length; i++)
     r += t[e ? e[i - 1] : i - 1], r += s[i];
   return r;
 };
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ut = ((s) => Pe(s) ? Lt(s.strings, s.values) : s);
-let ct = Ut, At = !1;
-function Re(s) {
-  if (At)
+const Mt = ((s) => Re(s) ? Ut(s.strings, s.values) : s);
+let ht = Mt, wt = !1;
+function Oe(s) {
+  if (wt)
     throw new Error("lit-localize can only be configured once");
-  ct = s, At = !0;
+  ht = s, wt = !0;
 }
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class Oe {
+class je {
   constructor(t) {
     this.__litLocalizeEventHandler = (e) => {
       e.detail.status === "ready" && this.host.requestUpdate();
     }, this.host = t;
   }
   hostConnected() {
-    window.addEventListener(Y, this.__litLocalizeEventHandler);
+    window.addEventListener(G, this.__litLocalizeEventHandler);
   }
   hostDisconnected() {
-    window.removeEventListener(Y, this.__litLocalizeEventHandler);
+    window.removeEventListener(G, this.__litLocalizeEventHandler);
   }
 }
-const je = (s) => s.addController(new Oe(s)), xe = je;
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Mt = () => (s, t) => (s.addInitializer(xe), s);
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class Ht {
+const xe = (s) => s.addController(new je(s)), Te = xe;
+const Ht = () => (s, t) => (s.addInitializer(Te), s);
+class Nt {
   constructor() {
     this.settled = !1, this.promise = new Promise((t, e) => {
       this._resolve = t, this._reject = e;
@@ -1014,43 +967,28 @@ class Ht {
     this.settled = !0, this._reject(t);
   }
 }
-/**
- * @license
- * Copyright 2014 Travis Webb
- * SPDX-License-Identifier: MIT
- */
 const _ = [];
 for (let s = 0; s < 256; s++)
   _[s] = (s >> 4 & 15).toString(16) + (s & 15).toString(16);
-function Te(s) {
+function Le(s) {
   let t = 0, e = 8997, r = 0, i = 33826, o = 0, n = 40164, h = 0, a = 52210;
   for (let u = 0; u < s.length; u++)
     e ^= s.charCodeAt(u), t = e * 435, r = i * 435, o = n * 435, h = a * 435, o += e << 8, h += i << 8, r += t >>> 16, e = t & 65535, o += r >>> 16, i = r & 65535, a = h + (o >>> 16) & 65535, n = o & 65535;
   return _[a >> 8] + _[a & 255] + _[n >> 8] + _[n & 255] + _[i >> 8] + _[i & 255] + _[e >> 8] + _[e & 255];
 }
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Le = "", Ue = "h", Me = "s";
-function He(s, t) {
-  return (t ? Ue : Me) + Te(typeof s == "string" ? s : s.join(Le));
+const Ue = "", Me = "h", He = "s";
+function Ne(s, t) {
+  return (t ? Me : He) + Le(typeof s == "string" ? s : s.join(Ue));
 }
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Et = /* @__PURE__ */ new WeakMap(), St = /* @__PURE__ */ new Map();
-function Ne(s, t, e) {
+const At = /* @__PURE__ */ new WeakMap(), Et = /* @__PURE__ */ new Map();
+function De(s, t, e) {
   if (s) {
-    const r = e?.id ?? De(t), i = s[r];
+    const r = e?.id ?? qe(t), i = s[r];
     if (i) {
       if (typeof i == "string")
         return i;
       if ("strTag" in i)
-        return Lt(
+        return Ut(
           i.strings,
           // Cast `template` because its type wasn't automatically narrowed (but
           // we know it must be the same type as `localized`).
@@ -1058,92 +996,87 @@ function Ne(s, t, e) {
           i.values
         );
       {
-        let o = Et.get(i);
-        return o === void 0 && (o = i.values, Et.set(i, o)), {
+        let o = At.get(i);
+        return o === void 0 && (o = i.values, At.set(i, o)), {
           ...i,
           values: o.map((n) => t.values[n])
         };
       }
     }
   }
-  return Ut(t);
+  return Mt(t);
 }
-function De(s) {
+function qe(s) {
   const t = typeof s == "string" ? s : s.strings;
-  let e = St.get(t);
-  return e === void 0 && (e = He(t, typeof s != "string" && !("strTag" in s)), St.set(t, e)), e;
+  let e = Et.get(t);
+  return e === void 0 && (e = Ne(t, typeof s != "string" && !("strTag" in s)), Et.set(t, e)), e;
 }
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function X(s) {
-  window.dispatchEvent(new CustomEvent(Y, { detail: s }));
+function Z(s) {
+  window.dispatchEvent(new CustomEvent(G, { detail: s }));
 }
-let I = "", J, Nt, k, tt, Dt, m = new Ht();
+let k = "", J, Dt, z, Q, qt, m = new Nt();
 m.resolve();
 let H = 0;
-const qe = (s) => (Re(((t, e) => Ne(Dt, t, e))), I = Nt = s.sourceLocale, k = new Set(s.targetLocales), k.add(s.sourceLocale), tt = s.loadLocale, { getLocale: Ie, setLocale: ke }), Ie = () => I, ke = (s) => {
-  if (s === (J ?? I))
+const ke = (s) => (Oe(((t, e) => De(qt, t, e))), k = Dt = s.sourceLocale, z = new Set(s.targetLocales), z.add(s.sourceLocale), Q = s.loadLocale, { getLocale: ze, setLocale: Ie }), ze = () => k, Ie = (s) => {
+  if (s === (J ?? k))
     return m.promise;
-  if (!k || !tt)
+  if (!z || !Q)
     throw new Error("Internal error");
-  if (!k.has(s))
+  if (!z.has(s))
     throw new Error("Invalid locale code");
   H++;
   const t = H;
-  return J = s, m.settled && (m = new Ht()), X({ status: "loading", loadingLocale: s }), (s === Nt ? (
+  return J = s, m.settled && (m = new Nt()), Z({ status: "loading", loadingLocale: s }), (s === Dt ? (
     // 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 })
-  ) : tt(s)).then((r) => {
-    H === t && (I = s, J = void 0, Dt = r.templates, X({ status: "ready", readyLocale: s }), m.resolve());
+  ) : Q(s)).then((r) => {
+    H === t && (k = s, J = void 0, qt = r.templates, Z({ status: "ready", readyLocale: s }), m.resolve());
   }, (r) => {
-    H === t && (X({
+    H === t && (Z({
       status: "error",
       errorLocale: s,
       errorMessage: r.toString()
     }), m.reject(r));
   }), m.promise;
-}, qt = ":host{background-color:pink;user-select:none}";
-var ze = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, It = (s, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Ve(t, e) : t, o = s.length - 1, n; o >= 0; o--)
+}, kt = ":host{background-color:pink;user-select:none}";
+var Ve = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, zt = (s, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Be(t, e) : t, o = s.length - 1, n; o >= 0; o--)
     (n = s[o]) && (i = (r ? n(t, e, i) : n(i)) || i);
-  return r && i && ze(t, e, i), i;
+  return r && i && Ve(t, e, i), i;
 };
-let z = class extends me {
+let I = class extends we {
   constructor() {
     super(...arguments), this.object = { "@id": "" };
   }
   render() {
     return this.isType("some:Type") ? c : T`<li>
-      ${ct(Tt`Sample object named: ${this.object.name}`)}
+      ${ht(Lt`Sample object named: ${this.object.name}`)}
     </li>`;
   }
 };
-z.styles = rt`
-    ${it(qt)}
+I.styles = st`
+    ${et(kt)}
   `;
-It([
+zt([
   p({ attribute: !1, type: Object })
-], z.prototype, "object", 2);
-z = It([
-  ht("sample-object"),
-  Mt()
-], z);
-var Be = Object.defineProperty, We = Object.getOwnPropertyDescriptor, kt = (s, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? We(t, e) : t, o = s.length - 1, n; o >= 0; o--)
+], I.prototype, "object", 2);
+I = zt([
+  nt("sample-object"),
+  Ht()
+], I);
+var We = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, It = (s, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Fe(t, e) : t, o = s.length - 1, n; o >= 0; o--)
     (n = s[o]) && (i = (r ? n(t, e, i) : n(i)) || i);
-  return r && i && Be(t, e, i), i;
+  return r && i && We(t, e, i), i;
 };
-let V = class extends lt {
+let V = class extends at {
   constructor() {
     super(...arguments), this.objects = [];
   }
   render() {
-    return this.hasType("some:Type") ? c : T`${ct("Here are all of our objects:")}<br />
+    return this.hasType("some:Type") ? c : T`${ht("Here are all of our objects:")}<br />
       <ul>
         ${this.objects.map(
       (s) => T`<sample-object .object=${s}></sample-object>`
@@ -1151,33 +1084,33 @@ let V = class extends lt {
       </ul>`;
   }
 };
-V.styles = rt`
-    ${it(qt)}
+V.styles = st`
+    ${et(kt)}
   `;
-kt([
+It([
   p({ attribute: !1, type: Object })
 ], V.prototype, "objects", 2);
-V = kt([
-  ht("sample-objects"),
-  Mt()
+V = It([
+  nt("sample-objects"),
+  Ht()
 ], V);
-const Fe = {
-  s9cb0b52fd65ea225: Tt`Sample object named: ${0}`,
+const Ke = {
+  s9cb0b52fd65ea225: Lt`Sample object named: ${0}`,
   se975788b1544119d: "Here are all of our objects:"
-}, Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ze = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  templates: Fe
-}, Symbol.toStringTag, { value: "Module" })), Xe = "en", zt = [
+  templates: Ke
+}, Symbol.toStringTag, { value: "Module" })), Je = "en", Vt = [
   "en"
-], Je = /* @__PURE__ */ Object.assign({ "../../generated/locales/en.ts": Ke }), Ze = new Map(
-  zt.map((s) => [
+], Xe = /* @__PURE__ */ Object.assign({ "../../generated/locales/en.ts": Ze }), Ge = new Map(
+  Vt.map((s) => [
     s,
-    Je[`../../generated/locales/${s}.ts`]
+    Xe[`../../generated/locales/${s}.ts`]
   ])
-), { getLocale: Z, setLocale: G } = qe({
-  sourceLocale: Xe,
-  targetLocales: zt,
-  loadLocale: async (s) => Ze.get(s)
+), { getLocale: St, setLocale: Pt } = ke({
+  sourceLocale: Je,
+  targetLocales: Vt,
+  loadLocale: async (s) => Ge.get(s)
 });
-window.getLocale = window.orbit ? window.getLocale ? window.getLocale.push(Z) : [Z] : Z;
-window.setLocale = window.orbit ? window.setLocale ? window.setLocale.push(G) : [G] : G;
+window.getLocale = window.getLocale ? window.getLocale.push(St) : [St];
+window.setLocale = window.setLocale ? window.setLocale.push(Pt) : [Pt];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startinblox/boilerplate",
-  "version": "4.3.1",
+  "version": "5.0.0",
   "description": "Startin'blox Boilerplate",
   "main": "dist/index.js",
   "type": "module",
@@ -68,23 +68,23 @@
   "dependencies": {
     "@lit/localize": "^0.12.2",
     "@lit/task": "^1.0.3",
-    "autoprefixer": "^10.4.21",
-    "cssnano": "^7.1.1",
-    "lit": "^3.3.1",
+    "autoprefixer": "^10.4.23",
+    "cssnano": "^7.1.2",
+    "lit": "^3.3.2",
     "postcss": "^8.5.6",
-    "postcss-preset-env": "^10.4.0",
+    "postcss-preset-env": "^11.1.2",
     "postcss-scss": "^4.0.9",
-    "sass": "^1.93.2",
-    "unplugin-icons": "^22.5.0",
-    "vite": "^7.1.12"
+    "sass": "^1.97.3",
+    "unplugin-icons": "^23.0.1",
+    "vite": "^7.3.1"
   },
   "devDependencies": {
-    "@lit/localize-tools": "^0.8.0",
-    "@storybook/addon-docs": "^9.1.13",
-    "@storybook/web-components-vite": "^9.1.13",
-    "cypress": "^15.5.0",
+    "@lit/localize-tools": "^0.8.1",
+    "@storybook/addon-docs": "^10.2.3",
+    "@storybook/web-components-vite": "^10.2.3",
+    "cypress": "^15.9.0",
     "cypress-ct-lit": "^1.0.0",
     "lorem-ipsum": "^2.0.8",
-    "storybook": "^9.1.13"
+    "storybook": "^10.2.3"
   }
 }

package/src/helpers/components/orbitComponent.ts

@@ -29,7 +29,7 @@ export default class extends ComponentObjectsHandler {
             if (attach) {
               this.requestUpdate();
             }
-          }
+          },
         );
       }
     };
@@ -67,7 +67,7 @@ export default class extends ComponentObjectsHandler {
   protected async _attach(
     defaultRoute: boolean,
     setupSubscriptions: boolean,
-    ignoreRouter: boolean
+    ignoreRouter: boolean,
   ) {
     if (!this.orbit) {
       if (window.orbit) {
@@ -111,7 +111,7 @@ export default class extends ComponentObjectsHandler {
     const rdfType = navigator.getAttribute("navigation-rdf-type");
     if (rdfType) {
       const compatibleComponents = window.orbit?.components?.filter(
-        (c) => c?.routeAttributes?.["rdf-type"] === rdfType
+        (c) => c?.routeAttributes?.["rdf-type"] === rdfType,
       );
       if (compatibleComponents) target = compatibleComponents[0]?.uniq;
     }
@@ -119,7 +119,7 @@ export default class extends ComponentObjectsHandler {
       requestNavigation(
         (window.orbit ? window.orbit.getRoute(target, true) : target) +
           (subrouter ? `-${subrouter}` : ""),
-        resource
+        resource,
       );
     }
     e.preventDefault();
@@ -134,11 +134,16 @@ export default class extends ComponentObjectsHandler {
 
   async _expandContainer(
     value: Resource[],
-    recursive = true
+    recursive = true,
+    targetProperties: PropertiesPicker[] = this.cherryPickedProperties,
   ): Promise<UnknownResource[]> {
     const expandedContainer: UnknownResource[] = [];
     for (const entry of value) {
-      const line = await this._getProxyValue(entry, recursive);
+      const line = await this._getProxyValue(
+        await entry,
+        recursive,
+        targetProperties,
+      );
       if (line) expandedContainer.push(line);
     }
     return expandedContainer;
@@ -147,7 +152,7 @@ export default class extends ComponentObjectsHandler {
   async _getProperties(
     resource: Resource,
     recursive = true,
-    targetProperties: PropertiesPicker[] = this.cherryPickedProperties
+    targetProperties: PropertiesPicker[] = this.cherryPickedProperties,
   ) {
     const properties = await resource.properties;
     const response: Resource = {
@@ -163,7 +168,7 @@ export default class extends ComponentObjectsHandler {
           response[prop.value] = await this._getProxyValue(
             response[prop.value],
             recursive,
-            targetProperties
+            targetProperties,
           );
         }
         if (prop.cast) {
@@ -174,13 +179,23 @@ export default class extends ComponentObjectsHandler {
     return await this._responseAdaptator(response);
   }
 
+  async _hasCherryPickedProperties(resource: Resource) {
+    const properties = await resource.properties;
+    for (const prop of this.cherryPickedProperties) {
+      if (properties?.includes(prop.key)) {
+        return true;
+      }
+    }
+    return false;
+  }
+
   async _getProxyValue(
     resource:
       | string
       | Resource
       | ProxyValue<Resource | Container<ProxyValue<Resource> | Resource>>,
     recursive = true,
-    targetProperties: PropertiesPicker[] = this.cherryPickedProperties
+    targetProperties: PropertiesPicker[] = this.cherryPickedProperties,
   ) {
     try {
       if (resource) {
@@ -192,10 +207,11 @@ export default class extends ComponentObjectsHandler {
           if (!resource.isFullResource?.()) {
             target = await window.sibStore.getData(
               resource["@id"],
-              CLIENT_CONTEXT
+              CLIENT_CONTEXT,
             );
           }
         }
+
         if (typeof resource !== "string" && !resource.isFullResource) {
           // Edge case when calling getProxyValue with an already
           // fetched resource with server search, not a proxy
@@ -205,9 +221,23 @@ export default class extends ComponentObjectsHandler {
         }
         if (!target) return { _originalResource: target };
         if (typeof target === "object" && target !== null) {
-          if (target["ldp:contains"]) {
-            const value = this._normalizeLdpContains(target["ldp:contains"]);
-            return await this._expandContainer(value, recursive);
+          if (target.isContainer?.() && target["ldp:contains"]) {
+            // Allow ldp:containers to be treated manually by a component
+            if (await this._hasCherryPickedProperties(target)) {
+              return await this._getProperties(
+                target,
+                recursive,
+                targetProperties,
+              );
+            }
+            const value = this._normalizeLdpContains(
+              await target["ldp:contains"],
+            );
+            return await this._expandContainer(
+              value,
+              recursive,
+              targetProperties,
+            );
           }
           return await this._getProperties(target, recursive, targetProperties);
         }

package/src/index.ts

@@ -3,5 +3,5 @@ import "@styles/index.scss";
 import.meta.glob("./components/**/*.ts", { eager: true });
 import.meta.glob("./components/**/*.js", { eager: true });
 
-window.getLocale = window.orbit ? window.getLocale ? window.getLocale.push(getLocale) : [getLocale] : getLocale;
-window.setLocale = window.orbit ? window.setLocale ? window.setLocale.push(setLocale) : [setLocale] : setLocale;
+window.getLocale = window.getLocale ? window.getLocale.push(getLocale) : [getLocale];
+window.setLocale = window.setLocale ? window.setLocale.push(setLocale) : [setLocale];