@syncfusion/ej2-ribbon 25.2.3 → 26.1.35

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 (117) hide show
  1. package/.eslintrc.json +3 -2
  2. package/dist/ej2-ribbon.umd.min.js +2 -2
  3. package/dist/ej2-ribbon.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-ribbon.es2015.js +884 -599
  5. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  6. package/dist/es6/ej2-ribbon.es5.js +941 -584
  7. package/dist/es6/ej2-ribbon.es5.js.map +1 -1
  8. package/dist/global/ej2-ribbon.min.js +2 -2
  9. package/dist/global/ej2-ribbon.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +13 -13
  12. package/src/ribbon/base/interface.d.ts +14 -0
  13. package/src/ribbon/base/ribbon-model.d.ts +1 -1
  14. package/src/ribbon/base/ribbon.d.ts +4 -1
  15. package/src/ribbon/base/ribbon.js +222 -95
  16. package/src/ribbon/items/ribbon-button.js +22 -2
  17. package/src/ribbon/items/ribbon-checkbox.js +19 -1
  18. package/src/ribbon/items/ribbon-colorpicker.js +16 -1
  19. package/src/ribbon/items/ribbon-combobox.js +19 -1
  20. package/src/ribbon/items/ribbon-dropdown.js +16 -1
  21. package/src/ribbon/items/ribbon-gallery.d.ts +15 -6
  22. package/src/ribbon/items/ribbon-gallery.js +164 -96
  23. package/src/ribbon/items/ribbon-groupbutton.d.ts +1 -0
  24. package/src/ribbon/items/ribbon-groupbutton.js +11 -3
  25. package/src/ribbon/items/ribbon-splitbutton.js +16 -1
  26. package/src/ribbon/models/ribbon-contextual-tab-settings-model.d.ts +1 -1
  27. package/src/ribbon/models/ribbon-gallery-group-model.d.ts +5 -5
  28. package/src/ribbon/models/ribbon-gallery-group.d.ts +2 -2
  29. package/src/ribbon/models/ribbon-gallery-group.js +2 -2
  30. package/src/ribbon/models/ribbon-gallery-item-model.d.ts +5 -5
  31. package/src/ribbon/models/ribbon-gallery-item.d.ts +1 -1
  32. package/src/ribbon/models/ribbon-gallery-item.js +1 -1
  33. package/src/ribbon/models/ribbon-gallery-settings-model.d.ts +1 -1
  34. package/src/ribbon/models/ribbon-gallery-settings.d.ts +3 -3
  35. package/src/ribbon/models/ribbon-gallery-settings.js +2 -2
  36. package/src/ribbon/modules/ribbon-backstage.d.ts +6 -3
  37. package/src/ribbon/modules/ribbon-backstage.js +65 -12
  38. package/src/ribbon/modules/ribbon-contextualtab.js +5 -2
  39. package/src/ribbon/modules/ribbon-keytip.d.ts +1 -0
  40. package/src/ribbon/modules/ribbon-keytip.js +58 -46
  41. package/styles/bootstrap-dark.css +452 -269
  42. package/styles/bootstrap-dark.scss +18 -1
  43. package/styles/bootstrap.css +456 -276
  44. package/styles/bootstrap.scss +18 -1
  45. package/styles/bootstrap4.css +455 -272
  46. package/styles/bootstrap4.scss +18 -1
  47. package/styles/bootstrap5-dark.css +470 -278
  48. package/styles/bootstrap5-dark.scss +18 -1
  49. package/styles/bootstrap5.css +470 -278
  50. package/styles/bootstrap5.scss +18 -1
  51. package/styles/fabric-dark.css +451 -269
  52. package/styles/fabric-dark.scss +18 -1
  53. package/styles/fabric.css +450 -272
  54. package/styles/fabric.scss +18 -1
  55. package/styles/fluent-dark.css +472 -277
  56. package/styles/fluent-dark.scss +18 -1
  57. package/styles/fluent.css +472 -277
  58. package/styles/fluent.scss +18 -1
  59. package/styles/fluent2.css +3868 -0
  60. package/styles/fluent2.scss +18 -0
  61. package/styles/highcontrast-light.css +445 -263
  62. package/styles/highcontrast-light.scss +17 -1
  63. package/styles/highcontrast.css +451 -273
  64. package/styles/highcontrast.scss +18 -1
  65. package/styles/material-dark.css +540 -283
  66. package/styles/material-dark.scss +18 -1
  67. package/styles/material.css +539 -289
  68. package/styles/material.scss +18 -1
  69. package/styles/material3-dark.css +496 -280
  70. package/styles/material3-dark.scss +18 -1
  71. package/styles/material3.css +496 -280
  72. package/styles/material3.scss +18 -1
  73. package/styles/ribbon/_bds-definition.scss +56 -20
  74. package/styles/ribbon/_bootstrap-dark-definition.scss +56 -20
  75. package/styles/ribbon/_bootstrap-definition.scss +57 -21
  76. package/styles/ribbon/_bootstrap4-definition.scss +57 -21
  77. package/styles/ribbon/_bootstrap5-definition.scss +57 -21
  78. package/styles/ribbon/_bootstrap5.3-definition.scss +396 -0
  79. package/styles/ribbon/_fabric-dark-definition.scss +55 -19
  80. package/styles/ribbon/_fabric-definition.scss +56 -20
  81. package/styles/ribbon/_fluent-definition.scss +59 -23
  82. package/styles/ribbon/_fluent2-definition.scss +396 -0
  83. package/styles/ribbon/_fusionnew-definition.scss +50 -14
  84. package/styles/ribbon/_highcontrast-definition.scss +58 -22
  85. package/styles/ribbon/_highcontrast-light-definition.scss +49 -13
  86. package/styles/ribbon/_layout.scss +359 -399
  87. package/styles/ribbon/_material-dark-definition.scss +56 -20
  88. package/styles/ribbon/_material-definition.scss +56 -20
  89. package/styles/ribbon/_material3-definition.scss +56 -19
  90. package/styles/ribbon/_tailwind-definition.scss +56 -20
  91. package/styles/ribbon/_theme.scss +118 -170
  92. package/styles/ribbon/bootstrap-dark.css +452 -269
  93. package/styles/ribbon/bootstrap.css +456 -276
  94. package/styles/ribbon/bootstrap4.css +455 -272
  95. package/styles/ribbon/bootstrap5-dark.css +470 -278
  96. package/styles/ribbon/bootstrap5.css +470 -278
  97. package/styles/ribbon/fabric-dark.css +451 -269
  98. package/styles/ribbon/fabric.css +450 -272
  99. package/styles/ribbon/fluent-dark.css +472 -277
  100. package/styles/ribbon/fluent.css +472 -277
  101. package/styles/ribbon/fluent2.css +3868 -0
  102. package/styles/ribbon/fluent2.scss +18 -0
  103. package/styles/ribbon/highcontrast-light.css +445 -263
  104. package/styles/ribbon/highcontrast.css +451 -273
  105. package/styles/ribbon/icons/_bootstrap5.3.scss +9 -0
  106. package/styles/ribbon/icons/_fluent2.scss +9 -0
  107. package/styles/ribbon/material-dark.css +540 -283
  108. package/styles/ribbon/material.css +539 -289
  109. package/styles/ribbon/material3-dark.css +496 -280
  110. package/styles/ribbon/material3.css +496 -280
  111. package/styles/ribbon/tailwind-dark.css +506 -280
  112. package/styles/ribbon/tailwind.css +506 -280
  113. package/styles/tailwind-dark.css +506 -280
  114. package/styles/tailwind-dark.scss +18 -1
  115. package/styles/tailwind.css +506 -280
  116. package/styles/tailwind.scss +18 -1
  117. package/CHANGELOG.md +0 -93
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 25.2.3
3
+ * version : 26.1.35
4
4
  * Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-ribbon@*",
3
- "_id": "@syncfusion/ej2-ribbon@25.1.35",
3
+ "_id": "@syncfusion/ej2-ribbon@21.29.0",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-BEmNtlHqDnj/tXBeToshBFyA9vPjECL7e/qPQIClCGrsd10pIoHVCf9z0R2Nu2ew5lf318YJx8rXrHk7+4alSQ==",
5
+ "_integrity": "sha512-5pvtwedln5W5Z8UZTcVLIUwEg1W0RNp/MjKPDjrMnOq2Mtiks1ha+z6JNehVWyZb3CsTTHEbvIxmebS/9a3hKQ==",
6
6
  "_location": "/@syncfusion/ej2-ribbon",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -23,10 +23,10 @@
23
23
  "/@syncfusion/ej2-react-ribbon",
24
24
  "/@syncfusion/ej2-vue-ribbon"
25
25
  ],
26
- "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-ribbon/-/ej2-ribbon-25.1.35.tgz",
27
- "_shasum": "ce6dc54e5b11f41316391525a5ee7b9ce24e007f",
26
+ "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-ribbon/-/ej2-ribbon-21.29.0.tgz",
27
+ "_shasum": "ab8d160c14d755a09c29188d6e1244bb8daf9634",
28
28
  "_spec": "@syncfusion/ej2-ribbon@*",
29
- "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
29
+ "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
30
30
  "author": {
31
31
  "name": "Syncfusion Inc."
32
32
  },
@@ -35,13 +35,13 @@
35
35
  },
36
36
  "bundleDependencies": false,
37
37
  "dependencies": {
38
- "@syncfusion/ej2-base": "~25.2.3",
39
- "@syncfusion/ej2-buttons": "~25.2.3",
40
- "@syncfusion/ej2-dropdowns": "~25.2.3",
41
- "@syncfusion/ej2-lists": "~25.2.3",
42
- "@syncfusion/ej2-navigations": "~25.2.3",
43
- "@syncfusion/ej2-popups": "~25.2.3",
44
- "@syncfusion/ej2-splitbuttons": "~25.2.3"
38
+ "@syncfusion/ej2-base": "~26.1.35",
39
+ "@syncfusion/ej2-buttons": "~26.1.35",
40
+ "@syncfusion/ej2-dropdowns": "~26.1.35",
41
+ "@syncfusion/ej2-lists": "~26.1.35",
42
+ "@syncfusion/ej2-navigations": "~26.1.35",
43
+ "@syncfusion/ej2-popups": "~26.1.35",
44
+ "@syncfusion/ej2-splitbuttons": "~26.1.35"
45
45
  },
46
46
  "deprecated": false,
47
47
  "description": "Essential JS 2 Component",
@@ -62,6 +62,6 @@
62
62
  "url": "git+https://github.com/syncfusion/ej2-ribbon-component.git"
63
63
  },
64
64
  "typings": "index.d.ts",
65
- "version": "25.2.3",
65
+ "version": "26.1.35",
66
66
  "sideEffects": false
67
67
  }
@@ -369,3 +369,17 @@ export interface ribbonTooltipData {
369
369
  id: string;
370
370
  data: RibbonTooltipModel;
371
371
  }
372
+ /**
373
+ * @hidden
374
+ */
375
+ export interface KeyTipDataType {
376
+ id: string;
377
+ keyTip: string;
378
+ type: string;
379
+ }
380
+ /**
381
+ * @hidden
382
+ */
383
+ export interface KeyTipElements {
384
+ [key: string]: object;
385
+ }
@@ -1,4 +1,4 @@
1
- import { addClass, append, Event, Collection, Complex, Component, EmitType, EventHandler, formatUnit, getInstance, getComponent, getUniqueID, closest, KeyboardEventArgs, KeyboardEvents } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, isNullOrUndefined, isUndefined, ModuleDeclaration, NotifyPropertyChanges, Property, remove, removeClass, MouseEventArgs } from '@syncfusion/ej2-base';import { Tab, TabAnimationSettings, TabAnimationSettingsModel, TabItemModel, SelectEventArgs, SelectingEventArgs, HScroll, Toolbar } from '@syncfusion/ej2-navigations';import { RibbonTab, RibbonTabModel, RibbonGroupModel, RibbonCollectionModel, RibbonItemModel, FileMenuSettings, FileMenuSettingsModel, BackStageMenu, BackStageMenuModel, RibbonItem, RibbonCollection, RibbonGroup, RibbonContextualTabSettingsModel, RibbonContextualTabSettings, RibbonGallerySettingsModel, RibbonGallerySettings } from '../models/index';import { commonProperties, DisplayMode, ExpandCollapseEventArgs, itemProps, LauncherClickEventArgs, OverflowPopupEventArgs, ribbonItemPropsList, RibbonLayout, ribbonTooltipData, TabSelectedEventArgs, TabSelectingEventArgs } from './interface';import { ItemOrientation, RibbonItemSize, RibbonItemType } from './interface';import { RibbonButton, RibbonComboBox, RibbonCheckBox, RibbonDropDown, RibbonColorPicker, RibbonSplitButton, RibbonGroupButton } from '../items/index';import { destroyControl, getCollection, getGroup, getIndex, getItem, getItemElement, updateCommonProperty, updateControlDisabled, isTooltipPresent, getTemplateFunction, createTooltip, destroyTooltip, updateTooltipProp } from './utils';import * as constants from './constant';import { RibbonFileMenu, RibbonBackstage, RibbonKeyTip } from '../modules/index';import { RibbonTooltipModel } from '../models/ribbon-tooltip-model';import { Popup } from '@syncfusion/ej2-popups';import { BeforeOpenCloseMenuEventArgs, DropDownButton, SplitButton } from '@syncfusion/ej2-splitbuttons';import { CheckBox } from '@syncfusion/ej2-buttons';import { RibbonContextualTab } from '../modules/ribbon-contextualtab';import { RibbonGallery } from '../items/ribbon-gallery';
1
+ import { addClass, append, Event, Collection, Complex, Component, EmitType, EventHandler, formatUnit, getInstance, getComponent, getUniqueID, closest, KeyboardEventArgs, KeyboardEvents } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, isNullOrUndefined, isUndefined, ModuleDeclaration, NotifyPropertyChanges, Property, remove, removeClass } from '@syncfusion/ej2-base';import { Tab, TabAnimationSettings, TabAnimationSettingsModel, TabItemModel, SelectEventArgs, SelectingEventArgs, HScroll, Toolbar } from '@syncfusion/ej2-navigations';import { RibbonTab, RibbonTabModel, RibbonGroupModel, RibbonCollectionModel, RibbonItemModel, FileMenuSettings, FileMenuSettingsModel, BackStageMenu, BackStageMenuModel, RibbonItem, RibbonCollection, RibbonGroup, RibbonContextualTabSettingsModel, RibbonContextualTabSettings } from '../models/index';import { commonProperties, DisplayMode, ExpandCollapseEventArgs, itemProps, LauncherClickEventArgs, OverflowPopupEventArgs, ribbonItemPropsList, RibbonLayout, ribbonTooltipData, TabSelectedEventArgs, TabSelectingEventArgs } from './interface';import { ItemOrientation, RibbonItemSize, RibbonItemType, KeyTipDataType } from './interface';import { RibbonButton, RibbonComboBox, RibbonCheckBox, RibbonDropDown, RibbonColorPicker, RibbonSplitButton, RibbonGroupButton } from '../items/index';import { destroyControl, getCollection, getGroup, getIndex, getItem, getItemElement, updateCommonProperty, updateControlDisabled, isTooltipPresent, getTemplateFunction, createTooltip, destroyTooltip, updateTooltipProp } from './utils';import * as constants from './constant';import { RibbonFileMenu, RibbonBackstage, RibbonKeyTip } from '../modules/index';import { RibbonTooltipModel } from '../models/ribbon-tooltip-model';import { Popup } from '@syncfusion/ej2-popups';import { BeforeOpenCloseMenuEventArgs, DropDownButton, SplitButton } from '@syncfusion/ej2-splitbuttons';import { CheckBox } from '@syncfusion/ej2-buttons';import { RibbonContextualTab } from '../modules/ribbon-contextualtab';import { RibbonGallery } from '../items/ribbon-gallery';
2
2
  import {ComponentModel} from '@syncfusion/ej2-base';
3
3
 
4
4
  /**
@@ -354,6 +354,7 @@ export declare class Ribbon extends Component<HTMLElement> implements INotifyPro
354
354
  private createTemplateContent;
355
355
  private renderItemTemplate;
356
356
  private checkID;
357
+ private hasHtmlAtrrID;
357
358
  private updateCommonProperty;
358
359
  private removeLauncherIcon;
359
360
  private destroyTabItems;
@@ -384,6 +385,7 @@ export declare class Ribbon extends Component<HTMLElement> implements INotifyPro
384
385
  * Shows a specific tab in the ribbon.
385
386
  *
386
387
  * @param {string} tabId - The ID of the tab to be shown.
388
+ * @param {boolean} isContextual - The boolean if the rendering is contextual.
387
389
  * @returns {void}
388
390
  */
389
391
  showTab(tabId: string, isContextual?: boolean): void;
@@ -391,6 +393,7 @@ export declare class Ribbon extends Component<HTMLElement> implements INotifyPro
391
393
  * Hides a specific tab in the ribbon.
392
394
  *
393
395
  * @param {string} tabId - The ID of the tab to be hidden.
396
+ * @param {boolean} isContextual - The boolean if the rendering is contextual.
394
397
  * @returns {void}
395
398
  */
396
399
  hideTab(tabId: string, isContextual?: boolean): void;
@@ -580,7 +583,7 @@ export declare class Ribbon extends Component<HTMLElement> implements INotifyPro
580
583
  * Gets the Ribbon item model associated with the specified item ID.
581
584
  *
582
585
  * @param {string} itemId - The unique ID of the Ribbon item.
583
- * @returns {RibbonItemModel}
586
+ * @returns {RibbonItemModel} - Returns the Ribbon item model.
584
587
  */
585
588
  getItem(itemId: string): RibbonItemModel;
586
589
  private enableDisableItem;