@descope/web-components-ui 1.0.243 → 1.0.244

package/dist/index.esm.js

@@ -6730,8 +6730,6 @@ const ButtonSelectionGroupClass = compose(
 
 customElements.define(componentName$b, ButtonSelectionGroupInternalClass);
 
-customElements.define(componentName$a, ButtonSelectionGroupClass);
-
 const componentName$9 = getComponentName('button-selection-group-item');
 
 class RawSelectItem extends createBaseClass({
@@ -6835,6 +6833,8 @@ const ButtonSelectionGroupItemClass = compose(
 
 customElements.define(componentName$9, ButtonSelectionGroupItemClass);
 
+customElements.define(componentName$a, ButtonSelectionGroupClass);
+
 class GridTextColumnClass extends GridSortColumn {
   get sortable() {
     return this.getAttribute('sortable') === 'true';
@@ -6867,7 +6867,7 @@ class GridCustomColumnClass extends GridTextColumnClass {
     // we are going over the elements, and when finding an element which is pattern matches the data,
     // we are cloning this element, and injecting the data as its child
     const contentEle = Array.from(this.children).find((child) => {
-      const pattern = child.getAttribute('pattern');
+      const pattern = child.getAttribute('data-pattern');
       if (!pattern) return true;
 
       const regEx = new RegExp(pattern);
@@ -6902,7 +6902,8 @@ const createCheckboxEle = () => {
   return checkbox;
 };
 
-const getIsAllItemsSelected = (grid) => grid.selectedItems.length === grid.items?.length;
+const getIsAllItemsSelected = (grid) =>
+  !!grid.items?.length && grid.selectedItems.length === grid.items.length;
 
 class GridSelectionColumnClass extends GridSelectionColumn {
   // eslint-disable-next-line class-methods-use-this
@@ -7201,6 +7202,58 @@ const GridClass = compose(
 
 customElements.define(componentName$5, GridClass);
 
+const componentName$4 = getComponentName('badge');
+
+class RawBadge extends createBaseClass({ componentName: componentName$4, baseSelector: ':host > div' }) {
+  constructor() {
+    super();
+
+    this.attachShadow({ mode: 'open' }).innerHTML = `
+		<style>
+      :host {
+        display: inline-flex;
+      }
+      :host > div {
+        width: 100%;
+      }
+		</style>
+		<div>
+      <slot></slot>
+		</div>
+		`;
+  }
+}
+
+const BadgeClass = compose(
+  createStyleMixin({
+    mappings: {
+      hostWidth: [{ selector: () => ':host', property: 'width' }],
+      hostDirection: { property: 'direction' },
+
+      fontFamily: {},
+      fontSize: {},
+      fontWeight: {},
+      textTransform: {},
+      verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
+      horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],
+
+      borderWidth: {},
+      borderStyle: {},
+      borderColor: {},
+      borderRadius: {},
+
+      backgroundColor: {},
+
+      textColor: { property: 'color' },
+      textAlign: {},
+    },
+  }),
+  draggableMixin,
+  componentNameValidationMixin
+)(RawBadge);
+
+customElements.define(componentName$4, BadgeClass);
+
 const getVarName = (path) => getCssVarName(DESCOPE_PREFIX, ...path);
 
 const transformTheme = (theme, path, getTransformation) => {
@@ -7652,7 +7705,7 @@ var button$1 = /*#__PURE__*/Object.freeze({
   vars: vars$v
 });
 
-const componentName$4 = getComponentName('input-wrapper');
+const componentName$3 = getComponentName('input-wrapper');
 const globalRefs$h = getThemeRefs(globals);
 
 const [theme$1, refs, vars$u] = createHelperVars(
@@ -7721,7 +7774,7 @@ const [theme$1, refs, vars$u] = createHelperVars(
       backgroundColor: globalRefs$h.colors.surface.main,
     },
   },
-  componentName$4
+  componentName$3
 );
 
 var inputWrapper = /*#__PURE__*/Object.freeze({
@@ -8747,7 +8800,7 @@ var buttonSelectionGroup$1 = /*#__PURE__*/Object.freeze({
   vars: vars$6
 });
 
-const componentName$3 = getComponentName('modal');
+const componentName$2 = getComponentName('modal');
 
 const customMixin = (superclass) =>
   class ModalMixinClass extends superclass {
@@ -8846,7 +8899,7 @@ const ModalClass = compose(
     wrappedEleName: 'vaadin-dialog',
     style: () => ``,
     excludeAttrsSync: ['tabindex', 'opened'],
-    componentName: componentName$3,
+    componentName: componentName$2,
   })
 );
 
@@ -8909,7 +8962,7 @@ var grid$1 = /*#__PURE__*/Object.freeze({
   vars: vars$4
 });
 
-const componentName$2 = getComponentName('notification-card');
+const componentName$1 = getComponentName('notification-card');
 
 const notificationCardMixin = (superclass) =>
   class NotificationCardMixinClass extends superclass {
@@ -9017,7 +9070,7 @@ const NotificationCardClass = compose(
     }
     `,
     excludeAttrsSync: ['tabindex'],
-    componentName: componentName$2,
+    componentName: componentName$1,
   })
 );
 
@@ -9075,7 +9128,7 @@ var notificationCard = /*#__PURE__*/Object.freeze({
   vars: vars$3
 });
 
-const componentName$1 = getComponentName('multi-select-combo-box');
+const componentName = getComponentName('multi-select-combo-box');
 
 const MultiSelectComboBoxMixin = (superclass) =>
   class MultiSelectComboBoxMixinClass extends superclass {
@@ -9563,7 +9616,7 @@ const MultiSelectComboBoxClass = compose(
     // Note: we exclude `placeholder` because the vaadin component observes it and
     // tries to override it, causing us to lose the user set placeholder.
     excludeAttrsSync: ['tabindex', 'size', 'data', 'placeholder'],
-    componentName: componentName$1,
+    componentName,
     includeForwardProps: ['items', 'renderer', 'selectedItems'],
   })
 );
@@ -9625,56 +9678,6 @@ var multiSelectComboBox$1 = /*#__PURE__*/Object.freeze({
   vars: vars$2
 });
 
-const componentName = getComponentName('badge');
-
-class RawBadge extends createBaseClass({ componentName, baseSelector: ':host > div' }) {
-  constructor() {
-    super();
-
-    this.attachShadow({ mode: 'open' }).innerHTML = `
-		<style>
-      :host {
-        display: inline-flex;
-      }
-      :host > div {
-        width: 100%;
-      }
-		</style>
-		<div>
-      <slot></slot>
-		</div>
-		`;
-  }
-}
-
-const BadgeClass = compose(
-  createStyleMixin({
-    mappings: {
-      hostWidth: [{ selector: () => ':host', property: 'width' }],
-      hostDirection: { property: 'direction' },
-
-      fontFamily: {},
-      fontSize: {},
-      fontWeight: {},
-      textTransform: {},
-      verticalPadding: [{ property: 'padding-top' }, { property: 'padding-bottom' }],
-      horizontalPadding: [{ property: 'padding-left' }, { property: 'padding-right' }],
-
-      borderWidth: {},
-      borderStyle: {},
-      borderColor: {},
-      borderRadius: {},
-
-      backgroundColor: {},
-
-      textColor: { property: 'color' },
-      textAlign: {},
-    },
-  }),
-  draggableMixin,
-  componentNameValidationMixin
-)(RawBadge);
-
 const globalRefs = getThemeRefs(globals);
 const vars$1 = BadgeClass.cssVarList;
 
@@ -9792,5 +9795,5 @@ const vars = Object.keys(components).reduce(
 const defaultTheme = { globals, components: theme };
 const themeVars = { globals: vars$w, components: vars };
 
-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 };
+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 };
 //# sourceMappingURL=index.esm.js.map