selective-ui 1.3.0 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "selective-ui",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "An overlay for the HTML select element.",
   "author": "Huỳnh Công Xuân Mai",
   "license": "MIT",

package/src/css/components/placeholder.css

@@ -1,15 +1,14 @@
 .seui-placeholder {
-    display: flex;
     align-items: center;
     
     margin-left: 10px;
-    max-width: calc(100% - 30px);
-    height: calc(100% - 10px);
+    max-width: calc(100% - 40px);
     text-overflow: ellipsis;
     white-space: nowrap;
     pointer-events: none;
+    overflow: hidden;
+
     font-family: var(--seui-view-text-style);
     font-size: var(--seui-view-text-size) !important;
-    overflow: hidden;
     color: var(--seui-view-text-color);
 }

package/src/ts/components/selectbox.ts

@@ -867,6 +867,23 @@ export class SelectBox extends Lifecycle {
                 this.change(false, trigger);
             },
 
+            deSelectByDataset(_evtToken?: IEventCallback, dataset?: any, trigger: boolean = true) {
+                if (dataset) {
+                    superThis.getModelOption().forEach(optionModel => {
+                        if (optionModel.dataset) {
+                            for (let searchKey in dataset) {
+                                let value = dataset[searchKey];
+                                !Array.isArray(value) && (value = [value]);
+                                if (value.includes(optionModel.dataset[searchKey])) {
+                                    optionModel.selectedNonTrigger = false;
+                                }
+                            }
+                        }
+                    });
+                    this.change(false, trigger);
+                }
+            },
+
             setValue(_evtToken: IEventCallback | null = null, value: any, trigger: boolean = true, force: boolean = false) {
                 if (!Array.isArray(value)) value = [value];
                 value = value.filter((v: any) => v !== "" && v != null);
@@ -899,18 +916,15 @@ export class SelectBox extends Lifecycle {
                                 const result = await container.searchController.loadByValues(missing);
                                 if (result.success && result.items.length > 0) {
                                     result.items.forEach((it: any) => {
-                                        if (missing.includes(it.value)) it.selected = true;
+                                        if (missing.includes(it.value) || missing.includes(it.text)) it.selected = true;
                                     });
 
-                                    // keep legacy private hook access
-                                    container.searchController.applyAjaxResult?.(result.items, true, true);
-
+                                    container.searchController.applyAjaxResult?.(result.items, false, false);
+                                    
                                     setTimeout(() => {
-                                        superThis.getModelOption().forEach((m) => {
-                                            m.selectedNonTrigger = value.some((v: any) => v == m.value);
-                                        });
-                                        this.change(false, false);
-                                    }, 100);
+                                        container.searchController.resetPagination();
+                                        this.change(false, trigger);
+                                    }, 200);
                                 } else if (missing.length > 0) {
                                     console.warn(`Could not load ${missing.length} values:`, missing);
                                 }