@ship-ui/core 0.14.5 → 0.14.7

package/fesm2022/ship-ui-core.mjs

@@ -1,6 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Renderer2, ChangeDetectionStrategy, Component, signal, DestroyRef, input, computed, viewChild, effect, HostListener, NgModule, Injectable, InjectionToken, model, output, ApplicationRef, createComponent, isSignal, OutputEmitterRef, contentChildren, afterNextRender, assertInInjectionContext, Injector, HostBinding, contentChild, TemplateRef, runInInjectionContext, Directive, ChangeDetectorRef, viewChildren, ViewContainerRef, EnvironmentInjector } from '@angular/core';
-import { SHIP_CONFIG as SHIP_CONFIG$1 } from 'ship-ui';
+import { inject, ElementRef, Renderer2, ChangeDetectionStrategy, Component, signal, DestroyRef, InjectionToken, input, computed, viewChild, effect, HostListener, NgModule, Injectable, model, output, ApplicationRef, createComponent, isSignal, OutputEmitterRef, contentChildren, afterNextRender, assertInInjectionContext, Injector, HostBinding, contentChild, TemplateRef, runInInjectionContext, Directive, ChangeDetectorRef, viewChildren, ViewContainerRef, EnvironmentInjector } from '@angular/core';
 import { DatePipe, NgTemplateOutlet } from '@angular/common';
 import { SIGNAL } from '@angular/core/primitives/signals';
 
@@ -56,10 +55,12 @@ function classMutationSignal() {
     return classListSignal.asReadonly();
 }
 
+const SHIP_CONFIG = new InjectionToken('Ship UI Config');
+
 const POSSIBLE_VARIANTS = ['simple', 'outlined', 'flat', 'raised'];
 class ShipAlertComponent {
     constructor() {
-        this.#shConfig = inject(SHIP_CONFIG$1, { optional: true });
+        this.#shConfig = inject(SHIP_CONFIG, { optional: true });
         this.variant = signal(this.#shConfig?.alertVariant ?? '', ...(ngDevMode ? [{ debugName: "variant" }] : []));
         this._el = inject(ElementRef); // Used by alert container
         this.alertService = input(null, ...(ngDevMode ? [{ debugName: "alertService" }] : []));
@@ -67,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;
@@ -80,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]" />
@@ -168,7 +170,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
-                        class: 'sh-sheet',
+                        '[class]': 'activeClass()',
                     },
                 }]
         }] });
@@ -340,8 +342,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 }]
         }] });
 
-const SHIP_CONFIG = new InjectionToken('Ship UI Config');
-
 const DEFAULT_OPTIONS$1 = {
     class: 'default',
     width: undefined,