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

package/dist/mixins/serverPaginationMixin.js

@@ -0,0 +1,130 @@
+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\">\n            ", "\n          </span> / \n          <span data-id=\"count\">\n            ", "\n          </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, render } from "../_snowpack/pkg/lit-html.js";
+const ServerPaginationMixin = {
+  name: 'server-pagination-mixin',
+  use: [],
+  attributes: {
+    limit: {
+      type: Number,
+      default: undefined
+    },
+    offset: {
+      type: Number,
+      default: undefined
+    },
+    pageCount: {
+      type: Number,
+      default: 1000
+    },
+    pageNumber: {
+      type: Number,
+      default: 0
+    }
+  },
+  initialState: {
+    currentOffset: []
+  },
+
+  attached() {
+    if (this.limit) {
+      this.setCurrentOffset(this.resourceId, 0);
+      const parentDiv = this.initServerPaginationDiv(this.div);
+      this.renderCallbacks.push({
+        template: this.renderServerPaginationNav(this.resourceId, parentDiv),
+        parent: parentDiv
+      });
+    }
+  },
+
+  getCurrentOffset(resourceId, limit) {
+    return this.currentOffset[resourceId + "#p" + limit];
+  },
+
+  async setCurrentOffset(resourceId, offset) {
+    let index = resourceId + "#p" + this.limit;
+    this.currentOffset[index] = this.offset = offset;
+    this.pageNumber = Number(this.offset / this.limit);
+    this.currentPage[resourceId] = this.pageNumber;
+    await this.fetchData(this.dataSrc);
+  },
+
+  async decreaseCurrentOffset(resourceId) {
+    let index = resourceId + "#p" + this.limit;
+    this.currentOffset[index] = this.offset = this.offset - this.limit;
+    this.currentPage[index] = this.offset / this.limit;
+    this.pageNumber = this.offset / this.limit;
+    this.updateNavButtons(resourceId, index, -1);
+    await this.fetchData(this.dataSrc);
+  },
+
+  async increaseCurrentOffset(resourceId) {
+    let index = resourceId + "#p" + this.limit;
+    this.currentOffset[index] = this.offset = this.offset + this.limit;
+    this.currentPage[index] = this.offset / this.limit;
+    this.updateNavButtons(resourceId, index, 1);
+    await this.fetchData(this.dataSrc);
+  },
+
+  updateNavButtons(resourceId, index, variance) {
+    this.element.querySelector("[data-id='prev']").disabled = this.currentOffset[index] <= 0;
+    this.element.querySelector("[data-id='next']").disabled = this.currentOffset[index] * this.limit >= this.pageCount;
+    this.element.querySelector("[data-id='current']").innerText = this.getCurrentServedPage(resourceId, variance);
+  },
+
+  getServerNavElement(div) {
+    if (div) {
+      const insertNode = div.parentNode || div;
+      return insertNode.querySelector("nav[data-id=\"nav\"]");
+    }
+
+    return null;
+  },
+
+  getCurrentServedPage(context, variance) {
+    this.currentPage[context] = Number(this.currentPage[context]) + variance;
+    return this.currentPage[context];
+  },
+
+  /**
+   * Find nav element or create it if not existing
+   * @param div - insert nav next to this div
+   */
+  initServerPaginationDiv(div) {
+    let nav = this.getServerNavElement(div);
+
+    if (!nav) {
+      nav = document.createElement('nav');
+      nav.setAttribute('data-id', 'nav');
+      const insertNode = div.parentNode || div;
+      insertNode.appendChild(nav);
+    }
+
+    return nav;
+  },
+
+  /**
+   * Create pagination template
+   */
+  renderServerPaginationNav(resourceId, div) {
+    if (this.limit) {
+      const currentOffset = this.getCurrentOffset(resourceId, this.limit);
+      var currentPageNumber = this.getCurrentServedPage(resourceId, 1);
+      const pageCount = Math.ceil(this.pageCount / this.limit);
+      render(html(_templateObject(), currentOffset <= 0, () => this.decreaseCurrentOffset(resourceId), currentOffset >= (pageCount - 1) * this.limit, () => this.increaseCurrentOffset(resourceId), currentPageNumber, this.pageCount), div);
+    }
+  }
+
+};
+export { ServerPaginationMixin };
+//# sourceMappingURL=serverPaginationMixin.js.map

package/dist/mixins/serverPaginationMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["serverPaginationMixin.ts"],"names":["html","render","ServerPaginationMixin","name","use","attributes","limit","type","Number","default","undefined","offset","pageCount","pageNumber","initialState","currentOffset","attached","setCurrentOffset","resourceId","parentDiv","initServerPaginationDiv","div","renderCallbacks","push","template","renderServerPaginationNav","parent","getCurrentOffset","index","currentPage","fetchData","dataSrc","decreaseCurrentOffset","updateNavButtons","increaseCurrentOffset","variance","element","querySelector","disabled","innerText","getCurrentServedPage","getServerNavElement","insertNode","parentNode","context","nav","document","createElement","setAttribute","appendChild","currentPageNumber","Math","ceil"],"mappings":"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","sourcesContent":["import { html, render } from \"lit-html\";\n\nconst ServerPaginationMixin = {\n  name: 'server-pagination-mixin',\n  use: [],\n  attributes: {\n    limit: {\n      type: Number,\n      default: undefined\n    },\n    offset: {\n      type: Number,\n      default: undefined\n    },\n    pageCount: {\n      type: Number,\n      default: 1000\n    },\n    pageNumber: {\n      type: Number,\n      default: 0\n    }\n  },\n  initialState: {\n    currentOffset: [],\n  },\n\n  attached(): void {\n    if (this.limit) {\n      this.setCurrentOffset(this.resourceId, 0);\n      const parentDiv = this.initServerPaginationDiv(this.div);\n    \n      this.renderCallbacks.push({\n        template: this.renderServerPaginationNav(this.resourceId, parentDiv),\n        parent: parentDiv\n      });\n    }\n  },\n\n  getCurrentOffset(resourceId: string, limit: number) {\n    return this.currentOffset[resourceId + \"#p\" + limit];\n  },\n\n  async setCurrentOffset(resourceId: string, offset: number): Promise<void> {\n    let index = resourceId + \"#p\" + this.limit;\n    this.currentOffset[index] = this.offset = offset;\n    this.pageNumber = Number(this.offset / this.limit);\n    this.currentPage[resourceId] = this.pageNumber;\n\n    await this.fetchData(this.dataSrc);\n  },\n\n  async decreaseCurrentOffset(resourceId: string): Promise<void> {\n    let index = resourceId + \"#p\" + this.limit;\n    this.currentOffset[index] = this.offset = this.offset - this.limit;\n    this.currentPage[index] = this.offset / this.limit;\n    this.pageNumber = this.offset / this.limit;\n\n    this.updateNavButtons(resourceId, index, -1);\n    await this.fetchData(this.dataSrc);\n  },\n\n  async increaseCurrentOffset(resourceId: string): Promise<void> {\n    let index = resourceId + \"#p\" + this.limit;\n    this.currentOffset[index] = this.offset = this.offset + this.limit;\n    this.currentPage[index] = this.offset / this.limit;\n\n    this.updateNavButtons(resourceId, index, 1);\n    await this.fetchData(this.dataSrc);\n  },\n\n  updateNavButtons(resourceId: string, index: string, variance: number) {\n    this.element.querySelector(\"[data-id='prev']\").disabled = this.currentOffset[index] <= 0;\n    this.element.querySelector(\"[data-id='next']\").disabled = this.currentOffset[index] * this.limit >= this.pageCount;\n    this.element.querySelector(\"[data-id='current']\").innerText = this.getCurrentServedPage(resourceId, variance);\n  },\n\n  getServerNavElement(div: HTMLElement) {\n    if(div) {\n      const insertNode = div.parentNode || div;\n      return insertNode.querySelector(`nav[data-id=\"nav\"]`);\n    }\n\n    return null;\n  },\n\n  getCurrentServedPage(context: string, variance: number): Promise<void> {\n    this.currentPage[context] = Number(this.currentPage[context]) + variance;\n    return this.currentPage[context];\n  },\n\n  /**\n   * Find nav element or create it if not existing\n   * @param div - insert nav next to this div\n   */\n   initServerPaginationDiv(div: HTMLElement) {\n    let nav = this.getServerNavElement(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\n  /**\n   * Create pagination template\n   */\n  renderServerPaginationNav(resourceId: string, div: HTMLElement): void {\n    if (this.limit) {\n      const currentOffset = this.getCurrentOffset(resourceId, this.limit);\n      var currentPageNumber = this.getCurrentServedPage(resourceId, 1);\n      const pageCount = Math.ceil(this.pageCount / this.limit);\n\n      render(html`\n        <button\n          data-id=\"prev\"\n          ?disabled=${currentOffset <= 0}\n          @click=${() => this.decreaseCurrentOffset(resourceId)}\n        >←</button>\n        <button\n          data-id=\"next\"\n          ?disabled=${currentOffset >= (pageCount - 1) * this.limit}\n          @click=${ () => this.increaseCurrentOffset(resourceId)}\n        >→</button>\n        <span>\n          <span data-id=\"current\">\n            ${currentPageNumber}\n          </span> / \n          <span data-id=\"count\">\n            ${this.pageCount}\n          </span>\n        </span>\n      `, div);\n    }\n  },\n}\n\nexport {\n  ServerPaginationMixin\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,111 @@
+import { store } from '../libs/store/store.js';
+import { AttributeBinderMixin } from './attributeBinderMixin.js';
+import { ContextMixin } from './contextMixin.js';
+import { ServerPaginationMixin } from './serverPaginationMixin.js';
+import { formatAttributesToServerPaginationOptions } from '../libs/store/server-pagination.js';
+const StoreMixin = {
+  name: 'store-mixin',
+  use: [AttributeBinderMixin, ContextMixin, ServerPaginationMixin],
+  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() {
+    let id = this.resourceId;
+
+    if (this.limit) {
+      id = this.resourceId + "#p" + this.limit + "?o" + this.offset;
+    }
+
+    return id ? store.get(id) : 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));
+    const serverPagination = formatAttributesToServerPaginationOptions(this.element.attributes);
+    await store.getData(this.resourceId, this.context, undefined, undefined, false, serverPagination);
+    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","ServerPaginationMixin","formatAttributesToServerPaginationOptions","StoreMixin","name","use","attributes","noRender","type","String","default","callback","value","fetchData","dataSrc","loaderId","nestedField","initialState","resourceId","subscription","created","element","closest","detached","PubSub","unsubscribe","resource","id","limit","offset","get","loader","document","getElementById","empty","getData","context","nestedResource","updateNavigateSubscription","subscribe","updateDOM","bind","serverPagination","undefined","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';\nimport { ServerPaginationMixin } from './serverPaginationMixin';\nimport { formatAttributesToServerPaginationOptions } from '../libs/store/server-pagination';\n\nconst StoreMixin = {\n  name: 'store-mixin',\n  use: [AttributeBinderMixin, ContextMixin, ServerPaginationMixin],\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    let id = this.resourceId;\n    if (this.limit) {\n      id = this.resourceId + \"#p\" + this.limit + \"?o\" + this.offset;\n    }\n    return id ? store.get(id) : null;\n  },\n  get loader(): HTMLElement | null {\n    return this.loaderId ? document.getElementById(this.loaderId) : null;\n  },\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    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    const serverPagination = formatAttributesToServerPaginationOptions(this.element.attributes);\n    await store.getData(this.resourceId, this.context, undefined, undefined, false, serverPagination);\n\n    this.updateDOM();\n  },\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

package/dist/mixins/validationMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["validationMixin.ts"],"names":["dialogPolyfill","html","ifDefined","uniqID","TranslationMixin","preHTML","ValidationMixin","name","use","attributes","confirmationMessage","type","String","default","confirmationType","confirmationSubmitText","confirmationCancelText","confirmationSubmitClass","undefined","confirmationCancelClass","confirmationWidget","created","dialogID","showModal","dialog","document","getElementById","registerDialog","performAction","element","hasAttribute","console","warn","confirm","t","validateModal","getModalDialog","quitDialog","close","confirmChoice","resourceId"],"mappings":"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","sourcesContent":["import dialogPolyfill from 'dialog-polyfill'\nimport { html } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { uniqID } from '../libs/helpers';\nimport { TranslationMixin } from './translationMixin';\nimport { preHTML } from '../libs/lit-helpers';\n\nconst ValidationMixin = {\n  name: 'validation-mixin',\n  use: [TranslationMixin],\n  attributes: {\n    confirmationMessage: {\n      type: String,\n      default: null\n    },\n    confirmationType: {\n      type: String,\n      default: null\n    },\n    confirmationSubmitText: {\n      type: String,\n      default: null\n    },\n    confirmationCancelText: {\n      type: String,\n      default: null\n    },\n    confirmationSubmitClass: {\n      type: String,\n      default: undefined\n    },\n    confirmationCancelClass: {\n      type: String,\n      default: undefined\n    },\n    confirmationWidget: {\n      type: String,\n      default: undefined\n    }\n  },\n  created() {\n    this.dialogID = uniqID();\n  },\n  showModal() {\n    var dialog: any = document.getElementById(this.dialogID);\n    dialogPolyfill.registerDialog(dialog);\n    return dialog.showModal();\n  },\n  performAction() {\n    // Console warning if conf-type attr not filled AND conf-message filled\n    if (this.element.hasAttribute('confirmation-message') && !this.confirmationType) console.warn('confirmation-type attribute is missing.');\n    // Data directly submitted OR confirm dialog modal displayed\n    if ((!this.confirmationType) || (this.confirmationType == \"confirm\" && confirm(this.confirmationMessage || this.t(\"validation.message\")))) this.validateModal();\n    // Customisable dialog modal opened\n    if (this.confirmationType == \"dialog\") {\n      this.showModal();\n    }\n  },\n  getModalDialog() {\n    if (this.confirmationType == 'dialog') {\n      const quitDialog = () => {\n        var dialog: any = document.getElementById(this.dialogID);\n        if (dialog == null) return;\n        dialog.close();\n      }\n      const confirmChoice = () => {\n        this.validateModal();\n        quitDialog();\n      }\n      return html`\n        <dialog id=\"${this.dialogID}\">\n        ${this.confirmationWidget ? preHTML`\n          <${this.confirmationWidget} value=${this.resourceId}></${this.confirmationWidget}>\n        ` : html`\n          <p>${this.confirmationMessage || this.t(\"validation.message\")}</p>\n        `}\n          <div>\n            <button\n              @click=${confirmChoice} \n              class=${ifDefined(this.confirmationSubmitClass)}\n            >\n            ${this.confirmationSubmitText || this.t(\"validation.submit-text\")}\n            </button>\n            <button\n              @click=${quitDialog}\n              class=${ifDefined(this.confirmationCancelClass)}\n            >\n            ${this.confirmationCancelText || this.t(\"validation.cancel-text\")}\n            </button>\n          </div>\n        </dialog>\n      `\n    } else return '';\n  },\n}\n\nexport {\n  ValidationMixin\n}"]}