@descope/web-components-ui 1.0.269 → 1.0.271
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +2 -0
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +6 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/7044.js +1 -1
- package/dist/umd/descope-container-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-custom-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-container/ContainerClass.js +1 -0
- package/src/components/descope-grid/descope-grid-custom-column/GridCustomColumnClass.js +3 -3
- package/src/components/descope-grid/descope-grid-text-column/GridTextColumnClass.js +1 -1
- package/src/theme/components/container.js +1 -0
package/dist/index.esm.js
CHANGED
@@ -2120,6 +2120,7 @@ const ContainerClass = compose(
|
|
2120
2120
|
mappings: {
|
2121
2121
|
hostHeight: { selector: () => ':host', property: 'height' },
|
2122
2122
|
hostWidth: { selector: () => ':host', property: 'width' },
|
2123
|
+
hostDirection: { selector: () => ':host', property: 'direction' },
|
2123
2124
|
|
2124
2125
|
verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
|
2125
2126
|
horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],
|
@@ -7119,7 +7120,7 @@ class GridTextColumnClass extends GridSortColumn {
|
|
7119
7120
|
}
|
7120
7121
|
|
7121
7122
|
_defaultRenderer(cell, _col, model) {
|
7122
|
-
const content = model.item[this.path];
|
7123
|
+
const content = model.item[this.path] || '';
|
7123
7124
|
cell.innerHTML = content;
|
7124
7125
|
if (Array.isArray(content)) {
|
7125
7126
|
cell.innerHTML = content.join(', ');
|
@@ -7146,7 +7147,7 @@ customElements.define(componentName$9, GridTextColumnClass);
|
|
7146
7147
|
|
7147
7148
|
class GridCustomColumnClass extends GridTextColumnClass {
|
7148
7149
|
_defaultRenderer(cell, _col, model) {
|
7149
|
-
const content = model.item[this.path];
|
7150
|
+
const content = model.item[this.path] || '';
|
7150
7151
|
|
7151
7152
|
// we get a list of elements that can be used to render the content
|
7152
7153
|
// each element can have a "pattern" attribute which contains regex expression
|
@@ -7161,13 +7162,13 @@ class GridCustomColumnClass extends GridTextColumnClass {
|
|
7161
7162
|
});
|
7162
7163
|
|
7163
7164
|
if (!contentEle) {
|
7164
|
-
cell.innerHTML = model.item[this.path];
|
7165
|
+
cell.innerHTML = model.item[this.path] || '';
|
7165
7166
|
|
7166
7167
|
return;
|
7167
7168
|
}
|
7168
7169
|
|
7169
7170
|
const newEle = contentEle.cloneNode(true);
|
7170
|
-
newEle.innerHTML = content;
|
7171
|
+
newEle.innerHTML = content || '';
|
7171
7172
|
cell.innerHTML = '';
|
7172
7173
|
cell.append(newEle);
|
7173
7174
|
}
|
@@ -9355,6 +9356,7 @@ const container = {
|
|
9355
9356
|
[compVars$3.backgroundColor]: globalRefs$d.colors.surface.light,
|
9356
9357
|
[compVars$3.color]: globalRefs$d.colors.surface.contrast,
|
9357
9358
|
[compVars$3.borderRadius]: '0px',
|
9359
|
+
[compVars$3.hostDirection]: globalRefs$d.direction,
|
9358
9360
|
|
9359
9361
|
verticalPadding: {
|
9360
9362
|
sm: { [compVars$3.verticalPadding]: '5px' },
|