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

package/package.json

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

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

@@ -29,9 +29,8 @@ export const styles = css`
   }
 
   .cm-editor {
-    overflow: hidden;
-    width: 100%;
-    height: 100%;
+    flex: 1;
+    min-width: 0;
   }
 
   .ͼ1.cm-focused {
@@ -44,7 +43,7 @@ export const styles = css`
   .code-mirror:hover > .code-editor__icon__container {
     cursor: pointer;
     display: flex;
-    padding-right: 10px;
+    padding-right: 5px;
   }
 `;
 

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

@@ -61,6 +61,12 @@ export class NileCodeEditor extends NileElement {
 
   connectedCallback(): void {
     super.connectedCallback();
+    this.emit('nile-init');
+  }
+
+  disconnectedCallback(): void {
+    super.disconnectedCallback();
+    this.emit('nile-destroy');
   }
 
   view: EditorView;
@@ -74,7 +80,7 @@ export class NileCodeEditor extends NileElement {
   @watch(['value'], { waitUntilFirstUpdate: true })
   handleValueChange() {}
 
-  firstUpdated(changedProperties: PropertyValues) {
+  updated(changedProperties: PropertyValues) {
     super.updated(changedProperties);
     if (changedProperties.has('value')) {
       const customAutoCompletions = javascriptLanguage.data.of({
@@ -109,7 +115,8 @@ export class NileCodeEditor extends NileElement {
           parent: this.codeEditor,
         });
       } else {
-        // Editor has already been initialized, update its state
+        if (this.updateValue) {
+          // Editor has already been initialized, update its state
           this.view.dispatch({
             changes: {
               from: 0,
@@ -121,7 +128,7 @@ export class NileCodeEditor extends NileElement {
           });
         }
       }
-    
+    }
   }
 
   setTheme() {
@@ -154,7 +161,7 @@ export class NileCodeEditor extends NileElement {
       >
         ${!this.multiline
           ? html` <nile-icon
-              name="fullscreenshrink"
+              name="expand-2"
               class="code-editor__icon__container"
               size="16"
               color="black"

package/src/nile-icon/icons/svg/edit-write.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41IDEwLjAwMDFMNS41IDEwLjU0MDFMNiA3LjUwMDA2TDExLjczIDEuNzkwMDZDMTEuODIzIDEuNjk2MzMgMTEuOTMzNiAxLjYyMTk0IDEyLjA1NTQgMS41NzExN0MxMi4xNzczIDEuNTIwNCAxMi4zMDggMS40OTQyNiAxMi40NCAxLjQ5NDI2QzEyLjU3MiAxLjQ5NDI2IDEyLjcwMjcgMS41MjA0IDEyLjgyNDYgMS41NzExN0MxMi45NDY0IDEuNjIxOTQgMTMuMDU3IDEuNjk2MzMgMTMuMTUgMS43OTAwNkwxNC4yMSAyLjg1MDA2QzE0LjMwMzcgMi45NDMwMiAxNC4zNzgxIDMuMDUzNjMgMTQuNDI4OSAzLjE3NTQ4QzE0LjQ3OTcgMy4yOTczNCAxNC41MDU4IDMuNDI4MDUgMTQuNTA1OCAzLjU2MDA2QzE0LjUwNTggMy42OTIwNyAxNC40Nzk3IDMuODIyNzggMTQuNDI4OSAzLjk0NDY0QzE0LjM3ODEgNC4wNjY1IDE0LjMwMzcgNC4xNzcxIDE0LjIxIDQuMjcwMDZMOC41IDEwLjAwMDFaIiBzdHJva2U9IiMxRDI0MzMiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTMgMTAuNVYxMy41QzEzIDEzLjc2NTIgMTIuODk0NiAxNC4wMTk2IDEyLjcwNzEgMTQuMjA3MUMxMi41MTk2IDE0LjM5NDYgMTIuMjY1MiAxNC41IDEyIDE0LjVIMi41QzIuMjM0NzggMTQuNSAxLjk4MDQzIDE0LjM5NDYgMS43OTI4OSAxNC4yMDcxQzEuNjA1MzYgMTQuMDE5NiAxLjUgMTMuNzY1MiAxLjUgMTMuNVY0QzEuNSAzLjczNDc4IDEuNjA1MzYgMy40ODA0MyAxLjc5Mjg5IDMuMjkyODlDMS45ODA0MyAzLjEwNTM2IDIuMjM0NzggMyAyLjUgM0g1LjUiIHN0cm9rZT0iIzFEMjQzMyIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/expand-2.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuNSA2LjVIMS41VjEuNUg2LjVWMi41SDMuMkw2LjQgNS42TDUuNiA2LjRMMi41IDMuMlY2LjVaTTEzLjUgMTIuOFY5LjVIMTQuNVYxNC41SDkuNVYxMy41SDEyLjhMOS43IDEwLjRMMTAuNCA5LjZMMTMuNSAxMi44Wk05LjYgNS42TDEwLjQgNi40TDEzLjUgMy4yVjYuNUgxNC41VjEuNUg5LjVWMi41SDEyLjhMOS42IDUuNlpNNS42IDkuNkw2LjMgMTAuNEwzLjIgMTMuNUg2LjVWMTQuNUgxLjVWOS41SDIuNVYxMi44TDUuNiA5LjZaIiBmaWxsPSIjMDA1RUE2Ii8+PC9zdmc+";

package/src/nile-icon/icons/svg/index.ts

@@ -106,6 +106,7 @@ export { default as draglist } from './draglist';
 export { default as droparrow } from './droparrow';
 export { default as dropdown } from './dropdown';
 export { default as editpencil } from './edit-pencil';
+export { default as editwrite } from './edit-write';
 export { default as else } from './else';
 export { default as email } from './email';
 export { default as enable } from './enable';
@@ -119,6 +120,7 @@ export { default as every } from './every';
 export { default as exactmatch } from './exactmatch';
 export { default as execute } from './execute';
 export { default as expand1 } from './expand-1';
+export { default as expand2 } from './expand-2';
 export { default as expand } from './expand';
 export { default as eye } from './eye';
 export { default as eyeclosed } from './eyeclosed';

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

@@ -37,7 +37,7 @@ export const styles = css`
     display: flex;
   }
   .switcher-icon-container.current {
-    background: var(--nile-colors-blue-400);
+    background: var(--nile-colors-primary-100);
   }
 
   .switcher-container {
@@ -54,6 +54,7 @@ export const styles = css`
 
   .switcher-inline > :nth-child(2) {
     flex: 1;
+    overflow: hidden;
   }
 
   .switcher-icons-container {
@@ -87,10 +88,6 @@ export const styles = css`
     padding-right: 10px;
   }
 
-  nile-code-editor {
-    overflow: hidden;
-  }
-
   .switcher-object-mapper-icon {
     display: none;
   }

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

@@ -105,7 +105,8 @@ export class NileSwitcher extends NileElement {
   private readonly hasSlotController = new HasSlotController(this, 'label');
 
   @property({ type: Object }) nileSwitchConfig: switchconfig;
-  @property({ type: Number }) current: Number = 1;
+
+  @property({ type: Number }) current: Number = 0;
 
   @property({ type: Object }) currentInput: switchInputType;
 
@@ -391,13 +392,9 @@ export class NileSwitcher extends NileElement {
   };
 
   toggleField(currentInput: switchInputType, index: Number) {
-    if (this.isToggleSwitch(this.nileSwitchConfig.confirmation)) {
-      this.current = index;
-    }
-    this.updateComplete.then(res => {
-      if (res) {
-        this.emit('nile-switch', { input: this.currentInput });
-      }
+    this.emit('nile-switch', {
+      inputClicked: index,
+      currentInput: currentInput,
     });
   }