@theseam/ui-common 1.0.0-beta.5 → 1.0.0-beta.7

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 (149) hide show
  1. package/breadcrumbs/index.d.ts +1 -2
  2. package/buttons/index.d.ts +20 -13
  3. package/datatable/index.d.ts +8 -8
  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 +581 -385
  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 +120 -74
  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 +177 -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 +123 -68
  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 +34 -38
  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 +50 -39
  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/framework/base-layout/base-layout.component.scss +9 -4
  110. package/framework/base-layout/styles/_variables.scss +4 -9
  111. package/framework/dashboard/dashboard-widgets/dashboard-widgets.component.scss +6 -4
  112. package/framework/index.d.ts +6 -6
  113. package/framework/nav/nav-item/nav-item.component.scss +7 -6
  114. package/framework/nav/styles/_themes/light/_variables.scss +21 -5
  115. package/framework/nav/styles/_themes/primary/_variables.scss +21 -5
  116. package/framework/side-nav/side-nav-item/side-nav-item.component.scss +5 -2
  117. package/framework/side-nav/styles/_themes/light/_variables.scss +5 -1
  118. package/framework/side-nav/styles/_themes/primary/_variables.scss +25 -5
  119. package/graphql/index.d.ts +5 -5
  120. package/modal/README.md +5 -5
  121. package/modal/index.d.ts +1 -1
  122. package/models/index.d.ts +1 -1
  123. package/package.json +65 -65
  124. package/popover/index.d.ts +0 -2
  125. package/progress/progress-circle/styles/_variables.scss +15 -3
  126. package/story-helpers/index.d.ts +11 -1
  127. package/styles/bootstrap/_bootstrap.scss +34 -34
  128. package/styles/bootstrap/_bs-styles.scss +4 -8
  129. package/styles/bootstrap/_bs-utilities.scss +4 -4
  130. package/styles/bootstrap/_bs-variables.scss +65 -70
  131. package/styles/common/_forms.scss +9 -10
  132. package/styles/common/_global.scss +0 -1
  133. package/styles/common/_hacks.scss +1 -1
  134. package/styles/common/_table.scss +0 -1
  135. package/styles/common/_text.scss +3 -1
  136. package/styles/theme.scss +1 -1
  137. package/styles/vendor/ng-select/_ng-select-bs4.scss +292 -294
  138. package/styles/vendor/ngx-datatable/_ngx-datatable.scss +63 -32
  139. package/styles/vendor/ngx-datatable/_themes/bootstrap/_variables.scss +37 -10
  140. package/styles/vendor/ngx-datatable/_themes/material/_variables.scss +3 -1
  141. package/styles/vendor/quill/_quill.scss +15 -9
  142. package/tel-input/README.md +27 -27
  143. package/utils/index.d.ts +3 -3
  144. package/viewers/index.d.ts +9 -2
  145. package/widget/_widget-theme.scss +1 -1
  146. package/widget/styles/_variables.scss +2 -2
  147. package/widget/widget/widget.component.scss +0 -2
  148. package/widget/widget-content-components/widget-tile/widget-tile.component.scss +1 -3
  149. 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.5",
3
+ "version": "1.0.0-beta.7",
4
4
  "peerDependencies": {
5
5
  "@angular/cdk": "^20.2.3",
6
6
  "@angular/common": "^20.3.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",
@@ -129,22 +129,26 @@
129
129
  "types": "./index.d.ts",
130
130
  "default": "./fesm2022/theseam-ui-common.mjs"
131
131
  },
132
- "./asset-reader": {
133
- "types": "./asset-reader/index.d.ts",
134
- "default": "./fesm2022/theseam-ui-common-asset-reader.mjs"
135
- },
136
132
  "./ai": {
137
133
  "types": "./ai/index.d.ts",
138
134
  "default": "./fesm2022/theseam-ui-common-ai.mjs"
139
135
  },
140
- "./buttons": {
141
- "types": "./buttons/index.d.ts",
142
- "default": "./fesm2022/theseam-ui-common-buttons.mjs"
136
+ "./asset-reader": {
137
+ "types": "./asset-reader/index.d.ts",
138
+ "default": "./fesm2022/theseam-ui-common-asset-reader.mjs"
143
139
  },
144
140
  "./breadcrumbs": {
145
141
  "types": "./breadcrumbs/index.d.ts",
146
142
  "default": "./fesm2022/theseam-ui-common-breadcrumbs.mjs"
147
143
  },
144
+ "./card": {
145
+ "types": "./card/index.d.ts",
146
+ "default": "./fesm2022/theseam-ui-common-card.mjs"
147
+ },
148
+ "./buttons": {
149
+ "types": "./buttons/index.d.ts",
150
+ "default": "./fesm2022/theseam-ui-common-buttons.mjs"
151
+ },
148
152
  "./checkbox": {
149
153
  "types": "./checkbox/index.d.ts",
150
154
  "default": "./fesm2022/theseam-ui-common-checkbox.mjs"
@@ -153,17 +157,13 @@
153
157
  "types": "./carousel/index.d.ts",
154
158
  "default": "./fesm2022/theseam-ui-common-carousel.mjs"
155
159
  },
156
- "./confirm-dialog": {
157
- "types": "./confirm-dialog/index.d.ts",
158
- "default": "./fesm2022/theseam-ui-common-confirm-dialog.mjs"
159
- },
160
160
  "./core": {
161
161
  "types": "./core/index.d.ts",
162
162
  "default": "./fesm2022/theseam-ui-common-core.mjs"
163
163
  },
164
- "./card": {
165
- "types": "./card/index.d.ts",
166
- "default": "./fesm2022/theseam-ui-common-card.mjs"
164
+ "./confirm-dialog": {
165
+ "types": "./confirm-dialog/index.d.ts",
166
+ "default": "./fesm2022/theseam-ui-common-confirm-dialog.mjs"
167
167
  },
168
168
  "./data-exporter": {
169
169
  "types": "./data-exporter/index.d.ts",
@@ -173,14 +173,14 @@
173
173
  "types": "./data-filters/index.d.ts",
174
174
  "default": "./fesm2022/theseam-ui-common-data-filters.mjs"
175
175
  },
176
- "./datatable": {
177
- "types": "./datatable/index.d.ts",
178
- "default": "./fesm2022/theseam-ui-common-datatable.mjs"
179
- },
180
176
  "./datatable-alterations-display": {
181
177
  "types": "./datatable-alterations-display/index.d.ts",
182
178
  "default": "./fesm2022/theseam-ui-common-datatable-alterations-display.mjs"
183
179
  },
180
+ "./datatable": {
181
+ "types": "./datatable/index.d.ts",
182
+ "default": "./fesm2022/theseam-ui-common-datatable.mjs"
183
+ },
184
184
  "./datatable-dynamic": {
185
185
  "types": "./datatable-dynamic/index.d.ts",
186
186
  "default": "./fesm2022/theseam-ui-common-datatable-dynamic.mjs"
@@ -189,29 +189,33 @@
189
189
  "types": "./dynamic-component-loader/index.d.ts",
190
190
  "default": "./fesm2022/theseam-ui-common-dynamic-component-loader.mjs"
191
191
  },
192
+ "./footer-bar": {
193
+ "types": "./footer-bar/index.d.ts",
194
+ "default": "./fesm2022/theseam-ui-common-footer-bar.mjs"
195
+ },
192
196
  "./dynamic": {
193
197
  "types": "./dynamic/index.d.ts",
194
198
  "default": "./fesm2022/theseam-ui-common-dynamic.mjs"
195
199
  },
196
- "./footer-bar": {
197
- "types": "./footer-bar/index.d.ts",
198
- "default": "./fesm2022/theseam-ui-common-footer-bar.mjs"
200
+ "./form-field": {
201
+ "types": "./form-field/index.d.ts",
202
+ "default": "./fesm2022/theseam-ui-common-form-field.mjs"
199
203
  },
200
204
  "./form-field-error": {
201
205
  "types": "./form-field-error/index.d.ts",
202
206
  "default": "./fesm2022/theseam-ui-common-form-field-error.mjs"
203
207
  },
204
- "./form-field": {
205
- "types": "./form-field/index.d.ts",
206
- "default": "./fesm2022/theseam-ui-common-form-field.mjs"
208
+ "./google-maps": {
209
+ "types": "./google-maps/index.d.ts",
210
+ "default": "./fesm2022/theseam-ui-common-google-maps.mjs"
207
211
  },
208
212
  "./framework": {
209
213
  "types": "./framework/index.d.ts",
210
214
  "default": "./fesm2022/theseam-ui-common-framework.mjs"
211
215
  },
212
- "./google-maps": {
213
- "types": "./google-maps/index.d.ts",
214
- "default": "./fesm2022/theseam-ui-common-google-maps.mjs"
216
+ "./icon": {
217
+ "types": "./icon/index.d.ts",
218
+ "default": "./fesm2022/theseam-ui-common-icon.mjs"
215
219
  },
216
220
  "./graphql": {
217
221
  "types": "./graphql/index.d.ts",
@@ -221,62 +225,54 @@
221
225
  "types": "./layout/index.d.ts",
222
226
  "default": "./fesm2022/theseam-ui-common-layout.mjs"
223
227
  },
224
- "./icon": {
225
- "types": "./icon/index.d.ts",
226
- "default": "./fesm2022/theseam-ui-common-icon.mjs"
227
- },
228
228
  "./loading": {
229
229
  "types": "./loading/index.d.ts",
230
230
  "default": "./fesm2022/theseam-ui-common-loading.mjs"
231
231
  },
232
- "./models": {
233
- "types": "./models/index.d.ts",
234
- "default": "./fesm2022/theseam-ui-common-models.mjs"
235
- },
236
- "./menu": {
237
- "types": "./menu/index.d.ts",
238
- "default": "./fesm2022/theseam-ui-common-menu.mjs"
239
- },
240
232
  "./navigation-reload": {
241
233
  "types": "./navigation-reload/index.d.ts",
242
234
  "default": "./fesm2022/theseam-ui-common-navigation-reload.mjs"
243
235
  },
244
- "./modal": {
245
- "types": "./modal/index.d.ts",
246
- "default": "./fesm2022/theseam-ui-common-modal.mjs"
236
+ "./models": {
237
+ "types": "./models/index.d.ts",
238
+ "default": "./fesm2022/theseam-ui-common-models.mjs"
247
239
  },
248
240
  "./popover": {
249
241
  "types": "./popover/index.d.ts",
250
242
  "default": "./fesm2022/theseam-ui-common-popover.mjs"
251
243
  },
252
- "./scrollbar": {
253
- "types": "./scrollbar/index.d.ts",
254
- "default": "./fesm2022/theseam-ui-common-scrollbar.mjs"
255
- },
256
244
  "./rich-text": {
257
245
  "types": "./rich-text/index.d.ts",
258
246
  "default": "./fesm2022/theseam-ui-common-rich-text.mjs"
259
247
  },
260
- "./services": {
261
- "types": "./services/index.d.ts",
262
- "default": "./fesm2022/theseam-ui-common-services.mjs"
248
+ "./menu": {
249
+ "types": "./menu/index.d.ts",
250
+ "default": "./fesm2022/theseam-ui-common-menu.mjs"
263
251
  },
264
- "./storage": {
265
- "types": "./storage/index.d.ts",
266
- "default": "./fesm2022/theseam-ui-common-storage.mjs"
252
+ "./progress": {
253
+ "types": "./progress/index.d.ts",
254
+ "default": "./fesm2022/theseam-ui-common-progress.mjs"
255
+ },
256
+ "./scrollbar": {
257
+ "types": "./scrollbar/index.d.ts",
258
+ "default": "./fesm2022/theseam-ui-common-scrollbar.mjs"
267
259
  },
268
260
  "./shared": {
269
261
  "types": "./shared/index.d.ts",
270
262
  "default": "./fesm2022/theseam-ui-common-shared.mjs"
271
263
  },
264
+ "./storage": {
265
+ "types": "./storage/index.d.ts",
266
+ "default": "./fesm2022/theseam-ui-common-storage.mjs"
267
+ },
268
+ "./services": {
269
+ "types": "./services/index.d.ts",
270
+ "default": "./fesm2022/theseam-ui-common-services.mjs"
271
+ },
272
272
  "./story-helpers": {
273
273
  "types": "./story-helpers/index.d.ts",
274
274
  "default": "./fesm2022/theseam-ui-common-story-helpers.mjs"
275
275
  },
276
- "./tabbed": {
277
- "types": "./tabbed/index.d.ts",
278
- "default": "./fesm2022/theseam-ui-common-tabbed.mjs"
279
- },
280
276
  "./table": {
281
277
  "types": "./table/index.d.ts",
282
278
  "default": "./fesm2022/theseam-ui-common-table.mjs"
@@ -285,6 +281,10 @@
285
281
  "types": "./table-cell-type/index.d.ts",
286
282
  "default": "./fesm2022/theseam-ui-common-table-cell-type.mjs"
287
283
  },
284
+ "./tabbed": {
285
+ "types": "./tabbed/index.d.ts",
286
+ "default": "./fesm2022/theseam-ui-common-tabbed.mjs"
287
+ },
288
288
  "./table-cell-types": {
289
289
  "types": "./table-cell-types/index.d.ts",
290
290
  "default": "./fesm2022/theseam-ui-common-table-cell-types.mjs"
@@ -321,10 +321,6 @@
321
321
  "types": "./utils/index.d.ts",
322
322
  "default": "./fesm2022/theseam-ui-common-utils.mjs"
323
323
  },
324
- "./vertical-list-filter": {
325
- "types": "./vertical-list-filter/index.d.ts",
326
- "default": "./fesm2022/theseam-ui-common-vertical-list-filter.mjs"
327
- },
328
324
  "./validators": {
329
325
  "types": "./validators/index.d.ts",
330
326
  "default": "./fesm2022/theseam-ui-common-validators.mjs"
@@ -337,9 +333,13 @@
337
333
  "types": "./widget/index.d.ts",
338
334
  "default": "./fesm2022/theseam-ui-common-widget.mjs"
339
335
  },
340
- "./progress": {
341
- "types": "./progress/index.d.ts",
342
- "default": "./fesm2022/theseam-ui-common-progress.mjs"
336
+ "./vertical-list-filter": {
337
+ "types": "./vertical-list-filter/index.d.ts",
338
+ "default": "./fesm2022/theseam-ui-common-vertical-list-filter.mjs"
339
+ },
340
+ "./modal": {
341
+ "types": "./modal/index.d.ts",
342
+ "default": "./fesm2022/theseam-ui-common-modal.mjs"
343
343
  }
344
344
  },
345
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;