@startinblox/core 2.0.0-beta.1 → 2.0.0-beta.2

package/dist/index.js

@@ -14126,7 +14126,12 @@ const ListMixin = {
    */
   async handleEmptyWidget(resources, listPostProcessors, div, context2) {
     if (this.emptyWidget) {
-      const emptyWidgetTemplate = preHTML`<${this.emptyWidget} value=${o$2(this.emptyValue)}></${this.emptyWidget}>`;
+      const emptyWidgetTemplate = preHTML`
+        <${this.emptyWidget}
+          class=${this.emptyWidget}
+          value=${o$2(this.emptyValue)}
+        ></${this.emptyWidget}>
+      `;
       if (!this.emptyWrapper) {
         this.emptyWrapper = document.createElement("span");
         this.element.appendChild(this.emptyWrapper);
@@ -33433,7 +33438,8 @@ const MultipleFormMixin = {
       "data-holder": true,
       name: this.name,
       value,
-      range: this.range
+      range: this.range,
+      class: this.widget
     };
     for (const name of Object.keys(attributes)) {
       if (typeof attributes[name] === "boolean")
@@ -34597,6 +34603,7 @@ const formTemplates = {
     template: (_value, attributes) => x`
       <solid-form-dropdown
         data-holder
+        class="solid-form-dropdown"
         name=${o$2(attributes.name)}
         data-id=${o$2(attributes.id)}
         range=${o$2(attributes.range)}
@@ -37604,6 +37611,7 @@ const WidgetMixin = {
     const widgetMeta = this.multiple(escapedField) || this.getWidget(escapedField);
     let tagName = widgetMeta.tagName;
     let widgetTemplate = x``;
+    const classAttr = attributes.class;
     const value = await this.getValue(field, currentResource);
     if (widgetMeta.type === WidgetType.NATIVE) {
       widgetTemplate = preHTML`<${tagName} name="${o$2(attributes.name)}" class="${o$2(attributes.class)}">${value}</${tagName}>`;
@@ -37632,7 +37640,12 @@ const WidgetMixin = {
           attributes,
           currentResource
         );
-      widgetTemplate = preHTML`<${tagName} ...=${spread(attributes)}></${tagName}>`;
+      if (value == null ? void 0 : value["@id"]) attributes["auto-subscribe"] = value["@id"];
+      widgetTemplate = preHTML`
+        <${tagName}
+          ...=${spread(attributes)}
+          class="${classAttr !== void 0 ? tagName.concat(" ", classAttr) : tagName}"
+        ></${tagName}>`;
     }
     this.nameWidgets.push(field);
     return widgetTemplate;
@@ -37648,10 +37661,13 @@ const WidgetMixin = {
    */
   async createSet(field) {
     const setWidget = this.getWidget(field, true);
-    const attrs = { name: field };
+    const attrs = { name: field, class: setWidget.tagName };
     const setAttributes = ["class", "label"];
     for (const attr of setAttributes)
       this.addToAttributes(`${attr}-${field}`, attr, attrs);
+    if (attrs.class !== void 0) {
+      attrs.class = setWidget.tagName.concat(" ", attrs.class);
+    } else attrs.class = setWidget.tagName;
     let widget = this.element.querySelector(
       `${setWidget.tagName}[name="${field}"]`
     );
@@ -37679,14 +37695,13 @@ const WidgetMixin = {
         const tagName = this.element.getAttribute(`empty-${field}`);
         const valueSet = this.element.getAttribute(`empty-${field}-value`);
         if (valueSet) attributes.value = valueSet;
-        return preHTML`<${tagName} ...=${spread(attributes)}></${tagName}>`;
+        return preHTML`
+        <${tagName}
+          ...=${spread(attributes)}
+          class="${tagName}"
+        ></${tagName}>`;
       }
     }
-    if (setFields.length === 0) {
-      console.warn(
-        `Set with name ${field} has not been generated due to being empty`
-      );
-    }
     const widgetsTemplate = await Promise.all(
       setFields.map((field2) => this.createWidgetTemplate(field2))
     );
@@ -39132,6 +39147,7 @@ const SolidWidget = {
     const template = this.template;
     const newWidget = {
       name: this.name,
+      class: this.template,
       use: [BaseWidgetMixin, StoreMixin, FormMixin, ActionMixin],
       attributes: {
         label: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startinblox/core",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.2",
   "description": "This is a series of web component respecting both the web components standards and the Linked Data Platform convention.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",