@taiga-ui/core 4.52.0-canary.a4e325d → 4.52.0-canary.a59c4d0

package/styles/components/icon.less

@@ -9,18 +9,20 @@
  *
  * @vars
  * --t-icon — depending on the data-icon, it can serve as either a mask (`svg`),
-  a background (`image`), or content (`font`) for the icon.
+  a background (`img`), or content (`font`) for the icon.
  * --t-icon-bg — mask for the background
  *
  * @example
- * <tui-icon data-icon="svg" style="--t-icon: url('icon.svg')"></tui-icon>
+ * <tui-icon tuiIcons style="--t-icon: url('icon.svg')"></tui-icon>
  *
  * @see-also
  * Icons
  */
 tui-icon {
+    --tui-icon-size: 1em;
+
     position: relative;
-    display: inline-block;
+    display: inline-flex;
     inline-size: 1em;
     block-size: 1em;
     font-size: 1.5rem;
@@ -28,8 +30,7 @@ tui-icon {
     border: 0 solid transparent;
     vertical-align: middle;
     box-sizing: border-box;
-    mask: var(--t-icon-bg) no-repeat center / calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem))
-        ~'min(1em, 100%)' padding-box;
+    mask: var(--t-icon-bg) no-repeat center / calc(100% + 10 * var(--tui-stroke-width, 0.125rem)) 100%;
 
     @media @tui-mouse {
         &[data-appearance='icon']:hover {
@@ -37,30 +38,35 @@ tui-icon {
         }
     }
 
-    &::before,
-    &[tuiIcons]::before {
-        .fullsize();
+    &[data-icon-end] {
+        &::before {
+            mask-image:
+                var(--t-icon-start),
+                radial-gradient(circle at bottom 0.1em right 0.1em, transparent calc(0.4em - 0.5px), #000 0.4em);
+            mask-composite: intersect;
+        }
 
-        content: '';
-        display: block;
-        mask:
-            var(--t-icon) no-repeat center / calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem))
-                ~'min(1em, 100%)',
-            100% padding-box;
-        background: currentColor;
-    }
+        &[data-icon-start='img'],
+        &[data-icon-start='font'] {
+            &::before {
+                mask: radial-gradient(circle at bottom 0.1em right 0.1em, transparent calc(0.4em - 0.5px), #000 0.4em);
+            }
+        }
 
-    &[data-icon='image']::before {
-        mask: none;
-        background: var(--t-icon) no-repeat center/contain;
+        &::after {
+            .fullsize();
+        }
     }
 
-    &[data-icon='font']::before {
-        content: var(--t-icon);
-        mask: none;
-        background: none;
-        font: 1em/1 var(--tui-font-icon, inherit);
-        text-align: center;
-        text-transform: none;
+    &[data-icon-start] {
+        &::before {
+            .fullsize();
+        }
+
+        &::after {
+            transform: translate(36%, 36%);
+
+            --tui-icon-size: 0.5715em;
+        }
     }
 }

package/styles/components/icons.less

@@ -7,12 +7,12 @@
  *
  * @vars
  * --t-icon-start — depending on the data-icon-start, it can serve as either a mask (`svg`),
-  a background (`image`), or content (`font`) for the ::before element
+  a background (`img`), or content (`font`) for the ::before element
  * --t-icon-end — depending on the data-icon-end, it can serve as either a mask (`svg`),
-  a background (`image`), or content (`font`) for the ::after element
+  a background (`img`), or content (`font`) for the ::after element
  *
  * @example
- * <button tuiIcons data-icon-start="svg" style="--t-icon-start: url('icon.svg')"></button>
+ * <button tuiIcons style="--t-icon-start: url('icon.svg')"></button>
  *
  * @see-also
  * Button, Icon, Link
@@ -27,32 +27,34 @@
         inline-size: 1em;
         block-size: 1em;
         line-height: 1em;
-        font-size: 1.5rem;
+        font-size: var(--tui-icon-size, 1.5rem);
         flex-shrink: 0;
         box-sizing: content-box;
         background: currentColor;
     }
 
     &::before {
-        display: var(--t-icon-start, none);
-        mask: var(--t-icon-start) no-repeat center / calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem))
-            ~'min(1em, 100%)' padding-box;
+        display: var(--t-icon-start);
+        mask:
+            var(--t-icon-start) no-repeat center / calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem))
+                ~'min(1em, 100%)',
+            100% padding-box;
     }
 
     &::after {
-        display: var(--t-icon-end, none);
+        display: var(--t-icon-end);
         mask: var(--t-icon-end) no-repeat center / calc(~'min(1em, 100%)' + 10 * var(--tui-stroke-width, 0.125rem))
             ~'min(1em, 100%)' padding-box;
     }
 
-    &[data-icon-start='image']::before {
+    &[data-icon-start='img']::before {
         mask: none;
-        background: var(--t-icon-start) no-repeat center/contain padding-box;
+        background: var(--t-icon-start) no-repeat center / 1em padding-box;
     }
 
-    &[data-icon-end='image']::after {
+    &[data-icon-end='img']::after {
         mask: none;
-        background: var(--t-icon-end) no-repeat center/contain padding-box;
+        background: var(--t-icon-end) no-repeat center / 1em padding-box;
     }
 
     &[data-icon-start='font']::before,

package/styles/components/link.less

@@ -14,9 +14,6 @@
  * Icons, Appearance, Button
  */
 [tuiLink] {
-    // TODO: Remove in v5
-    --tui-text-tertiary: var(--tui-text-secondary);
-
     .transition(~'color, text-decoration, opacity');
 
     padding: 0;

package/styles/mixins/mixins.less

@@ -75,9 +75,8 @@
     gap: calc(var(--t-gap, ~'0rem') - 2 * var(--t-margin, 0rem));
 
     > img,
-    > tui-svg,
     > tui-icon,
-    > tui-avatar,
+    > [tuiAvatar],
     > tui-badge,
     > [tuiBadge],
     > [tuiRadio],
@@ -172,3 +171,11 @@
 .tui-mask(@x, @y, @r) {
     mask: radial-gradient(circle at @x @y, transparent @r, black @r);
 }
+
+.portal-loop (@i) when (@i > 0) {
+    .portal-loop(@i - 1);
+
+    &:nth-of-type(@{i}) {
+        grid-row: ~'1000@{i}';
+    }
+}

package/styles/mixins/mixins.scss

@@ -72,9 +72,8 @@
     gap: calc(var(--t-gap) - 2 * var(--t-margin));
 
     > img,
-    > tui-svg,
     > tui-icon,
-    > tui-avatar,
+    > [tuiAvatar],
     > tui-badge,
     > [tuiBadge],
     > [tuiRadio],
@@ -165,3 +164,11 @@
 @mixin tui-mask($x, $y, $r) {
     mask: radial-gradient(circle at $x $y, transparent $r, black $r);
 }
+
+@mixin portal-loop($n) {
+    @for $i from 1 through $n {
+        &:nth-of-type(#{$i}) {
+            grid-row: #{$i + 10000};
+        }
+    }
+}

package/styles/mixins/slider.less

@@ -1,7 +1,6 @@
 @thumb-diameters: {
     @s: 0.5rem;
     @m: 0.75rem;
-    @l: 0.75rem;
 };
 
 @track-inset: {
@@ -10,9 +9,8 @@
     @l: 1rem;
 };
 
-// TODO(v5): use `l` by default (default size for new textfields)
-.tui-slider-ticks-labels(@input-size: m) {
-    @thumb: @thumb-diameters[@@input-size];
+.tui-slider-ticks-labels(@thumb-size: m) {
+    @thumb: @thumb-diameters[@@thumb-size];
 
     --t-offset: calc(@thumb / 2);
 
@@ -45,27 +43,34 @@
         }
     }
 
-    /* TODO(v5): delete */
-    tui-input-slider + & {
-        margin-inline-start: calc(var(--tui-radius-m) / 2 + var(--t-offset));
+    tui-range + & {
+        --t-offset: @thumb;
     }
 
     /* TODO: add :has([tuiInputSlider]) */
-    tui-textfield + & {
-        --t-offset: calc(var(--tui-radius-m) / 2 + @thumb / 2);
+    tui-textfield[data-size='l'] + & {
+        --t-offset: calc(@track-inset[@l] + @thumb / 2);
     }
 
     /* TODO: add :has([tuiInputSlider]) */
-    tui-textfield[data-size='l'] + & {
-        --t-offset: calc(var(--tui-radius-l) / 2 + @thumb / 2);
+    tui-textfield[data-size='m'] + & {
+        --t-offset: calc(@track-inset[@m] + @thumb / 2);
     }
 
-    tui-input-range:not([new]) + &, /* TODO(v5): delete */
-    tui-range + & {
-        --t-offset: @thumb;
+    /* TODO: add :has([tuiInputSlider]) */
+    tui-textfield[data-size='s'] + & {
+        --t-offset: calc(@track-inset[@s] + @thumb / 2);
+    }
+
+    tui-input-range[data-size='l'] + & {
+        --t-offset: calc(@track-inset[@l] + @thumb);
+    }
+
+    tui-input-range[data-size='m'] + & {
+        --t-offset: calc(@track-inset[@m] + @thumb);
     }
 
-    tui-input-range[new] + & {
-        --t-offset: calc(@track-inset[@@input-size] + @thumb);
+    tui-input-range[data-size='s'] + & {
+        --t-offset: calc(@track-inset[@s] + @thumb);
     }
 }

package/tokens/icon-resolver.d.ts

@@ -1,10 +1,6 @@
 import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiStringHandler } from '@taiga-ui/cdk/types';
 export declare const TUI_ICON_RESOLVER: InjectionToken<TuiStringHandler<string>>;
-/**
- * @deprecated use {@link TUI_ICON_RESOLVER}
- */
-export declare const TUI_ICON_START_RESOLVER: InjectionToken<TuiStringHandler<string>>;
-export declare function tuiGetIconMode(icon?: string | null): 'font' | 'image' | 'svg' | null;
+export declare function tuiGetIconMode(icon?: string | null): string | undefined;
 export declare function tuiInjectIconResolver(): TuiStringHandler<string>;
 export declare function tuiIconResolverProvider(useValue: TuiStringHandler<string>): Provider;

package/tokens/index.d.ts

@@ -17,4 +17,5 @@ export * from './scroll-ref';
 export * from './selection-stream';
 export * from './spin-icons';
 export * from './theme';
+export * from './validation-errors';
 export * from './viewport';

package/tokens/validation-errors.d.ts

@@ -0,0 +1,4 @@
+import { InjectionToken, type Provider, type Signal } from '@angular/core';
+import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
+export declare const TUI_VALIDATION_ERRORS: InjectionToken<Record<string, PolymorpheusContent | Signal<PolymorpheusContent>>>;
+export declare const tuiValidationErrorsProvider: (useValue: Record<string, PolymorpheusContent | Signal<PolymorpheusContent>>) => Provider;

package/utils/miscellaneous/index.d.ts

@@ -2,5 +2,6 @@ export * from './font-scaling';
 export * from './is-editing-key';
 export * from './is-obscured';
 export * from './override-options';
+export * from './provide-taiga';
 export * from './size-bigger';
 export * from './to-animation-options';

package/utils/miscellaneous/provide-taiga.d.ts

@@ -0,0 +1,13 @@
+import { type EnvironmentProviders, InjectionToken, type Provider } from '@angular/core';
+interface ExperimentalAPIs {
+    readonly all: boolean;
+}
+export interface TuiOptions {
+    readonly mode?: 'dark' | 'light';
+    readonly apis: Partial<ExperimentalAPIs> | 'stable';
+    readonly fontScaling: boolean;
+    readonly scrollbars: 'custom' | 'native';
+}
+export declare const TUI_OPTIONS: InjectionToken<TuiOptions>;
+export declare function provideTaiga(config?: Partial<TuiOptions>): Array<EnvironmentProviders | Provider>;
+export {};

package/components/dialog/dialog.interfaces.d.ts

@@ -1,34 +0,0 @@
-import { type TuiPopover, type TuiPopoverContext } from '@taiga-ui/cdk/services';
-import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import { type Observable } from 'rxjs';
-export type TuiDialogSize = TuiSizeL | TuiSizeS | 'auto' | 'fullscreen' | 'page';
-/**
- * Options for a dialog
- *
- * appearance - data-appearance attribute of the dialog ('' by default)
- * size - size of the dialog ('m' by default)
- * required - closing dialog throws (false by default)
- * closeable - show close button (true by default)
- * dismissible - close dialog by Esc button or click on overlay (true by default)
- * label - string title for the dialog ('' by default)
- * header - content above title ('' by default)
- * data - arbitrary data for dialog
- */
-export interface TuiDialogOptions<I> {
-    readonly appearance: string;
-    /**
-     * TODO: rename to closable in v5.0
-     */
-    readonly closeable: Observable<boolean> | boolean;
-    readonly data: I extends void ? undefined : I & {
-        button?: string;
-    };
-    readonly dismissible: Observable<boolean> | boolean;
-    readonly header: PolymorpheusContent<TuiPopover<TuiDialogOptions<I>, any>>;
-    readonly label: string;
-    readonly required: boolean;
-    readonly size: TuiDialogSize;
-}
-export interface TuiDialogContext<O = void, I = undefined> extends TuiPopoverContext<O>, TuiDialogOptions<I> {
-}

package/components/dialog/dialog.tokens.d.ts

@@ -1,15 +0,0 @@
-import { InjectionToken, type Provider } from '@angular/core';
-import { BehaviorSubject, type Observable } from 'rxjs';
-import { type TuiDialogOptions } from './dialog.interfaces';
-export declare const TUI_DIALOGS: InjectionToken<BehaviorSubject<readonly any[]>>;
-export declare const TUI_DIALOG_DEFAULT_OPTIONS: TuiDialogOptions<void>;
-/**
- * A stream to close dialogs
- * TODO: use router.events in v5
- */
-export declare const TUI_DIALOGS_CLOSE: InjectionToken<Observable<unknown>>;
-/**
- * Default parameters for dialog component
- */
-export declare const TUI_DIALOG_OPTIONS: InjectionToken<TuiDialogOptions<void>>;
-export declare function tuiDialogOptionsProvider(options: Partial<TuiDialogOptions<unknown>>): Provider;

package/components/expand/expand-content.directive.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-/**
- * @deprecated use {@link TuiExpand} from @taiga-ui/experimental
- */
-export declare class TuiExpandContent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiExpandContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiExpandContent, "[tuiExpandContent]", never, {}, {}, never, never, true, never>;
-}

package/components/expand/expand.d.ts

@@ -1,6 +0,0 @@
-import { TuiExpandComponent } from './expand.component';
-import { TuiExpandContent } from './expand-content.directive';
-/**
- * @deprecated use {@link TuiExpand} from @taiga-ui/experimental
- */
-export declare const TuiExpand: readonly [typeof TuiExpandComponent, typeof TuiExpandContent];

package/components/fullscreen/fullscreen.component.d.ts

@@ -1,14 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class TuiFullscreen {
-    private readonly root?;
-    private readonly doc;
-    protected readonly open: import("@angular/core").WritableSignal<boolean>;
-    readonly opened: EventEmitter<boolean>;
-    options?: FullscreenOptions;
-    set fullscreen(open: boolean);
-    protected closedByEscape(event: Event): void;
-    private fullscreenState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiFullscreen, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiFullscreen, "[tuiFullscreen]", never, { "options": { "alias": "tuiFullscreenOptions"; "required": false; }; "fullscreen": { "alias": "tuiFullscreen"; "required": false; }; }, { "opened": "tuiFullscreenChange"; }, never, ["*"], true, never>;
-}

package/components/fullscreen/index.d.ts

@@ -1 +0,0 @@
-export * from './fullscreen.component';

package/components/textfield/select.directive.d.ts

@@ -1,19 +0,0 @@
-import { TuiTextfieldBase } from './textfield.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/directives/native-validator";
-import * as i2 from "@taiga-ui/core/directives/appearance";
-/**
- * @deprecated use {@link TuiSelect} from @taiga-ui/kit instead, drop in v5
- */
-export declare class TuiSelect<T> extends TuiTextfieldBase<T> {
-    private readonly nav;
-    private readonly doc;
-    placeholder: string;
-    setValue(value: T): void;
-    focus(): void;
-    protected get ariaLabel(): string | null;
-    protected get stringified(): string;
-    protected onCopy(): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSelect<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiSelect<any>, "select[tuiTextfield]", never, { "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAppearance; inputs: {}; outputs: {}; }]>;
-}

package/components/textfield/textfield-dropdown.directive.d.ts

@@ -1,16 +0,0 @@
-import { type OnDestroy } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class TuiTextfieldDropdownDirective implements OnDestroy {
-    private readonly directive;
-    constructor();
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldDropdownDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextfieldDropdownDirective, "ng-template[tuiTextfieldDropdown]", never, {}, {}, never, never, true, never>;
-}
-/**
- * @deprecated remove in v5
- */
-export declare class TuiWithTextfieldDropdown {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithTextfieldDropdown, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithTextfieldDropdown, never, never, {}, {}, never, never, true, never>;
-}

package/directives/dropdown/dropdown-portal.directive.d.ts

@@ -1,14 +0,0 @@
-import { type OnDestroy } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @deprecated use {@link TuiPopup} directive instead
- */
-export declare class TuiDropdownPortal implements OnDestroy {
-    private readonly template;
-    private readonly service;
-    private viewRef?;
-    set tuiDropdown(show: boolean);
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownPortal, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownPortal, "ng-template[tuiDropdown]", never, { "tuiDropdown": { "alias": "tuiDropdown"; "required": false; }; }, {}, never, never, true, never>;
-}

package/directives/dropdown/dropdown.service.d.ts

@@ -1,6 +0,0 @@
-import { TuiPortalService } from '@taiga-ui/cdk/classes';
-import * as i0 from "@angular/core";
-export declare class TuiDropdownService extends TuiPortalService {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TuiDropdownService>;
-}

package/directives/dropdown/dropdowns.component.d.ts

@@ -1,9 +0,0 @@
-import { TuiPortals } from '@taiga-ui/cdk/classes';
-import * as i0 from "@angular/core";
-/**
- * Host element for dynamically created portals, for example using {@link TuiDropdownDirective}.
- */
-export declare class TuiDropdowns extends TuiPortals {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdowns, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiDropdowns, "tui-dropdowns", never, {}, {}, never, never, true, never>;
-}

package/directives/surface/index.d.ts

@@ -1 +0,0 @@
-export * from './surface.directive';

package/directives/surface/surface.directive.d.ts

@@ -1,8 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/core/directives/appearance";
-export declare class TuiSurface {
-    protected readonly nothing: undefined;
-    tuiSurface: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiSurface, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSurface, "[tuiSurface]", never, { "tuiSurface": { "alias": "tuiSurface"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAppearance; inputs: { "tuiAppearance": "tuiSurface"; }; outputs: {}; }]>;
-}

package/fesm2022/taiga-ui-core-components-fullscreen.mjs

@@ -1,66 +0,0 @@
-import { DOCUMENT } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, signal, EventEmitter, ElementRef, Input, Output, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
-import { TuiRoot } from '@taiga-ui/core/components/root';
-
-class TuiFullscreen {
-    constructor() {
-        this.doc = inject(DOCUMENT);
-        this.open = signal(false);
-        this.opened = new EventEmitter();
-        this.options = { navigationUI: 'auto' };
-    }
-    set fullscreen(open) {
-        if (this.open() === open) {
-            return;
-        }
-        if (open) {
-            this.root?.nativeElement
-                .requestFullscreen(this.options)
-                .then(() => this.fullscreenState(open));
-        }
-        else {
-            this.doc
-                .exitFullscreen()
-                .then(() => this.fullscreenState(open))
-                .catch((error) => console.error('Failed to exit fullscreen:', error));
-        }
-    }
-    closedByEscape(event) {
-        const escaped = !this.doc.fullscreenElement && event.target === this.root?.nativeElement;
-        if (escaped) {
-            this.fullscreenState(false);
-        }
-    }
-    fullscreenState(open) {
-        this.open.set(open);
-        this.opened.emit(open);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiFullscreen, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: TuiFullscreen, isStandalone: true, selector: "[tuiFullscreen]", inputs: { options: ["tuiFullscreenOptions", "options"], fullscreen: ["tuiFullscreen", "fullscreen"] }, outputs: { opened: "tuiFullscreenChange" }, host: { listeners: { "document:fullscreenchange": "closedByEscape($event)" } }, viewQueries: [{ propertyName: "root", first: true, predicate: TuiRoot, descendants: true, read: ElementRef }], ngImport: i0, template: '<tui-root><ng-content /></tui-root>', isInline: true, styles: ["tui-root{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}tui-root::-webkit-scrollbar,tui-root::-webkit-scrollbar-thumb{display:none}\n"], dependencies: [{ kind: "component", type: TuiRoot, selector: "tui-root" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: TuiFullscreen, decorators: [{
-            type: Component,
-            args: [{ selector: '[tuiFullscreen]', imports: [TuiRoot], template: '<tui-root><ng-content /></tui-root>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        '(document:fullscreenchange)': 'closedByEscape($event)',
-                    }, styles: ["tui-root{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}tui-root::-webkit-scrollbar,tui-root::-webkit-scrollbar-thumb{display:none}\n"] }]
-        }], propDecorators: { root: [{
-                type: ViewChild,
-                args: [TuiRoot, { read: ElementRef }]
-            }], opened: [{
-                type: Output,
-                args: ['tuiFullscreenChange']
-            }], options: [{
-                type: Input,
-                args: ['tuiFullscreenOptions']
-            }], fullscreen: [{
-                type: Input,
-                args: ['tuiFullscreen']
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TuiFullscreen };
-//# sourceMappingURL=taiga-ui-core-components-fullscreen.mjs.map

package/fesm2022/taiga-ui-core-components-fullscreen.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-core-components-fullscreen.mjs","sources":["../../../projects/core/components/fullscreen/fullscreen.component.ts","../../../projects/core/components/fullscreen/taiga-ui-core-components-fullscreen.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    inject,\n    Input,\n    Output,\n    signal,\n    ViewChild,\n} from '@angular/core';\nimport {TuiRoot} from '@taiga-ui/core/components/root';\n\n@Component({\n    selector: '[tuiFullscreen]',\n    imports: [TuiRoot],\n    template: '<tui-root><ng-content /></tui-root>',\n    styleUrls: ['./fullscreen.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '(document:fullscreenchange)': 'closedByEscape($event)',\n    },\n})\nexport class TuiFullscreen {\n    @ViewChild(TuiRoot, {read: ElementRef})\n    private readonly root?: ElementRef<HTMLElement>;\n\n    private readonly doc = inject(DOCUMENT);\n    protected readonly open = signal(false);\n\n    @Output('tuiFullscreenChange')\n    public readonly opened = new EventEmitter<boolean>();\n\n    @Input('tuiFullscreenOptions')\n    public options?: FullscreenOptions = {navigationUI: 'auto'};\n\n    @Input('tuiFullscreen')\n    public set fullscreen(open: boolean) {\n        if (this.open() === open) {\n            return;\n        }\n\n        if (open) {\n            this.root?.nativeElement\n                .requestFullscreen(this.options)\n                .then(() => this.fullscreenState(open));\n        } else {\n            this.doc\n                .exitFullscreen()\n                .then(() => this.fullscreenState(open))\n                .catch((error: unknown) =>\n                    console.error('Failed to exit fullscreen:', error),\n                );\n        }\n    }\n\n    protected closedByEscape(event: Event): void {\n        const escaped =\n            !this.doc.fullscreenElement && event.target === this.root?.nativeElement;\n\n        if (escaped) {\n            this.fullscreenState(false);\n        }\n    }\n\n    private fullscreenState(open: boolean): void {\n        this.open.set(open);\n        this.opened.emit(open);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAwBa,aAAa,CAAA;AAV1B,IAAA,WAAA,GAAA;AAcqB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC;AACpB,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;AAGvB,QAAA,IAAA,CAAA,MAAM,GAAG,IAAI,YAAY,EAAW;AAG7C,QAAA,IAAA,CAAA,OAAO,GAAuB,EAAC,YAAY,EAAE,MAAM,EAAC;AAmC9D,IAAA;IAjCG,IACW,UAAU,CAAC,IAAa,EAAA;AAC/B,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE;YACtB;QACJ;QAEA,IAAI,IAAI,EAAE;YACN,IAAI,CAAC,IAAI,EAAE;AACN,iBAAA,iBAAiB,CAAC,IAAI,CAAC,OAAO;iBAC9B,IAAI,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC/C;aAAO;AACH,YAAA,IAAI,CAAC;AACA,iBAAA,cAAc;iBACd,IAAI,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACrC,iBAAA,KAAK,CAAC,CAAC,KAAc,KAClB,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CACrD;QACT;IACJ;AAEU,IAAA,cAAc,CAAC,KAAY,EAAA;AACjC,QAAA,MAAM,OAAO,GACT,CAAC,IAAI,CAAC,GAAG,CAAC,iBAAiB,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,IAAI,EAAE,aAAa;QAE5E,IAAI,OAAO,EAAE;AACT,YAAA,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;QAC/B;IACJ;AAEQ,IAAA,eAAe,CAAC,IAAa,EAAA;AACjC,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;AACnB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IAC1B;8GA7CS,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,oVACX,OAAO,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAAS,UAAU,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAR3B,qCAAqC,2NADrC,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAQR,aAAa,EAAA,UAAA,EAAA,CAAA;kBAVzB,SAAS;+BACI,iBAAiB,EAAA,OAAA,EAClB,CAAC,OAAO,CAAC,EAAA,QAAA,EACR,qCAAqC,EAAA,eAAA,EAE9B,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,6BAA6B,EAAE,wBAAwB;AAC1D,qBAAA,EAAA,MAAA,EAAA,CAAA,mJAAA,CAAA,EAAA;8BAIgB,IAAI,EAAA,CAAA;sBADpB,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,OAAO,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC;gBAOtB,MAAM,EAAA,CAAA;sBADrB,MAAM;uBAAC,qBAAqB;gBAItB,OAAO,EAAA,CAAA;sBADb,KAAK;uBAAC,sBAAsB;gBAIlB,UAAU,EAAA,CAAA;sBADpB,KAAK;uBAAC,eAAe;;;ACrC1B;;AAEG;;;;"}