@startinblox/core 0.17.21-beta.1 → 0.17.21-beta.11

package/dist/new-widgets/valueTransformationMixins/multilineMixin.js

@@ -0,0 +1,17 @@
+import { unsafeHTML } from '../../_snowpack/pkg/lit-html/directives/unsafe-html.js';
+const MultilineMixin = {
+  name: 'multiline-mixin',
+
+  created() {
+    this.listValueTransformations.push(this.transformValue.bind(this));
+  },
+
+  transformValue(value, listValueTransformations) {
+    const newValue = value ? unsafeHTML(value.replace(/\n/g, "<br/>")) : value;
+    const nextProcessor = listValueTransformations.shift();
+    if (nextProcessor) nextProcessor(newValue, listValueTransformations);
+  }
+
+};
+export { MultilineMixin };
+//# sourceMappingURL=multilineMixin.js.map

package/dist/new-widgets/valueTransformationMixins/multilineMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["multilineMixin.ts"],"names":["unsafeHTML","MultilineMixin","name","created","listValueTransformations","push","transformValue","bind","value","newValue","replace","nextProcessor","shift"],"mappings":"AAAA,SAASA,UAAT,QAA2B,iCAA3B;AAEA,MAAMC,cAAc,GAAG;AACrBC,EAAAA,IAAI,EAAE,iBADe;;AAErBC,EAAAA,OAAO,GAAG;AACR,SAAKC,wBAAL,CAA8BC,IAA9B,CAAmC,KAAKC,cAAL,CAAoBC,IAApB,CAAyB,IAAzB,CAAnC;AACD,GAJoB;;AAKrBD,EAAAA,cAAc,CAACE,KAAD,EAAgBJ,wBAAhB,EAAsD;AAClE,UAAMK,QAAQ,GAAGD,KAAK,GAAGR,UAAU,CAACQ,KAAK,CAACE,OAAN,CAAc,KAAd,EAAqB,OAArB,CAAD,CAAb,GAA+CF,KAArE;AAEA,UAAMG,aAAa,GAAGP,wBAAwB,CAACQ,KAAzB,EAAtB;AACA,QAAGD,aAAH,EAAkBA,aAAa,CAACF,QAAD,EAAWL,wBAAX,CAAb;AACnB;;AAVoB,CAAvB;AAaA,SACEH,cADF","sourcesContent":["import { unsafeHTML } from 'lit-html/directives/unsafe-html';\n\nconst MultilineMixin = {\n  name: 'multiline-mixin',\n  created() {\n    this.listValueTransformations.push(this.transformValue.bind(this));\n  },\n  transformValue(value: string, listValueTransformations: Function[]) {\n    const newValue = value ? unsafeHTML(value.replace(/\\n/g, \"<br/>\")) : value;\n\n    const nextProcessor = listValueTransformations.shift();\n    if(nextProcessor) nextProcessor(newValue, listValueTransformations);\n  }\n}\n\nexport {\n  MultilineMixin\n}"]}

package/dist/new-widgets/valueTransformationMixins/oembedMixin.js

@@ -0,0 +1,27 @@
+import { unsafeHTML } from '../../_snowpack/pkg/lit-html/directives/unsafe-html.js';
+const OembedMixin = {
+  name: 'oembed-mixin',
+  initialState: {
+    existingOembed: null
+  },
+
+  created() {
+    this.listValueTransformations.push(this.transformValue.bind(this));
+  },
+
+  async transformValue(value, listValueTransformations) {
+    if (!value) return;
+
+    if (this.existingOembed == null) {
+      const response = await fetch(this.value);
+      this.existingOembed = await response.json();
+    }
+
+    const newValue = unsafeHTML(this.existingOembed.html);
+    const nextProcessor = listValueTransformations.shift();
+    if (nextProcessor) nextProcessor(newValue, listValueTransformations);
+  }
+
+};
+export { OembedMixin };
+//# sourceMappingURL=oembedMixin.js.map

package/dist/new-widgets/valueTransformationMixins/oembedMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["oembedMixin.ts"],"names":["unsafeHTML","OembedMixin","name","initialState","existingOembed","created","listValueTransformations","push","transformValue","bind","value","response","fetch","json","newValue","html","nextProcessor","shift"],"mappings":"AAAA,SAASA,UAAT,QAA2B,iCAA3B;AAEA,MAAMC,WAAW,GAAG;AAClBC,EAAAA,IAAI,EAAE,cADY;AAElBC,EAAAA,YAAY,EAAG;AACbC,IAAAA,cAAc,EAAE;AADH,GAFG;;AAKlBC,EAAAA,OAAO,GAAS;AACd,SAAKC,wBAAL,CAA8BC,IAA9B,CAAmC,KAAKC,cAAL,CAAoBC,IAApB,CAAyB,IAAzB,CAAnC;AACD,GAPiB;;AAQlB,QAAMD,cAAN,CAAqBE,KAArB,EAAoCJ,wBAApC,EAA0E;AACxE,QAAI,CAACI,KAAL,EAAY;;AACZ,QAAI,KAAKN,cAAL,IAAuB,IAA3B,EAAiC;AAC/B,YAAMO,QAAQ,GAAG,MAAMC,KAAK,CAAC,KAAKF,KAAN,CAA5B;AACA,WAAKN,cAAL,GAAsB,MAAMO,QAAQ,CAACE,IAAT,EAA5B;AACD;;AACD,UAAMC,QAAQ,GAAGd,UAAU,CAAC,KAAKI,cAAL,CAAoBW,IAArB,CAA3B;AAEA,UAAMC,aAAa,GAAGV,wBAAwB,CAACW,KAAzB,EAAtB;AACA,QAAGD,aAAH,EAAkBA,aAAa,CAACF,QAAD,EAAWR,wBAAX,CAAb;AACnB;;AAlBiB,CAApB;AAqBA,SACEL,WADF","sourcesContent":["import { unsafeHTML } from 'lit-html/directives/unsafe-html';\n\nconst OembedMixin = {\n  name: 'oembed-mixin',\n  initialState : {\n    existingOembed: null,\n  },\n  created(): void {\n    this.listValueTransformations.push(this.transformValue.bind(this));\n  },\n  async transformValue(value: string, listValueTransformations: Function[]) {\n    if (!value) return;\n    if (this.existingOembed == null) {\n      const response = await fetch(this.value);\n      this.existingOembed = await response.json();\n    }\n    const newValue = unsafeHTML(this.existingOembed.html);\n      \n    const nextProcessor = listValueTransformations.shift();\n    if(nextProcessor) nextProcessor(newValue, listValueTransformations);\n  }\n}\n\nexport {\n  OembedMixin\n}"]}

package/dist/solid-template-element.js

@@ -0,0 +1,164 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+///@ts-nocheck
+export default class SolidTemplateElement extends HTMLElement {
+  constructor() {
+    super();
+
+    _defineProperty(this, "renderPlanned", false);
+
+    _defineProperty(this, "strings", {});
+
+    _defineProperty(this, "translationsPath", null);
+
+    _defineProperty(this, "translationsFetched", false);
+
+    _defineProperty(this, "props", {});
+
+    this.initProps();
+  }
+
+  static get observedAttributes() {
+    return Object.values(this.propsDefinition);
+  }
+
+  static get propsDefinition() {
+    return {};
+  }
+
+  initProps() {
+    this.props = {};
+
+    for (let key in this.constructor.propsDefinition) {
+      this.props[key] = undefined;
+    }
+  }
+
+  updateProps() {
+    const declaredAttributes = []; // Get props values
+
+    for (let key in this.constructor.propsDefinition) {
+      const def = this.constructor.propsDefinition[key];
+
+      if (typeof def === "string") {
+        this.props[key] = this.hasAttribute(def) ? this.getAttribute(def) : undefined;
+        declaredAttributes.push(def);
+      } else if (typeof def === "object" && def.attribute && typeof def.attribute === "string") {
+        this.props[key] = this.hasAttribute(def.attribute) ? this.getAttribute(def.attribute) : def.default || undefined;
+        declaredAttributes.push(def.attribute);
+      }
+    } // Add attributes to props
+
+
+    for (let attr of this.attributes) {
+      if (!declaredAttributes.includes(attr.name)) {
+        // if attribute not in propsDefinition
+        this.props[this._camelize(attr.name)] = attr.value || undefined; // add it to props
+      }
+    }
+  }
+  /**
+   * Define the path folder of translations files
+   * @param path
+   */
+
+
+  setTranslationsPath(path) {
+    this.translationsPath = path;
+  }
+  /**
+   * Fetch all localized strings
+   */
+
+
+  async fetchLocaleStrings() {
+    if (this.translationsFetched) return;
+    const filesToFetch = [];
+    if (this.translationsPath) // fetch component translations
+      filesToFetch.push(this.fetchTranslationFile(this.translationsPath));
+    const extraTranslationsPath = this.getAttribute('extra-translations-path');
+    if (extraTranslationsPath) // fetch developer translations
+      filesToFetch.push(this.fetchTranslationFile(extraTranslationsPath)); // merge all translations
+
+    return Promise.all(filesToFetch).then(res => {
+      this.translationsFetched = true;
+      this.strings = Object.assign({}, ...res);
+    });
+  }
+  /**
+   * Fetch the translation file from [path]
+   */
+
+
+  async fetchTranslationFile(path) {
+    const ln = this.getLocale();
+    const fullPath = "".concat(path, "/").concat(ln, ".json");
+    return fetch(fullPath).then(result => {
+      if (result.ok) {
+        return result.json() // parse content
+        .catch(e => console.error("Error while parsing the translation file: ".concat(fullPath)));
+      }
+    }).catch(e => console.error("Error while retrieving the translation file: ".concat(fullPath)));
+  }
+  /**
+   * Returns current locale of app
+   */
+
+
+  getLocale() {
+    return localStorage.getItem('language') || window.navigator.language.slice(0, 2);
+  }
+  /**
+   * Return localized string for [key]
+   * @param key
+   */
+
+
+  localize(key) {
+    return this.strings[key] || key;
+  }
+
+  attributeChangedCallback() {
+    this.updateProps();
+    this.planRender();
+  }
+
+  connectedCallback() {
+    this.updateProps();
+    this.planRender();
+  }
+  /**
+   * Plan a render if none is already waiting to prevent multi re-renders
+   */
+
+
+  planRender() {
+    if (!this.renderPlanned) {
+      this.renderPlanned = true;
+      setTimeout(() => {
+        this.render();
+        this.renderPlanned = false;
+      });
+    }
+  }
+
+  renderCallback() {}
+
+  render() {
+    this.fetchLocaleStrings().finally(() => {
+      // render even if some errors occurred
+      this.innerHTML = this.template(this.props);
+      this.renderCallback();
+    });
+  }
+
+  template() {
+    return '';
+  }
+
+  _camelize(str) {
+    return str.replace(/\W+(.)/g, (match, chr) => chr.toUpperCase());
+  }
+
+}
+//# sourceMappingURL=solid-template-element.js.map

package/dist/solid-template-element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["solid-template-element.ts"],"names":["SolidTemplateElement","HTMLElement","constructor","initProps","observedAttributes","Object","values","propsDefinition","props","key","undefined","updateProps","declaredAttributes","def","hasAttribute","getAttribute","push","attribute","default","attr","attributes","includes","name","_camelize","value","setTranslationsPath","path","translationsPath","fetchLocaleStrings","translationsFetched","filesToFetch","fetchTranslationFile","extraTranslationsPath","Promise","all","then","res","strings","assign","ln","getLocale","fullPath","fetch","result","ok","json","catch","e","console","error","localStorage","getItem","window","navigator","language","slice","localize","attributeChangedCallback","planRender","connectedCallback","renderPlanned","setTimeout","render","renderCallback","finally","innerHTML","template","str","replace","match","chr","toUpperCase"],"mappings":"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","sourcesContent":["///@ts-nocheck\n\nexport default class SolidTemplateElement extends HTMLElement {\n  renderPlanned = false;\n  strings = {};\n  translationsPath = null;\n  translationsFetched = false;\n  props : {[key:string]:any} = {}\n  constructor() {\n    super();\n    this.initProps();\n  }\n  static get observedAttributes() {\n    return Object.values(this.propsDefinition);\n  }\n\n  static get propsDefinition():{[key:string]:any} {\n    return {\n    };\n  }\n\n  initProps() {\n    this.props = {}\n    for(let key in this.constructor.propsDefinition) {\n      this.props[key] = undefined;\n    }\n  }\n\n  updateProps() {\n    const declaredAttributes: string[] = [];\n\n    // Get props values\n    for(let key in this.constructor.propsDefinition) {\n      const def = this.constructor.propsDefinition[key];\n      if (typeof def === \"string\") {\n        this.props[key] = this.hasAttribute(def) ? this.getAttribute(def) : undefined;\n        declaredAttributes.push(def);\n      } else if (typeof def === \"object\" && def.attribute && typeof def.attribute === \"string\") {\n        this.props[key] = this.hasAttribute(def.attribute) ? this.getAttribute(def.attribute) : def.default || undefined;\n        declaredAttributes.push(def.attribute);\n      }\n    }\n\n    // Add attributes to props\n    for (let attr of this.attributes) {\n      if (!declaredAttributes.includes(attr.name)) { // if attribute not in propsDefinition\n        this.props[this._camelize(attr.name)] = attr.value || undefined; // add it to props\n      }\n    }\n  }\n\n  /**\n   * Define the path folder of translations files\n   * @param path\n   */\n  setTranslationsPath(path) {\n    this.translationsPath = path;\n  }\n\n  /**\n   * Fetch all localized strings\n   */\n  async fetchLocaleStrings() {\n    if (this.translationsFetched) return;\n    const filesToFetch:any[] = [];\n    if (this.translationsPath) // fetch component translations\n      filesToFetch.push(this.fetchTranslationFile(this.translationsPath));\n\n    const extraTranslationsPath = this.getAttribute('extra-translations-path');\n    if (extraTranslationsPath) // fetch developer translations\n      filesToFetch.push(this.fetchTranslationFile(extraTranslationsPath));\n\n    // merge all translations\n    return Promise.all(filesToFetch).then(res => {\n      this.translationsFetched = true;\n      this.strings = Object.assign({}, ...res);\n    })\n  }\n\n  /**\n   * Fetch the translation file from [path]\n   */\n  async fetchTranslationFile(path) {\n    const ln = this.getLocale();\n    const fullPath = `${path}/${ln}.json`;\n    return fetch(fullPath)\n      .then((result) => {\n        if (result.ok) {\n          return result.json() // parse content\n            .catch(e => console.error(`Error while parsing the translation file: ${fullPath}`));\n        }\n      }).catch(e => console.error(`Error while retrieving the translation file: ${fullPath}`));\n  }\n\n  /**\n   * Returns current locale of app\n   */\n  getLocale() {\n    return localStorage.getItem('language') || window.navigator.language.slice(0, 2);\n  }\n\n  /**\n   * Return localized string for [key]\n   * @param key\n   */\n  localize(key) {\n    return this.strings[key] || key;\n  }\n\n  attributeChangedCallback()\n  {\n    this.updateProps();\n    this.planRender();\n  }\n\n  connectedCallback() {\n    this.updateProps();\n    this.planRender();\n  }\n\n  /**\n   * Plan a render if none is already waiting to prevent multi re-renders\n   */\n  planRender() {\n    if (!this.renderPlanned) {\n      this.renderPlanned = true;\n      setTimeout(() => {\n        this.render();\n        this.renderPlanned = false;\n      });\n    }\n  }\n\n  renderCallback() { }\n\n  render() {\n    this.fetchLocaleStrings().finally(() => { // render even if some errors occurred\n      this.innerHTML = this.template(this.props);\n      this.renderCallback();\n    });\n  }\n\n  template() {\n    return '';\n  }\n\n  _camelize(str) {\n    return str.replace(/\\W+(.)/g, (match, chr) => chr.toUpperCase());\n  }\n}\n"]}

package/dist/style/default-theme.css

@@ -0,0 +1,24 @@
+/*==== SOLID-MAP ====*/
+/* map custom marker */
+.sib-custom-marker {
+  position: absolute;
+  top: 40%;
+  left: 50%;
+  margin-left: 115px;
+  border-radius: 50%;
+  border: 8px solid #1c78c9;
+  width: 8px;
+  height: 8px;
+}
+.sib-custom-marker::after {
+  position: absolute;
+  content: '';
+  width: 0px;
+  height: 0px;
+  bottom: -30px;
+  left: -6px;
+  border: 10px solid transparent;
+  border-top-width: 17px;
+  border-top-style: solid;
+  border-top-color: inherit;
+}

package/dist/style/default-theme.css.proxy.js

@@ -0,0 +1,10 @@
+// [snowpack] add styles to the page (skip if no document exists)
+if (typeof document !== 'undefined') {
+  const code = "/*==== SOLID-MAP ====*/\n/* map custom marker */\n.sib-custom-marker {\n  position: absolute;\n  top: 40%;\n  left: 50%;\n  margin-left: 115px;\n  border-radius: 50%;\n  border: 8px solid #1c78c9;\n  width: 8px;\n  height: 8px;\n}\n.sib-custom-marker::after {\n  position: absolute;\n  content: '';\n  width: 0px;\n  height: 0px;\n  bottom: -30px;\n  left: -6px;\n  border: 10px solid transparent;\n  border-top-width: 17px;\n  border-top-style: solid;\n  border-top-color: inherit;\n}";
+
+  const styleEl = document.createElement("style");
+  const codeEl = document.createTextNode(code);
+  styleEl.type = 'text/css';
+  styleEl.appendChild(codeEl);
+  document.head.appendChild(styleEl);
+}

package/dist/widgets/baseWidget.js

@@ -0,0 +1,334 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { evalTemplateString } from '../libs/helpers.js';
+import { store } from '../libs/store/store.js';
+export class BaseWidget extends HTMLElement {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "src", void 0);
+
+    _defineProperty(this, "multiple", void 0);
+
+    _defineProperty(this, "editable", void 0);
+
+    _defineProperty(this, "required", void 0);
+
+    _defineProperty(this, "resourceId", void 0);
+
+    _defineProperty(this, "_value", void 0);
+
+    _defineProperty(this, "_range", void 0);
+
+    _defineProperty(this, "_context", void 0);
+
+    _defineProperty(this, "_subscriptions", new Map());
+  }
+
+  connectedCallback() {
+    this.render();
+  }
+
+  disconnectedCallback() {
+    this._subscriptions.forEach(subscription => {
+      PubSub.unsubscribe(subscription);
+    });
+  }
+
+  async render() {
+    this.innerHTML = await evalTemplateString(this.template, {
+      src: this.src,
+      name: this.name,
+      label: this.label,
+      placeholder: this.placeholder,
+      value: this.value,
+      id: this._value && this._value['@id'] || '',
+      escapedValue: this.escapedValue,
+      range: await this.htmlRange,
+      multiple: this.multiple,
+      editable: this.editable === '' ? true : false,
+      required: this.required === '' ? true : false
+    });
+    this.addEditButtons();
+    this.initChangeEvents();
+  }
+
+  get label() {
+    return this.hasAttribute('label') ? this.getAttribute('label') : this.name;
+  }
+
+  set label(label) {
+    if (label != null) this.setAttribute('label', label);
+    this.render();
+  }
+
+  get placeholder() {
+    return this.hasAttribute('placeholder') ? this.getAttribute('placeholder') : this.label;
+  }
+
+  set placeholder(placeholder) {
+    if (placeholder != null) this.setAttribute('placeholder', placeholder);
+    this.render();
+  }
+
+  get name() {
+    return this.getAttribute('name');
+  }
+
+  set name(name) {
+    if (name) this.setAttribute('name', name);
+    this.render();
+  }
+
+  get value() {
+    if (this.dataHolder) {
+      let values = this.dataHolder.map(element => {
+        if (element instanceof HTMLInputElement && element.type == "checkbox") return element.checked; // if value is defined, push it in the array
+
+        return this.getValueHolder(element).value;
+      }); // If only one value, do not return an array
+
+      return values.length === 1 ? values[0] : values;
+    }
+
+    return this._value || '';
+  }
+
+  set value(value) {
+    this._value = value; // ... store `value` in the widget
+
+    if (this._value == null || this._value == undefined) return;
+
+    if (this.dataHolder && this.dataHolder.length === 1) {
+      // if one dataHolder in the widget...
+      const element = this.getValueHolder(this.dataHolder[0]);
+
+      if (element.type == "checkbox") {
+        element.checked = value;
+      } else {
+        element.value = value; // ... set `value` to the dataHolder element
+      } // remove when https://git.happy-dev.fr/startinblox/framework/sib-core/issues/426 fixed
+
+
+      if (element.dispatchEvent) element.dispatchEvent(new Event('change')); // trigger change manually
+    } else if (this.dataHolder && this.dataHolder.length > 1) {
+      // if multiple dataHolder in the widget ...
+      this.dataHolder.forEach((el, index) => {
+        const element = this.getValueHolder(el);
+
+        if (element.type == "checkbox") {
+          element.checked = value ? value[index] : '';
+        } else {
+          element.value = value ? value[index] : '';
+        }
+
+        element.dispatchEvent(new Event('change')); // trigger change manually
+      }); // ... set each `value` to each dataHolder element
+    }
+
+    this.render();
+  }
+
+  get ['each-label']() {
+    return this.getAttribute('each-label') || '';
+  }
+
+  set ['each-label'](label) {
+    this.setAttribute('each-label', label);
+  }
+
+  set ['add-label'](label) {
+    this.setAttribute('add-label', label);
+  }
+
+  set ['remove-label'](label) {
+    this.setAttribute('remove-label', label);
+  }
+
+  get dataHolder() {
+    const widgetDataHolders = Array.from(this.querySelectorAll('[data-holder]')).filter(element => {
+      const dataHolderAncestor = element.parentElement ? element.parentElement.closest('[data-holder]') : null; // get the dataHolder of the widget only if no dataHolder ancestor in the current widget
+
+      return dataHolderAncestor === this || !dataHolderAncestor || !this.contains(dataHolderAncestor);
+    });
+    return widgetDataHolders.length ? widgetDataHolders : null;
+  }
+
+  get template() {
+    return '';
+  }
+
+  get childTemplate() {
+    return '';
+  }
+
+  get escapedValue() {
+    return ('' + this.value).replace(/&/g, '&').replace(/'/g, ''').replace(/"/g, '"');
+  }
+
+  set context(value) {
+    this._context = value;
+  }
+
+  get context() {
+    return this._context || {};
+  }
+
+  get range() {
+    return this.fetchSources(this._range);
+  }
+
+  set range(range) {
+    (async () => {
+      this._listen(range, async () => this._range = await store.getData(range, this.context));
+
+      this._range = await store.getData(range, this.context);
+      this.render();
+    })();
+  }
+
+  async fetchSources(resource) {
+    if (!resource || !resource['ldp:contains']) return null;
+    let resources = [];
+    let index = 0;
+
+    for (let res of resource['ldp:contains']) {
+      var _res$isContainer, _res;
+
+      if (!res) {
+        // child not in cache yet
+        try {
+          const resourceId = resource.getChildren()[index]['@id'];
+          res = await store.getData(resourceId, this.context);
+        } catch (e) {
+          continue;
+        }
+      }
+
+      if ((_res$isContainer = (_res = res).isContainer) !== null && _res$isContainer !== void 0 && _res$isContainer.call(_res)) {
+        // if nested container
+        let resourcesFromContainer = await store.getData(res['@id'], this.context); // fetch the datas
+
+        this._listen(res['@id']);
+
+        if (resourcesFromContainer) resources.push(...resourcesFromContainer['ldp:contains']);
+      } else {
+        resources.push(res);
+      }
+
+      index++;
+    }
+
+    return resources;
+  }
+
+  get htmlRange() {
+    return (async () => {
+      let htmlRange = '';
+      const rangeResources = await this.range;
+      if (!rangeResources) return;
+
+      for await (let element of rangeResources) {
+        element = await store.getData(element['@id'], this.context); // fetch the resource to display the name
+
+        this._listen(element['@id']);
+
+        let selected;
+
+        if (this._value && this._value.isContainer && this._value.isContainer()) {
+          // selected options for multiple select
+          selected = false;
+
+          for await (let value of this._value["ldp:contains"]) {
+            if (value['@id'] == element['@id']) {
+              selected = true;
+              break;
+            }
+          }
+        } else {
+          // selected options for simple dropdowns
+          selected = this._value ? this._value['@id'] == element['@id'] : false;
+        }
+
+        htmlRange += await evalTemplateString(this.childTemplate, {
+          name: await element.name,
+          id: element['@id'],
+          selected: selected
+        });
+      }
+
+      return htmlRange || '';
+    })();
+  }
+
+  getValueHolder(element) {
+    return element.component ? element.component : element;
+  }
+
+  subscribe(event) {
+    this._listen(event);
+  }
+
+  _listen(id, callback = () => {}) {
+    if (!this._subscriptions.get(id)) {
+      this._subscriptions.set(id, PubSub.subscribe(id, async () => {
+        await callback();
+        this.render();
+      }));
+    }
+  } // Editable widgets
+
+
+  addEditButtons() {
+    const editableField = this.querySelector('[data-editable]');
+
+    if (editableField) {
+      // Add edit button
+      const editButton = document.createElement('button');
+      editButton.innerText = "Modifier";
+
+      editButton.onclick = () => this.activateEditableField(editableField, editButton);
+
+      editableField.insertAdjacentElement('afterend', editButton); // Save on focusout
+
+      editableField.addEventListener('focusout', () => this.save(editableField, editButton));
+    }
+  }
+
+  activateEditableField(editableField, editButton) {
+    editableField.setAttribute('contenteditable', 'true');
+    editableField.focus();
+    editButton.setAttribute("disabled", "disabled");
+  }
+  /**
+   * Dispatch change events of data holders from the current widget
+   */
+
+
+  initChangeEvents() {
+    if (this.dataHolder) {
+      const event = new Event('change', {
+        bubbles: true
+      });
+      this.dataHolder.forEach(element => {
+        element.addEventListener('change', e => {
+          e.preventDefault();
+          e.stopPropagation();
+          this.dispatchEvent(event);
+        });
+      });
+    }
+  }
+
+  save(editableField, editButton) {
+    editableField.setAttribute('contenteditable', 'false');
+    editButton.removeAttribute("disabled");
+    if (!this.name) return;
+    const resource = {};
+    resource[this.name] = editableField.innerText;
+    resource['@context'] = this.context;
+    if (this.resourceId && resource) store.patch(resource, this.resourceId);
+  }
+
+}
+//# sourceMappingURL=baseWidget.js.map

package/dist/widgets/baseWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["baseWidget.ts"],"names":["evalTemplateString","store","BaseWidget","HTMLElement","Map","connectedCallback","render","disconnectedCallback","_subscriptions","forEach","subscription","PubSub","unsubscribe","innerHTML","template","src","name","label","placeholder","value","id","_value","escapedValue","range","htmlRange","multiple","editable","required","addEditButtons","initChangeEvents","hasAttribute","getAttribute","setAttribute","dataHolder","values","map","element","HTMLInputElement","type","checked","getValueHolder","length","undefined","dispatchEvent","Event","el","index","widgetDataHolders","Array","from","querySelectorAll","filter","dataHolderAncestor","parentElement","closest","contains","childTemplate","replace","context","_context","fetchSources","_range","_listen","getData","resource","resources","res","resourceId","getChildren","e","isContainer","resourcesFromContainer","push","rangeResources","selected","component","subscribe","event","callback","get","set","editableField","querySelector","editButton","document","createElement","innerText","onclick","activateEditableField","insertAdjacentElement","addEventListener","save","focus","bubbles","preventDefault","stopPropagation","removeAttribute","patch"],"mappings":"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","sourcesContent":["import { evalTemplateString } from '../libs/helpers';\nimport { store } from '../libs/store/store';\n\nexport class BaseWidget extends HTMLElement {\n  private src: string | undefined;\n  private multiple: string | undefined;\n  private editable: string | undefined;\n  private required: string | undefined;\n  private resourceId: string | undefined;\n  public _value: any | undefined;\n  private _range: any | undefined;\n  private _context: object | undefined;\n  private _subscriptions = new Map();\n\n  connectedCallback(): void {\n    this.render();\n  }\n  disconnectedCallback(): void {\n    this._subscriptions.forEach((subscription) => {\n      PubSub.unsubscribe(subscription);\n    })\n  }\n  async render() {\n    this.innerHTML = await evalTemplateString(this.template, {\n      src: this.src,\n      name: this.name,\n      label: this.label,\n      placeholder: this.placeholder,\n      value: this.value,\n      id: (this._value && this._value['@id']) || '',\n      escapedValue: this.escapedValue,\n      range: await this.htmlRange,\n      multiple: this.multiple,\n      editable: this.editable === '' ? true : false,\n      required: this.required === '' ? true : false\n    });\n\n    this.addEditButtons();\n    this.initChangeEvents();\n  }\n  get label(): string | null {\n    return this.hasAttribute('label') ? this.getAttribute('label') : this.name;\n  }\n  set label(label: string | null) {\n    if(label != null) this.setAttribute('label', label);\n    this.render();\n  }\n  get placeholder(): string | null {\n    return this.hasAttribute('placeholder') ? this.getAttribute('placeholder') : this.label;\n  }\n  set placeholder(placeholder: string | null) {\n    if(placeholder != null) this.setAttribute('placeholder', placeholder);\n    this.render();\n  }\n  get name(): string | null {\n    return this.getAttribute('name');\n  }\n  set name(name: string | null) {\n    if(name) this.setAttribute('name', name);\n    this.render();\n  }\n  get value() {\n    if (this.dataHolder) {\n      let values = this.dataHolder.map(element => {\n        if (element instanceof HTMLInputElement && element.type == \"checkbox\") return element.checked;\n        // if value is defined, push it in the array\n        return this.getValueHolder(element).value;\n      });\n      // If only one value, do not return an array\n      return values.length === 1 ? values[0] : values;\n    }\n    return this._value || '';\n  }\n  set value(value) {\n    this._value = value; // ... store `value` in the widget\n    if (this._value == null || this._value == undefined) return;\n\n    if (this.dataHolder && this.dataHolder.length === 1) {\n      // if one dataHolder in the widget...\n      const element = this.getValueHolder(this.dataHolder[0]);\n      if (element.type == \"checkbox\") {\n        element.checked = value;\n      } else {\n        element.value = value; // ... set `value` to the dataHolder element\n      }\n      // remove when https://git.happy-dev.fr/startinblox/framework/sib-core/issues/426 fixed\n      if (element.dispatchEvent) element.dispatchEvent(new Event('change')); // trigger change manually\n    } else if (this.dataHolder && this.dataHolder.length > 1) {\n      // if multiple dataHolder in the widget ...\n      this.dataHolder.forEach(\n        (el, index) => {\n          const element = this.getValueHolder(el);\n          if (element.type == \"checkbox\") {\n            element.checked = value ? value[index] : ''\n          } else {\n            element.value = value ? value[index] : ''\n          }\n          element.dispatchEvent(new Event('change')); // trigger change manually\n        },\n      ); // ... set each `value` to each dataHolder element\n    }\n\n    this.render();\n  }\n  get ['each-label'](): string{\n    return this.getAttribute('each-label') || '';\n  }\n  set ['each-label'](label: string) {\n    this.setAttribute('each-label', label);\n  }\n  set ['add-label'](label: string) {\n    this.setAttribute('add-label', label);\n  }\n  set ['remove-label'](label: string) {\n    this.setAttribute('remove-label', label);\n  }\n  get dataHolder(): Element[] | null {\n    const widgetDataHolders = Array.from(this.querySelectorAll('[data-holder]')).filter(element => {\n      const dataHolderAncestor = element.parentElement ? element.parentElement.closest('[data-holder]') : null;\n      // get the dataHolder of the widget only if no dataHolder ancestor in the current widget\n      return dataHolderAncestor === this || !dataHolderAncestor || !this.contains(dataHolderAncestor)\n    });\n\n    return widgetDataHolders.length ? widgetDataHolders : null;\n  }\n  get template(): string {\n    return '';\n  }\n  get childTemplate(): string {\n    return '';\n  }\n  get escapedValue(): string {\n    return ('' + this.value)\n      .replace(/&/g, '&amp;')\n      .replace(/'/g, '&apos;')\n      .replace(/\"/g, '&quot;');\n  }\n  set context(value) {\n    this._context = value;\n  }\n  get context() {\n    return this._context || {};\n  }\n\n  get range(): any {\n    return this.fetchSources(this._range);\n  }\n  set range(range) {\n    (async () => {\n      this._listen(range, async () => this._range = await store.getData(range, this.context));\n      this._range = await store.getData(range, this.context);\n      this.render();\n    })();\n  }\n  async fetchSources(resource: any) {\n    if (!resource || !resource['ldp:contains']) return null;\n    let resources: any[] = [];\n    let index = 0;\n    for (let res of resource['ldp:contains']) {\n      if (!res) { // child not in cache yet\n        try {\n          const resourceId = resource.getChildren()[index]['@id'];\n          res = await store.getData(resourceId, this.context)\n        } catch (e) { continue; }\n      }\n      if (res.isContainer?.()) { // if nested container\n        let resourcesFromContainer = await store.getData(res['@id'], this.context); // fetch the datas\n        this._listen(res['@id']);\n        if (resourcesFromContainer) resources.push(...resourcesFromContainer['ldp:contains']);\n      } else {\n        resources.push(res);\n      }\n      index++;\n    }\n    return resources;\n  }\n\n  get htmlRange(): Promise<string | undefined> {\n    return (async () => {\n      let htmlRange = '';\n      const rangeResources = await this.range;\n      if (!rangeResources) return;\n      for await (let element of rangeResources) {\n        element = await store.getData(element['@id'], this.context); // fetch the resource to display the name\n        this._listen(element['@id']);\n\n        let selected: boolean;\n        if (this._value && this._value.isContainer && this._value.isContainer()) { // selected options for multiple select\n          selected = false;\n          for await (let value of this._value[\"ldp:contains\"]) {\n            if (value['@id'] == element['@id']) {\n              selected = true;\n              break;\n            }\n          }\n        } else { // selected options for simple dropdowns\n          selected = this._value ? this._value['@id'] == element['@id'] : false;\n        }\n        htmlRange += await evalTemplateString(this.childTemplate, {\n          name: await element.name,\n          id: element['@id'],\n          selected: selected\n        });\n      }\n      return htmlRange || '';\n    })();\n  }\n  getValueHolder(element) {\n    return element.component ? element.component : element;\n  }\n\n  subscribe(event: string) {\n    this._listen(event);\n  }\n\n  _listen(id: string, callback: Function = () => {}) {\n    if (!this._subscriptions.get(id)) {\n      this._subscriptions.set(id, PubSub.subscribe(id, async () => {\n        await callback();\n        this.render();\n      }))\n    }\n  }\n\n  // Editable widgets\n  addEditButtons(): void {\n    const editableField = this.querySelector('[data-editable]') as HTMLElement;\n\n    if (editableField) {\n      // Add edit button\n      const editButton = document.createElement('button');\n      editButton.innerText = \"Modifier\";\n      editButton.onclick = () => this.activateEditableField(editableField, editButton);\n      editableField.insertAdjacentElement('afterend', editButton);\n\n      // Save on focusout\n      editableField.addEventListener('focusout', () => this.save(editableField, editButton));\n    }\n  }\n  activateEditableField(editableField: HTMLElement, editButton: HTMLButtonElement): void {\n    editableField.setAttribute('contenteditable', 'true');\n    editableField.focus();\n    editButton.setAttribute(\"disabled\", \"disabled\");\n  }\n  /**\n   * Dispatch change events of data holders from the current widget\n   */\n  initChangeEvents(): void {\n    if (this.dataHolder) {\n      const event = new Event('change', { bubbles: true });\n      this.dataHolder.forEach(element => {\n        element.addEventListener('change', e => {\n          e.preventDefault();\n          e.stopPropagation();\n          this.dispatchEvent(event);\n        });\n      });\n    }\n  }\n  save(editableField: HTMLElement, editButton: HTMLButtonElement): void {\n    editableField.setAttribute('contenteditable', 'false');\n    editButton.removeAttribute(\"disabled\");\n\n    if (!this.name) return;\n    const resource = {};\n    resource[this.name] = editableField.innerText;\n    resource['@context'] = this.context;\n\n    if(this.resourceId && resource) store.patch(resource, this.resourceId)\n  }\n}\n"]}