@fundamental-ngx/cdk 0.43.0-rc.8 → 0.43.0

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

@@ -1436,9 +1436,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
         }], ctorParameters: function () { return [{ type: i1$2.MutationObserverFactory }]; } });
 
 class DeprecatedInitialFocusDirective extends DeprecatedSelector {
+    constructor() {
+        super(...arguments);
+        /** @hidden */
+        this._initialFocusDirective = inject(InitialFocusDirective, { host: true });
+    }
+    /**
+     * CSS selector of an element that should be focused.
+     */
+    set initialFocusTarget(value) {
+        this._initialFocusDirective.fdkInitialFocus = value;
+    }
 }
 DeprecatedInitialFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: DeprecatedInitialFocusDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-DeprecatedInitialFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DeprecatedInitialFocusDirective, isStandalone: true, selector: "[fdInitialFocus], [fd-initial-focus]", providers: [
+DeprecatedInitialFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: DeprecatedInitialFocusDirective, isStandalone: true, selector: "[fdInitialFocus], [fd-initial-focus]", inputs: { initialFocusTarget: ["fd-initial-focus", "initialFocusTarget"] }, providers: [
         {
             provide: FD_DEPRECATED_DIRECTIVE_SELECTOR,
             useValue: getDeprecatedModel('[fdkInitialFocus]', '[fdInitialFocus], [fd-initial-focus]')
@@ -1457,7 +1468,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         }
                     ]
                 }]
-        }] });
+        }], propDecorators: { initialFocusTarget: [{
+                type: Input,
+                args: ['fd-initial-focus']
+            }] } });
 class InitialFocusDirective {
     /**
      * Whether initial focus enabled for a current element.
@@ -1479,7 +1493,7 @@ class InitialFocusDirective {
         /**
          * CSS selector of an element that should be focused.
          */
-        this.focusableItem = '.fd-initial-focus-item';
+        this.fdkInitialFocus = '.fd-initial-focus-item';
         /** @hidden */
         this._destroy$ = inject(DestroyedService);
         /** @hidden */
@@ -1514,10 +1528,11 @@ class InitialFocusDirective {
      * Searches for an appropriate focusable element
      */
     _getFocusableElement() {
-        if (!this.focusableItem) {
+        if (!this.fdkInitialFocus) {
             return this._tabbableService.getTabbableElement(this._elmRef.nativeElement, this.focusLastElement);
         }
-        const autoFocusableItems = this._elmRef.nativeElement.querySelectorAll(this.focusableItem);
+        const autoFocusableItems = this._elmRef.nativeElement.querySelectorAll(this.fdkInitialFocus);
+        console.log(autoFocusableItems);
         if (autoFocusableItems.length > 0) {
             return !this.focusLastElement ? autoFocusableItems[0] : autoFocusableItems[autoFocusableItems.length - 1];
         }
@@ -1534,7 +1549,7 @@ class InitialFocusDirective {
     }
 }
 InitialFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: InitialFocusDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: TabbableElementService }], target: i0.ɵɵFactoryTarget.Directive });
-InitialFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: InitialFocusDirective, isStandalone: true, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: { focusableItem: ["fd-initial-focus", "focusableItem"], enabled: "enabled", focusLastElement: "focusLastElement" }, providers: [
+InitialFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: InitialFocusDirective, isStandalone: true, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: { fdkInitialFocus: "fdkInitialFocus", enabled: "enabled", focusLastElement: "focusLastElement" }, providers: [
         DestroyedService,
         TabbableElementService,
         {
@@ -1556,9 +1571,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         }
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: TabbableElementService }]; }, propDecorators: { focusableItem: [{
-                type: Input,
-                args: ['fd-initial-focus']
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: TabbableElementService }]; }, propDecorators: { fdkInitialFocus: [{
+                type: Input
             }], enabled: [{
                 type: Input
             }], focusLastElement: [{