@taiga-ui/addon-mobile 3.21.0 → 3.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/taiga-ui-addon-mobile-components-sheet.umd.js +22 -29
- package/bundles/taiga-ui-addon-mobile-components-sheet.umd.js.map +1 -1
- package/components/sheet/directives/sheet-wrapper/sheet-wrapper.directive.d.ts +4 -3
- package/components/sheet/ios.hacks.d.ts +0 -1
- package/esm2015/components/sheet/components/sheet/sheet.component.js +2 -2
- package/esm2015/components/sheet/components/sheet-heading/sheet-heading.component.js +1 -1
- package/esm2015/components/sheet/components/sheets-host/sheets-host.component.js +2 -2
- package/esm2015/components/sheet/directives/sheet-wrapper/sheet-wrapper.directive.js +24 -23
- package/esm2015/components/sheet/ios.hacks.js +4 -11
- package/fesm2015/taiga-ui-addon-mobile-components-sheet.js +26 -32
- package/fesm2015/taiga-ui-addon-mobile-components-sheet.js.map +1 -1
- package/package.json +4 -4
|
@@ -368,13 +368,6 @@
|
|
|
368
368
|
return i1.concat(scroll$.pipe(operators.take(1)), result$).pipe(i3.tuiZonefree(ngZone), operators.share());
|
|
369
369
|
}
|
|
370
370
|
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
371
|
-
function processDragged(dragged$, scroll$) {
|
|
372
|
-
var touchstart$ = dragged$.pipe(operators.filter(Boolean));
|
|
373
|
-
var touchend$ = dragged$.pipe(operators.filter(i3.tuiIsFalsy));
|
|
374
|
-
var race$ = i1.race(scroll$, i1.timer(100)).pipe(operators.debounceTime(200), operators.take(1), operators.map(i3.ALWAYS_FALSE_HANDLER));
|
|
375
|
-
return touchstart$.pipe(operators.switchMap(function () { return touchend$.pipe(operators.switchMap(function () { return race$; }), operators.startWith(true)); }), operators.startWith(false));
|
|
376
|
-
}
|
|
377
|
-
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
378
371
|
function fakeSmoothScroll(_a, offset) {
|
|
379
372
|
var style = _a.style;
|
|
380
373
|
style.transition = "none";
|
|
@@ -416,7 +409,7 @@
|
|
|
416
409
|
return TuiSheetHeadingComponent;
|
|
417
410
|
}());
|
|
418
411
|
TuiSheetHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetHeadingComponent, deps: [{ token: i3.TuiIdService }, { token: i0.ElementRef }, { token: i1$1.TUI_CLOSE_WORD }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
419
|
-
TuiSheetHeadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSheetHeadingComponent, selector: "[tuiSheetHeading]", ngImport: i0__namespace, template: "<button\n tuiIconButton\n size=\"xs\"\n appearance=\"icon\"\n type=\"button\"\n icon=\"tuiIconCloseLarge\"\n class=\"t-close\"\n [title]=\"closeWord$ | async\"\n (click)=\"onClick()\"\n></button>\n<span [id]=\"id\">\n <ng-content></ng-content>\n</span>\n", styles: [":host{position:-webkit-sticky;position:sticky;top:0;z-index:1;min-height:2rem;box-sizing:border-box;margin:-1.25rem -1rem 0;padding:1.5rem 1rem 1rem;background:var(--tui-
|
|
412
|
+
TuiSheetHeadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSheetHeadingComponent, selector: "[tuiSheetHeading]", ngImport: i0__namespace, template: "<button\n tuiIconButton\n size=\"xs\"\n appearance=\"icon\"\n type=\"button\"\n icon=\"tuiIconCloseLarge\"\n class=\"t-close\"\n [title]=\"closeWord$ | async\"\n (click)=\"onClick()\"\n></button>\n<span [id]=\"id\">\n <ng-content></ng-content>\n</span>\n", styles: [":host{position:-webkit-sticky;position:sticky;top:0;z-index:1;min-height:2rem;box-sizing:border-box;margin:-1.25rem -1rem 0;padding:1.5rem 1rem 1rem;background:var(--tui-elevation-01);border-radius:.75rem .75rem 0 0;font:var(--tui-font-heading-6);box-shadow:inset 0 1px rgba(255,255,255,.25)}:host:after{content:\"\";position:absolute;top:100%;left:0;right:0;height:1px;background:var(--tui-base-03);opacity:0}:host :host-context(._stuck):after{opacity:1}.t-close{display:none;float:right;margin-right:-.25rem}:host-context(.t-wrapper_closeable) .t-close{display:block}\n"], components: [{ type: i1__namespace.TuiButtonComponent, selector: "button[tuiButton], button[tuiIconButton], a[tuiButton], a[tuiIconButton]", inputs: ["appearance", "disabled", "icon", "iconRight", "shape", "showLoader", "size"] }], pipes: { "async": i2__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
420
413
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetHeadingComponent, decorators: [{
|
|
421
414
|
type: i0.Component,
|
|
422
415
|
args: [{
|
|
@@ -694,7 +687,7 @@
|
|
|
694
687
|
return TuiSheetComponent;
|
|
695
688
|
}());
|
|
696
689
|
TuiSheetComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetComponent, deps: [{ token: TUI_SHEET_SCROLL }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.TUI_IS_IOS }, { token: kit.TUI_MORE_WORD }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
697
|
-
TuiSheetComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSheetComponent, selector: "tui-sheet", inputs: { item: "item" }, host: { attributes: { "role": "dialog" }, listeners: { "$.class._stuck": "stuck$", "tui-sheet-id": "onId($event.detail)" }, properties: { "attr.aria-labelledby": "id", "class._ios": "isIos", "$.class._stuck": "stuck$" } }, providers: TUI_SHEET_PROVIDERS, viewQueries: [{ propertyName: "sheet", first: true, predicate: ["sheet"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "stopsRefs", predicate: ["stops"], descendants: true }], ngImport: i0__namespace, template: "<div\n class=\"t-bumpers\"\n (click)=\"close()\"\n>\n <div\n *ngFor=\"let stop of item.stops\"\n #stops\n class=\"t-bumper\"\n [style.marginTop]=\"stop\"\n ></div>\n</div>\n<div\n #sheet\n class=\"t-wrapper\"\n [class.t-wrapper_shadow]=\"!item.image\"\n>\n <header\n *ngIf=\"item.image\"\n class=\"t-top\"\n [tuiSheetTop]=\"imageStop\"\n >\n <img\n *polymorpheusOutlet=\"item.image as src; context: context\"\n alt=\"\"\n class=\"t-image\"\n [src]=\"src\"\n />\n </header>\n <section\n #content\n tuiSheetStop\n class=\"t-sheet\"\n >\n <div class=\"t-bar\"></div>\n <tui-sheet-bar>\n <button\n type=\"button\"\n class=\"t-button\"\n [title]=\"moreWord$ | async\"\n (click)=\"scrollTo(stops[1])\"\n ></button>\n </tui-sheet-bar>\n <div class=\"t-content\">\n <h2\n *polymorpheusOutlet=\"item.content as text; context: context\"\n tuiSheetHeading\n class=\"t-heading\"\n >\n {{ text }}\n </h2>\n </div>\n </section>\n</div>\n", styles: [":host{scrollbar-width:none;-ms-overflow-style:none;position:absolute;top:0;left:0;bottom:0;right:0;transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;top:auto;border-radius:.75rem .75rem 0 0;overflow-y:auto;overflow-x:hidden;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;box-shadow:0
|
|
690
|
+
TuiSheetComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSheetComponent, selector: "tui-sheet", inputs: { item: "item" }, host: { attributes: { "role": "dialog" }, listeners: { "$.class._stuck": "stuck$", "tui-sheet-id": "onId($event.detail)" }, properties: { "attr.aria-labelledby": "id", "class._ios": "isIos", "$.class._stuck": "stuck$" } }, providers: TUI_SHEET_PROVIDERS, viewQueries: [{ propertyName: "sheet", first: true, predicate: ["sheet"], descendants: true }, { propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "stopsRefs", predicate: ["stops"], descendants: true }], ngImport: i0__namespace, template: "<div\n class=\"t-bumpers\"\n (click)=\"close()\"\n>\n <div\n *ngFor=\"let stop of item.stops\"\n #stops\n class=\"t-bumper\"\n [style.marginTop]=\"stop\"\n ></div>\n</div>\n<div\n #sheet\n class=\"t-wrapper\"\n [class.t-wrapper_shadow]=\"!item.image\"\n>\n <header\n *ngIf=\"item.image\"\n class=\"t-top\"\n [tuiSheetTop]=\"imageStop\"\n >\n <img\n *polymorpheusOutlet=\"item.image as src; context: context\"\n alt=\"\"\n class=\"t-image\"\n [src]=\"src\"\n />\n </header>\n <section\n #content\n tuiSheetStop\n class=\"t-sheet\"\n >\n <div class=\"t-bar\"></div>\n <tui-sheet-bar>\n <button\n type=\"button\"\n class=\"t-button\"\n [title]=\"moreWord$ | async\"\n (click)=\"scrollTo(stops[1])\"\n ></button>\n </tui-sheet-bar>\n <div class=\"t-content\">\n <h2\n *polymorpheusOutlet=\"item.content as text; context: context\"\n tuiSheetHeading\n class=\"t-heading\"\n >\n {{ text }}\n </h2>\n </div>\n </section>\n</div>\n", styles: [":host{scrollbar-width:none;-ms-overflow-style:none;position:absolute;top:0;left:0;bottom:0;right:0;transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;top:auto;border-radius:.75rem .75rem 0 0;overflow-y:auto;overflow-x:hidden;-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;box-shadow:0 50vh var(--tui-elevation-01);padding-right:1rem;margin-left:-1rem;transform:scaleX(-1);-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)}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{background:transparent;width:0;height:0}:host._stuck{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}@supports (-moz-appearance: none){:host{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}}.t-bumpers{display:flex;height:100%}:host-context(.t-wrapper_closeable) .t-bumpers{scroll-snap-stop:always;scroll-snap-align:start;scroll-margin:-1px}.t-bumper{scroll-snap-stop:always;scroll-snap-align:start;height:1rem;width:1rem}.t-wrapper{border-radius:inherit;scroll-snap-stop:always;scroll-snap-align:start}.t-wrapper_shadow{box-shadow:0 .25rem 1.5rem rgba(0,0,0,.12)}.t-top{box-shadow:0 .25rem 1.5rem rgba(0,0,0,.12);position:-webkit-sticky;position:sticky;top:0;border-radius:.8rem .8rem 0 0;transform:scaleX(-1);overflow:hidden}.t-top._clickthrough{pointer-events:none}:host-context(._overlay:not(._visible)) .t-top{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;transform:scaleX(-1)!important}.t-image{display:block;width:100%}.t-sheet{position:relative;border-radius:inherit;scroll-snap-stop:always;scroll-snap-align:start;transform:scaleX(-1)}.t-top:not(._rounded)~.t-sheet .t-bar{border-radius:0}.t-bar{transition-property:border-radius;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:-webkit-sticky;position:sticky;top:0;z-index:1;height:1.5rem;margin-bottom:-1.5rem;border-radius:inherit;background:var(--tui-elevation-01);box-shadow:inset 0 1px rgba(255,255,255,.25)}.t-button{position:absolute;top:0;height:1.5rem;width:3rem;padding:0;border:0;opacity:0}.t-content{padding:1rem;margin-top:-1rem;border-radius:inherit;background:var(--tui-elevation-01)}.t-heading{padding-bottom:.5rem;background:var(--tui-elevation-01)}\n"], components: [{ type: TuiSheetBarComponent, selector: "tui-sheet-bar" }, { type: TuiSheetHeadingComponent, selector: "[tuiSheetHeading]" }], directives: [{ type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: TuiSheetTopDirective, selector: "[tuiSheetTop]", inputs: ["tuiSheetTop"] }, { type: i5__namespace.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { type: TuiSheetStopDirective, selector: "[tuiSheetStop]" }], pipes: { "async": i2__namespace.AsyncPipe }, animations: [i1$1.tuiSlideInTop], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
698
691
|
__decorate([
|
|
699
692
|
i3.tuiPure
|
|
700
693
|
], TuiSheetComponent.prototype, "context", null);
|
|
@@ -807,23 +800,22 @@
|
|
|
807
800
|
// Safety offset for shadow
|
|
808
801
|
var OFFSET = 16;
|
|
809
802
|
var TuiSheetWrapperDirective = /** @class */ (function () {
|
|
810
|
-
function TuiSheetWrapperDirective(windowRef) {
|
|
803
|
+
function TuiSheetWrapperDirective(ngZone, windowRef) {
|
|
804
|
+
this.ngZone = ngZone;
|
|
811
805
|
this.windowRef = windowRef;
|
|
812
806
|
this.tuiSheetWrapper = 16;
|
|
813
|
-
// Trying to get overflow: visible as early as possible for Safari
|
|
814
|
-
this.touched = false;
|
|
815
807
|
}
|
|
816
808
|
Object.defineProperty(TuiSheetWrapperDirective.prototype, "overlay$", {
|
|
817
809
|
get: function () {
|
|
818
810
|
var _this = this;
|
|
819
|
-
return this.scroll$.pipe(operators.map(function (y) { return y + 16 > _this.windowRef.innerHeight - _this.tuiSheetWrapper; }));
|
|
811
|
+
return this.scroll$.pipe(operators.map(function (y) { return y + 16 > _this.windowRef.innerHeight - _this.tuiSheetWrapper; }), operators.distinctUntilChanged(), i3.tuiZonefull(this.ngZone));
|
|
820
812
|
},
|
|
821
813
|
enumerable: false,
|
|
822
814
|
configurable: true
|
|
823
815
|
});
|
|
824
816
|
Object.defineProperty(TuiSheetWrapperDirective.prototype, "visible$", {
|
|
825
817
|
get: function () {
|
|
826
|
-
return processDragged(this.dragged$, this.scroll$);
|
|
818
|
+
return processDragged(this.dragged$, this.scroll$).pipe(operators.distinctUntilChanged(), i3.tuiZonefull(this.ngZone));
|
|
827
819
|
},
|
|
828
820
|
enumerable: false,
|
|
829
821
|
configurable: true
|
|
@@ -849,8 +841,8 @@
|
|
|
849
841
|
};
|
|
850
842
|
return TuiSheetWrapperDirective;
|
|
851
843
|
}());
|
|
852
|
-
TuiSheetWrapperDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetWrapperDirective, deps: [{ token: common.WINDOW }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
853
|
-
TuiSheetWrapperDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSheetWrapperDirective, selector: "[tuiSheetWrapper]", inputs: { tuiSheetWrapper: "tuiSheetWrapper" },
|
|
844
|
+
TuiSheetWrapperDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetWrapperDirective, deps: [{ token: i0.NgZone }, { token: common.WINDOW }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
845
|
+
TuiSheetWrapperDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSheetWrapperDirective, selector: "[tuiSheetWrapper]", inputs: { tuiSheetWrapper: "tuiSheetWrapper" }, queries: [{ propertyName: "sheet", first: true, predicate: TuiSheetComponent, descendants: true }, { propertyName: "dragged$", first: true, predicate: TuiSheetComponent, descendants: true, read: TUI_SHEET_DRAGGED, static: true }, { propertyName: "scroll$", first: true, predicate: TuiSheetComponent, descendants: true, read: TUI_SHEET_SCROLL, static: true }], exportAs: ["tuiSheetWrapper"], ngImport: i0__namespace });
|
|
854
846
|
__decorate([
|
|
855
847
|
i3.tuiPure
|
|
856
848
|
], TuiSheetWrapperDirective.prototype, "overlay$", null);
|
|
@@ -864,17 +856,13 @@
|
|
|
864
856
|
type: i0.Directive,
|
|
865
857
|
args: [{
|
|
866
858
|
selector: '[tuiSheetWrapper]',
|
|
867
|
-
|
|
868
|
-
'[$.class._overlay]': 'overlay$',
|
|
869
|
-
'($.class._overlay)': 'overlay$',
|
|
870
|
-
'[$.class._visible]': 'visible$',
|
|
871
|
-
'($.class._visible)': 'visible$',
|
|
872
|
-
'[$.style.height.px]': 'height$',
|
|
873
|
-
'($.style.height.px)': 'height$',
|
|
874
|
-
},
|
|
859
|
+
exportAs: 'tuiSheetWrapper',
|
|
875
860
|
}]
|
|
876
861
|
}], ctorParameters: function () {
|
|
877
|
-
return [{ type:
|
|
862
|
+
return [{ type: i0__namespace.NgZone, decorators: [{
|
|
863
|
+
type: i0.Inject,
|
|
864
|
+
args: [i0.NgZone]
|
|
865
|
+
}] }, { type: Window, decorators: [{
|
|
878
866
|
type: i0.Inject,
|
|
879
867
|
args: [common.WINDOW]
|
|
880
868
|
}] }];
|
|
@@ -883,13 +871,19 @@
|
|
|
883
871
|
args: [TuiSheetComponent]
|
|
884
872
|
}], dragged$: [{
|
|
885
873
|
type: i0.ContentChild,
|
|
886
|
-
args: [TuiSheetComponent, { read: TUI_SHEET_DRAGGED }]
|
|
874
|
+
args: [TuiSheetComponent, { read: TUI_SHEET_DRAGGED, static: true }]
|
|
887
875
|
}], scroll$: [{
|
|
888
876
|
type: i0.ContentChild,
|
|
889
|
-
args: [TuiSheetComponent, { read: TUI_SHEET_SCROLL }]
|
|
877
|
+
args: [TuiSheetComponent, { read: TUI_SHEET_SCROLL, static: true }]
|
|
890
878
|
}], tuiSheetWrapper: [{
|
|
891
879
|
type: i0.Input
|
|
892
880
|
}], overlay$: [], visible$: [], height$: [] } });
|
|
881
|
+
function processDragged(dragged$, scroll$) {
|
|
882
|
+
var touchstart$ = dragged$.pipe(operators.filter(Boolean));
|
|
883
|
+
var touchend$ = dragged$.pipe(operators.filter(i3.tuiIsFalsy));
|
|
884
|
+
var race$ = i1.race(scroll$, i1.timer(100)).pipe(operators.debounceTime(200), operators.take(1), operators.map(i3.ALWAYS_FALSE_HANDLER));
|
|
885
|
+
return touchstart$.pipe(operators.switchMap(function () { return touchend$.pipe(operators.switchMap(function () { return race$; }), operators.startWith(true)); }), operators.startWith(false));
|
|
886
|
+
}
|
|
893
887
|
|
|
894
888
|
var TuiSheetCloseDirective = /** @class */ (function () {
|
|
895
889
|
function TuiSheetCloseDirective(ngZone, dragged$, scroll$, windowRef, elementRef, sheet) {
|
|
@@ -955,7 +949,7 @@
|
|
|
955
949
|
return TuiSheetsHostComponent;
|
|
956
950
|
}());
|
|
957
951
|
TuiSheetsHostComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetsHostComponent, deps: [{ token: i1$1.TUI_ANIMATION_OPTIONS }, { token: TuiSheetService }, { token: i3.TUI_WINDOW_HEIGHT }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
958
|
-
TuiSheetsHostComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSheetsHostComponent, selector: "tui-sheets-host", ngImport: i0__namespace, template: "<ng-container *ngIf=\"service.sheets$ | async as items\">\n <div\n *ngFor=\"let item of items\"\n class=\"t-wrapper\"\n [@tuiSlideInTop]=\"options\"\n [@tuiFadeIn]=\"options\"\n [tuiSheetWrapper]=\"item.offset\"\n [class.t-wrapper_overlay]=\"item.overlay\"\n [class.t-
|
|
952
|
+
TuiSheetsHostComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSheetsHostComponent, selector: "tui-sheets-host", ngImport: i0__namespace, template: "<ng-container *ngIf=\"service.sheets$ | async as items\">\n <div\n *ngFor=\"let item of items\"\n #wrapper=\"tuiSheetWrapper\"\n class=\"t-wrapper\"\n [@tuiSlideInTop]=\"options\"\n [@tuiFadeIn]=\"options\"\n [tuiSheetWrapper]=\"item.offset\"\n [class.t-wrapper_closeable]=\"item.closeable\"\n [class.t-wrapper_overlay]=\"item.overlay || (wrapper.overlay$ | async)\"\n [class.t-wrapper_visible]=\"wrapper.visible$ | async\"\n [style.height.px]=\"wrapper.height$ | async\"\n (click.self)=\"close(item)\"\n >\n <tui-sheet\n tuiScrollRef\n tuiOverscroll=\"all\"\n [style.height.px]=\"((height$ | async) || 0) - item.offset\"\n [item]=\"item\"\n (close)=\"close(item)\"\n ></tui-sheet>\n </div>\n <div\n class=\"t-overlay\"\n (click)=\"close(items[0])\"\n ></div>\n</ng-container>\n", styles: [":host{position:-webkit-sticky;position:sticky;bottom:0;display:block;height:0}.t-overlay{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:fixed;top:0;left:0;width:100%;z-index:-1;height:100%;background:#000;opacity:.001;pointer-events:none}.t-wrapper_overlay~.t-overlay{opacity:.8;pointer-events:auto;touch-action:none}.t-wrapper{position:absolute;bottom:0;z-index:0;width:100%;height:100vh;overflow:hidden}.t-wrapper_visible{overflow:visible}\n"], components: [{ type: TuiSheetComponent, selector: "tui-sheet", inputs: ["item"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: TuiSheetWrapperDirective, selector: "[tuiSheetWrapper]", inputs: ["tuiSheetWrapper"], exportAs: ["tuiSheetWrapper"] }, { type: TuiSheetCloseDirective, selector: "tui-sheet[close]", outputs: ["close"] }, { type: i1__namespace.TuiScrollRefDirective, selector: "[tuiScrollRef]" }, { type: i3__namespace.TuiOverscrollDirective, selector: "[tuiOverscroll]", inputs: ["tuiOverscroll"] }], pipes: { "async": i2__namespace.AsyncPipe }, animations: [i1$1.tuiSlideInTop, i1$1.tuiFadeIn], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
959
953
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSheetsHostComponent, decorators: [{
|
|
960
954
|
type: i0.Component,
|
|
961
955
|
args: [{
|
|
@@ -1115,7 +1109,6 @@
|
|
|
1115
1109
|
exports.TuiSheetsHostComponent = TuiSheetsHostComponent;
|
|
1116
1110
|
exports.fakeSmoothScroll = fakeSmoothScroll;
|
|
1117
1111
|
exports.iosScrollFactory = iosScrollFactory;
|
|
1118
|
-
exports.processDragged = processDragged;
|
|
1119
1112
|
|
|
1120
1113
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
1121
1114
|
|