@ctrliq/quantic-components 1.61.1 → 1.61.3

package/dist/quantic-components.js

@@ -55195,7 +55195,15 @@
             this.invalid = false;
             this.lineNumbers = false;
             this.stretch = false;
+            this.tabIndent = false;
             this.lineCount = 1;
+            this.handleKeydown = (e) => {
+                if (this.tabIndent && e.key === 'Tab' && !this.disabled && !this.readOnly) {
+                    e.preventDefault();
+                    document.execCommand('insertText', false, '\t');
+                }
+                this.forwardNative(e);
+            };
             this.internals = this.attachInternals();
         }
         updated(changedProperties) {
@@ -55309,7 +55317,7 @@
           @change=${this.forwardNative}
           @focus=${this.forwardNative}
           @blur=${this.forwardNative}
-          @keydown=${this.forwardNative}
+          @keydown=${this.handleKeydown}
           @keyup=${this.forwardNative}
           @keypress=${this.forwardNative}
           @scroll=${this.handleScroll}
@@ -55560,6 +55568,9 @@
     __decorate([
         prop({ type: 'boolean', default: 'false', reflect: true, description: 'Makes the editor fill the height of its container. Overrides rows.' })
     ], exports.CodeInput.prototype, "stretch", void 0);
+    __decorate([
+        prop({ type: 'boolean', default: 'false', reflect: true, description: 'Inserts a tab character when pressing Tab instead of moving focus. Disabled by default to preserve keyboard navigation.', attribute: 'tab-indent' })
+    ], exports.CodeInput.prototype, "tabIndent", void 0);
     __decorate([
         e$5('.line-numbers')
     ], exports.CodeInput.prototype, "lineNumbersEl", void 0);
@@ -55952,16 +55963,14 @@
     }
 
     .backdrop--subtle {
-      background-color: rgba(
-        var(--quantic-component-dialog-backdrop-color),
-        0.5
+      background-color: rgb(
+        var(--quantic-component-dialog-backdrop-color) / 0.7
       );
     }
 
     .backdrop--opaque {
-      background-color: rgba(
-        var(--quantic-component-dialog-backdrop-color),
-        0.95
+      background-color: rgb(
+        var(--quantic-component-dialog-backdrop-color) / 0.8
       );
       backdrop-filter: blur(4px);
     }
@@ -55972,10 +55981,20 @@
     }
   `;
     __decorate([
-        prop({ type: 'boolean', default: 'false', reflect: true, description: 'Whether the backdrop is visible.' })
+        prop({
+            type: 'boolean',
+            default: 'false',
+            reflect: true,
+            description: 'Whether the backdrop is visible.',
+        })
     ], exports.DialogBackdropElement.prototype, "visible", void 0);
     __decorate([
-        prop({ type: 'DialogBackdrop', options: Object.values(DialogBackdrop), default: DialogBackdrop.Opaque, description: 'Visual style of the backdrop overlay.' })
+        prop({
+            type: 'DialogBackdrop',
+            options: Object.values(DialogBackdrop),
+            default: DialogBackdrop.Opaque,
+            description: 'Visual style of the backdrop overlay.',
+        })
     ], exports.DialogBackdropElement.prototype, "variant", void 0);
     exports.DialogBackdropElement = __decorate([
         quanticElement('quantic-dialog-backdrop')
@@ -64458,6 +64477,21 @@
       box-sizing: border-box;
       overflow-x: hidden;
       overflow-y: auto;
+      scrollbar-width: thin;
+      scrollbar-color: var(--quantic-border-secondary) transparent;
+    }
+
+    .main::-webkit-scrollbar {
+      width: 4px;
+    }
+
+    .main::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    .main::-webkit-scrollbar-thumb {
+      background: var(--quantic-border-secondary);
+      border-radius: var(--quantic-radius-full);
     }
 
     .main:not(.is-aside-expanded) .main {