@aquera/nile-elements 0.0.38-2 → 0.0.38-4

package/package.json

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

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

@@ -28,6 +28,9 @@ export const styles = css`
     border-color: #e5434d;
   }
 
+  .noborder {
+    border: none;
+  }
   .cm-editor {
     flex: 1;
     min-width: 0;

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

@@ -50,6 +50,8 @@ export class NileCodeEditor extends NileElement {
   @property({ type: Boolean }) updateValue: any = false;
   @property({ attribute: 'error-message' }) errorMessage = '';
   @property({ attribute: 'error' }) error = false;
+  @property({ attribute: 'noborder' }) noborder = false;
+
   @property({ type: Boolean }) expandable: any = false;
   @property({ type: Boolean }) readonly: any = false;
 
@@ -154,10 +156,12 @@ export class NileCodeEditor extends NileElement {
   public render(): TemplateResult {
     const hasErrorMessage = !!this.errorMessage;
     const hasError = !!this.error;
+    const noborder = !!this.noborder;
     return html`<div
         part="code-editor-base"
         class=${classMap({
           'code-mirror': true,
+          noborder: noborder,
           error: hasError || hasErrorMessage,
           'code-mirror__singleline': !this.multiline,
         })}

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

@@ -58,7 +58,7 @@ export const styles = css`
 
   .switcher-inline > :nth-child(2) {
     flex: 1;
-    overflow: hidden;
+    min-width: 0;
   }
 
   .switcher-icons-container {
@@ -109,6 +109,14 @@ export const styles = css`
   .switcher-object-mapper--noborder::part(base) {
     border: none;
   }
+
+  .switcher-dropdown--noborder::part(combobox) {
+    border: none;
+  }
+
+  .switcher-dropdown--noborder::part(expand-icon) {
+    display: none;
+  }
 `;
 
 export default [styles];

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

@@ -66,7 +66,7 @@ export interface switchInputType {
   noborder?: boolean;
   multiLine?: boolean;
   expand?: boolean;
-  updateValue: false;
+  updateValue?: false;
 }
 
 export enum POSITIONS {
@@ -175,11 +175,15 @@ export class NileSwitcher extends NileElement {
       error,
       errorMessage,
       inputType,
+      noborder,
     } = Input;
 
     return html`<nile-select
       part="dropdown"
-      class="switcher-dropdown"
+      class=${classMap({
+        'switcher-dropdown': true,
+        'switcher-dropdown--noborder': !!noborder,
+      })}
       .placeholder=${placeholder}
       .disabled="${disabled}"
       .multiple="${multiple}"
@@ -332,6 +336,7 @@ export class NileSwitcher extends NileElement {
       .readonly=${readonly}
       .expandable="${expand}"
       .error=${error}
+      .noborder=${noborder}
       .updateValue=${updateValue}
       .errorMessage=${errorMessage}
       .customAutoCompletions="${customAutoCompletions}"
@@ -411,9 +416,8 @@ export class NileSwitcher extends NileElement {
   }
 
   singleFieldSwitcher() {
-    if (!this.currentInput) {
-      this.setCurrentInput();
-    }
+    this.setCurrentInput();
+
     return html`
       ${choose(
         this.currentInput.inputType,