@startinblox/core 0.20.0-beta.1 → 0.20.0-beta.3

package/dist/index.js

@@ -2,8 +2,8 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a2;
-import { d as defineComponent, u as uniqID, i as importInlineCSS, a as asyncQuerySelector, f as fuzzyCompare, p as parseFieldsString, b as findClosingBracketMatchIndex, c as compare, e as evalTemplateString, g as generalComparator, s as setDeepProperty, t as transformArrayToContainer } from "./helpers-D842zXW3.js";
-import { h } from "./helpers-D842zXW3.js";
+import { d as defineComponent, u as uniqID, i as importInlineCSS, a as asyncQuerySelector, f as fuzzyCompare, p as parseFieldsString, b as findClosingBracketMatchIndex, c as compare, e as evalTemplateString, g as generalComparator, s as setDeepProperty, t as transformArrayToContainer } from "./helpers-B4P9rvjM.js";
+import { h } from "./helpers-B4P9rvjM.js";
 import PubSub$1 from "https://cdn.skypack.dev/pubsub-js";
 if (!("flat" in Array.prototype)) {
   Object.defineProperty(Array.prototype, "flat", {
@@ -41,13 +41,7 @@ if (!Element.prototype.toggleAttribute) {
   };
 }
 const HOOKS = ["created", "attached", "detached"];
-const API = [
-  "name",
-  "use",
-  "attributes",
-  "initialState",
-  ...HOOKS
-];
+const API = ["name", "use", "attributes", "initialState", ...HOOKS];
 class Compositor {
   static merge(component, mixins) {
     return {
@@ -113,7 +107,9 @@ class Compositor {
   static mergeMethods(mixins) {
     const methods2 = /* @__PURE__ */ new Map();
     mixins.reverse().forEach((mixin) => {
-      const keys2 = Reflect.ownKeys(mixin).filter((key) => typeof key === "string" && API.indexOf(key) < 0 && !Object.getOwnPropertyDescriptor(mixin, key).get && !Object.getOwnPropertyDescriptor(mixin, key).set && typeof mixin[key] === "function");
+      const keys2 = Reflect.ownKeys(mixin).filter(
+        (key) => typeof key === "string" && API.indexOf(key) < 0 && !Object.getOwnPropertyDescriptor(mixin, key).get && !Object.getOwnPropertyDescriptor(mixin, key).set && typeof mixin[key] === "function"
+      );
       keys2.forEach((key) => {
         methods2.set(key, mixin[key]);
       });
@@ -123,10 +119,20 @@ class Compositor {
   static mergeAccessors(mixins) {
     const accessors = {};
     mixins.reverse().forEach((mixin) => {
-      Reflect.ownKeys(mixin).filter((key) => typeof key === "string" && API.indexOf(key) < 0 && (Object.getOwnPropertyDescriptor(mixin, key).get || Object.getOwnPropertyDescriptor(mixin, key).set)).forEach((prop2) => {
+      Reflect.ownKeys(mixin).filter(
+        (key) => typeof key === "string" && API.indexOf(key) < 0 && (Object.getOwnPropertyDescriptor(mixin, key).get || Object.getOwnPropertyDescriptor(mixin, key).set)
+      ).forEach((prop2) => {
         accessors[prop2] = { ...accessors[prop2] };
-        if (Reflect.getOwnPropertyDescriptor(mixin, prop2).get) accessors[prop2].get = Reflect.getOwnPropertyDescriptor(mixin, prop2).get;
-        if (Reflect.getOwnPropertyDescriptor(mixin, prop2).set) accessors[prop2].set = Reflect.getOwnPropertyDescriptor(mixin, prop2).set;
+        if (Reflect.getOwnPropertyDescriptor(mixin, prop2).get)
+          accessors[prop2].get = Reflect.getOwnPropertyDescriptor(
+            mixin,
+            prop2
+          ).get;
+        if (Reflect.getOwnPropertyDescriptor(mixin, prop2).set)
+          accessors[prop2].set = Reflect.getOwnPropertyDescriptor(
+            mixin,
+            prop2
+          ).set;
       });
     });
     return accessors;
@@ -467,7 +473,9 @@ function trackRenderAsync(fn, context2) {
       this.profiler.updateStats(componentName, renderTime);
       this.profiler.printStats();
     } else {
-      log.debug(`Component ${componentName} rendered in ${renderTime.toFixed(2)} ms`);
+      log.debug(
+        `Component ${componentName} rendered in ${renderTime.toFixed(2)} ms`
+      );
     }
     return result;
   };
@@ -557,11 +565,26 @@ class ComponentFactory {
     const { initialState, attributes, methods: methods2, hooks, accessors, name } = Compositor.merge(component, Compositor.mergeMixin(component));
     let componentConstructor = class extends Component {
     };
-    componentConstructor = ComponentFactory.bindInitialState(componentConstructor, initialState);
-    componentConstructor = ComponentFactory.bindAttributes(componentConstructor, attributes);
-    componentConstructor = ComponentFactory.bindMethods(componentConstructor, methods2);
-    componentConstructor = ComponentFactory.bindAccessors(componentConstructor, accessors);
-    componentConstructor = ComponentFactory.bindHooks(componentConstructor, hooks);
+    componentConstructor = ComponentFactory.bindInitialState(
+      componentConstructor,
+      initialState
+    );
+    componentConstructor = ComponentFactory.bindAttributes(
+      componentConstructor,
+      attributes
+    );
+    componentConstructor = ComponentFactory.bindMethods(
+      componentConstructor,
+      methods2
+    );
+    componentConstructor = ComponentFactory.bindAccessors(
+      componentConstructor,
+      accessors
+    );
+    componentConstructor = ComponentFactory.bindHooks(
+      componentConstructor,
+      hooks
+    );
     Reflect.defineProperty(componentConstructor, "name", {
       value: name
     });
@@ -581,7 +604,9 @@ class ComponentFactory {
   }
   static bindAttributes(componentConstructor, attributes) {
     if (attributes) {
-      const attributesList = Reflect.ownKeys(attributes).map((key) => String(key));
+      const attributesList = Reflect.ownKeys(attributes).map(
+        (key) => String(key)
+      );
       const attributesCallback = {};
       attributesList.forEach((key) => {
         const { default: def, type, required, callback } = attributes[key];
@@ -641,16 +666,29 @@ class ComponentFactory {
         }
       });
       Reflect.defineProperty(componentConstructor, "observedAttributes", {
-        get: () => attributesList.map((attr) => attr.replace(/([a-z0-9])([A-Z0-9])/g, "$1-$2").toLowerCase())
+        get: () => attributesList.map(
+          (attr) => attr.replace(/([a-z0-9])([A-Z0-9])/g, "$1-$2").toLowerCase()
+        )
       });
-      Reflect.defineProperty(componentConstructor.prototype, "attributesCallback", {
-        value: function(key, newValue, oldValue) {
-          if (key in attributesCallback) {
-            Reflect.apply(attributesCallback[key], this, [newValue, oldValue]);
+      Reflect.defineProperty(
+        componentConstructor.prototype,
+        "attributesCallback",
+        {
+          value: function(key, newValue, oldValue) {
+            if (key in attributesCallback) {
+              Reflect.apply(attributesCallback[key], this, [
+                newValue,
+                oldValue
+              ]);
+            }
           }
         }
-      });
-      Reflect.defineProperty(componentConstructor.prototype, "attributesCallback", attributesCallback);
+      );
+      Reflect.defineProperty(
+        componentConstructor.prototype,
+        "attributesCallback",
+        attributesCallback
+      );
     }
     return componentConstructor;
   }
@@ -731,7 +769,10 @@ class Sib {
         return component.observedAttributes;
       }
       attributeChangedCallback(name, oldValue, newValue) {
-        const attr = name.replace(/([a-z0-9])-([a-z0-9])/g, (_c, p1, p2) => `${p1}${p2.toUpperCase()}`);
+        const attr = name.replace(
+          /([a-z0-9])-([a-z0-9])/g,
+          (_c, p1, p2) => `${p1}${p2.toUpperCase()}`
+        );
         this.component.attributesCallback(attr, newValue, oldValue);
       }
       connectedCallback() {
@@ -1323,7 +1364,9 @@ class SpreadDirective extends i$2 {
     if (part2.type === t.ATTRIBUTE || part2.type === t.PROPERTY) {
       element = part2.element;
     } else {
-      console.warn("Unsupported part type or missing element, skipping update.");
+      console.warn(
+        "Unsupported part type or missing element, skipping update."
+      );
       return T;
     }
     if (spreadData) {
@@ -1401,7 +1444,10 @@ function preHTML(strings, ...values) {
       const { needlessValues: needlessValues2 } = cached;
       const isSame = needlessValues2.every((nv) => values[nv.index] === nv.value);
       if (isSame) {
-        return x(cached.strings, ...filterOutNeedlessValues(values, needlessValues2));
+        return x(
+          cached.strings,
+          ...filterOutNeedlessValues(values, needlessValues2)
+        );
       }
     }
   }
@@ -1424,7 +1470,10 @@ function preHTML(strings, ...values) {
     strings: finalStrings,
     needlessValues
   });
-  return x(finalStrings, ...filterOutNeedlessValues(values, needlessValues));
+  return x(
+    finalStrings,
+    ...filterOutNeedlessValues(values, needlessValues)
+  );
 }
 class PostProcessorRegistry {
   constructor(currentPostProcessors = []) {
@@ -1557,7 +1606,10 @@ const BaseWidgetMixin = {
   },
   render() {
     const listValueTransformationsCopy = this.listValueTransformations.deepCopy();
-    listValueTransformationsCopy.attach(this.renderTemplate.bind(this), "BaseWidgetMixin:renderTemplate");
+    listValueTransformationsCopy.attach(
+      this.renderTemplate.bind(this),
+      "BaseWidgetMixin:renderTemplate"
+    );
     const nextProcessor = listValueTransformationsCopy.shift();
     nextProcessor(this.value, listValueTransformationsCopy);
     const listCallbacksCopy = this.listCallbacks.deepCopy();
@@ -1565,12 +1617,17 @@ const BaseWidgetMixin = {
     if (nextCallback) {
       nextCallback(this.value, listCallbacksCopy);
     }
-    this.element.dispatchEvent(new CustomEvent("widgetRendered", { bubbles: true }));
+    this.element.dispatchEvent(
+      new CustomEvent("widgetRendered", { bubbles: true })
+    );
   },
   renderTemplate(value) {
     const template = this.template(value, { ...this.listAttributes });
     const listTemplateAdditionsCopy = this.listTemplateAdditions.deepCopy();
-    listTemplateAdditionsCopy.attach(this.templateToDOM.bind(this), "BaseWidgetMixin:templateToDOM");
+    listTemplateAdditionsCopy.attach(
+      this.templateToDOM.bind(this),
+      "BaseWidgetMixin:templateToDOM"
+    );
     const nextProcessor = listTemplateAdditionsCopy.shift();
     nextProcessor(template, listTemplateAdditionsCopy);
   },
@@ -11144,7 +11201,8 @@ class CustomGetter {
     if (!path) return;
     try {
       let isUrl = new URL(path);
-      if (!isUrl.protocol.startsWith("http")) throw new Error("Not a valid HTTP url");
+      if (!isUrl.protocol.startsWith("http"))
+        throw new Error("Not a valid HTTP url");
       if (isUrl) {
         let resources = this.resource[this.getExpandedPredicate(path)];
         if (!resources) return void 0;
@@ -11152,7 +11210,13 @@ class CustomGetter {
         let result = resources ? resources.map((res) => {
           let resource = store.get(res["@id"]);
           if (resource) return resource;
-          resource = new CustomGetter(res["@id"], { "@id": res["@id"] }, this.clientContext, this.serverContext, this.parentId).getProxy();
+          resource = new CustomGetter(
+            res["@id"],
+            { "@id": res["@id"] },
+            this.clientContext,
+            this.serverContext,
+            this.parentId
+          ).getProxy();
           store.cacheResource(res["@id"], resource);
           return resource;
         }) : [];
@@ -11164,7 +11228,11 @@ class CustomGetter {
       const path2 = [];
       let value;
       if (!this.isFullResource()) {
-        await this.getResource(this.resourceId, { ...this.clientContext, ...this.serverContext }, this.parentId);
+        await this.getResource(
+          this.resourceId,
+          { ...this.clientContext, ...this.serverContext },
+          this.parentId
+        );
       }
       while (true) {
         value = await this.resource[this.getExpandedPredicate(path1[0])];
@@ -11174,10 +11242,18 @@ class CustomGetter {
       }
       if (path2.length === 0) {
         if (!value || !value["@id"]) return this.getLiteralValue(value);
-        return await this.getResource(value["@id"], { ...this.clientContext, ...this.serverContext }, this.parentId || this.resourceId);
+        return await this.getResource(
+          value["@id"],
+          { ...this.clientContext, ...this.serverContext },
+          this.parentId || this.resourceId
+        );
       }
       if (!value || !value["@id"]) return void 0;
-      let resource = await this.getResource(value["@id"], { ...this.clientContext, ...this.serverContext }, this.parentId || this.resourceId);
+      let resource = await this.getResource(
+        value["@id"],
+        { ...this.clientContext, ...this.serverContext },
+        this.parentId || this.resourceId
+      );
       store.subscribeResourceTo(this.resourceId, value["@id"]);
       return resource ? await resource[path2.join(".")] : void 0;
     }
@@ -11195,8 +11271,13 @@ class CustomGetter {
         if (value.length === 0) return null;
         if (Array.isArray(value[0])) {
           const ln = store._getLanguage();
-          let translatedValue = value.find((v2) => v2["@language"] && v2["@language"] === ln);
-          if (!translatedValue) translatedValue = value.find((v2) => v2["@language"] && v2["@language"] === "en");
+          let translatedValue = value.find(
+            (v2) => v2["@language"] && v2["@language"] === ln
+          );
+          if (!translatedValue)
+            translatedValue = value.find(
+              (v2) => v2["@language"] && v2["@language"] === "en"
+            );
           return translatedValue ? translatedValue["@value"] || null : null;
         }
         return value;
@@ -11220,11 +11301,15 @@ class CustomGetter {
   isContainer() {
     if (this.resource["@type"]) {
       if (Array.isArray(this.resource["@type"]))
-        return this.containerTypes.some((type) => this.resource["@type"].includes(type));
+        return this.containerTypes.some(
+          (type) => this.resource["@type"].includes(type)
+        );
       return this.containerTypes.includes(this.resource["@type"]);
     } else if (this.resource["type"]) {
       if (Array.isArray(this.resource["type"]))
-        return this.containerTypes.some((type) => this.resource["type"].includes(type));
+        return this.containerTypes.some(
+          (type) => this.resource["type"].includes(type)
+        );
       return this.containerTypes.includes(this.resource["type"]);
     }
     return false;
@@ -11233,15 +11318,16 @@ class CustomGetter {
    * Return true if the given key in the current resource in an array
    */
   isArray() {
-    if (Array.isArray(this.resource))
-      return true;
+    if (Array.isArray(this.resource)) return true;
     return false;
   }
   /**
    * Get all properties of a resource
    */
   getProperties() {
-    return Object.keys(this.resource).map((prop2) => this.getCompactedPredicate(prop2));
+    return Object.keys(this.resource).map(
+      (prop2) => this.getCompactedPredicate(prop2)
+    );
   }
   /**
    * Get children of container as objects
@@ -11259,14 +11345,23 @@ class CustomGetter {
     let result = children ? children.map((res) => {
       let resource = store.get(res["@id"]);
       if (resource) return resource;
-      resource = new CustomGetter(res["@id"], { "@id": res["@id"] }, this.clientContext, this.serverContext, this.parentId).getProxy();
+      resource = new CustomGetter(
+        res["@id"],
+        { "@id": res["@id"] },
+        this.clientContext,
+        this.serverContext,
+        this.parentId
+      ).getProxy();
       store.cacheResource(res["@id"], resource);
       return resource;
     }) : [];
     return result;
   }
   merge(resource) {
-    this.resource = { ...this.getResourceData(), ...resource.getResourceData() };
+    this.resource = {
+      ...this.getResourceData(),
+      ...resource.getResourceData()
+    };
   }
   getResourceData() {
     return this.resource;
@@ -11276,7 +11371,9 @@ class CustomGetter {
    * @param prop
    */
   isFullResource() {
-    let propertiesKeys = Object.keys(this.resource).filter((p2) => !p2.startsWith("@"));
+    let propertiesKeys = Object.keys(this.resource).filter(
+      (p2) => !p2.startsWith("@")
+    );
     if (this.resource["@id"].startsWith("_:b")) return true;
     if (propertiesKeys.length === 1 && propertiesKeys[0] === this.getExpandedPredicate("permissions"))
       return false;
@@ -11286,7 +11383,7 @@ class CustomGetter {
   /**
    * Get permissions of a resource
    * @param resourceId
-   * @returns 
+   * @returns
    */
   async getPermissions() {
     let permissions = this.resource[this.getExpandedPredicate("permissions")];
@@ -11315,13 +11412,24 @@ class CustomGetter {
     store.clearCache(this.resourceId);
   }
   getExpandedPredicate(property) {
-    return ContextParser$1.expandTerm(property, { ...this.clientContext, ...this.serverContext }, true);
+    return ContextParser$1.expandTerm(
+      property,
+      { ...this.clientContext, ...this.serverContext },
+      true
+    );
   }
   getCompactedPredicate(property) {
-    return ContextParser$1.compactIri(property, { ...this.clientContext, ...this.serverContext }, true);
+    return ContextParser$1.compactIri(
+      property,
+      { ...this.clientContext, ...this.serverContext },
+      true
+    );
   }
   getCompactedIri(id2) {
-    return ContextParser$1.compactIri(id2, { ...this.clientContext, ...this.serverContext });
+    return ContextParser$1.compactIri(id2, {
+      ...this.clientContext,
+      ...this.serverContext
+    });
   }
   toString() {
     return this.getCompactedIri(this.resource["@id"]);
@@ -11336,13 +11444,13 @@ class CustomGetter {
     return new Proxy(this, {
       get: (resource, property) => {
         if (!this.resource) return void 0;
-        if (typeof resource[property] === "function") return resource[property].bind(resource);
+        if (typeof resource[property] === "function")
+          return resource[property].bind(resource);
         switch (property) {
           case "@id":
             if (this.resource["@id"])
               return this.getCompactedIri(this.resource["@id"]);
-            else
-              console.log(this.resource, this.resource["@id"]);
+            else console.log(this.resource, this.resource["@id"]);
             return;
           case "@type":
             return this.resource["@type"];
@@ -11367,7 +11475,9 @@ class CustomGetter {
 }
 function formatAttributesToServerSearchOptions(elementAttributes) {
   var _a3, _b, _c;
-  const attributes = new Map(Array.from(elementAttributes).map(({ name, value: value2 }) => [name, value2]));
+  const attributes = new Map(
+    Array.from(elementAttributes).map(({ name, value: value2 }) => [name, value2])
+  );
   const fields = (_a3 = attributes.get("server-search-fields")) == null ? void 0 : _a3.split(",").map((field) => field.trim());
   const value = (_b = attributes.get("server-search-value")) == null ? void 0 : _b.trim();
   const method = (_c = attributes.get("server-search-method")) == null ? void 0 : _c.trim();
@@ -11392,7 +11502,9 @@ function appendServerSearchToIri(iri, options) {
   return `${iri}${first}search-fields=${fields}&search-terms=${value}&search-method=${method}`;
 }
 function formatAttributesToServerPaginationOptions(elementAttributes) {
-  const attributes = new Map(Array.from(elementAttributes).map(({ name, value }) => [name, value]));
+  const attributes = new Map(
+    Array.from(elementAttributes).map(({ name, value }) => [name, value])
+  );
   const limit = attributes.get("limit");
   const offset = attributes.get("offset");
   if (!offset || !limit) return;
@@ -11454,7 +11566,11 @@ class Store {
     this.subscriptionIndex = /* @__PURE__ */ new Map();
     this.subscriptionVirtualContainersIndex = /* @__PURE__ */ new Map();
     this.loadingList = /* @__PURE__ */ new Set();
-    this.headers = { "Accept": "application/ld+json", "Content-Type": "application/ld+json", "Cache-Control": "must-revalidate" };
+    this.headers = {
+      Accept: "application/ld+json",
+      "Content-Type": "application/ld+json",
+      "Cache-Control": "must-revalidate"
+    };
     this.fetch = this.storeOptions.fetchMethod;
     this.session = this.storeOptions.session;
   }
@@ -11468,7 +11584,7 @@ class Store {
    * @param serverPagination - Server pagination options
    * @param serverSearch - Server search options
    * @param predicateName - predicate name if we target a specific predicate from the resource, useful for arrays
-   * 
+   *
    * @returns The fetched resource
    *
    * @async
@@ -11484,10 +11600,14 @@ class Store {
     }
     if (localData == null && this.cache.has(key) && !this.loadingList.has(key)) {
       const resource = this.get(key);
-      if (resource && ((_a3 = resource.isFullResource) == null ? void 0 : _a3.call(resource)) && !forceFetch) return resource;
+      if (resource && ((_a3 = resource.isFullResource) == null ? void 0 : _a3.call(resource)) && !forceFetch)
+        return resource;
     }
     return new Promise(async (resolve2) => {
-      document.addEventListener("resourceReady", this.resolveResource(key, resolve2));
+      document.addEventListener(
+        "resourceReady",
+        this.resolveResource(key, resolve2)
+      );
       if (this.loadingList.has(key)) return;
       this.loadingList.add(key);
       const clientContext = await myParser.parse(context2);
@@ -11496,20 +11616,48 @@ class Store {
         if (localData == null) localData = {};
         localData["@id"] = id2;
         resource = localData;
-      } else try {
-        resource = localData || await this.fetchData(id2, clientContext, parentId, serverPagination, serverSearch);
-      } catch (error2) {
-        console.error(error2);
-      }
+      } else
+        try {
+          resource = localData || await this.fetchData(
+            id2,
+            clientContext,
+            parentId,
+            serverPagination,
+            serverSearch
+          );
+        } catch (error2) {
+          console.error(error2);
+        }
       if (!resource) {
         this.loadingList.delete(key);
-        document.dispatchEvent(new CustomEvent("resourceReady", { detail: { id: key, resource: null, fetchedResource: null } }));
+        document.dispatchEvent(
+          new CustomEvent("resourceReady", {
+            detail: { id: key, resource: null, fetchedResource: null }
+          })
+        );
         return;
       }
-      const serverContext = await myParser.parse([resource["@context"] || base_context]);
-      await this.cacheGraph(resource, clientContext, serverContext, parentId ? parentId : key, serverPagination, serverSearch);
+      const serverContext = await myParser.parse([
+        resource["@context"] || base_context
+      ]);
+      await this.cacheGraph(
+        resource,
+        clientContext,
+        serverContext,
+        parentId ? parentId : key,
+        serverPagination,
+        serverSearch
+      );
       this.loadingList.delete(key);
-      document.dispatchEvent(new CustomEvent("resourceReady", { detail: { id: key, resource: this.get(key), fetchedResource: resource } }));
+      document.dispatchEvent(
+        new CustomEvent("resourceReady", {
+          detail: {
+            id: key,
+            resource: this.get(key),
+            fetchedResource: resource
+          }
+        })
+      );
     });
   }
   async fetchAuthn(iri, options) {
@@ -11518,7 +11666,8 @@ class Store {
     if (this.fetch && authenticated) {
       return this.fetch.then((fn) => fn(iri, options));
     } else {
-      if (options.headers) options.headers = this._convertHeaders(options.headers);
+      if (options.headers)
+        options.headers = this._convertHeaders(options.headers);
       return fetch(iri, options).then(function(response) {
         return response;
       });
@@ -11535,7 +11684,8 @@ class Store {
    */
   async fetchData(id2, context2 = {}, parentId = "", serverPagination, serverSearch) {
     let iri = this._getAbsoluteIri(id2, context2, parentId);
-    if (serverPagination) iri = appendServerPaginationToIri(iri, serverPagination);
+    if (serverPagination)
+      iri = appendServerPaginationToIri(iri, serverPagination);
     if (serverSearch) iri = appendServerSearchToIri(iri, serverSearch);
     const headers = {
       ...this.headers,
@@ -11552,17 +11702,19 @@ class Store {
     });
   }
   /**
-  * Cache the whole graph
-  * @param resource - graph fetched
-  * @param clientContext - context of the client app
-  * @param parentContext - context of the server
-  * @param parentId - id of the parent caller
-  * @param serverPagination - Server pagination query params
-  * @param serverSearch - Server search query params
-  */
+   * Cache the whole graph
+   * @param resource - graph fetched
+   * @param clientContext - context of the client app
+   * @param parentContext - context of the server
+   * @param parentId - id of the parent caller
+   * @param serverPagination - Server pagination query params
+   * @param serverSearch - Server search query params
+   */
   async cacheGraph(resource, clientContext, parentContext, parentId, serverPagination, serverSearch) {
     const flattenedResources = await jsonld$1.flatten(resource);
-    const compactedResources = await Promise.all(flattenedResources.map((r3) => jsonld$1.compact(r3, {})));
+    const compactedResources = await Promise.all(
+      flattenedResources.map((r3) => jsonld$1.compact(r3, {}))
+    );
     for (let resource2 of compactedResources) {
       let id2 = resource2["@id"] || resource2["id"];
       let key = resource2["@id"] || resource2["id"];
@@ -11570,11 +11722,21 @@ class Store {
       if (key === "/") key = parentId;
       if (key.startsWith("_:b")) key = key + parentId;
       if (key === id2 && resource2["@type"] == this.getExpandedPredicate("ldp:Container", clientContext)) {
-        if (serverPagination) key = appendServerPaginationToIri(key, serverPagination);
+        if (serverPagination)
+          key = appendServerPaginationToIri(key, serverPagination);
         if (serverSearch) key = appendServerSearchToIri(key, serverSearch);
       }
-      const resourceProxy = new CustomGetter(key, resource2, clientContext, parentContext, parentId, serverPagination, serverSearch).getProxy();
-      if (resourceProxy.isContainer()) this.subscribeChildren(resourceProxy, id2);
+      const resourceProxy = new CustomGetter(
+        key,
+        resource2,
+        clientContext,
+        parentContext,
+        parentId,
+        serverPagination,
+        serverSearch
+      ).getProxy();
+      if (resourceProxy.isContainer())
+        this.subscribeChildren(resourceProxy, id2);
       if (this.get(key)) {
         this.cache.get(key).merge(resourceProxy);
       } else {
@@ -11629,7 +11791,8 @@ class Store {
    * @returns void
    */
   async _updateResource(method, resource, id2) {
-    if (!["POST", "PUT", "PATCH", "_LOCAL"].includes(method)) throw new Error("Error: method not allowed");
+    if (!["POST", "PUT", "PATCH", "_LOCAL"].includes(method))
+      throw new Error("Error: method not allowed");
     const context2 = await myParser.parse([resource["@context"] || {}]);
     const expandedId = this._getExpandedId(id2, context2);
     return this._fetch(method, resource, id2).then(async (response) => {
@@ -11642,7 +11805,16 @@ class Store {
           const nestedResources = await this.getNestedResources(resource, id2);
           const resourcesToRefresh = this.subscriptionVirtualContainersIndex.get(expandedId) || [];
           const resourcesToNotify = this.subscriptionIndex.get(expandedId) || [];
-          return this.refreshResources([...nestedResources, ...resourcesToRefresh]).then((resourceIds) => this.notifyResources([expandedId, ...resourceIds, ...resourcesToNotify]));
+          return this.refreshResources([
+            ...nestedResources,
+            ...resourcesToRefresh
+          ]).then(
+            (resourceIds) => this.notifyResources([
+              expandedId,
+              ...resourceIds,
+              ...resourcesToNotify
+            ])
+          );
         });
         return ((_a3 = response.headers) == null ? void 0 : _a3.get("Location")) || null;
       } else {
@@ -11659,12 +11831,19 @@ class Store {
     resourceIds = [...new Set(resourceIds.filter((id2) => this.cache.has(id2)))];
     const resourceWithContexts = resourceIds.map((resourceId) => {
       var _a3;
-      return { "id": resourceId, "context": (_a3 = store.get(resourceId)) == null ? void 0 : _a3.clientContext };
+      return {
+        id: resourceId,
+        context: (_a3 = store.get(resourceId)) == null ? void 0 : _a3.clientContext
+      };
     });
     for (const resource of resourceWithContexts) {
       if (!this._isLocalId(resource.id)) this.clearCache(resource.id);
     }
-    await Promise.all(resourceWithContexts.map(({ id: id2, context: context2 }) => this.getData(id2, context2 || base_context)));
+    await Promise.all(
+      resourceWithContexts.map(
+        ({ id: id2, context: context2 }) => this.getData(id2, context2 || base_context)
+      )
+    );
     return resourceIds;
   }
   /**
@@ -11717,7 +11896,8 @@ class Store {
       const resource = this.cache.get(id2);
       if (resource["@type"] === "ldp:Container") {
         resource["ldp:contains"].forEach((child) => {
-          if (child && child["@type"] === "ldp:Container") this.cache.delete(child["@id"]);
+          if (child && child["@type"] === "ldp:Container")
+            this.cache.delete(child["@id"]);
         });
       }
       this.cache.delete(id2);
@@ -11779,7 +11959,9 @@ class Store {
     });
     const resourcesToNotify = this.subscriptionIndex.get(expandedId) || [];
     const resourcesToRefresh = this.subscriptionVirtualContainersIndex.get(expandedId) || [];
-    this.refreshResources([...resourcesToNotify, ...resourcesToRefresh]).then((resourceIds) => this.notifyResources(resourceIds));
+    this.refreshResources([...resourcesToNotify, ...resourcesToRefresh]).then(
+      (resourceIds) => this.notifyResources(resourceIds)
+    );
     return deleted;
   }
   /**
@@ -11804,8 +11986,7 @@ class Store {
    * @returns The fully expanded term
    */
   getExpandedPredicate(property, context2) {
-    if (!context2)
-      return ContextParser2.expandTerm(property, base_context, true);
+    if (!context2) return ContextParser2.expandTerm(property, base_context, true);
     return ContextParser2.expandTerm(property, context2, true);
   }
   /**
@@ -11815,8 +11996,7 @@ class Store {
    * @returns The compacted term
    */
   getCompactedIri(property, context2) {
-    if (!context2)
-      return ContextParser2.compactIri(property, base_context, true);
+    if (!context2) return ContextParser2.compactIri(property, base_context, true);
     return ContextParser2.compactIri(property, context2, true);
   }
   /**
@@ -11834,7 +12014,9 @@ class Store {
    */
   subscribeResourceTo(resourceId, nestedResourceId) {
     const existingSubscriptions = this.subscriptionIndex.get(nestedResourceId) || [];
-    this.subscriptionIndex.set(nestedResourceId, [.../* @__PURE__ */ new Set([...existingSubscriptions, resourceId])]);
+    this.subscriptionIndex.set(nestedResourceId, [
+      .../* @__PURE__ */ new Set([...existingSubscriptions, resourceId])
+    ]);
   }
   /**
    * Make a virtual container listen for changes of a resource
@@ -11843,7 +12025,9 @@ class Store {
    */
   subscribeVirtualContainerTo(virtualContainerId, nestedResourceId) {
     const existingSubscriptions = this.subscriptionVirtualContainersIndex.get(nestedResourceId) || [];
-    this.subscriptionVirtualContainersIndex.set(nestedResourceId, [.../* @__PURE__ */ new Set([...existingSubscriptions, virtualContainerId])]);
+    this.subscriptionVirtualContainersIndex.set(nestedResourceId, [
+      .../* @__PURE__ */ new Set([...existingSubscriptions, virtualContainerId])
+    ]);
   }
   /**
    * Return absolute IRI of the resource
@@ -11890,7 +12074,9 @@ if (window.sibStore) {
   if (sibAuth) {
     const sibAuthDefined = customElements.whenDefined(sibAuth.localName);
     storeOptions.session = sibAuthDefined.then(() => sibAuth.session);
-    storeOptions.fetchMethod = sibAuthDefined.then(() => sibAuth.getFetch());
+    storeOptions.fetchMethod = sibAuthDefined.then(
+      () => sibAuth.getFetch()
+    );
   }
   store = new Store(storeOptions);
   window.sibStore = store;
@@ -11919,15 +12105,20 @@ const AttributeBinderMixin = {
   async replaceAttributesData(reset = true) {
     if (reset) this.resetAttributesData();
     const oldAttributes = Array.from(this.element.attributes).reduce((obj, attr) => {
-      if (!attr.value.match(/^store:\/\/(resource|container|user)/)) return { ...obj };
-      if (!this.bindedAttributes[attr.name]) this.bindedAttributes[attr.name] = attr.value;
+      if (!attr.value.match(/^store:\/\/(resource|container|user)/))
+        return { ...obj };
+      if (!this.bindedAttributes[attr.name])
+        this.bindedAttributes[attr.name] = attr.value;
       return {
         ...obj,
         [attr.name]: attr.value
         // add "key: value"
       };
     }, {});
-    const newAttributes = await this.transformAttributes({ ...oldAttributes }, this.resource);
+    const newAttributes = await this.transformAttributes(
+      { ...oldAttributes },
+      this.resource
+    );
     for (let attr of Object.keys(newAttributes)) {
       if (oldAttributes[attr] == newAttributes[attr]) continue;
       this.element.setAttribute(attr, newAttributes[attr]);
@@ -12010,7 +12201,8 @@ const ContextMixin = {
       // take element extra context first
       document.querySelector("[data-default-context]")
     );
-    if (extraContextElement) return JSON.parse(extraContextElement.textContent || "{}");
+    if (extraContextElement)
+      return JSON.parse(extraContextElement.textContent || "{}");
     return {};
   }
 };
@@ -12111,7 +12303,8 @@ const ServerPaginationMixin = {
       const currentOffset = this.getCurrentOffset(resourceId, this.limit);
       var currentPageNumber = this.getCurrentServedPage(resourceId, 1);
       const pageCount = Math.ceil(this.pageCount / this.limit);
-      B(x`
+      B(
+        x`
         <button
           data-id="prev"
           ?disabled=${currentOffset <= 0}
@@ -12127,7 +12320,9 @@ const ServerPaginationMixin = {
         >→</button>
         <span>
         </span>
-      `, div2);
+      `,
+        div2
+      );
     }
   }
 };
@@ -12168,7 +12363,11 @@ const StoreMixin = {
       type: String,
       default: null,
       callback: function(value) {
-        if (value) this.predicateName = store.getExpandedPredicate(this.arrayField, this.context);
+        if (value)
+          this.predicateName = store.getExpandedPredicate(
+            this.arrayField,
+            this.context
+          );
       }
     },
     predicateName: {
@@ -12177,6 +12376,7 @@ const StoreMixin = {
     }
   },
   initialState: {
+    resources: [],
     resourceId: null,
     subscription: null
   },
@@ -12189,7 +12389,9 @@ const StoreMixin = {
   get resource() {
     var _a3;
     let id2 = this.resourceId;
-    const serverPagination = formatAttributesToServerPaginationOptions(this.element.attributes);
+    const serverPagination = formatAttributesToServerPaginationOptions(
+      this.element.attributes
+    );
     const serverSearch = mergeServerSearchOptions(
       formatAttributesToServerSearchOptions(this.element.attributes),
       (_a3 = this.getDynamicServerSearch) == null ? void 0 : _a3.call(this)
@@ -12218,15 +12420,28 @@ const StoreMixin = {
       }
     }
     this.updateNavigateSubscription();
-    this.subscription = PubSub.subscribe(this.resourceId, this.updateDOM.bind(this));
-    const serverPagination = formatAttributesToServerPaginationOptions(this.element.attributes);
+    this.subscription = PubSub.subscribe(
+      this.resourceId,
+      this.updateDOM.bind(this)
+    );
+    const serverPagination = formatAttributesToServerPaginationOptions(
+      this.element.attributes
+    );
     const dynamicServerSearch = (_a3 = this.getDynamicServerSearch) == null ? void 0 : _a3.call(this);
     const serverSearch = mergeServerSearchOptions(
       formatAttributesToServerSearchOptions(this.element.attributes),
       dynamicServerSearch
     );
     const forceRefetch = !!dynamicServerSearch;
-    await store.getData(this.resourceId, this.context, void 0, void 0, forceRefetch, serverPagination, serverSearch);
+    await store.getData(
+      this.resourceId,
+      this.context,
+      void 0,
+      void 0,
+      forceRefetch,
+      serverPagination,
+      serverSearch
+    );
     this.updateDOM();
   },
   toggleLoaderHidden(toggle) {
@@ -12242,7 +12457,11 @@ const StoreMixin = {
     setTimeout(
       () => (
         // Brings the dispatchEvent at the end of the queue
-        this.element.dispatchEvent(new CustomEvent("populate", { detail: { resource: { "@id": this.dataSrc } } }))
+        this.element.dispatchEvent(
+          new CustomEvent("populate", {
+            detail: { resource: { "@id": this.dataSrc } }
+          })
+        )
       )
     );
     this.toggleLoaderHidden(true);
@@ -12275,7 +12494,10 @@ const EditableMixin = {
     }
   },
   created() {
-    this.listTemplateAdditions.attach(this.addEditButton.bind(this), "EditableMixin:addEditButton");
+    this.listTemplateAdditions.attach(
+      this.addEditButton.bind(this),
+      "EditableMixin:addEditButton"
+    );
   },
   addEditButton(template, listTemplateAdditions) {
     let newTemplate = null;
@@ -12283,7 +12505,8 @@ const EditableMixin = {
       newTemplate = x`${template}<button @click=${this.activateEditableField.bind(this)}>${this.buttonLabel}</button>`;
     }
     const nextProcessor = listTemplateAdditions.shift();
-    if (nextProcessor) nextProcessor(newTemplate || template, listTemplateAdditions);
+    if (nextProcessor)
+      nextProcessor(newTemplate || template, listTemplateAdditions);
   },
   activateEditableField(e2) {
     const editableField = this.element.querySelector("[data-editable]");
@@ -12291,7 +12514,10 @@ const EditableMixin = {
     editableField.toggleAttribute("contenteditable", true);
     editableField.focus();
     editButton.toggleAttribute("disabled", true);
-    editableField.addEventListener("focusout", () => this.save(editableField, editButton));
+    editableField.addEventListener(
+      "focusout",
+      () => this.save(editableField, editButton)
+    );
   },
   save(editableField, editButton) {
     editableField.toggleAttribute("contenteditable", false);
@@ -12385,7 +12611,8 @@ const FormMixin = {
   },
   getValue() {
     if (!this.dataHolder || this.dataHolder.length === 0) return this.value;
-    if (this.dataHolder.length > 1) this.showDataHolderError(1, this.dataHolder.length);
+    if (this.dataHolder.length > 1)
+      this.showDataHolderError(1, this.dataHolder.length);
     return this.getValueFromElement(this.dataHolder[0]);
   },
   get type() {
@@ -12395,7 +12622,9 @@ const FormMixin = {
     return false;
   },
   get dataHolder() {
-    const dataHolders = Array.from(this.element.querySelectorAll("[data-holder]"));
+    const dataHolders = Array.from(
+      this.element.querySelectorAll("[data-holder]")
+    );
     const widgetDataHolders = dataHolders.filter((element) => {
       const dataHolderAncestor = element.parentElement ? element.parentElement.closest("[data-holder]") : null;
       return dataHolderAncestor === this.element || !dataHolderAncestor || !this.element.contains(dataHolderAncestor);
@@ -12406,7 +12635,9 @@ const FormMixin = {
     return element.component ? element.component.getValue() : element.value;
   },
   showDataHolderError(expected, found) {
-    console.warn(`Expected ${expected} data-holder element in ${this.element.tagName}. Found ${found}`);
+    console.warn(
+      `Expected ${expected} data-holder element in ${this.element.tagName}. Found ${found}`
+    );
   }
 };
 const FormCheckboxMixin = {
@@ -12486,10 +12717,13 @@ const FormDropdownMixin = {
   getValue() {
     if (!this.dataHolder) return "";
     if (!this.multiple) {
-      if (this.dataHolder.length > 1) this.showDataHolderError(1, this.dataHolder.length);
+      if (this.dataHolder.length > 1)
+        this.showDataHolderError(1, this.dataHolder.length);
       return this.getValueFromElement(this.dataHolder[0]);
     }
-    const options = Array.from(this.element.querySelectorAll("option"));
+    const options = Array.from(
+      this.element.querySelectorAll("option")
+    );
     return options.filter((el2) => el2.selected).map((el2) => el2.value ? JSON.parse(el2.value) : null);
   },
   get type() {
@@ -12522,7 +12756,9 @@ const FormCheckboxesMixin = {
     this.listAttributes["values"] = [];
   },
   getValue() {
-    const options = Array.from(this.element.querySelectorAll("input"));
+    const options = Array.from(
+      this.element.querySelectorAll("input")
+    );
     return options.filter((el2) => el2.checked).map((el2) => {
       if (!el2.value) return null;
       let value = el2.value;
@@ -12546,7 +12782,9 @@ const FormRadioMixin = {
     this.listAttributes["id"] = uniqID();
   },
   getValue() {
-    const checkedElement = this.element.querySelector("input[type=radio]:checked");
+    const checkedElement = this.element.querySelector(
+      "input[type=radio]:checked"
+    );
     return checkedElement ? checkedElement.value : "";
   }
 };
@@ -12651,7 +12889,8 @@ const MultipleFormMixin = {
       type: String,
       default: "+",
       callback: function(value) {
-        if (value !== this.listAttributes["addLabel"]) this.listAttributes["addLabel"] = value;
+        if (value !== this.listAttributes["addLabel"])
+          this.listAttributes["addLabel"] = value;
         this.planRender();
       }
     },
@@ -12659,7 +12898,8 @@ const MultipleFormMixin = {
       type: String,
       default: "×",
       callback: function(value) {
-        if (value !== this.listAttributes["removeLabel"]) this.listAttributes["removeLabel"] = value;
+        if (value !== this.listAttributes["removeLabel"])
+          this.listAttributes["removeLabel"] = value;
         this.planRender();
       }
     },
@@ -12671,7 +12911,8 @@ const MultipleFormMixin = {
       type: String,
       default: void 0,
       callback: function(value) {
-        if (value !== this.listAttributes["addClass"]) this.listAttributes["addClass"] = value;
+        if (value !== this.listAttributes["addClass"])
+          this.listAttributes["addClass"] = value;
         this.planRender();
       }
     },
@@ -12679,13 +12920,17 @@ const MultipleFormMixin = {
       type: String,
       default: void 0,
       callback: function(value) {
-        if (value !== this.listAttributes["removeClass"]) this.listAttributes["removeClass"] = value;
+        if (value !== this.listAttributes["removeClass"])
+          this.listAttributes["removeClass"] = value;
         this.planRender();
       }
     }
   },
   created() {
-    this.listValueTransformations.attach(this.setDataSrc.bind(this), "MultipleFormMixin:setDataSrc");
+    this.listValueTransformations.attach(
+      this.setDataSrc.bind(this),
+      "MultipleFormMixin:setDataSrc"
+    );
     this.listAttributes["children"] = [];
     this.listAttributes["addLabel"] = this.addLabel;
     this.listAttributes["removeLabel"] = this.removeLabel;
@@ -12726,12 +12971,13 @@ const MultipleFormMixin = {
     const widget = document.createElement(this.widget);
     const attributes = {
       "data-holder": true,
-      "name": this.name,
-      "value": value,
-      "range": this.range
+      name: this.name,
+      value,
+      range: this.range
     };
     for (let name of Object.keys(attributes)) {
-      if (typeof attributes[name] === "boolean") widget.toggleAttribute(name, attributes[name]);
+      if (typeof attributes[name] === "boolean")
+        widget.toggleAttribute(name, attributes[name]);
       else widget.setAttribute(name, attributes[name]);
     }
     this.listAttributes["children"].push(widget);
@@ -12763,7 +13009,8 @@ const MultipleselectFormMixin = {
       type: String,
       default: "",
       callback: function(value) {
-        if (value && value !== this.listAttributes["range"]) this.listAttributes["range"] = value;
+        if (value && value !== this.listAttributes["range"])
+          this.listAttributes["range"] = value;
       }
     },
     enum: {
@@ -12771,7 +13018,8 @@ const MultipleselectFormMixin = {
       type: String,
       default: "",
       callback: function(value) {
-        if (value && value !== this.listAttributes["enum"]) this.listAttributes["enum"] = value;
+        if (value && value !== this.listAttributes["enum"])
+          this.listAttributes["enum"] = value;
       }
     },
     orderAsc: {
@@ -12790,7 +13038,10 @@ const MultipleselectFormMixin = {
     }
   },
   created() {
-    this.listValueTransformations.attach(this.setDataSrc.bind(this), "MultipleselectFormMixin:setDataSrc");
+    this.listValueTransformations.attach(
+      this.setDataSrc.bind(this),
+      "MultipleselectFormMixin:setDataSrc"
+    );
   },
   setDataSrc(value, listValueTransformations) {
     if (value && value !== this.dataSrc) {
@@ -12810,7 +13061,8 @@ const MultipleselectFormMixin = {
     if (nextProcessor) nextProcessor(value, listValueTransformations);
   },
   populate() {
-    if (!this.resource || !this.resource["ldp:contains"] && !Array.isArray(this.resource)) return;
+    if (!this.resource || !this.resource["ldp:contains"] && !Array.isArray(this.resource))
+      return;
     this.setValue(this.resource["ldp:contains"]);
     this.planRender();
   },
@@ -12863,7 +13115,10 @@ const SorterMixin = {
     randomOrder: null
   },
   attached() {
-    this.listPostProcessors.attach(this.orderCallback.bind(this), "SorterMixin:orderCallback");
+    this.listPostProcessors.attach(
+      this.orderCallback.bind(this),
+      "SorterMixin:orderCallback"
+    );
   },
   created() {
     this.randomOrder = [];
@@ -12904,17 +13159,20 @@ const SorterMixin = {
     if (sortingKey) {
       let orderToSort = true;
       if (this.orderDesc || orderValueToSort == "desc") orderToSort = false;
-      resources = (await Promise.all(resources.map(async (resource) => ({
-        sortingKey: await resource[sortingKey],
-        // fetch sorting value
-        proxy: resource
-        // and keep proxy
-      })))).sort(this.sortValuesByKey("sortingKey", orderToSort)).map((r3) => r3.proxy);
+      resources = (await Promise.all(
+        resources.map(async (resource) => ({
+          sortingKey: await resource[sortingKey],
+          // fetch sorting value
+          proxy: resource
+          // and keep proxy
+        }))
+      )).sort(this.sortValuesByKey("sortingKey", orderToSort)).map((r3) => r3.proxy);
     } else if (this.isRandomSorted()) {
       resources = this.shuffleResources(resources);
     }
     const nextProcessor = listPostProcessors.shift();
-    if (nextProcessor) await nextProcessor(resources, listPostProcessors, div2, context2);
+    if (nextProcessor)
+      await nextProcessor(resources, listPostProcessors, div2, context2);
   },
   isRandomSorted() {
     return this.orderByRandom !== null;
@@ -12927,7 +13185,9 @@ const SorterMixin = {
       const varB = b2[key];
       let comparison = 0;
       if (typeof varA === "string" && typeof varB === "string") {
-        comparison = varA.localeCompare(varB, void 0, { sensitivity: "base" });
+        comparison = varA.localeCompare(varB, void 0, {
+          sensitivity: "base"
+        });
         comparison = asc ? comparison : -comparison;
       } else {
         if (varA > varB) comparison = asc ? 1 : -1;
@@ -12960,16 +13220,21 @@ const FederationMixin = {
     containerFetched: null
   },
   attached() {
-    this.listPostProcessors.attach(this.fetchSources.bind(this), "FederationMixin:fetchSources");
+    this.listPostProcessors.attach(
+      this.fetchSources.bind(this),
+      "FederationMixin:fetchSources"
+    );
   },
   async fetchSources(resources, listPostProcessors, div2, context2) {
     this.containerFetched = [];
     let newResources = await this.getResources(resources);
     newResources = [...new Set(newResources)];
     const nextProcessor = listPostProcessors.shift();
-    if (nextProcessor) await nextProcessor(newResources, listPostProcessors, div2, context2);
+    if (nextProcessor)
+      await nextProcessor(newResources, listPostProcessors, div2, context2);
   },
   async getResources(resources) {
+    if (!resources && this.resources) resources = this.resources;
     if (!resources) return [];
     const newResources = [];
     const getChildResources = async (res) => {
@@ -12980,7 +13245,8 @@ const FederationMixin = {
         if (!this.containerFetched.includes(containerId)) {
           this.containerFetched.push(containerId);
           const resourcesFetched = await this.fetchSource(containerId);
-          if (resourcesFetched) newResources.push(...await this.getResources(resourcesFetched));
+          if (resourcesFetched)
+            newResources.push(...await this.getResources(resourcesFetched));
         }
       } else {
         newResources.push(res);
@@ -13001,11 +13267,7 @@ const FederationMixin = {
 };
 const RangeMixin = {
   name: "range-mixin",
-  use: [
-    StoreMixin,
-    SorterMixin,
-    FederationMixin
-  ],
+  use: [StoreMixin, SorterMixin, FederationMixin],
   attributes: {
     range: {
       type: String,
@@ -13064,19 +13326,20 @@ const RangeMixin = {
   async populate() {
     const resources = this.resource ? this.resource["ldp:contains"] : [];
     const listPostProcessorsCopy = this.listPostProcessors.deepCopy();
-    listPostProcessorsCopy.attach(this.setRangeAttribute.bind(this), "RangeMixin:setRangeAttribute");
-    const nextProcessor = listPostProcessorsCopy.shift();
-    await nextProcessor(
-      resources,
-      listPostProcessorsCopy,
-      null,
-      this.dataSrc
+    listPostProcessorsCopy.attach(
+      this.setRangeAttribute.bind(this),
+      "RangeMixin:setRangeAttribute"
     );
+    const nextProcessor = listPostProcessorsCopy.shift();
+    await nextProcessor(resources, listPostProcessorsCopy, null, this.dataSrc);
   },
   async setRangeAttribute(resources) {
     if (resources) {
       const getRangeValue = async (resource) => {
-        let res = await store.getData(resource["@id"], this.context || base_context);
+        let res = await store.getData(
+          resource["@id"],
+          this.context || base_context
+        );
         if (res === null) {
           res = resource;
         }
@@ -13127,7 +13390,8 @@ const FilterRangeFormMixin = {
   },
   getValue() {
     if (!this.dataHolder) return [];
-    if (this.dataHolder.length !== 2) this.showDataHolderError(2, this.dataHolder.length);
+    if (this.dataHolder.length !== 2)
+      this.showDataHolderError(2, this.dataHolder.length);
     return [
       // we expect 2 values, one min and one max
       this.getValueFromElement(this.dataHolder[0]),
@@ -13995,22 +14259,26 @@ const formTemplates = {
           ${attributes.placeholder || "-"}
         </option>
         ` : ""}
-        ${(attributes.range || []).map((el2) => x`
+        ${(attributes.range || []).map(
+      (el2) => x`
           <option
             value=${el2.value}
             ?selected=${!attributes.multiple ? value === el2.selectedValue : attributes.values.includes(el2.selectedValue)}
           >
             ${el2.label}
           </option>
-        `)}
-        ${Object.entries(attributes.enum || []).map(([key, val]) => x`
+        `
+    )}
+        ${Object.entries(attributes.enum || []).map(
+      ([key, val]) => x`
           <option
             value="${key}"
             ?selected=${!attributes.multiple ? value === key : attributes.values.includes(key)}
           >
             ${val}
           </option>
-        `)}
+        `
+    )}
       </select>
     `,
     dependencies: [FormDropdownMixin, FormMixin, RangeMixin]
@@ -14020,7 +14288,8 @@ const formTemplates = {
       <div
         name=${o$2(attributes.name)}
       >
-        ${(attributes.range || []).map((el2) => x`
+        ${(attributes.range || []).map(
+      (el2) => x`
           <label>
             <input
               type="radio"
@@ -14030,8 +14299,10 @@ const formTemplates = {
               ?checked=${value === el2.selectedValue}
             > <span>${el2.label}</span>
           </label>
-        `)}
-        ${Object.entries(attributes.enum || []).map(([key, val]) => x`
+        `
+    )}
+        ${Object.entries(attributes.enum || []).map(
+      ([key, val]) => x`
           <label>
             <input
               type="radio"
@@ -14041,7 +14312,8 @@ const formTemplates = {
               ?checked=${value === key}
             > <span>${val}</span>
           </label>
-        `)}
+        `
+    )}
     `,
     dependencies: [FormRadioMixin, FormMixin, RangeMixin]
   },
@@ -14050,7 +14322,8 @@ const formTemplates = {
       <div
         name=${o$2(attributes.name)}
       >
-        ${(attributes.range || []).map((el2) => x`
+        ${(attributes.range || []).map(
+      (el2) => x`
           <label>
             <input
               type="checkbox"
@@ -14058,14 +14331,17 @@ const formTemplates = {
               ?checked=${attributes.values.includes(el2.selectedValue)}
             /> <span>${el2.label}</span>
           </label>
-        `)}
-        ${Object.entries(attributes.enum || []).map(([key, val]) => x`
+        `
+    )}
+        ${Object.entries(attributes.enum || []).map(
+      ([key, val]) => x`
           <label>
             <input type="checkbox"
               value="${key}"
             /> <span>${val}</span>
           </label>
-        `)}
+        `
+    )}
       </select>
     `,
     dependencies: [FormCheckboxesMixin, FormMixin, RangeMixin]
@@ -14089,12 +14365,14 @@ const formTemplates = {
   },
   multiple: {
     template: (_value, attributes) => x`
-      ${(attributes.children || []).map((child, index2) => x`
+      ${(attributes.children || []).map(
+      (child, index2) => x`
         <div data-index=${attributes.name + index2}>
           ${child}
           <button type="button" class=${o$2(attributes.removeClass)} @click=${() => attributes.removeItem(index2)}>${attributes.removeLabel}</button>
         </div>
-      `)}
+      `
+    )}
       <button type="button" class=${o$2(attributes.addClass)} @click=${attributes.addItem}>${attributes.addLabel}</button>
     `,
     dependencies: [MultipleFormMixin, FormMixin]
@@ -14297,7 +14575,10 @@ const index$4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
 const DateMixin = {
   name: "date-mixin",
   created() {
-    this.listValueTransformations.attach(this.transformValue.bind(this), "DateMixin:transformValue");
+    this.listValueTransformations.attach(
+      this.transformValue.bind(this),
+      "DateMixin:transformValue"
+    );
   },
   transformValue(value, listValueTransformations) {
     try {
@@ -14324,7 +14605,10 @@ const DateMixin = {
 const DateTimeMixin = {
   name: "date-time-mixin",
   created() {
-    this.listValueTransformations.attach(this.transformValue.bind(this), "DateTimeMixin:transformValue");
+    this.listValueTransformations.attach(
+      this.transformValue.bind(this),
+      "DateTimeMixin:transformValue"
+    );
   },
   transformValue(value, listValueTransformations) {
     const newValue = value ? new Date(value).toLocaleString() : value;
@@ -14356,7 +14640,10 @@ const o$1 = e$1(e);
 const MultilineMixin = {
   name: "multiline-mixin",
   created() {
-    this.listValueTransformations.attach(this.transformValue.bind(this), "MultilineMixin:transformValue");
+    this.listValueTransformations.attach(
+      this.transformValue.bind(this),
+      "MultilineMixin:transformValue"
+    );
   },
   transformValue(value, listValueTransformations) {
     const newValue = value ? o$1(value.replace(/\n/g, "<br/>")) : value;
@@ -19583,7 +19870,10 @@ const mila = /* @__PURE__ */ getDefaultExportFromCjs(markdownItLinkAttributes);
 const MarkdownMixin = {
   name: "markdown-mixin",
   created() {
-    this.listValueTransformations.attach(this.transformValue.bind(this), "MarkdownMixin:transformValue");
+    this.listValueTransformations.attach(
+      this.transformValue.bind(this),
+      "MarkdownMixin:transformValue"
+    );
   },
   transformValue(value, listValueTransformations) {
     let newValue = "";
@@ -19612,7 +19902,10 @@ const OembedMixin = {
     existingOembed: null
   },
   created() {
-    this.listValueTransformations.attach(this.transformValue.bind(this), "OembedMixin:transformValue");
+    this.listValueTransformations.attach(
+      this.transformValue.bind(this),
+      "OembedMixin:transformValue"
+    );
   },
   async transformValue(value, listValueTransformations) {
     if (!value) return;
@@ -21867,13 +22160,17 @@ function normalizeTruncateCfg(truncate) {
 const AutolinkMixin = {
   name: "autolink-mixin",
   created() {
-    this.listValueTransformations.attach(this.transformValue.bind(this), "AutolinkMixin:transformValue");
+    this.listValueTransformations.attach(
+      this.transformValue.bind(this),
+      "AutolinkMixin:transformValue"
+    );
   },
   transformValue(value, listValueTransformations) {
     const template = document.createElement("template");
     template.innerHTML = Autolinker.link(value);
     const nextProcessor = listValueTransformations.shift();
-    if (nextProcessor) nextProcessor(template.content, listValueTransformations);
+    if (nextProcessor)
+      nextProcessor(template.content, listValueTransformations);
   }
 };
 const valueTransformationDirectory = {
@@ -21888,7 +22185,10 @@ const LabelMixin = {
   name: "label-mixin",
   created() {
     this.listAttributes["id"] = uniqID();
-    this.listTemplateAdditions.attach(this.addLabel.bind(this), "LabelMixin:addLabel");
+    this.listTemplateAdditions.attach(
+      this.addLabel.bind(this),
+      "LabelMixin:addLabel"
+    );
   },
   addLabel(template, listTemplateAdditions) {
     const newTemplate = x`<label for="${this.listAttributes["id"]}">${this.label || this.name}</label>${template}`;
@@ -21899,7 +22199,10 @@ const LabelMixin = {
 const LabelLastMixin = {
   name: "label-last-mixin",
   created() {
-    this.listTemplateAdditions.attach(this.addLabelLast.bind(this), "LabelLastMixin:addLabelLast");
+    this.listTemplateAdditions.attach(
+      this.addLabelLast.bind(this),
+      "LabelLastMixin:addLabelLast"
+    );
   },
   addLabelLast(template, listTemplateAdditions) {
     const newTemplate = x`${template}<label>${this.label || this.name}</label>`;
@@ -21910,13 +22213,20 @@ const LabelLastMixin = {
 const AddableMixin = {
   name: "addable-mixin",
   created() {
-    this.listTemplateAdditions.attach(this.addableValue.bind(this), "AddableMixin:addableValue");
+    this.listTemplateAdditions.attach(
+      this.addableValue.bind(this),
+      "AddableMixin:addableValue"
+    );
   },
   getAddableAttributes() {
-    const addableAttr = Array.from(this.element.attributes).filter((a2) => a2.name.startsWith("addable-"));
+    const addableAttr = Array.from(this.element.attributes).filter(
+      (a2) => a2.name.startsWith("addable-")
+    );
     const cleanAddableAttr = {};
-    for (let attr of addableAttr) cleanAddableAttr[attr.name.replace("addable-", "")] = attr.value;
-    if (!cleanAddableAttr.hasOwnProperty("data-src")) cleanAddableAttr["data-src"] = this.range;
+    for (let attr of addableAttr)
+      cleanAddableAttr[attr.name.replace("addable-", "")] = attr.value;
+    if (!cleanAddableAttr.hasOwnProperty("data-src"))
+      cleanAddableAttr["data-src"] = this.range;
     return cleanAddableAttr;
   },
   addableValue(template, listTemplateAdditions, attributes) {
@@ -22473,7 +22783,7 @@ var slimselect = { exports: {} };
             }
           }
         }
-        if (this.settings.contentPosition === "relative") {
+        if (this.settings.contentPosition === "relative" || this.settings.contentPosition === "fixed") {
           this.content.main.classList.add("ss-" + this.settings.contentPosition);
         }
       }
@@ -22512,6 +22822,9 @@ var slimselect = { exports: {} };
               this.callbacks.close();
               return false;
           }
+          if (e2.key.length === 1) {
+            this.callbacks.open();
+          }
           return true;
         };
         main.onclick = (e2) => {
@@ -23169,7 +23482,6 @@ var slimselect = { exports: {} };
         }
         const optionEl = document.createElement("div");
         optionEl.dataset.id = option.id;
-        optionEl.id = option.id;
         optionEl.classList.add(this.classes.option);
         optionEl.setAttribute("role", "option");
         if (option.class) {
@@ -23286,8 +23598,8 @@ var slimselect = { exports: {} };
         this.content.main.classList.add(this.classes.openAbove);
         const containerRect = this.main.main.getBoundingClientRect();
         this.content.main.style.margin = "-" + (mainHeight + contentHeight - 1) + "px 0px 0px 0px";
-        this.content.main.style.top = containerRect.top + containerRect.height + window.scrollY + "px";
-        this.content.main.style.left = containerRect.left + window.scrollX + "px";
+        this.content.main.style.top = containerRect.top + containerRect.height + (this.settings.contentPosition === "fixed" ? 0 : window.scrollY) + "px";
+        this.content.main.style.left = containerRect.left + (this.settings.contentPosition === "fixed" ? 0 : window.scrollX) + "px";
         this.content.main.style.width = containerRect.width + "px";
       }
       moveContentBelow() {
@@ -23298,8 +23610,8 @@ var slimselect = { exports: {} };
         const containerRect = this.main.main.getBoundingClientRect();
         this.content.main.style.margin = "-1px 0px 0px 0px";
         if (this.settings.contentPosition !== "relative") {
-          this.content.main.style.top = containerRect.top + containerRect.height + window.scrollY + "px";
-          this.content.main.style.left = containerRect.left + window.scrollX + "px";
+          this.content.main.style.top = containerRect.top + containerRect.height + (this.settings.contentPosition === "fixed" ? 0 : window.scrollY) + "px";
+          this.content.main.style.left = containerRect.left + (this.settings.contentPosition === "fixed" ? 0 : window.scrollX) + "px";
           this.content.main.style.width = containerRect.width + "px";
         }
       }
@@ -24018,7 +24330,9 @@ const TranslationMixin = {
       fr: () => import("./fr-ClQZ5-J-.js")
     };
     if (!translationsModules[langCode]) {
-      console.warn(`${langCode}.json translation file may not exist, English is setted by default`);
+      console.warn(
+        `${langCode}.json translation file may not exist, English is setted by default`
+      );
       langCode = "en";
     }
     const module2 = await translationsModules[langCode]();
@@ -24074,11 +24388,20 @@ const AutocompletionMixin = {
     mutationObserver: null
   },
   created() {
-    importInlineCSS("slimselect-base", () => import("./slimselect-BTZP03JZ.js"));
-    importInlineCSS("slimselect-local", () => import("./slimselect-DIo2l9XQ.js"));
+    importInlineCSS(
+      "slimselect-base",
+      () => import("./slimselect-CT2Oyr_0.js")
+    );
+    importInlineCSS(
+      "slimselect-local",
+      () => import("./slimselect-WIZK5Hmq.js")
+    );
     this.slimSelect = null;
     this.addToAttributes(true, "autocomplete");
-    this.listCallbacks.attach(this.addCallback.bind(this), "AutocompletionMixin:addCallback");
+    this.listCallbacks.attach(
+      this.addCallback.bind(this),
+      "AutocompletionMixin:addCallback"
+    );
   },
   detached() {
     if (this.slimSelect) this.slimSelect.destroy();
@@ -48117,7 +48440,10 @@ const RichtextMixin = {
   created() {
     importInlineCSS("quill", () => import("./quill.snow-B73wIbzm.js"));
     this.quill = null;
-    this.listCallbacks.attach(this.addCallback.bind(this), "RichtextMixin:addCallback");
+    this.listCallbacks.attach(
+      this.addCallback.bind(this),
+      "RichtextMixin:addCallback"
+    );
   },
   getPlaceHolderValue() {
     return this.element.hasAttribute("placeholder") ? this.element.getAttribute("placeholder") : "";
@@ -48127,20 +48453,19 @@ const RichtextMixin = {
       var toolbarOptions = [
         ["bold", "italic"],
         ["blockquote"],
-        [{ "header": [1, 2, 3, 4, 5, 6, false] }],
-        [{ "list": "ordered" }, { "list": "bullet" }],
+        [{ header: [1, 2, 3, 4, 5, 6, false] }],
+        [{ list: "ordered" }, { list: "bullet" }],
         ["link"],
         ["clean"]
       ];
-      const richtext = this.element.querySelector("[data-richtext]");
-      this.quill = new Quill(
-        richtext,
-        {
-          modules: { toolbar: toolbarOptions },
-          placeholder: this.getPlaceHolderValue(),
-          theme: "snow"
-        }
+      const richtext = this.element.querySelector(
+        "[data-richtext]"
       );
+      this.quill = new Quill(richtext, {
+        modules: { toolbar: toolbarOptions },
+        placeholder: this.getPlaceHolderValue(),
+        theme: "snow"
+      });
     }
     const ops = deltaMd.toDelta(this.value);
     this.quill.setContents(ops);
@@ -48152,11 +48477,15 @@ const RichtextMixin = {
     if (nextProcessor) nextProcessor(value, listCallbacks);
   },
   isRequired() {
-    return Array.from(this.element.attributes).some((attr) => attr.name === "required");
+    return Array.from(this.element.attributes).some(
+      (attr) => attr.name === "required"
+    );
   },
   createHiddenRequiredInput() {
     const attributeName = this.getAttributeValue("name");
-    this.hiddenInput = document.querySelector(`input[name="${attributeName + "-hidden"}"]`);
+    this.hiddenInput = document.querySelector(
+      `input[name="${attributeName + "-hidden"}"]`
+    );
     if (!this.hiddenInput) {
       this.hiddenInput = this.createHiddenInput(attributeName + "-hidden");
       this.element.appendChild(this.hiddenInput);
@@ -48174,13 +48503,17 @@ const RichtextMixin = {
     return input;
   },
   getAttributeValue(attributeName) {
-    const attribute2 = Array.from(this.element.attributes).find((attr) => attr.name === attributeName);
+    const attribute2 = Array.from(this.element.attributes).find(
+      (attr) => attr.name === attributeName
+    );
     return attribute2 ? attribute2.value : "";
   },
   displayCustomErrorMessage(message) {
     const richtext = this.element.querySelector("[data-richtext]");
     if (richtext) {
-      let errorMessageElement = richtext.querySelector(".required-error-message");
+      let errorMessageElement = richtext.querySelector(
+        ".required-error-message"
+      );
       if (!errorMessageElement) {
         errorMessageElement = document.createElement("div");
         errorMessageElement.className = "required-error-message";
@@ -48202,9 +48535,10 @@ const RichtextMixin = {
   },
   removeErrorMessageAndStyling() {
     const richtext = this.element.querySelector("[data-richtext]");
-    let errorMessageElement = richtext.querySelector(".required-error-message");
-    if (errorMessageElement)
-      errorMessageElement.remove();
+    let errorMessageElement = richtext.querySelector(
+      ".required-error-message"
+    );
+    if (errorMessageElement) errorMessageElement.remove();
     richtext.classList.remove("error-border-richtext");
   }
 };
@@ -48314,7 +48648,8 @@ const WidgetMixin = {
     this.nameWidgets = [];
   },
   attached() {
-    if (!this.dataSrc && !this.resource && this.noRender === null) this.populate();
+    if (!this.dataSrc && !this.resource && this.noRender === null)
+      this.populate();
   },
   get parentElement() {
     return "div";
@@ -48329,7 +48664,9 @@ const WidgetMixin = {
     this._div = value;
   },
   get widgets() {
-    return this.nameWidgets.map((name) => this.element.querySelector(`[name="${name}"]`));
+    return this.nameWidgets.map(
+      (name) => this.element.querySelector(`[name="${name}"]`)
+    );
   },
   /**
    * Return field list of the component
@@ -48351,7 +48688,8 @@ const WidgetMixin = {
         break;
       }
     }
-    if (!this.dataSrc) console.error(new Error('You must provide a "fields" attribute'));
+    if (!this.dataSrc)
+      console.error(new Error('You must provide a "fields" attribute'));
     if (!resource) return [];
     let fields = [];
     for (const prop2 of resource.properties) {
@@ -48392,7 +48730,10 @@ const WidgetMixin = {
     const setString = this.fields.match(this.getSetRegexp(field));
     if (!setString) return [];
     const firstSetBracket = this.fields.indexOf(setString[0]) + setString[0].length - 1;
-    const lastSetBracket = findClosingBracketMatchIndex(this.fields, firstSetBracket);
+    const lastSetBracket = findClosingBracketMatchIndex(
+      this.fields,
+      firstSetBracket
+    );
     const set2 = this.fields.substring(firstSetBracket + 1, lastSetBracket);
     return parseFieldsString(set2);
   },
@@ -48430,10 +48771,14 @@ const WidgetMixin = {
     if (resource && !((_a3 = resource.isContainer) == null ? void 0 : _a3.call(resource))) {
       let fieldValue = await resource[field];
       if (fieldValue === null || fieldValue === void 0 || fieldValue === "") {
-        let expandedPredicate = sibStore.getExpandedPredicate(field, this.context);
+        let expandedPredicate = sibStore.getExpandedPredicate(
+          field,
+          this.context
+        );
         fieldValue = await resource[expandedPredicate];
       }
-      if (fieldValue === null || fieldValue === void 0 || fieldValue === "") return void 0;
+      if (fieldValue === null || fieldValue === void 0 || fieldValue === "")
+        return void 0;
       if (Array.isArray(fieldValue) && !fieldValue["ldp:contains"]) {
         return JSON.stringify(fieldValue);
       } else if (typeof fieldValue === "object" && fieldValue["@id"] && 1 === Object.keys(fieldValue).length) {
@@ -48472,7 +48817,8 @@ const WidgetMixin = {
   widgetFromTagName(tagName) {
     let type = tagName.startsWith("solid") ? WidgetType.CUSTOM : WidgetType.USER;
     if (!customElements.get(tagName)) {
-      if (tagName.startsWith("solid")) newWidgetFactory(tagName);
+      if (tagName.startsWith("solid"))
+        newWidgetFactory(tagName);
       else type = WidgetType.NATIVE;
     }
     return { tagName, type };
@@ -48530,7 +48876,8 @@ const WidgetMixin = {
       "add-class",
       "remove-class"
     ];
-    for (let attr of multipleAttributes) this.addToAttributes(`multiple-${escapedField}-${attr}`, attr, attrs2);
+    for (let attr of multipleAttributes)
+      this.addToAttributes(`multiple-${escapedField}-${attr}`, attr, attrs2);
     const defaultAttributes = [
       "range",
       "enum",
@@ -48538,6 +48885,7 @@ const WidgetMixin = {
       "placeholder",
       "class",
       ,
+      /* 'widget', */
       "required",
       "editable",
       "autocomplete",
@@ -48565,13 +48913,22 @@ const WidgetMixin = {
       "target-src",
       "data-label"
     ];
-    for (let attr of defaultAttributes) this.addToAttributes(`${attr}-${escapedField}`, attr, attrs2);
+    for (let attr of defaultAttributes)
+      this.addToAttributes(`${attr}-${escapedField}`, attr, attrs2);
     const addableAttributes = Array.from(this.element.attributes).filter((a2) => a2.name.startsWith(`addable-${escapedField}`));
-    for (let attr of addableAttributes) this.addToAttributes(attr.name, attr.name.replace(`addable-${escapedField}`, "addable"), attrs2);
+    for (let attr of addableAttributes)
+      this.addToAttributes(
+        attr.name,
+        attr.name.replace(`addable-${escapedField}`, "addable"),
+        attrs2
+      );
     const resourceId = resource ? resource["@id"] : null;
-    if (this.multiple(escapedField)) attrs2["widget"] = this.getWidget(escapedField).tagName;
-    if (this.getAction(escapedField) && resourceId) attrs2["src"] = this.element.getAttribute("src-" + escapedField) || resourceId;
-    if (this.editable(escapedField) && resourceId) attrs2["value-id"] = resourceId;
+    if (this.multiple(escapedField))
+      attrs2["widget"] = this.getWidget(escapedField).tagName;
+    if (this.getAction(escapedField) && resourceId)
+      attrs2["src"] = this.element.getAttribute("src-" + escapedField) || resourceId;
+    if (this.editable(escapedField) && resourceId)
+      attrs2["value-id"] = resourceId;
     return attrs2;
   },
   /**
@@ -48610,7 +48967,11 @@ const WidgetMixin = {
         attributes["value"] = value;
       }
       if (value && value["@id"]) attributes["auto-subscribe"] = value["@id"];
-      if (transformAttributes) attributes = await this.transformAttributes(attributes, currentResource);
+      if (transformAttributes)
+        attributes = await this.transformAttributes(
+          attributes,
+          currentResource
+        );
       widgetTemplate = preHTML`<${tagName} ...=${spread(attributes)}></${tagName}>`;
     }
     this.nameWidgets.push(field);
@@ -48628,12 +48989,12 @@ const WidgetMixin = {
   async createSet(field) {
     const setWidget = this.getWidget(field, true);
     const attrs2 = { name: field };
-    const setAttributes = [
-      "class",
-      "label"
-    ];
-    for (let attr of setAttributes) this.addToAttributes(`${attr}-${field}`, attr, attrs2);
-    let widget = this.element.querySelector(`${setWidget.tagName}[name="${field}"]`);
+    const setAttributes = ["class", "label"];
+    for (let attr of setAttributes)
+      this.addToAttributes(`${attr}-${field}`, attr, attrs2);
+    let widget = this.element.querySelector(
+      `${setWidget.tagName}[name="${field}"]`
+    );
     let initializing = false;
     if (!widget) {
       widget = document.createElement(setWidget.tagName);
@@ -48661,7 +49022,14 @@ const WidgetMixin = {
         return preHTML`<${tagName} ...=${spread(attributes)}></${tagName}>`;
       }
     }
-    const widgetsTemplate = await Promise.all(setFields.map((field2) => this.createWidgetTemplate(field2)));
+    if (!setFields.length) {
+      console.warn(
+        `Set with name ${field} has not been generated due to being empty`
+      );
+    }
+    const widgetsTemplate = await Promise.all(
+      setFields.map((field2) => this.createWidgetTemplate(field2))
+    );
     const template = x`${widgetsTemplate}`;
     B(template, widget.querySelector("[data-content]") || widget);
     return widget;
@@ -48727,8 +49095,14 @@ const ListMixin = {
     if ((_d = (_c = this.resource).isContainer) == null ? void 0 : _d.call(_c)) {
       this.setElementAttribute("container");
       this.renderCallbacks = [];
-      listPostProcessorsCopy.attach(this.renderDOM.bind(this), "ListMixin:renderDOM");
-      listPostProcessorsCopy.attach(this.handleEmptyWidget.bind(this), "ListMixin:handleEmptyWidget");
+      listPostProcessorsCopy.attach(
+        this.renderDOM.bind(this),
+        "ListMixin:renderDOM"
+      );
+      listPostProcessorsCopy.attach(
+        this.handleEmptyWidget.bind(this),
+        "ListMixin:handleEmptyWidget"
+      );
       const nextProcessor = listPostProcessorsCopy.shift();
       await nextProcessor(
         this.resource["ldp:contains"],
@@ -48739,8 +49113,14 @@ const ListMixin = {
     } else if (this.arrayField && this.predicateName && this.resource[this.predicateName]) {
       this.setElementAttribute("container");
       this.renderCallbacks = [];
-      listPostProcessorsCopy.attach(this.renderDOM.bind(this), "ListMixin:renderDOM");
-      listPostProcessorsCopy.attach(this.handleEmptyWidget.bind(this), "ListMixin:handleEmptyWidget");
+      listPostProcessorsCopy.attach(
+        this.renderDOM.bind(this),
+        "ListMixin:renderDOM"
+      );
+      listPostProcessorsCopy.attach(
+        this.handleEmptyWidget.bind(this),
+        "ListMixin:handleEmptyWidget"
+      );
       const nextProcessor = listPostProcessorsCopy.shift();
       await nextProcessor(
         await this.resource[this.predicateName],
@@ -48767,12 +49147,7 @@ const ListMixin = {
     }
     const nextProcessor = listPostProcessors.shift();
     if (nextProcessor)
-      await nextProcessor(
-        resources,
-        listPostProcessors,
-        div2,
-        context2
-      );
+      await nextProcessor(resources, listPostProcessors, div2, context2);
   },
   /**
    * Show empty widget if no resources in the list
@@ -48788,16 +49163,14 @@ const ListMixin = {
         this.emptyWrapper = document.createElement("span");
         this.element.appendChild(this.emptyWrapper);
       }
-      B(resources.length > 0 ? x`` : emptyWidgetTemplate, this.emptyWrapper);
+      B(
+        resources.length > 0 ? x`` : emptyWidgetTemplate,
+        this.emptyWrapper
+      );
     }
     const nextProcessor = listPostProcessors.shift();
     if (nextProcessor)
-      await nextProcessor(
-        resources,
-        listPostProcessors,
-        div2,
-        context2
-      );
+      await nextProcessor(resources, listPostProcessors, div2, context2);
   }
 };
 const PaginateMixin = {
@@ -48820,21 +49193,32 @@ const PaginateMixin = {
     this.currentPage = [];
   },
   attached() {
-    this.listPostProcessors.attach(this.paginateCallback.bind(this), "PaginateMixin:paginateCallback");
+    this.listPostProcessors.attach(
+      this.paginateCallback.bind(this),
+      "PaginateMixin:paginateCallback"
+    );
   },
   async paginateCallback(resources, listPostProcessors, div2, context2) {
     if (this.paginateBy > 0) {
       if (!this.currentPage[context2]) this.currentPage[context2] = 1;
       const parentDiv = this.initParentPaginationDiv(div2, context2);
       this.renderCallbacks.push({
-        template: this.renderPaginationNav(this.getPageCount(resources.length), context2, div2),
+        template: this.renderPaginationNav(
+          this.getPageCount(resources.length),
+          context2,
+          div2
+        ),
         parent: parentDiv
       });
       const firstElementIndex = (this.getCurrentPage(context2) - 1) * this.paginateBy;
-      resources = resources.slice(firstElementIndex, firstElementIndex + this.paginateBy);
+      resources = resources.slice(
+        firstElementIndex,
+        firstElementIndex + this.paginateBy
+      );
     }
     const nextProcessor = listPostProcessors.shift();
-    if (nextProcessor) await nextProcessor(resources, listPostProcessors, div2, context2);
+    if (nextProcessor)
+      await nextProcessor(resources, listPostProcessors, div2, context2);
   },
   getNavElement(div2) {
     const insertNode = div2.parentNode || div2;
@@ -49022,18 +49406,20 @@ const matchFilter = async (resource, filter, query, fieldsAttr, searchForm, filt
     return matchValue(resource[filter], query, throwOn);
   }
   try {
-    await Promise.all((fields || []).map(
-      (field) => matchFilter(
-        resource,
-        field,
-        query,
-        fieldsAttr,
-        searchForm,
-        filterId,
-        true
-        // stop searching when 1 filter is true (= OR)
+    await Promise.all(
+      (fields || []).map(
+        (field) => matchFilter(
+          resource,
+          field,
+          query,
+          fieldsAttr,
+          searchForm,
+          filterId,
+          true
+          // stop searching when 1 filter is true (= OR)
+        )
       )
-    ));
+    );
   } catch (e2) {
     return true;
   }
@@ -49041,19 +49427,21 @@ const matchFilter = async (resource, filter, query, fieldsAttr, searchForm, filt
 };
 const matchFilters = async (resource, filters, filterNames, fields, searchForm, filterId) => {
   try {
-    await Promise.all(filterNames.map(async (filter) => {
-      let match3 = await matchFilter(
-        resource,
-        filter,
-        filters[filter],
-        fields,
-        searchForm,
-        filterId,
-        false
-        // stop searching when 1 filter is false (= AND)
-      );
-      return match3;
-    }));
+    await Promise.all(
+      filterNames.map(async (filter) => {
+        let match3 = await matchFilter(
+          resource,
+          filter,
+          filters[filter],
+          fields,
+          searchForm,
+          filterId,
+          false
+          // stop searching when 1 filter is false (= AND)
+        );
+        return match3;
+      })
+    );
   } catch (e2) {
     return false;
   }
@@ -49063,17 +49451,19 @@ const searchInResources = async (resources, filters, fields, searchForm) => {
   const filterNames = Object.keys(filters);
   const filterId = uniqID();
   window.cachePropsSearchFilter = {};
-  return Promise.all(resources.map(async (resource) => {
-    let match3 = await matchFilters(
-      resource,
-      filters,
-      filterNames,
-      fields,
-      searchForm,
-      filterId
-    );
-    return match3;
-  }));
+  return Promise.all(
+    resources.map(async (resource) => {
+      let match3 = await matchFilters(
+        resource,
+        filters,
+        filterNames,
+        fields,
+        searchForm,
+        filterId
+      );
+      return match3;
+    })
+  );
 };
 const FilterMixin = {
   name: "filter-mixin",
@@ -49116,9 +49506,15 @@ const FilterMixin = {
     if (this.isFilteredOnServer() && filteredBy) {
       this.searchForm = document.getElementById(filteredBy);
       if (!this.searchForm) throw `#${filteredBy} is not in DOM`;
-      this.searchForm.addEventListener("formChange", () => this.onServerSearchChange());
+      this.searchForm.addEventListener(
+        "formChange",
+        () => this.onServerSearchChange()
+      );
     } else {
-      this.listPostProcessors.attach(this.filterCallback.bind(this), "FilterMixin:filterCallback");
+      this.listPostProcessors.attach(
+        this.filterCallback.bind(this),
+        "FilterMixin:filterCallback"
+      );
     }
   },
   get filters() {
@@ -49161,10 +49557,18 @@ const FilterMixin = {
         this.fields,
         this.searchForm
       );
-      resources = resources.filter((_v, index2) => filteredResources[index2]);
+      this.resources = resources = resources.filter(
+        (_v, index2) => filteredResources[index2]
+      );
     }
     const nextProcessor = listPostProcessors.shift();
-    if (nextProcessor) await nextProcessor(resources, listPostProcessors, div2, context2 + (this.searchCount.get(context2) || ""));
+    if (nextProcessor)
+      await nextProcessor(
+        resources,
+        listPostProcessors,
+        div2,
+        context2 + (this.searchCount.get(context2) || "")
+      );
   },
   async filterList(context2) {
     this.searchCount.set(context2, this.searchCount.get(context2) + 1);
@@ -49179,7 +49583,9 @@ const FilterMixin = {
       const nextArrayOfObjects = await obj[field];
       if (!nextArrayOfObjects) continue;
       if (typeof nextArrayOfObjects !== "object") {
-        console.warn(`The format value of ${field} is not suitable with auto-range-[field] attribute`);
+        console.warn(
+          `The format value of ${field} is not suitable with auto-range-[field] attribute`
+        );
         continue;
       }
       if (!nextArrayOfObjects.isContainer()) {
@@ -49232,7 +49638,10 @@ const CounterMixin = {
     parentCounterDiv: null
   },
   attached() {
-    this.listPostProcessors.attach(this.countResources.bind(this), "CounterMixin:countResources");
+    this.listPostProcessors.attach(
+      this.countResources.bind(this),
+      "CounterMixin:countResources"
+    );
   },
   async countResources(resources, listPostProcessors, div2, context2) {
     if (this.counterTemplate) {
@@ -49244,7 +49653,8 @@ const CounterMixin = {
       });
     }
     const nextProcessor = listPostProcessors.shift();
-    if (nextProcessor) await nextProcessor(resources, listPostProcessors, div2, context2);
+    if (nextProcessor)
+      await nextProcessor(resources, listPostProcessors, div2, context2);
   },
   /**
    * Create the parent div of the counter in the component.
@@ -49294,7 +49704,10 @@ const GrouperMixin = {
     }
   },
   attached() {
-    this.listPostProcessors.attach(this.groupResources.bind(this), "GrouperMixin:groupResources");
+    this.listPostProcessors.attach(
+      this.groupResources.bind(this),
+      "GrouperMixin:groupResources"
+    );
   },
   async groupResources(resources, listPostProcessors, div2, context2) {
     const nextProcessor = listPostProcessors.shift();
@@ -49313,25 +49726,25 @@ const GrouperMixin = {
           return generalComparator(a2, b2, order2);
         });
       }
-      const parents = sortedKeys.map((g2) => ({ group: g2, parent: this.renderGroup(g2, div2) }));
+      const parents = sortedKeys.map((g2) => ({
+        group: g2,
+        parent: this.renderGroup(g2, div2)
+      }));
       for (let { group, parent } of parents) {
-        if (nextProcessor) await nextProcessor(
-          groups[group].resources,
-          // give only resources from group
-          listPostProcessors.deepCopy(),
-          // copy post processors
-          parent,
-          // parent is group widget
-          context2 + "_" + group
-        );
+        if (nextProcessor)
+          await nextProcessor(
+            groups[group].resources,
+            // give only resources from group
+            listPostProcessors.deepCopy(),
+            // copy post processors
+            parent,
+            // parent is group widget
+            context2 + "_" + group
+          );
       }
     } else {
-      if (nextProcessor) await nextProcessor(
-        resources,
-        listPostProcessors,
-        div2,
-        context2
-      );
+      if (nextProcessor)
+        await nextProcessor(resources, listPostProcessors, div2, context2);
     }
   },
   /**
@@ -49339,7 +49752,9 @@ const GrouperMixin = {
    * @param groupName
    */
   renderGroup(groupName, div2) {
-    let groupElt = this.element.querySelector(`${this.groupWidget}[value="${groupName}"]`);
+    let groupElt = this.element.querySelector(
+      `${this.groupWidget}[value="${groupName}"]`
+    );
     if (!groupElt) {
       groupElt = document.createElement(this.groupWidget);
       groupElt.setAttribute("value", groupName);
@@ -49354,24 +49769,30 @@ const HighlighterMixin = {
   name: "highlighter-mixin",
   use: [],
   attached() {
-    this.listPostProcessors.attach(this.hightlightCallback.bind(this), "HighlighterMixin:hightlightCallback");
+    this.listPostProcessors.attach(
+      this.hightlightCallback.bind(this),
+      "HighlighterMixin:hightlightCallback"
+    );
   },
   async hightlightCallback(resources, listPostProcessors, div2, context2) {
     for (let attr of this.element.attributes) {
       if (attr.name.startsWith("highlight-")) {
         const field = attr.name.split("highlight-")[1];
-        resources = await Promise.all(resources.map(async (resource) => ({
-          sortingKey: await resource[field],
-          // fetch sorting value
-          proxy: resource
-          // and keep proxy
-        })));
+        resources = await Promise.all(
+          resources.map(async (resource) => ({
+            sortingKey: await resource[field],
+            // fetch sorting value
+            proxy: resource
+            // and keep proxy
+          }))
+        );
         resources = this.sortHighlighted(resources, "sortingKey", attr.value);
         resources = resources.map((resource) => resource.proxy);
       }
     }
     const nextProcessor = listPostProcessors.shift();
-    if (nextProcessor) await nextProcessor(resources, listPostProcessors, div2, context2);
+    if (nextProcessor)
+      await nextProcessor(resources, listPostProcessors, div2, context2);
   },
   sortHighlighted(resources, field, value) {
     for (let [index2, res] of resources.entries()) {
@@ -49407,7 +49828,10 @@ const RequiredMixin = {
   name: "required-mixin",
   use: [],
   attached() {
-    this.listPostProcessors.attach(this.requiredResources.bind(this), "RequiredMixin:requiredResources");
+    this.listPostProcessors.attach(
+      this.requiredResources.bind(this),
+      "RequiredMixin:requiredResources"
+    );
   },
   async requiredResources(resources, listPostProcessors, div2, context2) {
     const displays = [];
@@ -49428,7 +49852,13 @@ const RequiredMixin = {
       }
     }
     const nextProcessor = listPostProcessors.shift();
-    if (nextProcessor) await nextProcessor(requiredFields.length ? displays : resources, listPostProcessors, div2, context2);
+    if (nextProcessor)
+      await nextProcessor(
+        requiredFields.length ? displays : resources,
+        listPostProcessors,
+        div2,
+        context2
+      );
   }
 };
 const SolidDisplay = {
@@ -49466,7 +49896,8 @@ const SolidDisplay = {
   },
   detached() {
     if (this.activeSubscription) PubSub.unsubscribe(this.activeSubscription);
-    if (this.removeActiveSubscription) PubSub.unsubscribe(this.removeActiveSubscription);
+    if (this.removeActiveSubscription)
+      PubSub.unsubscribe(this.removeActiveSubscription);
   },
   // Update subscription when id changes
   updateNavigateSubscription() {
@@ -49558,12 +49989,7 @@ const SolidDisplay = {
     B(template, div2);
     const nextProcessor = listPostProcessors.shift();
     if (nextProcessor)
-      await nextProcessor(
-        resources,
-        listPostProcessors,
-        div2,
-        context2
-      );
+      await nextProcessor(resources, listPostProcessors, div2, context2);
   }, "SolidDisplay:renderDom"),
   /**
    * Get attributes to dispatch to children from current element
@@ -50266,8 +50692,10 @@ const ValidationMixin = {
     return dialog.showModal();
   },
   performAction() {
-    if (this.element.hasAttribute("confirmation-message") && !this.confirmationType) console.warn("confirmation-type attribute is missing.");
-    if (!this.confirmationType || this.confirmationType == "confirm" && confirm(this.confirmationMessage || this.t("validation.message"))) this.validateModal();
+    if (this.element.hasAttribute("confirmation-message") && !this.confirmationType)
+      console.warn("confirmation-type attribute is missing.");
+    if (!this.confirmationType || this.confirmationType == "confirm" && confirm(this.confirmationMessage || this.t("validation.message")))
+      this.validateModal();
     if (this.confirmationType == "dialog") {
       this.showModal();
     }
@@ -50363,7 +50791,8 @@ const SolidForm = {
       }
       setDeepProperty(values, name.split("."), value);
     });
-    if (this.resource && !((_b = (_a3 = this.resource).isContainer) == null ? void 0 : _b.call(_a3))) values["@id"] = this.resourceId;
+    if (this.resource && !((_b = (_a3 = this.resource).isContainer) == null ? void 0 : _b.call(_a3)))
+      values["@id"] = this.resourceId;
     return values;
   },
   get isNaked() {
@@ -50384,7 +50813,8 @@ const SolidForm = {
         if (!object) {
           object = await this.resource[store.getExpandedPredicate(predicate, this.context)];
         }
-        if (object && object["@id"] && !value[predicate]["@id"]) value[predicate]["@id"] = object["@id"];
+        if (object && object["@id"] && !value[predicate]["@id"])
+          value[predicate]["@id"] = object["@id"];
         if (object && !object["@id"] && Array.isArray(object) && value[predicate].length == 0 && object.length > 0) {
           value[predicate] = object;
         }
@@ -50467,10 +50897,13 @@ const SolidForm = {
       let errorNextName = Object.values(member)[0];
       let subErrorName = errorFullName === "" ? errorNextName : errorFullName.concat("." + errorNextName);
       let errorFieldName = "";
-      if (errorFullName) errorFieldName = errorFullName.concat("." + errorNextName);
+      if (errorFullName)
+        errorFieldName = errorFullName.concat("." + errorNextName);
       else errorFieldName = errorNextName;
       if (errorFieldName) {
-        let formField = this.element.querySelector(`[name="${errorFieldName}"]`);
+        let formField = this.element.querySelector(
+          `[name="${errorFieldName}"]`
+        );
         if (formField) {
           formField.classList.add("error");
           let errorParagraph = document.createElement("p");
@@ -50481,7 +50914,9 @@ const SolidForm = {
               errorParagraph.appendChild(errorText);
             });
           } else if (typeof Object.values(member)[1] === "object") {
-            for (const [key, value] of Object.entries(Object.values(member)[1])) {
+            for (const [key, value] of Object.entries(
+              Object.values(member)[1]
+            )) {
               if (Array.isArray(value)) {
                 value.forEach((error2) => {
                   let errorText = document.createElement("p");
@@ -50511,7 +50946,9 @@ const SolidForm = {
   empty() {
   },
   showError(e2) {
-    let errors2 = Object.entries(e2).filter((field) => !field[0].startsWith("@context"));
+    let errors2 = Object.entries(e2).filter(
+      (field) => !field[0].startsWith("@context")
+    );
     this.displayErrorMessage(errors2);
     const errorTemplate = x`<p>${this.t("solid-form.validation-error")}</p>`;
     const parentElement = this.element.querySelector("[data-id=error]");
@@ -50521,7 +50958,8 @@ const SolidForm = {
     let formErrors = this.element.querySelectorAll(".error-message");
     if (formErrors) formErrors.forEach((error2) => error2.remove());
     let errorFields = this.element.querySelectorAll(".error");
-    if (errorFields) errorFields.forEach((errorField) => errorField.classList.remove("error"));
+    if (errorFields)
+      errorFields.forEach((errorField) => errorField.classList.remove("error"));
     const parentElement = this.element.querySelector("[data-id=error]");
     if (parentElement) B("", parentElement);
   },
@@ -50547,13 +50985,14 @@ const SolidForm = {
       </div>
     `;
   },
-  populate: trackRenderAsync(
-    async function() {
-      this.element.oninput = () => this.onInput();
-      this.element.onchange = () => this.onChange();
-      const fields = await this.getFields();
-      const widgetTemplates = await Promise.all(fields.map((field) => this.createWidgetTemplate(field)));
-      const template = x`
+  populate: trackRenderAsync(async function() {
+    this.element.oninput = () => this.onInput();
+    this.element.onchange = () => this.onChange();
+    const fields = await this.getFields();
+    const widgetTemplates = await Promise.all(
+      fields.map((field) => this.createWidgetTemplate(field))
+    );
+    const template = x`
         <div data-id="error"></div>
         ${!this.isNaked ? x`
           <form
@@ -50567,10 +51006,8 @@ const SolidForm = {
         ` : x`${widgetTemplates}`}
         ${this.getModalDialog()}
       `;
-      B(template, this.element);
-    },
-    "SolidForm:populate"
-  )
+    B(template, this.element);
+  }, "SolidForm:populate")
 };
 Sib.register(SolidForm);
 const SolidFormSearch = {
@@ -50685,7 +51122,9 @@ const SolidFormSearch = {
       }
       const idField = `${this.rangeId}_${fieldName}`;
       const id2 = `store://local.${idField}`;
-      const ldpContains = Array.from(autoRangeValues).map((id22) => ({ "@id": id22 }));
+      const ldpContains = Array.from(autoRangeValues).map((id22) => ({
+        "@id": id22
+      }));
       const data = {
         "@type": "ldp:Container",
         "@context": this.context,
@@ -50719,23 +51158,17 @@ const SolidFormSearch = {
     let parentElementLabel = (_a3 = input == null ? void 0 : input.parentElement) == null ? void 0 : _a3.getAttribute("label");
     try {
       const selectedLabel = (_b = input.selectedOptions[0].textContent) == null ? void 0 : _b.trim();
-      this.change(
-        this.value,
-        {
-          value: selectedLabel,
-          inputLabel: parentElementLabel,
-          type: "select"
-        }
-      );
+      this.change(this.value, {
+        value: selectedLabel,
+        inputLabel: parentElementLabel,
+        type: "select"
+      });
     } catch {
-      this.change(
-        this.value,
-        {
-          value: input.value,
-          inputLabel: parentElementLabel,
-          type: "input"
-        }
-      );
+      this.change(this.value, {
+        value: input.value,
+        inputLabel: parentElementLabel,
+        type: "input"
+      });
     }
   },
   getSubmitTemplate() {
@@ -50754,29 +51187,29 @@ const SolidFormSearch = {
       this.inputChange(input);
     }, this.debounce);
   },
-  populate: trackRenderAsync(
-    async function() {
-      await this.replaceAttributesData();
-      if (this.submitButton == null) {
-        this.element.addEventListener("input", (e2) => this.debounceInput(e2.target));
-      } else {
-        this.element.addEventListener("submit", (e2) => {
-          e2.preventDefault();
-          this.inputChange(e2.target);
-        });
-      }
-      const fields = await this.getFields();
-      const widgetTemplates = await Promise.all(fields.map((field) => this.createWidgetTemplate(field)));
-      const template = x`
+  populate: trackRenderAsync(async function() {
+    await this.replaceAttributesData();
+    if (this.submitButton == null) {
+      this.element.addEventListener("input", (e2) => {
+        this.debounceInput(e2.target);
+      });
+    }
+    this.element.addEventListener("submit", (e2) => {
+      e2.preventDefault();
+      this.inputChange(e2.target);
+    });
+    const fields = await this.getFields();
+    const widgetTemplates = await Promise.all(
+      fields.map((field) => this.createWidgetTemplate(field))
+    );
+    const template = x`
         <form>
           ${widgetTemplates}
           ${this.submitButton == null ? "" : this.getSubmitTemplate()}
         </form>
       `;
-      B(template, this.element);
-    },
-    "SolidFormSearch:populate"
-  )
+    B(template, this.element);
+  }, "SolidFormSearch:populate")
 };
 Sib.register(SolidFormSearch);
 const SolidWidget = {
@@ -50794,12 +51227,7 @@ const SolidWidget = {
     const template = this.template;
     const newWidget = {
       name: this.name,
-      use: [
-        BaseWidgetMixin,
-        StoreMixin,
-        FormMixin,
-        ActionMixin
-      ],
+      use: [BaseWidgetMixin, StoreMixin, FormMixin, ActionMixin],
       attributes: {
         label: {
           type: String,
@@ -50810,7 +51238,9 @@ const SolidWidget = {
         }
       },
       get template() {
-        return () => this.evalTemplate(template).then((tpl) => x`${o$1(tpl)}`);
+        return () => this.evalTemplate(template).then(
+          (tpl) => x`${o$1(tpl)}`
+        );
       },
       evalTemplate(template2) {
         const tpl = evalTemplateString(template2, {
@@ -50827,7 +51257,8 @@ const SolidWidget = {
       },
       // For form widgets, handle nested solid-form
       getValueFromElement(element) {
-        if (element.tagName === "SOLID-FORM") return element.component.value;
+        if (element.tagName === "SOLID-FORM")
+          return element.component.value;
         else if (element.component) return element.component.getValue();
         return element.value;
       },
@@ -50859,28 +51290,27 @@ const SolidAcChecker = {
       default: ""
     }
   },
-  populate: trackRenderAsync(
-    async function() {
-      if (!this.resource) return;
-      let displayElement;
-      const ContextParser3 = JSONLDContextParser.ContextParser;
-      const permissions = await this.resource.permissions;
-      if (this.permission) {
-        displayElement = permissions.some((p2) => {
-          return ContextParser3.expandTerm(p2, this.context, true) === this.permission;
-        });
-      } else if (this.noPermission) {
-        displayElement = permissions.every((p2) => {
-          return ContextParser3.expandTerm(p2, this.context, true) !== this.noPermission;
-        });
-      } else {
-        console.warn('solid-ac-checker: you should define at least one of "permission" or "no-permission" attribute.');
-        return;
-      }
-      if (displayElement) this.element.removeAttribute("hidden");
-    },
-    "SolidAcChecker:populate"
-  ),
+  populate: trackRenderAsync(async function() {
+    if (!this.resource) return;
+    let displayElement;
+    const ContextParser3 = JSONLDContextParser.ContextParser;
+    const permissions = await this.resource.permissions;
+    if (this.permission) {
+      displayElement = permissions.some((p2) => {
+        return ContextParser3.expandTerm(p2, this.context, true) === this.permission;
+      });
+    } else if (this.noPermission) {
+      displayElement = permissions.every((p2) => {
+        return ContextParser3.expandTerm(p2, this.context, true) !== this.noPermission;
+      });
+    } else {
+      console.warn(
+        'solid-ac-checker: you should define at least one of "permission" or "no-permission" attribute.'
+      );
+      return;
+    }
+    if (displayElement) this.element.removeAttribute("hidden");
+  }, "SolidAcChecker:populate"),
   empty() {
     this.element.setAttribute("hidden", "");
   }
@@ -50929,7 +51359,10 @@ const SolidDelete = {
     return store.delete(this.dataSrc, this.context).then((response) => {
       if (!response.ok) return;
       this.goToNext(null);
-      const eventData = { detail: { resource: { "@id": this.dataSrc } }, bubbles: true };
+      const eventData = {
+        detail: { resource: { "@id": this.dataSrc } },
+        bubbles: true
+      };
       this.element.dispatchEvent(new CustomEvent("save", eventData));
       this.element.dispatchEvent(new CustomEvent("resourceDeleted", eventData));
     });
@@ -50940,14 +51373,11 @@ const SolidDelete = {
   update() {
     this.render();
   },
-  render: trackRenderAsync(
-    async function() {
-      await this.replaceAttributesData(false);
-      const button = x`<button @click=${this.delete.bind(this)}>${this.dataLabel || this.t("solid-delete.button")}</button>${this.getModalDialog()}`;
-      B(button, this.element);
-    },
-    "SolidDelete:render"
-  )
+  render: trackRenderAsync(async function() {
+    await this.replaceAttributesData(false);
+    const button = x`<button @click=${this.delete.bind(this)}>${this.dataLabel || this.t("solid-delete.button")}</button>${this.getModalDialog()}`;
+    B(button, this.element);
+  }, "SolidDelete:render")
 };
 Sib.register(SolidDelete);
 const SolidLang = {
@@ -51157,7 +51587,9 @@ const SolidTable = {
   },
   get selectedLines() {
     if (this.selectable === null) return [];
-    return Array.from(this.element.querySelectorAll("input[data-selection]:checked")).map((e2) => {
+    return Array.from(
+      this.element.querySelectorAll("input[data-selection]:checked")
+    ).map((e2) => {
       var _a3;
       return (_a3 = e2 == null ? void 0 : e2.closest("[data-resource]")) == null ? void 0 : _a3.getAttribute("data-resource");
     });
@@ -51168,7 +51600,11 @@ const SolidTable = {
    */
   selectAll(e2) {
     if (this.selectable === null) return;
-    for (const checkbox of Array.from(this.element.querySelectorAll("input[data-selection]"))) {
+    for (const checkbox of Array.from(
+      this.element.querySelectorAll(
+        "input[data-selection]"
+      )
+    )) {
       checkbox.checked = e2.target.checked;
     }
   },
@@ -51177,7 +51613,11 @@ const SolidTable = {
    */
   unselectAll() {
     if (this.selectable === null) return;
-    for (const checkbox of Array.from(this.element.querySelectorAll("input[data-selection]"))) {
+    for (const checkbox of Array.from(
+      this.element.querySelectorAll(
+        "input[data-selection]"
+      )
+    )) {
       checkbox.checked = false;
     }
   },
@@ -51188,7 +51628,9 @@ const SolidTable = {
   selectLines(lines) {
     if (this.selectable === null || lines.length === 0) return;
     for (const line of lines) {
-      const checkbox = this.element.querySelector(`[data-resource="${line}"] input[data-selection]`);
+      const checkbox = this.element.querySelector(
+        `[data-resource="${line}"] input[data-selection]`
+      );
       if (checkbox) checkbox.checked = true;
     }
   },
@@ -51198,7 +51640,8 @@ const SolidTable = {
    * @param resource
    */
   async createCellWidget(field, resource) {
-    if (!this.element.hasAttribute("editable-" + field)) return this.createWidgetTemplate(field, resource, true);
+    if (!this.element.hasAttribute("editable-" + field))
+      return this.createWidgetTemplate(field, resource, true);
     const attributes = {};
     const formWidgetAttributes = [
       // attributes to give to the form widget
@@ -51215,14 +51658,16 @@ const SolidTable = {
       "title",
       "widget"
     ];
-    for (let attr of formWidgetAttributes) this.addToAttributes(`${attr}-${field}`, `${attr}-${field}`, attributes);
+    for (let attr of formWidgetAttributes)
+      this.addToAttributes(`${attr}-${field}`, `${attr}-${field}`, attributes);
     const formAttributes = [
       // attributes to give to the form
       "class",
       "submit-button",
       "next"
     ];
-    for (let attr of formAttributes) this.addToAttributes(`${attr}-${field}`, attr, attributes);
+    for (let attr of formAttributes)
+      this.addToAttributes(`${attr}-${field}`, attr, attributes);
     return x`
       <solid-form
         data-src="${resource["@id"]}"
@@ -51291,12 +51736,7 @@ const SolidTable = {
     this.selectLines(selectedLines);
     const nextProcessor = listPostProcessors.shift();
     if (nextProcessor)
-      await nextProcessor(
-        resources,
-        listPostProcessors,
-        div2,
-        context2
-      );
+      await nextProcessor(resources, listPostProcessors, div2, context2);
   }, "SolidTable:renderDom")
 };
 Sib.register(SolidTable);
@@ -51344,10 +51784,8 @@ const SolidMembership = {
     if (!store.session) return;
     let currentUserSession = await store.session;
     if (!currentUserSession) return;
-    if (!this.dataTargetSrc)
-      this.userId = await currentUserSession.webId;
-    else
-      this.userId = this.dataTargetSrc;
+    if (!this.dataTargetSrc) this.userId = await currentUserSession.webId;
+    else this.userId = this.dataTargetSrc;
     if (!this.userId) return;
     this.resource = await store.getData(this.resourceId);
     if (!this.resource) return;
@@ -51379,15 +51817,20 @@ const SolidMembership = {
     this.currentMembers.push({ "@id": this.userId });
     let currentRes = {
       "@context": this.context,
-      "user_set": this.currentMembers
+      user_set: this.currentMembers
     };
     return store.patch(currentRes, this.dataSrc).then((response) => {
       if (!response) {
-        console.warn(`Error while joining group ${this.dataSrc} for user ${this.userId}`);
+        console.warn(
+          `Error while joining group ${this.dataSrc} for user ${this.userId}`
+        );
         return;
       }
       this.goToNext(null);
-      const eventData = { detail: { resource: { "@id": this.dataSrc } }, bubbles: true };
+      const eventData = {
+        detail: { resource: { "@id": this.dataSrc } },
+        bubbles: true
+      };
       this.element.dispatchEvent(new CustomEvent("save", eventData));
       this.element.dispatchEvent(new CustomEvent("memberAdded", eventData));
       this.planRender();
@@ -51396,21 +51839,25 @@ const SolidMembership = {
   async leaveGroup() {
     let userSet = this.currentMembers.filter((value) => {
       const userId = value["@id"];
-      if (userId == this.userId)
-        return false;
+      if (userId == this.userId) return false;
       else return true;
     });
     let currentRes = {
       "@context": this.context,
-      "user_set": userSet
+      user_set: userSet
     };
     return store.patch(currentRes, this.dataSrc).then((response) => {
       if (!response) {
-        console.warn(`Error while leaving group ${this.dataSrc} for user ${this.userId}`);
+        console.warn(
+          `Error while leaving group ${this.dataSrc} for user ${this.userId}`
+        );
         return;
       }
       this.goToNext(null);
-      const eventData = { detail: { resource: { "@id": this.dataSrc } }, bubbles: true };
+      const eventData = {
+        detail: { resource: { "@id": this.dataSrc } },
+        bubbles: true
+      };
       this.element.dispatchEvent(new CustomEvent("save", eventData));
       this.element.dispatchEvent(new CustomEvent("memberRemoved", eventData));
       this.planRender();
@@ -51429,12 +51876,11 @@ const SolidMembership = {
   update() {
     this.render();
   },
-  render: trackRenderAsync(
-    async function() {
-      await this.populate();
-      let button = x``;
-      if (this.isMember) {
-        button = x`
+  render: trackRenderAsync(async function() {
+    await this.populate();
+    let button = x``;
+    if (this.isMember) {
+      button = x`
           <solid-ac-checker data-src="${this.dataSrc}"
                 permission="acl:Read"
                 class=${o$2(`${this.classSubmitButton ? "leave " + this.classSubmitButton : "leave"}`)}
@@ -51443,8 +51889,8 @@ const SolidMembership = {
             ${this.getModalDialog()}
           </solid-ac-checker>
           `;
-      } else {
-        button = x`
+    } else {
+      button = x`
           <solid-ac-checker data-src="${this.dataSrc}"
                 permission="acl:Read"
                 class=${o$2(`${this.classSubmitButton ? "join " + this.classSubmitButton : "join"}`)}
@@ -51453,11 +51899,9 @@ const SolidMembership = {
             ${this.getModalDialog()}
           </solid-ac-checker>
           `;
-      }
-      B(button, this.element);
-    },
-    "SolidMembership:render"
-  )
+    }
+    B(button, this.element);
+  }, "SolidMembership:render")
 };
 Sib.register(SolidMembership);
 const SolidMemberDelete = {
@@ -51538,21 +51982,25 @@ const SolidMemberDelete = {
   async deleteMembership() {
     let userSet = this.currentMembers.filter((value) => {
       const userId = value["@id"];
-      if (userId == this.dataTargetSrc)
-        return false;
+      if (userId == this.dataTargetSrc) return false;
       else return true;
     });
     let currentRes = {
       "@context": this.context,
-      "user_set": userSet
+      user_set: userSet
     };
     return store.patch(currentRes, this.dataSrc).then((response) => {
       if (!response) {
-        console.warn(`Error while removing user ${this.dataTargetSrc} from group ${this.dataSrc}`);
+        console.warn(
+          `Error while removing user ${this.dataTargetSrc} from group ${this.dataSrc}`
+        );
         return;
       }
       this.goToNext(null);
-      const eventData = { detail: { resource: { "@id": this.dataSrc } }, bubbles: true };
+      const eventData = {
+        detail: { resource: { "@id": this.dataSrc } },
+        bubbles: true
+      };
       this.element.dispatchEvent(new CustomEvent("save", eventData));
       this.element.dispatchEvent(new CustomEvent("memberRemoved", eventData));
       this.planRender();
@@ -51564,12 +52012,11 @@ const SolidMemberDelete = {
   update() {
     this.render();
   },
-  render: trackRenderAsync(
-    async function() {
-      await this.populate();
-      let button = x``;
-      if (this.isMember) {
-        button = x`
+  render: trackRenderAsync(async function() {
+    await this.populate();
+    let button = x``;
+    if (this.isMember) {
+      button = x`
         <solid-ac-checker data-src="${this.dataSrc}"
               permission="acl:Write"
               class=${o$2(this.classSubmitButton)}
@@ -51581,13 +52028,11 @@ const SolidMemberDelete = {
           ${this.getModalDialog()}
         </solid-ac-checker>
         `;
-      } else {
-        button = x`<span>${this.dataUnknownMember || this.t("solid-member-unknown.span")}</span>`;
-      }
-      B(button, this.element);
-    },
-    "SolidMemberDelete:render"
-  )
+    } else {
+      button = x`<span>${this.dataUnknownMember || this.t("solid-member-unknown.span")}</span>`;
+    }
+    B(button, this.element);
+  }, "SolidMemberDelete:render")
 };
 Sib.register(SolidMemberDelete);
 const SolidMemberAdd = {
@@ -51643,15 +52088,20 @@ const SolidMemberAdd = {
     this.currentMembers.push(JSON.parse(this.dataTargetSrc));
     let currentRes = {
       "@context": this.context,
-      "user_set": this.currentMembers
+      user_set: this.currentMembers
     };
     return store.patch(currentRes, this.resourceId).then((response) => {
       if (!response) {
-        console.warn(`Error while adding user ${this.dataTargetSrc} to group ${this.resourceId}`);
+        console.warn(
+          `Error while adding user ${this.dataTargetSrc} to group ${this.resourceId}`
+        );
         return;
       }
       this.goToNext(null);
-      const eventData = { detail: { resource: { "@id": this.dataSrc } }, bubbles: true };
+      const eventData = {
+        detail: { resource: { "@id": this.dataSrc } },
+        bubbles: true
+      };
       this.element.dispatchEvent(new CustomEvent("save", eventData));
       this.element.dispatchEvent(new CustomEvent("memberAdded", eventData));
       this.planRender();
@@ -51798,9 +52248,17 @@ class SolidTemplateElement extends HTMLElement {
     const fullPath = `${path}/${ln}.json`;
     return fetch(fullPath).then((result) => {
       if (result.ok) {
-        return result.json().catch((e2) => console.error(`Error while parsing the translation file: ${fullPath}`));
+        return result.json().catch(
+          (e2) => console.error(
+            `Error while parsing the translation file: ${fullPath}`
+          )
+        );
       }
-    }).catch((e2) => console.error(`Error while retrieving the translation file: ${fullPath}`));
+    }).catch(
+      (e2) => console.error(
+        `Error while retrieving the translation file: ${fullPath}`
+      )
+    );
   }
   /**
    * Returns current locale of app
@@ -51904,7 +52362,8 @@ class BaseWidget extends HTMLElement {
   get value() {
     if (this.dataHolder) {
       let values = this.dataHolder.map((element) => {
-        if (element instanceof HTMLInputElement && element.type == "checkbox") return element.checked;
+        if (element instanceof HTMLInputElement && element.type == "checkbox")
+          return element.checked;
         return this.getValueHolder(element).value;
       });
       return values.length === 1 ? values[0] : values;
@@ -51923,17 +52382,15 @@ class BaseWidget extends HTMLElement {
       }
       if (element.dispatchEvent) element.dispatchEvent(new Event("change"));
     } else if (this.dataHolder && this.dataHolder.length > 1) {
-      this.dataHolder.forEach(
-        (el2, index2) => {
-          const element = this.getValueHolder(el2);
-          if (element.type == "checkbox") {
-            element.checked = value ? value[index2] : "";
-          } else {
-            element.value = value ? value[index2] : "";
-          }
-          element.dispatchEvent(new Event("change"));
+      this.dataHolder.forEach((el2, index2) => {
+        const element = this.getValueHolder(el2);
+        if (element.type == "checkbox") {
+          element.checked = value ? value[index2] : "";
+        } else {
+          element.value = value ? value[index2] : "";
         }
-      );
+        element.dispatchEvent(new Event("change"));
+      });
     }
     this.render();
   }
@@ -51950,7 +52407,9 @@ class BaseWidget extends HTMLElement {
     this.setAttribute("remove-label", label);
   }
   get dataHolder() {
-    const widgetDataHolders = Array.from(this.querySelectorAll("[data-holder]")).filter((element) => {
+    const widgetDataHolders = Array.from(
+      this.querySelectorAll("[data-holder]")
+    ).filter((element) => {
       const dataHolderAncestor = element.parentElement ? element.parentElement.closest("[data-holder]") : null;
       return dataHolderAncestor === this || !dataHolderAncestor || !this.contains(dataHolderAncestor);
     });
@@ -51976,7 +52435,10 @@ class BaseWidget extends HTMLElement {
   }
   set range(range2) {
     (async () => {
-      this._listen(range2, async () => this._range = await store.getData(range2, this.context));
+      this._listen(
+        range2,
+        async () => this._range = await store.getData(range2, this.context)
+      );
       this._range = await store.getData(range2, this.context);
       this.render();
     })();
@@ -51996,9 +52458,13 @@ class BaseWidget extends HTMLElement {
         }
       }
       if ((_a3 = res.isContainer) == null ? void 0 : _a3.call(res)) {
-        let resourcesFromContainer = await store.getData(res["@id"], this.context);
+        let resourcesFromContainer = await store.getData(
+          res["@id"],
+          this.context
+        );
         this._listen(res["@id"]);
-        if (resourcesFromContainer) resources.push(...resourcesFromContainer["ldp:contains"]);
+        if (resourcesFromContainer)
+          resources.push(...resourcesFromContainer["ldp:contains"]);
       } else {
         resources.push(res);
       }
@@ -52044,10 +52510,13 @@ class BaseWidget extends HTMLElement {
   _listen(id2, callback = () => {
   }) {
     if (!this._subscriptions.get(id2)) {
-      this._subscriptions.set(id2, PubSub.subscribe(id2, async () => {
-        await callback();
-        this.render();
-      }));
+      this._subscriptions.set(
+        id2,
+        PubSub.subscribe(id2, async () => {
+          await callback();
+          this.render();
+        })
+      );
     }
   }
   // Editable widgets
@@ -52058,7 +52527,10 @@ class BaseWidget extends HTMLElement {
       editButton.innerText = "Modifier";
       editButton.onclick = () => this.activateEditableField(editableField, editButton);
       editableField.insertAdjacentElement("afterend", editButton);
-      editableField.addEventListener("focusout", () => this.save(editableField, editButton));
+      editableField.addEventListener(
+        "focusout",
+        () => this.save(editableField, editButton)
+      );
     }
   }
   activateEditableField(editableField, editButton) {