@aquera/nile-elements 0.0.36-3 → 0.0.37-1

package/package.json

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

package/src/nile-code-editor/nile-code-editor.css.ts

@@ -43,7 +43,8 @@ export const styles = css`
   .code-mirror:hover > .code-editor__icon__container {
     cursor: pointer;
     display: flex;
-    padding-right: 5px;
+    align-self: start;
+    padding: 5px 5px 0px 0px;
   }
 `;
 

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

@@ -50,6 +50,7 @@ export class NileCodeEditor extends NileElement {
   @property({ type: Boolean }) updateValue: any = false;
   @property({ attribute: 'error-message' }) errorMessage = '';
   @property({ attribute: 'error' }) error = false;
+  @property({ type: Boolean }) expandable: any = false;
 
   /**
    * The styles for CodeEditor
@@ -159,7 +160,7 @@ export class NileCodeEditor extends NileElement {
           'code-mirror__singleline': !this.multiline,
         })}
       >
-        ${!this.multiline
+        ${this.expandable
           ? html` <nile-icon
               name="expand-2"
               class="code-editor__icon__container"

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

@@ -66,6 +66,7 @@ export interface switchInputType {
   noborder?: boolean;
   multiLine?: boolean;
   expand?: boolean;
+  expandable?: boolean;
 }
 
 export enum POSITIONS {
@@ -106,7 +107,7 @@ export class NileSwitcher extends NileElement {
 
   @property({ type: Object }) nileSwitchConfig: switchconfig;
 
-  @property({ type: Number }) current: Number = 0;
+  @property({ type: Number }) current: Number = 1;
 
   @property({ type: Object }) currentInput: switchInputType;
 
@@ -271,9 +272,10 @@ export class NileSwitcher extends NileElement {
     </nile-content-editor>`;
   }
 
-  renderObjectMapper() {
-    const noborder = this.currentInput.noborder;
-    const mode = this.currentInput.mode;
+  renderObjectMapper(Input: switchInputType) {
+    let { options, inputType, error, errorMessage, type, readonly, noborder } =
+      Input;
+
     const value =
       this.currentInput.mode === MODE.CREATE
         ? 'Click to Create - Not Mapped'
@@ -285,6 +287,8 @@ export class NileSwitcher extends NileElement {
         'switcher-object-mapper--noborder': !!noborder,
       })}
       .value=${value}
+      .errorMessage=${errorMessage}
+      .error=${error}
       readonly="true"
       @click="${(e: CustomEvent) =>
         this.handleChange(e, INPUT_TYPE_NAMES.OBJECT_MAPPER)}"
@@ -292,7 +296,7 @@ export class NileSwitcher extends NileElement {
       <nile-icon
         class="pointer-cursor switcher-object-mapper-icon"
         slot="suffix"
-        name="collapse"
+        name="expand-2"
         color="#005EA6"
         size="16"
       >
@@ -311,6 +315,7 @@ export class NileSwitcher extends NileElement {
       error,
       inputType,
       noborder,
+      expandable,
     } = Input;
     return html`<nile-code-editor
       part="switcher-code-editor"
@@ -323,6 +328,7 @@ export class NileSwitcher extends NileElement {
         this.handleChange(e, INPUT_TYPE_NAMES.CODE_EDITOR)}"
       .multiline="${multiLine}"
       .value="${value}"
+      .expandable="${expandable}"
       .customOptions="${customAutoCompletions}"
     ></nile-code-editor> `;
   }
@@ -427,7 +433,10 @@ export class NileSwitcher extends NileElement {
             INPUT_TYPE_NAMES.CONTENTEDITOR,
             () => this.renderContentEditor(this.currentInput),
           ],
-          [INPUT_TYPE_NAMES.OBJECT_MAPPER, () => this.renderObjectMapper()],
+          [
+            INPUT_TYPE_NAMES.OBJECT_MAPPER,
+            () => this.renderObjectMapper(this.currentInput),
+          ],
           [
             INPUT_TYPE_NAMES.CODE_EDITOR,
             () => this.renderCodeEditor(this.currentInput),