@taiga-ui/core 3.49.0 → 3.50.0

package/fesm2015/taiga-ui-core-constants.js

@@ -2,10 +2,6 @@ import { TUI_VERSION, EMPTY_ARRAY, CHAR_NO_BREAK_SPACE } from '@taiga-ui/cdk';
 
 const TUI_CACHE_BUSTING_PAYLOAD = `?v=${TUI_VERSION}`;
 
-/**
- * @deprecated
- * TODO: delete in v4.0
- */
 const TUI_DECIMAL_SYMBOLS = [`,`, `.`];
 
 const DEFAULT_ICONS_PATH = name => name.includes(`.svg#`) ? name : `#${name}`;
@@ -32,23 +28,9 @@ const tuiEditingKeys = [
     `Home`,
 ];
 
-/**
- * An event indicating that async data for expand has finished loading.
- * Dispatch to finish loading states for {@link TuiExpandComponent}.
- */
 const TUI_EXPAND_LOADED = `tui-expand-loaded`;
-/**
- * An event for scrolling an element into view within {@link TuiScrollbarComponent}.
- */
 const TUI_SCROLL_INTO_VIEW = `tui-scroll-into-view`;
-/**
- * An event to notify {@link TuiScrollbarComponent} that
- * it should control a nested element.
- */
 const TUI_SCROLLABLE = `tui-scrollable`;
-/**
- * An event indicating and error during icon loading in {@link TuiSvgComponent}.
- */
 const TUI_ICON_ERROR = `tui-icon-error`;
 
 const TUI_HINT_DIRECTIONS = [
@@ -66,10 +48,6 @@ const TUI_HINT_DIRECTIONS = [
     `right-bottom`,
 ];
 
-/**
- * @deprecated Use {@link https://github.com/taiga-family/maskito Maskito}
- * TODO: delete in v4.0
- */
 const MASK_CARET_TRAP = `[]`;
 
 const TUI_DIGIT_REGEXP = /\d/;
@@ -81,9 +59,5 @@ const TUI_LAST_PUNCTUATION_MARK_REGEXP = /[.,\\/#!$%\\^&\\*;:{}=\\-_`~()]$/;
 const TUI_LATIN_REGEXP = /[A-z]/;
 const TUI_LATIN_AND_NUMBERS_REGEXP = /[A-z|0-9]/;
 
-/**
- * Generated bundle index. Do not edit.
- */
-
 export { DEFAULT_ICONS_PATH, MASK_CARET_TRAP, TUI_CACHE_BUSTING_PAYLOAD, TUI_DECIMAL_SYMBOLS, TUI_DEFAULT_MARKER_HANDLER, TUI_DEFAULT_NUMBER_FORMAT, TUI_DIGIT_REGEXP, TUI_EXPAND_LOADED, TUI_HINT_DIRECTIONS, TUI_ICON_ERROR, TUI_LAST_PUNCTUATION_MARK_REGEXP, TUI_LATIN_AND_NUMBERS_REGEXP, TUI_LATIN_REGEXP, TUI_LEADING_ZEROES_REGEXP, TUI_MASK_SYMBOLS_REGEXP, TUI_NON_DIGITS_REGEXP, TUI_NON_DIGIT_REGEXP, TUI_SCROLLABLE, TUI_SCROLL_INTO_VIEW, tuiEditingKeys };
 //# sourceMappingURL=taiga-ui-core-constants.js.map

package/fesm2015/taiga-ui-core-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-core-constants.js","sources":["../../../projects/core/constants/cache-basting-payload.ts","../../../projects/core/constants/decimal-symbols.ts","../../../projects/core/constants/default-icons-path.ts","../../../projects/core/constants/default-marker-handler.ts","../../../projects/core/constants/default-number-format.ts","../../../projects/core/constants/editing-keys.ts","../../../projects/core/constants/events.ts","../../../projects/core/constants/hint-directions.ts","../../../projects/core/constants/mask-caret-trap.ts","../../../projects/core/constants/regexp.ts","../../../projects/core/constants/taiga-ui-core-constants.ts"],"sourcesContent":["import {TUI_VERSION} from '@taiga-ui/cdk';\n\nexport const TUI_CACHE_BUSTING_PAYLOAD = `?v=${TUI_VERSION}` as const;\n","/**\n * @deprecated\n * TODO: delete in v4.0\n */\nexport const TUI_DECIMAL_SYMBOLS: readonly string[] = [`,`, `.`];\n","import {TuiStringHandler} from '@taiga-ui/cdk';\n\nexport const DEFAULT_ICONS_PATH: TuiStringHandler<string> = name =>\n    name.includes(`.svg#`) ? name : `#${name}`;\n","import {EMPTY_ARRAY} from '@taiga-ui/cdk';\nimport {TuiMarkerHandler} from '@taiga-ui/core/types';\n\nexport const TUI_DEFAULT_MARKER_HANDLER: TuiMarkerHandler = () => EMPTY_ARRAY;\n","import {CHAR_NO_BREAK_SPACE} from '@taiga-ui/cdk';\nimport {TuiNumberFormatSettings} from '@taiga-ui/core/interfaces';\n\nexport const TUI_DEFAULT_NUMBER_FORMAT: TuiNumberFormatSettings = {\n    decimalLimit: Infinity,\n    decimalSeparator: `,`,\n    thousandSeparator: CHAR_NO_BREAK_SPACE,\n    zeroPadding: true,\n    rounding: `truncate`,\n};\n","export const tuiEditingKeys: readonly string[] = [\n    `Spacebar`,\n    `Backspace`,\n    `Delete`,\n    `ArrowLeft`,\n    `ArrowRight`,\n    `Left`,\n    `Right`,\n    `End`,\n    `Home`,\n];\n","/**\n * An event indicating that async data for expand has finished loading.\n * Dispatch to finish loading states for {@link TuiExpandComponent}.\n */\nexport const TUI_EXPAND_LOADED = `tui-expand-loaded`;\n\n/**\n * An event for scrolling an element into view within {@link TuiScrollbarComponent}.\n */\nexport const TUI_SCROLL_INTO_VIEW = `tui-scroll-into-view`;\n\n/**\n * An event to notify {@link TuiScrollbarComponent} that\n * it should control a nested element.\n */\nexport const TUI_SCROLLABLE = `tui-scrollable`;\n\n/**\n * An event indicating and error during icon loading in {@link TuiSvgComponent}.\n */\nexport const TUI_ICON_ERROR = `tui-icon-error`;\n","import {TuiHintDirection} from '@taiga-ui/core/types';\n\nexport const TUI_HINT_DIRECTIONS: readonly TuiHintDirection[] = [\n    `bottom-left`,\n    `bottom`,\n    `bottom-right`,\n    `top-left`,\n    `top`,\n    `top-right`,\n    `left-top`,\n    `left`,\n    `left-bottom`,\n    `right-top`,\n    `right`,\n    `right-bottom`,\n];\n","/**\n * @deprecated Use {@link https://github.com/taiga-family/maskito Maskito}\n * TODO: delete in v4.0\n */\nexport const MASK_CARET_TRAP = `[]`;\n","export const TUI_DIGIT_REGEXP = /\\d/;\nexport const TUI_NON_DIGIT_REGEXP = /\\D/;\nexport const TUI_NON_DIGITS_REGEXP = /\\D+/g;\nexport const TUI_LEADING_ZEROES_REGEXP = /^0+/;\nexport const TUI_MASK_SYMBOLS_REGEXP = /[ \\-_()]/g;\nexport const TUI_LAST_PUNCTUATION_MARK_REGEXP = /[.,\\\\/#!$%\\\\^&\\\\*;:{}=\\\\-_`~()]$/;\nexport const TUI_LATIN_REGEXP = /[A-z]/;\nexport const TUI_LATIN_AND_NUMBERS_REGEXP = /[A-z|0-9]/;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAEa,MAAA,yBAAyB,GAAG,CAAM,GAAA,EAAA,WAAW;;ACF1D;;;AAGG;MACU,mBAAmB,GAAsB,CAAC,CAAG,CAAA,CAAA,EAAE,CAAG,CAAA,CAAA;;ACFlD,MAAA,kBAAkB,GAA6B,IAAI,IAC5D,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,GAAG,CAAA,CAAA,EAAI,IAAI,CAAA;;MCA/B,0BAA0B,GAAqB,MAAM;;ACArD,MAAA,yBAAyB,GAA4B;AAC9D,IAAA,YAAY,EAAE,QAAQ;AACtB,IAAA,gBAAgB,EAAE,CAAG,CAAA,CAAA;AACrB,IAAA,iBAAiB,EAAE,mBAAmB;AACtC,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,QAAQ,EAAE,CAAU,QAAA,CAAA;;;ACRX,MAAA,cAAc,GAAsB;IAC7C,CAAU,QAAA,CAAA;IACV,CAAW,SAAA,CAAA;IACX,CAAQ,MAAA,CAAA;IACR,CAAW,SAAA,CAAA;IACX,CAAY,UAAA,CAAA;IACZ,CAAM,IAAA,CAAA;IACN,CAAO,KAAA,CAAA;IACP,CAAK,GAAA,CAAA;IACL,CAAM,IAAA,CAAA;;;ACTV;;;AAGG;AACI,MAAM,iBAAiB,GAAG,oBAAoB;AAErD;;AAEG;AACI,MAAM,oBAAoB,GAAG,uBAAuB;AAE3D;;;AAGG;AACI,MAAM,cAAc,GAAG,iBAAiB;AAE/C;;AAEG;AACI,MAAM,cAAc,GAAG;;AClBjB,MAAA,mBAAmB,GAAgC;IAC5D,CAAa,WAAA,CAAA;IACb,CAAQ,MAAA,CAAA;IACR,CAAc,YAAA,CAAA;IACd,CAAU,QAAA,CAAA;IACV,CAAK,GAAA,CAAA;IACL,CAAW,SAAA,CAAA;IACX,CAAU,QAAA,CAAA;IACV,CAAM,IAAA,CAAA;IACN,CAAa,WAAA,CAAA;IACb,CAAW,SAAA,CAAA;IACX,CAAO,KAAA,CAAA;IACP,CAAc,YAAA,CAAA;;;ACdlB;;;AAGG;AACI,MAAM,eAAe,GAAG;;ACJxB,MAAM,gBAAgB,GAAG,KAAK;AAC9B,MAAM,oBAAoB,GAAG,KAAK;AAClC,MAAM,qBAAqB,GAAG,OAAO;AACrC,MAAM,yBAAyB,GAAG,MAAM;AACxC,MAAM,uBAAuB,GAAG,YAAY;AAC5C,MAAM,gCAAgC,GAAG,mCAAmC;AAC5E,MAAM,gBAAgB,GAAG,QAAQ;AACjC,MAAM,4BAA4B,GAAG;;ACP5C;;AAEG;;;;"}
+{"version":3,"file":"taiga-ui-core-constants.js","sources":["../../../projects/core/constants/cache-basting-payload.ts","../../../projects/core/constants/decimal-symbols.ts","../../../projects/core/constants/default-icons-path.ts","../../../projects/core/constants/default-marker-handler.ts","../../../projects/core/constants/default-number-format.ts","../../../projects/core/constants/editing-keys.ts","../../../projects/core/constants/events.ts","../../../projects/core/constants/hint-directions.ts","../../../projects/core/constants/mask-caret-trap.ts","../../../projects/core/constants/regexp.ts"],"sourcesContent":["import {TUI_VERSION} from '@taiga-ui/cdk';\n\nexport const TUI_CACHE_BUSTING_PAYLOAD = `?v=${TUI_VERSION}` as const;\n","/**\n * @deprecated\n * TODO: delete in v4.0\n */\nexport const TUI_DECIMAL_SYMBOLS: readonly string[] = [`,`, `.`];\n","import {TuiStringHandler} from '@taiga-ui/cdk';\n\nexport const DEFAULT_ICONS_PATH: TuiStringHandler<string> = name =>\n    name.includes(`.svg#`) ? name : `#${name}`;\n","import {EMPTY_ARRAY} from '@taiga-ui/cdk';\nimport {TuiMarkerHandler} from '@taiga-ui/core/types';\n\nexport const TUI_DEFAULT_MARKER_HANDLER: TuiMarkerHandler = () => EMPTY_ARRAY;\n","import {CHAR_NO_BREAK_SPACE} from '@taiga-ui/cdk';\nimport {TuiNumberFormatSettings} from '@taiga-ui/core/interfaces';\n\nexport const TUI_DEFAULT_NUMBER_FORMAT: TuiNumberFormatSettings = {\n    decimalLimit: Infinity,\n    decimalSeparator: `,`,\n    thousandSeparator: CHAR_NO_BREAK_SPACE,\n    zeroPadding: true,\n    rounding: `truncate`,\n};\n","export const tuiEditingKeys: readonly string[] = [\n    `Spacebar`,\n    `Backspace`,\n    `Delete`,\n    `ArrowLeft`,\n    `ArrowRight`,\n    `Left`,\n    `Right`,\n    `End`,\n    `Home`,\n];\n","/**\n * An event indicating that async data for expand has finished loading.\n * Dispatch to finish loading states for {@link TuiExpandComponent}.\n */\nexport const TUI_EXPAND_LOADED = `tui-expand-loaded`;\n\n/**\n * An event for scrolling an element into view within {@link TuiScrollbarComponent}.\n */\nexport const TUI_SCROLL_INTO_VIEW = `tui-scroll-into-view`;\n\n/**\n * An event to notify {@link TuiScrollbarComponent} that\n * it should control a nested element.\n */\nexport const TUI_SCROLLABLE = `tui-scrollable`;\n\n/**\n * An event indicating and error during icon loading in {@link TuiSvgComponent}.\n */\nexport const TUI_ICON_ERROR = `tui-icon-error`;\n","import {TuiHintDirection} from '@taiga-ui/core/types';\n\nexport const TUI_HINT_DIRECTIONS: readonly TuiHintDirection[] = [\n    `bottom-left`,\n    `bottom`,\n    `bottom-right`,\n    `top-left`,\n    `top`,\n    `top-right`,\n    `left-top`,\n    `left`,\n    `left-bottom`,\n    `right-top`,\n    `right`,\n    `right-bottom`,\n];\n","/**\n * @deprecated Use {@link https://github.com/taiga-family/maskito Maskito}\n * TODO: delete in v4.0\n */\nexport const MASK_CARET_TRAP = `[]`;\n","export const TUI_DIGIT_REGEXP = /\\d/;\nexport const TUI_NON_DIGIT_REGEXP = /\\D/;\nexport const TUI_NON_DIGITS_REGEXP = /\\D+/g;\nexport const TUI_LEADING_ZEROES_REGEXP = /^0+/;\nexport const TUI_MASK_SYMBOLS_REGEXP = /[ \\-_()]/g;\nexport const TUI_LAST_PUNCTUATION_MARK_REGEXP = /[.,\\\\/#!$%\\\\^&\\\\*;:{}=\\\\-_`~()]$/;\nexport const TUI_LATIN_REGEXP = /[A-z]/;\nexport const TUI_LATIN_AND_NUMBERS_REGEXP = /[A-z|0-9]/;\n"],"names":[],"mappings":";;AAEa,MAAA,yBAAyB,GAAG,CAAM,GAAA,EAAA,WAAW;;MCE7C,mBAAmB,GAAsB,CAAC,CAAG,CAAA,CAAA,EAAE,CAAG,CAAA,CAAA;;ACFlD,MAAA,kBAAkB,GAA6B,IAAI,IAC5D,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,IAAI,GAAG,CAAA,CAAA,EAAI,IAAI,CAAA;;MCA/B,0BAA0B,GAAqB,MAAM;;ACArD,MAAA,yBAAyB,GAA4B;AAC9D,IAAA,YAAY,EAAE,QAAQ;AACtB,IAAA,gBAAgB,EAAE,CAAG,CAAA,CAAA;AACrB,IAAA,iBAAiB,EAAE,mBAAmB;AACtC,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,QAAQ,EAAE,CAAU,QAAA,CAAA;;;ACRX,MAAA,cAAc,GAAsB;IAC7C,CAAU,QAAA,CAAA;IACV,CAAW,SAAA,CAAA;IACX,CAAQ,MAAA,CAAA;IACR,CAAW,SAAA,CAAA;IACX,CAAY,UAAA,CAAA;IACZ,CAAM,IAAA,CAAA;IACN,CAAO,KAAA,CAAA;IACP,CAAK,GAAA,CAAA;IACL,CAAM,IAAA,CAAA;;;ACLH,MAAM,iBAAiB,GAAG,oBAAoB;AAK9C,MAAM,oBAAoB,GAAG,uBAAuB;AAMpD,MAAM,cAAc,GAAG,iBAAiB;AAKxC,MAAM,cAAc,GAAG;;AClBjB,MAAA,mBAAmB,GAAgC;IAC5D,CAAa,WAAA,CAAA;IACb,CAAQ,MAAA,CAAA;IACR,CAAc,YAAA,CAAA;IACd,CAAU,QAAA,CAAA;IACV,CAAK,GAAA,CAAA;IACL,CAAW,SAAA,CAAA;IACX,CAAU,QAAA,CAAA;IACV,CAAM,IAAA,CAAA;IACN,CAAa,WAAA,CAAA;IACb,CAAW,SAAA,CAAA;IACX,CAAO,KAAA,CAAA;IACP,CAAc,YAAA,CAAA;;;ACVX,MAAM,eAAe,GAAG;;ACJxB,MAAM,gBAAgB,GAAG,KAAK;AAC9B,MAAM,oBAAoB,GAAG,KAAK;AAClC,MAAM,qBAAqB,GAAG,OAAO;AACrC,MAAM,yBAAyB,GAAG,MAAM;AACxC,MAAM,uBAAuB,GAAG,YAAY;AAC5C,MAAM,gCAAgC,GAAG,mCAAmC;AAC5E,MAAM,gBAAgB,GAAG,QAAQ;AACjC,MAAM,4BAA4B,GAAG;;;;"}

package/fesm2015/taiga-ui-core-directives-dropdown.js

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { EventEmitter, Directive, Input, Output, ElementRef, INJECTOR, Self, Inject, Optional, SkipSelf, forwardRef, Component, ChangeDetectionStrategy, HostListener, ViewContainerRef, NgModule } from '@angular/core';
 import { WINDOW } from '@ng-web-apis/common';
 import * as i2 from '@taiga-ui/cdk';
-import { tuiCreateTokenFromFactory, TuiDestroyService, TuiDropdownPortalService, tuiPure, tuiCreateToken, tuiProvideOptions, TuiHoveredService, tuiPx, tuiGetClosestFocusable, AbstractTuiPortalHostComponent, EMPTY_CLIENT_RECT, tuiPointToClientRect, TuiActiveZoneDirective, ALWAYS_TRUE_HANDLER, tuiIsTextNode, tuiIsString, tuiIsElement, tuiGetNativeFocused, tuiIsTextfield, CHAR_ZERO_WIDTH_SPACE, CHAR_NO_BREAK_SPACE, TUI_RANGE, TuiActiveZoneModule, TuiOverscrollModule, TuiHoveredModule } from '@taiga-ui/cdk';
+import { tuiCreateTokenFromFactory, TuiDestroyService, TuiDropdownPortalService, tuiPure, tuiCreateToken, tuiProvideOptions, TuiHoveredService, tuiPx, tuiGetClosestFocusable, EMPTY_CLIENT_RECT, tuiPointToClientRect, TuiActiveZoneDirective, ALWAYS_TRUE_HANDLER, tuiIsTextNode, tuiIsString, tuiIsElement, tuiGetNativeFocused, tuiIsTextfield, CHAR_ZERO_WIDTH_SPACE, CHAR_NO_BREAK_SPACE, TUI_RANGE, TuiActiveZoneModule, TuiOverscrollModule, TuiHoveredModule } from '@taiga-ui/cdk';
 import * as i1$2 from '@taiga-ui/core/abstract';
 import { tuiAsRectAccessor, tuiAsVehicle, TuiDriver, tuiAsDriver, TuiRectAccessor, tuiPositionAccessorFor, tuiRectAccessorFor, AbstractTuiDriverDirective, TuiVehicle, TuiPositionAccessor, tuiFallbackRectAccessor, tuiAsPositionAccessor } from '@taiga-ui/core/abstract';
 import { tuiDropdownAnimation } from '@taiga-ui/core/animations';
@@ -22,9 +22,6 @@ import { TuiScrollbarModule } from '@taiga-ui/core/components/scrollbar';
 import { shouldCall } from '@tinkoff/ng-event-plugins';
 import { DOCUMENT } from '@angular/common';
 
-/**
- * A component to display a dropdown
- */
 const TUI_DROPDOWN_COMPONENT = tuiCreateTokenFromFactory(() => TuiDropdownComponent);
 
 class TuiDropdownOpenDirective {
@@ -66,7 +63,6 @@ class TuiDropdownDirective {
         else {
             this.open = null;
         }
-        // Ignore multiple change detection triggers at the same frame
         this.refresh$.pipe(throttleTime(0), takeUntil(destroy$)).subscribe(() => {
             var _a, _b;
             (_a = this.dropdownBoxRef) === null || _a === void 0 ? void 0 : _a.changeDetectorRef.detectChanges();
@@ -153,14 +149,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 args: ['tuiDropdown']
             }], position: [] } });
 
-/** Default values for hint options */
 const TUI_DROPDOWN_HOVER_DEFAULT_OPTIONS = {
     showDelay: 200,
     hideDelay: 500,
 };
-/**
- * Default parameters for dropdown hover directive
- */
 const TUI_DROPDOWN_HOVER_OPTIONS = tuiCreateToken(TUI_DROPDOWN_HOVER_DEFAULT_OPTIONS);
 function tuiDropdownHoverOptionsProvider(options) {
     return tuiProvideOptions(TUI_DROPDOWN_HOVER_OPTIONS, options, TUI_DROPDOWN_HOVER_DEFAULT_OPTIONS);
@@ -216,7 +208,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 args: ['tuiDropdownHideDelay']
             }] } });
 
-/** Default values for dropdown options */
 const TUI_DROPDOWN_DEFAULT_OPTIONS = {
     align: 'left',
     direction: null,
@@ -226,9 +217,6 @@ const TUI_DROPDOWN_DEFAULT_OPTIONS = {
     offset: 4,
     appearance: '',
 };
-/**
- * Default parameters for dropdown directive
- */
 const TUI_DROPDOWN_OPTIONS = tuiCreateToken(TUI_DROPDOWN_DEFAULT_OPTIONS);
 const tuiDropdownOptionsProvider = (override) => ({
     provide: TUI_DROPDOWN_OPTIONS,
@@ -296,17 +284,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 args: ['tuiDropdownOffset']
             }] } });
 
-/**
- * @description:
- * This component is used to show template in a portal
- * using default style of white rounded box with a shadow
- */
 class TuiDropdownComponent {
-    constructor(visualViewportService, position$, destroy$, directive, animation, el, host, accessor, win, mode$, options, hoverDirective) {
+    constructor(visualViewportService, position$, destroy$, directive, animation, el, accessor, win, mode$, options, hoverDirective) {
         this.directive = directive;
         this.animation = animation;
         this.el = el;
-        this.host = host;
         this.accessor = accessor;
         this.win = win;
         this.mode$ = mode$;
@@ -333,15 +315,16 @@ class TuiDropdownComponent {
         this.moveFocusOutside(false);
     }
     update(top, left) {
+        var _a;
         const { style } = this.el.nativeElement;
         const { right } = this.el.nativeElement.getBoundingClientRect();
         const { maxHeight, offset } = this.options;
         const { innerHeight } = this.win;
-        const { clientRect } = this.host;
+        const clientRect = (_a = this.el.nativeElement.offsetParent) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
         const { position } = this.directive;
         const rect = this.accessor.getClientRect();
-        const offsetX = position === 'fixed' ? 0 : -clientRect.left;
-        const offsetY = position === 'fixed' ? 0 : -clientRect.top;
+        const offsetX = position === 'fixed' ? 0 : -((clientRect === null || clientRect === void 0 ? void 0 : clientRect.left) || 0);
+        const offsetY = position === 'fixed' ? 0 : -((clientRect === null || clientRect === void 0 ? void 0 : clientRect.top) || 0);
         top += offsetY;
         left += offsetX;
         const isIntersecting = left < rect.right && right > rect.left && top < offsetY + 2 * offset;
@@ -380,7 +363,7 @@ class TuiDropdownComponent {
         focusable === null || focusable === void 0 ? void 0 : focusable.focus();
     }
 }
-TuiDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDropdownComponent, deps: [{ token: TuiVisualViewportService }, { token: TuiPositionService }, { token: TuiDestroyService, self: true }, { token: TuiDropdownDirective }, { token: TUI_ANIMATION_OPTIONS }, { token: ElementRef }, { token: AbstractTuiPortalHostComponent }, { token: TuiRectAccessor }, { token: WINDOW }, { token: TUI_MODE }, { token: TUI_DROPDOWN_OPTIONS }, { token: TuiDropdownHoverDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TuiDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDropdownComponent, deps: [{ token: TuiVisualViewportService }, { token: TuiPositionService }, { token: TuiDestroyService, self: true }, { token: TuiDropdownDirective }, { token: TUI_ANIMATION_OPTIONS }, { token: ElementRef }, { token: TuiRectAccessor }, { token: WINDOW }, { token: TUI_MODE }, { token: TUI_DROPDOWN_OPTIONS }, { token: TuiDropdownHoverDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 TuiDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownComponent, selector: "tui-dropdown", host: { listeners: { "$.data-mode.attr": "mode$" }, properties: { "@tuiDropdownAnimation": "animation", "attr.data-appearance": "options.appearance" } }, providers: [
         TuiDestroyService,
         TuiPositionService,
@@ -407,8 +390,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                         '[attr.data-appearance]': 'options.appearance',
                         '($.data-mode.attr)': 'mode$',
                     },
-                    // @bad TODO: OnPush
-                    // eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection
                     changeDetection: ChangeDetectionStrategy.Default,
                 }]
         }], ctorParameters: function () { return [{ type: i4.TuiVisualViewportService, decorators: [{
@@ -431,9 +412,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }] }, { type: i0.ElementRef, decorators: [{
                     type: Inject,
                     args: [ElementRef]
-                }] }, { type: i2.AbstractTuiPortalHostComponent, decorators: [{
-                    type: Inject,
-                    args: [AbstractTuiPortalHostComponent]
                 }] }, { type: i1$2.TuiRectAccessor, decorators: [{
                     type: Inject,
                     args: [TuiRectAccessor]
@@ -512,7 +490,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
             }] } });
 
 class TuiDropdownDriverDirective extends AbstractTuiDriverDirective {
-    // TODO: Figure out why this is necessary under nx test runner
     constructor(destroy$, drivers, vehicles) {
         super(destroy$, drivers, vehicles);
         this.type = 'dropdown';
@@ -599,22 +576,29 @@ class TuiDropdownPositionDirective extends TuiPositionAccessor {
             this.previous = undefined;
         }
         const hostRect = (_b = (_a = this.accessor) === null || _a === void 0 ? void 0 : _a.getClientRect()) !== null && _b !== void 0 ? _b : EMPTY_CLIENT_RECT;
-        const viewport = this.viewport.getClientRect();
+        const viewportRect = this.viewport.getClientRect();
         const { minHeight, align, direction, offset } = this.options;
+        const viewport = {
+            top: viewportRect.top - offset,
+            bottom: viewportRect.bottom + offset,
+            right: viewportRect.right - offset,
+            left: viewportRect.left + offset,
+        };
         const previous = this.previous || direction || 'bottom';
-        const right = Math.max(hostRect.right - width, offset);
         const available = {
             top: hostRect.top - 2 * offset - viewport.top,
             bottom: viewport.bottom - hostRect.bottom - 2 * offset,
         };
+        const right = Math.max(hostRect.right - width, offset);
+        const left = hostRect.left + width < viewport.right ? hostRect.left : right;
         const position = {
             top: hostRect.top - offset - height,
             bottom: hostRect.bottom + offset,
-            right,
-            center: hostRect.left + hostRect.width / 2 + width / 2 < viewport.right - offset
+            right: Math.max(viewport.left, right),
+            center: hostRect.left + hostRect.width / 2 + width / 2 < viewport.right
                 ? hostRect.left + hostRect.width / 2 - width / 2
                 : right,
-            left: hostRect.left + width < viewport.right - offset ? hostRect.left : right,
+            left: Math.max(viewport.left, left),
         };
         const better = available.top > available.bottom ? 'top' : 'bottom';
         if ((available[previous] > minHeight && direction) ||
@@ -684,7 +668,7 @@ class TuiDropdownPositionSidedDirective extends TuiPositionAccessor {
             top: hostRect.bottom - height + this.tuiDropdownSidedOffset + 1,
             left: hostRect.left - width - offset,
             right: hostRect.right + offset,
-            bottom: hostRect.top - this.tuiDropdownSidedOffset - 1, // 1 for border
+            bottom: hostRect.top - this.tuiDropdownSidedOffset - 1,
         };
         const better = available.top > available.bottom ? 'top' : 'bottom';
         const maxLeft = available.left > available.right ? position.left : position.right;
@@ -785,16 +769,10 @@ class TuiDropdownSelectionDirective extends TuiDriver {
         }
         return (selection === null || selection === void 0 ? void 0 : selection.rangeCount) ? selection.getRangeAt(0) : this.range;
     }
-    /**
-     * Check if Node is inside dropdown
-     */
     boxContains(node) {
         var _a;
         return !!((_a = this.dropdown.dropdownBoxRef) === null || _a === void 0 ? void 0 : _a.location.nativeElement.contains(node));
     }
-    /**
-     * Check if given range is at least partially inside dropdown
-     */
     inDropdown(range) {
         const { startContainer, endContainer } = range;
         const { nativeElement } = this.el;
@@ -818,9 +796,6 @@ class TuiDropdownSelectionDirective extends TuiDriver {
         range.setEnd(ghost.firstChild, selectionEnd || 0);
         return range;
     }
-    /**
-     * Create an invisible DIV styled exactly like input/textarea element inside directive
-     */
     initGhost(element) {
         const ghost = this.doc.createElement('div');
         const { font, letterSpacing, textTransform, padding } = getComputedStyle(element);
@@ -954,9 +929,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
                 }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
- */
-
 export { TUI_DROPDOWN_COMPONENT, TUI_DROPDOWN_DEFAULT_OPTIONS, TUI_DROPDOWN_HOVER_DEFAULT_OPTIONS, TUI_DROPDOWN_HOVER_OPTIONS, TUI_DROPDOWN_OPTIONS, TuiDropdownComponent, TuiDropdownContextDirective, TuiDropdownDirective, TuiDropdownDriverDirective, TuiDropdownHostDirective, TuiDropdownHoverDirective, TuiDropdownManualDirective, TuiDropdownModule, TuiDropdownOpenDirective, TuiDropdownOptionsDirective, TuiDropdownPositionDirective, TuiDropdownPositionSidedDirective, TuiDropdownSelectionDirective, tuiDropdownHoverOptionsProvider, tuiDropdownOptionsProvider };
 //# sourceMappingURL=taiga-ui-core-directives-dropdown.js.map