@taiga-ui/kit 4.74.0 → 4.74.1
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/shrink-wrap/shrink-wrap.directive.d.ts +1 -1
- package/components/toast/toast.directive.d.ts +3 -2
- package/esm2022/components/shrink-wrap/shrink-wrap.directive.mjs +3 -3
- package/esm2022/components/toast/toast.component.mjs +1 -1
- package/esm2022/components/toast/toast.directive.mjs +19 -9
- package/fesm2022/taiga-ui-kit-components-shrink-wrap.mjs +2 -2
- package/fesm2022/taiga-ui-kit-components-shrink-wrap.mjs.map +1 -1
- package/fesm2022/taiga-ui-kit-components-toast.mjs +19 -9
- package/fesm2022/taiga-ui-kit-components-toast.mjs.map +1 -1
- package/package.json +40 -40
- package/styles/components/toast.less +1 -1
|
@@ -3,5 +3,5 @@ export declare class TuiShrinkWrapDirective {
|
|
|
3
3
|
tuiShrinkWrap: string;
|
|
4
4
|
protected get size(): string;
|
|
5
5
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiShrinkWrapDirective, never>;
|
|
6
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiShrinkWrapDirective, "[tuiShrinkWrap]", never, { "tuiShrinkWrap": { "alias": "tuiShrinkWrap"; "required": false; }; }, {}, never, never, true, never>;
|
|
6
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiShrinkWrapDirective, "[tuiShrinkWrap]:not([tuiToast])", never, { "tuiShrinkWrap": { "alias": "tuiShrinkWrap"; "required": false; }; }, {}, never, never, true, never>;
|
|
7
7
|
}
|
|
@@ -2,8 +2,9 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
import * as i1 from "@taiga-ui/core/directives/icons";
|
|
3
3
|
import * as i2 from "@taiga-ui/kit/components/shrink-wrap";
|
|
4
4
|
export declare class TuiToastDirective {
|
|
5
|
+
tuiShrinkWrap: string;
|
|
5
6
|
protected readonly nothing: undefined;
|
|
6
|
-
protected readonly width: import("@angular/core").
|
|
7
|
+
protected readonly width: import("@angular/core").Signal<string>;
|
|
7
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiToastDirective, never>;
|
|
8
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiToastDirective, "[tuiToast]:not(ng-template)", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiShrinkWrapDirective; inputs: {}; outputs: {}; }]>;
|
|
9
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiToastDirective, "[tuiToast]:not(ng-template)", never, { "tuiShrinkWrap": { "alias": "tuiShrinkWrap"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiShrinkWrapDirective; inputs: { "tuiShrinkWrap": "tuiShrinkWrap"; }; outputs: {}; }]>;
|
|
9
10
|
}
|
|
@@ -8,14 +8,14 @@ class TuiShrinkWrapDirective {
|
|
|
8
8
|
return `calc(${this.tuiShrinkWrap || '100%'} + var(--t-shrink-wrap, 0px))`;
|
|
9
9
|
}
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiShrinkWrapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
11
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiShrinkWrapDirective, isStandalone: true, selector: "[tuiShrinkWrap]", inputs: { tuiShrinkWrap: "tuiShrinkWrap" }, host: { attributes: { "tuiShrinkWrap": "" }, properties: { "style.max-inline-size": "size" } }, ngImport: i0 }); }
|
|
11
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiShrinkWrapDirective, isStandalone: true, selector: "[tuiShrinkWrap]:not([tuiToast])", inputs: { tuiShrinkWrap: "tuiShrinkWrap" }, host: { attributes: { "tuiShrinkWrap": "" }, properties: { "style.max-inline-size": "size" } }, ngImport: i0 }); }
|
|
12
12
|
}
|
|
13
13
|
export { TuiShrinkWrapDirective };
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiShrinkWrapDirective, decorators: [{
|
|
15
15
|
type: Directive,
|
|
16
16
|
args: [{
|
|
17
17
|
standalone: true,
|
|
18
|
-
selector: '[tuiShrinkWrap]',
|
|
18
|
+
selector: '[tuiShrinkWrap]:not([tuiToast])',
|
|
19
19
|
host: {
|
|
20
20
|
tuiShrinkWrap: '',
|
|
21
21
|
'[style.max-inline-size]': 'size',
|
|
@@ -24,4 +24,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
24
24
|
}], propDecorators: { tuiShrinkWrap: [{
|
|
25
25
|
type: Input
|
|
26
26
|
}] } });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hyaW5rLXdyYXAuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvc2hyaW5rLXdyYXAvc2hyaW5rLXdyYXAuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQUUvQyxNQVFhLHNCQUFzQjtJQVJuQztRQVVXLGtCQUFhLEdBQUcsRUFBRSxDQUFDO0tBSzdCO0lBSEcsSUFBYyxJQUFJO1FBQ2QsT0FBTyxRQUFRLElBQUksQ0FBQyxhQUFhLElBQUksTUFBTSwrQkFBK0IsQ0FBQztJQUMvRSxDQUFDOytHQU5RLHNCQUFzQjttR0FBdEIsc0JBQXNCOztTQUF0QixzQkFBc0I7NEZBQXRCLHNCQUFzQjtrQkFSbEMsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLGlDQUFpQztvQkFDM0MsSUFBSSxFQUFFO3dCQUNGLGFBQWEsRUFBRSxFQUFFO3dCQUNqQix5QkFBeUIsRUFBRSxNQUFNO3FCQUNwQztpQkFDSjs4QkFHVSxhQUFhO3NCQURuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ1t0dWlTaHJpbmtXcmFwXTpub3QoW3R1aVRvYXN0XSknLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgdHVpU2hyaW5rV3JhcDogJycsXG4gICAgICAgICdbc3R5bGUubWF4LWlubGluZS1zaXplXSc6ICdzaXplJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlTaHJpbmtXcmFwRGlyZWN0aXZlIHtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyB0dWlTaHJpbmtXcmFwID0gJyc7XG5cbiAgICBwcm90ZWN0ZWQgZ2V0IHNpemUoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIGBjYWxjKCR7dGhpcy50dWlTaHJpbmtXcmFwIHx8ICcxMDAlJ30gKyB2YXIoLS10LXNocmluay13cmFwLCAwcHgpKWA7XG4gICAgfVxufVxuIl19
|
|
@@ -35,7 +35,7 @@ class TuiToastComponent {
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastComponent, isStandalone: true, selector: "tui-toast", host: { attributes: { "role": "status" }, properties: { "class._mobile": "isMobile", "attr.data-appearance": "context.appearance" } }, viewQueries: [{ propertyName: "button", first: true, predicate: TuiButton, descendants: true, read: ElementRef }], hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<div\n class=\"t-wrapper\"\n (tuiSwipe)=\"onSwipe()\"\n>\n <div\n *polymorpheusOutlet=\"context.content as text; context: context\"\n tuiToast\n [iconStart]=\"context.data?.toString() || ''\"\n >\n <tui-shrink-wrap><span [innerHTML]=\"text\"></span></tui-shrink-wrap>\n </div>\n <button\n *ngIf=\"context.closable && !isMobile\"\n appearance=\"icon\"\n size=\"xs\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n (click.stop.prevent)=\"context.$implicit.complete()\"\n >\n Close\n </button>\n</div>\n", styles: ["::ng-deep *:has(>tui-toast){flex-direction:column-reverse!important;justify-content:flex-end}:host{transition-property:grid-template-rows;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;top:1.25rem;display:grid;margin:0 auto;touch-action:none;animation-fill-mode:both;--tui-from: translate3d(0, -2rem, 0)}:host.tui-enter{place-items:end;animation-name:tuiSlide,tuiCollapse}:host.tui-leave{animation-name:tuiFade,tuiCollapse}:host.tui-leave:first-child{animation-name:tuiFade}:host._mobile{top:env(safe-area-inset-top)}:host._mobile.tui-enter{animation-delay:var(--tui-duration)}:host._mobile.tui-leave{place-items:end;animation-name:tuiSlide,tuiCollapse}.t-wrapper{grid-row:1 / span 2}.t-wrapper:before{content:\"\";display:block;block-size:.75rem}:host._mobile .t-wrapper:before{block-size:.25rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2.TuiShrinkWrapComponent, selector: "tui-shrink-wrap" }, { kind: "directive", type: TuiSwipe, selector: "[tuiSwipe]", outputs: ["tuiSwipe"] }, { kind: "directive", type: TuiToastDirective, selector: "[tuiToast]:not(ng-template)" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastComponent, isStandalone: true, selector: "tui-toast", host: { attributes: { "role": "status" }, properties: { "class._mobile": "isMobile", "attr.data-appearance": "context.appearance" } }, viewQueries: [{ propertyName: "button", first: true, predicate: TuiButton, descendants: true, read: ElementRef }], hostDirectives: [{ directive: i1.TuiAnimated }], ngImport: i0, template: "<div\n class=\"t-wrapper\"\n (tuiSwipe)=\"onSwipe()\"\n>\n <div\n *polymorpheusOutlet=\"context.content as text; context: context\"\n tuiToast\n [iconStart]=\"context.data?.toString() || ''\"\n >\n <tui-shrink-wrap><span [innerHTML]=\"text\"></span></tui-shrink-wrap>\n </div>\n <button\n *ngIf=\"context.closable && !isMobile\"\n appearance=\"icon\"\n size=\"xs\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n (click.stop.prevent)=\"context.$implicit.complete()\"\n >\n Close\n </button>\n</div>\n", styles: ["::ng-deep *:has(>tui-toast){flex-direction:column-reverse!important;justify-content:flex-end}:host{transition-property:grid-template-rows;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;top:1.25rem;display:grid;margin:0 auto;touch-action:none;animation-fill-mode:both;--tui-from: translate3d(0, -2rem, 0)}:host.tui-enter{place-items:end;animation-name:tuiSlide,tuiCollapse}:host.tui-leave{animation-name:tuiFade,tuiCollapse}:host.tui-leave:first-child{animation-name:tuiFade}:host._mobile{top:env(safe-area-inset-top)}:host._mobile.tui-enter{animation-delay:var(--tui-duration)}:host._mobile.tui-leave{place-items:end;animation-name:tuiSlide,tuiCollapse}.t-wrapper{grid-row:1 / span 2}.t-wrapper:before{content:\"\";display:block;block-size:.75rem}:host._mobile .t-wrapper:before{block-size:.25rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2.TuiShrinkWrapComponent, selector: "tui-shrink-wrap" }, { kind: "directive", type: TuiSwipe, selector: "[tuiSwipe]", outputs: ["tuiSwipe"] }, { kind: "directive", type: TuiToastDirective, selector: "[tuiToast]:not(ng-template)", inputs: ["tuiShrinkWrap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
39
39
|
}
|
|
40
40
|
export { TuiToastComponent };
|
|
41
41
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastComponent, decorators: [{
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
/* eslint-disable @typescript-eslint/member-ordering */
|
|
2
|
+
import { ChangeDetectionStrategy, Component, computed, Directive, ElementRef, inject, Input, ViewEncapsulation, } from '@angular/core';
|
|
2
3
|
import { TUI_PLATFORM } from '@taiga-ui/cdk/tokens';
|
|
3
4
|
import { tuiDirectiveBinding, tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
4
5
|
import { tuiButtonOptionsProvider } from '@taiga-ui/core/components';
|
|
@@ -12,21 +13,22 @@ import * as i1 from "@taiga-ui/core/directives/icons";
|
|
|
12
13
|
import * as i2 from "@taiga-ui/kit/components/shrink-wrap";
|
|
13
14
|
class TuiToastStyles {
|
|
14
15
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-toast" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiToast]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:-webkit-max-content;inline-size:max-content;font:var(--tui-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-toast" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiToast]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:-webkit-max-content;inline-size:max-content;font:var(--tui-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;white-space:pre-line;text-align:start;overflow:hidden}[tuiToast]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]>*:not(tui-shrink-wrap),[tuiToast]:after,[tuiToast]:before{max-inline-size:50%;margin:0 -.25rem}[tuiToast]:after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast] tui-avatar{margin-inline-end:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
16
17
|
}
|
|
17
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastStyles, decorators: [{
|
|
18
19
|
type: Component,
|
|
19
20
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
20
21
|
class: 'tui-toast',
|
|
21
|
-
}, styles: ["[tuiToast]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:-webkit-max-content;inline-size:max-content;font:var(--tui-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem
|
|
22
|
+
}, styles: ["[tuiToast]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:-webkit-max-content;inline-size:max-content;font:var(--tui-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;white-space:pre-line;text-align:start;overflow:hidden}[tuiToast]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]>*:not(tui-shrink-wrap),[tuiToast]:after,[tuiToast]:before{max-inline-size:50%;margin:0 -.25rem}[tuiToast]:after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast] tui-avatar{margin-inline-end:0}\n"] }]
|
|
22
23
|
}] });
|
|
23
24
|
class TuiToastDirective {
|
|
24
25
|
constructor() {
|
|
26
|
+
this.tuiShrinkWrap = 'min(calc(100vw - 2rem), 25rem)';
|
|
25
27
|
this.nothing = tuiWithStyles(TuiToastStyles);
|
|
26
|
-
this.width = tuiDirectiveBinding(TuiShrinkWrapDirective, 'tuiShrinkWrap',
|
|
28
|
+
this.width = tuiDirectiveBinding(TuiShrinkWrapDirective, 'tuiShrinkWrap', computed(() => this.tuiShrinkWrap));
|
|
27
29
|
}
|
|
28
30
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
29
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastDirective, isStandalone: true, selector: "[tuiToast]:not(ng-template)", providers: [
|
|
31
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastDirective, isStandalone: true, selector: "[tuiToast]:not(ng-template)", inputs: { tuiShrinkWrap: "tuiShrinkWrap" }, providers: [
|
|
30
32
|
tuiBadgeOptionsProvider({ size: 'l' }),
|
|
31
33
|
tuiAvatarOptionsProvider(() => ({
|
|
32
34
|
size: inject(TUI_PLATFORM) === 'web' ? 's' : 'm',
|
|
@@ -41,7 +43,7 @@ class TuiToastDirective {
|
|
|
41
43
|
? inject(TUI_COMMON_ICONS).more
|
|
42
44
|
: '',
|
|
43
45
|
},
|
|
44
|
-
], hostDirectives: [{ directive: i1.TuiWithIcons }, { directive: i2.TuiShrinkWrapDirective }], ngImport: i0 }); }
|
|
46
|
+
], hostDirectives: [{ directive: i1.TuiWithIcons }, { directive: i2.TuiShrinkWrapDirective, inputs: ["tuiShrinkWrap", "tuiShrinkWrap"] }], ngImport: i0 }); }
|
|
45
47
|
}
|
|
46
48
|
export { TuiToastDirective };
|
|
47
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastDirective, decorators: [{
|
|
@@ -65,7 +67,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
65
67
|
: '',
|
|
66
68
|
},
|
|
67
69
|
],
|
|
68
|
-
hostDirectives: [
|
|
70
|
+
hostDirectives: [
|
|
71
|
+
TuiWithIcons,
|
|
72
|
+
{
|
|
73
|
+
directive: TuiShrinkWrapDirective,
|
|
74
|
+
inputs: ['tuiShrinkWrap'],
|
|
75
|
+
},
|
|
76
|
+
],
|
|
69
77
|
}]
|
|
70
|
-
}]
|
|
71
|
-
|
|
78
|
+
}], propDecorators: { tuiShrinkWrap: [{
|
|
79
|
+
type: Input
|
|
80
|
+
}] } });
|
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2NvbXBvbmVudHMvdG9hc3QvdG9hc3QuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHVEQUF1RDtBQUN2RCxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxRQUFRLEVBQ1IsU0FBUyxFQUNULFVBQVUsRUFDVixNQUFNLEVBQ04sS0FBSyxFQUNMLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFDbEQsT0FBTyxFQUFDLG1CQUFtQixFQUFFLGFBQWEsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQ3JGLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQ25FLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQ0FBaUMsQ0FBQztBQUM3RCxPQUFPLEVBQUMsZ0JBQWdCLEVBQUUsWUFBWSxFQUFDLE1BQU0sdUJBQXVCLENBQUM7QUFDckUsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDekUsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDdkUsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sc0NBQXNDLENBQUM7Ozs7QUFFNUUsTUFVTSxjQUFjOytHQUFkLGNBQWM7bUdBQWQsY0FBYywrR0FSTixFQUFFOzs0RkFRVixjQUFjO2tCQVZuQixTQUFTO2lDQUNNLElBQUksWUFDTixFQUFFLGlCQUVHLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0YsS0FBSyxFQUFFLFdBQVc7cUJBQ3JCOztBQUlMLE1BNkJhLGlCQUFpQjtJQTdCOUI7UUErQlcsa0JBQWEsR0FBRyxnQ0FBZ0MsQ0FBQztRQUVyQyxZQUFPLEdBQUcsYUFBYSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ3hDLFVBQUssR0FBRyxtQkFBbUIsQ0FDMUMsc0JBQXNCLEVBQ3RCLGVBQWUsRUFDZixRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUNyQyxDQUFDO0tBQ0w7K0dBVlksaUJBQWlCO21HQUFqQixpQkFBaUIsc0hBMUJmO1lBQ1AsdUJBQXVCLENBQUMsRUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFDLENBQUM7WUFDcEMsd0JBQXdCLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQztnQkFDNUIsSUFBSSxFQUFFLE1BQU0sQ0FBQyxZQUFZLENBQUMsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRzthQUNuRCxDQUFDLENBQUM7WUFDSCx3QkFBd0IsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDO2dCQUM1QixJQUFJLEVBQUUsR0FBRztnQkFDVCxVQUFVLEVBQ04sTUFBTSxDQUFDLFlBQVksQ0FBQyxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLFdBQVc7YUFDM0UsQ0FBQyxDQUFDO1lBQ0g7Z0JBQ0ksT0FBTyxFQUFFLFlBQVk7Z0JBQ3JCLFVBQVUsRUFBRSxHQUFHLEVBQUUsQ0FDYixNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsYUFBYSxFQUFFLE9BQU8sQ0FBQyxXQUFXLENBQUM7b0JBQ2xELENBQUMsQ0FBQyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxJQUFJO29CQUMvQixDQUFDLENBQUMsRUFBRTthQUNmO1NBQ0o7O1NBU1EsaUJBQWlCOzRGQUFqQixpQkFBaUI7a0JBN0I3QixTQUFTO21CQUFDO29CQUNQLFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsNkJBQTZCO29CQUN2QyxTQUFTLEVBQUU7d0JBQ1AsdUJBQXVCLENBQUMsRUFBQyxJQUFJLEVBQUUsR0FBRyxFQUFDLENBQUM7d0JBQ3BDLHdCQUF3QixDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUM7NEJBQzVCLElBQUksRUFBRSxNQUFNLENBQUMsWUFBWSxDQUFDLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUc7eUJBQ25ELENBQUMsQ0FBQzt3QkFDSCx3QkFBd0IsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDOzRCQUM1QixJQUFJLEVBQUUsR0FBRzs0QkFDVCxVQUFVLEVBQ04sTUFBTSxDQUFDLFlBQVksQ0FBQyxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUMsQ0FBQyxDQUFDLFdBQVc7eUJBQzNFLENBQUMsQ0FBQzt3QkFDSDs0QkFDSSxPQUFPLEVBQUUsWUFBWTs0QkFDckIsVUFBVSxFQUFFLEdBQUcsRUFBRSxDQUNiLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxhQUFhLEVBQUUsT0FBTyxDQUFDLFdBQVcsQ0FBQztnQ0FDbEQsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLElBQUk7Z0NBQy9CLENBQUMsQ0FBQyxFQUFFO3lCQUNmO3FCQUNKO29CQUNELGNBQWMsRUFBRTt3QkFDWixZQUFZO3dCQUNaOzRCQUNJLFNBQVMsRUFBRSxzQkFBc0I7NEJBQ2pDLE1BQU0sRUFBRSxDQUFDLGVBQWUsQ0FBQzt5QkFDNUI7cUJBQ0o7aUJBQ0o7OEJBR1UsYUFBYTtzQkFEbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIEB0eXBlc2NyaXB0LWVzbGludC9tZW1iZXItb3JkZXJpbmcgKi9cbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIGNvbXB1dGVkLFxuICAgIERpcmVjdGl2ZSxcbiAgICBFbGVtZW50UmVmLFxuICAgIGluamVjdCxcbiAgICBJbnB1dCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1RVSV9QTEFURk9STX0gZnJvbSAnQHRhaWdhLXVpL2Nkay90b2tlbnMnO1xuaW1wb3J0IHt0dWlEaXJlY3RpdmVCaW5kaW5nLCB0dWlXaXRoU3R5bGVzfSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL21pc2NlbGxhbmVvdXMnO1xuaW1wb3J0IHt0dWlCdXR0b25PcHRpb25zUHJvdmlkZXJ9IGZyb20gJ0B0YWlnYS11aS9jb3JlL2NvbXBvbmVudHMnO1xuaW1wb3J0IHtUdWlXaXRoSWNvbnN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL2RpcmVjdGl2ZXMvaWNvbnMnO1xuaW1wb3J0IHtUVUlfQ09NTU9OX0lDT05TLCBUVUlfSUNPTl9FTkR9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3Rva2Vucyc7XG5pbXBvcnQge3R1aUF2YXRhck9wdGlvbnNQcm92aWRlcn0gZnJvbSAnQHRhaWdhLXVpL2tpdC9jb21wb25lbnRzL2F2YXRhcic7XG5pbXBvcnQge3R1aUJhZGdlT3B0aW9uc1Byb3ZpZGVyfSBmcm9tICdAdGFpZ2EtdWkva2l0L2NvbXBvbmVudHMvYmFkZ2UnO1xuaW1wb3J0IHtUdWlTaHJpbmtXcmFwRGlyZWN0aXZlfSBmcm9tICdAdGFpZ2EtdWkva2l0L2NvbXBvbmVudHMvc2hyaW5rLXdyYXAnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHRlbXBsYXRlOiAnJyxcbiAgICBzdHlsZXM6IFsnQGltcG9ydCBcIkB0YWlnYS11aS9raXQvc3R5bGVzL2NvbXBvbmVudHMvdG9hc3QubGVzc1wiOyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ3R1aS10b2FzdCcsXG4gICAgfSxcbn0pXG5jbGFzcyBUdWlUb2FzdFN0eWxlcyB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAnW3R1aVRvYXN0XTpub3QobmctdGVtcGxhdGUpJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgdHVpQmFkZ2VPcHRpb25zUHJvdmlkZXIoe3NpemU6ICdsJ30pLFxuICAgICAgICB0dWlBdmF0YXJPcHRpb25zUHJvdmlkZXIoKCkgPT4gKHtcbiAgICAgICAgICAgIHNpemU6IGluamVjdChUVUlfUExBVEZPUk0pID09PSAnd2ViJyA/ICdzJyA6ICdtJyxcbiAgICAgICAgfSkpLFxuICAgICAgICB0dWlCdXR0b25PcHRpb25zUHJvdmlkZXIoKCkgPT4gKHtcbiAgICAgICAgICAgIHNpemU6ICdzJyxcbiAgICAgICAgICAgIGFwcGVhcmFuY2U6XG4gICAgICAgICAgICAgICAgaW5qZWN0KFRVSV9QTEFURk9STSkgPT09ICd3ZWInID8gJ3NlY29uZGFyeS1ncmF5c2NhbGUnIDogJ3NlY29uZGFyeScsXG4gICAgICAgIH0pKSxcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogVFVJX0lDT05fRU5ELFxuICAgICAgICAgICAgdXNlRmFjdG9yeTogKCkgPT5cbiAgICAgICAgICAgICAgICBpbmplY3QoRWxlbWVudFJlZikubmF0aXZlRWxlbWVudD8ubWF0Y2hlcygnYSwgYnV0dG9uJylcbiAgICAgICAgICAgICAgICAgICAgPyBpbmplY3QoVFVJX0NPTU1PTl9JQ09OUykubW9yZVxuICAgICAgICAgICAgICAgICAgICA6ICcnLFxuICAgICAgICB9LFxuICAgIF0sXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICAgICAgVHVpV2l0aEljb25zLFxuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IFR1aVNocmlua1dyYXBEaXJlY3RpdmUsXG4gICAgICAgICAgICBpbnB1dHM6IFsndHVpU2hyaW5rV3JhcCddLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVRvYXN0RGlyZWN0aXZlIHtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyB0dWlTaHJpbmtXcmFwID0gJ21pbihjYWxjKDEwMHZ3IC0gMnJlbSksIDI1cmVtKSc7XG5cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgbm90aGluZyA9IHR1aVdpdGhTdHlsZXMoVHVpVG9hc3RTdHlsZXMpO1xuICAgIHByb3RlY3RlZCByZWFkb25seSB3aWR0aCA9IHR1aURpcmVjdGl2ZUJpbmRpbmcoXG4gICAgICAgIFR1aVNocmlua1dyYXBEaXJlY3RpdmUsXG4gICAgICAgICd0dWlTaHJpbmtXcmFwJyxcbiAgICAgICAgY29tcHV0ZWQoKCkgPT4gdGhpcy50dWlTaHJpbmtXcmFwKSxcbiAgICApO1xufVxuIl19
|
|
@@ -18,13 +18,13 @@ class TuiShrinkWrapDirective {
|
|
|
18
18
|
return `calc(${this.tuiShrinkWrap || '100%'} + var(--t-shrink-wrap, 0px))`;
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiShrinkWrapDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
21
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiShrinkWrapDirective, isStandalone: true, selector: "[tuiShrinkWrap]", inputs: { tuiShrinkWrap: "tuiShrinkWrap" }, host: { attributes: { "tuiShrinkWrap": "" }, properties: { "style.max-inline-size": "size" } }, ngImport: i0 }); }
|
|
21
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiShrinkWrapDirective, isStandalone: true, selector: "[tuiShrinkWrap]:not([tuiToast])", inputs: { tuiShrinkWrap: "tuiShrinkWrap" }, host: { attributes: { "tuiShrinkWrap": "" }, properties: { "style.max-inline-size": "size" } }, ngImport: i0 }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiShrinkWrapDirective, decorators: [{
|
|
24
24
|
type: Directive,
|
|
25
25
|
args: [{
|
|
26
26
|
standalone: true,
|
|
27
|
-
selector: '[tuiShrinkWrap]',
|
|
27
|
+
selector: '[tuiShrinkWrap]:not([tuiToast])',
|
|
28
28
|
host: {
|
|
29
29
|
tuiShrinkWrap: '',
|
|
30
30
|
'[style.max-inline-size]': 'size',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-kit-components-shrink-wrap.mjs","sources":["../../../projects/kit/components/shrink-wrap/shrink-wrap.component.ts","../../../projects/kit/components/shrink-wrap/shrink-wrap.directive.ts","../../../projects/kit/components/shrink-wrap/shrink-wrap.ts","../../../projects/kit/components/shrink-wrap/taiga-ui-kit-components-shrink-wrap.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n standalone: true,\n selector: 'tui-shrink-wrap',\n template: '<span><ng-content/></span>',\n styleUrls: ['./shrink-wrap.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiShrinkWrapComponent {}\n","import {Directive, Input} from '@angular/core';\n\n@Directive({\n standalone: true,\n selector: '[tuiShrinkWrap]',\n host: {\n tuiShrinkWrap: '',\n '[style.max-inline-size]': 'size',\n },\n})\nexport class TuiShrinkWrapDirective {\n @Input()\n public tuiShrinkWrap = '';\n\n protected get size(): string {\n return `calc(${this.tuiShrinkWrap || '100%'} + var(--t-shrink-wrap, 0px))`;\n }\n}\n","import {TuiShrinkWrapComponent} from './shrink-wrap.component';\nimport {TuiShrinkWrapDirective} from './shrink-wrap.directive';\n\nexport const TuiShrinkWrap = [TuiShrinkWrapDirective, TuiShrinkWrapComponent] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA,MAQa,sBAAsB,CAAA;+GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,2EALrB,4BAA4B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,y5BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FAK7B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;iCACM,IAAI,EAAA,QAAA,EACN,iBAAiB,EAAA,QAAA,EACjB,4BAA4B,EAAA,aAAA,EAEvB,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,y5BAAA,CAAA,EAAA,CAAA;;;ACNnD,MAQa,sBAAsB,CAAA;AARnC,IAAA,WAAA,GAAA;QAUW,IAAa,CAAA,aAAA,GAAG,EAAE,CAAC;AAK7B,KAAA;AAHG,IAAA,IAAc,IAAI,GAAA;AACd,QAAA,OAAO,QAAQ,IAAI,CAAC,aAAa,IAAI,MAAM,+BAA+B,CAAC;KAC9E;+GANQ,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,
|
|
1
|
+
{"version":3,"file":"taiga-ui-kit-components-shrink-wrap.mjs","sources":["../../../projects/kit/components/shrink-wrap/shrink-wrap.component.ts","../../../projects/kit/components/shrink-wrap/shrink-wrap.directive.ts","../../../projects/kit/components/shrink-wrap/shrink-wrap.ts","../../../projects/kit/components/shrink-wrap/taiga-ui-kit-components-shrink-wrap.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n standalone: true,\n selector: 'tui-shrink-wrap',\n template: '<span><ng-content/></span>',\n styleUrls: ['./shrink-wrap.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiShrinkWrapComponent {}\n","import {Directive, Input} from '@angular/core';\n\n@Directive({\n standalone: true,\n selector: '[tuiShrinkWrap]:not([tuiToast])',\n host: {\n tuiShrinkWrap: '',\n '[style.max-inline-size]': 'size',\n },\n})\nexport class TuiShrinkWrapDirective {\n @Input()\n public tuiShrinkWrap = '';\n\n protected get size(): string {\n return `calc(${this.tuiShrinkWrap || '100%'} + var(--t-shrink-wrap, 0px))`;\n }\n}\n","import {TuiShrinkWrapComponent} from './shrink-wrap.component';\nimport {TuiShrinkWrapDirective} from './shrink-wrap.directive';\n\nexport const TuiShrinkWrap = [TuiShrinkWrapDirective, TuiShrinkWrapComponent] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAEA,MAQa,sBAAsB,CAAA;+GAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,2EALrB,4BAA4B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,y5BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FAK7B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;iCACM,IAAI,EAAA,QAAA,EACN,iBAAiB,EAAA,QAAA,EACjB,4BAA4B,EAAA,aAAA,EAEvB,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,y5BAAA,CAAA,EAAA,CAAA;;;ACNnD,MAQa,sBAAsB,CAAA;AARnC,IAAA,WAAA,GAAA;QAUW,IAAa,CAAA,aAAA,GAAG,EAAE,CAAC;AAK7B,KAAA;AAHG,IAAA,IAAc,IAAI,GAAA;AACd,QAAA,OAAO,QAAQ,IAAI,CAAC,aAAa,IAAI,MAAM,+BAA+B,CAAC;KAC9E;+GANQ,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,iCAAiC;AAC3C,oBAAA,IAAI,EAAE;AACF,wBAAA,aAAa,EAAE,EAAE;AACjB,wBAAA,yBAAyB,EAAE,MAAM;AACpC,qBAAA;AACJ,iBAAA,CAAA;8BAGU,aAAa,EAAA,CAAA;sBADnB,KAAK;;;MCRG,aAAa,GAAG,CAAC,sBAAsB,EAAE,sBAAsB;;ACH5E;;AAEG;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ViewEncapsulation, ChangeDetectionStrategy, inject, ElementRef, Directive, ViewChild, Injectable } from '@angular/core';
|
|
2
|
+
import { Component, ViewEncapsulation, ChangeDetectionStrategy, computed, inject, ElementRef, Directive, Input, ViewChild, Injectable } from '@angular/core';
|
|
3
3
|
import { TUI_PLATFORM, TUI_IS_MOBILE } from '@taiga-ui/cdk/tokens';
|
|
4
4
|
import { tuiWithStyles, tuiDirectiveBinding, tuiCreateTokenFromFactory } from '@taiga-ui/cdk/utils/miscellaneous';
|
|
5
5
|
import { tuiButtonOptionsProvider } from '@taiga-ui/core/components';
|
|
@@ -24,23 +24,25 @@ import { TuiButton } from '@taiga-ui/core/components/button';
|
|
|
24
24
|
import { injectContext, PolymorpheusOutlet } from '@taiga-ui/polymorpheus';
|
|
25
25
|
import { tuiCreateOptions } from '@taiga-ui/cdk/utils/di';
|
|
26
26
|
|
|
27
|
+
/* eslint-disable @typescript-eslint/member-ordering */
|
|
27
28
|
class TuiToastStyles {
|
|
28
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-toast" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiToast]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:-webkit-max-content;inline-size:max-content;font:var(--tui-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-toast" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiToast]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:-webkit-max-content;inline-size:max-content;font:var(--tui-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;white-space:pre-line;text-align:start;overflow:hidden}[tuiToast]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]>*:not(tui-shrink-wrap),[tuiToast]:after,[tuiToast]:before{max-inline-size:50%;margin:0 -.25rem}[tuiToast]:after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast] tui-avatar{margin-inline-end:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
30
31
|
}
|
|
31
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastStyles, decorators: [{
|
|
32
33
|
type: Component,
|
|
33
34
|
args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
34
35
|
class: 'tui-toast',
|
|
35
|
-
}, styles: ["[tuiToast]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:-webkit-max-content;inline-size:max-content;font:var(--tui-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem
|
|
36
|
+
}, styles: ["[tuiToast]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:flex;grid-row:1 / span 2;box-sizing:border-box;gap:.75rem;color:var(--tui-text-primary);background:var(--tui-background-elevation-3);min-block-size:3.5rem;border-radius:1rem;padding:.75rem 1rem;box-shadow:var(--tui-shadow-medium);align-items:center;justify-content:center;inline-size:-webkit-max-content;inline-size:max-content;font:var(--tui-font-text-ui-s);max-inline-size:min(calc(100vw - 2rem),25rem);border:inherit;text-decoration:none;white-space:pre-line;text-align:start;overflow:hidden}[tuiToast]:matches(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]:is(a,button,select,textarea,input,label,.tui-interactive):not(:disabled){cursor:pointer}[tuiToast]>*:not(tui-shrink-wrap),[tuiToast]:after,[tuiToast]:before{max-inline-size:50%;margin:0 -.25rem}[tuiToast]:after{font-size:1rem;color:var(--tui-text-tertiary)}[tuiToast] tui-avatar{margin-inline-end:0}\n"] }]
|
|
36
37
|
}] });
|
|
37
38
|
class TuiToastDirective {
|
|
38
39
|
constructor() {
|
|
40
|
+
this.tuiShrinkWrap = 'min(calc(100vw - 2rem), 25rem)';
|
|
39
41
|
this.nothing = tuiWithStyles(TuiToastStyles);
|
|
40
|
-
this.width = tuiDirectiveBinding(TuiShrinkWrapDirective, 'tuiShrinkWrap',
|
|
42
|
+
this.width = tuiDirectiveBinding(TuiShrinkWrapDirective, 'tuiShrinkWrap', computed(() => this.tuiShrinkWrap));
|
|
41
43
|
}
|
|
42
44
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
43
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastDirective, isStandalone: true, selector: "[tuiToast]:not(ng-template)", providers: [
|
|
45
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastDirective, isStandalone: true, selector: "[tuiToast]:not(ng-template)", inputs: { tuiShrinkWrap: "tuiShrinkWrap" }, providers: [
|
|
44
46
|
tuiBadgeOptionsProvider({ size: 'l' }),
|
|
45
47
|
tuiAvatarOptionsProvider(() => ({
|
|
46
48
|
size: inject(TUI_PLATFORM) === 'web' ? 's' : 'm',
|
|
@@ -55,7 +57,7 @@ class TuiToastDirective {
|
|
|
55
57
|
? inject(TUI_COMMON_ICONS).more
|
|
56
58
|
: '',
|
|
57
59
|
},
|
|
58
|
-
], hostDirectives: [{ directive: i1.TuiWithIcons }, { directive: i2.TuiShrinkWrapDirective }], ngImport: i0 }); }
|
|
60
|
+
], hostDirectives: [{ directive: i1.TuiWithIcons }, { directive: i2.TuiShrinkWrapDirective, inputs: ["tuiShrinkWrap", "tuiShrinkWrap"] }], ngImport: i0 }); }
|
|
59
61
|
}
|
|
60
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastDirective, decorators: [{
|
|
61
63
|
type: Directive,
|
|
@@ -78,9 +80,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
78
80
|
: '',
|
|
79
81
|
},
|
|
80
82
|
],
|
|
81
|
-
hostDirectives: [
|
|
83
|
+
hostDirectives: [
|
|
84
|
+
TuiWithIcons,
|
|
85
|
+
{
|
|
86
|
+
directive: TuiShrinkWrapDirective,
|
|
87
|
+
inputs: ['tuiShrinkWrap'],
|
|
88
|
+
},
|
|
89
|
+
],
|
|
82
90
|
}]
|
|
83
|
-
}]
|
|
91
|
+
}], propDecorators: { tuiShrinkWrap: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}] } });
|
|
84
94
|
|
|
85
95
|
class TuiToastComponent {
|
|
86
96
|
constructor() {
|
|
@@ -103,7 +113,7 @@ class TuiToastComponent {
|
|
|
103
113
|
}
|
|
104
114
|
}
|
|
105
115
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
106
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastComponent, isStandalone: true, selector: "tui-toast", host: { attributes: { "role": "status" }, properties: { "class._mobile": "isMobile", "attr.data-appearance": "context.appearance" } }, viewQueries: [{ propertyName: "button", first: true, predicate: TuiButton, descendants: true, read: ElementRef }], hostDirectives: [{ directive: i1$1.TuiAnimated }], ngImport: i0, template: "<div\n class=\"t-wrapper\"\n (tuiSwipe)=\"onSwipe()\"\n>\n <div\n *polymorpheusOutlet=\"context.content as text; context: context\"\n tuiToast\n [iconStart]=\"context.data?.toString() || ''\"\n >\n <tui-shrink-wrap><span [innerHTML]=\"text\"></span></tui-shrink-wrap>\n </div>\n <button\n *ngIf=\"context.closable && !isMobile\"\n appearance=\"icon\"\n size=\"xs\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n (click.stop.prevent)=\"context.$implicit.complete()\"\n >\n Close\n </button>\n</div>\n", styles: ["::ng-deep *:has(>tui-toast){flex-direction:column-reverse!important;justify-content:flex-end}:host{transition-property:grid-template-rows;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;top:1.25rem;display:grid;margin:0 auto;touch-action:none;animation-fill-mode:both;--tui-from: translate3d(0, -2rem, 0)}:host.tui-enter{place-items:end;animation-name:tuiSlide,tuiCollapse}:host.tui-leave{animation-name:tuiFade,tuiCollapse}:host.tui-leave:first-child{animation-name:tuiFade}:host._mobile{top:env(safe-area-inset-top)}:host._mobile.tui-enter{animation-delay:var(--tui-duration)}:host._mobile.tui-leave{place-items:end;animation-name:tuiSlide,tuiCollapse}.t-wrapper{grid-row:1 / span 2}.t-wrapper:before{content:\"\";display:block;block-size:.75rem}:host._mobile .t-wrapper:before{block-size:.25rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2.TuiShrinkWrapComponent, selector: "tui-shrink-wrap" }, { kind: "directive", type: TuiSwipe, selector: "[tuiSwipe]", outputs: ["tuiSwipe"] }, { kind: "directive", type: TuiToastDirective, selector: "[tuiToast]:not(ng-template)" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
116
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiToastComponent, isStandalone: true, selector: "tui-toast", host: { attributes: { "role": "status" }, properties: { "class._mobile": "isMobile", "attr.data-appearance": "context.appearance" } }, viewQueries: [{ propertyName: "button", first: true, predicate: TuiButton, descendants: true, read: ElementRef }], hostDirectives: [{ directive: i1$1.TuiAnimated }], ngImport: i0, template: "<div\n class=\"t-wrapper\"\n (tuiSwipe)=\"onSwipe()\"\n>\n <div\n *polymorpheusOutlet=\"context.content as text; context: context\"\n tuiToast\n [iconStart]=\"context.data?.toString() || ''\"\n >\n <tui-shrink-wrap><span [innerHTML]=\"text\"></span></tui-shrink-wrap>\n </div>\n <button\n *ngIf=\"context.closable && !isMobile\"\n appearance=\"icon\"\n size=\"xs\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n (click.stop.prevent)=\"context.$implicit.complete()\"\n >\n Close\n </button>\n</div>\n", styles: ["::ng-deep *:has(>tui-toast){flex-direction:column-reverse!important;justify-content:flex-end}:host{transition-property:grid-template-rows;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;top:1.25rem;display:grid;margin:0 auto;touch-action:none;animation-fill-mode:both;--tui-from: translate3d(0, -2rem, 0)}:host.tui-enter{place-items:end;animation-name:tuiSlide,tuiCollapse}:host.tui-leave{animation-name:tuiFade,tuiCollapse}:host.tui-leave:first-child{animation-name:tuiFade}:host._mobile{top:env(safe-area-inset-top)}:host._mobile.tui-enter{animation-delay:var(--tui-duration)}:host._mobile.tui-leave{place-items:end;animation-name:tuiSlide,tuiCollapse}.t-wrapper{grid-row:1 / span 2}.t-wrapper:before{content:\"\";display:block;block-size:.75rem}:host._mobile .t-wrapper:before{block-size:.25rem}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "directive", type: TuiButton, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size"] }, { kind: "component", type: i2.TuiShrinkWrapComponent, selector: "tui-shrink-wrap" }, { kind: "directive", type: TuiSwipe, selector: "[tuiSwipe]", outputs: ["tuiSwipe"] }, { kind: "directive", type: TuiToastDirective, selector: "[tuiToast]:not(ng-template)", inputs: ["tuiShrinkWrap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
107
117
|
}
|
|
108
118
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiToastComponent, decorators: [{
|
|
109
119
|
type: Component,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-kit-components-toast.mjs","sources":["../../../projects/kit/components/toast/toast.directive.ts","../../../projects/kit/components/toast/toast.component.ts","../../../projects/kit/components/toast/toast.template.html","../../../projects/kit/components/toast/toast.options.ts","../../../projects/kit/components/toast/toast.service.ts","../../../projects/kit/components/toast/toast.ts","../../../projects/kit/components/toast/taiga-ui-kit-components-toast.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n ElementRef,\n inject,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_PLATFORM} from '@taiga-ui/cdk/tokens';\nimport {tuiDirectiveBinding, tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components';\nimport {TuiWithIcons} from '@taiga-ui/core/directives/icons';\nimport {TUI_COMMON_ICONS, TUI_ICON_END} from '@taiga-ui/core/tokens';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {tuiBadgeOptionsProvider} from '@taiga-ui/kit/components/badge';\nimport {TuiShrinkWrapDirective} from '@taiga-ui/kit/components/shrink-wrap';\n\n@Component({\n standalone: true,\n template: '',\n styles: ['@import \"@taiga-ui/kit/styles/components/toast.less\";'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-toast',\n },\n})\nclass TuiToastStyles {}\n\n@Directive({\n standalone: true,\n selector: '[tuiToast]:not(ng-template)',\n providers: [\n tuiBadgeOptionsProvider({size: 'l'}),\n tuiAvatarOptionsProvider(() => ({\n size: inject(TUI_PLATFORM) === 'web' ? 's' : 'm',\n })),\n tuiButtonOptionsProvider(() => ({\n size: 's',\n appearance:\n inject(TUI_PLATFORM) === 'web' ? 'secondary-grayscale' : 'secondary',\n })),\n {\n provide: TUI_ICON_END,\n useFactory: () =>\n inject(ElementRef).nativeElement?.matches('a, button')\n ? inject(TUI_COMMON_ICONS).more\n : '',\n },\n ],\n hostDirectives: [TuiWithIcons, TuiShrinkWrapDirective],\n})\nexport class TuiToastDirective {\n protected readonly nothing = tuiWithStyles(TuiToastStyles);\n protected readonly width = tuiDirectiveBinding(\n TuiShrinkWrapDirective,\n 'tuiShrinkWrap',\n 'min(calc(100vw - 2rem), 25rem, 100%)',\n );\n}\n","import {NgIf} from '@angular/common';\nimport {\n type AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n inject,\n ViewChild,\n} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {TuiSwipe} from '@taiga-ui/cdk/directives/swipe';\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} from '@taiga-ui/core/components/button';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {TuiShrinkWrap} from '@taiga-ui/kit/components/shrink-wrap';\nimport {injectContext, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\nimport {EMPTY, fromEvent, of, repeat, switchMap, takeUntil, timer} from 'rxjs';\n\nimport {TuiToastDirective} from './toast.directive';\nimport {type TuiToastOptions} from './toast.options';\n\n@Component({\n standalone: true,\n selector: 'tui-toast',\n imports: [\n NgIf,\n PolymorpheusOutlet,\n TuiButton,\n TuiShrinkWrap,\n TuiSwipe,\n TuiToastDirective,\n ],\n templateUrl: './toast.template.html',\n styleUrls: ['./toast.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [TuiAnimated],\n host: {\n role: 'status',\n '[class._mobile]': 'isMobile',\n '[attr.data-appearance]': 'context.appearance',\n },\n})\nexport class TuiToastComponent<O, I> implements AfterViewInit {\n @ViewChild(TuiButton, {read: ElementRef})\n private readonly button?: ElementRef<HTMLButtonElement>;\n\n private readonly el = tuiInjectElement();\n\n protected readonly isMobile = inject(TUI_IS_MOBILE);\n protected readonly context = injectContext<TuiPopover<TuiToastOptions<I>, O>>();\n protected readonly icons = inject(TUI_COMMON_ICONS);\n protected readonly $ = of(this.context.autoClose)\n .pipe(\n switchMap((autoClose) => (autoClose ? timer(autoClose) : EMPTY)),\n takeUntil(fromEvent(this.el, 'mouseenter')),\n repeat({delay: () => fromEvent(this.el, 'mouseleave')}),\n takeUntilDestroyed(),\n )\n .subscribe(() => this.context.$implicit.complete());\n\n public ngAfterViewInit(): void {\n if (this.button) {\n this.el.querySelector('[tuiToast]')?.appendChild(this.button.nativeElement);\n }\n }\n\n protected onSwipe(): void {\n if (this.context.closable) {\n this.context.$implicit.complete();\n }\n }\n}\n","<div\n class=\"t-wrapper\"\n (tuiSwipe)=\"onSwipe()\"\n>\n <div\n *polymorpheusOutlet=\"context.content as text; context: context\"\n tuiToast\n [iconStart]=\"context.data?.toString() || ''\"\n >\n <tui-shrink-wrap><span [innerHTML]=\"text\"></span></tui-shrink-wrap>\n </div>\n <button\n *ngIf=\"context.closable && !isMobile\"\n appearance=\"icon\"\n size=\"xs\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n (click.stop.prevent)=\"context.$implicit.complete()\"\n >\n Close\n </button>\n</div>\n","import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiToastOptions<I> {\n autoClose: number;\n closable: boolean;\n appearance: string;\n data?: I;\n}\n\nexport const TUI_TOAST_DEFAULT_OPTIONS: TuiToastOptions<void> = {\n appearance: '',\n autoClose: 5000,\n closable: true,\n};\n\nexport const [TUI_TOAST_OPTIONS, tuiToastOptionsProvider] = tuiCreateOptions(\n TUI_TOAST_DEFAULT_OPTIONS,\n);\n","import {Directive, inject, Injectable, type Type} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {TuiPopoverDirective} from '@taiga-ui/cdk/directives/popover';\nimport {tuiAsPopover, type TuiPopover, TuiPopoverService} from '@taiga-ui/cdk/services';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';\nimport {tuiCreateTokenFromFactory} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TUI_ALERTS} from '@taiga-ui/core/components/alert';\nimport {BehaviorSubject, pairwise} from 'rxjs';\n\nimport {TuiToastComponent} from './toast.component';\nimport {TUI_TOAST_OPTIONS, type TuiToastOptions} from './toast.options';\n\nconst TOASTS = tuiCreateTokenFromFactory(\n () =>\n new BehaviorSubject<ReadonlyArray<TuiPopover<TuiToastOptions<unknown>, any>>>([]),\n);\n\nexport const TUI_TOASTS_CONCURRENCY = tuiCreateTokenFromFactory<number>(() =>\n inject(TUI_IS_MOBILE) ? 1 : 2,\n);\n\n@Injectable({\n providedIn: 'root',\n useFactory: () =>\n new TuiToastService(TUI_ALERTS, TuiToastComponent, inject(TUI_TOAST_OPTIONS)),\n})\nexport class TuiToastService extends TuiPopoverService<TuiToastOptions<any>> {\n private readonly concurrency = inject(TUI_TOASTS_CONCURRENCY);\n private readonly alerts;\n\n protected readonly sub = this.items$\n .pipe(pairwise(), takeUntilDestroyed())\n .subscribe(([prev, next]) => {\n const closed = prev.filter((item) => !next.includes(item));\n const alerts = this.alerts.value.filter((item) => !closed.includes(item));\n const toasts = new Set([...alerts, ...next.slice(0, this.concurrency)]);\n\n this.alerts.next(Array.from(toasts));\n });\n\n constructor(\n items: ConstructorParameters<typeof TuiPopoverService<TuiToastOptions<any>>>[0],\n component: Type<any>,\n options: TuiToastOptions<any>,\n ) {\n super(TOASTS, component, options);\n\n this.alerts = inject(items);\n }\n}\n\n@Directive({\n standalone: true,\n selector: 'ng-template[tuiToast]',\n inputs: ['options: tuiToastOptions', 'open: tuiToast'],\n outputs: ['openChange: tuiToastChange'],\n providers: [tuiAsPopover(TuiToastService)],\n})\nexport class TuiToastTemplate<T> extends TuiPopoverDirective<TuiToastOptions<T>> {}\n","import {TuiToastDirective} from './toast.directive';\nimport {TuiToastTemplate} from './toast.service';\n\nexport const TuiToast = [TuiToastDirective, TuiToastTemplate] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"taiga-ui-kit-components-toast.mjs","sources":["../../../projects/kit/components/toast/toast.directive.ts","../../../projects/kit/components/toast/toast.component.ts","../../../projects/kit/components/toast/toast.template.html","../../../projects/kit/components/toast/toast.options.ts","../../../projects/kit/components/toast/toast.service.ts","../../../projects/kit/components/toast/toast.ts","../../../projects/kit/components/toast/taiga-ui-kit-components-toast.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/member-ordering */\nimport {\n ChangeDetectionStrategy,\n Component,\n computed,\n Directive,\n ElementRef,\n inject,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TUI_PLATFORM} from '@taiga-ui/cdk/tokens';\nimport {tuiDirectiveBinding, tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/core/components';\nimport {TuiWithIcons} from '@taiga-ui/core/directives/icons';\nimport {TUI_COMMON_ICONS, TUI_ICON_END} from '@taiga-ui/core/tokens';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/kit/components/avatar';\nimport {tuiBadgeOptionsProvider} from '@taiga-ui/kit/components/badge';\nimport {TuiShrinkWrapDirective} from '@taiga-ui/kit/components/shrink-wrap';\n\n@Component({\n standalone: true,\n template: '',\n styles: ['@import \"@taiga-ui/kit/styles/components/toast.less\";'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-toast',\n },\n})\nclass TuiToastStyles {}\n\n@Directive({\n standalone: true,\n selector: '[tuiToast]:not(ng-template)',\n providers: [\n tuiBadgeOptionsProvider({size: 'l'}),\n tuiAvatarOptionsProvider(() => ({\n size: inject(TUI_PLATFORM) === 'web' ? 's' : 'm',\n })),\n tuiButtonOptionsProvider(() => ({\n size: 's',\n appearance:\n inject(TUI_PLATFORM) === 'web' ? 'secondary-grayscale' : 'secondary',\n })),\n {\n provide: TUI_ICON_END,\n useFactory: () =>\n inject(ElementRef).nativeElement?.matches('a, button')\n ? inject(TUI_COMMON_ICONS).more\n : '',\n },\n ],\n hostDirectives: [\n TuiWithIcons,\n {\n directive: TuiShrinkWrapDirective,\n inputs: ['tuiShrinkWrap'],\n },\n ],\n})\nexport class TuiToastDirective {\n @Input()\n public tuiShrinkWrap = 'min(calc(100vw - 2rem), 25rem)';\n\n protected readonly nothing = tuiWithStyles(TuiToastStyles);\n protected readonly width = tuiDirectiveBinding(\n TuiShrinkWrapDirective,\n 'tuiShrinkWrap',\n computed(() => this.tuiShrinkWrap),\n );\n}\n","import {NgIf} from '@angular/common';\nimport {\n type AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n inject,\n ViewChild,\n} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {TuiAnimated} from '@taiga-ui/cdk/directives/animated';\nimport {TuiSwipe} from '@taiga-ui/cdk/directives/swipe';\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} from '@taiga-ui/core/components/button';\nimport {TUI_COMMON_ICONS} from '@taiga-ui/core/tokens';\nimport {TuiShrinkWrap} from '@taiga-ui/kit/components/shrink-wrap';\nimport {injectContext, PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\nimport {EMPTY, fromEvent, of, repeat, switchMap, takeUntil, timer} from 'rxjs';\n\nimport {TuiToastDirective} from './toast.directive';\nimport {type TuiToastOptions} from './toast.options';\n\n@Component({\n standalone: true,\n selector: 'tui-toast',\n imports: [\n NgIf,\n PolymorpheusOutlet,\n TuiButton,\n TuiShrinkWrap,\n TuiSwipe,\n TuiToastDirective,\n ],\n templateUrl: './toast.template.html',\n styleUrls: ['./toast.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [TuiAnimated],\n host: {\n role: 'status',\n '[class._mobile]': 'isMobile',\n '[attr.data-appearance]': 'context.appearance',\n },\n})\nexport class TuiToastComponent<O, I> implements AfterViewInit {\n @ViewChild(TuiButton, {read: ElementRef})\n private readonly button?: ElementRef<HTMLButtonElement>;\n\n private readonly el = tuiInjectElement();\n\n protected readonly isMobile = inject(TUI_IS_MOBILE);\n protected readonly context = injectContext<TuiPopover<TuiToastOptions<I>, O>>();\n protected readonly icons = inject(TUI_COMMON_ICONS);\n protected readonly $ = of(this.context.autoClose)\n .pipe(\n switchMap((autoClose) => (autoClose ? timer(autoClose) : EMPTY)),\n takeUntil(fromEvent(this.el, 'mouseenter')),\n repeat({delay: () => fromEvent(this.el, 'mouseleave')}),\n takeUntilDestroyed(),\n )\n .subscribe(() => this.context.$implicit.complete());\n\n public ngAfterViewInit(): void {\n if (this.button) {\n this.el.querySelector('[tuiToast]')?.appendChild(this.button.nativeElement);\n }\n }\n\n protected onSwipe(): void {\n if (this.context.closable) {\n this.context.$implicit.complete();\n }\n }\n}\n","<div\n class=\"t-wrapper\"\n (tuiSwipe)=\"onSwipe()\"\n>\n <div\n *polymorpheusOutlet=\"context.content as text; context: context\"\n tuiToast\n [iconStart]=\"context.data?.toString() || ''\"\n >\n <tui-shrink-wrap><span [innerHTML]=\"text\"></span></tui-shrink-wrap>\n </div>\n <button\n *ngIf=\"context.closable && !isMobile\"\n appearance=\"icon\"\n size=\"xs\"\n tuiIconButton\n type=\"button\"\n [iconStart]=\"icons.close\"\n (click.stop.prevent)=\"context.$implicit.complete()\"\n >\n Close\n </button>\n</div>\n","import {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\n\nexport interface TuiToastOptions<I> {\n autoClose: number;\n closable: boolean;\n appearance: string;\n data?: I;\n}\n\nexport const TUI_TOAST_DEFAULT_OPTIONS: TuiToastOptions<void> = {\n appearance: '',\n autoClose: 5000,\n closable: true,\n};\n\nexport const [TUI_TOAST_OPTIONS, tuiToastOptionsProvider] = tuiCreateOptions(\n TUI_TOAST_DEFAULT_OPTIONS,\n);\n","import {Directive, inject, Injectable, type Type} from '@angular/core';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {TuiPopoverDirective} from '@taiga-ui/cdk/directives/popover';\nimport {tuiAsPopover, type TuiPopover, TuiPopoverService} from '@taiga-ui/cdk/services';\nimport {TUI_IS_MOBILE} from '@taiga-ui/cdk/tokens';\nimport {tuiCreateTokenFromFactory} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TUI_ALERTS} from '@taiga-ui/core/components/alert';\nimport {BehaviorSubject, pairwise} from 'rxjs';\n\nimport {TuiToastComponent} from './toast.component';\nimport {TUI_TOAST_OPTIONS, type TuiToastOptions} from './toast.options';\n\nconst TOASTS = tuiCreateTokenFromFactory(\n () =>\n new BehaviorSubject<ReadonlyArray<TuiPopover<TuiToastOptions<unknown>, any>>>([]),\n);\n\nexport const TUI_TOASTS_CONCURRENCY = tuiCreateTokenFromFactory<number>(() =>\n inject(TUI_IS_MOBILE) ? 1 : 2,\n);\n\n@Injectable({\n providedIn: 'root',\n useFactory: () =>\n new TuiToastService(TUI_ALERTS, TuiToastComponent, inject(TUI_TOAST_OPTIONS)),\n})\nexport class TuiToastService extends TuiPopoverService<TuiToastOptions<any>> {\n private readonly concurrency = inject(TUI_TOASTS_CONCURRENCY);\n private readonly alerts;\n\n protected readonly sub = this.items$\n .pipe(pairwise(), takeUntilDestroyed())\n .subscribe(([prev, next]) => {\n const closed = prev.filter((item) => !next.includes(item));\n const alerts = this.alerts.value.filter((item) => !closed.includes(item));\n const toasts = new Set([...alerts, ...next.slice(0, this.concurrency)]);\n\n this.alerts.next(Array.from(toasts));\n });\n\n constructor(\n items: ConstructorParameters<typeof TuiPopoverService<TuiToastOptions<any>>>[0],\n component: Type<any>,\n options: TuiToastOptions<any>,\n ) {\n super(TOASTS, component, options);\n\n this.alerts = inject(items);\n }\n}\n\n@Directive({\n standalone: true,\n selector: 'ng-template[tuiToast]',\n inputs: ['options: tuiToastOptions', 'open: tuiToast'],\n outputs: ['openChange: tuiToastChange'],\n providers: [tuiAsPopover(TuiToastService)],\n})\nexport class TuiToastTemplate<T> extends TuiPopoverDirective<TuiToastOptions<T>> {}\n","import {TuiToastDirective} from './toast.directive';\nimport {TuiToastTemplate} from './toast.service';\n\nexport const TuiToast = [TuiToastDirective, TuiToastTemplate] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/kit",
|
|
3
|
-
"version": "4.74.
|
|
3
|
+
"version": "4.74.1",
|
|
4
4
|
"description": "Taiga UI Angular main components kit",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -155,18 +155,18 @@
|
|
|
155
155
|
"esm": "./esm2022/components/compass/taiga-ui-kit-components-compass.mjs",
|
|
156
156
|
"default": "./fesm2022/taiga-ui-kit-components-compass.mjs"
|
|
157
157
|
},
|
|
158
|
-
"./components/counter": {
|
|
159
|
-
"types": "./components/counter/index.d.ts",
|
|
160
|
-
"esm2022": "./esm2022/components/counter/taiga-ui-kit-components-counter.mjs",
|
|
161
|
-
"esm": "./esm2022/components/counter/taiga-ui-kit-components-counter.mjs",
|
|
162
|
-
"default": "./fesm2022/taiga-ui-kit-components-counter.mjs"
|
|
163
|
-
},
|
|
164
158
|
"./components/confirm": {
|
|
165
159
|
"types": "./components/confirm/index.d.ts",
|
|
166
160
|
"esm2022": "./esm2022/components/confirm/taiga-ui-kit-components-confirm.mjs",
|
|
167
161
|
"esm": "./esm2022/components/confirm/taiga-ui-kit-components-confirm.mjs",
|
|
168
162
|
"default": "./fesm2022/taiga-ui-kit-components-confirm.mjs"
|
|
169
163
|
},
|
|
164
|
+
"./components/counter": {
|
|
165
|
+
"types": "./components/counter/index.d.ts",
|
|
166
|
+
"esm2022": "./esm2022/components/counter/taiga-ui-kit-components-counter.mjs",
|
|
167
|
+
"esm": "./esm2022/components/counter/taiga-ui-kit-components-counter.mjs",
|
|
168
|
+
"default": "./fesm2022/taiga-ui-kit-components-counter.mjs"
|
|
169
|
+
},
|
|
170
170
|
"./components/data-list-wrapper": {
|
|
171
171
|
"types": "./components/data-list-wrapper/index.d.ts",
|
|
172
172
|
"esm2022": "./esm2022/components/data-list-wrapper/taiga-ui-kit-components-data-list-wrapper.mjs",
|
|
@@ -491,72 +491,72 @@
|
|
|
491
491
|
"esm": "./esm2022/components/tiles/taiga-ui-kit-components-tiles.mjs",
|
|
492
492
|
"default": "./fesm2022/taiga-ui-kit-components-tiles.mjs"
|
|
493
493
|
},
|
|
494
|
-
"./components/toast": {
|
|
495
|
-
"types": "./components/toast/index.d.ts",
|
|
496
|
-
"esm2022": "./esm2022/components/toast/taiga-ui-kit-components-toast.mjs",
|
|
497
|
-
"esm": "./esm2022/components/toast/taiga-ui-kit-components-toast.mjs",
|
|
498
|
-
"default": "./fesm2022/taiga-ui-kit-components-toast.mjs"
|
|
499
|
-
},
|
|
500
494
|
"./components/tree": {
|
|
501
495
|
"types": "./components/tree/index.d.ts",
|
|
502
496
|
"esm2022": "./esm2022/components/tree/taiga-ui-kit-components-tree.mjs",
|
|
503
497
|
"esm": "./esm2022/components/tree/taiga-ui-kit-components-tree.mjs",
|
|
504
498
|
"default": "./fesm2022/taiga-ui-kit-components-tree.mjs"
|
|
505
499
|
},
|
|
500
|
+
"./components/toast": {
|
|
501
|
+
"types": "./components/toast/index.d.ts",
|
|
502
|
+
"esm2022": "./esm2022/components/toast/taiga-ui-kit-components-toast.mjs",
|
|
503
|
+
"esm": "./esm2022/components/toast/taiga-ui-kit-components-toast.mjs",
|
|
504
|
+
"default": "./fesm2022/taiga-ui-kit-components-toast.mjs"
|
|
505
|
+
},
|
|
506
506
|
"./directives/button-close": {
|
|
507
507
|
"types": "./directives/button-close/index.d.ts",
|
|
508
508
|
"esm2022": "./esm2022/directives/button-close/taiga-ui-kit-directives-button-close.mjs",
|
|
509
509
|
"esm": "./esm2022/directives/button-close/taiga-ui-kit-directives-button-close.mjs",
|
|
510
510
|
"default": "./fesm2022/taiga-ui-kit-directives-button-close.mjs"
|
|
511
511
|
},
|
|
512
|
-
"./directives/button-group": {
|
|
513
|
-
"types": "./directives/button-group/index.d.ts",
|
|
514
|
-
"esm2022": "./esm2022/directives/button-group/taiga-ui-kit-directives-button-group.mjs",
|
|
515
|
-
"esm": "./esm2022/directives/button-group/taiga-ui-kit-directives-button-group.mjs",
|
|
516
|
-
"default": "./fesm2022/taiga-ui-kit-directives-button-group.mjs"
|
|
517
|
-
},
|
|
518
512
|
"./directives/button-select": {
|
|
519
513
|
"types": "./directives/button-select/index.d.ts",
|
|
520
514
|
"esm2022": "./esm2022/directives/button-select/taiga-ui-kit-directives-button-select.mjs",
|
|
521
515
|
"esm": "./esm2022/directives/button-select/taiga-ui-kit-directives-button-select.mjs",
|
|
522
516
|
"default": "./fesm2022/taiga-ui-kit-directives-button-select.mjs"
|
|
523
517
|
},
|
|
518
|
+
"./directives/button-group": {
|
|
519
|
+
"types": "./directives/button-group/index.d.ts",
|
|
520
|
+
"esm2022": "./esm2022/directives/button-group/taiga-ui-kit-directives-button-group.mjs",
|
|
521
|
+
"esm": "./esm2022/directives/button-group/taiga-ui-kit-directives-button-group.mjs",
|
|
522
|
+
"default": "./fesm2022/taiga-ui-kit-directives-button-group.mjs"
|
|
523
|
+
},
|
|
524
524
|
"./directives/chevron": {
|
|
525
525
|
"types": "./directives/chevron/index.d.ts",
|
|
526
526
|
"esm2022": "./esm2022/directives/chevron/taiga-ui-kit-directives-chevron.mjs",
|
|
527
527
|
"esm": "./esm2022/directives/chevron/taiga-ui-kit-directives-chevron.mjs",
|
|
528
528
|
"default": "./fesm2022/taiga-ui-kit-directives-chevron.mjs"
|
|
529
529
|
},
|
|
530
|
-
"./directives/connected": {
|
|
531
|
-
"types": "./directives/connected/index.d.ts",
|
|
532
|
-
"esm2022": "./esm2022/directives/connected/taiga-ui-kit-directives-connected.mjs",
|
|
533
|
-
"esm": "./esm2022/directives/connected/taiga-ui-kit-directives-connected.mjs",
|
|
534
|
-
"default": "./fesm2022/taiga-ui-kit-directives-connected.mjs"
|
|
535
|
-
},
|
|
536
530
|
"./directives/copy": {
|
|
537
531
|
"types": "./directives/copy/index.d.ts",
|
|
538
532
|
"esm2022": "./esm2022/directives/copy/taiga-ui-kit-directives-copy.mjs",
|
|
539
533
|
"esm": "./esm2022/directives/copy/taiga-ui-kit-directives-copy.mjs",
|
|
540
534
|
"default": "./fesm2022/taiga-ui-kit-directives-copy.mjs"
|
|
541
535
|
},
|
|
536
|
+
"./directives/connected": {
|
|
537
|
+
"types": "./directives/connected/index.d.ts",
|
|
538
|
+
"esm2022": "./esm2022/directives/connected/taiga-ui-kit-directives-connected.mjs",
|
|
539
|
+
"esm": "./esm2022/directives/connected/taiga-ui-kit-directives-connected.mjs",
|
|
540
|
+
"default": "./fesm2022/taiga-ui-kit-directives-connected.mjs"
|
|
541
|
+
},
|
|
542
542
|
"./directives/data-list-dropdown-manager": {
|
|
543
543
|
"types": "./directives/data-list-dropdown-manager/index.d.ts",
|
|
544
544
|
"esm2022": "./esm2022/directives/data-list-dropdown-manager/taiga-ui-kit-directives-data-list-dropdown-manager.mjs",
|
|
545
545
|
"esm": "./esm2022/directives/data-list-dropdown-manager/taiga-ui-kit-directives-data-list-dropdown-manager.mjs",
|
|
546
546
|
"default": "./fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs"
|
|
547
547
|
},
|
|
548
|
-
"./directives/fade": {
|
|
549
|
-
"types": "./directives/fade/index.d.ts",
|
|
550
|
-
"esm2022": "./esm2022/directives/fade/taiga-ui-kit-directives-fade.mjs",
|
|
551
|
-
"esm": "./esm2022/directives/fade/taiga-ui-kit-directives-fade.mjs",
|
|
552
|
-
"default": "./fesm2022/taiga-ui-kit-directives-fade.mjs"
|
|
553
|
-
},
|
|
554
548
|
"./directives/fluid-typography": {
|
|
555
549
|
"types": "./directives/fluid-typography/index.d.ts",
|
|
556
550
|
"esm2022": "./esm2022/directives/fluid-typography/taiga-ui-kit-directives-fluid-typography.mjs",
|
|
557
551
|
"esm": "./esm2022/directives/fluid-typography/taiga-ui-kit-directives-fluid-typography.mjs",
|
|
558
552
|
"default": "./fesm2022/taiga-ui-kit-directives-fluid-typography.mjs"
|
|
559
553
|
},
|
|
554
|
+
"./directives/fade": {
|
|
555
|
+
"types": "./directives/fade/index.d.ts",
|
|
556
|
+
"esm2022": "./esm2022/directives/fade/taiga-ui-kit-directives-fade.mjs",
|
|
557
|
+
"esm": "./esm2022/directives/fade/taiga-ui-kit-directives-fade.mjs",
|
|
558
|
+
"default": "./fesm2022/taiga-ui-kit-directives-fade.mjs"
|
|
559
|
+
},
|
|
560
560
|
"./directives/highlight": {
|
|
561
561
|
"types": "./directives/highlight/index.d.ts",
|
|
562
562
|
"esm2022": "./esm2022/directives/highlight/taiga-ui-kit-directives-highlight.mjs",
|
|
@@ -569,18 +569,18 @@
|
|
|
569
569
|
"esm": "./esm2022/directives/icon-badge/taiga-ui-kit-directives-icon-badge.mjs",
|
|
570
570
|
"default": "./fesm2022/taiga-ui-kit-directives-icon-badge.mjs"
|
|
571
571
|
},
|
|
572
|
-
"./directives/password": {
|
|
573
|
-
"types": "./directives/password/index.d.ts",
|
|
574
|
-
"esm2022": "./esm2022/directives/password/taiga-ui-kit-directives-password.mjs",
|
|
575
|
-
"esm": "./esm2022/directives/password/taiga-ui-kit-directives-password.mjs",
|
|
576
|
-
"default": "./fesm2022/taiga-ui-kit-directives-password.mjs"
|
|
577
|
-
},
|
|
578
572
|
"./directives/lazy-loading": {
|
|
579
573
|
"types": "./directives/lazy-loading/index.d.ts",
|
|
580
574
|
"esm2022": "./esm2022/directives/lazy-loading/taiga-ui-kit-directives-lazy-loading.mjs",
|
|
581
575
|
"esm": "./esm2022/directives/lazy-loading/taiga-ui-kit-directives-lazy-loading.mjs",
|
|
582
576
|
"default": "./fesm2022/taiga-ui-kit-directives-lazy-loading.mjs"
|
|
583
577
|
},
|
|
578
|
+
"./directives/password": {
|
|
579
|
+
"types": "./directives/password/index.d.ts",
|
|
580
|
+
"esm2022": "./esm2022/directives/password/taiga-ui-kit-directives-password.mjs",
|
|
581
|
+
"esm": "./esm2022/directives/password/taiga-ui-kit-directives-password.mjs",
|
|
582
|
+
"default": "./fesm2022/taiga-ui-kit-directives-password.mjs"
|
|
583
|
+
},
|
|
584
584
|
"./directives/present": {
|
|
585
585
|
"types": "./directives/present/index.d.ts",
|
|
586
586
|
"esm2022": "./esm2022/directives/present/taiga-ui-kit-directives-present.mjs",
|
|
@@ -685,9 +685,9 @@
|
|
|
685
685
|
"@ng-web-apis/intersection-observer": "^4.14.0",
|
|
686
686
|
"@ng-web-apis/mutation-observer": "^4.14.0",
|
|
687
687
|
"@ng-web-apis/resize-observer": "^4.14.0",
|
|
688
|
-
"@taiga-ui/cdk": "^4.74.
|
|
689
|
-
"@taiga-ui/core": "^4.74.
|
|
690
|
-
"@taiga-ui/i18n": "^4.74.
|
|
688
|
+
"@taiga-ui/cdk": "^4.74.1",
|
|
689
|
+
"@taiga-ui/core": "^4.74.1",
|
|
690
|
+
"@taiga-ui/i18n": "^4.74.1",
|
|
691
691
|
"@taiga-ui/polymorpheus": "^4.9.0",
|
|
692
692
|
"rxjs": ">=7.0.0"
|
|
693
693
|
},
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
justify-content: center;
|
|
18
18
|
inline-size: max-content;
|
|
19
19
|
font: var(--tui-font-text-ui-s);
|
|
20
|
-
max-inline-size: ~'min(calc(100vw - 2rem), 25rem
|
|
20
|
+
max-inline-size: ~'min(calc(100vw - 2rem), 25rem)';
|
|
21
21
|
border: inherit;
|
|
22
22
|
text-decoration: none;
|
|
23
23
|
white-space: pre-line;
|