@startinblox/core 0.17.21-beta.9 → 0.17.22

package/dist/mixins/sorterMixin.js

@@ -1,149 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,102 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,68 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,113 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,cAAP,MAA2B,iBAA3B;AACA,SAASC,IAAT,QAAqB,UAArB;AACA,SAASC,SAAT,QAA0B,gCAA1B;AACA,SAASC,MAAT,QAAuB,iBAAvB;AACA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,OAAT,QAAwB,qBAAxB;AAEA,MAAMC,eAAe,GAAG;AACtBC,EAAAA,IAAI,EAAE,kBADgB;AAEtBC,EAAAA,GAAG,EAAE,CAACJ,gBAAD,CAFiB;AAGtBK,EAAAA,UAAU,EAAE;AACVC,IAAAA,mBAAmB,EAAE;AACnBC,MAAAA,IAAI,EAAEC,MADa;AAEnBC,MAAAA,OAAO,EAAE;AAFU,KADX;AAKVC,IAAAA,gBAAgB,EAAE;AAChBH,MAAAA,IAAI,EAAEC,MADU;AAEhBC,MAAAA,OAAO,EAAE;AAFO,KALR;AASVE,IAAAA,sBAAsB,EAAE;AACtBJ,MAAAA,IAAI,EAAEC,MADgB;AAEtBC,MAAAA,OAAO,EAAE;AAFa,KATd;AAaVG,IAAAA,sBAAsB,EAAE;AACtBL,MAAAA,IAAI,EAAEC,MADgB;AAEtBC,MAAAA,OAAO,EAAE;AAFa,KAbd;AAiBVI,IAAAA,uBAAuB,EAAE;AACvBN,MAAAA,IAAI,EAAEC,MADiB;AAEvBC,MAAAA,OAAO,EAAEK;AAFc,KAjBf;AAqBVC,IAAAA,uBAAuB,EAAE;AACvBR,MAAAA,IAAI,EAAEC,MADiB;AAEvBC,MAAAA,OAAO,EAAEK;AAFc,KArBf;AAyBVE,IAAAA,kBAAkB,EAAE;AAClBT,MAAAA,IAAI,EAAEC,MADY;AAElBC,MAAAA,OAAO,EAAEK;AAFS;AAzBV,GAHU;;AAiCtBG,EAAAA,OAAO,GAAG;AACR,SAAKC,QAAL,GAAgBnB,MAAM,EAAtB;AACD,GAnCqB;;AAoCtBoB,EAAAA,SAAS,GAAG;AACV,QAAIC,MAAW,GAAGC,QAAQ,CAACC,cAAT,CAAwB,KAAKJ,QAA7B,CAAlB;AACAtB,IAAAA,cAAc,CAAC2B,cAAf,CAA8BH,MAA9B;AACA,WAAOA,MAAM,CAACD,SAAP,EAAP;AACD,GAxCqB;;AAyCtBK,EAAAA,aAAa,GAAG;AACd;AACA,QAAI,KAAKC,OAAL,CAAaC,YAAb,CAA0B,sBAA1B,KAAqD,CAAC,KAAKhB,gBAA/D,EAAiFiB,OAAO,CAACC,IAAR,CAAa,yCAAb,EAFnE,CAGd;;AACA,QAAK,CAAC,KAAKlB,gBAAP,IAA6B,KAAKA,gBAAL,IAAyB,SAAzB,IAAsCmB,OAAO,CAAC,KAAKvB,mBAAL,IAA4B,KAAKwB,CAAL,CAAO,oBAAP,CAA7B,CAA9E,EAA2I,KAAKC,aAAL,GAJ7H,CAKd;;AACA,QAAI,KAAKrB,gBAAL,IAAyB,QAA7B,EAAuC;AACrC,WAAKS,SAAL;AACD;AACF,GAlDqB;;AAmDtBa,EAAAA,cAAc,GAAG;AACf,QAAI,KAAKtB,gBAAL,IAAyB,QAA7B,EAAuC;AACrC,YAAMuB,UAAU,GAAG,MAAM;AACvB,YAAIb,MAAW,GAAGC,QAAQ,CAACC,cAAT,CAAwB,KAAKJ,QAA7B,CAAlB;AACA,YAAIE,MAAM,IAAI,IAAd,EAAoB;AACpBA,QAAAA,MAAM,CAACc,KAAP;AACD,OAJD;;AAKA,YAAMC,aAAa,GAAG,MAAM;AAC1B,aAAKJ,aAAL;AACAE,QAAAA,UAAU;AACX,OAHD;;AAIA,aAAOpC,IAAP,oBACgB,KAAKqB,QADrB,EAEI,KAAKF,kBAAL,GAA0Bf,OAA1B,qBACG,KAAKe,kBADR,EACoC,KAAKoB,UADzC,EACyD,KAAKpB,kBAD9D,IAEEnB,IAFF,qBAGK,KAAKS,mBAAL,IAA4B,KAAKwB,CAAL,CAAO,oBAAP,CAHjC,CAFJ,EASiBK,aATjB,EAUgBrC,SAAS,CAAC,KAAKe,uBAAN,CAVzB,EAYQ,KAAKF,sBAAL,IAA+B,KAAKmB,CAAL,CAAO,wBAAP,CAZvC,EAeiBG,UAfjB,EAgBgBnC,SAAS,CAAC,KAAKiB,uBAAN,CAhBzB,EAkBQ,KAAKH,sBAAL,IAA+B,KAAKkB,CAAL,CAAO,wBAAP,CAlBvC;AAuBD,KAjCD,MAiCO,OAAO,EAAP;AACR;;AAtFqB,CAAxB;AAyFA,SACE5B,eADF","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}"]}