@updevs/components 1.0.0-alpha.1 → 1.0.0-alpha.100

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 (198) hide show
  1. package/README.md +1 -24
  2. package/assets/styles/_bootstrap-components.scss +55 -0
  3. package/assets/styles/_bootstrap-config.scss +7 -0
  4. package/assets/styles/_bootstrap-override.scss +78 -0
  5. package/assets/styles/_config.scss +9 -0
  6. package/assets/styles/_core.scss +80 -0
  7. package/assets/styles/_debug.scss +49 -0
  8. package/assets/styles/_mixins.scss +2 -0
  9. package/assets/styles/_props.scss +91 -0
  10. package/assets/styles/_seven-columns.scss +73 -0
  11. package/assets/styles/_updevs.scss +25 -0
  12. package/assets/styles/_utilities-marketing.scss +209 -0
  13. package/assets/styles/_utilities.scss +133 -0
  14. package/assets/styles/_variables-dark.scss +19 -0
  15. package/assets/styles/_variables.scss +1003 -0
  16. package/assets/styles/fonts/_webfonts.scss +15 -0
  17. package/assets/styles/helpers/_index.scss +143 -0
  18. package/assets/styles/layout/_animations.scss +62 -0
  19. package/assets/styles/layout/_core.scss +62 -0
  20. package/assets/styles/layout/_dark.scss +77 -0
  21. package/assets/styles/layout/_footer.scss +12 -0
  22. package/assets/styles/layout/_navbar.scss +392 -0
  23. package/assets/styles/layout/_page.scss +170 -0
  24. package/assets/styles/layout/_root.scss +64 -0
  25. package/assets/styles/marketing/_browser.scss +67 -0
  26. package/assets/styles/marketing/_core.scss +8 -0
  27. package/assets/styles/marketing/_filters.scss +0 -0
  28. package/assets/styles/marketing/_hero.scss +70 -0
  29. package/assets/styles/marketing/_pricing.scss +111 -0
  30. package/assets/styles/marketing/_sections.scss +124 -0
  31. package/assets/styles/marketing/_shape.scss +31 -0
  32. package/assets/styles/mixins/_functions.scss +96 -0
  33. package/assets/styles/mixins/_mixins.scss +68 -0
  34. package/assets/styles/ui/_accordion.scss +178 -0
  35. package/assets/styles/ui/_alerts.scss +101 -0
  36. package/assets/styles/ui/_avatars.scss +145 -0
  37. package/assets/styles/ui/_badges.scss +113 -0
  38. package/assets/styles/ui/_breadcrumbs.scss +50 -0
  39. package/assets/styles/ui/_button-group.scss +16 -0
  40. package/assets/styles/ui/_buttons.scss +261 -0
  41. package/assets/styles/ui/_calendars.scss +104 -0
  42. package/assets/styles/ui/_cards.scss +595 -0
  43. package/assets/styles/ui/_carousel.scss +68 -0
  44. package/assets/styles/ui/_charts.scss +61 -0
  45. package/assets/styles/ui/_chat.scss +38 -0
  46. package/assets/styles/ui/_chips.scss +0 -0
  47. package/assets/styles/ui/_close.scss +60 -0
  48. package/assets/styles/ui/_datagrid.scss +17 -0
  49. package/assets/styles/ui/_dropdowns.scss +120 -0
  50. package/assets/styles/ui/_empty.scss +60 -0
  51. package/assets/styles/ui/_flags.scss +31 -0
  52. package/assets/styles/ui/_forms.scss +250 -0
  53. package/assets/styles/ui/_grid.scss +115 -0
  54. package/assets/styles/ui/_icons.scss +72 -0
  55. package/assets/styles/ui/_images.scss +19 -0
  56. package/assets/styles/ui/_legend.scss +12 -0
  57. package/assets/styles/ui/_lists.scss +123 -0
  58. package/assets/styles/ui/_loaders.scss +72 -0
  59. package/assets/styles/ui/_login.scss +3 -0
  60. package/assets/styles/ui/_markdown.scss +53 -0
  61. package/assets/styles/ui/_modals.scss +67 -0
  62. package/assets/styles/ui/_nav.scss +106 -0
  63. package/assets/styles/ui/_offcanvas.scss +17 -0
  64. package/assets/styles/ui/_pagination.scss +58 -0
  65. package/assets/styles/ui/_payments.scss +28 -0
  66. package/assets/styles/ui/_placeholder.scss +9 -0
  67. package/assets/styles/ui/_popovers.scss +2 -0
  68. package/assets/styles/ui/_progress.scss +107 -0
  69. package/assets/styles/ui/_ribbons.scss +157 -0
  70. package/assets/styles/ui/_segmented.scss +101 -0
  71. package/assets/styles/ui/_signature.scss +15 -0
  72. package/assets/styles/ui/_social.scss +52 -0
  73. package/assets/styles/ui/_stars.scss +13 -0
  74. package/assets/styles/ui/_status.scss +163 -0
  75. package/assets/styles/ui/_steps.scss +156 -0
  76. package/assets/styles/ui/_switch-icon.scss +211 -0
  77. package/assets/styles/ui/_tables.scss +176 -0
  78. package/assets/styles/ui/_tags.scss +57 -0
  79. package/assets/styles/ui/_timeline.scss +61 -0
  80. package/assets/styles/ui/_toasts.scss +18 -0
  81. package/assets/styles/ui/_toolbar.scss +10 -0
  82. package/assets/styles/ui/_tracking.scss +29 -0
  83. package/assets/styles/ui/_type.scss +330 -0
  84. package/assets/styles/ui/forms/_form-check.scss +91 -0
  85. package/assets/styles/ui/forms/_form-colorinput.scss +54 -0
  86. package/assets/styles/ui/forms/_form-custom.scss +28 -0
  87. package/assets/styles/ui/forms/_form-icon.scss +35 -0
  88. package/assets/styles/ui/forms/_form-imagecheck.scss +105 -0
  89. package/assets/styles/ui/forms/_form-selectgroup.scss +153 -0
  90. package/assets/styles/ui/forms/_validation.scss +13 -0
  91. package/assets/styles/ui/typo/_hr.scss +76 -0
  92. package/assets/styles/utils/_background.scss +15 -0
  93. package/assets/styles/utils/_colors.scss +101 -0
  94. package/assets/styles/utils/_opacity.scss +7 -0
  95. package/assets/styles/utils/_scroll.scss +45 -0
  96. package/assets/styles/utils/_shadow.scss +17 -0
  97. package/assets/styles/utils/_sizing.scss +10 -0
  98. package/assets/styles/utils/_text.scss +14 -0
  99. package/assets/styles/vendor/_apexcharts.scss +52 -0
  100. package/assets/styles/vendor/_coloris.scss +72 -0
  101. package/assets/styles/vendor/_dropzone.scss +27 -0
  102. package/assets/styles/vendor/_fslightbox.scss +13 -0
  103. package/assets/styles/vendor/_jsvectormap.scss +47 -0
  104. package/assets/styles/vendor/_litepicker.scss +69 -0
  105. package/assets/styles/vendor/_nouislider.scss +49 -0
  106. package/assets/styles/vendor/_plyr.scss +3 -0
  107. package/assets/styles/vendor/_stars-rating.scss +22 -0
  108. package/assets/styles/vendor/_tom-select.scss +81 -0
  109. package/assets/styles/vendor/_turbo.scss +3 -0
  110. package/assets/styles/vendor/_typed.scss +4 -0
  111. package/assets/styles/vendor/_wysiwyg.scss +46 -0
  112. package/fesm2022/updevs-components-badge.mjs +89 -0
  113. package/fesm2022/updevs-components-badge.mjs.map +1 -0
  114. package/fesm2022/updevs-components-button.mjs +193 -0
  115. package/fesm2022/updevs-components-button.mjs.map +1 -0
  116. package/fesm2022/updevs-components-calendar.mjs +582 -0
  117. package/fesm2022/updevs-components-calendar.mjs.map +1 -0
  118. package/fesm2022/updevs-components-card.mjs +242 -0
  119. package/fesm2022/updevs-components-card.mjs.map +1 -0
  120. package/fesm2022/updevs-components-drag-and-drop.mjs +185 -0
  121. package/fesm2022/updevs-components-drag-and-drop.mjs.map +1 -0
  122. package/fesm2022/updevs-components-dropdown.mjs +247 -0
  123. package/fesm2022/updevs-components-dropdown.mjs.map +1 -0
  124. package/fesm2022/updevs-components-form-controls-abstractions.mjs +106 -0
  125. package/fesm2022/updevs-components-form-controls-abstractions.mjs.map +1 -0
  126. package/fesm2022/updevs-components-form-controls-checkbox.mjs +99 -0
  127. package/fesm2022/updevs-components-form-controls-checkbox.mjs.map +1 -0
  128. package/fesm2022/updevs-components-form-controls-date-picker.mjs +175 -0
  129. package/fesm2022/updevs-components-form-controls-date-picker.mjs.map +1 -0
  130. package/fesm2022/updevs-components-form-controls-file-upload.mjs +272 -0
  131. package/fesm2022/updevs-components-form-controls-file-upload.mjs.map +1 -0
  132. package/fesm2022/updevs-components-form-controls-input.mjs +281 -0
  133. package/fesm2022/updevs-components-form-controls-input.mjs.map +1 -0
  134. package/fesm2022/updevs-components-form-controls-radio.mjs +98 -0
  135. package/fesm2022/updevs-components-form-controls-radio.mjs.map +1 -0
  136. package/fesm2022/updevs-components-form-controls-select.mjs +600 -0
  137. package/fesm2022/updevs-components-form-controls-select.mjs.map +1 -0
  138. package/fesm2022/updevs-components-form-controls-textarea.mjs +79 -0
  139. package/fesm2022/updevs-components-form-controls-textarea.mjs.map +1 -0
  140. package/fesm2022/updevs-components-form-controls-time-picker.mjs +345 -0
  141. package/fesm2022/updevs-components-form-controls-time-picker.mjs.map +1 -0
  142. package/fesm2022/updevs-components-form.mjs +562 -0
  143. package/fesm2022/updevs-components-form.mjs.map +1 -0
  144. package/fesm2022/updevs-components-layout.mjs +1054 -0
  145. package/fesm2022/updevs-components-layout.mjs.map +1 -0
  146. package/fesm2022/updevs-components-link.mjs +79 -0
  147. package/fesm2022/updevs-components-link.mjs.map +1 -0
  148. package/fesm2022/updevs-components-list.mjs +215 -0
  149. package/fesm2022/updevs-components-list.mjs.map +1 -0
  150. package/fesm2022/updevs-components-modal.mjs +505 -0
  151. package/fesm2022/updevs-components-modal.mjs.map +1 -0
  152. package/fesm2022/updevs-components-paginator.mjs +160 -0
  153. package/fesm2022/updevs-components-paginator.mjs.map +1 -0
  154. package/fesm2022/updevs-components-popover.mjs +215 -0
  155. package/fesm2022/updevs-components-popover.mjs.map +1 -0
  156. package/fesm2022/updevs-components-pricing.mjs +130 -0
  157. package/fesm2022/updevs-components-pricing.mjs.map +1 -0
  158. package/fesm2022/updevs-components-table.mjs +2060 -0
  159. package/fesm2022/updevs-components-table.mjs.map +1 -0
  160. package/fesm2022/updevs-components.mjs +33 -0
  161. package/fesm2022/updevs-components.mjs.map +1 -0
  162. package/package.json +127 -14
  163. package/types/updevs-components-badge.d.ts +44 -0
  164. package/types/updevs-components-button.d.ts +75 -0
  165. package/types/updevs-components-calendar.d.ts +175 -0
  166. package/types/updevs-components-card.d.ts +92 -0
  167. package/types/updevs-components-drag-and-drop.d.ts +74 -0
  168. package/types/updevs-components-dropdown.d.ts +124 -0
  169. package/types/updevs-components-form-controls-abstractions.d.ts +49 -0
  170. package/types/updevs-components-form-controls-checkbox.d.ts +33 -0
  171. package/types/updevs-components-form-controls-date-picker.d.ts +80 -0
  172. package/types/updevs-components-form-controls-file-upload.d.ts +69 -0
  173. package/types/updevs-components-form-controls-input.d.ts +95 -0
  174. package/types/updevs-components-form-controls-radio.d.ts +32 -0
  175. package/types/updevs-components-form-controls-select.d.ts +200 -0
  176. package/types/updevs-components-form-controls-textarea.d.ts +31 -0
  177. package/types/updevs-components-form-controls-time-picker.d.ts +164 -0
  178. package/types/updevs-components-form.d.ts +356 -0
  179. package/types/updevs-components-layout.d.ts +490 -0
  180. package/types/updevs-components-link.d.ts +34 -0
  181. package/types/updevs-components-list.d.ts +107 -0
  182. package/types/updevs-components-modal.d.ts +155 -0
  183. package/types/updevs-components-paginator.d.ts +58 -0
  184. package/types/updevs-components-popover.d.ts +63 -0
  185. package/types/updevs-components-pricing.d.ts +91 -0
  186. package/types/updevs-components-table.d.ts +619 -0
  187. package/types/updevs-components.d.ts +44 -0
  188. package/CHANGELOG.md +0 -8
  189. package/ng-package.json +0 -7
  190. package/src/lib/components.component.spec.ts +0 -23
  191. package/src/lib/components.component.ts +0 -14
  192. package/src/lib/components.module.ts +0 -17
  193. package/src/lib/components.service.spec.ts +0 -16
  194. package/src/lib/components.service.ts +0 -9
  195. package/src/public-api.ts +0 -7
  196. package/tsconfig.lib.json +0 -14
  197. package/tsconfig.lib.prod.json +0 -10
  198. package/tsconfig.spec.json +0 -14
@@ -0,0 +1,27 @@
1
+ .dropzone {
2
+ border: var(--#{$prefix}border-width) dashed var(--#{$prefix}border-color) !important;
3
+ color: var(--#{$prefix}secondary) !important;
4
+ padding: 1rem !important;
5
+
6
+ &.dz-drag-hover {
7
+ border: var(--#{$prefix}border-width) dashed var(--#{$prefix}primary);
8
+ background: rgba(var(--#{$prefix}primary-rgb), .01);
9
+ color: var(--#{$prefix}primary);
10
+
11
+ .dz-message {
12
+ opacity: 1;
13
+ }
14
+ }
15
+
16
+ .dz-preview {
17
+ margin: .5rem;
18
+
19
+ .dz-image {
20
+ border-radius: var(--#{$prefix}border-radius);
21
+ }
22
+
23
+ .dz-success-mark {
24
+ height: 54px;
25
+ }
26
+ }
27
+ }
@@ -0,0 +1,13 @@
1
+ .fslightbox-container {
2
+ font-family: inherit !important;
3
+ background: var(--#{$prefix}backdrop-bg) !important;
4
+ backdrop-filter: blur($modal-backdrop-blur) !important;
5
+ }
6
+
7
+ .fslightbox-slide-number-container {
8
+ color: inherit !important;
9
+ }
10
+
11
+ .fslightbox-slash {
12
+ background: currentColor !important;
13
+ }
@@ -0,0 +1,47 @@
1
+ .jvm-tooltip {
2
+ background: var(--#{$prefix}bg-surface-inverted);
3
+ color: var(--#{$prefix}text-inverted);
4
+ font-family: inherit;
5
+ font-size: $h5-font-size;
6
+ box-shadow: $card-box-shadow;
7
+ }
8
+
9
+ .jvm-series-container .jvm-legend .jvm-legend-title {
10
+ border-bottom: 0;
11
+ font-weight: var(--#{$prefix}font-weight-medium);
12
+ }
13
+
14
+ .jvm-series-container .jvm-legend {
15
+ background-color: var(--#{$prefix}card-bg, var(--#{$prefix}bg-surface));
16
+ border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
17
+ min-width: 8rem;
18
+
19
+ .jvm-legend-inner .jvm-legend-tick {
20
+ display: flex;
21
+ align-items: center;
22
+
23
+ .jvm-legend-tick-sample {
24
+ width: .75rem;
25
+ height: .75rem;
26
+ }
27
+ }
28
+ }
29
+
30
+ .jvm-zoom-btn {
31
+ border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
32
+ background: var(--#{$prefix}card-bg, var(--#{$prefix}bg-surface));
33
+ color: var(--#{$prefix}body-color);
34
+ padding: 0;
35
+ display: flex;
36
+ align-items: center;
37
+ justify-content: center;
38
+ line-height: 1;
39
+ width: 1.5rem;
40
+ height: 1.5rem;
41
+ font-size: 1rem;
42
+ box-shadow: $card-box-shadow;
43
+
44
+ &.jvm-zoomout {
45
+ top: 2.5rem;
46
+ }
47
+ }
@@ -0,0 +1,69 @@
1
+ .litepicker {
2
+ --litepicker-month-weekday-color: #{var(--#{$prefix}secondary)};
3
+ --litepicker-button-prev-month-color: #{var(--#{$prefix}secondary)};
4
+ --litepicker-button-next-month-color: #{var(--#{$prefix}secondary)};
5
+ --litepicker-button-prev-month-color-hover: #{ var(--#{$prefix}primary) };
6
+ --litepicker-button-next-month-color-hover: #{ var(--#{$prefix}primary) };
7
+ --litepicker-day-color: var(--#{$prefix}body-color);
8
+ --litepicker-day-color-hover: #{ var(--#{$prefix}primary) };
9
+ --litepicker-is-start-color-bg: #{ var(--#{$prefix}primary) };
10
+ --litepicker-is-end-color-bg: #{ var(--#{$prefix}primary) };
11
+ --litepicker-is-in-range-color: #{ var(--#{$prefix}info) };
12
+ --litepicker-is-today-color: #{ var(--#{$prefix}primary) };
13
+ --litepicker-month-header-color: var(--#{$prefix}body-color);
14
+ --litepicker-container-months-color-bg: var(--#{$prefix}bg-surface);
15
+ font: inherit;
16
+ user-select: none;
17
+
18
+ .day-item.is-in-range {
19
+ --litepicker-day-color: var(--#{$prefix}light);
20
+ }
21
+
22
+ svg {
23
+ fill: none !important;
24
+ }
25
+
26
+ .container__main {
27
+ border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color);
28
+ border-radius: var(--#{$prefix}border-radius);
29
+ box-shadow: none;
30
+ }
31
+
32
+ .container__months {
33
+ .month-item-name,
34
+ .month-item-year {
35
+ font-weight: var(--#{$prefix}font-weight-medium) !important;
36
+ }
37
+
38
+ .button-next-month,
39
+ .button-previous-month {
40
+ cursor: pointer !important;
41
+ }
42
+
43
+ .month-item-weekdays-row {
44
+ > div {
45
+ padding: .5rem 0 !important;
46
+ font-size: $h5-font-size;
47
+ }
48
+ }
49
+ }
50
+
51
+ .container__days {
52
+ .day-item {
53
+ cursor: pointer !important;
54
+ padding: .5rem 0 !important;
55
+ @include transition(color $transition-time, background-color $transition-time, border-color $transition-time);
56
+ }
57
+ }
58
+
59
+ .datepicker-inline & {
60
+ box-shadow: $input-box-shadow;
61
+
62
+ .container__months {
63
+ box-shadow: none;
64
+ background-color: var(--#{$prefix}bg-forms);
65
+ border-radius: calc(var(--#{$prefix}border-radius) - 1px);
66
+ }
67
+ }
68
+ }
69
+
@@ -0,0 +1,49 @@
1
+ .noUi-target {
2
+ border: 0;
3
+ box-shadow: none;
4
+ background: none;
5
+ border-radius: 0;
6
+ color: $form-range-thumb-bg;
7
+ }
8
+
9
+ .noUi-horizontal {
10
+ height: add($form-range-track-height, 1rem);
11
+ padding: .5rem 0;
12
+ }
13
+
14
+ .noUi-base {
15
+ background: $form-range-track-bg;
16
+ border-radius: $form-range-track-border-radius;
17
+ }
18
+
19
+ .noUi-handle {
20
+ width: $form-range-thumb-width;
21
+ height: $form-range-thumb-height;
22
+ border: $form-range-thumb-border;
23
+ box-shadow: $form-range-thumb-box-shadow;
24
+ border-radius: $form-range-thumb-border-radius;
25
+ background: currentColor;
26
+ outline: 0;
27
+
28
+ &:before,
29
+ &:after {
30
+ content: none;
31
+ }
32
+
33
+ .noUi-horizontal & {
34
+ width: $form-range-thumb-width;
35
+ height: $form-range-thumb-height;
36
+ top: (-$form-range-thumb-height * .5);
37
+ right: (-$form-range-thumb-height * .5);
38
+ margin: 1px 1px 0 0;
39
+ }
40
+
41
+ &.noUi-active,
42
+ &:focus {
43
+ box-shadow: $form-range-thumb-focus-box-shadow;
44
+ }
45
+ }
46
+
47
+ .noUi-connect {
48
+ background: currentColor;
49
+ }
@@ -0,0 +1,3 @@
1
+ body {
2
+ --plyr-color-main: #{var(--#{$prefix}primary)};
3
+ }
@@ -0,0 +1,22 @@
1
+ :root {
2
+ --gl-star-size: auto;
3
+ --gl-star-color: var(--#{$prefix}yellow);
4
+ --gl-star-color-inactive: var(--#{$prefix}border-color);
5
+ }
6
+
7
+ [data-star-rating] {
8
+ svg {
9
+ width: var(--#{$prefix}icon-size, --gl-star-size);
10
+ height: var(--#{$prefix}icon-size, --gl-star-size);
11
+ }
12
+
13
+ :not(.gl-active) > .gl-star-full {
14
+ color: var(--gl-star-color-inactive) !important;
15
+ }
16
+
17
+ .gl-active > .gl-star-full {
18
+ color: var(--gl-star-color);
19
+ fill: currentColor;
20
+ stroke: currentColor;
21
+ }
22
+ }
@@ -0,0 +1,81 @@
1
+ $select-color-dropdown: #fff;
2
+ $select-color-dropdown-border-top: red;
3
+ $input-border-width: 1px;
4
+
5
+ :root {
6
+ --ts-pr-clear-button: 0rem;
7
+ --ts-pr-caret: 0rem;
8
+ }
9
+
10
+ .ts-input {
11
+ color: inherit;
12
+ }
13
+
14
+ .focus .ts-control {
15
+ border-radius: var(--#{$prefix}border-radius);
16
+ }
17
+
18
+
19
+ .ts-control {
20
+ color: inherit;
21
+
22
+ .dropdown-menu {
23
+ width: 100%;
24
+ height: auto;
25
+ }
26
+ }
27
+
28
+ .ts-wrapper {
29
+ .form-control,
30
+ .form-select,
31
+ &.form-control,
32
+ &.form-select {
33
+ box-shadow: $input-box-shadow;
34
+ }
35
+
36
+ &.is-invalid,
37
+ &.is-valid {
38
+ .ts-control {
39
+ --ts-pr-clear-button: 1.5rem;
40
+ }
41
+ }
42
+ }
43
+
44
+ .ts-dropdown {
45
+ background: var(--#{$prefix}bg-surface);
46
+ color: var(--#{$prefix}body-color);
47
+ box-shadow: var(--#{$prefix}shadow-dropdown);
48
+ z-index: $zindex-dropdown;
49
+
50
+ .option {
51
+ padding: $dropdown-item-padding-y $dropdown-item-padding-x;
52
+ }
53
+ }
54
+
55
+ .ts-control,
56
+ .ts-control input {
57
+ color: var(--#{$prefix}body-color);
58
+ }
59
+
60
+ .ts-control input {
61
+ &::placeholder{
62
+ color: $input-placeholder-color;
63
+ }
64
+ }
65
+
66
+ .ts-wrapper.multi,
67
+ .ts-wrapper.multi.disabled {
68
+ .ts-control > div {
69
+ background: var(--#{$prefix}bg-surface-secondary);
70
+ border: 1px solid var(--#{$prefix}border-color);
71
+ color: var(--#{$prefix}body-color);
72
+ }
73
+ }
74
+
75
+ .ts-wrapper.disabled .ts-control {
76
+ opacity: 1;
77
+
78
+ &> div.item {
79
+ color: var(--#{$prefix}gray-500);
80
+ }
81
+ }
@@ -0,0 +1,3 @@
1
+ .turbo-progress-bar {
2
+ background: var(--#{$prefix}primary);
3
+ }
@@ -0,0 +1,4 @@
1
+ .typed-cursor {
2
+ font-weight: 500;
3
+ color: $secondary;
4
+ }
@@ -0,0 +1,46 @@
1
+ .tox-hugerte {
2
+ border: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
3
+ border-radius: $border-radius !important;
4
+ font-family: var(--#{$prefix}font-sans-serif) !important;
5
+ }
6
+
7
+ .tox-toolbar__group {
8
+ padding: 0 .5rem 0;
9
+ }
10
+
11
+ .tox .tox-toolbar__primary {
12
+ background: transparent !important;
13
+ }
14
+
15
+ .tox:not(.tox-hugerte-inline) {
16
+ .tox-editor-header {
17
+ border-bottom: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
18
+ box-shadow: none !important;
19
+ padding: 0 !important;
20
+ }
21
+ }
22
+
23
+ .tox-tbtn {
24
+ margin: 0 !important;
25
+ background: var(--#{$prefix}bg-surface) !important;
26
+
27
+ &:hover,
28
+ &.tox-tbtn--enabled {
29
+ background: var(--#{$prefix}bg-surface-secondary) !important;
30
+ }
31
+ }
32
+
33
+ .tox-edit-area {
34
+ &::before {
35
+ border: none !important
36
+ }
37
+ }
38
+
39
+ .tox-statusbar {
40
+ border-top: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color) !important;
41
+ }
42
+
43
+ .tox .tox-toolbar-overlord,
44
+ .tox:not(.tox-hugerte-inline) .tox-editor-header {
45
+ background: transparent !important;
46
+ }
@@ -0,0 +1,89 @@
1
+ import * as i0 from '@angular/core';
2
+ import { input, computed, inject, HostBinding, Component, NgModule } from '@angular/core';
3
+ import { TextService } from '@updevs/sdk';
4
+ import { CommonModule } from '@angular/common';
5
+
6
+ class BadgeConfigModel {
7
+ constructor(init) {
8
+ this.bgColor = 'primary';
9
+ this.isOutline = false;
10
+ this.isPill = false;
11
+ this.isNotification = false;
12
+ this.isBlinking = false;
13
+ this.customClasses = '';
14
+ if (!!init) {
15
+ Object.assign(this, init);
16
+ }
17
+ }
18
+ }
19
+
20
+ class BadgeComponent {
21
+ constructor() {
22
+ this.config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : []));
23
+ this.bgColor = input('primary', ...(ngDevMode ? [{ debugName: "bgColor" }] : []));
24
+ this.textColor = input(...(ngDevMode ? [undefined, { debugName: "textColor" }] : []));
25
+ this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
26
+ this.isOutline = input(false, ...(ngDevMode ? [{ debugName: "isOutline" }] : []));
27
+ this.isPill = input(false, ...(ngDevMode ? [{ debugName: "isPill" }] : []));
28
+ this.isNotification = input(false, ...(ngDevMode ? [{ debugName: "isNotification" }] : []));
29
+ this.isBlinking = input(false, ...(ngDevMode ? [{ debugName: "isBlinking" }] : []));
30
+ this.customClasses = input('', ...(ngDevMode ? [{ debugName: "customClasses" }] : []));
31
+ this.configModel = computed(() => new BadgeConfigModel(this.config()), ...(ngDevMode ? [{ debugName: "configModel" }] : []));
32
+ this.classes = computed(() => [
33
+ (!!this.config() && !this.configModel().isOutline) || !this.isOutline()
34
+ ? `bg-${!!this.config() ? this.configModel().bgColor : this.bgColor()}`
35
+ : '',
36
+ !!this.textColor() || (!!this.config() && this.configModel().textColor)
37
+ ? `text-${!!this.config() ? this.configModel().textColor : this.textColor()}`
38
+ : '',
39
+ this.isOutline() || (!!this.config() && this.configModel().isOutline) ? 'badge-outline' : '',
40
+ this.isPill() || (!!this.config() && this.configModel().isPill) ? 'badge-pill' : '',
41
+ this.isNotification() || (!!this.config() && this.configModel().isNotification) ? 'badge-notification' : '',
42
+ this.isBlinking() || (!!this.config() && this.configModel().isBlinking) ? 'badge-blink' : ''
43
+ ].join(' '), ...(ngDevMode ? [{ debugName: "classes" }] : []));
44
+ this.fullClassString = computed(() => `badge ${this.customClasses()} ${this.classes()}`, ...(ngDevMode ? [{ debugName: "fullClassString" }] : []));
45
+ this.textService = inject(TextService);
46
+ }
47
+ get hostClasses() {
48
+ return this.fullClassString();
49
+ }
50
+ get badgeText() {
51
+ return this.textService.getText(this.text() || this.configModel().text);
52
+ }
53
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: BadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
54
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: BadgeComponent, isStandalone: false, selector: "upd-badge", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, isOutline: { classPropertyName: "isOutline", publicName: "isOutline", isSignal: true, isRequired: false, transformFunction: null }, isPill: { classPropertyName: "isPill", publicName: "isPill", isSignal: true, isRequired: false, transformFunction: null }, isNotification: { classPropertyName: "isNotification", publicName: "isNotification", isSignal: true, isRequired: false, transformFunction: null }, isBlinking: { classPropertyName: "isBlinking", publicName: "isBlinking", isSignal: true, isRequired: false, transformFunction: null }, customClasses: { classPropertyName: "customClasses", publicName: "customClasses", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "@if (!!badgeText) {\n {{ badgeText }}\n} @else {\n <ng-content></ng-content>\n}\n", styles: [""] }); }
55
+ }
56
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: BadgeComponent, decorators: [{
57
+ type: Component,
58
+ args: [{ standalone: false, selector: 'upd-badge', template: "@if (!!badgeText) {\n {{ badgeText }}\n} @else {\n <ng-content></ng-content>\n}\n" }]
59
+ }], propDecorators: { hostClasses: [{
60
+ type: HostBinding,
61
+ args: ['class']
62
+ }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "textColor", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], isOutline: [{ type: i0.Input, args: [{ isSignal: true, alias: "isOutline", required: false }] }], isPill: [{ type: i0.Input, args: [{ isSignal: true, alias: "isPill", required: false }] }], isNotification: [{ type: i0.Input, args: [{ isSignal: true, alias: "isNotification", required: false }] }], isBlinking: [{ type: i0.Input, args: [{ isSignal: true, alias: "isBlinking", required: false }] }], customClasses: [{ type: i0.Input, args: [{ isSignal: true, alias: "customClasses", required: false }] }] } });
63
+
64
+ class UpdBadgeModule {
65
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
66
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.4", ngImport: i0, type: UpdBadgeModule, declarations: [BadgeComponent], imports: [CommonModule], exports: [BadgeComponent] }); }
67
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdBadgeModule, imports: [CommonModule] }); }
68
+ }
69
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: UpdBadgeModule, decorators: [{
70
+ type: NgModule,
71
+ args: [{
72
+ imports: [
73
+ CommonModule
74
+ ],
75
+ declarations: [
76
+ BadgeComponent
77
+ ],
78
+ exports: [
79
+ BadgeComponent
80
+ ]
81
+ }]
82
+ }] });
83
+
84
+ /**
85
+ * Generated bundle index. Do not edit.
86
+ */
87
+
88
+ export { BadgeComponent, UpdBadgeModule };
89
+ //# sourceMappingURL=updevs-components-badge.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"updevs-components-badge.mjs","sources":["../../../../libs/components/badge/src/badge-config.model.ts","../../../../libs/components/badge/src/badge.component.ts","../../../../libs/components/badge/src/badge.component.html","../../../../libs/components/badge/src/upd-badge.module.ts","../../../../libs/components/badge/src/updevs-components-badge.ts"],"sourcesContent":["import { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';\nimport { TextModel } from '@updevs/sdk';\n\nimport { BadgeConfig } from './badge.config';\n\nexport class BadgeConfigModel implements BadgeConfig {\n bgColor: BgColorStyleType = 'primary';\n textColor?: ColorStyleType;\n text?: TextModel;\n isOutline = false;\n isPill = false;\n isNotification = false;\n isBlinking = false;\n customClasses = '';\n\n constructor(init?: BadgeConfig) {\n if (!!init) {\n Object.assign(this, init);\n }\n }\n}\n","import { Component, computed, inject, input, HostBinding } from '@angular/core';\nimport { BgColorStyleType, ColorStyleType } from '@updevs/sdk/types';\nimport { TextModel, TextService } from '@updevs/sdk';\n\nimport { BadgeConfig } from './badge.config';\nimport { BadgeConfigModel } from './badge-config.model';\n\n@Component({\n standalone: false,\n selector: 'upd-badge',\n templateUrl: './badge.component.html',\n styleUrl: './badge.component.scss'\n})\nexport class BadgeComponent {\n @HostBinding('class') get hostClasses(): string {\n return this.fullClassString();\n }\n\n config = input<BadgeConfig>();\n bgColor = input<BgColorStyleType>('primary');\n textColor = input<ColorStyleType>();\n text = input<TextModel>();\n isOutline = input<boolean>(false);\n isPill = input<boolean>(false);\n isNotification = input<boolean>(false);\n isBlinking = input<boolean>(false);\n customClasses = input<string>('');\n\n get badgeText(): string {\n return this.textService.getText(this.text() || this.configModel().text);\n }\n\n private readonly configModel = computed(() => new BadgeConfigModel(this.config()));\n private readonly classes = computed(() =>\n [\n (!!this.config() && !this.configModel().isOutline) || !this.isOutline()\n ? `bg-${!!this.config() ? this.configModel().bgColor : this.bgColor()}`\n : '',\n !!this.textColor() || (!!this.config() && this.configModel().textColor)\n ? `text-${!!this.config() ? this.configModel().textColor : this.textColor()}`\n : '',\n this.isOutline() || (!!this.config() && this.configModel().isOutline) ? 'badge-outline' : '',\n this.isPill() || (!!this.config() && this.configModel().isPill) ? 'badge-pill' : '',\n this.isNotification() || (!!this.config() && this.configModel().isNotification) ? 'badge-notification' : '',\n this.isBlinking() || (!!this.config() && this.configModel().isBlinking) ? 'badge-blink' : ''\n ].join(' ')\n );\n private readonly fullClassString = computed(() => `badge ${this.customClasses()} ${this.classes()}`);\n private readonly textService = inject(TextService);\n}\n","@if (!!badgeText) {\n {{ badgeText }}\n} @else {\n <ng-content></ng-content>\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { BadgeComponent } from './badge.component';\n\n@NgModule({\n imports: [\n CommonModule\n ],\n declarations: [\n BadgeComponent\n ],\n exports: [\n BadgeComponent\n ]\n})\nexport class UpdBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}