@aquera/nile-elements 0.0.23 → 0.0.24

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-content-editor/nile-content-editor.ts

@@ -134,7 +134,7 @@ export class NileContentEditor extends NileElement {
     });
   }
 
-  @watch(['type', 'value'], { waitUntilFirstUpdate: true })
+  @watch(['type'], { waitUntilFirstUpdate: true })
   handleTypeChange() {
     this.contentEditor.innerHTML = this.generateHTMLTagsWithValues(this.value);
   }

package/src/nile-switcher/nile-switcher.css.ts

@@ -12,6 +12,7 @@ import { css } from 'lit-element';
  */
 export const styles = css`
   :host {
+    width: 100%;
     box-sizing: border-box;
   }
 
@@ -24,8 +25,8 @@ export const styles = css`
   }
 
   .input-container > :first-child {
-    max-width: 99%;
-    min-width: 99%;
+    max-width: 98%;
+    min-width: 98%;
   }
 
   nile-icon {

package/src/nile-switcher/nile-switcher.ts

@@ -83,8 +83,6 @@ export class NileSwitcher extends NileElement {
   static styles: CSSResultGroup = styles;
   @property({ type: Object }) nileSwitchConfig: switchconfig;
 
-  @property() value: string;
-
   connectedCallback() {
     super.connectedCallback();
     this.emit('nile-init');
@@ -197,18 +195,18 @@ export class NileSwitcher extends NileElement {
     const haserrorMessage = !!errorMessage;
 
     return html`<nile-radio-group
-        .value=${value}
-        .disabled=${disabled}
-        @change=${(e: CustomEvent) => {
-          this.handleChange(e, inputType, inputTypeName);
-        }}
-      >
-        ${options &&
-        options.map((option: any) => {
-          return html`<nile-radio .value="${option}">${option} </nile-radio>`;
-        })}
-      </nile-radio-group>
-      ${haserrorMessage ? this.renderErrorMessage(errorMessage) : ''}`;
+      .value=${value}
+      .disabled=${disabled}
+      @change=${(e: CustomEvent) => {
+        this.handleChange(e, inputType, inputTypeName);
+      }}
+    >
+      ${options &&
+      options.map((option: any) => {
+        return html`<nile-radio .value="${option}">${option} </nile-radio>`;
+      })}
+      ${haserrorMessage ? this.renderErrorMessage(errorMessage) : ''}
+    </nile-radio-group> `;
   }
 
   renderErrorMessage(errorMessage: string) {
@@ -225,9 +223,10 @@ export class NileSwitcher extends NileElement {
       type,
       readonly,
       noborder,
+      value,
     } = Input;
     return html`<nile-content-editor
-      .value=${this.value}
+      .value=${value}
       .options=${options}
       .type=${type}
       .readonly=${readonly}