Merge branch 'mtsvyatkova/feat-1379-tile-manager' of https://github.com/IgniteUI/igniteui-webcomponents into mtsvyatkova/feat-1379-tile-manager

Author: rkaraivanov

src/components/resize-container/resize-container.ts

@@ -185,7 +185,6 @@ export default class IgcResizeContainerComponent extends EventEmitterMixin<
   protected _renderAdorner(name: 'side' | 'corner' | 'bottom', part: string) {
     return html`
       <slot ${ref(this._adorners[name])} part=${part} name="${name}-adorner">
-        <div part="adorner-indicator"></div>
       </slot>
     `;
   }

src/components/tile-manager/tile-manager.spec.ts

@@ -147,7 +147,10 @@ describe('Tile Manager component', () => {
 
       expect(tiles[0]).shadowDom.to.equal(
         `
-        <igc-resize mode="deferred" part="resize">
+        <igc-resize
+          exportparts="trigger-side, trigger, trigger-bottom"
+          mode="deferred"
+          part="resize">
           <div
             part="base"
             style="--ig-col-span:1;--ig-row-span:1;"
@@ -186,15 +189,12 @@ describe('Tile Manager component', () => {
             </div>
           </div>
           <slot name="side-adorner" slot="side-adorner">
-              <div part="adorner-indicator"></div>
             </slot>
 
             <slot name="corner-adorner" slot="corner-adorner">
-              <div part="adorner-indicator"></div>
             </slot>
 
             <slot name="bottom-adorner" slot="bottom-adorner">
-              <div part="adorner-indicator"></div>
             </slot>
         </igc-resize>
         `

src/components/tile-manager/tile.ts

@@ -88,6 +88,9 @@ export interface IgcTileComponentEventMap {
  * @csspart title - The title container.
  * @csspart actions - The actions container.
  * @csspart content-container - The container wrapping the tile’s main content.
+ * @csspart trigger-side - The part for the side adorner of the encapsulated resize element.
+ * @csspart trigger - The part for the corner adorner of the encapsulated resize element.
+ * @csspart trigger-bottom - The part for the bottom adorner of the encapsulated resize element.
  */
 @themes(all)
 export default class IgcTileComponent extends EventEmitterMixin<
@@ -641,7 +644,6 @@ export default class IgcTileComponent extends EventEmitterMixin<
         name="${name}-adorner"
         slot="${name}-adorner"
       >
-        <div part="adorner-indicator"></div>
       </slot>
     `;
   }
@@ -662,6 +664,7 @@ export default class IgcTileComponent extends EventEmitterMixin<
           'corner-adorner': this._customAdorners.get('corner')!,
           'bottom-adorner': this._customAdorners.get('bottom')!,
         })}
+        exportparts="trigger-side, trigger, trigger-bottom"
         mode="deferred"
         .enabled=${!this._resizeDisabled}
         ?active=${this._resizeMode === 'always'}