@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/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) => grid.selectedItems.length === grid.items?.length;
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$4 = getComponentName('input-wrapper');
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$4
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$3 = getComponentName('modal');
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$3,
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$2 = getComponentName('notification-card');
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$2,
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$1 = getComponentName('multi-select-combo-box');
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: componentName$1,
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, ButtonSelectionGroupItemClass, 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 };
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