igniteui-webcomponents 5.2.0 → 5.3.0-alpha.0

package/components/tile-manager/themes/light/tile-manager.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +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)}`;
+//# sourceMappingURL=tile-manager.fluent.css.js.map

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

@@ -0,0 +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"]}

package/components/tile-manager/themes/light/tile-manager.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--tile-manager-background: var(--ig-tile-manager-tile-manager-background, hsl(from var(--ig-surface-500) h s l/1));--tile-background: var(--ig-tile-manager-tile-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-800) h s l/1));--header-background: var(--ig-tile-manager-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--content-background: var(--ig-tile-manager-content-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--border-color: var(--ig-tile-manager-border-color, hsl(from var(--ig-gray-400) h s l/1));--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-500) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-500) h s l/1));--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)}`;
+//# sourceMappingURL=tile-manager.indigo.css.js.map

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

@@ -0,0 +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,4iCAA4iC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tile-manager-background: var(--ig-tile-manager-tile-manager-background, hsl(from var(--ig-surface-500) h s l/1));--tile-background: var(--ig-tile-manager-tile-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-800) h s l/1));--header-background: var(--ig-tile-manager-header-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--content-background: var(--ig-tile-manager-content-background, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--border-color: var(--ig-tile-manager-border-color, hsl(from var(--ig-gray-400) h s l/1));--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-500) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-500) h s l/1));--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"]}

package/components/tile-manager/themes/light/tile-manager.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

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

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

@@ -0,0 +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"]}

package/components/tile-manager/themes/light/tile-manager.shared.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +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, hsl(from var(--ig-gray-100) h s l/1));--tile-background: var(--ig-tile-manager-tile-background, hsl(from var(--ig-surface-500) h s l/1));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-900) h s l/1));--header-background: var(--ig-tile-manager-header-background, hsl(from var(--ig-surface-500) h s l/1));--content-background: var(--ig-tile-manager-content-background, hsl(from var(--ig-surface-500) h s l/1));--content-color: var(--ig-tile-manager-content-color, hsl(from var(--ig-gray-700) h s l/1));--border-color: var(--ig-tile-manager-border-color, transparent);--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-400) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-400) h s l/1));--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, hsl(from var(--ig-primary-500) h s l/1));--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

@@ -0,0 +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,ggDAAggD,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, hsl(from var(--ig-gray-100) h s l/1));--tile-background: var(--ig-tile-manager-tile-background, hsl(from var(--ig-surface-500) h s l/1));--title-color: var(--ig-tile-manager-title-color, hsl(from var(--ig-gray-900) h s l/1));--header-background: var(--ig-tile-manager-header-background, hsl(from var(--ig-surface-500) h s l/1));--content-background: var(--ig-tile-manager-content-background, hsl(from var(--ig-surface-500) h s l/1));--content-color: var(--ig-tile-manager-content-color, hsl(from var(--ig-gray-700) h s l/1));--border-color: var(--ig-tile-manager-border-color, transparent);--hover-border-color: var(--ig-tile-manager-hover-border-color, hsl(from var(--ig-gray-400) h s l/1));--resize-indicator: var(--ig-tile-manager-resize-indicator, hsl(from var(--ig-gray-400) h s l/1));--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, hsl(from var(--ig-primary-500) h s l/1));--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/resize.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +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{--resize-visibility: hidden;display:contents}[part=resize-base]{position:relative;height:100%}[part=trigger]{display:inline-flex;visibility:var(--resize-visibility);cursor:nwse-resize;position:absolute;bottom:.125rem;right:.125rem;z-index:1}[part=trigger] igc-icon{--size: 0.5625rem !important;--ig-icon-size: 0.5625rem;--igx-icon-size: 0.5625rem}[part=trigger]:focus{outline:none}`;
+//# sourceMappingURL=resize.base.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resize.base.css.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/resize.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,60CAA60C,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{--resize-visibility: hidden;display:contents}[part=resize-base]{position:relative;height:100%}[part=trigger]{display:inline-flex;visibility:var(--resize-visibility);cursor:nwse-resize;position:absolute;bottom:.125rem;right:.125rem;z-index:1}[part=trigger] igc-icon{--size: 0.5625rem !important;--ig-icon-size: 0.5625rem;--igx-icon-size: 0.5625rem}[part=trigger]:focus{outline:none}`;\n"]}

package/components/tile-manager/themes/shared/header/tile-header.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tile-manager/themes/shared/header/tile-header.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=header]{padding-block:max(var(--is-large, 1)*max(0.5625rem, -1 * 0.5625rem),var(--is-medium, 1)*max(0.5625rem, -1 * 0.5625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}::slotted([slot=title]){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}`;
+//# sourceMappingURL=tile-header.bootstrap.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tile-header.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/header/tile-header.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ikBAAikB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=header]{padding-block:max(var(--is-large, 1)*max(0.5625rem, -1 * 0.5625rem),var(--is-medium, 1)*max(0.5625rem, -1 * 0.5625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}::slotted([slot=title]){font-family:var(--ig-h5-font-family, var(--ig-font-family));font-size:var(--ig-h5-font-size);font-weight:var(--ig-h5-font-weight);font-style:var(--ig-h5-font-style);line-height:var(--ig-h5-line-height);letter-spacing:var(--ig-h5-letter-spacing);text-transform:var(--ig-h5-text-transform);margin-top:var(--ig-h5-margin-top);margin-bottom:var(--ig-h5-margin-bottom);margin:0}`;\n"]}

package/components/tile-manager/themes/shared/header/tile-header.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=header]{background:var(--tile-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-get($theme, "divider-color")}`;
+//# sourceMappingURL=tile-header.common.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tile-header.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/header/tile-header.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uOAAuO,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=header]{background:var(--tile-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-get($theme, \"divider-color\")}`;\n"]}

package/components/tile-manager/themes/shared/header/tile-header.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tile-manager/themes/shared/header/tile-header.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=header]{padding-block:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}`;
+//# sourceMappingURL=tile-header.fluent.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tile-header.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/header/tile-header.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4KAA4K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=header]{padding-block:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}`;\n"]}

package/components/tile-manager/themes/shared/header/tile-header.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/tile-manager/themes/shared/header/tile-header.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=header]{padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}`;
+//# sourceMappingURL=tile-header.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tile-header.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/header/tile-header.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gLAAgL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=header]{padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem))}`;\n"]}

package/components/tile-manager/themes/shared/resize.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=trigger] igc-icon{color:var(--resize-indicator)}`;
+//# sourceMappingURL=resize.common.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resize.common.css.js","sourceRoot":"","sources":["../../../../../src/components/tile-manager/themes/shared/resize.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=trigger] igc-icon{color:var(--resize-indicator)}`;\n"]}

package/components/tile-manager/themes/shared/tile/tile.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}[part~=base]{background:var(--tile-background);border-radius:var(--border-radius);box-shadow:var(--resting-elevation)}[part~=base]:hover::after{content:"";position:absolute;pointer-events:none;border-radius:inherit;inset:0;width:100%;height:100%;border:.0625rem solid var(--hover-border-color)}[part~=base][part~=resizing]{opacity:.3}[part~=base][part~=resizing]:hover::after{display:none}[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{content:"";position:absolute;pointer-events:none;border-radius:inherit;inset:0;width:100%;height:100%;z-index:1000;border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}`;
+//# sourceMappingURL=tile.common.css.js.map

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

@@ -0,0 +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,s3BAAs3B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}[part~=base]{background:var(--tile-background);border-radius:var(--border-radius);box-shadow:var(--resting-elevation)}[part~=base]:hover::after{content:\"\";position:absolute;pointer-events:none;border-radius:inherit;inset:0;width:100%;height:100%;border:.0625rem solid var(--hover-border-color)}[part~=base][part~=resizing]{opacity:.3}[part~=base][part~=resizing]:hover::after{display:none}[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{content:\"\";position:absolute;pointer-events:none;border-radius:inherit;inset:0;width:100%;height:100%;z-index:1000;border:.0625rem solid var(--ghost-border);background:var(--overlay-background)}`;\n"]}

package/components/tile-manager/themes/shared/tile/tile.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=base]{border:.0625rem solid var(--border-color)}[part~=base]:hover{border:.0625rem solid var(--hover-border-color)}[part~=base]:hover::after{display:none}[part=content-container] ::slotted(*){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin:0}`;
+//# sourceMappingURL=tile.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tile.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tile-manager/themes/shared/tile/tile.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kmBAAkmB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{border:.0625rem solid var(--border-color)}[part~=base]:hover{border:.0625rem solid var(--hover-border-color)}[part~=base]:hover::after{display:none}[part=content-container] ::slotted(*){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);margin:0}`;\n"]}

package/components/tile-manager/themes/shared/tile-manager.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

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

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

@@ -0,0 +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"]}

package/components/tile-manager/themes/tile-header.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +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}[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));padding-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));padding-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))}::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;margin-bottom:0;min-width:2ch}[part=actions]{display:flex;gap:.5rem;margin-inline-start:auto}`;
+//# sourceMappingURL=tile-header.base.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tile-header.base.css.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/tile-header.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w9DAAw9D,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}[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));padding-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));padding-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))}::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;margin-bottom:0;min-width:2ch}[part=actions]{display:flex;gap:.5rem;margin-inline-start:auto}`;\n"]}

package/components/tile-manager/themes/tile-manager.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +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}`;
+//# sourceMappingURL=tile-manager.base.css.js.map

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

@@ -0,0 +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"]}

package/components/tile-manager/themes/tile.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +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;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(:hover) igc-resize{--resize-visibility: visible}:host([part=resizing]) igc-resize,:host([part=dragging]) igc-resize{--resize-visibility: hidden}[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}`;
+//# sourceMappingURL=tile.base.css.js.map

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

@@ -0,0 +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,2mEAA2mE,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;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(:hover) igc-resize{--resize-visibility: visible}:host([part=resizing]) igc-resize,:host([part=dragging]) igc-resize{--resize-visibility: hidden}[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}`;\n"]}

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

@@ -0,0 +1,2 @@
+import type { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

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

@@ -0,0 +1,14 @@
+import { css } from 'lit';
+import { styles as indigo } from './shared/tile/tile.indigo.css.js';
+const light = {
+    indigo: css `
+    ${indigo}
+  `,
+};
+const dark = {
+    indigo: css `
+    ${indigo}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=tile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tile.js","sourceRoot":"","sources":["../../../../src/components/tile-manager/themes/tile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as indigo } from './shared/tile/tile.indigo.css.js';\n\nconst light = {\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

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

@@ -0,0 +1,34 @@
+import { LitElement } from 'lit';
+/** A container for tile's header
+ * @element igc-tile-header
+ *
+ * @slot title - Renders the tile title
+ * @slot actions - Renders the tile actions
+ *
+ * @csspart header - The tile header container
+ * @csspart title - The tile title container
+ * @csspart actions - The tile actions container
+ */
+export default class IgcTileHeaderComponent extends LitElement {
+    static readonly tagName = "igc-tile-header";
+    static styles: import("lit").CSSResult[];
+    static register(): void;
+    private _tileContext?;
+    private get _tile();
+    private get _isMaximized();
+    private get _isFullscreen();
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    private handleFullscreen;
+    private handleMaximize;
+    private emitMaximizedEvent;
+    protected _renderAction({ icon, handler, }: {
+        icon: string;
+        handler: () => unknown;
+    }): import("lit-html").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-tile-header': IgcTileHeaderComponent;
+    }
+}

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

@@ -0,0 +1,106 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var IgcTileHeaderComponent_1;
+import { consume } from '@lit/context';
+import { LitElement, html, nothing } from 'lit';
+import { themes } from '../../theming/theming-decorator.js';
+import IgcIconButtonComponent from '../button/icon-button.js';
+import { tileContext } from '../common/context.js';
+import { registerComponent } from '../common/definitions/register.js';
+import IgcDividerComponent from '../divider/divider.js';
+import { all } from './themes/header.js';
+import { styles as shared } from './themes/shared/header/tile-header.common.css.js';
+import { styles } from './themes/tile-header.base.css.js';
+let IgcTileHeaderComponent = IgcTileHeaderComponent_1 = class IgcTileHeaderComponent extends LitElement {
+    static register() {
+        registerComponent(IgcTileHeaderComponent_1, IgcIconButtonComponent, IgcDividerComponent);
+    }
+    get _tile() {
+        return this._tileContext?.instance;
+    }
+    get _isMaximized() {
+        return this._tile ? this._tile.maximized : false;
+    }
+    get _isFullscreen() {
+        return this._tile ? this._tile.fullscreen : false;
+    }
+    createRenderRoot() {
+        const root = super.createRenderRoot();
+        root.addEventListener('slotchange', () => this.requestUpdate());
+        return root;
+    }
+    handleFullscreen() {
+        if (this._tileContext) {
+            this._tileContext.setFullscreenState(!this._isFullscreen, true);
+            this.requestUpdate();
+        }
+    }
+    handleMaximize() {
+        if (!this.emitMaximizedEvent()) {
+            return;
+        }
+        if (this._tile) {
+            this._tile.maximized = !this._tile.maximized;
+            this.requestUpdate();
+        }
+    }
+    emitMaximizedEvent() {
+        return this._tile?.emitEvent('igcTileMaximize', {
+            detail: { tile: this._tile, state: !this._tile.maximized },
+            cancelable: true,
+        });
+    }
+    _renderAction({ icon, handler, }) {
+        return html `
+      <igc-icon-button
+        variant="flat"
+        collection="default"
+        exportparts="icon"
+        name=${icon}
+        aria-label=${icon}
+        @click=${handler}
+      ></igc-icon-button>
+    `;
+    }
+    render() {
+        const maximize = {
+            icon: this._isMaximized ? 'collapse_content' : 'expand_content',
+            handler: this.handleMaximize,
+        };
+        const fullscreen = {
+            icon: this._isFullscreen ? 'fullscreen_exit' : 'fullscreen',
+            handler: this.handleFullscreen,
+        };
+        return html `
+      <div part="header">
+        <slot part="title" name="title"></slot>
+        <section part="actions">
+          <slot name="default-actions">
+            <slot name="maximize-action">
+              ${!this._isFullscreen ? this._renderAction(maximize) : nothing}
+            </slot>
+            <slot name="fullscreen-action">
+              ${this._renderAction(fullscreen)}
+            </slot>
+          </slot>
+          <slot name="actions"></slot>
+        </section>
+      </div>
+      <igc-divider></igc-divider>
+    `;
+    }
+};
+IgcTileHeaderComponent.tagName = 'igc-tile-header';
+IgcTileHeaderComponent.styles = [styles, shared];
+__decorate([
+    consume({ context: tileContext, subscribe: true })
+], IgcTileHeaderComponent.prototype, "_tileContext", void 0);
+IgcTileHeaderComponent = IgcTileHeaderComponent_1 = __decorate([
+    themes(all)
+], IgcTileHeaderComponent);
+export default IgcTileHeaderComponent;
+//# sourceMappingURL=tile-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tile-header.js","sourceRoot":"","sources":["../../../src/components/tile-manager/tile-header.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement, html, nothing } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcIconButtonComponent from '../button/icon-button.js';\nimport { type TileContext, tileContext } from '../common/context.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcDividerComponent from '../divider/divider.js';\nimport { all } from './themes/header.js';\nimport { styles as shared } from './themes/shared/header/tile-header.common.css.js';\nimport { styles } from './themes/tile-header.base.css.js';\n\n/** A container for tile's header\n * @element igc-tile-header\n *\n * @slot title - Renders the tile title\n * @slot actions - Renders the tile actions\n *\n * @csspart header - The tile header container\n * @csspart title - The tile title container\n * @csspart actions - The tile actions container\n */\n@themes(all)\nexport default class IgcTileHeaderComponent extends LitElement {\n  public static readonly tagName = 'igc-tile-header';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(\n      IgcTileHeaderComponent,\n      IgcIconButtonComponent,\n      IgcDividerComponent\n    );\n  }\n\n  @consume({ context: tileContext, subscribe: true })\n  private _tileContext?: TileContext;\n\n  private get _tile() {\n    return this._tileContext?.instance;\n  }\n\n  private get _isMaximized() {\n    return this._tile ? this._tile.maximized : false;\n  }\n\n  private get _isFullscreen() {\n    return this._tile ? this._tile.fullscreen : false;\n  }\n\n  protected override createRenderRoot() {\n    const root = super.createRenderRoot();\n    root.addEventListener('slotchange', () => this.requestUpdate());\n    return root;\n  }\n\n  private handleFullscreen() {\n    if (this._tileContext) {\n      this._tileContext.setFullscreenState(!this._isFullscreen, true);\n      // REVIEW: Leave the `requestUpdate` call or trigger through `setValue` from the tile context?\n      this.requestUpdate();\n    }\n  }\n\n  private handleMaximize() {\n    if (!this.emitMaximizedEvent()) {\n      return;\n    }\n\n    if (this._tile) {\n      this._tile.maximized = !this._tile.maximized;\n      // REVIEW: Leave the `requestUpdate` call or trigger through `setValue` from the tile context?\n      this.requestUpdate();\n    }\n  }\n\n  private emitMaximizedEvent() {\n    return this._tile?.emitEvent('igcTileMaximize', {\n      detail: { tile: this._tile, state: !this._tile.maximized },\n      cancelable: true,\n    });\n  }\n\n  protected _renderAction({\n    icon,\n    handler,\n  }: {\n    icon: string;\n    handler: () => unknown;\n  }) {\n    return html`\n      <igc-icon-button\n        variant=\"flat\"\n        collection=\"default\"\n        exportparts=\"icon\"\n        name=${icon}\n        aria-label=${icon}\n        @click=${handler}\n      ></igc-icon-button>\n    `;\n  }\n\n  protected override render() {\n    const maximize = {\n      icon: this._isMaximized ? 'collapse_content' : 'expand_content',\n      handler: this.handleMaximize,\n    };\n    const fullscreen = {\n      icon: this._isFullscreen ? 'fullscreen_exit' : 'fullscreen',\n      handler: this.handleFullscreen,\n    };\n\n    return html`\n      <div part=\"header\">\n        <slot part=\"title\" name=\"title\"></slot>\n        <section part=\"actions\">\n          <slot name=\"default-actions\">\n            <slot name=\"maximize-action\">\n              ${!this._isFullscreen ? this._renderAction(maximize) : nothing}\n            </slot>\n            <slot name=\"fullscreen-action\">\n              ${this._renderAction(fullscreen)}\n            </slot>\n          </slot>\n          <slot name=\"actions\"></slot>\n        </section>\n      </div>\n      <igc-divider></igc-divider>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-tile-header': IgcTileHeaderComponent;\n  }\n}\n"]}

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

@@ -0,0 +1,83 @@
+import { LitElement } from 'lit';
+import type { Constructor } from '../common/mixins/constructor.js';
+import IgcTileComponent from './tile.js';
+export interface IgcTileManagerComponentEventMap {
+    igcTileDragStarted: 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.
+ */
+export default class IgcTileManagerComponent extends IgcTileManagerComponent_base {
+    static readonly tagName = "igc-tile-manager";
+    static styles: import("lit").CSSResult[];
+    protected static shadowRootOptions: ShadowRootInit;
+    static register(): void;
+    private _internalStyles;
+    private _columnCount;
+    private _gap?;
+    private _minColWidth?;
+    private _minRowHeight?;
+    private _draggedItem;
+    private _lastSwapTile;
+    private _serializer;
+    private _tilesState;
+    private _context;
+    private _setManagerContext;
+    private _observerCallback;
+    /**
+     * Determines whether the tiles slide or swap on drop.
+     * @attr drag-mode
+     */
+    dragMode: 'slide' | 'swap';
+    /**
+     * Sets the number of columns for the tile manager.
+     * Setting value <= than zero will trigger a responsive layout.
+     *
+     * @attr column-count
+     * @default 0
+     */
+    set columnCount(value: number);
+    get columnCount(): number;
+    /**
+     * Sets the minimum width for a column unit in the tile manager.
+     * @attr min-column-width
+     */
+    set minColumnWidth(value: string | undefined);
+    get minColumnWidth(): string | undefined;
+    /**
+     * Sets the minimum height for a row unit in the tile manager.
+     * @attr min-row-height
+     */
+    set minRowHeight(value: string | undefined);
+    get minRowHeight(): string | undefined;
+    /**
+     * Sets the gap size of the the tile manager.
+     */
+    set gap(value: string | undefined);
+    get gap(): string | undefined;
+    /**
+     * Gets the tiles sorted by their position in the layout.
+     * @attr
+     */
+    get tiles(): IgcTileComponent[];
+    constructor();
+    protected firstUpdated(): void;
+    private handleTileDragStart;
+    private handleTileDragEnd;
+    private handleDragOver;
+    private handleDrop;
+    saveLayout(): string;
+    loadLayout(data: string): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-tile-manager': IgcTileManagerComponent;
+    }
+}
+export {};