@syncfusion/ej2-ribbon 21.1.35 → 21.1.37

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 (60) hide show
  1. package/CHANGELOG.md +3 -1
  2. package/README.md +61 -1
  3. package/dist/ej2-ribbon.umd.min.js +2 -2
  4. package/dist/ej2-ribbon.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-ribbon.es2015.js +42 -21
  6. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  7. package/dist/es6/ej2-ribbon.es5.js +42 -21
  8. package/dist/es6/ej2-ribbon.es5.js.map +1 -1
  9. package/dist/global/ej2-ribbon.min.js +2 -2
  10. package/dist/global/ej2-ribbon.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +12 -12
  13. package/src/ribbon/base/ribbon-model.d.ts +1 -1
  14. package/src/ribbon/base/ribbon.js +18 -10
  15. package/src/ribbon/base/utils.d.ts +15 -1
  16. package/src/ribbon/base/utils.js +16 -1
  17. package/src/ribbon/items/ribbon-button.d.ts +0 -1
  18. package/src/ribbon/items/ribbon-button.js +2 -1
  19. package/src/ribbon/items/ribbon-checkbox.d.ts +0 -1
  20. package/src/ribbon/items/ribbon-checkbox.js +0 -1
  21. package/src/ribbon/items/ribbon-colorpicker.d.ts +0 -1
  22. package/src/ribbon/items/ribbon-colorpicker.js +0 -1
  23. package/src/ribbon/items/ribbon-combobox.d.ts +0 -1
  24. package/src/ribbon/items/ribbon-combobox.js +0 -1
  25. package/src/ribbon/items/ribbon-dropdown.d.ts +0 -1
  26. package/src/ribbon/items/ribbon-dropdown.js +0 -1
  27. package/src/ribbon/items/ribbon-splitbutton.d.ts +0 -1
  28. package/src/ribbon/items/ribbon-splitbutton.js +0 -1
  29. package/src/ribbon/modules/ribbon-filemenu.js +6 -4
  30. package/styles/bootstrap-dark.css +11 -0
  31. package/styles/bootstrap.css +11 -0
  32. package/styles/bootstrap4.css +11 -0
  33. package/styles/bootstrap5-dark.css +11 -0
  34. package/styles/bootstrap5.css +11 -0
  35. package/styles/fabric-dark.css +11 -0
  36. package/styles/fabric.css +11 -0
  37. package/styles/fluent-dark.css +11 -0
  38. package/styles/fluent.css +11 -0
  39. package/styles/highcontrast-light.css +11 -0
  40. package/styles/highcontrast.css +11 -0
  41. package/styles/material-dark.css +11 -0
  42. package/styles/material.css +11 -0
  43. package/styles/ribbon/_layout.scss +16 -0
  44. package/styles/ribbon/bootstrap-dark.css +11 -0
  45. package/styles/ribbon/bootstrap.css +11 -0
  46. package/styles/ribbon/bootstrap4.css +11 -0
  47. package/styles/ribbon/bootstrap5-dark.css +11 -0
  48. package/styles/ribbon/bootstrap5.css +11 -0
  49. package/styles/ribbon/fabric-dark.css +11 -0
  50. package/styles/ribbon/fabric.css +11 -0
  51. package/styles/ribbon/fluent-dark.css +11 -0
  52. package/styles/ribbon/fluent.css +11 -0
  53. package/styles/ribbon/highcontrast-light.css +11 -0
  54. package/styles/ribbon/highcontrast.css +11 -0
  55. package/styles/ribbon/material-dark.css +11 -0
  56. package/styles/ribbon/material.css +11 -0
  57. package/styles/ribbon/tailwind-dark.css +11 -0
  58. package/styles/ribbon/tailwind.css +11 -0
  59. package/styles/tailwind-dark.css +11 -0
  60. package/styles/tailwind.css +11 -0
package/CHANGELOG.md CHANGED
@@ -2,11 +2,13 @@
2
2
 
3
3
  ## [Unreleased]
4
4
 
5
+ ## 21.1.35 (2023-03-23)
6
+
5
7
  ### Ribbon
6
8
 
7
9
  The Ribbon provides a structured and easy-to-use user interface for users to access different features and functions through series of tabs, improving user experience and efficiency.
8
10
 
9
- #### Key features
11
+ **Key features**
10
12
 
11
13
  - **Built-in items** - Several built-in support items, such as buttons, checkboxes, drop-down buttons, split buttons, combo boxes, and color pickers that can be customized and used to execute specific actions.
12
14
 
package/README.md CHANGED
@@ -1,3 +1,63 @@
1
1
  # Javascript Ribbon Control
2
2
 
3
- The Ribbon is a structured layout to manage tools with tabs and groups. The Ribbon control supports buttons, split buttons, toggle buttons, file menu and multiple layouts.
3
+ The [JavaScript Ribbon](https://www.syncfusion.com/javascript-ui-controls/js-ribbon?utm_source=npm&utm_medium=listing&utm_campaign=javascript-ribbon-npm) control provides a structured and easy-to-use user interface for users to access different features and functions through series of tabs, improving the overall user experience and making your application more efficient.
4
+
5
+ <p align="center">
6
+ <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-ribbon-npm#/material/ribbon/default.html">Online demos</a> |
7
+ <a href="https://www.syncfusion.com/javascript-ui-controls/js-ribbon?utm_source=npm&utm_medium=listing&utm_campaign=javascript-ribbon-npm">Learn more</a>
8
+ </p>
9
+
10
+ <p align="center">
11
+ <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-ribbon.gif">
12
+ </p>
13
+
14
+ <p align="center">
15
+ Trusted by the world's leading companies
16
+ <a href="https://www.syncfusion.com">
17
+ <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
18
+ </a>
19
+ </p>
20
+
21
+ ## Setup
22
+
23
+ To install the Ribbon and its dependent packages, use the following command.
24
+
25
+ ```sh
26
+ npm install @syncfusion/ej2-ribbon
27
+ ```
28
+
29
+ ## Supported frameworks
30
+
31
+ Ribbon control is also offered in the following list of frameworks.
32
+
33
+ | [<img src="https://ej2.syncfusion.com/github/images/angular.svg" height="50" />](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/vue-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; |
34
+ | :-----: | :-----: | :-----: | :-----: | :-----: |
35
+
36
+ ## Key features
37
+
38
+ * **Built-in items**: Several built-in support items, such as buttons, checkboxes, dropdown buttons, split buttons, combo boxes, and color pickers that can be customized and used to execute specific actions.
39
+ * **Modes**: Offers the `classic mode` that organizes items and groups in a traditional form, and `simplified mode` that organizes items and groups into a single row for improved usability and reduced clutter.
40
+ * **Tooltip**: Provide additional information when a user hovers over a ribbon item, improving user experience and increasing the usability of the application.
41
+ * **File menu**: A built-in menu that to add file related actions easily.
42
+ * **Templates**: Customize ribbon items and the help pane content using templates.
43
+
44
+
45
+ ## Support
46
+
47
+ Product support is available through the following mediums.
48
+
49
+ * [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
50
+ * [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_medium=listing&utm_campaign=javascript-ribbon-npm)
51
+ * [GitHub issues](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new)
52
+ * [Request feature or report bug](https://www.syncfusion.com/feedback/javascript?utm_source=npm&utm_medium=listing&utm_campaign=javascript-ribbon-npm)
53
+ * Live chat
54
+
55
+ ## License and copyright
56
+
57
+ > This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this control, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
58
+
59
+ > A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
60
+
61
+ See [LICENSE FILE](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=javascript-ribbon-npm) for more info.
62
+
63
+ © Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.