@descope/web-components-ui 1.0.211 → 1.0.212

package/dist/cjs/index.cjs.js

@@ -4022,6 +4022,8 @@ var totpImage = /*#__PURE__*/Object.freeze({
   vars: vars$f
 });
 
+// eslint-disable-next-line max-classes-per-file
+
 const componentName$j = getComponentName('text');
 
 class RawText extends createBaseClass({ componentName: componentName$j, baseSelector: ':host > slot' }) {
@@ -4043,6 +4045,22 @@ class RawText extends createBaseClass({ componentName: componentName$j, baseSele
   }
 }
 
+const customTextMixin = (superclass) =>
+  class CustomTextMixin extends superclass {
+    get hideWhenEmpty() {
+      return this.getAttribute('hide-when-empty') === 'true';
+    }
+
+    init() {
+      super.init();
+
+      observeChildren(this, () => {
+        const hasChildren = !!this.childNodes.length;
+        this.style.display = !hasChildren && this.hideWhenEmpty ? 'none' : '';
+      });
+    }
+  };
+
 const TextClass = compose(
   createStyleMixin({
     mappings: {
@@ -4063,7 +4081,8 @@ const TextClass = compose(
     },
   }),
   draggableMixin,
-  componentNameValidationMixin
+  componentNameValidationMixin,
+  customTextMixin
 )(RawText);
 
 const globalRefs$7 = getThemeRefs(globals);