@startinblox/core 1.0.0 → 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")
@@ -34494,43 +34500,49 @@ const formTemplates = {
   },
   radio: {
     template: (value, attributes) => x`
-      <div
+    <fieldset>
+      <legend
         name=${o$2(attributes.name)}
       >
-        ${(attributes.range || []).map(
+        ${attributes.label}
+      </legend>
+      ${(attributes.range || []).map(
       (el) => x`
-          <label>
-            <input
-              type="radio"
-              name=${o$2(attributes.id)}
-              value=${el.value}
-              ?required=${attributes.required}
-              ?checked=${value === el.selectedValue}
-            > <span>${el.label}</span>
-          </label>
-        `
+        <label>
+          <input
+            type="radio"
+            name=${o$2(attributes.id)}
+            value=${el.value}
+            ?required=${attributes.required}
+            ?checked=${value === el.selectedValue}
+          > <span>${el.label}</span>
+        </label>
+      `
     )}
-        ${Object.entries(attributes.enum || []).map(
+      ${Object.entries(attributes.enum || []).map(
       ([key, val]) => x`
-          <label>
-            <input
-              type="radio"
-              value="${key}"
-              name=${o$2(attributes.id)}
-              ?required=${attributes.required}
-              ?checked=${value === key}
-            > <span>${val}</span>
-          </label>
-        `
+        <label>
+          <input
+            type="radio"
+            value="${key}"
+            name=${o$2(attributes.id)}
+            ?required=${attributes.required}
+            ?checked=${value === key}
+          > <span>${val}</span>
+        </label>
+      `
     )}
+    </fieldset>
     `,
     dependencies: [FormRadioMixin, FormMixin, RangeMixin]
   },
   multicheckbox: {
     template: (_value, attributes) => x`
-      <div
-        name=${o$2(attributes.name)}
-      >
+      <fieldset>
+        <legend 
+          name=${o$2(attributes.name)}>
+            ${attributes.label}
+        </legend>
         ${(attributes.range || []).map(
       (el) => x`
           <label>
@@ -34551,7 +34563,7 @@ const formTemplates = {
           </label>
         `
     )}
-      </select>
+      </fieldset>
     `,
     dependencies: [FormCheckboxesMixin, FormMixin, RangeMixin]
   },
@@ -34568,6 +34580,7 @@ const formTemplates = {
         order-asc=${o$2(attributes.orderAsc)}
         order-desc=${o$2(attributes.orderDesc)}
         ?required=${attributes.required}
+        label=${o$2(attributes.label)} 
       ></solid-form-multicheckbox>
     `,
     dependencies: [MultipleselectFormMixin, FormMixin, RangeMixin]
@@ -34590,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)}
@@ -37597,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}>`;
@@ -37625,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;
@@ -37641,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}"]`
     );
@@ -37672,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))
     );
@@ -39125,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": "1.0.0",
+  "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",