@ship-ui/core 0.14.6 → 0.14.8

package/fesm2022/ship-ui-core.mjs

@@ -68,10 +68,11 @@ class ShipAlertComponent {
         this.currentClasses = classMutationSignal();
         this.activeClass = computed(() => {
             const variant = this.variant();
+            const _current = `${this.currentClasses()} sh-sheet`;
             if (!variant)
-                return this.currentClasses();
+                return _current;
             const hasVariant = POSSIBLE_VARIANTS.find((x) => this.currentClasses().includes(x));
-            return hasVariant ? this.currentClasses() : `${this.currentClasses()} ${variant}`;
+            return hasVariant ? _current : `${_current} ${variant}`;
         }, ...(ngDevMode ? [{ debugName: "activeClass" }] : []));
     }
     #shConfig;
@@ -81,7 +82,7 @@ class ShipAlertComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: ShipAlertComponent, isStandalone: true, selector: "sh-alert", inputs: { alertService: { classPropertyName: "alertService", publicName: "alertService", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "sh-sheet" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: ShipAlertComponent, isStandalone: true, selector: "sh-alert", inputs: { alertService: { classPropertyName: "alertService", publicName: "alertService", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "activeClass()" } }, ngImport: i0, template: `
     <div class="alert">
       <div #ref class="icon" [style.display]="!ref.children.length ? 'none' : 'block'">
         <ng-content select="[icon]" />
@@ -169,7 +170,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
-                        class: 'sh-sheet',
+                        '[class]': 'activeClass()',
                     },
                 }]
         }] });