Utility Panel: Content is not pushed in the default expanded state (#…

…3063) * 3061 - push content initialization * 3061 - build fixes
trimble-oss · Dec 12, 2024 · 3c9fd25 · 3c9fd25
1 parent f999a3b
commit 3c9fd25
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/stencil-workspace/src/components/modus-utility-panel/modus-utility-panel.spec.ts b/stencil-workspace/src/components/modus-utility-panel/modus-utility-panel.spec.ts
@@ -10,7 +10,7 @@ describe('modus-utility-panel', () => {
     expect(root).toEqualHtml(`
       <modus-utility-panel>
         <mock:shadow-root>
-          <div class="overlay utility-panel">
+          <div class="utility-panel">
             <div class="panel-content">
               <div aria-labelledby="body" class="panel-body">
                 <slot name="body"></slot>
@@ -31,7 +31,7 @@ describe('modus-utility-panel', () => {
     expect(root).toEqualHtml(`
       <modus-utility-panel expanded="true">
         <mock:shadow-root>
-          <div class="open overlay utility-panel">
+          <div class="open utility-panel">
             <div class="panel-content">
               <div aria-labelledby="body" class="panel-body">
                 <slot name="body"></slot>

diff --git a/stencil-workspace/src/components/modus-utility-panel/modus-utility-panel.tsx b/stencil-workspace/src/components/modus-utility-panel/modus-utility-panel.tsx
@@ -11,7 +11,7 @@ export class ModusUtilityPanel {
   @Prop() expanded = false;
 
   /** Determines if the panel pushes content or displays an overlay. */
-  @Prop() pushContent = false;
+  @Prop() pushContent = true;
 
   @Prop() targetContent: string;
 
@@ -23,6 +23,12 @@ export class ModusUtilityPanel {
 
   @Element() el: HTMLElement;
 
+  componentDidLoad() {
+    if (this.pushContent) {
+      this.adjustContent();
+    }
+  }
+
   @Watch('expanded')
   handleExpandedChange(newValue: boolean) {
     if (newValue) {