@taiga-ui/core 4.52.0-canary.a59c4d0 → 4.52.0-canary.abf3e8c

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 (267) hide show
  1. package/README.md +1 -1
  2. package/classes/accessors.d.ts +2 -2
  3. package/components/calendar/calendar-sheet.options.d.ts +1 -3
  4. package/{pipes/calendar-sheet → components/calendar}/calendar-sheet.pipe.d.ts +1 -1
  5. package/components/calendar/calendar-spin.component.d.ts +1 -0
  6. package/components/calendar/calendar-year.component.d.ts +1 -1
  7. package/components/calendar/index.d.ts +2 -0
  8. package/components/data-list/data-list.component.d.ts +8 -12
  9. package/components/data-list/data-list.d.ts +3 -4
  10. package/components/data-list/data-list.tokens.d.ts +1 -23
  11. package/components/data-list/index.d.ts +3 -4
  12. package/components/data-list/opt-group.directive.d.ts +2 -2
  13. package/components/data-list/option-content.directive.d.ts +14 -0
  14. package/components/data-list/option-with-value.directive.d.ts +9 -0
  15. package/components/data-list/option.directive.d.ts +19 -0
  16. package/components/error/error.component.d.ts +1 -1
  17. package/components/icon/icon.component.d.ts +2 -2
  18. package/components/index.d.ts +2 -3
  19. package/components/input/index.d.ts +2 -0
  20. package/components/input/input.d.ts +5 -0
  21. package/components/input/input.directive.d.ts +30 -0
  22. package/components/link/link.directive.d.ts +2 -2
  23. package/components/link/link.options.d.ts +1 -3
  24. package/components/loader/loader.component.d.ts +7 -7
  25. package/components/loader/loader.options.d.ts +1 -3
  26. package/components/notification/index.d.ts +3 -0
  27. package/components/notification/notification.component.d.ts +14 -0
  28. package/components/notification/notification.d.ts +3 -0
  29. package/components/notification/notification.directive.d.ts +7 -12
  30. package/components/notification/notification.options.d.ts +10 -7
  31. package/components/notification/notification.service.d.ts +17 -0
  32. package/components/root/root.component.d.ts +1 -1
  33. package/components/scrollbar/scroll-into-view.directive.d.ts +3 -2
  34. package/components/scrollbar/scrollbar.component.d.ts +2 -2
  35. package/components/scrollbar/scrollbar.directive.d.ts +2 -2
  36. package/components/spin-button/spin-button.component.d.ts +8 -9
  37. package/components/textfield/index.d.ts +0 -1
  38. package/components/textfield/textfield-multi/textfield-item.component.d.ts +3 -2
  39. package/components/textfield/textfield-multi/textfield-multi.component.d.ts +10 -14
  40. package/components/textfield/textfield.component.d.ts +23 -36
  41. package/components/textfield/textfield.d.ts +2 -3
  42. package/components/textfield/textfield.options.d.ts +8 -11
  43. package/directives/date-format/date-format.directive.d.ts +3 -7
  44. package/directives/group/group.directive.d.ts +7 -7
  45. package/directives/group/group.options.d.ts +1 -3
  46. package/directives/index.d.ts +0 -4
  47. package/directives/number-format/number-format.directive.d.ts +3 -7
  48. package/fesm2022/taiga-ui-core-classes.mjs +9 -11
  49. package/fesm2022/taiga-ui-core-classes.mjs.map +1 -1
  50. package/fesm2022/taiga-ui-core-components-button.mjs +6 -6
  51. package/fesm2022/taiga-ui-core-components-calendar.mjs +132 -34
  52. package/fesm2022/taiga-ui-core-components-calendar.mjs.map +1 -1
  53. package/fesm2022/taiga-ui-core-components-cell.mjs +7 -7
  54. package/fesm2022/taiga-ui-core-components-cell.mjs.map +1 -1
  55. package/fesm2022/taiga-ui-core-components-data-list.mjs +111 -280
  56. package/fesm2022/taiga-ui-core-components-data-list.mjs.map +1 -1
  57. package/fesm2022/taiga-ui-core-components-error.mjs +13 -12
  58. package/fesm2022/taiga-ui-core-components-error.mjs.map +1 -1
  59. package/fesm2022/taiga-ui-core-components-expand.mjs +3 -3
  60. package/fesm2022/taiga-ui-core-components-icon.mjs +9 -10
  61. package/fesm2022/taiga-ui-core-components-icon.mjs.map +1 -1
  62. package/fesm2022/taiga-ui-core-components-input.mjs +103 -0
  63. package/fesm2022/taiga-ui-core-components-input.mjs.map +1 -0
  64. package/fesm2022/taiga-ui-core-components-label.mjs +6 -6
  65. package/fesm2022/taiga-ui-core-components-link.mjs +14 -20
  66. package/fesm2022/taiga-ui-core-components-link.mjs.map +1 -1
  67. package/fesm2022/taiga-ui-core-components-loader.mjs +16 -34
  68. package/fesm2022/taiga-ui-core-components-loader.mjs.map +1 -1
  69. package/fesm2022/taiga-ui-core-components-notification.mjs +101 -44
  70. package/fesm2022/taiga-ui-core-components-notification.mjs.map +1 -1
  71. package/fesm2022/taiga-ui-core-components-root.mjs +8 -12
  72. package/fesm2022/taiga-ui-core-components-root.mjs.map +1 -1
  73. package/fesm2022/taiga-ui-core-components-scrollbar.mjs +54 -63
  74. package/fesm2022/taiga-ui-core-components-scrollbar.mjs.map +1 -1
  75. package/fesm2022/taiga-ui-core-components-spin-button.mjs +16 -29
  76. package/fesm2022/taiga-ui-core-components-spin-button.mjs.map +1 -1
  77. package/fesm2022/taiga-ui-core-components-textfield.mjs +118 -323
  78. package/fesm2022/taiga-ui-core-components-textfield.mjs.map +1 -1
  79. package/fesm2022/{taiga-ui-core-directives-title.mjs → taiga-ui-core-components-title.mjs} +7 -7
  80. package/fesm2022/{taiga-ui-core-directives-title.mjs.map → taiga-ui-core-components-title.mjs.map} +1 -1
  81. package/fesm2022/taiga-ui-core-components.mjs +2 -3
  82. package/fesm2022/taiga-ui-core-components.mjs.map +1 -1
  83. package/fesm2022/taiga-ui-core-directives-appearance.mjs +15 -15
  84. package/fesm2022/taiga-ui-core-directives-appearance.mjs.map +1 -1
  85. package/fesm2022/taiga-ui-core-directives-date-format.mjs +26 -20
  86. package/fesm2022/taiga-ui-core-directives-date-format.mjs.map +1 -1
  87. package/fesm2022/taiga-ui-core-directives-group.mjs +22 -34
  88. package/fesm2022/taiga-ui-core-directives-group.mjs.map +1 -1
  89. package/fesm2022/taiga-ui-core-directives-icons.mjs +11 -11
  90. package/fesm2022/taiga-ui-core-directives-icons.mjs.map +1 -1
  91. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs +12 -15
  92. package/fesm2022/taiga-ui-core-directives-items-handlers.mjs.map +1 -1
  93. package/fesm2022/taiga-ui-core-directives-number-format.mjs +32 -20
  94. package/fesm2022/taiga-ui-core-directives-number-format.mjs.map +1 -1
  95. package/fesm2022/taiga-ui-core-directives.mjs +0 -4
  96. package/fesm2022/taiga-ui-core-directives.mjs.map +1 -1
  97. package/fesm2022/taiga-ui-core-pipes-format-number.mjs +21 -15
  98. package/fesm2022/taiga-ui-core-pipes-format-number.mjs.map +1 -1
  99. package/fesm2022/taiga-ui-core-pipes.mjs +0 -7
  100. package/fesm2022/taiga-ui-core-pipes.mjs.map +1 -1
  101. package/fesm2022/taiga-ui-core-portals-alert.mjs +73 -0
  102. package/fesm2022/taiga-ui-core-portals-alert.mjs.map +1 -0
  103. package/fesm2022/taiga-ui-core-portals-dialog.mjs +158 -0
  104. package/fesm2022/taiga-ui-core-portals-dialog.mjs.map +1 -0
  105. package/fesm2022/{taiga-ui-core-directives-dropdown.mjs → taiga-ui-core-portals-dropdown.mjs} +158 -273
  106. package/fesm2022/taiga-ui-core-portals-dropdown.mjs.map +1 -0
  107. package/fesm2022/{taiga-ui-core-directives-hint.mjs → taiga-ui-core-portals-hint.mjs} +136 -228
  108. package/fesm2022/taiga-ui-core-portals-hint.mjs.map +1 -0
  109. package/fesm2022/taiga-ui-core-portals-modal.mjs +89 -0
  110. package/fesm2022/taiga-ui-core-portals-modal.mjs.map +1 -0
  111. package/fesm2022/{taiga-ui-core-directives-popup.mjs → taiga-ui-core-portals-popup.mjs} +12 -13
  112. package/fesm2022/taiga-ui-core-portals-popup.mjs.map +1 -0
  113. package/fesm2022/taiga-ui-core-portals.mjs +11 -0
  114. package/fesm2022/taiga-ui-core-portals.mjs.map +1 -0
  115. package/fesm2022/taiga-ui-core-services.mjs +18 -38
  116. package/fesm2022/taiga-ui-core-services.mjs.map +1 -1
  117. package/fesm2022/taiga-ui-core-tokens.mjs +22 -21
  118. package/fesm2022/taiga-ui-core-tokens.mjs.map +1 -1
  119. package/fesm2022/taiga-ui-core-utils-format.mjs +1 -22
  120. package/fesm2022/taiga-ui-core-utils-format.mjs.map +1 -1
  121. package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs +8 -17
  122. package/fesm2022/taiga-ui-core-utils-miscellaneous.mjs.map +1 -1
  123. package/fesm2022/taiga-ui-core.mjs +1 -0
  124. package/fesm2022/taiga-ui-core.mjs.map +1 -1
  125. package/index.d.ts +1 -0
  126. package/package.json +68 -85
  127. package/pipes/format-number/format-number.pipe.d.ts +6 -4
  128. package/pipes/index.d.ts +0 -7
  129. package/portals/alert/alert.directive.d.ts +11 -0
  130. package/portals/alert/alert.service.d.ts +12 -0
  131. package/portals/alert/index.d.ts +2 -0
  132. package/{components → portals}/dialog/dialog.component.d.ts +3 -4
  133. package/portals/dialog/dialog.directive.d.ts +8 -0
  134. package/{components → portals}/dialog/dialog.options.d.ts +2 -3
  135. package/{components → portals}/dialog/dialog.providers.d.ts +1 -2
  136. package/portals/dialog/dialog.service.d.ts +10 -0
  137. package/{components → portals}/dialog/index.d.ts +0 -1
  138. package/{directives → portals}/dropdown/dropdown-hover.directive.d.ts +5 -10
  139. package/{directives → portals}/dropdown/dropdown-hover.options.d.ts +1 -3
  140. package/{directives → portals}/dropdown/dropdown-manual.directive.d.ts +2 -2
  141. package/portals/dropdown/dropdown-open.directive.d.ts +30 -0
  142. package/{directives → portals}/dropdown/dropdown-position-sided.directive.d.ts +3 -3
  143. package/{directives → portals}/dropdown/dropdown-position.directive.d.ts +5 -5
  144. package/{directives → portals}/dropdown/dropdown-selection.directive.d.ts +4 -5
  145. package/{directives → portals}/dropdown/dropdown.bindings.d.ts +0 -1
  146. package/{directives → portals}/dropdown/dropdown.d.ts +1 -2
  147. package/{directives → portals}/dropdown/dropdown.directive.d.ts +6 -8
  148. package/{directives → portals}/dropdown/index.d.ts +0 -1
  149. package/{directives → portals}/hint/hint-describe.directive.d.ts +4 -6
  150. package/{directives → portals}/hint/hint-host.directive.d.ts +2 -2
  151. package/{directives → portals}/hint/hint-hover.directive.d.ts +3 -4
  152. package/{directives → portals}/hint/hint-manual.directive.d.ts +2 -2
  153. package/{directives → portals}/hint/hint-overflow.directive.d.ts +2 -2
  154. package/{directives → portals}/hint/hint-position.directive.d.ts +5 -6
  155. package/{directives → portals}/hint/hint-unstyled.component.d.ts +2 -7
  156. package/{directives → portals}/hint/hint.component.d.ts +7 -6
  157. package/portals/hint/hint.directive.d.ts +24 -0
  158. package/{directives → portals}/hint/index.d.ts +0 -2
  159. package/portals/index.d.ts +6 -0
  160. package/portals/modal/index.d.ts +2 -0
  161. package/portals/modal/modal.component.d.ts +17 -0
  162. package/portals/modal/modal.service.d.ts +13 -0
  163. package/services/index.d.ts +0 -1
  164. package/styles/components/link.less +1 -0
  165. package/styles/components/textfield.less +10 -7
  166. package/styles/mixins/appearance.less +2 -2
  167. package/styles/mixins/mixins.less +0 -13
  168. package/styles/mixins/mixins.scss +0 -13
  169. package/styles/mixins/slider.scss +1 -2
  170. package/styles/theme/variables.less +2 -4
  171. package/tokens/common-icons.d.ts +1 -3
  172. package/tokens/date-format.d.ts +2 -3
  173. package/tokens/i18n.d.ts +7 -7
  174. package/tokens/icons.d.ts +0 -4
  175. package/tokens/number-format.d.ts +2 -3
  176. package/types/index.d.ts +0 -3
  177. package/types/point.d.ts +1 -1
  178. package/types/size.d.ts +0 -11
  179. package/utils/format/index.d.ts +0 -1
  180. package/utils/miscellaneous/get-duration.d.ts +2 -0
  181. package/utils/miscellaneous/index.d.ts +1 -1
  182. package/components/alert/alert.component.d.ts +0 -14
  183. package/components/alert/alert.directive.d.ts +0 -8
  184. package/components/alert/alert.interfaces.d.ts +0 -14
  185. package/components/alert/alert.service.d.ts +0 -10
  186. package/components/alert/alert.tokens.d.ts +0 -12
  187. package/components/alert/alerts.component.d.ts +0 -12
  188. package/components/alert/index.d.ts +0 -6
  189. package/components/data-list/data-list.directive.d.ts +0 -7
  190. package/components/data-list/option/option-content.d.ts +0 -16
  191. package/components/data-list/option/option-legacy.component.d.ts +0 -24
  192. package/components/data-list/option/option.directive.d.ts +0 -27
  193. package/components/dialog/active-zone-adapter.directive.d.ts +0 -11
  194. package/components/dialog/dialog.directive.d.ts +0 -7
  195. package/components/dialog/dialog.service.d.ts +0 -7
  196. package/components/dialog/dialogs.component.d.ts +0 -8
  197. package/components/header/header.directive.d.ts +0 -17
  198. package/components/header/index.d.ts +0 -1
  199. package/components/textfield/textfield.directive.d.ts +0 -38
  200. package/directives/dropdown/dropdown-open-legacy.directive.d.ts +0 -12
  201. package/directives/dropdown/dropdown-open.directive.d.ts +0 -33
  202. package/directives/hint/hint.directive.d.ts +0 -26
  203. package/directives/hint/hint.service.d.ts +0 -13
  204. package/directives/hint/hints.component.d.ts +0 -12
  205. package/fesm2022/taiga-ui-core-components-alert.mjs +0 -163
  206. package/fesm2022/taiga-ui-core-components-alert.mjs.map +0 -1
  207. package/fesm2022/taiga-ui-core-components-dialog.mjs +0 -215
  208. package/fesm2022/taiga-ui-core-components-dialog.mjs.map +0 -1
  209. package/fesm2022/taiga-ui-core-components-header.mjs +0 -42
  210. package/fesm2022/taiga-ui-core-components-header.mjs.map +0 -1
  211. package/fesm2022/taiga-ui-core-directives-dropdown.mjs.map +0 -1
  212. package/fesm2022/taiga-ui-core-directives-hint.mjs.map +0 -1
  213. package/fesm2022/taiga-ui-core-directives-popup.mjs.map +0 -1
  214. package/fesm2022/taiga-ui-core-pipes-auto-color.mjs +0 -25
  215. package/fesm2022/taiga-ui-core-pipes-auto-color.mjs.map +0 -1
  216. package/fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs +0 -94
  217. package/fesm2022/taiga-ui-core-pipes-calendar-sheet.mjs.map +0 -1
  218. package/fesm2022/taiga-ui-core-pipes-flag.mjs +0 -32
  219. package/fesm2022/taiga-ui-core-pipes-flag.mjs.map +0 -1
  220. package/fesm2022/taiga-ui-core-pipes-format-date.mjs +0 -28
  221. package/fesm2022/taiga-ui-core-pipes-format-date.mjs.map +0 -1
  222. package/fesm2022/taiga-ui-core-pipes-initials.mjs +0 -29
  223. package/fesm2022/taiga-ui-core-pipes-initials.mjs.map +0 -1
  224. package/fesm2022/taiga-ui-core-pipes-month.mjs +0 -29
  225. package/fesm2022/taiga-ui-core-pipes-month.mjs.map +0 -1
  226. package/fesm2022/taiga-ui-core-pipes-order-week-days.mjs +0 -36
  227. package/fesm2022/taiga-ui-core-pipes-order-week-days.mjs.map +0 -1
  228. package/pipes/auto-color/auto-color.pipe.d.ts +0 -7
  229. package/pipes/auto-color/index.d.ts +0 -1
  230. package/pipes/calendar-sheet/index.d.ts +0 -1
  231. package/pipes/calendar-sheet/utils.d.ts +0 -20
  232. package/pipes/flag/flag.pipe.d.ts +0 -14
  233. package/pipes/flag/index.d.ts +0 -1
  234. package/pipes/format-date/format-date.pipe.d.ts +0 -9
  235. package/pipes/format-date/index.d.ts +0 -1
  236. package/pipes/initials/index.d.ts +0 -1
  237. package/pipes/initials/initials.pipe.d.ts +0 -7
  238. package/pipes/month/index.d.ts +0 -1
  239. package/pipes/month/month.pipe.d.ts +0 -10
  240. package/pipes/order-week-days/index.d.ts +0 -1
  241. package/services/format-date.service.d.ts +0 -8
  242. package/types/portal-item.d.ts +0 -9
  243. package/types/range-state.d.ts +0 -4
  244. package/types/value-content-context.d.ts +0 -4
  245. package/utils/format/string-hash-to-hsl.d.ts +0 -6
  246. package/utils/miscellaneous/to-animation-options.d.ts +0 -4
  247. /package/{pipes/order-week-days → components/calendar}/order-week-days.pipe.d.ts +0 -0
  248. /package/{directives → components}/title/index.d.ts +0 -0
  249. /package/{directives → components}/title/title.directive.d.ts +0 -0
  250. /package/{components → portals}/dialog/dialog.factory.d.ts +0 -0
  251. /package/{directives → portals}/dropdown/dropdown-content.directive.d.ts +0 -0
  252. /package/{directives → portals}/dropdown/dropdown-context.directive.d.ts +0 -0
  253. /package/{directives → portals}/dropdown/dropdown-limit-width.d.ts +0 -0
  254. /package/{directives → portals}/dropdown/dropdown-options.directive.d.ts +0 -0
  255. /package/{directives → portals}/dropdown/dropdown.component.d.ts +0 -0
  256. /package/{directives → portals}/dropdown/dropdown.driver.d.ts +0 -0
  257. /package/{directives → portals}/dropdown/dropdown.providers.d.ts +0 -0
  258. /package/{directives → portals}/dropdown/with-dropdown-open.directive.d.ts +0 -0
  259. /package/{directives → portals}/hint/hint-driver.directive.d.ts +0 -0
  260. /package/{directives → portals}/hint/hint-options.directive.d.ts +0 -0
  261. /package/{directives → portals}/hint/hint-pointer.directive.d.ts +0 -0
  262. /package/{directives → portals}/hint/hint.d.ts +0 -0
  263. /package/{directives → portals}/hint/hint.providers.d.ts +0 -0
  264. /package/{directives → portals}/popup/index.d.ts +0 -0
  265. /package/{directives → portals}/popup/popup.directive.d.ts +0 -0
  266. /package/{directives → portals}/popup/popup.service.d.ts +0 -0
  267. /package/{directives → portals}/popup/popups.component.d.ts +0 -0
@@ -6,8 +6,8 @@ tui-textfield {
6
6
 
7
7
  --t-height: var(--tui-height-l);
8
8
  --t-padding: var(--tui-padding-l);
9
- --t-label: -0.7em;
10
- --t-label-size: 0.83em;
9
+ --t-label-y: -0.75rem;
10
+ --t-label-font: var(--tui-font-text-s);
11
11
  --t-end: ~'0rem';
12
12
  --t-start: ~'0rem';
13
13
 
@@ -133,6 +133,8 @@ tui-textfield {
133
133
  &[data-size='m'] {
134
134
  --t-height: var(--tui-height-m);
135
135
  --t-padding: var(--tui-padding-m);
136
+ --t-label-font: var(--tui-font-text-xs);
137
+ --t-label-y: -0.5625rem;
136
138
 
137
139
  border-radius: var(--tui-radius-m);
138
140
  font: var(--tui-font-text-ui-s);
@@ -288,7 +290,6 @@ tui-textfield {
288
290
  pointer-events: auto;
289
291
  background: none;
290
292
 
291
- // TODO: Remove :not when we drop old select tuiTextfield in v5
292
293
  &:not(select):read-only ~ .t-filler {
293
294
  display: none;
294
295
  }
@@ -307,8 +308,9 @@ tui-textfield {
307
308
  &:-webkit-autofill,
308
309
  &:not(._empty):not(:placeholder-shown) {
309
310
  & ~ label {
310
- font-size: var(--t-label-size);
311
- transform: translateY(var(--t-label));
311
+ font: var(--t-label-font);
312
+ line-height: var(--t-height);
313
+ transform: translateY(var(--t-label-y));
312
314
  }
313
315
 
314
316
  &:not(:disabled)[data-mode~='invalid'] ~ label,
@@ -330,8 +332,9 @@ tui-textfield {
330
332
 
331
333
  & ~ label {
332
334
  color: var(--tui-text-primary) !important;
333
- font-size: var(--t-label-size);
334
- transform: translateY(var(--t-label));
335
+ font: var(--t-label-font);
336
+ line-height: var(--t-height);
337
+ transform: translateY(var(--t-label-y));
335
338
  }
336
339
  });
337
340
  }
@@ -3,7 +3,7 @@
3
3
  .appearance-hover(@content) {
4
4
  .interactive({
5
5
  @media @tui-mouse {
6
- &:hover:not(:disabled):not([data-state]) {
6
+ &:hover:not([data-state]) {
7
7
  @content();
8
8
  }
9
9
  }
@@ -24,7 +24,7 @@
24
24
 
25
25
  .appearance-active(@content) {
26
26
  .interactive({
27
- &:active:not(:disabled):not([data-state]) {
27
+ &:active:not([data-state]) {
28
28
  @content();
29
29
  }
30
30
  });
@@ -1,11 +1,6 @@
1
1
  @import 'browsers.less';
2
2
 
3
3
  .interactive(@ruleset) {
4
- // TODO remove after dropping Safari 13 support
5
- &:matches(a, button, select, textarea, input, label, .tui-interactive):not(:disabled) {
6
- @ruleset();
7
- }
8
-
9
4
  &:is(a, button, select, textarea, input, label, .tui-interactive):not(:disabled) {
10
5
  @ruleset();
11
6
  }
@@ -171,11 +166,3 @@
171
166
  .tui-mask(@x, @y, @r) {
172
167
  mask: radial-gradient(circle at @x @y, transparent @r, black @r);
173
168
  }
174
-
175
- .portal-loop (@i) when (@i > 0) {
176
- .portal-loop(@i - 1);
177
-
178
- &:nth-of-type(@{i}) {
179
- grid-row: ~'1000@{i}';
180
- }
181
- }
@@ -1,11 +1,6 @@
1
1
  @import 'browsers.scss';
2
2
 
3
3
  @mixin interactive {
4
- // TODO remove after dropping Safari 13 support
5
- &:matches(a, button, select, textarea, input, label, .tui-interactive):not(:disabled) {
6
- @content;
7
- }
8
-
9
4
  &:is(a, button, select, textarea, input, label, .tui-interactive):not(:disabled) {
10
5
  @content;
11
6
  }
@@ -164,11 +159,3 @@
164
159
  @mixin tui-mask($x, $y, $r) {
165
160
  mask: radial-gradient(circle at $x $y, transparent $r, black $r);
166
161
  }
167
-
168
- @mixin portal-loop($n) {
169
- @for $i from 1 through $n {
170
- &:nth-of-type(#{$i}) {
171
- grid-row: #{$i + 10000};
172
- }
173
- }
174
- }
@@ -60,12 +60,11 @@ $track-inset: (
60
60
  --t-offset: calc(var(--tui-radius-l) / 2 + $thumb / 2);
61
61
  }
62
62
 
63
- tui-input-range:not([new]) + &, /* TODO(v5): delete */
64
63
  tui-range + & {
65
64
  --t-offset: $thumb;
66
65
  }
67
66
 
68
- tui-input-range[new] + & {
67
+ tui-input-range + & {
69
68
  --t-offset: calc(map-get($track-inset, $input-size) + $thumb);
70
69
  }
71
70
  }
@@ -1,10 +1,8 @@
1
- @font-fallback: -apple-system, 'BlinkMacSystemFont', system-ui, 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif;
2
-
3
1
  &:root,
4
2
  &:host {
5
3
  // Fonts
6
- --tui-font-heading: 'Manrope', @font-fallback;
7
- --tui-font-text: 'Manrope', @font-fallback;
4
+ --tui-font-heading: 'Manrope', system-ui, sans-serif;
5
+ --tui-font-text: 'Manrope', system-ui, sans-serif;
8
6
  --tui-font-offset: ~'0rem';
9
7
  // Heading
10
8
  --tui-font-heading-1: bold calc(var(--tui-font-offset) + 3.125rem) / 3.5rem var(--tui-font-heading);
@@ -1,4 +1,3 @@
1
- import { InjectionToken, type Provider } from '@angular/core';
2
1
  export interface TuiCommonIcons {
3
2
  readonly check: string;
4
3
  readonly close: string;
@@ -7,5 +6,4 @@ export interface TuiCommonIcons {
7
6
  readonly search: string;
8
7
  readonly ellipsis: string;
9
8
  }
10
- export declare const TUI_COMMON_ICONS: InjectionToken<TuiCommonIcons>;
11
- export declare function tuiCommonIconsProvider(icons: Partial<TuiCommonIcons>): Provider;
9
+ export declare const TUI_COMMON_ICONS: import("@angular/core").InjectionToken<TuiCommonIcons>, tuiCommonIconsProvider: (item: Partial<TuiCommonIcons> | (() => Partial<TuiCommonIcons>)) => import("@angular/core").FactoryProvider;
@@ -1,6 +1,5 @@
1
- import { InjectionToken, type Provider } from '@angular/core';
1
+ import { InjectionToken, type Provider, type Signal } from '@angular/core';
2
2
  import { type TuiDateMode } from '@taiga-ui/cdk/date-time';
3
- import { type Observable } from 'rxjs';
4
3
  /**
5
4
  * Formatting configuration for displayed dates
6
5
  */
@@ -19,5 +18,5 @@ export declare const TUI_DEFAULT_DATE_FORMAT: TuiDateFormatSettings;
19
18
  /**
20
19
  * Formatting configuration for displayed dates
21
20
  */
22
- export declare const TUI_DATE_FORMAT: InjectionToken<Observable<TuiDateFormatSettings>>;
21
+ export declare const TUI_DATE_FORMAT: InjectionToken<Signal<TuiDateFormatSettings>>;
23
22
  export declare function tuiDateFormatProvider(options: Partial<TuiDateFormatSettings>): Provider;
package/tokens/i18n.d.ts CHANGED
@@ -2,28 +2,28 @@ import { InjectionToken } from '@angular/core';
2
2
  /**
3
3
  * Localized months names
4
4
  */
5
- export declare const TUI_MONTHS: InjectionToken<import("rxjs").Observable<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>>;
5
+ export declare const TUI_MONTHS: InjectionToken<import("@angular/core").Signal<readonly [January: string, February: string, March: string, April: string, May: string, June: string, July: string, August: string, September: string, October: string, November: string, December: string]>>;
6
6
  /**
7
7
  * i18n 'close' word
8
8
  */
9
- export declare const TUI_CLOSE_WORD: InjectionToken<import("rxjs").Observable<string>>;
9
+ export declare const TUI_CLOSE_WORD: InjectionToken<import("@angular/core").Signal<string>>;
10
10
  /**
11
11
  * i18n 'clear' word
12
12
  */
13
- export declare const TUI_CLEAR_WORD: InjectionToken<import("rxjs").Observable<string>>;
13
+ export declare const TUI_CLEAR_WORD: InjectionToken<import("@angular/core").Signal<string>>;
14
14
  /**
15
15
  * i18n 'Nothing found' message
16
16
  */
17
- export declare const TUI_NOTHING_FOUND_MESSAGE: InjectionToken<import("rxjs").Observable<string>>;
17
+ export declare const TUI_NOTHING_FOUND_MESSAGE: InjectionToken<import("@angular/core").Signal<string>>;
18
18
  /**
19
19
  * i18n of error message
20
20
  */
21
- export declare const TUI_DEFAULT_ERROR_MESSAGE: InjectionToken<import("rxjs").Observable<string>>;
21
+ export declare const TUI_DEFAULT_ERROR_MESSAGE: InjectionToken<import("@angular/core").Signal<string>>;
22
22
  /**
23
23
  * spin i18n texts
24
24
  */
25
- export declare const TUI_SPIN_TEXTS: InjectionToken<import("rxjs").Observable<readonly [previous: string, next: string]>>;
25
+ export declare const TUI_SPIN_TEXTS: InjectionToken<import("@angular/core").Signal<readonly [previous: string, next: string]>>;
26
26
  /**
27
27
  * calendars i18n texts
28
28
  */
29
- export declare const TUI_SHORT_WEEK_DAYS: InjectionToken<import("rxjs").Observable<readonly [Monday: string, Tuesday: string, Wednesday: string, Thursday: string, Friday: string, Saturday: string, Sunday: string]>>;
29
+ export declare const TUI_SHORT_WEEK_DAYS: InjectionToken<import("@angular/core").Signal<readonly [Monday: string, Tuesday: string, Wednesday: string, Thursday: string, Friday: string, Saturday: string, Sunday: string]>>;
package/tokens/icons.d.ts CHANGED
@@ -1,7 +1,3 @@
1
1
  import { type FactoryProvider, InjectionToken } from '@angular/core';
2
2
  export declare const TUI_ICON_REGISTRY: InjectionToken<Record<string, string>>;
3
- /**
4
- * @deprecated: use {@link TUI_ICON_REGISTRY}
5
- */
6
- export declare const TUI_ICON_STARTS: InjectionToken<Record<string, string>>;
7
3
  export declare function tuiIconsProvider(icons: Record<string, string>): FactoryProvider;
@@ -1,6 +1,5 @@
1
- import { InjectionToken, type Provider } from '@angular/core';
1
+ import { InjectionToken, type Provider, type Signal } from '@angular/core';
2
2
  import { type TuiRounding } from '@taiga-ui/cdk/types';
3
- import { type Observable } from 'rxjs';
4
3
  export type TuiDecimalMode = 'always' | 'not-zero' | 'pad';
5
4
  export type TuiDecimalSymbol = ',' | '.';
6
5
  /**
@@ -35,5 +34,5 @@ export declare const TUI_DEFAULT_NUMBER_FORMAT: TuiNumberFormatSettings;
35
34
  /**
36
35
  * Formatting configuration for displayed numbers
37
36
  */
38
- export declare const TUI_NUMBER_FORMAT: InjectionToken<Observable<TuiNumberFormatSettings>>;
37
+ export declare const TUI_NUMBER_FORMAT: InjectionToken<Signal<TuiNumberFormatSettings>>;
39
38
  export declare function tuiNumberFormatProvider(options: Partial<TuiNumberFormatSettings>): Provider;
package/types/index.d.ts CHANGED
@@ -2,7 +2,4 @@ export type * from './direction';
2
2
  export type * from './interactive-state';
3
3
  export type * from './orientation';
4
4
  export type * from './point';
5
- export type * from './portal-item';
6
- export type * from './range-state';
7
5
  export type * from './size';
8
- export type * from './value-content-context';
package/types/point.d.ts CHANGED
@@ -1 +1 @@
1
- export type TuiPoint = Readonly<[number, number]>;
1
+ export type TuiPoint = Readonly<[x: number, y: number]>;
package/types/size.d.ts CHANGED
@@ -1,14 +1,3 @@
1
- /**
2
- * Various sizes for components
3
- *
4
- * 'xxs' - extra extra small
5
- * 'xs' - extra small
6
- * 's' - small
7
- * 'm' - medium (typically default)
8
- * 'l' - large
9
- * 'xl' - extra large
10
- * 'xxl' - extra extra large
11
- */
12
1
  export type TuiSizeM = 'm';
13
2
  export type TuiSizeS = TuiSizeM | 's';
14
3
  export type TuiSizeL = TuiSizeM | 'l';
@@ -1,4 +1,3 @@
1
1
  export * from './format-number';
2
2
  export * from './get-fractional-part-padded';
3
3
  export * from './number-to-string-without-exp';
4
- export * from './string-hash-to-hsl';
@@ -0,0 +1,2 @@
1
+ export declare const TUI_ANIMATIONS_DEFAULT_DURATION = 300;
2
+ export declare function tuiGetDuration(speed: number): number;
@@ -1,7 +1,7 @@
1
1
  export * from './font-scaling';
2
+ export * from './get-duration';
2
3
  export * from './is-editing-key';
3
4
  export * from './is-obscured';
4
5
  export * from './override-options';
5
6
  export * from './provide-taiga';
6
7
  export * from './size-bigger';
7
- export * from './to-animation-options';
@@ -1,14 +0,0 @@
1
- import { type TuiPortalContext } from '@taiga-ui/cdk/portals';
2
- import { type TuiAlertOptions } from './alert.interfaces';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@taiga-ui/cdk/directives/animated";
5
- export declare class TuiAlertComponent<O, I> {
6
- private readonly el;
7
- protected readonly icons: import("@taiga-ui/core/tokens").TuiCommonIcons;
8
- protected readonly close: import("@angular/core").Signal<string | undefined>;
9
- protected readonly position: string;
10
- protected readonly item: TuiPortalContext<TuiAlertOptions<I>, O>;
11
- protected readonly sub: import("rxjs").Subscription;
12
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlertComponent<any, any>, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiAlertComponent<any, any>, "tui-alert", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiAnimated; inputs: {}; outputs: {}; }]>;
14
- }
@@ -1,8 +0,0 @@
1
- import { type TuiAlertOptions } from './alert.interfaces';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@taiga-ui/cdk/portals";
4
- export declare class TuiAlert<T> {
5
- readonly tuiAlertOptions: import("@angular/core").InputSignal<Partial<TuiAlertOptions<T>>>;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlert<any>, never>;
7
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiAlert<any>, "ng-template[tuiAlert]", never, { "tuiAlertOptions": { "alias": "tuiAlertOptions"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.TuiPortalDirective; inputs: { "options": "tuiAlertOptions"; "open": "tuiAlert"; }; outputs: { "openChange": "tuiAlertChange"; }; }]>;
8
- }
@@ -1,14 +0,0 @@
1
- import { type TuiPopoverContext } from '@taiga-ui/cdk/services';
2
- import { type TuiHandler } from '@taiga-ui/cdk/types';
3
- import { type TuiNotificationOptions } from '@taiga-ui/core/components/notification';
4
- import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
5
- export interface TuiAlertOptions<I = undefined> extends Omit<TuiNotificationOptions, 'size'> {
6
- readonly autoClose: TuiHandler<string, number> | number;
7
- readonly data: I;
8
- readonly closable: boolean;
9
- readonly label: PolymorpheusContent<TuiAlertOptions<I>>;
10
- readonly position: 'bottom' | 'top';
11
- readonly orientation: 'center' | 'end' | 'start';
12
- }
13
- export interface TuiAlertContext<O = void, I = undefined> extends TuiPopoverContext<O>, TuiAlertOptions<I> {
14
- }
@@ -1,10 +0,0 @@
1
- import { TuiPortal } from '@taiga-ui/cdk/portals';
2
- import { TuiAlertComponent } from './alert.component';
3
- import { type TuiAlertOptions } from './alert.interfaces';
4
- import * as i0 from "@angular/core";
5
- export declare class TuiAlertService extends TuiPortal<TuiAlertOptions<any>> {
6
- protected readonly options: TuiAlertOptions<undefined>;
7
- protected readonly component: typeof TuiAlertComponent;
8
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlertService, never>;
9
- static ɵprov: i0.ɵɵInjectableDeclaration<TuiAlertService>;
10
- }
@@ -1,12 +0,0 @@
1
- import { type FactoryProvider, InjectionToken } from '@angular/core';
2
- import { BehaviorSubject } from 'rxjs';
3
- import { type TuiAlertOptions } from './alert.interfaces';
4
- export declare const TUI_ALERT_DEFAULT_OPTIONS: Omit<TuiAlertOptions, 'appearance' | 'icon'>;
5
- export declare const TUI_ALERT_OPTIONS: InjectionToken<TuiAlertOptions<undefined>>;
6
- export declare const TUI_ALERT_POSITION: InjectionToken<string>;
7
- export declare const TUI_ALERTS: InjectionToken<BehaviorSubject<readonly any[]>>;
8
- /**
9
- * Grouping alerts by their component
10
- */
11
- export declare const TUI_ALERTS_GROUPED: InjectionToken<import("rxjs").Observable<(readonly any[])[]>>;
12
- export declare function tuiAlertOptionsProvider(options: Partial<TuiAlertOptions>): FactoryProvider;
@@ -1,12 +0,0 @@
1
- import { Injector, type Type } from '@angular/core';
2
- import { type TuiMapper } from '@taiga-ui/cdk/types';
3
- import { identity } from 'rxjs';
4
- import * as i0 from "@angular/core";
5
- export declare class TuiAlerts {
6
- private readonly injector;
7
- protected readonly alerts$: import("rxjs").Observable<(readonly any[])[]>;
8
- protected readonly trackBy: typeof identity;
9
- protected readonly mapper: TuiMapper<[Type<any>], Injector>;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiAlerts, never>;
11
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiAlerts, "tui-alerts", never, {}, {}, never, never, true, never>;
12
- }
@@ -1,6 +0,0 @@
1
- export * from './alert.component';
2
- export * from './alert.directive';
3
- export type * from './alert.interfaces';
4
- export * from './alert.service';
5
- export * from './alert.tokens';
6
- export * from './alerts.component';
@@ -1,7 +0,0 @@
1
- import { type Provider, type Type } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class TuiDataListDirective {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiDataListDirective, never>;
5
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDataListDirective, "ng-template[tuiDataList]", never, {}, {}, never, never, true, never>;
6
- }
7
- export declare function tuiAsDataList(list: Type<TuiDataListDirective>): Provider;
@@ -1,16 +0,0 @@
1
- import { InjectionToken, type Provider, type TemplateRef, type Type } from '@angular/core';
2
- import { type TuiContext } from '@taiga-ui/cdk/types';
3
- import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
4
- import * as i0 from "@angular/core";
5
- /**
6
- * Content for tuiOption component
7
- */
8
- export declare const TUI_OPTION_CONTENT: InjectionToken<Type<any> | PolymorpheusContent<TuiContext<TemplateRef<Record<string, unknown>>>>>;
9
- export declare function tuiAsOptionContent(useValue: PolymorpheusContent<TuiContext<TemplateRef<Record<string, unknown>>>> | Type<any>): Provider;
10
- export declare class TuiWithOptionContent {
11
- protected readonly localContent: Type<any> | null;
12
- protected readonly globalContent: Type<any> | null;
13
- get content(): Type<any> | null;
14
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithOptionContent, never>;
15
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithOptionContent, never, never, {}, {}, ["localContent"], never, true, never>;
16
- }
@@ -1,24 +0,0 @@
1
- import { type OnDestroy, type TemplateRef } from '@angular/core';
2
- import { type TuiContext } from '@taiga-ui/cdk/types';
3
- import { type PolymorpheusContent } from '@taiga-ui/polymorpheus';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "@taiga-ui/core/directives/icons";
6
- /**
7
- * TODO(v5): delete
8
- * @deprecated use `<button tuiOption new />` / `<a tuiOption new /> / `<label tuiOption new /> instead
9
- */
10
- export declare class TuiOption<T = unknown> implements OnDestroy {
11
- private readonly isMobile;
12
- private readonly el;
13
- private readonly dataList;
14
- private readonly host;
15
- protected readonly content: PolymorpheusContent<TuiContext<TemplateRef<Record<string, unknown>>>>;
16
- protected readonly dropdown: import("@angular/core").WritableSignal<import("@angular/core").ComponentRef<unknown> | null> | undefined;
17
- disabled: boolean;
18
- value?: T;
19
- ngOnDestroy(): void;
20
- protected onClick(): void;
21
- protected onMouseMove(): void;
22
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiOption<any>, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiOption<any>, "button[tuiOption]:not([new]), a[tuiOption]:not([new]), label[tuiOption]:not([new])", never, { "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }]>;
24
- }
@@ -1,27 +0,0 @@
1
- import { type OnDestroy } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@taiga-ui/core/directives/icons";
4
- export declare class TuiOptionNew<T = unknown> implements OnDestroy {
5
- private readonly vcr;
6
- private readonly isMobile;
7
- private readonly el;
8
- private readonly dataList;
9
- private readonly content;
10
- private readonly ref;
11
- protected readonly dropdown: import("@angular/core").WritableSignal<import("@angular/core").ComponentRef<unknown> | null> | undefined;
12
- disabled: boolean;
13
- constructor();
14
- ngOnDestroy(): void;
15
- protected onMouseMove(): void;
16
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiOptionNew<any>, never>;
17
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiOptionNew<any>, "button[tuiOption][new], a[tuiOption][new], label[tuiOption][new]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.TuiWithIcons; inputs: {}; outputs: {}; }]>;
18
- }
19
- export declare class TuiOptionWithValue<T = unknown> {
20
- private readonly host;
21
- disabled: boolean;
22
- readonly value: import("@angular/core").WritableSignal<T | undefined>;
23
- set valueSetter(x: T);
24
- protected onClick(value?: T | undefined): void;
25
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiOptionWithValue<any>, never>;
26
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiOptionWithValue<any>, "button[tuiOption][value][new], a[tuiOption][value][new], label[tuiOption][value][new]", never, { "disabled": { "alias": "disabled"; "required": false; }; "valueSetter": { "alias": "value"; "required": true; }; }, {}, never, never, true, never>;
27
- }
@@ -1,11 +0,0 @@
1
- import { type OnDestroy, type OnInit } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@taiga-ui/cdk/directives/active-zone";
4
- export declare class TuiActiveZoneAdapter implements OnDestroy, OnInit {
5
- private readonly current;
6
- private readonly parent;
7
- ngOnInit(): void;
8
- ngOnDestroy(): void;
9
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiActiveZoneAdapter, never>;
10
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiActiveZoneAdapter, "[tuiActiveZoneAdapter]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiActiveZone; inputs: {}; outputs: {}; }]>;
11
- }
@@ -1,7 +0,0 @@
1
- import { TuiPopoverDirective } from '@taiga-ui/cdk/directives/popover';
2
- import { type TuiDialogOptions } from './dialog.options';
3
- import * as i0 from "@angular/core";
4
- export declare class TuiDialog<T> extends TuiPopoverDirective<TuiDialogOptions<T>> {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialog<any>, never>;
6
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDialog<any>, "ng-template[tuiDialog]", never, { "options": { "alias": "tuiDialogOptions"; "required": false; }; "open": { "alias": "tuiDialog"; "required": false; }; }, { "openChange": "tuiDialogChange"; }, never, never, true, never>;
7
- }
@@ -1,7 +0,0 @@
1
- import { TuiPopoverService } from '@taiga-ui/cdk/services';
2
- import { type TuiDialogOptions } from './dialog.options';
3
- import * as i0 from "@angular/core";
4
- export declare class TuiDialogService extends TuiPopoverService<TuiDialogOptions<any>> {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialogService, never>;
6
- static ɵprov: i0.ɵɵInjectableDeclaration<TuiDialogService>;
7
- }
@@ -1,8 +0,0 @@
1
- import { type Signal } from '@angular/core';
2
- import { type TuiPopover } from '@taiga-ui/cdk/services';
3
- import * as i0 from "@angular/core";
4
- export declare class TuiDialogs {
5
- protected readonly dialogs: Signal<ReadonlyArray<TuiPopover<any, any>>>;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiDialogs, never>;
7
- static ɵcmp: i0.ɵɵComponentDeclaration<TuiDialogs, "tui-dialogs", never, {}, {}, never, never, true, never>;
8
- }
@@ -1,17 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare const TUI_HEADER_OPTIONS: import("@angular/core").InjectionToken<{
3
- size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
4
- }>, tuiHeaderOptionsProvider: (item: Partial<{
5
- size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
6
- }> | (() => Partial<{
7
- size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
8
- }>)) => import("@angular/core").FactoryProvider;
9
- export declare class TuiHeader {
10
- protected readonly nothing: undefined;
11
- protected readonly options: {
12
- size: "" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
13
- };
14
- readonly tuiHeader: import("@angular/core").InputSignal<"" | "body-l" | "body-m" | "body-xl" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
15
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiHeader, never>;
16
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiHeader, "[tuiHeader]", never, { "tuiHeader": { "alias": "tuiHeader"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
17
- }
@@ -1 +0,0 @@
1
- export * from './header.directive';
@@ -1,38 +0,0 @@
1
- import { type OnChanges } from '@angular/core';
2
- import { NgControl } from '@angular/forms';
3
- import { type TuiItemsHandlers } from '@taiga-ui/core/directives/items-handlers';
4
- import { type TuiInteractiveState } from '@taiga-ui/core/types';
5
- import { TuiTextfieldComponent } from './textfield.component';
6
- import { type TuiTextfieldAccessor } from './textfield-accessor';
7
- import * as i0 from "@angular/core";
8
- import * as i1 from "@taiga-ui/cdk/directives/native-validator";
9
- import * as i2 from "@taiga-ui/core/directives/appearance";
10
- export declare class TuiTextfieldBase<T> implements OnChanges, TuiTextfieldAccessor<T> {
11
- private readonly focused;
12
- protected readonly control: NgControl | null;
13
- protected readonly a: import("@angular/core").WritableSignal<string>;
14
- protected readonly s: import("@angular/core").WritableSignal<TuiInteractiveState | null>;
15
- protected readonly m: import("@angular/core").WritableSignal<string | readonly string[] | null>;
16
- protected readonly f: import("@angular/core").Signal<boolean | null>;
17
- protected readonly el: HTMLInputElement;
18
- protected readonly handlers: TuiItemsHandlers<T>;
19
- protected readonly textfield: TuiTextfieldComponent<T>;
20
- readOnly: boolean;
21
- invalid: boolean | null;
22
- readonly value: import("@angular/core").WritableSignal<string>;
23
- set focusedSetter(focused: boolean | null);
24
- set stateSetter(state: TuiInteractiveState | null);
25
- get mode(): string | null;
26
- ngOnChanges(): void;
27
- setValue(value: T | null): void;
28
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldBase<any>, never>;
29
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextfieldBase<any>, never, never, { "readOnly": { "alias": "readOnly"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "focusedSetter": { "alias": "focused"; "required": false; }; "stateSetter": { "alias": "state"; "required": false; }; }, {}, never, never, true, never>;
30
- }
31
- export declare class TuiTextfieldDirective<T> extends TuiTextfieldBase<T> {
32
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiTextfieldDirective<any>, never>;
33
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiTextfieldDirective<any>, "input[tuiTextfield]", never, {}, {}, never, never, true, [{ directive: typeof i1.TuiNativeValidator; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiAppearance; inputs: {}; outputs: {}; }]>;
34
- }
35
- export declare class TuiWithTextfield {
36
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiWithTextfield, never>;
37
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiWithTextfield, never, never, {}, {}, never, never, true, [{ directive: typeof TuiTextfieldDirective; inputs: { "invalid": "invalid"; "focused": "focused"; "readOnly": "readOnly"; "state": "state"; }; outputs: {}; }]>;
38
- }
@@ -1,12 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- /**
3
- * @deprecated TODO: remove in v.5 when legacy controls are dropped
4
- */
5
- export declare class TuiDropdownOpenLegacy {
6
- private readonly openStateSub;
7
- readonly tuiDropdownOpenChange: import("rxjs").Observable<boolean>;
8
- set tuiDropdownOpen(open: boolean);
9
- emitOpenChange(open: boolean): void;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownOpenLegacy, never>;
11
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownOpenLegacy, "[tuiDropdownOpen]:not([tuiDropdown]),[tuiDropdownOpenChange]:not([tuiDropdown])", never, { "tuiDropdownOpen": { "alias": "tuiDropdownOpen"; "required": false; }; }, { "tuiDropdownOpenChange": "tuiDropdownOpenChange"; }, never, never, true, never>;
12
- }
@@ -1,33 +0,0 @@
1
- import { EventEmitter, type OnChanges } from '@angular/core';
2
- import { TuiDropdownDriver } from './dropdown.driver';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@taiga-ui/cdk/directives/obscured";
5
- import * as i2 from "@taiga-ui/cdk/directives/active-zone";
6
- export declare class TuiDropdownOpen implements OnChanges {
7
- private readonly dropdownHost?;
8
- private readonly directive;
9
- private readonly el;
10
- private readonly obscured;
11
- private readonly activeZone;
12
- private readonly dropdown;
13
- tuiDropdownEnabled: boolean;
14
- tuiDropdownOpen: boolean | '';
15
- readonly tuiDropdownOpenChange: EventEmitter<boolean>;
16
- readonly driver: TuiDropdownDriver;
17
- readonly sub: import("rxjs").Subscription;
18
- readonly sync: import("rxjs").Subscription;
19
- ngOnChanges(): void;
20
- toggle(open: boolean): void;
21
- protected onEsc(event: KeyboardEvent): void;
22
- protected onClick(target: HTMLElement): void;
23
- protected onArrow(event: KeyboardEvent, up: boolean): void;
24
- protected onKeydown(event: KeyboardEvent): void;
25
- private get host();
26
- private get editable();
27
- private get focused();
28
- private update;
29
- private drive;
30
- private focusDropdown;
31
- static ɵfac: i0.ɵɵFactoryDeclaration<TuiDropdownOpen, never>;
32
- static ɵdir: i0.ɵɵDirectiveDeclaration<TuiDropdownOpen, "[tuiDropdown][tuiDropdownOpen],[tuiDropdown][tuiDropdownOpenChange]", never, { "tuiDropdownEnabled": { "alias": "tuiDropdownEnabled"; "required": false; }; "tuiDropdownOpen": { "alias": "tuiDropdownOpen"; "required": false; }; }, { "tuiDropdownOpenChange": "tuiDropdownOpenChange"; }, ["dropdownHost"], never, true, [{ directive: typeof i1.TuiObscured; inputs: {}; outputs: {}; }, { directive: typeof i2.TuiActiveZone; inputs: { "tuiActiveZoneParent": "tuiActiveZoneParent"; }; outputs: { "tuiActiveZoneChange": "tuiActiveZoneChange"; }; }]>;
33
- }