@syncfusion/ej2-material-theme 34.1.32 → 34.2.2

package/styles/offline-theme/material.css

@@ -46774,6 +46774,10 @@ ejs-listbox {
   height: calc(100% - 103px) !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-mention-placeholder {
+  display: block;
+}
+
 .e-de-dlg-container {
   padding-bottom: 12px;
 }
@@ -49663,6 +49667,34 @@ label[for*=_wholeWord_e-de-rtl] {
   width: 20px;
 }
 
+.e-de-image-property-input {
+  width: 100%;
+}
+
+.e-de-cell-margin-input {
+  width: 48px;
+}
+
+.e-de-border-style-svg {
+  width: 98%;
+}
+
+.e-de-cell-margin-textbox {
+  width: 100%;
+}
+
+.e-de-gallery-normal {
+  font-family: Calibri;
+  font-size: 11pt;
+}
+
+.e-de-gallery-heading1 {
+  font-family: "Calibri Light";
+  font-size: 16pt;
+  color: rgb(47, 84, 150);
+  font-weight: bold;
+}
+
 .e-de-cp-option.e-btn.e-icon-btn span {
   margin-top: 0;
   background: #fff;
@@ -52018,7 +52050,7 @@ label[for*=_wholeWord_e-de-rtl] {
   display: inline-flex;
   font-size: 13px;
   height: 100%;
-  padding-top: 8px;
+  padding-top: 4px;
 }
 .e-de-ctnr-pg-no span {
   border: 1px solid transparent;
@@ -52030,7 +52062,7 @@ label[for*=_wholeWord_e-de-rtl] {
   display: inline-flex;
   font-size: 13px;
   height: 100%;
-  padding-top: 8px;
+  padding-top: 4px;
   width: calc(100% - 146px);
 }
 .e-de-ctnr-pg-no-spellout span {
@@ -55043,6 +55075,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 
 /*! Excel-Filter bigger */
+.sf-grid .e-excelfilter.e-bigger .e-contextmenu-container ul:not(.e-ul) {
+  max-width: 100%;
+}
+
 .e-bigger .sf-grid .e-contextmenu-container ul .e-menu-item.e-menu-item .e-caret {
   line-height: 48px;
 }
@@ -63696,7 +63732,6 @@ ejs-filemanager {
 }
 .e-progress-btn.e-progress-active {
   overflow: hidden;
-  pointer-events: none;
 }
 .e-progress-btn.e-progress-active .e-progress {
   opacity: 1;
@@ -64189,6 +64224,7 @@ ejs-filemanager {
   position: relative;
 }
 .e-richtexteditor .e-rte-container {
+  position: relative;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
@@ -100571,9 +100607,12 @@ span.e-pv-redaction-opactity-value {
 }
 .e-ribbon.e-rbn .e-disabled,
 .e-ribbon-group-overflow-ddb .e-disabled {
-  opacity: 0.35;
   pointer-events: none;
 }
+.e-ribbon.e-rbn .e-disabled:not(.e-btn.e-disabled):not(.e-checkbox-wrapper.e-checkbox-disabled):not(.e-input-group.e-disabled):not(.e-split-btn-wrapper.e-splitbtn-disabled):not(.e-combobox.e-disabled),
+.e-ribbon-group-overflow-ddb .e-disabled:not(.e-btn.e-disabled):not(.e-checkbox-wrapper.e-checkbox-disabled):not(.e-input-group.e-disabled):not(.e-split-btn-wrapper.e-splitbtn-disabled):not(.e-combobox.e-disabled) {
+  opacity: 0.35;
+}
 .e-ribbon.e-rbn .e-input-group,
 .e-ribbon-group-overflow-ddb .e-input-group {
   height: 32px;
@@ -110252,4 +110291,565 @@ span.e-pv-redaction-opactity-value {
 .e-bigger .e-chart-wizard-context-menu .e-chart-wizard-list,
 .e-chart-wizard-context-menu.e-bigger .e-chart-wizard-list {
   padding: 8px 12px;
+}
+
+.form-renderer-container {
+  padding: 2rem;
+}
+
+.form-renderer-container hr {
+  border: none;
+  height: 0.5px;
+  margin: 0;
+}
+
+.form-renderer {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  gap: 1.5rem;
+  /* stylelint-disable-next-line property-no-unknown */
+  container-type: inline-size;
+}
+
+.form-renderer.twolayout {
+  display: -ms-grid;
+  display: grid;
+  -ms-grid-columns: (1fr)[2];
+      grid-template-columns: repeat(2, 1fr);
+  gap: 1.5rem;
+}
+
+.form-renderer.threelayout {
+  display: -ms-grid;
+  display: grid;
+  -ms-grid-columns: (1fr)[3];
+      grid-template-columns: repeat(3, 1fr);
+  gap: 1.5rem;
+}
+
+.form-renderer.fourlayout {
+  display: -ms-grid;
+  display: grid;
+  -ms-grid-columns: (1fr)[4];
+      grid-template-columns: repeat(4, 1fr);
+  gap: 1.5rem;
+}
+
+.form-renderer.twolayout > .form-group:has(.e-btn),
+.form-renderer.threelayout > .form-group:has(.e-btn),
+.form-renderer.fourlayout > .form-group:has(.e-btn) {
+  -ms-flex-item-align: end;
+      align-self: flex-end;
+}
+
+.form-renderer.twolayout > .form-group:has(.e-message),
+.form-renderer.threelayout > .form-group:has(.e-message),
+.form-renderer.fourlayout > .form-group:has(.e-message) {
+  -ms-flex-item-align: end;
+      align-self: flex-end;
+}
+
+.form-renderer.twolayout > .form-group:has(.e-checkbox),
+.form-renderer.threelayout > .form-group:has(.e-checkbox),
+.form-renderer.fourlayout > .form-group:has(.e-checkbox) {
+  -ms-flex-item-align: end;
+      align-self: flex-end;
+}
+
+.form-renderer.twolayout > .form-group:has(.e-switch),
+.form-renderer.threelayout > .form-group:has(.e-switch),
+.form-renderer.fourlayout > .form-group:has(.e-switch) {
+  -ms-flex-item-align: end;
+      align-self: flex-end;
+}
+
+.form-renderer.twolayout > .form-group:last-child:has(.form-submit-type):not(:has(.form-reset-type)),
+.form-renderer.threelayout > .form-group:last-child:has(.form-submit-type):not(:has(.form-reset-type)),
+.form-renderer.fourlayout > .form-group:last-child:has(.form-submit-type):not(:has(.form-reset-type)) {
+  grid-column: 1/-1;
+}
+
+.form-renderer.twolayout > .form-group:nth-last-child(2):has(.form-reset-type),
+.form-renderer.twolayout > .form-group:nth-last-child(2):has(.form-reset-type) ~ .form-group:last-child:has(.form-submit-type),
+.form-renderer.threelayout > .form-group:nth-last-child(2):has(.form-reset-type),
+.form-renderer.threelayout > .form-group:nth-last-child(2):has(.form-reset-type) ~ .form-group:last-child:has(.form-submit-type),
+.form-renderer.fourlayout > .form-group:nth-last-child(2):has(.form-reset-type),
+.form-renderer.fourlayout > .form-group:nth-last-child(2):has(.form-reset-type) ~ .form-group:last-child:has(.form-submit-type) {
+  -ms-grid-column: auto;
+      grid-column: auto;
+}
+
+/* stylelint-disable-next-line at-rule-no-unknown */
+@container (max-width: 768px) {
+  .form-renderer.fourlayout {
+    -ms-grid-columns: (1fr)[2];
+        grid-template-columns: repeat(2, 1fr);
+  }
+  .form-renderer.threelayout {
+    -ms-grid-columns: (1fr)[2];
+        grid-template-columns: repeat(2, 1fr);
+  }
+}
+/* stylelint-disable-next-line at-rule-no-unknown */
+@container (max-width: 480px) {
+  .form-renderer.twolayout,
+  .form-renderer.threelayout,
+  .form-renderer.fourlayout {
+    -ms-grid-columns: 1fr;
+        grid-template-columns: 1fr;
+  }
+}
+.e-form-renderer .form-group {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  gap: 0.5rem;
+}
+
+.e-form-renderer .field-wrapper {
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+}
+
+.e-form-renderer .field-wrapper.label-top {
+  -ms-flex-direction: column;
+      flex-direction: column;
+  gap: 0.5rem;
+}
+
+.e-form-renderer .field-wrapper.label-bottom {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+  gap: 0.5rem;
+}
+
+.e-form-renderer .field-wrapper.label-left {
+  -ms-flex-direction: row;
+      flex-direction: row;
+  -ms-flex-align: center;
+      align-items: center;
+  gap: 1rem;
+}
+
+.e-form-renderer .field-wrapper.label-right {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+  -ms-flex-align: center;
+      align-items: center;
+  gap: 1rem;
+  -ms-flex-pack: end;
+      justify-content: flex-end;
+}
+
+.e-form-renderer .field-wrapper.label-left .field-input,
+.e-form-renderer .field-wrapper.label-right .field-input {
+  -ms-flex: 1;
+      flex: 1;
+  min-width: 0;
+}
+
+.e-form-renderer .field-wrapper:has(.e-small) .field-label {
+  font-size: 0.75rem;
+}
+
+.e-form-renderer .form-group .field-description {
+  font-size: 0.75rem;
+}
+
+.e-form-renderer .form-group:has(.e-small) .field-description {
+  font-size: 0.625rem;
+}
+
+.e-form-renderer .field-wrapper:has(.e-bigger) .field-label {
+  font-size: 1rem;
+}
+
+.e-form-renderer .form-group:has(.e-bigger) .field-description {
+  font-size: 0.875rem;
+}
+
+.e-form-renderer .field-label {
+  font-size: 0.875rem;
+  font-weight: 500;
+  margin: 0;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  gap: 4px;
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+
+.e-form-renderer .field-label .required-asterisk {
+  margin-left: 2px;
+}
+
+.e-form-renderer .field-label .tooltip-icon {
+  cursor: help;
+  font-size: 0.875rem;
+}
+
+.e-form-renderer .field-input {
+  width: 100%;
+}
+
+.e-form-renderer .field-input .e-image-editor {
+  min-height: 250px;
+}
+
+.e-form-renderer .field-input .e-switch-wrapper,
+.e-form-renderer .field-input .e-checkbox-wrapper {
+  margin: 5px 0;
+}
+
+.e-form-renderer .field-error {
+  font-size: 0.75rem;
+  margin-top: 0.25rem;
+  display: block;
+}
+
+.form-renderer-container .e-radio-group {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+
+.form-renderer-container .e-radio-group .e-radio + label {
+  margin-left: 0.5rem;
+}
+
+.e-form-renderer .form-panel-renderer {
+  border: none;
+  border-radius: 8px;
+  padding: 0;
+}
+
+.e-form-renderer .form-panel-renderer:has(.panel-legend) {
+  padding: 1.5rem;
+}
+
+.e-form-renderer .form-panel-renderer legend {
+  font-size: 1.5rem;
+  font-weight: 600;
+  padding-bottom: 1.5rem;
+}
+
+.e-form-renderer .form-panel-renderer .panel-legend {
+  font-size: 1.5rem;
+  font-weight: 600;
+  padding: 0 0.5rem;
+  margin-bottom: 0;
+  border-bottom: none;
+  width: unset;
+}
+
+.e-form-renderer .panel-content {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  gap: 1rem;
+  width: 100%;
+}
+
+.e-form-renderer .card-content {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  gap: 1rem;
+}
+
+.e-form-renderer .form-table-renderer {
+  width: 100%;
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+.e-form-renderer .form-table-renderer {
+  display: table;
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  overflow-x: auto;
+  overflow-y: hidden;
+}
+
+.e-form-renderer .form-table-renderer .e-form-table-row {
+  display: table-row;
+  background: transparent;
+}
+
+.e-form-renderer .form-table-renderer .e-form-table-cell {
+  display: table-cell;
+  padding: 12px;
+  vertical-align: top;
+}
+
+.e-form-renderer .e-form-table-cell:last-child {
+  border-right: none;
+}
+
+.e-form-renderer .form-table-renderer .e-form-table-row:last-child .e-form-table-cell {
+  border-bottom: none;
+}
+
+.e-form-renderer .e-form-table-cell > .form-table-renderer,
+.e-form-renderer .e-form-table-cell > .form-tabs-renderer,
+.e-form-renderer .e-form-table-cell > .form-card-renderer,
+.e-form-renderer .e-form-table-cell > .form-panel-renderer,
+.e-form-renderer .e-form-table-cell > .form-group {
+  margin-bottom: 1.5rem;
+}
+
+.e-form-renderer .e-form-table-cell > .form-table-renderer:last-child,
+.e-form-renderer .e-form-table-cell > .form-tabs-renderer:last-child,
+.e-form-renderer .e-form-table-cell > .form-card-renderer:last-child,
+.e-form-renderer .e-form-table-cell > .form-panel-renderer:last-child,
+.e-form-renderer .e-form-table-cell > .form-group:last-child {
+  margin-bottom: 0;
+}
+
+.e-form-renderer .form-table-renderer .col,
+.e-form-renderer .form-table-renderer [class^=col-] {
+  min-height: 100%;
+  vertical-align: top;
+}
+
+.e-form-renderer .form-table-renderer .col {
+  width: auto;
+}
+
+.e-form-renderer .form-table-renderer .col-1 {
+  width: 8.33333333%;
+}
+
+.e-form-renderer .form-table-renderer .col-2 {
+  width: 16.66666667%;
+}
+
+.e-form-renderer .form-table-renderer .col-3 {
+  width: 25%;
+}
+
+.e-form-renderer .form-table-renderer .col-4 {
+  width: 33.33333333%;
+}
+
+.e-form-renderer .form-table-renderer .col-5 {
+  width: 41.66666667%;
+}
+
+.e-form-renderer .form-table-renderer .col-6 {
+  width: 50%;
+}
+
+.e-form-renderer .form-table-renderer .col-7 {
+  width: 58.33333333%;
+}
+
+.e-form-renderer .form-table-renderer .col-8 {
+  width: 66.66666667%;
+}
+
+.e-form-renderer .form-table-renderer .col-9 {
+  width: 75%;
+}
+
+.e-form-renderer .form-table-renderer .col-10 {
+  width: 83.33333333%;
+}
+
+.e-form-renderer .form-table-renderer .col-11 {
+  width: 91.66666667%;
+}
+
+.e-form-renderer .form-table-renderer .col-12 {
+  width: auto;
+}
+
+/* Tabs Layout */
+.e-form-renderer .form-tabs-renderer {
+  width: 100%;
+}
+
+.e-form-renderer .tab-content-renderer {
+  padding: 10px;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  gap: 1rem;
+}
+
+.e-form-renderer .form-submit-button {
+  margin-top: 1.5rem;
+  -ms-flex-item-align: start;
+      align-self: flex-start;
+}
+
+.e-form-renderer .field-input .e-input-group,
+.e-form-renderer .field-input .e-control-wrapper {
+  width: 100%;
+}
+
+.e-form-renderer .field-input .e-float-input {
+  width: 100%;
+}
+
+.e-form-renderer .unsupported-component {
+  padding: 1rem;
+  border-radius: 4px;
+  font-size: 0.875rem;
+}
+
+.form-renderer-container .e-tooltip.e-msg-icon::before {
+  font-family: "e-icons";
+  font-size: 16px;
+  height: 16px;
+  margin: 3px 4px;
+  display: -ms-flexbox;
+  display: flex;
+  line-height: 16px;
+}
+
+.e-form-renderer .form-title h1 {
+  margin-top: 0;
+}
+
+.e-form-renderer .form-title {
+  text-align: center;
+}
+
+.form-renderer-container .e-card .e-card-content {
+  padding: 12px 18px;
+}
+
+/* Responsive */
+/* stylelint-disable-next-line at-rule-no-unknown */
+@container (max-width: 480px) {
+  .e-form-renderer .form-table-renderer .table-grid {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-direction: column;
+        flex-direction: column;
+    border-spacing: 0;
+    gap: 0.75rem;
+  }
+  .e-form-renderer .form-table-renderer .row {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+    gap: 0.75rem;
+    width: 100%;
+  }
+  .e-form-renderer .form-table-renderer .e-form-table-cell {
+    display: block;
+    -ms-flex: 1 1 auto;
+        flex: 1 1 auto;
+    padding: 12px;
+  }
+  /* Override column width classes on mobile - let content flow naturally */
+  .e-form-renderer .form-table-renderer .col,
+  .e-form-renderer .form-table-renderer [class^=col-] {
+    /* stylelint-disable-next-line declaration-no-important */
+    width: auto !important;
+    min-width: 250px;
+    -ms-flex: 1 1 auto;
+        flex: 1 1 auto;
+  }
+  .e-form-renderer .table-border .e-form-table-cell {
+    border-right: none;
+    border-radius: 4px;
+  }
+  .e-form-renderer .form-table-renderer .row:last-child .e-form-table-cell {
+    border-bottom: none;
+  }
+}
+/* stylelint-disable-next-line at-rule-no-unknown */
+@container (max-width: 480px) {
+  .e-form-renderer .form-table-renderer .e-form-table-row {
+    /* stylelint-disable-next-line declaration-no-important */
+    -ms-flex-direction: column !important;
+        flex-direction: column !important;
+    /* stylelint-disable-next-line declaration-no-important */
+    gap: 1rem !important;
+  }
+  .e-form-renderer .form-table-renderer .e-form-table-cell {
+    /* stylelint-disable-next-line declaration-no-important */
+    width: 100% !important;
+  }
+  .form-renderer-container {
+    padding: 1rem;
+  }
+}
+/* stylelint-disable-next-line at-rule-no-unknown */
+@container (max-width: 400px) {
+  .e-form-renderer .field-wrapper.label-left,
+  .e-form-renderer .field-wrapper.label-right {
+    -ms-flex-direction: column;
+        flex-direction: column;
+    -ms-flex-align: stretch;
+        align-items: stretch;
+  }
+  .e-form-renderer .field-wrapper.label-left .field-input,
+  .e-form-renderer .field-wrapper.label-right .field-input {
+    width: 100%;
+  }
+}
+.form-renderer-container hr {
+  background-color: #e0e0e0;
+}
+
+.e-form-renderer .field-label {
+  color: #000;
+  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
+}
+
+.e-form-renderer .form-panel-renderer .panel-legend {
+  color: #000;
+  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
+}
+
+.e-form-renderer .field-label .required-asterisk {
+  color: #f44336;
+}
+
+.e-form-renderer .field-label .tooltip-icon {
+  color: #616161;
+}
+
+.e-form-renderer .field-error {
+  color: #f44336;
+}
+
+.e-form-renderer .form-panel-renderer:has(.panel-legend) {
+  border: 1px solid #e0e0e0;
+  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
+}
+
+.e-form-renderer .form-table-renderer.table-border {
+  border: 1px solid #e0e0e0;
+}
+
+.e-form-renderer .table-border .e-form-table-cell {
+  border-bottom: 1px solid #e0e0e0;
+  border-right: 1px solid #e0e0e0;
+}
+
+/* stylelint-disable-next-line at-rule-no-unknown */
+@container (max-width: 480px) {
+  .e-form-renderer .table-border .e-form-table-cell {
+    border-bottom: 1px solid #e0e0e0;
+  }
+  .e-form-renderer .form-table-renderer .e-form-table-cell:last-child {
+    border-bottom: 1px solid #e0e0e0;
+  }
 }

package/styles/progress-button/_layout.scss

@@ -49,7 +49,6 @@
 
     &.e-progress-active {
       overflow: hidden;
-      pointer-events: none;
      
       @if $skin-name == 'bootstrap5.3' {
         .e-progress,

package/styles/progress-button/progress-button-lite.css

@@ -33,7 +33,6 @@
 }
 .e-progress-btn.e-progress-active {
   overflow: hidden;
-  pointer-events: none;
 }
 .e-progress-btn.e-progress-active .e-progress {
   opacity: 1;

package/styles/progress-button/progress-button.css

@@ -33,7 +33,6 @@
 }
 .e-progress-btn.e-progress-active {
   overflow: hidden;
-  pointer-events: none;
 }
 .e-progress-btn.e-progress-active .e-progress {
   opacity: 1;

package/styles/ribbon/_layout.scss

@@ -650,10 +650,13 @@
     border: $ribbon-border;
 
     .e-disabled {
-      opacity: $ribbon-disabled-opacity;
       pointer-events: none;
     }
 
+    .e-disabled:not(.e-btn.e-disabled):not(.e-checkbox-wrapper.e-checkbox-disabled):not(.e-input-group.e-disabled):not(.e-split-btn-wrapper.e-splitbtn-disabled):not(.e-combobox.e-disabled) {
+      opacity: $ribbon-disabled-opacity;
+    }
+
     .e-input-group {
       height: $ribbon-input-group-height;
       border-radius: $ribbon-input-group-border-radius;