@taiga-ui/kit 4.52.0-canary.ca43bcb → 4.52.0-canary.e07790b

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 (224) hide show
  1. package/components/calendar-range/day-range-period.d.ts +2 -1
  2. package/components/combo-box/combo-box.d.ts +4 -1
  3. package/components/index.d.ts +0 -3
  4. package/components/input-chip/input-chip.d.ts +5 -1
  5. package/components/input-color/input-color.d.ts +4 -1
  6. package/components/input-date/input-date.d.ts +4 -1
  7. package/components/input-date/input-date.directive.d.ts +3 -3
  8. package/components/input-date/input-date.options.d.ts +3 -3
  9. package/components/input-date-multi/input-date-multi.d.ts +1 -1
  10. package/components/input-date-multi/input-date-multi.directive.d.ts +1 -1
  11. package/components/input-date-range/input-date-range.d.ts +4 -1
  12. package/components/input-date-range/input-date-range.directive.d.ts +3 -6
  13. package/components/input-date-range/input-date-range.options.d.ts +2 -2
  14. package/components/input-date-time/input-date-time.d.ts +4 -1
  15. package/components/input-date-time/input-date-time.directive.d.ts +3 -3
  16. package/components/input-date-time/input-date-time.options.d.ts +2 -2
  17. package/components/input-month/input-month.d.ts +4 -1
  18. package/components/input-month/input-month.directive.d.ts +1 -1
  19. package/components/input-month-range/input-month-range.d.ts +4 -1
  20. package/components/input-month-range/input-month-range.directive.d.ts +1 -1
  21. package/components/input-number/input-number.d.ts +4 -1
  22. package/components/input-phone/input-phone.d.ts +4 -1
  23. package/components/input-phone-international/input-phone-international.component.d.ts +5 -0
  24. package/components/input-phone-international/input-phone-international.d.ts +4 -1
  25. package/components/input-pin/input-pin.d.ts +4 -1
  26. package/components/input-range/index.d.ts +0 -1
  27. package/components/input-range/input-range.component.d.ts +40 -8
  28. package/components/input-slider/input-slider.d.ts +4 -1
  29. package/components/input-time/input-time.d.ts +4 -1
  30. package/components/input-year/input-year.d.ts +4 -1
  31. package/components/input-year/input-year.options.d.ts +2 -2
  32. package/components/like/like.options.d.ts +1 -1
  33. package/components/pagination/pagination.component.d.ts +22 -52
  34. package/components/pagination/pagination.options.d.ts +3 -6
  35. package/components/preview/index.d.ts +1 -0
  36. package/components/preview/pagination/preview-pagination.component.d.ts +2 -1
  37. package/components/preview/preview.component.d.ts +1 -1
  38. package/components/preview/zoom/preview-zoom.component.d.ts +3 -1
  39. package/components/radio/radio.component.d.ts +1 -1
  40. package/components/select/select.d.ts +4 -1
  41. package/components/switch/switch.component.d.ts +1 -0
  42. package/components/textarea/textarea.d.ts +4 -1
  43. package/directives/fade/fade.directive.d.ts +5 -5
  44. package/directives/highlight/highlight.directive.d.ts +7 -8
  45. package/directives/present/present.directive.d.ts +2 -3
  46. package/directives/unfinished-validator/unfinished-validator.directive.d.ts +2 -2
  47. package/directives/unmask-handler/unmask-handler.directive.d.ts +3 -3
  48. package/fesm2022/taiga-ui-kit-components-accordion.mjs +6 -6
  49. package/fesm2022/taiga-ui-kit-components-action-bar.mjs +5 -5
  50. package/fesm2022/taiga-ui-kit-components-action-bar.mjs.map +1 -1
  51. package/fesm2022/taiga-ui-kit-components-avatar.mjs +18 -18
  52. package/fesm2022/taiga-ui-kit-components-badge-notification.mjs +3 -3
  53. package/fesm2022/taiga-ui-kit-components-badge.mjs +6 -6
  54. package/fesm2022/taiga-ui-kit-components-badged-content.mjs +6 -6
  55. package/fesm2022/taiga-ui-kit-components-block.mjs +6 -6
  56. package/fesm2022/taiga-ui-kit-components-breadcrumbs.mjs +3 -3
  57. package/fesm2022/taiga-ui-kit-components-button-loading.mjs +3 -3
  58. package/fesm2022/taiga-ui-kit-components-calendar-month.mjs +3 -3
  59. package/fesm2022/taiga-ui-kit-components-calendar-month.mjs.map +1 -1
  60. package/fesm2022/taiga-ui-kit-components-calendar-range.mjs +20 -12
  61. package/fesm2022/taiga-ui-kit-components-calendar-range.mjs.map +1 -1
  62. package/fesm2022/taiga-ui-kit-components-carousel.mjs +15 -15
  63. package/fesm2022/taiga-ui-kit-components-checkbox.mjs +3 -3
  64. package/fesm2022/taiga-ui-kit-components-chip.mjs +6 -6
  65. package/fesm2022/taiga-ui-kit-components-combo-box.mjs +15 -7
  66. package/fesm2022/taiga-ui-kit-components-combo-box.mjs.map +1 -1
  67. package/fesm2022/taiga-ui-kit-components-comment.mjs +6 -6
  68. package/fesm2022/taiga-ui-kit-components-compass.mjs +3 -3
  69. package/fesm2022/taiga-ui-kit-components-confirm.mjs +6 -6
  70. package/fesm2022/taiga-ui-kit-components-copy.mjs +7 -7
  71. package/fesm2022/taiga-ui-kit-components-copy.mjs.map +1 -1
  72. package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs +12 -10
  73. package/fesm2022/taiga-ui-kit-components-data-list-wrapper.mjs.map +1 -1
  74. package/fesm2022/taiga-ui-kit-components-drawer.mjs +5 -5
  75. package/fesm2022/taiga-ui-kit-components-drawer.mjs.map +1 -1
  76. package/fesm2022/taiga-ui-kit-components-files.mjs +24 -24
  77. package/fesm2022/taiga-ui-kit-components-files.mjs.map +1 -1
  78. package/fesm2022/taiga-ui-kit-components-filter.mjs +3 -3
  79. package/fesm2022/taiga-ui-kit-components-fullscreen.mjs +3 -3
  80. package/fesm2022/taiga-ui-kit-components-input-chip.mjs +17 -10
  81. package/fesm2022/taiga-ui-kit-components-input-chip.mjs.map +1 -1
  82. package/fesm2022/taiga-ui-kit-components-input-color.mjs +13 -5
  83. package/fesm2022/taiga-ui-kit-components-input-color.mjs.map +1 -1
  84. package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs +11 -10
  85. package/fesm2022/taiga-ui-kit-components-input-date-multi.mjs.map +1 -1
  86. package/fesm2022/taiga-ui-kit-components-input-date-range.mjs +19 -28
  87. package/fesm2022/taiga-ui-kit-components-input-date-range.mjs.map +1 -1
  88. package/fesm2022/taiga-ui-kit-components-input-date-time.mjs +20 -18
  89. package/fesm2022/taiga-ui-kit-components-input-date-time.mjs.map +1 -1
  90. package/fesm2022/taiga-ui-kit-components-input-date.mjs +25 -20
  91. package/fesm2022/taiga-ui-kit-components-input-date.mjs.map +1 -1
  92. package/fesm2022/taiga-ui-kit-components-input-inline.mjs +3 -3
  93. package/fesm2022/taiga-ui-kit-components-input-month-range.mjs +17 -15
  94. package/fesm2022/taiga-ui-kit-components-input-month-range.mjs.map +1 -1
  95. package/fesm2022/taiga-ui-kit-components-input-month.mjs +23 -15
  96. package/fesm2022/taiga-ui-kit-components-input-month.mjs.map +1 -1
  97. package/fesm2022/taiga-ui-kit-components-input-number.mjs +22 -17
  98. package/fesm2022/taiga-ui-kit-components-input-number.mjs.map +1 -1
  99. package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs +62 -58
  100. package/fesm2022/taiga-ui-kit-components-input-phone-international.mjs.map +1 -1
  101. package/fesm2022/taiga-ui-kit-components-input-phone.mjs +13 -5
  102. package/fesm2022/taiga-ui-kit-components-input-phone.mjs.map +1 -1
  103. package/fesm2022/taiga-ui-kit-components-input-pin.mjs +14 -6
  104. package/fesm2022/taiga-ui-kit-components-input-pin.mjs.map +1 -1
  105. package/fesm2022/taiga-ui-kit-components-input-range.mjs +52 -57
  106. package/fesm2022/taiga-ui-kit-components-input-range.mjs.map +1 -1
  107. package/fesm2022/taiga-ui-kit-components-input-slider.mjs +13 -8
  108. package/fesm2022/taiga-ui-kit-components-input-slider.mjs.map +1 -1
  109. package/fesm2022/taiga-ui-kit-components-input-time.mjs +16 -14
  110. package/fesm2022/taiga-ui-kit-components-input-time.mjs.map +1 -1
  111. package/fesm2022/taiga-ui-kit-components-input-year.mjs +13 -8
  112. package/fesm2022/taiga-ui-kit-components-input-year.mjs.map +1 -1
  113. package/fesm2022/taiga-ui-kit-components-items-with-more.mjs +12 -12
  114. package/fesm2022/taiga-ui-kit-components-like.mjs +3 -3
  115. package/fesm2022/taiga-ui-kit-components-like.mjs.map +1 -1
  116. package/fesm2022/taiga-ui-kit-components-line-clamp.mjs +10 -10
  117. package/fesm2022/taiga-ui-kit-components-line-clamp.mjs.map +1 -1
  118. package/fesm2022/taiga-ui-kit-components-message.mjs +6 -6
  119. package/fesm2022/taiga-ui-kit-components-multi-select.mjs +12 -12
  120. package/fesm2022/taiga-ui-kit-components-multi-select.mjs.map +1 -1
  121. package/fesm2022/taiga-ui-kit-components-notification-middle.mjs +9 -9
  122. package/fesm2022/taiga-ui-kit-components-pager.mjs +3 -3
  123. package/fesm2022/taiga-ui-kit-components-pagination.mjs +59 -139
  124. package/fesm2022/taiga-ui-kit-components-pagination.mjs.map +1 -1
  125. package/fesm2022/taiga-ui-kit-components-pin.mjs +6 -6
  126. package/fesm2022/taiga-ui-kit-components-preview.mjs +42 -30
  127. package/fesm2022/taiga-ui-kit-components-preview.mjs.map +1 -1
  128. package/fesm2022/taiga-ui-kit-components-progress.mjs +24 -24
  129. package/fesm2022/taiga-ui-kit-components-pulse.mjs +3 -3
  130. package/fesm2022/taiga-ui-kit-components-push.mjs +12 -12
  131. package/fesm2022/taiga-ui-kit-components-push.mjs.map +1 -1
  132. package/fesm2022/taiga-ui-kit-components-radio-list.mjs +3 -3
  133. package/fesm2022/taiga-ui-kit-components-radio.mjs +6 -6
  134. package/fesm2022/taiga-ui-kit-components-radio.mjs.map +1 -1
  135. package/fesm2022/taiga-ui-kit-components-range.mjs +6 -6
  136. package/fesm2022/taiga-ui-kit-components-rating.mjs +3 -3
  137. package/fesm2022/taiga-ui-kit-components-routable-dialog.mjs +3 -3
  138. package/fesm2022/taiga-ui-kit-components-segmented.mjs +7 -7
  139. package/fesm2022/taiga-ui-kit-components-segmented.mjs.map +1 -1
  140. package/fesm2022/taiga-ui-kit-components-select.mjs +20 -11
  141. package/fesm2022/taiga-ui-kit-components-select.mjs.map +1 -1
  142. package/fesm2022/taiga-ui-kit-components-slider.mjs +16 -16
  143. package/fesm2022/taiga-ui-kit-components-slider.mjs.map +1 -1
  144. package/fesm2022/taiga-ui-kit-components-status.mjs +6 -6
  145. package/fesm2022/taiga-ui-kit-components-stepper.mjs +6 -6
  146. package/fesm2022/taiga-ui-kit-components-switch.mjs +9 -4
  147. package/fesm2022/taiga-ui-kit-components-switch.mjs.map +1 -1
  148. package/fesm2022/taiga-ui-kit-components-tabs.mjs +18 -18
  149. package/fesm2022/taiga-ui-kit-components-textarea.mjs +21 -17
  150. package/fesm2022/taiga-ui-kit-components-textarea.mjs.map +1 -1
  151. package/fesm2022/taiga-ui-kit-components-tiles.mjs +12 -12
  152. package/fesm2022/taiga-ui-kit-components-toast.mjs +17 -18
  153. package/fesm2022/taiga-ui-kit-components-toast.mjs.map +1 -1
  154. package/fesm2022/taiga-ui-kit-components-tree.mjs +24 -24
  155. package/fesm2022/taiga-ui-kit-components.mjs +0 -3
  156. package/fesm2022/taiga-ui-kit-components.mjs.map +1 -1
  157. package/fesm2022/taiga-ui-kit-directives-button-close.mjs +3 -3
  158. package/fesm2022/taiga-ui-kit-directives-button-group.mjs +6 -6
  159. package/fesm2022/taiga-ui-kit-directives-button-select.mjs +3 -3
  160. package/fesm2022/taiga-ui-kit-directives-chevron.mjs +7 -7
  161. package/fesm2022/taiga-ui-kit-directives-chevron.mjs.map +1 -1
  162. package/fesm2022/taiga-ui-kit-directives-connected.mjs +6 -6
  163. package/fesm2022/taiga-ui-kit-directives-data-list-dropdown-manager.mjs +3 -3
  164. package/fesm2022/taiga-ui-kit-directives-fade.mjs +20 -30
  165. package/fesm2022/taiga-ui-kit-directives-fade.mjs.map +1 -1
  166. package/fesm2022/taiga-ui-kit-directives-fluid-typography.mjs +3 -3
  167. package/fesm2022/taiga-ui-kit-directives-highlight.mjs +16 -24
  168. package/fesm2022/taiga-ui-kit-directives-highlight.mjs.map +1 -1
  169. package/fesm2022/taiga-ui-kit-directives-password.mjs +3 -3
  170. package/fesm2022/taiga-ui-kit-directives-present.mjs +8 -12
  171. package/fesm2022/taiga-ui-kit-directives-present.mjs.map +1 -1
  172. package/fesm2022/taiga-ui-kit-directives-sensitive.mjs +6 -6
  173. package/fesm2022/taiga-ui-kit-directives-shimmer.mjs +6 -6
  174. package/fesm2022/taiga-ui-kit-directives-skeleton.mjs +7 -6
  175. package/fesm2022/taiga-ui-kit-directives-skeleton.mjs.map +1 -1
  176. package/fesm2022/taiga-ui-kit-directives-tooltip.mjs +6 -6
  177. package/fesm2022/taiga-ui-kit-directives-unfinished-validator.mjs +7 -9
  178. package/fesm2022/taiga-ui-kit-directives-unfinished-validator.mjs.map +1 -1
  179. package/fesm2022/taiga-ui-kit-directives-unmask-handler.mjs +9 -13
  180. package/fesm2022/taiga-ui-kit-directives-unmask-handler.mjs.map +1 -1
  181. package/fesm2022/taiga-ui-kit-pipes-auto-color.mjs +3 -3
  182. package/fesm2022/taiga-ui-kit-pipes-emails.mjs +3 -3
  183. package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs +12 -24
  184. package/fesm2022/taiga-ui-kit-pipes-filter-by-input.mjs.map +1 -1
  185. package/fesm2022/taiga-ui-kit-pipes-flag.mjs +3 -4
  186. package/fesm2022/taiga-ui-kit-pipes-flag.mjs.map +1 -1
  187. package/fesm2022/taiga-ui-kit-pipes-hide-selected.mjs +3 -3
  188. package/fesm2022/taiga-ui-kit-pipes-initials.mjs +3 -3
  189. package/fesm2022/taiga-ui-kit-pipes-sort-countries.mjs +10 -8
  190. package/fesm2022/taiga-ui-kit-pipes-sort-countries.mjs.map +1 -1
  191. package/fesm2022/taiga-ui-kit-pipes-stringify-content.mjs +3 -3
  192. package/fesm2022/taiga-ui-kit-pipes-stringify.mjs +3 -3
  193. package/fesm2022/taiga-ui-kit-tokens.mjs +4 -84
  194. package/fesm2022/taiga-ui-kit-tokens.mjs.map +1 -1
  195. package/fesm2022/taiga-ui-kit-utils.mjs +1 -7
  196. package/fesm2022/taiga-ui-kit-utils.mjs.map +1 -1
  197. package/package.json +18 -30
  198. package/pipes/filter-by-input/filter-by-input.pipe.d.ts +2 -2
  199. package/pipes/sort-countries/sort-countries.pipe.d.ts +4 -3
  200. package/styles/components/switch.less +2 -2
  201. package/tokens/i18n.d.ts +1 -0
  202. package/tokens/index.d.ts +0 -6
  203. package/utils/index.d.ts +0 -1
  204. package/components/elastic-container/elastic-container.component.d.ts +0 -8
  205. package/components/elastic-container/elastic-container.directive.d.ts +0 -7
  206. package/components/elastic-container/index.d.ts +0 -2
  207. package/components/floating-container/floating-container.directive.d.ts +0 -7
  208. package/components/floating-container/index.d.ts +0 -1
  209. package/components/input-range/input-range.d.ts +0 -3
  210. package/components/slides/index.d.ts +0 -1
  211. package/components/slides/slides.directive.d.ts +0 -11
  212. package/fesm2022/taiga-ui-kit-components-elastic-container.mjs +0 -77
  213. package/fesm2022/taiga-ui-kit-components-elastic-container.mjs.map +0 -1
  214. package/fesm2022/taiga-ui-kit-components-floating-container.mjs +0 -37
  215. package/fesm2022/taiga-ui-kit-components-floating-container.mjs.map +0 -1
  216. package/fesm2022/taiga-ui-kit-components-slides.mjs +0 -49
  217. package/fesm2022/taiga-ui-kit-components-slides.mjs.map +0 -1
  218. package/tokens/date-inputs-value-transformers.d.ts +0 -19
  219. package/tokens/input-date-options.d.ts +0 -15
  220. package/tokens/items-handlers.d.ts +0 -20
  221. package/tokens/mobile-calendar.d.ts +0 -6
  222. package/tokens/month-formatter.d.ts +0 -5
  223. package/utils/toggle-day.d.ts +0 -2
  224. /package/{tokens/preview-icons.d.ts → components/preview/preview.options.d.ts} +0 -0
@@ -1,10 +1,11 @@
1
1
  import { type PipeTransform } from '@angular/core';
2
2
  import { type TuiCountryIsoCode } from '@taiga-ui/i18n/types';
3
- import { type Observable } from 'rxjs';
4
3
  import * as i0 from "@angular/core";
5
4
  export declare class TuiSortCountriesPipe implements PipeTransform {
6
- private readonly countriesNames$;
7
- transform(countries: readonly TuiCountryIsoCode[]): Observable<TuiCountryIsoCode[]>;
5
+ private readonly names;
6
+ private readonly countries;
7
+ private readonly result;
8
+ transform(countries: readonly TuiCountryIsoCode[]): TuiCountryIsoCode[];
8
9
  static ɵfac: i0.ɵɵFactoryDeclaration<TuiSortCountriesPipe, never>;
9
10
  static ɵpipe: i0.ɵɵPipeDeclaration<TuiSortCountriesPipe, "tuiSortCountries", true>;
10
11
  }
@@ -36,7 +36,7 @@
36
36
  inline-size: 2rem;
37
37
 
38
38
  &::before {
39
- inline-size: 1.125rem;
39
+ inline-size: 1rem;
40
40
  transform: translateX(-1rem);
41
41
  font-size: 0.75rem;
42
42
  }
@@ -76,8 +76,8 @@
76
76
  }
77
77
 
78
78
  &::before {
79
+ left: 0.125rem;
79
80
  font-size: 1rem;
80
- inline-size: 1.375rem;
81
81
  transform: translateX(-1.5rem);
82
82
  }
83
83
 
package/tokens/i18n.d.ts CHANGED
@@ -63,3 +63,4 @@ export declare const TUI_PREVIEW_ZOOM_TEXTS: InjectionToken<Signal<{
63
63
  reset: string;
64
64
  }>>;
65
65
  export declare const TUI_INTERNATIONAL_SEARCH: InjectionToken<Signal<string>>;
66
+ export declare const TUI_DAY_RANGE_PERIODS: InjectionToken<Signal<readonly [forAllTime: string, today: string, yesterday: string, currentWeek: string, currentMonth: string, previousMonth: string]>>;
package/tokens/index.d.ts CHANGED
@@ -1,8 +1,2 @@
1
1
  export * from './calendar-date-stream';
2
- export * from './date-inputs-value-transformers';
3
2
  export * from './i18n';
4
- export * from './input-date-options';
5
- export * from './items-handlers';
6
- export * from './mobile-calendar';
7
- export * from './month-formatter';
8
- export * from './preview-icons';
package/utils/index.d.ts CHANGED
@@ -2,4 +2,3 @@ export * from './create-time-periods';
2
2
  export * from './inject-value';
3
3
  export * from './is-flat';
4
4
  export * from './maskito.binding';
5
- export * from './toggle-day';
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class TuiElasticContainer {
3
- protected height: number;
4
- protected transitions: number;
5
- protected onAnimation(_name: string, count: number): void;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticContainer, never>;
7
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiElasticContainer, "tui-elastic-container", never, {}, {}, never, ["*"], true, never>;
8
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class TuiElasticContainerDirective {
3
- private readonly el;
4
- readonly tuiElasticContainer: import("rxjs").Observable<number>;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiElasticContainerDirective, never>;
6
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiElasticContainerDirective, "[tuiElasticContainer]", never, {}, { "tuiElasticContainer": "tuiElasticContainer"; }, never, never, true, never>;
7
- }
@@ -1,2 +0,0 @@
1
- export * from './elastic-container.component';
2
- export * from './elastic-container.directive';
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class TuiFloatingContainer {
3
- protected readonly nothing: undefined;
4
- readonly background: import("@angular/core").InputSignal<string>;
5
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiFloatingContainer, never>;
6
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiFloatingContainer, "[tuiFloatingContainer]", never, { "background": { "alias": "tuiFloatingContainer"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
7
- }
@@ -1 +0,0 @@
1
- export * from './floating-container.directive';
@@ -1,3 +0,0 @@
1
- import { TuiLabel } from '@taiga-ui/core/components/label';
2
- import { TuiInputRangeComponent } from './input-range.component';
3
- export declare const TuiInputRange: readonly [typeof TuiInputRangeComponent, typeof TuiLabel];
@@ -1 +0,0 @@
1
- export * from './slides.directive';
@@ -1,11 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "@taiga-ui/cdk/directives/animated";
3
- export declare class TuiSlides {
4
- protected readonly nothing: undefined;
5
- protected readonly el: HTMLElement;
6
- protected readonly sign: import("@angular/core").Signal<number>;
7
- readonly direction: import("@angular/core").InputSignal<number | "">;
8
- protected onAnimation(target: Element): void;
9
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiSlides, never>;
10
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSlides, "[tuiSlides]", never, { "direction": { "alias": "tuiSlides"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiAnimatedParent; inputs: {}; outputs: {}; }]>;
11
- }
@@ -1,77 +0,0 @@
1
- import { __decorate } from 'tslib';
2
- import * as i0 from '@angular/core';
3
- import { inject, Output, Directive, ChangeDetectionStrategy, Component } from '@angular/core';
4
- import { shouldCall } from '@taiga-ui/event-plugins';
5
- import { MutationObserverService, WA_MUTATION_OBSERVER_INIT } from '@ng-web-apis/mutation-observer';
6
- import { ResizeObserverService } from '@ng-web-apis/resize-observer';
7
- import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
8
- import { merge, debounceTime, map, distinctUntilChanged } from 'rxjs';
9
-
10
- class TuiElasticContainerDirective {
11
- constructor() {
12
- this.el = tuiInjectElement();
13
- this.tuiElasticContainer = merge(inject(ResizeObserverService, { self: true }), inject(MutationObserverService, { self: true })).pipe(debounceTime(0), map(() => this.el.clientHeight - 1), distinctUntilChanged());
14
- }
15
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiElasticContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
16
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.15", type: TuiElasticContainerDirective, isStandalone: true, selector: "[tuiElasticContainer]", outputs: { tuiElasticContainer: "tuiElasticContainer" }, providers: [
17
- ResizeObserverService,
18
- MutationObserverService,
19
- {
20
- provide: WA_MUTATION_OBSERVER_INIT,
21
- useValue: {
22
- childList: true,
23
- characterData: true,
24
- subtree: true,
25
- },
26
- },
27
- ], ngImport: i0 }); }
28
- }
29
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiElasticContainerDirective, decorators: [{
30
- type: Directive,
31
- args: [{
32
- selector: '[tuiElasticContainer]',
33
- providers: [
34
- ResizeObserverService,
35
- MutationObserverService,
36
- {
37
- provide: WA_MUTATION_OBSERVER_INIT,
38
- useValue: {
39
- childList: true,
40
- characterData: true,
41
- subtree: true,
42
- },
43
- },
44
- ],
45
- }]
46
- }], propDecorators: { tuiElasticContainer: [{
47
- type: Output
48
- }] } });
49
-
50
- class TuiElasticContainer {
51
- constructor() {
52
- this.height = NaN;
53
- this.transitions = 0;
54
- }
55
- onAnimation(_name, count) {
56
- this.transitions += count;
57
- }
58
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiElasticContainer, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
59
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TuiElasticContainer, isStandalone: true, selector: "tui-elastic-container", host: { properties: { "style.height.px": "height", "class._transitioning": "transitions" } }, ngImport: i0, template: "<div\n class=\"t-wrapper\"\n (transitioncancel.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n (transitionend.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n (transitionstart.zoneless)=\"onAnimation($any($event).propertyName, 1)\"\n (tuiElasticContainer)=\"height = $event\"\n>\n <ng-content />\n</div>\n", styles: [":host{transition-property:height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden}:host._transitioning{block-size:auto!important}.t-wrapper{padding-block-start:1px;margin-block-start:-1px}\n"], dependencies: [{ kind: "directive", type: TuiElasticContainerDirective, selector: "[tuiElasticContainer]", outputs: ["tuiElasticContainer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
60
- }
61
- __decorate([
62
- shouldCall((name) => name === 'height')
63
- ], TuiElasticContainer.prototype, "onAnimation", null);
64
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiElasticContainer, decorators: [{
65
- type: Component,
66
- args: [{ selector: 'tui-elastic-container', imports: [TuiElasticContainerDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
67
- '[style.height.px]': 'height',
68
- '[class._transitioning]': 'transitions',
69
- }, template: "<div\n class=\"t-wrapper\"\n (transitioncancel.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n (transitionend.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n (transitionstart.zoneless)=\"onAnimation($any($event).propertyName, 1)\"\n (tuiElasticContainer)=\"height = $event\"\n>\n <ng-content />\n</div>\n", styles: [":host{transition-property:height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden}:host._transitioning{block-size:auto!important}.t-wrapper{padding-block-start:1px;margin-block-start:-1px}\n"] }]
70
- }], propDecorators: { onAnimation: [] } });
71
-
72
- /**
73
- * Generated bundle index. Do not edit.
74
- */
75
-
76
- export { TuiElasticContainer, TuiElasticContainerDirective };
77
- //# sourceMappingURL=taiga-ui-kit-components-elastic-container.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"taiga-ui-kit-components-elastic-container.mjs","sources":["../../../projects/kit/components/elastic-container/elastic-container.directive.ts","../../../projects/kit/components/elastic-container/elastic-container.component.ts","../../../projects/kit/components/elastic-container/elastic-container.component.html","../../../projects/kit/components/elastic-container/taiga-ui-kit-components-elastic-container.ts"],"sourcesContent":["import {Directive, inject, Output} from '@angular/core';\nimport {\n MutationObserverService,\n WA_MUTATION_OBSERVER_INIT,\n} from '@ng-web-apis/mutation-observer';\nimport {ResizeObserverService} from '@ng-web-apis/resize-observer';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {debounceTime, distinctUntilChanged, map, merge} from 'rxjs';\n\n@Directive({\n selector: '[tuiElasticContainer]',\n providers: [\n ResizeObserverService,\n MutationObserverService,\n {\n provide: WA_MUTATION_OBSERVER_INIT,\n useValue: {\n childList: true,\n characterData: true,\n subtree: true,\n },\n },\n ],\n})\nexport class TuiElasticContainerDirective {\n private readonly el = tuiInjectElement();\n\n @Output()\n public readonly tuiElasticContainer = merge(\n inject(ResizeObserverService, {self: true}),\n inject(MutationObserverService, {self: true}),\n ).pipe(\n debounceTime(0),\n map(() => this.el.clientHeight - 1),\n distinctUntilChanged(),\n );\n}\n","import {ChangeDetectionStrategy, Component} from '@angular/core';\nimport {shouldCall} from '@taiga-ui/event-plugins';\n\nimport {TuiElasticContainerDirective} from './elastic-container.directive';\n\n@Component({\n selector: 'tui-elastic-container',\n imports: [TuiElasticContainerDirective],\n templateUrl: './elastic-container.component.html',\n styleUrl: './elastic-container.component.less',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[style.height.px]': 'height',\n '[class._transitioning]': 'transitions',\n },\n})\nexport class TuiElasticContainer {\n protected height = NaN;\n protected transitions = 0;\n\n @shouldCall((name) => name === 'height')\n protected onAnimation(_name: string, count: number): void {\n this.transitions += count;\n }\n}\n","<div\n class=\"t-wrapper\"\n (transitioncancel.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n (transitionend.zoneless)=\"onAnimation($any($event).propertyName, -1)\"\n (transitionstart.zoneless)=\"onAnimation($any($event).propertyName, 1)\"\n (tuiElasticContainer)=\"height = $event\"\n>\n <ng-content />\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,37 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, ViewEncapsulation, Component, input, Directive } from '@angular/core';
3
- import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
4
-
5
- class Styles {
6
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
7
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-floating-container" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiFloatingContainer]{transition-property:bottom;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:sticky;bottom:calc(100 * var(--tui-viewport-vh) - var(--tui-viewport-height) - var(--tui-viewport-y));z-index:1;margin-block-start:1rem;padding-block-end:max(1rem,env(safe-area-inset-bottom));text-align:center;font:var(--tui-font-text-ui-s);color:var(--tui-text-secondary)}[tuiFloatingContainer],[tuiFloatingContainer]>tui-elastic-container>.t-wrapper{display:flex;flex-direction:column!important;gap:.5rem}[tuiFloatingContainer]>*,[tuiFloatingContainer]>tui-elastic-container>.t-wrapper>*{inline-size:100%}[tuiFloatingContainer]:has(>*:only-child:not(tui-elastic-container)),[tuiFloatingContainer]:has(*.ng-animating:first-child~.ng-animating:last-child){padding-block-end:max(1.5rem,env(safe-area-inset-bottom))}[tuiFloatingContainer]:before{inset:0;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;left:-1rem;right:-1rem;z-index:-1;background:var(--t-background, var(--tui-background-elevation-1));-webkit-mask-image:linear-gradient(180deg,transparent,black 2.5rem);mask-image:linear-gradient(180deg,transparent,black 2.5rem)}tui-sheet-dialog [tuiFloatingContainer]{margin-block-end:calc(-1*max(1.5rem,env(safe-area-inset-bottom)))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
8
- }
9
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Styles, decorators: [{
10
- type: Component,
11
- args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-floating-container' }, styles: ["[tuiFloatingContainer]{transition-property:bottom;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:sticky;bottom:calc(100 * var(--tui-viewport-vh) - var(--tui-viewport-height) - var(--tui-viewport-y));z-index:1;margin-block-start:1rem;padding-block-end:max(1rem,env(safe-area-inset-bottom));text-align:center;font:var(--tui-font-text-ui-s);color:var(--tui-text-secondary)}[tuiFloatingContainer],[tuiFloatingContainer]>tui-elastic-container>.t-wrapper{display:flex;flex-direction:column!important;gap:.5rem}[tuiFloatingContainer]>*,[tuiFloatingContainer]>tui-elastic-container>.t-wrapper>*{inline-size:100%}[tuiFloatingContainer]:has(>*:only-child:not(tui-elastic-container)),[tuiFloatingContainer]:has(*.ng-animating:first-child~.ng-animating:last-child){padding-block-end:max(1.5rem,env(safe-area-inset-bottom))}[tuiFloatingContainer]:before{inset:0;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";position:absolute;left:-1rem;right:-1rem;z-index:-1;background:var(--t-background, var(--tui-background-elevation-1));-webkit-mask-image:linear-gradient(180deg,transparent,black 2.5rem);mask-image:linear-gradient(180deg,transparent,black 2.5rem)}tui-sheet-dialog [tuiFloatingContainer]{margin-block-end:calc(-1*max(1.5rem,env(safe-area-inset-bottom)))}\n"] }]
12
- }] });
13
- class TuiFloatingContainer {
14
- constructor() {
15
- this.nothing = tuiWithStyles(Styles);
16
- this.background = input('', { alias: 'tuiFloatingContainer' });
17
- }
18
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiFloatingContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
19
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", type: TuiFloatingContainer, isStandalone: true, selector: "[tuiFloatingContainer]", inputs: { background: { classPropertyName: "background", publicName: "tuiFloatingContainer", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiFloatingContainer": "" }, properties: { "style.--t-background": "background()" } }, ngImport: i0 }); }
20
- }
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiFloatingContainer, decorators: [{
22
- type: Directive,
23
- args: [{
24
- selector: '[tuiFloatingContainer]',
25
- host: {
26
- tuiFloatingContainer: '',
27
- '[style.--t-background]': 'background()',
28
- },
29
- }]
30
- }] });
31
-
32
- /**
33
- * Generated bundle index. Do not edit.
34
- */
35
-
36
- export { TuiFloatingContainer };
37
- //# sourceMappingURL=taiga-ui-kit-components-floating-container.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"taiga-ui-kit-components-floating-container.mjs","sources":["../../../projects/kit/components/floating-container/floating-container.directive.ts","../../../projects/kit/components/floating-container/taiga-ui-kit-components-floating-container.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n Directive,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\n@Component({\n template: '',\n styleUrl: './floating-container.style.less',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'tui-floating-container'},\n})\nclass Styles {}\n\n@Directive({\n selector: '[tuiFloatingContainer]',\n host: {\n tuiFloatingContainer: '',\n '[style.--t-background]': 'background()',\n },\n})\nexport class TuiFloatingContainer {\n protected readonly nothing = tuiWithStyles(Styles);\n\n public readonly background = input('', {alias: 'tuiFloatingContainer'});\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AASA,MAOM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,4HANE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,m2CAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAMV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAPX,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAE,EAEG,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA,EAAC,KAAK,EAAE,wBAAwB,EAAC,EAAA,MAAA,EAAA,CAAA,m2CAAA,CAAA,EAAA;;MAW9B,oBAAoB,CAAA;AAPjC,IAAA,WAAA,GAAA;AAQuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;QAElC,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC,EAAE,EAAE,EAAC,KAAK,EAAE,sBAAsB,EAAC,CAAC;AAC1E;+GAJY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,IAAI,EAAE;AACF,wBAAA,oBAAoB,EAAE,EAAE;AACxB,wBAAA,wBAAwB,EAAE,cAAc;AAC3C,qBAAA;AACJ,iBAAA;;;ACxBD;;AAEG;;;;"}
@@ -1,49 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { ChangeDetectionStrategy, ViewEncapsulation, Component, computed, input, Directive } from '@angular/core';
3
- import * as i1 from '@taiga-ui/cdk/directives/animated';
4
- import { TuiAnimatedParent } from '@taiga-ui/cdk/directives/animated';
5
- import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
6
- import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
7
-
8
- class Styles {
9
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Styles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
10
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: Styles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-slides" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiSlides]{display:grid;isolation:isolate}[tuiSlides][data-direction=\"-1\"]>*{--tui-from: translateX(-2rem)}[tuiSlides][data-direction=\"-1\"]>*.tui-leave{--tui-from: translateX(1rem)}[tuiSlides][data-direction=\"1\"]>*{--tui-from: translateX(2rem)}[tuiSlides][data-direction=\"1\"]>*.tui-leave{--tui-from: translateX(-1rem)}[tuiSlides]>*{grid-area:1 / 1;align-self:start;mix-blend-mode:plus-lighter;animation-name:tuiFade,tuiSlide;animation-duration:var(--tui-duration);animation-timing-function:ease-in-out;--tui-from: translateY(0)}[tuiSlides]>*.tui-slide:not(.tui-leave){animation-name:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
11
- }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: Styles, decorators: [{
13
- type: Component,
14
- args: [{ template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'tui-slides' }, styles: ["[tuiSlides]{display:grid;isolation:isolate}[tuiSlides][data-direction=\"-1\"]>*{--tui-from: translateX(-2rem)}[tuiSlides][data-direction=\"-1\"]>*.tui-leave{--tui-from: translateX(1rem)}[tuiSlides][data-direction=\"1\"]>*{--tui-from: translateX(2rem)}[tuiSlides][data-direction=\"1\"]>*.tui-leave{--tui-from: translateX(-1rem)}[tuiSlides]>*{grid-area:1 / 1;align-self:start;mix-blend-mode:plus-lighter;animation-name:tuiFade,tuiSlide;animation-duration:var(--tui-duration);animation-timing-function:ease-in-out;--tui-from: translateY(0)}[tuiSlides]>*.tui-slide:not(.tui-leave){animation-name:none}\n"] }]
15
- }] });
16
- class TuiSlides {
17
- constructor() {
18
- this.nothing = tuiWithStyles(Styles);
19
- this.el = tuiInjectElement();
20
- this.sign = computed(() => Math.sign(this.direction() || 0));
21
- this.direction = input('', { alias: 'tuiSlides' });
22
- }
23
- onAnimation(target) {
24
- Array.from(this.el.children)
25
- .find((element) => element === target)
26
- ?.classList.add('tui-slide');
27
- }
28
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSlides, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
29
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.15", type: TuiSlides, isStandalone: true, selector: "[tuiSlides]", inputs: { direction: { classPropertyName: "direction", publicName: "tuiSlides", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tuiSlides": "" }, listeners: { "animationend": "onAnimation($event.target)" }, properties: { "attr.data-direction": "sign()" } }, hostDirectives: [{ directive: i1.TuiAnimatedParent }], ngImport: i0 }); }
30
- }
31
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TuiSlides, decorators: [{
32
- type: Directive,
33
- args: [{
34
- selector: '[tuiSlides]',
35
- hostDirectives: [TuiAnimatedParent],
36
- host: {
37
- tuiSlides: '',
38
- '[attr.data-direction]': 'sign()',
39
- '(animationend)': 'onAnimation($event.target)',
40
- },
41
- }]
42
- }] });
43
-
44
- /**
45
- * Generated bundle index. Do not edit.
46
- */
47
-
48
- export { TuiSlides };
49
- //# sourceMappingURL=taiga-ui-kit-components-slides.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"taiga-ui-kit-components-slides.mjs","sources":["../../../projects/kit/components/slides/slides.directive.ts","../../../projects/kit/components/slides/taiga-ui-kit-components-slides.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n computed,\n Directive,\n input,\n ViewEncapsulation,\n} from '@angular/core';\nimport {TuiAnimatedParent} from '@taiga-ui/cdk/directives/animated';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\n@Component({\n template: '',\n styleUrl: './slides.style.less',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {class: 'tui-slides'},\n})\nclass Styles {}\n\n@Directive({\n selector: '[tuiSlides]',\n hostDirectives: [TuiAnimatedParent],\n host: {\n tuiSlides: '',\n '[attr.data-direction]': 'sign()',\n '(animationend)': 'onAnimation($event.target)',\n },\n})\nexport class TuiSlides {\n protected readonly nothing = tuiWithStyles(Styles);\n protected readonly el = tuiInjectElement();\n protected readonly sign = computed(() => Math.sign(this.direction() || 0));\n\n public readonly direction = input<number | ''>('', {alias: 'tuiSlides'});\n\n protected onAnimation(target: Element): void {\n Array.from(this.el.children)\n .find((element) => element === target)\n ?.classList.add('tui-slide');\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAYA,MAOM,MAAM,CAAA;+GAAN,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAN,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAM,gHANE,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ylBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAMV,MAAM,EAAA,UAAA,EAAA,CAAA;kBAPX,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAE,EAEG,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA,EAAC,KAAK,EAAE,YAAY,EAAC,EAAA,MAAA,EAAA,CAAA,ylBAAA,CAAA,EAAA;;MAalB,SAAS,CAAA;AATtB,IAAA,WAAA,GAAA;AAUuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC;QAC/B,IAAE,CAAA,EAAA,GAAG,gBAAgB,EAAE;AACvB,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;QAE1D,IAAS,CAAA,SAAA,GAAG,KAAK,CAAc,EAAE,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC;AAO3E;AALa,IAAA,WAAW,CAAC,MAAe,EAAA;QACjC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ;aACtB,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,KAAK,MAAM;AACrC,cAAE,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC;;+GAV3B,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAT,SAAS,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,cAAA,EAAA,4BAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAT,SAAS,EAAA,UAAA,EAAA,CAAA;kBATrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,aAAa;oBACvB,cAAc,EAAE,CAAC,iBAAiB,CAAC;AACnC,oBAAA,IAAI,EAAE;AACF,wBAAA,SAAS,EAAE,EAAE;AACb,wBAAA,uBAAuB,EAAE,QAAQ;AACjC,wBAAA,gBAAgB,EAAE,4BAA4B;AACjD,qBAAA;AACJ,iBAAA;;;AC7BD;;AAEG;;;;"}
@@ -1,19 +0,0 @@
1
- import { InjectionToken } from '@angular/core';
2
- import { type TuiValueTransformer } from '@taiga-ui/cdk/classes';
3
- import { type TuiDay, type TuiDayRange, type TuiTime } from '@taiga-ui/cdk/date-time';
4
- /**
5
- * Control value transformer of TuiDay to custom value format for InputDate* components
6
- */
7
- export declare const TUI_DATE_VALUE_TRANSFORMER: InjectionToken<TuiValueTransformer<TuiDay | null, unknown>>;
8
- /**
9
- * Control value transformer for InputDateRange component
10
- */
11
- export declare const TUI_DATE_RANGE_VALUE_TRANSFORMER: InjectionToken<TuiValueTransformer<TuiDayRange | null, unknown>>;
12
- /**
13
- * Control value transformer for InputDateTime component
14
- */
15
- export declare const TUI_DATE_TIME_VALUE_TRANSFORMER: InjectionToken<TuiValueTransformer<[TuiDay, TuiTime | null], unknown>>;
16
- /**
17
- * Control value transformer for InputTime component
18
- */
19
- export declare const TUI_TIME_VALUE_TRANSFORMER: InjectionToken<TuiValueTransformer<TuiTime | null, unknown>>;
@@ -1,15 +0,0 @@
1
- import { type TuiDay } from '@taiga-ui/cdk/date-time';
2
- import { type TuiContext } from '@taiga-ui/cdk/types';
3
- import { type TuiSizeL, type TuiSizeS } from '@taiga-ui/core/types';
4
- import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
5
- export interface TuiInputDateOptions {
6
- readonly icon: PolymorpheusContent<TuiContext<TuiSizeL | TuiSizeS>>;
7
- readonly max: TuiDay;
8
- readonly min: TuiDay;
9
- readonly nativePicker: boolean;
10
- }
11
- export declare const TUI_INPUT_DATE_DEFAULT_OPTIONS: TuiInputDateOptions;
12
- /**
13
- * Default parameters for InputDate component
14
- */
15
- export declare const TUI_INPUT_DATE_OPTIONS: import("@angular/core").InjectionToken<TuiInputDateOptions>, tuiInputDateOptionsProvider: (item: Partial<TuiInputDateOptions> | (() => Partial<TuiInputDateOptions>)) => import("@angular/core").FactoryProvider;
@@ -1,20 +0,0 @@
1
- import { type TuiBooleanHandler, type TuiIdentityMatcher, type TuiStringHandler } from '@taiga-ui/cdk/types';
2
- /**
3
- * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.
4
- * TODO(v5): delete
5
- */
6
- export interface TuiItemsHandlers<T> {
7
- readonly disabledItemHandler: TuiBooleanHandler<T>;
8
- readonly identityMatcher: TuiIdentityMatcher<T>;
9
- readonly stringify: TuiStringHandler<T>;
10
- }
11
- /**
12
- * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.
13
- * TODO(v5): delete
14
- */
15
- export declare const TUI_DEFAULT_ITEMS_HANDLERS: TuiItemsHandlers<unknown>;
16
- /**
17
- * @deprecated use it only for LEGACY controls. For new controls use the same entity from `@taiga-ui/core`.
18
- * TODO(v5): delete
19
- */
20
- export declare const TUI_ITEMS_HANDLERS: import("@angular/core").InjectionToken<TuiItemsHandlers<unknown>>, tuiItemsHandlersProvider: (item: Partial<TuiItemsHandlers<unknown>> | (() => Partial<TuiItemsHandlers<unknown>>)) => import("@angular/core").FactoryProvider;
@@ -1,6 +0,0 @@
1
- import { type FactoryProvider, InjectionToken, type Type } from '@angular/core';
2
- /**
3
- * A component for mobile data picker
4
- */
5
- export declare const TUI_MOBILE_CALENDAR: InjectionToken<Type<unknown>>;
6
- export declare const TUI_MOBILE_CALENDAR_PROVIDER: FactoryProvider;
@@ -1,5 +0,0 @@
1
- import { InjectionToken } from '@angular/core';
2
- import { type TuiMonth } from '@taiga-ui/cdk/date-time';
3
- import { type TuiHandler } from '@taiga-ui/cdk/types';
4
- import { type Observable } from 'rxjs';
5
- export declare const TUI_MONTH_FORMATTER: InjectionToken<Observable<TuiHandler<TuiMonth | null, string>>>;
@@ -1,2 +0,0 @@
1
- import { type TuiDay } from '@taiga-ui/cdk/date-time';
2
- export declare function tuiToggleDay(days: readonly TuiDay[] | null, day: TuiDay): readonly TuiDay[];