@descope/web-components-ui 1.0.224 → 1.0.226
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +3 -0
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +7 -19
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-status-column-index-js.js +1 -1
- package/dist/umd/descope-grid-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-grid/GridClass.js +3 -0
- package/src/components/descope-grid/descope-grid-selection-column/index.js +1 -7
- package/src/components/descope-grid/descope-grid-status-column/index.js +3 -12
package/dist/index.esm.js
CHANGED
@@ -6669,9 +6669,6 @@ customElements.define(componentName$5, GridTextColumnClass);
|
|
6669
6669
|
const componentName$4 = getComponentName('grid-status-column');
|
6670
6670
|
class GridStatusColumnClass extends GridColumn {
|
6671
6671
|
_defaultRenderer(cell, _col, model) {
|
6672
|
-
const grid = cell.parentNode;
|
6673
|
-
const size = grid.getAttribute('size');
|
6674
|
-
|
6675
6672
|
const contentAttr = this.getAttribute('status');
|
6676
6673
|
if (!contentAttr) {
|
6677
6674
|
cell.innerHTML = model.item[this.path];
|
@@ -6679,17 +6676,11 @@ class GridStatusColumnClass extends GridColumn {
|
|
6679
6676
|
}
|
6680
6677
|
|
6681
6678
|
const [active, inactive] = contentAttr.split(',');
|
6682
|
-
|
6683
6679
|
const label = model.item[this.path] ? active : inactive;
|
6684
|
-
const mode = model.item[this.path] ? 'success' : 'error';
|
6685
6680
|
|
6686
|
-
cell.innerHTML = `<
|
6687
|
-
|
6688
|
-
|
6689
|
-
variant="outline"
|
6690
|
-
size="${size}">
|
6691
|
-
${label}
|
6692
|
-
</descope-button>`;
|
6681
|
+
cell.innerHTML = `<div style="padding:0 0.25em; border-radius:4px; background:${
|
6682
|
+
model.item[this.path] ? 'lightgreen' : 'pink'
|
6683
|
+
};">${label}</div>`;
|
6693
6684
|
}
|
6694
6685
|
}
|
6695
6686
|
|
@@ -6711,13 +6702,7 @@ const createCheckboxEle = () => {
|
|
6711
6702
|
const getIsAllItemsSelected = (grid) => grid.selectedItems.length === grid.items?.length;
|
6712
6703
|
|
6713
6704
|
class GridSelectionColumnClass extends GridSelectionColumn {
|
6714
|
-
|
6715
|
-
if (grid.selectedItems.length === grid.items?.length) {
|
6716
|
-
grid.selectedItems = [];
|
6717
|
-
} else {
|
6718
|
-
grid.selectedItems = grid.items;
|
6719
|
-
}
|
6720
|
-
}
|
6705
|
+
_onHeaderRendererOrBindingChanged() {}
|
6721
6706
|
|
6722
6707
|
_headerRenderer(cell) {
|
6723
6708
|
const grid = cell.parentNode;
|
@@ -6979,6 +6964,9 @@ const GridClass = compose(
|
|
6979
6964
|
overflow: hidden;
|
6980
6965
|
height: 100%;
|
6981
6966
|
min-height: 300px;
|
6967
|
+
}
|
6968
|
+
vaadin-grid-cell-content {
|
6969
|
+
display: flex;
|
6982
6970
|
}
|
6983
6971
|
`,
|
6984
6972
|
excludeAttrsSync: ['columns', 'tabindex'],
|