@taiga-ui/legacy 4.52.0-canary.1ea42f6 → 4.52.0-canary.24b31eb
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/dialog/dialog.component.d.ts +20 -0
- package/components/dialog/dialog.directive.d.ts +7 -0
- package/components/dialog/dialog.factory.d.ts +16 -0
- package/components/dialog/dialog.interfaces.d.ts +31 -0
- package/components/dialog/dialog.service.d.ts +7 -0
- package/components/dialog/dialog.tokens.d.ts +8 -0
- package/components/dialog/index.d.ts +6 -0
- package/components/index.d.ts +1 -5
- package/fesm2022/taiga-ui-legacy-components-dialog.mjs +130 -0
- package/fesm2022/taiga-ui-legacy-components-dialog.mjs.map +1 -0
- package/fesm2022/taiga-ui-legacy-components.mjs +1 -5
- package/fesm2022/taiga-ui-legacy-components.mjs.map +1 -1
- package/fesm2022/taiga-ui-legacy.mjs +0 -1
- package/fesm2022/taiga-ui-legacy.mjs.map +1 -1
- package/index.d.ts +0 -1
- package/package.json +32 -52
- package/utils/icons-path-factory.d.ts +1 -1
- package/components/color-selector/color-edit/color-edit.component.d.ts +0 -18
- package/components/color-selector/color-edit/color-edit.module.d.ts +0 -21
- package/components/color-selector/color-picker/color-picker.component.d.ts +0 -22
- package/components/color-selector/color-picker/color-picker.module.d.ts +0 -14
- package/components/color-selector/color-selector.component.d.ts +0 -47
- package/components/color-selector/color-selector.module.d.ts +0 -23
- package/components/color-selector/color-selector.options.d.ts +0 -25
- package/components/color-selector/flat-picker/flat-picker.component.d.ts +0 -12
- package/components/color-selector/flat-picker/flat-picker.module.d.ts +0 -12
- package/components/color-selector/index.d.ts +0 -16
- package/components/color-selector/linear-multi-picker/linear-multi-picker.component.d.ts +0 -17
- package/components/color-selector/linear-multi-picker/linear-multi-picker.module.d.ts +0 -12
- package/components/color-selector/linear-picker/linear-picker.component.d.ts +0 -10
- package/components/color-selector/linear-picker/linear-picker.module.d.ts +0 -12
- package/components/color-selector/palette/palette.component.d.ts +0 -10
- package/components/color-selector/palette/palette.module.d.ts +0 -13
- package/components/color-selector/services/picker.service.d.ts +0 -15
- package/components/input-color/index.d.ts +0 -2
- package/components/input-color/input-color.component.d.ts +0 -30
- package/components/input-color/input-color.module.d.ts +0 -17
- package/components/input-date/index.d.ts +0 -3
- package/components/input-date/input-date.component.d.ts +0 -62
- package/components/input-date/input-date.directive.d.ts +0 -19
- package/components/input-date/input-date.module.d.ts +0 -24
- package/components/input-date/native-date/native-date.component.d.ts +0 -15
- package/components/input-time/index.d.ts +0 -4
- package/components/input-time/input-time.component.d.ts +0 -62
- package/components/input-time/input-time.directive.d.ts +0 -17
- package/components/input-time/input-time.module.d.ts +0 -23
- package/components/input-time/input-time.options.d.ts +0 -42
- package/components/input-time/native-time/native-time.component.d.ts +0 -12
- package/components/svg/content-processor.d.ts +0 -19
- package/components/svg/deprecated-icons.d.ts +0 -5
- package/components/svg/index.d.ts +0 -5
- package/components/svg/svg-options.d.ts +0 -50
- package/components/svg/svg.component.d.ts +0 -50
- package/components/svg/svg.service.d.ts +0 -21
- package/fesm2022/taiga-ui-legacy-components-color-selector.mjs +0 -726
- package/fesm2022/taiga-ui-legacy-components-color-selector.mjs.map +0 -1
- package/fesm2022/taiga-ui-legacy-components-input-color.mjs +0 -127
- package/fesm2022/taiga-ui-legacy-components-input-color.mjs.map +0 -1
- package/fesm2022/taiga-ui-legacy-components-input-date.mjs +0 -372
- package/fesm2022/taiga-ui-legacy-components-input-date.mjs.map +0 -1
- package/fesm2022/taiga-ui-legacy-components-input-time.mjs +0 -430
- package/fesm2022/taiga-ui-legacy-components-input-time.mjs.map +0 -1
- package/fesm2022/taiga-ui-legacy-components-svg.mjs +0 -387
- package/fesm2022/taiga-ui-legacy-components-svg.mjs.map +0 -1
- package/fesm2022/taiga-ui-legacy-services.mjs +0 -42
- package/fesm2022/taiga-ui-legacy-services.mjs.map +0 -1
- package/services/index.d.ts +0 -1
- package/services/static-request.service.d.ts +0 -11
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type TuiPopover } from '@taiga-ui/cdk/services';
|
|
2
|
+
import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
3
|
+
import { type Observable, Subject } from 'rxjs';
|
|
4
|
+
import { type TuiDialogOptions, type TuiDialogSize } from './dialog.interfaces';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@taiga-ui/cdk/directives/animated";
|
|
7
|
+
export declare class TuiDialogComponent<O, I> {
|
|
8
|
+
protected readonly close$: Subject<void>;
|
|
9
|
+
protected readonly context: TuiPopover<TuiDialogOptions<I>, O>;
|
|
10
|
+
protected readonly closeWord$: Observable<string>;
|
|
11
|
+
protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
|
|
12
|
+
protected readonly from: import("@angular/core").Signal<"translateY(100vh)" | "translateY(2.5rem)">;
|
|
13
|
+
protected readonly isMobile: import("@angular/core").Signal<boolean | undefined>;
|
|
14
|
+
constructor();
|
|
15
|
+
protected get size(): TuiDialogSize;
|
|
16
|
+
protected get header(): PolymorpheusContent<TuiPopover<TuiDialogOptions<I>, O>>;
|
|
17
|
+
private close;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialogComponent<any, any>, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiDialogComponent<any, any>, "tui-dialog-legacy", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
|
|
20
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
|
|
2
|
+
import { type TuiDialogOptions } from './dialog.interfaces';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TuiDialog<T> extends TuiPopoverDirective<TuiDialogOptions<T>> {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialog<any>, never>;
|
|
6
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDialog<any>, "ng-template[tuiDialog]", never, { "options": { "alias": "tuiDialogOptions"; "required": false; }; "open": { "alias": "tuiDialog"; "required": false; }; }, { "openChange": "tuiDialogChange"; }, never, never, true, never>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type Injector } from '@angular/core';
|
|
2
|
+
import { type Observable } from 'rxjs';
|
|
3
|
+
import { type TuiDialogContext, type TuiDialogOptions } from './dialog.interfaces';
|
|
4
|
+
type SingleUnionOrNever<T, U = T> = [T] extends [never] ? never : T extends U ? [U] extends [T] ? T : never : never;
|
|
5
|
+
type ReplaceAny<T> = 0 extends T & 1 ? void : T;
|
|
6
|
+
type ContextKeys<T> = {
|
|
7
|
+
[K in keyof T]: ReplaceAny<T[K]> extends TuiDialogContext<any, any> | null ? K : never;
|
|
8
|
+
}[keyof T];
|
|
9
|
+
type AssertNotMultipleContexts<T, K extends keyof T> = [K] extends [never] ? new (...args: any[]) => T : [SingleUnionOrNever<K>] extends [never] ? 'Component has multiple context. Cannot determine the type...' : new (...args: any[]) => T;
|
|
10
|
+
type ExtractDialogData<T, K extends keyof T = ContextKeys<T>> = [K] extends [never] ? void : [SingleUnionOrNever<K>] extends [never] ? never : T[K] extends TuiDialogContext<any, infer D> | null ? D : void;
|
|
11
|
+
type ExtractDialogResult<T, K extends keyof T = ContextKeys<T>> = [K] extends [never] ? void : [SingleUnionOrNever<K>] extends [never] ? never : T[K] extends TuiDialogContext<infer R, any> | null ? R : void;
|
|
12
|
+
type Options<T> = Omit<TuiDialogOptions<T>, 'data'> & {
|
|
13
|
+
injector: Injector;
|
|
14
|
+
};
|
|
15
|
+
export declare function tuiDialog<T, K extends ContextKeys<T>, D extends ExtractDialogData<T, K>, R extends ExtractDialogResult<T, K>>(component: AssertNotMultipleContexts<T, K>, { injector, ...options }?: Partial<Options<D>>): (data: D) => Observable<R>;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { type TuiPopover, type TuiPopoverContext } from '@taiga-ui/cdk/services';
|
|
2
|
+
import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
|
|
3
|
+
import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
|
|
4
|
+
import { type Observable } from 'rxjs';
|
|
5
|
+
export type TuiDialogSize = TuiSizeL | TuiSizeS | 'auto' | 'fullscreen' | 'page';
|
|
6
|
+
/**
|
|
7
|
+
* Options for a dialog
|
|
8
|
+
*
|
|
9
|
+
* appearance - data-appearance attribute of the dialog ('' by default)
|
|
10
|
+
* size - size of the dialog ('m' by default)
|
|
11
|
+
* required - closing dialog throws (false by default)
|
|
12
|
+
* closable - show close button (true by default)
|
|
13
|
+
* dismissible - close dialog by Esc button or click on overlay (true by default)
|
|
14
|
+
* label - string title for the dialog ('' by default)
|
|
15
|
+
* header - content above title ('' by default)
|
|
16
|
+
* data - arbitrary data for dialog
|
|
17
|
+
*/
|
|
18
|
+
export interface TuiDialogOptions<I> {
|
|
19
|
+
readonly appearance: string;
|
|
20
|
+
readonly closable: Observable<boolean> | boolean;
|
|
21
|
+
readonly data: I extends void ? undefined : I & {
|
|
22
|
+
button?: string;
|
|
23
|
+
};
|
|
24
|
+
readonly dismissible: Observable<boolean> | boolean;
|
|
25
|
+
readonly header: PolymorpheusContent<TuiPopover<TuiDialogOptions<I>, any>>;
|
|
26
|
+
readonly label: string;
|
|
27
|
+
readonly required: boolean;
|
|
28
|
+
readonly size: TuiDialogSize;
|
|
29
|
+
}
|
|
30
|
+
export interface TuiDialogContext<O = void, I = undefined> extends TuiPopoverContext<O>, TuiDialogOptions<I> {
|
|
31
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TuiPopoverService } from '@taiga-ui/cdk/services';
|
|
2
|
+
import { type TuiDialogOptions } from './dialog.interfaces';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TuiDialogService extends TuiPopoverService<TuiDialogOptions<any>> {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialogService, never>;
|
|
6
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TuiDialogService>;
|
|
7
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { InjectionToken, type Provider } from '@angular/core';
|
|
2
|
+
import { type TuiDialogOptions } from './dialog.interfaces';
|
|
3
|
+
export declare const TUI_DIALOG_DEFAULT_OPTIONS: TuiDialogOptions<void>;
|
|
4
|
+
/**
|
|
5
|
+
* Default parameters for dialog component
|
|
6
|
+
*/
|
|
7
|
+
export declare const TUI_DIALOG_OPTIONS: InjectionToken<TuiDialogOptions<void>>;
|
|
8
|
+
export declare function tuiDialogOptionsProvider(options: Partial<TuiDialogOptions<unknown>>): Provider;
|
package/components/index.d.ts
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
export * from '@taiga-ui/legacy/components/arrow';
|
|
2
|
-
export * from '@taiga-ui/legacy/components/color-selector';
|
|
3
2
|
export * from '@taiga-ui/legacy/components/combo-box';
|
|
3
|
+
export * from '@taiga-ui/legacy/components/dialog';
|
|
4
4
|
export * from '@taiga-ui/legacy/components/input';
|
|
5
|
-
export * from '@taiga-ui/legacy/components/input-color';
|
|
6
|
-
export * from '@taiga-ui/legacy/components/input-date';
|
|
7
5
|
export * from '@taiga-ui/legacy/components/input-date-range';
|
|
8
6
|
export * from '@taiga-ui/legacy/components/input-date-time';
|
|
9
7
|
export * from '@taiga-ui/legacy/components/input-month-range';
|
|
@@ -11,13 +9,11 @@ export * from '@taiga-ui/legacy/components/input-number';
|
|
|
11
9
|
export * from '@taiga-ui/legacy/components/input-range';
|
|
12
10
|
export * from '@taiga-ui/legacy/components/input-slider';
|
|
13
11
|
export * from '@taiga-ui/legacy/components/input-tag';
|
|
14
|
-
export * from '@taiga-ui/legacy/components/input-time';
|
|
15
12
|
export * from '@taiga-ui/legacy/components/multi-select';
|
|
16
13
|
export * from '@taiga-ui/legacy/components/multi-select-option';
|
|
17
14
|
export * from '@taiga-ui/legacy/components/primitive-textfield';
|
|
18
15
|
export * from '@taiga-ui/legacy/components/select';
|
|
19
16
|
export * from '@taiga-ui/legacy/components/select-option';
|
|
20
|
-
export * from '@taiga-ui/legacy/components/svg';
|
|
21
17
|
export * from '@taiga-ui/legacy/components/tag';
|
|
22
18
|
export * from '@taiga-ui/legacy/components/textarea';
|
|
23
19
|
export * from '@taiga-ui/legacy/components/tooltip';
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { AsyncPipe } from '@angular/common';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { inject, computed, ChangeDetectionStrategy, Component, InjectionToken, Injectable, Directive, assertInInjectionContext, INJECTOR } from '@angular/core';
|
|
4
|
+
import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
5
|
+
import { TUI_TRUE_HANDLER } from '@taiga-ui/cdk/constants';
|
|
6
|
+
import * as i1 from '@taiga-ui/cdk/directives/animated';
|
|
7
|
+
import { TuiAnimated } from '@taiga-ui/cdk/directives/animated';
|
|
8
|
+
import { TuiAutoFocus } from '@taiga-ui/cdk/directives/auto-focus';
|
|
9
|
+
import { TuiButton } from '@taiga-ui/core/components/button';
|
|
10
|
+
import { TuiDialogCloseService, TUI_DIALOGS_CLOSE, TUI_DIALOGS } from '@taiga-ui/core/components/dialog';
|
|
11
|
+
import { TuiBreakpointService } from '@taiga-ui/core/services';
|
|
12
|
+
import { TUI_CLOSE_WORD, TUI_COMMON_ICONS } from '@taiga-ui/core/tokens';
|
|
13
|
+
import { injectContext, PolymorpheusOutlet, PolymorpheusComponent } from '@taiga-ui/polymorpheus';
|
|
14
|
+
import { of, isObservable, Subject, map, merge, switchMap, exhaustMap, take, filter } from 'rxjs';
|
|
15
|
+
import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
|
|
16
|
+
import { TuiPopoverService, tuiAsPopover } from '@taiga-ui/cdk/services';
|
|
17
|
+
import { tuiProvideOptions } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
18
|
+
|
|
19
|
+
const REQUIRED_ERROR = new Error('Required dialog was dismissed');
|
|
20
|
+
function toObservable(valueOrStream) {
|
|
21
|
+
return isObservable(valueOrStream) ? valueOrStream : of(valueOrStream);
|
|
22
|
+
}
|
|
23
|
+
class TuiDialogComponent {
|
|
24
|
+
constructor() {
|
|
25
|
+
this.close$ = new Subject();
|
|
26
|
+
this.context = injectContext();
|
|
27
|
+
this.closeWord$ = inject(TUI_CLOSE_WORD);
|
|
28
|
+
this.icons = inject(TUI_COMMON_ICONS);
|
|
29
|
+
this.from = computed(() => this.size === 'fullscreen' || this.size === 'page' || this.isMobile()
|
|
30
|
+
? 'translateY(100vh)'
|
|
31
|
+
: 'translateY(2.5rem)');
|
|
32
|
+
this.isMobile = toSignal(inject(TuiBreakpointService).pipe(map((breakpoint) => breakpoint === 'mobile')));
|
|
33
|
+
merge(this.close$.pipe(switchMap(() => toObservable(this.context.closable))), inject(TuiDialogCloseService).pipe(exhaustMap(() => toObservable(this.context.dismissible).pipe(take(1)))), inject(TUI_DIALOGS_CLOSE).pipe(map(TUI_TRUE_HANDLER)))
|
|
34
|
+
.pipe(filter(Boolean), takeUntilDestroyed())
|
|
35
|
+
.subscribe(() => {
|
|
36
|
+
this.close();
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
get size() {
|
|
40
|
+
return this.context.size;
|
|
41
|
+
}
|
|
42
|
+
get header() {
|
|
43
|
+
return this.context.header;
|
|
44
|
+
}
|
|
45
|
+
close() {
|
|
46
|
+
if (this.context.required) {
|
|
47
|
+
this.context.$implicit.error(REQUIRED_ERROR);
|
|
48
|
+
}
|
|
49
|
+
else {
|
|
50
|
+
this.context.$implicit.complete();
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
54
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: TuiDialogComponent, isStandalone: true, selector: "tui-dialog-legacy", host: { properties: { "attr.data-appearance": "context.appearance", "attr.data-size": "size", "class._centered": "header", "style.--tui-from": "from()" } }, providers: [TuiDialogCloseService], hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "@if (header) {\n <header class=\"t-header\">\n <ng-container *polymorpheusOutlet=\"header as text; context: context\">\n {{ text }}\n </ng-container>\n </header>\n}\n<div class=\"t-content\">\n <h2\n class=\"t-heading\"\n [class.t-heading_closable]=\"context.closable && !header\"\n [id]=\"context.id\"\n [textContent]=\"context.label\"\n ></h2>\n <section>\n <ng-container *polymorpheusOutlet=\"context.content as text; context: context\">\n <div [innerHTML]=\"text\"></div>\n @if (context.closable || context.dismissible) {\n <div class=\"t-buttons\">\n <button\n size=\"m\"\n tuiAutoFocus\n tuiButton\n type=\"button\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ context.data?.button || 'OK' }}\n </button>\n </div>\n }\n </ng-container>\n </section>\n</div>\n<div class=\"t-filler\"></div>\n\n<!-- Close button is insensitive to `context.closable === Observable<false>` by design -->\n@if (context.closable) {\n <button\n automation-id=\"tui-dialog__close\"\n tuiIconButton\n type=\"button\"\n class=\"t-close\"\n [appearance]=\"isMobile() ? 'icon' : 'neutral'\"\n [iconStart]=\"icons.close\"\n [size]=\"isMobile() ? 'xs' : 's'\"\n [style.border-radius.%]=\"100\"\n (click)=\"close$.next()\"\n (mousedown.prevent.zoneless)=\"(0)\"\n >\n {{ closeWord$ | async }}\n </button>\n}\n", styles: [":host{position:relative;display:flex;font:var(--tui-font-text-m);flex-direction:column;box-sizing:border-box;margin:2.5rem;border-radius:1.5rem}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}:host:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:\"\";border-radius:inherit;pointer-events:none;box-shadow:var(--tui-shadow-popup)}:host[data-size=auto]{inline-size:auto}:host[data-size=s]{inline-size:25rem}:host[data-size=s] .t-content{padding:1.5rem}:host[data-size=s] .t-heading{font:var(--tui-font-heading-5)}:host[data-size=m]{inline-size:37.5rem}:host[data-size=l]{inline-size:50rem}:host[data-size=fullscreen],:host[data-size=page]{min-inline-size:100vw;min-block-size:100%;border-radius:0;border:none;background:var(--tui-background-elevation-1);box-shadow:0 4rem var(--tui-background-elevation-1)}:host[data-size=fullscreen] .t-content,:host[data-size=page] .t-content{padding:3rem calc(50vw - 22.5rem)}:host[data-size=fullscreen] .t-heading,:host[data-size=page] .t-heading{font:var(--tui-font-heading-3)}:host._centered{text-align:center}:host :host-context(tui-root._mobile)[data-size]{min-inline-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0;border:none;margin:auto 0 0;background:var(--tui-background-elevation-1);padding-block-end:env(safe-area-inset-bottom)}:host :host-context(tui-root._mobile)[data-size] .t-content{padding:1rem}:host :host-context(tui-root._mobile)[data-size] .t-heading{font:var(--tui-font-heading-5)}:host :host-context(tui-root._mobile)[data-size=fullscreen],:host :host-context(tui-root._mobile)[data-size=page]{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}:host :host-context(tui-root._mobile)[data-size=fullscreen] .t-close,:host :host-context(tui-root._mobile)[data-size=page] .t-close{top:max(1rem,env(safe-area-inset-top))}:host[data-size=page] .t-content,:host-context(tui-root._mobile) :host[data-size=page] .t-content{padding:0}.t-heading{margin:0 0 .5rem;overflow-wrap:break-word;font:var(--tui-font-heading-4)}.t-heading_closable{padding-inline-end:2rem}.t-heading:empty{display:none}.t-header{display:flex;border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:hidden}:host[data-size=fullscreen] :host-context(tui-root._mobile) .t-header{flex:1}.t-content{border-radius:inherit;padding:1.75rem;background:var(--tui-background-elevation-1)}.t-content:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.t-content>section{border-radius:inherit}.t-filler{flex-grow:1}.t-close{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:1rem;right:1rem}@supports (inset-inline-end: 0){.t-close{right:unset;inset-inline-end:1rem}}.t-buttons{margin-block-start:1.25rem;text-align:end}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiAutoFocus, selector: "[tuiAutoFocus]", inputs: ["tuiAutoFocus"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
|
|
55
|
+
}
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiDialogComponent, decorators: [{
|
|
57
|
+
type: Component,
|
|
58
|
+
args: [{ selector: 'tui-dialog-legacy', imports: [AsyncPipe, PolymorpheusOutlet, TuiAutoFocus, TuiButton], changeDetection: ChangeDetectionStrategy.Default, providers: [TuiDialogCloseService], hostDirectives: [TuiAnimated], host: {
|
|
59
|
+
'[attr.data-appearance]': 'context.appearance',
|
|
60
|
+
'[attr.data-size]': 'size',
|
|
61
|
+
'[class._centered]': 'header',
|
|
62
|
+
'[style.--tui-from]': 'from()',
|
|
63
|
+
}, template: "@if (header) {\n <header class=\"t-header\">\n <ng-container *polymorpheusOutlet=\"header as text; context: context\">\n {{ text }}\n </ng-container>\n </header>\n}\n<div class=\"t-content\">\n <h2\n class=\"t-heading\"\n [class.t-heading_closable]=\"context.closable && !header\"\n [id]=\"context.id\"\n [textContent]=\"context.label\"\n ></h2>\n <section>\n <ng-container *polymorpheusOutlet=\"context.content as text; context: context\">\n <div [innerHTML]=\"text\"></div>\n @if (context.closable || context.dismissible) {\n <div class=\"t-buttons\">\n <button\n size=\"m\"\n tuiAutoFocus\n tuiButton\n type=\"button\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ context.data?.button || 'OK' }}\n </button>\n </div>\n }\n </ng-container>\n </section>\n</div>\n<div class=\"t-filler\"></div>\n\n<!-- Close button is insensitive to `context.closable === Observable<false>` by design -->\n@if (context.closable) {\n <button\n automation-id=\"tui-dialog__close\"\n tuiIconButton\n type=\"button\"\n class=\"t-close\"\n [appearance]=\"isMobile() ? 'icon' : 'neutral'\"\n [iconStart]=\"icons.close\"\n [size]=\"isMobile() ? 'xs' : 's'\"\n [style.border-radius.%]=\"100\"\n (click)=\"close$.next()\"\n (mousedown.prevent.zoneless)=\"(0)\"\n >\n {{ closeWord$ | async }}\n </button>\n}\n", styles: [":host{position:relative;display:flex;font:var(--tui-font-text-m);flex-direction:column;box-sizing:border-box;margin:2.5rem;border-radius:1.5rem}:host.tui-enter,:host.tui-leave{animation-name:tuiFade,tuiSlide}:host:after{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;content:\"\";border-radius:inherit;pointer-events:none;box-shadow:var(--tui-shadow-popup)}:host[data-size=auto]{inline-size:auto}:host[data-size=s]{inline-size:25rem}:host[data-size=s] .t-content{padding:1.5rem}:host[data-size=s] .t-heading{font:var(--tui-font-heading-5)}:host[data-size=m]{inline-size:37.5rem}:host[data-size=l]{inline-size:50rem}:host[data-size=fullscreen],:host[data-size=page]{min-inline-size:100vw;min-block-size:100%;border-radius:0;border:none;background:var(--tui-background-elevation-1);box-shadow:0 4rem var(--tui-background-elevation-1)}:host[data-size=fullscreen] .t-content,:host[data-size=page] .t-content{padding:3rem calc(50vw - 22.5rem)}:host[data-size=fullscreen] .t-heading,:host[data-size=page] .t-heading{font:var(--tui-font-heading-3)}:host._centered{text-align:center}:host :host-context(tui-root._mobile)[data-size]{min-inline-size:100%;inline-size:100%;max-inline-size:100%;border-radius:0;border:none;margin:auto 0 0;background:var(--tui-background-elevation-1);padding-block-end:env(safe-area-inset-bottom)}:host :host-context(tui-root._mobile)[data-size] .t-content{padding:1rem}:host :host-context(tui-root._mobile)[data-size] .t-heading{font:var(--tui-font-heading-5)}:host :host-context(tui-root._mobile)[data-size=fullscreen],:host :host-context(tui-root._mobile)[data-size=page]{padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}:host :host-context(tui-root._mobile)[data-size=fullscreen] .t-close,:host :host-context(tui-root._mobile)[data-size=page] .t-close{top:max(1rem,env(safe-area-inset-top))}:host[data-size=page] .t-content,:host-context(tui-root._mobile) :host[data-size=page] .t-content{padding:0}.t-heading{margin:0 0 .5rem;overflow-wrap:break-word;font:var(--tui-font-heading-4)}.t-heading_closable{padding-inline-end:2rem}.t-heading:empty{display:none}.t-header{display:flex;border-top-left-radius:inherit;border-top-right-radius:inherit;overflow:hidden}:host[data-size=fullscreen] :host-context(tui-root._mobile) .t-header{flex:1}.t-content{border-radius:inherit;padding:1.75rem;background:var(--tui-background-elevation-1)}.t-content:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.t-content>section{border-radius:inherit}.t-filler{flex-grow:1}.t-close{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:1rem;right:1rem}@supports (inset-inline-end: 0){.t-close{right:unset;inset-inline-end:1rem}}.t-buttons{margin-block-start:1.25rem;text-align:end}\n"] }]
|
|
64
|
+
}], ctorParameters: () => [] });
|
|
65
|
+
|
|
66
|
+
const TUI_DIALOG_DEFAULT_OPTIONS = {
|
|
67
|
+
appearance: '',
|
|
68
|
+
size: 'm',
|
|
69
|
+
required: false,
|
|
70
|
+
closable: true,
|
|
71
|
+
dismissible: true,
|
|
72
|
+
label: '',
|
|
73
|
+
header: '',
|
|
74
|
+
data: undefined,
|
|
75
|
+
};
|
|
76
|
+
/**
|
|
77
|
+
* Default parameters for dialog component
|
|
78
|
+
*/
|
|
79
|
+
const TUI_DIALOG_OPTIONS = new InjectionToken(ngDevMode ? 'TUI_DIALOG_OPTIONS' : '', {
|
|
80
|
+
factory: () => TUI_DIALOG_DEFAULT_OPTIONS,
|
|
81
|
+
});
|
|
82
|
+
function tuiDialogOptionsProvider(options) {
|
|
83
|
+
return tuiProvideOptions(TUI_DIALOG_OPTIONS, options, TUI_DIALOG_DEFAULT_OPTIONS);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
class TuiDialogService extends TuiPopoverService {
|
|
87
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiDialogService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
88
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiDialogService, providedIn: 'root', useFactory: () => new TuiDialogService(TUI_DIALOGS, TuiDialogComponent, inject(TUI_DIALOG_OPTIONS)) }); }
|
|
89
|
+
}
|
|
90
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiDialogService, decorators: [{
|
|
91
|
+
type: Injectable,
|
|
92
|
+
args: [{
|
|
93
|
+
providedIn: 'root',
|
|
94
|
+
useFactory: () => new TuiDialogService(TUI_DIALOGS, TuiDialogComponent, inject(TUI_DIALOG_OPTIONS)),
|
|
95
|
+
}]
|
|
96
|
+
}] });
|
|
97
|
+
|
|
98
|
+
class TuiDialog extends TuiPopoverDirective {
|
|
99
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiDialog, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
|
|
100
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiDialog, isStandalone: true, selector: "ng-template[tuiDialog]", inputs: { options: ["tuiDialogOptions", "options"], open: ["tuiDialog", "open"] }, outputs: { openChange: "tuiDialogChange" }, providers: [tuiAsPopover(TuiDialogService)], usesInheritance: true, ngImport: i0 }); }
|
|
101
|
+
}
|
|
102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiDialog, decorators: [{
|
|
103
|
+
type: Directive,
|
|
104
|
+
args: [{
|
|
105
|
+
standalone: true,
|
|
106
|
+
selector: 'ng-template[tuiDialog]',
|
|
107
|
+
inputs: ['options: tuiDialogOptions', 'open: tuiDialog'],
|
|
108
|
+
outputs: ['openChange: tuiDialogChange'],
|
|
109
|
+
providers: [tuiAsPopover(TuiDialogService)],
|
|
110
|
+
}]
|
|
111
|
+
}] });
|
|
112
|
+
|
|
113
|
+
function tuiDialog(component, { injector, ...options } = {}) {
|
|
114
|
+
if (!injector) {
|
|
115
|
+
assertInInjectionContext(tuiDialog);
|
|
116
|
+
injector = inject(INJECTOR);
|
|
117
|
+
}
|
|
118
|
+
const dialogService = injector.get(TuiDialogService);
|
|
119
|
+
return (data) => dialogService.open(new PolymorpheusComponent(component, injector), {
|
|
120
|
+
...options,
|
|
121
|
+
data,
|
|
122
|
+
});
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
/**
|
|
126
|
+
* Generated bundle index. Do not edit.
|
|
127
|
+
*/
|
|
128
|
+
|
|
129
|
+
export { TUI_DIALOG_DEFAULT_OPTIONS, TUI_DIALOG_OPTIONS, TuiDialog, TuiDialogComponent, TuiDialogService, tuiDialog, tuiDialogOptionsProvider };
|
|
130
|
+
//# sourceMappingURL=taiga-ui-legacy-components-dialog.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-legacy-components-dialog.mjs","sources":["../../../projects/legacy/components/dialog/dialog.component.ts","../../../projects/legacy/components/dialog/dialog.template.html","../../../projects/legacy/components/dialog/dialog.tokens.ts","../../../projects/legacy/components/dialog/dialog.service.ts","../../../projects/legacy/components/dialog/dialog.directive.ts","../../../projects/legacy/components/dialog/dialog.factory.ts","../../../projects/legacy/components/dialog/taiga-ui-legacy-components-dialog.ts"],"sourcesContent":["import {AsyncPipe} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, computed, inject} from '@angular/core';\nimport {takeUntilDestroyed, toSignal} from '@angular/core/rxjs-interop';\nimport {TUI_TRUE_HANDLER} from '@taiga-ui/cdk/constants';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {TuiAutoFocus} from '@taiga-ui/cdk/directives/auto-focus';\nimport {type TuiPopover} from '@taiga-ui/cdk/services';\nimport {TuiButton} from '@taiga-ui/core/components/button';\nimport {TUI_DIALOGS_CLOSE, TuiDialogCloseService} 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 {\n injectContext,\n type PolymorpheusContent,\n PolymorpheusOutlet,\n} from '@taiga-ui/polymorpheus';\nimport {\n exhaustMap,\n filter,\n isObservable,\n map,\n merge,\n type Observable,\n of,\n Subject,\n switchMap,\n take,\n} from 'rxjs';\n\nimport {type TuiDialogOptions, type TuiDialogSize} from './dialog.interfaces';\n\nconst REQUIRED_ERROR = new Error('Required dialog was dismissed');\n\nfunction toObservable<T>(valueOrStream: Observable<T> | T): Observable<T> {\n return isObservable(valueOrStream) ? valueOrStream : of(valueOrStream);\n}\n\n@Component({\n selector: 'tui-dialog-legacy',\n imports: [AsyncPipe, PolymorpheusOutlet, TuiAutoFocus, TuiButton],\n templateUrl: './dialog.template.html',\n styleUrls: ['./dialog.style.less'],\n // So we don't force OnPush on dialog content\n // eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection\n changeDetection: ChangeDetectionStrategy.Default,\n providers: [TuiDialogCloseService],\n hostDirectives: [TuiAnimated],\n host: {\n '[attr.data-appearance]': 'context.appearance',\n '[attr.data-size]': 'size',\n '[class._centered]': 'header',\n '[style.--tui-from]': 'from()',\n },\n})\nexport class TuiDialogComponent<O, I> {\n protected readonly close$ = new Subject<void>();\n protected readonly context = injectContext<TuiPopover<TuiDialogOptions<I>, O>>();\n protected readonly closeWord$ = inject(TUI_CLOSE_WORD);\n protected readonly icons = inject(TUI_COMMON_ICONS);\n protected readonly from = computed(() =>\n this.size === 'fullscreen' || this.size === 'page' || this.isMobile()\n ? 'translateY(100vh)'\n : 'translateY(2.5rem)',\n );\n\n protected readonly isMobile = toSignal(\n inject(TuiBreakpointService).pipe(map((breakpoint) => breakpoint === 'mobile')),\n );\n\n constructor() {\n merge(\n this.close$.pipe(switchMap(() => toObservable(this.context.closable))),\n inject(TuiDialogCloseService).pipe(\n exhaustMap(() => toObservable(this.context.dismissible).pipe(take(1))),\n ),\n inject(TUI_DIALOGS_CLOSE).pipe(map(TUI_TRUE_HANDLER)),\n )\n .pipe(filter(Boolean), takeUntilDestroyed())\n .subscribe(() => {\n this.close();\n });\n }\n\n protected get size(): TuiDialogSize {\n return this.context.size;\n }\n\n protected get header(): PolymorpheusContent<TuiPopover<TuiDialogOptions<I>, O>> {\n return this.context.header;\n }\n\n private close(): void {\n if (this.context.required) {\n this.context.$implicit.error(REQUIRED_ERROR);\n } else {\n this.context.$implicit.complete();\n }\n }\n}\n","@if (header) {\n <header class=\"t-header\">\n <ng-container *polymorpheusOutlet=\"header as text; context: context\">\n {{ text }}\n </ng-container>\n </header>\n}\n<div class=\"t-content\">\n <h2\n class=\"t-heading\"\n [class.t-heading_closable]=\"context.closable && !header\"\n [id]=\"context.id\"\n [textContent]=\"context.label\"\n ></h2>\n <section>\n <ng-container *polymorpheusOutlet=\"context.content as text; context: context\">\n <div [innerHTML]=\"text\"></div>\n @if (context.closable || context.dismissible) {\n <div class=\"t-buttons\">\n <button\n size=\"m\"\n tuiAutoFocus\n tuiButton\n type=\"button\"\n (click)=\"context.$implicit.complete()\"\n >\n {{ context.data?.button || 'OK' }}\n </button>\n </div>\n }\n </ng-container>\n </section>\n</div>\n<div class=\"t-filler\"></div>\n\n<!-- Close button is insensitive to `context.closable === Observable<false>` by design -->\n@if (context.closable) {\n <button\n automation-id=\"tui-dialog__close\"\n tuiIconButton\n type=\"button\"\n class=\"t-close\"\n [appearance]=\"isMobile() ? 'icon' : 'neutral'\"\n [iconStart]=\"icons.close\"\n [size]=\"isMobile() ? 'xs' : 's'\"\n [style.border-radius.%]=\"100\"\n (click)=\"close$.next()\"\n (mousedown.prevent.zoneless)=\"(0)\"\n >\n {{ closeWord$ | async }}\n </button>\n}\n","import {InjectionToken, type Provider} from '@angular/core';\nimport {tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\n\nimport {type TuiDialogOptions} from './dialog.interfaces';\n\nexport const TUI_DIALOG_DEFAULT_OPTIONS: TuiDialogOptions<void> = {\n appearance: '',\n size: 'm',\n required: false,\n closable: true,\n dismissible: true,\n label: '',\n header: '',\n data: undefined,\n};\n\n/**\n * Default parameters for dialog component\n */\nexport const TUI_DIALOG_OPTIONS = new InjectionToken(\n ngDevMode ? 'TUI_DIALOG_OPTIONS' : '',\n {\n factory: () => TUI_DIALOG_DEFAULT_OPTIONS,\n },\n);\n\nexport function tuiDialogOptionsProvider(\n options: Partial<TuiDialogOptions<unknown>>,\n): Provider {\n return tuiProvideOptions(TUI_DIALOG_OPTIONS, options, TUI_DIALOG_DEFAULT_OPTIONS);\n}\n","import {inject, Injectable} from '@angular/core';\nimport {TuiPopoverService} from '@taiga-ui/cdk/services';\nimport {TUI_DIALOGS} from '@taiga-ui/core/components/dialog';\n\nimport {TuiDialogComponent} from './dialog.component';\nimport {type TuiDialogOptions} from './dialog.interfaces';\nimport {TUI_DIALOG_OPTIONS} from './dialog.tokens';\n\n@Injectable({\n providedIn: 'root',\n useFactory: () =>\n new TuiDialogService(TUI_DIALOGS, TuiDialogComponent, inject(TUI_DIALOG_OPTIONS)),\n})\nexport class TuiDialogService extends TuiPopoverService<TuiDialogOptions<any>> {}\n","import {Directive} from '@angular/core';\nimport {TuiPopoverDirective} from '@taiga-ui/cdk/directives/popover';\nimport {tuiAsPopover} from '@taiga-ui/cdk/services';\n\nimport {type TuiDialogOptions} from './dialog.interfaces';\nimport {TuiDialogService} from './dialog.service';\n\n@Directive({\n standalone: true,\n selector: 'ng-template[tuiDialog]',\n inputs: ['options: tuiDialogOptions', 'open: tuiDialog'],\n outputs: ['openChange: tuiDialogChange'],\n providers: [tuiAsPopover(TuiDialogService)],\n})\nexport class TuiDialog<T> extends TuiPopoverDirective<TuiDialogOptions<T>> {}\n","import {assertInInjectionContext, inject, INJECTOR, type Injector} from '@angular/core';\nimport {PolymorpheusComponent} from '@taiga-ui/polymorpheus';\nimport {type Observable} from 'rxjs';\n\nimport {type TuiDialogContext, type TuiDialogOptions} from './dialog.interfaces';\nimport {TuiDialogService} from './dialog.service';\n\ntype SingleUnionOrNever<T, U = T> = [T] extends [never]\n ? never\n : T extends U\n ? [U] extends [T]\n ? T\n : never\n : never;\n\ntype ReplaceAny<T> = 0 extends T & 1 ? void : T;\n\ntype ContextKeys<T> = {\n [K in keyof T]: ReplaceAny<T[K]> extends TuiDialogContext<any, any> | null\n ? K\n : never;\n}[keyof T];\n\ntype AssertNotMultipleContexts<T, K extends keyof T> = [K] extends [never]\n ? new (...args: any[]) => T\n : [SingleUnionOrNever<K>] extends [never]\n ? 'Component has multiple context. Cannot determine the type...'\n : new (...args: any[]) => T;\n\ntype ExtractDialogData<T, K extends keyof T = ContextKeys<T>> = [K] extends [never]\n ? void\n : [SingleUnionOrNever<K>] extends [never]\n ? never\n : T[K] extends TuiDialogContext<any, infer D> | null\n ? D\n : void;\n\ntype ExtractDialogResult<T, K extends keyof T = ContextKeys<T>> = [K] extends [never]\n ? void\n : [SingleUnionOrNever<K>] extends [never]\n ? never\n : T[K] extends TuiDialogContext<infer R, any> | null\n ? R\n : void;\n\ntype Options<T> = Omit<TuiDialogOptions<T>, 'data'> & {injector: Injector};\n\nexport function tuiDialog<\n T,\n K extends ContextKeys<T>,\n D extends ExtractDialogData<T, K>,\n R extends ExtractDialogResult<T, K>,\n>(\n component: AssertNotMultipleContexts<T, K>,\n {injector, ...options}: Partial<Options<D>> = {},\n): (data: D) => Observable<R> {\n if (!injector) {\n assertInInjectionContext(tuiDialog);\n injector = inject(INJECTOR);\n }\n\n const dialogService = injector.get(TuiDialogService);\n\n return (data) =>\n dialogService.open(\n new PolymorpheusComponent(component as new () => T, injector),\n {\n ...options,\n data,\n },\n );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
export * from '@taiga-ui/legacy/components/arrow';
|
|
2
|
-
export * from '@taiga-ui/legacy/components/color-selector';
|
|
3
2
|
export * from '@taiga-ui/legacy/components/combo-box';
|
|
3
|
+
export * from '@taiga-ui/legacy/components/dialog';
|
|
4
4
|
export * from '@taiga-ui/legacy/components/input';
|
|
5
|
-
export * from '@taiga-ui/legacy/components/input-color';
|
|
6
|
-
export * from '@taiga-ui/legacy/components/input-date';
|
|
7
5
|
export * from '@taiga-ui/legacy/components/input-date-range';
|
|
8
6
|
export * from '@taiga-ui/legacy/components/input-date-time';
|
|
9
7
|
export * from '@taiga-ui/legacy/components/input-month-range';
|
|
@@ -11,13 +9,11 @@ export * from '@taiga-ui/legacy/components/input-number';
|
|
|
11
9
|
export * from '@taiga-ui/legacy/components/input-range';
|
|
12
10
|
export * from '@taiga-ui/legacy/components/input-slider';
|
|
13
11
|
export * from '@taiga-ui/legacy/components/input-tag';
|
|
14
|
-
export * from '@taiga-ui/legacy/components/input-time';
|
|
15
12
|
export * from '@taiga-ui/legacy/components/multi-select';
|
|
16
13
|
export * from '@taiga-ui/legacy/components/multi-select-option';
|
|
17
14
|
export * from '@taiga-ui/legacy/components/primitive-textfield';
|
|
18
15
|
export * from '@taiga-ui/legacy/components/select';
|
|
19
16
|
export * from '@taiga-ui/legacy/components/select-option';
|
|
20
|
-
export * from '@taiga-ui/legacy/components/svg';
|
|
21
17
|
export * from '@taiga-ui/legacy/components/tag';
|
|
22
18
|
export * from '@taiga-ui/legacy/components/textarea';
|
|
23
19
|
export * from '@taiga-ui/legacy/components/tooltip';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-legacy-components.mjs","sources":["../../../projects/legacy/components/taiga-ui-legacy-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"taiga-ui-legacy-components.mjs","sources":["../../../projects/legacy/components/taiga-ui-legacy-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AAEG"}
|
|
@@ -2,7 +2,6 @@ export * from '@taiga-ui/legacy/classes';
|
|
|
2
2
|
export * from '@taiga-ui/legacy/components';
|
|
3
3
|
export * from '@taiga-ui/legacy/directives';
|
|
4
4
|
export * from '@taiga-ui/legacy/pipes';
|
|
5
|
-
export * from '@taiga-ui/legacy/services';
|
|
6
5
|
export * from '@taiga-ui/legacy/tokens';
|
|
7
6
|
export * from '@taiga-ui/legacy/utils';
|
|
8
7
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-legacy.mjs","sources":["../../../projects/legacy/taiga-ui-legacy.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"taiga-ui-legacy.mjs","sources":["../../../projects/legacy/taiga-ui-legacy.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;AAEG"}
|
package/index.d.ts
CHANGED
|
@@ -2,6 +2,5 @@ export * from '@taiga-ui/legacy/classes';
|
|
|
2
2
|
export * from '@taiga-ui/legacy/components';
|
|
3
3
|
export * from '@taiga-ui/legacy/directives';
|
|
4
4
|
export * from '@taiga-ui/legacy/pipes';
|
|
5
|
-
export * from '@taiga-ui/legacy/services';
|
|
6
5
|
export * from '@taiga-ui/legacy/tokens';
|
|
7
6
|
export * from '@taiga-ui/legacy/utils';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/legacy",
|
|
3
|
-
"version": "4.52.0-canary.
|
|
3
|
+
"version": "4.52.0-canary.24b31eb",
|
|
4
4
|
"description": "Legacy Taiga UI entities from the previous major release to simplify migration",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"legacy",
|
|
@@ -23,22 +23,18 @@
|
|
|
23
23
|
"types": "./classes/index.d.ts",
|
|
24
24
|
"default": "./fesm2022/taiga-ui-legacy-classes.mjs"
|
|
25
25
|
},
|
|
26
|
-
"./directives": {
|
|
27
|
-
"types": "./directives/index.d.ts",
|
|
28
|
-
"default": "./fesm2022/taiga-ui-legacy-directives.mjs"
|
|
29
|
-
},
|
|
30
26
|
"./components": {
|
|
31
27
|
"types": "./components/index.d.ts",
|
|
32
28
|
"default": "./fesm2022/taiga-ui-legacy-components.mjs"
|
|
33
29
|
},
|
|
30
|
+
"./directives": {
|
|
31
|
+
"types": "./directives/index.d.ts",
|
|
32
|
+
"default": "./fesm2022/taiga-ui-legacy-directives.mjs"
|
|
33
|
+
},
|
|
34
34
|
"./pipes": {
|
|
35
35
|
"types": "./pipes/index.d.ts",
|
|
36
36
|
"default": "./fesm2022/taiga-ui-legacy-pipes.mjs"
|
|
37
37
|
},
|
|
38
|
-
"./services": {
|
|
39
|
-
"types": "./services/index.d.ts",
|
|
40
|
-
"default": "./fesm2022/taiga-ui-legacy-services.mjs"
|
|
41
|
-
},
|
|
42
38
|
"./tokens": {
|
|
43
39
|
"types": "./tokens/index.d.ts",
|
|
44
40
|
"default": "./fesm2022/taiga-ui-legacy-tokens.mjs"
|
|
@@ -47,50 +43,22 @@
|
|
|
47
43
|
"types": "./utils/index.d.ts",
|
|
48
44
|
"default": "./fesm2022/taiga-ui-legacy-utils.mjs"
|
|
49
45
|
},
|
|
50
|
-
"./directives/legacy-dropdown-open-monitor": {
|
|
51
|
-
"types": "./directives/legacy-dropdown-open-monitor/index.d.ts",
|
|
52
|
-
"default": "./fesm2022/taiga-ui-legacy-directives-legacy-dropdown-open-monitor.mjs"
|
|
53
|
-
},
|
|
54
|
-
"./directives/textfield-controller": {
|
|
55
|
-
"types": "./directives/textfield-controller/index.d.ts",
|
|
56
|
-
"default": "./fesm2022/taiga-ui-legacy-directives-textfield-controller.mjs"
|
|
57
|
-
},
|
|
58
|
-
"./directives/unfinished-validator": {
|
|
59
|
-
"types": "./directives/unfinished-validator/index.d.ts",
|
|
60
|
-
"default": "./fesm2022/taiga-ui-legacy-directives-unfinished-validator.mjs"
|
|
61
|
-
},
|
|
62
|
-
"./directives/value-accessor": {
|
|
63
|
-
"types": "./directives/value-accessor/index.d.ts",
|
|
64
|
-
"default": "./fesm2022/taiga-ui-legacy-directives-value-accessor.mjs"
|
|
65
|
-
},
|
|
66
|
-
"./directives/wrapper": {
|
|
67
|
-
"types": "./directives/wrapper/index.d.ts",
|
|
68
|
-
"default": "./fesm2022/taiga-ui-legacy-directives-wrapper.mjs"
|
|
69
|
-
},
|
|
70
46
|
"./components/arrow": {
|
|
71
47
|
"types": "./components/arrow/index.d.ts",
|
|
72
48
|
"default": "./fesm2022/taiga-ui-legacy-components-arrow.mjs"
|
|
73
49
|
},
|
|
74
|
-
"./components/color-selector": {
|
|
75
|
-
"types": "./components/color-selector/index.d.ts",
|
|
76
|
-
"default": "./fesm2022/taiga-ui-legacy-components-color-selector.mjs"
|
|
77
|
-
},
|
|
78
50
|
"./components/combo-box": {
|
|
79
51
|
"types": "./components/combo-box/index.d.ts",
|
|
80
52
|
"default": "./fesm2022/taiga-ui-legacy-components-combo-box.mjs"
|
|
81
53
|
},
|
|
54
|
+
"./components/dialog": {
|
|
55
|
+
"types": "./components/dialog/index.d.ts",
|
|
56
|
+
"default": "./fesm2022/taiga-ui-legacy-components-dialog.mjs"
|
|
57
|
+
},
|
|
82
58
|
"./components/input": {
|
|
83
59
|
"types": "./components/input/index.d.ts",
|
|
84
60
|
"default": "./fesm2022/taiga-ui-legacy-components-input.mjs"
|
|
85
61
|
},
|
|
86
|
-
"./components/input-color": {
|
|
87
|
-
"types": "./components/input-color/index.d.ts",
|
|
88
|
-
"default": "./fesm2022/taiga-ui-legacy-components-input-color.mjs"
|
|
89
|
-
},
|
|
90
|
-
"./components/input-date": {
|
|
91
|
-
"types": "./components/input-date/index.d.ts",
|
|
92
|
-
"default": "./fesm2022/taiga-ui-legacy-components-input-date.mjs"
|
|
93
|
-
},
|
|
94
62
|
"./components/input-date-range": {
|
|
95
63
|
"types": "./components/input-date-range/index.d.ts",
|
|
96
64
|
"default": "./fesm2022/taiga-ui-legacy-components-input-date-range.mjs"
|
|
@@ -119,10 +87,6 @@
|
|
|
119
87
|
"types": "./components/input-tag/index.d.ts",
|
|
120
88
|
"default": "./fesm2022/taiga-ui-legacy-components-input-tag.mjs"
|
|
121
89
|
},
|
|
122
|
-
"./components/input-time": {
|
|
123
|
-
"types": "./components/input-time/index.d.ts",
|
|
124
|
-
"default": "./fesm2022/taiga-ui-legacy-components-input-time.mjs"
|
|
125
|
-
},
|
|
126
90
|
"./components/multi-select": {
|
|
127
91
|
"types": "./components/multi-select/index.d.ts",
|
|
128
92
|
"default": "./fesm2022/taiga-ui-legacy-components-multi-select.mjs"
|
|
@@ -143,21 +107,37 @@
|
|
|
143
107
|
"types": "./components/select-option/index.d.ts",
|
|
144
108
|
"default": "./fesm2022/taiga-ui-legacy-components-select-option.mjs"
|
|
145
109
|
},
|
|
146
|
-
"./components/svg": {
|
|
147
|
-
"types": "./components/svg/index.d.ts",
|
|
148
|
-
"default": "./fesm2022/taiga-ui-legacy-components-svg.mjs"
|
|
149
|
-
},
|
|
150
110
|
"./components/tag": {
|
|
151
111
|
"types": "./components/tag/index.d.ts",
|
|
152
112
|
"default": "./fesm2022/taiga-ui-legacy-components-tag.mjs"
|
|
153
113
|
},
|
|
114
|
+
"./components/textarea": {
|
|
115
|
+
"types": "./components/textarea/index.d.ts",
|
|
116
|
+
"default": "./fesm2022/taiga-ui-legacy-components-textarea.mjs"
|
|
117
|
+
},
|
|
154
118
|
"./components/tooltip": {
|
|
155
119
|
"types": "./components/tooltip/index.d.ts",
|
|
156
120
|
"default": "./fesm2022/taiga-ui-legacy-components-tooltip.mjs"
|
|
157
121
|
},
|
|
158
|
-
"./
|
|
159
|
-
"types": "./
|
|
160
|
-
"default": "./fesm2022/taiga-ui-legacy-
|
|
122
|
+
"./directives/legacy-dropdown-open-monitor": {
|
|
123
|
+
"types": "./directives/legacy-dropdown-open-monitor/index.d.ts",
|
|
124
|
+
"default": "./fesm2022/taiga-ui-legacy-directives-legacy-dropdown-open-monitor.mjs"
|
|
125
|
+
},
|
|
126
|
+
"./directives/textfield-controller": {
|
|
127
|
+
"types": "./directives/textfield-controller/index.d.ts",
|
|
128
|
+
"default": "./fesm2022/taiga-ui-legacy-directives-textfield-controller.mjs"
|
|
129
|
+
},
|
|
130
|
+
"./directives/unfinished-validator": {
|
|
131
|
+
"types": "./directives/unfinished-validator/index.d.ts",
|
|
132
|
+
"default": "./fesm2022/taiga-ui-legacy-directives-unfinished-validator.mjs"
|
|
133
|
+
},
|
|
134
|
+
"./directives/value-accessor": {
|
|
135
|
+
"types": "./directives/value-accessor/index.d.ts",
|
|
136
|
+
"default": "./fesm2022/taiga-ui-legacy-directives-value-accessor.mjs"
|
|
137
|
+
},
|
|
138
|
+
"./directives/wrapper": {
|
|
139
|
+
"types": "./directives/wrapper/index.d.ts",
|
|
140
|
+
"default": "./fesm2022/taiga-ui-legacy-directives-wrapper.mjs"
|
|
161
141
|
},
|
|
162
142
|
"./pipes/format-phone": {
|
|
163
143
|
"types": "./pipes/format-phone/index.d.ts",
|
|
@@ -2,7 +2,7 @@ import { type TuiStringHandler } from '@taiga-ui/cdk/types';
|
|
|
2
2
|
/**
|
|
3
3
|
* @deprecated: drop in v5.0
|
|
4
4
|
*/
|
|
5
|
-
export declare const TUI_CACHE_BUSTING_PAYLOAD: "?v=4.52.0-canary.
|
|
5
|
+
export declare const TUI_CACHE_BUSTING_PAYLOAD: "?v=4.52.0-canary.24b31eb";
|
|
6
6
|
/**
|
|
7
7
|
* @deprecated: drop in v5.0
|
|
8
8
|
*/
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { type MaskitoOptions } from '@maskito/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class TuiColorEditComponent {
|
|
5
|
-
color: [number, number, number, number];
|
|
6
|
-
readonly colorChange: EventEmitter<[number, number, number, number]>;
|
|
7
|
-
readonly hexMask: MaskitoOptions;
|
|
8
|
-
readonly modes: string[];
|
|
9
|
-
mode: string | undefined;
|
|
10
|
-
get isHex(): boolean;
|
|
11
|
-
get hex(): string;
|
|
12
|
-
get opacity(): number;
|
|
13
|
-
onHexChange(hex: string): void;
|
|
14
|
-
onRgbChange(...rgba: [number, number, number, number]): void;
|
|
15
|
-
private updateColor;
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiColorEditComponent, never>;
|
|
17
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiColorEditComponent, "tui-color-edit", never, { "color": { "alias": "color"; "required": false; }; }, { "colorChange": "colorChange"; }, never, never, false, never>;
|
|
18
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./color-edit.component";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "@angular/forms";
|
|
5
|
-
import * as i4 from "@maskito/angular";
|
|
6
|
-
import * as i5 from "@taiga-ui/legacy/components/primitive-textfield";
|
|
7
|
-
import * as i6 from "@taiga-ui/legacy/directives/textfield-controller";
|
|
8
|
-
import * as i7 from "@taiga-ui/legacy/components/input-number";
|
|
9
|
-
import * as i8 from "@taiga-ui/legacy/components/select";
|
|
10
|
-
import * as i9 from "@taiga-ui/core/directives/dropdown";
|
|
11
|
-
import * as i10 from "@taiga-ui/core/components/data-list";
|
|
12
|
-
import * as i11 from "@taiga-ui/core/components/button";
|
|
13
|
-
/**
|
|
14
|
-
* TODO(v5): delete it
|
|
15
|
-
* @deprecated use new version of {@link https://taiga-ui.dev/components/input-color TuiInputColor} (from @taiga-ui/kit) instead
|
|
16
|
-
*/
|
|
17
|
-
export declare class TuiColorEditModule {
|
|
18
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiColorEditModule, never>;
|
|
19
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<TuiColorEditModule, [typeof i1.TuiColorEditComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.MaskitoDirective, typeof i5.TuiPrimitiveTextfieldModule, typeof i6.TuiTextfieldControllerModule, typeof i7.TuiInputNumberModule, typeof i8.TuiSelectModule, typeof i9.TuiDropdownOptionsDirective, typeof i9.TuiDropdownDriverDirective, typeof i9.TuiDropdownDirective, typeof i9.TuiDropdownComponent, typeof i9.TuiDropdownOpen, typeof i9.TuiDropdownOpenLegacy, typeof i9.TuiDropdownPortal, typeof i9.TuiDropdownManual, typeof i9.TuiDropdownHover, typeof i9.TuiDropdownContext, typeof i9.TuiDropdownPosition, typeof i9.TuiDropdownPositionSided, typeof i9.TuiDropdownSelection, typeof i10.TuiDataListComponent, typeof i10.TuiDataListDirective, typeof i10.TuiOption, typeof i10.TuiOptionNew, typeof i10.TuiOptionWithValue, typeof i10.TuiOptGroup, typeof i11.TuiButton], [typeof i1.TuiColorEditComponent, typeof i9.TuiDropdownOptionsDirective, typeof i9.TuiDropdownDriverDirective, typeof i9.TuiDropdownDirective, typeof i9.TuiDropdownComponent, typeof i9.TuiDropdownOpen, typeof i9.TuiDropdownOpenLegacy, typeof i9.TuiDropdownPortal, typeof i9.TuiDropdownManual, typeof i9.TuiDropdownHover, typeof i9.TuiDropdownContext, typeof i9.TuiDropdownPosition, typeof i9.TuiDropdownPositionSided, typeof i9.TuiDropdownSelection, typeof i10.TuiDataListComponent, typeof i10.TuiDataListDirective, typeof i10.TuiOption, typeof i10.TuiOptionNew, typeof i10.TuiOptionWithValue, typeof i10.TuiOptGroup]>;
|
|
20
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<TuiColorEditModule>;
|
|
21
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { type SafeStyle } from '@angular/platform-browser';
|
|
3
|
-
import { type TuiPoint } from '@taiga-ui/core/types';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class TuiColorPickerComponent {
|
|
6
|
-
private readonly sanitizer;
|
|
7
|
-
protected point: TuiPoint;
|
|
8
|
-
protected hue: number;
|
|
9
|
-
protected opacity: number;
|
|
10
|
-
readonly colorChange: EventEmitter<[h: number, s: number, v: number, opacity: number]>;
|
|
11
|
-
set color(color: [h: number, s: number, v: number, opacity: number]);
|
|
12
|
-
get currentColor(): [h: number, s: number, v: number];
|
|
13
|
-
get base(): string;
|
|
14
|
-
get gradient(): SafeStyle;
|
|
15
|
-
onPointChange(point: TuiPoint): void;
|
|
16
|
-
onHueChange(hue: number): void;
|
|
17
|
-
onOpacityChange(opacity: number): void;
|
|
18
|
-
private getCurrentColor;
|
|
19
|
-
private updateColor;
|
|
20
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiColorPickerComponent, never>;
|
|
21
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TuiColorPickerComponent, "tui-color-picker", never, { "color": { "alias": "color"; "required": false; }; }, { "colorChange": "colorChange"; }, never, never, false, never>;
|
|
22
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./color-picker.component";
|
|
3
|
-
import * as i2 from "@angular/common";
|
|
4
|
-
import * as i3 from "../flat-picker/flat-picker.module";
|
|
5
|
-
import * as i4 from "../linear-picker/linear-picker.module";
|
|
6
|
-
/**
|
|
7
|
-
* TODO(v5): delete it
|
|
8
|
-
* @deprecated use new version of {@link https://taiga-ui.dev/components/input-color TuiInputColor} (from @taiga-ui/kit) instead
|
|
9
|
-
*/
|
|
10
|
-
export declare class TuiColorPickerModule {
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TuiColorPickerModule, never>;
|
|
12
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<TuiColorPickerModule, [typeof i1.TuiColorPickerComponent], [typeof i2.CommonModule, typeof i3.TuiFlatPickerModule, typeof i4.TuiLinearPickerModule], [typeof i1.TuiColorPickerComponent]>;
|
|
13
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<TuiColorPickerModule>;
|
|
14
|
-
}
|