@ascentgl/ads-ui 21.70.0 → 21.70.1

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.
@@ -7028,7 +7028,13 @@ class AdsExpansionPanelComponent {
7028
7028
  effect(() => {
7029
7029
  const noBorder = this.noBorder();
7030
7030
  if (this.panelElement) {
7031
- this.panelElement.style.border = noBorder ? 'none' : '';
7031
+ if (noBorder) {
7032
+ this.panelElement.style.border = 'none';
7033
+ }
7034
+ else {
7035
+ // Restore border when noBorder is false
7036
+ this.panelElement.style.border = `1px solid var(--color-${this.borderColor()})`;
7037
+ }
7032
7038
  }
7033
7039
  });
7034
7040
  effect(() => {
@@ -7053,11 +7059,14 @@ class AdsExpansionPanelComponent {
7053
7059
  if (this.panelContent && this.contentPadding()) {
7054
7060
  this.panelContent.style.padding = this.contentPadding();
7055
7061
  }
7056
- if (this.panelElement && this.noBorder()) {
7057
- this.panelElement.style.border = 'none';
7058
- }
7059
- if (this.panelElement && !this.noBorder()) {
7060
- this.panelElement.style.borderColor = `var(--color-${this.borderColor()})`;
7062
+ if (this.panelElement) {
7063
+ if (this.noBorder()) {
7064
+ this.panelElement.style.border = 'none';
7065
+ }
7066
+ else {
7067
+ // Initialize border with color when noBorder is false
7068
+ this.panelElement.style.border = `1px solid var(--color-${this.borderColor()})`;
7069
+ }
7061
7070
  }
7062
7071
  this.panel.expandedChange.subscribe(value => this.expandedChange.emit(value));
7063
7072
  }