@syncfusion/ej2-angular-ribbon 22.1.34 → 22.1.39-ngcc

package/styles/tailwind-dark.css

@@ -188,9 +188,6 @@
 .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
   display: none;
 }
-.e-ribbon.e-rbn .e-ribbon-tab .e-item {
-  width: fit-content;
-}
 .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
   position: absolute;
   line-height: 22px;
@@ -199,6 +196,7 @@
   border-width: unset;
   font-size: 14px;
   font-weight: 400;
+  box-shadow: none;
 }
 .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
   border-radius: unset;
@@ -274,6 +272,9 @@
   height: auto;
   min-height: auto;
 }
+.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
+  box-shadow: none;
+}
 .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
   padding: 0;
 }
@@ -283,9 +284,10 @@
   min-width: auto;
   width: auto;
   border-style: solid;
+  transform: none;
   border-width: 1px;
   border-radius: 2px;
-  z-index: 2;
+  z-index: 3;
 }
 .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
   display: none;
@@ -293,6 +295,7 @@
 .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
   font-size: 14px;
   height: auto;
+  transform: none;
   line-height: 14px;
   padding: 0 5px;
   width: auto;
@@ -331,6 +334,7 @@
   border: none;
   height: 26px;
   margin: auto;
+  box-shadow: none;
 }
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -361,6 +365,9 @@
 .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
   overflow-y: hidden;
 }
+.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
+  margin-bottom: 0;
+}
 .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
   padding-top: 1px;
   height: auto;
@@ -410,6 +417,9 @@
 .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
   left: var(--fileMenuWidth);
 }
+.e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
+  padding-right: 30px;
+}
 .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
 .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
 .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -421,6 +431,9 @@
 .e-ribbon.e-rbn.e-rtl .e-tab-header {
   right: var(--fileMenuWidth);
 }
+.e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
+  padding-left: 30px;
+}
 
 .e-ribbon.e-rbn,
 .e-ribbon-group-overflow-ddb {
@@ -461,6 +474,8 @@
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
   min-width: auto;
+  min-height: auto;
+  border-radius: unset;
 }
 .e-ribbon.e-rbn .e-input-group .e-clear-icon,
 .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -544,6 +559,7 @@
   font-weight: 400;
   font-size: 12px;
   text-transform: none;
+  box-shadow: none;
 }
 .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
 .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -642,6 +658,7 @@
 .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
   border: 1px solid transparent;
+  border-radius: 4px;
 }
 .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
 .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -651,6 +668,7 @@
 .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
   border: 1px solid transparent;
   border-radius: 4px;
+  box-shadow: none;
 }
 .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
 .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -760,7 +778,8 @@
 .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
   display: none;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
   margin: 3px 5px;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -774,6 +793,7 @@
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
   line-height: 18px;
+  overflow: hidden;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
   width: inherit;
@@ -784,22 +804,24 @@
   -ms-flex-pack: start;
       justify-content: flex-start;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
-  transform: rotate(-90deg);
-  margin-left: auto;
-}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
   padding: 3px 5px;
   font-weight: 600;
   line-height: 18px;
 }
 
+.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
+.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
+  transform: rotate(-90deg);
+  padding: 5px;
+  margin: 0 0 0 auto;
+}
+
 .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
 .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
   transform: rotate(90deg);
-  margin-right: auto;
-  margin-left: unset;
+  padding: 5px;
+  margin: 0 auto 0 0;
 }
 
 .e-ribbon-menu {
@@ -819,6 +841,17 @@
   padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-ribbon-control.e-dropdown-popup ul .e-item {
+  font-size: 12px;
+  height: 24px;
+  -ms-flex-align: center;
+      align-items: center;
+}
+.e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
+  font-size: 16px;
+  line-height: 16px;
+}
+
 .e-ribbon-tooltip .e-tip-content {
   padding: 4px;
 }
@@ -857,6 +890,10 @@
   padding-right: 16px;
   height: 48px;
 }
+.e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
+.e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
+  min-height: auto;
+}
 .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
 .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
   height: 48px;
@@ -948,6 +985,12 @@
 .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
   height: auto;
 }
+.e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
+.e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
+.e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
+.e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
+  margin-bottom: 0;
+}
 .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
 .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
 .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1162,7 +1205,9 @@
 }
 
 .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
-.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
   margin: 3px 7px;
 }
 .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1170,6 +1215,27 @@
   margin: 7px;
   padding: 0;
 }
+.e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
+.e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
+.e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
+.e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
+  padding: 7px;
+}
+.e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
+.e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
+.e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
+.e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
+  padding: 7px;
+}
+
+.e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
+  font-size: 14px;
+  height: 32px;
+}
+.e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
+  font-size: 20px;
+  line-height: 20px;
+}
 
 .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
 .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,

package/styles/tailwind.css

@@ -188,9 +188,6 @@
 .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll-content > .e-item:not(.e-active) {
   display: none;
 }
-.e-ribbon.e-rbn .e-ribbon-tab .e-item {
-  width: fit-content;
-}
 .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu {
   position: absolute;
   line-height: 22px;
@@ -199,6 +196,7 @@
   border-width: unset;
   font-size: 14px;
   font-weight: 400;
+  box-shadow: none;
 }
 .e-ribbon.e-rbn .e-ribbon-tab .e-ribbon-file-menu.e-active {
   border-radius: unset;
@@ -274,6 +272,9 @@
   height: auto;
   min-height: auto;
 }
+.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
+  box-shadow: none;
+}
 .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
   padding: 0;
 }
@@ -283,9 +284,10 @@
   min-width: auto;
   width: auto;
   border-style: solid;
+  transform: none;
   border-width: 1px;
   border-radius: 2px;
-  z-index: 2;
+  z-index: 3;
 }
 .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav.e-overlay {
   display: none;
@@ -293,6 +295,7 @@
 .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll .e-scroll-nav .e-nav-arrow {
   font-size: 14px;
   height: auto;
+  transform: none;
   line-height: 14px;
   padding: 0 5px;
   width: auto;
@@ -331,6 +334,7 @@
   border: none;
   height: 26px;
   margin: auto;
+  box-shadow: none;
 }
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn .e-btn-icon,
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn .e-btn-icon {
@@ -361,6 +365,9 @@
 .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
   overflow-y: hidden;
 }
+.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group {
+  margin-bottom: 0;
+}
 .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group {
   padding-top: 1px;
   height: auto;
@@ -410,6 +417,9 @@
 .e-ribbon.e-rbn:not(.e-rtl) .e-tab-header {
   left: var(--fileMenuWidth);
 }
+.e-ribbon.e-rbn:not(.e-rtl) .e-ribbon-tab .e-hscroll.e-scroll-device {
+  padding-right: 30px;
+}
 .e-ribbon.e-rbn.e-rtl .e-ribbon-collapse-btn,
 .e-ribbon.e-rbn.e-rtl .e-ribbon-help-template,
 .e-ribbon.e-rbn.e-rtl .e-ribbon-group::after {
@@ -421,6 +431,9 @@
 .e-ribbon.e-rbn.e-rtl .e-tab-header {
   right: var(--fileMenuWidth);
 }
+.e-ribbon.e-rbn.e-rtl .e-ribbon-tab .e-hscroll.e-scroll-device {
+  padding-left: 30px;
+}
 
 .e-ribbon.e-rbn,
 .e-ribbon-group-overflow-ddb {
@@ -461,6 +474,8 @@
 .e-ribbon.e-rbn .e-input-group.e-control-wrapper .e-clear-icon,
 .e-ribbon-group-overflow-ddb .e-input-group.e-control-wrapper .e-clear-icon {
   min-width: auto;
+  min-height: auto;
+  border-radius: unset;
 }
 .e-ribbon.e-rbn .e-input-group .e-clear-icon,
 .e-ribbon-group-overflow-ddb .e-input-group .e-clear-icon {
@@ -544,6 +559,7 @@
   font-weight: 400;
   font-size: 12px;
   text-transform: none;
+  box-shadow: none;
 }
 .e-ribbon.e-rbn .e-ribbon-group-overflow .e-btn:focus,
 .e-ribbon.e-rbn .e-ribbon-item .e-btn:focus,
@@ -642,6 +658,7 @@
 .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper,
 .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper {
   border: 1px solid transparent;
+  border-radius: 4px;
 }
 .e-ribbon.e-rbn .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
 .e-ribbon-group-overflow-ddb .e-ribbon-item .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
@@ -651,6 +668,7 @@
 .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper {
   border: 1px solid transparent;
   border-radius: 4px;
+  box-shadow: none;
 }
 .e-ribbon.e-rbn .e-ribbon-item .e-split-btn-wrapper .e-btn,
 .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper .e-btn {
@@ -760,7 +778,8 @@
 .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
   display: none;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
   margin: 3px 5px;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
@@ -774,6 +793,7 @@
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
   line-height: 18px;
+  overflow: hidden;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper {
   width: inherit;
@@ -784,22 +804,24 @@
   -ms-flex-pack: start;
       justify-content: flex-start;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-icons.e-caret,
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-dropdown-btn .e-icons.e-caret {
-  transform: rotate(-90deg);
-  margin-left: auto;
-}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
   padding: 3px 5px;
   font-weight: 600;
   line-height: 18px;
 }
 
+.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
+.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
+  transform: rotate(-90deg);
+  padding: 5px;
+  margin: 0 0 0 auto;
+}
+
 .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
 .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
   transform: rotate(90deg);
-  margin-right: auto;
-  margin-left: unset;
+  padding: 5px;
+  margin: 0 auto 0 0;
 }
 
 .e-ribbon-menu {
@@ -819,6 +841,17 @@
   padding-left: 38px !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-ribbon-control.e-dropdown-popup ul .e-item {
+  font-size: 12px;
+  height: 24px;
+  -ms-flex-align: center;
+      align-items: center;
+}
+.e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
+  font-size: 16px;
+  line-height: 16px;
+}
+
 .e-ribbon-tooltip .e-tip-content {
   padding: 4px;
 }
@@ -857,6 +890,10 @@
   padding-right: 16px;
   height: 48px;
 }
+.e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-hscroll,
+.e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-hscroll {
+  min-height: auto;
+}
 .e-bigger.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav,
 .e-bigger .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-hor-nav {
   height: 48px;
@@ -948,6 +985,12 @@
 .e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group {
   height: auto;
 }
+.e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
+.e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-input-group,
+.e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group,
+.e-bigger.e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-input-group {
+  margin-bottom: 0;
+}
 .e-bigger.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
 .e-bigger .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-group-content,
 .e-bigger .e-ribbon-group-overflow-ddb.e-ribbon-simplified-mode .e-ribbon-group-content,
@@ -1162,7 +1205,9 @@
 }
 
 .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
-.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group {
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
   margin: 3px 7px;
 }
 .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
@@ -1170,6 +1215,27 @@
   margin: 7px;
   padding: 0;
 }
+.e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
+.e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
+.e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
+.e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
+  padding: 7px;
+}
+.e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
+.e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
+.e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
+.e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
+  padding: 7px;
+}
+
+.e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
+  font-size: 14px;
+  height: 32px;
+}
+.e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item .e-menu-icon {
+  font-size: 20px;
+  line-height: 20px;
+}
 
 .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,
 .e-bigger.e-ribbon-menu.e-menu-wrapper ul.e-vertical .e-menu-item.e-blankicon,

package/esm2020/public_api.mjs

@@ -1,3 +0,0 @@
-// Mapping root file for package generation
-export * from './src/index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsMkNBQTJDO0FBQzNDLGNBQWMsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLy8gTWFwcGluZyByb290IGZpbGUgZm9yIHBhY2thZ2UgZ2VuZXJhdGlvblxuZXhwb3J0ICogZnJvbSAnLi9zcmMvaW5kZXgnOyJdfQ==

package/esm2020/src/index.mjs

@@ -1,9 +0,0 @@
-export { RibbonItemDirective, RibbonItemsDirective } from './ribbon/items.directive';
-export { RibbonCollectionDirective, RibbonCollectionsDirective } from './ribbon/collections.directive';
-export { RibbonGroupDirective, RibbonGroupsDirective } from './ribbon/groups.directive';
-export { RibbonTabDirective, RibbonTabsDirective } from './ribbon/tabs.directive';
-export { RibbonComponent } from './ribbon/ribbon.component';
-export { RibbonModule } from './ribbon/ribbon.module';
-export { RibbonAllModule, RibbonButtonService, RibbonDropDownService, RibbonSplitButtonService, RibbonCheckBoxService, RibbonColorPickerService, RibbonComboBoxService, RibbonFileMenuService } from './ribbon/ribbon-all.module';
-export * from '@syncfusion/ej2-ribbon';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLG1CQUFtQixFQUFDLG9CQUFvQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDbEYsT0FBTyxFQUFDLHlCQUF5QixFQUFDLDBCQUEwQixFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDcEcsT0FBTyxFQUFDLG9CQUFvQixFQUFDLHFCQUFxQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDckYsT0FBTyxFQUFDLGtCQUFrQixFQUFDLG1CQUFtQixFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDL0UsT0FBTyxFQUFFLGVBQWUsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsZUFBZSxFQUFFLG1CQUFtQixFQUFFLHFCQUFxQixFQUFFLHdCQUF3QixFQUFFLHFCQUFxQixFQUFFLHdCQUF3QixFQUFFLHFCQUFxQixFQUFFLHFCQUFxQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDbE8sY0FBYyx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7UmliYm9uSXRlbURpcmVjdGl2ZSxSaWJib25JdGVtc0RpcmVjdGl2ZX0gZnJvbSAnLi9yaWJib24vaXRlbXMuZGlyZWN0aXZlJztcbmV4cG9ydCB7UmliYm9uQ29sbGVjdGlvbkRpcmVjdGl2ZSxSaWJib25Db2xsZWN0aW9uc0RpcmVjdGl2ZX0gZnJvbSAnLi9yaWJib24vY29sbGVjdGlvbnMuZGlyZWN0aXZlJztcbmV4cG9ydCB7UmliYm9uR3JvdXBEaXJlY3RpdmUsUmliYm9uR3JvdXBzRGlyZWN0aXZlfSBmcm9tICcuL3JpYmJvbi9ncm91cHMuZGlyZWN0aXZlJztcbmV4cG9ydCB7UmliYm9uVGFiRGlyZWN0aXZlLFJpYmJvblRhYnNEaXJlY3RpdmV9IGZyb20gJy4vcmliYm9uL3RhYnMuZGlyZWN0aXZlJztcbmV4cG9ydCB7IFJpYmJvbkNvbXBvbmVudH0gZnJvbSAnLi9yaWJib24vcmliYm9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBSaWJib25Nb2R1bGUgfSBmcm9tICcuL3JpYmJvbi9yaWJib24ubW9kdWxlJztcbmV4cG9ydCB7IFJpYmJvbkFsbE1vZHVsZSwgUmliYm9uQnV0dG9uU2VydmljZSwgUmliYm9uRHJvcERvd25TZXJ2aWNlLCBSaWJib25TcGxpdEJ1dHRvblNlcnZpY2UsIFJpYmJvbkNoZWNrQm94U2VydmljZSwgUmliYm9uQ29sb3JQaWNrZXJTZXJ2aWNlLCBSaWJib25Db21ib0JveFNlcnZpY2UsIFJpYmJvbkZpbGVNZW51U2VydmljZSB9IGZyb20gJy4vcmliYm9uL3JpYmJvbi1hbGwubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJ0BzeW5jZnVzaW9uL2VqMi1yaWJib24nOyJdfQ==

package/esm2020/src/ribbon/collections.directive.mjs

@@ -1,70 +0,0 @@
-import { Directive, ContentChildren, ContentChild } from '@angular/core';
-import { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';
-import { RibbonItemsDirective } from './items.directive';
-import * as i0 from "@angular/core";
-let input = ['cssClass', 'id', 'items'];
-let outputs = [];
-/**
- * `e-ribbon-collection` directive represent a collection in the Angular Ribbon.
- * ```html
- * <ejs-ribbon>
- *   <e-ribbon-tabs>
- *    <e-ribbon-tab></e-ribbon-tab>
- *    <e-ribbon-tab>
- *       <e-ribbon-groups>
- *         <e-ribbon-group>
- *             <e-ribbon-collections>
- *                 <e-ribbon-collection></e-ribbon-collection>
- *                 <e-ribbon-collection></e-ribbon-collection>
- *             </e-ribbon-collections>
- *         </e-ribbon-group>
- *       </e-ribbon-groups>
- *    </e-ribbon-tab>
- *   </e-ribbon-tabs>
- * </ejs-ribbon>
- * ```
- */
-export class RibbonCollectionDirective extends ComplexBase {
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        this.tags = ['items'];
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs);
-        this.directivePropList = input;
-    }
-}
-RibbonCollectionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonCollectionDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-RibbonCollectionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonCollectionDirective, selector: "e-ribbon-collection", inputs: { cssClass: "cssClass", id: "id", items: "items" }, queries: [{ propertyName: "childItems", first: true, predicate: RibbonItemsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonCollectionDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'e-ribbon-collection',
-                    inputs: input,
-                    outputs: outputs,
-                    queries: {
-                        childItems: new ContentChild(RibbonItemsDirective)
-                    }
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
-/**
- * RibbonCollection Array Directive
- * @private
- */
-export class RibbonCollectionsDirective extends ArrayBase {
-    constructor() {
-        super('collections');
-    }
-}
-RibbonCollectionsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonCollectionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-RibbonCollectionsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonCollectionsDirective, selector: "e-ribbon-collections", queries: [{ propertyName: "children", predicate: RibbonCollectionDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonCollectionsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'e-ribbon-collections',
-                    queries: {
-                        children: new ContentChildren(RibbonCollectionDirective)
-                    },
-                }]
-        }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sbGVjdGlvbnMuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3JpYmJvbi9jb2xsZWN0aW9ucy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBb0IsZUFBZSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRixPQUFPLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUVoRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFFekQsSUFBSSxLQUFLLEdBQWEsQ0FBQyxVQUFVLEVBQUUsSUFBSSxFQUFFLE9BQU8sQ0FBQyxDQUFDO0FBQ2xELElBQUksT0FBTyxHQUFhLEVBQUUsQ0FBQztBQUMzQjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQVNILE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxXQUFzQztJQXNCakYsWUFBb0IsZ0JBQWlDO1FBQ2pELEtBQUssRUFBRSxDQUFDO1FBRFEscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFpQjtRQWxCOUMsU0FBSSxHQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7UUFvQjlCLFFBQVEsQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM3QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsS0FBSyxDQUFDO0lBQ25DLENBQUM7O3NIQTNCUSx5QkFBeUI7MEdBQXpCLHlCQUF5QiwrSkFIRCxvQkFBb0I7MkZBRzVDLHlCQUF5QjtrQkFSckMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixNQUFNLEVBQUUsS0FBSztvQkFDYixPQUFPLEVBQUUsT0FBTztvQkFDaEIsT0FBTyxFQUFFO3dCQUNMLFVBQVUsRUFBRSxJQUFJLFlBQVksQ0FBQyxvQkFBb0IsQ0FBQztxQkFDckQ7aUJBQ0o7O0FBK0JEOzs7R0FHRztBQU9ILE1BQU0sT0FBTywwQkFBMkIsU0FBUSxTQUFxQztJQUNqRjtRQUNJLEtBQUssQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN6QixDQUFDOzt1SEFIUSwwQkFBMEI7MkdBQTFCLDBCQUEwQixxRkFIRCx5QkFBeUI7MkZBR2xELDBCQUEwQjtrQkFOdEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxPQUFPLEVBQUU7d0JBQ0wsUUFBUSxFQUFFLElBQUksZUFBZSxDQUFDLHlCQUF5QixDQUFDO3FCQUMzRDtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgVmlld0NvbnRhaW5lclJlZiwgQ29udGVudENoaWxkcmVuLCBDb250ZW50Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbXBsZXhCYXNlLCBBcnJheUJhc2UsIHNldFZhbHVlIH0gZnJvbSAnQHN5bmNmdXNpb24vZWoyLWFuZ3VsYXItYmFzZSc7XG5cbmltcG9ydCB7IFJpYmJvbkl0ZW1zRGlyZWN0aXZlIH0gZnJvbSAnLi9pdGVtcy5kaXJlY3RpdmUnO1xuXG5sZXQgaW5wdXQ6IHN0cmluZ1tdID0gWydjc3NDbGFzcycsICdpZCcsICdpdGVtcyddO1xubGV0IG91dHB1dHM6IHN0cmluZ1tdID0gW107XG4vKipcbiAqIGBlLXJpYmJvbi1jb2xsZWN0aW9uYCBkaXJlY3RpdmUgcmVwcmVzZW50IGEgY29sbGVjdGlvbiBpbiB0aGUgQW5ndWxhciBSaWJib24uIFxuICogYGBgaHRtbFxuICogPGVqcy1yaWJib24+XG4gKiAgIDxlLXJpYmJvbi10YWJzPlxuICogICAgPGUtcmliYm9uLXRhYj48L2UtcmliYm9uLXRhYj5cbiAqICAgIDxlLXJpYmJvbi10YWI+XG4gKiAgICAgICA8ZS1yaWJib24tZ3JvdXBzPlxuICogICAgICAgICA8ZS1yaWJib24tZ3JvdXA+XG4gKiAgICAgICAgICAgICA8ZS1yaWJib24tY29sbGVjdGlvbnM+XG4gKiAgICAgICAgICAgICAgICAgPGUtcmliYm9uLWNvbGxlY3Rpb24+PC9lLXJpYmJvbi1jb2xsZWN0aW9uPlxuICogICAgICAgICAgICAgICAgIDxlLXJpYmJvbi1jb2xsZWN0aW9uPjwvZS1yaWJib24tY29sbGVjdGlvbj5cbiAqICAgICAgICAgICAgIDwvZS1yaWJib24tY29sbGVjdGlvbnM+XG4gKiAgICAgICAgIDwvZS1yaWJib24tZ3JvdXA+XG4gKiAgICAgICA8L2UtcmliYm9uLWdyb3Vwcz5cbiAqICAgIDwvZS1yaWJib24tdGFiPlxuICogICA8L2UtcmliYm9uLXRhYnM+XG4gKiA8L2Vqcy1yaWJib24+XG4gKiBgYGBcbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdlLXJpYmJvbi1jb2xsZWN0aW9uJyxcbiAgICBpbnB1dHM6IGlucHV0LFxuICAgIG91dHB1dHM6IG91dHB1dHMsICAgIFxuICAgIHF1ZXJpZXM6IHtcbiAgICAgICAgY2hpbGRJdGVtczogbmV3IENvbnRlbnRDaGlsZChSaWJib25JdGVtc0RpcmVjdGl2ZSlcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIFJpYmJvbkNvbGxlY3Rpb25EaXJlY3RpdmUgZXh0ZW5kcyBDb21wbGV4QmFzZTxSaWJib25Db2xsZWN0aW9uRGlyZWN0aXZlPiB7XG4gICAgcHVibGljIGRpcmVjdGl2ZVByb3BMaXN0OiBhbnk7XG5cdFxuICAgIHB1YmxpYyBjaGlsZEl0ZW1zOiBhbnk7XG4gICAgcHVibGljIHRhZ3M6IHN0cmluZ1tdID0gWydpdGVtcyddO1xuICAgIC8qKiBcbiAgICAgKiBEZWZpbmVzIG9uZSBvciBtb3JlIENTUyBjbGFzc2VzIHRvIGN1c3RvbWl6ZSB0aGUgYXBwZWFyYW5jZSBvZiBjb2xsZWN0aW9uLlxuICAgICAqIEBkZWZhdWx0ICcnXG4gICAgICovXG4gICAgcHVibGljIGNzc0NsYXNzOiBhbnk7XG4gICAgLyoqIFxuICAgICAqIERlZmluZXMgYSB1bmlxdWUgaWRlbnRpZmllciBmb3IgdGhlIGNvbGxlY3Rpb24uXG4gICAgICogQGRlZmF1bHQgJydcbiAgICAgKi9cbiAgICBwdWJsaWMgaWQ6IGFueTtcbiAgICAvKiogXG4gICAgICogRGVmaW5lcyB0aGUgbGlzdCBvZiByaWJib24gaXRlbXMuXG4gICAgICogQGRlZmF1bHQgW11cbiAgICAgKiBAYXNwdHlwZSBMaXN0PFJpYmJvbkl0ZW0+XG4gICAgICovXG4gICAgcHVibGljIGl0ZW1zOiBhbnk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHZpZXdDb250YWluZXJSZWY6Vmlld0NvbnRhaW5lclJlZikge1xuICAgICAgICBzdXBlcigpO1xuICAgICAgICBzZXRWYWx1ZSgnY3VycmVudEluc3RhbmNlJywgdGhpcywgdGhpcy52aWV3Q29udGFpbmVyUmVmKTtcbiAgICAgICAgdGhpcy5yZWdpc3RlckV2ZW50cyhvdXRwdXRzKTtcbiAgICAgICAgdGhpcy5kaXJlY3RpdmVQcm9wTGlzdCA9IGlucHV0O1xuICAgIH1cbn1cblxuLyoqXG4gKiBSaWJib25Db2xsZWN0aW9uIEFycmF5IERpcmVjdGl2ZVxuICogQHByaXZhdGVcbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdlLXJpYmJvbi1jb2xsZWN0aW9ucycsXG4gICAgcXVlcmllczoge1xuICAgICAgICBjaGlsZHJlbjogbmV3IENvbnRlbnRDaGlsZHJlbihSaWJib25Db2xsZWN0aW9uRGlyZWN0aXZlKVxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFJpYmJvbkNvbGxlY3Rpb25zRGlyZWN0aXZlIGV4dGVuZHMgQXJyYXlCYXNlPFJpYmJvbkNvbGxlY3Rpb25zRGlyZWN0aXZlPiB7XG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHN1cGVyKCdjb2xsZWN0aW9ucycpO1xuICAgIH1cbn0iXX0=

package/esm2020/src/ribbon/groups.directive.mjs

@@ -1,66 +0,0 @@
-import { Directive, ContentChildren, ContentChild } from '@angular/core';
-import { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';
-import { RibbonCollectionsDirective } from './collections.directive';
-import * as i0 from "@angular/core";
-let input = ['collections', 'cssClass', 'enableGroupOverflow', 'groupIconCss', 'header', 'id', 'isCollapsed', 'isCollapsible', 'orientation', 'priority', 'showLauncherIcon'];
-let outputs = [];
-/**
- * `e-ribbon-group` directive represent a group in the Angular Ribbon.
- * ```html
- * <ejs-ribbon>
- *   <e-ribbon-tabs>
- *    <e-ribbon-tab></e-ribbon-tab>
- *    <e-ribbon-tab>
- *       <e-ribbon-groups>
- *         <e-ribbon-group></e-ribbon-group>
- *         <e-ribbon-group></e-ribbon-group>
- *       </e-ribbon-groups>
- *    </e-ribbon-tab>
- *   </e-ribbon-tabs>
- * </ejs-ribbon>
- * ```
- */
-export class RibbonGroupDirective extends ComplexBase {
-    constructor(viewContainerRef) {
-        super();
-        this.viewContainerRef = viewContainerRef;
-        this.tags = ['collections'];
-        setValue('currentInstance', this, this.viewContainerRef);
-        this.registerEvents(outputs);
-        this.directivePropList = input;
-    }
-}
-RibbonGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonGroupDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-RibbonGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonGroupDirective, selector: "e-ribbon-group", inputs: { collections: "collections", cssClass: "cssClass", enableGroupOverflow: "enableGroupOverflow", groupIconCss: "groupIconCss", header: "header", id: "id", isCollapsed: "isCollapsed", isCollapsible: "isCollapsible", orientation: "orientation", priority: "priority", showLauncherIcon: "showLauncherIcon" }, queries: [{ propertyName: "childCollections", first: true, predicate: RibbonCollectionsDirective, descendants: true }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonGroupDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'e-ribbon-group',
-                    inputs: input,
-                    outputs: outputs,
-                    queries: {
-                        childCollections: new ContentChild(RibbonCollectionsDirective)
-                    }
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
-/**
- * RibbonGroup Array Directive
- * @private
- */
-export class RibbonGroupsDirective extends ArrayBase {
-    constructor() {
-        super('groups');
-    }
-}
-RibbonGroupsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonGroupsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-RibbonGroupsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.3", type: RibbonGroupsDirective, selector: "e-ribbon-groups", queries: [{ propertyName: "children", predicate: RibbonGroupDirective }], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: RibbonGroupsDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'e-ribbon-groups',
-                    queries: {
-                        children: new ContentChildren(RibbonGroupDirective)
-                    },
-                }]
-        }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXBzLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9yaWJib24vZ3JvdXBzLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFvQixlQUFlLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNGLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRWhGLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQUVyRSxJQUFJLEtBQUssR0FBYSxDQUFDLGFBQWEsRUFBRSxVQUFVLEVBQUUscUJBQXFCLEVBQUUsY0FBYyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLGtCQUFrQixDQUFDLENBQUM7QUFDeEwsSUFBSSxPQUFPLEdBQWEsRUFBRSxDQUFDO0FBQzNCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQVNILE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxXQUFpQztJQW1FdkUsWUFBb0IsZ0JBQWlDO1FBQ2pELEtBQUssRUFBRSxDQUFDO1FBRFEscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFpQjtRQS9EOUMsU0FBSSxHQUFhLENBQUMsYUFBYSxDQUFDLENBQUM7UUFpRXBDLFFBQVEsQ0FBQyxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDekQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUM3QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsS0FBSyxDQUFDO0lBQ25DLENBQUM7O2lIQXhFUSxvQkFBb0I7cUdBQXBCLG9CQUFvQiw0WkFIVSwwQkFBMEI7MkZBR3hELG9CQUFvQjtrQkFSaEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixNQUFNLEVBQUUsS0FBSztvQkFDYixPQUFPLEVBQUUsT0FBTztvQkFDaEIsT0FBTyxFQUFFO3dCQUNMLGdCQUFnQixFQUFFLElBQUksWUFBWSxDQUFDLDBCQUEwQixDQUFDO3FCQUNqRTtpQkFDSjs7QUE0RUQ7OztHQUdHO0FBT0gsTUFBTSxPQUFPLHFCQUFzQixTQUFRLFNBQWdDO0lBQ3ZFO1FBQ0ksS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3BCLENBQUM7O2tIQUhRLHFCQUFxQjtzR0FBckIscUJBQXFCLGdGQUhJLG9CQUFvQjsyRkFHN0MscUJBQXFCO2tCQU5qQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLE9BQU8sRUFBRTt3QkFDTCxRQUFRLEVBQUUsSUFBSSxlQUFlLENBQUMsb0JBQW9CLENBQUM7cUJBQ3REO2lCQUNKIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBWaWV3Q29udGFpbmVyUmVmLCBDb250ZW50Q2hpbGRyZW4sIENvbnRlbnRDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcGxleEJhc2UsIEFycmF5QmFzZSwgc2V0VmFsdWUgfSBmcm9tICdAc3luY2Z1c2lvbi9lajItYW5ndWxhci1iYXNlJztcblxuaW1wb3J0IHsgUmliYm9uQ29sbGVjdGlvbnNEaXJlY3RpdmUgfSBmcm9tICcuL2NvbGxlY3Rpb25zLmRpcmVjdGl2ZSc7XG5cbmxldCBpbnB1dDogc3RyaW5nW10gPSBbJ2NvbGxlY3Rpb25zJywgJ2Nzc0NsYXNzJywgJ2VuYWJsZUdyb3VwT3ZlcmZsb3cnLCAnZ3JvdXBJY29uQ3NzJywgJ2hlYWRlcicsICdpZCcsICdpc0NvbGxhcHNlZCcsICdpc0NvbGxhcHNpYmxlJywgJ29yaWVudGF0aW9uJywgJ3ByaW9yaXR5JywgJ3Nob3dMYXVuY2hlckljb24nXTtcbmxldCBvdXRwdXRzOiBzdHJpbmdbXSA9IFtdO1xuLyoqXG4gKiBgZS1yaWJib24tZ3JvdXBgIGRpcmVjdGl2ZSByZXByZXNlbnQgYSBncm91cCBpbiB0aGUgQW5ndWxhciBSaWJib24uIFxuICogYGBgaHRtbFxuICogPGVqcy1yaWJib24+XG4gKiAgIDxlLXJpYmJvbi10YWJzPlxuICogICAgPGUtcmliYm9uLXRhYj48L2UtcmliYm9uLXRhYj5cbiAqICAgIDxlLXJpYmJvbi10YWI+XG4gKiAgICAgICA8ZS1yaWJib24tZ3JvdXBzPlxuICogICAgICAgICA8ZS1yaWJib24tZ3JvdXA+PC9lLXJpYmJvbi1ncm91cD5cbiAqICAgICAgICAgPGUtcmliYm9uLWdyb3VwPjwvZS1yaWJib24tZ3JvdXA+XG4gKiAgICAgICA8L2UtcmliYm9uLWdyb3Vwcz5cbiAqICAgIDwvZS1yaWJib24tdGFiPlxuICogICA8L2UtcmliYm9uLXRhYnM+XG4gKiA8L2Vqcy1yaWJib24+XG4gKiBgYGBcbiAqL1xuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdlLXJpYmJvbi1ncm91cCcsXG4gICAgaW5wdXRzOiBpbnB1dCxcbiAgICBvdXRwdXRzOiBvdXRwdXRzLCAgICBcbiAgICBxdWVyaWVzOiB7XG4gICAgICAgIGNoaWxkQ29sbGVjdGlvbnM6IG5ldyBDb250ZW50Q2hpbGQoUmliYm9uQ29sbGVjdGlvbnNEaXJlY3RpdmUpXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBSaWJib25Hcm91cERpcmVjdGl2ZSBleHRlbmRzIENvbXBsZXhCYXNlPFJpYmJvbkdyb3VwRGlyZWN0aXZlPiB7XG4gICAgcHVibGljIGRpcmVjdGl2ZVByb3BMaXN0OiBhbnk7XG5cdFxuICAgIHB1YmxpYyBjaGlsZENvbGxlY3Rpb25zOiBhbnk7XG4gICAgcHVibGljIHRhZ3M6IHN0cmluZ1tdID0gWydjb2xsZWN0aW9ucyddO1xuICAgIC8qKiBcbiAgICAgKiBEZWZpbmVzIHRoZSBsaXN0IG9mIHJpYmJvbiBjb2xsZWN0aW9ucy5cbiAgICAgKiBAZGVmYXVsdCBbXVxuICAgICAqIEBhc3B0eXBlIExpc3Q8UmliYm9uQ29sbGVjdGlvbj5cbiAgICAgKi9cbiAgICBwdWJsaWMgY29sbGVjdGlvbnM6IGFueTtcbiAgICAvKiogXG4gICAgICogRGVmaW5lcyBvbmUgb3IgbW9yZSBDU1MgY2xhc3NlcyB0byBjdXN0b21pemUgdGhlIGFwcGVhcmFuY2Ugb2YgZ3JvdXAuXG4gICAgICogQGRlZmF1bHQgJydcbiAgICAgKi9cbiAgICBwdWJsaWMgY3NzQ2xhc3M6IGFueTtcbiAgICAvKiogXG4gICAgICogRGVmaW5lcyB3aGV0aGVyIHRvIGFkZCBhIHNlcGFyYXRlIHBvcHVwIGZvciB0aGUgb3ZlcmZsb3cgaXRlbXMgaW4gdGhlIGdyb3VwLiBcbiAgICAgKiBJZiBpdCBpcyBzZXQgdG8gZmFsc2UsIHRoZSBvdmVyZmxvdyBpdGVtcyB3aWxsIGJlIHNob3duIGluIHRoZSBjb21tb24gb3ZlcmZsb3cgcG9wdXAgcHJlc2VudCBhdCB0aGUgcmlnaHQgZW5kIG9mIHRoZSB0YWIgY29udGVudC5cbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIHB1YmxpYyBlbmFibGVHcm91cE92ZXJmbG93OiBhbnk7XG4gICAgLyoqIFxuICAgICAqIERlZmluZXMgdGhlIENTUyBjbGFzcyBmb3IgdGhlIGljb25zIHRvIGJlIHNob3duIGluIHRoZSBncm91cCBvdmVyZmxvdyBkcm9wZG93biBidXR0b24gaW4gY2xhc3NpYyBtb2RlLiBcbiAgICAgKiBEdXJpbmcgb3ZlcmZsb3csIHRoZSBlbnRpcmUgZ3JvdXAgd2lsbCBiZSBzaG93biBpbiBhIHBvcHVwIG9mIGEgZHJvcGRvd24gYnV0dG9uIHdoaWNoIGFwcGVhcnMgaW4gdGhlIHBsYWNlIG9mIHRoZSBncm91cCBpbiByaWJib24gdGFiLlxuICAgICAqIEBkZWZhdWx0ICcnXG4gICAgICovXG4gICAgcHVibGljIGdyb3VwSWNvbkNzczogYW55O1xuICAgIC8qKiBcbiAgICAgKiBEZWZpbmVzIHRoZSBjb250ZW50IG9mIGdyb3VwIGhlYWRlci5cbiAgICAgKiBAZGVmYXVsdCAnJ1xuICAgICAqL1xuICAgIHB1YmxpYyBoZWFkZXI6IGFueTtcbiAgICAvKiogXG4gICAgICogRGVmaW5lcyBhIHVuaXF1ZSBpZGVudGlmaWVyIGZvciB0aGUgZ3JvdXAuXG4gICAgICogQGRlZmF1bHQgJydcbiAgICAgKi9cbiAgICBwdWJsaWMgaWQ6IGFueTtcbiAgICAvKiogXG4gICAgICogRGVmaW5lcyB3aGV0aGVyIHRoZSBncm91cCBpcyBpbiBjb2xsYXBzZWQgc3RhdGUgb3Igbm90IGR1cmluZyBjbGFzc2ljIG1vZGUuXG4gICAgICogQGRlZmF1bHQgZmFsc2VcbiAgICAgKi9cbiAgICBwdWJsaWMgaXNDb2xsYXBzZWQ6IGFueTtcbiAgICAvKiogXG4gICAgICogRGVmaW5lcyB3aGV0aGVyIHRoZSBncm91cCBjYW4gYmUgY29sbGFwc2VkIG9uIHJlc2l6ZSBkdXJpbmcgY2xhc3NpYyBtb2RlLlxuICAgICAqIEBkZWZhdWx0IHRydWVcbiAgICAgKi9cbiAgICBwdWJsaWMgaXNDb2xsYXBzaWJsZTogYW55O1xuICAgIC8qKiBcbiAgICAgKiBEZWZpbmVzIHdoZXRoZXIgdG8gb3JpZW50YXRpb24gaW4gd2hpY2ggdGhlIGl0ZW1zIG9mIHRoZSBncm91cCBzaG91bGQgYmUgYXJyYW5nZWQuXG4gICAgICogQGlzZW51bWVyYXRpb24gdHJ1ZVxuICAgICAqIEBkZWZhdWx0IEl0ZW1PcmllbnRhdGlvbi5Db2x1bW5cbiAgICAgKiBAYXNwdHlwZSBJdGVtT3JpZW50YXRpb25cbiAgICAgKi9cbiAgICBwdWJsaWMgb3JpZW50YXRpb246IGFueTtcbiAgICAvKiogXG4gICAgICogRGVmaW5lcyB0aGUgcHJpb3JpdHkgb3JkZXIgYXQgd2hpY2ggdGhlIGdyb3VwIHNob3VsZCBiZSBjb2xsYXBzZWQgb3IgZXhwYW5kZWQuIFxuICAgICAqIEZvciBjb2xsYXBzaW5nIHZhbHVlIGlzIGZldGNoZWQgaW4gYXNjZW5kaW5nIG9yZGVyIGFuZCBmb3IgZXhwYW5kaW5nIHZhbHVlIGlzIGZldGNoZWQgaW4gZGVzY2VuZGluZyBvcmRlci5cbiAgICAgKiBAZGVmYXVsdCAwXG4gICAgICovXG4gICAgcHVibGljIHByaW9yaXR5OiBhbnk7XG4gICAgLyoqIFxuICAgICAqIERlZmluZXMgd2hldGhlciB0byBzaG93IG9yIGhpZGUgdGhlIGxhdW5jaGVyIGljb24gZm9yIHRoZSBncm91cC5cbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIHB1YmxpYyBzaG93TGF1bmNoZXJJY29uOiBhbnk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHZpZXdDb250YWluZXJSZWY6Vmlld0NvbnRhaW5lclJlZikge1xuICAgICAgICBzdXBlcigpO1xuICAgICAgICBzZXRWYWx1ZSgnY3VycmVudEluc3RhbmNlJywgdGhpcywgdGhpcy52aWV3Q29udGFpbmVyUmVmKTtcbiAgICAgICAgdGhpcy5yZWdpc3RlckV2ZW50cyhvdXRwdXRzKTtcbiAgICAgICAgdGhpcy5kaXJlY3RpdmVQcm9wTGlzdCA9IGlucHV0O1xuICAgIH1cbn1cblxuLyoqXG4gKiBSaWJib25Hcm91cCBBcnJheSBEaXJlY3RpdmVcbiAqIEBwcml2YXRlXG4gKi9cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnZS1yaWJib24tZ3JvdXBzJyxcbiAgICBxdWVyaWVzOiB7XG4gICAgICAgIGNoaWxkcmVuOiBuZXcgQ29udGVudENoaWxkcmVuKFJpYmJvbkdyb3VwRGlyZWN0aXZlKVxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFJpYmJvbkdyb3Vwc0RpcmVjdGl2ZSBleHRlbmRzIEFycmF5QmFzZTxSaWJib25Hcm91cHNEaXJlY3RpdmU+IHtcbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICAgICAgc3VwZXIoJ2dyb3VwcycpO1xuICAgIH1cbn0iXX0=