igniteui-webcomponents 5.3.0-beta.2 → 5.3.0

package/components/tile-manager/serializer.js

@@ -1,30 +1,20 @@
-import { asNumber, omit, pick } from '../common/util.js';
 class TileManagerSerializer {
     constructor(tileManager) {
         this.tileManager = tileManager;
     }
-    _getResizeContainer(tile) {
-        return tile['_resizeContainer'];
-    }
     save() {
         return this.tileManager.tiles.map((tile) => {
-            const { gridColumn, gridRow } = getComputedStyle(tile);
-            const { width, height } = this._getResizeContainer(tile).getSize();
             return {
                 colSpan: tile.colSpan,
                 colStart: tile.colStart,
                 disableFullscreen: tile.disableFullscreen,
                 disableMaximize: tile.disableMaximize,
                 disableResize: tile.disableResize,
-                gridColumn,
-                gridRow,
                 maximized: tile.maximized,
                 position: tile.position,
                 rowSpan: tile.rowSpan,
                 rowStart: tile.rowStart,
-                tileId: tile.tileId,
-                width: asNumber(width) || null,
-                height: asNumber(height) || null,
+                id: tile.id,
             };
         });
     }
@@ -32,27 +22,18 @@ class TileManagerSerializer {
         return JSON.stringify(this.save());
     }
     load(tiles) {
-        const mapped = new Map(tiles.map((tile) => [tile.tileId, tile]));
-        const keys = [
-            'gridColumn',
-            'gridRow',
-            'width',
-            'height',
-        ];
+        const mapped = new Map(tiles.map((tile) => [tile.id, tile]));
         for (const tile of this.tileManager.tiles) {
-            if (!mapped.has(tile.tileId)) {
+            if (!mapped.has(tile.id)) {
                 continue;
             }
-            const serialized = mapped.get(tile.tileId);
-            const properties = omit(serialized, ...keys);
-            const styles = pick(serialized, 'gridColumn', 'gridRow');
-            const { width, height } = pick(serialized, 'width', 'height');
-            Object.assign(tile, properties);
-            Object.assign(tile.style, styles);
-            this._getResizeContainer(tile).setSize(width, height);
+            const serialized = mapped.get(tile.id);
+            Object.assign(tile, serialized);
         }
     }
     loadFromJSON(data) {
+        if (!data)
+            return;
         this.load(JSON.parse(data));
     }
 }

package/components/tile-manager/serializer.js.map

@@ -1 +1 @@
-{"version":3,"file":"serializer.js","sourceRoot":"","sources":["../../../src/components/tile-manager/serializer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAqBzD,MAAM,qBAAqB;IAGzB,YAAY,WAAoC;QAC9C,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IACjC,CAAC;IAEO,mBAAmB,CAAC,IAAsB;QAEhD,OAAO,IAAI,CAAC,kBAAkB,CAAE,CAAC;IACnC,CAAC;IAEM,IAAI;QACT,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACzC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;YAEnE,OAAO;gBACL,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;gBACzC,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,UAAU;gBACV,OAAO;gBACP,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,IAAI;gBAC9B,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,IAAI,IAAI;aACjC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,UAAU;QACf,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IACrC,CAAC;IAEM,IAAI,CAAC,KAAuB;QACjC,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QACjE,MAAM,IAAI,GAA6B;YACrC,YAAY;YACZ,SAAS;YACT,OAAO;YACP,QAAQ;SACT,CAAC;QAEF,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YAC1C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC7B,SAAS;YACX,CAAC;YAED,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAE,CAAC;YAC5C,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,CAAC,CAAC;YAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;YACzD,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC;YAE9D,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;YAChC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YAClC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;IAEM,YAAY,CAAC,IAAY;QAC9B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9B,CAAC;CACF;AAED,MAAM,UAAU,gBAAgB,CAAC,IAA6B;IAC5D,OAAO,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC;AACzC,CAAC","sourcesContent":["import { asNumber, omit, pick } from '../common/util.js';\nimport type IgcTileManagerComponent from './tile-manager.js';\nimport type IgcTileComponent from './tile.js';\n\nexport interface SerializedTile {\n  colSpan: number;\n  colStart: number | null;\n  disableFullscreen: boolean;\n  disableMaximize: boolean;\n  disableResize: boolean;\n  gridColumn: string;\n  gridRow: string;\n  maximized: boolean;\n  position: number;\n  rowSpan: number;\n  rowStart: number | null;\n  tileId: string | null;\n  width: number | null;\n  height: number | null;\n}\n\nclass TileManagerSerializer {\n  public tileManager: IgcTileManagerComponent;\n\n  constructor(tileManager: IgcTileManagerComponent) {\n    this.tileManager = tileManager;\n  }\n\n  private _getResizeContainer(tile: IgcTileComponent) {\n    // biome-ignore lint/complexity/useLiteralKeys: Until we migrate to a symbol\n    return tile['_resizeContainer']!;\n  }\n\n  public save(): SerializedTile[] {\n    return this.tileManager.tiles.map((tile) => {\n      const { gridColumn, gridRow } = getComputedStyle(tile);\n      const { width, height } = this._getResizeContainer(tile).getSize();\n\n      return {\n        colSpan: tile.colSpan,\n        colStart: tile.colStart,\n        disableFullscreen: tile.disableFullscreen,\n        disableMaximize: tile.disableMaximize,\n        disableResize: tile.disableResize,\n        gridColumn,\n        gridRow,\n        maximized: tile.maximized,\n        position: tile.position,\n        rowSpan: tile.rowSpan,\n        rowStart: tile.rowStart,\n        tileId: tile.tileId,\n        width: asNumber(width) || null,\n        height: asNumber(height) || null,\n      };\n    });\n  }\n\n  public saveAsJSON(): string {\n    return JSON.stringify(this.save());\n  }\n\n  public load(tiles: SerializedTile[]): void {\n    const mapped = new Map(tiles.map((tile) => [tile.tileId, tile]));\n    const keys: (keyof SerializedTile)[] = [\n      'gridColumn',\n      'gridRow',\n      'width',\n      'height',\n    ];\n\n    for (const tile of this.tileManager.tiles) {\n      if (!mapped.has(tile.tileId)) {\n        continue;\n      }\n\n      const serialized = mapped.get(tile.tileId)!;\n      const properties = omit(serialized, ...keys);\n      const styles = pick(serialized, 'gridColumn', 'gridRow');\n      const { width, height } = pick(serialized, 'width', 'height');\n\n      Object.assign(tile, properties);\n      Object.assign(tile.style, styles);\n      this._getResizeContainer(tile).setSize(width, height);\n    }\n  }\n\n  public loadFromJSON(data: string): void {\n    this.load(JSON.parse(data));\n  }\n}\n\nexport function createSerializer(host: IgcTileManagerComponent) {\n  return new TileManagerSerializer(host);\n}\n"]}
+{"version":3,"file":"serializer.js","sourceRoot":"","sources":["../../../src/components/tile-manager/serializer.ts"],"names":[],"mappings":"AAeA,MAAM,qBAAqB;IAGzB,YAAY,WAAoC;QAC9C,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IACjC,CAAC;IAEM,IAAI;QACT,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACzC,OAAO;gBACL,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;gBACzC,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,EAAE,EAAE,IAAI,CAAC,EAAE;aACZ,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,UAAU;QACf,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IACrC,CAAC;IAEM,IAAI,CAAC,KAAuB;QACjC,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QAE7D,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;YAC1C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;gBACzB,SAAS;YACX,CAAC;YAED,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAE,CAAC;YAExC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAClC,CAAC;IACH,CAAC;IAEM,YAAY,CAAC,IAAY;QAC9B,IAAI,CAAC,IAAI;YAAE,OAAO;QAElB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAC9B,CAAC;CACF;AAED,MAAM,UAAU,gBAAgB,CAAC,IAA6B;IAC5D,OAAO,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC;AACzC,CAAC","sourcesContent":["import type IgcTileManagerComponent from './tile-manager.js';\n\nexport interface SerializedTile {\n  colSpan: number;\n  colStart: number | null;\n  disableFullscreen: boolean;\n  disableMaximize: boolean;\n  disableResize: boolean;\n  maximized: boolean;\n  position: number;\n  rowSpan: number;\n  rowStart: number | null;\n  id: string | null;\n}\n\nclass TileManagerSerializer {\n  public tileManager: IgcTileManagerComponent;\n\n  constructor(tileManager: IgcTileManagerComponent) {\n    this.tileManager = tileManager;\n  }\n\n  public save(): SerializedTile[] {\n    return this.tileManager.tiles.map((tile) => {\n      return {\n        colSpan: tile.colSpan,\n        colStart: tile.colStart,\n        disableFullscreen: tile.disableFullscreen,\n        disableMaximize: tile.disableMaximize,\n        disableResize: tile.disableResize,\n        maximized: tile.maximized,\n        position: tile.position,\n        rowSpan: tile.rowSpan,\n        rowStart: tile.rowStart,\n        id: tile.id,\n      };\n    });\n  }\n\n  public saveAsJSON(): string {\n    return JSON.stringify(this.save());\n  }\n\n  public load(tiles: SerializedTile[]): void {\n    const mapped = new Map(tiles.map((tile) => [tile.id, tile]));\n\n    for (const tile of this.tileManager.tiles) {\n      if (!mapped.has(tile.id)) {\n        continue;\n      }\n\n      const serialized = mapped.get(tile.id)!;\n\n      Object.assign(tile, serialized);\n    }\n  }\n\n  public loadFromJSON(data: string): void {\n    if (!data) return;\n\n    this.load(JSON.parse(data));\n  }\n}\n\nexport function createSerializer(host: IgcTileManagerComponent) {\n  return new TileManagerSerializer(host);\n}\n"]}

package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--tile-manager-background: var(--ig-tile-manager-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-200));--hover-border-color: var(--ig-tile-manager-hover-border-color, var(--ig-gray-300));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-700) h s l/0.4));--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2)}`;
+export const styles = css `:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--background: var(--ig-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-200));--hover-border-color: var(--ig-tile-manager-hover-border-color, var(--ig-gray-300));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-700) h s l/0.4));--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2);--ig-theme: bootstrap}`;
 //# sourceMappingURL=tile-manager.bootstrap.css.js.map

package/components/tile-manager/themes/dark/tile-manager.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-manager.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/dark/tile-manager.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kqCAAkqC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--tile-manager-background: var(--ig-tile-manager-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-200));--hover-border-color: var(--ig-tile-manager-hover-border-color, var(--ig-gray-300));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-700) h s l/0.4));--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2)}`;\n"]}
+{"version":3,"file":"tile-manager.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/dark/tile-manager.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8pCAA8pC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--background: var(--ig-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-200));--hover-border-color: var(--ig-tile-manager-hover-border-color, var(--ig-gray-300));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-700) h s l/0.4));--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2);--ig-theme: bootstrap}`;\n"]}

package/components/tile-manager/themes/dark/tile-manager.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--tile-manager-background: var(--ig-tile-manager-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, transparent);--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0);--default-size: var(--ig-tile-manager-default-size, 2)}`;
+export const styles = css `:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--background: var(--ig-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, transparent);--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0);--default-size: var(--ig-tile-manager-default-size, 2);--ig-theme: fluent}`;
 //# sourceMappingURL=tile-manager.fluent.css.js.map

package/components/tile-manager/themes/dark/tile-manager.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-manager.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/dark/tile-manager.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s9BAAs9B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--tile-manager-background: var(--ig-tile-manager-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, transparent);--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0);--default-size: var(--ig-tile-manager-default-size, 2)}`;\n"]}
+{"version":3,"file":"tile-manager.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/dark/tile-manager.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+8BAA+8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--background: var(--ig-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, transparent);--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0);--default-size: var(--ig-tile-manager-default-size, 2);--ig-theme: fluent}`;\n"]}

package/components/tile-manager/themes/dark/tile-manager.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--tile-manager-background: var(--ig-tile-manager-tile-manager-background, var(--ig-surface-500));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-gray-50));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--header-background: var(--ig-tile-manager-header-background, var(--ig-gray-50));--content-background: var(--ig-tile-manager-content-background, var(--ig-gray-50));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-100));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-500) h s l/0.15));--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-300));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.375rem);--default-size: var(--ig-tile-manager-default-size, 2)}`;
+export const styles = css `:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--background: var(--ig-tile-manager-background, var(--ig-surface-500));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-gray-50));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--header-background: var(--ig-tile-manager-header-background, var(--ig-gray-50));--content-background: var(--ig-tile-manager-content-background, var(--ig-gray-50));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-100));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-500) h s l/0.15));--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-300));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.375rem);--default-size: var(--ig-tile-manager-default-size, 2);--ig-theme: indigo}`;
 //# sourceMappingURL=tile-manager.indigo.css.js.map

package/components/tile-manager/themes/dark/tile-manager.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-manager.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/dark/tile-manager.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2mCAA2mC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--tile-manager-background: var(--ig-tile-manager-tile-manager-background, var(--ig-surface-500));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-gray-50));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--header-background: var(--ig-tile-manager-header-background, var(--ig-gray-50));--content-background: var(--ig-tile-manager-content-background, var(--ig-gray-50));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-100));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-500) h s l/0.15));--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-300));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.375rem);--default-size: var(--ig-tile-manager-default-size, 2)}`;\n"]}
+{"version":3,"file":"tile-manager.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/dark/tile-manager.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,omCAAomC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--background: var(--ig-tile-manager-background, var(--ig-surface-500));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-gray-50));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9));--header-background: var(--ig-tile-manager-header-background, var(--ig-gray-50));--content-background: var(--ig-tile-manager-content-background, var(--ig-gray-50));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-100));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-500) h s l/0.15));--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-300));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.375rem);--default-size: var(--ig-tile-manager-default-size, 2);--ig-theme: indigo}`;\n"]}

package/components/tile-manager/themes/dark/tile-manager.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--tile-manager-background: var(--ig-tile-manager-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, transparent);--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2)}`;
+export const styles = css `:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--background: var(--ig-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, transparent);--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2);--ig-theme: material}`;
 //# sourceMappingURL=tile-manager.material.css.js.map

package/components/tile-manager/themes/dark/tile-manager.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-manager.material.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/dark/tile-manager.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,49BAA49B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--tile-manager-background: var(--ig-tile-manager-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, transparent);--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2)}`;\n"]}
+{"version":3,"file":"tile-manager.material.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/dark/tile-manager.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u9BAAu9B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--background: var(--ig-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, transparent);--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2);--ig-theme: material}`;\n"]}

package/components/tile-manager/themes/light/tile-manager.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tile-manager-background: var(--ig-tile-manager-tile-manager-background, var(--ig-gray-200));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-300));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-300) h s l/0.15));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-300) h s l/0.4))}`;
+export const styles = css `:host{--background: var(--ig-tile-manager-background, var(--ig-gray-200));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-300));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-300) h s l/0.15));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-300) h s l/0.4));--ig-theme: bootstrap}`;
 //# sourceMappingURL=tile-manager.bootstrap.css.js.map

package/components/tile-manager/themes/light/tile-manager.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-manager.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6YAA6Y,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tile-manager-background: var(--ig-tile-manager-tile-manager-background, var(--ig-gray-200));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-300));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-300) h s l/0.15));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-300) h s l/0.4))}`;\n"]}
+{"version":3,"file":"tile-manager.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yYAAyY,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-tile-manager-background, var(--ig-gray-200));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-300));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-300) h s l/0.15));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-300) h s l/0.4));--ig-theme: bootstrap}`;\n"]}

package/components/tile-manager/themes/light/tile-manager.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.5));--border-radius: var(--ig-tile-manager-border-radius, 0)}`;
+export const styles = css `:host{--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.5));--border-radius: var(--ig-tile-manager-border-radius, 0);--ig-theme: fluent}`;
 //# sourceMappingURL=tile-manager.fluent.css.js.map

package/components/tile-manager/themes/light/tile-manager.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-manager.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+RAA+R,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.5));--border-radius: var(--ig-tile-manager-border-radius, 0)}`;\n"]}
+{"version":3,"file":"tile-manager.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kTAAkT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.5));--border-radius: var(--ig-tile-manager-border-radius, 0);--ig-theme: fluent}`;\n"]}

package/components/tile-manager/themes/light/tile-manager.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tile-manager-background: var(--ig-tile-manager-tile-manager-background, var(--ig-surface-500));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-gray-900-contrast));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-800));--header-background: var(--ig-tile-manager-header-background, var(--ig-gray-900-contrast));--content-background: var(--ig-tile-manager-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-tile-manager-hover-border-color, var(--ig-gray-500));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--border-radius: var(--ig-tile-manager-border-radius, 0.375rem)}`;
+export const styles = css `:host{--background: var(--ig-tile-manager-background, var(--ig-surface-500));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-gray-900-contrast));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-800));--header-background: var(--ig-tile-manager-header-background, var(--ig-gray-900-contrast));--content-background: var(--ig-tile-manager-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-tile-manager-hover-border-color, var(--ig-gray-500));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--border-radius: var(--ig-tile-manager-border-radius, 0.375rem);--ig-theme: indigo}`;
 //# sourceMappingURL=tile-manager.indigo.css.js.map

package/components/tile-manager/themes/light/tile-manager.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-manager.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6wBAA6wB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tile-manager-background: var(--ig-tile-manager-tile-manager-background, var(--ig-surface-500));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-gray-900-contrast));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-800));--header-background: var(--ig-tile-manager-header-background, var(--ig-gray-900-contrast));--content-background: var(--ig-tile-manager-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-tile-manager-hover-border-color, var(--ig-gray-500));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--border-radius: var(--ig-tile-manager-border-radius, 0.375rem)}`;\n"]}
+{"version":3,"file":"tile-manager.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,swBAAswB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-tile-manager-background, var(--ig-surface-500));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-gray-900-contrast));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-800));--header-background: var(--ig-tile-manager-header-background, var(--ig-gray-900-contrast));--content-background: var(--ig-tile-manager-content-background, var(--ig-gray-900-contrast));--border-color: var(--ig-tile-manager-border-color, var(--ig-gray-400));--hover-border-color: var(--ig-tile-manager-hover-border-color, var(--ig-gray-500));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.2));--border-radius: var(--ig-tile-manager-border-radius, 0.375rem);--ig-theme: indigo}`;\n"]}

package/components/tile-manager/themes/light/tile-manager.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--ig-theme: material}`;
 //# sourceMappingURL=tile-manager.material.css.js.map

package/components/tile-manager/themes/light/tile-manager.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-manager.material.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
+{"version":3,"file":"tile-manager.material.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}

package/components/tile-manager/themes/light/tile-manager.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--tile-manager-background: var(--ig-tile-manager-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, transparent);--hover-border-color: var(--ig-tile-manager-hover-border-color, var(--ig-gray-400));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.3));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.6));--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2)}`;
+export const styles = css `:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--background: var(--ig-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, transparent);--hover-border-color: var(--ig-tile-manager-hover-border-color, var(--ig-gray-400));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.3));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.6));--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2)}`;
 //# sourceMappingURL=tile-manager.shared.css.js.map

package/components/tile-manager/themes/light/tile-manager.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-manager.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8wCAA8wC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--tile-manager-background: var(--ig-tile-manager-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, transparent);--hover-border-color: var(--ig-tile-manager-hover-border-color, var(--ig-gray-400));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.3));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.6));--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2)}`;\n"]}
+{"version":3,"file":"tile-manager.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/light/tile-manager.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ovCAAovC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-tile-manager-resting-elevation, var(--ig-elevation-0));--drag-elevation: var(--ig-tile-manager-drag-elevation, var(--ig-elevation-5));--background: var(--ig-tile-manager-background, var(--ig-gray-100));--tile-background: var(--ig-tile-manager-tile-background, var(--ig-surface-500));--title-color: var(--ig-tile-manager-title-color, var(--ig-gray-900));--header-background: var(--ig-tile-manager-header-background, var(--ig-surface-500));--content-background: var(--ig-tile-manager-content-background, var(--ig-surface-500));--content-color: var(--ig-tile-manager-content-color, var(--ig-gray-700));--border-color: var(--ig-tile-manager-border-color, transparent);--hover-border-color: var(--ig-tile-manager-hover-border-color, var(--ig-gray-400));--placeholder-background: var(--ig-tile-manager-placeholder-background, hsl(from var(--ig-primary-100) h s l/0.3));--overlay-background: var(--ig-tile-manager-overlay-background, hsl(from var(--ig-primary-100) h s l/0.6));--ghost-border: var(--ig-tile-manager-ghost-border, var(--ig-primary-500));--divider-color: var(--ig-tile-manager-divider-color, transparent);--border-radius: var(--ig-tile-manager-border-radius, 0.25rem);--default-size: var(--ig-tile-manager-default-size, 2)}`;\n"]}

package/components/tile-manager/themes/shared/tile/tile.common.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part~=drag-over]::after,[part~=base]::after{content:"";position:absolute;pointer-events:none;inset:0;width:100%;height:100%;border-radius:inherit}:host{--component-size: var(--ig-size, var(--default-size));--_border-radius: var(--border-radius)}[part~=base]{background:var(--tile-background);border-radius:var(--_border-radius);box-shadow:var(--resting-elevation)}[part~=base]::after{border:.0625rem solid var(--border-color)}[part~=base]:not([part~=resizable]):hover::after{border:.0625rem solid var(--hover-border-color)}[part~=base][part~=resizing]{opacity:.3}[part=content-container]{background:var(--content-background);color:var(--content-color)}[part=ghost]{border-radius:var(--border-radius);border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}[part~=drag-over]::after{z-index:1000;border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}[part=header]{background:var(--header-background);border-top-left-radius:var(--_border-radius);border-top-right-radius:var(--_border-radius)}[part=title]{color:var(--title-color)}igc-divider{--color: var(--divider-color)}igc-resize{--resize-indicator: var(--hover-border-color)}igc-resize[part~=side-adorner]::part(trigger-side){background-color:rgba(0,0,0,0);right:0}igc-resize[part~=corner-adorner]::part(trigger){background-color:rgba(0,0,0,0);right:0;bottom:0}igc-resize[part~=bottom-adorner]::part(trigger-bottom){background-color:rgba(0,0,0,0);bottom:0}`;
+export const styles = css `[part~=drag-over]::after,[part~=base]::after{content:"";position:absolute;pointer-events:none;inset:0;width:100%;height:100%;border-radius:inherit}:host{--component-size: var(--ig-size, var(--default-size));--_border-radius: var(--border-radius)}[part~=base]{background:var(--tile-background);border-radius:var(--_border-radius);box-shadow:var(--resting-elevation)}[part~=base]::after{border:.0625rem solid var(--border-color)}[part~=base]:not([part~=resizable]):hover::after{border:.0625rem solid var(--hover-border-color)}:host([part=resizing]),:host([part=dragging]){border-radius:var(--border-radius)}:host([part=dragging]){background:var(--placeholder-background);border:.0625rem solid var(--ghost-border)}[part~=base][part~=resizing]{opacity:.3}[part=content-container]{background:var(--content-background);color:var(--content-color)}[part=ghost]{border-radius:var(--border-radius);border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}[part~=drag-over]::after{z-index:1000;border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}[part=header]{background:var(--header-background);border-top-left-radius:var(--_border-radius);border-top-right-radius:var(--_border-radius)}[part=title]{color:var(--title-color)}igc-divider{--color: var(--divider-color)}igc-resize{--resize-indicator: var(--ghost-border)}igc-resize[part~=side-adorner]::part(trigger-side){background-color:rgba(0,0,0,0);right:0}igc-resize[part~=corner-adorner]::part(trigger){background-color:rgba(0,0,0,0);right:0;bottom:0}igc-resize[part~=bottom-adorner]::part(trigger-bottom){background-color:rgba(0,0,0,0);bottom:0}`;
 //# sourceMappingURL=tile.common.css.js.map

package/components/tile-manager/themes/shared/tile/tile.common.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/tile/tile.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k7CAAk7C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=drag-over]::after,[part~=base]::after{content:\"\";position:absolute;pointer-events:none;inset:0;width:100%;height:100%;border-radius:inherit}:host{--component-size: var(--ig-size, var(--default-size));--_border-radius: var(--border-radius)}[part~=base]{background:var(--tile-background);border-radius:var(--_border-radius);box-shadow:var(--resting-elevation)}[part~=base]::after{border:.0625rem solid var(--border-color)}[part~=base]:not([part~=resizable]):hover::after{border:.0625rem solid var(--hover-border-color)}[part~=base][part~=resizing]{opacity:.3}[part=content-container]{background:var(--content-background);color:var(--content-color)}[part=ghost]{border-radius:var(--border-radius);border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}[part~=drag-over]::after{z-index:1000;border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}[part=header]{background:var(--header-background);border-top-left-radius:var(--_border-radius);border-top-right-radius:var(--_border-radius)}[part=title]{color:var(--title-color)}igc-divider{--color: var(--divider-color)}igc-resize{--resize-indicator: var(--hover-border-color)}igc-resize[part~=side-adorner]::part(trigger-side){background-color:rgba(0,0,0,0);right:0}igc-resize[part~=corner-adorner]::part(trigger){background-color:rgba(0,0,0,0);right:0;bottom:0}igc-resize[part~=bottom-adorner]::part(trigger-bottom){background-color:rgba(0,0,0,0);bottom:0}`;\n"]}
+{"version":3,"file":"tile.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/tile/tile.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,umDAAumD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=drag-over]::after,[part~=base]::after{content:\"\";position:absolute;pointer-events:none;inset:0;width:100%;height:100%;border-radius:inherit}:host{--component-size: var(--ig-size, var(--default-size));--_border-radius: var(--border-radius)}[part~=base]{background:var(--tile-background);border-radius:var(--_border-radius);box-shadow:var(--resting-elevation)}[part~=base]::after{border:.0625rem solid var(--border-color)}[part~=base]:not([part~=resizable]):hover::after{border:.0625rem solid var(--hover-border-color)}:host([part=resizing]),:host([part=dragging]){border-radius:var(--border-radius)}:host([part=dragging]){background:var(--placeholder-background);border:.0625rem solid var(--ghost-border)}[part~=base][part~=resizing]{opacity:.3}[part=content-container]{background:var(--content-background);color:var(--content-color)}[part=ghost]{border-radius:var(--border-radius);border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}[part~=drag-over]::after{z-index:1000;border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}[part=header]{background:var(--header-background);border-top-left-radius:var(--_border-radius);border-top-right-radius:var(--_border-radius)}[part=title]{color:var(--title-color)}igc-divider{--color: var(--divider-color)}igc-resize{--resize-indicator: var(--ghost-border)}igc-resize[part~=side-adorner]::part(trigger-side){background-color:rgba(0,0,0,0);right:0}igc-resize[part~=corner-adorner]::part(trigger){background-color:rgba(0,0,0,0);right:0;bottom:0}igc-resize[part~=bottom-adorner]::part(trigger-bottom){background-color:rgba(0,0,0,0);bottom:0}`;\n"]}

package/components/tile-manager/themes/shared/tile-manager.common.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=base]{background:var(--tile-manager-background)}`;
+export const styles = css `[part=base]{background:var(--background)}`;
 //# sourceMappingURL=tile-manager.common.css.js.map

package/components/tile-manager/themes/shared/tile-manager.common.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-manager.common.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/shared/tile-manager.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wDAAwD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{background:var(--tile-manager-background)}`;\n"]}
+{"version":3,"file":"tile-manager.common.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/shared/tile-manager.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2CAA2C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{background:var(--background)}`;\n"]}

package/components/tile-manager/themes/tile-manager.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;--ig-min-col-width: 200px;--ig-min-row-height: 200px}[part~=base]{display:grid;position:relative;padding:1.25rem;width:100%;height:100%;grid-template-columns:repeat(var(--ig-column-count, auto-fit), minmax(var(--ig-min-col-width), 1fr));grid-auto-rows:minmax(var(--ig-min-row-height), auto);grid-gap:var(--ig-gap, 0.625rem);grid-auto-flow:dense;overflow:auto hidden}[part~=maximized-tile]{overflow:clip}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;--min-col-width: 200px;--min-row-height: 200px}[part~=base]{display:grid;position:relative;padding:1.25rem;width:100%;height:100%;grid-template-columns:repeat(var(--column-count, auto-fit), minmax(min(var(--min-col-width, 100%)), 1fr));grid-auto-rows:var(--auto-rows, minmax(var(--min-row-height), var(--min-row-height)));grid-auto-columns:var(--auto-columns, 0);grid-gap:var(--grid-gap, 0.625rem);grid-auto-flow:dense;overflow:auto hidden}[part~=maximized-tile]{overflow:clip}`;
 //# sourceMappingURL=tile-manager.base.css.js.map

package/components/tile-manager/themes/tile-manager.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-manager.base.css.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/tile-manager.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i3CAAi3C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;--ig-min-col-width: 200px;--ig-min-row-height: 200px}[part~=base]{display:grid;position:relative;padding:1.25rem;width:100%;height:100%;grid-template-columns:repeat(var(--ig-column-count, auto-fit), minmax(var(--ig-min-col-width), 1fr));grid-auto-rows:minmax(var(--ig-min-row-height), auto);grid-gap:var(--ig-gap, 0.625rem);grid-auto-flow:dense;overflow:auto hidden}[part~=maximized-tile]{overflow:clip}`;\n"]}
+{"version":3,"file":"tile-manager.base.css.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/tile-manager.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,27CAA27C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:block;--min-col-width: 200px;--min-row-height: 200px}[part~=base]{display:grid;position:relative;padding:1.25rem;width:100%;height:100%;grid-template-columns:repeat(var(--column-count, auto-fit), minmax(min(var(--min-col-width, 100%)), 1fr));grid-auto-rows:var(--auto-rows, minmax(var(--min-row-height), var(--min-row-height)));grid-auto-columns:var(--auto-columns, 0);grid-gap:var(--grid-gap, 0.625rem);grid-auto-flow:dense;overflow:auto hidden}[part~=maximized-tile]{overflow:clip}`;\n"]}

package/components/tile-manager/themes/tile.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--pad-block: max(var(--is-large, 1) * max(0.8125rem, -1 * 0.8125rem), var(--is-medium, 1) * max(0.8125rem, -1 * 0.8125rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--pad-inline: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));display:block;position:relative;grid-column:var(--ig-col-start, auto)/span var(--ig-col-span, 1);grid-row:var(--ig-row-start, auto)/span var(--ig-row-span, 1)}:host([part=resizing]),:host([part=dragging]){background:var(--placeholder-background);border-radius:var(--border-radius)}:host([part=resizing]) igc-resize,:host([part=dragging]) igc-resize{--resize-visibility: hidden}:host([part=resizing]) igc-resize::part(active)::after,:host([part=dragging]) igc-resize::part(active)::after{border:none}[part~=tile-container]{width:100%;height:100%}[part~=base]{width:100%;height:100%;overflow:hidden}[part=content-container]{display:block;border-radius:inherit}[part=content-container] ::slotted(*){font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}:host([maximized]){position:absolute;inset:0;width:100%;height:100%;z-index:10;grid-column:unset;grid-row:unset}:host([maximized]) [part~=base]{width:100%;height:100%}[part=ghost]{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(0);z-index:10}[part=header]{display:flex;align-items:center;gap:max(var(--is-large, 1)*max(1rem, -1 * 1rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem));width:100%;padding-block:var(--pad-block);padding-inline:var(--pad-inline)}:host([disable-fullscreen][disable-maximize]) igc-divider{display:none}[part=title]{display:flex;flex-direction:column;justify-content:center;flex:1 0 0%;overflow:hidden;min-width:2ch}::slotted([slot=title]){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;min-width:2ch;margin-bottom:0;display:block}[part=actions]{display:flex;gap:.5rem;margin-inline-start:auto;flex-shrink:0}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--pad-block: max(var(--is-large, 1) * max(0.8125rem, -1 * 0.8125rem), var(--is-medium, 1) * max(0.8125rem, -1 * 0.8125rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--pad-inline: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));display:block;position:relative;grid-column:var(--ig-col-start, auto)/span var(--ig-col-span, 1);grid-row:var(--ig-row-start, auto)/span var(--ig-row-span, 1)}:host([part=resizing]) igc-resize,:host([part=dragging]) igc-resize{--resize-visibility: hidden}:host([part=resizing]) igc-resize::part(active)::after,:host([part=dragging]) igc-resize::part(active)::after{border:none}[part~=tile-container]{width:100%;height:100%}[part~=base]{width:100%;height:100%;overflow:hidden}[part=content-container]{display:block;border-radius:inherit}[part=content-container] ::slotted(*){font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}:host([maximized]){position:absolute;inset:0;width:100%;height:100%;z-index:10;grid-column:unset;grid-row:unset}:host([maximized]) [part~=base]{width:100%;height:100%}[part=ghost]{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(0);z-index:10}[part=header]{display:flex;align-items:center;gap:max(var(--is-large, 1)*max(1rem, -1 * 1rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem));width:100%;padding-block:var(--pad-block);padding-inline:var(--pad-inline)}:host([disable-fullscreen][disable-maximize]) igc-divider{display:none}[part=title]{display:flex;flex-direction:column;justify-content:center;flex:1 0 0%;overflow:hidden;min-width:2ch}::slotted([slot=title]){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;min-width:2ch;margin-bottom:0;display:block}[part=actions]{display:flex;gap:.5rem;margin-inline-start:auto;flex-shrink:0}`;
 //# sourceMappingURL=tile.base.css.js.map

package/components/tile-manager/themes/tile.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile.base.css.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/tile.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+mHAA+mH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--pad-block: max(var(--is-large, 1) * max(0.8125rem, -1 * 0.8125rem), var(--is-medium, 1) * max(0.8125rem, -1 * 0.8125rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--pad-inline: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));display:block;position:relative;grid-column:var(--ig-col-start, auto)/span var(--ig-col-span, 1);grid-row:var(--ig-row-start, auto)/span var(--ig-row-span, 1)}:host([part=resizing]),:host([part=dragging]){background:var(--placeholder-background);border-radius:var(--border-radius)}:host([part=resizing]) igc-resize,:host([part=dragging]) igc-resize{--resize-visibility: hidden}:host([part=resizing]) igc-resize::part(active)::after,:host([part=dragging]) igc-resize::part(active)::after{border:none}[part~=tile-container]{width:100%;height:100%}[part~=base]{width:100%;height:100%;overflow:hidden}[part=content-container]{display:block;border-radius:inherit}[part=content-container] ::slotted(*){font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}:host([maximized]){position:absolute;inset:0;width:100%;height:100%;z-index:10;grid-column:unset;grid-row:unset}:host([maximized]) [part~=base]{width:100%;height:100%}[part=ghost]{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(0);z-index:10}[part=header]{display:flex;align-items:center;gap:max(var(--is-large, 1)*max(1rem, -1 * 1rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem));width:100%;padding-block:var(--pad-block);padding-inline:var(--pad-inline)}:host([disable-fullscreen][disable-maximize]) igc-divider{display:none}[part=title]{display:flex;flex-direction:column;justify-content:center;flex:1 0 0%;overflow:hidden;min-width:2ch}::slotted([slot=title]){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;min-width:2ch;margin-bottom:0;display:block}[part=actions]{display:flex;gap:.5rem;margin-inline-start:auto;flex-shrink:0}`;\n"]}
+{"version":3,"file":"tile.base.css.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/tile.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q/GAAq/G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--pad-block: max(var(--is-large, 1) * max(0.8125rem, -1 * 0.8125rem), var(--is-medium, 1) * max(0.8125rem, -1 * 0.8125rem), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem));--pad-inline: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem));display:block;position:relative;grid-column:var(--ig-col-start, auto)/span var(--ig-col-span, 1);grid-row:var(--ig-row-start, auto)/span var(--ig-row-span, 1)}:host([part=resizing]) igc-resize,:host([part=dragging]) igc-resize{--resize-visibility: hidden}:host([part=resizing]) igc-resize::part(active)::after,:host([part=dragging]) igc-resize::part(active)::after{border:none}[part~=tile-container]{width:100%;height:100%}[part~=base]{width:100%;height:100%;overflow:hidden}[part=content-container]{display:block;border-radius:inherit}[part=content-container] ::slotted(*){font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);margin:0}:host([maximized]){position:absolute;inset:0;width:100%;height:100%;z-index:10;grid-column:unset;grid-row:unset}:host([maximized]) [part~=base]{width:100%;height:100%}[part=ghost]{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(0);z-index:10}[part=header]{display:flex;align-items:center;gap:max(var(--is-large, 1)*max(1rem, -1 * 1rem),var(--is-medium, 1)*max(1rem, -1 * 1rem),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem));width:100%;padding-block:var(--pad-block);padding-inline:var(--pad-inline)}:host([disable-fullscreen][disable-maximize]) igc-divider{display:none}[part=title]{display:flex;flex-direction:column;justify-content:center;flex:1 0 0%;overflow:hidden;min-width:2ch}::slotted([slot=title]){font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;min-width:2ch;margin-bottom:0;display:block}[part=actions]{display:flex;gap:.5rem;margin-inline-start:auto;flex-shrink:0}`;\n"]}

package/components/tile-manager/tile-ghost-util.d.ts

@@ -0,0 +1,3 @@
+import type IgcTileComponent from './tile.js';
+export declare function createTileDragGhost(tile: IgcTileComponent): IgcTileComponent;
+export declare function createTileGhost(tile: IgcTileComponent): HTMLElement;

package/components/tile-manager/tile-ghost-util.js

@@ -0,0 +1,47 @@
+export function createTileDragGhost(tile) {
+    const clone = tile.cloneNode(true);
+    const computed = getComputedStyle(tile);
+    const { width, height } = tile.getBoundingClientRect();
+    Object.assign(clone, {
+        id: null,
+        inert: true,
+        position: -1,
+    });
+    Object.assign(clone.style, {
+        position: 'absolute',
+        contain: 'strict',
+        top: 0,
+        left: 0,
+        width: `${width}px`,
+        height: `${height}px`,
+        opacity: 0.6,
+        background: computed.getPropertyValue('--tile-background'),
+        border: `1px solid ${computed.getPropertyValue('--hover-border-color')}`,
+        borderRadius: computed.getPropertyValue('--border-radius'),
+        boxShadow: computed.getPropertyValue('--drag-elevation'),
+        zIndex: 1000,
+        viewTransitionName: 'dragged-tile-ghost',
+    });
+    return clone;
+}
+export function createTileGhost(tile) {
+    const element = document.createElement('div');
+    const computed = getComputedStyle(tile);
+    const { x, y, width, height } = tile.getBoundingClientRect();
+    const { scrollX, scrollY } = window;
+    Object.assign(element.style, {
+        boxSizing: 'border-box',
+        position: 'absolute',
+        contain: 'strict',
+        top: `${y + scrollY}px`,
+        left: `${x + scrollX}px`,
+        zIndex: 1000,
+        background: computed.getPropertyValue('--placeholder-background'),
+        border: `1px solid ${computed.getPropertyValue('--ghost-border')}`,
+        borderRadius: computed.getPropertyValue('--border-radius'),
+        width: `${width}px`,
+        height: `${height}px`,
+    });
+    return element;
+}
+//# sourceMappingURL=tile-ghost-util.js.map

package/components/tile-manager/tile-ghost-util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile-ghost-util.js","sourceRoot":"","sources":["../../../src/components/tile-manager/tile-ghost-util.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,mBAAmB,CAAC,IAAsB;IACxD,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAqB,CAAC;IACvD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAExC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAEvD,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;QACnB,EAAE,EAAE,IAAI;QACR,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,CAAC,CAAC;KACb,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE;QACzB,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,QAAQ;QACjB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,GAAG,KAAK,IAAI;QACnB,MAAM,EAAE,GAAG,MAAM,IAAI;QACrB,OAAO,EAAE,GAAG;QACZ,UAAU,EAAE,QAAQ,CAAC,gBAAgB,CAAC,mBAAmB,CAAC;QAC1D,MAAM,EAAE,aAAa,QAAQ,CAAC,gBAAgB,CAAC,sBAAsB,CAAC,EAAE;QACxE,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAAC,iBAAiB,CAAC;QAC1D,SAAS,EAAE,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,CAAC;QACxD,MAAM,EAAE,IAAI;QACZ,kBAAkB,EAAE,oBAAoB;KACzC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,IAAsB;IACpD,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC7D,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAEpC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE;QAC3B,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,QAAQ;QACjB,GAAG,EAAE,GAAG,CAAC,GAAG,OAAO,IAAI;QACvB,IAAI,EAAE,GAAG,CAAC,GAAG,OAAO,IAAI;QACxB,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,QAAQ,CAAC,gBAAgB,CAAC,0BAA0B,CAAC;QACjE,MAAM,EAAE,aAAa,QAAQ,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE;QAClE,YAAY,EAAE,QAAQ,CAAC,gBAAgB,CAAC,iBAAiB,CAAC;QAC1D,KAAK,EAAE,GAAG,KAAK,IAAI;QACnB,MAAM,EAAE,GAAG,MAAM,IAAI;KACtB,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["import type IgcTileComponent from './tile.js';\n\nexport function createTileDragGhost(tile: IgcTileComponent): IgcTileComponent {\n  const clone = tile.cloneNode(true) as IgcTileComponent;\n  const computed = getComputedStyle(tile);\n\n  const { width, height } = tile.getBoundingClientRect();\n\n  Object.assign(clone, {\n    id: null,\n    inert: true,\n    position: -1,\n  });\n\n  Object.assign(clone.style, {\n    position: 'absolute',\n    contain: 'strict',\n    top: 0,\n    left: 0,\n    width: `${width}px`,\n    height: `${height}px`,\n    opacity: 0.6,\n    background: computed.getPropertyValue('--tile-background'),\n    border: `1px solid ${computed.getPropertyValue('--hover-border-color')}`,\n    borderRadius: computed.getPropertyValue('--border-radius'),\n    boxShadow: computed.getPropertyValue('--drag-elevation'),\n    zIndex: 1000,\n    viewTransitionName: 'dragged-tile-ghost',\n  });\n\n  return clone;\n}\n\nexport function createTileGhost(tile: IgcTileComponent): HTMLElement {\n  const element = document.createElement('div');\n  const computed = getComputedStyle(tile);\n  const { x, y, width, height } = tile.getBoundingClientRect();\n  const { scrollX, scrollY } = window;\n\n  Object.assign(element.style, {\n    boxSizing: 'border-box',\n    position: 'absolute',\n    contain: 'strict',\n    top: `${y + scrollY}px`,\n    left: `${x + scrollX}px`,\n    zIndex: 1000,\n    background: computed.getPropertyValue('--placeholder-background'),\n    border: `1px solid ${computed.getPropertyValue('--ghost-border')}`,\n    borderRadius: computed.getPropertyValue('--border-radius'),\n    width: `${width}px`,\n    height: `${height}px`,\n  });\n\n  return element;\n}\n"]}

package/components/tile-manager/tile-manager.d.ts

@@ -1,24 +1,25 @@
 import { LitElement } from 'lit';
-import type { Constructor } from '../common/mixins/constructor.js';
 import type { TileManagerDragMode, TileManagerResizeMode } from '../types.js';
 import IgcTileComponent from './tile.js';
-export interface IgcTileManagerComponentEventMap {
-    igcTileDragStarted: CustomEvent<IgcTileComponent>;
-    igcTileDragEnded: CustomEvent<IgcTileComponent>;
-}
-declare const IgcTileManagerComponent_base: Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcTileManagerComponentEventMap>> & Constructor<LitElement>;
 /**
  * The tile manager component enables the dynamic arrangement, resizing, and interaction of tiles.
  *
  * @element igc-tile-manager
  *
- * @fires igcTileDragStarted - Fired when an owning tile begins a drag operation.
- * @fires igcTileDragEnded - Fired when an owning tile completes a drag operation, either by dropping onto a new position or canceling the drag.
+ * @slot - Default slot for the tile manager. Only `igc-tile` elements will be projected inside the CSS grid container.
+ *
+ * @csspart base - The tile manager CSS Grid container.
+ *
+ * @cssproperty --column-count - The number of columns for the tile manager. The `column-count` attribute sets this variable.
+ * @cssproperty --min-col-width - The minimum size of the columns in the tile-manager. The `min-column-width` attribute sets this variable.
+ * @cssproperty --min-row-height - The minimum size of the rows in the tile-manager. The `min-row-height` attribute sets this variable.
+ * @cssproperty --grid-gap - The gap size of the underlying CSS grid container. The `gap` attributes sts this variable.
+ *
  */
-export default class IgcTileManagerComponent extends IgcTileManagerComponent_base {
+export default class IgcTileManagerComponent extends LitElement {
     static readonly tagName = "igc-tile-manager";
     static styles: import("lit").CSSResult[];
-    protected static shadowRootOptions: ShadowRootInit;
+    static shadowRootOptions: ShadowRootInit;
     static register(): void;
     private _internalStyles;
     private _dragMode;
@@ -71,7 +72,7 @@ export default class IgcTileManagerComponent extends IgcTileManagerComponent_bas
     set minRowHeight(value: string | undefined);
     get minRowHeight(): string | undefined;
     /**
-     * Sets the gap size of the the tile manager.
+     * Sets the gap size between tiles in the tile manager.
      *
      * @attr gap
      */
@@ -83,11 +84,20 @@ export default class IgcTileManagerComponent extends IgcTileManagerComponent_bas
      */
     get tiles(): IgcTileComponent[];
     constructor();
+    protected updated(): void;
     protected firstUpdated(): void;
     private _observerCallback;
-    private _handleTileDragStart;
-    private _handleTileDragEnd;
+    /**
+     * Returns the properties of the current tile collections as a JSON payload.
+     *
+     * @remarks
+     * The content of the tiles is not serialized or saved. Only tile properties
+     * are serialized.
+     */
     saveLayout(): string;
+    /**
+     * Restores a previously serialized state produced by `saveLayout`.
+     */
     loadLayout(data: string): void;
     protected render(): import("lit-html").TemplateResult<1>;
 }
@@ -96,4 +106,3 @@ declare global {
         'igc-tile-manager': IgcTileManagerComponent;
     }
 }
-export {};

package/components/tile-manager/tile-manager.js

@@ -14,16 +14,14 @@ import { themes } from '../../theming/theming-decorator.js';
 import { tileManagerContext, } from '../common/context.js';
 import { createMutationController, } from '../common/controllers/mutation-observer.js';
 import { registerComponent } from '../common/definitions/register.js';
-import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { asNumber, partNameMap } from '../common/util.js';
 import { createTilesState } from './position.js';
 import { createSerializer } from './serializer.js';
 import { all } from './themes/container.js';
 import { styles as shared } from './themes/shared/tile-manager.common.css.js';
 import { styles } from './themes/tile-manager.base.css.js';
-import { DraggedTileAttribute } from './tile-util.js';
 import IgcTileComponent from './tile.js';
-let IgcTileManagerComponent = IgcTileManagerComponent_1 = class IgcTileManagerComponent extends EventEmitterMixin(LitElement) {
+let IgcTileManagerComponent = IgcTileManagerComponent_1 = class IgcTileManagerComponent extends LitElement {
     static register() {
         registerComponent(IgcTileManagerComponent_1, IgcTileComponent);
     }
@@ -53,7 +51,7 @@ let IgcTileManagerComponent = IgcTileManagerComponent_1 = class IgcTileManagerCo
     set columnCount(value) {
         this._columnCount = Math.max(0, asNumber(value));
         Object.assign(this._internalStyles, {
-            '--ig-column-count': this._columnCount || undefined,
+            '--column-count': this._columnCount || undefined,
         });
     }
     get columnCount() {
@@ -62,7 +60,7 @@ let IgcTileManagerComponent = IgcTileManagerComponent_1 = class IgcTileManagerCo
     set minColumnWidth(value) {
         this._minColWidth = value ?? undefined;
         Object.assign(this._internalStyles, {
-            '--ig-min-col-width': this._minColWidth,
+            '--min-col-width': this._minColWidth,
         });
     }
     get minColumnWidth() {
@@ -71,7 +69,7 @@ let IgcTileManagerComponent = IgcTileManagerComponent_1 = class IgcTileManagerCo
     set minRowHeight(value) {
         this._minRowHeight = value ?? undefined;
         Object.assign(this._internalStyles, {
-            '--ig-min-row-height': this._minRowHeight,
+            '--min-row-height': this._minRowHeight,
         });
     }
     get minRowHeight() {
@@ -80,7 +78,7 @@ let IgcTileManagerComponent = IgcTileManagerComponent_1 = class IgcTileManagerCo
     set gap(value) {
         this._gap = value ?? undefined;
         Object.assign(this._internalStyles, {
-            '--ig-gap': this._gap,
+            '--grid-gap': this._gap,
         });
     }
     get gap() {
@@ -104,12 +102,15 @@ let IgcTileManagerComponent = IgcTileManagerComponent_1 = class IgcTileManagerCo
         });
         createMutationController(this, {
             callback: this._observerCallback,
-            filter: [`${IgcTileComponent.tagName}:not([${DraggedTileAttribute}])`],
+            filter: [IgcTileComponent.tagName],
             config: {
                 childList: true,
             },
         });
     }
+    updated() {
+        this._tilesState.adjustTileGridPosition();
+    }
     firstUpdated() {
         this._tilesState.assignPositions();
         this._tilesState.assignTiles();
@@ -126,13 +127,6 @@ let IgcTileManagerComponent = IgcTileManagerComponent_1 = class IgcTileManagerCo
         }
         this._tilesState.assignTiles();
     }
-    _handleTileDragStart({ detail }) {
-        this.emitEvent('igcTileDragStarted', { detail });
-        this._setManagerContext();
-    }
-    _handleTileDragEnd({ detail }) {
-        this.emitEvent('igcTileDragEnded', { detail });
-    }
     saveLayout() {
         return this._serializer.saveAsJSON();
     }
@@ -149,8 +143,6 @@ let IgcTileManagerComponent = IgcTileManagerComponent_1 = class IgcTileManagerCo
         ${ref(this._grid)}
         style=${styleMap(this._internalStyles)}
         part=${parts}
-        @tileDragStart=${this._handleTileDragStart}
-        @tileDragEnd=${this._handleTileDragEnd}
       >
         <slot></slot>
       </div>