fix: catch errors #133

playground/datatable/index.html

@@ -62,9 +62,9 @@
 
             <monster-collapse id="my-collapse" data-monster-role="filter-collapse">
                 <div class="flex">
-                    
+                    <monster-tabs style="width: 100%"  data-monster-option-classes-button="monster-theme-primary-2" id="filtertabs">
                         <div data-monster-button-label="Filter" data-monster-state="active" class="active">
-                        <monster-datatable-filter id="listfilter1" slot="filter">
+                        <monster-datatable-filter id="listfilter1" slot="filter" data-monster-option-storedconfig-selector="#filtertabs">
                             <label data-monster-label="OID1" id="oid1"
                                    data-monster-template="${value | call:range:oid}">
                                 RANGE OID
@@ -96,7 +96,7 @@
                         </monster-datatable-filter>
                         </div>
                         <div data-monster-button-label="SDAFASDFDS"></div>
-                   
+                    </monster-tabs>
 
                 </div>
             </monster-collapse>

source/components/datatable/filter.mjs

@@ -750,6 +750,16 @@ function updateFilterTabs() {
              data-monster-query="${escapedQuery}" data-monster-role="filter-tab" >
              </div>`);
         }
+    }).catch((error) => {
+        if (error instanceof Error) {
+            addAttributeToken(
+                this,
+                ATTRIBUTE_ERRORMESSAGE,
+                error.message + " " + error.stack,
+            );
+        } else {
+            addAttributeToken(this, ATTRIBUTE_ERRORMESSAGE, error+"");
+        }
     })
 }