@startinblox/core 0.17.21-beta.1 → 0.17.21-beta.11

package/dist/mixins/widgetMixin.js

@@ -0,0 +1,451 @@
+function _templateObject6() {
+  const data = _taggedTemplateLiteral(["\n      <span>", "</span>\n    "]);
+
+  _templateObject6 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject5() {
+  const data = _taggedTemplateLiteral(["", ""]);
+
+  _templateObject5 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject4() {
+  const data = _taggedTemplateLiteral(["<", " ...=", "></", ">"]);
+
+  _templateObject4 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject3() {
+  const data = _taggedTemplateLiteral(["<", " ...=", "></", ">"]);
+
+  _templateObject3 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2() {
+  const data = _taggedTemplateLiteral(["\n        <", "\n          name=\"", "\"\n          class=\"", "\"\n        >", "</", ">\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 { spread, preHTML } from '../libs/lit-helpers.js';
+import { parseFieldsString, findClosingBracketMatchIndex } from '../libs/helpers.js';
+import { newWidgetFactory } from '../new-widgets/new-widget-factory.js';
+import { WidgetType } from './interfaces.js';
+import { html, render } from '../_snowpack/pkg/lit-html.js';
+import { ifDefined } from '../_snowpack/pkg/lit-html/directives/if-defined.js';
+const WidgetMixin = {
+  name: 'widget-mixin',
+  use: [],
+  attributes: {
+    fields: {
+      type: String,
+      default: undefined
+    }
+  },
+  initialState: {
+    nameWidgets: null,
+    _div: null
+  },
+
+  created() {
+    this.nameWidgets = [];
+  },
+
+  attached() {
+    if (!this.dataSrc && !this.resource && this.noRender === null) this.populate();
+  },
+
+  get parentElement() {
+    return 'div';
+  },
+
+  get div() {
+    if (this._div) return this._div;
+    this._div = document.createElement(this.parentElement);
+    this.element.appendChild(this._div);
+    return this._div;
+  },
+
+  set div(value) {
+    this._div = value;
+  },
+
+  get widgets() {
+    return this.nameWidgets.map(name => this.element.querySelector("[name=\"".concat(name, "\"]")));
+  },
+
+  /**
+   * Return field list of the component
+   */
+  async getFields() {
+    var _resource$isContainer, _resource;
+
+    // TODO : improve code
+    const attr = this.fields;
+    if (attr === '') return [];
+    if (attr) return parseFieldsString(attr);
+    let resource = this.resource;
+
+    if (resource && (_resource$isContainer = (_resource = resource).isContainer) !== null && _resource$isContainer !== void 0 && _resource$isContainer.call(_resource)) {
+      // If container, keep the 1rst resource
+      for (let res of resource['ldp:contains']) {
+        resource = res;
+        break;
+      }
+    }
+
+    if (!this.dataSrc) console.error(new Error('You must provide a "fields" attribute'));
+    if (!resource) return [];
+    let fields = [];
+
+    for (const prop of resource.properties) {
+      if (!prop.startsWith('@') && !(prop === "permissions") && (await resource[prop])) fields.push(prop);
+    }
+
+    return fields;
+  },
+
+  /**
+   * return attribute if "field" is an action
+   * @param field - string
+   */
+  getAction(field) {
+    const action = this.element.getAttribute('action-' + field);
+    return action;
+  },
+
+  /**
+   * return true if "field" is editable
+   * @param field - string
+   */
+  editable(field) {
+    return this.element.hasAttribute('editable-' + field);
+  },
+
+  /**
+   * Return regexp to check if "field" is a set
+   * @param field - string
+   */
+  getSetRegexp(field) {
+    return new RegExp("(^|\\,|\\(|\\s)\\s*".concat(field, "\\s*\\("), 'g');
+  },
+
+  /**
+   * Return fields contained in set "field"
+   * @param field - string
+   */
+  getSet(field) {
+    const setString = this.fields.match(this.getSetRegexp(field));
+    if (!setString) return [];
+    const firstSetBracket = this.fields.indexOf(setString[0]) + setString[0].length - 1;
+    const lastSetBracket = findClosingBracketMatchIndex(this.fields, firstSetBracket);
+    const set = this.fields.substring(firstSetBracket + 1, lastSetBracket);
+    return parseFieldsString(set);
+  },
+
+  /**
+   * Return true if "field" is a set
+   * @param field - string
+   */
+  isSet(field) {
+    if (!this.fields) return false;
+    let foundSets = this.fields.match(this.getSetRegexp(field));
+    return foundSets ? foundSets.length > 0 : false;
+  },
+
+  isString(field) {
+    return field.startsWith('\'') || field.startsWith('\"');
+  },
+
+  /**
+   * Return the value of "resource" for predicate "field"
+   * @param field - string
+   * @param resource - Resource
+   */
+  async fetchValue(field, resource) {
+    var _resource$isContainer2;
+
+    return resource && !((_resource$isContainer2 = resource.isContainer) !== null && _resource$isContainer2 !== void 0 && _resource$isContainer2.call(resource)) ? await resource[field] : undefined;
+  },
+
+  /**
+   * Return the value of the field
+   * @param field - field
+   */
+  async getValue(field, resource) {
+    const escapedField = this.getEscapedField(field);
+
+    if (this.getAction(escapedField)) {
+      return this.getAction(escapedField);
+    }
+
+    if (this.element.hasAttribute('value-' + field)) {
+      return this.element.getAttribute('value-' + field);
+    }
+
+    let resourceValue = await this.fetchValue(field, resource); // Empty value
+
+    if (resourceValue === undefined || resourceValue === '' || resourceValue === null) // If null or empty, return field default value
+      return this.element.hasAttribute('default-' + field) ? this.element.getAttribute('default-' + field) : '';
+    return resourceValue;
+  },
+
+  empty() {},
+
+  /**
+   * Return a widget from a tagName, and create it if necessary
+   * @param tagName - string
+   */
+  widgetFromTagName(tagName) {
+    let type = tagName.startsWith('solid') ? WidgetType.CUSTOM : WidgetType.USER;
+
+    if (!customElements.get(tagName)) {
+      // component does not exist
+      if (tagName.startsWith('solid')) newWidgetFactory(tagName); // solid- -> create it
+      else type = WidgetType.NATIVE; // or use a native tag
+    }
+
+    return {
+      tagName,
+      type
+    }; // return tagName
+  },
+
+  /**
+   * Return widget for field "field"
+   * @param field - string
+   * @param isSet - boolean
+   */
+  getWidget(field, isSet = false) {
+    const widget = this.element.getAttribute('widget-' + field);
+    if (widget) return this.widgetFromTagName(widget);
+    if (this.getAction(field)) return this.widgetFromTagName('solid-action');
+    return !isSet ? this.widgetFromTagName(this.defaultWidget) : this.widgetFromTagName(this.defaultSetWidget);
+  },
+
+  /**
+   * Return multiple widget if "field" is a multiple, false if it's not
+   * @param field - string
+   */
+  multiple(field) {
+    const attribute = 'multiple-' + field;
+    if (!this.element.hasAttribute(attribute)) return null;
+    const widget = this.element.getAttribute(attribute) || this.defaultMultipleWidget;
+    return this.widgetFromTagName(widget);
+  },
+
+  /**
+   * If attribute "lookForAttr" is set on element, add "attrKey" to the "attributes" list
+   * @param lookForAttr - string
+   * @param setAttrKey - string
+   * @param attributes - object
+   */
+  addToAttributes(lookForAttr, setAttrKey, attributes) {
+    const attribute = this.element.getAttribute(lookForAttr);
+    if (attribute == null) return;
+    attributes[setAttrKey] = attribute;
+  },
+
+  /**
+   * Return all the attributes of widget "field"
+   * @param field - string
+   * @param resource - Resource
+   */
+  widgetAttributes(field, resource) {
+    const attrs = {
+      name: field
+    };
+    const escapedField = this.getEscapedField(field); // transfer all multiple-[field]-[attr] attributes as [attr] for multiple widget [field]
+
+    const multipleAttributes = ['fields', 'label', 'widget', 'add-label', 'remove-label', 'next', 'empty-widget', 'add-class', 'remove-class'];
+
+    for (let attr of multipleAttributes) this.addToAttributes("multiple-".concat(escapedField, "-").concat(attr), attr, attrs); // transfer all [attr]-[field] attributes as [attr] attribute for widget [field]
+
+
+    const defaultAttributes = ['range', 'enum', 'label', 'placeholder', 'class',,
+    /* 'widget', */
+    'required', 'editable', 'autocomplete', 'upload-url', 'option-label', 'option-value', 'order-by', // deprecated. Remove in 0.15
+    'each-label', 'order-asc', 'order-desc', 'min', 'max', 'pattern', 'title', 'start-value', 'end-value', 'alt', 'step', 'maxlength', 'minlength', 'search-text', 'search-placeholder', 'link-text'];
+
+    for (let attr of defaultAttributes) this.addToAttributes("".concat(attr, "-").concat(escapedField), attr, attrs);
+
+    const addableAttributes = Array.from(this.element.attributes).filter(a => a.name.startsWith("addable-".concat(escapedField)));
+
+    for (let attr of addableAttributes) this.addToAttributes(attr.name, attr.name.replace("addable-".concat(escapedField), 'addable'), attrs);
+
+    const resourceId = resource ? resource['@id'] : null;
+    if (this.multiple(escapedField)) attrs['widget'] = this.getWidget(escapedField).tagName;
+    if (this.getAction(escapedField) && resourceId) attrs['src'] = this.element.getAttribute('src-' + escapedField) || resourceId;
+    if (this.editable(escapedField) && resourceId) attrs['value-id'] = resourceId;
+    return attrs;
+  },
+
+  /**
+   * Creates and return a widget for field + add it to the widget list
+   * @param field - string
+   */
+  async createWidgetTemplate(field, resource = null, transformAttributes = false) {
+    if (this.isString(field)) return this.createString(field); // field is a static string
+
+    if (this.isSet(field)) return await this.createSet(field);
+    const currentResource = resource || this.resource;
+    let attributes = this.widgetAttributes(field, currentResource);
+    const escapedField = this.getEscapedField(field);
+    const widgetMeta = this.multiple(escapedField) || this.getWidget(escapedField);
+    let tagName = widgetMeta.tagName;
+    let widgetTemplate = html(_templateObject()); // Set attributes
+
+    let value = await this.getValue(field, currentResource);
+
+    if (widgetMeta.type === WidgetType.NATIVE) {
+      // native widget (ie: h1)
+      widgetTemplate = preHTML(_templateObject2(), tagName, ifDefined(attributes.name), ifDefined(attributes.class), value, tagName);
+    } else {
+      // custom widget (ie: solid-display-value)
+      // Check if value is defined, and if the default widget is needed
+      if ((value === null || value === '') && this.element.hasAttribute('default-widget-' + field)) {
+        tagName = this.element.getAttribute('default-widget-' + field);
+      } // Set attributes to the widget
+      // setAttribute set a string. Make sure null values are empty
+
+
+      if (value === null || value === undefined) attributes.value = '';
+
+      if (widgetMeta.type === WidgetType.USER && value['@id']) {
+        // if value is a resource and solid-widget used, set data-src
+        attributes['data-src'] = value['@id'];
+      } else {
+        // otherwise, set value attribute
+        attributes['value'] = value;
+      } // Subscribe widgets if they show a resource
+
+
+      if (value && value['@id']) attributes['auto-subscribe'] = value['@id']; // Transform store://XXX attributes
+
+      if (transformAttributes) attributes = await this.transformAttributes(attributes, currentResource);
+      widgetTemplate = preHTML(_templateObject3(), tagName, spread(attributes), tagName);
+    }
+
+    this.nameWidgets.push(field);
+    return widgetTemplate;
+  },
+
+  defineAttribute(widget, attribute, value) {
+    if (widget.getAttribute(attribute) !== value) {
+      // if attribute is different than previous one
+      widget.setAttribute(attribute, value); // set it
+    }
+  },
+
+  /**
+   * Create a set and add fields to it
+   * @param field - string
+   */
+  async createSet(field) {
+    const setWidget = this.getWidget(field, true); // Get set attributes
+
+    const attrs = {
+      name: field
+    };
+    const setAttributes = ['class', 'label'];
+
+    for (let attr of setAttributes) this.addToAttributes("".concat(attr, "-").concat(field), attr, attrs); // Create widget if not already existing
+
+
+    let widget = this.element.querySelector("".concat(setWidget.tagName, "[name=\"").concat(field, "\"]"));
+    let initializing = false; // used to render widget only first time
+
+    if (!widget) {
+      widget = document.createElement(setWidget.tagName);
+      initializing = true;
+    }
+
+    for (let name of Object.keys(attrs)) {
+      this.defineAttribute(widget, name, attrs[name], setWidget.type);
+    }
+
+    if (widget.component && initializing) widget.component.render();
+    let setFields = this.getSet(field); // Catch widget for the set if all these fields are empty
+
+    if (this.element.hasAttribute('empty-' + field)) {
+      let hasOnlyEmpty = true;
+
+      for (let field of setFields) {
+        let value = await this.getValue(field, this.resource);
+
+        if (value !== '') {
+          // if one not empty
+          hasOnlyEmpty = false;
+          continue; // break loop
+        }
+      }
+
+      ;
+
+      if (hasOnlyEmpty) {
+        // if only empty values, return empty-widget
+        const attributes = this.widgetAttributes(field, this.resource);
+        const tagName = this.element.getAttribute("empty-".concat(field));
+        const valueSet = this.element.getAttribute("empty-".concat(field, "-value"));
+        if (valueSet) attributes.value = valueSet;
+        return preHTML(_templateObject4(), tagName, spread(attributes), tagName);
+      }
+
+      ;
+    } // Render template
+
+
+    const widgetsTemplate = await Promise.all(setFields.map(field => this.createWidgetTemplate(field)));
+    const template = html(_templateObject5(), widgetsTemplate);
+    render(template, widget.querySelector('[data-content]') || widget);
+    return widget;
+  },
+
+  createString(value) {
+    return html(_templateObject6(), value.slice(1, -1).replace(/\\(['"])/g, '$1'));
+  },
+
+  /**
+   * Returns field name without starting "@"
+   * @param field
+   */
+  getEscapedField(field) {
+    return field.startsWith('@') ? field.slice(1, field.length) : field;
+  }
+
+};
+export { WidgetMixin };
+//# sourceMappingURL=widgetMixin.js.map

package/dist/mixins/widgetMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["widgetMixin.ts"],"names":["spread","preHTML","parseFieldsString","findClosingBracketMatchIndex","newWidgetFactory","WidgetType","html","render","ifDefined","WidgetMixin","name","use","attributes","fields","type","String","default","undefined","initialState","nameWidgets","_div","created","attached","dataSrc","resource","noRender","populate","parentElement","div","document","createElement","element","appendChild","value","widgets","map","querySelector","getFields","attr","isContainer","res","console","error","Error","prop","properties","startsWith","push","getAction","field","action","getAttribute","editable","hasAttribute","getSetRegexp","RegExp","getSet","setString","match","firstSetBracket","indexOf","length","lastSetBracket","set","substring","isSet","foundSets","isString","fetchValue","getValue","escapedField","getEscapedField","resourceValue","empty","widgetFromTagName","tagName","CUSTOM","USER","customElements","get","NATIVE","getWidget","widget","defaultWidget","defaultSetWidget","multiple","attribute","defaultMultipleWidget","addToAttributes","lookForAttr","setAttrKey","widgetAttributes","attrs","multipleAttributes","defaultAttributes","addableAttributes","Array","from","filter","a","replace","resourceId","createWidgetTemplate","transformAttributes","createString","createSet","currentResource","widgetMeta","widgetTemplate","class","defineAttribute","setAttribute","setWidget","setAttributes","initializing","Object","keys","component","setFields","hasOnlyEmpty","valueSet","widgetsTemplate","Promise","all","template","slice"],"mappings":"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","sourcesContent":["import { spread, preHTML } from '../libs/lit-helpers';\nimport { parseFieldsString, findClosingBracketMatchIndex } from '../libs/helpers';\nimport { newWidgetFactory } from '../new-widgets/new-widget-factory';\nimport { WidgetInterface, WidgetType, Resource } from './interfaces';\nimport { html, render, TemplateResult } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nconst WidgetMixin = {\n  name: 'widget-mixin',\n  use: [],\n  attributes: {\n    fields: {\n      type: String,\n      default: undefined,\n    }\n  },\n  initialState: {\n    nameWidgets: null,\n    _div: null\n  },\n  created(): void {\n    this.nameWidgets = [];\n  },\n  attached(): void {\n    if (!this.dataSrc && !this.resource && this.noRender === null) this.populate();\n  },\n  get parentElement(): string {\n    return 'div';\n  },\n  get div(): HTMLElement {\n    if (this._div) return this._div;\n    this._div = document.createElement(this.parentElement);\n    this.element.appendChild(this._div);\n    return this._div;\n  },\n  set div(value) {\n    this._div = value\n  },\n  get widgets() {\n    return this.nameWidgets.map((name: string) => this.element.querySelector(`[name=\"${name}\"]`));\n  },\n  /**\n   * Return field list of the component\n   */\n  async getFields(): Promise<string[]>{ // TODO : improve code\n    const attr = this.fields;\n    if (attr === '') return [];\n    if (attr) return parseFieldsString(attr);\n\n    let resource = this.resource as Resource;\n    if (resource && resource.isContainer?.()) { // If container, keep the 1rst resource\n      for (let res of resource['ldp:contains']) {\n        resource = res;\n        break;\n      }\n    }\n\n    if (!this.dataSrc) console.error(new Error('You must provide a \"fields\" attribute'));\n    if(!resource) return [];\n\n    let fields: string[] = [];\n    for (const prop of resource.properties) {\n      if ((!prop.startsWith('@') && !(prop === \"permissions\")) && await resource[prop]) fields.push(prop);\n    }\n    return fields;\n  },\n  /**\n   * return attribute if \"field\" is an action\n   * @param field - string\n   */\n  getAction(field: string): string {\n    const action = this.element.getAttribute('action-' + field);\n    return action;\n  },\n  /**\n   * return true if \"field\" is editable\n   * @param field - string\n   */\n  editable(field: string): string {\n    return this.element.hasAttribute('editable-' + field);\n  },\n  /**\n   * Return regexp to check if \"field\" is a set\n   * @param field - string\n   */\n  getSetRegexp(field: string) {\n    return new RegExp(`(^|\\\\,|\\\\(|\\\\s)\\\\s*${field}\\\\s*\\\\(`, 'g')\n  },\n  /**\n   * Return fields contained in set \"field\"\n   * @param field - string\n   */\n  getSet(field: string): string[] {\n    const setString = this.fields.match(this.getSetRegexp(field));\n    if (!setString) return [];\n    const firstSetBracket = this.fields.indexOf(setString[0]) + (setString[0].length) - 1;\n    const lastSetBracket = findClosingBracketMatchIndex(this.fields, firstSetBracket);\n    const set = this.fields.substring(firstSetBracket + 1, lastSetBracket);\n    return parseFieldsString(set);\n  },\n  /**\n   * Return true if \"field\" is a set\n   * @param field - string\n   */\n  isSet(field: string): boolean {\n    if (!this.fields) return false;\n    let foundSets = this.fields.match(this.getSetRegexp(field));\n    return foundSets ? foundSets.length > 0 : false;\n  },\n  isString(field: string): boolean {\n    return field.startsWith('\\'') || field.startsWith('\\\"');\n  },\n  /**\n   * Return the value of \"resource\" for predicate \"field\"\n   * @param field - string\n   * @param resource - Resource\n   */\n  async fetchValue(field: string, resource: Resource) {\n    return resource && !resource.isContainer?.() ? await resource[field] : undefined;\n  },\n  /**\n   * Return the value of the field\n   * @param field - field\n   */\n  async getValue(field: string, resource: Resource) {\n    const escapedField = this.getEscapedField(field);\n    if (this.getAction(escapedField)) {\n      return this.getAction(escapedField);\n    }\n    if (this.element.hasAttribute('value-' + field)) {\n      return this.element.getAttribute('value-' + field);\n    }\n    let resourceValue = await this.fetchValue(field, resource);\n\n    // Empty value\n    if (resourceValue === undefined || resourceValue === '' || resourceValue === null) // If null or empty, return field default value\n      return this.element.hasAttribute('default-' + field) ?\n        this.element.getAttribute('default-' + field) : '';\n\n    return resourceValue;\n  },\n  empty(): void {},\n  /**\n   * Return a widget from a tagName, and create it if necessary\n   * @param tagName - string\n   */\n  widgetFromTagName(tagName: string) {\n    let type = tagName.startsWith('solid') ? WidgetType.CUSTOM : WidgetType.USER;\n    if (!customElements.get(tagName)) { // component does not exist\n      if (tagName.startsWith('solid')) newWidgetFactory(tagName); // solid- -> create it\n      else type = WidgetType.NATIVE; // or use a native tag\n    }\n    return { tagName, type }; // return tagName\n  },\n  /**\n   * Return widget for field \"field\"\n   * @param field - string\n   * @param isSet - boolean\n   */\n  getWidget(field: string, isSet: boolean = false): WidgetInterface {\n    const widget = this.element.getAttribute('widget-' + field);\n\n    if (widget) return this.widgetFromTagName(widget);\n    if (this.getAction(field)) return this.widgetFromTagName('solid-action');\n\n    return !isSet ? this.widgetFromTagName(this.defaultWidget) : this.widgetFromTagName(this.defaultSetWidget);\n  },\n  /**\n   * Return multiple widget if \"field\" is a multiple, false if it's not\n   * @param field - string\n   */\n  multiple(field: string): WidgetInterface|null {\n    const attribute = 'multiple-' + field;\n    if (!this.element.hasAttribute(attribute)) return null;\n    const widget = this.element.getAttribute(attribute) || this.defaultMultipleWidget;\n    return this.widgetFromTagName(widget);\n  },\n  /**\n   * If attribute \"lookForAttr\" is set on element, add \"attrKey\" to the \"attributes\" list\n   * @param lookForAttr - string\n   * @param setAttrKey - string\n   * @param attributes - object\n   */\n  addToAttributes(lookForAttr: string, setAttrKey: string, attributes: object) {\n    const attribute = this.element.getAttribute(lookForAttr);\n    if (attribute == null) return;\n    attributes[setAttrKey] = attribute;\n  },\n  /**\n   * Return all the attributes of widget \"field\"\n   * @param field - string\n   * @param resource - Resource\n   */\n  widgetAttributes(field: string, resource: Resource): object {\n    const attrs = { name: field };\n    const escapedField = this.getEscapedField(field);\n\n    // transfer all multiple-[field]-[attr] attributes as [attr] for multiple widget [field]\n    const multipleAttributes = [\n      'fields',\n      'label',\n      'widget',\n      'add-label',\n      'remove-label',\n      'next', \n      'empty-widget',\n      'add-class',\n      'remove-class'\n    ];\n    for (let attr of multipleAttributes) this.addToAttributes(`multiple-${escapedField}-${attr}`, attr, attrs)\n\n    // transfer all [attr]-[field] attributes as [attr] attribute for widget [field]\n    const defaultAttributes = [\n      'range',\n      'enum',\n      'label',\n      'placeholder',\n      'class',\n      /* 'widget', */,\n      'required',\n      'editable',\n      'autocomplete',\n      'upload-url',\n      'option-label',\n      'option-value',\n      'order-by', // deprecated. Remove in 0.15\n      'each-label',\n      'order-asc',\n      'order-desc',\n      'min',\n      'max',\n      'pattern',\n      'title',\n      'start-value',\n      'end-value',\n      'alt',\n      'step',\n      'maxlength',\n      'minlength',\n      'search-text',\n      'search-placeholder',\n      'link-text',\n    ];\n    for (let attr of defaultAttributes) this.addToAttributes(`${attr}-${escapedField}`, attr,  attrs)\n\n    const addableAttributes: Attr[] = (Array.from(this.element.attributes) as Attr[]).filter((a: Attr) => a.name.startsWith(`addable-${escapedField}`));\n    for (let attr of addableAttributes) this.addToAttributes(attr.name, attr.name.replace(`addable-${escapedField}`, 'addable'), attrs)\n\n    const resourceId = resource ? resource!['@id'] : null;\n    if (this.multiple(escapedField)) attrs['widget'] = this.getWidget(escapedField).tagName;\n    if (this.getAction(escapedField) && resourceId) attrs['src'] = this.element.getAttribute('src-' + escapedField) || resourceId;\n    if (this.editable(escapedField) && resourceId) attrs['value-id'] = resourceId;\n\n    return attrs;\n  },\n  /**\n   * Creates and return a widget for field + add it to the widget list\n   * @param field - string\n   */\n  async createWidgetTemplate(field: string, resource = null, transformAttributes = false): Promise<TemplateResult> {\n    if (this.isString(field)) return this.createString(field); // field is a static string\n    if (this.isSet(field)) return await this.createSet(field);\n\n    const currentResource = resource || this.resource;\n    let attributes = this.widgetAttributes(field, currentResource);\n    const escapedField = this.getEscapedField(field);\n    const widgetMeta = this.multiple(escapedField) || this.getWidget(escapedField);\n    let tagName = widgetMeta.tagName;\n    let widgetTemplate = html``;\n\n    // Set attributes\n    let value = await this.getValue(field, currentResource);\n    if (widgetMeta.type === WidgetType.NATIVE) { // native widget (ie: h1)\n      widgetTemplate = preHTML`\n        <${tagName}\n          name=\"${ifDefined(attributes.name)}\"\n          class=\"${ifDefined(attributes.class)}\"\n        >${value}</${tagName}>\n      `;\n    } else { // custom widget (ie: solid-display-value)\n      // Check if value is defined, and if the default widget is needed\n      if ((value === null || value === '') && this.element.hasAttribute('default-widget-' + field)) {\n        tagName = this.element.getAttribute('default-widget-' + field);\n      }\n      // Set attributes to the widget\n      // setAttribute set a string. Make sure null values are empty\n      if (value === null || value === undefined) attributes.value = '';\n      if (widgetMeta.type === WidgetType.USER && value['@id']) { // if value is a resource and solid-widget used, set data-src\n        attributes['data-src'] = value['@id'];\n      } else { // otherwise, set value attribute\n        attributes['value'] = value;\n      }\n\n      // Subscribe widgets if they show a resource\n      if (value && value['@id']) attributes['auto-subscribe'] = value['@id'];\n\n      // Transform store://XXX attributes\n      if (transformAttributes) attributes = await this.transformAttributes(attributes, currentResource);\n\n      widgetTemplate = preHTML`<${tagName} ...=${spread(attributes)}></${tagName}>`;\n    }\n\n    this.nameWidgets.push(field);\n    return widgetTemplate;\n  },\n  defineAttribute(widget: HTMLElement, attribute: string, value: any) {\n    if (widget.getAttribute(attribute) !== value) { // if attribute is different than previous one\n      widget.setAttribute(attribute, value); // set it\n    }\n  },\n  /**\n   * Create a set and add fields to it\n   * @param field - string\n   */\n  async createSet(field: string): Promise<TemplateResult> {\n    const setWidget = this.getWidget(field, true);\n\n    // Get set attributes\n    const attrs = { name: field };\n    const setAttributes = [\n      'class',\n      'label'\n    ];\n    for (let attr of setAttributes) this.addToAttributes(`${attr}-${field}`, attr, attrs);\n\n    // Create widget if not already existing\n    let widget = this.element.querySelector(`${setWidget.tagName}[name=\"${field}\"]`);\n    let initializing = false; // used to render widget only first time\n    if (!widget) {\n      widget = document.createElement(setWidget.tagName);\n      initializing = true;\n    }\n    for (let name of Object.keys(attrs)) {\n      this.defineAttribute(widget, name, attrs[name], setWidget.type);\n    }\n    if (widget.component && initializing) widget.component.render();\n    let setFields = this.getSet(field);\n    // Catch widget for the set if all these fields are empty\n    if (this.element.hasAttribute('empty-' + field)) {\n      let hasOnlyEmpty = true;\n      for(let field of setFields) {\n        let value: string = await this.getValue(field, this.resource);\n        if (value !== '') { // if one not empty\n          hasOnlyEmpty = false;\n          continue; // break loop\n        }\n      };\n      if(hasOnlyEmpty) { // if only empty values, return empty-widget\n        const attributes = this.widgetAttributes(field, this.resource);\n        const tagName = this.element.getAttribute(`empty-${field}`);\n        const valueSet = this.element.getAttribute(`empty-${field}-value`);\n        if (valueSet) attributes.value = valueSet;\n        return preHTML`<${tagName} ...=${spread(attributes)}></${tagName}>`;\n      };\n    }\n\n    // Render template\n    const widgetsTemplate = await Promise.all(setFields.map((field: string) => this.createWidgetTemplate(field)));\n    const template = html`${widgetsTemplate}`;\n    render(template, widget.querySelector('[data-content]') || widget);\n    return widget;\n  },\n  createString(value: string): TemplateResult {\n    return html`\n      <span>${value.slice(1, -1).replace(/\\\\(['\"])/g, '$1')}</span>\n    `;\n  },\n  /**\n   * Returns field name without starting \"@\"\n   * @param field\n   */\n  getEscapedField(field: string): string {\n    return field.startsWith('@') ? field.slice(1, field.length) : field;\n  }\n}\n\nexport {\n  WidgetMixin\n}"]}

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

@@ -0,0 +1,14 @@
+const ActionMixin = {
+  name: 'action-mixin',
+  attributes: {
+    src: {
+      type: String,
+      default: '',
+      callback: function (newValue) {
+        this.addToAttributes(newValue, 'src');
+      }
+    }
+  }
+};
+export { ActionMixin };
+//# sourceMappingURL=actionMixin.js.map

package/dist/new-widgets/attributeMixins/actionMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["actionMixin.ts"],"names":["ActionMixin","name","attributes","src","type","String","default","callback","newValue","addToAttributes"],"mappings":"AAAA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,IAAI,EAAE,cADY;AAElBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,GAAG,EAAE;AACHC,MAAAA,IAAI,EAAEC,MADH;AAEHC,MAAAA,OAAO,EAAE,EAFN;AAGHC,MAAAA,QAAQ,EAAE,UAAUC,QAAV,EAA4B;AACpC,aAAKC,eAAL,CAAqBD,QAArB,EAA+B,KAA/B;AACD;AALE;AADK;AAFM,CAApB;AAaA,SACER,WADF","sourcesContent":["const ActionMixin = {\n  name: 'action-mixin',\n  attributes: {\n    src: {\n      type: String,\n      default: '',\n      callback: function (newValue: string) {\n        this.addToAttributes(newValue, 'src');\n      }\n    },\n  },\n}\n\nexport {\n  ActionMixin\n}"]}

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

@@ -0,0 +1,10 @@
+const BlankMixin = {
+  name: 'blank-mixin',
+
+  created() {
+    this.listAttributes['target'] = '_blank';
+  }
+
+};
+export { BlankMixin };
+//# sourceMappingURL=blankMixin.js.map

package/dist/new-widgets/attributeMixins/blankMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["blankMixin.ts"],"names":["BlankMixin","name","created","listAttributes"],"mappings":"AAAA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,IAAI,EAAE,aADW;;AAEjBC,EAAAA,OAAO,GAAG;AACR,SAAKC,cAAL,CAAoB,QAApB,IAAgC,QAAhC;AACD;;AAJgB,CAAnB;AAOA,SACEH,UADF","sourcesContent":["const BlankMixin = {\n  name: 'blank-mixin',\n  created() {\n    this.listAttributes['target'] = '_blank';\n  }\n}\n\nexport {\n  BlankMixin\n}"]}

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

@@ -0,0 +1,10 @@
+const BooleanMixin = {
+  name: 'boolean-mixin',
+
+  get type() {
+    return 'boolean';
+  }
+
+};
+export { BooleanMixin };
+//# sourceMappingURL=booleanMixin.js.map

package/dist/new-widgets/attributeMixins/booleanMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["booleanMixin.ts"],"names":["BooleanMixin","name","type"],"mappings":"AAAA,MAAMA,YAAY,GAAG;AACnBC,EAAAA,IAAI,EAAE,eADa;;AAEnB,MAAIC,IAAJ,GAAW;AACT,WAAO,SAAP;AACD;;AAJkB,CAArB;AAOA,SAASF,YAAT","sourcesContent":["const BooleanMixin = {\n  name: 'boolean-mixin',\n  get type() {\n    return 'boolean';\n  },\n};\n\nexport { BooleanMixin };\n"]}

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

@@ -0,0 +1,20 @@
+import { MultipleMixin } from './multipleMixin.js';
+import { ActionMixin } from './actionMixin.js';
+import { BlankMixin } from './blankMixin.js';
+import { MailtoMixin } from './mailtoMixin.js';
+import { TelMixin } from './telMixin.js';
+import { PlaceholderMixin } from './placeholderMixin.js';
+import { BooleanMixin } from './booleanMixin.js';
+import { NumberMixin } from './numberMixin.js';
+const attributeDirectory = {
+  multiple: MultipleMixin,
+  action: ActionMixin,
+  blank: BlankMixin,
+  mailto: MailtoMixin,
+  tel: TelMixin,
+  placeholder: PlaceholderMixin,
+  bool: BooleanMixin,
+  num: NumberMixin
+};
+export { attributeDirectory, MultipleMixin, ActionMixin, BlankMixin, MailtoMixin, TelMixin, PlaceholderMixin };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["MultipleMixin","ActionMixin","BlankMixin","MailtoMixin","TelMixin","PlaceholderMixin","BooleanMixin","NumberMixin","attributeDirectory","multiple","action","blank","mailto","tel","placeholder","bool","num"],"mappings":"AAAA,SAASA,aAAT,QAA8B,iBAA9B;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,WAAT,QAA4B,eAA5B;AAEA,MAAMC,kBAAkB,GAAG;AACzBC,EAAAA,QAAQ,EAAET,aADe;AAEzBU,EAAAA,MAAM,EAAET,WAFiB;AAGzBU,EAAAA,KAAK,EAAET,UAHkB;AAIzBU,EAAAA,MAAM,EAAET,WAJiB;AAKzBU,EAAAA,GAAG,EAAET,QALoB;AAMzBU,EAAAA,WAAW,EAAET,gBANY;AAOzBU,EAAAA,IAAI,EAAET,YAPmB;AAQzBU,EAAAA,GAAG,EAAET;AARoB,CAA3B;AAWA,SACEC,kBADF,EAEER,aAFF,EAGEC,WAHF,EAIEC,UAJF,EAKEC,WALF,EAMEC,QANF,EAOEC,gBAPF","sourcesContent":["import { MultipleMixin } from './multipleMixin';\nimport { ActionMixin } from './actionMixin';\nimport { BlankMixin } from './blankMixin';\nimport { MailtoMixin } from './mailtoMixin';\nimport { TelMixin } from './telMixin';\nimport { PlaceholderMixin } from './placeholderMixin';\nimport { BooleanMixin } from './booleanMixin';\nimport { NumberMixin } from './numberMixin';\n\nconst attributeDirectory = {\n  multiple: MultipleMixin,\n  action: ActionMixin,\n  blank: BlankMixin,\n  mailto: MailtoMixin,\n  tel: TelMixin,\n  placeholder: PlaceholderMixin,\n  bool: BooleanMixin,\n  num: NumberMixin,\n}\n\nexport {\n  attributeDirectory,\n  MultipleMixin,\n  ActionMixin,\n  BlankMixin,\n  MailtoMixin,\n  TelMixin,\n  PlaceholderMixin,\n}\n"]}

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

@@ -0,0 +1,10 @@
+const MailtoMixin = {
+  name: 'mailto-mixin',
+
+  created() {
+    this.listAttributes['mailto'] = 'mailto:';
+  }
+
+};
+export { MailtoMixin };
+//# sourceMappingURL=mailtoMixin.js.map

package/dist/new-widgets/attributeMixins/mailtoMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["mailtoMixin.ts"],"names":["MailtoMixin","name","created","listAttributes"],"mappings":"AAAA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,IAAI,EAAE,cADY;;AAElBC,EAAAA,OAAO,GAAG;AACR,SAAKC,cAAL,CAAoB,QAApB,IAAgC,SAAhC;AACD;;AAJiB,CAApB;AAOA,SACEH,WADF","sourcesContent":["const MailtoMixin = {\n  name: 'mailto-mixin',\n  created() {\n    this.listAttributes['mailto'] = 'mailto:';\n  }\n}\n\nexport {\n  MailtoMixin\n}"]}

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

@@ -0,0 +1,28 @@
+const MultipleMixin = {
+  name: 'multiple-mixin',
+  attributes: {
+    fields: {
+      type: String,
+      default: '',
+      callback: function (newValue) {
+        this.addToAttributes(newValue, 'fields');
+      }
+    },
+    next: {
+      type: String,
+      default: '',
+      callback: function (newValue) {
+        this.addToAttributes(newValue, 'next');
+      }
+    },
+    emptyWidget: {
+      type: String,
+      default: '',
+      callback: function (newValue) {
+        this.addToAttributes(newValue, 'emptyWidget');
+      }
+    }
+  }
+};
+export { MultipleMixin };
+//# sourceMappingURL=multipleMixin.js.map

package/dist/new-widgets/attributeMixins/multipleMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["multipleMixin.ts"],"names":["MultipleMixin","name","attributes","fields","type","String","default","callback","newValue","addToAttributes","next","emptyWidget"],"mappings":"AAAA,MAAMA,aAAa,GAAG;AACpBC,EAAAA,IAAI,EAAE,gBADc;AAEpBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAEC,MADA;AAENC,MAAAA,OAAO,EAAE,EAFH;AAGNC,MAAAA,QAAQ,EAAE,UAAUC,QAAV,EAA4B;AACpC,aAAKC,eAAL,CAAqBD,QAArB,EAA+B,QAA/B;AACD;AALK,KADE;AAQVE,IAAAA,IAAI,EAAE;AACJN,MAAAA,IAAI,EAAEC,MADF;AAEJC,MAAAA,OAAO,EAAE,EAFL;AAGJC,MAAAA,QAAQ,EAAE,UAAUC,QAAV,EAA4B;AACpC,aAAKC,eAAL,CAAqBD,QAArB,EAA+B,MAA/B;AACD;AALG,KARI;AAeVG,IAAAA,WAAW,EAAE;AACXP,MAAAA,IAAI,EAAEC,MADK;AAEXC,MAAAA,OAAO,EAAE,EAFE;AAGXC,MAAAA,QAAQ,EAAE,UAAUC,QAAV,EAA4B;AACpC,aAAKC,eAAL,CAAqBD,QAArB,EAA+B,aAA/B;AACD;AALU;AAfH;AAFQ,CAAtB;AA2BA,SACER,aADF","sourcesContent":["const MultipleMixin = {\n  name: 'multiple-mixin',\n  attributes: {\n    fields: {\n      type: String,\n      default: '',\n      callback: function (newValue: string) {\n        this.addToAttributes(newValue, 'fields');\n      }\n    },\n    next: {\n      type: String,\n      default: '',\n      callback: function (newValue: string) {\n        this.addToAttributes(newValue, 'next');\n      }\n    },\n    emptyWidget: {\n      type: String,\n      default: '',\n      callback: function (newValue: string) {\n        this.addToAttributes(newValue, 'emptyWidget');\n      }\n    }\n  },\n}\n\nexport {\n  MultipleMixin\n}"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["numberMixin.ts"],"names":["NumberMixin","name","type"],"mappings":"AAAA,MAAMA,WAAW,GAAG;AAClBC,EAAAA,IAAI,EAAE,cADY;;AAElB,MAAIC,IAAJ,GAAW;AACT,WAAO,QAAP;AACD;;AAJiB,CAApB;AAOA,SAASF,WAAT","sourcesContent":["const NumberMixin = {\n  name: 'number-mixin',\n  get type() {\n    return 'number';\n  },\n};\n\nexport { NumberMixin };\n"]}