Merge pull request #30 from squidit/bugfix/SQ-55130

bugfix/SQ-55130 - Não permitir remoção no sq-select-multi-tags com readonly e disabled
squidit · Nov 10, 2023 · 2c7dbed · 2c7dbed
2 parents f52c2af + 67d1ad6
commit 2c7dbed
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 13 deletions.
diff --git a/src/components/sq-select-multi-tags/sq-select-multi-tags.component.html b/src/components/sq-select-multi-tags/sq-select-multi-tags.component.html
@@ -56,14 +56,14 @@
         <span *ngIf="!value?.length || !showInside">{{ placeholder }}</span>
         <div class="input-fake-content-text" *ngIf="showInside && value?.length">
           <span class="tag" *ngFor="let opt of value; let i = index" (click)="removeItem(opt, $event)">
-            {{ opt?.label }} <i class="fas fa-times"></i>
+            {{ opt?.label }} <i *ngIf="!readonly" class="fas fa-times"></i>
           </span>
         </div>
         <span *ngIf="value?.length" class="badge">{{ value!.length }}</span>
-        <i *ngIf="!loading" class="icon-down fas fa-chevron-down"></i>
+        <i *ngIf="!loading && !readonly" class="icon-down fas fa-chevron-down"></i>
       </div>
       <div
-        *ngIf="!loading && !disabled && !isMaxTags && renderOptionsList"
+        *ngIf="!loading && !disabled && !readonly && !isMaxTags && renderOptionsList"
         id="sq-select-multi-tags-scroll"
         class="input-window scrollbar"
         [ngClass]="{

diff --git a/src/components/sq-select-multi-tags/sq-select-multi-tags.component.ts b/src/components/sq-select-multi-tags/sq-select-multi-tags.component.ts
@@ -333,16 +333,18 @@ export class SqSelectMultiTagsComponent implements OnChanges {
    */
   removeItem(item: OptionMulti, event: any) {
     event?.stopPropagation()
-    if (item.children?.length) {
-      item.children.forEach((child) => {
-        this.value = this.value?.filter((value) => value.value !== child.value)
-      })
+    if(!this.readonly && !this.disabled) {
+      if (item.children?.length) {
+        item.children.forEach((child) => {
+          this.value = this.value?.filter((value) => value.value !== child.value)
+        })
+      }
+      this.value = this.value?.filter((value) => value.value !== item.value)
+
+      this.valueChange.emit(this.value)
+      this.removeTag.emit(item)
+      this.validate()
     }
-    this.value = this.value?.filter((value) => value.value !== item.value)
-
-    this.valueChange.emit(this.value)
-    this.removeTag.emit(item)
-    this.validate()
   }
 
   /**

diff --git a/src/package.json b/src/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@squidit/ngx-css",
-  "version": "1.1.58",
+  "version": "1.1.59",
   "peerDependencies": {
     "@angular/common": ">=15.0.0",
     "@angular/core": ">=15.0.0",