@syncfusion/ej2-angular-splitbuttons 20.2.45-ngcc → 20.2.45

package/styles/speed-dial/_material-dark-definition.scss

@@ -0,0 +1,37 @@
+$fab-border-radius: 9999px !default;
+$fab-min-height: 40px !default;
+$fab-min-width: 40px !default;
+$fab-offset: 10px !default;
+
+$fab-min-height: 40px !default;
+$fab-min-width: 40px !default;
+$fab-small-min-height: 32px !default;
+$fab-small-min-width: 32px !default;
+
+$fab-bigger-min-height: 56px !default;
+$fab-bigger-min-width: 56px !default;
+$fab-bigger-small-min-height: 40px !default;
+$fab-bigger-small-min-width: 40px !default;
+
+$fab-box-shadow: initial;
+
+$sd-offset: 10px !default;
+$sd-ul-margin: 0 !default;
+$sd-horz-ul-padding: 5px 0 !default;
+$sd-vert-ul-padding: 0 5px !default;
+$sd-horz-li-margin: 0 5px !default;
+$sd-vert-li-margin: 5px 0 !default;
+$sd-li-text-margin: 0 10px !default;
+$sd-li-text-padding: 3px !default;
+$sd-li-icon-min-height: 30px !default;
+$sd-li-icon-min-width: 30px !default;
+
+$sd-li-shadow-radius: 5px !default;
+
+$sd-overlay-bg: rgba(0, 0, 0, .1) !default;
+$sd-li-text-bg: rgb(255, 255, 255) !default;
+$sd-li-icon-bg: rgb(255, 255, 255) !default;
+$sd-li-text-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
+$sd-li-icon-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
+$sd-active-li-text-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
+$sd-active-li-icon-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;

package/styles/speed-dial/_material-definition.scss

@@ -0,0 +1,37 @@
+$fab-border-radius: 9999px !default;
+$fab-min-height: 40px !default;
+$fab-min-width: 40px !default;
+$fab-offset: 10px !default;
+
+$fab-min-height: 40px !default;
+$fab-min-width: 40px !default;
+$fab-small-min-height: 32px !default;
+$fab-small-min-width: 32px !default;
+
+$fab-bigger-min-height: 56px !default;
+$fab-bigger-min-width: 56px !default;
+$fab-bigger-small-min-height: 40px !default;
+$fab-bigger-small-min-width: 40px !default;
+
+$fab-box-shadow: initial;
+
+$sd-offset: 10px !default;
+$sd-ul-margin: 0 !default;
+$sd-horz-ul-padding: 5px 0 !default;
+$sd-vert-ul-padding: 0 5px !default;
+$sd-horz-li-margin: 0 5px !default;
+$sd-vert-li-margin: 5px 0 !default;
+$sd-li-text-margin: 0 10px !default;
+$sd-li-text-padding: 3px !default;
+$sd-li-icon-min-height: 30px !default;
+$sd-li-icon-min-width: 30px !default;
+
+$sd-li-shadow-radius: 5px !default;
+
+$sd-overlay-bg: rgba(0, 0, 0, .1) !default;
+$sd-li-text-bg: rgb(255, 255, 255) !default;
+$sd-li-icon-bg: rgb(255, 255, 255) !default;
+$sd-li-text-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
+$sd-li-icon-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
+$sd-active-li-text-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
+$sd-active-li-icon-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;

package/styles/speed-dial/_material3-definition.scss

@@ -0,0 +1,37 @@
+$fab-border-radius: 9999px !default;
+$fab-min-height: 40px !default;
+$fab-min-width: 40px !default;
+$fab-offset: 10px !default;
+
+$fab-min-height: 40px !default;
+$fab-min-width: 40px !default;
+$fab-small-min-height: 32px !default;
+$fab-small-min-width: 32px !default;
+
+$fab-bigger-min-height: 56px !default;
+$fab-bigger-min-width: 56px !default;
+$fab-bigger-small-min-height: 40px !default;
+$fab-bigger-small-min-width: 40px !default;
+
+$fab-box-shadow: initial;
+
+$sd-offset: 10px !default;
+$sd-ul-margin: 0 !default;
+$sd-horz-ul-padding: 5px 0 !default;
+$sd-vert-ul-padding: 0 5px !default;
+$sd-horz-li-margin: 0 5px !default;
+$sd-vert-li-margin: 5px 0 !default;
+$sd-li-text-margin: 0 10px !default;
+$sd-li-text-padding: 3px !default;
+$sd-li-icon-min-height: 30px !default;
+$sd-li-icon-min-width: 30px !default;
+
+$sd-li-shadow-radius: 5px !default;
+
+$sd-overlay-bg: rgba(0, 0, 0, .1) !default;
+$sd-li-text-bg: rgb(255, 255, 255) !default;
+$sd-li-icon-bg: rgb(255, 255, 255) !default;
+$sd-li-text-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
+$sd-li-icon-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
+$sd-active-li-text-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
+$sd-active-li-icon-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;

package/styles/speed-dial/_tailwind-dark-definition.scss

@@ -0,0 +1 @@
+@import './tailwind-definition.scss';

package/styles/speed-dial/_tailwind-definition.scss

@@ -0,0 +1,37 @@
+$fab-border-radius: 9999px !default;
+$fab-min-height: 40px !default;
+$fab-min-width: 40px !default;
+$fab-offset: 10px !default;
+
+$fab-min-height: 40px !default;
+$fab-min-width: 40px !default;
+$fab-small-min-height: 32px !default;
+$fab-small-min-width: 32px !default;
+
+$fab-bigger-min-height: 56px !default;
+$fab-bigger-min-width: 56px !default;
+$fab-bigger-small-min-height: 40px !default;
+$fab-bigger-small-min-width: 40px !default;
+
+$fab-box-shadow: initial;
+
+$sd-offset: 10px !default;
+$sd-ul-margin: 0 !default;
+$sd-horz-ul-padding: 5px 0 !default;
+$sd-vert-ul-padding: 0 5px !default;
+$sd-horz-li-margin: 0 5px !default;
+$sd-vert-li-margin: 5px 0 !default;
+$sd-li-text-margin: 0 10px !default;
+$sd-li-text-padding: 3px !default;
+$sd-li-icon-min-height: 30px !default;
+$sd-li-icon-min-width: 30px !default;
+
+$sd-li-shadow-radius: 5px !default;
+
+$sd-overlay-bg: rgba(0, 0, 0, .1) !default;
+$sd-li-text-bg: rgb(255, 255, 255) !default;
+$sd-li-icon-bg: rgb(255, 255, 255) !default;
+$sd-li-text-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
+$sd-li-icon-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
+$sd-active-li-text-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
+$sd-active-li-icon-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;

package/styles/speed-dial/_theme.scss

@@ -0,0 +1,27 @@
+@include export-module('floating-action-button-theme') {
+  .e-speeddial-overlay {
+    background-color: $sd-overlay-bg;
+  }
+
+  .e-speeddial-popup {
+    .e-speeddial-li-text{
+      box-shadow: $sd-li-text-shadow;
+      background-color: $sd-li-text-bg;
+    }
+
+    .e-speeddial-li-icon {
+      box-shadow: $sd-li-icon-shadow;
+      background-color: $sd-li-icon-bg;
+    }
+
+    .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) {
+      .e-speeddial-li-text {
+        box-shadow: $sd-active-li-text-shadow;
+      }
+
+      .e-speeddial-li-icon {
+        box-shadow: $sd-active-li-icon-shadow;
+      }
+    }
+  }
+}

package/styles/speed-dial/bootstrap-dark.css

@@ -0,0 +1,217 @@
+.e-speeddial-popup {
+  overflow: hidden;
+  position: absolute;
+  z-index: 99999;
+  /* OVERFLOW CSS */
+}
+.e-speeddial-popup.e-speeddial-top {
+  top: 10px;
+}
+.e-speeddial-popup.e-speeddial-top.e-speeddial-radial .e-speeddial-li {
+  top: 0;
+}
+.e-speeddial-popup.e-speeddial-top.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
+  top: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
+}
+.e-speeddial-popup.e-speeddial-top.e-speeddial-middle, .e-speeddial-popup.e-speeddial-top.e-speeddial-linear {
+  top: var(--speeddialVertDist);
+}
+.e-speeddial-popup.e-speeddial-bottom {
+  bottom: 10px;
+}
+.e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial .e-speeddial-li {
+  bottom: 0;
+}
+.e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
+  bottom: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
+}
+.e-speeddial-popup.e-speeddial-bottom.e-speeddial-middle, .e-speeddial-popup.e-speeddial-bottom.e-speeddial-linear {
+  bottom: var(--speeddialVertDist);
+}
+.e-speeddial-popup.e-speeddial-left {
+  left: 10px;
+}
+.e-speeddial-popup.e-speeddial-left.e-speeddial-radial .e-speeddial-li {
+  left: 0;
+}
+.e-speeddial-popup.e-speeddial-left.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
+  left: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
+}
+.e-speeddial-popup.e-speeddial-left.e-speeddial-center, .e-speeddial-popup.e-speeddial-left.e-speeddial-linear {
+  left: var(--speeddialHorzDist);
+}
+.e-speeddial-popup.e-speeddial-right {
+  right: 10px;
+}
+.e-speeddial-popup.e-speeddial-right.e-speeddial-radial .e-speeddial-li {
+  right: 0;
+}
+.e-speeddial-popup.e-speeddial-right.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
+  right: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
+}
+.e-speeddial-popup.e-speeddial-right.e-speeddial-center, .e-speeddial-popup.e-speeddial-right.e-speeddial-linear {
+  right: var(--speeddialHorzDist);
+}
+.e-speeddial-popup.e-speeddial-template {
+  outline: none;
+}
+.e-speeddial-popup .e-speeddial-ul {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  list-style-type: none;
+  margin: 0;
+  padding: 0 5px;
+}
+.e-speeddial-popup .e-speeddial-li {
+  -ms-flex-align: center;
+      align-items: center;
+  cursor: pointer;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  margin: 5px 0;
+  position: relative;
+}
+.e-speeddial-popup .e-speeddial-li-text {
+  margin: 0 10px;
+  padding: 3px;
+  white-space: nowrap;
+}
+.e-speeddial-popup .e-speeddial-li-icon {
+  border-radius: 99999px;
+  min-height: 30px;
+  min-width: 30px;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+}
+.e-speeddial-popup.e-speeddial-fixed {
+  position: fixed;
+}
+.e-speeddial-popup.e-speeddial-vert-right .e-speeddial-li {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+.e-speeddial-popup.e-speeddial-vert-bottom .e-speeddial-ul {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul.e-speeddial-horz-top {
+  -ms-flex-direction: row;
+      flex-direction: row;
+}
+.e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
+  -ms-flex-direction: row;
+      flex-direction: row;
+}
+.e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul.e-speeddial-horz-top {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
+  padding: 5px 0;
+}
+.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li {
+  margin: 0 5px;
+}
+.e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul {
+  overflow: auto;
+  scroll-behavior: smooth;
+  /* Hide scrollbar for IE and Edge */
+  -ms-overflow-style: none;
+  /* Hide scrollbar for Firefox */
+  scrollbar-width: none;
+}
+.e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul::-webkit-scrollbar {
+  /* Hide scrollbar for Chrome, Safari and Opera */
+  display: none;
+}
+.e-speeddial-popup.e-speeddial-overflow.e-speeddial-vert-overflow .e-speeddial-ul {
+  max-height: var(--speeddialOverflowLimit);
+}
+.e-speeddial-popup.e-speeddial-overflow.e-speeddial-horz-overflow .e-speeddial-ul {
+  max-width: var(--speeddialOverflowLimit);
+}
+.e-speeddial-popup.e-speeddial-radial {
+  min-height: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
+  min-width: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-middle {
+  min-height: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-center {
+  min-width: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-top-left {
+  border-bottom-right-radius: 100%;
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-top-right {
+  border-bottom-left-radius: 100%;
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-left {
+  border-top-right-radius: 100%;
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-right {
+  border-top-left-radius: 100%;
+}
+.e-speeddial-popup.e-speeddial-radial .e-speeddial-ul {
+  border-radius: inherit;
+  min-height: inherit;
+  min-width: inherit;
+  padding: 0;
+  position: relative;
+}
+.e-speeddial-popup.e-speeddial-radial .e-speeddial-li {
+  position: absolute;
+  margin: 5px;
+  transform: rotate(var(--speeddialRadialAngle)) translate(var(--speeddialRadialOffset)) rotate(calc(-1 * var(--speeddialRadialAngle)));
+}
+.e-speeddial-popup.e-speeddial-radial .e-speeddial-li-text, .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li-text, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li-text {
+  position: absolute;
+  visibility: hidden;
+}
+
+.e-speeddial-overlay {
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 99998;
+}
+.e-speeddial-overlay.e-speeddial-fixed {
+  height: 100vh;
+  position: fixed;
+  width: 100vw;
+}
+
+.e-speeddial-hidden {
+  visibility: hidden;
+}
+
+.e-speeddial-overlay {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.e-speeddial-popup .e-speeddial-li-text {
+  box-shadow: 0 0 5px rgb(128, 128, 128);
+  background-color: rgb(255, 255, 255);
+}
+.e-speeddial-popup .e-speeddial-li-icon {
+  box-shadow: 0 0 5px rgb(128, 128, 128);
+  background-color: rgb(255, 255, 255);
+}
+.e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-text {
+  box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
+}
+.e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-icon {
+  box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
+}

package/styles/speed-dial/bootstrap-dark.scss

@@ -0,0 +1,4 @@
+@import 'ej2-base/styles/bootstrap-dark-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
+@import 'bootstrap-dark-definition.scss';
+@import 'all.scss';

package/styles/speed-dial/bootstrap.css

@@ -0,0 +1,217 @@
+.e-speeddial-popup {
+  overflow: hidden;
+  position: absolute;
+  z-index: 99999;
+  /* OVERFLOW CSS */
+}
+.e-speeddial-popup.e-speeddial-top {
+  top: 10px;
+}
+.e-speeddial-popup.e-speeddial-top.e-speeddial-radial .e-speeddial-li {
+  top: 0;
+}
+.e-speeddial-popup.e-speeddial-top.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
+  top: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
+}
+.e-speeddial-popup.e-speeddial-top.e-speeddial-middle, .e-speeddial-popup.e-speeddial-top.e-speeddial-linear {
+  top: var(--speeddialVertDist);
+}
+.e-speeddial-popup.e-speeddial-bottom {
+  bottom: 10px;
+}
+.e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial .e-speeddial-li {
+  bottom: 0;
+}
+.e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
+  bottom: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
+}
+.e-speeddial-popup.e-speeddial-bottom.e-speeddial-middle, .e-speeddial-popup.e-speeddial-bottom.e-speeddial-linear {
+  bottom: var(--speeddialVertDist);
+}
+.e-speeddial-popup.e-speeddial-left {
+  left: 10px;
+}
+.e-speeddial-popup.e-speeddial-left.e-speeddial-radial .e-speeddial-li {
+  left: 0;
+}
+.e-speeddial-popup.e-speeddial-left.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
+  left: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
+}
+.e-speeddial-popup.e-speeddial-left.e-speeddial-center, .e-speeddial-popup.e-speeddial-left.e-speeddial-linear {
+  left: var(--speeddialHorzDist);
+}
+.e-speeddial-popup.e-speeddial-right {
+  right: 10px;
+}
+.e-speeddial-popup.e-speeddial-right.e-speeddial-radial .e-speeddial-li {
+  right: 0;
+}
+.e-speeddial-popup.e-speeddial-right.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
+  right: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
+}
+.e-speeddial-popup.e-speeddial-right.e-speeddial-center, .e-speeddial-popup.e-speeddial-right.e-speeddial-linear {
+  right: var(--speeddialHorzDist);
+}
+.e-speeddial-popup.e-speeddial-template {
+  outline: none;
+}
+.e-speeddial-popup .e-speeddial-ul {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  list-style-type: none;
+  margin: 0;
+  padding: 0 5px;
+}
+.e-speeddial-popup .e-speeddial-li {
+  -ms-flex-align: center;
+      align-items: center;
+  cursor: pointer;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  margin: 5px 0;
+  position: relative;
+}
+.e-speeddial-popup .e-speeddial-li-text {
+  margin: 0 10px;
+  padding: 3px;
+  white-space: nowrap;
+}
+.e-speeddial-popup .e-speeddial-li-icon {
+  border-radius: 99999px;
+  min-height: 30px;
+  min-width: 30px;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+}
+.e-speeddial-popup.e-speeddial-fixed {
+  position: fixed;
+}
+.e-speeddial-popup.e-speeddial-vert-right .e-speeddial-li {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+.e-speeddial-popup.e-speeddial-vert-bottom .e-speeddial-ul {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul.e-speeddial-horz-top {
+  -ms-flex-direction: row;
+      flex-direction: row;
+}
+.e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
+  -ms-flex-direction: row;
+      flex-direction: row;
+}
+.e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul.e-speeddial-horz-top {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
+  padding: 5px 0;
+}
+.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li {
+  margin: 0 5px;
+}
+.e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul {
+  overflow: auto;
+  scroll-behavior: smooth;
+  /* Hide scrollbar for IE and Edge */
+  -ms-overflow-style: none;
+  /* Hide scrollbar for Firefox */
+  scrollbar-width: none;
+}
+.e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul::-webkit-scrollbar {
+  /* Hide scrollbar for Chrome, Safari and Opera */
+  display: none;
+}
+.e-speeddial-popup.e-speeddial-overflow.e-speeddial-vert-overflow .e-speeddial-ul {
+  max-height: var(--speeddialOverflowLimit);
+}
+.e-speeddial-popup.e-speeddial-overflow.e-speeddial-horz-overflow .e-speeddial-ul {
+  max-width: var(--speeddialOverflowLimit);
+}
+.e-speeddial-popup.e-speeddial-radial {
+  min-height: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
+  min-width: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-middle {
+  min-height: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-center {
+  min-width: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-top-left {
+  border-bottom-right-radius: 100%;
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-top-right {
+  border-bottom-left-radius: 100%;
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-left {
+  border-top-right-radius: 100%;
+}
+.e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-right {
+  border-top-left-radius: 100%;
+}
+.e-speeddial-popup.e-speeddial-radial .e-speeddial-ul {
+  border-radius: inherit;
+  min-height: inherit;
+  min-width: inherit;
+  padding: 0;
+  position: relative;
+}
+.e-speeddial-popup.e-speeddial-radial .e-speeddial-li {
+  position: absolute;
+  margin: 5px;
+  transform: rotate(var(--speeddialRadialAngle)) translate(var(--speeddialRadialOffset)) rotate(calc(-1 * var(--speeddialRadialAngle)));
+}
+.e-speeddial-popup.e-speeddial-radial .e-speeddial-li-text, .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li-text, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li-text {
+  position: absolute;
+  visibility: hidden;
+}
+
+.e-speeddial-overlay {
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 99998;
+}
+.e-speeddial-overlay.e-speeddial-fixed {
+  height: 100vh;
+  position: fixed;
+  width: 100vw;
+}
+
+.e-speeddial-hidden {
+  visibility: hidden;
+}
+
+.e-speeddial-overlay {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+
+.e-speeddial-popup .e-speeddial-li-text {
+  box-shadow: 0 0 5px rgb(128, 128, 128);
+  background-color: rgb(255, 255, 255);
+}
+.e-speeddial-popup .e-speeddial-li-icon {
+  box-shadow: 0 0 5px rgb(128, 128, 128);
+  background-color: rgb(255, 255, 255);
+}
+.e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-text {
+  box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
+}
+.e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-icon {
+  box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
+}

package/styles/speed-dial/bootstrap.scss

@@ -0,0 +1,4 @@
+@import 'ej2-base/styles/bootstrap-definition.scss';
+@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
+@import 'bootstrap-definition.scss';
+@import 'all.scss';