igniteui-webcomponents 4.3.0 → 4.3.1

package/components/tree/tree-item.js

@@ -14,6 +14,7 @@ import { styles as indigo } from './themes/light/tree-item.indigo.css.js';
 import { watch } from '../common/decorators/watch.js';
 import { themes } from '../../theming/theming-decorator.js';
 import { blazorSuppress } from '../common/decorators/blazorSuppress.js';
+import { AnimationPlayer, growVerIn, growVerOut, } from '../../animations/index.js';
 import { defineComponents } from '../common/definitions/defineComponents.js';
 import IgcIconComponent from '../icon/icon.js';
 import IgcCheckboxComponent from '../checkbox/checkbox.js';
@@ -42,6 +43,17 @@ let IgcTreeItemComponent = class IgcTreeItemComponent extends LitElement {
         this.loading = false;
         this.value = undefined;
     }
+    firstUpdated() {
+        this.animationPlayer = new AnimationPlayer(this.group);
+    }
+    async toggleAnimation(dir) {
+        const animation = dir === 'open' ? growVerIn : growVerOut;
+        const [_, event] = await Promise.all([
+            this.animationPlayer.stopAll(),
+            this.animationPlayer.play(animation),
+        ]);
+        return event.type === 'finish';
+    }
     bothChange() {
         if (this.hasChildren) {
             this.setAttribute('aria-expanded', this.expanded.toString());
@@ -102,10 +114,7 @@ let IgcTreeItemComponent = class IgcTreeItemComponent extends LitElement {
         var _a, _b;
         super.connectedCallback();
         this.tree = this.closest('igc-tree');
-        this.parent =
-            ((_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.tagName.toLowerCase()) === 'igc-tree-item'
-                ? this.parentElement
-                : null;
+        this.parent = (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.closest('igc-tree-item');
         this.level = this.parent ? this.parent.level + 1 : 0;
         this.setAttribute('role', 'treeitem');
         this.addEventListener('blur', this.onBlur);
@@ -142,7 +151,10 @@ let IgcTreeItemComponent = class IgcTreeItemComponent extends LitElement {
         };
     }
     get directChildren() {
-        return Array.from(this.children).filter((x) => x.tagName.toLowerCase() === 'igc-tree-item');
+        return this.allChildren.filter((x) => {
+            var _a, _b, _c;
+            return (_c = ((_a = x.parent) !== null && _a !== void 0 ? _a : (_b = x.parentElement) === null || _b === void 0 ? void 0 : _b.closest('igc-tree-item'))) === null || _c === void 0 ? void 0 : _c.isSameNode(this);
+        });
     }
     get allChildren() {
         return Array.from(this.querySelectorAll(`igc-tree-item`));
@@ -269,7 +281,7 @@ let IgcTreeItemComponent = class IgcTreeItemComponent extends LitElement {
             return this.directChildren;
         }
     }
-    expandWithEvent() {
+    async expandWithEvent() {
         var _a, _b, _c;
         if (this.expanded) {
             return;
@@ -291,9 +303,11 @@ let IgcTreeItemComponent = class IgcTreeItemComponent extends LitElement {
             });
         }
         this.expanded = true;
-        (_c = this.tree) === null || _c === void 0 ? void 0 : _c.emitEvent('igcItemExpanded', { detail: this });
+        if (await this.toggleAnimation('open')) {
+            (_c = this.tree) === null || _c === void 0 ? void 0 : _c.emitEvent('igcItemExpanded', { detail: this });
+        }
     }
-    collapseWithEvent() {
+    async collapseWithEvent() {
         var _a, _b;
         if (!this.expanded) {
             return;
@@ -307,7 +321,9 @@ let IgcTreeItemComponent = class IgcTreeItemComponent extends LitElement {
             return;
         }
         this.expanded = false;
-        (_b = this.tree) === null || _b === void 0 ? void 0 : _b.emitEvent('igcItemCollapsed', { detail: this });
+        if (await this.toggleAnimation('close')) {
+            (_b = this.tree) === null || _b === void 0 ? void 0 : _b.emitEvent('igcItemCollapsed', { detail: this });
+        }
     }
     toggle() {
         this.expanded = !this.expanded;
@@ -383,8 +399,8 @@ let IgcTreeItemComponent = class IgcTreeItemComponent extends LitElement {
           </slot>
         </div>
       </div>
-      <div role="group">
-        <slot @slotchange=${this.handleChange} ?hidden=${!this.expanded}></slot>
+      <div role="group" aria-hidden=${!this.expanded}>
+        <slot @slotchange=${this.handleChange}></slot>
       </div>
     `;
     }
@@ -404,6 +420,9 @@ __decorate([
     query('#wrapper'),
     blazorSuppress()
 ], IgcTreeItemComponent.prototype, "wrapper", void 0);
+__decorate([
+    query('[role="group"]', true)
+], IgcTreeItemComponent.prototype, "group", void 0);
 __decorate([
     state()
 ], IgcTreeItemComponent.prototype, "isFocused", void 0);

package/components/tree/tree-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-item.js","sourceRoot":"","sources":["../../../src/components/tree/tree-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,QAAQ,EACR,KAAK,EACL,qBAAqB,EACrB,KAAK,GACN,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAE1E,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAGtD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAExE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,4BAA4B,MAAM,kCAAkC,CAAC;AAE5E,gBAAgB,CACd,gBAAgB,EAChB,oBAAoB,EACpB,4BAA4B,CAC7B,CAAC;AAEF,MAAM,cAAc,GAAiD;IACnE,KAAK,EAAE,CAAC,GAAG,CAAC;IACZ,MAAM,EAAE,CAAC,GAAG,CAAC;IACb,KAAK,EAAE,CAAC;CACT,CAAC;AAuBF,IAAqB,oBAAoB,GAAzC,MAAqB,oBAAqB,SAAQ,UAAU;IAA5D;;QAOU,4BAAuB,GAAG,KAAK,CAAC;QAMjC,WAAM,GAAgC,IAAI,CAAC;QAI3C,SAAI,GAAG,KAAK,CAAC;QAWZ,cAAS,GAAG,KAAK,CAAC;QAKnB,gBAAW,GAAG,KAAK,CAAC;QAIpB,UAAK,GAAG,CAAC,CAAC;QAKV,kBAAa,GAAG,KAAK,CAAC;QAOtB,UAAK,GAAG,EAAE,CAAC;QAOX,aAAQ,GAAG,KAAK,CAAC;QAOjB,WAAM,GAAG,KAAK,CAAC;QAOf,aAAQ,GAAG,KAAK,CAAC;QAOjB,aAAQ,GAAG,KAAK,CAAC;QAOjB,YAAO,GAAG,KAAK,CAAC;QAQhB,UAAK,GAAQ,SAAS,CAAC;IAkZhC,CAAC;IA9YW,UAAU;QAClB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;SAC9D;aAAM;YACL,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;SACvC;IACH,CAAC;IAGS,cAAc,CAAC,QAAiB;;QAExC,MAAA,IAAI,CAAC,UAAU,0CAAE,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC3D,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;;YAC1B,IAAI,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,MAAK,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBAC5D,MAAA,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,0CAAE,OAAO,0CAAE,cAAc,CAAC;oBACpD,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,SAAS;iBAClB,CAAC,CAAC;aACJ;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAGS,YAAY;;QACpB,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,UAAU,MAAK,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACzE,OAAO;SACR;QACD,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;SAC5C;QAED,MAAA,IAAI,CAAC,IAAI,0CAAE,YAAY,CAAC,IAAI,CAAC,CAAC;QAE9B,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;;YAC1B,MAAA,IAAI,CAAC,OAAO,0CAAE,cAAc,CAAC;gBAC3B,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;aAClB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAGS,cAAc;;QACtB,MAAA,IAAI,CAAC,UAAU,0CAAE,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IAGS,cAAc;;QACtB,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,gBAAgB,0CAAE,cAAc,CAAC,IAAI,CAAC,CAAA,EAAE;YACjE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,sBAAsB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;SACvD;QACD,IAAI,CAAC,IAAI,CAAC,QAAQ,KAAI,MAAA,IAAI,CAAC,gBAAgB,0CAAE,cAAc,CAAC,IAAI,CAAC,CAAA,EAAE;YACjE,MAAA,IAAI,CAAC,gBAAgB,0CAAE,wBAAwB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;SACzD;IACH,CAAC;IAEe,iBAAiB;;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAqB,CAAC;QACzD,IAAI,CAAC,MAAM;YACT,CAAA,MAAA,IAAI,CAAC,aAAa,0CAAE,OAAO,CAAC,WAAW,EAAE,MAAK,eAAe;gBAC3D,CAAC,CAAE,IAAI,CAAC,aAAsC;gBAC9C,CAAC,CAAC,IAAI,CAAC;QACX,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrD,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7C,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACvD,IAAI,CAAC,YAAY,EAAE,CAAC;QAEpB,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,IAAI,CAAC,cAAc,EAAE,CAAC;SACvB;aAAM;YAGL,MAAA,IAAI,CAAC,gBAAgB,0CAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC;SACjD;QACD,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAEe,oBAAoB;;QAClC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,MAAA,IAAI,CAAC,gBAAgB,0CAAE,uBAAuB,CAAC,IAAI,CAAC,CAAC;QACrD,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;IAED,IAAY,gBAAgB;;QAC1B,OAAO,MAAA,IAAI,CAAC,IAAI,0CAAE,gBAAgB,CAAC;IACrC,CAAC;IAED,IAAY,UAAU;;QACpB,OAAO,MAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,CAAC;IAC/B,CAAC;IAED,IAAY,KAAK;QACf,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EAAE,IAAI,CAAC,SAAS;YACvB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;IACJ,CAAC;IAED,IAAY,cAAc;QACxB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CACrC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,eAAe,CACzB,CAAC;IAC9B,CAAC;IAED,IAAY,WAAW;QACrB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;IAC5D,CAAC;IAGD,IAAW,IAAI;;QACb,OAAO,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,IAAI,EAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAClE,CAAC;IAEO,WAAW,CAAC,KAAiB;;QACnC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QACD,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,MAAA,IAAI,CAAC,UAAU,0CAAE,uBAAuB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAC9D,CAAC;IAEO,oBAAoB;QAC1B,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QACD,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC1B;aAAM;YACL,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;IACH,CAAC;IAEO,aAAa,CAAC,KAAiB;;QACrC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,KAAK,CAAC,QAAQ,EAAE;YAClB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,mBAAmB,CAAC,IAAI,CAAC,CAAC;YACjD,OAAO;SACR;QACD,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,YAAY,CAAC,IAAI,CAAC,CAAC;SAC3C;aAAM;YACL,MAAA,IAAI,CAAC,gBAAgB,0CAAE,UAAU,CAAC,IAAI,CAAC,CAAC;SACzC;IACH,CAAC;IAEO,OAAO;;QACb,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QACD,IAAI,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,MAAK,IAAI,EAAE;YACzC,MAAA,IAAI,CAAC,UAAU,0CAAE,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACxC,MAAA,IAAI,CAAC,OAAO,0CAAE,cAAc,CAAC;gBAC3B,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;aAClB,CAAC,CAAC;SACJ;QACD,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE;YAG7C,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,OAAoB,EAAE,EAAE;gBAC/C,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;YACvB,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC;YACpC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;YAC3B,OAAO;SACR;QACD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACxB,CAAC;IAEO,MAAM;QACZ,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAEO,SAAS,CAAC,EAAS;;QACzB,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,eAAe,EAAE,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAElB,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;gBACjC,MAAA,IAAI,CAAC,UAAU,0CAAE,OAAO,CAAC,CAAC,OAAoB,EAAE,EAAE;oBAChD,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC;gBACvB,CAAC,CAAC,CAAC;aACJ;YACD,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YACjC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YACtB,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;SACtC;IACH,CAAC;IAEO,UAAU,CAAC,EAAS;;QAC1B,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,eAAe,EAAE,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,MAAA,IAAI,CAAC,UAAU,0CAAE,OAAO,CAAC,CAAC,OAAoB,EAAE,EAAE;YAChD,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QACxB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,WAAW,MAAK,IAAI,EAAE;YAEzC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;SACpC;IACH,CAAC;IAEO,WAAW;QACjB,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QACzC,MAAM,gBAAgB,GACpB,oFAAoF,CAAC;QAEvF,IAAI,CAAC,UAAU,GAAG;YAChB,GAAG,YAAY,CAAC,gBAAgB,CAAc,gBAAgB,CAAC;SAChE,CAAC;QACF,IAAI,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE;YAC1C,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC;SAC5C;QAED,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE;YAC7C,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YAClC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;YAEpD,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,OAAoB,EAAE,EAAE;gBAC/C,OAAO,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YACxB,CAAC,CAAC,CAAC;SACJ;aAAM;YACL,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;SACvC;IACH,CAAC;IAEO,YAAY;;QAClB,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;QAEhD,MAAA,IAAI,CAAC,UAAU,0CAAE,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IACpE,CAAC;IAQM,WAAW,CAChB,UAAgC,EAAE,OAAO,EAAE,KAAK,EAAE;QAElD,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,OAAO,IAAI,CAAC,WAAW,CAAC;SACzB;aAAM;YACL,OAAO,IAAI,CAAC,cAAc,CAAC;SAC5B;IACH,CAAC;IAMM,eAAe;;QACpB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QACD,MAAM,IAAI,GAAG;YACX,MAAM,EAAE,IAAI;YACZ,UAAU,EAAE,IAAI;SACjB,CAAC;QAEF,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;QAE/D,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,IAAI,MAAA,IAAI,CAAC,IAAI,0CAAE,kBAAkB,EAAE;YACjC,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;YACnE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAA0B,EAAE,EAAE;gBACrD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;oBACtB,IAAI,CAAC,iBAAiB,EAAE,CAAC;iBAC1B;YACH,CAAC,CAAC,CAAC;SACJ;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,MAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAC5D,CAAC;IAMM,iBAAiB;;QACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO;SACR;QACD,MAAM,IAAI,GAAG;YACX,MAAM,EAAE,IAAI;YACZ,UAAU,EAAE,IAAI;SACjB,CAAC;QAEF,MAAM,OAAO,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAC;QAEhE,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QACD,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,MAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7D,CAAC;IAGM,MAAM;QACX,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC;IAGM,MAAM;QACX,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAGM,QAAQ;QACb,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAEkB,MAAM;;QACvB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,IAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAE5E,OAAO,IAAI,CAAA;;;wBAGS,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI,IAAI,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;;+BAGnC,IAAI;;;;;;;YAOvB,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA;;;;eAIH;YACH,CAAC,CAAC,IAAI,CAAA;gDAC8B,IAAI,CAAC,oBAAoB;oBACrD,IAAI,CAAC,WAAW;gBAChB,CAAC,CAAC,IAAI,CAAA;;iCAEO,IAAI,CAAC,QAAQ;oBAClB,CAAC,CAAC,qBAAqB;oBACvB,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG,MAAK,KAAK;wBAC1B,CAAC,CAAC,iBAAiB;wBACnB,CAAC,CAAC,sBAAsB;;;;uBAI7B;gBACH,CAAC,CAAC,EAAE;;eAET;;UAEL,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,MAAK,MAAM;YAC/B,CAAC,CAAC,IAAI,CAAA;;;2BAGW,IAAI,CAAC,aAAa;6BAChB,IAAI,CAAC,QAAQ;mCACP,IAAI,CAAC,aAAa;8BACvB,IAAI,CAAC,QAAQ;;;;;aAK9B;YACH,CAAC,CAAC,EAAE;;;;0BAIY,IAAI,CAAC,WAAW;uBACnB,IAAI,CAAC,SAAS;wBACb,IAAI,CAAC,UAAU;;gCAEP,IAAI,CAAC,KAAK;;;;;4BAKd,IAAI,CAAC,YAAY,YAAY,CAAC,IAAI,CAAC,QAAQ;;KAElE,CAAC;IACJ,CAAC;;AA3esB,4BAAO,GAAG,eAAe,AAAlB,CAAmB;AAE1B,2BAAM,GAAG,MAAM,AAAT,CAAU;AAOhC;IADN,cAAc,EAAE;kDACc;AAMxB;IADN,cAAc,EAAE;kDACG;AAGZ;IADP,qBAAqB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yDACf;AAKlC;IAFN,KAAK,CAAC,UAAU,CAAC;IACjB,cAAc,EAAE;qDACY;AAGrB;IADP,KAAK,EAAE;uDACkB;AAKnB;IAFN,KAAK,EAAE;IACP,cAAc,EAAE;yDACU;AAIpB;IADN,KAAK,EAAE;mDACS;AAKV;IAFN,KAAK,EAAE;IACP,cAAc,EAAE;2DACY;AAOtB;IADN,QAAQ,EAAE;mDACO;AAOX;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACrB;AAOf;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDACpB;AAQhB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;mDACA;AAIpB;IAFT,KAAK,CAAC,UAAU,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;IACjD,KAAK,CAAC,aAAa,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;sDAOpD;AAGS;IADT,KAAK,CAAC,UAAU,CAAC;0DAiBjB;AAGS;IADT,KAAK,CAAC,QAAQ,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;wDAkB/C;AAGS;IADT,KAAK,CAAC,UAAU,CAAC;0DAGjB;AAGS;IADT,KAAK,CAAC,UAAU,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;0DAQjD;AA6LM;IADN,cAAc,EAAE;uDAShB;AAjWkB,oBAAoB;IADxC,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GACjB,oBAAoB,CA8exC;eA9eoB,oBAAoB","sourcesContent":["import {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { html, LitElement } from 'lit';\nimport { partNameMap } from '../common/util.js';\nimport { styles } from './themes/light/tree-item.base.css.js';\nimport { styles as bootstrap } from './themes/light/tree-item.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/tree-item.fluent.css.js';\nimport { styles as indigo } from './themes/light/tree-item.indigo.css.js';\nimport type IgcTreeComponent from './tree.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { IgcTreeSelectionService } from './tree.selection.js';\nimport { IgcTreeNavigationService } from './tree.navigation.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcCheckboxComponent from '../checkbox/checkbox.js';\nimport IgcCircularProgressComponent from '../progress/circular-progress.js';\n\ndefineComponents(\n  IgcIconComponent,\n  IgcCheckboxComponent,\n  IgcCircularProgressComponent\n);\n\nconst sizeMultiplier: Record<'small' | 'medium' | 'large', number> = {\n  small: 1 / 2,\n  medium: 2 / 3,\n  large: 1,\n};\n\n/**\n * The tree-item component represents a child item of the tree component or another tree item.\n *\n * @element igc-tree-item\n *\n * @slot - Renders nested tree-item component.\n * @slot label - Renders the tree item container.\n * @slot indicator - Renders the expand indicator container.\n * @slot loading - Renders the tree item loading indicator container.\n * @slot indentation - Renders the container (by default the space) before the tree item.\n *\n * @csspart wrapper - The wrapper for the tree item.\n * @csspart selected - Indicates selected state. Applies to `wrapper`.\n * @csspart focused - Indicates focused state. Applies to `wrapper`.\n * @csspart active - Indicates an active state. Applies to `wrapper`.\n * @csspart indicator - The expand indicator of the tree item.\n * @csspart label - The tree item content.\n * @csspart text - The tree item displayed text.\n * @csspart select - The checkbox of the tree item when selection is enabled.\n */\n@themes({ bootstrap, fluent, indigo })\nexport default class IgcTreeItemComponent extends LitElement {\n  /** @private */\n  public static readonly tagName = 'igc-tree-item';\n  /** @private */\n  public static override styles = styles;\n\n  private tabbableEl?: HTMLElement[];\n  private focusedProgrammatically = false;\n\n  /** A reference to the tree the item is a part of. */\n  @blazorSuppress()\n  public tree?: IgcTreeComponent;\n  /** The parent item of the current tree item (if any) */\n  public parent: IgcTreeItemComponent | null = null;\n\n  /** @private */\n  @blazorSuppress()\n  public init = false;\n\n  @queryAssignedElements({ slot: 'label', flatten: true })\n  private contentList!: Array<HTMLElement>;\n\n  /** @private */\n  @query('#wrapper')\n  @blazorSuppress()\n  public wrapper!: HTMLElement;\n\n  @state()\n  private isFocused = false;\n\n  /** @private */\n  @state()\n  @blazorSuppress()\n  public hasChildren = false;\n\n  /** The depth of the item, relative to the root. */\n  @state()\n  public level = 0;\n\n  /** @private */\n  @state()\n  @blazorSuppress()\n  public indeterminate = false;\n\n  /**\n   * The tree item label.\n   * @attr\n   */\n  @property()\n  public label = '';\n\n  /**\n   * The tree item expansion state.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public expanded = false;\n\n  /**\n   * Marks the item as the tree's active item.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public active = false;\n\n  /**\n   * Get/Set whether the tree item is disabled. Disabled items are ignored for user interactions.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  /**\n   * The tree item selection state.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public selected = false;\n\n  /**\n   * To be used for load-on-demand scenarios in order to specify whether the item is loading data.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public loading = false;\n\n  /**\n   * The value entry that the tree item is visualizing. Required for searching through items.\n   * @type any\n   * @attr\n   */\n  @property({ attribute: true })\n  public value: any = undefined;\n\n  @watch('expanded', { waitUntilFirstUpdate: true })\n  @watch('hasChildren', { waitUntilFirstUpdate: true })\n  protected bothChange(): void {\n    if (this.hasChildren) {\n      this.setAttribute('aria-expanded', this.expanded.toString());\n    } else {\n      this.removeAttribute('aria-expanded');\n    }\n  }\n\n  @watch('expanded')\n  protected expandedChange(oldValue: boolean): void {\n    // always update the visible cache\n    this.navService?.update_visible_cache(this, this.expanded);\n    if (!oldValue) {\n      return;\n    }\n    // await for load on demand children\n    Promise.resolve().then(() => {\n      if (this.navService?.focusedItem !== this && !this.isFocused) {\n        this.navService?.focusedItem?.wrapper?.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest',\n          inline: 'nearest',\n        });\n      }\n    });\n  }\n\n  @watch('active', { waitUntilFirstUpdate: true })\n  protected activeChange(): void {\n    if ((this.active && this.navService?.activeItem === this) || !this.active) {\n      return;\n    }\n    if (this.navService) {\n      this.navService.setActiveItem(this, false);\n    }\n    // Expand and scroll to the newly active item\n    this.tree?.expandToItem(this);\n    // Await for expanding\n    Promise.resolve().then(() => {\n      this.wrapper?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'nearest',\n      });\n    });\n  }\n\n  @watch('disabled')\n  protected disabledChange(): void {\n    this.navService?.update_disabled_cache(this);\n  }\n\n  @watch('selected', { waitUntilFirstUpdate: true })\n  protected selectedChange(): void {\n    if (this.selected && !this.selectionService?.isItemSelected(this)) {\n      this.selectionService?.selectItemsWithNoEvent([this]);\n    }\n    if (!this.selected && this.selectionService?.isItemSelected(this)) {\n      this.selectionService?.deselectItemsWithNoEvent([this]);\n    }\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.tree = this.closest('igc-tree') as IgcTreeComponent;\n    this.parent =\n      this.parentElement?.tagName.toLowerCase() === 'igc-tree-item'\n        ? (this.parentElement as IgcTreeItemComponent)\n        : null;\n    this.level = this.parent ? this.parent.level + 1 : 0;\n    this.setAttribute('role', 'treeitem');\n    this.addEventListener('blur', this.onBlur);\n    this.addEventListener('focus', this.onFocus);\n    this.addEventListener('pointerdown', this.pointerDown);\n    this.activeChange();\n    // if the item is not added/moved runtime\n    if (this.init) {\n      this.selectedChange();\n    } else {\n      // retriger the item selection state in order to update the collections within the selectionService\n      // and to handle correctly the itemParents recursively to the top-most ancestor\n      this.selectionService?.retriggerItemState(this);\n    }\n    this.init = false;\n  }\n\n  public override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.selectionService?.ensureStateOnItemDelete(this);\n    this.navService?.delete_item(this);\n  }\n\n  private get selectionService(): IgcTreeSelectionService | undefined {\n    return this.tree?.selectionService;\n  }\n\n  private get navService(): IgcTreeNavigationService | undefined {\n    return this.tree?.navService;\n  }\n\n  private get parts() {\n    return {\n      selected: this.selected,\n      focused: this.isFocused,\n      active: this.active,\n    };\n  }\n\n  private get directChildren(): Array<IgcTreeItemComponent> {\n    return Array.from(this.children).filter(\n      (x) => x.tagName.toLowerCase() === 'igc-tree-item'\n    ) as IgcTreeItemComponent[];\n  }\n\n  private get allChildren(): Array<IgcTreeItemComponent> {\n    return Array.from(this.querySelectorAll(`igc-tree-item`));\n  }\n\n  /** The full path to the tree item, starting from the top-most ancestor. */\n  public get path(): IgcTreeItemComponent[] {\n    return this.parent?.path ? [...this.parent.path, this] : [this];\n  }\n\n  private pointerDown(event: MouseEvent): void {\n    event.stopPropagation();\n    if (this.disabled) {\n      return;\n    }\n    this.tabIndex = 0;\n    this.navService?.setFocusedAndActiveItem(this, true, false);\n  }\n\n  private expandIndicatorClick(): void {\n    if (this.disabled) {\n      return;\n    }\n    if (this.expanded) {\n      this.collapseWithEvent();\n    } else {\n      this.expandWithEvent();\n    }\n  }\n\n  private selectorClick(event: MouseEvent): void {\n    event.preventDefault();\n    if (event.shiftKey) {\n      this.selectionService?.selectMultipleItems(this);\n      return;\n    }\n    if (this.selected) {\n      this.selectionService?.deselectItem(this);\n    } else {\n      this.selectionService?.selectItem(this);\n    }\n  }\n\n  private onFocus(): void {\n    if (this.disabled) {\n      return;\n    }\n    if (this.navService?.focusedItem !== this) {\n      this.navService?.focusItem(this, false);\n      this.wrapper?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'nearest',\n      });\n    }\n    if (this.tabbableEl && this.tabbableEl.length) {\n      // set tabIndex = 0 to all tabbable elements\n      // focus the first one\n      this.tabbableEl.forEach((element: HTMLElement) => {\n        element.tabIndex = 0;\n      });\n      this.focusedProgrammatically = true;\n      this.tabbableEl[0].focus();\n      return;\n    }\n    this.isFocused = true;\n  }\n\n  private onBlur(): void {\n    this.isFocused = false;\n  }\n\n  private onFocusIn(ev: Event): void {\n    ev?.stopPropagation();\n    if (!this.disabled) {\n      // clicking directly over tabbable element when the item is not focused\n      if (!this.focusedProgrammatically) {\n        this.tabbableEl?.forEach((element: HTMLElement) => {\n          element.tabIndex = 0;\n        });\n      }\n      this.removeAttribute('tabIndex');\n      this.isFocused = true;\n      this.focusedProgrammatically = false;\n    }\n  }\n\n  private onFocusOut(ev: Event): void {\n    ev?.stopPropagation();\n    this.isFocused = false;\n    this.tabbableEl?.forEach((element: HTMLElement) => {\n      element.tabIndex = -1;\n    });\n\n    if (this.navService?.focusedItem === this) {\n      // called twice when clicking on already focused item with link (pointerDown handler)\n      this.setAttribute('tabindex', '0');\n    }\n  }\n\n  private labelChange(): void {\n    const firstElement = this.contentList[0];\n    const tabbableSelector =\n      'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\n\n    this.tabbableEl = [\n      ...firstElement.querySelectorAll<HTMLElement>(tabbableSelector),\n    ];\n    if (firstElement.matches(tabbableSelector)) {\n      this.tabbableEl.splice(0, 0, firstElement);\n    }\n\n    if (this.tabbableEl && this.tabbableEl.length) {\n      this.setAttribute('role', 'none');\n      this.tabbableEl[0].setAttribute('role', 'treeitem');\n\n      this.tabbableEl.forEach((element: HTMLElement) => {\n        element.tabIndex = -1;\n      });\n    } else {\n      this.setAttribute('role', 'treeitem');\n    }\n  }\n\n  private handleChange(): void {\n    this.hasChildren = !!this.directChildren.length;\n    // there is no need to update nested children beacuse they're state is already up to date\n    this.navService?.update_visible_cache(this, this.expanded, false);\n  }\n\n  /**\n   * Returns a collection of child items.\n   * If the parameter value is true returns all tree item's direct children,\n   * otherwise - only the direct children.\n   */\n  @blazorSuppress()\n  public getChildren(\n    options: { flatten: boolean } = { flatten: false }\n  ): IgcTreeItemComponent[] {\n    if (options.flatten) {\n      return this.allChildren;\n    } else {\n      return this.directChildren;\n    }\n  }\n\n  /**\n   * @private\n   * Expands the tree item.\n   */\n  public expandWithEvent(): void {\n    if (this.expanded) {\n      return;\n    }\n    const args = {\n      detail: this,\n      cancelable: true,\n    };\n\n    const allowed = this.tree?.emitEvent('igcItemExpanding', args);\n\n    if (!allowed) {\n      return;\n    }\n\n    if (this.tree?.singleBranchExpand) {\n      const pathSet = new Set(this.path.splice(0, this.path.length - 1));\n      this.tree.items.forEach((item: IgcTreeItemComponent) => {\n        if (!pathSet.has(item)) {\n          item.collapseWithEvent();\n        }\n      });\n    }\n\n    this.expanded = true;\n    this.tree?.emitEvent('igcItemExpanded', { detail: this });\n  }\n\n  /**\n   * @private\n   * Collapses the tree item.\n   */\n  public collapseWithEvent(): void {\n    if (!this.expanded) {\n      return;\n    }\n    const args = {\n      detail: this,\n      cancelable: true,\n    };\n\n    const allowed = this.tree?.emitEvent('igcItemCollapsing', args);\n\n    if (!allowed) {\n      return;\n    }\n    this.expanded = false;\n    this.tree?.emitEvent('igcItemCollapsed', { detail: this });\n  }\n\n  /** Toggles tree item expansion state. */\n  public toggle(): void {\n    this.expanded = !this.expanded;\n  }\n\n  /** Expands the tree item. */\n  public expand(): void {\n    this.expanded = true;\n  }\n\n  /** Collapses the tree item. */\n  public collapse(): void {\n    this.expanded = false;\n  }\n\n  protected override render() {\n    const size = this.level * (this.tree ? sizeMultiplier[this.tree!.size] : 1);\n\n    return html`\n      <div\n        id=\"wrapper\"\n        part=\"wrapper ${this.tree?.size} ${partNameMap(this.parts)}\"\n      >\n        <div\n          style=\"width: calc(${size} * var(--igc-tree-indentation-size))\"\n          part=\"indentation\"\n          aria-hidden=\"true\"\n        >\n          <slot name=\"indentation\"></slot>\n        </div>\n        <div part=\"indicator\" aria-hidden=\"true\">\n          ${this.loading\n            ? html`\n                <slot name=\"loading\">\n                  <igc-circular-progress indeterminate></igc-circular-progress>\n                </slot>\n              `\n            : html`\n                <slot name=\"indicator\" @click=${this.expandIndicatorClick}>\n                  ${this.hasChildren\n                    ? html`\n                        <igc-icon\n                          name=${this.expanded\n                            ? 'keyboard_arrow_down'\n                            : this.tree?.dir === 'rtl'\n                            ? 'navigate_before'\n                            : 'keyboard_arrow_right'}\n                          collection=\"internal\"\n                        >\n                        </igc-icon>\n                      `\n                    : ''}\n                </slot>\n              `}\n        </div>\n        ${this.tree?.selection !== 'none'\n          ? html`\n              <div part=\"select\" aria-hidden=\"true\">\n                <igc-checkbox\n                  @click=${this.selectorClick}\n                  .checked=${this.selected}\n                  .indeterminate=${this.indeterminate}\n                  .disabled=${this.disabled}\n                  tabindex=\"-1\"\n                >\n                </igc-checkbox>\n              </div>\n            `\n          : ''}\n        <div part=\"label\">\n          <slot\n            name=\"label\"\n            @slotchange=${this.labelChange}\n            @focusin=${this.onFocusIn}\n            @focusout=${this.onFocusOut}\n          >\n            <span part=\"text\">${this.label}</span>\n          </slot>\n        </div>\n      </div>\n      <div role=\"group\">\n        <slot @slotchange=${this.handleChange} ?hidden=${!this.expanded}></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-tree-item': IgcTreeItemComponent;\n  }\n}\n"]}
+{"version":3,"file":"tree-item.js","sourceRoot":"","sources":["../../../src/components/tree/tree-item.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { html, LitElement } from 'lit';\nimport { partNameMap } from '../common/util.js';\nimport { styles } from './themes/light/tree-item.base.css.js';\nimport { styles as bootstrap } from './themes/light/tree-item.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/tree-item.fluent.css.js';\nimport { styles as indigo } from './themes/light/tree-item.indigo.css.js';\nimport type IgcTreeComponent from './tree.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { IgcTreeSelectionService } from './tree.selection.js';\nimport { IgcTreeNavigationService } from './tree.navigation.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\nimport {\n  AnimationPlayer,\n  growVerIn,\n  growVerOut,\n} from '../../animations/index.js';\n\nimport { defineComponents } from '../common/definitions/defineComponents.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcCheckboxComponent from '../checkbox/checkbox.js';\nimport IgcCircularProgressComponent from '../progress/circular-progress.js';\n\ndefineComponents(\n  IgcIconComponent,\n  IgcCheckboxComponent,\n  IgcCircularProgressComponent\n);\n\nconst sizeMultiplier: Record<'small' | 'medium' | 'large', number> = {\n  small: 1 / 2,\n  medium: 2 / 3,\n  large: 1,\n};\n\n/**\n * The tree-item component represents a child item of the tree component or another tree item.\n *\n * @element igc-tree-item\n *\n * @slot - Renders nested tree-item component.\n * @slot label - Renders the tree item container.\n * @slot indicator - Renders the expand indicator container.\n * @slot loading - Renders the tree item loading indicator container.\n * @slot indentation - Renders the container (by default the space) before the tree item.\n *\n * @csspart wrapper - The wrapper for the tree item.\n * @csspart selected - Indicates selected state. Applies to `wrapper`.\n * @csspart focused - Indicates focused state. Applies to `wrapper`.\n * @csspart active - Indicates an active state. Applies to `wrapper`.\n * @csspart indicator - The expand indicator of the tree item.\n * @csspart label - The tree item content.\n * @csspart text - The tree item displayed text.\n * @csspart select - The checkbox of the tree item when selection is enabled.\n */\n@themes({ bootstrap, fluent, indigo })\nexport default class IgcTreeItemComponent extends LitElement {\n  /** @private */\n  public static readonly tagName = 'igc-tree-item';\n  /** @private */\n  public static override styles = styles;\n\n  private tabbableEl?: HTMLElement[];\n  private focusedProgrammatically = false;\n  private animationPlayer!: AnimationPlayer;\n\n  /** A reference to the tree the item is a part of. */\n  @blazorSuppress()\n  public tree?: IgcTreeComponent;\n  /** The parent item of the current tree item (if any) */\n  public parent: IgcTreeItemComponent | null = null;\n\n  /** @private */\n  @blazorSuppress()\n  public init = false;\n\n  @queryAssignedElements({ slot: 'label', flatten: true })\n  private contentList!: Array<HTMLElement>;\n\n  /** @private */\n  @query('#wrapper')\n  @blazorSuppress()\n  public wrapper!: HTMLElement;\n\n  /** @private */\n  @query('[role=\"group\"]', true)\n  private group!: HTMLElement;\n\n  @state()\n  private isFocused = false;\n\n  /** @private */\n  @state()\n  @blazorSuppress()\n  public hasChildren = false;\n\n  /** The depth of the item, relative to the root. */\n  @state()\n  public level = 0;\n\n  /** @private */\n  @state()\n  @blazorSuppress()\n  public indeterminate = false;\n\n  /**\n   * The tree item label.\n   * @attr\n   */\n  @property()\n  public label = '';\n\n  /**\n   * The tree item expansion state.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public expanded = false;\n\n  /**\n   * Marks the item as the tree's active item.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public active = false;\n\n  /**\n   * Get/Set whether the tree item is disabled. Disabled items are ignored for user interactions.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  /**\n   * The tree item selection state.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public selected = false;\n\n  /**\n   * To be used for load-on-demand scenarios in order to specify whether the item is loading data.\n   * @attr\n   */\n  @property({ reflect: true, type: Boolean })\n  public loading = false;\n\n  /**\n   * The value entry that the tree item is visualizing. Required for searching through items.\n   * @type any\n   * @attr\n   */\n  @property({ attribute: true })\n  public value: any = undefined;\n\n  public override firstUpdated() {\n    this.animationPlayer = new AnimationPlayer(this.group);\n  }\n\n  private async toggleAnimation(dir: 'open' | 'close') {\n    const animation = dir === 'open' ? growVerIn : growVerOut;\n\n    const [_, event] = await Promise.all([\n      this.animationPlayer.stopAll(),\n      this.animationPlayer.play(animation),\n    ]);\n\n    return event.type === 'finish';\n  }\n\n  @watch('expanded', { waitUntilFirstUpdate: true })\n  @watch('hasChildren', { waitUntilFirstUpdate: true })\n  protected bothChange(): void {\n    if (this.hasChildren) {\n      this.setAttribute('aria-expanded', this.expanded.toString());\n    } else {\n      this.removeAttribute('aria-expanded');\n    }\n  }\n\n  @watch('expanded')\n  protected expandedChange(oldValue: boolean): void {\n    // always update the visible cache\n    this.navService?.update_visible_cache(this, this.expanded);\n    if (!oldValue) {\n      return;\n    }\n    // await for load on demand children\n    Promise.resolve().then(() => {\n      if (this.navService?.focusedItem !== this && !this.isFocused) {\n        this.navService?.focusedItem?.wrapper?.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest',\n          inline: 'nearest',\n        });\n      }\n    });\n  }\n\n  @watch('active', { waitUntilFirstUpdate: true })\n  protected activeChange(): void {\n    if ((this.active && this.navService?.activeItem === this) || !this.active) {\n      return;\n    }\n    if (this.navService) {\n      this.navService.setActiveItem(this, false);\n    }\n    // Expand and scroll to the newly active item\n    this.tree?.expandToItem(this);\n    // Await for expanding\n    Promise.resolve().then(() => {\n      this.wrapper?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'nearest',\n      });\n    });\n  }\n\n  @watch('disabled')\n  protected disabledChange(): void {\n    this.navService?.update_disabled_cache(this);\n  }\n\n  @watch('selected', { waitUntilFirstUpdate: true })\n  protected selectedChange(): void {\n    if (this.selected && !this.selectionService?.isItemSelected(this)) {\n      this.selectionService?.selectItemsWithNoEvent([this]);\n    }\n    if (!this.selected && this.selectionService?.isItemSelected(this)) {\n      this.selectionService?.deselectItemsWithNoEvent([this]);\n    }\n  }\n\n  public override connectedCallback(): void {\n    super.connectedCallback();\n    this.tree = this.closest('igc-tree') as IgcTreeComponent;\n    this.parent = this.parentElement?.closest(\n      'igc-tree-item'\n    ) as IgcTreeItemComponent | null;\n    this.level = this.parent ? this.parent.level + 1 : 0;\n    this.setAttribute('role', 'treeitem');\n    this.addEventListener('blur', this.onBlur);\n    this.addEventListener('focus', this.onFocus);\n    this.addEventListener('pointerdown', this.pointerDown);\n    this.activeChange();\n    // if the item is not added/moved runtime\n    if (this.init) {\n      this.selectedChange();\n    } else {\n      // retriger the item selection state in order to update the collections within the selectionService\n      // and to handle correctly the itemParents recursively to the top-most ancestor\n      this.selectionService?.retriggerItemState(this);\n    }\n    this.init = false;\n  }\n\n  public override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.selectionService?.ensureStateOnItemDelete(this);\n    this.navService?.delete_item(this);\n  }\n\n  private get selectionService(): IgcTreeSelectionService | undefined {\n    return this.tree?.selectionService;\n  }\n\n  private get navService(): IgcTreeNavigationService | undefined {\n    return this.tree?.navService;\n  }\n\n  private get parts() {\n    return {\n      selected: this.selected,\n      focused: this.isFocused,\n      active: this.active,\n    };\n  }\n\n  private get directChildren(): Array<IgcTreeItemComponent> {\n    return this.allChildren.filter(\n      (x) =>\n        (x.parent ?? x.parentElement?.closest('igc-tree-item'))?.isSameNode(\n          this\n        )\n    ) as IgcTreeItemComponent[];\n  }\n\n  private get allChildren(): Array<IgcTreeItemComponent> {\n    return Array.from(this.querySelectorAll(`igc-tree-item`));\n  }\n\n  /** The full path to the tree item, starting from the top-most ancestor. */\n  public get path(): IgcTreeItemComponent[] {\n    return this.parent?.path ? [...this.parent.path, this] : [this];\n  }\n\n  private pointerDown(event: MouseEvent): void {\n    event.stopPropagation();\n    if (this.disabled) {\n      return;\n    }\n    this.tabIndex = 0;\n    this.navService?.setFocusedAndActiveItem(this, true, false);\n  }\n\n  private expandIndicatorClick(): void {\n    if (this.disabled) {\n      return;\n    }\n    if (this.expanded) {\n      this.collapseWithEvent();\n    } else {\n      this.expandWithEvent();\n    }\n  }\n\n  private selectorClick(event: MouseEvent): void {\n    event.preventDefault();\n    if (event.shiftKey) {\n      this.selectionService?.selectMultipleItems(this);\n      return;\n    }\n    if (this.selected) {\n      this.selectionService?.deselectItem(this);\n    } else {\n      this.selectionService?.selectItem(this);\n    }\n  }\n\n  private onFocus(): void {\n    if (this.disabled) {\n      return;\n    }\n    if (this.navService?.focusedItem !== this) {\n      this.navService?.focusItem(this, false);\n      this.wrapper?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'nearest',\n      });\n    }\n    if (this.tabbableEl && this.tabbableEl.length) {\n      // set tabIndex = 0 to all tabbable elements\n      // focus the first one\n      this.tabbableEl.forEach((element: HTMLElement) => {\n        element.tabIndex = 0;\n      });\n      this.focusedProgrammatically = true;\n      this.tabbableEl[0].focus();\n      return;\n    }\n    this.isFocused = true;\n  }\n\n  private onBlur(): void {\n    this.isFocused = false;\n  }\n\n  private onFocusIn(ev: Event): void {\n    ev?.stopPropagation();\n    if (!this.disabled) {\n      // clicking directly over tabbable element when the item is not focused\n      if (!this.focusedProgrammatically) {\n        this.tabbableEl?.forEach((element: HTMLElement) => {\n          element.tabIndex = 0;\n        });\n      }\n      this.removeAttribute('tabIndex');\n      this.isFocused = true;\n      this.focusedProgrammatically = false;\n    }\n  }\n\n  private onFocusOut(ev: Event): void {\n    ev?.stopPropagation();\n    this.isFocused = false;\n    this.tabbableEl?.forEach((element: HTMLElement) => {\n      element.tabIndex = -1;\n    });\n\n    if (this.navService?.focusedItem === this) {\n      // called twice when clicking on already focused item with link (pointerDown handler)\n      this.setAttribute('tabindex', '0');\n    }\n  }\n\n  private labelChange(): void {\n    const firstElement = this.contentList[0];\n    const tabbableSelector =\n      'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\n\n    this.tabbableEl = [\n      ...firstElement.querySelectorAll<HTMLElement>(tabbableSelector),\n    ];\n    if (firstElement.matches(tabbableSelector)) {\n      this.tabbableEl.splice(0, 0, firstElement);\n    }\n\n    if (this.tabbableEl && this.tabbableEl.length) {\n      this.setAttribute('role', 'none');\n      this.tabbableEl[0].setAttribute('role', 'treeitem');\n\n      this.tabbableEl.forEach((element: HTMLElement) => {\n        element.tabIndex = -1;\n      });\n    } else {\n      this.setAttribute('role', 'treeitem');\n    }\n  }\n\n  private handleChange(): void {\n    this.hasChildren = !!this.directChildren.length;\n    // there is no need to update nested children beacuse they're state is already up to date\n    this.navService?.update_visible_cache(this, this.expanded, false);\n  }\n\n  /**\n   * Returns a collection of child items.\n   * If the parameter value is true returns all tree item's direct children,\n   * otherwise - only the direct children.\n   */\n  @blazorSuppress()\n  public getChildren(\n    options: { flatten: boolean } = { flatten: false }\n  ): IgcTreeItemComponent[] {\n    if (options.flatten) {\n      return this.allChildren;\n    } else {\n      return this.directChildren;\n    }\n  }\n\n  /**\n   * @private\n   * Expands the tree item.\n   */\n  public async expandWithEvent() {\n    if (this.expanded) {\n      return;\n    }\n    const args = {\n      detail: this,\n      cancelable: true,\n    };\n\n    const allowed = this.tree?.emitEvent('igcItemExpanding', args);\n\n    if (!allowed) {\n      return;\n    }\n\n    if (this.tree?.singleBranchExpand) {\n      const pathSet = new Set(this.path.splice(0, this.path.length - 1));\n      this.tree.items.forEach((item: IgcTreeItemComponent) => {\n        if (!pathSet.has(item)) {\n          item.collapseWithEvent();\n        }\n      });\n    }\n\n    this.expanded = true;\n    if (await this.toggleAnimation('open')) {\n      this.tree?.emitEvent('igcItemExpanded', { detail: this });\n    }\n  }\n\n  /**\n   * @private\n   * Collapses the tree item.\n   */\n  public async collapseWithEvent() {\n    if (!this.expanded) {\n      return;\n    }\n    const args = {\n      detail: this,\n      cancelable: true,\n    };\n\n    const allowed = this.tree?.emitEvent('igcItemCollapsing', args);\n\n    if (!allowed) {\n      return;\n    }\n\n    this.expanded = false;\n    if (await this.toggleAnimation('close')) {\n      this.tree?.emitEvent('igcItemCollapsed', { detail: this });\n    }\n  }\n\n  /** Toggles tree item expansion state. */\n  public toggle(): void {\n    this.expanded = !this.expanded;\n  }\n\n  /** Expands the tree item. */\n  public expand(): void {\n    this.expanded = true;\n  }\n\n  /** Collapses the tree item. */\n  public collapse(): void {\n    this.expanded = false;\n  }\n\n  protected override render() {\n    const size = this.level * (this.tree ? sizeMultiplier[this.tree!.size] : 1);\n\n    return html`\n      <div\n        id=\"wrapper\"\n        part=\"wrapper ${this.tree?.size} ${partNameMap(this.parts)}\"\n      >\n        <div\n          style=\"width: calc(${size} * var(--igc-tree-indentation-size))\"\n          part=\"indentation\"\n          aria-hidden=\"true\"\n        >\n          <slot name=\"indentation\"></slot>\n        </div>\n        <div part=\"indicator\" aria-hidden=\"true\">\n          ${this.loading\n            ? html`\n                <slot name=\"loading\">\n                  <igc-circular-progress indeterminate></igc-circular-progress>\n                </slot>\n              `\n            : html`\n                <slot name=\"indicator\" @click=${this.expandIndicatorClick}>\n                  ${this.hasChildren\n                    ? html`\n                        <igc-icon\n                          name=${this.expanded\n                            ? 'keyboard_arrow_down'\n                            : this.tree?.dir === 'rtl'\n                            ? 'navigate_before'\n                            : 'keyboard_arrow_right'}\n                          collection=\"internal\"\n                        >\n                        </igc-icon>\n                      `\n                    : ''}\n                </slot>\n              `}\n        </div>\n        ${this.tree?.selection !== 'none'\n          ? html`\n              <div part=\"select\" aria-hidden=\"true\">\n                <igc-checkbox\n                  @click=${this.selectorClick}\n                  .checked=${this.selected}\n                  .indeterminate=${this.indeterminate}\n                  .disabled=${this.disabled}\n                  tabindex=\"-1\"\n                >\n                </igc-checkbox>\n              </div>\n            `\n          : ''}\n        <div part=\"label\">\n          <slot\n            name=\"label\"\n            @slotchange=${this.labelChange}\n            @focusin=${this.onFocusIn}\n            @focusout=${this.onFocusOut}\n          >\n            <span part=\"text\">${this.label}</span>\n          </slot>\n        </div>\n      </div>\n      <div role=\"group\" aria-hidden=${!this.expanded}>\n        <slot @slotchange=${this.handleChange}></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-tree-item': IgcTreeItemComponent;\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-webcomponents",
-  "version": "4.3.0",
+  "version": "4.3.1",
   "description": "Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",
@@ -59,8 +59,8 @@
     "tree"
   ],
   "dependencies": {
-    "@floating-ui/dom": "^1.4.1",
-    "@lit-labs/virtualizer": "^2.0.3",
-    "lit": "^2.7.5"
+    "@floating-ui/dom": "^1.5.1",
+    "@lit-labs/virtualizer": "^2.0.4",
+    "lit": "^2.7.6"
   }
 }