@educarehq/solaris-ui 0.16.0 → 0.16.1

package/fesm2022/educarehq-solaris-ui.mjs

@@ -2921,12 +2921,10 @@ class SolarisButtonDirective {
         }
         // Apply variant attributes synchronously so the element never flashes the
         // base style before Angular's first change detection (SSR/hydration FOUC).
-        // Apply variant attributes synchronously so the element never flashes the
-        // base style before Angular's first change detection (SSR/hydration FOUC).
-        el.dataset['appearance'] = this.appearance();
-        el.dataset['color'] = this.color();
-        el.dataset['radius'] = this.radius();
-        el.dataset['shape'] = this.shape();
+        el.setAttribute('data-appearance', this.appearance());
+        el.setAttribute('data-color', this.color());
+        el.setAttribute('data-radius', this.radius());
+        el.setAttribute('data-shape', this.shape());
         effect(() => {
             if (this.loading()) {
                 this.attachSpinner();
@@ -3872,7 +3870,7 @@ class SolarisFormFieldComponent {
             this.controlResize.set(null);
             return;
         }
-        const resize = first.dataset['resize'] ?? first.getAttribute('resize');
+        const resize = first.getAttribute('data-resize') ?? first.getAttribute('resize');
         const validResize = resize === 'none' ||
             resize === 'vertical' ||
             resize === 'horizontal' ||
@@ -4304,17 +4302,16 @@ class SolarisPopoverTriggerDirective {
             this.connectedSide =
                 change.connectionPair.originY === 'bottom' ? 'bottom' : 'top';
             if (this.panelContainerRef) {
-                this.panelContainerRef.dataset['connectedSide'] = this.connectedSide;
+                this.panelContainerRef.setAttribute('data-connected-side', this.connectedSide);
                 if (this.solarisPopoverTopConnected()) {
-                    this.panelContainerRef.dataset['formField'] = '';
+                    this.panelContainerRef.setAttribute('data-form-field', '');
                 }
             }
             if (this.solarisPopoverTopConnected()) {
-                this.elementRef.nativeElement.dataset['connectedSide'] =
-                    this.connectedSide;
+                this.elementRef.nativeElement.setAttribute('data-connected-side', this.connectedSide);
                 const formFieldWrapper = this.elementRef.nativeElement.querySelector(':scope > .solaris-form-field__control-wrapper');
                 if (formFieldWrapper) {
-                    formFieldWrapper.dataset['connectedSide'] = this.connectedSide;
+                    formFieldWrapper.setAttribute('data-connected-side', this.connectedSide);
                 }
             }
         });
@@ -4385,12 +4382,12 @@ class SolarisPopoverTriggerDirective {
         const componentRef = this.overlayRef.attach(portal);
         this.panelContainerRef = componentRef.location.nativeElement.querySelector('.solaris-popover-panel__container');
         if (this.panelContainerRef && initialSide) {
-            this.panelContainerRef.dataset['connectedSide'] = initialSide;
+            this.panelContainerRef.setAttribute('data-connected-side', initialSide);
             if (topConnected) {
-                this.panelContainerRef.dataset['formField'] = '';
+                this.panelContainerRef.setAttribute('data-form-field', '');
                 const formFieldWrapper = this.elementRef.nativeElement.querySelector(':scope > .solaris-form-field__control-wrapper');
                 if (formFieldWrapper) {
-                    formFieldWrapper.dataset['connectedSide'] = initialSide;
+                    formFieldWrapper.setAttribute('data-connected-side', initialSide);
                 }
             }
         }
@@ -4901,7 +4898,7 @@ class SolarisSelectComponent extends SolarisFormControl {
         if (el) {
             const wrapper = el.querySelector('.solaris-form-field__control-wrapper');
             if (wrapper) {
-                wrapper.dataset['connectedSide'] = side;
+                wrapper.setAttribute('data-connected-side', side);
             }
         }
     }
@@ -4910,7 +4907,7 @@ class SolarisSelectComponent extends SolarisFormControl {
         if (el) {
             const wrapper = el.querySelector('.solaris-form-field__control-wrapper');
             if (wrapper) {
-                delete wrapper.dataset['connectedSide'];
+                wrapper.removeAttribute('data-connected-side');
             }
         }
     }
@@ -6506,7 +6503,7 @@ class SolarisMultiSelectComponent extends SolarisFormControl {
         if (el) {
             const wrapper = el.querySelector('.solaris-form-field__control-wrapper');
             if (wrapper) {
-                wrapper.dataset['connectedSide'] = side;
+                wrapper.setAttribute('data-connected-side', side);
             }
         }
     }
@@ -6515,7 +6512,7 @@ class SolarisMultiSelectComponent extends SolarisFormControl {
         if (el) {
             const wrapper = el.querySelector('.solaris-form-field__control-wrapper');
             if (wrapper) {
-                delete wrapper.dataset['connectedSide'];
+                wrapper.removeAttribute('data-connected-side');
             }
         }
     }
@@ -12633,11 +12630,11 @@ class SolarisSegmentedItemComponent {
         if (!innerEl)
             return;
         for (const node of Array.from(innerEl.childNodes)) {
-            if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) {
+            if (node.nodeType === 3 && node.textContent?.trim()) {
                 this.hasContent.set(true);
                 return;
             }
-            if (node.nodeType === Node.ELEMENT_NODE) {
+            if (node.nodeType === 1) {
                 const el = node;
                 if (!el.classList.contains('solaris-segmented-item__icon')) {
                     this.hasContent.set(true);
@@ -12777,6 +12774,7 @@ class SolarisSegmentedControlComponent {
     elementRef = inject(ElementRef);
     injector = inject(Injector);
     ngZone = inject(NgZone);
+    platformId = inject(PLATFORM_ID);
     items = contentChildren(SolarisSegmentedItemComponent, ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
     invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
     indicator = input(true, ...(ngDevMode ? [{ debugName: "indicator" }] : /* istanbul ignore next */ []));
@@ -12839,6 +12837,9 @@ class SolarisSegmentedControlComponent {
         });
     }
     ngAfterViewInit() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
         this.setupIndicatorMeasurement();
         effect(() => {
             this.value();
@@ -12882,6 +12883,9 @@ class SolarisSegmentedControlComponent {
     // ControlValueAccessor
     writeValue(safe) {
         this.value.set(safe);
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
         this.ngZone.runOutsideAngular(() => {
             requestAnimationFrame(() => this.measureIndicator());
         });