@ship-ui/core 0.14.21 → 0.14.23

package/README.md

@@ -2,6 +2,8 @@
 
 A modern signal based and zoneless compatable UI library for Angular visit our website [shipui.com](https://shipui.com) for more info.
 
+Docs can be found at [docs.shipui.com](https://docs.shipui.com)
+
 ## Base setup
 
 To start using ShipUI make sure you're using angular 19 or newer.

package/fesm2022/ship-ui-core.mjs

@@ -51,7 +51,7 @@ function classMutationSignal() {
             }
         }
     });
-    observer.observe(element, { attributes: true });
+    observer.observe(element, { attributes: true, attributeFilter: ['class'] });
     destroyRef.onDestroy(() => observer.disconnect());
     return classListSignal.asReadonly();
 }
@@ -611,14 +611,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
 class ShipCheckboxComponent {
     constructor() {
         this.currentClassList = classMutationSignal();
-        this.showClasses = computed(() => {
-            const classArr = this.currentClassList().split(' ');
-            return classArr;
-        }, ...(ngDevMode ? [{ debugName: "showClasses" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ShipCheckboxComponent, isStandalone: true, selector: "sh-checkbox", ngImport: i0, template: `
-    <div class="box sh-sheet" [class]="showClasses()">
+    <div class="box sh-sheet" [class]="currentClassList()">
       <sh-icon class="inherit default-indicator">check-bold</sh-icon>
       <sh-icon class="inherit indeterminate-indicator">minus-bold</sh-icon>
     </div>
@@ -632,7 +628,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                     selector: 'sh-checkbox',
                     imports: [ShipIconComponent],
                     template: `
-    <div class="box sh-sheet" [class]="showClasses()">
+    <div class="box sh-sheet" [class]="currentClassList()">
       <sh-icon class="inherit default-indicator">check-bold</sh-icon>
       <sh-icon class="inherit indeterminate-indicator">minus-bold</sh-icon>
     </div>
@@ -2800,15 +2796,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
         }] });
 
 class ShipRadioComponent {
-    #selfRef = inject(ElementRef);
-    onClick() {
-        if (this.#selfRef.nativeElement.querySelector('input')) {
-            this.#selfRef.nativeElement.querySelector('input').focus();
-        }
+    constructor() {
+        this.currentClassList = classMutationSignal();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ShipRadioComponent, isStandalone: true, selector: "sh-radio", host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: `
-    <div class="radio"></div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ShipRadioComponent, isStandalone: true, selector: "sh-radio", ngImport: i0, template: `
+    <div class="radio sh-sheet" [class]="currentClassList()"></div>
 
     <ng-content />
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -2819,16 +2812,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                     selector: 'sh-radio',
                     imports: [],
                     template: `
-    <div class="radio"></div>
+    <div class="radio sh-sheet" [class]="currentClassList()"></div>
 
     <ng-content />
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
-        }], propDecorators: { onClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
+        }] });
 
 class ShipRangeSliderComponent {
     constructor() {
@@ -2972,7 +2962,7 @@ class ShipRangeSliderComponent {
                 this.#updateStateFromInput(false);
             }
         });
-        this.#observer.observe(this.#inputElement, { attributes: true });
+        this.#observer.observe(this.#inputElement, { attributes: true, attributeFilter: MUTATION_ATTRIBUTES });
     }
     #countDecimals(value) {
         if (isNaN(value) || Math.floor(value) === value)