@aquera/nile-elements 0.0.12 → 0.0.13

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

@@ -14,4 +14,7 @@ export declare const KeyCode: {
     ARROW_UP: string;
     ARROW_RIGHT: string;
     ARROW_DOWN: string;
+    CUT: string;
+    COPY: string;
+    PASTE: string;
 };

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

@@ -14,5 +14,8 @@ export const KeyCode = {
     ARROW_UP: 'ArrowUp',
     ARROW_RIGHT: 'ArrowRight',
     ARROW_DOWN: 'ArrowDown',
+    CUT: 'KeyX',
+    COPY: 'Copy',
+    PASTE: 'Paste',
 };
 //# sourceMappingURL=enum.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"enum.js","sourceRoot":"","sources":["../../../src/internal/enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,SAAS,EAAE,WAAW;IACtB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,UAAU;IACrB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,WAAW;IACvB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,YAAY;IACzB,UAAU,EAAE,WAAW;CACxB,CAAC","sourcesContent":["export const KeyCode = {\n  BACKSPACE: 'Backspace',\n  TAB: 'Tab',\n  ENTER: 'Enter',\n  SHIFT: 'ShiftLeft', // or 'ShiftRight'\n  CTRL: 'ControlLeft', // or 'ControlRight'\n  ESCAPE: 'Escape',\n  SPACE: 'Space',\n  PAGE_UP: 'PageUp',\n  PAGE_DOWN: 'PageDown',\n  END: 'End',\n  HOME: 'Home',\n  ARROW_LEFT: 'ArrowLeft',\n  ARROW_UP: 'ArrowUp',\n  ARROW_RIGHT: 'ArrowRight',\n  ARROW_DOWN: 'ArrowDown',\n};\n"]}
+{"version":3,"file":"enum.js","sourceRoot":"","sources":["../../../src/internal/enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,SAAS,EAAE,WAAW;IACtB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,UAAU;IACrB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,WAAW;IACvB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,YAAY;IACzB,UAAU,EAAE,WAAW;IACvB,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACf,CAAC","sourcesContent":["export const KeyCode = {\n  BACKSPACE: 'Backspace',\n  TAB: 'Tab',\n  ENTER: 'Enter',\n  SHIFT: 'ShiftLeft', // or 'ShiftRight'\n  CTRL: 'ControlLeft', // or 'ControlRight'\n  ESCAPE: 'Escape',\n  SPACE: 'Space',\n  PAGE_UP: 'PageUp',\n  PAGE_DOWN: 'PageDown',\n  END: 'End',\n  HOME: 'Home',\n  ARROW_LEFT: 'ArrowLeft',\n  ARROW_UP: 'ArrowUp',\n  ARROW_RIGHT: 'ArrowRight',\n  ARROW_DOWN: 'ArrowDown',\n  CUT: 'KeyX',\n  COPY: 'Copy',\n  PASTE: 'Paste',\n};\n"]}

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

@@ -23,7 +23,7 @@ export const styles = css `
 
   .dropdown-position {
     position: relative;
-    bottom: 60px;
+    bottom: 20px;
   }
   .content-editable-input {
     box-sizing: border-box;

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

@@ -1 +1 @@
-{"version":3,"file":"nile-content-editor.css.js","sourceRoot":"","sources":["../../../src/nile-content-editor/nile-content-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFxB,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 * AttributeExpression CSS\n */\nexport const styles = css`\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n    font-size: 14px;\n  }\n\n  .content-editable-wrapper {\n    position: relative;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .dropdown-position {\n    position: relative;\n    bottom: 60px;\n  }\n  .content-editable-input {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 9px;\n    border: 1px solid #c7ced4;\n    border-radius: 4px;\n    overflow-x: auto;\n    overflow-anchor: none;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    cursor: text;\n    white-space: nowrap;\n    background-color: #ffffff;\n    height: 38px;\n  }\n  .content-editable-input:focus {\n    outline: none;\n  }\n\n  .error {\n    border-color: #e5434d;\n  }\n\n  .read-only {\n    cursor: not-allowed;\n  }\n\n  .chips {\n    display: inline;\n    background: #e5e9eb;\n    color: #000;\n    border-radius: 4px;\n    padding: 6px;\n    height: 24px;\n    line-height: 10px;\n    margin-left: 3px;\n    letter-spacing: 0.2px;\n  }\n\n  .text-area {\n    height: 120px;\n    overflow: scroll;\n    line-height: 26px;\n  }\n\n  .text-area .chips {\n    padding: 4px 8px;\n  }\n\n  .chip-error {\n    background: #f3a5aa;\n  }\n  .nile-options-container {\n    box-sizing: border-box;\n    background-color: #ffffff;\n    border: 1px solid #c7ced4;\n    overflow: auto;\n    max-height: 150px;\n  }\n\n  label {\n    display: inline-block;\n    margin-bottom: 6px;\n    font-family: 'colfax-medium';\n  }\n\n  .asterik {\n    color: #e5434d;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-content-editor.css.js","sourceRoot":"","sources":["../../../src/nile-content-editor/nile-content-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFxB,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 * AttributeExpression CSS\n */\nexport const styles = css`\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n    font-size: 14px;\n  }\n\n  .content-editable-wrapper {\n    position: relative;\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .dropdown-position {\n    position: relative;\n    bottom: 20px;\n  }\n  .content-editable-input {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 9px;\n    border: 1px solid #c7ced4;\n    border-radius: 4px;\n    overflow-x: auto;\n    overflow-anchor: none;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    cursor: text;\n    white-space: nowrap;\n    background-color: #ffffff;\n    height: 38px;\n  }\n  .content-editable-input:focus {\n    outline: none;\n  }\n\n  .error {\n    border-color: #e5434d;\n  }\n\n  .read-only {\n    cursor: not-allowed;\n  }\n\n  .chips {\n    display: inline;\n    background: #e5e9eb;\n    color: #000;\n    border-radius: 4px;\n    padding: 6px;\n    height: 24px;\n    line-height: 10px;\n    margin-left: 3px;\n    letter-spacing: 0.2px;\n  }\n\n  .text-area {\n    height: 120px;\n    overflow: scroll;\n    line-height: 26px;\n  }\n\n  .text-area .chips {\n    padding: 4px 8px;\n  }\n\n  .chip-error {\n    background: #f3a5aa;\n  }\n  .nile-options-container {\n    box-sizing: border-box;\n    background-color: #ffffff;\n    border: 1px solid #c7ced4;\n    overflow: auto;\n    max-height: 150px;\n  }\n\n  label {\n    display: inline-block;\n    margin-bottom: 6px;\n    font-family: 'colfax-medium';\n  }\n\n  .asterik {\n    color: #e5434d;\n  }\n`;\n\nexport default [styles];\n"]}

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

@@ -42,17 +42,17 @@ export declare class NileContentEditor extends NileElement {
     setInitialValues(): void;
     addOpenListeners(): void;
     removeOpenListeners(): void;
+    handleClipboardEvent(event: Event): Promise<void>;
     toggleDropdown(value: boolean): void;
     handleOutsideClick(event: Event): void;
     handleTypeChange(): void;
     disconnectedCallback(): void;
-    handlePaste(event: ClipboardEvent): void;
     private handlekeyDown;
     filterOptions(): void;
     generateValuesFromHTMLTags(string: any): string;
     generateHTMLTagsWithValues(string: any): string;
     emitInputChange(): void;
-    insertNodes(parentNode: Node, childNodes: NodeList, autoOptionsTag: Node): void;
+    insertNodes(parentNode: Node, childNodes: NodeList, autoOptionsTag?: Node): void;
     handleOptions(option: any): void;
     renderAutoOptions(): TemplateResult;
     render(): TemplateResult;

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

@@ -44,6 +44,7 @@ let NileContentEditor = class NileContentEditor extends NileElement {
     }
     connectedCallback() {
         this.handleOutsideClick = this.handleOutsideClick.bind(this);
+        this.handleClipboardEvent = this.handleClipboardEvent.bind(this);
         super.connectedCallback();
         this.emit('nile-init');
         this.addOpenListeners();
@@ -57,9 +58,36 @@ let NileContentEditor = class NileContentEditor extends NileElement {
     }
     addOpenListeners() {
         window.addEventListener('click', this.handleOutsideClick);
+        window.addEventListener('cut', this.handleClipboardEvent);
+        window.addEventListener('copy', this.handleClipboardEvent);
+        window.addEventListener('paste', this.handleClipboardEvent);
     }
     removeOpenListeners() {
         window.removeEventListener('click', this.handleOutsideClick);
+        window.removeEventListener('cut', this.handleClipboardEvent);
+        window.removeEventListener('copy', this.handleClipboardEvent);
+        window.removeEventListener('paste', this.handleClipboardEvent);
+    }
+    async handleClipboardEvent(event) {
+        const selectedText = window?.getSelection()?.toString();
+        if (!!selectedText) {
+            switch (event.type) {
+                case 'cut':
+                case 'copy':
+                    await navigator.clipboard.writeText(selectedText);
+                    document.execCommand(event.type);
+                    break;
+                case 'paste':
+                    const pastedText = await navigator.clipboard.readText();
+                    document.execCommand('insertText', false, pastedText);
+                    break;
+                default:
+                    break;
+            }
+        }
+        setTimeout(() => {
+            this.emitInputChange();
+        });
     }
     toggleDropdown(value) {
         this.openDropdown = value;
@@ -77,19 +105,14 @@ let NileContentEditor = class NileContentEditor extends NileElement {
         this.removeOpenListeners();
         this.emit('nile-destroy');
     }
-    handlePaste(event) {
-        event.preventDefault();
-        if (event.clipboardData) {
-            let text = event.clipboardData.getData('text/plain');
-            document.execCommand('insertText', false, text);
-        }
-        this.emitInputChange();
-    }
     handlekeyDown(event) {
         if (event.code === KeyCode.ENTER && this.type === 'text') {
             event.preventDefault();
             return;
         }
+        if ([KeyCode.CUT, KeyCode.COPY, KeyCode.PASTE].includes(event.code)) {
+            return;
+        }
         if (event.code === KeyCode.ESCAPE) {
             event.preventDefault();
             this.toggleDropdown(false);
@@ -99,8 +122,9 @@ let NileContentEditor = class NileContentEditor extends NileElement {
             const value = this.contentEditor.innerText;
             this.emitInputChange();
             if (value.includes(this.tagIdentifier)) {
-                this.toggleDropdown(true);
+                this.insertNodes(this.contentEditor, this.contentEditor.childNodes);
                 this.filterOptions();
+                this.toggleDropdown(true);
             }
             else {
                 this.toggleDropdown(false);
@@ -148,14 +172,27 @@ let NileContentEditor = class NileContentEditor extends NileElement {
         }
     }
     insertNodes(parentNode, childNodes, autoOptionsTag) {
-        Array.from(childNodes).map((node, index) => {
+        [...childNodes].forEach((node, index) => {
             if (node.hasChildNodes()) {
-                this.insertNodes(node, node.childNodes, autoOptionsTag);
+                if (autoOptionsTag) {
+                    this.insertNodes(node, node.childNodes, autoOptionsTag);
+                }
+                else {
+                    this.insertNodes(node, node.childNodes);
+                }
             }
             else {
                 if (node.nodeValue?.includes(this.tagIdentifier)) {
-                    parentNode.childNodes[index].nodeValue = node.nodeValue?.replace(this.tagIdentifier + this.filteredValue, '');
-                    parentNode.childNodes[index].after(autoOptionsTag);
+                    if (autoOptionsTag) {
+                        parentNode.childNodes[index].nodeValue = node.nodeValue?.replace(this.tagIdentifier + this.filteredValue, '');
+                        parentNode.childNodes[index].after(autoOptionsTag);
+                    }
+                    this.filteredValue =
+                        parentNode?.childNodes[index]?.nodeValue
+                            ?.split(this.tagIdentifier)
+                            .slice(1)
+                            .join() || '';
+                    return;
                 }
             }
         });
@@ -200,6 +237,7 @@ let NileContentEditor = class NileContentEditor extends NileElement {
       <nile-popup
         .active="${live(this.openDropdown)}"
         sync="width"
+        strategy="fixed"
         placement="bottom"
         class=${classMap({
             dropdown: true,
@@ -211,7 +249,7 @@ let NileContentEditor = class NileContentEditor extends NileElement {
           ${this.showLabel && this.labelText
             ? html `<label class="ods-label">${this.labelText} </label> ${this
                 .required
-                ? html `<sapn class="asterik">*</span>`
+                ? html `<span class="asterik">*</span>`
                 : ''}`
             : ''}
           <div
@@ -223,7 +261,6 @@ let NileContentEditor = class NileContentEditor extends NileElement {
             'text-area': type === 'text-area' ? true : false,
         })}
             @keydown=${this.handlekeyDown}
-            @paste=${this.handlePaste}
           ></div>
           ${hasHelpText
             ? html `

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

@@ -1 +1 @@
-{"version":3,"file":"nile-content-editor.js","sourceRoot":"","sources":["../../../src/nile-content-editor/nile-content-editor.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAkB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C;;;;;GAKG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,WAAW;IAA3C;QACL;;;;;;SAMC;;QAEW,UAAK,GAAW,EAAE,CAAC;QAMnB,cAAS,GAAY,IAAI,CAAC;QAE1B,cAAS,GAAG,EAAE,CAAC;QAEf,SAAI,GAAG,gBAAgB,CAAC;QAExB,aAAQ,GAAY,IAAI,CAAC;QAK5B,iBAAY,GAAG,KAAK,CAAC;QAE9B,kBAAa,GAAG,GAAG,CAAC;QAEpB,kBAAa,GAAG,EAAE,CAAC;QAEmB,aAAQ,GAAG,EAAE,CAAC;QAEf,aAAQ,GAAG,KAAK,CAAC;QAEZ,iBAAY,GAAG,EAAE,CAAC;QAE1B,UAAK,GAAG,KAAK,CAAC;IAyOlD,CAAC;IArOC,iBAAiB;QACf,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7D,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACvB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YAC7B,IAAI,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK;gBACrB,IAAI,CAAC,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,0BAA0B,CAC5D,IAAI,CAAC,KAAK,CACX,CAAC;QACN,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;QACd,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC5D,CAAC;IAED,mBAAmB;QACjB,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC/D,CAAC;IAED,cAAc,CAAC,KAAc;QAC3B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED,kBAAkB,CAAC,KAAY;QAC7B,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE;YACzB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;SAC5B;IACH,CAAC;IAGD,gBAAgB;QACd,IAAI,CAAC,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7E,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC5B,CAAC;IAED,WAAW,CAAC,KAAqB;QAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,KAAK,CAAC,aAAa,EAAE;YACvB,IAAI,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;YACrD,QAAQ,CAAC,WAAW,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;SACjD;QACD,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAEO,aAAa,CAAC,KAAU;QAC9B,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;YACxD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,OAAO;SACR;QACD,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,MAAM,EAAE;YACjC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAC3B,OAAO;SACR;QACD,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;YAC3C,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE;gBACtC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;gBAC1B,IAAI,CAAC,aAAa,EAAE,CAAC;aACtB;iBAAM;gBACL,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;aAC5B;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,aAAa;QACX,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC;QACpC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;YACjD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAChD,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,CACpC,CAAC;SACH;aAAM;YACL,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC;SACrC;IACH,CAAC;IAED,0BAA0B,CAAC,MAAW;QACpC,IAAI,OAAO,GACT,4EAA4E,CAAC;QAC/E,IAAI,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,KAAU,EAAE,MAAW,EAAE,EAAE;YAC/D,OAAO,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;QAC9B,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,0BAA0B,CAAC,MAAW;QACpC,IAAI,OAAO,GAAG,YAAY,CAAC;QAC3B,IAAI,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,KAAU,EAAE,MAAW,EAAE,EAAE;YAC/D,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC;gBAClC,CAAC,CAAC,8CAA8C,GAAG,MAAM,GAAG,SAAS;gBACrE,CAAC,CAAC,yDAAyD;oBACvD,MAAM;oBACN,SAAS,CAAC;QAClB,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;YAE9C,IAAI,IAAI,CAAC,aAAa,CAAC,SAAS,KAAK,EAAE,EAAE;gBACvC,UAAU,GAAG,IAAI,CAAC,0BAA0B,CAAC,UAAU,CAAC,CAAC;aAC1D;YACD,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;YAChD,UAAU,GAAG,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC;YAC7D,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;gBACvB,KAAK,EAAE,IAAI,CAAC,0BAA0B,CAAC,UAAU,CAAC;aACnD,CAAC,CAAC;SACJ;IACH,CAAC;IAED,WAAW,CAAC,UAAgB,EAAE,UAAoB,EAAE,cAAoB;QACtE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,IAAU,EAAE,KAAa,EAAE,EAAE;YACvD,IAAI,IAAI,CAAC,aAAa,EAAE,EAAE;gBACxB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;aACzD;iBAAM;gBACL,IAAI,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE;oBAChD,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAC9D,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,EACvC,EAAE,CACH,CAAC;oBACF,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;iBACpD;aACF;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,aAAa,CAAC,MAAW;QACvB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAC3B,IAAI,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACpD,cAAc,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC9C,cAAc,CAAC,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;QACxD,cAAc,CAAC,SAAS,GAAG,MAAM,CAAC;QAClC,IAAI,CAAC,WAAW,CACd,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,aAAa,CAAC,UAAU,EAC7B,cAAc,CACf,CAAC;QACF,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC;QACpC,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QACxB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAEM,iBAAiB;QACtB,OAAO,IAAI,CAAA;eACA,QAAQ,CAAC;YAChB,wBAAwB,EAAE,IAAI;YAC9B,mBAAmB,EAAE,IAAI,CAAC,IAAI,KAAK,WAAW;SAC/C,CAAC;;QAEA,IAAI,CAAC,eAAe;YACtB,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,EAAE;gBACvC,OAAO,IAAI,CAAA;oBACC,MAAM;oBACN,CAAC,KAAY,EAAE,EAAE;oBACzB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;gBAC7B,CAAC;aACE,MAAM;uBACI,CAAC;YAClB,CAAC,CAAC;WACG,CAAC;IACV,CAAC;IAEM,MAAM;QACX,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QACjD,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QAC9B,MAAM,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;QAC5C,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;QACjC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,OAAO,IAAI,CAAA;;mBAEI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;;;gBAG1B,QAAQ,CAAC;YACf,QAAQ,EAAE,IAAI;YACd,gBAAgB,EAAE,IAAI;YACtB,KAAK,EAAE,IAAI;SACZ,CAAC;;;YAGE,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS;YAChC,CAAC,CAAC,IAAI,CAAA,4BAA4B,IAAI,CAAC,SAAS,aAAa,IAAI;iBAC1D,QAAQ;gBACT,CAAC,CAAC,IAAI,CAAA,gCAAgC;gBACtC,CAAC,CAAC,EAAE,EAAE;YACZ,CAAC,CAAC,EAAE;;+BAEe,CAAC,QAAQ;oBACpB,QAAQ,CAAC;YACf,wBAAwB,EAAE,IAAI;YAC9B,KAAK,EAAE,QAAQ,IAAI,eAAe;YAClC,WAAW,EAAE,QAAQ;YACrB,WAAW,EAAE,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;SACjD,CAAC;uBACS,IAAI,CAAC,aAAa;qBACpB,IAAI,CAAC,WAAW;;YAEzB,WAAW;YACX,CAAC,CAAC,IAAI,CAAA;uCACqB,IAAI,CAAC,QAAQ;eACrC;YACH,CAAC,CAAC,EAAE;YACJ,eAAe;YACf,CAAC,CAAC,IAAI,CAAA;;qBAEG,IAAI,CAAC,YAAY;;eAEvB;YACH,CAAC,CAAC,EAAE;;;UAGN,IAAI,CAAC,iBAAiB,EAAE;;KAE7B,CAAC;IACJ,CAAC;;AAtOM,wBAAM,GAAmB,MAAM,CAAC;AA/B3B;IAAX,QAAQ,EAAE;gDAAoB;AAEnB;IAAX,QAAQ,EAAE;kDAAqB;AAEpB;IAAX,QAAQ,EAAE;0DAA6B;AAE5B;IAAX,QAAQ,EAAE;oDAA2B;AAE1B;IAAX,QAAQ,EAAE;oDAAgB;AAEf;IAAX,QAAQ,EAAE;+CAAyB;AAExB;IAAX,QAAQ,EAAE;mDAA0B;AAEH;IAAjC,KAAK,CAAC,yBAAyB,CAAC;wDAAiC;AAChC;IAAjC,KAAK,CAAC,yBAAyB,CAAC;sDAA+B;AAEvD;IAAR,KAAK,EAAE;uDAAsB;AAMQ;IAArC,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;mDAAe;AAEf;IAApC,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;mDAAkB;AAEZ;IAAzC,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;uDAAmB;AAE1B;IAAjC,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;gDAAe;AAwChD;IADC,KAAK,CAAC,MAAM,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;yDAG7C;AAhFU,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CA+Q7B;SA/QY,iBAAiB;AAiR9B,eAAe,iBAAiB,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 { html, property, TemplateResult } from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-content-editor.css';\nimport { CSSResultGroup } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\nimport { KeyCode } from '../internal/enum';\nimport { live } from 'lit/directives/live.js';\n\n/**\n * Nile icon component.\n *\n * @tag nile-attribute-expression\n *\n */\n@customElement('nile-content-editor')\nexport class NileContentEditor extends NileElement {\n  /**\n * @summary Allows you to handle both input and dropdown selection\n\n * @dependency nile-option\n \n * @event nile-change - Emitted when the control's value changes.  \n */\n\n  @property() value: string = '';\n\n  @property() options: Array<any>;\n\n  @property() filteredOptions: Array<any>;\n\n  @property() showLabel: boolean = true;\n\n  @property() labelText = '';\n\n  @property() type = 'text|text-area';\n\n  @property() required: boolean = true;\n\n  @query('.content-editable-input') contentEditor: HTMLInputElement;\n  @query('.nile-options-container') autoOptions: HTMLInputElement;\n\n  @state() openDropdown = false;\n\n  tagIdentifier = '$';\n\n  filteredValue = '';\n\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  @property({ attribute: 'readonly' }) readonly = false;\n\n  @property({ attribute: 'error-message' }) errorMessage = '';\n\n  @property({ attribute: 'error' }) error = false;\n\n  static styles: CSSResultGroup = styles;\n\n  connectedCallback() {\n    this.handleOutsideClick = this.handleOutsideClick.bind(this);\n    super.connectedCallback();\n    this.emit('nile-init');\n    this.addOpenListeners();\n    this.setInitialValues();\n  }\n\n  setInitialValues() {\n    this.updateComplete.then(res => {\n      if (res && !!this.value)\n        this.contentEditor.innerHTML = this.generateHTMLTagsWithValues(\n          this.value\n        );\n    });\n  }\n\n  addOpenListeners() {\n    window.addEventListener('click', this.handleOutsideClick);\n  }\n\n  removeOpenListeners() {\n    window.removeEventListener('click', this.handleOutsideClick);\n  }\n\n  toggleDropdown(value: boolean) {\n    this.openDropdown = value;\n  }\n\n  handleOutsideClick(event: Event) {\n    if (event && event.target) {\n      this.toggleDropdown(false);\n    }\n  }\n\n  @watch('type', { waitUntilFirstUpdate: true })\n  handleTypeChange() {\n    this.contentEditor.innerHTML = this.generateHTMLTagsWithValues(this.value);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeOpenListeners();\n    this.emit('nile-destroy');\n  }\n\n  handlePaste(event: ClipboardEvent) {\n    event.preventDefault();\n    if (event.clipboardData) {\n      let text = event.clipboardData.getData('text/plain');\n      document.execCommand('insertText', false, text);\n    }\n    this.emitInputChange();\n  }\n\n  private handlekeyDown(event: any) {\n    if (event.code === KeyCode.ENTER && this.type === 'text') {\n      event.preventDefault();\n      return;\n    }\n    if (event.code === KeyCode.ESCAPE) {\n      event.preventDefault();\n      this.toggleDropdown(false);\n      return;\n    }\n    setTimeout(() => {\n      const value = this.contentEditor.innerText;\n      this.emitInputChange();\n      if (value.includes(this.tagIdentifier)) {\n        this.toggleDropdown(true);\n        this.filterOptions();\n      } else {\n        this.toggleDropdown(false);\n      }\n    });\n  }\n\n  filterOptions() {\n    this.filteredOptions = this.options;\n    if (!!this.options.length && !!this.filteredValue) {\n      this.filteredOptions = this.options.filter(item =>\n        item.startsWith(this.filteredValue)\n      );\n    } else {\n      this.filteredOptions = this.options;\n    }\n  }\n\n  generateValuesFromHTMLTags(string: any): string {\n    var pattern =\n      /<span class=\"chips(?: chip-error)?\" contenteditable=\"false\">(.*?)<\\/span>/g;\n    var result = string.replace(pattern, (match: any, option: any) => {\n      return '{{' + option + '}}';\n    });\n    return result;\n  }\n\n  generateHTMLTagsWithValues(string: any): string {\n    var pattern = /{{(.*?)}}/g;\n    var result = string.replace(pattern, (match: any, option: any) => {\n      return this.options.includes(option)\n        ? '<span class=\"chips\" contenteditable=\"false\">' + option + '</span>'\n        : '<span class=\"chips chip-error\" contenteditable=\"false\">' +\n            option +\n            '</span>';\n    });\n    return result;\n  }\n\n  emitInputChange(): void {\n    if (this.contentEditor) {\n      let fieldValue = this.contentEditor.innerHTML;\n\n      if (this.contentEditor.innerText !== '') {\n        fieldValue = this.generateValuesFromHTMLTags(fieldValue);\n      }\n      fieldValue = fieldValue.replace(/&nbsp;/g, ' ');\n      fieldValue = fieldValue === '<br>' ? '' : fieldValue?.trim();\n      this.emit('nile-change', {\n        value: this.generateValuesFromHTMLTags(fieldValue),\n      });\n    }\n  }\n\n  insertNodes(parentNode: Node, childNodes: NodeList, autoOptionsTag: Node) {\n    Array.from(childNodes).map((node: Node, index: number) => {\n      if (node.hasChildNodes()) {\n        this.insertNodes(node, node.childNodes, autoOptionsTag);\n      } else {\n        if (node.nodeValue?.includes(this.tagIdentifier)) {\n          parentNode.childNodes[index].nodeValue = node.nodeValue?.replace(\n            this.tagIdentifier + this.filteredValue,\n            ''\n          );\n          parentNode.childNodes[index].after(autoOptionsTag);\n        }\n      }\n    });\n  }\n\n  handleOptions(option: any): void {\n    this.toggleDropdown(false);\n    let autoOptionsTag = document.createElement('span');\n    autoOptionsTag.setAttribute('class', 'chips');\n    autoOptionsTag.setAttribute('contentEditable', 'false');\n    autoOptionsTag.innerText = option;\n    this.insertNodes(\n      this.contentEditor,\n      this.contentEditor.childNodes,\n      autoOptionsTag\n    );\n    this.filteredOptions = this.options;\n    this.filteredValue = '';\n    this.emitInputChange();\n  }\n\n  public renderAutoOptions(): TemplateResult {\n    return html`<div\n      class=\"${classMap({\n        'nile-options-container': true,\n        'dropdown-position': this.type === 'text-area',\n      })}\"\n    >\n      ${this.filteredOptions &&\n      this.filteredOptions.map((option: any) => {\n        return html` <nile-option\n          .value=\"${option}\"\n          @click=\"${(event: Event) => {\n            this.handleOptions(option);\n          }}\"\n          >${option}\n        </nile-option>`;\n      })}\n    </div>`;\n  }\n\n  public render(): TemplateResult {\n    const hasHelpText = this.helpText ? true : false;\n    const hasError = !!this.error;\n    const hasErrorMessage = !!this.errorMessage;\n    const readonly = !!this.readonly;\n    const type = this.type;\n    return html`\n      <nile-popup\n        .active=\"${live(this.openDropdown)}\"\n        sync=\"width\"\n        placement=\"bottom\"\n        class=${classMap({\n          dropdown: true,\n          'dropdown--open': true,\n          popup: true,\n        })}\n      >\n        <div class=\"content-editable-wrapper\" slot=\"anchor\">\n          ${this.showLabel && this.labelText\n            ? html`<label class=\"ods-label\">${this.labelText} </label> ${this\n                  .required\n                  ? html`<sapn class=\"asterik\">*</span>`\n                  : ''}`\n            : ''}\n          <div\n            contenteditable=\"${!readonly}\"\n            class=${classMap({\n              'content-editable-input': true,\n              error: hasError || hasErrorMessage,\n              'read-only': readonly,\n              'text-area': type === 'text-area' ? true : false,\n            })}\n            @keydown=${this.handlekeyDown}\n            @paste=${this.handlePaste}\n          ></div>\n          ${hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``}\n          ${hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``}\n        </div>\n\n        ${this.renderAutoOptions()}\n      </nile-popup>\n    `;\n  }\n}\n\nexport default NileContentEditor;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-content-editor': NileContentEditor;\n  }\n}\n"]}
+{"version":3,"file":"nile-content-editor.js","sourceRoot":"","sources":["../../../src/nile-content-editor/nile-content-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 { html, property, TemplateResult } from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-content-editor.css';\nimport { CSSResultGroup } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\nimport { KeyCode } from '../internal/enum';\nimport { live } from 'lit/directives/live.js';\n\n/**\n * Nile icon component.\n *\n * @tag nile-attribute-expression\n *\n */\n@customElement('nile-content-editor')\nexport class NileContentEditor extends NileElement {\n  /**\n * @summary Allows you to handle both input and dropdown selection\n\n * @dependency nile-option\n \n * @event nile-change - Emitted when the control's value changes.  \n */\n\n  @property() value: string = '';\n\n  @property() options: Array<any>;\n\n  @property() filteredOptions: Array<any>;\n\n  @property() showLabel: boolean = true;\n\n  @property() labelText = '';\n\n  @property() type = 'text|text-area';\n\n  @property() required: boolean = true;\n\n  @query('.content-editable-input') contentEditor: HTMLInputElement;\n  @query('.nile-options-container') autoOptions: HTMLInputElement;\n\n  @state() openDropdown = false;\n\n  tagIdentifier = '$';\n\n  filteredValue = '';\n\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  @property({ attribute: 'readonly' }) readonly = false;\n\n  @property({ attribute: 'error-message' }) errorMessage = '';\n\n  @property({ attribute: 'error' }) error = false;\n\n  static styles: CSSResultGroup = styles;\n\n  connectedCallback() {\n    this.handleOutsideClick = this.handleOutsideClick.bind(this);\n    this.handleClipboardEvent = this.handleClipboardEvent.bind(this);\n    super.connectedCallback();\n    this.emit('nile-init');\n    this.addOpenListeners();\n    this.setInitialValues();\n  }\n\n  setInitialValues() {\n    this.updateComplete.then(res => {\n      if (res && !!this.value)\n        this.contentEditor.innerHTML = this.generateHTMLTagsWithValues(\n          this.value\n        );\n    });\n  }\n\n  addOpenListeners() {\n    window.addEventListener('click', this.handleOutsideClick);\n    window.addEventListener('cut', this.handleClipboardEvent);\n    window.addEventListener('copy', this.handleClipboardEvent);\n    window.addEventListener('paste', this.handleClipboardEvent);\n  }\n\n  removeOpenListeners() {\n    window.removeEventListener('click', this.handleOutsideClick);\n    window.removeEventListener('cut', this.handleClipboardEvent);\n    window.removeEventListener('copy', this.handleClipboardEvent);\n    window.removeEventListener('paste', this.handleClipboardEvent);\n  }\n\n  async handleClipboardEvent(event: Event) {\n    const selectedText = window?.getSelection()?.toString();\n    if (!!selectedText) {\n      switch (event.type) {\n        case 'cut':\n        case 'copy':\n          await navigator.clipboard.writeText(selectedText);\n          document.execCommand(event.type);\n          break;\n        case 'paste':\n          const pastedText = await navigator.clipboard.readText();\n          document.execCommand('insertText', false, pastedText);\n          break;\n        default:\n          break;\n      }\n    }\n    setTimeout(() => {\n      this.emitInputChange();\n    });\n  }\n\n  toggleDropdown(value: boolean) {\n    this.openDropdown = value;\n  }\n\n  handleOutsideClick(event: Event) {\n    if (event && event.target) {\n      this.toggleDropdown(false);\n    }\n  }\n\n  @watch('type', { waitUntilFirstUpdate: true })\n  handleTypeChange() {\n    this.contentEditor.innerHTML = this.generateHTMLTagsWithValues(this.value);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeOpenListeners();\n    this.emit('nile-destroy');\n  }\n\n  private handlekeyDown(event: any) {\n    if (event.code === KeyCode.ENTER && this.type === 'text') {\n      event.preventDefault();\n      return;\n    }\n    if ([KeyCode.CUT, KeyCode.COPY, KeyCode.PASTE].includes(event.code)) {\n      return;\n    }\n    if (event.code === KeyCode.ESCAPE) {\n      event.preventDefault();\n      this.toggleDropdown(false);\n      return;\n    }\n    setTimeout(() => {\n      const value = this.contentEditor.innerText;\n      this.emitInputChange();\n      if (value.includes(this.tagIdentifier)) {\n        this.insertNodes(this.contentEditor, this.contentEditor.childNodes);\n        this.filterOptions();\n        this.toggleDropdown(true);\n      } else {\n        this.toggleDropdown(false);\n      }\n    });\n  }\n\n  filterOptions() {\n    this.filteredOptions = this.options;\n    if (!!this.options.length && !!this.filteredValue) {\n      this.filteredOptions = this.options.filter(item =>\n        item.startsWith(this.filteredValue)\n      );\n    } else {\n      this.filteredOptions = this.options;\n    }\n  }\n\n  generateValuesFromHTMLTags(string: any): string {\n    var pattern =\n      /<span class=\"chips(?: chip-error)?\" contenteditable=\"false\">(.*?)<\\/span>/g;\n    var result = string.replace(pattern, (match: any, option: any) => {\n      return '{{' + option + '}}';\n    });\n    return result;\n  }\n\n  generateHTMLTagsWithValues(string: any): string {\n    var pattern = /{{(.*?)}}/g;\n    var result = string.replace(pattern, (match: any, option: any) => {\n      return this.options.includes(option)\n        ? '<span class=\"chips\" contenteditable=\"false\">' + option + '</span>'\n        : '<span class=\"chips chip-error\" contenteditable=\"false\">' +\n            option +\n            '</span>';\n    });\n    return result;\n  }\n\n  emitInputChange(): void {\n    if (this.contentEditor) {\n      let fieldValue = this.contentEditor.innerHTML;\n      if (this.contentEditor.innerText !== '') {\n        fieldValue = this.generateValuesFromHTMLTags(fieldValue);\n      }\n      fieldValue = fieldValue.replace(/&nbsp;/g, ' ');\n      fieldValue = fieldValue === '<br>' ? '' : fieldValue?.trim();\n      this.emit('nile-change', {\n        value: this.generateValuesFromHTMLTags(fieldValue),\n      });\n    }\n  }\n\n  insertNodes(parentNode: Node, childNodes: NodeList, autoOptionsTag?: Node) {\n    [...childNodes].forEach((node: Node, index: number) => {\n      if (node.hasChildNodes()) {\n        if (autoOptionsTag) {\n          this.insertNodes(node, node.childNodes, autoOptionsTag);\n        } else {\n          this.insertNodes(node, node.childNodes);\n        }\n      } else {\n        if (node.nodeValue?.includes(this.tagIdentifier)) {\n          if (autoOptionsTag) {\n            parentNode.childNodes[index].nodeValue = node.nodeValue?.replace(\n              this.tagIdentifier + this.filteredValue,\n              ''\n            );\n            parentNode.childNodes[index].after(autoOptionsTag);\n          }\n          this.filteredValue =\n            parentNode?.childNodes[index]?.nodeValue\n              ?.split(this.tagIdentifier)\n              .slice(1)\n              .join() || '';\n          return;\n        }\n      }\n    });\n  }\n\n  handleOptions(option: any): void {\n    this.toggleDropdown(false);\n    let autoOptionsTag = document.createElement('span');\n    autoOptionsTag.setAttribute('class', 'chips');\n    autoOptionsTag.setAttribute('contentEditable', 'false');\n    autoOptionsTag.innerText = option;\n    this.insertNodes(\n      this.contentEditor,\n      this.contentEditor.childNodes,\n      autoOptionsTag\n    );\n    this.filteredOptions = this.options;\n    this.filteredValue = '';\n    this.emitInputChange();\n  }\n\n  public renderAutoOptions(): TemplateResult {\n    return html`<div\n      class=\"${classMap({\n        'nile-options-container': true,\n        'dropdown-position': this.type === 'text-area',\n      })}\"\n    >\n      ${this.filteredOptions &&\n      this.filteredOptions.map((option: any) => {\n        return html` <nile-option\n          .value=\"${option}\"\n          @click=\"${(event: Event) => {\n            this.handleOptions(option);\n          }}\"\n          >${option}\n        </nile-option>`;\n      })}\n    </div>`;\n  }\n\n  public render(): TemplateResult {\n    const hasHelpText = this.helpText ? true : false;\n    const hasError = !!this.error;\n    const hasErrorMessage = !!this.errorMessage;\n    const readonly = !!this.readonly;\n    const type = this.type;\n    return html`\n      <nile-popup\n        .active=\"${live(this.openDropdown)}\"\n        sync=\"width\"\n        strategy=\"fixed\"\n        placement=\"bottom\"\n        class=${classMap({\n          dropdown: true,\n          'dropdown--open': true,\n          popup: true,\n        })}\n      >\n        <div class=\"content-editable-wrapper\" slot=\"anchor\">\n          ${this.showLabel && this.labelText\n            ? html`<label class=\"ods-label\">${this.labelText} </label> ${this\n                  .required\n                  ? html`<span class=\"asterik\">*</span>`\n                  : ''}`\n            : ''}\n          <div\n            contenteditable=\"${!readonly}\"\n            class=${classMap({\n              'content-editable-input': true,\n              error: hasError || hasErrorMessage,\n              'read-only': readonly,\n              'text-area': type === 'text-area' ? true : false,\n            })}\n            @keydown=${this.handlekeyDown}\n          ></div>\n          ${hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``}\n          ${hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``}\n        </div>\n\n        ${this.renderAutoOptions()}\n      </nile-popup>\n    `;\n  }\n}\n\nexport default NileContentEditor;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-content-editor': NileContentEditor;\n  }\n}\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-icon/icons/svg/document.d.ts

@@ -1,5 +1,5 @@
 /**
  * Do not edit directly
  */
-declare const _default: "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjEuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48cGF0aCBpZD0iZG9jdW1lbnRfMV8iIGQ9Ik0xNi4zLDAuMmw2LjQsNi40djE3LjFIMS4yVjAuM0wxNi4zLDAuMnogTTE1LjMsMS43SDIuOHYyMC41aDE4LjVWNy43aC02TDE1LjMsMS43eiBNMTcsMTYuMnYxLjVINwkJCXYtMS41SDE3eiBNMTcsMTEuMnYxLjVIN3YtMS41SDE3eiBNMTEsNi4ydjEuNUg3VjYuMkgxMXogTTE2LjgsMi44djMuNGgzLjRMMTYuOCwyLjh6Ii8+PC9nPjwvZz48L3N2Zz4=";
+declare const _default: "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNzUgNS43MzgyOEMzLjc1IDQuNDk1NjQgNC43NTczNiAzLjQ4ODI4IDYgMy40ODgyOEgxMy4zNzVWNS43MzgyOEMxMy4zNzUgNy44MDkzNSAxNS4wNTM5IDkuNDg4MjggMTcuMTI1IDkuNDg4MjhIMjAuMjVWMTkuNzM4M0MyMC4yNSAyMC45ODA5IDE5LjI0MjYgMjEuOTg4MyAxOCAyMS45ODgzSDZDNC43NTczNiAyMS45ODgzIDMuNzUgMjAuOTgwOSAzLjc1IDE5LjczODNWNS43MzgyOFpNMTkgNy45ODgyOEwxNC44NzUgNC4zODgyOFY1LjczODI4QzE0Ljg3NSA2Ljk4MDkyIDE1Ljg4MjQgNy45ODgyOCAxNy4xMjUgNy45ODgyOEgxOVpNNiAxLjk4ODI4QzMuOTI4OTMgMS45ODgyOCAyLjI1IDMuNjY3MjEgMi4yNSA1LjczODI4VjE5LjczODNDMi4yNSAyMS44MDkzIDMuOTI4OTMgMjMuNDg4MyA2IDIzLjQ4ODNIMThDMjAuMDcxMSAyMy40ODgzIDIxLjc1IDIxLjgwOTMgMjEuNzUgMTkuNzM4M1Y4LjM5NzM3TDE0LjQwNjIgMS45ODgyOEg2Wk02IDE4LjQ4ODNMMTggMTguNDg4M1YxNi45ODgzTDYgMTYuOTg4M0w2IDE4LjQ4ODNaTTE4IDE0LjIzODNMNiAxNC4yMzgzTDYgMTIuNzM4M0wxOCAxMi43MzgzVjE0LjIzODNaTTYgMTAuMjM4M0gxMVY4LjczODI4TDYgOC43MzgyOEw2IDEwLjIzODNaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";
 export default _default;

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-icon/icons/svg/document.js

@@ -1,5 +1,5 @@
 /**
  * Do not edit directly
  */
-export default "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjEuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48cGF0aCBpZD0iZG9jdW1lbnRfMV8iIGQ9Ik0xNi4zLDAuMmw2LjQsNi40djE3LjFIMS4yVjAuM0wxNi4zLDAuMnogTTE1LjMsMS43SDIuOHYyMC41aDE4LjVWNy43aC02TDE1LjMsMS43eiBNMTcsMTYuMnYxLjVINwkJCXYtMS41SDE3eiBNMTcsMTEuMnYxLjVIN3YtMS41SDE3eiBNMTEsNi4ydjEuNUg3VjYuMkgxMXogTTE2LjgsMi44djMuNGgzLjRMMTYuOCwyLjh6Ii8+PC9nPjwvZz48L3N2Zz4=";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNzUgNS43MzgyOEMzLjc1IDQuNDk1NjQgNC43NTczNiAzLjQ4ODI4IDYgMy40ODgyOEgxMy4zNzVWNS43MzgyOEMxMy4zNzUgNy44MDkzNSAxNS4wNTM5IDkuNDg4MjggMTcuMTI1IDkuNDg4MjhIMjAuMjVWMTkuNzM4M0MyMC4yNSAyMC45ODA5IDE5LjI0MjYgMjEuOTg4MyAxOCAyMS45ODgzSDZDNC43NTczNiAyMS45ODgzIDMuNzUgMjAuOTgwOSAzLjc1IDE5LjczODNWNS43MzgyOFpNMTkgNy45ODgyOEwxNC44NzUgNC4zODgyOFY1LjczODI4QzE0Ljg3NSA2Ljk4MDkyIDE1Ljg4MjQgNy45ODgyOCAxNy4xMjUgNy45ODgyOEgxOVpNNiAxLjk4ODI4QzMuOTI4OTMgMS45ODgyOCAyLjI1IDMuNjY3MjEgMi4yNSA1LjczODI4VjE5LjczODNDMi4yNSAyMS44MDkzIDMuOTI4OTMgMjMuNDg4MyA2IDIzLjQ4ODNIMThDMjAuMDcxMSAyMy40ODgzIDIxLjc1IDIxLjgwOTMgMjEuNzUgMTkuNzM4M1Y4LjM5NzM3TDE0LjQwNjIgMS45ODgyOEg2Wk02IDE4LjQ4ODNMMTggMTguNDg4M1YxNi45ODgzTDYgMTYuOTg4M0w2IDE4LjQ4ODNaTTE4IDE0LjIzODNMNiAxNC4yMzgzTDYgMTIuNzM4M0wxOCAxMi43MzgzVjE0LjIzODNaTTYgMTAuMjM4M0gxMVY4LjczODI4TDYgOC43MzgyOEw2IDEwLjIzODNaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";
 //# sourceMappingURL=document.js.map

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-icon/icons/svg/document.js.map

@@ -1 +1 @@
-{"version":3,"file":"document.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/document.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,8vBAA8vB,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjEuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz48cGF0aCBpZD0iZG9jdW1lbnRfMV8iIGQ9Ik0xNi4zLDAuMmw2LjQsNi40djE3LjFIMS4yVjAuM0wxNi4zLDAuMnogTTE1LjMsMS43SDIuOHYyMC41aDE4LjVWNy43aC02TDE1LjMsMS43eiBNMTcsMTYuMnYxLjVINwkJCXYtMS41SDE3eiBNMTcsMTEuMnYxLjVIN3YtMS41SDE3eiBNMTEsNi4ydjEuNUg3VjYuMkgxMXogTTE2LjgsMi44djMuNGgzLjRMMTYuOCwyLjh6Ii8+PC9nPjwvZz48L3N2Zz4=\";"]}
+{"version":3,"file":"document.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/document.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,8hCAA8hC,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNzUgNS43MzgyOEMzLjc1IDQuNDk1NjQgNC43NTczNiAzLjQ4ODI4IDYgMy40ODgyOEgxMy4zNzVWNS43MzgyOEMxMy4zNzUgNy44MDkzNSAxNS4wNTM5IDkuNDg4MjggMTcuMTI1IDkuNDg4MjhIMjAuMjVWMTkuNzM4M0MyMC4yNSAyMC45ODA5IDE5LjI0MjYgMjEuOTg4MyAxOCAyMS45ODgzSDZDNC43NTczNiAyMS45ODgzIDMuNzUgMjAuOTgwOSAzLjc1IDE5LjczODNWNS43MzgyOFpNMTkgNy45ODgyOEwxNC44NzUgNC4zODgyOFY1LjczODI4QzE0Ljg3NSA2Ljk4MDkyIDE1Ljg4MjQgNy45ODgyOCAxNy4xMjUgNy45ODgyOEgxOVpNNiAxLjk4ODI4QzMuOTI4OTMgMS45ODgyOCAyLjI1IDMuNjY3MjEgMi4yNSA1LjczODI4VjE5LjczODNDMi4yNSAyMS44MDkzIDMuOTI4OTMgMjMuNDg4MyA2IDIzLjQ4ODNIMThDMjAuMDcxMSAyMy40ODgzIDIxLjc1IDIxLjgwOTMgMjEuNzUgMTkuNzM4M1Y4LjM5NzM3TDE0LjQwNjIgMS45ODgyOEg2Wk02IDE4LjQ4ODNMMTggMTguNDg4M1YxNi45ODgzTDYgMTYuOTg4M0w2IDE4LjQ4ODNaTTE4IDE0LjIzODNMNiAxNC4yMzgzTDYgMTIuNzM4M0wxOCAxMi43MzgzVjE0LjIzODNaTTYgMTAuMjM4M0gxMVY4LjczODI4TDYgOC43MzgyOEw2IDEwLjIzODNaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==\";"]}

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

@@ -35,7 +35,7 @@ let NileSwitcher = class NileSwitcher extends NileElement {
         this.emit('nile-destroy');
     }
     renderNileText(Input, inputType) {
-        const { value, label, placeholder, disabled, required, errorMessage, inputType: inputTypeName, } = Input;
+        const { value, label, placeholder, disabled, required, error, errorMessage, inputType: inputTypeName, } = Input;
         return html `<nile-input
       .value=${value}
       .label=${label}
@@ -43,7 +43,7 @@ let NileSwitcher = class NileSwitcher extends NileElement {
       .required=${required}
       .errorMessage=${errorMessage}
       .placeholder=${placeholder}
-      .error=${true}
+      .error=${error}
       @nile-input=${(e) => {
             this.handleChange(e, inputType, inputTypeName);
         }}
@@ -65,10 +65,11 @@ let NileSwitcher = class NileSwitcher extends NileElement {
     </nile-select>`;
     }
     renderNileTextArea(Input, inputType) {
-        const { value, disabled, inputType: inputTypeName } = Input;
+        const { value, disabled, readonly, inputType: inputTypeName } = Input;
         return html `<nile-textarea
       .value=${value}
       .disabled=${disabled}
+      ?readonly=${readonly}
       @nile-input=${(e) => {
             this.handleChange(e, inputType, inputTypeName);
         }}

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

@@ -1 +1 @@
-{"version":3,"file":"nile-switcher.js","sourceRoot":"","sources":["../../../src/nile-switcher/nile-switcher.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 { html, property, TemplateResult } from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-switcher.css';\nimport NileElement from '../internal/nile-element';\nimport { CSSResultGroup } from 'lit';\nimport { choose } from 'lit/directives/choose.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * @summary Allows you to switch between nile elements\n\n * @dependency nile-icon\n * @dependency nile-input\n * @dependency nile-checkbox\n * @dependency nile-dropdown\n * @dependency nile-textarea\n *\n \n * @event nile-change - Emitted when the control's value changes.\n * @event nile-switch - Emitted when the nile component is being switched.\n  \n */\n\nexport interface switchconfig {\n  [key: string]: any;\n  toggleSwitch: boolean;\n  disable?: boolean;\n  confirmation?: boolean;\n  defaultInput: switchInputType;\n  switchInput: switchInputType;\n}\n\nexport interface switchInputType {\n  inputType:\n    | INPUT_TYPE_NAMES.DROPDOWN\n    | INPUT_TYPE_NAMES.TEXT\n    | INPUT_TYPE_NAMES.CHECKBOX\n    | INPUT_TYPE_NAMES.TEXTAREA\n    | INPUT_TYPE_NAMES.RADIO\n    | INPUT_TYPE_NAMES.CONTENTEDITOR;\n  value?: String | boolean;\n  label?: String;\n  readonly?: boolean;\n  type?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  required?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  options?: Array<any>;\n  multiple?: boolean;\n}\n\nexport enum INPUT_TYPE {\n  DEFAULT = 'defaultInput',\n  SWITCH = 'switchInput',\n}\n\nexport enum INPUT_TYPE_NAMES {\n  DROPDOWN = 'dropdown',\n  TEXT = 'text',\n  CHECKBOX = 'checkbox',\n  TEXTAREA = 'text-area',\n  RADIO = 'radio',\n  CONTENTEDITOR = 'content-editor',\n}\n\n@customElement('nile-switcher')\nexport class NileSwitcher extends NileElement {\n  /**\n   * The styles for nile switcher\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  static styles: CSSResultGroup = styles;\n  @property({ type: Object }) nileSwitchConfig: switchconfig;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  renderNileText(Input: switchInputType, inputType: string) {\n    const {\n      value,\n      label,\n      placeholder,\n      disabled,\n      required,\n      errorMessage,\n      inputType: inputTypeName,\n    } = Input;\n    return html`<nile-input\n      .value=${value}\n      .label=${label}\n      .disabled=${disabled}\n      .required=${required}\n      .errorMessage=${errorMessage}\n      .placeholder=${placeholder}\n      .error=${true}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    ></nile-input>`;\n  }\n\n  renderDropdown(Input: switchInputType, inputType: string) {\n    const {\n      options,\n      multiple,\n      placeholder,\n      disabled,\n      inputType: inputTypeName,\n    } = Input;\n    return html`<nile-select\n      .placeholder=${placeholder}\n      .disabled=\"${disabled}\"\n      .multiple=\"${multiple}\"\n      @nile-change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    >\n      ${options?.map((option: any) => {\n        return html`<nile-option .value=\"${option}\">${option} </nile-option>`;\n      })}\n    </nile-select>`;\n  }\n\n  renderNileTextArea(Input: switchInputType, inputType: string) {\n    const { value, disabled, inputType: inputTypeName } = Input;\n    return html`<nile-textarea\n      .value=${value}\n      .disabled=${disabled}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    ></nile-textarea>`;\n  }\n\n  renderNileCheckBox(Input: switchInputType, inputType: string) {\n    const { value, label, disabled, inputType: inputTypeName } = Input;\n\n    return html`<nile-checkbox\n      .checked=${value}\n      .label=${label}\n      .disabled=${disabled}\n      @valueChange=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    ></nile-checkbox>`;\n  }\n\n  renderNileRadio(Input: switchInputType, inputType: string) {\n    const { options, value, disabled, inputType: inputTypeName } = Input;\n\n    return html`<nile-radio-group\n      .value=${value}\n      .disabled=${disabled}\n      @change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    >\n      ${options &&\n      options.map((option: any) => {\n        return html`<nile-radio .value=\"${option}\">${option} </nile-radio>`;\n      })}\n    </nile-radio-group>`;\n  }\n\n  renderContentEditor(Input: switchInputType, inputType: string) {\n    const {\n      value,\n      options,\n      inputType: inputTypeName,\n      errorMessage,\n      type,\n      readonly,\n    } = Input;\n    return html`<nile-content-editor\n       .value=${value}\n       .options=${options}\n       .type =${type}\n       .readonly=${readonly}\n       .errorMessage=${errorMessage}\n       @nile-change=${(e: CustomEvent) => {\n         this.handleChange(e, inputType, inputTypeName);\n       }}\n     >\n     </nile-radio-group>`;\n  }\n\n  handleChange(event: CustomEvent, inputType: string, inputTypeName: string) {\n    if (inputTypeName === INPUT_TYPE_NAMES.CHECKBOX) {\n      this.nileSwitchConfig[inputType as keyof switchconfig].value =\n        event.detail.checked;\n    } else {\n      this.nileSwitchConfig[inputType as keyof switchconfig].value =\n        event.detail.value;\n    }\n    event.stopPropagation();\n    this.emit('nile-change', { config: this.nileSwitchConfig });\n  }\n\n  renderIcon() {\n    const icon = !this.nileSwitchConfig.toggleSwitch\n      ? 'header-functions'\n      : 'stringinput';\n    return html`<nile-icon\n      size=\"14\"\n      class=${classMap({\n        'pointer-cursor': true,\n        'flex-start': true,\n      })}\n      .name=${icon}\n      color=\"#005EA6\"\n      @click=${this.toggleField}\n    ></nile-icon>`;\n  }\n\n  toggleField() {\n    if (!this.nileSwitchConfig.confirmation) {\n      this.nileSwitchConfig = {\n        ...this.nileSwitchConfig,\n        toggleSwitch: !this.nileSwitchConfig.toggleSwitch,\n      };\n    }\n    this.emit('nile-switch', { config: this.nileSwitchConfig });\n  }\n\n  singleFieldSwitcher(\n    defaultInput: switchInputType,\n    switchInput: switchInputType,\n    toggleField: boolean,\n    disable: boolean\n  ) {\n    const defaultInputType = defaultInput.inputType;\n    const switchInputType = switchInput.inputType;\n    return html`\n      ${!toggleField\n        ? choose(\n            defaultInputType,\n            [\n              [\n                INPUT_TYPE_NAMES.TEXT,\n                () => this.renderNileText(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.CHECKBOX,\n                () => this.renderNileCheckBox(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.TEXTAREA,\n                () => this.renderNileTextArea(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.RADIO,\n                () => this.renderNileRadio(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.DROPDOWN,\n                () =>\n                  this.renderDropdown(\n                    this.nileSwitchConfig.defaultInput,\n                    INPUT_TYPE.DEFAULT\n                  ),\n              ],\n              [\n                INPUT_TYPE_NAMES.CONTENTEDITOR,\n                () =>\n                  this.renderContentEditor(\n                    this.nileSwitchConfig.defaultInput,\n                    INPUT_TYPE.DEFAULT\n                  ),\n              ],\n            ],\n            () => this.renderNileText(defaultInput, INPUT_TYPE.DEFAULT)\n          )\n        : choose(\n            switchInputType,\n            [\n              [\n                INPUT_TYPE_NAMES.TEXTAREA,\n                () => this.renderNileTextArea(switchInput, INPUT_TYPE.SWITCH),\n              ],\n              [\n                INPUT_TYPE_NAMES.TEXT,\n                () => this.renderNileText(switchInput, INPUT_TYPE.SWITCH),\n              ],\n              [\n                INPUT_TYPE_NAMES.CONTENTEDITOR,\n                () => this.renderContentEditor(switchInput, INPUT_TYPE.SWITCH),\n              ],\n            ],\n\n            () => this.renderNileTextArea(switchInput, INPUT_TYPE.SWITCH)\n          )}\n      ${!disable ? this.renderIcon() : ''}\n    `;\n  }\n  public render(): TemplateResult {\n    const {\n      toggleSwitch: toggleField,\n      defaultInput,\n      switchInput,\n      disable,\n    } = this.nileSwitchConfig;\n\n    return html`<div class=\"input-container\">\n      ${this.singleFieldSwitcher(\n        defaultInput,\n        switchInput,\n        toggleField,\n        !!disable\n      )}\n    </div>`;\n  }\n}\n\nexport default NileSwitcher;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-switcher': NileSwitcher;\n  }\n}\n"]}
+{"version":3,"file":"nile-switcher.js","sourceRoot":"","sources":["../../../src/nile-switcher/nile-switcher.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 { html, property, TemplateResult } from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-switcher.css';\nimport NileElement from '../internal/nile-element';\nimport { CSSResultGroup } from 'lit';\nimport { choose } from 'lit/directives/choose.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * @summary Allows you to switch between nile elements\n\n * @dependency nile-icon\n * @dependency nile-input\n * @dependency nile-checkbox\n * @dependency nile-dropdown\n * @dependency nile-textarea\n *\n \n * @event nile-change - Emitted when the control's value changes.\n * @event nile-switch - Emitted when the nile component is being switched.\n  \n */\n\nexport interface switchconfig {\n  [key: string]: any;\n  toggleSwitch: boolean;\n  disable?: boolean;\n  confirmation?: boolean;\n  defaultInput: switchInputType;\n  switchInput: switchInputType;\n}\n\nexport interface switchInputType {\n  inputType:\n    | INPUT_TYPE_NAMES.DROPDOWN\n    | INPUT_TYPE_NAMES.TEXT\n    | INPUT_TYPE_NAMES.CHECKBOX\n    | INPUT_TYPE_NAMES.TEXTAREA\n    | INPUT_TYPE_NAMES.RADIO\n    | INPUT_TYPE_NAMES.CONTENTEDITOR;\n  value?: String | boolean;\n  label?: String;\n  readonly?: boolean;\n  type?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  required?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  options?: Array<any>;\n  multiple?: boolean;\n}\n\nexport enum INPUT_TYPE {\n  DEFAULT = 'defaultInput',\n  SWITCH = 'switchInput',\n}\n\nexport enum INPUT_TYPE_NAMES {\n  DROPDOWN = 'dropdown',\n  TEXT = 'text',\n  CHECKBOX = 'checkbox',\n  TEXTAREA = 'text-area',\n  RADIO = 'radio',\n  CONTENTEDITOR = 'content-editor',\n}\n\n@customElement('nile-switcher')\nexport class NileSwitcher extends NileElement {\n  /**\n   * The styles for nile switcher\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  static styles: CSSResultGroup = styles;\n  @property({ type: Object }) nileSwitchConfig: switchconfig;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  renderNileText(Input: switchInputType, inputType: string) {\n    const {\n      value,\n      label,\n      placeholder,\n      disabled,\n      required,\n      error,\n      errorMessage,\n      inputType: inputTypeName,\n    } = Input;\n    return html`<nile-input\n      .value=${value}\n      .label=${label}\n      .disabled=${disabled}\n      .required=${required}\n      .errorMessage=${errorMessage}\n      .placeholder=${placeholder}\n      .error=${error}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    ></nile-input>`;\n  }\n\n  renderDropdown(Input: switchInputType, inputType: string) {\n    const {\n      options,\n      multiple,\n      placeholder,\n      disabled,\n      inputType: inputTypeName,\n    } = Input;\n    return html`<nile-select\n      .placeholder=${placeholder}\n      .disabled=\"${disabled}\"\n      .multiple=\"${multiple}\"\n      @nile-change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    >\n      ${options?.map((option: any) => {\n        return html`<nile-option .value=\"${option}\">${option} </nile-option>`;\n      })}\n    </nile-select>`;\n  }\n\n  renderNileTextArea(Input: switchInputType, inputType: string) {\n    const { value, disabled, readonly, inputType: inputTypeName } = Input;\n    return html`<nile-textarea\n      .value=${value}\n      .disabled=${disabled}\n      ?readonly=${readonly}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    ></nile-textarea>`;\n  }\n\n  renderNileCheckBox(Input: switchInputType, inputType: string) {\n    const { value, label, disabled, inputType: inputTypeName } = Input;\n\n    return html`<nile-checkbox\n      .checked=${value}\n      .label=${label}\n      .disabled=${disabled}\n      @valueChange=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    ></nile-checkbox>`;\n  }\n\n  renderNileRadio(Input: switchInputType, inputType: string) {\n    const { options, value, disabled, inputType: inputTypeName } = Input;\n\n    return html`<nile-radio-group\n      .value=${value}\n      .disabled=${disabled}\n      @change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    >\n      ${options &&\n      options.map((option: any) => {\n        return html`<nile-radio .value=\"${option}\">${option} </nile-radio>`;\n      })}\n    </nile-radio-group>`;\n  }\n\n  renderContentEditor(Input: switchInputType, inputType: string) {\n    const {\n      value,\n      options,\n      inputType: inputTypeName,\n      errorMessage,\n      type,\n      readonly,\n    } = Input;\n    return html`<nile-content-editor\n       .value=${value}\n       .options=${options}\n       .type =${type}\n       .readonly=${readonly}\n       .errorMessage=${errorMessage}\n       @nile-change=${(e: CustomEvent) => {\n         this.handleChange(e, inputType, inputTypeName);\n       }}\n     >\n     </nile-radio-group>`;\n  }\n\n  handleChange(event: CustomEvent, inputType: string, inputTypeName: string) {\n    if (inputTypeName === INPUT_TYPE_NAMES.CHECKBOX) {\n      this.nileSwitchConfig[inputType as keyof switchconfig].value =\n        event.detail.checked;\n    } else {\n      this.nileSwitchConfig[inputType as keyof switchconfig].value =\n        event.detail.value;\n    }\n    event.stopPropagation();\n    this.emit('nile-change', { config: this.nileSwitchConfig });\n  }\n\n  renderIcon() {\n    const icon = !this.nileSwitchConfig.toggleSwitch\n      ? 'header-functions'\n      : 'stringinput';\n    return html`<nile-icon\n      size=\"14\"\n      class=${classMap({\n        'pointer-cursor': true,\n        'flex-start': true,\n      })}\n      .name=${icon}\n      color=\"#005EA6\"\n      @click=${this.toggleField}\n    ></nile-icon>`;\n  }\n\n  toggleField() {\n    if (!this.nileSwitchConfig.confirmation) {\n      this.nileSwitchConfig = {\n        ...this.nileSwitchConfig,\n        toggleSwitch: !this.nileSwitchConfig.toggleSwitch,\n      };\n    }\n    this.emit('nile-switch', { config: this.nileSwitchConfig });\n  }\n\n  singleFieldSwitcher(\n    defaultInput: switchInputType,\n    switchInput: switchInputType,\n    toggleField: boolean,\n    disable: boolean\n  ) {\n    const defaultInputType = defaultInput.inputType;\n    const switchInputType = switchInput.inputType;\n    return html`\n      ${!toggleField\n        ? choose(\n            defaultInputType,\n            [\n              [\n                INPUT_TYPE_NAMES.TEXT,\n                () => this.renderNileText(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.CHECKBOX,\n                () => this.renderNileCheckBox(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.TEXTAREA,\n                () => this.renderNileTextArea(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.RADIO,\n                () => this.renderNileRadio(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.DROPDOWN,\n                () =>\n                  this.renderDropdown(\n                    this.nileSwitchConfig.defaultInput,\n                    INPUT_TYPE.DEFAULT\n                  ),\n              ],\n              [\n                INPUT_TYPE_NAMES.CONTENTEDITOR,\n                () =>\n                  this.renderContentEditor(\n                    this.nileSwitchConfig.defaultInput,\n                    INPUT_TYPE.DEFAULT\n                  ),\n              ],\n            ],\n            () => this.renderNileText(defaultInput, INPUT_TYPE.DEFAULT)\n          )\n        : choose(\n            switchInputType,\n            [\n              [\n                INPUT_TYPE_NAMES.TEXTAREA,\n                () => this.renderNileTextArea(switchInput, INPUT_TYPE.SWITCH),\n              ],\n              [\n                INPUT_TYPE_NAMES.TEXT,\n                () => this.renderNileText(switchInput, INPUT_TYPE.SWITCH),\n              ],\n              [\n                INPUT_TYPE_NAMES.CONTENTEDITOR,\n                () => this.renderContentEditor(switchInput, INPUT_TYPE.SWITCH),\n              ],\n            ],\n\n            () => this.renderNileTextArea(switchInput, INPUT_TYPE.SWITCH)\n          )}\n      ${!disable ? this.renderIcon() : ''}\n    `;\n  }\n  public render(): TemplateResult {\n    const {\n      toggleSwitch: toggleField,\n      defaultInput,\n      switchInput,\n      disable,\n    } = this.nileSwitchConfig;\n\n    return html`<div class=\"input-container\">\n      ${this.singleFieldSwitcher(\n        defaultInput,\n        switchInput,\n        toggleField,\n        !!disable\n      )}\n    </div>`;\n  }\n}\n\nexport default NileSwitcher;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-switcher': NileSwitcher;\n  }\n}\n"]}