@taiga-ui/addon-mobile 2.55.0 → 2.56.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-mobile-calendar-dialog.umd.js +1 -1
- package/bundles/taiga-ui-addon-mobile-components-mobile-calendar-dialog.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-components-mobile-calendar-dialog.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-components-mobile-calendar.umd.js +16 -16
- package/bundles/taiga-ui-addon-mobile-components-mobile-calendar.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-components-mobile-calendar.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-components-mobile-dialog.umd.js +5 -5
- package/bundles/taiga-ui-addon-mobile-components-mobile-dialog.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-components-mobile-dialog.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-components-pull-to-refresh.umd.js +8 -8
- package/bundles/taiga-ui-addon-mobile-components-pull-to-refresh.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-components-pull-to-refresh.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-components-sheet.umd.js +55 -55
- package/bundles/taiga-ui-addon-mobile-components-sheet.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-components-sheet.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-components-theme-android.umd.js +2 -2
- package/bundles/taiga-ui-addon-mobile-components-theme-android.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-components-theme-android.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-components-theme-ios.umd.js +2 -2
- package/bundles/taiga-ui-addon-mobile-components-theme-ios.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-components-theme-ios.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-const.umd.js +1 -1
- package/bundles/taiga-ui-addon-mobile-const.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-const.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-directives-elastic-sticky.umd.js +3 -3
- package/bundles/taiga-ui-addon-mobile-directives-elastic-sticky.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-directives-elastic-sticky.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-directives-mobile-tabs.umd.js +5 -5
- package/bundles/taiga-ui-addon-mobile-directives-mobile-tabs.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-directives-mobile-tabs.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-directives-ripple.umd.js +16 -16
- package/bundles/taiga-ui-addon-mobile-directives-ripple.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-directives-ripple.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-directives-sidebar.umd.js +10 -10
- package/bundles/taiga-ui-addon-mobile-directives-sidebar.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-directives-sidebar.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-directives-touchable.umd.js +15 -15
- package/bundles/taiga-ui-addon-mobile-directives-touchable.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-directives-touchable.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-enums.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-enums.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.umd.js +2 -2
- package/bundles/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.umd.min.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-tokens.umd.js +1 -1
- package/bundles/taiga-ui-addon-mobile-tokens.umd.js.map +1 -1
- package/bundles/taiga-ui-addon-mobile-tokens.umd.min.js.map +1 -1
- package/esm2015/components/mobile-calendar/mobile-calendar.component.js +15 -15
- package/esm2015/components/mobile-calendar/mobile-calendar.providers.js +2 -2
- package/esm2015/components/mobile-calendar/mobile-calendar.strategy.js +2 -2
- package/esm2015/components/mobile-calendar-dialog/mobile-calendar-dialog.component.js +2 -2
- package/esm2015/components/mobile-dialog/mobile-dialog.component.js +3 -3
- package/esm2015/components/mobile-dialog/mobile-dialog.service.js +4 -4
- package/esm2015/components/pull-to-refresh/loader-android/loader-android.component.js +3 -3
- package/esm2015/components/pull-to-refresh/loader-ios/loader-ios.component.js +2 -2
- package/esm2015/components/pull-to-refresh/pull-to-refresh.component.js +2 -2
- package/esm2015/components/pull-to-refresh/pull-to-refresh.providers.js +3 -3
- package/esm2015/components/sheet/components/sheet/sheet.component.js +13 -13
- package/esm2015/components/sheet/components/sheet/sheet.providers.js +6 -6
- package/esm2015/components/sheet/components/sheet-bar/sheet-bar.component.js +2 -2
- package/esm2015/components/sheet/components/sheet-heading/sheet-heading.component.js +4 -4
- package/esm2015/components/sheet/components/sheets-host/sheets-host.component.js +2 -2
- package/esm2015/components/sheet/directives/sheet-close/sheet-close.directive.js +2 -2
- package/esm2015/components/sheet/directives/sheet-stop/sheet-stop.directive.js +5 -5
- package/esm2015/components/sheet/directives/sheet-top/sheet-top.directive.js +9 -9
- package/esm2015/components/sheet/directives/sheet-wrapper/sheet-wrapper.directive.js +8 -8
- package/esm2015/components/sheet/ios.hacks.js +9 -9
- package/esm2015/components/sheet/sheet-options.js +3 -3
- package/esm2015/components/sheet/sheet.directive.js +3 -3
- package/esm2015/components/sheet/sheet.service.js +2 -2
- package/esm2015/components/theme-android/theme-android.component.js +3 -3
- package/esm2015/components/theme-ios/theme-ios.component.js +3 -3
- package/esm2015/const/mobile-alert-options.js +2 -2
- package/esm2015/directives/elastic-sticky/elastic-sticky.directive.js +3 -3
- package/esm2015/directives/elastic-sticky/elastic-sticky.service.js +2 -2
- package/esm2015/directives/mobile-tabs/mobile-tabs.component.js +2 -2
- package/esm2015/directives/mobile-tabs/mobile-tabs.directive.js +5 -5
- package/esm2015/directives/ripple/ripple-styles.component.js +2 -2
- package/esm2015/directives/ripple/ripple.directive.js +7 -7
- package/esm2015/directives/ripple/ripple.providers.js +10 -10
- package/esm2015/directives/sidebar/sidebar.component.js +7 -7
- package/esm2015/directives/sidebar/sidebar.directive.js +5 -5
- package/esm2015/directives/touchable/touchable.directive.js +15 -15
- package/esm2015/enums/touch-mode.js +1 -1
- package/esm2015/internal/primitive-calendar-mobile/primitive-calendar-mobile.component.js +3 -3
- package/esm2015/tokens/loaded.js +2 -2
- package/esm5/components/mobile-calendar/mobile-calendar.component.js +15 -15
- package/esm5/components/mobile-calendar/mobile-calendar.providers.js +2 -2
- package/esm5/components/mobile-calendar/mobile-calendar.strategy.js +2 -2
- package/esm5/components/mobile-calendar-dialog/mobile-calendar-dialog.component.js +2 -2
- package/esm5/components/mobile-dialog/mobile-dialog.component.js +3 -3
- package/esm5/components/mobile-dialog/mobile-dialog.service.js +4 -4
- package/esm5/components/pull-to-refresh/loader-android/loader-android.component.js +3 -3
- package/esm5/components/pull-to-refresh/loader-ios/loader-ios.component.js +2 -2
- package/esm5/components/pull-to-refresh/pull-to-refresh.component.js +2 -2
- package/esm5/components/pull-to-refresh/pull-to-refresh.providers.js +5 -5
- package/esm5/components/sheet/components/sheet/sheet.component.js +13 -13
- package/esm5/components/sheet/components/sheet/sheet.providers.js +6 -6
- package/esm5/components/sheet/components/sheet-bar/sheet-bar.component.js +2 -2
- package/esm5/components/sheet/components/sheet-heading/sheet-heading.component.js +4 -4
- package/esm5/components/sheet/components/sheets-host/sheets-host.component.js +2 -2
- package/esm5/components/sheet/directives/sheet-close/sheet-close.directive.js +2 -2
- package/esm5/components/sheet/directives/sheet-stop/sheet-stop.directive.js +5 -5
- package/esm5/components/sheet/directives/sheet-top/sheet-top.directive.js +9 -9
- package/esm5/components/sheet/directives/sheet-wrapper/sheet-wrapper.directive.js +8 -8
- package/esm5/components/sheet/ios.hacks.js +9 -9
- package/esm5/components/sheet/sheet-options.js +3 -3
- package/esm5/components/sheet/sheet.directive.js +3 -3
- package/esm5/components/sheet/sheet.service.js +2 -2
- package/esm5/components/theme-android/theme-android.component.js +3 -3
- package/esm5/components/theme-ios/theme-ios.component.js +3 -3
- package/esm5/const/mobile-alert-options.js +2 -2
- package/esm5/directives/elastic-sticky/elastic-sticky.directive.js +3 -3
- package/esm5/directives/elastic-sticky/elastic-sticky.service.js +2 -2
- package/esm5/directives/mobile-tabs/mobile-tabs.component.js +2 -2
- package/esm5/directives/mobile-tabs/mobile-tabs.directive.js +5 -5
- package/esm5/directives/ripple/ripple-styles.component.js +2 -2
- package/esm5/directives/ripple/ripple.directive.js +7 -7
- package/esm5/directives/ripple/ripple.providers.js +10 -10
- package/esm5/directives/sidebar/sidebar.component.js +7 -7
- package/esm5/directives/sidebar/sidebar.directive.js +5 -5
- package/esm5/directives/touchable/touchable.directive.js +16 -16
- package/esm5/enums/touch-mode.js +1 -1
- package/esm5/internal/primitive-calendar-mobile/primitive-calendar-mobile.component.js +3 -3
- package/esm5/tokens/loaded.js +2 -2
- package/fesm2015/taiga-ui-addon-mobile-components-mobile-calendar-dialog.js +1 -1
- package/fesm2015/taiga-ui-addon-mobile-components-mobile-calendar-dialog.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-components-mobile-calendar.js +16 -16
- package/fesm2015/taiga-ui-addon-mobile-components-mobile-calendar.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-components-mobile-dialog.js +5 -5
- package/fesm2015/taiga-ui-addon-mobile-components-mobile-dialog.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-components-pull-to-refresh.js +6 -6
- package/fesm2015/taiga-ui-addon-mobile-components-pull-to-refresh.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-components-sheet.js +55 -55
- package/fesm2015/taiga-ui-addon-mobile-components-sheet.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-components-theme-android.js +2 -2
- package/fesm2015/taiga-ui-addon-mobile-components-theme-android.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-components-theme-ios.js +2 -2
- package/fesm2015/taiga-ui-addon-mobile-components-theme-ios.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-const.js +1 -1
- package/fesm2015/taiga-ui-addon-mobile-const.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-directives-elastic-sticky.js +3 -3
- package/fesm2015/taiga-ui-addon-mobile-directives-elastic-sticky.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-directives-mobile-tabs.js +5 -5
- package/fesm2015/taiga-ui-addon-mobile-directives-mobile-tabs.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-directives-ripple.js +16 -16
- package/fesm2015/taiga-ui-addon-mobile-directives-ripple.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-directives-sidebar.js +10 -10
- package/fesm2015/taiga-ui-addon-mobile-directives-sidebar.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-directives-touchable.js +14 -14
- package/fesm2015/taiga-ui-addon-mobile-directives-touchable.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-enums.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.js +2 -2
- package/fesm2015/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.js.map +1 -1
- package/fesm2015/taiga-ui-addon-mobile-tokens.js +1 -1
- package/fesm2015/taiga-ui-addon-mobile-tokens.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-components-mobile-calendar-dialog.js +1 -1
- package/fesm5/taiga-ui-addon-mobile-components-mobile-calendar-dialog.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-components-mobile-calendar.js +16 -16
- package/fesm5/taiga-ui-addon-mobile-components-mobile-calendar.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-components-mobile-dialog.js +5 -5
- package/fesm5/taiga-ui-addon-mobile-components-mobile-dialog.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-components-pull-to-refresh.js +8 -8
- package/fesm5/taiga-ui-addon-mobile-components-pull-to-refresh.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-components-sheet.js +55 -55
- package/fesm5/taiga-ui-addon-mobile-components-sheet.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-components-theme-android.js +2 -2
- package/fesm5/taiga-ui-addon-mobile-components-theme-android.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-components-theme-ios.js +2 -2
- package/fesm5/taiga-ui-addon-mobile-components-theme-ios.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-const.js +1 -1
- package/fesm5/taiga-ui-addon-mobile-const.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-directives-elastic-sticky.js +3 -3
- package/fesm5/taiga-ui-addon-mobile-directives-elastic-sticky.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-directives-mobile-tabs.js +5 -5
- package/fesm5/taiga-ui-addon-mobile-directives-mobile-tabs.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-directives-ripple.js +16 -16
- package/fesm5/taiga-ui-addon-mobile-directives-ripple.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-directives-sidebar.js +10 -10
- package/fesm5/taiga-ui-addon-mobile-directives-sidebar.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-directives-touchable.js +15 -15
- package/fesm5/taiga-ui-addon-mobile-directives-touchable.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-enums.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.js +2 -2
- package/fesm5/taiga-ui-addon-mobile-internal-primitive-calendar-mobile.js.map +1 -1
- package/fesm5/taiga-ui-addon-mobile-tokens.js +1 -1
- package/fesm5/taiga-ui-addon-mobile-tokens.js.map +1 -1
- package/package.json +4 -4
|
@@ -2,10 +2,10 @@ import { ElementRef, InjectionToken, Renderer2 } from '@angular/core';
|
|
|
2
2
|
import { isPresent, TUI_IS_IOS, TUI_TOUCH_SUPPORTED, TuiDestroyService, typedFromEvent, } from '@taiga-ui/cdk';
|
|
3
3
|
import { EMPTY } from 'rxjs';
|
|
4
4
|
import { filter, map, takeUntil } from 'rxjs/operators';
|
|
5
|
-
export var RIPPLE_ON =
|
|
6
|
-
export var RIPPLE_OFF =
|
|
7
|
-
export var TUI_RIPPLE_START = new InjectionToken(
|
|
8
|
-
export var TUI_RIPPLE_END = new InjectionToken(
|
|
5
|
+
export var RIPPLE_ON = "tuiRippleOn";
|
|
6
|
+
export var RIPPLE_OFF = "tuiRippleOff";
|
|
7
|
+
export var TUI_RIPPLE_START = new InjectionToken("Stream of ripple elements to add");
|
|
8
|
+
export var TUI_RIPPLE_END = new InjectionToken("Stream of ripple elements to remove");
|
|
9
9
|
export var TUI_RIPPLE_PROVIDERS = [
|
|
10
10
|
TuiDestroyService,
|
|
11
11
|
{
|
|
@@ -24,7 +24,7 @@ export function rippleStartFactory(touchSupported, isIOS, _a, renderer) {
|
|
|
24
24
|
var nativeElement = _a.nativeElement;
|
|
25
25
|
return isIOS || !touchSupported
|
|
26
26
|
? EMPTY
|
|
27
|
-
: typedFromEvent(nativeElement,
|
|
27
|
+
: typedFromEvent(nativeElement, "touchstart").pipe(map(function (_a) {
|
|
28
28
|
var touches = _a.touches;
|
|
29
29
|
var _b = touches[touches.length - 1], clientX = _b.clientX, clientY = _b.clientY;
|
|
30
30
|
var _c = nativeElement.getBoundingClientRect(), width = _c.width, height = _c.height, top = _c.top, left = _c.left;
|
|
@@ -32,9 +32,9 @@ export function rippleStartFactory(touchSupported, isIOS, _a, renderer) {
|
|
|
32
32
|
var dimension = radius * 2;
|
|
33
33
|
var x = clientX - left - radius;
|
|
34
34
|
var y = clientY - top - radius;
|
|
35
|
-
var ripple = renderer.createElement(
|
|
36
|
-
renderer.addClass(ripple,
|
|
37
|
-
renderer.setAttribute(ripple,
|
|
35
|
+
var ripple = renderer.createElement("div");
|
|
36
|
+
renderer.addClass(ripple, "tui-ripple");
|
|
37
|
+
renderer.setAttribute(ripple, "style", "\n width: " + dimension + "px;\n height: " + dimension + "px;\n left: " + x + "px;\n top: " + y + "px;\n animation-name: " + RIPPLE_ON + ";\n ");
|
|
38
38
|
return ripple;
|
|
39
39
|
}));
|
|
40
40
|
}
|
|
@@ -43,7 +43,7 @@ export function rippleEndFactory(touchSupported, isIOS, _a, destroy$) {
|
|
|
43
43
|
var nativeElement = _a.nativeElement;
|
|
44
44
|
return isIOS || !touchSupported
|
|
45
45
|
? EMPTY
|
|
46
|
-
: typedFromEvent(nativeElement,
|
|
46
|
+
: typedFromEvent(nativeElement, "animationend").pipe(filter(function (_a) {
|
|
47
47
|
var animationName = _a.animationName;
|
|
48
48
|
return animationName === RIPPLE_OFF;
|
|
49
49
|
}), map(function (_a) {
|
|
@@ -51,4 +51,4 @@ export function rippleEndFactory(touchSupported, isIOS, _a, destroy$) {
|
|
|
51
51
|
return target;
|
|
52
52
|
}), filter(isPresent), takeUntil(destroy$));
|
|
53
53
|
}
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlwcGxlLnByb3ZpZGVycy5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy9yaXBwbGUvIiwic291cmNlcyI6WyJyaXBwbGUucHJvdmlkZXJzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUUsY0FBYyxFQUFZLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM5RSxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixtQkFBbUIsRUFDbkIsaUJBQWlCLEVBQ2pCLGNBQWMsR0FDakIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLEtBQUssRUFBYSxNQUFNLE1BQU0sQ0FBQztBQUN2QyxPQUFPLEVBQUMsTUFBTSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUV0RCxNQUFNLENBQUMsSUFBTSxTQUFTLEdBQUcsYUFBYSxDQUFDO0FBQ3ZDLE1BQU0sQ0FBQyxJQUFNLFVBQVUsR0FBRyxjQUFjLENBQUM7QUFDekMsTUFBTSxDQUFDLElBQU0sZ0JBQWdCLEdBQUcsSUFBSSxjQUFjLENBQzlDLGtDQUFrQyxDQUNyQyxDQUFDO0FBQ0YsTUFBTSxDQUFDLElBQU0sY0FBYyxHQUFHLElBQUksY0FBYyxDQUM1QyxxQ0FBcUMsQ0FDeEMsQ0FBQztBQUNGLE1BQU0sQ0FBQyxJQUFNLG9CQUFvQixHQUFlO0lBQzVDLGlCQUFpQjtJQUNqQjtRQUNJLE9BQU8sRUFBRSxnQkFBZ0I7UUFDekIsSUFBSSxFQUFFLENBQUMsbUJBQW1CLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxTQUFTLENBQUM7UUFDOUQsVUFBVSxFQUFFLGtCQUFrQjtLQUNqQztJQUNEO1FBQ0ksT0FBTyxFQUFFLGNBQWM7UUFDdkIsSUFBSSxFQUFFLENBQUMsbUJBQW1CLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsQ0FBQztRQUN0RSxVQUFVLEVBQUUsZ0JBQWdCO0tBQy9CO0NBQ0osQ0FBQztBQUVGLGdFQUFnRTtBQUNoRSxNQUFNLFVBQVUsa0JBQWtCLENBQzlCLGNBQXVCLEVBQ3ZCLEtBQWMsRUFDZCxFQUF3QyxFQUN4QyxRQUFtQjtRQURsQixnQ0FBYTtJQUdkLE9BQU8sS0FBSyxJQUFJLENBQUMsY0FBYztRQUMzQixDQUFDLENBQUMsS0FBSztRQUNQLENBQUMsQ0FBQyxjQUFjLENBQUMsYUFBYSxFQUFFLFlBQVksQ0FBQyxDQUFDLElBQUksQ0FDNUMsR0FBRyxDQUFDLFVBQUMsRUFBUztnQkFBUixvQkFBTztZQUNILElBQUEsZ0NBQWdELEVBQS9DLG9CQUFPLEVBQUUsb0JBQXNDLENBQUM7WUFDakQsSUFBQSwwQ0FDbUMsRUFEbEMsZ0JBQUssRUFBRSxrQkFBTSxFQUFFLFlBQUcsRUFBRSxjQUNjLENBQUM7WUFDMUMsSUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxHQUFHLE1BQU0sR0FBRyxNQUFNLENBQUMsQ0FBQztZQUMxRCxJQUFNLFNBQVMsR0FBRyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1lBQzdCLElBQU0sQ0FBQyxHQUFHLE9BQU8sR0FBRyxJQUFJLEdBQUcsTUFBTSxDQUFDO1lBQ2xDLElBQU0sQ0FBQyxHQUFHLE9BQU8sR0FBRyxHQUFHLEdBQUcsTUFBTSxDQUFDO1lBQ2pDLElBQU0sTUFBTSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7WUFFN0MsUUFBUSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsWUFBWSxDQUFDLENBQUM7WUFDeEMsUUFBUSxDQUFDLFlBQVksQ0FDakIsTUFBTSxFQUNOLE9BQU8sRUFDUCxzQ0FDVyxTQUFTLDZDQUNSLFNBQVMsMkNBQ1gsQ0FBQywwQ0FDRixDQUFDLHFEQUNVLFNBQVMsNEJBQzlCLENBQ0YsQ0FBQztZQUVGLE9BQU8sTUFBTSxDQUFDO1FBQ2xCLENBQUMsQ0FBQyxDQUNMLENBQUM7QUFDWixDQUFDO0FBRUQsZ0VBQWdFO0FBQ2hFLE1BQU0sVUFBVSxnQkFBZ0IsQ0FDNUIsY0FBdUIsRUFDdkIsS0FBYyxFQUNkLEVBQXdDLEVBQ3hDLFFBQTBCO1FBRHpCLGdDQUFhO0lBR2QsT0FBTyxLQUFLLElBQUksQ0FBQyxjQUFjO1FBQzNCLENBQUMsQ0FBQyxLQUFLO1FBQ1AsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQUUsY0FBYyxDQUFDLENBQUMsSUFBSSxDQUM5QyxNQUFNLENBQUMsVUFBQyxFQUFlO2dCQUFkLGdDQUFhO1lBQU0sT0FBQSxhQUFhLEtBQUssVUFBVTtRQUE1QixDQUE0QixDQUFDLEVBQ3pELEdBQUcsQ0FBQyxVQUFDLEVBQVE7Z0JBQVAsa0JBQU07WUFBTSxPQUFBLE1BQU07UUFBTixDQUFNLENBQUMsRUFDekIsTUFBTSxDQUFDLFNBQVMsQ0FBQyxFQUNqQixTQUFTLENBQUMsUUFBUSxDQUFDLENBQ3RCLENBQUM7QUFDWixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtFbGVtZW50UmVmLCBJbmplY3Rpb25Ub2tlbiwgUHJvdmlkZXIsIFJlbmRlcmVyMn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIGlzUHJlc2VudCxcbiAgICBUVUlfSVNfSU9TLFxuICAgIFRVSV9UT1VDSF9TVVBQT1JURUQsXG4gICAgVHVpRGVzdHJveVNlcnZpY2UsXG4gICAgdHlwZWRGcm9tRXZlbnQsXG59IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtFTVBUWSwgT2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XG5pbXBvcnQge2ZpbHRlciwgbWFwLCB0YWtlVW50aWx9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuZXhwb3J0IGNvbnN0IFJJUFBMRV9PTiA9IGB0dWlSaXBwbGVPbmA7XG5leHBvcnQgY29uc3QgUklQUExFX09GRiA9IGB0dWlSaXBwbGVPZmZgO1xuZXhwb3J0IGNvbnN0IFRVSV9SSVBQTEVfU1RBUlQgPSBuZXcgSW5qZWN0aW9uVG9rZW48T2JzZXJ2YWJsZTxIVE1MRWxlbWVudD4+KFxuICAgIGBTdHJlYW0gb2YgcmlwcGxlIGVsZW1lbnRzIHRvIGFkZGAsXG4pO1xuZXhwb3J0IGNvbnN0IFRVSV9SSVBQTEVfRU5EID0gbmV3IEluamVjdGlvblRva2VuPE9ic2VydmFibGU8SFRNTEVsZW1lbnQ+PihcbiAgICBgU3RyZWFtIG9mIHJpcHBsZSBlbGVtZW50cyB0byByZW1vdmVgLFxuKTtcbmV4cG9ydCBjb25zdCBUVUlfUklQUExFX1BST1ZJREVSUzogUHJvdmlkZXJbXSA9IFtcbiAgICBUdWlEZXN0cm95U2VydmljZSxcbiAgICB7XG4gICAgICAgIHByb3ZpZGU6IFRVSV9SSVBQTEVfU1RBUlQsXG4gICAgICAgIGRlcHM6IFtUVUlfVE9VQ0hfU1VQUE9SVEVELCBUVUlfSVNfSU9TLCBFbGVtZW50UmVmLCBSZW5kZXJlcjJdLFxuICAgICAgICB1c2VGYWN0b3J5OiByaXBwbGVTdGFydEZhY3RvcnksXG4gICAgfSxcbiAgICB7XG4gICAgICAgIHByb3ZpZGU6IFRVSV9SSVBQTEVfRU5ELFxuICAgICAgICBkZXBzOiBbVFVJX1RPVUNIX1NVUFBPUlRFRCwgVFVJX0lTX0lPUywgRWxlbWVudFJlZiwgVHVpRGVzdHJveVNlcnZpY2VdLFxuICAgICAgICB1c2VGYWN0b3J5OiByaXBwbGVFbmRGYWN0b3J5LFxuICAgIH0sXG5dO1xuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG5leHBvcnQgZnVuY3Rpb24gcmlwcGxlU3RhcnRGYWN0b3J5KFxuICAgIHRvdWNoU3VwcG9ydGVkOiBib29sZWFuLFxuICAgIGlzSU9TOiBib29sZWFuLFxuICAgIHtuYXRpdmVFbGVtZW50fTogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgcmVuZGVyZXI6IFJlbmRlcmVyMixcbik6IE9ic2VydmFibGU8SFRNTEVsZW1lbnQ+IHtcbiAgICByZXR1cm4gaXNJT1MgfHwgIXRvdWNoU3VwcG9ydGVkXG4gICAgICAgID8gRU1QVFlcbiAgICAgICAgOiB0eXBlZEZyb21FdmVudChuYXRpdmVFbGVtZW50LCBgdG91Y2hzdGFydGApLnBpcGUoXG4gICAgICAgICAgICAgIG1hcCgoe3RvdWNoZXN9KSA9PiB7XG4gICAgICAgICAgICAgICAgICBjb25zdCB7Y2xpZW50WCwgY2xpZW50WX0gPSB0b3VjaGVzW3RvdWNoZXMubGVuZ3RoIC0gMV07XG4gICAgICAgICAgICAgICAgICBjb25zdCB7d2lkdGgsIGhlaWdodCwgdG9wLCBsZWZ0fSA9XG4gICAgICAgICAgICAgICAgICAgICAgbmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgICAgICAgICAgIGNvbnN0IHJhZGl1cyA9IE1hdGguc3FydCh3aWR0aCAqIHdpZHRoICsgaGVpZ2h0ICogaGVpZ2h0KTtcbiAgICAgICAgICAgICAgICAgIGNvbnN0IGRpbWVuc2lvbiA9IHJhZGl1cyAqIDI7XG4gICAgICAgICAgICAgICAgICBjb25zdCB4ID0gY2xpZW50WCAtIGxlZnQgLSByYWRpdXM7XG4gICAgICAgICAgICAgICAgICBjb25zdCB5ID0gY2xpZW50WSAtIHRvcCAtIHJhZGl1cztcbiAgICAgICAgICAgICAgICAgIGNvbnN0IHJpcHBsZSA9IHJlbmRlcmVyLmNyZWF0ZUVsZW1lbnQoYGRpdmApO1xuXG4gICAgICAgICAgICAgICAgICByZW5kZXJlci5hZGRDbGFzcyhyaXBwbGUsIGB0dWktcmlwcGxlYCk7XG4gICAgICAgICAgICAgICAgICByZW5kZXJlci5zZXRBdHRyaWJ1dGUoXG4gICAgICAgICAgICAgICAgICAgICAgcmlwcGxlLFxuICAgICAgICAgICAgICAgICAgICAgIGBzdHlsZWAsXG4gICAgICAgICAgICAgICAgICAgICAgYFxuICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICR7ZGltZW5zaW9ufXB4O1xuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAke2RpbWVuc2lvbn1weDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGxlZnQ6ICR7eH1weDtcbiAgICAgICAgICAgICAgICAgICAgICAgIHRvcDogJHt5fXB4O1xuICAgICAgICAgICAgICAgICAgICAgICAgYW5pbWF0aW9uLW5hbWU6ICR7UklQUExFX09OfTtcbiAgICAgICAgICAgICAgICAgICAgYCxcbiAgICAgICAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgICAgICAgIHJldHVybiByaXBwbGU7XG4gICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICk7XG59XG5cbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbmV4cG9ydCBmdW5jdGlvbiByaXBwbGVFbmRGYWN0b3J5KFxuICAgIHRvdWNoU3VwcG9ydGVkOiBib29sZWFuLFxuICAgIGlzSU9TOiBib29sZWFuLFxuICAgIHtuYXRpdmVFbGVtZW50fTogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgZGVzdHJveSQ6IE9ic2VydmFibGU8dm9pZD4sXG4pOiBPYnNlcnZhYmxlPEV2ZW50VGFyZ2V0PiB7XG4gICAgcmV0dXJuIGlzSU9TIHx8ICF0b3VjaFN1cHBvcnRlZFxuICAgICAgICA/IEVNUFRZXG4gICAgICAgIDogdHlwZWRGcm9tRXZlbnQobmF0aXZlRWxlbWVudCwgYGFuaW1hdGlvbmVuZGApLnBpcGUoXG4gICAgICAgICAgICAgIGZpbHRlcigoe2FuaW1hdGlvbk5hbWV9KSA9PiBhbmltYXRpb25OYW1lID09PSBSSVBQTEVfT0ZGKSxcbiAgICAgICAgICAgICAgbWFwKCh7dGFyZ2V0fSkgPT4gdGFyZ2V0KSxcbiAgICAgICAgICAgICAgZmlsdGVyKGlzUHJlc2VudCksXG4gICAgICAgICAgICAgIHRha2VVbnRpbChkZXN0cm95JCksXG4gICAgICAgICAgKTtcbn1cbiJdfQ==
|
|
@@ -7,12 +7,12 @@ var TuiSidebarComponent = /** @class */ (function () {
|
|
|
7
7
|
function TuiSidebarComponent(options, directive) {
|
|
8
8
|
this.options = options;
|
|
9
9
|
this.directive = directive;
|
|
10
|
-
this.left = __assign({ value:
|
|
11
|
-
this.right = __assign({ value:
|
|
10
|
+
this.left = __assign({ value: "left" }, this.options);
|
|
11
|
+
this.right = __assign({ value: "right" }, this.options);
|
|
12
12
|
}
|
|
13
13
|
Object.defineProperty(TuiSidebarComponent.prototype, "animation", {
|
|
14
14
|
get: function () {
|
|
15
|
-
return this.direction ===
|
|
15
|
+
return this.direction === "left" ? this.left : this.right;
|
|
16
16
|
},
|
|
17
17
|
enumerable: true,
|
|
18
18
|
configurable: true
|
|
@@ -46,14 +46,14 @@ var TuiSidebarComponent = /** @class */ (function () {
|
|
|
46
46
|
{ type: TuiSidebarDirective, decorators: [{ type: Inject, args: [TuiSidebarDirective,] }] }
|
|
47
47
|
]; };
|
|
48
48
|
__decorate([
|
|
49
|
-
HostBinding(
|
|
49
|
+
HostBinding("@tuiSlideIn")
|
|
50
50
|
], TuiSidebarComponent.prototype, "animation", null);
|
|
51
51
|
__decorate([
|
|
52
|
-
HostBinding(
|
|
52
|
+
HostBinding("class")
|
|
53
53
|
], TuiSidebarComponent.prototype, "direction", null);
|
|
54
54
|
TuiSidebarComponent = __decorate([
|
|
55
55
|
Component({
|
|
56
|
-
selector:
|
|
56
|
+
selector: "aside[tuiSidebar]",
|
|
57
57
|
template: "<div\n polymorpheus-outlet\n tuiActiveZone\n class=\"t-wrapper\"\n [content]=\"content\"\n [class.t-wrapper_auto-width]=\"autoWidth\"\n></div>\n",
|
|
58
58
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
59
59
|
animations: [tuiSlideIn],
|
|
@@ -65,4 +65,4 @@ var TuiSidebarComponent = /** @class */ (function () {
|
|
|
65
65
|
return TuiSidebarComponent;
|
|
66
66
|
}());
|
|
67
67
|
export { TuiSidebarComponent };
|
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2RpcmVjdGl2ZXMvc2lkZWJhci8iLCJzb3VyY2VzIjpbInNpZGViYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFFVCxXQUFXLEVBQ1gsTUFBTSxHQUNULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDSCxxQkFBcUIsRUFHckIsVUFBVSxHQUNiLE1BQU0sZ0JBQWdCLENBQUM7QUFHeEIsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFFeEQsV0FBVztBQVFYO0lBV0ksNkJBQ29ELE9BQXlCLEVBQzNCLFNBQThCO1FBRDVCLFlBQU8sR0FBUCxPQUFPLENBQWtCO1FBQzNCLGNBQVMsR0FBVCxTQUFTLENBQXFCO1FBWi9ELFNBQUksR0FBRyxXQUNwQixLQUFLLEVBQUUsTUFBTSxJQUNWLElBQUksQ0FBQyxPQUFPLENBQ1QsQ0FBQztRQUVNLFVBQUssR0FBRyxXQUNyQixLQUFLLEVBQUUsT0FBTyxJQUNYLElBQUksQ0FBQyxPQUFPLENBQ1QsQ0FBQztJQUtSLENBQUM7SUFHSixzQkFBSSwwQ0FBUzthQUFiO1lBQ0ksT0FBTyxJQUFJLENBQUMsU0FBUyxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUM5RCxDQUFDOzs7T0FBQTtJQUdELHNCQUFJLDBDQUFTO2FBQWI7WUFDSSxPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDO1FBQ3BDLENBQUM7OztPQUFBO0lBRUQsc0JBQUksd0NBQU87YUFBWDtZQUNJLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUM7UUFDbEMsQ0FBQzs7O09BQUE7SUFFRCxzQkFBSSwwQ0FBUzthQUFiO1lBQ0ksT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLFNBQVMsQ0FBQztRQUNwQyxDQUFDOzs7T0FBQTtJQUVELHVDQUFTLEdBQVQ7UUFDSSxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzNCLENBQUM7O2dEQXhCSSxNQUFNLFNBQUMscUJBQXFCO2dCQUM0QixtQkFBbUIsdUJBQTNFLE1BQU0sU0FBQyxtQkFBbUI7O0lBSS9CO1FBREMsV0FBVyxDQUFDLGFBQWEsQ0FBQzt3REFHMUI7SUFHRDtRQURDLFdBQVcsQ0FBQyxPQUFPLENBQUM7d0RBR3BCO0lBeEJRLG1CQUFtQjtRQVAvQixTQUFTLENBQUM7WUFDUCxRQUFRLEVBQUUsbUJBQW1CO1lBQzdCLDJLQUFzQztZQUV0QyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtZQUMvQyxVQUFVLEVBQUUsQ0FBQyxVQUFVLENBQUM7O1NBQzNCLENBQUM7UUFhTyxXQUFBLE1BQU0sQ0FBQyxxQkFBcUIsQ0FBQyxDQUFBO1FBQzdCLFdBQUEsTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUE7T0FidkIsbUJBQW1CLENBcUMvQjtJQUFELDBCQUFDO0NBQUEsQUFyQ0QsSUFxQ0M7U0FyQ1ksbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBbmltYXRpb25PcHRpb25zfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIERvQ2hlY2ssXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgVFVJX0FOSU1BVElPTl9PUFRJT05TLFxuICAgIFR1aUFuaW1hdGlvbk9wdGlvbnMsXG4gICAgVHVpSG9yaXpvbnRhbERpcmVjdGlvbixcbiAgICB0dWlTbGlkZUluLFxufSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge1BvbHltb3JwaGV1c0NvbnRlbnR9IGZyb20gJ0B0aW5rb2ZmL25nLXBvbHltb3JwaGV1cyc7XG5cbmltcG9ydCB7VHVpU2lkZWJhckRpcmVjdGl2ZX0gZnJvbSAnLi9zaWRlYmFyLmRpcmVjdGl2ZSc7XG5cbi8vIEBkeW5hbWljXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogYGFzaWRlW3R1aVNpZGViYXJdYCxcbiAgICB0ZW1wbGF0ZVVybDogYC4vc2lkZWJhci50ZW1wbGF0ZS5odG1sYCxcbiAgICBzdHlsZVVybHM6IFtgLi9zaWRlYmFyLnN0eWxlLmxlc3NgXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBhbmltYXRpb25zOiBbdHVpU2xpZGVJbl0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVNpZGViYXJDb21wb25lbnQgaW1wbGVtZW50cyBEb0NoZWNrIHtcbiAgICBwcml2YXRlIHJlYWRvbmx5IGxlZnQgPSB7XG4gICAgICAgIHZhbHVlOiBgbGVmdGAsXG4gICAgICAgIC4uLnRoaXMub3B0aW9ucyxcbiAgICB9IGFzIGNvbnN0O1xuXG4gICAgcHJpdmF0ZSByZWFkb25seSByaWdodCA9IHtcbiAgICAgICAgdmFsdWU6IGByaWdodGAsXG4gICAgICAgIC4uLnRoaXMub3B0aW9ucyxcbiAgICB9IGFzIGNvbnN0O1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVFVJX0FOSU1BVElPTl9PUFRJT05TKSBwcml2YXRlIHJlYWRvbmx5IG9wdGlvbnM6IEFuaW1hdGlvbk9wdGlvbnMsXG4gICAgICAgIEBJbmplY3QoVHVpU2lkZWJhckRpcmVjdGl2ZSkgcHJpdmF0ZSByZWFkb25seSBkaXJlY3RpdmU6IFR1aVNpZGViYXJEaXJlY3RpdmUsXG4gICAgKSB7fVxuXG4gICAgQEhvc3RCaW5kaW5nKGBAdHVpU2xpZGVJbmApXG4gICAgZ2V0IGFuaW1hdGlvbigpOiBUdWlBbmltYXRpb25PcHRpb25zIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGlyZWN0aW9uID09PSBgbGVmdGAgPyB0aGlzLmxlZnQgOiB0aGlzLnJpZ2h0O1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZyhgY2xhc3NgKVxuICAgIGdldCBkaXJlY3Rpb24oKTogVHVpSG9yaXpvbnRhbERpcmVjdGlvbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmRpcmVjdGl2ZS5kaXJlY3Rpb247XG4gICAgfVxuXG4gICAgZ2V0IGNvbnRlbnQoKTogUG9seW1vcnBoZXVzQ29udGVudCB7XG4gICAgICAgIHJldHVybiB0aGlzLmRpcmVjdGl2ZS5jb250ZW50O1xuICAgIH1cblxuICAgIGdldCBhdXRvV2lkdGgoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmRpcmVjdGl2ZS5hdXRvV2lkdGg7XG4gICAgfVxuXG4gICAgbmdEb0NoZWNrKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmRpcmVjdGl2ZS5jaGVjaygpO1xuICAgIH1cbn1cbiJdfQ==
|
|
@@ -12,7 +12,7 @@ var TuiSidebarDirective = /** @class */ (function (_super) {
|
|
|
12
12
|
_this.componentFactoryResolver = componentFactoryResolver;
|
|
13
13
|
_this.portalService = portalService;
|
|
14
14
|
_this.sidebarRef = null;
|
|
15
|
-
_this.direction =
|
|
15
|
+
_this.direction = "left";
|
|
16
16
|
_this.autoWidth = false;
|
|
17
17
|
return _this;
|
|
18
18
|
}
|
|
@@ -54,17 +54,17 @@ var TuiSidebarDirective = /** @class */ (function (_super) {
|
|
|
54
54
|
{ type: ChangeDetectorRef, decorators: [{ type: Inject, args: [ChangeDetectorRef,] }] }
|
|
55
55
|
]; };
|
|
56
56
|
__decorate([
|
|
57
|
-
Input(
|
|
57
|
+
Input("tuiSidebarDirection")
|
|
58
58
|
], TuiSidebarDirective.prototype, "direction", void 0);
|
|
59
59
|
__decorate([
|
|
60
|
-
Input(
|
|
60
|
+
Input("tuiSidebarAutoWidth")
|
|
61
61
|
], TuiSidebarDirective.prototype, "autoWidth", void 0);
|
|
62
62
|
__decorate([
|
|
63
63
|
Input()
|
|
64
64
|
], TuiSidebarDirective.prototype, "tuiSidebar", null);
|
|
65
65
|
TuiSidebarDirective = __decorate([
|
|
66
66
|
Directive({
|
|
67
|
-
selector:
|
|
67
|
+
selector: "[tuiSidebar]",
|
|
68
68
|
}),
|
|
69
69
|
__param(0, Inject(TemplateRef)),
|
|
70
70
|
__param(1, Inject(Injector)),
|
|
@@ -75,4 +75,4 @@ var TuiSidebarDirective = /** @class */ (function (_super) {
|
|
|
75
75
|
return TuiSidebarDirective;
|
|
76
76
|
}(PolymorpheusTemplate));
|
|
77
77
|
export { TuiSidebarDirective };
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2RpcmVjdGl2ZXMvc2lkZWJhci8iLCJzb3VyY2VzIjpbInNpZGViYXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsaUJBQWlCLEVBQ2pCLHdCQUF3QixFQUN4QixZQUFZLEVBQ1osU0FBUyxFQUNULE1BQU0sRUFDTixRQUFRLEVBQ1IsS0FBSyxFQUNMLFNBQVMsRUFDVCxXQUFXLEdBQ2QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRS9DLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBRTlELE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBS3hEO0lBQ1ksdUNBQXVCO0lBb0IvQiw2QkFDa0MsT0FBdUIsRUFDbEIsUUFBa0IsRUFFcEMsd0JBQWtELEVBRWxELGFBQStCLEVBQ3JCLGlCQUFvQztRQVBuRSxZQVNJLGtCQUFNLE9BQU8sRUFBRSxpQkFBaUIsQ0FBQyxTQUNwQztRQVRpQyxhQUFPLEdBQVAsT0FBTyxDQUFnQjtRQUNsQixjQUFRLEdBQVIsUUFBUSxDQUFVO1FBRXBDLDhCQUF3QixHQUF4Qix3QkFBd0IsQ0FBMEI7UUFFbEQsbUJBQWEsR0FBYixhQUFhLENBQWtCO1FBdkI1QyxnQkFBVSxHQUE2QyxJQUFJLENBQUM7UUFHcEUsZUFBUyxHQUEyQixNQUFNLENBQUM7UUFHM0MsZUFBUyxHQUFHLEtBQUssQ0FBQzs7SUFxQmxCLENBQUM7SUFsQkQsc0JBQUksMkNBQVU7YUFBZCxVQUFlLElBQWE7WUFDeEIsSUFBSSxJQUFJLEVBQUU7Z0JBQ04sSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO2FBQ2Y7aUJBQU07Z0JBQ0gsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO2FBQ2Y7UUFDTCxDQUFDOzs7T0FBQTtJQWNELHlDQUFXLEdBQVg7UUFDSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQUVPLGtDQUFJLEdBQVo7UUFDSSxJQUFJLElBQUksQ0FBQyxVQUFVLEtBQUssSUFBSSxFQUFFO1lBQzFCLE9BQU87U0FDVjtRQUVELElBQU0sZ0JBQWdCLEdBQ2xCLElBQUksQ0FBQyx3QkFBd0IsQ0FBQyx1QkFBdUIsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO1FBRS9FLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQzFFLElBQUksQ0FBQyxVQUFVLENBQUMsaUJBQWlCLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdEQsQ0FBQztJQUVPLGtDQUFJLEdBQVo7UUFDSSxJQUFJLElBQUksQ0FBQyxVQUFVLEtBQUssSUFBSSxFQUFFO1lBQzFCLE9BQU87U0FDVjtRQUVELElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUMzQyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztJQUMzQixDQUFDOztnQkFsQzBDLFdBQVcsdUJBQWpELE1BQU0sU0FBQyxXQUFXO2dCQUMwQixRQUFRLHVCQUFwRCxNQUFNLFNBQUMsUUFBUTtnQkFFMkIsd0JBQXdCLHVCQURsRSxNQUFNLFNBQUMsd0JBQXdCO2dCQUdBLGdCQUFnQix1QkFEL0MsTUFBTSxTQUFDLGdCQUFnQjtnQkFFc0IsaUJBQWlCLHVCQUE5RCxNQUFNLFNBQUMsaUJBQWlCOztJQXJCN0I7UUFEQyxLQUFLLENBQUMscUJBQXFCLENBQUM7MERBQ2M7SUFHM0M7UUFEQyxLQUFLLENBQUMscUJBQXFCLENBQUM7MERBQ1g7SUFHbEI7UUFEQyxLQUFLLEVBQUU7eURBT1A7SUFuQlEsbUJBQW1CO1FBSC9CLFNBQVMsQ0FBQztZQUNQLFFBQVEsRUFBRSxjQUFjO1NBQzNCLENBQUM7UUF1Qk8sV0FBQSxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUE7UUFDbkIsV0FBQSxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUE7UUFDaEIsV0FBQSxNQUFNLENBQUMsd0JBQXdCLENBQUMsQ0FBQTtRQUVoQyxXQUFBLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFBO1FBRXhCLFdBQUEsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUE7T0E1QnJCLG1CQUFtQixDQXlEL0I7SUFBRCwwQkFBQztDQUFBLEFBekRELENBQ1ksb0JBQW9CLEdBd0QvQjtTQXpEWSxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcixcbiAgICBDb21wb25lbnRSZWYsXG4gICAgRGlyZWN0aXZlLFxuICAgIEluamVjdCxcbiAgICBJbmplY3RvcixcbiAgICBJbnB1dCxcbiAgICBPbkRlc3Ryb3ksXG4gICAgVGVtcGxhdGVSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUdWlQb3J0YWxTZXJ2aWNlfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7VHVpSG9yaXpvbnRhbERpcmVjdGlvbn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuaW1wb3J0IHtQb2x5bW9ycGhldXNUZW1wbGF0ZX0gZnJvbSAnQHRpbmtvZmYvbmctcG9seW1vcnBoZXVzJztcblxuaW1wb3J0IHtUdWlTaWRlYmFyQ29tcG9uZW50fSBmcm9tICcuL3NpZGViYXIuY29tcG9uZW50JztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6IGBbdHVpU2lkZWJhcl1gLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlTaWRlYmFyRGlyZWN0aXZlPFQgPSBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPj5cbiAgICBleHRlbmRzIFBvbHltb3JwaGV1c1RlbXBsYXRlPFQ+XG4gICAgaW1wbGVtZW50cyBPbkRlc3Ryb3lcbntcbiAgICBwcml2YXRlIHNpZGViYXJSZWY6IENvbXBvbmVudFJlZjxUdWlTaWRlYmFyQ29tcG9uZW50PiB8IG51bGwgPSBudWxsO1xuXG4gICAgQElucHV0KGB0dWlTaWRlYmFyRGlyZWN0aW9uYClcbiAgICBkaXJlY3Rpb246IFR1aUhvcml6b250YWxEaXJlY3Rpb24gPSBgbGVmdGA7XG5cbiAgICBASW5wdXQoYHR1aVNpZGViYXJBdXRvV2lkdGhgKVxuICAgIGF1dG9XaWR0aCA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBzZXQgdHVpU2lkZWJhcihvcGVuOiBib29sZWFuKSB7XG4gICAgICAgIGlmIChvcGVuKSB7XG4gICAgICAgICAgICB0aGlzLnNob3coKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuaGlkZSgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVGVtcGxhdGVSZWYpIHJlYWRvbmx5IGNvbnRlbnQ6IFRlbXBsYXRlUmVmPFQ+LFxuICAgICAgICBASW5qZWN0KEluamVjdG9yKSBwcml2YXRlIHJlYWRvbmx5IGluamVjdG9yOiBJbmplY3RvcixcbiAgICAgICAgQEluamVjdChDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIpXG4gICAgICAgIHByaXZhdGUgcmVhZG9ubHkgY29tcG9uZW50RmFjdG9yeVJlc29sdmVyOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsXG4gICAgICAgIEBJbmplY3QoVHVpUG9ydGFsU2VydmljZSlcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBwb3J0YWxTZXJ2aWNlOiBUdWlQb3J0YWxTZXJ2aWNlLFxuICAgICAgICBASW5qZWN0KENoYW5nZURldGVjdG9yUmVmKSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgKSB7XG4gICAgICAgIHN1cGVyKGNvbnRlbnQsIGNoYW5nZURldGVjdG9yUmVmKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5oaWRlKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzaG93KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5zaWRlYmFyUmVmICE9PSBudWxsKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBjb21wb25lbnRGYWN0b3J5ID1cbiAgICAgICAgICAgIHRoaXMuY29tcG9uZW50RmFjdG9yeVJlc29sdmVyLnJlc29sdmVDb21wb25lbnRGYWN0b3J5KFR1aVNpZGViYXJDb21wb25lbnQpO1xuXG4gICAgICAgIHRoaXMuc2lkZWJhclJlZiA9IHRoaXMucG9ydGFsU2VydmljZS5hZGQoY29tcG9uZW50RmFjdG9yeSwgdGhpcy5pbmplY3Rvcik7XG4gICAgICAgIHRoaXMuc2lkZWJhclJlZi5jaGFuZ2VEZXRlY3RvclJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBoaWRlKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5zaWRlYmFyUmVmID09PSBudWxsKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnBvcnRhbFNlcnZpY2UucmVtb3ZlKHRoaXMuc2lkZWJhclJlZik7XG4gICAgICAgIHRoaXMuc2lkZWJhclJlZiA9IG51bGw7XG4gICAgfVxufVxuIl19
|
|
@@ -6,40 +6,40 @@ import { TUI_ELEMENT_REF } from '@taiga-ui/core';
|
|
|
6
6
|
import { race } from 'rxjs';
|
|
7
7
|
import { filter, map, switchMap, take, takeUntil, tap } from 'rxjs/operators';
|
|
8
8
|
var STYLE = {
|
|
9
|
-
transform:
|
|
10
|
-
opacity:
|
|
11
|
-
background:
|
|
9
|
+
transform: "scale(0.95)",
|
|
10
|
+
opacity: "0.6",
|
|
11
|
+
background: "rgba(146, 153, 162, 0.12)",
|
|
12
12
|
};
|
|
13
13
|
var TuiTouchableDirective = /** @class */ (function () {
|
|
14
14
|
function TuiTouchableDirective(elementRef, isIos, _a, renderer, destroy$) {
|
|
15
15
|
var _this = this;
|
|
16
16
|
var nativeElement = _a.nativeElement;
|
|
17
|
-
this.tuiTouchable =
|
|
17
|
+
this.tuiTouchable = "";
|
|
18
18
|
if (!isIos) {
|
|
19
19
|
return;
|
|
20
20
|
}
|
|
21
21
|
var element = elementRef ? elementRef.nativeElement : nativeElement;
|
|
22
|
-
typedFromEvent(element,
|
|
22
|
+
typedFromEvent(element, "touchstart", { passive: true })
|
|
23
23
|
.pipe(tap(function () {
|
|
24
24
|
_this.onTouchStart(renderer, element);
|
|
25
25
|
}), map(function (_a) {
|
|
26
26
|
var touches = _a.touches;
|
|
27
27
|
return touches[touches.length - 1].identifier;
|
|
28
28
|
}), switchMap(function (identifier) {
|
|
29
|
-
return race(typedFromEvent(element,
|
|
29
|
+
return race(typedFromEvent(element, "touchmove", { passive: true }).pipe(filter(function (_a) {
|
|
30
30
|
var touches = _a.touches;
|
|
31
31
|
return _this.hasTouchLeft(element, touches, identifier);
|
|
32
|
-
})), typedFromEvent(element,
|
|
32
|
+
})), typedFromEvent(element, "touchend")).pipe(take(1));
|
|
33
33
|
}), takeUntil(destroy$))
|
|
34
34
|
.subscribe(function () {
|
|
35
|
-
renderer.removeStyle(element,
|
|
36
|
-
renderer.removeStyle(element,
|
|
37
|
-
renderer.removeStyle(element,
|
|
35
|
+
renderer.removeStyle(element, "transform");
|
|
36
|
+
renderer.removeStyle(element, "opacity");
|
|
37
|
+
renderer.removeStyle(element, "background");
|
|
38
38
|
});
|
|
39
39
|
}
|
|
40
40
|
Object.defineProperty(TuiTouchableDirective.prototype, "style", {
|
|
41
41
|
get: function () {
|
|
42
|
-
return this.tuiTouchable ||
|
|
42
|
+
return this.tuiTouchable || "transform";
|
|
43
43
|
},
|
|
44
44
|
enumerable: true,
|
|
45
45
|
configurable: true
|
|
@@ -54,11 +54,11 @@ var TuiTouchableDirective = /** @class */ (function () {
|
|
|
54
54
|
return !element.contains(ownerDocument.elementFromPoint(clientX, clientY));
|
|
55
55
|
};
|
|
56
56
|
TuiTouchableDirective.prototype.onTouchStart = function (renderer, element) {
|
|
57
|
-
if (this.style !==
|
|
58
|
-
renderer.removeStyle(element,
|
|
57
|
+
if (this.style !== "transform") {
|
|
58
|
+
renderer.removeStyle(element, "transition");
|
|
59
59
|
}
|
|
60
60
|
else {
|
|
61
|
-
renderer.setStyle(element,
|
|
61
|
+
renderer.setStyle(element, "transition", "transform 0.2s");
|
|
62
62
|
}
|
|
63
63
|
renderer.setStyle(element, this.style, STYLE[this.style]);
|
|
64
64
|
};
|
|
@@ -75,7 +75,7 @@ var TuiTouchableDirective = /** @class */ (function () {
|
|
|
75
75
|
], TuiTouchableDirective.prototype, "tuiTouchable", void 0);
|
|
76
76
|
TuiTouchableDirective = __decorate([
|
|
77
77
|
Directive({
|
|
78
|
-
selector:
|
|
78
|
+
selector: "[tuiTouchable]",
|
|
79
79
|
providers: [TuiDestroyService],
|
|
80
80
|
}),
|
|
81
81
|
__param(0, Optional()), __param(0, Inject(TUI_ELEMENT_REF)),
|
|
@@ -87,4 +87,4 @@ var TuiTouchableDirective = /** @class */ (function () {
|
|
|
87
87
|
return TuiTouchableDirective;
|
|
88
88
|
}());
|
|
89
89
|
export { TuiTouchableDirective };
|
|
90
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG91Y2hhYmxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy90b3VjaGFibGUvIiwic291cmNlcyI6WyJ0b3VjaGFibGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFeEYsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFDSCxVQUFVLEVBQ1YsY0FBYyxFQUNkLGlCQUFpQixFQUNqQixjQUFjLEdBQ2pCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMvQyxPQUFPLEVBQUMsSUFBSSxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQzFCLE9BQU8sRUFBQyxNQUFNLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBRTVFLElBQU0sS0FBSyxHQUFHO0lBQ1YsU0FBUyxFQUFFLGFBQWE7SUFDeEIsT0FBTyxFQUFFLEtBQUs7SUFDZCxVQUFVLEVBQUUsMkJBQTJCO0NBQ2pDLENBQUM7QUFNWDtJQUtJLCtCQUN5QyxVQUEwQyxFQUMzRCxLQUFjLEVBQ2QsRUFBd0MsRUFDekMsUUFBbUIsRUFDWCxRQUEyQjtRQUwxRCxpQkFvQ0M7WUFqQ3dCLGdDQUFhO1FBTHRDLGlCQUFZLEdBQXVCLEVBQUUsQ0FBQztRQVNsQyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1IsT0FBTztTQUNWO1FBRUQsSUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUM7UUFFdEUsY0FBYyxDQUFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsRUFBQyxPQUFPLEVBQUUsSUFBSSxFQUFDLENBQUM7YUFDakQsSUFBSSxDQUNELEdBQUcsQ0FBQztZQUNBLEtBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxFQUNGLEdBQUcsQ0FBQyxVQUFDLEVBQVM7Z0JBQVIsb0JBQU87WUFBTSxPQUFBLE9BQU8sQ0FBQyxPQUFPLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLFVBQVU7UUFBdEMsQ0FBc0MsQ0FBQyxFQUMxRCxTQUFTLENBQUMsVUFBQSxVQUFVO1lBQ2hCLE9BQUEsSUFBSSxDQUNBLGNBQWMsQ0FBQyxPQUFPLEVBQUUsV0FBVyxFQUFFLEVBQUMsT0FBTyxFQUFFLElBQUksRUFBQyxDQUFDLENBQUMsSUFBSSxDQUN0RCxNQUFNLENBQUMsVUFBQyxFQUFTO29CQUFSLG9CQUFPO2dCQUNaLE9BQUEsS0FBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFVBQVUsQ0FBQztZQUEvQyxDQUErQyxDQUNsRCxDQUNKLEVBQ0QsY0FBYyxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsQ0FDdEMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBUGYsQ0FPZSxDQUNsQixFQUNELFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FDdEI7YUFDQSxTQUFTLENBQUM7WUFDUCxRQUFRLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUMsQ0FBQztZQUMzQyxRQUFRLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQztZQUN6QyxRQUFRLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxZQUFZLENBQUMsQ0FBQztRQUNoRCxDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxzQkFBSSx3Q0FBSzthQUFUO1lBQ0ksT0FBTyxJQUFJLENBQUMsWUFBWSxJQUFJLFdBQVcsQ0FBQztRQUM1QyxDQUFDOzs7T0FBQTtJQUVPLDRDQUFZLEdBQXBCLFVBQ0ksT0FBb0IsRUFDcEIsT0FBa0IsRUFDbEIsVUFBa0I7UUFFWCxJQUFBLHFDQUFhLENBQVk7UUFDaEMsSUFBTSxFQUFFLEdBQUcsY0FBYyxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsQ0FBQztRQUUvQyxJQUFJLENBQUMsYUFBYSxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUMsRUFBRTtZQUM3QixPQUFPLElBQUksQ0FBQztTQUNmO1FBRUssSUFBQSxnQkFBZ0MsRUFBL0Isb0JBQU8sRUFBRSxvQkFBc0IsQ0FBQztRQUV2QyxPQUFPLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFDL0UsQ0FBQztJQUVPLDRDQUFZLEdBQXBCLFVBQXFCLFFBQW1CLEVBQUUsT0FBb0I7UUFDMUQsSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLFdBQVcsRUFBRTtZQUM1QixRQUFRLENBQUMsV0FBVyxDQUFDLE9BQU8sRUFBRSxZQUFZLENBQUMsQ0FBQztTQUMvQzthQUFNO1lBQ0gsUUFBUSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEVBQUUsWUFBWSxFQUFFLGdCQUFnQixDQUFDLENBQUM7U0FDOUQ7UUFFRCxRQUFRLENBQUMsUUFBUSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUM5RCxDQUFDOztnQkFsRW9ELFVBQVUsdUJBQTFELFFBQVEsWUFBSSxNQUFNLFNBQUMsZUFBZTs4Q0FDbEMsTUFBTSxTQUFDLFVBQVU7Z0JBQ21CLFVBQVUsdUJBQTlDLE1BQU0sU0FBQyxVQUFVO2dCQUNXLFNBQVMsdUJBQXJDLE1BQU0sU0FBQyxTQUFTO2dCQUNvQixpQkFBaUIsdUJBQXJELE1BQU0sU0FBQyxpQkFBaUI7O0lBUDdCO1FBRkMsS0FBSyxFQUFFO1FBQ1AsY0FBYyxFQUFFOytEQUNxQjtJQUg3QixxQkFBcUI7UUFKakMsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLGdCQUFnQjtZQUMxQixTQUFTLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztTQUNqQyxDQUFDO1FBT08sV0FBQSxRQUFRLEVBQUUsQ0FBQSxFQUFFLFdBQUEsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFBO1FBQ25DLFdBQUEsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFBO1FBQ2xCLFdBQUEsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFBO1FBQ2xCLFdBQUEsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFBO1FBQ2pCLFdBQUEsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUE7T0FWckIscUJBQXFCLENBeUVqQztJQUFELDRCQUFDO0NBQUEsQUF6RUQsSUF5RUM7U0F6RVkscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEVsZW1lbnRSZWYsIEluamVjdCwgSW5wdXQsIE9wdGlvbmFsLCBSZW5kZXJlcjJ9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUdWlUb3VjaE1vZGVUfSBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL3R5cGVzJztcbmltcG9ydCB7ZmluZFRvdWNoSW5kZXh9IGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvdXRpbHMnO1xuaW1wb3J0IHtcbiAgICBUVUlfSVNfSU9TLFxuICAgIHR1aURlZmF1bHRQcm9wLFxuICAgIFR1aURlc3Ryb3lTZXJ2aWNlLFxuICAgIHR5cGVkRnJvbUV2ZW50LFxufSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7VFVJX0VMRU1FTlRfUkVGfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge3JhY2V9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtmaWx0ZXIsIG1hcCwgc3dpdGNoTWFwLCB0YWtlLCB0YWtlVW50aWwsIHRhcH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5jb25zdCBTVFlMRSA9IHtcbiAgICB0cmFuc2Zvcm06IGBzY2FsZSgwLjk1KWAsXG4gICAgb3BhY2l0eTogYDAuNmAsXG4gICAgYmFja2dyb3VuZDogYHJnYmEoMTQ2LCAxNTMsIDE2MiwgMC4xMilgLFxufSBhcyBjb25zdDtcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6IGBbdHVpVG91Y2hhYmxlXWAsXG4gICAgcHJvdmlkZXJzOiBbVHVpRGVzdHJveVNlcnZpY2VdLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlUb3VjaGFibGVEaXJlY3RpdmUge1xuICAgIEBJbnB1dCgpXG4gICAgQHR1aURlZmF1bHRQcm9wKClcbiAgICB0dWlUb3VjaGFibGU6IFR1aVRvdWNoTW9kZVQgfCAnJyA9IGBgO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoVFVJX0VMRU1FTlRfUkVGKSBlbGVtZW50UmVmOiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiB8IG51bGwsXG4gICAgICAgIEBJbmplY3QoVFVJX0lTX0lPUykgaXNJb3M6IGJvb2xlYW4sXG4gICAgICAgIEBJbmplY3QoRWxlbWVudFJlZikge25hdGl2ZUVsZW1lbnR9OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICAgICAgQEluamVjdChSZW5kZXJlcjIpIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgICAgIEBJbmplY3QoVHVpRGVzdHJveVNlcnZpY2UpIGRlc3Ryb3kkOiBUdWlEZXN0cm95U2VydmljZSxcbiAgICApIHtcbiAgICAgICAgaWYgKCFpc0lvcykge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgZWxlbWVudCA9IGVsZW1lbnRSZWYgPyBlbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQgOiBuYXRpdmVFbGVtZW50O1xuXG4gICAgICAgIHR5cGVkRnJvbUV2ZW50KGVsZW1lbnQsIGB0b3VjaHN0YXJ0YCwge3Bhc3NpdmU6IHRydWV9KVxuICAgICAgICAgICAgLnBpcGUoXG4gICAgICAgICAgICAgICAgdGFwKCgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5vblRvdWNoU3RhcnQocmVuZGVyZXIsIGVsZW1lbnQpO1xuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgIG1hcCgoe3RvdWNoZXN9KSA9PiB0b3VjaGVzW3RvdWNoZXMubGVuZ3RoIC0gMV0uaWRlbnRpZmllciksXG4gICAgICAgICAgICAgICAgc3dpdGNoTWFwKGlkZW50aWZpZXIgPT5cbiAgICAgICAgICAgICAgICAgICAgcmFjZShcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGVkRnJvbUV2ZW50KGVsZW1lbnQsIGB0b3VjaG1vdmVgLCB7cGFzc2l2ZTogdHJ1ZX0pLnBpcGUoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZmlsdGVyKCh7dG91Y2hlc30pID0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRoaXMuaGFzVG91Y2hMZWZ0KGVsZW1lbnQsIHRvdWNoZXMsIGlkZW50aWZpZXIpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICAgICAgdHlwZWRGcm9tRXZlbnQoZWxlbWVudCwgYHRvdWNoZW5kYCksXG4gICAgICAgICAgICAgICAgICAgICkucGlwZSh0YWtlKDEpKSxcbiAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgIHRha2VVbnRpbChkZXN0cm95JCksXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgICAgICAgICByZW5kZXJlci5yZW1vdmVTdHlsZShlbGVtZW50LCBgdHJhbnNmb3JtYCk7XG4gICAgICAgICAgICAgICAgcmVuZGVyZXIucmVtb3ZlU3R5bGUoZWxlbWVudCwgYG9wYWNpdHlgKTtcbiAgICAgICAgICAgICAgICByZW5kZXJlci5yZW1vdmVTdHlsZShlbGVtZW50LCBgYmFja2dyb3VuZGApO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgZ2V0IHN0eWxlKCk6IFR1aVRvdWNoTW9kZVQge1xuICAgICAgICByZXR1cm4gdGhpcy50dWlUb3VjaGFibGUgfHwgYHRyYW5zZm9ybWA7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBoYXNUb3VjaExlZnQoXG4gICAgICAgIGVsZW1lbnQ6IEhUTUxFbGVtZW50LFxuICAgICAgICB0b3VjaGVzOiBUb3VjaExpc3QsXG4gICAgICAgIGlkZW50aWZpZXI6IG51bWJlcixcbiAgICApOiBib29sZWFuIHtcbiAgICAgICAgY29uc3Qge293bmVyRG9jdW1lbnR9ID0gZWxlbWVudDtcbiAgICAgICAgY29uc3QgaWQgPSBmaW5kVG91Y2hJbmRleCh0b3VjaGVzLCBpZGVudGlmaWVyKTtcblxuICAgICAgICBpZiAoIW93bmVyRG9jdW1lbnQgfHwgaWQgPT09IC0xKSB7XG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IHtjbGllbnRYLCBjbGllbnRZfSA9IHRvdWNoZXNbaWRdO1xuXG4gICAgICAgIHJldHVybiAhZWxlbWVudC5jb250YWlucyhvd25lckRvY3VtZW50LmVsZW1lbnRGcm9tUG9pbnQoY2xpZW50WCwgY2xpZW50WSkpO1xuICAgIH1cblxuICAgIHByaXZhdGUgb25Ub3VjaFN0YXJ0KHJlbmRlcmVyOiBSZW5kZXJlcjIsIGVsZW1lbnQ6IEhUTUxFbGVtZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnN0eWxlICE9PSBgdHJhbnNmb3JtYCkge1xuICAgICAgICAgICAgcmVuZGVyZXIucmVtb3ZlU3R5bGUoZWxlbWVudCwgYHRyYW5zaXRpb25gKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHJlbmRlcmVyLnNldFN0eWxlKGVsZW1lbnQsIGB0cmFuc2l0aW9uYCwgYHRyYW5zZm9ybSAwLjJzYCk7XG4gICAgICAgIH1cblxuICAgICAgICByZW5kZXJlci5zZXRTdHlsZShlbGVtZW50LCB0aGlzLnN0eWxlLCBTVFlMRVt0aGlzLnN0eWxlXSk7XG4gICAgfVxufVxuIl19
|
package/esm5/enums/touch-mode.js
CHANGED
|
@@ -7,4 +7,4 @@ export var TuiTouchMode;
|
|
|
7
7
|
TuiTouchMode["Opacity"] = "opacity";
|
|
8
8
|
TuiTouchMode["Background"] = "background";
|
|
9
9
|
})(TuiTouchMode || (TuiTouchMode = {}));
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG91Y2gtbW9kZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvZW51bXMvIiwic291cmNlcyI6WyJ0b3VjaC1tb2RlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQWtCLFlBSWpCO0FBSkQsV0FBa0IsWUFBWTtJQUMxQix1Q0FBdUIsQ0FBQTtJQUN2QixtQ0FBbUIsQ0FBQTtJQUNuQix5Q0FBeUIsQ0FBQTtBQUM3QixDQUFDLEVBSmlCLFlBQVksS0FBWixZQUFZLFFBSTdCIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAZGVwcmVjYXRlZCB1c2Ugam9pbiB0eXBlIHtAbGluayBUdWlUb3VjaE1vZGVUfVxuICovXG5leHBvcnQgY29uc3QgZW51bSBUdWlUb3VjaE1vZGUge1xuICAgIFRyYW5zZm9ybSA9IGB0cmFuc2Zvcm1gLFxuICAgIE9wYWNpdHkgPSBgb3BhY2l0eWAsXG4gICAgQmFja2dyb3VuZCA9IGBiYWNrZ3JvdW5kYCxcbn1cbiJdfQ==
|
|
@@ -20,11 +20,11 @@ var TuiPrimitiveCalendarMobileComponent = /** @class */ (function (_super) {
|
|
|
20
20
|
]; };
|
|
21
21
|
TuiPrimitiveCalendarMobileComponent = __decorate([
|
|
22
22
|
Component({
|
|
23
|
-
selector:
|
|
23
|
+
selector: "tui-primitive-calendar-mobile",
|
|
24
24
|
template: "<ng-container *tuiLet=\"month | tuiCalendarSheet as sheet\">\n <div\n *tuiRepeatTimes=\"let rowIndex of sheet.length\"\n automation-id=\"tui-primitive-calendar-mobile__row\"\n class=\"t-row\"\n >\n <div\n *tuiRepeatTimes=\"let colIndex of sheet[rowIndex].length\"\n automation-id=\"tui-primitive-calendar-mobile__cell\"\n tuiRipple\n class=\"t-cell\"\n [class.t-cell_today]=\"itemIsToday(sheet[rowIndex][colIndex])\"\n [class.t-cell_interval]=\"itemIsInterval(sheet[rowIndex][colIndex])\"\n [attr.data-state]=\"getItemState(sheet[rowIndex][colIndex])\"\n [attr.data-range]=\"getItemRange(sheet[rowIndex][colIndex])\"\n (click)=\"onItemClick(sheet[rowIndex][colIndex])\"\n >\n {{ sheet[rowIndex][colIndex].day }}\n </div>\n </div>\n</ng-container>\n",
|
|
25
25
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
26
26
|
host: {
|
|
27
|
-
'[class._ios]':
|
|
27
|
+
'[class._ios]': "isIOS",
|
|
28
28
|
},
|
|
29
29
|
styles: [":host{display:block;font:var(--tui-font-text-m)}.t-row{position:relative;z-index:0;display:flex;justify-content:space-between}.t-item{position:relative;flex:1;line-height:2rem;border-radius:var(--tui-radius-m)}.t-item:after,.t-item:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:var(--tui-radius-m)}.t-cell{position:relative;display:flex;align-items:center;justify-content:center;width:2.75rem;text-align:center;outline:0;cursor:pointer;background-clip:content-box;box-sizing:border-box;border:2px solid transparent}.t-cell:before{content:'';position:absolute;top:0;left:0;bottom:0;z-index:-1;border-radius:var(--tui-radius-m)}.t-cell_today:after{position:absolute;left:50%;transform:translate(-50%,0);content:'';bottom:.3125rem;border-radius:.375rem;background-color:var(--tui-text-02)}.t-cell_interval:before{background:var(--tui-base-02)}:host._single .t-cell_interval:before{background:var(--tui-secondary-hover)}.t-cell_interval:not(:last-child):before{right:-2.75rem}.t-cell_interval:first-child>.t-item{border-top-left-radius:var(--tui-radius-m);border-bottom-left-radius:var(--tui-radius-m)}.t-cell_interval:last-child>.t-item{border-top-right-radius:var(--tui-radius-m);border-bottom-right-radius:var(--tui-radius-m)}.t-cell_interval>.t-item{border-radius:0}.t-cell[data-range]:after{background-color:var(--tui-primary-text)}.t-cell[data-range]>.t-item{color:var(--tui-primary-text)}.t-cell[data-range]>.t-item:after,.t-cell[data-range]>.t-item:before{background-color:var(--tui-primary)}.t-cell[data-range][data-state=hovered]>.t-item:after,.t-cell[data-range][data-state=hovered]>.t-item:before{background-color:var(--tui-primary-hover)}.t-cell[data-range][data-state=pressed]>.t-item:after,.t-cell[data-range][data-state=pressed]>.t-item:before{background-color:var(--tui-primary-active)}.t-cell[data-range=end]>.t-item:before{left:.25rem}.t-cell[data-range=end]>.t-item:after{left:-2rem;right:100%;transform:translateX(1.4375rem) scaleY(.6) scaleX(.4) rotate(45deg)}.t-cell[data-range=start]>.t-item:before{right:.25rem}.t-cell[data-range=start]>.t-item:after{left:100%;right:-2rem;transform:translateX(-1.4375rem) scaleY(.6) scaleX(.4) rotate(45deg)}.t-cell[data-state=disabled]{pointer-events:none;opacity:var(--tui-disabled-opacity)}.t-cell[data-state=disabled]>.t-item{opacity:.36}.t-cell[data-state=hovered]:hover:not([data-range])>.t-item{background-color:var(--tui-secondary-hover)}.t-cell[data-state=pressed]:hover:not([data-range])>.t-item{background-color:var(--tui-secondary-active)}:host{width:20.75rem;max-width:100vw}:host._ios{width:22.625rem}.t-row{height:3rem;justify-content:flex-start}.t-row:first-child{justify-content:flex-end}:host._ios .t-row{height:3.125rem}.t-cell{height:2.75rem;border-radius:100%;margin-right:.25rem}.t-cell:last-child,:host._ios .t-cell:last-child{margin-right:0}.t-cell:before{right:-100vw}.t-cell:first-child:before{left:-100vw}.t-cell_today:after{height:.375rem;width:.375rem;background-color:var(--tui-link)}.t-cell_interval:before{background-color:var(--tui-base-02)}.t-cell_interval:last-child:first-child:before{right:-100vw}.t-cell[data-range=end],.t-cell[data-range=single],.t-cell[data-range=start]{border-radius:100%;background-color:var(--tui-link);color:var(--tui-accent-text);font-weight:500}.t-cell[data-range=end]:after,.t-cell[data-range=single]:after,.t-cell[data-range=start]:after{background-color:var(--tui-base-01)}:host._ios .t-cell[data-range=end],:host._ios .t-cell[data-range=single],:host._ios .t-cell[data-range=start]{font-weight:600}.t-cell[data-range=start]:before{left:50%;border-top-left-radius:0;border-bottom-left-radius:0}.t-cell[data-range=end]:not(:first-child):before{left:50%;background:var(--tui-base-01);border-radius:0}.t-cell[data-range=end]:first-child:before{right:50%;background-color:var(--tui-base-02)}:host._ios .t-cell{margin-right:.5625rem}:host._ios .t-cell:before{border-radius:.5rem}@media screen and (max-width:22.4375rem){.t-cell,:host._ios .t-cell{margin-right:.125rem}.t-cell:last-child,:host._ios .t-cell:last-child{margin-right:0}}"]
|
|
30
30
|
}),
|
|
@@ -34,4 +34,4 @@ var TuiPrimitiveCalendarMobileComponent = /** @class */ (function (_super) {
|
|
|
34
34
|
return TuiPrimitiveCalendarMobileComponent;
|
|
35
35
|
}(TuiPrimitiveCalendarComponent));
|
|
36
36
|
export { TuiPrimitiveCalendarMobileComponent };
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpbWl0aXZlLWNhbGVuZGFyLW1vYmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2ludGVybmFsL3ByaW1pdGl2ZS1jYWxlbmRhci1tb2JpbGUvIiwic291cmNlcyI6WyJwcmltaXRpdmUtY2FsZW5kYXItbW9iaWxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDekUsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUMsMkJBQTJCLEVBQUUsNkJBQTZCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxRixPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBRWhDOzs7R0FHRztBQVVIO0lBQXlELHVEQUE2QjtJQUNsRiw2Q0FDaUMsS0FBYyxFQUUzQyxTQUErRTtRQUhuRixZQUtJLGtCQUFNLFNBQVMsQ0FBQyxTQUNuQjtRQUxnQyxXQUFLLEdBQUwsS0FBSyxDQUFTOztJQUsvQyxDQUFDOzs4Q0FMSSxNQUFNLFNBQUMsVUFBVTtnQkFFUCxVQUFVLHVCQURwQixNQUFNLFNBQUMsMkJBQTJCOztJQUg5QixtQ0FBbUM7UUFUL0MsU0FBUyxDQUFDO1lBQ1AsUUFBUSxFQUFFLCtCQUErQjtZQUN6Qyx5NUJBQXdEO1lBRXhELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO1lBQy9DLElBQUksRUFBRTtnQkFDRixjQUFjLEVBQUUsT0FBTzthQUMxQjs7U0FDSixDQUFDO1FBR08sV0FBQSxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUE7UUFDbEIsV0FBQSxNQUFNLENBQUMsMkJBQTJCLENBQUMsQ0FBQTtPQUgvQixtQ0FBbUMsQ0FRL0M7SUFBRCwwQ0FBQztDQUFBLEFBUkQsQ0FBeUQsNkJBQTZCLEdBUXJGO1NBUlksbUNBQW1DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbmplY3R9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUVUlfSVNfSU9TfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7VFVJX09SREVSRURfU0hPUlRfV0VFS19EQVlTLCBUdWlQcmltaXRpdmVDYWxlbmRhckNvbXBvbmVudH0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuaW1wb3J0IHtPYnNlcnZhYmxlfSBmcm9tICdyeGpzJztcblxuLyoqXG4gKiBAaW50ZXJuYWxcbiAqIEBkeW5hbWljXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBgdHVpLXByaW1pdGl2ZS1jYWxlbmRhci1tb2JpbGVgLFxuICAgIHRlbXBsYXRlVXJsOiBgLi9wcmltaXRpdmUtY2FsZW5kYXItbW9iaWxlLnRlbXBsYXRlLmh0bWxgLFxuICAgIHN0eWxlVXJsczogW2AuL3ByaW1pdGl2ZS1jYWxlbmRhci1tb2JpbGUuc3R5bGUubGVzc2BdLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tjbGFzcy5faW9zXSc6IGBpc0lPU2AsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpUHJpbWl0aXZlQ2FsZW5kYXJNb2JpbGVDb21wb25lbnQgZXh0ZW5kcyBUdWlQcmltaXRpdmVDYWxlbmRhckNvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoVFVJX0lTX0lPUykgcmVhZG9ubHkgaXNJT1M6IGJvb2xlYW4sXG4gICAgICAgIEBJbmplY3QoVFVJX09SREVSRURfU0hPUlRfV0VFS19EQVlTKVxuICAgICAgICB3ZWVrRGF5cyQ6IE9ic2VydmFibGU8W3N0cmluZywgc3RyaW5nLCBzdHJpbmcsIHN0cmluZywgc3RyaW5nLCBzdHJpbmcsIHN0cmluZ10+LFxuICAgICkge1xuICAgICAgICBzdXBlcih3ZWVrRGF5cyQpO1xuICAgIH1cbn1cbiJdfQ==
|
package/esm5/tokens/loaded.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { InjectionToken } from '@angular/core';
|
|
2
2
|
import { EMPTY } from 'rxjs';
|
|
3
|
-
export var TUI_LOADED = new InjectionToken(
|
|
3
|
+
export var TUI_LOADED = new InjectionToken("Stream that emits when loading is over", {
|
|
4
4
|
factory: function () { return EMPTY; },
|
|
5
5
|
});
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVkLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS90b2tlbnMvIiwic291cmNlcyI6WyJsb2FkZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3QyxPQUFPLEVBQUMsS0FBSyxFQUFhLE1BQU0sTUFBTSxDQUFDO0FBRXZDLE1BQU0sQ0FBQyxJQUFNLFVBQVUsR0FBRyxJQUFJLGNBQWMsQ0FDeEMsd0NBQXdDLEVBQ3hDO0lBQ0ksT0FBTyxFQUFFLGNBQU0sT0FBQSxLQUFLLEVBQUwsQ0FBSztDQUN2QixDQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0luamVjdGlvblRva2VufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7RU1QVFksIE9ic2VydmFibGV9IGZyb20gJ3J4anMnO1xuXG5leHBvcnQgY29uc3QgVFVJX0xPQURFRCA9IG5ldyBJbmplY3Rpb25Ub2tlbjxPYnNlcnZhYmxlPHVua25vd24+
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVkLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS90b2tlbnMvIiwic291cmNlcyI6WyJsb2FkZWQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3QyxPQUFPLEVBQUMsS0FBSyxFQUFhLE1BQU0sTUFBTSxDQUFDO0FBRXZDLE1BQU0sQ0FBQyxJQUFNLFVBQVUsR0FBRyxJQUFJLGNBQWMsQ0FDeEMsd0NBQXdDLEVBQ3hDO0lBQ0ksT0FBTyxFQUFFLGNBQU0sT0FBQSxLQUFLLEVBQUwsQ0FBSztDQUN2QixDQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0luamVjdGlvblRva2VufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7RU1QVFksIE9ic2VydmFibGV9IGZyb20gJ3J4anMnO1xuXG5leHBvcnQgY29uc3QgVFVJX0xPQURFRCA9IG5ldyBJbmplY3Rpb25Ub2tlbjxPYnNlcnZhYmxlPHVua25vd24+PihcbiAgICBgU3RyZWFtIHRoYXQgZW1pdHMgd2hlbiBsb2FkaW5nIGlzIG92ZXJgLFxuICAgIHtcbiAgICAgICAgZmFjdG9yeTogKCkgPT4gRU1QVFksXG4gICAgfSxcbik7XG4iXX0=
|
|
@@ -32,7 +32,7 @@ TuiMobileCalendarDialogComponent.ctorParameters = () => [
|
|
|
32
32
|
];
|
|
33
33
|
TuiMobileCalendarDialogComponent = __decorate([
|
|
34
34
|
Component({
|
|
35
|
-
selector:
|
|
35
|
+
selector: `tui-mobile-calendar-dialog`,
|
|
36
36
|
template: "<tui-mobile-calendar\n [single]=\"single\"\n [min]=\"min\"\n [max]=\"max\"\n [disabledItemHandler]=\"disabledItemHandler\"\n (cancel)=\"context.$implicit.complete()\"\n (confirm)=\"context.completeWith($event)\"\n></tui-mobile-calendar>\n",
|
|
37
37
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
38
38
|
styles: [":host{display:block;height:100vh;margin:-1.5rem -1.5rem -2rem}"]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-addon-mobile-components-mobile-calendar-dialog.js","sources":["ng://@taiga-ui/addon-mobile/components/mobile-calendar-dialog/mobile-calendar-dialog.component.ts","ng://@taiga-ui/addon-mobile/components/mobile-calendar-dialog/mobile-calendar-dialog.module.ts","ng://@taiga-ui/addon-mobile/components/mobile-calendar-dialog/taiga-ui-addon-mobile-components-mobile-calendar-dialog.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject} from '@angular/core';\nimport {\n ALWAYS_FALSE_HANDLER,\n TUI_FIRST_DAY,\n TUI_LAST_DAY,\n TuiBooleanHandler,\n TuiDay,\n TuiDayRange,\n} from '@taiga-ui/cdk';\nimport {TuiDialogContext} from '@taiga-ui/core';\nimport {TuiMobileCalendarData} from '@taiga-ui/kit';\nimport {POLYMORPHEUS_CONTEXT} from '@tinkoff/ng-polymorpheus';\n\n@Component({\n selector:
|
|
1
|
+
{"version":3,"file":"taiga-ui-addon-mobile-components-mobile-calendar-dialog.js","sources":["ng://@taiga-ui/addon-mobile/components/mobile-calendar-dialog/mobile-calendar-dialog.component.ts","ng://@taiga-ui/addon-mobile/components/mobile-calendar-dialog/mobile-calendar-dialog.module.ts","ng://@taiga-ui/addon-mobile/components/mobile-calendar-dialog/taiga-ui-addon-mobile-components-mobile-calendar-dialog.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, Inject} from '@angular/core';\nimport {\n ALWAYS_FALSE_HANDLER,\n TUI_FIRST_DAY,\n TUI_LAST_DAY,\n TuiBooleanHandler,\n TuiDay,\n TuiDayRange,\n} from '@taiga-ui/cdk';\nimport {TuiDialogContext} from '@taiga-ui/core';\nimport {TuiMobileCalendarData} from '@taiga-ui/kit';\nimport {POLYMORPHEUS_CONTEXT} from '@tinkoff/ng-polymorpheus';\n\n@Component({\n selector: `tui-mobile-calendar-dialog`,\n templateUrl: `./mobile-calendar-dialog.template.html`,\n styleUrls: [`./mobile-calendar-dialog.style.less`],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiMobileCalendarDialogComponent {\n constructor(\n @Inject(POLYMORPHEUS_CONTEXT)\n readonly context: TuiDialogContext<\n TuiDay | TuiDayRange,\n TuiMobileCalendarData | undefined\n >,\n ) {}\n\n get single(): boolean {\n return !this.context.data || this.context.data.single === undefined\n ? true\n : this.context.data.single;\n }\n\n get min(): TuiDay {\n return this.context.data?.min || TUI_FIRST_DAY;\n }\n\n get max(): TuiDay {\n return this.context.data?.max || TUI_LAST_DAY;\n }\n\n get disabledItemHandler(): TuiBooleanHandler<TuiDay> {\n return this.context.data?.disabledItemHandler || ALWAYS_FALSE_HANDLER;\n }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiMobileCalendarModule} from '@taiga-ui/addon-mobile/components/mobile-calendar';\nimport {TUI_MOBILE_CALENDAR} from '@taiga-ui/kit';\n\nimport {TuiMobileCalendarDialogComponent} from './mobile-calendar-dialog.component';\n\n// TODO: 3.0 remove in ivy compilation\nexport const MOBILE_CALENDAR_COMPONENT = TuiMobileCalendarDialogComponent;\n\n@NgModule({\n imports: [TuiMobileCalendarModule],\n declarations: [TuiMobileCalendarDialogComponent],\n exports: [TuiMobileCalendarDialogComponent],\n entryComponents: [TuiMobileCalendarDialogComponent],\n providers: [\n {\n provide: TUI_MOBILE_CALENDAR,\n useValue: MOBILE_CALENDAR_COMPONENT,\n },\n ],\n})\nexport class TuiMobileCalendarDialogModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;IAmBa,gCAAgC,GAA7C,MAAa,gCAAgC;IACzC,YAEa,OAGR;QAHQ,YAAO,GAAP,OAAO,CAGf;KACD;IAEJ,IAAI,MAAM;QACN,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,KAAK,SAAS;cAC7D,IAAI;cACJ,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;KAClC;IAED,IAAI,GAAG;;QACH,OAAO,OAAA,IAAI,CAAC,OAAO,CAAC,IAAI,0CAAE,GAAG,KAAI,aAAa,CAAC;KAClD;IAED,IAAI,GAAG;;QACH,OAAO,OAAA,IAAI,CAAC,OAAO,CAAC,IAAI,0CAAE,GAAG,KAAI,YAAY,CAAC;KACjD;IAED,IAAI,mBAAmB;;QACnB,OAAO,OAAA,IAAI,CAAC,OAAO,CAAC,IAAI,0CAAE,mBAAmB,KAAI,oBAAoB,CAAC;KACzE;EACJ;;4CAxBQ,MAAM,SAAC,oBAAoB;;AAFvB,gCAAgC;IAN5C,SAAS,CAAC;QACP,QAAQ,EAAE,4BAA4B;QACtC,4QAAqD;QAErD,eAAe,EAAE,uBAAuB,CAAC,MAAM;;KAClD,CAAC;IAGO,WAAA,MAAM,CAAC,oBAAoB,CAAC,CAAA;GAFxB,gCAAgC,CA0B5C;;ACvCD;MACa,yBAAyB,GAAG,iCAAiC;IAc7D,6BAA6B,GAA1C,MAAa,6BAA6B;EAAG;AAAhC,6BAA6B;IAZzC,QAAQ,CAAC;QACN,OAAO,EAAE,CAAC,uBAAuB,CAAC;QAClC,YAAY,EAAE,CAAC,gCAAgC,CAAC;QAChD,OAAO,EAAE,CAAC,gCAAgC,CAAC;QAC3C,eAAe,EAAE,CAAC,gCAAgC,CAAC;QACnD,SAAS,EAAE;YACP;gBACI,OAAO,EAAE,mBAAmB;gBAC5B,QAAQ,EAAE,yBAAyB;aACtC;SACJ;KACJ,CAAC;GACW,6BAA6B,CAAG;;ACrB7C;;;;;;"}
|
|
@@ -83,7 +83,7 @@ class TuiMobileCalendarStrategy {
|
|
|
83
83
|
return;
|
|
84
84
|
}
|
|
85
85
|
const scrollTop = this.getOffsetForIndex(index);
|
|
86
|
-
if (behavior !==
|
|
86
|
+
if (behavior !== `smooth`) {
|
|
87
87
|
this.viewport.scrollToOffset(scrollTop, behavior);
|
|
88
88
|
return;
|
|
89
89
|
}
|
|
@@ -150,7 +150,7 @@ __decorate([
|
|
|
150
150
|
tuiPure
|
|
151
151
|
], TuiMobileCalendarStrategy.prototype, "scrolledIndexChange", null);
|
|
152
152
|
|
|
153
|
-
const TUI_VALUE_STREAM = new InjectionToken(
|
|
153
|
+
const TUI_VALUE_STREAM = new InjectionToken(`Stream for updating value`);
|
|
154
154
|
const TUI_MOBILE_CALENDAR_PROVIDERS = [
|
|
155
155
|
TuiDestroyService,
|
|
156
156
|
TuiScrollService,
|
|
@@ -237,10 +237,10 @@ let TuiMobileCalendarComponent = class TuiMobileCalendarComponent {
|
|
|
237
237
|
}
|
|
238
238
|
getState(index) {
|
|
239
239
|
if (this.isYearActive(index)) {
|
|
240
|
-
return
|
|
240
|
+
return `active`;
|
|
241
241
|
}
|
|
242
242
|
if (this.isYearActive(index - 1) || this.isYearActive(index + 1)) {
|
|
243
|
-
return
|
|
243
|
+
return `adjacent`;
|
|
244
244
|
}
|
|
245
245
|
return null;
|
|
246
246
|
}
|
|
@@ -263,7 +263,7 @@ let TuiMobileCalendarComponent = class TuiMobileCalendarComponent {
|
|
|
263
263
|
}
|
|
264
264
|
this.activeMonth += this.getMonthOffset(year);
|
|
265
265
|
this.activeYear = year;
|
|
266
|
-
this.scrollToActiveYear(
|
|
266
|
+
this.scrollToActiveYear(`smooth`);
|
|
267
267
|
// Delay is required to run months scroll in the next frame to prevent flicker
|
|
268
268
|
setTimeout(() => {
|
|
269
269
|
this.scrollToActiveMonth();
|
|
@@ -316,9 +316,9 @@ let TuiMobileCalendarComponent = class TuiMobileCalendarComponent {
|
|
|
316
316
|
if (!yearsScrollRef) {
|
|
317
317
|
return;
|
|
318
318
|
}
|
|
319
|
-
const touchstart$ = typedFromEvent(yearsScrollRef.elementRef.nativeElement,
|
|
320
|
-
const touchend$ = typedFromEvent(yearsScrollRef.elementRef.nativeElement,
|
|
321
|
-
const click$ = typedFromEvent(yearsScrollRef.elementRef.nativeElement,
|
|
319
|
+
const touchstart$ = typedFromEvent(yearsScrollRef.elementRef.nativeElement, `touchstart`);
|
|
320
|
+
const touchend$ = typedFromEvent(yearsScrollRef.elementRef.nativeElement, `touchend`);
|
|
321
|
+
const click$ = typedFromEvent(yearsScrollRef.elementRef.nativeElement, `click`);
|
|
322
322
|
// Refresh activeYear
|
|
323
323
|
yearsScrollRef
|
|
324
324
|
.elementScrolled()
|
|
@@ -338,7 +338,7 @@ let TuiMobileCalendarComponent = class TuiMobileCalendarComponent {
|
|
|
338
338
|
touchstart$
|
|
339
339
|
.pipe(switchMap(() => touchend$), switchMap(() => race(yearsScrollRef.elementScrolled(), timer(SCROLL_DEBOUNCE_TIME)).pipe(debounceTime(SCROLL_DEBOUNCE_TIME * 2), take(1), takeUntil(touchstart$))), takeUntil(this.destroy$))
|
|
340
340
|
.subscribe(() => {
|
|
341
|
-
this.scrollToActiveYear(
|
|
341
|
+
this.scrollToActiveYear(`smooth`);
|
|
342
342
|
});
|
|
343
343
|
}
|
|
344
344
|
initMonthScroll() {
|
|
@@ -346,13 +346,13 @@ let TuiMobileCalendarComponent = class TuiMobileCalendarComponent {
|
|
|
346
346
|
if (!monthsScrollRef) {
|
|
347
347
|
return;
|
|
348
348
|
}
|
|
349
|
-
const touchstart$ = typedFromEvent(monthsScrollRef.elementRef.nativeElement,
|
|
350
|
-
const touchend$ = typedFromEvent(monthsScrollRef.elementRef.nativeElement,
|
|
349
|
+
const touchstart$ = typedFromEvent(monthsScrollRef.elementRef.nativeElement, `touchstart`, { passive: true });
|
|
350
|
+
const touchend$ = typedFromEvent(monthsScrollRef.elementRef.nativeElement, `touchend`);
|
|
351
351
|
// Smooth scroll to the closest month after scrolling is done
|
|
352
352
|
touchstart$
|
|
353
353
|
.pipe(switchMapTo(touchend$), switchMapTo(race(monthsScrollRef.elementScrolled(), timer(SCROLL_DEBOUNCE_TIME)).pipe(debounceTime(SCROLL_DEBOUNCE_TIME * 2), take(1), takeUntil(touchstart$))), takeUntil(this.destroy$))
|
|
354
354
|
.subscribe(() => {
|
|
355
|
-
this.scrollToActiveMonth(
|
|
355
|
+
this.scrollToActiveMonth(`smooth`);
|
|
356
356
|
});
|
|
357
357
|
}
|
|
358
358
|
scrollToActiveYear(behavior) {
|
|
@@ -385,10 +385,10 @@ TuiMobileCalendarComponent.ctorParameters = () => [
|
|
|
385
385
|
{ type: Observable, decorators: [{ type: Inject, args: [TUI_CHOOSE_DAY_OR_RANGE_TEXTS,] }] }
|
|
386
386
|
];
|
|
387
387
|
__decorate([
|
|
388
|
-
ViewChild(
|
|
388
|
+
ViewChild(`yearsScrollRef`)
|
|
389
389
|
], TuiMobileCalendarComponent.prototype, "yearsScrollRef", void 0);
|
|
390
390
|
__decorate([
|
|
391
|
-
ViewChild(
|
|
391
|
+
ViewChild(`monthsScrollRef`)
|
|
392
392
|
], TuiMobileCalendarComponent.prototype, "monthsScrollRef", void 0);
|
|
393
393
|
__decorate([
|
|
394
394
|
Input(),
|
|
@@ -414,11 +414,11 @@ __decorate([
|
|
|
414
414
|
], TuiMobileCalendarComponent.prototype, "confirm", void 0);
|
|
415
415
|
TuiMobileCalendarComponent = __decorate([
|
|
416
416
|
Component({
|
|
417
|
-
selector:
|
|
417
|
+
selector: `tui-mobile-calendar`,
|
|
418
418
|
template: "<header class=\"t-header\">\n <button\n tuiIconButton\n type=\"button\"\n automation-id=\"tui-mobile-calendar__cancel\"\n icon=\"tuiIconRemoveLarge\"\n shape=\"rounded\"\n appearance=\"\"\n tuiRipple\n class=\"t-close\"\n [title]=\"closeWord$ | async\"\n (click)=\"onClose()\"\n ></button>\n <button\n tuiLink\n tuiTouchable=\"opacity\"\n type=\"button\"\n class=\"t-link t-link_close\"\n (click)=\"onClose()\"\n >\n {{ cancelWord$ | async }}\n </button>\n <h2\n *ngIf=\"chooseDayOrRangeTexts$ | async as texts\"\n automation-id=\"tui-mobile-calendar__label\"\n class=\"t-label\"\n >\n {{ single ? texts[0] : texts[1] }}\n </h2>\n <button\n tuiLink\n tuiTouchable=\"opacity\"\n type=\"button\"\n automation-id=\"tui-mobile-calendar__confirm\"\n class=\"t-link\"\n (click)=\"onConfirm()\"\n >\n {{ doneWord$ | async }}\n </button>\n</header>\n<cdk-virtual-scroll-viewport\n #yearsScrollRef\n orientation=\"horizontal\"\n class=\"t-years\"\n [itemSize]=\"yearWidth\"\n>\n <div class=\"t-years-wrapper\">\n <button\n *cdkVirtualFor=\"let index of years\"\n class=\"t-year\"\n [attr.data-state]=\"getState(index)\"\n (click)=\"setYear(index)\"\n >\n {{ index }}\n </button>\n </div>\n</cdk-virtual-scroll-viewport>\n<div class=\"t-week\">\n <div\n *ngFor=\"let day of weekDays$ | async\"\n class=\"t-day\"\n >\n {{ day }}\n </div>\n</div>\n<cdk-virtual-scroll-viewport\n #monthsScrollRef\n class=\"t-months\"\n (scrolledIndexChange)=\"onMonthChange($event)\"\n>\n <section\n *cdkVirtualFor=\"let month of months; templateCacheSize: 10\"\n class=\"t-month-wrapper\"\n >\n <h2 class=\"t-month\">{{ month | tuiMonth | async }}</h2>\n <tui-primitive-calendar-mobile\n class=\"t-calendar\"\n [month]=\"month\"\n [value]=\"value\"\n [disabledItemHandler]=\"disabledItemHandler | tuiMapper: disabledItemHandlerMapper:min:max\"\n (dayClick)=\"onDayClick($event)\"\n ></tui-primitive-calendar-mobile>\n </section>\n</cdk-virtual-scroll-viewport>\n",
|
|
419
419
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
420
420
|
providers: TUI_MOBILE_CALENDAR_PROVIDERS,
|
|
421
|
-
host: { '[class._ios]':
|
|
421
|
+
host: { '[class._ios]': `isIOS` },
|
|
422
422
|
styles: [":host{display:block;height:100%;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;color:var(--tui-text-01);-webkit-tap-highlight-color:transparent}.t-header{position:relative;display:flex;align-items:center;height:3.5rem;padding:0 1rem;border-bottom:.5px solid var(--tui-base-03)}:host._ios .t-header{height:2.75rem;border-bottom:none}.t-close{width:1.5rem;height:1.5rem;margin-right:2rem}:host._ios .t-close{display:none}.t-link{margin-left:auto;flex-shrink:0;font-size:.875rem;line-height:1rem;font-weight:500;text-transform:uppercase;color:var(--tui-link)}.t-link_close{display:none}:host._ios .t-link{min-width:3.75rem;text-align:right;font-size:.9375rem;line-height:1.125rem;font-weight:400;letter-spacing:.018125rem;text-transform:none}:host._ios .t-link_close{display:block;margin:0 auto 0 0;text-align:left}.t-label{position:relative;overflow:hidden;flex-grow:1;margin:0;font-size:1.25rem;line-height:3.5rem;font-weight:500;letter-spacing:-.0125rem;white-space:nowrap}.t-label:after{content:'';position:absolute;top:0;right:0;width:1.875rem;height:100%;background-image:linear-gradient(to right,transparent 0,var(--tui-base-01) 80%,var(--tui-base-01) 100%);pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,0) 0,var(--tui-base-01) 80%,var(--tui-base-01) 100%)}:host._ios .t-label{font-size:1.0625rem;font-weight:600;letter-spacing:-.025625rem;text-align:center}:host-context([data-mode=onDark]) .t-label:after{background-image:linear-gradient(to right,rgba(34,34,34,0) 0,var(--tui-base-01) 80%,var(--tui-base-01) 100%)}.t-years{scrollbar-width:none;-ms-overflow-style:none;height:4.0625rem;background-color:var(--tui-base-01);box-shadow:0 .5px var(--tui-base-03)}.t-years::-webkit-scrollbar,.t-years::-webkit-scrollbar-thumb{background:0 0;width:0;height:0}:host._ios .t-years{background-color:transparent}.t-years-wrapper{display:flex;height:4.0625rem}.t-year{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:0 0;line-height:inherit;outline:0;width:20vw;flex-shrink:0;font-size:.9375rem;font-weight:700;letter-spacing:.015625rem;cursor:pointer;opacity:.1;transform:scale(.73);transition:color,opacity,transform .2s}.t-year[data-state=adjacent]{transform:scale(.86);opacity:.3}.t-year[data-state=active]{color:var(--tui-link);opacity:1;transform:scale(1)}.t-week{display:flex;align-items:center;height:1.875rem;width:20.75rem;max-width:100%;margin:0 auto;font-size:.75rem}:host._ios .t-week{width:22.625rem;font-size:.6875rem;font-weight:500;color:var(--tui-text-02)}.t-day{flex:1;text-align:center}.t-months{scrollbar-width:none;-ms-overflow-style:none;height:calc(100% - 9.5rem);box-shadow:0 -1px var(--tui-base-03);overflow-x:hidden}.t-months::-webkit-scrollbar,.t-months::-webkit-scrollbar-thumb{background:0 0;width:0;height:0}:host._ios .t-months{height:calc(100% - 8.75rem)}.t-month-wrapper{margin:.625rem 0 -.625rem}.t-month{height:2.75rem;line-height:2.75rem;padding-left:1rem;font-size:.875rem;font-weight:500;text-transform:uppercase;margin:0 0 1.25rem;box-sizing:border-box;border-bottom:.5px solid var(--tui-base-03)}:host._ios .t-month{height:3.125rem;margin:0;border-bottom:none;text-transform:none;font-size:1.375rem;line-height:3.125rem;letter-spacing:.02rem;font-weight:700}.t-calendar{margin:0 auto;font-family:inherit;font-size:1.125rem;transition:opacity .2s}:host._ios .t-calendar{font-size:1.0625rem}"]
|
|
423
423
|
}),
|
|
424
424
|
__param(0, Inject(TUI_IS_IOS)),
|