refactor(action-strip): default to initially hidden

Author: damyanpetev

CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes for each version of this project will be documented in this file.
 
+## 20.0.0
+
+### General
+- **Angular 20 Compatibility** - Ignite UI for Angular now plays nice with Angular 20! Upgrade your apps and enjoy the latest features.
+- `IgxActionStrip`
+    - **Behavioral Changes** - When using the Action Strip standalone, outside of Grid, scenarios the component is no longer initially visible and the `hidden` property now defaults to `true`.
+
 ## 19.2.0
 
 ### General

projects/igniteui-angular/src/lib/action-strip/action-strip.component.spec.ts

@@ -34,6 +34,7 @@ describe('igxActionStrip', () => {
             fixture = TestBed.createComponent(IgxActionStripComponent);
             actionStrip = fixture.componentInstance as IgxActionStripComponent;
             fixture.detectChanges();
+            expect(actionStrip.hidden).toBeTruthy();
 
             const el = document.createElement('div');
             fixture.debugElement.nativeElement.appendChild(el);
@@ -162,7 +163,7 @@ describe('igxActionStrip', () => {
                 Lorem ipsum dolor sit
             </p>
         </div>
-        <igx-action-strip #actionStrip>
+        <igx-action-strip #actionStrip [hidden]="false">
             <igx-icon class="asIcon" (click)="onIconClick()">alarm</igx-icon>
         </igx-action-strip>
     </div>
@@ -197,7 +198,7 @@ class IgxActionStripTestingComponent {
                 Lorem ipsum dolor sit
             </p>
         </div>
-        <igx-action-strip #actionStrip>
+        <igx-action-strip #actionStrip [hidden]="false">
             <span *igxActionStripMenuItem>Mark</span>
             <span *igxActionStripMenuItem>Favorite</span>
             <span *igxActionStripMenuItem>Download</span>
@@ -219,7 +220,7 @@ class IgxActionStripMenuTestingComponent {
                 Lorem ipsum dolor sit
             </p>
         </div>
-        <igx-action-strip #actionStrip>
+        <igx-action-strip #actionStrip [hidden]="false">
             <span>Mark</span>
             <span *igxActionStripMenuItem>Favorite</span>
             <span *igxActionStripMenuItem>Download</span>

projects/igniteui-angular/src/lib/action-strip/action-strip.component.ts

@@ -134,7 +134,7 @@ export class IgxActionStripComponent implements IgxActionStripToken, AfterConten
      * ```
      */
     @Input({ transform: booleanAttribute })
-    public hidden = false;
+    public hidden = true;
 
 
     /**

src/app/action-strip/action-strip.sample.html

@@ -10,6 +10,7 @@
         </p>
         @if (isVisible) {
             <igx-action-strip
+                [hidden]="false"
                 class="my-action-strip" #actionstrip
                 [style.--ig-size]="'var(--ig-size-' + sizeSelector.size + ')'"
             >