@startinblox/core 0.17.22 → 0.17.23

package/dist/components/solid-form-search.js

@@ -0,0 +1,226 @@
+function _templateObject4() {
+  const data = _taggedTemplateLiteral(["\n      <form>\n        ", "\n        ", "\n      </form>\n    "]);
+
+  _templateObject4 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject3() {
+  const data = _taggedTemplateLiteral(["\n          <input type=\"submit\" value=", ">\n        "]);
+
+  _templateObject3 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2() {
+  const data = _taggedTemplateLiteral(["\n          <button type=\"submit\">", "</button>\n        "]);
+
+  _templateObject2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  const data = _taggedTemplateLiteral(["\n      <div class=", ">\n        ", "\n      </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 { Sib } from '../libs/Sib.js';
+import { WidgetMixin } from '../mixins/widgetMixin.js';
+import { AttributeBinderMixin } from '../mixins/attributeBinderMixin.js';
+import { ContextMixin } from '../mixins/contextMixin.js';
+import { newWidgetFactory } from '../new-widgets/new-widget-factory.js';
+import { html, render } from '../_snowpack/pkg/lit-html.js';
+import { ifDefined } from '../_snowpack/pkg/lit-html/directives/if-defined.js';
+import { uniqID } from '../libs/helpers.js';
+export const SolidFormSearch = {
+  name: 'solid-form-search',
+  use: [WidgetMixin, AttributeBinderMixin, ContextMixin],
+  attributes: {
+    defaultWidget: {
+      type: String,
+      default: 'solid-form-label-text'
+    },
+    submitButton: {
+      type: String,
+      default: null,
+      callback: function (newValue, oldValue) {
+        if (this.noRender == null && newValue !== oldValue) this.populate();
+      }
+    },
+    submitWidget: {
+      type: String,
+      default: undefined
+    },
+    classSubmitButton: {
+      type: String,
+      default: undefined
+    },
+    noRender: {
+      type: String,
+      default: null,
+      callback: function (value) {
+        if (value === null) this.populate();
+      }
+    }
+  },
+  initialState: {
+    error: ''
+  },
+
+  created() {
+    if (this.element.closest('[no-render]')) this.noRender = ''; // if embedded in no-render, apply no-render to himself
+
+    this.autoRangeValues = {};
+    this.rangeId = uniqID();
+    this.attachedElements = new Set();
+  },
+
+  get defaultMultipleWidget() {
+    return 'solid-multiple-form';
+  },
+
+  get defaultSetWidget() {
+    return 'solid-set-default';
+  },
+
+  get value() {
+    const values = {};
+    this.widgets.forEach(widget => {
+      const name = (widget.component || widget).name;
+      if (name == null) return;
+      let value = widget.component ? widget.component.getValue() : widget.value;
+
+      try {
+        value = JSON.parse(value);
+      } catch {}
+
+      value = {
+        type: widget.component.type,
+        list: !!widget.component.multiple,
+        value: value
+      };
+      values[name] = value;
+    });
+    return values;
+  },
+
+  getWidget(field, isSet = false) {
+    let tagName = ''; // If auto-range-[field] exists, create range-[field] and sets its value
+
+    if (this.element.hasAttribute('auto-range-' + field) && !this.element.hasAttribute('range-' + field)) {
+      const idField = "".concat(this.rangeId, "_").concat(field);
+      this.element.setAttribute('range-' + field, 'store://local.' + idField);
+      this.populate();
+    }
+
+    const widgetAttribute = this.element.getAttribute('widget-' + field); // Choose widget
+
+    if (!widgetAttribute && (this.element.hasAttribute('range-' + field) || this.element.hasAttribute('enum-' + field))) {
+      tagName = 'solid-form-dropdown';
+    } else {
+      tagName = widgetAttribute || (!isSet ? this.defaultWidget : this.defaultSetWidget);
+    } // Create widget
+
+
+    if (!customElements.get(tagName)) {
+      // component does not exist
+      if (tagName.startsWith('solid')) newWidgetFactory(tagName); // solid- -> create it
+    }
+
+    return this.widgetFromTagName(tagName);
+  },
+
+  async attach(elm) {
+    if (this.attachedElements.has(elm)) return;
+    this.attachedElements.add(elm);
+    await this.updateAutoRanges();
+  },
+
+  async detach(elm) {
+    if (!this.attachedElements.has(elm)) return;
+    this.attachedElements.delete(elm);
+    await this.updateAutoRanges();
+  },
+
+  async updateAutoRanges() {
+    for (const attr of this.element.attributes) {
+      if (!attr['name'].startsWith('auto-range-')) continue;
+      const field = attr['name'].replace('auto-range-', '');
+      const autoRangeValues = new Set();
+
+      for (const elm of this.attachedElements) {
+        for (const value of await elm.getValuesOfField(field)) {
+          autoRangeValues.add(value);
+        }
+      }
+
+      const idField = "".concat(this.rangeId, "_").concat(field);
+      const id = "store://local.".concat(idField);
+      const ldpContains = Array.from(autoRangeValues).map(id => ({
+        '@id': id
+      }));
+      const data = {
+        "@type": "ldp:Container",
+        "@context": this.context,
+        "ldp:contains": ldpContains
+      };
+      sibStore.setLocalData(data, id);
+    }
+  },
+
+  change(resource) {
+    this.element.dispatchEvent(new CustomEvent('formChange', {
+      bubbles: true,
+      detail: {
+        resource
+      }
+    }));
+  },
+
+  async inputChange() {
+    this.change(this.value);
+  },
+
+  getSubmitTemplate() {
+    return html(_templateObject(), ifDefined(this.classSubmitButton), this.submitWidget === 'button' ? html(_templateObject2(), this.submitButton || '') : html(_templateObject3(), ifDefined(this.submitButton || undefined)));
+  },
+
+  empty() {},
+
+  async populate() {
+    await this.replaceAttributesData();
+
+    if (this.submitButton == null) {
+      this.element.addEventListener('input', () => this.inputChange());
+    } else {
+      this.element.addEventListener('submit', e => {
+        e.preventDefault();
+        this.inputChange();
+      });
+    }
+
+    const fields = await this.getFields();
+    const widgetTemplates = await Promise.all(fields.map(field => this.createWidgetTemplate(field)));
+    const template = html(_templateObject4(), widgetTemplates, this.submitButton == null ? '' : this.getSubmitTemplate());
+    render(template, this.element);
+  }
+
+};
+Sib.register(SolidFormSearch);
+//# sourceMappingURL=solid-form-search.js.map

package/dist/components/solid-form-search.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["solid-form-search.ts"],"names":["Sib","WidgetMixin","AttributeBinderMixin","ContextMixin","newWidgetFactory","html","render","ifDefined","uniqID","SolidFormSearch","name","use","attributes","defaultWidget","type","String","default","submitButton","callback","newValue","oldValue","noRender","populate","submitWidget","undefined","classSubmitButton","value","initialState","error","created","element","closest","autoRangeValues","rangeId","attachedElements","Set","defaultMultipleWidget","defaultSetWidget","values","widgets","forEach","widget","component","getValue","JSON","parse","list","multiple","getWidget","field","isSet","tagName","hasAttribute","idField","setAttribute","widgetAttribute","getAttribute","customElements","get","startsWith","widgetFromTagName","attach","elm","has","add","updateAutoRanges","detach","delete","attr","replace","getValuesOfField","id","ldpContains","Array","from","map","data","context","sibStore","setLocalData","change","resource","dispatchEvent","CustomEvent","bubbles","detail","inputChange","getSubmitTemplate","empty","replaceAttributesData","addEventListener","e","preventDefault","fields","getFields","widgetTemplates","Promise","all","createWidgetTemplate","template","register"],"mappings":"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","sourcesContent":["import { Sib } from '../libs/Sib';\nimport { WidgetMixin } from '../mixins/widgetMixin';\nimport { AttributeBinderMixin } from '../mixins/attributeBinderMixin';\nimport { ContextMixin } from '../mixins/contextMixin';\nimport type { WidgetInterface } from '../mixins/interfaces';\nimport { newWidgetFactory } from '../new-widgets/new-widget-factory';\n\nimport { html, render } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { uniqID } from '../libs/helpers';\n\nexport const SolidFormSearch = {\n  name: 'solid-form-search',\n  use: [WidgetMixin, AttributeBinderMixin, ContextMixin],\n  attributes: {\n    defaultWidget: {\n      type: String,\n      default: 'solid-form-label-text',\n    },\n    submitButton: {\n      type: String,\n      default: null,\n      callback: function (newValue: string, oldValue: string) {\n        if (this.noRender == null && newValue !== oldValue) this.populate();\n      },\n    },\n    submitWidget: {\n      type: String,\n      default: undefined\n    },\n    classSubmitButton: {\n      type: String,\n      default: undefined,\n    },\n    noRender: {\n      type: String,\n      default: null,\n      callback: function (value: boolean) {\n        if (value === null) this.populate()\n      }\n    },\n  },\n  initialState: {\n    error: '',\n  },\n  created() {\n    if (this.element.closest('[no-render]')) this.noRender = ''; // if embedded in no-render, apply no-render to himself\n    this.autoRangeValues = {};\n    this.rangeId = uniqID();\n    this.attachedElements = new Set();\n  },\n  get defaultMultipleWidget(): string {\n    return 'solid-multiple-form';\n  },\n  get defaultSetWidget(): string {\n    return 'solid-set-default';\n  },\n\n  get value(): object {\n    const values = {};\n    this.widgets.forEach((widget) => {\n      const name = (widget.component || widget).name;\n      if (name == null) return;\n      let value = widget.component ? widget.component.getValue() : widget.value;\n      try {\n        value = JSON.parse(value);\n      } catch {}\n      value = {\n        type: widget.component.type,\n        list: !!widget.component.multiple,\n        value: value,\n      }\n      values[name] = value;\n    });\n    return values;\n  },\n  getWidget(field: string, isSet: boolean = false): WidgetInterface {\n    let tagName = '';\n    // If auto-range-[field] exists, create range-[field] and sets its value\n    if(this.element.hasAttribute('auto-range-' + field) && !this.element.hasAttribute('range-' + field)) {\n      const idField = `${this.rangeId}_${field}`;\n      this.element.setAttribute('range-' + field, 'store://local.' + idField);\n      this.populate();\n    }\n    \n    const widgetAttribute = this.element.getAttribute('widget-' + field);\n    // Choose widget\n    if (!widgetAttribute && (this.element.hasAttribute('range-' + field) || this.element.hasAttribute('enum-' + field))) {\n      tagName = 'solid-form-dropdown'\n    } else {\n      tagName = widgetAttribute || (!isSet ? this.defaultWidget : this.defaultSetWidget);\n    }\n    // Create widget\n    if (!customElements.get(tagName)) { // component does not exist\n      if (tagName.startsWith('solid')) newWidgetFactory(tagName); // solid- -> create it\n    }\n\n    return this.widgetFromTagName(tagName);\n  },\n  async attach(elm: any) {\n    if(this.attachedElements.has(elm)) return;\n    this.attachedElements.add(elm);\n    await this.updateAutoRanges();\n  },\n  async detach(elm: any) {\n    if(!this.attachedElements.has(elm)) return;\n    this.attachedElements.delete(elm);\n    await this.updateAutoRanges();\n  },\n  async updateAutoRanges() {\n    for(const attr of (this.element as Element).attributes) {\n      if(!attr['name'].startsWith('auto-range-')) continue;\n      const field = attr['name'].replace('auto-range-', '');\n      const autoRangeValues = new Set();\n      for(const elm of this.attachedElements) {\n        for(const value of await elm.getValuesOfField(field)) {\n          autoRangeValues.add(value);\n        }\n      }\n      const idField = `${this.rangeId}_${field}`;\n      const id = `store://local.${idField}`;\n      const ldpContains = Array.from(autoRangeValues).map(id => ({'@id' : id}));\n      const data = {\n        \"@type\": \"ldp:Container\",\n        \"@context\": this.context,\n        \"ldp:contains\" : ldpContains,\n      };\n      sibStore.setLocalData(data, id);\n    }\n  },\n  change(resource: object): void {\n    this.element.dispatchEvent(\n      new CustomEvent('formChange', {\n        bubbles: true,\n        detail: { resource },\n      }),\n    );\n  },\n  async inputChange(): Promise<void> {\n    this.change(this.value);\n  },\n  getSubmitTemplate() {\n    return html`\n      <div class=${ifDefined(this.classSubmitButton)}>\n        ${this.submitWidget === 'button' ? html`\n          <button type=\"submit\">${this.submitButton || ''}</button>\n        ` : html`\n          <input type=\"submit\" value=${ifDefined(this.submitButton || undefined)}>\n        `}\n      </div>\n    ` \n  },\n  empty(): void {},\n  async populate(): Promise<void> {\n    await this.replaceAttributesData();\n    if(this.submitButton == null) {\n      this.element.addEventListener('input', () => this.inputChange());\n    } else {\n      this.element.addEventListener('submit', (e: Event) => {\n        e.preventDefault();\n        this.inputChange();\n      });\n    }\n    const fields = await this.getFields();\n    const widgetTemplates = await Promise.all(fields.map((field: string) => this.createWidgetTemplate(field)));\n    const template = html`\n      <form>\n        ${widgetTemplates}\n        ${this.submitButton == null ? '' : this.getSubmitTemplate()}\n      </form>\n    `;\n    render(template, this.element);\n  }\n};\n\nSib.register(SolidFormSearch);"]}

package/dist/components/solid-form.js

@@ -0,0 +1,354 @@
+function _templateObject9() {
+  const data = _taggedTemplateLiteral(["\n        ", "\n      "]);
+
+  _templateObject9 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject8() {
+  const data = _taggedTemplateLiteral(["<input type=\"reset\" />"]);
+
+  _templateObject8 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject7() {
+  const data = _taggedTemplateLiteral(["\n        <form\n          @submit=", "\n          @reset=", "\n        >\n          ", "\n          ", "\n          ", "\n        </form>\n      "]);
+
+  _templateObject7 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject6() {
+  const data = _taggedTemplateLiteral(["\n      <div data-id=\"error\"></div>\n      ", "\n      ", "\n    "]);
+
+  _templateObject6 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject5() {
+  const data = _taggedTemplateLiteral(["\n          <input type=\"submit\" value=", ">\n        "]);
+
+  _templateObject5 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject4() {
+  const data = _taggedTemplateLiteral(["\n          <button type=\"submit\">", "</button>\n        "]);
+
+  _templateObject4 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject3() {
+  const data = _taggedTemplateLiteral(["\n      <div class=", ">\n        ", "\n      </div>\n    "]);
+
+  _templateObject3 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2() {
+  const data = _taggedTemplateLiteral(["\n         <li>", "</li>\n        "]);
+
+  _templateObject2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  const data = _taggedTemplateLiteral(["\n      <p>A validation error occurred.</p>\n      <ul>\n        ", "\n      </ul>\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 { Sib } from '../libs/Sib.js';
+import { WidgetMixin } from '../mixins/widgetMixin.js';
+import { StoreMixin } from '../mixins/storeMixin.js';
+import { NextMixin } from '../mixins/nextMixin.js';
+import { ValidationMixin } from '../mixins/validationMixin.js';
+import { store } from '../libs/store/store.js';
+import { setDeepProperty, transformArrayToContainer } from '../libs/helpers.js';
+import { html, render } from '../_snowpack/pkg/lit-html.js';
+import { ifDefined } from '../_snowpack/pkg/lit-html/directives/if-defined.js';
+export const SolidForm = {
+  name: 'solid-form',
+  use: [WidgetMixin, StoreMixin, NextMixin, ValidationMixin],
+  attributes: {
+    defaultWidget: {
+      type: String,
+      default: 'solid-form-label-text'
+    },
+    naked: {
+      type: String,
+      default: null
+    },
+    submitButton: {
+      type: String,
+      default: undefined,
+      callback: function (newValue, oldValue) {
+        if (this.noRender == null && newValue !== oldValue) this.populate();
+      }
+    },
+    submitWidget: {
+      type: String,
+      default: null
+    },
+    classSubmitButton: {
+      type: String,
+      default: undefined
+    },
+    partial: {
+      type: Boolean,
+      default: null
+    },
+    autosave: {
+      type: Boolean,
+      default: null
+    }
+  },
+  initialState: {
+    error: ''
+  },
+
+  get defaultMultipleWidget() {
+    return 'solid-multiple-form';
+  },
+
+  get defaultSetWidget() {
+    return 'solid-set-default';
+  },
+
+  get value() {
+    const values = {};
+    this.widgets.forEach(widget => {
+      const name = (widget.component || widget).name;
+      if (name == null) return;
+      let value = widget.component ? widget.component.getValue() : widget.value;
+
+      try {
+        value = JSON.parse(value);
+      } catch (e) {}
+
+      setDeepProperty(values, name.split('.'), value);
+    }); // add @id if edition
+
+    if (this.resource && !this.resource.isContainer()) values['@id'] = this.resourceId;
+    return values;
+  },
+
+  get isNaked() {
+    return this.element.hasAttribute('naked');
+  },
+
+  get isSavingAutomatically() {
+    return this.autosave !== null;
+  },
+
+  isCreationForm(formValue) {
+    return !('@id' in formValue);
+  },
+
+  async getFormValue() {
+    let value = this.value;
+
+    if (this.resource && !this.resource.isContainer()) {
+      for (let predicate of Object.keys(this.value)) {
+        // add @id for nested resources
+        const object = await this.resource[predicate];
+        if (object && object['@id'] && !value[predicate]['@id']) value[predicate]['@id'] = object['@id'];
+      }
+    }
+
+    return transformArrayToContainer(value);
+  },
+
+  getWidget(field, isSet = false) {
+    let tagName = '';
+    const widgetAttribute = this.element.getAttribute('widget-' + field); // Choose widget
+
+    if (!widgetAttribute && this.element.hasAttribute('upload-url-' + field)) {
+      tagName = 'solid-form-file';
+    } else if (!widgetAttribute && (this.element.hasAttribute('range-' + field) || this.element.hasAttribute('enum-' + field))) {
+      tagName = 'solid-form-dropdown';
+    } else {
+      tagName = widgetAttribute || (!isSet ? this.defaultWidget : this.defaultSetWidget);
+    } // Create widget
+
+
+    return this.widgetFromTagName(tagName);
+  },
+
+  change(resource) {
+    this.element.dispatchEvent(new CustomEvent('formChange', {
+      bubbles: true,
+      detail: {
+        resource
+      }
+    }));
+  },
+
+  async save() {
+    this.toggleLoaderHidden(false);
+    this.hideError();
+    const resource = await this.getFormValue();
+    resource['@context'] = this.context;
+    let saved;
+
+    try {
+      if (this.partial == null) {
+        saved = resource['@id'] ? await store.put(resource, this.resourceId) : await store.post(resource, this.resourceId);
+      } else {
+        saved = await store.patch(resource, this.resourceId);
+      }
+    } catch (e) {
+      this.toggleLoaderHidden(true);
+
+      if (e) {
+        // if server error
+        e.json().then(error => this.showError(error));
+        throw e;
+      } // else, ldpframework error, we continue
+
+    }
+
+    this.element.dispatchEvent(new CustomEvent('save', {
+      bubbles: true,
+      detail: {
+        resource: resource,
+        id: saved || null
+      }
+    }));
+    this.toggleLoaderHidden(true);
+    return saved;
+  },
+
+  async submitForm() {
+    let id;
+
+    try {
+      id = (await this.save()) || this.getFormValue()['@id'];
+    } catch (e) {
+      return;
+    }
+
+    this.reset();
+    this.goToNext({
+      '@id': id
+    });
+  },
+
+  async onInput() {
+    const formValue = await this.getFormValue();
+    this.change(formValue);
+  },
+
+  async onChange() {
+    const formValue = await this.getFormValue();
+    if (!this.isCreationForm(formValue) && this.isSavingAutomatically) this.submitForm(); // if autosave, submitForm
+  },
+
+  findErrorMessage(errors, errorFullName = '') {
+    let errorsArray = [];
+    errors.forEach(member => {
+      let errorNextName = Object.values(member)[0];
+      let errorAddName = errorFullName === "" ? errorNextName : errorFullName.concat(' - ', errorNextName);
+
+      if (Array.isArray(Object.values(member)[1]) === true) {
+        let errorMessage = Object.values(member)[1];
+        let errorGlobal = errorAddName.concat(': ', errorMessage.join(', '));
+        errorsArray.push(errorGlobal);
+      } else {
+        let objectErrors = Object.values(member)[1];
+        let subErrors = Object.entries(objectErrors);
+        errorsArray = [...errorsArray, ...this.findErrorMessage(subErrors, errorAddName)];
+      }
+    });
+    return errorsArray;
+  },
+
+  empty() {},
+
+  showError(e) {
+    let errors = Object.entries(e).filter(field => !field[0].startsWith('@context'));
+    const errorTemplate = html(_templateObject(), this.findErrorMessage(errors).map(field => html(_templateObject2(), field))); // If field exists pick its label (unsure if that's easily possible)
+    // In this.getFields() map with each field and get label
+    // If it does not just add a notice as we do that it's missing that field
+    // Validation message in english ?
+
+    const parentElement = this.element.querySelector('[data-id=error]');
+    if (parentElement) render(errorTemplate, parentElement);
+  },
+
+  hideError() {
+    const parentElement = this.element.querySelector('[data-id=error]');
+    if (parentElement) render('', parentElement);
+  },
+
+  reset() {
+    if (!this.isNaked) this.element.querySelector('form').reset();
+  },
+
+  onSubmit(event) {
+    if (!this.isNaked) {
+      event.preventDefault();
+      this.performAction(); // In validationMixin, method defining what to do according to the present attributes
+    }
+  },
+
+  validateModal() {
+    //send method to validationMixin, used by the dialog modal and performAction method
+    return this.submitForm();
+  },
+
+  onReset() {
+    if (!this.isNaked) setTimeout(() => this.onInput());
+  },
+
+  getSubmitTemplate() {
+    return html(_templateObject3(), ifDefined(this.classSubmitButton), this.submitWidget === 'button' ? html(_templateObject4(), this.submitButton || this.t("solid-form.submit-button")) : html(_templateObject5(), this.submitButton || this.t("solid-form.submit-button")));
+  },
+
+  async populate() {
+    this.element.oninput = () => this.onInput(); // prevent from firing change multiple times
+
+
+    this.element.onchange = () => this.onChange();
+
+    const fields = await this.getFields();
+    const widgetTemplates = await Promise.all(fields.map(field => this.createWidgetTemplate(field)));
+    const template = html(_templateObject6(), !this.isNaked ? html(_templateObject7(), this.onSubmit.bind(this), this.onReset.bind(this), widgetTemplates, !this.isSavingAutomatically ? this.getSubmitTemplate() : '', this.element.hasAttribute('reset') ? html(_templateObject8()) : '') : html(_templateObject9(), widgetTemplates), this.getModalDialog());
+    render(template, this.element);
+  }
+
+};
+Sib.register(SolidForm);
+//# sourceMappingURL=solid-form.js.map

package/dist/components/solid-form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["solid-form.ts"],"names":["Sib","WidgetMixin","StoreMixin","NextMixin","ValidationMixin","store","setDeepProperty","transformArrayToContainer","html","render","ifDefined","SolidForm","name","use","attributes","defaultWidget","type","String","default","naked","submitButton","undefined","callback","newValue","oldValue","noRender","populate","submitWidget","classSubmitButton","partial","Boolean","autosave","initialState","error","defaultMultipleWidget","defaultSetWidget","value","values","widgets","forEach","widget","component","getValue","JSON","parse","e","split","resource","isContainer","resourceId","isNaked","element","hasAttribute","isSavingAutomatically","isCreationForm","formValue","getFormValue","predicate","Object","keys","object","getWidget","field","isSet","tagName","widgetAttribute","getAttribute","widgetFromTagName","change","dispatchEvent","CustomEvent","bubbles","detail","save","toggleLoaderHidden","hideError","context","saved","put","post","patch","json","then","showError","id","submitForm","reset","goToNext","onInput","onChange","findErrorMessage","errors","errorFullName","errorsArray","member","errorNextName","errorAddName","concat","Array","isArray","errorMessage","errorGlobal","join","push","objectErrors","subErrors","entries","empty","filter","startsWith","errorTemplate","map","parentElement","querySelector","onSubmit","event","preventDefault","performAction","validateModal","onReset","setTimeout","getSubmitTemplate","t","oninput","onchange","fields","getFields","widgetTemplates","Promise","all","createWidgetTemplate","template","bind","getModalDialog","register"],"mappings":"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","sourcesContent":["import { Sib } from '../libs/Sib';\nimport { WidgetMixin } from '../mixins/widgetMixin';\nimport { StoreMixin } from '../mixins/storeMixin';\nimport { NextMixin } from '../mixins/nextMixin';\nimport { ValidationMixin } from '../mixins/validationMixin';\nimport { store } from '../libs/store/store';\nimport { setDeepProperty, transformArrayToContainer } from '../libs/helpers';\nimport type { WidgetInterface } from '../mixins/interfaces';\n\nimport { html, render } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nexport const SolidForm = {\n  name: 'solid-form',\n  use: [WidgetMixin, StoreMixin, NextMixin, ValidationMixin],\n  attributes: {\n    defaultWidget: {\n      type: String,\n      default: 'solid-form-label-text'\n    },\n    naked: {\n      type: String,\n      default: null\n    },\n    submitButton: {\n      type: String,\n      default: undefined,\n      callback: function (newValue: string, oldValue: string) {\n        if (this.noRender == null && newValue !== oldValue) this.populate();\n      },\n    },\n    submitWidget: {\n      type: String,\n      default: null\n    },\n    classSubmitButton: {\n      type: String,\n      default: undefined,\n    },\n    partial: {\n      type: Boolean,\n      default: null\n    },\n    autosave: {\n      type: Boolean,\n      default: null\n    },\n  },\n  initialState: {\n    error: ''\n  },\n  get defaultMultipleWidget(): string {\n    return 'solid-multiple-form';\n  },\n  get defaultSetWidget(): string {\n    return 'solid-set-default';\n  },\n  get value(): object {\n    const values = {};\n    this.widgets.forEach((widget) => {\n      const name = (widget.component || widget).name;\n      if (name == null) return;\n      let value = widget.component ? widget.component.getValue() : widget.value;\n      try {\n        value = JSON.parse(value);\n      } catch (e) {}\n      setDeepProperty(values, name.split('.'), value);\n    });\n    // add @id if edition\n    if (this.resource && !this.resource.isContainer()) values['@id'] = this.resourceId;\n    return values;\n  },\n  get isNaked(): boolean {\n    return this.element.hasAttribute('naked');\n  },\n  get isSavingAutomatically(): boolean {\n    return this.autosave !== null;\n  },\n  isCreationForm(formValue: object): boolean {\n    return !('@id' in formValue);\n  },\n  async getFormValue() {\n    let value = this.value;\n    if (this.resource && !this.resource.isContainer()) {\n      for (let predicate of Object.keys(this.value)) { // add @id for nested resources\n        const object = await this.resource[predicate];\n        if (object && object['@id'] && !value[predicate]['@id']) value[predicate]['@id'] = object['@id'];\n      }\n    }\n    return transformArrayToContainer(value);\n  },\n  getWidget(field: string, isSet: boolean = false): WidgetInterface {\n    let tagName = '';\n    const widgetAttribute = this.element.getAttribute('widget-' + field);\n\n    // Choose widget\n    if (!widgetAttribute && this.element.hasAttribute('upload-url-' + field)) {\n      tagName = 'solid-form-file'\n    } else if (!widgetAttribute && (this.element.hasAttribute('range-' + field) || this.element.hasAttribute('enum-' + field))) {\n      tagName = 'solid-form-dropdown'\n    } else {\n      tagName = widgetAttribute || (!isSet ? this.defaultWidget : this.defaultSetWidget);\n    }\n    // Create widget\n    return this.widgetFromTagName(tagName);\n  },\n  change(resource: object): void {\n    this.element.dispatchEvent(\n      new CustomEvent('formChange', {\n        bubbles: true,\n        detail: { resource },\n      }),\n    );\n  },\n  async save(): Promise<object> {\n    this.toggleLoaderHidden(false);\n    this.hideError();\n    const resource = await this.getFormValue();\n    resource['@context'] = this.context;\n    let saved;\n    try {\n      if (this.partial == null) {\n        saved = resource['@id'] ?\n          await store.put(resource, this.resourceId) :\n          await store.post(resource, this.resourceId);\n      } else {\n        saved = await store.patch(resource, this.resourceId);\n      }\n    } catch (e) {\n      this.toggleLoaderHidden(true);\n      if (e) { // if server error\n        e.json().then(error => this.showError(error));\n        throw e;\n      } // else, ldpframework error, we continue\n    }\n    this.element.dispatchEvent(\n      new CustomEvent('save', {\n        bubbles: true,\n        detail: {\n          resource: resource,\n          id: saved || null\n        },\n      }),\n    );\n    this.toggleLoaderHidden(true);\n    return saved;\n  },\n  async submitForm(): Promise<void> {\n    let id: string;\n    try {\n      id = await this.save() || this.getFormValue()['@id'];\n    } catch (e) { return; }\n    this.reset();\n    this.goToNext({'@id': id})\n  },\n  async onInput(): Promise<void> {\n    const formValue = await this.getFormValue();\n    this.change(formValue);\n  },\n  async onChange(): Promise<void> {\n    const formValue = await this.getFormValue();\n    if (!this.isCreationForm(formValue) && this.isSavingAutomatically)\n      this.submitForm(); // if autosave, submitForm\n  },\n  findErrorMessage(errors: [string, any][], errorFullName: string = '') {\n    let errorsArray: string[] = [];\n    errors.forEach((member: [string, any]) => {\n      let errorNextName: string = Object.values(member)[0];\n      let errorAddName = (errorFullName === \"\" ? errorNextName : errorFullName.concat(' - ', errorNextName));\n      if (Array.isArray(Object.values(member)[1]) === true) {\n        let errorMessage: string[] = Object.values(member)[1];\n        let errorGlobal = errorAddName.concat(': ', errorMessage.join(', '));\n        errorsArray.push(errorGlobal);\n      } else {\n        let objectErrors = Object.values(member)[1];\n        let subErrors = Object.entries(objectErrors);\n        errorsArray = [...errorsArray, ...this.findErrorMessage(subErrors, errorAddName)];\n      }\n    });\n    return errorsArray;\n  },\n  empty(): void {},\n  showError(e: object) {\n    let errors = Object.entries(e).filter(field => !field[0].startsWith('@context'));\n\n    const errorTemplate = html`\n      <p>A validation error occurred.</p>\n      <ul>\n        ${this.findErrorMessage(errors).map(field => html`\n         <li>${field}</li>\n        `)}\n      </ul>\n    `;\n    // If field exists pick its label (unsure if that's easily possible)\n    // In this.getFields() map with each field and get label\n    // If it does not just add a notice as we do that it's missing that field\n\n    // Validation message in english ?\n    const parentElement = this.element.querySelector('[data-id=error]');\n    if (parentElement) render(errorTemplate, parentElement);\n  },\n  hideError() {\n    const parentElement = this.element.querySelector('[data-id=error]');\n    if (parentElement) render('', parentElement);\n  },\n  reset() {\n    if (!this.isNaked) this.element.querySelector('form').reset();\n  },\n  onSubmit(event: Event) {\n    if (!this.isNaked) {\n      event.preventDefault();\n      this.performAction(); // In validationMixin, method defining what to do according to the present attributes\n    }\n  },\n  validateModal() { //send method to validationMixin, used by the dialog modal and performAction method\n    return this.submitForm();\n  },\n  onReset() {\n    if (!this.isNaked) setTimeout(() => this.onInput())\n  },\n  getSubmitTemplate() {\n    return html`\n      <div class=${ifDefined(this.classSubmitButton)}>\n        ${this.submitWidget === 'button' ? html`\n          <button type=\"submit\">${this.submitButton || this.t(\"solid-form.submit-button\")}</button>\n        ` : html`\n          <input type=\"submit\" value=${this.submitButton || this.t(\"solid-form.submit-button\")}>\n        `}\n      </div>\n    `\n  },\n  async populate(): Promise<void> {\n    this.element.oninput = () => this.onInput(); // prevent from firing change multiple times\n    this.element.onchange = () => this.onChange();\n    const fields = await this.getFields();\n    const widgetTemplates = await Promise.all(fields.map((field: string) => this.createWidgetTemplate(field)));\n    const template = html`\n      <div data-id=\"error\"></div>\n      ${!this.isNaked ? html`\n        <form\n          @submit=${this.onSubmit.bind(this)}\n          @reset=${this.onReset.bind(this)}\n        >\n          ${widgetTemplates}\n          ${!this.isSavingAutomatically ? this.getSubmitTemplate() : ''}\n          ${this.element.hasAttribute('reset')\n            ? html`<input type=\"reset\" />` : ''}\n        </form>\n      ` : html`\n        ${widgetTemplates}\n      `\n      }\n      ${this.getModalDialog()}\n    `;\n    render(template, this.element);\n  }\n};\n\nSib.register(SolidForm);"]}