@descope/web-components-ui 1.0.224 → 1.0.225

package/dist/index.esm.js

@@ -6669,9 +6669,6 @@ customElements.define(componentName$5, GridTextColumnClass);
 const componentName$4 = getComponentName('grid-status-column');
 class GridStatusColumnClass extends GridColumn {
   _defaultRenderer(cell, _col, model) {
-    const grid = cell.parentNode;
-    const size = grid.getAttribute('size');
-
     const contentAttr = this.getAttribute('status');
     if (!contentAttr) {
       cell.innerHTML = model.item[this.path];
@@ -6679,17 +6676,11 @@ class GridStatusColumnClass extends GridColumn {
     }
 
     const [active, inactive] = contentAttr.split(',');
-
     const label = model.item[this.path] ? active : inactive;
-    const mode = model.item[this.path] ? 'success' : 'error';
 
-    cell.innerHTML = `<descope-button
-    st-host-height="2.5em"
-    mode="${mode}"
-    variant="outline"
-    size="${size}">
-      ${label}
-    </descope-button>`;
+    cell.innerHTML = `<div style="padding:0 0.25em; border-radius:4px; background:${
+      model.item[this.path] ? 'lightgreen' : 'pink'
+    };">${label}</div>`;
   }
 }
 
@@ -6711,13 +6702,7 @@ const createCheckboxEle = () => {
 const getIsAllItemsSelected = (grid) => grid.selectedItems.length === grid.items?.length;
 
 class GridSelectionColumnClass extends GridSelectionColumn {
-  onInput(grid) {
-    if (grid.selectedItems.length === grid.items?.length) {
-      grid.selectedItems = [];
-    } else {
-      grid.selectedItems = grid.items;
-    }
-  }
+  _onHeaderRendererOrBindingChanged() {}
 
   _headerRenderer(cell) {
     const grid = cell.parentNode;
@@ -6979,6 +6964,9 @@ const GridClass = compose(
         overflow: hidden;
         height: 100%;
         min-height: 300px;
+      }
+      vaadin-grid-cell-content {
+        display: flex;
       }
 		`,
     excludeAttrsSync: ['columns', 'tabindex'],