@syncfusion/ej2-inputs 27.2.2 → 28.1.33

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 (195) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-inputs.min.js +3 -3
  3. package/dist/ej2-inputs.umd.min.js +3 -3
  4. package/dist/ej2-inputs.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-inputs.es2015.js +70 -66
  6. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  7. package/dist/es6/ej2-inputs.es5.js +71 -67
  8. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  9. package/dist/global/ej2-inputs.min.js +3 -3
  10. package/dist/global/ej2-inputs.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +10 -10
  13. package/src/common/signature-base.js +21 -11
  14. package/src/numerictextbox/numerictextbox.js +5 -3
  15. package/src/otp-input/otp-input.js +35 -49
  16. package/src/slider/slider.d.ts +1 -0
  17. package/src/slider/slider.js +5 -4
  18. package/src/uploader/uploader.js +5 -0
  19. package/styles/bds-lite.css +5293 -0
  20. package/styles/bds-lite.scss +37 -0
  21. package/styles/bds.css +8139 -0
  22. package/styles/bds.scss +46 -0
  23. package/styles/bootstrap-dark-lite.css +4 -0
  24. package/styles/bootstrap-dark.css +4 -0
  25. package/styles/bootstrap-lite.css +4 -0
  26. package/styles/bootstrap.css +4 -0
  27. package/styles/bootstrap4-lite.css +4 -1
  28. package/styles/bootstrap4.css +4 -1
  29. package/styles/bootstrap5-dark-lite.css +7 -4
  30. package/styles/bootstrap5-dark.css +7 -4
  31. package/styles/bootstrap5-lite.css +5 -2
  32. package/styles/bootstrap5.3-lite.css +4 -1
  33. package/styles/bootstrap5.3.css +4 -1
  34. package/styles/bootstrap5.css +5 -2
  35. package/styles/color-picker/_bigger.scss +46 -7
  36. package/styles/color-picker/_layout.scss +41 -3
  37. package/styles/color-picker/_tailwind3-definition.scss +152 -0
  38. package/styles/color-picker/_theme.scss +13 -2
  39. package/styles/color-picker/bds.css +1080 -0
  40. package/styles/color-picker/bds.scss +12 -0
  41. package/styles/color-picker/bootstrap-dark.css +3 -0
  42. package/styles/color-picker/bootstrap.css +3 -0
  43. package/styles/color-picker/bootstrap4.css +3 -0
  44. package/styles/color-picker/bootstrap5-dark.css +3 -0
  45. package/styles/color-picker/bootstrap5.3.css +3 -0
  46. package/styles/color-picker/bootstrap5.css +3 -0
  47. package/styles/color-picker/fabric-dark.css +3 -0
  48. package/styles/color-picker/fabric.css +3 -0
  49. package/styles/color-picker/fluent-dark.css +3 -0
  50. package/styles/color-picker/fluent.css +3 -0
  51. package/styles/color-picker/fluent2.css +3 -0
  52. package/styles/color-picker/highcontrast-light.css +3 -0
  53. package/styles/color-picker/highcontrast.css +3 -0
  54. package/styles/color-picker/icons/_tailwind3.scss +9 -0
  55. package/styles/color-picker/material-dark.css +3 -0
  56. package/styles/color-picker/material.css +3 -0
  57. package/styles/color-picker/material3-dark.css +3 -0
  58. package/styles/color-picker/material3.css +3 -0
  59. package/styles/color-picker/tailwind-dark.css +3 -0
  60. package/styles/color-picker/tailwind.css +3 -0
  61. package/styles/color-picker/tailwind3.css +880 -0
  62. package/styles/color-picker/tailwind3.scss +12 -0
  63. package/styles/data-form/_tailwind3-definition.scss +41 -0
  64. package/styles/data-form/bds.css +236 -0
  65. package/styles/data-form/bds.scss +3 -0
  66. package/styles/data-form/tailwind3.css +236 -0
  67. package/styles/data-form/tailwind3.scss +3 -0
  68. package/styles/fabric-dark-lite.css +4 -0
  69. package/styles/fabric-dark.css +4 -0
  70. package/styles/fabric-lite.css +4 -0
  71. package/styles/fabric.css +4 -0
  72. package/styles/fluent-dark-lite.css +8 -5
  73. package/styles/fluent-dark.css +8 -5
  74. package/styles/fluent-lite.css +6 -3
  75. package/styles/fluent.css +6 -3
  76. package/styles/fluent2-lite.css +10 -6
  77. package/styles/fluent2.css +11 -7
  78. package/styles/highcontrast-light-lite.css +3 -0
  79. package/styles/highcontrast-light.css +3 -0
  80. package/styles/highcontrast-lite.css +3 -0
  81. package/styles/highcontrast.css +3 -0
  82. package/styles/input/_bigger.scss +127 -120
  83. package/styles/input/_layout.scss +143 -121
  84. package/styles/input/_tailwind3-definition.scss +511 -0
  85. package/styles/input/_theme.scss +67 -40
  86. package/styles/input/bds.css +4537 -0
  87. package/styles/input/bds.scss +5 -0
  88. package/styles/input/fluent2.css +2 -2
  89. package/styles/input/icons/_tailwind3.scss +17 -0
  90. package/styles/input/tailwind-dark.css +2 -0
  91. package/styles/input/tailwind.css +2 -0
  92. package/styles/input/tailwind3.css +8925 -0
  93. package/styles/input/tailwind3.scss +5 -0
  94. package/styles/maskedtextbox/_tailwind3-definition.scss +7 -0
  95. package/styles/maskedtextbox/bds.css +180 -0
  96. package/styles/maskedtextbox/bds.scss +5 -0
  97. package/styles/maskedtextbox/fluent2.css +1 -1
  98. package/styles/maskedtextbox/tailwind3.css +47 -0
  99. package/styles/maskedtextbox/tailwind3.scss +5 -0
  100. package/styles/material-dark-lite.css +4 -0
  101. package/styles/material-dark.css +4 -0
  102. package/styles/material-lite.css +4 -0
  103. package/styles/material.css +4 -0
  104. package/styles/material3-dark-lite.css +8 -4
  105. package/styles/material3-dark.css +8 -4
  106. package/styles/material3-lite.css +8 -4
  107. package/styles/material3.css +8 -4
  108. package/styles/numerictextbox/_tailwind3-definition.scss +3 -0
  109. package/styles/numerictextbox/bds.css +197 -0
  110. package/styles/numerictextbox/bds.scss +6 -0
  111. package/styles/numerictextbox/icons/_tailwind3.scss +11 -0
  112. package/styles/numerictextbox/tailwind3.css +64 -0
  113. package/styles/numerictextbox/tailwind3.scss +6 -0
  114. package/styles/otp-input/_tailwind3-definition.scss +59 -0
  115. package/styles/otp-input/bds.css +230 -0
  116. package/styles/otp-input/bds.scss +4 -0
  117. package/styles/otp-input/tailwind3.css +230 -0
  118. package/styles/otp-input/tailwind3.scss +4 -0
  119. package/styles/rating/_tailwind3-definition.scss +47 -0
  120. package/styles/rating/bds.css +323 -0
  121. package/styles/rating/bds.scss +5 -0
  122. package/styles/rating/tailwind3.css +319 -0
  123. package/styles/rating/tailwind3.scss +5 -0
  124. package/styles/signature/_layout.scss +4 -0
  125. package/styles/signature/_tailwind3-definition.scss +3 -0
  126. package/styles/signature/bds.css +13 -0
  127. package/styles/signature/bds.scss +3 -0
  128. package/styles/signature/tailwind3.css +16 -0
  129. package/styles/signature/tailwind3.scss +3 -0
  130. package/styles/slider/_layout.scss +29 -15
  131. package/styles/slider/_tailwind3-definition.scss +92 -0
  132. package/styles/slider/_theme.scss +4 -2
  133. package/styles/slider/bds.css +620 -0
  134. package/styles/slider/bds.scss +6 -0
  135. package/styles/slider/bootstrap-dark.css +1 -0
  136. package/styles/slider/bootstrap.css +1 -0
  137. package/styles/slider/bootstrap4.css +1 -1
  138. package/styles/slider/bootstrap5.3.css +1 -1
  139. package/styles/slider/fabric-dark.css +1 -0
  140. package/styles/slider/fabric.css +1 -0
  141. package/styles/slider/fluent-dark.css +1 -1
  142. package/styles/slider/fluent.css +1 -1
  143. package/styles/slider/fluent2.css +3 -2
  144. package/styles/slider/material-dark.css +1 -0
  145. package/styles/slider/material.css +1 -0
  146. package/styles/slider/material3-dark.css +1 -0
  147. package/styles/slider/material3.css +1 -0
  148. package/styles/slider/tailwind3.css +442 -0
  149. package/styles/slider/tailwind3.scss +6 -0
  150. package/styles/smart-textarea/_bootstrap5-definition.scss +3 -3
  151. package/styles/smart-textarea/_fluent-definition.scss +3 -3
  152. package/styles/smart-textarea/_material3-definition.scss +3 -3
  153. package/styles/smart-textarea/_tailwind-definition.scss +3 -3
  154. package/styles/smart-textarea/_tailwind3-definition.scss +3 -0
  155. package/styles/smart-textarea/_theme.scss +2 -29
  156. package/styles/smart-textarea/bds.css +67 -0
  157. package/styles/smart-textarea/bds.scss +4 -0
  158. package/styles/smart-textarea/bootstrap5-dark.css +4 -4
  159. package/styles/smart-textarea/bootstrap5.css +2 -2
  160. package/styles/smart-textarea/fluent-dark.css +4 -4
  161. package/styles/smart-textarea/fluent.css +2 -2
  162. package/styles/smart-textarea/material3-dark.css +4 -4
  163. package/styles/smart-textarea/material3.css +4 -4
  164. package/styles/smart-textarea/tailwind-dark.css +4 -4
  165. package/styles/smart-textarea/tailwind.css +2 -2
  166. package/styles/smart-textarea/tailwind3.css +67 -0
  167. package/styles/smart-textarea/tailwind3.scss +4 -0
  168. package/styles/tailwind-dark-lite.css +9 -4
  169. package/styles/tailwind-dark.css +9 -4
  170. package/styles/tailwind-lite.css +7 -2
  171. package/styles/tailwind.css +7 -2
  172. package/styles/tailwind3-lite.css +7247 -0
  173. package/styles/tailwind3-lite.scss +37 -0
  174. package/styles/tailwind3.css +12253 -0
  175. package/styles/tailwind3.scss +46 -0
  176. package/styles/textarea/_tailwind3-definition.scss +1 -0
  177. package/styles/textarea/bds.css +183 -0
  178. package/styles/textarea/bds.scss +5 -0
  179. package/styles/textarea/tailwind3.css +50 -0
  180. package/styles/textarea/tailwind3.scss +5 -0
  181. package/styles/textbox/_tailwind3-definition.scss +4 -0
  182. package/styles/textbox/bds.css +177 -0
  183. package/styles/textbox/bds.scss +5 -0
  184. package/styles/textbox/tailwind3.css +44 -0
  185. package/styles/textbox/tailwind3.scss +5 -0
  186. package/styles/uploader/_bigger.scss +3 -0
  187. package/styles/uploader/_layout.scss +4 -0
  188. package/styles/uploader/_tailwind3-definition.scss +211 -0
  189. package/styles/uploader/_theme.scss +21 -0
  190. package/styles/uploader/bds.css +1124 -0
  191. package/styles/uploader/bds.scss +7 -0
  192. package/styles/uploader/fluent2.css +2 -2
  193. package/styles/uploader/icons/_tailwind3.scss +34 -0
  194. package/styles/uploader/tailwind3.css +1037 -0
  195. package/styles/uploader/tailwind3.scss +7 -0
package/styles/color-picker/bds.scss ADDED
@@ -0,0 +1,12 @@
1
+ @import 'ej2-base/styles/definition/bds.scss';
2
+ @import 'ej2-buttons/styles/button/bds-definition.scss';
3
+ @import 'ej2-popups/styles/popup/bds-definition.scss';
4
+ @import 'ej2-splitbuttons/styles/split-button/bds-definition.scss';
5
+ @import './../input/bds-definition.scss';
6
+ @import './../numerictextbox/bds-definition.scss';
7
+ @import './../slider/bds-definition.scss';
8
+ @import 'ej2-popups/styles/tooltip/bds-definition.scss';
9
+ @import 'bds-definition.scss';
10
+ @import 'icons/bds.scss';
11
+ @import 'all.scss';
12
+ @import 'bigger.scss';
package/styles/color-picker/bootstrap-dark.css CHANGED
@@ -503,6 +503,9 @@ body.e-colorpicker-overflow {
503
503
  .e-rtl .e-container .e-selected-value .e-float-input input {
504
504
  padding-right: 0;
505
505
  }
506
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
507
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
508
+ }
506
509
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
507
510
  -webkit-transform: rotate(180deg);
508
511
  transform: rotate(180deg);
package/styles/color-picker/bootstrap.css CHANGED
@@ -503,6 +503,9 @@ body.e-colorpicker-overflow {
503
503
  .e-rtl .e-container .e-selected-value .e-float-input input {
504
504
  padding-right: 0;
505
505
  }
506
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
507
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
508
+ }
506
509
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
507
510
  -webkit-transform: rotate(180deg);
508
511
  transform: rotate(180deg);
package/styles/color-picker/bootstrap4.css CHANGED
@@ -530,6 +530,9 @@ body.e-colorpicker-overflow {
530
530
  .e-rtl .e-container .e-selected-value .e-float-input input {
531
531
  padding-right: 0;
532
532
  }
533
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
534
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
535
+ }
533
536
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
534
537
  -webkit-transform: rotate(180deg);
535
538
  transform: rotate(180deg);
package/styles/color-picker/bootstrap5-dark.css CHANGED
@@ -526,6 +526,9 @@ body.e-colorpicker-overflow {
526
526
  .e-rtl .e-container .e-selected-value .e-float-input input {
527
527
  padding-right: 0;
528
528
  }
529
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
530
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
531
+ }
529
532
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
530
533
  -webkit-transform: rotate(180deg);
531
534
  transform: rotate(180deg);
package/styles/color-picker/bootstrap5.3.css CHANGED
@@ -531,6 +531,9 @@ body.e-colorpicker-overflow {
531
531
  .e-rtl .e-container .e-selected-value .e-float-input input {
532
532
  padding-right: 0;
533
533
  }
534
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
535
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
536
+ }
534
537
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
535
538
  -webkit-transform: rotate(180deg);
536
539
  transform: rotate(180deg);
package/styles/color-picker/bootstrap5.css CHANGED
@@ -526,6 +526,9 @@ body.e-colorpicker-overflow {
526
526
  .e-rtl .e-container .e-selected-value .e-float-input input {
527
527
  padding-right: 0;
528
528
  }
529
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
530
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
531
+ }
529
532
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
530
533
  -webkit-transform: rotate(180deg);
531
534
  transform: rotate(180deg);
package/styles/color-picker/fabric-dark.css CHANGED
@@ -504,6 +504,9 @@ body.e-colorpicker-overflow {
504
504
  .e-rtl .e-container .e-selected-value .e-float-input input {
505
505
  padding-right: 0;
506
506
  }
507
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
508
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
509
+ }
507
510
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
508
511
  -webkit-transform: rotate(180deg);
509
512
  transform: rotate(180deg);
package/styles/color-picker/fabric.css CHANGED
@@ -503,6 +503,9 @@ body.e-colorpicker-overflow {
503
503
  .e-rtl .e-container .e-selected-value .e-float-input input {
504
504
  padding-right: 0;
505
505
  }
506
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
507
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
508
+ }
506
509
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
507
510
  -webkit-transform: rotate(180deg);
508
511
  transform: rotate(180deg);
package/styles/color-picker/fluent-dark.css CHANGED
@@ -512,6 +512,9 @@ body.e-colorpicker-overflow {
512
512
  .e-rtl .e-container .e-selected-value .e-float-input input {
513
513
  padding-right: 0;
514
514
  }
515
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
516
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
517
+ }
515
518
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
516
519
  -webkit-transform: rotate(180deg);
517
520
  transform: rotate(180deg);
package/styles/color-picker/fluent.css CHANGED
@@ -512,6 +512,9 @@ body.e-colorpicker-overflow {
512
512
  .e-rtl .e-container .e-selected-value .e-float-input input {
513
513
  padding-right: 0;
514
514
  }
515
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
516
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
517
+ }
515
518
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
516
519
  -webkit-transform: rotate(180deg);
517
520
  transform: rotate(180deg);
package/styles/color-picker/fluent2.css CHANGED
@@ -696,6 +696,9 @@ body.e-colorpicker-overflow {
696
696
  .e-rtl .e-container .e-selected-value .e-float-input input {
697
697
  padding-right: 0;
698
698
  }
699
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
700
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
701
+ }
699
702
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
700
703
  -webkit-transform: rotate(180deg);
701
704
  transform: rotate(180deg);
package/styles/color-picker/highcontrast-light.css CHANGED
@@ -504,6 +504,9 @@ body.e-colorpicker-overflow {
504
504
  .e-rtl .e-container .e-selected-value .e-float-input input {
505
505
  padding-right: 0;
506
506
  }
507
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
508
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
509
+ }
507
510
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
508
511
  -webkit-transform: rotate(180deg);
509
512
  transform: rotate(180deg);
package/styles/color-picker/highcontrast.css CHANGED
@@ -504,6 +504,9 @@ body.e-colorpicker-overflow {
504
504
  .e-rtl .e-container .e-selected-value .e-float-input input {
505
505
  padding-right: 0;
506
506
  }
507
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
508
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
509
+ }
507
510
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
508
511
  -webkit-transform: rotate(180deg);
509
512
  transform: rotate(180deg);
package/styles/color-picker/icons/_tailwind3.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include export-module('color-picker-tailwind3-icons') {
2
+ .e-container {
3
+ & .e-value-switch-btn {
4
+ &::before {
5
+ content: '\e748';
6
+ }
7
+ }
8
+ }
9
+ }
package/styles/color-picker/material-dark.css CHANGED
@@ -517,6 +517,9 @@ body.e-colorpicker-overflow {
517
517
  .e-rtl .e-container .e-selected-value .e-float-input input {
518
518
  padding-right: 0;
519
519
  }
520
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
521
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
522
+ }
520
523
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
521
524
  -webkit-transform: rotate(180deg);
522
525
  transform: rotate(180deg);
package/styles/color-picker/material.css CHANGED
@@ -537,6 +537,9 @@ body.e-colorpicker-overflow {
537
537
  .e-rtl .e-container .e-selected-value .e-float-input input {
538
538
  padding-right: 0;
539
539
  }
540
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
541
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
542
+ }
540
543
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
541
544
  -webkit-transform: rotate(180deg);
542
545
  transform: rotate(180deg);
package/styles/color-picker/material3-dark.css CHANGED
@@ -589,6 +589,9 @@ body.e-colorpicker-overflow {
589
589
  .e-rtl .e-container .e-selected-value .e-float-input input {
590
590
  padding-right: 0;
591
591
  }
592
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
593
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
594
+ }
592
595
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
593
596
  -webkit-transform: rotate(180deg);
594
597
  transform: rotate(180deg);
package/styles/color-picker/material3.css CHANGED
@@ -591,6 +591,9 @@ body.e-colorpicker-overflow {
591
591
  .e-rtl .e-container .e-selected-value .e-float-input input {
592
592
  padding-right: 0;
593
593
  }
594
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
595
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
596
+ }
594
597
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
595
598
  -webkit-transform: rotate(180deg);
596
599
  transform: rotate(180deg);
package/styles/color-picker/tailwind-dark.css CHANGED
@@ -510,6 +510,9 @@ body.e-colorpicker-overflow {
510
510
  .e-rtl .e-container .e-selected-value .e-float-input input {
511
511
  padding-right: 0;
512
512
  }
513
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
514
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
515
+ }
513
516
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
514
517
  -webkit-transform: rotate(180deg);
515
518
  transform: rotate(180deg);
package/styles/color-picker/tailwind.css CHANGED
@@ -510,6 +510,9 @@ body.e-colorpicker-overflow {
510
510
  .e-rtl .e-container .e-selected-value .e-float-input input {
511
511
  padding-right: 0;
512
512
  }
513
+ .e-rtl .e-container .e-selected-value .e-float-input .e-float-text {
514
+ right: -12px !important; /* stylelint-disable-line declaration-no-important */
515
+ }
513
516
  .e-rtl .e-container .e-selected-value .e-value-switch-btn {
514
517
  -webkit-transform: rotate(180deg);
515
518
  transform: rotate(180deg);