@descope/web-components-ui 1.0.224 → 1.0.226
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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'],
|