@syncfusion/ej2-ribbon 23.1.41 → 23.1.44

package/src/ribbon/models/ribbon-checkbox-settings-model.d.ts

@@ -33,6 +33,13 @@ export interface RibbonCheckBoxSettingsModel {
      */
     labelPosition?: LabelPosition;
 
+    /**
+     * Specifies additional HTML attributes to be applied to the checkbox.
+     *
+     * @default {}
+     */
+    htmlAttributes?: { [key: string]: string };
+
     /**
      * Event triggers once the checkbox is created.
      *

package/src/ribbon/models/ribbon-checkbox-settings.d.ts

@@ -28,6 +28,14 @@ export declare class RibbonCheckBoxSettings extends ChildProperty<RibbonCheckBox
      * @default 'After'
      */
     labelPosition: LabelPosition;
+    /**
+     * Specifies additional HTML attributes to be applied to the checkbox.
+     *
+     * @default {}
+     */
+    htmlAttributes: {
+        [key: string]: string;
+    };
     /**
      * Event triggers once the checkbox is created.
      *

package/src/ribbon/models/ribbon-checkbox-settings.js

@@ -47,6 +47,9 @@ var RibbonCheckBoxSettings = /** @class */ (function (_super) {
     __decorate([
         Property('After')
     ], RibbonCheckBoxSettings.prototype, "labelPosition", void 0);
+    __decorate([
+        Property({})
+    ], RibbonCheckBoxSettings.prototype, "htmlAttributes", void 0);
     __decorate([
         Event()
     ], RibbonCheckBoxSettings.prototype, "created", void 0);

package/src/ribbon/models/ribbon-colorpicker-settings-model.d.ts

@@ -69,6 +69,13 @@ export interface RibbonColorPickerSettingsModel {
      */
     value?: string;
 
+    /**
+     * Specifies additional HTML attributes to be applied to the color picker.
+     *
+     * @default {}
+     */
+    htmlAttributes?: { [key: string]: string };
+
     /**
      * Event triggers before closing the ColorPicker popup.
      *

package/src/ribbon/models/ribbon-colorpicker-settings.d.ts

@@ -61,6 +61,14 @@ export declare class RibbonColorPickerSettings extends ChildProperty<RibbonColor
      * @default '#008000ff'
      */
     value: string;
+    /**
+     * Specifies additional HTML attributes to be applied to the color picker.
+     *
+     * @default {}
+     */
+    htmlAttributes: {
+        [key: string]: string;
+    };
     /**
      * Event triggers before closing the ColorPicker popup.
      *

package/src/ribbon/models/ribbon-colorpicker-settings.js

@@ -62,6 +62,9 @@ var RibbonColorPickerSettings = /** @class */ (function (_super) {
     __decorate([
         Property('#008000ff')
     ], RibbonColorPickerSettings.prototype, "value", void 0);
+    __decorate([
+        Property({})
+    ], RibbonColorPickerSettings.prototype, "htmlAttributes", void 0);
     __decorate([
         Event()
     ], RibbonColorPickerSettings.prototype, "beforeClose", void 0);

package/src/ribbon/models/ribbon-combobox-settings-model.d.ts

@@ -209,6 +209,13 @@ export interface RibbonComboBoxSettingsModel {
      */
     width?: string | number;
 
+    /**
+     * Specifies additional HTML attributes to be applied to the combobox.
+     *
+     * @default {}
+     */
+    htmlAttributes?: { [key: string]: string };
+
     /**
      * Event triggers before opening the popup.
      *

package/src/ribbon/models/ribbon-combobox-settings.d.ts

@@ -191,6 +191,14 @@ export declare class RibbonComboBoxSettings extends ChildProperty<RibbonComboBox
      * @aspType string
      */
     width: string | number;
+    /**
+     * Specifies additional HTML attributes to be applied to the combobox.
+     *
+     * @default {}
+     */
+    htmlAttributes: {
+        [key: string]: string;
+    };
     /**
      * Event triggers before opening the popup.
      *

package/src/ribbon/models/ribbon-combobox-settings.js

@@ -96,6 +96,9 @@ var RibbonComboBoxSettings = /** @class */ (function (_super) {
     __decorate([
         Property('150px')
     ], RibbonComboBoxSettings.prototype, "width", void 0);
+    __decorate([
+        Property({})
+    ], RibbonComboBoxSettings.prototype, "htmlAttributes", void 0);
     __decorate([
         Event()
     ], RibbonComboBoxSettings.prototype, "beforeOpen", void 0);

package/src/ribbon/models/ribbon-dropdown-settings-model.d.ts

@@ -55,6 +55,13 @@ export interface RibbonDropDownSettingsModel {
      */
     createPopupOnClick?: boolean;
 
+    /**
+     * Specifies additional HTML attributes to be applied to the DropDownButton.
+     *
+     * @default {}
+     */
+    htmlAttributes?: { [key: string]: string };
+
     /**
      * Triggers before closing the DropDownButton popup.
      *

package/src/ribbon/models/ribbon-dropdown-settings.d.ts

@@ -47,6 +47,14 @@ export declare class RibbonDropDownSettings extends ChildProperty<RibbonDropDown
      * @default false
      */
     createPopupOnClick: boolean;
+    /**
+     * Specifies additional HTML attributes to be applied to the DropDownButton.
+     *
+     * @default {}
+     */
+    htmlAttributes: {
+        [key: string]: string;
+    };
     /**
      * Triggers before closing the DropDownButton popup.
      *

package/src/ribbon/models/ribbon-dropdown-settings.js

@@ -57,6 +57,9 @@ var RibbonDropDownSettings = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], RibbonDropDownSettings.prototype, "createPopupOnClick", void 0);
+    __decorate([
+        Property({})
+    ], RibbonDropDownSettings.prototype, "htmlAttributes", void 0);
     __decorate([
         Event()
     ], RibbonDropDownSettings.prototype, "beforeClose", void 0);

package/src/ribbon/models/ribbon-group-button-item-model.d.ts

@@ -33,6 +33,13 @@ export interface RibbonGroupButtonItemModel {
      */
     selected?: boolean;
 
+    /**
+     * Specifies additional HTML attributes to be applied to the group button item.
+     *
+     * @default {}
+     */
+    htmlAttributes?: { [key: string]: string };
+
     /**
      * Triggers before clicking the button from group button.
      *

package/src/ribbon/models/ribbon-group-button-item.d.ts

@@ -29,6 +29,14 @@ export declare class RibbonGroupButtonItem extends ChildProperty<RibbonGroupButt
      * @default false
      */
     selected: boolean;
+    /**
+     * Specifies additional HTML attributes to be applied to the group button item.
+     *
+     * @default {}
+     */
+    htmlAttributes: {
+        [key: string]: string;
+    };
     /**
      * Triggers before clicking the button from group button.
      *

package/src/ribbon/models/ribbon-group-button-item.js

@@ -39,6 +39,9 @@ var RibbonGroupButtonItem = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], RibbonGroupButtonItem.prototype, "selected", void 0);
+    __decorate([
+        Property({})
+    ], RibbonGroupButtonItem.prototype, "htmlAttributes", void 0);
     __decorate([
         Event()
     ], RibbonGroupButtonItem.prototype, "beforeClick", void 0);

package/src/ribbon/models/ribbon-splitbutton-settings-model.d.ts

@@ -48,6 +48,13 @@ export interface RibbonSplitButtonSettingsModel {
      */
     target?: string | HTMLElement;
 
+    /**
+     * Specifies additional HTML attributes to be applied to the SplitButton.
+     *
+     * @default {}
+     */
+    htmlAttributes?: { [key: string]: string };
+
     /**
      * Triggers before closing the SplitButton popup.
      *

package/src/ribbon/models/ribbon-splitbutton-settings.d.ts

@@ -41,6 +41,14 @@ export declare class RibbonSplitButtonSettings extends ChildProperty<RibbonSplit
      * @aspType string
      */
     target: string | HTMLElement;
+    /**
+     * Specifies additional HTML attributes to be applied to the SplitButton.
+     *
+     * @default {}
+     */
+    htmlAttributes: {
+        [key: string]: string;
+    };
     /**
      * Triggers before closing the SplitButton popup.
      *

package/src/ribbon/models/ribbon-splitbutton-settings.js

@@ -54,6 +54,9 @@ var RibbonSplitButtonSettings = /** @class */ (function (_super) {
     __decorate([
         Property('')
     ], RibbonSplitButtonSettings.prototype, "target", void 0);
+    __decorate([
+        Property({})
+    ], RibbonSplitButtonSettings.prototype, "htmlAttributes", void 0);
     __decorate([
         Event()
     ], RibbonSplitButtonSettings.prototype, "beforeClose", void 0);