@myrmidon/gve-snapshot-rendition 2.0.3 → 2.0.4

package/dist/index.js

@@ -25917,7 +25917,7 @@ class GveSnapshotRendition extends HTMLElement {
      * of the web component is loaded.
      */
     static get version() {
-        return "2.0.3";
+        return "2.0.4";
     }
     constructor() {
         super();
@@ -40847,7 +40847,7 @@ function requireD () {
 	      + 'pragma private protected public pure ref return scope shared static struct '
 	      + 'super switch synchronized template this throw try typedef typeid typeof union '
 	      + 'unittest version void volatile while with __FILE__ __LINE__ __gshared|10 '
-	      + '__thread __traits __DATE__ __EOF__ __TIME__ __TIMESTAMP__ __VENDOR__ 2.0.3',
+	      + '__thread __traits __DATE__ __EOF__ __TIME__ __TIMESTAMP__ __VENDOR__ 2.0.4',
 	    built_in:
 	      'bool cdouble cent cfloat char creal dchar delegate double dstring float function '
 	      + 'idouble ifloat ireal long real short string ubyte ucent uint ulong ushort wchar '
@@ -91112,6 +91112,21 @@ class GveHintDesigner extends HTMLElement {
         // Word wrap toggles
         this.addClickListener("toggle-svg-wrap", () => this.toggleSvgWordWrap());
         this.addClickListener("toggle-js-wrap", () => this.toggleJsWordWrap());
+        // Form field highlighting (non-default values)
+        [
+            this._positionSelect,
+            this._offsetXInput,
+            this._offsetYInput,
+            this._scaleXInput,
+            this._scaleYInput,
+            this._rotationInput,
+            this._displacedRefSpanInput,
+        ].forEach((el) => {
+            if (el) {
+                el.addEventListener("input", () => this.updateFormFieldHighlights());
+                el.addEventListener("change", () => this.updateFormFieldHighlights());
+            }
+        });
         // Syntax highlighting on textareas
         if (this._svgTextarea) {
             this._svgTextarea.addEventListener("input", () => this.highlightSvg());
@@ -91346,6 +91361,7 @@ class GveHintDesigner extends HTMLElement {
         }
         // Auto-refresh SVG display when hint is loaded
         this.refreshSvgDisplay();
+        this.updateFormFieldHighlights();
         this._logger.debug("Component", "Loaded hint for editing", hintId);
     }
     /**
@@ -91372,6 +91388,7 @@ class GveHintDesigner extends HTMLElement {
             this._jsTextarea.value = "";
         if (this._embeddedJsCheckbox)
             this._embeddedJsCheckbox.checked = false;
+        this.updateFormFieldHighlights();
     }
     /**
      * Validate SVG code for well-formedness and structure.
@@ -92604,6 +92621,30 @@ class GveHintDesigner extends HTMLElement {
             this.validateSvgVariables(svgCode);
         }
     }
+    /**
+     * Update the highlighted state of all Hint Properties form rows.
+     * Rows whose value differs from the default get the form-row--modified class.
+     */
+    updateFormFieldHighlights() {
+        this.setFormRowModified(this._positionSelect, this._positionSelect?.value !== "o");
+        this.setFormRowModified(this._offsetXInput, this.isOffsetModified(this._offsetXInput?.value));
+        this.setFormRowModified(this._offsetYInput, this.isOffsetModified(this._offsetYInput?.value));
+        this.setFormRowModified(this._scaleXInput, parseFloat(this._scaleXInput?.value ?? "1") !== 1);
+        this.setFormRowModified(this._scaleYInput, parseFloat(this._scaleYInput?.value ?? "1") !== 1);
+        this.setFormRowModified(this._rotationInput, parseFloat(this._rotationInput?.value ?? "0") !== 0);
+        this.setFormRowModified(this._displacedRefSpanInput, (this._displacedRefSpanInput?.value ?? "").trim() !== "");
+    }
+    isOffsetModified(value) {
+        if (!value)
+            return false;
+        const parsed = this.parseOffset(value);
+        return typeof parsed === "string" || parsed !== 0;
+    }
+    setFormRowModified(input, modified) {
+        if (!input?.parentElement)
+            return;
+        input.parentElement.classList.toggle("form-row--modified", modified);
+    }
     /**
      * Show a message in the message panel.
      */
@@ -93044,6 +93085,17 @@ class GveHintDesigner extends HTMLElement {
         min-width: auto;
       }
 
+      .form-row--modified label {
+        color: var(--hint-designer-primary, #1565c0);
+        font-weight: 700;
+      }
+
+      .form-row--modified input,
+      .form-row--modified select {
+        border-color: var(--hint-designer-primary-border, #2196f3);
+        background-color: #e3f2fd;
+      }
+
       .textarea-header {
         display: flex;
         justify-content: space-between;