@startinblox/core 0.17.31 → 0.18.0-beta.2

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

@@ -1,21 +1,11 @@
-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),
+    template: value => html`
+      <span>${value}</span>
+      <div data-content></div>
+    `,
     dependencies: [SetMixin]
   }
-};
-//# sourceMappingURL=groupTemplatesDirectory.js.map
+};

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

@@ -3,5 +3,4 @@ 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
+export { defaultTemplates, displayTemplates, formTemplates, setTemplates, groupTemplates };

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

@@ -1,49 +1,16 @@
-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()),
+    template: () => html``,
     dependencies: [SetMixin]
   },
   div: {
-    template: () => html(_templateObject2()),
+    template: () => html`<div data-content></div>`,
     dependencies: [SetMixin]
   },
   ul: {
-    template: () => html(_templateObject3()),
+    template: () => html`<ul data-content></ul>`,
     dependencies: [SetMixin]
   }
-};
-//# sourceMappingURL=setTemplatesDirectory.js.map
+};

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

@@ -9,5 +9,4 @@ const AltMixin = {
     }
   }
 };
-export { AltMixin };
-//# sourceMappingURL=altMixin.js.map
+export { AltMixin };

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

@@ -1,15 +1,3 @@
-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';
@@ -30,48 +18,43 @@ const EditableMixin = {
       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));
+      newTemplate = html`
+        ${template}
+        <button @click=${this.activateEditableField.bind(this)}>Modifier</button>
+      `;
     }
-
     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
+    const editButton = e.target;
 
+    // Set attributes
     editableField.toggleAttribute('contenteditable', true);
     editableField.focus();
-    editButton.toggleAttribute('disabled', true); // Save on focusout
+    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
+export { EditableMixin };

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

@@ -16,23 +16,19 @@ const FilterRangeFormMixin = {
       }
     }
   },
-
   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
+    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
+export { FilterRangeFormMixin };

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

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

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

@@ -6,46 +6,36 @@ const FormCheckboxesMixin = {
       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
+export { FormCheckboxesMixin };

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

@@ -13,9 +13,7 @@ const FormDropdownMixin = {
             console.error(e);
             this.listAttributes['values'] = [];
           }
-
           this.render(); // use render to make sure the dispatch always happen after
-
           this.dispatchChange();
         }
       }
@@ -28,39 +26,31 @@ const FormDropdownMixin = {
       }
     }
   },
-
   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
-
+    }
 
+    // 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
+export { FormDropdownMixin };

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

@@ -10,14 +10,12 @@ const FormFileMixin = {
   initialState: {
     initialValue: ''
   },
-
   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)) {
@@ -30,14 +28,11 @@ const FormFileMixin = {
       }
     });
   },
-
   selectFile() {
     if (this.uploadUrl === null) return;
-
     if (this.initialValue === '') {
       this.initialValue = this.value;
     }
-
     const filePicker = this.element.querySelector('input[type="file"]');
     if (filePicker.files.length < 1) return;
     const dataHolder = this.element.querySelector('input[data-holder]');
@@ -56,10 +51,8 @@ const FormFileMixin = {
       console.error(error);
     });
   },
-
   updateFile(dataHolder, response) {
     const location = response.headers.get('location');
-
     if (location == null) {
       this.listAttributes['output'] = 'header location not found!';
     } else {
@@ -71,24 +64,19 @@ const FormFileMixin = {
       this.planRender();
     }
   },
-
   resetFile(event) {
     event.preventDefault();
     this.value = '';
     const filePicker = this.element.querySelector('input[type="file"]');
     const dataHolder = this.element.querySelector('input[data-holder]');
-
     if (filePicker && dataHolder) {
       filePicker.value = dataHolder.value = '';
     }
-
     this.listAttributes['fileValue'] = '';
     this.listAttributes['output'] = '';
     this.listAttributes['resetButtonHidden'] = true;
     dataHolder.dispatchEvent(new Event('change'));
     this.planRender();
   }
-
 };
-export { FormFileMixin };
-//# sourceMappingURL=formFileMixin.js.map
+export { FormFileMixin };

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

@@ -15,5 +15,4 @@ const FormLengthMixin = {
     }
   }
 };
-export { FormLengthMixin };
-//# sourceMappingURL=formLengthMixin.js.map
+export { FormLengthMixin };

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

@@ -15,5 +15,4 @@ const FormMinMaxMixin = {
     }
   }
 };
-export { FormMinMaxMixin };
-//# sourceMappingURL=formMinMaxMixin.js.map
+export { FormMinMaxMixin };

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

@@ -16,11 +16,9 @@ const FormMixin = {
       }
     }
   },
-
   attached() {
     this.listAttributes['onChange'] = this.onChange.bind(this);
   },
-
   onChange(e) {
     e.preventDefault();
     e.stopPropagation();
@@ -28,39 +26,31 @@ const FormMixin = {
       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
-
+      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));
+    console.warn(`Expected ${expected} data-holder element in ${this.element.tagName}. Found ${found}`);
   }
-
 };
-export { FormMixin };
-//# sourceMappingURL=formMixin.js.map
+export { FormMixin };

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

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

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

@@ -1,16 +1,12 @@
 import { uniqID } from '../../libs/helpers.js';
 const FormRadioMixin = {
   name: 'form-radio-mixin',
-
   created() {
     this.listAttributes['id'] = uniqID();
   },
-
   getValue() {
     const checkedElement = this.element.querySelector('input[type=radio]:checked');
     return checkedElement ? checkedElement.value : '';
   }
-
 };
-export { FormRadioMixin };
-//# sourceMappingURL=formRadioMixin.js.map
+export { FormRadioMixin };

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

@@ -9,5 +9,4 @@ const FormStepMixin = {
     }
   }
 };
-export { FormStepMixin };
-//# sourceMappingURL=formStepMixin.js.map
+export { FormStepMixin };

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

@@ -0,0 +1,13 @@
+const LinkTextMixin = {
+  name: 'link-text-mixin',
+  attributes: {
+    linkText: {
+      type: String,
+      default: '',
+      callback: function (newValue) {
+        this.addToAttributes(newValue, 'linkText');
+      }
+    }
+  }
+};
+export { LinkTextMixin };

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

@@ -26,39 +26,52 @@ const MultipleFormMixin = {
     range: {
       type: String,
       default: ''
+    },
+    addClass: {
+      type: String,
+      default: undefined,
+      callback: function (value) {
+        if (value !== this.listAttributes['addClass']) this.listAttributes['addClass'] = value;
+        this.planRender();
+      }
+    },
+    removeClass: {
+      type: String,
+      default: undefined,
+      callback: function (value) {
+        if (value !== this.listAttributes['removeClass']) this.listAttributes['removeClass'] = value;
+        this.planRender();
+      }
     }
   },
-
   created() {
     this.listValueTransformations.push(this.setDataSrc.bind(this));
     this.listAttributes['children'] = [];
     this.listAttributes['addLabel'] = this.addLabel;
     this.listAttributes['removeLabel'] = this.removeLabel;
-
+    this.listAttributes['addClass'] = this.addClass;
+    this.listAttributes['removeClass'] = this.removeClass;
     this.listAttributes['addItem'] = () => {
       this.insertWidget();
       this.planRender();
     };
-
     this.listAttributes['removeItem'] = index => {
-      this.element.querySelector("[data-index=\"".concat(this.name + index, "\"]")).remove();
+      this.element.querySelector(`[data-index="${this.name + index}"]`).remove();
       this.element.dispatchEvent(new Event('change', {
         bubbles: true
       }));
     };
   },
-
   setDataSrc(value, listValueTransformations) {
     if (value && value !== this.dataSrc) this.dataSrc = value;
     const nextProcessor = listValueTransformations.shift();
     if (nextProcessor) nextProcessor(value, listValueTransformations);
   },
-
   populate() {
     if (!this.resource || !this.resource['ldp:contains']) return;
     this.listAttributes['children'] = []; // reset list
-    // set value in form
 
+    // set value in form
     for (let resource of this.resource['ldp:contains']) {
       // for each resource
       this.insertWidget(resource['@id']); // create a widget
@@ -66,8 +79,8 @@ const MultipleFormMixin = {
 
     this.planRender();
   },
-
-  insertWidget(value = '') {
+  insertWidget() {
+    let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     if (!this.widget) return;
     const widget = document.createElement(this.widget);
     const attributes = {
@@ -76,32 +89,24 @@ const MultipleFormMixin = {
       'value': value,
       'range': this.range
     };
-
     for (let name of Object.keys(attributes)) {
       if (typeof attributes[name] === "boolean") widget.toggleAttribute(name, attributes[name]);else widget.setAttribute(name, attributes[name]);
     }
-
     this.listAttributes['children'].push(widget);
   },
-
   empty() {
     this.listAttributes['children'] = [];
     this.planRender();
   },
-
   getValue() {
     if (!this.dataHolder) return [];
     return Array.from(this.dataHolder).map(element => this.getValueFromElement(element));
   },
-
   get type() {
     return 'resource';
   },
-
   get multiple() {
     return true;
   }
-
 };
-export { MultipleFormMixin };
-//# sourceMappingURL=multipleFormMixin.js.map
+export { MultipleFormMixin };

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

@@ -34,41 +34,32 @@ const MultipleselectFormMixin = {
       }
     }
   },
-
   created() {
     this.listValueTransformations.push(this.setDataSrc.bind(this));
   },
-
   setDataSrc(value, listValueTransformations) {
     if (value && value !== this.dataSrc) this.dataSrc = value;
     const nextProcessor = listValueTransformations.shift();
     if (nextProcessor) nextProcessor(value, listValueTransformations);
   },
-
   populate() {
     if (!this.resource || !this.resource['ldp:contains']) return;
     this.setValue(this.resource['ldp:contains']);
     this.planRender();
   },
-
   setValue(values) {
     // set the values to the dropdown
     this.listAttributes['values'] = JSON.stringify(values.map(r => r['@id']));
   },
-
   empty() {
     this.listAttributes['values'] = [];
     this.planRender();
   },
-
   get type() {
     return this.enum === '' ? 'resource' : 'string';
   },
-
   get multiple() {
     return true;
   }
-
 };
-export { MultipleselectFormMixin };
-//# sourceMappingURL=multipleselectFormMixin.js.map
+export { MultipleselectFormMixin };

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

@@ -15,5 +15,4 @@ const PatternMixin = {
     }
   }
 };
-export { PatternMixin };
-//# sourceMappingURL=patternMixin.js.map
+export { PatternMixin };