@taiga-ui/kit 4.52.0-canary.24b31eb → 4.52.0-canary.2fa3dd5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/kit",
-  "version": "4.52.0-canary.24b31eb",
+  "version": "4.52.0-canary.2fa3dd5",
   "description": "Taiga UI Angular main components kit",
   "keywords": [
     "angular",
@@ -10,7 +10,10 @@
     "directive"
   ],
   "homepage": "https://github.com/taiga-family/taiga-ui",
-  "repository": "https://github.com/taiga-family/taiga-ui",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/taiga-family/taiga-ui"
+  },
   "license": "Apache-2.0",
   "exports": {
     "./styles/*": "./styles/*",
@@ -241,18 +244,14 @@
       "types": "./components/pager/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-pager.mjs"
     },
-    "./components/pagination": {
-      "types": "./components/pagination/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-pagination.mjs"
-    },
-    "./components/pdf-viewer": {
-      "types": "./components/pdf-viewer/index.d.ts",
-      "default": "./fesm2022/taiga-ui-kit-components-pdf-viewer.mjs"
-    },
     "./components/pin": {
       "types": "./components/pin/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-pin.mjs"
     },
+    "./components/pagination": {
+      "types": "./components/pagination/index.d.ts",
+      "default": "./fesm2022/taiga-ui-kit-components-pagination.mjs"
+    },
     "./components/preview": {
       "types": "./components/preview/index.d.ts",
       "default": "./fesm2022/taiga-ui-kit-components-preview.mjs"
@@ -443,16 +442,17 @@
     "@angular/core": ">=19.0.0",
     "@angular/forms": ">=19.0.0",
     "@angular/router": ">=19.0.0",
-    "@maskito/angular": "^3.11.1",
-    "@maskito/core": "^3.11.1",
-    "@maskito/kit": "^3.11.1",
-    "@maskito/phone": "^3.11.1",
+    "@maskito/angular": "^4.0.0",
+    "@maskito/core": "^4.0.0",
+    "@maskito/kit": "^4.0.0",
+    "@maskito/phone": "^4.0.0",
     "@ng-web-apis/common": "^4.12.2",
     "@ng-web-apis/intersection-observer": "^4.12.2",
     "@ng-web-apis/mutation-observer": "^4.12.2",
     "@ng-web-apis/resize-observer": "^4.12.2",
     "@taiga-ui/cdk": "^4.52.0",
     "@taiga-ui/core": "^4.52.0",
+    "@taiga-ui/design-tokens": "~0.264.0",
     "@taiga-ui/i18n": "^4.52.0",
     "@taiga-ui/polymorpheus": "^4.9.0",
     "rxjs": ">=7.0.0"

package/styles/components/badge.less

@@ -26,6 +26,7 @@ tui-badge,
     .button-base();
 
     border-radius: 6rem;
+    justify-content: center;
     background: #959595;
     color: var(--tui-background-base);
     padding: var(--t-padding);

package/styles/components/chip.less

@@ -11,7 +11,7 @@
  * data-size — size (default: 's') ('xxs' | 'xs' | 's' | 'm')
  *
  * @example
- * <tui-chip>Sale</tui-badge>
+ * <tui-chip>Sale</tui-chip>
  *
  * @see-also
  * Icons, Appearance, Badge, Block
@@ -32,6 +32,7 @@ tui-chip,
     block-size: var(--t-size);
     inline-size: fit-content;
     isolation: isolate;
+    max-inline-size: stretch;
 
     .interactive({
         cursor: pointer;
@@ -47,6 +48,11 @@ tui-chip,
         margin: -0.375rem;
     }
 
+    > tui-badge,
+    > [tuiBadge] {
+        margin-inline-end: 0;
+    }
+
     &[data-size='xxs'] {
         // StackBlitz changes "0rem" to "0" breaking calc
         --t-gap: ~'0rem';
@@ -85,6 +91,11 @@ tui-chip,
         & > [tuiIconButton] {
             margin: -0.75rem;
         }
+
+        & > tui-badge,
+        & > [tuiBadge] {
+            margin-inline-start: -0.375rem;
+        }
     }
 
     & > img,

package/tokens/i18n.d.ts

@@ -1,21 +1,20 @@
-import { InjectionToken } from '@angular/core';
+import { InjectionToken, type Signal } from '@angular/core';
 import { type TuiDateMode } from '@taiga-ui/cdk/date-time';
 import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
-import { type Observable } from 'rxjs';
-export declare const TUI_CONFIRM_WORDS: InjectionToken<Observable<{
+export declare const TUI_CONFIRM_WORDS: InjectionToken<Signal<{
     no: string;
     yes: string;
 }>>;
-export declare const TUI_CANCEL_WORD: InjectionToken<Observable<string>>;
-export declare const TUI_DONE_WORD: InjectionToken<Observable<string>>;
-export declare const TUI_MORE_WORD: InjectionToken<Observable<string>>;
-export declare const TUI_HIDE_TEXT: InjectionToken<Observable<string>>;
-export declare const TUI_SHOW_ALL_TEXT: InjectionToken<Observable<string>>;
-export declare const TUI_OTHER_DATE_TEXT: InjectionToken<Observable<string>>;
-export declare const TUI_CHOOSE_DAY_OR_RANGE_TEXTS: InjectionToken<Observable<readonly [choose_day: string, choose_range: string, choose_days: string]>>;
-export declare const TUI_FROM_TO_TEXTS: InjectionToken<Observable<readonly [from: string, to: string]>>;
-export declare const TUI_PLUS_MINUS_TEXTS: InjectionToken<Observable<readonly [plus: string, minus: string]>>;
-export declare const TUI_TIME_TEXTS: InjectionToken<Observable<{
+export declare const TUI_CANCEL_WORD: InjectionToken<Signal<string>>;
+export declare const TUI_DONE_WORD: InjectionToken<Signal<string>>;
+export declare const TUI_MORE_WORD: InjectionToken<Signal<string>>;
+export declare const TUI_HIDE_TEXT: InjectionToken<Signal<string>>;
+export declare const TUI_SHOW_ALL_TEXT: InjectionToken<Signal<string>>;
+export declare const TUI_OTHER_DATE_TEXT: InjectionToken<Signal<string>>;
+export declare const TUI_CHOOSE_DAY_OR_RANGE_TEXTS: InjectionToken<Signal<readonly [choose_day: string, choose_range: string, choose_days: string]>>;
+export declare const TUI_FROM_TO_TEXTS: InjectionToken<Signal<readonly [from: string, to: string]>>;
+export declare const TUI_PLUS_MINUS_TEXTS: InjectionToken<Signal<readonly [plus: string, minus: string]>>;
+export declare const TUI_TIME_TEXTS: InjectionToken<Signal<{
     'MM:SS': string;
     'HH:MM': string;
     'HH:MM AA': string;
@@ -29,18 +28,18 @@ export declare const TUI_TIME_TEXTS: InjectionToken<Observable<{
     'MM.SS.MSS': string;
     'SS.MSS': string;
 }>>;
-export declare const TUI_DATE_TEXTS: InjectionToken<Observable<Record<TuiDateMode, string>>>;
-export declare const TUI_DIGITAL_INFORMATION_UNITS: InjectionToken<Observable<readonly [short_byte: string, short_kilobyte: string, short_megabyte: string]>>;
-export declare const TUI_COPY_TEXTS: InjectionToken<Observable<readonly [copy: string, copied: string]>>;
-export declare const TUI_PASSWORD_TEXTS: InjectionToken<Observable<readonly [show_password: string, hide_password: string]>>;
-export declare const TUI_CALENDAR_MONTHS: InjectionToken<Observable<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>>;
-export declare const TUI_FILE_TEXTS: InjectionToken<Observable<{
+export declare const TUI_DATE_TEXTS: InjectionToken<Signal<Record<TuiDateMode, string>>>;
+export declare const TUI_DIGITAL_INFORMATION_UNITS: InjectionToken<Signal<readonly [short_byte: string, short_kilobyte: string, short_megabyte: string]>>;
+export declare const TUI_COPY_TEXTS: InjectionToken<Signal<readonly [copy: string, copied: string]>>;
+export declare const TUI_PASSWORD_TEXTS: InjectionToken<Signal<readonly [show_password: string, hide_password: string]>>;
+export declare const TUI_CALENDAR_MONTHS: InjectionToken<Signal<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>>;
+export declare const TUI_FILE_TEXTS: InjectionToken<Signal<{
     loadingError: string;
     preview: string;
     remove: string;
 }>>;
-export declare const TUI_PAGINATION_TEXTS: InjectionToken<Observable<readonly [previous_page: string, next_page: string]>>;
-export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<Observable<{
+export declare const TUI_PAGINATION_TEXTS: InjectionToken<Signal<readonly [previous_page: string, next_page: string]>>;
+export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<Signal<{
     defaultLabelMultiple: string;
     defaultLabelSingle: string;
     defaultLinkMultiple: string;
@@ -50,17 +49,17 @@ export declare const TUI_INPUT_FILE_TEXTS: InjectionToken<Observable<{
     formatRejectionReason: string;
     maxSizeRejectionReason: string;
 }>>;
-export declare const TUI_MULTI_SELECT_TEXTS: InjectionToken<Observable<{
+export declare const TUI_MULTI_SELECT_TEXTS: InjectionToken<Signal<{
     all: string;
     none: string;
 }>>;
-export declare const TUI_COUNTRIES: InjectionToken<Observable<Record<TuiCountryIsoCode, string>>>;
-export declare const TUI_PREVIEW_TEXTS: InjectionToken<Observable<{
+export declare const TUI_COUNTRIES: InjectionToken<Signal<Record<TuiCountryIsoCode, string>>>;
+export declare const TUI_PREVIEW_TEXTS: InjectionToken<Signal<{
     rotate: string;
 }>>;
-export declare const TUI_PREVIEW_ZOOM_TEXTS: InjectionToken<Observable<{
+export declare const TUI_PREVIEW_ZOOM_TEXTS: InjectionToken<Signal<{
     zoomIn: string;
     zoomOut: string;
     reset: string;
 }>>;
-export declare const TUI_INTERNATIONAL_SEARCH: InjectionToken<Observable<string>>;
+export declare const TUI_INTERNATIONAL_SEARCH: InjectionToken<Signal<string>>;

package/tokens/items-handlers.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 import { type TuiBooleanHandler, type TuiIdentityMatcher, type TuiStringHandler } from '@taiga-ui/cdk/types';
 /**
  * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.
@@ -18,9 +17,4 @@ export declare const TUI_DEFAULT_ITEMS_HANDLERS: TuiItemsHandlers<unknown>;
  * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.
  * TODO(v5): delete
  */
-export declare const TUI_ITEMS_HANDLERS: InjectionToken<TuiItemsHandlers<unknown>>;
-/**
- * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.
- * TODO(v5): delete
- */
-export declare function tuiItemsHandlersProvider<T>(options: Partial<TuiItemsHandlers<T>>): Provider;
+export declare const TUI_ITEMS_HANDLERS: import("@angular/core").InjectionToken<TuiItemsHandlers<unknown>>, tuiItemsHandlersProvider: (item: Partial<TuiItemsHandlers<unknown>> | (() => Partial<TuiItemsHandlers<unknown>>)) => import("@angular/core").FactoryProvider;

package/tokens/preview-icons.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken, type Provider } from '@angular/core';
 export interface TuiPreviewIcons {
     readonly next: string;
     readonly prev: string;
@@ -8,5 +7,4 @@ export interface TuiPreviewIcons {
     readonly zoomReset: string;
 }
 export declare const TUI_PREVIEW_ICONS_DEFAULT: TuiPreviewIcons;
-export declare const TUI_PREVIEW_ICONS: InjectionToken<TuiPreviewIcons>;
-export declare function tuiPreviewIconsProvider(icons: Partial<TuiPreviewIcons>): Provider;
+export declare const TUI_PREVIEW_ICONS: import("@angular/core").InjectionToken<TuiPreviewIcons>, tuiPreviewIconsProvider: (item: Partial<TuiPreviewIcons> | (() => Partial<TuiPreviewIcons>)) => import("@angular/core").FactoryProvider;

package/components/action-bar/action-bar.d.ts

@@ -1,3 +0,0 @@
-import { TuiActionBarComponent } from './action-bar.component';
-import { TuiActionBarDirective } from './action-bar.directive';
-export declare const TuiActionBar: readonly [typeof TuiActionBarComponent, typeof TuiActionBarDirective];

package/components/action-bar/action-bar.directive.d.ts

@@ -1,6 +0,0 @@
-import { TuiDropdownPortal } from '@taiga-ui/core/directives/dropdown';
-import * as i0 from "@angular/core";
-export declare class TuiActionBarDirective extends TuiDropdownPortal {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiActionBarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiActionBarDirective, "ng-template[tuiActionBar]", never, { "tuiDropdown": { "alias": "tuiActionBar"; "required": false; }; }, {}, never, never, true, never>;
-}

package/components/pdf-viewer/index.d.ts

@@ -1,4 +0,0 @@
-export * from './pdf-viewer.component';
-export * from './pdf-viewer.directive';
-export * from './pdf-viewer.options';
-export * from './pdf-viewer.service';

package/components/pdf-viewer/pdf-viewer.component.d.ts

@@ -1,12 +0,0 @@
-import { type TuiPopover } from '@taiga-ui/cdk/services';
-import { type TuiPdfViewerOptions } from './pdf-viewer.options';
-import * as i0 from "@angular/core";
-import * as i1 from "@taiga-ui/cdk/directives/animated";
-export declare class TuiPdfViewerComponent<I, O> {
-    protected readonly closeWord$: import("rxjs").Observable<string>;
-    protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
-    protected readonly context: TuiPopover<TuiPdfViewerOptions<I>, O>;
-    protected onKeyDownEsc(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiPdfViewerComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPdfViewerComponent<any, any>, "tui-pdf-viewer", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
-}

package/components/pdf-viewer/pdf-viewer.directive.d.ts

@@ -1,7 +0,0 @@
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
-import { type TuiPdfViewerOptions } from './pdf-viewer.options';
-import * as i0 from "@angular/core";
-export declare class TuiPdfViewerDirective<T> extends TuiPopoverDirective<TuiPdfViewerOptions<T>> {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiPdfViewerDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPdfViewerDirective<any>, "ng-template[tuiPdfViewer]", never, { "options": { "alias": "tuiPdfViewerOptions"; "required": false; }; "open": { "alias": "tuiPdfViewer"; "required": false; }; }, { "openChange": "tuiPdfViewerChange"; }, never, never, true, never>;
-}

package/components/pdf-viewer/pdf-viewer.options.d.ts

@@ -1,13 +0,0 @@
-import { InjectionToken, type Provider } from '@angular/core';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-export declare const TUI_PDF_VIEWER_DEFAULT_OPTIONS: TuiPdfViewerOptions;
-/**
- * Default parameters for PdfViewer component
- */
-export declare const TUI_PDF_VIEWER_OPTIONS: InjectionToken<TuiPdfViewerOptions<undefined>>;
-export declare function tuiPdfViewerOptionsProvider(options: Partial<TuiPdfViewerOptions>): Provider;
-export interface TuiPdfViewerOptions<I = undefined> {
-    readonly actions: PolymorpheusContent<TuiPdfViewerOptions<I>>;
-    readonly data: I;
-    readonly label: string;
-}

package/components/pdf-viewer/pdf-viewer.service.d.ts

@@ -1,13 +0,0 @@
-import { type SafeResourceUrl } from '@angular/platform-browser';
-import { type TuiPopoverContext, TuiPopoverService } from '@taiga-ui/cdk/services';
-import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import { type Observable } from 'rxjs';
-import { type TuiPdfViewerOptions } from './pdf-viewer.options';
-import * as i0 from "@angular/core";
-type Content<G> = PolymorpheusContent<TuiPdfViewerOptions<unknown> & TuiPopoverContext<G>>;
-export declare class TuiPdfViewerService extends TuiPopoverService<TuiPdfViewerOptions<unknown>> {
-    open<G>(content: Content<G> | SafeResourceUrl, options?: Partial<TuiPdfViewerOptions<any>>): Observable<G>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiPdfViewerService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TuiPdfViewerService>;
-}
-export {};

package/fesm2022/taiga-ui-kit-components-pdf-viewer.mjs

@@ -1,83 +0,0 @@
-import { AsyncPipe } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, ChangeDetectionStrategy, Component, InjectionToken, Injectable, Directive } from '@angular/core';
-import * as i1 from '@taiga-ui/cdk/directives/animated';
-import { TuiAnimated } from '@taiga-ui/cdk/directives/animated';
-import { TuiButton } from '@taiga-ui/core/components/button';
-import { TUI_CLOSE_WORD, TUI_COMMON_ICONS } from '@taiga-ui/core/tokens';
-import { injectContext, PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
-import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
-import { TuiPopoverService, tuiAsPopover } from '@taiga-ui/cdk/services';
-import { TUI_DIALOGS } from '@taiga-ui/core/components/dialog';
-import { tuiProvideOptions } from '@taiga-ui/cdk/utils/miscellaneous';
-
-class TuiPdfViewerComponent {
-    constructor() {
-        this.closeWord$ = inject(TUI_CLOSE_WORD);
-        this.icons = inject(TUI_COMMON_ICONS);
-        this.context = injectContext();
-    }
-    onKeyDownEsc() {
-        this.context.$implicit.complete();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPdfViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiPdfViewerComponent, isStandalone: true, selector: "tui-pdf-viewer", host: { listeners: { "document:keydown.esc": "onKeyDownEsc()" } }, hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<header class=\"t-header\">\n    <h2\n        automation-id=\"tui-pdf-viewer__label\"\n        class=\"t-title\"\n    >\n        {{ context.label }}\n    </h2>\n    <div class=\"t-actions\">\n        <ng-container *polymorpheusOutlet=\"context.actions as text; context: context\">\n            {{ text }}\n        </ng-container>\n    </div>\n    <button\n        appearance=\"\"\n        size=\"s\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-close\"\n        [iconStart]=\"icons.close\"\n        [style.border-radius.%]=\"100\"\n        (click)=\"context.$implicit.complete()\"\n    >\n        {{ closeWord$ | async }}\n    </button>\n</header>\n<section class=\"t-content\">\n    <iframe\n        *polymorpheusOutlet=\"context.content as content; context: context\"\n        title=\"pdf\"\n        class=\"t-iframe\"\n        [src]=\"content\"\n    ></iframe>\n</section>\n", styles: [":host{display:block;inline-size:100%;block-size:100%;box-sizing:border-box;color:#fff;background:#333639;padding-block-start:env(safe-area-inset-top);padding-block-end:env(safe-area-inset-bottom)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}.t-header{display:flex;align-items:center;block-size:4rem;padding:0 1rem 0 1.5625rem;box-shadow:inset 0 -1px #535659}.t-title{margin:0;font:var(--tui-font-text-m);white-space:nowrap;text-overflow:ellipsis;padding-inline-end:.3125rem;overflow:hidden}.t-actions{display:flex;margin-inline-start:auto}.t-close{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-start:.75rem;color:#fff;background:#ffffff52}.t-close:hover{background:#fff6}.t-content{block-size:calc(100% - 4rem);overflow:hidden}.t-iframe{inline-size:100%;block-size:100%}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPdfViewerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tui-pdf-viewer', imports: [AsyncPipe, PolymorpheusOutlet, TuiButton], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [TuiAnimated], host: {
-                        '(document:keydown.esc)': 'onKeyDownEsc()',
-                    }, template: "<header class=\"t-header\">\n    <h2\n        automation-id=\"tui-pdf-viewer__label\"\n        class=\"t-title\"\n    >\n        {{ context.label }}\n    </h2>\n    <div class=\"t-actions\">\n        <ng-container *polymorpheusOutlet=\"context.actions as text; context: context\">\n            {{ text }}\n        </ng-container>\n    </div>\n    <button\n        appearance=\"\"\n        size=\"s\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-close\"\n        [iconStart]=\"icons.close\"\n        [style.border-radius.%]=\"100\"\n        (click)=\"context.$implicit.complete()\"\n    >\n        {{ closeWord$ | async }}\n    </button>\n</header>\n<section class=\"t-content\">\n    <iframe\n        *polymorpheusOutlet=\"context.content as content; context: context\"\n        title=\"pdf\"\n        class=\"t-iframe\"\n        [src]=\"content\"\n    ></iframe>\n</section>\n", styles: [":host{display:block;inline-size:100%;block-size:100%;box-sizing:border-box;color:#fff;background:#333639;padding-block-start:env(safe-area-inset-top);padding-block-end:env(safe-area-inset-bottom)}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}.t-header{display:flex;align-items:center;block-size:4rem;padding:0 1rem 0 1.5625rem;box-shadow:inset 0 -1px #535659}.t-title{margin:0;font:var(--tui-font-text-m);white-space:nowrap;text-overflow:ellipsis;padding-inline-end:.3125rem;overflow:hidden}.t-actions{display:flex;margin-inline-start:auto}.t-close{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-inline-start:.75rem;color:#fff;background:#ffffff52}.t-close:hover{background:#fff6}.t-content{block-size:calc(100% - 4rem);overflow:hidden}.t-iframe{inline-size:100%;block-size:100%}\n"] }]
-        }] });
-
-const TUI_PDF_VIEWER_DEFAULT_OPTIONS = {
-    label: '',
-    actions: '',
-    data: undefined,
-};
-/**
- * Default parameters for PdfViewer component
- */
-const TUI_PDF_VIEWER_OPTIONS = new InjectionToken(ngDevMode ? 'TUI_PDF_VIEWER_OPTIONS' : '', {
-    factory: () => TUI_PDF_VIEWER_DEFAULT_OPTIONS,
-});
-function tuiPdfViewerOptionsProvider(options) {
-    return tuiProvideOptions(TUI_PDF_VIEWER_OPTIONS, options, TUI_PDF_VIEWER_DEFAULT_OPTIONS);
-}
-
-class TuiPdfViewerService extends TuiPopoverService {
-    open(content, options = {}) {
-        return super.open(content, options);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPdfViewerService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPdfViewerService, providedIn: 'root', useFactory: () => new TuiPdfViewerService(TUI_DIALOGS, TuiPdfViewerComponent, inject(TUI_PDF_VIEWER_OPTIONS)) }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPdfViewerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                    useFactory: () => new TuiPdfViewerService(TUI_DIALOGS, TuiPdfViewerComponent, inject(TUI_PDF_VIEWER_OPTIONS)),
-                }]
-        }] });
-
-class TuiPdfViewerDirective extends TuiPopoverDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPdfViewerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiPdfViewerDirective, isStandalone: true, selector: "ng-template[tuiPdfViewer]", inputs: { options: ["tuiPdfViewerOptions", "options"], open: ["tuiPdfViewer", "open"] }, outputs: { openChange: "tuiPdfViewerChange" }, providers: [tuiAsPopover(TuiPdfViewerService)], usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiPdfViewerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: 'ng-template[tuiPdfViewer]',
-                    inputs: ['options: tuiPdfViewerOptions', 'open: tuiPdfViewer'],
-                    outputs: ['openChange: tuiPdfViewerChange'],
-                    providers: [tuiAsPopover(TuiPdfViewerService)],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TUI_PDF_VIEWER_DEFAULT_OPTIONS, TUI_PDF_VIEWER_OPTIONS, TuiPdfViewerComponent, TuiPdfViewerDirective, TuiPdfViewerService, tuiPdfViewerOptionsProvider };
-//# sourceMappingURL=taiga-ui-kit-components-pdf-viewer.mjs.map

package/fesm2022/taiga-ui-kit-components-pdf-viewer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-kit-components-pdf-viewer.mjs","sources":["../../../projects/kit/components/pdf-viewer/pdf-viewer.component.ts","../../../projects/kit/components/pdf-viewer/pdf-viewer.template.html","../../../projects/kit/components/pdf-viewer/pdf-viewer.options.ts","../../../projects/kit/components/pdf-viewer/pdf-viewer.service.ts","../../../projects/kit/components/pdf-viewer/pdf-viewer.directive.ts","../../../projects/kit/components/pdf-viewer/taiga-ui-kit-components-pdf-viewer.ts"],"sourcesContent":["import {AsyncPipe} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, inject} from '@angular/core';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {type TuiPopover} from '@taiga-ui/cdk/services';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TUI_CLOSE_WORD, TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {injectContext, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {type TuiPdfViewerOptions} from './pdf-viewer.options';\n\n@Component({\n    selector: 'tui-pdf-viewer',\n    imports: [AsyncPipe, PolymorpheusOutlet, TuiButton],\n    templateUrl: './pdf-viewer.template.html',\n    styleUrls: ['./pdf-viewer.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    hostDirectives: [TuiAnimated],\n    host: {\n        '(document:keydown.esc)': 'onKeyDownEsc()',\n    },\n})\nexport class TuiPdfViewerComponent<I, O> {\n    protected readonly closeWord$ = inject(TUI_CLOSE_WORD);\n    protected readonly icons = inject(TUI_COMMON_ICONS);\n    protected readonly context = injectContext<TuiPopover<TuiPdfViewerOptions<I>, O>>();\n\n    protected onKeyDownEsc(): void {\n        this.context.$implicit.complete();\n    }\n}\n","<header class=\"t-header\">\n    <h2\n        automation-id=\"tui-pdf-viewer__label\"\n        class=\"t-title\"\n    >\n        {{ context.label }}\n    </h2>\n    <div class=\"t-actions\">\n        <ng-container *polymorpheusOutlet=\"context.actions as text; context: context\">\n            {{ text }}\n        </ng-container>\n    </div>\n    <button\n        appearance=\"\"\n        size=\"s\"\n        tuiIconButton\n        type=\"button\"\n        class=\"t-close\"\n        [iconStart]=\"icons.close\"\n        [style.border-radius.%]=\"100\"\n        (click)=\"context.$implicit.complete()\"\n    >\n        {{ closeWord$ | async }}\n    </button>\n</header>\n<section class=\"t-content\">\n    <iframe\n        *polymorpheusOutlet=\"context.content as content; context: context\"\n        title=\"pdf\"\n        class=\"t-iframe\"\n        [src]=\"content\"\n    ></iframe>\n</section>\n","import {InjectionToken, type Provider} from '@angular/core';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nexport const TUI_PDF_VIEWER_DEFAULT_OPTIONS: TuiPdfViewerOptions = {\n    label: '',\n    actions: '',\n    data: undefined,\n};\n\n/**\n * Default parameters for PdfViewer component\n */\nexport const TUI_PDF_VIEWER_OPTIONS = new InjectionToken(\n    ngDevMode ? 'TUI_PDF_VIEWER_OPTIONS' : '',\n    {\n        factory: () => TUI_PDF_VIEWER_DEFAULT_OPTIONS,\n    },\n);\n\nexport function tuiPdfViewerOptionsProvider(\n    options: Partial<TuiPdfViewerOptions>,\n): Provider {\n    return tuiProvideOptions(\n        TUI_PDF_VIEWER_OPTIONS,\n        options,\n        TUI_PDF_VIEWER_DEFAULT_OPTIONS,\n    );\n}\n\nexport interface TuiPdfViewerOptions<I = undefined> {\n    readonly actions: PolymorpheusContent<TuiPdfViewerOptions<I>>;\n    readonly data: I;\n    readonly label: string;\n}\n","import {inject, Injectable} from '@angular/core';\nimport {type SafeResourceUrl} from '@angular/platform-browser';\nimport {type TuiPopoverContext, TuiPopoverService} from '@taiga-ui/cdk/services';\nimport {TUI_DIALOGS} from '@taiga-ui/core/components/dialog';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\nimport {type Observable} from 'rxjs';\n\nimport {TuiPdfViewerComponent} from './pdf-viewer.component';\nimport {TUI_PDF_VIEWER_OPTIONS, type TuiPdfViewerOptions} from './pdf-viewer.options';\n\ntype Content<G> = PolymorpheusContent<\n    TuiPdfViewerOptions<unknown> & TuiPopoverContext<G>\n>;\n\n@Injectable({\n    providedIn: 'root',\n    useFactory: () =>\n        new TuiPdfViewerService(\n            TUI_DIALOGS,\n            TuiPdfViewerComponent,\n            inject(TUI_PDF_VIEWER_OPTIONS),\n        ),\n})\nexport class TuiPdfViewerService extends TuiPopoverService<TuiPdfViewerOptions<unknown>> {\n    public override open<G>(\n        content: Content<G> | SafeResourceUrl,\n        options: Partial<TuiPdfViewerOptions<any>> = {},\n    ): Observable<G> {\n        return super.open(content as Content<G>, options);\n    }\n}\n","import {Directive} from '@angular/core';\nimport {TuiPopoverDirective} from '@taiga-ui/cdk/directives/popover';\nimport {tuiAsPopover} from '@taiga-ui/cdk/services';\n\nimport {type TuiPdfViewerOptions} from './pdf-viewer.options';\nimport {TuiPdfViewerService} from './pdf-viewer.service';\n\n@Directive({\n    standalone: true,\n    selector: 'ng-template[tuiPdfViewer]',\n    inputs: ['options: tuiPdfViewerOptions', 'open: tuiPdfViewer'],\n    outputs: ['openChange: tuiPdfViewerChange'],\n    providers: [tuiAsPopover(TuiPdfViewerService)],\n})\nexport class TuiPdfViewerDirective<T> extends TuiPopoverDirective<\n    TuiPdfViewerOptions<T>\n> {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}