@aquera/nile-elements 0.0.37 → 0.0.38-2

package/package.json

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

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

@@ -51,6 +51,7 @@ export interface BasicSetupOptions extends MinimalSetupOptions {
   completionKeymap?: boolean;
   lintKeymap?: boolean;
   tabSize?: number;
+  readonly?: false;
 }
 
 export const isValidSetup = (item: any) => {

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

@@ -46,10 +46,12 @@ export class NileCodeEditor extends NileElement {
   @query('.code-mirror') codeEditor: HTMLInputElement;
   @property({ type: Boolean, reflect: true }) multiline = false;
   @property({ type: String }) value = '';
-  @property({ type: String }) customOptions: any = {};
+  @property({ type: String }) customAutoCompletions: any = {};
   @property({ type: Boolean }) updateValue: any = false;
   @property({ attribute: 'error-message' }) errorMessage = '';
   @property({ attribute: 'error' }) error = false;
+  @property({ type: Boolean }) expandable: any = false;
+  @property({ type: Boolean }) readonly: any = false;
 
   /**
    * The styles for CodeEditor
@@ -84,7 +86,7 @@ export class NileCodeEditor extends NileElement {
     super.updated(changedProperties);
     if (changedProperties.has('value')) {
       const customAutoCompletions = javascriptLanguage.data.of({
-        autocomplete: scopeCompletionSource(this.customOptions),
+        autocomplete: scopeCompletionSource(this.customAutoCompletions),
       });
       if (!this.view) {
         let startState = EditorState.create({
@@ -97,6 +99,7 @@ export class NileCodeEditor extends NileElement {
               highlightActiveLine: false,
               foldGutter: !!this.multiline,
             }),
+            EditorState.readOnly.of(this.readonly),
             customAutoCompletions,
             autocompletion(),
             javascript(),
@@ -159,7 +162,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-content-editor/nile-content-editor.css.ts

@@ -14,6 +14,7 @@ export const styles = css`
   :host {
     box-sizing: border-box;
     font-size: 14px;
+    overflow: hidden;
   }
 
   .content-editable-wrapper {

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

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

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

@@ -29,6 +29,7 @@ export { default as attributemapanalysisicon } from './attribute-map-analysis-ic
 export { default as attributemap } from './attributemap';
 export { default as back } from './back';
 export { default as bargraph } from './bargraph';
+export { default as basic } from './basic';
 export { default as bellicon } from './bell-icon';
 export { default as bell } from './bell';
 export { default as block } from './block';
@@ -272,6 +273,7 @@ export { default as plussquare } from './plussquare';
 export { default as policy } from './policy';
 export { default as potentialmatch } from './potentialmatch';
 export { default as poweron } from './poweron';
+export { default as predefined } from './predefined';
 export { default as prevup } from './prev-up';
 export { default as prev } from './prev';
 export { default as preview } from './preview';
@@ -397,6 +399,10 @@ export { default as wait } from './wait';
 export { default as warning } from './warning';
 export { default as while } from './while';
 export { default as whileloop } from './whileloop';
+export { default as workflowapplication } from './workflow-application';
+export { default as workfloworchestration } from './workflow-orchestration';
+export { default as workflowsection } from './workflow-section';
 export { default as workflowsolid } from './workflow-solid';
+export { default as workflowtext } from './workflow-text';
 export { default as workflow } from './workflow';
 export { default as writeexpression } from './writeexpression';

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

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzAwOF8xMDY3KSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyA0SDNWNkgxM1Y0Wk0yIDNWN0gxNFYzSDJaTTkuOTY3NzQgOUgyVjEzSDUuOTY3NzRMNi45Njc3NCAxMkgzVjEwSDguOTY3NzRMOS45Njc3NCA5Wk0xMy44OTkxIDEzSDE0VjEyLjg5OTFMMTMuODk5MSAxM1pNMTAuMzgyMSAxMi43MTc0TDkgMTIuOTkzOUw5LjI3NjQxIDExLjYxMThMMTEuOTI3MSA4Ljk2NTYxTDEzLjAzMzMgMTAuMDY2MkwxMC4zODIxIDEyLjcxNzRaTTEzLjQ2NzcgOS42MzE4NUwxMi4zNjE4IDguNTMxNjRMMTIuODk0MyA4TDE0IDkuMDk5NTFMMTMuNDY3NyA5LjYzMTg1WiIgZmlsbD0iIzIxMjEyMSIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzMwMDhfMTA2NyI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/workflow-application.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTM1XzM4KSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjUgMC41VjE1LjVIMTUuNVYwLjVIMC41Wk0xLjUgMS41SDE0LjVWNi41SDEuNVYxLjVaTTEuNSAxNC41VjcuNUgxNC41VjE0LjVIMS41Wk04IDMuNUgzVjQuNUg4VjMuNVpNMTEgMy41SDEzVjQuNUgxMVYzLjVaIiBmaWxsPSJibGFjayIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImNsaXAwXzEzNV8zOCI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/workflow-orchestration.ts

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

package/src/nile-icon/icons/svg/workflow-section.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy41IDIuNjI1VjEuNzVINC4zNzVWMi42MjVIMy41WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNNS4yNSAyLjYyNVYxLjc1SDYuMTI1VjIuNjI1SDUuMjVaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xLjc1IDIuNjI1VjEuNzVIMi42MjVWMi42MjVIMS43NVoiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTcgMi42MjVWMS43NUg3Ljg3NVYyLjYyNUg3WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNOC43NSAyLjYyNVYxLjc1SDkuNjI1VjIuNjI1SDguNzVaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xMC41IDIuNjI1VjEuNzVIMTEuMzc1VjIuNjI1SDEwLjVaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0yLjYyNSAxMi4yNVYxMS4zNzVIMy41VjEyLjI1SDIuNjI1WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNNC4zNzUgMTIuMjVWMTEuMzc1SDUuMjVWMTIuMjVINC4zNzVaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik02LjEyNSAxMi4yNVYxMS4zNzVIN1YxMi4yNUg2LjEyNVoiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTExLjM3NSAxMi4yNVYxMS4zNzVIMTIuMjVWMTIuMjVIMTEuMzc1WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNNy44NzUgMTIuMjVWMTEuMzc1SDguNzVWMTIuMjVINy44NzVaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik05LjYyNSAxMi4yNVYxMS4zNzVIMTAuNVYxMi4yNUg5LjYyNVoiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTEuNzUgN0wyLjYyNSA3TDIuNjI1IDcuODc1TDEuNzUgNy44NzVMMS43NSA3WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMS43NSA4Ljc1TDIuNjI1IDguNzVMMi42MjUgOS42MjVMMS43NSA5LjYyNUwxLjc1IDguNzVaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xLjc1IDEwLjVMMi42MjUgMTAuNUwyLjYyNSAxMS4zNzVMMS43NSAxMS4zNzVMMS43NSAxMC41WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMS43NSA1LjI1TDIuNjI1IDUuMjVMMi42MjUgNi4xMjVMMS43NSA2LjEyNUwxLjc1IDUuMjVaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xLjc1IDMuNUwyLjYyNSAzLjVMMi42MjUgNC4zNzVMMS43NSA0LjM3NUwxLjc1IDMuNVoiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTEuNzUgMTEuMzc1TDIuNjI1IDExLjM3NUwyLjYyNSAxMi4yNUwxLjc1IDEyLjI1TDEuNzUgMTEuMzc1WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMTEuMzc1IDYuMTI1TDEyLjI1IDYuMTI1TDEyLjI1IDdMMTEuMzc1IDdMMTEuMzc1IDYuMTI1WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMTEuMzc1IDcuODc1TDEyLjI1IDcuODc1TDEyLjI1IDguNzVMMTEuMzc1IDguNzVMMTEuMzc1IDcuODc1WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMTEuMzc1IDkuNjI1TDEyLjI1IDkuNjI1TDEyLjI1IDEwLjVMMTEuMzc1IDEwLjVMMTEuMzc1IDkuNjI1WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMTEuMzc1IDExLjM3NUwxMi4yNSAxMS4zNzVMMTIuMjUgMTIuMjVMMTEuMzc1IDEyLjI1TDExLjM3NSAxMS4zNzVaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xMS4zNzUgNC4zNzVMMTIuMjUgNC4zNzVMMTIuMjUgNS4yNUwxMS4zNzUgNS4yNUwxMS4zNzUgNC4zNzVaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xMS4zNzUgMi42MjVMMTIuMjUgMi42MjVMMTIuMjUgMy41TDExLjM3NSAzLjVMMTEuMzc1IDIuNjI1WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMTEuMzc1IDEuNzVMMTIuMjUgMS43NUwxMi4yNSAyLjYyNUwxMS4zNzUgMi42MjVMMTEuMzc1IDEuNzVaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/workflow-text.ts

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

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

@@ -19,24 +19,96 @@ export const styles = css`
   .pointer-cursor {
     cursor: pointer;
   }
-  .input-container {
+  .pointer-cursor-not-allowed {
+    cursor: default;
+  }
+
+  .switcher__label {
+    display: flex;
+    align-items: center;
+    color: inherit;
+    color: var(--nile-colors-dark-900);
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 14px;
+    letter-spacing: 0.2px;
+  }
+
+  switcher-object-mapper:hover {
+    display: flex;
+  }
+
+  .switcher-icon-container.current {
+    background: var(--nile-colors-primary-100);
+  }
+
+  .switcher-container {
     display: flex;
+  }
+
+  .switcher-inline {
     gap: 0.5rem;
   }
 
-  .input-container > :first-child {
-    max-width: 98%;
-    min-width: 98%;
+  .switcher-block {
+    flex-direction: column;
   }
 
-  nile-icon {
+  .switcher-inline > :nth-child(2) {
+    flex: 1;
+    overflow: hidden;
+  }
+
+  .switcher-icons-container {
+    display: flex;
+    margin-left: auto;
+    gap: 0.5rem;
     max-height: 38px;
+    align-items: center;
   }
 
+  .switcher-block > .switcher-icons-container {
+    margin-left: auto;
+  }
+
+  .label-container {
+    display: flex;
+  }
+
+  .switcher-icon-container {
+    cursor: pointer;
+    justify-content: center;
+    display: flex;
+    align-items: center;
+    margin-bottom: 6px;
+    height: 28px;
+    width: 28px;
+    border-radius: 4px;
+  }
   nile-radio {
     display: inline-block;
     padding-right: 10px;
   }
+
+  .switcher-object-mapper-icon {
+    display: none;
+  }
+  .switcher-object-mapper:hover > .switcher-object-mapper-icon {
+    display: block;
+  }
+  .switcher-object-mapper::part(input) {
+    color: var(--nile-colors-primary-600);
+    cursor: pointer;
+  }
+
+  .switcher-input--noborder::part(base) {
+    border: none;
+  }
+  .switcher-object-mapper--noborder::part(base) {
+    border: none;
+  }
 `;
 
 export default [styles];