@taiga-ui/addon-mobile 3.75.0 → 3.76.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.
Files changed (39) hide show
  1. package/bundles/taiga-ui-addon-mobile-directives-dropdown-mobile.umd.js +576 -0
  2. package/bundles/taiga-ui-addon-mobile-directives-dropdown-mobile.umd.js.map +1 -0
  3. package/bundles/taiga-ui-addon-mobile-directives.umd.js +10 -4
  4. package/bundles/taiga-ui-addon-mobile-directives.umd.js.map +1 -1
  5. package/bundles/taiga-ui-addon-mobile-services.umd.js +90 -0
  6. package/bundles/taiga-ui-addon-mobile-services.umd.js.map +1 -0
  7. package/bundles/taiga-ui-addon-mobile.umd.js +10 -4
  8. package/bundles/taiga-ui-addon-mobile.umd.js.map +1 -1
  9. package/directives/dropdown-mobile/dropdown-mobile.component.d.ts +34 -0
  10. package/directives/dropdown-mobile/dropdown-mobile.directive.d.ts +9 -0
  11. package/directives/dropdown-mobile/dropdown-mobile.module.d.ts +12 -0
  12. package/directives/dropdown-mobile/index.d.ts +3 -0
  13. package/directives/dropdown-mobile/package.json +10 -0
  14. package/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.d.ts +5 -0
  15. package/directives/index.d.ts +1 -0
  16. package/esm2015/directives/dropdown-mobile/dropdown-mobile.component.js +134 -0
  17. package/esm2015/directives/dropdown-mobile/dropdown-mobile.directive.js +55 -0
  18. package/esm2015/directives/dropdown-mobile/dropdown-mobile.module.js +35 -0
  19. package/esm2015/directives/dropdown-mobile/index.js +4 -0
  20. package/esm2015/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.js +5 -0
  21. package/esm2015/directives/index.js +2 -1
  22. package/esm2015/index.js +2 -1
  23. package/esm2015/services/index.js +2 -0
  24. package/esm2015/services/keyboard.service.js +56 -0
  25. package/esm2015/services/taiga-ui-addon-mobile-services.js +5 -0
  26. package/fesm2015/taiga-ui-addon-mobile-directives-dropdown-mobile.js +218 -0
  27. package/fesm2015/taiga-ui-addon-mobile-directives-dropdown-mobile.js.map +1 -0
  28. package/fesm2015/taiga-ui-addon-mobile-directives.js +1 -0
  29. package/fesm2015/taiga-ui-addon-mobile-directives.js.map +1 -1
  30. package/fesm2015/taiga-ui-addon-mobile-services.js +63 -0
  31. package/fesm2015/taiga-ui-addon-mobile-services.js.map +1 -0
  32. package/fesm2015/taiga-ui-addon-mobile.js +1 -0
  33. package/fesm2015/taiga-ui-addon-mobile.js.map +1 -1
  34. package/index.d.ts +1 -0
  35. package/package.json +7 -7
  36. package/services/index.d.ts +1 -0
  37. package/services/keyboard.service.d.ts +15 -0
  38. package/services/package.json +10 -0
  39. package/services/taiga-ui-addon-mobile-services.d.ts +5 -0
@@ -0,0 +1,35 @@
1
+ import { CommonModule } from '@angular/common';
2
+ import { NgModule } from '@angular/core';
3
+ import { IntersectionObserverModule } from '@ng-web-apis/intersection-observer';
4
+ import { TuiSwipeModule } from '@taiga-ui/cdk';
5
+ import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
6
+ import { TuiDropdownMobileComponent } from './dropdown-mobile.component';
7
+ import { TuiDropdownMobileDirective } from './dropdown-mobile.directive';
8
+ import * as i0 from "@angular/core";
9
+ export class TuiDropdownMobileModule {
10
+ }
11
+ TuiDropdownMobileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDropdownMobileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
12
+ TuiDropdownMobileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDropdownMobileModule, declarations: [TuiDropdownMobileComponent, TuiDropdownMobileDirective], imports: [PolymorpheusModule,
13
+ CommonModule,
14
+ TuiSwipeModule,
15
+ IntersectionObserverModule], exports: [TuiDropdownMobileDirective] });
16
+ TuiDropdownMobileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDropdownMobileModule, imports: [[
17
+ PolymorpheusModule,
18
+ CommonModule,
19
+ TuiSwipeModule,
20
+ IntersectionObserverModule,
21
+ ]] });
22
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDropdownMobileModule, decorators: [{
23
+ type: NgModule,
24
+ args: [{
25
+ imports: [
26
+ PolymorpheusModule,
27
+ CommonModule,
28
+ TuiSwipeModule,
29
+ IntersectionObserverModule,
30
+ ],
31
+ declarations: [TuiDropdownMobileComponent, TuiDropdownMobileDirective],
32
+ exports: [TuiDropdownMobileDirective],
33
+ }]
34
+ }] });
35
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tbW9iaWxlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLW1vYmlsZS9kaXJlY3RpdmVzL2Ryb3Bkb3duLW1vYmlsZS9kcm9wZG93bi1tb2JpbGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQywwQkFBMEIsRUFBQyxNQUFNLG9DQUFvQyxDQUFDO0FBQzlFLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDN0MsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFFNUQsT0FBTyxFQUFDLDBCQUEwQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDdkUsT0FBTyxFQUFDLDBCQUEwQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7O0FBWXZFLE1BQU0sT0FBTyx1QkFBdUI7O3FIQUF2Qix1QkFBdUI7c0hBQXZCLHVCQUF1QixpQkFIakIsMEJBQTBCLEVBQUUsMEJBQTBCLGFBTGpFLGtCQUFrQjtRQUNsQixZQUFZO1FBQ1osY0FBYztRQUNkLDBCQUEwQixhQUdwQiwwQkFBMEI7c0hBRTNCLHVCQUF1QixZQVR2QjtZQUNMLGtCQUFrQjtZQUNsQixZQUFZO1lBQ1osY0FBYztZQUNkLDBCQUEwQjtTQUM3Qjs0RkFJUSx1QkFBdUI7a0JBVm5DLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLGtCQUFrQjt3QkFDbEIsWUFBWTt3QkFDWixjQUFjO3dCQUNkLDBCQUEwQjtxQkFDN0I7b0JBQ0QsWUFBWSxFQUFFLENBQUMsMEJBQTBCLEVBQUUsMEJBQTBCLENBQUM7b0JBQ3RFLE9BQU8sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUN4QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tbW9uTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0ludGVyc2VjdGlvbk9ic2VydmVyTW9kdWxlfSBmcm9tICdAbmctd2ViLWFwaXMvaW50ZXJzZWN0aW9uLW9ic2VydmVyJztcbmltcG9ydCB7VHVpU3dpcGVNb2R1bGV9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtQb2x5bW9ycGhldXNNb2R1bGV9IGZyb20gJ0B0aW5rb2ZmL25nLXBvbHltb3JwaGV1cyc7XG5cbmltcG9ydCB7VHVpRHJvcGRvd25Nb2JpbGVDb21wb25lbnR9IGZyb20gJy4vZHJvcGRvd24tbW9iaWxlLmNvbXBvbmVudCc7XG5pbXBvcnQge1R1aURyb3Bkb3duTW9iaWxlRGlyZWN0aXZlfSBmcm9tICcuL2Ryb3Bkb3duLW1vYmlsZS5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgUG9seW1vcnBoZXVzTW9kdWxlLFxuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIFR1aVN3aXBlTW9kdWxlLFxuICAgICAgICBJbnRlcnNlY3Rpb25PYnNlcnZlck1vZHVsZSxcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogW1R1aURyb3Bkb3duTW9iaWxlQ29tcG9uZW50LCBUdWlEcm9wZG93bk1vYmlsZURpcmVjdGl2ZV0sXG4gICAgZXhwb3J0czogW1R1aURyb3Bkb3duTW9iaWxlRGlyZWN0aXZlXSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpRHJvcGRvd25Nb2JpbGVNb2R1bGUge31cbiJdfQ==
@@ -0,0 +1,4 @@
1
+ export * from './dropdown-mobile.component';
2
+ export * from './dropdown-mobile.directive';
3
+ export * from './dropdown-mobile.module';
4
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy9kcm9wZG93bi1tb2JpbGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2Ryb3Bkb3duLW1vYmlsZS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9kcm9wZG93bi1tb2JpbGUuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vZHJvcGRvd24tbW9iaWxlLm1vZHVsZSc7XG4iXX0=
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './index';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktYWRkb24tbW9iaWxlLWRpcmVjdGl2ZXMtZHJvcGRvd24tbW9iaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWRkb24tbW9iaWxlL2RpcmVjdGl2ZXMvZHJvcGRvd24tbW9iaWxlL3RhaWdhLXVpLWFkZG9uLW1vYmlsZS1kaXJlY3RpdmVzLWRyb3Bkb3duLW1vYmlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
@@ -1,6 +1,7 @@
1
+ export * from '@taiga-ui/addon-mobile/directives/dropdown-mobile';
1
2
  export * from '@taiga-ui/addon-mobile/directives/elastic-sticky';
2
3
  export * from '@taiga-ui/addon-mobile/directives/mobile-tabs';
3
4
  export * from '@taiga-ui/addon-mobile/directives/ripple';
4
5
  export * from '@taiga-ui/addon-mobile/directives/sidebar';
5
6
  export * from '@taiga-ui/addon-mobile/directives/touchable';
6
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYywwQ0FBMEMsQ0FBQztBQUN6RCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsNkNBQTZDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2RpcmVjdGl2ZXMvZWxhc3RpYy1zdGlja3knO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9kaXJlY3RpdmVzL21vYmlsZS10YWJzJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy9yaXBwbGUnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9kaXJlY3RpdmVzL3NpZGViYXInO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9kaXJlY3RpdmVzL3RvdWNoYWJsZSc7XG4iXX0=
7
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyw2Q0FBNkMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy9kcm9wZG93bi1tb2JpbGUnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9kaXJlY3RpdmVzL2VsYXN0aWMtc3RpY2t5JztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy9tb2JpbGUtdGFicyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2RpcmVjdGl2ZXMvcmlwcGxlJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy9zaWRlYmFyJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcy90b3VjaGFibGUnO1xuIl19
package/esm2015/index.js CHANGED
@@ -2,6 +2,7 @@ export * from '@taiga-ui/addon-mobile/components';
2
2
  export * from '@taiga-ui/addon-mobile/const';
3
3
  export * from '@taiga-ui/addon-mobile/directives';
4
4
  export * from '@taiga-ui/addon-mobile/interfaces';
5
+ export * from '@taiga-ui/addon-mobile/services';
5
6
  export * from '@taiga-ui/addon-mobile/types';
6
7
  export * from '@taiga-ui/addon-mobile/utils';
7
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsOEJBQThCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbXBvbmVudHMnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9jb25zdCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2RpcmVjdGl2ZXMnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9pbnRlcmZhY2VzJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvdHlwZXMnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS91dGlscyc7XG4iXX0=
8
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvY29tcG9uZW50cyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2NvbnN0JztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvZGlyZWN0aXZlcyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL2ludGVyZmFjZXMnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2FkZG9uLW1vYmlsZS9zZXJ2aWNlcyc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvYWRkb24tbW9iaWxlL3R5cGVzJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9hZGRvbi1tb2JpbGUvdXRpbHMnO1xuIl19
@@ -0,0 +1,2 @@
1
+ export * from './keyboard.service';
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hZGRvbi1tb2JpbGUvc2VydmljZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4va2V5Ym9hcmQuc2VydmljZSc7XG4iXX0=
@@ -0,0 +1,56 @@
1
+ import { DOCUMENT } from '@angular/common';
2
+ import { Inject, Injectable } from '@angular/core';
3
+ import { tuiGetNativeFocused } from '@taiga-ui/cdk';
4
+ import { fromEvent, merge } from 'rxjs';
5
+ import { filter } from 'rxjs/operators';
6
+ import * as i0 from "@angular/core";
7
+ export class TuiKeyboardService {
8
+ constructor(doc) {
9
+ this.doc = doc;
10
+ this.sub = merge(fromEvent(this.doc, 'focusout'), fromEvent(this.doc, 'mousedown').pipe(filter(e => Object.is(e.target, this.element)))).subscribe(() => {
11
+ this.show();
12
+ });
13
+ this.inputMode = '';
14
+ }
15
+ ngOnDestroy() {
16
+ this.sub.unsubscribe();
17
+ this.show();
18
+ }
19
+ toggle() {
20
+ if (this.element) {
21
+ this.show();
22
+ }
23
+ else {
24
+ this.hide();
25
+ }
26
+ }
27
+ hide() {
28
+ const focused = tuiGetNativeFocused(this.doc);
29
+ if ((focused === null || focused === void 0 ? void 0 : focused.inputMode) === undefined || this.element) {
30
+ return;
31
+ }
32
+ this.element = focused;
33
+ this.inputMode = focused.inputMode;
34
+ focused.inputMode = 'none';
35
+ }
36
+ show() {
37
+ if (!this.element) {
38
+ return;
39
+ }
40
+ this.element.inputMode = 'none';
41
+ this.element.inputMode = this.inputMode;
42
+ this.element = undefined;
43
+ }
44
+ }
45
+ TuiKeyboardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiKeyboardService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
46
+ TuiKeyboardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiKeyboardService, providedIn: 'root' });
47
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiKeyboardService, decorators: [{
48
+ type: Injectable,
49
+ args: [{
50
+ providedIn: 'root',
51
+ }]
52
+ }], ctorParameters: function () { return [{ type: Document, decorators: [{
53
+ type: Inject,
54
+ args: [DOCUMENT]
55
+ }] }]; } });
56
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5Ym9hcmQuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2FkZG9uLW1vYmlsZS9zZXJ2aWNlcy9rZXlib2FyZC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUN6QyxPQUFPLEVBQUMsTUFBTSxFQUFFLFVBQVUsRUFBWSxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUMsbUJBQW1CLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFDdEMsT0FBTyxFQUFDLE1BQU0sRUFBQyxNQUFNLGdCQUFnQixDQUFDOztBQUt0QyxNQUFNLE9BQU8sa0JBQWtCO0lBYTNCLFlBQStDLEdBQWE7UUFBYixRQUFHLEdBQUgsR0FBRyxDQUFVO1FBWjNDLFFBQUcsR0FBRyxLQUFLLENBQ3hCLFNBQVMsQ0FBQyxJQUFJLENBQUMsR0FBRyxFQUFFLFVBQVUsQ0FBQyxFQUMvQixTQUFTLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxXQUFXLENBQUMsQ0FBQyxJQUFJLENBQ2pDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FDakQsQ0FDSixDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDYixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDaEIsQ0FBQyxDQUFDLENBQUM7UUFHSyxjQUFTLEdBQUcsRUFBRSxDQUFDO0lBRXdDLENBQUM7SUFFaEUsV0FBVztRQUNQLElBQUksQ0FBQyxHQUFHLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFFRCxNQUFNO1FBQ0YsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2QsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ2Y7YUFBTTtZQUNILElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUNmO0lBQ0wsQ0FBQztJQUVELElBQUk7UUFDQSxNQUFNLE9BQU8sR0FBUSxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7UUFFbkQsSUFBSSxDQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxTQUFTLE1BQUssU0FBUyxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDbEQsT0FBTztTQUNWO1FBRUQsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7UUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxPQUFPLENBQUMsU0FBUyxDQUFDO1FBQ25DLE9BQU8sQ0FBQyxTQUFTLEdBQUcsTUFBTSxDQUFDO0lBQy9CLENBQUM7SUFFRCxJQUFJO1FBQ0EsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDZixPQUFPO1NBQ1Y7UUFFRCxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsR0FBRyxNQUFNLENBQUM7UUFDaEMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUN4QyxJQUFJLENBQUMsT0FBTyxHQUFHLFNBQVMsQ0FBQztJQUM3QixDQUFDOztnSEFoRFEsa0JBQWtCLGtCQWFQLFFBQVE7b0hBYm5CLGtCQUFrQixjQUZmLE1BQU07NEZBRVQsa0JBQWtCO2tCQUg5QixVQUFVO21CQUFDO29CQUNSLFVBQVUsRUFBRSxNQUFNO2lCQUNyQjswREFjdUQsUUFBUTswQkFBL0MsTUFBTTsyQkFBQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtET0NVTUVOVH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7SW5qZWN0LCBJbmplY3RhYmxlLCBPbkRlc3Ryb3l9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0dWlHZXROYXRpdmVGb2N1c2VkfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7ZnJvbUV2ZW50LCBtZXJnZX0gZnJvbSAncnhqcyc7XG5pbXBvcnQge2ZpbHRlcn0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5ASW5qZWN0YWJsZSh7XG4gICAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBUdWlLZXlib2FyZFNlcnZpY2UgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgc3ViID0gbWVyZ2UoXG4gICAgICAgIGZyb21FdmVudCh0aGlzLmRvYywgJ2ZvY3Vzb3V0JyksXG4gICAgICAgIGZyb21FdmVudCh0aGlzLmRvYywgJ21vdXNlZG93bicpLnBpcGUoXG4gICAgICAgICAgICBmaWx0ZXIoZSA9PiBPYmplY3QuaXMoZS50YXJnZXQsIHRoaXMuZWxlbWVudCkpLFxuICAgICAgICApLFxuICAgICkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5zaG93KCk7XG4gICAgfSk7XG5cbiAgICBwcml2YXRlIGVsZW1lbnQ/OiBFbGVtZW50Q29udGVudEVkaXRhYmxlO1xuICAgIHByaXZhdGUgaW5wdXRNb2RlID0gJyc7XG5cbiAgICBjb25zdHJ1Y3RvcihASW5qZWN0KERPQ1VNRU5UKSBwcml2YXRlIHJlYWRvbmx5IGRvYzogRG9jdW1lbnQpIHt9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zdWIudW5zdWJzY3JpYmUoKTtcbiAgICAgICAgdGhpcy5zaG93KCk7XG4gICAgfVxuXG4gICAgdG9nZ2xlKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5lbGVtZW50KSB7XG4gICAgICAgICAgICB0aGlzLnNob3coKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuaGlkZSgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgaGlkZSgpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgZm9jdXNlZDogYW55ID0gdHVpR2V0TmF0aXZlRm9jdXNlZCh0aGlzLmRvYyk7XG5cbiAgICAgICAgaWYgKGZvY3VzZWQ/LmlucHV0TW9kZSA9PT0gdW5kZWZpbmVkIHx8IHRoaXMuZWxlbWVudCkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5lbGVtZW50ID0gZm9jdXNlZDtcbiAgICAgICAgdGhpcy5pbnB1dE1vZGUgPSBmb2N1c2VkLmlucHV0TW9kZTtcbiAgICAgICAgZm9jdXNlZC5pbnB1dE1vZGUgPSAnbm9uZSc7XG4gICAgfVxuXG4gICAgc2hvdygpOiB2b2lkIHtcbiAgICAgICAgaWYgKCF0aGlzLmVsZW1lbnQpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuZWxlbWVudC5pbnB1dE1vZGUgPSAnbm9uZSc7XG4gICAgICAgIHRoaXMuZWxlbWVudC5pbnB1dE1vZGUgPSB0aGlzLmlucHV0TW9kZTtcbiAgICAgICAgdGhpcy5lbGVtZW50ID0gdW5kZWZpbmVkO1xuICAgIH1cbn1cbiJdfQ==
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ export * from './index';
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWktYWRkb24tbW9iaWxlLXNlcnZpY2VzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYWRkb24tbW9iaWxlL3NlcnZpY2VzL3RhaWdhLXVpLWFkZG9uLW1vYmlsZS1zZXJ2aWNlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
@@ -0,0 +1,218 @@
1
+ import * as i1 from '@angular/common';
2
+ import { DOCUMENT, CommonModule } from '@angular/common';
3
+ import * as i0 from '@angular/core';
4
+ import { inject, InjectFlags, Directive, Inject, Input, HostListener, ElementRef, Component, ViewEncapsulation, ChangeDetectionStrategy, NgModule } from '@angular/core';
5
+ import * as i5 from '@taiga-ui/addon-mobile/services';
6
+ import { TuiKeyboardService } from '@taiga-ui/addon-mobile/services';
7
+ import * as i3 from '@taiga-ui/cdk';
8
+ import { tuiIsHTMLElement, TUI_IS_MOBILE, tuiPx, tuiGetNativeFocused, TuiActiveZoneDirective, TuiSwipeModule } from '@taiga-ui/cdk';
9
+ import * as i6 from '@taiga-ui/core';
10
+ import { TUI_DROPDOWN_COMPONENT, TUI_ANIMATIONS_DURATION, TuiDropdownDirective, tuiSlideInTop, tuiFadeIn } from '@taiga-ui/core';
11
+ import * as i2 from '@ng-web-apis/intersection-observer';
12
+ import { IntersectionObserverModule } from '@ng-web-apis/intersection-observer';
13
+ import * as i4 from '@tinkoff/ng-polymorpheus';
14
+ import { PolymorpheusModule } from '@tinkoff/ng-polymorpheus';
15
+
16
+ class TuiDropdownMobileDirective {
17
+ constructor(isMobile) {
18
+ this.isMobile = isMobile;
19
+ this.tuiDropdownMobile = '';
20
+ }
21
+ onMouseDown(event) {
22
+ if (!this.isMobile ||
23
+ !tuiIsHTMLElement(event.target) ||
24
+ !event.target.matches('input,textarea')) {
25
+ return;
26
+ }
27
+ event.preventDefault();
28
+ event.target.focus({ preventScroll: true });
29
+ }
30
+ }
31
+ TuiDropdownMobileDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDropdownMobileDirective, deps: [{ token: TUI_IS_MOBILE }], target: i0.ɵɵFactoryTarget.Directive });
32
+ TuiDropdownMobileDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownMobileDirective, selector: "[tuiDropdownMobile]", inputs: { tuiDropdownMobile: "tuiDropdownMobile" }, host: { listeners: { "mousedown": "onMouseDown($event)" }, properties: { "style.visibility": "\"visible\"" } }, providers: [
33
+ {
34
+ provide: TUI_DROPDOWN_COMPONENT,
35
+ useFactory: () => inject(TUI_IS_MOBILE)
36
+ ? TuiDropdownMobileComponent
37
+ : inject(TUI_DROPDOWN_COMPONENT, InjectFlags.SkipSelf),
38
+ },
39
+ ], ngImport: i0 });
40
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDropdownMobileDirective, decorators: [{
41
+ type: Directive,
42
+ args: [{
43
+ selector: '[tuiDropdownMobile]',
44
+ providers: [
45
+ {
46
+ provide: TUI_DROPDOWN_COMPONENT,
47
+ useFactory: () => inject(TUI_IS_MOBILE)
48
+ ? TuiDropdownMobileComponent
49
+ : inject(TUI_DROPDOWN_COMPONENT, InjectFlags.SkipSelf),
50
+ },
51
+ ],
52
+ host: {
53
+ '[style.visibility]': '"visible"',
54
+ },
55
+ }]
56
+ }], ctorParameters: function () { return [{ type: undefined, decorators: [{
57
+ type: Inject,
58
+ args: [TUI_IS_MOBILE]
59
+ }] }]; }, propDecorators: { tuiDropdownMobile: [{
60
+ type: Input
61
+ }], onMouseDown: [{
62
+ type: HostListener,
63
+ args: ['mousedown', ['$event']]
64
+ }] } });
65
+
66
+ const GAP = 16;
67
+ class TuiDropdownMobileComponent {
68
+ constructor(_, keyboard, doc, duration, el, dropdown, directive) {
69
+ this.keyboard = keyboard;
70
+ this.doc = doc;
71
+ this.duration = duration;
72
+ this.el = el;
73
+ this.dropdown = dropdown;
74
+ this.directive = directive;
75
+ this.scrollTop = this.doc.documentElement.scrollTop;
76
+ this.observer = new ResizeObserver(() => this.refresh(this.doc.defaultView.visualViewport));
77
+ this.animation = {
78
+ value: '',
79
+ params: {
80
+ start: '100vh',
81
+ duration: this.duration,
82
+ },
83
+ };
84
+ this.observer.observe(this.dropdown.el.nativeElement);
85
+ this.doc.documentElement.style.setProperty('scroll-behavior', 'initial');
86
+ }
87
+ onClick(event) {
88
+ if (!this.el.nativeElement.contains(event.target)) {
89
+ event.stopPropagation();
90
+ }
91
+ }
92
+ onSwipe({ direction }, el) {
93
+ var _a;
94
+ if (direction === 'bottom' &&
95
+ el.getBoundingClientRect().bottom > Number((_a = this.doc.defaultView) === null || _a === void 0 ? void 0 : _a.innerHeight)) {
96
+ this.close();
97
+ }
98
+ }
99
+ onIntersection([{ isIntersecting }]) {
100
+ if (isIntersecting) {
101
+ this.close();
102
+ }
103
+ }
104
+ close() {
105
+ this.dropdown.toggle(false);
106
+ }
107
+ refresh({ offsetTop, height }) {
108
+ this.doc.body.style.removeProperty('--t-root-top');
109
+ if (!this.focused ||
110
+ this.directive.tuiDropdownMobile ||
111
+ !this.doc.documentElement.style.getPropertyValue('scroll-behavior')) {
112
+ return;
113
+ }
114
+ this.doc.documentElement.scrollTop = 0;
115
+ const rect = this.dropdown.el.nativeElement.getBoundingClientRect();
116
+ const offset = rect.height + GAP * 2;
117
+ this.el.nativeElement.style.setProperty('top', tuiPx(offsetTop + offset));
118
+ this.el.nativeElement.style.setProperty('height', tuiPx(height - offset));
119
+ this.doc.body.classList.add('t-dropdown-mobile');
120
+ this.doc.body.style.setProperty('--t-root-top', tuiPx(offsetTop + GAP - rect.top));
121
+ }
122
+ ngAfterViewInit() {
123
+ this.el.nativeElement.scrollTop = this.directive.tuiDropdownMobile
124
+ ? this.el.nativeElement.clientHeight
125
+ : 0;
126
+ }
127
+ ngOnDestroy() {
128
+ this.observer.disconnect();
129
+ this.doc.body.classList.remove('t-dropdown-mobile');
130
+ this.doc.body.style.removeProperty('--t-root-top');
131
+ this.doc.documentElement.scrollTop = this.scrollTop;
132
+ this.doc.documentElement.style.removeProperty('scroll-behavior');
133
+ if (this.focused) {
134
+ this.keyboard.hide();
135
+ }
136
+ }
137
+ get focused() {
138
+ return this.dropdown.el.nativeElement.contains(tuiGetNativeFocused(this.doc));
139
+ }
140
+ }
141
+ TuiDropdownMobileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDropdownMobileComponent, deps: [{ token: TuiActiveZoneDirective }, { token: TuiKeyboardService }, { token: DOCUMENT }, { token: TUI_ANIMATIONS_DURATION }, { token: ElementRef }, { token: TuiDropdownDirective }, { token: TuiDropdownMobileDirective }], target: i0.ɵɵFactoryTarget.Component });
142
+ TuiDropdownMobileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiDropdownMobileComponent, selector: "tui-dropdown-mobile", host: { listeners: { "document:click.silent.capture": "onClick($event)", "window>scroll.silent.capture": "refresh($event.currentTarget.visualViewport)", "visualViewport>resize.silent": "refresh($event.target)", "visualViewport>scroll.silent": "refresh($event.target)" }, properties: { "@tuiFadeIn": "animation", "@tuiSlideInTop": "animation", "class._sheet": "directive.tuiDropdownMobile" } }, providers: [TuiActiveZoneDirective], ngImport: i0, template: "<div\n *ngIf=\"directive.tuiDropdownMobile\"\n waIntersectionObserver\n waIntersectionThreshold=\"1\"\n class=\"t-filler\"\n (touchstart.silent)=\"close()\"\n (waIntersectionObservee)=\"onIntersection($event)\"\n></div>\n<div\n #container\n class=\"t-container\"\n (tuiSwipe)=\"onSwipe($event, container)\"\n>\n <h2\n *ngIf=\"directive.tuiDropdownMobile\"\n class=\"t-heading\"\n >\n {{ directive.tuiDropdownMobile }}\n </h2>\n <div class=\"t-content\">\n <ng-container *polymorpheusOutlet=\"dropdown.content as text\">\n {{ text }}\n </ng-container>\n </div>\n</div>\n", styles: ["tui-dropdown-mobile:not(._sheet){scrollbar-width:none;-ms-overflow-style:none;position:fixed;top:0;left:0;width:100%;height:100%;transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;visibility:visible!important;transform:translate(0);background:var(--tui-base-01);overscroll-behavior:contain;overflow:auto;box-shadow:0 -.5rem .5rem var(--tui-base-01),0 10rem var(--tui-base-01),0 20rem var(--tui-base-01),0 30rem var(--tui-base-01)}tui-dropdown-mobile:not(._sheet)::-webkit-scrollbar,tui-dropdown-mobile:not(._sheet)::-webkit-scrollbar-thumb{display:none}tui-dropdown-mobile:not(._sheet):after{content:\"\";display:block;height:1px}tui-dropdown-mobile:not(._sheet)>.t-container{scrollbar-width:none;-ms-overflow-style:none;position:-webkit-sticky;position:sticky;top:0;height:100%;overflow:auto;margin:0 .75rem;touch-action:pan-y!important}tui-dropdown-mobile:not(._sheet)>.t-container::-webkit-scrollbar,tui-dropdown-mobile:not(._sheet)>.t-container::-webkit-scrollbar-thumb{display:none}tui-dropdown-mobile:not(._sheet) [tuiDropdownButton][tuiDropdownButton]{position:fixed;right:1rem;bottom:1rem;display:inline-flex}tui-dropdown-mobile._sheet{position:fixed;top:0;left:0;bottom:0;right:0;scrollbar-width:none;-ms-overflow-style:none;overflow:auto;background:rgba(0,0,0,.75);box-shadow:0 -50vh 5rem 5rem #000000bf;overflow-y:scroll;scroll-snap-type:y mandatory;overscroll-behavior:none}tui-dropdown-mobile._sheet::-webkit-scrollbar,tui-dropdown-mobile._sheet::-webkit-scrollbar-thumb{display:none}tui-dropdown-mobile._sheet>.t-filler{height:100%;scroll-snap-stop:always;scroll-snap-align:start}tui-dropdown-mobile._sheet>.t-container{display:flex;max-height:calc(100% - 1rem);flex-direction:column;border-top-left-radius:1rem;border-top-right-radius:1rem;padding:0 .5rem;scroll-snap-stop:always;scroll-snap-align:start;background:var(--tui-elevation-01)}tui-dropdown-mobile._sheet>.t-container>.t-heading{position:relative;margin:0;padding:2rem .5rem .75rem;font:var(--tui-font-heading-6)}tui-dropdown-mobile._sheet>.t-container>.t-heading:before{content:\"\";position:absolute;left:50%;top:.75rem;width:2rem;height:.25rem;border-radius:1rem;background:var(--tui-clear-hover);transform:translate(-50%,-50%)}tui-dropdown-mobile._sheet>.t-container>.t-content{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}tui-dropdown-mobile._sheet>.t-container>.t-content::-webkit-scrollbar,tui-dropdown-mobile._sheet>.t-container>.t-content::-webkit-scrollbar-thumb{display:none}.t-dropdown-mobile{touch-action:none;visibility:hidden}.t-dropdown-mobile *{touch-action:inherit;visibility:inherit}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.IntersectionObserverDirective, selector: "[waIntersectionObserver]", exportAs: ["IntersectionObserver"] }, { type: i2.IntersectionObserveeDirective, selector: "[waIntersectionObservee]", outputs: ["waIntersectionObservee"] }, { type: i3.TuiSwipeDirective, selector: "[tuiSwipe]", outputs: ["tuiSwipe"] }, { type: i4.PolymorpheusOutletDirective, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [tuiSlideInTop, tuiFadeIn], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
143
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDropdownMobileComponent, decorators: [{
144
+ type: Component,
145
+ args: [{
146
+ selector: 'tui-dropdown-mobile',
147
+ templateUrl: './dropdown-mobile.template.html',
148
+ styleUrls: ['./dropdown-mobile.style.less'],
149
+ encapsulation: ViewEncapsulation.None,
150
+ changeDetection: ChangeDetectionStrategy.OnPush,
151
+ providers: [TuiActiveZoneDirective],
152
+ animations: [tuiSlideInTop, tuiFadeIn],
153
+ host: {
154
+ '[@tuiFadeIn]': 'animation',
155
+ '[@tuiSlideInTop]': 'animation',
156
+ '[class._sheet]': 'directive.tuiDropdownMobile',
157
+ '(document:click.silent.capture)': 'onClick($event)',
158
+ '(window>scroll.silent.capture)': 'refresh($event.currentTarget.visualViewport)',
159
+ '(visualViewport>resize.silent)': 'refresh($event.target)',
160
+ '(visualViewport>scroll.silent)': 'refresh($event.target)',
161
+ },
162
+ }]
163
+ }], ctorParameters: function () { return [{ type: undefined, decorators: [{
164
+ type: Inject,
165
+ args: [TuiActiveZoneDirective]
166
+ }] }, { type: i5.TuiKeyboardService, decorators: [{
167
+ type: Inject,
168
+ args: [TuiKeyboardService]
169
+ }] }, { type: Document, decorators: [{
170
+ type: Inject,
171
+ args: [DOCUMENT]
172
+ }] }, { type: undefined, decorators: [{
173
+ type: Inject,
174
+ args: [TUI_ANIMATIONS_DURATION]
175
+ }] }, { type: i0.ElementRef, decorators: [{
176
+ type: Inject,
177
+ args: [ElementRef]
178
+ }] }, { type: i6.TuiDropdownDirective, decorators: [{
179
+ type: Inject,
180
+ args: [TuiDropdownDirective]
181
+ }] }, { type: TuiDropdownMobileDirective, decorators: [{
182
+ type: Inject,
183
+ args: [TuiDropdownMobileDirective]
184
+ }] }]; } });
185
+
186
+ class TuiDropdownMobileModule {
187
+ }
188
+ TuiDropdownMobileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDropdownMobileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
189
+ TuiDropdownMobileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDropdownMobileModule, declarations: [TuiDropdownMobileComponent, TuiDropdownMobileDirective], imports: [PolymorpheusModule,
190
+ CommonModule,
191
+ TuiSwipeModule,
192
+ IntersectionObserverModule], exports: [TuiDropdownMobileDirective] });
193
+ TuiDropdownMobileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDropdownMobileModule, imports: [[
194
+ PolymorpheusModule,
195
+ CommonModule,
196
+ TuiSwipeModule,
197
+ IntersectionObserverModule,
198
+ ]] });
199
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiDropdownMobileModule, decorators: [{
200
+ type: NgModule,
201
+ args: [{
202
+ imports: [
203
+ PolymorpheusModule,
204
+ CommonModule,
205
+ TuiSwipeModule,
206
+ IntersectionObserverModule,
207
+ ],
208
+ declarations: [TuiDropdownMobileComponent, TuiDropdownMobileDirective],
209
+ exports: [TuiDropdownMobileDirective],
210
+ }]
211
+ }] });
212
+
213
+ /**
214
+ * Generated bundle index. Do not edit.
215
+ */
216
+
217
+ export { TuiDropdownMobileComponent, TuiDropdownMobileDirective, TuiDropdownMobileModule };
218
+ //# sourceMappingURL=taiga-ui-addon-mobile-directives-dropdown-mobile.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"taiga-ui-addon-mobile-directives-dropdown-mobile.js","sources":["../../../projects/addon-mobile/directives/dropdown-mobile/dropdown-mobile.directive.ts","../../../projects/addon-mobile/directives/dropdown-mobile/dropdown-mobile.component.ts","../../../projects/addon-mobile/directives/dropdown-mobile/dropdown-mobile.template.html","../../../projects/addon-mobile/directives/dropdown-mobile/dropdown-mobile.module.ts","../../../projects/addon-mobile/directives/dropdown-mobile/taiga-ui-addon-mobile-directives-dropdown-mobile.ts"],"sourcesContent":["import {Directive, HostListener, Inject, inject, InjectFlags, Input} from '@angular/core';\nimport {TUI_IS_MOBILE, tuiIsHTMLElement} from '@taiga-ui/cdk';\nimport {TUI_DROPDOWN_COMPONENT} from '@taiga-ui/core';\n\nimport {TuiDropdownMobileComponent} from './dropdown-mobile.component';\n\n@Directive({\n selector: '[tuiDropdownMobile]',\n providers: [\n {\n provide: TUI_DROPDOWN_COMPONENT,\n useFactory: () =>\n inject(TUI_IS_MOBILE)\n ? TuiDropdownMobileComponent\n : inject(TUI_DROPDOWN_COMPONENT, InjectFlags.SkipSelf),\n },\n ],\n host: {\n '[style.visibility]': '\"visible\"',\n },\n})\nexport class TuiDropdownMobileDirective {\n @Input()\n tuiDropdownMobile = '';\n\n constructor(@Inject(TUI_IS_MOBILE) private readonly isMobile: boolean) {}\n\n @HostListener('mousedown', ['$event'])\n onMouseDown(event: MouseEvent): void {\n if (\n !this.isMobile ||\n !tuiIsHTMLElement(event.target) ||\n !event.target.matches('input,textarea')\n ) {\n return;\n }\n\n event.preventDefault();\n event.target.focus({preventScroll: true});\n }\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Inject,\n OnDestroy,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TuiKeyboardService} from '@taiga-ui/addon-mobile/services';\nimport {\n TuiActiveZoneDirective,\n tuiGetNativeFocused,\n tuiPx,\n TuiSwipe,\n} from '@taiga-ui/cdk';\nimport {\n TUI_ANIMATIONS_DURATION,\n TuiDropdownDirective,\n tuiFadeIn,\n tuiSlideInTop,\n} from '@taiga-ui/core';\n\nimport {TuiDropdownMobileDirective} from './dropdown-mobile.directive';\n\nconst GAP = 16;\n\n@Component({\n selector: 'tui-dropdown-mobile',\n templateUrl: './dropdown-mobile.template.html',\n styleUrls: ['./dropdown-mobile.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [TuiActiveZoneDirective],\n animations: [tuiSlideInTop, tuiFadeIn],\n host: {\n '[@tuiFadeIn]': 'animation',\n '[@tuiSlideInTop]': 'animation',\n '[class._sheet]': 'directive.tuiDropdownMobile',\n '(document:click.silent.capture)': 'onClick($event)',\n '(window>scroll.silent.capture)': 'refresh($event.currentTarget.visualViewport)',\n '(visualViewport>resize.silent)': 'refresh($event.target)',\n '(visualViewport>scroll.silent)': 'refresh($event.target)',\n },\n})\nexport class TuiDropdownMobileComponent implements OnDestroy, AfterViewInit {\n private readonly scrollTop = this.doc.documentElement.scrollTop;\n private readonly observer = new ResizeObserver(() =>\n this.refresh(this.doc.defaultView!.visualViewport),\n );\n\n readonly animation = {\n value: '',\n params: {\n start: '100vh',\n duration: this.duration,\n },\n } as const;\n\n constructor(\n @Inject(TuiActiveZoneDirective) _: any,\n @Inject(TuiKeyboardService) private readonly keyboard: TuiKeyboardService,\n @Inject(DOCUMENT) private readonly doc: Document,\n @Inject(TUI_ANIMATIONS_DURATION) private readonly duration: number,\n @Inject(ElementRef) readonly el: ElementRef<HTMLElement>,\n @Inject(TuiDropdownDirective) readonly dropdown: TuiDropdownDirective,\n @Inject(TuiDropdownMobileDirective)\n readonly directive: TuiDropdownMobileDirective,\n ) {\n this.observer.observe(this.dropdown.el.nativeElement);\n this.doc.documentElement.style.setProperty('scroll-behavior', 'initial');\n }\n\n onClick(event: MouseEvent): void {\n if (!this.el.nativeElement.contains(event.target as Node)) {\n event.stopPropagation();\n }\n }\n\n onSwipe({direction}: TuiSwipe, el: HTMLElement): void {\n if (\n direction === 'bottom' &&\n el.getBoundingClientRect().bottom > Number(this.doc.defaultView?.innerHeight)\n ) {\n this.close();\n }\n }\n\n onIntersection([{isIntersecting}]: IntersectionObserverEntry[]): void {\n if (isIntersecting) {\n this.close();\n }\n }\n\n close(): void {\n this.dropdown.toggle(false);\n }\n\n refresh({offsetTop, height}: VisualViewport): void {\n this.doc.body.style.removeProperty('--t-root-top');\n\n if (\n !this.focused ||\n this.directive.tuiDropdownMobile ||\n !this.doc.documentElement.style.getPropertyValue('scroll-behavior')\n ) {\n return;\n }\n\n this.doc.documentElement.scrollTop = 0;\n\n const rect = this.dropdown.el.nativeElement.getBoundingClientRect();\n const offset = rect.height + GAP * 2;\n\n this.el.nativeElement.style.setProperty('top', tuiPx(offsetTop + offset));\n this.el.nativeElement.style.setProperty('height', tuiPx(height - offset));\n this.doc.body.classList.add('t-dropdown-mobile');\n this.doc.body.style.setProperty(\n '--t-root-top',\n tuiPx(offsetTop + GAP - rect.top),\n );\n }\n\n ngAfterViewInit(): void {\n this.el.nativeElement.scrollTop = this.directive.tuiDropdownMobile\n ? this.el.nativeElement.clientHeight\n : 0;\n }\n\n ngOnDestroy(): void {\n this.observer.disconnect();\n this.doc.body.classList.remove('t-dropdown-mobile');\n this.doc.body.style.removeProperty('--t-root-top');\n this.doc.documentElement.scrollTop = this.scrollTop;\n this.doc.documentElement.style.removeProperty('scroll-behavior');\n\n if (this.focused) {\n this.keyboard.hide();\n }\n }\n\n private get focused(): boolean {\n return this.dropdown.el.nativeElement.contains(tuiGetNativeFocused(this.doc));\n }\n}\n","<div\n *ngIf=\"directive.tuiDropdownMobile\"\n waIntersectionObserver\n waIntersectionThreshold=\"1\"\n class=\"t-filler\"\n (touchstart.silent)=\"close()\"\n (waIntersectionObservee)=\"onIntersection($event)\"\n></div>\n<div\n #container\n class=\"t-container\"\n (tuiSwipe)=\"onSwipe($event, container)\"\n>\n <h2\n *ngIf=\"directive.tuiDropdownMobile\"\n class=\"t-heading\"\n >\n {{ directive.tuiDropdownMobile }}\n </h2>\n <div class=\"t-content\">\n <ng-container *polymorpheusOutlet=\"dropdown.content as text\">\n {{ text }}\n </ng-container>\n </div>\n</div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {IntersectionObserverModule} from '@ng-web-apis/intersection-observer';\nimport {TuiSwipeModule} from '@taiga-ui/cdk';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiDropdownMobileComponent} from './dropdown-mobile.component';\nimport {TuiDropdownMobileDirective} from './dropdown-mobile.directive';\n\n@NgModule({\n imports: [\n PolymorpheusModule,\n CommonModule,\n TuiSwipeModule,\n IntersectionObserverModule,\n ],\n declarations: [TuiDropdownMobileComponent, TuiDropdownMobileDirective],\n exports: [TuiDropdownMobileDirective],\n})\nexport class TuiDropdownMobileModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,3 +1,4 @@
1
+ export * from '@taiga-ui/addon-mobile/directives/dropdown-mobile';
1
2
  export * from '@taiga-ui/addon-mobile/directives/elastic-sticky';
2
3
  export * from '@taiga-ui/addon-mobile/directives/mobile-tabs';
3
4
  export * from '@taiga-ui/addon-mobile/directives/ripple';
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-addon-mobile-directives.js","sources":["../../../projects/addon-mobile/directives/taiga-ui-addon-mobile-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAAA;;AAEG"}
1
+ {"version":3,"file":"taiga-ui-addon-mobile-directives.js","sources":["../../../projects/addon-mobile/directives/taiga-ui-addon-mobile-directives.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;AAEG"}
@@ -0,0 +1,63 @@
1
+ import { DOCUMENT } from '@angular/common';
2
+ import * as i0 from '@angular/core';
3
+ import { Injectable, Inject } from '@angular/core';
4
+ import { tuiGetNativeFocused } from '@taiga-ui/cdk';
5
+ import { merge, fromEvent } from 'rxjs';
6
+ import { filter } from 'rxjs/operators';
7
+
8
+ class TuiKeyboardService {
9
+ constructor(doc) {
10
+ this.doc = doc;
11
+ this.sub = merge(fromEvent(this.doc, 'focusout'), fromEvent(this.doc, 'mousedown').pipe(filter(e => Object.is(e.target, this.element)))).subscribe(() => {
12
+ this.show();
13
+ });
14
+ this.inputMode = '';
15
+ }
16
+ ngOnDestroy() {
17
+ this.sub.unsubscribe();
18
+ this.show();
19
+ }
20
+ toggle() {
21
+ if (this.element) {
22
+ this.show();
23
+ }
24
+ else {
25
+ this.hide();
26
+ }
27
+ }
28
+ hide() {
29
+ const focused = tuiGetNativeFocused(this.doc);
30
+ if ((focused === null || focused === void 0 ? void 0 : focused.inputMode) === undefined || this.element) {
31
+ return;
32
+ }
33
+ this.element = focused;
34
+ this.inputMode = focused.inputMode;
35
+ focused.inputMode = 'none';
36
+ }
37
+ show() {
38
+ if (!this.element) {
39
+ return;
40
+ }
41
+ this.element.inputMode = 'none';
42
+ this.element.inputMode = this.inputMode;
43
+ this.element = undefined;
44
+ }
45
+ }
46
+ TuiKeyboardService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiKeyboardService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
47
+ TuiKeyboardService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiKeyboardService, providedIn: 'root' });
48
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiKeyboardService, decorators: [{
49
+ type: Injectable,
50
+ args: [{
51
+ providedIn: 'root',
52
+ }]
53
+ }], ctorParameters: function () { return [{ type: Document, decorators: [{
54
+ type: Inject,
55
+ args: [DOCUMENT]
56
+ }] }]; } });
57
+
58
+ /**
59
+ * Generated bundle index. Do not edit.
60
+ */
61
+
62
+ export { TuiKeyboardService };
63
+ //# sourceMappingURL=taiga-ui-addon-mobile-services.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"taiga-ui-addon-mobile-services.js","sources":["../../../projects/addon-mobile/services/keyboard.service.ts","../../../projects/addon-mobile/services/taiga-ui-addon-mobile-services.ts"],"sourcesContent":["import {DOCUMENT} from '@angular/common';\nimport {Inject, Injectable, OnDestroy} from '@angular/core';\nimport {tuiGetNativeFocused} from '@taiga-ui/cdk';\nimport {fromEvent, merge} from 'rxjs';\nimport {filter} from 'rxjs/operators';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class TuiKeyboardService implements OnDestroy {\n private readonly sub = merge(\n fromEvent(this.doc, 'focusout'),\n fromEvent(this.doc, 'mousedown').pipe(\n filter(e => Object.is(e.target, this.element)),\n ),\n ).subscribe(() => {\n this.show();\n });\n\n private element?: ElementContentEditable;\n private inputMode = '';\n\n constructor(@Inject(DOCUMENT) private readonly doc: Document) {}\n\n ngOnDestroy(): void {\n this.sub.unsubscribe();\n this.show();\n }\n\n toggle(): void {\n if (this.element) {\n this.show();\n } else {\n this.hide();\n }\n }\n\n hide(): void {\n const focused: any = tuiGetNativeFocused(this.doc);\n\n if (focused?.inputMode === undefined || this.element) {\n return;\n }\n\n this.element = focused;\n this.inputMode = focused.inputMode;\n focused.inputMode = 'none';\n }\n\n show(): void {\n if (!this.element) {\n return;\n }\n\n this.element.inputMode = 'none';\n this.element.inputMode = this.inputMode;\n this.element = undefined;\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MASa,kBAAkB,CAAA;AAa3B,IAAA,WAAA,CAA+C,GAAa,EAAA;QAAb,IAAG,CAAA,GAAA,GAAH,GAAG,CAAU;QAZ3C,IAAG,CAAA,GAAA,GAAG,KAAK,CACxB,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,UAAU,CAAC,EAC/B,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,IAAI,CACjC,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CACjD,CACJ,CAAC,SAAS,CAAC,MAAK;YACb,IAAI,CAAC,IAAI,EAAE,CAAC;AAChB,SAAC,CAAC,CAAC;QAGK,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;KAEyC;IAEhE,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QACvB,IAAI,CAAC,IAAI,EAAE,CAAC;KACf;IAED,MAAM,GAAA;QACF,IAAI,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,IAAI,EAAE,CAAC;AACf,SAAA;AAAM,aAAA;YACH,IAAI,CAAC,IAAI,EAAE,CAAC;AACf,SAAA;KACJ;IAED,IAAI,GAAA;QACA,MAAM,OAAO,GAAQ,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEnD,QAAA,IAAI,CAAA,OAAO,KAAP,IAAA,IAAA,OAAO,uBAAP,OAAO,CAAE,SAAS,MAAK,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE;YAClD,OAAO;AACV,SAAA;AAED,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;AACnC,QAAA,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC;KAC9B;IAED,IAAI,GAAA;AACA,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACf,OAAO;AACV,SAAA;AAED,QAAA,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC;QAChC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;AACxC,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;KAC5B;;AAhDQ,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,kBAaP,QAAQ,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAbnB,kBAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,cAFf,MAAM,EAAA,CAAA,CAAA;4FAET,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAH9B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,UAAU,EAAE,MAAM;AACrB,iBAAA,CAAA;0DAcuD,QAAQ,EAAA,UAAA,EAAA,CAAA;0BAA/C,MAAM;2BAAC,QAAQ,CAAA;;;ACtBhC;;AAEG;;;;"}
@@ -2,6 +2,7 @@ export * from '@taiga-ui/addon-mobile/components';
2
2
  export * from '@taiga-ui/addon-mobile/const';
3
3
  export * from '@taiga-ui/addon-mobile/directives';
4
4
  export * from '@taiga-ui/addon-mobile/interfaces';
5
+ export * from '@taiga-ui/addon-mobile/services';
5
6
  export * from '@taiga-ui/addon-mobile/types';
6
7
  export * from '@taiga-ui/addon-mobile/utils';
7
8
 
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-addon-mobile.js","sources":["../../../projects/addon-mobile/taiga-ui-addon-mobile.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;AAEG"}
1
+ {"version":3,"file":"taiga-ui-addon-mobile.js","sources":["../../../projects/addon-mobile/taiga-ui-addon-mobile.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AAAA;;AAEG"}
package/index.d.ts CHANGED
@@ -2,5 +2,6 @@ export * from '@taiga-ui/addon-mobile/components';
2
2
  export * from '@taiga-ui/addon-mobile/const';
3
3
  export * from '@taiga-ui/addon-mobile/directives';
4
4
  export * from '@taiga-ui/addon-mobile/interfaces';
5
+ export * from '@taiga-ui/addon-mobile/services';
5
6
  export * from '@taiga-ui/addon-mobile/types';
6
7
  export * from '@taiga-ui/addon-mobile/utils';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/addon-mobile",
3
- "version": "3.75.0",
3
+ "version": "3.76.0",
4
4
  "description": "Extension package for Taiga UI that adds support for mobile specific behaviors such as custom data pickers, dropdowns, etc.",
5
5
  "keywords": [
6
6
  "angular",
@@ -14,11 +14,11 @@
14
14
  "@angular/cdk": ">=12.0.0",
15
15
  "@angular/common": ">=12.0.0",
16
16
  "@angular/core": ">=12.0.0",
17
- "@ng-web-apis/common": "3.0.6",
18
- "@taiga-ui/cdk": "^3.75.0",
19
- "@taiga-ui/core": "^3.75.0",
20
- "@taiga-ui/kit": "^3.75.0",
21
- "@tinkoff/ng-polymorpheus": "4.3.0",
17
+ "@ng-web-apis/common": "^3.0.6",
18
+ "@taiga-ui/cdk": "^3.76.0",
19
+ "@taiga-ui/core": "^3.76.0",
20
+ "@taiga-ui/kit": "^3.76.0",
21
+ "@tinkoff/ng-polymorpheus": "^4.3.0",
22
22
  "rxjs": ">=6.0.0"
23
23
  },
24
24
  "main": "bundles/taiga-ui-addon-mobile.umd.js",
@@ -29,6 +29,6 @@
29
29
  "typings": "taiga-ui-addon-mobile.d.ts",
30
30
  "sideEffects": false,
31
31
  "dependencies": {
32
- "tslib": "2.6.2"
32
+ "tslib": "^2.6.2"
33
33
  }
34
34
  }
@@ -0,0 +1 @@
1
+ export * from './keyboard.service';
@@ -0,0 +1,15 @@
1
+ import { OnDestroy } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class TuiKeyboardService implements OnDestroy {
4
+ private readonly doc;
5
+ private readonly sub;
6
+ private element?;
7
+ private inputMode;
8
+ constructor(doc: Document);
9
+ ngOnDestroy(): void;
10
+ toggle(): void;
11
+ hide(): void;
12
+ show(): void;
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<TuiKeyboardService, never>;
14
+ static ɵprov: i0.ɵɵInjectableDeclaration<TuiKeyboardService>;
15
+ }
@@ -0,0 +1,10 @@
1
+ {
2
+ "main": "../bundles/taiga-ui-addon-mobile-services.umd.js",
3
+ "module": "../fesm2015/taiga-ui-addon-mobile-services.js",
4
+ "es2015": "../fesm2015/taiga-ui-addon-mobile-services.js",
5
+ "esm2015": "../esm2015/services/taiga-ui-addon-mobile-services.js",
6
+ "fesm2015": "../fesm2015/taiga-ui-addon-mobile-services.js",
7
+ "typings": "taiga-ui-addon-mobile-services.d.ts",
8
+ "sideEffects": false,
9
+ "name": "@taiga-ui/addon-mobile/services"
10
+ }
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@taiga-ui/addon-mobile/services" />
5
+ export * from './index';