@aquera/nile-elements 0.0.34 → 0.0.36-1

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/nile-code-editor.css.js

@@ -17,7 +17,13 @@ export const styles = css `
     display: flex;
     justify-content: flex-end;
     flex-direction: row-reverse;
-    gap: 0.6rem;
+    padding: 5px;
+    border-radius: 5px;
+    border: 1px solid rgb(204, 204, 204);
+  }
+
+  .error {
+    border-color: #e5434d;
   }
 
   .cm-editor {
@@ -31,11 +37,12 @@ export const styles = css `
   }
 
   .code-editor__icon__container {
-    cursor: pointer;
+    display: none;
   }
-
-  .code-editor__icon__container {
-    padding-right: 5px;
+  .code-mirror:hover > .code-editor__icon__container {
+    cursor: pointer;
+    display: flex;
+    padding-right: 10px;
   }
 `;
 export default [styles];

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/nile-code-editor.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-code-editor.css.js","sourceRoot":"","sources":["../../../src/nile-code-editor/nile-code-editor.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * CodeEditor CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .code-mirror {\n    display: flex;\n    justify-content: flex-end;\n    flex-direction: row-reverse;\n    gap: 0.6rem;\n  }\n\n  .cm-editor {\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n  }\n\n  .ͼ1.cm-focused {\n    outline: none;\n  }\n\n  .code-editor__icon__container {\n    cursor: pointer;\n  }\n\n  .code-editor__icon__container {\n    padding-right: 5px;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-code-editor.css.js","sourceRoot":"","sources":["../../../src/nile-code-editor/nile-code-editor.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * CodeEditor CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .code-mirror {\n    display: flex;\n    justify-content: flex-end;\n    flex-direction: row-reverse;\n    padding: 5px;\n    border-radius: 5px;\n    border: 1px solid rgb(204, 204, 204);\n  }\n\n  .error {\n    border-color: #e5434d;\n  }\n\n  .cm-editor {\n    overflow: hidden;\n    width: 100%;\n    height: 100%;\n  }\n\n  .ͼ1.cm-focused {\n    outline: none;\n  }\n\n  .code-editor__icon__container {\n    display: none;\n  }\n  .code-mirror:hover > .code-editor__icon__container {\n    cursor: pointer;\n    display: flex;\n    padding-right: 10px;\n  }\n`;\n\nexport default [styles];\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/nile-code-editor.d.ts

@@ -8,6 +8,7 @@ import { CSSResultArray, TemplateResult } from 'lit-element';
 import { EditorView } from 'codemirror';
 import { Compartment } from '@codemirror/state';
 import NileElement from '../internal/nile-element';
+import { PropertyValues } from 'lit';
 /**
  * Nile icon component.
  *
@@ -16,10 +17,12 @@ import NileElement from '../internal/nile-element';
  */
 export declare class NileCodeEditor extends NileElement {
     codeEditor: HTMLInputElement;
-    multiline: true;
-    value: true;
+    multiline: boolean;
+    value: string;
     customOptions: any;
-    showLineNumbers: any;
+    updateValue: any;
+    errorMessage: string;
+    error: boolean;
     /**
      * The styles for CodeEditor
      * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
@@ -29,7 +32,9 @@ export declare class NileCodeEditor extends NileElement {
     view: EditorView;
     convertToSingleLine(code: any): any;
     lineNumbersComp: Compartment;
-    updated(): void;
+    handleValueChange(): void;
+    firstUpdated(changedProperties: PropertyValues): void;
+    setTheme(): import("@codemirror/state").Extension;
     emitValues(value: string): void;
     expandCodeEditor(): void;
     restrictSingleLine(): import("@codemirror/state").Extension;

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/nile-code-editor.js

@@ -14,6 +14,9 @@ import { javascript, javascriptLanguage, scopeCompletionSource, } from '@codemir
 import { autocompletion } from '@codemirror/autocomplete';
 import NileElement from '../internal/nile-element';
 import { basicSetup } from './extensionSetup';
+import { watch } from '../internal/watch';
+import { classMap } from 'lit/directives/class-map.js';
+import { Theme } from './theme';
 // Choose the appropriate mode for your use case
 /**
  * Nile icon component.
@@ -24,6 +27,12 @@ import { basicSetup } from './extensionSetup';
 let NileCodeEditor = class NileCodeEditor extends NileElement {
     constructor() {
         super(...arguments);
+        this.multiline = false;
+        this.value = '';
+        this.customOptions = {};
+        this.updateValue = false;
+        this.errorMessage = '';
+        this.error = false;
         this.lineNumbersComp = new Compartment();
         /* #endregion */
     }
@@ -41,32 +50,57 @@ let NileCodeEditor = class NileCodeEditor extends NileElement {
         // Remove line breaks and unnecessary whitespace
         return code.replace(/\s+/g, ' ').trim();
     }
-    updated() {
-        const customAutoCompletions = javascriptLanguage.data.of({
-            autocomplete: scopeCompletionSource(this.customOptions),
-        });
-        let startState = EditorState.create({
-            doc: !this.multiline ? this.convertToSingleLine(this.value) : this.value,
-            extensions: [
-                basicSetup({
-                    lineNumbers: !!this.showLineNumbers,
-                    foldGutter: !this.multiline ? false : true,
-                }),
-                customAutoCompletions,
-                autocompletion(),
-                javascript(),
-                !this.multiline ? this.restrictSingleLine() : [],
-                EditorView.updateListener.of((v) => {
-                    if (v.docChanged) {
-                        this.emitValues(this.view.state.doc.toString());
-                    }
-                }),
-            ],
-        });
-        this.view = new EditorView({
-            state: startState,
-            parent: this.codeEditor,
-        });
+    handleValueChange() { }
+    firstUpdated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('value')) {
+            const customAutoCompletions = javascriptLanguage.data.of({
+                autocomplete: scopeCompletionSource(this.customOptions),
+            });
+            if (!this.view) {
+                let startState = EditorState.create({
+                    doc: !this.multiline
+                        ? this.convertToSingleLine(this.value)
+                        : this.value,
+                    extensions: [
+                        basicSetup({
+                            lineNumbers: !!this.multiline,
+                            highlightActiveLine: false,
+                            foldGutter: !!this.multiline,
+                        }),
+                        customAutoCompletions,
+                        autocompletion(),
+                        javascript(),
+                        this.setTheme(),
+                        !this.multiline ? this.restrictSingleLine() : [],
+                        EditorView.updateListener.of((v) => {
+                            if (v.docChanged) {
+                                this.emitValues(this.view.state.doc.toString());
+                            }
+                        }),
+                    ],
+                });
+                this.view = new EditorView({
+                    state: startState,
+                    parent: this.codeEditor,
+                });
+            }
+            else {
+                // Editor has already been initialized, update its state
+                this.view.dispatch({
+                    changes: {
+                        from: 0,
+                        to: this.view.state.doc.length,
+                        insert: !this.multiline
+                            ? this.convertToSingleLine(this.value)
+                            : this.value,
+                    },
+                });
+            }
+        }
+    }
+    setTheme() {
+        return EditorView.theme(Theme);
     }
     emitValues(value) {
         this.emit('nile-change', { value: value });
@@ -78,24 +112,40 @@ let NileCodeEditor = class NileCodeEditor extends NileElement {
         return EditorState.transactionFilter.of(tr => tr.newDoc.lines > 1 ? [] : tr);
     }
     render() {
-        return html `<div class="code-mirror">
-      ${!this.multiline
-            ? html `<nile-icon
-            name="fullscreenshrink"
-            class="code-editor__icon__container"
-            size="16"
-            color="black"
-            @click="${(e) => this.expandCodeEditor()}"
-          ></nile-icon>`
+        const hasErrorMessage = !!this.errorMessage;
+        const hasError = !!this.error;
+        return html `<div
+        part="code-editor-base"
+        class=${classMap({
+            'code-mirror': true,
+            error: hasError || hasErrorMessage,
+            'code-mirror__singleline': !this.multiline,
+        })}
+      >
+        ${!this.multiline
+            ? html ` <nile-icon
+              name="fullscreenshrink"
+              class="code-editor__icon__container"
+              size="16"
+              color="black"
+              @click="${(e) => this.expandCodeEditor()}"
+            ></nile-icon>`
             : ''}
-    </div>`;
+      </div>
+      ${hasErrorMessage
+            ? html `
+            <nile-form-error-message
+              >${this.errorMessage}</nile-form-error-message
+            >
+          `
+            : ``}`;
     }
 };
 __decorate([
     query('.code-mirror')
 ], NileCodeEditor.prototype, "codeEditor", void 0);
 __decorate([
-    property({ type: Boolean })
+    property({ type: Boolean, reflect: true })
 ], NileCodeEditor.prototype, "multiline", void 0);
 __decorate([
     property({ type: String })
@@ -104,8 +154,17 @@ __decorate([
     property({ type: String })
 ], NileCodeEditor.prototype, "customOptions", void 0);
 __decorate([
-    property({ type: String })
-], NileCodeEditor.prototype, "showLineNumbers", void 0);
+    property({ type: Boolean })
+], NileCodeEditor.prototype, "updateValue", void 0);
+__decorate([
+    property({ attribute: 'error-message' })
+], NileCodeEditor.prototype, "errorMessage", void 0);
+__decorate([
+    property({ attribute: 'error' })
+], NileCodeEditor.prototype, "error", void 0);
+__decorate([
+    watch(['value'], { waitUntilFirstUpdate: true })
+], NileCodeEditor.prototype, "handleValueChange", null);
 NileCodeEditor = __decorate([
     customElement('nile-code-editor')
 ], NileCodeEditor);

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/nile-code-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-code-editor.js","sourceRoot":"","sources":["../../../src/nile-code-editor/nile-code-editor.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, query } from 'lit/decorators.js';\nimport { styles } from './nile-code-editor.css';\nimport { EditorView } from 'codemirror';\nimport { ViewUpdate } from '@codemirror/view';\nimport { EditorState, Compartment } from '@codemirror/state';\nimport {\n  javascript,\n  javascriptLanguage,\n  scopeCompletionSource,\n  completionPath,\n} from '@codemirror/lang-javascript';\nimport { autocompletion } from '@codemirror/autocomplete';\nimport { CompletionContext, Completion } from '@codemirror/autocomplete';\nimport NileElement from '../internal/nile-element';\nimport { basicSetup } from './extensionSetup';\n\n// Choose the appropriate mode for your use case\n\n/**\n * Nile icon component.\n *\n * @tag nile-code-editor\n *\n */\n@customElement('nile-code-editor')\nexport class NileCodeEditor extends NileElement {\n  @query('.code-mirror') codeEditor: HTMLInputElement;\n  @property({ type: Boolean }) multiline: true;\n  @property({ type: String }) value: true;\n  @property({ type: String }) customOptions: any;\n  @property({ type: String }) showLineNumbers: any;\n\n  /**\n   * The styles for CodeEditor\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  view: EditorView;\n\n  convertToSingleLine(code: any) {\n    // Remove line breaks and unnecessary whitespace\n    return code.replace(/\\s+/g, ' ').trim();\n  }\n  lineNumbersComp = new Compartment();\n\n  updated() {\n    const customAutoCompletions = javascriptLanguage.data.of({\n      autocomplete: scopeCompletionSource(this.customOptions),\n    });\n    let startState = EditorState.create({\n      doc: !this.multiline ? this.convertToSingleLine(this.value) : this.value,\n      extensions: [\n        basicSetup({\n          lineNumbers: !!this.showLineNumbers,\n          foldGutter: !this.multiline ? false : true,\n        }),\n        customAutoCompletions,\n        autocompletion(),\n        javascript(),\n        !this.multiline ? this.restrictSingleLine() : [],\n        EditorView.updateListener.of((v: ViewUpdate) => {\n          if (v.docChanged) {\n            this.emitValues(this.view.state.doc.toString());\n          }\n        }),\n      ],\n    });\n\n    this.view = new EditorView({\n      state: startState,\n      parent: this.codeEditor,\n    });\n  }\n\n  emitValues(value: string) {\n    this.emit('nile-change', { value: value });\n  }\n\n  expandCodeEditor() {\n    this.emit('nile-expand', { expand: true });\n  }\n\n  restrictSingleLine() {\n    return EditorState.transactionFilter.of(tr =>\n      tr.newDoc.lines > 1 ? [] : tr\n    );\n  }\n  public render(): TemplateResult {\n    return html`<div class=\"code-mirror\">\n      ${!this.multiline\n        ? html`<nile-icon\n            name=\"fullscreenshrink\"\n            class=\"code-editor__icon__container\"\n            size=\"16\"\n            color=\"black\"\n            @click=\"${(e: CustomEvent) => this.expandCodeEditor()}\"\n          ></nile-icon>`\n        : ''}\n    </div>`;\n  }\n\n  /* #endregion */\n}\n\nexport default NileCodeEditor;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-code-editor': NileCodeEditor;\n  }\n}\n"]}
+{"version":3,"file":"nile-code-editor.js","sourceRoot":"","sources":["../../../src/nile-code-editor/nile-code-editor.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n  PropertyValueMap,\n} from 'lit-element';\nimport { customElement, query } from 'lit/decorators.js';\nimport { styles } from './nile-code-editor.css';\nimport { EditorView } from 'codemirror';\nimport { ViewUpdate } from '@codemirror/view';\nimport { EditorState, Compartment } from '@codemirror/state';\nimport {\n  javascript,\n  javascriptLanguage,\n  scopeCompletionSource,\n  completionPath,\n} from '@codemirror/lang-javascript';\nimport { autocompletion } from '@codemirror/autocomplete';\nimport { CompletionContext, Completion } from '@codemirror/autocomplete';\nimport NileElement from '../internal/nile-element';\nimport { basicSetup } from './extensionSetup';\nimport { watch } from '../internal/watch';\nimport { PropertyValues } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { Theme } from './theme';\n\n// Choose the appropriate mode for your use case\n\n/**\n * Nile icon component.\n *\n * @tag nile-code-editor\n *\n */\n@customElement('nile-code-editor')\nexport class NileCodeEditor extends NileElement {\n  @query('.code-mirror') codeEditor: HTMLInputElement;\n  @property({ type: Boolean, reflect: true }) multiline = false;\n  @property({ type: String }) value = '';\n  @property({ type: String }) customOptions: any = {};\n  @property({ type: Boolean }) updateValue: any = false;\n  @property({ attribute: 'error-message' }) errorMessage = '';\n  @property({ attribute: 'error' }) error = false;\n\n  /**\n   * The styles for CodeEditor\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  view: EditorView;\n\n  convertToSingleLine(code: any) {\n    // Remove line breaks and unnecessary whitespace\n    return code.replace(/\\s+/g, ' ').trim();\n  }\n  lineNumbersComp = new Compartment();\n\n  @watch(['value'], { waitUntilFirstUpdate: true })\n  handleValueChange() {}\n\n  firstUpdated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n    if (changedProperties.has('value')) {\n      const customAutoCompletions = javascriptLanguage.data.of({\n        autocomplete: scopeCompletionSource(this.customOptions),\n      });\n      if (!this.view) {\n        let startState = EditorState.create({\n          doc: !this.multiline\n            ? this.convertToSingleLine(this.value)\n            : this.value,\n          extensions: [\n            basicSetup({\n              lineNumbers: !!this.multiline,\n              highlightActiveLine: false,\n              foldGutter: !!this.multiline,\n            }),\n            customAutoCompletions,\n            autocompletion(),\n            javascript(),\n            this.setTheme(),\n            !this.multiline ? this.restrictSingleLine() : [],\n            EditorView.updateListener.of((v: ViewUpdate) => {\n              if (v.docChanged) {\n                this.emitValues(this.view.state.doc.toString());\n              }\n            }),\n          ],\n        });\n\n        this.view = new EditorView({\n          state: startState,\n          parent: this.codeEditor,\n        });\n      } else {\n        // Editor has already been initialized, update its state\n          this.view.dispatch({\n            changes: {\n              from: 0,\n              to: this.view.state.doc.length,\n              insert: !this.multiline\n                ? this.convertToSingleLine(this.value)\n                : this.value,\n            },\n          });\n        }\n      }\n    \n  }\n\n  setTheme() {\n    return EditorView.theme(Theme);\n  }\n\n  emitValues(value: string) {\n    this.emit('nile-change', { value: value });\n  }\n\n  expandCodeEditor() {\n    this.emit('nile-expand', { expand: true });\n  }\n\n  restrictSingleLine() {\n    return EditorState.transactionFilter.of(tr =>\n      tr.newDoc.lines > 1 ? [] : tr\n    );\n  }\n  public render(): TemplateResult {\n    const hasErrorMessage = !!this.errorMessage;\n    const hasError = !!this.error;\n    return html`<div\n        part=\"code-editor-base\"\n        class=${classMap({\n          'code-mirror': true,\n          error: hasError || hasErrorMessage,\n          'code-mirror__singleline': !this.multiline,\n        })}\n      >\n        ${!this.multiline\n          ? html` <nile-icon\n              name=\"fullscreenshrink\"\n              class=\"code-editor__icon__container\"\n              size=\"16\"\n              color=\"black\"\n              @click=\"${(e: CustomEvent) => this.expandCodeEditor()}\"\n            ></nile-icon>`\n          : ''}\n      </div>\n      ${hasErrorMessage\n        ? html`\n            <nile-form-error-message\n              >${this.errorMessage}</nile-form-error-message\n            >\n          `\n        : ``}`;\n  }\n\n  /* #endregion */\n}\n\nexport default NileCodeEditor;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-code-editor': NileCodeEditor;\n  }\n}\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/theme.d.ts

@@ -0,0 +1,9 @@
+export declare const Theme: {
+    '&': {
+        fontSize: string;
+        fontFamily: string;
+        fontWeight: string;
+    };
+    '.cm-content': {};
+    '.cm-scroller': {};
+};

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/theme.js

@@ -0,0 +1,10 @@
+export const Theme = {
+    '&': {
+        fontSize: '14px',
+        fontFamily: 'Colfax-regular',
+        fontWeight: '400',
+    },
+    '.cm-content': {},
+    '.cm-scroller': {},
+};
+//# sourceMappingURL=theme.js.map

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-code-editor/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/nile-code-editor/theme.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,GAAG,EAAE;QACH,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,gBAAgB;QAC5B,UAAU,EAAE,KAAK;KAClB;IACD,aAAa,EAAE,EAAE;IACjB,cAAc,EAAE,EAAE;CACnB,CAAC","sourcesContent":["export const Theme = {\n  '&': {\n    fontSize: '14px',\n    fontFamily: 'Colfax-regular',\n    fontWeight: '400',\n  },\n  '.cm-content': {},\n  '.cm-scroller': {},\n};\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-switcher/nile-switcher.css.js

@@ -14,22 +14,31 @@ export const styles = css `
     box-sizing: border-box;
   }
 
-  .switcher-icon-container {
+  .pointer-cursor {
     cursor: pointer;
-    justify-content: center;
+  }
+
+  .switcher__label {
     display: flex;
     align-items: center;
-    margin-bottom: 6px;
-    height: 28px;
-    width: 28px;
-    border-radius: 4px;
+    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-blue-400);
   }
 
-  .switcher-input-container {
+  .switcher-container {
     display: flex;
   }
 
@@ -41,21 +50,36 @@ export const styles = css `
     flex-direction: column;
   }
 
-  .switcher-block > :first-child {
-    align-self: end;
-  }
-
   .switcher-inline > :nth-child(2) {
     flex: 1;
   }
 
-  .switcher-input-container > :first-child {
+  .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;
@@ -63,15 +87,14 @@ export const styles = css `
 
   nile-code-editor {
     overflow: hidden;
-    padding-top: 2px;
-    border-radius: 5px;
-    border: 1px solid rgb(204, 204, 204);
   }
 
-  .code-editor__no-border {
-    border: none;
+  .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;

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-switcher/nile-switcher.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-switcher.css.js","sourceRoot":"","sources":["../../../src/nile-switcher/nile-switcher.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ExB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * FieldGenerator CSS\n */\nexport const styles = css`\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .switcher-icon-container {\n    cursor: pointer;\n    justify-content: center;\n    display: flex;\n    align-items: center;\n    margin-bottom: 6px;\n    height: 28px;\n    width: 28px;\n    border-radius: 4px;\n  }\n\n  .switcher-icon-container.current {\n    background: var(--nile-colors-blue-400);\n  }\n\n  .switcher-input-container {\n    display: flex;\n  }\n\n  .switcher-inline {\n    gap: 0.5rem;\n  }\n\n  .switcher-block {\n    flex-direction: column;\n  }\n\n  .switcher-block > :first-child {\n    align-self: end;\n  }\n\n  .switcher-inline > :nth-child(2) {\n    flex: 1;\n  }\n\n  .switcher-input-container > :first-child {\n    display: flex;\n    gap: 0.5rem;\n    max-height: 38px;\n    align-items: center;\n  }\n\n  nile-radio {\n    display: inline-block;\n    padding-right: 10px;\n  }\n\n  nile-code-editor {\n    overflow: hidden;\n    padding-top: 2px;\n    border-radius: 5px;\n    border: 1px solid rgb(204, 204, 204);\n  }\n\n  .code-editor__no-border {\n    border: none;\n  }\n\n  .switcher-object-mapper::part(input) {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n  }\n\n  .switcher-input--noborder::part(base) {\n    border: none;\n  }\n  .switcher-object-mapper--noborder::part(base) {\n    border: none;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-switcher.css.js","sourceRoot":"","sources":["../../../src/nile-switcher/nile-switcher.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkGxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * FieldGenerator CSS\n */\nexport const styles = css`\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .pointer-cursor {\n    cursor: pointer;\n  }\n\n  .switcher__label {\n    display: flex;\n    align-items: center;\n    color: inherit;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  switcher-object-mapper:hover {\n    display: flex;\n  }\n  .switcher-icon-container.current {\n    background: var(--nile-colors-blue-400);\n  }\n\n  .switcher-container {\n    display: flex;\n  }\n\n  .switcher-inline {\n    gap: 0.5rem;\n  }\n\n  .switcher-block {\n    flex-direction: column;\n  }\n\n  .switcher-inline > :nth-child(2) {\n    flex: 1;\n  }\n\n  .switcher-icons-container {\n    display: flex;\n    margin-left: auto;\n    gap: 0.5rem;\n    max-height: 38px;\n    align-items: center;\n  }\n\n  .switcher-block > .switcher-icons-container {\n    margin-left: auto;\n  }\n\n  .label-container {\n    display: flex;\n  }\n\n  .switcher-icon-container {\n    cursor: pointer;\n    justify-content: center;\n    display: flex;\n    align-items: center;\n    margin-bottom: 6px;\n    height: 28px;\n    width: 28px;\n    border-radius: 4px;\n  }\n  nile-radio {\n    display: inline-block;\n    padding-right: 10px;\n  }\n\n  nile-code-editor {\n    overflow: hidden;\n  }\n\n  .switcher-object-mapper-icon {\n    display: none;\n  }\n  .switcher-object-mapper:hover > .switcher-object-mapper-icon {\n    display: block;\n  }\n  .switcher-object-mapper::part(input) {\n    color: var(--nile-colors-primary-600);\n    cursor: pointer;\n  }\n\n  .switcher-input--noborder::part(base) {\n    border: none;\n  }\n  .switcher-object-mapper--noborder::part(base) {\n    border: none;\n  }\n`;\n\nexport default [styles];\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-switcher/nile-switcher.d.ts

@@ -76,6 +76,7 @@ export declare class NileSwitcher extends NileElement {
      * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
      */
     static styles: CSSResultGroup;
+    private readonly hasSlotController;
     nileSwitchConfig: switchconfig;
     current: Number;
     currentInput: switchInputType;
@@ -95,6 +96,7 @@ export declare class NileSwitcher extends NileElement {
     handleExpand(event: CustomEvent, inputType: string): void;
     handleChange(event: CustomEvent, inputType: string): void;
     renderIcon(): TemplateResult<1>;
+    isToggleSwitch: (item: any) => any;
     toggleField(currentInput: switchInputType, index: Number): void;
     singleFieldSwitcher(): TemplateResult<1>;
     render(): TemplateResult;

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-switcher/nile-switcher.js

@@ -13,6 +13,7 @@ import { choose } from 'lit/directives/choose.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { repeat } from 'lit/directives/repeat.js';
 import { watch } from '../internal/watch';
+import { HasSlotController } from '../internal/slot';
 export var POSITIONS;
 (function (POSITIONS) {
     POSITIONS["INLINE"] = "inline";
@@ -42,7 +43,11 @@ export var MODE;
 let NileSwitcher = class NileSwitcher extends NileElement {
     constructor() {
         super(...arguments);
-        this.current = 0;
+        this.hasSlotController = new HasSlotController(this, 'label');
+        this.current = 1;
+        this.isToggleSwitch = (item) => {
+            return typeof item === 'undefined' || item;
+        };
     }
     connectedCallback() {
         super.connectedCallback();
@@ -84,6 +89,7 @@ let NileSwitcher = class NileSwitcher extends NileElement {
     renderDropdown(Input) {
         const { options, multiple, placeholder, disabled, value, error, errorMessage, inputType, } = Input;
         return html `<nile-select
+      part="dropdown"
       class="switcher-dropdown"
       .placeholder=${placeholder}
       .disabled="${disabled}"
@@ -171,7 +177,7 @@ let NileSwitcher = class NileSwitcher extends NileElement {
         const mode = this.currentInput.mode;
         const value = this.currentInput.mode === MODE.CREATE
             ? 'Click to Create - Not Mapped'
-            : '';
+            : 'Click to Edit';
         return html `<nile-input
       class=${classMap({
             'switcher-object-mapper': true,
@@ -194,16 +200,15 @@ let NileSwitcher = class NileSwitcher extends NileElement {
     renderCodeEditor(Input) {
         const { value, multiLine, customAutoCompletions, disabled, readonly, errorMessage, error, inputType, noborder, } = Input;
         return html `<nile-code-editor
+      part="switcher-code-editor"
       class=${classMap({
             'code-editor': true,
-            'code-editor__no-border': !!noborder,
         })}
       @nile-expand="${(e) => this.handleExpand(e, INPUT_TYPE_NAMES.CODE_EDITOR)}"
       @nile-change="${(e) => this.handleChange(e, INPUT_TYPE_NAMES.CODE_EDITOR)}"
       .multiline="${multiLine}"
       .value="${value}"
       .customOptions="${customAutoCompletions}"
-      .showLineNumbers="false"
     ></nile-code-editor> `;
     }
     handleExpand(event, inputType) {
@@ -231,7 +236,7 @@ let NileSwitcher = class NileSwitcher extends NileElement {
         const inputs = this.nileSwitchConfig.inputs;
         const toolTipPosition = this.nileSwitchConfig.align === POSITIONS.BLOCK ? 'top' : 'bottom';
         return html `
-      <div class="switcher-icons-container">
+      <div part="icons-container" class="switcher-icons-container">
         ${repeat(inputs, (input, index) => html ` <nile-tooltip
             class=${classMap({
             'switcher-tooltip-container': true,
@@ -259,8 +264,14 @@ let NileSwitcher = class NileSwitcher extends NileElement {
     `;
     }
     toggleField(currentInput, index) {
-        this.current = index;
-        this.emit('nile-switch', { input: this.currentInput });
+        if (this.isToggleSwitch(this.nileSwitchConfig.confirmation)) {
+            this.current = index;
+        }
+        this.updateComplete.then(res => {
+            if (res) {
+                this.emit('nile-switch', { input: this.currentInput });
+            }
+        });
     }
     singleFieldSwitcher() {
         if (!this.currentInput) {
@@ -298,15 +309,31 @@ let NileSwitcher = class NileSwitcher extends NileElement {
     `;
     }
     render() {
+        const hasLabelSlot = this.hasSlotController.test('label');
         const align = this.nileSwitchConfig.align;
         return html `<div
+      part="base"
       class=${classMap({
             'switcher-block': align === POSITIONS.BLOCK,
             'switcher-inline': align === POSITIONS.INLINE,
-            'switcher-input-container': true,
+            'switcher-container': true,
         })}
     >
-      ${this.renderIcon()} ${this.singleFieldSwitcher()}
+      <div class="label-container">
+        ${hasLabelSlot
+            ? html `
+           <label
+          part="switcher-label"
+          class="switcher__label"
+          for="input"
+        >
+          <slot name="label"></slot>
+        </label>
+          </div> `
+            : ''}
+        ${this.renderIcon()}
+      </div>
+      ${this.singleFieldSwitcher()}
     </div>`;
     }
 };