@fundamental-ngx/cdk 0.43.7 → 0.43.9

package/fesm2020/fundamental-ngx-cdk-utils.mjs

@@ -2923,6 +2923,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: AttributeObserver }]; } });
 
+/* eslint-disable @typescript-eslint/member-ordering */
 class DeprecatedFocusableItemDirective extends DeprecatedSelector {
 }
 DeprecatedFocusableItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DeprecatedFocusableItemDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
@@ -2956,10 +2957,6 @@ class FocusableItemDirective {
         return this._focusable;
     }
     /** @hidden */
-    get _tabindex() {
-        return this._tabbable ? 0 : -1;
-    }
-    /** @hidden */
     constructor() {
         /** Function, which returns a string to be announced by screen-reader whenever an item which is in grid receives focus. */
         this.cellFocusedEventAnnouncer = this._defaultItemFocusedEventAnnouncer;
@@ -2986,6 +2983,8 @@ class FocusableItemDirective {
         /** @hidden */
         this._zone = inject(NgZone);
         /** @hidden */
+        this._renderer2 = inject(Renderer2);
+        /** @hidden */
         this._document = inject(DOCUMENT);
         this._focusableObserver
             .observe(this.elementRef, false)
@@ -3016,6 +3015,7 @@ class FocusableItemDirective {
     /** Set tabbable state */
     setTabbable(state) {
         this._tabbable = state;
+        this._renderer2.setAttribute(this.elementRef.nativeElement, 'tabindex', this._tabbable ? '0' : '-1');
         if (state) {
             this._enableTabbableElements();
         }
@@ -3097,7 +3097,7 @@ class FocusableItemDirective {
     }
 }
 FocusableItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: FocusableItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-FocusableItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: FocusableItemDirective, isStandalone: true, selector: "[fdkFocusableItem]", inputs: { fdkFocusableItem: "fdkFocusableItem", cellFocusedEventAnnouncer: "cellFocusedEventAnnouncer" }, outputs: { cellFocused: "cellFocused" }, host: { properties: { "attr.tabindex": "this._tabindex" } }, providers: [
+FocusableItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: FocusableItemDirective, isStandalone: true, selector: "[fdkFocusableItem]", inputs: { fdkFocusableItem: "fdkFocusableItem", cellFocusedEventAnnouncer: "cellFocusedEventAnnouncer" }, outputs: { cellFocused: "cellFocused" }, providers: [
         {
             provide: FDK_FOCUSABLE_ITEM_DIRECTIVE,
             useExisting: FocusableItemDirective
@@ -3123,9 +3123,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: Input
             }], cellFocused: [{
                 type: Output
-            }], _tabindex: [{
-                type: HostBinding,
-                args: ['attr.tabindex']
             }] } });
 
 class FocusableItemModule {