@startinblox/core 0.17.21-beta.2 → 0.17.21-beta.6

package/dist/new-widgets/templates/groupTemplatesDirectory.js

@@ -0,0 +1,21 @@
+function _templateObject() {
+  const data = _taggedTemplateLiteral(["\n      <span>", "</span>\n      <div data-content></div>\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';
+import { SetMixin } from '../templatesDependencies/setMixin.js';
+export const groupTemplates = {
+  default: {
+    template: value => html(_templateObject(), value),
+    dependencies: [SetMixin]
+  }
+};
+//# sourceMappingURL=groupTemplatesDirectory.js.map

package/dist/new-widgets/templates/groupTemplatesDirectory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["groupTemplatesDirectory.ts"],"names":["html","SetMixin","groupTemplates","default","template","value","dependencies"],"mappings":";;;;;;;;;;;;AAAA,SAASA,IAAT,QAAqB,UAArB;AACA,SAASC,QAAT,QAAyB,mCAAzB;AAEA,OAAO,MAAMC,cAAc,GAAG;AAC5BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,QAAQ,EAAGC,KAAD,IAAmBL,IAAnB,oBACAK,KADA,CADH;AAKPC,IAAAA,YAAY,EAAE,CAACL,QAAD;AALP;AADmB,CAAvB","sourcesContent":["import { html } from 'lit-html';\nimport { SetMixin } from '../templatesDependencies/setMixin';\n\nexport const groupTemplates = {\n  default: {\n    template: (value: string) => html`\n      <span>${value}</span>\n      <div data-content></div>\n    `,\n    dependencies: [SetMixin]\n  },\n}"]}

package/dist/new-widgets/templates/index.js

@@ -0,0 +1,7 @@
+import { defaultTemplates } from './defaultTemplatesDirectory.js';
+import { displayTemplates } from './displayTemplatesDirectory.js';
+import { formTemplates } from './formTemplatesDirectory.js';
+import { setTemplates } from './setTemplatesDirectory.js';
+import { groupTemplates } from './groupTemplatesDirectory.js';
+export { defaultTemplates, displayTemplates, formTemplates, setTemplates, groupTemplates };
+//# sourceMappingURL=index.js.map

package/dist/new-widgets/templates/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["defaultTemplates","displayTemplates","formTemplates","setTemplates","groupTemplates"],"mappings":"AAAA,SAASA,gBAAT,QAAiC,6BAAjC;AACA,SAASC,gBAAT,QAAiC,6BAAjC;AACA,SAASC,aAAT,QAA8B,0BAA9B;AACA,SAASC,YAAT,QAA6B,yBAA7B;AACA,SAASC,cAAT,QAA+B,8BAA/B;AAEA,SACEJ,gBADF,EAEEC,gBAFF,EAGEC,aAHF,EAIEC,YAJF,EAKEC,cALF","sourcesContent":["import { defaultTemplates } from './defaultTemplatesDirectory';\nimport { displayTemplates } from './displayTemplatesDirectory';\nimport { formTemplates } from './formTemplatesDirectory';\nimport { setTemplates } from './setTemplatesDirectory';\nimport { groupTemplates } from './groupTemplatesDirectory.js';\n\nexport {\n  defaultTemplates,\n  displayTemplates,\n  formTemplates,\n  setTemplates,\n  groupTemplates\n}\n"]}

package/dist/new-widgets/templates/setTemplatesDirectory.js

@@ -0,0 +1,49 @@
+function _templateObject3() {
+  const data = _taggedTemplateLiteral(["<ul data-content></ul>"]);
+
+  _templateObject3 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2() {
+  const data = _taggedTemplateLiteral(["<div data-content></div>"]);
+
+  _templateObject2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  const data = _taggedTemplateLiteral([""]);
+
+  _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';
+import { SetMixin } from '../templatesDependencies/setMixin.js';
+export const setTemplates = {
+  default: {
+    template: () => html(_templateObject()),
+    dependencies: [SetMixin]
+  },
+  div: {
+    template: () => html(_templateObject2()),
+    dependencies: [SetMixin]
+  },
+  ul: {
+    template: () => html(_templateObject3()),
+    dependencies: [SetMixin]
+  }
+};
+//# sourceMappingURL=setTemplatesDirectory.js.map

package/dist/new-widgets/templates/setTemplatesDirectory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["setTemplatesDirectory.ts"],"names":["html","SetMixin","setTemplates","default","template","dependencies","div","ul"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,IAAT,QAAqB,UAArB;AACA,SAASC,QAAT,QAAyB,mCAAzB;AAEA,OAAO,MAAMC,YAAY,GAAG;AAC1BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,QAAQ,EAAE,MAAMJ,IAAN,mBADH;AAEPK,IAAAA,YAAY,EAAE,CAAEJ,QAAF;AAFP,GADiB;AAK1BK,EAAAA,GAAG,EAAE;AACHF,IAAAA,QAAQ,EAAE,MAAMJ,IAAN,oBADP;AAEHK,IAAAA,YAAY,EAAE,CAAEJ,QAAF;AAFX,GALqB;AAS1BM,EAAAA,EAAE,EAAE;AACFH,IAAAA,QAAQ,EAAE,MAAMJ,IAAN,oBADR;AAEFK,IAAAA,YAAY,EAAE,CAAEJ,QAAF;AAFZ;AATsB,CAArB","sourcesContent":["import { html } from 'lit-html';\nimport { SetMixin } from '../templatesDependencies/setMixin';\n\nexport const setTemplates = {\n  default: {\n    template: () => html``,\n    dependencies: [ SetMixin ]\n  },\n  div: {\n    template: () => html`<div data-content></div>`,\n    dependencies: [ SetMixin ]\n  },\n  ul: {\n    template: () => html`<ul data-content></ul>`,\n    dependencies: [ SetMixin ]\n  }\n}"]}

package/dist/new-widgets/templatesDependencies/altMixin.js

@@ -0,0 +1,13 @@
+const AltMixin = {
+  name: 'alt-mixin',
+  attributes: {
+    alt: {
+      type: String,
+      callback: function (newValue) {
+        this.addToAttributes(newValue, 'alt');
+      }
+    }
+  }
+};
+export { AltMixin };
+//# sourceMappingURL=altMixin.js.map

package/dist/new-widgets/templatesDependencies/altMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["altMixin.ts"],"names":["AltMixin","name","attributes","alt","type","String","callback","newValue","addToAttributes"],"mappings":"AAAA,MAAMA,QAAQ,GAAG;AACfC,EAAAA,IAAI,EAAE,WADS;AAEfC,EAAAA,UAAU,EAAG;AACXC,IAAAA,GAAG,EAAG;AACJC,MAAAA,IAAI,EAAEC,MADF;AAEJC,MAAAA,QAAQ,EAAE,UAAUC,QAAV,EAA4B;AACpC,aAAKC,eAAL,CAAqBD,QAArB,EAA+B,KAA/B;AACD;AAJG;AADK;AAFE,CAAjB;AAYA,SACEP,QADF","sourcesContent":["const AltMixin = {\n  name: 'alt-mixin',\n  attributes : {\n    alt : {\n      type: String,\n      callback: function (newValue: string) {\n        this.addToAttributes(newValue, 'alt')\n      }\n    },\n  },\n}\n\nexport {\n  AltMixin\n}"]}

package/dist/new-widgets/templatesDependencies/editableMixin.js

@@ -0,0 +1,77 @@
+function _templateObject() {
+  const data = _taggedTemplateLiteral(["\n        ", "\n        <button @click=", ">Modifier</button>\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 { StoreMixin } from '../../mixins/storeMixin.js';
+import { store } from '../../libs/store/store.js';
+import { html } from '../../_snowpack/pkg/lit-html.js';
+const EditableMixin = {
+  name: 'editable-mixin',
+  use: [StoreMixin],
+  // used to get context
+  attributes: {
+    editable: {
+      type: Boolean,
+      default: null,
+      callback: function (newValue) {
+        if (newValue !== null) this.listAttributes['editable'] = true;
+      }
+    },
+    valueId: {
+      type: String,
+      default: ''
+    }
+  },
+
+  created() {
+    this.listTemplateAdditions.push(this.addEditButton.bind(this));
+  },
+
+  addEditButton(template, listTemplateAdditions) {
+    let newTemplate = null;
+
+    if (this.editable !== null) {
+      newTemplate = html(_templateObject(), template, this.activateEditableField.bind(this));
+    }
+
+    const nextProcessor = listTemplateAdditions.shift();
+    if (nextProcessor) nextProcessor(newTemplate || template, listTemplateAdditions);
+  },
+
+  activateEditableField(e) {
+    const editableField = this.element.querySelector('[data-editable]');
+    const editButton = e.target; // Set attributes
+
+    editableField.toggleAttribute('contenteditable', true);
+    editableField.focus();
+    editButton.toggleAttribute('disabled', true); // Save on focusout
+
+    editableField.addEventListener('focusout', () => this.save(editableField, editButton));
+  },
+
+  save(editableField, editButton) {
+    editableField.toggleAttribute('contenteditable', false);
+    editButton.removeAttribute('disabled');
+
+    if (!this.name || !this.valueId) {
+      console.warn('Some attributes are missing to perform the update');
+      return;
+    }
+
+    const resource = {};
+    resource[this.name] = editableField.innerText;
+    resource['@context'] = this.context;
+    store.patch(resource, this.valueId);
+  }
+
+};
+export { EditableMixin };
+//# sourceMappingURL=editableMixin.js.map

package/dist/new-widgets/templatesDependencies/editableMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["editableMixin.ts"],"names":["StoreMixin","store","html","EditableMixin","name","use","attributes","editable","type","Boolean","default","callback","newValue","listAttributes","valueId","String","created","listTemplateAdditions","push","addEditButton","bind","template","newTemplate","activateEditableField","nextProcessor","shift","e","editableField","element","querySelector","editButton","target","toggleAttribute","focus","addEventListener","save","removeAttribute","console","warn","resource","innerText","context","patch"],"mappings":";;;;;;;;;;;;AAAA,SAASA,UAAT,QAA2B,yBAA3B;AACA,SAASC,KAAT,QAAsB,wBAAtB;AAEA,SAASC,IAAT,QAAqB,UAArB;AAEA,MAAMC,aAAa,GAAG;AACpBC,EAAAA,IAAI,EAAE,gBADc;AAEpBC,EAAAA,GAAG,EAAE,CAAEL,UAAF,CAFe;AAEC;AACrBM,EAAAA,UAAU,EAAE;AACVC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,IAAI,EAAEC,OADE;AAERC,MAAAA,OAAO,EAAE,IAFD;AAGRC,MAAAA,QAAQ,EAAE,UAAUC,QAAV,EAA6B;AACrC,YAAIA,QAAQ,KAAK,IAAjB,EAAuB,KAAKC,cAAL,CAAoB,UAApB,IAAkC,IAAlC;AACxB;AALO,KADA;AAQVC,IAAAA,OAAO,EAAE;AACPN,MAAAA,IAAI,EAAEO,MADC;AAEPL,MAAAA,OAAO,EAAE;AAFF;AARC,GAHQ;;AAgBpBM,EAAAA,OAAO,GAAG;AACR,SAAKC,qBAAL,CAA2BC,IAA3B,CAAgC,KAAKC,aAAL,CAAmBC,IAAnB,CAAwB,IAAxB,CAAhC;AACD,GAlBmB;;AAmBpBD,EAAAA,aAAa,CAACE,QAAD,EAAWJ,qBAAX,EAA8C;AACzD,QAAIK,WAAgB,GAAG,IAAvB;;AACA,QAAI,KAAKf,QAAL,KAAkB,IAAtB,EAA4B;AAC1Be,MAAAA,WAAW,GAAGpB,IAAH,oBACPmB,QADO,EAEQ,KAAKE,qBAAL,CAA2BH,IAA3B,CAAgC,IAAhC,CAFR,CAAX;AAID;;AACD,UAAMI,aAAa,GAAGP,qBAAqB,CAACQ,KAAtB,EAAtB;AACA,QAAGD,aAAH,EAAkBA,aAAa,CAACF,WAAW,IAAID,QAAhB,EAA0BJ,qBAA1B,CAAb;AACnB,GA7BmB;;AA8BpBM,EAAAA,qBAAqB,CAACG,CAAD,EAAiB;AACpC,UAAMC,aAAa,GAAG,KAAKC,OAAL,CAAaC,aAAb,CAA2B,iBAA3B,CAAtB;AACA,UAAMC,UAAU,GAAGJ,CAAC,CAACK,MAArB,CAFoC,CAIpC;;AACAJ,IAAAA,aAAa,CAACK,eAAd,CAA8B,iBAA9B,EAAiD,IAAjD;AACAL,IAAAA,aAAa,CAACM,KAAd;AACAH,IAAAA,UAAU,CAACE,eAAX,CAA2B,UAA3B,EAAuC,IAAvC,EAPoC,CASpC;;AACAL,IAAAA,aAAa,CAACO,gBAAd,CAA+B,UAA/B,EAA2C,MAAM,KAAKC,IAAL,CAAUR,aAAV,EAAyBG,UAAzB,CAAjD;AACD,GAzCmB;;AA0CpBK,EAAAA,IAAI,CAACR,aAAD,EAA6BG,UAA7B,EAAsD;AACxDH,IAAAA,aAAa,CAACK,eAAd,CAA8B,iBAA9B,EAAiD,KAAjD;AACAF,IAAAA,UAAU,CAACM,eAAX,CAA2B,UAA3B;;AAEA,QAAI,CAAC,KAAKhC,IAAN,IAAc,CAAC,KAAKU,OAAxB,EAAiC;AAC/BuB,MAAAA,OAAO,CAACC,IAAR,CAAa,mDAAb;AACA;AACD;;AACD,UAAMC,QAAQ,GAAG,EAAjB;AACAA,IAAAA,QAAQ,CAAC,KAAKnC,IAAN,CAAR,GAAsBuB,aAAa,CAACa,SAApC;AACAD,IAAAA,QAAQ,CAAC,UAAD,CAAR,GAAuB,KAAKE,OAA5B;AAEAxC,IAAAA,KAAK,CAACyC,KAAN,CAAYH,QAAZ,EAAsB,KAAKzB,OAA3B;AACD;;AAvDmB,CAAtB;AA0DA,SACEX,aADF","sourcesContent":["import { StoreMixin } from '../../mixins/storeMixin';\nimport { store } from '../../libs/store/store';\n\nimport { html } from 'lit-html';\n\nconst EditableMixin = {\n  name: 'editable-mixin',\n  use: [ StoreMixin ], // used to get context\n  attributes: {\n    editable: {\n      type: Boolean,\n      default: null,\n      callback: function (newValue: boolean) {\n        if (newValue !== null) this.listAttributes['editable'] = true;\n      }\n    },\n    valueId: {\n      type: String,\n      default: ''\n    }\n  },\n  created() {\n    this.listTemplateAdditions.push(this.addEditButton.bind(this));\n  },\n  addEditButton(template, listTemplateAdditions: Function[]) {\n    let newTemplate: any = null;\n    if (this.editable !== null) {\n      newTemplate = html`\n        ${template}\n        <button @click=${this.activateEditableField.bind(this)}>Modifier</button>\n      `;\n    }\n    const nextProcessor = listTemplateAdditions.shift();\n    if(nextProcessor) nextProcessor(newTemplate || template, listTemplateAdditions);\n  },\n  activateEditableField(e: Event): void {\n    const editableField = this.element.querySelector('[data-editable]');\n    const editButton = e.target as HTMLElement;\n\n    // Set attributes\n    editableField.toggleAttribute('contenteditable', true);\n    editableField.focus();\n    editButton.toggleAttribute('disabled', true);\n\n    // Save on focusout\n    editableField.addEventListener('focusout', () => this.save(editableField, editButton));\n  },\n  save(editableField: HTMLElement, editButton: HTMLElement) {\n    editableField.toggleAttribute('contenteditable', false);\n    editButton.removeAttribute('disabled');\n\n    if (!this.name || !this.valueId) {\n      console.warn('Some attributes are missing to perform the update');\n      return;\n    }\n    const resource = {};\n    resource[this.name] = editableField.innerText;\n    resource['@context'] = this.context;\n\n    store.patch(resource, this.valueId);\n  },\n}\n\nexport {\n  EditableMixin\n}"]}

package/dist/new-widgets/templatesDependencies/filterRangeFormMixin.js

@@ -0,0 +1,38 @@
+const FilterRangeFormMixin = {
+  name: 'filter-range-form-mixin',
+  attributes: {
+    startValue: {
+      type: String,
+      default: '',
+      callback: function (value) {
+        this.addToAttributes(this.getDefaultValue(value), "startValue");
+      }
+    },
+    endValue: {
+      type: String,
+      default: '',
+      callback: function (value) {
+        this.addToAttributes(this.getDefaultValue(value), "endValue");
+      }
+    }
+  },
+
+  getDefaultValue(value) {
+    if (value == "today") return new Date().toISOString().split("T")[0];
+    return value;
+  },
+
+  getValue() {
+    if (!this.dataHolder) return [];
+    if (this.dataHolder.length !== 2) this.showDataHolderError(2, this.dataHolder.length);
+    return [// we expect 2 values, one min and one max
+    this.getValueFromElement(this.dataHolder[0]), this.getValueFromElement(this.dataHolder[1])];
+  },
+
+  get type() {
+    return 'range';
+  }
+
+};
+export { FilterRangeFormMixin };
+//# sourceMappingURL=filterRangeFormMixin.js.map

package/dist/new-widgets/templatesDependencies/filterRangeFormMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["filterRangeFormMixin.ts"],"names":["FilterRangeFormMixin","name","attributes","startValue","type","String","default","callback","value","addToAttributes","getDefaultValue","endValue","Date","toISOString","split","getValue","dataHolder","length","showDataHolderError","getValueFromElement"],"mappings":"AAAA,MAAMA,oBAAoB,GAAG;AAC3BC,EAAAA,IAAI,EAAE,yBADqB;AAE3BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,UAAU,EAAE;AACVC,MAAAA,IAAI,EAAEC,MADI;AAEVC,MAAAA,OAAO,EAAC,EAFE;AAGVC,MAAAA,QAAQ,EAAE,UAAUC,KAAV,EAAyB;AACjC,aAAKC,eAAL,CAAqB,KAAKC,eAAL,CAAqBF,KAArB,CAArB,EAAkD,YAAlD;AACD;AALS,KADF;AAQVG,IAAAA,QAAQ,EAAE;AACRP,MAAAA,IAAI,EAAEC,MADE;AAERC,MAAAA,OAAO,EAAC,EAFA;AAGRC,MAAAA,QAAQ,EAAE,UAAUC,KAAV,EAAyB;AACjC,aAAKC,eAAL,CAAqB,KAAKC,eAAL,CAAqBF,KAArB,CAArB,EAAkD,UAAlD;AACD;AALO;AARA,GAFe;;AAkB3BE,EAAAA,eAAe,CAACF,KAAD,EAAQ;AACrB,QAAIA,KAAK,IAAI,OAAb,EAAsB,OAAO,IAAII,IAAJ,GAAWC,WAAX,GAAyBC,KAAzB,CAA+B,GAA/B,EAAoC,CAApC,CAAP;AACtB,WAAON,KAAP;AACD,GArB0B;;AAsB3BO,EAAAA,QAAQ,GAAG;AACT,QAAI,CAAC,KAAKC,UAAV,EAAsB,OAAO,EAAP;AACtB,QAAI,KAAKA,UAAL,CAAgBC,MAAhB,KAA2B,CAA/B,EAAkC,KAAKC,mBAAL,CAAyB,CAAzB,EAA4B,KAAKF,UAAL,CAAgBC,MAA5C;AAClC,WAAO,CAAE;AACP,SAAKE,mBAAL,CAAyB,KAAKH,UAAL,CAAgB,CAAhB,CAAzB,CADK,EAEL,KAAKG,mBAAL,CAAyB,KAAKH,UAAL,CAAgB,CAAhB,CAAzB,CAFK,CAAP;AAID,GA7B0B;;AA8B3B,MAAIZ,IAAJ,GAAW;AACT,WAAO,OAAP;AACD;;AAhC0B,CAA7B;AAmCA,SACEJ,oBADF","sourcesContent":["const FilterRangeFormMixin = {\n  name: 'filter-range-form-mixin',\n  attributes: {\n    startValue: {\n      type: String,\n      default:'',\n      callback: function (value: string) {\n        this.addToAttributes(this.getDefaultValue(value), \"startValue\")\n      }\n    },\n    endValue: {\n      type: String,\n      default:'',\n      callback: function (value: string) {\n        this.addToAttributes(this.getDefaultValue(value), \"endValue\")\n      }\n    }\n  },\n  getDefaultValue(value) {\n    if (value == \"today\") return new Date().toISOString().split(\"T\")[0];\n    return value;\n  },\n  getValue() {\n    if (!this.dataHolder) return [];\n    if (this.dataHolder.length !== 2) this.showDataHolderError(2, this.dataHolder.length);\n    return [ // we expect 2 values, one min and one max\n      this.getValueFromElement(this.dataHolder[0]),\n      this.getValueFromElement(this.dataHolder[1])\n    ]\n  },\n  get type() {\n    return 'range';\n  },\n}\n\nexport {\n  FilterRangeFormMixin\n}"]}

package/dist/new-widgets/templatesDependencies/formCheckboxMixin.js

@@ -0,0 +1,14 @@
+const FormCheckboxMixin = {
+  name: 'form-checkbox-mixin',
+
+  getValueFromElement(element) {
+    return element.checked;
+  },
+
+  get type() {
+    return 'boolean';
+  }
+
+};
+export { FormCheckboxMixin };
+//# sourceMappingURL=formCheckboxMixin.js.map

package/dist/new-widgets/templatesDependencies/formCheckboxMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["formCheckboxMixin.ts"],"names":["FormCheckboxMixin","name","getValueFromElement","element","checked","type"],"mappings":"AAAA,MAAMA,iBAAiB,GAAG;AACxBC,EAAAA,IAAI,EAAE,qBADkB;;AAExBC,EAAAA,mBAAmB,CAACC,OAAD,EAAe;AAChC,WAAOA,OAAO,CAACC,OAAf;AACD,GAJuB;;AAKxB,MAAIC,IAAJ,GAAW;AACT,WAAO,SAAP;AACD;;AAPuB,CAA1B;AAUA,SACEL,iBADF","sourcesContent":["const FormCheckboxMixin = {\n  name: 'form-checkbox-mixin',\n  getValueFromElement(element: any) {\n    return element.checked;\n  },\n  get type() {\n    return 'boolean';\n  },\n}\n\nexport {\n  FormCheckboxMixin\n}"]}

package/dist/new-widgets/templatesDependencies/formCheckboxesMixin.js

@@ -0,0 +1,51 @@
+const FormCheckboxesMixin = {
+  name: 'form-checkboxes-mixin',
+  attributes: {
+    values: {
+      type: String,
+      default: '',
+      callback: function (value) {
+        if (!value) return;
+
+        try {
+          this.listAttributes['values'] = JSON.parse(value);
+        } catch (e) {
+          console.error(e);
+          this.listAttributes['values'] = [];
+        }
+
+        this.render();
+        this.element.dispatchEvent(new Event('change'));
+      }
+    }
+  },
+
+  created() {
+    this.listAttributes['values'] = [];
+  },
+
+  getValue() {
+    const options = Array.from(this.element.querySelectorAll('input'));
+    return options.filter(el => el.checked).map(el => {
+      if (!el.value) return null;
+      let value = el.value;
+
+      try {
+        value = JSON.parse(el.value);
+      } catch (e) {}
+
+      return value;
+    });
+  },
+
+  get type() {
+    return this.enum === '' ? 'resource' : 'string';
+  },
+
+  get multiple() {
+    return true;
+  }
+
+};
+export { FormCheckboxesMixin };
+//# sourceMappingURL=formCheckboxesMixin.js.map

package/dist/new-widgets/templatesDependencies/formCheckboxesMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["formCheckboxesMixin.ts"],"names":["FormCheckboxesMixin","name","attributes","values","type","String","default","callback","value","listAttributes","JSON","parse","e","console","error","render","element","dispatchEvent","Event","created","getValue","options","Array","from","querySelectorAll","filter","el","checked","map","enum","multiple"],"mappings":"AAAA,MAAMA,mBAAmB,GAAG;AAC1BC,EAAAA,IAAI,EAAE,uBADoB;AAE1BC,EAAAA,UAAU,EAAE;AACVC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAEC,MADA;AAENC,MAAAA,OAAO,EAAE,EAFH;AAGNC,MAAAA,QAAQ,EAAE,UAAUC,KAAV,EAAyB;AACjC,YAAI,CAACA,KAAL,EAAY;;AACZ,YAAI;AACF,eAAKC,cAAL,CAAoB,QAApB,IAAgCC,IAAI,CAACC,KAAL,CAAWH,KAAX,CAAhC;AACD,SAFD,CAEE,OAAOI,CAAP,EAAU;AACVC,UAAAA,OAAO,CAACC,KAAR,CAAcF,CAAd;AACA,eAAKH,cAAL,CAAoB,QAApB,IAAgC,EAAhC;AACD;;AACD,aAAKM,MAAL;AACA,aAAKC,OAAL,CAAaC,aAAb,CAA2B,IAAIC,KAAJ,CAAU,QAAV,CAA3B;AACD;AAbK;AADE,GAFc;;AAmB1BC,EAAAA,OAAO,GAAG;AACR,SAAKV,cAAL,CAAoB,QAApB,IAAgC,EAAhC;AACD,GArByB;;AAsB1BW,EAAAA,QAAQ,GAAG;AACT,UAAMC,OAAO,GAAGC,KAAK,CAACC,IAAN,CAAW,KAAKP,OAAL,CAAaQ,gBAAb,CAA8B,OAA9B,CAAX,CAAhB;AACA,WAAOH,OAAO,CACXI,MADI,CACGC,EAAE,IAAIA,EAAE,CAACC,OADZ,EAEJC,GAFI,CAEAF,EAAE,IAAI;AACT,UAAI,CAACA,EAAE,CAAClB,KAAR,EAAe,OAAO,IAAP;AACf,UAAIA,KAAK,GAAGkB,EAAE,CAAClB,KAAf;;AACA,UAAI;AAAEA,QAAAA,KAAK,GAAGE,IAAI,CAACC,KAAL,CAAWe,EAAE,CAAClB,KAAd,CAAR;AAA8B,OAApC,CAAqC,OAAOI,CAAP,EAAU,CAAG;;AAClD,aAAOJ,KAAP;AACD,KAPI,CAAP;AAQD,GAhCyB;;AAiC1B,MAAIJ,IAAJ,GAAW;AACT,WAAQ,KAAKyB,IAAL,KAAc,EAAd,GAAkB,UAAlB,GAA+B,QAAvC;AACD,GAnCyB;;AAoC1B,MAAIC,QAAJ,GAAe;AACb,WAAO,IAAP;AACD;;AAtCyB,CAA5B;AAyCA,SACE9B,mBADF","sourcesContent":["const FormCheckboxesMixin = {\n  name: 'form-checkboxes-mixin',\n  attributes: {\n    values: {\n      type: String,\n      default: '',\n      callback: function (value: string) {\n        if (!value) return;\n        try {\n          this.listAttributes['values'] = JSON.parse(value);\n        } catch (e) {\n          console.error(e);\n          this.listAttributes['values'] = [];\n        }\n        this.render();\n        this.element.dispatchEvent(new Event('change'));\n      }\n    },\n  },\n  created() {\n    this.listAttributes['values'] = [];\n  },\n  getValue() {\n    const options = Array.from(this.element.querySelectorAll('input')) as HTMLInputElement[];\n    return options\n      .filter(el => el.checked)\n      .map(el => {\n        if (!el.value) return null;\n        let value = el.value;\n        try { value = JSON.parse(el.value) } catch (e) { }\n        return value;\n      })\n  },\n  get type() {\n    return  this.enum === ''? 'resource' : 'string';\n  },\n  get multiple() {\n    return true;\n  }\n}\n\nexport {\n  FormCheckboxesMixin\n}"]}

package/dist/new-widgets/templatesDependencies/formDropdownMixin.js

@@ -0,0 +1,66 @@
+const FormDropdownMixin = {
+  name: 'form-dropdown-mixin',
+  attributes: {
+    values: {
+      // used to set more than 1 value, for multiple select
+      type: String,
+      default: '',
+      callback: function (value) {
+        if (value) {
+          try {
+            this.listAttributes['values'] = JSON.parse(value);
+          } catch (e) {
+            console.error(e);
+            this.listAttributes['values'] = [];
+          }
+
+          this.render(); // use render to make sure the dispatch always happen after
+
+          this.dispatchChange();
+        }
+      }
+    },
+    dataId: {
+      type: String,
+      default: '',
+      callback: function (newValue) {
+        this.addToAttributes(newValue, 'id');
+      }
+    }
+  },
+
+  created() {
+    this.listAttributes['values'] = [];
+    if (this.multiple) this.listAttributes['multiple'] = true;
+  },
+
+  dispatchChange() {
+    if (!this.element.querySelector('select')) return;
+    this.element.querySelector('select').dispatchEvent(new Event('change'));
+  },
+
+  getValue() {
+    if (!this.dataHolder) return ''; // no value
+
+    if (!this.multiple) {
+      // simple select
+      if (this.dataHolder.length > 1) this.showDataHolderError(1, this.dataHolder.length);
+      return this.getValueFromElement(this.dataHolder[0]);
+    } // multiple select
+
+
+    const options = Array.from(this.element.querySelectorAll('option'));
+    return options.filter(el => el.selected).map(el => el.value ? JSON.parse(el.value) : null);
+  },
+
+  get type() {
+    return this.enum === '' ? 'resource' : 'string';
+  },
+
+  get multiple() {
+    return this.element.hasAttribute('multiple');
+  }
+
+};
+export { FormDropdownMixin };
+//# sourceMappingURL=formDropdownMixin.js.map

package/dist/new-widgets/templatesDependencies/formDropdownMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["formDropdownMixin.ts"],"names":["FormDropdownMixin","name","attributes","values","type","String","default","callback","value","listAttributes","JSON","parse","e","console","error","render","dispatchChange","dataId","newValue","addToAttributes","created","multiple","element","querySelector","dispatchEvent","Event","getValue","dataHolder","length","showDataHolderError","getValueFromElement","options","Array","from","querySelectorAll","filter","el","selected","map","enum","hasAttribute"],"mappings":"AAAA,MAAMA,iBAAiB,GAAG;AACxBC,EAAAA,IAAI,EAAE,qBADkB;AAExBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,MAAM,EAAE;AAAE;AACRC,MAAAA,IAAI,EAAEC,MADA;AAENC,MAAAA,OAAO,EAAE,EAFH;AAGNC,MAAAA,QAAQ,EAAE,UAASC,KAAT,EAAgB;AACxB,YAAIA,KAAJ,EAAW;AACT,cAAI;AACF,iBAAKC,cAAL,CAAoB,QAApB,IAAgCC,IAAI,CAACC,KAAL,CAAWH,KAAX,CAAhC;AACD,WAFD,CAEE,OAAOI,CAAP,EAAU;AACVC,YAAAA,OAAO,CAACC,KAAR,CAAcF,CAAd;AACA,iBAAKH,cAAL,CAAoB,QAApB,IAAgC,EAAhC;AACD;;AACD,eAAKM,MAAL,GAPS,CAOM;;AACf,eAAKC,cAAL;AACD;AACF;AAdK,KADE;AAiBVC,IAAAA,MAAM,EAAE;AACNb,MAAAA,IAAI,EAAEC,MADA;AAENC,MAAAA,OAAO,EAAE,EAFH;AAGNC,MAAAA,QAAQ,EAAE,UAAUW,QAAV,EAA4B;AACpC,aAAKC,eAAL,CAAqBD,QAArB,EAA+B,IAA/B;AACD;AALK;AAjBE,GAFY;;AA2BxBE,EAAAA,OAAO,GAAG;AACR,SAAKX,cAAL,CAAoB,QAApB,IAAgC,EAAhC;AACA,QAAI,KAAKY,QAAT,EAAmB,KAAKZ,cAAL,CAAoB,UAApB,IAAkC,IAAlC;AACpB,GA9BuB;;AA+BxBO,EAAAA,cAAc,GAAG;AACf,QAAI,CAAC,KAAKM,OAAL,CAAaC,aAAb,CAA2B,QAA3B,CAAL,EAA2C;AAC3C,SAAKD,OAAL,CAAaC,aAAb,CAA2B,QAA3B,EAAqCC,aAArC,CAAmD,IAAIC,KAAJ,CAAU,QAAV,CAAnD;AACD,GAlCuB;;AAmCxBC,EAAAA,QAAQ,GAAG;AACT,QAAI,CAAC,KAAKC,UAAV,EAAsB,OAAO,EAAP,CADb,CACwB;;AACjC,QAAI,CAAC,KAAKN,QAAV,EAAoB;AAAE;AACpB,UAAI,KAAKM,UAAL,CAAgBC,MAAhB,GAAyB,CAA7B,EAAgC,KAAKC,mBAAL,CAAyB,CAAzB,EAA4B,KAAKF,UAAL,CAAgBC,MAA5C;AAChC,aAAO,KAAKE,mBAAL,CAAyB,KAAKH,UAAL,CAAgB,CAAhB,CAAzB,CAAP;AACD,KALQ,CAOT;;;AACA,UAAMI,OAAO,GAAGC,KAAK,CAACC,IAAN,CAAW,KAAKX,OAAL,CAAaY,gBAAb,CAA8B,QAA9B,CAAX,CAAhB;AACA,WAAOH,OAAO,CAACI,MAAR,CAAeC,EAAE,IAAIA,EAAE,CAACC,QAAxB,EAAkCC,GAAlC,CAAsCF,EAAE,IAAIA,EAAE,CAAC5B,KAAH,GAAWE,IAAI,CAACC,KAAL,CAAWyB,EAAE,CAAC5B,KAAd,CAAX,GAAkC,IAA9E,CAAP;AACD,GA7CuB;;AA8CxB,MAAIJ,IAAJ,GAAW;AACT,WAAQ,KAAKmC,IAAL,KAAc,EAAd,GAAkB,UAAlB,GAA+B,QAAvC;AACD,GAhDuB;;AAiDxB,MAAIlB,QAAJ,GAAe;AACb,WAAO,KAAKC,OAAL,CAAakB,YAAb,CAA0B,UAA1B,CAAP;AACD;;AAnDuB,CAA1B;AAsDA,SACExC,iBADF","sourcesContent":["const FormDropdownMixin = {\n  name: 'form-dropdown-mixin',\n  attributes: {\n    values: { // used to set more than 1 value, for multiple select\n      type: String,\n      default: '',\n      callback: function(value) {\n        if (value) {\n          try {\n            this.listAttributes['values'] = JSON.parse(value);\n          } catch (e) {\n            console.error(e);\n            this.listAttributes['values'] = [];\n          }\n          this.render(); // use render to make sure the dispatch always happen after\n          this.dispatchChange();\n        }\n      }\n    },\n    dataId: {\n      type: String,\n      default: '',\n      callback: function (newValue: string) {\n        this.addToAttributes(newValue, 'id');\n      }\n    },\n  },\n  created() {\n    this.listAttributes['values'] = [];\n    if (this.multiple) this.listAttributes['multiple'] = true;\n  },\n  dispatchChange() {\n    if (!this.element.querySelector('select')) return;\n    this.element.querySelector('select').dispatchEvent(new Event('change'));\n  },\n  getValue() {\n    if (!this.dataHolder) return ''; // no value\n    if (!this.multiple) { // simple select\n      if (this.dataHolder.length > 1) this.showDataHolderError(1, this.dataHolder.length);\n      return this.getValueFromElement(this.dataHolder[0]);\n    }\n\n    // multiple select\n    const options = Array.from(this.element.querySelectorAll('option')) as HTMLOptionElement[];\n    return options.filter(el => el.selected).map(el => el.value ? JSON.parse(el.value) : null)\n  },\n  get type() {\n    return  this.enum === ''? 'resource' : 'string';\n  },\n  get multiple() {\n    return this.element.hasAttribute('multiple');\n  }\n}\n\nexport {\n  FormDropdownMixin\n}"]}

package/dist/new-widgets/templatesDependencies/formFileMixin.js

@@ -0,0 +1,81 @@
+import { store } from "../../libs/store/store.js";
+const FormFileMixin = {
+  name: 'form-file-mixin',
+  attributes: {
+    uploadUrl: {
+      type: String,
+      default: ''
+    }
+  },
+  initialState: {
+    initialValue: null
+  },
+
+  created() {
+    this.listAttributes['output'] = '';
+    this.listAttributes['resetButtonHidden'] = true;
+    this.listAttributes['selectFile'] = this.selectFile.bind(this);
+    this.listAttributes['resetFile'] = this.resetFile.bind(this);
+  },
+
+  attached() {
+    document.addEventListener('reset', e => {
+      if (e.target && e.target.contains(this.element)) {
+        this.value = this.initialValue;
+        this.listAttributes['resetButtonHidden'] = true;
+        this.planRender();
+      }
+    });
+  },
+
+  selectFile() {
+    if (this.uploadUrl === null) return;
+
+    if (this.initialValue === null) {
+      this.initialValue = this.value;
+    }
+
+    const filePicker = this.element.querySelector('input[type="file"]');
+    if (filePicker.files.length < 1) return;
+    this.listAttributes['output'] = '⏳';
+    this.planRender();
+    const file = filePicker.files[0];
+    const formData = new FormData();
+    formData.append('file', file);
+    store.fetchAuthn(this.uploadUrl, {
+      method: 'POST',
+      body: formData
+    }).then(response => {
+      const location = response.headers.get('location');
+
+      if (location == null) {
+        this.listAttributes['output'] = 'header location not found!';
+      } else {
+        this.value = location;
+        this.listAttributes['output'] = '';
+        this.listAttributes['resetButtonHidden'] = false;
+        this.planRender();
+      }
+    }).catch(error => {
+      this.listAttributes['fileValue'] = '';
+      this.listAttributes['output'] = 'upload error';
+      this.planRender();
+      console.error(error);
+    });
+  },
+
+  resetFile(event) {
+    event.preventDefault();
+    this.value = '';
+    const filePicker = this.element.querySelector('input[type="file"]');
+    if (filePicker) filePicker.value = '';
+    this.listAttributes['fileValue'] = '';
+    this.listAttributes['output'] = '';
+    this.listAttributes['resetButtonHidden'] = true; // this.input.dispatchEvent(new Event('change'));
+
+    this.planRender();
+  }
+
+};
+export { FormFileMixin };
+//# sourceMappingURL=formFileMixin.js.map

package/dist/new-widgets/templatesDependencies/formFileMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["formFileMixin.ts"],"names":["store","FormFileMixin","name","attributes","uploadUrl","type","String","default","initialState","initialValue","created","listAttributes","selectFile","bind","resetFile","attached","document","addEventListener","e","target","contains","element","value","planRender","filePicker","querySelector","files","length","file","formData","FormData","append","fetchAuthn","method","body","then","response","location","headers","get","catch","error","console","event","preventDefault"],"mappings":"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","sourcesContent":["import { store } from \"../../libs/store/store\";\n\nconst FormFileMixin = {\n  name: 'form-file-mixin',\n  attributes: {\n    uploadUrl: {\n      type: String,\n      default: ''\n    },\n  },\n  initialState: {\n    initialValue: null\n  },\n  created() {\n    this.listAttributes['output'] = '';\n    this.listAttributes['resetButtonHidden'] = true;\n    this.listAttributes['selectFile'] = this.selectFile.bind(this);\n    this.listAttributes['resetFile'] = this.resetFile.bind(this);\n  },\n  attached() {\n    document.addEventListener('reset', (e) => {\n      if (e.target && (e.target as HTMLElement).contains(this.element)) {\n        this.value = this.initialValue;\n        this.listAttributes['resetButtonHidden'] = true;\n        this.planRender();\n      }\n    })\n  },\n  selectFile() {\n    if (this.uploadUrl === null) return;\n\n    if (this.initialValue === null) {\n      this.initialValue = this.value;\n    }\n\n    const filePicker = this.element.querySelector('input[type=\"file\"]');\n    if (filePicker.files!.length < 1) return;\n\n    this.listAttributes['output'] = '⏳';\n    this.planRender();\n\n    const file = filePicker.files![0];\n    const formData = new FormData();\n    formData.append('file', file);\n    store.fetchAuthn(this.uploadUrl, {\n      method: 'POST',\n      body: formData,\n    })\n      .then(response => {\n        const location = response.headers.get('location');\n        if (location == null) {\n          this.listAttributes['output'] = 'header location not found!';\n        } else {\n          this.value = location;\n          this.listAttributes['output'] = '';\n          this.listAttributes['resetButtonHidden'] = false;\n          this.planRender();\n        }\n      })\n      .catch(error => {\n        this.listAttributes['fileValue'] = '';\n        this.listAttributes['output'] = 'upload error';\n        this.planRender();\n        console.error(error);\n      });\n  },\n  resetFile(event) {\n    event.preventDefault();\n    this.value = '';\n    const filePicker = this.element.querySelector('input[type=\"file\"]');\n    if (filePicker) filePicker.value = '';\n    this.listAttributes['fileValue'] = '';\n    this.listAttributes['output'] = '';\n    this.listAttributes['resetButtonHidden'] = true;\n    // this.input.dispatchEvent(new Event('change'));\n    this.planRender();\n  }\n}\n\nexport {\n  FormFileMixin\n}"]}

package/dist/new-widgets/templatesDependencies/formLengthMixin.js

@@ -0,0 +1,19 @@
+const FormLengthMixin = {
+  name: 'form-length-mixin',
+  attributes: {
+    maxlength: {
+      type: Number,
+      callback: function (newValue) {
+        this.addToAttributes(newValue, 'maxlength');
+      }
+    },
+    minlength: {
+      type: Number,
+      callback: function (newValue) {
+        this.addToAttributes(newValue, 'minlength');
+      }
+    }
+  }
+};
+export { FormLengthMixin };
+//# sourceMappingURL=formLengthMixin.js.map

package/dist/new-widgets/templatesDependencies/formLengthMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["formLengthMixin.ts"],"names":["FormLengthMixin","name","attributes","maxlength","type","Number","callback","newValue","addToAttributes","minlength"],"mappings":"AAAA,MAAMA,eAAe,GAAG;AACtBC,EAAAA,IAAI,EAAE,mBADgB;AAEtBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,SAAS,EAAE;AACTC,MAAAA,IAAI,EAAEC,MADG;AAETC,MAAAA,QAAQ,EAAE,UAAUC,QAAV,EAA4B;AACpC,aAAKC,eAAL,CAAqBD,QAArB,EAA+B,WAA/B;AACD;AAJQ,KADD;AAOVE,IAAAA,SAAS,EAAE;AACTL,MAAAA,IAAI,EAAEC,MADG;AAETC,MAAAA,QAAQ,EAAE,UAAUC,QAAV,EAA4B;AACpC,aAAKC,eAAL,CAAqBD,QAArB,EAA+B,WAA/B;AACD;AAJQ;AAPD;AAFU,CAAxB;AAkBA,SACEP,eADF","sourcesContent":["const FormLengthMixin = {\n  name: 'form-length-mixin',\n  attributes: {\n    maxlength: {\n      type: Number,\n      callback: function (newValue: string) {\n        this.addToAttributes(newValue, 'maxlength');\n      }\n    },\n    minlength: {\n      type: Number,\n      callback: function (newValue: string) {\n        this.addToAttributes(newValue, 'minlength');\n      }\n    },\n  },\n}\n\nexport {\n  FormLengthMixin\n}"]}

package/dist/new-widgets/templatesDependencies/formMinMaxMixin.js

@@ -0,0 +1,19 @@
+const FormMinMaxMixin = {
+  name: 'form-min-max-mixin',
+  attributes: {
+    min: {
+      type: Number,
+      callback: function (newValue) {
+        this.addToAttributes(newValue, 'min');
+      }
+    },
+    max: {
+      type: Number,
+      callback: function (newValue) {
+        this.addToAttributes(newValue, 'max');
+      }
+    }
+  }
+};
+export { FormMinMaxMixin };
+//# sourceMappingURL=formMinMaxMixin.js.map

package/dist/new-widgets/templatesDependencies/formMinMaxMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["formMinMaxMixin.ts"],"names":["FormMinMaxMixin","name","attributes","min","type","Number","callback","newValue","addToAttributes","max"],"mappings":"AAAA,MAAMA,eAAe,GAAG;AACtBC,EAAAA,IAAI,EAAE,oBADgB;AAEtBC,EAAAA,UAAU,EAAG;AACXC,IAAAA,GAAG,EAAG;AACJC,MAAAA,IAAI,EAAEC,MADF;AAEJC,MAAAA,QAAQ,EAAE,UAAUC,QAAV,EAA4B;AACpC,aAAKC,eAAL,CAAqBD,QAArB,EAA+B,KAA/B;AACD;AAJG,KADK;AAOXE,IAAAA,GAAG,EAAG;AACJL,MAAAA,IAAI,EAAEC,MADF;AAEJC,MAAAA,QAAQ,EAAE,UAAUC,QAAV,EAA4B;AACpC,aAAKC,eAAL,CAAqBD,QAArB,EAA+B,KAA/B;AACD;AAJG;AAPK;AAFS,CAAxB;AAkBA,SACEP,eADF","sourcesContent":["const FormMinMaxMixin = {\n  name: 'form-min-max-mixin',\n  attributes : {\n    min : {\n      type: Number,\n      callback: function (newValue: number) {\n        this.addToAttributes(newValue, 'min');\n      }\n    },\n    max : {\n      type: Number,\n      callback: function (newValue: number) {\n        this.addToAttributes(newValue, 'max');\n      }\n    },\n  }\n}\n\nexport {\n  FormMinMaxMixin\n}"]}

package/dist/new-widgets/templatesDependencies/formMixin.js

@@ -0,0 +1,66 @@
+const FormMixin = {
+  name: 'form-mixin',
+  attributes: {
+    required: {
+      type: Boolean,
+      default: false,
+      callback: function () {
+        this.listAttributes['required'] = true;
+      }
+    },
+    autocomplete: {
+      type: String,
+      default: '',
+      callback: function (value) {
+        this.addToAttributes(value, "autocomplete");
+      }
+    }
+  },
+
+  attached() {
+    this.listAttributes['onChange'] = this.onChange.bind(this);
+  },
+
+  onChange(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    this.element.dispatchEvent(new Event('change', {
+      bubbles: true
+    }));
+  },
+
+  getValue() {
+    if (!this.dataHolder || this.dataHolder.length === 0) return this.value;
+    if (this.dataHolder.length > 1) this.showDataHolderError(1, this.dataHolder.length);
+    return this.getValueFromElement(this.dataHolder[0]);
+  },
+
+  get type() {
+    return 'string';
+  },
+
+  get multiple() {
+    return false;
+  },
+
+  get dataHolder() {
+    const dataHolders = Array.from(this.element.querySelectorAll('[data-holder]'));
+    const widgetDataHolders = dataHolders.filter(element => {
+      const dataHolderAncestor = element.parentElement ? element.parentElement.closest('[data-holder]') : null; // get the dataHolder of the widget only if no dataHolder ancestor in the current widget
+
+      return dataHolderAncestor === this.element || !dataHolderAncestor || !this.element.contains(dataHolderAncestor);
+    });
+    return widgetDataHolders.length ? widgetDataHolders : null;
+  },
+
+  getValueFromElement(element) {
+    return element.component ? element.component.getValue() : element.value;
+  },
+
+  showDataHolderError(expected, found) {
+    console.warn("Expected ".concat(expected, " data-holder element in ").concat(this.element.tagName, ". Found ").concat(found));
+  }
+
+};
+export { FormMixin };
+//# sourceMappingURL=formMixin.js.map

package/dist/new-widgets/templatesDependencies/formMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["formMixin.ts"],"names":["FormMixin","name","attributes","required","type","Boolean","default","callback","listAttributes","autocomplete","String","value","addToAttributes","attached","onChange","bind","e","preventDefault","stopPropagation","element","dispatchEvent","Event","bubbles","getValue","dataHolder","length","showDataHolderError","getValueFromElement","multiple","dataHolders","Array","from","querySelectorAll","widgetDataHolders","filter","dataHolderAncestor","parentElement","closest","contains","component","expected","found","console","warn","tagName"],"mappings":"AAAA,MAAMA,SAAS,GAAG;AAChBC,EAAAA,IAAI,EAAE,YADU;AAEhBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,IAAI,EAAEC,OADE;AAERC,MAAAA,OAAO,EAAE,KAFD;AAGRC,MAAAA,QAAQ,EAAE,YAAY;AACpB,aAAKC,cAAL,CAAoB,UAApB,IAAkC,IAAlC;AACD;AALO,KADA;AAQVC,IAAAA,YAAY,EAAE;AACZL,MAAAA,IAAI,EAAEM,MADM;AAEZJ,MAAAA,OAAO,EAAE,EAFG;AAGZC,MAAAA,QAAQ,EAAC,UAAUI,KAAV,EAAyB;AAChC,aAAKC,eAAL,CAAqBD,KAArB,EAA4B,cAA5B;AACD;AALW;AARJ,GAFI;;AAkBhBE,EAAAA,QAAQ,GAAG;AACT,SAAKL,cAAL,CAAoB,UAApB,IAAkC,KAAKM,QAAL,CAAcC,IAAd,CAAmB,IAAnB,CAAlC;AACD,GApBe;;AAqBhBD,EAAAA,QAAQ,CAACE,CAAD,EAAW;AACjBA,IAAAA,CAAC,CAACC,cAAF;AACAD,IAAAA,CAAC,CAACE,eAAF;AACA,SAAKC,OAAL,CAAaC,aAAb,CAA2B,IAAIC,KAAJ,CAAU,QAAV,EAAoB;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAApB,CAA3B;AACD,GAzBe;;AA0BhBC,EAAAA,QAAQ,GAAG;AACT,QAAI,CAAC,KAAKC,UAAN,IAAoB,KAAKA,UAAL,CAAgBC,MAAhB,KAA2B,CAAnD,EAAsD,OAAO,KAAKd,KAAZ;AACtD,QAAI,KAAKa,UAAL,CAAgBC,MAAhB,GAAyB,CAA7B,EAAgC,KAAKC,mBAAL,CAAyB,CAAzB,EAA4B,KAAKF,UAAL,CAAgBC,MAA5C;AAChC,WAAO,KAAKE,mBAAL,CAAyB,KAAKH,UAAL,CAAgB,CAAhB,CAAzB,CAAP;AACD,GA9Be;;AA+BhB,MAAIpB,IAAJ,GAAW;AACT,WAAO,QAAP;AACD,GAjCe;;AAkChB,MAAIwB,QAAJ,GAAe;AACb,WAAO,KAAP;AACD,GApCe;;AAqChB,MAAIJ,UAAJ,GAAmC;AACjC,UAAMK,WAAW,GAAGC,KAAK,CAACC,IAAN,CAAY,KAAKZ,OAAN,CAA0Ba,gBAA1B,CAA2C,eAA3C,CAAX,CAApB;AACA,UAAMC,iBAAiB,GAAGJ,WAAW,CAACK,MAAZ,CAAmBf,OAAO,IAAI;AACtD,YAAMgB,kBAAkB,GAAGhB,OAAO,CAACiB,aAAR,GAAwBjB,OAAO,CAACiB,aAAR,CAAsBC,OAAtB,CAA8B,eAA9B,CAAxB,GAAyE,IAApG,CADsD,CAEtD;;AACA,aAAOF,kBAAkB,KAAK,KAAKhB,OAA5B,IAAuC,CAACgB,kBAAxC,IAA8D,CAAC,KAAKhB,OAAL,CAAamB,QAAb,CAAsBH,kBAAtB,CAAtE;AACD,KAJyB,CAA1B;AAMA,WAAOF,iBAAiB,CAACR,MAAlB,GAA2BQ,iBAA3B,GAA+C,IAAtD;AACD,GA9Ce;;AA+ChBN,EAAAA,mBAAmB,CAACR,OAAD,EAAe;AAChC,WAAOA,OAAO,CAACoB,SAAR,GAAoBpB,OAAO,CAACoB,SAAR,CAAkBhB,QAAlB,EAApB,GAAmDJ,OAAO,CAACR,KAAlE;AACD,GAjDe;;AAkDhBe,EAAAA,mBAAmB,CAACc,QAAD,EAAmBC,KAAnB,EAAkC;AACnDC,IAAAA,OAAO,CAACC,IAAR,oBAAyBH,QAAzB,qCAA4D,KAAKrB,OAAL,CAAayB,OAAzE,qBAA2FH,KAA3F;AACD;;AApDe,CAAlB;AAuDA,SACEzC,SADF","sourcesContent":["const FormMixin = {\n  name: 'form-mixin',\n  attributes: {\n    required: {\n      type: Boolean,\n      default: false,\n      callback: function () {\n        this.listAttributes['required'] = true;\n      }\n    },\n    autocomplete: {\n      type: String,\n      default: '',\n      callback:function (value: string) {\n        this.addToAttributes(value, \"autocomplete\");\n      }\n    },\n  },\n  attached() {\n    this.listAttributes['onChange'] = this.onChange.bind(this);\n  },\n  onChange(e: Event) {\n    e.preventDefault();\n    e.stopPropagation();\n    this.element.dispatchEvent(new Event('change', { bubbles: true }));\n  },\n  getValue() {\n    if (!this.dataHolder || this.dataHolder.length === 0) return this.value;\n    if (this.dataHolder.length > 1) this.showDataHolderError(1, this.dataHolder.length);\n    return this.getValueFromElement(this.dataHolder[0]);\n  },\n  get type() {\n    return 'string';\n  },\n  get multiple() {\n    return false;\n  },\n  get dataHolder(): Element[] | null {\n    const dataHolders = Array.from((this.element as Element).querySelectorAll('[data-holder]'));\n    const widgetDataHolders = dataHolders.filter(element => {\n      const dataHolderAncestor = element.parentElement ? element.parentElement.closest('[data-holder]') : null;\n      // get the dataHolder of the widget only if no dataHolder ancestor in the current widget\n      return dataHolderAncestor === this.element || !dataHolderAncestor || !this.element.contains(dataHolderAncestor)\n    });\n\n    return widgetDataHolders.length ? widgetDataHolders : null;\n  },\n  getValueFromElement(element: any) {\n    return element.component ? element.component.getValue() : element.value;\n  },\n  showDataHolderError(expected: number, found: number) {\n    console.warn(`Expected ${expected} data-holder element in ${this.element.tagName}. Found ${found}`);\n  }\n}\n\nexport {\n  FormMixin\n}"]}

package/dist/new-widgets/templatesDependencies/formNumberMixin.js

@@ -0,0 +1,14 @@
+const FormNumberMixin = {
+  name: 'form-number-mixin',
+
+  getValueFromElement(element) {
+    return element.value ? Number(element.value) : '';
+  },
+
+  get type() {
+    return 'number';
+  }
+
+};
+export { FormNumberMixin };
+//# sourceMappingURL=formNumberMixin.js.map