Merge branch 'master' into apetrov/add-file-input-css-vars

Author: desig9stein

package-lock.json

@@ -35,7 +35,7 @@
     "lint": "npm run lint:biome && npm run lint:lit-analyzer && npm run lint:prettier && npm run lint:styles",
     "lint:biome": "biome lint",
     "lint:lit-analyzer": "lit-analyzer",
-    "lint:prettier": "prettier \"**/*.ts\" --check --ignore-path .gitignore",
+    "lint:prettier": "prettier \"**/*.ts\" --check --experimental-cli --ignore-path .gitignore",
     "lint:styles": "stylelint \"src/**/*.scss\"",
     "format": "biome check --fix && prettier \"**/*.ts\" --write --ignore-path .gitignore",
     "release": "node scripts/gen-changelog.mjs",
@@ -58,7 +58,7 @@
     "lit": "^3.3.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.0.0",
+    "@biomejs/biome": "~2.0.4",
     "@custom-elements-manifest/analyzer": "^0.10.4",
     "@igniteui/material-icons-extended": "^3.1.0",
     "@open-wc/testing": "^4.0.0",
@@ -73,7 +73,7 @@
     "autoprefixer": "^10.4.21",
     "browser-sync": "^3.0.4",
     "cem-plugin-expanded-types": "^1.4.0",
-    "concurrently": "^9.1.2",
+    "concurrently": "^9.2.0",
     "custom-element-jet-brains-integration": "^1.7.0",
     "custom-element-vs-code-integration": "^1.5.0",
     "globby": "^14.1.0",
@@ -87,7 +87,7 @@
     "node-watch": "^0.7.4",
     "playwright": "^1.53.1",
     "postcss": "^8.5.6",
-    "prettier": "^3.5.3",
+    "prettier": "^3.6.0",
     "rimraf": "^6.0.1",
     "sass-embedded": "~1.78.0",
     "sinon": "^21.0.0",

package.json

@@ -11,7 +11,7 @@ import {
   shiftKey,
 } from '../common/controllers/key-bindings.js';
 import { registerComponent } from '../common/definitions/register.js';
-import { first, last } from '../common/util.js';
+import { addSafeEventListener, first, last } from '../common/util.js';
 import IgcExpansionPanelComponent from '../expansion-panel/expansion-panel.js';
 import { styles } from './themes/accordion.base.css.js';
 
@@ -52,7 +52,7 @@ export default class IgcAccordionComponent extends LitElement {
   constructor() {
     super();
 
-    this.addEventListener('igcOpening', this.handlePanelOpening);
+    addSafeEventListener(this, 'igcOpening' as any, this.handlePanelOpening);
 
     addKeybindings(this, {
       skip: this.skipKeybinding,

src/components/accordion/accordion.ts

@@ -12,7 +12,13 @@ import { createDateTimeFormatters } from '../../common/localization/intl-formatt
 import type { Constructor } from '../../common/mixins/constructor.js';
 import { EventEmitterMixin } from '../../common/mixins/event-emitter.js';
 import { partMap } from '../../common/part-map.js';
-import { chunk, first, last, take } from '../../common/util.js';
+import {
+  addSafeEventListener,
+  chunk,
+  first,
+  last,
+  take,
+} from '../../common/util.js';
 import { IgcCalendarBaseComponent } from '../base.js';
 import {
   areSameMonth,
@@ -138,7 +144,7 @@ export default class IgcDaysViewComponent extends EventEmitterMixin<
       bindingDefaults: { preventDefault: true },
     }).setActivateHandler(this.handleInteraction);
 
-    this.addEventListener('click', this.handleInteraction);
+    addSafeEventListener(this, 'click', this.handleInteraction);
   }
 
   public override connectedCallback() {

src/components/calendar/days-view/days-view.ts

@@ -12,7 +12,7 @@ import { createDateTimeFormatters } from '../../common/localization/intl-formatt
 import type { Constructor } from '../../common/mixins/constructor.js';
 import { EventEmitterMixin } from '../../common/mixins/event-emitter.js';
 import { partMap } from '../../common/part-map.js';
-import { chunk } from '../../common/util.js';
+import { addSafeEventListener, chunk } from '../../common/util.js';
 import { areSameMonth, getViewElement, MONTHS_PER_ROW } from '../helpers.js';
 import { CalendarDay } from '../model.js';
 import { all } from '../themes/year-month.js';
@@ -90,7 +90,7 @@ export default class IgcMonthsViewComponent extends EventEmitterMixin<
       bindingDefaults: { preventDefault: true },
     }).setActivateHandler(this.handleInteraction);
 
-    this.addEventListener('click', this.handleInteraction);
+    addSafeEventListener(this, 'click', this.handleInteraction);
   }
 
   public override connectedCallback() {

src/components/calendar/months-view/months-view.ts

@@ -10,7 +10,7 @@ import { registerComponent } from '../../common/definitions/register.js';
 import type { Constructor } from '../../common/mixins/constructor.js';
 import { EventEmitterMixin } from '../../common/mixins/event-emitter.js';
 import { partMap } from '../../common/part-map.js';
-import { chunk } from '../../common/util.js';
+import { addSafeEventListener, chunk } from '../../common/util.js';
 import { getViewElement, getYearRange, YEARS_PER_ROW } from '../helpers.js';
 import { CalendarDay } from '../model.js';
 import { all } from '../themes/year-month.js';
@@ -71,7 +71,7 @@ export default class IgcYearsViewComponent extends EventEmitterMixin<
       bindingDefaults: { preventDefault: true },
     }).setActivateHandler(this.handleInteraction);
 
-    this.addEventListener('click', this.handleInteraction);
+    addSafeEventListener(this, 'click', this.handleInteraction);
   }
 
   public override connectedCallback() {

src/components/calendar/years-view/years-view.ts

@@ -34,6 +34,7 @@ import type { Constructor } from '../common/mixins/constructor.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { partMap } from '../common/part-map.js';
 import {
+  addSafeEventListener,
   asNumber,
   createCounter,
   findElementFromEventPath,
@@ -328,13 +329,12 @@ export default class IgcCarouselComponent extends EventEmitterMixin<
       },
     });
 
-    this.addEventListener('pointerenter', this.handlePointerEnter);
-    this.addEventListener('pointerleave', this.handlePointerLeave);
-    this.addEventListener('pointerdown', () => {
+    addSafeEventListener(this, 'pointerenter', this.handlePointerEnter);
+    addSafeEventListener(this, 'pointerleave', this.handlePointerLeave);
+    addSafeEventListener(this, 'pointerdown', () => {
       this._hasInnerFocus = false;
     });
-
-    this.addEventListener('keyup', () => {
+    addSafeEventListener(this, 'keyup', () => {
       this._hasInnerFocus = true;
     });
 

src/components/carousel/carousel.ts

@@ -23,6 +23,7 @@ import {
 } from '../common/mixins/forms/form-value.js';
 import { partMap } from '../common/part-map.js';
 import {
+  addSafeEventListener,
   asArray,
   equal,
   findElementFromEventPath,
@@ -475,8 +476,9 @@ export default class IgcComboComponent<
   constructor() {
     super();
 
-    this.addEventListener('blur', this._handleBlur);
+    addSafeEventListener(this, 'blur', this._handleBlur);
 
+    // TODO
     this.addEventListener(
       'keydown',
       this._navigation.navigateHost.bind(this._navigation)