@ship-ui/core 0.13.26 → 0.13.28

package/fesm2022/ship-ui-core.mjs

@@ -3135,17 +3135,15 @@ class ShipSelectComponent {
                     return;
                 this.open();
             });
-            if (this.hasSearch()) {
-                input.addEventListener('input', (e) => {
-                    const newInputValue = e.target.value;
-                    const inputValue = this.inputValue();
-                    if (newInputValue === inputValue)
-                        return;
-                    this.focusedOptionIndex.set(this.asFreeText() ? -1 : 0);
-                    this.inputValue.set(newInputValue);
-                    this.updateInputElValue();
-                });
-            }
+            input.addEventListener('input', (e) => {
+                const newInputValue = e.target.value;
+                const inputValue = this.inputValue();
+                if (newInputValue === inputValue)
+                    return;
+                this.focusedOptionIndex.set(this.asFreeText() ? -1 : 0);
+                this.inputValue.set(newInputValue);
+                this.updateInputElValue();
+            });
             input.addEventListener('inputValueChanged', (event) => {
                 const newInputValue = event.detail.value;
                 const inputValue = this.inputValue();
@@ -3193,7 +3191,7 @@ class ShipSelectComponent {
                     }
                     if (e.key === 'Enter') {
                         e.preventDefault();
-                        this.toggleOptionByIndex(this.focusedOptionIndex());
+                        this.toggleOptionByIndex(this.focusedOptionIndex(), undefined, true);
                     }
                     if (e.key === 'ArrowDown') {
                         e.preventDefault();
@@ -3390,7 +3388,7 @@ class ShipSelectComponent {
             return '';
         return label.replaceAll(' ', '-');
     }
-    toggleOptionByIndex(optionIndex, event) {
+    toggleOptionByIndex(optionIndex, event, enterKey = false) {
         let option = this.filteredOptions()[optionIndex];
         if (this.asFreeText() && optionIndex === -1) {
             const newOption = this.computedFreeTextOption();
@@ -3587,7 +3585,7 @@ class ShipSelectComponent {
     @let _selOptionTemplate = _selectedOptionTemplate || _optionTemplate || _inlineTemplate;
     @let _listOptionTemplate = _optionTemplate || _inlineTemplate;
     @let _asChips = !asText() && selectMultiple();
-    @let _showSearchText = isOpen() && hasSearch() && (_asChips || inputValue().length > 0);
+    @let _showSearchText = isOpen() && hasSearch() && (_asChips || inputValue().length > -1);
 
     <sh-popover
       #formFieldWrapper
@@ -3756,7 +3754,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
     @let _selOptionTemplate = _selectedOptionTemplate || _optionTemplate || _inlineTemplate;
     @let _listOptionTemplate = _optionTemplate || _inlineTemplate;
     @let _asChips = !asText() && selectMultiple();
-    @let _showSearchText = isOpen() && hasSearch() && (_asChips || inputValue().length > 0);
+    @let _showSearchText = isOpen() && hasSearch() && (_asChips || inputValue().length > -1);
 
     <sh-popover
       #formFieldWrapper
@@ -3968,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)`;
@@ -3976,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');
@@ -4051,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>
     }
 
@@ -4063,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"
@@ -4092,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>
     }
 
@@ -4104,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"