@progress/kendo-angular-inputs 17.0.0-develop.9 → 17.0.1-develop.1

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 (237) hide show
  1. package/checkbox/checkbox.component.d.ts +1 -1
  2. package/checkbox/checkbox.directive.d.ts +1 -1
  3. package/checkbox/checked-state.d.ts +1 -1
  4. package/colorpicker/color-contrast-svg.component.d.ts +1 -1
  5. package/colorpicker/color-gradient-numeric-label.directive.d.ts +1 -1
  6. package/colorpicker/color-gradient.component.d.ts +1 -1
  7. package/colorpicker/color-input.component.d.ts +1 -1
  8. package/colorpicker/color-palette.component.d.ts +1 -1
  9. package/colorpicker/colorpicker.component.d.ts +1 -1
  10. package/colorpicker/contrast-validation.component.d.ts +1 -1
  11. package/colorpicker/contrast.component.d.ts +1 -1
  12. package/colorpicker/flatcolorpicker-actions.component.d.ts +1 -1
  13. package/colorpicker/flatcolorpicker-header.component.d.ts +1 -1
  14. package/colorpicker/flatcolorpicker.component.d.ts +1 -1
  15. package/colorpicker/localization/messages.d.ts +1 -1
  16. package/colorpicker/models/actions-layout.d.ts +1 -1
  17. package/colorpicker/models/colorpicker-view.d.ts +1 -1
  18. package/colorpicker/models/output-format.d.ts +1 -1
  19. package/common/models/fillmode.d.ts +1 -1
  20. package/common/models/rounded.d.ts +2 -2
  21. package/common/models/size.d.ts +1 -1
  22. package/common/models/type.d.ts +1 -1
  23. package/common/radio-checkbox.base.d.ts +1 -1
  24. package/common/utils.d.ts +1 -1
  25. package/{esm2020 → esm2022}/checkbox/checkbox.component.mjs +49 -44
  26. package/{esm2020 → esm2022}/checkbox/checkbox.directive.mjs +12 -10
  27. package/{esm2020 → esm2022}/checkbox.module.mjs +4 -4
  28. package/{esm2020 → esm2022}/colorpicker/color-contrast-svg.component.mjs +13 -7
  29. package/{esm2020 → esm2022}/colorpicker/color-gradient-numeric-label.directive.mjs +6 -3
  30. package/{esm2020 → esm2022}/colorpicker/color-gradient.component.mjs +142 -125
  31. package/{esm2020 → esm2022}/colorpicker/color-input.component.mjs +69 -49
  32. package/{esm2020 → esm2022}/colorpicker/color-palette.component.mjs +129 -98
  33. package/{esm2020 → esm2022}/colorpicker/colorpicker.component.mjs +211 -158
  34. package/{esm2020 → esm2022}/colorpicker/contrast-validation.component.mjs +10 -6
  35. package/{esm2020 → esm2022}/colorpicker/contrast.component.mjs +9 -6
  36. package/{esm2020 → esm2022}/colorpicker/events/active-color-click-event.mjs +2 -1
  37. package/{esm2020 → esm2022}/colorpicker/events/cancel-event.mjs +4 -0
  38. package/{esm2020 → esm2022}/colorpicker/flatcolorpicker-actions.component.mjs +11 -8
  39. package/{esm2020 → esm2022}/colorpicker/flatcolorpicker-header.component.mjs +23 -13
  40. package/{esm2020 → esm2022}/colorpicker/flatcolorpicker.component.mjs +155 -127
  41. package/{esm2020 → esm2022}/colorpicker/localization/colorgradient-localization.service.mjs +4 -3
  42. package/{esm2020 → esm2022}/colorpicker/localization/colorpalette-localization.service.mjs +4 -3
  43. package/{esm2020 → esm2022}/colorpicker/localization/colorpicker-localization.service.mjs +3 -3
  44. package/{esm2020 → esm2022}/colorpicker/localization/custom-messages.component.mjs +9 -8
  45. package/{esm2020 → esm2022}/colorpicker/localization/flatcolorpicker-localization.service.mjs +4 -3
  46. package/{esm2020 → esm2022}/colorpicker/localization/localized-colorpicker-messages.directive.mjs +9 -8
  47. package/esm2022/colorpicker/localization/messages.mjs +183 -0
  48. package/{esm2020 → esm2022}/colorpicker/services/color-palette.service.mjs +4 -6
  49. package/{esm2020 → esm2022}/colorpicker/services/flatcolorpicker.service.mjs +3 -3
  50. package/{esm2020 → esm2022}/colorpicker.module.mjs +4 -4
  51. package/{esm2020 → esm2022}/common/radio-checkbox.base.mjs +80 -56
  52. package/{esm2020 → esm2022}/formfield/error.component.mjs +18 -20
  53. package/{esm2020 → esm2022}/formfield/formfield.component.mjs +67 -55
  54. package/{esm2020 → esm2022}/formfield/hint.component.mjs +17 -19
  55. package/{esm2020 → esm2022}/formfield.module.mjs +4 -4
  56. package/{esm2020 → esm2022}/index.mjs +0 -1
  57. package/esm2022/inputs.module.mjs +96 -0
  58. package/{esm2020 → esm2022}/maskedtextbox/maskedtextbox.component.mjs +263 -223
  59. package/{esm2020 → esm2022}/maskedtextbox/masking.service.mjs +12 -14
  60. package/{esm2020 → esm2022}/maskedtextbox/parsing/parsers.mjs +1 -0
  61. package/{esm2020 → esm2022}/maskedtextbox/parsing/result.mjs +3 -0
  62. package/{esm2020 → esm2022}/maskedtextbox/parsing/stream.mjs +4 -2
  63. package/{esm2020 → esm2022}/maskedtextbox.module.mjs +7 -7
  64. package/{esm2020 → esm2022}/numerictextbox/localization/custom-messages.component.mjs +9 -8
  65. package/{esm2020 → esm2022}/numerictextbox/localization/localized-numerictextbox-messages.directive.mjs +9 -8
  66. package/{esm2020 → esm2022}/numerictextbox/localization/messages.mjs +11 -3
  67. package/{esm2020 → esm2022}/numerictextbox/numerictextbox.component.mjs +367 -319
  68. package/{esm2020 → esm2022}/numerictextbox.module.mjs +7 -7
  69. package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
  70. package/{esm2020 → esm2022}/radiobutton/radiobutton.component.mjs +58 -51
  71. package/{esm2020 → esm2022}/radiobutton/radiobutton.directive.mjs +12 -10
  72. package/{esm2020 → esm2022}/radiobutton.module.mjs +4 -4
  73. package/{esm2020 → esm2022}/rangeslider/localization/custom-messages.component.mjs +9 -8
  74. package/{esm2020 → esm2022}/rangeslider/localization/localized-rangeslider-messages.directive.mjs +9 -8
  75. package/{esm2020 → esm2022}/rangeslider/localization/messages.mjs +11 -3
  76. package/{esm2020 → esm2022}/rangeslider/rangeslider-model.mjs +2 -0
  77. package/{esm2020 → esm2022}/rangeslider/rangeslider.component.mjs +117 -101
  78. package/{esm2020 → esm2022}/rangeslider.module.mjs +4 -4
  79. package/{esm2020 → esm2022}/rating/directives/rating-hovered-item.directive.mjs +4 -3
  80. package/{esm2020 → esm2022}/rating/directives/rating-item.directive.mjs +4 -3
  81. package/{esm2020 → esm2022}/rating/directives/rating-selected-item.directive.mjs +4 -3
  82. package/{esm2020 → esm2022}/rating/rating.component.mjs +96 -76
  83. package/{esm2020 → esm2022}/rating.module.mjs +4 -4
  84. package/{esm2020 → esm2022}/shared/input-separator.component.mjs +10 -12
  85. package/{esm2020 → esm2022}/shared/shared-events.directive.mjs +13 -7
  86. package/{esm2020 → esm2022}/shared/textarea.directive.mjs +66 -52
  87. package/{esm2020 → esm2022}/signature/localization/custom-messages.component.mjs +9 -8
  88. package/{esm2020 → esm2022}/signature/localization/localized-signature-messages.directive.mjs +9 -8
  89. package/{esm2020 → esm2022}/signature/localization/messages.mjs +19 -3
  90. package/{esm2020 → esm2022}/signature/signature.component.mjs +205 -151
  91. package/{esm2020 → esm2022}/signature.module.mjs +4 -4
  92. package/{esm2020 → esm2022}/slider/localization/custom-messages.component.mjs +9 -8
  93. package/{esm2020 → esm2022}/slider/localization/localized-slider-messages.directive.mjs +9 -8
  94. package/{esm2020 → esm2022}/slider/localization/messages.mjs +15 -3
  95. package/{esm2020 → esm2022}/slider/slider-model.mjs +1 -0
  96. package/{esm2020 → esm2022}/slider/slider.component.mjs +121 -99
  97. package/{esm2020 → esm2022}/slider.module.mjs +4 -4
  98. package/{esm2020 → esm2022}/sliders-common/label-template.directive.mjs +4 -3
  99. package/{esm2020 → esm2022}/sliders-common/slider-base.mjs +112 -90
  100. package/{esm2020 → esm2022}/sliders-common/slider-model.base.mjs +6 -0
  101. package/{esm2020 → esm2022}/sliders-common/slider-ticks.component.mjs +19 -11
  102. package/{esm2020 → esm2022}/switch/events/blur-event.mjs +4 -0
  103. package/{esm2020 → esm2022}/switch/events/focus-event.mjs +4 -0
  104. package/{esm2020 → esm2022}/switch/localization/custom-messages.component.mjs +9 -8
  105. package/{esm2020 → esm2022}/switch/localization/localized-switch-messages.directive.mjs +9 -8
  106. package/{esm2020 → esm2022}/switch/localization/messages.mjs +11 -3
  107. package/{esm2020 → esm2022}/switch/switch.component.mjs +125 -106
  108. package/{esm2020 → esm2022}/switch.module.mjs +4 -4
  109. package/esm2022/text-fields-common/text-fields-base.mjs +150 -0
  110. package/{esm2020 → esm2022}/textarea/textarea-prefix.component.mjs +12 -14
  111. package/{esm2020 → esm2022}/textarea/textarea-suffix.component.mjs +12 -14
  112. package/{esm2020 → esm2022}/textarea/textarea.component.mjs +173 -144
  113. package/{esm2020 → esm2022}/textarea.module.mjs +7 -7
  114. package/{esm2020 → esm2022}/textbox/localization/custom-messages.component.mjs +9 -8
  115. package/{esm2020 → esm2022}/textbox/localization/localized-textbox-messages.directive.mjs +9 -8
  116. package/{esm2020 → esm2022}/textbox/localization/messages.mjs +7 -3
  117. package/{esm2020 → esm2022}/textbox/textbox-prefix.directive.mjs +8 -7
  118. package/{esm2020 → esm2022}/textbox/textbox-suffix.directive.mjs +8 -7
  119. package/{esm2020 → esm2022}/textbox/textbox.component.mjs +286 -204
  120. package/{esm2020 → esm2022}/textbox/textbox.directive.mjs +36 -33
  121. package/{esm2020 → esm2022}/textbox.module.mjs +7 -7
  122. package/{fesm2020 → fesm2022}/progress-kendo-angular-inputs.mjs +3718 -2910
  123. package/formfield/error.component.d.ts +1 -1
  124. package/formfield/formfield.component.d.ts +1 -1
  125. package/formfield/hint.component.d.ts +1 -1
  126. package/formfield/models/message-align.d.ts +1 -1
  127. package/formfield/models/orientation.d.ts +1 -1
  128. package/formfield/models/show-options.d.ts +1 -1
  129. package/index.d.ts +0 -1
  130. package/inputs.module.d.ts +1 -1
  131. package/maskedtextbox/maskedtextbox.component.d.ts +1 -1
  132. package/maskedtextbox.module.d.ts +1 -1
  133. package/numerictextbox/localization/messages.d.ts +1 -1
  134. package/numerictextbox/numerictextbox.component.d.ts +1 -1
  135. package/numerictextbox.module.d.ts +1 -1
  136. package/package.json +20 -26
  137. package/radiobutton/radiobutton.component.d.ts +1 -1
  138. package/radiobutton/radiobutton.directive.d.ts +1 -1
  139. package/rangeslider/localization/messages.d.ts +1 -1
  140. package/rangeslider/rangeslider-model.d.ts +0 -1
  141. package/rangeslider/rangeslider-value.type.d.ts +1 -1
  142. package/rangeslider/rangeslider.component.d.ts +1 -1
  143. package/rating/models/precision.d.ts +1 -1
  144. package/rating/models/selection.d.ts +1 -1
  145. package/rating/rating.component.d.ts +1 -1
  146. package/schematics/ngAdd/index.js +1 -1
  147. package/shared/input-separator.component.d.ts +1 -1
  148. package/shared/shared-events.directive.d.ts +1 -1
  149. package/shared/textarea.directive.d.ts +1 -1
  150. package/signature/localization/messages.d.ts +1 -1
  151. package/signature/signature.component.d.ts +1 -1
  152. package/slider/localization/messages.d.ts +1 -1
  153. package/slider/slider-model.d.ts +0 -1
  154. package/slider/slider.component.d.ts +1 -1
  155. package/sliders-common/slider-base.d.ts +1 -1
  156. package/sliders-common/slider-ticks.component.d.ts +1 -1
  157. package/sliders-common/title-callback.d.ts +1 -1
  158. package/switch/localization/messages.d.ts +1 -1
  159. package/switch/switch.component.d.ts +1 -1
  160. package/text-fields-common/text-fields-base.d.ts +1 -1
  161. package/textarea/models/adornments-orientation.d.ts +1 -1
  162. package/textarea/models/flow.d.ts +1 -1
  163. package/textarea/models/resize.d.ts +1 -1
  164. package/textarea/textarea-prefix.component.d.ts +1 -1
  165. package/textarea/textarea-suffix.component.d.ts +1 -1
  166. package/textarea/textarea.component.d.ts +1 -1
  167. package/textarea.module.d.ts +1 -1
  168. package/textbox/localization/messages.d.ts +1 -1
  169. package/textbox/models/icon-show-options.d.ts +1 -1
  170. package/textbox/textbox-prefix.directive.d.ts +1 -1
  171. package/textbox/textbox-suffix.directive.d.ts +1 -1
  172. package/textbox/textbox.component.d.ts +1 -1
  173. package/textbox/textbox.directive.d.ts +1 -1
  174. package/textbox.module.d.ts +1 -1
  175. package/esm2020/colorpicker/localization/messages.mjs +0 -75
  176. package/esm2020/inputs.module.mjs +0 -96
  177. package/esm2020/shared.module.mjs +0 -32
  178. package/esm2020/text-fields-common/text-fields-base.mjs +0 -131
  179. package/fesm2015/progress-kendo-angular-inputs.mjs +0 -17268
  180. package/shared.module.d.ts +0 -19
  181. /package/{esm2020 → esm2022}/checkbox/checked-state.mjs +0 -0
  182. /package/{esm2020 → esm2022}/colorpicker/constants.mjs +0 -0
  183. /package/{esm2020 → esm2022}/colorpicker/events/close-event.mjs +0 -0
  184. /package/{esm2020 → esm2022}/colorpicker/events/kendo-drag-event.mjs +0 -0
  185. /package/{esm2020 → esm2022}/colorpicker/events/open-event.mjs +0 -0
  186. /package/{esm2020 → esm2022}/colorpicker/events.mjs +0 -0
  187. /package/{esm2020 → esm2022}/colorpicker/models/actions-layout.mjs +0 -0
  188. /package/{esm2020 → esm2022}/colorpicker/models/colorpicker-view.mjs +0 -0
  189. /package/{esm2020 → esm2022}/colorpicker/models/gradient-settings.mjs +0 -0
  190. /package/{esm2020 → esm2022}/colorpicker/models/hsva.mjs +0 -0
  191. /package/{esm2020 → esm2022}/colorpicker/models/output-format.mjs +0 -0
  192. /package/{esm2020 → esm2022}/colorpicker/models/palette-presets.mjs +0 -0
  193. /package/{esm2020 → esm2022}/colorpicker/models/palette-settings.mjs +0 -0
  194. /package/{esm2020 → esm2022}/colorpicker/models/popup-settings.mjs +0 -0
  195. /package/{esm2020 → esm2022}/colorpicker/models/rgb.mjs +0 -0
  196. /package/{esm2020 → esm2022}/colorpicker/models/rgba.mjs +0 -0
  197. /package/{esm2020 → esm2022}/colorpicker/models/table-cell.mjs +0 -0
  198. /package/{esm2020 → esm2022}/colorpicker/models/tile-size.mjs +0 -0
  199. /package/{esm2020 → esm2022}/colorpicker/models.mjs +0 -0
  200. /package/{esm2020 → esm2022}/colorpicker/utils/color-parser.mjs +0 -0
  201. /package/{esm2020 → esm2022}/colorpicker/utils/contrast-curve.mjs +0 -0
  202. /package/{esm2020 → esm2022}/colorpicker/utils.mjs +0 -0
  203. /package/{esm2020 → esm2022}/common/dom-utils.mjs +0 -0
  204. /package/{esm2020 → esm2022}/common/math.mjs +0 -0
  205. /package/{esm2020 → esm2022}/common/models/fillmode.mjs +0 -0
  206. /package/{esm2020 → esm2022}/common/models/rounded.mjs +0 -0
  207. /package/{esm2020 → esm2022}/common/models/size.mjs +0 -0
  208. /package/{esm2020 → esm2022}/common/models/styling-classes.mjs +0 -0
  209. /package/{esm2020 → esm2022}/common/models/type.mjs +0 -0
  210. /package/{esm2020 → esm2022}/common/models.mjs +0 -0
  211. /package/{esm2020 → esm2022}/common/utils.mjs +0 -0
  212. /package/{esm2020 → esm2022}/directives.mjs +0 -0
  213. /package/{esm2020 → esm2022}/formfield/models/message-align.mjs +0 -0
  214. /package/{esm2020 → esm2022}/formfield/models/orientation.mjs +0 -0
  215. /package/{esm2020 → esm2022}/formfield/models/show-options.mjs +0 -0
  216. /package/{esm2020 → esm2022}/maskedtextbox/parsing/combinators.mjs +0 -0
  217. /package/{esm2020 → esm2022}/numerictextbox/arrow-direction.mjs +0 -0
  218. /package/{esm2020 → esm2022}/numerictextbox/constants.mjs +0 -0
  219. /package/{esm2020 → esm2022}/numerictextbox/utils.mjs +0 -0
  220. /package/{esm2020 → esm2022}/progress-kendo-angular-inputs.mjs +0 -0
  221. /package/{esm2020 → esm2022}/rangeslider/rangeslider-value.type.mjs +0 -0
  222. /package/{esm2020 → esm2022}/rating/models/precision.mjs +0 -0
  223. /package/{esm2020 → esm2022}/rating/models/rating-item.interface.mjs +0 -0
  224. /package/{esm2020 → esm2022}/rating/models/selection.mjs +0 -0
  225. /package/{esm2020 → esm2022}/shared/utils.mjs +0 -0
  226. /package/{esm2020 → esm2022}/signature/events/close-event.mjs +0 -0
  227. /package/{esm2020 → esm2022}/signature/events/index.mjs +0 -0
  228. /package/{esm2020 → esm2022}/signature/events/open-event.mjs +0 -0
  229. /package/{esm2020 → esm2022}/signature/localization/index.mjs +0 -0
  230. /package/{esm2020 → esm2022}/sliders-common/sliders-util.mjs +0 -0
  231. /package/{esm2020 → esm2022}/sliders-common/title-callback.mjs +0 -0
  232. /package/{esm2020 → esm2022}/textarea/models/adornments-orientation.mjs +0 -0
  233. /package/{esm2020 → esm2022}/textarea/models/flow.mjs +0 -0
  234. /package/{esm2020 → esm2022}/textarea/models/resize.mjs +0 -0
  235. /package/{esm2020 → esm2022}/textbox/models/icon-show-options.mjs +0 -0
  236. /package/{esm2020 → esm2022}/validators/max.validator.mjs +0 -0
  237. /package/{esm2020 → esm2022}/validators/min.validator.mjs +0 -0
@@ -38,149 +38,42 @@ const iconsMap = { xIcon, hyperlinkOpenIcon };
38
38
  * The Signature allows users to add a hand-drawn signature to forms.
39
39
  */
40
40
  export class SignatureComponent {
41
- constructor(element, renderer, ngZone, cd, localization, cdr) {
42
- this.element = element;
43
- this.renderer = renderer;
44
- this.ngZone = ngZone;
45
- this.cd = cd;
46
- this.localization = localization;
47
- this.cdr = cdr;
48
- this.staticHostClasses = true;
49
- /**
50
- * @hidden
51
- */
52
- this.focusableId = nextId();
53
- /**
54
- * Sets the read-only state of the Signature.
55
- *
56
- * @default false
57
- */
58
- this.readonly = false;
59
- /**
60
- * Sets the disabled state of the Signature. To disable the component in reactive forms, visit the following [article](slug:formssupport_signature#toc-managing-the-signature-disabled-state-in-reactive-forms)
61
- *
62
- * @default false
63
- */
64
- this.disabled = false;
65
- /**
66
- * The size property specifies the padding of the Signature internal controls
67
- * ([see example]({% slug appearance_signature %}#toc-size)).
68
- *
69
- * The possible values are:
70
- * * `small`
71
- * * `medium` (default)
72
- * * `large`
73
- * * `none`
74
- */
75
- this.size = DEFAULT_SIZE;
76
- /**
77
- * The `rounded` property specifies the border radius of the signature
78
- * ([see example](slug:appearance_signature#toc-roundness)).
79
- *
80
- * The possible values are:
81
- * * `small`
82
- * * `medium` (default)
83
- * * `large`
84
- * * `full` (not supported by the Signature)
85
- * * `none`
86
- */
87
- this.rounded = DEFAULT_ROUNDED;
88
- /**
89
- * The `fillMode` property specifies the background and border styles of the signature
90
- * ([see example](slug:appearance_signature#toc-fill-mode)).
91
- *
92
- * The possible values are:
93
- * * `flat`
94
- * * `solid` (default)
95
- * * `outline`
96
- * * `none`
97
- */
98
- this.fillMode = DEFAULT_FILL_MODE;
99
- /**
100
- * The stroke width of the signature.
101
- *
102
- * @default 1
103
- */
104
- this.strokeWidth = 1;
105
- /**
106
- * A flag indicating whether to smooth out signature lines.
107
- *
108
- * @default false
109
- */
110
- this.smooth = false;
111
- /**
112
- * A flag indicating if the signature can be maximized.
113
- *
114
- * @default true
115
- */
116
- this.maximizable = true;
117
- /**
118
- * @hidden
119
- */
120
- this.maximized = false;
121
- /**
122
- * The scale factor for the popup.
123
- *
124
- * The Signature width and height will be multiplied by the scale when showing the popup.
125
- *
126
- * @default 3
127
- */
128
- this.popupScale = DEFAULT_POPUP_SCALE;
129
- /**
130
- * The scale factor for the exported image.
131
- *
132
- * The Signature width and height will be multiplied by the scale when converting the signature to an image.
133
- *
134
- * @default 2
135
- */
136
- this.exportScale = DEFAULT_EXPORT_SCALE;
137
- /**
138
- * A flag indicating whether the dotted line should be displayed in the background.
139
- *
140
- * @default false
141
- */
142
- this.hideLine = false;
143
- /**
144
- * Fires each time the signature value is changed.
145
- */
146
- this.valueChange = new EventEmitter();
147
- /**
148
- * Fires each time the popup is about to open.
149
- * This event is preventable. If you cancel it, the popup will remain closed.
150
- */
151
- this.open = new EventEmitter();
152
- /**
153
- * Fires each time the popup is about to close.
154
- * This event is preventable. If you cancel it, the popup will remain open.
155
- */
156
- this.close = new EventEmitter();
157
- /**
158
- * Fires each time Signature is focused.
159
- */
160
- this.onFocus = new EventEmitter();
161
- /**
162
- * Fires each time the Signature is blurred.
163
- */
164
- this.onBlur = new EventEmitter();
165
- /**
166
- * @hidden
167
- */
168
- this.minimize = new EventEmitter();
169
- /**
170
- * Indicates whether the Signature wrapper is focused.
171
- */
172
- this.isFocused = false;
173
- /**
174
- * @hidden
175
- */
176
- this.isDrawing = false;
177
- this.notifyNgTouched = noop;
178
- this.notifyNgChanged = noop;
179
- this._tabindex = 0;
180
- this.hostClasses = [];
181
- validatePackage(packageMetadata);
182
- this.direction = localization.rtl ? 'rtl' : 'ltr';
183
- }
41
+ element;
42
+ renderer;
43
+ ngZone;
44
+ cd;
45
+ localization;
46
+ cdr;
47
+ staticHostClasses = true;
48
+ /**
49
+ * @hidden
50
+ */
51
+ focusableId = nextId();
52
+ direction;
53
+ /**
54
+ * Sets the read-only state of the Signature.
55
+ *
56
+ * @default false
57
+ */
58
+ readonly = false;
59
+ /**
60
+ * Sets the disabled state of the Signature. To disable the component in reactive forms, visit the following [article](slug:formssupport_signature#toc-managing-the-signature-disabled-state-in-reactive-forms)
61
+ *
62
+ * @default false
63
+ */
64
+ disabled = false;
65
+ /**
66
+ * Sets the width of the signature in pixels.
67
+ *
68
+ * The width can also be set using inline styles and CSS.
69
+ */
70
+ width;
71
+ /**
72
+ * The height of the signature in pixels.
73
+ *
74
+ * The height can also be set using inline styles and CSS.
75
+ */
76
+ height;
184
77
  /**
185
78
  * Gets or sets the value of the signature.
186
79
  *
@@ -216,6 +109,141 @@ export class SignatureComponent {
216
109
  get tabindex() {
217
110
  return !this.disabled ? this._tabindex : undefined;
218
111
  }
112
+ /**
113
+ * The size property specifies the padding of the Signature internal controls
114
+ * ([see example]({% slug appearance_signature %}#toc-size)).
115
+ *
116
+ * The possible values are:
117
+ * * `small`
118
+ * * `medium` (default)
119
+ * * `large`
120
+ * * `none`
121
+ */
122
+ size = DEFAULT_SIZE;
123
+ /**
124
+ * The `rounded` property specifies the border radius of the signature
125
+ * ([see example](slug:appearance_signature#toc-roundness)).
126
+ *
127
+ * The possible values are:
128
+ * * `small`
129
+ * * `medium` (default)
130
+ * * `large`
131
+ * * `full` (not supported by the Signature)
132
+ * * `none`
133
+ */
134
+ rounded = DEFAULT_ROUNDED;
135
+ /**
136
+ * The `fillMode` property specifies the background and border styles of the signature
137
+ * ([see example](slug:appearance_signature#toc-fill-mode)).
138
+ *
139
+ * The possible values are:
140
+ * * `flat`
141
+ * * `solid` (default)
142
+ * * `outline`
143
+ * * `none`
144
+ */
145
+ fillMode = DEFAULT_FILL_MODE;
146
+ /**
147
+ * The stroke color of the signature.
148
+ *
149
+ * Accepts CSS color names and hex values.
150
+ *
151
+ * The default value is determined by the theme `$kendo-input-text` variable.
152
+ */
153
+ color;
154
+ /**
155
+ * The background color of the signature.
156
+ *
157
+ * Accepts CSS color names and hex values.
158
+ *
159
+ * The default value is determined by the theme `$kendo-input-bg` variable.
160
+ */
161
+ backgroundColor;
162
+ /**
163
+ * The stroke width of the signature.
164
+ *
165
+ * @default 1
166
+ */
167
+ strokeWidth = 1;
168
+ /**
169
+ * A flag indicating whether to smooth out signature lines.
170
+ *
171
+ * @default false
172
+ */
173
+ smooth = false;
174
+ /**
175
+ * A flag indicating if the signature can be maximized.
176
+ *
177
+ * @default true
178
+ */
179
+ maximizable = true;
180
+ /**
181
+ * @hidden
182
+ */
183
+ maximized = false;
184
+ /**
185
+ * The scale factor for the popup.
186
+ *
187
+ * The Signature width and height will be multiplied by the scale when showing the popup.
188
+ *
189
+ * @default 3
190
+ */
191
+ popupScale = DEFAULT_POPUP_SCALE;
192
+ /**
193
+ * The scale factor for the exported image.
194
+ *
195
+ * The Signature width and height will be multiplied by the scale when converting the signature to an image.
196
+ *
197
+ * @default 2
198
+ */
199
+ exportScale = DEFAULT_EXPORT_SCALE;
200
+ /**
201
+ * @hidden
202
+ */
203
+ parentLocalization;
204
+ /**
205
+ * A flag indicating whether the dotted line should be displayed in the background.
206
+ *
207
+ * @default false
208
+ */
209
+ hideLine = false;
210
+ /**
211
+ * Fires each time the signature value is changed.
212
+ */
213
+ valueChange = new EventEmitter();
214
+ /**
215
+ * Fires each time the popup is about to open.
216
+ * This event is preventable. If you cancel it, the popup will remain closed.
217
+ */
218
+ open = new EventEmitter();
219
+ /**
220
+ * Fires each time the popup is about to close.
221
+ * This event is preventable. If you cancel it, the popup will remain open.
222
+ */
223
+ close = new EventEmitter();
224
+ /**
225
+ * Fires each time Signature is focused.
226
+ */
227
+ onFocus = new EventEmitter();
228
+ /**
229
+ * Fires each time the Signature is blurred.
230
+ */
231
+ onBlur = new EventEmitter();
232
+ /**
233
+ * @hidden
234
+ */
235
+ minimize = new EventEmitter();
236
+ canvas;
237
+ minimizeButton;
238
+ maximizeButton;
239
+ /**
240
+ * Indicates whether the Signature wrapper is focused.
241
+ */
242
+ isFocused = false;
243
+ /**
244
+ * Indicates whether the Signature popup is open.
245
+ */
246
+ isOpen;
219
247
  /**
220
248
  * @hidden
221
249
  */
@@ -270,6 +298,10 @@ export class SignatureComponent {
270
298
  get popupHeight() {
271
299
  return this.baseHeight * this.popupScale;
272
300
  }
301
+ /**
302
+ * @hidden
303
+ */
304
+ isDrawing = false;
273
305
  /**
274
306
  * @hidden
275
307
  */
@@ -316,6 +348,24 @@ export class SignatureComponent {
316
348
  readonly: this.readonly
317
349
  };
318
350
  }
351
+ notifyNgTouched = noop;
352
+ notifyNgChanged = noop;
353
+ instance;
354
+ _value;
355
+ _tabindex = 0;
356
+ subscriptions;
357
+ unsubscribe;
358
+ hostClasses = [];
359
+ constructor(element, renderer, ngZone, cd, localization, cdr) {
360
+ this.element = element;
361
+ this.renderer = renderer;
362
+ this.ngZone = ngZone;
363
+ this.cd = cd;
364
+ this.localization = localization;
365
+ this.cdr = cdr;
366
+ validatePackage(packageMetadata);
367
+ this.direction = localization.rtl ? 'rtl' : 'ltr';
368
+ }
319
369
  ngOnInit() {
320
370
  this.subscriptions = this.localization
321
371
  .changes
@@ -575,6 +625,10 @@ export class SignatureComponent {
575
625
  this.disabled = isDisabled;
576
626
  this.cdr.markForCheck();
577
627
  }
628
+ /**
629
+ * @hidden
630
+ */
631
+ popupValue;
578
632
  onDraw() {
579
633
  this.isDrawing = true;
580
634
  this.cd.markForCheck();
@@ -609,13 +663,12 @@ export class SignatureComponent {
609
663
  }
610
664
  return this.localization.get(key);
611
665
  }
612
- }
613
- SignatureComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SignatureComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
614
- SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SignatureComponent, isStandalone: true, selector: "kendo-signature", inputs: { focusableId: "focusableId", readonly: "readonly", disabled: "disabled", width: "width", height: "height", value: "value", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", color: "color", backgroundColor: "backgroundColor", strokeWidth: "strokeWidth", smooth: "smooth", maximizable: "maximizable", maximized: "maximized", popupScale: "popupScale", exportScale: "exportScale", parentLocalization: "parentLocalization", hideLine: "hideLine" }, outputs: { valueChange: "valueChange", open: "open", close: "close", onFocus: "focus", onBlur: "blur", minimize: "minimize" }, host: { properties: { "class.k-signature": "this.staticHostClasses", "class.k-input": "this.staticHostClasses", "attr.dir": "this.direction", "class.k-readonly": "this.readonly", "class.k-disabled": "this.disabled", "style.width.px": "this.width", "style.height.px": "this.height" } }, providers: [
615
- LocalizationService,
616
- { provide: L10N_PREFIX, useValue: 'kendo.signature' },
617
- { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SignatureComponent) }
618
- ], viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }, { propertyName: "minimizeButton", first: true, predicate: ["minimize"], descendants: true, read: ElementRef }, { propertyName: "maximizeButton", first: true, predicate: ["maximize"], descendants: true, read: ElementRef }], exportAs: ["kendoSignature"], usesOnChanges: true, ngImport: i0, template: `
666
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SignatureComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
667
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SignatureComponent, isStandalone: true, selector: "kendo-signature", inputs: { focusableId: "focusableId", readonly: "readonly", disabled: "disabled", width: "width", height: "height", value: "value", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", color: "color", backgroundColor: "backgroundColor", strokeWidth: "strokeWidth", smooth: "smooth", maximizable: "maximizable", maximized: "maximized", popupScale: "popupScale", exportScale: "exportScale", parentLocalization: "parentLocalization", hideLine: "hideLine" }, outputs: { valueChange: "valueChange", open: "open", close: "close", onFocus: "focus", onBlur: "blur", minimize: "minimize" }, host: { properties: { "class.k-signature": "this.staticHostClasses", "class.k-input": "this.staticHostClasses", "attr.dir": "this.direction", "class.k-readonly": "this.readonly", "class.k-disabled": "this.disabled", "style.width.px": "this.width", "style.height.px": "this.height" } }, providers: [
668
+ LocalizationService,
669
+ { provide: L10N_PREFIX, useValue: 'kendo.signature' },
670
+ { multi: true, provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SignatureComponent) }
671
+ ], viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }, { propertyName: "minimizeButton", first: true, predicate: ["minimize"], descendants: true, read: ElementRef }, { propertyName: "maximizeButton", first: true, predicate: ["maximize"], descendants: true, read: ElementRef }], exportAs: ["kendoSignature"], usesOnChanges: true, ngImport: i0, template: `
619
672
  <ng-container kendoSignatureLocalizedMessages
620
673
  i18n-clear="kendo.signature.clear|The message for the Clear button."
621
674
  clear="Clear"
@@ -715,7 +768,8 @@ SignatureComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
715
768
  </kendo-signature>
716
769
  </kendo-dialog>
717
770
  `, isInline: true, dependencies: [{ kind: "component", type: SignatureComponent, selector: "kendo-signature", inputs: ["focusableId", "readonly", "disabled", "width", "height", "value", "tabindex", "size", "rounded", "fillMode", "color", "backgroundColor", "strokeWidth", "smooth", "maximizable", "maximized", "popupScale", "exportScale", "parentLocalization", "hideLine"], outputs: ["valueChange", "open", "close", "focus", "blur", "minimize"], exportAs: ["kendoSignature"] }, { kind: "directive", type: LocalizedSignatureMessagesDirective, selector: "[kendoSignatureLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
718
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SignatureComponent, decorators: [{
771
+ }
772
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SignatureComponent, decorators: [{
719
773
  type: Component,
720
774
  args: [{
721
775
  exportAs: 'kendoSignature',
@@ -44,11 +44,11 @@ import * as i2 from "./signature/localization/custom-messages.component";
44
44
  * ```
45
45
  */
46
46
  export class SignatureModule {
47
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SignatureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
48
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SignatureModule, imports: [i1.SignatureComponent, i2.SignatureCustomMessagesComponent], exports: [i1.SignatureComponent, i2.SignatureCustomMessagesComponent] });
49
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SignatureModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [i1.SignatureComponent] });
47
50
  }
48
- SignatureModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SignatureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
49
- SignatureModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SignatureModule, imports: [i1.SignatureComponent, i2.SignatureCustomMessagesComponent], exports: [i1.SignatureComponent, i2.SignatureCustomMessagesComponent] });
50
- SignatureModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SignatureModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [KENDO_SIGNATURE] });
51
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SignatureModule, decorators: [{
51
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SignatureModule, decorators: [{
52
52
  type: NgModule,
53
53
  args: [{
54
54
  imports: [...KENDO_SIGNATURE],
@@ -11,6 +11,7 @@ import * as i1 from "@progress/kendo-angular-l10n";
11
11
  * Custom component messages override default component messages.
12
12
  */
13
13
  export class SliderCustomMessagesComponent extends SliderMessages {
14
+ service;
14
15
  constructor(service) {
15
16
  super();
16
17
  this.service = service;
@@ -18,15 +19,15 @@ export class SliderCustomMessagesComponent extends SliderMessages {
18
19
  get override() {
19
20
  return true;
20
21
  }
22
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
23
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SliderCustomMessagesComponent, isStandalone: true, selector: "kendo-slider-messages", providers: [
24
+ {
25
+ provide: SliderMessages,
26
+ useExisting: forwardRef(() => SliderCustomMessagesComponent)
27
+ }
28
+ ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
21
29
  }
22
- SliderCustomMessagesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SliderCustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
23
- SliderCustomMessagesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SliderCustomMessagesComponent, isStandalone: true, selector: "kendo-slider-messages", providers: [
24
- {
25
- provide: SliderMessages,
26
- useExisting: forwardRef(() => SliderCustomMessagesComponent)
27
- }
28
- ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
29
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SliderCustomMessagesComponent, decorators: [{
30
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderCustomMessagesComponent, decorators: [{
30
31
  type: Component,
31
32
  args: [{
32
33
  providers: [
@@ -11,19 +11,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
11
11
  * @hidden
12
12
  */
13
13
  export class LocalizedSliderMessagesDirective extends SliderMessages {
14
+ service;
14
15
  constructor(service) {
15
16
  super();
16
17
  this.service = service;
17
18
  }
19
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedSliderMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
20
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedSliderMessagesDirective, isStandalone: true, selector: "[kendoSliderLocalizedMessages]", providers: [
21
+ {
22
+ provide: SliderMessages,
23
+ useExisting: forwardRef(() => LocalizedSliderMessagesDirective)
24
+ }
25
+ ], usesInheritance: true, ngImport: i0 });
18
26
  }
19
- LocalizedSliderMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedSliderMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
20
- LocalizedSliderMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedSliderMessagesDirective, isStandalone: true, selector: "[kendoSliderLocalizedMessages]", providers: [
21
- {
22
- provide: SliderMessages,
23
- useExisting: forwardRef(() => LocalizedSliderMessagesDirective)
24
- }
25
- ], usesInheritance: true, ngImport: i0 });
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedSliderMessagesDirective, decorators: [{
27
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedSliderMessagesDirective, decorators: [{
27
28
  type: Directive,
28
29
  args: [{
29
30
  providers: [
@@ -9,10 +9,22 @@ import * as i0 from "@angular/core";
9
9
  * @hidden
10
10
  */
11
11
  export class SliderMessages extends ComponentMessages {
12
+ /**
13
+ * The title of the **Decrease** button of the Slider.
14
+ */
15
+ decrement;
16
+ /**
17
+ * The title of the **Increase** button of the Slider.
18
+ */
19
+ increment;
20
+ /**
21
+ * The title of the drag handle of the Slider.
22
+ */
23
+ dragHandle;
24
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
25
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: SliderMessages, selector: "kendo-slider-messages-base", inputs: { decrement: "decrement", increment: "increment", dragHandle: "dragHandle" }, usesInheritance: true, ngImport: i0 });
12
26
  }
13
- SliderMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SliderMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
14
- SliderMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: SliderMessages, selector: "kendo-slider-messages-base", inputs: { decrement: "decrement", increment: "increment", dragHandle: "dragHandle" }, usesInheritance: true, ngImport: i0 });
15
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SliderMessages, decorators: [{
27
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderMessages, decorators: [{
16
28
  type: Directive,
17
29
  args: [{
18
30
  // eslint-disable-next-line @angular-eslint/directive-selector
@@ -8,6 +8,7 @@ import { SliderModelBase } from '../sliders-common/slider-model.base';
8
8
  * @hidden
9
9
  */
10
10
  export class SliderModel extends SliderModelBase {
11
+ handlePosition;
11
12
  positionHandle(dragHandle) {
12
13
  const { max, min, reverse, vertical } = this.props;
13
14
  const position = vertical ? 'bottom' : reverse ? 'right' : 'left';