@theseam/ui-common 1.0.0-beta.1 → 1.0.0-beta.11

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 (153) hide show
  1. package/breadcrumbs/index.d.ts +1 -2
  2. package/buttons/index.d.ts +20 -13
  3. package/datatable/index.d.ts +77 -39
  4. package/dynamic/index.d.ts +5 -5
  5. package/fesm2022/theseam-ui-common-asset-reader.mjs +28 -29
  6. package/fesm2022/theseam-ui-common-asset-reader.mjs.map +1 -1
  7. package/fesm2022/theseam-ui-common-breadcrumbs.mjs +25 -31
  8. package/fesm2022/theseam-ui-common-breadcrumbs.mjs.map +1 -1
  9. package/fesm2022/theseam-ui-common-buttons.mjs +108 -66
  10. package/fesm2022/theseam-ui-common-buttons.mjs.map +1 -1
  11. package/fesm2022/theseam-ui-common-card.mjs +21 -21
  12. package/fesm2022/theseam-ui-common-card.mjs.map +1 -1
  13. package/fesm2022/theseam-ui-common-carousel.mjs +28 -30
  14. package/fesm2022/theseam-ui-common-carousel.mjs.map +1 -1
  15. package/fesm2022/theseam-ui-common-checkbox.mjs +27 -27
  16. package/fesm2022/theseam-ui-common-checkbox.mjs.map +1 -1
  17. package/fesm2022/theseam-ui-common-confirm-dialog.mjs +23 -27
  18. package/fesm2022/theseam-ui-common-confirm-dialog.mjs.map +1 -1
  19. package/fesm2022/theseam-ui-common-core.mjs +31 -11
  20. package/fesm2022/theseam-ui-common-core.mjs.map +1 -1
  21. package/fesm2022/theseam-ui-common-data-exporter.mjs +18 -19
  22. package/fesm2022/theseam-ui-common-data-exporter.mjs.map +1 -1
  23. package/fesm2022/theseam-ui-common-data-filters.mjs +80 -64
  24. package/fesm2022/theseam-ui-common-data-filters.mjs.map +1 -1
  25. package/fesm2022/theseam-ui-common-datatable-alterations-display.mjs +51 -49
  26. package/fesm2022/theseam-ui-common-datatable-alterations-display.mjs.map +1 -1
  27. package/fesm2022/theseam-ui-common-datatable-dynamic.mjs +145 -112
  28. package/fesm2022/theseam-ui-common-datatable-dynamic.mjs.map +1 -1
  29. package/fesm2022/theseam-ui-common-datatable.mjs +730 -420
  30. package/fesm2022/theseam-ui-common-datatable.mjs.map +1 -1
  31. package/fesm2022/theseam-ui-common-dynamic-component-loader.mjs +12 -14
  32. package/fesm2022/theseam-ui-common-dynamic-component-loader.mjs.map +1 -1
  33. package/fesm2022/theseam-ui-common-dynamic.mjs +60 -48
  34. package/fesm2022/theseam-ui-common-dynamic.mjs.map +1 -1
  35. package/fesm2022/theseam-ui-common-footer-bar.mjs +9 -15
  36. package/fesm2022/theseam-ui-common-footer-bar.mjs.map +1 -1
  37. package/fesm2022/theseam-ui-common-form-field-error.mjs +60 -43
  38. package/fesm2022/theseam-ui-common-form-field-error.mjs.map +1 -1
  39. package/fesm2022/theseam-ui-common-form-field.mjs +129 -76
  40. package/fesm2022/theseam-ui-common-form-field.mjs.map +1 -1
  41. package/fesm2022/theseam-ui-common-framework.mjs +669 -543
  42. package/fesm2022/theseam-ui-common-framework.mjs.map +1 -1
  43. package/fesm2022/theseam-ui-common-google-maps.mjs +206 -149
  44. package/fesm2022/theseam-ui-common-google-maps.mjs.map +1 -1
  45. package/fesm2022/theseam-ui-common-graphql.mjs +252 -195
  46. package/fesm2022/theseam-ui-common-graphql.mjs.map +1 -1
  47. package/fesm2022/theseam-ui-common-icon.mjs +125 -89
  48. package/fesm2022/theseam-ui-common-icon.mjs.map +1 -1
  49. package/fesm2022/theseam-ui-common-layout.mjs +18 -26
  50. package/fesm2022/theseam-ui-common-layout.mjs.map +1 -1
  51. package/fesm2022/theseam-ui-common-loading.mjs +19 -28
  52. package/fesm2022/theseam-ui-common-loading.mjs.map +1 -1
  53. package/fesm2022/theseam-ui-common-menu.mjs +124 -95
  54. package/fesm2022/theseam-ui-common-menu.mjs.map +1 -1
  55. package/fesm2022/theseam-ui-common-modal.mjs +178 -129
  56. package/fesm2022/theseam-ui-common-modal.mjs.map +1 -1
  57. package/fesm2022/theseam-ui-common-models.mjs +3 -3
  58. package/fesm2022/theseam-ui-common-models.mjs.map +1 -1
  59. package/fesm2022/theseam-ui-common-navigation-reload.mjs +13 -11
  60. package/fesm2022/theseam-ui-common-navigation-reload.mjs.map +1 -1
  61. package/fesm2022/theseam-ui-common-popover.mjs +81 -88
  62. package/fesm2022/theseam-ui-common-popover.mjs.map +1 -1
  63. package/fesm2022/theseam-ui-common-progress.mjs +15 -19
  64. package/fesm2022/theseam-ui-common-progress.mjs.map +1 -1
  65. package/fesm2022/theseam-ui-common-rich-text.mjs +65 -52
  66. package/fesm2022/theseam-ui-common-rich-text.mjs.map +1 -1
  67. package/fesm2022/theseam-ui-common-scrollbar.mjs +12 -9
  68. package/fesm2022/theseam-ui-common-scrollbar.mjs.map +1 -1
  69. package/fesm2022/theseam-ui-common-services.mjs +41 -26
  70. package/fesm2022/theseam-ui-common-services.mjs.map +1 -1
  71. package/fesm2022/theseam-ui-common-shared.mjs +149 -159
  72. package/fesm2022/theseam-ui-common-shared.mjs.map +1 -1
  73. package/fesm2022/theseam-ui-common-storage.mjs +9 -6
  74. package/fesm2022/theseam-ui-common-storage.mjs.map +1 -1
  75. package/fesm2022/theseam-ui-common-story-helpers.mjs +148 -86
  76. package/fesm2022/theseam-ui-common-story-helpers.mjs.map +1 -1
  77. package/fesm2022/theseam-ui-common-tabbed.mjs +43 -39
  78. package/fesm2022/theseam-ui-common-tabbed.mjs.map +1 -1
  79. package/fesm2022/theseam-ui-common-table-cell-type.mjs +63 -39
  80. package/fesm2022/theseam-ui-common-table-cell-type.mjs.map +1 -1
  81. package/fesm2022/theseam-ui-common-table-cell-types.mjs +182 -144
  82. package/fesm2022/theseam-ui-common-table-cell-types.mjs.map +1 -1
  83. package/fesm2022/theseam-ui-common-table.mjs +62 -41
  84. package/fesm2022/theseam-ui-common-table.mjs.map +1 -1
  85. package/fesm2022/theseam-ui-common-tel-input.mjs +98 -63
  86. package/fesm2022/theseam-ui-common-tel-input.mjs.map +1 -1
  87. package/fesm2022/theseam-ui-common-testing.mjs +13 -10
  88. package/fesm2022/theseam-ui-common-testing.mjs.map +1 -1
  89. package/fesm2022/theseam-ui-common-tiled-select.mjs +54 -50
  90. package/fesm2022/theseam-ui-common-tiled-select.mjs.map +1 -1
  91. package/fesm2022/theseam-ui-common-toggle-edit.mjs +41 -37
  92. package/fesm2022/theseam-ui-common-toggle-edit.mjs.map +1 -1
  93. package/fesm2022/theseam-ui-common-toggle-group.mjs +30 -31
  94. package/fesm2022/theseam-ui-common-toggle-group.mjs.map +1 -1
  95. package/fesm2022/theseam-ui-common-tooltip.mjs +225 -66
  96. package/fesm2022/theseam-ui-common-tooltip.mjs.map +1 -1
  97. package/fesm2022/theseam-ui-common-unsaved-changes-dialog.mjs +14 -12
  98. package/fesm2022/theseam-ui-common-unsaved-changes-dialog.mjs.map +1 -1
  99. package/fesm2022/theseam-ui-common-utils.mjs +113 -77
  100. package/fesm2022/theseam-ui-common-utils.mjs.map +1 -1
  101. package/fesm2022/theseam-ui-common-validators.mjs +10 -9
  102. package/fesm2022/theseam-ui-common-validators.mjs.map +1 -1
  103. package/fesm2022/theseam-ui-common-vertical-list-filter.mjs +39 -17
  104. package/fesm2022/theseam-ui-common-vertical-list-filter.mjs.map +1 -1
  105. package/fesm2022/theseam-ui-common-viewers.mjs +80 -53
  106. package/fesm2022/theseam-ui-common-viewers.mjs.map +1 -1
  107. package/fesm2022/theseam-ui-common-widget.mjs +288 -314
  108. package/fesm2022/theseam-ui-common-widget.mjs.map +1 -1
  109. package/form-field/index.d.ts +1 -1
  110. package/framework/base-layout/base-layout.component.scss +9 -4
  111. package/framework/base-layout/styles/_variables.scss +4 -9
  112. package/framework/dashboard/dashboard-widgets/dashboard-widgets.component.scss +6 -4
  113. package/framework/index.d.ts +6 -6
  114. package/framework/nav/nav-item/nav-item.component.scss +7 -6
  115. package/framework/nav/styles/_themes/light/_variables.scss +21 -5
  116. package/framework/nav/styles/_themes/primary/_variables.scss +21 -5
  117. package/framework/side-nav/side-nav-item/side-nav-item.component.scss +5 -2
  118. package/framework/side-nav/styles/_themes/light/_variables.scss +5 -1
  119. package/framework/side-nav/styles/_themes/primary/_variables.scss +25 -5
  120. package/graphql/index.d.ts +5 -5
  121. package/modal/README.md +5 -5
  122. package/modal/index.d.ts +1 -1
  123. package/models/index.d.ts +1 -1
  124. package/package.json +57 -58
  125. package/popover/index.d.ts +0 -2
  126. package/progress/progress-circle/styles/_variables.scss +15 -3
  127. package/shared/index.d.ts +0 -13
  128. package/story-helpers/index.d.ts +11 -1
  129. package/styles/bootstrap/_bootstrap.scss +34 -34
  130. package/styles/bootstrap/_bs-styles.scss +4 -8
  131. package/styles/bootstrap/_bs-utilities.scss +4 -4
  132. package/styles/bootstrap/_bs-variables.scss +65 -70
  133. package/styles/common/_forms.scss +9 -10
  134. package/styles/common/_global.scss +0 -1
  135. package/styles/common/_hacks.scss +1 -1
  136. package/styles/common/_table.scss +0 -1
  137. package/styles/common/_text.scss +3 -1
  138. package/styles/theme.scss +1 -1
  139. package/styles/vendor/ng-select/_ng-select-bs4.scss +292 -294
  140. package/styles/vendor/ngx-datatable/_ngx-datatable.scss +63 -32
  141. package/styles/vendor/ngx-datatable/_themes/bootstrap/_variables.scss +37 -10
  142. package/styles/vendor/ngx-datatable/_themes/material/_variables.scss +3 -1
  143. package/styles/vendor/quill/_quill.scss +15 -9
  144. package/table/index.d.ts +4 -1
  145. package/table-cell-type/index.d.ts +27 -2
  146. package/tel-input/README.md +27 -27
  147. package/utils/index.d.ts +3 -3
  148. package/viewers/index.d.ts +9 -2
  149. package/widget/_widget-theme.scss +1 -1
  150. package/widget/styles/_variables.scss +2 -2
  151. package/widget/widget/widget.component.scss +0 -2
  152. package/widget/widget-content-components/widget-tile/widget-tile.component.scss +1 -3
  153. package/widget/widget-footer/widget-footer.component.scss +0 -1
@@ -1,34 +1,30 @@
1
1
  // Header Bar Styles
2
- $base-header-margin: .25rem !default;
2
+ $base-header-margin: 0.25rem !default;
3
3
  $base-header-padding: 0 !default;
4
4
  $base-header-background: none !default;
5
5
  $base-header-border-radius: 0 !default;
6
6
 
7
-
8
7
  // Left Side
9
8
  $base-header-left-bg: none !default;
10
9
  $base-header-left-padding: 0rem !default;
11
10
  $base-header-left-margin: 0 !default;
12
11
  $base-header-left-border-radius: 0 !default;
13
12
 
14
-
15
13
  // Right Side
16
14
  $base-header-right-bg: none !default;
17
15
  $base-header-right-padding: 0rem !default;
18
16
  $base-header-right-margin: 0 !default;
19
17
  $base-header-right-border-radius: 0 !default;
20
18
 
21
-
22
19
  // Right Side Action Buttons
23
- $base-action-margin: 0 0 0 .25rem !default;
20
+ $base-action-margin: 0 0 0 0.25rem !default;
24
21
  $base-action-bg: $gray-200 !default;
25
22
  $base-action-hover-bg: #d3d9df !default;
26
23
  $base-action-color: $gray-600 !default;
27
24
  $base-action-hover-color: $gray-600 !default;
28
25
  $base-action-padding-x: 1rem !default;
29
- $base-action-padding-y: .5rem !default;
30
- $base-action-border-radius: .25rem !default;
31
-
26
+ $base-action-padding-y: 0.5rem !default;
27
+ $base-action-border-radius: 0.25rem !default;
32
28
 
33
29
  // Top Bar Wrapper
34
30
  $base-layout-top-bar-container-border-top: none !default;
@@ -36,7 +32,6 @@ $base-layout-top-bar-container-border-right: none !default;
36
32
  $base-layout-top-bar-container-border-bottom: 1px solid #dee2e6 !default;
37
33
  $base-layout-top-bar-container-border-left: none !default;
38
34
 
39
-
40
35
  // Side Bar Wrapper
41
36
  $base-layout-side-bar-container-border-top: none !default;
42
37
  $base-layout-side-bar-container-border-right: 1px solid #dee2e6 !default;
@@ -13,7 +13,8 @@ seam-dashboard-widgets {
13
13
  max-width: $seam-dashboard-column-width;
14
14
  }
15
15
 
16
- .dashboard-widgets-list.cdk-drop-list-dragging .dashboard-widgets-list-item:not(.cdk-drag-placeholder) {
16
+ .dashboard-widgets-list.cdk-drop-list-dragging
17
+ .dashboard-widgets-list-item:not(.cdk-drag-placeholder) {
17
18
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
18
19
  }
19
20
  }
@@ -24,9 +25,10 @@ seam-dashboard-widgets {
24
25
 
25
26
  > div {
26
27
  border-radius: $border-radius;
27
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
28
- 0 8px 10px 1px rgba(0, 0, 0, 0.14),
29
- 0 3px 14px 2px rgba(0, 0, 0, 0.12);
28
+ box-shadow:
29
+ 0 5px 5px -3px rgba(0, 0, 0, 0.2),
30
+ 0 8px 10px 1px rgba(0, 0, 0, 0.14),
31
+ 0 3px 14px 2px rgba(0, 0, 0, 0.12);
30
32
  }
31
33
  }
32
34
  &.cdk-drag-disabled {
@@ -711,11 +711,11 @@ declare function isNavItemType<T extends keyof NavItemTypeMap>(item: ISideNavIte
711
711
  declare function isNavItemActive(item: ISideNavItem): boolean;
712
712
  declare function isExpanded(item: ISideNavItem): boolean;
713
713
  declare function hasChildren(item: ISideNavItem): item is (ISideNavBasic | ISideNavLink) & Required<SideNavItemCanHaveChildren>;
714
- declare function canHaveChildren(item: ISideNavItem): item is (ISideNavBasic | ISideNavLink);
714
+ declare function canHaveChildren(item: ISideNavItem): item is ISideNavBasic | ISideNavLink;
715
715
  declare function hasActiveChild(item: ISideNavItem): boolean;
716
716
  declare function hasExpandedChild(item: ISideNavItem): boolean;
717
- declare function canBeActive(item: ISideNavItem): item is (ISideNavButton | ISideNavLink);
718
- declare function canExpand(item: ISideNavItem): item is (ISideNavBasic | ISideNavLink);
717
+ declare function canBeActive(item: ISideNavItem): item is ISideNavButton | ISideNavLink;
718
+ declare function canExpand(item: ISideNavItem): item is ISideNavBasic | ISideNavLink;
719
719
  declare function findLinkItems(items: ISideNavItem[]): ISideNavLink[];
720
720
  declare function setItemStateProp<K extends keyof ISideNavItemState>(item: ISideNavItem, prop: K, value: ISideNavItemState[K]): void;
721
721
  declare function getItemStateProp<K extends keyof ISideNavItemState>(item: ISideNavItem, prop: K): ISideNavItemState[K];
@@ -1357,11 +1357,11 @@ declare function isHorizontalNavItemActive(item: INavItem): boolean;
1357
1357
  declare function isHorizontalNavItemExpanded(item: INavItem): boolean;
1358
1358
  declare function isHorizontalNavItemFocused(item: INavItem): boolean;
1359
1359
  declare function horizontalNavItemHasChildren(item: INavItem): item is (INavBasic | INavLink) & Required<NavItemCanHaveChildren>;
1360
- declare function horizontalNavItemCanHaveChildren(item: INavItem): item is (INavBasic | INavLink);
1360
+ declare function horizontalNavItemCanHaveChildren(item: INavItem): item is INavBasic | INavLink;
1361
1361
  declare function horizontalNavItemHasActiveChild(item: INavItem): boolean;
1362
1362
  declare function horizontalNavItemHasExpandedChild(item: INavItem): boolean;
1363
- declare function horizontalNavItemCanBeActive(item: INavItem): item is (INavBasic | INavLink);
1364
- declare function horizontalNavItemCanExpand(item: INavItem): item is (INavBasic | INavLink);
1363
+ declare function horizontalNavItemCanBeActive(item: INavItem): item is INavBasic | INavLink;
1364
+ declare function horizontalNavItemCanExpand(item: INavItem): item is INavBasic | INavLink;
1365
1365
  declare function findHorizontalNavLinkItems(items: INavItem[]): INavLink[];
1366
1366
  declare function setHorizontalNavItemStateProp<K extends keyof INavItemState>(item: INavItem, prop: K, value: INavItemState[K]): void;
1367
1367
  declare function getHorizontalNavItemStateProp<K extends keyof INavItemState>(item: INavItem, prop: K): INavItemState[K];
@@ -67,7 +67,7 @@ seam-nav-item {
67
67
  min-height: 24px;
68
68
  text-align: center;
69
69
 
70
- margin-right: .5rem;
70
+ margin-right: 0.5rem;
71
71
 
72
72
  .nav-item--badge {
73
73
  top: -4px;
@@ -118,9 +118,7 @@ seam-nav-item {
118
118
  color: $seam-nav-toggle-btn-color;
119
119
  text-decoration: $link-decoration;
120
120
  border-radius: $seam-nav-toggle-btn-border-radius;
121
- border:
122
- $seam-nav-toggle-btn-border-width
123
- $seam-nav-toggle-btn-border-style
121
+ border: $seam-nav-toggle-btn-border-width $seam-nav-toggle-btn-border-style
124
122
  $seam-nav-toggle-btn-border-color;
125
123
 
126
124
  @include hover {
@@ -180,7 +178,11 @@ seam-nav-item {
180
178
 
181
179
  @for $i from 1 through 9 {
182
180
  .nav--group--level-#{$i} {
183
- background-color: color.adjust($seam-nav-bg-color, $lightness: -($i * $seam-nav-group-bg-variation-amount), $space: hsl)
181
+ background-color: color.adjust(
182
+ $seam-nav-bg-color,
183
+ $lightness: -($i * $seam-nav-group-bg-variation-amount),
184
+ $space: hsl
185
+ );
184
186
  }
185
187
  }
186
188
 
@@ -202,4 +204,3 @@ seam-nav-item {
202
204
  left: 0;
203
205
  }
204
206
  }
205
-
@@ -17,22 +17,38 @@ $seam-nav-item-text-align: inherit !default;
17
17
  $seam-nav-item-border-radius: 0 !default;
18
18
 
19
19
  $seam-nav-item-bg-color: transparent !default;
20
- $seam-nav-item-bg-color-active: color.adjust($seam-nav-bg-color, $lightness: -10%, $space: hsl) !default;
20
+ $seam-nav-item-bg-color-active: color.adjust(
21
+ $seam-nav-bg-color,
22
+ $lightness: -10%,
23
+ $space: hsl
24
+ ) !default;
21
25
  $seam-nav-item-bg-color-expanded: $seam-nav-item-bg-color !default;
22
26
  $seam-nav-item-bg-color-child-active: $seam-nav-item-bg-color-active !default;
23
- $seam-nav-item-bg-color-hover: color.adjust($seam-nav-bg-color, $lightness: -5%, $space: hsl) !default;
27
+ $seam-nav-item-bg-color-hover: color.adjust(
28
+ $seam-nav-bg-color,
29
+ $lightness: -5%,
30
+ $space: hsl
31
+ ) !default;
24
32
 
25
33
  $seam-nav-item-color: $black !default;
26
34
  $seam-nav-item-color-active: $seam-nav-item-color !default;
27
35
  $seam-nav-item-color-expanded: $seam-nav-item-color !default;
28
36
  $seam-nav-item-color-child-active: $seam-nav-item-color-active !default;
29
37
 
30
- $seam-nav-item-disabled-color: color.adjust($seam-nav-item-color, $lightness: -20%, $space: hsl) !default;
38
+ $seam-nav-item-disabled-color: color.adjust(
39
+ $seam-nav-item-color,
40
+ $lightness: -20%,
41
+ $space: hsl
42
+ ) !default;
31
43
 
32
44
  $seam-nav-item-margin: 0 !default;
33
45
 
34
46
  // Divider
35
- $seam-nav-divider-color: color.adjust($seam-nav-bg-color, $lightness: -10%, $space: hsl) !default;
47
+ $seam-nav-divider-color: color.adjust(
48
+ $seam-nav-bg-color,
49
+ $lightness: -10%,
50
+ $space: hsl
51
+ ) !default;
36
52
  $seam-nav-divider-size: 1px !default;
37
53
 
38
54
  // Title
@@ -43,7 +59,7 @@ $seam-nav-title-font-size: 24px !default;
43
59
  $seam-nav-title-padding-left: 10px !default;
44
60
 
45
61
  // Toggle Buttons
46
- $seam-nav-toggle-btn-padding: 0 .5rem !default;
62
+ $seam-nav-toggle-btn-padding: 0 0.5rem !default;
47
63
 
48
64
  $seam-nav-toggle-btn-use-transform-active: true !default;
49
65
  $seam-nav-toggle-btn-transform: none !default;
@@ -17,22 +17,38 @@ $seam-nav-item-text-align: inherit !default;
17
17
  $seam-nav-item-border-radius: 0 !default;
18
18
 
19
19
  $seam-nav-item-bg-color: transparent !default;
20
- $seam-nav-item-bg-color-active: color.adjust($seam-nav-bg-color, $lightness: -10%, $space: hsl) !default;
20
+ $seam-nav-item-bg-color-active: color.adjust(
21
+ $seam-nav-bg-color,
22
+ $lightness: -10%,
23
+ $space: hsl
24
+ ) !default;
21
25
  $seam-nav-item-bg-color-expanded: $seam-nav-item-bg-color !default;
22
26
  $seam-nav-item-bg-color-child-active: $seam-nav-item-bg-color-active !default;
23
- $seam-nav-item-bg-color-hover: color.adjust($seam-nav-bg-color, $lightness: -5%, $space: hsl) !default;
27
+ $seam-nav-item-bg-color-hover: color.adjust(
28
+ $seam-nav-bg-color,
29
+ $lightness: -5%,
30
+ $space: hsl
31
+ ) !default;
24
32
 
25
33
  $seam-nav-item-color: $white !default;
26
34
  $seam-nav-item-color-active: $seam-nav-item-color !default;
27
35
  $seam-nav-item-color-expanded: $seam-nav-item-color !default;
28
36
  $seam-nav-item-color-child-active: $seam-nav-item-color-active !default;
29
37
 
30
- $seam-nav-item-disabled-color: color.adjust($seam-nav-item-color, $lightness: -20%, $space: hsl) !default;
38
+ $seam-nav-item-disabled-color: color.adjust(
39
+ $seam-nav-item-color,
40
+ $lightness: -20%,
41
+ $space: hsl
42
+ ) !default;
31
43
 
32
44
  $seam-nav-item-margin: 0 !default;
33
45
 
34
46
  // Divider
35
- $seam-nav-divider-color: color.adjust($seam-nav-bg-color, $lightness: -10%, $space: hsl) !default;
47
+ $seam-nav-divider-color: color.adjust(
48
+ $seam-nav-bg-color,
49
+ $lightness: -10%,
50
+ $space: hsl
51
+ ) !default;
36
52
  $seam-nav-divider-size: 1px !default;
37
53
 
38
54
  // Title
@@ -43,7 +59,7 @@ $seam-nav-title-font-size: 24px !default;
43
59
  $seam-nav-title-padding-left: 10px !default;
44
60
 
45
61
  // Toggle Buttons
46
- $seam-nav-toggle-btn-padding: 0 .5rem !default;
62
+ $seam-nav-toggle-btn-padding: 0 0.5rem !default;
47
63
 
48
64
  $seam-nav-toggle-btn-use-transform-active: true !default;
49
65
  $seam-nav-toggle-btn-transform: none !default;
@@ -174,7 +174,11 @@ seam-side-nav-item {
174
174
 
175
175
  @for $i from 1 through 9 {
176
176
  .side-nav--group--level-#{$i} {
177
- background-color: color.adjust($seam-side-nav-bg-color, $lightness: -($i * $seam-side-nav-group-bg-variation-amount), $space: hsl);
177
+ background-color: color.adjust(
178
+ $seam-side-nav-bg-color,
179
+ $lightness: -($i * $seam-side-nav-group-bg-variation-amount),
180
+ $space: hsl
181
+ );
178
182
  }
179
183
  }
180
184
 
@@ -196,4 +200,3 @@ seam-side-nav-item {
196
200
  left: 0;
197
201
  }
198
202
  }
199
-
@@ -22,7 +22,11 @@ $seam-side-nav-item-toggle-color: $seam-side-nav-item-color !default;
22
22
  $seam-side-nav-item-toggle-color-active: $seam-side-nav-item-toggle-color !default;
23
23
  $seam-side-nav-item-toggle-color-hover: $seam-side-nav-item-toggle-color !default;
24
24
 
25
- $seam-side-nav-item-toggle-disabled-color: color.adjust($seam-side-nav-item-toggle-color, $lightness: -20%, $space: hsl) !default;
25
+ $seam-side-nav-item-toggle-disabled-color: color.adjust(
26
+ $seam-side-nav-item-toggle-color,
27
+ $lightness: -20%,
28
+ $space: hsl
29
+ ) !default;
26
30
 
27
31
  // Divider
28
32
  $seam-side-nav-divider-color: $gray-500 !default;
@@ -10,22 +10,42 @@ $seam-side-nav-background-bg-color: rgba($dark, 0.6) !default;
10
10
  $seam-side-nav-group-bg-variation-amount: 3% !default;
11
11
 
12
12
  // Item
13
- $seam-side-nav-item-bg-color-active: color.adjust($seam-side-nav-bg-color, $lightness: -10%, $space: hsl) !default;
14
- $seam-side-nav-item-bg-color-hover: color.adjust($seam-side-nav-bg-color, $lightness: -5%, $space: hsl) !default;
13
+ $seam-side-nav-item-bg-color-active: color.adjust(
14
+ $seam-side-nav-bg-color,
15
+ $lightness: -10%,
16
+ $space: hsl
17
+ ) !default;
18
+ $seam-side-nav-item-bg-color-hover: color.adjust(
19
+ $seam-side-nav-bg-color,
20
+ $lightness: -5%,
21
+ $space: hsl
22
+ ) !default;
15
23
 
16
24
  $seam-side-nav-item-color: $white !default;
17
25
  $seam-side-nav-item-color-active: $seam-side-nav-item-color !default;
18
26
 
19
- $seam-side-nav-item-disabled-color: color.adjust($seam-side-nav-item-color, $lightness: -20%, $space: hsl) !default;
27
+ $seam-side-nav-item-disabled-color: color.adjust(
28
+ $seam-side-nav-item-color,
29
+ $lightness: -20%,
30
+ $space: hsl
31
+ ) !default;
20
32
 
21
33
  $seam-side-nav-item-toggle-color: $seam-side-nav-item-color !default;
22
34
  $seam-side-nav-item-toggle-color-active: $seam-side-nav-item-toggle-color !default;
23
35
  $seam-side-nav-item-toggle-color-hover: $seam-side-nav-item-toggle-color !default;
24
36
 
25
- $seam-side-nav-item-toggle-disabled-color: color.adjust($seam-side-nav-item-toggle-color, $lightness: -20%, $space: hsl) !default;
37
+ $seam-side-nav-item-toggle-disabled-color: color.adjust(
38
+ $seam-side-nav-item-toggle-color,
39
+ $lightness: -20%,
40
+ $space: hsl
41
+ ) !default;
26
42
 
27
43
  // Divider
28
- $seam-side-nav-divider-color: color.adjust($seam-side-nav-bg-color, $lightness: -10%, $space: hsl) !default;
44
+ $seam-side-nav-divider-color: color.adjust(
45
+ $seam-side-nav-bg-color,
46
+ $lightness: -10%,
47
+ $space: hsl
48
+ ) !default;
29
49
  $seam-side-nav-divider-size: 1px !default;
30
50
 
31
51
  // Title
@@ -87,9 +87,9 @@ type GqlDatatableAccessor = Pick<DatatableComponent, 'page' | 'sort' | 'sorts' |
87
87
  };
88
88
  };
89
89
 
90
- type EmptyObject = {
90
+ interface EmptyObject {
91
91
  [key: string]: any;
92
- };
92
+ }
93
93
 
94
94
  declare const HINT_PREFIX_REGEX: RegExp;
95
95
  declare const HINT_NAMES_CAPTURE_REGEX: RegExp;
@@ -124,7 +124,7 @@ interface DatatableGraphQLDataMapperResult<TRow = EmptyObject> {
124
124
  */
125
125
  totalCount?: number;
126
126
  }
127
- type DatatableGraphQLDataMapper<TData, TRow = EmptyObject> = (data: TData) => (DatatableGraphQLDataMapperResult<TRow> | Promise<DatatableGraphQLDataMapperResult<TRow>> | Observable<DatatableGraphQLDataMapperResult<TRow>>);
127
+ type DatatableGraphQLDataMapper<TData, TRow = EmptyObject> = (data: TData) => DatatableGraphQLDataMapperResult<TRow> | Promise<DatatableGraphQLDataMapperResult<TRow>> | Observable<DatatableGraphQLDataMapperResult<TRow>>;
128
128
  type DatatableGraphQLVariables = {
129
129
  skip?: number;
130
130
  take?: number;
@@ -193,7 +193,7 @@ type FilterStateMapperResult = {
193
193
  filter: FilterStateMapperFilter;
194
194
  variables: FilterStateMapperVariables;
195
195
  } | null;
196
- type FilterStateMapper = (filterState: DataFilterState, context: MapperContext) => (FilterStateMapperResult | Promise<FilterStateMapperResult> | Observable<FilterStateMapperResult>);
196
+ type FilterStateMapper = (filterState: DataFilterState, context: MapperContext) => FilterStateMapperResult | Promise<FilterStateMapperResult> | Observable<FilterStateMapperResult>;
197
197
  interface FilterStateMappers {
198
198
  [filterName: string]: FilterStateMapper;
199
199
  }
@@ -202,7 +202,7 @@ declare function mapFilterStates(filterStates: DataFilterState[], filterStateMap
202
202
  type SortsMapperResult = {
203
203
  [name: string]: any;
204
204
  }[];
205
- type SortsMapper = (sorts: SortItem[], context: MapperContext) => (SortsMapperResult | Promise<SortsMapperResult> | Observable<SortsMapperResult>);
205
+ type SortsMapper = (sorts: SortItem[], context: MapperContext) => SortsMapperResult | Promise<SortsMapperResult> | Observable<SortsMapperResult>;
206
206
  declare function observeRowsWithGqlInputsHandling<TData, TRow, GqlVariables extends EmptyObject>(queryRef: DatatableGraphQLQueryRef<TData, GqlVariables, TRow>, rows: Observable<TRow[]>, datatable: Observable<GqlDatatableAccessor | undefined> | Promise<GqlDatatableAccessor | undefined> | GqlDatatableAccessor, extraVariables: Observable<Partial<GqlVariables>> | Promise<Partial<GqlVariables>> | Partial<GqlVariables>, sortsMapper: SortsMapper, filterStateMappers: FilterStateMappers): Observable<TRow[]>;
207
207
 
208
208
  /**
package/modal/README.md CHANGED
@@ -1,5 +1,5 @@
1
- # Modal
2
-
3
- For now this module will be mostly using code from the `cdk-experimental` `dialog`.
4
-
5
- When `cdk-experimental` gets moved to `cdk` we may just end up using it. If we have neccessary customizations for our use cases then this will just wrap it or extend neccessary parts.
1
+ # Modal
2
+
3
+ For now this module will be mostly using code from the `cdk-experimental` `dialog`.
4
+
5
+ When `cdk-experimental` gets moved to `cdk` we may just end up using it. If we have neccessary customizations for our use cases then this will just wrap it or extend neccessary parts.
package/modal/index.d.ts CHANGED
@@ -351,7 +351,7 @@ declare class Modal implements OnDestroy {
351
351
  afterAllClosed: Observable<void>;
352
352
  /** Stream that emits when a dialog is opened. */
353
353
  get afterOpened(): Subject<ModalRef<any>>;
354
- _afterOpened: Subject<ModalRef<any>>;
354
+ _afterOpened: Subject<ModalRef<any, any>>;
355
355
  /** Stream that emits when a dialog is opened. */
356
356
  get openDialogs(): ModalRef<any>[];
357
357
  _openDialogs: ModalRef<any>[];
package/models/index.d.ts CHANGED
@@ -14,7 +14,7 @@ declare enum HttpStatus {
14
14
  NotImplemented = 501,
15
15
  BadGateway = 502,
16
16
  ServiceUnavailable = 503,
17
- GatewayTimeout = 502
17
+ GatewayTimeout = 504
18
18
  }
19
19
 
20
20
  type ThemeTypes = 'default' | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'lightgray' | 'lightblue';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@theseam/ui-common",
3
- "version": "1.0.0-beta.1",
3
+ "version": "1.0.0-beta.11",
4
4
  "peerDependencies": {
5
5
  "@angular/cdk": "^20.2.3",
6
6
  "@angular/common": "^20.3.0",
@@ -17,9 +17,9 @@
17
17
  },
18
18
  "dependencies": {
19
19
  "@marklb/file-type": "~10.6.5",
20
- "@marklb/ngx-datatable": "21.0.0-alpha.1",
20
+ "@marklb/ngx-datatable": "21.0.0-alpha.2",
21
21
  "ngx-loading": "^17.0.0",
22
- "@ng-select/ng-select": "^12.0.7",
22
+ "@ng-select/ng-select": "^20.2.2",
23
23
  "apollo-angular": "^11.0.0",
24
24
  "overlayscrollbars": "~1.7.3",
25
25
  "@types/overlayscrollbars": "~1.7.0",
@@ -29,7 +29,7 @@
29
29
  "file-saver": "~2.0.2",
30
30
  "graphql": "^16.0.0",
31
31
  "ngx-toastr": "~16.1.0",
32
- "pdfjs-dist": "2.8.335",
32
+ "pdfjs-dist": "5.4.149",
33
33
  "xlsx": "^0.14.4",
34
34
  "jexl": "^2.3.0",
35
35
  "@types/file-saver": "^2.0.2",
@@ -39,7 +39,6 @@
39
39
  "@ajsf/core": "^0.8.0",
40
40
  "quill": "2.0.3",
41
41
  "ngx-quill": "^27.1.2",
42
- "@types/quill": "^2.0.14",
43
42
  "@turf/area": "^7.2.0",
44
43
  "@turf/boolean-contains": "^7.2.0",
45
44
  "@turf/helpers": "^7.2.0",
@@ -146,13 +145,17 @@
146
145
  "types": "./buttons/index.d.ts",
147
146
  "default": "./fesm2022/theseam-ui-common-buttons.mjs"
148
147
  },
148
+ "./carousel": {
149
+ "types": "./carousel/index.d.ts",
150
+ "default": "./fesm2022/theseam-ui-common-carousel.mjs"
151
+ },
149
152
  "./card": {
150
153
  "types": "./card/index.d.ts",
151
154
  "default": "./fesm2022/theseam-ui-common-card.mjs"
152
155
  },
153
- "./carousel": {
154
- "types": "./carousel/index.d.ts",
155
- "default": "./fesm2022/theseam-ui-common-carousel.mjs"
156
+ "./confirm-dialog": {
157
+ "types": "./confirm-dialog/index.d.ts",
158
+ "default": "./fesm2022/theseam-ui-common-confirm-dialog.mjs"
156
159
  },
157
160
  "./checkbox": {
158
161
  "types": "./checkbox/index.d.ts",
@@ -166,10 +169,6 @@
166
169
  "types": "./data-exporter/index.d.ts",
167
170
  "default": "./fesm2022/theseam-ui-common-data-exporter.mjs"
168
171
  },
169
- "./confirm-dialog": {
170
- "types": "./confirm-dialog/index.d.ts",
171
- "default": "./fesm2022/theseam-ui-common-confirm-dialog.mjs"
172
- },
173
172
  "./data-filters": {
174
173
  "types": "./data-filters/index.d.ts",
175
174
  "default": "./fesm2022/theseam-ui-common-data-filters.mjs"
@@ -194,26 +193,26 @@
194
193
  "types": "./dynamic-component-loader/index.d.ts",
195
194
  "default": "./fesm2022/theseam-ui-common-dynamic-component-loader.mjs"
196
195
  },
197
- "./form-field": {
198
- "types": "./form-field/index.d.ts",
199
- "default": "./fesm2022/theseam-ui-common-form-field.mjs"
196
+ "./footer-bar": {
197
+ "types": "./footer-bar/index.d.ts",
198
+ "default": "./fesm2022/theseam-ui-common-footer-bar.mjs"
200
199
  },
201
200
  "./form-field-error": {
202
201
  "types": "./form-field-error/index.d.ts",
203
202
  "default": "./fesm2022/theseam-ui-common-form-field-error.mjs"
204
203
  },
205
- "./footer-bar": {
206
- "types": "./footer-bar/index.d.ts",
207
- "default": "./fesm2022/theseam-ui-common-footer-bar.mjs"
208
- },
209
- "./google-maps": {
210
- "types": "./google-maps/index.d.ts",
211
- "default": "./fesm2022/theseam-ui-common-google-maps.mjs"
204
+ "./form-field": {
205
+ "types": "./form-field/index.d.ts",
206
+ "default": "./fesm2022/theseam-ui-common-form-field.mjs"
212
207
  },
213
208
  "./framework": {
214
209
  "types": "./framework/index.d.ts",
215
210
  "default": "./fesm2022/theseam-ui-common-framework.mjs"
216
211
  },
212
+ "./google-maps": {
213
+ "types": "./google-maps/index.d.ts",
214
+ "default": "./fesm2022/theseam-ui-common-google-maps.mjs"
215
+ },
217
216
  "./graphql": {
218
217
  "types": "./graphql/index.d.ts",
219
218
  "default": "./fesm2022/theseam-ui-common-graphql.mjs"
@@ -226,6 +225,10 @@
226
225
  "types": "./layout/index.d.ts",
227
226
  "default": "./fesm2022/theseam-ui-common-layout.mjs"
228
227
  },
228
+ "./loading": {
229
+ "types": "./loading/index.d.ts",
230
+ "default": "./fesm2022/theseam-ui-common-loading.mjs"
231
+ },
229
232
  "./menu": {
230
233
  "types": "./menu/index.d.ts",
231
234
  "default": "./fesm2022/theseam-ui-common-menu.mjs"
@@ -234,26 +237,22 @@
234
237
  "types": "./models/index.d.ts",
235
238
  "default": "./fesm2022/theseam-ui-common-models.mjs"
236
239
  },
237
- "./modal": {
238
- "types": "./modal/index.d.ts",
239
- "default": "./fesm2022/theseam-ui-common-modal.mjs"
240
- },
241
240
  "./navigation-reload": {
242
241
  "types": "./navigation-reload/index.d.ts",
243
242
  "default": "./fesm2022/theseam-ui-common-navigation-reload.mjs"
244
243
  },
245
- "./loading": {
246
- "types": "./loading/index.d.ts",
247
- "default": "./fesm2022/theseam-ui-common-loading.mjs"
248
- },
249
- "./progress": {
250
- "types": "./progress/index.d.ts",
251
- "default": "./fesm2022/theseam-ui-common-progress.mjs"
252
- },
253
244
  "./popover": {
254
245
  "types": "./popover/index.d.ts",
255
246
  "default": "./fesm2022/theseam-ui-common-popover.mjs"
256
247
  },
248
+ "./modal": {
249
+ "types": "./modal/index.d.ts",
250
+ "default": "./fesm2022/theseam-ui-common-modal.mjs"
251
+ },
252
+ "./rich-text": {
253
+ "types": "./rich-text/index.d.ts",
254
+ "default": "./fesm2022/theseam-ui-common-rich-text.mjs"
255
+ },
257
256
  "./services": {
258
257
  "types": "./services/index.d.ts",
259
258
  "default": "./fesm2022/theseam-ui-common-services.mjs"
@@ -262,14 +261,14 @@
262
261
  "types": "./shared/index.d.ts",
263
262
  "default": "./fesm2022/theseam-ui-common-shared.mjs"
264
263
  },
265
- "./storage": {
266
- "types": "./storage/index.d.ts",
267
- "default": "./fesm2022/theseam-ui-common-storage.mjs"
268
- },
269
264
  "./scrollbar": {
270
265
  "types": "./scrollbar/index.d.ts",
271
266
  "default": "./fesm2022/theseam-ui-common-scrollbar.mjs"
272
267
  },
268
+ "./storage": {
269
+ "types": "./storage/index.d.ts",
270
+ "default": "./fesm2022/theseam-ui-common-storage.mjs"
271
+ },
273
272
  "./story-helpers": {
274
273
  "types": "./story-helpers/index.d.ts",
275
274
  "default": "./fesm2022/theseam-ui-common-story-helpers.mjs"
@@ -286,6 +285,10 @@
286
285
  "types": "./table-cell-types/index.d.ts",
287
286
  "default": "./fesm2022/theseam-ui-common-table-cell-types.mjs"
288
287
  },
288
+ "./table-cell-type": {
289
+ "types": "./table-cell-type/index.d.ts",
290
+ "default": "./fesm2022/theseam-ui-common-table-cell-type.mjs"
291
+ },
289
292
  "./tel-input": {
290
293
  "types": "./tel-input/index.d.ts",
291
294
  "default": "./fesm2022/theseam-ui-common-tel-input.mjs"
@@ -294,17 +297,17 @@
294
297
  "types": "./testing/index.d.ts",
295
298
  "default": "./fesm2022/theseam-ui-common-testing.mjs"
296
299
  },
297
- "./table-cell-type": {
298
- "types": "./table-cell-type/index.d.ts",
299
- "default": "./fesm2022/theseam-ui-common-table-cell-type.mjs"
300
+ "./toggle-edit": {
301
+ "types": "./toggle-edit/index.d.ts",
302
+ "default": "./fesm2022/theseam-ui-common-toggle-edit.mjs"
300
303
  },
301
304
  "./tiled-select": {
302
305
  "types": "./tiled-select/index.d.ts",
303
306
  "default": "./fesm2022/theseam-ui-common-tiled-select.mjs"
304
307
  },
305
- "./toggle-edit": {
306
- "types": "./toggle-edit/index.d.ts",
307
- "default": "./fesm2022/theseam-ui-common-toggle-edit.mjs"
308
+ "./toggle-group": {
309
+ "types": "./toggle-group/index.d.ts",
310
+ "default": "./fesm2022/theseam-ui-common-toggle-group.mjs"
308
311
  },
309
312
  "./tooltip": {
310
313
  "types": "./tooltip/index.d.ts",
@@ -314,9 +317,9 @@
314
317
  "types": "./unsaved-changes-dialog/index.d.ts",
315
318
  "default": "./fesm2022/theseam-ui-common-unsaved-changes-dialog.mjs"
316
319
  },
317
- "./toggle-group": {
318
- "types": "./toggle-group/index.d.ts",
319
- "default": "./fesm2022/theseam-ui-common-toggle-group.mjs"
320
+ "./vertical-list-filter": {
321
+ "types": "./vertical-list-filter/index.d.ts",
322
+ "default": "./fesm2022/theseam-ui-common-vertical-list-filter.mjs"
320
323
  },
321
324
  "./validators": {
322
325
  "types": "./validators/index.d.ts",
@@ -326,21 +329,17 @@
326
329
  "types": "./utils/index.d.ts",
327
330
  "default": "./fesm2022/theseam-ui-common-utils.mjs"
328
331
  },
332
+ "./widget": {
333
+ "types": "./widget/index.d.ts",
334
+ "default": "./fesm2022/theseam-ui-common-widget.mjs"
335
+ },
329
336
  "./viewers": {
330
337
  "types": "./viewers/index.d.ts",
331
338
  "default": "./fesm2022/theseam-ui-common-viewers.mjs"
332
339
  },
333
- "./rich-text": {
334
- "types": "./rich-text/index.d.ts",
335
- "default": "./fesm2022/theseam-ui-common-rich-text.mjs"
336
- },
337
- "./vertical-list-filter": {
338
- "types": "./vertical-list-filter/index.d.ts",
339
- "default": "./fesm2022/theseam-ui-common-vertical-list-filter.mjs"
340
- },
341
- "./widget": {
342
- "types": "./widget/index.d.ts",
343
- "default": "./fesm2022/theseam-ui-common-widget.mjs"
340
+ "./progress": {
341
+ "types": "./progress/index.d.ts",
342
+ "default": "./fesm2022/theseam-ui-common-progress.mjs"
344
343
  }
345
344
  },
346
345
  "sideEffects": false
@@ -86,8 +86,6 @@ declare class PopoverComponent implements OnInit, OnDestroy {
86
86
  _afterExit: Subject<void>;
87
87
  /** Stream of animation `done` events. */
88
88
  _animationDone: Subject<AnimationEvent>;
89
- get _role(): string;
90
- get _tabindex(): number;
91
89
  template: TemplateRef<any> | undefined | null;
92
90
  popoverClass: string | undefined | null;
93
91
  popover: TheSeamPopoverDirective | undefined | null;