@taiga-ui/kit 3.58.0 → 3.59.0-canary.10da730

package/fesm2020/taiga-ui-kit-constants.mjs

@@ -0,0 +1,114 @@
+import { CHAR_PLUS, CHAR_HYPHEN, tuiObjectFromEntries } from '@taiga-ui/cdk';
+import { TUI_DIGIT_REGEXP } from '@taiga-ui/core';
+
+const TUI_DATE_MODE_MASKITO_ADAPTER = {
+    DMY: `dd/mm/yyyy`,
+    MDY: `mm/dd/yyyy`,
+    YMD: `yyyy/mm/dd`,
+};
+
+const DATE_TIME_SEPARATOR = `, `;
+
+/**
+ * @deprecated Use {@link https://github.com/taiga-family/maskito Maskito} instead
+ * TODO: delete in v4.0
+ */
+const EMPTY_MASK = {
+    mask() {
+        return false;
+    },
+};
+
+/**
+ * @deprecated unused constant
+ * TODO: delete in v4.0
+ */
+const GROUP_CLASS_NAMES = [
+    `_active`,
+    `_disabled`,
+    `_focused`,
+    `_focus-visible`,
+    `_hosted_dropdown_focused`,
+    `ng-invalid`,
+    `ng-touched`,
+    `_pressed`,
+    `_readonly`,
+];
+
+const MASK_AFTER_CODE_REGEXP = /\([#]+\)|[#\- ]/g;
+
+const TUI_PHONE_MASK = [
+    CHAR_PLUS,
+    `7`,
+    ` `,
+    TUI_DIGIT_REGEXP,
+    TUI_DIGIT_REGEXP,
+    TUI_DIGIT_REGEXP,
+    ` `,
+    TUI_DIGIT_REGEXP,
+    TUI_DIGIT_REGEXP,
+    TUI_DIGIT_REGEXP,
+    CHAR_HYPHEN,
+    TUI_DIGIT_REGEXP,
+    TUI_DIGIT_REGEXP,
+    CHAR_HYPHEN,
+    TUI_DIGIT_REGEXP,
+    TUI_DIGIT_REGEXP,
+];
+/**
+ * @deprecated Use {@link https://maskito.dev/kit/time Time} from {@link https://github.com/taiga-family/maskito Maskito} instead
+ * TODO: delete in v4.0
+ */
+const TUI_TIME_MASK = [
+    TUI_DIGIT_REGEXP,
+    TUI_DIGIT_REGEXP,
+    `:`,
+    TUI_DIGIT_REGEXP,
+    TUI_DIGIT_REGEXP,
+];
+
+/**
+ * Used as a limit for eliminating JS issues with floating point math
+ */
+const TUI_FLOATING_PRECISION = 7;
+
+const MAX_DAY_RANGE_LENGTH_MAPPER = (min, value, maxLength, backwards) => {
+    if (!value?.isSingleDay || !maxLength) {
+        return min;
+    }
+    const negativeMaxLength = tuiObjectFromEntries(Object.entries(maxLength).map(([key, value]) => [key, -value]));
+    const dateShift = value.from
+        .append(backwards ? negativeMaxLength : maxLength)
+        .append({ day: !backwards ? -1 : 1 });
+    if (backwards) {
+        return dateShift.dayBefore(min) ? min : dateShift;
+    }
+    if (!min) {
+        return dateShift;
+    }
+    return dateShift.dayAfter(min) ? min : dateShift;
+};
+
+const MAX_TIME_VALUES = {
+    HH: 23,
+    MM: 59,
+    SS: 59,
+    MS: 999,
+};
+
+const DEFAULT_ROUTER_LINK_OPTIONS = {
+    fragment: ``,
+    preserveFragment: true,
+    replaceUrl: false,
+    skipLocationChange: false,
+    queryParams: null,
+    useHref: false,
+    target: null,
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DATE_TIME_SEPARATOR, DEFAULT_ROUTER_LINK_OPTIONS, EMPTY_MASK, GROUP_CLASS_NAMES, MASK_AFTER_CODE_REGEXP, MAX_DAY_RANGE_LENGTH_MAPPER, MAX_TIME_VALUES, TUI_DATE_MODE_MASKITO_ADAPTER, TUI_FLOATING_PRECISION, TUI_PHONE_MASK, TUI_TIME_MASK };
+//# sourceMappingURL=taiga-ui-kit-constants.mjs.map

package/fesm2020/taiga-ui-kit-constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-constants.mjs","sources":["../../../projects/kit/constants/date-mode-maskito-adapter.ts","../../../projects/kit/constants/date-time-separator.ts","../../../projects/kit/constants/empty-mask.ts","../../../projects/kit/constants/group-class-names.ts","../../../projects/kit/constants/mask-after-code-regexp.ts","../../../projects/kit/constants/masks.ts","../../../projects/kit/constants/math.ts","../../../projects/kit/constants/max-day-range-length-mapper.ts","../../../projects/kit/constants/max-time-values.ts","../../../projects/kit/constants/router-link-options.ts","../../../projects/kit/constants/taiga-ui-kit-constants.ts"],"sourcesContent":["import {MaskitoDateMode} from '@maskito/kit';\nimport {TuiDateMode} from '@taiga-ui/cdk';\n\nexport const TUI_DATE_MODE_MASKITO_ADAPTER: Record<TuiDateMode, MaskitoDateMode> = {\n    DMY: `dd/mm/yyyy`,\n    MDY: `mm/dd/yyyy`,\n    YMD: `yyyy/mm/dd`,\n};\n","export const DATE_TIME_SEPARATOR = `, `;\n","import {TuiTextMaskOptions} from '@taiga-ui/core';\n\n/**\n * @deprecated Use {@link https://github.com/taiga-family/maskito Maskito} instead\n * TODO: delete in v4.0\n */\nexport const EMPTY_MASK: TuiTextMaskOptions = {\n    mask(): false {\n        return false;\n    },\n};\n","/**\n * @deprecated unused constant\n * TODO: delete in v4.0\n */\nexport const GROUP_CLASS_NAMES = [\n    `_active`,\n    `_disabled`,\n    `_focused`,\n    `_focus-visible`,\n    `_hosted_dropdown_focused`,\n    `ng-invalid`,\n    `ng-touched`,\n    `_pressed`,\n    `_readonly`,\n];\n","export const MASK_AFTER_CODE_REGEXP = /\\([#]+\\)|[#\\- ]/g;\n","import {CHAR_HYPHEN, CHAR_PLUS} from '@taiga-ui/cdk';\nimport {TUI_DIGIT_REGEXP, TuiTextMaskList} from '@taiga-ui/core';\n\nexport const TUI_PHONE_MASK: TuiTextMaskList = [\n    CHAR_PLUS,\n    `7`,\n    ` `,\n    TUI_DIGIT_REGEXP,\n    TUI_DIGIT_REGEXP,\n    TUI_DIGIT_REGEXP,\n    ` `,\n    TUI_DIGIT_REGEXP,\n    TUI_DIGIT_REGEXP,\n    TUI_DIGIT_REGEXP,\n    CHAR_HYPHEN,\n    TUI_DIGIT_REGEXP,\n    TUI_DIGIT_REGEXP,\n    CHAR_HYPHEN,\n    TUI_DIGIT_REGEXP,\n    TUI_DIGIT_REGEXP,\n];\n\n/**\n * @deprecated Use {@link https://maskito.dev/kit/time Time} from {@link https://github.com/taiga-family/maskito Maskito} instead\n * TODO: delete in v4.0\n */\nexport const TUI_TIME_MASK: TuiTextMaskList = [\n    TUI_DIGIT_REGEXP,\n    TUI_DIGIT_REGEXP,\n    `:`,\n    TUI_DIGIT_REGEXP,\n    TUI_DIGIT_REGEXP,\n];\n","/**\n * Used as a limit for eliminating JS issues with floating point math\n */\nexport const TUI_FLOATING_PRECISION = 7;\n","import {\n    TuiDay,\n    TuiDayLike,\n    TuiDayRange,\n    tuiObjectFromEntries,\n    TuiTypedMapper,\n} from '@taiga-ui/cdk';\n\nexport const MAX_DAY_RANGE_LENGTH_MAPPER: TuiTypedMapper<\n    [TuiDay, TuiDayRange | null, TuiDayLike | null, boolean],\n    TuiDay\n> = (min, value, maxLength, backwards) => {\n    if (!value?.isSingleDay || !maxLength) {\n        return min;\n    }\n\n    const negativeMaxLength = tuiObjectFromEntries(\n        Object.entries(maxLength).map(([key, value]) => [key, -value]),\n    );\n\n    const dateShift = value.from\n        .append(backwards ? negativeMaxLength : maxLength)\n        .append({day: !backwards ? -1 : 1});\n\n    if (backwards) {\n        return dateShift.dayBefore(min) ? min : dateShift;\n    }\n\n    if (!min) {\n        return dateShift;\n    }\n\n    return dateShift.dayAfter(min) ? min : dateShift;\n};\n","import {TuiTimeFormatParts} from '@taiga-ui/kit/types';\n\nexport const MAX_TIME_VALUES: Record<TuiTimeFormatParts, number> = {\n    HH: 23,\n    MM: 59,\n    SS: 59,\n    MS: 999,\n};\n","export const DEFAULT_ROUTER_LINK_OPTIONS = {\n    fragment: ``,\n    preserveFragment: true,\n    replaceUrl: false,\n    skipLocationChange: false,\n    queryParams: null,\n    useHref: false,\n    target: null,\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAGa,MAAA,6BAA6B,GAAyC;AAC/E,IAAA,GAAG,EAAE,CAAY,UAAA,CAAA;AACjB,IAAA,GAAG,EAAE,CAAY,UAAA,CAAA;AACjB,IAAA,GAAG,EAAE,CAAY,UAAA,CAAA;;;ACNd,MAAM,mBAAmB,GAAG;;ACEnC;;;AAGG;AACU,MAAA,UAAU,GAAuB;IAC1C,IAAI,GAAA;AACA,QAAA,OAAO,KAAK,CAAC;KAChB;;;ACTL;;;AAGG;AACU,MAAA,iBAAiB,GAAG;IAC7B,CAAS,OAAA,CAAA;IACT,CAAW,SAAA,CAAA;IACX,CAAU,QAAA,CAAA;IACV,CAAgB,cAAA,CAAA;IAChB,CAA0B,wBAAA,CAAA;IAC1B,CAAY,UAAA,CAAA;IACZ,CAAY,UAAA,CAAA;IACZ,CAAU,QAAA,CAAA;IACV,CAAW,SAAA,CAAA;;;ACbR,MAAM,sBAAsB,GAAG;;ACGzB,MAAA,cAAc,GAAoB;IAC3C,SAAS;IACT,CAAG,CAAA,CAAA;IACH,CAAG,CAAA,CAAA;IACH,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,CAAG,CAAA,CAAA;IACH,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IAChB,WAAW;IACX,gBAAgB;IAChB,gBAAgB;IAChB,WAAW;IACX,gBAAgB;IAChB,gBAAgB;EAClB;AAEF;;;AAGG;AACU,MAAA,aAAa,GAAoB;IAC1C,gBAAgB;IAChB,gBAAgB;IAChB,CAAG,CAAA,CAAA;IACH,gBAAgB;IAChB,gBAAgB;;;AC/BpB;;AAEG;AACI,MAAM,sBAAsB,GAAG;;ACK/B,MAAM,2BAA2B,GAGpC,CAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAI;AACrC,IAAA,IAAI,CAAC,KAAK,EAAE,WAAW,IAAI,CAAC,SAAS,EAAE;AACnC,QAAA,OAAO,GAAG,CAAC;AACd,KAAA;AAED,IAAA,MAAM,iBAAiB,GAAG,oBAAoB,CAC1C,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC,CACjE,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI;SACvB,MAAM,CAAC,SAAS,GAAG,iBAAiB,GAAG,SAAS,CAAC;AACjD,SAAA,MAAM,CAAC,EAAC,GAAG,EAAE,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,EAAC,CAAC,CAAC;AAExC,IAAA,IAAI,SAAS,EAAE;AACX,QAAA,OAAO,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,SAAS,CAAC;AACrD,KAAA;IAED,IAAI,CAAC,GAAG,EAAE;AACN,QAAA,OAAO,SAAS,CAAC;AACpB,KAAA;AAED,IAAA,OAAO,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,SAAS,CAAC;AACrD;;AC/Ba,MAAA,eAAe,GAAuC;AAC/D,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,GAAG;;;ACNE,MAAA,2BAA2B,GAAG;AACvC,IAAA,QAAQ,EAAE,CAAE,CAAA;AACZ,IAAA,gBAAgB,EAAE,IAAI;AACtB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,kBAAkB,EAAE,KAAK;AACzB,IAAA,WAAW,EAAE,IAAI;AACjB,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,MAAM,EAAE,IAAI;;;ACPhB;;AAEG;;;;"}

package/fesm2020/taiga-ui-kit-directives-data-list-dropdown-manager.mjs

@@ -0,0 +1,126 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { ElementRef, Directive, Self, Inject, ContentChildren, NgModule } from '@angular/core';
+import * as i1 from '@taiga-ui/cdk';
+import { EMPTY_QUERY, tuiTypedFromEvent, tuiQueryListChanges, tuiPreventDefault, tuiGetClosestFocusable, TuiDestroyService, tuiPure } from '@taiga-ui/cdk';
+import { TuiDropdownDirective } from '@taiga-ui/core';
+import { takeUntil, merge, switchMap, EMPTY, take, filter, tap, map, shareReplay, debounceTime } from 'rxjs';
+
+class TuiDataListDropdownManagerDirective {
+    constructor(destroy$) {
+        this.destroy$ = destroy$;
+        this.dropdowns = EMPTY_QUERY;
+        this.els = EMPTY_QUERY;
+    }
+    ngAfterViewInit() {
+        this.right$.pipe(takeUntil(this.destroy$)).subscribe(index => {
+            this.tryToFocus(index);
+        });
+        merge(this.immediate$, this.debounce$)
+            .pipe(switchMap(active => {
+            this.dropdowns.forEach((dropdown, index) => {
+                dropdown.toggle(index === active);
+            });
+            const element = this.els.get(active);
+            const dropdown = this.dropdowns.get(active);
+            if (!element || !dropdown?.dropdownBoxRef) {
+                return EMPTY;
+            }
+            const { nativeElement } = dropdown.dropdownBoxRef.location;
+            const mouseEnter$ = tuiTypedFromEvent(nativeElement, 'mouseenter').pipe(take(1));
+            const esc$ = merge(tuiTypedFromEvent(element.nativeElement, 'keydown'), tuiTypedFromEvent(nativeElement, 'keydown')).pipe(filter(({ key }) => key === 'Escape'));
+            return merge(mouseEnter$, esc$).pipe(tap(event => {
+                if (dropdown.dropdownBoxRef) {
+                    event.stopPropagation();
+                }
+                element.nativeElement.focus();
+                dropdown.toggle('offsetX' in event);
+            }));
+        }), takeUntil(this.destroy$))
+            .subscribe();
+    }
+    get elements$() {
+        return tuiQueryListChanges(this.els).pipe(map(array => array.map(({ nativeElement }) => nativeElement)), shareReplay({ bufferSize: 1, refCount: true }));
+    }
+    get right$() {
+        return this.elements$.pipe(switchMap(elements => merge(...elements.map((element, index) => tuiTypedFromEvent(element, 'keydown').pipe(filter(({ key }) => key === 'ArrowRight'), tuiPreventDefault(), map(() => index))))));
+    }
+    get immediate$() {
+        return this.elements$.pipe(switchMap(elements => merge(...elements.map((element, index) => tuiTypedFromEvent(element, 'click').pipe(map(() => index))))));
+    }
+    get debounce$() {
+        return this.elements$.pipe(switchMap(elements => merge(...elements.map((element, index) => merge(tuiTypedFromEvent(element, 'focus'), tuiTypedFromEvent(element, 'blur')).pipe(filter(({ relatedTarget }) => this.notInDropdown(relatedTarget, index)), map(({ type }) => (type === 'focus' ? index : NaN)))))), debounceTime(300));
+    }
+    notInDropdown(element, index) {
+        return !this.dropdowns
+            .get(index)
+            ?.dropdownBoxRef?.location.nativeElement.contains(element);
+    }
+    tryToFocus(index) {
+        const content = this.dropdowns.get(index)?.dropdownBoxRef?.location.nativeElement;
+        if (!content) {
+            return;
+        }
+        // First item is focus trap
+        const focusTrap = tuiGetClosestFocusable({ initial: content, root: content });
+        const item = tuiGetClosestFocusable({
+            initial: focusTrap || content,
+            root: content,
+        });
+        if (item) {
+            item.focus();
+        }
+    }
+}
+TuiDataListDropdownManagerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDataListDropdownManagerDirective, deps: [{ token: TuiDestroyService, self: true }], target: i0.ɵɵFactoryTarget.Directive });
+TuiDataListDropdownManagerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiDataListDropdownManagerDirective, selector: "tui-data-list[tuiDataListDropdownManager]", providers: [TuiDestroyService], queries: [{ propertyName: "dropdowns", predicate: TuiDropdownDirective, descendants: true }, { propertyName: "els", predicate: TuiDropdownDirective, descendants: true, read: ElementRef }], ngImport: i0 });
+__decorate([
+    tuiPure
+], TuiDataListDropdownManagerDirective.prototype, "elements$", null);
+__decorate([
+    tuiPure
+], TuiDataListDropdownManagerDirective.prototype, "right$", null);
+__decorate([
+    tuiPure
+], TuiDataListDropdownManagerDirective.prototype, "immediate$", null);
+__decorate([
+    tuiPure
+], TuiDataListDropdownManagerDirective.prototype, "debounce$", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDataListDropdownManagerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tui-data-list[tuiDataListDropdownManager]',
+                    providers: [TuiDestroyService],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TuiDestroyService, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [TuiDestroyService]
+                }] }]; }, propDecorators: { dropdowns: [{
+                type: ContentChildren,
+                args: [TuiDropdownDirective, { descendants: true }]
+            }], els: [{
+                type: ContentChildren,
+                args: [TuiDropdownDirective, { read: ElementRef, descendants: true }]
+            }], elements$: [], right$: [], immediate$: [], debounce$: [] } });
+
+class TuiDataListDropdownManagerModule {
+}
+TuiDataListDropdownManagerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDataListDropdownManagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiDataListDropdownManagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiDataListDropdownManagerModule, declarations: [TuiDataListDropdownManagerDirective], exports: [TuiDataListDropdownManagerDirective] });
+TuiDataListDropdownManagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDataListDropdownManagerModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiDataListDropdownManagerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TuiDataListDropdownManagerDirective],
+                    exports: [TuiDataListDropdownManagerDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiDataListDropdownManagerDirective, TuiDataListDropdownManagerModule };
+//# sourceMappingURL=taiga-ui-kit-directives-data-list-dropdown-manager.mjs.map

package/fesm2020/taiga-ui-kit-directives-data-list-dropdown-manager.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-directives-data-list-dropdown-manager.mjs","sources":["../../../projects/kit/directives/data-list-dropdown-manager/data-list-dropdown-manager.directive.ts","../../../projects/kit/directives/data-list-dropdown-manager/data-list-dropdown-manager.module.ts","../../../projects/kit/directives/data-list-dropdown-manager/taiga-ui-kit-directives-data-list-dropdown-manager.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ContentChildren,\n    Directive,\n    ElementRef,\n    Inject,\n    QueryList,\n    Self,\n} from '@angular/core';\nimport {\n    EMPTY_QUERY,\n    TuiDestroyService,\n    tuiGetClosestFocusable,\n    tuiPreventDefault,\n    tuiPure,\n    tuiQueryListChanges,\n    tuiTypedFromEvent,\n} from '@taiga-ui/cdk';\nimport {TuiDropdownDirective} from '@taiga-ui/core';\nimport {\n    debounceTime,\n    EMPTY,\n    filter,\n    map,\n    merge,\n    Observable,\n    shareReplay,\n    switchMap,\n    take,\n    takeUntil,\n    tap,\n} from 'rxjs';\n\n@Directive({\n    selector: 'tui-data-list[tuiDataListDropdownManager]',\n    providers: [TuiDestroyService],\n})\nexport class TuiDataListDropdownManagerDirective implements AfterViewInit {\n    @ContentChildren(TuiDropdownDirective, {descendants: true})\n    private readonly dropdowns: QueryList<TuiDropdownDirective> = EMPTY_QUERY;\n\n    @ContentChildren(TuiDropdownDirective, {read: ElementRef, descendants: true})\n    private readonly els: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n    constructor(\n        @Self() @Inject(TuiDestroyService) private readonly destroy$: TuiDestroyService,\n    ) {}\n\n    ngAfterViewInit(): void {\n        this.right$.pipe(takeUntil(this.destroy$)).subscribe(index => {\n            this.tryToFocus(index);\n        });\n\n        merge(this.immediate$, this.debounce$)\n            .pipe(\n                switchMap(active => {\n                    this.dropdowns.forEach((dropdown, index) => {\n                        dropdown.toggle(index === active);\n                    });\n\n                    const element = this.els.get(active);\n                    const dropdown = this.dropdowns.get(active);\n\n                    if (!element || !dropdown?.dropdownBoxRef) {\n                        return EMPTY;\n                    }\n\n                    const {nativeElement} = dropdown.dropdownBoxRef.location;\n                    const mouseEnter$ = tuiTypedFromEvent(\n                        nativeElement,\n                        'mouseenter',\n                    ).pipe(take(1));\n                    const esc$ = merge(\n                        tuiTypedFromEvent(element.nativeElement, 'keydown'),\n                        tuiTypedFromEvent(nativeElement, 'keydown'),\n                    ).pipe(filter(({key}) => key === 'Escape'));\n\n                    return merge(mouseEnter$, esc$).pipe(\n                        tap(event => {\n                            if (dropdown.dropdownBoxRef) {\n                                event.stopPropagation();\n                            }\n\n                            element.nativeElement.focus();\n                            dropdown.toggle('offsetX' in event);\n                        }),\n                    );\n                }),\n                takeUntil(this.destroy$),\n            )\n            .subscribe();\n    }\n\n    @tuiPure\n    private get elements$(): Observable<readonly HTMLElement[]> {\n        return tuiQueryListChanges(this.els).pipe(\n            map(array => array.map(({nativeElement}) => nativeElement)),\n            shareReplay({bufferSize: 1, refCount: true}),\n        );\n    }\n\n    @tuiPure\n    private get right$(): Observable<number> {\n        return this.elements$.pipe(\n            switchMap(elements =>\n                merge(\n                    ...elements.map((element, index) =>\n                        tuiTypedFromEvent(element, 'keydown').pipe(\n                            filter(({key}) => key === 'ArrowRight'),\n                            tuiPreventDefault(),\n                            map(() => index),\n                        ),\n                    ),\n                ),\n            ),\n        );\n    }\n\n    @tuiPure\n    private get immediate$(): Observable<number> {\n        return this.elements$.pipe(\n            switchMap(elements =>\n                merge(\n                    ...elements.map((element, index) =>\n                        tuiTypedFromEvent(element, 'click').pipe(map(() => index)),\n                    ),\n                ),\n            ),\n        );\n    }\n\n    @tuiPure\n    private get debounce$(): Observable<number> {\n        return this.elements$.pipe(\n            switchMap(elements =>\n                merge(\n                    ...elements.map((element, index) =>\n                        merge(\n                            tuiTypedFromEvent(element, 'focus'),\n                            tuiTypedFromEvent(element, 'blur'),\n                        ).pipe(\n                            filter(({relatedTarget}) =>\n                                this.notInDropdown(relatedTarget, index),\n                            ),\n                            map(({type}) => (type === 'focus' ? index : NaN)),\n                        ),\n                    ),\n                ),\n            ),\n            debounceTime(300),\n        );\n    }\n\n    private notInDropdown(element: EventTarget | null, index: number): boolean {\n        return !this.dropdowns\n            .get(index)\n            ?.dropdownBoxRef?.location.nativeElement.contains(element);\n    }\n\n    private tryToFocus(index: number): void {\n        const content = this.dropdowns.get(index)?.dropdownBoxRef?.location.nativeElement;\n\n        if (!content) {\n            return;\n        }\n\n        // First item is focus trap\n        const focusTrap = tuiGetClosestFocusable({initial: content, root: content});\n        const item = tuiGetClosestFocusable({\n            initial: focusTrap || content,\n            root: content,\n        });\n\n        if (item) {\n            item.focus();\n        }\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiDataListDropdownManagerDirective} from './data-list-dropdown-manager.directive';\n\n@NgModule({\n    declarations: [TuiDataListDropdownManagerDirective],\n    exports: [TuiDataListDropdownManagerDirective],\n})\nexport class TuiDataListDropdownManagerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/taiga-ui-kit-directives-highlight.mjs

@@ -0,0 +1,115 @@
+import { DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { ElementRef, Renderer2, Directive, Inject, Input, NgModule } from '@angular/core';
+import { svgNodeFilter, tuiPx, TuiResizeService, TuiDestroyService } from '@taiga-ui/cdk';
+import * as i1 from 'rxjs';
+
+class TuiHighlightDirective {
+    constructor(doc, el, renderer, resize$) {
+        this.doc = doc;
+        this.el = el;
+        this.renderer = renderer;
+        this.highlight = this.setUpHighlight();
+        this.treeWalker = this.doc.createTreeWalker(this.el.nativeElement, NodeFilter.SHOW_TEXT, svgNodeFilter);
+        this.tuiHighlight = '';
+        this.tuiHighlightColor = 'var(--tui-selection)';
+        resize$.subscribe(() => {
+            this.updateStyles();
+        });
+    }
+    get match() {
+        return this.indexOf(this.el.nativeElement.textContent) !== -1;
+    }
+    ngOnChanges() {
+        this.updateStyles();
+    }
+    updateStyles() {
+        this.highlight.style.display = 'none';
+        if (!this.match) {
+            return;
+        }
+        this.treeWalker.currentNode = this.el.nativeElement;
+        do {
+            const index = this.indexOf(this.treeWalker.currentNode.nodeValue);
+            if (index === -1) {
+                continue;
+            }
+            const range = this.doc.createRange();
+            range.setStart(this.treeWalker.currentNode, index);
+            range.setEnd(this.treeWalker.currentNode, index + this.tuiHighlight.length);
+            const hostRect = this.el.nativeElement.getBoundingClientRect();
+            const { left, top, width, height } = range.getBoundingClientRect();
+            const { style } = this.highlight;
+            style.background = this.tuiHighlightColor;
+            style.left = tuiPx(left - hostRect.left);
+            style.top = tuiPx(top - hostRect.top);
+            style.width = tuiPx(width);
+            style.height = tuiPx(height);
+            style.display = 'block';
+            return;
+        } while (this.treeWalker.nextNode());
+    }
+    indexOf(source) {
+        return !source || !this.tuiHighlight
+            ? -1
+            : source.toLowerCase().indexOf(this.tuiHighlight.toLowerCase());
+    }
+    setUpHighlight() {
+        const highlight = this.renderer.createElement('div');
+        const { style } = highlight;
+        style.background = this.tuiHighlightColor;
+        style.zIndex = '-1';
+        style.position = 'absolute';
+        this.renderer.appendChild(this.el.nativeElement, highlight);
+        return highlight;
+    }
+}
+TuiHighlightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiHighlightDirective, deps: [{ token: DOCUMENT }, { token: ElementRef }, { token: Renderer2 }, { token: TuiResizeService }], target: i0.ɵɵFactoryTarget.Directive });
+TuiHighlightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiHighlightDirective, selector: "[tuiHighlight]", inputs: { tuiHighlight: "tuiHighlight", tuiHighlightColor: "tuiHighlightColor" }, host: { properties: { "style.position": "\"relative\"", "style.zIndex": "0" } }, providers: [TuiDestroyService, TuiResizeService], usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiHighlightDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tuiHighlight]',
+                    providers: [TuiDestroyService, TuiResizeService],
+                    host: {
+                        '[style.position]': '"relative"',
+                        '[style.zIndex]': '0',
+                    },
+                }]
+        }], ctorParameters: function () { return [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }, { type: i0.Renderer2, decorators: [{
+                    type: Inject,
+                    args: [Renderer2]
+                }] }, { type: i1.Observable, decorators: [{
+                    type: Inject,
+                    args: [TuiResizeService]
+                }] }]; }, propDecorators: { tuiHighlight: [{
+                type: Input
+            }], tuiHighlightColor: [{
+                type: Input
+            }] } });
+
+class TuiHighlightModule {
+}
+TuiHighlightModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiHighlightModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiHighlightModule, declarations: [TuiHighlightDirective], exports: [TuiHighlightDirective] });
+TuiHighlightModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiHighlightModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiHighlightModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TuiHighlightDirective],
+                    exports: [TuiHighlightDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiHighlightDirective, TuiHighlightModule };
+//# sourceMappingURL=taiga-ui-kit-directives-highlight.mjs.map

package/fesm2020/taiga-ui-kit-directives-highlight.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-directives-highlight.mjs","sources":["../../../projects/kit/directives/highlight/highlight.directive.ts","../../../projects/kit/directives/highlight/highlight.module.ts","../../../projects/kit/directives/highlight/taiga-ui-kit-directives-highlight.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {Directive, ElementRef, Inject, Input, OnChanges, Renderer2} from '@angular/core';\nimport {svgNodeFilter, TuiDestroyService, tuiPx, TuiResizeService} from '@taiga-ui/cdk';\nimport {Observable} from 'rxjs';\n\n@Directive({\n    selector: '[tuiHighlight]',\n    providers: [TuiDestroyService, TuiResizeService],\n    host: {\n        '[style.position]': '\"relative\"',\n        '[style.zIndex]': '0',\n    },\n})\nexport class TuiHighlightDirective implements OnChanges {\n    private readonly highlight: HTMLElement = this.setUpHighlight();\n\n    private readonly treeWalker = this.doc.createTreeWalker(\n        this.el.nativeElement,\n        NodeFilter.SHOW_TEXT,\n        svgNodeFilter,\n    );\n\n    @Input()\n    tuiHighlight = '';\n\n    @Input()\n    tuiHighlightColor = 'var(--tui-selection)';\n\n    constructor(\n        @Inject(DOCUMENT) private readonly doc: Document,\n        @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n        @Inject(Renderer2) private readonly renderer: Renderer2,\n        @Inject(TuiResizeService) resize$: Observable<unknown>,\n    ) {\n        resize$.subscribe(() => {\n            this.updateStyles();\n        });\n    }\n\n    get match(): boolean {\n        return this.indexOf(this.el.nativeElement.textContent) !== -1;\n    }\n\n    ngOnChanges(): void {\n        this.updateStyles();\n    }\n\n    private updateStyles(): void {\n        this.highlight.style.display = 'none';\n\n        if (!this.match) {\n            return;\n        }\n\n        this.treeWalker.currentNode = this.el.nativeElement;\n\n        do {\n            const index = this.indexOf(this.treeWalker.currentNode.nodeValue);\n\n            if (index === -1) {\n                continue;\n            }\n\n            const range = this.doc.createRange();\n\n            range.setStart(this.treeWalker.currentNode, index);\n            range.setEnd(this.treeWalker.currentNode, index + this.tuiHighlight.length);\n\n            const hostRect = this.el.nativeElement.getBoundingClientRect();\n            const {left, top, width, height} = range.getBoundingClientRect();\n            const {style} = this.highlight;\n\n            style.background = this.tuiHighlightColor;\n            style.left = tuiPx(left - hostRect.left);\n            style.top = tuiPx(top - hostRect.top);\n            style.width = tuiPx(width);\n            style.height = tuiPx(height);\n            style.display = 'block';\n\n            return;\n        } while (this.treeWalker.nextNode());\n    }\n\n    private indexOf(source: string | null): number {\n        return !source || !this.tuiHighlight\n            ? -1\n            : source.toLowerCase().indexOf(this.tuiHighlight.toLowerCase());\n    }\n\n    private setUpHighlight(): HTMLElement {\n        const highlight = this.renderer.createElement('div');\n        const {style} = highlight;\n\n        style.background = this.tuiHighlightColor;\n        style.zIndex = '-1';\n        style.position = 'absolute';\n        this.renderer.appendChild(this.el.nativeElement, highlight);\n\n        return highlight;\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiHighlightDirective} from './highlight.directive';\n\n@NgModule({\n    declarations: [TuiHighlightDirective],\n    exports: [TuiHighlightDirective],\n})\nexport class TuiHighlightModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2020/taiga-ui-kit-directives-lazy-loading.mjs

@@ -0,0 +1,110 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectorRef, Injectable, Inject, Self, ElementRef, Directive, Input, HostBinding, HostListener, NgModule } from '@angular/core';
+import { IntersectionObserverService } from '@ng-web-apis/intersection-observer';
+import { tuiWatch, TuiDestroyService } from '@taiga-ui/cdk';
+import * as i1 from 'rxjs';
+import { Observable, switchMap, filter, map, catchError, of, take, takeUntil, Subject } from 'rxjs';
+
+class TuiLazyLoadingService extends Observable {
+    constructor(cdr, destroy$, intersections$) {
+        super(subscriber => this.src$
+            .pipe(switchMap(src => intersections$.pipe(filter(([{ isIntersecting }]) => isIntersecting), map(() => src), catchError(() => of(src)), tuiWatch(cdr), take(1))), takeUntil(destroy$))
+            .subscribe(subscriber));
+        this.src$ = new Subject();
+    }
+    next(src) {
+        this.src$.next(src);
+    }
+}
+TuiLazyLoadingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiLazyLoadingService, deps: [{ token: ChangeDetectorRef }, { token: TuiDestroyService, self: true }, { token: IntersectionObserverService }], target: i0.ɵɵFactoryTarget.Injectable });
+TuiLazyLoadingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiLazyLoadingService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiLazyLoadingService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef, decorators: [{
+                    type: Inject,
+                    args: [ChangeDetectorRef]
+                }] }, { type: i1.Observable, decorators: [{
+                    type: Self
+                }, {
+                    type: Inject,
+                    args: [TuiDestroyService]
+                }] }, { type: i1.Observable, decorators: [{
+                    type: Inject,
+                    args: [IntersectionObserverService]
+                }] }]; } });
+
+class TuiLazyLoadingDirective {
+    set srcSetter(src) {
+        this.src = this.supported ? src : null;
+        this.src$.next(src);
+    }
+    constructor(src$, el) {
+        this.src$ = src$;
+        this.el = el;
+        this.animation = 'tuiSkeletonVibe ease-in-out 1s infinite alternate';
+        this.background = 'var(--tui-clear-hover)';
+        this.src = null;
+        if (!this.supported) {
+            this.src$.subscribe(src => {
+                this.src = src;
+            });
+        }
+    }
+    get supported() {
+        return 'loading' in this.el.nativeElement;
+    }
+    onLoad() {
+        this.background = '';
+        this.animation = '';
+    }
+}
+TuiLazyLoadingDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiLazyLoadingDirective, deps: [{ token: TuiLazyLoadingService }, { token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TuiLazyLoadingDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: { srcSetter: ["src", "srcSetter"] }, host: { listeners: { "load": "onLoad()" }, properties: { "style.animation": "this.animation", "style.background": "this.background", "attr.src": "this.src" } }, providers: [TuiLazyLoadingService, IntersectionObserverService, TuiDestroyService], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiLazyLoadingDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'img[loading="lazy"]',
+                    providers: [TuiLazyLoadingService, IntersectionObserverService, TuiDestroyService],
+                }]
+        }], ctorParameters: function () { return [{ type: TuiLazyLoadingService, decorators: [{
+                    type: Inject,
+                    args: [TuiLazyLoadingService]
+                }] }, { type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }]; }, propDecorators: { srcSetter: [{
+                type: Input,
+                args: ['src']
+            }], animation: [{
+                type: HostBinding,
+                args: ['style.animation']
+            }], background: [{
+                type: HostBinding,
+                args: ['style.background']
+            }], src: [{
+                type: HostBinding,
+                args: ['attr.src']
+            }], onLoad: [{
+                type: HostListener,
+                args: ['load']
+            }] } });
+
+class TuiLazyLoadingModule {
+}
+TuiLazyLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiLazyLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiLazyLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiLazyLoadingModule, declarations: [TuiLazyLoadingDirective], exports: [TuiLazyLoadingDirective] });
+TuiLazyLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiLazyLoadingModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiLazyLoadingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TuiLazyLoadingDirective],
+                    exports: [TuiLazyLoadingDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiLazyLoadingDirective, TuiLazyLoadingModule, TuiLazyLoadingService };
+//# sourceMappingURL=taiga-ui-kit-directives-lazy-loading.mjs.map

package/fesm2020/taiga-ui-kit-directives-lazy-loading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-directives-lazy-loading.mjs","sources":["../../../projects/kit/directives/lazy-loading/lazy-loading.service.ts","../../../projects/kit/directives/lazy-loading/lazy-loading.directive.ts","../../../projects/kit/directives/lazy-loading/lazy-loading.module.ts","../../../projects/kit/directives/lazy-loading/taiga-ui-kit-directives-lazy-loading.ts"],"sourcesContent":["import {ChangeDetectorRef, Inject, Injectable, Self} from '@angular/core';\nimport {SafeResourceUrl} from '@angular/platform-browser';\nimport {IntersectionObserverService} from '@ng-web-apis/intersection-observer';\nimport {TuiDestroyService, tuiWatch} from '@taiga-ui/cdk';\nimport {\n    catchError,\n    filter,\n    map,\n    Observable,\n    of,\n    Subject,\n    switchMap,\n    take,\n    takeUntil,\n} from 'rxjs';\n\n@Injectable()\nexport class TuiLazyLoadingService extends Observable<SafeResourceUrl | string> {\n    private readonly src$ = new Subject<SafeResourceUrl | string>();\n\n    constructor(\n        @Inject(ChangeDetectorRef) cdr: ChangeDetectorRef,\n        @Self() @Inject(TuiDestroyService) destroy$: Observable<void>,\n        @Inject(IntersectionObserverService)\n        intersections$: Observable<IntersectionObserverEntry[]>,\n    ) {\n        super(subscriber =>\n            this.src$\n                .pipe(\n                    switchMap(src =>\n                        intersections$.pipe(\n                            filter(([{isIntersecting}]) => isIntersecting),\n                            map(() => src),\n                            catchError(() => of(src)),\n                            tuiWatch(cdr),\n                            take(1),\n                        ),\n                    ),\n                    takeUntil(destroy$),\n                )\n                .subscribe(subscriber),\n        );\n    }\n\n    next(src: SafeResourceUrl | string): void {\n        this.src$.next(src);\n    }\n}\n","import {\n    Directive,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n} from '@angular/core';\nimport {SafeResourceUrl} from '@angular/platform-browser';\nimport {IntersectionObserverService} from '@ng-web-apis/intersection-observer';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\n\nimport {TuiLazyLoadingService} from './lazy-loading.service';\n\n@Directive({\n    selector: 'img[loading=\"lazy\"]',\n    providers: [TuiLazyLoadingService, IntersectionObserverService, TuiDestroyService],\n})\nexport class TuiLazyLoadingDirective {\n    @Input('src')\n    set srcSetter(src: SafeResourceUrl | string) {\n        this.src = this.supported ? src : null;\n        this.src$.next(src);\n    }\n\n    @HostBinding('style.animation')\n    animation = 'tuiSkeletonVibe ease-in-out 1s infinite alternate';\n\n    @HostBinding('style.background')\n    background = 'var(--tui-clear-hover)';\n\n    @HostBinding('attr.src')\n    src: SafeResourceUrl | string | null = null;\n\n    constructor(\n        @Inject(TuiLazyLoadingService)\n        private readonly src$: TuiLazyLoadingService,\n        @Inject(ElementRef)\n        private readonly el: ElementRef<HTMLImageElement>,\n    ) {\n        if (!this.supported) {\n            this.src$.subscribe(src => {\n                this.src = src;\n            });\n        }\n    }\n\n    private get supported(): boolean {\n        return 'loading' in this.el.nativeElement;\n    }\n\n    @HostListener('load')\n    onLoad(): void {\n        this.background = '';\n        this.animation = '';\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiLazyLoadingDirective} from './lazy-loading.directive';\n\n@NgModule({\n    declarations: [TuiLazyLoadingDirective],\n    exports: [TuiLazyLoadingDirective],\n})\nexport class TuiLazyLoadingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}