@taiga-ui/addon-mobile 3.37.0-dev.main.f1ee31c → 3.38.0-dev.main.39d1b62
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/bundles/taiga-ui-addon-mobile-components-sheet-dialog.umd.js +619 -0
- package/bundles/taiga-ui-addon-mobile-components-sheet-dialog.umd.js.map +1 -0
- package/bundles/taiga-ui-addon-mobile-components.umd.js +10 -4
- package/bundles/taiga-ui-addon-mobile-components.umd.js.map +1 -1
- package/components/index.d.ts +1 -0
- package/components/sheet-dialog/index.d.ts +5 -0
- package/components/sheet-dialog/package.json +10 -0
- package/components/sheet-dialog/sheet-dialog.component.d.ts +34 -0
- package/components/sheet-dialog/sheet-dialog.directive.d.ts +7 -0
- package/components/sheet-dialog/sheet-dialog.module.d.ts +13 -0
- package/components/sheet-dialog/sheet-dialog.options.d.ts +18 -0
- package/components/sheet-dialog/sheet-dialog.service.d.ts +11 -0
- package/components/sheet-dialog/taiga-ui-addon-mobile-components-sheet-dialog.d.ts +5 -0
- package/esm2015/components/index.js +2 -1
- package/esm2015/components/sheet-dialog/index.js +6 -0
- package/esm2015/components/sheet-dialog/sheet-dialog.component.js +147 -0
- package/esm2015/components/sheet-dialog/sheet-dialog.directive.js +28 -0
- package/esm2015/components/sheet-dialog/sheet-dialog.module.js +41 -0
- package/esm2015/components/sheet-dialog/sheet-dialog.options.js +16 -0
- package/esm2015/components/sheet-dialog/sheet-dialog.service.js +23 -0
- package/esm2015/components/sheet-dialog/taiga-ui-addon-mobile-components-sheet-dialog.js +5 -0
- package/fesm2015/taiga-ui-addon-mobile-components-sheet-dialog.js +242 -0
- package/fesm2015/taiga-ui-addon-mobile-components-sheet-dialog.js.map +1 -0
- package/fesm2015/taiga-ui-addon-mobile-components.js +1 -0
- package/fesm2015/taiga-ui-addon-mobile-components.js.map +1 -1
- package/package.json +4 -4
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { inject, Injectable } from '@angular/core';
|
|
2
|
+
import { AbstractTuiDialogService } from '@taiga-ui/cdk';
|
|
3
|
+
import { PolymorpheusComponent } from '@tinkoff/ng-polymorpheus';
|
|
4
|
+
import { TuiSheetDialogComponent } from './sheet-dialog.component';
|
|
5
|
+
import { TUI_SHEET_DIALOG_OPTIONS } from './sheet-dialog.options';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
const DIALOG = new PolymorpheusComponent(TuiSheetDialogComponent);
|
|
8
|
+
export class TuiSheetDialogService extends AbstractTuiDialogService {
|
|
9
|
+
constructor() {
|
|
10
|
+
super(...arguments);
|
|
11
|
+
this.component = DIALOG;
|
|
12
|
+
this.defaultOptions = Object.assign(Object.assign({}, inject(TUI_SHEET_DIALOG_OPTIONS)), { data: undefined });
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
TuiSheetDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSheetDialogService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
16
|
+
TuiSheetDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSheetDialogService, providedIn: `root` });
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSheetDialogService, decorators: [{
|
|
18
|
+
type: Injectable,
|
|
19
|
+
args: [{
|
|
20
|
+
providedIn: `root`,
|
|
21
|
+
}]
|
|
22
|
+
}] });
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hlZXQtZGlhbG9nLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvY29tcG9uZW50cy9zaGVldC1kaWFsb2cvc2hlZXQtZGlhbG9nLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZELE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBRS9ELE9BQU8sRUFBQyx1QkFBdUIsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ2pFLE9BQU8sRUFBQyx3QkFBd0IsRUFBd0IsTUFBTSx3QkFBd0IsQ0FBQzs7QUFFdkYsTUFBTSxNQUFNLEdBQUcsSUFBSSxxQkFBcUIsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO0FBS2xFLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSx3QkFHMUM7SUFORDs7UUFPdUIsY0FBUyxHQUFHLE1BQU0sQ0FBQztRQUNuQixtQkFBYyxtQ0FDMUIsTUFBTSxDQUFDLHdCQUF3QixDQUFDLEtBQ25DLElBQUksRUFBRSxTQUFTLElBQ2pCO0tBQ0w7O21IQVRZLHFCQUFxQjt1SEFBckIscUJBQXFCLGNBRmxCLE1BQU07NEZBRVQscUJBQXFCO2tCQUhqQyxVQUFVO21CQUFDO29CQUNSLFVBQVUsRUFBRSxNQUFNO2lCQUNyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7aW5qZWN0LCBJbmplY3RhYmxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3RUdWlEaWFsb2dTZXJ2aWNlfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7UG9seW1vcnBoZXVzQ29tcG9uZW50fSBmcm9tICdAdGlua29mZi9uZy1wb2x5bW9ycGhldXMnO1xuXG5pbXBvcnQge1R1aVNoZWV0RGlhbG9nQ29tcG9uZW50fSBmcm9tICcuL3NoZWV0LWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHtUVUlfU0hFRVRfRElBTE9HX09QVElPTlMsIFR1aVNoZWV0RGlhbG9nT3B0aW9uc30gZnJvbSAnLi9zaGVldC1kaWFsb2cub3B0aW9ucyc7XG5cbmNvbnN0IERJQUxPRyA9IG5ldyBQb2x5bW9ycGhldXNDb21wb25lbnQoVHVpU2hlZXREaWFsb2dDb21wb25lbnQpO1xuXG5ASW5qZWN0YWJsZSh7XG4gICAgcHJvdmlkZWRJbjogYHJvb3RgLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlTaGVldERpYWxvZ1NlcnZpY2UgZXh0ZW5kcyBBYnN0cmFjdFR1aURpYWxvZ1NlcnZpY2U8XG4gICAgVHVpU2hlZXREaWFsb2dPcHRpb25zPGFueT4sXG4gICAgbnVtYmVyXG4+IHtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgY29tcG9uZW50ID0gRElBTE9HO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBkZWZhdWx0T3B0aW9uczogVHVpU2hlZXREaWFsb2dPcHRpb25zPGFueT4gPSB7XG4gICAgICAgIC4uLmluamVjdChUVUlfU0hFRVRfRElBTE9HX09QVElPTlMpLFxuICAgICAgICBkYXRhOiB1bmRlZmluZWQsXG4gICAgfTtcbn1cbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktYWRkb24tbW9iaWxlLWNvbXBvbmVudHMtc2hlZXQtZGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMvc2hlZXQtZGlhbG9nL3RhaWdhLXVpLWFkZG9uLW1vYmlsZS1jb21wb25lbnRzLXNoZWV0LWRpYWxvZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { ElementRef, Component, ChangeDetectionStrategy, Inject, ViewChild, ViewChildren, HostBinding, HostListener, inject, Injectable, Directive, NgModule } from '@angular/core';
|
|
4
|
+
import * as i3 from '@ng-web-apis/intersection-observer';
|
|
5
|
+
import { INTERSECTION_ROOT, IntersectionObserverModule } from '@ng-web-apis/intersection-observer';
|
|
6
|
+
import * as i4 from '@taiga-ui/cdk';
|
|
7
|
+
import { EMPTY_QUERY, tuiPure, tuiCreateOptions, tuiProvideOptions, AbstractTuiDialogService, AbstractTuiDialogDirective, TuiClickOutsideModule, tuiAsDialog } from '@taiga-ui/cdk';
|
|
8
|
+
import * as i1 from '@taiga-ui/core';
|
|
9
|
+
import { TUI_ANIMATIONS_DURATION, TUI_CLOSE_WORD, tuiSlideInTop, TuiButtonModule } from '@taiga-ui/core';
|
|
10
|
+
import { shouldCall } from '@tinkoff/ng-event-plugins';
|
|
11
|
+
import * as i5 from '@tinkoff/ng-polymorpheus';
|
|
12
|
+
import { POLYMORPHEUS_CONTEXT, PolymorpheusComponent, PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
|
|
13
|
+
import * as i2 from '@angular/common';
|
|
14
|
+
import { CommonModule } from '@angular/common';
|
|
15
|
+
import * as i6 from 'rxjs';
|
|
16
|
+
|
|
17
|
+
// So we re-enter ngZone and trigger change detection
|
|
18
|
+
function isCloseable() {
|
|
19
|
+
return this.context.closeable;
|
|
20
|
+
}
|
|
21
|
+
class TuiSheetDialogComponent {
|
|
22
|
+
constructor(el, duration, closeWord$, context) {
|
|
23
|
+
this.el = el;
|
|
24
|
+
this.duration = duration;
|
|
25
|
+
this.closeWord$ = closeWord$;
|
|
26
|
+
this.context = context;
|
|
27
|
+
this.stopsRefs = EMPTY_QUERY;
|
|
28
|
+
this.pointers = 0;
|
|
29
|
+
this.stuck = false;
|
|
30
|
+
this.slideInTop = {
|
|
31
|
+
value: '',
|
|
32
|
+
params: {
|
|
33
|
+
start: '100vh',
|
|
34
|
+
duration: this.duration,
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
get offset() {
|
|
39
|
+
return this.context.offset;
|
|
40
|
+
}
|
|
41
|
+
get closeable() {
|
|
42
|
+
return this.context.closeable;
|
|
43
|
+
}
|
|
44
|
+
get isSmall() {
|
|
45
|
+
var _a;
|
|
46
|
+
return this.sheetTop > (((_a = this.sheet) === null || _a === void 0 ? void 0 : _a.nativeElement.clientHeight) || Infinity);
|
|
47
|
+
}
|
|
48
|
+
onPointerChange(delta) {
|
|
49
|
+
this.pointers += delta;
|
|
50
|
+
if (this.context.closeable &&
|
|
51
|
+
!this.pointers &&
|
|
52
|
+
!this.el.nativeElement.scrollTop) {
|
|
53
|
+
this.close();
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
close() {
|
|
57
|
+
// TODO: Refactor focus visible on mobile
|
|
58
|
+
this.el.nativeElement.dispatchEvent(new Event('mousedown', { bubbles: true }));
|
|
59
|
+
this.context.$implicit.complete();
|
|
60
|
+
}
|
|
61
|
+
onIntersection([{ isIntersecting }]) {
|
|
62
|
+
this.stuck = isIntersecting && !this.isSmall;
|
|
63
|
+
}
|
|
64
|
+
ngAfterViewInit() {
|
|
65
|
+
this.el.nativeElement.scrollTop = [
|
|
66
|
+
...this.getStops(this.stopsRefs),
|
|
67
|
+
this.sheetTop,
|
|
68
|
+
][this.context.initial];
|
|
69
|
+
}
|
|
70
|
+
get sheetTop() {
|
|
71
|
+
var _a, _b;
|
|
72
|
+
return (_b = (_a = this.sheet) === null || _a === void 0 ? void 0 : _a.nativeElement.offsetTop) !== null && _b !== void 0 ? _b : Infinity;
|
|
73
|
+
}
|
|
74
|
+
getStops(stops) {
|
|
75
|
+
return stops.map(({ nativeElement }) => nativeElement.offsetTop + nativeElement.clientHeight);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
TuiSheetDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSheetDialogComponent, deps: [{ token: ElementRef }, { token: TUI_ANIMATIONS_DURATION }, { token: TUI_CLOSE_WORD }, { token: POLYMORPHEUS_CONTEXT }], target: i0.ɵɵFactoryTarget.Component });
|
|
79
|
+
TuiSheetDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSheetDialogComponent, selector: "tui-sheet-dialog", host: { listeners: { "document:touchstart.passive.silent": "onPointerChange(1)", "document:touchend.silent": "onPointerChange(-1)", "document:touchcancel.silent": "onPointerChange(-1)", "scroll.silent": "onPointerChange(0)" }, properties: { "class._stuck": "this.stuck", "@tuiSlideInTop": "this.slideInTop", "style.top.px": "this.offset", "class._closeable": "this.closeable" } }, providers: [
|
|
80
|
+
{
|
|
81
|
+
provide: INTERSECTION_ROOT,
|
|
82
|
+
useExisting: ElementRef,
|
|
83
|
+
},
|
|
84
|
+
], viewQueries: [{ propertyName: "sheet", first: true, predicate: ["sheet"], descendants: true }, { propertyName: "stopsRefs", predicate: ["stops"], descendants: true }], ngImport: i0, template: "<div class=\"t-stops\">\n <div\n *ngFor=\"let stop of context.stops\"\n #stops\n class=\"t-stop\"\n [style.margin-top]=\"stop\"\n ></div>\n</div>\n<div\n #sheet\n waIntersectionObserver\n waIntersectionRootMargin=\"0px 0px -100% 0px\"\n class=\"t-sheet\"\n [class.t-sheet_small]=\"isSmall\"\n (tuiClickOutside)=\"close()\"\n (waIntersectionObservee)=\"onIntersection($event)\"\n>\n <div class=\"t-top\"></div>\n <h2\n *ngIf=\"context.label\"\n class=\"t-heading\"\n [id]=\"context.id\"\n >\n <ng-container *polymorpheusOutlet=\"context.label as label\">\n {{ label }}\n </ng-container>\n <button\n *ngIf=\"context.closeable\"\n tuiIconButton\n icon=\"tuiIconClose\"\n size=\"xs\"\n appearance=\"icon\"\n class=\"t-close\"\n (click)=\"close()\"\n >\n {{ closeWord$ | async }}\n </button>\n </h2>\n <div\n *ngIf=\"context.content\"\n class=\"t-content\"\n >\n <ng-container *polymorpheusOutlet=\"context.content as text; context: context\">\n {{ text }}\n </ng-container>\n </div>\n</div>\n", styles: [":host{position:fixed;top:0;left:0;bottom:0;right:0;right:-1rem;display:flex;flex-direction:column;-webkit-clip-path:inset(0 1rem 0 0 round .75rem .75rem 0 0);clip-path:inset(0 1rem 0 0 round .75rem .75rem 0 0);font:var(--tui-font-text-m);overflow-y:scroll;scroll-snap-type:y mandatory;overscroll-behavior:none;box-shadow:0 20rem var(--tui-elevation-01)}:host._stuck{scroll-snap-type:y proximity}:host._closeable{display:block}:host._closeable .t-stops{display:flex}.t-stops{display:none;height:100%;scroll-snap-stop:always;scroll-snap-align:start}.t-stop{scroll-snap-stop:always;scroll-snap-align:start;height:1rem;width:1rem}.t-sheet{box-shadow:0 .25rem 1.5rem #0000001f;width:calc(100% - 1rem);border-radius:.75rem .75rem 0 0;padding:0 1rem 1rem;margin-top:auto;background:var(--tui-elevation-01);box-sizing:border-box;scroll-snap-stop:always;scroll-snap-align:start}@supports (-moz-appearance: none){.t-sheet_small{scroll-snap-align:end}}.t-top{position:-webkit-sticky;position:sticky;top:0;z-index:1;height:1.5rem;background:var(--tui-elevation-01)}.t-top:after{content:\"\";position:absolute;top:.5rem;left:50%;width:2rem;height:.25rem;transform:translate(-50%);background:var(--tui-base-05);border-radius:1rem}.t-heading{position:-webkit-sticky;position:sticky;top:1.5rem;z-index:1;display:flex;margin:0;padding-bottom:.5rem;font:var(--tui-font-heading-6);background:var(--tui-elevation-01);overflow:hidden}.t-close{right:-.25rem;flex-shrink:0;margin-left:auto}.t-content{position:relative;z-index:0}.t-content:nth-child(3){margin-top:1rem}\n"], components: [{ type: i1.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.IntersectionObserverDirective, selector: "[waIntersectionObserver]", exportAs: ["IntersectionObserver"] }, { type: i4.TuiClickOutsideDirective, selector: "[tuiClickOutside]", outputs: ["tuiClickOutside"] }, { type: i3.IntersectionObserveeDirective, selector: "[waIntersectionObservee]", outputs: ["waIntersectionObservee"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], pipes: { "async": i2.AsyncPipe }, animations: [tuiSlideInTop], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
85
|
+
__decorate([
|
|
86
|
+
shouldCall(isCloseable)
|
|
87
|
+
], TuiSheetDialogComponent.prototype, "close", null);
|
|
88
|
+
__decorate([
|
|
89
|
+
tuiPure
|
|
90
|
+
], TuiSheetDialogComponent.prototype, "getStops", null);
|
|
91
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSheetDialogComponent, decorators: [{
|
|
92
|
+
type: Component,
|
|
93
|
+
args: [{
|
|
94
|
+
selector: 'tui-sheet-dialog',
|
|
95
|
+
templateUrl: './sheet-dialog.template.html',
|
|
96
|
+
styleUrls: ['./sheet-dialog.style.less'],
|
|
97
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
98
|
+
animations: [tuiSlideInTop],
|
|
99
|
+
providers: [
|
|
100
|
+
{
|
|
101
|
+
provide: INTERSECTION_ROOT,
|
|
102
|
+
useExisting: ElementRef,
|
|
103
|
+
},
|
|
104
|
+
],
|
|
105
|
+
}]
|
|
106
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
|
|
107
|
+
type: Inject,
|
|
108
|
+
args: [ElementRef]
|
|
109
|
+
}] }, { type: undefined, decorators: [{
|
|
110
|
+
type: Inject,
|
|
111
|
+
args: [TUI_ANIMATIONS_DURATION]
|
|
112
|
+
}] }, { type: i6.Observable, decorators: [{
|
|
113
|
+
type: Inject,
|
|
114
|
+
args: [TUI_CLOSE_WORD]
|
|
115
|
+
}] }, { type: undefined, decorators: [{
|
|
116
|
+
type: Inject,
|
|
117
|
+
args: [POLYMORPHEUS_CONTEXT]
|
|
118
|
+
}] }]; }, propDecorators: { sheet: [{
|
|
119
|
+
type: ViewChild,
|
|
120
|
+
args: ['sheet']
|
|
121
|
+
}], stopsRefs: [{
|
|
122
|
+
type: ViewChildren,
|
|
123
|
+
args: ['stops']
|
|
124
|
+
}], stuck: [{
|
|
125
|
+
type: HostBinding,
|
|
126
|
+
args: ['class._stuck']
|
|
127
|
+
}], slideInTop: [{
|
|
128
|
+
type: HostBinding,
|
|
129
|
+
args: ['@tuiSlideInTop']
|
|
130
|
+
}], offset: [{
|
|
131
|
+
type: HostBinding,
|
|
132
|
+
args: ['style.top.px']
|
|
133
|
+
}], closeable: [{
|
|
134
|
+
type: HostBinding,
|
|
135
|
+
args: ['class._closeable']
|
|
136
|
+
}], onPointerChange: [{
|
|
137
|
+
type: HostListener,
|
|
138
|
+
args: ['document:touchstart.passive.silent', ['1']]
|
|
139
|
+
}, {
|
|
140
|
+
type: HostListener,
|
|
141
|
+
args: ['document:touchend.silent', ['-1']]
|
|
142
|
+
}, {
|
|
143
|
+
type: HostListener,
|
|
144
|
+
args: ['document:touchcancel.silent', ['-1']]
|
|
145
|
+
}, {
|
|
146
|
+
type: HostListener,
|
|
147
|
+
args: ['scroll.silent', ['0']]
|
|
148
|
+
}], close: [], getStops: [] } });
|
|
149
|
+
|
|
150
|
+
const TUI_SHEET_DIALOG_DEFAULT_OPTIONS = {
|
|
151
|
+
label: ``,
|
|
152
|
+
stops: [],
|
|
153
|
+
initial: 0,
|
|
154
|
+
offset: 16,
|
|
155
|
+
closeable: true,
|
|
156
|
+
};
|
|
157
|
+
/**
|
|
158
|
+
* Default parameters for mobile dialog component
|
|
159
|
+
*/
|
|
160
|
+
const TUI_SHEET_DIALOG_OPTIONS = tuiCreateOptions(TUI_SHEET_DIALOG_DEFAULT_OPTIONS);
|
|
161
|
+
function tuiSheetDialogOptionsProvider(options) {
|
|
162
|
+
return tuiProvideOptions(TUI_SHEET_DIALOG_OPTIONS, options, TUI_SHEET_DIALOG_DEFAULT_OPTIONS);
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
const DIALOG = new PolymorpheusComponent(TuiSheetDialogComponent);
|
|
166
|
+
class TuiSheetDialogService extends AbstractTuiDialogService {
|
|
167
|
+
constructor() {
|
|
168
|
+
super(...arguments);
|
|
169
|
+
this.component = DIALOG;
|
|
170
|
+
this.defaultOptions = Object.assign(Object.assign({}, inject(TUI_SHEET_DIALOG_OPTIONS)), { data: undefined });
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
TuiSheetDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSheetDialogService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
|
|
174
|
+
TuiSheetDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSheetDialogService, providedIn: `root` });
|
|
175
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSheetDialogService, decorators: [{
|
|
176
|
+
type: Injectable,
|
|
177
|
+
args: [{
|
|
178
|
+
providedIn: `root`,
|
|
179
|
+
}]
|
|
180
|
+
}] });
|
|
181
|
+
|
|
182
|
+
class TuiSheetDialogDirective extends AbstractTuiDialogDirective {
|
|
183
|
+
}
|
|
184
|
+
TuiSheetDialogDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSheetDialogDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
185
|
+
TuiSheetDialogDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSheetDialogDirective, selector: "ng-template[tuiSheetDialog]", inputs: { options: ["tuiSheetDialogOptions", "options"], open: ["tuiSheetDialog", "open"] }, outputs: { openChange: "tuiSheetDialogChange" }, providers: [
|
|
186
|
+
{
|
|
187
|
+
provide: AbstractTuiDialogService,
|
|
188
|
+
useExisting: TuiSheetDialogService,
|
|
189
|
+
},
|
|
190
|
+
], usesInheritance: true, ngImport: i0 });
|
|
191
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSheetDialogDirective, decorators: [{
|
|
192
|
+
type: Directive,
|
|
193
|
+
args: [{
|
|
194
|
+
selector: 'ng-template[tuiSheetDialog]',
|
|
195
|
+
providers: [
|
|
196
|
+
{
|
|
197
|
+
provide: AbstractTuiDialogService,
|
|
198
|
+
useExisting: TuiSheetDialogService,
|
|
199
|
+
},
|
|
200
|
+
],
|
|
201
|
+
inputs: ['options: tuiSheetDialogOptions', 'open: tuiSheetDialog'],
|
|
202
|
+
outputs: ['openChange: tuiSheetDialogChange'],
|
|
203
|
+
}]
|
|
204
|
+
}] });
|
|
205
|
+
|
|
206
|
+
class TuiSheetDialogModule {
|
|
207
|
+
}
|
|
208
|
+
TuiSheetDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSheetDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
209
|
+
TuiSheetDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSheetDialogModule, declarations: [TuiSheetDialogComponent, TuiSheetDialogDirective], imports: [CommonModule,
|
|
210
|
+
PolymorpheusModule,
|
|
211
|
+
IntersectionObserverModule,
|
|
212
|
+
TuiClickOutsideModule,
|
|
213
|
+
TuiButtonModule], exports: [TuiSheetDialogComponent, TuiSheetDialogDirective] });
|
|
214
|
+
TuiSheetDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSheetDialogModule, providers: [tuiAsDialog(TuiSheetDialogService)], imports: [[
|
|
215
|
+
CommonModule,
|
|
216
|
+
PolymorpheusModule,
|
|
217
|
+
IntersectionObserverModule,
|
|
218
|
+
TuiClickOutsideModule,
|
|
219
|
+
TuiButtonModule,
|
|
220
|
+
]] });
|
|
221
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSheetDialogModule, decorators: [{
|
|
222
|
+
type: NgModule,
|
|
223
|
+
args: [{
|
|
224
|
+
imports: [
|
|
225
|
+
CommonModule,
|
|
226
|
+
PolymorpheusModule,
|
|
227
|
+
IntersectionObserverModule,
|
|
228
|
+
TuiClickOutsideModule,
|
|
229
|
+
TuiButtonModule,
|
|
230
|
+
],
|
|
231
|
+
declarations: [TuiSheetDialogComponent, TuiSheetDialogDirective],
|
|
232
|
+
exports: [TuiSheetDialogComponent, TuiSheetDialogDirective],
|
|
233
|
+
providers: [tuiAsDialog(TuiSheetDialogService)],
|
|
234
|
+
}]
|
|
235
|
+
}] });
|
|
236
|
+
|
|
237
|
+
/**
|
|
238
|
+
* Generated bundle index. Do not edit.
|
|
239
|
+
*/
|
|
240
|
+
|
|
241
|
+
export { TUI_SHEET_DIALOG_DEFAULT_OPTIONS, TUI_SHEET_DIALOG_OPTIONS, TuiSheetDialogComponent, TuiSheetDialogDirective, TuiSheetDialogModule, TuiSheetDialogService, tuiSheetDialogOptionsProvider };
|
|
242
|
+
//# sourceMappingURL=taiga-ui-addon-mobile-components-sheet-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-mobile-components-sheet-dialog.js","sources":["../../../projects/addon-mobile/components/sheet-dialog/sheet-dialog.component.ts","../../../projects/addon-mobile/components/sheet-dialog/sheet-dialog.template.html","../../../projects/addon-mobile/components/sheet-dialog/sheet-dialog.options.ts","../../../projects/addon-mobile/components/sheet-dialog/sheet-dialog.service.ts","../../../projects/addon-mobile/components/sheet-dialog/sheet-dialog.directive.ts","../../../projects/addon-mobile/components/sheet-dialog/sheet-dialog.module.ts","../../../projects/addon-mobile/components/sheet-dialog/taiga-ui-addon-mobile-components-sheet-dialog.ts"],"sourcesContent":["import {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n HostListener,\n Inject,\n QueryList,\n ViewChild,\n ViewChildren,\n} from '@angular/core';\nimport {INTERSECTION_ROOT} from '@ng-web-apis/intersection-observer';\nimport {EMPTY_QUERY, TuiDialog, tuiPure} from '@taiga-ui/cdk';\nimport {TUI_ANIMATIONS_DURATION, TUI_CLOSE_WORD, tuiSlideInTop} from '@taiga-ui/core';\nimport {shouldCall} from '@tinkoff/ng-event-plugins';\nimport {POLYMORPHEUS_CONTEXT} from '@tinkoff/ng-polymorpheus';\nimport {Observable} from 'rxjs';\n\nimport {TuiSheetDialogOptions} from './sheet-dialog.options';\n\n// So we re-enter ngZone and trigger change detection\nfunction isCloseable(this: TuiSheetDialogComponent<unknown>): boolean {\n return this.context.closeable;\n}\n\n@Component({\n selector: 'tui-sheet-dialog',\n templateUrl: './sheet-dialog.template.html',\n styleUrls: ['./sheet-dialog.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [tuiSlideInTop],\n providers: [\n {\n provide: INTERSECTION_ROOT,\n useExisting: ElementRef,\n },\n ],\n})\nexport class TuiSheetDialogComponent<I> implements AfterViewInit {\n @ViewChild('sheet')\n private readonly sheet?: ElementRef<HTMLElement>;\n\n @ViewChildren('stops')\n private readonly stopsRefs: QueryList<ElementRef<HTMLElement>> = EMPTY_QUERY;\n\n private pointers = 0;\n\n @HostBinding('class._stuck')\n stuck = false;\n\n @HostBinding('@tuiSlideInTop')\n readonly slideInTop = {\n value: '',\n params: {\n start: '100vh',\n duration: this.duration,\n },\n };\n\n constructor(\n @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n @Inject(TUI_ANIMATIONS_DURATION) private readonly duration: number,\n @Inject(TUI_CLOSE_WORD) readonly closeWord$: Observable<string>,\n @Inject(POLYMORPHEUS_CONTEXT)\n readonly context: TuiDialog<TuiSheetDialogOptions<I>, any>,\n ) {}\n\n @HostBinding('style.top.px')\n get offset(): number {\n return this.context.offset;\n }\n\n @HostBinding('class._closeable')\n get closeable(): boolean {\n return this.context.closeable;\n }\n\n get isSmall(): boolean {\n return this.sheetTop > (this.sheet?.nativeElement.clientHeight || Infinity);\n }\n\n @HostListener('document:touchstart.passive.silent', ['1'])\n @HostListener('document:touchend.silent', ['-1'])\n @HostListener('document:touchcancel.silent', ['-1'])\n @HostListener('scroll.silent', ['0'])\n onPointerChange(delta: number): void {\n this.pointers += delta;\n\n if (\n this.context.closeable &&\n !this.pointers &&\n !this.el.nativeElement.scrollTop\n ) {\n this.close();\n }\n }\n\n @shouldCall(isCloseable)\n close(): void {\n // TODO: Refactor focus visible on mobile\n this.el.nativeElement.dispatchEvent(new Event('mousedown', {bubbles: true}));\n this.context.$implicit.complete();\n }\n\n onIntersection([{isIntersecting}]: IntersectionObserverEntry[]): void {\n this.stuck = isIntersecting && !this.isSmall;\n }\n\n ngAfterViewInit(): void {\n this.el.nativeElement.scrollTop = [\n ...this.getStops(this.stopsRefs),\n this.sheetTop,\n ][this.context.initial];\n }\n\n private get sheetTop(): number {\n return this.sheet?.nativeElement.offsetTop ?? Infinity;\n }\n\n @tuiPure\n private getStops(stops: QueryList<ElementRef<HTMLElement>>): readonly number[] {\n return stops.map(\n ({nativeElement}) => nativeElement.offsetTop + nativeElement.clientHeight,\n );\n }\n}\n","<div class=\"t-stops\">\n <div\n *ngFor=\"let stop of context.stops\"\n #stops\n class=\"t-stop\"\n [style.margin-top]=\"stop\"\n ></div>\n</div>\n<div\n #sheet\n waIntersectionObserver\n waIntersectionRootMargin=\"0px 0px -100% 0px\"\n class=\"t-sheet\"\n [class.t-sheet_small]=\"isSmall\"\n (tuiClickOutside)=\"close()\"\n (waIntersectionObservee)=\"onIntersection($event)\"\n>\n <div class=\"t-top\"></div>\n <h2\n *ngIf=\"context.label\"\n class=\"t-heading\"\n [id]=\"context.id\"\n >\n <ng-container *polymorpheusOutlet=\"context.label as label\">\n {{ label }}\n </ng-container>\n <button\n *ngIf=\"context.closeable\"\n tuiIconButton\n icon=\"tuiIconClose\"\n size=\"xs\"\n appearance=\"icon\"\n class=\"t-close\"\n (click)=\"close()\"\n >\n {{ closeWord$ | async }}\n </button>\n </h2>\n <div\n *ngIf=\"context.content\"\n class=\"t-content\"\n >\n <ng-container *polymorpheusOutlet=\"context.content as text; context: context\">\n {{ text }}\n </ng-container>\n </div>\n</div>\n","import {Provider} from '@angular/core';\nimport {tuiCreateOptions, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {PolymorpheusContent} from '@tinkoff/ng-polymorpheus';\n\nexport interface TuiSheetDialogOptions<I = never> {\n readonly label: PolymorpheusContent;\n readonly stops: readonly string[];\n readonly initial: number;\n readonly offset: number;\n readonly closeable: boolean;\n readonly data: I;\n}\n\ntype TuiSheetDialogDefaultOptions = Omit<TuiSheetDialogOptions<unknown>, 'data'>;\n\nexport const TUI_SHEET_DIALOG_DEFAULT_OPTIONS: TuiSheetDialogDefaultOptions = {\n label: ``,\n stops: [],\n initial: 0,\n offset: 16,\n closeable: true,\n};\n\n/**\n * Default parameters for mobile dialog component\n */\nexport const TUI_SHEET_DIALOG_OPTIONS = tuiCreateOptions(\n TUI_SHEET_DIALOG_DEFAULT_OPTIONS,\n);\n\nexport function tuiSheetDialogOptionsProvider(\n options: Partial<TuiSheetDialogDefaultOptions>,\n): Provider {\n return tuiProvideOptions(\n TUI_SHEET_DIALOG_OPTIONS,\n options,\n TUI_SHEET_DIALOG_DEFAULT_OPTIONS,\n );\n}\n","import {inject, Injectable} from '@angular/core';\nimport {AbstractTuiDialogService} from '@taiga-ui/cdk';\nimport {PolymorpheusComponent} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiSheetDialogComponent} from './sheet-dialog.component';\nimport {TUI_SHEET_DIALOG_OPTIONS, TuiSheetDialogOptions} from './sheet-dialog.options';\n\nconst DIALOG = new PolymorpheusComponent(TuiSheetDialogComponent);\n\n@Injectable({\n providedIn: `root`,\n})\nexport class TuiSheetDialogService extends AbstractTuiDialogService<\n TuiSheetDialogOptions<any>,\n number\n> {\n protected readonly component = DIALOG;\n protected readonly defaultOptions: TuiSheetDialogOptions<any> = {\n ...inject(TUI_SHEET_DIALOG_OPTIONS),\n data: undefined,\n };\n}\n","import {Directive} from '@angular/core';\nimport {AbstractTuiDialogDirective, AbstractTuiDialogService} from '@taiga-ui/cdk';\n\nimport {TuiSheetDialogOptions} from './sheet-dialog.options';\nimport {TuiSheetDialogService} from './sheet-dialog.service';\n\n@Directive({\n selector: 'ng-template[tuiSheetDialog]',\n providers: [\n {\n provide: AbstractTuiDialogService,\n useExisting: TuiSheetDialogService,\n },\n ],\n inputs: ['options: tuiSheetDialogOptions', 'open: tuiSheetDialog'],\n outputs: ['openChange: tuiSheetDialogChange'],\n})\nexport class TuiSheetDialogDirective extends AbstractTuiDialogDirective<TuiSheetDialogOptions> {}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {IntersectionObserverModule} from '@ng-web-apis/intersection-observer';\nimport {tuiAsDialog, TuiClickOutsideModule} from '@taiga-ui/cdk';\nimport {TuiButtonModule} from '@taiga-ui/core';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiSheetDialogComponent} from './sheet-dialog.component';\nimport {TuiSheetDialogDirective} from './sheet-dialog.directive';\nimport {TuiSheetDialogService} from './sheet-dialog.service';\n\n@NgModule({\n imports: [\n CommonModule,\n PolymorpheusModule,\n IntersectionObserverModule,\n TuiClickOutsideModule,\n TuiButtonModule,\n ],\n declarations: [TuiSheetDialogComponent, TuiSheetDialogDirective],\n exports: [TuiSheetDialogComponent, TuiSheetDialogDirective],\n providers: [tuiAsDialog(TuiSheetDialogService)],\n})\nexport class TuiSheetDialogModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ export * from '@taiga-ui/addon-mobile/components/mobile-calendar-dialog';
|
|
|
4
4
|
export * from '@taiga-ui/addon-mobile/components/mobile-dialog';
|
|
5
5
|
export * from '@taiga-ui/addon-mobile/components/pull-to-refresh';
|
|
6
6
|
export * from '@taiga-ui/addon-mobile/components/sheet';
|
|
7
|
+
export * from '@taiga-ui/addon-mobile/components/sheet-dialog';
|
|
7
8
|
export * from '@taiga-ui/addon-mobile/components/tab-bar';
|
|
8
9
|
export * from '@taiga-ui/addon-mobile/components/theme-android';
|
|
9
10
|
export * from '@taiga-ui/addon-mobile/components/theme-ios';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-mobile-components.js","sources":["../../../projects/addon-mobile/components/taiga-ui-addon-mobile-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-mobile-components.js","sources":["../../../projects/addon-mobile/components/taiga-ui-addon-mobile-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAAA;;AAEG"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@taiga-ui/addon-mobile",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.38.0-dev.main.39d1b62",
|
|
4
4
|
"description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"angular",
|
|
@@ -15,9 +15,9 @@
|
|
|
15
15
|
"@angular/common": ">=12.0.0",
|
|
16
16
|
"@angular/core": ">=12.0.0",
|
|
17
17
|
"@ng-web-apis/common": ">=3.0.0",
|
|
18
|
-
"@taiga-ui/cdk": ">=3.
|
|
19
|
-
"@taiga-ui/core": ">=3.
|
|
20
|
-
"@taiga-ui/kit": ">=3.
|
|
18
|
+
"@taiga-ui/cdk": ">=3.38.0",
|
|
19
|
+
"@taiga-ui/core": ">=3.38.0",
|
|
20
|
+
"@taiga-ui/kit": ">=3.38.0",
|
|
21
21
|
"@tinkoff/ng-polymorpheus": ">=4.0.0",
|
|
22
22
|
"rxjs": ">=6.0.0"
|
|
23
23
|
},
|