@descope/web-components-ui 1.0.243 → 1.0.244
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 +1 -0
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +66 -63
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/descope-button-selection-group-descope-button-selection-group-internal-index-js.js +1 -1
- package/dist/umd/descope-button-selection-group-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-custom-column-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js +1 -1
- package/dist/umd/descope-grid-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-button-selection-group/descope-button-selection-group-internal/index.js +0 -1
- package/src/components/descope-button-selection-group/index.js +1 -0
- package/src/components/descope-grid/descope-grid-custom-column/GridCustomColumnClass.js +1 -1
- package/src/components/descope-grid/descope-grid-selection-column/GridSelectionColumnClass.js +2 -1
- package/src/index.cjs.js +1 -0
- package/src/index.js +1 -1
package/dist/index.esm.js
CHANGED
@@ -6730,8 +6730,6 @@ const ButtonSelectionGroupClass = compose(
|
|
6730
6730
|
|
6731
6731
|
customElements.define(componentName$b, ButtonSelectionGroupInternalClass);
|
6732
6732
|
|
6733
|
-
customElements.define(componentName$a, ButtonSelectionGroupClass);
|
6734
|
-
|
6735
6733
|
const componentName$9 = getComponentName('button-selection-group-item');
|
6736
6734
|
|
6737
6735
|
class RawSelectItem extends createBaseClass({
|
@@ -6835,6 +6833,8 @@ const ButtonSelectionGroupItemClass = compose(
|
|
6835
6833
|
|
6836
6834
|
customElements.define(componentName$9, ButtonSelectionGroupItemClass);
|
6837
6835
|
|
6836
|
+
customElements.define(componentName$a, ButtonSelectionGroupClass);
|
6837
|
+
|
6838
6838
|
class GridTextColumnClass extends GridSortColumn {
|
6839
6839
|
get sortable() {
|
6840
6840
|
return this.getAttribute('sortable') === 'true';
|
@@ -6867,7 +6867,7 @@ class GridCustomColumnClass extends GridTextColumnClass {
|
|
6867
6867
|
// we are going over the elements, and when finding an element which is pattern matches the data,
|
6868
6868
|
// we are cloning this element, and injecting the data as its child
|
6869
6869
|
const contentEle = Array.from(this.children).find((child) => {
|
6870
|
-
const pattern = child.getAttribute('pattern');
|
6870
|
+
const pattern = child.getAttribute('data-pattern');
|
6871
6871
|
if (!pattern) return true;
|
6872
6872
|
|
6873
6873
|
const regEx = new RegExp(pattern);
|
@@ -6902,7 +6902,8 @@ const createCheckboxEle = () => {
|
|
6902
6902
|
return checkbox;
|
6903
6903
|
};
|
6904
6904
|
|
6905
|
-
const getIsAllItemsSelected = (grid) =>
|
6905
|
+
const getIsAllItemsSelected = (grid) =>
|
6906
|
+
!!grid.items?.length && grid.selectedItems.length === grid.items.length;
|
6906
6907
|
|
6907
6908
|
class GridSelectionColumnClass extends GridSelectionColumn {
|
6908
6909
|
// eslint-disable-next-line class-methods-use-this
|
@@ -7201,6 +7202,58 @@ const GridClass = compose(
|
|
7201
7202
|
|
7202
7203
|
customElements.define(componentName$5, GridClass);
|
7203
7204
|
|
7205
|
+
const componentName$4 = getComponentName('badge');
|
7206
|
+
|
7207
|
+
class RawBadge extends createBaseClass({ componentName: componentName$4, baseSelector: ':host > div' }) {
|
7208
|
+
constructor() {
|
7209
|
+
super();
|
7210
|
+
|
7211
|
+
this.attachShadow({ mode: 'open' }).innerHTML = `
|
7212
|
+
<style>
|
7213
|
+
:host {
|
7214
|
+
display: inline-flex;
|
7215
|
+
}
|
7216
|
+
:host > div {
|
7217
|
+
width: 100%;
|
7218
|
+
}
|
7219
|
+
</style>
|
7220
|
+
<div>
|
7221
|
+
<slot></slot>
|
7222
|
+
</div>
|
7223
|
+
`;
|
7224
|
+
}
|
7225
|
+
}
|
7226
|
+
|
7227
|
+
const BadgeClass = compose(
|
7228
|
+
createStyleMixin({
|
7229
|
+
mappings: {
|
7230
|
+
hostWidth: [{ selector: () => ':host', property: 'width' }],
|
7231
|
+
hostDirection: { property: 'direction' },
|
7232
|
+
|
7233
|
+
fontFamily: {},
|
7234
|
+
fontSize: {},
|
7235
|
+
fontWeight: {},
|
7236
|
+
textTransform: {},
|
7237
|
+
verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
|
7238
|
+
horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],
|
7239
|
+
|
7240
|
+
borderWidth: {},
|
7241
|
+
borderStyle: {},
|
7242
|
+
borderColor: {},
|
7243
|
+
borderRadius: {},
|
7244
|
+
|
7245
|
+
backgroundColor: {},
|
7246
|
+
|
7247
|
+
textColor: { property: 'color' },
|
7248
|
+
textAlign: {},
|
7249
|
+
},
|
7250
|
+
}),
|
7251
|
+
draggableMixin,
|
7252
|
+
componentNameValidationMixin
|
7253
|
+
)(RawBadge);
|
7254
|
+
|
7255
|
+
customElements.define(componentName$4, BadgeClass);
|
7256
|
+
|
7204
7257
|
const getVarName = (path) => getCssVarName(DESCOPE_PREFIX, ...path);
|
7205
7258
|
|
7206
7259
|
const transformTheme = (theme, path, getTransformation) => {
|
@@ -7652,7 +7705,7 @@ var button$1 = /*#__PURE__*/Object.freeze({
|
|
7652
7705
|
vars: vars$v
|
7653
7706
|
});
|
7654
7707
|
|
7655
|
-
const componentName$
|
7708
|
+
const componentName$3 = getComponentName('input-wrapper');
|
7656
7709
|
const globalRefs$h = getThemeRefs(globals);
|
7657
7710
|
|
7658
7711
|
const [theme$1, refs, vars$u] = createHelperVars(
|
@@ -7721,7 +7774,7 @@ const [theme$1, refs, vars$u] = createHelperVars(
|
|
7721
7774
|
backgroundColor: globalRefs$h.colors.surface.main,
|
7722
7775
|
},
|
7723
7776
|
},
|
7724
|
-
componentName$
|
7777
|
+
componentName$3
|
7725
7778
|
);
|
7726
7779
|
|
7727
7780
|
var inputWrapper = /*#__PURE__*/Object.freeze({
|
@@ -8747,7 +8800,7 @@ var buttonSelectionGroup$1 = /*#__PURE__*/Object.freeze({
|
|
8747
8800
|
vars: vars$6
|
8748
8801
|
});
|
8749
8802
|
|
8750
|
-
const componentName$
|
8803
|
+
const componentName$2 = getComponentName('modal');
|
8751
8804
|
|
8752
8805
|
const customMixin = (superclass) =>
|
8753
8806
|
class ModalMixinClass extends superclass {
|
@@ -8846,7 +8899,7 @@ const ModalClass = compose(
|
|
8846
8899
|
wrappedEleName: 'vaadin-dialog',
|
8847
8900
|
style: () => ``,
|
8848
8901
|
excludeAttrsSync: ['tabindex', 'opened'],
|
8849
|
-
componentName: componentName$
|
8902
|
+
componentName: componentName$2,
|
8850
8903
|
})
|
8851
8904
|
);
|
8852
8905
|
|
@@ -8909,7 +8962,7 @@ var grid$1 = /*#__PURE__*/Object.freeze({
|
|
8909
8962
|
vars: vars$4
|
8910
8963
|
});
|
8911
8964
|
|
8912
|
-
const componentName$
|
8965
|
+
const componentName$1 = getComponentName('notification-card');
|
8913
8966
|
|
8914
8967
|
const notificationCardMixin = (superclass) =>
|
8915
8968
|
class NotificationCardMixinClass extends superclass {
|
@@ -9017,7 +9070,7 @@ const NotificationCardClass = compose(
|
|
9017
9070
|
}
|
9018
9071
|
`,
|
9019
9072
|
excludeAttrsSync: ['tabindex'],
|
9020
|
-
componentName: componentName$
|
9073
|
+
componentName: componentName$1,
|
9021
9074
|
})
|
9022
9075
|
);
|
9023
9076
|
|
@@ -9075,7 +9128,7 @@ var notificationCard = /*#__PURE__*/Object.freeze({
|
|
9075
9128
|
vars: vars$3
|
9076
9129
|
});
|
9077
9130
|
|
9078
|
-
const componentName
|
9131
|
+
const componentName = getComponentName('multi-select-combo-box');
|
9079
9132
|
|
9080
9133
|
const MultiSelectComboBoxMixin = (superclass) =>
|
9081
9134
|
class MultiSelectComboBoxMixinClass extends superclass {
|
@@ -9563,7 +9616,7 @@ const MultiSelectComboBoxClass = compose(
|
|
9563
9616
|
// Note: we exclude `placeholder` because the vaadin component observes it and
|
9564
9617
|
// tries to override it, causing us to lose the user set placeholder.
|
9565
9618
|
excludeAttrsSync: ['tabindex', 'size', 'data', 'placeholder'],
|
9566
|
-
componentName
|
9619
|
+
componentName,
|
9567
9620
|
includeForwardProps: ['items', 'renderer', 'selectedItems'],
|
9568
9621
|
})
|
9569
9622
|
);
|
@@ -9625,56 +9678,6 @@ var multiSelectComboBox$1 = /*#__PURE__*/Object.freeze({
|
|
9625
9678
|
vars: vars$2
|
9626
9679
|
});
|
9627
9680
|
|
9628
|
-
const componentName = getComponentName('badge');
|
9629
|
-
|
9630
|
-
class RawBadge extends createBaseClass({ componentName, baseSelector: ':host > div' }) {
|
9631
|
-
constructor() {
|
9632
|
-
super();
|
9633
|
-
|
9634
|
-
this.attachShadow({ mode: 'open' }).innerHTML = `
|
9635
|
-
<style>
|
9636
|
-
:host {
|
9637
|
-
display: inline-flex;
|
9638
|
-
}
|
9639
|
-
:host > div {
|
9640
|
-
width: 100%;
|
9641
|
-
}
|
9642
|
-
</style>
|
9643
|
-
<div>
|
9644
|
-
<slot></slot>
|
9645
|
-
</div>
|
9646
|
-
`;
|
9647
|
-
}
|
9648
|
-
}
|
9649
|
-
|
9650
|
-
const BadgeClass = compose(
|
9651
|
-
createStyleMixin({
|
9652
|
-
mappings: {
|
9653
|
-
hostWidth: [{ selector: () => ':host', property: 'width' }],
|
9654
|
-
hostDirection: { property: 'direction' },
|
9655
|
-
|
9656
|
-
fontFamily: {},
|
9657
|
-
fontSize: {},
|
9658
|
-
fontWeight: {},
|
9659
|
-
textTransform: {},
|
9660
|
-
verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
|
9661
|
-
horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],
|
9662
|
-
|
9663
|
-
borderWidth: {},
|
9664
|
-
borderStyle: {},
|
9665
|
-
borderColor: {},
|
9666
|
-
borderRadius: {},
|
9667
|
-
|
9668
|
-
backgroundColor: {},
|
9669
|
-
|
9670
|
-
textColor: { property: 'color' },
|
9671
|
-
textAlign: {},
|
9672
|
-
},
|
9673
|
-
}),
|
9674
|
-
draggableMixin,
|
9675
|
-
componentNameValidationMixin
|
9676
|
-
)(RawBadge);
|
9677
|
-
|
9678
9681
|
const globalRefs = getThemeRefs(globals);
|
9679
9682
|
const vars$1 = BadgeClass.cssVarList;
|
9680
9683
|
|
@@ -9792,5 +9795,5 @@ const vars = Object.keys(components).reduce(
|
|
9792
9795
|
const defaultTheme = { globals, components: theme };
|
9793
9796
|
const themeVars = { globals: vars$w, components: vars };
|
9794
9797
|
|
9795
|
-
export { ButtonClass, ButtonSelectionGroupClass,
|
9798
|
+
export { BadgeClass, ButtonClass, ButtonSelectionGroupClass, CheckboxClass, ContainerClass, DividerClass, EmailFieldClass, GridClass, ImageClass, LinkClass, LoaderLinearClass, LoaderRadialClass, LogoClass, NewPasswordClass, NumberFieldClass, PasscodeClass, PasswordClass, PhoneFieldClass, PhoneFieldInputBoxClass, RecaptchaClass, SwitchToggleClass, TextAreaClass, TextClass, TextFieldClass, TotpImageClass, UploadFileClass, componentsThemeManager, createComponentsTheme, defaultTheme, genColor, globalsThemeToStyle, themeToStyle, themeVars };
|
9796
9799
|
//# sourceMappingURL=index.esm.js.map
|