Merge branch 'master' of https://github.com/IgniteUI/igniteui-webcomponents into dmdimitrov/chat-ai-component

Author: teodosiah

CHANGELOG.md

@@ -4,11 +4,27 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
-## [Unreleased]
+## [6.1.2] - 2025-07-14
+### Added
+- #### File input
+  - Exposed CSS variables for styling most of the Shadow DOM parts [#1747](https://github.com/IgniteUI/igniteui-webcomponents/pull/1747)
+
 ### Fixed
+- #### Calendar
+  - Vertical mode container paddings [#1775](https://github.com/IgniteUI/igniteui-webcomponents/pull/1775)
 - #### Carousel
   - Pause automatic rotation on pointer-initiated focus [#1731](https://github.com/IgniteUI/igniteui-webcomponents/issues/1731)
   - Ensure `igcSlideChanged` event is emitted when a slide is changed [#1772](https://github.com/IgniteUI/igniteui-webcomponents/issues/1772)
+- #### Date picker
+  - Styling issues [#1765](https://github.com/IgniteUI/igniteui-webcomponents/pull/1765)
+- #### Date range picker
+  - CSS borders and elevation [#1764](https://github.com/IgniteUI/igniteui-webcomponents/pull/1764)
+- #### File input
+  - Bootstrap invalid box-shadow styles [#1747](https://github.com/IgniteUI/igniteui-webcomponents/pull/1747)
+- #### Stepper
+  - Error when setting linear property in deferred rendering scenarios [#1672](https://github.com/IgniteUI/igniteui-webcomponents/pull/1672)
+- #### Textarea
+  - Readonly state styles [#1768](https://github.com/IgniteUI/igniteui-webcomponents/pull/1768)
 
 ## [6.1.1] - 2025-06-25
 ### Fixed
@@ -937,6 +953,7 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
 
+[6.1.2]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.1.1...6.1.2
 [6.1.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.1.0...6.1.1
 [6.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.0.1...6.1.0
 [6.0.1]: https://github.com/IgniteUI/igniteui-webcomponents/compare/6.0.0...6.0.1

package-lock.json

@@ -53,9 +53,9 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.2",
-    "@lit-labs/virtualizer": "^2.1.0",
-    "@lit/context": "^1.1.5",
-    "lit": "^3.3.0"
+    "@lit-labs/virtualizer": "^2.1.1",
+    "@lit/context": "^1.1.6",
+    "lit": "^3.3.1"
   },
   "devDependencies": {
     "@biomejs/biome": "~2.1.1",
@@ -79,13 +79,13 @@
     "globby": "^14.1.0",
     "husky": "^9.1.7",
     "ig-typedoc-theme": "^6.2.2",
-    "igniteui-theming": "^19.1.1",
+    "igniteui-theming": "^19.1.2",
     "keep-a-changelog": "^2.6.2",
     "lint-staged": "^16.1.2",
     "lit-analyzer": "^2.0.3",
     "madge": "^8.0.0",
     "node-watch": "^0.7.4",
-    "playwright": "^1.53.2",
+    "playwright": "^1.54.1",
     "postcss": "^8.5.6",
     "prettier": "^3.6.2",
     "rimraf": "^6.0.1",
@@ -101,7 +101,7 @@
     "typedoc": "~0.27.9",
     "typedoc-plugin-localization": "^3.0.6",
     "typescript": "^5.8.3",
-    "vite": "^7.0.3"
+    "vite": "^7.0.4"
   },
   "peerDependencies": {
     "@google/genai": "^1.3.0",

package.json

@@ -35,7 +35,7 @@ export default class IgcCarouselIndicatorComponent extends LitElement {
   });
 
   @consume({ context: carouselContext, subscribe: true })
-  private _carousel?: IgcCarouselComponent;
+  private readonly _carousel?: IgcCarouselComponent;
 
   protected get _labelFormat(): string {
     return this._carousel ? this._carousel.indicatorsLabelFormat : '';

src/components/carousel/carousel-indicator.ts

@@ -6,11 +6,13 @@ 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 { formatString } from '../common/util.js';
 import { animations } from './animations.js';
 import type IgcCarouselComponent from './carousel.js';
 import { styles } from './themes/carousel-slide.base.css.js';
 
+let nextId = 1;
+
 /**
  * A single content container within a set of containers used in the context of an `igc-carousel`.
  *
@@ -27,25 +29,23 @@ export default class IgcCarouselSlideComponent extends LitElement {
     registerComponent(IgcCarouselSlideComponent);
   }
 
-  private static readonly increment = createCounter();
-
   private readonly _internals = addInternalsController(this, {
     initialARIA: {
       role: 'tabpanel',
       ariaRoleDescription: 'slide',
     },
   });
 
-  private readonly _animationPlayer = addAnimationController(this);
+  private readonly _player = addAnimationController(this);
 
   @consume({ context: carouselContext, subscribe: true })
-  private _carousel?: IgcCarouselComponent;
+  private readonly _carousel?: IgcCarouselComponent;
 
-  protected get _index() {
+  protected get _index(): number {
     return this._carousel ? this._carousel.slides.indexOf(this) : 0;
   }
 
-  protected get _total() {
+  protected get _total(): number {
     return this._carousel ? this._carousel.slides.length : 0;
   }
 
@@ -59,7 +59,7 @@ export default class IgcCarouselSlideComponent extends LitElement {
     return animation;
   }
 
-  protected get _labelFormat() {
+  protected get _labelFormat(): string {
     return this._carousel ? this._carousel.slidesLabelFormat : '';
   }
 
@@ -81,21 +81,16 @@ export default class IgcCarouselSlideComponent extends LitElement {
   public async toggleAnimation(
     type: 'in' | 'out',
     direction: 'normal' | 'reverse' = 'normal'
-  ) {
+  ): Promise<boolean> {
     const animation = animations.get(this._animation)!.get(type)!;
 
-    const options: KeyframeAnimationOptions = {
-      duration: 320,
-      easing: EaseInOut.Quad,
-      direction,
-    };
-
-    const [_, event] = await Promise.all([
-      this._animationPlayer.stopAll(),
-      this._animationPlayer.play(animation(options)),
-    ]);
-
-    return event.type === 'finish';
+    return await this._player.playExclusive(
+      animation({
+        duration: 320,
+        easing: EaseInOut.Quad,
+        direction,
+      })
+    );
   }
 
   protected override willUpdate(): void {
@@ -104,15 +99,14 @@ export default class IgcCarouselSlideComponent extends LitElement {
     });
   }
 
+  /** @internal */
   public override connectedCallback(): void {
     super.connectedCallback();
-
-    this.id =
-      this.id || `igc-carousel-slide-${IgcCarouselSlideComponent.increment()}`;
+    this.id = this.id || `igc-carousel-slide-${nextId++}`;
   }
 
   protected override render() {
-    return html` <slot></slot> `;
+    return html`<slot></slot>`;
   }
 }