igniteui-webcomponents 7.2.4 → 7.3.0-beta.0

package/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0lCAA0lC,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--item-border-radius: var(--ig-nav-drawer-item-border-radius, 0);--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-primary-600));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-800));--item-hover-background: var(--ig-nav-drawer-item-hover-background, var(--ig-gray-100));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-active-background: var(--ig-nav-drawer-item-active-background, var(--ig-gray-200));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-700));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-gray-900));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-200));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-primary-500));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-800));--ig-theme: fluent;--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: fluent;--ig-theme-variant: light}`;\n  "]}
+{"version":3,"file":"nav-drawer.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.fluent.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gpCAAgpC,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--size--mini: var(--ig-nav-drawer-size--mini, 2.5rem);--item-border-radius: var(--ig-nav-drawer-item-border-radius, 0);--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-primary-600));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-800));--item-hover-background: var(--ig-nav-drawer-item-hover-background, var(--ig-gray-100));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-active-background: var(--ig-nav-drawer-item-active-background, var(--ig-gray-200));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-700));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-gray-900));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-200));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-primary-500));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-800));--ig-theme: fluent;--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: fluent;--ig-theme-variant: light}`;\n  "]}

package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-600));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-300) h s l/0.3));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-500));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-700));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--ig-theme: indigo;--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: indigo;--ig-theme-variant: light}`;
+export const styles = css `:host{--size--mini: var(--ig-nav-drawer-size--mini, 3rem);--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-600));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-300) h s l/0.3));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-500));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-700));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--ig-theme: indigo;--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: indigo;--ig-theme-variant: light}`;
 //# sourceMappingURL=nav-drawer.indigo.css.js.map

package/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s6CAAs6C,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-600));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-300) h s l/0.3));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-500));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-700));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--ig-theme: indigo;--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: indigo;--ig-theme-variant: light}`;\n  "]}
+{"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,09CAA09C,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--size--mini: var(--ig-nav-drawer-size--mini, 3rem);--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-nav-drawer-border-color, var(--ig-gray-300));--item-header-text-color: var(--ig-nav-drawer-item-header-text-color, var(--ig-gray-600));--item-text-color: var(--ig-nav-drawer-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-nav-drawer-item-icon-color, var(--ig-gray-600));--item-active-background: var(--ig-nav-drawer-item-active-background, hsl(from var(--ig-primary-300) h s l/0.3));--item-active-text-color: var(--ig-nav-drawer-item-active-text-color, var(--ig-primary-500));--item-active-icon-color: var(--ig-nav-drawer-item-active-icon-color, var(--ig-primary-500));--item-hover-background: var(--ig-nav-drawer-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-hover-text-color: var(--ig-nav-drawer-item-hover-text-color, var(--ig-gray-900));--item-hover-icon-color: var(--ig-nav-drawer-item-hover-icon-color, var(--ig-gray-700));--item-border-radius: var(--ig-nav-drawer-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.25rem), 0.25rem));--ig-theme: indigo;--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme: indigo;--ig-theme-variant: light}`;\n  "]}

package/components/nav-drawer/themes/light/container/nav-drawer.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--ig-nav-drawer-background, var(--ig-surface-500));--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-400));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-400));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme-variant: light}`;
+export const styles = css `:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--size: var(--ig-nav-drawer-size, 15rem);--size--mini: var(--ig-nav-drawer-size--mini, 3.5rem);--background: var(--ig-nav-drawer-background, var(--ig-surface-500));--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-400));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-400));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme-variant: light}`;
 //# sourceMappingURL=nav-drawer.shared.css.js.map

package/components/nav-drawer/themes/light/container/nav-drawer.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.shared.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,slBAAslB,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--background: var(--ig-nav-drawer-background, var(--ig-surface-500));--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-400));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-400));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme-variant: light}`;\n  "]}
+{"version":3,"file":"nav-drawer.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/light/container/nav-drawer.shared.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qrBAAqrB,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--elevation: var(--ig-nav-drawer-elevation, var(--ig-elevation-0));--size: var(--ig-nav-drawer-size, 15rem);--size--mini: var(--ig-nav-drawer-size--mini, 3.5rem);--background: var(--ig-nav-drawer-background, var(--ig-surface-500));--item-disabled-text-color: var(--ig-nav-drawer-item-disabled-text-color, var(--ig-gray-400));--item-disabled-icon-color: var(--ig-nav-drawer-item-disabled-icon-color, var(--ig-gray-400));--border-radius: var(--ig-nav-drawer-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 2.25rem), 2.25rem));--ig-theme-variant: light;--background-color: var(--ig-overlay-background-color, hsl(from var(--ig-gray-500) h s l/0.54));--ig-theme-variant: light}`;\n  "]}

package/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--menu-mini-width: 5.5rem}[part=mini],[part=main]{padding:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}`;
+export const styles = css `[part=mini],[part=main]{padding:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}`;
 //# sourceMappingURL=nav-drawer.bootstrap.css.js.map

package/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2XAA2X,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--menu-mini-width: 5.5rem}[part=mini],[part=main]{padding:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}`;\n  "]}
+{"version":3,"file":"nav-drawer.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/container/nav-drawer.bootstrap.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2VAA2V,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`[part=mini],[part=main]{padding:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}`;\n  "]}

package/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--menu-mini-width: 3rem}:host [part=base]::backdrop{background:var(--background-color)}:host [part=mini],:host [part=main]{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}`;
+export const styles = css `:host [part=base]::backdrop{background:var(--background-color)}:host [part=mini],:host [part=main]{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}`;
 //# sourceMappingURL=nav-drawer.indigo.css.js.map

package/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gdAAgd,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--menu-mini-width: 3rem}:host [part=base]::backdrop{background:var(--background-color)}:host [part=mini],:host [part=main]{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}`;\n  "]}
+{"version":3,"file":"nav-drawer.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/container/nav-drawer.indigo.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kbAAkb,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host [part=base]::backdrop{background:var(--background-color)}:host [part=mini],:host [part=main]{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}`;\n  "]}

package/components/nav-drawer/themes/shared/container/nav-drawer.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--menu-mini-width: 3.5rem}[part=mini],[part=main]{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}`;
+export const styles = css `[part=mini],[part=main]{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}`;
 //# sourceMappingURL=nav-drawer.material.css.js.map

package/components/nav-drawer/themes/shared/container/nav-drawer.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-drawer.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/container/nav-drawer.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uYAAuY,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`:host{--menu-mini-width: 3.5rem}[part=mini],[part=main]{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}`;\n  "]}
+{"version":3,"file":"nav-drawer.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/nav-drawer/themes/shared/container/nav-drawer.material.css.ts"],"names":[],"mappings":"AACE,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uWAAuW,CAAC","sourcesContent":["\n  import { css } from 'lit';\n  export const styles = css`[part=mini],[part=main]{padding:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}`;\n  "]}

package/components/navbar/navbar.js

@@ -1,6 +1,6 @@
 import { html, LitElement } from 'lit';
-import { addThemingController } from '../../theming/theming-controller.js';
-import { registerComponent } from '../common/definitions/register.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { addThemingController } from '#theming/theming-controller.js';
 import { styles } from './themes/navbar.base.css.js';
 import { styles as shared } from './themes/shared/navbar.common.css.js';
 import { all } from './themes/themes.js';

package/components/navbar/navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAiBzC,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,UAAU;aACjC,YAAO,GAAG,YAAY,CAAC;aACvB,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACxC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;KAYV,CAAC;IACJ,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/navbar.base.css.js';\nimport { styles as shared } from './themes/shared/navbar.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * A navigation bar component is used to facilitate navigation through\n * a series of hierarchical screens within an app.\n *\n * @element igc-navbar\n *\n * @slot - Renders a title inside the default slot.\n * @slot start - Renders left aligned icons.\n * @slot end - Renders right aligned action icons.\n *\n * @csspart base - The base wrapper of the navigation bar.\n * @csspart start - The left aligned icon container.\n * @csspart middle - The navigation bar title container.\n * @csspart end - The right aligned action icons container.\n */\nexport default class IgcNavbarComponent extends LitElement {\n  public static readonly tagName = 'igc-navbar';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcNavbarComponent);\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\">\n        <span part=\"start\">\n          <slot name=\"start\"></slot>\n        </span>\n        <span part=\"middle\">\n          <slot></slot>\n        </span>\n        <span part=\"end\">\n          <slot name=\"end\"></slot>\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-navbar': IgcNavbarComponent;\n  }\n}\n"]}
+{"version":3,"file":"navbar.js","sourceRoot":"","sources":["../../../src/components/navbar/navbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAiBzC,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,UAAU;aACjC,YAAO,GAAG,YAAY,CAAC;aACvB,WAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAG1C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACxC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;;KAYV,CAAC;IACJ,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport { styles } from './themes/navbar.base.css.js';\nimport { styles as shared } from './themes/shared/navbar.common.css.js';\nimport { all } from './themes/themes.js';\n\n/**\n * A navigation bar component is used to facilitate navigation through\n * a series of hierarchical screens within an app.\n *\n * @element igc-navbar\n *\n * @slot - Renders a title inside the default slot.\n * @slot start - Renders left aligned icons.\n * @slot end - Renders right aligned action icons.\n *\n * @csspart base - The base wrapper of the navigation bar.\n * @csspart start - The left aligned icon container.\n * @csspart middle - The navigation bar title container.\n * @csspart end - The right aligned action icons container.\n */\nexport default class IgcNavbarComponent extends LitElement {\n  public static readonly tagName = 'igc-navbar';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcNavbarComponent);\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\">\n        <span part=\"start\">\n          <slot name=\"start\"></slot>\n        </span>\n        <span part=\"middle\">\n          <slot></slot>\n        </span>\n        <span part=\"end\">\n          <slot name=\"end\"></slot>\n        </span>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-navbar': IgcNavbarComponent;\n  }\n}\n"]}

package/components/navbar/themes/themes.d.ts

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

package/components/navbar/themes/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/navbar/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEjE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;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// Dark Overrides\nimport { styles as bootstrapDark } from './dark/navbar.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/navbar.fluent.css.js';\nimport { styles as indigoDark } from './dark/navbar.indigo.css.js';\nimport { styles as materialDark } from './dark/navbar.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/navbar.bootstrap.css.js';\nimport { styles as fluentLight } from './light/navbar.fluent.css.js';\nimport { styles as indigoLight } from './light/navbar.indigo.css.js';\nimport { styles as materialLight } from './light/navbar.material.css.js';\nimport { styles as shared } from './light/navbar.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/navbar.bootstrap.css.js';\nimport { styles as fluent } from './shared/navbar.fluent.css.js';\nimport { styles as indigo } from './shared/navbar.indigo.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/navbar/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEjE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;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// Dark Overrides\nimport { styles as bootstrapDark } from './dark/navbar.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/navbar.fluent.css.js';\nimport { styles as indigoDark } from './dark/navbar.indigo.css.js';\nimport { styles as materialDark } from './dark/navbar.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/navbar.bootstrap.css.js';\nimport { styles as fluentLight } from './light/navbar.fluent.css.js';\nimport { styles as indigoLight } from './light/navbar.indigo.css.js';\nimport { styles as materialLight } from './light/navbar.material.css.js';\nimport { styles as shared } from './light/navbar.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/navbar.bootstrap.css.js';\nimport { styles as fluent } from './shared/navbar.fluent.css.js';\nimport { styles as indigo } from './shared/navbar.indigo.css.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/popover/popover.d.ts

@@ -14,10 +14,11 @@ export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bot
 export default class IgcPopoverComponent extends LitElement {
     static readonly tagName = "igc-popover";
     static styles: import("lit").CSSResult;
-    private static _oppositeArrowSide;
     static register(): void;
     private _dispose?;
     private _target?;
+    private _middleware?;
+    private _positionId;
     /**
      * The positioning strategy resolved when the popover is opened. The `fixed`
      * strategy is used when the anchor has a `position: sticky` ancestor, otherwise
@@ -76,16 +77,22 @@ export default class IgcPopoverComponent extends LitElement {
      */
     shiftPadding: number;
     protected update(properties: PropertyValues<this>): void;
+    protected firstUpdated(): void;
     /** @internal */
     connectedCallback(): void;
     /** @internal */
     disconnectedCallback(): void;
     private _handleSlotChange;
+    private _handleToggle;
+    /**
+     * An unresolved IDREF keeps the current target, so that an anchor rendered
+     * after this popover is picked up the next time it opens.
+     */
+    private _resolveTarget;
     private _setOpenState;
     private _setPopoverState;
-    private _setDispose;
     private _clearDispose;
-    private _resetAutoUpdate;
+    private get _placement();
     private _createMiddleware;
     private _updatePosition;
     private _updateArrowPosition;

package/components/popover/popover.js

@@ -7,25 +7,23 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { arrow, autoUpdate, computePosition, flip, inline, limitShift, offset, shift, size, } from '@floating-ui/dom';
 import { html, LitElement } from 'lit';
 import { property, query } from 'lit/decorators.js';
-import { addSlotController, setSlots, } from '../common/controllers/slot.js';
-import { registerComponent } from '../common/definitions/register.js';
-import { first, getElementByIdFromRoot, getRoot, isString, roundByDPR, setStyles, } from '../common/util.js';
+import { addSlotController, setSlots, } from '#internals/controllers/slot.js';
+import { registerComponent } from '#internals/definitions/register.js';
+import { firstOf } from '#internals/utils/arrays.js';
+import { getElementByIdFromRoot, hasStickyAncestor, isPopoverOpen, roundByDPR, setStyles, } from '#internals/utils/dom.js';
+import { isString } from '#internals/utils/types.js';
 import { styles } from './themes/light/popover.base.css.js';
-function hasStickyAncestor(element) {
-    let node = element;
-    while (node) {
-        if (getComputedStyle(node).position === 'sticky') {
-            return true;
-        }
-        const root = getRoot(node);
-        node =
-            node.parentElement ?? (root instanceof ShadowRoot ? root.host : null);
-    }
-    return false;
-}
+const OPPOSITE_SIDE = {
+    top: 'bottom',
+    right: 'left',
+    bottom: 'top',
+    left: 'right',
+};
+const SIDES = Object.keys(OPPOSITE_SIDE);
 export default class IgcPopoverComponent extends LitElement {
     constructor() {
         super(...arguments);
+        this._positionId = 0;
         this._strategy = 'absolute';
         this._slots = addSlotController(this, {
             slots: setSlots('anchor'),
@@ -44,123 +42,126 @@ export default class IgcPopoverComponent extends LitElement {
     }
     static { this.tagName = 'igc-popover'; }
     static { this.styles = styles; }
-    static { this._oppositeArrowSide = new Map(Object.entries({
-        top: 'bottom',
-        right: 'left',
-        bottom: 'top',
-        left: 'right',
-    })); }
     static register() {
         registerComponent(IgcPopoverComponent);
     }
     update(properties) {
-        let targetChanged = false;
-        if (properties.has('anchor')) {
-            const target = isString(this.anchor)
-                ? getElementByIdFromRoot(this, this.anchor)
-                : this.anchor;
-            if (target) {
-                this._target = target;
-                targetChanged = true;
+        if (this.hasUpdated) {
+            this._middleware = undefined;
+            if (properties.has('sameWidth') && !this.sameWidth) {
+                setStyles(this._container, { width: '' });
+            }
+            if (properties.has('open') || properties.has('anchor')) {
+                this._setOpenState(this.open);
+            }
+            else if (this.open) {
+                this._updatePosition();
             }
-        }
-        if (this.hasUpdated && properties.has('open')) {
-            this._setOpenState(this.open);
-        }
-        else if (this.hasUpdated && this.open) {
-            targetChanged ? this._resetAutoUpdate() : this._updatePosition();
         }
         super.update(properties);
     }
+    firstUpdated() {
+        this._setOpenState(this.open);
+    }
     connectedCallback() {
         super.connectedCallback();
-        this.updateComplete.then(() => {
+        if (this.hasUpdated) {
             this._setOpenState(this.open);
-        });
+        }
     }
     disconnectedCallback() {
         super.disconnectedCallback();
         this._setOpenState(false);
     }
     _handleSlotChange({ isDefault, }) {
-        if (isDefault) {
+        if (isDefault || this.anchor) {
             return;
         }
-        const possibleTarget = first(this._slots.getAssignedElements('anchor', { flatten: true }));
-        if (this.anchor || !possibleTarget) {
-            return;
+        this._setOpenState(this.open);
+    }
+    _handleToggle() {
+        if (!isPopoverOpen(this._container)) {
+            this._clearDispose();
         }
-        this._target = possibleTarget;
-        if (this.open) {
-            this._resetAutoUpdate();
+    }
+    _resolveTarget() {
+        if (isString(this.anchor)) {
+            return getElementByIdFromRoot(this, this.anchor) ?? this._target;
         }
+        return (this.anchor ??
+            firstOf(this._slots.getAssignedElements('anchor', { flatten: true })));
     }
     _setOpenState(state) {
-        state ? this._setDispose() : this._clearDispose();
+        this._clearDispose();
+        if (state) {
+            this._target = this._resolveTarget();
+            if (this._target) {
+                this._strategy = hasStickyAncestor(this._target) ? 'fixed' : 'absolute';
+                this._dispose = autoUpdate(this._target, this._container, this._updatePosition.bind(this));
+            }
+        }
         this._setPopoverState(state);
     }
-    _setPopoverState(open) {
-        if (!this._target) {
+    _setPopoverState(state) {
+        const container = this._container;
+        if (!container) {
             return;
         }
-        open ? this._container?.showPopover() : this._container?.hidePopover();
-    }
-    _setDispose() {
-        if (!this._target) {
-            return;
+        const shouldOpen = state && this._target != null;
+        if (shouldOpen !== isPopoverOpen(container)) {
+            shouldOpen ? container.showPopover() : container.hidePopover();
         }
-        this._strategy = hasStickyAncestor(this._target) ? 'fixed' : 'absolute';
-        this._dispose = autoUpdate(this._target, this._container, this._updatePosition.bind(this));
     }
     _clearDispose() {
         this._dispose?.();
         this._dispose = undefined;
     }
-    _resetAutoUpdate() {
-        this._clearDispose();
-        this._setDispose();
+    get _placement() {
+        return this.placement ?? 'bottom-start';
     }
     _createMiddleware() {
-        const middleware = [];
-        const container = this._container;
-        if (this.offset) {
-            middleware.push(offset(this.offset));
-        }
-        if (this.inline) {
-            middleware.push(inline());
-        }
-        if (this.shift) {
-            middleware.push(shift({
-                padding: this.shiftPadding,
-                limiter: limitShift(),
-            }));
-        }
-        if (this.arrow) {
-            middleware.push(arrow({ element: this.arrow }));
-        }
-        if (this.flip) {
-            middleware.push(flip());
-        }
-        if (this.sameWidth) {
-            middleware.push(size({
-                apply: ({ rects }) => setStyles(container, { width: `${rects.reference.width}px` }),
-            }));
-        }
-        else {
-            setStyles(container, { width: '' });
-        }
-        return middleware;
+        const shiftMiddleware = this.shift
+            ? shift({ padding: this.shiftPadding, limiter: limitShift() })
+            : null;
+        const flipMiddleware = this.flip ? flip() : null;
+        const positioners = this._placement.includes('-')
+            ? [flipMiddleware, shiftMiddleware]
+            : [shiftMiddleware, flipMiddleware];
+        const chain = [
+            this.offset !== 0 ? offset(this.offset) : null,
+            this.inline ? inline() : null,
+            ...positioners,
+            this.sameWidth
+                ? size({
+                    apply: ({ rects }) => setStyles(this._container, {
+                        width: `${rects.reference.width}px`,
+                    }),
+                })
+                : null,
+            this.arrow ? arrow({ element: this.arrow }) : null,
+        ];
+        return chain.filter((entry) => entry !== null);
     }
     async _updatePosition() {
-        if (!(this.open && this._target)) {
+        if (!this.open) {
             return;
         }
+        if (!this._target?.isConnected) {
+            this._target = undefined;
+            this._clearDispose();
+            this._setPopoverState(false);
+            return;
+        }
+        const positionId = ++this._positionId;
         const strategy = this._strategy;
         const { x, y, middlewareData, placement } = await computePosition(this._target, this._container, {
-            placement: this.placement ?? 'bottom-start',
-            middleware: this._createMiddleware(),
+            placement: this._placement,
+            middleware: (this._middleware ??= this._createMiddleware()),
             strategy,
         });
+        if (positionId !== this._positionId || !this.open) {
+            return;
+        }
         setStyles(this._container, {
             position: strategy,
             left: '0',
@@ -170,25 +171,39 @@ export default class IgcPopoverComponent extends LitElement {
         this._updateArrowPosition(placement, middlewareData);
     }
     _updateArrowPosition(placement, data) {
-        if (!(data.arrow && this.arrow)) {
+        const element = this.arrow;
+        if (!(data.arrow && element)) {
             return;
         }
         const { x, y } = data.arrow;
-        const arrow = this.arrow;
         const offset = this.arrowOffset;
-        const currentPlacement = first(placement.split('-'));
-        const staticSide = IgcPopoverComponent._oppositeArrowSide.get(currentPlacement);
-        arrow.part = currentPlacement;
-        setStyles(arrow, {
-            left: x != null ? `${roundByDPR(x + offset)}px` : '',
+        const [side] = placement.split('-');
+        const staticSide = OPPOSITE_SIDE[side];
+        if (!element.part.contains(side)) {
+            element.part.remove(...SIDES);
+            element.part.add(side);
+        }
+        const inset = staticSide === 'top' || staticSide === 'bottom'
+            ? element.offsetHeight
+            : element.offsetWidth;
+        const styles = {
             top: y != null ? `${roundByDPR(y + offset)}px` : '',
-            [staticSide]: '-4px',
-        });
+            right: '',
+            bottom: '',
+            left: x != null ? `${roundByDPR(x + offset)}px` : '',
+        };
+        styles[staticSide] = `${-inset}px`;
+        setStyles(element, styles);
     }
     render() {
         return html `
       <slot name="anchor"></slot>
-      <div id="container" part="container" popover="manual">
+      <div
+        id="container"
+        part="container"
+        popover="manual"
+        @toggle=${this._handleToggle}
+      >
         <slot></slot>
       </div>
     `;

package/components/popover/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  arrow,\n  autoUpdate,\n  computePosition,\n  flip,\n  inline,\n  limitShift,\n  type Middleware,\n  type MiddlewareData,\n  offset,\n  type Placement,\n  shift,\n  size,\n} from '@floating-ui/dom';\nimport { html, LitElement, type PropertyValues } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport {\n  addSlotController,\n  type SlotChangeCallbackParameters,\n  setSlots,\n} from '../common/controllers/slot.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  first,\n  getElementByIdFromRoot,\n  getRoot,\n  isString,\n  roundByDPR,\n  setStyles,\n} from '../common/util.js';\nimport { styles } from './themes/light/popover.base.css.js';\n\n/**\n * Describes the preferred placement of a toggle component.\n */\nexport type PopoverPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n\n/**\n * Walks up the DOM tree of the given element, crossing shadow boundaries, and\n * returns whether any ancestor is positioned as `sticky`.\n */\nfunction hasStickyAncestor(element: Element): boolean {\n  let node: Element | null = element;\n\n  while (node) {\n    if (getComputedStyle(node).position === 'sticky') {\n      return true;\n    }\n\n    const root = getRoot(node);\n    node =\n      node.parentElement ?? (root instanceof ShadowRoot ? root.host : null);\n  }\n\n  return false;\n}\n\n/* blazorSuppress */\n/**\n * @element igc-popover\n *\n * @slot - Content of the popover.\n * @slot anchor - The element the popover will be anchored to.\n *\n * @csspart container - The container wrapping the slotted content in the popover.\n */\nexport default class IgcPopoverComponent extends LitElement {\n  public static readonly tagName = 'igc-popover';\n  public static override styles = styles;\n\n  private static _oppositeArrowSide = new Map(\n    Object.entries({\n      top: 'bottom',\n      right: 'left',\n      bottom: 'top',\n      left: 'right',\n    })\n  );\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcPopoverComponent);\n  }\n\n  //#region Internal properties and state\n\n  private _dispose?: ReturnType<typeof autoUpdate>;\n  private _target?: Element;\n\n  /**\n   * The positioning strategy resolved when the popover is opened. The `fixed`\n   * strategy is used when the anchor has a `position: sticky` ancestor, otherwise\n   * the default `absolute` strategy is used. Cached here to avoid repeated DOM\n   * traversals and style reflows on every scroll/resize reposition.\n   *\n   * Also, time to migrate to CSS Anchor positioning!!!\n   */\n  private _strategy: 'absolute' | 'fixed' = 'absolute';\n\n  private readonly _slots = addSlotController(this, {\n    slots: setSlots('anchor'),\n    onChange: this._handleSlotChange,\n  });\n\n  @query('#container', true)\n  private readonly _container!: HTMLElement;\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /**\n   * Pass an IDREF or an DOM element reference to use as the\n   * anchor target for the floating element.\n   */\n  @property()\n  public anchor?: Element | string;\n\n  /**\n   * Element to render as an \"arrow\" element for the current popover.\n   */\n  @property({ attribute: false })\n  public arrow: HTMLElement | null = null;\n\n  /** Additional offset to apply to the arrow element if enabled. */\n  @property({ type: Number, attribute: 'arrow-offset' })\n  public arrowOffset = 0;\n\n  /**\n   * Improves positioning for inline reference elements that span over multiple lines.\n   * Useful for tooltips or similar components.\n   */\n  @property({ type: Boolean, reflect: true })\n  public inline = false;\n\n  /**\n   * When enabled this changes the placement of the floating element in order to keep it\n   * in view along the main axis.\n   */\n  @property({ type: Boolean, reflect: true })\n  public flip = false;\n\n  /**\n   * Placement modifier which translates the floating element along the main axis.\n   */\n  @property({ type: Number })\n  public offset = 0;\n\n  /**\n   * The visibility state of the popover component.\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Where to place the floating element relative to the parent anchor element.\n   */\n  @property()\n  public placement: PopoverPlacement = 'bottom-start';\n\n  /**\n   * When enabled the floating element will match the width of its parent anchor element.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'same-width' })\n  public sameWidth = false;\n\n  /**\n   * When enabled this tries to shift the floating element along the main axis\n   * keeping it in view, preventing overflow while maintaining the desired placement.\n   */\n  @property({ type: Boolean, reflect: true })\n  public shift = false;\n\n  /**\n   * Virtual padding for the resolved overflow detection offsets in pixels.\n   */\n  @property({ type: Number, attribute: 'shift-padding' })\n  public shiftPadding = 0;\n\n  //#endregion\n\n  //#region Life-cycle hooks\n\n  protected override update(properties: PropertyValues<this>): void {\n    let targetChanged = false;\n\n    if (properties.has('anchor')) {\n      const target = isString(this.anchor)\n        ? getElementByIdFromRoot(this, this.anchor)\n        : this.anchor;\n\n      if (target) {\n        this._target = target;\n        targetChanged = true;\n      }\n    }\n\n    if (this.hasUpdated && properties.has('open')) {\n      this._setOpenState(this.open);\n    } else if (this.hasUpdated && this.open) {\n      targetChanged ? this._resetAutoUpdate() : this._updatePosition();\n    }\n\n    super.update(properties);\n  }\n\n  /** @internal */\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.updateComplete.then(() => {\n      this._setOpenState(this.open);\n    });\n  }\n\n  /** @internal */\n  public override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._setOpenState(false);\n  }\n\n  //#endregion\n\n  private _handleSlotChange({\n    isDefault,\n  }: SlotChangeCallbackParameters<unknown>): void {\n    if (isDefault) {\n      return;\n    }\n\n    const possibleTarget = first(\n      this._slots.getAssignedElements('anchor', { flatten: true })\n    );\n\n    if (this.anchor || !possibleTarget) {\n      return;\n    }\n\n    this._target = possibleTarget;\n\n    if (this.open) {\n      this._resetAutoUpdate();\n    }\n  }\n\n  //#region Internal open state API\n  private _setOpenState(state: boolean): void {\n    state ? this._setDispose() : this._clearDispose();\n    this._setPopoverState(state);\n  }\n\n  private _setPopoverState(open: boolean): void {\n    if (!this._target) {\n      return;\n    }\n    open ? this._container?.showPopover() : this._container?.hidePopover();\n  }\n\n  private _setDispose(): void {\n    if (!this._target) {\n      return;\n    }\n\n    this._strategy = hasStickyAncestor(this._target) ? 'fixed' : 'absolute';\n\n    this._dispose = autoUpdate(\n      this._target,\n      this._container,\n      this._updatePosition.bind(this)\n    );\n  }\n\n  private _clearDispose(): void {\n    this._dispose?.();\n    this._dispose = undefined;\n  }\n\n  private _resetAutoUpdate(): void {\n    this._clearDispose();\n    this._setDispose();\n  }\n  //#endregion\n\n  //#region Internal position API\n\n  private _createMiddleware(): Middleware[] {\n    const middleware: Middleware[] = [];\n    const container = this._container;\n\n    if (this.offset) {\n      middleware.push(offset(this.offset));\n    }\n\n    if (this.inline) {\n      middleware.push(inline());\n    }\n\n    if (this.shift) {\n      middleware.push(\n        shift({\n          padding: this.shiftPadding,\n          limiter: limitShift(),\n        })\n      );\n    }\n\n    if (this.arrow) {\n      middleware.push(arrow({ element: this.arrow }));\n    }\n\n    if (this.flip) {\n      middleware.push(flip());\n    }\n\n    if (this.sameWidth) {\n      middleware.push(\n        size({\n          apply: ({ rects }) =>\n            setStyles(container, { width: `${rects.reference.width}px` }),\n        })\n      );\n    } else {\n      setStyles(container, { width: '' });\n    }\n\n    return middleware;\n  }\n\n  private async _updatePosition(): Promise<void> {\n    if (!(this.open && this._target)) {\n      return;\n    }\n\n    const strategy = this._strategy;\n\n    const { x, y, middlewareData, placement } = await computePosition(\n      this._target,\n      this._container,\n      {\n        placement: this.placement ?? 'bottom-start',\n        middleware: this._createMiddleware(),\n        strategy,\n      }\n    );\n\n    setStyles(this._container, {\n      position: strategy,\n      left: '0',\n      top: '0',\n      transform: `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`,\n    });\n\n    this._updateArrowPosition(placement, middlewareData);\n  }\n\n  private _updateArrowPosition(placement: Placement, data: MiddlewareData) {\n    if (!(data.arrow && this.arrow)) {\n      return;\n    }\n\n    const { x, y } = data.arrow;\n    const arrow = this.arrow;\n    const offset = this.arrowOffset;\n\n    // The current placement of the popover along the x/y axis\n    const currentPlacement = first(placement.split('-'));\n\n    // The opposite side where the arrow element should render based on the `currentPlacement`\n    const staticSide =\n      IgcPopoverComponent._oppositeArrowSide.get(currentPlacement)!;\n\n    arrow.part = currentPlacement;\n\n    setStyles(arrow, {\n      left: x != null ? `${roundByDPR(x + offset)}px` : '',\n      top: y != null ? `${roundByDPR(y + offset)}px` : '',\n      [staticSide]: '-4px',\n    });\n  }\n\n  //#endregion\n\n  protected override render() {\n    return html`\n      <slot name=\"anchor\"></slot>\n      <div id=\"container\" part=\"container\" popover=\"manual\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-popover': IgcPopoverComponent;\n  }\n}\n"]}
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  arrow,\n  autoUpdate,\n  computePosition,\n  flip,\n  inline,\n  limitShift,\n  type Middleware,\n  type MiddlewareData,\n  offset,\n  type Placement,\n  shift,\n  size,\n} from '@floating-ui/dom';\nimport { html, LitElement, type PropertyValues } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport {\n  addSlotController,\n  type SlotChangeCallbackParameters,\n  setSlots,\n} from '#internals/controllers/slot.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { firstOf } from '#internals/utils/arrays.js';\nimport {\n  getElementByIdFromRoot,\n  hasStickyAncestor,\n  isPopoverOpen,\n  roundByDPR,\n  setStyles,\n} from '#internals/utils/dom.js';\nimport { isString } from '#internals/utils/types.js';\nimport { styles } from './themes/light/popover.base.css.js';\n\n/**\n * Describes the preferred placement of a toggle component.\n */\nexport type PopoverPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n\nconst OPPOSITE_SIDE = {\n  top: 'bottom',\n  right: 'left',\n  bottom: 'top',\n  left: 'right',\n} as const;\n\ntype PopoverSide = keyof typeof OPPOSITE_SIDE;\n\nconst SIDES = Object.keys(OPPOSITE_SIDE) as PopoverSide[];\n\n/* blazorSuppress */\n/**\n * @element igc-popover\n *\n * @slot - Content of the popover.\n * @slot anchor - The element the popover will be anchored to.\n *\n * @csspart container - The container wrapping the slotted content in the popover.\n */\nexport default class IgcPopoverComponent extends LitElement {\n  public static readonly tagName = 'igc-popover';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcPopoverComponent);\n  }\n\n  //#region Internal properties and state\n\n  private _dispose?: ReturnType<typeof autoUpdate>;\n  private _target?: Element;\n  private _middleware?: Middleware[];\n  private _positionId = 0;\n\n  /**\n   * The positioning strategy resolved when the popover is opened. The `fixed`\n   * strategy is used when the anchor has a `position: sticky` ancestor, otherwise\n   * the default `absolute` strategy is used. Cached here to avoid repeated DOM\n   * traversals and style reflows on every scroll/resize reposition.\n   *\n   * Also, time to migrate to CSS Anchor positioning!!!\n   */\n  private _strategy: 'absolute' | 'fixed' = 'absolute';\n\n  private readonly _slots = addSlotController(this, {\n    slots: setSlots('anchor'),\n    onChange: this._handleSlotChange,\n  });\n\n  @query('#container', true)\n  private readonly _container!: HTMLElement;\n\n  //#endregion\n\n  //#region Public attributes and properties\n\n  /**\n   * Pass an IDREF or an DOM element reference to use as the\n   * anchor target for the floating element.\n   */\n  @property()\n  public anchor?: Element | string;\n\n  /**\n   * Element to render as an \"arrow\" element for the current popover.\n   */\n  @property({ attribute: false })\n  public arrow: HTMLElement | null = null;\n\n  /** Additional offset to apply to the arrow element if enabled. */\n  @property({ type: Number, attribute: 'arrow-offset' })\n  public arrowOffset = 0;\n\n  /**\n   * Improves positioning for inline reference elements that span over multiple lines.\n   * Useful for tooltips or similar components.\n   */\n  @property({ type: Boolean, reflect: true })\n  public inline = false;\n\n  /**\n   * When enabled this changes the placement of the floating element in order to keep it\n   * in view along the main axis.\n   */\n  @property({ type: Boolean, reflect: true })\n  public flip = false;\n\n  /**\n   * Placement modifier which translates the floating element along the main axis.\n   */\n  @property({ type: Number })\n  public offset = 0;\n\n  /**\n   * The visibility state of the popover component.\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Where to place the floating element relative to the parent anchor element.\n   */\n  @property()\n  public placement: PopoverPlacement = 'bottom-start';\n\n  /**\n   * When enabled the floating element will match the width of its parent anchor element.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'same-width' })\n  public sameWidth = false;\n\n  /**\n   * When enabled this tries to shift the floating element along the main axis\n   * keeping it in view, preventing overflow while maintaining the desired placement.\n   */\n  @property({ type: Boolean, reflect: true })\n  public shift = false;\n\n  /**\n   * Virtual padding for the resolved overflow detection offsets in pixels.\n   */\n  @property({ type: Number, attribute: 'shift-padding' })\n  public shiftPadding = 0;\n\n  //#endregion\n\n  //#region Life-cycle hooks\n\n  protected override update(properties: PropertyValues<this>): void {\n    if (this.hasUpdated) {\n      this._middleware = undefined;\n\n      if (properties.has('sameWidth') && !this.sameWidth) {\n        setStyles(this._container, { width: '' });\n      }\n\n      if (properties.has('open') || properties.has('anchor')) {\n        this._setOpenState(this.open);\n      } else if (this.open) {\n        this._updatePosition();\n      }\n    }\n\n    super.update(properties);\n  }\n\n  protected override firstUpdated(): void {\n    this._setOpenState(this.open);\n  }\n\n  /** @internal */\n  public override connectedCallback(): void {\n    super.connectedCallback();\n\n    if (this.hasUpdated) {\n      this._setOpenState(this.open);\n    }\n  }\n\n  /** @internal */\n  public override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._setOpenState(false);\n  }\n\n  //#endregion\n\n  private _handleSlotChange({\n    isDefault,\n  }: SlotChangeCallbackParameters<unknown>): void {\n    if (isDefault || this.anchor) {\n      return;\n    }\n\n    this._setOpenState(this.open);\n  }\n\n  private _handleToggle(): void {\n    if (!isPopoverOpen(this._container)) {\n      this._clearDispose();\n    }\n  }\n\n  //#region Internal open state API\n\n  /**\n   * An unresolved IDREF keeps the current target, so that an anchor rendered\n   * after this popover is picked up the next time it opens.\n   */\n  private _resolveTarget(): Element | undefined {\n    if (isString(this.anchor)) {\n      return getElementByIdFromRoot(this, this.anchor) ?? this._target;\n    }\n\n    return (\n      this.anchor ??\n      firstOf(this._slots.getAssignedElements('anchor', { flatten: true }))\n    );\n  }\n\n  private _setOpenState(state: boolean): void {\n    this._clearDispose();\n\n    if (state) {\n      this._target = this._resolveTarget();\n\n      if (this._target) {\n        this._strategy = hasStickyAncestor(this._target) ? 'fixed' : 'absolute';\n        this._dispose = autoUpdate(\n          this._target,\n          this._container,\n          this._updatePosition.bind(this)\n        );\n      }\n    }\n\n    this._setPopoverState(state);\n  }\n\n  private _setPopoverState(state: boolean): void {\n    const container = this._container;\n\n    if (!container) {\n      return;\n    }\n\n    const shouldOpen = state && this._target != null;\n\n    if (shouldOpen !== isPopoverOpen(container)) {\n      shouldOpen ? container.showPopover() : container.hidePopover();\n    }\n  }\n\n  private _clearDispose(): void {\n    this._dispose?.();\n    this._dispose = undefined;\n  }\n\n  //#endregion\n\n  //#region Internal position API\n\n  private get _placement(): PopoverPlacement {\n    return this.placement ?? 'bottom-start';\n  }\n\n  private _createMiddleware(): Middleware[] {\n    const shiftMiddleware = this.shift\n      ? shift({ padding: this.shiftPadding, limiter: limitShift() })\n      : null;\n    const flipMiddleware = this.flip ? flip() : null;\n\n    // Aligned placements flip before shifting, base placements shift first.\n    // See https://floating-ui.com/docs/flip\n    const positioners = this._placement.includes('-')\n      ? [flipMiddleware, shiftMiddleware]\n      : [shiftMiddleware, flipMiddleware];\n\n    const chain = [\n      this.offset !== 0 ? offset(this.offset) : null,\n      this.inline ? inline() : null,\n      ...positioners,\n      this.sameWidth\n        ? size({\n            apply: ({ rects }) =>\n              setStyles(this._container, {\n                width: `${rects.reference.width}px`,\n              }),\n          })\n        : null,\n      this.arrow ? arrow({ element: this.arrow }) : null,\n    ];\n\n    return chain.filter((entry): entry is Middleware => entry !== null);\n  }\n\n  private async _updatePosition(): Promise<void> {\n    if (!this.open) {\n      return;\n    }\n\n    if (!this._target?.isConnected) {\n      this._target = undefined;\n      this._clearDispose();\n      this._setPopoverState(false);\n      return;\n    }\n\n    const positionId = ++this._positionId;\n    const strategy = this._strategy;\n\n    const { x, y, middlewareData, placement } = await computePosition(\n      this._target,\n      this._container,\n      {\n        placement: this._placement,\n        middleware: (this._middleware ??= this._createMiddleware()),\n        strategy,\n      }\n    );\n\n    if (positionId !== this._positionId || !this.open) {\n      return;\n    }\n\n    setStyles(this._container, {\n      position: strategy,\n      left: '0',\n      top: '0',\n      transform: `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`,\n    });\n\n    this._updateArrowPosition(placement, middlewareData);\n  }\n\n  private _updateArrowPosition(\n    placement: Placement,\n    data: MiddlewareData\n  ): void {\n    const element = this.arrow;\n\n    if (!(data.arrow && element)) {\n      return;\n    }\n\n    const { x, y } = data.arrow;\n    const offset = this.arrowOffset;\n    const [side] = placement.split('-') as [PopoverSide];\n    const staticSide = OPPOSITE_SIDE[side];\n\n    if (!element.part.contains(side)) {\n      element.part.remove(...SIDES);\n      element.part.add(side);\n    }\n\n    // Measured after the part switch, since it is what gives the arrow its size.\n    const inset =\n      staticSide === 'top' || staticSide === 'bottom'\n        ? element.offsetHeight\n        : element.offsetWidth;\n\n    // Every side is reset, otherwise the inset of the previous placement is left\n    // behind and over-constrains the arrow.\n    const styles: Partial<CSSStyleDeclaration> = {\n      top: y != null ? `${roundByDPR(y + offset)}px` : '',\n      right: '',\n      bottom: '',\n      left: x != null ? `${roundByDPR(x + offset)}px` : '',\n    };\n\n    styles[staticSide] = `${-inset}px`;\n\n    setStyles(element, styles);\n  }\n\n  //#endregion\n\n  protected override render() {\n    return html`\n      <slot name=\"anchor\"></slot>\n      <div\n        id=\"container\"\n        part=\"container\"\n        popover=\"manual\"\n        @toggle=${this._handleToggle}\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-popover': IgcPopoverComponent;\n  }\n}\n"]}

package/components/progress/base.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 import type { StyleInfo } from 'lit/directives/style-map.js';
-import type { SlotController } from '../common/controllers/slot.js';
+import type { SlotController } from '#internals/controllers/slot.js';
 import type { StyleVariant } from '../types.js';
 export declare abstract class IgcProgressBaseComponent extends LitElement {
     private readonly _internals;

package/components/progress/base.js

@@ -6,10 +6,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement, nothing } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
-import { addInternalsController } from '../common/controllers/internals.js';
-import { watch } from '../common/decorators/watch.js';
-import { partMap } from '../common/part-map.js';
-import { asPercent, clamp, formatString } from '../common/util.js';
+import { addInternalsController } from '#internals/controllers/internals.js';
+import { watch } from '#internals/decorators/watch.js';
+import { partMap } from '#internals/part-map.js';
+import { asPercent, clamp } from '#internals/utils/math.js';
+import { formatString } from '#internals/utils/strings.js';
 export class IgcProgressBaseComponent extends LitElement {
     constructor() {
         super(...arguments);