@taiga-ui/experimental 4.74.1 → 4.76.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/pdf-viewer/pdf-viewer.component.d.ts +8 -3
- package/esm2022/components/pdf-viewer/pdf-viewer.component.mjs +11 -6
- package/fesm2022/taiga-ui-experimental-components-pdf-viewer.mjs +5 -5
- package/fesm2022/taiga-ui-experimental-components-pdf-viewer.mjs.map +1 -1
- package/package.json +6 -6
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
import { type TuiPopover } from '@taiga-ui/cdk/services';
|
|
2
2
|
import { type TuiDialogOptions } from '@taiga-ui/core/components/dialog';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class
|
|
4
|
+
export declare class TuiPdfViewer<O, I> {
|
|
5
5
|
protected readonly isMobileRes: import("@angular/core").Signal<boolean>;
|
|
6
6
|
protected readonly el: HTMLElement;
|
|
7
7
|
protected readonly context: TuiPopover<TuiDialogOptions<I>, O>;
|
|
8
8
|
protected readonly close: import("@angular/core").Signal<string | undefined>;
|
|
9
9
|
protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
11
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiPdfViewer<any, any>, never>;
|
|
11
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiPdfViewer<any, any>, "tui-pdf-viewer", never, {}, {}, never, ["[tuiTitle]", "button", "*"], true, never>;
|
|
12
12
|
}
|
|
13
|
+
export {
|
|
14
|
+
/**
|
|
15
|
+
* @deprecated use {@link TuiPdfViewer}
|
|
16
|
+
*/
|
|
17
|
+
TuiPdfViewer as TuiPdfViewerComponent, };
|
|
@@ -11,7 +11,7 @@ import { injectContext } from '@taiga-ui/polymorpheus';
|
|
|
11
11
|
import { map } from 'rxjs';
|
|
12
12
|
import * as i0 from "@angular/core";
|
|
13
13
|
import * as i1 from "@taiga-ui/layout/components/app-bar";
|
|
14
|
-
class
|
|
14
|
+
class TuiPdfViewer {
|
|
15
15
|
constructor() {
|
|
16
16
|
this.isMobileRes = toSignal(inject(TuiBreakpointService).pipe(map((breakpoint) => breakpoint === 'mobile')), { initialValue: false });
|
|
17
17
|
this.el = tuiInjectElement();
|
|
@@ -19,16 +19,16 @@ class TuiPdfViewerComponent {
|
|
|
19
19
|
this.close = toSignal(inject(TUI_CLOSE_WORD));
|
|
20
20
|
this.icons = inject(TUI_COMMON_ICONS);
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type:
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type:
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiPdfViewer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiPdfViewer, isStandalone: true, selector: "tui-pdf-viewer", host: { properties: { "attr.tuiTheme": "isMobileRes() ? \"\" : \"dark\"" } }, providers: [
|
|
24
24
|
tuiButtonOptionsProvider(() => ({
|
|
25
25
|
appearance: inject(TUI_IS_MOBILE) ? 'action' : 'glass',
|
|
26
26
|
size: 's',
|
|
27
27
|
})),
|
|
28
28
|
], ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"isMobileRes() ? mobile : desktop\" />\n\n<ng-template #mobile>\n <tui-app-bar>\n <button\n tuiButton\n tuiSlot=\"left\"\n type=\"button\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n <ng-container [ngTemplateOutlet]=\"content\" />\n <ng-container tuiSlot=\"right\">\n <ng-container [ngTemplateOutlet]=\"actions\" />\n </ng-container>\n </tui-app-bar>\n</ng-template>\n\n<ng-template #desktop>\n <header\n tuiTheme=\"dark\"\n class=\"t-header\"\n >\n <ng-container [ngTemplateOutlet]=\"content\" />\n <ng-container [ngTemplateOutlet]=\"actions\" />\n <button\n *ngIf=\"$any(context).closable || context.closeable\"\n appearance=\"glass\"\n size=\"s\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n [style.border-radius.%]=\"100\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n </header>\n</ng-template>\n\n<ng-template #content>\n <ng-content select=\"[tuiTitle]\" />\n</ng-template>\n\n<ng-template #actions>\n <ng-content select=\"button\" />\n</ng-template>\n\n<section class=\"t-content\">\n <ng-content />\n</section>\n", styles: ["tui-pdf-viewer{position:relative;z-index:1;display:flex;flex-direction:column;inline-size:100vw;block-size:100%;flex:1;box-sizing:border-box;color:var(--tui-text-primary);--t-header: 3.5rem}tui-root:not(._mobile) tui-pdf-viewer{background:#000}tui-root:not(._mobile) tui-dialog:not([new]) tui-pdf-viewer{block-size:100vh}tui-root:not(._mobile) tui-dialog[new] tui-pdf-viewer{margin:-6rem calc(-1 * calc(50vw - var(--tui-width) / 2)) -2rem}tui-root._mobile tui-dialog tui-pdf-viewer{--t-header: 2.5rem;margin:0 -1rem -1rem}tui-root._mobile tui-dialog tui-pdf-viewer tui-app-bar{margin:calc(-1*env(safe-area-inset-top)) 0 0}tui-sheet-dialog tui-pdf-viewer{--t-header: 4.5rem;margin:0 -1rem -1.5rem}tui-sheet-dialog tui-pdf-viewer tui-app-bar{margin:-1rem 0 0}tui-pdf-viewer .t-header{display:flex;gap:.5rem;align-items:center;block-size:var(--t-header);padding:0 .75rem 0 1rem;justify-content:flex-end}tui-pdf-viewer [tuiTitle]{margin-inline-end:auto}tui-pdf-viewer .t-content{display:flex;flex:1;overflow:hidden;justify-content:center}tui-pdf-viewer tui-loader,tui-pdf-viewer tui-block-status{inline-size:100%;margin-block-start:calc(-1 * var(--t-header))}tui-pdf-viewer iframe{inline-size:100%;border:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.TuiAppBarComponent, selector: "tui-app-bar", inputs: ["size"] }, { kind: "directive", type: i1.TuiAppBarDirective, selector: "[tuiSlot]", inputs: ["tuiSlot"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
29
29
|
}
|
|
30
|
-
export {
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type:
|
|
30
|
+
export { TuiPdfViewer };
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiPdfViewer, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
33
|
args: [{ standalone: true, selector: 'tui-pdf-viewer', imports: [NgIf, NgTemplateOutlet, TuiAppBar, TuiButton], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
34
34
|
tuiButtonOptionsProvider(() => ({
|
|
@@ -39,4 +39,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
39
39
|
'[attr.tuiTheme]': 'isMobileRes() ? "" : "dark"',
|
|
40
40
|
}, template: "<ng-container [ngTemplateOutlet]=\"isMobileRes() ? mobile : desktop\" />\n\n<ng-template #mobile>\n <tui-app-bar>\n <button\n tuiButton\n tuiSlot=\"left\"\n type=\"button\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n <ng-container [ngTemplateOutlet]=\"content\" />\n <ng-container tuiSlot=\"right\">\n <ng-container [ngTemplateOutlet]=\"actions\" />\n </ng-container>\n </tui-app-bar>\n</ng-template>\n\n<ng-template #desktop>\n <header\n tuiTheme=\"dark\"\n class=\"t-header\"\n >\n <ng-container [ngTemplateOutlet]=\"content\" />\n <ng-container [ngTemplateOutlet]=\"actions\" />\n <button\n *ngIf=\"$any(context).closable || context.closeable\"\n appearance=\"glass\"\n size=\"s\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n [style.border-radius.%]=\"100\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n </header>\n</ng-template>\n\n<ng-template #content>\n <ng-content select=\"[tuiTitle]\" />\n</ng-template>\n\n<ng-template #actions>\n <ng-content select=\"button\" />\n</ng-template>\n\n<section class=\"t-content\">\n <ng-content />\n</section>\n", styles: ["tui-pdf-viewer{position:relative;z-index:1;display:flex;flex-direction:column;inline-size:100vw;block-size:100%;flex:1;box-sizing:border-box;color:var(--tui-text-primary);--t-header: 3.5rem}tui-root:not(._mobile) tui-pdf-viewer{background:#000}tui-root:not(._mobile) tui-dialog:not([new]) tui-pdf-viewer{block-size:100vh}tui-root:not(._mobile) tui-dialog[new] tui-pdf-viewer{margin:-6rem calc(-1 * calc(50vw - var(--tui-width) / 2)) -2rem}tui-root._mobile tui-dialog tui-pdf-viewer{--t-header: 2.5rem;margin:0 -1rem -1rem}tui-root._mobile tui-dialog tui-pdf-viewer tui-app-bar{margin:calc(-1*env(safe-area-inset-top)) 0 0}tui-sheet-dialog tui-pdf-viewer{--t-header: 4.5rem;margin:0 -1rem -1.5rem}tui-sheet-dialog tui-pdf-viewer tui-app-bar{margin:-1rem 0 0}tui-pdf-viewer .t-header{display:flex;gap:.5rem;align-items:center;block-size:var(--t-header);padding:0 .75rem 0 1rem;justify-content:flex-end}tui-pdf-viewer [tuiTitle]{margin-inline-end:auto}tui-pdf-viewer .t-content{display:flex;flex:1;overflow:hidden;justify-content:center}tui-pdf-viewer tui-loader,tui-pdf-viewer tui-block-status{inline-size:100%;margin-block-start:calc(-1 * var(--t-header))}tui-pdf-viewer iframe{inline-size:100%;border:none}\n"] }]
|
|
41
41
|
}] });
|
|
42
|
-
|
|
42
|
+
export {
|
|
43
|
+
/**
|
|
44
|
+
* @deprecated use {@link TuiPdfViewer}
|
|
45
|
+
*/
|
|
46
|
+
TuiPdfViewer as TuiPdfViewerComponent, };
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGRmLXZpZXdlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9wZGYtdmlld2VyL3BkZi12aWV3ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvcGRmLXZpZXdlci9wZGYtdmlld2VyLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLElBQUksRUFBRSxnQkFBZ0IsRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZELE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULE1BQU0sRUFDTixpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLDRCQUE0QixDQUFDO0FBRXBELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUNuRCxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUMsU0FBUyxFQUFFLHdCQUF3QixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFFckYsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDN0QsT0FBTyxFQUFDLGNBQWMsRUFBRSxnQkFBZ0IsRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBQ3ZFLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxxQ0FBcUMsQ0FBQztBQUM5RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDckQsT0FBTyxFQUFDLEdBQUcsRUFBQyxNQUFNLE1BQU0sQ0FBQzs7O0FBRXpCLE1Ba0JhLFlBQVk7SUFsQnpCO1FBbUJ1QixnQkFBVyxHQUFHLFFBQVEsQ0FDckMsTUFBTSxDQUFDLG9CQUFvQixDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLFVBQVUsRUFBRSxFQUFFLENBQUMsVUFBVSxLQUFLLFFBQVEsQ0FBQyxDQUFDLEVBQy9FLEVBQUMsWUFBWSxFQUFFLEtBQUssRUFBQyxDQUN4QixDQUFDO1FBRWlCLE9BQUUsR0FBRyxnQkFBZ0IsRUFBRSxDQUFDO1FBQ3hCLFlBQU8sR0FBRyxhQUFhLEVBQXNDLENBQUM7UUFDOUQsVUFBSyxHQUFHLFFBQVEsQ0FBQyxNQUFNLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQztRQUN6QyxVQUFLLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7S0FDdkQ7K0dBVlksWUFBWTttR0FBWixZQUFZLDJJQVZWO1lBQ1Asd0JBQXdCLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztnQkFDNUIsVUFBVSxFQUFFLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxPQUFPO2dCQUN0RCxJQUFJLEVBQUUsR0FBRzthQUNaLENBQUMsQ0FBQztTQUNOLDBCQ2hDTCw2NENBb0RBLGt2Q0Q5QmMsSUFBSSw2RkFBRSxnQkFBZ0IsbVZBQWEsU0FBUzs7U0FlN0MsWUFBWTs0RkFBWixZQUFZO2tCQWxCeEIsU0FBUztpQ0FDTSxJQUFJLFlBQ04sZ0JBQWdCLFdBQ2pCLENBQUMsSUFBSSxFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsaUJBR3hDLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Asd0JBQXdCLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQzs0QkFDNUIsVUFBVSxFQUFFLE1BQU0sQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxPQUFPOzRCQUN0RCxJQUFJLEVBQUUsR0FBRzt5QkFDWixDQUFDLENBQUM7cUJBQ04sUUFDSzt3QkFDRixpQkFBaUIsRUFBRSw2QkFBNkI7cUJBQ25EOztBQWNMLE9BQU87QUFDSDs7R0FFRztBQUNILFlBQVksSUFBSSxxQkFBcUIsR0FDeEMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdJZiwgTmdUZW1wbGF0ZU91dGxldH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIGluamVjdCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3RvU2lnbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQge3R5cGUgVHVpUG9wb3Zlcn0gZnJvbSAnQHRhaWdhLXVpL2Nkay9zZXJ2aWNlcyc7XG5pbXBvcnQge1RVSV9JU19NT0JJTEV9IGZyb20gJ0B0YWlnYS11aS9jZGsvdG9rZW5zJztcbmltcG9ydCB7dHVpSW5qZWN0RWxlbWVudH0gZnJvbSAnQHRhaWdhLXVpL2Nkay91dGlscy9kb20nO1xuaW1wb3J0IHtUdWlCdXR0b24sIHR1aUJ1dHRvbk9wdGlvbnNQcm92aWRlcn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHt0eXBlIFR1aURpYWxvZ09wdGlvbnN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL2NvbXBvbmVudHMvZGlhbG9nJztcbmltcG9ydCB7VHVpQnJlYWtwb2ludFNlcnZpY2V9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3NlcnZpY2VzJztcbmltcG9ydCB7VFVJX0NMT1NFX1dPUkQsIFRVSV9DT01NT05fSUNPTlN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3Rva2Vucyc7XG5pbXBvcnQge1R1aUFwcEJhcn0gZnJvbSAnQHRhaWdhLXVpL2xheW91dC9jb21wb25lbnRzL2FwcC1iYXInO1xuaW1wb3J0IHtpbmplY3RDb250ZXh0fSBmcm9tICdAdGFpZ2EtdWkvcG9seW1vcnBoZXVzJztcbmltcG9ydCB7bWFwfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ3R1aS1wZGYtdmlld2VyJyxcbiAgICBpbXBvcnRzOiBbTmdJZiwgTmdUZW1wbGF0ZU91dGxldCwgVHVpQXBwQmFyLCBUdWlCdXR0b25dLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wZGYtdmlld2VyLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3BkZi12aWV3ZXIuc3R5bGUubGVzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHR1aUJ1dHRvbk9wdGlvbnNQcm92aWRlcigoKSA9PiAoe1xuICAgICAgICAgICAgYXBwZWFyYW5jZTogaW5qZWN0KFRVSV9JU19NT0JJTEUpID8gJ2FjdGlvbicgOiAnZ2xhc3MnLFxuICAgICAgICAgICAgc2l6ZTogJ3MnLFxuICAgICAgICB9KSksXG4gICAgXSxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci50dWlUaGVtZV0nOiAnaXNNb2JpbGVSZXMoKSA/IFwiXCIgOiBcImRhcmtcIicsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpUGRmVmlld2VyPE8sIEk+IHtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgaXNNb2JpbGVSZXMgPSB0b1NpZ25hbChcbiAgICAgICAgaW5qZWN0KFR1aUJyZWFrcG9pbnRTZXJ2aWNlKS5waXBlKG1hcCgoYnJlYWtwb2ludCkgPT4gYnJlYWtwb2ludCA9PT0gJ21vYmlsZScpKSxcbiAgICAgICAge2luaXRpYWxWYWx1ZTogZmFsc2V9LFxuICAgICk7XG5cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgZWwgPSB0dWlJbmplY3RFbGVtZW50KCk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGNvbnRleHQgPSBpbmplY3RDb250ZXh0PFR1aVBvcG92ZXI8VHVpRGlhbG9nT3B0aW9uczxJPiwgTz4+KCk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGNsb3NlID0gdG9TaWduYWwoaW5qZWN0KFRVSV9DTE9TRV9XT1JEKSk7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGljb25zID0gaW5qZWN0KFRVSV9DT01NT05fSUNPTlMpO1xufVxuXG5leHBvcnQge1xuICAgIC8qKlxuICAgICAqIEBkZXByZWNhdGVkIHVzZSB7QGxpbmsgVHVpUGRmVmlld2VyfVxuICAgICAqL1xuICAgIFR1aVBkZlZpZXdlciBhcyBUdWlQZGZWaWV3ZXJDb21wb25lbnQsXG59O1xuIiwiPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJpc01vYmlsZVJlcygpID8gbW9iaWxlIDogZGVza3RvcFwiIC8+XG5cbjxuZy10ZW1wbGF0ZSAjbW9iaWxlPlxuICAgIDx0dWktYXBwLWJhcj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgdHVpQnV0dG9uXG4gICAgICAgICAgICB0dWlTbG90PVwibGVmdFwiXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIChjbGljayk9XCJjb250ZXh0LiRpbXBsaWNpdC5jb21wbGV0ZSgpXCJcbiAgICAgICAgPlxuICAgICAgICAgICAge3sgY2xvc2UoKSB9fVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJjb250ZW50XCIgLz5cbiAgICAgICAgPG5nLWNvbnRhaW5lciB0dWlTbG90PVwicmlnaHRcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiYWN0aW9uc1wiIC8+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvdHVpLWFwcC1iYXI+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2Rlc2t0b3A+XG4gICAgPGhlYWRlclxuICAgICAgICB0dWlUaGVtZT1cImRhcmtcIlxuICAgICAgICBjbGFzcz1cInQtaGVhZGVyXCJcbiAgICA+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiY29udGVudFwiIC8+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiYWN0aW9uc1wiIC8+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICpuZ0lmPVwiJGFueShjb250ZXh0KS5jbG9zYWJsZSB8fCBjb250ZXh0LmNsb3NlYWJsZVwiXG4gICAgICAgICAgICBhcHBlYXJhbmNlPVwiZ2xhc3NcIlxuICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgdHVpSWNvbkJ1dHRvblxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICBbaWNvblN0YXJ0XT1cImljb25zLmNsb3NlXCJcbiAgICAgICAgICAgIFtzdHlsZS5ib3JkZXItcmFkaXVzLiVdPVwiMTAwXCJcbiAgICAgICAgICAgIChjbGljayk9XCJjb250ZXh0LiRpbXBsaWNpdC5jb21wbGV0ZSgpXCJcbiAgICAgICAgPlxuICAgICAgICAgICAge3sgY2xvc2UoKSB9fVxuICAgICAgICA8L2J1dHRvbj5cbiAgICA8L2hlYWRlcj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdHVpVGl0bGVdXCIgLz5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjYWN0aW9ucz5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJidXR0b25cIiAvPlxuPC9uZy10ZW1wbGF0ZT5cblxuPHNlY3Rpb24gY2xhc3M9XCJ0LWNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudCAvPlxuPC9zZWN0aW9uPlxuIl19
|
|
@@ -12,7 +12,7 @@ import { TuiAppBar } from '@taiga-ui/layout/components/app-bar';
|
|
|
12
12
|
import { injectContext } from '@taiga-ui/polymorpheus';
|
|
13
13
|
import { map } from 'rxjs';
|
|
14
14
|
|
|
15
|
-
class
|
|
15
|
+
class TuiPdfViewer {
|
|
16
16
|
constructor() {
|
|
17
17
|
this.isMobileRes = toSignal(inject(TuiBreakpointService).pipe(map((breakpoint) => breakpoint === 'mobile')), { initialValue: false });
|
|
18
18
|
this.el = tuiInjectElement();
|
|
@@ -20,15 +20,15 @@ class TuiPdfViewerComponent {
|
|
|
20
20
|
this.close = toSignal(inject(TUI_CLOSE_WORD));
|
|
21
21
|
this.icons = inject(TUI_COMMON_ICONS);
|
|
22
22
|
}
|
|
23
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type:
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type:
|
|
23
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiPdfViewer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiPdfViewer, isStandalone: true, selector: "tui-pdf-viewer", host: { properties: { "attr.tuiTheme": "isMobileRes() ? \"\" : \"dark\"" } }, providers: [
|
|
25
25
|
tuiButtonOptionsProvider(() => ({
|
|
26
26
|
appearance: inject(TUI_IS_MOBILE) ? 'action' : 'glass',
|
|
27
27
|
size: 's',
|
|
28
28
|
})),
|
|
29
29
|
], ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"isMobileRes() ? mobile : desktop\" />\n\n<ng-template #mobile>\n <tui-app-bar>\n <button\n tuiButton\n tuiSlot=\"left\"\n type=\"button\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n <ng-container [ngTemplateOutlet]=\"content\" />\n <ng-container tuiSlot=\"right\">\n <ng-container [ngTemplateOutlet]=\"actions\" />\n </ng-container>\n </tui-app-bar>\n</ng-template>\n\n<ng-template #desktop>\n <header\n tuiTheme=\"dark\"\n class=\"t-header\"\n >\n <ng-container [ngTemplateOutlet]=\"content\" />\n <ng-container [ngTemplateOutlet]=\"actions\" />\n <button\n *ngIf=\"$any(context).closable || context.closeable\"\n appearance=\"glass\"\n size=\"s\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n [style.border-radius.%]=\"100\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n </header>\n</ng-template>\n\n<ng-template #content>\n <ng-content select=\"[tuiTitle]\" />\n</ng-template>\n\n<ng-template #actions>\n <ng-content select=\"button\" />\n</ng-template>\n\n<section class=\"t-content\">\n <ng-content />\n</section>\n", styles: ["tui-pdf-viewer{position:relative;z-index:1;display:flex;flex-direction:column;inline-size:100vw;block-size:100%;flex:1;box-sizing:border-box;color:var(--tui-text-primary);--t-header: 3.5rem}tui-root:not(._mobile) tui-pdf-viewer{background:#000}tui-root:not(._mobile) tui-dialog:not([new]) tui-pdf-viewer{block-size:100vh}tui-root:not(._mobile) tui-dialog[new] tui-pdf-viewer{margin:-6rem calc(-1 * calc(50vw - var(--tui-width) / 2)) -2rem}tui-root._mobile tui-dialog tui-pdf-viewer{--t-header: 2.5rem;margin:0 -1rem -1rem}tui-root._mobile tui-dialog tui-pdf-viewer tui-app-bar{margin:calc(-1*env(safe-area-inset-top)) 0 0}tui-sheet-dialog tui-pdf-viewer{--t-header: 4.5rem;margin:0 -1rem -1.5rem}tui-sheet-dialog tui-pdf-viewer tui-app-bar{margin:-1rem 0 0}tui-pdf-viewer .t-header{display:flex;gap:.5rem;align-items:center;block-size:var(--t-header);padding:0 .75rem 0 1rem;justify-content:flex-end}tui-pdf-viewer [tuiTitle]{margin-inline-end:auto}tui-pdf-viewer .t-content{display:flex;flex:1;overflow:hidden;justify-content:center}tui-pdf-viewer tui-loader,tui-pdf-viewer tui-block-status{inline-size:100%;margin-block-start:calc(-1 * var(--t-header))}tui-pdf-viewer iframe{inline-size:100%;border:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.TuiAppBarComponent, selector: "tui-app-bar", inputs: ["size"] }, { kind: "directive", type: i1.TuiAppBarDirective, selector: "[tuiSlot]", inputs: ["tuiSlot"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
30
30
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type:
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiPdfViewer, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
33
|
args: [{ standalone: true, selector: 'tui-pdf-viewer', imports: [NgIf, NgTemplateOutlet, TuiAppBar, TuiButton], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
34
34
|
tuiButtonOptionsProvider(() => ({
|
|
@@ -44,5 +44,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
44
44
|
* Generated bundle index. Do not edit.
|
|
45
45
|
*/
|
|
46
46
|
|
|
47
|
-
export { TuiPdfViewerComponent };
|
|
47
|
+
export { TuiPdfViewer, TuiPdfViewer as TuiPdfViewerComponent };
|
|
48
48
|
//# sourceMappingURL=taiga-ui-experimental-components-pdf-viewer.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components-pdf-viewer.mjs","sources":["../../../projects/experimental/components/pdf-viewer/pdf-viewer.component.ts","../../../projects/experimental/components/pdf-viewer/pdf-viewer.template.html","../../../projects/experimental/components/pdf-viewer/taiga-ui-experimental-components-pdf-viewer.ts"],"sourcesContent":["import {NgIf, NgTemplateOutlet} from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n inject,\n ViewEncapsulation,\n} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {type TuiPopover} from '@taiga-ui/cdk/services';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {type TuiDialogOptions} from '@taiga-ui/core/components/dialog';\nimport {TuiBreakpointService} from '@taiga-ui/core/services';\nimport {TUI_CLOSE_WORD, TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {TuiAppBar} from '@taiga-ui/layout/components/app-bar';\nimport {injectContext} from '@taiga-ui/polymorpheus';\nimport {map} from 'rxjs';\n\n@Component({\n standalone: true,\n selector: 'tui-pdf-viewer',\n imports: [NgIf, NgTemplateOutlet, TuiAppBar, TuiButton],\n templateUrl: './pdf-viewer.template.html',\n styleUrls: ['./pdf-viewer.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n tuiButtonOptionsProvider(() => ({\n appearance: inject(TUI_IS_MOBILE) ? 'action' : 'glass',\n size: 's',\n })),\n ],\n host: {\n '[attr.tuiTheme]': 'isMobileRes() ? \"\" : \"dark\"',\n },\n})\nexport class
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components-pdf-viewer.mjs","sources":["../../../projects/experimental/components/pdf-viewer/pdf-viewer.component.ts","../../../projects/experimental/components/pdf-viewer/pdf-viewer.template.html","../../../projects/experimental/components/pdf-viewer/taiga-ui-experimental-components-pdf-viewer.ts"],"sourcesContent":["import {NgIf, NgTemplateOutlet} from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n inject,\n ViewEncapsulation,\n} from '@angular/core';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {type TuiPopover} from '@taiga-ui/cdk/services';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiButton, tuiButtonOptionsProvider} from '@taiga-ui/core/components/button';\nimport {type TuiDialogOptions} from '@taiga-ui/core/components/dialog';\nimport {TuiBreakpointService} from '@taiga-ui/core/services';\nimport {TUI_CLOSE_WORD, TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {TuiAppBar} from '@taiga-ui/layout/components/app-bar';\nimport {injectContext} from '@taiga-ui/polymorpheus';\nimport {map} from 'rxjs';\n\n@Component({\n standalone: true,\n selector: 'tui-pdf-viewer',\n imports: [NgIf, NgTemplateOutlet, TuiAppBar, TuiButton],\n templateUrl: './pdf-viewer.template.html',\n styleUrls: ['./pdf-viewer.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n tuiButtonOptionsProvider(() => ({\n appearance: inject(TUI_IS_MOBILE) ? 'action' : 'glass',\n size: 's',\n })),\n ],\n host: {\n '[attr.tuiTheme]': 'isMobileRes() ? \"\" : \"dark\"',\n },\n})\nexport class TuiPdfViewer<O, I> {\n protected readonly isMobileRes = toSignal(\n inject(TuiBreakpointService).pipe(map((breakpoint) => breakpoint === 'mobile')),\n {initialValue: false},\n );\n\n protected readonly el = tuiInjectElement();\n protected readonly context = injectContext<TuiPopover<TuiDialogOptions<I>, O>>();\n protected readonly close = toSignal(inject(TUI_CLOSE_WORD));\n protected readonly icons = inject(TUI_COMMON_ICONS);\n}\n\nexport {\n /**\n * @deprecated use {@link TuiPdfViewer}\n */\n TuiPdfViewer as TuiPdfViewerComponent,\n};\n","<ng-container [ngTemplateOutlet]=\"isMobileRes() ? mobile : desktop\" />\n\n<ng-template #mobile>\n <tui-app-bar>\n <button\n tuiButton\n tuiSlot=\"left\"\n type=\"button\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n <ng-container [ngTemplateOutlet]=\"content\" />\n <ng-container tuiSlot=\"right\">\n <ng-container [ngTemplateOutlet]=\"actions\" />\n </ng-container>\n </tui-app-bar>\n</ng-template>\n\n<ng-template #desktop>\n <header\n tuiTheme=\"dark\"\n class=\"t-header\"\n >\n <ng-container [ngTemplateOutlet]=\"content\" />\n <ng-container [ngTemplateOutlet]=\"actions\" />\n <button\n *ngIf=\"$any(context).closable || context.closeable\"\n appearance=\"glass\"\n size=\"s\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n [style.border-radius.%]=\"100\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ close() }}\n </button>\n </header>\n</ng-template>\n\n<ng-template #content>\n <ng-content select=\"[tuiTitle]\" />\n</ng-template>\n\n<ng-template #actions>\n <ng-content select=\"button\" />\n</ng-template>\n\n<section class=\"t-content\">\n <ng-content />\n</section>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAmBA,MAkBa,YAAY,CAAA;AAlBzB,IAAA,WAAA,GAAA;AAmBuB,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CACrC,MAAM,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,KAAK,UAAU,KAAK,QAAQ,CAAC,CAAC,EAC/E,EAAC,YAAY,EAAE,KAAK,EAAC,CACxB,CAAC;QAEiB,IAAE,CAAA,EAAA,GAAG,gBAAgB,EAAE,CAAC;QACxB,IAAO,CAAA,OAAA,GAAG,aAAa,EAAsC,CAAC;QAC9D,IAAK,CAAA,KAAA,GAAG,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;AACzC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;AACvD,KAAA;+GAVY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,EAVV,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,iCAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA,wBAAwB,CAAC,OAAO;AAC5B,gBAAA,UAAU,EAAE,MAAM,CAAC,aAAa,CAAC,GAAG,QAAQ,GAAG,OAAO;AACtD,gBAAA,IAAI,EAAE,GAAG;AACZ,aAAA,CAAC,CAAC;AACN,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChCL,64CAoDA,ED9Bc,MAAA,EAAA,CAAA,0rCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,EAAE,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,gBAAgB,mVAAa,SAAS,EAAA,QAAA,EAAA,uEAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FAe7C,YAAY,EAAA,UAAA,EAAA,CAAA;kBAlBxB,SAAS;iCACM,IAAI,EAAA,QAAA,EACN,gBAAgB,EACjB,OAAA,EAAA,CAAC,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,CAAC,EAAA,aAAA,EAGxC,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EACpC,SAAA,EAAA;AACP,wBAAA,wBAAwB,CAAC,OAAO;AAC5B,4BAAA,UAAU,EAAE,MAAM,CAAC,aAAa,CAAC,GAAG,QAAQ,GAAG,OAAO;AACtD,4BAAA,IAAI,EAAE,GAAG;AACZ,yBAAA,CAAC,CAAC;qBACN,EACK,IAAA,EAAA;AACF,wBAAA,iBAAiB,EAAE,6BAA6B;AACnD,qBAAA,EAAA,QAAA,EAAA,64CAAA,EAAA,MAAA,EAAA,CAAA,0rCAAA,CAAA,EAAA,CAAA;;;AEnCL;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/experimental",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.76.0",
|
|
4
4
|
"description": "A package with Taiga UI experimental components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
"peerDependencies": {
|
|
14
14
|
"@angular/common": ">=16.0.0",
|
|
15
15
|
"@angular/core": ">=16.0.0",
|
|
16
|
-
"@taiga-ui/addon-commerce": "
|
|
17
|
-
"@taiga-ui/cdk": "
|
|
18
|
-
"@taiga-ui/core": "
|
|
19
|
-
"@taiga-ui/kit": "
|
|
20
|
-
"@taiga-ui/layout": "
|
|
16
|
+
"@taiga-ui/addon-commerce": "4.76.0",
|
|
17
|
+
"@taiga-ui/cdk": "4.76.0",
|
|
18
|
+
"@taiga-ui/core": "4.76.0",
|
|
19
|
+
"@taiga-ui/kit": "4.76.0",
|
|
20
|
+
"@taiga-ui/layout": "4.76.0",
|
|
21
21
|
"@taiga-ui/polymorpheus": "^4.9.0",
|
|
22
22
|
"rxjs": ">=7.0.0"
|
|
23
23
|
},
|