@ship-ui/core 0.13.27 → 0.13.28

package/fesm2022/ship-ui-core.mjs

@@ -3966,7 +3966,7 @@ class ShipSidenavComponent {
             return dragPosition;
         }, ...(ngDevMode ? [{ debugName: "dragActualPositionX" }] : []));
         this.draggingStyle = computed(() => {
-            if (!this.isOverlay())
+            if (!this.isOverlay() || this.disableDrag())
                 return null;
             if (this.isDragging()) {
                 return `translateX(${this.dragActualPositionX()}px)`;
@@ -3974,7 +3974,7 @@ class ShipSidenavComponent {
             return this.isOpen() ? `translateX(${this.openWidth}px)` : `translateX(0px)`;
         }, ...(ngDevMode ? [{ debugName: "draggingStyle" }] : []));
         this.draggingEffect = effect(() => {
-            if (typeof document === 'undefined')
+            if (typeof document === 'undefined' || this.disableDrag())
                 return;
             if (this.isDragging()) {
                 document.body.classList.add('dragging');
@@ -4049,7 +4049,7 @@ class ShipSidenavComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ShipSidenavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: ShipSidenavComponent, isStandalone: true, selector: "sh-sidenav", inputs: { disableDrag: { classPropertyName: "disableDrag", publicName: "disableDrag", isSignal: true, isRequired: false, transformFunction: null }, isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isOpen: "isOpenChange" }, host: { properties: { "class.open": "isOpen()", "class.closed": "!isOpen()", "class.is-dragging": "isDragging()" } }, viewQueries: [{ propertyName: "dragImageElement", first: true, predicate: ["dragImageElement"], descendants: true, isSignal: true }], ngImport: i0, template: `
-    @if (isOverlay()) {
+    @if (isOverlay() && !disableDrag()) {
       <div #dragImageElement class="drag-image"></div>
     }
 
@@ -4061,7 +4061,7 @@ class ShipSidenavComponent {
       <ng-content select="[sidenav]"></ng-content>
     </div>
 
-    <div class="main-wrap" [style.transform]="draggingStyle()">
+    <div class="main-wrap" [style.transform]="!disableDrag() && draggingStyle()">
       @if (isOverlay() && !disableDrag()) {
         <div
           class="dragable"
@@ -4090,7 +4090,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
             args: [{
                     selector: 'sh-sidenav',
                     template: `
-    @if (isOverlay()) {
+    @if (isOverlay() && !disableDrag()) {
       <div #dragImageElement class="drag-image"></div>
     }
 
@@ -4102,7 +4102,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
       <ng-content select="[sidenav]"></ng-content>
     </div>
 
-    <div class="main-wrap" [style.transform]="draggingStyle()">
+    <div class="main-wrap" [style.transform]="!disableDrag() && draggingStyle()">
       @if (isOverlay() && !disableDrag()) {
         <div
           class="dragable"