@theseam/ui-common 1.0.0-beta.0 → 1.0.0-beta.10
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.
- package/breadcrumbs/index.d.ts +1 -2
- package/buttons/index.d.ts +20 -13
- package/datatable/index.d.ts +77 -39
- package/dynamic/index.d.ts +5 -5
- package/fesm2022/theseam-ui-common-asset-reader.mjs +28 -29
- package/fesm2022/theseam-ui-common-asset-reader.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-breadcrumbs.mjs +25 -31
- package/fesm2022/theseam-ui-common-breadcrumbs.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-buttons.mjs +108 -66
- package/fesm2022/theseam-ui-common-buttons.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-card.mjs +21 -21
- package/fesm2022/theseam-ui-common-card.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-carousel.mjs +28 -30
- package/fesm2022/theseam-ui-common-carousel.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-checkbox.mjs +27 -27
- package/fesm2022/theseam-ui-common-checkbox.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-confirm-dialog.mjs +23 -27
- package/fesm2022/theseam-ui-common-confirm-dialog.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-core.mjs +31 -11
- package/fesm2022/theseam-ui-common-core.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-data-exporter.mjs +18 -19
- package/fesm2022/theseam-ui-common-data-exporter.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-data-filters.mjs +80 -64
- package/fesm2022/theseam-ui-common-data-filters.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-datatable-alterations-display.mjs +51 -49
- package/fesm2022/theseam-ui-common-datatable-alterations-display.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-datatable-dynamic.mjs +145 -112
- package/fesm2022/theseam-ui-common-datatable-dynamic.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-datatable.mjs +727 -420
- package/fesm2022/theseam-ui-common-datatable.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-dynamic-component-loader.mjs +12 -14
- package/fesm2022/theseam-ui-common-dynamic-component-loader.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-dynamic.mjs +60 -48
- package/fesm2022/theseam-ui-common-dynamic.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-footer-bar.mjs +9 -15
- package/fesm2022/theseam-ui-common-footer-bar.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-form-field-error.mjs +60 -43
- package/fesm2022/theseam-ui-common-form-field-error.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-form-field.mjs +129 -76
- package/fesm2022/theseam-ui-common-form-field.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-framework.mjs +669 -543
- package/fesm2022/theseam-ui-common-framework.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-google-maps.mjs +206 -149
- package/fesm2022/theseam-ui-common-google-maps.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-graphql.mjs +311 -254
- package/fesm2022/theseam-ui-common-graphql.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-icon.mjs +125 -89
- package/fesm2022/theseam-ui-common-icon.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-layout.mjs +18 -26
- package/fesm2022/theseam-ui-common-layout.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-loading.mjs +19 -28
- package/fesm2022/theseam-ui-common-loading.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-menu.mjs +124 -95
- package/fesm2022/theseam-ui-common-menu.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-modal.mjs +178 -129
- package/fesm2022/theseam-ui-common-modal.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-models.mjs +3 -3
- package/fesm2022/theseam-ui-common-models.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-navigation-reload.mjs +13 -11
- package/fesm2022/theseam-ui-common-navigation-reload.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-popover.mjs +81 -88
- package/fesm2022/theseam-ui-common-popover.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-progress.mjs +15 -19
- package/fesm2022/theseam-ui-common-progress.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-rich-text.mjs +65 -52
- package/fesm2022/theseam-ui-common-rich-text.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-scrollbar.mjs +12 -9
- package/fesm2022/theseam-ui-common-scrollbar.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-services.mjs +41 -26
- package/fesm2022/theseam-ui-common-services.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-shared.mjs +149 -159
- package/fesm2022/theseam-ui-common-shared.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-storage.mjs +9 -6
- package/fesm2022/theseam-ui-common-storage.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-story-helpers.mjs +148 -86
- package/fesm2022/theseam-ui-common-story-helpers.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-tabbed.mjs +43 -39
- package/fesm2022/theseam-ui-common-tabbed.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-table-cell-type.mjs +63 -39
- package/fesm2022/theseam-ui-common-table-cell-type.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-table-cell-types.mjs +182 -144
- package/fesm2022/theseam-ui-common-table-cell-types.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-table.mjs +62 -41
- package/fesm2022/theseam-ui-common-table.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-tel-input.mjs +98 -63
- package/fesm2022/theseam-ui-common-tel-input.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-testing.mjs +13 -10
- package/fesm2022/theseam-ui-common-testing.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-tiled-select.mjs +54 -50
- package/fesm2022/theseam-ui-common-tiled-select.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-toggle-edit.mjs +41 -37
- package/fesm2022/theseam-ui-common-toggle-edit.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-toggle-group.mjs +30 -31
- package/fesm2022/theseam-ui-common-toggle-group.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-tooltip.mjs +225 -66
- package/fesm2022/theseam-ui-common-tooltip.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-unsaved-changes-dialog.mjs +14 -12
- package/fesm2022/theseam-ui-common-unsaved-changes-dialog.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-utils.mjs +113 -77
- package/fesm2022/theseam-ui-common-utils.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-validators.mjs +10 -9
- package/fesm2022/theseam-ui-common-validators.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-vertical-list-filter.mjs +39 -17
- package/fesm2022/theseam-ui-common-vertical-list-filter.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-viewers.mjs +80 -53
- package/fesm2022/theseam-ui-common-viewers.mjs.map +1 -1
- package/fesm2022/theseam-ui-common-widget.mjs +288 -314
- package/fesm2022/theseam-ui-common-widget.mjs.map +1 -1
- package/form-field/index.d.ts +1 -1
- package/framework/base-layout/base-layout.component.scss +9 -4
- package/framework/base-layout/styles/_variables.scss +4 -9
- package/framework/dashboard/dashboard-widgets/dashboard-widgets.component.scss +6 -4
- package/framework/index.d.ts +6 -6
- package/framework/nav/nav-item/nav-item.component.scss +7 -6
- package/framework/nav/styles/_themes/light/_variables.scss +21 -5
- package/framework/nav/styles/_themes/primary/_variables.scss +21 -5
- package/framework/side-nav/side-nav-item/side-nav-item.component.scss +5 -2
- package/framework/side-nav/styles/_themes/light/_variables.scss +5 -1
- package/framework/side-nav/styles/_themes/primary/_variables.scss +25 -5
- package/graphql/index.d.ts +49 -7
- package/modal/README.md +5 -5
- package/modal/index.d.ts +1 -1
- package/models/index.d.ts +1 -1
- package/package.json +59 -60
- package/popover/index.d.ts +0 -2
- package/progress/progress-circle/styles/_variables.scss +15 -3
- package/shared/index.d.ts +0 -13
- package/story-helpers/index.d.ts +11 -1
- package/styles/bootstrap/_bootstrap.scss +34 -34
- package/styles/bootstrap/_bs-styles.scss +4 -8
- package/styles/bootstrap/_bs-utilities.scss +4 -4
- package/styles/bootstrap/_bs-variables.scss +65 -70
- package/styles/common/_forms.scss +9 -10
- package/styles/common/_global.scss +0 -1
- package/styles/common/_hacks.scss +1 -1
- package/styles/common/_table.scss +0 -1
- package/styles/common/_text.scss +3 -1
- package/styles/theme.scss +1 -1
- package/styles/vendor/ng-select/_ng-select-bs4.scss +292 -294
- package/styles/vendor/ngx-datatable/_ngx-datatable.scss +63 -32
- package/styles/vendor/ngx-datatable/_themes/bootstrap/_variables.scss +37 -10
- package/styles/vendor/ngx-datatable/_themes/material/_variables.scss +3 -1
- package/styles/vendor/quill/_quill.scss +15 -9
- package/table/index.d.ts +4 -1
- package/table-cell-type/index.d.ts +27 -2
- package/tel-input/README.md +27 -27
- package/utils/index.d.ts +3 -3
- package/viewers/index.d.ts +9 -2
- package/widget/_widget-theme.scss +1 -1
- package/widget/styles/_variables.scss +2 -2
- package/widget/widget/widget.component.scss +0 -2
- package/widget/widget-content-components/widget-tile/widget-tile.component.scss +1 -3
- 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
|
|
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:
|
|
28
|
-
|
|
29
|
-
|
|
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 {
|
package/framework/index.d.ts
CHANGED
|
@@ -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
|
|
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
|
|
718
|
-
declare function canExpand(item: ISideNavItem): item is
|
|
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
|
|
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
|
|
1364
|
-
declare function horizontalNavItemCanExpand(item: INavItem): item is
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
14
|
-
$seam-side-nav-
|
|
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(
|
|
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(
|
|
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(
|
|
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
|
package/graphql/index.d.ts
CHANGED
|
@@ -24,6 +24,18 @@ declare function inlineVariable(query: DocumentNode$1, variableName: string, var
|
|
|
24
24
|
|
|
25
25
|
declare function parseComments(ast: DocumentNode): Token[];
|
|
26
26
|
|
|
27
|
+
declare class GQLDirection {
|
|
28
|
+
readonly direction: string;
|
|
29
|
+
constructor(direction: string);
|
|
30
|
+
static readonly ASC: GQLDirection;
|
|
31
|
+
static readonly DESC: GQLDirection;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
interface HintTransformOperation {
|
|
35
|
+
query: DocumentNode$1;
|
|
36
|
+
variables: Record<string, any>;
|
|
37
|
+
}
|
|
38
|
+
|
|
27
39
|
declare enum HintsKind {
|
|
28
40
|
OperationDefinition = "OperationDefinition",
|
|
29
41
|
Field = "Field",
|
|
@@ -38,6 +50,15 @@ interface HintsToken {
|
|
|
38
50
|
kind: HintsKind;
|
|
39
51
|
}
|
|
40
52
|
|
|
53
|
+
type HintTransformer = (operation: HintTransformOperation, hintsToken: HintsToken) => HintTransformOperation;
|
|
54
|
+
|
|
55
|
+
interface HintDefinition {
|
|
56
|
+
readonly name: string;
|
|
57
|
+
readonly appliesTo: HintsKind[];
|
|
58
|
+
readonly transformer?: HintTransformer;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
declare const DEFAULT_TO_REMOVE_ON_UNDEFINED: string[];
|
|
41
62
|
interface QueryProcessingVariablesConfig {
|
|
42
63
|
removeIfNotDefined?: string[];
|
|
43
64
|
removeIfNotUsed?: string[];
|
|
@@ -51,6 +72,12 @@ interface QueryProcessingConfig {
|
|
|
51
72
|
disablePaging?: boolean;
|
|
52
73
|
}
|
|
53
74
|
|
|
75
|
+
declare class GQLVariable {
|
|
76
|
+
readonly name: string;
|
|
77
|
+
readonly type: string;
|
|
78
|
+
constructor(name: string, type: string);
|
|
79
|
+
}
|
|
80
|
+
|
|
54
81
|
type GqlDatatableAccessor = Pick<DatatableComponent, 'page' | 'sort' | 'sorts' | 'filterStates'> & {
|
|
55
82
|
ngxDatatable: {
|
|
56
83
|
offset: number;
|
|
@@ -60,9 +87,9 @@ type GqlDatatableAccessor = Pick<DatatableComponent, 'page' | 'sort' | 'sorts' |
|
|
|
60
87
|
};
|
|
61
88
|
};
|
|
62
89
|
|
|
63
|
-
|
|
90
|
+
interface EmptyObject {
|
|
64
91
|
[key: string]: any;
|
|
65
|
-
}
|
|
92
|
+
}
|
|
66
93
|
|
|
67
94
|
declare const HINT_PREFIX_REGEX: RegExp;
|
|
68
95
|
declare const HINT_NAMES_CAPTURE_REGEX: RegExp;
|
|
@@ -97,7 +124,7 @@ interface DatatableGraphQLDataMapperResult<TRow = EmptyObject> {
|
|
|
97
124
|
*/
|
|
98
125
|
totalCount?: number;
|
|
99
126
|
}
|
|
100
|
-
type DatatableGraphQLDataMapper<TData, TRow = EmptyObject> = (data: TData) =>
|
|
127
|
+
type DatatableGraphQLDataMapper<TData, TRow = EmptyObject> = (data: TData) => DatatableGraphQLDataMapperResult<TRow> | Promise<DatatableGraphQLDataMapperResult<TRow>> | Observable<DatatableGraphQLDataMapperResult<TRow>>;
|
|
101
128
|
type DatatableGraphQLVariables = {
|
|
102
129
|
skip?: number;
|
|
103
130
|
take?: number;
|
|
@@ -166,7 +193,7 @@ type FilterStateMapperResult = {
|
|
|
166
193
|
filter: FilterStateMapperFilter;
|
|
167
194
|
variables: FilterStateMapperVariables;
|
|
168
195
|
} | null;
|
|
169
|
-
type FilterStateMapper = (filterState: DataFilterState, context: MapperContext) =>
|
|
196
|
+
type FilterStateMapper = (filterState: DataFilterState, context: MapperContext) => FilterStateMapperResult | Promise<FilterStateMapperResult> | Observable<FilterStateMapperResult>;
|
|
170
197
|
interface FilterStateMappers {
|
|
171
198
|
[filterName: string]: FilterStateMapper;
|
|
172
199
|
}
|
|
@@ -175,7 +202,7 @@ declare function mapFilterStates(filterStates: DataFilterState[], filterStateMap
|
|
|
175
202
|
type SortsMapperResult = {
|
|
176
203
|
[name: string]: any;
|
|
177
204
|
}[];
|
|
178
|
-
type SortsMapper = (sorts: SortItem[], context: MapperContext) =>
|
|
205
|
+
type SortsMapper = (sorts: SortItem[], context: MapperContext) => SortsMapperResult | Promise<SortsMapperResult> | Observable<SortsMapperResult>;
|
|
179
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[]>;
|
|
180
207
|
|
|
181
208
|
/**
|
|
@@ -210,6 +237,21 @@ declare const mapSearchNumericColumnsDataFilterStateToGql: (filterState: Columns
|
|
|
210
237
|
|
|
211
238
|
declare const mapSearchTextColumnsDataFilterStateToGql: (filterState: ColumnsDataFilterState<TheSeamColumnsDataFilterTextSearchFormState>, context: MapperContext<any>) => FilterStateMapperResult;
|
|
212
239
|
|
|
240
|
+
declare const inlineVariableTransformer: HintTransformer;
|
|
241
|
+
|
|
242
|
+
declare const removeNotDefinedTransformer: HintTransformer;
|
|
243
|
+
|
|
244
|
+
/**
|
|
245
|
+
* Maps variable value to gql and inlines it into the query.
|
|
246
|
+
*/
|
|
247
|
+
declare const inlineVariableHintDef: HintDefinition;
|
|
248
|
+
|
|
249
|
+
/**
|
|
250
|
+
* Remove the variable from the query if it is not defined in the operation
|
|
251
|
+
* variables.
|
|
252
|
+
*/
|
|
253
|
+
declare const removeNotDefinedHintDef: HintDefinition;
|
|
254
|
+
|
|
213
255
|
declare const baseSchemaFragment: apollo_angular.TypedDocumentNode<unknown, unknown>;
|
|
214
256
|
|
|
215
257
|
interface WhereItemDef {
|
|
@@ -332,5 +374,5 @@ interface SimpleGqlTestVariables extends SimpleGqlTestExtraVariables {
|
|
|
332
374
|
where?: any;
|
|
333
375
|
}
|
|
334
376
|
|
|
335
|
-
export { DATATABLE_GRAPHQL_SERVICE_CONFIG, DEFAULT_PAGE_SIZE, DatatableGraphQLQueryRef, DatatableGraphqlService, HINT_NAMES_CAPTURE_REGEX, HINT_PREFIX_REGEX, MockDatatable, SIMPLE_GQL_TEST_QUERY, baseSchemaFragment, checkRecordsHaveValue, containsVariable, createApolloTestingProvider, createHintsToken, createSimpleGqlTestRecord, createSimpleGqlTestRoot, filterWhere, filteredResults, getHintsToken, getPageInfo, getTokenAppliesTo, gqlVar, hintNamesFromHintToken, hintsTokensContainingHint, inlineVariable, isCommentToken, isHintToken, isInlineComment, mapFilterStates, mapSearchDateColumnsDataFilterStateToGql, mapSearchNumericColumnsDataFilterStateToGql, mapSearchTextColumnsDataFilterStateToGql, observeRowsWithGqlInputsHandling, parseAst, parseComments, parseHints, removeVariable, removeVariableDefinition, removeVariableDefinitionsNotDefined, simpleGqlTestSchema, skipAndTake, toGQL };
|
|
336
|
-
export type { DatatableGraphQLDataMapper, DatatableGraphQLDataMapperResult, DatatableGraphQLVariables, DatatableGraphqlServiceConfig, DatatableQueryOptions, FilterStateMapper, FilterStateMapperFilter, FilterStateMapperResult, FilterStateMapperVariables, FilterStateMappers, FilteredResults, FilteredResultsPageInfo, MapperContext, SimpleGqlTestExtraVariables, SimpleGqlTestRecord, SimpleGqlTestVariables, SortsMapper, SortsMapperResult, WhereArg };
|
|
377
|
+
export { DATATABLE_GRAPHQL_SERVICE_CONFIG, DEFAULT_PAGE_SIZE, DEFAULT_TO_REMOVE_ON_UNDEFINED, DatatableGraphQLQueryRef, DatatableGraphqlService, GQLDirection, GQLVariable, HINT_NAMES_CAPTURE_REGEX, HINT_PREFIX_REGEX, HintsKind, MockDatatable, SIMPLE_GQL_TEST_QUERY, baseSchemaFragment, checkRecordsHaveValue, containsVariable, createApolloTestingProvider, createHintsToken, createSimpleGqlTestRecord, createSimpleGqlTestRoot, filterWhere, filteredResults, getHintsToken, getPageInfo, getTokenAppliesTo, gqlVar, hintNamesFromHintToken, hintsTokensContainingHint, inlineVariable, inlineVariableHintDef, inlineVariableTransformer, isCommentToken, isHintToken, isInlineComment, mapFilterStates, mapSearchDateColumnsDataFilterStateToGql, mapSearchNumericColumnsDataFilterStateToGql, mapSearchTextColumnsDataFilterStateToGql, observeRowsWithGqlInputsHandling, parseAst, parseComments, parseHints, removeNotDefinedHintDef, removeNotDefinedTransformer, removeVariable, removeVariableDefinition, removeVariableDefinitionsNotDefined, simpleGqlTestSchema, skipAndTake, toGQL };
|
|
378
|
+
export type { DatatableGraphQLDataMapper, DatatableGraphQLDataMapperResult, DatatableGraphQLVariables, DatatableGraphqlServiceConfig, DatatableQueryOptions, EmptyObject, FilterStateMapper, FilterStateMapperFilter, FilterStateMapperResult, FilterStateMapperVariables, FilterStateMappers, FilteredResults, FilteredResultsPageInfo, GqlDatatableAccessor, HintDefinition, HintTransformOperation, HintTransformer, HintsToken, MapperContext, QueryProcessingConfig, QueryProcessingVariablesConfig, SimpleGqlTestExtraVariables, SimpleGqlTestRecord, SimpleGqlTestVariables, SortsMapper, SortsMapperResult, WhereArg };
|
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 =
|
|
17
|
+
GatewayTimeout = 504
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
type ThemeTypes = 'default' | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'lightgray' | 'lightblue';
|