@omicronenergy/oscd-scl-dialogs 0.0.8 → 0.0.10

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## [0.0.10](https://github.com/OMICRONEnergyOSS/oscd-scl-dialogs/compare/oscd-scl-dialogs-v0.0.9...oscd-scl-dialogs-v0.0.10) (2026-02-16)
+
+
+### Features
+
+* copy in ace-custom-element to avoid scoping torture ([5b9b757](https://github.com/OMICRONEnergyOSS/oscd-scl-dialogs/commit/5b9b7575f7b0db00175f52ce8f5b53adc4691329))
+
+
+### Bug Fixes
+
+* bundling ace-editor should not cause component scope issues ([769def5](https://github.com/OMICRONEnergyOSS/oscd-scl-dialogs/commit/769def5eac0c75956e3f20bcb4fb06a379349db9))
+* ldevice updates should only update ldName when correctly set ([042ef2f](https://github.com/OMICRONEnergyOSS/oscd-scl-dialogs/commit/042ef2f3f1da41f5464e0f1ab26da34faf7550bf))
+
+## [0.0.9](https://github.com/OMICRONEnergyOSS/oscd-scl-dialogs/compare/oscd-scl-dialogs-v0.0.8...oscd-scl-dialogs-v0.0.9) (2026-02-16)
+
+
+### Bug Fixes
+
+* ace-editor should not end up on the global customElement reg ([f8680ff](https://github.com/OMICRONEnergyOSS/oscd-scl-dialogs/commit/f8680ffb6414c1a3501029712effb7a412ca60c9))
+
 ## [0.0.8](https://github.com/OMICRONEnergyOSS/oscd-scl-dialogs/compare/oscd-scl-dialogs-v0.0.7...oscd-scl-dialogs-v0.0.8) (2026-02-15)
 
 

package/custom-elements.json

@@ -328,7 +328,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'ace-editor': AceEditor, }"
+              "default": "{ // Left here for clarity sake. We need to dyn-import this so we have a chance of overriding the customElements.define to prevent // ace-editor from being registered globally and causing issues with other instances of ace-editor in the same document. 'ace-editor': AceEditor, }"
             },
             {
               "kind": "field",
@@ -367,6 +367,29 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "firstUpdated",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_changedProperties",
+                  "type": {
+                    "text": "PropertyValues"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "clearSelection",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "updated",
@@ -899,6 +922,403 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "ace-editor/AceEditor.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Custom element Ace code editor",
+          "name": "AceEditor",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_observedAttributes",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "private",
+              "static": true,
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "_editor",
+              "type": {
+                "text": "Ace.Editor | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "editor",
+              "type": {
+                "text": "Ace.Editor | undefined"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "version",
+              "type": {
+                "text": "{ [key: string]: string }"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "theme",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "tabSize",
+              "type": {
+                "text": "number | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "softTabs",
+              "type": {
+                "text": "boolean | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "wrap",
+              "type": {
+                "text": "boolean | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "valueUpdateMode",
+              "type": {
+                "text": "ValueUpdateMode | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hideActiveLineHighlight",
+              "type": {
+                "text": "boolean | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hideGutter",
+              "type": {
+                "text": "boolean | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hideGutterLineHighlight",
+              "type": {
+                "text": "boolean | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hidePrintMargin",
+              "type": {
+                "text": "boolean | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "basePath",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "dispatch",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "detail",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "initializeEditor",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "appendStyles",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "notifyPropertyChanged",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "resize",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleBlur",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "name": "type",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "AceEditor",
+            "module": "ace-editor/AceEditor.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "ace-editor/debounce.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "debounce",
+          "return": {
+            "type": {
+              "text": "() => Promise<T>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "func",
+              "type": {
+                "text": "(...params: any[]) => T"
+              },
+              "description": "The function to invoke."
+            },
+            {
+              "name": "wait",
+              "default": "0",
+              "description": "The time in milliseconds to wait for idle invocations."
+            }
+          ],
+          "description": "Returns a new function that delays invocations to the original function\nwithin a specified wait period. The last invocation within this time period\ngets invoked. All earlier invocations are ignore."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "debounce",
+          "declaration": {
+            "name": "debounce",
+            "module": "ace-editor/debounce.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "ace-editor/property-decorators.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "NotifyAttribute",
+          "parameters": [
+            {
+              "name": "attribute",
+              "optional": true,
+              "type": {
+                "text": "string"
+              },
+              "description": "Override the attribute name to use. If ommitted, the\nproperty name is used (coverted from camelCase, to kebab-case)."
+            }
+          ],
+          "description": "Defines that the target property should be exposed as an attribute, and\nthat changes to the attribute should trigger a `notifyPropertyChanged`\ncallback."
+        },
+        {
+          "kind": "function",
+          "name": "NotifyBooleanAttribute",
+          "parameters": [
+            {
+              "name": "attribute",
+              "optional": true,
+              "type": {
+                "text": "string"
+              },
+              "description": "Override the attribute name to use. If ommitted, the\nproperty name is used (coverted from camelCase, to snake-case)."
+            }
+          ],
+          "description": "Defines that the target property should be exposed as boolean attribute, and\nthat changes to the attribute should trigger a `notifyPropertyChanged`\ncallback."
+        },
+        {
+          "kind": "function",
+          "name": "NotifyNumericAttribute",
+          "parameters": [
+            {
+              "name": "attribute",
+              "optional": true,
+              "type": {
+                "text": "string"
+              },
+              "description": "Override the attribute name to use. If ommitted, the\nproperty name is used (coverted from camelCase, to snake-case)."
+            }
+          ],
+          "description": "Defines that the target property should be exposed as numeric attribute, and\nthat changes to the attribute should trigger a `notifyPropertyChanged`\ncallback."
+        },
+        {
+          "kind": "function",
+          "name": "Notify",
+          "return": {
+            "type": {
+              "text": "(target: NotifyTarget & HTMLElement, key: string) => void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "attribute",
+              "optional": true,
+              "type": {
+                "text": "string"
+              },
+              "description": "Expose the property as an attribute. Note that when\nattribute is specified, this method has the same behavior as\n`NotifyAttribute`."
+            }
+          ],
+          "description": "Defines that the target property should trigger a `notifyPropertyChanged`\ncallback when the property changes."
+        },
+        {
+          "kind": "function",
+          "name": "Alias",
+          "parameters": [
+            {
+              "name": "alias",
+              "type": {
+                "text": "string"
+              },
+              "description": "Name of the alias."
+            }
+          ],
+          "description": "Creates an alias for the given property with a getter and a setter."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "NotifyAttribute",
+          "declaration": {
+            "name": "NotifyAttribute",
+            "module": "ace-editor/property-decorators.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "NotifyBooleanAttribute",
+          "declaration": {
+            "name": "NotifyBooleanAttribute",
+            "module": "ace-editor/property-decorators.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "NotifyNumericAttribute",
+          "declaration": {
+            "name": "NotifyNumericAttribute",
+            "module": "ace-editor/property-decorators.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Notify",
+          "declaration": {
+            "name": "Notify",
+            "module": "ace-editor/property-decorators.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Alias",
+          "declaration": {
+            "name": "Alias",
+            "module": "ace-editor/property-decorators.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "demo/demo-editor-plugin.js",
@@ -1055,6 +1475,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "demo/index.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "scripts/update-readme.ts",

package/dist/OscdTextEditor.d.ts

@@ -1,10 +1,10 @@
-import { LitElement, type PropertyValueMap } from 'lit';
+import { LitElement, type PropertyValueMap, PropertyValues } from 'lit';
 import type * as AceGlobal from 'ace-builds';
 import 'ace-builds/src-noconflict/ace.js';
 import 'ace-builds/src-noconflict/theme-sqlserver.js';
 import 'ace-builds/src-noconflict/mode-xml.js';
 import 'ace-builds/src-noconflict/ext-searchbox.js';
-import AceEditor from 'ace-custom-element';
+import AceEditor from './ace-editor/AceEditor.js';
 import { EditV2 } from '@openscd/oscd-api';
 declare global {
     interface Window {
@@ -34,6 +34,8 @@ export default class OscdTextEditor extends BaseElement {
     connectedCallback(): void;
     disconnectedCallback(): void;
     private handleAceChange;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    private clearSelection;
     protected updated(changedProps: PropertyValueMap<OscdTextEditor>): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult;

package/dist/OscdTextEditor.js

@@ -1,12 +1,12 @@
 import { __decorate } from "tslib";
-import { LitElement, html, css } from 'lit';
+import { LitElement, html, css, } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js';
 import 'ace-builds/src-noconflict/ace.js';
 import 'ace-builds/src-noconflict/theme-sqlserver.js';
 import 'ace-builds/src-noconflict/mode-xml.js';
 import 'ace-builds/src-noconflict/ext-searchbox.js';
-import AceEditor from 'ace-custom-element';
+import AceEditor from './ace-editor/AceEditor.js';
 const serializer = new XMLSerializer();
 const parser = new DOMParser();
 const ACE_DEFAULT_OPTIONS = {
@@ -134,7 +134,10 @@ class BaseElement extends ScopedElementsMixin(LitElement) {
  */
 class OscdTextEditor extends BaseElement {
     format() {
-        const rawXml = this.aceEditor?.editor?.getSelectedText() || this.aceEditor.value;
+        const rawXml = this.aceEditor?.editor?.getSelectedText() ||
+            this.aceEditor.editor?.getValue() ||
+            this.value ||
+            '';
         let initialIndent = '';
         if (this.aceEditor?.editor?.getSelectedText()) {
             const range = this.aceEditor.editor.getSelectionRange();
@@ -171,16 +174,32 @@ class OscdTextEditor extends BaseElement {
             }));
         }
     }
+    firstUpdated(_changedProperties) {
+        this.clearSelection();
+    }
+    clearSelection() {
+        // Clear selection when content updates
+        setTimeout(() => {
+            /* For reasons unknown the ace editor initially selects all code, so we need to clear that*/
+            const editor = this.aceEditor.editor;
+            if (editor) {
+                editor.selection.clearSelection();
+                editor.moveCursorTo(0, 0);
+            }
+        }, 100);
+    }
     updated(changedProps) {
         if (changedProps.has('value')) {
-            // Clear selection when content updates
-            setTimeout(() => {
-                if (this.aceEditor?.editor) {
-                    /* For reasons unknown the ace editor initially selects all code, so we need to clear that*/
-                    this.aceEditor.editor.selection.clearSelection();
-                    this.aceEditor.editor.moveCursorTo(0, 0);
-                }
-            }, 10);
+            const editor = this.aceEditor.editor;
+            if (!editor) {
+                return;
+            }
+            // Only update if content actually changed (prevents cursor jump)
+            // if (editor.getValue() !== this.value) {
+            //   editor.setValue(this.value ?? '');
+            // }
+            editor.selection.clearSelection();
+            editor.moveCursorTo(0, 0);
         }
     }
     render() {
@@ -198,6 +217,8 @@ class OscdTextEditor extends BaseElement {
     }
 }
 OscdTextEditor.scopedElements = {
+    // Left here for clarity sake. We need to dyn-import this so we have a chance of overriding the customElements.define to prevent
+    // ace-editor from being registered globally and causing issues with other instances of ace-editor in the same document.
     'ace-editor': AceEditor,
 };
 OscdTextEditor.styles = css `

package/dist/OscdTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"OscdTextEditor.js","sourceRoot":"","sources":["../OscdTextEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, type PropertyValueMap } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js';\nimport type * as AceGlobal from 'ace-builds';\nimport 'ace-builds/src-noconflict/ace.js';\nimport 'ace-builds/src-noconflict/theme-sqlserver.js';\nimport 'ace-builds/src-noconflict/mode-xml.js';\nimport 'ace-builds/src-noconflict/ext-searchbox.js';\nimport AceEditor from 'ace-custom-element';\nimport { EditV2 } from '@openscd/oscd-api';\n\ndeclare global {\n  interface Window {\n    ace: typeof AceGlobal;\n  }\n}\n\nconst serializer = new XMLSerializer();\nconst parser = new DOMParser();\n\nconst ACE_DEFAULT_OPTIONS = {\n  fontSize: '14',\n  theme: 'ace/theme/sqlserver',\n  mode: 'ace/mode/xml',\n};\nconst storageKey = 'oscd:ace-options';\n\nconst getStoredAceOptions = (): Omit<\n  Partial<AceGlobal.Ace.EditorOptions>,\n  'theme' | 'mode'\n> &\n  Pick<AceGlobal.Ace.EditorOptions, 'theme' | 'mode'> => {\n  try {\n    const stored = localStorage.getItem(storageKey);\n    if (stored) {\n      return {\n        ...ACE_DEFAULT_OPTIONS,\n        ...JSON.parse(stored),\n      };\n    }\n  } catch (error) {\n    console.warn('Failed to retrieve Ace options from storage:', error);\n  }\n  return ACE_DEFAULT_OPTIONS;\n};\n\nlet aceOptions = getStoredAceOptions();\n\nfunction manageAceOptionChange(editor: AceGlobal.Ace.Editor) {\n  editor.setOptions(aceOptions);\n\n  const originalSetOption = editor.setOption.bind(editor);\n  const originalSetOptions = editor.setOptions.bind(editor);\n  const persistOptions = () => {\n    try {\n      aceOptions = {\n        ...ACE_DEFAULT_OPTIONS,\n        ...editor.getOptions(),\n      };\n      localStorage.setItem(storageKey, JSON.stringify(aceOptions));\n    } catch (error) {\n      console.warn('Failed to store Ace options:', error);\n    }\n  };\n\n  editor.setOption = (name: string, value: unknown) => {\n    originalSetOption(\n      name as keyof AceGlobal.Ace.EditorOptions,\n      value as never,\n    );\n    persistOptions();\n  };\n\n  editor.setOptions = (options: Partial<AceGlobal.Ace.EditorOptions>) => {\n    originalSetOptions(options);\n    persistOptions();\n  };\n}\n\nexport function parseXml(xml: string): XMLDocument {\n  const parsed = parser.parseFromString(xml, 'application/xml');\n  const parseError = parsed.querySelector('parsererror');\n  if (parseError) {\n    const error = new Error(parseError.textContent ?? 'Invalid XML');\n    console.error('XML Parsing Error:', error);\n  }\n  return parsed;\n}\n\nexport function serializeXml(xml: XMLDocument | Element): string {\n  return serializer.serializeToString(xml);\n}\n\nexport function formatXml(\n  rawXml: string | undefined,\n  initialIndent: string = '',\n): string {\n  if (!rawXml) {\n    return '';\n  }\n\n  // Trim leading and trailing whitespace to avoid injecting extra < or >\n  const xml = rawXml.trim();\n\n  let formatted = '';\n  let indent = '';\n\n  const tab = '\\t';\n  const nodes = xml.split(/>\\s*</);\n  nodes.forEach(function (node, index) {\n    // Remove leading < from first node and trailing > from last node. Allow for selection leading or trailing whitespace.\n    if (index === 0) {\n      node = node.replace(/^\\s*</, '');\n    }\n    if (index === nodes.length - 1) {\n      node = node.replace(/>\\s*$/, '');\n    }\n\n    if (node.match(/^\\/\\w/)) {\n      indent = indent.substring(tab!.length);\n    }\n    formatted += initialIndent + indent + '<' + node + '>\\r\\n';\n    if (node.match(/^<?\\w[^>]*[^/]$/)) {\n      indent += tab;\n    }\n  });\n\n  return formatted.trim();\n}\n\nexport function newOscdTextEditV2({\n  element,\n  newText,\n}: {\n  element: Element;\n  newText: string;\n}): EditV2[] | null {\n  let newDoc: XMLDocument | null = null;\n  try {\n    newDoc = newText ? parseXml(newText) : null;\n  } catch (error) {\n    console.error('Failed to parse XML:', error);\n    return null;\n  }\n  if (element) {\n    // get the parent and if we don't have a parent, use the documentElement\n    const parent = element.parentElement ?? element.ownerDocument;\n    const nextSibling = element.nextSibling ?? null;\n    const newElement = newDoc\n      ? element.ownerDocument.importNode(newDoc?.documentElement, true)\n      : null;\n\n    return [\n      { node: element },\n      ...(newElement\n        ? [\n            {\n              node: newElement,\n              parent,\n              reference: nextSibling,\n            },\n          ]\n        : []),\n    ] as EditV2[];\n  }\n  return null;\n}\n\nclass BaseElement extends ScopedElementsMixin(LitElement) {}\n\n/**\n * Intent is to keep this generic so it can be migrated to oscd-ui.\n */\nexport default class OscdTextEditor extends BaseElement {\n  static scopedElements = {\n    'ace-editor': AceEditor,\n  };\n\n  @property()\n  value: string | undefined;\n\n  @query('ace-editor')\n  aceEditor!: AceEditor;\n\n  public format() {\n    const rawXml =\n      this.aceEditor?.editor?.getSelectedText() || this.aceEditor.value;\n\n    let initialIndent = '';\n    if (this.aceEditor?.editor?.getSelectedText()) {\n      const range = this.aceEditor.editor.getSelectionRange();\n      // Get the starting line of the selection and detect its leading whitespace\n      const startLine = range.start.row;\n      const lineContent = this.aceEditor.editor.session.getLine(startLine);\n      initialIndent = lineContent.match(/^(\\s*)/)?.[1] || '';\n    }\n\n    const formatted = formatXml(rawXml, initialIndent);\n    if (this.aceEditor?.editor?.getSelectedText()) {\n      const range = this.aceEditor.editor.getSelectionRange();\n      // Remove the trailing \\r\\n\n      this.aceEditor.editor.session.replace(\n        range,\n        formatted.substring(0, formatted.length - 2),\n      );\n    } else {\n      this.value = formatted;\n    }\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    window.ace?.config?.addEventListener?.('editor', manageAceOptionChange);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.ace?.config?.removeEventListener?.('editor', manageAceOptionChange);\n  }\n\n  private handleAceChange(e: CustomEvent<string>): void {\n    if (typeof e.detail !== 'string') {\n      return;\n    }\n\n    if (this.value !== e.detail) {\n      this.dispatchEvent(\n        new CustomEvent('change', {\n          detail: e.detail,\n        }),\n      );\n    }\n  }\n\n  protected updated(changedProps: PropertyValueMap<OscdTextEditor>): void {\n    if (changedProps.has('value')) {\n      // Clear selection when content updates\n      setTimeout(() => {\n        if (this.aceEditor?.editor) {\n          /* For reasons unknown the ace editor initially selects all code, so we need to clear that*/\n          this.aceEditor.editor.selection.clearSelection();\n          this.aceEditor.editor.moveCursorTo(0, 0);\n        }\n      }, 10);\n    }\n  }\n\n  render() {\n    return html`\n      <ace-editor\n        .value=${this.value}\n        mode=${aceOptions.mode}\n        theme=${aceOptions.theme}\n        @change=${(e: CustomEvent<string>) => {\n          this.handleAceChange(e);\n        }}\n      >\n      </ace-editor>\n    `;\n  }\n\n  static styles = css`\n    :host {\n      height: 100%;\n      width: 100%;\n      overflow: auto;\n    }\n\n    ace-editor {\n      height: 100%;\n      width: 100%;\n    }\n  `;\n}\n"]}
+{"version":3,"file":"OscdTextEditor.js","sourceRoot":"","sources":["../OscdTextEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  LitElement,\n  html,\n  css,\n  type PropertyValueMap,\n  PropertyValues,\n} from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements/lit-element.js';\nimport type * as AceGlobal from 'ace-builds';\nimport 'ace-builds/src-noconflict/ace.js';\nimport 'ace-builds/src-noconflict/theme-sqlserver.js';\nimport 'ace-builds/src-noconflict/mode-xml.js';\nimport 'ace-builds/src-noconflict/ext-searchbox.js';\n\nimport AceEditor from './ace-editor/AceEditor.js';\n\nimport { EditV2 } from '@openscd/oscd-api';\n\ndeclare global {\n  interface Window {\n    ace: typeof AceGlobal;\n  }\n}\n\nconst serializer = new XMLSerializer();\nconst parser = new DOMParser();\n\nconst ACE_DEFAULT_OPTIONS = {\n  fontSize: '14',\n  theme: 'ace/theme/sqlserver',\n  mode: 'ace/mode/xml',\n};\nconst storageKey = 'oscd:ace-options';\n\nconst getStoredAceOptions = (): Omit<\n  Partial<AceGlobal.Ace.EditorOptions>,\n  'theme' | 'mode'\n> &\n  Pick<AceGlobal.Ace.EditorOptions, 'theme' | 'mode'> => {\n  try {\n    const stored = localStorage.getItem(storageKey);\n    if (stored) {\n      return {\n        ...ACE_DEFAULT_OPTIONS,\n        ...JSON.parse(stored),\n      };\n    }\n  } catch (error) {\n    console.warn('Failed to retrieve Ace options from storage:', error);\n  }\n  return ACE_DEFAULT_OPTIONS;\n};\n\nlet aceOptions = getStoredAceOptions();\n\nfunction manageAceOptionChange(editor: AceGlobal.Ace.Editor) {\n  editor.setOptions(aceOptions);\n\n  const originalSetOption = editor.setOption.bind(editor);\n  const originalSetOptions = editor.setOptions.bind(editor);\n  const persistOptions = () => {\n    try {\n      aceOptions = {\n        ...ACE_DEFAULT_OPTIONS,\n        ...editor.getOptions(),\n      };\n      localStorage.setItem(storageKey, JSON.stringify(aceOptions));\n    } catch (error) {\n      console.warn('Failed to store Ace options:', error);\n    }\n  };\n\n  editor.setOption = (name: string, value: unknown) => {\n    originalSetOption(\n      name as keyof AceGlobal.Ace.EditorOptions,\n      value as never,\n    );\n    persistOptions();\n  };\n\n  editor.setOptions = (options: Partial<AceGlobal.Ace.EditorOptions>) => {\n    originalSetOptions(options);\n    persistOptions();\n  };\n}\n\nexport function parseXml(xml: string): XMLDocument {\n  const parsed = parser.parseFromString(xml, 'application/xml');\n  const parseError = parsed.querySelector('parsererror');\n  if (parseError) {\n    const error = new Error(parseError.textContent ?? 'Invalid XML');\n    console.error('XML Parsing Error:', error);\n  }\n  return parsed;\n}\n\nexport function serializeXml(xml: XMLDocument | Element): string {\n  return serializer.serializeToString(xml);\n}\n\nexport function formatXml(\n  rawXml: string | undefined,\n  initialIndent: string = '',\n): string {\n  if (!rawXml) {\n    return '';\n  }\n\n  // Trim leading and trailing whitespace to avoid injecting extra < or >\n  const xml = rawXml.trim();\n\n  let formatted = '';\n  let indent = '';\n\n  const tab = '\\t';\n  const nodes = xml.split(/>\\s*</);\n  nodes.forEach(function (node, index) {\n    // Remove leading < from first node and trailing > from last node. Allow for selection leading or trailing whitespace.\n    if (index === 0) {\n      node = node.replace(/^\\s*</, '');\n    }\n    if (index === nodes.length - 1) {\n      node = node.replace(/>\\s*$/, '');\n    }\n\n    if (node.match(/^\\/\\w/)) {\n      indent = indent.substring(tab!.length);\n    }\n    formatted += initialIndent + indent + '<' + node + '>\\r\\n';\n    if (node.match(/^<?\\w[^>]*[^/]$/)) {\n      indent += tab;\n    }\n  });\n\n  return formatted.trim();\n}\n\nexport function newOscdTextEditV2({\n  element,\n  newText,\n}: {\n  element: Element;\n  newText: string;\n}): EditV2[] | null {\n  let newDoc: XMLDocument | null = null;\n  try {\n    newDoc = newText ? parseXml(newText) : null;\n  } catch (error) {\n    console.error('Failed to parse XML:', error);\n    return null;\n  }\n  if (element) {\n    // get the parent and if we don't have a parent, use the documentElement\n    const parent = element.parentElement ?? element.ownerDocument;\n    const nextSibling = element.nextSibling ?? null;\n    const newElement = newDoc\n      ? element.ownerDocument.importNode(newDoc?.documentElement, true)\n      : null;\n\n    return [\n      { node: element },\n      ...(newElement\n        ? [\n            {\n              node: newElement,\n              parent,\n              reference: nextSibling,\n            },\n          ]\n        : []),\n    ] as EditV2[];\n  }\n  return null;\n}\n\nclass BaseElement extends ScopedElementsMixin(LitElement) {}\n\n/**\n * Intent is to keep this generic so it can be migrated to oscd-ui.\n */\nexport default class OscdTextEditor extends BaseElement {\n  static scopedElements = {\n    // Left here for clarity sake. We need to dyn-import this so we have a chance of overriding the customElements.define to prevent\n    // ace-editor from being registered globally and causing issues with other instances of ace-editor in the same document.\n    'ace-editor': AceEditor,\n  };\n\n  // constructor() {\n  //   super();\n  //   // Special handling to prevent ace-editor from being registered globally, which would cause issues with multiple instances in the same document.\n  //   // This will all go away once the oscd-ui version is implemented and this project is migrated to oscd-ui\n  //   const customElementsDefineFn = window.customElements.define;\n  //   window.customElements.define = (name, constructor) => {\n  //     if (name !== 'ace-editor') {\n  //       return customElementsDefineFn(name, constructor);\n  //     }\n  //   };\n  //   import('ace-custom-element').then(AceEditor => {\n  //     if (!this.registry?.get('ace-editor')) {\n  //       this.registry?.define('ace-editor', AceEditor.default);\n  //       this.requestUpdate();\n  //     }\n  //   });\n  // }\n\n  @property()\n  value: string | undefined;\n\n  @query('ace-editor')\n  aceEditor!: AceEditor;\n\n  public format() {\n    const rawXml =\n      this.aceEditor?.editor?.getSelectedText() ||\n      this.aceEditor.editor?.getValue() ||\n      this.value ||\n      '';\n\n    let initialIndent = '';\n    if (this.aceEditor?.editor?.getSelectedText()) {\n      const range = this.aceEditor.editor.getSelectionRange();\n      // Get the starting line of the selection and detect its leading whitespace\n      const startLine = range.start.row;\n      const lineContent = this.aceEditor.editor.session.getLine(startLine);\n      initialIndent = lineContent.match(/^(\\s*)/)?.[1] || '';\n    }\n\n    const formatted = formatXml(rawXml, initialIndent);\n    if (this.aceEditor?.editor?.getSelectedText()) {\n      const range = this.aceEditor.editor.getSelectionRange();\n      // Remove the trailing \\r\\n\n      this.aceEditor.editor.session.replace(\n        range,\n        formatted.substring(0, formatted.length - 2),\n      );\n    } else {\n      this.value = formatted;\n    }\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    window.ace?.config?.addEventListener?.('editor', manageAceOptionChange);\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    window.ace?.config?.removeEventListener?.('editor', manageAceOptionChange);\n  }\n\n  private handleAceChange(e: CustomEvent<string>): void {\n    if (typeof e.detail !== 'string') {\n      return;\n    }\n\n    if (this.value !== e.detail) {\n      this.dispatchEvent(\n        new CustomEvent('change', {\n          detail: e.detail,\n        }),\n      );\n    }\n  }\n\n  protected firstUpdated(_changedProperties: PropertyValues): void {\n    this.clearSelection();\n  }\n\n  private clearSelection() {\n    // Clear selection when content updates\n    setTimeout(() => {\n      /* For reasons unknown the ace editor initially selects all code, so we need to clear that*/\n      const editor = this.aceEditor.editor;\n      if (editor) {\n        editor.selection.clearSelection();\n        editor.moveCursorTo(0, 0);\n      }\n    }, 100);\n  }\n\n  protected updated(changedProps: PropertyValueMap<OscdTextEditor>): void {\n    if (changedProps.has('value')) {\n      const editor = this.aceEditor.editor;\n\n      if (!editor) {\n        return;\n      }\n\n      // Only update if content actually changed (prevents cursor jump)\n      // if (editor.getValue() !== this.value) {\n      //   editor.setValue(this.value ?? '');\n      // }\n\n      editor.selection.clearSelection();\n      editor.moveCursorTo(0, 0);\n    }\n  }\n\n  render() {\n    return html`\n      <ace-editor\n        .value=${this.value}\n        mode=${aceOptions.mode}\n        theme=${aceOptions.theme}\n        @change=${(e: CustomEvent<string>) => {\n          this.handleAceChange(e);\n        }}\n      >\n      </ace-editor>\n    `;\n  }\n\n  static styles = css`\n    :host {\n      height: 100%;\n      width: 100%;\n      overflow: auto;\n    }\n\n    ace-editor {\n      height: 100%;\n      width: 100%;\n    }\n  `;\n}\n"]}