@syncfusion/ej2-angular-splitbuttons 20.2.45 → 20.3.47

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. package/package.json +8 -8
  2. package/schematics/collection.json +25 -0
  3. package/schematics/generators/dropdownbutton-default/index.d.ts +3 -0
  4. package/schematics/generators/dropdownbutton-default/index.js +8 -0
  5. package/schematics/generators/dropdownbutton-default/sample-details.d.ts +5 -0
  6. package/schematics/generators/dropdownbutton-default/sample-details.js +7 -0
  7. package/schematics/generators/dropdownbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +49 -0
  8. package/schematics/generators/dropdownbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +18 -0
  9. package/schematics/generators/dropdownbutton-default/schema.d.ts +3 -0
  10. package/schematics/generators/dropdownbutton-default/schema.js +2 -0
  11. package/schematics/generators/dropdownbutton-default/schema.json +125 -0
  12. package/schematics/generators/progressbutton-default/index.d.ts +3 -0
  13. package/schematics/generators/progressbutton-default/index.js +8 -0
  14. package/schematics/generators/progressbutton-default/sample-details.d.ts +5 -0
  15. package/schematics/generators/progressbutton-default/sample-details.js +7 -0
  16. package/schematics/generators/progressbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +47 -0
  17. package/schematics/generators/progressbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +53 -0
  18. package/schematics/generators/progressbutton-default/schema.d.ts +3 -0
  19. package/schematics/generators/progressbutton-default/schema.js +2 -0
  20. package/schematics/generators/progressbutton-default/schema.json +125 -0
  21. package/schematics/generators/splitbutton-default/index.d.ts +3 -0
  22. package/schematics/generators/splitbutton-default/index.js +8 -0
  23. package/schematics/generators/splitbutton-default/sample-details.d.ts +5 -0
  24. package/schematics/generators/splitbutton-default/sample-details.js +7 -0
  25. package/schematics/generators/splitbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +37 -0
  26. package/schematics/generators/splitbutton-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +18 -0
  27. package/schematics/generators/splitbutton-default/schema.d.ts +3 -0
  28. package/schematics/generators/splitbutton-default/schema.js +2 -0
  29. package/schematics/generators/splitbutton-default/schema.json +125 -0
  30. package/schematics/ng-add/index.d.ts +3 -0
  31. package/schematics/ng-add/index.js +9 -0
  32. package/schematics/ng-add/schema.d.ts +13 -0
  33. package/schematics/ng-add/schema.js +2 -0
  34. package/schematics/ng-add/schema.json +34 -0
  35. package/schematics/tsconfig.json +25 -0
  36. package/schematics/utils/lib-details.d.ts +4 -0
  37. package/schematics/utils/lib-details.js +6 -0
  38. package/schematics/utils/lib-details.ts +2 -2
  39. package/styles/bootstrap-dark.css +18 -218
  40. package/styles/bootstrap-dark.scss +0 -1
  41. package/styles/bootstrap.css +18 -218
  42. package/styles/bootstrap.scss +0 -1
  43. package/styles/bootstrap4.css +18 -218
  44. package/styles/bootstrap4.scss +0 -1
  45. package/styles/bootstrap5-dark.css +18 -218
  46. package/styles/bootstrap5-dark.scss +0 -1
  47. package/styles/bootstrap5.css +18 -218
  48. package/styles/bootstrap5.scss +0 -1
  49. package/styles/drop-down-button/_theme.scss +20 -0
  50. package/styles/drop-down-button/bootstrap-dark.css +18 -0
  51. package/styles/drop-down-button/bootstrap.css +18 -0
  52. package/styles/drop-down-button/bootstrap4.css +18 -0
  53. package/styles/drop-down-button/bootstrap5-dark.css +18 -0
  54. package/styles/drop-down-button/bootstrap5.css +18 -0
  55. package/styles/drop-down-button/fabric-dark.css +18 -0
  56. package/styles/drop-down-button/fabric.css +18 -0
  57. package/styles/drop-down-button/fluent-dark.css +18 -0
  58. package/styles/drop-down-button/fluent.css +18 -0
  59. package/styles/drop-down-button/highcontrast-light.css +18 -0
  60. package/styles/drop-down-button/highcontrast.css +18 -0
  61. package/styles/drop-down-button/material-dark.css +18 -0
  62. package/styles/drop-down-button/material.css +18 -0
  63. package/styles/drop-down-button/tailwind-dark.css +18 -0
  64. package/styles/drop-down-button/tailwind.css +18 -0
  65. package/styles/fabric-dark.css +18 -218
  66. package/styles/fabric-dark.scss +0 -1
  67. package/styles/fabric.css +18 -218
  68. package/styles/fabric.scss +0 -1
  69. package/styles/fluent-dark.css +18 -218
  70. package/styles/fluent-dark.scss +0 -1
  71. package/styles/fluent.css +18 -218
  72. package/styles/fluent.scss +0 -1
  73. package/styles/highcontrast-light.css +18 -218
  74. package/styles/highcontrast-light.scss +0 -1
  75. package/styles/highcontrast.css +18 -218
  76. package/styles/highcontrast.scss +0 -1
  77. package/styles/material-dark.css +18 -218
  78. package/styles/material-dark.scss +0 -1
  79. package/styles/material.css +18 -218
  80. package/styles/material.scss +0 -1
  81. package/styles/tailwind-dark.css +18 -219
  82. package/styles/tailwind-dark.scss +0 -1
  83. package/styles/tailwind.css +18 -219
  84. package/styles/tailwind.scss +0 -1
  85. package/styles/speed-dial/_all.scss +0 -2
  86. package/styles/speed-dial/_bootstrap-dark-definition.scss +0 -37
  87. package/styles/speed-dial/_bootstrap-definition.scss +0 -37
  88. package/styles/speed-dial/_bootstrap4-definition.scss +0 -37
  89. package/styles/speed-dial/_bootstrap5-dark-definition.scss +0 -1
  90. package/styles/speed-dial/_bootstrap5-definition.scss +0 -37
  91. package/styles/speed-dial/_fabric-dark-definition.scss +0 -37
  92. package/styles/speed-dial/_fabric-definition.scss +0 -37
  93. package/styles/speed-dial/_fluent-dark-definition.scss +0 -1
  94. package/styles/speed-dial/_fluent-definition.scss +0 -37
  95. package/styles/speed-dial/_fusionnew-definition.scss +0 -37
  96. package/styles/speed-dial/_highcontrast-definition.scss +0 -37
  97. package/styles/speed-dial/_highcontrast-light-definition.scss +0 -37
  98. package/styles/speed-dial/_layout.scss +0 -249
  99. package/styles/speed-dial/_material-dark-definition.scss +0 -37
  100. package/styles/speed-dial/_material-definition.scss +0 -37
  101. package/styles/speed-dial/_material3-definition.scss +0 -37
  102. package/styles/speed-dial/_tailwind-dark-definition.scss +0 -1
  103. package/styles/speed-dial/_tailwind-definition.scss +0 -37
  104. package/styles/speed-dial/_theme.scss +0 -27
  105. package/styles/speed-dial/bootstrap-dark.css +0 -217
  106. package/styles/speed-dial/bootstrap-dark.scss +0 -4
  107. package/styles/speed-dial/bootstrap.css +0 -217
  108. package/styles/speed-dial/bootstrap.scss +0 -4
  109. package/styles/speed-dial/bootstrap4.css +0 -217
  110. package/styles/speed-dial/bootstrap4.scss +0 -4
  111. package/styles/speed-dial/bootstrap5-dark.css +0 -217
  112. package/styles/speed-dial/bootstrap5-dark.scss +0 -4
  113. package/styles/speed-dial/bootstrap5.css +0 -217
  114. package/styles/speed-dial/bootstrap5.scss +0 -4
  115. package/styles/speed-dial/fabric-dark.css +0 -217
  116. package/styles/speed-dial/fabric-dark.scss +0 -4
  117. package/styles/speed-dial/fabric.css +0 -217
  118. package/styles/speed-dial/fabric.scss +0 -4
  119. package/styles/speed-dial/fluent-dark.css +0 -217
  120. package/styles/speed-dial/fluent-dark.scss +0 -4
  121. package/styles/speed-dial/fluent.css +0 -217
  122. package/styles/speed-dial/fluent.scss +0 -4
  123. package/styles/speed-dial/highcontrast-light.css +0 -217
  124. package/styles/speed-dial/highcontrast-light.scss +0 -4
  125. package/styles/speed-dial/highcontrast.css +0 -217
  126. package/styles/speed-dial/highcontrast.scss +0 -4
  127. package/styles/speed-dial/material-dark.css +0 -218
  128. package/styles/speed-dial/material-dark.scss +0 -4
  129. package/styles/speed-dial/material.css +0 -218
  130. package/styles/speed-dial/material.scss +0 -4
  131. package/styles/speed-dial/tailwind-dark.css +0 -218
  132. package/styles/speed-dial/tailwind-dark.scss +0 -4
  133. package/styles/speed-dial/tailwind.css +0 -218
  134. package/styles/speed-dial/tailwind.scss +0 -4
@@ -1,37 +0,0 @@
1
- $fab-border-radius: 9999px !default;
2
- $fab-min-height: 40px !default;
3
- $fab-min-width: 40px !default;
4
- $fab-offset: 10px !default;
5
-
6
- $fab-min-height: 40px !default;
7
- $fab-min-width: 40px !default;
8
- $fab-small-min-height: 32px !default;
9
- $fab-small-min-width: 32px !default;
10
-
11
- $fab-bigger-min-height: 56px !default;
12
- $fab-bigger-min-width: 56px !default;
13
- $fab-bigger-small-min-height: 40px !default;
14
- $fab-bigger-small-min-width: 40px !default;
15
-
16
- $fab-box-shadow: initial;
17
-
18
- $sd-offset: 10px !default;
19
- $sd-ul-margin: 0 !default;
20
- $sd-horz-ul-padding: 5px 0 !default;
21
- $sd-vert-ul-padding: 0 5px !default;
22
- $sd-horz-li-margin: 0 5px !default;
23
- $sd-vert-li-margin: 5px 0 !default;
24
- $sd-li-text-margin: 0 10px !default;
25
- $sd-li-text-padding: 3px !default;
26
- $sd-li-icon-min-height: 30px !default;
27
- $sd-li-icon-min-width: 30px !default;
28
-
29
- $sd-li-shadow-radius: 5px !default;
30
-
31
- $sd-overlay-bg: rgba(0, 0, 0, .1) !default;
32
- $sd-li-text-bg: rgb(255, 255, 255) !default;
33
- $sd-li-icon-bg: rgb(255, 255, 255) !default;
34
- $sd-li-text-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
35
- $sd-li-icon-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
36
- $sd-active-li-text-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
37
- $sd-active-li-icon-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
@@ -1,37 +0,0 @@
1
- $fab-border-radius: 9999px !default;
2
- $fab-min-height: 40px !default;
3
- $fab-min-width: 40px !default;
4
- $fab-offset: 10px !default;
5
-
6
- $fab-min-height: 40px !default;
7
- $fab-min-width: 40px !default;
8
- $fab-small-min-height: 32px !default;
9
- $fab-small-min-width: 32px !default;
10
-
11
- $fab-bigger-min-height: 56px !default;
12
- $fab-bigger-min-width: 56px !default;
13
- $fab-bigger-small-min-height: 40px !default;
14
- $fab-bigger-small-min-width: 40px !default;
15
-
16
- $fab-box-shadow: initial;
17
-
18
- $sd-offset: 10px !default;
19
- $sd-ul-margin: 0 !default;
20
- $sd-horz-ul-padding: 5px 0 !default;
21
- $sd-vert-ul-padding: 0 5px !default;
22
- $sd-horz-li-margin: 0 5px !default;
23
- $sd-vert-li-margin: 5px 0 !default;
24
- $sd-li-text-margin: 0 10px !default;
25
- $sd-li-text-padding: 3px !default;
26
- $sd-li-icon-min-height: 30px !default;
27
- $sd-li-icon-min-width: 30px !default;
28
-
29
- $sd-li-shadow-radius: 5px !default;
30
-
31
- $sd-overlay-bg: rgba(0, 0, 0, .1) !default;
32
- $sd-li-text-bg: rgb(255, 255, 255) !default;
33
- $sd-li-icon-bg: rgb(255, 255, 255) !default;
34
- $sd-li-text-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
35
- $sd-li-icon-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
36
- $sd-active-li-text-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
37
- $sd-active-li-icon-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
@@ -1 +0,0 @@
1
- @import './fluent-definition.scss';
@@ -1,37 +0,0 @@
1
- $fab-border-radius: 9999px !default;
2
- $fab-min-height: 40px !default;
3
- $fab-min-width: 40px !default;
4
- $fab-offset: 10px !default;
5
-
6
- $fab-min-height: 40px !default;
7
- $fab-min-width: 40px !default;
8
- $fab-small-min-height: 32px !default;
9
- $fab-small-min-width: 32px !default;
10
-
11
- $fab-bigger-min-height: 56px !default;
12
- $fab-bigger-min-width: 56px !default;
13
- $fab-bigger-small-min-height: 40px !default;
14
- $fab-bigger-small-min-width: 40px !default;
15
-
16
- $fab-box-shadow: initial;
17
-
18
- $sd-offset: 10px !default;
19
- $sd-ul-margin: 0 !default;
20
- $sd-horz-ul-padding: 5px 0 !default;
21
- $sd-vert-ul-padding: 0 5px !default;
22
- $sd-horz-li-margin: 0 5px !default;
23
- $sd-vert-li-margin: 5px 0 !default;
24
- $sd-li-text-margin: 0 10px !default;
25
- $sd-li-text-padding: 3px !default;
26
- $sd-li-icon-min-height: 30px !default;
27
- $sd-li-icon-min-width: 30px !default;
28
-
29
- $sd-li-shadow-radius: 5px !default;
30
-
31
- $sd-overlay-bg: rgba(0, 0, 0, .1) !default;
32
- $sd-li-text-bg: rgb(255, 255, 255) !default;
33
- $sd-li-icon-bg: rgb(255, 255, 255) !default;
34
- $sd-li-text-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
35
- $sd-li-icon-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
36
- $sd-active-li-text-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
37
- $sd-active-li-icon-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
@@ -1,37 +0,0 @@
1
- $fab-border-radius: 9999px !default;
2
- $fab-min-height: 40px !default;
3
- $fab-min-width: 40px !default;
4
- $fab-offset: 10px !default;
5
-
6
- $fab-min-height: 40px !default;
7
- $fab-min-width: 40px !default;
8
- $fab-small-min-height: 32px !default;
9
- $fab-small-min-width: 32px !default;
10
-
11
- $fab-bigger-min-height: 56px !default;
12
- $fab-bigger-min-width: 56px !default;
13
- $fab-bigger-small-min-height: 40px !default;
14
- $fab-bigger-small-min-width: 40px !default;
15
-
16
- $fab-box-shadow: initial;
17
-
18
- $sd-offset: 10px !default;
19
- $sd-ul-margin: 0 !default;
20
- $sd-horz-ul-padding: 5px 0 !default;
21
- $sd-vert-ul-padding: 0 5px !default;
22
- $sd-horz-li-margin: 0 5px !default;
23
- $sd-vert-li-margin: 5px 0 !default;
24
- $sd-li-text-margin: 0 10px !default;
25
- $sd-li-text-padding: 3px !default;
26
- $sd-li-icon-min-height: 30px !default;
27
- $sd-li-icon-min-width: 30px !default;
28
-
29
- $sd-li-shadow-radius: 5px !default;
30
-
31
- $sd-overlay-bg: rgba(0, 0, 0, .1) !default;
32
- $sd-li-text-bg: rgb(255, 255, 255) !default;
33
- $sd-li-icon-bg: rgb(255, 255, 255) !default;
34
- $sd-li-text-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
35
- $sd-li-icon-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
36
- $sd-active-li-text-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
37
- $sd-active-li-icon-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
@@ -1,37 +0,0 @@
1
- $fab-border-radius: 9999px !default;
2
- $fab-min-height: 40px !default;
3
- $fab-min-width: 40px !default;
4
- $fab-offset: 10px !default;
5
-
6
- $fab-min-height: 40px !default;
7
- $fab-min-width: 40px !default;
8
- $fab-small-min-height: 32px !default;
9
- $fab-small-min-width: 32px !default;
10
-
11
- $fab-bigger-min-height: 56px !default;
12
- $fab-bigger-min-width: 56px !default;
13
- $fab-bigger-small-min-height: 40px !default;
14
- $fab-bigger-small-min-width: 40px !default;
15
-
16
- $fab-box-shadow: initial;
17
-
18
- $sd-offset: 10px !default;
19
- $sd-ul-margin: 0 !default;
20
- $sd-horz-ul-padding: 5px 0 !default;
21
- $sd-vert-ul-padding: 0 5px !default;
22
- $sd-horz-li-margin: 0 5px !default;
23
- $sd-vert-li-margin: 5px 0 !default;
24
- $sd-li-text-margin: 0 10px !default;
25
- $sd-li-text-padding: 3px !default;
26
- $sd-li-icon-min-height: 30px !default;
27
- $sd-li-icon-min-width: 30px !default;
28
-
29
- $sd-li-shadow-radius: 5px !default;
30
-
31
- $sd-overlay-bg: rgba(0, 0, 0, .1) !default;
32
- $sd-li-text-bg: rgb(255, 255, 255) !default;
33
- $sd-li-icon-bg: rgb(255, 255, 255) !default;
34
- $sd-li-text-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
35
- $sd-li-icon-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
36
- $sd-active-li-text-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
37
- $sd-active-li-icon-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
@@ -1,37 +0,0 @@
1
- $fab-border-radius: 9999px !default;
2
- $fab-min-height: 40px !default;
3
- $fab-min-width: 40px !default;
4
- $fab-offset: 10px !default;
5
-
6
- $fab-min-height: 40px !default;
7
- $fab-min-width: 40px !default;
8
- $fab-small-min-height: 32px !default;
9
- $fab-small-min-width: 32px !default;
10
-
11
- $fab-bigger-min-height: 56px !default;
12
- $fab-bigger-min-width: 56px !default;
13
- $fab-bigger-small-min-height: 40px !default;
14
- $fab-bigger-small-min-width: 40px !default;
15
-
16
- $fab-box-shadow: initial;
17
-
18
- $sd-offset: 10px !default;
19
- $sd-ul-margin: 0 !default;
20
- $sd-horz-ul-padding: 5px 0 !default;
21
- $sd-vert-ul-padding: 0 5px !default;
22
- $sd-horz-li-margin: 0 5px !default;
23
- $sd-vert-li-margin: 5px 0 !default;
24
- $sd-li-text-margin: 0 10px !default;
25
- $sd-li-text-padding: 3px !default;
26
- $sd-li-icon-min-height: 30px !default;
27
- $sd-li-icon-min-width: 30px !default;
28
-
29
- $sd-li-shadow-radius: 5px !default;
30
-
31
- $sd-overlay-bg: rgba(0, 0, 0, .1) !default;
32
- $sd-li-text-bg: rgb(255, 255, 255) !default;
33
- $sd-li-icon-bg: rgb(255, 255, 255) !default;
34
- $sd-li-text-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
35
- $sd-li-icon-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
36
- $sd-active-li-text-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
37
- $sd-active-li-icon-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
@@ -1,249 +0,0 @@
1
- @include export-module('speed-dial-layout') {
2
- .e-speeddial-popup {
3
- overflow: hidden;
4
- position: absolute;
5
- z-index: 99999;
6
-
7
- &.e-speeddial-top {
8
- top: $sd-offset;
9
-
10
- &.e-speeddial-radial .e-speeddial-li {
11
- top: 0;
12
- }
13
-
14
- &.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
15
- top: calc(.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - $sd-li-shadow-radius);
16
- }
17
-
18
- &.e-speeddial-middle,
19
- &.e-speeddial-linear {
20
- top: var(--speeddialVertDist);
21
- }
22
- }
23
-
24
- &.e-speeddial-bottom {
25
- bottom: $sd-offset;
26
-
27
- &.e-speeddial-radial .e-speeddial-li {
28
- bottom: 0;
29
- }
30
-
31
- &.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
32
- bottom: calc(.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - $sd-li-shadow-radius);
33
- }
34
-
35
- &.e-speeddial-middle,
36
- &.e-speeddial-linear {
37
- bottom: var(--speeddialVertDist);
38
- }
39
- }
40
-
41
- &.e-speeddial-left {
42
- left: $sd-offset;
43
-
44
- &.e-speeddial-radial .e-speeddial-li {
45
- left: 0;
46
- }
47
-
48
- &.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
49
- left: calc(.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - $sd-li-shadow-radius);
50
- }
51
-
52
- &.e-speeddial-center,
53
- &.e-speeddial-linear {
54
- left: var(--speeddialHorzDist);
55
- }
56
- }
57
-
58
- &.e-speeddial-right {
59
- right: $sd-offset;
60
-
61
- &.e-speeddial-radial .e-speeddial-li {
62
- right: 0;
63
- }
64
-
65
- &.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
66
- right: calc(.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - $sd-li-shadow-radius);
67
- }
68
-
69
- &.e-speeddial-center,
70
- &.e-speeddial-linear {
71
- right: var(--speeddialHorzDist);
72
- }
73
- }
74
-
75
- &.e-speeddial-template {
76
- outline: none;
77
- }
78
-
79
- .e-speeddial-ul {
80
- display: inline-flex;
81
- flex-direction: column;
82
- list-style-type: none;
83
- margin: $sd-ul-margin;
84
- padding: $sd-vert-ul-padding;
85
- }
86
-
87
- .e-speeddial-li {
88
- align-items: center;
89
- cursor: pointer;
90
- display: inline-flex;
91
- margin: $sd-vert-li-margin;
92
- position: relative;
93
- }
94
-
95
- .e-speeddial-li-text {
96
- margin: $sd-li-text-margin;
97
- padding: $sd-li-text-padding;
98
- white-space: nowrap;
99
- }
100
-
101
- .e-speeddial-li-icon {
102
- border-radius: 99999px;
103
- min-height: $sd-li-icon-min-height;
104
- min-width: $sd-li-icon-min-width;
105
- display: inline-flex;
106
- align-items: center;
107
- justify-content: center;
108
- }
109
-
110
- &.e-speeddial-fixed {
111
- position: fixed;
112
- }
113
-
114
- &.e-speeddial-vert-right .e-speeddial-li {
115
- flex-direction: row-reverse;
116
- }
117
-
118
- &.e-speeddial-vert-bottom .e-speeddial-ul {
119
- flex-direction: column-reverse;
120
- }
121
-
122
- &.e-speeddial-horz-right .e-speeddial-ul {
123
- flex-direction: row-reverse;
124
-
125
- &.e-speeddial-horz-top {
126
- flex-direction: row;
127
- }
128
- }
129
-
130
- &.e-speeddial-horz-left .e-speeddial-ul {
131
- flex-direction: row;
132
-
133
- &.e-speeddial-horz-top {
134
- flex-direction: row-reverse;
135
- }
136
- }
137
-
138
- &.e-speeddial-horz-right,
139
- &.e-speeddial-horz-left {
140
- .e-speeddial-ul {
141
- padding: $sd-horz-ul-padding;
142
- }
143
-
144
- .e-speeddial-li {
145
- margin: $sd-horz-li-margin;
146
- }
147
- }
148
-
149
- /* OVERFLOW CSS */
150
- &.e-speeddial-overflow {
151
- .e-speeddial-ul {
152
- overflow: auto;
153
- scroll-behavior: smooth;
154
-
155
- /* Hide scrollbar for IE and Edge */
156
- -ms-overflow-style: none;
157
-
158
- /* Hide scrollbar for Firefox */
159
- scrollbar-width: none;
160
-
161
- &::-webkit-scrollbar {
162
-
163
- /* Hide scrollbar for Chrome, Safari and Opera */
164
- display: none;
165
- }
166
- }
167
-
168
- &.e-speeddial-vert-overflow .e-speeddial-ul {
169
- max-height: var(--speeddialOverflowLimit);
170
- }
171
-
172
- &.e-speeddial-horz-overflow .e-speeddial-ul {
173
- max-width: var(--speeddialOverflowLimit);
174
- }
175
- }
176
-
177
- &.e-speeddial-radial {
178
- min-height: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
179
- min-width: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
180
-
181
- &.e-speeddial-middle {
182
- min-height: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
183
- }
184
-
185
- &.e-speeddial-center {
186
- min-width: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
187
- }
188
-
189
- &.e-speeddial-top-left {
190
- border-bottom-right-radius: 100%;
191
- }
192
-
193
- &.e-speeddial-top-right {
194
- border-bottom-left-radius: 100%;
195
- }
196
-
197
- &.e-speeddial-bottom-left {
198
- border-top-right-radius: 100%;
199
- }
200
-
201
- &.e-speeddial-bottom-right {
202
- border-top-left-radius: 100%;
203
- }
204
-
205
- .e-speeddial-ul {
206
- border-radius: inherit;
207
- min-height: inherit;
208
- min-width: inherit;
209
- padding: 0;
210
- position: relative;
211
- }
212
-
213
- .e-speeddial-li {
214
- position: absolute;
215
- margin: $sd-li-shadow-radius;
216
- transform: rotate(var(--speeddialRadialAngle)) translate(var(--speeddialRadialOffset)) rotate(calc(-1 * var(--speeddialRadialAngle)));
217
- }
218
- }
219
-
220
- &.e-speeddial-radial,
221
- &.e-speeddial-horz-right,
222
- &.e-speeddial-horz-left {
223
-
224
- .e-speeddial-li-text {
225
- position: absolute;
226
- visibility: hidden;
227
- }
228
- }
229
- }
230
-
231
- .e-speeddial-overlay {
232
- height: 100%;
233
- left: 0;
234
- position: absolute;
235
- top: 0;
236
- width: 100%;
237
- z-index: 99998;
238
-
239
- &.e-speeddial-fixed {
240
- height: 100vh;
241
- position: fixed;
242
- width: 100vw;
243
- }
244
- }
245
-
246
- .e-speeddial-hidden {
247
- visibility: hidden;
248
- }
249
- }
@@ -1,37 +0,0 @@
1
- $fab-border-radius: 9999px !default;
2
- $fab-min-height: 40px !default;
3
- $fab-min-width: 40px !default;
4
- $fab-offset: 10px !default;
5
-
6
- $fab-min-height: 40px !default;
7
- $fab-min-width: 40px !default;
8
- $fab-small-min-height: 32px !default;
9
- $fab-small-min-width: 32px !default;
10
-
11
- $fab-bigger-min-height: 56px !default;
12
- $fab-bigger-min-width: 56px !default;
13
- $fab-bigger-small-min-height: 40px !default;
14
- $fab-bigger-small-min-width: 40px !default;
15
-
16
- $fab-box-shadow: initial;
17
-
18
- $sd-offset: 10px !default;
19
- $sd-ul-margin: 0 !default;
20
- $sd-horz-ul-padding: 5px 0 !default;
21
- $sd-vert-ul-padding: 0 5px !default;
22
- $sd-horz-li-margin: 0 5px !default;
23
- $sd-vert-li-margin: 5px 0 !default;
24
- $sd-li-text-margin: 0 10px !default;
25
- $sd-li-text-padding: 3px !default;
26
- $sd-li-icon-min-height: 30px !default;
27
- $sd-li-icon-min-width: 30px !default;
28
-
29
- $sd-li-shadow-radius: 5px !default;
30
-
31
- $sd-overlay-bg: rgba(0, 0, 0, .1) !default;
32
- $sd-li-text-bg: rgb(255, 255, 255) !default;
33
- $sd-li-icon-bg: rgb(255, 255, 255) !default;
34
- $sd-li-text-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
35
- $sd-li-icon-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
36
- $sd-active-li-text-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
37
- $sd-active-li-icon-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
@@ -1,37 +0,0 @@
1
- $fab-border-radius: 9999px !default;
2
- $fab-min-height: 40px !default;
3
- $fab-min-width: 40px !default;
4
- $fab-offset: 10px !default;
5
-
6
- $fab-min-height: 40px !default;
7
- $fab-min-width: 40px !default;
8
- $fab-small-min-height: 32px !default;
9
- $fab-small-min-width: 32px !default;
10
-
11
- $fab-bigger-min-height: 56px !default;
12
- $fab-bigger-min-width: 56px !default;
13
- $fab-bigger-small-min-height: 40px !default;
14
- $fab-bigger-small-min-width: 40px !default;
15
-
16
- $fab-box-shadow: initial;
17
-
18
- $sd-offset: 10px !default;
19
- $sd-ul-margin: 0 !default;
20
- $sd-horz-ul-padding: 5px 0 !default;
21
- $sd-vert-ul-padding: 0 5px !default;
22
- $sd-horz-li-margin: 0 5px !default;
23
- $sd-vert-li-margin: 5px 0 !default;
24
- $sd-li-text-margin: 0 10px !default;
25
- $sd-li-text-padding: 3px !default;
26
- $sd-li-icon-min-height: 30px !default;
27
- $sd-li-icon-min-width: 30px !default;
28
-
29
- $sd-li-shadow-radius: 5px !default;
30
-
31
- $sd-overlay-bg: rgba(0, 0, 0, .1) !default;
32
- $sd-li-text-bg: rgb(255, 255, 255) !default;
33
- $sd-li-icon-bg: rgb(255, 255, 255) !default;
34
- $sd-li-text-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
35
- $sd-li-icon-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
36
- $sd-active-li-text-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
37
- $sd-active-li-icon-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
@@ -1,37 +0,0 @@
1
- $fab-border-radius: 9999px !default;
2
- $fab-min-height: 40px !default;
3
- $fab-min-width: 40px !default;
4
- $fab-offset: 10px !default;
5
-
6
- $fab-min-height: 40px !default;
7
- $fab-min-width: 40px !default;
8
- $fab-small-min-height: 32px !default;
9
- $fab-small-min-width: 32px !default;
10
-
11
- $fab-bigger-min-height: 56px !default;
12
- $fab-bigger-min-width: 56px !default;
13
- $fab-bigger-small-min-height: 40px !default;
14
- $fab-bigger-small-min-width: 40px !default;
15
-
16
- $fab-box-shadow: initial;
17
-
18
- $sd-offset: 10px !default;
19
- $sd-ul-margin: 0 !default;
20
- $sd-horz-ul-padding: 5px 0 !default;
21
- $sd-vert-ul-padding: 0 5px !default;
22
- $sd-horz-li-margin: 0 5px !default;
23
- $sd-vert-li-margin: 5px 0 !default;
24
- $sd-li-text-margin: 0 10px !default;
25
- $sd-li-text-padding: 3px !default;
26
- $sd-li-icon-min-height: 30px !default;
27
- $sd-li-icon-min-width: 30px !default;
28
-
29
- $sd-li-shadow-radius: 5px !default;
30
-
31
- $sd-overlay-bg: rgba(0, 0, 0, .1) !default;
32
- $sd-li-text-bg: rgb(255, 255, 255) !default;
33
- $sd-li-icon-bg: rgb(255, 255, 255) !default;
34
- $sd-li-text-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
35
- $sd-li-icon-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
36
- $sd-active-li-text-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
37
- $sd-active-li-icon-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
@@ -1 +0,0 @@
1
- @import './tailwind-definition.scss';
@@ -1,37 +0,0 @@
1
- $fab-border-radius: 9999px !default;
2
- $fab-min-height: 40px !default;
3
- $fab-min-width: 40px !default;
4
- $fab-offset: 10px !default;
5
-
6
- $fab-min-height: 40px !default;
7
- $fab-min-width: 40px !default;
8
- $fab-small-min-height: 32px !default;
9
- $fab-small-min-width: 32px !default;
10
-
11
- $fab-bigger-min-height: 56px !default;
12
- $fab-bigger-min-width: 56px !default;
13
- $fab-bigger-small-min-height: 40px !default;
14
- $fab-bigger-small-min-width: 40px !default;
15
-
16
- $fab-box-shadow: initial;
17
-
18
- $sd-offset: 10px !default;
19
- $sd-ul-margin: 0 !default;
20
- $sd-horz-ul-padding: 5px 0 !default;
21
- $sd-vert-ul-padding: 0 5px !default;
22
- $sd-horz-li-margin: 0 5px !default;
23
- $sd-vert-li-margin: 5px 0 !default;
24
- $sd-li-text-margin: 0 10px !default;
25
- $sd-li-text-padding: 3px !default;
26
- $sd-li-icon-min-height: 30px !default;
27
- $sd-li-icon-min-width: 30px !default;
28
-
29
- $sd-li-shadow-radius: 5px !default;
30
-
31
- $sd-overlay-bg: rgba(0, 0, 0, .1) !default;
32
- $sd-li-text-bg: rgb(255, 255, 255) !default;
33
- $sd-li-icon-bg: rgb(255, 255, 255) !default;
34
- $sd-li-text-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
35
- $sd-li-icon-shadow: 0 0 $sd-li-shadow-radius rgb(128, 128, 128) !default;
36
- $sd-active-li-text-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
37
- $sd-active-li-icon-shadow: 0 0 5px rgb(128, 128, 128), 0 0 $sd-li-shadow-radius rgb(128, 128, 128) inset !default;
@@ -1,27 +0,0 @@
1
- @include export-module('floating-action-button-theme') {
2
- .e-speeddial-overlay {
3
- background-color: $sd-overlay-bg;
4
- }
5
-
6
- .e-speeddial-popup {
7
- .e-speeddial-li-text{
8
- box-shadow: $sd-li-text-shadow;
9
- background-color: $sd-li-text-bg;
10
- }
11
-
12
- .e-speeddial-li-icon {
13
- box-shadow: $sd-li-icon-shadow;
14
- background-color: $sd-li-icon-bg;
15
- }
16
-
17
- .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) {
18
- .e-speeddial-li-text {
19
- box-shadow: $sd-active-li-text-shadow;
20
- }
21
-
22
- .e-speeddial-li-icon {
23
- box-shadow: $sd-active-li-icon-shadow;
24
- }
25
- }
26
- }
27
- }