@startinblox/boilerplate 3.0.3 → 3.0.5

package/README.md

@@ -18,6 +18,7 @@ This boilerplate includes:
   * **Unpluggin Icons:** Access to a vast library of icons from [Iconify](https://icon-sets.iconify.design/).
   * **Lit Integration:** Pre-made component classes to accelerate development.
   * **Vite-powered:** Typescript, SASS, PostCSS, Autoprefixer... Focus on your component logic, not the build process.
+  * **BiomeJS:** For linting and formatting, preconfigured for Startin'blox JS styling, using the most [reasonable one](https://github.com/airbnb/javascript). Use [Biome](https://biomejs.dev/fr/) within your preferred editor.
 
 ## Getting started
 
@@ -47,8 +48,12 @@ To initialize a new component repository from this boilerplate:
 For production usage, components can be served via a CDN like JSDelivr or self-hosted.
 
 ```html
-  <script type="module" src="https://cdn.jsdelivr.net/npm/@startinblox/core@latest/dist/store.js"></script>
-  <script type="module" src="https://cdn.jsdelivr.net/npm/your-component-name@latest"></script>
+  <script type="module" src="https://cdn.jsdelivr.net/npm/@startinblox/core@latest/dist/store.js" defer=""></script>
+  <!--
+  Or the entire core:
+  <script type="module" src="https://cdn.jsdelivr.net/npm/@startinblox/core@latest/dist/index.js" defer=""></script>
+  -->
+  <script type="module" src="https://cdn.jsdelivr.net/npm/your-component-name@latest" defer=""></script>
   <!-- ... -->
   <your-component-1 data-src="..."></your-component-1>
   <your-component-2>Hello World!</your-component-2>
@@ -139,12 +144,10 @@ async _afterAttach() {
 ### `ObjectsHandler` methods
 
 * `hasType(type)`: Checks if any object within `this.objects` shares the requested type, returning a boolean.
-* `renderTemplateWhenWith(property, callback)`: Renders the `callback` if the specified property (or properties) is present. Nested arrays enable `OR` testing, while `AND` testing is implicit. Example: `[["name", "shortname"], "description"]` returns the callback if (`name` OR `shortname`) AND `description` are present.
 
 ### `ObjectHandler` methods
 
 * `isType(type)`: Checks if the object shares the requested type, returning a boolean.
-* `renderTemplateWhenWith`: Functions identically to the `ObjectsHandler` method but applies to a single object.
 
 ### Available helpers
 

package/dist/index.js

@@ -3,7 +3,7 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const H = globalThis, Y = H.ShadowRoot && (H.ShadyCSS === void 0 || H.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, tt = Symbol(), lt = /* @__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 = Symbol(), lt = /* @__PURE__ */ new WeakMap();
 let Ct = class {
   constructor(t, e, r) {
     if (this._$cssResult$ = !0, r !== tt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -29,10 +29,10 @@ const et = (s) => new Ct(typeof s == "string" ? s : s + "", void 0, tt), st = (s
     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, tt);
-}, Wt = (s, t) => {
+}, zt = (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 = H.litNonce;
+    const r = document.createElement("style"), i = N.litNonce;
     i !== void 0 && r.setAttribute("nonce", i), r.textContent = e.cssText, s.appendChild(r);
   }
 }, ct = Y ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
@@ -45,10 +45,10 @@ const et = (s) => new Ct(typeof s == "string" ? s : s + "", void 0, tt), st = (s
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: Bt, defineProperty: Ft, getOwnPropertyDescriptor: Kt, getOwnPropertyNames: Xt, getOwnPropertySymbols: Jt, getPrototypeOf: Zt } = Object, W = globalThis, ut = W.trustedTypes, Gt = ut ? ut.emptyScript : "", Qt = W.reactiveElementPolyfillSupport, T = (s, t) => s, D = { toAttribute(s, t) {
+const { is: Vt, defineProperty: Bt, getOwnPropertyDescriptor: Wt, getOwnPropertyNames: Ft, getOwnPropertySymbols: Kt, getPrototypeOf: Xt } = Object, B = globalThis, ut = B.trustedTypes, Jt = ut ? ut.emptyScript : "", Zt = B.reactiveElementPolyfillSupport, O = (s, t) => s, D = { toAttribute(s, t) {
   switch (t) {
     case Boolean:
-      s = s ? Gt : null;
+      s = s ? Jt : null;
       break;
     case Object:
     case Array:
@@ -73,8 +73,8 @@ const { is: Bt, defineProperty: Ft, getOwnPropertyDescriptor: Kt, getOwnProperty
       }
   }
   return e;
-} }, B = (s, t) => !Bt(s, t), dt = { attribute: !0, type: String, converter: D, reflect: !1, useDefault: !1, hasChanged: B };
-Symbol.metadata ??= Symbol("metadata"), W.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+} }, W = (s, t) => !Vt(s, t), dt = { attribute: !0, type: String, converter: D, reflect: !1, useDefault: !1, hasChanged: W };
+Symbol.metadata ??= Symbol("metadata"), B.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 let E = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
@@ -85,11 +85,11 @@ let E = class extends HTMLElement {
   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 && Ft(this.prototype, t, i);
+      i !== void 0 && Bt(this.prototype, t, i);
     }
   }
   static getPropertyDescriptor(t, e, r) {
-    const { get: i, set: o } = Kt(this.prototype, t) ?? { get() {
+    const { get: i, set: o } = Wt(this.prototype, t) ?? { get() {
       return this[e];
     }, set(n) {
       this[e] = n;
@@ -103,14 +103,14 @@ let E = class extends HTMLElement {
     return this.elementProperties.get(t) ?? dt;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(T("elementProperties"))) return;
-    const t = Zt(this);
+    if (this.hasOwnProperty(O("elementProperties"))) return;
+    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(T("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(T("properties"))) {
-      const e = this.properties, r = [...Xt(e), ...Jt(e)];
+    if (this.hasOwnProperty(O("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(O("properties"))) {
+      const e = this.properties, r = [...Ft(e), ...Kt(e)];
       for (const i of r) this.createProperty(i, e[i]);
     }
     const t = this[Symbol.metadata];
@@ -156,7 +156,7 @@ let E = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Wt(t, this.constructor.elementStyles), t;
+    return zt(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
@@ -186,7 +186,7 @@ let E = class extends HTMLElement {
   requestUpdate(t, e, r) {
     if (t !== void 0) {
       const i = this.constructor, o = this[t];
-      if (r ??= i.getPropertyOptions(t), !((r.hasChanged ?? B)(o, e) || r.useDefault && r.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(i._$Eu(t, r)))) return;
+      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;
       this.C(t, e, r);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -254,59 +254,59 @@ let E = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[T("elementProperties")] = /* @__PURE__ */ new Map(), E[T("finalized")] = /* @__PURE__ */ new Map(), Qt?.({ ReactiveElement: E }), (W.reactiveElementVersions ??= []).push("2.1.0");
+E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[O("elementProperties")] = /* @__PURE__ */ new Map(), E[O("finalized")] = /* @__PURE__ */ new Map(), Zt?.({ ReactiveElement: E }), (B.reactiveElementVersions ??= []).push("2.1.0");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const it = globalThis, q = it.trustedTypes, pt = q ? q.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Rt = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, Tt = "?" + y, Yt = `<${Tt}>`, w = document, x = () => w.createComment(""), O = (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, ft = /-->/g, _t = />/g, m = RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), $t = /'/g, gt = /"/g, xt = /^(?:script|style|textarea|title)$/i, ee = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), j = ee(1), P = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), yt = /* @__PURE__ */ new WeakMap(), A = w.createTreeWalker(w, 129);
-function Ot(s, t) {
+const it = globalThis, q = it.trustedTypes, pt = q ? q.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Pt = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, Rt = "?" + y, Gt = `<${Rt}>`, w = document, x = () => w.createComment(""), j = (s) => s === null || typeof s != "object" && typeof s != "function", rt = Array.isArray, Qt = (s) => rt(s) || typeof s?.[Symbol.iterator] == "function", K = `[ 	
+\f\r]`, R = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ft = /-->/g, _t = />/g, b = RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), $t = /'/g, gt = /"/g, Ot = /^(?:script|style|textarea|title)$/i, Yt = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), T = Yt(1), C = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), yt = /* @__PURE__ */ new WeakMap(), A = w.createTreeWalker(w, 129);
+function xt(s, t) {
   if (!rt(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return pt !== void 0 ? pt.createHTML(t) : t;
 }
-const se = (s, t) => {
+const te = (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 l, d, u = -1, f = 0;
-    for (; f < a.length && (n.lastIndex = f, d = n.exec(a), d !== null); ) f = n.lastIndex, n === R ? d[1] === "!--" ? n = ft : d[1] !== void 0 ? n = _t : d[2] !== void 0 ? (xt.test(d[2]) && (i = RegExp("</" + d[2], "g")), n = m) : d[3] !== void 0 && (n = m) : n === m ? d[0] === ">" ? (n = i ?? R, u = -1) : d[1] === void 0 ? u = -2 : (u = n.lastIndex - d[2].length, l = d[1], n = d[3] === void 0 ? m : d[3] === '"' ? gt : $t) : n === gt || n === $t ? n = m : n === ft || n === _t ? n = R : (n = m, i = void 0);
-    const g = n === m && s[h + 1].startsWith("/>") ? " " : "";
-    o += n === R ? a + Yt : u >= 0 ? (r.push(l), a.slice(0, u) + Rt + a.slice(u) + y + g) : a + y + (u === -2 ? h : g);
+    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 = ft : d[1] !== void 0 ? n = _t : 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] === '"' ? gt : $t) : n === gt || n === $t ? n = b : n === ft || n === _t ? n = R : (n = b, i = void 0);
+    const g = n === b && s[h + 1].startsWith("/>") ? " " : "";
+    o += n === R ? a + Gt : l >= 0 ? (r.push(u), a.slice(0, l) + Pt + a.slice(l) + y + g) : a + y + (l === -2 ? h : g);
   }
-  return [Ot(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, [l, d] = se(t, e);
-    if (this.el = L.createElement(l, r), A.currentNode = this.el.content, e === 2 || e === 3) {
-      const u = this.el.content.firstChild;
-      u.replaceWith(...u.childNodes);
+    const h = t.length - 1, a = this.parts, [u, d] = te(t, e);
+    if (this.el = L.createElement(u, r), A.currentNode = this.el.content, e === 2 || e === 3) {
+      const l = this.el.content.firstChild;
+      l.replaceWith(...l.childNodes);
     }
     for (; (i = A.nextNode()) !== null && a.length < h; ) {
       if (i.nodeType === 1) {
-        if (i.hasAttributes()) for (const u of i.getAttributeNames()) if (u.endsWith(Rt)) {
-          const f = d[n++], g = i.getAttribute(u).split(y), M = /([.?@])?(.*)/.exec(f);
-          a.push({ type: 1, index: o, name: M[2], strings: g, ctor: M[1] === "." ? re : M[1] === "?" ? oe : M[1] === "@" ? ne : F }), i.removeAttribute(u);
-        } else u.startsWith(y) && (a.push({ type: 6, index: o }), i.removeAttribute(u));
-        if (xt.test(i.tagName)) {
-          const u = i.textContent.split(y), f = u.length - 1;
+        if (i.hasAttributes()) for (const l of i.getAttributeNames()) if (l.endsWith(Pt)) {
+          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] === "." ? se : M[1] === "?" ? ie : M[1] === "@" ? re : F }), i.removeAttribute(l);
+        } else l.startsWith(y) && (a.push({ type: 6, index: o }), i.removeAttribute(l));
+        if (Ot.test(i.tagName)) {
+          const l = i.textContent.split(y), f = l.length - 1;
           if (f > 0) {
             i.textContent = q ? q.emptyScript : "";
-            for (let g = 0; g < f; g++) i.append(u[g], x()), A.nextNode(), a.push({ type: 2, index: ++o });
-            i.append(u[f], x());
+            for (let g = 0; g < f; g++) i.append(l[g], x()), A.nextNode(), a.push({ type: 2, index: ++o });
+            i.append(l[f], x());
           }
         }
-      } else if (i.nodeType === 8) if (i.data === Tt) a.push({ type: 2, index: o });
+      } else if (i.nodeType === 8) if (i.data === Rt) a.push({ type: 2, index: o });
       else {
-        let u = -1;
-        for (; (u = i.data.indexOf(y, u + 1)) !== -1; ) a.push({ type: 7, index: o }), u += y.length - 1;
+        let l = -1;
+        for (; (l = i.data.indexOf(y, l + 1)) !== -1; ) a.push({ type: 7, index: o }), l += y.length - 1;
       }
       o++;
     }
@@ -316,13 +316,13 @@ class L {
     return r.innerHTML = t, r;
   }
 }
-function C(s, t, e = s, r) {
-  if (t === P) return t;
+function P(s, t, e = s, r) {
+  if (t === C) return t;
   let i = r !== void 0 ? e._$Co?.[r] : e._$Cl;
-  const o = O(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 = C(s, i._$AS(s, t.values), i, r)), t;
+  const o = j(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;
 }
-class ie {
+class ee {
   constructor(t, e) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
   }
@@ -338,8 +338,8 @@ class ie {
     let o = A.nextNode(), n = 0, h = 0, a = r[0];
     for (; a !== void 0; ) {
       if (n === a.index) {
-        let l;
-        a.type === 2 ? l = new U(o, o.nextSibling, this, t) : a.type === 1 ? l = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (l = new ae(o, this, t)), this._$AV.push(l), a = r[++h];
+        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 oe(o, this, t)), this._$AV.push(u), a = r[++h];
       }
       n !== a?.index && (o = A.nextNode(), n++);
     }
@@ -369,7 +369,7 @@ class U {
     return this._$AB;
   }
   _$AI(t, e = this) {
-    t = C(this, t, e), O(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);
+    t = P(this, t, e), j(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) : Qt(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -378,13 +378,13 @@ class U {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== c && O(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w.createTextNode(t)), this._$AH = t;
+    this._$AH !== c && j(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w.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(Ot(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 ie(i, this), n = o.u(this.options);
+      const o = new ee(i, this), n = o.u(this.options);
       o.p(e), this.T(n), this._$AH = o;
     }
   }
@@ -422,11 +422,11 @@ class F {
   _$AI(t, e = this, r, i) {
     const o = this.strings;
     let n = !1;
-    if (o === void 0) t = C(this, t, e, 0), n = !O(t) || t !== this._$AH && t !== P, n && (this._$AH = t);
+    if (o === void 0) t = P(this, t, e, 0), n = !j(t) || t !== this._$AH && t !== C, n && (this._$AH = t);
     else {
       const h = t;
-      let a, l;
-      for (t = o[0], a = 0; a < o.length - 1; a++) l = C(this, h[r + a], e, a), l === P && (l = this._$AH[a]), n ||= !O(l) || l !== this._$AH[a], l === c ? t = c : t !== c && (t += (l ?? "") + o[a + 1]), this._$AH[a] = l;
+      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 ||= !j(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);
   }
@@ -434,7 +434,7 @@ class F {
     t === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class re extends F {
+class se extends F {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -442,7 +442,7 @@ class re extends F {
     this.element[this.name] = t === c ? void 0 : t;
   }
 }
-class oe extends F {
+class ie extends F {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -450,12 +450,12 @@ class oe extends F {
     this.element.toggleAttribute(this.name, !!t && t !== c);
   }
 }
-class ne extends F {
+class re extends F {
   constructor(t, e, r, i, o) {
     super(t, e, r, i, o), this.type = 5;
   }
   _$AI(t, e = this) {
-    if ((t = C(this, t, e, 0) ?? c) === P) return;
+    if ((t = P(this, t, e, 0) ?? c) === C) 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;
   }
@@ -463,7 +463,7 @@ class ne extends F {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class ae {
+class oe {
   constructor(t, e, r) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = r;
   }
@@ -471,12 +471,12 @@ class ae {
     return this._$AM._$AU;
   }
   _$AI(t) {
-    C(this, t);
+    P(this, t);
   }
 }
-const he = it.litHtmlPolyfillSupport;
-he?.(L, U), (it.litHtmlVersions ??= []).push("3.3.0");
-const le = (s, t, e) => {
+const ne = it.litHtmlPolyfillSupport;
+ne?.(L, U), (it.litHtmlVersions ??= []).push("3.3.0");
+const ae = (s, t, e) => {
   const r = e?.renderBefore ?? t;
   let i = r._$litPart$;
   if (i === void 0) {
@@ -501,7 +501,7 @@ let S = class extends E {
   }
   update(t) {
     const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = le(e, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ae(e, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -510,12 +510,12 @@ let S = class extends E {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return P;
+    return C;
   }
 };
 S._$litElement$ = !0, S.finalized = !0, ot.litElementHydrateSupport?.({ LitElement: S });
-const ce = ot.litElementPolyfillSupport;
-ce?.({ LitElement: S });
+const he = ot.litElementPolyfillSupport;
+he?.({ LitElement: S });
 (ot.litElementVersions ??= []).push("4.2.0");
 /**
  * @license
@@ -532,7 +532,7 @@ const nt = (s) => (t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const ue = { attribute: !0, type: String, converter: D, reflect: !1, hasChanged: B }, de = (s = ue, t, e) => {
+const le = { attribute: !0, type: String, converter: D, reflect: !1, hasChanged: W }, ce = (s = le, 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") {
@@ -554,7 +554,7 @@ const ue = { attribute: !0, type: String, converter: D, reflect: !1, hasChanged:
   throw Error("Unsupported decorator location: " + r);
 };
 function p(s) {
-  return (t, e) => typeof e == "object" ? de(s, t, e) : ((r, i, o) => {
+  return (t, e) => typeof e == "object" ? ce(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);
@@ -572,8 +572,8 @@ function jt(s) {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const pe = Symbol();
-class fe {
+const ue = Symbol();
+class de {
   get taskComplete() {
     return this.t || (this.i === 1 ? this.t = new Promise((t, e) => {
       this.o = t, this.h = e;
@@ -582,7 +582,7 @@ class fe {
   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 ?? _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?.());
+    this.v = i.task, this.j = i.args, this.m = i.argsEqual ?? pe, 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();
@@ -612,7 +612,7 @@ class fe {
       o = !0, r = n;
     }
     if (this.p === i) {
-      if (e === pe) this.i = 0;
+      if (e === ue) this.i = 0;
       else {
         if (o === !1) {
           try {
@@ -659,41 +659,29 @@ class fe {
     }
   }
 }
-const _e = (s, t) => s === t || s.length === t.length && s.every((e, r) => !B(e, t[r]));
+const pe = (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);
   });
 });
-const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null
-}, Symbol.toStringTag, { value: "Module" }));
-var $e = Object.defineProperty, ge = (s, t, e, r) => {
+var fe = Object.defineProperty, _e = (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 && fe(t, e, i), i;
 };
-const ye = Object.values(Lt);
 class at extends S {
   constructor() {
     super(...arguments), this.objects = [], this.hasType = (t, e = this.objects) => new Set(e.flatMap((i) => i["@type"])).has(t);
   }
-  renderTemplateWhenWith(t, e, r = this.objects) {
-    const i = (n, h) => Array.isArray(n) ? n.some((a) => h(a)) : h(n);
-    return t.filter(
-      (n) => i(n, (h) => ye.includes(h))
-    ).every(
-      (n) => i(n, (h) => this.hasType(h, r))
-    ) ? e.call(this) : c;
-  }
 }
-ge([
+_e([
   p({ attribute: !1 })
 ], at.prototype, "objects");
-var ve = Object.defineProperty, v = (s, t, e, r) => {
+var $e = 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 && ve(t, e, i), i;
+  return i && $e(t, e, i), i;
 };
 class $ extends at {
   constructor({
@@ -712,7 +700,7 @@ class $ extends at {
     document.readyState !== "complete" ? document.addEventListener("DOMContentLoaded", i) : i();
   }
   async _attach(t, e, r) {
-    return !this.orbit && window.orbit && (this.orbit = window.orbit, e) ? (Ae({
+    return !this.orbit && window.orbit && (this.orbit = window.orbit, e) ? (ve({
       component: this,
       defaultRoute: t,
       ignoreRouter: r
@@ -732,7 +720,7 @@ class $ extends at {
       );
       h && (r = h[0]?.uniq);
     }
-    r && Se(
+    r && Ae(
       (window.orbit ? window.orbit.getRoute(r, !0) : r) + (i ? `-${i}` : ""),
       o
     ), t.preventDefault();
@@ -815,7 +803,7 @@ v([
 v([
   jt()
 ], $.prototype, "currentRoute");
-const me = (s, { keywords: t = [], attributes: e = ["dataSrc"] } = {}) => {
+const ge = (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"];
@@ -828,15 +816,15 @@ const me = (s, { keywords: t = [], attributes: e = ["dataSrc"] } = {}) => {
   };
   document.readyState !== "complete" ? document.addEventListener("DOMContentLoaded", r) : r();
 };
-function be() {
+function ye() {
   return Math.random().toString(16).slice(2);
 }
-const Ae = ({
+const ve = ({
   component: s,
   defaultRoute: t = !1,
   ignoreRouter: e = !1
 }) => {
-  if (s.uniq || (s.uniq = be(), t && !s.route && !e && (s.route = t)), s._subscriptions = /* @__PURE__ */ new Set(), !e) {
+  if (s.uniq || (s.uniq = ye(), 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; )
@@ -860,8 +848,8 @@ const Ae = ({
     for (const r of s._subscriptions)
       document.removeEventListener(r[0], r[1]);
   }, s._subscribe();
-}, vt = Object.values(Lt);
-class we extends S {
+};
+class be extends S {
   constructor() {
     super(...arguments), this.object = {
       "@id": ""
@@ -870,44 +858,15 @@ class we extends S {
       return Array.isArray(r) ? r.includes(t) : typeof r == "string" ? r === t : !1;
     };
   }
-  getNestedProperty(t, e = this.object) {
-    return t.split(".").reduce((r, i) => {
-      if (r === void 0)
-        return;
-      const o = i.match(/(.*)\[(.*)\]/);
-      if (o) {
-        const n = o[1], h = o[2], a = r[n];
-        if (!Array.isArray(a))
-          return;
-        if (h === "")
-          return a.length > 0 ? a : void 0;
-        const l = Number.parseInt(h, 10);
-        return Number.isNaN(l) || l < 0 || l >= a.length ? void 0 : r[n][l];
-      }
-      return r && r[i] !== "undefined" ? r[i] : void 0;
-    }, e);
-  }
-  renderTemplateWhenWith(t, e, r = this.object) {
-    const i = (h, a) => Array.isArray(h) ? h.some((l) => a(l)) : a(h), o = t.filter(
-      (h) => i(h, (a) => vt.includes(a))
-    );
-    return t.filter(
-      (h) => i(h, (a) => !vt.includes(a))
-    ).every(
-      (h) => i(h, (a) => this.getNestedProperty(a, r))
-    ) && o.every(
-      (h) => i(h, (a) => this.isType(a, r))
-    ) ? e.call(this) : c;
-  }
 }
-const mt = (s, t) => {
+const vt = (s, t) => {
   let e = s;
   for (let r = 0; r < t.length && (e && t[r] in e); r++)
     e = e[t[r]];
   return e;
-}, Ee = (s, t, e = "asc") => s.sort((r, i) => {
+}, me = (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 = vt(r, t), n = vt(i, t)) : (o = r[t], n = i[t]);
   let h = 0;
   if (typeof o == "number" && typeof n == "number")
     h = o - n;
@@ -918,7 +877,7 @@ const mt = (s, t) => {
   else
     throw new TypeError(`Unsupported data type for key "${t}"`);
   return e === "asc" ? h : -h;
-}), Se = (s, t = !1) => {
+}), Ae = (s, t = !1) => {
   window.dispatchEvent(
     new CustomEvent("requestNavigation", {
       detail: {
@@ -928,8 +887,8 @@ const mt = (s, t) => {
     })
   );
 }, bt = {};
-var Pe = Object.getOwnPropertyDescriptor, Ce = (s, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Pe(t, e) : t, o = s.length - 1, n; o >= 0; o--)
+var we = Object.getOwnPropertyDescriptor, Ee = (s, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? we(t, e) : t, o = s.length - 1, n; o >= 0; o--)
     (n = s[o]) && (i = n(i) || i);
   return i;
 };
@@ -937,28 +896,28 @@ let Z = class extends $ {
   constructor() {
     super(...arguments), this.cherryPickedProperties = [
       { key: "name", value: "name" }
-    ], this._getResource = new fe(this, {
+    ], this._getResource = new de(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), Ee(this.datas, "name", "asc");
+          return this.oldDataSrc !== s && (this.oldDataSrc = s), me(this.datas, "name", "asc");
         }
       },
       args: () => [this.dataSrc, this.caching, this.currentRoute]
     });
   }
   async _afterAttach() {
-    return me(this, {
+    return ge(this, {
       keywords: ["some-keyword", "for-invalidating", "cache"]
     }), Promise.resolve();
   }
   render() {
     return this.gatekeeper() || this._getResource.render({
-      pending: () => j`<solid-loader></solid-loader>`,
-      complete: (s) => s ? j`<div>
+      pending: () => T`<solid-loader></solid-loader>`,
+      complete: (s) => s ? T`<div>
             <sample-objects .objects=${s}></sample-objects>
           </div>` : c
     });
@@ -974,7 +933,7 @@ Z.styles = st`
       bottom: 0;
     }
   `;
-Z = Ce([
+Z = Ee([
   nt("solid-boilerplate")
 ], Z);
 /**
@@ -988,11 +947,11 @@ const G = "lit-localize-status";
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Re = (s, ...t) => ({
+const Se = (s, ...t) => ({
   strTag: !0,
   strings: s,
   values: t
-}), Te = Re, xe = (s) => typeof s != "string" && "strTag" in s, Ut = (s, t, e) => {
+}), Ce = Se, Pe = (s) => typeof s != "string" && "strTag" in s, Tt = (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];
@@ -1003,19 +962,19 @@ const Re = (s, ...t) => ({
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Mt = (s) => xe(s) ? Ut(s.strings, s.values) : s;
-let ht = Mt, At = !1;
-function Oe(s) {
-  if (At)
+const Lt = (s) => Pe(s) ? Tt(s.strings, s.values) : s;
+let ht = Lt, mt = !1;
+function Re(s) {
+  if (mt)
     throw new Error("lit-localize can only be configured once");
-  ht = s, At = !0;
+  ht = s, mt = !0;
 }
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class je {
+class Oe {
   constructor(t) {
     this.__litLocalizeEventHandler = (e) => {
       e.detail.status === "ready" && this.host.requestUpdate();
@@ -1028,19 +987,19 @@ class je {
     window.removeEventListener(G, this.__litLocalizeEventHandler);
   }
 }
-const Le = (s) => s.addController(new je(s)), Ue = Le;
+const xe = (s) => s.addController(new Oe(s)), je = xe;
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Nt = () => (s, t) => (s.addInitializer(Ue), s);
+const Ut = () => (s, t) => (s.addInitializer(je), s);
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Ht {
+class Mt {
   constructor() {
     this.settled = !1, this.promise = new Promise((t, e) => {
       this._resolve = t, this._reject = e;
@@ -1061,10 +1020,10 @@ class Ht {
 const _ = [];
 for (let s = 0; s < 256; s++)
   _[s] = (s >> 4 & 15).toString(16) + (s & 15).toString(16);
-function Me(s) {
+function Te(s) {
   let t = 0, e = 8997, r = 0, i = 33826, o = 0, n = 40164, h = 0, a = 52210;
-  for (let l = 0; l < s.length; l++)
-    e ^= s.charCodeAt(l), 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;
+  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];
 }
 /**
@@ -1072,24 +1031,24 @@ function Me(s) {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ne = "", He = "h", De = "s";
-function qe(s, t) {
-  return (t ? He : De) + Me(typeof s == "string" ? s : s.join(Ne));
+const Le = "", Ue = "h", Me = "s";
+function He(s, t) {
+  return (t ? Ue : Me) + Te(typeof s == "string" ? s : s.join(Le));
 }
 /**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const wt = /* @__PURE__ */ new WeakMap(), Et = /* @__PURE__ */ new Map();
-function Ie(s, t, e) {
+const At = /* @__PURE__ */ new WeakMap(), wt = /* @__PURE__ */ new Map();
+function Ne(s, t, e) {
   if (s) {
-    const r = e?.id ?? ke(t), i = s[r];
+    const r = e?.id ?? De(t), i = s[r];
     if (i) {
       if (typeof i == "string")
         return i;
       if ("strTag" in i)
-        return Ut(
+        return Tt(
           i.strings,
           // Cast `template` because its type wasn't automatically narrowed (but
           // we know it must be the same type as `localized`).
@@ -1097,20 +1056,20 @@ function Ie(s, t, e) {
           i.values
         );
       {
-        let o = wt.get(i);
-        return o === void 0 && (o = i.values, wt.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 Mt(t);
+  return Lt(t);
 }
-function ke(s) {
+function De(s) {
   const t = typeof s == "string" ? s : s.strings;
-  let e = Et.get(t);
-  return e === void 0 && (e = qe(t, typeof s != "string" && !("strTag" in s)), Et.set(t, e)), e;
+  let e = wt.get(t);
+  return e === void 0 && (e = He(t, typeof s != "string" && !("strTag" in s)), wt.set(t, e)), e;
 }
 /**
  * @license
@@ -1120,97 +1079,97 @@ function ke(s) {
 function X(s) {
   window.dispatchEvent(new CustomEvent(G, { detail: s }));
 }
-let I = "", J, Dt, k, Q, qt, b = new Ht();
-b.resolve();
-let N = 0;
-const ze = (s) => (Oe((t, e) => Ie(qt, t, e)), I = Dt = s.sourceLocale, k = new Set(s.targetLocales), k.add(s.sourceLocale), Q = s.loadLocale, { getLocale: Ve, setLocale: We }), Ve = () => I, We = (s) => {
+let I = "", J, Ht, k, Q, Nt, m = new Mt();
+m.resolve();
+let H = 0;
+const qe = (s) => (Re((t, e) => Ne(Nt, t, e)), I = Ht = s.sourceLocale, k = new Set(s.targetLocales), k.add(s.sourceLocale), Q = s.loadLocale, { getLocale: Ie, setLocale: ke }), Ie = () => I, ke = (s) => {
   if (s === (J ?? I))
-    return b.promise;
+    return m.promise;
   if (!k || !Q)
     throw new Error("Internal error");
   if (!k.has(s))
     throw new Error("Invalid locale code");
-  N++;
-  const t = N;
-  return J = s, b.settled && (b = new Ht()), X({ status: "loading", loadingLocale: s }), (s === Dt ? (
+  H++;
+  const t = H;
+  return J = s, m.settled && (m = new Mt()), X({ status: "loading", loadingLocale: s }), (s === Ht ? (
     // 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 })
   ) : Q(s)).then((r) => {
-    N === t && (I = s, J = void 0, qt = r.templates, X({ status: "ready", readyLocale: s }), b.resolve());
+    H === t && (I = s, J = void 0, Nt = r.templates, X({ status: "ready", readyLocale: s }), m.resolve());
   }, (r) => {
-    N === t && (X({
+    H === t && (X({
       status: "error",
       errorLocale: s,
       errorMessage: r.toString()
-    }), b.reject(r));
-  }), b.promise;
-}, It = ":host{background-color:pink;user-select:none}";
-var Be = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, kt = (s, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Fe(t, e) : t, o = s.length - 1, n; o >= 0; o--)
+    }), m.reject(r));
+  }), m.promise;
+}, Dt = ":host{background-color:pink;user-select:none}";
+var ze = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, qt = (s, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ve(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 && ze(t, e, i), i;
 };
-let z = class extends we {
+let z = class extends be {
   constructor() {
     super(...arguments), this.object = { "@id": "" };
   }
   render() {
-    return this.isType("some:Type") ? c : j`<li>
-      ${ht(Te`Sample object named: ${this.object.name}`)}
+    return this.isType("some:Type") ? c : T`<li>
+      ${ht(Ce`Sample object named: ${this.object.name}`)}
     </li>`;
   }
 };
 z.styles = st`
-    ${et(It)}
+    ${et(Dt)}
   `;
-kt([
+qt([
   p({ attribute: !1, type: Object })
 ], z.prototype, "object", 2);
-z = kt([
+z = qt([
   nt("sample-object"),
-  Nt()
+  Ut()
 ], z);
-var Ke = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, zt = (s, t, e, r) => {
-  for (var i = r > 1 ? void 0 : r ? Xe(t, e) : t, o = s.length - 1, n; o >= 0; o--)
+var Be = Object.defineProperty, We = Object.getOwnPropertyDescriptor, It = (s, t, e, r) => {
+  for (var i = r > 1 ? void 0 : r ? We(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 && Ke(t, e, i), i;
+  return r && i && Be(t, e, i), i;
 };
 let V = class extends at {
   constructor() {
     super(...arguments), this.objects = [];
   }
   render() {
-    return this.hasType("some:Type") ? c : j`${ht("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) => j`<sample-object .object=${s}></sample-object>`
+      (s) => T`<sample-object .object=${s}></sample-object>`
     )}
       </ul>`;
   }
 };
 V.styles = st`
-    ${et(It)}
+    ${et(Dt)}
   `;
-zt([
+It([
   p({ attribute: !1, type: Object })
 ], V.prototype, "objects", 2);
-V = zt([
+V = It([
   nt("sample-objects"),
-  Nt()
+  Ut()
 ], V);
-const Je = "en", Vt = [
+const Fe = "en", kt = [
   "en"
-], Ze = /* @__PURE__ */ Object.assign({}), Ge = new Map(
-  Vt.map((s) => [
+], Ke = /* @__PURE__ */ Object.assign({}), Xe = new Map(
+  kt.map((s) => [
     s,
-    Ze[`../generated/locales/${s}.ts`]
+    Ke[`../generated/locales/${s}.ts`]
   ])
-), { getLocale: St, setLocale: Pt } = ze({
-  sourceLocale: Je,
-  targetLocales: Vt,
-  loadLocale: async (s) => Ge.get(s)
+), { getLocale: Et, setLocale: St } = qe({
+  sourceLocale: Fe,
+  targetLocales: kt,
+  loadLocale: async (s) => Xe.get(s)
 });
-window.getLocale = window.getLocale ? window.getLocale.push(St) : [St];
-window.setLocale = window.setLocale ? window.setLocale.push(Pt) : [Pt];
+window.getLocale = window.getLocale ? window.getLocale.push(Et) : [Et];
+window.setLocale = window.setLocale ? window.setLocale.push(St) : [St];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startinblox/boilerplate",
-  "version": "3.0.3",
+  "version": "3.0.5",
   "description": "Startin'blox Boilerplate",
   "main": "dist/index.js",
   "type": "module",

package/src/helpers/components/componentObjectHandler.ts

@@ -1,13 +1,8 @@
 import type {
   LimitedResource,
   Resource,
-  TemplateResultOrSymbol,
 } from "@src/component";
-import { LitElement, nothing } from "lit";
-
-import * as rdf from "@src/initializer";
-
-const rdfs = Object.values(rdf);
+import { LitElement } from "lit";
 
 export class ComponentObjectHandler extends LitElement {
   object?: LimitedResource = {
@@ -24,77 +19,4 @@ export class ComponentObjectHandler extends LitElement {
     }
     return false;
   };
-
-  private getNestedProperty(path: string, obj: Resource = (this.object as Resource)): any {
-    return path.split(".").reduce((subObj: any, key) => {
-      if (subObj === undefined) {
-        return undefined;
-      }
-
-      const arrayMatch = key.match(/(.*)\[(.*)\]/);
-      if (arrayMatch) {
-        const baseKey = arrayMatch[1];
-        const index = arrayMatch[2];
-
-        const array = subObj[baseKey];
-
-        if (!Array.isArray(array)) {
-          return undefined;
-        }
-
-        if (index === "") {
-          if (array.length > 0) {
-            return array;
-          }
-          return undefined;
-        }
-
-        const numericIndex = Number.parseInt(index, 10);
-        if (
-          Number.isNaN(numericIndex) ||
-          numericIndex < 0 ||
-          numericIndex >= array.length
-        ) {
-          return undefined;
-        }
-
-        return subObj[baseKey][numericIndex];
-      }
-      return subObj && subObj[key] !== "undefined" ? subObj[key] : undefined;
-    }, obj);
-  }
-
-  renderTemplateWhenWith(
-    requiredProperties: (string | string[])[],
-    template: () => TemplateResultOrSymbol,
-    obj: Resource = (this.object as Resource)
-  ): TemplateResultOrSymbol {
-    const tester = (
-      property: string | string[],
-      cb: (some: string) => boolean
-    ) =>
-      Array.isArray(property)
-        ? property.some((subProp) => cb(subProp))
-        : cb(property);
-
-    const typeProperties = requiredProperties.filter((property) =>
-      tester(property, (p) => rdfs.includes(p))
-    );
-
-    const keyProperties = requiredProperties.filter((property) =>
-      tester(property, (p) => !rdfs.includes(p))
-    );
-
-    if (
-      keyProperties.every((property) =>
-        tester(property, (p) => this.getNestedProperty(p, obj))
-      ) &&
-      typeProperties.every((property) =>
-        tester(property, (p) => this.isType(p, obj))
-      )
-    ) {
-      return template.call(this);
-    }
-    return nothing;
-  }
 }

package/src/helpers/components/componentObjectsHandler.ts

@@ -1,11 +1,8 @@
-import type { Resource, TemplateResultOrSymbol } from "@src/component";
-import { LitElement, nothing } from "lit";
+import type { Resource } from "@src/component";
+import { LitElement } from "lit";
 
-import * as rdf from "@src/initializer";
 import { property } from "lit/decorators.js";
 
-const rdfs = Object.values(rdf);
-
 export class ComponentObjectsHandler extends LitElement {
   @property({ attribute: false })
   objects?: Resource[] = [];
@@ -14,31 +11,4 @@ export class ComponentObjectsHandler extends LitElement {
     const typeValue = new Set(objs.flatMap((o) => o["@type"]));
     return typeValue.has(type);
   };
-
-  renderTemplateWhenWith(
-    requiredProperties: (string | string[])[],
-    template: () => TemplateResultOrSymbol,
-    objs: Resource[] = this.objects as Resource[]
-  ): TemplateResultOrSymbol {
-    const tester = (
-      property: string | string[],
-      cb: (some: string) => boolean
-    ) =>
-      Array.isArray(property)
-        ? property.some((subProp) => cb(subProp))
-        : cb(property);
-
-    const typeProperties = requiredProperties.filter((property) =>
-      tester(property, (p) => rdfs.includes(p))
-    );
-
-    if (
-      typeProperties.every((property) =>
-        tester(property, (p) => this.hasType(p, objs))
-      )
-    ) {
-      return template.call(this);
-    }
-    return nothing;
-  }
 }