cloud-ide-element 1.1.131 → 1.1.132

package/fesm2022/cloud-ide-element.mjs

@@ -14667,13 +14667,11 @@ class CideEleJsonEditorComponent {
     label;
     helperText;
     required = false;
-    set disabled(value) {
-        this._disabledSignal = value;
-    }
-    get disabled() {
-        return this._disabledSignal;
-    }
-    _disabledSignal = signal(false, ...(ngDevMode ? [{ debugName: "_disabledSignal" }] : []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    // Internal writable signal for ControlValueAccessor setDisabledState
+    _disabledInternal = signal(false, ...(ngDevMode ? [{ debugName: "_disabledInternal" }] : []));
+    // Computed signal that combines input and internal state (if either is true, component is disabled)
+    disabledInput = computed(() => this._disabledInternal() || this.disabled(), ...(ngDevMode ? [{ debugName: "disabledInput" }] : []));
     showCharacterCount = false;
     config = {};
     configSignal = signal({}, ...(ngDevMode ? [{ debugName: "configSignal" }] : []));
@@ -14700,7 +14698,7 @@ class CideEleJsonEditorComponent {
     }, ...(ngDevMode ? [{ debugName: "lineNumbers" }] : []));
     containerClass = computed(() => {
         const classes = ['tw-w-full'];
-        if (this.disabled()) {
+        if (this.disabledInput()) {
             classes.push('tw-opacity-50');
         }
         return classes.join(' ');
@@ -14919,12 +14917,12 @@ class CideEleJsonEditorComponent {
         this.onTouched = fn;
     }
     setDisabledState(isDisabled) {
-        this.disabled.set(isDisabled);
+        this._disabledInternal.set(isDisabled);
     }
     onChange = () => { };
     onTouched = () => { };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideEleJsonEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CideEleJsonEditorComponent, isStandalone: true, selector: "cide-ele-json-editor", inputs: { label: "label", helperText: "helperText", required: "required", disabled: "disabled", showCharacterCount: "showCharacterCount", config: "config" }, outputs: { valueChange: "valueChange", objectChange: "objectChange", errorsChange: "errorsChange", validChange: "validChange" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CideEleJsonEditorComponent, isStandalone: true, selector: "cide-ele-json-editor", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, showCharacterCount: { classPropertyName: "showCharacterCount", publicName: "showCharacterCount", isSignal: false, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", objectChange: "objectChange", errorsChange: "errorsChange", validChange: "validChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => CideEleJsonEditorComponent),
@@ -14953,8 +14951,8 @@ class CideEleJsonEditorComponent {
         [class.tw-focus-within:tw-border-blue-500]="!hasErrors()"
         [class.tw-focus-within:tw-ring-1]="!hasErrors()"
         [class.tw-focus-within:tw-ring-blue-500]="!hasErrors()"
-        [class.tw-opacity-50]="disabled()"
-        [class.tw-cursor-not-allowed]="disabled()">
+        [class.tw-opacity-50]="disabledInput()"
+        [class.tw-cursor-not-allowed]="disabledInput()">
         
         <!-- Line Numbers -->
         @if (configSignal().showLineNumbers) {
@@ -14984,8 +14982,8 @@ class CideEleJsonEditorComponent {
           (input)="onInput($event)"
           (blur)="onBlur()"
           [placeholder]="configSignal().placeholder || 'Enter JSON configuration...'"
-          [readonly]="configSignal().readOnly || disabled()"
-          [disabled]="disabled()"
+          [readonly]="configSignal().readOnly || disabledInput()"
+          [disabled]="disabledInput()"
           class="tw-w-full tw-p-3 tw-text-sm tw-font-mono tw-leading-relaxed tw-resize-none tw-outline-none tw-bg-transparent"
           [class.tw-pl-12]="configSignal().showLineNumbers"
           [class.tw-text-gray-900]="configSignal().theme === 'light'"
@@ -14998,7 +14996,7 @@ class CideEleJsonEditorComponent {
         </textarea>
 
         <!-- Format Button -->
-        @if (!configSignal().readOnly && !disabled()) {
+        @if (!configSignal().readOnly && !disabledInput()) {
           <button
             type="button"
             (click)="formatJson()"
@@ -15068,8 +15066,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         [class.tw-focus-within:tw-border-blue-500]="!hasErrors()"
         [class.tw-focus-within:tw-ring-1]="!hasErrors()"
         [class.tw-focus-within:tw-ring-blue-500]="!hasErrors()"
-        [class.tw-opacity-50]="disabled()"
-        [class.tw-cursor-not-allowed]="disabled()">
+        [class.tw-opacity-50]="disabledInput()"
+        [class.tw-cursor-not-allowed]="disabledInput()">
         
         <!-- Line Numbers -->
         @if (configSignal().showLineNumbers) {
@@ -15099,8 +15097,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
           (input)="onInput($event)"
           (blur)="onBlur()"
           [placeholder]="configSignal().placeholder || 'Enter JSON configuration...'"
-          [readonly]="configSignal().readOnly || disabled()"
-          [disabled]="disabled()"
+          [readonly]="configSignal().readOnly || disabledInput()"
+          [disabled]="disabledInput()"
           class="tw-w-full tw-p-3 tw-text-sm tw-font-mono tw-leading-relaxed tw-resize-none tw-outline-none tw-bg-transparent"
           [class.tw-pl-12]="configSignal().showLineNumbers"
           [class.tw-text-gray-900]="configSignal().theme === 'light'"
@@ -15113,7 +15111,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
         </textarea>
 
         <!-- Format Button -->
-        @if (!configSignal().readOnly && !disabled()) {
+        @if (!configSignal().readOnly && !disabledInput()) {
           <button
             type="button"
             (click)="formatJson()"
@@ -15169,9 +15167,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 type: Input
             }], required: [{
                 type: Input
-            }], disabled: [{
-                type: Input
-            }], showCharacterCount: [{
+            }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], showCharacterCount: [{
                 type: Input
             }], config: [{
                 type: Input