@taiga-ui/experimental 5.0.0-canary.690ebfb → 5.0.0-canary.797b92a

package/components/index.d.ts

@@ -1 +1,2 @@
+export * from '@taiga-ui/experimental/components/popout';
 export * from '@taiga-ui/experimental/components/search-results';

package/components/popout/index.d.ts

@@ -0,0 +1,3 @@
+export * from './popout.component';
+export * from './popout.directive';
+export * from './popout.service';

package/components/popout/popout.component.d.ts

@@ -0,0 +1,21 @@
+import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
+import * as i0 from "@angular/core";
+export type TuiPopoutOptions = {
+    readonly title: string;
+    readonly features: {
+        width?: number;
+        height?: number;
+        disallowReturnToOpener?: boolean;
+        preferInitialWindowPlacement?: boolean;
+    };
+    readonly pip: true;
+} | {
+    readonly title: string;
+    readonly features: Record<any, any>;
+    readonly pip: false;
+};
+export declare class TuiPopoutComponent {
+    protected readonly context: TuiPortalContext<TuiPopoutOptions>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiPopoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TuiPopoutComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}

package/components/popout/popout.directive.d.ts

@@ -0,0 +1,8 @@
+import { type TuiPopoutOptions } from './popout.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@taiga-ui/cdk/portals";
+export declare class TuiPopout {
+    readonly tuiPopoutOptions: import("@angular/core").InputSignal<Partial<TuiPopoutOptions>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiPopout, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiPopout, "ng-template[tuiPopout]", never, { "tuiPopoutOptions": { "alias": "tuiPopoutOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "options": "tuiPopoutOptions"; "open": "tuiPopout"; }; outputs: { "openChange": "tuiPopoutChange"; }; }]>;
+}

package/components/popout/popout.service.d.ts

@@ -0,0 +1,28 @@
+import { type OnDestroy, type OnInit } from '@angular/core';
+import { TuiPortal } from '@taiga-ui/cdk/portals';
+import { type TuiPopoutOptions } from './popout.component';
+import * as i0 from "@angular/core";
+declare class PopoutComponent implements OnInit, OnDestroy {
+    private readonly pip;
+    private readonly context;
+    private readonly doc;
+    private readonly options;
+    private popout;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private process;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopoutComponent, "ng-component", never, {}, {}, never, never, true, never>;
+}
+export declare class TuiPopoutService extends TuiPortal<TuiPopoutOptions> {
+    protected readonly component: typeof PopoutComponent;
+    protected readonly options: {
+        title: string;
+        features: {};
+        pip: boolean;
+    };
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TuiPopoutService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TuiPopoutService>;
+}
+export {};

package/fesm2022/taiga-ui-experimental-components-popout.mjs

@@ -0,0 +1,165 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component, inject, provideExperimentalZonelessChangeDetection, Injectable, input, Directive } from '@angular/core';
+import { TuiRoot } from '@taiga-ui/core/components/root';
+import { injectContext, PolymorpheusOutlet, provideContext } from '@taiga-ui/polymorpheus';
+import * as i1 from '@taiga-ui/cdk/portals';
+import { TuiPortal, tuiAsPortal, TuiPortalDirective } from '@taiga-ui/cdk/portals';
+import { DOCUMENT } from '@angular/common';
+import { createApplication } from '@angular/platform-browser';
+import { WA_DOCUMENT_PIP } from '@ng-web-apis/experimental';
+import { TuiPopupService } from '@taiga-ui/core/portals/popup';
+import { TUI_OPTIONS, provideTaiga } from '@taiga-ui/core/utils/miscellaneous';
+
+class TuiPopoutComponent {
+    constructor() {
+        this.context = injectContext();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPopoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TuiPopoutComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <tui-root>
+            <ng-container *polymorpheusOutlet="context.content as text; context: context">
+                {{ text }}
+            </ng-container>
+        </tui-root>
+    `, isInline: true, dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: TuiRoot, selector: "tui-root" }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPopoutComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [PolymorpheusOutlet, TuiRoot],
+                    template: `
+        <tui-root>
+            <ng-container *polymorpheusOutlet="context.content as text; context: context">
+                {{ text }}
+            </ng-container>
+        </tui-root>
+    `,
+                    // eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection
+                    changeDetection: ChangeDetectionStrategy.Default,
+                }]
+        }] });
+
+class PopoutComponent {
+    constructor() {
+        this.pip = inject(WA_DOCUMENT_PIP);
+        this.context = injectContext();
+        this.doc = inject(DOCUMENT);
+        this.options = inject(TUI_OPTIONS);
+        this.popout = null;
+    }
+    ngOnInit() {
+        if (this.context.pip && this.pip) {
+            this.pip
+                .requestWindow(this.context.features)
+                .then((popout) => this.process(popout))
+                .catch((error) => {
+                this.context.$implicit.complete();
+                throw error;
+            });
+        }
+        else {
+            this.process(this.doc.defaultView?.open('', '_blank', Object.entries(this.context.features)
+                .map(([key, value]) => `${key}=${value}`)
+                .concat(this.context.pip ? 'popup' : [])
+                .join(',')));
+        }
+    }
+    ngOnDestroy() {
+        this.popout?.close();
+    }
+    process(popout) {
+        if (!popout) {
+            this.context.$implicit.complete();
+            return;
+        }
+        this.popout = popout;
+        this.popout.document.write(`
+          <!doctype html>
+          <html lang="${this.doc.documentElement.getAttribute('lang') || 'en'}">
+            <head>
+              <meta charset="utf-8" />
+              <meta name="viewport" content="width=device-width,initial-scale=1" />
+            </head>
+            <body></body>
+          </html>
+        `);
+        this.popout.document.title = this.context.title;
+        this.popout.document.close();
+        this.doc.head
+            .querySelectorAll('base, style, link[rel="stylesheet"]')
+            .forEach((node) => this.popout?.document.head.append(node.cloneNode(true)));
+        const providers = [
+            provideTaiga(this.options),
+            provideContext(this.context),
+            { provide: DOCUMENT, useValue: this.popout.document },
+            provideExperimentalZonelessChangeDetection(),
+        ];
+        createApplication({ providers })
+            .then((app) => {
+            const ref = app.bootstrap(TuiPopoutComponent, this.popout?.document.body);
+            const cleanup = () => this.popout?.close();
+            this.doc.defaultView?.addEventListener('pagehide', cleanup);
+            this.popout?.addEventListener('pagehide', () => {
+                this.context.$implicit.complete();
+                ref.destroy();
+                app.destroy();
+                this.doc.defaultView?.removeEventListener('pagehide', cleanup);
+            });
+        })
+            .catch((error) => {
+            this.context.$implicit.complete();
+            throw error;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PopoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PopoutComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PopoutComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+class TuiPopoutService extends TuiPortal {
+    constructor() {
+        super(inject(TuiPopupService));
+        this.component = PopoutComponent;
+        this.options = { title: '', features: {}, pip: false };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPopoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPopoutService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPopoutService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+class TuiPopout {
+    constructor() {
+        this.tuiPopoutOptions = input({});
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPopout, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.18", type: TuiPopout, isStandalone: true, selector: "ng-template[tuiPopout]", inputs: { tuiPopoutOptions: { classPropertyName: "tuiPopoutOptions", publicName: "tuiPopoutOptions", isSignal: true, isRequired: false, transformFunction: null } }, providers: [tuiAsPortal(TuiPopoutService)], hostDirectives: [{ directive: i1.TuiPortalDirective, inputs: ["options", "tuiPopoutOptions", "open", "tuiPopout"], outputs: ["openChange", "tuiPopoutChange"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TuiPopout, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[tuiPopout]',
+                    providers: [tuiAsPortal(TuiPopoutService)],
+                    hostDirectives: [
+                        {
+                            directive: TuiPortalDirective,
+                            inputs: ['options: tuiPopoutOptions', 'open: tuiPopout'],
+                            outputs: ['openChange: tuiPopoutChange'],
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiPopout, TuiPopoutComponent, TuiPopoutService };
+//# sourceMappingURL=taiga-ui-experimental-components-popout.mjs.map

package/fesm2022/taiga-ui-experimental-components-popout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-experimental-components-popout.mjs","sources":["../../../projects/experimental/components/popout/popout.component.ts","../../../projects/experimental/components/popout/popout.service.ts","../../../projects/experimental/components/popout/popout.directive.ts","../../../projects/experimental/components/popout/taiga-ui-experimental-components-popout.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {type TuiPortalContext} from '@taiga-ui/cdk/portals';\nimport {TuiRoot} from '@taiga-ui/core/components/root';\nimport {injectContext, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nexport type TuiPopoutOptions =\n    | {\n          readonly title: string;\n          readonly features: {\n              width?: number;\n              height?: number;\n              disallowReturnToOpener?: boolean;\n              preferInitialWindowPlacement?: boolean;\n          };\n          readonly pip: true;\n      }\n    | {\n          readonly title: string;\n          readonly features: Record<any, any>;\n          readonly pip: false;\n      };\n\n@Component({\n    imports: [PolymorpheusOutlet, TuiRoot],\n    template: `\n        <tui-root>\n            <ng-container *polymorpheusOutlet=\"context.content as text; context: context\">\n                {{ text }}\n            </ng-container>\n        </tui-root>\n    `,\n    // eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection\n    changeDetection: ChangeDetectionStrategy.Default,\n})\nexport class TuiPopoutComponent {\n    protected readonly context = injectContext<TuiPortalContext<TuiPopoutOptions>>();\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    inject,\n    Injectable,\n    type OnDestroy,\n    type OnInit,\n    provideExperimentalZonelessChangeDetection,\n} from '@angular/core';\nimport {createApplication} from '@angular/platform-browser';\nimport {WA_DOCUMENT_PIP} from '@ng-web-apis/experimental';\nimport {TuiPortal, type TuiPortalContext} from '@taiga-ui/cdk/portals';\nimport {TuiPopupService} from '@taiga-ui/core/portals/popup';\nimport {provideTaiga, TUI_OPTIONS} from '@taiga-ui/core/utils/miscellaneous';\nimport {injectContext, provideContext} from '@taiga-ui/polymorpheus';\n\nimport {TuiPopoutComponent, type TuiPopoutOptions} from './popout.component';\n\n@Component({\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nclass PopoutComponent implements OnInit, OnDestroy {\n    private readonly pip = inject(WA_DOCUMENT_PIP);\n    private readonly context = injectContext<TuiPortalContext<TuiPopoutOptions>>();\n    private readonly doc = inject(DOCUMENT);\n    private readonly options = inject(TUI_OPTIONS);\n    private popout: Window | null = null;\n\n    public ngOnInit(): void {\n        if (this.context.pip && this.pip) {\n            this.pip\n                .requestWindow(this.context.features)\n                .then((popout) => this.process(popout))\n                .catch((error: unknown) => {\n                    this.context.$implicit.complete();\n                    throw error;\n                });\n        } else {\n            this.process(\n                this.doc.defaultView?.open(\n                    '',\n                    '_blank',\n                    Object.entries(this.context.features)\n                        .map(([key, value]) => `${key}=${value}`)\n                        .concat(this.context.pip ? 'popup' : [])\n                        .join(','),\n                ),\n            );\n        }\n    }\n\n    public ngOnDestroy(): void {\n        this.popout?.close();\n    }\n\n    private process(popout?: Window | null): void {\n        if (!popout) {\n            this.context.$implicit.complete();\n\n            return;\n        }\n\n        this.popout = popout;\n        this.popout.document.write(`\n          <!doctype html>\n          <html lang=\"${this.doc.documentElement.getAttribute('lang') || 'en'}\">\n            <head>\n              <meta charset=\"utf-8\" />\n              <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" />\n            </head>\n            <body></body>\n          </html>\n        `);\n        this.popout.document.title = this.context.title;\n        this.popout.document.close();\n        this.doc.head\n            .querySelectorAll('base, style, link[rel=\"stylesheet\"]')\n            .forEach((node) => this.popout?.document.head.append(node.cloneNode(true)));\n\n        const providers = [\n            provideTaiga(this.options),\n            provideContext(this.context),\n            {provide: DOCUMENT, useValue: this.popout.document},\n            provideExperimentalZonelessChangeDetection(),\n        ];\n\n        createApplication({providers})\n            .then((app) => {\n                const ref = app.bootstrap(TuiPopoutComponent, this.popout?.document.body);\n                const cleanup = (): void => this.popout?.close();\n\n                this.doc.defaultView?.addEventListener('pagehide', cleanup);\n                this.popout?.addEventListener('pagehide', () => {\n                    this.context.$implicit.complete();\n                    ref.destroy();\n                    app.destroy();\n                    this.doc.defaultView?.removeEventListener('pagehide', cleanup);\n                });\n            })\n            .catch((error: unknown) => {\n                this.context.$implicit.complete();\n                throw error;\n            });\n    }\n}\n\n@Injectable({providedIn: 'root'})\nexport class TuiPopoutService extends TuiPortal<TuiPopoutOptions> {\n    protected readonly component = PopoutComponent;\n    protected readonly options = {title: '', features: {}, pip: false};\n\n    constructor() {\n        super(inject(TuiPopupService));\n    }\n}\n","import {Directive, input} from '@angular/core';\nimport {tuiAsPortal, TuiPortalDirective} from '@taiga-ui/cdk/portals';\n\nimport {type TuiPopoutOptions} from './popout.component';\nimport {TuiPopoutService} from './popout.service';\n\n@Directive({\n    selector: 'ng-template[tuiPopout]',\n    providers: [tuiAsPortal(TuiPopoutService)],\n    hostDirectives: [\n        {\n            directive: TuiPortalDirective,\n            inputs: ['options: tuiPopoutOptions', 'open: tuiPopout'],\n            outputs: ['openChange: tuiPopoutChange'],\n        },\n    ],\n})\nexport class TuiPopout {\n    public readonly tuiPopoutOptions = input<Partial<TuiPopoutOptions>>({});\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/taiga-ui-experimental-components.mjs

@@ -1,3 +1,4 @@
+export * from '@taiga-ui/experimental/components/popout';
 export * from '@taiga-ui/experimental/components/search-results';
 
 /**

package/fesm2022/taiga-ui-experimental-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-experimental-components.mjs","sources":["../../../projects/experimental/components/taiga-ui-experimental-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAAA;;AAEG"}
+{"version":3,"file":"taiga-ui-experimental-components.mjs","sources":["../../../projects/experimental/components/taiga-ui-experimental-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAAA;;AAEG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiga-ui/experimental",
-  "version": "5.0.0-canary.690ebfb",
+  "version": "5.0.0-canary.797b92a",
   "description": "A package with Taiga UI experimental components",
   "keywords": [
     "angular",
@@ -38,6 +38,10 @@
       "types": "./components/index.d.ts",
       "default": "./fesm2022/taiga-ui-experimental-components.mjs"
     },
+    "./components/popout": {
+      "types": "./components/popout/index.d.ts",
+      "default": "./fesm2022/taiga-ui-experimental-components-popout.mjs"
+    },
     "./components/search-results": {
       "types": "./components/search-results/index.d.ts",
       "default": "./fesm2022/taiga-ui-experimental-components-search-results.mjs"