@startinblox/core 0.17.31 → 0.18.0-beta.1

package/dist/new-widgets/attributeMixins/numberMixin.js

@@ -1,10 +1,7 @@
 const NumberMixin = {
   name: 'number-mixin',
-
   get type() {
     return 'number';
   }
-
 };
-export { NumberMixin };
-//# sourceMappingURL=numberMixin.js.map
+export { NumberMixin };

package/dist/new-widgets/attributeMixins/placeholderMixin.js

@@ -9,11 +9,8 @@ const PlaceholderMixin = {
       }
     }
   },
-
   attached() {
     this.listAttributes['placeholder'] = this.placeholder || this.label || this.name || '';
   }
-
 };
-export { PlaceholderMixin };
-//# sourceMappingURL=placeholderMixin.js.map
+export { PlaceholderMixin };

package/dist/new-widgets/attributeMixins/telMixin.js

@@ -1,10 +1,7 @@
 const TelMixin = {
   name: 'tel-mixin',
-
   created() {
     this.listAttributes['tel'] = 'tel:';
   }
-
 };
-export { TelMixin };
-//# sourceMappingURL=telMixin.js.map
+export { TelMixin };

package/dist/new-widgets/baseWidgetMixin.js

@@ -40,11 +40,9 @@ const BaseWidgetMixin = {
     listCallbacks: [],
     renderPlanned: false
   },
-
   get template() {
     return null;
   },
-
   created() {
     this.listValueTransformations = [];
     this.listAttributes = {};
@@ -52,15 +50,12 @@ const BaseWidgetMixin = {
     this.listCallbacks = [];
     this.subscription = null;
   },
-
   attached() {
     this.planRender();
   },
-
   detached() {
     if (this.subscription) PubSub.unsubscribe(this.subscription);
   },
-
   planRender() {
     if (!this.renderPlanned && document.body.contains(this.element)) {
       this.renderPlanned = true;
@@ -70,53 +65,45 @@ const BaseWidgetMixin = {
       });
     }
   },
-
   render() {
     const listValueTransformations = [...this.listValueTransformations];
     listValueTransformations.push(this.renderTemplate.bind(this));
     const nextProcessor = listValueTransformations.shift();
-    nextProcessor(this.value, listValueTransformations); // Callbacks
+    nextProcessor(this.value, listValueTransformations);
 
+    // Callbacks
     const listCallbacks = [...this.listCallbacks];
-
     if (listCallbacks.length) {
       const nextCallback = listCallbacks.shift();
       nextCallback(this.value, listCallbacks);
     }
-
     this.element.dispatchEvent(new CustomEvent('widgetRendered', {
       bubbles: true
     }));
   },
-
   renderTemplate(value) {
-    const template = this.template(value, { ...this.listAttributes
+    const template = this.template(value, {
+      ...this.listAttributes
     });
     const listTemplateAdditions = [...this.listTemplateAdditions];
     listTemplateAdditions.push(this.templateToDOM.bind(this));
     const nextProcessor = listTemplateAdditions.shift();
     nextProcessor(template, listTemplateAdditions);
   },
-
   templateToDOM(template) {
     render(template, this.element);
   },
-
   addToAttributes(value, attrKey) {
     if (value !== null && value !== this.listAttributes[attrKey]) {
       this.listAttributes[attrKey] = value;
       this.planRender();
     }
   },
-
   subscribe(event) {
     this.subscription = PubSub.subscribe(event, () => this.planRender());
   },
-
   update() {
     this.planRender();
   }
-
 };
-export { BaseWidgetMixin };
-//# sourceMappingURL=baseWidgetMixin.js.map
+export { BaseWidgetMixin };

package/dist/new-widgets/callbackMixins/autocompletionMixin.js

@@ -24,7 +24,6 @@ const AutocompletionMixin = {
     slimSelect: null,
     mutationObserver: null
   },
-
   created() {
     //@ts-ignore
     import("./slimselect.css.proxy.js");
@@ -32,23 +31,19 @@ const AutocompletionMixin = {
     this.addToAttributes(true, 'autocomplete');
     this.listCallbacks.push(this.addCallback.bind(this));
   },
-
   detached() {
     if (this.slimSelect) this.slimSelect.destroy();
     if (this.mutationObserver) this.mutationObserver.disconnect();
   },
-
   addCallback(value, listCallbacks) {
     if (this.slimSelect) return;
     let select = this.element.querySelector('select');
-
     if (select) {
       this.initSlimSelect(select);
     } else {
       // if no select available, wait for one and init slimSelect
       new MutationObserver((_m, observer) => {
         const select = this.element.querySelector('select');
-
         if (select) {
           this.initSlimSelect(select);
           observer.disconnect(); // then disconnect mutationObserver
@@ -59,11 +54,9 @@ const AutocompletionMixin = {
         subtree: true
       });
     }
-
     const nextProcessor = listCallbacks.shift();
     if (nextProcessor) nextProcessor(value, listCallbacks);
   },
-
   initSlimSelect(select) {
     const slimSelect = new SlimSelect({
       select
@@ -80,8 +73,9 @@ const AutocompletionMixin = {
         // avoid update search result when search in slimSelect suggestions
         e.stopPropagation();
       }
-    }); // when data changes, re-build slimSelect
+    });
 
+    // when data changes, re-build slimSelect
     if (this.mutationObserver) this.mutationObserver.disconnect();
     this.mutationObserver = new MutationObserver(() => {
       this.slimSelect.destroy();
@@ -98,7 +92,5 @@ const AutocompletionMixin = {
       subtree: true
     });
   }
-
 };
-export { AutocompletionMixin };
-//# sourceMappingURL=autocompletionMixin.js.map
+export { AutocompletionMixin };

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

@@ -4,5 +4,4 @@ const callbackDirectory = {
   autocompletion: AutocompletionMixin,
   richtext: RichtextMixin
 };
-export { callbackDirectory, AutocompletionMixin, RichtextMixin };
-//# sourceMappingURL=index.js.map
+export { callbackDirectory, AutocompletionMixin, RichtextMixin };

package/dist/new-widgets/callbackMixins/richtextMixin.js

@@ -5,14 +5,12 @@ const RichtextMixin = {
   initialState: {
     quill: null
   },
-
   created() {
     //@ts-ignore
     import("../../_snowpack/pkg/quill/dist/quill.snow.css.proxy.js");
     this.quill = null;
     this.listCallbacks.push(this.addCallback.bind(this));
   },
-
   addCallback(value, listCallbacks) {
     if (this.quill == null) {
       var toolbarOptions = [['bold', 'italic'], ['blockquote'], [{
@@ -30,13 +28,10 @@ const RichtextMixin = {
         theme: 'snow'
       });
     }
-
     const ops = deltaMd.toDelta(this.value);
     this.quill.setContents(ops);
     const nextProcessor = listCallbacks.shift();
     if (nextProcessor) nextProcessor(value, listCallbacks);
   }
-
 };
-export { RichtextMixin };
-//# sourceMappingURL=richtextMixin.js.map
+export { RichtextMixin };

package/dist/new-widgets/interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/new-widgets/new-widget-factory.js

@@ -9,14 +9,13 @@ const valueTransformationKeys = Object.keys(valueTransformationDirectory);
 const attributeKeys = Object.keys(attributeDirectory);
 const templateAdditionKeys = Object.keys(templateAdditionDirectory);
 const callbackKeys = Object.keys(callbackDirectory);
+
 /**
  * Create and register a widget based on its tagName
  * @param tagName - string
  */
-
 export const newWidgetFactory = tagName => {
   let widgetMixins;
-
   try {
     widgetMixins = getWidgetMixins(tagName);
   } // get mixins and template
@@ -24,7 +23,6 @@ export const newWidgetFactory = tagName => {
     console.error(e);
     return;
   }
-
   const newWidget = {
     // compose widget
     name: tagName,
@@ -34,63 +32,60 @@ export const newWidgetFactory = tagName => {
     get template() {
       return widgetMixins.templateMixin.template;
     }
-
   };
   Sib.register(newWidget); // and register component
 };
+
 /**
  * Returns mixins and the template of a widget, depending of its tagName
  * @param tagName - string
  */
-
 function getWidgetMixins(tagName) {
   const valueTransformations = [];
   const attributes = [];
   const templateAdditions = [];
   const callbacks = [];
-  let template = null; // decompose widget name
+  let template = null;
 
-  const mixinNames = tagName.split('-').filter(t => t !== 'solid'); // choose widget type (default or set)
+  // decompose widget name
+  const mixinNames = tagName.split('-').filter(t => t !== 'solid');
 
+  // choose widget type (default or set)
   let widgetType = defaultTemplates;
   if (mixinNames.includes('display')) widgetType = displayTemplates;else if (mixinNames.includes('form')) widgetType = formTemplates;else if (mixinNames.includes('set')) widgetType = setTemplates;else if (mixinNames.includes('group')) widgetType = groupTemplates;
-  const templateKeys = Object.keys(widgetType); // build mixins array
+  const templateKeys = Object.keys(widgetType);
 
+  // build mixins array
   for (const mixin of mixinNames) {
     // features
     if (valueTransformationKeys.includes(mixin)) {
       valueTransformations.push(valueTransformationDirectory[mixin]);
     }
-
     if (attributeKeys.includes(mixin)) {
       attributes.push(attributeDirectory[mixin]);
     }
-
     if (templateAdditionKeys.includes(mixin)) {
       templateAdditions.push(templateAdditionDirectory[mixin]);
     }
-
     if (callbackKeys.includes(mixin)) {
       callbacks.push(callbackDirectory[mixin]);
-    } // template
-
+    }
 
+    // template
     if (templateKeys.includes(mixin)) {
       template = widgetType[mixin];
     }
   }
-
-  if (!template) throw "No template found for widget \"".concat(tagName, "\"");
+  if (!template) throw `No template found for widget "${tagName}"`;
   return {
     templateMixin: template,
     mixins: [...valueTransformations, ...attributes, ...templateAdditions, ...(template.dependencies || []), ...callbacks]
   };
-} // create default widgets
-
+}
 
+// create default widgets
 newWidgetFactory('solid-form-dropdown');
 newWidgetFactory('solid-form-multicheckbox');
 newWidgetFactory('solid-form-file-label');
 newWidgetFactory('solid-action');
-newWidgetFactory('solid-group-default');
-//# sourceMappingURL=new-widget-factory.js.map
+newWidgetFactory('solid-group-default');

package/dist/new-widgets/templateAdditionMixins/addableMixin.js

@@ -1,41 +1,26 @@
-function _templateObject() {
-  const data = _taggedTemplateLiteral(["\n      ", "\n      <solid-form ...=", ">\n      </solid-form>\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 { spread } from '../../libs/lit-helpers.js';
 import { html } from '../../_snowpack/pkg/lit-html.js';
 const AddableMixin = {
   name: 'addable-mixin',
-
   created() {
     this.listTemplateAdditions.push(this.addableValue.bind(this));
   },
-
   getAddableAttributes() {
     const addableAttr = Array.from(this.element.attributes).filter(a => a.name.startsWith('addable-'));
     const cleanAddableAttr = {};
-
     for (let attr of addableAttr) cleanAddableAttr[attr.name.replace('addable-', '')] = attr.value;
-
     if (!cleanAddableAttr.hasOwnProperty('data-src')) cleanAddableAttr['data-src'] = this.range;
     return cleanAddableAttr;
   },
-
   addableValue(template, listTemplateAdditions, attributes) {
     const addables = this.getAddableAttributes(attributes);
-    const newTemplate = html(_templateObject(), template, spread(addables));
+    const newTemplate = html`
+      ${template}
+      <solid-form ...=${spread(addables)}>
+      </solid-form>
+    `;
     const nextProcessor = listTemplateAdditions.shift();
     if (nextProcessor) nextProcessor(newTemplate, listTemplateAdditions);
   }
-
 };
-export { AddableMixin };
-//# sourceMappingURL=addableMixin.js.map
+export { AddableMixin };

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

@@ -1,14 +1,13 @@
 import { LabelMixin } from './labelMixin.js';
 import { LabelLastMixin } from './labelLastMixin.js';
 import { AddableMixin } from './addableMixin.js';
+
 /**
  * DOM Additions
  */
-
 const templateAdditionDirectory = {
   label: LabelMixin,
   labellast: LabelLastMixin,
   addable: AddableMixin
 };
-export { templateAdditionDirectory, LabelMixin, LabelLastMixin, AddableMixin };
-//# sourceMappingURL=index.js.map
+export { templateAdditionDirectory, LabelMixin, LabelLastMixin, AddableMixin };

package/dist/new-widgets/templateAdditionMixins/labelLastMixin.js

@@ -1,29 +1,16 @@
-function _templateObject() {
-  const data = _taggedTemplateLiteral(["\n      ", "\n      <label>", "</label>\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';
 const LabelLastMixin = {
   name: 'label-last-mixin',
-
   created() {
     this.listTemplateAdditions.push(this.addLabelLast.bind(this));
   },
-
   addLabelLast(template, listTemplateAdditions) {
-    const newTemplate = html(_templateObject(), template, this.label || this.name);
+    const newTemplate = html`
+      ${template}
+      <label>${this.label || this.name}</label>
+    `;
     const nextProcessor = listTemplateAdditions.shift();
     if (nextProcessor) nextProcessor(newTemplate, listTemplateAdditions);
   }
-
 };
-export { LabelLastMixin };
-//# sourceMappingURL=labelLastMixin.js.map
+export { LabelLastMixin };

package/dist/new-widgets/templateAdditionMixins/labelMixin.js

@@ -1,31 +1,18 @@
-function _templateObject() {
-  const data = _taggedTemplateLiteral(["\n      <label for=\"", "\">", "</label>\n      ", "\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 { uniqID } from '../../libs/helpers.js';
 const LabelMixin = {
   name: 'label-mixin',
-
   created() {
     this.listAttributes['id'] = uniqID();
     this.listTemplateAdditions.push(this.addLabel.bind(this));
   },
-
   addLabel(template, listTemplateAdditions) {
-    const newTemplate = html(_templateObject(), this.listAttributes['id'], this.label || this.name, template);
+    const newTemplate = html`
+      <label for="${this.listAttributes['id']}">${this.label || this.name}</label>
+      ${template}
+    `;
     const nextProcessor = listTemplateAdditions.shift();
     if (nextProcessor) nextProcessor(newTemplate, listTemplateAdditions);
   }
-
 };
-export { LabelMixin };
-//# sourceMappingURL=labelMixin.js.map
+export { LabelMixin };

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

@@ -1,35 +1,29 @@
-function _templateObject2() {
-  const data = _taggedTemplateLiteral(["\n      <solid-display\n        data-src=", "\n        fields=", "\n        next=", "\n        empty-widget=", "\n      ></solid-display>\n    "]);
-
-  _templateObject2 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  const data = _taggedTemplateLiteral(["\n      <solid-link\n        data-src=", "\n        next=", "\n      >\n        ", "\n      </solid-link>\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 { ifDefined } from '../../_snowpack/pkg/lit-html/directives/if-defined.js';
+import { LinkTextMixin } from '../templatesDependencies/linkTextMixin.js';
 export const defaultTemplates = {
   action: {
-    template: (value, attributes) => html(_templateObject(), ifDefined(attributes.src), ifDefined(value), attributes.label == null ? attributes.name || '' : attributes.label),
-    dependencies: []
+    template: (value, attributes) => html`
+      <solid-link
+        data-src=${ifDefined(attributes.src)}
+        next=${ifDefined(value)}
+        id=${ifDefined(attributes.id)}
+        link-text=${ifDefined(attributes.linkText)}
+      >
+        ${attributes.linkText == null ? attributes.name || '' : attributes.linkText}
+      </solid-link>
+    `,
+    dependencies: [LinkTextMixin]
   },
   multiple: {
-    template: (value, attributes) => html(_templateObject2(), value || '', ifDefined(attributes.fields), ifDefined(attributes.next), ifDefined(attributes.emptyWidget)),
+    template: (value, attributes) => html`
+      <solid-display
+        data-src=${value || ''}
+        fields=${ifDefined(attributes.fields)}
+        next=${ifDefined(attributes.next)}
+        empty-widget=${ifDefined(attributes.emptyWidget)}
+      ></solid-display>
+    `,
     dependencies: []
   }
-};
-//# sourceMappingURL=defaultTemplatesDirectory.js.map
+};

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

@@ -1,89 +1,54 @@
-function _templateObject6() {
-  const data = _taggedTemplateLiteral(["<label>", "</label>"]);
-
-  _templateObject6 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  const data = _taggedTemplateLiteral(["\n      ", "\n    "]);
-
-  _templateObject5 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  const data = _taggedTemplateLiteral(["\n      <img\n        name=", "\n        src=", "\n        alt=", "\n        style=\"max-width: 100%; max-height: 100%;\"\n      />\n    "]);
-
-  _templateObject4 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  const data = _taggedTemplateLiteral(["\n      <a\n        name=", "\n        href=", "\n        target=", "\n        ?data-editable=", "\n      >\n        ", "\n      </a>\n    "]);
-
-  _templateObject3 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  const data = _taggedTemplateLiteral(["\n      <div\n        name=", "\n        ?data-editable=", "\n      >\n        ", "\n      </div>\n    "]);
-
-  _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 { EditableMixin } from '../templatesDependencies/editableMixin.js';
 import { AltMixin } from '../templatesDependencies/altMixin.js';
+import { LinkTextMixin } from '../templatesDependencies/linkTextMixin.js';
 import { html } from '../../_snowpack/pkg/lit-html.js';
 import { ifDefined } from '../../_snowpack/pkg/lit-html/directives/if-defined.js';
 export const displayTemplates = {
   value: {
-    template: value => html(_templateObject(), value),
+    template: value => html`${value}`,
     dependencies: []
   },
   div: {
-    template: (value, attributes) => html(_templateObject2(), ifDefined(attributes.name), attributes.editable, value),
+    template: (value, attributes) => html`
+      <div
+        name=${ifDefined(attributes.name)}
+        ?data-editable=${attributes.editable}
+      >
+        ${value}
+      </div>
+    `,
     dependencies: [EditableMixin]
   },
   link: {
-    template: (value, attributes) => html(_templateObject3(), ifDefined(attributes.name), (attributes.mailto || attributes.tel || '') + (value || '#'), ifDefined(attributes.target), attributes.editable, attributes.label || value || ''),
-    dependencies: [EditableMixin]
+    template: (value, attributes) => html`
+      <a
+        name=${ifDefined(attributes.name)}
+        href=${(attributes.mailto || attributes.tel || '') + (value || '#')}
+        target=${ifDefined(attributes.target)}
+        ?data-editable=${attributes.editable}
+        id=${ifDefined(attributes.id)}
+        link-text=${ifDefined(attributes.linkText)}
+      >
+        ${attributes.linkText || value || ''}
+      </a>
+    `,
+    dependencies: [EditableMixin, LinkTextMixin]
   },
   img: {
-    template: (value, attributes) => html(_templateObject4(), ifDefined(attributes.name), ifDefined(value), ifDefined(attributes.alt)),
+    template: (value, attributes) => html`
+      <img
+        name=${ifDefined(attributes.name)}
+        src=${ifDefined(value)}
+        alt=${ifDefined(attributes.alt)}
+        style="max-width: 100%; max-height: 100%;"
+      />
+    `,
     dependencies: [AltMixin]
   },
   boolean: {
-    template: (value, attributes) => html(_templateObject5(), value === 'true' ? html(_templateObject6(), attributes.label || attributes.name || '') : ''),
+    template: (value, attributes) => html`
+      ${value === 'true' ? html`<label>${attributes.label || attributes.name || ''}</label>` : ''}
+    `,
     dependencies: []
   }
-};
-//# sourceMappingURL=displayTemplatesDirectory.js.map
+};