@ctrliq/quantic-components 1.63.2 → 1.63.4

package/dist/code-input/index.js

@@ -11,6 +11,7 @@ import { quanticElement, QuanticElement } from '../shared/quantic-element';
 import { A11yAttributesMixin } from '../shared/a11y-attributes.mixin';
 import { CodeInputSize } from './index.constants';
 import { event, prop } from '../shared/component-meta.decorators';
+import { emitValueChanged } from '../shared/shared.utils';
 export { CodeInputSize } from './index.constants';
 let CodeInput = class CodeInput extends A11yAttributesMixin(QuanticElement) {
     constructor() {
@@ -43,18 +44,10 @@ let CodeInput = class CodeInput extends A11yAttributesMixin(QuanticElement) {
             this.updateValidity();
             this.lineCount = Math.max(1, this.value.split('\n').length);
         }
+        emitValueChanged(this, changedProperties, this.value);
     }
     handleInput(e) {
-        const textarea = e.target;
-        this.value = textarea.value;
-        this.lineCount = Math.max(1, this.value.split('\n').length);
-        this.internals.setFormValue(this.value);
-        this.updateValidity();
-        this.dispatchEvent(new CustomEvent('value-changed', {
-            detail: { value: this.value },
-            bubbles: true,
-            composed: true,
-        }));
+        this.value = e.target.value;
     }
     forwardNative(e) {
         const baseInit = {
@@ -410,7 +403,7 @@ __decorate([
 ], CodeInput.prototype, "lineCount", void 0);
 CodeInput = __decorate([
     event('value-changed', {
-        description: "Fired whenever the textarea's value is updated (on input).",
+        description: 'Fired whenever the value changes, from user input or a programmatic update. Not fired on initial render.',
         detail: '{ value: string }',
     }),
     event('change', { forwarded: true }),

package/dist/combobox/index.d.ts

@@ -46,7 +46,7 @@ export declare class Combobox extends Combobox_base {
     private nextNavigableIndex;
     private openList;
     private closeList;
-    private commitCustomValue;
+    private commitInputValue;
     private positionListbox;
     private selectOption;
     private handleInput;

package/dist/combobox/index.js

@@ -116,8 +116,8 @@ let Combobox = class Combobox extends A11yAttributesMixin(QuanticElement) {
         this._activeIndex = -1;
         this.cleanup?.();
         this.cleanup = undefined;
-        if (this.allowCustomValue && commit) {
-            this.commitCustomValue();
+        if (commit && (this.allowCustomValue || !this._inputValue.trim())) {
+            this.commitInputValue();
         }
         else {
             const selected = this.options.find((o) => o.value === this.value);
@@ -125,7 +125,7 @@ let Combobox = class Combobox extends A11yAttributesMixin(QuanticElement) {
                 selected?.label ?? (this.allowCustomValue ? this.value : '');
         }
     }
-    commitCustomValue() {
+    commitInputValue() {
         const trimmed = this._inputValue.trim();
         this._inputValue = trimmed;
         if (trimmed === this.value)
@@ -223,10 +223,10 @@ let Combobox = class Combobox extends A11yAttributesMixin(QuanticElement) {
                         this.selectOption(opt);
                     }
                 }
-                else if (this.allowCustomValue && this._inputValue.trim()) {
+                else if (this._open &&
+                    (this.allowCustomValue || !this._inputValue.trim())) {
                     e.preventDefault();
                     this.closeList(true);
-                    this.commitCustomValue();
                 }
                 break;
             case 'Escape':
@@ -757,7 +757,7 @@ __decorate([
 ], Combobox.prototype, "_activeIndex", void 0);
 Combobox = __decorate([
     event('value-changed', {
-        description: 'Fired when the user selects an option from the list, or commits a custom value when allowCustomValue is enabled.',
+        description: 'Fired when the user selects an option from the list, clears the field, or commits a custom value when allowCustomValue is enabled.',
         detail: '{ value: string }',
     }),
     event('input-changed', {