Popup: Publish focusLoopEnabled option

packages/devextreme-angular/src/ui/autocomplete/nested/drop-down-options.ts

@@ -132,6 +132,14 @@ export class DxoAutocompleteDropDownOptionsComponent extends NestedOption implem
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');

packages/devextreme-angular/src/ui/color-box/nested/drop-down-options.ts

@@ -132,6 +132,14 @@ export class DxoColorBoxDropDownOptionsComponent extends NestedOption implements
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');

packages/devextreme-angular/src/ui/data-grid/nested/filter-builder-popup.ts

@@ -132,6 +132,14 @@ export class DxoDataGridFilterBuilderPopupComponent extends NestedOption impleme
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');

packages/devextreme-angular/src/ui/data-grid/nested/popup.ts

@@ -132,6 +132,14 @@ export class DxoDataGridPopupComponent extends NestedOption implements OnDestroy
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');

packages/devextreme-angular/src/ui/date-box/nested/drop-down-options.ts

@@ -132,6 +132,14 @@ export class DxoDateBoxDropDownOptionsComponent extends NestedOption implements
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');

packages/devextreme-angular/src/ui/date-range-box/nested/drop-down-options.ts

@@ -132,6 +132,14 @@ export class DxoDateRangeBoxDropDownOptionsComponent extends NestedOption implem
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');

packages/devextreme-angular/src/ui/drop-down-box/nested/drop-down-options.ts

@@ -132,6 +132,14 @@ export class DxoDropDownBoxDropDownOptionsComponent extends NestedOption impleme
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');

packages/devextreme-angular/src/ui/drop-down-button/nested/drop-down-options.ts

@@ -132,6 +132,14 @@ export class DxoDropDownButtonDropDownOptionsComponent extends NestedOption impl
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');

packages/devextreme-angular/src/ui/lookup/nested/drop-down-options.ts

@@ -97,6 +97,14 @@ export class DxoLookupDropDownOptionsComponent extends NestedOption implements O
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get height(): number | string {
         return this._getOption('height');

packages/devextreme-angular/src/ui/nested/base/popup-options.ts

@@ -85,6 +85,13 @@ export abstract class DxoPopupOptions extends NestedOption {
         this._setOption('enableBodyScroll', value);
     }
 
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');
     }

packages/devextreme-angular/src/ui/nested/drop-down-options.ts

@@ -50,6 +50,7 @@ import {
         'dragEnabled',
         'dragOutsideBoundary',
         'enableBodyScroll',
+        'focusLoopEnabled',
         'focusStateEnabled',
         'fullScreen',
         'height',

packages/devextreme-angular/src/ui/nested/filter-builder-popup.ts

@@ -50,6 +50,7 @@ import {
         'dragEnabled',
         'dragOutsideBoundary',
         'enableBodyScroll',
+        'focusLoopEnabled',
         'focusStateEnabled',
         'fullScreen',
         'height',

packages/devextreme-angular/src/ui/nested/popup.ts

@@ -50,6 +50,7 @@ import {
         'dragEnabled',
         'dragOutsideBoundary',
         'enableBodyScroll',
+        'focusLoopEnabled',
         'focusStateEnabled',
         'fullScreen',
         'height',

packages/devextreme-angular/src/ui/popover/index.ts

@@ -179,6 +179,19 @@ export class DxPopoverComponent extends DxComponent implements OnDestroy, OnChan
     }
 
 
+    /**
+     * [descr:dxPopupOptions.focusLoopEnabled]
+
+     */
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
+
     /**
      * [descr:dxPopoverOptions.height]
 
@@ -604,6 +617,13 @@ export class DxPopoverComponent extends DxComponent implements OnDestroy, OnChan
      */
     @Output() enableBodyScrollChange: EventEmitter<boolean>;
 
+    /**
+
+     * This member supports the internal infrastructure and is not intended to be used directly from your code.
+
+     */
+    @Output() focusLoopEnabledChange: EventEmitter<boolean>;
+
     /**
 
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
@@ -800,6 +820,7 @@ export class DxPopoverComponent extends DxComponent implements OnDestroy, OnChan
             { emit: 'deferRenderingChange' },
             { emit: 'disabledChange' },
             { emit: 'enableBodyScrollChange' },
+            { emit: 'focusLoopEnabledChange' },
             { emit: 'heightChange' },
             { emit: 'hideEventChange' },
             { emit: 'hideOnOutsideClickChange' },

packages/devextreme-angular/src/ui/popup/component.ts

@@ -227,6 +227,19 @@ export class DxPopupComponent extends DxComponent implements OnDestroy, OnChange
     }
 
 
+    /**
+     * [descr:dxPopupOptions.focusLoopEnabled]
+
+     */
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
+
     /**
      * [descr:dxPopupOptions.focusStateEnabled]
 
@@ -730,6 +743,13 @@ export class DxPopupComponent extends DxComponent implements OnDestroy, OnChange
      */
     @Output() enableBodyScrollChange: EventEmitter<boolean>;
 
+    /**
+
+     * This member supports the internal infrastructure and is not intended to be used directly from your code.
+
+     */
+    @Output() focusLoopEnabledChange: EventEmitter<boolean>;
+
     /**
 
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
@@ -947,6 +967,7 @@ export class DxPopupComponent extends DxComponent implements OnDestroy, OnChange
             { emit: 'dragEnabledChange' },
             { emit: 'dragOutsideBoundaryChange' },
             { emit: 'enableBodyScrollChange' },
+            { emit: 'focusLoopEnabledChange' },
             { emit: 'focusStateEnabledChange' },
             { emit: 'fullScreenChange' },
             { emit: 'heightChange' },

packages/devextreme-angular/src/ui/select-box/nested/drop-down-options.ts

@@ -132,6 +132,14 @@ export class DxoSelectBoxDropDownOptionsComponent extends NestedOption implement
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');

packages/devextreme-angular/src/ui/tag-box/nested/drop-down-options.ts

@@ -132,6 +132,14 @@ export class DxoTagBoxDropDownOptionsComponent extends NestedOption implements O
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');

packages/devextreme-angular/src/ui/tooltip/index.ts

@@ -148,6 +148,19 @@ export class DxTooltipComponent extends DxComponent implements OnDestroy {
     }
 
 
+    /**
+     * [descr:dxPopupOptions.focusLoopEnabled]
+
+     */
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
+
     /**
      * [descr:dxPopoverOptions.height]
 
@@ -493,6 +506,13 @@ export class DxTooltipComponent extends DxComponent implements OnDestroy {
      */
     @Output() disabledChange: EventEmitter<boolean>;
 
+    /**
+
+     * This member supports the internal infrastructure and is not intended to be used directly from your code.
+
+     */
+    @Output() focusLoopEnabledChange: EventEmitter<boolean>;
+
     /**
 
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
@@ -651,6 +671,7 @@ export class DxTooltipComponent extends DxComponent implements OnDestroy {
             { emit: 'contentTemplateChange' },
             { emit: 'deferRenderingChange' },
             { emit: 'disabledChange' },
+            { emit: 'focusLoopEnabledChange' },
             { emit: 'heightChange' },
             { emit: 'hideEventChange' },
             { emit: 'hideOnOutsideClickChange' },

packages/devextreme-angular/src/ui/tree-list/nested/filter-builder-popup.ts

@@ -132,6 +132,14 @@ export class DxoTreeListFilterBuilderPopupComponent extends NestedOption impleme
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');

packages/devextreme-angular/src/ui/tree-list/nested/popup.ts

@@ -132,6 +132,14 @@ export class DxoTreeListPopupComponent extends NestedOption implements OnDestroy
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');

packages/devextreme-react/src/autocomplete.ts

@@ -246,6 +246,7 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;

packages/devextreme-react/src/color-box.ts

@@ -237,6 +237,7 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;

packages/devextreme-react/src/data-grid.ts

@@ -1640,6 +1640,7 @@ type IFilterBuilderPopupProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;
@@ -2832,6 +2833,7 @@ type IPopupProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;

packages/devextreme-react/src/date-box.ts

@@ -330,6 +330,7 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;