@ship-ui/core 0.17.11 → 0.17.12

package/assets/mcp/components.json

@@ -570,7 +570,7 @@
     "examples": [
       {
         "name": "toggle-card-disallowed",
-        "html": "<sh-toggle-card [disableToggle]=\"true\" [isActive]=\"true\">\n  <ng-container title>Advanced options</ng-container>\n  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n</sh-toggle-card>\n",
+        "html": "<sh-toggle-card [disableToggle]=\"true\">\n  <ng-container title>Advanced options</ng-container>\n  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>\n</sh-toggle-card>\n",
         "ts": "import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { ShipToggleCard } from 'ship-ui';\n\n@Component({\n  selector: 'app-toggle-card-disallowed-example',\n  standalone: true,\n  imports: [ShipToggleCard],\n  templateUrl: './toggle-card-disallowed.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToggleCardDisallowedExampleComponent {}\n"
       },
       {
@@ -1669,7 +1669,7 @@
         "name": "isActive",
         "type": "boolean",
         "description": "",
-        "defaultValue": "false"
+        "defaultValue": ""
       }
     ],
     "outputs": [],

package/fesm2022/ship-ui-core.mjs

@@ -6452,8 +6452,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
 
 class ShipToggleCard {
     constructor() {
-        this.isActive = model(false, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
         this.disableToggle = input(false, ...(ngDevMode ? [{ debugName: "disableToggle" }] : []));
+        this.isActive = model(...(ngDevMode ? [undefined, { debugName: "isActive" }] : []));
+        this.#disabledEffect = effect(() => {
+            if (this.disableToggle()) {
+                this.isActive.set(true);
+            }
+        }, ...(ngDevMode ? [{ debugName: "#disabledEffect" }] : []));
         this.color = input(null, ...(ngDevMode ? [{ debugName: "color" }] : []));
         this.variant = input(null, ...(ngDevMode ? [{ debugName: "variant" }] : []));
         this.hostClasses = shipComponentClasses('card', {
@@ -6461,11 +6466,12 @@ class ShipToggleCard {
             variant: this.variant,
         });
     }
+    #disabledEffect;
     toggle() {
         this.isActive.set(!this.isActive());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.0", ngImport: i0, type: ShipToggleCard, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: ShipToggleCard, isStandalone: true, selector: "sh-toggle-card", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, disableToggle: { classPropertyName: "disableToggle", publicName: "disableToggle", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isActive: "isActiveChange" }, host: { properties: { "class.active": "isActive()", "class": "hostClasses()" } }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.0", type: ShipToggleCard, isStandalone: true, selector: "sh-toggle-card", inputs: { disableToggle: { classPropertyName: "disableToggle", publicName: "disableToggle", isSignal: true, isRequired: false, transformFunction: null }, isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isActive: "isActiveChange" }, host: { properties: { "class.active": "isActive()", "class": "hostClasses()" } }, ngImport: i0, template: `
     <h3 (click)="!disableToggle() && toggle()">
       <ng-content select="[title]">Title</ng-content>
 
@@ -6507,7 +6513,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.0", ngImpor
                         '[class]': 'hostClasses()',
                     },
                 }]
-        }], propDecorators: { isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }, { type: i0.Output, args: ["isActiveChange"] }], disableToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableToggle", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+        }], propDecorators: { disableToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableToggle", required: false }] }], isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }, { type: i0.Output, args: ["isActiveChange"] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
 
 class ShipToggle {
     constructor() {