igniteui-webcomponents 6.1.0 → 6.1.1

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 { LitElement, html } from 'lit';
+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,UAAU,EAAE,IAAI,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 { LitElement, html } 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 { LitElement, html } from 'lit';
-import { themes } from '../../theming/theming-decorator.js';
+import { html, LitElement } from 'lit';
+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,UAAU,EAAE,IAAI,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 { LitElement, html } 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 { LitElement, html } from 'lit';
-import { themes } from '../../theming/theming-decorator.js';
+import { html, LitElement } from 'lit';
+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,UAAU,EAAE,IAAI,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 { LitElement, html } 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 { LitElement, html } from 'lit';
+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,UAAU,EAAE,IAAI,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 { LitElement, html } 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/card/card.media.js

@@ -1,4 +1,4 @@
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { registerComponent } from '../common/definitions/register.js';
 import { styles } from './themes/card.media.base.css.js';
 class IgcCardMediaComponent extends LitElement {

package/components/card/card.media.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.media.js","sourceRoot":"","sources":["../../../src/components/card/card.media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAOzD,MAAqB,qBAAsB,SAAQ,UAAU;IAKpD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AAVsB,6BAAO,GAAG,gBAAgB,CAAC;AAC3B,4BAAM,GAAG,MAAM,CAAC;eAFpB,qBAAqB","sourcesContent":["import { LitElement, html } from 'lit';\n\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/card.media.base.css.js';\n\n/** A container for card's media - could be an image, gif, video\n * @element igc-card-media\n *\n * @slot - Renders the card media content\n */\nexport default class IgcCardMediaComponent extends LitElement {\n  public static readonly tagName = 'igc-card-media';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcCardMediaComponent);\n  }\n\n  protected override render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-media': IgcCardMediaComponent;\n  }\n}\n"]}
+{"version":3,"file":"card.media.js","sourceRoot":"","sources":["../../../src/components/card/card.media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAOzD,MAAqB,qBAAsB,SAAQ,UAAU;IAKpD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AAVsB,6BAAO,GAAG,gBAAgB,CAAC;AAC3B,4BAAM,GAAG,MAAM,CAAC;eAFpB,qBAAqB","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/card.media.base.css.js';\n\n/** A container for card's media - could be an image, gif, video\n * @element igc-card-media\n *\n * @slot - Renders the card media content\n */\nexport default class IgcCardMediaComponent extends LitElement {\n  public static readonly tagName = 'igc-card-media';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcCardMediaComponent);\n  }\n\n  protected override render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-card-media': IgcCardMediaComponent;\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 { LitElement, html } from 'lit';
-import { themes } from '../../theming/theming-decorator.js';
+import { html, LitElement } from 'lit';
+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,UAAU,EAAE,IAAI,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 { LitElement, html } 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-indicator.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, type PropertyValues } from 'lit';
 /**
  * Used when a custom indicator needs to be passed to the `igc-carousel` component.
  *
@@ -15,16 +15,14 @@ export default class IgcCarouselIndicatorComponent extends LitElement {
     static readonly tagName = "igc-carousel-indicator";
     static styles: import("lit").CSSResult;
     static register(): void;
-    private _active;
-    private _internals;
+    private readonly _internals;
     private _carousel?;
     protected get _labelFormat(): string;
-    set active(value: boolean);
-    get active(): boolean;
+    active: boolean;
     index: number;
-    constructor();
+    /** @internal */
     connectedCallback(): void;
-    protected willUpdate(): void;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/carousel/carousel-indicator.js

@@ -5,42 +5,42 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { consume } from '@lit/context';
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { carouselContext } from '../common/context.js';
+import { addInternalsController } from '../common/controllers/internals.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { formatString } from '../common/util.js';
 import { styles } from './themes/carousel-indicator.base.css.js';
 class IgcCarouselIndicatorComponent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this._internals = addInternalsController(this, {
+            initialARIA: { role: 'tab' },
+        });
+        this.active = false;
+        this.index = 0;
+    }
     static register() {
         registerComponent(IgcCarouselIndicatorComponent);
     }
     get _labelFormat() {
         return this._carousel ? this._carousel.indicatorsLabelFormat : '';
     }
-    set active(value) {
-        this._active = Boolean(value);
-        this.tabIndex = this._active ? 0 : -1;
-        this._internals.ariaSelected = this._active.toString();
-    }
-    get active() {
-        return this._active;
-    }
-    constructor() {
-        super();
-        this._active = false;
-        this.index = 0;
-        this._internals = this.attachInternals();
-        this._internals.role = 'tab';
-    }
     connectedCallback() {
         super.connectedCallback();
         this.role = 'tab';
         this.slot = this.slot || 'indicator';
     }
-    willUpdate() {
-        this._internals.ariaLabel = formatString(this._labelFormat, this.index + 1);
+    willUpdate(changedProperties) {
+        if (changedProperties.has('active')) {
+            this.tabIndex = this.active ? 0 : -1;
+            this._internals.setARIA({ ariaSelected: this.active.toString() });
+        }
+        this._internals.setARIA({
+            ariaLabel: formatString(this._labelFormat, this.index + 1),
+        });
     }
     render() {
         const forward = this.active ? 'visible' : 'hidden';
@@ -66,7 +66,7 @@ __decorate([
 ], IgcCarouselIndicatorComponent.prototype, "_carousel", void 0);
 __decorate([
     property({ attribute: false })
-], IgcCarouselIndicatorComponent.prototype, "active", null);
+], IgcCarouselIndicatorComponent.prototype, "active", void 0);
 __decorate([
     property({ attribute: false })
 ], IgcCarouselIndicatorComponent.prototype, "index", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"carousel-indicator.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-indicator.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAcjE,MAAqB,6BAA8B,SAAQ,UAAU;IAK5D,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,6BAA6B,CAAC,CAAC;IACnD,CAAC;IAQD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,CAAC;IAID,IAAW,MAAM,CAAC,KAAc;QAC9B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,CAAC,UAAU,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;IACzD,CAAC;IAED,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,OAAO,CAAC;IACtB,CAAC;IAMD;QACE,KAAK,EAAE,CAAC;QA3BF,YAAO,GAAG,KAAK,CAAC;QAwBjB,UAAK,GAAG,CAAC,CAAC;QAKf,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACzC,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,KAAK,CAAC;IAC/B,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC;IACvC,CAAC;IAEkB,UAAU;QAC3B,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAC9E,CAAC;IAEkB,MAAM;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;QACnD,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QAEpD,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;;;;2CAIP,QAAQ,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;;;KAGvE,CAAC;IACJ,CAAC;;AAlEsB,qCAAO,GAAG,wBAAwB,AAA3B,CAA4B;AACnC,oCAAM,GAAG,MAAM,AAAT,CAAU;eAFpB,6BAA6B;AAaxC;IADP,OAAO,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;gEACd;AAQzC;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;2DAK9B;AAQM;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4DACd","sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { carouselContext } from '../common/context.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { formatString } from '../common/util.js';\nimport type IgcCarouselComponent from './carousel.js';\nimport { styles } from './themes/carousel-indicator.base.css.js';\n\n/**\n * Used when a custom indicator needs to be passed to the `igc-carousel` component.\n *\n * @element igc-carousel-indicator\n *\n * @slot - Default slot for projected inactive indicator.\n * @slot active - Default slot for projected active indicator.\n *\n * @csspart indicator - The wrapping container of the carousel dot indicator.\n * @csspart inactive - The wrapping container of the inactive dot indicator.\n * @csspart active - The wrapping container of the active dot indicator.\n */\nexport default class IgcCarouselIndicatorComponent extends LitElement {\n  public static readonly tagName = 'igc-carousel-indicator';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcCarouselIndicatorComponent);\n  }\n\n  private _active = false;\n  private _internals: ElementInternals;\n\n  @consume({ context: carouselContext, subscribe: true })\n  private _carousel?: IgcCarouselComponent;\n\n  protected get _labelFormat() {\n    return this._carousel ? this._carousel.indicatorsLabelFormat : '';\n  }\n\n  /* blazorSuppress */\n  @property({ attribute: false })\n  public set active(value: boolean) {\n    this._active = Boolean(value);\n    this.tabIndex = this._active ? 0 : -1;\n    this._internals.ariaSelected = this._active.toString();\n  }\n\n  public get active(): boolean {\n    return this._active;\n  }\n\n  /* blazorSuppress */\n  @property({ attribute: false })\n  public index = 0;\n\n  constructor() {\n    super();\n\n    this._internals = this.attachInternals();\n    this._internals.role = 'tab';\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.role = 'tab';\n    this.slot = this.slot || 'indicator';\n  }\n\n  protected override willUpdate(): void {\n    this._internals.ariaLabel = formatString(this._labelFormat, this.index + 1);\n  }\n\n  protected override render() {\n    const forward = this.active ? 'visible' : 'hidden';\n    const backward = this.active ? 'hidden' : 'visible';\n\n    return html`\n      <div\n        part=\"indicator inactive\"\n        style=${styleMap({ visibility: backward })}\n      >\n        <slot></slot>\n      </div>\n      <div part=\"indicator active\" style=${styleMap({ visibility: forward })}>\n        <slot name=\"active\"></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-carousel-indicator': IgcCarouselIndicatorComponent;\n  }\n}\n"]}
+{"version":3,"file":"carousel-indicator.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-indicator.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAcjE,MAAqB,6BAA8B,SAAQ,UAAU;IAArE;;QASmB,eAAU,GAAG,sBAAsB,CAAC,IAAI,EAAE;YACzD,WAAW,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;SAC7B,CAAC,CAAC;QAWI,WAAM,GAAG,KAAK,CAAC;QAIf,UAAK,GAAG,CAAC,CAAC;IAoCnB,CAAC;IAzDQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,6BAA6B,CAAC,CAAC;IACnD,CAAC;IASD,IAAc,YAAY;QACxB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,CAAC;IAWe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,WAAW,CAAC;IACvC,CAAC;IAEkB,UAAU,CAAC,iBAAuC;QACnE,IAAI,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACrC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QACpE,CAAC;QAED,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;YACtB,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;SAC3D,CAAC,CAAC;IACL,CAAC;IAEkB,MAAM;QACvB,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;QACnD,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QAEpD,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;;;;2CAIP,QAAQ,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC;;;KAGvE,CAAC;IACJ,CAAC;;AA5DsB,qCAAO,GAAG,wBAAwB,AAA3B,CAA4B;AACnC,oCAAM,GAAG,MAAM,AAAT,CAAU;eAFpB,6BAA6B;AAcxC;IADP,OAAO,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;gEACd;AAQlC;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;6DACT;AAIf;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4DACd","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement, type PropertyValues } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { carouselContext } from '../common/context.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { formatString } from '../common/util.js';\nimport type IgcCarouselComponent from './carousel.js';\nimport { styles } from './themes/carousel-indicator.base.css.js';\n\n/**\n * Used when a custom indicator needs to be passed to the `igc-carousel` component.\n *\n * @element igc-carousel-indicator\n *\n * @slot - Default slot for projected inactive indicator.\n * @slot active - Default slot for projected active indicator.\n *\n * @csspart indicator - The wrapping container of the carousel dot indicator.\n * @csspart inactive - The wrapping container of the inactive dot indicator.\n * @csspart active - The wrapping container of the active dot indicator.\n */\nexport default class IgcCarouselIndicatorComponent extends LitElement {\n  public static readonly tagName = 'igc-carousel-indicator';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcCarouselIndicatorComponent);\n  }\n\n  private readonly _internals = addInternalsController(this, {\n    initialARIA: { role: 'tab' },\n  });\n\n  @consume({ context: carouselContext, subscribe: true })\n  private _carousel?: IgcCarouselComponent;\n\n  protected get _labelFormat(): string {\n    return this._carousel ? this._carousel.indicatorsLabelFormat : '';\n  }\n\n  /* blazorSuppress */\n  @property({ attribute: false })\n  public active = false;\n\n  /* blazorSuppress */\n  @property({ attribute: false })\n  public index = 0;\n\n  /** @internal */\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.role = 'tab';\n    this.slot = this.slot || 'indicator';\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('active')) {\n      this.tabIndex = this.active ? 0 : -1;\n      this._internals.setARIA({ ariaSelected: this.active.toString() });\n    }\n\n    this._internals.setARIA({\n      ariaLabel: formatString(this._labelFormat, this.index + 1),\n    });\n  }\n\n  protected override render() {\n    const forward = this.active ? 'visible' : 'hidden';\n    const backward = this.active ? 'hidden' : 'visible';\n\n    return html`\n      <div\n        part=\"indicator inactive\"\n        style=${styleMap({ visibility: backward })}\n      >\n        <slot></slot>\n      </div>\n      <div part=\"indicator active\" style=${styleMap({ visibility: forward })}>\n        <slot name=\"active\"></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-carousel-indicator': IgcCarouselIndicatorComponent;\n  }\n}\n"]}

package/components/carousel/carousel-slide.d.ts

@@ -11,8 +11,8 @@ export default class IgcCarouselSlideComponent extends LitElement {
     static readonly tagName = "igc-carousel-slide";
     static register(): void;
     private static readonly increment;
-    private _internals;
-    private _animationPlayer;
+    private readonly _internals;
+    private readonly _animationPlayer;
     private _carousel?;
     protected get _index(): number;
     protected get _total(): number;
@@ -29,7 +29,6 @@ export default class IgcCarouselSlideComponent extends LitElement {
      * @deprecated since 5.4.0. Use Carousel's `select` method instead.
      */
     toggleAnimation(type: 'in' | 'out', direction?: 'normal' | 'reverse'): Promise<boolean>;
-    constructor();
     protected willUpdate(): void;
     connectedCallback(): void;
     protected render(): import("lit-html").TemplateResult<1>;

package/components/carousel/carousel-slide.js

@@ -5,16 +5,29 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { consume } from '@lit/context';
-import { LitElement, html } from 'lit';
+import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
 import { EaseInOut } from '../../animations/easings.js';
 import { addAnimationController } from '../../animations/player.js';
 import { carouselContext } from '../common/context.js';
+import { addInternalsController } from '../common/controllers/internals.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { createCounter, formatString } from '../common/util.js';
 import { animations } from './animations.js';
 import { styles } from './themes/carousel-slide.base.css.js';
 class IgcCarouselSlideComponent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this._internals = addInternalsController(this, {
+            initialARIA: {
+                role: 'tabpanel',
+                ariaRoleDescription: 'slide',
+            },
+        });
+        this._animationPlayer = addAnimationController(this);
+        this.active = false;
+        this.previous = false;
+    }
     static register() {
         registerComponent(IgcCarouselSlideComponent);
     }
@@ -47,17 +60,10 @@ class IgcCarouselSlideComponent extends LitElement {
         ]);
         return event.type === 'finish';
     }
-    constructor() {
-        super();
-        this._animationPlayer = addAnimationController(this);
-        this.active = false;
-        this.previous = false;
-        this._internals = this.attachInternals();
-        this._internals.role = 'tabpanel';
-        this._internals.ariaRoleDescription = 'slide';
-    }
     willUpdate() {
-        this._internals.ariaLabel = formatString(this._labelFormat, this._index + 1, this._total);
+        this._internals.setARIA({
+            ariaLabel: formatString(this._labelFormat, this._index + 1, this._total),
+        });
     }
     connectedCallback() {
         super.connectedCallback();

package/components/carousel/carousel-slide.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-slide.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-slide.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport { EaseInOut } from '../../animations/easings.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { carouselContext } from '../common/context.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createCounter, formatString } from '../common/util.js';\nimport { animations } from './animations.js';\nimport type IgcCarouselComponent from './carousel.js';\nimport { styles } from './themes/carousel-slide.base.css.js';\n\n/**\n * A single content container within a set of containers used in the context of an `igc-carousel`.\n *\n * @element igc-carousel-slide\n *\n * @slot Default slot for the carousel slide.\n */\n\nexport default class IgcCarouselSlideComponent extends LitElement {\n  public static override styles = styles;\n  public static readonly tagName = 'igc-carousel-slide';\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcCarouselSlideComponent);\n  }\n\n  private static readonly increment = createCounter();\n\n  private _internals: ElementInternals;\n  private _animationPlayer = addAnimationController(this);\n\n  @consume({ context: carouselContext, subscribe: true })\n  private _carousel?: IgcCarouselComponent;\n\n  protected get _index() {\n    return this._carousel ? this._carousel.slides.indexOf(this) : 0;\n  }\n\n  protected get _total() {\n    return this._carousel ? this._carousel.slides.length : 0;\n  }\n\n  protected get _animation() {\n    const animation = this._carousel?.animationType ?? 'slide';\n\n    if (animation === 'slide') {\n      return this._carousel?.vertical ? 'slideVer' : 'slideHor';\n    }\n\n    return animation;\n  }\n\n  protected get _labelFormat() {\n    return this._carousel ? this._carousel.slidesLabelFormat : '';\n  }\n\n  /**\n   * The current active slide for the carousel component.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  /* blazorSuppress */\n  @property({ type: Boolean, reflect: true })\n  public previous = false;\n\n  /**\n   * @hidden @internal\n   * @deprecated since 5.4.0. Use Carousel's `select` method instead.\n   */\n  public async toggleAnimation(\n    type: 'in' | 'out',\n    direction: 'normal' | 'reverse' = 'normal'\n  ) {\n    const animation = animations.get(this._animation)!.get(type)!;\n\n    const options: KeyframeAnimationOptions = {\n      duration: 320,\n      easing: EaseInOut.Quad,\n      direction,\n    };\n\n    const [_, event] = await Promise.all([\n      this._animationPlayer.stopAll(),\n      this._animationPlayer.play(animation(options)),\n    ]);\n\n    return event.type === 'finish';\n  }\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n\n    this._internals.role = 'tabpanel';\n    this._internals.ariaRoleDescription = 'slide';\n  }\n\n  protected override willUpdate(): void {\n    this._internals.ariaLabel = formatString(\n      this._labelFormat,\n      this._index + 1,\n      this._total\n    );\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.id =\n      this.id || `igc-carousel-slide-${IgcCarouselSlideComponent.increment()}`;\n  }\n\n  protected override render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-carousel-slide': IgcCarouselSlideComponent;\n  }\n}\n"]}
+{"version":3,"file":"carousel-slide.js","sourceRoot":"","sources":["../../../src/components/carousel/carousel-slide.ts"],"names":[],"mappings":"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","sourcesContent":["import { consume } from '@lit/context';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { EaseInOut } from '../../animations/easings.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { carouselContext } from '../common/context.js';\nimport { addInternalsController } from '../common/controllers/internals.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createCounter, formatString } from '../common/util.js';\nimport { animations } from './animations.js';\nimport type IgcCarouselComponent from './carousel.js';\nimport { styles } from './themes/carousel-slide.base.css.js';\n\n/**\n * A single content container within a set of containers used in the context of an `igc-carousel`.\n *\n * @element igc-carousel-slide\n *\n * @slot Default slot for the carousel slide.\n */\nexport default class IgcCarouselSlideComponent extends LitElement {\n  public static override styles = styles;\n  public static readonly tagName = 'igc-carousel-slide';\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcCarouselSlideComponent);\n  }\n\n  private static readonly increment = createCounter();\n\n  private readonly _internals = addInternalsController(this, {\n    initialARIA: {\n      role: 'tabpanel',\n      ariaRoleDescription: 'slide',\n    },\n  });\n\n  private readonly _animationPlayer = addAnimationController(this);\n\n  @consume({ context: carouselContext, subscribe: true })\n  private _carousel?: IgcCarouselComponent;\n\n  protected get _index() {\n    return this._carousel ? this._carousel.slides.indexOf(this) : 0;\n  }\n\n  protected get _total() {\n    return this._carousel ? this._carousel.slides.length : 0;\n  }\n\n  protected get _animation() {\n    const animation = this._carousel?.animationType ?? 'slide';\n\n    if (animation === 'slide') {\n      return this._carousel?.vertical ? 'slideVer' : 'slideHor';\n    }\n\n    return animation;\n  }\n\n  protected get _labelFormat() {\n    return this._carousel ? this._carousel.slidesLabelFormat : '';\n  }\n\n  /**\n   * The current active slide for the carousel component.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public active = false;\n\n  /* blazorSuppress */\n  @property({ type: Boolean, reflect: true })\n  public previous = false;\n\n  /**\n   * @hidden @internal\n   * @deprecated since 5.4.0. Use Carousel's `select` method instead.\n   */\n  public async toggleAnimation(\n    type: 'in' | 'out',\n    direction: 'normal' | 'reverse' = 'normal'\n  ) {\n    const animation = animations.get(this._animation)!.get(type)!;\n\n    const options: KeyframeAnimationOptions = {\n      duration: 320,\n      easing: EaseInOut.Quad,\n      direction,\n    };\n\n    const [_, event] = await Promise.all([\n      this._animationPlayer.stopAll(),\n      this._animationPlayer.play(animation(options)),\n    ]);\n\n    return event.type === 'finish';\n  }\n\n  protected override willUpdate(): void {\n    this._internals.setARIA({\n      ariaLabel: formatString(this._labelFormat, this._index + 1, this._total),\n    });\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n\n    this.id =\n      this.id || `igc-carousel-slide-${IgcCarouselSlideComponent.increment()}`;\n  }\n\n  protected override render() {\n    return html` <slot></slot> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-carousel-slide': IgcCarouselSlideComponent;\n  }\n}\n"]}

package/components/carousel/carousel.d.ts

@@ -35,7 +35,6 @@ export default class IgcCarouselComponent extends IgcCarouselComponent_base {
     static register(): void;
     private static readonly increment;
     private readonly _carouselId;
-    private readonly _internals;
     private _lastInterval;
     private _hasKeyboardInteractionOnIndicators;
     private _hasMouseStop;