@syncfusion/ej2-splitbuttons 24.2.7 → 25.1.37

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.2.7
+*  version : 25.1.37
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-splitbuttons@*",
-  "_id": "@syncfusion/ej2-splitbuttons@24.2.5",
+  "_id": "@syncfusion/ej2-splitbuttons@19.16.4",
   "_inBundle": false,
-  "_integrity": "sha512-HFxtlYDnrOiSFNHWn0iAIMtM8Gd79G8AXYWW9gmNKi5jv0XQh7FMt/q6b8SBlIPnk7t9bJI/90TAEYnKktZWJw==",
+  "_integrity": "sha512-GuWnAJmoZRK129vdhPY6RwM8xZ7Tw/D6imDRLTY6Z2L1I/Sl102gu81/FVZgZczCu/faGBJkUT356sIW4cqNIA==",
   "_location": "/@syncfusion/ej2-splitbuttons",
   "_phantomChildren": {},
   "_requested": {
@@ -33,10 +33,10 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-splitbuttons"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-24.2.5.tgz",
-  "_shasum": "2e25356568e1d51bb4a14150d8d32fada6f0237e",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-19.16.4.tgz",
+  "_shasum": "7d57e5fea80e9d1f57312b2aaaab87a7d0e1f235",
   "_spec": "@syncfusion/ej2-splitbuttons@*",
-  "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -45,8 +45,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.2.7",
-    "@syncfusion/ej2-popups": "~24.2.5"
+    "@syncfusion/ej2-base": "~25.1.35",
+    "@syncfusion/ej2-popups": "~25.1.35"
   },
   "deprecated": false,
   "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.",
@@ -89,6 +89,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "24.2.7",
+  "version": "25.1.37",
   "sideEffects": false
 }

package/src/drop-down-button/drop-down-button-model.d.ts

@@ -46,9 +46,10 @@ export interface DropDownButtonModel extends ComponentModel{
     iconPosition?: SplitButtonIconPosition;
 
     /**
-     * Defines whether to allow the cross-scripting site or not.
+     * Specifies whether to enable the rendering of untrusted HTML values in the DropDownButton component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
     enableHtmlSanitizer?: boolean;
 

package/src/drop-down-button/drop-down-button.d.ts

@@ -65,9 +65,10 @@ export declare class DropDownButton extends Component<HTMLButtonElement> impleme
      */
     iconPosition: SplitButtonIconPosition;
     /**
-     * Defines whether to allow the cross-scripting site or not.
+     * Specifies whether to enable the rendering of untrusted HTML values in the DropDownButton component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
     enableHtmlSanitizer: boolean;
     /**

package/src/drop-down-button/drop-down-button.js

@@ -803,7 +803,7 @@ var DropDownButton = /** @class */ (function (_super) {
         Property('Left')
     ], DropDownButton.prototype, "iconPosition", void 0);
     __decorate([
-        Property(false)
+        Property(true)
     ], DropDownButton.prototype, "enableHtmlSanitizer", void 0);
     __decorate([
         Collection([], Item)

package/src/progress-button/progress-button-model.d.ts

@@ -146,9 +146,10 @@ export interface ProgressButtonModel {
     isToggle?: boolean;
 
     /**
-     * Defines whether to allow the cross-scripting site or not.
+     * Specifies whether to enable the rendering of untrusted HTML values in the Progress button component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
     enableHtmlSanitizer?: boolean;
 

package/src/progress-button/progress-button.d.ts

@@ -145,9 +145,10 @@ export declare class ProgressButton extends Button implements INotifyPropertyCha
      */
     isToggle: boolean;
     /**
-     * Defines whether to allow the cross-scripting site or not.
+     * Specifies whether to enable the rendering of untrusted HTML values in the Progress button component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
     enableHtmlSanitizer: boolean;
     /**

package/src/progress-button/progress-button.js

@@ -512,7 +512,7 @@ var ProgressButton = /** @class */ (function (_super) {
         Property(false)
     ], ProgressButton.prototype, "isToggle", void 0);
     __decorate([
-        Property(false)
+        Property(true)
     ], ProgressButton.prototype, "enableHtmlSanitizer", void 0);
     __decorate([
         Complex({}, SpinSettings)

package/styles/button-group/_bds-definition.scss

@@ -0,0 +1,31 @@
+//layout variables
+$btn-grp-margin: -1px !default;
+$btn-grp-margin-left: -1px !default;
+$btn-grp-wrapper-border: 4px !default;
+$btn-grp-round-radius: 20px !default;
+$btn-grp-icon-font-size: $text-lg !default;
+$btn-grp-icon-font-size-bigger: 22px !default;
+
+//Normal Outline GroupButton
+$btn-grp-outline-focus-border-color: $secondary-border-color !default;
+$btn-grp-outline-focus-color: inherit !default;
+
+//Outline Primary
+$btn-grp-outline-primary-focus-border-color: $primary !default;
+$btn-grp-outline-focus-primary-color: inherit !default;
+
+//Outline Success
+$btn-grp-outline-success-focus-border-color: $btn-success-focus-border-color !default;
+$btn-grp-outline-focus-success-color: inherit !default;
+
+//Outline Info
+$btn-grp-outline-info-focus-border-color: $btn-info-focus-border-color !default;
+$btn-grp-outline-focus-info-color: inherit !default;
+
+//Outline warning
+$btn-grp-outline-warning-focus-border-color: $btn-warning-focus-border-color !default;
+$btn-grp-outline-focus-warning-color: inherit !default;
+
+//Outline danger
+$btn-grp-outline-danger-focus-border-color: $btn-danger-focus-border-color !default;
+$btn-grp-outline-focus-danger-color: inherit !default;

package/styles/drop-down-button/_bds-definition.scss

@@ -0,0 +1,89 @@
+//layout variables
+$drop-down-btn-arrow-content: '\e706' !default;
+$drop-down-btn-vertical-btn-padding: 6px 12px !default;
+$drop-down-btn-vertical-bigger-padding: 8px 16px !default;
+$drop-down-btn-bigger-font-size: $text-base !default;
+$drop-down-btn-bigger-li-height: 40px !default;
+$drop-down-btn-bigger-max-width: 240px !default;
+$drop-down-btn-bigger-min-width: 112px !default;
+$drop-down-btn-icon-font-size: $text-sm !default;
+$drop-down-btn-icon-margin-right: 12px !default;
+$drop-down-btn-bigger-icon-margin-right: 12px !default;
+$drop-down-btn-li-border-width: 1px !default;
+$drop-down-btn-li-height: 32px !default;
+$drop-down-btn-li-padding: 0 12px !default;
+$drop-down-btn-bigger-li-padding: 0 16px !default;
+$drop-down-btn-small-li-padding: 0 8px !default;
+$drop-down-btn-max-width: 178px !default;
+$drop-down-btn-menu-icon-bigger-font-size: 22px !default;
+$drop-down-btn-menu-icon-font-size: $text-lg !default;
+$drop-down-btn-min-width: 120px !default;
+$drop-down-btn-seperator-padding: 3px 0 !default;
+$drop-down-btn-sub-ul-box-shadow: none !default;
+$drop-down-btn-ul-border-radius: 8px !default;
+$drop-down-btn-ul-padding: 4px 0 !default;
+$drop-down-btn-ul-bigger-padding: 4px 0 !default;
+$drop-down-btn-ul-small-padding: 4px 0 !default;
+$drop-down-btn-caret-icon-font-size: $text-lg !default;
+$drop-down-btn-icon-font-size-bigger: $text-base !default;
+$drop-down-btn-caret-icon-font-size-bigger: 22px !default;
+$drop-down-btn-box-shadow: $shadow-focus-ring2 !default;
+$drop-down-btn-popup-margin-top: 4px !default;
+$drop-down-btn-bigger-popup-margin-top: 4px !default;
+$drop-down-btn-ul-border: 1px solid $border-light !default;
+$drop-down-btn-li-box-shadow: none !default;
+$drop-down-btn-li-border-style: solid !default;
+$drop-down-btn-color: $secondary-text-color !default;
+$drop-down-btn-disable-text: $secondary-text-color-disabled !default;
+$drop-down-btn-font-size: $text-sm !default;
+$drop-down-btn-font-weight: $font-weight-medium !default;
+$drop-down-btn-li-bgcolor: $content-bg-color-hover !default;
+$drop-down-btn-ul-bgcolor: $flyout-bg-color !default;
+$drop-down-btn-li-border-color: $border-light !default;
+$drop-down-btn-selected-color: $content-text-color-selected !default;
+$drop-down-btn-parent-ul-box-shadow: $shadow-lg !default;
+$drop-down-btn-li-focus-bgcolor: $content-bg-color-hover !default;
+$drop-down-btn-li-selection-bgcolor: $content-bg-color-selected !default;
+$drop-down-btn-li-selection-font-color: $content-text-color-selected !default;
+$drop-down-btn-menu-icon-color: $secondary-text-color !default;
+$drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;
+
+.e-dropdown-popup {
+  position: absolute;
+  @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $theme-name == 'tailwind-dark' or $theme-name == 'bootstrap5-dark' {
+    border-radius: $drop-down-btn-ul-border-radius;
+    margin-top: $drop-down-btn-popup-margin-top;
+  }
+
+  & ul {
+    border: $drop-down-btn-ul-border;
+    border-radius: $drop-down-btn-ul-border-radius;
+    box-shadow: $drop-down-btn-parent-ul-box-shadow;
+    box-sizing: border-box;
+    font-size: $drop-down-btn-font-size;
+    font-weight: $drop-down-btn-font-weight;
+    list-style-image: none;
+    list-style-position: outside;
+    list-style-type: none;
+    margin: 0;
+    min-width: $drop-down-btn-min-width;
+    overflow: hidden;
+    padding: $drop-down-btn-ul-padding;
+    user-select: none;
+    white-space: nowrap;
+    
+    & .e-item  {
+      cursor: pointer;
+      display: flex;
+      height: $drop-down-btn-li-height;
+      line-height: $drop-down-btn-li-height;
+      padding: $drop-down-btn-li-padding;
+      margin: 0 6px;
+      border-radius: 6px;
+      
+      &.e-url {
+        padding: 0;
+      }
+    }
+  }
+}

package/styles/drop-down-button/icons/_bds.scss

@@ -0,0 +1,10 @@
+@include export-module('drop-down-button-bds-icons') {
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    .e-caret {
+      &::before {
+        content: '\e729';
+      }
+    }
+  }
+}

package/styles/progress-button/_bds-definition.scss

@@ -0,0 +1,28 @@
+//layout variables
+$skin-name :'Material3';
+$progress-btn-circle-opacity: .8 !default;
+$progress-btn-transition: all .3s linear !default;
+$progress-btn-spinner-padding: 12px !default;
+$progress-btn-spinner-padding-small: 10px !default;
+$progress-btn-spinner-padding-bigger: 14px !default;
+$progress-btn-spinner-padding-bigger-small: 12px !default;
+$progress-btn-spin-btn-padding: 16px !default;
+$progress-btn-small-spin-btn-padding: 14px !default;
+$progress-btn-bigger-spin-btn-padding: 20px !default;
+$progress-btn-bigger-small-spin-btn-padding: 16px !default;
+$progress-btn-color: $secondary-text-color !default;
+$progress-btn-bgcolor: rgba($icon-color, .2) !default;
+$progress-btn-bgcolor-normal: rgba($icon-color, .2) !default;
+$progress-btn-warning-progress-color: $progress-btn-bgcolor !default;
+$progress-btn-flat-primary-progress-color: rgba($primary-text-color, 1) !default;
+$progress-btn-flat-success-progress-color: rgba($success-text, 1) !default;
+$progress-btn-flat-info-progress-color: rgba($info-text, 1) !default;
+$progress-btn-flat-warning-progress-color: rgba($warning-text, 1) !default;
+$progress-btn-flat-danger-progress-color: rgba($danger-text, 1) !default;
+$btn-flat-primary-path-arc: $white;
+
+$fade-out: none !default;
+
+.e-path-circle {
+  stroke: $fade-out;
+}

package/styles/split-button/_bds-definition.scss

@@ -0,0 +1,24 @@
+//layout variables
+$split-btn-zindex: 2 !default;
+$split-btn-border-radius: 8px !default;
+$split-btn-focus-outline-offset: 0 !default;
+$split-btn-vertical-secondary-icon-line-height: .334em !default;
+$split-btn-seperator-border: 1px solid !default;
+$split-btn-sec-btn-margin-left: -1px !default;
+$split-btn-icon-btn-padding: 10px !default;
+$split-btn-icon-btn-padding-bigger: 12px !default;
+$split-btn-focus-border-color: $secondary-border-color !default;
+$split-btn-focus-vertical-border-color: $secondary-border-color !default;
+$split-btn-seperator-border-color: $secondary-border-color !default;
+$split-btn-seperator-default-border-color: $secondary-border-color !default;
+$split-btn-seperator-vertical-border-color: $secondary-border-color !default;
+$split-btn-hover-border-color: $secondary-border-color !default;
+$split-btn-hover-vertical-border-color: $secondary-border-color !default;
+$split-btn-active-border-color: $secondary-bg-color-pressed !default;
+$split-btn-active-vertical-border-color: $secondary-bg-color-pressed !default;
+$split-btn-disabled-vertical-border-color: $secondary-border-color !default;
+$split-btn-active-box-shadow: $secondary-shadow-focus !default;
+$split-btn-disabled-left-border-color: $secondary-border-color !default;
+$split-btn-hover-left-border-color: $secondary-border-color !default;
+$split-btn-focus-left-border-color: $secondary-border-color !default;
+$split-btn-active-left-border-color: $secondary-border-color !default;