@startinblox/core 0.17.22 → 0.17.23

package/dist/mixins/paginateMixin.js

@@ -0,0 +1,110 @@
+function _templateObject() {
+  const data = _taggedTemplateLiteral(["\n      <button\n        data-id=\"prev\"\n        ?disabled=", "\n        @click=", "\n      >\u2190</button>\n      <button\n        data-id=\"next\"\n        ?disabled=", "\n        @click=", "\n      >\u2192</button>\n      <span>\n        <span data-id=\"current\">", "</span> / <span data-id=\"count\">", "</span>\n      </span>\n    "]);
+
+  _templateObject = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import { html } from "../_snowpack/pkg/lit-html.js";
+const PaginateMixin = {
+  name: 'paginate-mixin',
+  use: [],
+  attributes: {
+    paginateBy: {
+      type: Number,
+      default: 0
+    },
+    paginateLoop: {
+      type: String,
+      default: null
+    }
+  },
+  initialState: {
+    currentPage: []
+  },
+
+  created() {
+    this.currentPage = [];
+  },
+
+  attached() {
+    this.listPostProcessors.push(this.paginateCallback.bind(this));
+  },
+
+  async paginateCallback(resources, listPostProcessors, div, context) {
+    if (this.paginateBy > 0) {
+      if (!this.currentPage[context]) this.currentPage[context] = 1;
+      const parentDiv = this.initParentPaginationDiv(div, context);
+      this.renderCallbacks.push({
+        template: this.renderPaginationNav(this.getPageCount(resources.length), context, div),
+        parent: parentDiv
+      });
+      const firstElementIndex = (this.getCurrentPage(context) - 1) * this.paginateBy;
+      resources = resources.slice(firstElementIndex, firstElementIndex + this.paginateBy);
+    }
+
+    const nextProcessor = listPostProcessors.shift();
+    if (nextProcessor) await nextProcessor(resources, listPostProcessors, div, context);
+  },
+
+  getNavElement(div) {
+    const insertNode = div.parentNode || div;
+    return insertNode.querySelector("nav[data-id=\"nav\"]");
+  },
+
+  /**
+   * Find nav element or create it if not existing
+   * @param div - insert nav next to this div
+   */
+  initParentPaginationDiv(div) {
+    let nav = this.getNavElement(div);
+
+    if (!nav) {
+      nav = document.createElement('nav');
+      nav.setAttribute('data-id', 'nav');
+      const insertNode = div.parentNode || div;
+      insertNode.appendChild(nav);
+    }
+
+    return nav;
+  },
+
+  getCurrentPage(context) {
+    return this.currentPage[context];
+  },
+
+  setCurrentPage(page, context, pageCount) {
+    if (page < 1) page = !this.shouldLoop() ? 1 : pageCount;
+    if (page > pageCount) page = !this.shouldLoop() ? pageCount : 1;
+    this.currentPage[context] = page;
+    this.empty();
+    this.populate();
+  },
+
+  getPageCount(size) {
+    return Math.max(1, Math.ceil(size / this.paginateBy));
+  },
+
+  shouldLoop() {
+    return this.paginateLoop !== null;
+  },
+
+  /**
+   * Create pagination template
+   * @param pageCount
+   * @param context
+   */
+  renderPaginationNav(pageCount, context, div) {
+    this.getNavElement(div).toggleAttribute('hidden', pageCount <= 1);
+    const currentPage = this.getCurrentPage(context);
+    return html(_templateObject(), !this.shouldLoop() && currentPage <= 1, () => this.setCurrentPage(currentPage - 1, context, pageCount), !this.shouldLoop() && currentPage >= pageCount, () => this.setCurrentPage(currentPage + 1, context, pageCount), currentPage, String(pageCount));
+  }
+
+};
+export { PaginateMixin };
+//# sourceMappingURL=paginateMixin.js.map

package/dist/mixins/paginateMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["paginateMixin.ts"],"names":["html","PaginateMixin","name","use","attributes","paginateBy","type","Number","default","paginateLoop","String","initialState","currentPage","created","attached","listPostProcessors","push","paginateCallback","bind","resources","div","context","parentDiv","initParentPaginationDiv","renderCallbacks","template","renderPaginationNav","getPageCount","length","parent","firstElementIndex","getCurrentPage","slice","nextProcessor","shift","getNavElement","insertNode","parentNode","querySelector","nav","document","createElement","setAttribute","appendChild","setCurrentPage","page","pageCount","shouldLoop","empty","populate","size","Math","max","ceil","toggleAttribute"],"mappings":"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","sourcesContent":["import { html, TemplateResult } from \"lit-html\";\n\nconst PaginateMixin = {\n  name: 'paginate-mixin',\n  use: [],\n  attributes: {\n    paginateBy: {\n      type: Number,\n      default: 0\n    },\n    paginateLoop: {\n      type: String,\n      default: null\n    }\n  },\n  initialState: {\n    currentPage: [],\n  },\n  created() {\n    this.currentPage = [];\n  },\n  attached(): void {\n    this.listPostProcessors.push(this.paginateCallback.bind(this));\n  },\n  async paginateCallback(resources: object[], listPostProcessors: Function[], div: HTMLElement, context: string) {\n    if (this.paginateBy > 0) {\n      if (!this.currentPage[context]) this.currentPage[context] = 1;\n      const parentDiv = this.initParentPaginationDiv(div, context);\n      this.renderCallbacks.push({\n        template: this.renderPaginationNav(this.getPageCount(resources.length),context,div),\n        parent: parentDiv\n      });\n\n      const firstElementIndex = (this.getCurrentPage(context) - 1) * this.paginateBy;\n      resources = resources.slice(firstElementIndex, firstElementIndex + this.paginateBy);\n    }\n\n    const nextProcessor = listPostProcessors.shift();\n    if (nextProcessor) await nextProcessor(resources, listPostProcessors, div,context);\n  },\n  getNavElement(div: HTMLElement) {\n    const insertNode = div.parentNode || div;\n    return insertNode.querySelector(`nav[data-id=\"nav\"]`);\n  },\n  /**\n   * Find nav element or create it if not existing\n   * @param div - insert nav next to this div\n   */\n  initParentPaginationDiv(div: HTMLElement) {\n    let nav = this.getNavElement(div);\n    if (!nav) {\n      nav = document.createElement('nav');\n      nav.setAttribute('data-id', 'nav');\n      const insertNode = div.parentNode || div;\n      insertNode.appendChild(nav);\n    }\n    return nav;\n  },\n  getCurrentPage(context: string) {\n    return this.currentPage[context];\n  },\n  setCurrentPage(page: number, context: string, pageCount: number): void {\n    if (page < 1) page = !this.shouldLoop() ? 1 : pageCount;\n    if (page > pageCount) page = !this.shouldLoop() ? pageCount : 1;\n    this.currentPage[context] = page;\n    this.empty();\n    this.populate();\n  },\n  getPageCount(size: number): number {\n    return Math.max(1, Math.ceil(size / this.paginateBy));\n  },\n  shouldLoop(): boolean {\n    return this.paginateLoop !== null;\n  },\n  /**\n   * Create pagination template\n   * @param pageCount\n   * @param context\n   */\n  renderPaginationNav(pageCount: number, context: string, div: HTMLElement): TemplateResult {\n    this.getNavElement(div).toggleAttribute('hidden', pageCount <= 1);\n    const currentPage = this.getCurrentPage(context);\n\n    return html`\n      <button\n        data-id=\"prev\"\n        ?disabled=${!this.shouldLoop() && currentPage <= 1}\n        @click=${() => this.setCurrentPage(currentPage - 1, context, pageCount)}\n      >←</button>\n      <button\n        data-id=\"next\"\n        ?disabled=${!this.shouldLoop() && currentPage >= pageCount}\n        @click=${ () => this.setCurrentPage(currentPage + 1, context, pageCount)}\n      >→</button>\n      <span>\n        <span data-id=\"current\">${currentPage}</span> / <span data-id=\"count\">${String(pageCount)}</span>\n      </span>\n    `;\n  },\n}\n\nexport {\n  PaginateMixin\n}"]}

package/dist/mixins/requiredMixin.js

@@ -0,0 +1,34 @@
+const RequiredMixin = {
+  name: 'required-mixin',
+  use: [],
+
+  attached() {
+    this.listPostProcessors.push(this.requiredResources.bind(this));
+  },
+
+  async requiredResources(resources, listPostProcessors, div, context) {
+    const displays = [];
+    const requiredFields = Array.from(this.element.attributes).filter(attr => attr.name.startsWith('required-')).map(attr => attr['name'].replace('required-', ''));
+
+    if (requiredFields.length) {
+      for (let resource of resources) {
+        let hasProps = true;
+
+        for (let field of requiredFields) {
+          if ((await resource[field]) == null || (await resource[field]) == "") {
+            hasProps = false;
+            continue;
+          }
+        }
+
+        if (hasProps) displays.push(resource);
+      }
+    }
+
+    const nextProcessor = listPostProcessors.shift();
+    if (nextProcessor) await nextProcessor(requiredFields.length ? displays : resources, listPostProcessors, div, context);
+  }
+
+};
+export { RequiredMixin };
+//# sourceMappingURL=requiredMixin.js.map

package/dist/mixins/requiredMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["requiredMixin.ts"],"names":["RequiredMixin","name","use","attached","listPostProcessors","push","requiredResources","bind","resources","div","context","displays","requiredFields","Array","from","element","attributes","filter","attr","startsWith","map","replace","length","resource","hasProps","field","nextProcessor","shift"],"mappings":"AAAA,MAAMA,aAAa,GAAG;AACpBC,EAAAA,IAAI,EAAE,gBADc;AAEpBC,EAAAA,GAAG,EAAE,EAFe;;AAGpBC,EAAAA,QAAQ,GAAS;AACf,SAAKC,kBAAL,CAAwBC,IAAxB,CAA6B,KAAKC,iBAAL,CAAuBC,IAAvB,CAA4B,IAA5B,CAA7B;AACD,GALmB;;AAMpB,QAAMD,iBAAN,CAAwBE,SAAxB,EAA6CJ,kBAA7C,EAA6EK,GAA7E,EAA+FC,OAA/F,EAA+H;AAC7H,UAAMC,QAAe,GAAG,EAAxB;AACA,UAAMC,cAAc,GAAGC,KAAK,CAACC,IAAN,CAAY,KAAKC,OAAN,CAA0BC,UAArC,EAAiDC,MAAjD,CAAwDC,IAAI,IAAIA,IAAI,CAACjB,IAAL,CAAUkB,UAAV,CAAqB,WAArB,CAAhE,EACpBC,GADoB,CAChBF,IAAI,IAAIA,IAAI,CAAC,MAAD,CAAJ,CAAaG,OAAb,CAAqB,WAArB,EAAkC,EAAlC,CADQ,CAAvB;;AAGA,QAAIT,cAAc,CAACU,MAAnB,EAA2B;AACzB,WAAK,IAAIC,QAAT,IAAqBf,SAArB,EAAgC;AAC9B,YAAIgB,QAAQ,GAAG,IAAf;;AACA,aAAI,IAAIC,KAAR,IAAiBb,cAAjB,EAAiC;AAC/B,cAAI,OAAMW,QAAQ,CAACE,KAAD,CAAd,KAAyB,IAAzB,IAAiC,OAAMF,QAAQ,CAACE,KAAD,CAAd,KAAyB,EAA9D,EAAkE;AAChED,YAAAA,QAAQ,GAAG,KAAX;AACA;AACD;AACF;;AACD,YAAIA,QAAJ,EAAcb,QAAQ,CAACN,IAAT,CAAckB,QAAd;AACf;AACF;;AACD,UAAMG,aAAa,GAAGtB,kBAAkB,CAACuB,KAAnB,EAAtB;AACA,QAAID,aAAJ,EAAmB,MAAMA,aAAa,CAACd,cAAc,CAACU,MAAf,GAAwBX,QAAxB,GAAmCH,SAApC,EAA+CJ,kBAA/C,EAAmEK,GAAnE,EAAwEC,OAAxE,CAAnB;AACpB;;AAzBmB,CAAtB;AA4BA,SACEV,aADF","sourcesContent":["const RequiredMixin = {\n  name: 'required-mixin',\n  use: [],\n  attached(): void {\n    this.listPostProcessors.push(this.requiredResources.bind(this));\n  },\n  async requiredResources(resources: object[], listPostProcessors: Function[], div: HTMLElement, context: string): Promise<void> {\n    const displays: any[] = [];\n    const requiredFields = Array.from((this.element as Element).attributes).filter(attr => attr.name.startsWith('required-'))\n      .map(attr => attr['name'].replace('required-', ''));\n\n    if (requiredFields.length) {\n      for (let resource of resources) {\n        let hasProps = true;\n        for(let field of requiredFields) {\n          if (await resource[field] == null || await resource[field] == \"\") {\n            hasProps = false;\n            continue\n          }\n        }\n        if (hasProps) displays.push(resource);\n      }\n    }\n    const nextProcessor = listPostProcessors.shift();\n    if (nextProcessor) await nextProcessor(requiredFields.length ? displays : resources, listPostProcessors, div, context);\n  }\n}\n\nexport {\n  RequiredMixin\n}\n"]}

package/dist/mixins/sorterMixin.js

@@ -0,0 +1,149 @@
+const SorterMixin = {
+  name: 'sorter-mixin',
+  use: [],
+  attributes: {
+    orderBy: {
+      type: String,
+      default: null
+    },
+    orderAsc: {
+      type: String,
+      default: null
+    },
+    orderDesc: {
+      type: String,
+      default: null
+    },
+    orderByRandom: {
+      type: String,
+      default: null
+    },
+    sortedBy: {
+      type: String,
+      default: null,
+
+      callback(newValue) {
+        // if we change search form, re-populate
+        if (newValue && this.sortForm && newValue !== this.sortForm.getAttribute('id')) {
+          this.sortForm = null;
+          this.populate();
+        }
+      }
+
+    }
+  },
+  initialState: {
+    randomOrder: null
+  },
+
+  attached() {
+    this.listPostProcessors.push(this.orderCallback.bind(this));
+  },
+
+  created() {
+    this.randomOrder = [];
+  },
+
+  async sorterList() {
+    if (!this.resource) return;
+    this.empty();
+    await this.populate();
+  },
+
+  linkSorterForm() {
+    this.sortForm.addEventListener('formChange', () => {
+      this.sorterList();
+    });
+  },
+
+  async orderCallback(resources, listPostProcessors, div, context) {
+    if (this.orderBy) this.orderAsc = this.orderBy; // retrocompatibility. remove in 0.15
+
+    let sortingKey = '';
+    let orderValueToSort = ''; // if order-asc or order-desc attribute
+
+    if (this.orderAsc || this.orderDesc) {
+      sortingKey = this.orderAsc || this.orderDesc;
+    } // if sorted-by attribute (solid-form-search data used)
+    else if (this.sortedBy) {
+        const sortedBy = this.sortedBy;
+
+        if (sortedBy != null) {
+          if (!this.sortForm) {
+            this.sortForm = document.getElementById(sortedBy);
+            if (!this.sortForm) throw "#".concat(sortedBy, " is not in DOM");
+            this.linkSorterForm();
+          }
+
+          if (!this.sortForm.component.value.field) {
+            console.warn('The attribute field does not exist');
+          } else {
+            sortingKey = this.sortForm.component.value.field['value'];
+          }
+
+          const orderField = this.sortForm.component.value.order;
+          orderValueToSort = orderField && orderField.value ? orderField.value : 'asc';
+        }
+      } // sorting data according to the defined value of sortingKey
+
+
+    if (sortingKey) {
+      let orderToSort = true; // set 'asc' by default
+
+      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)) // sort this array
+      .map(r => r.proxy); // re-create array
+    } // if order-by-random attribute
+    else if (this.isRandomSorted()) {
+        resources = this.shuffleResources(resources); // shuffle resources
+      }
+
+    const nextProcessor = listPostProcessors.shift();
+    if (nextProcessor) await nextProcessor(resources, listPostProcessors, div, context);
+  },
+
+  isRandomSorted() {
+    return this.orderByRandom !== null;
+  },
+
+  sortValuesByKey(key, asc) {
+    return function (a, b) {
+      if (!a[key]) return 1;
+      if (!b[key]) return -1;
+      const varA = typeof a[key] === 'string' ? a[key].toUpperCase() : a[key];
+      const varB = typeof b[key] === 'string' ? b[key].toUpperCase() : b[key];
+      let comparison = 0;
+      if (varA > varB) comparison = asc ? 1 : -1;else if (varA < varB) comparison = asc ? -1 : 1;
+      return comparison;
+    };
+  },
+
+  shuffleResources(array) {
+    let currentIndex = array.length;
+    let temporaryValue;
+    let randomIndex;
+
+    if (this.randomOrder.length !== array.length) {
+      // if no random order existing
+      this.randomOrder = [...Array(array.length).keys()]; // generate array of indexes
+
+      while (0 !== currentIndex) {
+        randomIndex = Math.floor(Math.random() * currentIndex);
+        currentIndex -= 1;
+        temporaryValue = this.randomOrder[currentIndex];
+        this.randomOrder[currentIndex] = this.randomOrder[randomIndex];
+        this.randomOrder[randomIndex] = temporaryValue;
+      }
+    }
+
+    return this.randomOrder.map(i => array[i]); // rebuild array with random order
+  }
+
+};
+export { SorterMixin };
+//# sourceMappingURL=sorterMixin.js.map

package/dist/mixins/sorterMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["sorterMixin.ts"],"names":["SorterMixin","name","use","attributes","orderBy","type","String","default","orderAsc","orderDesc","orderByRandom","sortedBy","callback","newValue","sortForm","getAttribute","populate","initialState","randomOrder","attached","listPostProcessors","push","orderCallback","bind","created","sorterList","resource","empty","linkSorterForm","addEventListener","resources","div","context","sortingKey","orderValueToSort","document","getElementById","component","value","field","console","warn","orderField","order","orderToSort","Promise","all","map","proxy","sort","sortValuesByKey","r","isRandomSorted","shuffleResources","nextProcessor","shift","key","asc","a","b","varA","toUpperCase","varB","comparison","array","currentIndex","length","temporaryValue","randomIndex","Array","keys","Math","floor","random","i"],"mappings":"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","sourcesContent":["const SorterMixin = {\n  name: 'sorter-mixin',\n  use: [],\n  attributes: {\n    orderBy: {\n      type: String,\n      default: null\n    },\n    orderAsc: {\n      type: String,\n      default: null\n    },\n    orderDesc: {\n      type: String,\n      default: null\n    },\n    orderByRandom: {\n      type: String,\n      default: null\n    },\n    sortedBy: {\n      type:String,\n      default: null,\n      callback(newValue: string) {\n        // if we change search form, re-populate\n        if (newValue && this.sortForm && newValue !== this.sortForm.getAttribute('id')) {\n          this.sortForm = null;\n          this.populate();\n        }\n      }\n    }\n  },\n  initialState: {\n    randomOrder: null\n  },\n  attached(): void {\n    this.listPostProcessors.push(this.orderCallback.bind(this));\n  },\n  created(): void {\n    this.randomOrder = [];\n  },\n  async sorterList(): Promise<void> {\n    if (!this.resource) return;\n    this.empty();\n    await this.populate();\n  },\n  linkSorterForm() {\n    this.sortForm.addEventListener('formChange', () => {\n      this.sorterList();\n    });\n  },\n\n  async orderCallback(resources: object[], listPostProcessors: Function[], div: HTMLElement, context: string) {    \n    if (this.orderBy) this.orderAsc = this.orderBy; // retrocompatibility. remove in 0.15\n    let sortingKey = '';\n    let orderValueToSort = '';\n\n    // if order-asc or order-desc attribute\n    if (this.orderAsc || this.orderDesc) {\n      sortingKey = this.orderAsc || this.orderDesc;\n    }\n    // if sorted-by attribute (solid-form-search data used)\n    else if (this.sortedBy) {\n      const sortedBy = this.sortedBy;\n      if (sortedBy != null) {\n        if (!this.sortForm) {\n          this.sortForm = document.getElementById(sortedBy);\n          if (!this.sortForm) throw `#${sortedBy} is not in DOM`; \n          this.linkSorterForm();\n        }\n        if (!this.sortForm.component.value.field) {\n          console.warn('The attribute field does not exist')\n        } else { \n          sortingKey = this.sortForm.component.value.field['value'];\n        }\n        const orderField = this.sortForm.component.value.order;\n        orderValueToSort = orderField && orderField.value ? orderField.value : 'asc';\n      }\n    }\n    // sorting data according to the defined value of sortingKey\n    if (sortingKey) {\n      let orderToSort = true; // set 'asc' by default\n      if (this.orderDesc || orderValueToSort == \"desc\") orderToSort = false;\n      resources = (await Promise.all(resources.map(async (resource) => ({\n        sortingKey: await resource[sortingKey], // fetch sorting value\n        proxy: resource // and keep proxy\n      }))))\n      .sort(this.sortValuesByKey(\"sortingKey\", orderToSort)) // sort this array\n      .map(r => r.proxy) // re-create array\n    }\n    // if order-by-random attribute\n    else if (this.isRandomSorted()) {\n      resources = this.shuffleResources(resources); // shuffle resources\n    }\n\n    const nextProcessor = listPostProcessors.shift();\n    if(nextProcessor) await nextProcessor(resources, listPostProcessors, div, context);\n  },\n  isRandomSorted(): boolean {\n    return this.orderByRandom !== null;\n  },\n  sortValuesByKey(key: string, asc: boolean): Function {\n    return function (a: object, b: object): number {\n      if (!a[key]) return 1;\n      if (!b[key]) return -1;\n\n      const varA = typeof a[key] === 'string' ? a[key].toUpperCase() : a[key];\n      const varB = typeof b[key] === 'string' ? b[key].toUpperCase() : b[key];\n      let comparison = 0;\n      if (varA > varB) comparison = asc ? 1 : -1;\n      else if (varA < varB) comparison = asc ? -1 : 1;\n\n      return comparison;\n    }\n  },\n  shuffleResources(array: object[]): object[] {\n    let currentIndex = array.length;\n    let temporaryValue: object;\n    let randomIndex: number;\n    if (this.randomOrder.length !== array.length) { // if no random order existing\n      this.randomOrder = [ ...Array(array.length).keys() ]; // generate array of indexes\n      while (0 !== currentIndex) {\n        randomIndex = Math.floor(Math.random() * currentIndex);\n        currentIndex -= 1;\n        temporaryValue = this.randomOrder[currentIndex];\n        this.randomOrder[currentIndex] = this.randomOrder[randomIndex];\n        this.randomOrder[randomIndex] = temporaryValue;\n      }\n    }\n    return this.randomOrder.map((i: number) => array[i]); // rebuild array with random order\n  }\n}\n\nexport {\n  SorterMixin\n}"]}

package/dist/mixins/storeMixin.js

@@ -0,0 +1,102 @@
+import { store } from '../libs/store/store.js';
+import { AttributeBinderMixin } from './attributeBinderMixin.js';
+import { ContextMixin } from './contextMixin.js';
+const StoreMixin = {
+  name: 'store-mixin',
+  use: [AttributeBinderMixin, ContextMixin],
+  attributes: {
+    noRender: {
+      type: String,
+      default: null,
+      callback: function (value) {
+        if (value === null) this.fetchData(this.dataSrc);
+      }
+    },
+    dataSrc: {
+      type: String,
+      default: null,
+      callback: async function (value) {
+        if (this.noRender === null) await this.fetchData(value);
+      }
+    },
+    loaderId: {
+      type: String,
+      default: ''
+    },
+    nestedField: {
+      type: String,
+      default: null
+    }
+  },
+  initialState: {
+    resourceId: null,
+    subscription: null
+  },
+
+  created() {
+    if (this.element.closest('[no-render]')) this.noRender = ''; // if embedded in no-render, apply no-render to himself
+  },
+
+  detached() {
+    if (this.subscription) PubSub.unsubscribe(this.subscription);
+  },
+
+  get resource() {
+    return this.resourceId ? store.get(this.resourceId) : null;
+  },
+
+  get loader() {
+    return this.loaderId ? document.getElementById(this.loaderId) : null;
+  },
+
+  async fetchData(value) {
+    this.empty();
+    if (this.subscription) PubSub.unsubscribe(this.subscription);
+    if (!value || value == "undefined") return;
+    this.resourceId = value;
+
+    if (this.nestedField) {
+      const resource = await store.getData(value, this.context);
+      const nestedResource = resource ? await resource[this.nestedField] : null;
+      this.resourceId = nestedResource ? nestedResource['@id'] : null;
+      if (!this.resourceId) throw "Error: the key \"".concat(this.nestedField, "\" does not exist on the resource");
+    }
+
+    this.updateNavigateSubscription();
+    this.subscription = PubSub.subscribe(this.resourceId, this.updateDOM.bind(this));
+    await store.getData(this.resourceId, this.context);
+    this.updateDOM();
+  },
+
+  toggleLoaderHidden(toggle) {
+    if (this.loader) this.loader.toggleAttribute('hidden', toggle);
+  },
+
+  updateNavigateSubscription() {},
+
+  async updateDOM() {
+    this.toggleLoaderHidden(false); // brings a loader out if the attribute is set
+
+    this.empty();
+    await this.replaceAttributesData();
+    await this.populate();
+    setTimeout(() => // Brings the dispatchEvent at the end of the queue
+    this.element.dispatchEvent(new CustomEvent('populate', {
+      detail: {
+        resource: {
+          "@id": this.dataSrc
+        }
+      }
+    })));
+    this.toggleLoaderHidden(true);
+  },
+
+  empty() {},
+
+  update() {
+    if (this.noRender === null) this.updateDOM();
+  }
+
+};
+export { StoreMixin };
+//# sourceMappingURL=storeMixin.js.map

package/dist/mixins/storeMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["storeMixin.ts"],"names":["store","AttributeBinderMixin","ContextMixin","StoreMixin","name","use","attributes","noRender","type","String","default","callback","value","fetchData","dataSrc","loaderId","nestedField","initialState","resourceId","subscription","created","element","closest","detached","PubSub","unsubscribe","resource","get","loader","document","getElementById","empty","getData","context","nestedResource","updateNavigateSubscription","subscribe","updateDOM","bind","toggleLoaderHidden","toggle","toggleAttribute","replaceAttributesData","populate","setTimeout","dispatchEvent","CustomEvent","detail","update"],"mappings":"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","sourcesContent":["import { store } from '../libs/store/store';\nimport { AttributeBinderMixin } from './attributeBinderMixin';\nimport type { Resource } from './interfaces';\nimport { ContextMixin } from './contextMixin';\n\nconst StoreMixin = {\n  name: 'store-mixin',\n  use: [AttributeBinderMixin, ContextMixin],\n  attributes: {\n    noRender: {\n      type: String,\n      default: null,\n      callback: function (value: boolean) {\n        if (value === null) this.fetchData(this.dataSrc);\n      }\n    },\n    dataSrc: {\n      type: String,\n      default: null,\n      callback: async function (value: string) {\n        if (this.noRender === null) await this.fetchData(value);\n      },\n    },\n    loaderId: {\n      type: String,\n      default: ''\n    },\n    nestedField: {\n      type: String,\n      default: null\n    },\n  },\n  initialState: {\n    resourceId: null,\n    subscription: null,\n  },\n  created() {\n    if (this.element.closest('[no-render]')) this.noRender = ''; // if embedded in no-render, apply no-render to himself\n  },\n  detached() {\n    if (this.subscription) PubSub.unsubscribe(this.subscription);\n  },\n  get resource(): Resource|null{\n    return this.resourceId ? store.get(this.resourceId) : null;\n  },\n  get loader(): HTMLElement | null {\n    return this.loaderId ? document.getElementById(this.loaderId) : null;\n  },\n  async fetchData(value: string) {\n    this.empty();\n    if (this.subscription) PubSub.unsubscribe(this.subscription);\n    if (!value || value == \"undefined\") return;\n\n    this.resourceId = value;\n\n    if (this.nestedField) {\n      const resource = await store.getData(value, this.context);\n      const nestedResource = resource ? await resource[this.nestedField] : null;\n      this.resourceId = nestedResource ? nestedResource['@id'] : null;\n      if (!this.resourceId) throw `Error: the key \"${this.nestedField}\" does not exist on the resource`\n    }\n    this.updateNavigateSubscription();\n\n    this.subscription = PubSub.subscribe(this.resourceId, this.updateDOM.bind(this));\n    await store.getData(this.resourceId, this.context);\n    this.updateDOM();\n  },\n  toggleLoaderHidden(toggle: boolean): void {\n    if (this.loader) this.loader.toggleAttribute('hidden', toggle);\n  },\n  updateNavigateSubscription() { },\n  async updateDOM(): Promise<void> {\n    this.toggleLoaderHidden(false); // brings a loader out if the attribute is set\n    this.empty();\n    await this.replaceAttributesData();\n    await this.populate();\n    setTimeout(() => ( // Brings the dispatchEvent at the end of the queue\n      this.element.dispatchEvent(new CustomEvent('populate', { detail: { resource: {\"@id\": this.dataSrc} } })))\n    );\n    this.toggleLoaderHidden(true);\n  },\n  empty():void {\n  },\n  update() {\n    if (this.noRender === null) this.updateDOM();\n  }\n};\n\nexport {\n  StoreMixin\n}"]}

package/dist/mixins/translationMixin.js

@@ -0,0 +1,68 @@
+import { store } from "../libs/store/store.js";
+const TranslationMixin = {
+  name: 'translation-mixin',
+  use: [],
+  initialState: {
+    translationData: {}
+  },
+
+  created() {
+    this.getLang();
+  },
+
+  /**
+   * Returns the translation module
+   * @param langCode - string: language needed in 2 char
+   * @returns - object: {key: translation}
+   */
+  async getTranslationModule(langCode) {
+    const translationsModules = {
+      // define modules in a static way, snowpack does not support dynamic strings here
+      en: () => import("../locales/en.json.proxy.js"),
+      fr: () => import("../locales/fr.json.proxy.js")
+    };
+
+    if (!translationsModules[langCode]) {
+      // set default to EN if the file does not exist
+      console.warn("".concat(langCode, ".json translation file may not exist, English is setted by default"));
+      langCode = 'en';
+    }
+
+    const module = await translationsModules[langCode]();
+    return module.default;
+  },
+
+  /**
+   * Loads the right translation file and reload the component
+   */
+  getLang() {
+    const languageStorage = store._getLanguage();
+
+    if (languageStorage) {
+      if (window.fetchTranslationPromise === undefined) {
+        // if translation data are not already fetched
+        window.fetchTranslationPromise = this.getTranslationModule(languageStorage);
+      }
+
+      window.fetchTranslationPromise.then(res => {
+        if (res) {
+          this.translationData = res; // stock data in object passed to traduction method below
+
+          this.update(); // update the rendering in components and widgets
+        }
+      });
+    }
+  },
+
+  /**
+   * Returns translation for a given key
+   * @param tradKey - string: key
+   * @returns - string: translation
+   */
+  t(tradKey) {
+    return this.translationData[tradKey] || '';
+  }
+
+};
+export { TranslationMixin };
+//# sourceMappingURL=translationMixin.js.map

package/dist/mixins/translationMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["translationMixin.ts"],"names":["store","TranslationMixin","name","use","initialState","translationData","created","getLang","getTranslationModule","langCode","translationsModules","en","fr","console","warn","module","default","languageStorage","_getLanguage","window","fetchTranslationPromise","undefined","then","res","update","t","tradKey"],"mappings":"AAAA,SAASA,KAAT,QAAsB,qBAAtB;AAEA,MAAMC,gBAAgB,GAAG;AACvBC,EAAAA,IAAI,EAAE,mBADiB;AAEvBC,EAAAA,GAAG,EAAE,EAFkB;AAGvBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,eAAe,EAAC;AADJ,GAHS;;AAMvBC,EAAAA,OAAO,GAAG;AACR,SAAKC,OAAL;AACD,GARsB;;AASvB;AACF;AACA;AACA;AACA;AACE,QAAMC,oBAAN,CAA2BC,QAA3B,EAA6C;AAC3C,UAAMC,mBAAmB,GAAG;AAAE;AAC5BC,MAAAA,EAAE,EAAE,MAAM,OAAO,oBAAP,CADgB;AAE1BC,MAAAA,EAAE,EAAE,MAAM,OAAO,oBAAP;AAFgB,KAA5B;;AAIA,QAAI,CAACF,mBAAmB,CAACD,QAAD,CAAxB,EAAoC;AAAE;AACpCI,MAAAA,OAAO,CAACC,IAAR,WAAgBL,QAAhB;AACAA,MAAAA,QAAQ,GAAG,IAAX;AACD;;AACD,UAAMM,MAAM,GAAG,MAAML,mBAAmB,CAACD,QAAD,CAAnB,EAArB;AACA,WAAOM,MAAM,CAACC,OAAd;AACD,GAzBsB;;AA0BvB;AACF;AACA;AACET,EAAAA,OAAO,GAAG;AACR,UAAMU,eAAe,GAAGjB,KAAK,CAACkB,YAAN,EAAxB;;AACA,QAAGD,eAAH,EAAoB;AAClB,UAAIE,MAAM,CAACC,uBAAP,KAAmCC,SAAvC,EAAkD;AAAE;AAClDF,QAAAA,MAAM,CAACC,uBAAP,GAAiC,KAAKZ,oBAAL,CAA0BS,eAA1B,CAAjC;AACD;;AACDE,MAAAA,MAAM,CAACC,uBAAP,CAA+BE,IAA/B,CAAoCC,GAAG,IAAI;AACzC,YAAIA,GAAJ,EAAS;AACP,eAAKlB,eAAL,GAAuBkB,GAAvB,CADO,CACqB;;AAC5B,eAAKC,MAAL,GAFO,CAEQ;AAChB;AACF,OALD;AAMD;AACF,GA1CsB;;AA2CvB;AACF;AACA;AACA;AACA;AACEC,EAAAA,CAAC,CAACC,OAAD,EAAkB;AACjB,WAAO,KAAKrB,eAAL,CAAqBqB,OAArB,KAAiC,EAAxC;AACD;;AAlDsB,CAAzB;AAqDA,SACEzB,gBADF","sourcesContent":["import { store } from \"../libs/store/store\";\n\nconst TranslationMixin = {\n  name: 'translation-mixin',\n  use: [],\n  initialState: {\n    translationData:{}\n  },\n  created() {\n    this.getLang();\n  },\n  /**\n   * Returns the translation module\n   * @param langCode - string: language needed in 2 char\n   * @returns - object: {key: translation}\n   */\n  async getTranslationModule(langCode: string) {\n    const translationsModules = { // define modules in a static way, snowpack does not support dynamic strings here\n      en: () => import('../locales/en.json'),\n      fr: () => import('../locales/fr.json'),\n    };\n    if (!translationsModules[langCode]) { // set default to EN if the file does not exist\n      console.warn(`${langCode}.json translation file may not exist, English is setted by default`);\n      langCode = 'en';\n    }\n    const module = await translationsModules[langCode]();\n    return module.default;\n  },\n  /**\n   * Loads the right translation file and reload the component\n   */\n  getLang() {\n    const languageStorage = store._getLanguage();\n    if(languageStorage) {\n      if (window.fetchTranslationPromise === undefined) { // if translation data are not already fetched\n        window.fetchTranslationPromise = this.getTranslationModule(languageStorage);\n      }\n      window.fetchTranslationPromise.then(res => {\n        if (res) {\n          this.translationData = res; // stock data in object passed to traduction method below\n          this.update(); // update the rendering in components and widgets\n        }\n      })\n    }\n  },\n  /**\n   * Returns translation for a given key\n   * @param tradKey - string: key\n   * @returns - string: translation\n   */\n  t(tradKey: string) {\n    return this.translationData[tradKey] || '';\n  }\n}\n\nexport {\n  TranslationMixin\n}"]}

package/dist/mixins/validationMixin.js

@@ -0,0 +1,113 @@
+function _templateObject3() {
+  const data = _taggedTemplateLiteral(["\n          <p>", "</p>\n        "]);
+
+  _templateObject3 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2() {
+  const data = _taggedTemplateLiteral(["\n          <", " value=", "></", ">\n        "]);
+
+  _templateObject2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  const data = _taggedTemplateLiteral(["\n        <dialog id=\"", "\">\n        ", "\n          <div>\n            <button\n              @click=", " \n              class=", "\n            >\n            ", "\n            </button>\n            <button\n              @click=", "\n              class=", "\n            >\n            ", "\n            </button>\n          </div>\n        </dialog>\n      "]);
+
+  _templateObject = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+import dialogPolyfill from '../_snowpack/pkg/dialog-polyfill.js';
+import { html } from '../_snowpack/pkg/lit-html.js';
+import { ifDefined } from '../_snowpack/pkg/lit-html/directives/if-defined.js';
+import { uniqID } from '../libs/helpers.js';
+import { TranslationMixin } from './translationMixin.js';
+import { preHTML } from '../libs/lit-helpers.js';
+const ValidationMixin = {
+  name: 'validation-mixin',
+  use: [TranslationMixin],
+  attributes: {
+    confirmationMessage: {
+      type: String,
+      default: null
+    },
+    confirmationType: {
+      type: String,
+      default: null
+    },
+    confirmationSubmitText: {
+      type: String,
+      default: null
+    },
+    confirmationCancelText: {
+      type: String,
+      default: null
+    },
+    confirmationSubmitClass: {
+      type: String,
+      default: undefined
+    },
+    confirmationCancelClass: {
+      type: String,
+      default: undefined
+    },
+    confirmationWidget: {
+      type: String,
+      default: undefined
+    }
+  },
+
+  created() {
+    this.dialogID = uniqID();
+  },
+
+  showModal() {
+    var dialog = document.getElementById(this.dialogID);
+    dialogPolyfill.registerDialog(dialog);
+    return dialog.showModal();
+  },
+
+  performAction() {
+    // Console warning if conf-type attr not filled AND conf-message filled
+    if (this.element.hasAttribute('confirmation-message') && !this.confirmationType) console.warn('confirmation-type attribute is missing.'); // Data directly submitted OR confirm dialog modal displayed
+
+    if (!this.confirmationType || this.confirmationType == "confirm" && confirm(this.confirmationMessage || this.t("validation.message"))) this.validateModal(); // Customisable dialog modal opened
+
+    if (this.confirmationType == "dialog") {
+      this.showModal();
+    }
+  },
+
+  getModalDialog() {
+    if (this.confirmationType == 'dialog') {
+      const quitDialog = () => {
+        var dialog = document.getElementById(this.dialogID);
+        if (dialog == null) return;
+        dialog.close();
+      };
+
+      const confirmChoice = () => {
+        this.validateModal();
+        quitDialog();
+      };
+
+      return html(_templateObject(), this.dialogID, this.confirmationWidget ? preHTML(_templateObject2(), this.confirmationWidget, this.resourceId, this.confirmationWidget) : html(_templateObject3(), this.confirmationMessage || this.t("validation.message")), confirmChoice, ifDefined(this.confirmationSubmitClass), this.confirmationSubmitText || this.t("validation.submit-text"), quitDialog, ifDefined(this.confirmationCancelClass), this.confirmationCancelText || this.t("validation.cancel-text"));
+    } else return '';
+  }
+
+};
+export { ValidationMixin };
+//# sourceMappingURL=validationMixin.js.map