@taiga-ui/cdk 4.0.0-rc.2 → 4.0.0-rc.3

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 (186) hide show
  1. package/classes/control.d.ts +1 -1
  2. package/constants/used-icons.d.ts +1 -1
  3. package/constants/version.d.ts +1 -1
  4. package/constants/version.js +1 -1
  5. package/directives/auto-focus/autofocus.options.d.ts +1 -1
  6. package/directives/for/for.directive.d.ts +3 -3
  7. package/directives/platform/platform.directive.d.ts +1 -1
  8. package/directives/value-changes/value-changes.directive.d.ts +3 -3
  9. package/esm2022/classes/control.mjs +2 -2
  10. package/esm2022/constants/used-icons.mjs +5 -5
  11. package/esm2022/constants/version.mjs +2 -2
  12. package/esm2022/directives/active-zone/active-zone.directive.mjs +2 -2
  13. package/esm2022/directives/auto-focus/handlers/ios.handler.mjs +3 -3
  14. package/esm2022/directives/click-outside/click-outside.directive.mjs +2 -2
  15. package/esm2022/directives/droppable/droppable.directive.mjs +3 -3
  16. package/esm2022/directives/for/for.directive.mjs +6 -6
  17. package/esm2022/directives/hovered/hovered.service.mjs +2 -2
  18. package/esm2022/directives/obscured/obscured.directive.mjs +2 -2
  19. package/esm2022/directives/obscured/obscured.service.mjs +2 -2
  20. package/esm2022/directives/pan/pan.service.mjs +2 -2
  21. package/esm2022/directives/platform/platform.directive.mjs +6 -6
  22. package/esm2022/directives/swipe/swipe.service.mjs +2 -2
  23. package/esm2022/directives/value-changes/value-changes.directive.mjs +6 -6
  24. package/esm2022/directives/zoom/zoom.service.mjs +4 -4
  25. package/esm2022/observables/control-value.mjs +2 -2
  26. package/esm2022/observables/drag-and-drop-from.mjs +2 -2
  27. package/esm2022/observables/events.mjs +3 -3
  28. package/esm2022/observables/if-map.mjs +2 -2
  29. package/esm2022/observables/must-be-present.mjs +2 -2
  30. package/esm2022/observables/zone.mjs +4 -4
  31. package/esm2022/pipes/filter/filter.pipe.mjs +2 -2
  32. package/esm2022/services/popover.service.mjs +3 -3
  33. package/esm2022/services/scroll.service.mjs +2 -2
  34. package/esm2022/services/static-request.service.mjs +1 -1
  35. package/esm2022/tokens/active-element.mjs +3 -3
  36. package/esm2022/tokens/removed-element.mjs +2 -2
  37. package/esm2022/utils/color/get-gradient-data.mjs +6 -0
  38. package/esm2022/utils/color/hex-to-rgb.mjs +2 -2
  39. package/esm2022/utils/color/index.mjs +3 -1
  40. package/esm2022/utils/color/parse-color.mjs +3 -3
  41. package/esm2022/utils/color/parse-gradient.mjs +70 -0
  42. package/esm2022/utils/color/rgb-to-hex.mjs +2 -2
  43. package/esm2022/utils/dom/get-element-obscurers.mjs +2 -2
  44. package/esm2022/utils/dom/get-element-point.mjs +6 -0
  45. package/esm2022/utils/dom/index.mjs +2 -1
  46. package/esm2022/utils/miscellaneous/mark-control-as-touched-and-validate.mjs +3 -3
  47. package/esm2022/utils/miscellaneous/with-styles.mjs +2 -2
  48. package/fesm2022/taiga-ui-cdk-classes.mjs +1 -1
  49. package/fesm2022/taiga-ui-cdk-classes.mjs.map +1 -1
  50. package/fesm2022/taiga-ui-cdk-constants.mjs +5 -5
  51. package/fesm2022/taiga-ui-cdk-constants.mjs.map +1 -1
  52. package/fesm2022/taiga-ui-cdk-directives-active-zone.mjs +1 -1
  53. package/fesm2022/taiga-ui-cdk-directives-active-zone.mjs.map +1 -1
  54. package/fesm2022/taiga-ui-cdk-directives-auto-focus.mjs +2 -2
  55. package/fesm2022/taiga-ui-cdk-directives-auto-focus.mjs.map +1 -1
  56. package/fesm2022/taiga-ui-cdk-directives-click-outside.mjs +1 -1
  57. package/fesm2022/taiga-ui-cdk-directives-click-outside.mjs.map +1 -1
  58. package/fesm2022/taiga-ui-cdk-directives-droppable.mjs +2 -2
  59. package/fesm2022/taiga-ui-cdk-directives-droppable.mjs.map +1 -1
  60. package/fesm2022/taiga-ui-cdk-directives-for.mjs +5 -5
  61. package/fesm2022/taiga-ui-cdk-directives-for.mjs.map +1 -1
  62. package/fesm2022/taiga-ui-cdk-directives-hovered.mjs +1 -1
  63. package/fesm2022/taiga-ui-cdk-directives-hovered.mjs.map +1 -1
  64. package/fesm2022/taiga-ui-cdk-directives-obscured.mjs +2 -2
  65. package/fesm2022/taiga-ui-cdk-directives-obscured.mjs.map +1 -1
  66. package/fesm2022/taiga-ui-cdk-directives-pan.mjs +1 -1
  67. package/fesm2022/taiga-ui-cdk-directives-pan.mjs.map +1 -1
  68. package/fesm2022/taiga-ui-cdk-directives-platform.mjs +5 -5
  69. package/fesm2022/taiga-ui-cdk-directives-platform.mjs.map +1 -1
  70. package/fesm2022/taiga-ui-cdk-directives-swipe.mjs +1 -1
  71. package/fesm2022/taiga-ui-cdk-directives-swipe.mjs.map +1 -1
  72. package/fesm2022/taiga-ui-cdk-directives-value-changes.mjs +5 -5
  73. package/fesm2022/taiga-ui-cdk-directives-value-changes.mjs.map +1 -1
  74. package/fesm2022/taiga-ui-cdk-directives-zoom.mjs +3 -3
  75. package/fesm2022/taiga-ui-cdk-directives-zoom.mjs.map +1 -1
  76. package/fesm2022/taiga-ui-cdk-observables.mjs +9 -9
  77. package/fesm2022/taiga-ui-cdk-observables.mjs.map +1 -1
  78. package/fesm2022/taiga-ui-cdk-pipes-filter.mjs +1 -1
  79. package/fesm2022/taiga-ui-cdk-pipes-filter.mjs.map +1 -1
  80. package/fesm2022/taiga-ui-cdk-services.mjs +3 -3
  81. package/fesm2022/taiga-ui-cdk-services.mjs.map +1 -1
  82. package/fesm2022/taiga-ui-cdk-tokens.mjs +3 -3
  83. package/fesm2022/taiga-ui-cdk-tokens.mjs.map +1 -1
  84. package/fesm2022/taiga-ui-cdk-utils-color.mjs +80 -5
  85. package/fesm2022/taiga-ui-cdk-utils-color.mjs.map +1 -1
  86. package/fesm2022/taiga-ui-cdk-utils-dom.mjs +7 -2
  87. package/fesm2022/taiga-ui-cdk-utils-dom.mjs.map +1 -1
  88. package/fesm2022/taiga-ui-cdk-utils-miscellaneous.mjs +3 -3
  89. package/fesm2022/taiga-ui-cdk-utils-miscellaneous.mjs.map +1 -1
  90. package/package.json +67 -357
  91. package/schematics/ng-add/index.js +1 -1
  92. package/schematics/ng-add/steps/add-taiga-icons.js +1 -1
  93. package/schematics/ng-add/steps/add-taiga-modules.js +3 -3
  94. package/schematics/ng-update/steps/icons/replace-imports.js +5 -5
  95. package/schematics/ng-update/steps/index.d.ts +1 -0
  96. package/schematics/ng-update/steps/index.js +1 -0
  97. package/schematics/ng-update/steps/remove-module.js +2 -2
  98. package/schematics/ng-update/steps/rename-types.js +2 -2
  99. package/schematics/ng-update/steps/replace-deep-import.js +2 -2
  100. package/schematics/ng-update/steps/replace-enums.js +2 -2
  101. package/schematics/ng-update/steps/replace-identifier.js +1 -1
  102. package/schematics/ng-update/steps/replace-package-name.d.ts +5 -0
  103. package/schematics/ng-update/steps/replace-package-name.js +19 -0
  104. package/schematics/ng-update/steps/replace-services.js +5 -5
  105. package/schematics/ng-update/steps/show-warnings.js +4 -4
  106. package/schematics/ng-update/utils/replace-text.js +1 -1
  107. package/schematics/ng-update/utils/templates/replace-attr-values.js +3 -3
  108. package/schematics/ng-update/utils/templates/replace-attrs.js +1 -1
  109. package/schematics/ng-update/utils/templates/template-comments.js +4 -2
  110. package/schematics/ng-update/v3/constants/templates.js +9 -9
  111. package/schematics/ng-update/v3/index.js +1 -1
  112. package/schematics/ng-update/v3/steps/migrate-date-time.js +10 -10
  113. package/schematics/ng-update/v3/steps/migrate-polymorpheus.js +8 -8
  114. package/schematics/ng-update/v3/steps/migrate-progress.js +4 -4
  115. package/schematics/ng-update/v3/steps/migrate-sliders/migrate-input-range.js +3 -3
  116. package/schematics/ng-update/v3/steps/migrate-sliders/migrate-input-slider.js +4 -4
  117. package/schematics/ng-update/v3/steps/migrate-taiga-proprietary-icons.js +2 -2
  118. package/schematics/ng-update/v3/steps/migrate-templates.js +16 -16
  119. package/schematics/ng-update/v3/steps/migrate-textfield-controller.js +8 -8
  120. package/schematics/ng-update/v3/steps/miscellaneous.js +5 -5
  121. package/schematics/ng-update/v3/steps/replace-functions.js +12 -12
  122. package/schematics/ng-update/v3/steps/replace-styles.js +2 -2
  123. package/schematics/ng-update/v3-36/index.js +7 -17
  124. package/schematics/ng-update/v3-40/index.js +1 -1
  125. package/schematics/ng-update/v3-5/steps/migrate-expand-templates.js +4 -4
  126. package/schematics/ng-update/v4/index.js +9 -6
  127. package/schematics/ng-update/v4/migrate-css-vars/palette.d.ts +11 -2
  128. package/schematics/ng-update/v4/migrate-css-vars/palette.js +18 -8
  129. package/schematics/ng-update/v4/migrate-css-vars/rename-css-vars.js +10 -2
  130. package/schematics/ng-update/v4/migrate-icons/index.js +8 -6
  131. package/schematics/ng-update/v4/migrate-icons/rename-icons.js +2 -2
  132. package/schematics/ng-update/v4/migrate-icons/rename-proprietary-icons.d.ts +2 -0
  133. package/schematics/ng-update/v4/migrate-icons/rename-proprietary-icons.js +66 -0
  134. package/schematics/ng-update/v4/steps/constants/attr-to-directive-replace.js +2 -2
  135. package/schematics/ng-update/v4/steps/constants/attr-with-values-to-replace.js +9 -1
  136. package/schematics/ng-update/v4/steps/constants/attrs-to-replace.js +10 -9
  137. package/schematics/ng-update/v4/steps/constants/enums.js +31 -0
  138. package/schematics/ng-update/v4/steps/constants/html-comments.js +10 -0
  139. package/schematics/ng-update/v4/steps/constants/identifiers-to-replace.js +180 -118
  140. package/schematics/ng-update/v4/steps/constants/inputs-to-remove.js +1 -1
  141. package/schematics/ng-update/v4/steps/constants/migration-warnings.js +5 -0
  142. package/schematics/ng-update/v4/steps/constants/modules-to-remove.js +8 -0
  143. package/schematics/ng-update/v4/steps/constants/modules-to-replace.d.ts +12 -0
  144. package/schematics/ng-update/v4/steps/constants/modules-to-replace.js +15 -0
  145. package/schematics/ng-update/v4/steps/constants/tags-to-replace.js +5 -4
  146. package/schematics/ng-update/v4/steps/constants/types.js +6 -0
  147. package/schematics/ng-update/v4/steps/index.d.ts +4 -0
  148. package/schematics/ng-update/v4/steps/index.js +4 -0
  149. package/schematics/ng-update/v4/steps/migrate-all-country-iso-codes.js +1 -1
  150. package/schematics/ng-update/v4/steps/migrate-destroy-service.js +7 -4
  151. package/schematics/ng-update/v4/steps/migrate-legacy-mask.js +2 -2
  152. package/schematics/ng-update/v4/steps/migrate-option-providers.js +2 -2
  153. package/schematics/ng-update/v4/steps/migrate-proprietary.js +3 -3
  154. package/schematics/ng-update/v4/steps/migrate-styles.js +1 -1
  155. package/schematics/ng-update/v4/steps/migrate-templates.js +1 -1
  156. package/schematics/ng-update/v4/steps/templates/migrate-avatar.js +24 -6
  157. package/schematics/ng-update/v4/steps/templates/migrate-badge.js +4 -4
  158. package/schematics/ng-update/v4/steps/templates/migrate-expandable.js +2 -2
  159. package/schematics/ng-update/v4/steps/templates/migrate-focusable.js +1 -1
  160. package/schematics/ng-update/v4/steps/templates/migrate-labeled.js +1 -3
  161. package/schematics/ng-update/v4/steps/templates/migrate-money.js +1 -1
  162. package/schematics/ng-update/v4/steps/templates/migrate-thumbnail-card.js +1 -1
  163. package/schematics/ng-update/v4/steps/templates/toggles/common.d.ts +1 -1
  164. package/schematics/ng-update/v4/steps/templates/toggles/common.js +3 -3
  165. package/schematics/ng-update/v4/steps/update-packages.d.ts +4 -0
  166. package/schematics/ng-update/v4/steps/update-packages.js +31 -0
  167. package/schematics/ng-update/v4/steps/utils/remove-attrs.js +1 -1
  168. package/schematics/ng-update/v4/steps/utils/replace-modules-with-providers.d.ts +13 -0
  169. package/schematics/ng-update/v4/steps/utils/replace-modules-with-providers.js +47 -0
  170. package/schematics/ng-update/v4/steps/utils/replace-substrings.js +1 -1
  171. package/schematics/ng-update/v4/tests/migrate-destroy-service/utils.js +1 -0
  172. package/schematics/utils/add-unique-import.js +1 -1
  173. package/schematics/utils/angular-json-manipulations.js +4 -4
  174. package/schematics/utils/get-named-import-references.js +4 -4
  175. package/schematics/utils/get-standalone-bootstrap-function.js +2 -2
  176. package/schematics/utils/import-manipulations.js +1 -1
  177. package/schematics/utils/push-to-array-property.js +1 -1
  178. package/schematics/utils/templates/elements.js +16 -13
  179. package/schematics/utils/templates/get-component-templates.js +1 -1
  180. package/schematics/utils/templates/inputs.js +1 -1
  181. package/schematics/utils/templates/ng-component-input-manipulations.js +5 -5
  182. package/utils/color/get-gradient-data.d.ts +1 -0
  183. package/utils/color/index.d.ts +2 -0
  184. package/utils/color/parse-gradient.d.ts +10 -0
  185. package/utils/dom/get-element-point.d.ts +2 -0
  186. package/utils/dom/index.d.ts +1 -0
@@ -41,7 +41,7 @@ exports.ATTRS_TO_DIRECTIVE_REPLACE = [
41
41
  },
42
42
  {
43
43
  componentSelector: ['a', 'button'],
44
- filterFn: el => (0, elements_1.hasElementAttribute)(el, 'tuiLink'),
44
+ filterFn: (el) => (0, elements_1.hasElementAttribute)(el, 'tuiLink'),
45
45
  inputProperty: 'iconRotated',
46
46
  directive: 'tuiChevron',
47
47
  directiveModule: {
@@ -57,6 +57,6 @@ exports.ATTRS_TO_DIRECTIVE_REPLACE = [
57
57
  name: 'TuiButtonLoading',
58
58
  moduleSpecifier: '@taiga-ui/kit',
59
59
  },
60
- filterFn: el => (0, elements_1.hasElementAttribute)(el, 'tuiButton'),
60
+ filterFn: (el) => (0, elements_1.hasElementAttribute)(el, 'tuiButton'),
61
61
  },
62
62
  ];
@@ -8,6 +8,14 @@ exports.ATTR_WITH_VALUES_TO_REPLACE = [
8
8
  newAttrName: '[style.border-radius.%]',
9
9
  values: [{ from: 'rounded', to: '100' }],
10
10
  withTagNames: ['button'],
11
- filterFn: el => (0, elements_1.hasElementAttribute)(el, 'tuiButton'),
11
+ filterFn: (el) => (0, elements_1.hasElementAttribute)(el, 'tuiButton'),
12
+ },
13
+ {
14
+ attrNames: ['tuiMode'],
15
+ newAttrName: 'tuiTheme',
16
+ values: [
17
+ { from: 'onDark', to: 'dark' },
18
+ { from: 'onLight', to: 'light' },
19
+ ],
12
20
  },
13
21
  ];
@@ -8,14 +8,14 @@ exports.ATTRS_TO_REPLACE = [
8
8
  attrName: 'brandLogo',
9
9
  withTagNames: ['tui-card', 'tui-thumbnail-card'],
10
10
  },
11
- to: { attrName: 'iconLeft' },
11
+ to: { attrName: 'iconStart' },
12
12
  },
13
13
  {
14
14
  from: {
15
15
  attrName: '[brandLogo]',
16
16
  withTagNames: ['tui-card', 'tui-thumbnail-card'],
17
17
  },
18
- to: { attrName: '[iconLeft]' },
18
+ to: { attrName: '[iconStart]' },
19
19
  },
20
20
  {
21
21
  from: {
@@ -169,34 +169,35 @@ exports.ATTRS_TO_REPLACE = [
169
169
  attrName: 'icon',
170
170
  withAttrsNames: ['tuiButton'],
171
171
  },
172
- to: { attrName: 'iconLeft' },
172
+ to: { attrName: 'iconStart' },
173
173
  },
174
174
  {
175
175
  from: {
176
176
  attrName: '[icon]',
177
177
  withAttrsNames: ['tuiButton'],
178
178
  },
179
- to: { attrName: '[iconLeft]' },
179
+ to: { attrName: '[iconStart]' },
180
180
  },
181
181
  {
182
182
  from: {
183
183
  attrName: 'icon',
184
184
  withAttrsNames: ['tuiLink'],
185
- filterFn: element => {
185
+ filterFn: (element) => {
186
186
  var _a;
187
187
  return !(0, elements_1.hasElementAttribute)(element, 'iconAlign') ||
188
- ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'right';
188
+ ((_a = element.attrs.find((attr) => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) ===
189
+ 'right';
189
190
  },
190
191
  },
191
- to: { attrName: 'iconRight' },
192
+ to: { attrName: 'iconEnd' },
192
193
  },
193
194
  {
194
195
  from: {
195
196
  attrName: 'icon',
196
197
  withAttrsNames: ['tuiLink'],
197
- filterFn: element => { var _a; return ((_a = element.attrs.find(attr => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'left'; },
198
+ filterFn: (element) => { var _a; return ((_a = element.attrs.find((attr) => attr.name === 'iconalign')) === null || _a === void 0 ? void 0 : _a.value) === 'left'; },
198
199
  },
199
- to: { attrName: 'iconLeft' },
200
+ to: { attrName: 'iconStart' },
200
201
  },
201
202
  {
202
203
  from: {
@@ -12,6 +12,37 @@ exports.ENUMS_TO_REPLACE = [
12
12
  },
13
13
  keepAsType: true,
14
14
  },
15
+ {
16
+ name: 'TuiNotification',
17
+ replaceValues: {
18
+ Error: 'error',
19
+ Info: 'info',
20
+ Success: 'success',
21
+ Warning: 'warning',
22
+ },
23
+ keepAsType: false,
24
+ },
25
+ {
26
+ name: 'TuiCard',
27
+ replaceValues: {
28
+ TinkoffAirlines: 't-airlines',
29
+ TinkoffAirlinesCredit: 't-airlines-credit',
30
+ TinkoffBlack: 't-black',
31
+ TinkoffBusiness: 't-business',
32
+ TinkoffJunior: 't-junior',
33
+ TinkoffPlatinum: 't-platinum',
34
+ },
35
+ keepAsType: true,
36
+ },
37
+ {
38
+ name: 'TuiTimelineStatus',
39
+ replaceValues: {
40
+ Completed: 'completed',
41
+ Declined: 'declined',
42
+ Normal: 'normal',
43
+ },
44
+ keepAsType: false,
45
+ },
15
46
  {
16
47
  name: 'TuiCountryIsoCode',
17
48
  replaceValues: {
@@ -37,4 +37,14 @@ exports.HTML_COMMENTS = [
37
37
  withAttrs: ['[shape]'],
38
38
  comment: '[shape] input has been removed. Please use border-radius css property for rounding borders https://taiga-ui.dev/components/button',
39
39
  },
40
+ {
41
+ tag: '*',
42
+ withAttrs: ['tuiMode'],
43
+ comment: 'TuiMode has been removed. Please use tuiTheme attribute to set theme https://taiga-ui.dev/directives/theme',
44
+ },
45
+ {
46
+ tag: 'tui-theme-night',
47
+ withAttrs: [],
48
+ comment: 'TuiThemeNight has been removed. Please use tuiTheme attribute to set theme https://taiga-ui.dev/directives/theme',
49
+ },
40
50
  ];