igniteui-webcomponents 6.1.1-alpha.0 → 6.1.2

package/components/card/card.actions.js

@@ -4,20 +4,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 IgcCardActionsComponent_1;
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
-import { themes } from '../../theming/theming-decorator.js';
+import { addThemingController } from '../../theming/theming-controller.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { all } from './themes/actions.js';
 import { styles } from './themes/card.actions.base.css.js';
-let IgcCardActionsComponent = IgcCardActionsComponent_1 = class IgcCardActionsComponent extends LitElement {
+class IgcCardActionsComponent extends LitElement {
+    static register() {
+        registerComponent(IgcCardActionsComponent);
+    }
     constructor() {
-        super(...arguments);
+        super();
         this.orientation = 'horizontal';
-    }
-    static register() {
-        registerComponent(IgcCardActionsComponent_1);
+        addThemingController(this, all);
     }
     render() {
         return html `
@@ -26,14 +26,11 @@ let IgcCardActionsComponent = IgcCardActionsComponent_1 = class IgcCardActionsCo
       <slot name="end"></slot>
     `;
     }
-};
+}
 IgcCardActionsComponent.tagName = 'igc-card-actions';
 IgcCardActionsComponent.styles = styles;
+export default IgcCardActionsComponent;
 __decorate([
     property({ reflect: true })
 ], IgcCardActionsComponent.prototype, "orientation", void 0);
-IgcCardActionsComponent = IgcCardActionsComponent_1 = __decorate([
-    themes(all)
-], IgcCardActionsComponent);
-export default IgcCardActionsComponent;
 //# sourceMappingURL=card.actions.js.map

package/components/card/card.actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.actions.js","sourceRoot":"","sources":["../../../src/components/card/card.actions.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAU5C,IAAM,uBAAuB,+BAA7B,MAAM,uBAAwB,SAAQ,UAAU;IAAhD;;QAcN,gBAAW,GAAuB,YAAY,CAAC;IASxD,CAAC;IAlBQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,yBAAuB,CAAC,CAAC;IAC7C,CAAC;IASkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AArBsB,+BAAO,GAAG,kBAAkB,AAArB,CAAsB;AAC7B,8BAAM,GAAG,MAAM,AAAT,CAAU;AAYhC;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DAC0B;AAdnC,uBAAuB;IAD3C,MAAM,CAAC,GAAG,CAAC;GACS,uBAAuB,CAuB3C;eAvBoB,uBAAuB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { ContentOrientation } from '../types.js';\nimport { all } from './themes/actions.js';\nimport { styles } from './themes/card.actions.base.css.js';\n\n/** A container for card action items like buttons\n * @element igc-card-actions\n *\n * @slot start - Renders items at the beginning of actions area\n * @slot - Renders items at the middle of actions area\n * @slot end - Renders items at the end of actions area\n */\n@themes(all)\nexport default class IgcCardActionsComponent extends LitElement {\n  public static readonly tagName = 'igc-card-actions';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcCardActionsComponent);\n  }\n\n  /**\n   * The orientation of the actions.\n   * @attr\n   */\n  @property({ reflect: true })\n  public orientation: ContentOrientation = 'horizontal';\n\n  protected override render() {\n    return html`\n      <slot name=\"start\"></slot>\n      <slot></slot>\n      <slot name=\"end\"></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-actions': IgcCardActionsComponent;\n  }\n}\n"]}
+{"version":3,"file":"card.actions.js","sourceRoot":"","sources":["../../../src/components/card/card.actions.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAS3D,MAAqB,uBAAwB,SAAQ,UAAU;IAKtD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,uBAAuB,CAAC,CAAC;IAC7C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QASH,gBAAW,GAAuB,YAAY,CAAC;QARpD,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IASkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AA1BsB,+BAAO,GAAG,kBAAkB,AAArB,CAAsB;AAC7B,8BAAM,GAAG,MAAM,AAAT,CAAU;eAFpB,uBAAuB;AAmBnC;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DAC0B","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { ContentOrientation } from '../types.js';\nimport { all } from './themes/actions.js';\nimport { styles } from './themes/card.actions.base.css.js';\n\n/** A container for card action items like buttons\n * @element igc-card-actions\n *\n * @slot start - Renders items at the beginning of actions area\n * @slot - Renders items at the middle of actions area\n * @slot end - Renders items at the end of actions area\n */\nexport default class IgcCardActionsComponent extends LitElement {\n  public static readonly tagName = 'igc-card-actions';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcCardActionsComponent);\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  /**\n   * The orientation of the actions.\n   * @attr\n   */\n  @property({ reflect: true })\n  public orientation: ContentOrientation = 'horizontal';\n\n  protected override render() {\n    return html`\n      <slot name=\"start\"></slot>\n      <slot></slot>\n      <slot name=\"end\"></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-actions': IgcCardActionsComponent;\n  }\n}\n"]}

package/components/card/card.content.d.ts

@@ -8,6 +8,7 @@ export default class IgcCardContentComponent extends LitElement {
     static readonly tagName = "igc-card-content";
     static styles: import("lit").CSSResult[];
     static register(): void;
+    constructor();
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/card/card.content.js

@@ -1,28 +1,22 @@
-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 IgcCardContentComponent_1;
 import { html, LitElement } from 'lit';
-import { themes } from '../../theming/theming-decorator.js';
+import { addThemingController } from '../../theming/theming-controller.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { styles } from './themes/card.content.base.css.js';
 import { all } from './themes/content.js';
 import { styles as shared } from './themes/shared/content/card.content.common.css.js';
-let IgcCardContentComponent = IgcCardContentComponent_1 = class IgcCardContentComponent extends LitElement {
+class IgcCardContentComponent extends LitElement {
     static register() {
-        registerComponent(IgcCardContentComponent_1);
+        registerComponent(IgcCardContentComponent);
+    }
+    constructor() {
+        super();
+        addThemingController(this, all);
     }
     render() {
         return html ` <slot></slot> `;
     }
-};
+}
 IgcCardContentComponent.tagName = 'igc-card-content';
 IgcCardContentComponent.styles = [styles, shared];
-IgcCardContentComponent = IgcCardContentComponent_1 = __decorate([
-    themes(all)
-], IgcCardContentComponent);
 export default IgcCardContentComponent;
 //# sourceMappingURL=card.content.js.map

package/components/card/card.content.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.content.js","sourceRoot":"","sources":["../../../src/components/card/card.content.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oDAAoD,CAAC;AAQvE,IAAM,uBAAuB,+BAA7B,MAAM,uBAAwB,SAAQ,UAAU;IAKtD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,yBAAuB,CAAC,CAAC;IAC7C,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AAVsB,+BAAO,GAAG,kBAAkB,AAArB,CAAsB;AAC7B,8BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAF9B,uBAAuB;IAD3C,MAAM,CAAC,GAAG,CAAC;GACS,uBAAuB,CAY3C;eAZoB,uBAAuB","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/card.content.base.css.js';\nimport { all } from './themes/content.js';\nimport { styles as shared } from './themes/shared/content/card.content.common.css.js';\n\n/** A container for card's text content\n * @element igc-card-content\n *\n * @slot - Renders the card text content\n */\n@themes(all)\nexport default class IgcCardContentComponent extends LitElement {\n  public static readonly tagName = 'igc-card-content';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcCardContentComponent);\n  }\n\n  protected override render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-content': IgcCardContentComponent;\n  }\n}\n"]}
+{"version":3,"file":"card.content.js","sourceRoot":"","sources":["../../../src/components/card/card.content.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,mCAAmC,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,oDAAoD,CAAC;AAOtF,MAAqB,uBAAwB,SAAQ,UAAU;IAKtD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,uBAAuB,CAAC,CAAC;IAC7C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AAfsB,+BAAO,GAAG,kBAAkB,CAAC;AAC7B,8BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;eAF9B,uBAAuB","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/card.content.base.css.js';\nimport { all } from './themes/content.js';\nimport { styles as shared } from './themes/shared/content/card.content.common.css.js';\n\n/** A container for card's text content\n * @element igc-card-content\n *\n * @slot - Renders the card text content\n */\nexport default class IgcCardContentComponent extends LitElement {\n  public static readonly tagName = 'igc-card-content';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcCardContentComponent);\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-content': IgcCardContentComponent;\n  }\n}\n"]}

package/components/card/card.d.ts

@@ -13,6 +13,7 @@ export default class IgcCardComponent extends LitElement {
      * @attr
      */
     elevated: boolean;
+    constructor();
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/card/card.header.d.ts

@@ -13,6 +13,7 @@ export default class IgcCardHeaderComponent extends LitElement {
     static readonly tagName = "igc-card-header";
     static styles: import("lit").CSSResult[];
     static register(): void;
+    constructor();
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/card/card.header.js

@@ -1,19 +1,16 @@
-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 IgcCardHeaderComponent_1;
 import { html, LitElement } from 'lit';
-import { themes } from '../../theming/theming-decorator.js';
+import { addThemingController } from '../../theming/theming-controller.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { styles } from './themes/card.header.base.css.js';
 import { all } from './themes/header.js';
 import { styles as shared } from './themes/shared/header/card.header.common.css.js';
-let IgcCardHeaderComponent = IgcCardHeaderComponent_1 = class IgcCardHeaderComponent extends LitElement {
+class IgcCardHeaderComponent extends LitElement {
     static register() {
-        registerComponent(IgcCardHeaderComponent_1);
+        registerComponent(IgcCardHeaderComponent);
+    }
+    constructor() {
+        super();
+        addThemingController(this, all);
     }
     render() {
         return html `
@@ -29,11 +26,8 @@ let IgcCardHeaderComponent = IgcCardHeaderComponent_1 = class IgcCardHeaderCompo
       </section>
     `;
     }
-};
+}
 IgcCardHeaderComponent.tagName = 'igc-card-header';
 IgcCardHeaderComponent.styles = [styles, shared];
-IgcCardHeaderComponent = IgcCardHeaderComponent_1 = __decorate([
-    themes(all)
-], IgcCardHeaderComponent);
 export default IgcCardHeaderComponent;
 //# sourceMappingURL=card.header.js.map

package/components/card/card.header.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.header.js","sourceRoot":"","sources":["../../../src/components/card/card.header.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kDAAkD,CAAC;AAarE,IAAM,sBAAsB,8BAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAKrD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,wBAAsB,CAAC,CAAC;IAC5C,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;KAWV,CAAC;IACJ,CAAC;;AArBsB,8BAAO,GAAG,iBAAiB,AAApB,CAAqB;AAC5B,6BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAF9B,sBAAsB;IAD1C,MAAM,CAAC,GAAG,CAAC;GACS,sBAAsB,CAuB1C;eAvBoB,sBAAsB","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/card.header.base.css.js';\nimport { all } from './themes/header.js';\nimport { styles as shared } from './themes/shared/header/card.header.common.css.js';\n\n/** A container for card's header\n * @element igc-card-header\n *\n * @slot thumbnail - Renders header media like icon\n * @slot title - Renders the card title\n * @slot subtitle - Renders the card subtitle\n * @slot - Renders content next to the card title\n *\n * @csspart header - The card header container\n */\n@themes(all)\nexport default class IgcCardHeaderComponent extends LitElement {\n  public static readonly tagName = 'igc-card-header';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcCardHeaderComponent);\n  }\n\n  protected override render() {\n    return html`\n      <section>\n        <slot name=\"thumbnail\"></slot>\n      </section>\n      <section>\n        <header part=\"header\">\n          <slot part=\"title\" name=\"title\"></slot>\n          <slot part=\"subtitle\" name=\"subtitle\"></slot>\n        </header>\n        <slot></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-header': IgcCardHeaderComponent;\n  }\n}\n"]}
+{"version":3,"file":"card.header.js","sourceRoot":"","sources":["../../../src/components/card/card.header.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,kCAAkC,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kDAAkD,CAAC;AAYpF,MAAqB,sBAAuB,SAAQ,UAAU;IAKrD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,sBAAsB,CAAC,CAAC;IAC5C,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;;;;;;;KAWV,CAAC;IACJ,CAAC;;AA1BsB,8BAAO,GAAG,iBAAiB,CAAC;AAC5B,6BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;eAF9B,sBAAsB","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/card.header.base.css.js';\nimport { all } from './themes/header.js';\nimport { styles as shared } from './themes/shared/header/card.header.common.css.js';\n\n/** A container for card's header\n * @element igc-card-header\n *\n * @slot thumbnail - Renders header media like icon\n * @slot title - Renders the card title\n * @slot subtitle - Renders the card subtitle\n * @slot - Renders content next to the card title\n *\n * @csspart header - The card header container\n */\nexport default class IgcCardHeaderComponent extends LitElement {\n  public static readonly tagName = 'igc-card-header';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcCardHeaderComponent);\n  }\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override render() {\n    return html`\n      <section>\n        <slot name=\"thumbnail\"></slot>\n      </section>\n      <section>\n        <header part=\"header\">\n          <slot part=\"title\" name=\"title\"></slot>\n          <slot part=\"subtitle\" name=\"subtitle\"></slot>\n        </header>\n        <slot></slot>\n      </section>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-header': IgcCardHeaderComponent;\n  }\n}\n"]}

package/components/card/card.js

@@ -4,10 +4,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 IgcCardComponent_1;
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
-import { themes } from '../../theming/theming-decorator.js';
+import { addThemingController } from '../../theming/theming-controller.js';
 import { registerComponent } from '../common/definitions/register.js';
 import IgcCardActionsComponent from './card.actions.js';
 import IgcCardContentComponent from './card.content.js';
@@ -16,25 +15,23 @@ import IgcCardMediaComponent from './card.media.js';
 import { styles } from './themes/container.base.css.js';
 import { all } from './themes/container.js';
 import { styles as shared } from './themes/shared/container/card.common.css.js';
-let IgcCardComponent = IgcCardComponent_1 = class IgcCardComponent extends LitElement {
+class IgcCardComponent extends LitElement {
+    static register() {
+        registerComponent(IgcCardComponent, IgcCardActionsComponent, IgcCardContentComponent, IgcCardHeaderComponent, IgcCardMediaComponent);
+    }
     constructor() {
-        super(...arguments);
+        super();
         this.elevated = false;
-    }
-    static register() {
-        registerComponent(IgcCardComponent_1, IgcCardActionsComponent, IgcCardContentComponent, IgcCardHeaderComponent, IgcCardMediaComponent);
+        addThemingController(this, all);
     }
     render() {
-        return html ` <slot></slot> `;
+        return html `<slot></slot>`;
     }
-};
+}
 IgcCardComponent.tagName = 'igc-card';
 IgcCardComponent.styles = [styles, shared];
+export default IgcCardComponent;
 __decorate([
     property({ type: Boolean, reflect: true })
 ], IgcCardComponent.prototype, "elevated", void 0);
-IgcCardComponent = IgcCardComponent_1 = __decorate([
-    themes(all)
-], IgcCardComponent);
-export default IgcCardComponent;
 //# sourceMappingURL=card.js.map

package/components/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,sBAAsB,MAAM,kBAAkB,CAAC;AACtD,OAAO,qBAAqB,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8CAA8C,CAAC;AAQjE,IAAM,gBAAgB,wBAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAoBN,aAAQ,GAAG,KAAK,CAAC;IAK1B,CAAC;IApBQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,kBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,CACtB,CAAC;IACJ,CAAC;IASkB,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AAvBsB,wBAAO,GAAG,UAAU,AAAb,CAAc;AACrB,uBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAkB1C;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB;AApBL,gBAAgB;IADpC,MAAM,CAAC,GAAG,CAAC;GACS,gBAAgB,CAyBpC;eAzBoB,gBAAgB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcCardActionsComponent from './card.actions.js';\nimport IgcCardContentComponent from './card.content.js';\nimport IgcCardHeaderComponent from './card.header.js';\nimport IgcCardMediaComponent from './card.media.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/container/card.common.css.js';\n\n/** A container which wraps different elements related to a single subject\n * @element igc-card\n *\n * @slot - Renders card content\n */\n@themes(all)\nexport default class IgcCardComponent extends LitElement {\n  public static readonly tagName = 'igc-card';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(\n      IgcCardComponent,\n      IgcCardActionsComponent,\n      IgcCardContentComponent,\n      IgcCardHeaderComponent,\n      IgcCardMediaComponent\n    );\n  }\n\n  /**\n   * Sets card elevated style, otherwise card looks outlined.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public elevated = false;\n\n  protected override render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card': IgcCardComponent;\n  }\n}\n"]}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,uBAAuB,MAAM,mBAAmB,CAAC;AACxD,OAAO,sBAAsB,MAAM,kBAAkB,CAAC;AACtD,OAAO,qBAAqB,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8CAA8C,CAAC;AAOhF,MAAqB,gBAAiB,SAAQ,UAAU;IAK/C,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,CACtB,CAAC;IACJ,CAAC;IASD;QACE,KAAK,EAAE,CAAC;QAHH,aAAQ,GAAG,KAAK,CAAC;QAItB,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AA5BsB,wBAAO,GAAG,UAAU,AAAb,CAAc;AACrB,uBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eAF9B,gBAAgB;AAoB5B;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACnB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport IgcCardActionsComponent from './card.actions.js';\nimport IgcCardContentComponent from './card.content.js';\nimport IgcCardHeaderComponent from './card.header.js';\nimport IgcCardMediaComponent from './card.media.js';\nimport { styles } from './themes/container.base.css.js';\nimport { all } from './themes/container.js';\nimport { styles as shared } from './themes/shared/container/card.common.css.js';\n\n/** A container which wraps different elements related to a single subject\n * @element igc-card\n *\n * @slot - Renders card content\n */\nexport default class IgcCardComponent extends LitElement {\n  public static readonly tagName = 'igc-card';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(\n      IgcCardComponent,\n      IgcCardActionsComponent,\n      IgcCardContentComponent,\n      IgcCardHeaderComponent,\n      IgcCardMediaComponent\n    );\n  }\n\n  /**\n   * Sets card elevated style, otherwise card looks outlined.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public elevated = false;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card': IgcCardComponent;\n  }\n}\n"]}

package/components/carousel/carousel-indicator-container.d.ts

@@ -11,6 +11,7 @@ export default class IgcCarouselIndicatorContainerComponent extends LitElement {
     static styles: import("lit").CSSResult[];
     static register(): void;
     private readonly _focusRingManager;
+    constructor();
     private _handleFocusOut;
     protected render(): import("lit-html").TemplateResult<1>;
 }

package/components/carousel/carousel-indicator-container.js

@@ -1,12 +1,5 @@
-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 IgcCarouselIndicatorContainerComponent_1;
 import { html, LitElement } from 'lit';
-import { themes } from '../../theming/theming-decorator.js';
+import { addThemingController } from '../../theming/theming-controller.js';
 import { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { partMap } from '../common/part-map.js';
@@ -14,13 +7,14 @@ import IgcCarouselIndicatorComponent from './carousel-indicator.js';
 import { styles } from './themes/carousel-indicator-container.base.css.js';
 import { all } from './themes/indicator-container.js';
 import { styles as shared } from './themes/shared/indicator-container/indicator-container.common.css.js';
-let IgcCarouselIndicatorContainerComponent = IgcCarouselIndicatorContainerComponent_1 = class IgcCarouselIndicatorContainerComponent extends LitElement {
+class IgcCarouselIndicatorContainerComponent extends LitElement {
+    static register() {
+        registerComponent(IgcCarouselIndicatorContainerComponent);
+    }
     constructor() {
-        super(...arguments);
+        super();
         this._focusRingManager = addKeyboardFocusRing(this);
-    }
-    static register() {
-        registerComponent(IgcCarouselIndicatorContainerComponent_1);
+        addThemingController(this, all);
     }
     _handleFocusOut(event) {
         const target = event.relatedTarget;
@@ -41,11 +35,8 @@ let IgcCarouselIndicatorContainerComponent = IgcCarouselIndicatorContainerCompon
       </div>
     `;
     }
-};
+}
 IgcCarouselIndicatorContainerComponent.tagName = 'igc-carousel-indicator-container';
 IgcCarouselIndicatorContainerComponent.styles = [styles, shared];
-IgcCarouselIndicatorContainerComponent = IgcCarouselIndicatorContainerComponent_1 = __decorate([
-    themes(all)
-], IgcCarouselIndicatorContainerComponent);
 export default IgcCarouselIndicatorContainerComponent;
 //# sourceMappingURL=carousel-indicator-container.js.map

package/components/carousel/carousel-indicator-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-indicator-container.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-indicator-container.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,6BAA6B,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,mDAAmD,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uEAAuE,CAAC;AAW1F,IAAM,sCAAsC,8CAA5C,MAAM,sCAAuC,SAAQ,UAAU;IAA/D;;QASI,sBAAiB,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAyBlE,CAAC;IA7BQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,wCAAsC,CAAC,CAAC;IAC5D,CAAC;IAIO,eAAe,CAAC,KAAiB;QACvC,MAAM,MAAM,GAAG,KAAK,CAAC,aAAwB,CAAC;QAE9C,IAAI,MAAM,EAAE,OAAO,CAAC,6BAA6B,CAAC,OAAO,CAAC,EAAE,CAAC;YAG3D,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;eAEA,OAAO,CAAC;YACb,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO;SACxC,CAAC;oBACU,IAAI,CAAC,eAAe;;;;KAInC,CAAC;IACJ,CAAC;;AAhCsB,8CAAO,GAAG,kCAAkC,AAArC,CAAsC;AAC7C,6CAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAF9B,sCAAsC;IAD1D,MAAM,CAAC,GAAG,CAAC;GACS,sCAAsC,CAkC1D;eAlCoB,sCAAsC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport IgcCarouselIndicatorComponent from './carousel-indicator.js';\nimport { styles } from './themes/carousel-indicator-container.base.css.js';\nimport { all } from './themes/indicator-container.js';\nimport { styles as shared } from './themes/shared/indicator-container/indicator-container.common.css.js';\n\n/* blazorSuppress */\n/**\n * @element igc-carousel-indicator-container\n *\n * @slot - Default slot for the carousel indicator container.\n *\n * @csspart base - The wrapping container of all carousel indicators.\n */\n@themes(all)\nexport default class IgcCarouselIndicatorContainerComponent extends LitElement {\n  public static readonly tagName = 'igc-carousel-indicator-container';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcCarouselIndicatorContainerComponent);\n  }\n\n  private readonly _focusRingManager = addKeyboardFocusRing(this);\n\n  private _handleFocusOut(event: FocusEvent): void {\n    const target = event.relatedTarget as Element;\n\n    if (target?.matches(IgcCarouselIndicatorComponent.tagName)) {\n      // Stop the event from hitting the _focusRingManager handler redrawing\n      // the keyboard focus styles\n      event.stopPropagation();\n    }\n  }\n\n  protected override render() {\n    return html`\n      <div\n        part=${partMap({\n          base: true,\n          focused: this._focusRingManager.focused,\n        })}\n        @focusout=${this._handleFocusOut}\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-carousel-indicator-container': IgcCarouselIndicatorContainerComponent;\n  }\n}\n"]}
+{"version":3,"file":"carousel-indicator-container.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-indicator-container.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,6BAA6B,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,mDAAmD,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,uEAAuE,CAAC;AAUzG,MAAqB,sCAAuC,SAAQ,UAAU;IAKrE,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,sCAAsC,CAAC,CAAC;IAC5D,CAAC;IAID;QACE,KAAK,EAAE,CAAC;QAHO,sBAAiB,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAI9D,oBAAoB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAClC,CAAC;IAEO,eAAe,CAAC,KAAiB;QACvC,MAAM,MAAM,GAAG,KAAK,CAAC,aAAwB,CAAC;QAE9C,IAAI,MAAM,EAAE,OAAO,CAAC,6BAA6B,CAAC,OAAO,CAAC,EAAE,CAAC;YAG3D,KAAK,CAAC,eAAe,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;eAEA,OAAO,CAAC;YACb,IAAI,EAAE,IAAI;YACV,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,OAAO;SACxC,CAAC;oBACU,IAAI,CAAC,eAAe;;;;KAInC,CAAC;IACJ,CAAC;;AArCsB,8CAAO,GAAG,kCAAkC,AAArC,CAAsC;AAC7C,6CAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;eAF9B,sCAAsC","sourcesContent":["import { html, LitElement } from 'lit';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport IgcCarouselIndicatorComponent from './carousel-indicator.js';\nimport { styles } from './themes/carousel-indicator-container.base.css.js';\nimport { all } from './themes/indicator-container.js';\nimport { styles as shared } from './themes/shared/indicator-container/indicator-container.common.css.js';\n\n/* blazorSuppress */\n/**\n * @element igc-carousel-indicator-container\n *\n * @slot - Default slot for the carousel indicator container.\n *\n * @csspart base - The wrapping container of all carousel indicators.\n */\nexport default class IgcCarouselIndicatorContainerComponent extends LitElement {\n  public static readonly tagName = 'igc-carousel-indicator-container';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcCarouselIndicatorContainerComponent);\n  }\n\n  private readonly _focusRingManager = addKeyboardFocusRing(this);\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  private _handleFocusOut(event: FocusEvent): void {\n    const target = event.relatedTarget as Element;\n\n    if (target?.matches(IgcCarouselIndicatorComponent.tagName)) {\n      // Stop the event from hitting the _focusRingManager handler redrawing\n      // the keyboard focus styles\n      event.stopPropagation();\n    }\n  }\n\n  protected override render() {\n    return html`\n      <div\n        part=${partMap({\n          base: true,\n          focused: this._focusRingManager.focused,\n        })}\n        @focusout=${this._handleFocusOut}\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-carousel-indicator-container': IgcCarouselIndicatorContainerComponent;\n  }\n}\n"]}

package/components/carousel/carousel.d.ts

@@ -35,9 +35,10 @@ export default class IgcCarouselComponent extends IgcCarouselComponent_base {
     static register(): void;
     private static readonly increment;
     private readonly _carouselId;
+    private _paused;
     private _lastInterval;
     private _hasKeyboardInteractionOnIndicators;
-    private _hasMouseStop;
+    private _hasPointerInteraction;
     private _hasInnerFocus;
     private _context;
     private readonly _carouselSlidesContainerRef;
@@ -52,7 +53,6 @@ export default class IgcCarouselComponent extends IgcCarouselComponent_base {
     private _projectedIndicators;
     private _activeSlide;
     private _playing;
-    private _paused;
     private _observerCallback;
     /**
      * Whether the carousel should skip rotating to the first slide after it reaches the last.
@@ -140,10 +140,8 @@ export default class IgcCarouselComponent extends IgcCarouselComponent_base {
     constructor();
     private handleSlotChange;
     private handleIndicatorSlotChange;
-    private handlePointerEnter;
-    private handlePointerLeave;
-    private handleFocusIn;
-    private handleFocusOut;
+    private handlePointerInteraction;
+    private handleFocusInteraction;
     private handlePauseOnInteraction;
     private handleArrowLeft;
     private handleArrowRight;

package/components/carousel/carousel.js

@@ -4,13 +4,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 IgcCarouselComponent_1;
 import { ContextProvider } from '@lit/context';
 import { html, LitElement, nothing } from 'lit';
 import { property, queryAll, queryAssignedElements, state, } from 'lit/decorators.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { themes } from '../../theming/theming-decorator.js';
+import { addThemingController } from '../../theming/theming-controller.js';
 import IgcButtonComponent from '../button/button.js';
 import { carouselContext } from '../common/context.js';
 import { addGesturesController, } from '../common/controllers/gestures.js';
@@ -29,9 +28,9 @@ import IgcCarouselSlideComponent from './carousel-slide.js';
 import { styles } from './themes/carousel.base.css.js';
 import { all } from './themes/container.js';
 import { styles as shared } from './themes/shared/carousel.common.css.js';
-let IgcCarouselComponent = IgcCarouselComponent_1 = class IgcCarouselComponent extends EventEmitterMixin(LitElement) {
+class IgcCarouselComponent extends EventEmitterMixin(LitElement) {
     static register() {
-        registerComponent(IgcCarouselComponent_1, IgcCarouselIndicatorComponent, IgcCarouselIndicatorContainerComponent, IgcCarouselSlideComponent, IgcIconComponent, IgcButtonComponent);
+        registerComponent(IgcCarouselComponent, IgcCarouselIndicatorComponent, IgcCarouselIndicatorContainerComponent, IgcCarouselSlideComponent, IgcIconComponent, IgcButtonComponent);
     }
     get hasProjectedIndicators() {
         return this._projectedIndicators.length > 0;
@@ -81,9 +80,10 @@ let IgcCarouselComponent = IgcCarouselComponent_1 = class IgcCarouselComponent e
     }
     constructor() {
         super();
-        this._carouselId = `igc-carousel-${IgcCarouselComponent_1.increment()}`;
+        this._carouselId = `igc-carousel-${IgcCarouselComponent.increment()}`;
+        this._paused = false;
         this._hasKeyboardInteractionOnIndicators = false;
-        this._hasMouseStop = false;
+        this._hasPointerInteraction = false;
         this._hasInnerFocus = false;
         this._context = new ContextProvider(this, {
             context: carouselContext,
@@ -94,7 +94,6 @@ let IgcCarouselComponent = IgcCarouselComponent_1 = class IgcCarouselComponent e
         this._prevButtonRef = createRef();
         this._nextButtonRef = createRef();
         this._playing = false;
-        this._paused = false;
         this.disableLoop = false;
         this.disablePauseOnInteraction = false;
         this.hideNavigation = false;
@@ -111,14 +110,11 @@ let IgcCarouselComponent = IgcCarouselComponent_1 = class IgcCarouselComponent e
                 ariaRoleDescription: 'carousel',
             },
         });
-        addSafeEventListener(this, 'pointerenter', this.handlePointerEnter);
-        addSafeEventListener(this, 'pointerleave', this.handlePointerLeave);
-        addSafeEventListener(this, 'pointerdown', () => {
-            this._hasInnerFocus = false;
-        });
-        addSafeEventListener(this, 'keyup', () => {
-            this._hasInnerFocus = true;
-        });
+        addThemingController(this, all);
+        addSafeEventListener(this, 'pointerenter', this.handlePointerInteraction);
+        addSafeEventListener(this, 'pointerleave', this.handlePointerInteraction);
+        addSafeEventListener(this, 'focusin', this.handleFocusInteraction);
+        addSafeEventListener(this, 'focusout', this.handleFocusInteraction);
         addGesturesController(this, {
             ref: this._carouselSlidesContainerRef,
             touchOnly: true,
@@ -161,36 +157,20 @@ let IgcCarouselComponent = IgcCarouselComponent_1 = class IgcCarouselComponent e
     handleIndicatorSlotChange() {
         this.requestUpdate();
     }
-    handlePointerEnter() {
-        this._hasMouseStop = true;
-        if (this._hasInnerFocus) {
-            return;
-        }
-        this.handlePauseOnInteraction();
-    }
-    handlePointerLeave() {
-        this._hasMouseStop = false;
-        if (this._hasInnerFocus) {
-            return;
-        }
-        this.handlePauseOnInteraction();
-    }
-    handleFocusIn() {
-        if (this._hasInnerFocus || this._hasMouseStop) {
-            return;
+    handlePointerInteraction(event) {
+        this._hasPointerInteraction = event.type === 'pointerenter';
+        if (!this._hasInnerFocus) {
+            this.handlePauseOnInteraction();
         }
-        this.handlePauseOnInteraction();
     }
-    handleFocusOut(event) {
+    handleFocusInteraction(event) {
         const node = event.relatedTarget;
-        if (this.contains(node) || this.renderRoot.contains(node)) {
+        if (this.contains(node)) {
             return;
         }
-        if (this._hasInnerFocus) {
-            this._hasInnerFocus = false;
-            if (!this._hasMouseStop) {
-                this.handlePauseOnInteraction();
-            }
+        this._hasInnerFocus = event.type === 'focusin';
+        if (!this._hasPointerInteraction) {
+            this.handlePauseOnInteraction();
         }
     }
     handlePauseOnInteraction() {
@@ -228,14 +208,13 @@ let IgcCarouselComponent = IgcCarouselComponent_1 = class IgcCarouselComponent e
     }
     handleHorizontalSwipe({ data: { direction } }) {
         if (!this.vertical) {
-            this.handleInteraction(async () => {
+            const callback = () => {
                 if (isLTR(this)) {
-                    direction === 'left' ? await this.next() : await this.prev();
+                    return direction === 'left' ? this.next : this.prev;
                 }
-                else {
-                    direction === 'left' ? await this.prev() : await this.next();
-                }
-            });
+                return direction === 'left' ? this.prev : this.next;
+            };
+            this.handleInteraction(callback());
         }
     }
     async handleIndicatorClick(event) {
@@ -255,8 +234,9 @@ let IgcCarouselComponent = IgcCarouselComponent_1 = class IgcCarouselComponent e
         if (this.interval) {
             this.resetInterval();
         }
-        await callback.call(this);
-        this.emitEvent('igcSlideChanged', { detail: this.current });
+        if (await callback.call(this)) {
+            this.emitEvent('igcSlideChanged', { detail: this.current });
+        }
         if (this.interval) {
             this.restartInterval();
         }
@@ -292,8 +272,10 @@ let IgcCarouselComponent = IgcCarouselComponent_1 = class IgcCarouselComponent e
         this.resetInterval();
         if (asNumber(this.interval) > 0) {
             this._lastInterval = setInterval(() => {
-                if (this.isPlaying && this.total) {
-                    this.next();
+                if (this.isPlaying &&
+                    this.total &&
+                    !(this.disableLoop && this.nextIndex === 0)) {
+                    this.select(this.slides[this.nextIndex], 'next');
                     this.emitEvent('igcSlideChanged', { detail: this.current });
                 }
                 else {
@@ -465,7 +447,7 @@ let IgcCarouselComponent = IgcCarouselComponent_1 = class IgcCarouselComponent e
     }
     render() {
         return html `
-      <section @focusin=${this.handleFocusIn} @focusout=${this.handleFocusOut}>
+      <section>
         ${this.hideNavigation ? nothing : this.navigationTemplate()}
         ${this.hideIndicators || this.showIndicatorsLabel
             ? nothing
@@ -476,17 +458,18 @@ let IgcCarouselComponent = IgcCarouselComponent_1 = class IgcCarouselComponent e
         <div
           ${ref(this._carouselSlidesContainerRef)}
           id=${this._carouselId}
-          aria-live=${this.interval && this.isPlaying ? 'off' : 'polite'}
+          aria-live=${this.interval && this._playing ? 'off' : 'polite'}
         >
           <slot @slotchange=${this.handleSlotChange}></slot>
         </div>
       </section>
     `;
     }
-};
+}
 IgcCarouselComponent.styles = [styles, shared];
 IgcCarouselComponent.tagName = 'igc-carousel';
 IgcCarouselComponent.increment = createCounter();
+export default IgcCarouselComponent;
 __decorate([
     queryAll(IgcCarouselIndicatorComponent.tagName)
 ], IgcCarouselComponent.prototype, "_defaultIndicators", void 0);
@@ -502,9 +485,6 @@ __decorate([
 __decorate([
     state()
 ], IgcCarouselComponent.prototype, "_playing", void 0);
-__decorate([
-    state()
-], IgcCarouselComponent.prototype, "_paused", void 0);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: 'disable-loop' })
 ], IgcCarouselComponent.prototype, "disableLoop", void 0);
@@ -557,8 +537,4 @@ __decorate([
 __decorate([
     watch('interval')
 ], IgcCarouselComponent.prototype, "intervalChange", null);
-IgcCarouselComponent = IgcCarouselComponent_1 = __decorate([
-    themes(all)
-], IgcCarouselComponent);
-export default IgcCarouselComponent;
 //# sourceMappingURL=carousel.js.map